1848 lines
105 KiB
HTML
1848 lines
105 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>
|
||
|
||
|
||
</head>
|
||
<body>
|
||
<div class="mask"></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="height: 650px; 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" id="popCont_1">
|
||
<div class="titBox">
|
||
<p>- 엑셀파일로 주소록을 최대 1만건까지 등록하여 간편하게 발송 및 관리하실 수 있습니다.</p>
|
||
<p>- 반드시 샘플파일을 다운로드하여 작성방법을 확인하신 후 정해진 양식에 맞추어 주소록을 작성하셔야 합니다.</p>
|
||
<p>- 쉼표(,), 구분선(|), 역슬래시(＼, ￦), 작은따옴표('), 큰따옴표(") 등 발송불가 특수문자는 저장되지 않습니다.</p>
|
||
<p>- 휴대폰 번호는 필수입력 항목입니다.</p>
|
||
<p>- 전화번호 형태는 010-1234-5678 또는 01012345678 모두 가능합니다. 단, 공백은 허용되지 않습니다.</p>
|
||
<p>- 엑셀 파일에 비밀번호 설정, 제한된 보기, 수식 등이 설정되어 있는 경우 업로드가 불가합니다.</p>
|
||
<p>- 이름 50byte, [*1*]~[*4*] 100byte, 메모 250byte까지 입력 가능합니다.
|
||
</p>
|
||
<p>- 첨부가능 파일 : xlsx, xls, csv, xlt(최대용량 10MB)</p>
|
||
<p>- ‘오류 검사’를 통해 등록된 데이터에 전화번호 입력 오류를 확인하실 수 있습니다.</p>
|
||
<p>- 주소록 등록이 어려우신 경우에는 주소록 입력대행 메뉴를 이용하시면 됩니다.</p>
|
||
<button type="button" class="excel_btn"><i class="downroad"></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>건 / 오류 <span class="c_002c9a">9</span>건 <button type="button" class="btn_list_detail" data-tooltip="adr_popup14"><img src="/publish/images/search.png"></button></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 select_adr_hd">
|
||
<div></div>
|
||
<div>
|
||
<label for="" class="label"></label>
|
||
<select name="" id="">
|
||
<option value="">선택하기</option>
|
||
<option value="">이름</option>
|
||
<option value="">휴대폰</option>
|
||
<option value="">[*1*]</option>
|
||
<option value="">[*2*]</option>
|
||
<option value="">[*3*]</option>
|
||
<option value="">[*4*]</option>
|
||
<option value="">메모</option>
|
||
</select>
|
||
</div>
|
||
<div>
|
||
<label for="" class="label"></label>
|
||
<select name="" id="">
|
||
<option value="">선택하기</option>
|
||
<option value="">이름</option>
|
||
<option value="">휴대폰</option>
|
||
<option value="">[*1*]</option>
|
||
<option value="">[*2*]</option>
|
||
<option value="">[*3*]</option>
|
||
<option value="">[*4*]</option>
|
||
<option value="">메모</option>
|
||
</select>
|
||
</div>
|
||
<div>
|
||
<label for="" class="label"></label>
|
||
<select name="" id="">
|
||
<option value="">이름</option>
|
||
<option value="">휴대폰</option>
|
||
<option value="">[*1*]</option>
|
||
<option value="">[*2*]</option>
|
||
<option value="">[*3*]</option>
|
||
<option value="">[*4*]</option>
|
||
<option value="">메모</option>
|
||
</select>
|
||
</div>
|
||
<div>
|
||
<label for="" class="label"></label>
|
||
<select name="" id="">
|
||
<option value="">선택하기</option>
|
||
<option value="">이름</option>
|
||
<option value="">휴대폰</option>
|
||
<option value="">[*1*]</option>
|
||
<option value="">[*2*]</option>
|
||
<option value="">[*3*]</option>
|
||
<option value="">[*4*]</option>
|
||
<option value="">메모</option>
|
||
</select>
|
||
</div>
|
||
<div>
|
||
<label for="" class="label"></label>
|
||
<select name="" id="">
|
||
<option value="">선택하기</option>
|
||
<option value="">이름</option>
|
||
<option value="">휴대폰</option>
|
||
<option value="">[*1*]</option>
|
||
<option value="">[*2*]</option>
|
||
<option value="">[*3*]</option>
|
||
<option value="">[*4*]</option>
|
||
<option value="">메모</option>
|
||
</select>
|
||
</div>
|
||
<div>
|
||
<label for="" class="label"></label>
|
||
<select name="" id="">
|
||
<option value="">선택하기</option>
|
||
<option value="">이름</option>
|
||
<option value="">휴대폰</option>
|
||
<option value="">[*1*]</option>
|
||
<option value="">[*2*]</option>
|
||
<option value="">[*3*]</option>
|
||
<option value="">[*4*]</option>
|
||
<option value="">메모</option>
|
||
</select>
|
||
</div>
|
||
<div>
|
||
<label for="" class="label"></label>
|
||
<select name="" id="">
|
||
<option value="">선택하기</option>
|
||
<option value="">이름</option>
|
||
<option value="">휴대폰</option>
|
||
<option value="">[*1*]</option>
|
||
<option value="">[*2*]</option>
|
||
<option value="">[*3*]</option>
|
||
<option value="">[*4*]</option>
|
||
<option value="">메모</option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
<div class="adr_hd">
|
||
<div>
|
||
<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>변수2</div>
|
||
<div>변수3</div>
|
||
<div>변수4</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>변수1</div>
|
||
<div>변수2</div>
|
||
<div>변수3</div>
|
||
<div>변수4</div>
|
||
|
||
</div>
|
||
<div class="adr_bd">
|
||
<div>
|
||
<label for="" class="label">한 줄 선택</label>
|
||
<input type="checkbox">
|
||
</div>
|
||
<div>3</div>
|
||
<div>홍길동</div>
|
||
<div>010-1234-5678</div>
|
||
<div>변수1</div>
|
||
<div>변수2</div>
|
||
<div>변수3</div>
|
||
<div>변수4</div>
|
||
|
||
</div>
|
||
<div class="adr_bd">
|
||
<div>
|
||
<label for="" class="label">한 줄 선택</label>
|
||
<input type="checkbox">
|
||
</div>
|
||
<div>4</div>
|
||
<div>홍길동</div>
|
||
<div>010-1234-5678</div>
|
||
<div>변수1</div>
|
||
<div>변수2</div>
|
||
<div>변수3</div>
|
||
<div>변수4</div>
|
||
|
||
</div>
|
||
<div class="adr_bd">
|
||
<div>
|
||
<label for="" class="label">한 줄 선택</label>
|
||
<input type="checkbox">
|
||
</div>
|
||
<div>5</div>
|
||
<div>홍길동</div>
|
||
<div>010-1234-5678</div>
|
||
<div>변수1</div>
|
||
<div>변수2</div>
|
||
<div>변수3</div>
|
||
<div>변수4</div>
|
||
|
||
</div>
|
||
<div class="adr_bd">
|
||
<div>
|
||
<label for="" class="label">한 줄 선택</label>
|
||
<input type="checkbox">
|
||
</div>
|
||
<div>5</div>
|
||
<div>홍길동</div>
|
||
<div>010-1234-5678</div>
|
||
<div>변수1</div>
|
||
<div>변수2</div>
|
||
<div>변수3</div>
|
||
<div>변수4</div>
|
||
|
||
</div>
|
||
<div class="adr_bd">
|
||
<div>
|
||
<label for="" class="label">한 줄 선택</label>
|
||
<input type="checkbox">
|
||
</div>
|
||
<div>5</div>
|
||
<div>홍길동</div>
|
||
<div>010-1234-5678</div>
|
||
<div>변수1</div>
|
||
<div>변수2</div>
|
||
<div>변수3</div>
|
||
<div>변수4</div>
|
||
|
||
</div>
|
||
<div class="adr_bd">
|
||
<div>
|
||
<label for="" class="label">한 줄 선택</label>
|
||
<input type="checkbox">
|
||
</div>
|
||
<div>5</div>
|
||
<div>홍길동</div>
|
||
<div>010-1234-5678</div>
|
||
<div>변수1</div>
|
||
<div>변수2</div>
|
||
<div>변수3</div>
|
||
<div>변수4</div>
|
||
|
||
</div>
|
||
<div class="adr_bd">
|
||
<div>
|
||
<label for="" class="label">한 줄 선택</label>
|
||
<input type="checkbox">
|
||
</div>
|
||
<div>5</div>
|
||
<div>홍길동</div>
|
||
<div>010-1234-5678</div>
|
||
<div>변수1</div>
|
||
<div>변수2</div>
|
||
<div>변수3</div>
|
||
<div>변수4</div>
|
||
</div>
|
||
<div class="adr_bd">
|
||
<div>
|
||
<label for="" class="label">한 줄 선택</label>
|
||
<input type="checkbox">
|
||
</div>
|
||
<div>5</div>
|
||
<div>홍길동</div>
|
||
<div>010-1234-5678</div>
|
||
<div>변수1</div>
|
||
<div>변수2</div>
|
||
<div>변수3</div>
|
||
<div>변수4</div>
|
||
|
||
</div>
|
||
<div class="adr_bd">
|
||
<div>
|
||
<label for="" class="label">한 줄 선택</label>
|
||
<input type="checkbox">
|
||
</div>
|
||
<div>5</div>
|
||
<div>홍길동</div>
|
||
<div>010-1234-5678</div>
|
||
<div>변수1</div>
|
||
<div>변수2</div>
|
||
<div>변수3</div>
|
||
<div>변수4</div>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!--// table -->
|
||
<div 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" id="popCont_2">
|
||
<div class="titBox">
|
||
<p>- 텍스트(txt) 파일로 작성된 주소록을 등록하실 수 있습니다.</p>
|
||
<p>- 반드시 샘플파일을 다운로드하여 작성방법을 확인하신 후 정해진 양식에 맞추어 주소록을 붙여 넣으셔야 합니다.</p>
|
||
<p>- 입력 내용은 (Tab) 또는 (,) 구분하여 입력하여야 합니다.</p>
|
||
<p>- 한 줄(열)에 주소 한 건만 입력 가능합니다.</p>
|
||
<p>- 전화번호 형태는 010-1234-5678 또는 01012345678 모두 가능합니다. 단, 공백은 허용되지 않습니다.</p>
|
||
<p> (예) 홍길동,010-1234-5678 또는 홍길동,01012345678</p>
|
||
<p>- 한번에 많은 양의 데이터를 입력하시려면 ‘주소록 복사(Ctrl+c) + 붙여넣기(Ctrl+v)’ 또는 ‘엑셀입력’을 이용하세요.</p>
|
||
<p>- 주소록 등록이 어려우신 경우에는 주소록 입력대행 메뉴를 이용하시면 됩니다.</p>
|
||
<button type="button" class="txt_btn"><i></i>TXT샘플 다운로드</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>
|
||
<div class="req_area">
|
||
<textarea placeholder=
|
||
"- 휴대폰 번호가 입력된 txt 파일을 열어 복사(Ctrl+c) + 붙여넣기(Ctrl+v)로도 입력하실 수 있습니다.
|
||
- 휴대폰 번호는 필수입력 항목입니다.
|
||
- 이름,휴대폰 번호,[*1*],[*2*],[*3*],[*4*],메모 순서대로 입력해주세요.(예 : 홍길동,010-1234-5678,변수1…메모)
|
||
- 이름은 50byte, [*1*]~[*4*] 100byte, 메모는 250byte까지 입력 가능합니다.
|
||
- '오류 검사'를 통해 등록된 데이터에 전화번호 입력 오류를 확인하실 수 있습니다."></textarea>
|
||
</div>
|
||
<div class="adr_popup_btn">
|
||
<button type="button" class="btnType btnType6">불러오기</button>
|
||
</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>
|
||
<div class="adr_excel excel_paste">
|
||
<!-- thead -->
|
||
<div class="adr_hd">
|
||
<div>
|
||
<label for="" class="label">전체 선택</label>
|
||
<input type="checkbox">
|
||
</div>
|
||
<div>
|
||
구분
|
||
<div class="sort_wrap">
|
||
<button type="button"><img src="/publish/images/sortUp.png"alt="오름차순으로 분류"></button>
|
||
<button type="button"><img src="/publish/images/sortDown.png"alt="내림차순으로 분류"></button>
|
||
</div>
|
||
</div>
|
||
<div>
|
||
이름
|
||
<div class="sort_wrap">
|
||
<button type="button"><img src="/publish/images/sortUp.png"alt="오름차순으로 분류"></button>
|
||
<button type="button"><img src="/publish/images/sortDown.png"alt="내림차순으로 분류"></button>
|
||
</div>
|
||
</div>
|
||
<div>
|
||
휴대폰
|
||
<div class="sort_wrap">
|
||
<button type="button"><img src="/publish/images/sortUp.png"alt="오름차순으로 분류"></button>
|
||
<button type="button"><img src="/publish/images/sortDown.png"alt="내림차순으로 분류"></button>
|
||
</div>
|
||
</div>
|
||
<div>
|
||
[*1*]
|
||
<div 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>
|
||
[*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>
|
||
</div>
|
||
<div>
|
||
[*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>
|
||
</div>
|
||
<div>
|
||
[*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>
|
||
</div>
|
||
<div>메모</div>
|
||
<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>변수2</div>
|
||
<div>변수3</div>
|
||
<div>변수4</div>
|
||
<div>메모1</div>
|
||
<div>
|
||
<label for="" class="label">그룹 선택</label>
|
||
<select id="">
|
||
<option>그룹미지정</option>
|
||
<option>그룹a</option>
|
||
<option>그룹b</option>
|
||
</select>
|
||
</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>변수1</div>
|
||
<div>변수2</div>
|
||
<div>변수3</div>
|
||
<div>변수4</div>
|
||
<div>메모1</div>
|
||
<div>
|
||
<label for="" class="label">그룹 선택</label>
|
||
<select id="">
|
||
<option>그룹미지정</option>
|
||
<option>그룹a</option>
|
||
<option>그룹b</option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
<div class="adr_bd">
|
||
<div>
|
||
<label for="" class="label">한 줄 선택</label>
|
||
<input type="checkbox">
|
||
</div>
|
||
<div>4</div>
|
||
<div>홍길동</div>
|
||
<div>010-1234-5678</div>
|
||
<div>변수1</div>
|
||
<div>변수2</div>
|
||
<div>변수3</div>
|
||
<div>변수4</div>
|
||
<div>메모1</div>
|
||
<div>
|
||
<label for="" class="label">그룹 선택</label>
|
||
<select id="">
|
||
<option>그룹미지정</option>
|
||
<option>그룹a</option>
|
||
<option>그룹b</option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
<div class="adr_bd">
|
||
<div>
|
||
<label for="" class="label">한 줄 선택</label>
|
||
<input type="checkbox">
|
||
</div>
|
||
<div>5</div>
|
||
<div>홍길동</div>
|
||
<div>010-1234-5678</div>
|
||
<div>변수1</div>
|
||
<div>변수2</div>
|
||
<div>변수3</div>
|
||
<div>변수4</div>
|
||
<div>메모1</div>
|
||
<div>
|
||
<label for="" class="label">그룹 선택</label>
|
||
<select id="">
|
||
<option>그룹미지정</option>
|
||
<option>그룹a</option>
|
||
<option>그룹b</option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
<div class="adr_bd error">
|
||
<div>
|
||
<label for="" class="label">한 줄 선택</label>
|
||
<input type="checkbox">
|
||
</div>
|
||
<div>6</div>
|
||
<div>홍길동</div>
|
||
<div>010-1234-5678</div>
|
||
<div>변수1</div>
|
||
<div>변수2</div>
|
||
<div>변수3</div>
|
||
<div>변수4</div>
|
||
<div>메모1</div>
|
||
<div>
|
||
<label for="" class="label">그룹 선택</label>
|
||
<select id="">
|
||
<option>그룹미지정</option>
|
||
<option>그룹a</option>
|
||
<option>그룹b</option>
|
||
</select>
|
||
</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="popup_btn_wrap2" style="margin:30px auto 30px auto;padding:0 0 30px 0;">
|
||
<button type="button">등록</button>
|
||
<button type="button" class="tooltip-close" data-focus="adr_popup01-close" data-focus-next="popup02">닫기</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</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" style="width: 450px;">
|
||
<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">171</span>건 / 중복 <span class="c_002c9a">9</span>건 / 오류 <span class="c_002c9a">9</span>건</p><button type="button" class="excel_btn btnType"><i class="downroad"></i>엑셀 다운로드</button>
|
||
</div>
|
||
<div class="tb_wrap adr_list">
|
||
<table class="tType4">
|
||
<colgroup>
|
||
<col style="width:32%;">
|
||
<col style="width:auto;">
|
||
<col style="width:90px;">
|
||
</colgroup>
|
||
<thead>
|
||
<tr>
|
||
<th>이름</th>
|
||
<th>휴대폰</th>
|
||
<th>미등록 결과</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td>오재일</td>
|
||
<td>010-4407-7031*</td>
|
||
<td><p class="fwMd c_222">오류</p></td>
|
||
</tr>
|
||
<tr>
|
||
<td>오재일</td>
|
||
<td>010-4407-7031*</td>
|
||
<td><p class="fwMd c_002c9a">보류</p></td>
|
||
</tr>
|
||
<tr>
|
||
<td>오재일</td>
|
||
<td>010-4407-7031*</td>
|
||
<td><p class="fwMd c_222">오류</p></td>
|
||
</tr>
|
||
<tr>
|
||
<td>오재일</td>
|
||
<td>010-4407-7031*</td>
|
||
<td><p class="fwMd c_002c9a">보류</p></td>
|
||
</tr>
|
||
<tr>
|
||
<td>오재일</td>
|
||
<td>010-4407-7031*</td>
|
||
<td><p class="fwMd c_222">오류</p></td>
|
||
</tr>
|
||
<tr>
|
||
<td>오재일</td>
|
||
<td>010-4407-7031*</td>
|
||
<td><p class="fwMd c_002c9a">보류</p></td>
|
||
</tr>
|
||
<tr>
|
||
<td>오재일</td>
|
||
<td>010-4407-7031*</td>
|
||
<td><p class="fwMd c_222">오류</p></td>
|
||
</tr>
|
||
<tr>
|
||
<td>오재일</td>
|
||
<td>010-4407-7031*</td>
|
||
<td><p class="fwMd c_002c9a">보류</p></td>
|
||
</tr>
|
||
<tr>
|
||
<td>오재일</td>
|
||
<td>010-4407-7031*</td>
|
||
<td><p class="fwMd c_222">오류</p></td>
|
||
</tr>
|
||
<tr>
|
||
<td>오재일</td>
|
||
<td>010-4407-7031*</td>
|
||
<td><p class="fwMd c_002c9a">보류</p></td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
<ul class="cf_text_ul">
|
||
<li>*중복번호는 하나의 번호만 등록됩니다.</li>
|
||
<li>*휴대폰 형식에 맞지 않는 데이터는 삭제 후 업로드 됩니다.</li>
|
||
<li>ex) 발송불가 특수문자, 자릿수 오류 등</li>
|
||
</ul>
|
||
<div class="popup_btn_wrap2">
|
||
<button type="button">저장</button>
|
||
<button type="button" class="tooltip-close" data-focus="adr_popup14-close" data-focus-next="adr_popup14">닫기</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- //주소록 상세 결과 팝업 data-tooltip:adr_popup14 -->
|
||
<!-- 그룹 합치기 팝업 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>
|
||
<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_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 active"><button type="button" onclick="TabType5(this,'1');">주소록관리</button></li>
|
||
<li class="tab"><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>
|
||
</ul><!--// tab button -->
|
||
<!-- 주소록 관리 - 주소록 관리 -->
|
||
<div class="adr_cont current" id="tab5_1">
|
||
<div class="heading">
|
||
<h2>주소록 관리</h2>
|
||
</div>
|
||
<div class="titBox">
|
||
<p>- 연락처를 그룹별로 분류하여 간편하고 편리하게 관리할 수 있습니다(최대 100,000개까지 등록 가능)</p>
|
||
<p>- 그룹은 그룹 간 이동, 병합 및 복사가 가능합니다.</p>
|
||
<p>- 주소록은 중복검사가 가능하며 중복된 연락처를 삭제할 수 있습니다. 단, 데이터 양에 따라 시간이 소요될 수 있습니다.</p>
|
||
<p>- 주소록 관리에서 그룹 또는 연락처를 선택하여 문자를 바로 발송할 수 있습니다.</p>
|
||
<p>- 주소록 내보내기를 통해 다른 ID로 주소록을 복사할 수 있습니다(그룹 전송만 가능, 보낸 주소록 결과는 최대 90일까지 보관)</p>
|
||
<p>- 주소록 내보내기 시에는 개인정보보호를 위해 추가 휴대폰 인증을 실시하며, 휴대폰 인증은 등록된 발신번호로만 인증 가능합니다.</p>
|
||
<p>- 고객님께서 보유하신 엑셀파일이나 텍스트파일 등으로 작성된 주소록을 대량 등록할 수 있습니다.</p>
|
||
<p>- 주소록 등록이 어려우신 경우에는 주소록 입력대행 메뉴를 이용하시면 됩니다.</p>
|
||
<p>- 주소록 무료대행은 신규 그룹으로 생성됩니다(기존 그룹 수정 불가)</p>
|
||
</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 btnType2">편집</button>
|
||
<button type="button" class="btnType btnType7">취소</button>
|
||
</div>
|
||
<div>
|
||
<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 btnType2">주소록 대량등록</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 btnType2">편집</button>
|
||
<button type="button" class="btnType btnType9">취소</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="" class="selType2">
|
||
<option>전체</option>
|
||
</select>
|
||
<label for="" class="label">검색어 입력</label>
|
||
<input type="text" placeholder="검색어를 입력하세요" onfocus="this.placeholder=''" onblur="this.placeholder='검색어를 입력하세요'" >
|
||
<button type="button" class="btnType btnType17">검색</button>
|
||
<label for="" class="label">줄보기 선택</label>
|
||
<select id="" class="selType2" style="width: 110px;">
|
||
<option>10개보기</option>
|
||
<option>20개보기</option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
<!-- 주소록리스트 -->
|
||
<div class="tb_wrap adr_list">
|
||
<table class="tType4 ">
|
||
<colgroup>
|
||
<col style="width: 40px;">
|
||
<col style="width: 15%;">
|
||
<col style="width: 20%;">
|
||
<col style="width: 10%;">
|
||
<col style="width: 15%;">
|
||
<col style="width: 15%;">
|
||
<col style="width: 15%;">
|
||
<col style="width: 15%;">
|
||
<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>
|
||
<p>홍길동</p>
|
||
</td>
|
||
<td>
|
||
<p>vip</p>
|
||
</td>
|
||
<td>
|
||
<p>안녕하세요...</p>
|
||
</td>
|
||
<td><p></p></td>
|
||
<td><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>
|
||
<tr>
|
||
<td>
|
||
<label for="" class="label">선택</label>
|
||
<input type="checkbox">
|
||
</td>
|
||
<td>
|
||
<p>자주보내는번호</p>
|
||
</td>
|
||
<td>
|
||
<p>010-1234-5678</p>
|
||
</td>
|
||
<td>
|
||
<p>홍길동</p>
|
||
</td>
|
||
<td>
|
||
<p>vip</p>
|
||
</td>
|
||
<td>
|
||
<p>안녕하세요...</p>
|
||
</td>
|
||
<td><p></p></td>
|
||
<td><p></p></td>
|
||
<td><button><img src="/publish/images/content/memo_img.png" alt="메모"></button></td>
|
||
<td><button><img src="/publish/images/content/del_img.png" alt="삭제"></button></td>
|
||
</tr>
|
||
<tr>
|
||
<td>
|
||
<label for="" class="label">선택</label>
|
||
<input type="checkbox">
|
||
</td>
|
||
<td>
|
||
<p>자주보내는번호</p>
|
||
</td>
|
||
<td>
|
||
<p>010-1234-5678</p>
|
||
</td>
|
||
<td>
|
||
<p>홍길동</p>
|
||
</td>
|
||
<td>
|
||
<p>vip</p>
|
||
</td>
|
||
<td>
|
||
<p>안녕하세요...</p>
|
||
</td>
|
||
<td><p></p></td>
|
||
<td><p></p></td>
|
||
<td><button><img src="/publish/images/content/memo_img.png" alt="메모"></button></td>
|
||
<td><button><img src="/publish/images/content/del_img.png" alt="삭제"></button></td>
|
||
</tr>
|
||
<tr>
|
||
<td>
|
||
<label for="" class="label">선택</label>
|
||
<input type="checkbox">
|
||
</td>
|
||
<td>
|
||
<input type="text" value="친구">
|
||
</td>
|
||
<td>
|
||
<input type="text" value="010-1234-5678">
|
||
</td>
|
||
<td>
|
||
<input type="text" value="홍길동">
|
||
</td>
|
||
<td>
|
||
<input type="text" value="VIP">
|
||
</td>
|
||
<td>
|
||
<input type="text" value="안녕하세요 우리는 모두가 친구">
|
||
</td>
|
||
<td><input type="text" value="ㄴㅇㅁㅁㄴㅇㅁㄴㅇ"></td>
|
||
<td><input type="text" value="안녕하세요 우리는 모두가 친구"></td>
|
||
<td><button><img src="/publish/images/content/memo_img.png" alt="메모"></button></td>
|
||
<td><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" class="btnType"><i class="remove_img"></i>선택삭제</button>
|
||
<button type="button" class="btnType">중복검사</button>
|
||
</div>
|
||
<div class="btnWrap2">
|
||
<label for="" class="label">줄보기 선택</label>
|
||
<select id="" class="selType2">
|
||
<option>친구</option>
|
||
<option>미지정</option>
|
||
</select>
|
||
<span>그룹으로</span>
|
||
<button type="button" class="btnType group_move"><i></i>이동</button>
|
||
<button type="button" class="btnType group_copy"><i></i>복사</button>
|
||
</div>
|
||
<div class="btnWrap3">
|
||
<label for="" class="label">선택</label>
|
||
<select id="" class="selType2">
|
||
<option>단문문자</option>
|
||
<option>장문문자</option>
|
||
<option>그림문자</option>
|
||
<option>선거문자</option>
|
||
</select>
|
||
<button type="button" class="btnType">전송하기
|
||
<i class="qmMark adr_qm"></i>
|
||
<div class="adr_hover_cont">
|
||
<p>선택한 주소록을 문자 수신목록에서 바로 추가할 수 있습니다.</p>
|
||
</div>
|
||
</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>
|