Code - chominsoo4245/mjon

<!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>  <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">  <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> </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>  <div class="adr_excel">  <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>  <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>  <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>  <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> </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 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">  <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>  <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>  <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>  <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> </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>  <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>   <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>  <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>  <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>  <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>  <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> </div> <div class="popup_btn_wrap2"> <button type="button">수신</button> <button type="button" data-focus-next="adr_popup05">거부</button> </div> </div> </div> </div>  <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>  <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>  <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>  </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>  <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> </div> </div> </div> </div>  <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>  <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>  <header id="header" class="header sub ">  <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>  <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>  <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> </div> <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> </header>   <div id="container" class="cont sub"> <div class="inner">  <div class="send_top">  <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>  <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> <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>  <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> </div> </div> </div> </div> </div> </div> </div>  <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> </body></html>