mjon_git/src/main/webapp/publish/adrbook3.html
2023-06-12 11:15:02 +09:00

437 lines
27 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>문자온</title>
<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>
<!-- skip 메뉴 -->
<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">
<!-- header top 영역 -->
<div class="header_top">
<div class="inner">
<ul class="menu_left">
<li><a href="#"><i class="hdTop_fav"></i>즐겨찾기추가</a></li>
<li><a href="#"><i class="hdTop_mypage"></i>마이페이지</a></li>
<li><a href="#"><i class="hdTop_center"></i>고객센터</a></li>
</ul>
<ul class="menu_right">
<li><a href="#">충전하기</a></li>
<li class="SortLine"><a href="#">요금안내</a></li>
<li class="SortLine"><a href="#">이용안내</a></li>
<li class="SortLine"><a href="#">1:1고객상담</a></li>
</ul>
</div>
</div><!-- header top 영역 -->
<!-- header body 영역 -->
<div class="header_body">
<div class="inner table">
<h1 class="logo"><a href="/publish/index.html" alt="문자온 메인 바로가기"><img src="/publish/images/CI.png" alt="문자온 CI"></a></h1>
<ul class="gnbWrap table_cell">
<li><a href="#">문자발송</a></li>
<li><a href="#">선거문자</a></li>
<li><a href="#">맞춤제작</a></li>
<li><a href="#">비즈톡</a></li>
<li><a href="#">주소록 관리</a></li>
<li><a href="#">발송결과</a></li>
<li><a href="#">예약관리</a></li>
<li><a href="#">결제내역</a></li>
</ul>
<div class="s_menu">
<i class="allSearch_info"><span>문자검색</span></i>
<button type="button" title="전체검색" class="allSearch" onclick="searchToggle();"><img src="/publish/images/search.png" alt="검색영역 열기" class="allMenu"></button>
<button type="button" title="전체메뉴"><img src="/publish/images/all_menu.png" alt="전체메뉴 열기"></button>
</div>
</div>
<!-- search popup 영역 -->
<div class="pop_search">
<div class="inner">
<div class="area_search">
<select name="" id="">
<option value="">그림문자</option>
<option value="">단문문자</option>
<option value="">장문문자</option>
<option value="">GIF</option>
</select>
<input type="text" placeholder="문자샘플 검색하기">
<button><img src="/publish/images/search02.png" alt=""></button>
</div>
<div class="area_popular">
<p><i></i>인기검색어</p>
<ul class="popular_tag">
<li><a href="#">#정월대보름</a></li>
<li class="on"><a href="#">#추석</a></li>
<li><a href="#">#가을인사</a></li>
<li><a href="#">#좋은하루</a></li>
</ul>
</div>
<button class="btn_close" onclick="searchToggle();"><img src="/publish/images/btn_searchclose.png" alt=""></button>
</div>
</div><!--// search popup 영역 -->
</div><!--// header body 영역 -->
<div id="login" class="login">
<div class="inner table">
<div class="login_left table_cell">
<div class="login_put">
<label for="id_text" class="label"></label>
<input type="text" placeholder="아이디를 입력해주세요"id="id_text" class="id_text" maxlength="30" size="18">
<label for="password_text" class="label"></label>
<input type="password" placeholder="비밀번호를 입력해주세요" id="password_text" class="password_text" maxlength="30"size="18">
<label for="login_button" class="label"></label>
<button type="submit" class="btnType btnType1" class="login_button">로그인</button>
</div>
<div class="login_save">
<input type="checkbox" id="save_id">
<label for="save_id">아이디 저장</label>
</div>
<div class="login_find">
<a href="#">아이디찾기 /</a>
<a href="#">비밀번호 찾기</a>
</div>
<div>
<button type="button" class="btnType btnType2">회원가입</button>
<button type="button" class="btnType btnType3">둘러보기</button>
</div>
</div>
<div class="login_right">
<span><i></i>이달의 이벤트</span>
<button type="button" class="btnType btnType4">바로가기</button>
</div>
</div>
</div><!--// login 영역 -->
</header><!--// header 영역 -->
<!-- login 영역 -->
<!-- content 영역 -->
<div id="container" class="cont sub">
<div class="inner">
<!-- send top -->
<div class="send_top">
<!-- tab button -->
<ul class="tabType4">
<li class="tab"><button type="button" onclick="TabType5(this,'1');">주소록관리</button></li>
<li class="tab"><button type="button" onclick="TabType5(this,'2');">수신거부</button></li>
<li class="tab"><button type="button" onclick="TabType5(this,'3');">폰주소록 등록</button></li>
<li class="tab active"><button type="button" onclick="TabType5(this,'4');">주소록 입력 대행(무료)</button></li>
</ul><!--// tab button -->
<!-- 주소록 관리 - 주소록 입력 대행(무료) -->
<div class="adr_cont current" id="tab5_4">
<div class="heading">
<h2>주소록 무료대행</h2>
</div>
<!-- <div class="titBox">
<p>- 평일 09:30~17:00 사이에 신청하신 경우 <span class="c_222 fwRg">당일 처리를 원칙</span>으로 하되, 파일의 상태, 용량 등에 따라 1~2일 정도 소요될 수 있습니다<span class="c_222 fwRg">(주말 및 공휴일 처리 불가)</span></p>
<p>- 첨부가능 파일 : xlsx, zip, hwp, txt, doc, docx, csv(파일당 최대 용량 10MB)</p>
<p>- 주소록 등록 대행은 <span class="c_222 fwRg">신규 그룹으로만 생성 가능</span>합니다</p>
<p>- 긴급한 건은 070-4786-0008로 연락 주시기 바랍니다.</p>
<p>- 엑셀파일에 비밀번호 설정, 수식 등이 설정되어 있는 경우 업로드가 불가합니다.</p>
</div> -->
<table class="tType1">
<caption>주소록 무료대행 아이디, 신규 그룹명, 휴대폰 번호, 주소록 파일, 요청사항, 개인정보 수집 및 이용안내 대한 표</caption>
<colgroup>
<col style="width: 160px;">
<col style="width: auto;">
</colgroup>
<tbody>
<tr>
<th scope="row">아이디</th>
<td>rowmin88</td>
</tr>
<tr>
<th>주소록 종류</th>
<td>
<input type="radio" id="adr_type01" name="adr_type"><label for="adr_type01">문자 주소록</label>
<input type="radio" id="adr_type02" name="adr_type"><label for="adr_type02">팩스 주소록</label>
</td>
</tr>
<tr>
<th scope="row">신규 그룹명</th>
<td>
<label for="" class="label">신규 그룹명 입력</label>
<input type="text" placeholder="새 그룹명을 입력해주세요" onfocus="this.placeholder=''" onblur="this.placeholder='새 그룹명을 입력해주세요'" class="inputLight" style="width: 470px;">
</td>
</tr>
<tr>
<th scope="row">휴대폰 번호</th>
<td>
<label for="" class="label">신규 그룹명 입력</label>
<input type="text" placeholder="- 없이 숫자만 입력" onfocus="this.placeholder=''" onblur="this.placeholder='- 없이 숫자만 입력'" class="inputLight" style="width: 470px;">
</td>
</tr>
<tr>
<th scope="row">주소록 파일</th>
<td class="attachedFile_wrap">
<label for="" class="label">주소록 파일첨부</label>
<input type="text" placeholder="* 첨부가능 파일 xls, xlsx, csv, txt 각 2MB 이내" readonly>
<button type="button" class="btnType btnType9">파일첨부</button>
<span class="reqTxt6">※ 컴퓨터 파일(엑셀, 한셀, 한글, 텍스트)만 등록 가능합니다.</span>
</td>
</tr>
<tr>
<th scope="row" class="vTop">요청사항</th>
<td class="adress_textarea">
<label for="" class="label">요청사항 입력</label>
<textarea placeholder="요청사항을 기재해주세요." onfocus="this.placeholder=''" onblur="this.placeholder='요청사항을 기재해주세요.'"></textarea>
</td>
</tr>
<tr>
<th scope="row" class="vTop">개인정보 수집 및 이용안내</th>
<td class="privacyAgree">
<div>
<p>
- 수집항목 : 아이디, 이름, 연락 받으실 휴대폰번호, 첨부파일 내 항목<br>
- 이용목적 : 주소록 대행작업 및 처리결과 회신<br>
- 수집기간 : 30일<br>
<span class="vMiddle">*</span> 개인정보 수집 및 이용에 거부할 수 있으며, 거부 시 주소록 무료대행을 신청할 수 없습니다.
</p>
</div>
<div>
<input type="checkbox" id="">
<label for="">개인정보 수집 및 이용에 동의합니다<span class="c_e40000 fwMd">(필수)</span></label>
</div>
</td>
</tr>
</tbody>
</table>
<div style="text-align: center; margin-top: 40px;">
<button type="button" class="btnType btnType16">신청하기</button>
</div>
<div class="adrsFree_list_wrap">
<div class="clearfix adrFree_list_title">
<p>주소록 무료대행 처리결과</p>
<p>※ 신청내역은 30일간 보관합니다.</p>
</div>
<div class="tb_wrap adr_free_list">
<table class="tType4">
<colgroup>
<col style="width: 75px;">
<col style="width: 20%;">
<col style="width: 40%;">
<col style="width: 10%;">
<col style="width: 20%;">
<col style="width: 10%;">
</colgroup>
<thead>
<tr>
<th>번호</th>
<th>신청일시</th>
<th>요청사항</th>
<th>파일</th>
<th>처리일시</th>
<th>처리상태</th>
</tr>
</thead>
<tbody>
<tr>
<td><p>1</p></td>
<td><p>2021-04-16, 15:00:20</p></td>
<td><p>그룹이름을 백김치로 등록해주세요.</p></td>
<td class="td_file"><p>1개</p><a href="#none" alt="첨부파일 다운로드"><img src="/publish/images/content/file_img2.png" alt="첨부파일 이미지"></a></td>
<td><p>2021-04-16, 15:00:20</p></td>
<td><p class="fwRg">처리완료</p></td>
</tr>
<tr>
<td><p>2</p></td>
<td><p>2021-04-16, 15:00:20</p></td>
<td><p>그룹이름을 백김치로 등록해주세요.</p></td>
<td class="td_file"><p>1개</p><a href="#none" alt="첨부파일 다운로드"><img src="/publish/images/content/file_img2.png" alt="첨부파일 이미지"></a></td>
<td><p>2021-04-16, 15:00:20</p></td>
<td><p class="fwRg c_002c9a">처리중</p></td>
</tr>
<tr>
<td><p>3</p></td>
<td><p>2021-04-16, 15:00:20</p></td>
<td><p>그룹이름을 백김치로 등록해주세요.</p></td>
<td class="td_file"><p>1개</p><a href="#none" alt="첨부파일 다운로드"><img src="/publish/images/content/file_img2.png" alt="첨부파일 이미지"></a></td>
<td><p>2021-04-16, 15:00:20</p></td>
<td><p class="fwRg c_e40000">접수대기</p></td>
</tr>
<tr>
<td><p>4</p></td>
<td><p>2021-04-16, 15:00:20</p></td>
<td><p>그룹이름을 백김치로 등록해주세요.</p></td>
<td class="td_file"><p>1개</p><a href="#none" alt="첨부파일 다운로드"><img src="/publish/images/content/file_img2.png" alt="첨부파일 이미지"></a></td>
<td><p>2021-04-16, 15:00:20</p></td>
<td><p class="fwRg c_e40000">접수대기</p></td>
</tr>
<tr>
<td><p>5</p></td>
<td><p>2021-04-16, 15:00:20</p></td>
<td><p>그룹이름을 백김치로 등록해주세요.</p></td>
<td class="td_file"><p>1개</p><a href="#none" alt="첨부파일 다운로드"><img src="/publish/images/content/file_img2.png" alt="첨부파일 이미지"></a></td>
<td><p>2021-04-16, 15:00:20</p></td>
<td><p class="fwRg c_e40000">접수대기</p></td>
</tr>
<tr>
<td><p>6</p></td>
<td><p>2021-04-16, 15:00:20</p></td>
<td><p>그룹이름을 백김치로 등록해주세요.</p></td>
<td class="td_file"><p>1개</p><a href="#none" alt="첨부파일 다운로드"><img src="/publish/images/content/file_img2.png" alt="첨부파일 이미지"></a></td>
<td><p>2021-04-16, 15:00:20</p></td>
<td><p class="fwRg c_e40000">접수대기</p></td>
</tr>
<tr>
<td><p>7</p></td>
<td><p>2021-04-16, 15:00:20</p></td>
<td><p>그룹이름을 백김치로 등록해주세요.</p></td>
<td class="td_file"><p>1개</p><a href="#none" alt="첨부파일 다운로드"><img src="/publish/images/content/file_img2.png" alt="첨부파일 이미지"></a></td>
<td><p>2021-04-16, 15:00:20</p></td>
<td><p class="fwRg c_e40000">접수대기</p></td>
</tr>
<tr>
<td><p>8</p></td>
<td><p>2021-04-16, 15:00:20</p></td>
<td><p>그룹이름을 백김치로 등록해주세요.</p></td>
<td class="td_file"><p>1개</p><a href="#none" alt="첨부파일 다운로드"><img src="/publish/images/content/file_img2.png" alt="첨부파일 이미지"></a></td>
<td><p>2021-04-16, 15:00:20</p></td>
<td><p class="fwRg c_e40000">접수대기</p></td>
</tr>
<tr>
<td><p>9</p></td>
<td><p>2021-04-16, 15:00:20</p></td>
<td><p>그룹이름을 백김치로 등록해주세요.</p></td>
<td class="td_file"><p>1개</p><a href="#none" alt="첨부파일 다운로드"><img src="/publish/images/content/file_img2.png" alt="첨부파일 이미지"></a></td>
<td><p>2021-04-16, 15:00:20</p></td>
<td><p class="fwRg c_e40000">접수대기</p></td>
</tr>
<tr>
<td><p>10</p></td>
<td><p>2021-04-16, 15:00:20</p></td>
<td><p>그룹이름을 백김치로 등록해주세요.</p></td>
<td class="td_file"><p>1개</p><a href="#none" alt="첨부파일 다운로드"><img src="/publish/images/content/file_img2.png" alt="첨부파일 이미지"></a></td>
<td><p>2021-04-16, 15:00:20</p></td>
<td><p class="fwRg c_e40000">접수대기</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><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><!--// 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>