정수빈 정수빈 01-07
브랜드메시지 전송페이지, 사이트맵, 사용안내 문구 수정
@78e2d44ae50a07dd7a9e2fb263168fb963671629
src/main/webapp/publish/info_popup.html
--- src/main/webapp/publish/info_popup.html
+++ src/main/webapp/publish/info_popup.html
@@ -447,6 +447,7 @@
     </div>
   </div>
   <!-- // 카톡발송 > 친구톡 -->
+  
   <!-- 카카오톡 설정 > 브랜드메시지 템플릿 관리-->
   <div class="info_popup" id="brandMsgSet">
     <div class="popup_heading">
@@ -460,7 +461,24 @@
       </ul>
     </div>
   </div>
-  <!-- // 카톡발송 > 친구톡 -->
+  <!-- // 카카오톡 설정 > 브랜드메시지 템플릿 관리 -->
+  
+  <!-- 카톡발송 > 브랜드메시지 -->
+  <div class="info_popup" id="brandMsgSend">
+    <div class="popup_heading">
+      <p>사용안내</p>
+    </div>
+    <div class="layer_in layer_info_wrap">
+      <ul class="info_list">
+        <li>브랜드메시지 텍스트형은 최대 1,000자까지 작성 가능 (이미지형 400자, 와이드 이미지형 76자)</li>
+        <li>변수는 [*이름*], [*1*]~[*4*]까지 입력하실 수 있습니다.</li>
+        <li>광고성 정보 포함 시, 자동으로 (광고) 표시와 080무료수신거부번호가 메시지 내용에 표시됩니다.</li>
+        <li>예약 메시지는 발송시간 기준 5분 전까지만 취소 가능합니다.</li>
+        <li style="font-weight:bold;color:#222;">안심번호는 임시번호로 전송이 불가합니다.</li>
+      </ul>
+    </div>
+  </div>
+  <!-- // 카톡발송 > 브랜드메시지 -->
 
 </body>
 
 
