mjon_git/src/main/webapp/publish/kakao_allimtalk_send.html
2023-06-12 11:15:02 +09:00

1279 lines
102 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/popupLayer.js"></script>
<script type="text/javascript" src="/publish/js/datepicker/picker.js"></script>
<script type="text/javascript" src="/publish/js/datepicker/picker.date.js"></script>
<script type="text/javascript" src="/publish/js/datepicker/ko_KR.js"></script>
</head>
<body>
<div class="skip_menu">
<a href="#cont" title="본문 바로가기" class="contGo">본문 바로가기</a>
</div>
<!--// skip 메뉴 -->
<!-- quick 메뉴 -->
<div class="quickMenu">
<div>
<p class="quick_title">QUICK<br>MENU</p>
<p class="quick_title2">QUICK</p>
<ul class="quickMenuIn">
<li>
<a href="/publish/index.html"><i class="quick1"></i><span>이용안내</span></a>
<div class="hover_cont">이용안내</div>
</li>
<li>
<a href="#"><i class="quick2"></i><span>채팅상담</span></a>
<div class="hover_cont">채팅상담</div>
</li>
<li>
<a href="#"><i class="quick3"></i><span>원격지원</span></a>
<div class="hover_cont">원격지원</div>
</li>
<li>
<a href="#"><i class="quick4"></i><span>맞춤제작</span></a>
<div class="hover_cont">맞춤제작</div>
</li>
<li>
<a href="#"><i class="quick5"></i><span>주소록 등록</span></a>
<div class="hover_cont">주소록 등록</div>
</li>
<li>
<a href="#"><i class="quick6"></i><span>엑셀 전송</span></a>
<div class="hover_cont">엑셀 대량전송</div>
</li>
<li>
<a href="#"><i class="quick7"></i><span>견적서</span></a>
<div class="hover_cont">견적서</div>
</li>
<li>
<a href="#"><i class="quick8"></i><span>결제</span></a>
<div class="hover_cont">결제</div>
</li>
<li>
<a href="#"><i class="quick9"></i><span>영수증/계산서</span></a>
<div class="hover_cont">영수증/계산서</div>
</li>
</ul>
<button type="button" class="goTop" title="맨 위로 이동">TOP<i></i></button>
</div>
</div>
<!--// quick 메뉴 -->
<!-- header 영역 -->
<header id="header" class="header sub ">
<!-- header top 영역 -->
<div class="header_top">
<div class="inner">
<ul class="menu_left">
<li><a href="#"><i class="hdTop_fav"></i>즐겨찾기추가</a></li>
<li><a href="#"><i class="hdTop_mypage"></i>마이페이지</a></li>
<li><a href="#"><i class="hdTop_center"></i>고객센터</a></li>
</ul>
<ul class="menu_right">
<li><a href="#">충전하기</a></li>
<li class="SortLine"><a href="#">요금안내</a></li>
<li class="SortLine"><a href="#">이용안내</a></li>
<li class="SortLine"><a href="#">1:1고객상담</a></li>
</ul>
</div>
</div><!-- header top 영역 -->
<!-- header body 영역 -->
<div class="header_body">
<div class="inner table">
<h1 class="logo"><a href="/publish/index.html" alt="문자온 메인 바로가기"><img src="/publish/images/CI.png"
alt="문자온 CI"></a></h1>
<ul class="gnbWrap table_cell">
<li><a href="#">문자발송</a></li>
<li><a href="#">선거문자</a></li>
<li><a href="#">맞춤제작</a></li>
<li><a href="#">비즈톡</a></li>
<li><a href="#">주소록 관리</a></li>
<li><a href="#">발송결과</a></li>
<li><a href="#">예약관리</a></li>
<li><a href="#">결제내역</a></li>
</ul>
<div class="s_menu">
<i class="allSearch_info"><span>문자검색</span></i>
<button type="button" title="전체검색" class="allSearch" onclick="searchToggle();"><img
src="/publish/images/search.png" alt="검색영역 열기" class="allMenu"></button>
<button type="button" title="전체메뉴"><img src="/publish/images/all_menu.png" alt="전체메뉴 열기"></button>
</div>
</div>
<!-- search popup 영역 -->
<div class="pop_search">
<div class="inner">
<div class="area_search">
<select name="" id="">
<option value="">그림문자</option>
<option value="">단문문자</option>
<option value="">장문문자</option>
<option value="">GIF</option>
</select>
<input type="text" placeholder="문자샘플 검색하기">
<button><img src="/publish/images/search02.png" alt=""></button>
</div>
<div class="area_popular">
<p><i></i>인기검색어</p>
<ul class="popular_tag">
<li><a href="#">#정월대보름</a></li>
<li class="on"><a href="#">#추석</a></li>
<li><a href="#">#가을인사</a></li>
<li><a href="#">#좋은하루</a></li>
</ul>
</div>
<button class="btn_close" onclick="searchToggle();"><img src="/publish/images/btn_searchclose.png"
alt=""></button>
</div>
</div>
<!--// search popup 영역 -->
</div>
<!--// header body 영역 -->
<div id="login" class="login">
<div class="inner table">
<div class="login_left table_cell">
<div class="login_put">
<label for="id_text" class="label"></label>
<input type="text" placeholder="아이디를 입력해주세요" id="id_text" class="id_text" maxlength="30"
size="18">
<label for="password_text" class="label"></label>
<input type="password" placeholder="비밀번호를 입력해주세요" id="password_text" class="password_text"
maxlength="30" size="18">
<label for="login_button" class="label"></label>
<button type="submit" class="btnType btnType1" class="login_button">로그인</button>
</div>
<div class="login_save">
<input type="checkbox" id="save_id">
<label for="save_id">아이디 저장</label>
</div>
<div class="login_find">
<a href="#">아이디찾기 /</a>
<a href="#">비밀번호 찾기</a>
</div>
<div>
<button type="button" class="btnType btnType2">회원가입</button>
<button type="button" class="btnType btnType3">둘러보기</button>
</div>
</div>
<div class="login_right">
<span><i></i>이달의 이벤트</span>
<button type="button" class="btnType btnType4">바로가기</button>
</div>
</div>
</div>
<!--// login 영역 -->
</header>
<!--// header 영역 -->
<!-- login 영역 -->
<!-- content 영역 -->
<div id="container" class="cont sub">
<div class="inner">
<!-- send top -->
<div class="send_top">
<!-- tab button -->
<ul class="tabType4">
<li class="tab active"><button type="button" onclick="location.href='/publish/kakao_allimtalk_send.html'">알림톡</button></li>
<li class="tab"><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="TabType5(this,'4');">알림톡·친구톡 소개</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">알림톡 사용방법</button>
</div>
<div class="send_general kakao_wrap">
<div class="send_left">
<table class="tType1">
<colgroup>
<col style="width: 90px;">
<col style="width: auto;">
</colgroup>
<tbody>
<tr>
<th>채널ID</th>
<td>
<select name="" id="" class="select_gray_type">
<option value="">@munjaon</option>
</select>
</td>
</tr>
<tr>
<th>템플릿</th>
<td>
<select name="" id="" class="select_gray_type template_type_select">
<option value="template_01">알림톡 템플릿 선택</option>
<option value="template_02" selected>변수 있을 때</option>
</select>
<button type="button" class="btnType btnType6" onclick="window.open('popup_allimtalk_template_choice.html','_blank','width=930, height=860, top=100, left=100, fullscreen=no, menubar=no, status=no, toolbar=no, titlebar=yes, location=no, scrollbars=yes')">템플릿 선택</button>
<div class="variable_wrap">
<ul>
<li>* 변수명 설정파일을 다운로드 받으신 후 전송대상과 변수를 입력 후 업로드해주세요.</li>
<li>* 엑셀서식은 반드시 <span>텍스트 서식으로 등록</span>해주세요.</li>
<li>* 한번에 전송가능한 <span>최대 발송건은 50만건</span>입니다.</li>
</ul>
<button type="button" class="excel_btn"><i></i> #{변수명} 설정 파일 다운로드</button>
</div>
</td>
</tr>
<tr>
<th>받는사람</th>
<td class="putText">
<div class="clearfix receipt_num receiver_wrap01">
<div class="receipt_num_top">
<label for="" class="label">받는 번호입력</label>
<input type="text" placeholder="번호를 입력하세요" onfocus="this.placeholder=''" onblur="this.placeholder='번호를 입력하세요'" style="width:340px;">
<button type="button" class="btnType btnType6">번호추가</button>
<span><span class="vMiddle">*</span> 중복번호는 한번만 발송됩니다.</span>
</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 class="list_table list_body">
<div class="cb_wrap">
<label for="" class="label"></label>
<input type="checkbox">
</div>
<div class="list_table_num">
<p>010-1234-5678</p>
</div>
<div class="list_table_name">
<p>홍길동</p>
</div>
</div>
<div class="list_table list_body">
<div class="cb_wrap">
<label for="" class="label"></label>
<input type="checkbox">
</div>
<div class="list_table_num">
<p>010-1234-5678</p>
</div>
<div class="list_table_name">
<p>홍길동</p>
</div>
</div>
<div class="list_table list_body">
<div class="cb_wrap">
<label for="" class="label"></label>
<input type="checkbox">
</div>
<div class="list_table_num">
<p>010-1234-5678</p>
</div>
<div class="list_table_name">
<p>홍길동</p>
</div>
</div>
<div class="list_table list_body">
<div class="cb_wrap">
<label for="" class="label"></label>
<input type="checkbox">
</div>
<div class="list_table_num">
<p>010-1234-5678</p>
</div>
<div class="list_table_name">
<p>홍길동</p>
</div>
</div>
<div class="list_table list_body">
<div class="cb_wrap">
<label for="" class="label"></label>
<input type="checkbox">
</div>
<div class="list_table_num">
<p>010-1234-5678</p>
</div>
<div class="list_table_name">
<p>홍길동</p>
</div>
</div>
<div class="list_table list_body">
<div class="cb_wrap">
<label for="" class="label"></label>
<input type="checkbox">
</div>
<div class="list_table_num">
<p>010-1234-5678</p>
</div>
<div class="list_table_name">
<p>홍길동</p>
</div>
</div>
<div class="list_table list_body">
<div class="cb_wrap">
<label for="" class="label"></label>
<input type="checkbox">
</div>
<div class="list_table_num">
<p>010-1234-5678</p>
</div>
<div class="list_table_name">
<p>홍길동</p>
</div>
</div>
<div class="list_table list_body">
<div class="cb_wrap">
<label for="" class="label"></label>
<input type="checkbox">
</div>
<div class="list_table_num">
<p>010-1234-5678</p>
</div>
<div class="list_table_name">
<p>홍길동</p>
</div>
</div>
<div class="list_table list_body">
<div class="cb_wrap">
<label for="" class="label"></label>
<input type="checkbox">
</div>
<div class="list_table_num">
<p>010-1234-5678</p>
</div>
<div class="list_table_name">
<p>홍길동</p>
</div>
</div>
<div class="list_table list_body">
<div class="cb_wrap">
<label for="" class="label"></label>
<input type="checkbox">
</div>
<div class="list_table_num">
<p>010-1234-5678</p>
</div>
<div class="list_table_name">
<p>홍길동</p>
</div>
</div>
<div class="list_table list_body">
<div class="cb_wrap">
<label for="" class="label"></label>
<input type="checkbox">
</div>
<div class="list_table_num">
<p>010-1234-5678</p>
</div>
<div class="list_table_name">
<p>홍길동</p>
</div>
</div>
</div>
</div>
<div class="put_right">
<div class="btn_popup_wrap spc_wrap">
<button type="button" data-tooltip="popup06" class="btnType btnType7">주소록 불러오기</button>
</div>
<div class="btn_popup_wrap">
<button type="button" data-tooltip="popup02" class="btnType btnType7">엑셀 불러오기</button>
</div>
<div class="btn_popup_wrap">
<button type="button" data-tooltip="popup03" class="btnType btnType7 tab1">최근 전송내역</button>
</div>
<div class="btn_popup_wrap">
<button type="button" data-tooltip="popup03" class="btnType btnType7 tab2">자주보내는 번호</button>
</div>
<div class="btn_popup_wrap check_validity_wrap">
<button type="button" class="btnType btnType7">오류 검사<i class="qmMark error_qm"></i></button>
<div class="error_hover_cont send_hover_cont">
<p>등록하신 전화번호(형식 등)가 정확하게 입력되었는지 오류여부를 자동으로 검사할 수 있습니다.</p>
<span>(예시) 010-1234-0001(O),<br> 010-123-0001(X)</span>
</div>
</div>
</div>
</div>
<div class="list_bottom clearfix">
<div class="remove_btnWrap">
<button type="button" class="btnType15"><i class="remove_img"></i>전체삭제</button>
<button type="button" class="btnType15"><i class="remove_img"></i>선택삭제</button>
</div>
<div class="list_bottom_right">
<p><span class="c_e40000">120</span>건 / 중복 <span class="c_002c9a">9</span></p>
<button type="button" class="address_reg2">주소록에 등록</button>
</div>
</div>
</div>
<div class="clearfix receipt_num receiver_wrap02">
<div class="receipt_num_top">
<input type="text" placeholder="선택된 파일이 없습니다." onfocus="this.placeholder=''" onblur="this.placeholder='번호를 입력하세요'" style="width:340px;">
<button type="button" class="btnType btnType6">파일선택</button>
</div>
<div class="receipt_num_midde">
<div class="listType list01">
<div class="list_table list_head">
<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 class="list_table_name">
<p>[*1*]</p>
<img src="/publish/images/sortUp.png">
<img src="/publish/images/sortDown.png">
</div>
<div class="list_table_name">
<p>[*2*]</p>
<img src="/publish/images/sortUp.png">
<img src="/publish/images/sortDown.png">
</div>
<div class="list_table_name">
<p>[*3*]</p>
<img src="/publish/images/sortUp.png">
<img src="/publish/images/sortDown.png">
</div>
<div class="list_table_name">
<p>[*4*]</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="list_table_num">
<p>홍길동</p>
</div>
<div class="list_table_name">
<p>010-1234-5678</p>
</div>
<div class="list_table_name">
<p>1</p>
</div>
<div class="list_table_name">
<p>2</p>
</div>
<div class="list_table_name">
<p>3</p>
</div>
<div class="list_table_name">
<p>4</p>
</div>
</div>
<div class="list_table list_body">
<div class="list_table_num">
<p>홍길동</p>
</div>
<div class="list_table_name">
<p>010-1234-5678</p>
</div>
<div class="list_table_name">
<p>1</p>
</div>
<div class="list_table_name">
<p>2</p>
</div>
<div class="list_table_name">
<p>3</p>
</div>
<div class="list_table_name">
<p>4</p>
</div>
</div>
<div class="list_table list_body">
<div class="list_table_num">
<p>홍길동</p>
</div>
<div class="list_table_name">
<p>010-1234-5678</p>
</div>
<div class="list_table_name">
<p>1</p>
</div>
<div class="list_table_name">
<p>2</p>
</div>
<div class="list_table_name">
<p>3</p>
</div>
<div class="list_table_name">
<p>4</p>
</div>
</div>
<div class="list_table list_body">
<div class="list_table_num">
<p>홍길동</p>
</div>
<div class="list_table_name">
<p>010-1234-5678</p>
</div>
<div class="list_table_name">
<p>1</p>
</div>
<div class="list_table_name">
<p>2</p>
</div>
<div class="list_table_name">
<p>3</p>
</div>
<div class="list_table_name">
<p>4</p>
</div>
</div>
<div class="list_table list_body">
<div class="list_table_num">
<p>홍길동</p>
</div>
<div class="list_table_name">
<p>010-1234-5678</p>
</div>
<div class="list_table_name">
<p>1</p>
</div>
<div class="list_table_name">
<p>2</p>
</div>
<div class="list_table_name">
<p>3</p>
</div>
<div class="list_table_name">
<p>4</p>
</div>
</div>
<div class="list_table list_body">
<div class="list_table_num">
<p>홍길동</p>
</div>
<div class="list_table_name">
<p>010-1234-5678</p>
</div>
<div class="list_table_name">
<p>1</p>
</div>
<div class="list_table_name">
<p>2</p>
</div>
<div class="list_table_name">
<p>3</p>
</div>
<div class="list_table_name">
<p>4</p>
</div>
</div>
<div class="list_table list_body">
<div class="list_table_num">
<p>홍길동</p>
</div>
<div class="list_table_name">
<p>010-1234-5678</p>
</div>
<div class="list_table_name">
<p>1</p>
</div>
<div class="list_table_name">
<p>2</p>
</div>
<div class="list_table_name">
<p>3</p>
</div>
<div class="list_table_name">
<p>4</p>
</div>
</div>
<div class="list_table list_body">
<div class="list_table_num">
<p>홍길동</p>
</div>
<div class="list_table_name">
<p>010-1234-5678</p>
</div>
<div class="list_table_name">
<p>1</p>
</div>
<div class="list_table_name">
<p>2</p>
</div>
<div class="list_table_name">
<p>3</p>
</div>
<div class="list_table_name">
<p>4</p>
</div>
</div>
<div class="list_table list_body">
<div class="list_table_num">
<p>홍길동</p>
</div>
<div class="list_table_name">
<p>010-1234-5678</p>
</div>
<div class="list_table_name">
<p>1</p>
</div>
<div class="list_table_name">
<p>2</p>
</div>
<div class="list_table_name">
<p>3</p>
</div>
<div class="list_table_name">
<p>4</p>
</div>
</div>
<div class="list_table list_body">
<div class="list_table_num">
<p>홍길동</p>
</div>
<div class="list_table_name">
<p>010-1234-5678</p>
</div>
<div class="list_table_name">
<p>1</p>
</div>
<div class="list_table_name">
<p>2</p>
</div>
<div class="list_table_name">
<p>3</p>
</div>
<div class="list_table_name">
<p>4</p>
</div>
</div>
<div class="list_table list_body">
<div class="list_table_num">
<p>홍길동</p>
</div>
<div class="list_table_name">
<p>010-1234-5678</p>
</div>
<div class="list_table_name">
<p>1</p>
</div>
<div class="list_table_name">
<p>2</p>
</div>
<div class="list_table_name">
<p>3</p>
</div>
<div class="list_table_name">
<p>4</p>
</div>
</div>
<div class="list_table list_body">
<div class="list_table_num">
<p>홍길동</p>
</div>
<div class="list_table_name">
<p>010-1234-5678</p>
</div>
<div class="list_table_name">
<p>1</p>
</div>
<div class="list_table_name">
<p>2</p>
</div>
<div class="list_table_name">
<p>3</p>
</div>
<div class="list_table_name">
<p>4</p>
</div>
</div>
<div class="list_table list_body">
<div class="list_table_num">
<p>홍길동</p>
</div>
<div class="list_table_name">
<p>010-1234-5678</p>
</div>
<div class="list_table_name">
<p>1</p>
</div>
<div class="list_table_name">
<p>2</p>
</div>
<div class="list_table_name">
<p>3</p>
</div>
<div class="list_table_name">
<p>4</p>
</div>
</div>
</div>
</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>
<input id="title_y" type="radio" name="title_yn">
<label for="title_y">사용</label>
<input id="title_n" type="radio" name="title_yn" checked="checked">
<label for="title_n">사용안함</label>
</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>
<textarea id="smsTxtArea" name="smsTxtArea" class="put_text"></textarea>
<div class="text_length">
<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">
<div class="btn_popup_wrap spc_wrap">
<button type="button" class="btnType btnType7" onclick="miniPopup(this)">특수문자</button>
<div class="send_miniPop spc_character">
<div class="tab_character">
<a href="#none" class="on">특수문자</a>
<a href="#none">웃음</a>
<a href="#none">슬픔</a>
<a href="#none">분노</a>
<a href="#none">사랑</a>
<a href="#none">그외</a>
</div>
<!-- 특수문자 -->
<div class="cnt_character on">
<div class="box_character">
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#">ε</a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#">ψ</a>
</div>
</div>
<!-- //특수문자 -->
<!-- 웃음 -->
<div
class="cnt_character emt_character">
<div class="box_character">
<a href="#">⌒⌒</a>
<a href="#">^_^</a>
<a href="#">^0^</a>
<a href="#">s( ̄▽ ̄)/</a>
<a href="#">(/^^)/</a>
<a href="#">^o^~♬</a>
<a href="#">^.~</a>
<a href="#">^-^b</a>
<a href="#">^▽^</a>
<a href="#">^ε^</a>
<a href="#">(^^)γ</a>
<a href="#">(~^^)~</a>
<a href="#">☆(~.^)/</a>
<a href="#">(*^o^*)</a>
<a href="#">n_n</a>
<a href="#">↖(^▽^)↗</a>
<a href="#">( ̄∇ ̄)</a>
<a href="#">(*^.^)♂</a>
<a href="#">*^^*</a>
<a href="#">ㅎ.ㅎ</a>
<a href="#">=^.^=</a>
<a href="#">^▽^</a>
<a href="#">~_~</a>
<a href="#">(=^▽^)/♪</a>
</div>
</div>
<!-- //웃음 -->
<!-- 슬픔 -->
<div
class="cnt_character emt_character">
<div class="box_character">
<a href="#">(づ_T)</a>
<a href="#">(ㅠ.ㅠ)</a>
<a href="#">(#_-)</a>
<a href="#">o(T^T)o</a>
<a href="#">ㅠ.ㅠ</a>
<a href="#">(-_-メ)</a>
<a href="#">Y.Y</a>
<a href="#">TmT</a>
<a href="#">ご.ご</a>
<a href="#">(=_=;)</a>
<a href="#">⊇.⊆</a>
<a href="#">(o_Φ)</a>
<a href="#">∋.∈</a>
<a href="#">(___)_</a>
<a href="#">(-.¥)</a>
<a href="#">@_O</a>
<a href="#">●⊙</a>
<a href="#">(♨_♨)</a>
<a href="#">(X_X)</a>
<a href="#">Θ_Θ</a>
<a href="#">(∏.∏)</a>
<a href="#">(づ_ど)</a>
<a href="#">( ̄^ ̄)</a>
</div>
</div>
<!-- //슬픔 -->
<!-- 분노 -->
<div
class="cnt_character emt_character">
<div class="box_character">
<a href="#">Θ_Θ</a>
<a href="#">=-_-a</a>
<a href="#">('o')</a>
<a href="#">(`へ´)</a>
<a href="#">(-ヘㅡメ)凸</a>
<a href="#">⊙⊙ㆀ</a>
<a href="#">⊙.⊙</a>
<a href="#">ㅡㅡ+</a>
<a href="#">(`o´)y</a>
<a href="#">づºДº)つ</a>
<a href="#">O_O</a>
<a href="#">(@.@)</a>
<a href="#">★.★</a>
<a href="#">(;¬_¬)</a>
<a href="#">┏(;-_-)┛</a>
<a href="#">┏(-_-メ)┓</a>
<a href="#">(>&#60;ㆀ)&#47;</a>
<a href="#">--メ凸</a>
<a href="#">(`_)乂(_)</a>
<a href="#">(-_-)c+_=)</a>
</div>
</div>
<!-- //분노 -->
<!-- 사랑 -->
<div
class="cnt_character emt_character">
<div class="box_character">
<a href="#">♥.♥</a>
<a href="#">^o^~♬</a>
<a href="#">(*^}{^*)</a>
<a href="#">ⓛⓞⓥⓔ</a>
<a href="#">(*_*)</a>
<a href="#">(♡.♡)</a>
<a href="#">ε♡₃ε♥</a>
<a href="#">(*..)(..*)</a>
<a href="#">(~.^)s</a>
<a href="#">☞♡☜</a>
<a href="#">*♥o♥*</a>
<a href="#">(/^o^)/♡</a>
<a href="#">@-m-m--</a>
<a href="#">=>>------▷♡</a>
<a href="#">(*^^)σ(^_^)</a>
<a href="#">(*^-^)♡(^o^*)</a>
<a href="#">(づ^.^)づ~♡</a>
<a href="#">(*^▽^*)</a>
<a href="#">*⌒З^)^.⌒*)</a>
<a href="#">(づ ̄³ ̄)づ~</a>
<a href="#">(づ ̄³ ̄)づ</a>
<a href="#">(^*^)kiss</a>
<a href="#">(*'-⌒*)ⓥ</a>
<a href="#">s( ̄▽ ̄)/</a>
</div>
</div>
<!-- //사랑 -->
<!-- 그외 -->
<div
class="cnt_character emt_character emt_etc ">
<div class="box_character">
<a href="#">&#60;:3)--</a>
<a href="#">(^(oo)^)</a>
<a href="#">(:::[</a>
<a href="#">]:::)</a>
<a href="#">[( ̄. ̄)]zZ</a>
<a href="#">(``)(``)</a>
<a href="#">(T(oo)T)</a>
<a href="#">(^.^)=O)#.#)</a>
<a href="#">?‥…─━★</a>
<a href="#">(__)zzz</a>
<a href="#">(=ㅅ)=333</a>
<a href="#">&#60;(>.<)></a>
<a href="#">>(/////)&#60;</a>
<a href="#">((ど(</a>
<a href="#">^0^</a>
<a href="#">)つ))</a>
<a href="#">■■■■■□90%</a>
<a href="#">( ̄_ ̄>-(^▽^;)</a>
<a href="#">∑⊙)++333=◀</a>
<a href="#">(^_^)~~⑩</a>
<a href="#">(^▽^)/(^_^)</a>
<a href="#">(*.*)@==(`.`)</a>
<a href="#">(っㅡㅡ)つ━●</a>
<a href="#">(``)(</a>
<a href="#">:)(..)(:</a>
<a href="#">(``)</a>
</div>
</div>
<!-- //그외 -->
<button type="button" class="btn_close" onclick="miniPopup(this)">닫기</button>
</div>
</div>
<div class="btn_popup_wrap convers_wrap">
<button type="button" class="btnType btnType7" onclick="miniPopup(this)">특정문구 일괄변환<i class="qmMark"></i></button>
<div class="send_miniPop convers">
<div>
<div class="convers_top">
<span>특정문구 일괄변환이란?</span>
<p>주소록, 엑셀에 입력된 내용을 이용해 수신자마다 다른
내용의 메시지를 발송하는 기능</p>
</div>
<div class="convers_middle"><a
href="#">#{이름}</a></div>
<div class="convers_bottom">
<a href="#">#{1}</a>
<a href="#">#{2}</a>
<a href="#">#{3}</a>
<a href="#">#{4}</a>
</div>
</div>
<button type="button" class="btn_close" onclick="miniPopup(this)">닫기</button>
</div>
</div>
<button type="button" class="btnType btnType7">내문자함</button>
<button type="button" class="btnType btnType8" onclick="showPotoediter();">이미지 불러오기</button>
<div class="send_btnWrap">
<button type="button" class="btnType btnType9">문자저장</button>
<button type="button" class="btnType btnType9">초기화</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">
<div class="allimtalk_title">
<img src="/publish/images/content/icon_allimtalk.png" alt="">알림톡 도착
</div>
<div class="allimtalk_content">
<!-- <div class="kakao_image"> -->
<!-- <img src="/publish/images/content/kakao_template_img.png" alt=""> -->
<!-- </div> -->
<p class="emphasis_side_text">강조표기 보조문구 미리보기</p>
<p class="emphasis_title_text">타이틀 미리보기</p>
<p class="template_text">내용미리보기</p>
<p class="side_info_text">부가정보내용</p>
<p class="channel_info_text">채널 추가 안내 메시지 미리보기</p>
<button type="button" class="btn_kakao_type">버튼명</button>
<button type="button" class="btn_kakao_type">버튼명</button>
<!-- <p class="emphasis_side_text">강조표기 보조문구 미리보기</p> -->
<!-- <p class="emphasis_title_text">타이틀 미리보기</p> -->
<!-- <p class="template_text">내용미리보기</p> -->
<!-- <p class="side_info_text">부가정보내용</p> -->
<!-- <p class="channel_info_text">채널 추가 안내 메시지 미리보기</p> -->
<!-- <button type="button" class="btn_kakao_type">버튼명</button> -->
<!-- <button type="button" class="btn_kakao_type">버튼명</button> -->
</div>
</div>
<!-- //텍스트 미리보기 -->
<div class="template_info_wrap">
<div class="template_byte">
<p><span class="fwMd" id="msgLeng">50 / </span><span class="c_002c9a fwMd" id="limitLeng">2000</span>byte</p>
</div>
<button type="button" class="btn_template_choice" onclick="window.open('popup_allimtalk_template_choice.html','_blank','width=930, height=860, top=100, left=100, fullscreen=no, menubar=no, status=no, toolbar=no, titlebar=yes, location=no, scrollbars=yes')">템플릿 재선택</button>
</div>
</div>
<p class="addText">※ 단말기 설정에 따라 다르게 보일 수 있습니다<p>
</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 영역 -->
<footer id="footer" class="footer">
<div class="footer_top">
<div class="inner table">
<ul class="table_cell">
<li><a href="#">이용약관</a></li>
<li class="SortLine fwRg c_white"><a href="#">개인정보취급방침</a></li>
<li class="SortLine fwRg c_white"><a href="#">스팸관리정책</a></li>
<li class="SortLine"><a href="#">불법스팸예방안내</a></li>
</ul>
</div>
</div>
<div class="footer_body">
<div class="inner table">
<div class="table_cell">
<a href="#" class="footer_logo"><img src="/publish/images/CI_white.png" alt="문자온 CI"></a>
<div class="footer_info">
<p>주소 : 경기도 남양주시 다산중앙로 19번길 21 1027호, 1028호(블루웨일 지식산업센터 1차)</p>
<p>사업자번호 : 653-87-00858 대표 : 유인식 통신판매등록번호 : 제 다산-12345호 문의전화 : 070-4786-0007</p>
<p>Copyright 2020 ⓒ MUNJAON co. Ltd, All rights reserved.</p>
</div>
<div class="footer_service_center">
<i></i>
<div>
<p>고객센터</p>
<span class="footer_service_num">070-4786-0008</span>
<span>E-mail : help@iten.co.kr</span>
</div>
</div>
</div>
</div>
</div>
</footer>
<!--// footer 영역 -->
</body>
</html>