1363 lines
83 KiB
HTML
1363 lines
83 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="ko">
|
||
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
<title>문자온_주소록관리_팩스 주소록 관리</title>
|
||
|
||
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap" rel="stylesheet">
|
||
<link rel="stylesheet" href="/publish/css/reset.css">
|
||
<link rel="stylesheet" href="/publish/css/jquery.mCustomScrollbar.css">
|
||
<link rel="stylesheet" href="/publish/css/common.css">
|
||
<link rel="stylesheet" href="/publish/css/button.css">
|
||
<link rel="stylesheet" href="/publish/css/content.css">
|
||
<link rel="stylesheet" href="/publish/css/adrbook.css">
|
||
<link rel="stylesheet" href="/publish/css/font.css">
|
||
<link rel="stylesheet" href="/publish/css/popupLayer.css">
|
||
|
||
|
||
<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>
|
||
|
||
<script>
|
||
function popMore(e){
|
||
$(e).closest(".pop_more_cont").toggleClass("pop_more_click");
|
||
|
||
if($(e).closest(".pop_more_cont").is(".pop_more_click")){
|
||
$(e).html('숨기기');
|
||
$(e).append('<i></i>');
|
||
}else {
|
||
$(e).html('더보기');
|
||
$(e).append('<i></i>');
|
||
}
|
||
}
|
||
</script>
|
||
|
||
</head>
|
||
|
||
<body>
|
||
<div class="mask"></div>
|
||
<!-- 주소록 대량등록 팝업 data-tooltip:adr_popup01 -->
|
||
<div class="tooltip-wrap">
|
||
<div class="popup-com adr_layer adr_popup01 fax_adr_layer01" tabindex="0" data-tooltip-con="adr_popup01" data-focus="adr_popup01" data-focus-prev="adr_popup01-close" style="width: 1000px;">
|
||
<div class="popup_heading">
|
||
<p>주소록 대량등록</p>
|
||
<button type="button" class="tooltip-close" data-focus="adr_popup01-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
|
||
</div>
|
||
<div class="layer_in" style="min-height: 700px; padding: 25px 30px;">
|
||
<div class="list_tab_wrap2">
|
||
<!-- tab button -->
|
||
<ul class="list_tab">
|
||
<li class="tab active"><button type="button" onclick="popupTab(this,'1');">엑셀입력</button></li>
|
||
<li class="tab"><button type="button" onclick="popupTab(this,'2');">붙여넣기</button></li>
|
||
</ul>
|
||
<!--// tab button -->
|
||
</div>
|
||
<!-- 엑셀입력 -->
|
||
<div class="popCont current pop_more_cont" id="popCont_1">
|
||
<div class="titBox">
|
||
<p>- 엑셀(EXCEL) 파일로 주소록을 한 번에 최대 2만건까지 등록하여 간편하게 발송 및 관리하실 수 있습니다.</p>
|
||
<p>- 반드시 샘플파일을 다운로드하여 작성방법을 확인하신 후 정해진 양식에 맞추어 주소록을 작성하셔야 합니다.</p>
|
||
<p> ※ 주소록 관리 메뉴에서 다운로드 받으신 엑셀 파일 또한 업로드 양식에 맞추어 작성하셔야 하며,</p>
|
||
<p> 주소록에 이미 등록된 팩스 번호는 업데이트 되지 않으므로 기존 주소록에서 해당 휴대폰 번호를 삭제한 후 재등록해 주시기 바랍니다.</p>
|
||
<p>- 쉼표(,), 구분선(|), 역슬래시(＼, ￦), 작은따옴표('), 큰따옴표(") 등 발송불가 특수문자는 저장되지 않습니다.</p>
|
||
<p>- 팩스 번호는 필수입력 항목입니다.</p>
|
||
<p>- 팩스 번호 형태는 032-1234-5678 또는 03212345678 모두 가능합니다. 단, 공백은 허용되지 않습니다.</p>
|
||
<p>- 엑셀 파일에 비밀번호 설정, 제한된 보기, 수식 등이 설정되어 있는 경우 업로드가 불가합니다.</p>
|
||
<p>- 이름 20byte, 메모 250byte까지 입력 가능합니다.</p>
|
||
<p>- 첨부가능 파일 : xlsx, xls(최대용량 3MB)</p>
|
||
<p>- ‘오류 검사’를 통해 등록된 데이터에 팩스 번호 입력 오류를 확인하실 수 있습니다.</p>
|
||
<p>- 주소록 등록이 어려우신 경우에는 주소록 입력대행 메뉴를 이용하시면 됩니다.</p>
|
||
<button type="button" class="excel_btn"><i class="downroad"></i>샘플파일 다운로드</button>
|
||
</div>
|
||
<div class="pop_more_wrap">
|
||
<button type="button" class="pop_more" onclick="popMore(this);">더보기<i></i></button>
|
||
</div>
|
||
<table class="layer_tType1">
|
||
<caption>엑셀입력 표</caption>
|
||
<colgroup>
|
||
<col style="width: 95px">
|
||
<col style="width: auto">
|
||
</colgroup>
|
||
<tbody>
|
||
<tr>
|
||
<th>그룹 선택</th>
|
||
<td>
|
||
<label for="" class="label">그룹 선택</label>
|
||
<select id="">
|
||
<option>그룹추가</option>
|
||
<option>그룹a</option>
|
||
<option>그룹b</option>
|
||
</select>
|
||
<label for="" class="label">성명 입력</label>
|
||
<input type="text" placeholder="새 그룹명을 입력해주세요." onfocus="this.placeholder=''" onblur="this.placeholder='새 그룹명을 입력해주세요.'" class="inputLight" style="width: 300px;">
|
||
<button type="button" class="excel_btn2 btnType"><i class="uproad"></i>엑셀파일 업로드</button>
|
||
</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
<div class="file_add">
|
||
<p><img src="/publish/images/content/file_add.png" alt="파일 붙여넣기">엑셀 파일을 여기에 끌어다 놓으세요</p>
|
||
</div>
|
||
<div class="list_info">
|
||
<p>총 <span class="c_e40000">171</span>건 / 중복 <span class="c_002c9a">9</span>건</p>
|
||
<div>
|
||
<label for="" class="label">카테고리 선택</label>
|
||
<label for="" class="label">줄보기 선택</label>
|
||
<select id="" class="selType2">
|
||
<option>10개보기</option>
|
||
<option>20개보기</option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
<!-- table -->
|
||
<div class="adr_excel">
|
||
<!-- 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>
|
||
<!-- tbody -->
|
||
<div class="adr_bd_wrap">
|
||
<div class="adr_bd">
|
||
<div>
|
||
<label for="" class="label">한 줄 선택</label>
|
||
<input type="checkbox">
|
||
</div>
|
||
<div>1</div>
|
||
<div>홍길동</div>
|
||
<div>010-1234-5678</div>
|
||
</div>
|
||
<div class="adr_bd error">
|
||
<div>
|
||
<label for="" class="label">한 줄 선택</label>
|
||
<input type="checkbox">
|
||
</div>
|
||
<div>2</div>
|
||
<div>홍길동</div>
|
||
<div>010-1234-5678</div>
|
||
</div>
|
||
<div class="adr_bd">
|
||
<div>
|
||
<label for="" class="label">한 줄 선택</label>
|
||
<input type="checkbox">
|
||
</div>
|
||
<div>3</div>
|
||
<div>홍길동</div>
|
||
<div>010-1234-5678</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!--// table -->
|
||
<div class="adr_excel_btn">
|
||
<button type="button" class="btnType btnType15"><i class="remove_img"></i>선택삭제</button>
|
||
<button type="button" class="btnType btnType15"><i class="remove_img"></i>중복삭제</button>
|
||
<button type="button" class="btnType btnType3">오류검사</button>
|
||
</div>
|
||
<!-- 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>
|
||
<!--// 엑셀입력 -->
|
||
<!-- 붙여넣기 -->
|
||
<div class="popCont pop_more_cont" id="popCont_2">
|
||
<div class="titBox">
|
||
<p>- 텍스트(txt) 파일로 작성된 주소록을 등록하실 수 있습니다.</p>
|
||
<p>- 반드시 샘플파일을 다운로드하여 작성방법을 확인하신 후 정해진 양식에 맞추어 주소록을 붙여 넣으셔야 합니다.</p>
|
||
<p>- 입력 내용은 (Tab) 또는 (,) 구분하여 입력하여야 합니다.</p>
|
||
<p>- 한 줄(열)에 주소 한 건만 입력 가능합니다.</p>
|
||
<p>- 팩스 번호 형태는 032-1234-5678 또는 03212345678 모두 가능합니다. 단, 공백은 허용되지 않습니다.</p>
|
||
<p> (예) 홍길동,032-1234-5678 또는 홍길동,03212345678</p>
|
||
<p>- 한번에 많은 양의 데이터를 입력하시려면 ‘주소록 복사(Ctrl+c) + 붙여넣기(Ctrl+v)’ 또는 ‘엑셀입력’을 이용하세요.</p>
|
||
<p>- 주소록 등록이 어려우신 경우에는 주소록 입력대행 메뉴를 이용하시면 됩니다.</p>
|
||
<button type="button" class="txt_btn"><i></i>TXT샘플 다운로드</button>
|
||
</div>
|
||
<div class="pop_more_wrap">
|
||
<button type="button" class="pop_more" onclick="popMore(this);">더보기<i></i></button>
|
||
</div>
|
||
<!-- table -->
|
||
<table class="layer_tType1">
|
||
<caption>붙여넣기 표</caption>
|
||
<colgroup>
|
||
<col style="width: 95px">
|
||
<col style="width: auto">
|
||
</colgroup>
|
||
<tbody>
|
||
<tr>
|
||
<th>그룹 선택</th>
|
||
<td>
|
||
<label for="" class="label">그룹 선택</label>
|
||
<select id="">
|
||
<option>그룹미지정</option>
|
||
<option>그룹a</option>
|
||
<option>그룹b</option>
|
||
</select>
|
||
</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
<!-- table -->
|
||
<div class="excel_middle2" style="margin: 0 0 10px 0;">
|
||
<p>
|
||
총 <span class="c_e40000 fwBold" id="rowTotCnt">0</span>건 / 중복 <span class="c_002c9a fwBold" id="rowDupCnt">0</span>건
|
||
|
||
<button type="button" class="btnType btnType6" data-tooltip="addrMassDupli_layer" onclick="GetAddrMassDupli()" id="btnAddrMassDupli" style="display: none;">중복번호</button>
|
||
|
||
<button type="button" class="btnType btnType6" data-tooltip="addrMassSaveDupli_layer" onclick="GetAddrMassSaveDupli()" id="btnAddrMassSaveDupli" style="display: none;">중복번호</button>
|
||
</p>
|
||
<button type="button" class="btnType btnType6 addCallToF">번호추가</button>
|
||
</div>
|
||
<div class="adr_excel">
|
||
<!-- 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>
|
||
<!-- tbody -->
|
||
<div class="adr_bd_wrap">
|
||
<div class="adr_bd">
|
||
<div>
|
||
<label for="" class="label">한 줄 선택</label>
|
||
<input type="checkbox">
|
||
</div>
|
||
<div>1</div>
|
||
<div>홍길동</div>
|
||
<div>010-1234-5678</div>
|
||
</div>
|
||
<div class="adr_bd error">
|
||
<div>
|
||
<label for="" class="label">한 줄 선택</label>
|
||
<input type="checkbox">
|
||
</div>
|
||
<div>2</div>
|
||
<div>홍길동</div>
|
||
<div>010-1234-5678</div>
|
||
</div>
|
||
<div class="adr_bd">
|
||
<div>
|
||
<label for="" class="label">한 줄 선택</label>
|
||
<input type="checkbox">
|
||
</div>
|
||
<div>3</div>
|
||
<div>홍길동</div>
|
||
<div>010-1234-5678</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!--// table -->
|
||
<div class="excel_middle">
|
||
<div class="select_btnWrap clearfix">
|
||
<div>
|
||
<button type="button" class="all_del"><i class="remove_img"></i>전체삭제</button>
|
||
<button type="button" class="select_del"><i class="remove_img"></i>선택삭제</button>
|
||
<button type="button" class="chkVali_del"><i class="remove_img"></i>오류번호삭제</button>
|
||
<button type="button" class="check_validity">오류 검사 <i></i></button>
|
||
<div class="error_hover_cont send_hover_cont addr_hover_cont">
|
||
<p>휴대폰 번호 입력 시 해당 휴대폰 번호에 대한 형식이 어긋나거나 휴대폰 번호에 오류가 있는지 등을 검사하는 기능</p>
|
||
<span>(예시) 010-1234-0001(O) / 010-123-0001(X)</span>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
<!-- pagination -->
|
||
<ul class="pagination" style="margin: 30px 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><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 class="req_area">
|
||
<textarea placeholder="- 팩스 번호가 입력된 txt 파일을 열어 복사(Ctrl+c) + 붙여넣기(Ctrl+v)로도 입력하실 수 있습니다. - 팩스 번호는 필수입력 항목입니다. - 이름,팩스 번호,메모 순서대로 입력해주세요.(예 : 홍길동, 032-1234-5678, 메모) - 이름은 24byte, 메모는 250byte까지 입력 가능합니다. - '오류 검사'를 통해 등록된 데이터에 팩스 번호 입력 오류를 확인하실 수 있습니다."></textarea>
|
||
</div>
|
||
</div>
|
||
<!--// 붙여넣기 -->
|
||
</div>
|
||
<div class="popup_btn_wrap2">
|
||
<button type="button">등록</button>
|
||
<button type="button" class="tooltip-close" data-focus="adr_popup01-close" data-focus-next="popup02">닫기</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!--// 주소록 대량등록 팝업 -->
|
||
|
||
<!-- 그룹 합치기 팝업 data-tooltip:adr_popup02 -->
|
||
<div class="tooltip-wrap">
|
||
<div class="popup-com adr_layer adr_popup02" tabindex="0" data-tooltip-con="adr_popup02" data-focus="adr_popup02" data-focus-prev="adr_popup02-close" style="width: 510px;">
|
||
<div class="popup_heading">
|
||
<p>그룹 합치기</p>
|
||
<button type="button" class="tooltip-close" data-focus="adr_popup02-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
|
||
</div>
|
||
<div class="layer_in">
|
||
<div class="gorup_join_cont">
|
||
<div class="select_group">
|
||
<p>선택그룹</p>
|
||
<ul>
|
||
<li>친구 [<span>80</span>명]<button type="button"><img src="/publish/images/content/close_btn.png" alt="선택 그룹 취소"></button></li>
|
||
<li>직장 [<span>50</span>명]<button type="button"><img src="/publish/images/content/close_btn.png" alt="선택 그룹 취소"></button></li>
|
||
<li>거래 [<span>10</span>명]<button type="button"><img src="/publish/images/content/close_btn.png" alt="선택 그룹 취소"></button></li>
|
||
</ul>
|
||
</div>
|
||
<div class="group_input">
|
||
<div class="input_left">그룹이름</div>
|
||
<div class="input_right">
|
||
<label for="" class="label">새 그룹명 입력</label>
|
||
<input type="text" placeholder="새 그룹명 입력" onfocus="this.placeholder=''" onblur="this.placeholder='새 그룹명 입력'" class="inputLight">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="popup_btn_wrap2">
|
||
<button type="button">저장</button>
|
||
<button type="button" class="tooltip-close" data-focus="adr_popup02-close" data-focus-next="adr_popup02">취소</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!--// 그룹 합치기 팝업 -->
|
||
|
||
<!-- 주소록 내보내기 팝업 data-tooltip:adr_popup03 -->
|
||
<div class="tooltip-wrap">
|
||
<div class="popup-com adr_layer adr_popup03" tabindex="0" data-tooltip-con="adr_popup03" data-focus="adr_popup03" data-focus-prev="adr_popup03-close" style="width: 510px;">
|
||
<div class="popup_heading">
|
||
<p>주소록 내보내기</p>
|
||
<button type="button" class="tooltip-close" data-focus="adr_popup03-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
|
||
</div>
|
||
<div class="layer_in">
|
||
<p class="adr_pop_title"><span class="c_222">hong1234</span>님께 <span class="c_e40000">총 5개의 주소록</span>을 전송하겠습니까?</p>
|
||
<div class="gorup_join_cont">
|
||
<div class="select_group">
|
||
<p>선택그룹</p>
|
||
<ul>
|
||
<li>친구[<span>80</span>명]<button type="button"><img src="/publish/images/content/close_btn.png" alt="선택 그룹 취소"></button></li>
|
||
<li>직장[<span>50</span>명]<button type="button"><img src="/publish/images/content/close_btn.png" alt="선택 그룹 취소"></button></li>
|
||
<li>거래[<span>10</span>명]<button type="button"><img src="/publish/images/content/close_btn.png" alt="선택 그룹 취소"></button></li>
|
||
<li>가족[<span>20</span>명]<button type="button"><img src="/publish/images/content/close_btn.png" alt="선택 그룹 취소"></button></li>
|
||
<li>연구소[<span>20</span>명]<button type="button"><img src="/publish/images/content/close_btn.png" alt="선택 그룹 취소"></button></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="popup_btn_wrap2">
|
||
<button type="button">확인</button>
|
||
<button type="button" class="tooltip-close" data-focus="adr_popup03-close" data-focus-next="adr_popup03">취소</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!--// 주소록 내보내기 팝업 -->
|
||
|
||
<!-- 주소록 내보내기(결과) 팝업 data-tooltip:adr_popup04 -->
|
||
<div class="tooltip-wrap">
|
||
<div class="popup-com adr_layer adr_popup04" tabindex="0" data-tooltip-con="adr_popup04" data-focus="adr_popup04" data-focus-prev="adr_popup04-close" style="width: 510px;">
|
||
<div class="popup_heading">
|
||
<p>주소록 내보내기</p>
|
||
<button type="button" class="tooltip-close" data-focus="adr_popup04-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
|
||
</div>
|
||
<div class="layer_in">
|
||
<p class="adr_pop_title"><span class="c_222">hong1234</span>님께 <span class="c_e40000">총 5개의 주소록</span>을 전송하였습니다</p>
|
||
<div class="gorup_join_cont">
|
||
<div class="select_group2">
|
||
<ul>
|
||
<li>
|
||
친구[<span>80</span>명]
|
||
<p>전송완료</p>
|
||
</li>
|
||
<li>
|
||
거래처[<span>10</span>명]
|
||
<p>전송완료</p>
|
||
</li>
|
||
<li>
|
||
으라차차 등산 모임[<span>20</span>명]
|
||
<p>전송완료</p>
|
||
</li>
|
||
<li>
|
||
서울, 경기, 인천 지사[<span>15</span>명]
|
||
<p>전송완료</p>
|
||
</li>
|
||
<li>
|
||
가족[<span>5</span>명]
|
||
<p>전송완료</p>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<p class="select_group_info">※ 발신된 주소록은 10일 이내 수신해야 합니다.</p>
|
||
</div>
|
||
<div class="popup_btn_wrap2">
|
||
<button type="button">확인</button>
|
||
<button type="button" class="tooltip-close" data-focus="adr_popup04-close" data-focus-next="adr_popup04">취소</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!--// 주소록 내보내기(결과) 팝업 -->
|
||
|
||
<!-- 주소록 수신 팝업 data-tooltip:adr_popup05 -->
|
||
<div class="tooltip-wrap">
|
||
<div class="popup-com adr_layer adr_popup05" tabindex="0" data-tooltip-con="adr_popup05" data-focus="adr_popup05" data-focus-prev="adr_popup05-close" style="width: 600px; height: 575px;">
|
||
<div class="popup_heading">
|
||
<p>주소록 수신</p>
|
||
<button type="button" class="tooltip-close" data-focus="adr_popup05-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">rowin</span>님께 다음과 같이 주소록을 전송하였습니다.<br>
|
||
주소 등록을 원하시는 <span class="c_002c9a">그룹 선택 후 수신 버튼</span>을 눌러주시기 바랍니다.</p>
|
||
<div>
|
||
<div class="list_info">
|
||
<p>총 <span class="c_e40000">135</span>건</p>
|
||
</div>
|
||
<div class="tb_wrap">
|
||
<table class="tType4">
|
||
<colgroup>
|
||
<col style="width: 40px;">
|
||
<col style="width: 40%;">
|
||
<col style="width: auto;">
|
||
</colgroup>
|
||
<thead>
|
||
<tr>
|
||
<th>
|
||
<label for="" class="label">전체 선택</label>
|
||
<input type="checkbox">
|
||
</th>
|
||
<th>
|
||
전송일
|
||
<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>
|
||
</th>
|
||
<th>
|
||
주소록명
|
||
<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>
|
||
</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td>
|
||
<label for="" class="label">한 줄 전체 선택</label>
|
||
<input type="checkbox">
|
||
</td>
|
||
<td>
|
||
<p>2021-04-16, 15:00:20</p>
|
||
</td>
|
||
<td>
|
||
<p>거래처3[<span class="c_002c9a">10</span>명]</p>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td>
|
||
<label for="" class="label">한 줄 전체 선택</label>
|
||
<input type="checkbox">
|
||
</td>
|
||
<td>
|
||
<p>2021-04-16, 15:00:20</p>
|
||
</td>
|
||
<td>
|
||
<p>거래처3[<span class="c_002c9a">10</span>명]</p>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td>
|
||
<label for="" class="label">한 줄 전체 선택</label>
|
||
<input type="checkbox">
|
||
</td>
|
||
<td>
|
||
<p>2021-04-16, 15:00:20</p>
|
||
</td>
|
||
<td>
|
||
<p>거래처3[<span class="c_002c9a">10</span>명]</p>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td>
|
||
<label for="" class="label">한 줄 전체 선택</label>
|
||
<input type="checkbox">
|
||
</td>
|
||
<td>
|
||
<p>2021-04-16, 15:00:20</p>
|
||
</td>
|
||
<td>
|
||
<p>거래처3[<span class="c_002c9a">10</span>명]</p>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td>
|
||
<label for="" class="label">한 줄 전체 선택</label>
|
||
<input type="checkbox">
|
||
</td>
|
||
<td>
|
||
<p>2021-04-16, 15:00:20</p>
|
||
</td>
|
||
<td>
|
||
<p>거래처3[<span class="c_002c9a">10</span>명]</p>
|
||
</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
<!-- 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 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 class="popup_btn_wrap2">
|
||
<button type="button">수신</button>
|
||
<button type="button" data-focus-next="adr_popup05">거부</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!--// 주소록 수신 팝업 -->
|
||
|
||
<!-- 엑셀 다운로드 팝업 data-tooltip:adr_popup06 -->
|
||
<div class="tooltip-wrap">
|
||
<div class="popup-com adr_layer adr_popup06" tabindex="0" data-tooltip-con="adr_popup06" data-focus="adr_popup06" data-focus-prev="adr_popup06-close" style="width: 510px;">
|
||
<div class="popup_heading">
|
||
<p>엑셀 다운로드</p>
|
||
<button type="button" class="tooltip-close" data-focus="adr_popup06-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
|
||
</div>
|
||
<div class="layer_in">
|
||
<p class="adr_pop_title">원하시는 항목을 선택하여 엑셀 다운로드 할 수 있습니다.</p>
|
||
<div class="gorup_join_cont">
|
||
<div class="adr_print">
|
||
<div>
|
||
<input type="checkbox" id="adrPrintAll">
|
||
<label for="adrPrintAll">전체</label>
|
||
</div>
|
||
<div>
|
||
<input type="checkbox" id="adrPrint1">
|
||
<label for="adrPrint1">이름</label>
|
||
</div>
|
||
<div>
|
||
<input type="checkbox" id="adrPrint2">
|
||
<label for="adrPrint2">팩스번호</label>
|
||
</div>
|
||
<div>
|
||
<input type="checkbox" id="adrPrint3">
|
||
<label for="adrPrint3">메모</label>
|
||
</div>
|
||
<div>
|
||
<input type="checkbox" id="adrPrint4">
|
||
<label for="adrPrint4">그룹명</label>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="popup_btn_wrap2">
|
||
<button type="button">다운로드</button>
|
||
<button type="button" class="tooltip-close" data-focus="adr_popup06-close" data-focus-next="adr_popup06">취소</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!--// 엑셀 다운로드 팝업 -->
|
||
|
||
<!-- 주소록 인쇄 팝업 data-tooltip:adr_popup07 -->
|
||
<div class="tooltip-wrap">
|
||
<div class="popup-com adr_layer adr_popup07" tabindex="0" data-tooltip-con="adr_popup07" data-focus="adr_popup07" data-focus-prev="adr_popup07-close" style="width: 510px;">
|
||
<div class="popup_heading">
|
||
<p>주소록 인쇄</p>
|
||
<button type="button" class="tooltip-close" data-focus="adr_popup07-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
|
||
</div>
|
||
<div class="layer_in">
|
||
<p class="adr_pop_title">원하시는 항목을 선택하여 인쇄할 수 있습니다.</p>
|
||
<div class="gorup_join_cont">
|
||
<div class="adr_print">
|
||
<div>
|
||
<input type="checkbox" id="adrPrintAll">
|
||
<label for="adrPrintAll">전체</label>
|
||
</div>
|
||
<div>
|
||
<input type="checkbox" id="adrPrint1">
|
||
<label for="adrPrint1">이름</label>
|
||
</div>
|
||
<div>
|
||
<input type="checkbox" id="adrPrint2">
|
||
<label for="adrPrint2">그룹명</label>
|
||
</div>
|
||
<div>
|
||
<input type="checkbox" id="adrPrint3">
|
||
<label for="adrPrint3">휴대폰</label>
|
||
</div>
|
||
<div>
|
||
<input type="checkbox" id="adrPrint4">
|
||
<label for="adrPrint4">메모</label>
|
||
</div>
|
||
<div>
|
||
<input type="checkbox" id="adrPrint5">
|
||
<label for="adrPrint5">[*1*]</label>
|
||
</div>
|
||
<div>
|
||
<input type="checkbox" id="adrPrint6">
|
||
<label for="adrPrint6">[*2*]</label>
|
||
</div>
|
||
<div>
|
||
<input type="checkbox" id="adrPrint7">
|
||
<label for="adrPrint7">[*3*]</label>
|
||
</div>
|
||
<div>
|
||
<input type="checkbox" id="adrPrint8">
|
||
<label for="adrPrint8">[*4*]</label>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="popup_btn_wrap2">
|
||
<button type="button">인쇄</button>
|
||
<button type="button" class="tooltip-close" data-focus="adr_popup07-close" data-focus-next="adr_popup07">취소</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!--// 주소록 인쇄 팝업 -->
|
||
|
||
<!-- 주소록 내보내기 관리 data-tooltip:adr_popup08 -->
|
||
<div class="tooltip-wrap">
|
||
<div class="popup-com adr_layer adr_popup08" tabindex="0" data-tooltip-con="adr_popup08" data-focus="adr_popup08" data-focus-prev="adr_popup08-close" style="width: 920px; height: 456px;">
|
||
<div class="popup_heading">
|
||
<p>주소록 내보내기 관리</p>
|
||
<button type="button" class="tooltip-close" data-focus="adr_popup08-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
|
||
</div>
|
||
<div class="layer_in" style="padding: 30px 30px 40px 30px;">
|
||
<div>
|
||
<div class="list_info">
|
||
<p>총 발송건수 <span class="c_e40000">171</span>건</p>
|
||
<div>
|
||
<button type="button" class="excel_btn btnType"><i class="downroad"></i>엑셀 다운로드</button>
|
||
<button type="button" class="print_btn btnType"><i class="print_img"></i>인쇄하기</button>
|
||
<!-- <label for="" class="label">줄보기 선택</label>
|
||
<select id="" class="selType2">
|
||
<option>10개보기</option>
|
||
<option>20개보기</option>
|
||
</select> -->
|
||
</div>
|
||
</div>
|
||
<div class="tb_wrap">
|
||
<table class="tType4">
|
||
<colgroup>
|
||
<col style="width: auto;">
|
||
<col style="width: 22%;">
|
||
<col style="width: 22%;">
|
||
<col style="width: 18%;">
|
||
<col style="width: 15%;">
|
||
</colgroup>
|
||
<thead>
|
||
<tr>
|
||
<th>보낸주소록(그룹)명</th>
|
||
<th>보낸날짜</th>
|
||
<th>수신날짜</th>
|
||
<th>수신인 ID</th>
|
||
<th>수신상태</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td>
|
||
<p>거래처3[<span class="c_002c9a">10</span>명]</p>
|
||
</td>
|
||
<td>
|
||
<p>2021-04-16, 15:00:20</p>
|
||
</td>
|
||
<td>
|
||
<p>2021-04-17, 15:00:20</p>
|
||
</td>
|
||
<td>
|
||
<p>hong1234</p>
|
||
</td>
|
||
<td><span class="c_002c9a">수신완료</span></td>
|
||
</tr>
|
||
<tr>
|
||
<td>
|
||
<p>거래처3[<span class="c_002c9a">10</span>명]</p>
|
||
</td>
|
||
<td>
|
||
<p>2021-04-16, 15:00:20</p>
|
||
</td>
|
||
<td>
|
||
<p>2021-04-17, 15:00:20</p>
|
||
</td>
|
||
<td>
|
||
<p>hong1234</p>
|
||
</td>
|
||
<td><span class="c_e40000">수신거부</span></td>
|
||
</tr>
|
||
<tr>
|
||
<td>
|
||
<p>거래처3[<span class="c_002c9a">10</span>명]</p>
|
||
</td>
|
||
<td>
|
||
<p>2021-04-16, 15:00:20</p>
|
||
</td>
|
||
<td>
|
||
<p>2021-04-17, 15:00:20</p>
|
||
</td>
|
||
<td>
|
||
<p>hong1234</p>
|
||
</td>
|
||
<td><span class="c_002c9a">수신완료</span></td>
|
||
</tr>
|
||
<tr>
|
||
<td>
|
||
<p>거래처3[<span class="c_002c9a">10</span>명]</p>
|
||
</td>
|
||
<td>
|
||
<p>2021-04-16, 15:00:20</p>
|
||
</td>
|
||
<td>
|
||
<p>2021-04-17, 15:00:20</p>
|
||
</td>
|
||
<td>
|
||
<p>hong1234</p>
|
||
</td>
|
||
<td><span class="c_002c9a">수신완료</span></td>
|
||
</tr>
|
||
<tr>
|
||
<td>
|
||
<p>거래처3[<span class="c_002c9a">10</span>명]</p>
|
||
</td>
|
||
<td>
|
||
<p>2021-04-16, 15:00:20</p>
|
||
</td>
|
||
<td>
|
||
<p>2021-04-17, 15:00:20</p>
|
||
</td>
|
||
<td>
|
||
<p>hong1234</p>
|
||
</td>
|
||
<td><span class="c_002c9a">수신완료</span></td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
<!-- 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 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>
|
||
</div>
|
||
<!--// 주소록 내보내기 관리 팝업 -->
|
||
|
||
<!-- 메모 팝업 data-tooltip:adr_popup13 -->
|
||
<div class="tooltip-wrap">
|
||
<div class="popup-com adr_layer adr_popup13" tabindex="0" data-tooltip-con="adr_popup13" data-focus="adr_popup13" data-focus-prev="adr_popu13-close" style="width: 300px;">
|
||
<div class="popup_heading">
|
||
<p>메모</p>
|
||
<button type="button" class="tooltip-close" data-focus="adr_popup13-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
|
||
</div>
|
||
<div class="layer_in" style="padding: 30px 20px;">
|
||
<div class="memo_wrap">
|
||
<p>메모내용</p>
|
||
<textarea placeholder="메모를 입력하세요." class="memo" onfocus="this.placeholder=''" onblur="this.placeholder='메모를 입력하세요'" class="inputLight"></textarea>
|
||
</div>
|
||
<div class="popup_btn_wrap2">
|
||
<button type="button">저장</button>
|
||
<button type="button" class="tooltip-close" data-focus="adr_popup13-close" data-focus-next="adr_popup13">닫기</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!--// 그룹 내보내기(결과) 팝업 -->
|
||
|
||
<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>
|
||
<li><a href="#">결제내역</a></li>
|
||
</ul>
|
||
<div class="s_menu">
|
||
<i class="allSearch_info"><span>문자검색</span></i>
|
||
<button type="button" title="전체검색" class="allSearch" onclick="searchToggle();"><img src="/publish/images/search.png" alt="검색영역 열기" class="allMenu"></button>
|
||
<button type="button" title="전체메뉴"><img src="/publish/images/all_menu.png" alt="전체메뉴 열기"></button>
|
||
</div>
|
||
</div>
|
||
<!-- search popup 영역 -->
|
||
<div class="pop_search">
|
||
<div class="inner">
|
||
<div class="area_search">
|
||
<select name="" id="">
|
||
<option value="">그림문자</option>
|
||
<option value="">단문문자</option>
|
||
<option value="">장문문자</option>
|
||
<option value="">GIF</option>
|
||
</select>
|
||
<input type="text" placeholder="문자샘플 검색하기">
|
||
<button><img src="/publish/images/search02.png" alt=""></button>
|
||
</div>
|
||
<div class="area_popular">
|
||
<p><i></i>인기검색어</p>
|
||
<ul class="popular_tag">
|
||
<li><a href="#">#정월대보름</a></li>
|
||
<li class="on"><a href="#">#추석</a></li>
|
||
<li><a href="#">#가을인사</a></li>
|
||
<li><a href="#">#좋은하루</a></li>
|
||
</ul>
|
||
</div>
|
||
<button class="btn_close" onclick="searchToggle();"><img src="/publish/images/btn_searchclose.png" alt=""></button>
|
||
</div>
|
||
</div>
|
||
<!--// search popup 영역 -->
|
||
</div>
|
||
<!--// header body 영역 -->
|
||
<div id="login" class="login">
|
||
<div class="inner table">
|
||
<div class="login_left table_cell">
|
||
<div class="login_put">
|
||
<label for="id_text" class="label"></label>
|
||
<input type="text" placeholder="아이디를 입력해주세요" id="id_text" class="id_text" maxlength="30" size="18">
|
||
<label for="password_text" class="label"></label>
|
||
<input type="password" placeholder="비밀번호를 입력해주세요" id="password_text" class="password_text" maxlength="30" size="18">
|
||
<label for="login_button" class="label"></label>
|
||
<button type="submit" class="btnType btnType1" class="login_button">로그인</button>
|
||
</div>
|
||
<div class="login_save">
|
||
<input type="checkbox" id="save_id">
|
||
<label for="save_id">아이디 저장</label>
|
||
</div>
|
||
<div class="login_find">
|
||
<a href="#">아이디찾기 /</a>
|
||
<a href="#">비밀번호 찾기</a>
|
||
</div>
|
||
<div>
|
||
<button type="button" class="btnType btnType2">회원가입</button>
|
||
<button type="button" class="btnType btnType3">둘러보기</button>
|
||
</div>
|
||
</div>
|
||
<div class="login_right">
|
||
<span><i></i>이달의 이벤트</span>
|
||
<button type="button" class="btnType btnType4">바로가기</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!--// login 영역 -->
|
||
</header>
|
||
<!--// header 영역 -->
|
||
<!-- login 영역 -->
|
||
<!-- content 영역 -->
|
||
<div id="container" class="cont sub">
|
||
<div class="inner">
|
||
<!-- send top -->
|
||
<div class="send_top">
|
||
<!-- tab button -->
|
||
<ul class="tabType4">
|
||
<li class="tab"><button type="button" onclick="TabType5(this,'1');">주소록관리</button></li>
|
||
<li class="tab active"><button type="button" onclick="TabType5(this,'2');">팩스 주소록관리</button></li>
|
||
<li class="tab"><button type="button" onclick="TabType5(this,'3');">수신거부</button></li>
|
||
<li class="tab"><button type="button" onclick="TabType5(this,'4');">폰주소록 등록</button></li>
|
||
<li class="tab"><button type="button" onclick="TabType5(this,'5');">주소록 입력 대행(무료)</button></li>
|
||
</ul>
|
||
<!--// tab button -->
|
||
<!-- 주소록 관리 - 주소록 관리 -->
|
||
<div class="adr_cont current" id="tab5_1">
|
||
<div class="heading">
|
||
<h2>주소록 관리</h2>
|
||
<button type="button" class="button info" onclick="window.open('/publish/info_popup_adrbook_fax.html', 'infoPop', 'width=800, height=430, top=100, left=100, fullscreen=no, menubar=no, status=no, toolbar=no, titlebar=yes, location=no, scrollbars=1');">사용안내</button>
|
||
</div>
|
||
|
||
<div class="adr1">
|
||
<!-- 왼쪽 영역 -->
|
||
<div class="adr1_left">
|
||
<div class="search_group_top">
|
||
<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="adrBox">
|
||
<div class="search_group_middle">
|
||
<label for="" class="label">새 그룹 추가</label>
|
||
<input type="text" placeholder="새 그룹명 입력(40Byte 이내)" onfocus="this.placeholder=''" onblur="this.placeholder='새 그룹명 입력(40Byte 이내)'" class="inputLight">
|
||
<button type="button" class="btnType">추가</button>
|
||
</div>
|
||
<div class="adr_cb_wrap check_group_all">
|
||
<div>
|
||
<label for="groupAll" class="label">전체 선택</label>
|
||
<input type="checkbox" id="groupAll">
|
||
</div>
|
||
<p class="open"><img src="/publish/images/content/open_folder2.png" alt="폴더 열림">전체[<span class="c_002c9a fwMd">150</span>/최대 10,000]</p>
|
||
</div>
|
||
<div class="adr1_btnWrap">
|
||
<div>
|
||
<button type="button" class="btnType btnType21">편집</button>
|
||
<button type="button" class="btnType btnType7">취소</button>
|
||
</div>
|
||
<div id="orderBtn">
|
||
<button type="button" class="btn_top"><img src="/publish/images/content/adress_up2.png"></button>
|
||
<button type="button" class="btn_up"><img src="/publish/images/content/adress_up1.png"></button>
|
||
<button type="button" class="btn_down"><img src="/publish/images/content/adress_down1.png"></button>
|
||
<button type="button" class="btn_botom"><img src="/publish/images/content/adress_down2.png"></button>
|
||
</div>
|
||
</div>
|
||
<div class="adr1_list">
|
||
<div class="adr_cb_wrap list_fixed">
|
||
<div>
|
||
<label for="group1" class="label">그룹미지정 선택</label>
|
||
<input type="checkbox" id="group1">
|
||
</div>
|
||
<p><img src="/publish/images/content/close_folder2.png" alt="폴더 닫힘">그룹미지정[<span>10</span>명]</p>
|
||
</div>
|
||
<div class="adr_cb_wrap list_fixed">
|
||
<div>
|
||
<label for="group2" class="label">자주보내는 번호</label>
|
||
<input type="checkbox" id="group2">
|
||
</div>
|
||
<p><img src="/publish/images/content/close_folder2.png" alt="폴더 닫힘">자주보내는 번호[<span>20</span>명]</p>
|
||
</div>
|
||
<div class="adr_cb_wrap list_switch">
|
||
<div>
|
||
<label for="group2" class="label">자주보내는 번호</label>
|
||
<input type="checkbox" id="group2">
|
||
</div>
|
||
<p><img src="/publish/images/content/close_folder2.png" alt="폴더 닫힘">자주보내는 번호[<span>20</span>명]</p>
|
||
</div>
|
||
<div class="adr_cb_wrap list_switch">
|
||
<div>
|
||
<label for="group3" class="label">친구</label>
|
||
<input type="checkbox" id="group3">
|
||
</div>
|
||
<p class="open"><img src="/publish/images/content/open_folder2.png" alt="폴더 열림">친구[<span>80</span>명]</p>
|
||
</div>
|
||
<div class="adr_cb_wrap list_switch">
|
||
<div>
|
||
<label for="group4" class="label">직장</label>
|
||
<input type="checkbox" id="group4">
|
||
</div>
|
||
<p class="open"><img src="/publish/images/content/open_folder2.png" alt="폴더 열림">직장입니다 직장 맞나요? 직장 맞을거예요[<span>20</span>명]</p>
|
||
</div>
|
||
<div class="adr_cb_wrap list_switch">
|
||
<div>
|
||
<label for="group5" class="label">거래처</label>
|
||
<input type="checkbox" id="group5">
|
||
</div>
|
||
<p class="open"><img src="/publish/images/content/open_folder2.png" alt="폴더 열림">거래처[<span>10</span>명]</p>
|
||
</div>
|
||
<div class="adr_cb_wrap list_switch">
|
||
<div>
|
||
<label for="group5" class="label">거래처</label>
|
||
<input type="checkbox" id="group5">
|
||
</div>
|
||
<p class="open"><img src="/publish/images/content/open_folder2.png" alt="폴더 열림">거래처[<span>10</span>명]</p>
|
||
</div>
|
||
<div class="adr_cb_wrap list_switch">
|
||
<div>
|
||
<label for="group5" class="label">거래처</label>
|
||
<input type="checkbox" id="group5">
|
||
</div>
|
||
<p class="open"><img src="/publish/images/content/open_folder2.png" alt="폴더 열림">거래처[<span>10</span>명]</p>
|
||
</div>
|
||
<div class="adr_cb_wrap list_switch">
|
||
<div>
|
||
<label for="group5" class="label">거래처</label>
|
||
<input type="checkbox" id="group5">
|
||
</div>
|
||
<p class="open">
|
||
<img src="/publish/images/content/open_folder2.png" alt="폴더 열림">
|
||
<label for="" class="label">그룹 명 수정</label>
|
||
<input type="text"></p>
|
||
</div>
|
||
|
||
</div>
|
||
<div class="adr1_btnWrap_bottom">
|
||
<button type="button" class="btnType group_remove"><i class="remove_img"></i>그룹삭제</button>
|
||
<button type="button" data-tooltip="adr_popup02" class="btnType group_join">그룹 합치기</button>
|
||
<button type="button" class="btnType group_copy">그룹복사</button>
|
||
</div>
|
||
<div class="adr1_exprot clearfix">
|
||
<p>주소록 내보내기</p>
|
||
<button type="button" data-tooltip="adr_popup08" class="send_address"><i></i>보낸 주소록</button>
|
||
</div>
|
||
<div class="search_group_bottom">
|
||
<label for="" class="label">보낼 아이디 검색</label>
|
||
<input type="text" placeholder="보낼 아이디 입력" onfocus="this.placeholder=''" onblur="this.placeholder='보낼 아이디 입력'" class="inputLight">
|
||
<button type="button" data-tooltip="adr_popup04" class="btnType">내보내기</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- 오른쪽 영역 -->
|
||
<div class="adr1_right">
|
||
<div class="search_group_top2 clearfix">
|
||
<span>회원 등록</span>
|
||
<label for="" class="label">이름 입력</label>
|
||
<input type="text" placeholder="이름" onfocus="this.placeholder=''" onblur="this.placeholder='이름'" class="inputLight group_search_name">
|
||
<label for="" class="label">팩스번호 입력(필수)</label>
|
||
<input type="text" placeholder="팩스번호 입력(필수)" onfocus="this.placeholder=''" onblur="this.placeholder='팩스번호 입력(필수)'" class="group_search_num">
|
||
<label for="" class="label">그룹 선택</label>
|
||
<select id="" class="selType2">
|
||
<option>그룹미지정</option>
|
||
<option>자주보내는 번호</option>
|
||
<option>친구</option>
|
||
<option>직장</option>
|
||
<option>거래처</option>
|
||
</select>
|
||
<button type="button" class="btnType btnType6">추가</button>
|
||
<button type="button" data-tooltip="adr_popup01" class="btnType btnType21">주소록 대량등록</button>
|
||
</div>
|
||
<ul class="tabType7">
|
||
<li class="tab active"><button type="button" onclick="TabType6(this,'1');">전체</button></li>
|
||
<li class="tab"><button type="button" onclick="TabType6(this,'2');">ㄱ</button></li>
|
||
<li class="tab"><button type="button" onclick="TabType6(this,'3');">ㄴ</button></li>
|
||
<li class="tab"><button type="button" onclick="TabType6(this,'4');">ㄷ</button></li>
|
||
<li class="tab"><button type="button" onclick="TabType6(this,'5');">ㄹ</button></li>
|
||
<li class="tab"><button type="button" onclick="TabType6(this,'6');">ㅁ</button></li>
|
||
<li class="tab"><button type="button" onclick="TabType6(this,'7');">ㅂ</button></li>
|
||
<li class="tab"><button type="button" onclick="TabType6(this,'8');">ㅅ</button></li>
|
||
<li class="tab"><button type="button" onclick="TabType6(this,'9');">ㅇ</button></li>
|
||
<li class="tab"><button type="button" onclick="TabType6(this,'10');">ㅈ</button></li>
|
||
<li class="tab"><button type="button" onclick="TabType6(this,'11');">ㅊ</button></li>
|
||
<li class="tab"><button type="button" onclick="TabType6(this,'11');">ㅋ</button></li>
|
||
<li class="tab"><button type="button" onclick="TabType6(this,'11');">ㅌ</button></li>
|
||
<li class="tab"><button type="button" onclick="TabType6(this,'11');">ㅍ</button></li>
|
||
<li class="tab"><button type="button" onclick="TabType6(this,'11');">ㅎ</button></li>
|
||
<li class="tab"><button type="button" onclick="TabType6(this,'11');">A~Z</button></li>
|
||
<li class="tab"><button type="button" onclick="TabType6(this,'11');">0~9</button></li>
|
||
</ul>
|
||
<!--// tab button -->
|
||
<div class="search_group_middle2 clearfix">
|
||
<div class="btnWrap_first">
|
||
<button type="button" class="btnType btnType21 editAddrBtn" onclick="editAddrs();">편집</button>
|
||
<button type="button" class="btnType btnType9 cancelAddrBtn" onclick="cancelAddrEdit();" style="display:none;">취소</button>
|
||
<button type="button" data-tooltip="adr_popup06" class="excel_btn btnType"><i class="downroad"></i>엑셀 다운로드</button>
|
||
<button type="button" data-tooltip="adr_popup07" class="print_btn btnType"><i class="print_img"></i>인쇄하기</button>
|
||
</div>
|
||
<div class="btnWrap_last">
|
||
<label for="" class="label">카테고리 선택</label>
|
||
<select id="searchConditionAddr" class="selType2">
|
||
<option value="1" selected="">팩스번호</option>
|
||
<option value="2">이름</option>
|
||
</select>
|
||
<label for="" class="label">검색어 입력</label>
|
||
<input type="text" id="searchKeywordAddr" value="" placeholder="검색어를 입력하세요" onfocus="this.placeholder=''" onblur="this.placeholder='검색어를 입력하세요'">
|
||
<button type="button" onclick="linkPage(1);" class="btnType btnType2">검색</button>
|
||
<label for="" class="label">줄보기 선택</label>
|
||
<select name="pageUnit" id="pageUnit" onchange="linkPage(1); return false;" class="selType2" style="width: 110px;">
|
||
<option value="10" selected="">10개보기</option>
|
||
<option value="20">20개보기</option>
|
||
<option value="30">30개보기</option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
<!-- 주소록리스트 -->
|
||
<div class="tb_wrap adr_list">
|
||
<table class="tType4 ">
|
||
<colgroup>
|
||
<col style="width: 40px;">
|
||
<col style="width: calc((100% - 320px)/3);">
|
||
<col style="width: calc((100% - 320px)/3);">
|
||
<col style="width: calc((100% - 320px)/3);">
|
||
<col style="width: 80px;">
|
||
<col style="width: 80px;">
|
||
</colgroup>
|
||
<thead>
|
||
<tr>
|
||
<th>
|
||
<label for="" class="label">전체 선택</label>
|
||
<input type="checkbox">
|
||
</th>
|
||
<th>
|
||
그룹명
|
||
<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>
|
||
</th>
|
||
<th>
|
||
팩스번호
|
||
<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>
|
||
</th>
|
||
<th>
|
||
이름
|
||
<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>
|
||
</th>
|
||
<th>메모</th>
|
||
<th>삭제</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td>
|
||
<label for="" class="label">선택</label>
|
||
<input type="checkbox">
|
||
</td>
|
||
<td>
|
||
<p>자주보내는번호</p>
|
||
</td>
|
||
<td>
|
||
<p>010-1234-5678</p>
|
||
</td>
|
||
<td title="이름이름이름이름이름이름이름이름">
|
||
<p>이름이름이름이름이름이름이름이름</p>
|
||
</td>
|
||
<td><button type="button" data-tooltip="adr_popup13"><img src="/publish/images/content/memo_img.png" alt="메모"></button></td>
|
||
<td><button type="button"><img src="/publish/images/content/del_img.png" alt="삭제"></button></td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
<!-- //주소록리스트 -->
|
||
<div class="search_group_bottom2">
|
||
<div class="btnWrap1">
|
||
<button type="button" onclick="deleteAddr('listDel');" class="btnType"><i class="remove_img"></i>선택삭제</button>
|
||
<button type="button" class="btnType" data-tooltip="duplication_layer" onclick="addrLoadDupliAjax()">중복검사</button>
|
||
</div>
|
||
<div class="btnWrap2">
|
||
<label for="" class="label">줄보기 선택</label>
|
||
<select id="funcAddrGroupSelect" name="funcAddrGroupSelect" class="selType2">
|
||
<option value="0">그룹미지정</option>
|
||
<option value="bookmark">자주보내는 번호</option>
|
||
<option value="238">그룹_정수빈2</option>
|
||
<option value="239">그룹_정수빈3</option>
|
||
<option value="3316"></option>
|
||
</select>
|
||
<span>그룹으로</span>
|
||
<button type="button" onclick="moveAddrGroup();" class="btnType group_move"><i></i>이동</button>
|
||
<button type="button" onclick="copyAddr();" class="btnType group_copy"><i></i>복사</button>
|
||
</div>
|
||
<div class="btnWrap3">
|
||
<label for="" class="label">선택</label>
|
||
<select id="msgType" class="selType2">
|
||
<option value="1">문자전송</option>
|
||
<option value="2">선거문자</option>
|
||
<option value="3" selected="">팩스전송</option>
|
||
</select>
|
||
<button type="button" class="btnType" onclick="moveAddrToSend();">선택전송</button>
|
||
<button type="button" class="btnType" onclick="moveAddrToSendAll();">전체전송</button>
|
||
</div>
|
||
</div>
|
||
<!-- 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>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!--// 주소록 관리 - 주소록 관리 -->
|
||
</div>
|
||
<!--// send top -->
|
||
</div>
|
||
</div>
|
||
<!--// content 영역 -->
|
||
<!-- 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> |