1837 lines
115 KiB
HTML
1837 lines
115 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/popup.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_popup14 -->
|
||
<div class="tooltip-wrap">
|
||
<div class="popup-com adr_layer adr_popup14" tabindex="0" data-tooltip-con="adr_popup14" data-focus="adr_popup14" data-focus-prev="adr_popu14-close">
|
||
<div class="popup_heading">
|
||
<p>주소록 상세 결과</p>
|
||
<button type="button" class="tooltip-close" data-focus="adr_popup14-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
|
||
</div>
|
||
<div class="layer_in" style="padding:30px 20px;">
|
||
<div class="table_top">
|
||
<p>
|
||
총 <span class="c_e40000" id="errorPopTotCnt">0</span>건
|
||
/ 중복 <span class="c_002c9a" id="errorPopDupCnt">0</span>건
|
||
/ 오류 <span class="c_002c9a" id="errorPopErrorCnt">0</span>건</p>
|
||
<button type="button" class="excel_btn btnType" id="errorExcelBtn"><i class="downroad"></i>엑셀 다운로드</button>
|
||
</div>
|
||
<div class="tb_wrap adr_list tabulator" id="tabulator_error" role="grid" tabulator-layout="fitColumns" style="height: 255px;"></div>
|
||
<ul class="cf_text_ul">
|
||
<li>*중복번호는 하나의 번호만 등록됩니다.</li>
|
||
<li>*휴대폰 형식에 맞지 않는 데이터는 삭제 후 업로드 됩니다.</li>
|
||
<li>ex) 발송불가 특수문자, 자릿수 오류 등</li>
|
||
</ul>
|
||
<div class="popup_btn_wrap2">
|
||
<button type="button" class="tooltip-close" data-focus="adr_popup14-close" data-focus-next="adr_popup14">닫기</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- // 주소록 상세결과 팝업 -->
|
||
|
||
<!-- 주소록 중복검사 팝업 : data-tooltip:duplication_layer -->
|
||
<div class="tooltip-wrap">
|
||
<div class="popup-com duplication_layer" tabindex="0" data-tooltip-con="duplication_layer" data-focus="duplication_layer" data-focus-prev="duplication_layer-close" style="width:680px;">
|
||
<div class="popup_heading">
|
||
<p>중복전화번호</p>
|
||
<button type="button" class="tooltip-close" data-focus="duplication_layer-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
|
||
</div>
|
||
<div class="layer_in" style="padding:30px 20px;">
|
||
<div class="list_info">
|
||
<p>총 <span class="c_e40000" id="totalRecordCount2">150,350</span>명 <em>(같은 전화번호가 2개 이상)</em></p>
|
||
</div>
|
||
<div class="tb_wrap">
|
||
<table class="tType4">
|
||
<colgroup>
|
||
<col style="width:40px;">
|
||
<col style="width:190px;">
|
||
<col style="width:190px;">
|
||
<col style="width:auto">
|
||
</colgroup>
|
||
<thead>
|
||
<tr>
|
||
<th><input type="checkbox" name="duplicationAll" id="duplicationChkAll"></th>
|
||
<th>성명</th>
|
||
<th>전화번호</th>
|
||
<th>주소록</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td><input name="addrCheck" type="checkbox" ></td>
|
||
<td></td>
|
||
<td>01000000001</td>
|
||
<td>201건</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
<div class="search_group_bottom2">
|
||
<button type="button" class="btnType" onclick="deleteAddrDupli('listDel');"><i class="remove_img"></i>선택삭제</button>
|
||
<div class="btnWrap3">
|
||
<button type="button" class="btnType" onclick="dupliCheckAddrByAllDelete();">전체 중복삭제</button>
|
||
<button type="button" class="btnType" onclick="addrGrpdupliCheck();">그룹별 중복삭제</button>
|
||
</div>
|
||
</div>
|
||
<ul class="pagination">
|
||
<li class="page_first"><a href="#" title="첫페이지" onclick="linkPage2(1);return false;"><button type="button"><img src="/publish/images/content/page_first.png" alt="첫페이지"></button></a></li><li class="page_prev"><a href="#" title="이전10페이지" onclick="linkPage2(1);return false;"><button type="button"><img src="/publish/images/content/page_prev.png" alt="이전10페이지"></button></a></li><li class="on"><button type="button"><a href="#" title="현재페이지">1</a></button></li><li><button type="button" onclick="linkPage2(2);return false;"><a href="#" title="2페이지">2</a></button></li><li><button type="button" onclick="linkPage2(3);return false;"><a href="#" title="3페이지">3</a></button></li><li><button type="button" onclick="linkPage2(4);return false;"><a href="#" title="4페이지">4</a></button></li><li><button type="button" onclick="linkPage2(5);return false;"><a href="#" title="5페이지">5</a></button></li><li><button type="button" onclick="linkPage2(6);return false;"><a href="#" title="6페이지">6</a></button></li><li><button type="button" onclick="linkPage2(7);return false;"><a href="#" title="7페이지">7</a></button></li><li><button type="button" onclick="linkPage2(8);return false;"><a href="#" title="8페이지">8</a></button></li><li><button type="button" onclick="linkPage2(9);return false;"><a href="#" title="9페이지">9</a></button></li><li><button type="button" onclick="linkPage2(10);return false;"><a href="#" title="10페이지">10</a></button></li><li class="page_next"><a href="#" title="다음10페이지" onclick="linkPage2(11);return false;"><button type="button"><img src="/publish/images/content/page_next.png" alt="다음10페이지"></button></a></li><li class="page_last"><a href="#" title="마지막페이지" onclick="linkPage2(15035);return false;"><button type="button"><img src="/publish/images/content/page_last.png" alt="마지막페이지"></button></a></li>
|
||
|
||
</ul>
|
||
<div class="popup_btn_wrap2">
|
||
<button type="button" class="tooltip-close" data-focus="duplication_layer-close" data-focus-next="duplication_layer">닫기</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- // 주소록 중복검사 팝업 -->
|
||
|
||
<!-- 주소록 대량등록 팝업 data-tooltip:adr_popup01 -->
|
||
<div class="tooltip-wrap">
|
||
<div class="popup-com adr_layer adr_popup01" 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>
|
||
<li class="tab"><button type="button" onclick="popupTab(this,'3');">직접입력</button></li>
|
||
</ul>
|
||
<!--// tab button -->
|
||
</div>
|
||
<!-- 엑셀입력 -->
|
||
<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>
|
||
<!-- <button type="button" class="excel_btn" onclick="location.href='/download/addr/주소록_대량등록.xlsx'"><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>엑셀, TXT파일 업로드</button>
|
||
</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
<div class="file_add">
|
||
<p><img src="/publish/images/content/file_add.png" alt="파일 붙여넣기">엑셀 파일을 여기에 끌어다 놓으세요</p>
|
||
</div>
|
||
<div class="excel_middle2">
|
||
<p>
|
||
총 <span class="c_e40000 fwBold" id="rowTotCnt">0</span>건 / 중복 <span class="c_002c9a fwBold" id="rowDupCnt">0</span>건 / 오류 <span class="c_002c9a fwBold" id="rowErrorCnt">0</span>건
|
||
<button type="button" class="btn_list_detail" data-tooltip="adr_popup14"><img src="/publish/images/search.png"></button>
|
||
</p>
|
||
</div>
|
||
<!-- table -->
|
||
<div class="adr_excel" style="margin-top: 13px; overflow-x:auto;">
|
||
|
||
<div class="adr_hd select_adr_hd" data-group="tableExcel" style="width:100%;">
|
||
<div style="width: 80px;"></div>
|
||
<div style="width: calc((100% - 80px) / 7);">
|
||
<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>
|
||
<option value="addrComment">메모</option>
|
||
</select>
|
||
</div>
|
||
<div style="width: calc((100% - 80px) / 7);">
|
||
<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>
|
||
<option value="addrComment">메모</option>
|
||
</select>
|
||
</div>
|
||
<div style="width: calc((100% - 80px) / 7);">
|
||
<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>
|
||
<option value="addrComment">메모</option>
|
||
</select>
|
||
</div>
|
||
<div style="width: calc((100% - 80px) / 7);">
|
||
<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>
|
||
<option value="addrComment">메모</option>
|
||
</select>
|
||
</div>
|
||
<div style="width: calc((100% - 80px) / 7);">
|
||
<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>
|
||
<option value="addrComment">메모</option>
|
||
</select>
|
||
</div>
|
||
<div style="width: calc((100% - 80px) / 7);">
|
||
<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>
|
||
<option value="addrComment">메모</option>
|
||
</select>
|
||
</div>
|
||
<div style="width: calc((100% - 80px) / 7);">
|
||
<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>
|
||
<option value="addrComment">메모</option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!--// table -->
|
||
|
||
<div class="adr_excel drag_drop_wrap callList_box tabulator">
|
||
<!-- thead -->
|
||
<div class="adr_hd" style="width: 100%;">
|
||
<div style="width:70px;">
|
||
<label for="" class="label">전체 선택</label>
|
||
<input type="checkbox">
|
||
</div>
|
||
<div>
|
||
A
|
||
<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>
|
||
B
|
||
<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>
|
||
C
|
||
<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>
|
||
D
|
||
<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>
|
||
E
|
||
<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>
|
||
F
|
||
<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>
|
||
G
|
||
<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>1</div>
|
||
<div>홍길동</div>
|
||
<div>010-1234-5678</div>
|
||
<div>010-1234-5678</div>
|
||
</div>
|
||
<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>1</div>
|
||
<div>홍길동</div>
|
||
<div>010-1234-5678</div>
|
||
<div>010-1234-5678</div>
|
||
</div>
|
||
<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>1</div>
|
||
<div>홍길동</div>
|
||
<div>010-1234-5678</div>
|
||
<div>010-1234-5678</div>
|
||
</div>
|
||
<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>1</div>
|
||
<div>홍길동</div>
|
||
<div>010-1234-5678</div>
|
||
<div>010-1234-5678</div>
|
||
</div>
|
||
<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>1</div>
|
||
<div>홍길동</div>
|
||
<div>010-1234-5678</div>
|
||
<div>010-1234-5678</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<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>
|
||
<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">
|
||
<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>- 엑셀(EXCEL), 텍스트(TXT) 파일로 작성된 주소록 내용을 복사하여 등록 가능합니다.</p>
|
||
<p>- 많은 양의 데이터를 입력하시려면 ‘주소록 복사(Ctrl+C) + 붙여넣기(Ctrl+V)’를 이용해주세요.</p>
|
||
<p>- 입력 내용은 (Tab) 또는 (,) 기호로 구분하여 입력하여야 합니다.</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>
|
||
<!-- 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>
|
||
<label for="" class="label">성명 입력</label>
|
||
<input type="text" placeholder="새 그룹명을 입력해주세요." onfocus="this.placeholder=''" onblur="this.placeholder='새 그룹명을 입력해주세요.'" class="inputLight" style="width: 300px;">
|
||
</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>건
|
||
/ 오류 <span class="c_002c9a fwBold" id="rowErrorCnt">0</span>건
|
||
<button type="button" class="btn_list_detail" data-tooltip="adr_popup14"><img src="/publish/images/search.png"></button>
|
||
</p>
|
||
</div>
|
||
<!-- table -->
|
||
<div class="adr_excel" style="margin-top: 13px; overflow-x:auto;">
|
||
|
||
<div class="adr_hd select_adr_hd" data-group="tableExcel" style="width:100%;">
|
||
<div style="width: 80px;"></div>
|
||
<div style="width: calc((100% - 80px) / 7);">
|
||
<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>
|
||
<option value="addrComment">메모</option>
|
||
</select>
|
||
</div>
|
||
<div style="width: calc((100% - 80px) / 7);">
|
||
<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>
|
||
<option value="addrComment">메모</option>
|
||
</select>
|
||
</div>
|
||
<div style="width: calc((100% - 80px) / 7);">
|
||
<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>
|
||
<option value="addrComment">메모</option>
|
||
</select>
|
||
</div>
|
||
<div style="width: calc((100% - 80px) / 7);">
|
||
<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>
|
||
<option value="addrComment">메모</option>
|
||
</select>
|
||
</div>
|
||
<div style="width: calc((100% - 80px) / 7);">
|
||
<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>
|
||
<option value="addrComment">메모</option>
|
||
</select>
|
||
</div>
|
||
<div style="width: calc((100% - 80px) / 7);">
|
||
<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>
|
||
<option value="addrComment">메모</option>
|
||
</select>
|
||
</div>
|
||
<div style="width: calc((100% - 80px) / 7);">
|
||
<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>
|
||
<option value="addrComment">메모</option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!--// table -->
|
||
|
||
<div class="adr_excel drag_drop_wrap callList_box tabulator">
|
||
<!-- thead -->
|
||
<div class="adr_hd" style="width: 100%;">
|
||
<div style="width:70px;">
|
||
<label for="" class="label">전체 선택</label>
|
||
<input type="checkbox">
|
||
</div>
|
||
<div>
|
||
A
|
||
<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>
|
||
B
|
||
<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>
|
||
C
|
||
<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>
|
||
D
|
||
<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>
|
||
E
|
||
<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>
|
||
F
|
||
<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>
|
||
G
|
||
<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>1</div>
|
||
<div>홍길동</div>
|
||
<div>010-1234-5678</div>
|
||
<div>010-1234-5678</div>
|
||
</div>
|
||
<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>1</div>
|
||
<div>홍길동</div>
|
||
<div>010-1234-5678</div>
|
||
<div>010-1234-5678</div>
|
||
</div>
|
||
<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>1</div>
|
||
<div>홍길동</div>
|
||
<div>010-1234-5678</div>
|
||
<div>010-1234-5678</div>
|
||
</div>
|
||
<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>1</div>
|
||
<div>홍길동</div>
|
||
<div>010-1234-5678</div>
|
||
<div>010-1234-5678</div>
|
||
</div>
|
||
<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>1</div>
|
||
<div>홍길동</div>
|
||
<div>010-1234-5678</div>
|
||
<div>010-1234-5678</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<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>
|
||
<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>
|
||
<!--// table -->
|
||
|
||
<!-- pagination -->
|
||
<ul class="pagination" style="margin: 30px auto 0 auto;">
|
||
<li class="page_first"><button><img src="/publish/images/content/page_first.png" alt=""></button></li>
|
||
<li class="page_prev"><button><img src="/publish/images/content/page_prev.png" alt=""></button></li>
|
||
<li class="on"><button>1</button></li>
|
||
<li><button>2</button></li>
|
||
<li><button>3</button></li>
|
||
<li><button>4</button></li>
|
||
<li><button>5</button></li>
|
||
<li><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_3">
|
||
<div class="titBox">
|
||
<p>- 셀간 이동은 Tab으로 가능합니다.</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>
|
||
<!-- 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>
|
||
<label for="" class="label">성명 입력</label>
|
||
<input type="text" placeholder="새 그룹명을 입력해주세요." onfocus="this.placeholder=''" onblur="this.placeholder='새 그룹명을 입력해주세요.'" class="inputLight" style="width: 300px;">
|
||
</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>건</p>
|
||
</div>
|
||
|
||
<div class="adr_excel drag_drop_wrap callList_box tabulator">
|
||
<!-- thead -->
|
||
<div class="adr_hd" style="width: 100%;">
|
||
<div style="width:70px;">
|
||
<label for="" class="label">전체 선택</label>
|
||
<input type="checkbox">
|
||
</div>
|
||
<div>
|
||
A
|
||
<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>
|
||
B
|
||
<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>
|
||
C
|
||
<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>
|
||
D
|
||
<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>
|
||
E
|
||
<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>
|
||
F
|
||
<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>
|
||
G
|
||
<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>1</div>
|
||
<div>홍길동</div>
|
||
<div>010-1234-5678</div>
|
||
<div>010-1234-5678</div>
|
||
</div>
|
||
<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>1</div>
|
||
<div>홍길동</div>
|
||
<div>010-1234-5678</div>
|
||
<div>010-1234-5678</div>
|
||
</div>
|
||
<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>1</div>
|
||
<div>홍길동</div>
|
||
<div>010-1234-5678</div>
|
||
<div>010-1234-5678</div>
|
||
</div>
|
||
<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>1</div>
|
||
<div>홍길동</div>
|
||
<div>010-1234-5678</div>
|
||
<div>010-1234-5678</div>
|
||
</div>
|
||
<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>1</div>
|
||
<div>홍길동</div>
|
||
<div>010-1234-5678</div>
|
||
<div>010-1234-5678</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<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>
|
||
<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>
|
||
<!--// table -->
|
||
|
||
<!-- pagination -->
|
||
<ul class="pagination" style="margin: 30px auto 0 auto;">
|
||
<li class="page_first"><button><img src="/publish/images/content/page_first.png" alt=""></button></li>
|
||
<li class="page_prev"><button><img src="/publish/images/content/page_prev.png" alt=""></button></li>
|
||
<li class="on"><button>1</button></li>
|
||
<li><button>2</button></li>
|
||
<li><button>3</button></li>
|
||
<li><button>4</button></li>
|
||
<li><button>5</button></li>
|
||
<li><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 class="popup_btn_wrap2" style="margin: 0 auto 30px auto;">
|
||
<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 메뉴 -->
|
||
|
||
<!-- header 영역 -->
|
||
<div data-include-path="/publish/layout/_header.html"></div>
|
||
<!--// 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 active"><button type="button" onclick="TabType5(this,'1');">주소록관리</button></li>
|
||
<li class="tab"><button type="button" onclick="location.href='/publish/adrbook_fax.html'">팩스 주소록관리</button></li>
|
||
<li class="tab"><button type="button" onclick="location.href='/publish/adrbook2.html'">수신거부</button></li>
|
||
<li class="tab"><button type="button" onclick="location.href='/publish/adrbook4.html'">폰주소록 등록</button></li>
|
||
<li class="tab"><button type="button" onclick="location.href='/publish/adrbook3.html'">주소록 입력 대행(무료)</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="infoListPop('adrbook1','793','450');">사용안내</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: 20%;">
|
||
<col style="width: 20%;">
|
||
<col style="width: 18%;">
|
||
<col style="width: 11%;">
|
||
<col style="width: 11%;">
|
||
<col style="width: 11%;">
|
||
<col style="width: 11%;">
|
||
<col style="width: 50px;">
|
||
<col style="width: 50px;">
|
||
</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>
|
||
[*1*]
|
||
<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>
|
||
[*2*]
|
||
<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>
|
||
[*3*]
|
||
<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>
|
||
[*4*]
|
||
<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>
|
||
<p>1</p>
|
||
</td>
|
||
<td>
|
||
<p>2</p>
|
||
</td>
|
||
<td>
|
||
<p>3</p>
|
||
</td>
|
||
<td>
|
||
<p>4</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>
|
||
</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 -->
|
||
<div data-include-path="/publish/layout/_footer.html"></div>
|
||
<!--// footer 영역 -->
|
||
</body>
|
||
|
||
</html> |