From dc9cf2cd3d43137123ee1b2e5c89d3db060fba0d Mon Sep 17 00:00:00 2001
From: subsub <subsub8729@kakao.com>
Date: Wed, 7 May 2025 10:09:38 +0900
Subject: [PATCH 01/16] =?UTF-8?q?2025/05/07=20HTML=20=EC=97=85=EB=8D=B0?=
 =?UTF-8?q?=EC=9D=B4=ED=8A=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/main/webapp/publish/adrEnroll.html        |   36 +-
 src/main/webapp/publish/adrbook1.html         | 2502 +++++++------
 src/main/webapp/publish/adrbook2.html         | 1451 ++++----
 src/main/webapp/publish/adrbook3.html         |  208 +-
 src/main/webapp/publish/adrbook4.html         |  239 +-
 src/main/webapp/publish/adrbook_fax.html      |  715 ++--
 src/main/webapp/publish/api_admin1.html       |   37 +-
 src/main/webapp/publish/api_admin2.html       |   37 +-
 src/main/webapp/publish/api_admin3.html       |   37 +-
 src/main/webapp/publish/api_admin4.html       |   37 +-
 src/main/webapp/publish/api_download.html     |  128 +-
 src/main/webapp/publish/api_guide.html        |   37 +-
 src/main/webapp/publish/api_intro.html        |   37 +-
 .../publish/email_form_terms_2024_clause.html |  137 +
 .../email_form_terms_2024_privacy.html        |  122 +
 src/main/webapp/publish/estimate.html         |   12 +-
 src/main/webapp/publish/estimate2.html        |    2 +-
 src/main/webapp/publish/fax_send.html         |  426 +--
 src/main/webapp/publish/firstpay_event.html   |   87 +-
 src/main/webapp/publish/firstpay_event2.html  |  107 +-
 src/main/webapp/publish/guide.html            |  312 +-
 src/main/webapp/publish/index.html            | 2290 +++++++-----
 src/main/webapp/publish/info_popup.html       |  434 +++
 src/main/webapp/publish/intro_bestsample.html |   85 +-
 src/main/webapp/publish/intro_function.html   |   85 +-
 src/main/webapp/publish/intro_service.html    |   85 +-
 src/main/webapp/publish/js/common.js          |   19 +
 src/main/webapp/publish/js/popup.js           |   20 +-
 .../webapp/publish/kakao_allimtalk_add.html   | 1475 ++++----
 .../webapp/publish/kakao_allimtalk_intro.html |   51 +-
 .../webapp/publish/kakao_allimtalk_list.html  |   85 +-
 .../webapp/publish/kakao_allimtalk_send.html  |  737 ++--
 .../webapp/publish/kakao_friendtalk_add.html  |   85 +-
 .../webapp/publish/kakao_friendtalk_list.html |   85 +-
 .../webapp/publish/kakao_friendtalk_send.html |   85 +-
 .../webapp/publish/kakao_profile_add.html     |   87 +-
 src/main/webapp/publish/kakao_use_guide.html  |   85 +-
 src/main/webapp/publish/kisa.html             |  175 +
 src/main/webapp/publish/layout/_footer.html   |   34 +
 src/main/webapp/publish/layout/_header.html   |  225 ++
 .../webapp/publish/layout/_quickmenu.html     |   47 +
 src/main/webapp/publish/mem1.html             |  184 +-
 src/main/webapp/publish/mem2.html             |  815 ++---
 src/main/webapp/publish/mem3.html             |  182 +-
 src/main/webapp/publish/mem4.html             |  182 +-
 src/main/webapp/publish/mem4_company.html     |   93 +
 .../publish/member_info_change_company.html   |  275 ++
 .../member_info_change_passwordCheck.html     |  100 +
 .../publish/member_info_change_person.html    |  244 ++
 src/main/webapp/publish/mypage1.html          |  193 +-
 .../publish/mypage1_dormant_member.html       |  183 +-
 .../publish/mypage1_dormant_member2.html      |  183 +-
 src/main/webapp/publish/mypage2.html          |  251 +-
 src/main/webapp/publish/mypage3.html          |  412 +--
 src/main/webapp/publish/mypage3_return.html   |  165 +
 src/main/webapp/publish/mypage4.html          |  253 +-
 src/main/webapp/publish/mypage5.html          |  642 +---
 src/main/webapp/publish/mypage5_2.html        |  562 +++
 src/main/webapp/publish/mypage6.html          |  354 +-
 src/main/webapp/publish/mypage7.html          |  211 +-
 src/main/webapp/publish/mypage8.html          |  279 +-
 src/main/webapp/publish/mypage9.html          |  502 +--
 src/main/webapp/publish/mypage9_id.html       |   80 +
 src/main/webapp/publish/mypage9_password.html |  114 +
 src/main/webapp/publish/mypage_index.html     | 1060 ++++--
 .../webapp/publish/mypage_security_login.html |  311 ++
 src/main/webapp/publish/payment1.html         |  354 +-
 src/main/webapp/publish/payment2.html         |  313 +-
 src/main/webapp/publish/payment3.html         | 1389 +++----
 src/main/webapp/publish/payment4.html         |  804 ++---
 src/main/webapp/publish/payment5.html         |  507 +--
 src/main/webapp/publish/payment6.html         |  202 +-
 .../popup_allimtalk_template_choice.html      |  359 +-
 src/main/webapp/publish/popup_fax_detail.html |    4 +-
 src/main/webapp/publish/popup_list.html       |  182 +-
 src/main/webapp/publish/reservedmsg.html      | 2472 ++++++++-----
 src/main/webapp/publish/security_login.html   |  183 +-
 src/main/webapp/publish/service1.html         |  236 +-
 src/main/webapp/publish/service1_2022.html    |  183 +-
 src/main/webapp/publish/service1_2023.html    |  183 +-
 src/main/webapp/publish/service1_2024.html    |  183 +-
 src/main/webapp/publish/service2.html         | 2287 ++++++++----
 src/main/webapp/publish/service2_2022.html    |  183 +-
 src/main/webapp/publish/service2_2023.html    |  183 +-
 src/main/webapp/publish/service2_2024.html    |  183 +-
 src/main/webapp/publish/service3.html         |  197 +-
 .../webapp/publish/service3_spam_2024.html    |  183 +-
 src/main/webapp/publish/service4.html         |  535 ++-
 src/main/webapp/publish/service4_2.html       |  178 +
 src/main/webapp/publish/service5.html         |  201 +-
 src/main/webapp/publish/service6.html         |  534 +--
 src/main/webapp/publish/service7.html         |  182 +-
 src/main/webapp/publish/sub1.html             | 3176 +++++++++--------
 src/main/webapp/publish/sub2.html             |  741 ++--
 src/main/webapp/publish/sub3.html             |   36 +-
 .../webapp/publish/sub_election_v2024.html    | 1597 +++++----
 src/main/webapp/publish/textingmsg.html       | 2435 ++++++-------
 src/main/webapp/publish/textingmsg_2022.html  |   33 +-
 .../publish/textingmsg_2024_detail.html       |   33 +-
 .../publish/textingmsg_2024_detail_kakao.html |    3 +-
 .../webapp/publish/textingmsg_2024_list.html  |   33 +-
 .../webapp/publish/textingmsg_detail.html     |  935 +++++
 .../publish/textingmsg_detail_allimtalk.html  |  875 +++++
 .../webapp/publish/transaction_statement.html |  189 +
 src/main/webapp/publish/use_statement.html    |  139 +-
 105 files changed, 21259 insertions(+), 22176 deletions(-)
 create mode 100644 src/main/webapp/publish/email_form_terms_2024_clause.html
 create mode 100644 src/main/webapp/publish/email_form_terms_2024_privacy.html
 create mode 100644 src/main/webapp/publish/info_popup.html
 create mode 100644 src/main/webapp/publish/kisa.html
 create mode 100644 src/main/webapp/publish/layout/_footer.html
 create mode 100644 src/main/webapp/publish/layout/_header.html
 create mode 100644 src/main/webapp/publish/layout/_quickmenu.html
 create mode 100644 src/main/webapp/publish/mem4_company.html
 create mode 100644 src/main/webapp/publish/member_info_change_company.html
 create mode 100644 src/main/webapp/publish/member_info_change_passwordCheck.html
 create mode 100644 src/main/webapp/publish/member_info_change_person.html
 create mode 100644 src/main/webapp/publish/mypage3_return.html
 create mode 100644 src/main/webapp/publish/mypage5_2.html
 create mode 100644 src/main/webapp/publish/mypage9_id.html
 create mode 100644 src/main/webapp/publish/mypage9_password.html
 create mode 100644 src/main/webapp/publish/mypage_security_login.html
 create mode 100644 src/main/webapp/publish/service4_2.html
 create mode 100644 src/main/webapp/publish/textingmsg_detail.html
 create mode 100644 src/main/webapp/publish/textingmsg_detail_allimtalk.html
 create mode 100644 src/main/webapp/publish/transaction_statement.html

diff --git a/src/main/webapp/publish/adrEnroll.html b/src/main/webapp/publish/adrEnroll.html
index ce265be1..46ffb316 100644
--- a/src/main/webapp/publish/adrEnroll.html
+++ b/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>
diff --git a/src/main/webapp/publish/adrbook1.html b/src/main/webapp/publish/adrbook1.html
index dc41f4f0..e196c405 100644
--- a/src/main/webapp/publish/adrbook1.html
+++ b/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>
+                                <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>
-                                <!-- 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><!--// 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
diff --git a/src/main/webapp/publish/adrbook2.html b/src/main/webapp/publish/adrbook2.html
index 45ff6dd7..0a06cadd 100644
--- a/src/main/webapp/publish/adrbook2.html
+++ b/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,68 +636,278 @@
                                 <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>
@@ -837,6 +915,12 @@
                                                 <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>
@@ -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>강동원</p>
+                                            </td>
+                                            <td>
+                                                <p>2021-06-02, 15:46</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>
                                         </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
diff --git a/src/main/webapp/publish/adrbook3.html b/src/main/webapp/publish/adrbook3.html
index b984b420..7728db3b 100644
--- a/src/main/webapp/publish/adrbook3.html
+++ b/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,16 +148,21 @@
                                             <th>번호</th>
                                             <th>신청일시</th>
                                             <th>요청사항</th>
+                                            <th>주소록 종류</th>
                                             <th>파일</th>
                                             <th>처리일시</th>
                                             <th>처리상태</th>
                                         </tr>
                                     </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>
diff --git a/src/main/webapp/publish/adrbook4.html b/src/main/webapp/publish/adrbook4.html
index 7c8cff5b..5a21a4ce 100644
--- a/src/main/webapp/publish/adrbook4.html
+++ b/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>
diff --git a/src/main/webapp/publish/adrbook_fax.html b/src/main/webapp/publish/adrbook_fax.html
index a6d135f6..76295fb9 100644
--- a/src/main/webapp/publish/adrbook_fax.html
+++ b/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
diff --git a/src/main/webapp/publish/api_admin1.html b/src/main/webapp/publish/api_admin1.html
index 1c2724c8..6beefeed 100644
--- a/src/main/webapp/publish/api_admin1.html
+++ b/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
diff --git a/src/main/webapp/publish/api_admin2.html b/src/main/webapp/publish/api_admin2.html
index ed76df4f..6b4734c8 100644
--- a/src/main/webapp/publish/api_admin2.html
+++ b/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
diff --git a/src/main/webapp/publish/api_admin3.html b/src/main/webapp/publish/api_admin3.html
index 0b0831fa..7da669b0 100644
--- a/src/main/webapp/publish/api_admin3.html
+++ b/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
diff --git a/src/main/webapp/publish/api_admin4.html b/src/main/webapp/publish/api_admin4.html
index 431c30ba..962378d6 100644
--- a/src/main/webapp/publish/api_admin4.html
+++ b/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
diff --git a/src/main/webapp/publish/api_download.html b/src/main/webapp/publish/api_download.html
index 7475e50a..5015f810 100644
--- a/src/main/webapp/publish/api_download.html
+++ b/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>
 
diff --git a/src/main/webapp/publish/api_guide.html b/src/main/webapp/publish/api_guide.html
index fde0167f..a64963f9 100644
--- a/src/main/webapp/publish/api_guide.html
+++ b/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
diff --git a/src/main/webapp/publish/api_intro.html b/src/main/webapp/publish/api_intro.html
index 51aa433a..bfe86712 100644
--- a/src/main/webapp/publish/api_intro.html
+++ b/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
diff --git a/src/main/webapp/publish/email_form_terms_2024_clause.html b/src/main/webapp/publish/email_form_terms_2024_clause.html
new file mode 100644
index 00000000..a855deb2
--- /dev/null
+++ b/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
diff --git a/src/main/webapp/publish/email_form_terms_2024_privacy.html b/src/main/webapp/publish/email_form_terms_2024_privacy.html
new file mode 100644
index 00000000..e4699171
--- /dev/null
+++ b/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
diff --git a/src/main/webapp/publish/estimate.html b/src/main/webapp/publish/estimate.html
index 1ba7cdfc..6c381faa 100644
--- a/src/main/webapp/publish/estimate.html
+++ b/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>
diff --git a/src/main/webapp/publish/estimate2.html b/src/main/webapp/publish/estimate2.html
index 415b39ac..89a5fec0 100644
--- a/src/main/webapp/publish/estimate2.html
+++ b/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">
diff --git a/src/main/webapp/publish/fax_send.html b/src/main/webapp/publish/fax_send.html
index 0c3f315c..a9210583 100644
--- a/src/main/webapp/publish/fax_send.html
+++ b/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
diff --git a/src/main/webapp/publish/firstpay_event.html b/src/main/webapp/publish/firstpay_event.html
index 8a5fad62..8283d192 100644
--- a/src/main/webapp/publish/firstpay_event.html
+++ b/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
diff --git a/src/main/webapp/publish/firstpay_event2.html b/src/main/webapp/publish/firstpay_event2.html
index fed2dfd5..d343d790 100644
--- a/src/main/webapp/publish/firstpay_event2.html
+++ b/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
diff --git a/src/main/webapp/publish/guide.html b/src/main/webapp/publish/guide.html
index 4fb4b9de..16073bfa 100644
--- a/src/main/webapp/publish/guide.html
+++ b/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
diff --git a/src/main/webapp/publish/index.html b/src/main/webapp/publish/index.html
index 65bf2982..3d1c2243 100644
--- a/src/main/webapp/publish/index.html
+++ b/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>
-					</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>
+
+							<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>
+					<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
diff --git a/src/main/webapp/publish/info_popup.html b/src/main/webapp/publish/info_popup.html
new file mode 100644
index 00000000..2a68c655
--- /dev/null
+++ b/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
diff --git a/src/main/webapp/publish/intro_bestsample.html b/src/main/webapp/publish/intro_bestsample.html
index 57f71ea1..6cff1921 100644
--- a/src/main/webapp/publish/intro_bestsample.html
+++ b/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
diff --git a/src/main/webapp/publish/intro_function.html b/src/main/webapp/publish/intro_function.html
index 0bbf8dc2..294db601 100644
--- a/src/main/webapp/publish/intro_function.html
+++ b/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
diff --git a/src/main/webapp/publish/intro_service.html b/src/main/webapp/publish/intro_service.html
index 0a115ddd..d3324481 100644
--- a/src/main/webapp/publish/intro_service.html
+++ b/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
diff --git a/src/main/webapp/publish/js/common.js b/src/main/webapp/publish/js/common.js
index cbb14204..c27d4537 100644
--- a/src/main/webapp/publish/js/common.js
+++ b/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(){
diff --git a/src/main/webapp/publish/js/popup.js b/src/main/webapp/publish/js/popup.js
index 169428fd..556b9a9c 100644
--- a/src/main/webapp/publish/js/popup.js
+++ b/src/main/webapp/publish/js/popup.js
@@ -68,10 +68,6 @@ function TabType3(obj, tabId) {
 }
 
 
-
-
-
-
 /* 이미지불러오기 클릭 시 photo editer 새창 팝업 오픈  */
 function showPotoediter() { 
     //만들려는 팝업의 크기
@@ -86,3 +82,19 @@ function showPotoediter() {
 }
 
 
+/* 윈도우팝업 열기 */
+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
diff --git a/src/main/webapp/publish/kakao_allimtalk_add.html b/src/main/webapp/publish/kakao_allimtalk_add.html
index 3d1377fc..c79913a2 100644
--- a/src/main/webapp/publish/kakao_allimtalk_add.html
+++ b/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
diff --git a/src/main/webapp/publish/kakao_allimtalk_intro.html b/src/main/webapp/publish/kakao_allimtalk_intro.html
index 7a244697..78c034d9 100644
--- a/src/main/webapp/publish/kakao_allimtalk_intro.html
+++ b/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
diff --git a/src/main/webapp/publish/kakao_allimtalk_list.html b/src/main/webapp/publish/kakao_allimtalk_list.html
index 056929c6..f4870c05 100644
--- a/src/main/webapp/publish/kakao_allimtalk_list.html
+++ b/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
diff --git a/src/main/webapp/publish/kakao_allimtalk_send.html b/src/main/webapp/publish/kakao_allimtalk_send.html
index 6151ebff..285793c9 100644
--- a/src/main/webapp/publish/kakao_allimtalk_send.html
+++ b/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>
 
diff --git a/src/main/webapp/publish/kakao_friendtalk_add.html b/src/main/webapp/publish/kakao_friendtalk_add.html
index 0d38a511..1f60a3b9 100644
--- a/src/main/webapp/publish/kakao_friendtalk_add.html
+++ b/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
diff --git a/src/main/webapp/publish/kakao_friendtalk_list.html b/src/main/webapp/publish/kakao_friendtalk_list.html
index e7af35b8..2652abaa 100644
--- a/src/main/webapp/publish/kakao_friendtalk_list.html
+++ b/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
diff --git a/src/main/webapp/publish/kakao_friendtalk_send.html b/src/main/webapp/publish/kakao_friendtalk_send.html
index 6d5729fd..f727b048 100644
--- a/src/main/webapp/publish/kakao_friendtalk_send.html
+++ b/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
diff --git a/src/main/webapp/publish/kakao_profile_add.html b/src/main/webapp/publish/kakao_profile_add.html
index 09ad71a5..f37d2f7e 100644
--- a/src/main/webapp/publish/kakao_profile_add.html
+++ b/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
diff --git a/src/main/webapp/publish/kakao_use_guide.html b/src/main/webapp/publish/kakao_use_guide.html
index dd4fe3bc..a27687a5 100644
--- a/src/main/webapp/publish/kakao_use_guide.html
+++ b/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
diff --git a/src/main/webapp/publish/kisa.html b/src/main/webapp/publish/kisa.html
new file mode 100644
index 00000000..2b2eb6e8
--- /dev/null
+++ b/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
diff --git a/src/main/webapp/publish/layout/_footer.html b/src/main/webapp/publish/layout/_footer.html
new file mode 100644
index 00000000..384ffc8e
--- /dev/null
+++ b/src/main/webapp/publish/layout/_footer.html
@@ -0,0 +1,34 @@
+<!-- footer -->
+<footer id="footer" class="footer">
+  <div class="footer_top">
+    <div class="inner table">
+      <ul class="table_cell">
+        <li class="about"><a href="http://iten.co.kr/" target="_blank" rel="nosublink">회사소개</a></li>
+        <li class="SortLine"><a href="/web/cop/bbs/TermsList.do?menuNm=02&termsMastNo=2023" rel="nosublink">이용약관</a></li>
+        <li class="SortLine"><a href="/web/cop/bbs/TermsList.do?menuNm=03&termsMastNo=2024" rel="nosublink">개인정보처리방침</a></li>
+        <li class="SortLine"><a href="/web/cop/bbs/TermsList.do?menuNm=04&termsMastNo=2024" rel="nosublink">불법스팸방지정책</a></li>
+      </ul>
+    </div>
+  </div>
+  <div class="footer_body">
+    <div class="inner table">
+      <div class="table_cell">
+        <a href="/" class="footer_logo" rel="nosublink"><img src="/publish/images/CI_white.png" alt="문자온 CI"></a>
+        <div class="footer_info">
+          <p>주소 : (12248) 경기도 남양주시 다산순환로 20, A동 735호(다산동, 현대프리미어캠퍼스) ｜ 기업명 : 주식회사 아이티앤</p>
+          <p class="info_te">사업자번호 : 653-87-00858 ｜ 대표 : 유인식 ｜ 특수한 유형의 부가통신사업자 등록번호 : 제3-01-21-0054호 ｜ <br>통신판매등록번호 : 제2021-다산-0422호</p>
+          <p>Copyright 2022 ⓒ MUNJAON co. Ltd, All rights reserved.</p>
+        </div>
+        <dl class="footer_service_center">
+          <dt>고객센터</dt>
+          <dd>
+            <p>1551-8011</p>
+            <span>E-mail : help@iten.co.kr</span>
+          </dd>
+        </dl>
+        <img class="footer_mark" src="https://yeorcqadlpopsmgaoudu.supabase.co/storage/v1/object/public/certification/mark/6c10adc8-cf0c-474a-bcd9-5099a08612fd/61914a62-6ab1-4c4d-b2dd-88f0410234ed-2024-11-13T07:34:43.940Z" alt="대량문자 전송자격인증 마크" onclick="(function(){window.open('https://cleanspam.or.kr/ci/138','_blank','width=800, height=1151, toolbar=no, menubar=no, scrollbars=no, resizable=no')})()" />
+      </div>
+    </div>
+  </div>
+</footer>
+<!--// footer 영역 -->
\ No newline at end of file
diff --git a/src/main/webapp/publish/layout/_header.html b/src/main/webapp/publish/layout/_header.html
new file mode 100644
index 00000000..05a8f917
--- /dev/null
+++ b/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
diff --git a/src/main/webapp/publish/layout/_quickmenu.html b/src/main/webapp/publish/layout/_quickmenu.html
new file mode 100644
index 00000000..4d7ef85e
--- /dev/null
+++ b/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
diff --git a/src/main/webapp/publish/mem1.html b/src/main/webapp/publish/mem1.html
index cbd407b5..ac932940 100644
--- a/src/main/webapp/publish/mem1.html
+++ b/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>
diff --git a/src/main/webapp/publish/mem2.html b/src/main/webapp/publish/mem2.html
index b8c4b579..390e7586 100644
--- a/src/main/webapp/publish/mem2.html
+++ b/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
diff --git a/src/main/webapp/publish/mem3.html b/src/main/webapp/publish/mem3.html
index 370504e2..6afff3ec 100644
--- a/src/main/webapp/publish/mem3.html
+++ b/src/main/webapp/publish/mem3.html
@@ -20,151 +20,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 영역 -->
@@ -514,37 +370,7 @@
         </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 영역 -->
+    <!-- footer -->
+	<div data-include-path="/publish/layout/_footer.html"></div>
+	<!--// footer 영역 -->
 </body></html>
diff --git a/src/main/webapp/publish/mem4.html b/src/main/webapp/publish/mem4.html
index dac9dae0..e75df850 100644
--- a/src/main/webapp/publish/mem4.html
+++ b/src/main/webapp/publish/mem4.html
@@ -20,151 +20,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 영역 -->
@@ -235,37 +91,7 @@
         </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 영역 -->
+    <!-- footer -->
+	<div data-include-path="/publish/layout/_footer.html"></div>
+	<!--// footer 영역 -->
 </body></html>
diff --git a/src/main/webapp/publish/mem4_company.html b/src/main/webapp/publish/mem4_company.html
new file mode 100644
index 00000000..0ff9c94f
--- /dev/null
+++ b/src/main/webapp/publish/mem4_company.html
@@ -0,0 +1,93 @@
+<!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/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">
+
+            <script src="/publish/js/jquery-3.5.0.js"></script>
+            <script src="/publish/js/common.js"></script>
+            <script src="/publish/js/content.js"></script>
+
+</head>
+
+<body>
+    <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 join4">
+                    <!-- step -->
+                    <p class="welcome"><span>문자온</span>에 오신것을 환영합니다.</p>
+                    <ul class="mem_nav">
+                        <li>
+                            <i></i>
+                            <div>
+                                <p>01</p>
+                                <span>약관동의</span>
+                            </div>
+                        </li>
+                        <li>
+                            <i></i>
+                            <div>
+                                <p>02</p>
+                                <span>정보입력</span>
+                            </div>
+                        </li>
+                        <li class="on">
+                            <i></i>
+                            <div>
+                                <p>03</p>
+                                <span>가입완료</span>
+                            </div>
+                        </li>
+                    </ul>
+                    <!--// step -->
+                    <!-- cont -->
+                    <div class="mem_cont_in">
+                        <div class="mem_ship_join">
+                            <img src="/publish/images/content/icon_memship_join.png" alt="" />
+                            <div class="text">기업회원은 <strong>심사 이후에 가입완료</strong>가 됩니다.</div>
+                        </div>
+                        <div class="text_bottom">
+                            <div>
+                                <p>아이디</p>
+                                <p>abcdefg123</p>
+                            </div>
+                            <div>
+                                <p>이름</p>
+                                <p>홍길동</p>
+                            </div>
+                        </div>
+                        <div class="mem_btnWrap3">
+                            <button type="button" class="mem_btn5" onclick="location.href='/publish/mem1.html'">메인으로</button>
+                        </div>
+                    </div>
+                    <!--// cont -->
+                </div>
+                <!--// 회원가입 가입완료 -->
+            </div>
+        </div>
+    </div>
+    </div>
+    <!--// content 영역 -->
+    <!-- footer -->
+    <div data-include-path="/publish/layout/_footer.html"></div>
+    <!--// footer 영역 -->
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/main/webapp/publish/member_info_change_company.html b/src/main/webapp/publish/member_info_change_company.html
new file mode 100644
index 00000000..98b4d35c
--- /dev/null
+++ b/src/main/webapp/publish/member_info_change_company.html
@@ -0,0 +1,275 @@
+<!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>
+
+    <script>
+        function cortabView(obj) {
+            var target = $(obj).closest('li');
+            var corTarget = $('.input_wrap .input_list_cor');
+            var idx = target.index();
+
+            target.closest('ul').find('li').removeClass('active');
+            target.addClass('active');
+            corTarget.hide().eq(idx).show();
+        }
+    </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 active"><button type="button" onclick="TabType5(this,'1');">회원정보 변경</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'">보안로그인</button></li>
+                </ul>
+                <!--// tab button -->
+                <!-- 마이페이지 - 회원정보 변경 -->
+                <div class="mypage_content current" id="tab5_1">
+
+                    <div class="heading">
+                        <h2>회원정보 변경</h2>
+                    </div>
+
+                    <div class="mem_cont_in">
+                        <ul class="mem_cortab">
+                            <li class="active"><button type="button" onclick="cortabView(this);">기본정보</button></li>
+                            <li><button type="button" onclick="cortabView(this);">기업정보</button></li>
+                        </ul>
+                        <div class="input_wrap">
+                            <div class="input_list input_list_cor">
+                                <div class="cor_noti">회원님의 정보를 <span>확인</span> 및 <span>변경</span>하실 수 있습니다.</div>
+
+                                <div class="input_list_item colorW">
+                                    <div class="input_left">아이디</div>
+                                    <div class="input_right">
+                                        <label for="" class="label">아이디</label>
+                                        <input type="text" class="list_inputType1" value="" readonly="">
+                                    </div>
+                                </div>
+
+                                <div class="input_list_item colorW">
+                                    <div class="input_left">담당자</div>
+                                    <div class="input_right">
+                                        <label for="" class="label">담당자</label>
+                                        <input type="text" class="list_inputType1" name="managerNm" id="managerNm" value="" readonly="">
+                                    </div>
+                                </div>
+
+                                <div class="input_list_item colorW input_list_phone">
+                                    <div class="input_left">휴대폰번호</div>
+                                    <div class="input_right">
+                                        <label for="" class="label">휴대폰번호</label>
+                                        <input type="text" class="list_inputType1" name="moblphonNo" id="moblphonNo" value="" readonly="">
+                                        <div class="list_btn_wrap">
+                                            <button type="button">휴대폰 변경</button>
+                                        </div>
+                                    </div>
+                                </div>
+
+                                <div class="input_list_item colorW">
+                                    <div class="input_left">재직증명서</div>
+                                    <div class="input_right">
+                                        수신문서 없음
+                                    </div>
+                                </div>
+
+                                <div class="input_list_item" id="workFileView">
+                                    <div class="input_left input_left_poe"> 재직증명서 첨부<span class="poe_noti2">(대표자는 생략)</span></div>
+                                    <div class="input_right">
+                                        <label for="atFileBasicWriteWork" class="label">재직증명서 첨부</label>
+                                        <input type="text" class="list_inputType1" disabled="" id="atFileBasicWriteWork" style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:55%;">
+                                        <div class="list_btn_wrap">
+                                            <span>재직증명서 첨부(5MB 이내)</span>
+                                            <input type="file" name="fileWork" id="fileWork" class="onlyC input-file" style="display:none;">
+                                            <button type="button">파일첨부</button>
+                                        </div>
+                                    </div>
+                                </div>
+
+                                <div class="input_list_item emailWrap">
+                                    <div>
+                                        <div class="input_left"><span class="essential">*</span>이메일</div>
+                                        <div class="input_right">
+                                            <div class="email">
+                                                <label for="" class="label">이메일 주소 앞자리</label>
+                                                <input type="text" class="list_inputType1" id="emailId" value="" maxlength="50">
+                                                <span>@</span>
+                                                <label for="" class="label">이메일 주소 뒷자리</label>
+                                                <input type="text" class="list_inputType1" id="emailAdd" value="">
+                                            </div>
+                                            <div class="email_select">
+                                                <label for="selectEmail" class="label">이메일 선택</label>
+                                                <select class="list_selType1" id="selectEmail">
+                                                    <option value="1">직접입력</option>
+                                                    <option value="naver.com">네이버</option>
+                                                    <option value="nate.com">네이트</option>
+                                                    <option value="daum.net">다음</option>
+                                                    <option value="hanmail.net">한메일</option>
+                                                    <option value="gmail.com">지메일</option>
+                                                </select>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="input_list_item send_agree">
+                                    <div class="input_left">마케팅 수신 동의</div>
+                                    <div class="input_right">
+                                        <div>
+                                            <div class="checkbox_wrap">
+                                                <input type="checkbox" id="agree1_1" title="회원가입 전체약관에 동의" class="joinCheckbox type3">
+                                                <label for="agree1_1">휴대폰</label>
+                                            </div>
+                                        </div>
+                                        <div>
+                                            <div class="checkbox_wrap">
+                                                <input type="checkbox" id="agree1_2" title="회원가입 전체약관에 동의" class="joinCheckbox type3">
+                                                <label for="agree1_2">카카오</label>
+                                            </div>
+                                        </div>
+                                        <div>
+                                            <div class="checkbox_wrap">
+                                                <input type="checkbox" id="agree1_3" title="회원가입 전체약관에 동의" class="joinCheckbox type3">
+                                                <label for="agree1_3">이메일</label>
+                                            </div>
+                                        </div>
+                                        <div class="list_alert reqest_text">
+                                            <span style="line-height:1.2;">수신동의 시 각종 혜택 및<br> 이벤트 정보를 받아보실 수 있습니다.</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <p class="poe_noti">이메일 및 마케팅 수신 동의 변경은 심사 없이 바로 적용 가능합니다.</p>
+                                <div class="mem_btnWrap2 justify">
+                                    <button type="button" class="mem_btn3">변경</button>
+                                </div>
+                            </div>
+
+                            <div class="input_list input_list_cor">
+                                <div class="cor_noti">회원님의 정보를 <span>확인</span> 및 <span>변경</span>하실 수 있습니다.</div>
+                                <div class="input_list_item">
+                                    <div class="input_left">기업유형</div>
+                                    <div class="input_right">
+
+                                        <div><input type="radio" id="01" name="bizType" value="01" checked="checked"> <label for="01">법인사업자</label></div>
+                                        <div><input type="radio" id="012" name="bizType" value="02"> <label for="012">개인사업자</label></div>
+                                        <div><input type="radio" id="0123" name="bizType" value="03"> <label for="0123">공식(비영리)단체</label></div>
+                                    </div>
+                                </div>
+                                <div class="input_list_item">
+                                    <div class="input_left"><span class="essential">*</span>회사명</div>
+                                    <div class="input_right">
+                                        <label for="" class="label">회사명 입력</label>
+                                        <input type="text" class="list_inputType1" name="mberNm" maxlength="30" value="">
+                                    </div>
+                                </div>
+                                <div class="input_list_item">
+                                    <div class="input_left"><span class="essential">*</span>대표</div>
+                                    <div class="input_right">
+                                        <label for="" class="label">대표명 입력</label>
+                                        <input type="text" class="list_inputType1" name="ceoNm" maxlength="30" value="">
+                                    </div>
+                                </div>
+                                <div class="input_list_item input_list_biz">
+                                    <div class="input_left"><span class="essential">*</span>사업자등록번호</div>
+                                    <div class="input_right">
+                                        <label for="" class="label">사업자등록번호 입력</label>
+                                        <input type="text" class="list_inputType1" name="bizNo" id="bizNo" maxlength="12" value="">
+                                        <div class="list_btn_wrap">
+                                            <button type="button">사업자등록번호 확인</button>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="input_list_item colorW">
+                                    <div class="input_left">사업자등록증</div>
+                                    <div class="input_right">수신문서 없음</div>
+                                </div>
+                                <div class="input_list_item">
+                                    <div class="input_left">사업자등록증 첨부</div>
+                                    <div class="input_right">
+                                        <label for="atFileBasicWrite" class="label">사업자등록증 첨부</label>
+                                        <input type="text" class="list_inputType1" disabled="" id="atFileBasicWrite" style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:55%;">
+                                        <div class="list_btn_wrap">
+                                            <span>사업자등록증 첨부(5MB 이내)</span>
+                                            <input type="file" name="file" id="file" class="onlyC" style="display: none">
+                                            <button type="button">파일첨부</button>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="input_list_item input_list_adres">
+                                    <div class="input_left">사업장 주소</div>
+                                    <div class="input_right">
+                                        <label for="" class="label">사업장 주소 입력</label>
+                                        <input type="text" class="list_inputType1" name="adres" id="adres" readonly="" value="">
+                                        <input type="hidden" class="list_inputType1" name="zip" id="zip" readonly="" value="">
+                                        <div class="list_btn_wrap">
+                                            <button type="button">우편번호 찾기</button>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="input_list_item">
+                                    <div class="input_left">상세 주소</div>
+                                    <div class="input_right">
+                                        <label for="detailAdres" class="label">사업장 주소 상세 입력</label>
+                                        <input type="text" class="list_inputType1 colorLight" name="detailAdres" maxlength="30" size="100" value="">
+                                    </div>
+                                </div>
+                                <div class="mem_btnWrap2 justify">
+                                    <button type="button" class="mem_btn3">변경</button>
+                                </div>
+                            </div>
+
+
+                            </form>
+                        </div>
+                    </div>
+
+
+                </div>
+            </div>
+            <!--// 마이페이지 - 회원정보 변경 -->
+
+        </div>
+        <!--// send top -->
+    </div>
+    <!--// content 영역 -->
+
+    <!-- footer -->
+    <div data-include-path="/publish/layout/_footer.html"></div>
+    <!--// footer 영역 -->
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/main/webapp/publish/member_info_change_passwordCheck.html b/src/main/webapp/publish/member_info_change_passwordCheck.html
new file mode 100644
index 00000000..e2f75046
--- /dev/null
+++ b/src/main/webapp/publish/member_info_change_passwordCheck.html
@@ -0,0 +1,100 @@
+<!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 active"><button type="button" onclick="TabType5(this,'1');">회원정보 변경</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'">보안로그인</button></li>
+                </ul>
+                <!--// tab button -->
+                <!-- 마이페이지 - 회원정보 변경 -->
+                <div class="mypage_content current" id="tab5_1">
+                    <!-- 비밀번호 확인 -->
+                    <div class="heading">
+                        <h2>비밀번호 확인</h2>
+                    </div>
+                    <div class="mem_cont_in widthS">
+                        <div class="input_list">
+                            <p class="list_title2">비밀번호 확인 후 이용 가능합니다.</p>
+                            <div class="input_list_item colorW">
+                                <div class="input_left">아이디</div>
+                                <div class="input_right">
+                                    <label for="" class="label">아이디</label>
+                                    <input type="text" class="list_inputType1" placeholder="hong1234" readonly>
+                                </div>
+                            </div>
+                            <div class="input_list_item">
+                                <div class="input_left">비밀번호</div>
+                                <div class="input_right">
+                                    <label for="" class="label">비밀번호 입력</label>
+                                    <input type="password" class="list_inputType1">
+                                </div>
+                                <div class="list_alert pass_no">
+                                    <i></i>
+                                    <span>비밀번호가 일치하지 않습니다.</span>
+                                </div>
+                            </div>
+                            <div class="mem_btnWrap2">
+                                <button type="button" class="mem_btn3">확인</button>
+                            </div>
+                            <p class="reqTxt4">
+                                - 외부로부터 고객님의 정보를 안전하게 보호하기 위해 비밀번호를 다시 확인합니다.<br>
+                                - 비밀번호를 5회 이상 틀릴 경우 자동 로그아웃 됩니다.(영문, 숫자, 특수기호 조합 8자 이상)</p>
+                        </div>
+                    </div>
+                    <!--// 비밀번호 확인 -->
+                </div>
+            </div>
+            <!--// 마이페이지 - 회원정보 변경 -->
+
+        </div>
+        <!--// send top -->
+    </div>
+    <!--// content 영역 -->
+
+    
+    <!-- footer -->
+    <div data-include-path="/publish/layout/_footer.html"></div>
+    <!--// footer 영역 -->
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/main/webapp/publish/member_info_change_person.html b/src/main/webapp/publish/member_info_change_person.html
new file mode 100644
index 00000000..009f0924
--- /dev/null
+++ b/src/main/webapp/publish/member_info_change_person.html
@@ -0,0 +1,244 @@
+<!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 active"><button type="button" onclick="TabType5(this,'1');">회원정보 변경</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'">보안로그인</button></li>
+                </ul>
+                <!--// tab button -->
+                <!-- 마이페이지 - 회원정보 변경 -->
+                <div class="mypage_content current" id="tab5_1">
+
+                    <div class="heading">
+                        <h2>회원정보 변경</h2>
+                    </div>
+
+                    <div class="mem_cont_in">
+                        <div class="input_wrap">
+                            <div class="input_list input_list_cor">
+                                <div class="text_top">
+                                    <p>회원님의 정보를<span>확인</span> 및 <span>변경</span>하실 수 있습니다.</p>
+                                </div>
+
+                                <div class="input_list_item colorW">
+                                    <div class="input_left">아이디</div>
+                                    <div class="input_right">
+                                        <label for="" class="label">아이디</label>
+                                        <input type="text" class="list_inputType1" value="" readonly="">
+                                    </div>
+                                </div>
+
+                                <div class="input_list_item colorW">
+                                    <div class="input_left">이름</div>
+                                    <div class="input_right">
+                                        <label for="" class="label">이름</label>
+                                        <input type="text" class="list_inputType1" name="userNm" id="userNm" value="" readonly="">
+                                    </div>
+                                </div>
+
+                                <div class="input_list_item colorW input_list_phone">
+                                    <div class="input_left">휴대폰번호</div>
+                                    <div class="input_right">
+                                        <label for="" class="label">휴대폰번호</label>
+                                        <input type="text" class="list_inputType1" name="moblphonNo" id="moblphonNo" value="" readonly="">
+                                        <div class="list_btn_wrap">
+                                            <button type="button">휴대폰 변경</button>
+                                        </div>
+                                    </div>
+                                </div>
+
+
+
+                                <div class="input_list_item emailWrap">
+                                    <div>
+                                        <div class="input_left"><span class="essential">*</span>이메일</div>
+                                        <div class="input_right">
+                                            <div class="email">
+                                                <label for="" class="label">이메일 주소 앞자리</label>
+                                                <input type="text" class="list_inputType1" id="emailId" value="" maxlength="50">
+                                                <span>@</span>
+                                                <label for="" class="label">이메일 주소 뒷자리</label>
+                                                <input type="text" class="list_inputType1" id="emailAdd" value="">
+                                            </div>
+                                            <div class="email_select">
+                                                <label for="selectEmail" class="label">이메일 선택</label>
+                                                <select class="list_selType1" id="selectEmail">
+                                                    <option value="1">직접입력</option>
+                                                    <option value="naver.com">네이버</option>
+                                                    <option value="nate.com">네이트</option>
+                                                    <option value="daum.net">다음</option>
+                                                    <option value="hanmail.net">한메일</option>
+                                                    <option value="gmail.com">지메일</option>
+                                                </select>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="input_list_item send_agree">
+                                    <div class="input_left">마케팅 수신 동의</div>
+                                    <div class="input_right">
+                                        <div>
+                                            <div class="checkbox_wrap">
+                                                <input type="checkbox" id="agree1_1" title="회원가입 전체약관에 동의" class="joinCheckbox type3">
+                                                <label for="agree1_1">휴대폰</label>
+                                            </div>
+                                        </div>
+                                        <div>
+                                            <div class="checkbox_wrap">
+                                                <input type="checkbox" id="agree1_2" title="회원가입 전체약관에 동의" class="joinCheckbox type3">
+                                                <label for="agree1_2">카카오</label>
+                                            </div>
+                                        </div>
+                                        <div>
+                                            <div class="checkbox_wrap">
+                                                <input type="checkbox" id="agree1_3" title="회원가입 전체약관에 동의" class="joinCheckbox type3">
+                                                <label for="agree1_3">이메일</label>
+                                            </div>
+                                        </div>
+                                        <div class="list_alert reqest_text">
+                                            <span style="line-height:1.2;">수신동의 시 각종 혜택 및<br> 이벤트 정보를 받아보실 수 있습니다.</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <p class="poe_noti">이메일 및 마케팅 수신 동의 변경은 심사 없이 바로 적용 가능합니다.</p>
+                                <div class="mem_btnWrap2 justify">
+                                    <button type="button" class="mem_btn3">변경</button>
+                                </div>
+                            </div>
+
+                            <div class="input_list input_list_cor">
+                                <div class="cor_noti">회원님의 정보를 <span>확인</span> 및 <span>변경</span>하실 수 있습니다.</div>
+                                <div class="input_list_item">
+                                    <div class="input_left">기업유형</div>
+                                    <div class="input_right">
+
+                                        <div><input type="radio" id="01" name="bizType" value="01" checked="checked"> <label for="01">법인사업자</label></div>
+                                        <div><input type="radio" id="012" name="bizType" value="02"> <label for="012">개인사업자</label></div>
+                                        <div><input type="radio" id="0123" name="bizType" value="03"> <label for="0123">공식(비영리)단체</label></div>
+                                    </div>
+                                </div>
+                                <div class="input_list_item">
+                                    <div class="input_left"><span class="essential">*</span>회사명</div>
+                                    <div class="input_right">
+                                        <label for="" class="label">회사명 입력</label>
+                                        <input type="text" class="list_inputType1" name="mberNm" maxlength="30" value="">
+                                    </div>
+                                </div>
+                                <div class="input_list_item">
+                                    <div class="input_left"><span class="essential">*</span>대표</div>
+                                    <div class="input_right">
+                                        <label for="" class="label">대표명 입력</label>
+                                        <input type="text" class="list_inputType1" name="ceoNm" maxlength="30" value="">
+                                    </div>
+                                </div>
+                                <div class="input_list_item input_list_biz">
+                                    <div class="input_left"><span class="essential">*</span>사업자등록번호</div>
+                                    <div class="input_right">
+                                        <label for="" class="label">사업자등록번호 입력</label>
+                                        <input type="text" class="list_inputType1" name="bizNo" id="bizNo" maxlength="12" value="">
+                                        <div class="list_btn_wrap">
+                                            <button type="button">사업자등록번호 확인</button>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="input_list_item colorW">
+                                    <div class="input_left">사업자등록증</div>
+                                    <div class="input_right">수신문서 없음</div>
+                                </div>
+                                <div class="input_list_item">
+                                    <div class="input_left">사업자등록증 첨부</div>
+                                    <div class="input_right">
+                                        <label for="atFileBasicWrite" class="label">사업자등록증 첨부</label>
+                                        <input type="text" class="list_inputType1" disabled="" id="atFileBasicWrite" style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:55%;">
+                                        <div class="list_btn_wrap">
+                                            <span>사업자등록증 첨부(5MB 이내)</span>
+                                            <input type="file" name="file" id="file" class="onlyC" style="display: none">
+                                            <button type="button">파일첨부</button>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="input_list_item input_list_adres">
+                                    <div class="input_left">사업장 주소</div>
+                                    <div class="input_right">
+                                        <label for="" class="label">사업장 주소 입력</label>
+                                        <input type="text" class="list_inputType1" name="adres" id="adres" readonly="" value="">
+                                        <input type="hidden" class="list_inputType1" name="zip" id="zip" readonly="" value="">
+                                        <div class="list_btn_wrap">
+                                            <button type="button">우편번호 찾기</button>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="input_list_item">
+                                    <div class="input_left">상세 주소</div>
+                                    <div class="input_right">
+                                        <label for="detailAdres" class="label">사업장 주소 상세 입력</label>
+                                        <input type="text" class="list_inputType1 colorLight" name="detailAdres" maxlength="30" size="100" value="">
+                                    </div>
+                                </div>
+                                <div class="mem_btnWrap2 justify">
+                                    <button type="button" class="mem_btn3">변경</button>
+                                </div>
+                            </div>
+
+
+                            </form>
+                        </div>
+                    </div>
+
+
+                </div>
+            </div>
+            <!--// 마이페이지 - 회원정보 변경 -->
+
+        </div>
+        <!--// send top -->
+    </div>
+    <!--// content 영역 -->
+
+    <!-- footer -->
+    <div data-include-path="/publish/layout/_footer.html"></div>
+    <!--// footer 영역 -->
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/main/webapp/publish/mypage1.html b/src/main/webapp/publish/mypage1.html
index 59723193..f9afde80 100644
--- a/src/main/webapp/publish/mypage1.html
+++ b/src/main/webapp/publish/mypage1.html
@@ -33,151 +33,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">
-        <!-- 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 영역 -->
@@ -223,10 +81,9 @@
                             <div class="lgoin_bottom clearfix">
                                 <div>
                                     <div class="checkbox_wrap">
-                                        <input type="checkbox" id="agree1_1" title="회원가입 전체약관에 동의" class="joinCheckbox type3">
-                                        <label for="agree1_1"></label>
+                                        <input type="checkbox" id="save_id" name="checkId" title="아이디 저장" class="joinCheckbox type3"> 
+                                        <label for="save_id">아이디 저장</label>
                                     </div>
-                                    <span>아이디 저장</span>
                                 </div>
                                 <ul>
                                     <li><a href="#">회원가입</a></li>
@@ -234,11 +91,6 @@
                                     <li class="SortLine"><a href="#">비밀번호찾기</a></li>
                                 </ul>
                             </div>
-                            <ul class="adv_list">
-                                <!-- <li><a href="https://www.ubikey.co.kr/" target="_blank"><img src="/publish/images/adv/adv_login_ubikey.png" alt="인증서를 사용하는 곳이면 어디서나 편리하게! 휴대폰 인증서 서비스 UBIKEY"></a></li> -->
-                                <li><a href="https://www.nordictools.co.kr/index.html" target="_blank"><img src="/publish/images/adv/adv_login_onekeeper.png" alt="소중한 내 개인정보! 원키퍼로 내가 지킨다!"></a></li>
-                                <li><a href="http://ganpandaum.co.kr/" target="_blank"><img src="/publish/images/adv/adv_login_ganpandaum.png" alt="간판다움 간판 잘하는 청년들이 뭉쳤다 간판, 인테리어, 네온, 썬팅, 어닝, 실사"></a></li>
-                            </ul>
                         </div>
                     </div>
                     <!--// 비밀번호 확인 -->
@@ -252,40 +104,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
diff --git a/src/main/webapp/publish/mypage1_dormant_member.html b/src/main/webapp/publish/mypage1_dormant_member.html
index e78e8fe2..602ac89b 100644
--- a/src/main/webapp/publish/mypage1_dormant_member.html
+++ b/src/main/webapp/publish/mypage1_dormant_member.html
@@ -32,151 +32,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">
-        <!-- 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 영역 -->
@@ -214,40 +72,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
diff --git a/src/main/webapp/publish/mypage1_dormant_member2.html b/src/main/webapp/publish/mypage1_dormant_member2.html
index f789b418..ca493df8 100644
--- a/src/main/webapp/publish/mypage1_dormant_member2.html
+++ b/src/main/webapp/publish/mypage1_dormant_member2.html
@@ -32,151 +32,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">
-        <!-- 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 영역 -->
@@ -233,40 +91,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
diff --git a/src/main/webapp/publish/mypage2.html b/src/main/webapp/publish/mypage2.html
index b8f0e76e..3d549072 100644
--- a/src/main/webapp/publish/mypage2.html
+++ b/src/main/webapp/publish/mypage2.html
@@ -27,151 +27,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,13 +37,14 @@
                 <!-- 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>
-                    <li class="tab"><button type="button" onclick="TabType5(this,'5');">알림설정</button></li>
-                    <li class="tab"><button type="button" onclick="TabType5(this,'6');">회원탈퇴</button></li>
-
-                </ul><!--// tab button -->
+                    <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'">보안로그인</button></li>
+                </ul>
+                <!--// tab button -->
 				<!-- 마이페이지 - 회원정보 변경 -->
                 <div class="mypage_content current" id="tab5_1">
                     <!-- 비밀번호 확인 -->
@@ -253,7 +110,7 @@
                                     <input type="text" class="list_inputType1" placeholder="010-1234-5678" readonly>
                                     <div class="list_btn_wrap">
                                         <span><span class="vMiddle">*</span>본인 명의 휴대폰으로만 변경 가능</span>
-                                        <button type="button">번호 변경</button>
+                                        <button type="button">휴대폰 변경</button>
                                     </div>
                                 </div>
                             </div>
@@ -287,22 +144,27 @@
                                     <div>
                                         <div class="checkbox_wrap">
                                             <input type="checkbox" id="agree1_1" title="회원가입 전체약관에 동의" class="joinCheckbox type3">
-                                            <label for="agree1_1"></label>
+                                            <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>
+                                            <label for="agree1_2">카카오</label>
+                                        </div>
+                                    </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 class="list_alert reqest_text">
-                                        <span>수신동의 시 각종 혜택 및 이벤트 정보를 받아보실 수 있습니다.</span>
+                                        <span style="line-height:1.2;">수신동의 시 각종 혜택 및<br> 이벤트 정보를 받아보실 수 있습니다.</span>
                                     </div>
                                 </div>
                             </div>
+                            <p class="poe_noti">이메일 및 마케팅 수신 동의 변경은 심사 없이 바로 적용 가능합니다.</p>
                             <div class="mem_btnWrap2">
                                 <button type="button" class="mem_btn4">기업회원 전환</button>
                                 <button type="button" class="mem_btn3">변경</button>
@@ -374,24 +236,23 @@
                                 <div class="input_list_item send_agree">
                                     <div class="input_left">마케팅 수신 동의</div>
                                     <div class="input_right">
-                                        <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 class="list_alert reqest_text">
-                                            <span>수신동의 시 각종 혜택 및 이벤트 정보를 받아보실 수 있습니다.</span>
-                                        </div>
-                                    </div>
+										<div>
+											<div class="checkbox_wrap">
+												<input type="checkbox" id="agree1_1" title="회원가입 전체약관에 동의" class="joinCheckbox type3">
+												<label for="agree1_1">휴대폰</label>
+											</div>
+										</div>
+										</>
+										<div>
+											<div class="checkbox_wrap">
+												<input type="checkbox" id="agree1_3" title="회원가입 전체약관에 동의" class="joinCheckbox type3">
+												<label for="agree1_3">이메일</label>
+											</div>
+										</div>
+										<div class="list_alert reqest_text">
+											<span style="line-height:1.2;">수신동의 시 각종 혜택 및<br> 이벤트 정보를 받아보실 수 있습니다.</span>
+										</div>
+									</div>
                                 </div>
                             </div><!--// 기본정보 -->
                             <!-- 기업정보 -->
@@ -550,44 +411,14 @@
                                 </div>
                             </div><!--// 계산서정보 -->
                         </div>
-                    </div>기업회원 정보변경
+                    </div>
 				</div><!--// 마이페이지 - 회원정보 변경 -->
 				
             </div><!--// send top -->
         </div>
     </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>
diff --git a/src/main/webapp/publish/mypage3.html b/src/main/webapp/publish/mypage3.html
index 230c3b13..6971988e 100644
--- a/src/main/webapp/publish/mypage3.html
+++ b/src/main/webapp/publish/mypage3.html
@@ -15,163 +15,20 @@
     <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>
+    <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">
@@ -180,15 +37,16 @@
             <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/mypage2.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="TabType5(this,'6');">회원탈퇴</button></li>
-
-                </ul><!--// tab button -->
-				<!-- 마이페이지 - 기업회원 전환 -->
+                    <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'">보안로그인</button></li>
+                </ul>
+                <!--// tab button -->
+                <!-- 마이페이지 - 기업회원 전환 -->
                 <div class="mypage_content current" id="tab5_2">
                     <div class="heading">
                         <h2>기업회원 전환</h2>
@@ -201,194 +59,162 @@
                         <div class="input_list listType1">
                             <p class="list_title">기업정보</p>
                             <div class="input_list_item">
-                                <div class="input_left">기업유형</div>
+                                <div class="input_left"><span class="essential">*</span>기업유형</div>
                                 <div class="input_right">
-                                    <input id="radio1" type="radio"name="sel_type" checked="checked">
-                                    <label for="radio1">개인</label>
-                                    <input id="radio2" type="radio" name="sel_type">
-                                    <label for="radio2">영리법인</label>
-                                    <input id="radio3" type="radio" name="sel_type">
-                                    <label for="radio3">비영리법인</label>
-                                    <input id="radio4" type="radio" name="sel_type">
-                                    <label for="radio4">기타</label>
+                                    <div><input type="radio" id="01" name="bizType" value="01" checked="checked"> <label for="01">법인사업자</label></div>
+                                    <div><input type="radio" id="012" name="bizType" value="02"> <label for="012">개인사업자</label></div>
+                                    <div><input type="radio" id="0123" name="bizType" value="03"> <label for="0123">공식(비영리)단체</label></div>
                                 </div>
                             </div>
                             <div class="input_list_item">
-                                <div class="input_left">회사명</div>
+                                <div class="input_left"><span class="essential">*</span>회사명</div>
                                 <div class="input_right">
                                     <label for="" class="label">회사명 입력</label>
-                                    <input type="text" class="list_inputType1">
+                                    <input type="text" class="list_inputType1" name="mberNm" id="mberNm" maxlength="30">
                                 </div>
                             </div>
                             <div class="input_list_item">
-                                <div class="input_left">사용자등록번호</div>
+                                <div class="input_left"><span class="essential">*</span>대표</div>
                                 <div class="input_right">
-                                    <label for="" class="label">사용자등록번호 입력</label>
-                                    <input type="text" class="list_inputType1">
+                                    <label for="" class="label">대표 입력</label>
+                                    <input type="text" class="list_inputType1 onlyC" name="ceoNm" id="ceoNm" maxlength="50">
+                                </div>
+                            </div>
+                            <div class="input_list_item input_list_biz">
+                                <div class="input_left"><span class="essential">*</span>사업자등록번호</div>
+                                <div class="input_right">
+                                    <label for="" class="label">사업자등록번호 입력</label>
+                                    <input type="text" class="list_inputType1" name="bizNo" id="bizNo" maxlength="12">
                                     <div class="list_btn_wrap">
-                                        <button type="button">사업자등록번호 확인</button>
+                                        <button type="button" onclick="bizNoCheck(); return false;">사업자등록번호 확인</button>
                                     </div>
                                 </div>
                             </div>
                             <div class="input_list_item">
-                                <div class="input_left">사용자등록증 첨부</div>
+                                <div class="input_left">사업자등록증 첨부</div>
                                 <div class="input_right">
-                                    <label for="" class="label">사용자등록증 첨부</label>
-                                    <input type="text" class="list_inputType1">
+                                    <label for="atFileBasicWrite" class="label">사업자등록증 첨부</label>
+                                    <input type="text" class="list_inputType1" disabled="" id="atFileBasicWrite" style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:55%;">
                                     <div class="list_btn_wrap">
                                         <span>사업자등록증 첨부(5MB 이내)</span>
-                                        <button type="button">파일첨부</button>
+                                        <input type="file" name="file" id="file" style="display: none" onchange="changeValue(this); return false;">
+                                        <button type="button" onclick="document.all.file.click(); return false;">파일첨부</button>
                                     </div>
                                 </div>
                             </div>
-                            <div class="input_list_item bis_status">
-                                <div class="input_left">업태/종목</div>
-                                <div class="input_right">
-                                    <label for="" class="label">업태 입력</label>
-                                            <input type="text" class="list_inputType1 colorLight" placeholder="업태 입력" onfocus="this.placeholder = ''" onblur="this.placeholder='업태 입력'">
-                                            <span>/</span>
-                                            <label for="" class="label">종목 입력</label>
-                                            <input type="text" class="list_inputType1 colorLight" placeholder="종목 입력" onfocus="this.placeholder = ''" onblur="this.placeholder='종목 입력'">
-                                </div>
-                            </div>
                             <div class="input_list_item">
-                                <div class="input_left">사업장 주소</div>
+                                <div class="input_left input_left_poe">재직증명서<span class="poe_noti2">(대표자는 생략)</span></div>
                                 <div class="input_right">
-                                    <label for="" class="label">사업장 주소 입력</label>
-                                    <input type="text" class="list_inputType1">
+                                    <label for="atFileBasicWriteWork " class="label">재직증명서 첨부</label>
+                                    <input type="text" class="list_inputType1" disabled="" id="atFileBasicWriteWork" style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:55%;">
                                     <div class="list_btn_wrap">
-                                        <button type="button">우편번호 찾기</button>
+                                        <span>재직증명서 첨부(5MB 이내)</span>
+                                        <input type="file" name="fileWork" id="fileWork" class="input-file" style="display: none" onchange="changeValueWork(this); return false;">
+                                        <button type="button" onclick="document.all.fileWork.click(); return false;">파일첨부</button>
                                     </div>
                                 </div>
                             </div>
-                            <div class="input_list_item">
-                                <div>
-                                    <label for="" class="label">사업장 주소 상세 입력</label>
-                                    <input type="text" class="list_inputType1 colorLight" size="100" placeholder="상세주소를 입력해주세요(선택)" onfocus="this.placeholder = ''" onblur="this.placeholder='상세주소를 입력해주세요(선택)'">
-                                </div>
-                            </div>
-                        </div><!--// 기업정보 -->
+
+                        </div>
+                        <!--// 기업정보 -->
+
                         <!-- 계산서정보 -->
-                        <div class="input_list listType2">
+                        <!-- <div class="input_list listType2">
                             <p class="list_title">계산서정보</p>
                             <div class="input_list_item">
                                 <div class="input_left">계산서 자동 발행</div>
                                 <div class="input_right">
-                                    <input id="radio5" type="radio"name="publish" checked="checked">
+                                    <input id="radio5" type="radio" name="publish" checked="checked">
                                     <label for="radio5">매월 자동발행</label>
                                     <input id="radio6" type="radio" name="publish">
                                     <label for="radio6">발행하지 않음</label>
                                 </div>
                             </div>
                             <div class="invoice">
-                                    <div class="invoice_wrap">
-                                        <div class="input_list_item2">
-                                            <div class="input_left" style="width: 150px;">계산서 수신이메일</div>
-                                            <div class="input_right">
-                                                <div class="email">
-                                                    <label for="" class="label">이메일 주소 앞자리</label>
-                                                    <input type="text" class="list_inputType1">
-                                                    <span>@</span>
-                                                    <label for="" class="label">이메일 주소 뒷자리</label>
-                                                    <input type="text" class="list_inputType1">
-                                                    <label for="" class="label">이메일 선택</label>
-                                                    <select class="list_selType1">
-                                                        <option>직접입력</option>
-                                                        <option>네이버</option>
-                                                        <option>네이트</option>
-                                                        <option>한메일(다음)</option>
-                                                        <option>지메일</option>
-                                                    </select>
-                                                </div>
+                                <div class="invoice_wrap">
+                                    <div class="input_list_item2">
+                                        <div class="input_left" style="width: 150px;">계산서 수신이메일</div>
+                                        <div class="input_right">
+                                            <div class="email">
+                                                <label for="" class="label">이메일 주소 앞자리</label>
+                                                <input type="text" class="list_inputType1">
+                                                <span>@</span>
+                                                <label for="" class="label">이메일 주소 뒷자리</label>
+                                                <input type="text" class="list_inputType1">
+                                                <label for="" class="label">이메일 선택</label>
+                                                <select class="list_selType1">
+                                                    <option>직접입력</option>
+                                                    <option>네이버</option>
+                                                    <option>네이트</option>
+                                                    <option>한메일(다음)</option>
+                                                    <option>지메일</option>
+                                                </select>
                                             </div>
                                         </div>
-                                        <div class="input_list_item2">
-                                            <div class="input_half">
-                                                <div>담당자</div>
-                                                <div>
-                                                    <label for="" class="label">담당자 입력</label>
-                                                    <input type="text" class="list_inputType1">
-                                                </div>
-                                            </div>
-                                            <div class="input_half">
-                                                <div>직위</div>
-                                                <div>
-                                                    <label for="" class="label">직위 입력</label>
-                                                    <input type="text" class="list_inputType1">
-                                                </div>
-                                            </div>
-                                        </div>
-                                        <div class="input_list_item2 number">
-                                            <div class="input_left">휴대폰</div>
-                                            <div class="input_right">
-                                                <label for="" class="label">휴대폰 번호 입력</label>
-                                                <input type="text" class="list_inputType1">
-                                                <span>-</span>
-                                                <label for="" class="label">휴대폰 번호 입력</label>
-                                                <input type="text" class="list_inputType1">
-                                                <span>-</span>
-                                                <label for="" class="label">휴대폰 번호 입력</label>
+                                    </div>
+                                    <div class="input_list_item2">
+                                        <div class="input_half">
+                                            <div>담당자</div>
+                                            <div>
+                                                <label for="" class="label">담당자 입력</label>
                                                 <input type="text" class="list_inputType1">
                                             </div>
                                         </div>
-                                        <div class="input_list_item2 number">
-                                            <div class="input_left">일반전화</div>
-                                            <div class="input_right">
-                                                <label for="" class="label">일반전화 번호 입력</label>
-                                                <input type="text" class="list_inputType1">
-                                                <span>-</span>
-                                                <label for="" class="label">일반전화 번호 입력</label>
-                                                <input type="text" class="list_inputType1">
-                                                <span>-</span>
-                                                <label for="" class="label">일반전화 번호 입력</label>
+                                        <div class="input_half">
+                                            <div>직위</div>
+                                            <div>
+                                                <label for="" class="label">직위 입력</label>
                                                 <input type="text" class="list_inputType1">
                                             </div>
                                         </div>
                                     </div>
+                                    <div class="input_list_item2 number">
+                                        <div class="input_left">휴대폰</div>
+                                        <div class="input_right">
+                                            <label for="" class="label">휴대폰 번호 입력</label>
+                                            <input type="text" class="list_inputType1">
+                                            <span>-</span>
+                                            <label for="" class="label">휴대폰 번호 입력</label>
+                                            <input type="text" class="list_inputType1">
+                                            <span>-</span>
+                                            <label for="" class="label">휴대폰 번호 입력</label>
+                                            <input type="text" class="list_inputType1">
+                                        </div>
+                                    </div>
+                                    <div class="input_list_item2 number">
+                                        <div class="input_left">일반전화</div>
+                                        <div class="input_right">
+                                            <label for="" class="label">일반전화 번호 입력</label>
+                                            <input type="text" class="list_inputType1">
+                                            <span>-</span>
+                                            <label for="" class="label">일반전화 번호 입력</label>
+                                            <input type="text" class="list_inputType1">
+                                            <span>-</span>
+                                            <label for="" class="label">일반전화 번호 입력</label>
+                                            <input type="text" class="list_inputType1">
+                                        </div>
+                                    </div>
                                 </div>
-                        </div><!--// 계산서정보 -->
+                            </div>
+                        </div> -->
+                        <!--// 계산서정보 -->
+                        
                         <div class="mem_btnWrap2">
-                            <button type="button" class="mem_btn3">변경</button>
-                            <button type="button" class="mem_btn2">취소</button>
-                        </div>
-                    </div>
-				</div><!--// 마이페이지 - 비밀번호 변경 -->
-				
-            </div><!--// send top -->
-        </div>
-    </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>
+                            <button type="button" class="mem_btn3" style="width: 100%;" onclick="membershipChange()">변경</button>
                         </div>
                     </div>
                 </div>
+                <!--// 마이페이지 - 비밀번호 변경 -->
+
             </div>
+            <!--// send top -->
         </div>
-    </footer><!--// footer 영역 -->
-</body></html>
+    </div>
+    <!--// content 영역 -->
+    <!-- footer 영역 -->
+    <!-- footer -->
+    <div data-include-path="/publish/layout/_footer.html"></div>
+    <!--// footer 영역 -->
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/main/webapp/publish/mypage3_return.html b/src/main/webapp/publish/mypage3_return.html
new file mode 100644
index 00000000..f74f7e75
--- /dev/null
+++ b/src/main/webapp/publish/mypage3_return.html
@@ -0,0 +1,165 @@
+<!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 active"><button type="button" onclick="TabType5(this,'2');">기업회원 전환</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'">보안로그인</button></li>
+                </ul>
+                <!--// tab button -->
+                <!-- 마이페이지 - 기업회원 전환 -->
+                <div class="mypage_content current" id="tab5_2">
+                    <div class="heading">
+                        <h2>기업회원 전환</h2>
+                    </div>
+                    <div class="mem_cont_in">
+                        <div class="text_top">
+                            <!-- 심사 반려 상태 -->
+                            <p>고객님은 아래와 같은 사유로 인해 <strong>심사 반려 상태</strong>입니다.<br>필요서류를 재등록해주세요.</p>
+
+                            <!-- 승인 심사중 상태 -->
+                            <!-- <p>현재 기업회원 가입 <span>심사중</span>입니다.<br />기업회원 가입불가 또는 보완사항 발생 시 등록하신<br>대표 휴대폰 번호로 문자 안내해드립니다.</p> -->
+                            <dl>
+                                <dt>반려사유</dt>
+                                <dd>[문자온] 기업회원 신청 시 사업자등록증 및 재직증명서(대표자 본인이
+                                    신청하지 않는 경우에 한함)가 반드시 첨부되어야 합니다. 해당 서류 첨부
+                                    (문자온 로그인 시 파일 업로드 화면 확인 가능)하여 재신청해 주시면 빠른
+                                    승인 도와드리겠습니다.</dd>
+                            </dl>
+                            
+                        </div>
+                        <!-- 기업정보 -->
+                        <div class="input_list listType1">
+                            <p class="list_title">기업정보</p>
+                            <div class="input_list_item">
+                                <div class="input_left">기업유형</div>
+                                <div class="input_right">
+                                    법인 사업자
+                                </div>
+                            </div>
+                            <div class="input_list_item">
+                                <div class="input_left">회사명</div>
+                                <div class="input_right">
+                                    주식회사 아이티앤
+                                </div>
+                            </div>
+                            <div class="input_list_item">
+                                <div class="input_left">대표</div>
+                                <div class="input_right">
+                                    유인식
+                                </div>
+                            </div>
+                            <div class="input_list_item">
+                                <div class="input_left">요청일</div>
+                                <div class="input_right">
+                                    2024-11-18 10:26
+                                </div>
+                            </div>
+                            <div class="input_list_item input_list_biz">
+                                <div class="input_left">사업자등록번호</div>
+                                <div class="input_right">
+                                    653-87-00858
+                                    <div class="list_btn_wrap">
+                                        <button type="button" onclick="bizNoCheck(); return false;">사업자등록번호 확인</button>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="input_list_item input_list_biz">
+                                <div class="input_left">사업자등록증</div>
+                                <div class="input_right">
+                                    수신문서 없음
+                                </div>
+                            </div>
+                            <div class="input_list_item input_list_biz">
+                                <div class="input_left">재직증명서</div>
+                                <div class="input_right">
+                                    수신문서 없음
+                                </div>
+                            </div>
+                            <div class="input_list_item">
+                                <div class="input_left">사업자등록증 첨부</div>
+                                <div class="input_right">
+                                    <label for="atFileBasicWrite" class="label">사업자등록증 첨부</label>
+                                    <input type="text" class="list_inputType1" disabled="" id="atFileBasicWrite" style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:55%;">
+                                    <div class="list_btn_wrap">
+                                        <span>사업자등록증 첨부(5MB 이내)</span>
+                                        <input type="file" name="file" id="file" style="display: none" onchange="changeValue(this); return false;">
+                                        <button type="button" onclick="document.all.file.click(); return false;">파일첨부</button>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="input_list_item">
+                                <div class="input_left input_left_poe">재직증명서<span class="poe_noti2">(대표자는 생략)</span></div>
+                                <div class="input_right">
+                                    <label for="atFileBasicWriteWork " class="label">재직증명서 첨부</label>
+                                    <input type="text" class="list_inputType1" disabled="" id="atFileBasicWriteWork" style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:55%;">
+                                    <div class="list_btn_wrap">
+                                        <span>재직증명서 첨부(5MB 이내)</span>
+                                        <input type="file" name="fileWork" id="fileWork" class="input-file" style="display: none" onchange="changeValueWork(this); return false;">
+                                        <button type="button" onclick="document.all.fileWork.click(); return false;">파일첨부</button>
+                                    </div>
+                                </div>
+                            </div>
+
+                        </div>
+                        <!--// 기업정보 -->
+
+
+                        <div class="mem_btnWrap2">
+                            <button type="button" class="mem_btn3" style="width: 100%;">재등록</button>
+                        </div>
+                    </div>
+                </div>
+                <!--// 마이페이지 - 비밀번호 변경 -->
+
+            </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
diff --git a/src/main/webapp/publish/mypage4.html b/src/main/webapp/publish/mypage4.html
index be1e0f41..23891e82 100644
--- a/src/main/webapp/publish/mypage4.html
+++ b/src/main/webapp/publish/mypage4.html
@@ -27,151 +27,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">
@@ -180,14 +36,15 @@
             <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="TabType5(this,'5');">알림설정</button></li>
-                    <li class="tab"><button type="button" onclick="TabType5(this,'6');">회원탈퇴</button></li>
-
-                </ul><!--// tab button -->
+                    <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 active"><button type="button" onclick="TabType5(this,'4');">비밀번호 변경</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'">보안로그인</button></li>
+                </ul>
+                <!--// tab button -->
 				<!-- 마이페이지 - 비밀번호 변경 -->
                 <div class="mypage_content current" id="tab5_3">
                     <div class="heading">
@@ -195,49 +52,65 @@
                     </div>
                     <div class="mem_cont_in">
                         <div class="text_top">
-                            <p>안전한 서비스 이용을 위해<span> 비밀번호</span>주기적으로 <span>변경</span>해주세요!</p>
-                        </div>
-                        <div class="titBox">
-                            <p><span>비밀번호 변경 수칙</span></p>
-                            <p>- 주기적인(3 ~ 6개월) 비밀번호 변경</p>
-                            <p>- 다른아이디/사이트에서 사용한 적 없는 비밀번호</p>
-                            <p>- 이전에 사용한 적 없는 비밀번호</p>
+                            <p>
+                                안전한 서비스 이용을 위해<span> 비밀번호</span>를 주기적으로 <span>변경</span>해주세요!
+                            </p>
                         </div>
                         <div class="input_list">
                             <div class="input_list_item">
+                                <input type="hidden" id="passwordCheck" name="passwordCheck" value="N">
                                 <div class="input_left">현재 비밀번호</div>
                                 <div class="input_right">
                                     <label for="" class="label">비밀번호</label>
-                                    <input type="password" class="list_inputType1">
+                                    <input type="password" class="list_inputType1" id="exPassword" name="exPassword">
                                 </div>
-                                <div class="list_alert pass_no">
-                                    <i></i>
-                                    <span>비밀번호가 일치하지 않습니다.</span>
+                                <div class="list_alert pass_no oldPassChkNo" style="display: none;">
+                                    <i></i> <span>비밀번호가 일치하지 않습니다.</span>
                                 </div>
-                                <div class="list_alert pass">
-                                    <i></i>
-                                    <span>비밀번호가 일치합니다.</span>
+                                <div class="list_alert pass oldPassChkYes" style="display:none;">
+                                    <i></i> <span>비밀번호가 일치합니다.</span>
                                 </div>
                             </div>
+                            <div class="mem_noti">비밀번호는 영문자, 특수문자, 숫자를 조합하여 8자 이상, 20자 이하로 사용해야 합니다.</div>
                             <div class="input_list_item">
                                 <div class="input_left">새 비밀번호</div>
                                 <div class="input_right">
                                     <label for="" class="label">새 비밀번호</label>
-                                    <input type="password" class="list_inputType1">
+                                    <input type="password" class="list_inputType1" id="newPassword1" maxlength="20">
                                 </div>
-                                <div class="list_alert reqest_text">
-                                    <span>영문, 숫자, 특수문자 포함 6~16자 이내</span>
+                                <div class="list_alert password_pass_no" style="display: none;">
+                                    <ul>
+                                        <li><span class="step1"></span></li>
+                                        <li><span class="step2"></span></li>
+                                        <li><span class="step3"></span></li>
+                                    </ul>
+                                    <span>안전도 낮음</span>
+                                </div>
+                                <div class="list_alert password_pass" style="display: none;">
+                                    <ul>
+                                        <li><span class="step1"></span></li>
+                                        <li><span class="step2"></span></li>
+                                        <li><span class="step3"></span></li>
+                                    </ul>
+                                    <span>안전함</span>
                                 </div>
                             </div>
+                            
                             <div class="input_list_item">
                                 <div class="input_left">새 비밀번호 확인</div>
                                 <div class="input_right">
                                     <label for="" class="label">새 비밀번호 확인</label>
-                                    <input type="password" class="list_inputType1">
+                                    <input type="password" class="list_inputType1" id="newPassword2" maxlength="20">
+                                </div>
+                                <div class="list_alert pass_no pwPass_no" style="display: none;">
+                                    <i></i> <span>비밀번호가 일치하지 않습니다.</span>
+                                </div>
+                                <div class="list_alert pass pwPass" style="display: none;">
+                                    <i></i> <span>비밀번호가 일치합니다.</span>
                                 </div>
                             </div>
                             <div class="mem_btnWrap2">
-                                <button type="button" class="mem_btn3" style="width: 100%;">변경</button>
+                                <button type="button" class="mem_btn3" style="width: 100%;" onclick="insertPw();">변경</button>
                             </div>
                         </div>
                     </div>
@@ -247,37 +120,7 @@
         </div>
     </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>
diff --git a/src/main/webapp/publish/mypage5.html b/src/main/webapp/publish/mypage5.html
index 5ebd0456..d0847eab 100644
--- a/src/main/webapp/publish/mypage5.html
+++ b/src/main/webapp/publish/mypage5.html
@@ -15,162 +15,82 @@
     <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/popupLayer.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 class="tooltip-wrap">
+        <div class="popup-com servInfo_cont popup04" tabindex="0" data-tooltip-con="popup04" data-focus="popup04" data-focus-prev="popup04-close">
+            <div class="popup_heading">
+                <p>각 통신사 고객센터 정보</p>
+                <button type="button" class="tooltip-close" data-focus="popup04-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
+            </div>
+            <div class="layer_in">
+                <ul>
+                    <li>
+                        <div>
+                            <div><img src="/publish/images/content/call_serv1.png" alt="T 월드"></div>
+                            <p><span class="fwLg">모바일</span> 080-011-6000&nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp;<span class="fwLg">유선</span> 080-816-2000</p>
+                        </div>
+                    </li>
+                    <li>
+                        <div>
+                            <div><img src="/publish/images/content/call_serv2.png" alt="SK 텔레콤"></div>
+                            <p>1599-0999</p>
+                        </div>
+                    </li>
+                    <li>
+                        <div>
+                            <div><img src="/publish/images/content/call_serv3.png" alt="SK 브로드밴드"></div>
+                            <p>080-8282-106</p>
+                        </div>
+                    </li>
+                    <li>
+                        <div>
+                            <div><img src="/publish/images/content/call_serv4.png" alt="hello 모바일"></div>
+                            <p>KT망 1855-1144&nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp;SKT망 1855-2114</p>
+                        </div>
+                    </li>
+                    <li>
+                        <div>
+                            <div><img src="/publish/images/content/call_serv5.png" alt="Kt"></div>
+                            <p><span class="fwLg">모바일</span> 1588-0010 / <span class="fwLg">유선</span> 100</p>
+                        </div>
+                    </li>
+                    <li>
+                        <div>
+                            <div><img src="/publish/images/content/call_serv6.png" alt="세종텔레콤"></div>
+                            <p>080-889-1000</p>
+                        </div>
+                    </li>
+                    <li>
+                        <div>
+                            <div><img src="/publish/images/content/call_serv7.png" alt="U+"></div>
+                            <p><span class="fwLg">모바일</span> 1588-0010&nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp;<span class="fwLg">유선</span> 100</p>
+                        </div>
+                    </li>
+                    <li>
+                        <div>
+                            <div><img src="/publish/images/content/call_serv8.png" alt="Kct"></div>
+                            <p>070-8188-0114</p>
+                        </div>
+                    </li>
+                </ul>
+            </div>
         </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>
+
+    <!--// 통신사 고객센터 정보 팝업 -->
+    <div data-include-path="/publish/layout/_header.html"></div>
     <!-- login 영역 -->
     <!-- content 영역 -->
     <div id="container" class="cont sub">
@@ -179,196 +99,46 @@
             <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="TabType5(this,'5');">알림설정</button></li>
-                    <li class="tab"><button type="button" onclick="TabType5(this,'6');">회원탈퇴</button></li>
-
-                </ul><!--// tab button -->
-				<!-- 마이페이지 - 발신번호 관리 -->
+                    <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 active"><button type="button" onclick="TabType5(this,'5');">발신번호 관리</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'">보안로그인</button></li>
+                </ul>
+                <!--// tab button -->
+                <!-- 마이페이지 - 발신번호 관리 -->
                 <div class="mypage_content current" id="tab5_4">
-                    <div class="heading">
+                    <div class="heading call_numbe_con">
                         <h2>발신번호 관리</h2>
+                        <div class="button_wrap">
+                            <button type="button" class="button certificate btn" data-tooltip="popup001">통신서비스 이용증명원 발급안내</button>
+                            <button type="button" class="button id_card btn" data-tooltip="popup004">대리인 신분증이란?</button>
+                            <button type="button" class="button pro_ex btn" data-tooltip="popup003">위임장 작성 방법</button>
+                        </div>
                     </div>
-                    <div class="mem_cont_in widthXL">
+                    <div class="mem_cont_in widthXL" id="sendNumberListLoad"> <!-- 폼 맞추려고 id 추가 -->
                         <div class="titBox">
                             <p>- 문자 발송 전 “발신번호 등록”을 하셔야 서비스 이용이 가능합니다.</p>
                             <p>- 발신번호 최대 등록 가능 개수 : <span class="fwMd c_222">10</span>개</p>
-                            <p>- 회원정보와 발신번호 명의자가 다를 경우, 위임장 작성 후 제출하셔야 이용가능합니다.</p>
                         </div>
-                        <table class="tType1">
-                            <caption>발신번호 등록 및 인증수단이 있는 표</caption>
-                            <colgroup>
-                                <col style="width: 160px;">
-                                <col style="width: auto;">
-                            </colgroup>
-                            <tbody>
-                                <!-- 유선전화 일때 -->
-                                <tr>
-                                    <th scope="row">인증수단</th>
-                                    <td class="send_cf">
-                                        <input id="radio1" type="radio"name="send_clas" checked="checked">
-                                        <label for="radio1">ARS인증</label>
-                                        <input id="radio2" type="radio" name="send_clas">
-                                        <label for="radio2">서류인증(통신사 가입증명서)</label>
-                                    </td>
-                                </tr>
-                                <!-- 무선전화 일때 -->
-                                <tr>
-                                    <th scope="row">인증수단</th>
-                                    <td class="send_cf">
-                                        <input id="radio3" type="radio"name="send_clas" checked="checked">
-                                        <label for="radio3">휴대폰 인증</label>
-                                        <input id="radio4" type="radio" name="send_clas">
-                                        <label for="radio4">ARS인증</label>
-                                        <input id="radio12" type="radio" name="send_clas">
-                                        <label for="radio12">서류인증(통신사 가입증명서)</label>
-                                    </td>
-                                </tr>
-                                <!-- ars 인증 -->
-                                <tr class="certify_cont">
-                                    <th scope="row"></th>
-                                    <td>
-                                        <div class="ars">
-                                            <p>1. 입력하신 번호로 전화가 갈 예정입니다. 전화가 오면 받아주세요.</p>
-                                            <p>2. 안내멘트에 따라 인증번호 4자리를 입력해주세요.</p>
-                                            <div class="certify_in">
-                                                <div>
-                                                    <div class="certify_in_head">전화번호</div>
-                                                    <div class="certify_in_body"> 
-                                                        <label for="" class="label">전화번호 입력</label>
-                                                        <input type="text" class="readonly" placeholder="02-1234-5678" readonly>
-                                                        <button type="button" class="btnType">인증하기</button>
-                                                    </div>
-                                                </div>
-                                                <div>
-                                                    <div class="certify_in_head">인증번호</div>
-                                                    <div class="certify_in_body"> 
-                                                        <label for="" class="label">인증번호 입력</label>
-                                                        <input type="text" placeholder="ARS에서 안내해준 인증번호를 입력하세요." onfocus="this.placeholder=''" onblur="this.placeholder='ARS에서 안내해준 인증번호를 입력하세요.'">
-                                                        <button type="button" class="btnType">확인</button>
-
-                                                    </div>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </td>
-                                </tr>
-                                <!-- 서류 인증 -->
-                                <tr class="certify_cont">
-                                    <th scope="row"></th>
-                                    <td>
-                                        <div>
-                                            <p>통신사에서 발급한 <span class="c_002c9a fwMd">가입증명서</span>를 제출해주세요.</p>
-                                            <button class="layer_btn btnType" data-tooltip="popup04"><i></i>각 통신사 고객센터 정보 보기</button>
-                                            <div class="certify_in">
-                                                <div>
-                                                    <div class="certify_in_head">증명서 첨부</div>
-                                                    <div class="certify_in_body"> 
-                                                        <input type="radio">
-                                                        <label for="">파일 첨부</label>
-                                                    </div>
-                                                </div>
-                                                <div>
-                                                    <div class="certify_in_head">발신번호</div>
-                                                    <div class="certify_in_body certify_num"> 
-                                                        <label for="" class="label">발신번호 입력</label>
-                                                        <input type="text">
-                                                        <span>-</span>
-                                                        <label for="" class="label">발신번호 입력</label>
-                                                        <input type="text">
-                                                        <span>-</span>
-                                                        <label for="" class="label">발신번호 입력</label>
-                                                        <input type="text">
-                                                        <button type="button" class="btnType">인증하기</button>
-                                                    </div>
-                                                </div>
-                                                <div>
-                                                    <div class="certify_in_head">첨부파일</div>
-                                                    <div class="certify_in_body"> 
-                                                        <label for="" class="label">파일 첨부</label>
-                                                        <input type="text">
-                                                        <button type="button" class="btnType">파일첨부</button>
-                                                    </div>
-                                                </div>
-                                                <div>
-                                                    <div class="certify_in_head">휴대폰</div>
-                                                    <div class="certify_in_body certify_num"> 
-                                                        <label for="" class="label">핸드폰번호 입력</label>
-                                                        <input type="text">
-                                                        <span>-</span>
-                                                        <label for="" class="label">핸드폰번호 입력</label>
-                                                        <input type="text">
-                                                        <span>-</span>
-                                                        <label for="" class="label">핸드폰번호 입력</label>
-                                                        <input type="text">
-                                                        <p>서류인증 완료 시 문자로 알려드립니다.</p>
-                                                    </div>
-                                                </div>
-                                                <div class="textarea_wrap">
-                                                    <div class="certify_in_head">비고</div>
-                                                    <div class="certify_in_body"> 
-                                                        <label for="" class="label">비고 입력</label>
-                                                       <textarea placeholder="추가 요청사항이 있으시면 이곳에 기재해주세요(최대 500자 까지)" onfocus="this.placeholder=''" onblur="this.placeholder='추가 요청사항이 있으시면 이곳에 기재해주세요(최대 500자 까지)'"></textarea>
-                                                       
-                                                    </div>
-                                                </div>
-                                                <div class="btnWrap">
-                                                    <button type="button" class="btnType btnType16">신청하기</button>
-                                                    <button type="button" class="btnType btnType17">취소</button>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </td>
-                                </tr>
-                                <!-- 휴대폰 인증 -->
-                                <tr class="certify_cont">
-                                    <th scope="row"></th>
-                                    <td>
-                                        <div>
-                                            <!-- <p><span class="c_002c9a fwMd">[홍길동]</span> 님의 본인 휴대폰인 경우에만 발신번호로 등록할 수 있습니다.</p> -->
-                                            <div class="certify_in">
-                                                <div>
-                                                    <div class="certify_in_head">핸드폰번호</div>
-                                                    <div class="certify_in_body"> 
-                                                        <label for="" class="label">핸드폰번호 입력</label>
-                                                        <input type="text" class="readonly" placeholder="010-1234-5678" readonly>
-                                                        <button type="button" class="btnType">인증하기</button>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </td>
-                                </tr>
-                            </tbody>
-                        </table>
-                        <div class="search_wrap clearfix">
-                            <div class="btn_left">
-                                <button type="button" class="btnType"><i class="add_img"></i>전체선택(Ctrl+A)</button>
-                                <button type="button" class="btnType"><i class="remove_img"></i>삭제(Del)</button>
-                            </div>
-                            <div class="btn_right2">
-                                    <label for="id" class="label"></label>
-                                    <input type="text" id="id" placeholder="검색어를 입력하세요."onfocus="this.placeholder=''" onblur="this.placeholder='검색어를입력하세요.'">
-                                    <button type="button" class="btnType">검색</button>
-                                    <button type="button" class="btnType">전체 리스트 보기</button>
-                            </div>
+                        <div class="callNum_list_wrap">
+                            <p class="callNum_list_title">· 등록된 번호 : <span class="c_002c9a fwMd">0</span>/10개</p>
+                            <button type="button" class="btnType btnType2">대표번호 설정</button>
                         </div>
-                        <p class="callNum_list_title">· 등록된 번호 수  <span class="c_002c9a fwMd">1</span>/10개</p>
                         <div class="tb_wrap">
                             <table class="tType4">
-                                <caption>엑셀입력 표</caption>
                                 <colgroup>
                                     <col style="width: 40px;">
                                     <col style="width: 10%;">
-                                    <col style="width: 12%;">
+                                    <col style="width: 11%;">
                                     <col style="width: auto;">
-                                    <col style="width: 12%;">
-                                    <col style="width: 17%;">
                                     <col style="width: 10%;">
-                                    <col style="width: 12%;">
+                                    <col style="width: 10%;">
+                                    <col style="width: 15%;">
+                                    <col style="width: 10%;">
+                                    <col style="width: 10%;">
                                 </colgroup>
                                 <thead>
                                     <tr>
@@ -376,40 +146,20 @@
                                             <label for="" class="label">전체 선택</label>
                                             <input type="checkbox">
                                         </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>
+                                        <th>대표번호 설정</th>
+                                        <th>번호</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>
-                                        <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>인증방식</th>
+                                        <th>상태</th>
+                                        <th>등록일</th>
+                                        <th>발신번호 관리</th>
+                                        <th>반려서류 제출</th>
                                     </tr>
                                 </thead>
                                 <tbody>
+                                    <tr>
+                                        <td colspan="9">검색된 내용이 없습니다.</td>
+                                    </tr>
                                     <tr>
                                         <td>
                                             <label for="" class="label">전체 선택</label>
@@ -431,6 +181,7 @@
                                             <button type="button" class="btnType btnType14">수정</button>
                                             <button type="button" class="btnType btnType14">삭제</button>
                                         </td>
+                                        <td></td>
                                     </tr>
                                     <tr>
                                         <td>
@@ -453,6 +204,7 @@
                                             <button type="button" class="btnType btnType14">수정</button>
                                             <button type="button" class="btnType btnType14">삭제</button>
                                         </td>
+                                        <td></td>
                                     </tr>
                                     <tr>
                                         <td>
@@ -475,6 +227,7 @@
                                             <button type="button" class="btnType btnType14">수정</button>
                                             <button type="button" class="btnType btnType14">삭제</button>
                                         </td>
+                                        <td></td>
                                     </tr>
                                     <tr>
                                         <td>
@@ -497,181 +250,28 @@
                                             <button type="button" class="btnType btnType14">수정</button>
                                             <button type="button" class="btnType btnType14">삭제</button>
                                         </td>
+                                        <td></td>
                                     </tr>
                                 </tbody>
                             </table>
                         </div>
-                        
-                            <!-- table -->
-                            <!-- <table class="tType3">
-                                <caption>기번번호 설정, 번호, 발신번호 명, 인증방식, 상태, 등록일, 관리를 제공하는 발신번호 리스트</caption>
-                                <colgroup>
-                                    <col style="width: 40px;">
-                                    <col style="width: 10%;">
-                                    <col style="width: 10%;">
-                                    <col style="width: auto;">
-                                    <col style="width: 10%;">
-                                    <col style="width: 20%;">
-                                    <col style="width: 10%;">
-                                    <col style="width: 15%;">
-                                </colgroup>
-                                <thead>
-                                    <th scope="row">
-                                        <label for="" class="label">전체 선택</label>
-                                        <input type="checkbox">
-                                    </th>
-                                    <th scope="row">기본번호 설정</th>
-                                    <th scope="row">번호
-                                        <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 scope="row">발신번호명</th>
-                                    <th scope="row">인증방식
-                                        <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 scope="row">상태
-                                        <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 scope="row">등록일
-                                        <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 scope="row">관리</th>
-                                </thead>
-                                <tbody>
-                                    <tr>
-                                        <td>
-                                            <label for="" class="label">한 줄 전체 선택</label>
-                                            <input type="checkbox">
-                                        </td>
-                                        <td>
-                                            <label for="" class="label">기본번호로 설정 선택</label>
-                                            <input type="radio">
-                                        </td>
-                                        <td>010-1234-5678</td>
-                                        <td class="input_wrap2">
-                                            <label for="" class="label">발신번호명</label>
-                                            <input type="text" placeholder="주식회사 아이티앤" readonly>
-                                        </td>
-                                        <td>휴대폰인증</td>
-                                        <td>인증완료</td>
-                                        <td>2021-06-06</td>
-                                        <td>
-                                            <button type="button" class="btnType btnType14">수정</button>
-                                            <button type="button" class="btnType btnType14">삭제</button>
-                                        </td>
-                                    </tr>
-                                </tbody>
-                            </table> -->
-                        <!-- <img src="/publish/images/content/imsi_callingNum.jpg" style="width: 100%;"> -->
-                    </div>
-				</div><!--// 마이페이지 - 발신번호 관리 -->
-				<!-- 통신사 고객센터 정보 팝업 -->
-                <div class="tooltip-wrap">
-                    <div class="popup-com servInfo_cont popup04" tabindex="0" data-tooltip-con="popup04" data-focus="popup04" data-focus-prev="popup04-close">
-                        <div class="popup_heading">
-                            <p>각 통신사 고객센터 정보</p>
-                            <button type="button" class="tooltip-close" data-focus="popup04-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
-                        </div>
-                        <div class="layer_in">
-                            <ul>
-                                <li>
-                                    <div>
-                                        <div><img src="/publish/images/content/call_serv1.png" alt="T 월드"></div>
-                                        <p><span class="fwLg">모바일</span> 080-011-6000&nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp;<span class="fwLg">유선</span> 080-816-2000</p>
-                                    </div>
-                                </li>
-                                <li>
-                                    <div>
-                                        <div><img src="/publish/images/content/call_serv2.png" alt="SK 텔레콤"></div>
-                                        <p>1599-0999</p>
-                                    </div>
-                                </li>
-                                <li>
-                                    <div>
-                                        <div><img src="/publish/images/content/call_serv3.png" alt="SK 브로드밴드"></div>
-                                        <p>080-8282-106</p>
-                                    </div>
-                                </li>
-                                <li>
-                                    <div>
-                                        <div><img src="/publish/images/content/call_serv4.png" alt="hello 모바일"></div>
-                                        <p>KT망 1855-1144&nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp;SKT망 1855-2114</p>
-                                    </div>
-                                </li>
-                                <li>
-                                    <div>
-                                        <div><img src="/publish/images/content/call_serv5.png" alt="Kt"></div>
-                                        <p><span class="fwLg">모바일</span> 1588-0010 / <span class="fwLg">유선</span> 100</p>
-                                    </div>
-                                </li>
-                                <li>
-                                    <div>
-                                        <div><img src="/publish/images/content/call_serv6.png" alt="세종텔레콤"></div>
-                                        <p>080-889-1000</p>
-                                    </div>
-                                </li>
-                                <li>
-                                    <div>
-                                        <div><img src="/publish/images/content/call_serv7.png" alt="U+"></div>
-                                        <p><span class="fwLg">모바일</span> 1588-0010&nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp;<span class="fwLg">유선</span> 100</p>
-                                    </div>
-                                </li>
-                                <li>
-                                    <div>
-                                        <div><img src="/publish/images/content/call_serv8.png" alt="Kct"></div>
-                                        <p>070-8188-0114</p>
-                                    </div>
-                                </li>
-                            </ul>
-                        </div>
-                    </div>
-                </div><!--// 통신사 고객센터 정보 팝업 -->
-            </div><!--// send top -->
-        </div>
-    </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 class="send_button_wrap">
+                            <button type="button" class="btnType btnType16" onclick="fnRegisterPhoneNum(); return false;">+ 신규 발신번호 등록</button>
                         </div>
+                        <!-- table -->
                     </div>
                 </div>
+                <!--// 마이페이지 - 발신번호 관리 -->
+
             </div>
+            <!--// send top -->
         </div>
-    </footer><!--// footer 영역 -->
-</body></html>
+    </div>
+    <!--// content 영역 -->
+    <!-- footer 영역 -->
+    <!-- footer -->
+    <div data-include-path="/publish/layout/_footer.html"></div>
+    <!--// footer 영역 -->
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/main/webapp/publish/mypage5_2.html b/src/main/webapp/publish/mypage5_2.html
new file mode 100644
index 00000000..35fed3ad
--- /dev/null
+++ b/src/main/webapp/publish/mypage5_2.html
@@ -0,0 +1,562 @@
+<!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/popupLayer.js"></script>
+
+    <script>
+        function guideTab(obj) {
+            var target = $(obj);
+            var idx = target.closest('li').index();
+            target.closest('.guide_tab').find('li').removeClass('active');
+            target.closest('li').addClass('active');
+            target.closest('.guide_content').find('.guide_table').removeClass('active').eq(idx).addClass('active');
+        }
+
+        (function () {
+            //노출시키려는 역역 선택해서 '1', '2', '3' 값 넣어주면됨
+
+            var dept = $('#mberDept').val();
+
+            if (dept != 'c') { //개인일  경우
+
+                nameChk();
+
+            } else { //법인일 경우 당사 선택 되도록 
+
+                nameChk(1);
+
+            }
+
+            //최초 본인명의 라디오버튼 안보이게 처리
+            $('#selfCert').css('visibility', 'collapse');
+        });
+
+        function nameChk(target) {
+
+            var callFrom = $('#inputPhoneNum').val();
+            // var callType = checkTelHpType(callFrom);
+
+            if (target == '1') {
+                //기업회원 당사, 업로드 영역만 노출
+                $('#phone').css("visibility", "collapse");
+                $('#upload').css('visibility', 'visible');
+                //인증타입 설정
+                $('#nameType').val("1");
+            } else if (target == '2') {
+                //기업회원 당사, 휴대폰번호 영역만 노출
+                $('#phone').css("visibility", "collapse");
+                $('#upload').css('visibility', 'collapse');
+                //인증타입 설정
+                $('#nameType').val("2");
+            } else if (target == '3') {
+                //업로드, 휴대폰영역 둘 다 노출
+                $('#phone').css("visibility", "visible");
+                $('#upload').css('visibility', 'visible');
+                $('#summary_phone').css('visibility', 'visible');
+                //인증타입 설정
+                $('#nameType').val("3");
+            } else if (target == '4') {
+                //업로드, 휴대폰영역 둘 다 노출
+                $('#phone').css("visibility", "collapse");
+                $('#upload').css('visibility', 'visible');
+                //인증타입 설정
+                $('#nameType').val("4");
+            } else if (target == '5') {
+                //개인회원 본인인증
+                if (callType == 'Hp') { //핸드폰 번호이면 번호인증만
+                    $('#phone').css("visibility", "visible");
+                    $('#upload').css('visibility', 'collapse');
+                    $('#summary_phone').css('visibility', 'collapse');
+                    $('#certType').val("01");
+                } else { //일반전화이면 첨부파일만
+                    $('#phone').css("visibility", "collapse");
+                    $('#upload').css('visibility', 'visible');
+                    $('#certType').val("03");
+                }
+
+                //인증타입 설정
+                $('#nameType').val("5");
+            } else if (target == '6') {
+                //개인회원 타인인증
+                if (callType == 'Hp') { //핸드폰 번호이면 번호인증만
+                    $('#phone').css("visibility", "visible");
+                    $('#upload').css('visibility', 'visible');
+                    $('#summary_phone').css('visibility', 'visible');
+                } else { //일반전화이면 첨부파일만
+                    $('#phone').css("visibility", "collapse");
+                    $('#upload').css('visibility', 'visible');
+                }
+
+                //인증타입 설정
+                $('#nameType').val("6");
+            }
+
+            //휴대폰 인증여부 초기화
+            $('#hpCertChk').val("N");
+            //$('#inputSendNum').val("");
+        }
+    </script>
+
+</head>
+
+<body>
+    <div class="mask"></div>
+
+    <!-- 대리인 신분증 -->
+    <div class="tooltip-wrap">
+        <div class="popup-com servInfo_cont popup004" tabindex="0" data-tooltip-con="popup004" data-focus="popup004" data-focus-prev="popup004-close">
+            <div class="popup_heading">
+                <p>대리인 신분증이란?</p>
+                <button type="button" class="tooltip-close" data-focus="popup001-close">
+                    <img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기">
+                </button>
+            </div>
+            <div class="layer_in">
+                <!-- 발신번호 관리 수정 -->
+                <div class="call_number_pop">
+                    <ul class="call_numbber_list">
+                        <li>- 타인/타사의 휴대전화(또는 일반전화)를 발신번호로 등록하기 위해서는 대리인(문자온 가입자)의 신분증 사본을 제출하여야 합니다.</li>
+                        <li>- 개인회원 : <strong>타인 휴대전화(or 일반전화)</strong> 발신번호 등록 시 제출</li>
+                        <li>- 기업회원 : <strong>타사 휴대전화(or 일반전화)</strong> 발신번호 등록 시 제출</li>
+                    </ul>
+                    <div class="noted_items">
+                        <p class="title">참고사항</p>
+                        <ul class="call_numbber_list">
+                            <li>· 신분증 사본 제출 시 주민번호 뒷자리는 마스킹 처리(개인정보 보호)</li>
+                            <li>· 제출 가능한 신분증 : 주민등록증, 운전면허증, 여권</li>
+                            <li>· 대리인 = <strong>문자온 가입자(O)</strong> 발신번호 명의자(X)</li>
+                        </ul>
+                    </div>
+                </div>
+                <div class="ex_con_wrap">
+                    <div class="ex_con">
+                        <p class="ex_con_tit">[제출 예시 이미지]</p>
+                        <img src="/publish/images/popup/id_card_ex.png" alt="제출 예시 이미지">
+                        <p class="ex_con_te">※ 이미지 자료 : 행정안전부</p>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <!-- // 대리인 신분증 -->
+
+    <!-- 위임장 작성 방법 -->
+    <div class="tooltip-wrap">
+        <div class="popup-com servInfo_cont popup003" tabindex="0" data-tooltip-con="popup003" data-focus="popup003" data-focus-prev="popup003-close">
+            <div class="popup_heading">
+                <p>위임장 작성 방법</p>
+                <button type="button" class="tooltip-close" data-focus="popup001-close">
+                    <img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기">
+                </button>
+            </div>
+            <div class="layer_in pro_layer_in">
+                <!-- 발신번호 관리 수정 -->
+                <div class="pro_btn_wrap">
+                    <button type="button" class="button attorney btn" onclick="location.href='/download/number/문자온_발신번호_등록_위임장_양식.zip'">위임장 다운로드</button>
+                </div>
+                <div class="call_number_pop">
+                    <p class="pro_tit">타인 또는 타사의 휴대전화 및 일반전화 발신번호 등록을 위해서는 <br><span>위임장 제출이 필수</span>입니다.</p>
+                    <ul class="call_numbber_list">
+                        <li>- 위임자(발신번호 명의자)와 수임자(문자온 가입자)를 구분하여 작성</li>
+                        <li>- 개인정보 수집 이용 동의 체크</li>
+                        <li>- 위임자가 법인일 경우 도장 날인, 개인일경우 자필 서명</li>
+                    </ul>
+                </div>
+                <div class="ex_con_wrap">
+                    <div class="ex_con">
+                        <p class="ex_con_tit">[위임장 작성 예시]</p>
+                        <img src="/publish/images/popup/pro_ex.png" alt="제출 예시 이미지">
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <!-- // 위임장 작성 방법 -->
+
+    <!-- 통신서비스 이용증명원 발급 안내 -->
+    <div class="tooltip-wrap">
+        <div class="popup-com servInfo_cont popup001" tabindex="0" data-tooltip-con="popup001" data-focus="popup001" data-focus-prev="popup001-close">
+            <div class="popup_heading">
+                <p>통신서비스 이용증명원 발급안내</p>
+                <button type="button" class="tooltip-close" data-focus="popup001-close">
+                    <img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기">
+                </button>
+            </div>
+            <div class="layer_in call_layer">
+                <!-- 발신번호 관리 수정 -->
+                <div class="call_number_pop">
+                    <ul class="call_numbber_list">
+                        <li>- 과학기술정보통신부 고시에 따라 발신번호 등록 시 <strong>통신서비스 이용증명원</strong>을 통해 전화번호 일치 여부 등을 확인하고 있습니다.</li>
+                        <li>- 이동통신사 고객센터 또는 홈페이지 등을 통해 해당 서류를 발급 후 발신번호 신청 시 함께 첨부해주시면 빠른 심사 처리가 가능합니다.</li>
+                        <li>- ※ 휴대폰 본인인증으로 대체 가능(단, 본인인증이 불가한 번호의 경우 서류 발급 필수)</li>
+                    </ul>
+                    <div class="noted_items">
+                        <p class="title">참고사항</p>
+                        <ul class="call_numbber_list">
+                            <li>· 발급 시 명의자의 성명(법인명), 생년월일(사업자번호), 서비스번호(전화번호) 등이 모두 노출되어야 함</li>
+                            <li>· 이용증명원 내 발급 시기 및 발급자 정보(발급 담당자의 성명 및 전화번호 등)가 포함되어야 함</li>
+                            <li>· 착신전용서비스, 타지역서비스, 디지털착신전용 발신번호 등록 불가</li>
+                        </ul>
+                    </div>
+                </div>
+
+                <p class="info_tit">[통신사 고객센터 정보]</p>
+                <ul>
+                    <li>
+                        <div>
+                            <div>
+                                <img src="/publish/images/content/call_serv1.png" alt="T 월드">
+                            </div>
+                            <p>
+                                <span class="fwLg">모바일</span>
+                                080-011-6000&nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp;<span class="fwLg">유선</span> 080-816-2000
+                            </p>
+                        </div>
+                    </li>
+                    <li>
+                        <div>
+                            <div>
+                                <img src="/publish/images/content/call_serv2.png" alt="SK 텔레콤">
+                            </div>
+                            <p>1599-0999</p>
+                        </div>
+                    </li>
+                    <li>
+                        <div>
+                            <div>
+                                <img src="/publish/images/content/call_serv3.png" alt="SK 브로드밴드">
+                            </div>
+                            <p>080-8282-106</p>
+                        </div>
+                    </li>
+                    <li>
+                        <div>
+                            <div>
+                                <img src="/publish/images/content/call_serv4.png" alt="hello 모바일">
+                            </div>
+                            <p>KT망 1855-1144&nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp;SKT망
+                                1855-2114</p>
+                        </div>
+                    </li>
+                    <li>
+                        <div>
+                            <div>
+                                <img src="/publish/images/content/call_serv5.png" alt="Kt">
+                            </div>
+                            <p>
+                                <span class="fwLg">모바일</span> 1588-0010 / <span class="fwLg">유선</span>
+                                100
+                            </p>
+                        </div>
+                    </li>
+                    <li>
+                        <div>
+                            <div>
+                                <img src="/publish/images/content/call_serv6.png" alt="세종텔레콤">
+                            </div>
+                            <p>080-889-1000</p>
+                        </div>
+                    </li>
+                    <li>
+                        <div>
+                            <div>
+                                <img src="/publish/images/content/call_serv7.png" alt="U+">
+                            </div>
+                            <p>
+                                <span class="fwLg">모바일</span>
+                                1588-0010&nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp;<span class="fwLg">유선</span> 100
+                            </p>
+                        </div>
+                    </li>
+                    <li>
+                        <div>
+                            <div>
+                                <img src="/publish/images/content/call_serv8.png" alt="Kct">
+                            </div>
+                            <p>070-8188-0114</p>
+                        </div>
+                    </li>
+                </ul>
+            </div>
+        </div>
+    </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 active"><button type="button" onclick="TabType5(this,'5');">발신번호 관리</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'">보안로그인</button></li>
+                </ul>
+                <!--// tab button -->
+                <!-- 마이페이지 - 발신번호 관리 -->
+                <div class="mypage_content current" id="tab5_4">
+                    <div class="heading call_numbe_con">
+                        <h2>발신번호 관리</h2>
+                        <div class="button_wrap">
+                            <button type="button" class="button certificate btn" data-tooltip="popup001">통신서비스 이용증명원 발급안내</button>
+                            <button type="button" class="button id_card btn" data-tooltip="popup004">대리인 신분증이란?</button>
+                            <button type="button" class="button pro_ex btn" data-tooltip="popup003">위임장 작성 방법</button>
+                        </div>
+                    </div>
+                    <!-- 발신번호 등록 준비서류 안내 -->
+                    <div class="papers_guide">
+                        <h3>발신번호 등록 준비서류 안내</h3>
+                        <div class="guide_content">
+                            <ul class="guide_tab">
+                                <li class="active"><button type="button" onclick="guideTab(this);">개인</button></li>
+                                <li class=""><button type="button" onclick="guideTab(this);">기업</button></li>
+                            </ul>
+                            <div class="guide_table active">
+                                <p class="fwBold c_e40000" style="margin: 0 0 5px 0; font-size: 15px;">※ 모든 문자사이트(공통)는 전기통신사업법 및 관련 법률에 따라 아래 서류를 반드시 제출하셔야만 발신번호를 등록할 수 있습니다.</p>
+                                <p class="fwBold c_e40000" style="margin: 0 0 10px 0; font-size: 15px;">※ 등록하시려는 발신번호에 대한 휴대폰 본인인증(or 통신서비스이용증명원 제출)은 필수사항입니다.</p>
+                                <table>
+                                    <caption>개인 회원 발신번호 등록 준비셔류 안내가 있는 표</caption>
+                                    <colgroup>
+                                        <col style="width:200px;">
+                                        <col style="width:240px;">
+                                        <col style="width:auto;">
+                                    </colgroup>
+                                    <thead>
+                                        <tr>
+                                            <th>명의자</th>
+                                            <th>번호형태</th>
+                                            <th>인증방법 및 제출 서류</th>
+                                        </tr>
+                                    </thead>
+                                    <tbody>
+                                        <tr>
+                                            <td rowspan="2" class="title">본인</td>
+                                            <td>휴대전화</td>
+                                            <td>휴대폰 본인인증</td>
+                                        </tr>
+                                        <tr>
+                                            <td>일반전화</td>
+                                            <td>통신서비스이용증명원</td>
+                                        </tr>
+                                        <tr>
+                                            <td rowspan="2" class="title">타인</td>
+                                            <td>휴대전화</td>
+                                            <td>휴대폰 본인인증(or 통신서비스이용증명원), 위임장, 대리인 신분증 사본</td>
+                                        </tr>
+                                        <tr>
+                                            <td>일반전화</td>
+                                            <td>통신서비스이용증명원, 위임장, 대리인 신분증 사본</td>
+                                        </tr>
+                                        <tr>
+                                            <td class="title">회사</td>
+                                            <td>모든전화</td>
+                                            <td>통신서비스이용증명원, 사업자등록증, 재직증명서류</td>
+                                        </tr>
+                                    </tbody>
+                                </table>
+                                <p class="noti">* 신분증사본 제출 시 주민번호 뒷자리 마스킹</p>
+                            </div>
+                            <div class="guide_table">
+                                <p class="fwBold c_e40000" style="margin: 0 0 5px 0; font-size: 15px;">※ 모든 문자사이트(공통)는 전기통신사업법 및 관련 법률에 따라 아래 서류를 반드시 제출하셔야만 발신번호를 등록할 수 있습니다.</p>
+                                <p class="fwBold c_e40000" style="margin: 0 0 10px 0; font-size: 15px;">※ 등록하시려는 발신번호에 대한 휴대폰 본인인증(or 통신서비스이용증명원 제출)은 필수사항입니다.</p>
+                                <table>
+                                    <caption>기업 회원 발신번호 등록 준비셔류 안내가 있는 표</caption>
+                                    <colgroup>
+                                        <col style="width:200px;">
+                                        <col style="width:240px;">
+                                        <col style="width:auto;">
+                                    </colgroup>
+                                    <thead>
+                                        <tr>
+                                            <th>명의자</th>
+                                            <th>번호형태</th>
+                                            <th>인증방법 및 제출 서류</th>
+                                        </tr>
+                                    </thead>
+                                    <tbody>
+                                        <tr>
+                                            <td class="title">당사</td>
+                                            <td>모든전화</td>
+                                            <td>통신서비스이용증명원</td>
+                                        </tr>
+                                        <tr>
+                                            <td rowspan="2" class="title">대표</td>
+                                            <td>휴대전화</td>
+                                            <td>휴대폰 본인인증</td>
+                                        </tr>
+                                        <tr>
+                                            <td>일반전화</td>
+                                            <td>통신서비스이용증명원</td>
+                                        </tr>
+                                        <tr>
+                                            <td class="title">직원</td>
+                                            <td>모든전화</td>
+                                            <td>휴대폰 본인인증(or 통신서비스이용증명원), 재직증명서류</td>
+                                        </tr>
+                                        <tr>
+                                            <td class="title">타사</td>
+                                            <td>모든전화</td>
+                                            <td>거래관계확인서(계약서 등), 발신번호 사업자등록증, 재직증명서류(직원번호인 경우)<br>대리인 신분증 사본, 위임장, 통신서비스이용증명원</td>
+                                        </tr>
+                                    </tbody>
+                                </table>
+                                <p class="noti">* 신분증사본 제출 시 주민번호 뒷자리 마스킹<span></span>* 재직증명서 대체 가능 문서 <strong>국민연금가입증명서</strong> 또는 <strong>건강보험득실확인서</strong></p>
+                            </div>
+
+                        </div>
+                    </div>
+
+                    <table class="tType1">
+                        <caption>발신번호 등록 및 인증수단이 있는 표</caption>
+                        <colgroup>
+                            <col style="width:200px;">
+                            <col style="width:auto;">
+                        </colgroup>
+                        <tbody>
+                            <tr style="visibility: visible;">
+                                <th scope="row">명의자 확인</th>
+                                <td>
+                                    <div class="name_check">
+                                        <input type="radio" name="holderChk" id="holderChk1" value="1" onchange="nameChk('1');" checked=""><label for="holderChk1">당사</label>
+                                        <input type="radio" name="holderChk" id="holderChk2" value="2" onchange="nameChk('2');"><label for="holderChk2">대표</label>
+                                        <input type="radio" name="holderChk" id="holderChk3" value="3" onchange="nameChk('3');"><label for="holderChk3">직원</label>
+                                        <input type="radio" name="holderChk" id="holderChk4" value="4" onchange="nameChk('4');"><label for="holderChk4">타사</label>
+                                    </div>
+
+                                </td>
+                            </tr>
+
+                            <tr>
+                                <th scope="row">발신번호</th>
+                                <td>
+                                    <div class="calling">
+                                        <input type="text" name="inputPhoneNum" id="inputPhoneNum" value="" numberonly="" placeholder="숫자만 입력해주세요" onfocus="this.placeholder=''" onblur="this.placeholder='숫자만 입력해주세요'">
+                                        <button type="button" class="btnType" onclick="selectSendNumberAjax('01'); return false;">확인</button>
+                                        <span class="summary">* 문자 전송 시 사용할 발신번호 입력</span>
+                                    </div>
+                                </td>
+                            </tr>
+
+                            <!-- <tr id="selfCert" style="visibility: visible;">
+                                <th scope="row">본인명의 확인</th>
+                                <td>
+                                    <div class="name_check">
+                                        <input type="radio" name="nameChk" id="nameChk1" value="5" onchange="nameChk('5');"><label for="nameChk1">본인명의</label>
+                                        <input type="radio" name="nameChk" id="nameChk2" value="6" onchange="nameChk('6');"><label for="nameChk2">타인명의</label>
+                                    </div>
+                                </td>
+                            </tr> -->
+
+                            <tr id="phone">
+                                <th scope="row">휴대폰번호</th>
+                                <td>
+                                    <div class="calling">
+                                        <input type="text" name="inputSendNum" id="inputSendNum" value="" numberonly="" placeholder="숫자만 입력해주세요" onfocus="this.placeholder=''" onblur="this.placeholder='숫자만 입력해주세요'" readonly="">
+                                        <button type="button" class="btnType" onclick="kmcCertCheck(); return false;">인증</button>
+                                        <span id="summary_phone" class="summary" style="visibility: collapse;">* 휴대폰 본인인증 또는 통신서비스이용증명원 첨부</span>
+                                    </div>
+                                </td>
+                            </tr>
+                            <tr id="upload" style="visibility: visible;">
+                                <th scope="row">서류인증</th>
+                                <td>
+                                    <ul class="file_content">
+                                        <li><span>!</span>최근 1개월 이내 발급된 서류만 제출 가능합니다.(제출날짜 기준)</li>
+                                        <li>
+                                            <div class="file_box">
+                                                <input type="file" name="file_temp" id="file_temp" accept=".pdf, .png, .jpg, jpeg">
+                                                <label for="file_temp">파일첨부</label>
+                                            </div>
+                                        </li>
+                                    </ul>
+                                    <div class="upload_area">
+                                        <div class="no_img_box file_upload_box tb_wrap" style="">
+                                            <table class="tType4">
+                                                <colgroup>
+                                                    <col style="width:auto;">
+                                                    <col style="width:135px;">
+                                                    <col style="width:180px;">
+                                                    <col style="width:65px;">
+                                                </colgroup>
+                                                <thead>
+                                                    <tr>
+                                                        <th>파일명</th>
+                                                        <th>파일크기</th>
+                                                        <th>등록일시</th>
+                                                        <th>삭제</th>
+                                                    </tr>
+                                                </thead>
+                                            </table>
+                                        </div>
+                                        <div class="file_list_div fileAfter tb_wrap" style="display: none;">
+                                            <table class="tType4">
+                                                <colgroup>
+                                                    <col style="width:auto;">
+                                                    <col style="width:135px;">
+                                                    <col style="width:180px;">
+                                                    <col style="width:45px;">
+                                                </colgroup>
+                                                <thead>
+                                                    <tr>
+                                                        <th>파일명</th>
+                                                        <th>파일크기</th>
+                                                        <th>등록일시</th>
+                                                        <th>삭제</th>
+                                                    </tr>
+                                                </thead>
+                                                <tbody id="tbody_fiielist"></tbody>
+                                            </table>
+                                            <div class="file_info">총 <strong class="totalfileCount">0</strong>개<span></span><strong class="totalfileSize">0.00 KB</strong></div>
+                                        </div>
+                                    </div>
+                                </td>
+                            </tr>
+                        </tbody>
+                    </table>
+
+                    <div class="btnWrap center_btn_wrap">
+                        <button type="button" class="btnType btnType16" onclick="insertDocumentSendNumberAjax(); return false;">신청하기</button>
+                        <button type="button" class="btnType btnType17" onclick="sendNumberListAjax(1); return false;">목록</button>
+                    </div>
+                    <!-- //발신번호 등록 준비서류 안내 -->
+                </div>
+                <!--// 마이페이지 - 발신번호 관리 -->
+            </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
diff --git a/src/main/webapp/publish/mypage6.html b/src/main/webapp/publish/mypage6.html
index 5b2b75ec..769b2363 100644
--- a/src/main/webapp/publish/mypage6.html
+++ b/src/main/webapp/publish/mypage6.html
@@ -15,162 +15,19 @@
     <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/popupLayer.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">
@@ -179,162 +36,67 @@
             <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"><button type="button" onclick="TabType5(this,'4');">발신번호 관리</button></li>
-                    <li class="tab active"><button type="button" onclick="TabType5(this,'5');">알림설정</button></li>
-                    <li class="tab"><button type="button" onclick="TabType5(this,'6');">회원탈퇴</button></li>
-                </ul><!--// tab button -->
-				<!-- 마이페이지 - 알림설정 -->
+                    <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 active"><button type="button" onclick="TabType5(this,'6');">알림설정</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'">보안로그인</button></li>
+                </ul>
+                <!--// tab button -->
+                <!-- 마이페이지 - 알림설정 -->
                 <div class="mypage_content current" id="tab5_5">
                     <div class="heading">
                         <h2>알림설정</h2>
                     </div>
                     <!-- tab button -->
-                    <ul class="tabType1">
-                        <li class="tab active"><button type="button" onclick="TabType1(this,'1');">발송결과 알림</button></li>
-                        <li class="tab"><button type="button" onclick="TabType1(this,'2');">공지사항 알림</button></li>
-                    </ul><!--// tab button -->
-                    <!-- 발송결과 알림 -->
-                    <div class="alarm_cont current" id="tab1_1">
-                        <div class="mem_cont_in widthXL">
-                            <div class="titBox">
-                                <p>- 문자발송 결과를 이메일 또는 문자메세지로 받고 싶은 경우 수신여부를 선택할 수 있습니다.</p>
-                            </div>
-                            <p class="alarm_title">발송결과 알림</p>
-                            <table class="tType1">
-                                <caption>발송결과 대한 표</caption>
-                                <colgroup>
-                                    <col style="width: 160px;">
-                                    <col style="width: auto;">
-                                </colgroup>
-                                <tbody>
-                                    <tr>
-                                        <th scope="row">이메일(무료)</th>
-                                        <td>
-                                            <input type="checkbox" id="">
-                                            <label for="" class="alarm">선택</label>
-                                            <div class="emailWrap2">
-                                                <label for="" class="label">이메일 앞자리</label>
-                                                <input type="text">
-                                                <span>@</span>
-                                                <label for="" class="label">이메일 뒷자리</label>
-                                                <input type="text">
-                                                <div class="list_alert reqest_text">
-                                                    <span>문자전송이 완료되면 이메일로 알려드립니다.</span>
-                                                </div>
-                                            </div>
-                                            <label for="" class="이메일 선택"></label>
-                                            <select class="list_selType1">
-                                                <option value="">직접입력</option>
-                                                <option value="">직접입력</option>
-                                            </select>
-                                        </td>
-                                    </tr>
-                                    <tr>
-                                        <th scope="row">문자메시지(유료)</th>
-                                        <td>
-                                            <input type="checkbox" id="">
-                                            <label for="" class="alarm">선택</label>
-                                            <div class="numWrap">
-                                                <label for="" class="label">핸드폰번호 입력</label>
-                                                <input type="text">
-                                                <span>-</span>
-                                                <label for="" class="label">핸드폰번호 입력</label>
-                                                <input type="text">
-                                                <span>-</span>
-                                                <label for="" class="label">핸드폰번호 입력</label>
-                                                <input type="text">
-                                                <div class="list_alert reqest_text">
-                                                    <span>문자전송이 완료되면 이메일로 알려드립니다.</span>
-                                                </div>
-                                            </div>
-                                            <label for="" class="이메일 선택"></label>
-                                            <span class="reqTxt6"><span>*</span> 유료, 건당 20원</span>
-                                        </td>
-                                    </tr>
-                                </tbody>
-                            </table>
-                            <div style="text-align: center;">
-                                <button type="button" class="btnType btnType16">신청하기</button>
-                            </div>
+                    <div class="mem_cont_in widthXL alarm_cont current">
+                        <div class="titBox">
+                            <p>- 문자온에서 발송하는 뉴스레터 및 각종 안내문자의 수신여부를 설정할 수 있습니다.</p>
                         </div>
-                    </div><!--// 수신알림 -->
-                    <!-- 공지알림 -->
-                    <div class="alarm_cont" id="tab1_2">
-                        <div class="mem_cont_in widthXL">
-                            <div class="titBox">
-                                <p>- 문자온에서 발송하는 공지사항, 이벤트 등 안내문자의 수신여부를 설정할 수 있습니다.</p>
-                            </div>
-                            <p class="alarm_title">공지수신</p>
-                            <table class="tType1">
-                                <caption>공지사항 알림 대한 표</caption>
-                                <colgroup>
-                                    <col style="width: 160px;">
-                                    <col style="width: auto;">
-                                </colgroup>
-                                <tbody>
-                                    <tr>
-                                        <th scope="row">뉴스레터</th>
-                                        <td>
-                                            <input type="checkbox" id="">
-                                            <label for="" class="alarm">선택</label>
-                                                <span class="text_req">- 월 1회 발송되는 문자온의 뉴스레터를 이메일로 받아 보실 수 있습니다.</span>
-                                        </td>
-                                    </tr>
-                                    <tr>
-                                        <th scope="row">안내문자</th>
-                                        <td>
-                                            <input type="checkbox" id="">
-                                            <label for="" class="alarm">선택</label>
-                                                <span class="text_req">- 문자온에서 제공하는 유익한 정보, 각종 이벤트 등이 있을 시 문자메시지로 받아 보실 수 있습니다.</span>
-                                        </td>
-                                    </tr>
-                                </tbody>
-                            </table>
-                            <div style="text-align: center;">
-                                <button type="button" class="btnType btnType16">신청하기</button>
-                            </div>
-                        </div>
-                    </div><!--// 공지알림 -->
-				</div><!--// 마이페이지 - 알림설정 -->
-				
-            </div><!--// send top -->
-        </div>
-    </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>
+                        <p class="alarm_title">공지수신</p>
+                        <table class="tType1">
+                            <caption>공지알림에 대한 표</caption>
+                            <colgroup>
+                                <col style="width: 160px;">
+                                <col style="width: auto;">
+                            </colgroup>
+                            <tbody>
+                                <tr>
+                                    <th scope="row">뉴스레터</th>
+                                    <td>
+                                        <input type="checkbox" id="newsChoice" name="newsChoice">
+                                        <label for="" class="alarm">선택</label>
+                                        <span class="text_req">- 월 1회 발송되는 문자온의 뉴스레터를 이메일로 받아 보실 수 있습니다.</span>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <th scope="row">안내문자</th>
+                                    <td>
+                                        <input type="checkbox" id="msgChoice" name="msgChoice">
+                                        <label for="" class="alarm">선택</label>
+                                        <span class="text_req">- 문자온에서 제공하는 유익한 정보, 각종 이벤트 등이 있을 시 문자메시지로 받아 보실 수 있습니다.</span>
+                                    </td>
+                                </tr>
+                            </tbody>
+                        </table>
+                        <div style="text-align: center;">
+                            <button type="button" class="btnType btnType16" onclick="updateInfo('tab2')">신청하기</button>
                         </div>
                     </div>
                 </div>
+                <!--// 마이페이지 - 알림설정 -->
+
             </div>
+            <!--// send top -->
         </div>
-    </footer><!--// footer 영역 -->
-</body></html>
+    </div>
+    <!--// content 영역 -->
+    <!-- footer 영역 -->
+    <!-- footer -->
+    <div data-include-path="/publish/layout/_footer.html"></div>
+    <!--// footer 영역 -->
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/main/webapp/publish/mypage7.html b/src/main/webapp/publish/mypage7.html
index 015ca67a..325226ad 100644
--- a/src/main/webapp/publish/mypage7.html
+++ b/src/main/webapp/publish/mypage7.html
@@ -27,151 +27,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">
@@ -180,23 +36,24 @@
             <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"><button type="button" onclick="TabType5(this,'4');">발신번호 관리</button></li>
-                    <li class="tab"><button type="button" onclick="TabType5(this,'5');">알림설정</button></li>
-                    <li class="tab active"><button type="button" onclick="TabType5(this,'6');">회원탈퇴</button></li>
-
-                </ul><!--// tab button -->
-				<!-- 마이페이지 - 회원해지 -->
+                    <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 active"><button type="button"  onclick="TabType5(this,'7');">회원탈퇴</button></li>
+                    <li class="tab"><button type="button" onclick="location.href='/publish/security_login.html'">보안로그인</button></li>
+                </ul>
+                <!--// tab button -->
+				<!-- 마이페이지 - 회원탈퇴 -->
                 <div class="mypage_content current" id="tab5_4">
                     <div class="heading">
-                        <h2>회원해지</h2>
+                        <h2>회원탈퇴</h2>
                     </div>
                     <div class="mem_cont_in widthL">
                         <p class="list_title2">본인 확인 후 <span class="c_002c9a fwMd">회원탈퇴 신청이 가능</span>합니다.</p>
                         <div class="self_identfy_wrap">
-                            <div class="self_identfy1">
+                            <!-- <div class="self_identfy1">
                                 <div class="table_cell">
                                     <p>등록한 휴대폰 번호로 SMS 인증</p>
                                     <span>회원정보에 등록한 휴대폰 번호로 SMS 인증</span>
@@ -213,12 +70,12 @@
                                         <button type="button" class="indenfy_btn">확인</button>
                                     </div>
                                 </div>
-                            </div>
+                            </div> -->
                             <div class="self_identfy2">
                                 <div class="table_cell">
                                     <p>본인 명의 휴대폰 번호로 본인인증</p>
-                                    <span>등록한 휴대폰으로 SMS 인증이 어려운 경우,<br>본인 명의로 휴대폰으로도 인증 받을 수 있습니다.</span>
-                                    <button type="button" class="indenfy_btn">확인</button>
+                                    <span>등록한 휴대폰으로 SMS 인증이 어려우시면,<br>본인 명의로 가입된 휴대폰 번호로 받으실 수 있습니다.</span>
+                                    <button type="button" class="indenfy_btn" onclick="openKMCISWindow()">확인</button>
                                 </div>
                             </div>
                         </div>
@@ -229,37 +86,7 @@
         </div>
     </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>
diff --git a/src/main/webapp/publish/mypage8.html b/src/main/webapp/publish/mypage8.html
index 221c4dcb..cf38e5f4 100644
--- a/src/main/webapp/publish/mypage8.html
+++ b/src/main/webapp/publish/mypage8.html
@@ -15,163 +15,20 @@
     <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>
+    <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">
@@ -180,29 +37,31 @@
             <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"><button type="button" onclick="TabType5(this,'4');">발신번호 관리</button></li>
-                    <li class="tab"><button type="button" onclick="TabType5(this,'5');">알림설정</button></li>
-                    <li class="tab active"><button type="button" onclick="TabType5(this,'6');">회원탈퇴</button></li>
-
-                </ul><!--// tab button -->
-				<!-- 마이페이지 - 회원탈퇴 -->
-                <div class="mypage_content current" id="tab6_1">
+                    <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 active"><button type="button" onclick="TabType5(this,'7');">회원탈퇴</button></li>
+                    <li class="tab"><button type="button" onclick="location.href='/publish/security_login.html'">보안로그인</button></li>
+                </ul>
+                <!--// tab button -->
+                <!-- 마이페이지 - 회원탈퇴 -->
+                <div class="mypage_content current" id="tab5_4">
                     <div class="heading">
                         <h2>회원탈퇴</h2>
                     </div>
                     <div class="mem_cont_in widthM">
-                        <p class="welcome">회원탈퇴를 신청하기 전 다음 <span class="c_002c9a fwMd">안내사항</span>을 확인해주세요.</p>
+                        <p class="welcome">
+                            회원탈퇴를 신청하기 전 다음 <span class="c_002c9a fwMd">안내사항</span>을 확인해주세요.
+                        </p>
                         <div class="memWithdrawal_cont">
                             <div>
                                 <p>필독사항</p>
-                                <button type="button" class="btnType">환불신청하기</button>
+                                <button type="button" class="btnType" onclick="gotoRefund()">환불신청하기</button>
                                 <div class="checkbox_wrap">
-                                    <input type="checkbox" id="agree1" title="회원탈퇴 필독사항 동의" class="joinCheckbox type3">
-                                    <label for="agree1"></label>
-                                    <span>확인</span>
+                                    <input type="checkbox" id="readCk01" title="회원탈퇴 필독사항 동의" class="joinCheckbox type3" value="01">
+                                    <label for="readCk01">확인</label>
                                 </div>
                             </div>
                             <div class="memWithdrawal_cont_in">
@@ -213,9 +72,8 @@
                             <div>
                                 <p>아이디는 재사용 및 복구 불가 안내</p>
                                 <div class="checkbox_wrap">
-                                    <input type="checkbox" id="agree2" title="회원탈퇴 >아이디는 재사용 및 복구 불가 안내 동의" class="joinCheckbox type3">
-                                    <label for="agree2"></label>
-                                    <span>확인</span>
+                                    <input type="checkbox" id="readCk02" title="회원탈퇴 >아이디는 재사용 및 복구 불가 안내 동의" class="joinCheckbox type3" value="02">
+                                    <label for="readCk02">확인</label>
                                 </div>
                             </div>
                             <div class="memWithdrawal_cont_in">
@@ -224,9 +82,8 @@
                             <div>
                                 <p>등록정보 및 서비스 이용기록 삭제 안내</p>
                                 <div class="checkbox_wrap">
-                                    <input type="checkbox" id="agree3" title="회원탈퇴 등록정보 및 서비스 이용기록 삭제 안내 동의" class="joinCheckbox type3">
-                                    <label for="agree3"></label>
-                                    <span>확인</span>
+                                    <input type="checkbox" id="readCk03" title="회원탈퇴 등록정보 및 서비스 이용기록 삭제 안내 동의" class="joinCheckbox type3" value="03">
+                                    <label for="readCk03">확인</label>
                                 </div>
                             </div>
                             <div class="memWithdrawal_cont_in">
@@ -237,81 +94,59 @@
                             <p>해지사유</p>
                             <div class="reason_checkbox">
                                 <div>
-                                    <input id="radio1" type="radio" name="reasonWithdrawal" checked="checked">
+                                    <input id="radio1" type="radio" value="01" name="delCK">
                                     <label for="radio1">기업회원으로 다시 가입하기 위해</label>
                                     <button type="button" class="btnType">기업회원전환</button>
                                 </div>
                                 <div>
-                                    <input id="radio2" type="radio" name="reasonWithdrawal">
-                                    <label for="radio2">문자 단가 높음 </label>
-                                </div>
-                                <div>
-                                    <input id="radio3" type="radio" name="reasonWithdrawal">
+                                    <input id="radio3" type="radio" value="02" checked="checked" name="delCK">
                                     <label for="radio3">사용할 일이 없어서</label>
                                 </div>
                                 <div>
-                                    <input id="radio4" type="radio" name="reasonWithdrawal">
-                                    <label for="radio4">사이트 이용 불만</label>
+                                    <input id="radio2" type="radio" value="03" name="delCK">
+                                    <label for="radio2">문자 단가 높음 </label>
                                 </div>
                                 <div>
-                                    <input id="radio5" type="radio" name="reasonWithdrawal">
+                                    <input id="radio5" type="radio" value="05" name="delCK">
                                     <label for="radio5">개인정보 유출 우려</label>
                                 </div>
                                 <div>
-                                    <input id="radio6" type="radio" name="reasonWithdrawal">
+                                    <input id="radio6" type="radio" value="06" name="delCK">
                                     <label for="radio6">다른 사이트이용</label>
+                                    <input type="text" class="inputLight" placeholder="불편하신 점을 입력해주세요." onfocus="this.placeholder=''" onblur="this.placeholder='불편하신 점을 입력해주세요.'" id="delCkVal6">
+                                    <label for="delCkVal6" class="label">불편하신 점을 입력해주세요.</label>
                                 </div>
                                 <div>
-                                    <input id="radio7" type="radio" name="reasonWithdrawal">
+                                    <input id="radio4" type="radio" value="04" name="delCK">
+                                    <label for="radio4">사이트 이용 불만</label>
+                                    <input type="text" class="inputLight" placeholder="불편하신 점을 입력해주세요." onfocus="this.placeholder=''" onblur="this.placeholder='불편하신 점을 입력해주세요.'" id="delCkVal4">
+                                    <label for="delCkVal4" class="label">불편하신 점을 입력해주세요.</label>
+                                </div>
+                                <div>
+                                    <input id="radio7" type="radio" value="07" name="delCK">
                                     <label for="radio7">해지사유 직접 입력</label>
-                                    <input type="text" class="inputLight" placeholder="해지사유를 입력해주세요." onfocus="this.placeholder=''" onblur="this.placeholder='해지사유를 입력해주세요.'">
-                                    <label for="" class="label">해지사유 입력</label>
-                                    <button type="button" class="btnType">저장</button>
+                                    <input type="text" class="inputLight" placeholder="해지사유를 입력해주세요." onfocus="this.placeholder=''" onblur="this.placeholder='해지사유를 입력해주세요.'" id="delCkVal7">
+                                    <label for="delCkVal7" class="label">해지사유 입력</label>
                                 </div>
                             </div>
                         </div>
                         <div class="mem_btnWrap2">
-                            <button type="button" class="mem_btn3">탈퇴신청</button>
-                            <button type="button" class="mem_btn2">취소</button>
-                        </div>
-                    </div>
-				</div><!--// 마이페이지 - 비밀번호 변경 -->
-				
-            </div><!--// send top -->
-        </div>
-    </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>
+                            <button type="button" class="mem_btn3" onclick="deleteInfo()">탈퇴신청</button>
+                            <button type="button" class="mem_btn2" onclick="location.href = '/';">취소</button>
                         </div>
                     </div>
                 </div>
+                <!--// 마이페이지 - 회원해지 -->
+
             </div>
+            <!--// send top -->
         </div>
-    </footer><!--// footer 영역 -->
-</body></html>
+    </div>
+    <!--// content 영역 -->
+    <!-- footer 영역 -->
+    <!-- footer -->
+    <div data-include-path="/publish/layout/_footer.html"></div>
+    <!--// footer 영역 -->
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/main/webapp/publish/mypage9.html b/src/main/webapp/publish/mypage9.html
index 72627d52..9b8f75d4 100644
--- a/src/main/webapp/publish/mypage9.html
+++ b/src/main/webapp/publish/mypage9.html
@@ -15,163 +15,20 @@
     <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>
+    <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">
@@ -182,8 +39,9 @@
                 <ul class="tabType1">
                     <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>
-                </ul><!--// tab button -->
-				<!-- 아이디찾기  -->
+                </ul>
+                <!--// tab button -->
+                <!-- 아이디찾기  -->
                 <div class="mypage_content current" id="tab5_1">
                     <!-- 비밀번호 확인 -->
                     <div class="heading">
@@ -197,46 +55,26 @@
                             <div class="input_list_item">
                                 <div class="input_left">인증구분</div>
                                 <div class="input_right">
-                                    <input type="radio" id="" name="find_id" checked>
-                                    <label for="">휴대폰번호로 찾기</label>
-                                    <input type="radio" id="" name="find_id">
-                                    <label for="">이메일로 찾기</label>
-                                    <input type="radio" id="" name="find_id">
-                                    <label for="">본인인증으로 찾기</label>
+                                    <input type="radio" id="findId_Phone" name="find_id" value="findId_Phone" checked="checked" onchange="selectType('phone');">
+                                    <label for="findId_Phone">휴대폰번호로 찾기</label>
+                                    <input type="radio" id="findId_Email" name="find_id" value="findId_Email" onchange="selectType('email');">
+                                    <label for="findId_Email">이메일로 찾기</label>
+                                    <input type="radio" id="findId_Check" name="find_id" value="findId_Check" onchange="selectType('check');">
+                                    <label for="findId_Check">본인인증으로 찾기</label>
                                 </div>
                             </div>
                             <div class="input_list_item">
                                 <div class="input_left">이름</div>
                                 <div class="input_right">
-                                    <label for="" class="label">아이디 입력</label>
-                                    <input type="text" class="list_inputType1 colorLight" placeholder="이름을 입력하세요" onfocus="this.placeholder=''" onblur="this.placeholder='이름을 입력하세요'">
+                                    <label for="findId_userNm" class="label">이름 입력</label>
+                                    <input type="text" name="findId_userNm" id="findId_userNm" class="list_inputType1 colorLight" placeholder="이름을 입력하세요" onfocus="this.placeholder=''" onblur="this.placeholder='이름을 입력하세요'">
                                 </div>
                             </div>
-                            <div class="input_list_item">
+                            <div class="input_list_item phoneWrap">
                                 <div class="input_left">휴대폰번호</div>
                                 <div class="input_right">
-                                    <label for="" class="label">휴대폰번호 입력</label>
-                                    <input type="text" class="list_inputType1 colorLight" placeholder="‘-’ 없이 숫자만 입력" onfocus="this.placeholder=''" onblur="this.placeholder='‘-’ 없이 숫자만 입력'">
-                                </div>
-                            </div>
-
-                            <!-- 아이디 찾기 - 이메일로 찾기 -->
-                            <div class="input_list_item">
-                                <div class="input_left">인증구분</div>
-                                <div class="input_right">
-                                    <input type="radio" id="" name="find_id2">
-                                    <label for="">휴대폰번호로 찾기</label>
-                                    <input type="radio" id="" name="find_id2" checked>
-                                    <label for="">이메일로 찾기</label>
-                                    <input type="radio" id="" name="find_id2">
-                                    <label for="">본인인증으로 찾기</label>
-                                </div>
-                            </div>
-                            <div class="input_list_item">
-                                <div class="input_left">이름</div>
-                                <div class="input_right">
-                                    <label for="" class="label">이름 입력</label>
-                                    <input type="text" class="list_inputType1 colorLight" placeholder="이름을 입력하세요" onfocus="this.placeholder=''" onblur="this.placeholder='이름을 입력하세요'">
+                                    <label for="findId_userPhone" class="label">휴대폰번호 입력</label>
+                                    <input type="text" name="findId_userPhone" id="findId_userPhone" class="list_inputType1 colorLight" oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');" placeholder="‘-’ 없이 숫자만 입력" onfocus="this.placeholder=''" onblur="this.placeholder='‘-’ 없이 숫자만 입력'">
                                 </div>
                             </div>
                             <div class="input_list_item emailWrap">
@@ -244,80 +82,36 @@
                                     <div class="input_left">이메일</div>
                                     <div class="input_right">
                                         <div class="email">
-                                            <label for="" class="label">이메일 주소 앞자리</label>
-                                            <input type="text" class="list_inputType1">
+                                            <label for="findId_userEmail1" class="label">이메일 주소 앞자리</label>
+                                            <input type="text" name="findId_userEmail1" id="findId_userEmail1" class="list_inputType1">
                                             <span>@</span>
-                                            <label for="" class="label">이메일 주소 뒷자리</label>
-                                            <input type="text" class="list_inputType1">
+                                            <label for="findId_userEmail2" class="label">이메일 주소 뒷자리</label>
+                                            <input type="text" name="findId_userEmail2" id="findId_userEmail2" class="list_inputType1">
                                         </div>
                                         <div class="email_select">
                                             <label for="" class="label">이메일 선택</label>
-                                            <select class="list_selType1">
+                                            <select class="list_selType1" onchange="emailSelect(this.value);">
                                                 <option>직접입력</option>
-                                                <option>네이버</option>
-                                                <option>네이트</option>
-                                                <option>한메일(다음)</option>
-                                                <option>지메일</option>
+                                                <option value="naver.com">네이버</option>
+                                                <option value="nate.com">네이트</option>
+                                                <option value="daum.net">한메일(다음)</option>
+                                                <option value="gmail.com">구글(지메일)</option>
                                             </select>
                                         </div>
                                     </div>
                                 </div>
                             </div>
-                            <div class="input_list_item">
-                                <div class="input_left">인증번호 입력</div>
-                                <div class="input_right">
-                                    <label for="" class="label">인증번호 입력</label>
-                                    <input type="text" class="list_inputType1 colorLight" placeholder="‘-’ 인증번호를 입력하세요" onfocus="this.placeholder=''" onblur="this.placeholder='인증번호를 입력하세요'">
-                                </div>
-                            </div>
-
-                            <!-- 아이디 찾기 - 본인인증으로 찾기 -->
-                            <div class="input_list_item">
-                                <div class="input_left">인증구분</div>
-                                <div class="input_right">
-                                    <input type="radio" id="" name="find_id3">
-                                    <label for="">휴대폰번호로 찾기</label>
-                                    <input type="radio" id="" name="find_id3">
-                                    <label for="">이메일로 찾기</label>
-                                    <input type="radio" id="" name="find_id3" checked>
-                                    <label for="">본인인증으로 찾기</label>
-                                </div>
-                            </div>
-                            <div class="input_list_item">
-                                <div class="input_left">이름</div>
-                                <div class="input_right">
-                                    <label for="" class="label">이름 입력</label>
-                                    <input type="text" class="list_inputType1 colorLight" placeholder="이름을 입력하세요" onfocus="this.placeholder=''" onblur="this.placeholder='이름을 입력하세요'">
-                                </div>
-                            </div>
-                            <div class="input_list_item">
-                                <div class="input_left">휴대폰번호</div>
-                                <div class="input_right">
-                                    <label for="" class="label">휴대폰번호 입력</label>
-                                    <input type="text" class="list_inputType1 colorLight" placeholder="‘-’ 없이 숫자만 입력" onfocus="this.placeholder=''" onblur="this.placeholder='‘-’ 없이 숫자만 입력'">
-                                </div>
-                            </div>
 
                             <div class="mem_btnWrap2">
-                                <button type="button" class="mem_btn2">취소</button>
-                                <button type="button" class="mem_btn1">확인</button>
+                                <button type="button" class="mem_btn2" onclick="javascript:history.back();">취소</button>
+                                <button type="button" class="mem_btn1" onclick="location.href='/publish/mypage9_id.html'">확인</button>
                             </div>
-                        </div><!--// 이이디찾기 폼 -->
 
-                        <!-- 이이디찾기 완료 -->
-                        <div class="input_list">
-                            <p class="list_title3 ver2">회원님의 정보와 일치하는 아이디입니다.</p>
-                            <div class="id_show">
-                                <p><span>hong1***</span>입니다.</p>
-                                <span>가입일자 : 2021-04-09</span>
-                            </div>
-                            <div class="mem_btnWrap2">
-                                <button type="button" class="mem_btn2">확인</button>
-                                <button type="button" class="mem_btn1">로그인</button>
-                            </div>
-                        </div><!--// 이이디찾기 완료 -->
+                        </div>
+                        <!--// 이이디찾기 폼 -->
                     </div>
-				</div><!--// 아이디찾기 -->
+                </div>
+                <!--// 아이디찾기 -->
 
                 <!-- 비밀번호 변경  -->
                 <div class="mypage_content" id="tab5_2">
@@ -326,233 +120,107 @@
                         <h2>비밀번호 재설정 </h2>
                     </div>
                     <div class="mem_cont_in widthM">
-                        <div class="input_list pw_set" >
+                        <!-- 이이디찾기 폼 -->
+                        <div class="input_list pw_set">
                             <p class="list_title3">아래 정보를 정확하게 입력해주세요<br>기업회원인 경우 가입한 담당자 정보를 입력해주세요</p>
                             <!-- 비밀번호 찾기 - 휴대폰번호로 찾기 -->
                             <div class="input_list_item">
                                 <div class="input_left">인증구분</div>
                                 <div class="input_right">
-                                    <input type="radio" id="" name="find_id" checked>
-                                    <label for="">휴대폰번호로 찾기</label>
-                                    <input type="radio" id="" name="find_id">
-                                    <label for="">이메일로 찾기</label>
-                                    <input type="radio" id="" name="find_id">
-                                    <label for="">본인인증으로 찾기</label>
+                                    <input type="radio" id="findPw_Phone" name="find_pw" value="findPw_Phone" checked="checked" onchange="selectType('phone');">
+                                    <label for="findPw_Phone">휴대폰번호로 찾기</label>
+                                    <input type="radio" id="findPw_Email" name="find_pw" value="findPw_Email" onchange="selectType('email');">
+                                    <label for="findPw_Email">이메일로 찾기</label>
+                                    <input type="radio" id="findPw_Check" name="find_pw" value="findPw_Check" onchange="selectType('pwcheck');">
+                                    <label for="findPw_Check">본인인증으로 찾기</label>
                                 </div>
                             </div>
                             <div class="input_list_item">
                                 <div class="input_left">아이디</div>
                                 <div class="input_right">
-                                    <label for="" class="label">아이디 입력</label>
-                                    <input type="text" class="list_inputType1 colorLight" placeholder="아이디를 입력하세요" onfocus="this.placeholder=''" onblur="this.placeholder='아이디를 입력하세요'">
+                                    <label for="findPw_userId" class="label">아이디 입력</label>
+                                    <input type="text" name="findPw_userId" id="findPw_userId" class="list_inputType1 colorLight" placeholder="아이디를 입력하세요" onfocus="this.placeholder=''" onblur="this.placeholder='아이디를 입력하세요'">
                                 </div>
                             </div>
                             <div class="input_list_item">
                                 <div class="input_left">이름</div>
                                 <div class="input_right">
-                                    <label for="" class="label">이름 입력</label>
-                                    <input type="text" class="list_inputType1 colorLight" placeholder="이름을 입력하세요" onfocus="this.placeholder=''" onblur="this.placeholder='이름을 입력하세요'">
+                                    <label for="findPw_userNm" class="label">이름 입력</label>
+                                    <input type="text" name="findPw_userNm" id="findPw_userNm" class="list_inputType1 colorLight" placeholder="이름을 입력하세요" onfocus="this.placeholder=''" onblur="this.placeholder='이름을 입력하세요'">
                                 </div>
                             </div>
-                            <div class="input_list_item">
+                            <div class="input_list_item phoneWrap">
                                 <div class="input_left">휴대폰번호</div>
                                 <div class="input_right">
-                                    <label for="" class="label">휴대폰번호 입력</label>
-                                    <input type="text" class="list_inputType1 colorLight" placeholder="‘-’ 없이 숫자만 입력" onfocus="this.placeholder=''" onblur="this.placeholder='‘-’ 없이 숫자만 입력'">
+                                    <label for="findPw_userPhone" class="label">휴대폰번호 입력</label>
+                                    <input type="text" name="findPw_userPhone" id="findPw_userPhone" class="list_inputType1 colorLight" oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');" placeholder="‘-’ 없이 숫자만 입력" onfocus="this.placeholder=''" onblur="this.placeholder='‘-’ 없이 숫자만 입력'" style="width:78%;">
                                     <div class="list_btn_wrap">
-                                        <button type="button">인증번호 받기</button>
+                                        <button type="button" onclick="sendMsgYn();">인증번호 받기</button>
                                     </div>
                                 </div>
                             </div>
-                            <div class="input_list_item">
-                                <div class="input_left">인증번호 입력</div>
-                                <div class="input_right">
-                                    <label for="" class="label">인증번호 입력</label>
-                                    <input type="text" class="list_inputType1 colorLight" placeholder="‘-’ 인증번호를 입력하세요" onfocus="this.placeholder=''" onblur="this.placeholder='인증번호를 입력하세요'">
-                                    <time>05:00</time>
-                                </div>
-                            </div>
-
-                            <!-- 비밀번호 찾기 - 이메일로 찾기 -->
-                            <div class="input_list_item">
-                                <div class="input_left">인증구분</div>
-                                <div class="input_right">
-                                    <input type="radio" id="" name="find_id2">
-                                    <label for="">휴대폰번호로 찾기</label>
-                                    <input type="radio" id="" name="find_id2" checked>
-                                    <label for="">이메일로 찾기</label>
-                                    <input type="radio" id="" name="find_id2">
-                                    <label for="">본인인증으로 찾기</label>
-                                </div>
-                            </div>
-                            <div class="input_list_item">
-                                <div class="input_left">아이디</div>
-                                <div class="input_right">
-                                    <label for="" class="label">아이디 입력</label>
-                                    <input type="text" class="list_inputType1 colorLight" placeholder="아이디를 입력하세요" onfocus="this.placeholder=''" onblur="this.placeholder='아이디를 입력하세요'">
-                                </div>
-                            </div>
-                            <div class="input_list_item">
-                                <div class="input_left">이름</div>
-                                <div class="input_right">
-                                    <label for="" class="label">이름 입력</label>
-                                    <input type="text" class="list_inputType1 colorLight" placeholder="이름을 입력하세요" onfocus="this.placeholder=''" onblur="this.placeholder='이름을 입력하세요'">
-                                </div>
-                            </div>
                             <div class="input_list_item emailWrap">
                                 <div>
                                     <div class="input_left">이메일</div>
                                     <div class="input_right">
                                         <div class="email">
-                                            <label for="" class="label">이메일 주소 앞자리</label>
-                                            <input type="text" class="list_inputType1">
+                                            <label for="findPw_userEmail1" class="label">이메일 주소 앞자리</label>
+                                            <input type="text" name="findPw_userEmail1" id="findPw_userEmail1" class="list_inputType1">
                                             <span>@</span>
-                                            <label for="" class="label">이메일 주소 뒷자리</label>
-                                            <input type="text" class="list_inputType1">
+                                            <label for="findPw_userEmail2" class="label">이메일 주소 뒷자리</label>
+                                            <input type="text" name="findPw_userEmail2" id="findPw_userEmail2" class="list_inputType1">
                                         </div>
                                         <div class="email_select">
                                             <label for="" class="label">이메일 선택</label>
-                                            <select class="list_selType1">
+                                            <select class="list_selType1" onchange="emailSelect2(this.value);">
                                                 <option>직접입력</option>
-                                                <option>네이버</option>
-                                                <option>네이트</option>
-                                                <option>한메일(다음)</option>
-                                                <option>지메일</option>
+                                                <option value="naver.com">네이버</option>
+                                                <option value="nate.com">네이트</option>
+                                                <option value="daum.net">한메일(다음)</option>
+                                                <option value="gmail.com">지메일</option>
                                             </select>
                                             <div class="list_btn_wrap">
-                                                <button type="button">인증번호 받기</button>
+                                                <button type="button" id="emailSendBtn" onclick="step1EmailCheck();">인증번호 받기</button>
                                             </div>
                                         </div>
                                     </div>
                                 </div>
                             </div>
-                            <div class="input_list_item">
-                                <div class="input_left">인증번호 입력</div>
-                                <div class="input_right">
-                                    <label for="" class="label">인증번호 입력</label>
-                                    <input type="text" class="list_inputType1 colorLight" placeholder="‘-’ 인증번호를 입력하세요" onfocus="this.placeholder=''" onblur="this.placeholder='인증번호를 입력하세요'">
-                                </div>
-                            </div>
-
-                            <!-- 비밀번호 찾기 - 본인인증으로 찾기 -->
-                            <div class="input_list_item">
-                                <div class="input_left">인증구분</div>
-                                <div class="input_right">
-                                    <input type="radio" id="" name="find_id3">
-                                    <label for="">휴대폰번호로 찾기</label>
-                                    <input type="radio" id="" name="find_id3">
-                                    <label for="">이메일로 찾기</label>
-                                    <input type="radio" id="" name="find_id3" checked>
-                                    <label for="">본인인증으로 찾기</label>
-                                </div>
-                            </div>
-                            <div class="input_list_item">
-                                <div class="input_left">이름</div>
-                                <div class="input_right">
-                                    <label for="" class="label">이름 입력</label>
-                                    <input type="text" class="list_inputType1 colorLight" placeholder="이름을 입력하세요" onfocus="this.placeholder=''" onblur="this.placeholder='이름을 입력하세요'">
-                                </div>
-                            </div>
-                            <div class="input_list_item">
+                            <div class="input_list_item checkWrap" style="display:none">
                                 <div class="input_left">휴대폰번호</div>
                                 <div class="input_right">
                                     <label for="" class="label">휴대폰번호 입력</label>
-                                    <input type="text" class="list_inputType1 colorLight" placeholder="‘-’ 없이 숫자만 입력" onfocus="this.placeholder=''" onblur="this.placeholder='‘-’ 없이 숫자만 입력'">
+                                    <input type="text" name="findPw_userPhoneCheck" id="findPw_userPhoneCheck" class="list_inputType1 colorLight" oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');" placeholder="‘-’ 없이 숫자만 입력" onfocus="this.placeholder=''" onblur="this.placeholder='‘-’ 없이 숫자만 입력'">
+                                </div>
+                            </div>
+                            <div class="input_list_item checkNoWrap">
+                                <div class="input_left">인증번호 입력</div>
+                                <div class="input_right">
+                                    <label for="checkNo" class="label">인증번호 입력</label>
+                                    <input type="text" name="checkNo" id="checkNo" class="list_inputType1 colorLight" oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');" placeholder="인증번호를 입력하세요" onfocus="this.placeholder=''" onblur="this.placeholder='인증번호를 입력하세요'">
+                                    <div id="timer"></div>
                                 </div>
                             </div>
 
                             <div class="mem_btnWrap2">
-                                <button type="button" class="mem_btn2">취소</button>
-                                <button type="button" class="mem_btn1">확인</button>
+                                <button type="button" class="mem_btn2" onclick="javascript:history.back();">취소</button>
+                                <button type="button" class="mem_btn1" onclick="location.href='/publish/mypage9_password.html'">확인</button>
                             </div>
-                        </div><!--// 비밀번호 찾기 -->
-
-                        <!-- 비밀번호 재설정 -->
-                        <div class="input_list">
-                            <p class="list_title3 ver3">인증이 완료되었습니다.<br>
-                                <span class="c_002c9a fwMd">새로운 비밀번호</span>를 입력해주세요.</p>
-                            <div class="input_list">
-                                <div class="input_list_item">
-                                    <div class="input_left">새 비밀번호</div>
-                                    <div class="input_right">
-                                        <label for="" class="label">새 비밀번호 입력</label>
-                                        <input type="password" class="list_inputType1">
-                                    </div>
-                                    <div class="list_alert password_pass_no">
-                                        <ul>
-                                            <li><span class="step1"></span></li>
-                                            <li><span class="step2"></span></li>
-                                            <li><span class="step3"></span></li>
-                                        </ul>
-                                        <span>안전도 낮음</span>
-                                    </div>
-                                    <div class="list_alert password_pass">
-                                        <ul>
-                                            <li><span class="step1"></span></li>
-                                            <li><span class="step2"></span></li>
-                                            <li><span class="step3"></span></li>
-                                        </ul>
-                                        <span>안전함</span>
-                                    </div>
-                                </div>
-                                <div class="input_list_item">
-                                    <div class="input_left">새 비밀번호 확인</div>
-                                    <div class="input_right">
-                                        <label for="" class="label">새 비밀번호 확인 입력</label>
-                                        <input type="password" class="list_inputType1 colorLight"  placeholder="비밀번호 확인" onfocus="this.placeholder = ''" onblur="this.placeholder='비밀번호 확인'">
-                                    </div>
-                                    <div class="list_alert pass_no">
-                                        <i></i>
-                                        <span>비밀번호가 일치하지 않습니다.</span>
-                                    </div>
-                                    <div class="list_alert pass">
-                                        <i></i>
-                                        <span>비밀번호가 일치합니다.</span>
-                                    </div>
-                                </div>
-                            </div>
-                            <div class="mem_btnWrap2">
-                                <button type="button" class="mem_btn5">로그인</button>
-                            </div>
-                        </div><!--// 비밀번호 재설정 -->
-                    </div>
-				</div><!--// 비밀번호변경 -->
-				
-            </div><!--// send top -->
-        </div>
-    </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>
+            <!--// send top -->
         </div>
-    </footer><!--// footer 영역 -->
-</body></html>
+    </div>
+    <!--// content 영역 -->
+    <!-- footer 영역 -->
+    <!-- footer -->
+    <div data-include-path="/publish/layout/_footer.html"></div>
+    <!--// footer 영역 -->
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/main/webapp/publish/mypage9_id.html b/src/main/webapp/publish/mypage9_id.html
new file mode 100644
index 00000000..4f709248
--- /dev/null
+++ b/src/main/webapp/publish/mypage9_id.html
@@ -0,0 +1,80 @@
+<!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="tabType1">
+                    <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>
+                </ul>
+                <!--// tab button -->
+                <!-- 아이디찾기  -->
+                <div class="mypage_content current" id="tab5_1">
+                    <!-- 비밀번호 확인 -->
+                    <div class="heading">
+                        <h2>아이디찾기</h2>
+                    </div>
+                    <div class="mem_cont_in widthM">
+
+                        <!-- 이이디찾기 완료 -->
+                        <div class="input_list">
+                            <p class="list_title3 ver2">회원님의 정보와 일치하는 아이디입니다.</p>
+                            <div class="id_show">
+                                <p><span>hong1***</span>입니다.</p>
+                                <span>가입일자 : 2021-04-09</span>
+                            </div>
+                            <div class="mem_btnWrap2">
+                                <button type="button" class="mem_btn2">확인</button>
+                                <button type="button" class="mem_btn1">로그인</button>
+                            </div>
+                        </div>
+                        <!--// 이이디찾기 완료 -->
+                    </div>
+                </div>
+                <!--// 아이디찾기 -->
+
+            </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
diff --git a/src/main/webapp/publish/mypage9_password.html b/src/main/webapp/publish/mypage9_password.html
new file mode 100644
index 00000000..02246ccd
--- /dev/null
+++ b/src/main/webapp/publish/mypage9_password.html
@@ -0,0 +1,114 @@
+<!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="tabType1">
+                    <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>
+                </ul>
+                <!--// tab button -->
+                <!-- 비밀번호 변경  -->
+                <div class="mypage_content current">
+                    <!-- 비밀번호 찾기 -->
+                    <div class="heading">
+                        <h2>비밀번호 재설정 </h2>
+                    </div>
+                    <div class="mem_cont_in widthM">
+
+                        <!-- 비밀번호 재설정 -->
+                        <div class="input_list">
+                            <p class="list_title3 ver3">인증이 완료되었습니다.<br>
+                                <span class="c_002c9a fwMd">새로운 비밀번호</span>를 입력해주세요.</p>
+                            <div class="input_list">
+                                <div class="input_list_item">
+                                    <div class="input_left">새 비밀번호</div>
+                                    <div class="input_right">
+                                        <label for="" class="label">새 비밀번호 입력</label>
+                                        <input type="password" class="list_inputType1">
+                                    </div>
+                                    <div class="list_alert password_pass_no">
+                                        <ul>
+                                            <li><span class="step1"></span></li>
+                                            <li><span class="step2"></span></li>
+                                            <li><span class="step3"></span></li>
+                                        </ul>
+                                        <span>안전도 낮음</span>
+                                    </div>
+                                    <div class="list_alert password_pass">
+                                        <ul>
+                                            <li><span class="step1"></span></li>
+                                            <li><span class="step2"></span></li>
+                                            <li><span class="step3"></span></li>
+                                        </ul>
+                                        <span>안전함</span>
+                                    </div>
+                                </div>
+                                <div class="input_list_item">
+                                    <div class="input_left">새 비밀번호 확인</div>
+                                    <div class="input_right">
+                                        <label for="" class="label">새 비밀번호 확인 입력</label>
+                                        <input type="password" class="list_inputType1 colorLight"  placeholder="비밀번호 확인" onfocus="this.placeholder = ''" onblur="this.placeholder='비밀번호 확인'">
+                                    </div>
+                                    <div class="list_alert pass_no">
+                                        <i></i>
+                                        <span>비밀번호가 일치하지 않습니다.</span>
+                                    </div>
+                                    <div class="list_alert pass">
+                                        <i></i>
+                                        <span>비밀번호가 일치합니다.</span>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="mem_btnWrap2">
+                                <button type="button" class="mem_btn5">로그인</button>
+                            </div>
+                        </div><!--// 비밀번호 재설정 -->
+                    </div>
+				</div><!--// 비밀번호변경 -->
+
+            </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
diff --git a/src/main/webapp/publish/mypage_index.html b/src/main/webapp/publish/mypage_index.html
index 9ff3fe7f..26353793 100644
--- a/src/main/webapp/publish/mypage_index.html
+++ b/src/main/webapp/publish/mypage_index.html
@@ -15,162 +15,19 @@
     <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/popupLayer.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">
@@ -179,14 +36,16 @@
             <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"><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="TabType5(this,'6');">회원탈퇴</button></li>
-                </ul><!--// tab button -->
-				<!-- 마이페이지 - 대시보드 -->
+					<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'">보안로그인</button></li>
+				</ul>
+                <!--// tab button -->
+                <!-- 마이페이지 - 대시보드 -->
                 <div class="mypage_content current">
                     <div class="heading">
                         <h2>마이페이지</h2>
@@ -197,102 +56,513 @@
                                 <p><span>홍길동</span> 회원님 반갑습니다</p>
                                 <button type="button" class="btnType">기업회원전환</button>
                             </div>
-                            <ul class="send_price">
-                                <li><span class="event_status">이벤트</span></li>
-                                <li><span class="type">단문</span><span class="price">8.2</span>원</li>
-                                <li class="price_line"><span class="type">장문</span><span class="price">24.6</span>원</li>
-                                <li class="price_line"><span class="type">그림</span><span class="price">57.3</span>원(VAT 별도)</li>
-                            </ul>
-                            <p class="event_text">※ 이벤트 단가 적용기간 : 2022-05-13 ~ 2022-07-12(<span>29</span>일 남음)</p>
+                            <div class="send_price">
+                                <div class="price_title">나의<br>단가</div>
+                                <div class="price_wrap">
+                                    <ul>
+                                        <li class="title">
+                                            <img src="/publish/images/content/icon_mypage_message.png" alt="">문자
+                                        </li>
+                                        <li class="price_line">
+                                            <span class="type">단문</span>
+                                            <span class="price">
+                                                18
+                                            </span>원
+                                        </li>
+                                        <li class="price_line">
+                                            <span class="type">장문</span>
+                                            <span class="price">
+                                                50
+                                            </span>원
+                                        </li>
+                                        <li>
+                                            <span class="type">그림</span>
+                                            <span class="price">
+                                                90
+                                            </span>원
+                                            (2장 : 110원 / 3장 : 130원)
+                                        </li>
+                                    </ul>
+                                    <ul>
+                                        <li class="title">
+                                            <img src="/publish/images/content/icon_mypage_kakaotalk.png" alt="">카톡
+                                        </li>
+                                        <li class="price_line">
+                                            <span class="type">알림톡</span>
+                                            <span class="price">
+                                                6.9
+                                            </span>원
+                                        </li>
+                                        <li class="title">
+                                            <img src="/publish/images/content/icon_mypage_fax.png" alt="">팩스
+                                        </li>
+                                        <li>
+                                            <span class="type">팩스</span>
+                                            <span class="price">
+                                                58
+                                            </span>원
+                                        </li>
+                                    </ul>
+                                    <div class="event_wrap">
+                                        <p class="event_text">※ 이벤트 단가 적용기간 : 2022-05-13 ~ 2022-07-12(<span>29</span>일 남음)</p>
+                                    </div>
+                                </div>
+                            </div>
+
                             <!-- <span>나의 요금제  :  단문&nbsp;<span>8.2</span>원/ 장문&nbsp;<span>24.6</span>원 / 그림&nbsp;<span>57.3</span>원(VAT 별도)</span> -->
                         </div>
-                        <div class="my_dashboard_cont2">
-                            <div>
-                                <p class="dashboard_title">이달의 발송 메시지 통계</p>
-                                <div class="dashboard_info">
-                                    <div>
-                                        <p>단문(SMS)</p>
-                                        <P><span>10,000</span> 건</P>
-                                    </div>
-                                    <div>
-                                        <p>장문(LMS)</p>
-                                        <P><span>80,000</span> 건</P>
-                                    </div>
-                                    <div>
-                                        <p>그림(MMS)</p>
-                                        <P><span>10,829</span> 건</P>
-                                    </div>
-                                </div>
-                                <div class="cont2_2 cont2_com">
-                                    <p>총 발송건수</p>
-                                    <p><span>100,829</span> 건</p>
-                                </div>
-                                <div class="cont2_3 cont2_com">
-                                    <p>총 사용금액</p>
-                                    <p><span>11,100,829</span> 건</p>
-                                </div>
-                                <div class="cont2_4">
-                                    <p>메세지 성공 : <span class="c_002c9a fwBold">0</span>건 성공   /   메시지 실패 : <span class="c_e40000 fwBold">0</span>건 실패</p>
-                                </div>
-                                <button type="button"><img src="/publish/images/content/mypage_plus.png" alt="더보기"></button>
+                        <div class="my_dashboard_cont3">
+                            <p class="dashboard_title">이용내역</p>
+                            <p class="reqTxt2">(단위 : 건, 원)</p>
+                            <div class="table_wrap">
+                                <table>
+                                    <caption>구분, 충전금액, 사용금액, 잔액 등 정보를 제공하는 표</caption>
+                                    <colgroup>
+                                        <col style="width: 115px;">
+                                        <col style="width: calc((100% - 115px)/3);">
+                                        <col style="width: calc((100% - 115px)/3);">
+                                        <col style="width: calc((100% - 115px)/3);">
+                                    </colgroup>
+                                    <thead>
+                                        <tr>
+                                            <th scope="col">구분</th>
+                                            <th scope="col">충전금액</th>
+                                            <th scope="col">사용금액</th>
+                                            <th scope="col">잔액</th>
+                                        </tr>
+                                    </thead>
+                                    <tbody>
+                                        <tr>
+                                            <td>캐시</td>
+                                            <td>100,000,000,000</td>
+                                            <td>100,000,000,000</td>
+                                            <td>100,000,000,000</td>
+                                        </tr>
+                                        <tr>
+                                            <td>포인트</td>
+                                            <td>100,000,000,000</td>
+                                            <td>100,000,000,000</td>
+                                            <td>100,000,000,000</td>
+                                        </tr>
+                                    </tbody>
+                                </table>
+                            </div><button type="button"><img src="/publish/images/content/mypage_plus.png" alt="더보기"></button>
+                            <div class="table_wrap">
+                                <table>
+                                    <caption>구분, 문자, 알림톡, 친구톡, 팩스, 계 등 정보를 제공하는 표</caption>
+                                    <colgroup>
+                                        <col style="width: 150px;">
+                                        <col style="width: calc((100% - 150px)/5);">
+                                        <col style="width: calc((100% - 150px)/5);">
+                                        <col style="width: calc((100% - 150px)/5);">
+                                        <col style="width: calc((100% - 150px)/5);">
+                                        <col style="width: calc((100% - 150px)/5);">
+                                    </colgroup>
+                                    <thead>
+                                        <tr>
+                                            <th scope="col">구분</th>
+                                            <th scope="col">문자</th>
+                                            <th scope="col">알림톡</th>
+                                            <th scope="col">친구톡</th>
+                                            <th scope="col">팩스</th>
+                                            <th scope="col">계</th>
+                                        </tr>
+                                    </thead>
+                                    <tbody>
+                                        <tr>
+                                            <td>발송건(매)수</td>
+                                            <td>100,000,000,000</td>
+                                            <td>100,000,000,000</td>
+                                            <td>100,000,000,000</td>
+                                            <td>100,000,000,000</td>
+                                            <td>100,000,000,000</td>
+                                        </tr>
+                                        <tr>
+                                            <td>사용금액</td>
+                                            <td>100,000,000,000</td>
+                                            <td>100,000,000,000</td>
+                                            <td>100,000,000,000</td>
+                                            <td>100,000,000,000</td>
+                                            <td>100,000,000,000</td>
+                                        </tr>
+                                        <tr>
+                                            <td>예약건(매)수</td>
+                                            <td>100,000,000,000</td>
+                                            <td>100,000,000,000</td>
+                                            <td>100,000,000,000</td>
+                                            <td>100,000,000,000</td>
+                                            <td>100,000,000,000</td>
+                                        </tr>
+                                        <tr>
+                                            <td>사용금액</td>
+                                            <td>100,000,000,000</td>
+                                            <td>100,000,000,000</td>
+                                            <td>100,000,000,000</td>
+                                            <td>100,000,000,000</td>
+                                            <td>100,000,000,000</td>
+                                        </tr>
+                                    </tbody>
+                                </table>
                             </div>
-                            <div>
-                                <p class="dashboard_title">잔액정보</p>
-                                <div class="dashboard_info">
-                                    <div>
-                                        <p>충전금</p>
-                                        <p><span>100,009</span> 원</p>
-                                    </div>
-                                    <div>
-                                        <p>포인트</p>
-                                        <p><span>100,000</span> P</p>
+                        </div>
+                        <p class="tType1_title"><img src="/publish/images/content/icon_details_breakdown.png" alt="알림톡 아이콘 이미지">세부내역
+                        </p>
+                        <form action=""><!-- 레이아웃 맞추려고 form 추가 -->
+                            <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">당월</button>
+                                        <button type="button" class="btnType6">조회</button>
+                                        <span class="reqTxt4"><span class="vMiddle">*</span>조회기간의 사용내역만 보여집니다.</span>
                                     </div>
+                                    <div></div>
                                 </div>
-                                <div class="table_wrap">
-                                    <table>
-                                        <caption>충전일자, 충전금, 포인트, 결제방식 정보를 제공하는 표</caption>
-                                        <colgroup>
-                                            <col style="width: 20%;">
-                                            <col style="width: 20%;">
-                                            <col style="width: 20%;">
-                                            <col style="width: auto;">
-                                        </colgroup>
-                                        <thead>
-                                            <tr>
-                                                <th scope="col">충전일자</th>
-                                                <th scope="col">충전금</th>
-                                                <th scope="col">포인트</th>
-                                                <th scope="col">결제방식</th>
-                                            </tr>
-                                        </thead>
-                                        <tbody>
-                                            <tr>
-                                                <td>2021-05-04</td>
-                                                <td><span class="event_status02">E</span> 10,000원</td>
-                                                <td>100P</td>
-                                                <td>신용카드</td>
-                                            </tr>
-                                            <tr>
-                                                <td>2021-05-04</td>
-                                                <td>10,000원</td>
-                                                <td>100P</td>
-                                                <td>무통장</td>
-                                            </tr>
-                                            <tr>
-                                                <td>2021-05-04</td>
-                                                <td>10,000원</td>
-                                                <td>100P</td>
-                                                <td>-</td>
-                                            </tr>
-                                        </tbody>
-                                    </table>
-                                </div>
-                                <button type="button"><img src="/publish/images/content/mypage_plus.png" alt="더보기"></button>
                             </div>
+                        </form>
+                        <div class="list_tab_wrap2 type2">
+                            <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>
+                                <li class="tab"><button type="button" onclick="listTab2(this,'3');">장문</button></li>
+                                <li class="tab"><button type="button" onclick="listTab2(this,'4');">그림</button></li>
+                                <li class="tab"><button type="button" onclick="listTab2(this,'5');">선거</button></li>
+                                <li class="tab"><button type="button" onclick="listTab2(this,'5');">알림톡</button></li>
+                                <li class="tab"><button type="button" onclick="listTab2(this,'5');">친구톡</button></li>
+                                <li class="tab"><button type="button" onclick="listTab2(this,'5');">팩스</button></li>
+                            </ul>
+                        </div>
+                        <div class="price_history_cont" id="listTab2_5">
+                            <div class="list_info">
+                                <p>총 <span>10</span>건</p>
+                                <div><button type="button" class="print_btn"><i class="print_img"></i>인쇄하기</button><button type="button" class="pdf_btn"><i class="pdf_img"></i>PDF저장</button><button type="button" class="excel_btn"><i class="downroad"></i>엑셀 다운로드</button></div>
+                            </div>
+                            <div class="tb_wrap">
+                                <table class="tType4">
+                                    <colgroup>
+                                        <col style="width: 40px;">
+                                        <col style="width: 10%;">
+                                        <col style="width: 15%;">
+                                        <col style="width: 35%;">
+                                        <col style="width: 10%;">
+                                        <col style="width: 10%;">
+                                        <col style="width: 10%;">
+                                        <col style="width: 10%;">
+                                        <col style="width: 10%;">
+                                        <col style="width: 10%;">
+                                    </colgroup>
+                                    <thead>
+                                        <tr>
+                                            <th rowspan="2"><label for="" class="label">전체 선택</label><input type="checkbox"></th>
+                                            <th rowspan="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 rowspan="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 rowspan="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 colspan="2">충전</th>
+                                            <th colspan="2">사용</th>
+                                            <th colspan="2">잔액</th>
+                                        </tr>
+                                        <tr>
+                                            <th>충전금</th>
+                                            <th>포인트</th>
+                                            <th>충전금</th>
+                                            <th>포인트</th>
+                                            <th>충전금</th>
+                                            <th>포인트</th>
+                                        </tr>
+                                    </thead>
+                                    <tbody>
+                                        <tr>
+                                            <td><label for="" class="label">선택</label><input type="checkbox"></td>
+                                            <td>
+                                                <p>2021-06-10</p>
+                                            </td>
+                                            <td>
+                                                <p>알림톡 텍스트</p>
+                                            </td>
+                                            <td class="tb_tit">
+                                                <p>(광고) 하이~ 무료 거부 0801000008 대리운전</p>
+                                                <div class="history_hover">
+                                                    <div class="allimtalk_title"><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>
+                                                        <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>
+                                            </td>
+                                            <td>
+                                                <p>0</p>
+                                            </td>
+                                            <td>
+                                                <p>0</p>
+                                            </td>
+                                            <td>
+                                                <p class="fwRg c_002c9a">0</p>
+                                            </td>
+                                            <td>
+                                                <p class="fwRg c_002c9a">50</p>
+                                            </td>
+                                            <td>
+                                                <p class="fwRg c_222">0</p>
+                                            </td>
+                                            <td>
+                                                <p class="fwRg c_222">350</p>
+                                            </td>
+                                        </tr>
+                                        <tr>
+                                            <td><label for="" class="label">선택</label><input type="checkbox"></td>
+                                            <td>
+                                                <p>2021-06-10</p>
+                                            </td>
+                                            <td>
+                                                <p>알림톡</p>
+                                            </td>
+                                            <td class="tb_tit">
+                                                <p>(광고) 하이~ 무료 거부 0801000008 대리운전</p>
+                                                <div class="history_hover">
+                                                    <ul>
+                                                        <li><img src="/publish/images/content/history_img1.jpg" alt="보낸 이미지1"></li>
+                                                    </ul>
+                                                    <p>(광고) 하이~ 무료 거부 08010000008 빨리빨리대리전★☎ 1588-8282 시원한 맥주한잔 후엔 10% 적립! 불러주시면 빨리 달려갑니다! (광고) 하이~
+                                                        무료 거부 08010000008 빨리빨리대리전★☎ 1588-8282 시원한 맥주한잔 후엔 10% 적립! 불러주시면 빨리 달려갑니다!</p>
+                                                </div>
+                                            </td>
+                                            <td>
+                                                <p>0</p>
+                                            </td>
+                                            <td>
+                                                <p>0</p>
+                                            </td>
+                                            <td>
+                                                <p class="fwRg c_002c9a">0</p>
+                                            </td>
+                                            <td>
+                                                <p class="fwRg c_002c9a">50</p>
+                                            </td>
+                                            <td>
+                                                <p class="fwRg c_222">0</p>
+                                            </td>
+                                            <td>
+                                                <p class="fwRg c_222">350</p>
+                                            </td>
+                                        </tr>
+                                        <tr>
+                                            <td><label for="" class="label">선택</label><input type="checkbox"></td>
+                                            <td>
+                                                <p>2021-06-10</p>
+                                            </td>
+                                            <td>
+                                                <p>친구톡</p>
+                                            </td>
+                                            <td class="tb_tit">
+                                                <p>(광고) 하이~ 무료 거부 0801000008 대리운전</p>
+                                                <div class="history_hover">
+                                                    <ul>
+                                                        <li><img src="/publish/images/content/history_img1.jpg" alt="보낸 이미지1"></li>
+                                                    </ul>
+                                                    <p>(광고) 하이~ 무료 거부 08010000008 빨리빨리대리전★☎ 1588-8282 시원한 맥주한잔 후엔 10% 적립! 불러주시면 빨리 달려갑니다! (광고) 하이~
+                                                        무료 거부 08010000008 빨리빨리대리전★☎ 1588-8282 시원한 맥주한잔 후엔 10% 적립! 불러주시면 빨리 달려갑니다!</p>
+                                                </div>
+                                            </td>
+                                            <td>
+                                                <p>0</p>
+                                            </td>
+                                            <td>
+                                                <p>0</p>
+                                            </td>
+                                            <td>
+                                                <p class="fwRg c_002c9a">0</p>
+                                            </td>
+                                            <td>
+                                                <p class="fwRg c_002c9a">50</p>
+                                            </td>
+                                            <td>
+                                                <p class="fwRg c_222">0</p>
+                                            </td>
+                                            <td>
+                                                <p class="fwRg c_222">350</p>
+                                            </td>
+                                        </tr>
+                                        <tr>
+                                            <td><label for="" class="label">선택</label><input type="checkbox"></td>
+                                            <td>
+                                                <p>2021-06-10</p>
+                                            </td>
+                                            <td>
+                                                <p>광고</p>
+                                            </td>
+                                            <td class="tb_tit">
+                                                <p>(광고) 하이~ 무료 거부 0801000008 대리운전</p>
+                                                <div class="history_hover">
+                                                    <ul>
+                                                        <li><img src="/publish/images/content/history_img1.jpg" alt="보낸 이미지1"></li>
+                                                    </ul>
+                                                    <p>(광고) 하이~ 무료 거부 08010000008 빨리빨리대리전★☎ 1588-8282 시원한 맥주한잔 후엔 10% 적립! 불러주시면 빨리 달려갑니다! (광고) 하이~
+                                                        무료 거부 08010000008 빨리빨리대리전★☎ 1588-8282 시원한 맥주한잔 후엔 10% 적립! 불러주시면 빨리 달려갑니다!</p>
+                                                </div>
+                                            </td>
+                                            <td>
+                                                <p>0</p>
+                                            </td>
+                                            <td>
+                                                <p>0</p>
+                                            </td>
+                                            <td>
+                                                <p class="fwRg c_002c9a">0</p>
+                                            </td>
+                                            <td>
+                                                <p class="fwRg c_002c9a">50</p>
+                                            </td>
+                                            <td>
+                                                <p class="fwRg c_222">0</p>
+                                            </td>
+                                            <td>
+                                                <p class="fwRg c_222">350</p>
+                                            </td>
+                                        </tr>
+                                        <tr>
+                                            <td><label for="" class="label">선택</label><input type="checkbox"></td>
+                                            <td>
+                                                <p>2021-06-10</p>
+                                            </td>
+                                            <td>
+                                                <p>선거</p>
+                                            </td>
+                                            <td class="tb_tit">
+                                                <p>(광고) 하이~ 무료 거부 0801000008 대리운전</p>
+                                                <div class="history_hover">
+                                                    <ul>
+                                                        <li><img src="/publish/images/content/history_img1.jpg" alt="보낸 이미지1"></li>
+                                                        <li><img src="/publish/images/content/history_img2.jpg" alt="보낸 이미지2"></li>
+                                                        <li><img src="/publish/images/content/history_img3.jpg" alt="보낸 이미지3"></li>
+                                                    </ul>
+                                                    <p>(광고) 하이~ 무료 거부 08010000008 빨리빨리대리전★☎ 1588-8282 시원한 맥주한잔 후엔 10% 적립! 불러주시면 빨리 달려갑니다! (광고) 하이~
+                                                        무료 거부 08010000008 빨리빨리대리전★☎ 1588-8282 시원한 맥주한잔 후엔 10% 적립! 불러주시면 빨리 달려갑니다!</p>
+                                                </div>
+                                            </td>
+                                            <td>
+                                                <p>0</p>
+                                            </td>
+                                            <td>
+                                                <p>0</p>
+                                            </td>
+                                            <td>
+                                                <p class="fwRg c_002c9a">0</p>
+                                            </td>
+                                            <td>
+                                                <p class="fwRg c_002c9a">50</p>
+                                            </td>
+                                            <td>
+                                                <p class="fwRg c_222">0</p>
+                                            </td>
+                                            <td>
+                                                <p class="fwRg c_222">350</p>
+                                            </td>
+                                        </tr>
+                                        <tr>
+                                            <td><label for="" class="label">선택</label><input type="checkbox"></td>
+                                            <td>
+                                                <p>2021-06-10</p>
+                                            </td>
+                                            <td>
+                                                <p>일반</p>
+                                            </td>
+                                            <td class="tb_tit">
+                                                <p>(광고) 하이~ 무료 거부 0801000008 대리운전</p>
+                                                <div class="history_hover">
+                                                    <p>(광고) 하이~ 무료 거부 08010000008 빨리빨리대리전★☎ 1588-8282 시원한 맥주한잔 후엔 10% 적립! 불러주시면 빨리 달려갑니다! (광고) 하이~
+                                                        무료 거부 08010000008 빨리빨리대리전★☎ 1588-8282 시원한 맥주한잔 후엔 10% 적립! 불러주시면 빨리 달려갑니다!</p>
+                                                </div>
+                                            </td>
+                                            <td>
+                                                <p>0</p>
+                                            </td>
+                                            <td>
+                                                <p>0</p>
+                                            </td>
+                                            <td>
+                                                <p class="fwRg c_002c9a">0</p>
+                                            </td>
+                                            <td>
+                                                <p class="fwRg c_002c9a">50</p>
+                                            </td>
+                                            <td>
+                                                <p class="fwRg c_222">0</p>
+                                            </td>
+                                            <td>
+                                                <p class="fwRg c_222">350</p>
+                                            </td>
+                                        </tr>
+                                        <tr>
+                                            <td><label for="" class="label">선택</label><input type="checkbox"></td>
+                                            <td>
+                                                <p>2021-06-10</p>
+                                            </td>
+                                            <td>
+                                                <p>가입축하포인트</p>
+                                            </td>
+                                            <td class="tb_tit">
+                                                <p>문자포인트 적립</p>
+                                            </td>
+                                            <td>
+                                                <p>0</p>
+                                            </td>
+                                            <td>
+                                                <p>500</p>
+                                            </td>
+                                            <td>
+                                                <p class="fwRg c_002c9a">0</p>
+                                            </td>
+                                            <td>
+                                                <p class="fwRg c_002c9a">500</p>
+                                            </td>
+                                            <td>
+                                                <p class="fwRg c_222">0</p>
+                                            </td>
+                                            <td>
+                                                <p class="fwRg c_222">500</p>
+                                            </td>
+                                        </tr>
+                                    </tbody>
+                                </table>
+                            </div>
+                            <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>
+                        </div>
+                        <div class="my_dashboard_cont3 number_set">
                             <div>
                                 <p class="dashboard_title">대표 발신번호 관리</p>
-                                <div>
-                                    <p style="font-weight: 300;">· 등록된 번호 수  <span class="c_002c9a fwMd">2</span>/10개</p>
+                                <div style="margin:0 0 10px;">
+                                    <p style="font-weight: 300;">· 등록된 번호 수 <span class="c_002c9a fwMd">1</span>/10개</p>
                                 </div>
                                 <div class="table_wrap">
                                     <table>
@@ -313,55 +583,20 @@
                                         </thead>
                                         <tbody>
                                             <tr>
-                                                <td>2021-05-04</td>
-                                                <td>010-1234-5678</td>
-                                                <td><p class="font_ellipsis">홍길동</p></td>
-                                                <td>사용중</td>
-                                            </tr>
-                                            <tr>
-                                                <td>2021-05-04</td>
-                                                <td>010-1234-5678</td>
-                                                <td><p class="font_ellipsis">홍길동</p></td>
-                                                <td>반려</td>
-                                            </tr>
-                                            <tr>
-                                                <td>2021-05-04</td>
-                                                <td>010-1234-5678</td>
-                                                <td><p class="font_ellipsis">홍길동</p></td>
-                                                <td>사용중</td>
+                                                <td>2022-05-20 17:05</td>
+                                                <td>010-5705-8729</td>
+                                                <td>
+                                                    <p class="font_ellipsis">정수빈 </p>
+                                                </td>
+                                                <td><span class="c_002c9a">인증완료</span></td>
                                             </tr>
                                         </tbody>
                                     </table>
-                                </div>
-                                <button type="button"><img src="/publish/images/content/mypage_plus.png" alt="더보기"></button>
-                            </div>
-                            <div>
-                                <p class="dashboard_title">알림설정</p>
-                                <div class="cont2_5">
-                                    <div>
-                                        <p>발신결과 알림<span>문자 발송 결과를 이메일 또는 문자메시지로 수신</span></p>
-                                        <div class="tab_depth1">
-                                            <a href="#none" class="on">ON</a>
-                                            <a href="#none" style="display: none;"></a>
-                                            <a href="#none">OFF</a>
-                                            <div class="on_active">ON</div>
-                                        </div>
-                                    </div>
-                                    <div>
-                                        <p>공지사항 알림<span>문자온 공지사항, 이벤트 등 안내문자 수신</span></p>
-                                        <div class="tab_depth1">
-                                            <a href="#none">ON</a>
-                                            <a href="#none" style="display: none;"></a>
-                                            <a href="#none" class="on">OFF</a>
-                                            <div class="on_active">OFF</div>
-                                        </div>
-                                    </div>
-                                </div>
-                                <button type="button"><img src="/publish/images/content/mypage_plus.png" alt="더보기"></button>
+                                </div><button type="button" onclick="location.href='/web/user/sendNumberManage.do';"><img src="/publish/images/content/mypage_plus.png" alt="더보기"></button>
                             </div>
                         </div>
                         <div class="my_dashboard_cont3">
-                            <p class="dashboard_title">최근 발송내역</p>
+                            <p class="dashboard_title">최근 발송내역 - 문자</p>
                             <div class="table_wrap">
                                 <table>
                                     <caption>등록일자, 발신번호, 발신번호 명, 상태 정보를 제공하는 표</caption>
@@ -371,6 +606,75 @@
                                         <col style="width: auto;">
                                         <col style="width: 10%;">
                                         <col style="width: 10%;">
+                                        <col style="width: 15%;">
+                                    </colgroup>
+                                    <thead>
+                                        <tr>
+                                            <th scope="col">메시지 형태</th>
+                                            <th scope="col">발송일시</th>
+                                            <th scope="col">내용</th>
+                                            <th scope="col">발송건수</th>
+                                            <th scope="col">결과</th>
+                                            <th scope="col">발신번호</th>
+                                        </tr>
+                                    </thead>
+                                    <tbody>
+                                        <tr>
+                                            <td>단문</td>
+                                            <td>2021-05-04 18:00:09</td>
+                                            <td class="font_ellipsis">
+                                                <p>아름다운 봄이 가득한 5월입니다.</p>
+                                            </td>
+                                            <td class="font_ellipsis">
+                                                <p>1,000</p>
+                                            </td>
+                                            <td class="font_ellipsis">
+                                                <p class="c_002c9a fwMd">성공</p>
+                                            </td>
+                                            <td>010-1234-5678</td>
+                                        </tr>
+                                        <tr>
+                                            <td>장문</td>
+                                            <td>2021-05-04 18:00:09</td>
+                                            <td class="font_ellipsis">
+                                                <p>아름다운 봄이 가득한 5월입니다. 아름다운 봄이 가득한 5월입니다.</p>
+                                            </td>
+                                            <td class="font_ellipsis">
+                                                <p>1,000</p>
+                                            </td>
+                                            <td class="font_ellipsis">
+                                                <p class="c_002c9a fwMd">성공</p>
+                                            </td>
+                                            <td>010-1234-5678</td>
+                                        </tr>
+                                        <tr>
+                                            <td>단문</td>
+                                            <td>2021-05-04 18:00:09</td>
+                                            <td class="font_ellipsis">
+                                                <p>아름다운 봄이 가득한 5월입니다.</p>
+                                            </td>
+                                            <td class="font_ellipsis">
+                                                <p>1,000</p>
+                                            </td>
+                                            <td class="font_ellipsis">
+                                                <p class="font_ellipsis c_e40000 fwMd">실패</p>
+                                            </td>
+                                            <td>010-1234-5678</td>
+                                        </tr>
+                                    </tbody>
+                                </table>
+                            </div><button type="button"><img src="/publish/images/content/mypage_plus.png" alt="더보기"></button>
+                        </div>
+                        <div class="my_dashboard_cont3">
+                            <p class="dashboard_title">최근 발송내역 - 알림톡</p>
+                            <div class="table_wrap">
+                                <table>
+                                    <caption>등록일자, 발신번호, 발신번호 명, 상태 정보를 제공하는 표</caption>
+                                    <colgroup>
+                                        <col style="width: 10%;">
+                                        <col style="width: 15%;">
+                                        <col style="width: auto;">
+                                        <col style="width: 10%;">
                                         <col style="width: 10%;">
                                         <col style="width: 15%;">
                                     </colgroup>
@@ -378,85 +682,143 @@
                                         <tr>
                                             <th scope="col">메시지 형태</th>
                                             <th scope="col">발송일시</th>
-                                            <th scope="col">제목</th>
+                                            <th scope="col">내용</th>
                                             <th scope="col">발송건수</th>
-                                            <th scope="col">성공</th>
-                                            <th scope="col">실패</th>
-                                            <th scope="col">발신번호</th>
+                                            <th scope="col">결과</th>
+                                            <th scope="col">대체문자 건수</th>
                                         </tr>
                                     </thead>
                                     <tbody>
                                         <tr>
                                             <td>단문</td>
-                                            <td>2021-05-04   18:00:09</td>
-                                            <td class="font_ellipsis"><p>아름다운 봄이 가득한 5월입니다.</p></td>
-                                            <td class="font_ellipsis"><p>1,000</p></td>
-                                            <td class="font_ellipsis"><p class= "c_002c9a fwMd">1,000</p></td>
-                                            <td class="font_ellipsis"><p class="c_e40000 fwMd">0</p></td>
-                                            <td>010-1234-5678</td>
+                                            <td>2021-05-04 18:00:09</td>
+                                            <td class="font_ellipsis">
+                                                <p>아름다운 봄이 가득한 5월입니다.</p><button class="btnType btnType20">상세보기</button>
+                                            </td>
+                                            <td class="font_ellipsis">
+                                                <p>1,000</p>
+                                            </td>
+                                            <td class="font_ellipsis">
+                                                <p class="c_002c9a fwMd">성공</p>
+                                            </td>
+                                            <td>0</td>
                                         </tr>
                                         <tr>
                                             <td>장문</td>
-                                            <td>2021-05-04   18:00:09</td>
-                                            <td class="font_ellipsis"><p>아름다운 봄이 가득한 5월입니다. 아름다운 봄이 가득한 5월입니다.</p></td>
-                                            <td class="font_ellipsis"><p>1,000</p></td>
-                                            <td class="font_ellipsis"><p class="c_002c9a fwMd">1,000</p></td>
-                                            <td class="font_ellipsis"><p class="c_e40000 fwMd">0</p></td>
-                                            <td>010-1234-5678</td>
+                                            <td>2021-05-04 18:00:09</td>
+                                            <td class="font_ellipsis">
+                                                <p>아름다운 봄이 가득한 5월입니다. 아름다운 봄이 가득한 5월입니다.</p>
+                                            </td>
+                                            <td class="font_ellipsis">
+                                                <p>1,000</p>
+                                            </td>
+                                            <td class="font_ellipsis">
+                                                <p class="c_002c9a fwMd">성공</p>
+                                            </td>
+                                            <td>0</td>
                                         </tr>
                                         <tr>
                                             <td>단문</td>
-                                            <td>2021-05-04   18:00:09</td>
-                                            <td class="font_ellipsis"><p>아름다운 봄이 가득한 5월입니다.</p></td>
-                                            <td class="font_ellipsis"><p>1,000</p></td>
-                                            <td class="font_ellipsis"><p class="font_ellipsis c_002c9a fwMd">1,000</p></td>
-                                            <td class="font_ellipsis"><p class="c_e40000 fwMd">0</p></td>
-                                            <td>010-1234-5678</td>
+                                            <td>2021-05-04 18:00:09</td>
+                                            <td class="font_ellipsis">
+                                                <p>아름다운 봄이 가득한 5월입니다.</p>
+                                            </td>
+                                            <td class="font_ellipsis">
+                                                <p>1,000</p>
+                                            </td>
+                                            <td class="font_ellipsis">
+                                                <p class="font_ellipsis c_e40000 fwMd">실패</p>
+                                            </td>
+                                            <td>1</td>
                                         </tr>
                                     </tbody>
                                 </table>
-                            </div>
-                            <button type="button"><img src="/publish/images/content/mypage_plus.png" alt="더보기"></button>
-                        </div>
-                    </div>
-                   
-				</div><!--// 마이페이지 - 대시보드 -->
-				
-            </div><!--// send top -->
-        </div>
-    </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><button type="button"><img src="/publish/images/content/mypage_plus.png" alt="더보기"></button>
+                        </div>
+                        <div class="my_dashboard_cont3">
+                            <p class="dashboard_title">최근 발송내역 - 팩스</p>
+                            <div class="table_wrap">
+                                <table>
+                                    <caption>등록일자, 발신번호, 발신번호 명, 상태 정보를 제공하는 표</caption>
+                                    <colgroup>
+                                        <col style="width: 10%;">
+                                        <col style="width: 15%;">
+                                        <col style="width: auto;">
+                                        <col style="width: 10%;">
+                                        <col style="width: 10%;">
+                                        <col style="width: 15%;">
+                                    </colgroup>
+                                    <thead>
+                                        <tr>
+                                            <th scope="col">메시지 형태</th>
+                                            <th scope="col">발송일시</th>
+                                            <th scope="col">내용</th>
+                                            <th scope="col">발송건수</th>
+                                            <th scope="col">발송매수</th>
+                                            <th scope="col">결과</th>
+                                        </tr>
+                                    </thead>
+                                    <tbody>
+                                        <tr>
+                                            <td>단문</td>
+                                            <td>2021-05-04 18:00:09</td>
+                                            <td class="font_ellipsis">
+                                                <p>아름다운 봄이 가득한 5월입니다.</p>
+                                            </td>
+                                            <td class="font_ellipsis">
+                                                <p>1,000</p>
+                                            </td>
+                                            <td>0</td>
+                                            <td class="font_ellipsis">
+                                                <p class="c_002c9a fwMd">성공</p>
+                                            </td>
+                                        </tr>
+                                        <tr>
+                                            <td>장문</td>
+                                            <td>2021-05-04 18:00:09</td>
+                                            <td class="font_ellipsis">
+                                                <p>아름다운 봄이 가득한 5월입니다. 아름다운 봄이 가득한 5월입니다.</p>
+                                            </td>
+                                            <td class="font_ellipsis">
+                                                <p>1,000</p>
+                                            </td>
+                                            <td>0</td>
+                                            <td class="font_ellipsis">
+                                                <p class="c_002c9a fwMd">성공</p>
+                                            </td>
+                                        </tr>
+                                        <tr>
+                                            <td>단문</td>
+                                            <td>2021-05-04 18:00:09</td>
+                                            <td class="font_ellipsis">
+                                                <p>아름다운 봄이 가득한 5월입니다.</p>
+                                            </td>
+                                            <td class="font_ellipsis">
+                                                <p>1,000</p>
+                                            </td>
+                                            <td>0</td>
+                                            <td class="font_ellipsis">
+                                                <p class="font_ellipsis c_e40000 fwMd">실패</p>
+                                            </td>
+                                        </tr>
+                                    </tbody>
+                                </table>
+                            </div><button type="button"><img src="/publish/images/content/mypage_plus.png" alt="더보기"></button>
                         </div>
                     </div>
+
                 </div>
+                <!--// 마이페이지 - 대시보드 -->
+
             </div>
+            <!--// send top -->
         </div>
-    </footer><!--// footer 영역 -->
-</body></html>
+    </div>
+    <!--// content 영역 -->
+    <!-- footer 영역 -->
+    <!-- footer -->
+    <div data-include-path="/publish/layout/_footer.html"></div>
+    <!--// footer 영역 -->
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/main/webapp/publish/mypage_security_login.html b/src/main/webapp/publish/mypage_security_login.html
new file mode 100644
index 00000000..f5633d15
--- /dev/null
+++ b/src/main/webapp/publish/mypage_security_login.html
@@ -0,0 +1,311 @@
+<!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/popupLayer.js"></script>
+
+  <script>
+    $(function () {
+      // on/off 시 confirm 창 노출
+      $(".security_tab").click(function () {
+        if ($(this).find("a.on").text().trim() == "ON") {
+          if (!confirm("보안로그인 설정 후 로그인 시, 등록한 휴대폰번호로 추가 인증이 진행됩니다")) {
+            $(this).find("a.on").siblings("a").removeClass("on");
+
+          } else {
+            $(this).find("a.on").removeClass("on").siblings("a").addClass("on");
+            $(this).removeClass("on").addClass("off");
+          }
+        } else if ($(this).find("a.on").text().trim() == "OFF") {
+          if (!confirm("가입자 휴대폰번호로 본인인증 후 해제가 가능하며, 보안로그인 설정을 해제함으로써 발생하는 손해에 대하여 회사는 책임지지 않습니다.")) {
+            $(this).find("a.on").siblings("a").removeClass("on");
+          } else {
+            $(this).find("a.on").removeClass("on").siblings("a").addClass("on");
+            $(this).removeClass("off").addClass("on");
+          }
+        }
+      });
+    })
+  </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="TabType5(this,'6');">알림설정</button></li>
+          <li class="tab"><button type="button" onclick="location.href='/publish/mypage7.html'">회원탈퇴</button></li>
+          <li class="tab active"><button type="button" onclick="location.href='/publish/mypage_security_login.html'">보안로그인</button></li>
+        </ul>
+        <!--// tab button -->
+
+        <!-- 보안로그인 -->
+        <div class="mypage_content current" id="tab5_7">
+          <div class="heading">
+            <h2>보안로그인</h2>
+          </div>
+          <div class="my_dashboard">
+
+            <!-- 보안로그인 -->
+            <div class="security_login">
+
+              <ul class="explanation_wrap box info">
+                <li>· 사이트 부정로그인으로 인한 피해를 방지할 수 있는 2차 로그인 인증 서비스입니다. </li>
+                <li>· 인증 휴대폰번호 추가 등록 또는 IP 접속 허용을 통해 편리한 사용이 가능합니다.</li>
+                <li>· 보안로그인 기능을 사용할 경우 로그인 시 등록한 휴대폰번호로 추가 인증이 진행됩니다.</li>
+              </ul>
+
+              <div class="security_set box">
+                <div class="title_wrap">
+                  <p class="dashboard_title">보안로그인</p>
+                  <div class="title_box ip_add_wrap">
+                    <span>현재 접속중인 IP : <b>119.193.215.98 </b></span>
+                    <input type="hidden" id="cennectIp" value="119.193.215.98">
+
+                    <button type="button" class="btnType btnType6 btn_allow_ip_add">허용 IP 등록</button>
+
+                  </div>
+                </div>
+
+                <div class="set_area">
+                  <input type="hidden" id="secuLoginFlag" value="">
+                  <div class="tab_depth1 security_tab on">
+                    <a href="#none" id="secuOnBtn" class="on">ON</a>
+                    <a href="#none" id="secuOffBtn">OFF</a>
+                  </div>
+                </div>
+              </div>
+
+              <!-- 인증 휴대폰번호 관리 -->
+              <div class="title_area">
+                <p class="dashboard_title">인증 휴대폰번호 관리</p>
+                <p class="qmMark">?</p>
+                <div class="hover_cont" style="width:330px;left:240px;top:25px;">
+                  <p>인증에 사용할 휴대폰번호를 추가로 등록하여 관리할 수 있습니다. <br>
+                    (등록 시 휴대폰 인증 필요)</p>
+                </div>
+                <button type="button" id="phonePlus" class="btn_plus"><img src="/publish/images/content/mypage_plus.png" alt="더보기"></button>
+                <input type="hidden" data-tooltip="popup05" id="phonePlusPopupOpen">
+              </div>
+
+              <div class="table_wrap" id="phoneTable">
+                <table>
+                  <colgroup>
+                    <col style="width: 140px;">
+                    <col style="width: auto;">
+                    <col style="width: auto;">
+                    <col style="width: 160px;">
+                    <col style="width: 140px;">
+                  </colgroup>
+                  <thead>
+                    <tr>
+                      <th scope="col">휴대폰번호</th>
+                      <th scope="col">별칭</th>
+                      <th scope="col">메모</th>
+                      <th scope="col">등록일시</th>
+                      <th scope="col">관리</th>
+                    </tr>
+                  </thead>
+                  <tbody>
+                    <tr>
+                      <td>01057058729</td>
+                      <td>대표번호</td>
+                      <td>-</td>
+                      <td>-</td>
+                      <td>-</td>
+                    </tr>
+                  </tbody>
+                </table>
+              </div>
+              <!-- //인증 휴대폰번호 관리 -->
+
+              <!-- 접속 IP관리 -->
+              <div class="title_area">
+                <p class="dashboard_title">접속 IP 관리</p>
+                <p class="qmMark">?</p>
+                <div class="hover_cont" style="width:380px;left:160px;top:25px;">
+                  <p>접속 IP를 미리 등록할 경우 2차 로그인 인증 없이 접속이 가능합니다. <br>
+                    <span>(공용 PC는 보안상의 이유로 등록을 권장하지 않습니다.)</span></p>
+                </div>
+                <button type="button" class="btn_plus btn_ip_plus"><img src="/publish/images/content/mypage_plus.png" alt="더보기"></button>
+              </div>
+
+              <div class="table_wrap" id="ipTable">
+                <table>
+                  <colgroup>
+                    <col style="width: 26%;">
+                    <col style="width: auto;">
+                    <col style="width: 26%;">
+                    <col style="width: 100px;">
+                  </colgroup>
+                  <thead>
+                    <tr>
+                      <th scope="col">허용IP</th>
+                      <th scope="col">메모</th>
+                      <th scope="col">등록일시</th>
+                      <th scope="col">관리</th>
+                    </tr>
+                  </thead>
+                  <tbody>
+                    <tr>
+                      <td colspan="4" class="empty-row">등록된 IP 주소가 없습니다.</td>
+                    </tr>
+                  </tbody>
+                </table>
+              </div>
+              <!-- //접속 IP관리 -->
+
+
+              <!-- 로그인 내역 -->
+              <div class="title_area">
+                <p class="dashboard_title">로그인 내역 <span class="small_text">로그인 내역은 최대 3개월까지만 보관됩니다.</span></p>
+              </div>
+
+              <div class="table_wrap">
+                <table>
+                  <colgroup>
+                    <col style="width:calc(100% /3);">
+                    <col style="width:calc(100% /3);">
+                    <col style="width:calc(100% /3);">
+                  </colgroup>
+                  <thead>
+                    <tr>
+                      <th scope="col">로그인 일시</th>
+                      <th scope="col">로그인 IP</th>
+                      <th scope="col">로그인 환경</th>
+                    </tr>
+                  </thead>
+                  <tbody>
+
+                    <tr>
+                      <td>2025-04-02 15:59:07</td>
+                      <td>119.193.215.98</td>
+                      <td>PC</td>
+                    </tr>
+
+                    <tr>
+                      <td>2025-04-02 14:00:54</td>
+                      <td>119.193.215.98</td>
+                      <td>PC</td>
+                    </tr>
+
+                    <tr>
+                      <td>2025-04-02 09:43:06</td>
+                      <td>119.193.215.98</td>
+                      <td>PC</td>
+                    </tr>
+
+                    <tr>
+                      <td>2025-04-01 14:25:58</td>
+                      <td>119.193.215.98</td>
+                      <td>PC</td>
+                    </tr>
+
+                    <tr>
+                      <td>2025-04-01 12:36:03</td>
+                      <td>119.193.215.98</td>
+                      <td>PC</td>
+                    </tr>
+
+                    <tr>
+                      <td>2025-03-31 17:15:37</td>
+                      <td>119.193.215.98</td>
+                      <td>PC</td>
+                    </tr>
+
+                    <tr>
+                      <td>2025-03-31 16:51:08</td>
+                      <td>119.193.215.98</td>
+                      <td>PC</td>
+                    </tr>
+
+                    <tr>
+                      <td>2025-03-31 16:50:59</td>
+                      <td>119.193.215.98</td>
+                      <td>PC</td>
+                    </tr>
+
+                    <tr>
+                      <td>2025-03-31 15:06:58</td>
+                      <td>119.193.215.98</td>
+                      <td>PC</td>
+                    </tr>
+
+                    <tr>
+                      <td>2025-03-31 14:35:07</td>
+                      <td>119.193.215.98</td>
+                      <td>PC</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="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>
+
+
+            </div>
+            <!-- //보안로그인 -->
+          </div>
+        </div>
+        <!-- // 보안로그인 -->
+
+      </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
diff --git a/src/main/webapp/publish/payment1.html b/src/main/webapp/publish/payment1.html
index a60a039a..183dafa6 100644
--- a/src/main/webapp/publish/payment1.html
+++ b/src/main/webapp/publish/payment1.html
@@ -38,15 +38,15 @@
 			});
 		})
 	</script>
-	
-	
+
+
 	<!-- 달력 -->
 	<link rel="stylesheet" href="/publish/js/datepicker/classic.css">
 	<link rel="stylesheet" href="/publish/js/datepicker/classic.date.css">
 	<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>
@@ -230,14 +230,15 @@
 			<div class="send_top">
 				<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,'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>
+					<li class="tab"><button type="button" onclick="location.href='/publish/payment2.html'">결제하기</button></li>
+					<li class="tab"><button type="button" onclick="location.href='/publish/payment3.html'">요금 결제내역</button></li>
+					<li class="tab"><button type="button" onclick="location.href='/publish/payment4.html'">요금 사용내역</button></li>
+					<li class="tab"><button type="button" onclick="location.href='/publish/payment5.html'">세금계산서 발행 등록</button></li>
 				</ul>
 				<div class="serv_content charg_cont current" id="tab5_1">
 					<div class="heading">
 						<h2>요금안내/견적내기</h2>
+						<button type="button" class="button info" onclick="infoListPop('payment1','792','300');">사용안내</button>
 					</div>
 					<div class="pay_tab_wrap">
 						<ul class="tabType1">
@@ -247,7 +248,9 @@
 					</div>
 					<div class="fee_cont current" id="tab1_1">
 						<div>
-							<p class="tType1_title"><img src="/publish/images/content/icon_fee1.png" alt="문자이미지"> 문자<span class="level_first">(등급 : 화이트)</span></p>
+							<p class="tType1_title">
+								<img src="/publish/images/content/icon_fee1.png" alt="문자이미지"> 문자<span class="level_first" id="grdShowArea"></span>
+							</p>
 							<table class="tType2">
 								<caption></caption>
 								<colgroup>
@@ -259,7 +262,7 @@
 									<tr>
 										<th>구분</th>
 										<th>특징</th>
-										<th>단가</th>
+										<th>가격</th>
 									</tr>
 								</thead>
 								<tbody>
@@ -276,154 +279,171 @@
 									<tr>
 										<th>그림문자(MMS)</th>
 										<td>2,000Byte 이하 문자 및 이미지를 포함하는그림메시지(이미지 최대 3장 첨부 가능) </td>
-										<td>1장 : <span>90.0</span>원 / 2장 : <span>110.0<span>원/ 3장 : <span>130.0</span>원</td>
+										<td>1장 : <span>90.0</span>원 / 2장 : <span>110.0<span>원/ 3장 : <span>130.0</span>원</span></span></td>
 									</tr>
 								</tbody>
 							</table>
+							<span class="reqTxt4">* 텍스트 용량(Byte)에 대한 안내 : 한글2Byte, 영문·숫자 1Byte를 차지.</span>
+
 							<!--문자_등급별 요금 안내 추가 시작-->
-							<p class="tType1_title level"><img src="/publish/images/content/icon_fee1.png" alt="문자이미지"> 문자<span>(등급별 요금 안내)</span></p>
-							<table class="tType2 tType2_level">
-								<caption></caption>
-								<colgroup>
-									<col style="width: 13%;">
-									<col style="width: auto;">
-									<col style="width: 11%;">
-									<col style="width: 11%;">
-									<col style="width: 11%;">
-									<col style="width: 11%;">
-									<col style="width: 11%;">
-								</colgroup>
-								<thead>
-									<tr>
-										<th>등급</th>
-										<th class="th_second">누적결제액<span>(2023-06-28 ~ 현재)</span></th>
-										<th>단문</th>
-										<th>장문</th>
-										<th>그림(1장)</th>
-										<th>그림(2장)</th>
-										<th>그림(3장)</th>
-									</tr>
-								</thead>
-								<tbody>
-									<tr class="level_table">
-										<th>VVIP</th>
-										<td class="level_price">10,000,000</td>
-										<td>8.1</td>
-										<td>32</td>
-										<td>65</td>
-										<td>75</td>
-										<td>80</td>
-									</tr>
-									<tr class="level_table">
-										<th>VIP</th>
-										<td class="level_price">9,000,000</td>
-										<td>8.5</td>
-										<td>33</td>
-										<td>66</td>
-										<td>76</td>
-										<td>83</td>
-									</tr>
-									<tr class="level_table">
-										<th>골드</th>
-										<td class="level_price">8,000,000</td>
-										<td>9</td>
-										<td>34</td>
-										<td>67</td>
-										<td>77</td>
-										<td>85</td>
-									</tr>
-									<tr class="level_table">
-										<th>실버</th>
-										<td class="level_price">7,000,000</td>
-										<td>10</td>
-										<td>35</td>
-										<td>68</td>
-										<td>78</td>
-										<td>90</td>
-									</tr>
-									<tr class="level_table">
-										<th>블랙</th>
-										<td class="level_price">6,000,000</td>
-										<td>11</td>
-										<td>36</td>
-										<td>69</td>
-										<td>79</td>
-										<td>95</td>
-									</tr>
-									<tr class="level_table">
-										<th>레드</th>
-										<td class="level_price">5,000,000</td>
-										<td>12</td>
-										<td>38</td>
-										<td>72</td>
-										<td>80</td>
-										<td>100</td>
-									</tr>
-									<tr class="level_table">
-										<th>퍼플</th>
-										<td class="level_price">4,000,000</td>
-										<td>13</td>
-										<td>40</td>
-										<td>75</td>
-										<td>85</td>
-										<td>105</td>
-									</tr>
-									<tr class="level_table">
-										<th>블루</th>
-										<td class="level_price">3,000,000</td>
-										<td>14</td>
-										<td>42</td>
-										<td>78</td>
-										<td>90</td>
-										<td>110</td>
-									</tr>
-									<tr class="level_table">
-										<th>오렌지</th>
-										<td class="level_price">2,000,000</td>
-										<td>15</td>
-										<td>44</td>
-										<td>81</td>
-										<td>95</td>
-										<td>115</td>
-									</tr>
-									<tr class="level_table">
-										<th>그린</th>
-										<td class="level_price">1,000,000</td>
-										<td>16</td>
-										<td>46</td>
-										<td>84</td>
-										<td>100</td>
-										<td>120</td>
-									</tr>
-									<tr class="level_table">
-										<th>옐로우</th>
-										<td class="level_price">500,000</td>
-										<td>17</td>
-										<td>48</td>
-										<td>87</td>
-										<td>105</td>
-										<td>125</td>
-									</tr>
-									<tr class="level_table">
-										<th>화이트</th>
-										<td class="level_price">0</td>
-										<td>18</td>
-										<td>50</td>
-										<td>90</td>
-										<td>110</td>
-										<td>130</td>
-									</tr>
-								</tbody>
-							</table>
-							<span class="reqTxt4">
-								* 등급별 요금제는 당사의 정책 및 운영의 필요상 수정, 중단 또는 변경될 수 있습니다. <br>
-								* 누적결제액은 등급별 요금제 적용일로부터 적립된 결제금액을 말하며, 누적결제액에 따라 등급은 자동으로 적용됩니다. <br>
-								* "첫결제 이벤트" 등 이벤트 결제금액은 등급별 요금제 누적결제액에서 제외됩니다. <br>
-							</span> 
-							<p class="reqTxt4 reqTxt4_last">
-								* 문자피싱, 스미싱, 주식, 도박, 로또, 스팸, 사기, 협박, 범죄, 유사투자, 유사수신 등을 목적으로 하거나 교사 또는 방조하는 내용의 정보, 발신번호 조작 등으로 인지되는 문자에 대해서는 사전 또는 즉시 발송을 차단하고
-   								이용을 정지시킬 수 있으며, 이에 대한 어떠한 환불이나 보상을 실시하지 않습니다. 또한, 상기 문자를 발송한 회원에 대해서는 그 즉시 등급별 요금제 혜택을 취소합니다. 
-							</p>
+							<div id="mberGrdSettingArea" style="display: none;">
+								<p class="tType1_title level"><img src="/publish/images/content/icon_fee1.png" alt="문자이미지"> 문자<span>(등급별 요금 안내)</span></p>
+								<table class="tType2 tType2_level">
+									<caption></caption>
+									<colgroup>
+										<col style="width: 13%;">
+										<col style="width: auto;">
+										<col style="width: 11%;">
+										<col style="width: 11%;">
+										<col style="width: 11%;">
+										<col style="width: 11%;">
+										<col style="width: 11%;">
+									</colgroup>
+									<thead>
+										<tr>
+											<th>등급</th>
+											<th class="th_second">누적결제액<span id="levelSubTitle"></span></th>
+											<th>단문</th>
+											<th>장문</th>
+											<th>그림(1장)</th>
+											<th>그림(2장)</th>
+											<th>그림(3장)</th>
+										</tr>
+									</thead>
+									<tbody>
+
+										<tr class="level_table">
+											<th>VVIP</th>
+											<td class="level_price">10,000,000</td>
+											<td>8.1</td>
+											<td>32.0</td>
+											<td>65.0</td>
+											<td>75.0</td>
+											<td>80.0</td>
+										</tr>
+
+										<tr class="level_table">
+											<th>VIP</th>
+											<td class="level_price">9,000,000</td>
+											<td>8.5</td>
+											<td>33.0</td>
+											<td>66.0</td>
+											<td>76.0</td>
+											<td>83.0</td>
+										</tr>
+
+										<tr class="level_table">
+											<th>골드</th>
+											<td class="level_price">8,000,000</td>
+											<td>9.0</td>
+											<td>34.0</td>
+											<td>67.0</td>
+											<td>77.0</td>
+											<td>85.0</td>
+										</tr>
+
+										<tr class="level_table">
+											<th>실버</th>
+											<td class="level_price">7,000,000</td>
+											<td>10.0</td>
+											<td>35.0</td>
+											<td>68.0</td>
+											<td>78.0</td>
+											<td>90.0</td>
+										</tr>
+
+										<tr class="level_table">
+											<th>블랙</th>
+											<td class="level_price">6,000,000</td>
+											<td>11.0</td>
+											<td>36.0</td>
+											<td>69.0</td>
+											<td>79.0</td>
+											<td>95.0</td>
+										</tr>
+
+										<tr class="level_table">
+											<th>레드</th>
+											<td class="level_price">5,000,000</td>
+											<td>12.0</td>
+											<td>38.0</td>
+											<td>72.0</td>
+											<td>80.0</td>
+											<td>100.0</td>
+										</tr>
+
+										<tr class="level_table">
+											<th>퍼플</th>
+											<td class="level_price">4,000,000</td>
+											<td>13.0</td>
+											<td>40.0</td>
+											<td>75.0</td>
+											<td>85.0</td>
+											<td>105.0</td>
+										</tr>
+
+										<tr class="level_table">
+											<th>블루</th>
+											<td class="level_price">3,000,000</td>
+											<td>14.0</td>
+											<td>42.0</td>
+											<td>78.0</td>
+											<td>90.0</td>
+											<td>110.0</td>
+										</tr>
+
+										<tr class="level_table">
+											<th>오렌지</th>
+											<td class="level_price">2,000,000</td>
+											<td>15.0</td>
+											<td>44.0</td>
+											<td>81.0</td>
+											<td>95.0</td>
+											<td>115.0</td>
+										</tr>
+
+										<tr class="level_table">
+											<th>그린</th>
+											<td class="level_price">1,000,000</td>
+											<td>16.0</td>
+											<td>46.0</td>
+											<td>84.0</td>
+											<td>100.0</td>
+											<td>120.0</td>
+										</tr>
+
+										<tr class="level_table">
+											<th>옐로우</th>
+											<td class="level_price">500,000</td>
+											<td>17.0</td>
+											<td>48.0</td>
+											<td>87.0</td>
+											<td>105.0</td>
+											<td>125.0</td>
+										</tr>
+
+										<tr class="level_table">
+											<th>화이트</th>
+											<td class="level_price">0</td>
+											<td>18.0</td>
+											<td>50.0</td>
+											<td>90.0</td>
+											<td>110.0</td>
+											<td>130.0</td>
+										</tr>
+
+									</tbody>
+								</table>
+								<span class="reqTxt4">
+									* 등급별 요금제는 당사의 정책 및 운영의 필요상 수정, 중단 또는 변경될 수 있습니다. <br>
+									* 누적결제액은 등급별 요금제 적용일로부터 적립된 결제금액을 말하며, 누적결제액에 따라 등급은 자동으로 적용됩니다. <br>
+									* "첫결제 이벤트" 등 이벤트 결제금액은 등급별 요금제 누적결제액에서 제외됩니다. <br>
+								</span>
+								<p class="reqTxt4 reqTxt4_last">
+									* 문자피싱, 스미싱, 주식, 도박, 로또, 스팸, 사기, 협박, 범죄, 유사투자, 유사수신 등을 목적으로 하거나 교사 또는 방조하는 내용의 정보, 발신번호 조작 등으로 인지되는 문자에 대해서는 사전 또는 즉시 발송을 차단하고
+									이용을 정지시킬 수 있으며, 이에 대한 어떠한 환불이나 보상을 실시하지 않습니다. 또한, 상기 문자를 발송한 회원에 대해서는 그 즉시 등급별 요금제 혜택을 취소합니다.
+								</p>
+							</div>
 							<!--문자_등급별 요금 안내 추가 끝-->
 
 							<p class="tType1_title"><img src="/publish/images/content/icon_fee2.png" alt="알림톡 아이콘 이미지"> 알림톡</p>
@@ -444,11 +464,12 @@
 									<tr>
 										<th>알림톡</th>
 										<td>카카오톡을 통해 친구 추가 여부와 관계 없이 휴대폰 번호로 발송이 가능한 정보성 메시지<br>(1,000자 이하의 텍스트 및 이미지 중 카카오 사전 승인 건에 한하여 발송 가능)</td>
-										<td>1장 : <span>6.5</span>원</td>
+										<td>1장 : <span>6.9</span>원</td>
 									</tr>
 								</tbody>
 							</table>
 							<span class="reqTxt4">* 텍스트 용량(Byte)에 대한 안내 : 한글2Byte, 영문·숫자 1Byte를 차지.</span>
+
 							<p class="tType1_title"><img src="/publish/images/content/icon_fee_fax.png" alt="팩스 아이콘 이미지"> 팩스</p>
 							<table class="tType2">
 								<colgroup>
@@ -466,11 +487,12 @@
 								<tbody>
 									<tr>
 										<th>팩스</th>
-										<td>전송 가능 파일(hwp, pdf, ppt, xls, xlsx, doc, jpg, jpeg, bmp, txt, gif, hwpml, tif, htm, html, gul)</td>
-										<td>1매 : <span>60</span>원</td>
+										<td>전송 가능 파일(hwp, pdf, ppt, xls, xlsx, doc, jpg, jpeg, bmp, txt, gif, hwpml, tif, gul)</td>
+										<td>1매 : <span>58.0</span>원</td>
 									</tr>
 								</tbody>
 							</table>
+
 							<p class="tType1_title"><img src="/publish/images/content/icon_fee3.png" alt="그림문자 맞춤제작 이미지"> 그림문자 맞춤제작</p>
 							<table class="tType2">
 								<caption></caption>
@@ -504,15 +526,16 @@
 								</tbody>
 							</table>
 							<span class="reqTxt4">* 텍스트 단순수정 요청은 맞춤제작이 완료된 그림문자의 수정 시에만 가능합니다.</span>
+
 							<div class="banner">
 								<p>대량발송 고객 가격협의 가능</p>
 								<ul>
 									<li><img src="/publish/images/content/banner_call01.png" alt="">
-										<p>전화 <strong>010-8432-9333</strong></p>
+										<p>전화 <strong>1551-8011</strong></p>
 										<p></p>
 									</li>
 									<li><img src="/publish/images/content/banner_email01.png" alt="">
-										<p>이메일<span>help@iten.co.kr</span><button type="button" onclick="location.href='mailto:help@iten.co.kr'">상담하기</button></p>
+										<p>이메일<span>help@iten.co.kr</span> <button type="button" onclick="location.href='mailto:help@iten.co.kr'">상담하기</button></p>
 									</li>
 									<li><img src="/publish/images/content/banner_kakao01.png" alt="">
 										<p>카카오톡<span>munjaon</span><a href="http://pf.kakao.com/_PxoTtb/chat" target="_blank">상담하기</a></p>
@@ -547,26 +570,27 @@
 											<tr>
 												<td>단문(SMS)</td>
 												<td>90Byte 이하 단문 메시지(이미지 첨부 불가)</td>
-												<td><span>18</span>원</td>
+												<td><span>18.0</span>원</td>
 											</tr>
 											<tr>
 												<td>장문(LMS)</td>
 												<td>91~2,000Byte 이하 장문메시지(이미지 첨부 불가)</td>
 												<td><span>50.0</span>원</td>
+											</tr>
 											<tr>
 												<td>그림문자(MMS)</td>
 												<td>2,000Byte 이하 문자 및 이미지를 포함하는 그림메시지(이미지 최대 3장 첨부 가능)</td>
 												<td>1장 : <span>90.0</span>원 / 2장 : <span>110.0</span>원 / 3장 : <span>130.0</span>원</td>
 											</tr>
 											<tr>
-												<td>알림톡</td>
-												<td>카카오톡을 통해 친구 추가 여부와 관계 없이 휴대폰 번호로 발송이 가능한 정보성 메시지<br>(1,000자 이하의 텍스트 및 이미지 중 카카오 사전 승인 건에 한하여 발송 가능) </td>
-												<td><span>6.5</span>원</td>
+												<td>카카오(알림톡)</td>
+												<td>카카오톡을 통해 친구 추가 여부와 관계 없이 휴대폰 번호로 발송이 가능한 정보성 메시지(1,000자 이하의 텍스트 및 이미지 중 카카오 사전 승인 건에 한하여 발송 가능)</td>
+												<td><span>6.9</span>원</td>
 											</tr>
 											<tr>
 												<td>팩스</td>
-												<td>전송 가능 파일(hwp, pdf, ppt, xls, xlsx, doc, jpg, jpeg, bmp, txt, gif, hwpml, tif, htm, html, gul) </td>
-												<td>1매 : <span>60</span>원</td>
+												<td>전송 가능 파일(hwp, pdf, ppt, xls, xlsx, doc, jpg, jpeg, bmp, txt, gif, hwpml, tif, htm, html, gul)</td>
+												<td><span>58.0</span>원</td>
 											</tr>
 											<tr>
 												<td>맞춤제작</td>
@@ -739,7 +763,7 @@
 											<td>235,545</td>
 											<td>VAT 별도</td>
 											<td>259,100</td>
-											<td> 
+											<td>
 												<label for="" class="label">부가세 포함,별도 선택</label>
 												<select class="selType2">
 													<option>부가세별도</option>
diff --git a/src/main/webapp/publish/payment2.html b/src/main/webapp/publish/payment2.html
index e96b2f3e..7d9124ef 100644
--- a/src/main/webapp/publish/payment2.html
+++ b/src/main/webapp/publish/payment2.html
@@ -21,6 +21,7 @@
 	<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>
 
 	<!--
@@ -28,7 +29,7 @@
 		.charg_cont .area_tab li{ width: calc((100% - 80px)/4);}
 	</style>
 	-->
-	
+
 </head>
 
 <body>
@@ -106,8 +107,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>
@@ -161,11 +161,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>
@@ -199,17 +197,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 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>
+					<li class="tab"><button type="button" onclick="location.href='/publish/payment1.html'">요금안내/견적내기</button></li>
+					<li class="tab active"><button type="button" onclick="TabType5(this,'2');">결제하기</button></li>
+					<li class="tab"><button type="button" onclick="location.href='/publish/payment3.html'">요금 결제내역</button></li>
+					<li class="tab"><button type="button" onclick="location.href='/publish/payment4.html'">요금 사용내역</button></li>
+					<li class="tab"><button type="button" onclick="location.href='/publish/payment5.html'">세금계산서 발행 등록</button></li>
 				</ul>
 				<!--// tab button -->
 				<!-- 결제관리 - 결제하기 -->
 				<div class="serv_content charg_cont current" id="tab5_2">
 					<div class="heading">
 						<h2>결제하기</h2>
+						<button type="button" class="button info" onclick="infoListPop('payment2','792','250');">사용안내</button>
 					</div>
 					<!--<div class="titBox">
 						<p>- 서비스 이용을 위해 충전이 필수 입니다.</p>
@@ -221,88 +220,15 @@
 						<ul class="area_tab">
 							<li class="btn_charge1 btn_tab active"><button onclick="TabType2(this,'1');"><i></i>신용카드</button></li>
 							<li class="btn_charge2 btn_tab"><button onclick="TabType2(this,'2');"><i></i>전용계좌</button></li>
-							<!-- <li class="btn_charge2 btn_tab"><button onclick="TabType2(this,'3');"><i></i>무통장입금</button></li> -->
 							<li class="btn_charge3 btn_tab"><button onclick="TabType2(this,'3');"><i></i>휴대폰결제</button></li>
 							<li class="btn_charge4 btn_tab"><button onclick="TabType2(this,'4');"><i></i>즉시이체</button></li>
-							
 							<li class="btn_charge5 btn_tab simple_pay"><button onclick="TabType2(this,'6');"><i></i></button></li>
 							<li class="btn_charge6 btn_tab simple_pay"><button onclick="TabType2(this,'7');"><i></i></button></li>
-							<!-- <li class="btn_charge2 btn_tab"><button onclick="TabType2(this,'3');"><i></i>무통장입금</button></li> -->
 							<li class="btn_charge7 btn_tab simple_pay"><button onclick="TabType2(this,'8');"><i></i></li>
 							<li class="btn_charge8 btn_tab simple_pay"><button onclick="TabType2(this,'9');"><i></i></button></li>
 						</ul>
 						<div class="checkbox_wrap"><input type="checkbox" id="agree"><label for="agree"></label> 선택한 수단을 다음 충전 시에도 이용합니다.</div>
 
-						<!-- 간편결제 -->
-						<!--
-													<div class="area_tabcont on" id="tab2_1">
-							<p class="tType1_title"><img src="/publish/images/simple_small.png" alt="간편결제 스몰 아이콘">
-							간편결제</p>
-							<table class="tType1">
-								<colgroup>
-									<col style="width: 100px;">
-									<col style="width: auto;">
-								</colgroup>
-								<tbody>
-									<tr class="charge_content">
-										<th scope="row">충전금액</th>
-										<td class="flex">
-											<select name="tempPrice" id="tempPrice" class="list_seType1">
-												<option value="5000">5,000</option>
-												<option value="10000">10,000</option>
-												<option value="20000">20,000</option>
-												<option value="30000">30,000</option>
-												<option value="50000" selected="">50,000</option>
-												<option value="100000">100,000</option>
-												<option value="200000">200,000</option>
-												<option value="300000">300,000</option>
-												<option value="500000">500,000</option>
-												<option value="700000">700,000</option>
-												<option value="900000">900,000</option>
-												<option value="1000000">1,000,000</option>
-												<option value="1200000">1,200,000</option>
-												<option value="1500000">1,500,000</option>
-												<option value="2000000">2,000,000</option>
-												<option value="2500000">2,500,000</option>
-												<option value="3000000">3,000,000</option>
-											</select>
-
-											<p class="input_in">원</p>
-										</td>
-									</tr>
-									<tr>
-										<td colspan="2">
-											<div class="amount_wrap">
-												<dl>
-													<dt>최종 결제금액 :</dt>
-													<dd>
-														<ul>
-															<li><strong id="supplyPriceStr">50,000</strong>원(공급가액)</li>
-															<li><span class="plus"></span><strong
-																	id="vatPriceStr">5,000</strong>원(부가세)</li>
-															<li class="total"><span class="equal"></span><strong
-																	id="lastPriceStr">55,000</strong>원(최종금액)</li>
-														</ul>
-													</dd>
-												</dl>
-												<button type="button" class="btnType"
-													onclick="pgOpenerPopup(); return false;">충전하기</button>
-											</div>
-										</td>
-									</tr>
-									<tr>
-										<td colspan="2">
-											<div class="area_text">
-												<p>- 인터넷 익스플로러 이용 고객께서는 도구-팝업 차단 해제 후 충전이 가능합니다.</p>
-												<p>- 결제사별 정책상 충전금액 제한이 있을 수 있습니다.</p>
-											</div>
-										</td>
-									</tr>
-								</tbody>
-							</table>
-						</div>
-						-->
-
 						<!-- 신용카드 -->
 						<div class="area_tabcont on " id="tab2_1">
 							<p class="tType1_title"><img src="/publish/images/credit_small.png" alt="신용카드"> 신용카드</p>
@@ -383,9 +309,7 @@
 									<tr>
 										<td>
 											<div class="area_text">
-												<p>1. 현재 발급받은 전용계좌가 없습니다.</p>
-												<p>2. 입금 즉시 자동 충전되는 나만의 전용계좌 개설(평생 사용가능, 5천원 이상 입금 가능)</p>
-												<!-- <p>3. 발급받은 전용계좌는 3개월 미사용시 자동 해지됩니다.</p> -->
+												<p>입금 즉시 자동 충전되는 나만의 전용계좌 개설(평생 사용가능, 5천원 이상 입금 가능)</p>
 											</div>
 										</td>
 										<td class="right">
@@ -415,6 +339,22 @@
 									<col style="width: 35%;">
 								</colgroup>
 								<tbody>
+									<tr>
+										<td>
+											<div class="checkbox_wrap">
+												<input type="radio" id="chkAccount1" name="chkAccount" value="003_기업은행_48011304697636">
+												<label for="chkAccount1"></label> 
+												기업은행 48011304697636
+											</div>
+											<div class="account_holder">
+												(예금주 : ITN_정수빈)
+											</div>
+											
+										</td>
+										<td class="right account_te">
+											<button type="button">전용계좌 확인서</button>
+										</td>
+									</tr>
 									<tr>
 										<td colspan="2">
 											<div>
@@ -427,11 +367,12 @@
 											<div class="area_text">
 												<p>- 전용계좌는 개설일로부터 <span>3개월 미사용 시 자동 해지</span>됩니다.</p>
 												<p>- 전용계좌에 <span>5,000원 이상 입금</span> 시, 연중무휴 <span>실시간 자동 충전이</span> 가능합니다.</p>
-												<!-- <p>- 예금주 : 문자온</p> -->
-												<p>- 계좌번호 문자로 받기(일/3회까지)
+												<p>- 이체 후 충전 확인까지 <span>최대 10분이 소요</span>됩니다.</p>
+												<p>- 이체금액에서 <span>부가세 10%가 제외되고 충전</span>됩니다.</p>
+												<p>- 계좌번호 문자로 받기(유료)
 													<label for="" class="label">전화번호 입력</label>
 													<input type="text" id="callTo" name="callTo" maxlength="11" placeholder="‘-’ 없이 받으실 휴대폰 번호를 입력해주세요." onfocus="this.placeholder=''" onblur="this.placeholder='‘-’ 없이 전화번호를 입력해주세요'">
-													<button type="button" onclick="fnSmsSend(); return false;">문자받기</button>
+													<button type="button" >문자받기</button>
 												</p>
 											</div>
 										</td>
@@ -641,7 +582,7 @@
 									<tr>
 										<td colspan="2">
 											<div class="area_text">
-												<p>- 나이스페이 결제를 이용하여 인터넷뱅킹처럼 로그인 없이 간단한 정보 입력만으로 실시간 계좌 이체</p>
+												<p>- KG모빌리언스 결제를 이용하여 인터넷뱅킹처럼 로그인 없이 간단한 정보 입력만으로 실시간 계좌 이체</p>
 												<p>&nbsp; (일반결제, 간편결제, 앱결제)를 할 수 있는 간편한 결제 수단입니다.(소득공제 및 지출증빙 가능)</p>
 											</div>
 										</td>
@@ -1001,161 +942,6 @@
 						<!-- //페이코 -->
 					</div>
 
-					<!--누적결제액별 등급 및 단가 추가 시작-->
-					<div class="accrue_price">
-						<p>등급 : <span><img src="/publish/images/level/level_icon/level_small/orange_small_icon.png" alt="등급 스몰 아이콘">오렌지(누적결제액 : &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;  &nbsp;  &nbsp;<span>200,000</span>원)</span></p> 
-						<!--등급별 스몰 아이콘(images > level > level_icon > level_small) 사용 )-->
-					</div>
-					<div class="accrue_level">
-						<p class="tType1_title level"><img src="/publish/images/level/accrue.png" alt="누적결제액별 등급 및 단가 아이콘"> 누적결제액별 등급 및 단가
-						</p>
-						<table class="tType2 tType2_level">
-							<caption></caption>
-							<colgroup>
-								<col style="width: 13%;">
-								<col style="width: auto;">
-								<col style="width: 11%;">
-								<col style="width: 11%;">
-								<col style="width: 11%;">
-								<col style="width: 11%;">
-								<col style="width: 11%;">
-							</colgroup>
-							<thead>
-								<tr>
-									<th>등급</th>
-									<th class="th_second">누적결제액<span>(2023-06-28 ~ 현재)</span></th>
-									<th>단문</th>
-									<th>장문</th>
-									<th>그림(1장)</th>
-									<th>그림(2장)</th>
-									<th>그림(3장)</th>
-								</tr>
-							</thead>
-							<tbody>
-								<tr>
-									<th>VVIP</th>
-									<td class="level_price">10,000,000</td>
-									<td>8.1</td>
-									<td>32</td>
-									<td>65</td>
-									<td>75</td>
-									<td>80</td>
-								</tr>
-								<tr>
-									<th>VIP</th>
-									<td class="level_price">9,000,000</td>
-									<td>8.5</td>
-									<td>33</td>
-									<td>66</td>
-									<td>76</td>
-									<td>83</td>
-								</tr>
-								<tr>
-									<th>골드</th>
-									<td class="level_price">8,000,000</td>
-									<td>9</td>
-									<td>34</td>
-									<td>67</td>
-									<td>77</td>
-									<td>85</td>
-								</tr>
-								<tr>
-									<th>실버</th>
-									<td class="level_price">7,000,000</td>
-									<td>10</td>
-									<td>35</td>
-									<td>68</td>
-									<td>78</td>
-									<td>90</td>
-								</tr>
-								<tr>
-									<th>블랙</th>
-									<td class="level_price">6,000,000</td>
-									<td>11</td>
-									<td>36</td>
-									<td>69</td>
-									<td>79</td>
-									<td>95</td>
-								</tr>
-								<tr>
-									<th>레드</th>
-									<td class="level_price">5,000,000</td>
-									<td>12</td>
-									<td>38</td>
-									<td>72</td>
-									<td>80</td>
-									<td>100</td>
-								</tr>
-								<tr>
-									<th>퍼플</th>
-									<td class="level_price">4,000,000</td>
-									<td>13</td>
-									<td>40</td>
-									<td>75</td>
-									<td>85</td>
-									<td>105</td>
-								</tr>
-								<tr>
-									<th>블루</th>
-									<td class="level_price">3,000,000</td>
-									<td>14</td>
-									<td>42</td>
-									<td>78</td>
-									<td>90</td>
-									<td>110</td>
-								</tr>
-								<tr>
-									<th>오렌지</th>
-									<td class="level_price">2,000,000</td>
-									<td>15</td>
-									<td>44</td>
-									<td>81</td>
-									<td>95</td>
-									<td>115</td>
-								</tr>
-								<tr>
-									<th>그린</th>
-									<td class="level_price">1,000,000</td>
-									<td>16</td>
-									<td>46</td>
-									<td>84</td>
-									<td>100</td>
-									<td>120</td>
-								</tr>
-								<tr>
-									<th>옐로우</th>
-									<td class="level_price">500,000</td>
-									<td>17</td>
-									<td>48</td>
-									<td>87</td>
-									<td>105</td>
-									<td>125</td>
-								</tr>
-								<tr>
-									<th>화이트</th>
-									<td class="level_price">0</td>
-									<td>18</td>
-									<td>50</td>
-									<td>90</td>
-									<td>110</td>
-									<td>130</td>
-								</tr>
-							</tbody>
-						</table>
-						<span class="reqTxt4">
-							* 등급별 요금제는 당사의 정책 및 운영의 필요상 수정, 중단 또는 변경될 수 있습니다. <br>
-							* 누적결제액은 등급별 요금제 적용일로부터 적립된 결제금액을 말하며, 누적결제액에 따라 등급은 자동으로 적용됩니다. <br>
-							* "첫결제 이벤트" 등 이벤트 결제금액은 등급별 요금제 누적결제액에서 제외됩니다. <br>
-						</span>
-						<p class="reqTxt4 reqTxt4_last">
-							* 문자피싱, 스미싱, 주식, 도박, 로또, 스팸, 사기, 협박, 범죄, 유사투자, 유사수신 등을 목적으로 하거나 교사 또는 방조하는 내용의 정보, 발신번호 조작
-							등으로 인지되는 문자에 대해서는
-							사전 또는 즉시 발송을 차단하고
-							이용을 정지시킬 수 있으며, 이에 대한 어떠한 환불이나 보상을 실시하지 않습니다. 또한, 상기 문자를 발송한 회원에 대해서는 그 즉시 등급별 요금제 혜택을
-							취소합니다.
-						</p>
-						<!--문자_등급별 요금 안내 추가 끝-->
-					</div>
 				</div><!-- 결제관리 - 결제하기 -->
 			</div>
 			<!--// send top -->
@@ -1163,38 +949,7 @@
 	</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>
+	<div data-include-path="/publish/layout/_footer.html"></div>
 	<!--// footer 영역 -->
 </body>
 
diff --git a/src/main/webapp/publish/payment3.html b/src/main/webapp/publish/payment3.html
index aa1e0c06..69263d81 100644
--- a/src/main/webapp/publish/payment3.html
+++ b/src/main/webapp/publish/payment3.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">
@@ -16,14 +15,26 @@
     <link rel="stylesheet" href="/publish/css/mem.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/calendar.js"></script>
+    <script src="/publish/js/datepicker/picker.js"></script>
+    <script src="/publish/js/datepicker/picker.date.js"></script>
+    <script src="/publish/js/datepicker/ko_KR.js"></script>
+    <!-- <script src="/publish/js/calendar.js"></script> -->
     <script src="/publish/js/popupLayer.js"></script>
+    <script src="/publish/js/popup.js"></script>
+
+    <script>
+        $(function(){
+            $(".calendarPop").remove();
+        })
+    </script>
 
 
 </head>
@@ -33,12 +44,10 @@
 
     <!-- 현금영수증 팝업 data-tooltip:cashReceipt_popup01 -->
     <div class="tooltip-wrap">
-        <div class="popup-com candidate_layer cashReceipt_popup01" tabindex="0" data-tooltip-con="cashReceipt_popup01"
-            data-focus="cashReceipt_popup01" data-focus-prev="cashReceipt_popup01-close" style="width: 520px;">
+        <div class="popup-com candidate_layer cashReceipt_popup01" tabindex="0" data-tooltip-con="cashReceipt_popup01" data-focus="cashReceipt_popup01" data-focus-prev="cashReceipt_popup01-close" style="width: 520px;">
             <div class="popup_heading">
                 <p>현금영수증 발행정보</p>
-                <button type="button" class="tooltip-close" data-focus="cashReceipt_popup01-close"><img
-                        src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
+                <button type="button" class="tooltip-close" data-focus="cashReceipt_popup01-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
             </div>
             <div class="layer_in">
                 <div class="candidate_table">
@@ -81,12 +90,10 @@
 
     <!-- 등급 및 누적결제액 확인 팝업 data-tooltip:level_check_popup01 시작 -->
     <div class="tooltip-wrap level_popup">
-        <div class="popup-com candidate_layer level_check_popup01" tabindex="0" data-tooltip-con="level_check_popup01"
-            data-focus="level_check_popup01" data-focus-prev="level_check_popup01-close" style="width: 680px;">
+        <div class="popup-com candidate_layer level_check_popup01" tabindex="0" data-tooltip-con="level_check_popup01" data-focus="level_check_popup01" data-focus-prev="level_check_popup01-close" style="width: 680px;">
             <div class="popup_heading">
                 <p>누적결제액 세부내역<span>(2023-06-28 ~ 현재)</span></p>
-                <button type="button" class="tooltip-close" data-focus="level_check_popup01-close"><img
-                        src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
+                <button type="button" class="tooltip-close" data-focus="level_check_popup01-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
             </div>
             <div class="layer_in">
                 <div class="candidate_table">
@@ -165,156 +172,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">
-        <!-- 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 영역 -->
@@ -324,34 +184,47 @@
             <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,'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>
+                    <li class="tab"><button type="button" onclick="location.href='/publish/payment1.html'">요금안내/견적내기</button></li>
+                    <li class="tab"><button type="button" onclick="location.href='/publish/payment2.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/payment4.html'">요금 사용내역</button></li>
+                    <li class="tab"><button type="button" onclick="location.href='/publish/payment5.html'">세금계산서 발행 등록</button></li>
                 </ul>
                 <!--// tab button -->
-                <!-- 결제내역 - 요금결제내역(환불신청빼고 같은 폼) -->
+
+
                 <div class="serv_content current" id="tab5_1">
                     <div class="heading">
                         <h2>요금결제내역</h2>
                     </div>
+                    <div class="hisroy_price">
+                        <div class="hisroy_price_in">
+                            <p><i></i>충전금액</p>
+                            <div class="clearfix">
+                                <p id="cashTitId">캐시</p>
+                                <p><span id="cashTxtId">0</span>원</p>
+                            </div>
+                        </div>
+                    </div>
                     <div class="pay_tab_wrap">
                         <!-- tab button -->
                         <ul class="tabType1">
-                            <li class="tab active"><button type="button" onclick="TabType1(this,'1');">전체</button></li>
-                            <li class="tab"><button type="button" onclick="TabType1(this,'2');">간편결제 결제내역</button></li>
-                            <li class="tab"><button type="button" onclick="TabType1(this,'3');">전용계좌 결제내역</button></li>
-                            <li class="tab"><button type="button" onclick="TabType1(this,'4');">신용카드 결제내역</button></li>
-                            <li class="tab"><button type="button" onclick="TabType1(this,'5');">휴대폰 결제내역</button></li>
-                            <li class="tab"><button type="button" onclick="TabType1(this,'6');">즉시이체 결제내역</button></li>
-                            <li class="tab"><button type="button" onclick="TabType1(this,'7');">포인트 교환내역</button></li>
-                            <li class="tab"><button type="button" onclick="TabType1(this,'8');">환불신청</button></li>
+                            <li class="tab active"><button type="button" onclick="TabType1(this,'1');" title="선택됨">전체</button></li>
+                            <li class="tab"><button type="button" onclick="TabType1(this,'1');">간편결제</button></li>
+                            <li class="tab"><button type="button" onclick="TabType1(this,'1');">전용계좌</button></li>
+                            <li class="tab"><button type="button" onclick="TabType1(this,'1');">신용카드</button></li>
+                            <li class="tab"><button type="button" onclick="TabType1(this,'1');">휴대폰</button></li>
+                            <li class="tab"><button type="button" onclick="TabType1(this,'1');">즉시이체</button></li>
+                            <li class="tab"><button type="button" onclick="TabType1(this,'6');">포인트 교환</button></li>
+                            <li class="tab"><button type="button" onclick="TabType1(this,'7'); $('#tab6_1').addClass('current'); ">환불신청</button></li>
                         </ul>
                         <!--// tab button -->
                     </div>
-                    <!-- 결제내역 - 요금결제내역 - 전체부터 휴대폰결제까지(환불신청빼고 같은 폼) -->
+
+                    <!-- 요금결제내역(전체, 간편결제, 전용계좌, 신용카드, 휴대폰, 즉시이체) -->
                     <div class="pay_cont current" id="tab1_1">
+
+                        <!-- 기간설정 -->
                         <table class="tType1">
                             <caption>요금결제내역 기간설정에 대한 표</caption>
                             <colgroup>
@@ -363,25 +236,11 @@
                                     <th scope="row">기간설정</th>
                                     <td>
                                         <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="startDate3-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" title="검색 시작일" id="startDate" name="startDate">
                                             <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>
+                                            <input type="text" class="endDate inp calendar" title="검색 종료일" id="endDate" name="endDate">
                                         </div>
+                                        <button type="button" class="btnType btnType19">이번년도</button>
                                         <button type="button" class="btnType btnType19">전월</button>
                                         <button type="button" class="btnType btnType19">당월</button>
                                         <button type="button" class="btnType btnType6">조회</button>
@@ -390,433 +249,136 @@
                                 </tr>
                             </tbody>
                         </table>
+                        <!-- //기간설정 -->
+
                         <div class="excel_middle">
                             <div class="select_btnWrap clearfix">
-                                <div class="add_text2">※ 요금 결제내역은 결제일을 기준으로 최대 6개월까지만 조회 가능합니다.</div>
-                                <div>
-                                    <button type="button" class="level_btn" data-tooltip="level_check_popup01">
-                                        <img src="/publish/images/level/level_btn_icon.png" alt="등급 및 누적결제액 확인 버튼">등급 및 누적결제액 확인
-                                    </button>
+                                <div class="add_text2" style="line-height: 1.3em;">
+                                    ※ 요금 결제내역은 결제일을 기준으로 최대 6개월까지만 조회가능합니다.
+                                    <br>※ 간편결제 영수증은 결제하신 서비스를 통해 제공됩니다.
+                                </div>
+                                <div style="padding-top: 10px;">
                                     <button type="button" class="excel_btn"><i class="downroad"></i>엑셀 다운로드</button>
                                     <button type="button" class="print_btn"><i class="print_img"></i>인쇄하기</button>
-                                    <label for="" class="label">검색조건 선택</label>
-                                    <select name="" id="" class="selType2">
-                                        <option value="">10개</option>
-                                        <option value="">10개</option>
-                                        <option value="">10개</option>
+                                    <label for="pageUnit" class="label">검색조건 선택</label>
+                                    <select name="pageUnit" id="pageUnit" class="selType2">
+                                        <option value="10" selected="">10줄</option>
+                                        <option value="20">20줄</option>
+                                        <option value="30">30줄</option>
                                     </select>
                                 </div>
                             </div>
                         </div>
-                        <!-- 현금영수증 발행 전 -->
-                        <div class="tb_wrap pay3_list">
-                            <table class="tType4">
-                                <colgroup>
-                                    <col style="width: 40px;">
-                                    <col style="width: 5%;">
-                                    <col style="width: 20%;">
-                                    <col style="width: 15%;">
-                                    <col style="width: 15%;">
-                                    <col style="width: 25%;">
-                                    <col style="width: 20%;">
-                                </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>증빙서류 발행 요청</th>
-                                    </tr>
-                                </thead>
-                                <tbody>
-                                    <tr>
-                                        <td>
-                                            <label for="" class="label">선택</label>
-                                            <input type="checkbox">
-                                        </td>
-                                        <td>
-                                            <p>1</p>
-                                        </td>
-                                        <td>
-                                            <p>2021-06-25, 09:30:52</p>
-                                        </td>
-                                        <td>
-                                            <p>신용카드</p>
-                                        </td>
-                                        <td class="td_price">
-                                            <p>199,000</p>
-                                        </td>
-                                        <td class="td_payInfo">
-                                            <p>신한카드<span></span> 카드승인번호 : 12345678</p>
-                                        </td>
-                                        <td><button class="btnType btnType20">카드전표</button></td>
-                                    </tr>
-                                    <tr>
-                                        <td>
-                                            <label for="" class="label">선택</label>
-                                            <input type="checkbox">
-                                        </td>
-                                        <td>
-                                            <p>2</p>
-                                        </td>
-                                        <td>
-                                            <p>2021-06-25, 09:30:52</p>
-                                        </td>
-                                        <td>
-                                            <p>무통장입금</p>
-                                        </td>
-                                        <td class="td_price">
-                                            <p>199,000</p>
-                                        </td>
-                                        <td class="td_payInfo">
-                                            <p>신한카드<span></span> 우리은행 : 1234-56-78901</p>
-                                        </td>
-                                        <td><button class="btnType btnType20"
-                                                data-tooltip="cashReceipt_popup01">현금영수증</button><button
-                                                class="btnType btnType20">간이영수증</button></td>
-                                    </tr>
-                                    <tr>
-                                        <td>
-                                            <label for="" class="label">선택</label>
-                                            <input type="checkbox">
-                                        </td>
-                                        <td>
-                                            <p>3</p>
-                                        </td>
-                                        <td>
-                                            <p>2021-06-25, 09:30:52</p>
-                                        </td>
-                                        <td>
-                                            <p>포인트</p>
-                                        </td>
-                                        <td>
-                                            <p>199,000</p>
-                                        </td>
-                                        <td class="td_payInfo">
-                                            <p>사용포인트(수수료 포함) : 5,250</p>
-                                        </td>
-                                        <td></td>
-                                    </tr>
-                                    <tr>
-                                        <td>
-                                            <label for="" class="label">선택</label>
-                                            <input type="checkbox">
-                                        </td>
-                                        <td>
-                                            <p>4</p>
-                                        </td>
-                                        <td>
-                                            <p>2021-06-25, 09:30:52</p>
-                                        </td>
-                                        <td>
-                                            <p>전용계좌</p>
-                                        </td>
-                                        <td>
-                                            <p>199,000</p>
-                                        </td>
-                                        <td class="td_payInfo">
-                                            <p>전용계좌번호 : 1234-56-78901</p>
-                                        </td>
-                                        <td><button class="btnType btnType20">현금영수증</button><button
-                                                class="btnType btnType20">간이영수증</button></td>
-                                    </tr>
-                                    <tr>
-                                        <td>
-                                            <label for="" class="label">선택</label>
-                                            <input type="checkbox">
-                                        </td>
-                                        <td>
-                                            <p>5</p>
-                                        </td>
-                                        <td>
-                                            <p>2021-06-25, 09:30:52</p>
-                                        </td>
-                                        <td>
-                                            <p>휴대폰</p>
-                                        </td>
-                                        <td>
-                                            <p>199,000</p>
-                                        </td>
-                                        <td class="td_payInfo">
-                                            <p>결제 휴대폰 번호 : 010-1234-5678</p>
-                                        </td>
-                                        <td><button class="btnType btnType20">간이영수증</button></td>
-                                    </tr>
-                                    <tr>
-                                        <td>
-                                            <label for="" class="label">선택</label>
-                                            <input type="checkbox">
-                                        </td>
-                                        <td>
-                                            <p>6</p>
-                                        </td>
-                                        <td>
-                                            <p>2021-06-25, 09:30:52</p>
-                                        </td>
-                                        <td>
-                                            <p>즉시이체</p>
-                                        </td>
-                                        <td>
-                                            <p>199,000</p>
-                                        </td>
-                                        <td class="td_payInfo">
-                                            <p>출금계좌<span></span> 국민은행 : 1234-56-78901</p>
-                                        </td>
-                                        <td><button class="btnType btnType20">현금영수증</button><button
-                                                class="btnType btnType20">간이영수증</button></td>
-                                    </tr>
-                                </tbody>
-                            </table>
-                        </div>
-                        <!-- //현금영수증 발행 전 -->
 
-                        <!-- 현금영수증 발행 후 -->
                         <div class="tb_wrap pay3_list">
                             <table class="tType4">
                                 <colgroup>
-                                    <col style="width: 40px;">
                                     <col style="width: 5%;">
+                                    <col style="width: 18%;">
                                     <col style="width: 20%;">
                                     <col style="width: 15%;">
                                     <col style="width: 15%;">
-                                    <col style="width: 25%;">
+                                    <col style="width: 15%;">
                                     <col style="width: 20%;">
                                 </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>
+                                                <input type="button" class="sort sortBtnDesc" id="sort_moid" sortord="desc">
                                             </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>
+                                                <input type="button" class="sort sortBtn" id="sort_regDate">
                                             </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>
+                                                <input type="button" class="sort sortBtn" id="sort_payMethodTxt">
                                             </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>
+                                                <input type="button" class="sort sortBtn" id="sort_amt">
+                                            </div>
+                                        </th>
+                                        <th>
+                                            충전금액
+                                            <div class="sort_wrap">
+                                                <input type="button" class="sort sortBtn" id="sort_cash">
+                                            </div>
+                                        </th>
+                                        <th>
+                                            결제상태
+                                            <div class="sort_wrap">
+                                                <input type="button" class="sort sortBtn" id="sort_pgStatusTxt">
                                             </div>
                                         </th>
-                                        <th>결제정보</th>
                                         <th>증빙서류 발행 요청</th>
                                     </tr>
                                 </thead>
                                 <tbody>
                                     <tr>
-                                        <td>
-                                            <label for="" class="label">선택</label>
-                                            <input type="checkbox">
+                                        <td colspan="7">
+                                            자료가 없습니다. 다른 검색조건을 선택해주세요
                                         </td>
+                                    </tr>
+                                    <tr>
+                                        <td>19</td>
+                                        <td>2025-03-05 14:40:00</td>
+                                        <td>개인전용계좌<br>(전용계좌번호)</td>
+                                        <td class="tRight">23,000,000</td>
+                                        <td class="tRight">20,909,000</td>
+                                        <td>결제완료</td>
                                         <td>
-                                            <p>1</p>
+                                            <p class="fwMd c_002c9a">세금계산서 발행완료</p>
                                         </td>
+                                    </tr>
+                                    <tr>
+                                        <td>19</td>
+                                        <td>2025-03-05 14:40:00</td>
+                                        <td>개인전용계좌<br>(전용계좌번호)</td>
+                                        <td class="tRight">23,000,000</td>
+                                        <td class="tRight">20,909,000</td>
+                                        <td>결제완료</td>
                                         <td>
-                                            <p>2021-06-25, 09:30:52</p>
-                                        </td>
-                                        <td>
-                                            <p>신용카드</p>
-                                        </td>
-                                        <td>
-                                            <p>199,000</p>
-                                        </td>
-                                        <td>
-                                            <p>신한카드 <span></span> 카드승인번호 : 12345678</p>
+                                            <p class="fwMd c_222">세금계산서 발행대기</p>
                                         </td>
+                                    </tr>
+                                    <tr>
+                                        <td>19</td>
+                                        <td>2025-03-05 14:40:00</td>
+                                        <td>신용카드</td>
+                                        <td class="tRight">23,000,000</td>
+                                        <td class="tRight">20,909,000</td>
+                                        <td>결제완료</td>
                                         <td><button class="btnType btnType20">카드전표</button></td>
                                     </tr>
                                     <tr>
+                                        <td>19</td>
+                                        <td>2025-03-05 14:40:00</td>
+                                        <td>무통장입금</td>
+                                        <td class="tRight">23,000,000</td>
+                                        <td class="tRight">20,909,000</td>
+                                        <td>결제완료</td>
                                         <td>
-                                            <label for="" class="label">선택</label>
-                                            <input type="checkbox">
-                                        </td>
-                                        <td>
-                                            <p>2</p>
-                                        </td>
-                                        <td>
-                                            <p>2021-06-25, 09:30:52</p>
-                                        </td>
-                                        <td>
-                                            <p>무통장입금</p>
-                                        </td>
-                                        <td>
-                                            <p>199,000</p>
-                                        </td>
-                                        <td>
-                                            <p>신한카드 <span></span> 우리은행 : 1234-56-78901</p>
-                                        </td>
-                                        <td>
-                                            <p class="fwRg c_222">세금계산서 발행완료</p>
-                                        </td>
-                                    </tr>
-                                    <tr>
-                                        <td>
-                                            <label for="" class="label">선택</label>
-                                            <input type="checkbox">
-                                        </td>
-                                        <td>
-                                            <p>3</p>
-                                        </td>
-                                        <td>
-                                            <p>2021-06-25, 09:30:52</p>
-                                        </td>
-                                        <td>
-                                            <p>포인트</p>
-                                        </td>
-                                        <td>
-                                            <p>199,000</p>
-                                        </td>
-                                        <td>
-                                            <p>사용포인트(수수료 포함) : 5,250</p>
-                                        </td>
-                                        <td>-</td>
-                                    </tr>
-                                    <tr>
-                                        <td>
-                                            <label for="" class="label">선택</label>
-                                            <input type="checkbox">
-                                        </td>
-                                        <td>
-                                            <p>4</p>
-                                        </td>
-                                        <td>
-                                            <p>2021-06-25, 09:30:52</p>
-                                        </td>
-                                        <td>
-                                            <p>전용계좌</p>
-                                        </td>
-                                        <td>
-                                            <p>199,000</p>
-                                        </td>
-                                        <td>
-                                            <p>전용계좌번호 : 1234-56-78901</p>
-                                        </td>
-                                        <td>
-                                            <p class="fwRg c_222">현금계산서 발행완료</p>
-                                        </td>
-                                    </tr>
-                                    <tr>
-                                        <td>
-                                            <label for="" class="label">선택</label>
-                                            <input type="checkbox">
-                                        </td>
-                                        <td>
-                                            <p>5</p>
-                                        </td>
-                                        <td>
-                                            <p>2021-06-25, 09:30:52</p>
-                                        </td>
-                                        <td>
-                                            <p>휴대폰</p>
-                                        </td>
-                                        <td>
-                                            <p>199,000</p>
-                                        </td>
-                                        <td>
-                                            <p>결제 휴대폰 번호 : 010-1234-5678</p>
-                                        </td>
-                                        <td>
-                                            <p class="fwRg c_002c9a">세금계산서 발행대기</p>
-                                        </td>
-                                    </tr>
-                                    <tr>
-                                        <td>
-                                            <label for="" class="label">선택</label>
-                                            <input type="checkbox">
-                                        </td>
-                                        <td>
-                                            <p>6</p>
-                                        </td>
-                                        <td>
-                                            <p>2021-06-25, 09:30:52</p>
-                                        </td>
-                                        <td>
-                                            <p>즉시이체</p>
-                                        </td>
-                                        <td>
-                                            <p>199,000</p>
-                                        </td>
-                                        <td>
-                                            <p>출금계좌 <span></span> 국민은행 : 1234-56-78901</p>
-                                        </td>
-                                        <td>
-                                            <p class="fwRg c_002c9a">세금계산서 발행대기</p>
+                                            <button class="btnType btnType20">현금영수증</button>
+                                            <button class="btnType btnType20">간이영수증</button>
                                         </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>
@@ -827,270 +389,473 @@
                             <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="pay_cont current" id="tab1_8">
-                        <div class="titBox">
-                            <p>- 포인트는 환불되지 않습니다.</p>
-                            <p>- 환불 신청 금액에 따라 환불 수수료가 차감됩니다.</p>
-                            <p>- 결제 방식에 따라 환불 수수료는 다르게 적용될 수 있습니다.</p>
-                            <p>- 취소 처리기간 경과시에 증빙서류를 첨부해야 환불처리 가능하며, 결제대행 수수료가 부과됩니다.</p>
-                            <p>- 1,000원 이하의 잔액은 환불이 불가합니다.</p>
-                            <p>- 무통장입금 제외 모든 결제는 부분취소가 불가하여, 사용금액(차액) 결제 후 전액취소를 원칙으로 합니다.</p>
-                            <p>&nbsp;(예) 핸드폰 3만원 결제 후 3천원 사용한 경우, 3,300원(부가세포함)송금 또는 3천원 핸드폰 결제 후 3만원 전액취소</p>
-                            <p><span>- 환불업무는 매주 수요일에 순차적으로 처리됩니다.</span></p>
+                    </div>
+                    <!-- //요금결제내역(전체, 간편결제, 전용계좌, 신용카드, 휴대폰, 즉시이체) -->
+
+                    <!-- 요금결제내역(포인트 교환) -->
+                    <div class="pay_cont" id="tab1_6">
+
+                        <!-- 기간설정 -->
+                        <table class="tType1">
+                            <caption>요금결제내역 기간설정에 대한 표</caption>
+                            <colgroup>
+                                <col style="width: 160px;">
+                                <col style="width: auto;">
+                            </colgroup>
+                            <tbody>
+                                <tr>
+                                    <th scope="row">기간설정</th>
+                                    <td>
+                                        <div class="calendar_wrap">
+                                            <input type="text" class="startDate inp calendar" title="검색 시작일" id="startDate" name="startDate">
+                                            <span class="dateEtc">~</span>
+                                            <input type="text" class="endDate inp calendar" title="검색 종료일" id="endDate" name="endDate">
+                                        </div>
+                                        <button type="button" class="btnType btnType19">전월</button>
+                                        <button type="button" class="btnType btnType19">당월</button>
+                                        <button type="button" class="btnType btnType6">조회</button>
+                                        <button type="button" class="btnType btnType17">기간 초기화</button>
+                                    </td>
+                                </tr>
+                            </tbody>
+                        </table>
+                        <!-- //기간설정 -->
+
+                        <div class="excel_middle">
+                            <div class="select_btnWrap clearfix">
+                                <div class="add_text2" style="line-height: 1.3em;">
+                                    ※ 포인트 교환내역은 교환일을 기준으로 최대 6개월까지만 조회 가능합니다.
+                                </div>
+                                <div style="padding-top: 10px;">
+                                    <button type="button" class="excel_btn"><i class="downroad"></i>엑셀 다운로드</button>
+                                    <button type="button" class="print_btn"><i class="print_img"></i>인쇄하기</button>
+                                    <label for="pageUnit" class="label">검색조건 선택</label>
+                                    <select name="pageUnit" id="pageUnit" class="selType2">
+                                        <option value="10" selected="">10줄</option>
+                                        <option value="20">20줄</option>
+                                        <option value="30">30줄</option>
+                                    </select>
+                                </div>
+                            </div>
                         </div>
-                        <!-- <div class="pay_info">
-                                <p>※ 환불 수수료 안내</p>
-                                <p>- 10,000원 이하  :  <span>1,000</span>원</p>
-                                <p>- 10,000원 초과  :  <span>10</span>%</p>
-                            </div> -->
-                        <ul class="clause_list">
-                            <li class="list_open on">
-                                <div class="clause_list_head">
-                                    <div class="list_head_in">
-                                        <span><i></i>증빙서류 및 환불수수료 안내</span>
-                                        <button type="button" onclick="clause_list(this);"><i></i></button>
+
+                        <div class="tb_wrap pay3_list">
+                            <table class="tType4">
+                                <colgroup>
+
+                                    <col style="width: 5%;">
+                                    <col style="width: 15%;">
+                                    <col style="width: 8%;">
+                                    <col style="width: 10%;">
+
+                                    <col style="width: 8%;">
+                                    <col style="width: 6%;">
+                                    <col style="width: 15%;">
+                                    <col style="width: 8%;">
+                                    <col style="width: 14%;">
+                                </colgroup>
+                                <thead>
+                                    <tr>
+                                        <th>
+                                            번호
+                                            <div class="sort_wrap">
+                                                <input type="button" class="sort sortBtnDesc" id="sort_pointUseId" sortord="desc">
+                                            </div>
+                                        </th>
+                                        <th>
+                                            교환일시
+                                            <div class="sort_wrap">
+                                                <input type="button" class="sort sortBtn" id="sort_frstRegistPnttm">
+                                            </div>
+                                        </th>
+                                        <th>
+                                            교환방식
+                                            <div class="sort_wrap">
+                                                <input type="button" class="sort sortBtn" id="sort_type">
+                                            </div>
+                                        </th>
+                                        <th>
+                                            교환포인트
+                                            <div class="sort_wrap">
+                                                <input type="button" class="sort sortBtn" id="sort_point">
+                                            </div>
+                                        </th>
+                                        <th>
+                                            교환상태
+                                            <div class="sort_wrap">
+                                                <input type="button" class="sort sortBtn" id="sort_cmpltYn">
+                                            </div>
+                                        </th>
+                                        <th>은행</th>
+                                        <th>계좌번호</th>
+                                        <th>예금주</th>
+                                        <th>연락처</th>
+                                    </tr>
+                                </thead>
+                                <tbody>
+                                    <tr>
+                                        <td colspan="9">
+                                            포인트 교환내역이 없습니다.
+                                        </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="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="pay_cont" id="tab1_7">
+                        <div class="list_tab_wrap2 type4">
+                            <!-- tab button -->
+                            <ul class="list_tab">
+                                <li class="tab active"><button type="button" id="refundListTab1" onclick="TabType6(this,'1'); return false;" style="border-right: 0px;">환불신청</button></li>
+                                <li class="tab"><button type="button" id="refundListTab2" onclick="TabType6(this,'2'); return false;" title="선택됨">환불신청 내역</button></li>
+                            </ul>
+                            <!--// tab button -->
+                        </div>
+
+                        <!-- 환불신청 -->
+                        <div class="pay_cont pay_refund_cont current" id="tab6_1">
+                            <div class="titBox">
+                                <p>- 포인트는 환불되지 않습니다.</p>
+                                <p>- 결제 방식에 따라 환불 수수료는 다르게 적용될 수 있습니다.</p>
+                                <p>- 취소 처리기간 경과시에 증빙서류를 첨부해야 환불가능합니다.</p>
+                                <p>- 모든 결제는 부분취소가 불가하여, 사용금액(차액) 결제 후 전액취소를 원칙으로 합니다.</p>
+                                <p>&nbsp;(예) 휴대폰 3만원 결제 후 3천원 사용한 경우, 3,300원(부가세포함)송금 또는 3천원 휴대폰 결제 후 3만원 전액취소</p>
+                                <p><span>- 환불업무는 매주 수요일(금~화 신청분), 금요일 (수,목 신청분)에 순차적으로 처리됩니다.</span></p>
+                            </div>
+                            <ul class="clause_list">
+                                <li class="list_open on">
+                                    <div class="clause_list_head">
+                                        <div class="list_head_in">
+                                            <span><i></i>증빙서류 및 환불수수료 안내</span>
+                                            <button type="button" onclick="clause_list(this);">
+                                                <i></i>
+                                            </button>
+                                        </div>
+                                    </div>
+                                    <div class="clause_list_body">
+                                        <table class="refund_info">
+                                            <caption>증빙서류 및 환불수수료 안내</caption>
+                                            <colgroup>
+                                                <col style="width: 12%;">
+                                                <col style="width: 20%;">
+                                                <col style="width: auto;">
+                                                <col style="width: 15%;">
+                                            </colgroup>
+                                            <thead>
+                                                <tr>
+                                                    <th>결제방법</th>
+                                                    <th>취소가능기간</th>
+                                                    <th>증빙서류</th>
+                                                    <th>환불수수료</th>
+                                                </tr>
+                                            </thead>
+                                            <tbody>
+                                                <tr>
+                                                    <td>전용계좌</td>
+                                                    <td>-</td>
+                                                    <td>이체확인증(이체한 통장내역), 통장사본</td>
+                                                    <td>환불금액의 10%</td>
+                                                </tr>
+                                                <tr>
+                                                    <td>신용카드</td>
+                                                    <td>결제일 기준 2개월 내 취소가능</td>
+                                                    <td>통장사본</td>
+                                                    <td>환불금액의 10%</td>
+                                                </tr>
+
+                                                <tr>
+                                                    <td>휴대폰결제</td>
+                                                    <td>결제 당월 취소가능</td>
+                                                    <!-- <td>결제당월 일반 전화요금 납입영수증</td> -->
+                                                    <td>결제당월 휴대폰 납부 영수증, 통장사본</td>
+                                                    <td>환불금액의 10%</td>
+                                                </tr>
+                                                <tr>
+                                                    <td>즉시이체</td>
+                                                    <td>결제 당일건만 취소가능</td>
+                                                    <td>통장사본</td>
+                                                    <td>환불금액의 10%</td>
+                                                </tr>
+                                            </tbody>
+                                        </table>
+                                    </div>
+                                </li>
+                            </ul>
+                            <p class="tType1_title">환불 금액 입력</p>
+                            <table class="tType1">
+                                <caption>환불 가능, 신청, 예정에 대한 표</caption>
+                                <colgroup>
+                                    <col style="width: 160px;">
+                                    <col style="width: auto;">
+                                </colgroup>
+                                <tbody>
+                                    <tr>
+                                        <th scope="row">환불 가능 금액</th>
+                                        <td class="price_ref1">
+                                            <span>
+
+
+                                                0
+                                            </span>원
+                                        </td>
+                                    </tr>
+                                    <tr>
+                                        <th scope="row">환불 신청 금액</th>
+                                        <td>
+                                            <input type="text" name="refundMoney" id="refundMoney" style="width:330px;margin-right:5px;" oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');">
+                                            <label for="refundMoney" class="price_input" style="left:300px;">원</label>
+                                            <input type="checkbox" id="allmoney" name="allmoney" class="re">
+                                            <label for="allmoney" class="alarm label">선택</label>
+                                            <span class="text_req">전액환불(10,000원 이하 환불 불가)</span>
+                                        </td>
+                                    </tr>
+
+                                </tbody>
+                            </table>
+
+                            <p class="tType1_title">환불 사유 및 연락처</p>
+                            <table class="tType1">
+                                <caption>환불사유, 비밀번호에 대한 표</caption>
+                                <colgroup>
+                                    <col style="width: 160px;">
+                                    <col style="width: auto;">
+                                </colgroup>
+                                <tbody>
+                                    <tr>
+                                        <th scope="row" style="line-height: 70px;">환불사유</th>
+                                        <td>
+                                            <div class="refund_reason">
+
+                                                <div><input type="radio" id="radioArea01" name="reason" value="1" checked="checked"> <label for="radioArea01">문자 단가가 높음</label></div>
+                                                <div><input type="radio" id="radioArea012" name="reason" value="2"> <label for="radioArea012">사용할 일이 없어서</label></div>
+                                                <div><input type="radio" id="radioArea0123" name="reason" value="3"> <label for="radioArea0123">사이트 이용 불만</label></div>
+                                                <div><input type="radio" id="radioArea01234" name="reason" value="4"> <label for="radioArea01234">다른 사이트 이용</label></div>
+                                                <div><input type="radio" id="radioArea012345" name="reason" value="999"> <label for="radioArea012345">환불사유 직접 입력</label></div>
+                                                <input type="text" name="reasonEtc" id="reasonEtc" size="36" disabled="disabled">
+                                            </div>
+                                            <!-- <input id="radio4" type="radio" name="reason" value="1" checked="checked">
+                                            <label for="radio4">문자 단가가 높음</label> 
+                                            <input id="radio5" type="radio" name="reason" value="2">
+                                            <label for="radio5">사용할 일이 없어서</label>
+                                            <input id="radio6" type="radio" name="reason" value="3"> 
+                                            <label for="radio6">사이트 이용 불만</label> -->
+
+                                        </td>
+                                    </tr>
+                                    <tr>
+                                        <th scope="row">비밀번호</th>
+                                        <td>
+                                            <label for="mberPw" class="label">비밀번호 입력</label>
+                                            <input type="password" name="mberPw" id="mberPw" placeholder="문자온 로그인 비밀번호를 입력해주세요." onfocus="this.placeholder=''" onblur="this.placeholder='문자온 로그인 비밀번호를 입력해주세요.'" size="36">
+                                        </td>
+                                    </tr>
+                                    <tr>
+                                        <th scope="row">연락처</th>
+                                        <td>
+                                            <label for="dpsitPhoneNo" class="label">연락처 입력</label>
+                                            <input type="text" name="dpsitPhoneNo" id="dpsitPhoneNo" value="01057058729" style="width:380px;" oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');" maxlength="12">
+                                        </td>
+                                    </tr>
+                                </tbody>
+                            </table>
+
+
+                            <p id="cancleFileTitle" class="tType1_title">
+                                <!-- 			증빙서류 제출 -->
+                            </p>
+                            <table id="cancleFileTable" class="tType1">
+                                <caption>증빙서류에 대한 표</caption>
+                                <colgroup>
+                                    <col style="width: 160px;">
+                                    <col style="width: auto;">
+                                </colgroup>
+                                <tbody>
+                                    <tr>
+                                        <th scope="row">통장사본</th>
+                                        <td class="attachedFile_wrap">
+                                            <label for="" class="label">통장사본 파일첨부</label>
+                                            <!-- <input type="text" placeholder="* 첨부가능 파일 jpg, gif, png  각 2MB 이내" readonly size="36">
+                                            <button type="button" class="btnType btnType9">파일첨부</button>
+                                            <span class="reqTxt6">※ 파일첨부가 안되시는 경우, 메일 help@iten.co.kr로 보내주세요</span> -->
+
+                                            <div>
+                                                <input type="text" readonly="readonly" disabled="" id="atFileBasicWrite" placeholder="* 첨부가능 파일 jpg, gif, png  각 2MB 이내" style="width:380px;">
+                                                <input type="file" name="bank" id="bank" style="display:none" onchange="changeValue(this); return false;">
+                                                <button onclick="document.all.bank.click(); return false;" class="btnType btnType9">파일선택</button>
+                                                <span class="reqTxt6">※ 파일첨부가 안되시는 경우, 메일 help@iten.co.kr로 보내주세요</span>
+                                            </div>
+
+                                        </td>
+                                    </tr>
+                                    <tr>
+                                        <th scope="row">증빙서류</th>
+                                        <td class="attachedFile_wrap">
+                                            <label for="" class="label">증빙서류</label>
+                                            <div>
+                                                <input type="text" readonly="readonly" disabled="" id="atFileBasicWrite2" placeholder="* 첨부가능 파일 jpg, gif, png  각 2MB 이내" style="width:380px;">
+                                                <input type="file" name="docu" id="docu" style="display:none" onchange="changeValue2(this); return false;">
+                                                <button onclick="document.all.docu.click(); return false;" class="btnType btnType9">파일선택</button>
+                                                <span class="reqTxt6">※이체확인증 또는 휴대폰 납부 영수증을 첨부해주세요</span>
+                                            </div>
+                                        </td>
+                                    </tr>
+                                </tbody>
+                            </table>
+                            <div style="text-align: center;">
+                                <button type="button" class="btnType btnType16" onclick="fn_refund_insert(); return false;">환불신청</button>
+                            </div>
+                        </div>
+                        <!-- // 환불신청 -->
+
+                        <!-- 환불신청 내역 -->
+                        <div class="pay_cont pay_refund_cont" id="tab6_2">
+
+                            <!-- 기간설정 -->
+                            <table class="tType1 pay_tType1">
+                                <caption>요금결제내역 기간설정에 대한 표</caption>
+                                <colgroup>
+                                    <col style="width: 160px;">
+                                    <col style="width: auto;">
+                                </colgroup>
+                                <tbody>
+                                    <tr>
+                                        <th scope="row">기간설정</th>
+                                        <td>
+                                            <div class="calendar_wrap">
+                                                <input type="text" class="startDate inp calendar" title="검색 시작일" id="startDate" name="startDate">
+                                                <span class="dateEtc">~</span>
+                                                <input type="text" class="endDate inp calendar" title="검색 종료일" id="endDate" name="endDate">
+                                            </div>
+                                            <button type="button" class="btnType btnType19">전월</button>
+                                            <button type="button" class="btnType btnType19">당월</button>
+                                            <button type="button" class="btnType btnType6">조회</button>
+                                            <button type="button" class="btnType btnType17">기간 초기화</button>
+                                        </td>
+                                    </tr>
+                                </tbody>
+                            </table>
+                            <!-- //기간설정 -->
+
+                            <div class="excel_middle">
+                                <div class="select_btnWrap clearfix">
+                                    <div class="add_text2"></div>
+                                    <div>
+                                        <button type="button" class="excel_btn" onclick="javascript:refundExcelDownload();">
+                                            <i class="downroad"></i>엑셀 다운로드
+                                        </button>
+                                        <button type="button" class="print_btn" onclick="javascript:fnShowRefundPrintPopup();">
+                                            <i class="print_img"></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="clause_list_body">
-                                    <table class="refund_info">
-                                        <caption>증빙서류 및 환불수수료 안내</caption>
-                                        <colgroup>
-                                            <col style="width: 15%;">
-                                            <col style="width: 22%;">
-                                            <col style="width: auto;">
-                                            <col style="width: 14%;">
-                                        </colgroup>
-                                        <thead>
-                                            <tr>
-                                                <th>결제방법</th>
-                                                <th>취소가능기간</th>
-                                                <th>증빙서류</th>
-                                                <th>환불수수료</th>
-                                            </tr>
-                                        </thead>
-                                        <tbody>
-                                            <tr>
-                                                <td>전용계좌</td>
-                                                <td>명의자 계좌로 환불</td>
-                                                <td>이체확인증(이체한 통장내역) 통장사본</td>
-                                                <td>환불금액의 3%</td>
-                                            </tr>
-                                            <tr>
-                                                <td>신용카드</td>
-                                                <td>결제일 기준 2개월 내 취소가능</td>
-                                                <td>통장사본</td>
-                                                <td>환불금액의 5%</td>
-                                            </tr>
-                                            <tr>
-                                                <td>무통장입금</td>
-                                                <td>명의자 계좌로 환불</td>
-                                                <td>이체확인증(이체한 통장내역) 통장사본</td>
-                                                <td>환불금액의 3%</td>
-                                            </tr>
-                                            <tr>
-                                                <td>휴대폰결제</td>
-                                                <td>결제 당월 취소가능</td>
-                                                <td>결제당월 일반 전화요금 납입영수증, 일반전화 명의자의 통장사본</td>
-                                                <td>환불금액의 8%</td>
-                                            </tr>
-                                            <tr>
-                                                <td>즉시이체</td>
-                                                <td>결제 당일건만 취소가능</td>
-                                                <td>통장사본</td>
-                                                <td>환불금액의 5%</td>
-                                            </tr>
-                                        </tbody>
-                                    </table>
-                                </div>
-                            </li>
-                        </ul>
-                        <p class="tType1_title">환불 금액 입력</p>
-                        <table class="tType1">
-                            <caption>환불 가능, 신청, 예정에 대한 표</caption>
-                            <colgroup>
-                                <col style="width: 160px;">
-                                <col style="width: auto;">
-                            </colgroup>
-                            <tbody>
-                                <tr>
-                                    <th scope="row">환불 가능 금액</th>
-                                    <td class="price_ref1"><span>120,000</span>원</td>
-                                </tr>
-                                <tr>
-                                    <th scope="row">환불 신청 금액</th>
-                                    <td>
-                                        <input type="text" style="margin-right: 18px;" size="36">
-                                        <label for="" class="price_input">원</label>
-                                        <input type="checkbox" id="" class="re">
-                                        <label for="" class="alarm label">선택</label>
-                                        <span class="text_req">전액환불(1,000원 이하 환불 불가)</span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <th scope="row">환불 예정 금액</th>
-                                    <td class="price_ref1"><span class="c_e40000">120,000</span>원<span
-                                            class="reqTxt5">(수수료 10% 제외)</span></td>
-                                </tr>
-                            </tbody>
-                        </table>
-                        <p class="tType1_title">환불 계좌 입력 <span>(가입자가 충전하지 않았거나 타인의 계좌로 환불신청하는 경우 별도 서류가 요구될 수 있으며, 서류
-                                불충분 시 환불되지 않습니다.)</span></p>
-                        <table class="tType1">
-                            <caption>예금주, 계좌정보, 연락처, 통장사본, 증빙서류에 대한 표</caption>
-                            <colgroup>
-                                <col style="width: 160px;">
-                                <col style="width: auto;">
-                            </colgroup>
-                            <tbody>
-                                <tr>
-                                    <th scope="row">예금주</th>
-                                    <td class="send_cf">
-                                        <input id="radio1" type="radio" name="" checked="checked">
-                                        <label for="radio1">가입자</label>
-                                        <input id="radio2" type="radio" name="">
-                                        <label for="radio2">가입자 외</label>
-                                        <input id="radio3" type="radio" name="">
-                                        <label for="radio3">기업</label>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <th scope="row">계좌정보</th>
-                                    <td>
-                                        <label for="" class="label">예금주</label>
-                                        <input type="text" placeholder="예금주  :  홍길동" readonly class="readonly">
-                                        <select name="" id="" class="selType2">
-                                            <option value="">은행선택</option>
-                                            <option value="">신한은행</option>
-                                            <option value="">우리은행</option>
-                                        </select>
-                                        <label for="" class="label">계좌번호 입력</label>
-                                        <input type="text" placeholder="계좌번호를 입력해주세요. 숫자만 입력가능"
-                                            onfocus="this.placeholder=''"
-                                            onblur="this.placeholder='계좌번호를 입력해주세요. 숫자만 입력가능'" size="36"
-                                            class="account_put">
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <th scope="row">연락처</th>
-                                    <td>
-                                        <label for="" class="label">연락처 입력</label>
-                                        <input type="text" placeholder="‘-’ 없이 숫자만 입력" onfocus="this.placeholder=''"
-                                            onblur="this.placeholder='‘-’ 없이 숫자만 입력'" size="36">
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <th scope="row">통장사본</th>
-                                    <td class="attachedFile_wrap">
-                                        <label for="" class="label">통장사본 파일첨부</label>
-                                        <input type="text" placeholder="* 첨부가능 파일 jpg, gif, png  각 2MB 이내" readonly
-                                            size="36">
-                                        <button type="button" class="btnType btnType9">파일첨부</button>
-                                        <span class="reqTxt6">※ 파일첨부가 안되시는 경우, 메일 munjaon@iten.co.kr로 보내주세요</span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <th scope="row">증빙서류</th>
-                                    <td class="attachedFile_wrap">
-                                        <label for="" class="label">증빙서류</label>
-                                        <input type="text" placeholder="* 첨부가능 파일 jpg, gif, png  각 2MB 이내" readonly
-                                            size="36">
-                                        <button type="button" class="btnType btnType9">파일첨부</button>
-                                        <span class="reqTxt6">※ 이체확인증 또는 핸드폰 납부 영수증을 첨부해주세요</span>
-                                    </td>
-                                </tr>
-                            </tbody>
-                        </table>
-                        <p class="tType1_title">환불 사유</p>
-                        <table class="tType1">
-                            <caption>환불사유, 비밀번호에 대한 표</caption>
-                            <colgroup>
-                                <col style="width: 160px;">
-                                <col style="width: auto;">
-                            </colgroup>
-                            <tbody>
-                                <tr>
-                                    <th scope="row" style="line-height: 70px;">환불사유</th>
-                                    <td class="send_cf">
-                                        <div>
-                                            <input id="radio4" type="radio" name="" checked="checked">
-                                            <label for="radio4">문자 단가가 높음</label>
-                                            <input id="radio5" type="radio" name="">
-                                            <label for="radio5">사용할 일이 없어서</label>
-                                            <input id="radio6" type="radio" name="">
-                                            <label for="radio6">사이트 이용 불만</label>
-                                        </div>
-                                        <div>
-                                            <input id="radio7" type="radio" name="">
-                                            <label for="radio7">다른 사이트 이용</label>
-                                            <input id="radio8" type="radio" name="">
-                                            <label for="radio8">환불사유 직접 입력</label>
-                                            <label for="" class="label">환불사유 직접 입력</label>
-                                            <input type="text" size="36">
-                                        </div>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <th scope="row">비밀번호</th>
-                                    <td>
-                                        <label for="" class="label">비밀번호 입력</label>
-                                        <input type="text" placeholder="문자온 로그인 비밀번호를 입력해주세요."
-                                            onfocus="this.placeholder=''"
-                                            onblur="this.placeholder='문자온 로그인 비밀번호를 입력해주세요.'" size="36">
-                                    </td>
-                                </tr>
-                            </tbody>
-                        </table>
-                        <div style="text-align: center;">
-                            <button type="button" class="btnType btnType16">환불신청</button>
+                            </div>
+
+                            <div class="tb_wrap pay3_list">
+                                <table class="tType4">
+                                    <colgroup>
+
+                                        <col style="width: 5%;">
+                                        <col style="width: 20%;">
+                                        <col style="width: auto;">
+                                        <col style="width: 15%;">
+                                        <col style="width: 15%;">
+                                        <col style="width: 15%;">
+                                    </colgroup>
+                                    <thead>
+                                        <tr>
+                                            <th>
+                                                번호
+                                                <div class="sort_wrap">
+                                                    <input type="button" class="sort sortBtnDesc" id="rsort_refundId" sortord="desc">
+                                                </div>
+                                            </th>
+                                            <th>
+                                                환불요청일시
+                                                <div class="sort_wrap">
+                                                    <input type="button" class="rsort sortBtn" id="rsort_frstRegisterPnttm">
+                                                </div>
+                                            </th>
+                                            <th>
+                                                환불처리일시(취소/불가처리 포함)
+                                                <div class="sort_wrap">
+                                                    <input type="button" class="rsort sortBtn" id="rsort_refundHandlePnttm">
+                                                </div>
+                                            </th>
+                                            <th>
+                                                환불요청금액
+                                                <div class="sort_wrap">
+                                                    <input type="button" class="rsort sortBtn" id="rsort_refundMoney">
+                                                </div>
+                                            </th>
+                                            <th>
+                                                환불처리금액
+                                                <div class="sort_wrap">
+                                                    <input type="button" class="rsort sortBtn" id="rsort_refundCash">
+                                                </div>
+                                            </th>
+                                            <th>
+                                                환불처리상태
+                                                <div class="sort_wrap">
+                                                    <input type="button" class="rsort sortBtn" id="rsort_refundStatus">
+                                                </div>
+                                            </th>
+                                        </tr>
+                                    </thead>
+                                    <tbody>
+                                        <tr>
+                                            <td colspan="6">
+                                                환불 요청 내역이 없습니다.
+                                            </td>
+                                        </tr>
+                                    </tbody>
+                                </table>
+                            </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 영역 -->
+
+
+
+    <div data-include-path="/publish/layout/_footer.html"></div>
 </body>
 
 </html>
\ No newline at end of file
diff --git a/src/main/webapp/publish/payment4.html b/src/main/webapp/publish/payment4.html
index a144536f..272a3971 100644
--- a/src/main/webapp/publish/payment4.html
+++ b/src/main/webapp/publish/payment4.html
@@ -24,165 +24,216 @@
 	<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 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 () {
+			
+			// 거래명세서/사용내역서 발행
+			$(".btn_publish").click(function(){
+				var thisVal = $("[name='publish']:checked").val();
+				var popup_wid = "820";
+				var popup_ht = "820";
+				var popup_left = (window.screen.width / 2) - (popup_wid / 2);
+				var popup_top = (window.screen.height / 2) - (popup_ht / 2);
+				if (thisVal == "statement") {
+					window.open('transaction_statement.html', 'a', 'width=' + popup_wid + ', height=' + popup_ht + ', left=' + popup_left + ', top=' + popup_top);
+				} else {
+					window.open('use_statement.html', 'a', 'width=' + popup_wid + ', height=' + popup_ht + ', left=' + popup_left + ', top=' + popup_top);
+				}
+			});
+
+		})
+	</script>
+
 </head>
 
 <body>
-	<div class="mask"></div>
+
+
+	<!-- 알림톡 상세 팝업 -->
+	<div class="tooltip-wrap">
+		<div class="popup-com adr_layer kakao_rev_popup allimTalk_detail_popup" tabindex="0" data-tooltip-con="allimTalk_detail_popup" data-focus="allimTalk_detail_popup" data-focus-prev="allimTalk_detail_popup-close" style="width:440px;">
+			<div class="popup_heading">
+				<p>문자내용</p>
+				<button type="button" class="tooltip-close" data-focus="allimTalk_detail_popup-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
+			</div>
+			<div class="layer_in">
+				<div class="list_tab_wrap2 kakao_rev_tab">
+					<!-- tab button -->
+					<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 -->
+				</div>
+				<div class="popCont current kakao_wrap" id="popCont_1">
+					<div class="rev_pop_in">
+						<div class="rev_pop_middle clearfix">
+							<span>발송일시 : 2021-05-28 16:52:30</span>
+							<span class="msg_com msg_allimtalk">알림톡</span>
+						</div>
+						<div class="rev_pop_txt">
+							<div class="text_preview">
+								<div class="allimtalk_title">
+									<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>
+									<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>
+						</div>
+					</div>
+				</div>
+				<div class="popCont replace_send_popup" id="popCont_2">
+					<div class="rev_pop_in">
+						<div class="rev_pop_middle clearfix">
+							<span>발송일시 : 2021-05-28 16:52:30</span>
+							<span class="msg_com msg_allimtalk">알림톡</span>
+						</div>
+						<div class="rev_pop_txt">
+							<ul>
+								<li><img src="/publish/images/content/thumb1.jpg" alt="발송된 그림문자 미리보기"></li>
+								<li><img src="/publish/images/content/thumb2.jpg" alt="발송된 그림문자 미리보기"></li>
+								<li><img src="/publish/images/content/thumb3.jpg" alt="발송된 그림문자 미리보기"></li>
+							</ul>
+							<div>
+								<p class="deny_receipt">(광고) 무료거부 080-888-8282</p>
+								<p class="rev_cont">안녕하세요. 문자온미용실 입니다.<br>
+									여름 맞이 이벤트 입니다.<br>
+									7월부터 8월까지 모든 염색 10만원(시세이도 및 탈색은 별도)
+								</p>
+							</div>
+						</div>
+					</div>
+				</div>
+				<div class="popup_btn_wrap2" style="justify-content: center;">
+					<button type="button" class="tooltip-close" data-focus="allimTalk_detail_popup-close" data-focus-next="allimTalk_detail_popup">닫기</button>
+				</div>
+			</div>
+		</div>
+	</div>
+	<!--// 알림톡 상세 팝업 -->
+
+	<!-- 단문 상세 팝업 -->
+	<div class="tooltip-wrap">
+		<div class="popup-com adr_layer shotMsg_detail_popup" tabindex="0" data-tooltip-con="shotMsg_detail_popup" data-focus="shotMsg_detail_popup" data-focus-prev="shotMsg_detail_popup-close" style="width: 440px;">
+			<div class="popup_heading">
+				<p>문자내용</p>
+				<button type="button" class="tooltip-close" data-focus="shotMsg_detail_popup-close">
+					<img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기">
+				</button>
+			</div>
+			<div class="layer_in" id="resvMsgDetailPopLoad">
+				<div class="rev_pop_in">
+					<div class="rev_pop_middle clearfix">
+						<span>발송일시 : 2025-03-31 16:52:18</span>
+						<span class="msg_com msg_short">SMS</span>
+					</div>
+					<div class="rev_pop_txt">
+						<div>
+							<p class="rev_cont">
+								ㄴㅇㄹ
+							</p>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+	<!-- // 단문 상세 팝업 -->
+
+	<!-- 장문 상세 팝업 -->
+	<div class="tooltip-wrap">
+		<div class="popup-com adr_layer longMsg_detail_popup" tabindex="0" data-tooltip-con="longMsg_detail_popup" data-focus="longMsg_detail_popup" data-focus-prev="longMsg_detail_popup-close" style="width: 440px;">
+			<div class="popup_heading">
+				<p>문자내용</p>
+				<button type="button" class="tooltip-close" data-focus="longMsg_detail_popup-close">
+					<img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기">
+				</button>
+			</div>
+			<div class="layer_in" id="resvMsgDetailPopLoad">
+				<div class="rev_pop_in">
+					<div class="rev_pop_middle clearfix">
+						<span>발송일시 : </span>
+						<span class="msg_com msg_long">LMS</span>
+					</div>
+					<div class="rev_pop_txt">
+						<div>
+							<!-- <p class="deny_receipt">(광고) 무료거부 080-888-8282</p> -->
+							<p class="rev_cont">
+								BYC 보디가드
+								한울유통 (도매전문)
+								설명절 선물세트 할인판매
+								50~30%세일 도매가격판매
+								도계시장내(순대촌앞)남문12호
+							</p>
+						</div>
+					</div>
+				</div>
+				<div class="popup_btn_wrap2" style="justify-content: center;">
+					<button type="button" class="tooltip-close" data-focus="longMsg_detail_popup-close" data-focus-next="longMsg_detail_popup">닫기</button>
+				</div>
+			</div>
+		</div>
+	</div>
+	<!-- // 장문 상세 팝업 -->
+
+
+
+	<!-- 그림문자 상세 팝업 -->
+	<div class="tooltip-wrap">
+		<div class="popup-com adr_layer photoMsg_detail_popup" tabindex="0" data-tooltip-con="photoMsg_detail_popup" data-focus="photoMsg_detail_popup" data-focus-prev="photoMsg_detail_popup-close" style="width:440px;">
+			<div class="popup_heading">
+				<p>문자내용</p>
+				<button type="button" class="tooltip-close" data-focus="photoMsg_detail_popup-close">
+					<img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기">
+				</button>
+			</div>
+			<div class="layer_in">
+				<div class="rev_pop_in">
+					<div class="rev_pop_middle clearfix">
+						<span>발송일시 : </span>
+						<span class="msg_com msg_photo">MMS</span>
+					</div>
+					<div class="rev_pop_txt">
+						<ul>
+							<li><img src="/publish/images/content/photo_sample01.jpg" alt="발송된 그림문자 미리보기"></li>
+						</ul>
+						<div>
+							<p class="rev_cont">
+							</p>
+						</div>
+					</div>
+				</div>
+				<div class="popup_btn_wrap2" style="justify-content: center;">
+					<button type="button" class="tooltip-close" data-focus="photoMsg_detail_popup-close" data-focus-next="photoMsg_detail_popup">닫기</button>
+				</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 메뉴 -->
-	<!-- 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>
+	<div data-include-path="/publish/layout/_header.html"></div>
 	<!--// header 영역 -->
 	<!-- login 영역 -->
 	<!-- content 영역 -->
@@ -192,114 +243,33 @@
 			<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,'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/payment1.html'">요금안내/견적내기</button></li>
+					<li class="tab"><button type="button" onclick="location.href='/publish/payment2.html'">결제하기</button></li>
+					<li class="tab"><button type="button" onclick="location.href='/publish/payment3.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/payment5.html'">세금계산서 발행 등록</button></li>
 				</ul>
 				<!--// tab button -->
 				<!-- 결제관리 - 요금 사용내역 -->
 				<div class="serv_content current" id="tab5_4">
 					<div class="heading">
 						<h2>요금 사용내역</h2>
+						<button type="button" class="button info" onclick="infoListPop('PayUserList','792','260');">사용안내</button>
 					</div>
-					<p class="tRight c_666" style="margin: 0 0 10px 0">(단위 : 건, 원)</p>
+					<!-- <p class="tRight c_666" style="margin: 0 0 10px 0">(단위 : 건, 원)</p> -->
 					<div class="hisroy_price">
-						<div class="hisroy_price_in">
-							<p><i></i>충전금액</p>
-							<div class="clearfix">
-								<p>캐시</p>
-								<p><span>120</span>원</p>
-							</div>
-							<div class="clearfix">
-								<p>포인트</p>
-								<p><span>120</span>원</p>
-							</div>
-						</div>
 						<div class="hisroy_price_in">
 							<p><i></i>사용금액</p>
 							<div class="clearfix">
 								<p>캐시</p>
 								<p><span>120</span>원</p>
 							</div>
-							<div class="clearfix">
+							<!-- <div class="clearfix">
 								<p>포인트</p>
 								<p><span>120</span>원</p>
-							</div>
-						</div>
-						<div class="hisroy_price_in">
-							<p><i></i>잔액</p>
-							<div class="clearfix">
-								<p>캐시</p>
-								<p><span>120</span>원</p>
-							</div>
-							<div class="clearfix">
-								<p>포인트</p>
-								<p><span>120</span>원</p>
-							</div>
+							</div> -->
 						</div>
 					</div>
-					<div class="history_details">
-						<p class="tType1_title"><img src="/publish/images/content/history_details_title.png" alt=""> 발송내역</p>
-						<div class="details_wrap">
-							<table>
-								<colgroup>
-									<col style="width: calc(100% / 6);">
-									<col style="width: calc(100% / 6);">
-									<col style="width: calc(100% / 6);">
-									<col style="width: calc(100% / 6);">
-									<col style="width: calc(100% / 6);">
-									<col style="width: calc(100% / 6);">
-								</colgroup>
-								<thead>
-									<tr>
-										<th>구분</th>
-										<th>문자</th>
-										<th>알림톡</th>
-										<th>친구톡</th>
-										<th>팩스</th>
-										<th>계</th>
-									</tr>
-								</thead>
-								<tbody>
-									<tr>
-										<td>발송건(매)수</td>
-										<td>100,000,000</td>
-										<td>100,000,000</td>
-										<td>100,000,000</td>
-										<td>100,000,000</td>
-										<td>100,000,000</td>
-									</tr>
-									<tr>
-										<td>사용금액</td>
-										<td>100,000,000</td>
-										<td>100,000,000</td>
-										<td>100,000,000</td>
-										<td>100,000,000</td>
-										<td>100,000,000</td>
-									</tr>
-									<tr>
-										<td>예약건수</td>
-										<td>100,000,000</td>
-										<td>100,000,000</td>
-										<td>100,000,000</td>
-										<td>100,000,000</td>
-										<td>100,000,000</td>
-									</tr>
-									<tr>
-										<td>사용금액</td>
-										<td>100,000,000</td>
-										<td>100,000,000</td>
-										<td>100,000,000</td>
-										<td>100,000,000</td>
-										<td>100,000,000</td>
-									</tr>
-								</tbody>
-							</table>
-						</div>
-					</div>
-					<p class="tType1_title"><img src="/publish/images/content/icon_details_breakdown.png" alt=""> 세부내역</p>
 					<div class="excel_middle">
 						<div class="select_btnWrap clearfix">
 							<div class="btn_left">
@@ -328,7 +298,7 @@
 							<li class="tab"><button type="button" onclick="listTab2(this,'4');">그림</button></li>
 							<li class="tab"><button type="button" onclick="listTab2(this,'5');">선거</button></li>
 							<li class="tab"><button type="button" onclick="listTab2(this,'5');">알림톡</button></li>
-							<li class="tab"><button type="button" onclick="listTab2(this,'5');">친구톡</button></li>
+							<!-- <li class="tab"><button type="button" onclick="listTab2(this,'5');">친구톡</button></li> -->
 							<li class="tab"><button type="button" onclick="listTab2(this,'5');">팩스</button></li>
 						</ul>
 						<!--// tab button -->
@@ -345,333 +315,82 @@
 						<div class="tb_wrap">
 							<table class="tType4">
 								<colgroup>
-									<col style="width: 40px;">
-									<col style="width: 10%;">
+									<col style="width: auto;">
 									<col style="width: 15%;">
-									<col style="width: 35%;">
-									<col style="width: 10%;">
-									<col style="width: 10%;">
-									<col style="width: 10%;">
-									<col style="width: 10%;">
-									<col style="width: 10%;">
-									<col style="width: 10%;">
+									<col style="width: 15%;">
+									<col style="width: 15%;">
+									<col style="width: 20%;">
 								</colgroup>
 								<thead>
 									<tr>
 										<th rowspan="2">
-											<label for="" class="label">전체 선택</label>
-											<input type="checkbox">
-										</th>
-										<th rowspan="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>
+												<input type="button" class="sort sortBtnDesc" id="sort_regDate" sortord="desc">
 											</div>
 										</th>
 										<th rowspan="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>
+												<input type="button" class="sort sortBtn" id="sort_orderByCode">
 											</div>
 										</th>
-										<th rowspan="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 colspan="2">충전</th>
-										<th colspan="2">사용</th>
-										<th colspan="2">잔액</th>
+										<th rowspan="2">내용</th>
+										<th rowspan="2">발송건수</th>
+										<th>사용</th>
 									</tr>
 									<tr>
 										<th>충전금</th>
-										<th>포인트</th>
-										<th>충전금</th>
-										<th>포인트</th>
-										<th>충전금</th>
-										<th>포인트</th>
 									</tr>
 								</thead>
 								<tbody>
 									<tr>
-										<td>
-											<label for="" class="label">선택</label>
-											<input type="checkbox">
-										</td>
-										<td>
-											<p>2021-06-10</p>
-										</td>
-										<td>
-											<p>알림톡 텍스트</p>
-										</td>
-										<td class="tb_tit">
-											<p>(광고) 하이~ 무료 거부 0801000008 대리운전</p>
-											<div class="history_hover">
-												<div class="allimtalk_title">
-													<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>
-													<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>
-										</td>
-										<td>
-											<p>0</p>
-										</td>
-										<td>
-											<p>0</p>
-										</td>
-										<td>
-											<p class="fwRg c_002c9a">0</p>
-										</td>
-										<td>
-											<p class="fwRg c_002c9a">50</p>
-										</td>
-										<td>
-											<p class="fwRg c_222">0</p>
-										</td>
-										<td>
-											<p class="fwRg c_222">350</p>
+										<td colspan="5">
+											검색 결과가 없습니다.
 										</td>
 									</tr>
 									<tr>
+										<td>2025-04-21 18:19:48</td>
+										<td>알림톡</td>
+										<td><button class="btnType btnType20" data-tooltip="allimTalk_detail_popup">상세보기</button></td>
 										<td>
-											<label for="" class="label">선택</label>
-											<input type="checkbox">
+											<p class="fwRg c_002c9a">1/0</p>
 										</td>
 										<td>
-											<p>2021-06-10</p>
-										</td>
-										<td>
-											<p>알림톡</p>
-										</td>
-										<td class="tb_tit">
-											<p>(광고) 하이~ 무료 거부 0801000008 대리운전</p>
-											<div class="history_hover">
-												<ul>
-													<li><img src="/publish/images/content/history_img1.jpg" alt="보낸 이미지1"></li>
-												</ul>
-												<p>(광고) 하이~ 무료 거부 08010000008 빨리빨리대리전★☎ 1588-8282 시원한 맥주한잔 후엔 10% 적립! 불러주시면 빨리 달려갑니다! (광고) 하이~ 무료 거부 08010000008 빨리빨리대리전★☎ 1588-8282 시원한 맥주한잔 후엔 10% 적립! 불러주시면 빨리 달려갑니다!</p>
-											</div>
-										</td>
-										<td>
-											<p>0</p>
-										</td>
-										<td>
-											<p>0</p>
-										</td>
-										<td>
-											<p class="fwRg c_002c9a">0</p>
-										</td>
-										<td>
-											<p class="fwRg c_002c9a">50</p>
-										</td>
-										<td>
-											<p class="fwRg c_222">0</p>
-										</td>
-										<td>
-											<p class="fwRg c_222">350</p>
+											<p class="fwRg c_002c9a">5</p>
 										</td>
 									</tr>
 									<tr>
+										<td>2025-04-21 18:19:48</td>
+										<td>단문</td>
+										<td><button class="btnType btnType20" data-tooltip="shotMsg_detail_popup">상세보기</button></td>
 										<td>
-											<label for="" class="label">선택</label>
-											<input type="checkbox">
+											<p class="fwRg c_002c9a">1/0</p>
 										</td>
 										<td>
-											<p>2021-06-10</p>
-										</td>
-										<td>
-											<p>친구톡</p>
-										</td>
-										<td class="tb_tit">
-											<p>(광고) 하이~ 무료 거부 0801000008 대리운전</p>
-											<div class="history_hover">
-												<ul>
-													<li><img src="/publish/images/content/history_img1.jpg" alt="보낸 이미지1"></li>
-												</ul>
-												<p>(광고) 하이~ 무료 거부 08010000008 빨리빨리대리전★☎ 1588-8282 시원한 맥주한잔 후엔 10% 적립! 불러주시면 빨리 달려갑니다! (광고) 하이~ 무료 거부 08010000008 빨리빨리대리전★☎ 1588-8282 시원한 맥주한잔 후엔 10% 적립! 불러주시면 빨리 달려갑니다!</p>
-											</div>
-										</td>
-										<td>
-											<p>0</p>
-										</td>
-										<td>
-											<p>0</p>
-										</td>
-										<td>
-											<p class="fwRg c_002c9a">0</p>
-										</td>
-										<td>
-											<p class="fwRg c_002c9a">50</p>
-										</td>
-										<td>
-											<p class="fwRg c_222">0</p>
-										</td>
-										<td>
-											<p class="fwRg c_222">350</p>
+											<p class="fwRg c_002c9a">5</p>
 										</td>
 									</tr>
 									<tr>
+										<td>2025-04-21 18:19:48</td>
+										<td>장문</td>
+										<td><button class="btnType btnType20" data-tooltip="longMsg_detail_popup">상세보기</button></td>
 										<td>
-											<label for="" class="label">선택</label>
-											<input type="checkbox">
+											<p class="fwRg c_002c9a">1/0</p>
 										</td>
 										<td>
-											<p>2021-06-10</p>
-										</td>
-										<td>
-											<p>광고</p>
-										</td>
-										<td class="tb_tit">
-											<p>(광고) 하이~ 무료 거부 0801000008 대리운전</p>
-											<div class="history_hover">
-												<ul>
-													<li><img src="/publish/images/content/history_img1.jpg" alt="보낸 이미지1"></li>
-												</ul>
-												<p>(광고) 하이~ 무료 거부 08010000008 빨리빨리대리전★☎ 1588-8282 시원한 맥주한잔 후엔 10% 적립! 불러주시면 빨리 달려갑니다! (광고) 하이~ 무료 거부 08010000008 빨리빨리대리전★☎ 1588-8282 시원한 맥주한잔 후엔 10% 적립! 불러주시면 빨리 달려갑니다!</p>
-											</div>
-										</td>
-										<td>
-											<p>0</p>
-										</td>
-										<td>
-											<p>0</p>
-										</td>
-										<td>
-											<p class="fwRg c_002c9a">0</p>
-										</td>
-										<td>
-											<p class="fwRg c_002c9a">50</p>
-										</td>
-										<td>
-											<p class="fwRg c_222">0</p>
-										</td>
-										<td>
-											<p class="fwRg c_222">350</p>
+											<p class="fwRg c_002c9a">5</p>
 										</td>
 									</tr>
 									<tr>
+										<td>2025-04-21 18:19:48</td>
+										<td>그림</td>
+										<td><button class="btnType btnType20" data-tooltip="photoMsg_detail_popup">상세보기</button></td>
 										<td>
-											<label for="" class="label">선택</label>
-											<input type="checkbox">
+											<p class="fwRg c_002c9a">1/0</p>
 										</td>
 										<td>
-											<p>2021-06-10</p>
-										</td>
-										<td>
-											<p>선거</p>
-										</td>
-										<td class="tb_tit">
-											<p>(광고) 하이~ 무료 거부 0801000008 대리운전</p>
-											<div class="history_hover">
-												<ul>
-													<li><img src="/publish/images/content/history_img1.jpg" alt="보낸 이미지1"></li>
-													<li><img src="/publish/images/content/history_img2.jpg" alt="보낸 이미지2"></li>
-													<li><img src="/publish/images/content/history_img3.jpg" alt="보낸 이미지3"></li>
-												</ul>
-												<p>(광고) 하이~ 무료 거부 08010000008 빨리빨리대리전★☎ 1588-8282 시원한 맥주한잔 후엔 10% 적립! 불러주시면 빨리 달려갑니다! (광고) 하이~ 무료 거부 08010000008 빨리빨리대리전★☎ 1588-8282 시원한 맥주한잔 후엔 10% 적립! 불러주시면 빨리 달려갑니다!</p>
-											</div>
-										</td>
-										<td>
-											<p>0</p>
-										</td>
-										<td>
-											<p>0</p>
-										</td>
-										<td>
-											<p class="fwRg c_002c9a">0</p>
-										</td>
-										<td>
-											<p class="fwRg c_002c9a">50</p>
-										</td>
-										<td>
-											<p class="fwRg c_222">0</p>
-										</td>
-										<td>
-											<p class="fwRg c_222">350</p>
-										</td>
-									</tr>
-									<tr>
-										<td>
-											<label for="" class="label">선택</label>
-											<input type="checkbox">
-										</td>
-										<td>
-											<p>2021-06-10</p>
-										</td>
-										<td>
-											<p>일반</p>
-										</td>
-										<td class="tb_tit">
-											<p>(광고) 하이~ 무료 거부 0801000008 대리운전</p>
-											<div class="history_hover">
-												<p>(광고) 하이~ 무료 거부 08010000008 빨리빨리대리전★☎ 1588-8282 시원한 맥주한잔 후엔 10% 적립! 불러주시면 빨리 달려갑니다! (광고) 하이~ 무료 거부 08010000008 빨리빨리대리전★☎ 1588-8282 시원한 맥주한잔 후엔 10% 적립! 불러주시면 빨리 달려갑니다!</p>
-											</div>
-										</td>
-										<td>
-											<p>0</p>
-										</td>
-										<td>
-											<p>0</p>
-										</td>
-										<td>
-											<p class="fwRg c_002c9a">0</p>
-										</td>
-										<td>
-											<p class="fwRg c_002c9a">50</p>
-										</td>
-										<td>
-											<p class="fwRg c_222">0</p>
-										</td>
-										<td>
-											<p class="fwRg c_222">350</p>
-										</td>
-									</tr>
-									<tr>
-										<td>
-											<label for="" class="label">선택</label>
-											<input type="checkbox">
-										</td>
-										<td>
-											<p>2021-06-10</p>
-										</td>
-										<td>
-											<p>가입축하포인트</p>
-										</td>
-										<td class="tb_tit">
-											<p>문자포인트 적립</p>
-										</td>
-										<td>
-											<p>0</p>
-										</td>
-										<td>
-											<p>500</p>
-										</td>
-										<td>
-											<p class="fwRg c_002c9a">0</p>
-										</td>
-										<td>
-											<p class="fwRg c_002c9a">500</p>
-										</td>
-										<td>
-											<p class="fwRg c_222">0</p>
-										</td>
-										<td>
-											<p class="fwRg c_222">500</p>
+											<p class="fwRg c_002c9a">5</p>
 										</td>
 									</tr>
 								</tbody>
@@ -679,13 +398,17 @@
 						</div>
 						<div class="publish_btn clearfix">
 							<div>
-								<input type="radio" checked>
-								<label for="">거래명세서</label>
-								<input type="radio">
-								<label for="">사용내역서</label>
+								<input type="radio" name="publish" id="publishS" value="statement" checked>
+								<label for="publishS">거래명세서</label>
+								<input type="radio" name="publish" id="publishD" value="details">
+								<label for="publishD">사용내역서</label>
+								<select id="addVatType" name="addVatType" class="selType2">
+									<option value="N" selected="">부가세 별도</option>
+									<option value="Y">부가세 포함</option>
+								</select>
 							</div>
 							<div>
-								<button type="button" class="btnType">발행하기</button>
+								<button type="button" class="btnType btn_publish">발행하기</button>
 							</div>
 						</div>
 						<!-- pagination -->
@@ -713,38 +436,7 @@
 	</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>
+	<div data-include-path="/publish/layout/_footer.html"></div>
 	<!--// footer 영역 -->
 </body>
 
diff --git a/src/main/webapp/publish/payment5.html b/src/main/webapp/publish/payment5.html
index 9fc11bf2..1f62a288 100644
--- a/src/main/webapp/publish/payment5.html
+++ b/src/main/webapp/publish/payment5.html
@@ -15,403 +15,234 @@
     <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>
+    <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 메뉴 -->
+    </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">
         <div class="inner">
+
             <!-- send top -->
             <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,'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>
-                </ul><!--// tab button -->
-				<!-- 결제관리 - 계산서/현금영수증 발행 등록 -->
+                    <li class="tab"><button type="button" onclick="location.href='/publish/payment1.html'">요금안내/견적내기</button></li>
+                    <li class="tab"><button type="button" onclick="location.href='/publish/payment2.html'">결제하기</button></li>
+                    <li class="tab"><button type="button" onclick="location.href='/publish/payment3.html'">요금 결제내역</button></li>
+                    <li class="tab"><button type="button" onclick="location.href='/publish/payment4.html'">요금 사용내역</button></li>
+                    <li class="tab active"><button type="button" onclick="TabType5(this,'5');">세금계산서 발행 등록</button></li>
+                </ul>
+                <!--// tab button -->
+
                 <div class="serv_content current" id="tab5_5">
                     <div class="heading">
-                        <h2>세금계산서/영수증</h2>
-                    </div>
-                    <div class="pay_tab_wrap">
-                        <!-- tab button -->
-                        <ul class="tabType1">
-                            <li class="tab active"><button type="button" onclick="TabType1(this,'1');">세금계산서</button></li>
-                            <li class="tab"><button type="button" onclick="TabType1(this,'2');">현금영수증</button></li>
-                        </ul><!--// tab button -->
+                        <!-- <h2>세금계산서/영수증</h2> -->
+                        <h2>세금계산서 발행 등록</h2>
+                        <button type="button" class="button info" onclick="infoListPop('BillPub','792','350');">사용안내</button>
                     </div>
                     <!-- 세금계산서/영수증 - 세금계산서(기업/개인) -->
                     <div class="pay_cont current" id="tab1_1">
-                        <div class="titBox">
-                            <p>- 세금계산서는 결제일로부터 영업일 기준 3일 소요되며, 업체 등록한 담당자 이메일로 자동 발행됩니다(결제일로부터 다음달 9일까지 신청가능)</p>
-                            <p>- 신청기간이 지난 세금계산서 결제내역은 자동발행이 되지 않습니다.</p>
-                            <p>- 카드전표 또는 현금영수증을 발행한 건의 경우에는 세금계산서 발행이 불가합니다.</p>
-                            <p>- 전자세금계산서는 발행과 동시에 국세청에 전송되기 때문에 폐기 및 정정이 불가하며, 수정이 필요한 경우 문자온 담당자에게 별도로 수정 세금계산서 발행을 요청(전화 또는 이메일)하셔야 합니다.</p>
-                            <p>  또한, 기존 세금계산서와 수정 세금계산서 모두를 부가세 신고하여야 합니다.</p>
-                            <p>- 세금계산서 자동발행 등록 시 현금영수증 발행화면은 비활성화 됩니다.</p>
-                            <p>- 무통장, 전용계좌는 송금액에서 공급가액이 충전됩니다(VAT 별도)</p>
+                        <div class="bill_tab">
+                            <ul>
+                                <li><input type="radio" name="billDepth" id="billDepth1" onchange="billDepth(this);" value="biz"><label for="billDepth1">기업</label></li>
+                                <li><input type="radio" name="billDepth" id="billDepth2" onchange="billDepth(this);" value="regi"><label for="billDepth2">개인</label></li>
+                            </ul>
+                            <p>* 자동 발행은 기업/개인 중에 한 곳만 가능합니다.</p>
                         </div>
-                        <!-- 개인(선거)정보 -->
-                        <p class="tType1_title">개인(선거)정보<button type="button" class="btnType">개인정보 수정하기</button></p>
-                        <table class="tType1">
-                            <caption>개인(선거)정보 성명, 주민등록번호, 주소에 대한 표</caption>
-                            <colgroup>
-                                <col style="width: 160px;">
-                                <col style="width: auto;">
-                            </colgroup>
-                            <tbody>
-                                <tr>
-                                    <th scope="row">성명</th>
-                                    <td>홍길동</td>
-                                </tr>
-                                <tr>
-                                    <th scope="row">주민등록번호</th>
-                                    <td>88xxxx-1xxxxxx</td>
-                                </tr>
-                                <tr>
-                                    <th scope="row">성명</th>
-                                    <td>서울시 도봉구 홍길동</td>
-                                </tr>
-                            </tbody>
-                        </table>
+
                         <!-- 기업정보 -->
-                        <p class="tType1_title">기업정보<button type="button" class="btnType">개인정보 수정하기</button></p>
+                        <div class="bill_content_wrap">
+                            <div class="bill_content" style="display: none;">
+
+                                <table class="tType1">
+                                    <caption>계산서 정보 발행여부 선택에 대한 표</caption>
+                                    <colgroup>
+                                        <col style="width: 190px;">
+                                        <col style="width: auto;">
+                                    </colgroup>
+                                    <tbody>
+                                        <tr>
+                                            <th scope="row"><span class="essential">*</span>자동발행여부</th>
+                                            <td class="send_cf">
+                                                <input id="radio1" type="radio" name="taxRadio1" value="B" onchange="taxbillCheck(this);">
+                                                <label for="radio1">자동발행</label>
+                                                <input id="radio2" type="radio" name="taxRadio1" value="N" checked="checked" onchange="taxbillCheck(this);">
+                                                <label for="radio2">발행하지 않음</label>
+                                                <span class="reqTxt6"><span class="vMiddle">*</span> 날짜 소급적용 불가</span>
+                                            </td>
+                                        </tr>
+                                    </tbody>
+                                </table>
+
+                                <p class="tType1_title">기업 발행 정보</p>
+                                <table class="tType1">
+                                    <caption>대표자명, 사업자번호, 주소에 대한 표</caption>
+                                    <colgroup>
+                                        <col style="width: 190px;">
+                                        <col style="width: auto;">
+                                    </colgroup>
+                                    <tbody>
+                                        <tr>
+                                            <th scope="row"><span class="essential">*</span>상호명</th>
+                                            <td><input type="text" id="taxBzNm" maxlength="80" value="" style="width:80%;"></td>
+                                        </tr>
+                                        <tr>
+                                            <th scope="row"><span class="essential">*</span>대표자명</th>
+                                            <td><input type="text" id="taxChrmNm" maxlength="40" value=""></td>
+                                        </tr>
+                                        <tr>
+                                            <th scope="row"><span class="essential">*</span>사업자번호</th>
+                                            <td><input type="text" id="taxBizNo" maxlength="20" onkeyup="this.value=this.value.replace(/[^-\.0-9]/g,'')" value=""><span class="reqTxt6"><span class="vMiddle">*</span> 숫자만 입력하세요</span></td>
+                                        </tr>
+                                        <tr>
+                                            <th scope="row"><span class="essential">*</span>주소</th>
+                                            <td><input type="text" id="taxAddr" maxlength="65" value="" style="width:80%;"><span class="reqTxt6"><span class="vMiddle">*</span> 전체 주소를 입력하세요</span></td>
+                                        </tr>
+                                        <tr>
+                                            <th scope="row"><span class="essential">*</span>업태</th>
+                                            <td><input type="text" id="taxBizCondition" maxlength="45" value=""><span class="reqTxt6"><span class="vMiddle">*</span> 비영리 기관의 경우 "비영리"로 입력하세요.</span></td>
+                                        </tr>
+                                        <tr>
+                                            <th scope="row"><span class="essential">*</span>종목</th>
+                                            <td><input type="text" id="taxBizEvnet" maxlength="45" value=""><span class="reqTxt6"><span class="vMiddle">*</span> 비영리 기관의 경우 "비영리"로 입력하세요.</span></td>
+                                        </tr>
+
+                                    </tbody>
+                                </table>
+                            </div>
+                            <div class="bill_content" style="display: block;">
+
+                                <table class="tType1">
+                                    <caption>계산서 정보 발행여부 선택에 대한 표</caption>
+                                    <colgroup>
+                                        <col style="width: 190px;">
+                                        <col style="width: auto;">
+                                    </colgroup>
+                                    <tbody>
+                                        <tr>
+                                            <th scope="row"><span class="essential">*</span>자동발행여부</th>
+                                            <td class="send_cf">
+                                                <input id="radio1_1" type="radio" name="taxRadio2" value="C" onchange="taxbillCheck(this);">
+                                                <label for="radio1_1">자동발행</label>
+                                                <input id="radio2_1" type="radio" name="taxRadio2" value="N" checked="checked" onchange="taxbillCheck(this);">
+                                                <label for="radio2_1">발행하지 않음</label>
+                                                <span class="reqTxt6"><span class="vMiddle">*</span> 날짜 소급적용 불가</span>
+                                            </td>
+                                        </tr>
+                                    </tbody>
+                                </table>
+
+                                <p class="tType1_title">개인 정보</p>
+                                <table class="tType1">
+                                    <caption>개인 정보 성명, 주민등록번호, 주소에 대한 표</caption>
+                                    <colgroup>
+                                        <col style="width: 190px;">
+                                        <col style="width: auto;">
+                                    </colgroup>
+                                    <tbody>
+                                        <tr>
+                                            <th scope="row"><span class="essential">*</span>성명</th>
+                                            <td><input type="text" id="taxCNm" maxlength="5" value=""></td>
+                                        </tr>
+                                        <tr>
+                                            <th scope="row"><span class="essential">*</span>주민등록번호</th>
+                                            <td><input type="text" id="taxCIhidNum" value="" maxlength="13"></td>
+                                        </tr>
+                                        <tr>
+                                            <th scope="row"><span class="essential">*</span>주소</th>
+                                            <td><input type="text" id="taxCAddr" maxlength="65" value="" style="width:80%;"></td>
+                                        </tr>
+                                    </tbody>
+                                </table>
+                            </div>
+                        </div>
+
+                        <p class="tType1_title">담당자 정보</p>
                         <table class="tType1">
-                            <caption>기업정보 회사명, 사업자등로건호, 대표, 사업장 소재지, 업태/종목에 대한 표<caption>
+                            <caption>담당자 정보 계산서 수신 이메일, 담당자 이름, 담당자 휴대폰,회사 대표번호에 대한 표</caption>
                             <colgroup>
-                                <col style="width: 160px;">
+                                <col style="width: 190px;">
                                 <col style="width: auto;">
                             </colgroup>
                             <tbody>
-                                <tr>
-                                    <th scope="row">회사명</th>
-                                    <td>주식회사 아이티앤</td>
-                                </tr>
-                                <tr>
-                                    <th scope="row">사업자등록번호</th>
-                                    <td>653-87-00858</td>
-                                </tr>
-                                <tr>
-                                    <th scope="row">대표</th>
-                                    <td>유인식</td>
-                                </tr>
-                                <tr>
-                                    <th scope="row">사업장 소재지</th>
-                                    <td>경기 남양주시 다산중앙로 19번길 21(다산동) 1027호, 1028호(블루웨일지식산업센터 1차)</td>
-                                </tr>
-                                <tr>
-                                    <th scope="row">업태/종목</th>
-                                    <td>서비스업 / 소프트웨어 개발 및 자문</td>
-                                </tr>
-                            </tbody>
-                        </table>
-                        <p class="tType1_title">계산서 정보</p>
-                        <table class="tType1">
-                            <caption>계산서 정보 발행여부 선택, 계산서 수신 이메일, 담당자 이름, 담당자 휴대폰,회사 대표번호에 대한 표</caption>
-                            <colgroup>
-                                <col style="width: 160px;">
-                                <col style="width: auto;">
-                            </colgroup>
-                            <tbody>
-                                <tr>
-                                    <th scope="row">발행여부</th>
-                                    <td class="send_cf">
-                                        <input id="radio1" type="radio"name="" checked="checked">
-                                        <label for="radio1">자동발행</label>
-                                        <input id="radio2" type="radio" name="">
-                                        <label for="radio2">발행하지 않음</label>
-                                        <span class="reqTxt6"><span class="vMiddle">*</span> 날짜 소급적용 불가</span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <th scope="row">계산서 수신 이메일</th>
+                                <tr class="autoY">
+                                    <th scope="row"><span class="essential">*</span>계산서 수신 이메일</th>
                                     <td>
                                         <div class="emailWrap2">
                                             <label for="" class="label">이메일 앞자리</label>
-                                            <input type="text">
+                                            <input type="text" id="taxMngEmail1" name="taxMngEmail1" maxlength="29">
                                             <span>@</span>
                                             <label for="" class="label">이메일 뒷자리</label>
-                                            <input type="text">
+                                            <input type="text" id="taxMngEmail2" name="taxMngEmail2" maxlength="20">
                                         </div>
                                         <label for="" class="이메일 선택"></label>
-                                        <select class="list_selType1">
-                                            <option value="">직접입력</option>
-                                            <option value="">직접입력</option>
+                                        <select class="list_selType1" id="taxEmailSelect" onchange="taxEmailChange(this)">
+                                            <option value="1">직접입력</option>
+                                            <option value="naver.com">네이버</option>
+                                            <option value="nate.com">네이트</option>
+                                            <option value="daum.net">다음</option>
+                                            <option value="hanmail.net">한메일</option>
+                                            <option value="gmail.com">지메일</option>
                                         </select>
-                                        <button type="button" class="btnType btnType6">계산서 발행 내역 보기</button>
                                     </td>
                                 </tr>
-                                <tr>
-                                    <th scope="row">담당자 이름</th>
+                                <tr class="autoY">
+                                    <th scope="row"><span class="essential">*</span>담당자 이름</th>
                                     <td><label for="" class="label">담당자 이름 입력</label>
-                                        <input type="text" size="36"></td>
+                                        <input type="text" size="36" name="taxMngNm" id="taxMngNm" value="" maxlength="8"></td>
                                 </tr>
-                                <tr>
-                                    <th scope="row">담당자 휴대폰</th>
+                                <tr class="autoY">
+                                    <th scope="row"><span class="essential">*</span>담당자 휴대폰</th>
                                     <td><label for="" class="label">담당자 휴대폰 입력</label>
-                                        <input type="text" placeholder="‘-’ 없이 숫자만 입력" onfocus="thisplaceholder=''" onblur="this.placeholder='‘-’ 없이 숫자만 입력'"size="36">
+                                        <input type="text" name="taxMngPhoneNum" id="taxMngPhoneNum" value="" maxlength="12" oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');" placeholder="‘-’ 없이 숫자만 입력" onfocus="thisplaceholder=''" onblur="this.placeholder='‘-’ 없이 숫자만 입력'" size="36">
                                         <span class="reqTxt6"><span class="vMiddle">*</span> 계산서 안내문자 수신용입니다. 정확하게 입력바랍니다.</span>
                                     </td>
                                 </tr>
-                                <tr>
+                                <tr class="autoY">
                                     <th scope="row">회사 대표번호</th>
                                     <td><label for="" class="label">회사 대표번호 입력</label>
-                                        <input type="text" placeholder="‘-’ 없이 숫자만 입력" onfocus="thisplaceholder=''" onblur="this.placeholder='‘-’ 없이 숫자만 입력'"size="36"></td>
+                                        <input type="text" name="taxMngComNum" id="taxMngComNum" value="" maxlength="12" oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');" placeholder="‘-’ 없이 숫자만 입력" onfocus="thisplaceholder=''" onblur="this.placeholder='‘-’ 없이 숫자만 입력'" size="36"></td>
                                 </tr>
                             </tbody>
                         </table>
                         <div style="text-align: center;">
-                            <button type="button" class="btnType btnType16">계산서 정보 수정하기</button>
+                            <button type="button" class="btnType btnType16" onclick="javascript:updateTaxbill('USRCNFRM_00000003424'); ">계산서 정보 수정하기</button>
                         </div>
                     </div> <!-- 세금계산서/영수증 - 세금계산서(기업/개인) -->
 
                     <!-- 세금계산서/영수증 - 현금영수증 -->
-                    <div class="pay_cont" id="tab1_2">
-                        <div class="titBox">
-                            <p>- 현금영수증 정보를 사전 입력하셔야만 자동 발행됩니다.</p>
-                            <p>- 현금영수증은 결제일로부터 30일 이내 신청 가능하며, 신청일로부터 영업일 기준 7일 이내 처리됩니다.</p>
-                            <p>- 전화번호 변경 시 결제 전 수정 부탁드립니다.</p>
-                        </div>
-                        <!-- 개인정보 -->
-                        <p class="tType1_title">현금영수증 정보등록<button type="button" class="btnType">등록 정보수정하기</button></p>
-                        <table class="tType1">
-                            <caption>현금영수증 구분, 조회날짜, 날짜설정에 대한 표</caption>
-                            <colgroup>
-                                <col style="width: 160px;">
-                                <col style="width: auto;">
-                            </colgroup>
-                            <tbody>
-                                <tr>
-                                    <th scope="row">사업자번호</th>
-                                    <td>
-                                        <label for="" class="label">사업자번호</label>
-                                        <input type="text" placeholder="123-45-5678" readonly class="readonly" size="36" style="width: 373px;">
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <th scope="row">이메일</th>
-                                    <td>
-                                        <div class="emailWrap2">
-                                            <label for="" class="label">이메일 앞자리</label>
-                                            <input type="text">
-                                            <span>@</span>
-                                            <label for="" class="label">이메일 뒷자리</label>
-                                            <input type="text">
-                                        </div>
-                                        <label for="" class="이메일 선택"></label>
-                                        <select class="list_selType1">
-                                            <option value="">직접입력</option>
-                                            <option value="">직접입력</option>
-                                        </select>
-                                        <span class="reqTxt6"><span class="vMiddle">*</span> 입력하신 이메일 주소로 발행됩니다.</span>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <th scope="row">담당자 휴대폰</th>
-                                    <td>
-                                        <label for="" class="label">담당자 휴대폰 입력</label>
-                                        <input type="text" placeholder="‘-’ 없이 숫자만 입력" onfocus="thisplaceholder=''" onblur="this.placeholder='‘-’ 없이 숫자만 입력'"size="36" style="width: 373px;">
-                                    </td>
-                                </tr>
-                            </tbody>
-                        </table>
-                        <div style="text-align: center;">
-                            <button type="button" class="btnType btnType16">영수증 발행하기</button>
-                        </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>
+                    <!-- 현금영수증 자동발행 기능 제외_220502 -->
+
                 </div>
+
+
             </div>
+            <!--// send top -->
         </div>
-    </footer><!--// footer 영역 -->
-</body></html>
+    </div>
+    <!--// content 영역 -->
+    <div data-include-path="/publish/layout/_footer.html"></div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/main/webapp/publish/payment6.html b/src/main/webapp/publish/payment6.html
index c050dfc6..d21a5a68 100644
--- a/src/main/webapp/publish/payment6.html
+++ b/src/main/webapp/publish/payment6.html
@@ -39,150 +39,7 @@
 	</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>
+	<div data-include-path="/publish/layout/_header.html"></div>
 	<!--// header 영역 -->
 	<!-- login 영역 -->
 	<!-- content 영역 -->
@@ -239,7 +96,7 @@
 								<p><span>120</span>원</p>
 							</div>
 						</div>
-                        <div class="hisroy_defprice_in">
+						<div class="hisroy_defprice_in">
 							<p><i></i>잔액 (사용가능금액)</p>
 							<div class="clearfix">
 								<p>캐시</p>
@@ -340,19 +197,19 @@
 									<col style="width: 17%;">
 									<col style="width: 17%;">
 									<col style="width: 15%;">
-									<col style="width: *%;">
-									<col style="width: *%;">
+									<col style="width: auto;">
+									<col style="width: auto;">
 								</colgroup>
 								<thead>
 									<tr>
-                                        <th rowspan="2">
+										<th rowspan="2">
 											발송일시
 											<div class="sort_wrap">
 												<button type="button"><img src="images/sortUp.png" alt="오름차순으로 분류"></button>
 												<button type="button"><img src="images/sortDown.png" alt="내림차순으로 분류"></button>
 											</div>
 										</th>
-                                        <th rowspan="2">
+										<th rowspan="2">
 											문자유형
 											<div class="sort_wrap">
 												<button type="button"><img src="images/sortUp.png" alt="오름차순으로 분류"></button>
@@ -381,7 +238,7 @@
 											<p>장문</p>
 										</td>
 										<td>
-											<p><button class="btnType btnType20" onclick="#">상세보기</button></p>
+											<p><button class="btnType btnType20" onclick="">상세보기</button></p>
 										</td>
 										<td>
 											<p>8888</p>
@@ -401,7 +258,7 @@
 											<p>장문</p>
 										</td>
 										<td>
-											<p><button class="btnType btnType20" onclick="#">상세보기</button></p>
+											<p><button class="btnType btnType20" onclick="">상세보기</button></p>
 										</td>
 										<td>
 											<p>8</p>
@@ -421,7 +278,7 @@
 											<p>장문</p>
 										</td>
 										<td>
-											<p><button class="btnType btnType20" onclick="#">상세보기</button></p>
+											<p><button class="btnType btnType20" onclick="">상세보기</button></p>
 										</td>
 										<td>
 											<p>8</p>
@@ -441,7 +298,7 @@
 											<p>장문</p>
 										</td>
 										<td>
-											<p><button class="btnType btnType20" onclick="#">상세보기</button></p>
+											<p><button class="btnType btnType20" onclick="">상세보기</button></p>
 										</td>
 										<td>
 											<p>8</p>
@@ -461,7 +318,7 @@
 											<p>장문</p>
 										</td>
 										<td>
-											<p><button class="btnType btnType20" onclick="#">상세보기</button></p>
+											<p><button class="btnType btnType20" onclick="">상세보기</button></p>
 										</td>
 										<td>
 											<p>8</p>
@@ -481,7 +338,7 @@
 											<p>장문</p>
 										</td>
 										<td>
-											<p><button class="btnType btnType20" onclick="#">상세보기</button></p>
+											<p><button class="btnType btnType20" onclick="">상세보기</button></p>
 										</td>
 										<td>
 											<p>8(1)</p>
@@ -501,7 +358,7 @@
 											<p>장문</p>
 										</td>
 										<td>
-											<p><button class="btnType btnType20" onclick="#">상세보기</button></p>
+											<p><button class="btnType btnType20" onclick="">상세보기</button></p>
 										</td>
 										<td>
 											<p>5897</p>
@@ -552,38 +409,7 @@
 	</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>
+	<div data-include-path="/publish/layout/_footer.html"></div>
 	<!--// footer 영역 -->
 </body>
 
diff --git a/src/main/webapp/publish/popup_allimtalk_template_choice.html b/src/main/webapp/publish/popup_allimtalk_template_choice.html
index 2b2dd9bb..ad2810e7 100644
--- a/src/main/webapp/publish/popup_allimtalk_template_choice.html
+++ b/src/main/webapp/publish/popup_allimtalk_template_choice.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&amp;display=swap"
-        rel="stylesheet">
+    <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">
@@ -25,196 +24,210 @@
 </head>
 
 <body>
-    <div class="info_popup ad_layer template_choice_popup adpopup01" style="width:930px;">
-        <div class="popup_heading">
-            <p>알림톡 템플릿 선택</p>
-        </div>
-        <div class="layer_in">
-            <div class="popup_search_wrap type2 grayborder grayfill">
-                <select name="" id="" class="popup_select_type template_type">
-                    <option value="">템플릿 유형</option>
-                </select>
-                <select name="" id="" class="popup_select_type emphasis_type">
-                    <option value="">강조유형</option>
-                </select>
-                <input type="text" placeholder="템플릿명을 입력해주세요." class="inputType template_name">
-                <button type="button" class="popup_button_type bluefill">검색</button>
+    <div class="info_popup ad_layer kakaotalkset_cont  template_choice_popup adpopup01" style="width:945px;">
+        <div class="template_sample_content_wrap top_content current pay_tab_wrap" style="width:945px;">
+            <div class="popup_heading">
+                <p>알림톡 템플릿 선택</p>
             </div>
-            <div class="template_list">
-                <ul class="kakao_template_list thumbnail_list">
-                    <li>
-                        <div class="kakao_template_wrap">
-                            <div class="template_cont">
-                                <div class="title">
-                                    <div class="check">
-                                        <input type="checkbox">
+            <div class="layer_in">
+                <div class="popup_search_wrap type2 grayborder grayfill">
+                    <select name="" id="" class="popup_select_type template_type">
+                        <option value="">템플릿 유형</option>
+                    </select>
+                    <select name="" id="" class="popup_select_type emphasis_type">
+                        <option value="">강조유형</option>
+                    </select>
+                    <input type="text" placeholder="템플릿명을 입력해주세요." class="inputType template_name">
+                    <button type="button" class="popup_button_type bluefill">검색</button>
+                </div>
+                <div class="template_list">
+                    <ul class="kakao_template_list thumbnail_list">
+                        <li>
+                            <div class="kakao_template_wrap">
+                                <div class="template_cont">
+                                    <div class="title">
+                                        <div class="check">
+                                            <input type="checkbox">
+                                        </div>
+                                        포인트 적립안내
                                     </div>
-                                    포인트 적립안내
-                                </div>
-                                <div class="img_box">
-                                    <img src="/publish/images/kakao_template_img.png" alt="">
-                                </div>
-                                <div class="text_box">
-                                    <p>[포인트 적립]
-                                        쿼드커피에서 컨택포인트로 적립하셨네요!
-                                        320p 적립 완료되어 고객님의 현재 포인트는 7,000P입니다.
+                                    <div class="img_box">
+                                        <img src="/publish/images/kakao_template_img.png" alt="">
+                                    </div>
+                                    <div class="text_box">
+                                        <p>[포인트 적립]
+                                            쿼드커피에서 컨택포인트로 적립하셨네요!
+                                            320p 적립 완료되어 고객님의 현재 포인트는 7,000P입니다.
 
-                                        [포인트 정책]
-                                        4,000P 이상 모으면 현금처럼 사용하실 수 있습니다.
-                                        [포인트 적립]
-                                        쿼드커피에서 컨택포인트로 적립하셨네요!
-                                        320p 적립 완료되어 고객님의 현재 포인트는 7,000P입니다.
+                                            [포인트 정책]
+                                            4,000P 이상 모으면 현금처럼 사용하실 수 있습니다.
+                                            [포인트 적립]
+                                            쿼드커피에서 컨택포인트로 적립하셨네요!
+                                            320p 적립 완료되어 고객님의 현재 포인트는 7,000P입니다.
 
-                                        [포인트 정책]
-                                        4,000P 이상 모으면 현금처럼 사용하실 수 있습니다.
-                                        [포인트 적립]
-                                        쿼드커피에서 컨택포인트로 적립하셨네요!
-                                        320p 적립 완료되어 고객님의 현재 포인트는 7,000P입니다.
+                                            [포인트 정책]
+                                            4,000P 이상 모으면 현금처럼 사용하실 수 있습니다.
+                                            [포인트 적립]
+                                            쿼드커피에서 컨택포인트로 적립하셨네요!
+                                            320p 적립 완료되어 고객님의 현재 포인트는 7,000P입니다.
 
-                                        [포인트 정책]
-                                        4,000P 이상 모으면 현금처럼 사용하실 수 있습니다.
-                                    </p>
+                                            [포인트 정책]
+                                            4,000P 이상 모으면 현금처럼 사용하실 수 있습니다.
+                                        </p>
+                                    </div>
                                 </div>
                             </div>
-                        </div>
-                        <div class="kakao_template_info">
-                            <dl>
-                                <dt>채널ID</dt>
-                                <dd>@간판다움 <span>[심사요청]</span></dd>
-                            </dl>
-                            <dl>
-                                <dt>템플릿유형</dt>
-                                <dd>부가정보형</dd>
-                            </dl>
-                            <dl>
-                                <dt>강조유형</dt>
-                                <dd>이미지형</dd>
-                            </dl>
-                            <dl>
-                                <dt>등록일</dt>
-                                <dd>2023.01.05</dd>
-                            </dl>
-                        </div>
-                    </li>
-                    <li>
-                        <div class="kakao_template_wrap">
-                            <div class="template_cont">
-                                <div class="title">
-                                    <div class="check">
-                                        <input type="checkbox">
-                                    </div>
-                                    포인트 적립안내
-                                </div>
-                                <div class="img_box">
-                                    <img src="/publish/images/kakao_template_img.png" alt="">
-                                </div>
-                                <div class="text_box">
-                                    <p>[포인트 적립]
-                                        쿼드커피에서 컨택포인트로 적립하셨네요!
-                                        320p 적립 완료되어 고객님의 현재 포인트는 7,000P입니다.
+                            <div class="kakao_template_info">
+                                <dl>
+                                    <dt>채널ID</dt>
+                                    <dd>@간판다움 <span>[심사요청]</span></dd>
+                                </dl>
+                                <dl>
+                                    <dt>템플릿유형</dt>
+                                    <dd>부가정보형</dd>
+                                </dl>
+                                <dl>
+                                    <dt>강조유형</dt>
+                                    <dd>이미지형</dd>
+                                </dl>
+                                <dl>
+                                    <dt>등록일</dt>
+                                    <dd>2023.01.05</dd>
+                                </dl>
+                            </div>
 
-                                        [포인트 정책]
-                                        4,000P 이상 모으면 현금처럼 사용하실 수 있습니다.
-                                    </p>
+                            <div class="btn_wrap">
+                                <button type="button" class="btnType btnType3 btn_template_use">템플릿 사용하기</button>
+                            </div>
+                        </li>
+                        <li>
+                            <div class="kakao_template_wrap">
+                                <div class="template_cont">
+                                    <div class="title">
+                                        <div class="check">
+                                            <input type="checkbox">
+                                        </div>
+                                        포인트 적립안내
+                                    </div>
+                                    <div class="img_box">
+                                        <img src="/publish/images/kakao_template_img.png" alt="">
+                                    </div>
+                                    <div class="text_box">
+                                        <p>[포인트 적립]
+                                            쿼드커피에서 컨택포인트로 적립하셨네요!
+                                            320p 적립 완료되어 고객님의 현재 포인트는 7,000P입니다.
+
+                                            [포인트 정책]
+                                            4,000P 이상 모으면 현금처럼 사용하실 수 있습니다.
+                                        </p>
+                                    </div>
                                 </div>
                             </div>
-                        </div>
-                        <div class="kakao_template_info">
-                            <dl>
-                                <dt>채널ID</dt>
-                                <dd>@간판다움 <span>[심사요청]</span></dd>
-                            </dl>
-                            <dl>
-                                <dt>템플릿유형</dt>
-                                <dd>부가정보형</dd>
-                            </dl>
-                            <dl>
-                                <dt>강조유형</dt>
-                                <dd>이미지형</dd>
-                            </dl>
-                            <dl>
-                                <dt>등록일</dt>
-                                <dd>2023.01.05</dd>
-                            </dl>
-                        </div>
-                    </li>
-                    <li>
-                        <div class="kakao_template_wrap">
-                            <div class="template_cont">
-                                <div class="title">
-                                    <div class="check">
-                                        <input type="checkbox">
+                            <div class="kakao_template_info">
+                                <dl>
+                                    <dt>채널ID</dt>
+                                    <dd>@간판다움 <span>[심사요청]</span></dd>
+                                </dl>
+                                <dl>
+                                    <dt>템플릿유형</dt>
+                                    <dd>부가정보형</dd>
+                                </dl>
+                                <dl>
+                                    <dt>강조유형</dt>
+                                    <dd>이미지형</dd>
+                                </dl>
+                                <dl>
+                                    <dt>등록일</dt>
+                                    <dd>2023.01.05</dd>
+                                </dl>
+                            </div>
+                            <div class="btn_wrap">
+                                <button type="button" class="btnType btnType3 btn_template_use">템플릿 사용하기</button>
+                            </div>
+                        </li>
+                        <li>
+                            <div class="kakao_template_wrap">
+                                <div class="template_cont">
+                                    <div class="title">
+                                        <div class="check">
+                                            <input type="checkbox">
+                                        </div>
+                                        포인트 적립안내
                                     </div>
-                                    포인트 적립안내
-                                </div>
-                                <div class="img_box">
-                                    <img src="/publish/images/kakao_template_img.png" alt="">
-                                </div>
-                                <div class="text_box">
-                                    <p>[포인트 적립]
-                                        쿼드커피에서 컨택포인트로 적립하셨네요!
-                                        320p 적립 완료되어 고객님의 현재 포인트는 7,000P입니다.
+                                    <div class="img_box">
+                                        <img src="/publish/images/kakao_template_img.png" alt="">
+                                    </div>
+                                    <div class="text_box">
+                                        <p>[포인트 적립]
+                                            쿼드커피에서 컨택포인트로 적립하셨네요!
+                                            320p 적립 완료되어 고객님의 현재 포인트는 7,000P입니다.
 
-                                        [포인트 정책]
-                                        4,000P 이상 모으면 현금처럼 사용하실 수 있습니다.
-                                    </p>
+                                            [포인트 정책]
+                                            4,000P 이상 모으면 현금처럼 사용하실 수 있습니다.
+                                        </p>
+                                    </div>
                                 </div>
                             </div>
-                        </div>
-                        <div class="kakao_template_info">
-                            <dl>
-                                <dt>채널ID</dt>
-                                <dd>@간판다움 <span>[심사요청]</span></dd>
-                            </dl>
-                            <dl>
-                                <dt>템플릿유형</dt>
-                                <dd>부가정보형</dd>
-                            </dl>
-                            <dl>
-                                <dt>강조유형</dt>
-                                <dd>이미지형</dd>
-                            </dl>
-                            <dl>
-                                <dt>등록일</dt>
-                                <dd>2023.01.05</dd>
-                            </dl>
-                        </div>
+                            <div class="kakao_template_info">
+                                <dl>
+                                    <dt>채널ID</dt>
+                                    <dd>@간판다움 <span>[심사요청]</span></dd>
+                                </dl>
+                                <dl>
+                                    <dt>템플릿유형</dt>
+                                    <dd>부가정보형</dd>
+                                </dl>
+                                <dl>
+                                    <dt>강조유형</dt>
+                                    <dd>이미지형</dd>
+                                </dl>
+                                <dl>
+                                    <dt>등록일</dt>
+                                    <dd>2023.01.05</dd>
+                                 </dl>
+                            </div>
+                            <div class="btn_wrap">
+                                <button type="button" class="btnType btnType3 btn_template_use">템플릿 사용하기</button>
+                            </div>
+                        </li>
+                    </ul>
+                </div>
+                <ul class="pagination">
+                    <li class="page_first">
+                        <a href="#" title="첫페이지" onclick="linkPage(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="linkPage(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="linkPage(2);return false;"><a href="#" title="2페이지">2</a></button>
+                    </li>
+                    <li><button type="button" onclick="linkPage(3);return false;"><a href="#" title="3페이지">3</a></button>
+                    </li>
+                    <li><button type="button" onclick="linkPage(4);return false;"><a href="#" title="4페이지">4</a></button>
+                    </li>
+                    <li><button type="button" onclick="linkPage(5);return false;"><a href="#" title="5페이지">5</a></button>
+                    </li>
+                    <li class="page_next">
+                        <a href="#" title="다음10페이지" onclick="linkPage(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="linkPage(18);return false;">
+                            <button type="button"><img src="/publish/images/content/page_last.png" alt="마지막페이지"></button>
+                        </a>
+                    </li>
+
                 </ul>
             </div>
-            <ul class="pagination">
-                <li class="page_first">
-                    <a href="#" title="첫페이지" onclick="linkPage(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="linkPage(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="linkPage(2);return false;"><a href="#" title="2페이지">2</a></button>
-                </li>
-                <li><button type="button" onclick="linkPage(3);return false;"><a href="#" title="3페이지">3</a></button>
-                </li>
-                <li><button type="button" onclick="linkPage(4);return false;"><a href="#" title="4페이지">4</a></button>
-                </li>
-                <li><button type="button" onclick="linkPage(5);return false;"><a href="#" title="5페이지">5</a></button>
-                </li>
-                <li class="page_next">
-                    <a href="#" title="다음10페이지" onclick="linkPage(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="linkPage(18);return false;">
-                        <button type="button"><img src="/publish/images/content/page_last.png" alt="마지막페이지"></button>
-                    </a>
-                </li>
 
-            </ul>
         </div>
+
     </div>
 
 </body>
diff --git a/src/main/webapp/publish/popup_fax_detail.html b/src/main/webapp/publish/popup_fax_detail.html
index 89eae3ca..444df8aa 100644
--- a/src/main/webapp/publish/popup_fax_detail.html
+++ b/src/main/webapp/publish/popup_fax_detail.html
@@ -25,12 +25,12 @@
 </head>
 
 <body>
-  <div class="fax_detail_popup">
+  <div class="fax_detail_popup" style="width: 1000px;">
     <div class="popup_heading">
       <p>발송내역 상세</p>
       <button type="button"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
     </div>
-    <div class="tablePrint_wrap" style="width:900px;">
+    <div class="tablePrint_wrap" style="width:1000px;">
       <div class="list_info">
         <p>총 발송건수 <span class="c_e40000">171</span>건</p>
         <p class="cf_text c_e40000">* 전송내역은 60일간 보관됩니다.</p>
diff --git a/src/main/webapp/publish/popup_list.html b/src/main/webapp/publish/popup_list.html
index b528685b..48df7d64 100644
--- a/src/main/webapp/publish/popup_list.html
+++ b/src/main/webapp/publish/popup_list.html
@@ -27,151 +27,7 @@
 <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">
@@ -630,37 +486,7 @@
         </div>
     </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>
diff --git a/src/main/webapp/publish/reservedmsg.html b/src/main/webapp/publish/reservedmsg.html
index 0fe397ec..90f7dcbb 100644
--- a/src/main/webapp/publish/reservedmsg.html
+++ b/src/main/webapp/publish/reservedmsg.html
@@ -2,33 +2,39 @@
 <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/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>
+	<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">
+	<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/popup.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="mask"></div>
 
-    <!-- 문자내용 팝업 data-tooltip: rev_popup01 -->
+<body>
+	<div class="mask"></div>
+
 	<div class="tooltip-wrap">
 		<div class="popup-com adr_layer rev_popup01" tabindex="0" data-tooltip-con="rev_popup01" data-focus="rev_popup01" data-focus-prev="rev_popup01-close" style="width: 440px;">
 			<div class="popup_heading">
@@ -37,923 +43,1529 @@
 			</div>
 			<div class="layer_in">
 				<div class="rev_pop_in">
-                    <label for="" class="label">발송된 문자 제목</label>
-                    <input type="text" placeholder="여름할인 이벤트" readonly>
-                    <div class="rev_pop_middle clearfix">
-                        <span>발송일시  :  2021-05-28  16:52:30</span>
-                        <span class="msg_com msg_photo">MMS</span>
-                    </div>
-                    <div class="rev_pop_txt">
-                        <ul>
-                            <li><img src="/publish/images/content/thumb1.jpg" alt="발송된 그림문자 미리보기"></li>
-                            <li><img src="/publish/images/content/thumb2.jpg" alt="발송된 그림문자 미리보기"></li>
-                            <li><img src="/publish/images/content/thumb3.jpg" alt="발송된 그림문자 미리보기"></li>
-                        </ul>
-                        <div>
-                            <p class="deny_receipt">(광고) 무료거부 080-888-8282</p>
-                            <p class="rev_cont">안녕하세요. 문자온미용실 입니다.<br>
-                                여름 맞이 이벤트 입니다.<br> 
-                                7월부터 8월까지 모든 염색 10만원(시세이도 및 탈색은 별도) 
-                            </p>
-                        </div>
-                    </div>
+					<label for="" class="label">발송된 문자 제목</label>
+					<input type="text" placeholder="여름할인 이벤트" readonly>
+					<div class="rev_pop_middle clearfix">
+						<span>발송일시 : 2021-05-28 16:52:30</span>
+						<span class="msg_com msg_photo">MMS</span>
+					</div>
+					<div class="rev_pop_txt">
+						<ul>
+							<li><img src="/publish/images/content/thumb1.jpg" alt="발송된 그림문자 미리보기"></li>
+							<li><img src="/publish/images/content/thumb2.jpg" alt="발송된 그림문자 미리보기"></li>
+							<li><img src="/publish/images/content/thumb3.jpg" alt="발송된 그림문자 미리보기"></li>
+						</ul>
+						<div>
+							<p class="deny_receipt">(광고) 무료거부 080-888-8282</p>
+							<p class="rev_cont">안녕하세요. 문자온미용실 입니다.<br>
+								여름 맞이 이벤트 입니다.<br>
+								7월부터 8월까지 모든 염색 10만원(시세이도 및 탈색은 별도)
+							</p>
+						</div>
+					</div>
+				</div>
+				<div class="popup_btn_wrap2" style="justify-content: center;">
+					<button type="button" class="tooltip-close" data-focus="rev_popup01-close" data-focus-next="rev_popup01">닫기</button>
 				</div>
-                <div class="popup_btn_wrap2" style="justify-content: center;">
-                    <button type="button" class="tooltip-close" data-focus="rev_popup01-close" data-focus-next="rev_popup01">닫기</button>                      
-                </div>
 			</div>
 		</div>
-	</div><!--// 문자내용 팝업 -->
+	</div>
+	<!--// 문자내용 팝업 -->
 
-    <!-- 예약문자 선택삭제 팝업 data-tooltip: rev_popup02 -->
+	<!-- 문자내용 팝업 data-tooltip: rev_popup01 -->
 	<div class="tooltip-wrap">
-		<div class="popup-com adr_layer rev_popup02" tabindex="0" data-tooltip-con="rev_popup02" data-focus="rev_popup02" data-focus-prev="rev_popup02-close" style="width: 440px;">
+		<div class="popup-com adr_layer rev_popup02 kakao_rev_popup" tabindex="0" data-tooltip-con="rev_popup02" data-focus="rev_popup02" data-focus-prev="rev_popup02-close" style="width: 440px;">
 			<div class="popup_heading">
-				<p>예약문자 선택삭제</p>
+				<p>문자내용</p>
 				<button type="button" class="tooltip-close" data-focus="rev_popup02-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
 			</div>
 			<div class="layer_in">
-				<div>
-                    <p class="adr_pop_title" style="padding-bottom: 0;">선택한 예약문자를 삭제하시겠습니까?<br>삭제된 문자는<span class="c_e40000">복구가 불가능</span>합니다.</p>
-                </div>	
-                <div class="popup_btn_wrap2">
-                    <button type="button">예</button>
-                    <button type="button" class="tooltip-close" data-focus="rev_popup02-close" data-focus-next="rev_popup02">아니요</button>                      
-                </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 메뉴 -->
-    <!-- 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 영역 -->
-    <!-- login 영역 -->
-    <!-- content 영역 -->
-    <div id="container" class="cont sub">
-        <div class="inner">
-            <!-- send top -->
-            <div class="send_top">
-				<!-- 결제관리 - 요금 사용내역 -->
-                <div class="rev_admin_cont serv_content current">
-                    <div class="heading">
-                        <h2>예약관리</h2>
-                    </div>
-                    <div class="titBox">
-                        <p>- 최근 3개월간 예약된 메시지를 확인할 수 있으며, 이후 내역은 자동 삭제됩니다.</p>
-                        <p>- 예약문자는 수정 가능하며, 예약 발송시간 5분전까지만 취소·삭제 가능합니다.</p>
-                        <p>- 취소·삭제된 메시지는 복구가 불가하며, 취소·삭제된 건에 대한 금액은 자동 재적립됩니다.</p>
-                        <p>- 단문문자는 최대 26시간, 장문 및 그림문자는 최대 49시간까지 결과값이 수신되지 않을 경우 실패(비과금) 처리됩니다.</p>
-                        <p>- 이동통신사 또는 수신자의 사정으로 전송이 지연된 경우 전송결과가 늦게 확인될 수 있습니다.</p>
-                        <p>- 전송 실패 건에 대해서도 재전송이 가능합니다.</p>
-                        <p>- 야간(21:00~08:00) 예약전송은 별도의 추가 인증을 받아야 전송 가능합니다.</p>
-                    </div>
-                    <div class="rev_admin">
-                        <div class="rev_admin_in">
-                            <div class="rev_admin_top clearfix">
-                                <p>전체</p>
-                                <p><span>171</span> 건</p>
-                            </div>
-                            <div class="rev_admin_btm">
-                                <p>성공 <span class="c_002c9a">170</span>건</p>
-                                <p>실패 <span class="c_e40000">1</span>건</p>
-                            </div>
-                        </div>
-                        <div class="rev_admin_in">
-                            <div class="rev_admin_top clearfix">
-                                <p>단문(SMS)</p>
-                                <p><span>11</span> 건</p>
-                            </div>
-                            <div class="rev_admin_btm">
-                                <p>성공 <span class="c_002c9a">10</span>건</p>
-                                <p>실패 <span class="c_e40000">1</span>건</p>
-                            </div>
-                        </div>
-                        <div class="rev_admin_in">
-                            <div class="rev_admin_top clearfix">
-                                <p>장문(LMS)</p>
-                                <p><span>160</span> 건</p>
-                            </div>
-                            <div class="rev_admin_btm">
-                                <p>성공 <span class="c_002c9a">160</span>건</p>
-                                <p>실패 <span class="c_e40000">0</span>건</p>
-                            </div>
-                        </div>
-                        <div class="rev_admin_in">
-                            <div class="rev_admin_top clearfix">
-                                <p>그림(MMS)</p>
-                                <p><span>0</span> 건</p>
-                            </div>
-                            <div class="rev_admin_btm">
-                                <p>성공 <span class="c_002c9a">0</span>건</p>
-                                <p>실패 <span class="c_e40000">0</span>건</p>
-                            </div>
-                        </div>
-                    </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" 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">
-                                <label for="" class="label">발신번호 선택</label>
-                                <select name="" id="" class="selType2">
-                                    <option value="">발신번호</option>
-                                    <option value="">휴대폰</option>
-                                    <option value="">성명</option>
-                                    <option value="">메시지</option>
-                                    <option value="">발신번호</option>
-                                </select>
-                                <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 type4">
-                        <!-- 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');">단문(SMS)</button></li>
-                            <li class="tab"><button type="button" onclick="listTab2(this,'3');">장문(LMS)</button></li>
-                            <li class="tab"><button type="button" onclick="listTab2(this,'4');">그림(MMS)</button></li>
-                        </ul><!--// tab button -->
-                    </div>
-                    <!-- 예약관리 > 전체 -->
-                    <div class="price_history_cont" id="listTab_2">
-                        <!-- tab button -->
-                        <div class="table_tab_wrap">
-                            <ul>
-                                <li class="tab active"><button type="button" onclick="tableTab(this,'1');">전체</button></li>
-                                <li class="tab"><button type="button" onclick="tableTab(this,'2');">발송대기</button></li>
-                                <li class="tab"><button type="button" onclick="tableTab(this,'3');">발송완료</button></li>
-                                <li class="tab"><button type="button" onclick="tableTab(this,'4');">예약취소</button></li>
-                            </ul><!--// tab button -->
-                        </div>
-                        <!-- 예약관리 리스트 -->
-						<div class="table_cont current">
-                            <div class="list_info">
-                                <p>총 발송건수 <span class="c_e40000">171</span>건</p>
-                                <div>
-                                    <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: 9%;">
-										<col style="width: 9%;">
-										<col style="width: 9%;">
-										<col style="width: 7%;">
-										<col style="width: 15%;">
-										<col style="width: 85px;">
-										<col style="width: 9%;">
-										<col style="width: 11%;">
-										<col style="width: 8%;">
-										<col style="width: 5%;">
-										<col style="width: 5%;">
-										<col style="width: 85px;">
-									</colgroup>
-									<thead>
-										<tr>
-											<th rowspan="2">
-												<label for="" class="label">전체 선택</label>
-												<input type="checkbox">
-											</th>
-											<th rowspan="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 rowspan="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 rowspan="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 rowspan="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 rowspan="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 rowspan="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 rowspan="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 rowspan="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 rowspan="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 colspan="2">발송결과 건수</th>
-											<th rowspan="2">
-												예약취소
-											</th>
-										</tr>
-										<tr>
-											<th>성공</th>
-											<th>실패</th>
-										</tr>
-									</thead>
-									<tbody>
-										<tr>
-											<td>
-												<label for="" class="label">선택</label>
-												<input type="checkbox">
-											</td>
-											<td>
-												<p class="fwRg c_e40000">발송대기</p>
-											</td>
-											<td>
-												<p>2021-06-02</p>
-											</td>
-											<td>
-												<p>2021-06-03</p>
-											</td>
-											<td>
-												<p>단문</p>
-											</td>
-											<td class="tb_tit">
-												<p>6월 여름 할인 이벤트</p>
-											</td>
-											<td>
-												<button class="btnType btnType20" data-tooltip="rev_popup01">상세보기</button>
-											</td>
-											<td>
-												<p>50</p>
-											</td>
-											<td>
-												<p>010-1234-5678</p>
-											</td>
-											<td>
-												<p>100,000</p>
-											</td>
-											<td>
-												<p class="fwRg c_002c9a">45</p>
-											</td>
-											<td>
-												<p class="fwRg c_e40000">5</p>
-											</td>
-											<td>
-												<button class="btnType btnType20">예약취소</button>
-											</td>
-
-										</tr>
-									</tbody>
-								</table>
-							</div>
-							<div class="table_btn clearfix">
-								<div class="table_btn_left">
-									<button type="button" 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>
-									<button type="button" class="print_btn btnType"><i class="print_img"></i>발송결과 출력하기</button>
-								</div>
-							</div>
-							<!-- //예약관리 - 전체 -->
-
-							<!-- 예약관리 - 예약취소 -->
-							<div class="tb_wrap">
-								<table class="tType4">
-									<colgroup>
-										<col style="width: 40px;">
-										<col style="width: 15%;">
-										<col style="width: 15%;">
-										<col style="width: 7%;">
-										<col style="width: 20%;">
-										<col style="width: 90px;">
-										<col style="width: 10%;">
-										<col style="width: 10%;">
-										<col style="width: 15%;">
-									</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>
-											<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>
-												<p>2021-06-02, 13:00</p>
-											</td>
-											<td>
-												<p>2021-06-03, 13:00</p>
-											</td>
-											<td>
-												<p>단문</p>
-											</td>
-											<td class="tb_tit">
-												<p>6월 여름 할인 이벤트</p>
-											</td>
-											<td>
-												<button class="btnType btnType20" data-tooltip="rev_popup01">상세보기</button>
-											</td>
-											<td>
-												<p>50</p>
-											</td>
-											<td>
-												<p>010-1234-5678</p>
-											</td>
-											<td>
-												<p>100,000</p>
-											</td>
-										</tr>
-									</tbody>
-								</table>
-							</div>
-							<div class="table_btn clearfix">
-								<div class="table_btn_left">
-									<button type="button" class="btnType btnType15"><i class="remove_img"></i>선택삭제</button>
-								</div>
-							</div>
-							<!-- //예약관리 - 예약취소 -->
-
-							<!-- 예약관리 - 발송대기 -->
-							<div class="tb_wrap">
-								<table class="tType4">
-									<colgroup>
-										<col style="width: 40px;">
-										<col style="width: 15%;">
-										<col style="width: 15%;">
-										<col style="width: 8%;">
-										<col style="width: 20%;">
-										<col style="width: 85px;">
-										<col style="width: 10%;">
-										<col style="width: 11%;">
-										<col style="width: 9%;">
-										<col style="width: 85px;">
-									</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>
-												내용
-												<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>
-										</tr>
-									</thead>
-									<tbody>
-										<tr>
-											<td>
-												<label for="" class="label">선택</label>
-												<input type="checkbox">
-											</td>
-											<td>
-												<p>2021-06-02, 13:00</p>
-											</td>
-											<td>
-												<p>2021-06-03, 13:00</p>
-											</td>
-											<td>
-												<p>단문</p>
-											</td>
-											<td class="tb_tit">
-												<p>6월 여름 할인 이벤트</p>
-											</td>
-											<td>
-												<button class="btnType btnType20" data-tooltip="rev_popup01">상세보기</button>
-											</td>
-											<td>
-												<p>50</p>
-											</td>
-											<td>
-												<p>010-1234-5678</p>
-											</td>
-											<td>
-												<p>100,000</p>
-											</td>
-											<td>
-												<button class="btnType btnType20">예약취소</button>
-											</td>
-
-										</tr>
-									</tbody>
-								</table>
-							</div>
-							<div class="table_btn clearfix">
-								<div class="table_btn_left">
-									<button type="button" 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>
-									<button type="button" class="print_btn btnType"><i class="print_img"></i>발송결과 출력하기</button>
-								</div>
-							</div>
-							<!-- //예약관리 - 발송대기 -->
-
-							<!-- 예약관리 - 발송완료 -->
-							<div class="tb_wrap">
-								<table class="tType4">
-									<colgroup>
-										<col style="width: 40px;">
-										<col style="width: 15%;">
-										<col style="width: 15%;">
-										<col style="width: 7%;">
-										<col style="width: 20%;">
-										<col style="width: 85px;">
-										<col style="width: 9%;">
-										<col style="width: 11%;">
-										<col style="width: 9%;">
-										<col style="width: 5%;">
-										<col style="width: 5%;">
-									</colgroup>
-									<thead>
-										<tr>
-											<th rowspan="2">
-												<label for="" class="label">전체 선택</label>
-												<input type="checkbox">
-											</th>
-											<th rowspan="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 rowspan="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 rowspan="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 rowspan="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 rowspan="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 rowspan="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 rowspan="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 rowspan="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 colspan="2">발송결과 건수</th>
-										</tr>
-										<tr>
-											<th>성공</th>
-											<th>실패</th>
-										</tr>
-									</thead>
-									<tbody>
-										<tr>
-											<td>
-												<label for="" class="label">선택</label>
-												<input type="checkbox">
-											</td>
-											<td>
-												<p>2021-06-02, 13:00</p>
-											</td>
-											<td>
-												<p>2021-06-03, 13:00</p>
-											</td>
-											<td>
-												<p>단문</p>
-											</td>
-											<td class="tb_tit">
-												<p>6월 여름 할인 이벤트</p>
-											</td>
-											<td>
-												<button class="btnType btnType20" data-tooltip="rev_popup01">상세보기</button>
-											</td>
-											<td>
-												<p>50</p>
-											</td>
-											<td>
-												<p>010-1234-5678</p>
-											</td>
-											<td>
-												<p>100,000</p>
-											</td>
-											<td>
-												<p class="fwRg c_002c9a">45</p>
-											</td>
-											<td>
-												<p class="fwRg c_e40000">5</p>
-											</td>
-
-										</tr>
-									</tbody>
-								</table>
-							</div>
-							<div class="table_btn clearfix">
-								<div class="table_btn_left">
-									<button type="button" 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>
-									<button type="button" class="print_btn btnType"><i class="print_img"></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 class="list_tab_wrap2 kakao_rev_tab">
+					<!-- tab button -->
+					<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 -->
+				</div>
+				<div class="popCont current kakao_wrap" id="popCont_1">
+					<div class="rev_pop_in">
+						<div class="rev_pop_middle clearfix">
+							<span>발송일시 : 2021-05-28 16:52:30</span>
+							<span class="msg_com msg_allimtalk">알림톡</span>
+						</div>
+						<div class="rev_pop_txt">
+							<div class="text_preview">
+								<div class="allimtalk_title">
+									<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>
+									<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>
 						</div>
-						<!-- table -->
 					</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 영역 -->
-</body></html>
+				<div class="popCont replace_send_popup" id="popCont_2">
+					<div class="rev_pop_in">
+						<div class="rev_pop_middle clearfix">
+							<span>발송일시 : 2021-05-28 16:52:30</span>
+							<span class="msg_com msg_allimtalk">알림톡</span>
+						</div>
+						<div class="rev_pop_txt">
+							<ul>
+								<li><img src="/publish/images/content/thumb1.jpg" alt="발송된 그림문자 미리보기"></li>
+								<li><img src="/publish/images/content/thumb2.jpg" alt="발송된 그림문자 미리보기"></li>
+								<li><img src="/publish/images/content/thumb3.jpg" alt="발송된 그림문자 미리보기"></li>
+							</ul>
+							<div>
+								<p class="deny_receipt">(광고) 무료거부 080-888-8282</p>
+								<p class="rev_cont">안녕하세요. 문자온미용실 입니다.<br>
+									여름 맞이 이벤트 입니다.<br>
+									7월부터 8월까지 모든 염색 10만원(시세이도 및 탈색은 별도)
+								</p>
+							</div>
+						</div>
+					</div>
+				</div>
+				<div class="popup_btn_wrap2" style="justify-content: center;">
+					<button type="button" class="tooltip-close" data-focus="rev_popup02-close" data-focus-next="rev_popup02">닫기</button>
+				</div>
+			</div>
+		</div>
+	</div>
+	<!--// 문자내용 팝업 -->
+
+	<!-- skip 메뉴  -->
+	<div class="skip_menu">
+		<a href="#cont" title="본문 바로가기" class="contGo">본문 바로가기</a>
+	</div>
+	<!--// skip 메뉴  -->
+	<!-- quick 메뉴 -->
+	<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">
+				<!-- 결제관리 - 요금 사용내역 -->
+				<div class="rev_admin_cont serv_content current">
+					<div class="heading">
+						<h2>예약관리</h2>
+						<button type="button" class="button info" onclick="infoListPop('reserveMsg','792','380');">사용안내</button>
+					</div>
+					<div class="pay_tab_wrap">
+						<!-- tab button -->
+						<ul class="tabType1">
+							<li class="tab active"><button type="button" onclick="TabType5(this,'1');return false;">문자</button>
+							</li>
+							<li class="tab"><button type="button" onclick="TabType5(this,'2');return false;">카카오톡</button></li>
+						</ul>
+						<!--// tab button -->
+					</div>
+					<div class="rev_content" id="tab5_1">
+						<!--
+													<div class="rev_admin">
+							<div class="rev_admin_in">
+								<div class="rev_admin_top clearfix">
+									<p>전체</p>
+									<p><span>2</span> 건</p>
+								</div>
+								<div class="rev_admin_btm">
+									<p>대기 <span class="c_002c9a">2</span>건</p>
+									<p>성공 <span class="c_002c9a">0</span>건</p>
+									<p>실패 <span class="c_e40000">0</span>건</p>
+									<p>예약취소 <span class="c_e40000">0</span>건</p>
+								</div>
+							</div>
+							<div class="rev_admin_in">
+								<div class="rev_admin_top clearfix">
+									<p>단문(SMS)</p>
+									<p><span>2</span> 건</p>
+								</div>
+								<div class="rev_admin_btm">
+									<p>대기 <span class="c_002c9a">2</span>건</p>
+									<p>성공 <span class="c_002c9a">0</span>건</p>
+									<p>실패 <span class="c_e40000">0</span>건</p>
+									<p>예약취소 <span class="c_e40000">0</span>건</p>
+								</div>
+							</div>
+							<div class="rev_admin_in">
+								<div class="rev_admin_top clearfix">
+									<p>장문(LMS)</p>
+									<p><span>160</span> 건</p>
+								</div>
+								<div class="rev_admin_btm">
+									<p>대기 <span class="c_002c9a">0</span>건</p>
+									<p>성공 <span class="c_002c9a">0</span>건</p>
+									<p>실패 <span class="c_e40000">0</span>건</p>
+									<p>예약취소 <span class="c_e40000">0</span>건</p>
+								</div>
+							</div>
+							<div class="rev_admin_in">
+								<div class="rev_admin_top clearfix">
+									<p>그림(MMS)</p>
+									<p><span>0</span> 건</p>
+								</div>
+								<div class="rev_admin_btm">
+									<p>대기 <span class="c_002c9a">2</span>건</p>
+									<p>성공 <span class="c_002c9a">0</span>건</p>
+									<p>실패 <span class="c_e40000">0</span>건</p>
+									<p>예약취소 <span class="c_e40000">0</span>건</p>
+								</div>
+							</div>
+						</div>
+						-->
+						<div class="rev_admin">
+							<div class="rev_admin_in">
+								<div class="rev_admin_top clearfix">
+									<p>전체</p>
+									<p><span>134</span> 건</p>
+								</div>
+
+								<div class="rev_admin_btm admin_btm">
+									<P class="title_top reserve_top">WEB<span class="title_num">134<span>건</span></span></P>
+									<dl>
+										<dt>대기</dt>
+										<dd><span class="c_002c9a">3</span>건</dd>
+									</dl>
+									<dl>
+										<dt>성공</dt>
+										<dd><span class="c_002c9a">115</span>건</dd>
+									</dl>
+									<dl>
+										<dt>실패</dt>
+										<dd><span class="c_e40000">16</span>건</dd>
+									</dl>
+									<dl>
+										<dt>예약취소</dt>
+										<dd><span class="c_e40000">0</span>건</dd>
+									</dl>
+								</div>
+							</div>
+							<div class="rev_admin_in">
+								<div class="rev_admin_top clearfix">
+									<p>단문(SMS)</p>
+									<p><span>78</span> 건</p>
+								</div>
+								<div class="rev_admin_btm admin_btm">
+									<P class="title_top reserve_top">WEB<span class="title_num">78<span>건</span></span></P>
+									<dl>
+										<dt>대기</dt>
+										<dd><span class="c_002c9a">0</span>건</dd>
+									</dl>
+									<dl>
+										<dt>성공</dt>
+										<dd><span class="c_002c9a">75</span>건</dd>
+									</dl>
+									<dl>
+										<dt>실패</dt>
+										<dd><span class="c_e40000">3</span>건</dd>
+									</dl>
+									<dl>
+										<dt>예약취소</dt>
+										<dd><span class="c_e40000">0</span>건</dd>
+									</dl>
+								</div>
+							</div>
+							<div class="rev_admin_in">
+								<div class="rev_admin_top clearfix">
+									<p>장문(LMS)</p>
+									<p><span>30</span> 건</p>
+								</div>
+								<div class="rev_admin_btm admin_btm">
+									<P class="title_top reserve_top">WEB<span class="title_num">30<span>건</span></span></P>
+									<dl>
+										<dt>대기</dt>
+										<dd><span class="c_002c9a">0</span>건</dd>
+									</dl>
+									<dl>
+										<dt>성공</dt>
+										<dd><span class="c_002c9a">23</span>건</dd>
+									</dl>
+									<dl>
+										<dt>실패</dt>
+										<dd><span class="c_e40000">7</span>건</dd>
+									</dl>
+									<dl>
+										<dt>예약취소</dt>
+										<dd><span class="c_e40000">0</span>건</dd>
+									</dl>
+								</div>
+							</div>
+							<div class="rev_admin_in">
+								<div class="rev_admin_top clearfix">
+									<p>그림(MMS)</p>
+									<p><span>26</span> 건</p>
+								</div>
+								<div class="rev_admin_btm admin_btm">
+									<P class="title_top reserve_top">WEB<span class="title_num">26<span>건</span></span></P>
+									<dl>
+										<dt>대기</dt>
+										<dd><span class="c_002c9a">3</span>건</dd>
+									</dl>
+									<dl>
+										<dt>성공</dt>
+										<dd><span class="c_002c9a">17</span>건</dd>
+									</dl>
+									<dl>
+										<dt>실패</dt>
+										<dd><span class="c_e40000">6</span>건</dd>
+									</dl>
+									<dl>
+										<dt>예약취소</dt>
+										<dd><span class="c_e40000">0</span>건</dd>
+									</dl>
+								</div>
+							</div>
+						</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">전월</button>
+									<button type="button">당월</button>
+									<button type="button">3개월</button>
+									<button type="button" class="btnType6">조회</button>
+								</div>
+								<div class="btn_right">			
+									<label for="searchCondition" class="label">발신번호 선택 == </label>
+									<select name="searchCondition" id="searchCondition" class="selType2 select_btn">
+											<option value="2">발신번호</option>
+									</select>
+									<div class="search">
+											<label for="id" class="label"></label>
+											<input type="text" class="send_text" id="searchKeyword" name="searchKeyword" value="" placeholder="검색어를 입력하세요." onfocus="this.placeholder=''" onblur="this.placeholder='검색어를 입력하세요.'">
+											<button type="button" class="btnType btnType2" onclick="javascript:fnSearch(1); return false;">검색</button>
+									</div>
+							</div>
+							</div>
+						</div>
+						<div class="list_tab_wrap2 type4">
+							<!-- 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');">단문(SMS)</button>
+								</li>
+								<li class="tab"><button type="button" onclick="listTab2(this,'3');">장문(LMS)</button>
+								</li>
+								<li class="tab"><button type="button" onclick="listTab2(this,'4');">그림(MMS)</button>
+								</li>
+							</ul>
+							<!--// tab button -->
+						</div>
+						<!-- 예약관리 > 전체 -->
+						<div class="price_history_cont" id="listTab_2">
+							<!-- tab button -->
+							<div class="table_tab_wrap">
+								<ul>
+									<li class="tab active"><button type="button" onclick="tableTab(this,'1');">전체</button></li>
+									<li class="tab"><button type="button" onclick="tableTab(this,'2');">발송대기</button>
+									</li>
+									<li class="tab"><button type="button" onclick="tableTab(this,'3');">발송완료</button>
+									</li>
+									<li class="tab"><button type="button" onclick="tableTab(this,'4');">예약취소</button>
+									</li>
+								</ul>
+								<!--// tab button -->
+							</div>
+							<!-- 예약관리 리스트 -->
+							<div class="table_cont current">
+								<div class="list_info">
+									<p>총 발송건수 <span class="c_e40000">171</span>건</p>
+									<div>
+										<p class="cf_text c_e40000">※ 예약문자 발송취소는 예약 발송시간 기준 5분 전까지만 가능</p>
+										<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: 20px;">
+											<col style="width: 8%;">
+											<col style="width: 12%;">
+											<col style="width: 12%;">
+											<col style="width: 6%;">
+											<col style="width: 8%;">
+											<col style="width: 42PX;">
+											<col style="width: 8%;">
+											<col style="width: 10%;">
+											<col style="width: 8%;">
+											<col style="width: 4%;">
+											<col style="width: 6%;">
+											<col style="width: 42px;">
+										</colgroup>
+										<!--
+																					<thead>
+											<tr>
+												<th rowspan="2">
+													<label for="" class="label">전체 선택</label>
+													<input type="checkbox">
+												</th>
+												<th rowspan="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 rowspan="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 rowspan="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 rowspan="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 rowspan="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 rowspan="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 rowspan="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 rowspan="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 rowspan="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 colspan="2">발송결과 건수</th>
+												<th rowspan="2">
+													예약취소
+												</th>
+											</tr>
+											<tr>
+												<th>성공</th>
+												<th>실패</th>
+											</tr>
+										</thead>
+										-->
+										<thead>
+											<tr>
+												<th rowspan="2">
+													<label for="allCheck" class="label">전체 선택</label>
+													<input type="checkbox" id="allCheck" name="allCheck">
+												</th>
+												<th rowspan="2">발송상태
+													<div class="sort_wrap">
+														<input type="button" class="sort sortBtn" id="sort_shipmentStatus">
+													</div>
+												</th>
+												<th rowspan="2">
+													접수일자
+													<div class="sort_wrap">
+														<input type="button" class="sort sortBtnDesc" id="sort_regdate" sortord="desc">
+													</div>
+												</th>
+												<th rowspan="2">
+													예약일자
+													<div class="sort_wrap">
+														<input type="button" class="sort sortBtn" id="sort_reqdate">
+													</div>
+												</th>
+												<th rowspan="2">
+													형태
+													<div class="sort_wrap">
+														<input type="button" class="sort sortBtn" id="sort_orderByCode">
+													</div>
+												</th>
+												<th rowspan="2">
+													발송방식
+													<div class="sort_wrap">
+														<input type="button" class="sort sortBtn" id="sort_subject">
+													</div>
+												</th>
+												<th rowspan="2">
+													내용
+												</th>
+												<th rowspan="2">
+													발송건수
+													<div class="sort_wrap">
+														<input type="button" class="sort sortBtn" id="sort_msgGroupCnt">
+													</div>
+												</th>
+												<th rowspan="2">
+													발신번호
+													<div class="sort_wrap">
+														<input type="button" class="sort sortBtn" id="sort_callFrom">
+													</div>
+												</th>
+												<th rowspan="2">
+													금액
+													<div class="sort_wrap">
+														<input type="button" class="sort sortBtn" id="sort_totPrice">
+													</div>
+												</th>
+												<th colspan="2">발송결과 건수</th>
+												<th rowspan="2">
+													예약취소
+												</th>
+											</tr>
+											<tr>
+												<th>성공</th>
+												<th>실패/대기</th>
+											</tr>
+										</thead>
+										<tbody>
+											<tr>
+												<td>
+													<label for="" class="label">선택</label>
+													<input type="checkbox">
+												</td>
+												<td>
+													<p class="fwRg c_e40000">발송대기</p>
+												</td>
+												<td>
+													<p>2021-06-02 14:00</p>
+												</td>
+												<td>
+													<p>2021-06-03 14:00</p>
+												</td>
+												<td>
+													<p>단문</p>
+												</td>
+												<td>
+													<p>WEB</p>
+												</td>
+												<td>
+													<button class="btnType btnType20" data-tooltip="rev_popup01">상세보기</button>
+												</td>
+												<td>
+													<p>50</p>
+												</td>
+												<td>
+													<p>010-1234-5678</p>
+												</td>
+												<td>
+													<p>100,000</p>
+												</td>
+												<td>
+													<p class="fwRg c_002c9a">45</p>
+												</td>
+												<td>
+													<p class="fwRg c_e40000">5 / 0</p>
+												</td>
+												<td>
+													<button class="btnType btnType20">예약취소</button>
+												</td>
+
+											</tr>
+										</tbody>
+									</table>
+								</div>
+								<div class="table_btn clearfix">
+									<div class="table_btn_left">
+										<button type="button" 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>
+										<button type="button" class="print_btn btnType"><i class="print_img"></i>발송결과
+											출력하기</button>
+									</div>
+								</div>
+								<!-- //예약관리 - 전체 -->
+
+								<!-- 예약관리 - 예약취소 -->
+								<!--
+																	<div class="tb_wrap">
+									<table class="tType4">
+										<colgroup>
+											<col style="width: 40px;">
+											<col style="width: 15%;">
+											<col style="width: 15%;">
+											<col style="width: 7%;">
+											<col style="width: 20%;">
+											<col style="width: 90px;">
+											<col style="width: 10%;">
+											<col style="width: 10%;">
+											<col style="width: 15%;">
+										</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>
+												<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>
+													<p>2021-06-02, 13:00</p>
+												</td>
+												<td>
+													<p>2021-06-03, 13:00</p>
+												</td>
+												<td>
+													<p>단문</p>
+												</td>
+												<td class="tb_tit">
+													<p>6월 여름 할인 이벤트</p>
+												</td>
+												<td>
+													<button class="btnType btnType20"
+														data-tooltip="rev_popup01">상세보기</button>
+												</td>
+												<td>
+													<p>50</p>
+												</td>
+												<td>
+													<p>010-1234-5678</p>
+												</td>
+												<td>
+													<p>100,000</p>
+												</td>
+											</tr>
+										</tbody>
+									</table>
+								</div>
+								<div class="table_btn clearfix">
+									<div class="table_btn_left">
+										<button type="button" class="btnType btnType15"><i
+												class="remove_img"></i>선택삭제</button>
+									</div>
+								</div>
+								-->
+								<!-- //예약관리 - 예약취소 -->
+
+								<!-- 예약관리 - 발송대기 -->
+								<!--
+																	<div class="tb_wrap">
+									<table class="tType4">
+										<colgroup>
+											<col style="width: 40px;">
+											<col style="width: 15%;">
+											<col style="width: 15%;">
+											<col style="width: 8%;">
+											<col style="width: 20%;">
+											<col style="width: 85px;">
+											<col style="width: 10%;">
+											<col style="width: 11%;">
+											<col style="width: 9%;">
+											<col style="width: 85px;">
+										</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>
+													내용
+													<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>
+											</tr>
+										</thead>
+										<tbody>
+											<tr>
+												<td>
+													<label for="" class="label">선택</label>
+													<input type="checkbox">
+												</td>
+												<td>
+													<p>2021-06-02, 13:00</p>
+												</td>
+												<td>
+													<p>2021-06-03, 13:00</p>
+												</td>
+												<td>
+													<p>단문</p>
+												</td>
+												<td class="tb_tit">
+													<p>6월 여름 할인 이벤트</p>
+												</td>
+												<td>
+													<button class="btnType btnType20"
+														data-tooltip="rev_popup01">상세보기</button>
+												</td>
+												<td>
+													<p>50</p>
+												</td>
+												<td>
+													<p>010-1234-5678</p>
+												</td>
+												<td>
+													<p>100,000</p>
+												</td>
+												<td>
+													<button class="btnType btnType20">예약취소</button>
+												</td>
+
+											</tr>
+										</tbody>
+									</table>
+								</div>
+								<div class="table_btn clearfix">
+									<div class="table_btn_left">
+										<button type="button" 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>
+										<button type="button" class="print_btn btnType"><i class="print_img"></i>발송결과
+											출력하기</button>
+									</div>
+								</div>
+								-->
+								<!-- //예약관리 - 발송대기 -->
+
+								<!-- 예약관리 - 발송완료 -->
+								<!--
+																	<div class="tb_wrap">
+									<table class="tType4">
+										<colgroup>
+											<col style="width: 40px;">
+											<col style="width: 15%;">
+											<col style="width: 15%;">
+											<col style="width: 7%;">
+											<col style="width: 20%;">
+											<col style="width: 85px;">
+											<col style="width: 9%;">
+											<col style="width: 11%;">
+											<col style="width: 9%;">
+											<col style="width: 5%;">
+											<col style="width: 5%;">
+										</colgroup>
+										<thead>
+											<tr>
+												<th rowspan="2">
+													<label for="" class="label">전체 선택</label>
+													<input type="checkbox">
+												</th>
+												<th rowspan="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 rowspan="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 rowspan="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 rowspan="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 rowspan="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 rowspan="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 rowspan="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 rowspan="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 colspan="2">발송결과 건수</th>
+											</tr>
+											<tr>
+												<th>성공</th>
+												<th>실패</th>
+											</tr>
+										</thead>
+										<tbody>
+											<tr>
+												<td>
+													<label for="" class="label">선택</label>
+													<input type="checkbox">
+												</td>
+												<td>
+													<p>2021-06-02, 13:00</p>
+												</td>
+												<td>
+													<p>2021-06-03, 13:00</p>
+												</td>
+												<td>
+													<p>단문</p>
+												</td>
+												<td class="tb_tit">
+													<p>6월 여름 할인 이벤트</p>
+												</td>
+												<td>
+													<button class="btnType btnType20"
+														data-tooltip="rev_popup01">상세보기</button>
+												</td>
+												<td>
+													<p>50</p>
+												</td>
+												<td>
+													<p>010-1234-5678</p>
+												</td>
+												<td>
+													<p>100,000</p>
+												</td>
+												<td>
+													<p class="fwRg c_002c9a">45</p>
+												</td>
+												<td>
+													<p class="fwRg c_e40000">5</p>
+												</td>
+
+											</tr>
+										</tbody>
+									</table>
+								</div>
+								<div class="table_btn clearfix">
+									<div class="table_btn_left">
+										<button type="button" 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>
+										<button type="button" class="print_btn btnType"><i class="print_img"></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>
+							<!-- table -->
+						</div>
+					</div>
+					<div class="rev_content kakao_rev_content" id="tab5_2" style="display: none;">
+						<div class="rev_admin">
+							<div class="rev_admin_in">
+								<div class="rev_admin_top clearfix">
+									<p>전체</p>
+									<p><span>171</span> 건</p>
+								</div>
+								<div class="rev_admin_btm">
+									<dl>
+										<dt>대기</dt>
+										<dd><span class="c_002c9a">160</span>건</dd>
+									</dl>
+									<dl>
+										<dt>성공</dt>
+										<dd><span class="c_002c9a">160</span>건</dd>
+									</dl>
+									<dl>
+										<dt>실패</dt>
+										<dd><span class="c_e40000">0</span>건</dd>
+									</dl>
+									<dl>
+										<dt>예약취소</dt>
+										<dd><span class="c_e40000">0</span>건</dd>
+									</dl>
+								</div>
+							</div>
+							<div class="rev_admin_in">
+								<div class="rev_admin_top clearfix">
+									<p>알림톡</p>
+									<p><span>171</span> 건</p>
+								</div>
+								<div class="rev_admin_btm">
+									<dl>
+										<dt>대기</dt>
+										<dd><span class="c_002c9a">160</span>건</dd>
+									</dl>
+									<dl>
+										<dt>성공</dt>
+										<dd><span class="c_002c9a">160</span>건</dd>
+									</dl>
+									<dl>
+										<dt>실패</dt>
+										<dd><span class="c_e40000">0</span>건</dd>
+									</dl>
+									<dl>
+										<dt>예약취소</dt>
+										<dd><span class="c_e40000">0</span>건</dd>
+									</dl>
+								</div>
+							</div>
+							<!-- <div class="rev_admin_in">
+								<div class="rev_admin_top clearfix">
+									<p>친구톡</p>
+									<p><span>171</span> 건</p>
+								</div>
+								<div class="rev_admin_btm">
+									<dl>
+										<dt>대기</dt>
+										<dd><span class="c_002c9a">160</span>건</dd>
+									</dl>
+									<dl>
+										<dt>성공</dt>
+										<dd><span class="c_002c9a">160</span>건</dd>
+									</dl>
+									<dl>
+										<dt>실패</dt>
+										<dd><span class="c_e40000">0</span>건</dd>
+									</dl>
+									<dl>
+										<dt>예약취소</dt>
+										<dd><span class="c_e40000">0</span>건</dd>
+									</dl>
+								</div>
+							</div> -->
+						</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">전월</button>
+									<button type="button">당월</button>
+									<button type="button">3개월</button>
+									<button type="button" class="btnType6">조회</button>
+								</div>
+								<div class="btn_right">
+									<label for="" class="label">발신번호 선택</label>
+									<select name="" id="" class="selType2">
+										<option value="">발신번호</option>
+										<option value="">발신번호</option>
+										<option value="">발신번호</option>
+									</select>
+									<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 type4">
+							<!-- 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>
+								<li class="tab"><button type="button" onclick="listTab2(this,'3');">친구톡</button></li>
+							</ul>
+							<!--// tab button -->
+						</div>
+						<!-- 발송관리 > 전체 -->
+						<div class="price_history_cont" id="listTab_2">
+							<!-- tab button -->
+							<div class="table_tab_wrap">
+								<ul>
+									<li class="tab active"><button type="button">전체</button>
+									</li>
+									<li class="tab"><button type="button">발송대기</button></li>
+									<li class="tab"><button type="button">발송완료</button></li>
+									<li class="tab"><button type="button">예약취소</button></li>
+								</ul>
+								<!--// tab button -->
+								<!-- <div class="tab_depth1">
+									<a href="#none" class="on">받는사람(전송건별)</a>
+									<a href="#none">받는사람(개인별)</a>
+								</div> -->
+							</div>
+
+							<div class="table_cont current">
+								<div class="list_info">
+									<p>총 발송건수 <span class="c_e40000">171</span>건</p>
+									<div>
+										<p class="cf_text c_e40000">※ 예약문자 발송취소는 예약 발송시간 기준 5분 전까지만 가능</p>
+										<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: 7%;">
+											<col style="width: 11.5%;">
+											<col style="width: 11.5%;">
+											<col style="width: 10%;">
+											<col style="width: 90px;">
+											<col style="width: 8%;">
+											<col style="width: 10%;">
+											<col style="width: 7%;">
+											<col style="width: 5%;">
+											<col style="width: 5%;">
+											<col style="width: 5%;">
+											<col style="width: 5%;">
+											<col style="width: 90px;">
+										</colgroup>
+										<thead>
+											<tr>
+												<th rowspan="2">
+													<label for="" class="label">전체 선택</label>
+													<input type="checkbox">
+												</th>
+												<th rowspan="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 rowspan="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 rowspan="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 rowspan="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 rowspan="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 rowspan="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 rowspan="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 rowspan="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 colspan="2">발송결과 건수</th>
+												<th colspan="2">대체문자 건수</th>
+												<th rowspan="2">
+													예약취소
+												</th>
+											</tr>
+											<tr>
+												<th>성공</th>
+												<th>실패</th>
+												<th>성공</th>
+												<th>실패</th>
+											</tr>
+										</thead>
+										<tbody>
+											<tr>
+												<td>
+													<label for="" class="label">선택</label>
+													<input type="checkbox">
+												</td>
+												<td>
+													<p class="fwRg c_e40000">발송대기</p>
+												</td>
+												<td>
+													<p>2021-06-02 14:00</p>
+												</td>
+												<td>
+													<p>2021-06-03 14:00</p>
+												</td>
+												<td>
+													<p>알림톡 텍스트</p>
+												</td>
+												<td>
+													<button class="btnType btnType20" data-tooltip="rev_popup02">상세보기</button>
+												</td>
+												<td>
+													<p>50</p>
+												</td>
+												<td>
+													<p>010-1234-5678</p>
+												</td>
+												<td>
+													<p>100,000</p>
+												</td>
+												<td>
+													<p class="fwRg c_002c9a">45</p>
+												</td>
+												<td>
+													<p class="fwRg c_e40000">5</p>
+												</td>
+												<td>
+													<p class="fwRg c_002c9a">45</p>
+												</td>
+												<td>
+													<p class="fwRg c_e40000">5</p>
+												</td>
+												<td>
+													<button class="btnType btnType20">예약취소</button>
+												</td>
+											</tr>
+											<tr>
+												<td>
+													<label for="" class="label">선택</label>
+													<input type="checkbox">
+												</td>
+												<td>
+													<p class="fwRg c_e40000">발송대기</p>
+												</td>
+												<td>
+													<p>2021-06-02 14:00</p>
+												</td>
+												<td>
+													<p>2021-06-03 14:00</p>
+												</td>
+												<td>
+													<p>알림톡 이미지</p>
+												</td>
+												<td>
+													<button class="btnType btnType20" data-tooltip="rev_popup02">상세보기</button>
+												</td>
+												<td>
+													<p>50</p>
+												</td>
+												<td>
+													<p>010-1234-5678</p>
+												</td>
+												<td>
+													<p>100,000</p>
+												</td>
+												<td>
+													<p class="fwRg c_002c9a">45</p>
+												</td>
+												<td>
+													<p class="fwRg c_e40000">5</p>
+												</td>
+												<td>
+													<p class="fwRg c_002c9a">45</p>
+												</td>
+												<td>
+													<p class="fwRg c_e40000">5</p>
+												</td>
+												<td>
+													<button class="btnType btnType20">예약취소</button>
+												</td>
+											</tr>
+											<tr>
+												<td>
+													<label for="" class="label">선택</label>
+													<input type="checkbox">
+												</td>
+												<td>
+													<p class="fwRg c_e40000">발송대기</p>
+												</td>
+												<td>
+													<p>2021-06-02 14:00</p>
+												</td>
+												<td>
+													<p>2021-06-03 14:00</p>
+												</td>
+												<td>
+													<p>알림톡 이미지</p>
+												</td>
+												<td>
+													<button class="btnType btnType20" data-tooltip="rev_popup02">상세보기</button>
+												</td>
+												<td>
+													<p>50</p>
+												</td>
+												<td>
+													<p>010-1234-5678</p>
+												</td>
+												<td>
+													<p>100,000</p>
+												</td>
+												<td>
+													<p class="fwRg c_002c9a">45</p>
+												</td>
+												<td>
+													<p class="fwRg c_e40000">5</p>
+												</td>
+												<td>
+													<p class="fwRg c_002c9a">45</p>
+												</td>
+												<td>
+													<p class="fwRg c_e40000">5</p>
+												</td>
+												<td>
+													<button class="btnType btnType20">예약취소</button>
+												</td>
+											</tr>
+											<tr>
+												<td>
+													<label for="" class="label">선택</label>
+													<input type="checkbox">
+												</td>
+												<td>
+													<p class="fwRg c_e40000">발송대기</p>
+												</td>
+												<td>
+													<p>2021-06-02 14:00</p>
+												</td>
+												<td>
+													<p>2021-06-03 14:00</p>
+												</td>
+												<td>
+													<p>알림톡 이미지</p>
+												</td>
+												<td>
+													<button class="btnType btnType20" data-tooltip="rev_popup02">상세보기</button>
+												</td>
+												<td>
+													<p>50</p>
+												</td>
+												<td>
+													<p>010-1234-5678</p>
+												</td>
+												<td>
+													<p>100,000</p>
+												</td>
+												<td>
+													<p class="fwRg c_002c9a">45</p>
+												</td>
+												<td>
+													<p class="fwRg c_e40000">5</p>
+												</td>
+												<td>
+													<p class="fwRg c_002c9a">45</p>
+												</td>
+												<td>
+													<p class="fwRg c_e40000">5</p>
+												</td>
+												<td>
+													<button class="btnType btnType20">예약취소</button>
+												</td>
+											</tr>
+										</tbody>
+									</table>
+								</div>
+								<div class="table_btn clearfix">
+									<div class="table_btn_left">
+										<button type="button" 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>
+										<button type="button" class="print_btn btnType"><i class="print_img"></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>
+			</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
diff --git a/src/main/webapp/publish/security_login.html b/src/main/webapp/publish/security_login.html
index c164285c..b13b6154 100644
--- a/src/main/webapp/publish/security_login.html
+++ b/src/main/webapp/publish/security_login.html
@@ -65,151 +65,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">
-        <!-- 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 영역 -->
@@ -274,40 +132,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
diff --git a/src/main/webapp/publish/service1.html b/src/main/webapp/publish/service1.html
index 07ff3470..14f8bc19 100644
--- a/src/main/webapp/publish/service1.html
+++ b/src/main/webapp/publish/service1.html
@@ -27,151 +27,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">
@@ -180,12 +36,14 @@
             <div class="send_top">
                 <!-- 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');">1:1 문의</button></li>
-                    <li class="tab"><button type="button" onclick="TabType5(this,'5');">이벤트</button></li>
-                </ul><!--// tab button -->
+                    <li class="tab active"><button type="button" onclick="location.href='/publish/service1.html'">공지사항</button></li>
+                    <li class="tab"><button type="button" onclick="location.href='/publish/service2.html'">이용약관</button></li>
+                    <li class="tab"><button type="button" onclick="location.href='/publish/service3.html'">자주하는 질문</button></li>
+                    <li class="tab"><button type="button" onclick="location.href='/publish/service4.html'">1:1 문의</button></li>
+                    <li class="tab"><button type="button" onclick="location.href='/publish/service6.html'">불편신고</button></li>
+                    <li class="tab"><button type="button" onclick="location.href='/publish/service5.html'">이벤트</button></li>
+                </ul>
+                <!--// tab button -->
 				<!-- 고객센터 - 공지사항 -->
                 <div class="serv_content current" id="tab5_1">
                     <div class="heading">
@@ -229,18 +87,36 @@
                         <div class="list_tab_wrap">
                             <!-- 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');">정책/약관</button></li>
-                                <li class="tab"><button type="button" onclick="listTab(this,'3');">정기점검</button></li>
-                                <li class="tab"><button type="button" onclick="listTab(this,'4');">기능개선</button></li>
-                                <li class="tab"><button type="button" onclick="listTab(this,'5');">오류/장애</button></li>
-                                <li class="tab"><button type="button" onclick="listTab(this,'6');">이벤트</button></li>
-                                <li class="tab"><button type="button" onclick="listTab(this,'7');">기타</button></li>
-                            </ul><!--// tab button -->
+                                <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>
+                                <li class="tab">
+                                    <button type="button" onclick="listTab(this,'3');">정책/약관</button>
+                                </li>
+                                <li class="tab">
+                                    <button type="button" onclick="listTab(this,'4');">정기점검</button>
+                                </li>
+                                <li class="tab">
+                                    <button type="button" onclick="listTab(this,'5');">기능개선</button>
+                                </li>
+                                <li class="tab">
+                                    <button type="button" onclick="listTab(this,'6');">오류/장애</button>
+                                </li>
+                                <li class="tab">
+                                    <button type="button" onclick="listTab(this,'7');">이벤트</button>
+                                </li>
+                                <li class="tab">
+                                    <button type="button" onclick="listTab(this,'8');">기타</button>
+                                </li>
+                            
+                        </ul><!--// tab button -->
                             <select name="" id="" class="selType2">
-                                <option value="">2줄보기</option>
-                                <option value="">4줄보기</option>
-                                <option value="">6줄보기</option>
+                                <option value="">10줄보기</option>
+                                <option value="">20줄보기</option>
+                                <option value="">30줄보기</option>
                             </select>
                         </div>
                         <div class="list_cont" id="listTab_1">
@@ -407,37 +283,7 @@
         </div>
     </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>
diff --git a/src/main/webapp/publish/service1_2022.html b/src/main/webapp/publish/service1_2022.html
index 1f2d3173..caf67997 100644
--- a/src/main/webapp/publish/service1_2022.html
+++ b/src/main/webapp/publish/service1_2022.html
@@ -53,151 +53,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">
-        <!-- 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 영역 -->
@@ -475,40 +333,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
diff --git a/src/main/webapp/publish/service1_2023.html b/src/main/webapp/publish/service1_2023.html
index ff7e63eb..a392982a 100644
--- a/src/main/webapp/publish/service1_2023.html
+++ b/src/main/webapp/publish/service1_2023.html
@@ -52,151 +52,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">
-        <!-- 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 영역 -->
@@ -525,40 +383,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
diff --git a/src/main/webapp/publish/service1_2024.html b/src/main/webapp/publish/service1_2024.html
index 01dde7e8..0681a52d 100644
--- a/src/main/webapp/publish/service1_2024.html
+++ b/src/main/webapp/publish/service1_2024.html
@@ -52,151 +52,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">
-        <!-- 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 영역 -->
@@ -566,40 +424,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
diff --git a/src/main/webapp/publish/service2.html b/src/main/webapp/publish/service2.html
index ed9f7f57..d5959c8d 100644
--- a/src/main/webapp/publish/service2.html
+++ b/src/main/webapp/publish/service2.html
@@ -24,11 +24,21 @@
     <script src="/publish/js/calendar.js"></script>
     <script src="/publish/js/popupLayer.js"></script>
 
+
     <script>
         $(document).ready(function () {
             $(".version_change_select").change(function () {
                 window.open("/publish/popup_clause_list.html", "_blank", "width=650, height=700, top=100, left=100, fullscreen=no, menubar=no, status=no, toolbar=no, titlebar=yes, location=no, scrollbars=yes");
-            })
+            });
+
+            $(".privacy_index_box a").click(function () {
+                var idxHref = $(this).attr("href");
+                var idxSct = $(idxHref).offset().top - 196;
+                $("html,body").animate({
+                    scrollTop: idxSct
+                }, 400)
+            });
+
         })
     </script>
 
@@ -41,151 +51,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">
-        <!-- 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 영역 -->
@@ -195,11 +63,12 @@
             <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');">1:1 문의</button></li>
-                    <li class="tab"><button type="button" onclick="TabType5(this,'5');">이벤트</button></li>
+                    <li class="tab"><button type="button" onclick="location.href='/publish/service1.html'">공지사항</button></li>
+                    <li class="tab active"><button type="button" onclick="location.href='/publish/service2.html'">이용약관</button></li>
+                    <li class="tab"><button type="button" onclick="location.href='/publish/service3.html'">자주하는 질문</button></li>
+                    <li class="tab"><button type="button" onclick="location.href='/publish/service4.html'">1:1 문의</button></li>
+                    <li class="tab"><button type="button" onclick="location.href='/publish/service6.html'">불편신고</button></li>
+                    <li class="tab"><button type="button" onclick="location.href='/publish/service5.html'">이벤트</button></li>
                 </ul>
                 <!--// tab button -->
                 <!-- 고객센터 - 이용약관 -->
@@ -212,599 +81,1532 @@
                         <ul class="tabType1">
                             <li class="tab active"><button type="button" onclick="TabType1(this,'1');">이용약관</button></li>
                             <li class="tab"><button type="button" onclick="TabType1(this,'2');">개인정보처리방침</button></li>
-                            <li class="tab"><button type="button" onclick="TabType1(this,'2');">불법스팸방지안내</button></li>
+                            <li class="tab"><button type="button" onclick="TabType1(this,'3');">불법스팸방지안내</button></li>
                         </ul>
                         <!--// tab button -->
                     </div>
-                    <!-- 고객센터 - 이용약관 - 이용약관 -->
+
+                    <!-- 이용약관 -->
                     <div class="pay_cont current" id="tab1_1">
-                        <div class="clause_select_wrap">
-                            <select name="" id="" class="selType2 version_change_select">
-                                <option value="">다른버전 보기</option>
-                                <option value="">2023.01.11</option>
-                                <option value="">2022.10.01</option>
-                            </select>
+                        <div class="clause_new">
+                            <p class="title">제1장 총칙</p>
+                            <ul class="conlist7">
+                                <li><strong>1조(목적)</strong>이 약관은 주식회사 아이티앤(이하 “회사”)이 제공하는 인터넷 서비스 문자온(www.munjaon.co.kr, 이하 “서비스”)를 이용함에 있어 회사와 회원(이용자)의 권리, 의무, 책임사항 및 기타 필요한 사항을 규정함을 목적으로 합니다.</li>
+                                <li><strong>2조(용어의 정의)</strong>이 약관에서 사용하는 용어의 정의는 다음과 같습니다.<br>
+                                    1. 문자온(문자ON) : 회사의 서비스명으로 회원이 전송하고자 하는 내용‧정보 등을 문자메시지, 멀티미디어메시지, 카카오톡, 팩스 등 다양한 메시지 형태로 변화시켜 전송하는 서비스 및 회원이 제3자로부터 메시지를 수신할 수 있도록 하는 서비스<br>
+                                    2. 회원 : 회사에 개인정보를 제공하여 이용계약을 체결하고, 이용자 아이디(ID)를 부여받은 자로서 회사가 제공하는 서비스를 지속적으로 이용할 수 있는 자<br>
+                                    3. 아이디(ID) : 회원의 식별과 서비스 이용을 위하여 회원이 정하고 회사가 승인하는 문자와 숫자의 조합<br>
+                                    4. 비밀번호 : 회원이 부여 받은 아이디(ID)와 일치된 회원임을 확인하고, 회원의 비밀을 보호하기 위해 회원이 설정한 문자와 숫자의 조합<br>
+                                    5. 휴면아이디 : 12개월 이상 계속해서 로그인을 포함한 서비스 이용이 없는 아이디<br>
+                                    6. 해지 : 회사와 회원 간 맺은 이용계약을 해지하는 것<br>
+                                    7. 스팸메시지 : 정보통신망을 통해 수신자의 명시적인 사전 동의 없이 일방적으로 전송 또는 게시되는 영리목적의 광고성 정보<br>
+                                    8. 불법스팸메시지 : 『정보통신망 이용촉진 및 정보보호 등에 관한 법률(이하 “정보통신망법”)』 제50조 내지 제50조의8의 규정을 위반하여 전송 또는 게시되는 영리목적의 광고성 정보를 말하며, 불법스팸은 형사처벌 및 과태료 부과의 대상이 됨<br>
+                                    9. 문자피싱메시지 : 전자금융사기를 목적으로 전송 또는 게시되는 정보<br>
+                                    10. 스미싱메시지 : 메시지 내용 중 인터넷 주소를 클릭하면 악성코드가 설치되어 수신자가 모르는 사이에 금전적 피해 또는 개인‧금융정보 탈취 피해를 야기하는 메시지<br>
+                                    11. 카카오톡 : 주식회사 카카오(이하 “카카오”)가 운영하는 모바일 메신저 기반의 실시간 커뮤니케이션 서비스로 알림톡, 친구톡 또는 해당 서비스를 제공하는 어플리케이션<br>
+                                    12. 알림톡 : 주문, 예약, 결제, 배송 정보 등 정보통신망법 및 한국인터넷진흥원 지침상 광고성 정보의 예외로 분류되는 정보 중 일부를 카카오톡 채널 추가 여부와 상관 없이 발송 가능한 메시지<br>
+                                    13. 친구톡 : 발신자의 카카오톡 채널과 채널 추가된 카카오톡 이용자에게만 발송 가능한 메시지<br>
+                                    14. 카카오톡 채널 : 카카오의 공식 계정 서비스 중 하나로서 기업 및 단체가 카카오톡 이용자와 커뮤니케이션 할 수 있는 서비스<br>
+                                    15. 발신 프로필(채널ID) : 카카오톡 채널 개설을 통해 확보한 알림톡 또는 친구톡을 발송하는 주체에 대한 식별정보
+                                </li>
+                                <li><strong>3조(약관의 게시와 개정)</strong>① 회사는 이 약관의 내용을 서비스 화면에 이용자가 확인하기 쉽게 게시하며, 이용자가 이에 동의함으로써 그 효력이 발생합니다.<br>
+                                    ② 회사는 『약관의 규제에 관한 법률』, 『정보통신망법』, 『전자문서 및 전자거래 기본법』, 『전자상거래 등에서의 소비자보호에 관한 법률』 등 관련법을 위배하지 않는 범위에서 본 약관을 개정할 수 있습니다.<br>
+                                    ③ 회사가 본 약관을 개정하는 경우에는 적용일자 및 개정사유를 명시하여 현행약관과 함께 제1항의 방식에 따라 그 적용일자 7일 이전부터 적용일자 전일까지 공지합니다.<br>
+                                    ④ 회사가 제3항에 따라 개정약관을 공지 또는 통지하면서 회원에게 약관 변경 적용일까지 거부의사를 표시하지 않으면 동의한 것으로 본다는 뜻을 명확하게 공지 또는 통지하였음에도 회원이 명시적으로 거부의 의사표시를 하지 아니한 경우에는 개정약관에 동의한 것으로 봅니다.<br>
+                                    ⑤ 회원이 개정약관에 동의하지 않을 경우 회사는 회원등록을 해지할 수 있으며, 개정된 약관의 효력 발생일 이후에도 서비스를 계속 이용할 경우 약관의 변경사항에 동의한 것으로 간주합니다.<br>
+                                    ⑥ 새로운 서비스가 개설될 경우 별도의 명시된 설명이 없는 한 이 약관에 따라 제공됩니다.<br>
+                                    ⑦ 회원은 약관의 변경에 대하여 주의의무를 다하여야 하며, 변경된 약관으로 인한 회원의 피해는 회사에서 책임지지 않습니다.<br>
+                                    ⑧ 이 약관의 적용기간은 회원의 가입일부터 해지일까지로 합니다. 단, 채권 또는 채무관계가 있을 경우에는 채권, 채무의 완료일까지로 규정합니다.
+                                </li>
+                                <li><strong>4조(약관 외 준칙)</strong>①본 약관은 회사가 제공하는 서비스에 관하여 별도의 정책 및 운영규칙과 함께 적용됩니다.<br>
+                                    ② 본 약관에서 정하지 아니한 사항 및 해석에 관하여는 관계법령 또는 상관례에 따릅니다.
+                                </li>
+                            </ul>
+                            <p class="title">제2장 서비스 이용계약, 정보변경 및 회원탈퇴</p>
+                            <ul class="conlist7">
+                                <li><strong>5조(서비스 이용계약)</strong>① 서비스 이용계약은 회원이 되고자 하는 자가 본 약관을 읽고 약관에 동의를 한 다음 회사가 정한 소정의 양식에 따라 회원가입을 신청하며, 회사는
+                                    특별한 하자가 없는 한 접수의 순서대로 등록신청을 승낙하는 것을 원칙으로 합니다. 단 회사는 다음 각 호에 해당하는 신청에 대하여는 승낙을 하지 않거나 사후에 이용계약을 해지할 수 있습니다.
+                                    1. 실명이 아니거나 타인의 명의를 이용하여 신청한 경우<br>
+                                    2. 서비스 이용계약 신청서의 내용을 허위로 기재하여 신청한 경우<br>
+                                    3. 사회의 안녕과 질서 혹은 미풍양속을 저해할 목적으로 신청한 경우<br>
+                                    4. 부정한 용도로 서비스를 이용하고자 하는 경우<br>
+                                    5. 가입신청자가 이 약관에 의하여 과거에 회원 자격을 상실한 적이 있는 경우(단, 회사의 회원 재가입 승낙을 받은 경우에는 예외로 함)<br>
+                                    6. 회원의 귀책사유로 인하여 승인이 불가능하거나 기타 규정한 제반사항을 위반하여 신청하는 경우<br>
+                                    7. 이용자가 서비스의 정상적인 제공을 저해하거나 다른 이용자의 서비스 이용에 지장을 줄 것으로 예상되는 경우<br>
+                                    8. 기타 회사가 정한 서비스 이용계약 등록신청 요건에 부합하지 않는 경우<br>
+                                    ② 온라인 등록신청 양식에 기재하는 모든 회원정보는 실제 데이터인 것으로 간주하며, 실제 정보를 입력하지 않은 가입신청자는 법적인 보호를 받을 수 없으며, 서비스 이용의 제한을 받을 수 있습니다.<br>
+                                    ③ 회원은 반드시 회원 본인의 실명과 휴대폰 번호를 기재하여야 하며, 실명으로 등록하지 않은 회원은 법적인 보호를 받을 수 없으며, 서비스 이용에 제한을 받게 됩니다.<br>
+                                    ④ 회원은 본인의 명의를 증명할 수 있는 발신번호를 서비스에 사전 등록하여야 하며, 발신번호를 사전에 등록하지 아니한 회원은 법적인 보호를 받을 수 없음은 물론, 서비스 이용에도 제한을 받을 수 있습니다.<br>
+                                    ⑤ 회사는 서비스 관련 설비에 여유가 없거나 기술상 또는 업무상 문제가 있는 경우 등에는 승낙을 유보할 수 있습니다.<br>
+                                    ⑥ 서비스의 이용을 신청하는 사람이 만 14세 미만의 미성년자 또는 피한정후견인의 경우에는 부모 등 법정 대리인의 동의를 받아야 이용계약을 신청할 수 있습니다.<br>
+                                    ⑦ 서비스 이용계약의 성립시기는 회사가 가입완료를 신청절차 상에서 표시한 시점으로 합니다.<br>
+                                    ⑧ 회사는 회원에 대하여 회사정책에 따라 등급별로 구분하여 이용시간, 이용횟수, 서비스 메뉴 등을 세분화하여 이용에 차등을 둘 수 있습니다.<br>
+                                    ⑨ 회사는 서비스의 대량이용 등 특별한 이용에 관하여는 별도 계약을 통해 제공할 수 있습니다.
+                                </li>
+                                <li><strong>6조(개인정보보호)</strong>① 회사는 관계 법령이 정하는 바에 따라 적법하고 공정한 수단에 의하여 이용계약의 성립 및 이행에 필요한 최소한의 개인정보를 수집하고, 회원의 개인정보를 보호하기 위해 노력합니다.<br>
+                                    ② 제1항에도 불구하고 회원이 게시판 등 온라인상에서 자발적으로 제공하는 개인정보는 다른 사람이 수집하여 사용할 가능성이 있으므로 이러한 위험은 회원 자신이 책임을 집니다.<br>
+                                    ③ 회사는 개인정보의 수집 시 관계 법령에 따라 개인정보처리방침에 그 수집범위 및 목적을 사전에 고지합니다.<br>
+                                    ④ 회사는 회사가 제공하는 서비스를 이용하는 회원을 대상으로 해당 서비스의 양적‧질적 향상을 위해 이용자의 개인 식별이 가능한 개인정보를 이용자의 동의를 받아 수집하여 회사의 각종 서비스 등에 사용할 수 있습니다.<br>
+                                    ⑤ 개인정보의 보호 및 사용에 관하여는 관계 법령 및 회사의 개인정보처리방침이 적용됩니다. 단, 회사의 공식 사이트 이외의 링크된 사이트에 대하여는 회사의 개인정보처리방침이 적용되지 않습니다.<br>
+                                    ⑥ 회사는 회원이 서비스 화면에서 자신의 개인정보에 대한 수집, 이용 또는 제공에 대한 동의를 철회 할 수 있도록 필요한 조치를 취하여야 합니다.<br>
+                                    ⑦ 회사는 회원이 서비스 이용 시 회원의 시스템에 스파이웨어 등 기타 바이러스의 감염 등으로 인한 개인정보유출에 대해서는 책임을지지 않습니다. 회원은 주기적으로 자신의 사용 시스템의 사용 여부를 관리할 책임을 가지고 있습니다.
+                                </li>
+                                <li><strong>7조(아이디 및 비밀번호 관리에 대한 의무)</strong>① 회원의 아이디와 비밀번호에 관한 관리책임은 회원에게 있으며 이를 제3자가 이용하도록 하여서는 안됩니다.<br>
+                                    ② 회사는 회원의 아이디가 개인정보 유출 우려가 있거나 반사회적 또는 미풍양속에 어긋나거나 회사 및 회사의 운영자로 오인할 우려가 있는 경우 해당 아이디의 활용을 제한할 수 있습니다.<br>
+                                    ③ 회원은 아이디 및 비밀번호가 도용되거나 제3자가 사용하고 있음을 인지한 경우에는 이를 즉시 회사에 통지하고 회사의 안내에 따라야 합니다.<br>
+                                    ④ 회원이 제3항에 따라 그 사실을 통지하지 않거나, 통지한 경우에도 회사의 안내에 따르지 않아 발생한 불이익에 대하여 회사는 책임지지 않습니다.
+                                </li>
+                                <li><strong>8조(회원정보의 변경)</strong>회원은 이용 신청 시 기재한 회원정보가 변경되었을 경우 즉시 온라인으로 직접 수정하여야 하며, 관리자에게도 수정을 요청할 수 있습니다. 단, 이때 변경하지 않은 정보로 인해 발생되는 문제는 회원에게 책임이 있습니다.
+
+                                </li>
+                                <li><strong>9조(회원탈퇴, 자격상실 및 서비스 이용제한 등)</strong>① 회원은 탈퇴를 희망하는 경우 탈퇴를 요청할 수 있으며, 회사는 회사에서 정한 소정에 양식에 의하여 회원 탈퇴를 즉시 처리합니다.<br>
+                                    ② 회사는 회원이 다음 각 호에 어느하나 해당하는 경우 회원 자격을 박탈할 수 있습니다.<br>
+                                    1. 다른 사람의 서비스 이용 방해, 타인의 명예 훼손, 정보의 도용 등 전자거래 및 정보통신서비스 이용질서를 위협하는 경우<br>
+                                    2. 법령과 본 약관이 금지하거나 미풍양속에 반하는 행위를 하는 경우<br>
+                                    3. 회사가 정한 이용조건에 위배되는 경우<br>
+                                    4. 대량으로 스팸을 전송하여 시스템 장애를 야기했거나 야기시킬 우려가 있는 경우<br>
+                                    5. 스팸릴레이로 이용되거나 웜에 감염되어 스팸을 전송한 <br>
+                                    6. 전송한 광고성 정보가 불법스팸임이 확인된 경우<br>
+                                    7. 불법스팸 전송으로 과태료가 부과된 경우<br>
+                                    8. 회원이 전송한 광고성 정보에 대해 회사가 한국인터넷진흥원 불팸스팸 유무 확인을 요청하여 불법 스팸임이 확인된 경우<br>
+                                    ③ 회사는 회원자격 및 서비스 이용을 30일간 제한 정지시킨 후 정지기간 내에 그 사유가 시정되지 아니하는 경우에는 해당 회원의 회원자격을 상실시킬 수 있습니다. 단, 회사는
+                                    이용정지의 사유가 해소되면 그 즉시 서비스의 이용을 가능하게 합니다.<br>
+                                    ④ 회사가 회원자격을 상실시키는 경우에는 회원등록을 말소합니다. 이 경우 회원에게 이를 통지하고, 회원등록 말소 전에 소명할 기회를 부여합니다. 다만, 회원이 다음 각 호에
+                                    해당하는 경우에는 지체없이 회원등록을 말소할 수 있으며, 그 사실을 회원에게 통지합니다.<br>
+                                    1. 이용정지 기간 후에도 지속적으로 불법스팸 또는 의도적으로 발신번호를 변작한 메시지를 전송하는 경우<br>
+                                    2. 당해연도에 2회 이상 이용정지를 당한 <br>
+                                    3. 스팸 발송으로 인해 이용정지를 당한 경우 이용정지와 동시에 회원자격 상실<br>
+                                    4. 불특정 다수를 대상으로 메시지, 음성(영상)통화 등의 방법을 통해 무차별적으로 스팸을 전송한 사실이 있는 경우<br>
+                                    5. 수신처를 자동으로 생성하여 불특정 다수에게 광고성 메시지를 전송한 경우<br>
+                                    6. 카카오톡 서비스의 안정적 운영을 방해할 목적으로 다량의 정보를 전송하거나 정보통신설비의 오동작 또는 시스템 보유 정보 파괴를 유발시키거나 유포하는 경우<br>
+                                    ⑤ 회사는 제4항의 사전 통지하는 것이 곤란한 경우 회원등록을 선 말소시키고 후 통지할 수 있습니다.<br>
+                                    ⑥ 회사는 회원의 이용정지 또는 회원등록 말소 등 조치에 대해 회원에게 통지하여야 합니다. 다만, 사전에 회원이 제공한 연락처로 연락이 곤란한 경우 선조치 후 24시간 이내에
+                                    재고지하거나 홈페이지 또는 이메일 공지로 갈음할 수 있습니다.<br>
+                                    ⑦ 회사는 회원이 불법 스팸을 전송한 사실을 확인한 경우, 한국인터넷진흥원 불법스팸대응센터에 관련 자료를 첨부하여 신고할 수 있습니다.<br>
+                                    ⑧ 회사는 회원의 개인정보보보호 및 원활한 서비스 이용을 위하여 12개월 이상 로그인을 포함한 서비스 이용이 없는 아이디에 대해 휴면아이디로 분류하여 로그인을 비롯한 서
+                                    비스 이용을 정지하며, 휴먼 아이디의 개인정보에 대해서는 다른 아이디와 별도로 관리합니다.<br>
+                                    ⑨ 회사는 불법스팸을 전송하였다고 확인된 회원의 이용 중인 다른 번호가 불법스팸에 악용되고 있거나, 악용될 우려가 있다는 객관적 정황이 있는 경우에는 그 다른 번호도 이용
+                                    정지 및 서비스 해지할 수 있습니다.<br>
+                                    ⑩ 회사는 주민등록법을 위반한 명의도용 및 결제도용, 저작권법을 위반한 불법프로그램의 제공 및 운영방해, 정보통신망법을 위반한 스팸메세지 및 불법통신, 해킹, 악성프로그
+                                    램의 배포, 접속권한 초과행위 등과 같이 관계 법령을 위반한 경우에는 즉시 영구 이용정지를 할 수 있습니다. 본항에 따른 서비스 이용정지 시 서비스 내의 금액, 포인트, 혜택 및 권
+                                    리 등도 모두 소멸되며 회사는 이에 대한 어떠한 보상도 별도로 실시하지 않습니다.<br>
+                                    ⑪ 회사는 스팸‧문자피싱메시지 전송을 방지하기 위하여 문자의 일일 발송량을 제한 할 수 있으며 자체 모니터링을 강화할 수 있습니다.
+                                </li>
+                                <li><strong>10조(회원에 대한 통지)</strong>① 회사가 회원에 대한 통지를 하는 경우 이 약관에서 별도로 정함이 없는 한 회원이 등록한 이메일, 전화, 문자메시지 등을 통해 통지할 수 있습니다.<br>
+                                    ② 회사는 전체 또는 불특정 다수 회원에 대한 통지의 경우 7일 이상 서비스에 게시함으로써 제1항의 통지에 갈음할 수 있습니다.
+                                </li>
+                            </ul>
+                            <p class="title">제3장 회사 및 회원의 의무</p>
+                            <ul class="conlist7">
+                                <li><strong>11조(회사의 의무)</strong>① 회사는 관계 법령과 이 약관이 금지하거나 미풍양속에 반하는 행위를 하지 않으며, 지속적이고 안정적으로 서비스를 제공하기 위해 최선의 노력을 다하여야 합니다.<br>
+                                    ② 회사는 이용자가 안전하게 서비스를 이용할 수 있도록 개인정보(신용정보 포함) 보호 및 관리를 위해 필요한 조치를 취하며 개인정보처리방침을 공시하고 준수합니다.<br>
+                                    ③ 회사는 서비스 제공과 관련하여 알고 있는 이용자의 개인정보를 본인의 승낙 없이 제3자에게 누설 및 배포하지 않습니다. 다만, 관계 법령에 의한 관계기관으로부터의 요청 등 법률의 규정에 따른 적법한 절차에 의한 경우에는 그러하지 않습니다.<br>
+                                    ④ 회사는 업무와 관련하여 회원 전체 또는 일부의 개인정보에 관한 자료를 작성하여 이를 사용할 수 있습니다.<br>
+                                    ⑤ 회사는 회원에게 제공하는 유료 및 무료 서비스를 계속적이고 안정적으로 제공하기 위하여 설비에 장애가 생기거나 멸실 되었을 때 지체없이 이를 수리 또는 복구합니다. 다만,
+                                    천재지변이나 비상사태 등 부득이한 경우에는 서비스를 일시 중단하거나 영구 중지할 수 있습니다.<br>
+                                    ⑥ 회사는 『정보통신망법』 제44조의 7(불법정보의 유통금지 등) 규정에 따라 스팸메시지‧문자피싱메시지‧스미싱메시지, 사기, 협박, 음란성, 범죄를 목적으로 하거나 교사
+                                    또는 방조하는 내용의 정보, 발신번호조작 등으로 인지되는 문자메시지에 대해서 사전 또는 즉시 차단 및 발송을 제한할 수 있습니다.<br>
+                                    ⑦ 회사는 이용고객의 회원가입 시 타인의 명의를 도용한 부정가입을 방지하기 위해 본인인증 서비스 사업자가 제공하는 인증방법 또는 대면인증을 통해 본인인증서비스를 제공
+                                    ‧운영합니다.<br>
+                                    ⑧ 회사는 이용자가 발신번호 사전등록 및 본인인증 절차를 거친 후 서비스를 제공합니다.
+                                </li>
+                                <li><strong>12조(회원의 의무)</strong>① 회원은 이 약관에서 규정하는 모든사항과 서비스 이용안내, 영리 목적의 광고성 정보를 전송하는 경우 정보통신망법 및 주의사항 등을 철저히 준수하여
+                                    야 합니다.<br>
+                                    ② 회원은 『전기통신사업법』 제84조의 2(전화번호의 거짓표시 금지 및 이용자 보호)’에 의거 발신번호를 사전에 등록하고 등록된 번호로만 문자를 발송하여야 합니다. 단,
+                                    『전기통신사업법』 등의 관련 법률에서 예외로 허용한 경우에는 그렇지 아니합니다.<br>
+                                    ③ 회원은 발신번호 등록을 위한 증빙서류 제출 시 사실과 정확히 일치하는 정보만을 회사에 제공해야 하며, 증빙서류에 거짓된 정보가 있을 경우 그 책임은 회원에게 있습니다.<br>
+                                    ④ 회원은 회사를 이용함으로써 얻은 정보, 회사와 기타 제3자의 저작권 등을 사전 승낙 없이 복제, 전송, 출판, 배포, 방송 및 기타 방법에 의하여 상업적으로 이용하거나 제3자에
+                                    게 이용하게 할 수 없습니다.<br>
+                                    ⑤ 회원은 스팸 메시지 또는 불법스팸 메시지를 전송함으로써 발생하는 모든 민·형사상의 책임을 본인이 부담합니다.<br>
+                                    ⑥ 회원은 정당하지 않은 방법으로 전화번호를 변경하여 발신하는 경우, 번호 변작 발견 시 관계 법령에 따라 과태료가 부과될 수 있습니다.<br>
+                                    ⑦ 회원은 수신자가 발신자를 정확하게 식별할 수 있는 발신 프로필을 사용하여야 하며 해당사항에 틀림이 없는지 지속적으로 확인해야 합니다.
+                                </li>
+                            </ul>
+                            <p class="title">제4장 서비스의 제공 및 이용</p>
+                            <ul class="conlist7">
+                                <li><strong>13조(서비스의 제공 및 변경)</strong>① 회사는 회원에게 다음과 같은 서비스를 제공합니다.<br>
+                                    1. 문자메시지 대량발송 서비스<br>
+                                    2. 카카오톡 알림톡 및 친구톡 등 대량발송 서비스<br>
+                                    3. 주소록 서비스<br>
+                                    4. 나만의 맞춤문자 제작서비스<br>
+                                    5. 팩스 대량발송 서비스<br>
+                                    6. 기타 회사가 추가 개발하거나 다른 회사와의 제휴계약 등을 통해 회원에게 제공하는 일체의 서비스② 회사는 제1항에서 정한 서비스를 변경하여 제공할 수 있으며, 그 변경될
+                                    서비스의 내용 및 제공일자를 제14조에서 정한 방법으로 회원에게 통지합니다.<br>
+                                    ③ 서비스는 연중무휴, 1일 24시간 제공함을 원칙으로 합니다. 다만, 회사는 컴퓨터 등 정보통신설비의 보수점검‧교체 및 고장‧장애, 이용폭주, 통신두절 또는 운영상의 상당
+                                    한 이유가 있는 경우 서비스의 제공을 일시적으로 중단할 수 있으며, 부득이한 사유가 있는 경우 사후에 통지할 수 있습니다. 본항의 이유로 서비스가 일시 중단되는 경우에도 회
+                                    사는 고객에게 별도의 보상을 실시하지 않습니다.<br>
+                                    ④ 회사는 서비스의 제공에 필요한 경우 정기점검을 실시할 수 있으며, 정기점검 시간은 서비스 제공화면에 공지한 바에 따릅니다.<br>
+                                    ⑤ 회사는 운영상, 기술상의 필요에 따라 제공하고 있는 전부 또는 일부 서비스를 변경할 수 있으며, 서비스 페이지의 UI‧UX‧디자인‧콘텐츠 등은 사전예고 없이 수정될 수 있
+                                    습니다.<br>
+                                    ⑥ 회사는 무료로 제공되는 서비스의 일부 또는 전부를 회사의 정책 및 운영의 필요상 수정, 중단, 변경할 수 있으며 이에 대하여 관계 법령에 특별한 규정이 없는 한 회원에게 별도
+                                    의 보상을 하지 않습니다.
+                                </li>
+                                <li><strong>14조(정보의 제공 및 통지)</strong>① 회사는 회원이 서비스 이용 중 필요하다고 인정되는 다양한 정보를 공지사항 또는 이메일, 메시지, 기타 방법 등으로 회원에게 제공할 수 있습니다.<br>
+                                    ② 회사는 불특정다수 회원에 대한 통지를 하는 경우 7일 이상 게시판에 게시함으로써 개별 통지에 갈음 및 고지할 수 있습니다.
+                                </li>
+                                <li><strong>15조(각종 자료의 저장기간)</strong>회사는 서비스별로 회원의 필요에 의해 저장하고 있는 자료에 대하여 일정한 저장기간을 정할 수 있으며 필요에 따라 그 기간을 변경할 수 있습니다.
+                                </li>
+                                <li><strong>16조(게시물의 저작권)</strong>① 회원이 서비스 페이지에 게시하거나 등록한 자료의 지적재산권은 회원에게 있습니다. 단, 회사는 서비스 홈페이지의 게재권을 가지며 회사의 서비
+                                    스 내에 한하여 회원의 게시물을 활용할 수 있습니다.<br>
+                                    ② 회사는 회원이 서비스에 게재한 정보의 정확성 및 신뢰도 등 내용에 대해서는 책임을 지지 않습니다.<br>
+                                    ③ 회원은 서비스를 이용하여 얻은 정보를 가공, 판매하는 행위 등 게재된 자료를 상업적으로 이용할 수 없으며 이를 위반하여 발생하는 제반 문제에 대한 책임은 회원 본인에게
+                                    있습니다.<br>
+                                    ④ 회사는 회원이 서비스에 게시 또는 게재하거나 서비스를 통해 전송, 수신한 내용물 및 그 결과에 대하여 책임지지 않으며, 아래사항에 해당하는 경우 게시물을 임의로 삭제할
+                                    수 있습니다.<br>
+                                    1. 타인을 비방하거나 명예를 손상시키는 내용인 경우<br>
+                                    2. 공공질서 및 미풍양속에 위반되는 내용인 경우<br>
+                                    3. 안정적 서비스 제공에 지장을 주거나 줄 우려가 있는 경우<br>
+                                    4. 범죄행위에 관련된다고 판단되는 경우<br>
+                                    5. 회사 및 타인의 지적재산권 등 기타 권리를 침해하는 내용인 경우<br>
+                                    6. 특정업체 및 제품의 선전 등 기타 상용목적으로 게시되는 내용인 경우<br>
+                                    7. 입력된 정보를 무단으로 개조하는 경우<br>
+                                    8. 타 회원의 아이디 및 비밀번호를 도용하는 경우<br>
+                                    9. 게시판의 목적에 맞지 않는 사이버 시위 및 도배 목적의 내용인 경우<br>
+                                    10. 기타 관계 법령에서 위반된다고 판단하는 경우
+                                </li>
+                                <li><strong>17조(지적소유권의 보호)</strong>① 회사가 작성한 저작물에 대한 저작권 및 기타 지적재산권은 모두 회사에 귀속하며 서비스 외에서의 복제, 전송, 배포 등의 일체의 이용은 금지됩니다.<br>
+                                    ② 회원은 서비스를 이용함으로써 얻은 정보를 회사의 사전 승낙 없이 임의 가공, 판매, 복제, 송신, 출판, 배포, 방송, 기타 방법에 의하여 영리목적으로 이용하거나 제3자에게 이
+                                    용하게 하여서는 안됩니다.<br>
+                                    ③회사가 제공하는 모든 콘텐츠 및 서비스에 대해서는 회원이 단순 링크의 방법이나 기타 전자적인 방법을 통하여 본 사이트 외에서 이용하는 것은 상업적 목적 여부를 불문하고
+                                    금지됩니다.
+                                </li>
+                                <li><strong>18조(발송량의 제한)</strong>① 『정보통신망법』에서 금지하는 대량의 불법스팸 전송을 방지하기 위하여 회원의 아이디당 1일 500건을 초과하는 문자 메시지를 전송할 수 없습니다.
+                                    단, 회원이 제출하는 증빙서류 등을 통해 회사가 불법 스팸 전송이 아님을 확인할 수 있는 경우 초과 전송이 가능하도록 예외를 인정할 수 있습니다.<br>
+                                    ② 회원이 제출한 증빙서류 등을 통해 불법스팸 전송이 아님을 확인하였더라도 회원의 메시지 발송량이 과다할 경우 회사는 발송을 제한할 수 있습니다.<br>
+                                    ③ 개인 회원이 500건 예외 적용 시 2차로 1일 3,000건을 초과하는 문자 메시지를 제한할 수 있습니다.<br>
+                                    ④ 카카오 친구톡 메시지는 매일 20시 50분부터 익일 08시까지 전송이 제한됩니다.
+                                </li>
+                            </ul>
+                            <p class="title">제5장 요금 및 환불 등</p>
+                            <ul class="conlist7">
+                                <li><strong>19조(요금산정)</strong>① 회사가 제공하는 유료서비스 이용과 관련하여 회원이 납부하여야 할 요금은 이용료 안내에 게재한 바에 따릅니다.<br>
+                                    ② 요금 등은 서비스별로 정하는 바에 따라 선결제를 기본으로 하며, 필요에 따라 회사와 별도 계약을 통해 후납할 수 있습니다.<br>
+                                    ③ 요금의 결제는 신용카드, 무통장입금, 휴대폰결제 등 기타 회사가 정한 결제수단으로 합니다.<br>
+                                    ④ 회사는 제1항 내지 제3항에 따른 결제금액은 디지털 충전금으로 적립하여 운영하며, 회사가 제공하는 서비스를 이용하는 시점에서 차감이 됩니다. 단, 서비스상 중대한 하자에
+                                    의해서 구매한 서비스가 불량하였을 경우 재충전 또는 서비스 복원으로 보상받을 수 있습니다.<br>
+                                    ⑤ 회원이 타인의 결제수단을 이용하여 이용요금을 결제한 경우 회사는 이에 대한 어떠한 책임도 지지 않습니다.<br>
+                                    ⑥ 카카오가 카카오톡 비즈메시지의 단가를 변경하거나 통신사의 통신비 변경 시 회원 또는 회사는 상호간에 이용요금의 변경을 요청할 수 있으며, 이 경우 상호 협의하여 이용요
+                                    금을 결정합니다. 단, 양 당사자 간에 요구한 이용요금 변경에 대하여 회원 또는 회사가 동의하지 않을 경우 회원 또는 회사는 계약해지 30일 전에 서면통보하고 계약을 해지할 수
+                                    있습니다.<br>
+                                    ⑦ 회원은 회사에 지급할 이용요금에 대한 지급보증을 위하여 월 (예상)이용요금의 2배에 해당하는 보증보험증권, 예치금, 기타 이에 상응하는 담보를 회사가 요구할 경우 회사에
+                                    게 제출하여야 하며, 회사는 제공하는 서비스의 매월 이용요금에 따라 그 한도를 조정하여 담보금액 증액을 회원에게 요구할 수 있습니다. 단, 그에 따른 부대 비용은 회원의 비용
+                                    으로 합니다.<br>
+                                    ⑧ 회사의 요구에도 불구하고 회원이 제7항의 담보를 미제출할 경우 회사는 회원의 서비스 이용을 제한할 수 있습니다.
+                                </li>
+                                <li><strong>20조(요금 등의 이의신청)</strong>① 회원은 청구된 요금 등에 대하여 이의가 있는 경우 청구일로부터 3개월 이내에 회사에 이의신청을 할 수 있습니다.<br>
+                                    ② 회사는 제1항의 이의신청 접수 후 2주 이내에 해당 이의신청의 타당성 여부를 조사하여 그 결과를 신청자에게 통지합니다.<br>
+                                    ③ 부득이한 사유로 인하여 제2항에서 정한 기간 내에 이의신청 결과를 통지할 수 없는 경우에는 그 사유와 처리기한을 다시 명시하여 신청자에게 통지합니다.
+                                </li>
+                                <li><strong>21조(불법 면탈 요금의 청구)</strong>① 회원이 불법으로 이용요금 등을 면탈할 경우에는 면탈한 금액의 2배에 해당하는 금액을 청구합니다.<br>
+                                    ② 제19조제2항에 따른 후납 고객이 이용요금을 2개월 이상 연체한 경우에는 신용기관에 신용불량자로 등록할 수 있습니다.
+                                </li>
+                                <li><strong>22조(요금 등의 환불 및 소멸)</strong>①회사는 요금 등의 과납 또는 오납이 있을 경우 그 과납 또는 오납된 요금을 전액 환불합니다.<br>
+                                    ② 환불 신청 시 결제금액에 따라 무상 증여된 충전금 및 포인트를 제외한 후 사용건수에 따른 전송요금, “인터넷이용관련 소비자피해보상(기획재정부)”에서 규정한 위약금(총
+                                    결제금액의 10%, 운영관리비 및 인건비 등) 및 PG사 결제수수료, 송금비용을 제외한 잔액을 환불하여 드립니다. 단, 요금환불은 환불요청 금액이 최소 1만원 이상인 경우에만 가
+                                    능(1만원 이하 환불불가)하며, 회원 탈퇴 시 자동 소멸됩니다.<br>
+                                    ③ 제2항의 경우 회사는 이용자가 환불을 요청한 시점으로부터 익월 말일까지 이용자가 결제한 은행계좌로 반환요청 요금을 환불합니다. 단, 선납 시 결제방법의 취소가 가능하
+                                    다면 결제 취소를 원칙으로 합니다.<br>
+                                    ④ 환불을 원하는 회원은 회사의 고객센터 또는 콜센터 등을 통하여 환불 신청 사유를 회사에 통지하고 회원 본인이 직접 환불신청을 하여야하며, 반드시 가입자 본인 명의의 통
+                                    장에 대해서만 환불처리가 가능합니다.<br>
+                                    ⑤ 제1항 내지 제5항에도 불구하고 회원의 귀책사유로 탈퇴하거나 탈퇴된 경우, 자격상실 또는 서비스 이용제한 등에 따라 탈퇴한 경우의 충전금은 자동 소멸됩니다.<br>
+                                    ⑥ 구매한 충전금 및 포인트의 유효기간은 충전일로부터 60개월이며, 회사는 소진일 30일 전에 고객에게 전자우편 등으로 해당내용을 통지합니다.<br>
+                                    ⑦ 포인트의 유효기간은 무료 획득 또는 이벤트 등으로 인한 사유발생일로부터 12개월이며, 소진일 30일 전에 고객에게 전자우편 등으로 해당내용을 통지합니다.<br>
+                                    ⑧ 제7항 및 제8항에 따라 구매한 충전금 및 포인트는 상사소멸시효에 따라 소멸됩니다.<br>
+                                    ⑨ 스팸 발송으로 인해 수신자의 스팸 신고가 접수되거나 회사의 스팸 필터링에 접수되는 경우 등 스팸으로 판단될 경우 해당 회원에 통보한 후 강제 탈퇴하는 것을 원칙으로 하
+                                    며, 향후 서비스 이용이 불가합니다. 또한, 회사의 스팸 관련 규약에 따라 잔여 충전금은 금액에 상관없이 환불하지 않으며, 추가적으로 발생하는 회사의 모든 손해는 회원이 모두
+                                    책임집니다.<br>
+                                    ⑩ 회사는 불법 스팸, 스미싱, 발신번호 조작, 명의도용 관련 환불‧보상 건에 대해 공범 의혹 제기 등을 고려하여 법원의 공식적인 판결 결정 없이는 보상을 실시하지 아니하며,
+                                    최종 판결을 받은 경우에도 제2항에 따른 위약금 및 PG사 결제수수료, 송금비용을 제외한 차액을 환불합니다.<br>
+                                    ⑪ 서비스가 정상적으로 이루어지지 못한 경우(보통 메시지 전송을 의미함), 사용한 충전금이나 포인트를 최장 72시간 이내 자동 재충전 처리되며, 기타 서비스의 문제 발생 시
+                                    관리자의 확인 절차 후 그 이유가 정당할 때 신속히 처리합니다.<br>
+                                    ⑫ 회사는 관계 법령의 변경 등 합리적인 사유 발생 및 회사 정책상 변경이 필요한 경우, 충전금 및 포인트 운영정책을 변경하여 운영할 수 있습니다.
+                                </li>
+                            </ul>
+                            <p class="title">제6장 손해배상 및 기타사항</p>
+                            <ul class="conlist7">
+                                <li><strong>23조(손해배상의 범위 및 청구)</strong>① 회사는 회사가 제공하는 서비스의 이용과 관련하여 회사의 고의 또는 중대한 과실이 없이 회원에게 발생한 손해에 대해서는 일체의 책임을
+                                    지지 않습니다.<br>
+                                    ② 회사가 제공하는 서비스 중 무료서비스의 경우에는 손해배상 항목에 해당되지 않습니다.<br>
+                                    ③ 회사는 그 손해가 천재지변 등 불가항력이거나 회원의 고의 또는 과실로 인하여 발생된 때에는 손해배상을 하지 않습니다.<br>
+                                    ④ 손해배상의 청구는 회사에 청구사유, 청구금액 및 산출근거를 객관적이고 명확히 기재하여 전자우편 또는 서면(공문, 등기)으로 신청하여야 합니다.<br>
+                                    ⑤ 제4항에 따라 회사의 귀책사유로 발생한 손해배상액의 총액은 회원이 지불한 이용요금의 2배를 초과할 수는 없으며, 이미 정상적으로 발송된 건은 제외한 후 나머지 요금의 2배를 한도로 손해배상합니다.
+                                    <div class="gray_box">
+                                        ※ 손해배상액 한도 = (총 결제금액 – 정상 서비스 이용금액) × 2 <br>
+                                        * 누적 결제 시에도 회사 귀책사유에 따른 결제건에 한하여 보상하며, 정상 서비스 이용에 따라 소진된 소멸 결제건에 대해서는 보상 미실시
+                                    </div>
+                                    ⑥ 회사 및 타인에게 피해를 주어 피해자의 고발 또는 소송 제기로 인하여 손해배상이 청구된 회원은 이에 응하여야 합니다.
+                                </li>
+                                <li><strong>24조(면책)</strong>회사는 다음 각 호의 경우로 서비스를 제공할 수 없는 경우 이로 인하여 회원에게 발생한 손해에 대해서는 책임을 부담하지 않습니다. 단, 이 약관의 적용은 이용계
+                                    약을 체결한 회원에 한하며 제3자로부터의 어떠한 배상, 소송 등에 대하여 회사는 책임을 면합니다.<br>
+                                    1. 천재지변 또는 이에 준하는 불가항력의 상태가 있는 경우<br>
+                                    2. 서비스의 효율적인 제공을 위한 시스템 개선, 장비 증설 등 계획된 서비스 중지 일정을 사전에 공지한 경우<br>
+                                    3. 서비스 제공을 위하여 회사와 서비스 제휴계약을 체결한 제3자의 고의적인 서비스 방해가 있는 경우<br>
+                                    4. 회원의 귀책사유로 서비스 이용에 장애가 있는 경우<br>
+                                    5. 회사의 고의 과실이 없는 사유로 인한 경우<br>
+                                    6. 회사에게 회선, 통신망, 전용선망을 제공하고 있는 이동통신사 또는 부가통신사업자, 카카오 측의 장애, 귀책사유로 인한 서비스의 불완전 및 불능으로 이용자 또는 제3자에게
+                                    야기된 손해<br>
+                                    7. 해당 서비스나 디지털 콘텐츠의 품질, 성능, 정확도 또는 노력의 면에서 회원이 불만족하는 경우<br>
+                                    8. 회사는 무료로 제공하는 서비스에 대하여 회사의 귀책사유로 이용자에게 서비스를 제공하지 못하는 경우<br>
+                                    9. 회원이 게시 또는 전송한 자료의 내용<br>
+                                    10. 회원 상호 간 또는 이용자와 제3자 상호 간 서비스를 매개로 하여 물품거래 등을 한 경우
+                                </li>
+                                <li><strong>25조(분쟁의 처리 및 관할법원)</strong>① 회사의 귀책사유가 명백히 인정되는 경우, 회원은 회사를 상대로 소송 등을 제기하기 전에 우선 회사에 이를 알려 원만히 분쟁을 해결할 수
+                                    있도록 합니다.<br>
+                                    ② 회사와 회원은 개인정보에 관한 분쟁이 있을 경우 신속하고 효과적인 분쟁해결을 위하여 한국정보보호센터 내의 개인정보분쟁조정위원회에 그 처리를 의뢰할 수 있습니다.<br>
+                                    ③ 이용자와 회사 간에 서비스 또는 본 약관에 관한 분쟁이 발생하여 소송을 할 필요가 있을 때에는 회사의 사업장소재지를 관할하는 법원을 관할법원으로 합니다.
+                                </li>
+                            </ul>
+                            <p class="title">부칙</p>
+                            <ul class="conlist7">
+                                <li><strong>1조(시행일)</strong>이 약관은 2023년 4월 26일부터 시행됩니다.</li>
+                                <li><strong>2조(경과조치)</strong>2022년 8월 1일부터 시행되던 종전의 약관은 본 약관으로 대체합니다.</li>
+                            </ul>
+                            <!-- 개정이력 불러오기 -->
+
+                            <!--
+	이용약관 내용 하단 
+	이전 개정이력 선택 Select Box 영역
+	 
+ -->
+
+                            <div class="history">
+                                <p>이용약관 개정이력 보기</p>
+                                <div class="privacy_content_select_wrap">
+                                    <!-- option 선택 시 해당페이지로 이동 -->
+                                    <select name="termsMastNo" id="termsMastNo" class="selType2 version_change_select" onchange="getTermsOtherVersion();">
+                                        <option value="2024">2024.11.29</option>
+                                        <option value="2023" selected="">2023.04.26. ~ 2024.11.28. 적용</option>
+                                        <option value="2022">2022.08.01. ~ 2023.04.25. 적용</option>
+                                    </select>
+                                </div>
+                            </div>
+
                         </div>
-                        <ul class="clause_list">
-                            <li class="list_open on">
-                                <div class="clause_list_head">
-                                    <div class="list_head_in">
-                                        <span class="operGuide_title">제 1장 총칙</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">
-                                        <span class="operGuide_title">제 2장 서비스 이용계약, 정보변경 및 회원탈퇴</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">
-                                        <span class="operGuide_title">제 3장 회사 및 회원의 의무</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">
-                                        <span class="operGuide_title">제 4장 서비스의 제공 및 이용</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">
-                                        <span class="operGuide_title">제 5장 요금 및 환불 등</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">
-                                        <span class="operGuide_title">제 6장 손해배상 및 기타사항</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">
-                                        <span class="operGuide_title">부칙</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>
                     </div>
-                    <!--// 고객센터 - 이용약관 - 이용약관 -->
-                    <!-- 고객센터 - 이용약관 - 개인정보처리방침 -->
+                    <!-- //이용약관 -->
+
+                    <!-- 개인정보처리방침 -->
                     <div class="pay_cont" id="tab1_2">
-                        <div class="titBox">
-                            <p>- 제 1장 총칙</p>
-                            <p>- 제 2장 서비스 이용계약, 정보변경 및 회원탈퇴</p>
-                            <p>- 제 3장 회사 및 회원의 의무</p>
-                            <p>- 제 4장 서비스의 제공및 이용</p>
-                            <p>- 제 5장 요금 및 환불 등 </p>
-                            <p>- 제 6장 손해배상 및 기타사항</p>
-                            <p>- 부칙</p>
+                        <div class="titBox_type01">
+                            주식회사 아이티앤(이하 ‘회사’라 한다)은 『정보통신망이용촉진 및 정보보호 등에 관한 법률(이하 정보통신망법)』, 『개인정보 보호법』등 개인정보와 관련된 법령을 준수하고 있으며, 이용자의 개인정보가 보호받을 수 있도록 최선을 다하고 있습니다.
+                            회사는 「개인정보보호법」제30조에 따라 개인정보 처리에 관한 절차 및 기준을 안내하고, 이와 관련한 고충을 신속하고 원활하게 처리할 수 있도록 하기 위하여 다음과 같이 개인정보처리방침을 수립·공개합니다.
+                            본 개인정보처리방침은 회사가 제공하는 인터넷 서비스 문자온(www.munjaon.co.kr, 이하 “서비스”)를 이용하는 이용자에게 적용되며, 관련 법률, 지침 및 내부 운영방침의 변경에 따라 변경될 수 있습니다.
                         </div>
-                        <ul class="clause_list">
-                            <li class="list_open on">
-                                <div class="clause_list_head">
-                                    <div class="list_head_in">
-                                        <span class="operGuide_title">제 1장 총칙</span>
-                                        <button type="button" onclick="clause_list(this);"><i></i></button>
+                        <div class="privacy_labeling">
+                            <p class="title">주요 개인정보 처리 표시(라벨링)</p>
+                            <ul class="labeling">
+                                <li>
+                                    <img src="/publish/images/labeling_01.png" alt="">
+                                    개인정보
+                                    <div class="send_hover_cont">
+                                        <b class="hover_title">이름, 휴대전화번호 등</b>
+                                        ※ 세부내용은 개인정보처리방침 본문 확인
                                     </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>
+                                </li>
+                                <li>
+                                    <img src="/publish/images/labeling_02.png" alt="">
+                                    결제정보
+                                    <div class="send_hover_cont">
+                                        <b class="hover_title">계좌(카드)정보, 예금주(카드 명의자) 정보 등</b>
+                                        ※ 세부내용은 개인정보처리방침 본문 확인
                                     </div>
-                                </div>
-                            </li>
-                            <li class="list_open">
-                                <div class="clause_list_head">
-                                    <div class="list_head_in">
-                                        <span class="operGuide_title">제 2장 서비스 이용계약, 정보변경 및 회원탈퇴</span>
-                                        <button type="button" onclick="clause_list(this);"><i></i></button>
+                                </li>
+                                <li>
+                                    <img src="/publish/images/labeling_03.png" alt="">
+                                    처리목적
+                                    <div class="send_hover_cont">
+                                        <b class="hover_title">회원관리, 서비스제공 및 관리, 신규서비스 개발 및 마케팅·광고·홍보</b>
+                                        ※ 세부내용은 개인정보처리방침 본문 확인
                                     </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>
+                                </li>
+                                <li>
+                                    <img src="/publish/images/labeling_04.png" alt="">
+                                    자동수집
+                                    <div class="send_hover_cont">
+                                        <b class="hover_title" style="margin:0;">쿠키</b>
                                     </div>
-                                </div>
-                            </li>
-                            <li class="list_open">
-                                <div class="clause_list_head">
-                                    <div class="list_head_in">
-                                        <span class="operGuide_title">제 3장 회사 및 회원의 의무</span>
-                                        <button type="button" onclick="clause_list(this);"><i></i></button>
+                                </li>
+                                <li>
+                                    <img src="/publish/images/labeling_05.png" alt="">
+                                    처리위탁
+                                    <div class="send_hover_cont">
+                                        ※ 세부내용은 개인정보처리방침 본문 확인
                                     </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>
+                                </li>
+                                <li>
+                                    <img src="/publish/images/labeling_06.png" alt="">
+                                    개인정보보호책임자
+                                    <div class="send_hover_cont">
+                                        <b class="hover_title">개인정보보호책임자
+                                            <span>개인정보보호책임자(1551-8011, help@iten.co.kr)</span>
+                                        </b>
+                                        ※ 세부내용은 개인정보처리방침 본문 확인
                                     </div>
-                                </div>
-                            </li>
-                            <li class="list_open">
-                                <div class="clause_list_head">
-                                    <div class="list_head_in">
-                                        <span class="operGuide_title">제 4장 서비스의 제공 및 이용</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">
-                                        <span class="operGuide_title">제 5장 요금 및 환불 등</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">
-                                        <span class="operGuide_title">제 6장 손해배상 및 기타사항</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">
-                                        <span class="operGuide_title">부칙</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>
-                    </div>
-                    <!--// 고객센터 - 이용안내 - 불법스팸방지안내 -->
-                    <!-- 고객센터 - 이용약관 - 불법스팸방지안내 -->
-                    <div class="pay_cont" id="tab1_3">
-                        <div class="titBox">
-                            <p>- 제 1장 총칙</p>
-                            <p>- 제 2장 서비스 이용계약, 정보변경 및 회원탈퇴</p>
-                            <p>- 제 3장 회사 및 회원의 의무</p>
-                            <p>- 제 4장 서비스의 제공및 이용</p>
-                            <p>- 제 5장 요금 및 환불 등 </p>
-                            <p>- 제 6장 손해배상 및 기타사항</p>
-                            <p>- 부칙</p>
+                                </li>
+                            </ul>
                         </div>
-                        <ul class="clause_list">
-                            <li class="list_open on">
-                                <div class="clause_list_head">
-                                    <div class="list_head_in">
-                                        <span class="operGuide_title">제 1장 총칙</span>
-                                        <button type="button" onclick="clause_list(this);"><i></i></button>
-                                    </div>
+                        <div class="privacy_index">
+                            <p class="title">목차</p>
+                            <p class="info">개인정보처리방침은 다음과 같은 내용을 담고 있습니다.</p>
+                            <div class="privacy_index_box">
+                                <ul>
+                                    <li><a href="#part01">1. 개인정보의 처리 목적</a></li>
+                                    <li><a href="#part02">2. 개인정보의 처리 및 보유기간</a></li>
+                                    <li><a href="#part03">3. 개인정보의 제3자 제공에 관한 사항</a></li>
+                                    <li><a href="#part04">4. 개인정보처리의 위탁에 관한 사항</a></li>
+                                    <li><a href="#part05">5. 정보주체와 법정대리인의 권리ㆍ의무 및 그 행사에 관한 사항</a></li>
+                                    <li><a href="#part06">6. 처리하는 개인정보의 항목 및 방법</a></li>
+                                </ul>
+                                <ul>
+                                    <li><a href="#part07">7. 개인정보 파기절차 및 방법</a></li>
+                                    <li><a href="#part08">8. 개인정보의 안전성 확보 조치에 관한 사항</a></li>
+                                    <li><a href="#part09">9. 개인정보의 자동 수집 장치의 설치, 운영 및 그 거부에 관한 사항</a></li>
+                                    <li><a href="#part10">10. 링크 사이트</a></li>
+                                    <li><a href="#part11">11. 개인정보보호책임자 및 상담ㆍ신고</a></li>
+                                    <li><a href="#part12">12. 개인정보처리방침의 변경에 관한 사항</a></li>
+                                </ul>
+                            </div>
+                        </div>
+                        <div class="privacy_content">
+                            <p class="title" id="part01">1. 개인정보의 처리 목적</p>
+                            <div class="conbox">
+                                <p>회사는 다음의 목적을 위하여 개인정보를 처리합니다. 처리하고 있는 개인정보는 다음의 목적 이외의 용도로는 이용되지 않으며, 이용목적이 변경되는 경우에는 「개인정보 보호법」제18조에 따라 별도의 동의를 받는 등 필요한 조치를 이행할 예정입니다.</p>
+                                <table class="tType2">
+                                    <colgroup>
+                                        <col style="width:30%;">
+                                        <col style="width:70%;">
+                                    </colgroup>
+                                    <thead>
+                                        <tr>
+                                            <th>구분</th>
+                                            <th>처리목적</th>
+                                        </tr>
+                                    </thead>
+                                    <tbody>
+                                        <tr>
+                                            <td>회원관리</td>
+                                            <td class="type_left">가입의사 확인, 개인식별, 회원제 서비스 제공에 따른 이용확인, 회원자격 유지 관리, 불량회원의 부정 이용 방지와 비인가 사용 방지, 중복가입 확인, 분쟁 조정을 위한 기록보존, 불만처리 등 민원처리, 고지사항 전달, 회원탈퇴 의사의 확인, 이용정지회원에 대한 기록</td>
+                                        </tr>
+                                        <tr>
+                                            <td>서비스 제공 및 관리</td>
+                                            <td class="type_left">발신번호 등록 관리, 서비스 제공에 관한 계약이행 및 유료서비스 제공에 따른 요금 정산, 콘텐츠 제공, 유료 서비스 이용에 대한 과금, 구매 및 요금 결제, 본인인증, 요금 추심</td>
+                                        </tr>
+                                        <tr>
+                                            <td>신규서비스 개발 및 마케팅·광고·홍보</td>
+                                            <td class="type_left">신규서비스 개발 및 맞춤서비스 제공, 통계학적 특성에 따른 서비스 제공 및 광고 게재, 서비스의 유효성 확인, 접속 빈도 파악, 회원의 서비스 이용에 대한 통계, 이벤트 정보 및 참여기회 제공, 광고성 정보 제공</td>
+                                        </tr>
+                                    </tbody>
+                                </table>
+                            </div>
+                        </div>
+                        <div class="privacy_content">
+                            <p class="title" id="part02">2. 개인정보의 처리 및 보유기간</p>
+                            <div class="conbox">
+                                <p>회사는 이용자로부터 별도 동의를 받은 기간 동안 개인정보를 보유 및 이용하며, 이용자가 회원탈퇴를 요청하거나, 개인정보의 수집 및 이용에 대한 동의를 철회하는 경우, 개인정보의 수집 및 이용 목적이 달성된 경우에는 개인정보를 지체없이 파기합니다. </p>
+                                <p>다만, 회원탈퇴 및 개인정보의 수집 및 이용 목적이 달성되더라도 법령 및 서비스 정책에 따라 다음의 개인정보 항목을 일정기간 보관할 수 있습니다.</p>
+                                <p class="contitle1">가. 법령에 따른 개인정보 처리 및 보유기간</p>
+                                <table class="tType2">
+                                    <colgroup>
+                                        <col style="width:42%;">
+                                        <col style="width:42%;">
+                                        <col style="width:auto;">
+                                    </colgroup>
+                                    <thead>
+                                        <tr>
+                                            <th>보존항목</th>
+                                            <th>보존근거</th>
+                                            <th>보존기간</th>
+                                        </tr>
+                                    </thead>
+                                    <tbody>
+                                        <tr>
+                                            <td>계약 또는 청약철회 등에 관한 기록</td>
+                                            <td>전자상거래 등에서의 소비자보호에 관한 법률</td>
+                                            <td>5년</td>
+                                        </tr>
+                                        <tr>
+                                            <td>대금결제 및 재화 등의 공급에 관한 기록</td>
+                                            <td>전자상거래 등에서의 소비자보호에 관한 법률</td>
+                                            <td>5년</td>
+                                        </tr>
+                                        <tr>
+                                            <td>전자금융 거래에 관한 기록</td>
+                                            <td>전자금융거래법</td>
+                                            <td>5년</td>
+                                        </tr>
+                                        <tr>
+                                            <td>소비자의 불만 또는 분쟁처리에 관한 기록</td>
+                                            <td>전자상거래 등에서의 소비자보호에 관한 법률</td>
+                                            <td>3년</td>
+                                        </tr>
+                                        <tr>
+                                            <td>표시/광고에 관한 기록</td>
+                                            <td>전자상거래 등에서의 소비자보호에 관한 법률</td>
+                                            <td>6개월</td>
+                                        </tr>
+                                        <tr>
+                                            <td>웹사이트 방문 기록</td>
+                                            <td>통신비밀보호법</td>
+                                            <td>3개월</td>
+                                        </tr>
+                                        <tr>
+                                            <td>통신 사실 확인 자료</td>
+                                            <td>통신비밀보호법</td>
+                                            <td>1년</td>
+                                        </tr>
+                                        <tr>
+                                            <td>발신번호 등록 기록</td>
+                                            <td>전기통신사업법</td>
+                                            <td>1년</td>
+                                        </tr>
+                                        <tr>
+                                            <td>세법이 규정하는 모든 거래에 관한 장부 및 증빙서류</td>
+                                            <td>국세기본법</td>
+                                            <td>5년</td>
+                                        </tr>
+                                    </tbody>
+                                </table>
+                                <p class="contitle1">나. 서비스 정책에 따른 처리 및 보유 기간</p>
+                                <table class="tType2">
+                                    <colgroup>
+                                        <col style="width:56%;">
+                                        <col style="width:auto;">
+                                        <col style="width:7%;">
+                                    </colgroup>
+                                    <thead>
+                                        <tr>
+                                            <th>보존항목</th>
+                                            <th>보존근거</th>
+                                            <th>보존기간</th>
+                                        </tr>
+                                    </thead>
+                                    <tbody>
+                                        <tr>
+                                            <td>성명, 아이디, 이메일, 휴대폰번호, 상호, 사업자 등록번호, 대표자명, 사업장주소, 업태, 종목, 사업자등록증, 메시지 발송용 이름, 주소, 긴급연락처, 팩스번호, 서비스 이용기록, 접속 로그, 쿠키</td>
+                                            <td>회원 탈퇴 시 소비자의 불만 및 분쟁해결 등을 위한 목적, 부정 이용 방지, 발신번호 확인 및 불법적 이용자에 대한 관련 기관 수사협조</td>
+                                            <td>12개월</td>
+                                        </tr>
+                                    </tbody>
+                                </table>
+                            </div>
+                        </div>
+                        <div class="privacy_content">
+                            <p class="title" id="part03">3. 개인정보의 제3자 제공에 관한 사항</p>
+                            <div class="conbox">
+                                <p>회사는 회원에게 고지한 범위 내에서 개인정보를 이용하며, 회원의 사전 동의 없이는 동 범위를 초과하여 개인정보를 이용하거나 타인 또는 타 기관에 제공 또는 공유하지 않습니다.</p>
+                                <p>다만, 다음의 경우에는 예외로 합니다.</p>
+                                <ul class="conlist1">
+                                    <li>회원이 사전에 동의한 경우</li>
+                                    <li>영업의 전부 또는 일부 양도, 합병 · 상속 등으로 서비스 제공자의 권리 · 의무를 이전 승계하는 경우</li>
+                                    <li>법률에 특별한 규정이 있는 경우<span class="text_type01">(단, 행정 목적이나 수사 목적으로 해당 행정관청 또는 수사기관이 영장 또는 기관장의 직인이 날인된 서면을 통해 요청하는 경우 등 법률에서 규정한 적법 절차에 따라 제공)</span></li>
+                                    <li><span style="font-weight:300;">정부 관계부처가 합동으로 발표한</span> ‘긴급상황 시 개인정보 처리 및 보호수칙’<span style="font-weight: 300;">에 따라 재난, 감염병, 급박한 생명·신체위험을 초래하는 사건·사고, 급박한 재산 손실 등의 </span>긴급상황이 발생하는 경우<span style="font-weight: 300;">(단, 근거법령에 의거하여 필요한 최소한의 개인정보만을 제공하며, 목적과 다르게 제공하지 않음)</span></li>
+                                </ul>
+                            </div>
+                        </div>
+                        <div class="privacy_content">
+                            <p class="title" id="part04">4. 개인정보처리의 위탁에 관한 사항</p>
+                            <div class="conbox">
+                                <p>회사는 다음과 같이 서비스 제공에 필요한 업무를 외부 업체에 위탁하여 개인정보를 처리하고 있으며, 위탁한 업체가 관계 법령을 위반하지 않도록 관리·감독하고 있습니다.</p>
+                                <table class="tType2">
+                                    <colgroup>
+                                        <col style="width:50%;">
+                                        <col style="width:50%;">
+                                    </colgroup>
+                                    <thead>
+                                        <tr>
+                                            <th>위탁받는 자(수탁자)</th>
+                                            <th>위탁업무 내용</th>
+                                        </tr>
+                                    </thead>
+                                    <tbody>
+                                        <tr>
+                                            <td>한국모바일인증(주)</td>
+                                            <td>휴대폰 본인인증</td>
+                                        </tr>
+                                        <tr>
+                                            <td>나이스페이먼츠 주식회사</td>
+                                            <td>신용카드 결제 처리</td>
+                                        </tr>
+                                        <tr>
+                                            <td>(주)케이지모빌리언스</td>
+                                            <td>휴대폰결제, 간편결제, 즉시이체 결제 처리</td>
+                                        </tr>
+                                        <tr>
+                                            <td>(주)헥토파이낸셜</td>
+                                            <td>전용계좌 결제 처리</td>
+                                        </tr>
+                                        <tr>
+                                            <td>(주)넥스티아</td>
+                                            <td>080 수신거부 처리</td>
+                                        </tr>
+                                        <tr>
+                                            <td>(주)다우기술, (주)제이제이커뮤니케이션, (주)인비토</td>
+                                            <td>문자서비스 제공</td>
+                                        </tr>
+                                        <tr>
+                                            <td>(주)다우기술</td>
+                                            <td>알림톡 및 친구톡 서비스 제공</td>
+                                        </tr>
+                                        <tr>
+                                            <td>엑스퍼다이트비앤씨(주)</td>
+                                            <td>팩스전송 서비스 제공</td>
+                                        </tr>
+                                    </tbody>
+                                </table>
+                            </div>
+                        </div>
+                        <div class="privacy_content">
+                            <p class="title" id="part05">5. 정보주체와 법정대리인의 권리ㆍ의무 및 그 행사에 관한 사항</p>
+                            <div class="conbox">
+                                <ul class="conlist1">
+                                    <li>회원은 언제든지 개인정보 열람 · 정정 · 삭제 · 처리 정지 요구 등의 권리를 행사할 수 있습니다.
+                                        <span class="text_type02">권리 행사는「개인정보 보호법」시행령 제41조제1항에 따라 회사에 서면, 전화, 전자우편, 인터넷, FAX 등을 통해 할 수 있으며 회사는 이에 대해 지체없이 조치하겠습니다.</span>
+                                        <span class="text_type02">권리 행사는 회원의 법정대리인이나 위임을 받은 자 등 대리인을 통하여 할 수 있습니다. 이 경우 회사가 안내하는 절차에 따라 위임장 등 필요 서류를 제출하여야 합니다.</span>
+                                    </li>
+                                    <li>개인정보 열람 및 처리 정지 요구는「개인정보 보호법」제35조제4항, 제37조제2항에 의하여 정보주체의 권리가 제한될 수 있습니다.</li>
+                                    <li>개인정보 정정 및 삭제 요구는 다른 법령에서 그 개인정보가 수집 대상으로 명시되어 있는 경우에는 삭제를 요구할 수 없으며, 서비스 제공을 위해 반드시 필요한 개인정보를 삭제하는 경우 관련 서비스를 제공받지 못할 수 있습니다.</li>
+                                </ul>
+                            </div>
+                        </div>
+                        <div class="privacy_content">
+                            <p class="title" id="part06">6. 처리하는 개인정보의 항목 및 방법</p>
+                            <div class="conbox">
+                                <p>회사는 서비스 제공을 위해 필요한 최소한의 개인정보를 수집하고 있으며, 서비스 이용에 따라 다음과 같은 정보를 수집·처리합니다.</p>
+                                <p class="contitle1">가. 수집하는 개인정보의 항목</p>
+                                <p class="contitle2">① 필수정보 : 문자온 서비스를 이용하기 위한 최소한의 정보</p>
+                                <table class="tType2">
+                                    <colgroup>
+                                        <col style="width:25%;">
+                                        <col style="width:auto;">
+                                    </colgroup>
+                                    <thead>
+                                        <tr>
+                                            <th>수집 · 처리목적</th>
+                                            <th>수집 · 처리항목</th>
+                                        </tr>
+                                    </thead>
+                                    <tbody>
+                                        <tr>
+                                            <td>이용자 식별(회원가입)</td>
+                                            <td class="type_left">
+                                                <dl class="item_con">
+                                                    <dt>[공통사항]</dt>
+                                                    <dd>성명, 생년월일, 아이디, 비밀번호, 이메일주소, 휴대폰번호, 휴대폰인증번호, CI(연계정보) &amp; DI(중복확인정보) 또는 외국인등록번호(외국인 한정) 등 실명확인 값</dd>
+                                                    <dt>[기업회원]</dt>
+                                                    <dd>사업자등록정보(상호, 사업자등록번호, 사업자 유형, 대표자명, 업태, 종목, 사업장주소, 법인등록번호, 고유번호 등), 사업자등록증, 담당자의 재직증명서</dd>
+                                                </dl>
+                                            </td>
+                                        </tr>
+                                        <tr>
+                                            <td>기업회원 전환</td>
+                                            <td class="type_left">사업자등록정보(상호, 사업자등록번호, 사업자 유형, 대표자명, 업태, 종목, 사업장주소, 법인등록번호, 고유번호 등), 사업자등록증, 담당자의 재직증명서, 세금계산서 수신자정보(이메일, 담당자 이름, 회사번호, 휴대폰번호)</td>
+                                        </tr>
+                                        <tr>
+                                            <td>발신번호 등록·관리</td>
+                                            <td class="type_left">
+                                                <dl class="item_con">
+                                                    <dt>[개인회원]</dt>
+                                                    <dd>발신번호, 발신번호 가입자명, CI(연계정보), 통신서비스 이용증명원, 통신사, 개통일, 팩스번호, 수권행위를 확인할 수 있는 사실관계확인증명서류 상의
+                                                        항목(위임자·수임자의 위임장 등), 수임자 신분증 사본, 위임자·수임자 재직증명서</dd>
+                                                    <dt>[기업회원]</dt>
+                                                    <dd>발신번호, 발신번호 가입자명, CI(연계정보), 통신서비스 이용증명원, 통신사, 개통일, 팩스번호, 수권행위를 확인할 수 있는 사실관계확인증명서류 상의
+                                                        항목(위임사·수임사 사업자등록증, 거래계약서, 용역계약서, 도급계약서, 위수탁 계약서, 위임장 등), 수임자 신분증 사본, 위임자·수임자 재직증명서</dd>
+                                                </dl>
+                                            </td>
+                                        </tr>
+                                        <tr>
+                                            <td>결제/세금계산서</td>
+                                            <td class="type_left">
+                                                <dl class="item_con">
+                                                    <dt>[전자세금계산서 신청시]</dt>
+                                                    <dd>세금계산서 수신자정보(이메일, 담당자 이름, 회사번호, 휴대폰번호)</dd>
+                                                    <dt>[현금영수증 발행시]</dt>
+                                                    <dd>휴대폰번호, 사업자등록번호</dd>
+                                                </dl>
+                                            </td>
+                                        </tr>
+                                        <tr>
+                                            <td>고객 상담 및 문의</td>
+                                            <td class="type_left">
+                                                <dl class="item_con">
+                                                    <dt>[전화]</dt>
+                                                    <dd>수·발신 전화번호, 고객센터 상담 서비스 이용기록(음성 녹취)</dd>
+                                                    <dt>[이메일]</dt>
+                                                    <dd>아이디, 성명, 이메일, 휴대폰번호</dd>
+                                                    <dt>[고객센터 문의하기 및 불편신고]</dt>
+                                                    <dd>아이디, 성명, 이메일, 휴대폰번호</dd>
+                                                    <dt>[채팅상담]</dt>
+                                                    <dd>아이디, 성명, 휴대폰번호, 서비스 이용 기록(채팅 상담 내역)</dd>
+                                                    <dt>[주소록 등록대행 신청하기]</dt>
+                                                    <dd>아이디, 성명, 휴대폰번호, 그룹명, 주소록 파일</dd>
+                                                </dl>
+                                            </td>
+                                        </tr>
+                                        <tr>
+                                            <td>환불</td>
+                                            <td class="type_left">예금주명, 은행명, 계좌번호, 통장사본, 이체확인증</td>
+                                        </tr>
+                                    </tbody>
+                                </table>
+                                <p class="contitle2">② 선택정보 : 이용자에게 서비스의 추가 기능을 제공하기 위해 추가 수집하는 정보(선택정보를 입력하지 않아도 서비스 이용 제한은 없습니다.)</p>
+                                <table class="tType2">
+                                    <colgroup>
+                                        <col style="width:35%;">
+                                        <col style="width:auto;">
+                                    </colgroup>
+                                    <thead>
+                                        <tr>
+                                            <th>수집·처리목적</th>
+                                            <th>수집·처리항목</th>
+                                        </tr>
+                                    </thead>
+                                    <tbody>
+                                        <tr>
+                                            <td>부가 서비스 또는 이벤트</td>
+                                            <td>이름, 휴대폰번호, 이메일, 주민등록번호(제세공과금 납부 대상에 한함), 기타 서비스 이용 및 거래기록</td>
+                                        </tr>
+                                    </tbody>
+                                </table>
+                                <p class="contitle2">③ 서비스 이용과정이나 사업처리 과정에서 자동으로 생성되어 수집될 수 있는 정보 : IP Address, 쿠키, 방문일시, 서비스 이용 기록, 불량 이용 기록</p>
+                                <p class="contitle2">④ 유료 서비스 이용 시 수집될 수 있는 정보</p>
+                                <table class="tType2">
+                                    <colgroup>
+                                        <col style="width:35%;">
+                                        <col style="width:auto;">
+                                    </colgroup>
+                                    <thead>
+                                        <tr>
+                                            <th>구분</th>
+                                            <th>수집하는 개인정보 항목</th>
+                                        </tr>
+                                    </thead>
+                                    <tbody>
+                                        <tr>
+                                            <td>신용카드 결제</td>
+                                            <td>이름, 카드사명, 카드번호</td>
+                                        </tr>
+                                        <tr>
+                                            <td>휴대전화 결제</td>
+                                            <td>생년월일, 이동전화번호, 통신사, 결제승인번호</td>
+                                        </tr>
+                                        <tr>
+                                            <td>계좌이체 결제</td>
+                                            <td>은행명, 계좌번호</td>
+                                        </tr>
+                                        <tr>
+                                            <td>가상(전용)계좌 결제</td>
+                                            <td>은행명, 계좌번호, 예금주, 입금자명</td>
+                                        </tr>
+                                        <tr>
+                                            <td>전자세금계산서</td>
+                                            <td>주민등록번호(사업자가 아닌 회원에 한정)</td>
+                                        </tr>
+                                        <tr>
+                                            <td>현금영수증</td>
+                                            <td>국세청에 등록된 휴대폰번호 또는 사업자등록번호</td>
+                                        </tr>
+                                    </tbody>
+                                </table>
+                                <p class="contitle1">나. 개인정보 수집방법</p>
+                                <ul class="conlist2">
+                                    <li>홈페이지 회원가입, 서면양식, 팩스, 전화, 상담게시판, 채팅상담, 이메일, 이벤트 응모, 배송요청</li>
+                                    <li>서비스 이용에 따른 필수정보 필요시 또는 이용자의 자발적 제공을 통한 수집</li>
+                                    <li>제휴사로부터의 제공</li>
+                                    <li>서비스 이용과정이나 사업처리 과정에서 자동으로 생성되어 수집</li>
+                                </ul>
+                                <div class="gray_box gray_con">
+                                    <ul class="conlist3">
+                                        <li>회사는 기본적 인권침해의 우려가 있는 개인정보(인종 및 민족, 사상 및 신조, 출신지 및 본적지, 정치적 성향 및 범죄기록, 건강상태 및 성생활 등)는 일체 요구하지 않습니다.</li>
+                                        <li>회원은 자신의 정보에 대해 정확성 및 적법성을 보장해야 합니다. 만약 이를 위반하여 타인의 정보를 도용하는 등 각종 방법으로 허위 정보를 입력할 경우 회사는 해당 회원을
+                                            관계법령에 따라 신고할 수 있으며 강제 탈퇴를 시킬 수도 있습니다.</li>
+                                    </ul>
                                 </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>
+                        </div>
+                        <div class="privacy_content">
+                            <p class="title" id="part07">7. 개인정보 파기절차 및 방법</p>
+                            <div class="conbox">
+                                <p>회사는 개인정보 보유기간의 경과, 처리목적 달성 등 개인정보가 불필요하게 되었을 때에는 지체없이 해당 개인정보를 파기하며, 파기절차 및 방법은 다음과 같습니다.</p>
+                                <p class="contitle1">가. 파기절차</p>
+                                <ul class="conlist2">
+                                    <li>이용자가 회원가입 등을 위해 입력한 정보는 목적이 달성된 후 별도의 DB로 옮겨져(종이의 경우 별도의 서류함) 내부 방침 및 기타 관련 법령에 의한 정보보호 사유에 따라 일정 기간 저장 후 파기 됩니다.</li>
+                                    <li>별도 DB로 옮겨진 개인정보는 법률에 의한 경우가 아니고서는 보유되는 이외의 다른 목적으로 이용되지 않습니다.</li>
+                                </ul>
+                                <p class="contitle1">나. 파기방법 </p>
+                                <ul class="conlist2">
+                                    <li>전자적 파일형태로 저장된 개인정보는 재생이 불가능하도록 영구 삭제하며, 종이에 출력된 개인정보는 분쇄기로 분쇄하거나 소각을 통하여 파기합니다.</li>
+                                </ul>
+                            </div>
+                        </div>
+                        <div class="privacy_content">
+                            <p class="title" id="part08">8. 개인정보의 안전성 확보 조치에 관한 사항</p>
+                            <div class="conbox">
+                                <p>회사는 이용자의 개인정보의 안전성 확보를 위해 다음과 같은 조치를 취하고 있습니다.</p>
+                                <p class="contitle1">가. 기술적 대책</p>
+                                <ul class="conlist2">
+                                    <li>이용자의 비밀번호는 암호화되어 있어 이용자 본인 외에는 알 수 없습니다.</li>
+                                    <li>암호화 통신을 통하여 네트워크 상에서 개인정보를 안전하게 전송할 수 있도록 하고 있습니다.</li>
+                                    <li>해킹이나 컴퓨터바이러스 등에 의해 이용자의 개인정보가 유출되거나 훼손되는 것을 막기 위해 최선을 다하고 있습니다.</li>
+                                    <li>개인정보의 훼손에 대비하여 자료를 수시로 백업하고 있고, 최신 백신프로그램을 이용하여 컴퓨터바이러스에 의한 피해를 방지하기 위한 조치를 취하고 있습니다.</li>
+                                    <li>시스템에 대한 접근통제, 권한 관리, 취약점 점검 등의 조치를 통해 보안성이 강화될 수 있도록 지속적으로 노력하고 있습니다.</li>
+                                </ul>
+                                <p class="contitle1">나. 관리적 대책</p>
+                                <ul class="conlist2">
+                                    <li>이용자의 개인정보에 대한 접근권한을 최소한의 인원으로 제한하고 있습니다.</li>
+                                    <li>개인정보처리자를 대상으로 개인정보 보호 의무 등에 관해 정기적인 교육을 실시하고 있습니다.</li>
+                                    <li>개인정보보호 업무를 전담하는 부서에서 개인정보처리방침 및 내부 규정 준수여부를 확인하여 문제가 발견될 경우, 즉시 바로 잡을 수 있도록 노력하고 있습니다.</li>
+                                    <li>이용자 본인의 부주의나 회사가 관리하지 않는 영역에서의 사고 등 회사의 귀책에 기인하지 않은 손해에 대해서는 회사는 책임을 지지 않습니다.</li>
+                                </ul>
+                                <p class="contitle1">다. 물리적 대책</p>
+                                <ul class="conlist2">
+                                    <li>전산실, 자료보관실 등 개인정보를 보관하고 있는 물리적 보관 장소에 대한 출입통제 절차를 수립, 운영하고 있습니다.</li>
+                                    <li>개인정보가 포함된 서류, 보조저장매체 등을 잠금장치가 있는 안전한 장소에 보관하고 있습니다.</li>
+                                </ul>
+                            </div>
+                        </div>
+                        <div class="privacy_content">
+                            <p class="title" id="part09">9. 개인정보의 자동 수집 장치의 설치, 운영 및 그 거부에 관한 사항</p>
+                            <div class="conbox">
+                                <p>회사는 이용자에게 개별적인 맞춤 서비스를 제공하기 위해 이용정보를 저장하고 수시로 불러오는 ‘쿠키(cookie)’를 사용합니다. 쿠키는 웹사이트를 운영하는데 이용되는 서버(https)
+                                    가 이용자의 컴퓨터 브라우저(인터넷익스플로러, Microsoft Edge, 파이어폭스, 크롬 등)에게 보내는 소량의 정보이며 이용자들의 PC 컴퓨터내의 하드디스크에 저장되기도 합니다.</p>
+                                <p>쿠키는 이용자가 방문한 각 서비스와 웹사이트들에 대한 방문 및 이용형태, 인기 검색어, 보안접속 여부 등을 파악하여 이용자에게 최적화된 정보 제공을 위해 사용됩니다.</p>
+                                <p>쿠키의 설치·운영 및 거부는 웹브라우저 상단의 도구 &gt; 인터넷 옵션 &gt; 개인정보 메뉴의 옵션 설정을 통해 쿠키 저장을 거부할 수 있습니다. 단, 쿠키 저장을 거부할 경우 맞춤형 서비스 이용에 어려움이 발생할 수 있습니다.</p>
+
+                            </div>
+                        </div>
+                        <div class="privacy_content">
+                            <p class="title" id="part10">10. 링크 사이트</p>
+                            <div class="conbox">
+                                <p>회사는 이용자에게 다른 회사의 웹사이트에 대한 링크를 제공할 수 있으며, 이 경우 링크되어 있는 웹사이트가 개인정보를 수집하는 행위에 대해서는 본 개인정보처리방침이 적용되지 않습니다.</p>
+
+                            </div>
+                        </div>
+                        <div class="privacy_content">
+                            <p class="title" id="part11">11. 개인정보보호책임자 및 상담ㆍ신고</p>
+                            <div class="conbox">
+                                <p>회사는 이용자의 개인정보를 보호하고 개인정보와 관련한 민원을 처리하기 위하여 다음과 같이 개인정보보호책임자 및 담당자를 지정하여 운영하고 있습니다.</p>
+                                <table class="tType2">
+                                    <colgroup>
+                                        <col style="width:auto;">
+                                        <col style="width:40%;">
+                                        <col style="width:40%;">
+                                    </colgroup>
+                                    <thead>
+                                        <tr>
+                                            <th>구분</th>
+                                            <th>개인정보보호책임자</th>
+                                            <th>개인정보보호담당자</th>
+                                        </tr>
+                                    </thead>
+                                    <tbody>
+                                        <tr>
+                                            <td>성명</td>
+                                            <td>장영익</td>
+                                            <td>정다은</td>
+                                        </tr>
+                                        <tr>
+                                            <td>소속</td>
+                                            <td>메시징사업실</td>
+                                            <td>메시징사업실</td>
+                                        </tr>
+                                        <tr>
+                                            <td>직위</td>
+                                            <td>실장</td>
+                                            <td>대리</td>
+                                        </tr>
+                                        <tr>
+                                            <td>전화</td>
+                                            <td>1551-8011</td>
+                                            <td>1551-8011</td>
+                                        </tr>
+                                        <tr>
+                                            <td>이메일</td>
+                                            <td>privacy@iten.co.kr</td>
+                                            <td>help@iten.co.kr</td>
+                                        </tr>
+                                    </tbody>
+                                </table>
+                                <p>기타 개인정보 침해에 대한 신고나 상담이 필요하신 경우에는 아래 기관에 문의하시기 바랍니다.</p>
+                                <table class="tType2">
+                                    <colgroup>
+                                        <col style="width:25%;">
+                                        <col style="width:25%;">
+                                        <col style="width:25%;">
+                                        <col style="width:25%;">
+                                    </colgroup>
+                                    <thead>
+                                        <tr>
+                                            <th>개인정보침해 신고센터</th>
+                                            <th>개인정보분쟁조정위원회</th>
+                                            <th>대검찰청</th>
+                                            <th>경찰청</th>
+                                        </tr>
+                                    </thead>
+                                    <tbody>
+                                        <tr>
+                                            <td>privacy.kisa.or.kr(국번없이 118)</td>
+                                            <td>kopico.go.kr(국번없이 1833-6972)</td>
+                                            <td>spo.go.kr(국번없이 1301)</td>
+                                            <td>ecrm.cyber.go.kr(국번없이 182)</td>
+                                        </tr>
+                                    </tbody>
+                                </table>
+                            </div>
+                        </div>
+                        <div class="privacy_content">
+                            <p class="title" id="part12">12. 개인정보처리방침의 변경에 관한 사항</p>
+                            <div class="conbox">
+                                <p>개인정보처리방침의 내용 추가, 삭제, 수정 및 변경이 있을 시에는 최소 7일 전부터 홈페이지의 공지사항을 통해 고지할 것입니다. 단, 회원에게 불리한 내용이 포함된 경우, 변경사항
+                                    시행일의 30일 전부터 고지합니다.</p>
+                                <ul class="conlist4">
+                                    <li>1. 이 개인정보처리방침은 2024년 11월 6일부터 적용됩니다.</li>
+                                    <li>2. 이전의 개인정보처리방침은 아래에서 확인할 수 있습니다.</li>
+                                </ul>
+                                <ul class="conlist5">
+                                    <li>개인정보처리방침 버전번호 : v2.0</li>
+                                    <li>공고일자 : 2024년 10월 28일</li>
+                                    <li>시행일자 : 2024년 11월 6일</li>
+                                </ul>
+                                <!-- 개정이력 불러오기 -->
+
+                                <!--
+	개인정보 처리방침 내용 하단 
+	이전 개정이력 선택 Select Box 영역
+	 
+ -->
+
+                                <p class="contitle3">개인정보처리방침 개정이력 보기</p>
+                                <div class="privacy_content_select_wrap">
+                                    <!-- option 선택 시 해당페이지로 이동 -->
+                                    <select name="termsMastNo" id="termsMastNo" class="selType2 version_change_select" onchange="getTermsOtherVersion();">
+                                        <option value="2024" selected="">2024.11.06</option>
+                                        <option value="2023">2023.12.15. ~ 2024.11.05. 적용</option>
+                                        <option value="2022">2022.08.01. ~ 2023.12.14. 적용</option>
+                                    </select>
                                 </div>
-                            </li>
-                            <li class="list_open">
-                                <div class="clause_list_head">
-                                    <div class="list_head_in">
-                                        <span class="operGuide_title">제 2장 서비스 이용계약, 정보변경 및 회원탈퇴</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">
-                                        <span class="operGuide_title">제 3장 회사 및 회원의 의무</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">
-                                        <span class="operGuide_title">제 4장 서비스의 제공 및 이용</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">
-                                        <span class="operGuide_title">제 5장 요금 및 환불 등</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">
-                                        <span class="operGuide_title">제 6장 손해배상 및 기타사항</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">
-                                        <span class="operGuide_title">부칙</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>
+
+                            </div>
+                        </div>
                     </div>
-                    <!--// 고객센터 - 이용약관 - 불법스팸방지안내 -->
+                    <!-- //개인정보처리방침 -->
+
+                    <!-- 불법스팸방지안내 -->
+                    <div class="pay_cont spam_cont_wrap" id="tab1_3">
+                        <div class="kisa_guidebook">
+                            <a href="/download/msg/K003_불법스팸_방지_안내서_제6차_개정판(수정_2024년).pdf" target="_blank" class="download_button">KISA 불법 스팸방지를 위한 정보통신망법 안내서</a>
+                        </div>
+                        <div class="titBox_type01">
+                            주식회사 아이티앤(이하 “회사”라 한다)은 편리한 서비스 이용과 스팸, 불법스팸으로 인한 폐해를 방지하기 위해 스팸방지정책을 수립하여 운영하고 있습니다. 회사가 제공하는 인터넷
+                            서비스 문자온(www.munjaon.co.kr, 이하 “서비스”)을 이용함에 있어, 아래와 같이 불법스팸(문자, 팩스, 음성, 메일)을 발송한 이용자에 대해서는 이용정지 및 해지, 형사고발 등의
+                            조치를 취하겠습니다.
+                        </div>
+                        <div class="privacy_index">
+                            <p class="title">목차</p>
+                            <p class="info">불법스팸방지정책은 다음과 같은 내용을 담고 있습니다.</p>
+                            <div class="privacy_index_box">
+                                <ul>
+                                    <li><a href="#spam01">1. 용어의 정의</a></li>
+                                    <li><a href="#spam02">2. 이용자의 의무</a></li>
+                                    <li><a href="#spam03">3. 발송 시 유의사항</a></li>
+                                    <li><a href="#spam04">4. 스팸방지 관련 약관 공지</a></li>
+                                    <li><a href="#spam05">5. 명시적인 사전 동의</a></li>
+                                    <li><a href="#spam06">6. 거래관계를 통한 사전 동의 의무 예외</a></li>
+                                    <li><a href="#spam07">7. 수신거부 및 사전동의 철회</a></li>
+                                </ul>
+                                <ul>
+                                    <li><a href="#spam08">8. 야간광고 전송제한 및 예외</a></li>
+                                    <li><a href="#spam09">9. 광고성 정보 전송 시 명시사항</a></li>
+                                    <li><a href="#spam10">10. 광고성 정보 전송자 금지사항</a></li>
+                                    <li><a href="#spam11">11. 수신거부 및 수신동의 철회 시 비용 발생 금지</a></li>
+                                    <li><a href="#spam12">12. 수신동의 여부 확인</a></li>
+                                    <li><a href="#spam13">13. 법률에서 금지하는 광고성 정보의 전송 금지</a></li>
+                                    <li><a href="#spam14">14. 불법스팸 신고</a></li>
+                                </ul>
+                            </div>
+                        </div>
+                        <div class="privacy_content spam_content">
+                            <p class="title" id="spam01">1. 용어의 정의</p>
+                            <div class="conbox spam_conbox">
+                                <p>이 불법스팸방지정책에서 사용하는 용어의 정의는 다음과 같습니다.</p>
+                                <ul class="conlist2 ">
+                                    <li>스팸 : 정보통신망을 통해 수신자의 명시적인 사전 동의없이 일방적으로 전송되는 영리목적의 광고성 정보</li>
+                                    <li>불법스팸 :「정보통신망 이용촉진 및 정보보호 등에 관한 법률(이하 “정보통신망법”이라 한다)」 제50조부터 제50조의8을 위반하여 전송 또는 게시되는 영리목적의 광고성 정보</li>
+                                    <li>영리목적의 광고성 정보 : 전송자가 널리 경제적 이득을 취할 목적으로 전송하는 전송자 등에 관한 정보 및 전송자 등이 제공할 재화나 서비스에 관한 정보</li>
+                                    <li>전자적 전송매체 : 정보통신망을 통하여 부호ㆍ문자ㆍ음성ㆍ화상 또는 영상 등을 수신자에게 전자문서 등의 전자적 형태로 전송하는 매체</li>
+                                    <li>수신동의(Opt-in) : 사전에 수신을 동의한 고객에게만 광고성 정보를 전송할 수 있는 방식</li>
+                                </ul>
+                            </div>
+                        </div>
+                        <div class="privacy_content spam_content">
+                            <p class="title" id="spam02">2. 이용자의 의무</p>
+                            <div class="conbox spam_conbox">
+                                <p>영리목적의 광고성 정보를 전송하려는 경우, 불법스팸 방지를 위한 이용자의 의무는 다음과 같습니다.</p>
+                                <ul class="conlist2">
+                                    <li>이용자는 영리목적의 광고성 정보 전송 시 「정보통신망법」의 의무사항 및 회사의 이용약관을 준수하여야 합니다.</li>
+                                    <li>이용자는 「전기통신사업법」제84조의2(전화번호의 거짓표시 금지 및 이용자 보호)에 따라 발신번호 사전등록 후 등록된 번호로만 문자 메시지를 발송하여야 합니다.</li>
+                                    <li>이용자는 스팸메시지, 문자피싱메시지 발송 등 불법행위를 하거나 「전기통신사업법」 등 관련법령을 준수하지 않아 발생하는 모든 민ㆍ형사상의 책임을 부담합니다.</li>
+                                </ul>
+                            </div>
+                        </div>
+                        <div class="privacy_content spam_content">
+                            <p class="title" id="spam03">3. 발송 시 유의사항</p>
+                            <div class="conbox spam_conbox">
+                                <p class="text">「정보통신망법」제50조에 의한 영리목적의 광고성 문자, 팩스, 음성, 메일 발송 시 유의사항에 대해 안내 드립니다.</p>
+                                <ul class="conlist2">
+                                    <li>반드시 수신자의 명시적인 사전 동의를 얻어야 합니다.</li>
+                                    <li>수신자의 사전 동의를 얻었다 하더라도 수신자가 수신거부의사를 표시하거나 사전 동의를 철회한 경우에는 전송할 수 없습니다.</li>
+                                    <li>수신자의 사전 동의를 얻었다 하더라도 오후 9시부터 다음 날 오전 8시 사이에 광고성 문자를 보낼 경우 별도로 사전 동의를 얻어야 합니다.</li>
+                                    <li>전자적 전송매체의 내용에 전송자의 명칭 및 연락처, 수신 거부(또는 수신동의의 철회) 조치 및 방법에 관한 사항을 표시하여야 합니다.</li>
+                                    <li>수신자의 수신 거부 시 기술적으로 수신거부를 회피ㆍ방해하는 등 법령에서 금지하는 행위를 해서는 안됩니다.</li>
+                                    <li>수신자가 수신거부(또는 수신동의 철회)를 할 때 발생하는 전화요금 등 금전적 비용을 부담하지 않도록 수신거부(또는 수신동의 철회)용 무료전화서비스 등을 제공하고 그 내용을 명시해야 합니다.</li>
+                                </ul>
+                            </div>
+                        </div>
+                        <div class="privacy_content spam_content">
+                            <p class="title" id="spam04">4. 스팸방지 관련 약관 공지</p>
+                            <div class="conbox spam_conbox">
+                                <p>가입하신 이용자는 모두 아래 약관에 동의한 것입니다.</p>
+                                <div class="clause_new spam_clause">
+                                    <p class="tit">약관 중 불법스팸 관련 사항</p>
+                                    <ul class="conlist7">
+                                        <li class="str"><strong>15조(서비스 이용의 제한 또는 정지)</strong>① 회사는 이용자가 이 약관의 의무를 위반하거나 서비스의 정상적인 운영을 방해한 경우 서비스 이용을 제한하거나 정지할 수 있습니다.</li>
+                                        <li>② 제1항에도 불구하고 「주민등록법」을 위반한 명의도용 및 결제도용, 「저작권법」을 위반한 불법프로그램의 제공 및 운영방해, 「정보통신망법」을 위반한 불법스팸 발송 및 불법통신, 해킹, 악성프로그램의 배포, 접속권한 초과행위 등과 같이 관련 법을 위반한 경우에는 즉시 영구 이용정지 할 수 있습니다.</li>
+                                        <li>③ 제2항에 따른 영구 이용정지 시 서비스 내의 금액, 포인트, 혜택 및 권리 등은 모두 소멸되며 회사는 이에 대해 별도로 보상하지 않습니다.</li>
+                                        <li>
+                                            ④ 회사는 이용자가 다음 각 호의 어느 하나에 해당하는 경우, 30일간 당해 서비스의 이용을 즉시 정지(전부 또는 일부) 할 수 있으며, 이용정지 등의 원인이 된 사유가 완전히 해소되기 전까지는 이용정지 등의 조치를 해제하지 아니할 수 있습니다.
+                                            <ol class="conlist8">
+                                                <li>1. 방송통신위원회ㆍ한국인터넷진흥원ㆍ과학기술정보통신부ㆍ전송사 등(이하 “관계기관”이라 한다)이 불법스팸 등 불법행위의 전송사실을 확인하여 이용정지를 요청하는 경우</li>
+                                                <li>3. 이용자가 전송하는 광고의 수신자가 불법스팸으로 신고하는 경우</li>
+                                                <li>4. 이용자에게 제공하는 서비스가 불법스팸 전송에 이용되고 있는 경우</li>
+                                                <li>5. 전송한 광고성 정보가 불법스팸임이 확인된 경우</li>
+                                                <li>6. 불법스팸 전송으로 과태료가 부과된 경우</li>
+                                                <li>7. 회사에게 증빙서류 등을 통해 불법스팸 전송이 아님을 확인하여 주지 않고 1일 500건을 초과하는 메시지를 전송하는 경우</li>
+                                                <li>8. 이용자가 발신번호를 변작하는 등 거짓으로 표시한 경우</li>
+                                                <li>9. 관계기관이 발신번호 변작 등을 확인하여 이용 정지를 요청하는 경우</li>
+                                            </ol>
+                                        </li>
+                                        <li>⑤ 회사는 불법스팸을 전송하였다고 확인된 이용자가 이용 중인 다른 번호가 불법스팸에 악용되고 있거나, 악용될 우려가 있다는 객관적 정황이 있는 경우에는 그 다른 번호도 이용 정지할 수 있습니다.</li>
+                                    </ul>
+                                    <ul class="conlist7 spam_clause_cen">
+                                        <li class="str"><strong>16조(발송량의 제한)</strong>① 회사는「정보통신망법」에서 금지하는 대량의 불법스팸 전송을 방지하기 위하여 이용자의 아이디당 1일 500건을 초과하는 문자 메시지 발송을 제한할 수 있습니다. 단, 이용자가 제출하는 증빙서류 등을 통해 불법스팸 전송이 아님을 확인할 수 있는 경우 초과 전송이 가능하도록 예외를 인정할 수 있습니다.</li>
+                                        <li>② 제1항 단서에 따라 이용자가 제출한 증빙서류 등을 통해 불법스팸 전송이 아님을 확인하였음에도, 이용자의 메시지 발송량이 과다할 경우 회사는 발송을 제한할 수 있습니다.</li>
+                                    </ul>
+                                    <ul class="conlist7">
+                                        <li class="str"><strong>17조(계약의 해지)</strong><!-- ① 회사는 이용자가 다음 각 호의 어느 하나에 해당하는 경우, 이용자의 동의 없이 이용계약을 해지할 수 있습니다. -->② 회사는 이용자가 다음 각 호의 어느 하나에 해당하는 경우, 이용자의 동의 없이 이용계약을 해지할 수 있습니다.</li>
+                                        <li>
+
+                                            <ol class="conlist8">
+                                                <li>1. 이용자가 약관을 위반하고 일정 기간 이내에 위반 내용을 해소하지 않는 경우</li>
+                                                <li>3. 관계기관이 불법스팸 등 불법행위의 전송사실을 확인하여 계약해지를 요청하는 경우</li>
+                                                <li>
+                                                    4. 약관 제11조에 따른 이용자의 의무를 위반한 경우
+                                                    <!-- 제 11조 -->
+                                                    <ul class="conlist7 spam_clause_gray">
+                                                        <li class="str">
+                                                            <strong>11조(이용자의 의무)</strong>① 이용자는 다음 각 호의 어느 하나에 해당하는 행위를 하여서는 안됩니다.
+                                                            <ol class="conlist8">
+                                                                <li>11. 불법스팸, 불법정보, 발신번호 조작 등으로 인지되는 메시지를 발송하는 행위</li>
+                                                            </ol>
+                                                        </li>
+                                                        <li>② 이용자는 영리목적의 광고성 정보 전송 시 「정보통신망법」에 따라 수신자의 명시적인 사전 동의를 얻고 광고표기 의무 등을 준수하여야 하며, 회사를 통해 전달되는 수신거부 요청에 대해서는 즉각적으로 처리하고 24시간 이내에 처리결과를 회사에 회신해야 합니다.</li>
+                                                        <li>③ 이용자는 「전기통신사업법」 제84조의2(전화번호의 거짓표시 금지 및 이용자 보호)에 의거 발신번호를 사전에 등록하고 등록된 번호로만 문자를 발송하여야 합니다. 단, 「전기통신사업법」 등의 관련 법률에서 예외로 허용한 경우는 제외하며, 만약 정당하지 않은 방법으로 전화번호를 변경하여 발신하는 경우 관련 법규에 따라 처벌받을 수 있습니다.</li>
+                                                        <li>④ 이용자는 알림톡 또는 친구톡 서비스를 이용 시, 수신자가 발신자를 정확하게 식별할 수 있는 발신프로필을 사용하여야 하며 해당사항에 틀림이 없는지 지속적으로 확인해야 합니다.</li>
+                                                    </ul>
+                                                </li>
+                                                <li>5. 약관 제15조제4항에 따른 이용정지를 당한 이후 1년 이내에 이용정지 사유가 재발한 경우</li>
+                                                <li>6. 약관 제15조제4항에 따른 이용정지 기간 내에 이용 정지 사유를 해소하지 않고, 이용 정지일로부터 12개월이 경과한 경우</li>
+                                                <li>9. 불특정 다수를 대상으로 무차별적으로 불법스팸을 전송한 사실이 확인된 경우</li>
+                                                <li>10. 이용자가 전송한 광고성 정보에 대해 회사가 한국인터넷진흥원에 불법스팸 유무확인을 요청하여 불법스팸임이 확인된 경우</li>
+                                                <li>11. 수신처를 자동으로 생성하여 불특정 다수에게 광고성 메시지를 전송한 경우</li>
+                                                <li>12. 전송자를 확인하지 못하게 할 목적으로 발신번호를 변작하여 영리목적의 광고성 정보를 전송한 사실이 확인된 경우</li>
+                                            </ol>
+                                        </li>
+                                        <li>③ 회사는 불법스팸을 전송하였다고 확인된 이용자가 이용 중인 다른 번호가 불법스팸에 악용되고 있거나 악용될 우려가 있다는 객관적 정황이 있는 경우에는 그 다른 번호에 대한 서비스도 해지할 수 있습니다.</li>
+                                    </ul>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="privacy_content spam_content">
+                            <p class="title" id="spam05">5. 명시적인 사전 동의<span class="red">(위반시 3천만원 이하 과태료)</span></p>
+                            <div class="conbox spam_conbox">
+                                <table class="tType1">
+                                    <caption>정보통신망법, 시행령에 대한 표</caption>
+                                    <colgroup>
+                                        <col style="width: 200px;">
+                                        <col style="width: auto;">
+                                    </colgroup>
+                                    <tbody>
+                                        <tr>
+                                            <th scope="row">정보통신망법</th>
+                                            <td>
+                                                <ul class="conlist7">
+                                                    <li>
+                                                        <strong>제50조(영리목적의 광고성 정보 전송 제한)</strong>① 누구든지 전자적 전송매체를 이용하여 <span class="blue">영리목적의 광고성 정보</span>를 전송하려면 <span class="blue">그 수신자의 명시적인 사전 동의</span>를 받아야 한다. 다만, 다음 각 호의 어느 하나에 해당하는 경우에는 사전 동의를 받지 아니한다.
+                                                        <ol class="conlist8">
+                                                            <li>1. 재화 등의 거래관계를 통하여 수신자로부터 직접 연락처를 수집한 자가 대통령령으로 정한 기간 이내에 자신이 처리하고 수신자와 거래한 것과 동종의 재화 등에 대한 영리목적의 광고성 정보를 전송하려는 경우</li>
+                                                            <li>2. <span class="le">「방문판매 등에 관한 법률」</span>에 따른 전화권유판매자가 육성으로 수신자에게 개인정보의 수집출처를 고지하고 전화권유를 하는 경우</li>
+                                                        </ol>
+                                                    </li>
+                                                </ul>
+                                            </td>
+                                        </tr>
+                                        <tr>
+                                            <th scope="row">시행령</th>
+                                            <td>
+                                                <ul class="conlist7">
+                                                    <li><strong>제61조(영리목적의 광고성 정보 전송기준)</strong>① 법 제50조제1항제1호에서 “대통령령으로 정한 기간”이란 해당 재화등의 <span class="blue">거래가 종료된 날부터 6개월</span>을 말한다.</li>
+                                                </ul>
+                                            </td>
+                                        </tr>
+                                    </tbody>
+                                </table>
+                                <p class="contitle1 spam_title">[영리목적의 광고성 정보]</p>
+                                <ul class="conlist2 spam_list">
+                                    <li>
+                                        영리목적으로 사업을 하는 자가 고객에게 보내는 정보는 원칙적으로 모두 광고성 정보에 해당합니다.
+                                        <ul class="conlist3 spam_gray">
+                                            <li>영업사원이 고객관리 차원에서 보내는 안부인사, 사업자가 고객에게 보내는 무료 뉴스레터 및 일방적으로 제공(회원가입 기념 쿠폰, 생일 기념 쿠폰, 1주년 기념 쿠폰 등)한 쿠폰 및 마일리지 등(이에 대한 소멸안내 포함)도 원칙적으로 영리목적 광고성 정보에 해당 합니다.</li>
+                                        </ul>
+                                    </li>
+                                    <li class="center">전송자의 이미지 홍보에 해당하는 경우에도 광고성 정보로 볼 수 있으며, 주된 정보가 광고성 정보가 아니라고 하더라도 부수적으로 광고성 정보가 포함되어 있으면 해당 정보 전체가 광고성 정보에 해당합니다.</li>
+                                    <li>
+                                        단, 다음의 경우에는 광고성 정보의 예외로 봅니다.
+                                        <ul class="conlist3 spam_gray">
+                                            <li>전송자와 수신자간 체결된 계약이행 등과 관련한 정보</li>
+                                            <li class="mark">※ 수신자가 금전적 대가를 지불하고 제공받는 정보(유료 뉴스레터, 주식정보, 축산물 거래정보 등)와 같이 전송자가 계약상 의무이행을 위해 전송하는 정보, 수신자가 신청한 경품 및 사은품 지급을 위한 정보 등을 말합니다. </li>
+                                            <li>공익목적을 위한 광고성 정보</li>
+                                        </ul>
+                                    </li>
+                                </ul>
+                                <p class="contitle1 spam_title">[명시적인 사전 동의]</p>
+                                <ul class="conlist2 spam_list">
+                                    <li>향후 전송될 광고의 내용 및 전송매체(방법)에 대해 정확히 고지하고 이에 대한 수신자의 동의를 받아야 합니다.</li>
+                                    <li><span class="le">「개인정보의 수집ㆍ이용 및 이용목적에 대한 동의」</span>와 「광고성 정보 수신 동의」는 구분되므로 각 동의를 별개로 받아야 합니다.</li>
+                                    <li>하나의 사업자가 여러 종류의 서비스를 제공할 경우, 해당 사업자가 전송하는 모든 광고수신에 대해 포괄적으로 동의 받는 것은 안 되며, 유형별 서비스를 모두 고지하고 개별적 동의를 받아야 합니다.</li>
+                                    <li>수신동의를 얻기 위한 목적으로 문자, 이메일, 팩스 등을 전송하거나 전화를 거는 행위는 수신동의 없이 광고성 정보를 전송하는 것으로 법 위반에 해당할 수 있습니다.</li>
+                                    <li>스팸신고가 접수되거나 수신동의 여부에 대한 분쟁이 발생하는 경우 이에 대한 입증책임은 광고성 정보 전송자에게 있습니다.</li>
+                                </ul>
+                            </div>
+                        </div>
+                        <div class="privacy_content spam_content">
+                            <p class="title" id="spam06">6. 거래관계를 통한 사전 동의 의무 예외</p>
+                            <div class="conbox spam_conbox">
+                                <ul class="conlist2 spam_list">
+                                    <li>
+                                        기존 거래관계가 있었거나 현재 거래관계가 지속중인 이용자에게는 그 거래관계에서 취급했던 재화 및 서비스에 대한 광고에 한해 별도의 동의 절차 없이 보낼 수 있습니다.
+                                        <ul class="conlist3 spam_gray">
+                                            <li>거래관계란, 재화(財貨) 또는 용역(service)을 대상으로 하여 이루어지는 매매행위를 의미하는 것으로, 단순한 문의나 회원가입 등은 거래관계가 존재한다고 볼 수 없습니다.</li>
+                                            <li>사업자가 사업자(B2B)와의 거래관계 형성을 위해 명함 등 서면으로 직접 연락처를 제공한 경우, 사전동의 예외로서의 거래관계가 있다고 볼 수 있습니다. 단, 언제 어디서 명함 등을 직접 제공받았는지를 증명할 수 있어야 합니다.</li>
+                                            <li>기존 거래관계나 사전 수신동의를 얻은 업체가 동일업체 명으로 재화나 서비스 제공 형태(콘텐츠는 동종)를 변경하였더라도 이전에 획득한 이용자 정보로 새로운 재화나 서비스를 광고할 수 없습니다.</li>
+                                        </ul>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>
+                        <div class="privacy_content spam_content">
+                            <p class="title" id="spam07">7. 수신거부 및 사전동의 철회<span class="red">(위반시 3천만원 이하 과태료)</span></p>
+                            <div class="conbox spam_conbox">
+                                <table class="tType1">
+                                    <caption>정보통신망법에 대한 표</caption>
+                                    <colgroup>
+                                        <col style="width: 200px;">
+                                        <col style="width: auto;">
+                                    </colgroup>
+                                    <tbody>
+                                        <tr>
+                                            <th scope="row">정보통신망법</th>
+                                            <td>
+                                                <ul class="conlist7">
+                                                    <li><strong>제50조(영리목적의 광고성 정보 전송 제한)</strong>② 전자적 전송매체를 이용하여 영리목적의 광고성 정보를 전송하려는 자는 제1항에도 불구하고 <span class="blue">수신자가 수신거부의사를 표시하거나 사전 동의를 철회</span>한 경우에는 영리목적의 광고성 정보를 <span class="blue">전송하여서는 아니 된다.</span></li>
+                                                </ul>
+                                            </td>
+                                        </tr>
+                                    </tbody>
+                                </table>
+                                <ul class="conlist2 spam_list spam_list_tw">
+                                    <li>
+                                        수신자가 특별히 범위를 정하여 수신동의 철회 및 수신거부 의사표시를 한 것이 아니라면, 그 효력은 당해 광고만이 아니라 당해 전송자가 보내는 모든 광고에 적용됩니다.
+                                        <ul class="conlist3 spam_gray">
+                                            <li>다만, 각 재화나 서비스 분야로 동의를 받은 경우 수신거부시 그 해당분야에 한합니다.</li>
+                                            <li>성인전화나 대리운전 광고 등의 경우 수신자가 수신거부를 하면 전송자가 전송하는 해당 서비스 분야 모두가 수신거부 대상이 됩니다.</li>
+                                        </ul>
+                                    </li>
+                                    <li class="last">본사와 지사, 본사와 대리점에서 고객 정보를 공유할 경우 수신거부의사도 공유하는 것으로 봅니다. 즉, 한 번의 수신거부로 해당 본사 및 지사, 대리점에서 전송하는 광고에 대한 수신 거부 효력이 발생합니다.</li>
+                                </ul>
+                            </div>
+                        </div>
+                        <div class="privacy_content spam_content">
+                            <p class="title" id="spam08">8. 야간광고 전송제한 및 예외<span class="red">(위반시 3천만원 이하 과태료)</span></p>
+                            <div class="conbox spam_conbox">
+                                <table class="tType1">
+                                    <caption>정보통신망법, 시행령에 대한 표</caption>
+                                    <colgroup>
+                                        <col style="width: 200px;">
+                                        <col style="width: auto;">
+                                    </colgroup>
+                                    <tbody>
+                                        <tr>
+                                            <th scope="row">정보통신망법</th>
+                                            <td>
+                                                <ul class="conlist7">
+                                                    <li><strong>제50조(영리목적의 광고성 정보 전송 제한)</strong>③ <span class="blue">오후 9시부터 그 다음 날 오전 8시까지의 시간</span>에 전자적 전송매체를 이용하여 영리목적의 광고성 정보를 전송하려는 자는 제1항에도 불구하고 그 수신자로부터 <span class="blue">별도의 사전 동의</span>를 받아야 한다. 다만, 대통령령으로 정하는 매체의 경우에는 그러하지 아니하다.</li>
+                                                </ul>
+                                            </td>
+                                        </tr>
+                                        <tr>
+                                            <th scope="row">시행령</th>
+                                            <td>
+                                                <ul class="conlist7">
+                                                    <li><strong>제61조(영리목적의 광고성 정보 전송기준)</strong>② 법 제50조제3항 단서에서 “대통령령으로 정하는 매체”란 <span class="blue">전자우편</span>을 말한다.</li>
+                                                </ul>
+                                            </td>
+                                        </tr>
+                                    </tbody>
+                                </table>
+                                <ul class="conlist2 spam_list spam_list_tw">
+                                    <li>광고성 정보 전송에 대하여 수신동의를 받았거나 거래관계에 의한 수신동의 예외가 인정되더라도 오후 9시부터 그 다음 날 오전 8시까지(이하 “야간시간”이라 한다) 광고성 정보를 전송하려면 별도의 수신동의를 받아야 합니다.</li>
+                                    <li>야간시간에 광고성 정보 전송금지 기준은 수신자에게 도달하는 시각을 기준으로 합니다.(국외에서 전송되는 광고성 정보도 동일함)</li>
+                                    <li>전자우편은 다른 매체에 비해 광고 수신확인의 즉시성이 떨어져 이용자의 통제가 비교적 용이하므로 “오후 9시부터 그 다음 날 오전 8시까지” 수신자의 별도 동의가 없더라도 전송이 가능합니다.</li>
+                                </ul>
+                            </div>
+                        </div>
+                        <div class="privacy_content spam_content">
+                            <p class="title" id="spam09">9. 광고성 정보 전송 시 명시사항<span class="red">(위반시 3천만원 이하 과태료)</span></p>
+                            <div class="conbox spam_conbox">
+                                <table class="tType1">
+                                    <caption>정보통신망법, 시행령에 대한 표</caption>
+                                    <colgroup>
+                                        <col style="width: 200px;">
+                                        <col style="width: auto;">
+                                    </colgroup>
+                                    <tbody>
+                                        <tr>
+                                            <th scope="row">정보통신망법</th>
+                                            <td>
+                                                <ul class="conlist7">
+                                                    <li><strong>제50조(영리목적의 광고성 정보 전송 제한)</strong>④ 전자적 전송매체를 이용하여 영리목적의 광고성 정보를 전송하는 자는 대통령령으로 정하는 바에 따라 다음 각 호의 사항 등을 <span class="blue">광고성 정보에</span> 구체적으로 <span class="blue">밝혀야 한다</span>.
+                                                        <ol class="conlist8">
+                                                            <li>1. <span class="blue">전송자의 명칭 및 연락처</span></li>
+                                                            <li>2. <span class="blue">수신의 거부 또는 수신동의의 철회 의사표시를 쉽게 할 수 있는 조치 및 방법에 관한 사항</span></li>
+                                                        </ol>
+                                                    </li>
+                                                </ul>
+                                            </td>
+                                        </tr>
+                                        <tr>
+                                            <th scope="row">시행령</th>
+                                            <td>
+                                                <ul class="conlist7">
+                                                    <li><strong>제61조(영리목적의 광고성 정보 전송기준)</strong>③ 법 제50조제4항에 따라 전자적 전송매체를 이용하여 영리목적의 광고성 정보를 전송하는 자가 해당 정보에 명시하여야 할 사항과 그 방법은 별표 6과 같다.</li>
+                                                </ul>
+                                            </td>
+                                        </tr>
+                                    </tbody>
+                                </table>
+                                <p class="contitle1 spam_title">[전송자의 명칭 및 연락처]</p>
+                                <ul class="conlist2 spam_list">
+                                    <li>
+                                        전송자의 명칭
+                                        <ul class="conlist3 spam_gray">
+                                            <li>전송자의 명칭은 수신자가 재화나 서비스를 이용하였거나 수신동의를 하였다고 식별할 수 있는 정도의 구체적인 표현을 사용해야 합니다.</li>
+                                            <li class="mark">※ 수신자가 용이하게 식별할 수 있는 명칭으로 업체명(00네 마트, 00안경원 등)ㆍ서비스명(00대리운전, 00퀵 등) 등을 사용할 수 있습니다.</li>
+                                            <li>전송자가 표기한 명칭만으로 수신자가 전송자를 식별할 수 없는 경우에는 전송자의 명칭을 표기한 것이라 볼 수 없습니다.</li>
+                                        </ul>
+                                    </li>
+                                    <li class="last">
+                                        전송자의 연락처
+                                        <ul class="conlist3 spam_gray">
+                                            <li>연락처는 전자우편주소, 전화번호, 주소 등 광고성 정보를 전송한 자와 직접적으로 연락이 될 수 있는 것이어야 합니다.</li>
+                                            <li>직접적으로 연락이 되지 않거나 다른 연락처를 재안내하거나, 또는 허위 연락처인 경우에는 연락처를 명시하지 않은 것으로 봅니다.</li>
+                                        </ul>
+                                    </li>
+                                </ul>
+                                <p class="contitle1 spam_title">[수신의 거부 또는 수신동의의 철회 의사표시를 쉽게 할 수 있는 조치 및 방법에 관한 사항]</p>
+                                <ul class="conlist2 spam_list">
+                                    <li>광고성 정보의 본문에 표기하여 구체적으로 밝혀야 합니다.</li>
+                                    <li class="center">
+                                        동 조치 및 방법으로 수신의 거부 또는 수신동의 철회가 쉽게 이루어지지 않거나 불가능할 경우에는 이를 밝히지 않은 것으로 봅니다.
+                                        <ul class="conlist3 spam_gray">
+                                            <li>전자우편 수신거부시 웹사이트에 로그인하도록 하는 등 수신거부 및 수신동의 철회를 어렵게 하는 것은 법률을 위반하는 행위입니다.</li>
+                                        </ul>
+                                    </li>
+                                    <li class="center">
+                                        전자적 전송매체(전자우편 제외)를 통해 광고성 정보 전송시 수신거부 및 수신동의 철회를 할 때 수신자에게 금전적 비용 부담이 발생하지 않는다는 내용을 “명시”하여야 합니다.
+                                        <ul class="conlist3 spam_gray">
+                                            <li>문자광고 전송시 “무료”와 같이 비용이 발생하지 않음을 안내하는 문구가 포함되어 있어야 합니다.</li>
+                                        </ul>
+                                    </li>
+                                </ul>
+
+                                <!-- 전송매체별 명시사항 및 명시방법 테이블 -->
+                                <p class="contitle1 tri_te"><span class="tri">▶</span> 전송매체별 명시사항 및 명시방법 <span class="sub_tri">[정보통신망법 시행령 별표 6]</span></p>
+                                <ul class="conlist2">
+                                    <li>(광고)를 표시하는 경우에는 수신자의 수신의 거부 또는 수신동의의 철회를 회피하기 위한 목적으로 빈칸ᆞ부호ᆞ문자 등을 삽입하거나 표시방법을 조작하는 조치를 해서는 안됩니다.</li>
+                                    <li>수신자가 수신의 거부 또는 수신동의의 철회를 하는 때에 전송에 이용된 수신자의 연락처 외의 개인정보를 전송자에게 제공하도록 요구하는 내용을 명시하여 수신의 거부 또는 수신동의의 철회를 어렵게 하여서는 아니 됩니다.</li>
+                                </ul>
+                                <table class="tType2 spam_table">
+                                    <caption>전자우편, 팩스, 그 밖의 전자적 전송매체 대한 표</caption>
+                                    <colgroup>
+                                        <col style="width: 20%;">
+                                        <col style="width: 80%;">
+                                    </colgroup>
+                                    <thead>
+                                        <tr>
+                                            <th>매체구분</th>
+                                            <th>명시사항 및 명시방법</th>
+                                        </tr>
+                                    </thead>
+                                    <tbody>
+                                        <tr>
+                                            <th>전자우편</th>
+                                            <td>
+                                                <ul class="conlist7">
+                                                    <li>1. <span class="blue">제목</span>이 시작되는 부분에 <span class="blue">(광고)를 표시</span>해야 한다.</li>
+                                                    <li>2. 본문에는 다음 사항을 표시해야 한다.
+                                                        <ol class="conlist8">
+                                                            <li>가. <span class="blue">전송자의 명칭ㆍ전자우편주소ㆍ전화번호 및 주소</span></li>
+                                                            <li>나. 수신자가 수신의 거부 또는 수신동의의 철회 의사를 쉽게 표시할 수 있도록 하기 위한 안내문을 명시하고 수신의 거부 또는 수신동의의 철회 여부를 간편하게 선택할 수 있도록 기술적 조치를 해야 한다. 이 경우 그 안내문과 기술적 조치는 한글과 영문으로 명시해야 한다.</li>
+                                                        </ol>
+                                                    </li>
+                                                </ul>
+                                            </td>
+                                        </tr>
+                                        <tr>
+                                            <th>팩스</th>
+                                            <td>
+                                                <ul class="conlist7">
+                                                    <li>1. 광고성 정보가 <span class="blue">시작되는 부분에 (광고), 전송자의 명칭, 전화번호 및 주소를 표시</span>해야 한다.</li>
+                                                    <li>2. 수신의 거부 또는 수신동의의 철회용 <span class="blue">자동응답전화번호 등의</span> 전화번호 또는 전화를 갈음하여 쉽게 수신의 거부 또는 수신동의의 철회를 할 수 있는 방식을 해당 광고에 표시된 최대 글자의 <span class="blue">3분의 1 이상의 크기로 명시</span>하고, 그 전화번호나 방식을 이용하여 수신의 거부 또는 수신동의의 철회를 하는 때에 수신자가 <span class="blue">비용을 부담하지 않는다는 것을 함께 명시</span>해야 한다.</li>
+                                                </ul>
+                                            </td>
+                                        </tr>
+                                        <tr>
+                                            <th>그 밖의 전자적 전송매체</th>
+                                            <td>
+                                                <ul class="conlist7">
+                                                    <li>
+                                                        1. 음성형태로 전송되는 광고의 경우
+                                                        <ol class="conlist8">
+                                                            <li>가. 광고성 정보가 시작되는 부분에 광고를 의미하는 음성, 전송자의 명칭, 전화번호 또는 주소, 수신의 거부 또는 수신동의의 철회를 할 수 있는 방식을 안내해야 한다.</li>
+                                                            <li>나. 수신의 거부 또는 수신동의의 철회용 자동응답전화번호 등의 전화번호 또는 전화를 갈음하여 쉽게 수신의 거부 또는 수신동의의 철회를 할 수 있는 방식을 이용하여 수신의 거부 또는 수신동의의 철회를 하는 때에 수신자가 비용을 부담하지 않는다는 것을 함께 안내해야 한다.</li>
+                                                        </ol>
+                                                    </li>
+                                                    <li>
+                                                        <span class="blue">2. 음성 외의 형태로 전송되는 광고의 경우</span>
+                                                        <ol class="conlist8">
+                                                            <li>가. 광고성 정보가 <span class="blue">시작되는 부분에 (광고), 전송자의 명칭과 전화번호 또는 주소</span>를 표시해야 한다.</li>
+                                                            <li>나. 수신의 거부 또는 수신동의의 철회용 <span class="blue">자동응답전화번호 등의 전화번호</span> 또는 전화를 갈음하여 쉽게 수신의 거부 또는 수신동의의 철회를 할 수 있는 방식을 <span class="blue">정보가 끝나는 부분에 명시</span>하고, 그 전화번호나 방식을 이용하여 수신의 거부 또는 수신동의의 철회를 하는 때에 <span class="blue">수신자가 비용을 부담하지 않는다는 것을 함께 명시</span>해야 한다.</li>
+                                                        </ol>
+                                                    </li>
+                                                </ul>
+                                            </td>
+                                        </tr>
+                                    </tbody>
+                                </table>
+                            </div>
+                        </div>
+                        <div class="privacy_content spam_content">
+                            <p class="title" id="spam10">10. 광고성 정보 전송자 금지사항<span class="red">(위반시 징역 1년 이하 또는 1천만원 이하의 벌금)</span></p>
+                            <div class="conbox spam_conbox">
+                                <table class="tType1">
+                                    <caption>정보통신망법에 대한 표</caption>
+                                    <colgroup>
+                                        <col style="width: 200px;">
+                                        <col style="width: auto;">
+                                    </colgroup>
+                                    <tbody>
+                                        <tr>
+                                            <th scope="row">정보통신망법</th>
+                                            <td>
+                                                <ul class="conlist7">
+                                                    <li><strong>제50조(영리목적의 광고성 정보 전송 제한)</strong>⑤ 전자적 전송매체를 이용하여 영리목적의 광고성 정보를 전송하는 자는 다음 각 호의 어느 하나에 해당하는 행위를 하여서는 <span class="blue">아니 된다</span>.
+                                                        <ol class="conlist8">
+                                                            <li>1. 광고성 정보 수신자의 <span class="blue">수신거부 또는 수신동의의 철회를 회피ㆍ방해하는 행위</span></li>
+                                                            <li>2. 숫자ㆍ부호 또는 문자를 조합하여 전화번호ㆍ전자우편주소 등 <span class="blue">수신자의 연락처를 자동으로 만들어 내는 행위</span></li>
+                                                            <li>3. 영리목적의 광고성 정보를 전송할 목적으로 <span class="blue">전화번호 또는 전자우편주소를 자동으로 등록하는 행위</span></li>
+                                                            <li>4. 광고성 정보 전송자의 신원이나 광고 전송 <span class="blue">출처를 감추기 위한 각종 행위</span></li>
+                                                            <li>5. 영리목적의 광고성 정보를 전송할 목적으로 <span class="blue">수신자를 기망하여 회신을 유도하는 각종 행위</span></li>
+                                                        </ol>
+                                                    </li>
+                                                </ul>
+                                            </td>
+                                        </tr>
+                                    </tbody>
+                                </table>
+                                <ul class="conlist2 spam_list spam_list_tw">
+                                    <li>
+                                        수신거부 또는 수신동의 철회를 회피ㆍ방해하는 행위의 금지
+                                        <ul class="conlist3 spam_gray">
+                                            <li>이메일을 이용하여 광고성 정보를 전송할 때 수신거부가 되지 않도록 하거나(예: 페이지 오류로 나타나게 함), 문자로 광고성 정보를 전송할 때 연락이 되지 않는 수신거부번호를 제공하는 등의 행위를 의미합니다.</li>
+                                        </ul>
+                                    </li>
+                                    <li class="center">
+                                        수신자의 연락처를 자동으로 만들어 내는 행위의 금지
+                                        <ul class="conlist3 spam_gray">
+                                            <li>프로그램 등을 이용하여 숫자ㆍ부호 또는 문자를 조합하여 <span class="bold">자동으로</span> 수신자의 전화번호나 전자우편 주소 등의 <span class="bold">연락처를 만들어 내는 행위*</span>를 의미합니다.</li>
+                                            <li class="mark mark_no">* 오토콜 프로그램이 전화번호를 자동으로 생성하여 전화를 걸거나, 엑셀 프로그램 등으로 전화번호 일부 또는 전체를 자동으로 만들어 내는 것 등을 의미합니다.</li>
+                                            <li>광고성 정보를 전송하는 자는 광고성 정보의 전송여부와 상관없이 연락처를 자동으로 만들어내는 행위만으로도 처벌됩니다.</li>
+                                        </ul>
+                                    </li>
+                                    <li class="center">
+                                        전화번호 또는 전자우편주소를 자동으로 등록하는 행위의 금지
+                                        <ul class="conlist3 spam_gray">
+                                            <li>광고성 정보 수신자의 <span class="bold">연락처를</span> 확보하기 위하여 프로그램을 이용하여 수신자의 전화번호 또는 전자우편주소를 <span class="bold">자동으로 등록하는 행위*</span>를 하여서는 안됩니다.</li>
+                                            <li class="mark mark_no ma">* “자동으로 등록하는 행위”란 고객에게 받은 연락처를 전산 상에 자동으로 등록하는 것을 의미하는 것이 아니라 인터넷상 혹은 정보저장장치 등에 있는 전화번호 또는 전자우편주소를 프로그램을 이용하여 정보주체의 의사와 관계없이 자동으로 수집하여 등록하는 것을 의미합니다.</li>
+                                        </ul>
+                                    </li>
+                                    <li class="center">
+                                        전송자의 신원이나 광고 전송 출처를 감추기 위한 각종 행위
+                                        <ul class="conlist3 spam_gray">
+                                            <li>발신번호는 전송자를 확인할 수 없는 번호로 변작(변경, 조작 등)하여 사용해서는 안됩니다.</li>
+                                            <li>이메일의 경우 발신자의 이메일 주소를 확인할 수 없게 하거나 다른 이메일 주소로 위ㆍ변조 하여서는 안됩니다.</li>
+                                        </ul>
+                                    </li>
+                                    <li class="last">
+                                        수신자를 속이거나 착오에 빠지게 하여 회신을 유도하는 각종 행위
+                                        <ul class="conlist3 spam_gray">
+                                            <li>벨이 1~2번 울린 후 수신자가 받기 전에 끊거나 받은 후 바로 끊는 방식으로 수신자의 전화를 유도하는 행위를 하여서는 안됩니다.</li>
+                                        </ul>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>
+                        <div class="privacy_content spam_content">
+                            <p class="title" id="spam11">11. 수신거부 및 수신동의 철회 시 비용 발생 금지<span class="red">(위반시 3천만원 이하 과태료)</span></p>
+                            <div class="conbox spam_conbox">
+                                <table class="tType1">
+                                    <caption>정보통신망법, 시행령에 대한 표</caption>
+                                    <colgroup>
+                                        <col style="width: 200px;">
+                                        <col style="width: auto;">
+                                    </colgroup>
+                                    <tbody>
+                                        <tr>
+                                            <th scope="row">정보통신망법</th>
+                                            <td>
+                                                <ul class="conlist7">
+                                                    <li><strong>제50조(영리목적의 광고성 정보 전송 제한)</strong>⑥ 전자적 전송매체를 이용하여 영리목적의 광고성 정보를 전송하는 자는 수신자가 <span class="blue">수신거부나 수신동의의 철회를 할 때</span> 발생하는 전화요금 등의 <span class="blue">금전적 비용을 수신자가 부담하지 아니하도록</span> 대통령령으로 정하는 바에 따라 필요한 <span class="blue">조치</span>를 하여야 한다.</li>
+                                                </ul>
+                                            </td>
+                                        </tr>
+                                        <tr>
+                                            <th scope="row">시행령</th>
+                                            <td>
+                                                <ul class="conlist7">
+                                                    <li><strong>제62조(수신거부 또는 수신동의 철회용 무료전화서비스 등의 제공)</strong>법 제50조제6항에 따라 전자적 전송매체를 이용하여 영리목적의 광고성 정보를 전송하는 자는 별표 6에서 정하는 바에 따라 <span class="blue">수신거부 및 수신동의 철회용 무료전화서비스 등을 해당 정보에 명시</span>하여 수신자에게 이를 제공하여야 한다.</li>
+                                                </ul>
+                                            </td>
+                                        </tr>
+                                    </tbody>
+                                </table>
+                                <ul class="conlist2 spam_list spam_list_tw">
+                                    <li>광고성 정보 전송자는 수신자가 금전적인 비용 부담없이 수신거부 또는 수신동의 철회를 할 수 있는 방법(ex: 수신자 부담 080 착신과금서비스) 등을 제공하고 수신자가 비용을 부담하지 않는다는 내용을 명시해야 합니다.</li>
+                                    <li>광고내용 안에 고지된, 080등 수신동의철회 전화번호가 항상 통화중이거나 신호만 울리고 받지 않는 등 제대로 작동하지 않게 조치하여서는 안되며, 해당 전화번호로 전화연결 시 요금이 부과되도록 하여서도 안됩니다.</li>
+                                </ul>
+                            </div>
+                        </div>
+                        <div class="privacy_content spam_content">
+                            <p class="title" id="spam12">12. 수신동의 여부 확인<span class="red">(위반시 3천만원 이하 과태료)</span></p>
+                            <div class="conbox spam_conbox">
+                                <table class="tType1">
+                                    <caption>정보통신망법, 시행령에 대한 표</caption>
+                                    <colgroup>
+                                        <col style="width: 200px;">
+                                        <col style="width: auto;">
+                                    </colgroup>
+                                    <tbody>
+                                        <tr>
+                                            <th scope="row">정보통신망법</th>
+                                            <td>
+                                                <ul class="conlist7">
+                                                    <li><strong>제50조(영리목적의 광고성 정보 전송 제한)</strong>⑧ 제1항 또는 제3항에 따라 수신동의를 받은 자는 대통령령으로 정하는 바에 따라 <span class="blue">정기적</span>으로 광고성 정보 수신자의 <span class="blue">수신동의 여부를 확인</span>하여야 한다.</li>
+                                                </ul>
+                                            </td>
+                                        </tr>
+                                        <tr>
+                                            <th scope="row">시행령</th>
+                                            <td>
+                                                <ul class="conlist7">
+                                                    <li><strong>제62조의3(수신동의 여부 확인 방식)</strong>① 법 제50조제1항 또는 제3항에 따라 수신자의 사전 동의를 받은 자는 같은 조 제8항에 따라 <span class="blue">그 수신동의를 받은 날부터 2년마다</span>(매 2년이 되는 해의 수신동의를 받은 날과 같은 날 전까지를 말한다) 해당 수신자의 수신동의 여부를 <span class="blue">확인</span>하여야 한다.</li>
+                                                    <li>② 제1항에 따라 수신동의 여부를 확인하려는 자는 수신자에게 다음 각 호의 사항을 밝혀야 한다.
+                                                        <ol class="conlist8">
+                                                            <li><span class="blue">1. 전송자의 명칭</span></li>
+                                                            <li><span class="blue">2. 수신자의 수신동의 사실과 수신에 동의한 날짜</span></li>
+                                                            <li><span class="blue">3. 수신동의에 대한 유지 또는 철회의 의사를 표시하는 방법</span></li>
+                                                        </ol>
+                                                    </li>
+                                                </ul>
+                                            </td>
+                                        </tr>
+                                    </tbody>
+                                </table>
+                                <ul class="conlist2 spam_list spam_list_tw">
+                                    <li>수신동의 날짜는 수신동의를 한 날짜를 특정하여 명시하여야 하며, 수신동의를 한 특정 날짜를 명시하지 않은 경우 법위반에 해당합니다.</li>
+                                    <li class="center">
+                                        수신동의 여부 확인은 수신동의에 대한 의사 표시(동의 유지·철회) 방법에 따라 아래와 같은 방식으로 구분할 수 있습니다.
+                                        <ul class="conlist3 spam_gray spam_gray_tw">
+                                            <li>
+                                                <span class="sub_tit">&lt;수신동의 유지 의사 표시방법을 안내할 경우&gt;</span>
+                                                <ul class="sub_te sub_te_on">
+                                                    <li>수신자가 수신동의 유지 의사를 표시할 기한을 설정하여 그 방법과 함께 안내하여야 합니다.</li>
+                                                    <li>수신자가 기한 내 수신동의에 대한 유지 의사를 표시하지 않을 경우 동의를 철회한 것으로 봅니다.</li>
+                                                </ul>
+                                            </li>
+                                            <li>
+                                                <span class="sub_tit">&lt;수신동의 철회 의사 표시방법을 안내할 경우&gt;</span>
+                                                <ul class="sub_te">
+                                                    <li>전송자는 수신자가 수신동의 철회 의사를 표시할 기한을 별도로 설정하지 않으나, 의사 표시 즉시 철회 의사를 반영해야 합니다.</li>
+                                                    <li>수신자가 수신동의 여부 안내를 받은 후 아무런 의사표시를 하지 않는 경우 수신동의 의사가 그대로 유지되는 것으로 봅니다.</li>
+                                                </ul>
+                                            </li>
+                                        </ul>
+                                    </li>
+                                    <li class="center">
+                                        수신동의 후 특정일에 상관없이 수신동의를 받은 날부터 2년 이내에 수신동의 사실을 안내해주면 됩니다.
+                                        <ul class="conlist3 spam_gray">
+                                            <li>수신동의 확인은 최초 수신동의 시점부터 2년마다 기산하면 됩니다(안내한 날부터 새로 기산되는 것이 아님에 주의)</li>
+                                        </ul>
+                                    </li>
+                                    <li class="last">수신동의 여부 확인은 수신자의 확인 용이성을 고려하여 연락처가 있는 경우 문자 메시지로 알리는 것을 권장합니다.</li>
+                                </ul>
+                            </div>
+                        </div>
+                        <div class="privacy_content spam_content">
+                            <p class="title" id="spam13">13. 법률에서 금지하는 광고성 정보의 전송 금지<span class="red">(위반시 3년 이하의 징역이나 3천만원 이하의 벌금)</span></p>
+                            <div class="conbox spam_conbox">
+                                <table class="tType1">
+                                    <caption>정보통신망법에 대한 표</caption>
+                                    <colgroup>
+                                        <col style="width: 200px;">
+                                        <col style="width: auto;">
+                                    </colgroup>
+                                    <tbody>
+                                        <tr>
+                                            <th scope="row">정보통신망법</th>
+                                            <td>
+                                                <ul class="conlist7">
+                                                    <li><strong>제50조의8(불법행위를 위한 광고성 정보 전송금지)</strong>누구든지 정보통신망을 이용하여 <span class="blue">이 법 또는 다른 법률에서</span> 이용, 판매, 제공, 유통, 그 밖에 이와 유사한 행위를 <span class="blue">금지하는 재화 또는 서비스</span>에 대한 <span class="blue">광고성 정보</span>를 <span class="blue">전송하여서는 아니 된다</span>.</li>
+                                                </ul>
+                                            </td>
+                                        </tr>
+                                    </tbody>
+                                </table>
+                                <ul class="conlist2 spam_list spam_list_tw">
+                                    <li><span class="bold">마약, 불법대출, 도박, 성매매, 불법의약품, 청소년유해물 등</span> 법률에서 금지하는 재화 또는 서비스(허가받지 않은 사업자가 운영하는 재화 및 서비스도 포함합니다)에 대해서는 누구든지 광고성 정보를 전송하여서는 안됩니다.</li>
+                                    <li>정보통신서비스 제공자는 자사의 서비스를 통해 법률에서 금지하는 재화 및 서비스에 대한 광고성 정보를 전송되는 경우 수신동의 및 표기의무 사항 준수와 상관없이 역무제공 거부(서비스 계약해지 등) 또는 차단 등의 조치를 할 수 있습니다.</li>
+                                    <li>다른 법령(예 : 약사법 제61조, 국민체육진흥법 제26조 등)에서 광고에 대한 처벌 규정이 적용되더라도 정보통신망법에 의한 이 규정을 위반하는 경우 별도로 본 규정도 적용됩니다.</li>
+                                </ul>
+                            </div>
+                        </div>
+                        <div class="privacy_content spam_content">
+                            <p class="title" id="spam14">14. 불법스팸 신고</p>
+                            <div class="conbox spam_conbox">
+                                <p>불법스팸에 대한 신고는 한국인터넷진흥원 불법스팸대응센터(spam.kisa.or.kr / 국번없이 118)를 통해 가능합니다.</p>
+                            </div>
+                        </div>
+                    </div>
+
+                    <!-- //불법스팸방지안내 -->
                 </div>
                 <!--// 고객센터 - 이용약관 -->
             </div>
@@ -813,39 +1615,8 @@
     </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 -->
+    <div data-include-path="/publish/layout/_footer.html"></div>
     <!--// footer 영역 -->
 </body>
 
diff --git a/src/main/webapp/publish/service2_2022.html b/src/main/webapp/publish/service2_2022.html
index 62fbf568..4f971894 100644
--- a/src/main/webapp/publish/service2_2022.html
+++ b/src/main/webapp/publish/service2_2022.html
@@ -52,151 +52,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">
-        <!-- 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 영역 -->
@@ -429,40 +287,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
diff --git a/src/main/webapp/publish/service2_2023.html b/src/main/webapp/publish/service2_2023.html
index ed344ee3..7069a591 100644
--- a/src/main/webapp/publish/service2_2023.html
+++ b/src/main/webapp/publish/service2_2023.html
@@ -52,151 +52,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">
-        <!-- 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 영역 -->
@@ -430,40 +288,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
diff --git a/src/main/webapp/publish/service2_2024.html b/src/main/webapp/publish/service2_2024.html
index 6a90e7ef..a5d78100 100644
--- a/src/main/webapp/publish/service2_2024.html
+++ b/src/main/webapp/publish/service2_2024.html
@@ -52,151 +52,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">
-        <!-- 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 영역 -->
@@ -832,40 +690,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
diff --git a/src/main/webapp/publish/service3.html b/src/main/webapp/publish/service3.html
index 8ea1f233..c09132e3 100644
--- a/src/main/webapp/publish/service3.html
+++ b/src/main/webapp/publish/service3.html
@@ -27,151 +27,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">
@@ -180,12 +36,15 @@
             <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');">1:1 문의</button></li>
-                    <li class="tab"><button type="button" onclick="TabType5(this,'5');">이벤트</button></li>
-                </ul><!--// tab button -->
+                    <li class="tab"><button type="button" onclick="location.href='/publish/service1.html'">공지사항</button></li>
+                    <li class="tab"><button type="button" onclick="location.href='/publish/service2.html'">이용약관</button></li>
+                    <li class="tab active"><button type="button" onclick="location.href='/publish/service3.html'">자주하는 질문</button></li>
+                    <li class="tab"><button type="button" onclick="location.href='/publish/service4.html'">1:1 문의</button></li>
+                    <li class="tab"><button type="button" onclick="location.href='/publish/service6.html'">불편신고</button></li>
+                    <li class="tab"><button type="button" onclick="location.href='/publish/service5.html'">이벤트</button></li>
+                    
+                </ul>
+                <!--// tab button -->
 				<!-- 고객센터 - 자주하는 질문 -->
                 <div class="serv_content qna_cont current" id="tab5_3">
                     <div class="heading">
@@ -365,37 +224,7 @@
         </div>
     </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>
diff --git a/src/main/webapp/publish/service3_spam_2024.html b/src/main/webapp/publish/service3_spam_2024.html
index a1c55b71..3a095bab 100644
--- a/src/main/webapp/publish/service3_spam_2024.html
+++ b/src/main/webapp/publish/service3_spam_2024.html
@@ -52,151 +52,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">
-        <!-- 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 영역 -->
@@ -853,40 +711,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
diff --git a/src/main/webapp/publish/service4.html b/src/main/webapp/publish/service4.html
index 1f8168f2..5a0c3edc 100644
--- a/src/main/webapp/publish/service4.html
+++ b/src/main/webapp/publish/service4.html
@@ -15,163 +15,20 @@
     <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>
+    <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">
@@ -180,191 +37,225 @@
             <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');">1:1 문의</button></li>
-                    <li class="tab"><button type="button" onclick="TabType5(this,'5');">이벤트</button></li>
-                </ul><!--// tab button -->
-				<!-- 고객센터 - 1:1문의 -->
+                    <li class="tab"><button type="button" onclick="location.href='/publish/service1.html'">공지사항</button></li>
+                    <li class="tab"><button type="button" onclick="location.href='/publish/service2.html'">이용약관</button></li>
+                    <li class="tab"><button type="button" onclick="location.href='/publish/service3.html'">자주하는 질문</button></li>
+                    <li class="tab active"><button type="button" onclick="location.href='/publish/service4.html'">1:1 문의</button></li>
+                    <li class="tab"><button type="button" onclick="location.href='/publish/service6.html'">불편신고</button></li>
+                    <li class="tab"><button type="button" onclick="location.href='/publish/service5.html'">이벤트</button></li>
+
+                </ul>
+                <!--// tab button -->
+                <!-- 고객센터 - 1:1문의 -->
                 <div class="serv_content current" id="tab5_4">
                     <div class="heading">
                         <h2>1:1문의</h2>
                     </div>
-                    <div class="mem_cont_in">
-                        <div class="input_list listType1">
-                            <div class="input_list_item bis_status">
-                                <div class="input_left">이메일</div>
-                                <div class="input_right">
-                                    <label for="" class="label">이메일 주소 앞자리</label>
-                                            <input type="text" class="list_inputType1">
-                                            <span>@</span>
-                                            <label for="" class="label">이메일 주소 뒷자리</label>
-                                            <input type="text" class="list_inputType1">
-                                </div>
+                    <div class="titBox">
+                        <p>- 1:1 문의는 작성자 본인만 확인하실 수 있습니다.</p>
+                    </div>
+
+                    <div class="search_wrap clearfix">
+                        <div class="btn_left">
+                            <span>· 기간</span>
+                            <div class="calendar_wrap">
+                                <input type="text" class="startDate inp calendar picker__input picker__input--active" title="검색 시작일" id="startDate" name="startDate" value="" data-datecontrol="true" readonly="" aria-haspopup="true" aria-expanded="true" 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>
-                            <div class="input_list_item emailWrap">
-                                <div>
-                                    <div class="input_left">이메일</div>
-                                    <div class="input_right">
-                                        <div class="email">
-                                            <label for="" class="label">이메일 주소 앞자리</label>
-                                            <input type="text" class="list_inputType1">
-                                            <span>@</span>
-                                            <label for="" class="label">이메일 주소 뒷자리</label>
-                                            <input type="text" class="list_inputType1">
-                                        </div>
-                                        <div class="email_select">
-                                            <label for="" class="label">이메일 선택</label>
-                                            <select class="list_selType1">
-                                                <option>직접입력</option>
-                                                <option>네이버</option>
-                                                <option>네이트</option>
-                                                <option>한메일(다음)</option>
-                                                <option>지메일</option>
-                                            </select>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                            <div class="input_list_item">
-                                <div class="input_left">휴대폰</div>
-                                <div class="input_right">
-                                    <label for="" class="label">휴대폰</label>
-                                    <input type="text" class="list_inputType1" placeholder="‘-’ 없이 숫자만 입력" onfocus="this.placeholder=''" onblur="this.placeholder='‘-’ 없이 숫자만 입력'">
-                                </div>
-                            </div>
-                            <div class="input_list_item">
-                                <div class="input_left">구분</div>
-                                <div class="input_right">
-                                    <label for="" class="label">구분 선택</label>
-                                    <select class="list_selType1">
-                                        <option>충전/결제</option>
-                                        <option>회원정보</option>
-                                        <option>문자발송</option>
-                                        <option>주소록</option>
-                                        <option>맞춤제작</option>
-                                        <option>기타</option>
-                                    </select>
-                                </div>
-                            </div>
-                            <div class="input_list_item">
-                                <div class="input_left">제목</div>
-                                <div class="input_right">
-                                    <label for="" class="label">문의사항 제목</label>
-                                    <input type="text" class="list_inputType1" placeholder="문의사항 제목 입력" onfocus="this.placeholder=''" onblur="this.placeholder='문의사항 제목 입력 입력'">
-                                </div>
-                            </div>
-                            <div class="input_list_item textWrap">
-                                <div class="input_left">문의내용</div>
-                                <div>
-                                    <label for="" class="label">문의내용</label>
-                                    <textarea placeholder="상세 문의내용 입력" onfocus="this.placeholder=''" onblur="this.placeholder='상세 문의내용 입력'"></textarea>
-                                </div>
-                            </div>
-                            <div class="input_list_item">
-                                <div class="input_left">첨부파일</div>
-                                <div class="input_right">
-                                    <label for="" class="label">사용자등록증 첨부</label>
-                                    <input type="text" class="list_inputType1" placeholder="jpg/png/pdf, 최대 1MB" readonly>
-                                    <div class="list_btn_wrap">
-                                        <button type="button">파일첨부</button>
-                                    </div>
-                                </div>
-                            </div>
-                            <ul class="clause_list">
-                                <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 c_002c9a">[필수] </span>개인정보 처리방침</span>
-                                        </div>
-                                    </div>
-                                    <div class="clause_list_body">
-                                    <div class="agree_text">
-                                        <div>
-                                            <p class="top_tit_text">서비스 이용약관</p>
-                                            <p class="date_text">제정 2021. 0x. xx</p>
-                                            <p class="tit_text">제1장 총 칙</p>
-                                            <p class="stit_text"> 제1조(목적) 이 약관은 주식회사 아이티앤(이하“회사”)이 제공하는 인터넷 서비스 문자온(www.munjaon.co.kr, 이하
-                                                “서비스”)를 이용함에 있어 회사와
-                                                회원(이용자)의 권리, 의무, 책임사항 및 기타 필요한 사항을 규정함을목적으로 합니다.</p>
-                                            <p class="stit_text">제2조(용어의 정의) 이 약관에서 사용하는 용어의정의는 다음과 같습니다.</p>
-                                            <ul class="policy_list sec_list">
-                                                <li><span>1.</span> 문자온 : 회사의 서비스명으로 회원이전송하고자 하는 내용‧정보 등을 문자메시지, 멀티미디어메시지,카카오톡, 팩스 등 다양한
-                                                    메시지 형태로 변화시켜
-                                                    전송하는 서비스 및 회원이
-                                                    제3자로부터 메시지를 수신할 수 있도록 하는 서비스</li>
-                                                <li><span>2.</span> 회원 : 회사에 개인정보를 제공하여 이용계약을체결하고, 이용자 아이디(ID)를 부여 받은자로서 회사가 제공하는서비스를 지속적으로
-                                                    이용할 수 있는 자</li>
-                                                <li><span>3.</span> 아이디(ID) : 회원의 식별과 서비스 이용을 위하여회원이 정하고 회사가 승인하는 문자와 숫자의 조합</li>
-                                                <li><span>4.</span> 비밀번호 : 회원이 부여 받은 아이디(ID)와 일치된회원임을 확인하고, 회원의 비밀을 보호하기 위해 회원이 설정한 문자와숫자의 조합
-                                                </li>
-                                                <li><span>5.</span> 휴면아이디 : 12개월 이상 계속해서 로그인을포함한 서비스 이용이 없는 아이디</li>
-                                                <li><span>6.</span> 해지 : 회사와 회원 간 맺은 이용계약을 해지하는것</li>
-                                                <li><span>7.</span> 스팸메시지 : 정보통신망을 통해 수신자의명시적인 사전 동의없이 일방적으로 전송 또는 게시되는 영리목적의광고성 정보</li>
-                                                <li><span>8.</span> 불법스팸메시지 : 『정보통신망법』 제50조 내지제50조의8의 규정을 위반하여 전송 또는 게시되는 영리목적의 광고성정보를 말하며,
-                                                    불법스팸은 형사처벌 및
-                                                    과태료 부과의 대상이 됨</li>
-                                                <li><span>9.</span> 문자피싱메시지 : 전자금융사기를 목적으로 전송또는 게시되는 정보</li>
-                                                <li><span>10.</span> 스미싱메시지 : 메시지 내용 중 인터넷 주소를클릭하면 악성코드가 설치되어 수신자가 모르는 사이에 금전적 피해 또는개인‧금융정보 탈취
-                                                    피해를 야기하는 메시지
-                                                </li>
-                                                <li><span>11.</span> 카카오톡 : 주식회사 카카오(이하 ”카카오”)가운영하는 모바일 메신저 기반의 실시간 커뮤니케이션 서비스로 알림톡,친구톡 또는 해당
-                                                    서비스를 제공하는
-                                                    어플리케이션</li>
-                                            </ul>
-                                        </div>
-                                    </div>
-                                    </div>
-                                </li>
-                            </ul>
+                            <button type="button" class="btnType btnType2" onclick="javascript:linkPage('1'); return false;"><img src="/publish/images/content/searchW.png" alt="검색"></button>
                         </div>
-                        <div class="serv_btnWrap">
-                            <button type="button">문의등록</button>
-                            <button type="button">취소</button>
+                        <div class="btn_right2">
+                            <label for="searchSel" class="label">검색조건 선택</label>
+                            <select name="searchCnd" id="searchSel" class="selType2">
+                                <option value="" selected="selected">전체</option>
+                                <option value="0">제목</option>
+                                <option value="1">내용</option>
+                            </select>
+                            <div class="search">
+                                <label for="id" class="label"></label>
+                                <input type="text" name="searchWrd" id="id" placeholder="검색어를 입력하세요." onfocus="this.placeholder=''" onblur="this.placeholder='검색어를 입력하세요.'" value="">
+                                <button type="button" class="btnType btnType2" onclick="javascript:linkPage('1'); return false;">검색</button>
+                            </div>
                         </div>
                     </div>
-				</div><!--// 고객센터 - 1:1문의 -->
-				
-            </div><!--// send top -->
-        </div>
-    </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 class="list_tab_wrap">
+                        <!-- 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');">충전/결제</button>
+                            </li>
+                            <li class="tab">
+                                <button type="button" onclick="listTab(this,'3');">회원정보</button>
+                            </li>
+                            <li class="tab">
+                                <button type="button" onclick="listTab(this,'4');">문자발송</button>
+                            </li>
+                            <li class="tab">
+                                <button type="button" onclick="listTab(this,'5');">주소록</button>
+                            </li>
+                            <li class="tab">
+                                <button type="button" onclick="listTab(this,'6');">맞춤제작</button>
+                            </li>
+                            <li class="tab">
+                                <button type="button" onclick="listTab(this,'7');">기타</button>
+                            </li>
+                        </ul>
+                        <!--// tab button -->
+
+                        <select name="pageUnit" id="pageUnit" class="selType2" title="검색조건선택" onchange="linkPage(1);">
+                            <option value="10" selected="">10줄</option>
+                            <option value="20">20줄</option>
+                            <option value="30">30줄</option>
+                        </select>
+
+
                     </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="list_cont" id="listTab_1">
+                        <table class="board_list">
+                            <caption>공지사항 목록으로 번호, 구분, 제목, 작성자, 득록일자, 첨부파일 조회수 제공 </caption>
+                            <colgroup>
+                                <col style="width: 8%;">
+                                <col style="width: 12%;">
+                                <col style="width: auto;">
+                                <col style="width: 13%;">
+                                <col style="width: 13%;">
+                            </colgroup>
+                            <thead>
+                                <tr>
+                                    <th scope="row">번호
+                                        <div class="sort_wrap">
+                                            <input type="button" class="sort sortBtn" id="sort_bbsId">
+                                        </div>
+                                    </th>
+                                    <th scope="row">구분
+                                        <div class="sort_wrap">
+                                            <input type="button" class="sort sortBtn" id="sort_bbsNm">
+                                        </div>
+                                    </th>
+                                    <th scope="row">제목
+                                        <div class="sort_wrap">
+                                            <input type="button" class="sort sortBtn" id="sort_nttSj">
+                                        </div>
+                                    </th>
+                                    <th scope="row">등록일자
+                                        <div class="sort_wrap">
+                                            <input type="button" class="sort sortBtn" id="sort_frstRegisterPnttm">
+                                        </div>
+                                    </th>
+                                    <th scope="row">처리상태
+                                        <div class="sort_wrap">
+                                            <input type="button" class="sort sortBtn" id="sort_answerCnt">
+                                        </div>
+                                    </th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                <tr class="row">
+                                    <td colspan="5">
+                                        검색된 내용이 없습니다.
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td>30</td>
+                                    <td>[정기점검]</td>
+                                    <td class="list_link">충전이 안되요.</td>
+                                    <td>2021-04-15</td>
+                                    <td><span class="waitA">답변대기</span></td>
+                                </tr>
+                                <tr>
+                                    <td>29</td>
+                                    <td>[기능개선]</td>
+                                    <td class="list_link">하루에 최대 얼마까지 충전 가능한가요?</td>
+                                    <td>2021-04-15</td>
+                                    <td><span class="completeA">답변완료</span></td>
+                                </tr>
+                                <tr>
+                                    <td>29</td>
+                                    <td>[기능개선]</td>
+                                    <td class="list_link">하루에 최대 얼마까지 충전 가능한가요?</td>
+                                    <td>2021-04-15</td>
+                                    <td><span class="completeA">답변완료</span></td>
+                                </tr>
+                                <tr>
+                                    <td>29</td>
+                                    <td>[기능개선]</td>
+                                    <td class="list_link">하루에 최대 얼마까지 충전 가능한가요?</td>
+                                    <td>2021-04-15</td>
+                                    <td><span class="completeA">답변완료</span></td>
+                                </tr>
+                                <tr>
+                                    <td>29</td>
+                                    <td>[기능개선]</td>
+                                    <td class="list_link">하루에 최대 얼마까지 충전 가능한가요?</td>
+                                    <td>2021-04-15</td>
+                                    <td><span class="completeA">답변완료</span></td>
+                                </tr>
+                                <tr>
+                                    <td>29</td>
+                                    <td>[기능개선]</td>
+                                    <td class="list_link">하루에 최대 얼마까지 충전 가능한가요?</td>
+                                    <td>2021-04-15</td>
+                                    <td><span class="completeA">답변완료</span></td>
+                                </tr>
+                                <tr>
+                                    <td>29</td>
+                                    <td>[기능개선]</td>
+                                    <td class="list_link">하루에 최대 얼마까지 충전 가능한가요?</td>
+                                    <td>2021-04-15</td>
+                                    <td><span class="completeA">답변완료</span></td>
+                                </tr>
+                                <tr>
+                                    <td>29</td>
+                                    <td>[기능개선]</td>
+                                    <td class="list_link">하루에 최대 얼마까지 충전 가능한가요?</td>
+                                    <td>2021-04-15</td>
+                                    <td><span class="completeA">답변완료</span></td>
+                                </tr>
+                                <tr>
+                                    <td>29</td>
+                                    <td>[기능개선]</td>
+                                    <td class="list_link">하루에 최대 얼마까지 충전 가능한가요?</td>
+                                    <td>2021-04-15</td>
+                                    <td><span class="completeA">답변완료</span></td>
+                                </tr>
+                                <tr>
+                                    <td>29</td>
+                                    <td>[기능개선]</td>
+                                    <td class="list_link">하루에 최대 얼마까지 충전 가능한가요?</td>
+                                    <td>2021-04-15</td>
+                                    <td><span class="completeA">답변완료</span></td>
+                                </tr>
+                            </tbody>
+                        </table>
+                        <div class="list_btnWrap">
+                            <button type="button" class="btnType btnType18" onclick="location.href='/publish/service4_2.html'">문의등록</button>
                         </div>
+                        <!-- pagination -->
+                        <ul class="pagination">
+                            <li class="on"><button type="button"><a href="#" title="현재페이지">1</a></button></li>
+
+                        </ul><!-- //pageWrap -->
                     </div>
+
+
                 </div>
+                <!--// 고객센터 - 1:1문의 -->
+
             </div>
+            <!--// send top -->
         </div>
-    </footer><!--// footer 영역 -->
-</body></html>
+    </div>
+    <!--// content 영역 -->
+    <!-- footer 영역 -->
+    <!-- footer -->
+    <div data-include-path="/publish/layout/_footer.html"></div>
+    <!--// footer 영역 -->
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/main/webapp/publish/service4_2.html b/src/main/webapp/publish/service4_2.html
new file mode 100644
index 00000000..2a74f2ad
--- /dev/null
+++ b/src/main/webapp/publish/service4_2.html
@@ -0,0 +1,178 @@
+<!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 active"><button type="button" onclick="location.href='/publish/service1.html'">공지사항</button></li>
+                    <li class="tab"><button type="button" onclick="location.href='/publish/service2.html'">이용약관</button></li>
+                    <li class="tab"><button type="button" onclick="location.href='/publish/service3.html'">자주하는 질문</button></li>
+                    <li class="tab"><button type="button" onclick="location.href='/publish/service4.html'">1:1 문의</button></li>
+                    <li class="tab"><button type="button" onclick="location.href='/publish/service6.html'">불편신고</button></li>
+                    <li class="tab"><button type="button" onclick="location.href='/publish/service5.html'">이벤트</button></li>
+
+                </ul>
+                <!--// tab button -->
+                <!-- 고객센터 - 1:1문의 -->
+                <div class="serv_content current" id="tab5_4">
+                    <div class="heading">
+                        <h2>1:1문의</h2>
+                    </div>
+                    <div class="mem_cont_in">
+                        <div class="input_list listType1">
+                            <div class="input_list_item bis_status">
+                                <div class="input_left">이메일</div>
+                                <div class="input_right">
+                                    <label for="emailId" class="label">이메일 주소 앞자리</label>
+                                    <input type="text" id="emailId" value="dhgksk99" class="list_inputType1" disabled="">
+                                    <span>@</span>
+                                    <label for="emailDomain" class="label">이메일 주소 뒷자리</label>
+                                    <input type="text" id="emailDomain" value="naver.com" class="list_inputType1" disabled="">
+                                </div>
+                            </div>
+                            <div class="input_list_item">
+                                <div class="input_left">휴대폰</div>
+                                <div class="input_right">
+                                    <label for="moblphonNo" class="label">휴대폰</label>
+                                    <input type="text" class="list_inputType1" id="moblphonNo" value="01057058729" disabled="">
+                                </div>
+                            </div>
+
+                            <div class="input_list_item">
+                                <div class="input_left">구분</div>
+                                <div class="input_right">
+                                    <label for="bbsId" class="label">구분 선택</label>
+                                    <select class="list_selType1" name="bbsId" id="bbsId">
+
+                                        <option value="BBSMSTR_000000000691">충전/결제</option>
+
+                                        <option value="BBSMSTR_000000000692">회원정보</option>
+
+                                        <option value="BBSMSTR_000000000693">문자발송</option>
+
+                                        <option value="BBSMSTR_000000000694">주소록</option>
+
+                                        <option value="BBSMSTR_000000000695">맞춤제작</option>
+
+                                        <option value="BBSMSTR_000000000701">기타</option>
+
+                                    </select>
+                                </div>
+                            </div>
+
+
+                            <div class="input_list_item">
+                                <div class="input_left">제목</div>
+                                <div class="input_right">
+                                    <label for="nttSj" class="label">문의사항 제목</label>
+                                    <input type="text" name="nttSj" id="nttSj" maxlength="1500" value="" class="list_inputType1" placeholder="문의사항 제목 입력" onfocus="this.placeholder=''" onblur="this.placeholder='문의사항 제목 입력 입력'">
+                                </div>
+                            </div>
+                            <div class="input_list_item textWrap">
+                                <div class="input_left">내용</div>
+                                <div>
+                                    <label for="nttCn" class="label">문의내용</label>
+                                    <textarea id="nttCn" name="nttCn"></textarea>
+                                </div>
+                            </div>
+                            <div class="input_list_item">
+                                <div class="input_left">첨부파일</div>
+                                <div class="input_right">
+                                    <input type="text" readonly="readonly" disabled="" size="20" id="atFileBasicWrite">
+                                    <input type="file" name="file" id="file" style="display:none" onchange="changeValue(this); return false;">
+                                    <div class="list_btn_wrap">
+                                        <button type="button" onclick="document.all.file.click(); return false;">파일선택</button>
+                                    </div>
+                                </div>
+                            </div>
+                            <ul class="clause_list">
+                                <li class="list_open">
+                                    <div class="clause_list_head">
+                                        <div class="list_head_in">
+                                            <div class="checkbox_wrap">
+                                                <input type="checkbox" name="agree2" id="agree2" title="회원가입 전체약관에 동의" class="joinCheckbox type2">
+                                                <label for="agree2"><span class="esn c_002c9a">[필수] </span><strong>개인정보 처리방침</strong></label>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="clause_list_body">
+                                        <div class="agree_text mCustomScrollbar _mCS_1 mCS_no_scrollbar" style="padding-top: 0px; position: relative; overflow: visible;">
+                                            <div id="mCSB_1" class="mCustomScrollBox mCS-dark mCSB_vertical mCSB_outside" style="max-height: none;" tabindex="0">
+                                                <div id="mCSB_1_container" class="mCSB_container mCS_y_hidden mCS_no_scrollbar_y" style="position:relative; top:0; left:0;" dir="ltr">
+
+                                                    <p class="tit_text">개인정보 수집 및 이용 안내</p>
+
+                                                    <p>주식회사 아이티앤은 개인정보처리방침 및 관련 법령을 준수하며, 고객님의 문의와 불편사항 처리를 위해 다음과 같이 개인정보를 수집·처리합니다.<br>
+                                                        <br>
+                                                        - 수집·이용 목적 : 고객 상담 및 문의 처리<br>
+                                                        - 수집·이용 항목 : 아이디, 성명, 이메일, 휴대폰번호<br>
+                                                        - 수집·이용 기간 : 12개월</p>
+
+                                                </div>
+                                            </div>
+                                            <div id="mCSB_1_scrollbar_vertical" class="mCSB_scrollTools mCSB_1_scrollbar mCS-dark mCSB_scrollTools_vertical" style="display: none;">
+                                                <div class="mCSB_draggerContainer">
+                                                    <div id="mCSB_1_dragger_vertical" class="mCSB_dragger" style="position: absolute; min-height: 30px; height: 0px; top: 0px;">
+                                                        <div class="mCSB_dragger_bar" style="line-height: 30px;"></div>
+                                                        <div class="mCSB_draggerRail"></div>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </li>
+                            </ul>
+                        </div>
+                        <div class="serv_btnWrap">
+                            <button type="button" onclick="javascript:fn_egov_regist_notice(); return false;">등록</button>
+                            <button type="button" onclick="javascript:fn_egov_select_noticeList(); return false;">취소</button>
+                        </div>
+                    </div>
+                </div>
+                <!--// 고객센터 - 1:1문의 -->
+
+            </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
diff --git a/src/main/webapp/publish/service5.html b/src/main/webapp/publish/service5.html
index 7f944ada..28ae591b 100644
--- a/src/main/webapp/publish/service5.html
+++ b/src/main/webapp/publish/service5.html
@@ -27,151 +27,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">
@@ -180,12 +36,14 @@
             <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"><button type="button" onclick="TabType5(this,'4');">1:1 문의</button></li>
-                    <li class="tab active"><button type="button" onclick="TabType5(this,'5');">이벤트</button></li>
-                </ul><!--// tab button -->
+                    <li class="tab"><button type="button" onclick="location.href='/publish/service1.html'">공지사항</button></li>
+                    <li class="tab"><button type="button" onclick="location.href='/publish/service2.html'">이용약관</button></li>
+                    <li class="tab"><button type="button" onclick="location.href='/publish/service3.html'">자주하는 질문</button></li>
+                    <li class="tab"><button type="button" onclick="location.href='/publish/service4.html'">1:1 문의</button></li>
+                    <li class="tab"><button type="button" onclick="location.href='/publish/service6.html'">불편신고</button></li>
+                    <li class="tab active"><button type="button" onclick="location.href='/publish/service5.html'">이벤트</button></li>
+                </ul>
+                <!--// tab button -->
 				<!-- 고객센터 - 이벤트 -->
                 <div class="serv_content current" id="tab5_5">
                     <div class="heading">
@@ -228,9 +86,8 @@
                         <div class="list_tab_wrap">
                             <!-- 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');">진행중</button></li>
-                                <li class="tab"><button type="button" onclick="listTab(this,'3');">종료</button></li>
+                                <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 -->
                             <select name="" id="" class="selType2">
                                 <option value="">2줄보기</option>
@@ -365,37 +222,7 @@
         </div>
     </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>
diff --git a/src/main/webapp/publish/service6.html b/src/main/webapp/publish/service6.html
index f05082b8..b5677cca 100644
--- a/src/main/webapp/publish/service6.html
+++ b/src/main/webapp/publish/service6.html
@@ -15,163 +15,20 @@
     <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>
+    <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">
@@ -180,219 +37,198 @@
             <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');">1:1 문의</button></li>
-                    <li class="tab"><button type="button" onclick="TabType5(this,'5');">이벤트</button></li>
-                </ul><!--// tab button -->
-				<!-- 고객센터 - 공지사항 -->
+                    <li class="tab"><button type="button" onclick="location.href='/publish/service1.html'">공지사항</button></li>
+                    <li class="tab"><button type="button" onclick="location.href='/publish/service2.html'">이용약관</button></li>
+                    <li class="tab"><button type="button" onclick="location.href='/publish/service3.html'">자주하는 질문</button></li>
+                    <li class="tab"><button type="button" onclick="location.href='/publish/service4.html'">1:1 문의</button></li>
+                    <li class="tab active"><button type="button" onclick="location.href='/publish/service6.html'">불편신고</button></li>
+                    <li class="tab"><button type="button" onclick="location.href='/publish/service5.html'">이벤트</button></li>
+
+                </ul>
+                <!--// tab button -->
+                <!-- 고객센터 - 1:1문의 -->
                 <div class="serv_content current" id="tab5_4">
                     <div class="heading">
-                        <h2>1:1 문의</h2>
+                        <h2>불편신고</h2>
                     </div>
-                    <div>
-                        <div class="search_wrap clearfix">
-                            <div class="btn_left">
-                                <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_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" class="btnType btnType2"><img src="/publish/images/content/searchW.png" alt="검색"></button>
-                            </div>
-                            <div class="btn_right2">
-                                <label for="" class="label">검색조건 선택</label>
-                                <select name="" id="" class="selType2">
-                                    <option value="">전체</option>
-                                    <option value="">전체</option>
-                                    <option value="">전체</option>
-                                </select>
-                                <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 class="titBox">
+                        <p>- 문자온 서비스 이용 관련 불편사항이나 기능 개선사항, 기타 건의사항 등을 올려주시면 신속하게 개선 및 보완하겠습니다.</p>
+                    </div>
+
+                    <div class="search_wrap clearfix">
+                        <div class="btn_left">
+                            <span>· 기간</span>
+                            <div class="calendar_wrap">
+                                <input type="text" class="startDate inp calendar picker__input picker__input--active" title="검색 시작일" id="startDate" name="startDate" value="" data-datecontrol="true" readonly="" aria-haspopup="true" aria-expanded="true" 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 btnType2" onclick="javascript:linkPage('1'); return false;"><img src="/publish/images/content/searchW.png" alt="검색"></button>
                         </div>
-                        <div class="list_tab_wrap">
-                            <!-- 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');">충전/결제</button></li>
-                                <li class="tab"><button type="button" onclick="listTab(this,'3');">회원정보</button></li>
-                                <li class="tab"><button type="button" onclick="listTab(this,'4');">문자발송</button></li>
-                                <li class="tab"><button type="button" onclick="listTab(this,'5');">주소록</button></li>
-                                <li class="tab"><button type="button" onclick="listTab(this,'6');">맞춤제작</button></li>
-                                <li class="tab"><button type="button" onclick="listTab(this,'7');">기타</button></li>
-                            </ul><!--// tab button -->
-                            <select name="" id="" class="selType2">
-                                <option value="">2줄보기</option>
-                                <option value="">4줄보기</option>
-                                <option value="">6줄보기</option>
+                        <div class="btn_right2">
+                            <label for="searchSel" class="label">검색조건 선택</label>
+                            <select name="searchCnd" id="searchSel" class="selType2">
+                                <option value="" selected="selected">전체</option>
+                                <option value="0">제목</option>
+                                <option value="1">내용</option>
                             </select>
-                        </div>
-                        <div class="list_cont current" id="listTab_1">
-                            <table class="board_list">
-                                <caption>1:1문의 목록으로 번호, 구분, 제목, 등록일자, 처리상태 제공 </caption>
-                                <colgroup>
-                                    <col style="width: 8%;">
-                                    <col style="width: 12%;">
-                                    <col style="width: auto;">
-                                    <col style="width: 13%;">
-                                    <col style="width: 13%;">
-                                </colgroup>
-                                <thead>
-                                    <tr>
-                                        <th scope="row">번호</th>
-                                        <th scope="row">구분</th>
-                                        <th scope="row">제목</th>
-                                        <th scope="row">등록일자</th>
-                                        <th scope="row">처리상태</th>
-                                    </tr>
-                                </thead>
-                                <tbody>
-                                    <tr>
-                                        <td>30</td>
-                                        <td>[정기점검]</td>
-                                        <td class="list_link">충전이 안되요.</td>
-                                        <td>2021-04-15</td>
-                                        <td><span class="waitA">답변대기</span></td>
-                                    </tr>
-                                    <tr>
-                                        <td>29</td>
-                                        <td>[기능개선]</td>
-                                        <td class="list_link">하루에 최대 얼마까지 충전 가능한가요?</td>
-                                        <td>2021-04-15</td>
-                                        <td><span class="completeA">답변완료</span></td>
-                                    </tr>
-                                    <tr>
-                                        <td>29</td>
-                                        <td>[기능개선]</td>
-                                        <td class="list_link">하루에 최대 얼마까지 충전 가능한가요?</td>
-                                        <td>2021-04-15</td>
-                                        <td><span class="completeA">답변완료</span></td>
-                                    </tr>
-                                    <tr>
-                                        <td>29</td>
-                                        <td>[기능개선]</td>
-                                        <td class="list_link">하루에 최대 얼마까지 충전 가능한가요?</td>
-                                        <td>2021-04-15</td>
-                                        <td><span class="completeA">답변완료</span></td>
-                                    </tr>
-                                    <tr>
-                                        <td>29</td>
-                                        <td>[기능개선]</td>
-                                        <td class="list_link">하루에 최대 얼마까지 충전 가능한가요?</td>
-                                        <td>2021-04-15</td>
-                                        <td><span class="completeA">답변완료</span></td>
-                                    </tr>
-                                    <tr>
-                                        <td>29</td>
-                                        <td>[기능개선]</td>
-                                        <td class="list_link">하루에 최대 얼마까지 충전 가능한가요?</td>
-                                        <td>2021-04-15</td>
-                                        <td><span class="completeA">답변완료</span></td>
-                                    </tr>
-                                    <tr>
-                                        <td>29</td>
-                                        <td>[기능개선]</td>
-                                        <td class="list_link">하루에 최대 얼마까지 충전 가능한가요?</td>
-                                        <td>2021-04-15</td>
-                                        <td><span class="completeA">답변완료</span></td>
-                                    </tr>
-                                    <tr>
-                                        <td>29</td>
-                                        <td>[기능개선]</td>
-                                        <td class="list_link">하루에 최대 얼마까지 충전 가능한가요?</td>
-                                        <td>2021-04-15</td>
-                                        <td><span class="completeA">답변완료</span></td>
-                                    </tr>
-                                    <tr>
-                                        <td>29</td>
-                                        <td>[기능개선]</td>
-                                        <td class="list_link">하루에 최대 얼마까지 충전 가능한가요?</td>
-                                        <td>2021-04-15</td>
-                                        <td><span class="completeA">답변완료</span></td>
-                                    </tr>
-                                    <tr>
-                                        <td>29</td>
-                                        <td>[기능개선]</td>
-                                        <td class="list_link">하루에 최대 얼마까지 충전 가능한가요?</td>
-                                        <td>2021-04-15</td>
-                                        <td><span class="completeA">답변완료</span></td>
-                                    </tr>
-                                </tbody>
-                            </table>
-                            <div class="list_btnWrap">
-                                <button type="button" class="btnType btnType18">문의등록</button>
+                            <div class="search">
+                                <label for="id" class="label"></label>
+                                <input type="text" name="searchWrd" id="id" placeholder="검색어를 입력하세요." onfocus="this.placeholder=''" onblur="this.placeholder='검색어를 입력하세요.'" value="">
+                                <button type="button" class="btnType btnType2" onclick="javascript:linkPage('1'); return false;">검색</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 영역 -->
-    <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 class="list_tab_wrap" style="height: 31px;">
+                        <ul class="list_tab"></ul>
+                        <select name="pageUnit" id="pageUnit" class="selType2" title="검색조건선택" onchange="linkPage(1);">
+                            <option value="10" selected="">10줄</option>
+                            <option value="20">20줄</option>
+                            <option value="30">30줄</option>
+                        </select>
                     </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="list_cont" id="listTab_1">
+                        <table class="board_list">
+                            <caption>공지사항 목록으로 번호, 구분, 제목, 작성자, 득록일자, 첨부파일 조회수 제공 </caption>
+                            <colgroup>
+                                <col style="width: 8%;">
+                                <col style="width: 12%;">
+                                <col style="width: auto;">
+                                <col style="width: 13%;">
+                                <col style="width: 13%;">
+                            </colgroup>
+                            <thead>
+                                <tr>
+                                    <th scope="row">번호
+                                        <div class="sort_wrap">
+                                            <input type="button" class="sort sortBtn" id="sort_bbsId">
+                                        </div>
+                                    </th>
+                                    <th scope="row">구분
+                                        <div class="sort_wrap">
+                                            <input type="button" class="sort sortBtn" id="sort_bbsNm">
+                                        </div>
+                                    </th>
+                                    <th scope="row">제목
+                                        <div class="sort_wrap">
+                                            <input type="button" class="sort sortBtn" id="sort_nttSj">
+                                        </div>
+                                    </th>
+                                    <th scope="row">등록일자
+                                        <div class="sort_wrap">
+                                            <input type="button" class="sort sortBtn" id="sort_frstRegisterPnttm">
+                                        </div>
+                                    </th>
+                                    <th scope="row">처리상태
+                                        <div class="sort_wrap">
+                                            <input type="button" class="sort sortBtn" id="sort_answerCnt">
+                                        </div>
+                                    </th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                <tr class="row">
+                                    <td colspan="5">
+                                        검색된 내용이 없습니다.
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td>30</td>
+                                    <td>[정기점검]</td>
+                                    <td class="list_link">충전이 안되요.</td>
+                                    <td>2021-04-15</td>
+                                    <td><span class="waitA">답변대기</span></td>
+                                </tr>
+                                <tr>
+                                    <td>29</td>
+                                    <td>[기능개선]</td>
+                                    <td class="list_link">하루에 최대 얼마까지 충전 가능한가요?</td>
+                                    <td>2021-04-15</td>
+                                    <td><span class="completeA">답변완료</span></td>
+                                </tr>
+                                <tr>
+                                    <td>29</td>
+                                    <td>[기능개선]</td>
+                                    <td class="list_link">하루에 최대 얼마까지 충전 가능한가요?</td>
+                                    <td>2021-04-15</td>
+                                    <td><span class="completeA">답변완료</span></td>
+                                </tr>
+                                <tr>
+                                    <td>29</td>
+                                    <td>[기능개선]</td>
+                                    <td class="list_link">하루에 최대 얼마까지 충전 가능한가요?</td>
+                                    <td>2021-04-15</td>
+                                    <td><span class="completeA">답변완료</span></td>
+                                </tr>
+                                <tr>
+                                    <td>29</td>
+                                    <td>[기능개선]</td>
+                                    <td class="list_link">하루에 최대 얼마까지 충전 가능한가요?</td>
+                                    <td>2021-04-15</td>
+                                    <td><span class="completeA">답변완료</span></td>
+                                </tr>
+                                <tr>
+                                    <td>29</td>
+                                    <td>[기능개선]</td>
+                                    <td class="list_link">하루에 최대 얼마까지 충전 가능한가요?</td>
+                                    <td>2021-04-15</td>
+                                    <td><span class="completeA">답변완료</span></td>
+                                </tr>
+                                <tr>
+                                    <td>29</td>
+                                    <td>[기능개선]</td>
+                                    <td class="list_link">하루에 최대 얼마까지 충전 가능한가요?</td>
+                                    <td>2021-04-15</td>
+                                    <td><span class="completeA">답변완료</span></td>
+                                </tr>
+                                <tr>
+                                    <td>29</td>
+                                    <td>[기능개선]</td>
+                                    <td class="list_link">하루에 최대 얼마까지 충전 가능한가요?</td>
+                                    <td>2021-04-15</td>
+                                    <td><span class="completeA">답변완료</span></td>
+                                </tr>
+                                <tr>
+                                    <td>29</td>
+                                    <td>[기능개선]</td>
+                                    <td class="list_link">하루에 최대 얼마까지 충전 가능한가요?</td>
+                                    <td>2021-04-15</td>
+                                    <td><span class="completeA">답변완료</span></td>
+                                </tr>
+                                <tr>
+                                    <td>29</td>
+                                    <td>[기능개선]</td>
+                                    <td class="list_link">하루에 최대 얼마까지 충전 가능한가요?</td>
+                                    <td>2021-04-15</td>
+                                    <td><span class="completeA">답변완료</span></td>
+                                </tr>
+                            </tbody>
+                        </table>
+                        <div class="list_btnWrap">
+                            <button type="button" class="btnType btnType18" onclick="location.href='/publish/service4_2.html'">문의등록</button>
                         </div>
+                        <!-- pagination -->
+                        <ul class="pagination">
+                            <li class="on"><button type="button"><a href="#" title="현재페이지">1</a></button></li>
+
+                        </ul><!-- //pageWrap -->
                     </div>
+
+
                 </div>
+                <!--// 고객센터 - 1:1문의 -->
+
             </div>
+            <!--// send top -->
         </div>
-    </footer><!--// footer 영역 -->
-</body></html>
+    </div>
+    <!--// content 영역 -->
+    <!-- footer 영역 -->
+    <!-- footer -->
+    <div data-include-path="/publish/layout/_footer.html"></div>
+    <!--// footer 영역 -->
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/main/webapp/publish/service7.html b/src/main/webapp/publish/service7.html
index 7a0eefc4..32ac5167 100644
--- a/src/main/webapp/publish/service7.html
+++ b/src/main/webapp/publish/service7.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">
@@ -277,37 +133,7 @@
         </div>
     </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>
diff --git a/src/main/webapp/publish/sub1.html b/src/main/webapp/publish/sub1.html
index 8e02b947..e8d46e7b 100644
--- a/src/main/webapp/publish/sub1.html
+++ b/src/main/webapp/publish/sub1.html
@@ -2,34 +2,94 @@
 <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/font.css">
-    <link rel="stylesheet" href="/publish/css/popupLayer.css">
-    <!-- <link rel="stylesheet" href="/publish/css/adrbook.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/stickyfill.min.js"></script> -->
-    <script src="/publish/js/s.js"></script>
-    <script src="/publish/js/common.js"></script>
-    <script src="/publish/js/content.js"></script>
-    <script src="/publish/js/calendar.js"></script>
+	<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/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/popup.js"></script>
 	<script src="/publish/js/popupLayer.js"></script>
-    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
+	<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.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']").click(function () {
+				if ($(this).val() == "Y") {
+					$(".rev_selected").show();
+					$(".send_rev .send_content").css("padding-bottom", "0");
+				} else {
+					$(".rev_selected").hide();
+					$(".send_rev .send_content").removeAttr("style");
+				}
+
+			})
+		})
+
+		// 상단 설명 더보기 
+		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>
+
+	<div class="tooltip-wrap" style="z-index:105;">
+		<div class="popup-com adr_layer rev_popup01" tabindex="0" data-tooltip-con="rev_popup01" data-focus="rev_popup01" data-focus-prev="rev_popup01-close" style="width: 440px;">
+			<div class="popup_heading">
+				<p>문자내용</p>
+				<button type="button" class="tooltip-close" data-focus="rev_popup01-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
+			</div>
+			<div class="layer_in" id="msgSentDetailPopLoad" style="padding-bottom: 0px;">
+				<div class="rev_pop_in">
+					<div class="rev_pop_middle clearfix">
+						<span>발송일시 : </span><br>
+						<span class="msg_com msg_short">SMS</span>
+					</div>
+					<div class="rev_pop_txt">
+						<div>
+							<p class="rev_cont">
+								문자 테스트~![*이름*]
+							</p>
+						</div>
+					</div>
+				</div>
+			</div>
+			<div class="popup_btn_wrap2" style="justify-content: center; margin-bottom: 30px;">
+				<button type="button" class="tooltip-close" data-focus="rev_popup01-close" data-focus-next="rev_popup01">닫기</button>
+			</div>
+		</div>
+	</div>
 
 	<!--  전송내역 팝업 -->
 	<div class="tooltip-wrap">
@@ -40,10 +100,11 @@
 			</div>
 			<div class="layer_in">
 				<!-- tab button -->
-				<ul class="tabType6"> 
+				<ul class="tabType6">
 					<li class="tab active"><button type="button" onclick="TabType(this,'1');">최근 전송내역</button></li>
 					<li class="tab"><button type="button" onclick="TabType(this,'2');">자주보내는 번호</button></li>
-				</ul><!--// tab button -->
+				</ul>
+				<!--// tab button -->
 				<!-- 최근 전송내역 -->
 				<div class="history_cont current hascont">
 					<div class="histroy_trans" id="latestMsgArea">
@@ -52,111 +113,112 @@
 								<input type="checkbox" id="">
 								<label for="" class="label">최근 전송내역</label>
 								<p>010-1234-5678</p>
-								<button type="button"><img src="/publish/images/popup/close3.png"  alt="전화번호 삭제"></button>
+								<button type="button"><img src="/publish/images/popup/close3.png" alt="전화번호 삭제"></button>
 							</li>
 							<li>
 								<input type="checkbox" id="">
 								<label for="" class="label">최근 전송내역</label>
 								<p>010-1234-5678</p>
-								<button type="button"><img src="/publish/images/popup/close3.png"  alt="전화번호 삭제"></button>
+								<button type="button"><img src="/publish/images/popup/close3.png" alt="전화번호 삭제"></button>
 							</li>
 							<li>
 								<input type="checkbox" id="">
 								<label for="" class="label">최근 전송내역</label>
 								<p>010-1234-5678</p>
-								<button type="button"><img src="/publish/images/popup/close3.png"  alt="전화번호 삭제"></button>
+								<button type="button"><img src="/publish/images/popup/close3.png" alt="전화번호 삭제"></button>
 							</li>
 							<li>
 								<input type="checkbox" id="">
 								<label for="" class="label">최근 전송내역</label>
 								<p>010-1234-5678</p>
-								<button type="button"><img src="/publish/images/popup/close3.png"  alt="전화번호 삭제"></button>
+								<button type="button"><img src="/publish/images/popup/close3.png" alt="전화번호 삭제"></button>
 							</li>
 							<li>
 								<input type="checkbox" id="">
 								<label for="" class="label">최근 전송내역</label>
 								<p>010-1234-5678</p>
-								<button type="button"><img src="/publish/images/popup/close3.png"  alt="전화번호 삭제"></button>
+								<button type="button"><img src="/publish/images/popup/close3.png" alt="전화번호 삭제"></button>
 							</li>
 							<li>
 								<input type="checkbox" id="">
 								<label for="" class="label">최근 전송내역</label>
 								<p>010-1234-5678</p>
-								<button type="button"><img src="/publish/images/popup/close3.png"  alt="전화번호 삭제"></button>
+								<button type="button"><img src="/publish/images/popup/close3.png" alt="전화번호 삭제"></button>
 							</li>
 							<li>
 								<input type="checkbox" id="">
 								<label for="" class="label">최근 전송내역</label>
 								<p>010-1234-5678</p>
-								<button type="button"><img src="/publish/images/popup/close3.png"  alt="전화번호 삭제"></button>
+								<button type="button"><img src="/publish/images/popup/close3.png" alt="전화번호 삭제"></button>
 							</li>
 							<li>
 								<input type="checkbox" id="">
 								<label for="" class="label">최근 전송내역</label>
 								<p>010-1234-5678</p>
-								<button type="button"><img src="/publish/images/popup/close3.png"  alt="전화번호 삭제"></button>
+								<button type="button"><img src="/publish/images/popup/close3.png" alt="전화번호 삭제"></button>
 							</li>
 							<li>
 								<input type="checkbox" id="">
 								<label for="" class="label">최근 전송내역</label>
 								<p>010-1234-5678</p>
-								<button type="button"><img src="/publish/images/popup/close3.png"  alt="전화번호 삭제"></button>
+								<button type="button"><img src="/publish/images/popup/close3.png" alt="전화번호 삭제"></button>
 							</li>
 							<li>
 								<input type="checkbox" id="">
 								<label for="" class="label">최근 전송내역</label>
 								<p>010-1234-5678</p>
-								<button type="button"><img src="/publish/images/popup/close3.png"  alt="전화번호 삭제"></button>
+								<button type="button"><img src="/publish/images/popup/close3.png" alt="전화번호 삭제"></button>
 							</li>
 							<li>
 								<input type="checkbox" id="">
 								<label for="" class="label">최근 전송내역</label>
 								<p>010-1234-5678</p>
-								<button type="button"><img src="/publish/images/popup/close3.png"  alt="전화번호 삭제"></button>
+								<button type="button"><img src="/publish/images/popup/close3.png" alt="전화번호 삭제"></button>
 							</li>
 							<li>
 								<input type="checkbox" id="">
 								<label for="" class="label">최근 전송내역</label>
 								<p>010-1234-5678</p>
-								<button type="button"><img src="/publish/images/popup/close3.png"  alt="전화번호 삭제"></button>
+								<button type="button"><img src="/publish/images/popup/close3.png" alt="전화번호 삭제"></button>
 							</li>
 							<li>
 								<input type="checkbox" id="">
 								<label for="" class="label">최근 전송내역</label>
 								<p>010-1234-5678</p>
-								<button type="button"><img src="/publish/images/popup/close3.png"  alt="전화번호 삭제"></button>
+								<button type="button"><img src="/publish/images/popup/close3.png" alt="전화번호 삭제"></button>
 							</li>
 							<li>
 								<input type="checkbox" id="">
 								<label for="" class="label">최근 전송내역</label>
 								<p>010-1234-5678</p>
-								<button type="button"><img src="/publish/images/popup/close3.png"  alt="전화번호 삭제"></button>
+								<button type="button"><img src="/publish/images/popup/close3.png" alt="전화번호 삭제"></button>
 							</li>
 							<li>
 								<input type="checkbox" id="">
 								<label for="" class="label">최근 전송내역</label>
 								<p>010-1234-5678</p>
-								<button type="button"><img src="/publish/images/popup/close3.png"  alt="전화번호 삭제"></button>
+								<button type="button"><img src="/publish/images/popup/close3.png" alt="전화번호 삭제"></button>
 							</li>
 							<li>
 								<input type="checkbox" id="">
 								<label for="" class="label">최근 전송내역</label>
 								<p>010-1234-5678</p>
-								<button type="button"><img src="/publish/images/popup/close3.png"  alt="전화번호 삭제"></button>
+								<button type="button"><img src="/publish/images/popup/close3.png" alt="전화번호 삭제"></button>
 							</li>
 							<li>
 								<input type="checkbox" id="">
 								<label for="" class="label">최근 전송내역</label>
 								<p>010-1234-5678</p>
-								<button type="button"><img src="/publish/images/popup/close3.png"  alt="전화번호 삭제"></button>
+								<button type="button"><img src="/publish/images/popup/close3.png" alt="전화번호 삭제"></button>
 							</li>
 						</ul>
 					</div>
 					<div class="popup_btn_wrap2 hisroy_btn">
 						<button type="button">선택추가</button>
-						<button type="button">선택취소</button>                      
+						<button type="button">선택취소</button>
 					</div>
-				</div><!--// 최근 전송내역 -->
+				</div>
+				<!--// 최근 전송내역 -->
 				<!-- 자주보내는 번호 -->
 				<div class="history_cont hascont">
 					<div class="histroy_trans" id="bookMarkMsgArea">
@@ -165,151 +227,282 @@
 								<input type="checkbox" id="">
 								<label for="" class="label">최근 전송내역</label>
 								<p>010-1234-5678</p>
-								<button type="button"><img src="/publish/images/popup/close3.png"  alt="전화번호 삭제"></button>
+								<button type="button"><img src="/publish/images/popup/close3.png" alt="전화번호 삭제"></button>
 							</li>
 							<li>
 								<input type="checkbox" id="">
 								<label for="" class="label">최근 전송내역</label>
 								<p>010-1234-5678</p>
-								<button type="button"><img src="/publish/images/popup/close3.png"  alt="전화번호 삭제"></button>
+								<button type="button"><img src="/publish/images/popup/close3.png" alt="전화번호 삭제"></button>
 							</li>
 							<li>
 								<input type="checkbox" id="">
 								<label for="" class="label">최근 전송내역</label>
 								<p>010-1234-5678</p>
-								<button type="button"><img src="/publish/images/popup/close3.png"  alt="전화번호 삭제"></button>
+								<button type="button"><img src="/publish/images/popup/close3.png" alt="전화번호 삭제"></button>
 							</li>
 							<li>
 								<input type="checkbox" id="">
 								<label for="" class="label">최근 전송내역</label>
 								<p>010-1234-5678</p>
-								<button type="button"><img src="/publish/images/popup/close3.png"  alt="전화번호 삭제"></button>
+								<button type="button"><img src="/publish/images/popup/close3.png" alt="전화번호 삭제"></button>
 							</li>
 							<li>
 								<input type="checkbox" id="">
 								<label for="" class="label">최근 전송내역</label>
 								<p>010-1234-5678</p>
-								<button type="button"><img src="/publish/images/popup/close3.png"  alt="전화번호 삭제"></button>
+								<button type="button"><img src="/publish/images/popup/close3.png" alt="전화번호 삭제"></button>
 							</li>
 							<li>
 								<input type="checkbox" id="">
 								<label for="" class="label">최근 전송내역</label>
 								<p>010-1234-5678</p>
-								<button type="button"><img src="/publish/images/popup/close3.png"  alt="전화번호 삭제"></button>
+								<button type="button"><img src="/publish/images/popup/close3.png" alt="전화번호 삭제"></button>
 							</li>
 							<li>
 								<input type="checkbox" id="">
 								<label for="" class="label">최근 전송내역</label>
 								<p>010-1234-5678</p>
-								<button type="button"><img src="/publish/images/popup/close3.png"  alt="전화번호 삭제"></button>
+								<button type="button"><img src="/publish/images/popup/close3.png" alt="전화번호 삭제"></button>
 							</li>
 							<li>
 								<input type="checkbox" id="">
 								<label for="" class="label">최근 전송내역</label>
 								<p>010-1234-5678</p>
-								<button type="button"><img src="/publish/images/popup/close3.png"  alt="전화번호 삭제"></button>
+								<button type="button"><img src="/publish/images/popup/close3.png" alt="전화번호 삭제"></button>
 							</li>
 							<li>
 								<input type="checkbox" id="">
 								<label for="" class="label">최근 전송내역</label>
 								<p>010-1234-5678</p>
-								<button type="button"><img src="/publish/images/popup/close3.png"  alt="전화번호 삭제"></button>
+								<button type="button"><img src="/publish/images/popup/close3.png" alt="전화번호 삭제"></button>
 							</li>
 							<li>
 								<input type="checkbox" id="">
 								<label for="" class="label">최근 전송내역</label>
 								<p>010-1234-5678</p>
-								<button type="button"><img src="/publish/images/popup/close3.png"  alt="전화번호 삭제"></button>
+								<button type="button"><img src="/publish/images/popup/close3.png" alt="전화번호 삭제"></button>
 							</li>
 							<li>
 								<input type="checkbox" id="">
 								<label for="" class="label">최근 전송내역</label>
 								<p>010-1234-5678</p>
-								<button type="button"><img src="/publish/images/popup/close3.png"  alt="전화번호 삭제"></button>
+								<button type="button"><img src="/publish/images/popup/close3.png" alt="전화번호 삭제"></button>
 							</li>
 							<li>
 								<input type="checkbox" id="">
 								<label for="" class="label">최근 전송내역</label>
 								<p>010-1234-5678</p>
-								<button type="button"><img src="/publish/images/popup/close3.png"  alt="전화번호 삭제"></button>
+								<button type="button"><img src="/publish/images/popup/close3.png" alt="전화번호 삭제"></button>
 							</li>
 							<li>
 								<input type="checkbox" id="">
 								<label for="" class="label">최근 전송내역</label>
 								<p>010-1234-5678</p>
-								<button type="button"><img src="/publish/images/popup/close3.png"  alt="전화번호 삭제"></button>
+								<button type="button"><img src="/publish/images/popup/close3.png" alt="전화번호 삭제"></button>
 							</li>
 							<li>
 								<input type="checkbox" id="">
 								<label for="" class="label">최근 전송내역</label>
 								<p>010-1234-5678</p>
-								<button type="button"><img src="/publish/images/popup/close3.png"  alt="전화번호 삭제"></button>
+								<button type="button"><img src="/publish/images/popup/close3.png" alt="전화번호 삭제"></button>
 							</li>
 							<li>
 								<input type="checkbox" id="">
 								<label for="" class="label">최근 전송내역</label>
 								<p>010-1234-5678</p>
-								<button type="button"><img src="/publish/images/popup/close3.png"  alt="전화번호 삭제"></button>
+								<button type="button"><img src="/publish/images/popup/close3.png" alt="전화번호 삭제"></button>
 							</li>
 							<li>
 								<input type="checkbox" id="">
 								<label for="" class="label">최근 전송내역</label>
 								<p>010-1234-5678</p>
-								<button type="button"><img src="/publish/images/popup/close3.png"  alt="전화번호 삭제"></button>
+								<button type="button"><img src="/publish/images/popup/close3.png" alt="전화번호 삭제"></button>
 							</li>
 							<li>
 								<input type="checkbox" id="">
 								<label for="" class="label">최근 전송내역</label>
 								<p>010-1234-5678</p>
-								<button type="button"><img src="/publish/images/popup/close3.png"  alt="전화번호 삭제"></button>
+								<button type="button"><img src="/publish/images/popup/close3.png" alt="전화번호 삭제"></button>
 							</li>
 						</ul>
 					</div>
 					<div class="popup_btn_wrap2 hisroy_btn">
 						<button type="button">선택추가</button>
-						<button type="button">선택취소</button>                      
+						<button type="button">선택취소</button>
 					</div>
-				</div><!--// 자주보내는 번호  -->         
+				</div>
+				<!--// 자주보내는 번호  -->
 			</div>
 		</div>
-	</div><!--// 전송내역 팝업 -->
+	</div>
+	<!--// 전송내역 팝업 -->
 
 	<!-- 엑셀 불러오기 -->
 	<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>
+				<!--// 엑셀입력 -->
+
+				<!-- 공통 -->
+				<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>
+	<!--// 엑셀 불러오기 -->
 
 	<!-- 주소록 불러오기 -->
 	<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">
+		<div class="popup-com import_layer adr_call_popup popup06" tabindex="0" data-tooltip-con="popup06" data-focus="popup06" data-focus-prev="popup06-close" style="width: 1000px">
 			<div class="popup_heading">
 				<p><span>주소록 불러오기</p>
 				<button type="button" class="tooltip-close" data-focus="popup06-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
@@ -371,9 +564,9 @@
 								</div>
 							</div>
 						</div>
-						<div class="popup_btn">
+						<!-- <div class="popup_btn">
 							<button type="button" class="btnType">선택 그룹 추가</button>
-						</div>
+						</div> -->
 					</div>
 					<div class="adr_pop_right">
 						<div class="clearfix">
@@ -383,7 +576,7 @@
 									<option>전체</option>
 								</select>
 								<label for="" class="label">검색어 입력</label>
-								<input type="text" placeholder="검색어를 입력하세요"  onfocus="this.placeholder=''" onblur="this.placeholder='검색어를 입력하세요'" >
+								<input type="text" placeholder="검색어를 입력하세요" onfocus="this.placeholder=''" onblur="this.placeholder='검색어를 입력하세요'">
 								<button type="button" class="btnType btnType17">검색</button>
 							</div>
 							<!-- table -->
@@ -397,22 +590,22 @@
 									<div>
 										그룹명
 										<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 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 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*]</div>
@@ -425,7 +618,7 @@
 									<div class="adr_bd">
 										<div>
 											<label for="" class="label">한 줄 선택</label>
-											<input type="checkbox"> 
+											<input type="checkbox">
 										</div>
 										<div>가족</div>
 										<div>홍길동</div>
@@ -438,7 +631,7 @@
 									<div class="adr_bd">
 										<div>
 											<label for="" class="label">한 줄 선택</label>
-											<input type="checkbox"> 
+											<input type="checkbox">
 										</div>
 										<div>가족</div>
 										<div>홍길동</div>
@@ -451,7 +644,7 @@
 									<div class="adr_bd">
 										<div>
 											<label for="" class="label">한 줄 선택</label>
-											<input type="checkbox"> 
+											<input type="checkbox">
 										</div>
 										<div>가족</div>
 										<div>홍길동</div>
@@ -464,7 +657,7 @@
 									<div class="adr_bd">
 										<div>
 											<label for="" class="label">한 줄 선택</label>
-											<input type="checkbox"> 
+											<input type="checkbox">
 										</div>
 										<div>가족</div>
 										<div>홍길동</div>
@@ -477,7 +670,7 @@
 									<div class="adr_bd">
 										<div>
 											<label for="" class="label">한 줄 선택</label>
-											<input type="checkbox"> 
+											<input type="checkbox">
 										</div>
 										<div>가족</div>
 										<div>홍길동</div>
@@ -490,7 +683,7 @@
 									<div class="adr_bd">
 										<div>
 											<label for="" class="label">한 줄 선택</label>
-											<input type="checkbox"> 
+											<input type="checkbox">
 										</div>
 										<div>가족</div>
 										<div>홍길동</div>
@@ -503,7 +696,7 @@
 									<div class="adr_bd">
 										<div>
 											<label for="" class="label">한 줄 선택</label>
-											<input type="checkbox"> 
+											<input type="checkbox">
 										</div>
 										<div>가족</div>
 										<div>홍길동</div>
@@ -516,7 +709,7 @@
 									<div class="adr_bd">
 										<div>
 											<label for="" class="label">한 줄 선택</label>
-											<input type="checkbox"> 
+											<input type="checkbox">
 										</div>
 										<div>가족</div>
 										<div>홍길동</div>
@@ -529,7 +722,7 @@
 									<div class="adr_bd">
 										<div>
 											<label for="" class="label">한 줄 선택</label>
-											<input type="checkbox"> 
+											<input type="checkbox">
 										</div>
 										<div>가족</div>
 										<div>홍길동</div>
@@ -542,7 +735,7 @@
 									<div class="adr_bd">
 										<div>
 											<label for="" class="label">한 줄 선택</label>
-											<input type="checkbox"> 
+											<input type="checkbox">
 										</div>
 										<div>가족</div>
 										<div>홍길동</div>
@@ -555,7 +748,7 @@
 									<div class="adr_bd">
 										<div>
 											<label for="" class="label">한 줄 선택</label>
-											<input type="checkbox"> 
+											<input type="checkbox">
 										</div>
 										<div>가족</div>
 										<div>홍길동</div>
@@ -568,7 +761,7 @@
 									<div class="adr_bd">
 										<div>
 											<label for="" class="label">한 줄 선택</label>
-											<input type="checkbox"> 
+											<input type="checkbox">
 										</div>
 										<div>가족</div>
 										<div>홍길동</div>
@@ -583,14 +776,16 @@
 							<!--// table -->
 						</div>
 						<div class="popup_btn_wrap2">
-							<button type="button">추가</button>
-							<button type="button" class="tooltip-close" data-focus="popup06-close"  data-focus-next="popup06">닫기</button>                      
+							<button type="button">전체추가</button>
+							<button type="button">선택추가</button>
+							<button type="button" class="tooltip-close" data-focus="popup06-close" data-focus-next="popup06">닫기</button>
 						</div>
 					</div>
 				</div>
 			</div>
 		</div>
-	</div><!--// 주소록 불러오기 -->
+	</div>
+	<!--// 주소록 불러오기 -->
 
 	<!--광고문자 관련법규 안내 팝업  -->
 	<div class="tooltip-wrap">
@@ -605,7 +800,8 @@
 					<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 -->
+					</ul>
+					<!--// tab button -->
 				</div>
 				<!-- 광고문자 전송규정 안내 -->
 				<div class="adpop_cont current" id="listTab2_1">
@@ -614,11 +810,11 @@
 							<p>의무사항</p>
 							<div>
 								<p>메시지 시작 부분에 (광고) 문구 표기<span>(광/고), (광 고), [광고], (00광고) 등과 같이 변칙
-									표기 금지</span></p>
+										표기 금지</span></p>
 								<p>업체명, 연락처, 무료거부 표기<span>“업체명”이 기재될 경우 연락처 및 무료거부 표기가
-									없더라도 100% 광고문자로 간주</span></p>
+										없더라도 100% 광고문자로 간주</span></p>
 								<p>광고문자 전송시간<span>오전 8시부터 오후 9시까지만 전송 가능<br>
-									※ 오후 9시 이후에는 광고문자 전송 불가</span></p>
+										※ 오후 9시 이후에는 광고문자 전송 불가</span></p>
 							</div>
 						</div>
 					</div>
@@ -641,7 +837,7 @@
 								<p>광고성 정보의 예외</p>
 								<p>· 구매한 재화 또는 서비스에 대한 보증, 제품 리콜, 안전 또는 보안 관련 정보<br>
 									· 고객의 요청에 의해 발송되는 1회성 정보<br>
-									· 수신자가 금전적 대가를 지불하고 신청한 정보 
+									· 수신자가 금전적 대가를 지불하고 신청한 정보
 								</p>
 							</div>
 							<div class="adpop1_bottom_in">
@@ -651,8 +847,8 @@
 									<div>
 										<p>제50조(영리목적의 광고성 정보 전송 제한)</p>
 										<p>① 누구든지 전자적 전송매체를 이용하여 영리목적의 광고성 정보를 전송하려면 그 수신자의 명시적인 사전 동의를 받아야한다. 다만, 다음 각 호의 어느 하나에 해당하는 경우에는 사전동의를 받지 아니한다.<br>
-										1. 재화 등의 거래관계를 통하여 수신자로부터 직접 연락처를 수집한 자가 대통령령으로 정한 기간 이내에 자신이 처리하고 수신자와 거래한 것과 동종의 재화 등에 대한 영리목적의 광고성 정보를 전송 하려는 경우<br>
-										2. “방문판매 등에 관한 법률”에 따른 전화권유판매자가 육성으로 수신자에게 개인정보의 수집출처를 고지하고 전화권유를 하는 경우</p>
+											1. 재화 등의 거래관계를 통하여 수신자로부터 직접 연락처를 수집한 자가 대통령령으로 정한 기간 이내에 자신이 처리하고 수신자와 거래한 것과 동종의 재화 등에 대한 영리목적의 광고성 정보를 전송 하려는 경우<br>
+											2. “방문판매 등에 관한 법률”에 따른 전화권유판매자가 육성으로 수신자에게 개인정보의 수집출처를 고지하고 전화권유를 하는 경우</p>
 									</div>
 								</div>
 								<div>
@@ -662,12 +858,15 @@
 										<p>① 법 제50조제1항제1호에서 “대통령령으로 정한 기간”이란 해당 재화 등의 거래가 종료된 날부터 6개월을 말한다.</p>
 									</div>
 								</div>
-								<div class="adpop1_bottom_req"><p>누구든지 전자적 전송매체를 이용해 영리목적의 광고성 정보를 전송하는 경우<br>
-									정보통신망법 제50조에서 정한 의무를 준수하여야 함</p></div>
+								<div class="adpop1_bottom_req">
+									<p>누구든지 전자적 전송매체를 이용해 영리목적의 광고성 정보를 전송하는 경우<br>
+										정보통신망법 제50조에서 정한 의무를 준수하여야 함</p>
+								</div>
 							</div>
 						</div>
 					</div>
-				</div><!--// 광고문자 전송규정 안내 -->
+				</div>
+				<!--// 광고문자 전송규정 안내 -->
 
 				<!-- 광고문자 수신동의 안내 -->
 				<div class="adpop_cont adpop2" id="listTab2_2">
@@ -697,14 +896,16 @@
 								<div>
 									<p>제62조의3(수신동의 여부 확인 방식)</p>
 									<p>① 법 제50조제1항 또는 제3항에 따라 수신자의 사전 동의를 받은 자는 같은 조 제8항에 따라 그 수신동의를 받은 날로부터 2년마다(매 2년이 되는 해의 수신동의를 받은 날과 같은 날 전까지를 말한다) 해당 수신자의 수신동의 여부를 확인하여야 한다.<br>
-									② 제1항에 따라 수신동의 여부를 확인하려는 자는 수신자에게 다음 각 호의 사항을 밝혀야 한다.<br>
-									1. 전송자의 명칭<br>
-									2. 수신자의 수신동의 사실과 수신에 동의한 날짜<br>
-									3. 수신동의에 대한 유지 또는 철회의 의사를 표시하는 방법</p>
+										② 제1항에 따라 수신동의 여부를 확인하려는 자는 수신자에게 다음 각 호의 사항을 밝혀야 한다.<br>
+										1. 전송자의 명칭<br>
+										2. 수신자의 수신동의 사실과 수신에 동의한 날짜<br>
+										3. 수신동의에 대한 유지 또는 철회의 의사를 표시하는 방법</p>
 								</div>
 							</div>
-							<div class="adpop1_bottom_req"><p>누구든지 전자적 전송매체를 이용해 영리목적의광고성 정보를 전송하는 경우<br>
-								정보통신망법 제50조에서 정한 의무를 준수하여야 함</p></div>
+							<div class="adpop1_bottom_req">
+								<p>누구든지 전자적 전송매체를 이용해 영리목적의광고성 정보를 전송하는 경우<br>
+									정보통신망법 제50조에서 정한 의무를 준수하여야 함</p>
+							</div>
 						</div>
 					</div>
 					<div class="adpop1_bottom" style="border-top: 2px solid #000;">
@@ -722,252 +923,276 @@
 							<p>· 수신자가 수신거부 또는 수신동의 철회를 요청한 경우 접수일로부터 14일 이내에 그 결과를 수신자에게<br>&nbsp;&nbsp;고지하여야 합니다.</p>
 							<p>· 수신동의 처리결과 통지는 광고성 정보 전송이 아니므로 ‘(광고)’나 ‘무료회신번호’ 등을 표기하지 않아도 됩니다.</p>
 							<p>· 수신자의 의사표시 방법은 비용이 발생하지 않도록 적절한 조치를 취하여야 합니다.</p>
-							<p class="c_e40000">&nbsp;&nbsp;ex) 귀하가 2020년 8월 30일 요청하신 수신동의 철회요청이 정상적으로 처리되었습니다.  업체명</p>
+							<p class="c_e40000">&nbsp;&nbsp;ex) 귀하가 2020년 8월 30일 요청하신 수신동의 철회요청이 정상적으로 처리되었습니다. 업체명</p>
 						</div>
 					</div>
-				</div><!--// 광고문자 수신동의 안내 -->
+				</div>
+				<!--// 광고문자 수신동의 안내 -->
 			</div>
 			<div class="popup_btn_wrap2" style="margin: 0 auto 30px auto;">
-				<button type="button" class="tooltip-close" data-focus="adr_popup01-close"  data-focus-next="popup02">닫기</button>                      
+				<button type="button" class="tooltip-close" data-focus="adr_popup01-close" data-focus-next="popup02">닫기</button>
 			</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 메뉴 -->
-    <!-- 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>
-                </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 table">
-                <div class="login_left table_cell">                
-                    <div class="login_info">
-						<i></i>
-						<div class="login2_name">
-							<p>홍길동홍길동홍길동홍길동</p>
-							<span>(개인) 님</span>
-						</div>
-						<div class="session">
-							<span>08:46</span>
-							<button type="button">연장</button>
-						</div>
-                        <button type="button" class="btnType btnType3">마이페이지</button>
-                        <button type="button" class="btnType btnType2">로그아웃</button>
-                    </div>
-                    <div class="check_money">
-						<i></i>
-                        <p>보유잔액 <span class="fwMd">3,000</span>원</p>
-                        <button type="button" class="btnType btnType3">충전</button>
-                        <button type="button" class="btnType btnType3">전용계좌</button>
-                    </div>
-                    <div class="point">
-						<i></i>
-                        <p>포인트 <span class="fwMd">1,000</span>원</p>
-                        <button type="button" class="btnType btnType3">교환</button>
-                    </div>
-                </div>
-                <div class="login_right">
-                    <button type="button" class="btnType btnType14"><i></i>이동통신사 스팸 규격 안내</button>
-					<!-- <button type="button">스팸필터링 번호도용차단</button> -->
-                </div>
-            </div>
-        </div><!--// login 영역 -->
-    </header><!--// header 영역 -->
-    <div class="mask"></div>
-    <!-- login 영역 -->
-    <!-- content 영역 -->
-    <div id="container" class="cont sub">
-        <div class="inner">
-            <!-- send top -->
-            <div class="send_top">
-                <!-- tab button -->
-                <ul class="tabType1">
-                    <li class="tab active"><button type="button" onclick="TabType1(this,'1');">단문 · 장문 · 그림 문자</button></li>
-                    <li class="tab"><button type="button" onclick="TabType1(this,'2');">대량 문자(엑셀·TXT)</button></li>
-                </ul><!--// tab button -->
+	<!--  이벤트 잔액 팝업 -->
+	<div class="tooltip-wrap">
+		<div class="popup-com event_cash_popup popup07" tabindex="0" data-tooltip-con="popup07" data-focus="popup07" data-focus-prev="popup07-close">
+			<div class="popup_heading">
+				<p>이벤트 잔액</p>
+				<button type="button" class="tooltip-close" data-focus="popup07-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
+			</div>
+			<div class="layer_in">
+				<div class="table_wrap">
+					<div class="table_top">
+						<p class="popup_title_18">첫 결제 이벤트 잔액(캐시)</p>
+						<p><span class="c_e40000 fwBold">100,000,000</span>원</p>
+					</div>
+					<table class="popup_table_type2">
+						<colgroup>
+							<col style="width: 25%;">
+							<col style="width: auto;">
+						</colgroup>
+						<tbody>
+							<tr>
+								<th>단문(7.5)</th>
+								<td><span class="c_002c9a fwBold">13</span>건</td>
+							</tr>
+							<tr>
+								<th>장문(32)</th>
+								<td><span class="c_002c9a fwBold">13</span>건</td>
+							</tr>
+							<tr>
+								<th>그림 1장(59)</th>
+								<td><span class="c_002c9a fwBold">13</span>건</td>
+							</tr>
+							<tr>
+								<th>그림 2장(67)</th>
+								<td><span class="c_002c9a fwBold">13</span>건</td>
+							</tr>
+							<tr>
+								<th>그림 3장(70)</th>
+								<td><span class="c_002c9a fwBold">13</span>건</td>
+							</tr>
+						</tbody>
+					</table>
+				</div>
+				<div class="popup_btn_wrap2">
+					<button type="button">닫기</button>
+				</div>
+			</div>
+		</div>
+	</div>
+	<!--// 이벤트 잔액 팝업 -->
+
+	<!-- 재전송 -->
+	<div class="tooltip-wrap">
+		<div class="popup-com import_layer popup05" tabindex="0" data-tooltip-con="popup05" data-focus="popup05" data-focus-prev="popup05-close" style="width:900px;">
+			<div class="popup_heading">
+				<p><span>전송내역</span></p>
+				<button type="button" class="tooltip-close" data-focus="popup05-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
+			</div>
+			<div class="layer_in" id="mjMsgSentListAllLoad" style="padding-bottom: 0px; min-height:428px;">
+
+				<!-- 전송내역 불러오기 -->
+				<div class="tb_wrap" style="min-height:428px;">
+					<table class="tType4">
+						<colgroup>
+							<col style="width: 17%;">
+							<col style="width: 7%;">
+							<col style="width: 6%;">
+							<col style="width: 10%;">
+							<col style="width: *%;">
+							<col style="width: 15%;">
+							<col style="width: 12%;">
+							<col style="width: 10%;">
+						</colgroup>
+						<thead>
+							<tr>
+								<th>발송일시
+									<div class="sort_wrap">
+										<input type="button" class="sort sortBtn" id="sort_reqdate">
+									</div>
+								</th>
+								<th>형태
+									<div class="sort_wrap">
+										<input type="button" class="sort sortBtn" id="sort_orderByCode">
+									</div>
+								</th>
+								<th>방식</th>
+								<th>내용</th>
+								<th>받는사람</th>
+								<th>발신번호
+									<div class="sort_wrap">
+										<input type="button" class="sort sortBtn" id="sort_callFrom">
+									</div>
+								</th>
+								<th title="발송건수(성공률)">발송건수
+									<div class="sort_wrap">
+										<input type="button" class="sort sortBtn" id="sort_msgGroupCnt">
+									</div>
+								</th>
+								<th>재전송 선택 </th>
+							</tr>
+						</thead>
+						<tbody>
+							<tr>
+								<td>
+									2022-07-05 12:18
+								</td>
+								<td>
+									그림
+								</td>
+								<td>
+									WEB
+								</td>
+								<td>
+									<button class="btnType btnType20" data-tooltip="rev_popup01" onclick="javascript:fnRevDetailPop('MSGGID_0000000003830','','1'); return false;">상세보기</button>
+								</td>
+								<td>
+									<p>010-7544-2416</p>
+								</td>
+								<td>
+									010-5705-8729
+								</td>
+								<td>
+									1(100%)
+								</td>
+								<td>
+									<button class="btnType btnType24" onclick="javascript:fnMjMsgReSendAll('MSGGID_0000000003830','0','0','0'); return false;">재전송</button>
+								</td>
+							</tr>
+						</tbody>
+					</table>
+				</div>
+				<!--// 전송내역 불러오기 -->
+
+				<!-- pagination -->
+				<ul class="pagination">
+					<li class="on"><button type="button"><a href="#" title="현재페이지">1</a></button></li>
+				</ul>
+				<!-- pagination -->
+
+			</div>
+			<div class="popup_btn_wrap2" style="margin-bottom: 30px;">
+				<button type="button" class="tooltip-close" data-focus="popup05-close" data-focus-next="popup05">닫기</button>
+			</div>
+		</div>
+	</div>
+	<!-- //재전송 -->
+
+	<!-- 주소록 상세 결과 -->
+	<div class="tooltip-wrap" style="z-index:120;">
+		<div class="popup-com adr_layer adr_detail_result adr_popup14" tabindex="0" data-tooltip-con="adr_popup14" data-focus="adr_popup14" data-focus-prev="adr_popu14-close" style="width: 525px;">
+			<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"></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>
+	<!-- // 주소록 상세 결과 -->
+
+	<div data-include-path="/publish/layout/_header.html"></div>
+
+	<div class="mask"></div>
+
+	<!-- content 영역 -->
+	<div id="container" class="cont sub">
+		<div class="inner">
+			<!-- send top -->
+			<div class="send_top">
+				<!-- tab button -->
+				<ul class="tabType1">
+					<li class="tab active"><button type="button" onclick="TabType1(this,'1');sendPhoneFixed();">일반문자</button></li>
+					<li class="tab"><button type="button" onclick="TabType1(this,'2');sendPhoneFixed();">대량문자(광고문자)</button></li>
+				</ul>
+				<!--// tab button -->
 				<!-- tab content1 -->
-                <div class="top_content current" id="tab1_1">
-                    <div class="heading">
-                        <h2>문자전송</h2>
-                    </div>
-                    <div class="titBox">
-                        <p>- 90byte 초과 시, 장문으로 전환됩니다. 장문 문자는 최대 2,000byte까지 작성할 수  있습니다.</p>
-						<p>- 그림문자 1건에 포토 최대 3장 첨부가능  [권장 사이즈 : <span class="c_222 fwRg">640 x 960</span>픽셀 / 최대용량 : <span class="c_222 fwRg">10MB</span>이내]</p>
-                        <p>- 광고성 메시지는 반드시 유의사항 확인 후 발송해 주시기 바랍니다. <span><a href="#" data-tooltip="adpopup01">[광고문자 관련규정 안내]</a></span></p>
-                        <button type="button" class="titBox_btn1"><i></i>사용안내</button>
-                    </div>
-                    <div class="send_general">
+				<div class="top_content current" id="tab1_1">
+					<div class="heading">
+						<h2>일반문자 <span class="ad_text"><i>i</i>광고성 메시지는 <a href="#none" onclick="fnMsgExcelDataView()">[대량문자]</a> 탭을 이용해주세요</span></h2>
+						<button type="button" class="button info" onclick="infoListPop('sendMsg','792','400');">사용안내</button>
+					</div>
+					<div class="send_general">
 						<!-- send left 문자 보내기 입력 -->
-                        <div class="send_left">
-                            <table class="tType1">
-                                <caption>일반 문자보내기 분류 번호 내용 등을 입력하는 표</caption>
-                                <colgroup>
-                                    <col style="width: 120px;">
-                                    <col style="width: auto;">
-                                </colgroup>
-                                <tbody>
-                                    <tr>
-                                        <th scope="row">문자분류</th>
-                                        <td class="send_cf">
-                                            <input id="radio3" type="radio"name="send_clas2" checked="checked">
-                                            <label for="radio3">일반</label>
-                                            <input id="radio4" type="radio" name="send_clas2">
-                                            <label for="radio4">광고</label>
-                                        </td>
-                                    </tr>
-                                    <tr>
-                                        <th scope="row">발신번호</th>
-                                        <td class="put_num">
-                                            <label for="num" class="label"></label>
+						<div class="send_left">
+							<table class="tType1">
+								<caption>일반 문자보내기 분류 번호 내용 등을 입력하는 표</caption>
+								<colgroup>
+									<col style="width: 120px;">
+									<col style="width: auto;">
+								</colgroup>
+								<tbody>
+									<!-- <tr>
+										<th scope="row">문자분류</th>
+										<td class="send_cf">
+											<input id="radio3" type="radio" name="send_clas2" checked="checked">
+											<label for="radio3">일반</label>
+											<input id="radio4" type="radio" name="send_clas2">
+											<label for="radio4">광고</label>
+										</td>
+									</tr> -->
+									<tr>
+										<th scope="row">발신번호</th>
+										<td class="put_num">
+											<label for="num" class="label"></label>
 											<select id="num" class="sel_number">
 												<option value="">010-1234-5678</option>
 												<option value="">010-1234-5678</option>
 												<option value="">010-1234-5678</option>
 												<option value="">010-1234-5678</option>
 											</select>
-                                            <button type="button" class="btnType btnType6">번호추가</button>
-                                        </td>
-                                    </tr>
+											<button type="button" class="btnType btnType6">번호추가</button>
+										</td>
+									</tr>
 									<tr>
-                                        <th scope="row">제목</th>
-                                        <td>
-                                            <!-- 단문일 때 -->
+										<th scope="row">제목</th>
+										<td>
+											<!-- 단문일 때 -->
 											<label for="text" class="label"></label>
-											<input type="text" size="20" id="text" class="w100" placeholder=""  onfocus="this.placeholder=''" disabled>
+											<input type="text" size="20" id="text" class="w100" placeholder="" onfocus="this.placeholder=''" disabled>
 											<!-- 장문일 때 -->
 											<!-- <input type="text" size="20" id="text" class="w100" placeholder="제목을 입력해주세요 (최대30byte, 발송관리용)" onfocus="this.placeholder=''" onblur="this.placeholder='제목을 입력해주세요 (최대30byte, 발송관리용)'"> -->
-                                        </td>
-                                    </tr>
+										</td>
+									</tr>
 									<!-- 단문 -->
 									<tr>
-                                        <th scope="row" class="vTop">내용</th>
-                                        <td class="putText">
-                                            <div class="clearfix">
-                                                <div class="put_left short">
-													<div class="ad_txt"><p>(광고)</p></div>
-                                                    <label for="textarea" class="label"></label>
-                                                    <textarea id="textarea" class="put_text" placeholder="내용을 입력해주세요.
--90btye 초과 시 LMS 자동전환
--파일첨부 시 MMS 자동전환"></textarea>
-                                                    <div class="text_length">
+										<th scope="row" class="vTop">내용</th>
+										<td class="putText">
+											<div class="clearfix">
+												<div class="put_left short">
+													<label for="textarea" class="label"></label>
+													<textarea id="textarea" class="put_text"></textarea>
+													<div class="text_length">
 														<div>
-															<p>무료 거부 080-0000-0000</p>
+															<p><span class="fwMd">15 /<span><span class="c_002c9a fwMd"> 90</span>byte</p>
+															<span class="msg_com msg_short">단문</span>
 														</div>
-														<div>
-                                                        	<p><span class="fwMd">15 /<span><span class="c_002c9a fwMd"> 90</span>byte</p>
-                                                        	<span class="msg_com msg_short">단문</span>
-														</div>
-                                                    </div>
-                                                </div>
-                                                <div class="put_right">
+													</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">
@@ -982,225 +1207,225 @@
 															<!-- 특수문자 -->
 															<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>
+																	<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>
+																	<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>
+																	<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>
+																	<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>
+																	<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>
+																	<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>
+														<button type="button" class="btnType btnType7" onclick="miniPopup(this)">특정문구 일괄변환<i class="qmMark"></i></button>
 														<div class="send_miniPop convers">
 															<div>
 																<div class="convers_top">
@@ -1218,23 +1443,23 @@
 															<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>
-                                                    <div class="send_btnWrap">
-                                                        <button type="button" class="btnType btnType9">문자저장</button>
-                                                        <button type="button" class="btnType btnType9">초기화</button>
-                                                    </div>
-                                                </div>
-                                            </div>
+													<button type="button" class="btnType btnType7">내문자함</button>
+													<button type="button" class="btnType btnType8" onclick="showPotoediter();">이미지 불러오기</button>
+													<div class="send_btnWrap">
+														<button type="button" class="btnType btnType9">문자저장</button>
+														<button type="button" class="btnType btnType9">초기화</button>
+													</div>
+												</div>
+											</div>
 											<p>* 현재 [단문] <span class="c_e40000 fwBold">120,000</span>건 발송 가능합니다.</p>
-                                        </td>
-                                    </tr>
+										</td>
+									</tr>
 									<!-- 포토 -->
-                                    <tr>
-                                        <th scope="row">내용</th>
-                                        <td class="putText">
-                                            <div class="clearfix">
-                                                <div class="put_left photo">
+									<tr>
+										<th scope="row">내용</th>
+										<td class="putText">
+											<div class="clearfix">
+												<div class="put_left photo">
 													<ul class="thumb_wrap">
 														<li class="on">
 															<div>
@@ -1258,9 +1483,8 @@
 															<button type="button" class="file_close_on"><img src="/publish/images/content/thumb_del_on.png" alt="첨부파일 삭제"></button>
 														</li>
 													</ul>
-													<div class="ad_txt"><p>(광고)</p></div>
-                                                    <label for="textarea" class="label"></label>
-                                                    <textarea id="textarea" class="put_text">
+													<label for="textarea" class="label"></label>
+													<textarea id="textarea" class="put_text">
 해마다 찾아오는 봄이지만
 봄맞이 대청소라는 말처럼,
 새 봄을 맞아 봄맞이 마음청소 한번하고 가실께요~ㅎㅎ
@@ -1288,72 +1512,19 @@
     
 새봄에 새마음으로 새롭게 시작해 보는 겁니다.
                                                     </textarea>
-                                                    <div class="text_length">
+													<div class="text_length">
 														<div>
-															<p>무료 거부 080-0000-0000</p>
-														</div>
-														<div>
-                                                        	<p><span class="fwMd">15 /<span><span class="c_002c9a fwMd"> 2000</span>byte</p>
-                                                        	<span class="msg_com msg_photo">그림</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>
-																<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>
+															<p><span class="fwMd">15 /<span><span class="c_002c9a fwMd"> 2000</span>byte</p>
+															<span class="msg_com msg_photo">그림</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>
 													<div class="btn_popup_wrap">
-                                                    	<button type="button" class="btnType btnType7" onclick="miniPopup(this)">특정문구 일괄변환<i class="qmMark"></i></button>
+														<button type="button" class="btnType btnType7" onclick="miniPopup(this)">특정문구 일괄변환<i class="qmMark"></i></button>
 														<div class="send_miniPop convers">
 															<div>
 																<div class="convers_top">
@@ -1370,29 +1541,42 @@
 															</div>
 														</div>
 													</div>
-                                                    	<button type="button" class="btnType btnType7">내문자함</button>
-                                                    	<button type="button" class="btnType btnType8" onclick="showPotoediter();">이미지 불러오기</button>
-                                                    <div class="send_btnWrap">
-                                                        <button type="button" class="btnType btnType9">문자저장</button>
-                                                        <button type="button" class="btnType btnType9">초기화</button>
-                                                    </div>
-                                                </div>
-                                            </div>
+													<button type="button" class="btnType btnType7">내문자함</button>
+													<button type="button" class="btnType btnType8" onclick="showPotoediter();">이미지 불러오기</button>
+													<div class="send_btnWrap">
+														<button type="button" class="btnType btnType9">문자저장</button>
+														<button type="button" class="btnType btnType9">초기화</button>
+													</div>
+												</div>
+											</div>
 											<p>* 현재 [단문] <span class="c_e40000 fwBold">120,000</span>건 발송 가능합니다.</p>
-                                        </td>
-                                    </tr>
+										</td>
+									</tr>
 									<tr>
-                                        <th scope="row" class="vTop">받는사람</th>
-                                        <td class="putText">
-                                            <div class="clearfix receipt_num">
+										<th scope="row" class="vTop">받는사람</th>
+										<td class="putText">
+											<div class="clearfix receipt_num">
 												<div class="receipt_num_top">
 													<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>
-													<span><span class="vMiddle">*</span> 중복번호는 한번만 발송됩니다.</span>
+													<textarea name="callTo" id="callTo" cols="30" rows="10" class="receipt_num" placeholder="번호를 입력하세요" onfocus="this.placeholder=''" onblur="this.placeholder='번호를 입력하세요'" style="width:340px;height:84px;"></textarea>
+													<div class="btn_popup_wrap">
+														<button type="button" class="btnType btnType6 btn_add_number addCallToF">번호추가<i class="qmMark"></i></button>
+														<span style="display:block;margin:6px 0 0 0;"><span class="vMiddle">*</span> 중복번호는 한번만 추가됩니다.</span>
+														<span style="display:block;"><span class="vMiddle">*</span> 일부 안심번호(050*)는 발송이 제한될 수 있습니다.</span>
+														<div class="error_hover_cont send_hover_cont">
+															<p>줄바꿈(Enter) 기준으로 핸드폰 번호 입력이 가능합니다.</p>
+															<span>
+																(예시)<br>
+																010-1234-0001↵<br>
+																010-1235-0002↵<br>
+																01012350003↵<br>
+																01012350004↵<br>
+															</span>
+														</div>
+													</div>
 												</div>
-                                                <div class="receipt_num_midde">
-                                                    <div class="listType list01">
+												<div class="receipt_num_midde">
+													<div class="listType list01">
 														<div class="list_table list_head">
 															<div class="cb_wrap">
 																<label for="" class="label"></label>
@@ -1436,10 +1620,10 @@
 													</div>
 													<div class="put_right">
 														<div class="btn_popup_wrap spc_wrap">
-															<button type="button" data-tooltip="popup06"  class="btnType btnType7">주소록 불러오기</button>
+															<button type="button" data-tooltip="popup06" class="btnType btnType7">주소록 불러오기</button>
 														</div>
 														<div class="btn_popup_wrap">
-															<button type="button" data-tooltip="popup02"  class="btnType btnType7">엑셀 불러오기</button>
+															<button type="button" data-tooltip="popup02" class="btnType btnType7">엑셀 불러오기</button>
 														</div>
 														<div class="btn_popup_wrap">
 															<button type="button" data-tooltip="popup03" class="btnType btnType7 tab1">최근 전송내역</button>
@@ -1447,15 +1631,18 @@
 														<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">
+															<button type="button" data-tooltip="popup05" class="btnType btnType7 tab2" onclick="getMjMsgSentListAll('1');">재전송</button>
+														</div>
+														<!-- <div class="btn_popup_wrap check_validity_wrap">
 															<button type="button" class="btnType btnType7">오류 검사<i class="qmMark error_qm"></i></button>
 															<div class="error_hover_cont send_hover_cont">
 																<p>등록하신 전화번호(형식 등)가 정확하게 입력되었는지 오류여부를 자동으로 검사할 수 있습니다.</p>
 																<span>(예시) 010-1234-0001(O),<br> 010-123-0001(X)</span>
 															</div>
-														</div>
+														</div> -->
 													</div>
-                                                </div>
+												</div>
 												<div class="list_bottom clearfix">
 													<div class="remove_btnWrap">
 														<button type="button" class="btnType15"><i class="remove_img"></i>전체삭제</button>
@@ -1466,312 +1653,285 @@
 														<button type="button" class="address_reg2">주소록에 등록</button>
 													</div>
 												</div>
-                                            </div>
-                                        </td>
-                                    </tr>
-                                    <!-- <tr>
-                                        <th scope="row">받는사람</th>
-                                        <td class="send_list">
-                                            <div class="list_left">
-                                                <div class="add_num">
-                                                    <label for="" class="label"></label>
-                                                    <input type="text" placeholder="번호를 입력하세요." onfocus="this.placeholder=''" onblur="this.placeholder='번호를 입력하세요.'">
-                                                    <button type="button" class="btnType btnType6">번호추가</button>
-                                                    <span>* 중복번호는 한번만 발송됩니다.</span>
-                                                </div>
-												<div class="numOfCase">
-													<p>총 <span>120</span>건 /</p>
-													<p>중복 <span>9</span>건</p>
-												</div>
-                                                <div>
-                                                    <div class="listType list01">
-														<div class="list_table list_head">
-															<div class="cb_wrap">
-																<label for="" class="label"></label>
-																<input type="checkbox">
-															</div>
-															<div class="list_table_num">
-																<p>번호</p>
-																<img src="/publish/images/sortUp.png">
-																<img src="/publish/images/sortDown.png">
-															</div>
-															<div class="list_table_name">
-																<p>이름</p>
-																<img src="/publish/images/sortUp.png">
-																<img src="/publish/images/sortDown.png">
-															</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>
+										</td>
+									</tr>
+									<tr>
+										<th colspan="2" class="billingAmount">
+											<div>
+												<div class="final_pay">
+													<div class="pay_info_list">
+														<p>발송금액 :</p>
+														<div class="info" id="repPriceTxt" style="display: none;">
+															단문 : <strong>20</strong>건<span>/</span>장문 : <strong>150</strong>건<span>/</span>그림문자 : <strong>30</strong>건
 														</div>
 													</div>
-                                                    <div class="list_bottom">
-                                                        <div class="remove_btnWrap">
-                                                            <button type="button" class="btnType15"><i class="remove_img"></i>전체삭제</button>
-                                                            <button type="button" class="btnType15"><i class="remove_img"></i>선택삭제</button>
-                                                            <button type="button" class="btnType15"><i class="remove_img"></i>중복삭제</button>
-                                                            <button type="button" class="address_reg2">주소록에 등록</button>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                        </td>
-                                    </tr> -->
-                                    <tr>
-                                        <th colspan="2" class="billingAmount">
-                                            <div>
-												<div class="final_pay">
-                                                <p>결제금액 :</p>
-                                                <p class="price"><span>200,000</span>원<span>(부가세 포함)</span></p>
+													<p class="price"><span id="repPriceTxt"></span><span id="totalPriceTxt">0</span> 원<span></span></p>
 												</div>
+												<p style="text-align: right; font-size: 14px; color: #666; margin: -10px 0 15px 0; font-weight: 300;">* 이벤트회원의 발송금액은 이벤트단가를 적용하여 계산된 금액이므로 실제 발송금액과 다를 수 있습니다.</p>
 												<div class="pay_type clearfix">
 													<div>
-														<label for="" class="label">충전 금액</label>
-														<input id="radio_bill_1" type="radio" name="radio_bill" checked="checked">
-														<label for="radio_bill_1">내 충전금 (<span>3,000</span>원)</label>
-													</div>
-													<div>
-														<label for="" class="label">포인트 금액</label>
-														<input type="text" placeholder="199,700" readonly>
-														<button type="button" class="btnType btnType3">충전</button>
+														<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="">
+														<span class="won">원</span>
+														<button type="button" class="btnType btnType21" onclick="location.href='/web/member/pay/PayView.do'">충전</button>
 													</div>
+													<div><button type="button" data-tooltip="popup07" class="btnType btnType3 btn_event_cash">이벤트 잔액</button></div>
+												</div>
+												<!--발송금액 아래 등급별 가격안내 추가-->
+												<div class="my_price_wrap">
+													<div class="center-line"></div>
+													<ul>
+														<li class="title">
+															<img src="/publish/images/content/icon_mypage_message.png" alt="">나의 단가 &nbsp;<span>:</span> &nbsp;
+														</li>
+														<li class="price_line">
+															<span class="type">단문</span>
+															<span class="price">18</span>원
+															<span class="line">/ &nbsp;</span>
+														</li>
+														<li class="price_line">
+															<span class="type">장문</span>
+															<span class="price">50</span>원
+															<span class="line">/ &nbsp;</span>
+														</li>
+														<li class="price_line">
+															<span class="type">그림</span>
+															<span class="price">90</span>원
+															(2장 : 110원 / 3장 : 130원)
+														</li>
+													</ul>
 												</div>
 											</div>
-                                        </th>
-                                    </tr>
-                                    <tr>
-                                        <th scope="row">추천인 ID</th>
-                                        <td class="check_num">
-                                            <input id="radio5" type="radio"name="recom" checked="checked">
-                                            <label for="radio5">없음</label>
-                                            <input id="radio6" type="radio" name="recom">
-                                            <label for="radio6">있음</label>
-                                            <div>
-                                                <label for="id" class="label"></label>
-                                                <input type="text" size="20" id="id" placeholder="추천인 아이디 입력" onfocus="this.placeholder=''" onblur="this.placeholder='추천인 아이디 입력'">
-                                                <button type="button" class="btnType btnType9">추천인 확인</button>
-                                            </div>
-                                        </td>
-                                    </tr>            
-                                </tbody>
-                            </table>
-                        </div><!-- send left 문자 보내기 입력 -->
+										</th>
+									</tr>
+									<!-- <tr>
+										<th scope="row">추천인 ID</th>
+										<td class="check_num">
+											<input id="radio5" type="radio" name="recom" checked="checked">
+											<label for="radio5">없음</label>
+											<input id="radio6" type="radio" name="recom">
+											<label for="radio6">있음</label>
+											<div>
+												<label for="id" class="label"></label>
+												<input type="text" size="20" id="id" placeholder="추천인 아이디 입력" onfocus="this.placeholder=''" onblur="this.placeholder='추천인 아이디 입력'">
+												<button type="button" class="btnType btnType9">추천인 확인</button>
+											</div>
+										</td>
+									</tr> -->
+								</tbody>
+							</table>
+						</div><!-- send left 문자 보내기 입력 -->
 						<!-- send right 문자 보내기 미리보기 -->
-                        <div class="send_right">
+						<div class="send_right">
 							<div class="phone">
-                            	<div class="phoneIn">
-										<div>
-											<p class="prev_p"><img src="/publish/images/search.	png">미리보기</p>
-											<div class="text_length2 clearfix" style="display: none;">
-												<span class="msg_com msg_short">단문</span>
-												<div>
-													<span>글자크기</span>
-													<button type="button"><img src="/publish/images/	content/font_plus.png"></button>
-													<button type="button"><img src="/publish/images/	content/font_minus.png"></button>
-												</div>
+								<div class="phoneIn">
+									<div>
+										<p class="prev_p"><img src="/publish/images/search.	png">미리보기</p>
+										<div class="text_length2 clearfix" style="display: none;">
+											<span class="msg_com msg_short">단문</span>
+											<div>
+												<span>글자크기</span>
+												<button type="button"><img src="/publish/images/content/font_plus.png"></button>
+												<button type="button"><img src="/publish/images/content/font_minus.png"></button>
 											</div>
-											<div class="text_length2 clearfix">
-												<span class="msg_com msg_photo">포토</span>
-												<ul class="photo_msg_num">
-													<li onclick="imgClick(0);"><a href="#none">1</a></	li>
-													<li onclick="imgClick(1);"><a href="#none">2</a></	li>
-													<li onclick="imgClick(2);"><a href="#none">3</a></	li>
-												</ul>
-												<div>
-													<span>글자크기</span>
-													<button type="button"><img src="/publish/images/	content/font_plus.png"></button>
-													<button type="button"><img src="/publish/images/	content/font_minus.png"></button>
-												</div>
-											</div>
-											<!-- 텍스트 미리보기 -->
-											<div class="text_preview">
-												<div class="preiew_img">
-													<div class="img_box">
-														<img src="/publish/images/content/	photo_sample01.jpg">
-													</div>
-													<div class="img_box">
-														<img src="/publish/images/content/	photo_sample01.jpg">
-													</div>
-													<div class="img_box">
-														<img src="/publish/images/content/excel.jpg">
-													</div>
-												</div>
-												<div class="preview_auto">
-													<p class="ad_tit">(광고)</p>
-													<p class="none_txt">내용을 입력해주세요.</p>
-													<p class="realtime"></p>
-													<p class="deny_receipt">무료 거부 080-0000-0000</p>
-												</div>
-											</div>
-											<!-- //텍스트 미리보기 -->
 										</div>
+										<div class="text_length2 clearfix">
+											<span class="msg_com msg_photo">포토</span>
+											<ul class="photo_msg_num">
+												<li onclick="imgClick(0);"><a href="#none">1</a></ li>
+												<li onclick="imgClick(1);"><a href="#none">2</a></ li>
+												<li onclick="imgClick(2);"><a href="#none">3</a></ li>
+											</ul>
+											<div>
+												<span>글자크기</span>
+												<button type="button"><img src="/publish/images/	content/font_plus.png"></button>
+												<button type="button"><img src="/publish/images/	content/font_minus.png"></button>
+											</div>
+										</div>
+										<!-- 텍스트 미리보기 -->
+										<div class="text_preview">
+											<div class="preiew_img">
+												<div class="img_box">
+													<img src="/publish/images/content/	photo_sample01.jpg">
+												</div>
+												<div class="img_box">
+													<img src="/publish/images/content/	photo_sample01.jpg">
+												</div>
+												<div class="img_box">
+													<img src="/publish/images/content/excel.jpg">
+												</div>
+											</div>
+											<div class="preview_auto">
+												<p class="ad_tit">(광고)</p>
+												<p class="none_txt">내용을 입력해주세요.</p>
+												<p class="realtime"></p>
+												<p class="deny_receipt">무료 거부 080-0000-0000</p>
+											</div>
+										</div>
+										<!-- //텍스트 미리보기 -->
+									</div>
 								</div>
 								<p class="addText">※ 단말기 설정에 따라 다르게 보일 수 있습니다<p>
+										<div class="preview_util">
+											<button type="button" id="btnFirst" disabled="disabled"><img src="/publish/images/content/page_first.png"></button>
+											<button type="button" id="btnPrev" data-index="0" disabled="disabled"><img src="/publish/images/content/page_prev.png"></button>
+											<p>미리보기</p>
+											<button type="button" id="btnNext" data-index="1" disabled="disabled"><img src="/publish/images/content/page_next.png"></button>
+											<button type="button" id="btnLast" disabled="disabled"><img src="/publish/images/content/page_last.png"></button>
+										</div>
 							</div>
 							<div class="phone_bottom">
-                            	<div class="send_rev">
-                            	    <div class="rev_radio">
-                            		        <input id="radio7" type="radio"name="reser" checked="checked">
-                            		        <label for="radio7">즉시</label>
-                            		        <input id="radio8" type="radio" name="reser">
-                            		        <label for="radio8">예약</label>
-                            	    </div>
-                            	    <div class="rev_selected">
-                            		    <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>
+								<div class="send_rev">
+									<div class="send_content">
+										<div class="rev_radio">
+											<ul>
+												<li><input type="radio" id="reserYnN" name="reserYn" value="N" checked="checked"><label for="reserYnN">즉시</label></li>
+												<li><input type="radio" id="reserYnY" name="reserYn" value="Y"><label for="reserYnY">예약</label></li>
+											</ul>
+										</div>
+										<div class="send_btn">
+											<button type="button" class="btnType btnType11" onclick="javascript:fn_sendMsgData(); return false;">발송하기</button>
+											<button type="button" class="btnType btnType10" onclick="window.open('/publish/testKakaoSendPop.html','','width=770,height=830')">테스트발송</button>
+										</div>
+									</div>
+									<div class="rev_selected" style="display:none;">
+										<div class="rev_top">
+											<span>날짜 :</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">
 											</div>
-                            		        <label for="" class="label">시 선택</label>
 											<div class="selBox">
-                            		        	<select class="selType1">
-                            		        	    <option>00시</option>
-                            		        	    <option>10시</option>
-                            		        	    <option>20시</option>
-                            		        	</select>
-                            		        	<label for="" class="label">분 선택</label>
-                            		        	<select class="selType1">
-                            		        	    <option>00분</option>
-                            		        	    <option>25분</option>
-                            		        	    <option>50분</option>
-                            		        	</select>
+												<select class="selType1" id="msgResHour" name="msgResHour">
+													<option value="00">00시</option>
+													<option value="01">01시</option>
+													<option value="02">02시</option>
+													<option value="03">03시</option>
+													<option value="04">04시</option>
+													<option value="05">05시</option>
+													<option value="06">06시</option>
+													<option value="07">07시</option>
+													<option value="08">08시</option>
+													<option value="09">09시</option>
+													<option value="10">10시</option>
+													<option value="11">11시</option>
+													<option value="12">12시</option>
+													<option value="13">13시</option>
+													<option value="14">14시</option>
+													<option value="15">15시</option>
+													<option value="16">16시</option>
+													<option value="17">17시</option>
+													<option value="18">18시</option>
+													<option value="19">19시</option>
+													<option value="20">20시</option>
+													<option value="21">21시</option>
+													<option value="22">22시</option>
+													<option value="23">23시</option>
+													<option value="24">24시</option>
+												</select>
+												<select class="selType1" id="msgResMin" name="msgResMin">
+													<option value="00">00분</option>
+													<option value="05">05분</option>
+													<option value="10">10분</option>
+													<option value="15">15분</option>
+													<option value="20">20분</option>
+													<option value="25">25분</option>
+													<option value="30">30분</option>
+													<option value="35">35분</option>
+													<option value="40">40분</option>
+													<option value="45">45분</option>
+													<option value="50">50분</option>
+													<option value="55">55분</option>
+												</select>
 											</div>
-                            		    </div>
-                            		    <div class="rev_bottom">
-                            		        <input type="checkbox">
-                            		        <label for="">분할전송</label>
-                            		        <select class="selType1">
-                            		            <option>00시</option>
-                            		            <option>10시</option>
-                            		            <option>20시</option>
-                            		        </select>
-                            		        <label for="">건</label>
-                            		        <select class="selType1">
-                            		            <option>00분</option>
-                            		            <option>25분</option>
-                            		            <option>50분</option>
-                            		        </select>
-                            		        <label>간격</label>
-                            		    </div>
-                            	    </div>
-                            	</div>
-                            	<div class="send_btn">
-                            		    <button type="button" class="btnType btnType10">테스트 발송
-											<img src="/publish/images/content/qmIcon.png" class="test_qm">
-											<div class="test_hover_cont send_hover_cont">
-												<p>작성하신 문자내용을 등록하신 대표번호(발신번호)로
-													발송하여 오류여부 등을 사전에 확인할 수 있습니다.</p>
-												<span>※ 테스트 문자 발송 시 보유하신 충전금에서 차감됩니다.</span>
+											<div class="rev_bottom">
+												<input type="checkbox" id="divideChk" name="divideChk">
+												<label for="divideChk">분할전송</label>
+												<select class="selType1" id="divideCnt" name="divideCnt">
+													<option value="2">2</option>
+													<option value="10">10</option>
+													<option value="20">20</option>
+													<option value="30">30</option>
+												</select>
+												<label for="divideCnt">건</label>
+												<select class="selType1" id="divideTime" name="divideTime">
+													<option value="5">05분</option>
+													<option value="10">10분</option>
+													<option value="15">15분</option>
+													<option value="20">20분</option>
+													<option value="30">30분</option>
+												</select>
+												<label for="divideTime">간격</label>
 											</div>
-										</button>
-                            		    <button type="button" class="btnType btnType11">발송하기</button>
-                            	</div>
+										</div>
+									</div>
+
+								</div>
 							</div>
-                        </div><!--// send right 문자 보내기 미리보기 -->
-                    </div>
-                </div><!--// tab content1 -->
+						</div>
+					</div>
+					<!--// send right 문자 보내기 미리보기 -->
+				</div>
+
 				<!-- tab content2 -->
-                <div class="top_content get_excel" id="tab1_2">
+				<div class="top_content  get_excel" id="tab1_2">
 					<div class="heading">
-                        <h2>대량문자</h2>
-                    </div>
-                    <div class="titBox">
-                        <p>- 각각 다른 사람에게 다른 내용의 메시지를 한번에 보낼 수 있습니다. (최대 1만 건)</p>
-                        <p>- 광고성 메시지는 반드시 유의사항 확인 후 발송해 주시기 바랍니다. <span><a href="#" data-tooltip="adpopup01">[광고문자 관련규정 안내]</a></span></p>
-						<p>- 엑셀영역은 복사, 붙여넣기가 가능합니다.</p>
-                        <button type="button" class="titBox_btn1"><i></i>사용안내</button>
-                    </div>
+						<h2>대량문자(광고문자)
+							<button type="button" class="button info ad_btn" onclick="infoListPop('adrvertisement1','792','980');" style="right: 128px;"><i></i>광고규정</button>
+							<button type="button" class="button info" onclick="infoListPop('sendMsg','792','400');">사용안내</button>
+						</h2>
+					</div>
 					<div class="send_general">
 						<!-- send left 문자 보내기 입력 -->
-                        <div class="send_left">
-                            <table class="tType1">
-                                <caption>일반 문자보내기 분류 번호 내용 등을 입력하는 표</caption>
-                                <colgroup>
-                                    <col style="width: 120px;">
-                                    <col style="width: auto;">
-                                </colgroup>
-                                <tbody>
-                                    <tr>
-                                        <th scope="row">문자분류</th>
-                                        <td class="send_cf">
-                                            <input id="radio1" type="radio"name="send_clas" checked="checked">
-                                            <label for="radio1">일반</label>
-                                            <input id="radio2" type="radio" name="send_clas">
-                                            <label for="radio2">광고</label>
-                                        </td>
-                                    </tr>
-                                    <tr>
-                                        <th scope="row">발신번호</th>
-                                        <td class="put_num">
-                                            <label for="num" class="label"></label>
+						<div class="send_left">
+							<table class="tType1">
+								<caption>일반 문자보내기 분류 번호 내용 등을 입력하는 표</caption>
+								<colgroup>
+									<col style="width: 120px;">
+									<col style="width: auto;">
+								</colgroup>
+								<tbody>
+									<tr>
+										<th scope="row">발신번호</th>
+										<td class="put_num">
+											<label for="num" class="label"></label>
 											<select id="num" class="sel_number">
 												<option value="">010-1234-5678</option>
 												<option value="">010-1234-5678</option>
 												<option value="">010-1234-5678</option>
 												<option value="">010-1234-5678</option>
 											</select>
-                                            <button type="button" class="btnType btnType6">번호추가</button>
-                                        </td>
-                                    </tr>
-									<tr>
-                                        <th scope="row">제목</th>
-                                        <td>
-                                            <!-- 단문일 때 -->
-											<label for="text" class="label"></label>
-											<input type="text" size="20" id="text" class="w100" placeholder=""  onfocus="this.placeholder=''" disabled>
-											<!-- 장문일 때 -->
-											<!-- <input type="text" size="20" id="text" class="w100" placeholder="제목을 입력해주세요 (최대30byte, 발송관리용)" onfocus="this.placeholder=''" onblur="this.placeholder='제목을 입력해주세요 (최대30byte, 발송관리용)'"> -->
-                                        </td>
-                                    </tr>
+											<button type="button" class="btnType btnType6">번호추가</button>
+										</td>
+									</tr>
+
 									<!-- 단문 -->
 									<tr>
-                                        <th scope="row" class="vTop">내용</th>
-                                        <td class="putText">
-                                            <div class="clearfix">
-                                                <div class="put_left short">
-													<div class="ad_txt"><p>(광고)</p></div>
-                                                    <label for="textarea" class="label"></label>
-                                                    <textarea id="textarea" class="put_text" placeholder="내용을 입력해주세요.
+										<th scope="row" class="vTop">내용</th>
+										<td class="putText">
+											<div class="clearfix">
+												<div class="put_left short">
+													<div class="ad_txt">
+														<p>(광고)</p>
+													</div>
+													<label for="textarea" class="label"></label>
+													<textarea id="textarea" class="put_text" placeholder="내용을 입력해주세요.
 -90btye 초과 시 LMS 자동전환
 -파일첨부 시 MMS 자동전환"></textarea>
-                                                    <div class="text_length">
+													<div class="text_length">
 														<div>
 															<p>무료 거부 080-0000-0000</p>
 														</div>
 														<div>
-                                                        	<p><span class="fwMd">15 /<span><span class="c_002c9a fwMd"> 90</span>byte</p>
-                                                        	<span class="msg_com msg_short">단문</span>
+															<p><span class="fwMd">15 /<span><span class="c_002c9a fwMd"> 90</span>byte</p>
+															<span class="msg_com msg_short">단문</span>
 														</div>
-                                                    </div>
-                                                </div>
-                                                <div class="put_right">
+													</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">
@@ -1786,225 +1946,225 @@
 															<!-- 특수문자 -->
 															<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>
+																	<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>
+																	<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>
+																	<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>
+																	<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>
+																	<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>
+																	<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>
+														<button type="button" class="btnType btnType7" onclick="miniPopup(this)">특정문구 일괄변환<i class="qmMark"></i></button>
 														<div class="send_miniPop convers">
 															<div>
 																<div class="convers_top">
@@ -2021,23 +2181,24 @@
 															</div>
 														</div>
 													</div>
-                                                    	<button type="button" class="btnType btnType7">내문자함</button>
-                                                    	<button type="button" class="btnType btnType8" onclick="showPotoediter();">이미지 불러오기</button>
-                                                    <div class="send_btnWrap">
-                                                        <button type="button" class="btnType btnType9">문자저장</button>
-                                                        <button type="button" class="btnType btnType9">초기화</button>
-                                                    </div>
-                                                </div>
-                                            </div>
+													<button type="button" class="btnType btnType7">내문자함</button>
+													<button type="button" class="btnType btnType8" onclick="showPotoediter();">이미지 불러오기</button>
+													<div class="send_btnWrap">
+														<button type="button" class="btnType btnType9">문자저장</button>
+														<button type="button" class="btnType btnType9">초기화</button>
+													</div>
+												</div>
+											</div>
 											<p>* 현재 [단문] <span class="c_e40000 fwBold">120,000</span>건 발송 가능합니다.</p>
-                                        </td>
-                                    </tr>
+										</td>
+									</tr>
+
 									<!-- 포토 -->
-                                    <tr style="display: none;">
-                                        <th scope="row">내용</th>
-                                        <td class="putText">
-                                            <div class="clearfix">
-                                                <div class="put_left photo">
+									<tr style="display:none">
+										<th scope="row">내용</th>
+										<td class="putText">
+											<div class="clearfix">
+												<div class="put_left photo">
 													<ul class="thumb_wrap">
 														<li class="on">
 															<div>
@@ -2061,9 +2222,11 @@
 															<button type="button" class="file_close_on"><img src="/publish/images/content/thumb_del_on.png" alt="첨부파일 삭제"></button>
 														</li>
 													</ul>
-													<div class="ad_txt"><p>(광고)</p></div>
-                                                    <label for="textarea" class="label"></label>
-                                                    <textarea id="textarea" class="put_text">
+													<div class="ad_txt">
+														<p>(광고)</p>
+													</div>
+													<label for="textarea" class="label"></label>
+													<textarea id="textarea" class="put_text">
 해마다 찾아오는 봄이지만
 봄맞이 대청소라는 말처럼,
 새 봄을 맞아 봄맞이 마음청소 한번하고 가실께요~ㅎㅎ
@@ -2091,19 +2254,19 @@
     
 새봄에 새마음으로 새롭게 시작해 보는 겁니다.
                                                     </textarea>
-                                                    <div class="text_length">
+													<div class="text_length">
 														<div>
 															<p>무료 거부 080-0000-0000</p>
 														</div>
 														<div>
-                                                        	<p><span class="fwMd">15 /<span><span class="c_002c9a fwMd"> 2000</span>byte</p>
-                                                        	<span class="msg_com msg_photo">그림</span>
+															<p><span class="fwMd">15 /<span><span class="c_002c9a fwMd"> 2000</span>byte</p>
+															<span class="msg_com msg_photo">그림</span>
 														</div>
-                                                    </div>
-                                                </div>
-                                                <div class="put_right">
+													</div>
+												</div>
+												<div class="put_right">
 													<div class="btn_popup_wrap spc_wrap">
-                                                    	<button type="button" class="btnType btnType7" onclick="miniPopup(this)">특수문자</button>
+														<button type="button" class="btnType btnType7" onclick="miniPopup(this)">특수문자</button>
 														<div class="send_miniPop spc_character">
 															<div>
 																<a href="#"></a>
@@ -2156,7 +2319,7 @@
 														</div>
 													</div>
 													<div class="btn_popup_wrap">
-                                                    	<button type="button" class="btnType btnType7" onclick="miniPopup(this)">특정문구 일괄변환<i class="qmMark"></i></button>
+														<button type="button" class="btnType btnType7" onclick="miniPopup(this)">특정문구 일괄변환<i class="qmMark"></i></button>
 														<div class="send_miniPop convers">
 															<div>
 																<div class="convers_top">
@@ -2173,220 +2336,337 @@
 															</div>
 														</div>
 													</div>
-                                                    	<button type="button" class="btnType btnType7">내문자함</button>
-                                                    	<button type="button" class="btnType btnType8" onclick="showPotoediter();">이미지 불러오기</button>
-                                                    <div class="send_btnWrap">
-                                                        <button type="button" class="btnType btnType9">문자저장</button>
-                                                        <button type="button" class="btnType btnType9">초기화</button>
-                                                    </div>
-                                                </div>
-                                            </div>
+													<button type="button" class="btnType btnType7">내문자함</button>
+													<button type="button" class="btnType btnType8" onclick="showPotoediter();">이미지 불러오기</button>
+													<div class="send_btnWrap">
+														<button type="button" class="btnType btnType9">문자저장</button>
+														<button type="button" class="btnType btnType9">초기화</button>
+													</div>
+												</div>
+											</div>
 											<p>* 현재 [단문] <span class="c_e40000 fwBold">120,000</span>건 발송 가능합니다.</p>
-                                        </td>
-                                    </tr> 
-                                </tbody>
-                            </table>
-                        </div><!-- send left 문자 보내기 입력 -->
+										</td>
+									</tr>
+
+									<tr>
+										<th scope="row" class="vTop">받는사람</th>
+										<td class="putText">
+											<div class="clearfix receipt_num">
+												<div class="receipt_num_top">
+													<label for="" class="label">받는 번호입력</label>
+													<textarea name="callTo" id="callTo" cols="30" rows="10" class="receipt_num" placeholder="번호를 입력하세요" onfocus="this.placeholder=''" onblur="this.placeholder='번호를 입력하세요'" style="width:340px;"></textarea>
+													<div class="btn_popup_wrap">
+														<button type="button" class="btnType btnType6 btn_add_number addCallToF">번호추가<i class="qmMark"></i></button>
+														<span style="display:block;margin:10px 0 0 0;"><span class="vMiddle">*</span> 중복번호는 한번만 추가됩니다.</span>
+														<div class="error_hover_cont send_hover_cont">
+															<p>줄바꿈(Enter) 기준으로 핸드폰 번호 입력이 가능합니다.</p>
+															<span>
+																(예시)<br>
+																010-1234-0001↵<br>
+																010-1235-0002↵<br>
+																01012350003↵<br>
+																01012350004↵<br>
+															</span>
+														</div>
+													</div>
+												</div>
+												<div class="receipt_num_midde">
+													<div class="listType list01">
+														<div class="list_table list_head">
+															<div class="cb_wrap">
+																<label for="" class="label"></label>
+																<input type="checkbox">
+															</div>
+															<div class="list_table_num">
+																<p>번호</p>
+																<img src="/publish/images/sortUp.png">
+																<img src="/publish/images/sortDown.png">
+															</div>
+															<div class="list_table_name">
+																<p>이름</p>
+																<img src="/publish/images/sortUp.png">
+																<img src="/publish/images/sortDown.png">
+															</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="put_right">
+														<div class="btn_popup_wrap spc_wrap">
+															<button type="button" data-tooltip="popup06" class="btnType btnType7">주소록 불러오기</button>
+														</div>
+														<div class="btn_popup_wrap">
+															<button type="button" data-tooltip="popup02" class="btnType btnType7">엑셀 불러오기</button>
+														</div>
+														<div class="btn_popup_wrap">
+															<button type="button" data-tooltip="popup03" class="btnType btnType7 tab1">최근 전송내역</button>
+														</div>
+														<div class="btn_popup_wrap">
+															<button type="button" data-tooltip="popup03" class="btnType btnType7 tab2">자주보내는 번호</button>
+														</div>
+														<div class="btn_popup_wrap">
+															<button type="button" data-tooltip="popup05" class="btnType btnType7 tab2" onclick="getMjMsgSentListAll('1');">재전송</button>
+														</div>
+														<!-- <div class="btn_popup_wrap check_validity_wrap">
+															<button type="button" class="btnType btnType7">오류 검사<i class="qmMark error_qm"></i></button>
+															<div class="error_hover_cont send_hover_cont">
+																<p>등록하신 전화번호(형식 등)가 정확하게 입력되었는지 오류여부를 자동으로 검사할 수 있습니다.</p>
+																<span>(예시) 010-1234-0001(O),<br> 010-123-0001(X)</span>
+															</div>
+														</div> -->
+													</div>
+												</div>
+												<div class="list_bottom clearfix">
+													<div class="remove_btnWrap">
+														<button type="button" class="btnType15"><i class="remove_img"></i>전체삭제</button>
+														<button type="button" class="btnType15"><i class="remove_img"></i>선택삭제</button>
+													</div>
+													<div class="list_bottom_right">
+														<p>총 <span class="c_e40000">120</span>건 / 중복 <span class="c_002c9a">9</span>건</p>
+														<button type="button" class="address_reg2">주소록에 등록</button>
+													</div>
+												</div>
+											</div>
+										</td>
+									</tr>
+									<tr>
+										<th colspan="2" class="billingAmount">
+											<div>
+												<div class="final_pay">
+													<div class="pay_info_list">
+														<p>발송금액 :</p>
+														<div class="info" id="repPriceTxt" style="display: none;">
+															단문 : <strong>20</strong>건<span>/</span>장문 : <strong>150</strong>건<span>/</span>그림문자 : <strong>30</strong>건
+														</div>
+													</div>
+													<p class="price"><span id="repPriceTxt"></span><span id="totalPriceTxt">0</span> 원<span></span></p>
+												</div>
+
+												<div class="pay_type clearfix">
+
+													<div>
+														<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="">
+														<span class="won">원</span>
+														<button type="button" class="btnType btnType21" onclick="location.href='/web/member/pay/PayView.do'">충전</button>
+													</div>
+
+												</div>
+
+												<!--발송금액 아래 등급별 가격안내 추가-->
+												<div class="my_price_wrap" id="myPriceWrap" style="">
+													<div class="center-line"></div>
+													<ul>
+														<li class="title">
+															<img src="/publish/images/content/icon_mypage_message.png" alt="">나의 단가 &nbsp;<span>:</span> &nbsp;
+														</li>
+														<li class="price_line">
+															<span class="type">단문</span>
+															<span class="price">18</span>원
+															<span class="line">/ &nbsp;</span>
+														</li>
+														<li class="price_line">
+															<span class="type">장문</span>
+															<span class="price">50</span>원
+															<span class="line">/ &nbsp;</span>
+														</li>
+														<li class="price_line">
+															<span class="type">그림</span>
+															<span class="price">90</span>원
+															(2장 : 110원 / 3장 : 130원)
+														</li>
+													</ul>
+												</div>
+												<!-- End -->
+
+											</div>
+										</th>
+									</tr>
+								</tbody>
+							</table>
+						</div><!-- send left 문자 보내기 입력 -->
 						<!-- send right 문자 보내기 미리보기 -->
-                        <div class="send_right">
+						<div class="send_right">
 							<div class="phone">
-                            	<div class="phoneIn">
-										<div>
-											<p class="prev_p"><img src="/publish/images/search.	png">미리보기</p>
-											<div class="text_length2 clearfix" style="display: none;">
-												<span class="msg_com msg_short">단문</span>
-												<div>
-													<span>글자크기</span>
-													<button type="button"><img src="/publish/images/	content/font_plus.png"></button>
-													<button type="button"><img src="/publish/images/	content/font_minus.png"></button>
-												</div>
+								<div class="phoneIn">
+									<div>
+										<p class="prev_p"><img src="/publish/images/search.	png">미리보기</p>
+										<div class="text_length2 clearfix" style="display: none;">
+											<span class="msg_com msg_short">단문</span>
+											<div>
+												<span>글자크기</span>
+												<button type="button"><img src="/publish/images/content/font_plus.png"></button>
+												<button type="button"><img src="/publish/images/content/font_minus.png"></button>
 											</div>
-											<div class="text_length2 clearfix">
-												<span class="msg_com msg_photo">포토</span>
-												<ul class="photo_msg_num">
-													<li onclick="imgClick(0);"><a href="#none">1</a></	li>
-													<li onclick="imgClick(1);"><a href="#none">2</a></	li>
-													<li onclick="imgClick(2);"><a href="#none">3</a></	li>
-												</ul>
-												<div>
-													<span>글자크기</span>
-													<button type="button"><img src="/publish/images/	content/font_plus.png"></button>
-													<button type="button"><img src="/publish/images/	content/font_minus.png"></button>
-												</div>
-											</div>
-											<!-- 텍스트 미리보기 -->
-											<div class="text_preview">
-												<div class="preiew_img">
-													<div class="img_box">
-														<img src="/publish/images/content/	photo_sample01.jpg">
-													</div>
-													<div class="img_box">
-														<img src="/publish/images/content/	photo_sample01.jpg">
-													</div>
-													<div class="img_box">
-														<img src="/publish/images/content/excel.jpg">
-													</div>
-												</div>
-												<div class="preview_auto">
-													<p class="ad_tit">(광고)</p>
-													<p class="none_txt">내용을 입력해주세요.</p>
-													<p class="realtime"></p>
-													<p class="deny_receipt">무료 거부 080-0000-0000</p>
-												</div>
-											</div>
-											<!-- //텍스트 미리보기 -->
 										</div>
+										<div class="text_length2 clearfix">
+											<span class="msg_com msg_photo">포토</span>
+											<ul class="photo_msg_num">
+												<li onclick="imgClick(0);"><a href="#none">1</a></ li>
+												<li onclick="imgClick(1);"><a href="#none">2</a></ li>
+												<li onclick="imgClick(2);"><a href="#none">3</a></ li>
+											</ul>
+											<div>
+												<span>글자크기</span>
+												<button type="button"><img src="/publish/images/content/font_plus.png"></button>
+												<button type="button"><img src="/publish/images/content/font_minus.png"></button>
+											</div>
+										</div>
+										<!-- 텍스트 미리보기 -->
+										<div class="text_preview">
+											<div class="preiew_img">
+												<div class="img_box">
+													<img src="/publish/images/content/photo_sample01.jpg">
+												</div>
+												<div class="img_box">
+													<img src="/publish/images/content/photo_sample01.jpg">
+												</div>
+												<div class="img_box">
+													<img src="/publish/images/content/excel.jpg">
+												</div>
+											</div>
+											<div class="preview_auto">
+												<p class="ad_tit">(광고)</p>
+												<p class="none_txt">내용을 입력해주세요.</p>
+												<p class="realtime"></p>
+												<p class="deny_receipt">무료 거부 080-0000-0000</p>
+											</div>
+										</div>
+										<!-- //텍스트 미리보기 -->
+									</div>
 								</div>
 								<p class="addText">※ 단말기 설정에 따라 다르게 보일 수 있습니다<p>
+										<div class="preview_util">
+											<button type="button" id="btnFirst" disabled="disabled"><img src="/publish/images/content/page_first.png"></button>
+											<button type="button" id="btnPrev" data-index="0" disabled="disabled"><img src="/publish/images/content/page_prev.png"></button>
+											<p>미리보기</p>
+											<button type="button" id="btnNext" data-index="1" disabled="disabled"><img src="/publish/images/content/page_next.png"></button>
+											<button type="button" id="btnLast" disabled="disabled"><img src="/publish/images/content/page_last.png"></button>
+										</div>
 							</div>
-                        </div><!--// send right 문자 보내기 미리보기 -->
-                    </div>
-					<!-- excel 대량 불러오기 -->
-					<div class="excelWrap">
-						<div>
-							<div class="excel_selBox">
-								<div>
-									<button type="button" class="excel_btn btnType"><i class="uproad"></i>엑셀 불러오기</button>
-								</div>
-								<div>
-									<button type="button" class="excel_btn"><i class="downroad"></i>엑셀 샘플 다운로드</button>
-									<!-- <button type="button" class="btnType btnType14"><i></i>번호입력형식안내</button> -->
-								</div>
-							</div>
-							<div class="file_add">
-								<p><img src="/publish/images/content/file_add.png" alt="파일 붙여넣기">마우스로 엑셀 파일을 여기에 끌어다 놓으세요</p>
-							</div>
-							<div class="excel_middle2">
-								<p>총 <span class="c_e40000 fwBold">120</span>건 / 중복 <span class="c_002c9a fwBold">9</span>건</p>
-								<button type="button" class="btnType btnType6">번호추가</button>
-							</div>
-							<div class="drag_drop_wrap">
-								<img src="/publish/images/content/excel.jpg" style="width: 100%;">
-							</div>
-							<div class="excel_middle">
-								<div class="select_btnWrap clearfix">
-									<div>
-										<button type="button"><i class="remove_img"></i>선택삭제</button>
-										<button type="button"><i class="remove_img"></i>오류번호삭제</button>
-										<button type="button" class="check_validity">오류 검사<i></i></button>
+							<div class="phone_bottom">
+								<div class="send_rev">
+									<div class="send_content">
+										<div class="rev_radio">
+											<ul>
+												<li><input type="radio" id="reserYnN" name="reserYn" value="N" checked="checked"><label for="reserYnN">즉시</label></li>
+												<li><input type="radio" id="reserYnY" name="reserYn" value="Y"><label for="reserYnY">예약</label></li>
+											</ul>
+										</div>
+										<div class="send_btn">
+											<button type="button" class="btnType btnType11" onclick="javascript:fn_sendMsgData(); return false;">발송하기</button>
+											<button type="button" class="btnType btnType10" onclick="window.open('/publish/testKakaoSendPop.html','','width=770,height=830')">테스트발송</button>
+										</div>
 									</div>
-									<div>
-										<button type="button" class="excel_btn"><i class="downroad"></i>엑셀 다운로드</button>
+									<div class="rev_selected" style="display:none;">
+										<div class="rev_top">
+											<span>날짜 :</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">
+											</div>
+											<div class="selBox">
+												<select class="selType1" id="msgResHour" name="msgResHour">
+													<option value="00">00시</option>
+													<option value="01">01시</option>
+													<option value="02">02시</option>
+													<option value="03">03시</option>
+													<option value="04">04시</option>
+													<option value="05">05시</option>
+													<option value="06">06시</option>
+													<option value="07">07시</option>
+													<option value="08">08시</option>
+													<option value="09">09시</option>
+													<option value="10">10시</option>
+													<option value="11">11시</option>
+													<option value="12">12시</option>
+													<option value="13">13시</option>
+													<option value="14">14시</option>
+													<option value="15">15시</option>
+													<option value="16">16시</option>
+													<option value="17">17시</option>
+													<option value="18">18시</option>
+													<option value="19">19시</option>
+													<option value="20">20시</option>
+													<option value="21">21시</option>
+													<option value="22">22시</option>
+													<option value="23">23시</option>
+													<option value="24">24시</option>
+												</select>
+												<select class="selType1" id="msgResMin" name="msgResMin">
+													<option value="00">00분</option>
+													<option value="05">05분</option>
+													<option value="10">10분</option>
+													<option value="15">15분</option>
+													<option value="20">20분</option>
+													<option value="25">25분</option>
+													<option value="30">30분</option>
+													<option value="35">35분</option>
+													<option value="40">40분</option>
+													<option value="45">45분</option>
+													<option value="50">50분</option>
+													<option value="55">55분</option>
+												</select>
+											</div>
+											<div class="rev_bottom">
+												<input type="checkbox" id="divideChk" name="divideChk">
+												<label for="divideChk">분할전송</label>
+												<select class="selType1" id="divideCnt" name="divideCnt">
+													<option value="2">2</option>
+													<option value="10">10</option>
+													<option value="20">20</option>
+													<option value="30">30</option>
+												</select>
+												<label for="divideCnt">건</label>
+												<select class="selType1" id="divideTime" name="divideTime">
+													<option value="5">05분</option>
+													<option value="10">10분</option>
+													<option value="15">15분</option>
+													<option value="20">20분</option>
+													<option value="30">30분</option>
+												</select>
+												<label for="divideTime">간격</label>
+											</div>
+										</div>
 									</div>
+
 								</div>
 							</div>
 						</div>
+						<!--// send right 문자 보내기 미리보기 -->
 					</div>
-					<div class="send_general sec">
-                        <div class="send_left">
-                            <table class="tType1">
-                                <caption>일반 문자보내기 분류 번호 내용 등을 입력하는 표</caption>
-                                <colgroup>
-                                    <col style="width: 100px;">
-                                    <col style="width: auto;">
-                                </colgroup>
-                                <tbody>
-                                    <tr>
-                                        <th colspan="2" class="billingAmount">
-                                            <div>
-												<div class="final_pay">
-                                                <p>결제금액 :</p>
-                                                <p class="price"><span>200,000</span>원<span>(부가세 포함)</span></p>
-												</div>
-												<div class="pay_type clearfix">
-													<div>
-														<label for="" class="label">충전 금액</label>
-														<input id="radio_bill_1" type="radio" name="radio_bill" checked="checked">
-														<label for="radio_bill_1">내 충전금 (<span>3,000</span>원)</label>
-													</div>
-													<div>
-														<label for="" class="label">포인트 금액</label>
-														<input type="text" placeholder="199,700" readonly>
-														<button type="button" class="btnType btnType3">충전</button>
-													</div>
-												</div>
-											</div>
-                                        </th>
-                                    </tr>
-                                    <tr>
-                                        <th scope="row">추천인 ID</th>
-                                        <td class="check_num">
-                                            <input id="radio5" type="radio"name="recom" checked="checked">
-                                            <label for="radio5">없음</label>
-                                            <input id="radio6" type="radio" name="recom">
-                                            <label for="radio6">있음</label>
-                                            <div>
-                                                <label for="id" class="label"></label>
-                                                <input type="text" size="20" id="id" placeholder="추천인 아이디 입력" onfocus="this.placeholder=''" onblur="this.placeholder='추천인 아이디 입력'">
-                                                <button type="button" class="btnType btnType9">추천인 확인</button>
-                                            </div>
-                                        </td>
-                                    </tr>         
-                                </tbody>
-                            </table>
-                        </div>
-                        <div class="send_right">
-                            <div class="send_rev">
-                                <div class="rev_radio">
-                                    <input id="radio11" type="radio"name="reser2" checked="checked">
-                                    <label for="radio11">즉시</label>
-                                    <input id="radio12" type="radio" name="reser2">
-                                    <label for="radio12">예약</label>
-                                </div>
-                                <div class="rev_selected">
-                                    <div class="rev_top">
-                                        <span>날짜 :</span>
-                                        <div class="calendar_wrap">
-											<input type="text" class="startDate2 inp" title="검색 시작일" id="startDate2" name="startDate2" value="" data-datecontrol="true">
-											<div class="calendar_in" id="calendarName_startDate2" style="z-index: 9;">
-												<button type="button" value="달력 팝업 열기" onclick="return calendarOpen('startDate2-lry','',this)"></button>
-												<div id="startDate2-lry" class="calendarPop" style="display: none;">
-													<iframe id="startDate2-ifrm" name="startDate2-ifrm" class="calendar-frame" src="/publish/calendar.html" title=" 달력 팝업" frameborder="0" scrolling="no"></iframe>
-												</div>
-											</div>
-										</div>
-                                        <label for="" class="label">시 선택</label>
-										<div class="selBox">
-                                        	<select class="selType1">
-                                        	    <option>00시</option>
-                                        	    <option>10시</option>
-                                        	    <option>20시</option>
-                                        	</select>
-                                        	<label for="" class="label">분 선택</label>
-                                        	<select class="selType1">
-                                        	    <option>00분</option>
-                                        	    <option>25분</option>
-                                        	    <option>50분</option>
-                                        	</select>
-										</div>
-                                    </div>
-                                    <div class="rev_bottom">
-                                        <input type="checkbox">
-                                        <label for="">분할전송</label>
-                                        <select class="selType1">
-                                            <option>00시</option>
-                                            <option>10시</option>
-                                            <option>20시</option>
-                                        </select>
-                                        <label for="">건</label>
-                                        <select class="selType1">
-                                            <option>00분</option>
-                                            <option>25분</option>
-                                            <option>50분</option>
-                                        </select>
-                                        <label>간격</label>
-                                    </div>
-                                </div>
-                            </div>
-                            <div class="send_btn">
-                                <button type="button" class="btnType btnType10">테스트 발송<img src="/publish/images/content/qmIcon.png"></button>
-                                <button type="button" class="btnType btnType11">발송하기</button>
-                            </div>
-                        </div>
-                    </div>
-				</div><!--// tab content2 -->
-            </div><!--// send top -->
-            <!-- send bottom -->
+
+
+				</div>
+				<!--// tab content2 -->
+
+			</div>
+			<!--// tab content1 -->
+
 			<div class="send_bottom">
 				<!-- tab button -->
 				<ul class="tabType2">
@@ -2452,7 +2732,9 @@
 					</div>
 					<ul class="area_tabcontent msg_sample">
 						<li>
-							<div class="tit_text_wrap"><p class="tit_text">화이트 데이 화이트 데이 화이트 데이</p></div>
+							<div class="tit_text_wrap">
+								<p class="tit_text">화이트 데이 화이트 데이 화이트 데이</p>
+							</div>
 							<div class="msg_cont">
 								<div class="msg_text">즐거운 화이트데이입니다. <br><br>
 									달달한 하루보내시라고, 화이트 데이 사탕보냅니다.<br><br>
@@ -2467,7 +2749,9 @@
 							<p class="info_text">0 / <span class="limit_text">90</span>byte</p>
 						</li>
 						<li>
-							<div class="tit_text_wrap"><p class="tit_text">화이트 데이</p></div>
+							<div class="tit_text_wrap">
+								<p class="tit_text">화이트 데이</p>
+							</div>
 							<div class="msg_cont">
 								<div class="msg_text">즐거운 화이트데이입니다. <br><br>
 									달달한 하루보내시라고, 화이트 데이 사탕보냅니다.<br><br>
@@ -2482,7 +2766,9 @@
 							<p class="info_text">0 / <span class="limit_text">90</span>byte</p>
 						</li>
 						<li>
-							<div class="tit_text_wrap"><p class="tit_text">화이트 데이</p></div>
+							<div class="tit_text_wrap">
+								<p class="tit_text">화이트 데이</p>
+							</div>
 							<div class="msg_cont">
 								<div class="msg_text">즐거운 화이트데이입니다. <br><br>
 									달달한 하루보내시라고, 화이트 데이 사탕보냅니다.<br><br>
@@ -2497,7 +2783,9 @@
 							<p class="info_text">0 / <span class="limit_text">90</span>byte</p>
 						</li>
 						<li>
-							<div class="tit_text_wrap"><p class="tit_text">화이트 데이</p></div>
+							<div class="tit_text_wrap">
+								<p class="tit_text">화이트 데이</p>
+							</div>
 							<div class="msg_cont">
 								<div class="msg_text">즐거운 화이트데이입니다. <br><br>
 									달달한 하루보내시라고, 화이트 데이 사탕보냅니다.<br><br>
@@ -2512,7 +2800,9 @@
 							<p class="info_text">0 / <span class="limit_text">90</span>byte</p>
 						</li>
 						<li>
-							<div class="tit_text_wrap"><p class="tit_text">화이트 데이</p></div>
+							<div class="tit_text_wrap">
+								<p class="tit_text">화이트 데이</p>
+							</div>
 							<div class="msg_cont">
 								<div class="msg_text">즐거운 화이트데이입니다. <br><br>
 									달달한 하루보내시라고, 화이트 데이 사탕보냅니다.<br><br>
@@ -2527,7 +2817,9 @@
 							<p class="info_text">0 / <span class="limit_text">90</span>byte</p>
 						</li>
 						<li>
-							<div class="tit_text_wrap"><p class="tit_text">화이트 데이</p></div>
+							<div class="tit_text_wrap">
+								<p class="tit_text">화이트 데이</p>
+							</div>
 							<div class="msg_cont">
 								<div class="msg_text">즐거운 화이트데이입니다. <br><br>
 									달달한 하루보내시라고, 화이트 데이 사탕보냅니다.<br><br>
@@ -2542,7 +2834,9 @@
 							<p class="info_text">0 / <span class="limit_text">90</span>byte</p>
 						</li>
 						<li>
-							<div class="tit_text_wrap"><p class="tit_text">화이트 데이</p></div>
+							<div class="tit_text_wrap">
+								<p class="tit_text">화이트 데이</p>
+							</div>
 							<div class="msg_cont">
 								<div class="msg_text">즐거운 화이트데이입니다. <br><br>
 									달달한 하루보내시라고, 화이트 데이 사탕보냅니다.<br><br>
@@ -2557,7 +2851,9 @@
 							<p class="info_text">0 / <span class="limit_text">90</span>byte</p>
 						</li>
 						<li>
-							<div class="tit_text_wrap"><p class="tit_text">화이트 데이</p></div>
+							<div class="tit_text_wrap">
+								<p class="tit_text">화이트 데이</p>
+							</div>
 							<div class="msg_cont">
 								<div class="msg_text">즐거운 화이트데이입니다. <br><br>
 									달달한 하루보내시라고, 화이트 데이 사탕보냅니다.<br><br>
@@ -2572,7 +2868,9 @@
 							<p class="info_text">0 / <span class="limit_text">90</span>byte</p>
 						</li>
 						<li>
-							<div class="tit_text_wrap"><p class="tit_text">화이트 데이</p></div>
+							<div class="tit_text_wrap">
+								<p class="tit_text">화이트 데이</p>
+							</div>
 							<div class="msg_cont">
 								<div class="msg_text">즐거운 화이트데이입니다. <br><br>
 									달달한 하루보내시라고, 화이트 데이 사탕보냅니다.<br><br>
@@ -2587,7 +2885,9 @@
 							<p class="info_text">0 / <span class="limit_text">90</span>byte</p>
 						</li>
 						<li>
-							<div class="tit_text_wrap"><p class="tit_text">화이트 데이</p></div>
+							<div class="tit_text_wrap">
+								<p class="tit_text">화이트 데이</p>
+							</div>
 							<div class="msg_cont">
 								<div class="msg_text">즐거운 화이트데이입니다. <br><br>
 									달달한 하루보내시라고, 화이트 데이 사탕보냅니다.<br><br>
@@ -2619,7 +2919,8 @@
 						<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><!--// tab content1 -->
+				</div>
+				<!--// tab content1 -->
 				<!--// tab content2 -->
 				<div class="bottom_content current" id="tab2_2">
 					<div class="area_tabs">
@@ -2631,7 +2932,7 @@
 								<div class="on_active">전체</div>
 							</div>
 							<div class="tab_depth2">
-									<a href="#none" class="on">그림문자</a>
+								<a href="#none" class="on">그림문자</a>
 							</div>
 							<select name="" id="" class="selType2">
 								<option value="">2줄보기</option>
@@ -2672,70 +2973,90 @@
 					<ul class="area_tabcontent photo_sample">
 						<li class="hover_photo">
 							<div class="hover_cont"><img src="/publish/images/content/photo_sample01.jpg" alt=""></div>
-							<div class="tit_text_wrap"><p class="tit_text">추석 입니다 추석 입니다 추석 입니다 추석 입니다</p></div>
+							<div class="tit_text_wrap">
+								<p class="tit_text">추석 입니다 추석 입니다 추석 입니다 추석 입니다</p>
+							</div>
 							<div class="photo_cont">
 								<img src="/publish/images/content/photo_sample01.jpg" alt="">
 							</div>
 						</li>
 						<li>
 							<div class="hover_cont"><img src="/publish/images/content/photo_sample02.jpg" alt=""></div>
-							<div class="tit_text_wrap"><p class="tit_text">추석</p></div>
+							<div class="tit_text_wrap">
+								<p class="tit_text">추석</p>
+							</div>
 							<div class="photo_cont">
 								<img src="/publish/images/content/photo_sample02.jpg" alt="">
 							</div>
 						</li>
 						<li>
 							<div class="hover_cont"><img src="/publish/images/content/photo_sample03.jpg" alt=""></div>
-							<div class="tit_text_wrap"><p class="tit_text">추석</p></div>
+							<div class="tit_text_wrap">
+								<p class="tit_text">추석</p>
+							</div>
 							<div class="photo_cont">
 								<img src="/publish/images/content/photo_sample03.jpg" alt="">
 							</div>
 						</li>
 						<li>
 							<div class="hover_cont"><img src="/publish/images/content/photo_sample04.jpg" alt=""></div>
-							<div class="tit_text_wrap"><p class="tit_text">추석</p></div>
+							<div class="tit_text_wrap">
+								<p class="tit_text">추석</p>
+							</div>
 							<div class="photo_cont">
 								<img src="/publish/images/content/photo_sample04.jpg" alt="">
 							</div>
 						</li>
 						<li>
 							<div class="hover_cont"><img src="/publish/images/content/photo_sample05.jpg" alt=""></div>
-							<div class="tit_text_wrap"><p class="tit_text">추석</p></div>
+							<div class="tit_text_wrap">
+								<p class="tit_text">추석</p>
+							</div>
 							<div class="photo_cont">
 								<img src="/publish/images/content/photo_sample05.jpg" alt="">
 							</div>
 						</li>
 						<li>
 							<div class="hover_cont"><img src="/publish/images/content/photo_sample06.jpg" alt=""></div>
-							<div class="tit_text_wrap"><p class="tit_text">추석</p></div>
+							<div class="tit_text_wrap">
+								<p class="tit_text">추석</p>
+							</div>
 							<div class="photo_cont">
 								<img src="/publish/images/content/photo_sample06.jpg" alt="">
 							</div>
 						</li>
 						<li>
 							<div class="hover_cont"><img src="/publish/images/content/photo_sample07.jpg" alt=""></div>
-							<div class="tit_text_wrap"><p class="tit_text">추석</p></div>
+							<div class="tit_text_wrap">
+								<p class="tit_text">추석</p>
+							</div>
 							<div class="photo_cont">
 								<img src="/publish/images/content/photo_sample07.jpg" alt="">
 							</div>
 						</li>
 						<li>
 							<div class="hover_cont"><img src="/publish/images/content/photo_sample08.jpg" alt=""></div>
-							<div class="tit_text_wrap"><p class="tit_text">추석</p></div>
+							<div class="tit_text_wrap">
+								<p class="tit_text">추석</p>
+							</div>
 							<div class="photo_cont">
 								<img src="/publish/images/content/photo_sample08.jpg" alt="">
 							</div>
 						</li>
 						<li>
 							<div class="hover_cont"><img src="/publish/images/content/photo_sample09.jpg" alt=""></div>
-							<div class="tit_text_wrap"><p class="tit_text">추석</p></div>
+							<div class="tit_text_wrap">
+								<p class="tit_text">추석</p>
+							</div>
 							<div class="photo_cont">
 								<img src="/publish/images/content/photo_sample09.jpg" alt="">
 							</div>
 						</li>
 						<li>
 							<div class="hover_cont"><img src="/publish/images/content/photo_sample10.jpg" alt=""></div>
-							<div class="tit_text_wrap"><p class="tit_text">추석</p></div>
+							<div class="tit_text_wrap">
+								<p class="tit_text">추석</p>
+							</div>
 							<div class="photo_cont">
 								<img src="/publish/images/content/photo_sample10.jpg" alt="">
 							</div>
@@ -2758,24 +3079,26 @@
 						<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><!--// tab content2 -->
+				</div>
+				<!--// tab content2 -->
 				<!--tab content3 -->
 				<div class="bottom_content" id="tab2_3">
 					<div class="map_search">
 						<label for="" class="label"></label>
-                        <input type="text" placeholder="도로명 또는 지번을 입력해주세요." onfocus="this.placeholder=''" onblur="this.placeholder='도로명 또는 지번을 입력해주세요.'">
-                        <button type="button" class="btnType map_check">확인</button>
-                        <button type="button" class="btnType map_add">약도링크 추가</button>
+						<input type="text" placeholder="도로명 또는 지번을 입력해주세요." onfocus="this.placeholder=''" onblur="this.placeholder='도로명 또는 지번을 입력해주세요.'">
+						<button type="button" class="btnType map_check">확인</button>
+						<button type="button" class="btnType map_add">약도링크 추가</button>
 						<p><span class="vMiddle">*</span> 지도링크는 입력메시지 끝부분에 추가됩니다.</p>
 					</div>
 					<img src="/publish/images/content/imsi_map.PNG" alt="지도" style="width: 100%;">
-				</div><!--// tab content3 -->
+				</div>
+				<!--// tab content3 -->
 				<!-- tab content4 -->
 				<div class="bottom_content" id="tab2_4">
 					<div class="search_wrap clearfix">
-                        <div class="btn_left">
-                            <span>· 기간</span>
-                            <div class="calendar_wrap">
+						<div class="btn_left">
+							<span>· 기간</span>
+							<div class="calendar_wrap">
 								<input type="text" class="startDate3 inp" title="검색 시작일" id="startDate3" name="startDate3" value="" data-datecontrol="true">
 								<div class="calendar_in" id="calendarName_startDate3" style="z-index: 9;">
 									<button type="button" value="달력 팝업 열기" onclick="return calendarOpen('startDate3-lry','',this)"></button>
@@ -2789,43 +3112,43 @@
 									<button type="button" value="달력 팝업 열기" onclick="return calendarOpen('endDate-lry','',this)"></button>
 								</div>
 							</div>
-                            <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 class="btn_right">
-                            <button type="button">최근순<i></i></button>
-                            <select name="" id="" class="selType2">
-                                <option value="">전체보기</option>
-                                <option value="">완료</option>
-                                <option value="">수정중</option>
-                                <option value="">수정요청</option>
-                            </select>
-                            <select name="" id="" class="selType2">
-                                <option value="">2줄보기</option>
-                                <option value="">4줄보기</option>
-                                <option value="">6줄보기</option>
-                            </select>
-                        </div>
-                    </div>
-                    <div class="search_wrap_btn">
-                        <button type="button" class="btnType15"><i class="add_img"></i>전체선택</button>
-                        <button type="button" class="btnType15"><i class="remove_img"></i>선택삭제</button>
+							<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 class="btn_right">
+							<button type="button">최근순<i></i></button>
+							<select name="" id="" class="selType2">
+								<option value="">전체보기</option>
+								<option value="">완료</option>
+								<option value="">수정중</option>
+								<option value="">수정요청</option>
+							</select>
+							<select name="" id="" class="selType2">
+								<option value="">2줄보기</option>
+								<option value="">4줄보기</option>
+								<option value="">6줄보기</option>
+							</select>
+						</div>
+					</div>
+					<div class="search_wrap_btn">
+						<button type="button" class="btnType15"><i class="add_img"></i>전체선택</button>
+						<button type="button" class="btnType15"><i class="remove_img"></i>선택삭제</button>
 						<p><span class="fwBold c_222">·</span> 총 <span class="c_e40000 fwRg">11</span>건의 보관된 문자가 있습니다. <span class="fwRg c_222"> 메시지를 클릭</span>하시면, <span class="fwRg c_222">발송창에 입력</span>됩니다.<span class="add_text">(내용 수정 및 저장은 발송창에서만 가능)</span></p>
-                    </div>
+					</div>
 					<ul class="area_tabcontent msg_sample myBox">
 						<li>
 							<div class="tit_text_wrap">
-                                <label for="" class="label">내 문자함 체크</label>
+								<label for="" class="label">내 문자함 체크</label>
 								<input type="checkbox" id="">
 								<p class="tit_text">화이트 데이 화이트 데이 화이트 데이</p>
 							</div>
 							<div class="msg_cont">
 								<div class="photo_cont">
-                                    <img src="/publish/images/content/photo_sample01.jpg" alt="">
-                                </div>
+									<img src="/publish/images/content/photo_sample01.jpg" alt="">
+								</div>
 								<div class="msg_text">즐거운 화이트데이입니다. <br><br>
 									달달한 하루보내시라고, 화이트 데이 사탕보냅니다.<br><br>
 									맛있게 드시고, 새콤달콤 행복한 하루보내세요~<br><br>
@@ -2838,12 +3161,12 @@
 							</div>
 							<p class="info_text">0 / <span class="limit_text">90</span>byte</p>
 							<div class="myphoto_info">
-                                <p>2021-01-01</p>
-                            </div>
+								<p>2021-01-01</p>
+							</div>
 						</li>
 						<li>
 							<div class="tit_text_wrap">
-                                <label for="" class="label">내 문자함 체크</label>
+								<label for="" class="label">내 문자함 체크</label>
 								<input type="checkbox" id="">
 								<p class="tit_text">화이트 데이</p>
 							</div>
@@ -2855,22 +3178,22 @@
 							</div>
 							<p class="info_text">0 / <span class="limit_text">90</span>byte</p>
 							<div class="myphoto_info">
-                                <p>2021-01-01</p>
-                            </div>
+								<p>2021-01-01</p>
+							</div>
 						</li>
 						<li>
 							<div class="tit_text_wrap">
-                                <label for="" class="label">내 문자함 체크</label>
+								<label for="" class="label">내 문자함 체크</label>
 								<input type="checkbox" id="">
 								<p class="tit_text">화이트 데이</p>
 							</div>
 							<div class="msg_cont">
 								<div class="photo_cont">
-                                    <img src="/publish/images/content/photo_sample02.jpg" alt="">
-                                </div>
+									<img src="/publish/images/content/photo_sample02.jpg" alt="">
+								</div>
 								<div class="photo_cont">
-                                    <img src="/publish/images/content/photo_sample03.jpg" alt="">
-                                </div>
+									<img src="/publish/images/content/photo_sample03.jpg" alt="">
+								</div>
 								<div class="msg_text">즐거운 화이트데이입니다. <br><br>
 									달달한 하루보내시라고, 화이트 데이 사탕보냅니다.<br><br>
 									맛있게 드시고, 새콤달콤 행복한 하루보내세요~<br><br>
@@ -2883,28 +3206,28 @@
 							</div>
 							<p class="info_text">0 / <span class="limit_text">90</span>byte</p>
 							<div class="myphoto_info">
-                                <p>2021-01-01</p>
-                            </div>
+								<p>2021-01-01</p>
+							</div>
 						</li>
 						<li>
 							<div class="tit_text_wrap">
-                                <label for="" class="label">내 문자함 체크</label>
+								<label for="" class="label">내 문자함 체크</label>
 								<input type="checkbox" id="">
 								<p class="tit_text">화이트 데이</p>
 							</div>
 							<div class="msg_cont">
 								<div class="photo_cont">
-                                    <img src="/publish/images/content/photo_sample01.jpg" alt="">
-                                </div>
+									<img src="/publish/images/content/photo_sample01.jpg" alt="">
+								</div>
 							</div>
 							<p class="info_text">0 / <span class="limit_text">90</span>byte</p>
 							<div class="myphoto_info">
-                                <p>2021-01-01</p>
-                            </div>
+								<p>2021-01-01</p>
+							</div>
 						</li>
 						<li>
 							<div class="tit_text_wrap">
-                                <label for="" class="label">내 문자함 체크</label>
+								<label for="" class="label">내 문자함 체크</label>
 								<input type="checkbox" id="">
 								<p class="tit_text">화이트 데이</p>
 							</div>
@@ -2921,12 +3244,12 @@
 							</div>
 							<p class="info_text">0 / <span class="limit_text">90</span>byte</p>
 							<div class="myphoto_info">
-                                <p>2021-01-01</p>
-                            </div>
+								<p>2021-01-01</p>
+							</div>
 						</li>
 						<li>
 							<div class="tit_text_wrap">
-                                <label for="" class="label">내 문자함 체크</label>
+								<label for="" class="label">내 문자함 체크</label>
 								<input type="checkbox" id="">
 								<p class="tit_text">화이트 데이</p>
 							</div>
@@ -2943,12 +3266,12 @@
 							</div>
 							<p class="info_text">0 / <span class="limit_text">90</span>byte</p>
 							<div class="myphoto_info">
-                                <p>2021-01-01</p>
-                            </div>
+								<p>2021-01-01</p>
+							</div>
 						</li>
 						<li>
 							<div class="tit_text_wrap">
-                                <label for="" class="label">내 문자함 체크</label>
+								<label for="" class="label">내 문자함 체크</label>
 								<input type="checkbox" id="">
 								<p class="tit_text">화이트 데이</p>
 							</div>
@@ -2965,12 +3288,12 @@
 							</div>
 							<p class="info_text">0 / <span class="limit_text">90</span>byte</p>
 							<div class="myphoto_info">
-                                <p>2021-01-01</p>
-                            </div>
+								<p>2021-01-01</p>
+							</div>
 						</li>
 						<li>
 							<div class="tit_text_wrap">
-                                <label for="" class="label">내 문자함 체크</label>
+								<label for="" class="label">내 문자함 체크</label>
 								<input type="checkbox" id="">
 								<p class="tit_text">화이트 데이</p>
 							</div>
@@ -2987,12 +3310,12 @@
 							</div>
 							<p class="info_text">0 / <span class="limit_text">90</span>byte</p>
 							<div class="myphoto_info">
-                                <p>2021-01-01</p>
-                            </div>
+								<p>2021-01-01</p>
+							</div>
 						</li>
 						<li>
 							<div class="tit_text_wrap">
-                                <label for="" class="label">내 문자함 체크</label>
+								<label for="" class="label">내 문자함 체크</label>
 								<input type="checkbox" id="">
 								<p class="tit_text">화이트 데이</p>
 							</div>
@@ -3009,12 +3332,12 @@
 							</div>
 							<p class="info_text">0 / <span class="limit_text">90</span>byte</p>
 							<div class="myphoto_info">
-                                <p>2021-01-01</p>
-                            </div>
+								<p>2021-01-01</p>
+							</div>
 						</li>
 						<li>
 							<div class="tit_text_wrap">
-                                <label for="" class="label">내 문자함 체크</label>
+								<label for="" class="label">내 문자함 체크</label>
 								<input type="checkbox" id="">
 								<p class="tit_text">화이트 데이</p>
 							</div>
@@ -3031,8 +3354,8 @@
 							</div>
 							<p class="info_text">0 / <span class="limit_text">90</span>byte</p>
 							<div class="myphoto_info">
-                                <p>2021-01-01</p>
-                            </div>
+								<p>2021-01-01</p>
+							</div>
 						</li>
 					</ul>
 					<!-- pagination -->
@@ -3052,44 +3375,19 @@
 						<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><!--// tab content4 -->
+				</div>
+				<!--// tab content4 -->
 
 			</div>
 		</div>
-        </div>
-    </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 영역 -->
-</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
diff --git a/src/main/webapp/publish/sub2.html b/src/main/webapp/publish/sub2.html
index 5eda3991..b89dba38 100644
--- a/src/main/webapp/publish/sub2.html
+++ b/src/main/webapp/publish/sub2.html
@@ -14,163 +14,198 @@
     <link rel="stylesheet" href="/publish/css/content.css">
     <link rel="stylesheet" href="/publish/css/font.css">
     <link rel="stylesheet" href="/publish/css/popupLayer.css">
-    
-    
+
+
     <script src="/publish/js/jquery-3.5.0.js"></script>
     <script src="/publish/js/jquery.mCustomScrollbar.concat.min.js"></script>
     <script src="/publish/js/common.js"></script>
     <script src="/publish/js/content.js"></script>
     <script src="/publish/js/calendar.js"></script>
-	<script src="/publish/js/popupLayer.js"></script>
+    <script src="/publish/js/popupLayer.js"></script>
 
 </head>
+
 <body>
-    <div class="mask"></div>
+    <!-- 맞춤제작 요청 레이어 팝업 -->
+    <div class="tooltip-wrap" id="customPopup">
+        <div class="popup-com custom_layer popup01" tabindex="0" data-tooltip-con="popup01" data-focus="popup01" data-focus-prev="popup01-close">
+            <div class="popup_heading">
+                <p>맞춤제작</p>
+                <button type="button" class="tooltip-close" data-focus="popup01-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
+            </div>
+            <div class="layer_in">
+                <div class="header_cont">
+                    <h3>선택이미지</h3>
+                    <div class="slectImg_cont" id="selectImgInfo">
+                        <img src="/publish/images/main/template02.jpg" alt="">
+                    </div>
+                    <div class="search_box">
+                        <label for="" class="label">추천 템플릿 검색 입력</label>
+                        <input type="text" name="sampleSearching" id="sampleSearching" placeholder="템플릿 검색" onfocus="this.placeholder=''" onblur="this.placeholder='템플릿 검색'">
+                        <label for="" class="label">추천 템플릿 검색</label>
+                        <button>
+                            <img src="/publish/images/popup/search.png" alt="검색">
+                        </button>
+                        <label for="" class="label">추천 템플릿 선택</label>
+                        <select name="sampleTemplate" id="sampleTemplate" onchange="searchSampleImg();">
+                            <option value="">All</option>
+                            <option value="best" selected="">BEST</option>
+                            <option value="11100">선거</option>
+                            <option value="11200">부고/조문</option>
+                            <option value="112600">결혼</option>
+                            <option value="11300">초대장</option>
+                            <option value="11400">감사/답례</option>
+                            <option value="11500">돌잔치</option>
+                            <option value="11600">환갑/고희연</option>
+                            <option value="11700">명절</option>
+                            <option value="11800">명함</option>
+                            <option value="111000">학교/학원</option>
+                            <option value="111100">음식점</option>
+                            <option value="111200">부동산</option>
+                            <option value="111300">쇼핑</option>
+                            <option value="111400">금융/카드/보험</option>
+                            <option value="111500">병원/동물병원</option>
+                            <option value="11900">택배/배송</option>
+                            <option value="111700">운동/골프/낚시</option>
+                            <option value="111800">여행/행사</option>
+                            <option value="111900">미용/뷰티</option>
+                            <option value="112000">식품</option>
+                            <option value="112100">대리운전</option>
+                            <option value="112200">렌터카/중고차</option>
+                            <option value="112300">퀵서비스</option>
+                            <option value="112400">꽃배달</option>
+                            <option value="112500">쿠폰</option>
+                        </select>
+                    </div>
+                    <div class="contWrap_scroll mCustomScrollbar _mCS_2" id="scrollPagingWrap">
+                        <ul class="contWrap on_scroll" id="scrollPaging">
+                            <li><a ref="#" onclick="selectSampleImg();"><img id="img0" src="/publish/images/content/custom_imsi.jpg" onerror="/publish/images/main/template02.jpg" class="mCS_img_loaded"><input type="hidden" id="FILE_000000000103667" value="/cmm/fms/getImage2.do?atchFileId=FILE_000000000103667&amp;fileSn=0"></a></li>
+                            <li><a ref="#" onclick="selectSampleImg();"><img id="img1" src="/publish/images/content/custom_imsi.jpg" onerror="/publish/images/main/template02.jpg" class="mCS_img_loaded"><input type="hidden" id="FILE_000000000102670" value="/cmm/fms/getImage2.do?atchFileId=FILE_000000000102670&amp;fileSn=0"></a></li>
+                            <li><a ref="#" onclick="selectSampleImg();"><img id="img2" src="/publish/images/content/custom_imsi.jpg" onerror="/publish/images/main/template02.jpg" class="mCS_img_loaded"><input type="hidden" id="FILE_000000000102298" value="/cmm/fms/getImage2.do?atchFileId=FILE_000000000102298&amp;fileSn=0"></a></li>
+                            <li><a ref="#" onclick="selectSampleImg();"><img id="img3" src="/publish/images/content/custom_imsi.jpg" onerror="/publish/images/main/template02.jpg" class="mCS_img_loaded"><input type="hidden" id="FILE_000000000100648" value="/cmm/fms/getImage2.do?atchFileId=FILE_000000000100648&amp;fileSn=0"></a></li>
+                            <li><a ref="#" onclick="selectSampleImg();"><img id="img4" src="/publish/images/content/custom_imsi.jpg" onerror="/publish/images/main/template02.jpg" class="mCS_img_loaded"><input type="hidden" id="FILE_000000000099593" value="/cmm/fms/getImage2.do?atchFileId=FILE_000000000099593&amp;fileSn=0"></a></li>
+                            <li><a ref="#" onclick="selectSampleImg();"><img id="img5" src="/publish/images/content/custom_imsi.jpg" onerror="/publish/images/main/template02.jpg" class="mCS_img_loaded"><input type="hidden" id="FILE_000000000094623" value="/cmm/fms/getImage2.do?atchFileId=FILE_000000000094623&amp;fileSn=0"></a></li>
+                            <li><a ref="#" onclick="selectSampleImg();"><img id="img6" src="/publish/images/content/custom_imsi.jpg" onerror="/publish/images/main/template02.jpg" class="mCS_img_loaded"><input type="hidden" id="FILE_000000000094487" value="/cmm/fms/getImage2.do?atchFileId=FILE_000000000094487&amp;fileSn=0"></a></li>
+                            <li><a ref="#" onclick="selectSampleImg();"><img id="img7" src="/publish/images/content/custom_imsi.jpg" onerror="/publish/images/main/template02.jpg" class="mCS_img_loaded"><input type="hidden" id="FILE_000000000078169" value="/cmm/fms/getImage2.do?atchFileId=FILE_000000000078169&amp;fileSn=0"></a></li>
+                            <li><a ref="#" onclick="selectSampleImg();"><img id="img8" src="/publish/images/content/custom_imsi.jpg" onerror="/publish/images/main/template02.jpg" class="mCS_img_loaded"><input type="hidden" id="FILE_000000000061115" value="/cmm/fms/getImage2.do?atchFileId=FILE_000000000061115&amp;fileSn=0"></a></li>
+                            <li><a ref="#" onclick="selectSampleImg();"><img id="img9" src="/publish/images/content/custom_imsi.jpg" onerror="/publish/images/main/template02.jpg" class="mCS_img_loaded"><input type="hidden" id="FILE_000000000039162" value="/cmm/fms/getImage2.do?atchFileId=FILE_000000000039162&amp;fileSn=0"></a></li>
+                        </ul>
+                    </div>
+                </div>
+                <div class="body_cont">
+                    <table>
+                        <caption>제작비용 형태, 제공방법, 연락처, 요청사항, 이미지 등록 표</caption>
+                        <colgroup>
+                            <col style="width: 105px;">
+                            <col style="width: auto">
+                        </colgroup>
+                        <tbody>
+                            <tr class="custom_put1">
+                                <th>제작형태</th>
+                                <td>
+                                    <div>
+
+                                        <div class="custom_put1_list" id="customType01">
+                                            <input id="radio1" type="radio" name="customType" value="01" onclick="customProvisionView(this);">
+                                            <label for="radio1">문자온 샘플 수정(글자, 색상, 폰트 등)</label>
+                                            <span class="price"><span>7,000</span>원</span>
+                                            <input type="hidden" id="customPay01" name="customPay01" value="7000">
+                                        </div>
+
+                                        <div class="custom_put1_list" id="customType02">
+                                            <input id="radio2" type="radio" name="customType" value="02" onclick="customProvisionView(this);">
+                                            <label for="radio2">이미지 편집(첨부이미지 1장)</label>
+                                            <span class="price"><span>15,000</span>원</span>
+                                            <input type="hidden" id="customPay02" name="customPay02" value="15000">
+                                        </div>
+
+                                        <div class="custom_put1_list" id="customType03">
+                                            <input id="radio3" type="radio" name="customType" value="03" onclick="customProvisionView(this);">
+                                            <label for="radio3">이미지 편집(첨부이미지 3장이하)</label>
+                                            <span class="price"><span>30,000</span>원</span>
+                                            <input type="hidden" id="customPay03" name="customPay03" value="30000">
+                                        </div>
+
+                                        <div class="custom_put1_list" id="customType04" style="display: none;">
+                                            <input id="radio4" type="radio" name="customType" value="04" onclick="customProvisionView(this);">
+                                            <label for="radio4">텍스트 단순수정</label>
+                                            <span class="price"><span>3,000</span>원</span>
+                                            <input type="hidden" id="customPay04" name="customPay04" value="3000">
+                                        </div>
+
+                                    </div>
+                                    <div class="custom_put1_txt">
+                                        <p><span class="vMiddle">*</span> <span class="c_e40000">캘리그래피체는 수정이 불가</span>합니다.</p>
+                                        <p><span class="vMiddle">*</span>
+                                            <spanspan class="c_e40000">제작형태와 요청사항이 상이한 경우 <spanspan class="c_e40000">추가로 비용이 발생할 수 있습니다.</spanspan>
+                                            </spanspan>
+                                        </p>
+                                    </div>
+                                </td>
+                            </tr>
+                            <tr class="custom_put2">
+                                <th>제공방법</th>
+                                <td>
+                                    <input type="checkbox" id="storage" checked="checked" disabled="disabled"> <label for="storage">내보관함</label>
+                                    <input type="checkbox" name="customProvision" id="radio11" value="01"> <label for="radio11">카카오톡</label>
+                                    <input type="checkbox" name="customProvision" id="radio12" value="02"> <label for="radio12">이메일</label>
+                                    <input type="text" class="radio12_input" name="customResultEmail" placeholder="이메일주소를 입력해주세요" onfocus="''" onblur="this.placeholder='이메일주소를 입력해주세요'">
+                                    <!-- 									<span>중복선택 가능(최대2개)</span> -->
+                                </td>
+                            </tr>
+                            <tr class="custom_put3">
+                                <th>연락처</th>
+                                <td>
+                                    <input type="text" name="customPhoneNo" numberonly="" maxlength="11" placeholder="완료 메세지를 받을 전화번호를 기재 해주세요." onfocus="this.placeholder=''" onblur="this.placeholder='완료 메세지를 받을 전화번호를 기재 해주세요.'">
+                                </td>
+                            </tr>
+                            <tr class="custom_put4">
+                                <th>요청사항</th>
+                                <td>
+                                    <textarea name="customRequest" placeholder="수정사항을 상세히 기입해 주세요.
+약도를 추가할 경우 지번을 정확히 입력해 주세요." onfocus="this.placeholder=''" onblur="this.placeholder='수정사항을 상세히 기입해 주세요. 약도를 추가할 경우 지번을 정확히 입력해 주세요.'"></textarea>
+                                </td>
+                            </tr>
+                            <tr class="custom_put5" id="uploadFileList">
+                                <th>첨부 이미지</th>
+                                <td>
+                                    <div id="uploadFile01">
+                                        <input type="text" class="input-file1" title="첨부파일">
+                                        <button type="button" class="img_add" title="이미지 추가 버튼" style="display: block;" onclick="selectAddImg('input-file1');">파일첨부</button>
+                                        <input type="file" accept=".jpg" class="input-image-file" multiple="" id="input-file1" style="width:0px !important;height:0px !important">
+                                    </div>
+                                    <div id="uploadFile02">
+                                        <input type="text" class="input-file2" title="첨부파일">
+                                        <button type="button" class="img_add" title="이미지 추가 버튼" style="display: block;" onclick="selectAddImg('input-file2');">파일첨부</button>
+                                        <input type="file" accept=".jpg" class="input-image-file" multiple="" id="input-file2" style="width:0px !important;height:0px !important">
+                                    </div>
+                                    <div id="uploadFile03">
+                                        <input type="text" class="input-file3" title="첨부파일">
+                                        <button type="button" class="img_add" title="이미지 추가 버튼" style="display: block;" onclick="selectAddImg('input-file3');">파일첨부</button>
+                                        <input type="file" accept=".jpg" class="input-image-file" multiple="" id="input-file3" style="width:0px !important;height:0px !important">
+                                    </div>
+                                </td>
+                            </tr>
+                        </tbody>
+                    </table>
+                    <div class="custom_btn">
+                        <button type="button" class="tooltip-close" data-focus="popup01-close">신청하기</button>
+                        <button type="button" class="tooltip-close" data-focus="popup01-close" data-focus-next="popup01">취소</button>
+                    </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">
@@ -185,18 +220,19 @@
                 <ul class="tabType4">
                     <li class="tab active"><button type="button" onclick="TabType4(this,'1');">맞춤제작 샘플</button></li>
                     <li class="tab"><button type="button" onclick="TabType4(this,'2');">제작방법 및 이용안내</button></li>
-                    <li class="tab"><button type="button" onclick="TabType4(this,'3');">내보관함</button></li>
-                </ul><!--// tab button -->
-				<!-- tab content1 맞춤제작 샘플 -->
+                    <li class="tab"><button type="button" onclick="TabType4(this,'4');">내보관함</button></li>
+                </ul>
+                <!--// tab button -->
+                <!-- tab content1 맞춤제작 샘플 -->
                 <div class="custom_content current custom1" id="tab4_1">
                     <div class="area_tabs">
                         <div class="top_tab">
-                            <div class="tab_depth1">
+                            <!-- <div class="tab_depth1">
                                 <a href="#none" class="on">전체</a>
                                 <a href="#none">기업</a>
                                 <a href="#none">개인</a>
                                 <div class="on_active">전체</div>
-                            </div>
+                            </div> -->
                             <div class="customReq">
                                 <button type="button" data-tooltip="popup01"><i></i>맞춤제작 요청</button>
                             </div>
@@ -233,204 +269,102 @@
                             </div>
                         </div>
                     </div>
-                    <!-- 맞춤제작 요청 레이어 팝업 -->
-					<div class="tooltip-wrap">
-						<div class="popup-com custom_layer popup01" tabindex="0" data-tooltip-con="popup01" data-focus="popup01" data-focus-prev="popup01-close">
-                            <div class="popup_heading">
-                                <p>맞춤제작</p>
-                                <button type="button" class="tooltip-close" data-focus="popup01-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
-                            </div>
-                            <div class="layer_in">
-                                <div class="header_cont">
-                                    <h3>템플릿 선택</h3>
-                                    <div class="search_box">
-                                        <label for="" class="label">추천 템플릿 검색 입력</label>
-                                        <input type="text" placeholder="템플릿 검색" onfocus="this.placeholder=''" onblur="this.placeholder='템플릿 검색'">
-                                        <label for="" class="label">추천 템플릿 검색</label>
-                                        <button><img src="/publish/images/popup/search.png" alt="검색"></button>
-                                        <label for="" class="label">추천 템플릿 선택</label>
-                                        <select>
-                                            <option>템플릿 카테고리</option>
-                                            <option>템플릿 카테고리</option>
-                                            <option>템플릿 카테고리</option>
-                                        </select>
-                                    </div>
-                                    <div class="contWrap_scroll">
-                                        <ul class="contWrap">
-                                            <li><a href="#"><img src="/publish/images/popup/tem1.jpg"></a></li>
-                                            <li><a href="#"><img src="/publish/images/popup/tem2.jpg"></a></li>
-                                            <li><a href="#"><img src="/publish/images/popup/tem3.jpg"></a></li>
-                                            <li><a href="#"><img src="/publish/images/popup/tem4.jpg"></a></li>
-                                            <li><a href="#"><img src="/publish/images/popup/tem5.jpg"></a></li>
-                                            <li><a href="#"><img src="/publish/images/popup/tem6.jpg"></a></li>
-                                            <li><a href="#"><img src="/publish/images/popup/tem7.jpg"></a></li>
-                                            <li><a href="#"><img src="/publish/images/popup/tem8.jpg"></a></li>
-                                            <li><a href="#"><img src="/publish/images/popup/tem1.jpg"></a></li>
-                                            <li><a href="#"><img src="/publish/images/popup/tem2.jpg"></a></li>
-                                            <li><a href="#"><img src="/publish/images/popup/tem3.jpg"></a></li>
-                                            <li><a href="#"><img src="/publish/images/popup/tem4.jpg"></a></li>
-                                            <li><a href="#"><img src="/publish/images/popup/tem5.jpg"></a></li>
-                                        </ul>
-                                    </div>
-                                </div>
-                                <div class="body_cont">
-                                    <p><span class="text_deco3"></span>제작비용</p>
-                                    <table>
-                                        <caption>제작비용 형태, 제공방법, 연락처, 요청사항, 이미지 등록 표</caption>
-                                        <colgroup>
-                                            <col style="width: 105px;">
-                                            <col style="width: auto">
-                                        </colgroup>
-                                        <tbody>
-                                            <tr class="custom_put1">
-                                                <th>제작형태</th>
-                                                <td>
-                                                    <div>
-                                                        <input id="radio1" type="radio"name="custom1" checked="checked">
-                                                        <label for="radio1">문자온 샘플 수정(글자, 색상, 폰트 등)</label>
-                                                        <span>5,000원</span>
-                                                    </div>
-                                                    <div>
-                                                        <input id="radio2" type="radio" name="custom1">
-                                                        <label for="radio2">문자온 샘플/본인제공 이미지(1장)</label>
-                                                        <span>10,000원</span>
-                                                    </div>
-                                                    <div>
-                                                        <input id="radio3" type="radio" name="custom1">
-                                                        <label for="radio3">본인제공 이미지(3장 이하)</label>
-                                                        <span>20,000원</span>
-                                                    </div>
-                                                    <div>
-                                                        <input id="radio4" type="radio" name="custom1">
-                                                        <label for="radio4">제작완료 이미지 수정(1장))</label>
-                                                        <span>5,000원</span>
-                                                    </div>
-                                                    <span><span class="vMiddle">*</span> 제작비용은 신청시 즉시 차감 (제작비용 이상 잔액유지)</span>
-                                                </td>
-                                            </tr>
-                                            <tr class="custom_put2">
-                                                <th>제공방법</th>
-                                                <td>
-													<input type="checkbox" disabled>
-                                                    <label for="">내보관함</label>
-                                                    <div>
-                                                        <input id="radio5" type="radio" name="check">
-                                                        <label for="radio5">카카오톡</label>
-                                                        <input id="radio6" type="radio" name="check">
-                                                        <label for="radio6">이메일</label>
-                                                    </div>
-                                                    <span>중복선택 가능(최대2개)</span>
-                                                </td>
-                                            </tr>
-                                            <tr class="custom_put3">
-                                                <th>연락처</th>
-                                                <td>
-                                                    <label for="" class="label"></label>
-                                                    <input type="text" placeholder="완료 메세지를 받을 전화번호를 기재 해주세요." onfocus="this.placeholder=''" onblur="this.placeholder='완료 메세지를 받을 전화번호를 기재 해주세요.'">
-                                                </td>
-                                            </tr>
-                                            <tr class="custom_put4">
-                                                <th>요청사항</th>
-                                                <td>
-                                                    <label for="" class="label"></label>
-                                                    <textarea placeholder="수정사항을 상세히 기입해 주세요.이미지위치, 문구위치, 원하시는 폰트, 색상등을 적어주세요. 
-미 기입시 기존 이미지의 폰트, 색상이 그대로 사용됩니다.약도를 추가할 경우 지번을 정확히 입력해 주세요" onfocus="this.placeholder=''" onblur="this.placeholder='수정사항을 상세히 기입해 주세요.이미지위치, 문구위치, 원하시는 폰트, 색상등을 적어주세요. 미 기입시 기존 이미지의 폰트, 색상이 그대로 사용됩니다.약도를 추가할 경우 지번을 정확히 입력해 주세요'"></textarea>
-                                                </td>
-                                            </tr>
-                                            <tr class="custom_put5">
-                                                <th>이미지 등록</th>
-                                                <td>
-                                                    <ul>
-                                                        <li>
-                                                            <img src="/publish/images/popup/preview_img1.png">
-                                                            <button type="button" class="img_close" title="이미지 삭제 버튼"><i></i></button>
-                                                        </li>
-                                                        <li class="no_img">
-                                                            <button type="button" class="img_add" title="이미지 추가 버튼"><i></i></button>
-                                                        </li>
-                                                        <li class="no_img">
-                                                            <button type="button" class="img_add" title="이미지 추가 버튼"><i></i></button>
-                                                        </li>
-                                                    </ul>
-                                                </td>
-                                            </tr>
-                                        </tbody>
-                                    </table>
-                                    <div class="custom_btn">
-                                        <button type="button">신청하기</button>
-                                        <button type="button" class="tooltip-close" data-focus="popup01-close"  data-focus-next="popup01">취소</button>                      
-                                    </div>
-                                </div>
-                            </div>
-						</div>
-					</div>
-					<!--// 맞춤제작 요청 레이어 팝업 -->
+
                     <ul class="area_tabcontent photo_sample">
                         <li class="hover_photo">
-                            <div class="hover_cont"><img src="/publish/images/content/photo_sample01.jpg"alt=""></div>
+                            <div class="hover_cont"><img src="/publish/images/content/photo_sample01.jpg" alt=""></div>
                             <div class="photo_cont">
-                                <img src="/publish/images/content/photo_sample01.jpg" alt="">
+                                <a href="#" data-tooltip="popup01">
+                                    <img src="/publish/images/content/photo_sample01.jpg" alt="">
+                                </a>
                             </div>
                         </li>
                         <li>
-                            <div class="hover_cont"><img src="/publish/images/content/photo_sample02.jpg"alt=""></div>
+                            <div class="hover_cont"><img src="/publish/images/content/photo_sample02.jpg" alt=""></div>
                             <div class="photo_cont">
-                                <img src="/publish/images/content/photo_sample02.jpg" alt="">
+                                <a href="#" data-tooltip="popup01">
+                                    <img src="/publish/images/content/photo_sample02.jpg" alt="">
+                                </a>
+                                
                             </div>
                         </li>
                         <li>
-                            <div class="hover_cont"><img src="/publish/images/content/photo_sample03.jpg"alt=""></div>
+                            <div class="hover_cont"><img src="/publish/images/content/photo_sample03.jpg" alt=""></div>
                             <div class="photo_cont">
-                                <img src="/publish/images/content/photo_sample03.jpg" alt="">
+                                <a href="#" data-tooltip="popup01">
+                                    <img src="/publish/images/content/photo_sample03.jpg" alt="">
+                                </a>
+                                
                             </div>
                         </li>
                         <li>
-                            <div class="hover_cont"><img src="/publish/images/content/photo_sample04.jpg"alt=""></div>
+                            <div class="hover_cont"><img src="/publish/images/content/photo_sample04.jpg" alt=""></div>
                             <div class="photo_cont">
-                                <img src="/publish/images/content/photo_sample04.jpg" alt="">
+                                <a href="#" data-tooltip="popup01">
+                                    <img src="/publish/images/content/photo_sample04.jpg" alt="">
+                                </a>
+                                
                             </div>
                         </li>
                         <li>
-                            <div class="hover_cont"><img src="/publish/images/content/photo_sample05.jpg"alt=""></div>
+                            <div class="hover_cont"><img src="/publish/images/content/photo_sample05.jpg" alt=""></div>
                             <div class="photo_cont">
-                                <img src="/publish/images/content/photo_sample05.jpg" alt="">
+                                <a href="#" data-tooltip="popup01">
+                                    <img src="/publish/images/content/photo_sample05.jpg" alt="">
+                                </a>
+                                
                             </div>
                         </li>
                         <li>
-                            <div class="hover_cont"><img src="/publish/images/content/photo_sample06.jpg"alt=""></div>
+                            <div class="hover_cont"><img src="/publish/images/content/photo_sample06.jpg" alt=""></div>
                             <div class="photo_cont">
-                                <img src="/publish/images/content/photo_sample06.jpg" alt="">
+                                <a href="#" data-tooltip="popup01">
+                                    <img src="/publish/images/content/photo_sample06.jpg" alt="">
+                                </a>
+                                
                             </div>
                         </li>
                         <li>
-                            <div class="hover_cont"><img src="/publish/images/content/photo_sample07.jpg"alt=""></div>
+                            <div class="hover_cont"><img src="/publish/images/content/photo_sample07.jpg" alt=""></div>
                             <div class="photo_cont">
-                                <img src="/publish/images/content/photo_sample07.jpg" alt="">
+                                <a href="#" data-tooltip="popup01">
+                                    <img src="/publish/images/content/photo_sample07.jpg" alt="">
+                                </a>
+                                
                             </div>
                         </li>
                         <li>
-                            <div class="hover_cont"><img src="/publish/images/content/photo_sample08.jpg"alt=""></div>
+                            <div class="hover_cont"><img src="/publish/images/content/photo_sample08.jpg" alt=""></div>
                             <div class="photo_cont">
-                                <img src="/publish/images/content/photo_sample08.jpg" alt="">
+                                <a href="#" data-tooltip="popup01">
+                                    <img src="/publish/images/content/photo_sample08.jpg" alt="">
+                                </a>
+                                
                             </div>
                         </li>
                         <li>
-                            <div class="hover_cont"><img src="/publish/images/content/photo_sample09.jpg"alt=""></div>
+                            <div class="hover_cont"><img src="/publish/images/content/photo_sample09.jpg" alt=""></div>
                             <div class="photo_cont">
-                                <img src="/publish/images/content/photo_sample09.jpg" alt="">
+                                <a href="#" data-tooltip="popup01">
+                                    <img src="/publish/images/content/photo_sample09.jpg" alt="">
+                                </a>
+                                
                             </div>
                         </li>
                         <li>
-                            <div class="hover_cont"><img src="/publish/images/content/photo_sample10.jpg"alt=""></div>
+                            <div class="hover_cont"><img src="/publish/images/content/photo_sample10.jpg" alt=""></div>
                             <div class="photo_cont">
-                                <img src="/publish/images/content/photo_sample10.jpg" alt="">
+                                <a href="#" data-tooltip="popup01">
+                                    <img src="/publish/images/content/photo_sample10.jpg" alt="">
+                                </a>
+                                
                             </div>
                         </li>
                     </ul>
                     <!-- 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>
@@ -441,12 +375,13 @@
                         <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><!--// tab content1 맞춤제작 샘플 -->
+                </div>
+                <!--// tab content1 맞춤제작 샘플 -->
 
-				<!-- tab content2 제작방법 및 이용안내 -->
+                <!-- tab content2 제작방법 및 이용안내 -->
                 <div class="custom_content custom2" id="tab4_2">
                     <div class="heading">
                         <h2>제작방법 및 이용안내</h2>
@@ -470,27 +405,27 @@
                             </thead>
                             <tbody>
                                 <tr>
-                                    <td>문자온 샘플 단순 수정(글자, 색상 등)</td>
+                                    <td>문자온 샘플 수정(글자, 색상, 폰트 등)</td>
                                     <td>문자/카톡</td>
-                                    <td>5,000</td>
+                                    <td>7,000원</td>
                                     <td>내보관함/카톡/이메일</td>
                                 </tr>
                                 <tr>
-                                    <td>문자온 샘플에 본인 제공 이미지 1장 추가</td>
+                                    <td>이미지 편집(첨부이미지 1장)</td>
                                     <td>문자/카톡</td>
-                                    <td>10,000</td>
+                                    <td>15,000원</td>
                                     <td>내보관함/카톡/이메일</td>
                                 </tr>
                                 <tr>
-                                    <td>본인 제공 이미지(3장 이하)</td>
+                                    <td>이미지 편집(첨부이미지 3장이하)</td>
                                     <td>문자/카톡</td>
-                                    <td>20,000</td>
+                                    <td>30,000원</td>
                                     <td>내보관함/카톡/이메일</td>
                                 </tr>
                                 <tr>
-                                    <td>추가 수정</td>
+                                    <td>텍스트 단순수정</td>
                                     <td>문자/카톡</td>
-                                    <td>5,000 / 회</td>
+                                    <td>3,000원</td>
                                     <td>내보관함/카톡/이메일</td>
                                 </tr>
                             </tbody>
@@ -517,99 +452,58 @@
                         </div>
                     </div>
                     <div class="cont_bottom">
-                        <div>
-                            <div class="step_heading">
-                                <p><span>샘플</span>제작 요청방법</p>
-                                <span>전문 디자이너가 직접 제작하는 고퀄리티 맞춤제작 서비스</span>
+                        <div class="custom_step">
+                            <div class="step_title">
+                                <p><span>샘플</span> 제작 요청방법</p>
+                                <span class="summary">전문 디자이너가 직접 제작하는 고퀄리티 맞춤제작 서비스</span>
                             </div>
-                            <ul>
+                            <ol>
                                 <li>
-                                    <i class="step_1"></i>
-                                    <div>
-                                        <span class="step"><span>STEP</span>01</span>
-                                        <p class="step_cont">문자온 문자 샘플 목록에서 <span>원하는 이미지 선택</span></p>
-                                    </div>
+                                    <div class="step">STEP <strong>01</strong></div>
+                                    <div class="text">문자온 문자 샘플 목록에서<br><strong>원하는 이미지 선택</strong></div>
                                 </li>
                                 <li>
-                                    <i class="step_2"></i>
-                                    <div>
-                                        <span class="step"><span>STEP</span>02</span>
-                                        <p class="step_cont">작업 요청내역 입력 후<br><span>신청하기 버튼 클릭</span></p>
-                                    </div>
+                                    <div class="step">STEP <strong>02</strong></div>
+                                    <div class="text">작업 요청내역 입력 후<br><strong>신청하기 버튼 클릭</strong></div>
                                 </li>
                                 <li>
-                                    <i class="step_3"></i>
-                                    <div>
-                                        <span class="step"><span>STEP</span>03</span>
-                                        <p class="step_cont"><span>내 보관함</span>에서<br>완성된 이미지 확인<span class="cont_s">(문자,카톡 등)</span></p>
-                                    </div>
+                                    <div class="step">STEP <strong>03</strong></div>
+                                    <div class="text"><strong>내보관함</strong>에서<br>완성된 이미지 확인<span>(문자, 카톡 등)</span></div>
                                 </li>
-                            </ul>
-                        </div>
-                        <div>
-                            <div class="step_heading">
-                                <p><span>내사진</span>제작 요청방법</p>
-                                <span>보유하신 이미지를 목적에 맞게 제작해주는 맞춤형 서비스</span>
-                            </div>
-                            <ul>
-                                <li>
-                                    <i class="step_1"></i>
-                                    <div>
-                                        <span class="step"><span>STEP</span>01</span>
-                                        <p class="step_cont">문자온 맞춤제작 샘플목록에서<span> 내사진제작 버튼 클릭</span>후 파일 업로드<span class="cont_s">(끌어다놓기 또는 파일찾기 가능)</span></p>
-                                    </div>
-                                </li>
-                                <li>
-                                    <i class="step_2"></i>
-                                    <div>
-                                        <span class="step"><span>STEP</span>02</span>
-                                        <p class="step_cont">작업 요청내역 입력 후<br><span>신청하기 버튼 클릭</span></p>
-                                    </div>
-                                </li>
-                                <li>
-                                    <i class="step_3"></i>
-                                    <div>
-                                        <span class="step"><span>STEP</span>03</span>
-                                        <p class="step_cont"><span>내 보관함</span>에서<br>완성된 이미지 확인<span class="cont_s">(문자,카톡 등)</span></p>
-                                    </div>
-                                </li>
-                            </ul>
+                            </ol>
                         </div>
                     </div>
-				</div><!--// tab content2 제작방법 및 이용안내  -->
-				<!-- tab content3 내 보관함 -->
-                <div class="custom_content custom3" id="tab4_3">
+                </div>
+                <!--// tab content2 제작방법 및 이용안내  -->
+
+                <!-- tab content3 내 보관함 -->
+                <div class="custom_content custom3" id="tab4_4">
                     <div class="search_wrap clearfix">
                         <div class="btn_left">
                             <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_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>
+                                <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>
                             <div class="search">
-                                <label for="id" class="label"></label>
-                                <input type="text" id="id" placeholder="내보관함 검색" onfocus="this.placeholder=''" onblur="this.placeholder='내보관함 검색'">
+                                <!-- <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 class="btn_right">
                             <button type="button">최근순<i></i></button>
                             <label for="" class="label">검색조건 선택</label>
-                            <select name="" id="" class="selType2">
-                                <option value="">전체보기</option>
-                                <option value="">전체보기</option>
-                                <option value="">전체보기</option>
-                            </select>
                             <label for="" class="label"></label>
                             <select name="" id="" class="selType2">
                                 <option value="">2줄보기</option>
@@ -753,22 +647,6 @@
                                 <button type="button">수정</button>
                             </div>
                         </li>
-                        <li>
-                            <div class="photo_preview">
-                                <div class="tit_text_wrap">
-                                    <input type="checkbox" id="">
-                                    <label for="">샘플 단순수정</label>
-                                    <span class="step2">수정중</span>
-                                </div>
-                                <div class="photo_cont">
-                                    <img src="/publish/images/content/photo_sample09.jpg" alt="">
-                                </div>
-                            </div>
-                            <div class="myphoto_info">
-                                <p>일자 2021-01-01｜코드 1234</p>
-                                <button type="button">수정</button>
-                            </div>
-                        </li>
                         <li>
                             <div class="photo_preview">
                                 <div class="tit_text_wrap">
@@ -788,8 +666,8 @@
                     </ul>
                     <!-- 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>
@@ -800,45 +678,18 @@
                         <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><!--// tab content3 내 보관함 -->
-            </div><!--// send top -->
-        </div>
-    </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>
+                <!--// tab content3 내 보관함 -->
             </div>
+            <!--// send top -->
         </div>
-    </footer><!--// footer 영역 -->
-</body></html>
+    </div>
+    <!--// content 영역 -->
+    <!-- footer 영역 -->
+    <div data-include-path="/publish/layout/_footer.html"></div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/main/webapp/publish/sub3.html b/src/main/webapp/publish/sub3.html
index ea96b391..c1fdfcc5 100644
--- a/src/main/webapp/publish/sub3.html
+++ b/src/main/webapp/publish/sub3.html
@@ -3308,37 +3308,7 @@
         </div>
     </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>
diff --git a/src/main/webapp/publish/sub_election_v2024.html b/src/main/webapp/publish/sub_election_v2024.html
index 64ebf0dd..8596660e 100644
--- a/src/main/webapp/publish/sub_election_v2024.html
+++ b/src/main/webapp/publish/sub_election_v2024.html
@@ -15,6 +15,9 @@
 	<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>
@@ -28,43 +31,70 @@
 	<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
 	<link rel="stylesheet" href="//code.jquery.com/ui/1.13.2/themes/base/jquery-ui.css">
 
+	<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>
-		$(document).ready(function () {
+		$(function(){
 
-			// 이름 클릭시 checked 여부에 따라 true/false
-			// $(".table_ul_20 li .td_name").click(function () {
-			// 	if ($(this).closest("li").find("input:checkbox").is(":checked") == true) {
-			// 		$(this).closest("li").find("input:checkbox").prop("checked",false);
-			// 	} else {
-			// 		$(this).closest("li").find("input:checkbox").prop("checked", true);
-			// 	}
-			// 	checkNum();
-			// })
-
-			// 체크박스 클릭시 체크된 체크박스 갯수 구하기
-			$("input:checkbox[name=send_check]").click(function () {
-				checkNum();
-			})
-
-			// 번호, 발송여부 마우스 오버 시 선택
-			$(".td_number, .td_status, .td_name").mouseover(function () {
-				$(this).closest("li").find("input:checkbox").prop("checked", true);
-				checkNum();
+			// 즉시/예약 시 예약설정 노출
+			$("[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");
+				}
 			});
 
-			// 체크박스 선택 해제
-			$(".btn_check_off").click(function () {
-				$(".table_ul_20 input:checkbox[name=send_check]").prop("checked", false);
-				checkNum();
+			$(".receipt_number_table_wrap .tbody_ul").selectable({
+				filter: "li",
+				stop: function () {
+					$(".ui-selected input",this).each(function () {
+						console.log("stop"+this);
+						this.checked = !this.checked;
+						if ($(this).is(':checked')) {
+							console.log($(this));
+							$(this).closest(".ui-widget-content").addClass("ui-selected");
+						} else {
+							$(this).closest(".ui-widget-content").removeClass("ui-selected");
+						}
+					});
+				}
 			});
 
+			$(".receipt_number_table_wrap .tbody_ul input[type='checkbox']",".receipt_number_table_wrap .tbody_ul input[type='checkbox']+label").click(function () {
+				if ($(this).is(':checked')) {
+					$(this).closest(".ui-widget-content").addClass("ui-selected");
+				} else {
+					$(this).closest(".ui-widget-content").removeClass("ui-selected");
+				}
+			});
 
-		});
+			$(".input_wrap #checkAll").click(function(){
+				var checkbox = $('[name=receipt_number_check]');
+				if($(this).is(":checked") !== true){
+					checkbox.prop("checked",false);
+				}else{
+					publishCommon.longMousePressCheck(checkbox, 100);
+				}
+			});
+			
+			onlongclick(".btn_check_one", 100, function (e) {
+				var checkbox = $('[name=receipt_number_check]');
+				publishCommon.longMousePressCheck(checkbox, 100, $(".btn_check_one"));
+			});
+			
 
-		function checkNum() {
-			var checkedCount = $(".table_ul_20 input:checkbox[name=send_check]:checked").length;
-			$(".receipt_total_text span").text(checkedCount);
-		}
+			$(".btn_check_one").click(function(){
+				var checkbox = $('[name=receipt_number_check]');
+				publishCommon.clickCheck(checkbox);
+			});
+			
+		})
 	</script>
 
 </head>
@@ -194,36 +224,50 @@
 		</div>
 		<!--// header body 영역 -->
 		<div id="login" class="login2">
-			<div class="inner table">
-				<div class="login_left table_cell">
+			<div class="inner">
+				<div class="login_left">
 					<div class="login_info">
-						<i></i>
+						<i><img src="/publish/images/mypageIcon2.png" id="commonHeaderGradeIcon"></i>
 						<div class="login2_name">
-							<p>홍길동홍길동홍길동홍길동</p>
-							<span>(개인) 님</span>
+							<p>정수빈</p><span>(개인) 님</span>
 						</div>
 						<div class="session">
-							<span>08:46</span>
-							<button type="button">연장</button>
+							<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>
-						<button type="button" class="btnType btnType3">마이페이지</button>
-						<button type="button" class="btnType btnType2">로그아웃</button>
 					</div>
-					<div class="check_money">
-						<i></i>
-						<p>보유잔액 <span class="fwMd">3,000</span>원</p>
-						<button type="button" class="btnType btnType3">충전</button>
-						<button type="button" class="btnType btnType3">전용계좌</button>
+					<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 class="point">
-						<i></i>
-						<p>포인트 <span class="fwMd">1,000</span>원</p>
-						<button type="button" class="btnType btnType3">교환</button>
-					</div>
-				</div>
-				<div class="login_right">
-					<button type="button" class="btnType btnType14"><i></i>이동통신사 스팸 규격 안내</button>
-					<!-- <button type="button">스팸필터링 번호도용차단</button> -->
 				</div>
 			</div>
 		</div>
@@ -239,14 +283,14 @@
 			<div class="send_top">
 				<!-- tab button -->
 				<ul class="tabType1">
-					<li class="tab active"><button type="button" onclick="TabType1(this,'1');">단문 · 장문 · 그림 문자</button></li>
-					<li class="tab"><button type="button" onclick="TabType1(this,'2');">대량 문자(엑셀·TXT)</button></li>
+					<li class="tab active"><button type="button" onclick="TabType1(this,'1');">단체문자(자동동보문자)</button></li>
+					<li class="tab"><button type="button" onclick="TabType1(this,'2');">20건 문자(수동문자)</button></li>
 				</ul>
 				<!--// tab button -->
 				<!-- tab content1 -->
 				<div class="top_content current election contentArea" id="tab1_1">
 					<div class="heading">
-						<h2>20건 문자(수동문자) 전송</h2>
+						<h2>선거 문자전송</h2>
 						<div class="election_btnWrap">
 							<button type="button" class="button2 info" onclick="infoPop('selectMsgDataView2');">발송규정</button>
 							<button type="button" class="button2 info" data-tooltip="candidate_popup03">사용안내</button>
@@ -265,6 +309,9 @@
 									<col style="width: auto;">
 								</colgroup>
 								<tbody>
+									<tr>
+										<td colspan="2" class="ele_te">※ 자동동보문자를 <span>한번에 20,000건 이상 보내실 경우에는 꼭 고객센터(1551-8011)</span>로 연락주시어 발송 요청 후 진행해 주시길 바랍니다<span id="hdnLink">.</span></td>
+									</tr>
 									<tr>
 										<th scope="row">발신번호</th>
 										<td class="put_num">
@@ -275,7 +322,7 @@
 												<option value="">010-1234-5678</option>
 												<option value="">010-1234-5678</option>
 											</select>
-											<button type="button" class="btnType btnType6">번호변경</button>
+											<button type="button" class="btnType btnType6">번호등록</button>
 										</td>
 									</tr>
 									<tr class="msg_title active">
@@ -300,7 +347,7 @@
 										<th scope="row" class="vTop">내용</th>
 										<td class="putText">
 											<div class="clearfix">
-												<div class="put_left short">
+												<div class="put_left long">
 													<!-- 업로드한 이미지의 썸네일 영역 -->
 													<ul class="thumb_wrap liOnImg ui-sortable"></ul>
 													<!-- //업로드한 이미지의 썸네일 영역 -->
@@ -553,6 +600,25 @@
 															<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>주소록, 엑셀에 입력된 내용을 이용해 수신자마다 다른 내용의<br> 메시지를 발송하는 기능</p>
+																</div>
+																<div class="convers_middle"><a href="javascript:void(0)" class="changeWord" value="[*이름*]">[*이름*]</a></div>
+																<div class="convers_bottom">
+																	<a href="javascript:void(0)" class="changeWord" value="[*1*]">[*1*]</a>
+																	<a href="javascript:void(0)" class="changeWord" value="[*2*]">[*2*]</a>
+																	<a href="javascript:void(0)" class="changeWord" value="[*3*]">[*3*]</a>
+																	<a href="javascript:void(0)" class="changeWord" value="[*4*]">[*4*]</a>
+																</div>
+															</div>
+															<button type="button" class="btn_close" onclick="miniPopup(this);">닫기</button>
+														</div>
+													</div>
 													<button type="button" class="btnType btnType7" onclick="miniPopup(this)">선거 필수문구 입력</button>
 													<button type="button" class="btnType btnType7">내문자함</button>
 													<button type="button" class="btnType btnType8" onclick="showPotoediter();">이미지 불러오기</button>
@@ -926,7 +992,7 @@
 										<div class="rev_top">
 											<span>날짜 :</span>
 											<div class="calendar_wrap">
-												<input type="text" class="startDate2 inp resDate calendar02 picker__input" title="검색 시작일" id="startDate2" name="startDate2" value="" data-datecontrol="true" readonly="" aria-haspopup="true" aria-expanded="false" aria-readonly="false" aria-owns="startDate2_root">
+												<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>
 											<div class="selBox">
 												<select class="selType1" id="msgResHour" name="msgResHour">
@@ -971,724 +1037,704 @@
 													<option value="55">55분</option>
 												</select>
 											</div>
-											<!-- <div class="rev_bottom">
-												<input type="checkbox" id="divideChk" name="divideChk">
-												<label for="divideChk">분할전송</label>
-												<select class="selType1" id="divideCnt" name="divideCnt">
-													<option value="2">2</option>
-													<option value="10">10</option>
-													<option value="20">20</option>
-													<option value="30">30</option>
+										</div>
+									</div>
+
+								</div>
+							</div>
+						</div>
+					</div>
+					<!--// send right 문자 보내기 미리보기 -->
+				</div>
+				<!-- tab content2 -->
+				<div class="top_content election contentArea" id="tab1_2">
+					<div class="heading">
+						<h2>20건 문자(수동문자) 전송</h2>
+						<div class="election_btnWrap">
+							<button type="button" class="button2 info" onclick="infoPop('selectMsgDataView2');">발송규정</button>
+							<button type="button" class="button2 info" data-tooltip="candidate_popup03">사용안내</button>
+							<button type="button" class="btnType" onclick="javascript:fn_candidateLoginChk(); return false;"><i class="election_btn1"></i>후보자 등록</button>
+							<button type="button" class="btnType" onclick="location.href='/web/member/pay/BillPub.do'"><i class="election_btn2"></i>세금계산서</button>
+							<button type="button" class="btnType" onclick="location.href='/web/mjon/msgsent/selectMsgSentView.do'"><i class="election_btn3"></i>발송결과 출력하기</button>
+						</div>
+					</div>
+					<div class="send_general">
+						<!-- send left 문자 보내기 입력 -->
+						<div class="send_left">
+							<table class="tType1">
+								<caption>일반 문자보내기 분류 번호 내용 등을 입력하는 표</caption>
+								<colgroup>
+									<col style="width: 120px;">
+									<col style="width: auto;">
+								</colgroup>
+								<tbody>
+									<tr>
+										<th scope="row">발신번호</th>
+										<td class="put_num">
+											<label for="num" class="label"></label>
+											<select id="num" class="sel_number">
+												<option value="">010-1234-5678</option>
+												<option value="">010-1234-5678</option>
+												<option value="">010-1234-5678</option>
+												<option value="">010-1234-5678</option>
+											</select>
+											<button type="button" class="btnType btnType6">번호변경</button>
+										</td>
+									</tr>
+									<tr class="msg_title active">
+										<th scope="row">제목</th>
+										<td>
+											<ul class="title_wrap">
+												<li>
+													<input id="title_y" type="radio" name="title_status" value="Y" onchange="titleStatus(this);">
+													<label for="title_y">사용</label>
+													<input id="title_n" type="radio" name="title_status" value="N" onchange="titleStatus(this);" checked="checked">
+													<label for="title_n">사용안함</label>
+												</li>
+												<li class="textbox">
+													<label for="mmsSubject" class="label"></label>
+													<input type="text" size="20" id="mmsSubject" name="mmsSubject" class="w100" maxlength="20" placeholder="" onfocus="this.placeholder=''">
+												</li>
+											</ul>
+										</td>
+									</tr>
+									<!-- 단문 -->
+									<tr>
+										<th scope="row" class="vTop">내용</th>
+										<td class="putText">
+											<div class="clearfix">
+												<div class="put_left short">
+													<!-- 업로드한 이미지의 썸네일 영역 -->
+													<ul class="thumb_wrap liOnImg ui-sortable"></ul>
+													<!-- //업로드한 이미지의 썸네일 영역 -->
+													<label for="smsTxtArea" class="label"></label>
+													<div class="ad_txt">
+														<p>(선거운동정보)</p>
+													</div><textarea id="smsTxtArea" name="smsTxtArea" class="put_text" placeholder="내용을 입력해주세요.
+-90btye 초과 시 LMS 자동전환
+-파일첨부 시 MMS 자동전환"></textarea>
+													<div class="text_length">
+														<div class="deny_txt">후보자전화번호 <br>불법수집정보 신고번호 118번<br>무료거부 0808800858</div>
+														<div name="afterDeny">
+															<p>
+																<span class="fwMd" id="msgLeng">79 / </span>
+																<span class="c_002c9a fwMd" id="limitLeng">90</span>byte
+															</p>
+															<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>
+													<button type="button" class="btnType btnType7" onclick="miniPopup(this)">선거 필수문구 입력</button>
+													<button type="button" class="btnType btnType7">내문자함</button>
+													<button type="button" class="btnType btnType8" onclick="showPotoediter();">이미지 불러오기</button>
+													<div class="send_btnWrap">
+														<button type="button" class="btnType btnType9">문자저장</button>
+														<button type="button" class="btnType btnType9">초기화</button>
+													</div>
+												</div>
+											</div>
+											<p>* 현재 [단문] <span class="c_e40000 fwBold">120,000</span>건 발송 가능합니다.</p>
+										</td>
+									</tr>
+									<!-- 포토 -->
+									<tr>
+										<th scope="row" class="vTop">받는사람</th>
+										<td class="putText">
+											<div class="clearfix receipt_num">
+												<div class="receipt_num_top" style="gap:6px;align-items:center;">
+													<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>
+													<span><span class="vMiddle">*</span> 중복번호는 한번만 발송됩니다.</span>
+												</div>
+												<div class="receipt_num_midde receipt_number_table_wrap">
+													<div class="put_left">
+														<div class="listType list">
+															<ul class="thead_ul table_ul">
+																<li>
+																	<!-- <div class="input_wrap"><input type="checkbox" id="checkAll" name="receipt_number_check"></div> -->
+																</li>
+																<li>
+																	번호
+																	<button type="button" class="btn_sort_up"><img src="/publish/images/sortUp.png"></button>
+																	<button type="button" class="btn_sort_down"><img src="/publish/images/sortDown.png"></button>
+																</li>
+																<li></li>
+																<li>번호
+																	<button type="button" class="btn_sort_up"><img src="/publish/images/sortUp.png"></button>
+																	<button type="button" class="btn_sort_down"><img src="/publish/images/sortDown.png"></button></li>
+															</ul>
+															<ul class="tbody_ul table_ul">
+																<li class="ui-widget-content">
+																	<div class="input_wrap"><input type="checkbox" id="check1" name="receipt_number_check"></div>
+																	<label for="check1">010-1234-0001</label>
+																</li>
+																<li class="ui-widget-content">
+																	<div class="input_wrap"><input type="checkbox" id="check2" name="receipt_number_check"></div>
+																	<label for="check2">010-1234-0002</label>
+																</li>
+																<li class="ui-widget-content">
+																	<div class="input_wrap"><input type="checkbox" id="check3" name="receipt_number_check"></div>
+																	<label for="check3">010-1234-0003</label>
+																</li>
+																<li class="ui-widget-content">
+																	<div class="input_wrap"><input type="checkbox" id="check4" name="receipt_number_check"></div>
+																	<label for="check4">010-1234-0004</label>
+																</li>
+																<li class="ui-widget-content">
+																	<div class="input_wrap"><input type="checkbox" id="check5" name="receipt_number_check"></div>
+																	<label for="check5">010-1234-0005</label>
+																</li>
+																<li class="ui-widget-content">
+																	<div class="input_wrap"><input type="checkbox" id="check6" name="receipt_number_check"></div>
+																	<label for="check6">010-1234-0006</label>
+																</li>
+																<li class="ui-widget-content">
+																	<div class="input_wrap"><input type="checkbox" id="check7" name="receipt_number_check"></div>
+																	<label for="check7">010-1234-0007</label>
+																</li>
+																<li class="ui-widget-content">
+																	<div class="input_wrap"><input type="checkbox" id="check8" name="receipt_number_check"></div>
+																	<label for="check8">010-1234-0008</label>
+																</li>
+																<li class="ui-widget-content">
+																	<div class="input_wrap"><input type="checkbox" id="check9" name="receipt_number_check"></div>
+																	<label for="check9">010-1234-0009</label>
+																</li>
+																<li class="ui-widget-content">
+																	<div class="input_wrap"><input type="checkbox" id="check10" name="receipt_number_check"></div>
+																	<label for="check10">010-1234-0010</label>
+																</li>
+																<li class="ui-widget-content">
+																	<div class="input_wrap"><input type="checkbox" id="check11" name="receipt_number_check"></div>
+																	<label for="check11">010-1234-0011</label>
+																</li>
+																<li class="ui-widget-content">
+																	<div class="input_wrap"><input type="checkbox" id="check12" name="receipt_number_check"></div>
+																	<label for="check12">010-1234-0012</label>
+																</li>
+																<li class="ui-widget-content">
+																	<div class="input_wrap"><input type="checkbox" id="check13" name="receipt_number_check"></div>
+																	<label for="check13">010-1234-0013</label>
+																</li>
+																<li class="ui-widget-content">
+																	<div class="input_wrap"><input type="checkbox" id="check14" name="receipt_number_check"></div>
+																	<label for="check14">010-1234-0014</label>
+																</li>
+																<li class="ui-widget-content">
+																	<div class="input_wrap"><input type="checkbox" id="check15" name="receipt_number_check"></div>
+																	<label for="check15">010-1234-0015</label>
+																</li>
+																<li class="ui-widget-content">
+																	<div class="input_wrap"><input type="checkbox" id="check16" name="receipt_number_check"></div>
+																	<label for="check16">010-1234-0016</label>
+																</li>
+																<li class="ui-widget-content">
+																	<div class="input_wrap"><input type="checkbox" id="check17" name="receipt_number_check"></div>
+																	<label for="check17">010-1234-0017</label>
+																</li>
+																<li class="ui-widget-content">
+																	<div class="input_wrap"><input type="checkbox" id="check18" name="receipt_number_check"></div>
+																	<label for="check18">010-1234-0018</label>
+																</li>
+																<li class="ui-widget-content">
+																	<div class="input_wrap"><input type="checkbox" id="check19" name="receipt_number_check"></div>
+																	<label for="check19">010-1234-0019</label>
+																</li>
+																<li class="ui-widget-content">
+																	<div class="input_wrap"><input type="checkbox" id="check20" name="receipt_number_check"></div>
+																	<label for="check20">010-1234-0020</label>
+																</li>
+															</ul>
+														</div>
+														<div class="list_bottom">
+															<ul class="pagination">
+																<!-- <li class="page_first"><a href="#" title="첫페이지" onclick="customSampleListAjax(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="customSampleListAjax(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="customSampleListAjax(2);return false;"><a href="#" title="2페이지">2</a></button></li>
+														<li><button type="button" onclick="customSampleListAjax(3);return false;"><a href="#" title="3페이지">3</a></button></li>
+														<li><button type="button" onclick="customSampleListAjax(4);return false;"><a href="#" title="4페이지">4</a></button></li>
+														<li><button type="button" onclick="customSampleListAjax(5);return false;"><a href="#" title="5페이지">5</a></button></li>
+														<li class="page_next"><a href="#" title="다음10페이지" onclick="customSampleListAjax(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="customSampleListAjax(52);return false;"><button type="button"><img src="/publish/images/content/page_last.png" alt="마지막페이지"></button></a></li> -->
+															</ul>
+															<div class="list_bottom_right">
+																<button type="button" class="btnType btn_gray fill">전체선택</button>
+																<div class="btn_popup_wrap">
+																	<button type="button" class="btnType btn_yellow fill btn_check_one">1명씩 선택<i class="qmMark"></i></button>
+																	<div class="error_hover_cont send_hover_cont">
+																		<p>마우스를 누르고 있으면 받는사람을 연속적으로 20명까지 선택할 수 있습니다.</p>
+																	</div>
+																</div>
+															</div>
+														</div>
+													</div>
+													<div class="put_right">
+														<button type="button" class="btnType btnType7">주소록 불러오기</button>
+														<button type="button" class="btnType btnType7">엑셀 불러오기</button>
+														<div class="btn_popup_wrap">
+															<button type="button" class="btnType btnType3">오류 검사 <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>
+														<dl class="receipt_info">
+															<dt>전체 받는사람 <button type="button" class="btn_reset"><i></i>초기화</button></dt>
+															<dd>
+																<p><b>10,000,000</b>명</p>
+															</dd>
+															<dt>전송완료</dt>
+															<dd>
+																<p><b class="c_e40000">20</b>명</p>
+															</dd>
+															<dt>잔여 받는사람</dt>
+															<dd>
+																<p><b class="c_002c9a">99,999,980</b>명</p>
+															</dd>
+														</dl>
+													</div>
+
+												</div>
+
+											</div>
+										</td>
+									</tr>
+									<tr>
+										<th colspan="2" class="billingAmount">
+											<div>
+												<div class="final_pay">
+													<div class="pay_info_list">
+														<p>발송금액 :</p>
+														<div class="info" id="repPriceTxt" style="display: none;">
+															단문 : <strong>20</strong>건<span>/</span>장문 : <strong>150</strong>건<span>/</span>그림문자 : <strong>30</strong>건
+														</div>
+													</div>
+													<p class="price"><span id="repPriceTxt"></span><span id="totalPriceTxt">0</span> 원<span></span></p>
+												</div>
+												<p style="text-align: right; font-size: 14px; color: #666; margin: -10px 0 15px 0; font-weight: 300;">* 이벤트회원의 발송금액은 이벤트단가를 적용하여 계산된 금액이므로 실제 발송금액과 다를 수 있습니다.</p>
+												<div class="pay_type clearfix">
+													<div>
+														<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="">
+														<span class="won">원</span>
+														<button type="button" class="btnType btnType21" onclick="location.href='/web/member/pay/PayView.do'">충전</button>
+													</div>
+													<div><button type="button" data-tooltip="popup07" class="btnType btnType3 btn_event_cash">이벤트 잔액</button></div>
+												</div>
+												<!--발송금액 아래 등급별 가격안내 추가-->
+												<div class="my_price_wrap">
+													<div class="center-line"></div>
+													<ul>
+														<li class="title">
+															<img src="/publish/images/content/icon_mypage_message.png" alt="">나의 단가 &nbsp;<span>:</span> &nbsp;
+														</li>
+														<li class="price_line">
+															<span class="type">단문</span>
+															<span class="price">18</span>원
+															<span class="line">/ &nbsp;</span>
+														</li>
+														<li class="price_line">
+															<span class="type">장문</span>
+															<span class="price">50</span>원
+															<span class="line">/ &nbsp;</span>
+														</li>
+														<li class="price_line">
+															<span class="type">그림</span>
+															<span class="price">90</span>원
+															(2장 : 110원 / 3장 : 130원)
+														</li>
+													</ul>
+												</div>
+											</div>
+										</th>
+									</tr>
+									<tr>
+										<th scope="row">추천인 ID</th>
+										<td class="check_num">
+											<input id="radio5" type="radio" name="recom" checked="checked">
+											<label for="radio5">없음</label>
+											<input id="radio6" type="radio" name="recom">
+											<label for="radio6">있음</label>
+											<div>
+												<label for="id" class="label"></label>
+												<input type="text" size="20" id="id" placeholder="추천인 아이디 입력" onfocus="this.placeholder=''" onblur="this.placeholder='추천인 아이디 입력'">
+												<button type="button" class="btnType btnType9">추천인 확인</button>
+											</div>
+										</td>
+									</tr>
+								</tbody>
+							</table>
+						</div><!-- send left 문자 보내기 입력 -->
+						<!-- send right 문자 보내기 미리보기 -->
+						<div class="send_right">
+							<div class="phone">
+								<div class="phoneIn">
+									<div>
+										<p class="prev_p"><img src="/publish/images/search.	png">미리보기</p>
+										<div class="text_length2 clearfix" style="display: none;">
+											<span class="msg_com msg_short">단문</span>
+											<div>
+												<span>글자크기</span>
+												<button type="button"><img src="/publish/images/	content/font_plus.png"></button>
+												<button type="button"><img src="/publish/images/	content/font_minus.png"></button>
+											</div>
+										</div>
+										<div class="text_length2 clearfix">
+											<span class="msg_com msg_photo">포토</span>
+											<ul class="photo_msg_num">
+												<li onclick="imgClick(0);"><a href="#none">1</a></ li>
+												<li onclick="imgClick(1);"><a href="#none">2</a></ li>
+												<li onclick="imgClick(2);"><a href="#none">3</a></ li>
+											</ul>
+											<div>
+												<span>글자크기</span>
+												<button type="button"><img src="/publish/images/	content/font_plus.png"></button>
+												<button type="button"><img src="/publish/images/	content/font_minus.png"></button>
+											</div>
+										</div>
+										<!-- 텍스트 미리보기 -->
+										<div class="text_preview">
+											<div class="preiew_img">
+												<div class="img_box">
+													<img src="/publish/images/content/	photo_sample01.jpg">
+												</div>
+												<div class="img_box">
+													<img src="/publish/images/content/	photo_sample01.jpg">
+												</div>
+												<div class="img_box">
+													<img src="/publish/images/content/excel.jpg">
+												</div>
+											</div>
+											<div class="preview_auto">
+												<p class="ad_tit">(광고)</p>
+												<p class="none_txt">내용을 입력해주세요.</p>
+												<p class="realtime"></p>
+												<p class="deny_receipt">무료 거부 080-0000-0000</p>
+											</div>
+										</div>
+										<!-- //텍스트 미리보기 -->
+									</div>
+								</div>
+								<p class="addText">※ 단말기 설정에 따라 다르게 보일 수 있습니다<p>
+							</div>
+							<div class="phone_bottom" style="bottom: 130px;">
+								<div class="send_rev">
+									<div class="send_content">
+										<div class="rev_radio">
+											<ul>
+												<li><input type="radio" id="reserYnN" name="reserYn" value="N" checked="checked"><label for="reserYnN">즉시</label></li>
+												<li><input type="radio" id="reserYnY" name="reserYn" value="Y"><label for="reserYnY">예약</label></li>
+											</ul>
+										</div>
+										<div class="send_btn">
+											<button type="button" class="btnType btnType11" onclick="javascript:fn_sendMsgData(); return false;">발송하기</button>
+											<button type="button" class="btnType btnType10" onclick="javascript:fnTestSend(); return false;">테스트발송</button>
+										</div>
+									</div>
+									<!-- 엔터키로 발송 체크박스 -->
+									<div class="use_enter" style="display: none;">
+										<input type="checkbox" id="enterChk" name="enterChk">
+										<label for="enterChk" id="lblEnterKey">Enter키로 발송하기</label><!-- 예약일땐 'Enter키로 예약하기'로 변경부탁드려요 -->
+									</div>
+									<div class="rev_selected" style="display: none;">
+										<div class="rev_top">
+											<span>날짜 :</span>
+											<div class="calendar_wrap">
+												<input type="text" class="startDate2 inp resDate calendar02 picker__input" title="검색 시작일" id="startDate2" name="startDate2" value="" data-datecontrol="true" readonly="" aria-haspopup="true" aria-expanded="false" aria-readonly="false" aria-owns="startDate2_root">
+											</div>
+											<label for="msgResHour" class="label">시 선택</label>
+											<div class="selBox">
+												<select class="selType1" id="msgResHour" name="msgResHour">
+													<option value="00">00시</option>
+													<option value="01">01시</option>
+													<option value="02">02시</option>
+													<option value="03">03시</option>
+													<option value="04">04시</option>
+													<option value="05">05시</option>
+													<option value="06">06시</option>
+													<option value="07">07시</option>
+													<option value="08">08시</option>
+													<option value="09">09시</option>
+													<option value="10">10시</option>
+													<option value="11">11시</option>
+													<option value="12">12시</option>
+													<option value="13">13시</option>
+													<option value="14">14시</option>
+													<option value="15">15시</option>
+													<option value="16">16시</option>
+													<option value="17">17시</option>
+													<option value="18">18시</option>
+													<option value="19">19시</option>
+													<option value="20">20시</option>
+													<option value="21">21시</option>
+													<option value="22">22시</option>
+													<option value="23">23시</option>
+													<option value="24">24시</option>
 												</select>
-												<label for="divideCnt">건</label>
-												<select class="selType1" id="divideTime" name="divideTime">
-													<option value="5">05분</option>
+												<select class="selType1" id="msgResMin" name="msgResMin">
+													<option value="00">00분</option>
+													<option value="05">05분</option>
 													<option value="10">10분</option>
 													<option value="15">15분</option>
 													<option value="20">20분</option>
+													<option value="25">25분</option>
 													<option value="30">30분</option>
+													<option value="35">35분</option>
+													<option value="40">40분</option>
+													<option value="45">45분</option>
+													<option value="50">50분</option>
+													<option value="55">55분</option>
 												</select>
-												<label for="divideTime">간격</label>
-											</div> -->
+											</div>
 										</div>
 									</div>
-
 								</div>
 							</div>
 						</div>
 					</div>
 					<!--// send right 문자 보내기 미리보기 -->
 				</div>
+				<!--// tab content2 -->
 			</div>
 			<!--// tab content1 -->
-			<!-- tab content2 -->
-			<div class="top_content get_excel" id="tab1_2">
-				<div class="heading">
-					<h2>대량문자</h2>
-				</div>
-				<div class="titBox">
-					<p>- 각각 다른 사람에게 다른 내용의 메시지를 한번에 보낼 수 있습니다. (최대 1만 건)</p>
-					<p>- 광고성 메시지는 반드시 유의사항 확인 후 발송해 주시기 바랍니다. <span><a href="#" data-tooltip="adpopup01">[광고문자 관련규정 안내]</a></span></p>
-					<p>- 엑셀영역은 복사, 붙여넣기가 가능합니다.</p>
-					<button type="button" class="titBox_btn1"><i></i>사용안내</button>
-				</div>
-				<div class="send_general">
-					<!-- send left 문자 보내기 입력 -->
-					<div class="send_left">
-						<table class="tType1">
-							<caption>일반 문자보내기 분류 번호 내용 등을 입력하는 표</caption>
-							<colgroup>
-								<col style="width: 120px;">
-								<col style="width: auto;">
-							</colgroup>
-							<tbody>
-								<tr>
-									<th scope="row">문자분류</th>
-									<td class="send_cf">
-										<input id="radio1" type="radio" name="send_clas" checked="checked">
-										<label for="radio1">일반</label>
-										<input id="radio2" type="radio" name="send_clas">
-										<label for="radio2">광고</label>
-									</td>
-								</tr>
-								<tr>
-									<th scope="row">발신번호</th>
-									<td class="put_num">
-										<label for="num" class="label"></label>
-										<select id="num" class="sel_number">
-											<option value="">010-1234-5678</option>
-											<option value="">010-1234-5678</option>
-											<option value="">010-1234-5678</option>
-											<option value="">010-1234-5678</option>
-										</select>
-										<button type="button" class="btnType btnType6">번호추가</button>
-									</td>
-								</tr>
-								<tr>
-									<th scope="row">제목</th>
-									<td>
-										<!-- 단문일 때 -->
-										<label for="text" class="label"></label>
-										<input type="text" size="20" id="text" class="w100" placeholder="" onfocus="this.placeholder=''" disabled>
-										<!-- 장문일 때 -->
-										<!-- <input type="text" size="20" id="text" class="w100" placeholder="제목을 입력해주세요 (최대30byte, 발송관리용)" onfocus="this.placeholder=''" onblur="this.placeholder='제목을 입력해주세요 (최대30byte, 발송관리용)'"> -->
-									</td>
-								</tr>
-								<!-- 단문 -->
-								<tr>
-									<th scope="row" class="vTop">내용</th>
-									<td class="putText">
-										<div class="clearfix">
-											<div class="put_left short">
-												<div class="ad_txt">
-													<p>(광고)</p>
-												</div>
-												<label for="textarea" class="label"></label>
-												<textarea id="textarea" class="put_text" placeholder="내용을 입력해주세요.
--90btye 초과 시 LMS 자동전환
--파일첨부 시 MMS 자동전환"></textarea>
-												<div class="text_length">
-													<div>
-														<p>무료 거부 080-0000-0000</p>
-													</div>
-													<div>
-														<p><span class="fwMd">15 /<span><span class="c_002c9a fwMd"> 90</span>byte</p>
-														<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>
-													</div>
-												</div>
-												<button type="button" class="btnType btnType7">내문자함</button>
-												<button type="button" class="btnType btnType8" onclick="showPotoediter();">이미지 불러오기</button>
-												<div class="send_btnWrap">
-													<button type="button" class="btnType btnType9">문자저장</button>
-													<button type="button" class="btnType btnType9">초기화</button>
-												</div>
-											</div>
-										</div>
-										<p>* 현재 [단문] <span class="c_e40000 fwBold">120,000</span>건 발송 가능합니다.</p>
-									</td>
-								</tr>
-								<!-- 포토 -->
-								<tr style="display: none;">
-									<th scope="row">내용</th>
-									<td class="putText">
-										<div class="clearfix">
-											<div class="put_left photo">
-												<ul class="thumb_wrap">
-													<li class="on">
-														<div>
-															<img src="/publish/images/content/thumb1.jpg" alt="thumb1">
-														</div>
-														<button type="button" class="file_close"><img src="/publish/images/content/thumb_del.png" alt="첨부파일 삭제"></button>
-														<button type="button" class="file_close_on"><img src="/publish/images/content/thumb_del_on.png" alt="첨부파일 삭제"></button>
-													</li>
-													<li>
-														<div>
-															<img src="/publish/images/content/thumb2.jpg" alt="thumb1">
-														</div>
-														<button type="button" class="file_close"><img src="/publish/images/content/thumb_del.png" alt="첨부파일 삭제"></button>
-														<button type="button" class="file_close_on"><img src="/publish/images/content/thumb_del_on.png" alt="첨부파일 삭제"></button>
-													</li>
-													<li>
-														<div>
-															<img src="/publish/images/content/thumb3.jpg" alt="thumb1">
-														</div>
-														<button type="button" class="file_close"><img src="/publish/images/content/thumb_del.png" alt="첨부파일 삭제"></button>
-														<button type="button" class="file_close_on"><img src="/publish/images/content/thumb_del_on.png" alt="첨부파일 삭제"></button>
-													</li>
-												</ul>
-												<div class="ad_txt">
-													<p>(광고)</p>
-												</div>
-												<label for="textarea" class="label"></label>
-												<textarea id="textarea" class="put_text">
-해마다 찾아오는 봄이지만
-봄맞이 대청소라는 말처럼,
-새 봄을 맞아 봄맞이 마음청소 한번하고 가실께요~ㅎㅎ
-    
-"새술은 새부대에"라는 말처럼 버리고 싶은 기억들을 
-깨끗이 비워보는 겁니다.
-    
-새봄에 새마음으로 새롭게 시작해 보는 겁니다.
-
-해마다 찾아오는 봄이지만
-봄맞이 대청소라는 말처럼,
-새 봄을 맞아 봄맞이 마음청소 한번하고 가실께요~ㅎㅎ
-    
-"새술은 새부대에"라는 말처럼 버리고 싶은 기억들을 
-깨끗이 비워보는 겁니다.
-    
-새봄에 새마음으로 새롭게 시작해 보는 겁니다.
-
-해마다 찾아오는 봄이지만
-봄맞이 대청소라는 말처럼,
-새 봄을 맞아 봄맞이 마음청소 한번하고 가실께요~ㅎㅎ
-    
-"새술은 새부대에"라는 말처럼 버리고 싶은 기억들을 
-깨끗이 비워보는 겁니다.
-    
-새봄에 새마음으로 새롭게 시작해 보는 겁니다.
-                                                    </textarea>
-												<div class="text_length">
-													<div>
-														<p>무료 거부 080-0000-0000</p>
-													</div>
-													<div>
-														<p><span class="fwMd">15 /<span><span class="c_002c9a fwMd"> 2000</span>byte</p>
-														<span class="msg_com msg_photo">그림</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>
-															<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>
-												<div class="btn_popup_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>주소록, 엑셀에 입력된 내용을 이용해 수신자마다 다른 내용의<br> 메시지를 발송하는 기능</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>
-													</div>
-												</div>
-												<button type="button" class="btnType btnType7">내문자함</button>
-												<button type="button" class="btnType btnType8" onclick="showPotoediter();">이미지 불러오기</button>
-												<div class="send_btnWrap">
-													<button type="button" class="btnType btnType9">문자저장</button>
-													<button type="button" class="btnType btnType9">초기화</button>
-												</div>
-											</div>
-										</div>
-										<p>* 현재 [단문] <span class="c_e40000 fwBold">120,000</span>건 발송 가능합니다.</p>
-									</td>
-								</tr>
-							</tbody>
-						</table>
-					</div><!-- send left 문자 보내기 입력 -->
-					<!-- send right 문자 보내기 미리보기 -->
-					<div class="send_right">
-						<div class="phone">
-							<div class="phoneIn">
-								<div>
-									<p class="prev_p"><img src="/publish/images/search.	png">미리보기</p>
-									<div class="text_length2 clearfix" style="display: none;">
-										<span class="msg_com msg_short">단문</span>
-										<div>
-											<span>글자크기</span>
-											<button type="button"><img src="/publish/images/	content/font_plus.png"></button>
-											<button type="button"><img src="/publish/images/	content/font_minus.png"></button>
-										</div>
-									</div>
-									<div class="text_length2 clearfix">
-										<span class="msg_com msg_photo">포토</span>
-										<ul class="photo_msg_num">
-											<li onclick="imgClick(0);"><a href="#none">1</a></ li>
-											<li onclick="imgClick(1);"><a href="#none">2</a></ li>
-											<li onclick="imgClick(2);"><a href="#none">3</a></ li>
-										</ul>
-										<div>
-											<span>글자크기</span>
-											<button type="button"><img src="/publish/images/	content/font_plus.png"></button>
-											<button type="button"><img src="/publish/images/	content/font_minus.png"></button>
-										</div>
-									</div>
-									<!-- 텍스트 미리보기 -->
-									<div class="text_preview">
-										<div class="preiew_img">
-											<div class="img_box">
-												<img src="/publish/images/content/	photo_sample01.jpg">
-											</div>
-											<div class="img_box">
-												<img src="/publish/images/content/	photo_sample01.jpg">
-											</div>
-											<div class="img_box">
-												<img src="/publish/images/content/excel.jpg">
-											</div>
-										</div>
-										<div class="preview_auto">
-											<p class="ad_tit">(광고)</p>
-											<p class="none_txt">내용을 입력해주세요.</p>
-											<p class="realtime"></p>
-											<p class="deny_receipt">무료 거부 080-0000-0000</p>
-										</div>
-									</div>
-									<!-- //텍스트 미리보기 -->
-								</div>
-							</div>
-							<p class="addText">※ 단말기 설정에 따라 다르게 보일 수 있습니다<p>
-						</div>
-					</div>
-					<!--// send right 문자 보내기 미리보기 -->
-				</div>
-				<!-- excel 대량 불러오기 -->
-				<div class="excelWrap">
-					<div>
-						<div class="excel_selBox">
-							<div>
-								<button type="button" class="excel_btn btnType"><i class="uproad"></i>엑셀 불러오기</button>
-							</div>
-							<div>
-								<button type="button" class="excel_btn"><i class="downroad"></i>엑셀 샘플 다운로드</button>
-								<!-- <button type="button" class="btnType btnType14"><i></i>번호입력형식안내</button> -->
-							</div>
-						</div>
-						<div class="file_add">
-							<p><img src="/publish/images/content/file_add.png" alt="파일 붙여넣기">마우스로 엑셀 파일을 여기에 끌어다 놓으세요</p>
-						</div>
-						<div class="excel_middle2">
-							<p>총 <span class="c_e40000 fwBold">120</span>건 / 중복 <span class="c_002c9a fwBold">9</span>건</p>
-							<button type="button" class="btnType btnType6">번호추가</button>
-						</div>
-						<div class="drag_drop_wrap">
-							<img src="/publish/images/content/excel.jpg" style="width: 100%;">
-						</div>
-						<div class="excel_middle">
-							<div class="select_btnWrap clearfix">
-								<div>
-									<button type="button"><i class="remove_img"></i>선택삭제</button>
-									<button type="button"><i class="remove_img"></i>오류번호삭제</button>
-									<button type="button" class="check_validity">오류 검사<i></i></button>
-								</div>
-								<div>
-									<button type="button" class="excel_btn"><i class="downroad"></i>엑셀 다운로드</button>
-								</div>
-							</div>
-						</div>
-					</div>
-				</div>
-				<div class="send_general sec">
-					<div class="send_left">
-						<table class="tType1">
-							<caption>일반 문자보내기 분류 번호 내용 등을 입력하는 표</caption>
-							<colgroup>
-								<col style="width: 100px;">
-								<col style="width: auto;">
-							</colgroup>
-							<tbody>
-								<tr>
-									<th colspan="2" class="billingAmount">
-										<div>
-											<div class="final_pay">
-												<p>결제금액 :</p>
-												<p class="price"><span>200,000</span>원<span>(부가세 포함)</span></p>
-											</div>
-											<div class="pay_type clearfix">
-												<div>
-													<label for="" class="label">충전 금액</label>
-													<input id="radio_bill_1" type="radio" name="radio_bill" checked="checked">
-													<label for="radio_bill_1">내 충전금 (<span>3,000</span>원)</label>
-												</div>
-												<div>
-													<label for="" class="label">포인트 금액</label>
-													<input type="text" placeholder="199,700" readonly>
-													<button type="button" class="btnType btnType3">충전</button>
-												</div>
-											</div>
-										</div>
-									</th>
-								</tr>
-								<tr>
-									<th scope="row">추천인 ID</th>
-									<td class="check_num">
-										<input id="radio5" type="radio" name="recom" checked="checked">
-										<label for="radio5">없음</label>
-										<input id="radio6" type="radio" name="recom">
-										<label for="radio6">있음</label>
-										<div>
-											<label for="id" class="label"></label>
-											<input type="text" size="20" id="id" placeholder="추천인 아이디 입력" onfocus="this.placeholder=''" onblur="this.placeholder='추천인 아이디 입력'">
-											<button type="button" class="btnType btnType9">추천인 확인</button>
-										</div>
-									</td>
-								</tr>
-							</tbody>
-						</table>
-					</div>
-					<div class="send_right">
-						<div class="send_rev">
-							<div class="rev_radio">
-								<input id="radio11" type="radio" name="reser2" checked="checked">
-								<label for="radio11">즉시</label>
-								<input id="radio12" type="radio" name="reser2">
-								<label for="radio12">예약</label>
-							</div>
-							<div class="rev_selected">
-								<div class="rev_top">
-									<span>날짜 :</span>
-									<div class="calendar_wrap">
-										<input type="text" class="startDate2 inp" title="검색 시작일" id="startDate2" name="startDate2" value="" data-datecontrol="true">
-									</div>
-									<label for="" class="label">시 선택</label>
-									<div class="selBox">
-										<select class="selType1">
-											<option>00시</option>
-											<option>10시</option>
-											<option>20시</option>
-										</select>
-										<label for="" class="label">분 선택</label>
-										<select class="selType1">
-											<option>00분</option>
-											<option>25분</option>
-											<option>50분</option>
-										</select>
-									</div>
-								</div>
-								<div class="rev_bottom">
-									<input type="checkbox">
-									<label for="">분할전송</label>
-									<select class="selType1">
-										<option>00시</option>
-										<option>10시</option>
-										<option>20시</option>
-									</select>
-									<label for="">건</label>
-									<select class="selType1">
-										<option>00분</option>
-										<option>25분</option>
-										<option>50분</option>
-									</select>
-									<label>간격</label>
-								</div>
-							</div>
-						</div>
-						<div class="send_btn">
-							<button type="button" class="btnType btnType10">테스트 발송<img src="/publish/images/content/qmIcon.png"></button>
-							<button type="button" class="btnType btnType11">발송하기</button>
-						</div>
-					</div>
-				</div>
-			</div>
-			<!--// tab content2 -->
 			<div class="send_bottom">
 				<!-- tab button -->
 				<ul class="tabType2">
@@ -2408,38 +2454,7 @@
 	</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>
+	<div data-include-path="/publish/layout/_footer.html"></div>
 	<!--// footer 영역 -->
 	<div class='long-click'>0.3s Long-Click</div>
 	<p>버튼을 꾹~ 눌러보세요!</p>
diff --git a/src/main/webapp/publish/textingmsg.html b/src/main/webapp/publish/textingmsg.html
index 8acd18ed..e5606694 100644
--- a/src/main/webapp/publish/textingmsg.html
+++ b/src/main/webapp/publish/textingmsg.html
@@ -2,1359 +2,1136 @@
 <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/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>
+	<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">
+	<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/popup.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>
+		$(document).ready(function () {
+			$(".table_tab_wrap .tab_depth1 a").click(function () {
+				var tab_num = $(this).index();
+				$(".table_cont .tb_wrap").eq(tab_num).show();
+				$(".table_cont .tb_wrap").eq(tab_num).siblings(".tb_wrap").hide();
+				if ($(".table_tab_wrap .tab_depth1 a:visible").length == tab_num + 1) {
+					$(this).css("border-radius", "0 5px 5px 0");
+				} else {}
+			})
+		});
+	</script>
 
 </head>
+
 <body>
-    <div class="mask"></div>
+	<div class="mask"></div>
 
-    <!-- 문자내용 팝업 data-tooltip: rev_popup01 -->
+	<!-- 이통사 스팸차단 및 번호도용 방지 서비스 안내 팝업 -->
 	<div class="tooltip-wrap">
-		<div class="popup-com adr_layer rev_popup01" tabindex="0" data-tooltip-con="rev_popup01" data-focus="rev_popup01" data-focus-prev="rev_popup01-close" style="width: 440px;">
+		<div class="popup-com ad_layer popupJunk" tabindex="0" data-tooltip-con="popupJunk" data-focus="popupJunk" data-focus-prev="popupJunk-close">
 			<div class="popup_heading">
-				<p>문자내용</p>
-				<button type="button" class="tooltip-close" data-focus="rev_popup01-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
+				<p>이통사 스팸차단 및 번호도용 방지 서비스 안내</p>
+				<button type="button" class="tooltip-close" data-focus="popupJunk-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
 			</div>
 			<div class="layer_in">
-				<div class="rev_pop_in">
-                    <label for="" class="label">발송된 문자 제목</label>
-                    <input type="text" placeholder="여름할인 이벤트" readonly>
-                    <div class="rev_pop_middle clearfix">
-                        <span>발송일시  :  2021-05-28  16:52:30</span>
-                        <span class="msg_com msg_photo">MMS</span>
-                    </div>
-                    <div class="rev_pop_txt">
-                        <ul>
-                            <li><img src="/publish/images/content/thumb1.jpg" alt="발송된 그림문자 미리보기"></li>
-                            <li><img src="/publish/images/content/thumb2.jpg" alt="발송된 그림문자 미리보기"></li>
-                            <li><img src="/publish/images/content/thumb3.jpg" alt="발송된 그림문자 미리보기"></li>
-                        </ul>
-                        <div>
-                            <p class="deny_receipt">(광고) 무료거부 080-888-8282</p>
-                            <p class="rev_cont">안녕하세요. 문자온미용실 입니다.<br>
-                                여름 맞이 이벤트 입니다.<br> 
-                                7월부터 8월까지 모든 염색 10만원(시세이도 및 탈색은 별도) 
-                            </p>
-                        </div>
-                    </div>
-                </div>	
-                <div class="popup_btn_wrap2" style="justify-content: center;">
-                    <button type="button" class="tooltip-close" data-focus="rev_popup01-close" data-focus-next="rev_popup01">닫기</button>                      
-                </div>
-			</div>
-		</div>
-	</div><!--// 문자내용 팝업 -->
-
-	<!-- 그룹등록 팝업 data-tooltip:rev_popup02 -->
-	<div class="tooltip-wrap">
-		<div class="popup-com adr_layer rev_popup02" tabindex="0" data-tooltip-con="rev_popup02" data-focus="rev_popup02" data-focus-prev="rev_popup02-close" style="width: 500px;">
-			<div class="popup_heading">
-				<p>그룹등록</p>
-				<button type="button" class="tooltip-close" data-focus="rev_popup02-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
-			</div>
-			<div class="layer_in">
-				<div class="gorup_join_cont">
-					<p class="adr_pop_title">선택된 발송내역 전화번호를 그룹으로 등록합니다.</p>
-					<div class="group_input" style="margin-top: 0;">
-                        <div class="input_left">그룹이름</div>
-                        <div class="input_right">
-                            <label for="" class="label">새 그룹명 입력</label>
-                            <input type="text" placeholder="새 그룹명 입력" onfocus="this.placeholder=''" onblur="this.placeholder='새 그룹명 입력'" class="inputLight">
-                        </div>
-                    </div>
-					<div class="popup_btn_wrap2">
-						<button type="button">저장</button>
-						<button type="button" class="tooltip-close" data-focus="rev_popup02-close" data-focus-next="rev_popup02">취소</button>                      
+				<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="titBox">
+						<div class="notibox">한국인터넷진흥원 불법스팸대응센터에서 스팸종합대책을 마련함에 따라,<br>각 통신사에서 스팸차단서비스라는 서비스를 진행하고 있습니다.</div>
+						<p>- 스팸차단서비스는 이동통신사의 별도 조합 기준에 따른 스팸확률에 의한 차단으로 스팸으로 판단되는 문자를</p>
+						<p>&nbsp; 휴대폰 문자수신함이 아닌, 각 통신사별 스팸보관함에 전송한 후 결과값은 성공을 처리합니다(정상과금 처리)</p>
+						<p>- 스팸문자로 저장된것이 확인되었다면, 스팸차단서비스를 해제하여 이용하시기 바랍니다.</p>
+						<p>&nbsp; (개인정보보호정책으로 인해 본인 이외 타인은 확인 불가하므로, 본인이 직접 확인해야합니다.)</p>
 					</div>
-				</div>
+					<div class="adpop1_bottom">
+						<p class="title_box"><span>01.</span>통신사 홈페이지를 통해 확인하는 방법<button type="button" class="view_button" onclick="popContentBoxView(this);"><i></i></button></p>
+						<div class="content_box">
+							<ul class="list">
+								<li class="tit">
+									<ul>
+										<li>
+											<div class="img_box"><img src="/publish/images/content/junk_agency001.png" alt="SK telecom"></div>
+											<a href="http://www.tworld.co.kr/normal.do?serviceId=S_PROD2001&amp;viewId=V_PROD7070&amp;prod_id=NA00002121&amp;uCode=u1_2" target="_blank">T월드 문자 스팸필터링 바로가기</a>
+										</li>
+										<li>
+											<div class="img_box"><img src="/publish/images/content/junk_agency002.png" alt="olleh KT"></div>
+											<a href="https://product.kt.com/wDic/productDetail.do?ItemCode=479" target="_blank">KT (안심)스팸차단 바로가기</a>
+										</li>
+										<li>
+											<div class="img_box"><img src="/publish/images/content/junk_agency003.png" alt="LG U+"></div>
+											<a href="https://www.lguplus.com/plan/addon/addon-call-msg/LRZ0000277" target="_blank">U+ 스팸차단 바로가기</a>
+										</li>
+									</ul>
+								</li>
+								<li>
+									<dl>
+										<dt><img src="/publish/images/content/junk_agency001_01.png" alt="T world"></dt>
+										<dd>
+											<p>Tworld<a href="https://www.tworld.co.kr" target="_blank">(www.tworld.co.kr)</a> 홈페이지 접속 → 로그인 → [스팸필터링] 검색<br>→ 부가서비스 - 문자 스팸필터링 → 설정 → SMS인증 → 스팸차단 메시지 확인</p>
+										</dd>
+									</dl>
+								</li>
+								<li>
+									<dl>
+										<dt><img src="/publish/images/content/junk_agency002_01.png" alt="olleh O"></dt>
+										<dd>
+											<p>KT<a href="https://www.kt.com/" target="_blank">(www.kt.com)</a> 홈페이지 접속 → 로그인 →[스팸차단서비스] 검색<br>→ 스팸차단서비스 → 스팸메시지함 → 스팸차단 메시지 확인</p>
+										</dd>
+									</dl>
+								</li>
+								<li>
+									<dl>
+										<dt><img src="/publish/images/content/junk_agency003_01.png" alt="LG U+"></dt>
+										<dd>
+											<p>U+<a href="https://www.uplus.co.kr" target="_blank">(www.uplus.co.kr)</a> 홈페이지 접속 → 로그인 → [스팸차단] 검색<br>→ 부가서비스 - 스팸차단 → 스팸내역 조회 → SMS인증 → 스팸차단 메시지 확인</p>
+										</dd>
+									</dl>
+								</li>
+							</ul>
+						</div>
+					</div>
+					<div class="adpop1_bottom">
+						<p class="title_box"><span>02.</span>통신사 어플을 통해 확인하는 방법<button type="button" class="view_button" onclick="popContentBoxView(this);"><i></i></button></p>
+						<div class="content_box">
+							<ul class="list02">
+								<li>
+									<div class="img_box"><img src="/publish/images/content/junk_agency01_02.png" alt="SKT"></div>
+									<dl>
+										<dt>SKT · T스팸필터링</dt>
+										<dd>T Store, 구글 Play 스토어<br>다운가능</dd>
+									</dl>
+								</li>
+								<li>
+									<div class="img_box"><img src="/publish/images/content/junk_agency02_02.png" alt="KT"></div>
+									<dl>
+										<dt>KT올레 · 올레스팸차단서비스</dt>
+										<dd>구글 Play 스토어 다운가능</dd>
+									</dl>
+								</li>
+								<li>
+									<div class="img_box"><img src="/publish/images/content/junk_agency03_02.png" alt="LG"></div>
+									<dl>
+										<dt>LG U+ · U+ 스팸차단</dt>
+										<dd>구글 Play 스토어 다운가능</dd>
+									</dl>
+								</li>
+							</ul>
+						</div>
+					</div>
+					<div class="adpop1_bottom">
+						<p class="title_box"><span>03.</span>통신사 고객센터를 확인하는 방법<button type="button" class="view_button" onclick="popContentBoxView(this);"><i></i></button></p>
+						<div class="content_box">
+							<dl class="cscenter">
+								<dt>휴대폰 114 + 통화버튼</dt>
+								<dd>
+									<ul>
+										<li>· SKT 고객센터(1599-0011)</li>
+										<li>· KT올레 고객센터(100)</li>
+										<li>· LG U+ 고객센터(1544-0010)</li>
+									</ul>
+								</dd>
+							</dl>
+						</div>
+					</div>
+				</div><!-- // 광고문자 전송규정 안내 -->
+
+				<!-- 광고문자 수신동의 안내 -->
+				<div class="adpop_cont" id="listTab2_2">
+					<div class="titBox">
+						<div class="notibox">웹에서 발송되는 스팸, 스미싱 문자에 내 번호가 회신번호로 악용되는 것을 방지해주는 서비스로<br>해당 서비스에 가입된 경우 인터넷 문자 발송서비스를 통해 본인 휴대폰번호로 문자 발송시 차단됩니다</div>
+						<p>- 모든 전송 결과값이 실패로 확인되는 경우, 번호도용문자차단서비스에 가입여부 확인 후 해당서비스를 해지</p>
+						<p>&nbsp; 하신 후 전송하시기 바랍니다.</p>
+					</div>
+					<div class="adpop1_bottom">
+						<p class="title_box"><span>01.</span>통신사 홈페이지를 통해 확인하는 방법<button type="button" class="view_button" onclick="popContentBoxView(this);"><i></i></button></p>
+						<div class="content_box">
+							<ul class="list">
+								<li class="tit">
+									<ul>
+										<li>
+											<div class="img_box"><img src="/publish/images/content/junk_agency001.png" alt="SKT"></div>
+											<a href="http://www.tworld.co.kr/normal.do?serviceId=S_PROD2001&amp;viewId=V_PROD7070&amp;prod_id=NA00004406&amp;uCode=u1_2" target="_blank">T번호도용문자차단 바로가기</a>
+										</li>
+										<li>
+											<div class="img_box"><img src="/publish/images/content/junk_agency002.png" alt="KT"></div>
+											<a href="https://product.kt.com/wDic/productDetail.do?ItemCode=1047" target="_blank">KT번호도용문자차단 바로가기</a>
+										</li>
+										<li>
+											<div class="img_box"><img src="/publish/images/content/junk_agency003.png" alt="Uplus"></div>
+											<a href="https://www.lguplus.com/plan/addon/addon-call-msg/LRZ0002297" target="_blank">U+ 번호도용문자차단 바로가기</a>
+										</li>
+									</ul>
+								</li>
+								<li>
+									<dl>
+										<dt><img src="/publish/images/content/junk_agency001_01.png" alt="tworld"></dt>
+										<dd>
+											<p>Tworld<a href="https://www.tworld.co.kr" target="_blank">(www.tworld.co.kr)</a> 홈페이지 접속 → 로그인<br>→ [번호도용문자차단] 검색 → 부가서비스 → 번호도용문자차단 → 해지</p>
+										</dd>
+									</dl>
+								</li>
+								<li>
+									<dl>
+										<dt><img src="/publish/images/content/junk_agency002_01.png" alt="kt"></dt>
+										<dd>
+											<p>KT<a href="https://www.kt.com" target="_blank">(www.kt.com)</a> 홈페이지 접속 → 로그인<br>→ [번호도용문자차단] 검색 → 부가서비스 → 번호도용문자차단 → 해지</p>
+										</dd>
+									</dl>
+								</li>
+								<li>
+									<dl>
+										<dt><img src="/publish/images/content/junk_agency003_01.png" alt="LGuplus"></dt>
+										<dd>
+											<p>U+<a href="https://www.uplus.co.kr" target="_blank">(www.uplus.co.kr)</a> 홈페이지 접속 → 로그인 → [번호도용문자차단] 검색<br>→ 부가서비스 → 번호도용문자차단 → 해지</p>
+										</dd>
+									</dl>
+								</li>
+							</ul>
+						</div>
+					</div>
+					<div class="adpop1_bottom">
+						<p class="title_box"><span>02.</span>통신사 고객센터를 확인하는 방법<button type="button" class="view_button" onclick="popContentBoxView(this);"><i></i></button></p>
+						<div class="content_box">
+							<dl class="cscenter">
+								<dt>휴대폰 114 + 통화버튼</dt>
+								<dd>
+									<ul>
+										<li>· SKT 고객센터(1599-0011)</li>
+										<li>· KT올레 고객센터(100)</li>
+										<li>· LG U+ 고객센터(1544-0010)</li>
+									</ul>
+								</dd>
+							</dl>
+						</div>
+					</div>
+				</div><!-- // 광고문자 수신동의 안내 -->
+			</div>
+			<div class="popup_btn_wrap2" style="margin: 0 auto 30px auto;">
+				<button type="button" class="tooltip-close" data-focus="adr_popup01-close" data-focus-next="popup02">닫기</button>
 			</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 메뉴 -->
-    <!-- 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 영역 -->
-    <!-- login 영역 -->
-    <!-- content 영역 -->
-    <div id="container" class="cont sub">
-        <div class="inner">
-            <!-- send top -->
-            <div class="send_top">
-				<!-- 결제관리 - 요금 사용내역 -->
-                <div class="rev_admin_cont serv_content current">
-                    <div class="heading">
-                        <h2>발송관리</h2>
-                    </div>
-                    <div class="titBox type1">
-                        <p>- 보낸결과는 이동통신사의 결과값을 기반으로 표시되며, 최대 6개월간의 발송내역만 확인하실 수 있습니다.</p>
-                        <p>- 전송내역이 필요한 경우 기간(6개월) 내에 다운로드하여 주시기 바랍니다.</p>
-                        <p>- 보낸결과는 이동통신사 및 수신자 등의 사정으로 발송이 지연된 경우 결과가 다소 늦게 확인될 수 있습니다.</p>
-                        <p>- 받는사람 기준으로 전송건별(묶음), 개인별(건) 상세조회가 가능합니다.</p>
-                        <p>- 단문문자는 최대 24시간, 장문 및 그림문자는 최대 72시간까지 결과값이 수신되지 않은 경우 실패(비과금) 처리됩니다.</p>
-                        <p>- 정상 수신인데도 불구하고 문자를 받지 못한 경우에는 “이통사별스팸차단서비스(버튼)” 안내를 확인하시기 바랍니다.</p>
-                        <p>- 발송건 전체가 오류 처리되는 경우 번호도용 차단서비스에 가입되어 있을 수 있습니다. “번호도용 차단서비스(버튼)” 안내를 참고하시기 바랍니다.</p>
-                        <p>- 보낸결과는 삭제 시 복구가 불가하오니 반드시 유의하시기 바랍니다.</p>
-                        <div class="btnWrap type1">
-                            <button type="button">정상수신인데 못받은 경우<span>(통신사별 스팸차단서비스)</span></button>
-                            <button type="button">발송내용이 전체오류가 나는 경우<span>(통신사별 스팸차단서비스)</span></button>
-                        </div>
-                    </div>
-                    <div class="rev_admin">
-                        <div class="rev_admin_in">
-                            <div class="rev_admin_top clearfix">
-                                <p>전체</p>
-                                <p><span>171</span> 건</p>
-                            </div>
-                            <div class="rev_admin_btm">
-                                <p>성공 <span class="c_002c9a">170</span>건</p>
-                                <p>실패 <span class="c_e40000">1</span>건</p>
-                            </div>
-                        </div>
-                        <div class="rev_admin_in">
-                            <div class="rev_admin_top clearfix">
-                                <p>단문(SMS)</p>
-                                <p><span>11</span> 건</p>
-                            </div>
-                            <div class="rev_admin_btm">
-                                <p>성공 <span class="c_002c9a">10</span>건</p>
-                                <p>실패 <span class="c_e40000">1</span>건</p>
-                            </div>
-                        </div>
-                        <div class="rev_admin_in">
-                            <div class="rev_admin_top clearfix">
-                                <p>장문(LMS)</p>
-                                <p><span>160</span> 건</p>
-                            </div>
-                            <div class="rev_admin_btm">
-                                <p>성공 <span class="c_002c9a">160</span>건</p>
-                                <p>실패 <span class="c_e40000">0</span>건</p>
-                            </div>
-                        </div>
-                        <div class="rev_admin_in">
-                            <div class="rev_admin_top clearfix">
-                                <p>그림(MMS)</p>
-                                <p><span>0</span> 건</p>
-                            </div>
-                            <div class="rev_admin_btm">
-                                <p>성공 <span class="c_002c9a">0</span>건</p>
-                                <p>실패 <span class="c_e40000">0</span>건</p>
-                            </div>
-                        </div>
-                    </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" 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">
-                                <label for="" class="label">발신번호 선택</label>
-                                <select name="" id="" class="selType2">
-                                    <option value="">발신번호</option>
-                                    <option value="">발신번호</option>
-                                    <option value="">발신번호</option>
-                                </select>
-                                <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 type4">
-                        <!-- 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');">단문(SMS)</button></li>
-                            <li class="tab"><button type="button" onclick="listTab2(this,'3');">장문(LMS)</button></li>
-                            <li class="tab"><button type="button" onclick="listTab2(this,'4');">그림(MMS)</button></li>
-                        </ul><!--// tab button -->
-                    </div>
-                    <!-- 발송관리 > 전체 -->
-                    <div class="price_history_cont" id="listTab_2">
-                        <!-- tab button -->
-                        <div class="table_tab_wrap">
-                            <ul>
-                                <li class="tab active"><button type="button" onclick="tableTab(this,'1');">전체</button></li>
-                                <li class="tab"><button type="button" onclick="tableTab(this,'2');">발송대기</button></li>
-                                <li class="tab"><button type="button" onclick="tableTab(this,'3');">발송중</button></li>
-                                <li class="tab"><button type="button" onclick="tableTab(this,'4');">발송완료</button></li>
-                                <li class="tab"><button type="button" onclick="tableTab(this,'5');">발송실패</button></li>
-                            </ul><!--// tab button -->
-                            <div class="tab_depth1">
-                                <a href="#none" class="on">받는사람(전송건별)</a>
-                                <a href="#none" style="display: none;"></a>
-                                <a href="#none">받는사람(개인별)</a>
-                                <div class="on_active">받는사람(전송건별)</div>
-                            </div>
-                        </div>
-                        
-                        <div class="table_cont current">
-							<div class="list_info">
-								<p>총 발송건수 <span class="c_e40000">171</span>건</p>
-								<div>
-									<label for="" class="label">카테고리 선택</label>
-									<!-- selType2만 받는사람(개인별) 선택 시 나타남 -->
-									<select id="" class="selType2">
-										<option>전체</option>
-										<option>정상수신</option>
-										<option>전송실패</option>
-										<option>수신오류</option>
-										<option>수신거부</option>
-										<option>번호오류</option>
-									</select>
-									<label for="" class="label">줄보기 선택</label>
-									<select id="" class="selType2">
-										<option>10개보기</option>
-										<option>20개보기</option>
+	<!-- skip 메뉴  -->
+	<div class="skip_menu">
+		<a href="#cont" title="본문 바로가기" class="contGo">본문 바로가기</a>
+	</div>
+	<!--// skip 메뉴  -->
+	<!-- quick 메뉴 -->
+	<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">
+				<!-- 발송결과 화면 -->
+				<div class="rev_admin_cont serv_content current">
+					<div class="heading">
+						<h2>발송결과</h2>
+						<button type="button" class="button info" onclick="infoListPop('textingmsg','792','350')">사용안내</button>
+						<button type="button" class="button junk" data-tooltip="popupJunk">통신사 스팸규격안내</button>
+					</div>
+
+					<div class="pay_tab_wrap">
+						<!-- tab button -->
+						<ul class="tabType1">
+							<li class="tab active"><button type="button" onclick="TabType5(this,'1');return false;">문자</button>
+							</li>
+							<li class="tab"><button type="button" onclick="TabType5(this,'2');return false;">카카오톡</button></li>
+							<li class="tab"><button type="button" onclick="TabType5(this,'3');return false;">팩스</button></li>
+						</ul>
+						<!--// tab button -->
+					</div>
+					<div class="rev_content" id="tab5_1">
+						<!-- 발송결과 개선 : 문구추가 -->
+						<div class="titBox_result">
+							<p>- 최대 3개월간의 발송내역만 확인하실 수 있습니다.</p>
+							<p>- 전송내역이 필요한 경우 기간 내에 다운로드하여 주시기 바랍니다.</p>
+							<p>- 단문문자는 최대 24시간, 장문 및 그림문자는 최대 72시간까지 결과값이 수신되지 않은 경우 실패(비과금) 처리됩니다.</p>
+						</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">전월</button>
+									<button type="button">당월</button>
+									<button type="button">3개월</button>
+									<button type="button" class="btnType6">조회</button>
+								</div>
+								<div class="btn_right">
+									<label for="" class="label">발신번호 선택</label>
+									<select name="" id="" class="selType2 select_btn">
+										<option value="">발신번호</option>
+										<option value="">문자내용</option>
 									</select>
+									<div class="search">
+										<label for="id" class="label"></label>
+										<input class="send_text" type="text" id="id" placeholder="검색어를 입력하세요." onfocus="this.placeholder=''" onblur="this.placeholder='검색어를 입력하세요.'">
+										<button type="button" class="btnType btnType2">검색</button>
+									</div>
 								</div>
 							</div>
-							<!-- 받는사람(전송건별) - 전체 -->
-							<div class="tb_wrap">
-								<table class="tType4">
-									<colgroup>
-										<col style="width: 40px;">
-										<col style="width: 15%;">
-										<col style="width: 8%;">
-										<col style="width: 15%;">
-										<col style="width: 90px;">
-										<col style="width: 10%;">
-										<col style="width: 12%;">
-										<col style="width: 8%;">
-										<col style="width: 8%;">
-										<col style="width: 5%;">
-										<col style="width: 5%;">
-										<col style="width: 5%;">
-										<col style="width: 5%;">
-									</colgroup>
-									<thead>
-										<tr>
-											<th rowspan="2">
-												<label for="" class="label">전체 선택</label>
-												<input type="checkbox">
-											</th>
-											<th rowspan="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 rowspan="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 rowspan="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 rowspan="2">
-												내용
-											</th>
-											<th rowspan="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 rowspan="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 rowspan="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 rowspan="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 colspan="2">발송결과 건수</th>
-											<th colspan="2">금액</th>
-										</tr>
-										<tr>
-											<th>성공</th>
-											<th>실패</th>
-											<th>과금</th>
-											<th>비과금</th>
-										</tr>
-									</thead>
-									<tbody>
-										<tr>
-											<td>
-												<label for="" class="label">선택</label>
-												<input type="checkbox">
-											</td>
-											<td>
-												<p>2021-06-02, 14:00:30</p>
-											</td>
-											<td>
-												<p>단문</p>
-											</td>
-											<td class="tb_tit">
-												<p>6월 여름 할인 이벤트 행사</p>
-											</td>
-											<td>
-												<button class="btnType btnType20" data-tooltip="rev_popup01">상세보기</button>
-											</td>
-											<td>
-												<p>홍길동 외 9명</p>
-											</td>
-											<td>
-												<p>010-1234-5678</p>
-											</td>
-											<td>
-												<p class="fwRg c_222">발송완료</p>
-											</td>
-											<td>
-												<p>50</p>
-											</td>
-											<td>
-												<p class="fwRg c_002c9a">45</p>
-											</td>
-											<td>
-												<p class="fwRg c_e40000">5</p>
-											</td>
-											<td>
-												<p class="fwRg c_002c9a">225</p>
-											</td>
-											<td>
-												<p class="fwRg c_e40000">25</p>
-											</td>
-										</tr>
-										<tr>
-											<td>
-												<label for="" class="label">선택</label>
-												<input type="checkbox">
-											</td>
-											<td>
-												<p>2021-06-02, 14:00:30</p>
-											</td>
-											<td>
-												<p>단문</p>
-											</td>
-											<td>
-												<p>6월 여름 할인 이벤트 행사</p>
-											</td>
-											<td>
-												<button class="btnType btnType20" data-tooltip="rev_popup01">상세보기</button>
-											</td>
-											<td>
-												<p>홍길동 외 9명</p>
-											</td>
-											<td>
-												<p>010-1234-5678</p>
-											</td>
-											<td>
-												<p class="fwRg c_222">발송완료</p>
-											</td>
-											<td>
-												<p>50</p>
-											</td>
-											<td>
-												<p class="fwRg c_002c9a">45</p>
-											</td>
-											<td>
-												<p class="fwRg c_e40000">5</p>
-											</td>
-											<td>
-												<p class="fwRg c_002c9a">225</p>
-											</td>
-											<td>
-												<p class="fwRg c_e40000">25</p>
-											</td>
-										</tr>
-										<tr>
-											<td>
-												<label for="" class="label">선택</label>
-												<input type="checkbox">
-											</td>
-											<td>
-												<p>2021-06-02, 14:00:30</p>
-											</td>
-											<td>
-												<p>단문</p>
-											</td>
-											<td>
-												<p>6월 여름 할인 이벤트 행사</p>
-											</td>
-											<td>
-												<button class="btnType btnType20" data-tooltip="rev_popup01">상세보기</button>
-											</td>
-											<td>
-												<p>홍길동 외 9명</p>
-											</td>
-											<td>
-												<p>010-1234-5678</p>
-											</td>
-											<td>
-												<p class="fwRg c_222">발송완료</p>
-											</td>
-											<td>
-												<p>50</p>
-											</td>
-											<td>
-												<p class="fwRg c_002c9a">45</p>
-											</td>
-											<td>
-												<p class="fwRg c_e40000">5</p>
-											</td>
-											<td>
-												<p class="fwRg c_002c9a">225</p>
-											</td>
-											<td>
-												<p class="fwRg c_e40000">25</p>
-											</td>
-										</tr>
-										<tr>
-											<td>
-												<label for="" class="label">선택</label>
-												<input type="checkbox">
-											</td>
-											<td>
-												<p>2021-06-02, 14:00:30</p>
-											</td>
-											<td>
-												<p>단문</p>
-											</td>
-											<td>
-												<p>6월 여름 할인 이벤트 행사</p>
-											</td>
-											<td>
-												<button class="btnType btnType20" data-tooltip="rev_popup01">상세보기</button>
-											</td>
-											<td>
-												<p>홍길동 외 9명</p>
-											</td>
-											<td>
-												<p>010-1234-5678</p>
-											</td>
-											<td>
-												<p class="fwRg c_222">발송완료</p>
-											</td>
-											<td>
-												<p>50</p>
-											</td>
-											<td>
-												<p class="fwRg c_002c9a">45</p>
-											</td>
-											<td>
-												<p class="fwRg c_e40000">5</p>
-											</td>
-											<td>
-												<p class="fwRg c_002c9a">225</p>
-											</td>
-											<td>
-												<p class="fwRg c_e40000">25</p>
-											</td>
-										</tr>
-										<tr>
-											<td>
-												<label for="" class="label">선택</label>
-												<input type="checkbox">
-											</td>
-											<td>
-												<p>2021-06-02, 14:00:30</p>
-											</td>
-											<td>
-												<p>단문</p>
-											</td>
-											<td>
-												<p>6월 여름 할인 이벤트 행사</p>
-											</td>
-											<td>
-												<button class="btnType btnType20" data-tooltip="rev_popup01">상세보기</button>
-											</td>
-											<td>
-												<p>홍길동 외 9명</p>
-											</td>
-											<td>
-												<p>010-1234-5678</p>
-											</td>
-											<td>
-												<p class="fwRg c_222">발송완료</p>
-											</td>
-											<td>
-												<p>50</p>
-											</td>
-											<td>
-												<p class="fwRg c_002c9a">45</p>
-											</td>
-											<td>
-												<p class="fwRg c_e40000">5</p>
-											</td>
-											<td>
-												<p class="fwRg c_002c9a">225</p>
-											</td>
-											<td>
-												<p class="fwRg c_e40000">25</p>
-											</td>
-										</tr>
-										<tr>
-											<td>
-												<label for="" class="label">선택</label>
-												<input type="checkbox">
-											</td>
-											<td>
-												<p>2021-06-02, 14:00:30</p>
-											</td>
-											<td>
-												<p>단문</p>
-											</td>
-											<td>
-												<p>6월 여름 할인 이벤트 행사</p>
-											</td>
-											<td>
-												<button class="btnType btnType20" data-tooltip="rev_popup01">상세보기</button>
-											</td>
-											<td>
-												<p>홍길동 외 9명</p>
-											</td>
-											<td>
-												<p>010-1234-5678</p>
-											</td>
-											<td>
-												<p class="fwRg c_222">발송완료</p>
-											</td>
-											<td>
-												<p>50</p>
-											</td>
-											<td>
-												<p class="fwRg c_002c9a">45</p>
-											</td>
-											<td>
-												<p class="fwRg c_e40000">5</p>
-											</td>
-											<td>
-												<p class="fwRg c_002c9a">225</p>
-											</td>
-											<td>
-												<p class="fwRg c_e40000">25</p>
-											</td>
-										</tr>
-										<tr>
-											<td>
-												<label for="" class="label">선택</label>
-												<input type="checkbox">
-											</td>
-											<td>
-												<p>2021-06-02, 14:00:30</p>
-											</td>
-											<td>
-												<p>단문</p>
-											</td>
-											<td>
-												<p>6월 여름 할인 이벤트 행사</p>
-											</td>
-											<td>
-												<button class="btnType btnType20" data-tooltip="rev_popup01">상세보기</button>
-											</td>
-											<td>
-												<p>홍길동 외 9명</p>
-											</td>
-											<td>
-												<p>010-1234-5678</p>
-											</td>
-											<td>
-												<p class="fwRg c_222">발송완료</p>
-											</td>
-											<td>
-												<p>50</p>
-											</td>
-											<td>
-												<p class="fwRg c_002c9a">45</p>
-											</td>
-											<td>
-												<p class="fwRg c_e40000">5</p>
-											</td>
-											<td>
-												<p class="fwRg c_002c9a">225</p>
-											</td>
-											<td>
-												<p class="fwRg c_e40000">25</p>
-											</td>
-										</tr>
-										<tr>
-											<td>
-												<label for="" class="label">선택</label>
-												<input type="checkbox">
-											</td>
-											<td>
-												<p>2021-06-02, 14:00:30</p>
-											</td>
-											<td>
-												<p>단문</p>
-											</td>
-											<td>
-												<p>6월 여름 할인 이벤트 행사</p>
-											</td>
-											<td>
-												<button class="btnType btnType20" data-tooltip="rev_popup01">상세보기</button>
-											</td>
-											<td>
-												<p>홍길동 외 9명</p>
-											</td>
-											<td>
-												<p>010-1234-5678</p>
-											</td>
-											<td>
-												<p class="fwRg c_222">발송완료</p>
-											</td>
-											<td>
-												<p>50</p>
-											</td>
-											<td>
-												<p class="fwRg c_002c9a">45</p>
-											</td>
-											<td>
-												<p class="fwRg c_e40000">5</p>
-											</td>
-											<td>
-												<p class="fwRg c_002c9a">225</p>
-											</td>
-											<td>
-												<p class="fwRg c_e40000">25</p>
-											</td>
-										</tr>
-										<tr>
-											<td>
-												<label for="" class="label">선택</label>
-												<input type="checkbox">
-											</td>
-											<td>
-												<p>2021-06-02, 14:00:30</p>
-											</td>
-											<td>
-												<p>단문</p>
-											</td>
-											<td>
-												<p>6월 여름 할인 이벤트 행사</p>
-											</td>
-											<td>
-												<button class="btnType btnType20" data-tooltip="rev_popup01">상세보기</button>
-											</td>
-											<td>
-												<p>홍길동 외 9명</p>
-											</td>
-											<td>
-												<p>010-1234-5678</p>
-											</td>
-											<td>
-												<p class="fwRg c_222">발송완료</p>
-											</td>
-											<td>
-												<p>50</p>
-											</td>
-											<td>
-												<p class="fwRg c_002c9a">45</p>
-											</td>
-											<td>
-												<p class="fwRg c_e40000">5</p>
-											</td>
-											<td>
-												<p class="fwRg c_002c9a">225</p>
-											</td>
-											<td>
-												<p class="fwRg c_e40000">25</p>
-											</td>
-										</tr>
-										<tr>
-											<td>
-												<label for="" class="label">선택</label>
-												<input type="checkbox">
-											</td>
-											<td>
-												<p>2021-06-02, 14:00:30</p>
-											</td>
-											<td>
-												<p>단문</p>
-											</td>
-											<td>
-												<p>6월 여름 할인 이벤트 행사</p>
-											</td>
-											<td>
-												<button class="btnType btnType20" data-tooltip="rev_popup01">상세보기</button>
-											</td>
-											<td>
-												<p>홍길동 외 9명</p>
-											</td>
-											<td>
-												<p>010-1234-5678</p>
-											</td>
-											<td>
-												<p class="fwRg c_222">발송완료</p>
-											</td>
-											<td>
-												<p>50</p>
-											</td>
-											<td>
-												<p class="fwRg c_002c9a">45</p>
-											</td>
-											<td>
-												<p class="fwRg c_e40000">5</p>
-											</td>
-											<td>
-												<p class="fwRg c_002c9a">225</p>
-											</td>
-											<td>
-												<p class="fwRg c_e40000">25</p>
-											</td>
-										</tr>
-									</tbody>
-								</table>
+						</div>
+
+						<div class="rev_admin ">
+							<div class="rev_admin_in">
+								<div class="rev_admin_top clearfix">
+									<p>전체</p>
+									<p><span>134</span> 건</p>
+								</div>
+
+								<div class="rev_admin_btm">
+									<dl>
+										<dt>대기</dt>
+										<dd><span class="c_002c9a">3</span>건</dd>
+									</dl>
+									<dl>
+										<dt>성공</dt>
+										<dd><span class="c_002c9a">115</span>건</dd>
+									</dl>
+									<dl>
+										<dt>실패</dt>
+										<dd><span class="c_e40000">16</span>건</dd>
+									</dl>
+								</div>
 							</div>
-                            <div class="table_btn clearfix">
-								<div class="table_btn_left">
-										<button type="button" class="btnType btnType15"><i class="remove_img"></i>선택삭제</button>
+							<div class="rev_admin_in">
+								<div class="rev_admin_top clearfix">
+									<p>단문(SMS)</p>
+									<p><span>78</span> 건</p>
+								</div>
+								<div class="rev_admin_btm">
+									<dl>
+										<dt>대기</dt>
+										<dd><span class="c_002c9a">0</span>건</dd>
+									</dl>
+									<dl>
+										<dt>성공</dt>
+										<dd><span class="c_002c9a">75</span>건</dd>
+									</dl>
+									<dl>
+										<dt>실패</dt>
+										<dd><span class="c_e40000">3</span>건</dd>
+									</dl>
+								</div>
+							</div>
+							<div class="rev_admin_in">
+								<div class="rev_admin_top clearfix">
+									<p>장문(LMS)</p>
+									<p><span>3,285,258</span> 건</p>
+								</div>
+								<div class="rev_admin_btm">
+									<dl>
+										<dt>대기</dt>
+										<dd><span class="c_002c9a">0</span>건</dd>
+									</dl>
+									<dl>
+										<dt>성공</dt>
+										<dd><span class="c_002c9a">23</span>건</dd>
+									</dl>
+									<dl>
+										<dt>실패</dt>
+										<dd><span class="c_e40000">7</span>건</dd>
+									</dl>
+								</div>
+							</div>
+							<div class="rev_admin_in">
+								<div class="rev_admin_top clearfix">
+									<p>그림(MMS)</p>
+									<p><span>26</span> 건</p>
+								</div>
+								<div class="rev_admin_btm">
+									<dl>
+										<dt>대기</dt>
+										<dd><span class="c_002c9a">3</span>건</dd>
+									</dl>
+									<dl>
+										<dt>성공</dt>
+										<dd><span class="c_002c9a">17</span>건</dd>
+									</dl>
+									<dl>
+										<dt>실패</dt>
+										<dd><span class="c_e40000">6</span>건</dd>
+									</dl>
+								</div>
+							</div>
+						</div>
+
+						<div class="list_tab_wrap2 type4">
+							<!-- 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');">단문(SMS)</button>
+								</li>
+								<li class="tab"><button type="button" onclick="listTab2(this,'3');">장문(LMS)</button>
+								</li>
+								<li class="tab"><button type="button" onclick="listTab2(this,'4');">그림(MMS)</button>
+								</li>
+							</ul>
+							<!--// tab button -->
+						</div>
+						<!-- 발송관리 -->
+						<div class="price_history_cont price_wrap" id="listTab_2">
+							<div class="table_tab_wrap">
+								<!-- tab button -->
+								<ul>
+									<li class="tab active"><button type="button">전체</button></li>
+									<li class="tab"><button type="button">즉시</button></li>
+									<li class="tab"><button type="button">예약</button></li>
+								</ul>
+								<!--// tab button -->
+								<!-- 발송화면 개선 : 발송결과 추가-->
+								<div class="tab_btnbox">
+									<button type="button" class="btnType btnType14 check_validity">발송결과<i class="qmMark"></i></button>
+									<div class="info_hover_cont send_hover_cont price_hover">
+										<dl>
+											<dt class="c_222">[<span>대기</span>]</dt>
+											<dd>
+												발송은 성공하였으며, 수신자측 통신사로부터 수신여부를 확인중인 상태 <br>
+												<span>※ 예약문자의 경우 실발송 전까지는 “대기”로 표시</span>
+											</dd>
+											<dt class="c_002c9a">[<span>성공</span>]</dt>
+											<dd>발송 및 수신이 완료된 상태</dd>
+											<dt class="c_e40000">[<span>실패</span>]</dt>
+											<dd class="last">결번, 일시정지, 전화번호 오류 등의 사유로 발송이
+												불가한 상태</dd>
+										</dl>
+									</div>
+								</div>
+								<!--// 발송화면 개선 : 발송결과 추가-->
+							</div>
+
+							<div class="table_cont current">
+								<div class="list_info">
+									<p>총 <span class="c_e40000">171</span>건</p>
+									<div>
+										<p class="cf_text c_e40000">※ 예약문자 발송취소는 예약 발송시간 기준 5분 전까지만 가능</p>
+										<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: 45px;">
+											<col style="width: 12%;">
+											<col style="width: 7%;">
+											<col style="width: auto;">
+											<col style="width: 8%;">
+											<col style="width: 8%;">
+											<col style="width: 8%;">
+											<col style="width: 8%;">
+											<col style="width: 10%;">
+											<col style="width: 10%;">
+										</colgroup>
+										<thead>
+											<tr>
+												<th rowspan="2">
+													<label for="" class="label">전체 선택</label>
+													<input type="checkbox">
+												</th>
+												<th rowspan="2">발송일시
+													<div class="sort_wrap">
+														<input type="button" class="sort sortBtn" id="sort_reqdate">
+													</div>
+												</th>
+												<th rowspan="2">형태
+													<div class="sort_wrap">
+														<input type="button" class="sort sortBtn" id="sort_orderByCode">
+													</div>
+												</th>
+												<th rowspan="2">내용</th>
+												<th rowspan="2">발송건수
+													<div class="sort_wrap">
+														<input type="button" class="sort sortBtn" id="sort_msgGroupCnt">
+													</div>
+												</th>
+												<th colspan="3">발송결과</th>
+												<th rowspan="2">금액(원)</th>
+												<th rowspan="2">진행상황</th>
+											</tr>
+											<tr>
+												<th>대기</th>
+												<th>성공</th>
+												<th>실패</th>
+											</tr>
+										</thead>
+										<tbody>
+											<tr>
+												<td>
+													<label for="" class="label">선택</label>
+													<input type="checkbox" disabled>
+												</td>
+												<td>2024-01-09 17:42</td>
+												<td>단문</td>
+												<td class="result_cont">
+													<div class="icon_wrap">
+														<span class="re">예약</span>
+														<span class="di">분할</span>
+														<a href="/publish/textingmsg_detail.html">내용을 클릭하면 상세보기 화면으로 이동합니다.</a>
+													</div>
+												</td>
+												<td>0</td>
+												<td>
+													<p class="c_666">0</p>
+												</td>
+												<td>
+													<p class="c_002c9a">0</p>
+												</td>
+												<td>
+													<p class="c_e40000">0</p>
+												</td>
+												<td>
+													8,485,258
+												</td>
+												<td>
+													<p><button class="btnType btnType20">예약취소</button></p>
+												</td>
+											</tr>
+											<tr>
+												<td>
+													<label for="" class="label">선택</label>
+													<input type="checkbox">
+												</td>
+												<td>2024-01-09 17:42</td>
+												<td>단문</td>
+												<td class="result_cont">
+													<div class="icon_wrap">
+														<span class="re">예약</span>
+														<a href="/publish/textingmsg_detail.html">내용을 클릭하면 상세보기 화면으로 이동합니다.</a>
+													</div>
+												</td>
+												<td>0</td>
+												<td>
+													<p class="c_666">0</p>
+												</td>
+												<td>
+													<p class="c_002c9a">0</p>
+												</td>
+												<td>
+													<p class="c_e40000">0</p>
+												</td>
+												<td>-</td>
+												<td>예약취소</td>
+											</tr>
+											<tr>
+												<td>
+													<label for="" class="label">선택</label>
+													<input type="checkbox">
+												</td>
+												<td>2024-01-09 17:42</td>
+												<td>단문</td>
+												<td class="result_cont">
+													<div class="icon_wrap">
+														<a href="/publish/textingmsg_detail.html">내용을 클릭하면 상세보기 화면으로 이동합니다.</a>
+													</div>
+												</td>
+												<td>458,002</td>
+												<td>
+													<p class="c_666">1</p>
+												</td>
+												<td>
+													<p class="c_002c9a">458,000</p>
+												</td>
+												<td>
+													<p class="c_e40000">1</p>
+												</td>
+												<td>12,580</td>
+												<td>진행중</td>
+											</tr>
+											<tr>
+												<td>
+													<label for="" class="label">선택</label>
+													<input type="checkbox">
+												</td>
+												<td>2024-01-09 17:42</td>
+												<td>단문</td>
+												<td class="result_cont">
+													<div class="icon_wrap">
+														<a href="/publish/textingmsg_detail.html">내용을 클릭하면 상세보기 화면으로 이동합니다.</a>
+													</div>
+												</td>
+												<td>458,002</td>
+												<td>
+													<p class="c_666">1</p>
+												</td>
+												<td>
+													<p class="c_002c9a">458,000</p>
+												</td>
+												<td>
+													<p class="c_e40000">1</p>
+												</td>
+												<td>12,580</td>
+												<td>완료</td>
+											</tr>
+										</tbody>
+									</table>
+								</div>
+								<!--// 발송화면 개선 : 테이블 수정-->
+
+								<div class="table_btn clearfix">
+									<div class="table_btn_left">
+										<button type="button" onclick="" 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>
+
+								<!-- 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 class="rev_content kakao_rev_content" id="tab5_2" style="display: none;">
+						<!-- 발송결과 개선 : 문구추가 -->
+						<div class="titBox_result">
+							<p>- 최대 3개월간의 발송내역만 확인하실 수 있습니다.</p>
+							<p>- 전송내역이 필요한 경우 기간 내에 다운로드하여 주시기 바랍니다.</p>
+							<p>- 단문문자는 최대 24시간, 장문 및 그림문자는 최대 72시간까지 결과값이 수신되지 않은 경우 실패(비과금) 처리됩니다.</p>
+						</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">전월</button>
+									<button type="button">당월</button>
+									<button type="button">3개월</button>
+									<button type="button" class="btnType6">조회</button>
+								</div>
+								<div class="btn_right">
+									<label for="" class="label">발신번호 선택</label>
+									<select name="" id="" class="selType2">
+										<option value="">발신번호</option>
+										<option value="">발신번호</option>
+										<option value="">발신번호</option>
+									</select>
+									<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="rev_admin">
+							<div class="rev_admin_in">
+								<div class="rev_admin_top clearfix">
+									<p>전체</p>
+									<p><span>171</span> 건</p>
+								</div>
+								<div class="rev_admin_btm">
+									<dl>
+										<dt>대기</dt>
+										<dd><span class="c_002c9a">160</span>건</dd>
+									</dl>
+									<dl>
+										<dt>성공</dt>
+										<dd><span class="c_002c9a">160</span>건</dd>
+									</dl>
+									<dl>
+										<dt>실패</dt>
+										<dd><span class="c_e40000">0</span>건</dd>
+									</dl>
+								</div>
+							</div>
+							<div class="rev_admin_in">
+								<div class="rev_admin_top clearfix">
+									<p>알림톡</p>
+									<p><span>171</span> 건</p>
+								</div>
+								<div class="rev_admin_btm">
+									<dl>
+										<dt>대기</dt>
+										<dd><span class="c_002c9a">160</span>건</dd>
+									</dl>
+									<dl>
+										<dt>성공</dt>
+										<dd><span class="c_002c9a">160</span>건</dd>
+									</dl>
+									<dl>
+										<dt>실패</dt>
+										<dd><span class="c_e40000">0</span>건</dd>
+									</dl>
+								</div>
+							</div>
+							<!-- <div class="rev_admin_in">
+								<div class="rev_admin_top clearfix">
+									<p>친구톡</p>
+									<p><span>171</span> 건</p>
+								</div>
+								<div class="rev_admin_btm">
+									<dl>
+										<dt>대기</dt>
+										<dd><span class="c_002c9a">160</span>건</dd>
+									</dl>
+									<dl>
+										<dt>성공</dt>
+										<dd><span class="c_002c9a">160</span>건</dd>
+									</dl>
+									<dl>
+										<dt>실패</dt>
+										<dd><span class="c_e40000">0</span>건</dd>
+									</dl>
+								</div>
+							</div> -->
+						</div>
+
+						<div class="list_tab_wrap2 type4">
+							<!-- 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>
+								<li class="tab"><button type="button" onclick="listTab2(this,'3');">친구톡</button></li>
+							</ul>
+							<!--// tab button -->
+						</div>
+						<!-- 발송관리 > 전체 -->
+						<div class="price_history_cont" id="listTab_2">
+
+							<div class="table_tab_wrap">
+								<!-- tab button -->
+								<ul>
+									<li class="tab active"><button type="button">전체</button></li>
+									<li class="tab"><button type="button">대기</button></li>
+									<li class="tab"><button type="button">성공</button></li>
+									<li class="tab"><button type="button">실패</button></li>
+									<li class="tab"><button type="button">예약</button></li>
+								</ul>
+								<!--// tab button -->
+								<!-- 발송화면 개선 : 발송결과 추가-->
+								<div class="tab_btnbox" style="z-index:999;">
+									<button type="button" class="btnType btnType14  check_validity">발송결과<i class="qmMark"></i></button>
+									<div class="info_hover_cont send_hover_cont">
+										<dl>
+											<dt class="c_666">[<span>대기</span>]</dt>
+											<dd>발송은 성공하였으며, 수신자측 통신사로부터 수신여부를
+												확인중인 상태</dd>
+											<dt class="c_002c9a">[<span>성공</span>]</dt>
+											<dd>발송 및 수신이 완료된 상태</dd>
+											<dt class="c_e40000">[<span>실패</span>]</dt>
+											<dd>결번, 일시정지, 전화번호 오류 등의 사유로 발송이
+												불가한 상태</dd>
+											<dt class="c_222">[<span>예약</span>]</dt>
+											<dd>예약 발송 대기 상태</dd>
+										</dl>
+									</div>
+								</div>
+								<!--// 발송화면 개선 : 발송결과 추가-->
+							</div>
+
+							<div class="table_cont current">
+								<div class="list_info">
+									<p>총 발송건수 <span class="c_e40000">171</span>건</p>
+									<div>
+										<p class="cf_text c_e40000">※ 예약문자 발송취소는 예약 발송시간 기준 5분 전까지만 가능</p>
+										<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: 45px;">
+											<col style="width: 12%;">
+											<col style="width: 8%;">
+											<col style="width: auto;">
+											<col style="width: 8%;">
+											<col style="width: 6%;">
+											<col style="width: 6%;">
+											<col style="width: 6%;">
+											<col style="width: 6%;">
+											<col style="width: 6%;">
+											<col style="width: 6%;">
+											<col style="width: 9%;">
+											<col style="width: 11%;">
+										</colgroup>
+										<thead>
+											<tr>
+												<th rowspan="2">
+													<label for="" class="label">전체 선택</label>
+													<input type="checkbox">
+												</th>
+												<th rowspan="2">발송일시
+													<div class="sort_wrap">
+														<input type="button" class="sort sortBtn" id="sort_reqdate">
+													</div>
+												</th>
+												<th rowspan="2">형태
+													<div class="sort_wrap">
+														<input type="button" class="sort sortBtn" id="sort_orderByCode">
+													</div>
+												</th>
+												<th rowspan="2">내용</th>
+												<th rowspan="2">발송건수
+													<div class="sort_wrap">
+														<input type="button" class="sort sortBtn" id="sort_msgGroupCnt">
+													</div>
+												</th>
+												<th colspan="4">카카오톡 결과</th>
+												<th colspan="2">대체문자 결과</th>
+												<th rowspan="2">금액</th>
+												<th rowspan="2">예약관리</th>
+											</tr>
+											<tr>
+												<th>대기</th>
+												<th>성공</th>
+												<th>실패</th>
+												<th>예약</th>
+												<th>성공</th>
+												<th>실패</th>
+											</tr>
+										</thead>
+										<tbody>
+											<tr>
+												<td>
+													<label for="" class="label">선택</label>
+													<input type="checkbox">
+												</td>
+												<td>2024-01-09 17:42</td>
+												<td>단문</td>
+												<td class="result_cont"><a href="#">내용을 클릭하면 상세보기 화면으로 이동합니다.</a></td>
+												<td>125,895</td>
+												<td>
+													<p class="c_666">0</p>
+												</td>
+												<td>
+													<p class="c_002c9a">0</p>
+												</td>
+												<td>
+													<p class="c_e40000">0</p>
+												</td>
+												<td>
+													<p class="c_002c9a">0</p>
+												</td>
+												<td>
+													<p class="c_002c9a">0</p>
+												</td>
+												<td>
+													<p class="c_e40000">125,895</p>
+												</td>
+												<td>
+													8,485,258원
+												</td>
+												<td>
+													<p><button class="btnType btnType20">예약취소</button></p>
+												</td>
+											</tr>
+										</tbody>
+									</table>
+								</div>
+								<!--// 발송화면 개선 : 카카오톡 테이블 수정 -->
+
+								<div class="table_btn clearfix">
+									<div class="table_btn_left">
+
 										<button type="button" data-tooltip="rev_popup02" class="btnType btnType15"><i class="add_img"></i>그룹등록</button>
-										<button type="button" class="btnType btnType15"><i class="remove_img"></i>주소록에서 번호 삭제</button>
-										<button type="button" class="btnType btnType18 c_002c9a">문자 재전송</button>
+										<button type="button" class="btnType btnType15"><i class="remove_img"></i>주소록에서
+											번호 삭제</button>
+										<button type="button" class="btnType btnType15">수신거부번호 등록</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_right">
-										<button type="button" class="excel_btn btnType"><i class="downroad"></i>엑셀 다운로드</button>
-										<button type="button" class="print_btn btnType"><i class="print_img"></i>발송결과 출력하기</button>
-								</div>
-						</div>
-							<!-- 받는사람(전송건별) - 전체 -->
 
-							<!-- 받는사람(개인별) - 전체 -->
-							<div class="tb_wrap">
-								<table class="tType4">
-									<colgroup>
-										<col style="width: 40px;">
-										<col style="width: 15%;">
-										<col style="width: 8%;">
-										<col style="width: 25%;">
-										<col style="width: 90px;">
-										<col style="width: 10%;">
-										<col style="width: 13%;">
-										<col style="width: 10%;">
-										<col style="width: 5%;">
-										<col style="width: 5%;">
-										<col style="width: 5%;">
-										<col style="width: 5%;">
-									</colgroup>
-									<thead>
-										<tr>
-											<th rowspan="2">
-												<label for="" class="label">전체 선택</label>
-												<input type="checkbox">
-											</th>
-											<th rowspan="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 rowspan="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 rowspan="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 rowspan="2">
-												내용
-											</th>
-											<th rowspan="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 rowspan="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 rowspan="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 colspan="2">발송결과 건수</th>
-											<th colspan="2">금액</th>
-										</tr>
-										<tr>
-											<th>성공</th>
-											<th>실패</th>
-											<th>과금</th>
-											<th>비과금</th>
-										</tr>
-									</thead>
-									<tbody>
-										<tr>
-											<td>
-												<label for="" class="label">선택</label>
-												<input type="checkbox">
-											</td>
-											<td>
-												<p>2021-06-02, 14:00:30</p>
-											</td>
-											<td>
-												<p>단문</p>
-											</td>
-											<td class="tb_tit">
-												<p>6월 여름 할인 이벤트 행사</p>
-											</td>
-											<td>
-												<button class="btnType btnType20" data-tooltip="rev_popup01">상세보기</button>
-											</td>
-											<td>
-												<p>홍길동</p>
-											</td>
-											<td>
-												<p>010-1234-5678</p>
-											</td>
-											<td>
-												<p class="fwRg c_222">발송완료</p>
-											</td>
-											<td>
-												<p class="fwRg c_002c9a">45</p>
-											</td>
-											<td>
-												<p class="fwRg c_e40000">5</p>
-											</td>
-											<td>
-												<p class="fwRg c_002c9a">225</p>
-											</td>
-											<td>
-												<p class="fwRg c_e40000">25</p>
-											</td>
-										</tr>
-									</tbody>
-								</table>
+
+								<!-- 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="table_btn clearfix">
-								<div class="table_btn_left">
-										<button type="button" class="btnType btnType15"><i class="remove_img"></i>선택삭제</button>
-										<button type="button" class="btnType btnType15"><i class="add_img"></i>그룹등록</button>
-										<button type="button" class="btnType btnType15"><i class="remove_img"></i>주소록에서 번호 삭제</button>
-										<button type="button" class="btnType btnType15"></i>수신거부번호 등록</button>
-										<button type="button" class="btnType btnType18 c_002c9a">문자 재전송</button>
-								</div>
-								<div class="table_btn_right">
-										<button type="button" class="excel_btn btnType"><i class="downroad"></i>엑셀 다운로드</button>
-										<button type="button" class="print_btn btnType"><i class="print_img"></i>발송결과 출력하기</button>
-								</div>
-						</div>
-							<!-- 받는사람(개인별) - 전체 -->
+						</div><!-- // 발송관리 > 전체 -->
+					</div>
 
-							<!-- 받는사람(개인별) - 발송실패 -->
-							<div class="tb_wrap">
-								<table class="tType4">
-									<colgroup>
-										<col style="width: 40px;">
-										<col style="width: 15%;">
-										<col style="width: 8%;">
-										<col style="width: 25%;">
-										<col style="width: 90px;">
-										<col style="width: 10%;">
-										<col style="width: 12%;">
-										<col style="width: 10%;">
-										<col style="width: 5%;">
-										<col style="width: 5%;">
-										<col style="width: 5%;">
-										<col style="width: 5%;">
-									</colgroup>
-									<thead>
-										<tr>
-											<th rowspan="2">
-												<label for="" class="label">전체 선택</label>
-												<input type="checkbox">
-											</th>
-											<th rowspan="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 rowspan="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 rowspan="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 rowspan="2">
-												내용
-											</th>
-											<th rowspan="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 rowspan="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 rowspan="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 colspan="2">발송결과 건수</th>
-											<th colspan="2">금액</th>
-										</tr>
-										<tr>
-											<th>성공</th>
-											<th>실패</th>
-											<th>과금</th>
-											<th>비과금</th>
-										</tr>
-									</thead>
-									<tbody>
-										<tr>
-											<td>
-												<label for="" class="label">선택</label>
-												<input type="checkbox">
-											</td>
-											<td>
-												<p>2021-06-02, 14:00:30</p>
-											</td>
-											<td>
-												<p>단문</p>
-											</td>
-											<td class="tb_tit">
-												<p>6월 여름 할인 이벤트 행사</p>
-											</td>
-											<td>
-												<button class="btnType btnType20" data-tooltip="rev_popup01">상세보기</button>
-											</td>
-											<td>
-												<p>홍길동</p>
-											</td>
-											<td>
-												<p>010-1234-5678</p>
-											</td>
-											<td>
-												<p class="fwRg c_e40000">수신오류</p>
-											</td>
-											<td>
-												<p class="fwRg c_002c9a">45</p>
-											</td>
-											<td>
-												<p class="fwRg c_e40000">5</p>
-											</td>
-											<td>
-												<p class="fwRg c_002c9a">225</p>
-											</td>
-											<td>
-												<p class="fwRg c_e40000">25</p>
-											</td>
-										</tr>
-										<tr>
-											<td>
-												<label for="" class="label">선택</label>
-												<input type="checkbox">
-											</td>
-											<td>
-												<p>2021-06-02, 14:00:30</p>
-											</td>
-											<td>
-												<p>단문</p>
-											</td>
-											<td class="tb_tit">
-												<p>6월 여름 할인 이벤트 행사</p>
-											</td>
-											<td>
-												<button class="btnType btnType20" data-tooltip="rev_popup01">상세보기</button>
-											</td>
-											<td>
-												<p>홍길동</p>
-											</td>
-											<td>
-												<p>010-1234-5678</p>
-											</td>
-											<td>
-												<p class="fwRg c_e40000">수신거부</p>
-											</td>
-											<td>
-												<p class="fwRg c_002c9a">45</p>
-											</td>
-											<td>
-												<p class="fwRg c_e40000">5</p>
-											</td>
-											<td>
-												<p class="fwRg c_002c9a">225</p>
-											</td>
-											<td>
-												<p class="fwRg c_e40000">25</p>
-											</td>
-										</tr>
-										<tr>
-											<td>
-												<label for="" class="label">선택</label>
-												<input type="checkbox">
-											</td>
-											<td>
-												<p>2021-06-02, 14:00:30</p>
-											</td>
-											<td>
-												<p>단문</p>
-											</td>
-											<td class="tb_tit">
-												<p>6월 여름 할인 이벤트 행사</p>
-											</td>
-											<td>
-												<button class="btnType btnType20" data-tooltip="rev_popup01">상세보기</button>
-											</td>
-											<td>
-												<p>홍길동</p>
-											</td>
-											<td>
-												<p>010-1234-5678</p>
-											</td>
-											<td>
-												<p class="fwRg c_e40000">번호오류</p>
-											</td>
-											<td>
-												<p class="fwRg c_002c9a">45</p>
-											</td>
-											<td>
-												<p class="fwRg c_e40000">5</p>
-											</td>
-											<td>
-												<p class="fwRg c_002c9a">225</p>
-											</td>
-											<td>
-												<p class="fwRg c_e40000">25</p>
-											</td>
-										</tr>
-										<tr>
-											<td>
-												<label for="" class="label">선택</label>
-												<input type="checkbox">
-											</td>
-											<td>
-												<p>2021-06-02, 14:00:30</p>
-											</td>
-											<td>
-												<p>단문</p>
-											</td>
-											<td class="tb_tit">
-												<p>6월 여름 할인 이벤트 행사</p>
-											</td>
-											<td>
-												<button class="btnType btnType20" data-tooltip="rev_popup01">상세보기</button>
-											</td>
-											<td>
-												<p>홍길동</p>
-											</td>
-											<td>
-												<p>010-1234-5678</p>
-											</td>
-											<td>
-												<p class="fwRg c_e40000">기타</p>
-											</td>
-											<td>
-												<p class="fwRg c_002c9a">45</p>
-											</td>
-											<td>
-												<p class="fwRg c_e40000">5</p>
-											</td>
-											<td>
-												<p class="fwRg c_002c9a">225</p>
-											</td>
-											<td>
-												<p class="fwRg c_e40000">25</p>
-											</td>
-										</tr>
-									</tbody>
-								</table>
+					<div class="rev_content" id="tab5_3" style="display: none;">
+						<!-- 발송결과 개선 : 문구추가 -->
+						<div class="titBox_result">
+							<p>- 최대 3개월간의 발송내역만 확인하실 수 있습니다.</p>
+							<p>- 전송내역이 필요한 경우 기간 내에 다운로드하여 주시기 바랍니다.</p>
+							<p>- 단문문자는 최대 24시간, 장문 및 그림문자는 최대 72시간까지 결과값이 수신되지 않은 경우 실패(비과금) 처리됩니다.</p>
+						</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">전월</button>
+									<button type="button">당월</button>
+									<button type="button">3개월</button>
+									<button type="button" class="btnType6">조회</button>
+								</div>
+								<div class="btn_right">
+									<label for="" class="label">발신번호 선택</label>
+									<select name="" id="" class="selType2 select_btn">
+										<option value="">발신번호</option>
+										<option value="">문자내용</option>
+									</select>
+									<div class="search">
+										<label for="id" class="label"></label>
+										<input class="send_text" type="text" id="id" placeholder="검색어를 입력하세요." onfocus="this.placeholder=''" onblur="this.placeholder='검색어를 입력하세요.'">
+										<button type="button" class="btnType btnType2">검색</button>
+									</div>
+								</div>
 							</div>
-							<div class="table_btn clearfix">
-								<div class="table_btn_left">
-										<button type="button" class="btnType btnType15"><i class="remove_img"></i>선택삭제</button>
-										<button type="button" class="btnType btnType15"><i class="add_img"></i>그룹등록</button>
-										<button type="button" class="btnType btnType15"><i class="remove_img"></i>주소록에서 번호 삭제</button>
-                                        <button type="button" class="btnType btnType15"></i>수신거부번호 등록</button>
-										<button type="button" class="btnType btnType18 c_002c9a">문자 재전송</button>
-								</div>
-								<div class="table_btn_right">
-										<button type="button" class="excel_btn btnType"><i class="downroad"></i>엑셀 다운로드</button>
-										<button type="button" class="print_btn btnType"><i class="print_img"></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 class="rev_admin ">
+							<div class="rev_admin_in">
+								<div class="rev_admin_top clearfix">
+									<p>전체</p>
+									<p><span>134</span> 건</p>
+								</div>
+
+								<div class="rev_admin_btm">
+									<dl>
+										<dt>성공</dt>
+										<dd><span class="c_002c9a">115</span>건</dd>
+									</dl>
+									<dl>
+										<dt>대기</dt>
+										<dd><span class="c_002c9a">3</span>건</dd>
+									</dl>
+									<dl>
+										<dt>실패</dt>
+										<dd><span class="c_e40000">16</span>건</dd>
+									</dl>
+									<dl>
+										<dt>기타</dt>
+										<dd><span class="c_e40000">16</span>건</dd>
+									</dl>
+								</div>
+							</div>
+						</div>
+
+						<!-- 발송관리 -->
+						<div class="price_history_cont price_wrap" id="listTab_2">
+
+							<div class="table_cont current">
+								<div class="list_info">
+									<p>총 <span class="c_e40000">171</span>건</p>
+									<div>
+										<p class="cf_text c_e40000">※ 예약문자 발송취소는 예약 발송시간 기준 5분 전까지만 가능</p>
+										<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: 50px;">
+											<col style="width: auto;">
+											<col style="width: 15%;">
+											<col style="width: 9%;">
+											<col style="width: 8%;">
+											<col style="width: 6%;">
+											<col style="width: 6%;">
+											<col style="width: 6%;">
+											<col style="width: 6%;">
+										</colgroup>
+										<thead>
+											<tr>
+												<th rowspan="2">
+													<label for="" class="label">전체 선택</label>
+													<input type="checkbox">
+												</th>
+												<th rowspan="2">제목
+													<div class="sort_wrap">
+														<input type="button" class="sort sortBtn" id="sort_reqdate">
+													</div>
+												</th>
+												<th rowspan="2">전송시간
+													<div class="sort_wrap">
+														<input type="button" class="sort sortBtn" id="sort_orderByCode">
+													</div>
+												</th>
+												<th rowspan="2">문서매수</th>
+												<th rowspan="2">발송건수
+													<div class="sort_wrap">
+														<input type="button" class="sort sortBtn" id="sort_msgGroupCnt">
+													</div>
+												</th>
+												<th colspan="4">발송결과 건수</th>
+											</tr>
+											<tr>
+												<th>성공</th>
+												<th>대기</th>
+												<th>실패</th>
+												<th>기타</th>
+											</tr>
+										</thead>
+										<tbody>
+											<tr>
+												<td colspan="9">전송내역이 없습니다.</td>
+											</tr>
+											<tr>
+												<td>1</td>
+												<td class="goDetail" onclick="window.open('/publish/popup_fax_detail.html','','width=1000, height=774')">증명사진</td>
+												<td>2024-07-26 10:21</td>
+												<td>1</td>
+												<td>1</td>
+												<td>
+													<p class="c_002c9a">1</p>
+												</td>
+												<td>
+													<p class="c_222">0</p>
+												</td>
+												<td>
+													<p class="c_e40000">0</p>
+												</td>
+												<td>
+													<p class="c_e40000">0</p>
+												</td>
+											</tr>
+										</tbody>
+									</table>
+								</div>
+								<!--// 발송화면 개선 : 테이블 수정-->
+
+								<div class="table_btn clearfix">
+									<div class="table_btn_left">
+										<button type="button" onclick="" 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>
+
+								<!-- 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><!--// 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 영역 -->
-</body></html>
+			</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
diff --git a/src/main/webapp/publish/textingmsg_2022.html b/src/main/webapp/publish/textingmsg_2022.html
index 48956378..47f21d37 100644
--- a/src/main/webapp/publish/textingmsg_2022.html
+++ b/src/main/webapp/publish/textingmsg_2022.html
@@ -2126,38 +2126,7 @@
 	</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>
+	<div data-include-path="/publish/layout/_footer.html"></div>
 	<!--// footer 영역 -->
 </body>
 
diff --git a/src/main/webapp/publish/textingmsg_2024_detail.html b/src/main/webapp/publish/textingmsg_2024_detail.html
index bc51a41b..d6c626c8 100644
--- a/src/main/webapp/publish/textingmsg_2024_detail.html
+++ b/src/main/webapp/publish/textingmsg_2024_detail.html
@@ -751,38 +751,7 @@
 	</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>
+	<div data-include-path="/publish/layout/_footer.html"></div>
 	<!--// footer 영역 -->
 </body>
 
diff --git a/src/main/webapp/publish/textingmsg_2024_detail_kakao.html b/src/main/webapp/publish/textingmsg_2024_detail_kakao.html
index 6f60918f..df951dbb 100644
--- a/src/main/webapp/publish/textingmsg_2024_detail_kakao.html
+++ b/src/main/webapp/publish/textingmsg_2024_detail_kakao.html
@@ -520,8 +520,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 영역 -->
diff --git a/src/main/webapp/publish/textingmsg_2024_list.html b/src/main/webapp/publish/textingmsg_2024_list.html
index 56496639..394d13c0 100644
--- a/src/main/webapp/publish/textingmsg_2024_list.html
+++ b/src/main/webapp/publish/textingmsg_2024_list.html
@@ -973,38 +973,7 @@
 	</div>
 	<!--// content 영역 -->
 	<!-- footer 영역 -->
-	<footer id="footer" class="footer" style="display:none;">
-		<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>
+	<div data-include-path="/publish/layout/_footer.html"></div>
 	<!--// footer 영역 -->
 </body>
 
diff --git a/src/main/webapp/publish/textingmsg_detail.html b/src/main/webapp/publish/textingmsg_detail.html
new file mode 100644
index 00000000..d5597ba5
--- /dev/null
+++ b/src/main/webapp/publish/textingmsg_detail.html
@@ -0,0 +1,935 @@
+<!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">
+		<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>
+		$(document).ready(function () {
+			$(".table_tab_wrap .tab_depth1 a").click(function () {
+				var tab_num = $(this).index();
+				$(".table_cont .tb_wrap").eq(tab_num).show();
+				$(".table_cont .tb_wrap").eq(tab_num).siblings(".tb_wrap").hide();
+				if($(".table_tab_wrap .tab_depth1 a:visible").length == tab_num+1){
+					$(this).css("border-radius","0 5px 5px 0");
+				}else{}
+			})
+		});
+	</script>
+
+</head>
+
+<body>
+	<div class="mask"></div>
+
+	<!-- 220411 이통사 스팸차단 및 번호도용 방지 서비스 안내 팝업 -->
+	<div class="tooltip-wrap">
+		<div class="popup-com ad_layer popupJunk" tabindex="0" data-tooltip-con="popupJunk" data-focus="popupJunk" data-focus-prev="popupJunk-close" style="width: 795px;">
+			<div class="popup_heading">
+				<p>이통사 스팸차단 및 번호도용 방지 서비스 안내</p>
+				<button type="button" class="tooltip-close" data-focus="popupJunk-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
+			</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="titBox">
+						<div class="notibox">한국인터넷진흥원 불법스팸대응센터에서 스팸종합대책을 마련함에 따라,<br>각 통신사에서 스팸차단서비스라는 서비스를 진행하고 있습니다.</div>
+						<p>- 스팸차단서비스는 이동통신사의 별도 조합 기준에 따른 스팸확률에 의한 차단으로 스팸으로 판단되는 문자를</p>
+						<p>&nbsp; 휴대폰 문자수신함이 아닌, 각 통신사별 스팸보관함에 전송한 후 결과값은 성공을 처리합니다(정상과금 처리)</p>
+						<p>- 스팸문자로 저장된것이 확인되었다면, 스팸차단서비스를 해제하여 이용하시기 바랍니다.</p>
+						<p>&nbsp; (개인정보보호정책으로 인해 본인 이외 타인은 확인 불가하므로, 본인이 직접 확인해야합니다.)</p>
+					</div>
+					<div class="adpop1_bottom">
+						<p class="title_box"><span>01.</span>통신사 홈페이지를 통해 확인하는 방법<button type="button" class="view_button" onclick="popContentBoxView(this);"><i></i></button></p>
+						<div class="content_box">
+							<ul class="list">
+								<li class="tit">
+									<ul>
+										<li>
+											<div class="img_box"><img src="/publish/images/content/junk_agency001.png" alt="SK telecom" /></div>
+											<a href="http://www.tworld.co.kr/normal.do?serviceId=S_PROD2001&viewId=V_PROD7070&prod_id=NA00002121&uCode=u1_2" target="_blank" rel="nosublink">T월드 문자 스팸필터링 바로가기</a>
+										</li>
+										<li>
+											<div class="img_box"><img src="/publish/images/content/junk_agency002.png" alt="olleh KT" /></div>
+											<a href="https://product.kt.com/wDic/productDetail.do?ItemCode=479" target="_blank" rel="nosublink">KT (안심)스팸차단 바로가기</a>
+										</li>
+										<li>
+											<div class="img_box"><img src="/publish/images/content/junk_agency003.png" alt="LG U+" /></div>
+											<a href="https://www.lguplus.com/plan/addon/addon-call-msg/LRZ0000277" target="_blank" rel="nosublink">U+ 스팸차단 바로가기</a>
+										</li>
+									</ul>
+								</li>
+								<li>
+									<dl>
+										<dt><img src="/publish/images/content/junk_agency001_01.png" alt="T world" /></dt>
+										<dd>
+											<p>Tworld<a href="https://www.tworld.co.kr" target="_blank" rel="nosublink">(www.tworld.co.kr)</a> 홈페이지 접속 → 로그인 → [스팸필터링] 검색<br>→ 부가서비스 - 문자 스팸필터링 → 설정 → SMS인증 → 스팸차단 메시지 확인</p>
+										</dd>
+									</dl>
+								</li>
+								<li>
+									<dl>
+										<dt><img src="/publish/images/content/junk_agency002_01.png" alt="olleh O" /></dt>
+										<dd>
+											<p>KT<a href="https://www.kt.com/" target="_blank" rel="nosublink">(www.kt.com)</a> 홈페이지 접속 → 로그인 →[스팸차단서비스] 검색<br>→ 스팸차단서비스 → 스팸메시지함 → 스팸차단 메시지 확인</p>
+										</dd>
+									</dl>
+								</li>
+								<li>
+									<dl>
+										<dt><img src="/publish/images/content/junk_agency003_01.png" alt="LG U+" /></dt>
+										<dd>
+											<p>U+<a href="https://www.uplus.co.kr" target="_blank" rel="nosublink">(www.uplus.co.kr)</a> 홈페이지 접속 → 로그인 → [스팸차단] 검색<br>→ 부가서비스 - 스팸차단 → 스팸내역 조회 → SMS인증 → 스팸차단 메시지 확인</p>
+										</dd>
+									</dl>
+								</li>
+							</ul>
+						</div>
+					</div>
+					<div class="adpop1_bottom">
+						<p class="title_box"><span>02.</span>통신사 어플을 통해 확인하는 방법<button type="button" class="view_button" onclick="popContentBoxView(this);"><i></i></button></p>
+						<div class="content_box">
+							<ul class="list02">
+								<li>
+									<div class="img_box"><img src="/publish/images/content/junk_agency01_02.png" alt="SKT" /></div>
+									<dl>
+										<dt>SKT · T스팸필터링</dt>
+										<dd>T Store, 구글 Play 스토어<br>다운가능</dd>
+									</dl>
+								</li>
+								<li>
+									<div class="img_box"><img src="/publish/images/content/junk_agency02_02.png" alt="KT" /></div>
+									<dl>
+										<dt>KT올레 · 올레스팸차단서비스</dt>
+										<dd>구글 Play 스토어 다운가능</dd>
+									</dl>
+								</li>
+								<li>
+									<div class="img_box"><img src="/publish/images/content/junk_agency03_02.png" alt="LG" /></div>
+									<dl>
+										<dt>LG U+ · U+ 스팸차단</dt>
+										<dd>구글 Play 스토어 다운가능</dd>
+									</dl>
+								</li>
+							</ul>
+						</div>
+					</div>
+					<div class="adpop1_bottom">
+						<p class="title_box"><span>03.</span>통신사 고객센터를 확인하는 방법<button type="button" class="view_button" onclick="popContentBoxView(this);"><i></i></button></p>
+						<div class="content_box">
+							<dl class="cscenter">
+								<dt>휴대폰 114 + 통화버튼</dt>
+								<dd>
+									<ul>
+										<li>· SKT 고객센터(1599-0011)</li>
+										<li>· KT올레 고객센터(100)</li>
+										<li>· LG U+ 고객센터(1544-0010)</li>
+									</ul>
+								</dd>
+							</dl>
+						</div>
+					</div>
+				</div><!-- // 광고문자 전송규정 안내 -->
+
+				<!-- 광고문자 수신동의 안내 -->
+				<div class="adpop_cont" id="listTab2_2">
+					<div class="titBox">
+						<div class="notibox">웹에서 발송되는 스팸, 스미싱 문자에 내 번호가 회신번호로 악용되는 것을 방지해주는 서비스로<br>해당 서비스에 가입된 경우 인터넷 문자 발송서비스를 통해 본인 휴대폰번호로 문자 발송시 차단됩니다</div>
+						<p>- 모든 전송 결과값이 실패로 확인되는 경우, 번호도용문자차단서비스에 가입여부 확인 후 해당서비스를 해지</p>
+						<p>&nbsp; 하신 후 전송하시기 바랍니다.</p>
+					</div>
+					<div class="adpop1_bottom">
+						<p class="title_box"><span>01.</span>통신사 홈페이지를 통해 확인하는 방법<button type="button" class="view_button" onclick="popContentBoxView(this);"><i></i></button></p>
+						<div class="content_box">
+							<ul class="list">
+								<li class="tit">
+									<ul>
+										<li>
+											<div class="img_box"><img src="/publish/images/content/junk_agency001.png" alt="SKT" /></div>
+											<a href="http://www.tworld.co.kr/normal.do?serviceId=S_PROD2001&viewId=V_PROD7070&prod_id=NA00004406&uCode=u1_2" target="_blank" rel="nosublink">T번호도용문자차단 바로가기</a>
+										</li>
+										<li>
+											<div class="img_box"><img src="/publish/images/content/junk_agency002.png" alt="KT" /></div>
+											<a href="https://product.kt.com/wDic/productDetail.do?ItemCode=1047" target="_blank" rel="nosublink">KT번호도용문자차단 바로가기</a>
+										</li>
+										<li>
+											<div class="img_box"><img src="/publish/images/content/junk_agency003.png" alt="Uplus" /></div>
+											<a href="https://www.lguplus.com/plan/addon/addon-call-msg/LRZ0002297" target="_blank" rel="nosublink">U+ 번호도용문자차단 바로가기</a>
+										</li>
+									</ul>
+								</li>
+								<li>
+									<dl>
+										<dt><img src="/publish/images/content/junk_agency001_01.png" alt="tworld" /></dt>
+										<dd>
+											<p>Tworld<a href="https://www.tworld.co.kr" target="_blank" rel="nosublink">(www.tworld.co.kr)</a> 홈페이지 접속 → 로그인<br>→ [번호도용문자차단] 검색 → 부가서비스 → 번호도용문자차단 → 해지</p>
+										</dd>
+									</dl>
+								</li>
+								<li>
+									<dl>
+										<dt><img src="/publish/images/content/junk_agency002_01.png" alt="kt" /></dt>
+										<dd>
+											<p>KT<a href="https://www.kt.com" target="_blank" rel="nosublink">(www.kt.com)</a> 홈페이지 접속 → 로그인<br>→ [번호도용문자차단] 검색 → 부가서비스 → 번호도용문자차단 → 해지</p>
+										</dd>
+									</dl>
+								</li>
+								<li>
+									<dl>
+										<dt><img src="/publish/images/content/junk_agency003_01.png" alt="LGuplus" /></dt>
+										<dd>
+											<p>U+<a href="https://www.uplus.co.kr" target="_blank" rel="nosublink">(www.uplus.co.kr)</a> 홈페이지 접속 → 로그인 → [번호도용문자차단] 검색<br>→ 부가서비스 → 번호도용문자차단 → 해지</p>
+										</dd>
+									</dl>
+								</li>
+							</ul>
+						</div>
+					</div>
+					<div class="adpop1_bottom">
+						<p class="title_box"><span>02.</span>통신사 고객센터를 확인하는 방법<button type="button" class="view_button" onclick="popContentBoxView(this);"><i></i></button></p>
+						<div class="content_box">
+							<dl class="cscenter">
+								<dt>휴대폰 114 + 통화버튼</dt>
+								<dd>
+									<ul>
+										<li>· SKT 고객센터(1599-0011)</li>
+										<li>· KT올레 고객센터(100)</li>
+										<li>· LG U+ 고객센터(1544-0010)</li>
+									</ul>
+								</dd>
+							</dl>
+						</div>
+					</div>
+				</div><!-- // 광고문자 수신동의 안내 -->
+			</div>
+			<div class="popup_btn_wrap2" style="margin: 0 auto 30px auto;">
+				<button type="button" class="tooltip-close" data-focus="adr_popup01-close"  data-focus-next="popup02">닫기</button>                      
+			</div>
+		</div>
+	</div>
+	<!-- //220411 이통사 스팸차단 및 번호도용 방지 서비스 안내 팝업 -->	
+
+
+	<!-- 발송대상리스트 팝업 -->
+	<div class="tooltip-wrap">
+		<div class="popup-com ad_layer rev_popup04 transmit_list_popup" tabindex="0" data-tooltip-con="rev_popup04" data-focus="rev_popup04" data-focus-prev="rev_popup04-close" style="width:530px;">
+			<div class="popup_heading">
+				<p>발송대상 리스트</p>
+				<button type="button" class="tooltip-close" data-focus="rev_popup04-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
+			</div>
+			<div class="layer_in">
+			
+				<div class="popup_search_type2">
+                        <div class="title">수신번호</div>
+                        <label for="" class="label">검색어입력</label>
+                        <input type="text" class="send_text" id="" name="" value="" placeholder="3자 이상 입력하세요." onfocus="this.placeholder=''" onblur="this.placeholder='3자 이상 입력하세요.'">
+                        <button type="button" class="btnType btnType2">검색</button>
+                </div>
+                
+				<div class="list_tab_wrap2 type4">
+					<ul class="tabType3" id="tabType" name="tabType">
+						<li class="tab active"><button type="button" onclick="contentTab(this,'1');" title="선택됨">전체</button></li>
+						<li class="tab"><button type="button" onclick="contentTab(this,'2');">대기</button>	</li>
+						<li class="tab"><button type="button" onclick="contentTab(this,'3');">성공</button></li>
+						<li class="tab"><button type="button" onclick="contentTab(this,'4');"">실패</button>	</li>
+					</ul>
+				</div>				
+				
+				<!-- 전체 내용 -->
+				<div class="tab_content current" id="tab_content_1">
+				<div class="tb_wrap1">
+					<table class="tType4">
+						<colgroup>
+							<col style="width: 240px;">
+							<col style="width: auto;">
+						</colgroup>
+						<thead>
+							<tr>
+								<th style="position: sticky; top:0; z-index: 1; background-color:#ededed;">수신번호
+									<div class="sort_wrap">
+										<input type="button" class="sort sortBtn">
+									</div>
+								</th>
+								<th style="position: sticky; top:0; z-index: 1; background-color:#ededed;">상세결과
+									<div class="sort_wrap">
+										<input type="button" class="sort sortBtn">
+									</div>
+								</th>
+							</tr>
+						</thead>
+						<tbody>
+							<tr>
+								<td>010-1234-5678</td>
+								<td>성공</td>
+							</tr>
+							<tr>
+								<td>010-1234-5678</td>
+								<td>성공</td>
+							</tr>
+							<tr>
+								<td>010-1234-5678</td>
+								<td>성공</td>
+							</tr>
+							<tr>
+								<td>010-1234-5678</td>
+								<td>성공</td>
+							</tr>
+							<tr>
+								<td>010-1234-5678</td>
+								<td>성공</td>
+							</tr>
+							<tr>
+								<td>010-1234-5678</td>
+								<td>성공</td>
+							</tr>
+							<tr>
+								<td>010-1234-5678</td>
+								<td>성공</td>
+							</tr>
+							<tr>
+								<td>010-1234-5678</td>
+								<td>성공</td>
+							</tr>
+							<tr>
+								<td>010-1234-5678</td>
+								<td>성공</td>
+							</tr>
+							
+						</tbody>
+					</table>
+
+				</div>	
+				
+				<div class="table_btn clearfix">
+					<div class="table_btn_left">
+						<button type="button" class="excel_btn btnType"><i class="downroad"></i>엑셀 다운로드</button>
+						<button type="button" data-tooltip="rev_popup02" class="btnType btnType14 btn_adr_add"><i class="add_img"></i>주소록 등록</button>						
+					</div>
+				</div>
+				
+				</div>
+				<!--// 전체 내용 -->
+				
+				<!-- 대기 내용 -->
+				<div class="tab_content" id="tab_content_2">
+				<div class="tb_wrap1">
+					<table class="tType4">
+						<colgroup>
+							<col style="width: 240px;">
+							<col style="width: auto;">
+						</colgroup>
+						<thead>
+							<tr>
+								<th style="position: sticky; top:0; z-index: 1; background-color:#ededed;">수신번호
+									<div class="sort_wrap">
+										<input type="button" class="sort sortBtn">
+									</div>
+								</th>
+								<th style="position: sticky; top:0; z-index: 1; background-color:#ededed;">상세결과
+									<div class="sort_wrap">
+										<input type="button" class="sort sortBtn">
+									</div>
+								</th>
+							</tr>
+						</thead>
+						<tbody>
+							<tr>
+								<td colspan="2">내역이 없습니다.</td>
+							</tr>						
+						</tbody>
+					</table>
+
+				</div>	
+				
+				<div class="table_btn clearfix">
+					<div class="table_btn_left">
+						<button type="button" class="excel_btn btnType"><i class="downroad"></i>엑셀 다운로드</button>						
+					</div>
+				</div>
+				
+				</div>
+				<!--// 대기 내용 -->
+				
+				<!-- 성공 내용 -->				
+				<div class="tab_content" id="tab_content_3">
+				<div class="tb_wrap1">
+					<table class="tType4">
+						<colgroup>
+							<col style="width: 240px;">
+							<col style="width: auto;">
+						</colgroup>
+						<thead>
+							<tr>
+								<th style="position: sticky; top:0; z-index: 1; background-color:#ededed;">수신번호
+									<div class="sort_wrap">
+										<input type="button" class="sort sortBtn">
+									</div>
+								</th>
+								<th style="position: sticky; top:0; z-index: 1; background-color:#ededed;">상세결과
+									<div class="sort_wrap">
+										<input type="button" class="sort sortBtn">
+									</div>
+								</th>
+							</tr>
+						</thead>
+						<tbody>
+							<tr>
+								<td>010-1234-5678</td>
+								<td>성공</td>
+							</tr>
+							<tr>
+								<td>010-1234-5678</td>
+								<td>성공</td>
+							</tr>
+							<tr>
+								<td>010-1234-5678</td>
+								<td>성공</td>
+							</tr>
+							<tr>
+								<td>010-1234-5678</td>
+								<td>성공</td>
+							</tr>
+							<tr>
+								<td>010-1234-5678</td>
+								<td>성공</td>
+							</tr>
+							<tr>
+								<td>010-1234-5678</td>
+								<td>성공</td>
+							</tr>
+							<tr>
+								<td>010-1234-5678</td>
+								<td>성공</td>
+							</tr>
+							<tr>
+								<td>010-1234-5678</td>
+								<td>성공</td>
+							</tr>
+							<tr>
+								<td>010-1234-5678</td>
+								<td>성공</td>
+							</tr>
+							
+						</tbody>
+					</table>
+
+				</div>	
+				
+				<div class="table_btn clearfix">
+					<div class="table_btn_left">
+						<button type="button" class="excel_btn btnType"><i class="downroad"></i>엑셀 다운로드</button>
+						<button type="button" data-tooltip="rev_popup02" class="btnType btnType14"><i class="add_img"></i>주소록 등록</button>						
+					</div>
+				</div>
+				
+				</div>
+				<!--// 성공 내용 -->
+				
+				<!-- 실패 내용 -->
+				<div class="tab_content" id="tab_content_4">
+				<div class="tb_wrap1">
+					<table class="tType4">
+						<colgroup>
+							<col style="width: 240px;">
+							<col style="width: auto;">
+						</colgroup>
+						<thead>
+							<tr>
+								<th style="position: sticky; top:0; z-index: 1; background-color:#ededed;">수신번호
+									<div class="sort_wrap">
+										<input type="button" class="sort sortBtn">
+									</div>
+								</th>
+								<th style="position: sticky; top:0; z-index: 1; background-color:#ededed;">상세결과
+									<div class="sort_wrap">
+										<input type="button" class="sort sortBtn">
+									</div>
+								</th>
+							</tr>
+						</thead>
+						<tbody>
+							<tr>
+								<td>010-1234-5678</td>
+								<td>실패</td>
+							</tr>
+							<tr>
+								<td>010-1234-5678</td>
+								<td>실패</td>
+							</tr>
+							<tr>
+								<td>010-1234-5678</td>
+								<td>실패</td>
+							</tr>
+							<tr>
+								<td>010-1234-5678</td>
+								<td>실패</td>
+							</tr>
+							<tr>
+								<td>010-1234-5678</td>
+								<td>실패</td>
+							</tr>
+							<tr>
+								<td>010-1234-5678</td>
+								<td>실패</td>
+							</tr>
+							<tr>
+								<td>010-1234-5678</td>
+								<td>실패</td>
+							</tr>
+							<tr>
+								<td>010-1234-5678</td>
+								<td>실패</td>
+							</tr>
+							<tr>
+								<td>010-1234-5678</td>
+								<td>실패</td>
+							</tr>
+							
+						</tbody>
+					</table>
+
+				</div>	
+				
+				<div class="table_btn clearfix">
+					<div class="table_btn_left">
+						<button type="button" class="excel_btn btnType"><i class="downroad"></i>엑셀 다운로드</button>
+						<button type="button" class="btnType btnType15"><i class="remove_img"></i>주소록에서 번호 삭제</button>						
+					</div>
+				</div>
+				
+				</div>	
+				<!--// 실패 내용 -->
+				
+			</div>
+			<div class="popup_btn_wrap2" style="margin: -40px auto 30px auto;">
+				<button type="button" class="tooltip-close" data-focus="adr_popup01-close"  data-focus-next="popup02">닫기</button>                      
+			</div>
+		</div>
+	</div>
+	<!-- //발송대상 리스트 안내 팝업 -->	
+
+	<!-- 주소록에 등록 팝업 -->
+	<div class="tooltip-wrap">
+		<div class="popup-com adr_layer rev_popup02 add_adr_popup" tabindex="0" data-tooltip-con="rev_popup02" data-focus="rev_popup02" data-focus-prev="rev_popup02-close" style="width: 510px;">
+			<div class="popup_heading">
+				<p>주소록에 등록</p>
+				<button type="button" class="tooltip-close" data-focus="rev_popup02-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
+			</div>
+			<div class="layer_in">				
+				<table class="layer_tType1 style1">
+					<caption>주소록 그룹선택 표</caption>
+					<colgroup>
+						<col style="width: 80px">
+						<col style="width: auto">
+					</colgroup>
+					<tbody>
+						<tr>
+							<th>그룹 선택</th>
+							<td>
+								<label for="" class="label">그룹 선택</label>
+								<select id="addrGrpIdInfo" name="addrGrpIdInfo"><option value="NEW">그룹추가</option><option value="0">그룹미지정</option><option value="bookmark">자주보내는 번호</option>	<option value="">테스트그룹</option>	</select>
+								<label for="" class="label">그룹명 입력</label>
+								<input type="text" id="addrGrpNm" name="addrGrpNm" placeholder="새 그룹명을 입력해주세요." onfocus="this.placeholder=''" onblur="this.placeholder='새 그룹명을 입력해주세요.'" class="inputLight">
+							</td>
+						</tr>
+					</tbody>
+				</table>
+				<div class="popup_btn_wrap2">
+					<button type="button">등록</button>
+					<button type="button" class="tooltip-close" data-focus="rev_popup02-close" data-focus-next="rev_popup02">닫기</button>
+				</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 메뉴 -->
+	<!-- 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 영역 -->
+	<!-- login 영역 -->
+	<!-- content 영역 -->
+	<div id="container" class="cont sub">
+		<div class="inner">
+			<!-- send top -->
+			<div class="send_top">
+				<!-- 결제관리 - 요금 사용내역 -->
+				<div class="rev_admin_cont serv_content current">
+					<div class="heading">
+						<h2>발송결과 상세</h2>						
+						<button type="button" class="button junk" data-tooltip="popupJunk" style="right:0;">통신사 스팸규격안내</button>
+					</div>
+
+					<!-- 발송결과 상세 및 미리보기-->
+				 
+					<div class="send_general">
+						<!-- 발송결과 상세 정보 -->
+						<div class="resultcont_left">
+                            <!--발송정보-->
+                            <div class="res_info">
+                                <div class="res_info_in">
+                                    <div class="res_info_top clearfix">
+										<p>발송정보</p>
+                                        <p><button type="button" class="btnType btnType3">재전송</button></p>
+                                    </div>
+                                    <div class="res_info_btm">
+                                        <dl>
+                                            <dt>발송일시</dt>
+                                            <dd>2024-07-18 15:25</dd>
+                                        </dl>
+                                        <dl><!-- 예약 시 -->
+                                            <dt>등록일시</dt>
+                                            <dd>2024-07-10 15:25</dd>
+                                        </dl>
+                                        <dl>
+                                            <dt>제목</dt>
+                                            <dd>제목테스트제목테스트제목테스트제목테스트</dd>
+                                        </dl>
+                                        <dl>
+                                            <dt>형태</dt>
+                                            <dd>그림</dd>
+                                        </dl>
+                                        <dl>
+                                            <dt>발송건수</dt>
+                                            <dd><span class="c_222">100</span>건</dd>
+                                        </dl>
+										<dl>
+                                            <dt>발신번호</dt>
+                                            <dd>010-1234-5678</dd>
+                                        </dl>
+										<dl>
+                                            <dt>진행상황
+                                            <!--  예약인 경우 --> 
+                                            <div class="icon_wrap">
+                                            <div class="re">예약</div>
+                                            <div class="di_info"></span><button class="di">분할</button><div class="di_hover_layer"><strong>100,000건</strong>씩 <strong>35분</strong> 간격</div></div>
+                                            </div>
+                                            <!--//  예약인 경우 --> 
+                                            </dt>
+                                            <!--<dd>진행중</dd>-->
+                                            <!--<dd>완료</dd>-->
+											<dd><button class="btnType btnType20">예약취소</button></dd>
+											<!--<dd>예약취소 2024-07-16 15:07</dd>--><!-- 예역취소 후 버튼 대신 취소 일시 노출 -->											
+                                        </dl>
+                                    </div>
+									<div class="res_info_btm">
+                                        <dl>
+                                            <dt class="btm_charge">발송요금</dt>
+                                            <dd><span class="stcharge">78,100</span>원</dd>											
+											<!--<dd><span class="stcharge">-</span>원</dd>--><!-- 예역취소 후 금액은 하이픈 처리--> 
+                                        </dl>
+                                    </div>
+                                </div>                                
+                            </div>
+                             <!--// 발송정보-->
+                            <!--상세결과-->
+                            <div class="res_info">
+                                <div class="res_info_in">
+                                    <div class="res_info_top clearfix" style="padding:0 0 10px 0;">
+                                        <p>상세결과</p>
+                                        <p></p>
+                                    </div>
+									<div class="res_num">
+										<div class="res_info_btm1">
+											<dl>
+												<dt>전체건수</dt>
+												<dd><a href="#" data-tooltip="rev_popup04"><span class="c_222_g">300,101</span>건</a></dd>
+											</dl>
+										</div>
+										<div class="res_info_btm1">
+											<dl>
+												<dt>성공건수</dt>
+												<dd><span class="c_002c9a_g">300,000</span>건(100%)</dd>
+											</dl>
+										</div>
+									</div>
+									<div class="res_num">	
+										<div class="res_info_btm1">
+											<dl>
+												<dt>대기건수</dt>
+												<dd><span class="c_666_g">0</span>건(0%)</dd>
+											</dl>
+										</div>
+										<div class="res_info_btm1">
+											<dl>
+												<dt>실패건수</dt>
+												<dd><span class="c_e40000_g">1</span>건(100%)</dd>
+											</dl>
+										</div>
+									</div>
+									<p class="table_bottom_txt">* 전체건수를 클릭하면 받는 사람 상세정보를 확인하실 수 있습니다.</p>
+                                </div>                                
+                            </div>
+                             <!--// 발송결과-->	
+				 
+						</div>
+                        <!--// 발송결과 상세 정보 -->
+
+						<!-- 발송결과 미리보기 -->
+						<div class="resultcont_right">
+							<div class="phone">
+								<div class="phoneIn">
+									<div>
+										<p class="prev_p"><img src="images/search.png"> 문자내용</p>
+										<div class="text_length2 clearfix" style="display:none;">
+											<span class="msg_com msg_short">단문</span>
+											<div>
+												<span>글자크기</span>
+												<button type="button"><img src="images/content/font_plus.png"></button>
+												<button type="button"><img src="images/content/font_minus.png"></button>
+											</div>
+										</div>
+										<div class="text_length2 clearfix" style="display:none;">
+											<span class="msg_com msg_long">장문</span>
+											<div>
+												<span>글자크기</span>
+												<button type="button"><img src="images/content/font_plus.png"></button>
+												<button type="button"><img src="images/content/font_minus.png"></button>
+											</div>
+										</div>
+										<div class="text_length2 clearfix">
+											<span class="msg_com msg_photo">포토</span>
+											<ul class="photo_msg_num">
+												<li onclick="imgClick(0);"><a href="#none">1</a></ li>
+												<li onclick="imgClick(1);"><a href="#none">2</a></ li>
+												<li onclick="imgClick(2);"><a href="#none">3</a></ li>
+											</ul>
+											<div>
+												<span>글자크기</span>
+												<button type="button"><img src="images/content/font_plus.png"></button>
+												<button type="button"><img src="images/content/font_minus.png"></button>
+											</div>
+										</div>
+										<!-- 텍스트 미리보기 -->
+										<div class="text_preview">
+											<div class="preiew_img">
+												<div class="img_box">
+													<img src="images/content/photo_sample01.jpg">
+												</div>
+												<div class="img_box">
+													<img src="images/content/photo_sample01.jpg">
+												</div>
+												<div class="img_box">
+													<img src="images/content/excel.jpg">
+												</div>
+											</div>
+											<div class="preview_auto">
+												<p class="ad_tit">(광고)</p>
+												<p class="none_txt">내용을 입력해주세요.</p>
+												<p class="realtime"></p>
+												<p class="deny_receipt">무료 거부 080-0000-0000</p>
+											</div>
+										</div>
+										<!-- //텍스트 미리보기 -->
+									</div>
+								</div>
+								<p class="addText">※ 단말기 설정에 따라 다르게 보일 수 있습니다<p>
+							</div>
+						</div>
+						<!--// 발송결과 미리보기 -->
+					</div>			
+			
+					<!--// 발송결과 상세 및 미리보기-->
+
+					<!-- 목록-->
+					<div class="btn_list_type1">
+						<button class="btnType btnType17">목록</button>
+					</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
diff --git a/src/main/webapp/publish/textingmsg_detail_allimtalk.html b/src/main/webapp/publish/textingmsg_detail_allimtalk.html
new file mode 100644
index 00000000..de742253
--- /dev/null
+++ b/src/main/webapp/publish/textingmsg_detail_allimtalk.html
@@ -0,0 +1,875 @@
+<!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">
+	<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>
+		$(document).ready(function () {
+			$(".table_tab_wrap .tab_depth1 a").click(function () {
+				var tab_num = $(this).index();
+				$(".table_cont .tb_wrap").eq(tab_num).show();
+				$(".table_cont .tb_wrap").eq(tab_num).siblings(".tb_wrap").hide();
+				if ($(".table_tab_wrap .tab_depth1 a:visible").length == tab_num + 1) {
+					$(this).css("border-radius", "0 5px 5px 0");
+				} else {}
+			})
+		});
+
+		function phoneTab(obj, tabId) {
+			var $tab = $(obj).closest("li");
+			$tab.addClass("active");
+			$tab.find("button").attr("title", "선택됨");
+			$tab.siblings("li.tab").removeClass("active");
+			$tab.siblings("li.tab").find("button").removeAttr("title");
+
+			var $tabCn = $("#tab_phone_" + tabId);
+			$tabCn.fadeIn(0);
+			$tabCn.addClass("current");
+
+			$(".tab_phone").not($tabCn).removeClass("current");
+			$(".tab_phone").not($tabCn).fadeOut(0);
+
+			currTabId = tabId;
+		}
+	</script>
+
+</head>
+
+<body>
+	<div class="mask"></div>
+
+	<!-- 220411 이통사 스팸차단 및 번호도용 방지 서비스 안내 팝업 -->
+	<div class="tooltip-wrap">
+		<div class="popup-com ad_layer popupJunk" tabindex="0" data-tooltip-con="popupJunk" data-focus="popupJunk" data-focus-prev="popupJunk-close" style="width: 795px;">
+			<div class="popup_heading">
+				<p>이통사 스팸차단 및 번호도용 방지 서비스 안내</p>
+				<button type="button" class="tooltip-close" data-focus="popupJunk-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
+			</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="titBox">
+						<div class="notibox">한국인터넷진흥원 불법스팸대응센터에서 스팸종합대책을 마련함에 따라,<br>각 통신사에서 스팸차단서비스라는 서비스를 진행하고 있습니다.</div>
+						<p>- 스팸차단서비스는 이동통신사의 별도 조합 기준에 따른 스팸확률에 의한 차단으로 스팸으로 판단되는 문자를</p>
+						<p>&nbsp; 휴대폰 문자수신함이 아닌, 각 통신사별 스팸보관함에 전송한 후 결과값은 성공을 처리합니다(정상과금 처리)</p>
+						<p>- 스팸문자로 저장된것이 확인되었다면, 스팸차단서비스를 해제하여 이용하시기 바랍니다.</p>
+						<p>&nbsp; (개인정보보호정책으로 인해 본인 이외 타인은 확인 불가하므로, 본인이 직접 확인해야합니다.)</p>
+					</div>
+					<div class="adpop1_bottom">
+						<p class="title_box"><span>01.</span>통신사 홈페이지를 통해 확인하는 방법<button type="button" class="view_button" onclick="popContentBoxView(this);"><i></i></button></p>
+						<div class="content_box">
+							<ul class="list">
+								<li class="tit">
+									<ul>
+										<li>
+											<div class="img_box"><img src="/publish/images/content/junk_agency001.png" alt="SK telecom" /></div>
+											<a href="http://www.tworld.co.kr/normal.do?serviceId=S_PROD2001&viewId=V_PROD7070&prod_id=NA00002121&uCode=u1_2" target="_blank" rel="nosublink">T월드 문자 스팸필터링 바로가기</a>
+										</li>
+										<li>
+											<div class="img_box"><img src="/publish/images/content/junk_agency002.png" alt="olleh KT" /></div>
+											<a href="https://product.kt.com/wDic/productDetail.do?ItemCode=479" target="_blank" rel="nosublink">KT (안심)스팸차단 바로가기</a>
+										</li>
+										<li>
+											<div class="img_box"><img src="/publish/images/content/junk_agency003.png" alt="LG U+" /></div>
+											<a href="https://www.lguplus.com/plan/addon/addon-call-msg/LRZ0000277" target="_blank" rel="nosublink">U+ 스팸차단 바로가기</a>
+										</li>
+									</ul>
+								</li>
+								<li>
+									<dl>
+										<dt><img src="/publish/images/content/junk_agency001_01.png" alt="T world" /></dt>
+										<dd>
+											<p>Tworld<a href="https://www.tworld.co.kr" target="_blank" rel="nosublink">(www.tworld.co.kr)</a> 홈페이지 접속 → 로그인 → [스팸필터링] 검색<br>→ 부가서비스 - 문자 스팸필터링 → 설정 → SMS인증 → 스팸차단 메시지 확인</p>
+										</dd>
+									</dl>
+								</li>
+								<li>
+									<dl>
+										<dt><img src="/publish/images/content/junk_agency002_01.png" alt="olleh O" /></dt>
+										<dd>
+											<p>KT<a href="https://www.kt.com/" target="_blank" rel="nosublink">(www.kt.com)</a> 홈페이지 접속 → 로그인 →[스팸차단서비스] 검색<br>→ 스팸차단서비스 → 스팸메시지함 → 스팸차단 메시지 확인</p>
+										</dd>
+									</dl>
+								</li>
+								<li>
+									<dl>
+										<dt><img src="/publish/images/content/junk_agency003_01.png" alt="LG U+" /></dt>
+										<dd>
+											<p>U+<a href="https://www.uplus.co.kr" target="_blank" rel="nosublink">(www.uplus.co.kr)</a> 홈페이지 접속 → 로그인 → [스팸차단] 검색<br>→ 부가서비스 - 스팸차단 → 스팸내역 조회 → SMS인증 → 스팸차단 메시지 확인</p>
+										</dd>
+									</dl>
+								</li>
+							</ul>
+						</div>
+					</div>
+					<div class="adpop1_bottom">
+						<p class="title_box"><span>02.</span>통신사 어플을 통해 확인하는 방법<button type="button" class="view_button" onclick="popContentBoxView(this);"><i></i></button></p>
+						<div class="content_box">
+							<ul class="list02">
+								<li>
+									<div class="img_box"><img src="/publish/images/content/junk_agency01_02.png" alt="SKT" /></div>
+									<dl>
+										<dt>SKT · T스팸필터링</dt>
+										<dd>T Store, 구글 Play 스토어<br>다운가능</dd>
+									</dl>
+								</li>
+								<li>
+									<div class="img_box"><img src="/publish/images/content/junk_agency02_02.png" alt="KT" /></div>
+									<dl>
+										<dt>KT올레 · 올레스팸차단서비스</dt>
+										<dd>구글 Play 스토어 다운가능</dd>
+									</dl>
+								</li>
+								<li>
+									<div class="img_box"><img src="/publish/images/content/junk_agency03_02.png" alt="LG" /></div>
+									<dl>
+										<dt>LG U+ · U+ 스팸차단</dt>
+										<dd>구글 Play 스토어 다운가능</dd>
+									</dl>
+								</li>
+							</ul>
+						</div>
+					</div>
+					<div class="adpop1_bottom">
+						<p class="title_box"><span>03.</span>통신사 고객센터를 확인하는 방법<button type="button" class="view_button" onclick="popContentBoxView(this);"><i></i></button></p>
+						<div class="content_box">
+							<dl class="cscenter">
+								<dt>휴대폰 114 + 통화버튼</dt>
+								<dd>
+									<ul>
+										<li>· SKT 고객센터(1599-0011)</li>
+										<li>· KT올레 고객센터(100)</li>
+										<li>· LG U+ 고객센터(1544-0010)</li>
+									</ul>
+								</dd>
+							</dl>
+						</div>
+					</div>
+				</div><!-- // 광고문자 전송규정 안내 -->
+
+				<!-- 광고문자 수신동의 안내 -->
+				<div class="adpop_cont" id="listTab2_2">
+					<div class="titBox">
+						<div class="notibox">웹에서 발송되는 스팸, 스미싱 문자에 내 번호가 회신번호로 악용되는 것을 방지해주는 서비스로<br>해당 서비스에 가입된 경우 인터넷 문자 발송서비스를 통해 본인 휴대폰번호로 문자 발송시 차단됩니다</div>
+						<p>- 모든 전송 결과값이 실패로 확인되는 경우, 번호도용문자차단서비스에 가입여부 확인 후 해당서비스를 해지</p>
+						<p>&nbsp; 하신 후 전송하시기 바랍니다.</p>
+					</div>
+					<div class="adpop1_bottom">
+						<p class="title_box"><span>01.</span>통신사 홈페이지를 통해 확인하는 방법<button type="button" class="view_button" onclick="popContentBoxView(this);"><i></i></button></p>
+						<div class="content_box">
+							<ul class="list">
+								<li class="tit">
+									<ul>
+										<li>
+											<div class="img_box"><img src="/publish/images/content/junk_agency001.png" alt="SKT" /></div>
+											<a href="http://www.tworld.co.kr/normal.do?serviceId=S_PROD2001&viewId=V_PROD7070&prod_id=NA00004406&uCode=u1_2" target="_blank" rel="nosublink">T번호도용문자차단 바로가기</a>
+										</li>
+										<li>
+											<div class="img_box"><img src="/publish/images/content/junk_agency002.png" alt="KT" /></div>
+											<a href="https://product.kt.com/wDic/productDetail.do?ItemCode=1047" target="_blank" rel="nosublink">KT번호도용문자차단 바로가기</a>
+										</li>
+										<li>
+											<div class="img_box"><img src="/publish/images/content/junk_agency003.png" alt="Uplus" /></div>
+											<a href="https://www.lguplus.com/plan/addon/addon-call-msg/LRZ0002297" target="_blank" rel="nosublink">U+ 번호도용문자차단 바로가기</a>
+										</li>
+									</ul>
+								</li>
+								<li>
+									<dl>
+										<dt><img src="/publish/images/content/junk_agency001_01.png" alt="tworld" /></dt>
+										<dd>
+											<p>Tworld<a href="https://www.tworld.co.kr" target="_blank" rel="nosublink">(www.tworld.co.kr)</a> 홈페이지 접속 → 로그인<br>→ [번호도용문자차단] 검색 → 부가서비스 → 번호도용문자차단 → 해지</p>
+										</dd>
+									</dl>
+								</li>
+								<li>
+									<dl>
+										<dt><img src="/publish/images/content/junk_agency002_01.png" alt="kt" /></dt>
+										<dd>
+											<p>KT<a href="https://www.kt.com" target="_blank" rel="nosublink">(www.kt.com)</a> 홈페이지 접속 → 로그인<br>→ [번호도용문자차단] 검색 → 부가서비스 → 번호도용문자차단 → 해지</p>
+										</dd>
+									</dl>
+								</li>
+								<li>
+									<dl>
+										<dt><img src="/publish/images/content/junk_agency003_01.png" alt="LGuplus" /></dt>
+										<dd>
+											<p>U+<a href="https://www.uplus.co.kr" target="_blank" rel="nosublink">(www.uplus.co.kr)</a> 홈페이지 접속 → 로그인 → [번호도용문자차단] 검색<br>→ 부가서비스 → 번호도용문자차단 → 해지</p>
+										</dd>
+									</dl>
+								</li>
+							</ul>
+						</div>
+					</div>
+					<div class="adpop1_bottom">
+						<p class="title_box"><span>02.</span>통신사 고객센터를 확인하는 방법<button type="button" class="view_button" onclick="popContentBoxView(this);"><i></i></button></p>
+						<div class="content_box">
+							<dl class="cscenter">
+								<dt>휴대폰 114 + 통화버튼</dt>
+								<dd>
+									<ul>
+										<li>· SKT 고객센터(1599-0011)</li>
+										<li>· KT올레 고객센터(100)</li>
+										<li>· LG U+ 고객센터(1544-0010)</li>
+									</ul>
+								</dd>
+							</dl>
+						</div>
+					</div>
+				</div><!-- // 광고문자 수신동의 안내 -->
+			</div>
+			<div class="popup_btn_wrap2" style="margin: 0 auto 30px auto;">
+				<button type="button" class="tooltip-close" data-focus="adr_popup01-close" data-focus-next="popup02">닫기</button>
+			</div>
+		</div>
+	</div>
+	<!-- //220411 이통사 스팸차단 및 번호도용 방지 서비스 안내 팝업 -->
+
+
+	<!-- 발송대상리스트 팝업 -->
+	<div class="tooltip-wrap">
+		<div class="popup-com ad_layer rev_popup04" tabindex="0" data-tooltip-con="rev_popup04" data-focus="rev_popup04" data-focus-prev="rev_popup04-close" style="width:595px;">
+			<div class="popup_heading">
+				<p>발송대상 리스트</p>
+				<button type="button" class="tooltip-close" data-focus="rev_popup04-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
+			</div>
+			<div class="layer_in">
+
+				<div class="gorup_join_cont" style="margin:-15px 0 0 0;">
+					<div class="group_input">
+						<div class="input_left">템플릿명</div>
+						<div class="input_right type1">포토리뷰 안내요청</div>
+					</div>
+				</div>
+
+				<div class="popup_search_type1">
+					<label for="" class="label">검색종류 선택</label>
+					<select id="" class="selType2 select_btn">
+						<option value="1">수신번호</option>
+						<option value="2">이름</option>
+						<option value="3">상세결과</option>
+					</select>
+					<label for="" class="label">검색어입력</label>
+					<input type="text" class="send_text" id="" name="" value="" placeholder="3자 이상 입력하세요." onfocus="this.placeholder=''" onblur="this.placeholder='3자 이상 입력하세요.'">
+					<button type="button" class="btnType btnType2" style="width:63px; margin:0;">검색</button>
+				</div>
+
+				<div class="tb_wrap" style="min-height:200px;">
+					<table class="tType4">
+						<colgroup>
+							<col style="width: 30%;">
+							<col style="width: 40%;">
+							<col style="width: 30%;">
+						</colgroup>
+						<thead>
+							<tr>
+								<th>이름
+									<div class="sort_wrap">
+										<input type="button" class="sort sortBtn">
+									</div>
+								</th>
+								<th>수신번호
+									<div class="sort_wrap">
+										<input type="button" class="sort sortBtn">
+									</div>
+								</th>
+								<th>상세결과
+									<div class="sort_wrap">
+										<input type="button" class="sort sortBtn">
+									</div>
+								</th>
+							</tr>
+						</thead>
+						<tbody>
+							<tr>
+								<td>홍길동</td>
+								<td>010-1234-5678</td>
+								<td>성공(카톡)</td>
+							</tr>
+							<tr>
+								<td>홍길동</td>
+								<td>010-1234-5678</td>
+								<td>성공(카톡)</td>
+							</tr>
+							<tr>
+								<td>홍길동</td>
+								<td>010-1234-5678</td>
+								<td>실패(카톡+문자)</td>
+							</tr>
+							<tr>
+								<td>홍길동</td>
+								<td>010-1234-5678</td>
+								<td>성공(문자)</td>
+							</tr>
+							<tr>
+								<td>홍길동</td>
+								<td>010-1234-5678</td>
+								<td>성공(문자)</td>
+							</tr>
+							<tr>
+								<td>홍길동</td>
+								<td>010-1234-5678</td>
+								<td>실패(카톡+문자)</td>
+							</tr>
+							<tr>
+								<td>홍길동</td>
+								<td>010-1234-5678</td>
+								<td>성공(카톡)</td>
+							</tr>
+						</tbody>
+					</table>
+
+				</div>
+
+				<div class="table_btn clearfix">
+					<div class="table_btn_left"></div>
+					<div class="table_btn_right">
+						<button type="button" data-tooltip="rev_popup02" class="btnType btnType14"><i class="add_img"></i>주소록 등록</button>
+						<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 class="popup_btn_wrap2" style="margin: -40px auto 30px auto;">
+				<button type="button" class="tooltip-close" data-focus="adr_popup01-close" data-focus-next="popup02">닫기</button>
+			</div>
+
+		</div>
+	</div>
+	<!-- //발송대상 리스트 안내 팝업 -->
+
+	<!-- 그룹등록 팝업 data-tooltip:rev_popup02 -->
+	<div class="tooltip-wrap">
+		<div class="popup-com adr_layer rev_popup02" tabindex="0" data-tooltip-con="rev_popup02" data-focus="rev_popup02" data-focus-prev="rev_popup02-close" style="width: 500px;">
+			<div class="popup_heading">
+				<p>그룹등록</p>
+				<button type="button" class="tooltip-close" data-focus="rev_popup02-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
+			</div>
+			<div class="layer_in">
+				<div class="gorup_join_cont">
+					<p class="adr_pop_title">선택된 발송내역 전화번호를 그룹으로 등록합니다.</p>
+					<div class="group_input" style="margin-top: 0;">
+						<div class="input_left">그룹이름</div>
+						<div class="input_right">
+							<label for="" class="label">새 그룹명 입력</label>
+							<input type="text" placeholder="새 그룹명 입력" onfocus="this.placeholder=''" onblur="this.placeholder='새 그룹명 입력'" class="inputLight">
+						</div>
+					</div>
+					<div class="popup_btn_wrap2">
+						<button type="button">저장</button>
+						<button type="button" class="tooltip-close" data-focus="rev_popup02-close" data-focus-next="rev_popup02">취소</button>
+					</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 메뉴 -->
+	<!-- 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 영역 -->
+	<!-- login 영역 -->
+	<!-- content 영역 -->
+	<div id="container" class="cont sub">
+		<div class="inner">
+			<!-- send top -->
+			<div class="send_top">
+				<!-- 결제관리 - 요금 사용내역 -->
+				<div class="rev_admin_cont serv_content current">
+					<div class="heading">
+						<h2>발송결과 상세</h2>
+						<button type="button" class="button junk" data-tooltip="popupJunk" style="right:0;">통신사 스팸규격안내</button>
+					</div>
+
+					<!-- 발송결과 상세 및 미리보기-->
+
+					<div class="send_general">
+						<!-- 발송결과 상세 정보 -->
+						<div class="resultcont_left">
+							<!--발송정보-->
+							<div class="res_info">
+								<div class="res_info_in">
+									<div class="res_info_top clearfix">
+										<p>발송정보</p>
+										<p><button type="button" class="btnType btnType3" onclick="fnMjMsgReSendAll();">재전송</button></p>
+									</div>
+									<div class="res_info_btm">
+										<dl>
+											<dt>발송일시</dt>
+											<dd>2025-04-21 18:19:48</dd>
+										</dl>
+										<dl>
+											<dt>형태</dt>
+											<dd>
+												알림톡
+											</dd>
+										</dl>
+										<dl>
+											<dt>발송건수</dt>
+											<dd><span class="c_222">1</span>건</dd>
+										</dl>
+										<dl>
+											<dt>채널정보</dt>
+											<dd>@아이티앤</dd>
+										</dl>
+										<dl>
+											<dt>진행상황</dt>
+											<dd>완료</dd>
+										</dl>
+
+										<dl>
+											<dt>진행상황
+												<div class="icon_wrap">
+													<div class="re">예약</div>
+													<div class="di_info">
+														<button class="di">분할</button>
+														<div class="di_hover_layer">
+															<strong>1건씩 5분 간격</strong>
+														</div>
+													</div>
+												</div>
+											</dt>
+											<dd>예약취소()</dd>
+										</dl>
+
+										<dl>
+											<dt>진행상황
+												<div class="icon_wrap">
+													<div class="re">예약</div>
+													<div class="di_info">
+														<button class="di">분할</button>
+														<div class="di_hover_layer">
+															<strong>1건씩 5분 간격</strong>
+														</div>
+													</div>
+												</div>
+											</dt>
+											<dd>진행중</dd>
+										</dl>
+										
+									</div>
+									<div class="res_info_btm">
+										<dl>
+											<dt class="btm_charge">발송요금(합계)</dt>
+											<dd><span class="stcharge">5</span>원</dd>
+											<!--<dd><span class="stcharge">-</span>원</dd>-->
+											<!-- 예역취소 후 금액은 하이픈 처리-->
+										</dl>
+										<div class="charge_line">
+											<dl>
+												<dt class="charge_title">· 카카오톡</dt>
+												<dd><span class="c_222">5</span>원</dd>
+											</dl>
+											<dl>
+												<dt class="charge_title">· 대체문자</dt>
+												<dd><span class="c_222">0</span>원</dd>
+											</dl>
+										</div>
+									</div>
+								</div>
+							</div>
+							<!--// 발송정보-->
+							<!--상세결과-->
+							<div class="res_info">
+								<div class="res_info_in">
+									<div class="res_info_top clearfix" style="padding:0 0 10px 0;">
+										<p>상세결과</p>
+										<p><button type="button" class="refresh_btn btnType"><i class="refresh_img"></i>새로고침</button></p>
+									</div>
+									<div class="res_num">
+										<div class="res_info_btm1">
+											<dl>
+												<dt>전체건수</dt>
+												<dd><a href="#" data-tooltip="rev_popup04"><span class="c_222_g">101</span>건(100%)</a></dd>
+											</dl>
+										</div>
+										<div class="res_info_btm1">
+											<dl>
+												<dt>성공건수</dt>
+												<dd><span class="c_002c9a_g">100</span>건(100%)</dd>
+											</dl>
+										</div>
+									</div>
+									<div class="res_num">
+										<div class="res_info_btm1">
+											<dl>
+												<dt>대기건수</dt>
+												<dd><span class="c_666_g">0</span>건(0%)</dd>
+											</dl>
+										</div>
+										<div class="res_info_btm1">
+											<dl>
+												<dt>실패건수</dt>
+												<dd><span class="c_e40000_g">1</span>건(100%)</dd>
+											</dl>
+										</div>
+									</div>
+								</div>
+							</div>
+							<!--// 발송결과-->
+
+							<div class="table_btn clearfix">
+								<div class="table_btn_left">
+									<button type="button" data-tooltip="rev_popup02" class="btnType btnType14"><i class="add_img"></i>주소록 등록</button>
+									<button type="button" class="excel_btn btnType"><i class="downroad"></i>엑셀 다운로드</button>
+								</div>
+								<div class="table_btn_right">
+									<p class="table_btn_right_txt">* 전체 건수를 클릭하면 받는 사람 상세정보를 확인하실 수 있습니다.</p>
+								</div>
+							</div>
+						</div>
+						<!--// 발송결과 상세 정보 -->
+
+						<div class="resultcont_right" id="previewPhone">
+							<div class="phone">
+								<!-- 탭스타일 -->
+								<div class="list_tab_wrap2 type5">
+									<ul class="tabType3" id="tabType" name="tabType">
+										<li class="tab active"><button type="button" onclick="phoneTab(this,'1');" title="선택됨">카카오톡</button></li>
+										<li class="tab"><button type="button" onclick="phoneTab(this,'2');">대체문자</button></li>
+									</ul>
+								</div>
+								<!--// 탭스타일 -->
+
+								<!-- 카카오 알림톡 미리보기 -->
+								<div class="tab_phone current" id="tab_phone_1">
+									<div class="phone_kakako">
+										<div class="phoneIn">
+											<p class="prev_p"><img src="/publish/images/content/kakao_prev_icon.png" alt=""></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="template_text">
+														[테스트]<br>안녕하세요 #{이름}님<br>테스트 물건1 #{물건1}<br>테스트 물건2 #{물건2}<br>테스트 물건3 #{물건3}<br>테스트 물건4 #{물건4}<br>테스트 물건5 #{물건5}<br>테스트 물건6 #{물건6}<br>입니다.
+													</p>
+												</div>
+											</div>
+										</div>
+										<p class="addText">※ 단말기 설정에 따라 다르게 보일 수 있습니다</p>
+									</div>
+								</div>
+								<!--// 카카오 알림톡 미리보기 -->
+
+								<!-- 대체문자 -->
+
+								<!-- 카카오 알림톡 미리보기 -->
+								<div class="tab_phone" id="tab_phone_2" style="display: none;position:relative;">
+									<div class="phone">
+										<div class="phoneIn">
+											<div>
+												<p class="prev_p"><img src="/publish/images/search.png">문자내용</p>
+												<div class="text_length2 clearfix" style="display:none;">
+													<span class="msg_com msg_short">단문</span>
+													<div>
+														<span>글자크기</span>
+														<button type="button"><img src="/publish/images/content/font_plus.png"></button>
+														<button type="button"><img src="/publish/images/content/font_minus.png"></button>
+													</div>
+												</div>
+												<div class="text_length2 clearfix" style="display:none;">
+													<span class="msg_com msg_long">장문</span>
+													<div>
+														<span>글자크기</span>
+														<button type="button"><img src="/publish/images/content/font_plus.png"></button>
+														<button type="button"><img src="/publish/images/content/font_minus.png"></button>
+													</div>
+												</div>
+												<div class="text_length2 clearfix">
+													<span class="msg_com msg_photo">
+														MMS
+													</span>
+												</div>
+												<!-- 텍스트 미리보기 -->
+												<div class="text_preview">
+													<div class="preiew_img">
+														<div class="img_box">
+															<img src="/cmm/fms/getImage2.do?atchFileId=FILE_000000000013873&amp;fileSn=0" alt="발송된 그림문자 미리보기" style="width: 100%">
+														</div>
+													</div>
+													<div class="preview_auto">
+														<p class="realtime" id="smsTxt">
+															test
+														</p>
+													</div>
+												</div>
+												<!-- //텍스트 미리보기 -->
+											</div>
+										</div>
+										<p class="addText">※ 단말기 설정에 따라 다르게 보일 수 있습니다</p>
+										<p>
+										</p>
+									</div>
+								</div>
+								<!--// 카카오 알림톡 미리보기 -->
+								<!-- // 대체문자 -->
+
+
+
+
+							</div>
+						</div>
+
+						<!-- 발송결과 미리보기 -->
+						<div class="resultcont_right" style="display: none;">
+							<!-- 카카오 알림톡 미리보기 -->
+							<div class="phone_kakako">
+								<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">
+											<!--                                             <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="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>
+									<!-- //텍스트 미리보기 -->
+								</div>
+
+								<p class="addText">※ 단말기 설정에 따라 다르게 보일 수 있습니다<p>
+							</div>
+							<!--// 카카오 알림톡 미리보기 -->
+
+						</div>
+						<!--// 발송결과 미리보기 -->
+					</div>
+
+					<!--// 발송결과 상세 및 미리보기-->
+
+					<!-- 목록-->
+					<div class="btn_list_type1">
+						<button class="btnType btnType17">목록</button>
+					</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
diff --git a/src/main/webapp/publish/transaction_statement.html b/src/main/webapp/publish/transaction_statement.html
new file mode 100644
index 00000000..f8d5befb
--- /dev/null
+++ b/src/main/webapp/publish/transaction_statement.html
@@ -0,0 +1,189 @@
+<!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/common.css">
+    <link rel="stylesheet" href="/publish/css/estimate.css">
+    <link rel="stylesheet" href="/publish/css/font.css">
+    <link rel="stylesheet" href="/publish/css/button.css">
+
+    <style>
+        .est_table th.text {text-align: center;vertical-align: middle;}
+    </style>
+
+</head>
+
+<body>
+    <div class="estimate_wrap">
+        <div class="estimate">
+            <div class="est_head clearfix">
+                <img src="/publish/images/CI.png" alt="문자온 CI">
+                <div class="clearfix">
+                    <p>(12248) 경기도 남양주시 다산순환로 20, A동 735호(다산동, 현대프리미어캠퍼스)</p>
+                    <p>TEL 1551-8011</p>
+                </div>
+            </div>
+            <div class="est_body">
+                <h2>거래명세서<span>(공급받는자 보관용)</span></h2>
+                <div class="cont1">
+                    <div>
+                        <p>공급받는자</p>
+                        <table class="est_table">
+                            <caption>공급받는자 정보</caption>
+                            <colgroup>
+                                <col style="width: 50px;">
+                                <col style="width: auto;">
+                            </colgroup>
+                            <tbody>
+                                <tr>
+                                    <th>수<span class="blank"></span>신</th>
+                                    <td>원영현</td>
+                                </tr>
+                                <tr>
+                                    <th>참<span class="blank"></span>조</th>
+                                    <td>원영현 (01093414986)</td>
+                                </tr>
+                                <tr>
+                                    <th>거래일자</th>
+                                    <td>2024-04-26~2025-04-25</td>
+                                </tr>
+                                <tr>
+                                    <th rowspan="2" colspan="2" class="text">아래와 같이 계산합니다.</th>
+                                </tr>
+                                <tr></tr>
+                            </tbody>
+                        </table>
+                    </div>
+                    <div>
+                        <p>공급자</p>
+                        <img src="/publish/images/content/stamp.png" alt="도장" class="stamp mCS_img_loaded">
+                        <table class="est_table">
+                            <caption>공급자 정보</caption>
+                            <colgroup>
+                                <col style="width: 82px;">
+                                <col style="width: auto;">
+                            </colgroup>
+                            <tbody>
+                                <tr>
+                                    <th>회<span class="blank2"></span>사<span class="blank2"></span>명</th>
+                                    <td>주식회사 아이티앤</td>
+                                </tr>
+                                <tr>
+                                    <th>사업자등록번호</th>
+                                    <td>653-87-00858</td>
+                                </tr>
+                                <tr>
+                                    <th>대<span class="blank2"></span>표<span class="blank2"></span>자</th>
+                                    <td>유인식</td>
+                                </tr>
+                                <tr>
+                                    <th>전<span class="blank3"></span>화</th>
+                                    <td>1551-8011</td>
+                                </tr>
+                                <tr>
+                                    <th>이<span class="blank2"></span>메<span class="blank2"></span>일</th>
+                                    <td>help@iten.co.kr</td>
+                                </tr>
+                            </tbody>
+                        </table>
+                    </div>
+                </div>
+                <div class="cont2 clearfix">
+                    <p>총 사용금액</p>
+                    <p><span>517</span> 원(VAT 별도)</p>
+                </div>
+                <div class="cont3">
+                    <p>(단위 : 원, 건)</p>
+                    <div class="est_table2_wrap">
+                        <table class="est_table2">
+                            <caption>품목, 발송건수, 공급가액, 금액 정보를 제공하는 표</caption>
+                            <colgroup>
+                                <col style="width:20%;">
+                                <col style="width:20%;">
+                                <col style="width:20%;">
+                                <col style="width:auto;">
+                            </colgroup>
+                            <thead>
+                                <tr>
+                                    <th scope="col">품목</th>
+                                    <th scope="col">발송건수</th>
+                                    <th scope="col">공급가액</th>
+                                    <th scope="col">금액</th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                <tr>
+                                    <td>단문(SMS)</td>
+                                    <td>7</td>
+                                    <td>67</td>
+                                    <td>67</td>
+                                </tr>
+
+                                <tr>
+                                    <td>장문(LMS)</td>
+                                    <td>8</td>
+                                    <td>160</td>
+                                    <td>160</td>
+                                </tr>
+
+                                <tr>
+                                    <td>그림(MMS)</td>
+                                    <td>2</td>
+                                    <td>60</td>
+                                    <td>60</td>
+                                </tr>
+
+                                <tr>
+                                    <td>알림톡</td>
+                                    <td>26</td>
+                                    <td>130</td>
+                                    <td>130</td>
+                                </tr>
+
+                                <tr>
+                                    <td>팩스</td>
+                                    <td>2</td>
+                                    <td>100</td>
+                                    <td>100</td>
+                                </tr>
+                            </tbody>
+                        </table>
+                    </div>
+                </div>
+                <div class="cont4">
+                    <table class="est_table">
+                        <caption>공급가액, 총 결제금액에 대한 표</caption>
+                        <colgroup>
+                            <col style="width: 100px;">
+                            <col style="width: auto;">
+                        </colgroup>
+                        <tbody>
+                            <tr>
+                                <th>공급가액</th>
+                                <td><span>517</span></td>
+                            </tr>
+                            <tr class="total_price">
+                                <th>총 사용금액</th>
+                                <td><span>517</span></td>
+                            </tr>
+                        </tbody>
+                    </table>
+                </div>
+                <div class="cont5">
+                    <p><span>2025 년&nbsp;&nbsp;<span>4</span> 월&nbsp;&nbsp;<span>25</span> 일</span></p>
+                </div>
+            </div>
+            <div class="est_btn_wrap" id="est_btn_wrap">
+                <button type="button" class="btnType" onclick="javascript:f_print(); return false;"><i class="print_img"></i>인쇄하기</button>
+            </div>
+        </div>
+    </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/main/webapp/publish/use_statement.html b/src/main/webapp/publish/use_statement.html
index fb80c565..22581180 100644
--- a/src/main/webapp/publish/use_statement.html
+++ b/src/main/webapp/publish/use_statement.html
@@ -12,17 +12,17 @@
     <link rel="stylesheet" href="/publish/css/estimate.css">
     <link rel="stylesheet" href="/publish/css/font.css">
     <link rel="stylesheet" href="/publish/css/button.css">
-    
+
 </head>
+
 <body>
-    <!-- 견적서 -->
     <div class="estimate_wrap">
         <div class="estimate">
             <div class="est_head clearfix">
                 <img src="/publish/images/CI.png" alt="문자온 CI">
                 <div class="clearfix">
                     <p>(12248) 경기도 남양주시 다산순환로 20, A동 735호(다산동, 현대프리미어캠퍼스)</p>
-                    <p>TEL  1551-8011</p>
+                    <p>TEL 1551-8011</p>
                 </div>
             </div>
             <div class="est_body">
@@ -31,103 +31,126 @@
                     <div>
                         <p>수신자</p>
                         <table class="est_table">
-                            <caption>가상계좌 사실 확인</caption>
+                            <caption>수신자 정보</caption>
                             <colgroup>
-                                <col style="width: 60px;">
+                                <col style="width: 50px;">
                                 <col style="width: auto;">
                             </colgroup>
                             <tbody>
                                 <tr>
-                                    <th>등록번호</th>
-                                    <td>123-45-67890</td>
+                                    <th>수<span class="blank"></span>신</th>
+                                    <td>원영현</td>
                                 </tr>
                                 <tr>
-                                    <th style="letter-spacing:-0.69px;">상&ensp;&ensp;&ensp;&nbsp;&nbsp;호</th>
-                                    <td>주식회사 OOO</td>
+                                    <th>참<span class="blank"></span>조</th>
+                                    <td>담당자 원영현 님</td>
                                 </tr>
                                 <tr>
-                                    <th style="letter-spacing:-0.69px;">성&ensp;&ensp;&ensp;&nbsp;&nbsp;명</th>
-                                    <td>홍길동</td>
-                                </tr>
-                                <tr>
-                                    <th>전화번호</th>
-                                    <td>02-000-1111</td>
-                                </tr>
-                                <tr>
-                                    <th style="letter-spacing:-0.85px;">이&ensp;메&ensp;일</th>
-                                    <td>hgd@gmail.com</td>
-                                </tr>
-
-                                <tr style="border-bottom:0;">
-                                    <td colspan="2" class="colspan" style="padding:20px 0 0 0;"><span>주식회사 OOO </span>님의 사용내역(2024-01-01 ~ 2024-07-19)을 아래와 같이 확인합니다. </td>
+                                    <th>거래일자</th>
+                                    <td>2024-04-29~2025-04-28</td>
                                 </tr>
                             </tbody>
                         </table>
                     </div>
                 </div>
+                <div class="cont2 clearfix">
+                    <p>총 사용금액</p>
+                    <p><span>517</span> 원(VAT 별도)</p>
+                </div>
                 <div class="cont3">
-                    <div class="est_table2_wrap" style="margin:-10px 0 0 0;">
+                    <p>(단위 : 원, 건)</p>
+                    <div class="est_table2_wrap">
                         <table class="est_table2">
-                            <caption>사용일시, 문자유형, 발송건수, 사용금액(VAT 별도) 정보를 제공하는 표</caption>
+                            <caption>품목, 발송건수, 공급가액, 부가세, 금액 정보를 제공하는 표</caption>
                             <colgroup>
-                                <col style="width: 25%;">
-                                <col style="width: 25%;">
-                                <col style="width: 25%;">
-                                <col style="width: 25%;">
+                                <col style="width:20%;">
+                                <col style="width:20%;">
+                                <col style="width:20%;">
+                                <col style="width:auto;">
                             </colgroup>
                             <thead>
                                 <tr>
-                                    <th scope="col">사용일시</th>
-                                    <th scope="col">문자유형</th>
+                                    <th scope="col">품목</th>
                                     <th scope="col">발송건수</th>
-                                    <th scope="col">사용금액(VAT 별도)</th>
+                                    <th scope="col">공급가액</th>
+                                    <th scope="col">금액</th>
                                 </tr>
                             </thead>
                             <tbody>
                                 <tr>
-                                    <td>2024-07-18&ensp;12:11</td>
-                                    <td>단문</td>
-                                    <td>1</td>
-                                    <td>7.5</td>
+                                    <td>단문(SMS)</td>
+                                    <td>7</td>
+                                    <td>67</td>
+                                    <td>67</td>
                                 </tr>
+
                                 <tr>
-                                    <td>2024-07-18&ensp;12:11</td>
-                                    <td>장문</td>
+                                    <td>장문(LMS)</td>
+                                    <td>8</td>
+                                    <td>160</td>
+                                    <td>160</td>
+                                </tr>
+
+                                <tr>
+                                    <td>그림(MMS)</td>
                                     <td>2</td>
-                                    <td>64</td>
+                                    <td>60</td>
+                                    <td>60</td>
                                 </tr>
+
                                 <tr>
-                                    <td>2024-07-18&ensp;12:11</td>
-                                    <td>그림</td>
-                                    <td>1</td>
-                                    <td>59</td>
+                                    <td>알림톡</td>
+                                    <td>26</td>
+                                    <td>130</td>
+                                    <td>130</td>
                                 </tr>
+
                                 <tr>
-                                    <td>2024-07-18&ensp;12:11</td>
-                                    <td>단문</td>
+                                    <td>팩스</td>
                                     <td>2</td>
-                                    <td>15</td>
+                                    <td>100</td>
+                                    <td>100</td>
                                 </tr>
+
                             </tbody>
                         </table>
                     </div>
-                    <div class="cont2 clearfix">
-                        <p>총 사용금액<span style="font-size:12px;font-weight:300;">(세금계산서 발행 시 월단위 미만 절사)</span></p>
-                        <p><span>385,000</span> 원</p>
-                    </div>
+                </div>
+
+                <div class="cont4">
+                    <table class="est_table">
+                        <caption>공급가액, 총 결제금액에 대한 표</caption>
+                        <colgroup>
+                            <col style="width: 100px;">
+                            <col style="width: auto;">
+                        </colgroup>
+                        <tbody>
+                            <tr>
+                                <th>공급가액</th>
+                                <td><span>517</span></td>
+                            </tr>
+
+                            <tr class="total_price">
+                                <th>총 사용금액</th>
+                                <td><span>517</span></td>
+                            </tr>
+                        </tbody>
+                    </table>
                 </div>
                 <div class="cont5">
-                    <p><span>2021</span> 년&nbsp;&nbsp;<span>6</span> 월&nbsp;&nbsp;<span>17</span> 일</p>
+                    <p><span>2025 년&nbsp;&nbsp;<span>4</span> 월&nbsp;&nbsp;<span>28</span> 일</span></p>
                     <div>
-                        <span></span>
-                        <span>주식회사 아이티앤</span>
-                        <span>유&nbsp;&nbsp;인&nbsp;&nbsp;식&nbsp;&nbsp;(인)</span>
+                        <span>주식회사 아이티앤 대표이사</span>
+                        <span>유&nbsp;인&nbsp;식</span>
+                        <span class="big_stamp"><img src="/publish/images/content/big_stamp.png"></span>
                     </div>
                 </div>
             </div>
-            <div class="est_btn_wrap">
-                    <button type="button" class="btnType" onclick="window.print();"><i class="print_img"></i>인쇄하기</button>                  
+            <div class="est_btn_wrap" id="est_btn_wrap">
+                <button type="button" class="btnType"><i class="print_img"></i>인쇄하기</button>
             </div>
         </div>
-    </div><!--// 견적서 -->
-</body></html>
+    </div>
+</body>
+
+</html>
\ No newline at end of file

From ac66ae53df2fb191105b3f9013e4293c42ddc53a Mon Sep 17 00:00:00 2001
From: myname <antelope337@gmail.com>
Date: Wed, 7 May 2025 11:23:12 +0900
Subject: [PATCH 02/16] =?UTF-8?q?2025-05-07=2011:22=20sitemap=20=EC=97=85?=
 =?UTF-8?q?=EB=8D=B0=EC=9D=B4=ED=8A=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/main/webapp/sitemap.xml | 153 +++++++++++++++++++++++++++++-------
 1 file changed, 123 insertions(+), 30 deletions(-)

diff --git a/src/main/webapp/sitemap.xml b/src/main/webapp/sitemap.xml
index 7db571d6..7d522173 100644
--- a/src/main/webapp/sitemap.xml
+++ b/src/main/webapp/sitemap.xml
@@ -87,6 +87,126 @@
   <lastmod>2023-10-23T06:28:54+00:00</lastmod>
   <priority>0.80</priority>
 </url>
+<url>
+  <loc>https://www.munjaon.co.kr/publish/publish_adv/send_group_text.html</loc>
+  <lastmod>2023-10-23T06:11:19+00:00</lastmod>
+  <priority>0.65</priority>
+</url>
+<url>
+  <loc>https://www.munjaon.co.kr/publish/publish_adv/adv_template_v1_230918.html</loc>
+  <lastmod>2023-10-20T08:32:30+00:00</lastmod>
+  <priority>0.65</priority>
+</url>
+<url>
+  <loc>https://www.munjaon.co.kr/publish/publish_adv/adv_template_v1_manuscript_2.html</loc>
+  <lastmod>2023-10-20T08:32:30+00:00</lastmod>
+  <priority>0.65</priority>
+</url>
+<url>
+  <loc>https://www.munjaon.co.kr/publish/publish_adv/adv_template_v1_manuscript_3.html</loc>
+  <lastmod>2023-10-20T08:32:30+00:00</lastmod>
+  <priority>0.65</priority>
+</url>
+<url>
+  <loc>https://www.munjaon.co.kr/publish/publish_adv/adv_template_v1_manuscript_4.html</loc>
+  <lastmod>2023-10-20T08:32:30+00:00</lastmod>
+  <priority>0.65</priority>
+</url>
+<url>
+  <loc>https://www.munjaon.co.kr/publish/publish_adv/adv_template_v1_manuscript_5.html</loc>
+  <lastmod>2023-10-20T08:32:30+00:00</lastmod>
+  <priority>0.65</priority>
+</url>
+<url>
+  <loc>https://www.munjaon.co.kr/publish/publish_adv/adv_template_v1_manuscript_6.html</loc>
+  <lastmod>2023-10-20T08:32:30+00:00</lastmod>
+  <priority>0.65</priority>
+</url>
+<url>
+  <loc>https://www.munjaon.co.kr/publish/publish_adv/adv_template_v1_manuscript_7.html</loc>
+  <lastmod>2023-10-20T08:32:30+00:00</lastmod>
+  <priority>0.65</priority>
+</url>
+<url>
+  <loc>https://www.munjaon.co.kr/publish/publish_adv/adv_template_v1_manuscript_8.html</loc>
+  <lastmod>2023-10-20T08:32:30+00:00</lastmod>
+  <priority>0.65</priority>
+</url>
+<url>
+  <loc>https://www.munjaon.co.kr/publish/publish_adv/adv_template_v1_manuscript_9.html</loc>
+  <lastmod>2023-10-20T08:32:30+00:00</lastmod>
+  <priority>0.65</priority>
+</url>
+<url>
+  <loc>https://www.munjaon.co.kr/publish/publish_adv/adv_template_v1_manuscript_10.html</loc>
+  <lastmod>2025-05-06T08:32:30+00:00</lastmod>
+  <priority>0.65</priority>
+</url>
+<url>
+  <loc>https://www.munjaon.co.kr/publish/publish_adv/adv_template_v1_manuscript_11.html</loc>
+  <lastmod>2025-05-06T08:32:30+00:00</lastmod>
+  <priority>0.65</priority>
+</url>
+<url>
+  <loc>https://www.munjaon.co.kr/publish/publish_adv/adv_template_v1_manuscript_12.html</loc>
+  <lastmod>2025-05-06T08:32:30+00:00</lastmod>
+  <priority>0.65</priority>
+</url>
+<url>
+  <loc>https://www.munjaon.co.kr/publish/publish_adv/adv_template_v1_manuscript_13.html</loc>
+  <lastmod>2025-05-06T08:32:30+00:00</lastmod>
+  <priority>0.65</priority>
+</url>
+<url>
+  <loc>https://www.munjaon.co.kr/publish/publish_adv/adv_template_v1_manuscript_14.html</loc>
+  <lastmod>2025-05-06T08:32:30+00:00</lastmod>
+  <priority>0.65</priority>
+</url>
+<url>
+  <loc>https://www.munjaon.co.kr/publish/publish_adv/adv_template_v1_manuscript_15.html</loc>
+  <lastmod>2025-05-06T08:32:30+00:00</lastmod>
+  <priority>0.65</priority>
+</url>
+<url>
+  <loc>https://www.munjaon.co.kr/publish/publish_adv/adv_template_v1_manuscript_16.html</loc>
+  <lastmod>2025-05-06T08:32:30+00:00</lastmod>
+  <priority>0.65</priority>
+</url>
+<url>
+  <loc>https://www.munjaon.co.kr/publish/publish_adv/adv_template_v1_manuscript_17.html</loc>
+  <lastmod>2025-05-06T08:32:30+00:00</lastmod>
+  <priority>0.65</priority>
+</url>
+<url>
+  <loc>https://www.munjaon.co.kr/publish/publish_adv/adv_template_v1_manuscript_18.html</loc>
+  <lastmod>2025-05-06T08:32:30+00:00</lastmod>
+  <priority>0.65</priority>
+</url>
+<url>
+  <loc>https://www.munjaon.co.kr/publish/publish_adv/adv_template_v1_manuscript_19.html</loc>
+  <lastmod>2025-05-06T08:32:30+00:00</lastmod>
+  <priority>0.65</priority>
+</url>
+<url>
+  <loc>https://www.munjaon.co.kr/publish/publish_adv/adv_template_v1_manuscript_20.html</loc>
+  <lastmod>2025-05-06T08:32:30+00:00</lastmod>
+  <priority>0.65</priority>
+</url>
+<url>
+  <loc>https://www.munjaon.co.kr/publish/publish_adv/adv_template_v1_manuscript_21.html</loc>
+  <lastmod>2025-05-06T08:32:30+00:00</lastmod>
+  <priority>0.65</priority>
+</url>
+<url>
+  <loc>https://www.munjaon.co.kr/publish/publish_adv/adv_template_v1_manuscript_22.html</loc>
+  <lastmod>2025-05-06T08:32:30+00:00</lastmod>
+  <priority>0.65</priority>
+</url>
+<url>
+  <loc>https://www.munjaon.co.kr/publish/publish_adv/adv_template_v1_manuscript_23.html</loc>
+  <lastmod>2025-05-06T08:32:30+00:00</lastmod>
+  <priority>0.65</priority>
+</url>
 <url>
   <loc>https://www.munjaon.co.kr/web/mjon/alimtalk/kakaoAlimtalkMsgDataView.do</loc>
   <lastmod>2023-10-23T06:28:54+00:00</lastmod>
@@ -137,11 +257,6 @@
   <lastmod>2023-10-23T06:28:54+00:00</lastmod>
   <priority>0.64</priority>
 </url>
-<url>
-  <loc>https://www.munjaon.co.kr/publish/publish_adv/send_group_text.html</loc>
-  <lastmod>2023-10-23T06:11:19+00:00</lastmod>
-  <priority>0.64</priority>
-</url>
 <url>
   <loc>https://www.munjaon.co.kr/web/mjon/msgdata/selectBestMsgDataView.do?bestTagType=P</loc>
   <lastmod>2023-10-23T06:28:54+00:00</lastmod>
@@ -572,11 +687,7 @@
   <lastmod>2023-10-23T06:28:54+00:00</lastmod>
   <priority>0.64</priority>
 </url>
-<url>
-  <loc>https://www.munjaon.co.kr/publish/publish_adv/adv_template_v1_manuscript_6.html</loc>
-  <lastmod>2023-10-20T08:32:30+00:00</lastmod>
-  <priority>0.64</priority>
-</url>
+
 <url>
   <loc>https://www.munjaon.co.kr/web/cop/bbs/NoticeDetail.do?bbsId=BBSMSTR_000000000762&amp;nttId=171&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</loc>
   <lastmod>2023-10-23T06:28:54+00:00</lastmod>
@@ -672,36 +783,18 @@
   <lastmod>2023-10-23T06:28:54+00:00</lastmod>
   <priority>0.64</priority>
 </url>
-<url>
-  <loc>https://www.munjaon.co.kr/publish/publish_adv/adv_template_v1_manuscript_2.html</loc>
-  <lastmod>2023-10-20T08:32:30+00:00</lastmod>
-  <priority>0.64</priority>
-</url>
 <url>
   <loc>https://www.munjaon.co.kr/publish/publish_text/multi_text.html</loc>
   <lastmod>2023-09-06T08:33:28+00:00</lastmod>
   <priority>0.64</priority>
 </url>
-<url>
-  <loc>https://www.munjaon.co.kr/publish/publish_adv/adv_template_v1_manuscript_3.html</loc>
-  <lastmod>2023-10-20T08:32:30+00:00</lastmod>
-  <priority>0.64</priority>
-</url>
+
 <url>
   <loc>https://www.munjaon.co.kr/web/mjon/msgdata/selectBestMsgDataView.do?bestTagType=P&amp;bestSearchKeyword=%EB%B4%84</loc>
   <lastmod>2023-10-23T06:28:54+00:00</lastmod>
   <priority>0.64</priority>
 </url>
-<url>
-  <loc>https://www.munjaon.co.kr/publish/publish_adv/adv_template_v1_manuscript_4.html</loc>
-  <lastmod>2023-10-20T08:32:30+00:00</lastmod>
-  <priority>0.64</priority>
-</url>
-<url>
-  <loc>https://www.munjaon.co.kr/publish/publish_adv/adv_template_v1_manuscript_5.html</loc>
-  <lastmod>2023-10-20T08:32:30+00:00</lastmod>
-  <priority>0.64</priority>
-</url>
+
 <url>
   <loc>https://www.munjaon.co.kr/publish/spam_prevention_5.pdf</loc>
   <lastmod>2023-06-12T08:56:26+00:00</lastmod>

From 5a08f6f7bbf2bd35aa0a6971f4d8c2ecd30f001e Mon Sep 17 00:00:00 2001
From: "hehihoho3@gmail.com" <hehihoho3@gmail.com>
Date: Wed, 7 May 2025 17:16:47 +0900
Subject: [PATCH 03/16] =?UTF-8?q?=EC=95=8C=EB=A6=BC=ED=86=A1=20=EB=8B=A8?=
 =?UTF-8?q?=EA=B0=80=20=EC=98=A4=EB=A5=98=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/main/java/itn/let/kakao/kakaoComm/KakaoSendUtil.java | 9 +++++----
 .../kakaoAt/service/impl/KakaoAlimTalkServiceImpl.java   | 2 +-
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/main/java/itn/let/kakao/kakaoComm/KakaoSendUtil.java b/src/main/java/itn/let/kakao/kakaoComm/KakaoSendUtil.java
index edf92d05..1973b83a 100644
--- a/src/main/java/itn/let/kakao/kakaoComm/KakaoSendUtil.java
+++ b/src/main/java/itn/let/kakao/kakaoComm/KakaoSendUtil.java
@@ -192,19 +192,21 @@ public class KakaoSendUtil {
 // step3
 // 바이트 수 체크 및 금액설정
 			
-			
-			Float kakaoAtPrice = mberManageVO.getKakaoAtPrice();
+
 			// 유효한 단가 계산
 			float shortPrice = getValidPrice(mberManageVO.getShortPrice(), sysJoinSetVO.getShortPrice());
 			float longPrice = getValidPrice(mberManageVO.getLongPrice(), sysJoinSetVO.getLongPrice());
+			float kakaoAtPrice = getValidPrice(mberManageVO.getKakaoAtPrice(), sysJoinSetVO.getKakaoAtPrice());
 			
 			
 			String shortPStr = Float.toString(shortPrice);
 			String mmsPStr = Float.toString(longPrice);
+			String kakaoAtPStr = Float.toString(kakaoAtPrice);
 			
 			// 공통 가격 설정
 			sendVO.setSmsPrice(shortPStr);
 			sendVO.setMmsPrice(mmsPStr);
+			sendVO.setKakaoAtPrice(kakaoAtPStr);
 			
 			
 			if("Y".equals(kakaoVO.getSubMsgSendYn())) {
@@ -221,8 +223,7 @@ public class KakaoSendUtil {
 				
 				
 			} else {
-				kakaoAtPrice = getValidPrice(mberManageVO.getKakaoAtPrice(), sysJoinSetVO.getKakaoAtPrice());
-				sendVO.setEachPrice( Float.toString(kakaoAtPrice) );
+				sendVO.setEachPrice(kakaoAtPStr);
 			}
 			
 			
diff --git a/src/main/java/itn/let/kakao/user/kakaoAt/service/impl/KakaoAlimTalkServiceImpl.java b/src/main/java/itn/let/kakao/user/kakaoAt/service/impl/KakaoAlimTalkServiceImpl.java
index cef9cf34..21ca4b50 100644
--- a/src/main/java/itn/let/kakao/user/kakaoAt/service/impl/KakaoAlimTalkServiceImpl.java
+++ b/src/main/java/itn/let/kakao/user/kakaoAt/service/impl/KakaoAlimTalkServiceImpl.java
@@ -956,7 +956,7 @@ public class KakaoAlimTalkServiceImpl extends EgovAbstractServiceImpl implements
 
 /** @biz_kakao_price에 insert (대체문자 환불관련 테이블)*/ 
 				kakaoVO.setMsgGroupId(sendVO.getMsgGroupId());
-				kakaoVO.setKakaoAtPrice(Float.parseFloat(sendVO.getEachPrice()));
+				kakaoVO.setKakaoAtPrice(Float.parseFloat(sendVO.getKakaoAtPrice()));
 				kakaoVO.setSmsPrice(Float.parseFloat(sendVO.getSmsPrice()));
 				kakaoVO.setMmsPrice(Float.parseFloat(sendVO.getMmsPrice()));
 				

From 2bc09ff63c85e4a268efb508ac2278d562a99b9d Mon Sep 17 00:00:00 2001
From: "hehihoho3@gmail.com" <hehihoho3@gmail.com>
Date: Wed, 7 May 2025 17:22:47 +0900
Subject: [PATCH 04/16] =?UTF-8?q?=EC=95=8C=EB=A6=BC=ED=86=A1=20=EB=8C=80?=
 =?UTF-8?q?=EC=B2=B4=EB=AC=B8=EC=9E=90=20=EC=B9=98=ED=99=98=EB=8D=B0?=
 =?UTF-8?q?=EC=9D=B4=ED=84=B0=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/main/java/itn/let/kakao/kakaoComm/KakaoSendUtil.java | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/main/java/itn/let/kakao/kakaoComm/KakaoSendUtil.java b/src/main/java/itn/let/kakao/kakaoComm/KakaoSendUtil.java
index edf92d05..d3e8e124 100644
--- a/src/main/java/itn/let/kakao/kakaoComm/KakaoSendUtil.java
+++ b/src/main/java/itn/let/kakao/kakaoComm/KakaoSendUtil.java
@@ -168,12 +168,13 @@ public class KakaoSendUtil {
 			sendVO.setTemplateContent(templateContentTemp);
 
 
+			String subMsgTxtTemp = subMsgTxt;
 			// Step 1-4: 실패 대체 문자 치환데이터 설정
 			if("Y".equals(kakaoVO.getSubMsgSendYn())) { // 대체문자가 있나?
 				if ("Y".equals(kakaoVO.getSubMsgTxtReplYn())) { // 치환데이터가 있나?
-					subMsgTxt = mjonCommon.ATReplaceTemplateVariables(subMsgTxt, variables);
+					subMsgTxtTemp = mjonCommon.ATReplaceTemplateVariables(subMsgTxt, variables);
 				}
-				sendVO.setSubMsgTxt(subMsgTxt);// 실패 
+				sendVO.setSubMsgTxt(subMsgTxtTemp);// 실패 
 			}
 			sendVO.setSubMsgSendYn(kakaoVO.getSubMsgSendYn()); 
 			

From 1a5d13505b90a67063a06472c61a5cc947760374 Mon Sep 17 00:00:00 2001
From: myname <antelope337@gmail.com>
Date: Thu, 8 May 2025 09:24:21 +0900
Subject: [PATCH 05/16] =?UTF-8?q?2025-05-08=2009:24=20=EC=82=AC=EC=9D=B4?=
 =?UTF-8?q?=ED=8A=B8=20=EC=9D=B8=EB=8D=B1=EC=8A=A4=20=EC=A0=95=EB=B3=B4=20?=
 =?UTF-8?q?=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/main/webapp/d09a9f949e6e48eeb221d7a13bdb1d14.txt | 1 +
 1 file changed, 1 insertion(+)
 create mode 100644 src/main/webapp/d09a9f949e6e48eeb221d7a13bdb1d14.txt

diff --git a/src/main/webapp/d09a9f949e6e48eeb221d7a13bdb1d14.txt b/src/main/webapp/d09a9f949e6e48eeb221d7a13bdb1d14.txt
new file mode 100644
index 00000000..0948fc1c
--- /dev/null
+++ b/src/main/webapp/d09a9f949e6e48eeb221d7a13bdb1d14.txt
@@ -0,0 +1 @@
+d09a9f949e6e48eeb221d7a13bdb1d14
\ No newline at end of file

From 86275447fe66cb126aa2471c4662a70f7eb6e231 Mon Sep 17 00:00:00 2001
From: ijunho <tolag3@gmail.com>
Date: Thu, 8 May 2025 09:35:22 +0900
Subject: [PATCH 06/16] =?UTF-8?q?=EC=95=8C=EB=A6=BC=ED=86=A1=20=EC=98=A4?=
 =?UTF-8?q?=EB=A5=98=20=EC=88=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../service/impl/KakaoSentServiceImpl.java    |  6 +-
 .../let/mjo/kakao/KakaoSent_SQL_Mysql.xml     | 80 ++++++++++++-------
 .../sqlmap/let/msg/MjonMsgSent_SQL_mysql.xml  |  2 +
 .../web/kakao/sent/KakaoSentAllListAjax.jsp   |  9 ++-
 .../web/kakao/sent/KakaoSentDetailView.jsp    | 11 ++-
 .../jsp/web/kakao/sent/KakaoSentView.jsp      |  4 +-
 6 files changed, 72 insertions(+), 40 deletions(-)

diff --git a/src/main/java/itn/let/kakao/user/sent/service/impl/KakaoSentServiceImpl.java b/src/main/java/itn/let/kakao/user/sent/service/impl/KakaoSentServiceImpl.java
index 2843c4d3..07137c29 100644
--- a/src/main/java/itn/let/kakao/user/sent/service/impl/KakaoSentServiceImpl.java
+++ b/src/main/java/itn/let/kakao/user/sent/service/impl/KakaoSentServiceImpl.java
@@ -242,7 +242,7 @@ public class KakaoSentServiceImpl  extends EgovAbstractServiceImpl implements Ka
 		int failed = 0; // 실패 건수
 		if("Y".equals(resultVO.getBizKakaoResendYn())) {
 			success = resultVO.getSuccessCount() + resultVO.getKakaoResendSuccCount();
-			failed = resultVO.getKakaoResendFailCount();
+			failed = resultVO.getFailCount() - resultVO.getKakaoResendSuccCount();
 		}else {
 			success = resultVO.getSuccessCount();
 			failed = resultVO.getFailCount();
@@ -254,8 +254,8 @@ public class KakaoSentServiceImpl  extends EgovAbstractServiceImpl implements Ka
 		String failedPct = total > 0 ? String.format("%.1f%%", (failed / (double) total) * 100) : "0.0%";
 		
 		resultVO.setSuccessPct(successPct);
-		resultVO.setFailedPct(waitingPct);
-		resultVO.setWaitingPct(failedPct);
+		resultVO.setFailedPct(failedPct);
+		resultVO.setWaitingPct(waitingPct);
 		
 		resultVO.setTotPrice(this.priceProc(resultVO.getSuccessPrice(), resultVO.getKakaoResendSuccPrice()));
 		
diff --git a/src/main/resources/egovframework/sqlmap/let/mjo/kakao/KakaoSent_SQL_Mysql.xml b/src/main/resources/egovframework/sqlmap/let/mjo/kakao/KakaoSent_SQL_Mysql.xml
index 00b94da6..60d4c267 100644
--- a/src/main/resources/egovframework/sqlmap/let/mjo/kakao/KakaoSent_SQL_Mysql.xml
+++ b/src/main/resources/egovframework/sqlmap/let/mjo/kakao/KakaoSent_SQL_Mysql.xml
@@ -1679,37 +1679,55 @@
 		        SUM(IF(t1.RESERVE_C_YN = 'N' AND t1.RSLT_CODE = '7000', 1, 0)) AS successCount,
 		        SUM(IF(t1.RESERVE_C_YN = 'N' AND t1.RSLT_CODE IS NULL AND t1.SENT_DATE IS NULL AND t1.RSLT_DATE IS NULL, 1, 0)) AS waitCount,
 		        SUM(IF(t1.RESERVE_C_YN = 'N' AND t1.RSLT_CODE != '7000' AND t1.RSLT_CODE IS NOT NULL, 1, 0)) AS failCount,
-		        SUM(IF(t1.BIZ_KAKAO_RESEND_YN = 'Y' AND BL1.CALL_STATUS IN ('6600', '4100'), 1, 0)) AS kakaoResendSuccCount,
-		        SUM(IF(
-		            t1.BIZ_KAKAO_RESEND_YN = 'Y' AND 
-		            NOT EXISTS (
-		                SELECT 1
-		                FROM (
-		                    SELECT '6600' AS status UNION ALL SELECT '4100'
-		                ) AS status_list
-		                WHERE status_list.status = BL1.CALL_STATUS
-		            ), 1, 0
-		        )) AS kakaoResendFailCount,
-		        SUM(IF(
-		            t1.BIZ_KAKAO_RESEND_YN = 'Y' AND 
-		            NOT EXISTS (
-		                SELECT 1
-		                FROM (
-		                    SELECT '6600' AS status UNION ALL SELECT '4100'
-		                ) AS status_list
-		                WHERE status_list.status = BL1.CALL_STATUS
-		            ) AND t1.BIZ_KAKAO_RESEND_TYPE = 'SMS', 1, 0
-		        )) AS smsCnt,
-		        SUM(IF(
-		            t1.BIZ_KAKAO_RESEND_YN = 'Y' AND 
-		            NOT EXISTS (
-		                SELECT 1
-		                FROM (
-		                    SELECT '6600' AS status UNION ALL SELECT '4100'
-		                ) AS status_list
-		                WHERE status_list.status = BL1.CALL_STATUS
-		            ) AND t1.BIZ_KAKAO_RESEND_TYPE = 'MMS', 1, 0
-		        )) AS mmsCnt,
+		        SUM(IF(t1.BIZ_KAKAO_RESEND_YN = 'Y'
+                        AND BL1.CALL_STATUS IN ('6600', '4100'), 1, 0))                     AS kakaoResendSuccCount,
+                ( SELECT COUNT(0)
+                FROM    BIZ_LOG BL1,
+                        MJ_MSG_DATA MMD1
+                WHERE   t1.BIZ_KAKAO_RESEND_YN = 'Y'
+                AND     t1.MSG_GROUP_ID        = MMD1.MSG_GROUP_ID
+                AND     MMD1.BIZ_UMID          = BL1.CMID
+                AND     (
+                                CASE
+                                        WHEN BL1.CALL_STATUS IN ('6600',
+                                                                 '4100')
+                                        THEN 'S'
+                                        ELSE 'F'
+                                END ) = 'F'
+                )
+                kakaoResendFailCount,
+                ( SELECT COUNT(0)
+                FROM    BIZ_LOG BL1,
+                        MJ_MSG_DATA MMD1
+                WHERE   t1.BIZ_KAKAO_RESEND_YN = 'Y'
+                AND     t1.MSG_GROUP_ID        = MMD1.MSG_GROUP_ID
+                AND     MMD1.BIZ_UMID          = BL1.CMID
+                AND     (
+                                CASE
+                                        WHEN BL1.CALL_STATUS IN ('6600',
+                                                                 '4100')
+                                        THEN 'S'
+                                        ELSE 'F'
+                                END )              = 'S'
+                AND     MMD1.BIZ_KAKAO_RESEND_TYPE = 'SMS'
+                )
+                smsCnt,
+                ( SELECT COUNT(0)
+                FROM    BIZ_LOG BL1,
+                        MJ_MSG_DATA MMD1
+                WHERE   t1.BIZ_KAKAO_RESEND_YN = 'Y'
+                AND     t1.MSG_GROUP_ID        = MMD1.MSG_GROUP_ID
+                AND     MMD1.BIZ_UMID          = BL1.CMID
+                AND     (
+                                CASE
+                                        WHEN BL1.CALL_STATUS IN ('6600',
+                                                                 '4100')
+                                        THEN 'S'
+                                        ELSE 'F'
+                                END )              = 'S'
+                AND     MMD1.BIZ_KAKAO_RESEND_TYPE = 'MMS'
+                )
+                mmsCnt,
 		        CASE
 		            WHEN COUNT(DISTINCT t1.REQ_DATE) > 1 THEN 'Y'
 		            ELSE 'N'
diff --git a/src/main/resources/egovframework/sqlmap/let/msg/MjonMsgSent_SQL_mysql.xml b/src/main/resources/egovframework/sqlmap/let/msg/MjonMsgSent_SQL_mysql.xml
index 53068c95..752eec93 100644
--- a/src/main/resources/egovframework/sqlmap/let/msg/MjonMsgSent_SQL_mysql.xml
+++ b/src/main/resources/egovframework/sqlmap/let/msg/MjonMsgSent_SQL_mysql.xml
@@ -400,6 +400,7 @@
 				WHEN A.AGENT_CODE = '02' AND (A.RSLT_CODE = '0') then '성공'
 				WHEN A.AGENT_CODE = '03' AND (A.RSLT_CODE in ('100', '101', '110', '800')) then '성공'
 				WHEN A.AGENT_CODE = '04' AND (A.RSLT_CODE in ('4100', '6600', '7000')) then '성공'
+				WHEN A.AGENT_CODE = '04' AND (A.RSLT_CODE not in ('4100', '6600', '7000')) AND A.BIZ_KAKAO_RESEND_YN = 'Y' AND BL1.CALL_STATUS IN ('6600', '4100') then '성공(대체문자)'
 				WHEN A.AGENT_CODE = '05' AND (A.RSLT_CODE in ('1000', '1001')) then '성공'
 				WHEN A.AGENT_CODE = '07' AND (A.RSLT_CODE in ('6', '1000')) then '성공'
 				WHEN A.AGENT_CODE = '08' AND (A.RSLT_CODE in ('1000', '1001')) then '성공'
@@ -409,6 +410,7 @@
 			END as statusTxt
 		from
 			MJ_MSG_DATA A
+			LEFT OUTER JOIN BIZ_LOG BL1 ON A.BIZ_UMID = BL1.CMID
 		where
 			A.MSG_GROUP_ID = #msgGroupId#
 	
diff --git a/src/main/webapp/WEB-INF/jsp/web/kakao/sent/KakaoSentAllListAjax.jsp b/src/main/webapp/WEB-INF/jsp/web/kakao/sent/KakaoSentAllListAjax.jsp
index 9ef54863..9b1d4529 100644
--- a/src/main/webapp/WEB-INF/jsp/web/kakao/sent/KakaoSentAllListAjax.jsp
+++ b/src/main/webapp/WEB-INF/jsp/web/kakao/sent/KakaoSentAllListAjax.jsp
@@ -104,16 +104,23 @@ function fnReservCancel(msgGroupId){
 	
 }
 
+function pageUnitChg(obj){
+	document.searchForm.pageUnit.value = obj.value;
+	linkPage(1);
+}
+
 </script>
     <div class="list_info">
 		<p>총 발송건수 <span class="c_e40000"><c:out value="${totalRecordCount}"/></span>건</p>
 		<div>
 			<p class="cf_text c_e40000">※ 예약 발송취소는 예약 발송시간 기준 5분 전까지만 가능</p>
 			<label for="pageUnit" class="label">줄보기 선택</label>
-			<select id="pageUnit" name="pageUnit" class="selType2">
+			<!-- <select id="pageUnit" name="pageUnit" class="selType2"> -->
+			<select class="selType2" onchange="pageUnitChg(this);">
 				<option value="10" <c:if test="${paginationInfo.recordCountPerPage == '10'}">selected</c:if> >10개보기</option>
                 <option value="20" <c:if test="${paginationInfo.recordCountPerPage == '20'}">selected</c:if> >20개보기</option>
                 <option value="30" <c:if test="${paginationInfo.recordCountPerPage == '30'}">selected</c:if> >30개보기</option>
+                <option value="100" <c:if test="${paginationInfo.recordCountPerPage == '100'}">selected</c:if> >30개보기</option>
 			</select>
 		</div>
 	</div>
diff --git a/src/main/webapp/WEB-INF/jsp/web/kakao/sent/KakaoSentDetailView.jsp b/src/main/webapp/WEB-INF/jsp/web/kakao/sent/KakaoSentDetailView.jsp
index 20a12045..bcc03db8 100644
--- a/src/main/webapp/WEB-INF/jsp/web/kakao/sent/KakaoSentDetailView.jsp
+++ b/src/main/webapp/WEB-INF/jsp/web/kakao/sent/KakaoSentDetailView.jsp
@@ -659,7 +659,7 @@ function previewPhone(){
                                       <c:if test="${result.reserveYn eq 'Y' }">
 										<dl><!-- 예약 시 -->
 											<dt>등록일시</dt>
-											<dd>${result.regDate}</dd>
+											<dd><fmt:formatDate pattern = "yyyy-MM-dd HH:mm:ss" value = "${result.regdate}" /></dd>
 										</dl>
 										</c:if>
                                       <dl>
@@ -760,7 +760,7 @@ function previewPhone(){
 								<div class="res_info_btm1">
 									<dl>
 										<dt>성공건수</dt>
-										<dd><span class="c_002c9a_g"><fmt:formatNumber value="${result.successCount}" type="number" groupingUsed="true" /></span>건(${result.successPct})</dd>
+										<dd><span class="c_002c9a_g"><fmt:formatNumber value="${result.successCount + result.kakaoResendSuccCount}" type="number" groupingUsed="true" /></span>건(${result.successPct})</dd>
 									</dl>
 								</div>
 							</div>
@@ -774,7 +774,12 @@ function previewPhone(){
 								<div class="res_info_btm1">
 									<dl>
 										<dt>실패건수</dt>
-										<dd><span class="c_e40000_g"><fmt:formatNumber value="${result.failCount}" type="number" groupingUsed="true" /></span>건(${result.failedPct})</dd>
+										<%-- 대체문자 기능 on
+										카카오톡 실패 + 대체문자 실패 = 실패
+										대체문자 기능 off
+										카카오톡 실패 = 실패
+										*카카오톡 실패임에도 대체문자로 발송이 성공한 경우 실패로 체크하지 않음 --%>
+										<dd><span class="c_e40000_g"><fmt:formatNumber value="${result.failCount - result.kakaoResendSuccCount}" type="number" groupingUsed="true" /></span>건(${result.failedPct})</dd>
 									</dl>
 								</div>
 							</div>
diff --git a/src/main/webapp/WEB-INF/jsp/web/kakao/sent/KakaoSentView.jsp b/src/main/webapp/WEB-INF/jsp/web/kakao/sent/KakaoSentView.jsp
index b7ac38ba..7b04f291 100644
--- a/src/main/webapp/WEB-INF/jsp/web/kakao/sent/KakaoSentView.jsp
+++ b/src/main/webapp/WEB-INF/jsp/web/kakao/sent/KakaoSentView.jsp
@@ -156,11 +156,11 @@ $(document).ready(function(){
 		
 	});
 	
-	$(document).on('change','#pageUnit', function(){
+	/* $(document).on('change','#pageUnit', function(){
 		
 		linkPage(1);
 		
-	});
+	}); */
 	
 	//발송건수 셋
 	cntSet();

From 91914a2cf573cebad838a90661a0769ee3a13b02 Mon Sep 17 00:00:00 2001
From: ijunho <tolag3@gmail.com>
Date: Thu, 8 May 2025 11:03:49 +0900
Subject: [PATCH 07/16] =?UTF-8?q?=EC=95=8C=EB=A6=BC=ED=86=A1=20=EB=B0=9C?=
 =?UTF-8?q?=EC=86=A1=EA=B2=B0=EA=B3=BC=20=EC=84=B1=EB=8A=A5=20=EA=B0=9C?=
 =?UTF-8?q?=EC=84=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../service/impl/KakaoSentServiceImpl.java    |   1 +
 .../let/mjo/kakao/KakaoSent_SQL_Mysql.xml     | 105 ++++++------------
 2 files changed, 37 insertions(+), 69 deletions(-)

diff --git a/src/main/java/itn/let/kakao/user/sent/service/impl/KakaoSentServiceImpl.java b/src/main/java/itn/let/kakao/user/sent/service/impl/KakaoSentServiceImpl.java
index 07137c29..7f4e1e1e 100644
--- a/src/main/java/itn/let/kakao/user/sent/service/impl/KakaoSentServiceImpl.java
+++ b/src/main/java/itn/let/kakao/user/sent/service/impl/KakaoSentServiceImpl.java
@@ -290,6 +290,7 @@ public class KakaoSentServiceImpl  extends EgovAbstractServiceImpl implements Ka
 		//성공 건수 세팅
 		KakaoSentVO eachCnt = new KakaoSentVO();
 		eachCnt.setMsgGroupId(result.getMsgGroupId());
+		eachCnt.setBizKakaoResendYn("Y".equals(result.getBizKakaoResendYn()) ? "Y" : "N");
 		try {
 			eachCnt = kakaoSentDAO.selectKakaoSentCntEachCnt_advc(eachCnt);
 		} catch (Exception e) {
diff --git a/src/main/resources/egovframework/sqlmap/let/mjo/kakao/KakaoSent_SQL_Mysql.xml b/src/main/resources/egovframework/sqlmap/let/mjo/kakao/KakaoSent_SQL_Mysql.xml
index 60d4c267..779d269d 100644
--- a/src/main/resources/egovframework/sqlmap/let/mjo/kakao/KakaoSent_SQL_Mysql.xml
+++ b/src/main/resources/egovframework/sqlmap/let/mjo/kakao/KakaoSent_SQL_Mysql.xml
@@ -1664,81 +1664,48 @@
 	
 	<select id="KakaoSentDAO.selectKakaoSentCntEachCnt_advc" parameterClass="kakaoSentVO" resultClass="kakaoSentVO">
 		SELECT 
-		    a.MSG_GROUP_ID AS msgGroupId,
-		    a.successCount,
-		    a.waitCount,
-		    a.failCount,
-		    a.kakaoResendSuccCount,
-		    a.kakaoResendFailCount,
-		    a.successCount * bkp.BIZ_KAKAO_AT_PRICE AS successPrice,
-		    (a.smsCnt * bkp.BIZ_SMS_PRICE) + (a.mmsCnt * bkp.BIZ_MMS_PRICE) AS kakaoResendSuccPrice,
-		    a.divideYn
+		    a.MSG_GROUP_ID AS msgGroupId
+		    , a.successCount
+		    , a.waitCount
+		    , a.failCount
+		    , a.divideYn
+		    <isEqual property="bizKakaoResendYn" compareValue="Y">
+			    , a.kakaoResendSuccCount
+			    , a.kakaoResendFailCount
+			    , a.successCount * bkp.BIZ_KAKAO_AT_PRICE AS successPrice
+			    , (a.smsCnt * bkp.BIZ_SMS_PRICE) + (a.mmsCnt * bkp.BIZ_MMS_PRICE) AS kakaoResendSuccPrice
+		    </isEqual>
+		    <isNotEqual property="bizKakaoResendYn" compareValue="Y">
+		    	, 0 AS kakaoResendSuccCount
+			    , 0 AS kakaoResendFailCount
+			    , 0 AS successPrice
+			    , 0 AS kakaoResendSuccPrice
+		    </isNotEqual>
 		FROM (
 		    SELECT  
-		        t1.MSG_GROUP_ID,
-		        SUM(IF(t1.RESERVE_C_YN = 'N' AND t1.RSLT_CODE = '7000', 1, 0)) AS successCount,
-		        SUM(IF(t1.RESERVE_C_YN = 'N' AND t1.RSLT_CODE IS NULL AND t1.SENT_DATE IS NULL AND t1.RSLT_DATE IS NULL, 1, 0)) AS waitCount,
-		        SUM(IF(t1.RESERVE_C_YN = 'N' AND t1.RSLT_CODE != '7000' AND t1.RSLT_CODE IS NOT NULL, 1, 0)) AS failCount,
-		        SUM(IF(t1.BIZ_KAKAO_RESEND_YN = 'Y'
-                        AND BL1.CALL_STATUS IN ('6600', '4100'), 1, 0))                     AS kakaoResendSuccCount,
-                ( SELECT COUNT(0)
-                FROM    BIZ_LOG BL1,
-                        MJ_MSG_DATA MMD1
-                WHERE   t1.BIZ_KAKAO_RESEND_YN = 'Y'
-                AND     t1.MSG_GROUP_ID        = MMD1.MSG_GROUP_ID
-                AND     MMD1.BIZ_UMID          = BL1.CMID
-                AND     (
-                                CASE
-                                        WHEN BL1.CALL_STATUS IN ('6600',
-                                                                 '4100')
-                                        THEN 'S'
-                                        ELSE 'F'
-                                END ) = 'F'
-                )
-                kakaoResendFailCount,
-                ( SELECT COUNT(0)
-                FROM    BIZ_LOG BL1,
-                        MJ_MSG_DATA MMD1
-                WHERE   t1.BIZ_KAKAO_RESEND_YN = 'Y'
-                AND     t1.MSG_GROUP_ID        = MMD1.MSG_GROUP_ID
-                AND     MMD1.BIZ_UMID          = BL1.CMID
-                AND     (
-                                CASE
-                                        WHEN BL1.CALL_STATUS IN ('6600',
-                                                                 '4100')
-                                        THEN 'S'
-                                        ELSE 'F'
-                                END )              = 'S'
-                AND     MMD1.BIZ_KAKAO_RESEND_TYPE = 'SMS'
-                )
-                smsCnt,
-                ( SELECT COUNT(0)
-                FROM    BIZ_LOG BL1,
-                        MJ_MSG_DATA MMD1
-                WHERE   t1.BIZ_KAKAO_RESEND_YN = 'Y'
-                AND     t1.MSG_GROUP_ID        = MMD1.MSG_GROUP_ID
-                AND     MMD1.BIZ_UMID          = BL1.CMID
-                AND     (
-                                CASE
-                                        WHEN BL1.CALL_STATUS IN ('6600',
-                                                                 '4100')
-                                        THEN 'S'
-                                        ELSE 'F'
-                                END )              = 'S'
-                AND     MMD1.BIZ_KAKAO_RESEND_TYPE = 'MMS'
-                )
-                mmsCnt,
-		        CASE
-		            WHEN COUNT(DISTINCT t1.REQ_DATE) > 1 THEN 'Y'
-		            ELSE 'N'
-		        END AS divideYN
+		        	 t1.MSG_GROUP_ID
+		             , SUM(IF(t1.RESERVE_C_YN = 'N' AND t1.RSLT_CODE = '7000', 1, 0))                                								AS successCount
+		             , SUM(IF(t1.RESERVE_C_YN = 'N' AND t1.RSLT_CODE IS NULL AND t1.SENT_DATE IS NULL AND t1.RSLT_DATE IS NULL, 1,0))               AS waitCount
+		             , SUM(IF(t1.RESERVE_C_YN = 'N' AND t1.RSLT_CODE != '7000' AND t1.RSLT_CODE IS NOT NULL, 1, 0))    								AS failCount
+		             , CASE
+		                 WHEN COUNT(DISTINCT t1.REQ_DATE) > 1 THEN 'Y'
+		                 ELSE 'N'
+		                 END                                                                                        							    AS divideYN
+		             <isEqual property="bizKakaoResendYn" compareValue="Y">
+			             , SUM(IF(t1.BIZ_KAKAO_RESEND_YN = 'Y' AND BL1.CALL_STATUS IN ('6600', '4100'), 1,0))              							AS kakaoResendSuccCount
+			             , SUM(IF(t1.BIZ_KAKAO_RESEND_YN = 'Y' AND BL1.CALL_STATUS not IN ('6600', '4100'), 1,0))         							AS kakaoResendFailCount
+			             , SUM(IF(t1.BIZ_KAKAO_RESEND_YN = 'Y' AND BL1.CALL_STATUS IN ('6600', '4100') AND t1.BIZ_KAKAO_RESEND_TYPE = 'SMS', 1, 0)) AS smsCnt
+			             , SUM(IF(t1.BIZ_KAKAO_RESEND_YN = 'Y' AND BL1.CALL_STATUS IN ('6600', '4100') AND t1.BIZ_KAKAO_RESEND_TYPE = 'MMS', 1, 0)) AS mmsCnt
+		             </isEqual>
 		    FROM mj_msg_data t1 FORCE INDEX (idx_msgdata_groupid_delfalg_msgtype_curstate)
-		    LEFT OUTER JOIN BIZ_LOG BL1 ON t1.BIZ_UMID = BL1.CMID
+		    <isEqual property="bizKakaoResendYn" compareValue="Y">
+		    	LEFT OUTER JOIN BIZ_LOG BL1 ON t1.BIZ_UMID = BL1.CMID
+		    </isEqual>
 		    WHERE 
-		        t1.DEL_FLAG = 'N'
+		        t1.MSG_GROUP_ID = #msgGroupId#
 		        AND t1.MSG_TYPE IN ('8', '9')
 		        AND t1.CUR_STATE IN ('0', '1', '2', '3')
-		        AND t1.MSG_GROUP_ID = #msgGroupId#
+		        AND t1.DEL_FLAG = 'N'
 		    GROUP BY t1.MSG_GROUP_ID
 		) a
 		LEFT OUTER JOIN BIZ_KAKAO_PRICE bkp ON bkp.MSG_GROUP_ID = a.MSG_GROUP_ID

From 367b57624df7c66d5277dbbe77107fe7e91de430 Mon Sep 17 00:00:00 2001
From: ijunho <tolag3@gmail.com>
Date: Thu, 8 May 2025 14:13:38 +0900
Subject: [PATCH 08/16] =?UTF-8?q?=EC=95=8C=EB=A6=BC=ED=86=A1=EB=B0=9C?=
 =?UTF-8?q?=EC=86=A1=EA=B2=B0=EA=B3=BC=20=ED=8E=98=EC=9D=B4=EC=A7=95=20?=
 =?UTF-8?q?=EA=B0=AF=EC=88=98=20=ED=85=8D=EC=8A=A4=ED=8A=B8=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../webapp/WEB-INF/jsp/web/kakao/sent/KakaoSentAllListAjax.jsp  | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/main/webapp/WEB-INF/jsp/web/kakao/sent/KakaoSentAllListAjax.jsp b/src/main/webapp/WEB-INF/jsp/web/kakao/sent/KakaoSentAllListAjax.jsp
index 9b1d4529..1e034a9f 100644
--- a/src/main/webapp/WEB-INF/jsp/web/kakao/sent/KakaoSentAllListAjax.jsp
+++ b/src/main/webapp/WEB-INF/jsp/web/kakao/sent/KakaoSentAllListAjax.jsp
@@ -120,7 +120,7 @@ function pageUnitChg(obj){
 				<option value="10" <c:if test="${paginationInfo.recordCountPerPage == '10'}">selected</c:if> >10개보기</option>
                 <option value="20" <c:if test="${paginationInfo.recordCountPerPage == '20'}">selected</c:if> >20개보기</option>
                 <option value="30" <c:if test="${paginationInfo.recordCountPerPage == '30'}">selected</c:if> >30개보기</option>
-                <option value="100" <c:if test="${paginationInfo.recordCountPerPage == '100'}">selected</c:if> >30개보기</option>
+                <option value="100" <c:if test="${paginationInfo.recordCountPerPage == '100'}">selected</c:if> >100개보기</option>
 			</select>
 		</div>
 	</div>

From d1b034529ee2e7af307ff66c607aa054c754dfd9 Mon Sep 17 00:00:00 2001
From: myname <antelope337@gmail.com>
Date: Thu, 8 May 2025 15:10:40 +0900
Subject: [PATCH 09/16] =?UTF-8?q?2025-05-08=20=EB=AC=B8=EC=9E=90=EC=98=A8?=
 =?UTF-8?q?=20=EC=82=AC=EC=9D=B4=ED=8A=B8=20SEO=20=EA=B0=9C=EC=84=A0=20?=
 =?UTF-8?q?=EC=9E=91=EC=97=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../let/utl/user/service/IndexNowUtil.java    |  56 ++
 .../WEB-INF/jsp/sym/site/metaTagList.jsp      |  21 +-
 .../publish/publish_adv/send_group_text.html  | 793 +++++++++---------
 .../publish/publish_text/multi_text.html      | 353 ++++----
 .../publish/publish_text/send_text.html       | 249 +++---
 .../publish/publish_text/text_send.html       | 273 +++---
 6 files changed, 911 insertions(+), 834 deletions(-)
 create mode 100644 src/main/java/itn/let/utl/user/service/IndexNowUtil.java

diff --git a/src/main/java/itn/let/utl/user/service/IndexNowUtil.java b/src/main/java/itn/let/utl/user/service/IndexNowUtil.java
new file mode 100644
index 00000000..5d2ab366
--- /dev/null
+++ b/src/main/java/itn/let/utl/user/service/IndexNowUtil.java
@@ -0,0 +1,56 @@
+package itn.let.utl.user.service;
+
+import java.io.OutputStream;
+import java.net.HttpURLConnection;
+import java.net.URL;
+import java.nio.charset.StandardCharsets;
+
+import org.springframework.stereotype.Service;
+
+@Service("indexNowUtil")
+public class IndexNowUtil {
+
+    private static final String INDEXNOW_API_URL = "https://api.indexnow.org/indexnow";
+    private static final String INDEXNOW_KEY = "d09a9f949e6e48eeb221d7a13bdb1d14"; // 🔁 여기에 실제 키 입력
+    private static final String HOST = "www.munjaon.co.kr";             // 🔁 도메인만 입력 (https:// 없이)
+
+    public static void submitUrl(String urlToSubmit) {
+        try {
+            URL url = new URL(INDEXNOW_API_URL);
+            HttpURLConnection connection = (HttpURLConnection) url.openConnection();
+
+            connection.setRequestMethod("POST");
+            connection.setRequestProperty("Content-Type", "application/json; utf-8");
+            connection.setDoOutput(true);
+
+            // JSON 데이터 구성
+            String jsonInputString = "{"
+                    + "\"host\":\"" + HOST + "\","
+                    + "\"key\":\"" + INDEXNOW_KEY + "\","
+                    + "\"urlList\":[\"" + urlToSubmit + "\"]"
+                    + "}";
+
+            try (OutputStream os = connection.getOutputStream()) {
+                byte[] input = jsonInputString.getBytes(StandardCharsets.UTF_8);
+                os.write(input, 0, input.length);
+            }
+
+            int responseCode = connection.getResponseCode();
+            if (responseCode == 200 || responseCode == 202) {
+                System.out.println("✅ IndexNow 전송 성공: " + urlToSubmit);
+            } else {
+                System.out.println("❌ 전송 실패 - 응답 코드: " + responseCode + " : " + urlToSubmit);
+            }
+
+        } catch (Exception e) {
+            System.err.println("🚫 오류 발생: " + e.getMessage());
+        }
+    }
+
+    /*
+    public static void main(String[] args) {
+        // 테스트용 URL 전송
+        submitUrl("https://yourdomain.com/new-post.html"); // 🔁 여기에 전송할 실제 URL 입력
+    }
+    */
+}
diff --git a/src/main/webapp/WEB-INF/jsp/sym/site/metaTagList.jsp b/src/main/webapp/WEB-INF/jsp/sym/site/metaTagList.jsp
index cf34a10b..de3f79bb 100644
--- a/src/main/webapp/WEB-INF/jsp/sym/site/metaTagList.jsp
+++ b/src/main/webapp/WEB-INF/jsp/sym/site/metaTagList.jsp
@@ -40,6 +40,16 @@ function fnInsertView(){
 	document.listForm.action = "<c:url value='/sym/site/metaTagInsertView.do'/>";
    	document.listForm.submit();
 }
+
+//indexnow 
+function fnIndexNow(){
+	if(confirm("index 처리 합니까?")) {
+		document.listForm.action = "<c:url value='/sym/site/selectMetaTagIndex.do'/>";
+	   	document.listForm.submit();
+    }
+	
+}
+
 function fnView(metaTagNo){
 	document.listForm.metaTagNo.value = metaTagNo ;	
 	document.listForm.action = "<c:url value='/sym/site/metaTagModifyView.do'/>";
@@ -103,6 +113,8 @@ function fnDelete(){
 					   <option value='10' <c:if test="${searchVO.pageUnit == '10' or searchVO.pageUnit == ''}">selected</c:if>>10줄</option>
 					   <option value='20' <c:if test="${searchVO.pageUnit == '20'}">selected</c:if>>20줄</option>
 					   <option value='30' <c:if test="${searchVO.pageUnit == '30'}">selected</c:if>>30줄</option>
+					   <option value='100' <c:if test="${searchVO.pageUnit == '100'}">selected</c:if>>100줄</option>
+					   <option value='500' <c:if test="${searchVO.pageUnit == '500'}">selected</c:if>>500줄</option>					   
 					</select>
 				</div>
 			</div>
@@ -179,7 +191,8 @@ function fnDelete(){
 			<div class="btnWrap">
 					<input type="button" class="btnType2"  onclick="fnDelete(); return false;" value="삭제">
 					<input type="button" class="btnType1"  onclick="fnInsertView(); return false;" value="등록">
-			</div>	
+			</div>
+					
 			
 			<c:if test="${!empty metaTagList}">
 		 		<div class="page">
@@ -187,7 +200,11 @@ function fnDelete(){
 		    			<ui:pagination paginationInfo = "${paginationInfo}"  type="image" jsFunction="linkPage" />
 		    		</ul>	
 		    	</div>  
-		  	</c:if> 	
+		  	</c:if>
+		  	
+		  	 <div class="btnWrap">					
+					<input type="button" class="btnType1"  onclick="fnIndexNow(); return false;" value="indexnow">
+			</div>
 		  					
 		</div>
 	</div>
diff --git a/src/main/webapp/publish/publish_adv/send_group_text.html b/src/main/webapp/publish/publish_adv/send_group_text.html
index e235105a..5d868bed 100644
--- a/src/main/webapp/publish/publish_adv/send_group_text.html
+++ b/src/main/webapp/publish/publish_adv/send_group_text.html
@@ -1,396 +1,397 @@
-<!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>
-    
-    <meta name="Keywords" content="문자전송, 문자발송, SMS, LMS, MMS, 문자보내기, 단체문자, 단체문자전송, 단체문자발송,단체문자사이트,문자사이트, 대량문자">            
-    <meta name="description" content="요즘 시대에는 경조사, 알림, 안부인사, 홍보 등 여러 가지 상황에서 단체에게 내용을 전달해야 하는 경우가 많습니다.">            
-    <meta property="og:type" content="website">
-    <meta property="og:title" content="단체문자 발송하는 방법 총정리 - 문자온">            
-    <meta property="og:description" content="요즘 시대에는 경조사, 알림, 안부인사, 홍보 등 여러 가지 상황에서 단체에게 내용을 전달해야 하는 경우가 많습니다.">
-	<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">
-    
-	<link rel="stylesheet" href="/publish/publish_adv/css/reset.css">
-    <link rel="stylesheet" href="/publish/publish_adv/css/style.css">
-    <link rel="stylesheet" href="/publish/css/font.css">
-</head>
-
-<body>
-    <div class="multi-text-wrap">
-        <div class="banner-wrap">
-            <a href="https://www.munjaon.co.kr" class="logo"><img src="http://www.munjaon.co.kr/publish/images/CI.png" alt="배너로고"></a>
-            <div class="banner">
-                <img src="/publish/publish_adv/img/banner.jpg" alt="배너">
-                <div class="title">
-                    <p>단체문자 발송하는 방법 총정리<span>(갤럭시, 아이폰, 문자사이트)</span></p>
-                </div>
-            </div>
-        </div>
-		
-		<div class="text">
-			<p style="font-weight: bold;text-decoration: underline;">
-            단체문자란?<br>
-			같은 문자 내용을 여러명에게 동시에 보내는 문자메시지.
-			</p>            
-		</div>		
-		<div class="text">
-            <p>
-            요즘 시대에는 경조사, 알림, 안부인사, 홍보 등 여러 가지 상황에서 단체에게 내용을 전달해야 하는 경우가 많습니다.
-            내용을 전달하기 위한 가장 효과적인 수단은 휴대폰을 이용한 SMS(단문) / LMS(장문) / MMS(그림) 문자 메시지인데요. 
-            </p>
-            <p>
-            오늘은 휴대폰을 통해 단체문자를 보내는 방법과 그 한계를 설명한 다음, 문자온을 통해 제한사항없이
-            단체문자 보내는 방법을 안내하고자 합니다.
-            </p>
-        </div>
-
-        <div class="list" style="margin-bottom: 90px;">
-            <p>목 &nbsp;차</p>
-            <ul>
-                <li><a href="#galaxy">1. 단체문자 발송하기(갤럭시)</a></li>
-                <li><a href="#iphone">2. 단체문자 전송하기(아이폰)</a></li>
-                <li><a href="#limit">3. 휴대폰 문자 발송의 한계</a></li>
-                <li><a href="#send">4. 단체문자 보내기(문자온)</a></li>
-            </ul>
-        </div>
-
-        <div class="multi-text-box">
-			<div class="content">
-                <div id="galaxy">
-                    <div class="title">
-                        <p>1. 단체문자 발송하기(갤럭시)</p>
-                        <p> <span>*</span> 갤럭시 S21 기준</p>
-                    </div>
-
-                    <div class="line"></div>
-
-                    <div class="con">
-                        <ul>
-                            <li>
-                                <img src="/publish/publish_adv/img/ga_01.jpg" alt="갤럭시1">
-                                <div class="step step-01">
-                                    <p>STEP &nbsp;<span>01</span></p>
-                                </div>
-                                <div class="step-text text-01 step-c">
-                                    <p>휴대폰에서 메시지 앱 실행 후 우측 하단 메시지 작성 아이콘 클릭</p>
-                                </div>
-                            </li>
-
-                            <li>
-                                <img src="/publish/publish_adv/img/ga_02.jpg" alt="갤럭시2">
-                                <div class="step step-02">
-                                    <p>STEP &nbsp;<span>02</span></p>
-                                </div>
-                                <div class="step-text text-02 step-c">
-                                    <p>메뉴에서 단체 문자 버튼 클릭</p>
-                                </div>
-                            </li>
-
-                            <li>
-                                <img src="/publish/publish_adv/img/ga_03.jpg" alt="갤럭시3">
-                                <div class="step step-03">
-                                    <p>STEP &nbsp;<span>03</span></p>
-                                </div>
-                                <div class="step-text text-02">
-                                    <p>새 단체 문자 받는 사람 선택 항목에서 + 버튼 클릭</p>
-                                </div>
-                            </li>
-                            <li>
-                                <img src="/publish/publish_adv/img/ga_04.jpg" alt="갤럭시4">
-                                <div class="step step-04">
-                                    <p>STEP &nbsp;<span>04</span></p>
-                                </div>
-                                <div class="step-text text-04 step-cc">
-                                    <p>받는 사람을 모두 선택 
-                                        <span>- 그룹을 클릭하여 선택(우측 이미지)할 수도 있습니다.</span>
-                                    </p>
-                                </div>
-                            </li>
-
-                            <li>
-                                <img src="/publish/publish_adv/img/ga_05.jpg" alt="갤럭시5">
-                                <div class="step step-05">
-                                    <p>STEP &nbsp;<span>05</span></p>
-                                </div>
-                                <div class="step-text text-05">
-                                    <p>문자내용을 입력한 후 발송 버튼 클릭</p>
-                                </div>
-                            </li>
-                        </ul>
-                    </div>
-                    <div class="number">
-                        <ul>
-                            <li>① 휴대폰에서 메시지 앱 실행 후 우측 하단 메시지 작성 아이콘 클릭</li>
-                            <li>② 메뉴에서 단체 문자 버튼 클릭</li>
-                            <li>③ 새 단체 문자 받는 사람 선택 항목에서 + 버튼 클릭</li>
-                            <li>④ 받는 사람을 모두 선택</li>
-                            <li>- 그룹을 클릭하여 선택(우측 이미지)할 수도 있습니다.</li>
-                            <li>⑤ 문자내용을 입력한 후 발송 버튼 클릭</li>
-                        </ul>
-                    </div>
-                </div>
-			</div>
-
-
-            <div class="content content-02">
-                <div id="iphone">
-                    <div class="title">
-                        <p>2. 단체문자 전송하기(아이폰)</p>
-                        <p> <span>*</span> 아이폰 12 프로 기준</p>
-                    </div>
-
-                    <div class="line"></div>
-
-                    <div class="con">
-                        <ul>
-                            <li>
-                                <img src="/publish/publish_adv/img/ip_01.jpg" alt="아이폰1">
-                                <div class="step">
-                                    <p>STEP &nbsp;<span>01</span></p>
-                                </div>
-                                <div class="step-text step-c">
-                                    <p>휴대폰에서 메시지 앱 실행 후 우측 상단 메시지 작성 아이콘 클릭</p>
-                                </div>
-                            </li>
-                            
-                            <li>
-                                <img src="/publish/publish_adv/img/ip_02.jpg" alt="아이폰2">
-                                <div class="step">
-                                    <p>STEP &nbsp;<span>02</span></p>
-                                </div>
-                                <div class="step-text">
-                                    <p>새로운 메시지 받는 사람 선택 항목에서 + 버튼 클릭</p>
-                                </div>
-                            </li>
-                            <li>
-                                <img src="/publish/publish_adv/img/ip_03.jpg" alt="아이폰3">
-                                <div class="step step-04">
-                                    <p>STEP &nbsp;<span>03</span></p>
-                                </div>
-                                <div class="step-text text-04 step-c">
-                                    <p>받는 사람 선택
-                                        <span>- 복수선택이 불가하므로 2번과 3번 작업을 반복 수행해야 합니다.</span>
-                                    </p>
-                                    
-                                </div>
-                            </li>
-                            
-                            <li>
-                                <img src="/publish/publish_adv/img/ip_04.jpg" alt="아이폰4">
-                                <div class="step">
-                                    <p>STEP &nbsp;<span>04</span></p>
-                                </div>
-                                <div class="step-text">
-                                    <p>문자내용을 입력한 후 발송 버튼 클릭</p>
-                                </div>
-                            </li>
-                        </ul>
-                    </div>
-                    <div class="number">
-                        <ul>
-                            <li>① 휴대폰에서 메시지 앱 실행 후 우측 상단 메시지 작성 아이콘 클릭</li>
-                            <li>② 새로운 메시지 받는 사람 선택 항목에서 + 버튼 클릭</li>
-                            <li>③ 받는 사람 선택</li>
-                            <li>- 복수선택이 불가하므로 ②번과 ③번 작업을 반복 수행해야 합니다.</li>
-                            <li>④ 문자내용을 입력한 후 발송 버튼 클릭</li>
-                        </ul>
-                    </div>
-                </div>
-            </div>
-
-            
-            <div class="content">
-                <div id="limit">
-                    <div class="title">
-                        <p>3. 휴대폰 문자 발송의 한계</p>
-                    </div>
-
-                    <div class="line"></div>
-
-                    <div class="con">
-                       <img src="/publish/publish_adv/img/logo.jpg" alt="로고">
-                       <p>휴대폰(갤럭시, 아이폰 등)을 통한 문자 발송은 아래와 같은 제한사항을 두고 있으며 제한사항(아이폰 제외)을 초과할 경우 요금이 추가 청구될 수 있습니다.</p>
-
-                       <div class="table">  
-                            <table>
-                                <colgroup>
-                                        <col>
-                                        <col>
-                                    <thead>
-                                        <tr>
-                                        <th>이동통신사 구분</th>
-                                        <th>제한사항</th>
-                                        </tr>
-                                    </thead>
-                                    <tbody>
-                                        <tr>
-                                            <td class="dv">공통</td>
-                                            <td class="tx">
-                                                <span>- 1일 문자 발송제한 500건</span>
-                                            </td>
-                                        </tr>
-                                        <tr>
-                                            <td class="dv">SKT</td>
-                                            <td class="tx-long">
-                                            <span>- 1회 동시 발송제한 100건</span><br>
-                                            <span>- 1일 문자 발송 200건 초과 횟수 월 10회</span></td>
-                                        </tr>
-                                        <tr>
-                                            <td class="dv">KT</td>
-                                            <td class="tx-long">
-                                            <span>- 1회 동시 발송제한 25건 </span><br>
-                                            <span>- 1일 문자 발송 150건 초과 횟수 월 10회</span></td>
-                                        </tr>
-                                        <tr class="last">
-                                            <td class="dv dv-last">LG U+</td>
-                                            <td class="tx-long">
-                                             <span>- 1회 동시 발송제한 30건 </span><br>
-                                            <span>- 1일 문자 발송 200건 초과 횟수 월 10회</span> </td>
-                                        </tr>
-                                    </tbody>
-                                </colgroup>
-                            </table>
-                       </div>
-                    </div> 
-                    
-                    <div class="puls">
-                        <div class="puls-ti">
-                            <p>덧붙여서&nbsp; <span>+</span></p>
-                        </div>
-                        <div class="puls-tx">
-                            <p>아이폰의 경우 기능적 한계로 인하여 1회 최대 20건까지만 발송 가능합니다.</p>
-                        </div>
-                    </div>
-
-                </div>
-            </div>
-
-            <div class="content">
-                <div id="send">
-                    <div class="title">
-                        <p>4. 단체 문자 보내기(문자온)</p>
-                    </div>
-
-                    <div class="line"></div>
-
-                    <div class="con">
-                       <img src="/publish/publish_adv/img/logo.jpg" alt="로고">
-                       <p>문자온을 이용하면 이동통신사 및 기종에 따른 문자 발송 한계 없이 문자를 발송할 수 있습니다.</p>
-
-                       <div class="send">
-                            <img src="/publish/publish_adv/img/send_01.jpg" alt="발송1">
-                       </div>
-                    </div> 
-                    <div class="send-step">
-                        <div class="step-ti">
-                            <p>STEP&nbsp; <span>01</span></p>
-                        </div>
-                        <div class="step-tx send-tx-01">
-                            <p>문자온 메인화면에서 로그인
-                                <span>- 회원가입을 먼저 진행해주세요.</span>
-                            </p>
-                        </div>
-                    </div>
-
-                    <div class="con">
-                        <div class="send">
-                             <img src="/publish/publish_adv/img/send_02.jpg" alt="발송2">
-                        </div>
-                     </div> 
-                     <div class="send-step">
-                         <div class="step-ti">
-                             <p>STEP&nbsp; <span>02</span></p>
-                         </div>
-                         <div class="step-tx send-tx-02">
-                             <p>문자전송 메뉴 클릭</p>
-                         </div>
-                     </div>
-
-                     <div class="con">
-                        <div class="send">
-                             <img src="/publish/publish_adv/img/send_03.jpg" alt="발송3">
-                        </div>
-                     </div> 
-                     <div class="send-step">
-                         <div class="step-ti">
-                             <p>STEP&nbsp; <span>03</span></p>
-                         </div>
-                         <div class="step-tx send-tx-03">
-                             <p>대량 문자(엑셀·TXT) 메뉴 클릭</p>
-                         </div>
-                     </div>
-
-                     <div class="con">
-                        <div class="send">
-                             <img src="/publish/publish_adv/img/sned_04.jpg" alt="발송4">
-                        </div>
-                     </div> 
-                     <div class="send-step">
-                         <div class="step-ti">
-                             <p>STEP&nbsp; <span>04</span></p>
-                         </div>
-                         <div class="step-tx send-tx-04">
-                             <p>발송할 회신번호(발신번호) 선택 후 단체문자 내용 입력
-                                <span>- 발신번호가 등록되지 않았다면 발신번호를 먼저 등록해 주세요.</span>
-                            </p>
-                         </div>
-                     </div>
-
-                     <div class="con">
-                        <div class="send">
-                            <img src="/publish/publish_adv/img/send_05.jpg" alt="발송5">
-                        </div>
-                     </div> 
-                     <div class="send-step send-05">
-                         <div class="step-ti">
-                             <p>STEP&nbsp; <span>05</span></p>
-                         </div>
-                         <div class="step-tx send-tx-05">
-                            <p>받는 사람 입력 및 추가 후 발송하기 클릭</p>
-                            <span>- 엑셀파일을 끌어다 놓으시거나 파일 불러오기를 통해 받는 사람을 대량으로 추가할 수 있습니다.</span> <br>  
-                            <span>- 파일에서 복사(Ctrl+C) 붙여넣기(Ctrl+V)를 통해서도 받는 사람을 대량으로 추가할 수 있습니다.</span> <br>  
-                            <span>- 문자온 주소록 관리에 등록된 주소록을 불러올 수 있습니다.</span> 
-                         </div>
-                     </div>
-
-                     <div class="number">
-                        <ul>
-                            <li>① 문자온 메인화면에서 로그인</li>
-                            <li>- 회원가입을 먼저 진행해주세요.</li>
-                            <li>② 문자전송 메뉴 클릭</li>
-                            <li>③ 대량 문자(엑셀·TXT) 메뉴 클릭</li>
-                            <li>④ 발송할 회신번호(발신번호) 선택 후 단체문자 내용 입력</li>
-                            <li>- 발신번호가 등록되지 않았다면 발신번호를 먼저 등록해 주세요.</li>
-                            <li>⑤ 받는 사람 입력 및 추가 후 발송하기 클릭</li>
-                            <li>
-                              <span class="last-01">- 엑셀파일을 끌어다 놓으시거나 파일 불러오기를 통해 받는 사람을 대량으로 추가할 수 있습니다.</span> <br>
-                              <span class="last-02">- 파일에서 복사(Ctrl+C) 붙여넣기(Ctrl+V)를 통해서도 받는 사람을 대량으로 추가할 수 있습니다.</span> <br>
-                              <span class="last-03">- 문자온 주소록 관리에 등록된 주소록을 불러올 수 있습니다.</span>
-                            </li>
-                        </ul>
-                    </div>
-                </div>
-            </div>
-		</div> 
-        <div class="bt-button">
-            <a href="https://www.munjaon.co.kr">메인화면 이동</a>
-        </div>
-    </div>
-</body>
-</html>
+<!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>
+    
+    <meta name="Keywords" content="문자전송, 문자발송, SMS, LMS, MMS, 문자보내기, 단체문자, 단체문자전송, 단체문자발송,단체문자사이트,문자사이트, 대량문자">            
+    <meta name="description" content="요즘 시대에는 경조사, 알림, 안부인사, 홍보 등 여러 가지 상황에서 단체에게 내용을 전달해야 하는 경우가 많습니다.">            
+    <meta property="og:type" content="website">
+    <meta property="og:title" content="단체문자 발송하는 방법 총정리 - 문자온">            
+    <meta property="og:description" content="요즘 시대에는 경조사, 알림, 안부인사, 홍보 등 여러 가지 상황에서 단체에게 내용을 전달해야 하는 경우가 많습니다.">
+	<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">
+    
+	<link rel="stylesheet" href="/publish/publish_adv/css/reset.css">
+    <link rel="stylesheet" href="/publish/publish_adv/css/style.css">
+    <link rel="stylesheet" href="/publish/css/font.css">
+</head>
+
+<body>
+    <div class="multi-text-wrap">
+        <div class="banner-wrap">
+            <a href="https://www.munjaon.co.kr" class="logo"><img src="http://www.munjaon.co.kr/publish/images/CI.png" alt="배너로고"></a>
+            <div class="banner">
+                <img src="/publish/publish_adv/img/banner.jpg" alt="배너">
+                <div class="title">
+                	<h1 style="color:lightgray;">단체문자 발송하는 방법 총정리(갤럭시, 아이폰, 문자사이트)</h1>
+                    <p>단체문자 발송하는 방법 총정리<span>(갤럭시, 아이폰, 문자사이트)</span></p>
+                </div>
+            </div>
+        </div>
+		
+		<div class="text">
+			<p style="font-weight: bold;text-decoration: underline;">
+            단체문자란?<br>
+			같은 문자 내용을 여러명에게 동시에 보내는 문자메시지.
+			</p>            
+		</div>		
+		<div class="text">
+            <p>
+            요즘 시대에는 경조사, 알림, 안부인사, 홍보 등 여러 가지 상황에서 단체에게 내용을 전달해야 하는 경우가 많습니다.
+            내용을 전달하기 위한 가장 효과적인 수단은 휴대폰을 이용한 SMS(단문) / LMS(장문) / MMS(그림) 문자 메시지인데요. 
+            </p>
+            <p>
+            오늘은 휴대폰을 통해 단체문자를 보내는 방법과 그 한계를 설명한 다음, 문자온을 통해 제한사항없이
+            단체문자 보내는 방법을 안내하고자 합니다.
+            </p>
+        </div>
+
+        <div class="list" style="margin-bottom: 90px;">
+            <p>목 &nbsp;차</p>
+            <ul>
+                <li><a href="#galaxy">1. 단체문자 발송하기(갤럭시)</a></li>
+                <li><a href="#iphone">2. 단체문자 전송하기(아이폰)</a></li>
+                <li><a href="#limit">3. 휴대폰 문자 발송의 한계</a></li>
+                <li><a href="#send">4. 단체문자 보내기(문자온)</a></li>
+            </ul>
+        </div>
+
+        <div class="multi-text-box">
+			<div class="content">
+                <div id="galaxy">
+                    <div class="title">
+                        <p>1. 단체문자 발송하기(갤럭시)</p>
+                        <p> <span>*</span> 갤럭시 S21 기준</p>
+                    </div>
+
+                    <div class="line"></div>
+
+                    <div class="con">
+                        <ul>
+                            <li>
+                                <img src="/publish/publish_adv/img/ga_01.jpg" alt="갤럭시1">
+                                <div class="step step-01">
+                                    <p>STEP &nbsp;<span>01</span></p>
+                                </div>
+                                <div class="step-text text-01 step-c">
+                                    <p>휴대폰에서 메시지 앱 실행 후 우측 하단 메시지 작성 아이콘 클릭</p>
+                                </div>
+                            </li>
+
+                            <li>
+                                <img src="/publish/publish_adv/img/ga_02.jpg" alt="갤럭시2">
+                                <div class="step step-02">
+                                    <p>STEP &nbsp;<span>02</span></p>
+                                </div>
+                                <div class="step-text text-02 step-c">
+                                    <p>메뉴에서 단체 문자 버튼 클릭</p>
+                                </div>
+                            </li>
+
+                            <li>
+                                <img src="/publish/publish_adv/img/ga_03.jpg" alt="갤럭시3">
+                                <div class="step step-03">
+                                    <p>STEP &nbsp;<span>03</span></p>
+                                </div>
+                                <div class="step-text text-02">
+                                    <p>새 단체 문자 받는 사람 선택 항목에서 + 버튼 클릭</p>
+                                </div>
+                            </li>
+                            <li>
+                                <img src="/publish/publish_adv/img/ga_04.jpg" alt="갤럭시4">
+                                <div class="step step-04">
+                                    <p>STEP &nbsp;<span>04</span></p>
+                                </div>
+                                <div class="step-text text-04 step-cc">
+                                    <p>받는 사람을 모두 선택 
+                                        <span>- 그룹을 클릭하여 선택(우측 이미지)할 수도 있습니다.</span>
+                                    </p>
+                                </div>
+                            </li>
+
+                            <li>
+                                <img src="/publish/publish_adv/img/ga_05.jpg" alt="갤럭시5">
+                                <div class="step step-05">
+                                    <p>STEP &nbsp;<span>05</span></p>
+                                </div>
+                                <div class="step-text text-05">
+                                    <p>문자내용을 입력한 후 발송 버튼 클릭</p>
+                                </div>
+                            </li>
+                        </ul>
+                    </div>
+                    <div class="number">
+                        <ul>
+                            <li>① 휴대폰에서 메시지 앱 실행 후 우측 하단 메시지 작성 아이콘 클릭</li>
+                            <li>② 메뉴에서 단체 문자 버튼 클릭</li>
+                            <li>③ 새 단체 문자 받는 사람 선택 항목에서 + 버튼 클릭</li>
+                            <li>④ 받는 사람을 모두 선택</li>
+                            <li>- 그룹을 클릭하여 선택(우측 이미지)할 수도 있습니다.</li>
+                            <li>⑤ 문자내용을 입력한 후 발송 버튼 클릭</li>
+                        </ul>
+                    </div>
+                </div>
+			</div>
+
+
+            <div class="content content-02">
+                <div id="iphone">
+                    <div class="title">
+                        <p>2. 단체문자 전송하기(아이폰)</p>
+                        <p> <span>*</span> 아이폰 12 프로 기준</p>
+                    </div>
+
+                    <div class="line"></div>
+
+                    <div class="con">
+                        <ul>
+                            <li>
+                                <img src="/publish/publish_adv/img/ip_01.jpg" alt="아이폰1">
+                                <div class="step">
+                                    <p>STEP &nbsp;<span>01</span></p>
+                                </div>
+                                <div class="step-text step-c">
+                                    <p>휴대폰에서 메시지 앱 실행 후 우측 상단 메시지 작성 아이콘 클릭</p>
+                                </div>
+                            </li>
+                            
+                            <li>
+                                <img src="/publish/publish_adv/img/ip_02.jpg" alt="아이폰2">
+                                <div class="step">
+                                    <p>STEP &nbsp;<span>02</span></p>
+                                </div>
+                                <div class="step-text">
+                                    <p>새로운 메시지 받는 사람 선택 항목에서 + 버튼 클릭</p>
+                                </div>
+                            </li>
+                            <li>
+                                <img src="/publish/publish_adv/img/ip_03.jpg" alt="아이폰3">
+                                <div class="step step-04">
+                                    <p>STEP &nbsp;<span>03</span></p>
+                                </div>
+                                <div class="step-text text-04 step-c">
+                                    <p>받는 사람 선택
+                                        <span>- 복수선택이 불가하므로 2번과 3번 작업을 반복 수행해야 합니다.</span>
+                                    </p>
+                                    
+                                </div>
+                            </li>
+                            
+                            <li>
+                                <img src="/publish/publish_adv/img/ip_04.jpg" alt="아이폰4">
+                                <div class="step">
+                                    <p>STEP &nbsp;<span>04</span></p>
+                                </div>
+                                <div class="step-text">
+                                    <p>문자내용을 입력한 후 발송 버튼 클릭</p>
+                                </div>
+                            </li>
+                        </ul>
+                    </div>
+                    <div class="number">
+                        <ul>
+                            <li>① 휴대폰에서 메시지 앱 실행 후 우측 상단 메시지 작성 아이콘 클릭</li>
+                            <li>② 새로운 메시지 받는 사람 선택 항목에서 + 버튼 클릭</li>
+                            <li>③ 받는 사람 선택</li>
+                            <li>- 복수선택이 불가하므로 ②번과 ③번 작업을 반복 수행해야 합니다.</li>
+                            <li>④ 문자내용을 입력한 후 발송 버튼 클릭</li>
+                        </ul>
+                    </div>
+                </div>
+            </div>
+
+            
+            <div class="content">
+                <div id="limit">
+                    <div class="title">
+                        <p>3. 휴대폰 문자 발송의 한계</p>
+                    </div>
+
+                    <div class="line"></div>
+
+                    <div class="con">
+                       <img src="/publish/publish_adv/img/logo.jpg" alt="로고">
+                       <p>휴대폰(갤럭시, 아이폰 등)을 통한 문자 발송은 아래와 같은 제한사항을 두고 있으며 제한사항(아이폰 제외)을 초과할 경우 요금이 추가 청구될 수 있습니다.</p>
+
+                       <div class="table">  
+                            <table>
+                                <colgroup>
+                                        <col>
+                                        <col>
+                                    <thead>
+                                        <tr>
+                                        <th>이동통신사 구분</th>
+                                        <th>제한사항</th>
+                                        </tr>
+                                    </thead>
+                                    <tbody>
+                                        <tr>
+                                            <td class="dv">공통</td>
+                                            <td class="tx">
+                                                <span>- 1일 문자 발송제한 500건</span>
+                                            </td>
+                                        </tr>
+                                        <tr>
+                                            <td class="dv">SKT</td>
+                                            <td class="tx-long">
+                                            <span>- 1회 동시 발송제한 100건</span><br>
+                                            <span>- 1일 문자 발송 200건 초과 횟수 월 10회</span></td>
+                                        </tr>
+                                        <tr>
+                                            <td class="dv">KT</td>
+                                            <td class="tx-long">
+                                            <span>- 1회 동시 발송제한 25건 </span><br>
+                                            <span>- 1일 문자 발송 150건 초과 횟수 월 10회</span></td>
+                                        </tr>
+                                        <tr class="last">
+                                            <td class="dv dv-last">LG U+</td>
+                                            <td class="tx-long">
+                                             <span>- 1회 동시 발송제한 30건 </span><br>
+                                            <span>- 1일 문자 발송 200건 초과 횟수 월 10회</span> </td>
+                                        </tr>
+                                    </tbody>
+                                </colgroup>
+                            </table>
+                       </div>
+                    </div> 
+                    
+                    <div class="puls">
+                        <div class="puls-ti">
+                            <p>덧붙여서&nbsp; <span>+</span></p>
+                        </div>
+                        <div class="puls-tx">
+                            <p>아이폰의 경우 기능적 한계로 인하여 1회 최대 20건까지만 발송 가능합니다.</p>
+                        </div>
+                    </div>
+
+                </div>
+            </div>
+
+            <div class="content">
+                <div id="send">
+                    <div class="title">
+                        <p>4. 단체 문자 보내기(문자온)</p>
+                    </div>
+
+                    <div class="line"></div>
+
+                    <div class="con">
+                       <img src="/publish/publish_adv/img/logo.jpg" alt="로고">
+                       <p>문자온을 이용하면 이동통신사 및 기종에 따른 문자 발송 한계 없이 문자를 발송할 수 있습니다.</p>
+
+                       <div class="send">
+                            <img src="/publish/publish_adv/img/send_01.jpg" alt="발송1">
+                       </div>
+                    </div> 
+                    <div class="send-step">
+                        <div class="step-ti">
+                            <p>STEP&nbsp; <span>01</span></p>
+                        </div>
+                        <div class="step-tx send-tx-01">
+                            <p>문자온 메인화면에서 로그인
+                                <span>- 회원가입을 먼저 진행해주세요.</span>
+                            </p>
+                        </div>
+                    </div>
+
+                    <div class="con">
+                        <div class="send">
+                             <img src="/publish/publish_adv/img/send_02.jpg" alt="발송2">
+                        </div>
+                     </div> 
+                     <div class="send-step">
+                         <div class="step-ti">
+                             <p>STEP&nbsp; <span>02</span></p>
+                         </div>
+                         <div class="step-tx send-tx-02">
+                             <p>문자전송 메뉴 클릭</p>
+                         </div>
+                     </div>
+
+                     <div class="con">
+                        <div class="send">
+                             <img src="/publish/publish_adv/img/send_03.jpg" alt="발송3">
+                        </div>
+                     </div> 
+                     <div class="send-step">
+                         <div class="step-ti">
+                             <p>STEP&nbsp; <span>03</span></p>
+                         </div>
+                         <div class="step-tx send-tx-03">
+                             <p>대량 문자(엑셀·TXT) 메뉴 클릭</p>
+                         </div>
+                     </div>
+
+                     <div class="con">
+                        <div class="send">
+                             <img src="/publish/publish_adv/img/sned_04.jpg" alt="발송4">
+                        </div>
+                     </div> 
+                     <div class="send-step">
+                         <div class="step-ti">
+                             <p>STEP&nbsp; <span>04</span></p>
+                         </div>
+                         <div class="step-tx send-tx-04">
+                             <p>발송할 회신번호(발신번호) 선택 후 단체문자 내용 입력
+                                <span>- 발신번호가 등록되지 않았다면 발신번호를 먼저 등록해 주세요.</span>
+                            </p>
+                         </div>
+                     </div>
+
+                     <div class="con">
+                        <div class="send">
+                            <img src="/publish/publish_adv/img/send_05.jpg" alt="발송5">
+                        </div>
+                     </div> 
+                     <div class="send-step send-05">
+                         <div class="step-ti">
+                             <p>STEP&nbsp; <span>05</span></p>
+                         </div>
+                         <div class="step-tx send-tx-05">
+                            <p>받는 사람 입력 및 추가 후 발송하기 클릭</p>
+                            <span>- 엑셀파일을 끌어다 놓으시거나 파일 불러오기를 통해 받는 사람을 대량으로 추가할 수 있습니다.</span> <br>  
+                            <span>- 파일에서 복사(Ctrl+C) 붙여넣기(Ctrl+V)를 통해서도 받는 사람을 대량으로 추가할 수 있습니다.</span> <br>  
+                            <span>- 문자온 주소록 관리에 등록된 주소록을 불러올 수 있습니다.</span> 
+                         </div>
+                     </div>
+
+                     <div class="number">
+                        <ul>
+                            <li>① 문자온 메인화면에서 로그인</li>
+                            <li>- 회원가입을 먼저 진행해주세요.</li>
+                            <li>② 문자전송 메뉴 클릭</li>
+                            <li>③ 대량 문자(엑셀·TXT) 메뉴 클릭</li>
+                            <li>④ 발송할 회신번호(발신번호) 선택 후 단체문자 내용 입력</li>
+                            <li>- 발신번호가 등록되지 않았다면 발신번호를 먼저 등록해 주세요.</li>
+                            <li>⑤ 받는 사람 입력 및 추가 후 발송하기 클릭</li>
+                            <li>
+                              <span class="last-01">- 엑셀파일을 끌어다 놓으시거나 파일 불러오기를 통해 받는 사람을 대량으로 추가할 수 있습니다.</span> <br>
+                              <span class="last-02">- 파일에서 복사(Ctrl+C) 붙여넣기(Ctrl+V)를 통해서도 받는 사람을 대량으로 추가할 수 있습니다.</span> <br>
+                              <span class="last-03">- 문자온 주소록 관리에 등록된 주소록을 불러올 수 있습니다.</span>
+                            </li>
+                        </ul>
+                    </div>
+                </div>
+            </div>
+		</div> 
+        <div class="bt-button">
+            <a href="https://www.munjaon.co.kr">메인화면 이동</a>
+        </div>
+    </div>
+</body>
+</html>
diff --git a/src/main/webapp/publish/publish_text/multi_text.html b/src/main/webapp/publish/publish_text/multi_text.html
index bc6af000..7716493b 100644
--- a/src/main/webapp/publish/publish_text/multi_text.html
+++ b/src/main/webapp/publish/publish_text/multi_text.html
@@ -1,176 +1,177 @@
-<!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>
-        
-    <meta name="description" content="단체문자 - 단체문자발송, 단체 및 대량문자 샘플, 문자사이트 장점 및 혜택, 문자사이트 선택 기준, 문자온 이벤트 등">
-    <meta property="og:type" content="website">
-    <meta property="og:title" content="단체문자 - 문자온">            
-    <meta property="og:description" content="단체문자 - 단체문자발송, 단체 및 대량문자 샘플, 문자사이트 장점 및 혜택, 문자사이트 선택 기준, 문자온 이벤트 등">
-	<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">
-    
-	<link rel="stylesheet" href="/publish/publish_adv/css/reset.css">
-    <link rel="stylesheet" href="/publish/publish_adv/css/style.css">
-    <link rel="stylesheet" href="/publish/css/font.css">
-</head>
-<style>
-    html{min-width: 540px;}
-   .text-wrap .text_list{max-width: 1320px; width: calc(100% - 60px); border: 6px solid #f3f6fb; border-radius: 20px; overflow: hidden; margin: 0 auto; margin-top: 73px; padding: 2% 0;}
-   .text-wrap .text_list p{text-align: center; font-weight: 700; font-size: 39px; margin-bottom: 2%; letter-spacing: -1.5px;}
-   .text-wrap .text_list ul{padding: 0 36%; font-size: 28px; font-weight: 400; white-space: nowrap; line-height: 49px; letter-spacing: -1.5px;}
-   .text-wrap .text-box{margin-top: 80px; text-align: center;}
-   .text-wrap .text-box .content div{background-color: #fff; padding: 70px; border-radius: 10px; margin-bottom: 50px;}
-   .text-wrap .text-box .content div .tit{font-size: 30px; font-weight: 700;}
-   .text-wrap .text-box .content div .te{font-weight: 300; margin: 30px 0; line-height: 1.3;}
-   .text-wrap .text-box .content div .tex{text-align: left;}
-   .text-wrap .text-box .content div img{width: 50%;}
-
-   @media screen and (max-width:1000px){
-    .text-wrap .text_list ul{font-size: 24px; padding: 0 34%;}
-   }
-   @media screen and (max-width:870px){
-    .text-wrap .text_list p{font-size: 33px;}
-    .text-wrap .text_list ul{font-size: 24px; padding: 0 32%; line-height: 1.7;}
-   }
-   @media screen and (max-width:780px){
-    .text-wrap .text_list ul{font-size: 22px; padding: 0 32%;}
-   }
-   @media screen and (max-width:700px){
-    .text-wrap .text_list ul{font-size: 22px; padding: 0 28%;}
-   }
-   @media screen and (max-width:600px){
-    .text-wrap .text_list ul{font-size: 22px; padding: 0 18%;}
-   }
-   
-</style>
-
-<body>
-    <div class="multi-text-wrap text-wrap">
-        <div class="banner-wrap">
-            <a href="https://www.munjaon.co.kr" class="logo"><img src="http://www.munjaon.co.kr/publish/images/CI.png" alt="배너로고"></a>
-            <div class="banner">
-                <img src="/publish/publish_adv/img/banner.jpg" alt="배너">
-                <div class="title">
-                    <p>단체문자</p>
-                </div>
-            </div>
-        </div>
-        <div class="text_list">
-            <p>목 &nbsp;차</p>
-            <ul>
-                <li><a href="#multi_text_01">1. 단체문자발송</a></li>
-                <li><a href="#multi_text_02">2. 단체 및 대량문자 샘플</a></li>
-                <li><a href="#multi_text_03">3. 문자온 문자사이트 장점 및 혜택</a></li>
-                <li><a href="#multi_text_04">4. 문자사이트 선택의 5가지 기준</a></li>
-                <li><a href="#multi_text_05">5. 문자온 이벤트</a></li>
-            </ul>
-        </div>
-        <div class="multi-text-box text-box">
-			<div class="content">
-                <div id="multi_text_01">
-                    <p class="tit">단체문자발송</p>
-                    <p class="te">휴대폰으로도 단체문자를 보낼 수 있지만, 한 번에 보낼 수 있는 단체 문자의 수가 제한됩니다. 보통은 수백명 이하이며, 갤럭시의 경우 인원수 제한을 초과하는 경우 메시지가 전송되지 않을 수 있습니다. 또한, 인터넷 문자사이트를 이용하여 대량 전송하는 것보다 요금 또한 매우 비쌉니다.</p>
-                    <p class="te">문자온은 단체문자 및 대량문자 전송을 위한 특화된 인터넷 문자사이트로 별도의 프로그램 설치 없이 컴퓨터로 단체 및 대량 문자 전송이 가능하며, 특정문구 일괄변환, 무료 문자 포토에디터, 그림문자 맞춤제작, 주소록 등록 무료 대행, 080 수신거부 무료 제공, 문자메시지 내 제목 및 약도 추가, 자동화 기반 비용처리 등이 가능하여 누구나 쉽고 편리하게 문자를 대량으로 발송할 수 있습니다.</p>
-                    <img src="./img/text_send_08.jpg" alt="단체문자발송">
-                </div>
-                <div id="multi_text_02">
-                    <p class="tit">단체 및 대량문자 샘플</p>
-                    <p class="te">
-                        인터넷문자 사이트 문자온은 대량문자·단체문자 발송을 위한 다양한 문자 샘플을 무료로 제공합니다.
-                    </p>
-                    <p class="te" style="font-size: 17px; margin-top: -20px;">
-                        - 기념일문자, 경조문자, 부고문자, 조문문자, 결혼문자, 행사문자, 병원문자, 선거문자, 응원문자, 홍보문자 등 다양한 웹문자 기반 단체문자&대량문자 샘플 제공
-                    </p>
-                    <img src="./img/text_sample_02.jpg" alt="문자발송 샘플">
-                </div>
-                <div id="multi_text_03">
-                    <p class="tit">문자온 문자사이트 장점 및 혜택</p>
-                    <p class="te tex">
-                        o 대량 및 단체문자 일괄 발송 : 별도의 프로그램 설치 없이 웹문자로 100만건 이상 끊김 없는 대량 전송 가능 <br>
-                        <span style="font-size: 17px;">※ 발송오류율 0%, 문자전송 실패 시 100% 보상 및 재적립(단문문자, 장문문자, 그림문자)</span>
-                    </p>
-                    <p class="te tex">
-                        o 엑셀 일괄 업로드 및 다운로드 : 엑셀로 한 번에 주소록 업로드 및 다운로드 가능
-                    </p>
-                    <p class="te tex">
-                        o 치환 : 주소록, 엑셀, TXT 등 입력된 문자내용을 수신자마다 다르게 전송할 수 있는 특정문구 일괄 변환(치환) 기능 제공
-                    </p>
-                    <p class="te tex">
-                        o 주소록 : 쉽고 편리한 주소록 관리 모듈 및 폰주소록 등록 기능 제공
-                    </p>
-                    <p class="te tex">
-                        o 예약문자 : 특정 날짜 및 시간에 문자 전송 내역을 저장하여 일괄 발송 기능 제공
-                    </p>
-                    <p class="te tex">
-                        o 그림 및 사진문자 발송 : 그림문자 3장 일괄 전송 지원
-                    </p>
-                    <p class="te tex">
-                        o 발신번호 변경 및 관리 : 다양한 본인인증(휴대폰, 일반전화, 서류 등) 및 결제수단 제공
-                    </p>
-                    <p class="te tex">
-                        o 포토에디터 : 국내 최초 자사 기술로 개발한 문자 포토에디터 무료 제공
-                    </p>
-                    <p class="te tex">
-                        o 최고의 디자이너가 직접 제작하는 나만의 그림문자 맞춤제작 서비스 제공
-                    </p>
-                    <img src="./img/text_send_09.jpg" alt="장점 및 혜택">
-                </div>
-                <div id="multi_text_04">
-                    <p class="tit">문자사이트 선택의 5가지 기준</p>
-                    <p class="te tex">
-                        o 속도, 성능, 기능, 보안, 가격이 보장되는가?
-                    </p>
-                    <p class="te tex">
-                        o 회원가입, 발신번호 인증이 쉽고 빠르며, 대량문자를 전송하기에 UI/UX가 편리한가?
-                    </p>
-                    <p class="te tex">
-                        o 최신 IT 기술과 트렌드를 반영시키고 있는가?
-                    </p>
-                    <p class="te tex">
-                        o 결제, 정산, 환불, 계산서 발행 등 업무가 자동화되어 있고 편리한가?
-                    </p>
-                    <p class="te tex">
-                        o 매일 매일 문자샘플 콘텐츠가 업데이트 되고, CS 및 기술응대가 실시간적으로 잘 이뤄지고 있는가?
-                    </p>
-                    <p class="te tex" style="border: 2px solid #cbcbcb; padding: 20px; border-radius: 10px; font-size: 17px;">
-                        문자온은 특화된 인공지능‧자동화 기술 및 공신력과 검증된 기술력(GS 1등급, 호환성 Lv2, 이노비즈. 메인비즈, 우수기술기업 인증 등)을 보유한 우수기술 인증 종합 IT 벤처기업이 작정하고 만든 세상에서 제일 쉽고 똑똑한 프리미엄 대량 및 단체문자 전송 플랫폼입니다.
-                    </p>
-                    <img src="./img/text_send_10.jpg" alt="5가지 기준">
-                </div>
-                <div id="multi_text_05">
-                    <p class="tit">문자온 이벤트</p>
-                    <p class="te tex">
-                        o 첫결제 국내 최저가(단문 : 7.5원, 장문 : 32원, 그림 : 59원) 이벤트 진행 중!
-                    </p>
-                    <p class="te tex">
-                        o 결제금액의 2% 포인트 추가 적립 및 포인트 1만점 이상 적립 시 현금 페이백 이벤트 진행 중!
-                    </p>
-                    <p class="te tex">
-                        o 문자온 알림톡, 대한민국 최저가 이벤트 진행 중!(조건 없이 누구나 무조건 6.9원)
-                    </p>
-                    <img src="./img/text_send_event.jpg" alt="이벤트">
-                </div>
-            </div>
-		</div> 
-        <div class="bt-button">
-            <a href="https://www.munjaon.co.kr/web/mjon/msgdata/selectMsgDataView.do">단체문자</a>
-        </div>
-    </div>
-</body>
-</html>
+<!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>
+        
+    <meta name="description" content="단체문자 - 단체문자발송, 단체 및 대량문자 샘플, 문자사이트 장점 및 혜택, 문자사이트 선택 기준, 문자온 이벤트 등">
+    <meta property="og:type" content="website">
+    <meta property="og:title" content="단체문자 - 문자온">            
+    <meta property="og:description" content="단체문자 - 단체문자발송, 단체 및 대량문자 샘플, 문자사이트 장점 및 혜택, 문자사이트 선택 기준, 문자온 이벤트 등">
+	<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">
+    
+	<link rel="stylesheet" href="/publish/publish_adv/css/reset.css">
+    <link rel="stylesheet" href="/publish/publish_adv/css/style.css">
+    <link rel="stylesheet" href="/publish/css/font.css">
+</head>
+<style>
+    html{min-width: 540px;}
+   .text-wrap .text_list{max-width: 1320px; width: calc(100% - 60px); border: 6px solid #f3f6fb; border-radius: 20px; overflow: hidden; margin: 0 auto; margin-top: 73px; padding: 2% 0;}
+   .text-wrap .text_list p{text-align: center; font-weight: 700; font-size: 39px; margin-bottom: 2%; letter-spacing: -1.5px;}
+   .text-wrap .text_list ul{padding: 0 36%; font-size: 28px; font-weight: 400; white-space: nowrap; line-height: 49px; letter-spacing: -1.5px;}
+   .text-wrap .text-box{margin-top: 80px; text-align: center;}
+   .text-wrap .text-box .content div{background-color: #fff; padding: 70px; border-radius: 10px; margin-bottom: 50px;}
+   .text-wrap .text-box .content div .tit{font-size: 30px; font-weight: 700;}
+   .text-wrap .text-box .content div .te{font-weight: 300; margin: 30px 0; line-height: 1.3;}
+   .text-wrap .text-box .content div .tex{text-align: left;}
+   .text-wrap .text-box .content div img{width: 50%;}
+
+   @media screen and (max-width:1000px){
+    .text-wrap .text_list ul{font-size: 24px; padding: 0 34%;}
+   }
+   @media screen and (max-width:870px){
+    .text-wrap .text_list p{font-size: 33px;}
+    .text-wrap .text_list ul{font-size: 24px; padding: 0 32%; line-height: 1.7;}
+   }
+   @media screen and (max-width:780px){
+    .text-wrap .text_list ul{font-size: 22px; padding: 0 32%;}
+   }
+   @media screen and (max-width:700px){
+    .text-wrap .text_list ul{font-size: 22px; padding: 0 28%;}
+   }
+   @media screen and (max-width:600px){
+    .text-wrap .text_list ul{font-size: 22px; padding: 0 18%;}
+   }
+   
+</style>
+
+<body>
+    <div class="multi-text-wrap text-wrap">
+        <div class="banner-wrap">
+            <a href="https://www.munjaon.co.kr" class="logo"><img src="http://www.munjaon.co.kr/publish/images/CI.png" alt="배너로고"></a>
+            <div class="banner">
+                <img src="/publish/publish_adv/img/banner.jpg" alt="배너">
+                <div class="title">
+                	<h1 style="color:lightgray;">단체문자</h1>
+                    <p>단체문자</p>
+                </div>
+            </div>
+        </div>
+        <div class="text_list">
+            <p>목 &nbsp;차</p>
+            <ul>
+                <li><a href="#multi_text_01">1. 단체문자발송</a></li>
+                <li><a href="#multi_text_02">2. 단체 및 대량문자 샘플</a></li>
+                <li><a href="#multi_text_03">3. 문자온 문자사이트 장점 및 혜택</a></li>
+                <li><a href="#multi_text_04">4. 문자사이트 선택의 5가지 기준</a></li>
+                <li><a href="#multi_text_05">5. 문자온 이벤트</a></li>
+            </ul>
+        </div>
+        <div class="multi-text-box text-box">
+			<div class="content">
+                <div id="multi_text_01">
+                    <p class="tit">단체문자발송</p>
+                    <p class="te">휴대폰으로도 단체문자를 보낼 수 있지만, 한 번에 보낼 수 있는 단체 문자의 수가 제한됩니다. 보통은 수백명 이하이며, 갤럭시의 경우 인원수 제한을 초과하는 경우 메시지가 전송되지 않을 수 있습니다. 또한, 인터넷 문자사이트를 이용하여 대량 전송하는 것보다 요금 또한 매우 비쌉니다.</p>
+                    <p class="te">문자온은 단체문자 및 대량문자 전송을 위한 특화된 인터넷 문자사이트로 별도의 프로그램 설치 없이 컴퓨터로 단체 및 대량 문자 전송이 가능하며, 특정문구 일괄변환, 무료 문자 포토에디터, 그림문자 맞춤제작, 주소록 등록 무료 대행, 080 수신거부 무료 제공, 문자메시지 내 제목 및 약도 추가, 자동화 기반 비용처리 등이 가능하여 누구나 쉽고 편리하게 문자를 대량으로 발송할 수 있습니다.</p>
+                    <img src="./img/text_send_08.jpg" alt="단체문자발송">
+                </div>
+                <div id="multi_text_02">
+                    <p class="tit">단체 및 대량문자 샘플</p>
+                    <p class="te">
+                        인터넷문자 사이트 문자온은 대량문자·단체문자 발송을 위한 다양한 문자 샘플을 무료로 제공합니다.
+                    </p>
+                    <p class="te" style="font-size: 17px; margin-top: -20px;">
+                        - 기념일문자, 경조문자, 부고문자, 조문문자, 결혼문자, 행사문자, 병원문자, 선거문자, 응원문자, 홍보문자 등 다양한 웹문자 기반 단체문자&대량문자 샘플 제공
+                    </p>
+                    <img src="./img/text_sample_02.jpg" alt="문자발송 샘플">
+                </div>
+                <div id="multi_text_03">
+                    <p class="tit">문자온 문자사이트 장점 및 혜택</p>
+                    <p class="te tex">
+                        o 대량 및 단체문자 일괄 발송 : 별도의 프로그램 설치 없이 웹문자로 100만건 이상 끊김 없는 대량 전송 가능 <br>
+                        <span style="font-size: 17px;">※ 발송오류율 0%, 문자전송 실패 시 100% 보상 및 재적립(단문문자, 장문문자, 그림문자)</span>
+                    </p>
+                    <p class="te tex">
+                        o 엑셀 일괄 업로드 및 다운로드 : 엑셀로 한 번에 주소록 업로드 및 다운로드 가능
+                    </p>
+                    <p class="te tex">
+                        o 치환 : 주소록, 엑셀, TXT 등 입력된 문자내용을 수신자마다 다르게 전송할 수 있는 특정문구 일괄 변환(치환) 기능 제공
+                    </p>
+                    <p class="te tex">
+                        o 주소록 : 쉽고 편리한 주소록 관리 모듈 및 폰주소록 등록 기능 제공
+                    </p>
+                    <p class="te tex">
+                        o 예약문자 : 특정 날짜 및 시간에 문자 전송 내역을 저장하여 일괄 발송 기능 제공
+                    </p>
+                    <p class="te tex">
+                        o 그림 및 사진문자 발송 : 그림문자 3장 일괄 전송 지원
+                    </p>
+                    <p class="te tex">
+                        o 발신번호 변경 및 관리 : 다양한 본인인증(휴대폰, 일반전화, 서류 등) 및 결제수단 제공
+                    </p>
+                    <p class="te tex">
+                        o 포토에디터 : 국내 최초 자사 기술로 개발한 문자 포토에디터 무료 제공
+                    </p>
+                    <p class="te tex">
+                        o 최고의 디자이너가 직접 제작하는 나만의 그림문자 맞춤제작 서비스 제공
+                    </p>
+                    <img src="./img/text_send_09.jpg" alt="장점 및 혜택">
+                </div>
+                <div id="multi_text_04">
+                    <p class="tit">문자사이트 선택의 5가지 기준</p>
+                    <p class="te tex">
+                        o 속도, 성능, 기능, 보안, 가격이 보장되는가?
+                    </p>
+                    <p class="te tex">
+                        o 회원가입, 발신번호 인증이 쉽고 빠르며, 대량문자를 전송하기에 UI/UX가 편리한가?
+                    </p>
+                    <p class="te tex">
+                        o 최신 IT 기술과 트렌드를 반영시키고 있는가?
+                    </p>
+                    <p class="te tex">
+                        o 결제, 정산, 환불, 계산서 발행 등 업무가 자동화되어 있고 편리한가?
+                    </p>
+                    <p class="te tex">
+                        o 매일 매일 문자샘플 콘텐츠가 업데이트 되고, CS 및 기술응대가 실시간적으로 잘 이뤄지고 있는가?
+                    </p>
+                    <p class="te tex" style="border: 2px solid #cbcbcb; padding: 20px; border-radius: 10px; font-size: 17px;">
+                        문자온은 특화된 인공지능‧자동화 기술 및 공신력과 검증된 기술력(GS 1등급, 호환성 Lv2, 이노비즈. 메인비즈, 우수기술기업 인증 등)을 보유한 우수기술 인증 종합 IT 벤처기업이 작정하고 만든 세상에서 제일 쉽고 똑똑한 프리미엄 대량 및 단체문자 전송 플랫폼입니다.
+                    </p>
+                    <img src="./img/text_send_10.jpg" alt="5가지 기준">
+                </div>
+                <div id="multi_text_05">
+                    <p class="tit">문자온 이벤트</p>
+                    <p class="te tex">
+                        o 첫결제 국내 최저가(단문 : 7.5원, 장문 : 32원, 그림 : 59원) 이벤트 진행 중!
+                    </p>
+                    <p class="te tex">
+                        o 결제금액의 2% 포인트 추가 적립 및 포인트 1만점 이상 적립 시 현금 페이백 이벤트 진행 중!
+                    </p>
+                    <p class="te tex">
+                        o 문자온 알림톡, 대한민국 최저가 이벤트 진행 중!(조건 없이 누구나 무조건 6.9원)
+                    </p>
+                    <img src="./img/text_send_event.jpg" alt="이벤트">
+                </div>
+            </div>
+		</div> 
+        <div class="bt-button">
+            <a href="https://www.munjaon.co.kr/web/mjon/msgdata/selectMsgDataView.do">단체문자</a>
+        </div>
+    </div>
+</body>
+</html>
diff --git a/src/main/webapp/publish/publish_text/send_text.html b/src/main/webapp/publish/publish_text/send_text.html
index 9b30c270..c42f8d41 100644
--- a/src/main/webapp/publish/publish_text/send_text.html
+++ b/src/main/webapp/publish/publish_text/send_text.html
@@ -1,124 +1,125 @@
-<!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>
-        
-    <meta name="description" content="문자보내기, 인터넷으로문자보내기, 컴퓨터로문자보내기, 단체문자보내기, 번호도용방지서비스, 광고문자, 홍보문자">
-    <meta property="og:type" content="website">
-    <meta property="og:title" content="문자보내기 - 문자온">            
-    <meta property="og:description" content="문자보내기, 인터넷으로문자보내기, 컴퓨터로문자보내기, 단체문자보내기, 번호도용방지서비스, 광고문자, 홍보문자">
-	<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">
-    
-	<link rel="stylesheet" href="/publish/publish_adv/css/reset.css">
-    <link rel="stylesheet" href="/publish/publish_adv/css/style.css">
-    <link rel="stylesheet" href="/publish/css/font.css">
-</head>
-<style>
-    html{min-width: 540px;}
-   .text-wrap .text_list{max-width: 1320px; width: calc(100% - 60px); border: 6px solid #f3f6fb; border-radius: 20px; overflow: hidden; margin: 0 auto; margin-top: 73px; padding: 2% 0;}
-   .text-wrap .text_list p{text-align: center; font-weight: 700; font-size: 39px; margin-bottom: 2%; letter-spacing: -1.5px;}
-   .text-wrap .text_list ul{padding: 0 36%; font-size: 28px; font-weight: 400; white-space: nowrap; line-height: 49px; letter-spacing: -1.5px;}
-   .text-wrap .text-box{margin-top: 80px; text-align: center;}
-   .text-wrap .text-box .content div{background-color: #fff; padding: 70px; border-radius: 10px; margin-bottom: 50px;}
-   .text-wrap .text-box .content div .tit{font-size: 30px; font-weight: 700;}
-   .text-wrap .text-box .content div .te{font-weight: 300; margin: 30px 0; line-height: 1.3;}
-   .text-wrap .text-box .content div img{width: 50%;}
-
-   @media screen and (max-width:1000px){
-    .text-wrap .text_list ul{font-size: 24px; padding: 0 34%;}
-   }
-   @media screen and (max-width:870px){
-    .text-wrap .text_list p{font-size: 33px;}
-    .text-wrap .text_list ul{font-size: 24px; padding: 0 32%; line-height: 1.7;}
-   }
-   @media screen and (max-width:780px){
-    .text-wrap .text_list ul{font-size: 22px; padding: 0 32%;}
-   }
-   @media screen and (max-width:700px){
-    .text-wrap .text_list ul{font-size: 22px; padding: 0 28%;}
-   }
-   @media screen and (max-width:600px){
-    .text-wrap .text_list ul{font-size: 22px; padding: 0 18%;}
-   }
-   
-</style>
-
-<body>
-    <div class="multi-text-wrap text-wrap">
-        <div class="banner-wrap">
-            <a href="https://www.munjaon.co.kr" class="logo"><img src="http://www.munjaon.co.kr/publish/images/CI.png" alt="배너로고"></a>
-            <div class="banner">
-                <img src="/publish/publish_adv/img/banner.jpg" alt="배너">
-                <div class="title">
-                    <p>문자보내기</p>
-                </div>
-            </div>
-        </div>
-        <div class="text_list">
-            <p>목 &nbsp;차</p>
-            <ul>
-                <li><a href="#send_text_01">1. 인터넷으로 문자보내기</a></li>
-                <li><a href="#send_text_02">2. 컴퓨터로 문자보내기</a></li>
-                <li><a href="#send_text_03">3. 단체문자보내기 주의할 점</a></li>
-                <li><a href="#send_text_04">4. 번호도용방지서비스?</a></li>
-                <li><a href="#send_text_05">5. 광고문자/홍보문자 보내기 주의할 점</a></li>
-            </ul>
-        </div>
-        <div class="multi-text-box text-box">
-			<div class="content">
-                <div id="send_text_01">
-                    <p class="tit">인터넷으로 문자보내기</p>
-                    <p class="te">갤럭시나 아이폰 등 휴대폰으로 문자를 발송하는 것이 아닌, PC나 컴퓨터 등 인터넷 문자사이트를 통해 문자를 단체로 대량 발송하는 행위</p>
-                    <img src="./img/text_send.jpg" alt="문자보내기">
-                </div>
-                <div id="send_text_02">
-                    <p class="tit">컴퓨터로 문자보내기</p>
-                    <p class="te">인터넷문자 사이트를 통해 문자발송하는 행위 중 특히 컴퓨터(PC)를 통해 문자를 발송하는 행위</p>
-                    <img src="./img/text_send_02.jpg" alt="컴퓨터로 문자보내기">
-                </div>
-                <div id="send_text_03">
-                    <p class="tit">단체문자보내기 주의할 점</p>
-                    <p class="te" style="text-align: left;">
-                        1. 문자사이트에서 인터넷으로 단체문자를 보낼 때에는 회신번호(발신번호)로 사용하는 번호가 이동통신사 “번호도용방지서비스”에 가입되어 있는지 확인하는 것이 중요합니다. 해당 서비스에 가입되어 있을 경우 문자발송사이트를 통해 문자메세지를 발송하실 수 없습니다.  
-                    </p>
-                    <p class="te" style="text-align: left;">
-                        2. 문자전송사이트에서 전송하는 모든 문자에는 반드시 웹발신(WEB발신) 문구가 포함되어야 합니다.
-                    </p>
-                    <p class="te" style="text-align: left;">
-                        3. 회신번호(발신번호) 없이 또는 변작(변조)하여 문자를 대량으로 전송할 수 없으며, 반드시 사전에 회신번호(발신번호)를 등록하여 사용해야 합니다.
-                    </p>
-                    <img src="./img/text_send_03.jpg" alt="단체문자보내기 주의점">
-                </div>
-                <div id="send_text_04">
-                    <p class="tit">번호도용방지서비스?</p>
-                    <p class="te">이동통신사 번호도용 문자차단 서비스는 웹에서 발송되는 스미싱, 스팸문자에 내 번호가 회신번호로 악용되는 것을 방지해주는 서비스로 해당 서비스에 가입되어 있는 경우 인터넷을 통해 본인 휴대폰 번호로 문자 발송이 자동 차단되게 됩니다. 이동통신사에 '번호도용 문자차단서비스' 서비스 해지를 요청할 경우 정상 발송까지 3~7일 정도가 소요됩니다.</p>
-                    <img src="./img/text_service.jpg" alt="번호도용방지">
-                </div>
-                <div id="send_text_05">
-                    <p class="tit">광고문자/홍보문자 보내기 주의할 점</p>
-                    <p class="te">홍보 및 광고문자의 경우에는 광고성 문자규정을 반드시 준수하여야 합니다. 문자온은 문자전송 화면에 광고문자 필수 표기사항 자동입력 기능 및 광고문자 전송 규정 안내를 제공하고 있으므로 규정에 맞게 편리하게 이용하실 수 있습니다.</p>
-                </div>
-            </div>
-		</div> 
-        <div class="bt-button">
-            <a href="https://www.munjaon.co.kr/web/mjon/msgdata/selectMsgDataView.do">문자보내기</a>
-        </div>
-    </div>
-</body>
-</html>
+<!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>
+        
+    <meta name="description" content="문자보내기, 인터넷으로문자보내기, 컴퓨터로문자보내기, 단체문자보내기, 번호도용방지서비스, 광고문자, 홍보문자">
+    <meta property="og:type" content="website">
+    <meta property="og:title" content="문자보내기 - 문자온">            
+    <meta property="og:description" content="문자보내기, 인터넷으로문자보내기, 컴퓨터로문자보내기, 단체문자보내기, 번호도용방지서비스, 광고문자, 홍보문자">
+	<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">
+    
+	<link rel="stylesheet" href="/publish/publish_adv/css/reset.css">
+    <link rel="stylesheet" href="/publish/publish_adv/css/style.css">
+    <link rel="stylesheet" href="/publish/css/font.css">
+</head>
+<style>
+    html{min-width: 540px;}
+   .text-wrap .text_list{max-width: 1320px; width: calc(100% - 60px); border: 6px solid #f3f6fb; border-radius: 20px; overflow: hidden; margin: 0 auto; margin-top: 73px; padding: 2% 0;}
+   .text-wrap .text_list p{text-align: center; font-weight: 700; font-size: 39px; margin-bottom: 2%; letter-spacing: -1.5px;}
+   .text-wrap .text_list ul{padding: 0 36%; font-size: 28px; font-weight: 400; white-space: nowrap; line-height: 49px; letter-spacing: -1.5px;}
+   .text-wrap .text-box{margin-top: 80px; text-align: center;}
+   .text-wrap .text-box .content div{background-color: #fff; padding: 70px; border-radius: 10px; margin-bottom: 50px;}
+   .text-wrap .text-box .content div .tit{font-size: 30px; font-weight: 700;}
+   .text-wrap .text-box .content div .te{font-weight: 300; margin: 30px 0; line-height: 1.3;}
+   .text-wrap .text-box .content div img{width: 50%;}
+
+   @media screen and (max-width:1000px){
+    .text-wrap .text_list ul{font-size: 24px; padding: 0 34%;}
+   }
+   @media screen and (max-width:870px){
+    .text-wrap .text_list p{font-size: 33px;}
+    .text-wrap .text_list ul{font-size: 24px; padding: 0 32%; line-height: 1.7;}
+   }
+   @media screen and (max-width:780px){
+    .text-wrap .text_list ul{font-size: 22px; padding: 0 32%;}
+   }
+   @media screen and (max-width:700px){
+    .text-wrap .text_list ul{font-size: 22px; padding: 0 28%;}
+   }
+   @media screen and (max-width:600px){
+    .text-wrap .text_list ul{font-size: 22px; padding: 0 18%;}
+   }
+   
+</style>
+
+<body>
+    <div class="multi-text-wrap text-wrap">
+        <div class="banner-wrap">
+            <a href="https://www.munjaon.co.kr" class="logo"><img src="http://www.munjaon.co.kr/publish/images/CI.png" alt="배너로고"></a>
+            <div class="banner">
+                <img src="/publish/publish_adv/img/banner.jpg" alt="배너">
+                <div class="title">
+                	<h1 style="color:lightgray;">문자보내기</h1>
+                    <p>문자보내기</p>
+                </div>
+            </div>
+        </div>
+        <div class="text_list">
+            <p>목 &nbsp;차</p>
+            <ul>
+                <li><a href="#send_text_01">1. 인터넷으로 문자보내기</a></li>
+                <li><a href="#send_text_02">2. 컴퓨터로 문자보내기</a></li>
+                <li><a href="#send_text_03">3. 단체문자보내기 주의할 점</a></li>
+                <li><a href="#send_text_04">4. 번호도용방지서비스?</a></li>
+                <li><a href="#send_text_05">5. 광고문자/홍보문자 보내기 주의할 점</a></li>
+            </ul>
+        </div>
+        <div class="multi-text-box text-box">
+			<div class="content">
+                <div id="send_text_01">
+                    <p class="tit">인터넷으로 문자보내기</p>
+                    <p class="te">갤럭시나 아이폰 등 휴대폰으로 문자를 발송하는 것이 아닌, PC나 컴퓨터 등 인터넷 문자사이트를 통해 문자를 단체로 대량 발송하는 행위</p>
+                    <img src="./img/text_send.jpg" alt="문자보내기">
+                </div>
+                <div id="send_text_02">
+                    <p class="tit">컴퓨터로 문자보내기</p>
+                    <p class="te">인터넷문자 사이트를 통해 문자발송하는 행위 중 특히 컴퓨터(PC)를 통해 문자를 발송하는 행위</p>
+                    <img src="./img/text_send_02.jpg" alt="컴퓨터로 문자보내기">
+                </div>
+                <div id="send_text_03">
+                    <p class="tit">단체문자보내기 주의할 점</p>
+                    <p class="te" style="text-align: left;">
+                        1. 문자사이트에서 인터넷으로 단체문자를 보낼 때에는 회신번호(발신번호)로 사용하는 번호가 이동통신사 “번호도용방지서비스”에 가입되어 있는지 확인하는 것이 중요합니다. 해당 서비스에 가입되어 있을 경우 문자발송사이트를 통해 문자메세지를 발송하실 수 없습니다.  
+                    </p>
+                    <p class="te" style="text-align: left;">
+                        2. 문자전송사이트에서 전송하는 모든 문자에는 반드시 웹발신(WEB발신) 문구가 포함되어야 합니다.
+                    </p>
+                    <p class="te" style="text-align: left;">
+                        3. 회신번호(발신번호) 없이 또는 변작(변조)하여 문자를 대량으로 전송할 수 없으며, 반드시 사전에 회신번호(발신번호)를 등록하여 사용해야 합니다.
+                    </p>
+                    <img src="./img/text_send_03.jpg" alt="단체문자보내기 주의점">
+                </div>
+                <div id="send_text_04">
+                    <p class="tit">번호도용방지서비스?</p>
+                    <p class="te">이동통신사 번호도용 문자차단 서비스는 웹에서 발송되는 스미싱, 스팸문자에 내 번호가 회신번호로 악용되는 것을 방지해주는 서비스로 해당 서비스에 가입되어 있는 경우 인터넷을 통해 본인 휴대폰 번호로 문자 발송이 자동 차단되게 됩니다. 이동통신사에 '번호도용 문자차단서비스' 서비스 해지를 요청할 경우 정상 발송까지 3~7일 정도가 소요됩니다.</p>
+                    <img src="./img/text_service.jpg" alt="번호도용방지">
+                </div>
+                <div id="send_text_05">
+                    <p class="tit">광고문자/홍보문자 보내기 주의할 점</p>
+                    <p class="te">홍보 및 광고문자의 경우에는 광고성 문자규정을 반드시 준수하여야 합니다. 문자온은 문자전송 화면에 광고문자 필수 표기사항 자동입력 기능 및 광고문자 전송 규정 안내를 제공하고 있으므로 규정에 맞게 편리하게 이용하실 수 있습니다.</p>
+                </div>
+            </div>
+		</div> 
+        <div class="bt-button">
+            <a href="https://www.munjaon.co.kr/web/mjon/msgdata/selectMsgDataView.do">문자보내기</a>
+        </div>
+    </div>
+</body>
+</html>
diff --git a/src/main/webapp/publish/publish_text/text_send.html b/src/main/webapp/publish/publish_text/text_send.html
index 92cc4230..bc9a6d14 100644
--- a/src/main/webapp/publish/publish_text/text_send.html
+++ b/src/main/webapp/publish/publish_text/text_send.html
@@ -1,136 +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>
-        
-    <meta name="description" content="문자발송, 단체문자발송, 문자발송 샘플, 문자 예약발송, 문자발송 실패, 문자발송 대기,문자발송사이트 등 안내">            
-    <meta property="og:type" content="website">
-    <meta property="og:title" content="문자발송 - 문자온">            
-    <meta property="og:description" content="문자발송, 단체문자발송, 문자발송 샘플, 문자 예약발송, 문자발송 실패, 문자발송 대기,문자발송사이트 등 안내">
-	<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">
-    
-	<link rel="stylesheet" href="/publish/publish_adv/css/reset.css">
-    <link rel="stylesheet" href="/publish/publish_adv/css/style.css">
-    <link rel="stylesheet" href="/publish/css/font.css">
-</head>
-<style>
-    html{min-width: 540px;}
-   .text-wrap .text_list{max-width: 1320px; width: calc(100% - 60px); border: 6px solid #f3f6fb; border-radius: 20px; overflow: hidden; margin: 0 auto; margin-top: 73px; padding: 2% 0;}
-   .text-wrap .text_list p{text-align: center; font-weight: 700; font-size: 39px; margin-bottom: 2%; letter-spacing: -1.5px;}
-   .text-wrap .text_list ul{padding: 0 36%; font-size: 28px; font-weight: 400; white-space: nowrap; line-height: 49px; letter-spacing: -1.5px;}
-   .text-wrap .text-box{margin-top: 80px; text-align: center;}
-   .text-wrap .text-box .content div{background-color: #fff; padding: 70px; border-radius: 10px; margin-bottom: 50px;}
-   .text-wrap .text-box .content div .tit{font-size: 30px; font-weight: 700;}
-   .text-wrap .text-box .content div .te{font-weight: 300; margin: 30px 0; line-height: 1.3;}
-   .text-wrap .text-box .content div img{width: 50%;}
-
-   @media screen and (max-width:1000px){
-    .text-wrap .text_list ul{font-size: 24px; padding: 0 34%;}
-   }
-   @media screen and (max-width:870px){
-    .text-wrap .text_list p{font-size: 33px;}
-    .text-wrap .text_list ul{font-size: 24px; padding: 0 32%; line-height: 1.7;}
-   }
-   @media screen and (max-width:780px){
-    .text-wrap .text_list ul{font-size: 22px; padding: 0 32%;}
-   }
-   @media screen and (max-width:700px){
-    .text-wrap .text_list ul{font-size: 22px; padding: 0 28%;}
-   }
-   @media screen and (max-width:600px){
-    .text-wrap .text_list ul{font-size: 22px; padding: 0 18%;}
-   }
-
-   
-</style>
-
-<body>
-    <div class="multi-text-wrap text-wrap">
-        <div class="banner-wrap">
-            <a href="https://www.munjaon.co.kr"  class="logo"><img src="http://www.munjaon.co.kr/publish/images/CI.png" alt="배너로고"></a>
-            <div class="banner">
-                <img src="/publish/publish_adv/img/banner.jpg" alt="배너">
-                <div class="title">
-                    <p>문자발송</p>
-                </div>
-            </div>
-        </div>
-        <div class="text_list">
-            <p>목 &nbsp;차</p>
-            <ul>
-                <li><a href="#text_send_01">1. 단체문자발송</a></li>
-                <li><a href="#text_send_02">2. 문자발송 샘플</a></li>
-                <li><a href="#text_send_03">3. 문자 예약발송</a></li>
-                <li><a href="#text_send_04">4. 문자발송 실패</a></li>
-                <li><a href="#text_send_05">5. 문자발송 대기</a></li>
-                <li><a href="#text_send_06">6. 문자발송 성공이나 수신 안되는 경우</a></li>
-                <li><a href="#text_send_07">7. 문자발송사이트 문자온</a></li>
-            </ul>
-        </div>
-        <div class="multi-text-box text-box">
-			<div class="content">
-                <div id="text_send_01">
-                    <p class="tit">단체문자발송</p>
-                    <p class="te">단체문자 및 대량문자전송 사이트 문자온을 통해 아주 쉽고 간단하게 문자를 발송할 수 있습니다. 문자전송 메뉴에는 문자를 대량발송하기 위한 광고문자 규정 문구 자동 입력 기능, 받는 사람마다 내용을 달리할 수 있는 특정문구 일괄변환 기능, 문자내용을 저장해두고 사용할 수 있는 내문자함 기능, 사진(그림)을 편집할 수 있는 포토에디터 기능, 자주 사용하는 수신번호를 관리할 수 있는 주소록 불러오기 기능 및 엑셀 불러오기 기능, 다양한 문자샘플 및 지도/약도URL 기능 등 대량문자발송을 위한 다양한 기능을 무료로 제공하고 있습니다.</p>
-                    <img src="./img/text_send_04.jpg" alt="단체문자발송">
-                </div>
-                <div id="text_send_02">
-                    <p class="tit">문자발송 샘플</p>
-                    <p class="te">
-                        웹문자 사이트 문자온은 대량문자·단체문자 발송을 위한 다양한 SMS/LMS/MMS 샘플을 무료로 제공하고 있습니다.
-                    </p>
-                    <p class="te" style="font-size: 17px; margin-top: -20px;">
-                        - 경조문자, 부고문자, 광고문자, 홍보문자, 조문문자, 결혼문자, 예약문자, 사진문자, 그림문자, 병원문자, 위로문자, 응원문자, 행사문자, 기념일문자 등 다양한 단문문자, 장문문자 문구 및 그림문자 이미지 제공
-                    </p>
-                    <img src="./img/text_sample.jpg" alt="문자발송 샘플">
-                </div>
-                <div id="text_send_03">
-                    <p class="tit">문자 예약발송</p>
-                    <p class="te">
-                        문자온은 단체문자전송을 위한 예약문자 발송 기능을 제공하고 있습니다. 문자를 발송할 날짜, 시간 및 분할 횟수를 지정하여 예약할 경우 해당 시간에 맞춰 문자가 자동발송되며, 예약취소 및 변경이 가능합니다. 단, 예약 취소는 문자예약전송 시간이 5분 이상 남아있을 경우에만 가능합니다.
-                    </p>
-                    <img src="./img/text_send_05.jpg" alt="문자 예약발송">
-                </div>
-                <div id="text_send_04">
-                    <p class="tit">문자발송 실패</p>
-                    <p class="te">수신자의 휴대폰 번호 변경, 서비스 일시 정지, 발신자의 번호도용방지서비스 가입 등 다양한 사유가 존재하며 발송에 실패한 문자메시지에 대해서는 해당요금 전액 잔액으로 반환(환불)됩니다.</p>
-                    <img src="./img/text_fail.jpg" alt="문자발송 실패">
-                </div>
-                <div id="text_send_05">
-                    <p class="tit">문자발송 대기</p>
-                    <p class="te">수신자의 휴대폰이 꺼져있거나, 수신지역 이탈 등 다양한 사유가 존재하며 대기 상태일 경우 최대 72시간까지 문자발신을 시도(통신사마다 1~3일 소요)합니다. 최종적으로 수신자가 문자를 받을 수 없을 경우 실패 처리되며 해당요금은 잔액으로 반환됩니다.</p>
-                    <img src="./img/text_send_06.jpg" alt="문자발송 대기">
-                </div>
-                <div id="text_send_06">
-                    <p class="tit">문자발송 성공이나 수신 안되는 경우</p>
-                    <p class="te">한국인터넷진흥원 불법스팸대응센터에서 스팸종합대책을 마련함에 따라, 각 이동통신사는 스팸차단서비스(스팸필터링서비스)를 운영하고 있습니다. 이동통신사는 각각 보유한 알고리즘을 지속적으로 업데이트 하면서 자동으로 스팸문자를 판단하여 해당 통신사 스팸보관함에 보관합니다. 이 때 문자 발송은 성공한 것으로 처리하기 때문에 정상과금 처리가 됩니다. 따라서 정상적으로 문자를 발송하였는데도 수신자가 받지 못했을 경우에는 수신자를 통해 스팸차단서비스에 의해 차단되었는지를 확인해 보시길 바랍니다.</p>
-                    <img src="./img/text_send_07.jpg" alt="성공이나 수신 안되는 경우">
-                </div>
-                <div id="text_send_07">
-                    <p class="tit">문자발송사이트 문자온</p>
-                    <p class="te">문자비용이 고민된다면 문자온의 첫결제이벤트를 통해 웹문자를 발송해보세요. 최저 문자요금 7.5원(부가세 별도)! 파격 특가를 지금 만나실 수 있습니다. </p>
-                </div>
-            </div>
-		</div> 
-        <div class="bt-button">
-            <a href="https://www.munjaon.co.kr/web/mjon/msgdata/selectMsgDataView.do">문자발송</a>
-        </div>
-    </div>
-</body>
-</html>
+<!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>
+        
+    <meta name="description" content="문자발송, 단체문자발송, 문자발송 샘플, 문자 예약발송, 문자발송 실패, 문자발송 대기,문자발송사이트 등 안내">            
+    <meta property="og:type" content="website">
+    <meta property="og:title" content="문자발송 - 문자온">            
+    <meta property="og:description" content="문자발송, 단체문자발송, 문자발송 샘플, 문자 예약발송, 문자발송 실패, 문자발송 대기,문자발송사이트 등 안내">
+	<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">
+    
+	<link rel="stylesheet" href="/publish/publish_adv/css/reset.css">
+    <link rel="stylesheet" href="/publish/publish_adv/css/style.css">
+    <link rel="stylesheet" href="/publish/css/font.css">
+</head>
+<style>
+    html{min-width: 540px;}
+   .text-wrap .text_list{max-width: 1320px; width: calc(100% - 60px); border: 6px solid #f3f6fb; border-radius: 20px; overflow: hidden; margin: 0 auto; margin-top: 73px; padding: 2% 0;}
+   .text-wrap .text_list p{text-align: center; font-weight: 700; font-size: 39px; margin-bottom: 2%; letter-spacing: -1.5px;}
+   .text-wrap .text_list ul{padding: 0 36%; font-size: 28px; font-weight: 400; white-space: nowrap; line-height: 49px; letter-spacing: -1.5px;}
+   .text-wrap .text-box{margin-top: 80px; text-align: center;}
+   .text-wrap .text-box .content div{background-color: #fff; padding: 70px; border-radius: 10px; margin-bottom: 50px;}
+   .text-wrap .text-box .content div .tit{font-size: 30px; font-weight: 700;}
+   .text-wrap .text-box .content div .te{font-weight: 300; margin: 30px 0; line-height: 1.3;}
+   .text-wrap .text-box .content div img{width: 50%;}
+
+   @media screen and (max-width:1000px){
+    .text-wrap .text_list ul{font-size: 24px; padding: 0 34%;}
+   }
+   @media screen and (max-width:870px){
+    .text-wrap .text_list p{font-size: 33px;}
+    .text-wrap .text_list ul{font-size: 24px; padding: 0 32%; line-height: 1.7;}
+   }
+   @media screen and (max-width:780px){
+    .text-wrap .text_list ul{font-size: 22px; padding: 0 32%;}
+   }
+   @media screen and (max-width:700px){
+    .text-wrap .text_list ul{font-size: 22px; padding: 0 28%;}
+   }
+   @media screen and (max-width:600px){
+    .text-wrap .text_list ul{font-size: 22px; padding: 0 18%;}
+   }
+
+   
+</style>
+
+<body>
+    <div class="multi-text-wrap text-wrap">
+        <div class="banner-wrap">
+            <a href="https://www.munjaon.co.kr"  class="logo"><img src="http://www.munjaon.co.kr/publish/images/CI.png" alt="배너로고"></a>
+            <div class="banner">
+                <img src="/publish/publish_adv/img/banner.jpg" alt="배너">
+                <div class="title">
+                    <h1 style="color:lightgray;">문자발송</h1>
+                    <p>문자발송</p>
+                </div>
+            </div>
+        </div>
+        <div class="text_list">
+            <p>목 &nbsp;차</p>
+            <ul>
+                <li><a href="#text_send_01">1. 단체문자발송</a></li>
+                <li><a href="#text_send_02">2. 문자발송 샘플</a></li>
+                <li><a href="#text_send_03">3. 문자 예약발송</a></li>
+                <li><a href="#text_send_04">4. 문자발송 실패</a></li>
+                <li><a href="#text_send_05">5. 문자발송 대기</a></li>
+                <li><a href="#text_send_06">6. 문자발송 성공이나 수신 안되는 경우</a></li>
+                <li><a href="#text_send_07">7. 문자발송사이트 문자온</a></li>
+            </ul>
+        </div>
+        <div class="multi-text-box text-box">
+			<div class="content">
+                <div id="text_send_01">
+                    <p class="tit">단체문자발송</p>
+                    <p class="te">단체문자 및 대량문자전송 사이트 문자온을 통해 아주 쉽고 간단하게 문자를 발송할 수 있습니다. 문자전송 메뉴에는 문자를 대량발송하기 위한 광고문자 규정 문구 자동 입력 기능, 받는 사람마다 내용을 달리할 수 있는 특정문구 일괄변환 기능, 문자내용을 저장해두고 사용할 수 있는 내문자함 기능, 사진(그림)을 편집할 수 있는 포토에디터 기능, 자주 사용하는 수신번호를 관리할 수 있는 주소록 불러오기 기능 및 엑셀 불러오기 기능, 다양한 문자샘플 및 지도/약도URL 기능 등 대량문자발송을 위한 다양한 기능을 무료로 제공하고 있습니다.</p>
+                    <img src="./img/text_send_04.jpg" alt="단체문자발송">
+                </div>
+                <div id="text_send_02">
+                    <p class="tit">문자발송 샘플</p>
+                    <p class="te">
+                        웹문자 사이트 문자온은 대량문자·단체문자 발송을 위한 다양한 SMS/LMS/MMS 샘플을 무료로 제공하고 있습니다.
+                    </p>
+                    <p class="te" style="font-size: 17px; margin-top: -20px;">
+                        - 경조문자, 부고문자, 광고문자, 홍보문자, 조문문자, 결혼문자, 예약문자, 사진문자, 그림문자, 병원문자, 위로문자, 응원문자, 행사문자, 기념일문자 등 다양한 단문문자, 장문문자 문구 및 그림문자 이미지 제공
+                    </p>
+                    <img src="./img/text_sample.jpg" alt="문자발송 샘플">
+                </div>
+                <div id="text_send_03">
+                    <p class="tit">문자 예약발송</p>
+                    <p class="te">
+                        문자온은 단체문자전송을 위한 예약문자 발송 기능을 제공하고 있습니다. 문자를 발송할 날짜, 시간 및 분할 횟수를 지정하여 예약할 경우 해당 시간에 맞춰 문자가 자동발송되며, 예약취소 및 변경이 가능합니다. 단, 예약 취소는 문자예약전송 시간이 5분 이상 남아있을 경우에만 가능합니다.
+                    </p>
+                    <img src="./img/text_send_05.jpg" alt="문자 예약발송">
+                </div>
+                <div id="text_send_04">
+                    <p class="tit">문자발송 실패</p>
+                    <p class="te">수신자의 휴대폰 번호 변경, 서비스 일시 정지, 발신자의 번호도용방지서비스 가입 등 다양한 사유가 존재하며 발송에 실패한 문자메시지에 대해서는 해당요금 전액 잔액으로 반환(환불)됩니다.</p>
+                    <img src="./img/text_fail.jpg" alt="문자발송 실패">
+                </div>
+                <div id="text_send_05">
+                    <p class="tit">문자발송 대기</p>
+                    <p class="te">수신자의 휴대폰이 꺼져있거나, 수신지역 이탈 등 다양한 사유가 존재하며 대기 상태일 경우 최대 72시간까지 문자발신을 시도(통신사마다 1~3일 소요)합니다. 최종적으로 수신자가 문자를 받을 수 없을 경우 실패 처리되며 해당요금은 잔액으로 반환됩니다.</p>
+                    <img src="./img/text_send_06.jpg" alt="문자발송 대기">
+                </div>
+                <div id="text_send_06">
+                    <p class="tit">문자발송 성공이나 수신 안되는 경우</p>
+                    <p class="te">한국인터넷진흥원 불법스팸대응센터에서 스팸종합대책을 마련함에 따라, 각 이동통신사는 스팸차단서비스(스팸필터링서비스)를 운영하고 있습니다. 이동통신사는 각각 보유한 알고리즘을 지속적으로 업데이트 하면서 자동으로 스팸문자를 판단하여 해당 통신사 스팸보관함에 보관합니다. 이 때 문자 발송은 성공한 것으로 처리하기 때문에 정상과금 처리가 됩니다. 따라서 정상적으로 문자를 발송하였는데도 수신자가 받지 못했을 경우에는 수신자를 통해 스팸차단서비스에 의해 차단되었는지를 확인해 보시길 바랍니다.</p>
+                    <img src="./img/text_send_07.jpg" alt="성공이나 수신 안되는 경우">
+                </div>
+                <div id="text_send_07">
+                    <p class="tit">문자발송사이트 문자온</p>
+                    <p class="te">문자비용이 고민된다면 문자온의 첫결제이벤트를 통해 웹문자를 발송해보세요. 최저 문자요금 7.5원(부가세 별도)! 파격 특가를 지금 만나실 수 있습니다. </p>
+                </div>
+            </div>
+		</div> 
+        <div class="bt-button">
+            <a href="https://www.munjaon.co.kr/web/mjon/msgdata/selectMsgDataView.do">문자발송</a>
+        </div>
+    </div>
+</body>
+</html>

From 4af623e8bdd910f31e41561348aacea3486619c3 Mon Sep 17 00:00:00 2001
From: myname <antelope337@gmail.com>
Date: Thu, 8 May 2025 15:14:39 +0900
Subject: [PATCH 10/16] =?UTF-8?q?2025-05-08=2015:14=20=EB=AC=B8=EC=9E=90?=
 =?UTF-8?q?=EC=98=A8=20SEO=20=EA=B0=9C=EC=84=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../site/web/EgovSiteManagerController.java   | 53 +++++++++++++++++++
 .../sqlmap/let/pay/MjonPay_SQL_mysql.xml      |  1 +
 .../let/sym/site/EgovSiteManage_SQL_Mysql.xml |  7 ++-
 3 files changed, 60 insertions(+), 1 deletion(-)

diff --git a/src/main/java/itn/let/sym/site/web/EgovSiteManagerController.java b/src/main/java/itn/let/sym/site/web/EgovSiteManagerController.java
index 809ec7ce..4b416c02 100644
--- a/src/main/java/itn/let/sym/site/web/EgovSiteManagerController.java
+++ b/src/main/java/itn/let/sym/site/web/EgovSiteManagerController.java
@@ -66,6 +66,7 @@ import itn.let.sym.site.service.SiteManagerVO;
 import itn.let.sym.site.service.TermsVO;
 import itn.let.uss.umt.service.EgovUserManageService;
 import itn.let.uss.umt.service.UserManageVO;
+import itn.let.utl.user.service.IndexNowUtil;
 import itn.let.utl.user.service.MjonNoticeSendUtil;
 
 /**
@@ -130,6 +131,9 @@ public class EgovSiteManagerController {
 	@Resource(name = "userManageService")
 	private EgovUserManageService userManageService;
 	
+	@Resource(name="indexNowUtil")
+	private IndexNowUtil indexNowUtil;
+	
 	/** 알림전송 Util */
 	@Resource(name = "mjonNoticeSendUtil")
 	private MjonNoticeSendUtil mjonNoticeSendUtil;
@@ -2063,6 +2067,55 @@ public class EgovSiteManagerController {
     	return "redirect:/sym/site/selectMetaTagList.do";
     }
     
+    /**
+     * 메타태그 인택스
+     * 
+     * @param metaTagVO
+     * @param model
+     * @return
+     * @throws Exception
+     */
+    @RequestMapping("/sym/site/selectMetaTagIndex.do")
+    public String selectMetaTagIndex(@ModelAttribute("searchVO") MetaTagVO metaTagVO, ModelMap model) throws Exception{
+    	
+		/** paging */
+		PaginationInfo paginationInfo = new PaginationInfo();
+		paginationInfo.setCurrentPageNo(1);
+		paginationInfo.setRecordCountPerPage(100000);
+		paginationInfo.setPageSize(1);
+
+		metaTagVO.setFirstIndex(paginationInfo.getFirstRecordIndex());
+		metaTagVO.setLastIndex(paginationInfo.getLastRecordIndex());
+		metaTagVO.setRecordCountPerPage(paginationInfo.getRecordCountPerPage());
+    	
+		if("".equals(metaTagVO.getSearchSortCnd())){ //최초조회시 최신것 조회List
+			metaTagVO.setSearchSortCnd("frstRegistPnttm");
+			metaTagVO.setSearchSortOrd("desc");
+		}		
+		
+		metaTagVO.setSearchKeyword("10");	
+		metaTagVO.setSearchCondition("10");
+		
+		List<MetaTagVO> metaTagList = egovSiteManagerService.selectMetaTagList(metaTagVO);
+		/*
+		model.addAttribute("metaTagList", metaTagList);
+		paginationInfo.setTotalRecordCount( metaTagList.size()> 0 ? metaTagList.get(0).getTotCnt() : 0);
+		model.addAttribute("paginationInfo", paginationInfo);
+		*/
+		
+		for (int i=0;i<metaTagList.size();i++) {
+			indexNowUtil.submitUrl("https://www.munjaon.co.kr" + metaTagList.get(i).getUrl());			
+			//if (i>2) break;
+			
+		}
+		
+		
+		//submitUrl("https://yourdomain.com/new-post.html"); // 🔁 여기에 전송할 실제 URL 입력
+		
+    	//return "/sym/site/metaTagList";
+    	return "redirect:/sym/site/selectMetaTagList.do";
+    }    
+    
     /**
      * 관리자 알림 여부
      * 
diff --git a/src/main/resources/egovframework/sqlmap/let/pay/MjonPay_SQL_mysql.xml b/src/main/resources/egovframework/sqlmap/let/pay/MjonPay_SQL_mysql.xml
index d7428744..01e0bdb8 100644
--- a/src/main/resources/egovframework/sqlmap/let/pay/MjonPay_SQL_mysql.xml
+++ b/src/main/resources/egovframework/sqlmap/let/pay/MjonPay_SQL_mysql.xml
@@ -669,6 +669,7 @@
        )
 	</insert>
 	
+	<!-- 사용자 캐쉬 업데이트 -->
 	<insert id="mjonPayDAO.updateMemberCash" parameterClass="mjonPayVO">
 		<selectKey keyProperty="strCash" resultClass="String">
 		 	SELECT NVL(B.CASH , 0) AS cash FROM   LETTNGNRLMBER A 
diff --git a/src/main/resources/egovframework/sqlmap/let/sym/site/EgovSiteManage_SQL_Mysql.xml b/src/main/resources/egovframework/sqlmap/let/sym/site/EgovSiteManage_SQL_Mysql.xml
index afd11373..d6a6a6c3 100644
--- a/src/main/resources/egovframework/sqlmap/let/sym/site/EgovSiteManage_SQL_Mysql.xml
+++ b/src/main/resources/egovframework/sqlmap/let/sym/site/EgovSiteManage_SQL_Mysql.xml
@@ -906,15 +906,20 @@
 			FROM MJ_META_TAG a
 			 WHERE 1 = 1
             <isNotEmpty property="searchKeyword">
+            
                 <isEqual prepend="AND" property="searchCondition" compareValue="">
 				 	( URL LIKE CONCAT('%' , #searchKeyword#, '%')  OR  MENU_NM LIKE CONCAT('%' , #searchKeyword#, '%') )
                 </isEqual>
                 <isEqual prepend="AND" property="searchCondition" compareValue="1">
 				 	URL LIKE CONCAT('%' , #searchKeyword#, '%')
                 </isEqual>
-                 <isEqual prepend="AND" property="searchCondition" compareValue="2">
+                <isEqual prepend="AND" property="searchCondition" compareValue="2">
 				 	MENU_NM LIKE CONCAT('%' , #searchKeyword#, '%')
                 </isEqual>
+                <isEqual prepend="AND" property="searchCondition" compareValue="10">
+				 	DATE_FORMAT(a.LAST_UPDT_PNTTM,'%Y%m%d') >= DATE_FORMAT(DATE_ADD(NOW(), interval -7 day),'%Y%m%d')
+                </isEqual>
+                
             </isNotEmpty>
             ORDER BY 1=1
             <isNotEmpty property="searchSortCnd">

From cbc6097877c93aa7a2a648328717a0c6ff4da140 Mon Sep 17 00:00:00 2001
From: "hehihoho3@gmail.com" <hehihoho3@gmail.com>
Date: Thu, 8 May 2025 18:01:38 +0900
Subject: [PATCH 11/16] =?UTF-8?q?=EC=95=8C=EB=A6=BC=ED=86=A1=EC=A0=84?=
 =?UTF-8?q?=EC=86=A1=EB=A6=AC=EC=8A=A4=ED=8A=B8=20>=20=ED=86=B5=EA=B3=84?=
 =?UTF-8?q?=ED=98=B8=EC=B6=9C=20ajax=20=EC=A3=BC=EC=84=9D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../webapp/WEB-INF/jsp/uss/ion/kakaoat/SendKakaoATList.jsp  | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/main/webapp/WEB-INF/jsp/uss/ion/kakaoat/SendKakaoATList.jsp b/src/main/webapp/WEB-INF/jsp/uss/ion/kakaoat/SendKakaoATList.jsp
index e763479d..91b9047a 100644
--- a/src/main/webapp/WEB-INF/jsp/uss/ion/kakaoat/SendKakaoATList.jsp
+++ b/src/main/webapp/WEB-INF/jsp/uss/ion/kakaoat/SendKakaoATList.jsp
@@ -41,12 +41,12 @@
 $(document).ready(function(){
 
 	// 알림톡 금일/금월/금년 통계
-	getMjonKakaoAtThisSum();
+// 	getMjonKakaoAtThisSum();
 		
 });
 
 // 알림톡 금일/금월/금년 통계
-function getMjonKakaoAtThisSum() {
+/* function getMjonKakaoAtThisSum() {
 	$("#mjonKakaoAtThisSumArea").html("");
 	
 	$.ajax({
@@ -74,7 +74,7 @@ function getMjonKakaoAtThisSum() {
         	//alert("ERROR : " + JSON.stringify(e)); 
         }
     });	
-}	
+}	 */
 
 function fn_search(){
 	var searchKeyword = $('input[name=searchKeyword]').val();

From 42658f8147ed1d270a3a74a9905eb3d413e55fcf Mon Sep 17 00:00:00 2001
From: myname <antelope337@gmail.com>
Date: Fri, 9 May 2025 10:07:50 +0900
Subject: [PATCH 12/16] =?UTF-8?q?2025-05-09=2010:07=20seo=20=EA=B0=9C?=
 =?UTF-8?q?=EC=84=A0=20=EC=9E=91=EC=97=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../adv_template_v1_manuscript_16.html        | 384 +++++++++---------
 .../adv_template_v1_manuscript_4.html         | 246 +++++------
 .../adv_template_v1_manuscript_9.html         | 216 +++++-----
 .../publish/publish_adv/send_group_text.html  |   4 +-
 .../publish/publish_text/send_text.html       |   4 +-
 5 files changed, 427 insertions(+), 427 deletions(-)

diff --git a/src/main/webapp/publish/publish_adv/adv_template_v1_manuscript_16.html b/src/main/webapp/publish/publish_adv/adv_template_v1_manuscript_16.html
index e2543779..1de1aaac 100644
--- a/src/main/webapp/publish/publish_adv/adv_template_v1_manuscript_16.html
+++ b/src/main/webapp/publish/publish_adv/adv_template_v1_manuscript_16.html
@@ -1,193 +1,193 @@
-<!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>
-
-  <meta name="Keywords" content="문자전송, 문자발송, SMS, LMS, MMS, 문자보내기, 단체문자, 단체문자전송, 단체문자발송,단체문자사이트,문자사이트, 대량문자">
-  <meta name="description" content="정보성 메시지를 카카오톡으로 발송할 수 있는 기업회원 전용 서비스이며, 카톡 채널ID를 추가하지 않은 이용자에게도 전화번호만 있으면 메시지 전송이 가능합니다.">
-  <meta property="og:type" content="website">
-  <meta property="og:title" content="카카오 알림톡 설정 및 발송 방법 총정리 - 문자온">
-  <meta property="og:description" content="정보성 메시지를 카카오톡으로 발송할 수 있는 기업회원 전용 서비스이며, 카톡 채널ID를 추가하지 않은 이용자에게도 전화번호만 있으면 메시지 전송이 가능합니다.">
-  <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">
-
-  <link rel="stylesheet" href="/publish/publish_adv/css/reset.css">
-  <link rel="stylesheet" href="/publish/publish_adv/css/style.css">
-  <link rel="stylesheet" href="/publish/css/font.css">
-
-  <script src="/publish/js/jquery-3.5.0.js"></script>
-  <script>
-    function topBtn() {
-      $("html").scrollTop("0");
-    }
-  </script>
-</head>
-
-<body>
-  <div class="template_v1_content content_eleven kakao_con">
-    <button type="button" class="top_btn" onclick="topBtn()">▲<br>TOP</button>
-    <header>
-      <div class="inner">
-        <a href="https://www.munjaon.co.kr">
-          <h1><img src="/publish/publish_adv/img/template_v1_header_logo.png" alt="문자온"></h1>
-        </a>
-      </div>
-    </header>
-    <div class="visual">
-      <div class="inner">
-        <p class="keyword">keyword</p>
-        <h2>카카오 알림톡 설정 및 발송 방법 총정리</h2>
-      </div>
-    </div>
-    <div class="index">
-      <div class="inner">
-        <p>목&ensp;차</p>
-        <nav>
-          <ul>
-            <li><a href="#section01">알림톡이란?</a></li>
-            <li><a href="#section02">알림톡에서 발송 가능한 메시지 종류</a></li>
-            <li><a href="#section03">알림톡을 사용하는 이유</a></li>
-            <li><a href="#section04">알림톡 이용 방법 – 카카오톡 채널 가입 및 채널ID 등록</a></li>
-            <li><a href="#section05">알림톡 이용 방법 – 템플릿 등록</a></li>
-            <li><a href="#section06">자주 묻는 질문</a></li>
-          </ul>
-        </nav>
-      </div>
-    </div>
-    <section class="section section01" id="section01">
-      <div class="inner">
-        <h3>알림톡이란?</h3>
-        <p class="text">
-            정보성 메시지를 카카오톡으로 발송할 수 있는 기업회원 전용 서비스이며, 카톡 채널ID를 추가하지 않은 이용자에게도 전화번호만 있으면 메시지 전송이 가능합니다.
-        </p>
-      </div>
-    </section>
-    <section class="section section02" id="section02">
-        <div class="inner">
-          <h3>알림톡에서 발송 가능한 메시지 종류</h3>
-          <p class="text">
-            알림톡은 회원가입, 결제, 배송, 알림, 고지, 신청 등 수신자 액션에 기반한 정보성 메시지를 카카오톡으로 보낼 수 있으며 광고 및 영리성 메시지 전송은 불가하므로 카카오 검수 과정을 거쳐 승인된 메시지 내용에 한해서만 발송이 가능합니다.
-          </p>
-          <img src="/publish/publish_adv/img/template_v1_manuscript_16_section02_img01.png" alt="알림톡 활용 방법">
-        </div>
-      </section>
-      <section class="section section03" id="section03">
-        <div class="inner">
-          <h3>알림톡을 사용하는 이유</h3>
-          <p class="text" style="margin: 0 0 10px 0;">1. 1,000자 이내 텍스트 및 이미지(로고, 아이콘 등) 전송이 가능합니다.</p>
-          <p class="text" style="margin: 0 0 10px 0;">2. 문자 메시지 대비 65% 이상 저렴합니다.</p>
-          <p class="text" style="margin: 0 0 10px 0;">3. 카톡 채널ID를 추가하지 않은 이용자에게도 전화번호만 있으면 메시지 전송이 가능합니다.</p>
-          <p class="text" style="margin: 0 0 10px 0;">4. 발송 실패 시 자동으로 문자 대체 발송이 가능합니다.</p>
-          <p class="text" style="margin: 0 0 10px 0;">5. 카카오 인증마크를 통해 신뢰도 높은 메시지 발송이 가능합니다.</p>
-          <p class="text" style="margin: 0 0 10px 0;">6. 발신자 브랜드의 이미지 및 신뢰도 상승 효과가 있습니다.</p>
-        </div>
-      </section>
-      <section class="section section04 con_add" id="section04">
-        <div class="inner">
-          <h3>알림톡 이용 방법 – 카카오톡 채널 가입 및 채널<span class="id">ID</span> 등록</h3>
-          <div>
-            <p class="text">o 카카오비즈니스 회원가입</p>
-            <p class="small_text">- 카카오 계정으로 로그인 후 카카오비즈니스 통합 회원으로 전환 또는 신규 회원가입 진행</p>
-            <img src="/publish/publish_adv/img/template_v1_manuscript_16_section04_img01.png" alt="카카오비즈니스 회원가입">
-          </div>
-          <div>
-            <p class="text">o 카카오비즈니스 채널 개설</p>
-            <p class="small_text">- 채널 이름 및 검색용 아이디 등 정보 작성 후 비즈니스 채널 신청 <br>(하나의 관리자 계정은 최대 10개의 채널을 개설할 수 있으며, 최초 등록 시 비공개로 개설되니 추후 [관리] > [상세설정] > 채널 공개 및 검색 허용 설정 “ON”으로 변경 필요)</p>
-            <img src="/publish/publish_adv/img/template_v1_manuscript_16_section04_img02.png" alt="카카오비즈니스 채널 개설">
-          </div>
-          <div>
-            <p class="text">o 채널ID 등록</p>
-            <p class="small_text">- 채널 개설 이후 문자온 홈페이지 내 [카톡발송] > [카카오톡 설정] > 채널ID 등록 바로가기 클릭을 통해 카카오채널 관리자센터와 동일한 정보 입력 후 등록</p>
-            <img src="/publish/publish_adv/img/template_v1_manuscript_16_section04_img03.png" alt="문자온 사이트에서 채널ID 등록">
-          </div>
-        </div>
-      </section>
-      <section class="section section05 con_add" id="section05">
-        <div class="inner">
-          <h3>알림톡 이용 방법 – 템플릿 등록</h3>
-          <div>
-            <p class="text">o 템플릿 등록</p>
-            <p class="small_text">- 문자온 홈페이지 내 [카톡발송] > [카카오톡 설정] > 알림톡 템플릿 등록/관리를 통해 템플릿 작성 가능</p>
-            <img src="/publish/publish_adv/img/template_v1_manuscript_16_section05_img01.png" alt="문자온 사이트에서 알림톡 템플릿 등록">
-            <p class="small_text">- 템플릿 등록 이후 반드시 <span class="te_re">“템플릿 심사요청”</span> 버튼을 클릭하여 심사 필요(영업일 기준 2~3일 소요)</p>
-            <img src="/publish/publish_adv/img/template_v1_manuscript_16_section05_img02.png" alt="문자온 사이트에서 알림톡 템플릿 심사 요청">
-          </div>
-        </div>
-      </section>
-      <section class="section section06" id="section06">
-        <div class="inner">
-          <h3>자주 묻는 질문</h3>
-          <dl>
-            <dt>
-              <p class="blue_text bold">1. 대체문자는 무엇인가요?</p>
-            </dt>
-            <dd>
-              <p class="text">
-                카카오 알림톡 전송이 실패한 경우 템플릿 내용을 문자 메시지로 대체하여 자동 전송하는 기능입니다. [카톡발송] 메뉴에서 [대체문자] 체크 시 해당 기능 사용이 가능합니다.
-              </p>
-            </dd>
-            <dt>
-              <p class="blue_text bold">2. 템플릿 심사가 반려되면 어떻게 수정해야 하나요?</p>
-            </dt>
-            <dd>
-              <p class="text">
-                카카오 템플릿 심사에서 반려된 템플릿은 반려사유도 함께 표시되오니 해당 반려사유를 참고하시어 템플릿의 내용을 수정하신 후 다시 등록하시길 바랍니다. 
-                반려된 템플릿 확인 및 템플릿 수정등록은 [카톡발송] > [카카오톡 설정] > [알림톡 템플릿 등록/관리] 메뉴를 통해 진행하실 수 있습니다.
-              </p>
-            </dd>
-            <dt>
-              <p class="blue_text bold">3. 부고, 청첩장 등 경조사 메시지도 알림톡으로 보낼 수 있나요?</p>
-            </dt>
-            <dd>
-              <p class="text">
-                부고, 청첩장 등 경조사 메시지는 사용자 행위에 기반한 정보성 메시지에 해당하지 않기 때문에 알림톡으로 보낼 수 없습니다. 문자온에서 제공하는 문자메시지를 통해 발송해주시기 바랍니다.
-              </p>
-            </dd>
-            <dt>
-              <p class="blue_text bold">4. 알림톡 템플릿 등록 시 글자수는 몇자까지 입력할 수 있나요?</p>
-            </dt>
-            <dd>
-              <p class="text">
-                한글, 영문 관계없이 띄어쓰기 포함하여 1,000자까지 입력이 가능합니다. 변수를 사용하시는 경우에는 변환 시 제한 글자 수를 고려하여 템플릿 내용을 작성해주시길 바랍니다.
-              </p>
-            </dd>
-            <dt>
-              <p class="blue_text bold">5. 카카오톡에서 수신자가 채널을 차단할 경우 알림톡도 차단되나요?</p>
-            </dt>
-            <dd>
-              <p class="text">
-                알림톡은 수신자의 동의가 필요하지 않은 정보성 메시지이므로 수신자가 채널을 차단하여도 메시지가 전송됩니다. 단, 카카오톡 채팅방에서 "알림톡 차단"을 할 경우에는 메시지 전송이 차단됩니다.
-              </p>
-            </dd>
-          </dl>
-          <p class="text">※ 추가 문의는 [카톡발송] > 카카오톡 설정 > 사용안내를 통해 확인 가능하며, 이외 확인이 필요한 문의는 1:1문의나 불편신고를 통해 접수 시, 빠른 답변 제공</p>
-        </div>
-      </section>
-    
-
-    <div class="btn_wrap">
-      <div class="inner">
-        <a href="https://www.munjaon.co.kr/web/mjon/alimtalk/kakaoAlimtalkMsgDataView.do">알림톡 보내기</a>
-      </div>
-    </div>
-  </div>
-
-</body>
-
+<!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>
+
+  <meta name="Keywords" content="문자전송, 문자발송, SMS, LMS, MMS, 문자보내기, 단체문자, 단체문자전송, 단체문자발송,단체문자사이트,문자사이트, 대량문자">
+  <meta name="description" content="카카오 알림톡을 활용하여 정보성 메시지를 효율적으로 발송하는 방법을 안내합니다. 템플릿 등록, 채널 ID 연동, 자동 대체 문자 발송 등 실무 중심의 단계별 가이드를 제공합니다.정보성 메시지를 카카오톡으로 발송할 수 있는 기업회원 전용 서비스이며, 카톡 채널ID를 추가하지 않은 이용자에게도 전화번호만 있으면 메시지 전송이 가능합니다.">
+  <meta property="og:type" content="website">
+  <meta property="og:title" content="카카오 알림톡 설정 및 발송 방법 총정리 - 문자온">
+  <meta property="og:description" content="카카오 알림톡을 활용하여 정보성 메시지를 효율적으로 발송하는 방법을 안내합니다. 템플릿 등록, 채널 ID 연동, 자동 대체 문자 발송 등 실무 중심의 단계별 가이드를 제공합니다.정보성 메시지를 카카오톡으로 발송할 수 있는 기업회원 전용 서비스이며, 카톡 채널ID를 추가하지 않은 이용자에게도 전화번호만 있으면 메시지 전송이 가능합니다.">
+  <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">
+
+  <link rel="stylesheet" href="/publish/publish_adv/css/reset.css">
+  <link rel="stylesheet" href="/publish/publish_adv/css/style.css">
+  <link rel="stylesheet" href="/publish/css/font.css">
+
+  <script src="/publish/js/jquery-3.5.0.js"></script>
+  <script>
+    function topBtn() {
+      $("html").scrollTop("0");
+    }
+  </script>
+</head>
+
+<body>
+  <div class="template_v1_content content_eleven kakao_con">
+    <button type="button" class="top_btn" onclick="topBtn()">▲<br>TOP</button>
+    <header>
+      <div class="inner">
+        <a href="https://www.munjaon.co.kr">
+          <h1><img src="/publish/publish_adv/img/template_v1_header_logo.png" alt="문자온"></h1>
+        </a>
+      </div>
+    </header>
+    <div class="visual">
+      <div class="inner">
+        <p class="keyword">keyword</p>
+        <h2>카카오 알림톡 설정 및 발송 방법 총정리</h2>
+      </div>
+    </div>
+    <div class="index">
+      <div class="inner">
+        <p>목&ensp;차</p>
+        <nav>
+          <ul>
+            <li><a href="#section01">알림톡이란?</a></li>
+            <li><a href="#section02">알림톡에서 발송 가능한 메시지 종류</a></li>
+            <li><a href="#section03">알림톡을 사용하는 이유</a></li>
+            <li><a href="#section04">알림톡 이용 방법 – 카카오톡 채널 가입 및 채널ID 등록</a></li>
+            <li><a href="#section05">알림톡 이용 방법 – 템플릿 등록</a></li>
+            <li><a href="#section06">자주 묻는 질문</a></li>
+          </ul>
+        </nav>
+      </div>
+    </div>
+    <section class="section section01" id="section01">
+      <div class="inner">
+        <h3>알림톡이란?</h3>
+        <p class="text">
+            정보성 메시지를 카카오톡으로 발송할 수 있는 기업회원 전용 서비스이며, 카톡 채널ID를 추가하지 않은 이용자에게도 전화번호만 있으면 메시지 전송이 가능합니다.
+        </p>
+      </div>
+    </section>
+    <section class="section section02" id="section02">
+        <div class="inner">
+          <h3>알림톡에서 발송 가능한 메시지 종류</h3>
+          <p class="text">
+            알림톡은 회원가입, 결제, 배송, 알림, 고지, 신청 등 수신자 액션에 기반한 정보성 메시지를 카카오톡으로 보낼 수 있으며 광고 및 영리성 메시지 전송은 불가하므로 카카오 검수 과정을 거쳐 승인된 메시지 내용에 한해서만 발송이 가능합니다.
+          </p>
+          <img src="/publish/publish_adv/img/template_v1_manuscript_16_section02_img01.png" alt="알림톡 활용 방법">
+        </div>
+      </section>
+      <section class="section section03" id="section03">
+        <div class="inner">
+          <h3>알림톡을 사용하는 이유</h3>
+          <p class="text" style="margin: 0 0 10px 0;">1. 1,000자 이내 텍스트 및 이미지(로고, 아이콘 등) 전송이 가능합니다.</p>
+          <p class="text" style="margin: 0 0 10px 0;">2. 문자 메시지 대비 65% 이상 저렴합니다.</p>
+          <p class="text" style="margin: 0 0 10px 0;">3. 카톡 채널ID를 추가하지 않은 이용자에게도 전화번호만 있으면 메시지 전송이 가능합니다.</p>
+          <p class="text" style="margin: 0 0 10px 0;">4. 발송 실패 시 자동으로 문자 대체 발송이 가능합니다.</p>
+          <p class="text" style="margin: 0 0 10px 0;">5. 카카오 인증마크를 통해 신뢰도 높은 메시지 발송이 가능합니다.</p>
+          <p class="text" style="margin: 0 0 10px 0;">6. 발신자 브랜드의 이미지 및 신뢰도 상승 효과가 있습니다.</p>
+        </div>
+      </section>
+      <section class="section section04 con_add" id="section04">
+        <div class="inner">
+          <h3>알림톡 이용 방법 – 카카오톡 채널 가입 및 채널<span class="id">ID</span> 등록</h3>
+          <div>
+            <p class="text">o 카카오비즈니스 회원가입</p>
+            <p class="small_text">- 카카오 계정으로 로그인 후 카카오비즈니스 통합 회원으로 전환 또는 신규 회원가입 진행</p>
+            <img src="/publish/publish_adv/img/template_v1_manuscript_16_section04_img01.png" alt="카카오비즈니스 회원가입">
+          </div>
+          <div>
+            <p class="text">o 카카오비즈니스 채널 개설</p>
+            <p class="small_text">- 채널 이름 및 검색용 아이디 등 정보 작성 후 비즈니스 채널 신청 <br>(하나의 관리자 계정은 최대 10개의 채널을 개설할 수 있으며, 최초 등록 시 비공개로 개설되니 추후 [관리] > [상세설정] > 채널 공개 및 검색 허용 설정 “ON”으로 변경 필요)</p>
+            <img src="/publish/publish_adv/img/template_v1_manuscript_16_section04_img02.png" alt="카카오비즈니스 채널 개설">
+          </div>
+          <div>
+            <p class="text">o 채널ID 등록</p>
+            <p class="small_text">- 채널 개설 이후 문자온 홈페이지 내 [카톡발송] > [카카오톡 설정] > 채널ID 등록 바로가기 클릭을 통해 카카오채널 관리자센터와 동일한 정보 입력 후 등록</p>
+            <img src="/publish/publish_adv/img/template_v1_manuscript_16_section04_img03.png" alt="문자온 사이트에서 채널ID 등록">
+          </div>
+        </div>
+      </section>
+      <section class="section section05 con_add" id="section05">
+        <div class="inner">
+          <h3>알림톡 이용 방법 – 템플릿 등록</h3>
+          <div>
+            <p class="text">o 템플릿 등록</p>
+            <p class="small_text">- 문자온 홈페이지 내 [카톡발송] > [카카오톡 설정] > 알림톡 템플릿 등록/관리를 통해 템플릿 작성 가능</p>
+            <img src="/publish/publish_adv/img/template_v1_manuscript_16_section05_img01.png" alt="문자온 사이트에서 알림톡 템플릿 등록">
+            <p class="small_text">- 템플릿 등록 이후 반드시 <span class="te_re">“템플릿 심사요청”</span> 버튼을 클릭하여 심사 필요(영업일 기준 2~3일 소요)</p>
+            <img src="/publish/publish_adv/img/template_v1_manuscript_16_section05_img02.png" alt="문자온 사이트에서 알림톡 템플릿 심사 요청">
+          </div>
+        </div>
+      </section>
+      <section class="section section06" id="section06">
+        <div class="inner">
+          <h3>자주 묻는 질문</h3>
+          <dl>
+            <dt>
+              <p class="blue_text bold">1. 대체문자는 무엇인가요?</p>
+            </dt>
+            <dd>
+              <p class="text">
+                카카오 알림톡 전송이 실패한 경우 템플릿 내용을 문자 메시지로 대체하여 자동 전송하는 기능입니다. [카톡발송] 메뉴에서 [대체문자] 체크 시 해당 기능 사용이 가능합니다.
+              </p>
+            </dd>
+            <dt>
+              <p class="blue_text bold">2. 템플릿 심사가 반려되면 어떻게 수정해야 하나요?</p>
+            </dt>
+            <dd>
+              <p class="text">
+                카카오 템플릿 심사에서 반려된 템플릿은 반려사유도 함께 표시되오니 해당 반려사유를 참고하시어 템플릿의 내용을 수정하신 후 다시 등록하시길 바랍니다. 
+                반려된 템플릿 확인 및 템플릿 수정등록은 [카톡발송] > [카카오톡 설정] > [알림톡 템플릿 등록/관리] 메뉴를 통해 진행하실 수 있습니다.
+              </p>
+            </dd>
+            <dt>
+              <p class="blue_text bold">3. 부고, 청첩장 등 경조사 메시지도 알림톡으로 보낼 수 있나요?</p>
+            </dt>
+            <dd>
+              <p class="text">
+                부고, 청첩장 등 경조사 메시지는 사용자 행위에 기반한 정보성 메시지에 해당하지 않기 때문에 알림톡으로 보낼 수 없습니다. 문자온에서 제공하는 문자메시지를 통해 발송해주시기 바랍니다.
+              </p>
+            </dd>
+            <dt>
+              <p class="blue_text bold">4. 알림톡 템플릿 등록 시 글자수는 몇자까지 입력할 수 있나요?</p>
+            </dt>
+            <dd>
+              <p class="text">
+                한글, 영문 관계없이 띄어쓰기 포함하여 1,000자까지 입력이 가능합니다. 변수를 사용하시는 경우에는 변환 시 제한 글자 수를 고려하여 템플릿 내용을 작성해주시길 바랍니다.
+              </p>
+            </dd>
+            <dt>
+              <p class="blue_text bold">5. 카카오톡에서 수신자가 채널을 차단할 경우 알림톡도 차단되나요?</p>
+            </dt>
+            <dd>
+              <p class="text">
+                알림톡은 수신자의 동의가 필요하지 않은 정보성 메시지이므로 수신자가 채널을 차단하여도 메시지가 전송됩니다. 단, 카카오톡 채팅방에서 "알림톡 차단"을 할 경우에는 메시지 전송이 차단됩니다.
+              </p>
+            </dd>
+          </dl>
+          <p class="text">※ 추가 문의는 [카톡발송] > 카카오톡 설정 > 사용안내를 통해 확인 가능하며, 이외 확인이 필요한 문의는 1:1문의나 불편신고를 통해 접수 시, 빠른 답변 제공</p>
+        </div>
+      </section>
+    
+
+    <div class="btn_wrap">
+      <div class="inner">
+        <a href="https://www.munjaon.co.kr/web/mjon/alimtalk/kakaoAlimtalkMsgDataView.do">알림톡 보내기</a>
+      </div>
+    </div>
+  </div>
+
+</body>
+
 </html>
\ No newline at end of file
diff --git a/src/main/webapp/publish/publish_adv/adv_template_v1_manuscript_4.html b/src/main/webapp/publish/publish_adv/adv_template_v1_manuscript_4.html
index 9ed63782..7221060a 100644
--- a/src/main/webapp/publish/publish_adv/adv_template_v1_manuscript_4.html
+++ b/src/main/webapp/publish/publish_adv/adv_template_v1_manuscript_4.html
@@ -1,124 +1,124 @@
-<!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>
-
-  <meta name="Keywords" content="문자전송, 문자발송, SMS, LMS, MMS, 문자보내기, 단체문자, 단체문자전송, 단체문자발송,단체문자사이트,문자사이트, 대량문자">
-  <meta name="description" content="요즘 시대에는 경조사, 알림, 안부인사, 홍보 등 여러 가지 상황에서 단체에게 내용을 전달해야 하는 경우가 많습니다.">
-  <meta property="og:type" content="website">
-  <meta property="og:title" content="컴퓨터문자보내기 - 문자온">
-  <meta property="og:description" content="요즘 시대에는 경조사, 알림, 안부인사, 홍보 등 여러 가지 상황에서 단체에게 내용을 전달해야 하는 경우가 많습니다.">
-  <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">
-
-  <link rel="stylesheet" href="/publish/publish_adv/css/reset.css">
-  <link rel="stylesheet" href="/publish/publish_adv/css/style.css">
-  <link rel="stylesheet" href="/publish/css/font.css">
-
-  <script src="/publish/js/jquery-3.5.0.js"></script>
-  <script>
-    function topBtn() {
-      $("html").scrollTop("0");
-    }
-  </script>
-</head>
-
-<body>
-  <div class="template_v1_content">
-    <button type="button" class="top_btn" onclick="topBtn()">▲<br>TOP</button>
-    <header>
-      <div class="inner">
-        <a href="https://www.munjaon.co.kr">
-          <h1><img src="/publish/publish_adv/img/template_v1_header_logo.png" alt="문자온"></h1>
-        </a>
-      </div>
-    </header>
-    <div class="visual">
-      <div class="inner">
-        <p class="keyword">keyword</p>
-        <h2>컴퓨터문자보내기</h2>
-      </div>
-    </div>
-    <div class="index">
-      <div class="inner">
-        <p>목&ensp;차</p>
-        <nav>
-          <ul>
-            <li><a href="#section01">무료문자 보내기?</a></li>
-            <li><a href="#section02">인터넷으로 문자보내기</a></li>
-            <li><a href="#section03">컴퓨터로 문자보내기</a></li>
-            <li><a href="#section04">단체문자 보내기</a></li>
-          </ul>
-        </nav>
-      </div>
-    </div>
-    <section class="section section01" id="section01">
-      <div class="inner">
-        <h3>무료문자 보내기?</h3>
-        <p class="text">
-          갤럭시나 아이폰 등 휴대폰으로 단체문자를 보내는 것은 여러 제약조건도 있고 불편함을 감수해야 합니다. 따라서 가장 먼저 찾게 되는 것이 무료 인터넷문자
-          사이트인데요. 무료 인터넷문자 사이트도 결국엔 개수 제한 등 제약조건이 있답니다. 단체문자 보낼 때 제약조건 때문에 문자사이트를 찾는데 또 제약이라니! <br>
-          문자온은 무료 서비스는 아니지만 대량으로 문자를 발송하시는 분들을 위해 단가 협의를 제공하는 문자사이트입니다.
-        </p>
-        <img src="/publish/publish_adv/img/template_v1_manuscript_4_section01_img01.png" alt="문자온 메인화면">
-      </div>
-    </section>
-    <section class="section section02" id="section02">
-      <div class="inner">
-        <h3>인터넷으로 문자보내기</h3>
-        <p class="text">
-          문자온은 단체문자 발송을 위한 다양한 문자샘플(선거문자, 광고문자, 홍보문자, 조문문자, 경조문자, 부고문자, 조문문자, 결혼문자, 병원문자, 위로문자, 응
-          원문자, 행사문자, 기념일문자 등)을 보유하고 있으며 지속적인 업데이트를 수행하고 있습니다. 또한 전문 디자이너가 제작하는 그림문자 맞춤제작 서비스를
-          통해 고객님만의 특별한 문자를 제작해드리고 있습니다.
-        </p>
-        <img src="/publish/publish_adv/img/template_v1_manuscript_4_section02_img01.png" alt="그림문자 예시">
-      </div>
-    </section>
-    <section class="section section03" id="section03">
-      <div class="inner">
-        <h3>컴퓨터로 문자보내기</h3>
-        <p class="text">
-          문자온은 최고의 문자전송사이트로 컴퓨터로 문자 보내는데에 최적화되어 있습니다. 단문(SMS), 장문(LMS), 그림(MMS), 카카오톡(알림톡), 팩스(FAX) 등 다
-          양한 문자메시지 형태로 대량문자를 발송하실 수 있으며, 고객님께 더욱 다양한 기능을 제공하고자 오늘도 새로운 서비스를 기획/디자인/개발하고 있습니다.
-        </p>
-        <img src="/publish/publish_adv/img/template_v1_manuscript_4_section03_img01.png" alt="문자전송 형태 - 단문(SMS), 장문(LMS), 그림(MMS), 카카오톡(알림톡), 팩스(FAX) ">
-      </div>
-    </section>
-    <section class="section section04" id="section04">
-      <div class="inner">
-        <h3>단체문자 보내기</h3>
-        <p class="text">
-          단체문자를 보내는 최고의 방법은 컴퓨터로 인터넷 문자사이트 문자온을 이용해서 보내는 것입니다. 별도의 프로그램 설치 없이 웹에서 100만 건 이상 끊김
-          없는 대량 전송이 가능하고, 문자내용을 수신자마다 다르게 전송할 수 있는 특정문구 일괄 변환 기능을 제공합니다. 또한 주소록 등록에 어려움을 겪는 분들을
-          위해 주소록 입력대행을 무료로 해드리며, 결번/서비스 일시정지/번호도용방지서비스 등으로 인한 다양한 발송 실패 건에 대해 100% 잔액으로 환불 처리해
-          드리고 있습니다.
-        </p>
-        <img src="/publish/publish_adv/img/template_v1_manuscript_4_section04_img01.png" alt="문자온에서 단체문자 보낼때 장점 : 특정문구 일괄 변환 기능 제공, 주소록 등록 무료 대행, 발송 실패건에 대해  100% 환불">
-      </div>
-    </section>
-    <div class="btn_wrap">
-      <div class="inner">
-        <a href="https://www.munjaon.co.kr/web/mjon/msgdata/selectMsgDataView.do">컴퓨터문자보내기</a>
-      </div>
-    </div>
-  </div>
-
-</body>
-
+<!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>
+
+  <meta name="Keywords" content="문자전송, 문자발송, SMS, LMS, MMS, 문자보내기, 단체문자, 단체문자전송, 단체문자발송,단체문자사이트,문자사이트, 대량문자">
+  <meta name="description" content="요즘 시대에는 경조사, 알림, 안부인사, 홍보 등 여러 가지 상황에서 단체에게 내용을 전달해야 하는 경우가 많습니다.카카오 알림톡 템플릿을 등록하고 발송하는 방법을 안내합니다. 템플릿 작성, 등록 절차, 발송 테스트 등 실무 중심의 단계별 가이드를 제공합니다">
+  <meta property="og:type" content="website">
+  <meta property="og:title" content="컴퓨터문자보내기 - 문자온">
+  <meta property="og:description" content="요즘 시대에는 경조사, 알림, 안부인사, 홍보 등 여러 가지 상황에서 단체에게 내용을 전달해야 하는 경우가 많습니다.카카오 알림톡 템플릿을 등록하고 발송하는 방법을 안내합니다. 템플릿 작성, 등록 절차, 발송 테스트 등 실무 중심의 단계별 가이드를 제공합니다">
+  <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">
+
+  <link rel="stylesheet" href="/publish/publish_adv/css/reset.css">
+  <link rel="stylesheet" href="/publish/publish_adv/css/style.css">
+  <link rel="stylesheet" href="/publish/css/font.css">
+
+  <script src="/publish/js/jquery-3.5.0.js"></script>
+  <script>
+    function topBtn() {
+      $("html").scrollTop("0");
+    }
+  </script>
+</head>
+
+<body>
+  <div class="template_v1_content">
+    <button type="button" class="top_btn" onclick="topBtn()">▲<br>TOP</button>
+    <header>
+      <div class="inner">
+        <a href="https://www.munjaon.co.kr">
+          <h1><img src="/publish/publish_adv/img/template_v1_header_logo.png" alt="문자온"></h1>
+        </a>
+      </div>
+    </header>
+    <div class="visual">
+      <div class="inner">
+        <p class="keyword">keyword</p>
+        <h2>컴퓨터문자보내기</h2>
+      </div>
+    </div>
+    <div class="index">
+      <div class="inner">
+        <p>목&ensp;차</p>
+        <nav>
+          <ul>
+            <li><a href="#section01">무료문자 보내기?</a></li>
+            <li><a href="#section02">인터넷으로 문자보내기</a></li>
+            <li><a href="#section03">컴퓨터로 문자보내기</a></li>
+            <li><a href="#section04">단체문자 보내기</a></li>
+          </ul>
+        </nav>
+      </div>
+    </div>
+    <section class="section section01" id="section01">
+      <div class="inner">
+        <h3>무료문자 보내기?</h3>
+        <p class="text">
+          갤럭시나 아이폰 등 휴대폰으로 단체문자를 보내는 것은 여러 제약조건도 있고 불편함을 감수해야 합니다. 따라서 가장 먼저 찾게 되는 것이 무료 인터넷문자
+          사이트인데요. 무료 인터넷문자 사이트도 결국엔 개수 제한 등 제약조건이 있답니다. 단체문자 보낼 때 제약조건 때문에 문자사이트를 찾는데 또 제약이라니! <br>
+          문자온은 무료 서비스는 아니지만 대량으로 문자를 발송하시는 분들을 위해 단가 협의를 제공하는 문자사이트입니다.
+        </p>
+        <img src="/publish/publish_adv/img/template_v1_manuscript_4_section01_img01.png" alt="문자온 메인화면">
+      </div>
+    </section>
+    <section class="section section02" id="section02">
+      <div class="inner">
+        <h3>인터넷으로 문자보내기</h3>
+        <p class="text">
+          문자온은 단체문자 발송을 위한 다양한 문자샘플(선거문자, 광고문자, 홍보문자, 조문문자, 경조문자, 부고문자, 조문문자, 결혼문자, 병원문자, 위로문자, 응
+          원문자, 행사문자, 기념일문자 등)을 보유하고 있으며 지속적인 업데이트를 수행하고 있습니다. 또한 전문 디자이너가 제작하는 그림문자 맞춤제작 서비스를
+          통해 고객님만의 특별한 문자를 제작해드리고 있습니다.
+        </p>
+        <img src="/publish/publish_adv/img/template_v1_manuscript_4_section02_img01.png" alt="그림문자 예시">
+      </div>
+    </section>
+    <section class="section section03" id="section03">
+      <div class="inner">
+        <h3>컴퓨터로 문자보내기</h3>
+        <p class="text">
+          문자온은 최고의 문자전송사이트로 컴퓨터로 문자 보내는데에 최적화되어 있습니다. 단문(SMS), 장문(LMS), 그림(MMS), 카카오톡(알림톡), 팩스(FAX) 등 다
+          양한 문자메시지 형태로 대량문자를 발송하실 수 있으며, 고객님께 더욱 다양한 기능을 제공하고자 오늘도 새로운 서비스를 기획/디자인/개발하고 있습니다.
+        </p>
+        <img src="/publish/publish_adv/img/template_v1_manuscript_4_section03_img01.png" alt="문자전송 형태 - 단문(SMS), 장문(LMS), 그림(MMS), 카카오톡(알림톡), 팩스(FAX) ">
+      </div>
+    </section>
+    <section class="section section04" id="section04">
+      <div class="inner">
+        <h3>단체문자 보내기</h3>
+        <p class="text">
+          단체문자를 보내는 최고의 방법은 컴퓨터로 인터넷 문자사이트 문자온을 이용해서 보내는 것입니다. 별도의 프로그램 설치 없이 웹에서 100만 건 이상 끊김
+          없는 대량 전송이 가능하고, 문자내용을 수신자마다 다르게 전송할 수 있는 특정문구 일괄 변환 기능을 제공합니다. 또한 주소록 등록에 어려움을 겪는 분들을
+          위해 주소록 입력대행을 무료로 해드리며, 결번/서비스 일시정지/번호도용방지서비스 등으로 인한 다양한 발송 실패 건에 대해 100% 잔액으로 환불 처리해
+          드리고 있습니다.
+        </p>
+        <img src="/publish/publish_adv/img/template_v1_manuscript_4_section04_img01.png" alt="문자온에서 단체문자 보낼때 장점 : 특정문구 일괄 변환 기능 제공, 주소록 등록 무료 대행, 발송 실패건에 대해  100% 환불">
+      </div>
+    </section>
+    <div class="btn_wrap">
+      <div class="inner">
+        <a href="https://www.munjaon.co.kr/web/mjon/msgdata/selectMsgDataView.do">컴퓨터문자보내기</a>
+      </div>
+    </div>
+  </div>
+
+</body>
+
 </html>
\ No newline at end of file
diff --git a/src/main/webapp/publish/publish_adv/adv_template_v1_manuscript_9.html b/src/main/webapp/publish/publish_adv/adv_template_v1_manuscript_9.html
index 39207f89..573fcb33 100644
--- a/src/main/webapp/publish/publish_adv/adv_template_v1_manuscript_9.html
+++ b/src/main/webapp/publish/publish_adv/adv_template_v1_manuscript_9.html
@@ -1,109 +1,109 @@
-<!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>
-
-  <meta name="Keywords" content="문자전송, 문자발송, SMS, LMS, MMS, 문자보내기, 단체문자, 단체문자전송, 단체문자발송,단체문자사이트,문자사이트, 대량문자">
-  <meta name="description" content="갤럭시나 아이폰 등 핸드폰(휴대폰)으로 문자를 발송하는 것이 아닌 대량으로 단체에게 문자를 보내기 편하게 서비스를 제공하는 문자 발송 사이트를 말합니다.">
-  <meta property="og:type" content="website">
-  <meta property="og:title" content="웹문자 사이트 - 문자온">
-  <meta property="og:description" content="갤럭시나 아이폰 등 핸드폰(휴대폰)으로 문자를 발송하는 것이 아닌 대량으로 단체에게 문자를 보내기 편하게 서비스를 제공하는 문자 발송 사이트를 말합니다.">
-  <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">
-
-  <link rel="stylesheet" href="/publish/publish_adv/css/reset.css">
-  <link rel="stylesheet" href="/publish/publish_adv/css/style.css">
-  <link rel="stylesheet" href="/publish/css/font.css">
-
-  <script src="/publish/js/jquery-3.5.0.js"></script>
-  <script>
-    function topBtn() {
-      $("html").scrollTop("0");
-    }
-  </script>
-</head>
-
-<body>
-  <div class="template_v1_content">
-    <button type="button" class="top_btn" onclick="topBtn()">▲<br>TOP</button>
-    <header>
-      <div class="inner">
-        <a href="https://www.munjaon.co.kr">
-          <h1><img src="/publish/publish_adv/img/template_v1_header_logo.png" alt="문자온"></h1>
-        </a>
-      </div>
-    </header>
-    <div class="visual">
-      <div class="inner">
-        <p class="keyword">keyword</p>
-        <h2>웹문자 사이트</h2>
-      </div>
-    </div>
-    <div class="index">
-      <div class="inner">
-        <p>목&ensp;차</p>
-        <nav>
-          <ul>
-            <li><a href="#section01">웹문자 사이트란?</a></li>
-            <li><a href="#section02">웹문자 사이트를 쓰는 이유</a></li>
-            <li><a href="#section03">웹문자 사이트 이용 시 장점</a></li>
-          </ul>
-        </nav>
-      </div>
-    </div>
-    <section class="section section01" id="section01">
-      <div class="inner">
-        <h3>웹문자 사이트란?</h3>
-        <p class="text">
-            갤럭시나 아이폰 등 핸드폰(휴대폰)으로 문자를 발송하는 것이 아닌 대량으로 단체에게 문자를 보내기 편하게 서비스를 제공하는 문자 발송 사이트를 말합니다.
-        </p>
-        <img src="/publish/publish_adv/img/template_v1_manuscript_9_section01_img01.png" alt="문자온 메인화면">
-      </div>
-    </section>
-    <section class="section section02" id="section02">
-      <div class="inner">
-        <h3>웹문자 사이트를 쓰는 이유</h3>
-        <p class="text">
-            홍보, 경조사, 선거 등등 많은 분들이 갤럭시나 아이폰 등 가지고 있는 스마트폰을 사용하지 않고 왜 웹문자 사이트를 이용하여 문자메시지를 보내는 걸까요? 우리가 사용하는 이동통신사는 단체문자 동보 전송 가능 수량이라는게 있어서 1회 최대 수량은 100건(통신사마다 상이함)에 불과합니다. 또한 무료문자 제한 기준이라는게 있어서 해당 기준을 넘어갈 경우 단문 메시지 기준으로 건당 약 50원이 부과됩니다. 따라서, 대량으로 단체문자를 보내실 경우에는 문자발송 전용 사이트를 이용하시는 것이 결과적으로 저렴하고 편리한 것입니다.<br><br>
-        </p>
-        <p class="text">- 휴대폰 무료문자 발송 제한사항은 아래 링크를 통해 확인하실 수 있습니다.</p>
-        <p class="send_limit_btn"><a href="https://www.munjaon.co.kr/publish/publish_adv/send_group_text.html#limit">휴대폰 무료문자 발송 제한사항 바로가기</a></p>
-      </div>
-    </section>
-    <section class="section section03" id="section03">
-      <div class="inner">
-        <h3>웹문자 사이트 이용 시 장점</h3>
-        <p class="text" style="margin: 0 0 10px 0;">1. 홍보/광고 문자 발송 시 정보통신망법에 따른 광고성 문자 전송규정에 따른 문구를 자동으로 삽입할 수 있다.</p>
-        <p class="text" style="margin: 0 0 10px 0;">2. 홍보/광고 문자 발송 시 080무료수신거부 번호를 무료로 제공받을 수 있고 수신자의 수신거부 발생 시 자동적으로 수신거부 처리를 대행해준다.</p>
-        <p class="text" style="margin: 0 0 10px 0;">3. 주소록 관리를 통해 편리하게 수신자 목록을 관리할 수 있으며 주소록 입력을 대행하는 서비스를 제공한다.</p>
-        <p class="text" style="margin: 0 0 10px 0;">4. 간단한 절차를 통해 제한 없이 문자를 동시 발송할 수 있다.</p>
-        <p class="text" style="margin: 0 0 10px 0;">5. 문자메시지 동시 발송 시 이름, 금액, 일자 등 수신자마다 다른 내용을 발송하는 특정문자 치환 기능을 무료로 이용할 수 있다.</p>
-      </div>
-    </section>
-
-    <div class="btn_wrap">
-      <div class="inner">
-        <a href="https://www.munjaon.co.kr">웹문자</a>
-      </div>
-    </div>
-  </div>
-
-</body>
-
+<!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>
+
+  <meta name="Keywords" content="문자전송, 문자발송, SMS, LMS, MMS, 문자보내기, 단체문자, 단체문자전송, 단체문자발송,단체문자사이트,문자사이트, 대량문자">
+  <meta name="description" content="카카오 알림톡 템플릿을 등록하고 발송하는 방법을 안내합니다. 템플릿 작성, 등록 절차, 발송 테스트 등 실무 중심의 단계별 가이드를 제공합니다.갤럭시나 아이폰 등 핸드폰(휴대폰)으로 문자를 발송하는 것이 아닌 대량으로 단체에게 문자를 보내기 편하게 서비스를 제공하는 문자 발송 사이트를 말합니다.">
+  <meta property="og:type" content="website">
+  <meta property="og:title" content="웹문자 사이트 - 문자온">
+  <meta property="og:description" content="카카오 알림톡 템플릿을 등록하고 발송하는 방법을 안내합니다. 템플릿 작성, 등록 절차, 발송 테스트 등 실무 중심의 단계별 가이드를 제공합니다.갤럭시나 아이폰 등 핸드폰(휴대폰)으로 문자를 발송하는 것이 아닌 대량으로 단체에게 문자를 보내기 편하게 서비스를 제공하는 문자 발송 사이트를 말합니다.">
+  <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">
+
+  <link rel="stylesheet" href="/publish/publish_adv/css/reset.css">
+  <link rel="stylesheet" href="/publish/publish_adv/css/style.css">
+  <link rel="stylesheet" href="/publish/css/font.css">
+
+  <script src="/publish/js/jquery-3.5.0.js"></script>
+  <script>
+    function topBtn() {
+      $("html").scrollTop("0");
+    }
+  </script>
+</head>
+
+<body>
+  <div class="template_v1_content">
+    <button type="button" class="top_btn" onclick="topBtn()">▲<br>TOP</button>
+    <header>
+      <div class="inner">
+        <a href="https://www.munjaon.co.kr">
+          <h1><img src="/publish/publish_adv/img/template_v1_header_logo.png" alt="문자온"></h1>
+        </a>
+      </div>
+    </header>
+    <div class="visual">
+      <div class="inner">
+        <p class="keyword">keyword</p>
+        <h2>웹문자 사이트</h2>
+      </div>
+    </div>
+    <div class="index">
+      <div class="inner">
+        <p>목&ensp;차</p>
+        <nav>
+          <ul>
+            <li><a href="#section01">웹문자 사이트란?</a></li>
+            <li><a href="#section02">웹문자 사이트를 쓰는 이유</a></li>
+            <li><a href="#section03">웹문자 사이트 이용 시 장점</a></li>
+          </ul>
+        </nav>
+      </div>
+    </div>
+    <section class="section section01" id="section01">
+      <div class="inner">
+        <h3>웹문자 사이트란?</h3>
+        <p class="text">
+            갤럭시나 아이폰 등 핸드폰(휴대폰)으로 문자를 발송하는 것이 아닌 대량으로 단체에게 문자를 보내기 편하게 서비스를 제공하는 문자 발송 사이트를 말합니다.
+        </p>
+        <img src="/publish/publish_adv/img/template_v1_manuscript_9_section01_img01.png" alt="문자온 메인화면">
+      </div>
+    </section>
+    <section class="section section02" id="section02">
+      <div class="inner">
+        <h3>웹문자 사이트를 쓰는 이유</h3>
+        <p class="text">
+            홍보, 경조사, 선거 등등 많은 분들이 갤럭시나 아이폰 등 가지고 있는 스마트폰을 사용하지 않고 왜 웹문자 사이트를 이용하여 문자메시지를 보내는 걸까요? 우리가 사용하는 이동통신사는 단체문자 동보 전송 가능 수량이라는게 있어서 1회 최대 수량은 100건(통신사마다 상이함)에 불과합니다. 또한 무료문자 제한 기준이라는게 있어서 해당 기준을 넘어갈 경우 단문 메시지 기준으로 건당 약 50원이 부과됩니다. 따라서, 대량으로 단체문자를 보내실 경우에는 문자발송 전용 사이트를 이용하시는 것이 결과적으로 저렴하고 편리한 것입니다.<br><br>
+        </p>
+        <p class="text">- 휴대폰 무료문자 발송 제한사항은 아래 링크를 통해 확인하실 수 있습니다.</p>
+        <p class="send_limit_btn"><a href="https://www.munjaon.co.kr/publish/publish_adv/send_group_text.html#limit">휴대폰 무료문자 발송 제한사항 바로가기</a></p>
+      </div>
+    </section>
+    <section class="section section03" id="section03">
+      <div class="inner">
+        <h3>웹문자 사이트 이용 시 장점</h3>
+        <p class="text" style="margin: 0 0 10px 0;">1. 홍보/광고 문자 발송 시 정보통신망법에 따른 광고성 문자 전송규정에 따른 문구를 자동으로 삽입할 수 있다.</p>
+        <p class="text" style="margin: 0 0 10px 0;">2. 홍보/광고 문자 발송 시 080무료수신거부 번호를 무료로 제공받을 수 있고 수신자의 수신거부 발생 시 자동적으로 수신거부 처리를 대행해준다.</p>
+        <p class="text" style="margin: 0 0 10px 0;">3. 주소록 관리를 통해 편리하게 수신자 목록을 관리할 수 있으며 주소록 입력을 대행하는 서비스를 제공한다.</p>
+        <p class="text" style="margin: 0 0 10px 0;">4. 간단한 절차를 통해 제한 없이 문자를 동시 발송할 수 있다.</p>
+        <p class="text" style="margin: 0 0 10px 0;">5. 문자메시지 동시 발송 시 이름, 금액, 일자 등 수신자마다 다른 내용을 발송하는 특정문자 치환 기능을 무료로 이용할 수 있다.</p>
+      </div>
+    </section>
+
+    <div class="btn_wrap">
+      <div class="inner">
+        <a href="https://www.munjaon.co.kr">웹문자</a>
+      </div>
+    </div>
+  </div>
+
+</body>
+
 </html>
\ No newline at end of file
diff --git a/src/main/webapp/publish/publish_adv/send_group_text.html b/src/main/webapp/publish/publish_adv/send_group_text.html
index 5d868bed..18371c8b 100644
--- a/src/main/webapp/publish/publish_adv/send_group_text.html
+++ b/src/main/webapp/publish/publish_adv/send_group_text.html
@@ -7,10 +7,10 @@
     <title>단체문자 발송하는 방법 총정리 - 문자온</title>
     
     <meta name="Keywords" content="문자전송, 문자발송, SMS, LMS, MMS, 문자보내기, 단체문자, 단체문자전송, 단체문자발송,단체문자사이트,문자사이트, 대량문자">            
-    <meta name="description" content="요즘 시대에는 경조사, 알림, 안부인사, 홍보 등 여러 가지 상황에서 단체에게 내용을 전달해야 하는 경우가 많습니다.">            
+    <meta name="description" content="요즘 시대에는 경조사, 알림, 안부인사, 홍보 등 여러 가지 상황에서 단체에게 내용을 전달해야 하는 경우가 많습니다.휴대폰(갤럭시, 아이폰)과 문자온을 활용하여 단체문자를 효율적으로 발송하는 방법을 단계별로 안내합니다. 발송 한계, 엑셀 대량 업로드, 발신번호 등록 등 실무 중심의 가이드를 제공합니다.">            
     <meta property="og:type" content="website">
     <meta property="og:title" content="단체문자 발송하는 방법 총정리 - 문자온">            
-    <meta property="og:description" content="요즘 시대에는 경조사, 알림, 안부인사, 홍보 등 여러 가지 상황에서 단체에게 내용을 전달해야 하는 경우가 많습니다.">
+    <meta property="og:description" content="요즘 시대에는 경조사, 알림, 안부인사, 홍보 등 여러 가지 상황에서 단체에게 내용을 전달해야 하는 경우가 많습니다.휴대폰(갤럭시, 아이폰)과 문자온을 활용하여 단체문자를 효율적으로 발송하는 방법을 단계별로 안내합니다. 발송 한계, 엑셀 대량 업로드, 발신번호 등록 등 실무 중심의 가이드를 제공합니다.">
 	<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">
diff --git a/src/main/webapp/publish/publish_text/send_text.html b/src/main/webapp/publish/publish_text/send_text.html
index c42f8d41..b916c42e 100644
--- a/src/main/webapp/publish/publish_text/send_text.html
+++ b/src/main/webapp/publish/publish_text/send_text.html
@@ -6,10 +6,10 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>문자보내기 - 문자온</title>
         
-    <meta name="description" content="문자보내기, 인터넷으로문자보내기, 컴퓨터로문자보내기, 단체문자보내기, 번호도용방지서비스, 광고문자, 홍보문자">
+    <meta name="description" content="문자온에서 단체문자를 쉽고 안전하게 발송하는 방법을 안내합니다. 발신번호 등록, 번호도용방지서비스 해지, 광고문자 규정 준수 등 필수 절차와 주의사항을 상세히 설명합니다.문자보내기, 인터넷으로문자보내기, 컴퓨터로문자보내기, 단체문자보내기, 번호도용방지서비스, 광고문자, 홍보문자">
     <meta property="og:type" content="website">
     <meta property="og:title" content="문자보내기 - 문자온">            
-    <meta property="og:description" content="문자보내기, 인터넷으로문자보내기, 컴퓨터로문자보내기, 단체문자보내기, 번호도용방지서비스, 광고문자, 홍보문자">
+    <meta property="og:description" content="문자온에서 단체문자를 쉽고 안전하게 발송하는 방법을 안내합니다. 발신번호 등록, 번호도용방지서비스 해지, 광고문자 규정 준수 등 필수 절차와 주의사항을 상세히 설명합니다.문자보내기, 인터넷으로문자보내기, 컴퓨터로문자보내기, 단체문자보내기, 번호도용방지서비스, 광고문자, 홍보문자">
 	<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">

From ed2b18a009f460dec74d964432c4474c1d345c8f Mon Sep 17 00:00:00 2001
From: ijunho <tolag3@gmail.com>
Date: Mon, 12 May 2025 14:13:09 +0900
Subject: [PATCH 13/16] =?UTF-8?q?=EC=95=8C=EB=A6=BC=ED=86=A1=EB=B0=9C?=
 =?UTF-8?q?=EC=86=A1=EA=B2=B0=EA=B3=BC=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../webapp/WEB-INF/jsp/web/kakao/sent/KakaoSentDetailView.jsp  | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/main/webapp/WEB-INF/jsp/web/kakao/sent/KakaoSentDetailView.jsp b/src/main/webapp/WEB-INF/jsp/web/kakao/sent/KakaoSentDetailView.jsp
index bcc03db8..d180fcf3 100644
--- a/src/main/webapp/WEB-INF/jsp/web/kakao/sent/KakaoSentDetailView.jsp
+++ b/src/main/webapp/WEB-INF/jsp/web/kakao/sent/KakaoSentDetailView.jsp
@@ -700,7 +700,7 @@ function previewPhone(){
 											
 											<c:choose>
 												<c:when test="${result.statusCd eq '04' }">
-													예약취소(<c:out value="${result.canceldate }" />)
+													예약취소(<fmt:formatDate pattern = "yyyy-MM-dd HH:mm" value = "${result.cancelDate }" />)
 												</c:when>
 												<c:when test="${result.statusCd ne '03' }">
 													<ec:code codeId="ITN057" code="${result.statusCd }" />
@@ -784,6 +784,7 @@ function previewPhone(){
 								</div>
 							</div>
 							<p class="table_bottom_txt">* 전체건수를 클릭하면 받는 사람 상세정보를 확인하실 수 있습니다.</p>
+							<p class="table_bottom_txt">* 대체문자 발송 성공 시, 성공건수로 집계됩니다.</p>
                               </div>
                           </div>
                           <!--// 상세결과-->

From 364495f7e4cf0c996e3377890568063c743c7483 Mon Sep 17 00:00:00 2001
From: ijunho <tolag3@gmail.com>
Date: Mon, 12 May 2025 15:39:27 +0900
Subject: [PATCH 14/16] Merge branch 'master_tolag3'
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

알림톡 발송결과 수정
---
 .../egovframework/sqlmap/let/mjo/kakao/KakaoSent_SQL_Mysql.xml  | 2 +-
 .../webapp/WEB-INF/jsp/web/kakao/sent/KakaoSentDetailView.jsp   | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/main/resources/egovframework/sqlmap/let/mjo/kakao/KakaoSent_SQL_Mysql.xml b/src/main/resources/egovframework/sqlmap/let/mjo/kakao/KakaoSent_SQL_Mysql.xml
index 779d269d..c8930144 100644
--- a/src/main/resources/egovframework/sqlmap/let/mjo/kakao/KakaoSent_SQL_Mysql.xml
+++ b/src/main/resources/egovframework/sqlmap/let/mjo/kakao/KakaoSent_SQL_Mysql.xml
@@ -1850,7 +1850,7 @@
 					, MGD.USER_ID as userId
 					, MGD.SMS_TXT as smsTxt
 					, MGD.SUBJECT as subject
-					, DATE_FORMAT(MGD.REQ_DATE, '%Y-%m-%d %T') as reqDate 
+					, DATE_FORMAT(MGD.REQ_DATE, '%Y-%m-%d %H:%i') as reqDate 
 					, DATE_FORMAT(MGD.REGDATE, '%Y-%m-%d %T') as regDate
 					, MGD.MSG_TYPE as msgType
 					, MGD.MSG_KIND as msgKind
diff --git a/src/main/webapp/WEB-INF/jsp/web/kakao/sent/KakaoSentDetailView.jsp b/src/main/webapp/WEB-INF/jsp/web/kakao/sent/KakaoSentDetailView.jsp
index d180fcf3..7ed7da8d 100644
--- a/src/main/webapp/WEB-INF/jsp/web/kakao/sent/KakaoSentDetailView.jsp
+++ b/src/main/webapp/WEB-INF/jsp/web/kakao/sent/KakaoSentDetailView.jsp
@@ -659,7 +659,7 @@ function previewPhone(){
                                       <c:if test="${result.reserveYn eq 'Y' }">
 										<dl><!-- 예약 시 -->
 											<dt>등록일시</dt>
-											<dd><fmt:formatDate pattern = "yyyy-MM-dd HH:mm:ss" value = "${result.regdate}" /></dd>
+											<dd><fmt:formatDate pattern = "yyyy-MM-dd HH:mm" value = "${result.regdate}" /></dd>
 										</dl>
 										</c:if>
                                       <dl>

From 44a6c09600621efa5fd292c67d395ed753699ff8 Mon Sep 17 00:00:00 2001
From: "hehihoho3@gmail.com" <hehihoho3@gmail.com>
Date: Tue, 13 May 2025 11:05:14 +0900
Subject: [PATCH 15/16] =?UTF-8?q?dev=20=EA=B0=9C=EB=B0=9C=EB=94=94?=
 =?UTF-8?q?=EB=B9=84=EB=A1=9C=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../egovframework/egovProps/globals_dev.properties   | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/main/resources/egovframework/egovProps/globals_dev.properties b/src/main/resources/egovframework/egovProps/globals_dev.properties
index 39cc1fb6..6143f7d0 100644
--- a/src/main/resources/egovframework/egovProps/globals_dev.properties
+++ b/src/main/resources/egovframework/egovProps/globals_dev.properties
@@ -28,15 +28,15 @@ Globals.Env = dev
 
 # mysql
 Globals.DriverClassName=com.mysql.jdbc.Driver
-#Globals.Url=jdbc:mysql://192.168.0.125:3306/mjon
-#Globals.UserName= mjonUr
-#Globals.Password= mjon!@#$
+Globals.Url=jdbc:mysql://192.168.0.125:3306/mjon
+Globals.UserName= mjonUr
+Globals.Password= mjon!@#$
 
 # mysql-prod
 #Globals.DriverClassName=com.mysql.jdbc.Driver
-Globals.Url=jdbc:mysql://139.150.72.157:3306/mjon
-Globals.UserName= mjonUr
-Globals.Password= mjon!@#$
+#Globals.Url=jdbc:mysql://139.150.72.157:3306/mjon
+#Globals.UserName= mjonUr
+#Globals.Password= mjon!@#$
 
 # MainPage Setting(admin)
 Globals.MainPage = /cmm/main/mainPage.do

From af73c6cda338768267c15c0961d083d4ebfee5d8 Mon Sep 17 00:00:00 2001
From: "hehihoho3@gmail.com" <hehihoho3@gmail.com>
Date: Tue, 13 May 2025 11:05:25 +0900
Subject: [PATCH 16/16] =?UTF-8?q?=EC=B9=9C=EA=B5=AC=ED=86=A1=20=ED=99=98?=
 =?UTF-8?q?=EB=B6=88=20=EC=A3=BC=EC=84=9D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../itn/let/schdlr/service/impl/SchdlrManageServiceImpl.java    | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/main/java/itn/let/schdlr/service/impl/SchdlrManageServiceImpl.java b/src/main/java/itn/let/schdlr/service/impl/SchdlrManageServiceImpl.java
index aa1757ad..ada754d1 100644
--- a/src/main/java/itn/let/schdlr/service/impl/SchdlrManageServiceImpl.java
+++ b/src/main/java/itn/let/schdlr/service/impl/SchdlrManageServiceImpl.java
@@ -444,7 +444,7 @@ public class SchdlrManageServiceImpl extends EgovAbstractServiceImpl implements
 		kakaoAlimTalkService.selectKakaoAtSentRefundList();
 
 		// 카카오 친구톡 환불 처리
-		kakaoAlimTalkService.selectKakaoFtSentRefundList();
+//		kakaoAlimTalkService.selectKakaoFtSentRefundList();
 
 	}