mjon_git/src/main/webapp/publish/fax_send.html
2025-05-07 10:09:38 +09:00

1293 lines
50 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>
<!-- 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 adr_layer popup02" tabindex="0" data-tooltip-con="popup02" data-focus="popup02" data-focus-prev="popup02-close" style="width:1000px">
<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 execl_upload_layer" style="padding: 25px 30px;">
<!-- 엑셀입력 -->
<div class="popCont current pop_more_cont" id="popCont_1">
<div class="titBox">
<p>- 주소록은 한 번에 최대 30만건까지 등록(EXCEL파일, 최대용량 20MB) 가능합니다. </p>
<p>- 엑셀 파일에 비밀번호 설정, 제한된 보기, 수식 등이 설정되어 있는 경우 업로드가 불가합니다.</p>
<p>- 구분선(|), 역슬래시(, ₩), 큰따옴표("), 이모지(이모티콘) 등 발송불가 특수문자는 저장되지 않습니다.</p>
<p>- 이름 200byte, [*1*]~[*4*] 200byte, 메모 250byte까지 입력 가능합니다.</p>
<p>- 주소록 등록이 어려우신 경우에는 <a href="/web/mjon/addragency/selectAddrAgencyList.do" style="font-weight: bold; color: blue;">주소록 입력대행</a> 메뉴를 이용하실 수 있습니다. </p>
</div>
<div class="pop_more_wrap">
<button type="button" class="pop_more" onclick="popMore(this);">더보기<i></i></button>
</div>
</div>
<!--// 엑셀입력 -->
<!-- 공통 -->
<div>
<table class="layer_tType1">
<caption>엑셀입력 표</caption>
<colgroup>
<col style="width: 95px">
<col style="width: auto">
</colgroup>
<tbody>
<tr>
<td colspan="2" style="padding:10px 0;">
<div class="file_upload_wrap" style="width:100%;display:flex;">
<div class="file_add upload_area">
<p><img src="/publish/images/content/file_add.png" alt="파일 붙여넣기">마우스로 엑셀, TXT파일을 여기에 끌어다 놓으세요</p>
</div>
<input type="file" id="excelFile" accept=".xls, .xlsx, .txt" style="display:none">
<button type="button" class="excel_btn2 btnType c3"><i class="uproad"></i>엑셀, TXT파일 업로드</button>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="excel_middle2">
<p>
<span class="c_e40000 fwBold" id="excelRowTotCnt">0</span>
/ 중복 <span class="c_002c9a fwBold" id="excelRowDupCnt">0</span>
/ 오류 <span class="c_002c9a fwBold" id="excelRowErrorCnt">0</span>
<button type="button" class="btn_list_detail" data-tooltip="adr_popup14"><img src="/publish/images/search.png"></button>
</p>
</div>
<div class="adr_excel" style="margin-top: 13px; overflow-x:auto;">
<!-- thead -->
<div class="adr_hd select_adr_hd msg" data-group="tableExcel">
<div style="width: 43px;"></div>
<div style="width: 50px;"></div>
<div style="width: 140px;">
<label for="" class="label"></label>
<select class="field-selector">
<option value="">선택하기</option>
<option value="addrNm">이름</option>
<option value="addrPhoneNo">휴대폰</option>
<option value="addrInfo1">[*1*]</option>
<option value="addrInfo2">[*2*]</option>
<option value="addrInfo3">[*3*]</option>
<option value="addrInfo4">[*4*]</option>
</select>
</div>
<div style="width: 140px;">
<label for="" class="label"></label>
<select class="field-selector">
<option value="">선택하기</option>
<option value="addrNm">이름</option>
<option value="addrPhoneNo">휴대폰</option>
<option value="addrInfo1">[*1*]</option>
<option value="addrInfo2">[*2*]</option>
<option value="addrInfo3">[*3*]</option>
<option value="addrInfo4">[*4*]</option>
</select>
</div>
<div style="width: 140px;">
<label for="" class="label"></label>
<select class="field-selector">
<option value="">선택하기</option>
<option value="addrNm">이름</option>
<option value="addrPhoneNo">휴대폰</option>
<option value="addrInfo1">[*1*]</option>
<option value="addrInfo2">[*2*]</option>
<option value="addrInfo3">[*3*]</option>
<option value="addrInfo4">[*4*]</option>
</select>
</div>
<div style="width: 140px;">
<label for="" class="label"></label>
<select class="field-selector">
<option value="">선택하기</option>
<option value="addrNm">이름</option>
<option value="addrPhoneNo">휴대폰</option>
<option value="addrInfo1">[*1*]</option>
<option value="addrInfo2">[*2*]</option>
<option value="addrInfo3">[*3*]</option>
<option value="addrInfo4">[*4*]</option>
</select>
</div>
<div style="width: 140px;">
<label for="" class="label"></label>
<select class="field-selector">
<option value="">선택하기</option>
<option value="addrNm">이름</option>
<option value="addrPhoneNo">휴대폰</option>
<option value="addrInfo1">[*1*]</option>
<option value="addrInfo2">[*2*]</option>
<option value="addrInfo3">[*3*]</option>
<option value="addrInfo4">[*4*]</option>
</select>
</div>
<div style="width: 140px;">
<label for="" class="label"></label>
<select class="field-selector">
<option value="">선택하기</option>
<option value="addrNm">이름</option>
<option value="addrPhoneNo">휴대폰</option>
<option value="addrInfo1">[*1*]</option>
<option value="addrInfo2">[*2*]</option>
<option value="addrInfo3">[*3*]</option>
<option value="addrInfo4">[*4*]</option>
</select>
</div>
</div>
</div>
<div class="drag_drop_wrap callList_includ_box tabulator" id="tabulator_excel" role="grid" tabulator-layout="fitColumns" style="height: 255px;">
</div>
<div class="excel_middle">
<div class="select_btnWrap clearfix">
<div>
<button type="button" id="allDel"><i class="remove_img"></i>전체삭제</button>
<button type="button" id="in_select_del"><i class="remove_img"></i>선택삭제</button>
</div>
</div>
</div>
<div class="popup_btn_wrap2" style="margin: 0 auto 30px auto;">
<button type="button" id="btnAddrMassReg">추가</button>
<button type="button" id="btnAddrMassClose" class="tooltip-close" data-focus="adr_popup01-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>
<!--// 주소록 불러오기 -->
<div data-include-path="/publish/layout/_header.html"></div>
<!-- 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,
<br>pptx, tif, 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>
<p class="num_title">03</p>
<p>
<b>광고팩스 전송시간 : 08:00~21:00</b>
<span class="fs14 c_e40000">※21:00 이후 광고팩스 전송 불가</span>
</p>
</li>
<li>
<a href="#"><i></i>
<p>정보통신망 이용촉진 및 정보보호 등에 관한 법률전문 보기 (시행 2024.8.14)</p>
</a>
<a href="#"><i></i>
<p>불법 스팸방지를 위한 정보통신망법 안내서 (2024.3)</p>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- //팩스전송 -->
<!-- 팩스전송내역 -->
<div class="tab_content" 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 영역 -->
<!-- footer -->
<div data-include-path="/publish/layout/_footer.html"></div>
<!--// footer 영역 -->
</body>
</html>