<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="ui" uri="http://egovframework.gov/ctl/ui"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
<head>
<script src="/publish/js/content.js"></script>
</head>
<div class="top_content get_excel" id="tab1_2">
	<div class="heading">
                    <h2>엑셀문자</h2>
                    <ul class="send_price">
                        <li><span class="type">단문</span><span class="price">8.2</span>원</li>
                        <li class="price_line"><span class="type">장문</span><span class="price">24.6</span>원</li>
                        <li class="price_line"><span class="type">그림</span><span class="price">57.3</span>원</li>
                    </ul>
                </div>
                <div class="titBox">
                    <p>- 각각 다른 사람에게 다른 내용의 메시지를 한번에 보낼 수 있습니다. (최대 1만 건)</p>
                    <p>- 광고성 메시지는 반드시 유의사항 확인 후 발송해 주시기 바랍니다. <span class="c_e40000"> [광고문자 유의사항 보기]</span></p>
		<p>- 엑셀영역은 복사, 붙여넣기가 가능합니다.</p>
                    <button type="button" class="titBox_btn1"><i></i>사용안내</button>
                </div>
                <div class="send_general">
                    <div class="send_left">
                        <table class="tType1">
                            <caption>일반 문자보내기 분류 번호 내용 등을 입력하는 표</caption>
                            <colgroup>
                                <col style="width: 100px;">
                                <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>
                                        <input id="radio2" type="radio" name="send_clas">
                                        <label for="radio2">광고</label>
                                    </td>
                                </tr>
                                <tr>
                                    <th scope="row">발신번호</th>
                                    <td class="put_num">
                                        <label for="num2" class="label"></label>
							<select id="num2" 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">내용</th>
                                        <td class="putText">
                                            <div class="clearfix">
                                                <div class="put_left long">
                                                    <label for="textarea" class="label"></label>
                                                    <textarea id="textarea" class="put_text">
해마다 찾아오는 봄이지만
봄맞이 대청소라는 말처럼,
새 봄을 맞아 봄맞이 마음청소 한번하고 가실께요~ㅎㅎ
    
"새술은 새부대에"라는 말처럼 버리고 싶은 기억들을 
깨끗이 비워보는 겁니다.
    
새봄에 새마음으로 새롭게 시작해 보는 겁니다.

해마다 찾아오는 봄이지만
봄맞이 대청소라는 말처럼,
새 봄을 맞아 봄맞이 마음청소 한번하고 가실께요~ㅎㅎ
    
"새술은 새부대에"라는 말처럼 버리고 싶은 기억들을 
깨끗이 비워보는 겁니다.
    
새봄에 새마음으로 새롭게 시작해 보는 겁니다.

해마다 찾아오는 봄이지만
봄맞이 대청소라는 말처럼,
새 봄을 맞아 봄맞이 마음청소 한번하고 가실께요~ㅎㅎ
    
"새술은 새부대에"라는 말처럼 버리고 싶은 기억들을 
깨끗이 비워보는 겁니다.
    
새봄에 새마음으로 새롭게 시작해 보는 겁니다.
                                                    </textarea>
                                                    <div class="text_length">
														<div>
                                                        	<p><span class="fwMd">15 /<span><span class="c_002c9a fwMd"> 2000</span>byte</p>
                                                        	<span class="msg_com msg_long">장문</span>
														</div>
                                                    </div>
                                                </div>
                                                <div class="put_right">
                                                    <button type="button" class="btnType btnType7">특수문자</button>
                                                    <button type="button" class="btnType btnType7">특정문구 일괄변환<i class="qmMark"></i></button>
                                                    <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 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">
									해마다 찾아오는 봄이지만
									봄맞이 대청소라는 말처럼,
									새 봄을 맞아 봄맞이 마음청소 한번하고 가실께요~ㅎㅎ
									<br><br>
									"새술은 새부대에"라는 말처럼 버리고 싶은 기억들을
									깨끗이 비워보는 겁니다.
									해마다 찾아오는 봄이지만
									봄맞이 대청소라는 말처럼,
									새 봄을 맞아 봄맞이 마음청소 한번하고 가실께요~ㅎㅎ
									<br><br>
									"새술은 새부대에"라는 말처럼 버리고 싶은 기억들을
									깨끗이 비워보는 겁니다.
									해마다 찾아오는 봄이지만
									봄맞이 대청소라는 말처럼,
									새 봄을 맞아 봄맞이 마음청소 한번하고 가실께요~ㅎㅎ
									<br><br>
									"새술은 새부대에"라는 말처럼 버리고 싶은 기억들을
									깨끗이 비워보는 겁니다.
									해마다 찾아오는 봄이지만
									봄맞이 대청소라는 말처럼,
									새 봄을 맞아 봄맞이 마음청소 한번하고 가실께요~ㅎㅎ
									<br><br>
									"새술은 새부대에"라는 말처럼 버리고 싶은 기억들을
									깨끗이 비워보는 겁니다.
								</div>
							</div>
							<!-- //텍스트 미리보기 -->
						</div>
				</div>
				<p class="addText">※ 단말기 설정에 따라 다르게 보일 수 있습니다<p>
			</div>
                    </div><!--// send right 문자 보내기 미리보기 -->
                </div>
	<!-- excel 대량 불러오기 -->
	<div class="excelWrap">
		<div>
			<div class="excel_selBox clearfix">
				<select class="selType1">
					<option>그룹선택</option>
					<option>그룹선택</option>
					<option>그룹선택</option>
				</select>
				<label for="" class="label">그룹 선택</label>
				<span>* 보내실 주소록 그룹을 선택하세요.</span>
				<button type="button" class="btnType btnType14"><i></i>번호입력형식안내</button>
			</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"><i class="remove_img"></i>중복삭제</button>
						<button type="button">복사(ctrl+C)</button>
						<button type="button">붙여넣기(ctrl+V)</button>
					</div>
					<div>
						<button type="button" class="check_validity">유효성 검사<i></i></button>
						<button type="button" class="address_reg">주소록에 등록</button>
						<button type="button" class="excel_btn"><i></i>엑셀 업로드</button>
						<button type="button" class="excel_btn"><i></i>엑셀 다운로드</button>
					</div>
				</div>
			</div>
			<img src="/publish/images/content/excel.jpg" style="width: 100%;">
		</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 class="clearfix">
                                            <p>결제금액 :</p>
                                            <p class="price"><span>200,000</span>원<span>(부가세 포함)</span></p>
                                        </div>
                                        <button type="button"><i></i>계산하기</button>
                                    </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>
                                <div class="rev_top">
                                    <span>날짜 :</span>
                                    <div class="calendar">
							<input type="text" title="예약 전송 시 날짜 선택"><button id="txtDate2" value="" title="캘린더 팝업 열기" onclick="fnPopUpCalendar(txtDate2,txtDate2,'yyyy/mm/dd')" class="text_box1 calInput"><img src="/publish/images/calendar/calendarIcon2.png"></button>
						</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 -->