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

3345 lines
155 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/font.css">
<link rel="stylesheet" href="/publish/css/popupLayer.css">
<!-- <link rel="stylesheet" href="/publish/css/adrbook.css"> -->
<script src="/publish/js/jquery-3.5.0.js"></script>
<script src="/publish/js/jquery.mCustomScrollbar.concat.min.js"></script>
<script src="/publish/js/stickyfill.min.js"></script>
<script src="/publish/js/s.js"></script>
<script src="/publish/js/common.js"></script>
<script src="/publish/js/content.js"></script>
<script src="/publish/js/calendar.js"></script>
<script src="/publish/js/popup.js"></script>
<script src="/publish/js/popupLayer.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
</head>
<body>
<div class="mask"></div>
<!-- 후보자등록 팝업 data-tooltip:candidate_popup01 -->
<div class="tooltip-wrap">
<div class="popup-com candidate_layer candidate_popup01" tabindex="0" data-tooltip-con="candidate_popup01" data-focus="candidate_popup01" data-focus-prev="candidate_popup01-close" style="width: 620px;">
<div class="popup_heading">
<p>후보자 등록정보</p>
<button type="button" class="tooltip-close" data-focus="candidate_popup01-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
</div>
<div class="layer_in">
<p class="adr_pop_title">선거문자는 반드시 <span class="c_002c9a">후보자 등록</span>을 하셔야만 이용 가능합니다.</p>
<div class="candidate_table">
<p>후보자</p>
<table>
<caption>후보자 등록을 위한 성명, 주민등록번호, 주소를 입력하는 표</caption>
<colgroup>
<col style="width: 125px;">
<col style="width: auto;">
</colgroup>
<tbody>
<tr>
<th scope="row">성명</th>
<td>
<label for="" class="label"></label>
<input type="text" placeholder="후보자 성명 입력" onfocus="this.placeholder=''" onblur="this.placeholder='후보자 성명 입력'" class="inputLight">
</td>
</tr>
<tr class="residentNum">
<th scope="row">주민등록번호</th>
<td>
<label for="" class="label"></label>
<input type="text" placeholder="주민등록번호 앞 8자리" onfocus="this.placeholder=''" onblur="this.placeholder='주민등록번호 앞 8자리'" class="inputLight">
<span>-</span>
<label for="" class="label"></label>
<input type="text" placeholder="주민등록번호 뒤 8자리" onfocus="this.placeholder=''" onblur="this.placeholder='주민등록번호 뒤 8자리'" class="inputLight">
</td>
</tr>
<tr>
<th scope="row">주소</th>
<td>
<label for="" class="label"></label>
<input type="text">
</td>
</tr>
</tbody>
</table>
</div>
<div class="candidate_table" style="margin-top: 40px;">
<p>담당자</p>
<table>
<caption>후보자 등록을 위한 성명, 주민등록번호, 주소를 입력하는 표</caption>
<colgroup>
<col style="width: 125px;">
<col style="width: auto;">
</colgroup>
<tbody>
<tr>
<th scope="row">성명</th>
<td>
<label for="" class="label"></label>
<input type="text" placeholder="담당자 성명 입력" onfocus="this.placeholder=''" onblur="this.placeholder='담당자 성명 입력'" class="inputLight">
</td>
</tr>
<tr>
<th scope="row">직위</th>
<td>
<label for="" class="label"></label>
<input type="text" placeholder="직위 입력" onfocus="this.placeholder=''" onblur="this.placeholder='직위 입력'" class="inputLight">
</td>
</tr>
<tr>
<th scope="row">휴대폰</th>
<td>
<label for="" class="label"></label>
<input type="text" placeholder="- 없이 숫자만 입력" onfocus="this.placeholder=''" onblur="this.placeholder='- 없이 숫자만 입력'" class="inputLight">
</td>
</tr>
<tr class="emailWrap3">
<th scope="row">이메일</th>
<td>
<label for="" class="label"></label>
<input type="text">
<span>@</span>
<label for="" class="label"></label>
<input type="text">
<label for="" class="label">이메일 선택</label>
<select class="list_selType1">
<option>직접입력</option>
<option>네이버</option>
<option>네이트</option>
<option>한메일(다음)</option>
<option>지메일</option>
</select>
</td>
</tr>
</tbody>
</table>
</div>
<div class="popup_btn_wrap2">
<button type="button">등록</button>
<button type="button" class="tooltip-close" data-focus="candidate_popup01-close" data-focus-next="candidate_popup01">닫기</button>
</div>
</div>
</div>
</div><!--// 후보자등록 팝업 -->
<!-- 선거문자 발송규정 팝업 data-tooltip:candidate_popup02 -->
<div class="tooltip-wrap">
<div class="popup-com ad_layer candidate_popup02" tabindex="0" data-tooltip-con="candidate_popup02" data-focus="candidate_popup02" data-focus-prev="candidate_popup02-close" style="width: 795px">
<div class="popup_heading">
<p>선거문자 발송규정</p>
<button type="button" class="tooltip-close" data-focus="candidate_popup02-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
</div>
<div class="layer_in">
<div class="adpop_cont adpop3 current">
<div class="adpop1_top">
<div>
<p>선거문자 발송규정<span><br>준수해주세요</span></p>
<span>문자발송 전 반드시 공직선거법 제82조<br>
<span class="c_e40000 fwRg">“자동 동보통신에 의한 문자메시지 전송 규정”</span><br>
확인 후 전송해주시기 바랍니다.</span>
<div>
<p>선관위에 신고된 후보자 연락처로 발송</p>
<p>메시지 시작 부분에 (선거운동정보) 표기</p>
<p>후보자 전화번호 표기</p>
<p>불법수집정보 신고번호 118 표기</p>
<p>무료 수신거부 080 번호 표기</p>
</div>
</div>
</div>
<div class="adpop2_middle">
<p>- 규정 위반 시 공직선거법 제255조에 의거 법적 재재(3년 이하의 징역 또는 600만원 이하의 벌금)를 받을 수 있습니다.</p>
<p>- 문자온에서는 선거문자 전송 시 선관위 규정을 최대한 준수하여 서비스를 제공하고 있으나 미미한 점이 있을 수 있습니다.<br>
&nbsp;선거문자 전송 시 선관위 규정을 사전에 반드시 확인하시기 바라며, 미확인으로 인한 법적책임은 전송자 본인에게 있음을<br>&nbsp;알려드립니다.</p>
</div>
<div class="adpop2_bottom">
<p class="adpop2_title"><i></i>선거문자 이용 시 참고 법률 안내</p>
<div>
<p>1. 선거문자 발송 건수 및 발신번호 등록</p>
<p>제59조-2<br>
문자메시지를 전송하는 방법으로 선거운동을 하는 경우. 이 경우 자동 동보통신의 방법(동시 수신대상자가 20명을
초과하거나 그 대상자가 20명 이하인 경우에도 프로그램을 이용하여 수신자를 자동으로 선택하여 전송하는 방식을
말한다. 이하 같다)으로 전송할 수 있는 자는 후보자와 예비후보자에 한하되, 그 횟수는 8회(후보자의 경우 예비후보자
로서 전송한 횟수를 포함한다)를 넘을 수 없으며, 중앙선거관리위원회규칙에 따라 신고한 1개의 전화번호만을
사용하여야 한다.</p>
</div>
<div>
<p>2. 선거문자 필수 입력사항</p>
<p>제82조의5<br>
예비후보자 또는 후보자가 제59조제2호ㆍ제3호에 따라 선거운동 목적의 정보(이하 “선거운동정보”라 한다)를 자동
동보통신의 방법으로 문자메시지로 전송하거나 전송대행업체에 위탁하여 전자우편으로 전송하는 때에는 다음 각 호의
사항을 선거운동정보에 명시하여야 한다.<br><br>
1. 선거운동정보에 해당하는 사실<br>
2. 문자메시지를 전송하는 경우 그의 전화번호<br>
3. 불법수집정보 신고 전화번호<br>
4. 수신거부의 의사표시를 쉽게 할 수 있는 조치 및 방법에 관한 사항</p>
</div>
<div>
<p>3. 선거문자 발송 시간 제한</p>
<p>제109조<br>
전화를 이용한 선거운동은 야간(오후 11시부터 다음 날 오전 6시까지를 말한다)에는 이를 할 수 없다.</p>
</div>
<div>
<p>4. 추가 참고 법률</p>
<p>공직선거법 제60조의3(예비후보자 등의 선거운동)<br>
공직선거법 제82조의4(정보통신망을 이용한 선거운동)<br>
공직선거법 제122조의2(선거비용의 보전 등)<br>
공직선거법 제255조(부정선거운동죄)<br>
공직선거법 제256조(각종제한규정위반죄) 제3항</p>
</div>
</div>
</div><!--// 선거문자 발송규정 안내 -->
</div>
<div style="margin: 0 auto 30px auto; text-align: center;">
<button type="button" class="election_btn"><i></i>선거관리위원회 바로가기</button>
</div>
</div>
</div><!--// 선거문자 발송규정 팝업 -->
<!-- 전송내역 팝업 -->
<div class="tooltip-wrap">
<div class="popup-com history_layer popup03" tabindex="0" data-tooltip-con="popup03" data-focus="popup03" data-focus-prev="popup03-close">
<div class="popup_heading">
<p><span>전송내역</p>
<button type="button" class="tooltip-close" data-focus="popup02-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
</div>
<div class="layer_in">
<!-- tab button -->
<ul class="tabType6">
<li class="tab active"><button type="button" onclick="TabType(this,'1');">최근 전송내역</button></li>
<li class="tab"><button type="button" onclick="TabType(this,'2');">자주보내는 번호</button></li>
</ul><!--// tab button -->
<!-- 최근 전송내역 -->
<div class="history_cont current hascont">
<div class="histroy_trans" id="latestMsgArea">
<ul>
<li>
<input type="checkbox" id="">
<label for="" class="label">최근 전송내역</label>
<p>010-1234-5678</p>
<button type="button"><img src="/publish/images/popup/close3.png" alt="전화번호 삭제"></button>
</li>
<li>
<input type="checkbox" id="">
<label for="" class="label">최근 전송내역</label>
<p>010-1234-5678</p>
<button type="button"><img src="/publish/images/popup/close3.png" alt="전화번호 삭제"></button>
</li>
<li>
<input type="checkbox" id="">
<label for="" class="label">최근 전송내역</label>
<p>010-1234-5678</p>
<button type="button"><img src="/publish/images/popup/close3.png" alt="전화번호 삭제"></button>
</li>
<li>
<input type="checkbox" id="">
<label for="" class="label">최근 전송내역</label>
<p>010-1234-5678</p>
<button type="button"><img src="/publish/images/popup/close3.png" alt="전화번호 삭제"></button>
</li>
<li>
<input type="checkbox" id="">
<label for="" class="label">최근 전송내역</label>
<p>010-1234-5678</p>
<button type="button"><img src="/publish/images/popup/close3.png" alt="전화번호 삭제"></button>
</li>
<li>
<input type="checkbox" id="">
<label for="" class="label">최근 전송내역</label>
<p>010-1234-5678</p>
<button type="button"><img src="/publish/images/popup/close3.png" alt="전화번호 삭제"></button>
</li>
<li>
<input type="checkbox" id="">
<label for="" class="label">최근 전송내역</label>
<p>010-1234-5678</p>
<button type="button"><img src="/publish/images/popup/close3.png" alt="전화번호 삭제"></button>
</li>
<li>
<input type="checkbox" id="">
<label for="" class="label">최근 전송내역</label>
<p>010-1234-5678</p>
<button type="button"><img src="/publish/images/popup/close3.png" alt="전화번호 삭제"></button>
</li>
<li>
<input type="checkbox" id="">
<label for="" class="label">최근 전송내역</label>
<p>010-1234-5678</p>
<button type="button"><img src="/publish/images/popup/close3.png" alt="전화번호 삭제"></button>
</li>
<li>
<input type="checkbox" id="">
<label for="" class="label">최근 전송내역</label>
<p>010-1234-5678</p>
<button type="button"><img src="/publish/images/popup/close3.png" alt="전화번호 삭제"></button>
</li>
<li>
<input type="checkbox" id="">
<label for="" class="label">최근 전송내역</label>
<p>010-1234-5678</p>
<button type="button"><img src="/publish/images/popup/close3.png" alt="전화번호 삭제"></button>
</li>
<li>
<input type="checkbox" id="">
<label for="" class="label">최근 전송내역</label>
<p>010-1234-5678</p>
<button type="button"><img src="/publish/images/popup/close3.png" alt="전화번호 삭제"></button>
</li>
<li>
<input type="checkbox" id="">
<label for="" class="label">최근 전송내역</label>
<p>010-1234-5678</p>
<button type="button"><img src="/publish/images/popup/close3.png" alt="전화번호 삭제"></button>
</li>
<li>
<input type="checkbox" id="">
<label for="" class="label">최근 전송내역</label>
<p>010-1234-5678</p>
<button type="button"><img src="/publish/images/popup/close3.png" alt="전화번호 삭제"></button>
</li>
<li>
<input type="checkbox" id="">
<label for="" class="label">최근 전송내역</label>
<p>010-1234-5678</p>
<button type="button"><img src="/publish/images/popup/close3.png" alt="전화번호 삭제"></button>
</li>
<li>
<input type="checkbox" id="">
<label for="" class="label">최근 전송내역</label>
<p>010-1234-5678</p>
<button type="button"><img src="/publish/images/popup/close3.png" alt="전화번호 삭제"></button>
</li>
<li>
<input type="checkbox" id="">
<label for="" class="label">최근 전송내역</label>
<p>010-1234-5678</p>
<button type="button"><img src="/publish/images/popup/close3.png" alt="전화번호 삭제"></button>
</li>
</ul>
</div>
</div><!--// 최근 전송내역 -->
<!-- 자주보내는 번호 -->
<div class="history_cont hascont">
<div class="histroy_trans" id="bookMarkMsgArea">
<ul>
<li>
<input type="checkbox" id="">
<label for="" class="label">최근 전송내역</label>
<p>010-1234-5678</p>
<button type="button"><img src="/publish/images/popup/close3.png" alt="전화번호 삭제"></button>
</li>
<li>
<input type="checkbox" id="">
<label for="" class="label">최근 전송내역</label>
<p>010-1234-5678</p>
<button type="button"><img src="/publish/images/popup/close3.png" alt="전화번호 삭제"></button>
</li>
<li>
<input type="checkbox" id="">
<label for="" class="label">최근 전송내역</label>
<p>010-1234-5678</p>
<button type="button"><img src="/publish/images/popup/close3.png" alt="전화번호 삭제"></button>
</li>
<li>
<input type="checkbox" id="">
<label for="" class="label">최근 전송내역</label>
<p>010-1234-5678</p>
<button type="button"><img src="/publish/images/popup/close3.png" alt="전화번호 삭제"></button>
</li>
<li>
<input type="checkbox" id="">
<label for="" class="label">최근 전송내역</label>
<p>010-1234-5678</p>
<button type="button"><img src="/publish/images/popup/close3.png" alt="전화번호 삭제"></button>
</li>
<li>
<input type="checkbox" id="">
<label for="" class="label">최근 전송내역</label>
<p>010-1234-5678</p>
<button type="button"><img src="/publish/images/popup/close3.png" alt="전화번호 삭제"></button>
</li>
<li>
<input type="checkbox" id="">
<label for="" class="label">최근 전송내역</label>
<p>010-1234-5678</p>
<button type="button"><img src="/publish/images/popup/close3.png" alt="전화번호 삭제"></button>
</li>
<li>
<input type="checkbox" id="">
<label for="" class="label">최근 전송내역</label>
<p>010-1234-5678</p>
<button type="button"><img src="/publish/images/popup/close3.png" alt="전화번호 삭제"></button>
</li>
<li>
<input type="checkbox" id="">
<label for="" class="label">최근 전송내역</label>
<p>010-1234-5678</p>
<button type="button"><img src="/publish/images/popup/close3.png" alt="전화번호 삭제"></button>
</li>
<li>
<input type="checkbox" id="">
<label for="" class="label">최근 전송내역</label>
<p>010-1234-5678</p>
<button type="button"><img src="/publish/images/popup/close3.png" alt="전화번호 삭제"></button>
</li>
<li>
<input type="checkbox" id="">
<label for="" class="label">최근 전송내역</label>
<p>010-1234-5678</p>
<button type="button"><img src="/publish/images/popup/close3.png" alt="전화번호 삭제"></button>
</li>
<li>
<input type="checkbox" id="">
<label for="" class="label">최근 전송내역</label>
<p>010-1234-5678</p>
<button type="button"><img src="/publish/images/popup/close3.png" alt="전화번호 삭제"></button>
</li>
<li>
<input type="checkbox" id="">
<label for="" class="label">최근 전송내역</label>
<p>010-1234-5678</p>
<button type="button"><img src="/publish/images/popup/close3.png" alt="전화번호 삭제"></button>
</li>
<li>
<input type="checkbox" id="">
<label for="" class="label">최근 전송내역</label>
<p>010-1234-5678</p>
<button type="button"><img src="/publish/images/popup/close3.png" alt="전화번호 삭제"></button>
</li>
<li>
<input type="checkbox" id="">
<label for="" class="label">최근 전송내역</label>
<p>010-1234-5678</p>
<button type="button"><img src="/publish/images/popup/close3.png" alt="전화번호 삭제"></button>
</li>
<li>
<input type="checkbox" id="">
<label for="" class="label">최근 전송내역</label>
<p>010-1234-5678</p>
<button type="button"><img src="/publish/images/popup/close3.png" alt="전화번호 삭제"></button>
</li>
<li>
<input type="checkbox" id="">
<label for="" class="label">최근 전송내역</label>
<p>010-1234-5678</p>
<button type="button"><img src="/publish/images/popup/close3.png" alt="전화번호 삭제"></button>
</li>
</ul>
</div>
</div><!--// 자주보내는 번호 -->
<div class="popup_btn_wrap2 hisroy_btn">
<button type="button">선택추가</button>
<button type="button">선택취소</button>
</div>
</div>
</div>
</div><!--// 전송내역 팝업 -->
<!-- 엑셀 불러오기 -->
<div class="tooltip-wrap">
<div class="popup-com import_layer popup02" tabindex="0" data-tooltip-con="popup02" data-focus="popup02" data-focus-prev="popup02-close">
<div class="popup_heading">
<p><span>엑셀</span> 불러오기</p>
<button type="button" class="tooltip-close" data-focus="popup02-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
</div>
<div class="layer_in">
<!-- 엑셀파일 불러오기 -->
<div class="hascont">
<div class="titBox">
<p>- 최대 2만 건까지 등록할 수 있습니다.</p>
<p>- [엑셀 불러오기]시 문서의 A, B, C, D열을 불러옵니다.(지원하는 파일 형식 : xls, xlsx)</p>
<p>- 이름 : 20byte, [*1*] [*2*] : 100byte까지 입력 가능합니다.</p>
<p>- 휴대폰 항목은 숫자, 하이픈(-)만 인식하며, 번호 앞에 0이 생략되어도 정상 등록됩니다.
</p>
<button type="button" class="excel_btn"><i></i>샘플파일 다운로드</button>
</div>
<div class="attachedFile">
<label for="" class="attachedFile_label">첨부파일</label>
<input type="text" readonly>
<button type="button" class="btnType btnType6">찾아보기</button>
<p><span class="vMiddle">*</span> 첨부된 파일은 <span class="c_e40000">[추가]버튼을 클릭</span>하셔야 받는 사람에 등록됩니다.</p>
</div>
</div><!--// 엑셀파일 불러오기 -->
<div class="popup_btn_wrap2">
<button type="button">추가</button>
<button type="button" class="tooltip-close" data-focus="popup02-close" data-focus-next="popup02">닫기</button>
</div>
</div>
</div>
</div><!--// 엑셀 불러오기 -->
<!-- 주소록 불러오기 -->
<div class="tooltip-wrap">
<div class="popup-com import_layer popup06" tabindex="0" data-tooltip-con="popup06" data-focus="popup06" data-focus-prev="popup06-close" style="width: 1000px">
<div class="popup_heading">
<p><span>주소록 불러오기</p>
<button type="button" class="tooltip-close" data-focus="popup06-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
</div>
<div class="layer_in">
<div class="titBox">
<p>- 주소록 수정 및 변경은 <span>[주소록 관리]</span>에서만 가능합니다.</p>
<button type="button" class="adr_admin">주소록 관리</button>
</div>
<div class="adr_wrap">
<div class="adr_pop_left">
<div class="adr_left_search">
<label for="" class="label">그룹명 검색</label>
<input type="text" placeholder="그룹명 검색" onfocus="this.placeholder=''" onblur="this.placeholder='그룹명 검색'" class="inputLight">
<button type="button"><img src="/publish/images/popup/search.png" alt="검색"></button>
</div>
<div class="adr_pop_box">
<div>
<div class="adr_cb_wrap2">
<input type="checkbox" id="group1">
<label for="group1" class=""><img src="/publish/images/content/close_folder2.png" alt="폴더 닫힘">전체[<span>50</span>명]</label>
</div>
</div>
<div class="adr_pop_list">
<div class="adr_cb_wrap2 active">
<input type="checkbox" id="group1">
<label for="group1" class=""><img src="/publish/images/content/open_folder2.png" alt="폴더 열림">그룹미지정[<span>10</span>명]</label>
</div>
<div class="adr_cb_wrap2">
<input type="checkbox" id="group2">
<label for="group2" class=""><img src="/publish/images/content/close_folder2.png" alt="폴더 닫힘">자주보내는 번호[<span>20</span>명]</label>
</div>
<div class="adr_cb_wrap2">
<input type="checkbox" id="group3">
<label for="group3" class=""><img src="/publish/images/content/close_folder2.png" alt="폴더 닫힘">친구[<span>80</span>명]</label>
</div>
<div class="adr_cb_wrap2">
<input type="checkbox" id="group4">
<label for="group4" class=""><img src="/publish/images/content/close_folder2.png" alt="폴더 닫힘">직장[<span>20</span>명]</label>
</div>
<div class="adr_cb_wrap2">
<input type="checkbox" id="group5">
<label for="group5" class=""><img src="/publish/images/content/close_folder2.png" alt="폴더 닫힘">거래처[<span>10</span>명]</label>
</div>
<div class="adr_cb_wrap2">
<input type="checkbox" id="group5">
<label for="group5" class=""><img src="/publish/images/content/close_folder2.png" alt="폴더 닫힘">거래처[<span>10</span>명]</label>
</div>
<div class="adr_cb_wrap2">
<input type="checkbox" id="group5">
<label for="group5" class=""><img src="/publish/images/content/close_folder2.png" alt="폴더 닫힘">거래처[<span>10</span>명]</label>
</div>
<div class="adr_cb_wrap2">
<input type="checkbox" id="group5">
<label for="group5" class=""><img src="/publish/images/content/close_folder2.png" alt="폴더 닫힘">거래처[<span>10</span>명]</label>
</div>
<div class="adr_cb_wrap2">
<input type="checkbox" id="group5">
<label for="group5" class=""><img src="/publish/images/content/close_folder2.png" alt="폴더 닫힘">거래처[<span>10</span>명]</label>
</div>
<div class="adr_cb_wrap2">
<input type="checkbox" id="group5">
<label for="group5" class=""><img src="/publish/images/content/close_folder2.png" alt="폴더 닫힘">거래처[<span>10</span>명]</label>
</div>
</div>
</div>
<div class="popup_btn">
<button type="button" class="btnType">선택 그룹 추가</button>
</div>
</div>
<div class="adr_pop_right">
<div class="clearfix">
<div class="btnWrap_last">
<label for="" class="label">카테고리 선택</label>
<select id="" class="selType2">
<option>전체</option>
</select>
<label for="" class="label">검색어 입력</label>
<input type="text" placeholder="검색어를 입력하세요" onfocus="this.placeholder=''" onblur="this.placeholder='검색어를 입력하세요'" >
<button type="button" class="btnType btnType17">검색</button>
</div>
<!-- table -->
<div class="adr_excel adr_pop_list2">
<!-- thead -->
<div class="adr_hd">
<div>
<label for="" class="label">전체 선택</label>
<input type="checkbox">
</div>
<div>
그룹명
<div class="sort_wrap">
<button type="button"><img src="/publish/images/sortUp.png"alt="오름차순으로 분류"></button>
<button type="button"><img src="/publish/images/sortDown.png"alt="내림차순으로 분류"></button>
</div>
</div>
<div>
이름
<div class="sort_wrap">
<button type="button"><img src="/publish/images/sortUp.png"alt="오름차순으로 분류"></button>
<button type="button"><img src="/publish/images/sortDown.png"alt="내림차순으로 분류"></button>
</div>
</div>
<div>
휴대폰번호
<div class="sort_wrap">
<button type="button"><img src="/publish/images/sortUp.png"alt="오름차순으로 분류"></button>
<button type="button"><img src="/publish/images/sortDown.png"alt="내림차순으로 분류"></button>
</div>
</div>
<div>[*1*]</div>
<div>[*2*]</div>
<div>[*3*]</div>
<div>[*4*]</div>
</div>
<!-- tbody -->
<div class="adr_bd_wrap">
<div class="adr_bd">
<div>
<label for="" class="label">한 줄 선택</label>
<input type="checkbox">
</div>
<div>가족</div>
<div>홍길동</div>
<div>010-1234-5678</div>
<div>변수1</div>
<div>변수2</div>
<div>변수3</div>
<div>변수4</div>
</div>
<div class="adr_bd">
<div>
<label for="" class="label">한 줄 선택</label>
<input type="checkbox">
</div>
<div>가족</div>
<div>홍길동</div>
<div>010-1234-5678</div>
<div>변수1</div>
<div>변수2</div>
<div>변수3</div>
<div>변수4</div>
</div>
<div class="adr_bd">
<div>
<label for="" class="label">한 줄 선택</label>
<input type="checkbox">
</div>
<div>가족</div>
<div>홍길동</div>
<div>010-1234-5678</div>
<div>변수1</div>
<div>변수2</div>
<div>변수3</div>
<div>변수4</div>
</div>
<div class="adr_bd">
<div>
<label for="" class="label">한 줄 선택</label>
<input type="checkbox">
</div>
<div>가족</div>
<div>홍길동</div>
<div>010-1234-5678</div>
<div>변수1</div>
<div>변수2</div>
<div>변수3</div>
<div>변수4</div>
</div>
<div class="adr_bd">
<div>
<label for="" class="label">한 줄 선택</label>
<input type="checkbox">
</div>
<div>가족</div>
<div>홍길동</div>
<div>010-1234-5678</div>
<div>변수1</div>
<div>변수2</div>
<div>변수3</div>
<div>변수4</div>
</div>
<div class="adr_bd">
<div>
<label for="" class="label">한 줄 선택</label>
<input type="checkbox">
</div>
<div>가족</div>
<div>홍길동</div>
<div>010-1234-5678</div>
<div>변수1</div>
<div>변수2</div>
<div>변수3</div>
<div>변수4</div>
</div>
<div class="adr_bd">
<div>
<label for="" class="label">한 줄 선택</label>
<input type="checkbox">
</div>
<div>가족</div>
<div>홍길동</div>
<div>010-1234-5678</div>
<div>변수1</div>
<div>변수2</div>
<div>변수3</div>
<div>변수4</div>
</div>
<div class="adr_bd">
<div>
<label for="" class="label">한 줄 선택</label>
<input type="checkbox">
</div>
<div>가족</div>
<div>홍길동</div>
<div>010-1234-5678</div>
<div>변수1</div>
<div>변수2</div>
<div>변수3</div>
<div>변수4</div>
</div>
<div class="adr_bd">
<div>
<label for="" class="label">한 줄 선택</label>
<input type="checkbox">
</div>
<div>가족</div>
<div>홍길동</div>
<div>010-1234-5678</div>
<div>변수1</div>
<div>변수2</div>
<div>변수3</div>
<div>변수4</div>
</div>
<div class="adr_bd">
<div>
<label for="" class="label">한 줄 선택</label>
<input type="checkbox">
</div>
<div>가족</div>
<div>홍길동</div>
<div>010-1234-5678</div>
<div>변수1</div>
<div>변수2</div>
<div>변수3</div>
<div>변수4</div>
</div>
<div class="adr_bd">
<div>
<label for="" class="label">한 줄 선택</label>
<input type="checkbox">
</div>
<div>가족</div>
<div>홍길동</div>
<div>010-1234-5678</div>
<div>변수1</div>
<div>변수2</div>
<div>변수3</div>
<div>변수4</div>
</div>
<div class="adr_bd">
<div>
<label for="" class="label">한 줄 선택</label>
<input type="checkbox">
</div>
<div>가족</div>
<div>홍길동</div>
<div>010-1234-5678</div>
<div>변수1</div>
<div>변수2</div>
<div>변수3</div>
<div>변수4</div>
</div>
</div>
</div>
<!--// table -->
</div>
<div class="popup_btn_wrap2">
<button type="button">추가</button>
<button type="button" class="tooltip-close" data-focus="popup06-close" data-focus-next="popup06">닫기</button>
</div>
</div>
</div>
</div>
</div>
</div><!--// 주소록 불러오기 -->
<!--선거문자 이용안내 팝업 data-tooltip:candidate_popup03 -->
<div class="tooltip-wrap">
<div class="popup-com ad_layer candidate_popup03" tabindex="0" data-tooltip-con="candidate_popup03" data-focus="candidate_popup03" data-focus-prev="candidate_popup03-close" style="width: 795px">
<div class="popup_heading">
<p>선거문자 안내</p>
<button type="button" class="tooltip-close" data-focus="candidate_popup03-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
</div>
<div class="layer_in">
<img src="/publish/images/content/candidatePop_banner.png" alt="선거문자 이용안내 배너" class="candidate_banner">
<div class="list_tab_wrap2 type4">
<!-- tab button -->
<ul class="list_tab">
<li class="tab active"><button type="button" onclick="listTab2(this,'1');">이용방법/혜택</button></li>
<li class="tab"><button type="button" onclick="listTab2(this,'2');">맞춤제작</button></li>
</ul><!--// tab button -->
</div>
<!-- 이용방법/혜택 -->
<div class="cdpop_cont current" id="listTab2_1">
<div>
<p class="cdpop_title"><i class="cdpop_title_icon1"></i>선거문자 이용방법<span>회원가입 다음에 후보자 등록 추가</span></p>
<ul class="cdpop_info">
<li>
<i class="info_step1"></i>
<div>
<p>회원가입</p>
<button type="button">바로가기</button>
</div>
</li>
<li>
<i class="info_step2"></i>
<div>
<p>후보자등록</p>
<button type="button">바로가기</button>
</div>
</li>
<li>
<i class="info_step3"></i>
<div>
<p>전용계좌</p>
<button type="button">바로가기</button>
</div>
</li>
<li>
<i class="info_step4"></i>
<div>
<p>발신번호 인증</p>
<button type="button">바로가기</button>
</div>
</li>
<li>
<i class="info_step5"></i>
<div>
<p>문자인증</p>
<button type="button">바로가기</button>
</div>
</li>
<li>
<i class="info_step6"></i>
<div>
<p>세금계산서</p>
<button type="button">바로가기</button>
</div>
</li>
</ul>
</div>
<div>
<p class="cdpop_title"><i class="cdpop_title_icon2"></i>문자온 선거문자만의 장점 및 혜택</p>
<ul class="cdpop_benefit">
<li>
<div>
<i class="benefit1"></i>
<p>한 번에 대량으로 보내야 한다면?<span>10만건까지 동시 전송 가능</span></p>
</div>
<p>문자온의 대량전송(엑셀·TXT) 모듈을 통해
10만건의 대량문자도 쉽고 빠르게 전송 가능합니다.</p>
</li>
<li>
<div>
<i class="benefit2"></i>
<p>수신거부 번호가 필요하세요?<span>080 수신거부 번호 무료제공</span></p>
</div>
<p>선거문자 발송규정 준수를 위해
080 수신거부 번호를 무료로 제공해 드립니다.</p>
</li>
<li>
<div>
<i class="benefit3"></i>
<p>주소록 등록이 번거로우신가요?<span>주소록 등록 무료대행</span></p>
</div>
<p>주소록 등록파일(엑셀·TXT)을 문자온에 제공해
주시면 무료로 빠르고 신속하게 등록해 드립니다.</p>
</li>
<li>
<div>
<i class="benefit4"></i>
<p>홍보효과를 높이고 싶다면?<span>후보자만의 그림문자 맞춤제작</span></p>
</div>
<p>선거공약, 인사말, 후보자 사진 등을 넣어 그림문자를
맞춤 제작하여 홍보효과를 극대화할 수 있습니다.</p>
</li>
<li>
<div>
<i class="benefit5"></i>
<p>오류·실패건의 문자를 보상받고 싶다면?<span>오류·실패건 문자 100% 환불</span></p>
</div>
<p>번호오류, 수신거부, 수신실패 등으로 인해 문자전송이
실패한 경우 100% 환불(자동충전)해 드립니다.</p>
</li>
<li>
<div>
<i class="benefit6 "></i>
<p>전송결과가 궁금하다면?<span>실시간 전송결과 확인 가능</span></p>
</div>
<p>전송결과 및 실패사유를 실시간으로 제공해드립니다.</p>
</li>
<li>
<div>
<i class="benefit7"></i>
<p>20건씩 나눠서 보내야한다면?<span>20건씩 분할 예약 전송 가능</span></p>
</div>
<p>누구나 쉽고 편리하게 20건씩 나눠서 분할 전송이 가능합니다.</p>
</li>
<li>
<div>
<i class="benefit8"></i>
<p>필요한 서류가 있다면?<span>문자온에서 간편하게 신청 가능</span></p>
</div>
<p>문자온에서 발송내역서 출력이 가능하며,
세금계산서는 메일로 자동으로 발행됩니다.</p>
</li>
</ul>
</div>
</div><!--// 이용방법/혜택 -->
<!-- 광고문자 수신동의 안내 -->
<div class="cdpop_cont" id="listTab2_2">
<ul class="cdpop_custom">
<li>
<div>
<img src="/publish/images/content/photo_sample01.jpg">
</div>
<button type="button">맞춤제작</button>
</li>
<li>
<div>
<img src="/publish/images/content/photo_sample02.jpg">
</div>
<button type="button">맞춤제작</button>
</li>
<li>
<div>
<img src="/publish/images/content/photo_sample03.jpg">
</div>
<button type="button">맞춤제작</button>
</li>
<li>
<div>
<img src="/publish/images/content/photo_sample04.jpg">
</div>
<button type="button">맞춤제작</button>
</li>
<li>
<div>
<img src="/publish/images/content/photo_sample05.jpg">
</div>
<button type="button">맞춤제작</button>
</li>
<li>
<div>
<img src="/publish/images/content/photo_sample06.jpg">
</div>
<button type="button">맞춤제작</button>
</li>
<li>
<div>
<img src="/publish/images/content/photo_sample07.jpg">
</div>
<button type="button">맞춤제작</button>
</li>
<li>
<div>
<img src="/publish/images/content/photo_sample08.jpg">
</div>
<button type="button">맞춤제작</button>
</li>
</ul>
<!-- pagination -->
<ul class="pagination" style="margin:30px auto 0 auto">
<li class="page_first"><button><img src="/publish/images/content/page_first.png"alt=""></button></li>
<li class="page_prev"><button><img src="/publish/images/content/page_prev.png"alt=""></button></li>
<li class="on"><button>1</button></li>
<li><button>2</button></li>
<li><button>3</button></li>
<li><button>4</button></li>
<li><button>5</button></li>
<li class="page_next"><button><img src="/publish/images/content/page_next.png"alt=""></button></li>
<li class="page_last"><button><img src="/publish/images/content/page_last.png"alt=""></button></li>
</ul><!-- pagination -->
</div><!--// 광고문자 수신동의 안내 -->
</div>
<div class="popup_btn_wrap2" style="margin: 0 auto 30px auto;">
<button type="button" class="tooltip-close" data-focus="adr_popup01-close" data-focus-next="popup02">닫기</button>
</div>
</div>
</div><!--// 광고문자 관련법규 안내 팝업 -->
<!-- skip 메뉴 -->
<div class="skip_menu">
<a href="#cont" title="본문 바로가기" class="contGo">본문 바로가기</a>
</div><!--// skip 메뉴 -->
<!-- quick 메뉴 -->
<div class="quickMenu">
<div>
<p class="quick_title">QUICK<br>MENU</p>
<p class="quick_title2">QUICK</p>
<ul class="quickMenuIn">
<li>
<a href="/publish/index.html"><i class="quick1"></i><span>이용안내</span></a>
<div class="hover_cont">이용안내</div>
</li>
<li>
<a href="#"><i class="quick2"></i><span>채팅상담</span></a>
<div class="hover_cont">채팅상담</div>
</li>
<li>
<a href="#"><i class="quick3"></i><span>원격지원</span></a>
<div class="hover_cont">원격지원</div>
</li>
<li>
<a href="#"><i class="quick4"></i><span>맞춤제작</span></a>
<div class="hover_cont">맞춤제작</div>
</li>
<li>
<a href="#"><i class="quick5"></i><span>주소록 등록</span></a>
<div class="hover_cont">주소록 등록</div>
</li>
<li>
<a href="#"><i class="quick6"></i><span>엑셀 전송</span></a>
<div class="hover_cont">엑셀 대량전송</div>
</li>
<li>
<a href="#"><i class="quick7"></i><span>견적서</span></a>
<div class="hover_cont">견적서</div>
</li>
<li>
<a href="#"><i class="quick8"></i><span>결제</span></a>
<div class="hover_cont">결제</div>
</li>
<li>
<a href="#"><i class="quick9"></i><span>영수증/계산서</span></a>
<div class="hover_cont">영수증/계산서</div>
</li>
</ul>
<button type="button" class="goTop" title="맨 위로 이동">TOP<i></i></button>
</div>
</div><!--// quick 메뉴 -->
<!-- header 영역 -->
<header id="header" class="header sub">
<!-- header top 영역 -->
<div class="header_top">
<div class="inner">
<ul class="menu_left">
<li><a href="#"><i class="hdTop_fav"></i>즐겨찾기추가</a></li>
<li><a href="#"><i class="hdTop_mypage"></i>마이페이지</a></li>
<li><a href="#"><i class="hdTop_center"></i>고객센터</a></li>
</ul>
<ul class="menu_right">
<li><a href="#">충전하기</a></li>
<li class="SortLine"><a href="#">요금안내</a></li>
<li class="SortLine"><a href="#">이용안내</a></li>
<li class="SortLine"><a href="#">1:1고객상담</a></li>
</ul>
</div>
</div><!-- header top 영역 -->
<!-- header body 영역 -->
<div class="header_body">
<div class="inner table">
<h1 class="logo"><a href="/publish/index.html" alt="문자온 메인 바로가기"><img src="/publish/images/CI.png" alt="문자온 CI"></a></h1>
<ul class="gnbWrap table_cell">
<li><a href="#">문자발송</a></li>
<li><a href="#">선거문자</a></li>
<li><a href="#">맞춤제작</a></li>
<li><a href="#">주소록 관리</a></li>
<li><a href="#">발송결과</a></li>
<li><a href="#">예약관리</a></li>
<li><a href="#">결제내역</a></li>
</ul>
<div class="s_menu">
<i class="allSearch_info"><span>문자검색</span></i>
<button type="button" title="전체검색" class="allSearch" onclick="searchToggle();"><img src="/publish/images/search.png" alt="검색영역 열기" class="allMenu"></button>
<button type="button" title="전체메뉴"><img src="/publish/images/all_menu.png" alt="전체메뉴 열기"></button>
</div>
</div>
<!-- search popup 영역 -->
<div class="pop_search">
<div class="inner">
<div class="area_search">
<select name="" id="">
<option value="">그림문자</option>
<option value="">단문문자</option>
<option value="">장문문자</option>
<option value="">GIF</option>
</select>
<input type="text" placeholder="문자샘플 검색하기" onfocus="this.placeholder=''" onblur="this.placeholder='문자샘플 검색하기'">
<button><img src="/publish/images/search02.png" alt=""></button>
</div>
<div class="area_popular">
<p><i></i>인기검색어</p>
<ul class="popular_tag">
<li><a href="#">#정월대보름</a></li>
<li class="on"><a href="#">#추석</a></li>
<li><a href="#">#가을인사</a></li>
<li><a href="#">#좋은하루</a></li>
</ul>
</div>
<button class="btn_close" onclick="searchToggle();"><img src="/publish/images/btn_searchclose.png" alt=""></button>
</div>
</div><!--// search popup 영역 -->
</div><!--// header body 영역 -->
<div id="login" class="login2">
<div class="inner table">
<div class="login_left table_cell">
<div class="login_info">
<i></i>
<div class="login2_name">
<p>홍길동홍길동홍길동홍길동</p>
<span>(개인) 님</span>
</div>
<div class="session">
<span>08:46</span>
<button type="button">연장</button>
</div>
<button type="button" class="btnType btnType3">마이페이지</button>
<button type="button" class="btnType btnType2">로그아웃</button>
</div>
<div class="check_money">
<i></i>
<p>보유잔액 <span class="fwMd">3,000</span></p>
<button type="button" class="btnType btnType3">충전</button>
<button type="button" class="btnType btnType3">전용계좌</button>
</div>
<div class="point">
<i></i>
<p>포인트 <span class="fwMd">1,000</span></p>
<button type="button" class="btnType btnType3">교환</button>
</div>
</div>
<div class="login_right">
<button type="button" class="btnType btnType14"><i></i>이동통신사 스팸 규격 안내</button>
<!-- <button type="button">스팸필터링 번호도용차단</button> -->
</div>
</div>
</div><!--// login 영역 -->
</header><!--// header 영역 -->
<div class="mask"></div>
<!-- login 영역 -->
<!-- content 영역 -->
<div id="container" class="cont sub">
<div class="inner">
<!-- send top -->
<div class="send_top">
<!-- tab button -->
<ul class="tabType1">
<li class="tab active"><button type="button" onclick="TabType1(this,'1');">단문 · 장문 · 그림 문자</button></li>
<li class="tab"><button type="button" onclick="TabType1(this,'2');">대량 문자(엑셀·TXT)</button></li>
</ul><!--// tab button -->
<!-- tab content1 -->
<div class="top_content current election" id="tab1_1">
<div class="heading">
<h2>선거 문자전송</h2>
<div class="election_btnWrap">
<button type="button" class="btnType" data-tooltip="candidate_popup01"><i class="election_btn1"></i>후보자 등록</button>
<button type="button" class="btnType"><i class="election_btn2"></i>세금계산서</button>
<button type="button" class="btnType"><i class="election_btn3"></i>발송결과 출력하기</button>
</div>
</div>
<div class="titBox">
<p>- 90byte 초과 시, 장문으로 전환됩니다. 장문 문자는 최대 2,000byte까지 작성할 수 있습니다.</p>
<p>- 그림문자 1건에 포토 최대 3장 첨부가능 [권장 사이즈 : <span class="c_222 fwRg">640 x 960</span>픽셀 / 최대용량 : <span class="c_222 fwRg">10MB</span>이내]</p>
<p>- 광고성 메시지는 반드시 유의사항 확인 후 발송해 주시기 바랍니다. <span><a href="#" data-tooltip="candidate_popup02">[선거문자 관련규정 안내]</a></span></p>
<button type="button" class="titBox_btn1" data-tooltip="candidate_popup03"><i></i>선거문자 이용안내</button>
</div>
<div class="send_general">
<!-- send left 문자 보내기 입력 -->
<div class="send_left">
<table class="tType1">
<caption>일반 문자보내기 분류 번호 내용 등을 입력하는 표</caption>
<colgroup>
<col style="width: 120px;">
<col style="width: auto;">
</colgroup>
<tbody>
<tr>
<th scope="row">문자분류</th>
<td class="send_cf">
<input id="radio1" type="radio"name="send_clas2" checked="checked">
<label for="radio1">선거</label>
</td>
</tr>
<tr>
<th scope="row">발신번호</th>
<td class="put_num">
<label for="num" class="label"></label>
<select id="num" class="sel_number">
<option value="">010-1234-5678</option>
<option value="">010-1234-5678</option>
<option value="">010-1234-5678</option>
<option value="">010-1234-5678</option>
</select>
<button type="button" class="btnType btnType6">번호변경</button>
</td>
</tr>
<tr>
<th scope="row">제목</th>
<td>
<!-- 단문일 때 -->
<label for="text" class="label"></label>
<input type="text" size="20" id="text" class="w100" placeholder="" onfocus="this.placeholder=''" disabled>
<!-- 장문일 때 -->
<!-- <input type="text" size="20" id="text" class="w100" placeholder="제목을 입력해주세요 (최대30byte, 발송관리용)" onfocus="this.placeholder=''" onblur="this.placeholder='제목을 입력해주세요 (최대30byte, 발송관리용)'"> -->
</td>
</tr>
<!-- 단문 -->
<tr>
<th scope="row" class="vTop">내용</th>
<td class="putText">
<div class="clearfix">
<div class="put_left short">
<div class="ad_txt"><p>(광고)</p></div>
<label for="textarea" class="label"></label>
<textarea id="textarea" class="put_text" placeholder="내용을 입력해주세요.
-90btye 초과 시 LMS 자동전환
-파일첨부 시 MMS 자동전환"></textarea>
<div class="text_length">
<div>
<p>무료 거부 080-0000-0000</p>
</div>
<div>
<p><span class="fwMd">15 /<span><span class="c_002c9a fwMd"> 90</span>byte</p>
<span class="msg_com msg_short">단문</span>
</div>
</div>
</div>
<div class="put_right">
<div class="btn_popup_wrap spc_wrap">
<button type="button" class="btnType btnType7" onclick="miniPopup(this)">특수문자</button>
<div class="send_miniPop spc_character">
<div class="tab_character">
<a href="#none" class="on">특수문자</a>
<a href="#none">웃음</a>
<a href="#none">슬픔</a>
<a href="#none">분노</a>
<a href="#none">사랑</a>
<a href="#none">그외</a>
</div>
<!-- 특수문자 -->
<div class="cnt_character on">
<div class="box_character">
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#">ε</a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#">ψ</a>
</div>
</div>
<!-- //특수문자 -->
<!-- 웃음 -->
<div class="cnt_character emt_character">
<div class="box_character">
<a href="#">⌒⌒</a>
<a href="#">^_^</a>
<a href="#">^0^</a>
<a href="#">s( ̄▽ ̄)/</a>
<a href="#">(/^^)/</a>
<a href="#">^o^~♬</a>
<a href="#">^.~</a>
<a href="#">^-^b</a>
<a href="#">^▽^</a>
<a href="#">^ε^</a>
<a href="#">(^^)γ</a>
<a href="#">(~^^)~</a>
<a href="#">☆(~.^)/</a>
<a href="#">(*^o^*)</a>
<a href="#">n_n</a>
<a href="#">↖(^▽^)↗</a>
<a href="#">( ̄∇ ̄)</a>
<a href="#">(*^.^)♂</a>
<a href="#">*^^*</a>
<a href="#">ㅎ.ㅎ</a>
<a href="#">=^.^=</a>
<a href="#">^▽^</a>
<a href="#">~_~</a>
<a href="#">(=^▽^)/♪</a>
</div>
</div>
<!-- //웃음 -->
<!-- 슬픔 -->
<div class="cnt_character emt_character">
<div class="box_character">
<a href="#">(づ_T)</a>
<a href="#">(ㅠ.ㅠ)</a>
<a href="#">(#_-)</a>
<a href="#">o(T^T)o</a>
<a href="#">ㅠ.ㅠ</a>
<a href="#">(-_-メ)</a>
<a href="#">Y.Y</a>
<a href="#">TmT</a>
<a href="#">ご.ご</a>
<a href="#">(=_=;)</a>
<a href="#">⊇.⊆</a>
<a href="#">(o_Φ)</a>
<a href="#">∋.∈</a>
<a href="#">(___)_</a>
<a href="#">(-.¥)</a>
<a href="#">@_O</a>
<a href="#">●⊙</a>
<a href="#">(♨_♨)</a>
<a href="#">(X_X)</a>
<a href="#">Θ_Θ</a>
<a href="#">(∏.∏)</a>
<a href="#">(づ_ど)</a>
<a href="#">( ̄^ ̄)</a>
</div>
</div>
<!-- //슬픔 -->
<!-- 분노 -->
<div class="cnt_character emt_character">
<div class="box_character">
<a href="#">Θ_Θ</a>
<a href="#">=-_-a</a>
<a href="#">('o')</a>
<a href="#">(`へ´)</a>
<a href="#">(-ヘㅡメ)凸</a>
<a href="#">⊙⊙ㆀ</a>
<a href="#">⊙.⊙</a>
<a href="#">ㅡㅡ+</a>
<a href="#">(`o´)y</a>
<a href="#">づºДº)つ</a>
<a href="#">O_O</a>
<a href="#">(@.@)</a>
<a href="#">★.★</a>
<a href="#">(;¬_¬)</a>
<a href="#">┏(;-_-)┛</a>
<a href="#">┏(-_-メ)┓</a>
<a href="#">(>&#60;ㆀ)&#47;</a>
<a href="#">--メ凸</a>
<a href="#">(`_)乂(_)</a>
<a href="#">(-_-)c+_=)</a>
</div>
</div>
<!-- //분노 -->
<!-- 사랑 -->
<div class="cnt_character emt_character">
<div class="box_character">
<a href="#">♥.♥</a>
<a href="#">^o^~♬</a>
<a href="#">(*^}{^*)</a>
<a href="#">ⓛⓞⓥⓔ</a>
<a href="#">(*_*)</a>
<a href="#">(♡.♡)</a>
<a href="#">ε♡₃ε♥</a>
<a href="#">(*..)(..*)</a>
<a href="#">(~.^)s</a>
<a href="#">☞♡☜</a>
<a href="#">*♥o♥*</a>
<a href="#">(/^o^)/♡</a>
<a href="#">@-m-m--</a>
<a href="#">=>>------▷♡</a>
<a href="#">(*^^)σ(^_^)</a>
<a href="#">(*^-^)♡(^o^*)</a>
<a href="#">(づ^.^)づ~♡</a>
<a href="#">(*^▽^*)</a>
<a href="#">*⌒З^)^.⌒*)</a>
<a href="#">(づ ̄³ ̄)づ~</a>
<a href="#">(づ ̄³ ̄)づ</a>
<a href="#">(^*^)kiss</a>
<a href="#">(*'-⌒*)ⓥ</a>
<a href="#">s( ̄▽ ̄)/</a>
</div>
</div>
<!-- //사랑 -->
<!-- 그외 -->
<div class="cnt_character emt_character emt_etc ">
<div class="box_character">
<a href="#">&#60;:3)--</a>
<a href="#">(^(oo)^)</a>
<a href="#">(:::[</a>
<a href="#">]:::)</a>
<a href="#">[( ̄. ̄)]zZ</a>
<a href="#">(``)(``)</a>
<a href="#">(T(oo)T)</a>
<a href="#">(^.^)=O)#.#)</a>
<a href="#">?‥…─━★</a>
<a href="#">(__)zzz</a>
<a href="#">(=ㅅ)=333</a>
<a href="#">&#60;(>.<)></a>
<a href="#">>(/////)&#60;</a>
<a href="#">((ど(</a>
<a href="#">^0^</a>
<a href="#">)つ))</a>
<a href="#">■■■■■□90%</a>
<a href="#">( ̄_ ̄>-(^▽^;)</a>
<a href="#">∑⊙)++333=◀</a>
<a href="#">(^_^)~~⑩</a>
<a href="#">(^▽^)/(^_^)</a>
<a href="#">(*.*)@==(`.`)</a>
<a href="#">(っㅡㅡ)つ━●</a>
<a href="#">(``)(</a>
<a href="#">:)(..)(:</a>
<a href="#">(``)</a>
</div>
</div>
<!-- //그외 -->
<button type="button" onclick="miniPopup(this)">닫기</button>
</div>
</div>
<div class="btn_popup_wrap convers_wrap">
<button type="button" class="btnType btnType7" onclick="miniPopup(this)">특정문구 일괄변환<i class="qmMark"></i></button>
<div class="send_miniPop convers">
<div>
<div class="convers_top">
<span>특정문구 일괄변환이란?</span>
<p>주소록, 엑셀에 입력된 내용을 이용해 수신자마다 다른 내용의 메시지를 발송하는 기능</p>
</div>
<div class="convers_middle"><a href="#">#{이름}</a></div>
<div class="convers_bottom">
<a href="#">#{1}</a>
<a href="#">#{2}</a>
<a href="#">#{3}</a>
<a href="#">#{4}</a>
</div>
</div>
</div>
</div>
<button type="button" class="btnType btnType7">내문자함</button>
<button type="button" class="btnType btnType8" onclick="showPotoediter();">이미지 불러오기</button>
<div class="send_btnWrap">
<button type="button" class="btnType btnType9">문자저장</button>
<button type="button" class="btnType btnType9">초기화</button>
</div>
</div>
</div>
<p>* 현재 [단문] <span class="c_e40000 fwBold">120,000</span>건 발송 가능합니다.</p>
</td>
</tr>
<!-- 포토 -->
<tr style="display: none;">
<th scope="row">내용</th>
<td class="putText">
<div class="clearfix">
<div class="put_left photo">
<ul class="thumb_wrap">
<li class="on">
<div>
<img src="/publish/images/content/thumb1.jpg" alt="thumb1">
</div>
<button type="button" class="file_close"><img src="/publish/images/content/thumb_del.png" alt="첨부파일 삭제"></button>
<button type="button" class="file_close_on"><img src="/publish/images/content/thumb_del_on.png" alt="첨부파일 삭제"></button>
</li>
<li>
<div>
<img src="/publish/images/content/thumb2.jpg" alt="thumb1">
</div>
<button type="button" class="file_close"><img src="/publish/images/content/thumb_del.png" alt="첨부파일 삭제"></button>
<button type="button" class="file_close_on"><img src="/publish/images/content/thumb_del_on.png" alt="첨부파일 삭제"></button>
</li>
<li>
<div>
<img src="/publish/images/content/thumb3.jpg" alt="thumb1">
</div>
<button type="button" class="file_close"><img src="/publish/images/content/thumb_del.png" alt="첨부파일 삭제"></button>
<button type="button" class="file_close_on"><img src="/publish/images/content/thumb_del_on.png" alt="첨부파일 삭제"></button>
</li>
</ul>
<div class="ad_txt"><p>(광고)</p></div>
<label for="textarea" class="label"></label>
<textarea id="textarea" class="put_text">
해마다 찾아오는 봄이지만
봄맞이 대청소라는 말처럼,
새 봄을 맞아 봄맞이 마음청소 한번하고 가실께요~ㅎㅎ
"새술은 새부대에"라는 말처럼 버리고 싶은 기억들을
깨끗이 비워보는 겁니다.
새봄에 새마음으로 새롭게 시작해 보는 겁니다.
해마다 찾아오는 봄이지만
봄맞이 대청소라는 말처럼,
새 봄을 맞아 봄맞이 마음청소 한번하고 가실께요~ㅎㅎ
"새술은 새부대에"라는 말처럼 버리고 싶은 기억들을
깨끗이 비워보는 겁니다.
새봄에 새마음으로 새롭게 시작해 보는 겁니다.
해마다 찾아오는 봄이지만
봄맞이 대청소라는 말처럼,
새 봄을 맞아 봄맞이 마음청소 한번하고 가실께요~ㅎㅎ
"새술은 새부대에"라는 말처럼 버리고 싶은 기억들을
깨끗이 비워보는 겁니다.
새봄에 새마음으로 새롭게 시작해 보는 겁니다.
</textarea>
<div class="text_length">
<div>
<p>무료 거부 080-0000-0000</p>
</div>
<div>
<p><span class="fwMd">15 /<span><span class="c_002c9a fwMd"> 2000</span>byte</p>
<span class="msg_com msg_photo">그림</span>
</div>
</div>
</div>
<div class="put_right">
<div class="btn_popup_wrap spc_wrap">
<button type="button" class="btnType btnType7" onclick="miniPopup(this)">특수문자</button>
<div class="send_miniPop spc_character">
<div>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
</div>
</div>
</div>
<div class="btn_popup_wrap">
<button type="button" class="btnType btnType7" onclick="miniPopup(this)">특정문구 일괄변환<i class="qmMark"></i></button>
<div class="send_miniPop convers">
<div>
<div class="convers_top">
<span>특정문구 일괄변환이란?</span>
<p>주소록, 엑셀에 입력된 내용을 이용해 수신자마다 다른 내용의<br> 메시지를 발송하는 기능</p>
</div>
<div class="convers_middle"><a href="#">#{이름}</a></div>
<div class="convers_bottom">
<a href="#">#{1}</a>
<a href="#">#{2}</a>
<a href="#">#{3}</a>
<a href="#">#{4}</a>
</div>
</div>
</div>
</div>
<button type="button" class="btnType btnType7">내문자함</button>
<button type="button" class="btnType btnType8" onclick="showPotoediter();">이미지 불러오기</button>
<div class="send_btnWrap">
<button type="button" class="btnType btnType9">문자저장</button>
<button type="button" class="btnType btnType9">초기화</button>
</div>
</div>
</div>
<p>* 현재 [단문] <span class="c_e40000 fwBold">120,000</span>건 발송 가능합니다.</p>
</td>
</tr>
<tr>
<th scope="row" class="vTop">받는사람</th>
<td class="putText">
<div class="clearfix receipt_num">
<div class="receipt_num_top">
<label for="" class="label">받는 번호입력</label>
<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_table list_body">
<div class="cb_wrap">
<label for="" class="label"></label>
<input type="checkbox">
</div>
<div class="list_table_num">
<p>010-1234-5678</p>
</div>
<div class="list_table_name">
<p>홍길동</p>
</div>
</div>
<div class="list_table list_body">
<div class="cb_wrap">
<label for="" class="label"></label>
<input type="checkbox">
</div>
<div class="list_table_num">
<p>010-1234-5678</p>
</div>
<div class="list_table_name">
<p>홍길동</p>
</div>
</div>
</div>
<div class="put_right">
<div class="btn_popup_wrap spc_wrap">
<button type="button" data-tooltip="popup06" class="btnType btnType7">주소록 불러오기</button>
</div>
<div class="btn_popup_wrap">
<button type="button" data-tooltip="popup02" class="btnType btnType7">엑셀 불러오기</button>
</div>
<div class="btn_popup_wrap">
<button type="button" data-tooltip="popup03" class="btnType btnType7 tab1">최근 전송내역</button>
</div>
<div class="btn_popup_wrap">
<button type="button" data-tooltip="popup03" class="btnType btnType7 tab2">자주보내는 번호</button>
</div>
<div class="btn_popup_wrap check_validity_wrap">
<button type="button" class="btnType btnType7">오류 검사 <i class="qmMark"></i></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>
<button type="button" class="address_reg2">주소록에 등록</button>
</div>
</div>
</div>
</td>
</tr>
<!-- <tr>
<th scope="row">받는사람</th>
<td class="send_list">
<div class="list_left">
<div class="add_num">
<label for="" class="label"></label>
<input type="text" placeholder="번호를 입력하세요." onfocus="this.placeholder=''" onblur="this.placeholder='번호를 입력하세요.'">
<button type="button" class="btnType btnType6">번호추가</button>
<span>* 중복번호는 한번만 발송됩니다.</span>
</div>
<div class="numOfCase">
<p>총 <span>120</span>건 /</p>
<p>중복 <span>9</span>건</p>
</div>
<div>
<div class="listType list01">
<div class="list_table list_head">
<div class="cb_wrap">
<label for="" class="label"></label>
<input type="checkbox">
</div>
<div class="list_table_num">
<p>번호</p>
<img src="/publish/images/sortUp.png">
<img src="/publish/images/sortDown.png">
</div>
<div class="list_table_name">
<p>이름</p>
<img src="/publish/images/sortUp.png">
<img src="/publish/images/sortDown.png">
</div>
</div>
<div class="list_table list_body">
<div class="cb_wrap">
<label for="" class="label"></label>
<input type="checkbox">
</div>
<div class="list_table_num">
<p>010-1234-5678</p>
</div>
<div class="list_table_name">
<p>홍길동</p>
</div>
</div>
<div class="list_table list_body">
<div class="cb_wrap">
<label for="" class="label"></label>
<input type="checkbox">
</div>
<div class="list_table_num">
<p>010-1234-5678</p>
</div>
<div class="list_table_name">
<p>홍길동</p>
</div>
</div>
</div>
<div class="list_bottom">
<div class="remove_btnWrap">
<button type="button" class="btnType15"><i class="remove_img"></i>전체삭제</button>
<button type="button" class="btnType15"><i class="remove_img"></i>선택삭제</button>
<button type="button" class="btnType15"><i class="remove_img"></i>중복삭제</button>
<button type="button" class="address_reg2">주소록에 등록</button>
</div>
</div>
</div>
</div>
</td>
</tr> -->
<tr>
<th colspan="2" class="billingAmount">
<div>
<div class="final_pay">
<p>결제금액 :</p>
<p class="price"><span>200,000</span><span>(부가세 포함)</span></p>
<button type="button" class="cal_btn"><i></i>계산하기</button>
</div>
<div class="pay_type clearfix">
<div>
<label for="" class="label">충전 금액</label>
<input id="radio_bill_1" type="radio" name="radio_bill" checked="checked">
<label for="radio_bill_1">내 충전금 (<span>3,000</span>원)</label>
</div>
<div>
<label for="" class="label">포인트 금액</label>
<input type="text" placeholder="199,700" readonly>
<button type="button" class="btnType btnType3">충전</button>
</div>
</div>
</div>
</th>
</tr>
<tr>
<th scope="row">추천인 ID</th>
<td class="check_num">
<input id="radio5" type="radio"name="recom" checked="checked">
<label for="radio5">없음</label>
<input id="radio6" type="radio" name="recom">
<label for="radio6">있음</label>
<div>
<label for="id" class="label"></label>
<input type="text" size="20" id="id" placeholder="추천인 아이디 입력" onfocus="this.placeholder=''" onblur="this.placeholder='추천인 아이디 입력'">
<button type="button" class="btnType btnType9">추천인 확인</button>
</div>
</td>
</tr>
</tbody>
</table>
</div><!-- send left 문자 보내기 입력 -->
<!-- send right 문자 보내기 미리보기 -->
<div class="send_right">
<div class="phone">
<div class="phoneIn">
<div>
<p class="prev_p"><img src="/publish/images/search. png">미리보기</p>
<div class="text_length2 clearfix" style="display: none;">
<span class="msg_com msg_short">단문</span>
<div>
<span>글자크기</span>
<button type="button"><img src="/publish/images/ content/font_plus.png"></button>
<button type="button"><img src="/publish/images/ content/font_minus.png"></button>
</div>
</div>
<div class="text_length2 clearfix">
<span class="msg_com msg_photo">포토</span>
<ul class="photo_msg_num">
<li onclick="imgClick(0);"><a href="#none">1</a></ li>
<li onclick="imgClick(1);"><a href="#none">2</a></ li>
<li onclick="imgClick(2);"><a href="#none">3</a></ li>
</ul>
<div>
<span>글자크기</span>
<button type="button"><img src="/publish/images/ content/font_plus.png"></button>
<button type="button"><img src="/publish/images/ content/font_minus.png"></button>
</div>
</div>
<!-- 텍스트 미리보기 -->
<div class="text_preview">
<div class="preiew_img">
<div class="img_box">
<img src="/publish/images/content/ photo_sample01.jpg">
</div>
<div class="img_box">
<img src="/publish/images/content/ photo_sample01.jpg">
</div>
<div class="img_box">
<img src="/publish/images/content/excel.jpg">
</div>
</div>
<div class="preview_auto">
<p class="ad_tit">(광고)</p>
<p class="none_txt">내용을 입력해주세요.</p>
<p class="realtime"></p>
<p class="deny_receipt">무료 거부 080-0000-0000</p>
</div>
</div>
<!-- //텍스트 미리보기 -->
</div>
</div>
<p class="addText">※ 단말기 설정에 따라 다르게 보일 수 있습니다<p>
</div>
<div class="phone_bottom">
<div class="send_rev">
<div class="rev_radio">
<input id="radio7" type="radio"name="reser" checked="checked">
<label for="radio7">즉시</label>
<input id="radio8" type="radio" name="reser">
<label for="radio8">예약</label>
</div>
<div class="rev_selected">
<div class="rev_top">
<span>날짜 :</span>
<div class="calendar_wrap">
<input type="text" class="startDate inp" title="검색시작일" id="startDate" name="startDate" value=""data-datecontrol="true">
<div class="calendar_in" id="calendarName_startDate"style="z-index: 9;">
<button type="button" value="달력 팝업 열기"onclick="return calendarOpen('startDate-lry',''this)"></button>
<div id="startDate-lry" class="calendarPop"style="display: none;">
<iframe id="startDate-ifrm"name="startDate-ifrm" class="calendar-frame"src="/publish/calendar.html" title=" 달력 팝업"frameborder="0" scrolling="no"></iframe>
</div>
</div>
</div>
<label for="" class="label">시 선택</label>
<div class="selBox">
<select class="selType1">
<option>00시</option>
<option>10시</option>
<option>20시</option>
</select>
<label for="" class="label">분 선택</label>
<select class="selType1">
<option>00분</option>
<option>25분</option>
<option>50분</option>
</select>
</div>
</div>
<div class="rev_bottom">
<input type="checkbox">
<label for="">분할전송</label>
<select class="selType1">
<option>00시</option>
<option>10시</option>
<option>20시</option>
</select>
<label for=""></label>
<select class="selType1">
<option>00분</option>
<option>25분</option>
<option>50분</option>
</select>
<label>간격</label>
</div>
</div>
</div>
<div class="send_btn">
<button type="button" class="btnType btnType10">테스트 발송<img src="/publish/images/content/qmIcon.png"></button>
<button type="button" class="btnType btnType11">발송하기</button>
</div>
</div>
</div><!--// send right 문자 보내기 미리보기 -->
</div>
</div><!--// tab content1 -->
<!-- tab content2 -->
<div class="top_content get_excel election" id="tab1_2">
<div class="heading">
<h2>선거 대량문자</h2>
<div class="election_btnWrap">
<button type="button" class="btnType" data-tooltip="candidate_popup01"><i class="election_btn1"></i>후보자 등록</button>
<button type="button" class="btnType"><i class="election_btn2"></i>세금계산서</button>
<button type="button" class="btnType"><i class="election_btn3"></i>발송결과 출력하기</button>
</div>
</div>
<div class="titBox">
<p>- 여러 수신자에게 다른 내용의 메시지를 한번에 보낼 수 있습니다<span>(최대 1만 건)</span></p>
<p>- 엑셀영역은 복사, 붙여넣기가 가능합니다.</p>
<p>- 엑셀파일로 주소록을 최대 10만건까지 등록하여 간편하게 발송 및 관리하실 수 있습니다.</p>
<p>- 반드시 샘플파일을 다운로드하여 작성방법을 확인하신 후 정해진 양식에 맞추어 주소록을 작성하셔야 합니다.</p>
<p>- 쉼표(,), 구분선(|), 역슬래시(, ₩), 작은따옴표('), 큰따옴표(") 등 발송불가 특수문자는 저장되지 않습니다.</p>
<p>- 휴대폰 번호는 필수입력 항목입니다.</p>
<p>- 전화번호 형태는 010-1234-5678 또는 01012345678 모두 가능합니다. 단, 공백은 허용되지 않습니다.</p>
<p>- 엑셀 파일에 비밀번호 설정, 제한된 보기, 수식 등이 설정되어 있는 경우 업로드가 불가합니다.</p>
<p>- 이름 50byte, [*1*]~[*4*] 100byte 까지 입력 가능합니다.</p>
<p>- 첨부가능 파일 : xlsx, xls, csv, xlt(최대용량 10MB)</p>
<p>- ‘오류 검사’를 통해 등록된 데이터에 전화번호 입력 오류를 확인하실 수 있습니다.</p>
<p>- 선거문자는 반드시 유의사항을 사전 확인 후 발송해 주시기 바랍니다. <span><a href="#">[선거문자 관련규정 안내]</a></span></p>
<button type="button" class="titBox_btn1"><i></i>사용안내</button>
</div>
<div class="send_general">
<!-- send left 문자 보내기 입력 -->
<div class="send_left">
<table class="tType1">
<caption>일반 문자보내기 분류 번호 내용 등을 입력하는 표</caption>
<colgroup>
<col style="width: 120px;">
<col style="width: auto;">
</colgroup>
<tbody>
<tr>
<th scope="row">문자분류</th>
<td class="send_cf">
<input id="radio1" type="radio"name="send_clas" checked="checked">
<label for="radio1">선거</label>
</td>
</tr>
<tr>
<th scope="row">발신번호</th>
<td class="put_num">
<label for="num" class="label"></label>
<select id="num" class="sel_number">
<option value="">010-1234-5678</option>
<option value="">010-1234-5678</option>
<option value="">010-1234-5678</option>
<option value="">010-1234-5678</option>
</select>
<button type="button" class="btnType btnType6">번호변경</button>
</td>
</tr>
<tr>
<th scope="row">제목</th>
<td>
<!-- 단문일 때 -->
<label for="text" class="label"></label>
<input type="text" size="20" id="text" class="w100" placeholder="" onfocus="this.placeholder=''" disabled>
<!-- 장문일 때 -->
<!-- <input type="text" size="20" id="text" class="w100" placeholder="제목을 입력해주세요 (최대30byte, 발송관리용)" onfocus="this.placeholder=''" onblur="this.placeholder='제목을 입력해주세요 (최대30byte, 발송관리용)'"> -->
</td>
</tr>
<!-- 단문 -->
<tr>
<th scope="row" class="vTop">내용</th>
<td class="putText">
<div class="clearfix">
<div class="put_left short">
<div class="ad_txt"><p>(광고)</p></div>
<label for="textarea" class="label"></label>
<textarea id="textarea" class="put_text" placeholder="내용을 입력해주세요.
-90btye 초과 시 LMS 자동전환
-파일첨부 시 MMS 자동전환"></textarea>
<div class="text_length">
<div>
<p>무료 거부 080-0000-0000</p>
</div>
<div>
<p><span class="fwMd">15 /<span><span class="c_002c9a fwMd"> 90</span>byte</p>
<span class="msg_com msg_short">단문</span>
</div>
</div>
</div>
<div class="put_right">
<div class="btn_popup_wrap spc_wrap">
<button type="button" class="btnType btnType7" onclick="miniPopup(this)">특수문자</button>
<div class="send_miniPop spc_character">
<div class="tab_character">
<a href="#none" class="on">특수문자</a>
<a href="#none">웃음</a>
<a href="#none">슬픔</a>
<a href="#none">분노</a>
<a href="#none">사랑</a>
<a href="#none">그외</a>
</div>
<!-- 특수문자 -->
<div class="cnt_character on">
<div class="box_character">
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#">ε</a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#">ψ</a>
</div>
</div>
<!-- //특수문자 -->
<!-- 웃음 -->
<div class="cnt_character emt_character">
<div class="box_character">
<a href="#">⌒⌒</a>
<a href="#">^_^</a>
<a href="#">^0^</a>
<a href="#">s( ̄▽ ̄)/</a>
<a href="#">(/^^)/</a>
<a href="#">^o^~♬</a>
<a href="#">^.~</a>
<a href="#">^-^b</a>
<a href="#">^▽^</a>
<a href="#">^ε^</a>
<a href="#">(^^)γ</a>
<a href="#">(~^^)~</a>
<a href="#">☆(~.^)/</a>
<a href="#">(*^o^*)</a>
<a href="#">n_n</a>
<a href="#">↖(^▽^)↗</a>
<a href="#">( ̄∇ ̄)</a>
<a href="#">(*^.^)♂</a>
<a href="#">*^^*</a>
<a href="#">ㅎ.ㅎ</a>
<a href="#">=^.^=</a>
<a href="#">^▽^</a>
<a href="#">~_~</a>
<a href="#">(=^▽^)/♪</a>
</div>
</div>
<!-- //웃음 -->
<!-- 슬픔 -->
<div class="cnt_character emt_character">
<div class="box_character">
<a href="#">(づ_T)</a>
<a href="#">(ㅠ.ㅠ)</a>
<a href="#">(#_-)</a>
<a href="#">o(T^T)o</a>
<a href="#">ㅠ.ㅠ</a>
<a href="#">(-_-メ)</a>
<a href="#">Y.Y</a>
<a href="#">TmT</a>
<a href="#">ご.ご</a>
<a href="#">(=_=;)</a>
<a href="#">⊇.⊆</a>
<a href="#">(o_Φ)</a>
<a href="#">∋.∈</a>
<a href="#">(___)_</a>
<a href="#">(-.¥)</a>
<a href="#">@_O</a>
<a href="#">●⊙</a>
<a href="#">(♨_♨)</a>
<a href="#">(X_X)</a>
<a href="#">Θ_Θ</a>
<a href="#">(∏.∏)</a>
<a href="#">(づ_ど)</a>
<a href="#">( ̄^ ̄)</a>
</div>
</div>
<!-- //슬픔 -->
<!-- 분노 -->
<div class="cnt_character emt_character">
<div class="box_character">
<a href="#">Θ_Θ</a>
<a href="#">=-_-a</a>
<a href="#">('o')</a>
<a href="#">(`へ´)</a>
<a href="#">(-ヘㅡメ)凸</a>
<a href="#">⊙⊙ㆀ</a>
<a href="#">⊙.⊙</a>
<a href="#">ㅡㅡ+</a>
<a href="#">(`o´)y</a>
<a href="#">づºДº)つ</a>
<a href="#">O_O</a>
<a href="#">(@.@)</a>
<a href="#">★.★</a>
<a href="#">(;¬_¬)</a>
<a href="#">┏(;-_-)┛</a>
<a href="#">┏(-_-メ)┓</a>
<a href="#">(>&#60;ㆀ)&#47;</a>
<a href="#">--メ凸</a>
<a href="#">(`_)乂(_)</a>
<a href="#">(-_-)c+_=)</a>
</div>
</div>
<!-- //분노 -->
<!-- 사랑 -->
<div class="cnt_character emt_character">
<div class="box_character">
<a href="#">♥.♥</a>
<a href="#">^o^~♬</a>
<a href="#">(*^}{^*)</a>
<a href="#">ⓛⓞⓥⓔ</a>
<a href="#">(*_*)</a>
<a href="#">(♡.♡)</a>
<a href="#">ε♡₃ε♥</a>
<a href="#">(*..)(..*)</a>
<a href="#">(~.^)s</a>
<a href="#">☞♡☜</a>
<a href="#">*♥o♥*</a>
<a href="#">(/^o^)/♡</a>
<a href="#">@-m-m--</a>
<a href="#">=>>------▷♡</a>
<a href="#">(*^^)σ(^_^)</a>
<a href="#">(*^-^)♡(^o^*)</a>
<a href="#">(づ^.^)づ~♡</a>
<a href="#">(*^▽^*)</a>
<a href="#">*⌒З^)^.⌒*)</a>
<a href="#">(づ ̄³ ̄)づ~</a>
<a href="#">(づ ̄³ ̄)づ</a>
<a href="#">(^*^)kiss</a>
<a href="#">(*'-⌒*)ⓥ</a>
<a href="#">s( ̄▽ ̄)/</a>
</div>
</div>
<!-- //사랑 -->
<!-- 그외 -->
<div class="cnt_character emt_character emt_etc ">
<div class="box_character">
<a href="#">&#60;:3)--</a>
<a href="#">(^(oo)^)</a>
<a href="#">(:::[</a>
<a href="#">]:::)</a>
<a href="#">[( ̄. ̄)]zZ</a>
<a href="#">(``)(``)</a>
<a href="#">(T(oo)T)</a>
<a href="#">(^.^)=O)#.#)</a>
<a href="#">?‥…─━★</a>
<a href="#">(__)zzz</a>
<a href="#">(=ㅅ)=333</a>
<a href="#">&#60;(>.<)></a>
<a href="#">>(/////)&#60;</a>
<a href="#">((ど(</a>
<a href="#">^0^</a>
<a href="#">)つ))</a>
<a href="#">■■■■■□90%</a>
<a href="#">( ̄_ ̄>-(^▽^;)</a>
<a href="#">∑⊙)++333=◀</a>
<a href="#">(^_^)~~⑩</a>
<a href="#">(^▽^)/(^_^)</a>
<a href="#">(*.*)@==(`.`)</a>
<a href="#">(っㅡㅡ)つ━●</a>
<a href="#">(``)(</a>
<a href="#">:)(..)(:</a>
<a href="#">(``)</a>
</div>
</div>
<!-- //그외 -->
<button type="button" onclick="miniPopup(this)">닫기</button>
</div>
</div>
<div class="btn_popup_wrap convers_wrap">
<button type="button" class="btnType btnType7" onclick="miniPopup(this)">특정문구 일괄변환<i class="qmMark"></i></button>
<div class="send_miniPop convers">
<div>
<div class="convers_top">
<span>특정문구 일괄변환이란?</span>
<p>주소록, 엑셀에 입력된 내용을 이용해 수신자마다 다른 내용의 메시지를 발송하는 기능</p>
</div>
<div class="convers_middle"><a href="#">#{이름}</a></div>
<div class="convers_bottom">
<a href="#">#{1}</a>
<a href="#">#{2}</a>
<a href="#">#{3}</a>
<a href="#">#{4}</a>
</div>
</div>
</div>
</div>
<button type="button" class="btnType btnType7">내문자함</button>
<button type="button" class="btnType btnType8" onclick="showPotoediter();">이미지 불러오기</button>
<div class="send_btnWrap">
<button type="button" class="btnType btnType9">문자저장</button>
<button type="button" class="btnType btnType9">초기화</button>
</div>
</div>
</div>
<p>* 현재 [단문] <span class="c_e40000 fwBold">120,000</span>건 발송 가능합니다.</p>
</td>
</tr>
<!-- 포토 -->
<tr style="display: none;">
<th scope="row">내용</th>
<td class="putText">
<div class="clearfix">
<div class="put_left photo">
<ul class="thumb_wrap">
<li class="on">
<div>
<img src="/publish/images/content/thumb1.jpg" alt="thumb1">
</div>
<button type="button" class="file_close"><img src="/publish/images/content/thumb_del.png" alt="첨부파일 삭제"></button>
<button type="button" class="file_close_on"><img src="/publish/images/content/thumb_del_on.png" alt="첨부파일 삭제"></button>
</li>
<li>
<div>
<img src="/publish/images/content/thumb2.jpg" alt="thumb1">
</div>
<button type="button" class="file_close"><img src="/publish/images/content/thumb_del.png" alt="첨부파일 삭제"></button>
<button type="button" class="file_close_on"><img src="/publish/images/content/thumb_del_on.png" alt="첨부파일 삭제"></button>
</li>
<li>
<div>
<img src="/publish/images/content/thumb3.jpg" alt="thumb1">
</div>
<button type="button" class="file_close"><img src="/publish/images/content/thumb_del.png" alt="첨부파일 삭제"></button>
<button type="button" class="file_close_on"><img src="/publish/images/content/thumb_del_on.png" alt="첨부파일 삭제"></button>
</li>
</ul>
<div class="ad_txt"><p>(광고)</p></div>
<label for="textarea" class="label"></label>
<textarea id="textarea" class="put_text">
해마다 찾아오는 봄이지만
봄맞이 대청소라는 말처럼,
새 봄을 맞아 봄맞이 마음청소 한번하고 가실께요~ㅎㅎ
"새술은 새부대에"라는 말처럼 버리고 싶은 기억들을
깨끗이 비워보는 겁니다.
새봄에 새마음으로 새롭게 시작해 보는 겁니다.
해마다 찾아오는 봄이지만
봄맞이 대청소라는 말처럼,
새 봄을 맞아 봄맞이 마음청소 한번하고 가실께요~ㅎㅎ
"새술은 새부대에"라는 말처럼 버리고 싶은 기억들을
깨끗이 비워보는 겁니다.
새봄에 새마음으로 새롭게 시작해 보는 겁니다.
해마다 찾아오는 봄이지만
봄맞이 대청소라는 말처럼,
새 봄을 맞아 봄맞이 마음청소 한번하고 가실께요~ㅎㅎ
"새술은 새부대에"라는 말처럼 버리고 싶은 기억들을
깨끗이 비워보는 겁니다.
새봄에 새마음으로 새롭게 시작해 보는 겁니다.
</textarea>
<div class="text_length">
<div>
<p>무료 거부 080-0000-0000</p>
</div>
<div>
<p><span class="fwMd">15 /<span><span class="c_002c9a fwMd"> 2000</span>byte</p>
<span class="msg_com msg_photo">그림</span>
</div>
</div>
</div>
<div class="put_right">
<div class="btn_popup_wrap spc_wrap">
<button type="button" class="btnType btnType7" onclick="miniPopup(this)">특수문자</button>
<div class="send_miniPop spc_character">
<div>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
</div>
</div>
</div>
<div class="btn_popup_wrap">
<button type="button" class="btnType btnType7" onclick="miniPopup(this)">특정문구 일괄변환<i class="qmMark"></i></button>
<div class="send_miniPop convers">
<div>
<div class="convers_top">
<span>특정문구 일괄변환이란?</span>
<p>주소록, 엑셀에 입력된 내용을 이용해 수신자마다 다른 내용의<br> 메시지를 발송하는 기능</p>
</div>
<div class="convers_middle"><a href="#">#{이름}</a></div>
<div class="convers_bottom">
<a href="#">#{1}</a>
<a href="#">#{2}</a>
<a href="#">#{3}</a>
<a href="#">#{4}</a>
</div>
</div>
</div>
</div>
<button type="button" class="btnType btnType7">내문자함</button>
<button type="button" class="btnType btnType8" onclick="showPotoediter();">이미지 불러오기</button>
<div class="send_btnWrap">
<button type="button" class="btnType btnType9">문자저장</button>
<button type="button" class="btnType btnType9">초기화</button>
</div>
</div>
</div>
<p>* 현재 [단문] <span class="c_e40000 fwBold">120,000</span>건 발송 가능합니다.</p>
</td>
</tr>
</tbody>
</table>
</div><!-- send left 문자 보내기 입력 -->
<!-- send right 문자 보내기 미리보기 -->
<div class="send_right">
<div class="phone">
<div class="phoneIn">
<div>
<p class="prev_p"><img src="/publish/images/search. png">미리보기</p>
<div class="text_length2 clearfix" style="display: none;">
<span class="msg_com msg_short">단문</span>
<div>
<span>글자크기</span>
<button type="button"><img src="/publish/images/ content/font_plus.png"></button>
<button type="button"><img src="/publish/images/ content/font_minus.png"></button>
</div>
</div>
<div class="text_length2 clearfix">
<span class="msg_com msg_photo">포토</span>
<ul class="photo_msg_num">
<li onclick="imgClick(0);"><a href="#none">1</a></ li>
<li onclick="imgClick(1);"><a href="#none">2</a></ li>
<li onclick="imgClick(2);"><a href="#none">3</a></ li>
</ul>
<div>
<span>글자크기</span>
<button type="button"><img src="/publish/images/ content/font_plus.png"></button>
<button type="button"><img src="/publish/images/ content/font_minus.png"></button>
</div>
</div>
<!-- 텍스트 미리보기 -->
<div class="text_preview">
<div class="preiew_img">
<div class="img_box">
<img src="/publish/images/content/ photo_sample01.jpg">
</div>
<div class="img_box">
<img src="/publish/images/content/ photo_sample01.jpg">
</div>
<div class="img_box">
<img src="/publish/images/content/excel.jpg">
</div>
</div>
<div class="preview_auto">
<p class="ad_tit">(광고)</p>
<p class="none_txt">내용을 입력해주세요.</p>
<p class="realtime"></p>
<p class="deny_receipt">무료 거부 080-0000-0000</p>
</div>
</div>
<!-- //텍스트 미리보기 -->
</div>
</div>
<p class="addText">※ 단말기 설정에 따라 다르게 보일 수 있습니다<p>
</div>
</div><!--// send right 문자 보내기 미리보기 -->
</div>
<!-- excel 대량 불러오기 -->
<div class="excelWrap">
<div>
<div class="excel_selBox">
<div>
<button type="button" class="excel_btn btnType"><i class="uproad"></i>엑셀 불러오기</button>
</div>
<div>
<button type="button" class="excel_btn"><i class="downroad"></i>엑셀 샘플 다운로드</button>
<!-- <button type="button" class="btnType btnType14"><i></i>번호입력형식안내</button> -->
</div>
</div>
<div class="file_add">
<p><img src="/publish/images/content/file_add.png" alt="파일 붙여넣기">마우스로 엑셀 파일을 여기에 끌어다 놓으세요</p>
</div>
<div class="excel_middle2">
<p><span class="c_e40000 fwBold">120</span>건 / 중복 <span class="c_002c9a fwBold">9</span></p>
<button type="button" class="btnType btnType6">번호추가</button>
</div>
<div class="drag_drop_wrap">
<img src="/publish/images/content/excel.jpg" style="width: 100%;">
</div>
<div class="excel_middle">
<div class="select_btnWrap clearfix">
<div>
<button type="button"><i class="remove_img"></i>선택삭제</button>
<button type="button"><i class="remove_img"></i>오류번호삭제</button>
<button type="button" class="check_validity">오류 검사<i></i></button>
</div>
<div>
<button type="button" class="excel_btn"><i class="downroad"></i>엑셀 다운로드</button>
</div>
</div>
</div>
</div>
</div>
<div class="send_general sec">
<div class="send_left">
<table class="tType1">
<caption>일반 문자보내기 분류 번호 내용 등을 입력하는 표</caption>
<colgroup>
<col style="width: 100px;">
<col style="width: auto;">
</colgroup>
<tbody>
<tr>
<th colspan="2" class="billingAmount">
<div>
<div class="final_pay">
<p>결제금액 :</p>
<p class="price"><span>200,000</span><span>(부가세 포함)</span></p>
<button type="button" class="cal_btn"><i></i>계산하기</button>
</div>
<div class="pay_type clearfix">
<div>
<label for="" class="label">충전 금액</label>
<input id="radio_bill_1" type="radio" name="radio_bill" checked="checked">
<label for="radio_bill_1">내 충전금 (<span>3,000</span>원)</label>
</div>
<div>
<label for="" class="label">포인트 금액</label>
<input type="text" placeholder="199,700" readonly>
<button type="button" class="btnType btnType3">충전</button>
</div>
</div>
</div>
</th>
</tr>
<tr>
<th scope="row">추천인 ID</th>
<td class="check_num">
<input id="radio5" type="radio"name="recom" checked="checked">
<label for="radio5">없음</label>
<input id="radio6" type="radio" name="recom">
<label for="radio6">있음</label>
<div>
<label for="id" class="label"></label>
<input type="text" size="20" id="id" placeholder="추천인 아이디 입력" onfocus="this.placeholder=''" onblur="this.placeholder='추천인 아이디 입력'">
<button type="button" class="btnType btnType9">추천인 확인</button>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="send_right">
<div class="send_rev">
<div class="rev_radio">
<input id="radio7" type="radio"name="reser" checked="checked">
<label for="radio7">즉시</label>
<input id="radio8" type="radio" name="reser">
<label for="radio8">예약</label>
</div>
<div class="rev_selected">
<div class="rev_top">
<span>날짜 :</span>
<div class="calendar_wrap">
<input type="text" class="startDate2 inp" title="검색 시작일" id="startDate2" name="startDate2" value="" data-datecontrol="true">
<div class="calendar_in" id="calendarName_startDate2" style="z-index: 9;">
<button type="button" value="달력 팝업 열기" onclick="return calendarOpen('startDate2-lry','',this)"></button>
<div id="startDate2-lry" class="calendarPop" style="display: none;">
<iframe id="startDate2-ifrm" name="startDate2-ifrm" class="calendar-frame" src="/publish/calendar.html" title=" 달력 팝업" frameborder="0" scrolling="no"></iframe>
</div>
</div>
</div>
<label for="" class="label">시 선택</label>
<div class="selBox">
<select class="selType1">
<option>00시</option>
<option>10시</option>
<option>20시</option>
</select>
<label for="" class="label">분 선택</label>
<select class="selType1">
<option>00분</option>
<option>25분</option>
<option>50분</option>
</select>
</div>
</div>
<div class="rev_bottom">
<input type="checkbox">
<label for="">분할전송</label>
<select class="selType1">
<option>00시</option>
<option>10시</option>
<option>20시</option>
</select>
<label for=""></label>
<select class="selType1">
<option>00분</option>
<option>25분</option>
<option>50분</option>
</select>
<label>간격</label>
</div>
</div>
</div>
<div class="send_btn">
<button type="button" class="btnType btnType10">테스트 발송<img src="/publish/images/content/qmIcon.png"></button>
<button type="button" class="btnType btnType11">발송하기</button>
</div>
</div>
</div>
</div><!--// tab content2 -->
</div><!--// send top -->
<!-- send bottom -->
<div class="send_bottom">
<!-- tab button -->
<ul class="tabType2">
<li class="tab"><button type="button" onclick="TabType2(this,'1');">문자 샘플</button></li>
<li class="tab active"><button type="button" onclick="TabType2(this,'2');">그림문자 샘플</button></li>
<li class="tab"><button type="button" onclick="TabType2(this,'3');">지도/약도 추가</button></li>
<li class="tab"><button type="button" onclick="TabType2(this,'4');">내 문자함</button></li>
</ul>
<!--// tab button -->
<div class="search_sample">
<input type="text" placeholder="문자샘플 검색" onfocus="this.placeholder=''" onblur="this.placeholder='문자샘플 검색'">
<button><img src="/publish/images/search02.png" alt=""></button>
</div>
<!-- tab content1 -->
<div class="bottom_content" id="tab2_1">
<div class="area_tabs">
<div class="top_tab">
<div class="tab_depth1">
<a href="#none" class="on">전체</a>
<a href="#none">기업</a>
<a href="#none">개인</a>
<div class="on_active">전체</div>
</div>
<div class="tab_depth2">
<a href="#none" class="on">단문문자</a>
<a href="#none">장문문자</a>
</div>
<select name="" id="" class="selType2">
<option value="">2줄보기</option>
<option value="">4줄보기</option>
<option value="">6줄보기</option>
</select>
<div class="customReq">
<button type="button"><i></i>맞춤제작 요청</button>
</div>
</div>
<div class="bottom_tab">
<div class="tab_depth3">
<a href="#none">All</a>
<a href="#none" class="on">BEST</a>
<a href="#none">요일</a>
<a href="#none">계절/날씨</a>
<a href="#none">선거</a>
<a href="#none">기념일데이</a>
<a href="#none">경조사</a>
<a href="#none">모임/행사</a>
<a href="#none">명절</a>
<a href="#none">연말연시</a>
<a href="#none">감사/축하</a>
<a href="#none">사랑/우정</a>
<a href="#none">격려/위로</a>
<a href="#none">유머/코믹</a>
<a href="#none">좋은글/명언</a>
<a href="#none">운세/별자리</a>
<a href="#none">종교</a>
</div>
<div class="tab_depth4">
<a href="#none" class="on">#봄인사</a>
<a href="#none">#좋은글</a>
<a href="#none">#초대/답례</a>
</div>
</div>
</div>
<ul class="area_tabcontent msg_sample">
<li>
<div class="tit_text_wrap"><p class="tit_text">화이트 데이 화이트 데이 화이트 데이</p></div>
<div class="msg_cont">
<div class="msg_text">즐거운 화이트데이입니다. <br><br>
달달한 하루보내시라고, 화이트 데이 사탕보냅니다.<br><br>
맛있게 드시고, 새콤달콤 행복한 하루보내세요~<br><br>
*""* <br>
*◆○* <br>
*♡◎★* <br>
######## <br>
_____<br>
</div>
</div>
<p class="info_text">0 / <span class="limit_text">90</span>byte</p>
</li>
<li>
<div class="tit_text_wrap"><p class="tit_text">화이트 데이</p></div>
<div class="msg_cont">
<div class="msg_text">즐거운 화이트데이입니다. <br><br>
달달한 하루보내시라고, 화이트 데이 사탕보냅니다.<br><br>
맛있게 드시고, 새콤달콤 행복한 하루보내세요~<br><br>
*""* <br>
*◆○* <br>
*♡◎★* <br>
######## <br>
_____<br>
</div>
</div>
<p class="info_text">0 / <span class="limit_text">90</span>byte</p>
</li>
<li>
<div class="tit_text_wrap"><p class="tit_text">화이트 데이</p></div>
<div class="msg_cont">
<div class="msg_text">즐거운 화이트데이입니다. <br><br>
달달한 하루보내시라고, 화이트 데이 사탕보냅니다.<br><br>
맛있게 드시고, 새콤달콤 행복한 하루보내세요~<br><br>
*""* <br>
*◆○* <br>
*♡◎★* <br>
######## <br>
_____<br>
</div>
</div>
<p class="info_text">0 / <span class="limit_text">90</span>byte</p>
</li>
<li>
<div class="tit_text_wrap"><p class="tit_text">화이트 데이</p></div>
<div class="msg_cont">
<div class="msg_text">즐거운 화이트데이입니다. <br><br>
달달한 하루보내시라고, 화이트 데이 사탕보냅니다.<br><br>
맛있게 드시고, 새콤달콤 행복한 하루보내세요~<br><br>
*""* <br>
*◆○* <br>
*♡◎★* <br>
######## <br>
_____<br>
</div>
</div>
<p class="info_text">0 / <span class="limit_text">90</span>byte</p>
</li>
<li>
<div class="tit_text_wrap"><p class="tit_text">화이트 데이</p></div>
<div class="msg_cont">
<div class="msg_text">즐거운 화이트데이입니다. <br><br>
달달한 하루보내시라고, 화이트 데이 사탕보냅니다.<br><br>
맛있게 드시고, 새콤달콤 행복한 하루보내세요~<br><br>
*""* <br>
*◆○* <br>
*♡◎★* <br>
######## <br>
_____<br>
</div>
</div>
<p class="info_text">0 / <span class="limit_text">90</span>byte</p>
</li>
<li>
<div class="tit_text_wrap"><p class="tit_text">화이트 데이</p></div>
<div class="msg_cont">
<div class="msg_text">즐거운 화이트데이입니다. <br><br>
달달한 하루보내시라고, 화이트 데이 사탕보냅니다.<br><br>
맛있게 드시고, 새콤달콤 행복한 하루보내세요~<br><br>
*""* <br>
*◆○* <br>
*♡◎★* <br>
######## <br>
_____<br>
</div>
</div>
<p class="info_text">0 / <span class="limit_text">90</span>byte</p>
</li>
<li>
<div class="tit_text_wrap"><p class="tit_text">화이트 데이</p></div>
<div class="msg_cont">
<div class="msg_text">즐거운 화이트데이입니다. <br><br>
달달한 하루보내시라고, 화이트 데이 사탕보냅니다.<br><br>
맛있게 드시고, 새콤달콤 행복한 하루보내세요~<br><br>
*""* <br>
*◆○* <br>
*♡◎★* <br>
######## <br>
_____<br>
</div>
</div>
<p class="info_text">0 / <span class="limit_text">90</span>byte</p>
</li>
<li>
<div class="tit_text_wrap"><p class="tit_text">화이트 데이</p></div>
<div class="msg_cont">
<div class="msg_text">즐거운 화이트데이입니다. <br><br>
달달한 하루보내시라고, 화이트 데이 사탕보냅니다.<br><br>
맛있게 드시고, 새콤달콤 행복한 하루보내세요~<br><br>
*""* <br>
*◆○* <br>
*♡◎★* <br>
######## <br>
_____<br>
</div>
</div>
<p class="info_text">0 / <span class="limit_text">90</span>byte</p>
</li>
<li>
<div class="tit_text_wrap"><p class="tit_text">화이트 데이</p></div>
<div class="msg_cont">
<div class="msg_text">즐거운 화이트데이입니다. <br><br>
달달한 하루보내시라고, 화이트 데이 사탕보냅니다.<br><br>
맛있게 드시고, 새콤달콤 행복한 하루보내세요~<br><br>
*""* <br>
*◆○* <br>
*♡◎★* <br>
######## <br>
_____<br>
</div>
</div>
<p class="info_text">0 / <span class="limit_text">90</span>byte</p>
</li>
<li>
<div class="tit_text_wrap"><p class="tit_text">화이트 데이</p></div>
<div class="msg_cont">
<div class="msg_text">즐거운 화이트데이입니다. <br><br>
달달한 하루보내시라고, 화이트 데이 사탕보냅니다.<br><br>
맛있게 드시고, 새콤달콤 행복한 하루보내세요~<br><br>
*""* <br>
*◆○* <br>
*♡◎★* <br>
######## <br>
_____<br>
</div>
</div>
<p class="info_text">0 / <span class="limit_text">90</span>byte</p>
</li>
</ul>
<!-- pagination -->
<ul class="pagination">
<li class="page_first"><button><img src="/publish/images/content/page_first.png" alt=""></button></li>
<li class="page_prev"><button><img src="/publish/images/content/page_prev.png" alt=""></button></li>
<li class="on"><button>1</button></li>
<li><button>2</button></li>
<li><button>3</button></li>
<li><button>4</button></li>
<li><button>5</button></li>
<li><button>6</button></li>
<li><button>7</button></li>
<li><button>8</button></li>
<li><button>9</button></li>
<li><button>10</button></li>
<li class="page_next"><button><img src="/publish/images/content/page_next.png" alt=""></button></li>
<li class="page_last"><button><img src="/publish/images/content/page_last.png" alt=""></button></li>
</ul><!-- pagination -->
</div><!--// tab content1 -->
<!--// tab content2 -->
<div class="bottom_content current" id="tab2_2">
<div class="area_tabs">
<div class="top_tab">
<div class="tab_depth1">
<a href="#none" class="on">전체</a>
<a href="#none">기업</a>
<a href="#none">개인</a>
<div class="on_active">전체</div>
</div>
<div class="tab_depth2">
<a href="#none" class="on">그림문자</a>
</div>
<select name="" id="" class="selType2">
<option value="">2줄보기</option>
<option value="">4줄보기</option>
<option value="">6줄보기</option>
</select>
<div class="customReq">
<button type="button"><i></i>맞춤제작 요청</button>
</div>
</div>
<div class="bottom_tab">
<div class="tab_depth3">
<a href="#none">All</a>
<a href="#none" class="on">BEST</a>
<a href="#none">요일</a>
<a href="#none">계절/날씨</a>
<a href="#none">선거</a>
<a href="#none">기념일데이</a>
<a href="#none">경조사</a>
<a href="#none">모임/행사</a>
<a href="#none">명절</a>
<a href="#none">연말연시</a>
<a href="#none">감사/축하</a>
<a href="#none">사랑/우정</a>
<a href="#none">격려/위로</a>
<a href="#none">유머/코믹</a>
<a href="#none">좋은글/명언</a>
<a href="#none">운세/별자리</a>
<a href="#none">종교</a>
</div>
<div class="tab_depth4">
<a href="#none" class="on">#봄인사</a>
<a href="#none">#좋은글</a>
<a href="#none">#초대/답례</a>
</div>
</div>
</div>
<ul class="area_tabcontent photo_sample">
<li class="hover_photo">
<div class="hover_cont"><img src="/publish/images/content/photo_sample01.jpg" alt=""></div>
<div class="tit_text_wrap"><p class="tit_text">추석 입니다 추석 입니다 추석 입니다 추석 입니다</p></div>
<div class="photo_cont">
<img src="/publish/images/content/photo_sample01.jpg" alt="">
</div>
</li>
<li>
<div class="hover_cont"><img src="/publish/images/content/photo_sample02.jpg" alt=""></div>
<div class="tit_text_wrap"><p class="tit_text">추석</p></div>
<div class="photo_cont">
<img src="/publish/images/content/photo_sample02.jpg" alt="">
</div>
</li>
<li>
<div class="hover_cont"><img src="/publish/images/content/photo_sample03.jpg" alt=""></div>
<div class="tit_text_wrap"><p class="tit_text">추석</p></div>
<div class="photo_cont">
<img src="/publish/images/content/photo_sample03.jpg" alt="">
</div>
</li>
<li>
<div class="hover_cont"><img src="/publish/images/content/photo_sample04.jpg" alt=""></div>
<div class="tit_text_wrap"><p class="tit_text">추석</p></div>
<div class="photo_cont">
<img src="/publish/images/content/photo_sample04.jpg" alt="">
</div>
</li>
<li>
<div class="hover_cont"><img src="/publish/images/content/photo_sample05.jpg" alt=""></div>
<div class="tit_text_wrap"><p class="tit_text">추석</p></div>
<div class="photo_cont">
<img src="/publish/images/content/photo_sample05.jpg" alt="">
</div>
</li>
<li>
<div class="hover_cont"><img src="/publish/images/content/photo_sample06.jpg" alt=""></div>
<div class="tit_text_wrap"><p class="tit_text">추석</p></div>
<div class="photo_cont">
<img src="/publish/images/content/photo_sample06.jpg" alt="">
</div>
</li>
<li>
<div class="hover_cont"><img src="/publish/images/content/photo_sample07.jpg" alt=""></div>
<div class="tit_text_wrap"><p class="tit_text">추석</p></div>
<div class="photo_cont">
<img src="/publish/images/content/photo_sample07.jpg" alt="">
</div>
</li>
<li>
<div class="hover_cont"><img src="/publish/images/content/photo_sample08.jpg" alt=""></div>
<div class="tit_text_wrap"><p class="tit_text">추석</p></div>
<div class="photo_cont">
<img src="/publish/images/content/photo_sample08.jpg" alt="">
</div>
</li>
<li>
<div class="hover_cont"><img src="/publish/images/content/photo_sample09.jpg" alt=""></div>
<div class="tit_text_wrap"><p class="tit_text">추석</p></div>
<div class="photo_cont">
<img src="/publish/images/content/photo_sample09.jpg" alt="">
</div>
</li>
<li>
<div class="hover_cont"><img src="/publish/images/content/photo_sample10.jpg" alt=""></div>
<div class="tit_text_wrap"><p class="tit_text">추석</p></div>
<div class="photo_cont">
<img src="/publish/images/content/photo_sample10.jpg" alt="">
</div>
</li>
</ul>
<!-- pagination -->
<ul class="pagination">
<li class="page_first"><button><img src="/publish/images/content/page_first.png" alt=""></button></li>
<li class="page_prev"><button><img src="/publish/images/content/page_prev.png" alt=""></button></li>
<li class="on"><button>1</button></li>
<li><button>2</button></li>
<li><button>3</button></li>
<li><button>4</button></li>
<li><button>5</button></li>
<li><button>6</button></li>
<li><button>7</button></li>
<li><button>8</button></li>
<li><button>9</button></li>
<li><button>10</button></li>
<li class="page_next"><button><img src="/publish/images/content/page_next.png" alt=""></button></li>
<li class="page_last"><button><img src="/publish/images/content/page_last.png" alt=""></button></li>
</ul><!-- pagination -->
</div><!--// tab content2 -->
<!--tab content3 -->
<div class="bottom_content" id="tab2_3">
<div class="map_search">
<label for="" class="label"></label>
<input type="text" placeholder="도로명 또는 지번을 입력해주세요." onfocus="this.placeholder=''" onblur="this.placeholder='도로명 또는 지번을 입력해주세요.'">
<button type="button" class="btnType map_check">확인</button>
<button type="button" class="btnType map_add">약도링크 추가</button>
<p><span class="vMiddle">*</span> 지도링크는 입력메시지 끝부분에 추가됩니다.</p>
</div>
<img src="/publish/images/content/imsi_map.PNG" alt="지도" style="width: 100%;">
</div><!--// tab content3 -->
<!-- tab content4 -->
<div class="bottom_content" id="tab2_4">
<div class="search_wrap clearfix">
<div class="btn_left">
<span>· 기간</span>
<div class="calendar_wrap">
<input type="text" class="startDate3 inp" title="검색 시작일" id="startDate3" name="startDate3" value="" data-datecontrol="true">
<div class="calendar_in" id="calendarName_startDate3" style="z-index: 9;">
<button type="button" value="달력 팝업 열기" onclick="return calendarOpen('startDate3-lry','',this)"></button>
<div id="startDate3-lry" class="calendarPop" style="display: none;">
<iframe id="startDate3-ifrm" name="startDate3-ifrm" class="calendar-frame" src="/publish/calendar.html" title=" 달력 팝업" frameborder="0" scrolling="no"></iframe>
</div>
</div>
<span class="dateEtc">~</span>
<input type="text" class="endDate inp" title="검색 종료일" id="endDate" name="endDate" value="" data-datecontrol="true">
<div class="calendar_in" id="calendarName_endDate" style="z-index: 0;">
<button type="button" value="달력 팝업 열기" onclick="return calendarOpen('endDate-lry','',this)"></button>
</div>
</div>
<div class="search">
<label for="id" class="label"></label>
<input type="text" id="id" placeholder="내보관함 검색" onfocus="this.placeholder=''" onblur="this.placeholder='내보관함 검색'">
<button type="button" class="btnType btnType2">검색</button>
</div>
</div>
<div class="btn_right">
<button type="button">최근순<i></i></button>
<select name="" id="" class="selType2">
<option value="">전체보기</option>
<option value="">단문문자</option>
<option value="">장문문자</option>
<option value="">그림문자</option>
</select>
<select name="" id="" class="selType2">
<option value="">2줄보기</option>
<option value="">4줄보기</option>
<option value="">6줄보기</option>
</select>
</div>
</div>
<div class="search_wrap_btn">
<button type="button" class="btnType15"><i class="add_img"></i>전체선택</button>
<button type="button" class="btnType15"><i class="remove_img"></i>선택삭제</button>
<p><span class="fwBold c_222">·</span><span class="c_e40000 fwRg">11</span>건의 보관된 문자가 있습니다. <span class="fwRg c_222"> 메시지를 클릭</span>하시면, <span class="fwRg c_222">발송창에 입력</span>됩니다.<span class="add_text">(내용 수정 및 저장은 발송창에서만 가능)</span></p>
</div>
<ul class="area_tabcontent msg_sample myBox">
<li>
<div class="tit_text_wrap">
<label for="" class="label">내 문자함 체크</label>
<input type="checkbox" id="">
<p class="tit_text">화이트 데이 화이트 데이 화이트 데이</p>
</div>
<div class="msg_cont">
<div class="photo_cont">
<img src="/publish/images/content/photo_sample01.jpg" alt="">
</div>
<div class="msg_text">즐거운 화이트데이입니다. <br><br>
달달한 하루보내시라고, 화이트 데이 사탕보냅니다.<br><br>
맛있게 드시고, 새콤달콤 행복한 하루보내세요~<br><br>
*""* <br>
*◆○* <br>
*♡◎★* <br>
######## <br>
_____<br>
</div>
</div>
<p class="info_text">0 / <span class="limit_text">90</span>byte</p>
<div class="myphoto_info">
<p>2021-01-01</p>
</div>
</li>
<li>
<div class="tit_text_wrap">
<label for="" class="label">내 문자함 체크</label>
<input type="checkbox" id="">
<p class="tit_text">화이트 데이</p>
</div>
<div class="msg_cont">
<div class="msg_text">즐거운 화이트데이입니다. <br>
달달한 하루보내시라고, 화이트 데이 사탕보냅니다.<br>
맛있게 드시고, 새콤달콤 행복한 하루보내세요~
</div>
</div>
<p class="info_text">0 / <span class="limit_text">90</span>byte</p>
<div class="myphoto_info">
<p>2021-01-01</p>
</div>
</li>
<li>
<div class="tit_text_wrap">
<label for="" class="label">내 문자함 체크</label>
<input type="checkbox" id="">
<p class="tit_text">화이트 데이</p>
</div>
<div class="msg_cont">
<div class="photo_cont">
<img src="/publish/images/content/photo_sample02.jpg" alt="">
</div>
<div class="photo_cont">
<img src="/publish/images/content/photo_sample03.jpg" alt="">
</div>
<div class="msg_text">즐거운 화이트데이입니다. <br><br>
달달한 하루보내시라고, 화이트 데이 사탕보냅니다.<br><br>
맛있게 드시고, 새콤달콤 행복한 하루보내세요~<br><br>
*""* <br>
*◆○* <br>
*♡◎★* <br>
######## <br>
_____<br>
</div>
</div>
<p class="info_text">0 / <span class="limit_text">90</span>byte</p>
<div class="myphoto_info">
<p>2021-01-01</p>
</div>
</li>
<li>
<div class="tit_text_wrap">
<label for="" class="label">내 문자함 체크</label>
<input type="checkbox" id="">
<p class="tit_text">화이트 데이</p>
</div>
<div class="msg_cont">
<div class="photo_cont">
<img src="/publish/images/content/photo_sample01.jpg" alt="">
</div>
</div>
<p class="info_text">0 / <span class="limit_text">90</span>byte</p>
<div class="myphoto_info">
<p>2021-01-01</p>
</div>
</li>
<li>
<div class="tit_text_wrap">
<label for="" class="label">내 문자함 체크</label>
<input type="checkbox" id="">
<p class="tit_text">화이트 데이</p>
</div>
<div class="msg_cont">
<div class="msg_text">즐거운 화이트데이입니다. <br><br>
달달한 하루보내시라고, 화이트 데이 사탕보냅니다.<br><br>
맛있게 드시고, 새콤달콤 행복한 하루보내세요~<br><br>
*""* <br>
*◆○* <br>
*♡◎★* <br>
######## <br>
_____<br>
</div>
</div>
<p class="info_text">0 / <span class="limit_text">90</span>byte</p>
<div class="myphoto_info">
<p>2021-01-01</p>
</div>
</li>
<li>
<div class="tit_text_wrap">
<label for="" class="label">내 문자함 체크</label>
<input type="checkbox" id="">
<p class="tit_text">화이트 데이</p>
</div>
<div class="msg_cont">
<div class="msg_text">즐거운 화이트데이입니다. <br><br>
달달한 하루보내시라고, 화이트 데이 사탕보냅니다.<br><br>
맛있게 드시고, 새콤달콤 행복한 하루보내세요~<br><br>
*""* <br>
*◆○* <br>
*♡◎★* <br>
######## <br>
_____<br>
</div>
</div>
<p class="info_text">0 / <span class="limit_text">90</span>byte</p>
<div class="myphoto_info">
<p>2021-01-01</p>
</div>
</li>
<li>
<div class="tit_text_wrap">
<label for="" class="label">내 문자함 체크</label>
<input type="checkbox" id="">
<p class="tit_text">화이트 데이</p>
</div>
<div class="msg_cont">
<div class="msg_text">즐거운 화이트데이입니다. <br><br>
달달한 하루보내시라고, 화이트 데이 사탕보냅니다.<br><br>
맛있게 드시고, 새콤달콤 행복한 하루보내세요~<br><br>
*""* <br>
*◆○* <br>
*♡◎★* <br>
######## <br>
_____<br>
</div>
</div>
<p class="info_text">0 / <span class="limit_text">90</span>byte</p>
<div class="myphoto_info">
<p>2021-01-01</p>
</div>
</li>
<li>
<div class="tit_text_wrap">
<label for="" class="label">내 문자함 체크</label>
<input type="checkbox" id="">
<p class="tit_text">화이트 데이</p>
</div>
<div class="msg_cont">
<div class="msg_text">즐거운 화이트데이입니다. <br><br>
달달한 하루보내시라고, 화이트 데이 사탕보냅니다.<br><br>
맛있게 드시고, 새콤달콤 행복한 하루보내세요~<br><br>
*""* <br>
*◆○* <br>
*♡◎★* <br>
######## <br>
_____<br>
</div>
</div>
<p class="info_text">0 / <span class="limit_text">90</span>byte</p>
<div class="myphoto_info">
<p>2021-01-01</p>
</div>
</li>
<li>
<div class="tit_text_wrap">
<label for="" class="label">내 문자함 체크</label>
<input type="checkbox" id="">
<p class="tit_text">화이트 데이</p>
</div>
<div class="msg_cont">
<div class="msg_text">즐거운 화이트데이입니다. <br><br>
달달한 하루보내시라고, 화이트 데이 사탕보냅니다.<br><br>
맛있게 드시고, 새콤달콤 행복한 하루보내세요~<br><br>
*""* <br>
*◆○* <br>
*♡◎★* <br>
######## <br>
_____<br>
</div>
</div>
<p class="info_text">0 / <span class="limit_text">90</span>byte</p>
<div class="myphoto_info">
<p>2021-01-01</p>
</div>
</li>
<li>
<div class="tit_text_wrap">
<label for="" class="label">내 문자함 체크</label>
<input type="checkbox" id="">
<p class="tit_text">화이트 데이</p>
</div>
<div class="msg_cont">
<div class="msg_text">즐거운 화이트데이입니다. <br><br>
달달한 하루보내시라고, 화이트 데이 사탕보냅니다.<br><br>
맛있게 드시고, 새콤달콤 행복한 하루보내세요~<br><br>hayeon1014!
*""* <br>
*◆○* <br>
*♡◎★* <br>
######## <br>
_____<br>
</div>
</div>
<p class="info_text">0 / <span class="limit_text">90</span>byte</p>
<div class="myphoto_info">
<p>2021-01-01</p>
</div>
</li>
</ul>
<!-- pagination -->
<ul class="pagination">
<li class="page_first"><button><img src="/publish/images/content/page_first.png" alt=""></button></li>
<li class="page_prev"><button><img src="/publish/images/content/page_prev.png" alt=""></button></li>
<li class="on"><button>1</button></li>
<li><button>2</button></li>
<li><button>3</button></li>
<li><button>4</button></li>
<li><button>5</button></li>
<li><button>6</button></li>
<li><button>7</button></li>
<li><button>8</button></li>
<li><button>9</button></li>
<li><button>10</button></li>
<li class="page_next"><button><img src="/publish/images/content/page_next.png" alt=""></button></li>
<li class="page_last"><button><img src="/publish/images/content/page_last.png" alt=""></button></li>
</ul><!-- pagination -->
</div><!--// tab content4 -->
</div>
</div>
</div>
</div><!--// content 영역 -->
<!-- footer 영역 -->
<!-- footer 영역 -->
<footer id="footer" class="footer">
<div class="footer_top">
<div class="inner table">
<ul class="table_cell">
<li><a href="#">이용약관</a></li>
<li class="SortLine fwRg c_white"><a href="#">개인정보취급방침</a></li>
<li class="SortLine fwRg c_white"><a href="#">스팸관리정책</a></li>
<li class="SortLine"><a href="#">불법스팸예방안내</a></li>
</ul>
</div>
</div>
<div class="footer_body">
<div class="inner table">
<div class="table_cell">
<a href="#" class="footer_logo"><img src="/publish/images/CI_white.png" alt="문자온 CI"></a>
<div class="footer_info">
<p>주소 : 경기도 남양주시 다산중앙로 19번길 21 1027호, 1028호(블루웨일 지식산업센터 1차)</p>
<p>사업자번호 : 653-87-00858 대표 : 유인식 통신판매등록번호 : 제 다산-12345호 문의전화 : 070-4786-0007</p>
<p>Copyright 2020 ⓒ MUNJAON co. Ltd, All rights reserved.</p>
</div>
<div class="footer_service_center">
<i></i>
<div>
<p>고객센터</p>
<span class="footer_service_num">070-4786-0008</span>
<span>E-mail : help@iten.co.kr</span>
</div>
</div>
</div>
</div>
</div>
</footer><!--// footer 영역 -->
</body></html>