src/main/webapp/publish/kakao_brandMsg_send.html (added)
+++ src/main/webapp/publish/kakao_brandMsg_send.html
@@ -0,0 +1,978 @@
+<!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/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/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>
+
+
+    </script>
+
+
+</head>
+
+<body>
+    <div class="skip_menu">
+        <a href="#cont" title="본문 바로가기" class="contGo">본문 바로가기</a>
+    </div>
+    <!--// skip 메뉴  -->
+
+    <div data-include-path="/publish/layout/_header.html"></div>
+
+    <!-- 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 active"><button type="button" onclick="location.href='/publish/kakao_brandMsg_send.html'">브랜드메시지</button></li>
+                    <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_allimtalk_intro.html'">알림톡 소개</button></li>
+                </ul>
+                <!--// tab button -->
+
+                <div class="top_content kakaotalksend_cont current pay_tab_wrap">
+                    <div class="heading">
+                        <h2>브랜드메시지 발송</h2>
+                        <button type="button" class="button info" onclick="infoListPop('brandMsgSend','792','340');">사용안내</button>
+                    </div>
+                    <div class="send_general friend_talk_wrap kakao_wrap">
+                        <div class="send_left">
+                            <table class="tType1">
+                                <colgroup>
+                                    <col style="width: 130px;">
+                                    <col style="width: auto;">
+                                </colgroup>
+                                <tbody>
+                                    <tr>
+                                        <th>채널ID</th>
+                                        <td>
+                                            <select name="" id="" class="select_gray_type">
+                                                <option value="">채널 ID 선택</option>
+                                                <option value="">@munjaon</option>
+                                            </select>
+                                        </td>
+                                    </tr>
+
+                                    <tr>
+                                        <th>템플릿명</th>
+                                        <td>
+                                            <div class="template_name_wrap">
+                                                <input type="text" placeholder="최대 50자, 템플릿 관리용">
+                                                <button type="button" class="btnType btnType8" onclick="window.open('/publish/popup_friendtalk_template_choice.html','_blank','width=930, height=780, top=100, left=100, fullscreen=no, menubar=no, status=no, toolbar=no, titlebar=yes, location=no, scrollbars=yes')">템플릿 불러오기</button>
+                                            </div>
+                                        </td>
+                                    </tr>
+
+                                    <tr>
+                                        <th>발송유형</th>
+                                        <td>
+                                            <input type="radio" name="img_file_add" id="img_file_0" checked>
+                                            <label for="img_file_0">텍스트</label>
+                                            <input type="radio" name="img_file_add" id="img_file_1">
+                                            <label for="img_file_1">이미지</label>
+                                            <input type="radio" name="img_file_add" id="img_file_2">
+                                            <label for="img_file_2">와이드</label>
+                                            
+                                            <div class="img_file_add_wrap basic_img_add_wrap">
+                                                <p class="info_title_text"><span class="c_e40000">*</span> 이미지 첨부 안내</p>
+                                                <ul class="info_text">
+                                                    <li>- 권장사이즈 : 800px * 400px</li>
+                                                    <li>- 제한사이즈 : 가로 500px 미만, 가로:세로 비율이 2:1 미만 또는 3:4 초과시 업로드 불가</li>
+                                                    <li>- 파일형식 : jpg, png (최대 5MB)</li>
+                                                    <li>- 이미지 첨부 시 메시지 내용은 최대 400자, 버튼 5개까지 입력할 수 있습니다.</li>
+                                                </ul>
+
+                                                <ul class="img_file_info_wrap">
+                                                    <li>
+                                                        <button type="button" class="btnType btnType8 btn_img_upload">이미지 불러오기</button>
+                                                        <div class="img_file_wrap">
+                                                            <p class="file_name">image_testtest.jpg</p>
+                                                            <button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button>
+                                                        </div>
+                                                    </li>
+                                                    <li>
+                                                        <p>이미지 클릭시 이동할 URL</p>
+                                                        <input type="text" placeholder="(선택사항) https://" class="img_url">
+                                                    </li>
+                                                </ul>
+                                            </div>
+                                            <div class="img_file_add_wrap wide_img_add_wrap">
+                                                <p class="info_title_text"><span class="c_e40000">*</span> 와이드 이미지 첨부 안내</p>
+                                                <ul class="info_text">
+                                                    <li>- 권장사이즈 : 800px * 600px</li>
+                                                    <li>- 파일형식 : jpg, png (최대 5MB)</li>
+                                                    <li>- 와이드 이미지 첨부시 메시지 내용은 최대 76자, 버튼 1개까지 입력할 수 있습니다.</li>
+                                                </ul>
+                                                <ul class="img_file_info_wrap">
+                                                    <li>
+                                                        <button type="button" class="btnType btnType8 btn_img_upload">이미지 불러오기</button>
+                                                        <div class="img_file_wrap">
+                                                            <p class="file_name file_none">이미지 없음</p>
+                                                            <button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button>
+                                                        </div>
+                                                    </li>
+                                                    <li>
+                                                        <p>이미지 클릭시 이동할 URL</p>
+                                                        <input type="text" placeholder="(선택사항) https://" class="img_url">
+                                                    </li>
+                                                </ul>
+                                            </div>
+                                        </td>
+                                    </tr>
+                                    <!-- <tr>
+                                        <th>광고포함 여부</th>
+                                        <td>
+                                            <input type="checkbox" name="ad_yn" id="ad_Y" style="margin:-4px 5px 0 0;" checked>
+                                            <label for="ad_Y">광고성 정보 포함</label>
+                                        </td>
+                                    </tr> -->
+                                    <!-- <tr>
+                                    	<th>발송 타깃</th>
+                                    	<td>
+                                    		<input type="radio" name="sendTarget" id="sendTarget_i" checked>
+                                            <label for="sendTarget_i">채널친구만(I)</label>
+                                            <input type="radio" name="sendTarget" id="sendTarget_m">
+                                            <label for="sendTarget_m">받는사람 전체(M)</label>
+                                            <input type="radio" name="sendTarget" id="sendTarget_n">
+                                            <label for="sendTarget_n">채널친구 제외(N)</label>
+                                    	</td>
+                                    </tr> -->
+                                    <tr>
+                                        <th>내용</th>
+                                        <td class="kakao_template_text">
+                                            <div class="put_left short">
+                                                <div class="put_text_wrap">
+                                                    <div class="ad_txt">
+                                                        <p>(광고)</p>
+                                                    </div>
+                                                    <label for="textarea" class="label"></label>
+                                                    <textarea id="textarea" class="put_text" placeholder="내용을 입력해주세요."></textarea>
+                                                    <div class="text_length">
+                                                        <div class="sub_ad_text">
+                                                            <p>수신거부 : 홈 > 채널차단</p>
+                                                        </div>
+                                                        <div>
+                                                            <p><span class="fwMd">0 /<span><span class="c_002c9a fwMd">400</span>자</p>
+                                                        </div>
+                                                    </div>
+                                                </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="#">⌒⌒</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>
+                                                <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 btn_text_save">템플릿 저장</button>
+                                                    <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_2">웹링크</option>
+                                                <option value="button_type_3">앱링크</option>
+                                            </select>
+                                            <button type="button" class="btnType btnType6" onclick="templateButtonAdd();">추가</button>
+                                            <div class="button_add_wrap">
+                                            </div>
+                                        </td>
+                                    </tr>
+                                    <tr>
+                                        <th>받는사람</th>
+                                        <td class="putText">
+                                            <div class="clearfix receipt_num">
+                                                <div class="receipt_num_top" style="align-items:flex-start;">
+                                                    <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;height:66px;"></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>
+                                                        <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_body_wrap">
+                                                            <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">
+                                                            <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>
+                                                </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>
+                                                    </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>
+                                                </div>
+                                            </div>
+                                        </th>
+                                    </tr>
+                                    <tr>
+                                        <th colspan="2" class="replace_send_th">
+                                            <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">
+                                                <table class="tType1">
+                                                    <colgroup>
+                                                        <col style="width: 90px;">
+                                                        <col style="width: auto;">
+                                                    </colgroup>
+                                                    <tbody>
+                                                        <tr>
+                                                            <th>발신번호</th>
+                                                            <td>
+                                                                <select name="" id="" class="selType1 sel_number">
+                                                                    <option value="">010-9874-1356</option>
+                                                                </select>
+                                                                <button type="button" class="btnType btnType6">번호등록</button>
+                                                            </td>
+                                                        </tr>
+                                                        <tr>
+                                                            <th>내용</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"></textarea>
+                                                                        
+                                                                        <div class="text_length">
+                                                                        	<div class="deny_txt"><p>무료거부 0808800858</p> </div>
+                                                                            <div name="afterDeny">
+                                                                                <p>
+                                                                                    <span class="fwMd" id="msgLeng">0 /
+                                                                                    </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">
+                                                                        <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" style="width:100%;">초기화</button>
+                                                                        </div>
+                                                                    </div>
+
+                                                                </div>
+                                                                <p>* 현재 [<span id="nowMsgType">단문</span>] <span class="c_e40000 fwBold nowMsgCnt">0</span>건 발송 가능합니다.</p>
+                                                            </td>
+                                                        </tr>
+                                                        <tr>
+                                                            <th>내용</th>
+                                                            <td class="putText">
+                                                                <div class="clearfix">
+                                                                    <div class="put_left long">
+                                                                    	<!-- 업로드한 이미지의 썸네일 영역 -->
+                                                                        <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"></textarea>
+                                                                        <div class="text_length">
+                                                                        	<div class="deny_txt"><p>무료거부 0808800858</p> </div>
+                                                                            <div name="afterDeny">
+                                                                                <p>
+                                                                                    <span class="fwMd" id="msgLeng">0 /
+                                                                                    </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">
+                                                                        <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" style="width:100%;">초기화</button>
+                                                                        </div>
+                                                                    </div>
+
+                                                                </div>
+                                                                <p>* 현재 [<span id="nowMsgType">단문</span>] <span class="c_e40000 fwBold nowMsgCnt">0</span>건 발송 가능합니다.</p>
+                                                            </td>
+                                                        </tr>
+                                                        <tr>
+                                                            <th>내용</th>
+                                                            <td class="putText">
+                                                                <div class="clearfix">
+                                                                    <div class="put_left photo">
+                                                                        <!-- 업로드한 이미지의 썸네일 영역 -->
+                                                                        <ul class="thumb_wrap ui-sortable">
+																			<li class="on ui-sortable-handle">
+																				<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 class="ui-sortable-handle">
+																				<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 class="ui-sortable-handle">
+																				<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>
+                                                                        <!-- //업로드한 이미지의 썸네일 영역 -->
+                                                                        <label for="smsTxtArea" class="label"></label>
+                                                                        <div class="ad_txt">
+																			<p>(광고)</p>
+																		</div>
+                                                                        <textarea id="smsTxtArea" name="smsTxtArea" class="put_text"></textarea>
+                                                                        <div class="text_length">
+                                                                        	<div class="deny_txt"><p>무료거부 0808800858</p> </div>
+                                                                            <div name="afterDeny">
+                                                                                <p>
+                                                                                    <span class="fwMd" id="msgLeng">0 /
+                                                                                    </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">
+                                                                        <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" style="width:100%;">초기화</button>
+                                                                        </div>
+                                                                    </div>
+
+                                                                </div>
+                                                                <p>* 현재 [<span id="nowMsgType">단문</span>] <span class="c_e40000 fwBold nowMsgCnt">0</span>건 발송 가능합니다.</p>
+                                                            </td>
+                                                        </tr>
+                                                    </tbody>
+                                                </table>
+                                            </div>
+                                        </th>
+                                    </tr>
+                                </tbody>
+                            </table>
+                        </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">
+                                        <p class="friend_talk_title"><span>(광고)</span></p>
+                                        <div class="allimtalk_content">
+                                            <div class="kakao_image"><img src="/publish/images/content/kakao_img_basic.jpg" alt="" style="display:none;"></div>
+                                            <p class="template_text">홍길동 고객님 안녕하세요.
+                                                문자온입니다.
+                                                문자온에서는 재결제 고객님들께 다양한 이벤트를 준비하였으니, 방문하셔서 혜택 놓치지 마세요.</p>
+                                            <button type="button" class="btn_kakao_type">문자온 바로가기</button>
+                                        </div>
+                                        <p class="kakao_block_text">수신거부 : 홈 > 채널차단</p>
+                                    </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="send_content" style="padding-bottom: 0;">
+                                        <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="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>
+                                            <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>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!--// send top -->
+    </div>
+    </div>
+    <!--// content 영역 -->
+    <!-- footer -->
+    <div data-include-path="/publish/layout/_footer.html"></div>
+    <!--// footer 영역 -->
+</body>
+
+</html>(No newline at end of file)
src/main/webapp/publish/layout/_header.html
--- src/main/webapp/publish/layout/_header.html
+++ src/main/webapp/publish/layout/_header.html
@@ -103,7 +103,8 @@
       <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="전체메뉴" onclick="sitemapToggle(this);"><img src="/publish/images/all_menu.png" alt="전체메뉴 열기"></button>
