mjon_git/src/main/webapp/publish/kakao_friendtalk_send.html

927 lines
82 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!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_friendtalk_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('friendTalkSend','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 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>
<!-- <p class="cf_text fwRg"><span class="c_e40000 fwBold">*</span> 버튼 타입중 <span class="c_e40000">봇키워드, 메시지전달</span>은 <span class="c_222">카카오톡 채널 관리자센터(https://center-pf.kakao.com)</span>에서 설정을 직접 한 후 이용하셔야 동작합니다. (최대 5개까지 등록가능)</p> -->
<div class="button_add_wrap">
<!-- <dl class="button_type_wrap template_channel_add">
<dt>채널추가</dt>
<dd class="button_type_input"><input type="text" value="채널 추가" readonly>
</dd>
</dl>
<dl class="button_type_wrap type1">
<dt>배송조회</dt>
<dd class="button_type_input">
<input type="text" placeholder="버튼명 입력(최대 14자)">
<p class="cf_text">*이용가능 택배사 : KG로지스, 우체국택배,일양로지스, GTX로지스, FedEx,
경동택배, 합동택배, 롯데택배</p>
</dd>
<dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img
src="/publish/images/btn_delete.png" alt=""></button></dd>
</dl>
<dl class="button_type_wrap type2">
<dt>웹링크</dt>
<dd class="button_type_input">
<ul>
<li><input type="text" placeholder="버튼명 입력(최대 14자)"></li>
<li><input type="text" placeholder="모바일 링크 입력"></li>
<li><input type="text" placeholder="PC 링크 입력"></li>
</ul>
</dd>
<dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd>
</dl>
<dl class="button_type_wrap type3">
<dt>앱링크</dt>
<dd class="button_type_input"><input type="text" placeholder="버튼명 입력(최대 14자)"></dd>
<dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd>
</dl>
<dl class="button_type_wrap type4">
<dt>봇키워드</dt>
<dd class="button_type_input"><input type="text" placeholder="버튼명 입력(최대 14자)"></dd>
<dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd>
</dl>
<dl class="button_type_wrap type5">
<dt>메시지전달</dt>
<dd class="button_type_input"><input type="text" placeholder="버튼명 입력(최대 14자)"></dd>
<dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd>
</dl>
<dl class="button_type_wrap type6">
<dt>상담톡전환</dt>
<dd class="button_type_input"><input type="text" placeholder="버튼명 입력(최대 14자)"></dd>
<dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd>
</dl>
<dl class="button_type_wrap type7">
<dt>챗봇전환</dt>
<dd class="button_type_input"><input type="text" placeholder="버튼명 입력(최대 14자)"></dd>
<dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd>
</dl>
-->
</div>
</td>
</tr>
<tr>
<th>받는사람</th>
<td class="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>
<!-- //업로드한 이미지의 썸네일 영역 -->
<div class="ad_txt" style="">
<p>(광고)</p>
</div>
<label for="smsTxtArea" class="label"></label>
<textarea id="smsTxtArea" name="smsTxtArea" class="put_text"></textarea>
<div class="text_length">
<div class="sub_ad_text">
<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>