950 lines
72 KiB
HTML
950 lines
72 KiB
HTML
<!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>
|
|
|
|
<script>
|
|
|
|
$(function () {
|
|
// 즉시/예약 시 예약설정 노출
|
|
$("[name=reserYn]").change(function () {
|
|
var thisVal = $(this).val();
|
|
if (thisVal == "Y") {
|
|
$(".use_enter,.rev_selected").show();
|
|
$(".send_content").css("padding", "0");
|
|
} else {
|
|
$(".use_enter,.rev_selected").hide();
|
|
$(".send_content").removeAttr("style");
|
|
}
|
|
});
|
|
})
|
|
|
|
</script>
|
|
|
|
|
|
</head>
|
|
|
|
<body>
|
|
<div class="skip_menu">
|
|
<a href="#cont" title="본문 바로가기" class="contGo">본문 바로가기</a>
|
|
</div>
|
|
<!--// skip 메뉴 -->
|
|
|
|
<!-- header 영역 -->
|
|
<header id="header" class="header sub ">
|
|
<!-- header top 영역 -->
|
|
<div class="header_top">
|
|
<div class="inner">
|
|
<ul class="menu_left">
|
|
<li><a href="#"><i class="hdTop_fav"></i>즐겨찾기추가</a></li>
|
|
<li><a href="#"><i class="hdTop_mypage"></i>마이페이지</a></li>
|
|
<li><a href="#"><i class="hdTop_center"></i>고객센터</a></li>
|
|
</ul>
|
|
<ul class="menu_right">
|
|
<li><a href="#">충전하기</a></li>
|
|
<li class="SortLine"><a href="#">요금안내</a></li>
|
|
<li class="SortLine"><a href="#">이용안내</a></li>
|
|
<li class="SortLine"><a href="#">1:1고객상담</a></li>
|
|
</ul>
|
|
</div>
|
|
</div><!-- header top 영역 -->
|
|
<!-- header body 영역 -->
|
|
<div class="header_body">
|
|
<div class="inner table">
|
|
<h1 class="logo"><a href="/publish/index.html" alt="문자온 메인 바로가기"><img src="/publish/images/CI.png" alt="문자온 CI"></a></h1>
|
|
<ul class="gnbWrap table_cell">
|
|
<li><a href="#">문자발송</a></li>
|
|
<li><a href="#">선거문자</a></li>
|
|
<li><a href="#">맞춤제작</a></li>
|
|
<li><a href="#">비즈톡</a></li>
|
|
<li><a href="#">주소록 관리</a></li>
|
|
<li><a href="#">발송결과</a></li>
|
|
<li><a href="#">예약관리</a></li>
|
|
<li><a href="#">결제내역</a></li>
|
|
</ul>
|
|
<div class="s_menu">
|
|
<i class="allSearch_info"><span>문자검색</span></i>
|
|
<button type="button" title="전체검색" class="allSearch" onclick="searchToggle();"><img src="/publish/images/search.png" alt="검색영역 열기" class="allMenu"></button>
|
|
<button type="button" title="전체메뉴"><img src="/publish/images/all_menu.png" alt="전체메뉴 열기"></button>
|
|
</div>
|
|
</div>
|
|
<!-- search popup 영역 -->
|
|
<div class="pop_search">
|
|
<div class="inner">
|
|
<div class="area_search">
|
|
<select name="" id="">
|
|
<option value="">그림문자</option>
|
|
<option value="">단문문자</option>
|
|
<option value="">장문문자</option>
|
|
<option value="">GIF</option>
|
|
</select>
|
|
<input type="text" placeholder="문자샘플 검색하기">
|
|
<button><img src="/publish/images/search02.png" alt=""></button>
|
|
</div>
|
|
<div class="area_popular">
|
|
<p><i></i>인기검색어</p>
|
|
<ul class="popular_tag">
|
|
<li><a href="#">#정월대보름</a></li>
|
|
<li class="on"><a href="#">#추석</a></li>
|
|
<li><a href="#">#가을인사</a></li>
|
|
<li><a href="#">#좋은하루</a></li>
|
|
</ul>
|
|
</div>
|
|
<button class="btn_close" onclick="searchToggle();"><img src="/publish/images/btn_searchclose.png" alt=""></button>
|
|
</div>
|
|
</div>
|
|
<!--// search popup 영역 -->
|
|
</div>
|
|
<!--// header body 영역 -->
|
|
<div id="login" class="login">
|
|
<div class="inner table">
|
|
<div class="login_left table_cell">
|
|
<div class="login_put">
|
|
<label for="id_text" class="label"></label>
|
|
<input type="text" placeholder="아이디를 입력해주세요" id="id_text" class="id_text" maxlength="30" size="18">
|
|
<label for="password_text" class="label"></label>
|
|
<input type="password" placeholder="비밀번호를 입력해주세요" id="password_text" class="password_text" maxlength="30" size="18">
|
|
<label for="login_button" class="label"></label>
|
|
<button type="submit" class="btnType btnType1" class="login_button">로그인</button>
|
|
</div>
|
|
<div class="login_save">
|
|
<input type="checkbox" id="save_id">
|
|
<label for="save_id">아이디 저장</label>
|
|
</div>
|
|
<div class="login_find">
|
|
<a href="#">아이디찾기 /</a>
|
|
<a href="#">비밀번호 찾기</a>
|
|
</div>
|
|
<div>
|
|
<button type="button" class="btnType btnType2">회원가입</button>
|
|
<button type="button" class="btnType btnType3">둘러보기</button>
|
|
</div>
|
|
</div>
|
|
<div class="login_right">
|
|
<span><i></i>이달의 이벤트</span>
|
|
<button type="button" class="btnType btnType4">바로가기</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--// login 영역 -->
|
|
</header>
|
|
<!--// header 영역 -->
|
|
<!-- 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>
|
|
<li>* 배송조회시 운송장 번호는 <span>숫자만 등록</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" style="align-items:center;gap:6px;">
|
|
<label for="" class="label">받는 번호입력</label>
|
|
<input type="text" placeholder="번호를 입력하세요" onfocus="this.placeholder=''" onblur="this.placeholder='번호를 입력하세요'" style="width:340px;">
|
|
<button type="button" class="btnType btnType6">번호추가</button>
|
|
<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">
|
|
<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">
|
|
<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" style="display:none;">
|
|
<div class="rev_top">
|
|
<span>날짜 :</span>
|
|
<div class="calendar_wrap">
|
|
<input type="text" class="startDate inp calendar picker__input" title="검색 시작일" id="startDate" name="startDate" value="" data-datecontrol="true" readonly="" aria-haspopup="true" aria-expanded="false" aria-readonly="false" aria-owns="startDate_root">
|
|
</div>
|
|
<label for="" class="label">시 선택</label>
|
|
<div class="selBox">
|
|
<select class="selType1">
|
|
<option>00시</option>
|
|
<option>10시</option>
|
|
<option>20시</option>
|
|
</select>
|
|
<label for="" class="label">분 선택</label>
|
|
<select class="selType1">
|
|
<option>00분</option>
|
|
<option>25분</option>
|
|
<option>50분</option>
|
|
</select>
|
|
</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> |