+        <button type="button" title="전체메뉴 열기" class="allSitemap" onclick="sitemapToggle(this);"></button>
+        <!-- <button type="button" title="전체메뉴 닫기" class="allSitemap active" onclick="sitemapToggle(this);"></button> -->
       </div>
     </div>
 
@@ -139,138 +140,136 @@
     <div class="layer_sitemap">
       <div class="inner">
         <ul class="menu">
-          <li>
-            <dl>
-              <dt><a href="/web/mjon/msgdata/selectMsgDataView.do">문자전송</a></dt>
-              <dd>
-                <ul>
-                  <li><a href="/web/mjon/msgdata/selectMsgDataView.do">단문·장문·그림문자</a></li>
-                  <li><a href="/web/mjon/msgdata/excel/selectMsgExcelDataView.do">대량문자</a></li>
-                  <li><a href="/web/api/intrdView.do">문자연동(API)</a></li>
-                </ul>
-              </dd>
-            </dl>
-
-            <dl>
-              <dt><a href="/web/mjon/alimtalk/kakaoAlimtalkMsgDataView.do">카톡전송</a></dt>
-              <dd>
-                <ul>
-                  <li><a href="/web/mjon/alimtalk/kakaoAlimtalkMsgDataView.do">알림톡</a></li>
-                  <li><a href="#none">친구톡</a></li>
-                  <li><a href="/web/mjon/kakao/stepinfo/selectKaKaoStepInfo.do">카카오톡 설정</a></li>
-                  <li><a href="/web/mjon/kakao/alimtalk/kakaoAlimtalkIntrdView.do">카카오톡 소개</a></li>
-                </ul>
-              </dd>
-            </dl>
-          </li>
-          <li>
-            <dl>
-              <dt><a href="/web/mjon/custom/selectMsgCustomView.do">맞춤제작</a></dt>
-              <dd>
-                <ul>
-                  <li><a href="/web/mjon/custom/selectMsgCustomView.do">맞춤제작 샘플</a></li>
-                  <li><a href="/web/mjon/custom/selectMsgCustomView.do?tap=2">제작방법 및 이용안내</a></li>
-                  <li><a href="/web/mjon/custom/selectMsgCustomView.do?tap=3">내보관함</a></li>
-                </ul>
-              </dd>
-            </dl>
-            <dl>
-              <dt><a href="/web/info/mjonInfo.do">문자온소개</a></dt>
-              <dd>
-                <ul>
-                  <li><a href="/web/info/mjonInfo.do">서비스 소개</a></li>
-                  <li><a href="/web/info/mjonFunc.do">주요기능</a></li>
-                  <li><a href="/web/mjon/msgdata/selectBestMsgDataView.do">베스트문자샘플</a></li>
-                </ul>
-              </dd>
-            </dl>
-            <dl>
-              <dt><a href="/web/info/mjonInfo.do">팩스전송</a></dt>
-              <dd>
-                <ul>
-                  <li><a href="/web/mjon/fax/faxDataView.do">팩스전송</a></li>
-                  <li><a href="/web/mjon/fax/faxSendList.do">팩스전송내역</a></li>
-                </ul>
-              </dd>
-            </dl>
-          </li>
-          <li>
-            <dl>
-              <dt><a href="/web/mjon/addr/selectAddrList.do">주소록관리</a></dt>
-              <dd>
-                <ul>
-                  <li><a href="/web/mjon/addr/selectAddrList.do">주소록관리</a></li>
-                  <li><a href="/web/mjon/addrBlock/selectBlockList.do">수신거부</a></li>
-                  <li><a href="/web/mjon/addr/addrMobGuide.do">폰주소록 등록</a></li>
-                  <li><a href="/web/mjon/addragency/selectAddrAgencyList.do">주소록 입력 대행(무료)</a></li>
-                </ul>
-              </dd>
-            </dl>
-          </li>
-          <li>
-            <dl>
-              <dt><a href="/web/mjon/msgsent/selectMsgSentView.do">발송결과</a></dt>
-              <dd>
-                <ul>
-                  <li><a href="/web/mjon/msgsent/selectMsgSentView.do">발송결과</a></li>
-                </ul>
-              </dd>
-            </dl>
-
-          </li>
-          <li>
-            <dl>
-              <dt><a href="/publish/member_info_change_company.html">마이페이지</a></dt>
-              <dd>
-                <ul>
-                  <li><a href="/web/user/mberInfoChange.do">회원정보 변경</a></li>
-                  <!-- 개인회원 일때만 노출되는 영역 -->
-
-                  <li><a href="/web/user/passwordChange.do">비밀번호 변경</a></li>
-                  <li><a href="/web/user/sendNumberManage.do">발신번호 관리</a></li>
-                  <!-- <li><a href="/web/user/notifyManage.do">알림설정</a></li> -->
-                </ul>
-              </dd>
-            </dl>
-          </li>
-          <li>
-            <dl>
-              <dt><a href="/web/member/pay/PayList.do">결제관리</a></dt>
-              <dd>
-                <ul>
-                  <li><a href="/web/pay/PayGuide.do">요금안내/견적내기</a></li>
-                  <li><a href="/web/member/pay/PayView.do">결제하기</a></li>
-                  <li><a href="/web/member/pay/PayList.do">요금 결제내역</a></li>
-                  <li><a href="/web/member/pay/PayUserSWList.do">요금 사용내역</a></li>
-                  <!-- 현금영수증 자동발행 주석 -->
-
-                  <li><a href="/web/member/pay/BillPub.do">세금계산서 발행</a></li>
-                </ul>
-              </dd>
-            </dl>
-          </li>
-          <li>
-            <dl>
-              <dt><a href="/web/cop/bbs/NoticeList.do">고객센터</a></dt>
-              <dd>
-                <ul>
-                  <li><a href="/web/cop/bbs/NoticeList.do">공지사항</a></li>
-                  <li><a href="/web/cop/bbs/TermsList.do?menuNm=02&amp;termsMastNo=2024">이용약관</a></li>
-                  <li><a href="/web/cop/bbs/FaqList.do">자주하는 질문</a></li>
-                  <li><a href="/web/cop/bbs/QnaList.do">1:1 문의</a></li>
-                  <li><a href="/web/cop/bbs/SuggestList.do">불편신고</a></li>
-                  <li><a href="/web/cop/bbs/EventList.do">이벤트</a></li>
-                  <li><a href="javascript:void(0);" onclick="remotePop('https://939.co.kr/munjaon/');">원격지원</a></li>
-                </ul>
-              </dd>
-            </dl>
-          </li>
-        </ul>
+	   		<li>
+	   			<dl>
+	   				<dt><a href="/web/mjon/msgdata/selectMsgDataView.do">문자발송</a></dt>
+	   				<dd>
+	   					<ul>
+	   						<li><a href="/web/mjon/msgdata/selectMsgDataView.do">단문·장문·그림문자</a></li>
+	   						<li><a href="/web/mjon/msgdata/excel/selectMsgExcelDataView.do">대량문자</a></li>
+	   					</ul>
+	   				</dd>
+	   			</dl>
+	   			<dl>
+	   				<dt><a href="/web/mjon/alimtalk/kakaoAlimtalkMsgDataView.do">카톡발송</a></dt>
+	   				<dd>
+	   					<ul>
+	   						<li><a href="/web/mjon/alimtalk/kakaoAlimtalkMsgDataView.do">알림톡</a></li>
+	   						<li><a href="#">브랜드메시지</a></li>
+	   						<li><a href="/web/mjon/kakao/stepinfo/selectKaKaoStepInfo.do">카카오톡 설정</a></li>
+	   						<li><a href="/web/mjon/kakao/alimtalk/kakaotalkIntrdView.do">카카오톡 소개</a></li>
+	   					</ul>
+	   				</dd>
+	   			</dl>
+	   		
+	   			<dl>
+	   				<dt><a href="/web/info/mjonInfo.do">팩스발송</a></dt>
+	   				<dd>
+	   					<ul>
+	   						<li><a href="/web/mjon/fax/faxDataView.do">팩스발송</a></li>
+	   						<li><a href="/web/mjon/fax/faxSendList.do">팩스발송내역</a></li>
+	   					</ul>
+	   				</dd>
+	   			</dl>
+	   		</li>
+	   		<li>
+	   			<dl>
+	   				<dt><a href="/web/mjon/custom/selectMsgCustomView.do">맞춤제작</a></dt>
+	   				<dd>
+	   					<ul>
+	   						<li><a href="/web/mjon/custom/selectMsgCustomView.do">맞춤제작 샘플</a></li>
+	   						<li><a href="/web/mjon/custom/selectMsgCustomView.do?tap=2">제작방법 및 이용안내</a></li>
+	   						<li><a href="/web/mjon/custom/selectMsgCustomView.do?tap=3">내보관함</a></li>
+	   					</ul>
+	   				</dd>
+	   			</dl>
+	   			<dl>
+	   				<dt><a href="/web/mjon/addr/selectAddrList.do">주소록관리</a></dt>
+	   				<dd>
+	   					<ul>
+	   						<li><a href="/web/mjon/addr/selectAddrList.do">주소록관리</a></li>
+	   						<li><a href="/web/mjon/addrBlock/selectBlockList.do">수신거부</a></li>
+	   						<li><a href="/web/mjon/addr/addrMobGuide.do">폰주소록 등록</a></li>
+	   						<li><a href="/web/mjon/addragency/selectAddrAgencyList.do">주소록 입력 대행(무료)</a></li>
+	   					</ul>
+	   				</dd>
+	   			</dl>
+	   			<dl>
+	   				<dt><a href="/web/mjon/msgsent/selectMsgSentView.do">발송결과</a></dt>
+	   				<dd>
+	   					<ul>
+	   						<li><a href="/web/mjon/msgsent/selectMsgSentView.do">발송결과</a></li>
+	   					</ul>
+	   				</dd>
+	   			</dl>
+	   		</li>
+	   		<li>
+	   			<dl>
+	   				<dt><a href="/web/member/pay/PayList.do">결제관리</a></dt>
+	   				<dd>
+	   					<ul>
+	   						<li><a href="/web/pay/PayGuide.do">요금안내/견적내기</a></li>
+	   						<li><a href="/web/member/pay/PayView.do">결제하기</a></li>
+	   						<li><a href="/web/member/pay/PayList.do">요금 결제내역</a></li>
+	   						<li><a href="/web/member/pay/payUserSWList.do">요금 사용내역</a></li>
+	   						<li><a href="/web/member/pay/BillPub.do">세금계산서 발행</a></li>
+	   					</ul>
+	   				</dd>
+	   			</dl>
+	   			<dl>
+	   				<dt><a href="/web/api/intrdView.do">API 연동</a></dt>
+	   				<dd>
+	   					<ul>
+	   						<li><a href="/web/api/intrdView.do">연동안내</a></li>
+	   						<li><a href="/web/api/apiSpec.do">개발 가이드</a></li>
+	   						<li><a href="/web/api/examDown.do">예제 다운로드</a></li>
+	   						<li><a href="/web/api/appMgmt.do">신청/관리</a></li>
+	   					</ul>
+	   				</dd>
+	   			</dl>
+	   		</li>
+	   		<li>
+	   			<dl>
+	   				<dt><a href="/web/user/mberInfoChange.do">마이페이지</a></dt>
+	   				<dd>
+	   					<ul>
+	   						<li><a href="/web/user/mberInfoChange.do">회원정보 변경</a></li>
+	   						<li><a href="/web/user/passwordChange.do">비밀번호 변경</a></li>
+	   						<li><a href="/web/user/sendNumberManage.do">발신번호 관리</a></li>
+	   					</ul>
+	   				</dd>
+	   			</dl>
+	   			<dl>
+	   				<dt><a href="/web/info/mjonInfo.do">문자온소개</a></dt>
+	   				<dd>
+	   					<ul>
+	   						<li><a href="/web/info/mjonInfo.do">서비스 소개</a></li>
+	   						<li><a href="/web/info/mjonFunc.do">주요기능</a></li>
+	   						<li><a href="/web/mjon/msgdata/selectBestMsgDataView.do">베스트문자샘플</a></li>
+	   					</ul>
+	   				</dd>
+	   			</dl>
+	   		</li>
+	   		<li>
+	   			<dl>
+	   				<dt><a href="/web/cop/bbs/NoticeList.do">고객센터</a></dt>
+	   				<dd>
+	   					<ul>
+	   						<li><a href="/web/cop/bbs/NoticeList.do">공지사항</a></li>
+	   						<li><a href="/web/cop/bbs/TermsList.do?menuNm=02&amp;termsMastNo=2025">이용약관</a></li>
+	   						<li><a href="/web/cop/bbs/FaqList.do">자주하는 질문</a></li>
+	   						<li><a href="/web/cop/bbs/QnaList.do">1:1 문의</a></li>
+	   						<li><a href="/web/cop/bbs/SuggestList.do">불편신고</a></li>
+	   						<li><a href="/web/cop/bbs/EventList.do">이벤트</a></li>
+	   						<li><a href="javascript:void(0);" onclick="remotePop('https://939.co.kr/munjaon/');">원격지원</a></li>
+	   					</ul>
+	   				</dd>
+	   			</dl>
+	   		</li>
+	   	</ul>
       </div>
     </div>
     <!-- //사이트맵 -->
-
-
   </div>
   <!--// header body 영역 -->
   <!-- <div id="login" class="login">
Add a comment
List