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

1359 lines
51 KiB
HTML

<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>팩스전송</title>
<!-- css -->
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/publish/css/reset.css">
<link rel="stylesheet" href="/publish/css/jquery.mCustomScrollbar.css">
<link rel="stylesheet" href="/publish/css/common.css">
<link rel="stylesheet" href="/publish/css/button.css">
<link rel="stylesheet" href="/publish/css/content.css">
<link rel="stylesheet" href="/publish/css/adrbook.css">
<link rel="stylesheet" href="/publish/css/font.css">
<link rel="stylesheet" href="/publish/css/popupLayer.css">
<!-- script -->
<script src="/publish/js/jquery-3.5.0.js"></script>
<script src="/publish/js/jquery.mCustomScrollbar.concat.min.js"></script>
<script src="/publish/js/common.js"></script>
<script src="/publish/js/content.js"></script>
<script src="/publish/js/calendar.js"></script>
<script src="/publish/js/popupLayer.js"></script>
</head>
<body>
<div class="mask"></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 class="popup_btn_wrap2 hisroy_btn">
<button type="button">선택추가</button>
<button type="button">선택취소</button>
</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 class="popup_btn_wrap2 hisroy_btn">
<button type="button">선택추가</button>
<button type="button">선택취소</button>
</div>
</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">
<p><img src="/publish/images/content/close_folder2.png" alt="폴더 닫힘">전체[<span>50</span>명]</p>
</div>
</div>
<div class="adr_pop_list">
<div class="adr_cb_wrap2 active">
<p><img src="/publish/images/content/open_folder2.png" alt="폴더 열림">그룹미지정[<span>10</span>명]</p>
</div>
<div class="adr_cb_wrap2">
<p><img src="/publish/images/content/close_folder2.png" alt="폴더 닫힘">자주보내는 번호가 맞나요? 확실한가요?[<span>20</span>명]</p>
</div>
<div class="adr_cb_wrap2">
<p><img src="/publish/images/content/close_folder2.png" alt="폴더 닫힘">직장[<span>20</span>명]</p>
</div>
<div class="adr_cb_wrap2">
<p><img src="/publish/images/content/close_folder2.png" alt="폴더 닫힘">친구[<span>20</span>명]</p>
</div>
<div class="adr_cb_wrap2">
<p><img src="/publish/images/content/close_folder2.png" alt="폴더 닫힘">자주보내는 번호[<span>20</span>명]</p>
</div>
<div class="adr_cb_wrap2">
<p><img src="/publish/images/content/close_folder2.png" alt="폴더 닫힘">자주보내는 번호[<span>20</span>명]</p>
</div>
<div class="adr_cb_wrap2">
<p><img src="/publish/images/content/close_folder2.png" alt="폴더 닫힘">자주보내는 번호[<span>20</span>명]</p>
</div>
<div class="adr_cb_wrap2">
<p><img src="/publish/images/content/close_folder2.png" alt="폴더 닫힘">자주보내는 번호[<span>20</span>명]</p>
</div>
<div class="adr_cb_wrap2">
<p><img src="/publish/images/content/close_folder2.png" alt="폴더 닫힘">친구[<span>100</span>명]</p>
</div>
<div class="adr_cb_wrap2">
<p><img src="/publish/images/content/close_folder2.png" alt="폴더 닫힘">친구[<span>100</span>명]</p>
</div>
<div class="adr_cb_wrap2">
<p><img src="/publish/images/content/close_folder2.png" alt="폴더 닫힘">친구[<span>100</span>명]</p>
</div>
<div class="adr_cb_wrap2">
<p><img src="/publish/images/content/close_folder2.png" alt="폴더 닫힘">친구[<span>100</span>명]</p>
</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>
<!--// 주소록 불러오기 -->
<!-- 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">
<!-- header top 영역 -->
<div class="header_top">
<div class="inner">
<ul class="menu_left">
<li>
<a href="#">
<i class="hdTop_fav"></i>즐겨찾기추가</a>
</li>
<li>
<a href="#">
<i class="hdTop_mypage"></i>마이페이지</a>
</li>
<li>
<a href="#">
<i class="hdTop_center"></i>고객센터</a>
</li>
</ul>
<ul class="menu_right">
<li>
<a href="#">충전하기</a>
</li>
<li class="SortLine">
<a href="#">요금안내</a>
</li>
<li class="SortLine">
<a href="#">이용안내</a>
</li>
<li class="SortLine">
<a href="#">1:1고객상담</a>
</li>
</ul>
</div>
</div>
<!-- header top 영역 -->
<!-- header body 영역 -->
<div class="header_body">
<div class="inner table">
<h1 class="logo">
<a href="/publish/index.html" alt="문자온 메인 바로가기"><img src="/publish/images/CI.png" alt="문자온 CI"></a>
</h1>
<ul class="gnbWrap table_cell">
<li>
<a href="#">문자발송</a>
</li>
<li>
<a href="#">선거문자</a>
</li>
<li>
<a href="#">맞춤제작</a>
</li>
<li>
<a href="#">비즈톡</a>
</li>
<li>
<a href="#">주소록 관리</a>
</li>
<li>
<a href="#">발송결과</a>
</li>
<li>
<a href="#">예약관리</a>
</li>
<li>
<a href="#">결제내역</a>
</li>
</ul>
<div class="s_menu">
<i class="allSearch_info">
<span>문자검색</span></i>
<button type="button" title="전체검색" class="allSearch" onclick="searchToggle();"><img src="/publish/images/search.png" alt="검색영역 열기" class="allMenu"></button>
<button type="button" title="전체메뉴"><img src="/publish/images/all_menu.png" alt="전체메뉴 열기"></button>
</div>
</div>
<!-- search popup 영역 -->
<div class="pop_search">
<div class="inner">
<div class="area_search">
<select name="" id="">
<option value="">그림문자</option>
<option value="">단문문자</option>
<option value="">장문문자</option>
<option value="">GIF</option>
</select>
<input type="text" placeholder="문자샘플 검색하기">
<button><img src="/publish/images/search02.png" alt=""></button>
</div>
<div class="area_popular">
<p>
<i></i>인기검색어</p>
<ul class="popular_tag">
<li>
<a href="#">#정월대보름</a>
</li>
<li class="on">
<a href="#">#추석</a>
</li>
<li>
<a href="#">#가을인사</a>
</li>
<li>
<a href="#">#좋은하루</a>
</li>
</ul>
</div>
<button class="btn_close" onclick="searchToggle();"><img src="/publish/images/btn_searchclose.png" alt=""></button>
</div>
</div>
<!--// search popup 영역 -->
</div>
<!--// header body 영역 -->
<div id="login" class="login">
<div class="inner table">
<div class="login_left table_cell">
<div class="login_put">
<label for="id_text" class="label"></label>
<input type="text" placeholder="아이디를 입력해주세요" id="id_text" class="id_text" maxlength="30" size="18">
<label for="password_text" class="label"></label>
<input type="password" placeholder="비밀번호를 입력해주세요" id="password_text" class="password_text" maxlength="30" size="18">
<label for="login_button" class="label"></label>
<button type="submit" class="login_button">로그인</button>
</div>
<div class="login_save">
<input type="checkbox" id="save_id">
<label for="save_id">아이디 저장</label>
</div>
<div class="login_find">
<a href="#">아이디찾기 /</a>
<a href="#">비밀번호 찾기</a>
</div>
<div>
<button type="button" class="btnType btnType2">회원가입</button>
<button type="button" class="btnType btnType3">둘러보기</button>
</div>
</div>
<div class="login_right">
<span>
<i></i>이달의 이벤트</span>
<button type="button" class="btnType btnType4">바로가기</button>
</div>
</div>
</div>
<!--// login 영역 -->
</header>
<!--// header 영역 -->
<!-- content 영역 -->
<div id="container" class="cont sub">
<div class="inner">
<div class="send_top">
<div class="serv_content fax_content current">
<div class="heading">
<h2>팩스전송</h2>
</div>
<div class="pay_tab_wrap">
<ul class="tabType1">
<li class="tab active">
<button type="button" onclick="contentTab(this,'1');">팩스전송</button>
</li>
<li class="tab">
<button type="button" onclick="contentTab(this,'2');">팩스전송내역</button>
</li>
</ul>
</div>
<!-- 팩스전송 -->
<div class="tab_content current" id="tab_content_1">
<div class="send_general">
<div class="send_left">
<table class="tType1">
<colgroup>
<col style="width: 100px;">
<col style="width: auto;">
</colgroup>
<tbody>
<tr>
<th scope="row">
<span class="essential">*</span> 전송제목
</th>
<td>
<input type="text" class="fax_title"><span class="reqTxt6"><span class="vMiddle">*</span> 제목은 전송결과관리용으로 발송내용에 표시되지 않음</span>
</td>
</tr>
<tr>
<th scope="row">
<span class="essential">*</span> 전송문서
</th>
<td>
<div class="file_add upload_area">
<p><img src="/publish/images/content/file_add.png" alt="">첨부파일을 넣어주세요</p>
<div class="cf_text_wrap">
<span>변환 가능 확장자</span><br>hwp, hwpml, doc, xls, ppt, pdf, txt, docx, xlsx, pptx, tif, htm, html, jpg, jpeg, gif, bmp, gul
</div>
</div>
<div class="file_add upload_area upload_table_wrap">
<table class="file_upload_table">
<colgroup>
<col style="width: auto;" />
<col style="width: 18%;" />
<col style="width: 30%;" />
<col style="width: 60px;" />
</colgroup>
<thead>
<tr>
<th class="tLeft">파일명</th>
<th>크기</th>
<th>등록일시</th>
<th>삭제</th>
</tr>
</thead>
<tbody>
<tr>
<td class="tLeft"><p>파일명파일명파일명파일명</p>.pptx</td>
<td>281.93kb</td>
<td>2023-03-20 14:16:17</td>
<td><button type="button" class="btn_file_del"><img src="/publish/images/content/del_img.png" alt="" /></button></td>
</tr>
</tbody>
</table>
</div>
<div class="file_right">
<button type="button" class="btnType btnType9">파일첨부</button>
<button type="button" class="btnType btnType7">미리보기</button>
<p><span class="c_002c9a fwBold">0</span></p>
</div>
</td>
</tr>
<tr>
<th scope="row">
<span class="essential">*</span> 받는사람
</th>
<td class="putText">
<div class="clearfix receipt_num">
<div class="receipt_num_top">
<input type="text" class="receipt_num_input" id="callTo" name="callTo" oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');" placeholder="번호를 입력하세요" onfocus="this.placeholder=''" onblur="this.placeholder='번호를 입력하세요'">
<button type="button" class="btnType btnType6 addCallToF">번호추가</button>
<span><span class="vMiddle">*</span> 중복번호는 한번만 발송됩니다.</span>
</div>
<div class="receipt_num_midde">
<div class="listType list01">
<div class="list_table list_head">
<div class="cb_wrap">
<label for="" class="label"></label>
<input type="checkbox">
</div>
<div class="list_table_num">
<p>팩스번호</p>
<img src="/publish/images/sortUp.png">
<img src="/publish/images/sortDown.png">
</div>
<div class="list_table_name">
<p>이름</p>
<img src="/publish/images/sortUp.png">
<img src="/publish/images/sortDown.png">
</div>
</div>
<div class="list_body_wrap">
<div class="list_table list_body">
<div class="cb_wrap">
<label for="" class="label"></label>
<input type="checkbox">
</div>
<div class="list_table_num">
<p>010-1234-5678</p>
</div>
<div class="list_table_name">
<p>홍길동</p>
</div>
</div>
<div class="list_table list_body">
<div class="cb_wrap">
<label for="" class="label"></label>
<input type="checkbox">
</div>
<div class="list_table_num">
<p>010-1234-5678</p>
</div>
<div class="list_table_name">
<p>홍길동</p>
</div>
</div>
<div class="list_table list_body">
<div class="cb_wrap">
<label for="" class="label"></label>
<input type="checkbox">
</div>
<div class="list_table_num">
<p>010-1234-5678</p>
</div>
<div class="list_table_name">
<p>홍길동</p>
</div>
</div>
<div class="list_table list_body">
<div class="cb_wrap">
<label for="" class="label"></label>
<input type="checkbox">
</div>
<div class="list_table_num">
<p>010-1234-5678</p>
</div>
<div class="list_table_name">
<p>홍길동</p>
</div>
</div>
<div class="list_table list_body">
<div class="cb_wrap">
<label for="" class="label"></label>
<input type="checkbox">
</div>
<div class="list_table_num">
<p>010-1234-5678</p>
</div>
<div class="list_table_name">
<p>홍길동</p>
</div>
</div>
<div class="list_table list_body">
<div class="cb_wrap">
<label for="" class="label"></label>
<input type="checkbox">
</div>
<div class="list_table_num">
<p>010-1234-5678</p>
</div>
<div class="list_table_name">
<p>홍길동</p>
</div>
</div>
<div class="list_table list_body">
<div class="cb_wrap">
<label for="" class="label"></label>
<input type="checkbox">
</div>
<div class="list_table_num">
<p>010-1234-5678</p>
</div>
<div class="list_table_name">
<p>홍길동</p>
</div>
</div>
<div class="list_table list_body">
<div class="cb_wrap">
<label for="" class="label"></label>
<input type="checkbox">
</div>
<div class="list_table_num">
<p>010-1234-5678</p>
</div>
<div class="list_table_name">
<p>홍길동</p>
</div>
</div>
<div class="list_table list_body">
<div class="cb_wrap">
<label for="" class="label"></label>
<input type="checkbox">
</div>
<div class="list_table_num">
<p>010-1234-5678</p>
</div>
<div class="list_table_name">
<p>홍길동</p>
</div>
</div>
<div class="list_table list_body">
<div class="cb_wrap">
<label for="" class="label"></label>
<input type="checkbox">
</div>
<div class="list_table_num">
<p>010-1234-5678</p>
</div>
<div class="list_table_name">
<p>홍길동</p>
</div>
</div>
</div>
</div>
<div class="put_right">
<div class="btn_popup_wrap spc_wrap">
<button type="button" data-tooltip="popup06" class="btnType btnType7 popupAddr">주소록 불러오기</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 check_validity">오류 검사 <i class="qmMark"></i></button>
<div class="error_hover_cont send_hover_cont">
<p>휴대폰 번호 입력 시 해당 휴대폰 번호에 대한 형식이 어긋나거나 휴대폰 번호에 오류가 있는지 등을 검사하는 기능</p>
<span>(예시) 010-1234-0001(O) / 010-123-0001(X)</span>
</div>
</div>
</div>
</div>
<div class="list_bottom clearfix">
<div class="remove_btnWrap">
<button type="button" class="btnType15 all_del"><i class="remove_img"></i>전체삭제</button>
<button type="button" class="btnType15 select_del"><i class="remove_img"></i>선택삭제</button>
</div>
<div class="list_bottom_right">
<p><span class="c_e40000" id="rowTotCnt">0</span>건 / 중복 <span class="c_002c9a" id="rowDupCnt">0</span></p>
<button type="button" class="address_reg2 addressregi_btn">주소록에 등록</button>
</div>
</div>
</div>
</td>
</tr>
<tr>
<th colspan="2">
<div class="final_wrap">
<div class="final_pay_wrap">
<div class="final_pay">
<div class="pay_info_list">
<p>발송금액 :</p>
</div>
<p class="price"><span id="repPriceTxt"></span><span id="totalPriceTxt">0</span><span></span></p>
</div>
<div class="pay_type clearfix">
<div>
<input type="radio" id="radio_bill_1" name="radio_bill" checked="checked">
<label for="radio_bill_1">보유잔액</label>
<label for="userMoney" class="label">보유잔액</label>
<input type="text" id="userMoney" name="userMoney" value="0" readonly="">
<span class="won"></span>
<button type="button" class="btnType btnType21" onclick="location.href='/web/member/pay/PayView.do'">충전</button>
</div>
<div>
<button type="button" class="btnType btnType11">발송하기</button>
</div>
</div>
</div>
<!-- <div class="send_rev">
<div class="send_content">
<div class="send_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="send_button">
<button type="button" class="btnType btnType11">발송하기</button>
</div>
<div class="rev_selected">
<div class="rev_top">
<span>날짜 :</span>
<div class="calendar_wrap">
<input type="text">
</div>
<div class="selBox">
<select class="selType1" id="msgResHour" name="msgResHour">
<option value="00">00시</option>
<option value="01">01시</option>
<option value="02">02시</option>
<option value="03">03시</option>
<option value="04">04시</option>
<option value="05">05시</option>
<option value="06">06시</option>
<option value="07">07시</option>
<option value="08">08시</option>
<option value="09">09시</option>
<option value="10">10시</option>
<option value="11">11시</option>
<option value="12">12시</option>
<option value="13">13시</option>
<option value="14">14시</option>
<option value="15">15시</option>
<option value="16">16시</option>
<option value="17">17시</option>
<option value="18">18시</option>
<option value="19">19시</option>
<option value="20">20시</option>
<option value="21">21시</option>
<option value="22">22시</option>
<option value="23">23시</option>
<option value="24">24시</option>
</select>
<select class="selType1" id="msgResMin" name="msgResMin">
<option value="00">00분</option>
<option value="05">05분</option>
<option value="10">10분</option>
<option value="15">15분</option>
<option value="20">20분</option>
<option value="25">25분</option>
<option value="30">30분</option>
<option value="35">35분</option>
<option value="40">40분</option>
<option value="45">45분</option>
<option value="50">50분</option>
<option value="55">55분</option>
</select>
</div>
</div>
<div class="send_bottom">
<input type="checkbox">
<label for="">분할전송</label>
<select class="selType1">
<option value="2">2</option>
<option value="10">10</option>
<option value="20">20</option>
<option value="30">30</option>
</select>
<label>건</label>
<select class="selType1">
<option value="5">05분</option>
<option value="10">10분</option>
<option value="15">15분</option>
<option value="20">20분</option>
<option value="30">30분</option>
</select>
<label>간격</label>
</div>
</div>
</div>
</div> -->
</div>
</th>
</tr>
</tbody>
</table>
</div>
<div class="send_info_fax">
<p class="fax_title"><i></i>팩스광고 필수 표시 의무사항</p>
<div class="fax_content">
<img src="/publish/images/content/fax_ex.png" alt="">
<ul>
<li>
<p class="num_title">01</p>
<p>
<b>팩스 시작 부분에 (광고) 문구 표기</b>
(광/고), (광 고), [광고], (00광고) 등과 같이 변칙 표기 금지
<span class="fs14 c_e40000">※ 팩스 본문에 전송자 명칭, 전자우편주소, 전화번호, 주소 등 연락처 표기</span>
</p>
</li>
<li>
<p class="num_title">02</p>
<p>
<b>최대 글자의 1/3 이상의 크기로 무료거부 080번호 표기</b>
수신거부, 수신동의의 철회방식을 최대 글자 3분의1 크기 이상으로 표기, 또한 수신자가 비용을 부담하지 아니한다는 것
<span class="fs14 c_e40000">※ 팩스무료거부080번호는 별도로 운영 관리</span>
<span class="fs14 c_e40000">※ 수신거부를 받은 경우 14일 이내 처리 통지</span>
</p>
</li>
<li>
<a href="#"><i></i>
<p>정보통신망 이용촉진 및 정보보호 등에 관한 법률전문 보기 (시행 2014.11.29)</p>
</a>
<a href="#"><i></i>
<p>불법 스팸방지를 위한 정보통신망법 안내서 (2014.11)</p>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- //팩스전송 -->
<!-- 팩스전송내역 -->
<div class="tab_content current" id="tab_content_2">
<div class="list_info">
<input type="hidden" id="tdType" value="groupList">
<p><span class="c_e40000">5</span></p>
<div>
<p class="cf_text c_e40000">* 전송시간을 클릭하시면 상세내역을 조회하실 수 있습니다.</p>
<label for="pageUnit" class="label">줄보기 선택</label>
<select id="pageUnit" name="pageUnit" class="selType2">
<option value="10" selected="">10개보기</option>
<option value="20">20개보기</option>
<option value="30">30개보기</option>
</select>
</div>
</div>
<div class="tb_wrap">
<table class="tType4">
<colgroup>
<col style="width: 50px;">
<col style="width: auto;">
<col style="width: 15%;">
<col style="width: 9%;">
<col style="width: 8%;">
<col style="width: 6%;">
<col style="width: 6%;">
<col style="width: 6%;">
<col style="width: 6%;">
<col style="width: 10%;">
<col style="width: 10%;">
</colgroup>
<thead>
<tr>
<th rowspan="2">
<input type="checkbox">
</th>
<th rowspan="2">제목
<div class="sort_wrap">
<input type="button" class="sort sortBtn">
</div>
</th>
<th rowspan="2">전송시간
<div class="sort_wrap">
<input type="button" class="sort sortBtn">
</div>
</th>
<th rowspan="2">문서 쪽수
<div class="sort_wrap">
<input type="button" class="sort sortBtn">
</div>
</th>
<th rowspan="2">발송 수
<div class="sort_wrap">
<input type="button" class="sort sortBtn">
</div>
</th>
<th colspan="4">발송결과 건수</th>
<th rowspan="2">발송금액
<div class="sort_wrap">
<input type="button" class="sort sortBtn">
</div>
</th>
<th rowspan="2">환불금액
<div class="sort_wrap">
<input type="button" class="sort sortBtn">
</div>
</th>
</tr>
<tr>
<th>성공</th>
<th>대기</th>
<th>실패</th>
<th style="border-right: 1px solid #d5d5d5;">
기타 <i class="qmMark"></i>
<ul class="send_hover_cont on">
<li>- 수신인에 의해 수신 거부된 경우</li>
<li> - “전화 광고 차단” 리스트 회원의 경우</li>
<li>- 지속적인 실패로 인한 수신차단의 경우<br>(사서함 찾을 수 없는 경우)</li>
<li> - “이메일 광고 차단” 리스트 회원의 경우</li>
</ul>
</th>
</tr>
</thead>
<tbody>
<tr>
<td><input type="checkbox"></td>
<td>6월 여름 할인 이벤트 행사</td>
<td><a href="#">2021-06-02, 14:30:00</a></td>
<td>1</td>
<td>100</td>
<td>
<p class="c_002c9a">45</p>
</td>
<td>
<p class="c_222">5</p>
</td>
<td>
<p class="c_e40000">45</p>
</td>
<td>
<p class="c_e40000">5</p>
</td>
<td>60</td>
<td>
<p class="c_e40000">60</p>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- //팩스전송내역 -->
</div>
</div>
</div>
</div>
<!--// content 영역 -->
</body>
</html>