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

668 lines
36 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="css/reset.css">
<link rel="stylesheet" href="css/jquery.mCustomScrollbar.css">
<link rel="stylesheet" href="css/common.css">
<link rel="stylesheet" href="css/button.css">
<link rel="stylesheet" href="css/content.css">
<link rel="stylesheet" href="css/mem.css">
<link rel="stylesheet" href="css/font.css">
<link rel="stylesheet" href="css/popupLayer.css">
<link rel="stylesheet" href="css/adrbook.css">
<script src="js/jquery-3.5.0.js"></script>
<script src="js/jquery.mCustomScrollbar.concat.min.js"></script>
<script src="js/common.js"></script>
<script src="js/content.js"></script>
<script src="js/calendar.js"></script>
<script src="js/popupLayer.js"></script>
</head>
<body>
<div class="mask"></div>
<!-- 포인트 교환 팝업 -->
<div class="tooltip-wrap">
<div class="popup-com point_layer popup04" tabindex="0" data-tooltip-con="popup04" data-focus="popup04" data-focus-prev="popup04-close">
<div class="popup_heading">
<p>포인트 전환</p>
<button type="button" class="tooltip-close" data-focus="popup04-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
</div>
<div class="layer_in">
<div class="titBox">
<p>- 포인트 2% 적립</p>
<p>- 포인트는 10,000원 이상부터 충전금 전환이 가능합니다.</p>
<p>- 전환된 포인트 금액은 환불이 불가합니다.(포인트 10,000원 이상부터 현금 전환 가능)</p>
</p>
</div>
<table class="layer_tType1">
<caption>포인트 전환 표</caption>
<colgroup>
<col style="width: 95px">
<col style="width: auto">
</colgroup>
<tbody>
<tr>
<th>내 포인트</th>
<td class="remain_point">
<p><span>12,000</span></p>
</td>
</tr>
<tr>
<th>구분</th>
<td>
<input id="" type="radio"name="" checked="checked">
<label for="">현금으로 받기</label>
<input id="" type="radio" name="">
<label for="">잔액으로 충전하기</label>
</td>
</tr>
<tr>
<th>은행명</th>
<td>
<label for="" class="label">은행명 선택</label>
<select id="">
<option>은행선택</option>
<option>신한은행</option>
<option>국민은행</option>
<option>우리은행</option>
</select>
</td>
</tr>
<tr>
<th>계좌번호</th>
<td>
<label for="" class="label">계좌번호 입력</label>
<input type="text" placeholder="계좌번호를 입력해주세요" onfocus="thisplaceholder=''" onblur="this.placeholder='새 그룹명을 입력해주세요'"class="inputLight" style="width: 100%;">
</td>
</tr>
<tr>
<th>예금주</th>
<td>
<label for="" class="label">예금주 입력</label>
<input type="text" placeholder="예금주를 입력해주세요" onfocus="thisplaceholder=''" onblur="this.placeholder='새 예금주를 입력해주세요'"class="inputLight" style="width: 100%;">
</td>
</tr>
</tbody>
</table>
<div class="popup_btn_wrap3">
<button type="button" data-focus-next="popup04" class="btnType btnType2">전환하기</button>
</div>
</div>
</div>
</div><!--// 포인트 교환 팝업 -->
<!-- 견적서 팝업 data-tooltip:estimate -->
<div class="tooltip-wrap">
<div class="popup-com estimate01" tabindex="0" data-tooltip-con="estimate01" data-focus="estimate01" data-focus-prev="estimate01-close" style="width: 880px;">
<div class="popup_heading">
<p>견적서 발행하기</p>
<button type="button" class="tooltip-close" data-focus="estimate01-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
</div>
<!-- 견적서 -->
<div class="estimate_wrap">
<div class="estimate">
<div class="est_head clearfix">
<img src="/publish/images/CI.png" alt="문자온 CI">
<div class="clearfix">
<p>(12248) 경기도 남양주시 다산중앙로19번길 21, 1027호, 1028호(블루웨일 지식산업센터 1차)</p>
<p>TEL 070-4786-0008</p>
</div>
</div>
<div class="est_body">
<h2>견적서</h2>
<div class="cont1">
<div>
<p>수신자</p>
<table class="est_table">
<caption>수신자 정보</caption>
<colgroup>
<col style="width: 50px;">
<col style="width: auto;">
</colgroup>
<tbody>
<tr>
<th>&nbsp;&nbsp;</th>
<td></td>
</tr>
<tr>
<th>&nbsp;&nbsp;</th>
<td></td>
</tr>
<tr>
<th>견적일자</th>
<td></td>
</tr>
<tr>
<th>유효기간</th>
<td>결제일로부터 30일</td>
</tr>
<tr>
<th>결제조건</th>
<td></td>
</tr>
</tbody>
</table>
</div>
<div>
<p>공급자</p>
<img src="/publish/images/content/stamp.png" alt="도장" class="stamp">
<table class="est_table">
<caption>공급자 정보</caption>
<colgroup>
<col style="width: 82px;">
<col style="width: auto;">
</colgroup>
<tbody>
<tr>
<th>&nbsp;&nbsp;&nbsp;&nbsp;</th>
<td>주식회사 아이티앤</td>
</tr>
<tr>
<th>사업자등록번호</th>
<td>653-87-00858</td>
</tr>
<tr>
<th>&nbsp;&nbsp;&nbsp;&nbsp;</th>
<td>유인식</td>
</tr>
<tr>
<th>&nbsp;&nbsp;&nbsp;&nbsp;</th>
<td>070-4786-0008</td>
</tr>
<tr>
<th>&nbsp;&nbsp;&nbsp;&nbsp;</th>
<td>help@iten.co.kr</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="cont2 clearfix">
<p>합계</p>
<p><span>383,500</span> 원(VAT 포함)</p>
</div>
<div class="cont3">
<p>(단위:원, 건)</p>
<table class="est_table2">
<caption>견적서 품목, 단가, 수량, 공급가액, 부가세, 금액 정보를 제공하는 표</caption>
<colgroup>
<col style="width: 140px;">
<col style="width: 65px;">
<col style="width: auto;">
<col style="width: 130px;">
<col style="width: 130px;">
<col style="width: 130px;">
</colgroup>
<thead>
<tr>
<th scope="col">품목</th>
<th scope="col">단가</th>
<th scope="col">수량</th>
<th scope="col">공급가액</th>
<th scope="col">부가세</th>
<th scope="col">금액</th>
</tr>
</thead>
<tbody>
<tr>
<th>단문(SMS)</th>
<td>50</td>
<td>2,000</td>
<td>99,000</td>
<td>1,000</td>
<td>100,000</td>
</tr>
<tr>
<th>장문(LMS)</th>
<td>100</td>
<td>2,800</td>
<td>277,200</td>
<td>2,800</td>
<td>280,000</td>
</tr>
<tr>
<th>그림(MMS)</th>
<td>150</td>
<td>10</td>
<td>1,350</td>
<td>150</td>
<td>1,500</td>
</tr>
<tr>
<th>알림톡</th>
<td>100</td>
<td>10</td>
<td>900</td>
<td>100</td>
<td>1,000</td>
</tr>
<tr>
<th>비즈톡</th>
<td>100</td>
<td>10</td>
<td>900</td>
<td>100</td>
<td>1,000</td>
</tr>
</tbody>
</table>
</div>
<div class="cont4">
<table class="est_table">
<caption>공급가액, 부가세, 총 결제금액에 대한 표</caption>
<colgroup>
<col style="width: 64px;">
<col style="width: auto;">
</colgroup>
<tbody>
<tr>
<th>공급가액</th>
<td><span>379,350</span></td>
</tr>
<tr>
<th>부가세</th>
<td><span>4,150</span></td>
</tr>
<tr>
<th>총 결제금액</th>
<td><span>383,500</span></td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="est_footer">
<span>특이사항</span>
<div>
<p>- 본 견적서는 기본 견적서로 결제방식, 옵션 등에 따라 차이가 발생할 수 있습니다.</p>
<p>- 결제금액에 2% 포인트 적립(단가할인 고객의 경우 적립 제외)</p>
<p>- 포인트 3,000원 이상부터 충전금 전환 가능</p>
<p>- 포인트 10,000원 이상부터 현금으로 교환 가능</p>
<p>- 100만원 이상 충전을 원하시는 고객께서는 070-4786-0008로 별도 문의 바랍니다.</p>
<p>- 인터넷 익스플로러를 사용하시는 고객께서는 <span>[옵션도구>옵션>고급>인쇄>배경색 및 이미지 인쇄]</span>를 체크해주시기 바랍니다.</p>
</div>
</div>
</div>
</div><!--// 견적서 -->
<div class="est_btn_wrap">
<button type="button" class="btnType"><i class="pdf_img"></i>PDF저장</button>
<button type="button" class="btnType"><i class="print_img"></i>인쇄하기</button>
<button type="button" class="btnType tooltip-close" data-focus="estimate01-close" data-focus-next="estimate01">닫기</button>
</div>
</div>
</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="login2">
<div class="inner table">
<div class="login_left table_cell">
<div class="login_info">
<i></i>
<div class="login2_name">
<p>홍길동홍길동홍길동홍길동</p>
<span>(개인) 님</span>
</div>
<div class="session">
<span>08:46</span>
<button type="button">연장</button>
</div>
<button type="button" class="btnType btnType3">마이페이지</button>
<button type="button" class="btnType btnType2">로그아웃</button>
</div>
<div class="check_money">
<i></i>
<p>보유잔액 <span class="fwMd">3,000</span></p>
<button type="button" class="btnType btnType3">충전</button>
<button type="button" class="btnType btnType3">전용계좌</button>
</div>
<div class="point">
<i></i>
<p>포인트 <span class="fwMd">1,000</span></p>
<button type="button" data-tooltip="popup04" class="btnType btnType3">교환</button>
</div>
</div>
<div class="login_right">
<button type="button" class="btnType btnType14"><i></i>이동통신사 스팸 규격 안내</button>
<!-- <button type="button">스팸필터링 번호도용차단</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="tabType1">
<li class="tab active"><button type="button" onclick="TabType6(this,'1');">네이버 주소록을 이용하여 등록</button></li>
<li class="tab"><button type="button" onclick="TabType6(this,'2');">핸드폰 VCF파일로 변환하여 등록</button></li>
</ul><!--// tab button -->
<!-- 네이버 주소록을 이용하여 등록 -->
<div class="enroll_cont current" id="tab6_1">
<div class="heading">
<h2>네이버 주소록을 이용하여 등록</h2>
</div>
<div class="pay_tab_wrap">
<!-- tab button -->
<ul class="tabType1">
<li class="tab active"><button type="button" onclick="TabType1(this,'1')">안드로이드</button></li>
<li class="tab"><button type="button" onclick="TabType1(this,'2')">아이폰</button></li>
</ul><!--// tab button -->
</div>
<!-- 네이버 주소록을 이용하여 등록 - 안드로이드 -->
<div class="eleType_cont current" id="tab1_1">
<div class="addWrap android">
<ul class="add_and">
<li>
<p class="number">01</p>
<p>어플 play 스토어에서<br/><strong>네이버 주소록</strong> 검색</p>
<img src="/publish/images/content/add_android_img01.png"/>
</li>
<li>
<p class="number">02</p>
<p>오른쪽 하단<br/><strong>SETTINGS</strong> 선택</p>
<img src="/publish/images/content/add_android_img02.png"/>
</li>
<li>
<p class="number">03</p>
<p>SETTINGS 선택 후<br/><strong>주소록 접근 권한 허용</strong></p>
<img src="/publish/images/content/add_android_img03.png"/>
</li>
<li>
<p class="number">04</p>
<p>네이버 주소록 앱<br/>재실행 후 <strong>시작하기</strong> 선택</p>
<img src="/publish/images/content/add_android_img04.png"/>
</li>
<li>
<p class="number">05</p>
<p>기본계정을<br/><strong>휴대폰</strong> 선택</p>
<img src="/publish/images/content/add_android_img05.png"/>
</li>
<li>
<p class="number">06</p>
<p class="txt"><strong>내보내기</strong> 클릭</p>
<img src="/publish/images/content/add_android_img06.png"/>
</li>
<li>
<p class="number">07</p>
<p>내보내기를 한 후<br/>반드시 완료 후 <strong>확인</strong> 클릭</p>
<img src="/publish/images/content/add_android_img07.png"/>
</li>
<li>
<p class="number">08</p>
<p>PC에서 네이버 주소록 접속 후<br/><strong>연락처 저장·내보내기</strong> 클릭</p>
<img src="/publish/images/content/add_android_img08.png"/>
</li>
<li>
<p class="number">09</p>
<p>파일 형식(<strong>CSV 또는 XLSX</strong>), 항목, 대상선택 후<strong>파일로 저장</strong>하기</p>
<img src="/publish/images/content/add_android_img09.png"/>
</li>
</ul>
<div class="btnWrap">
<button type="button">주소록 등록 무료대행</button>
<button type="button">주소록 관리 바로가기</button>
</div>
</div>
</div><!--// 네이버 주소록을 이용하여 등록 - 안드로이드 -->
<!-- 네이버 주소록을 이용하여 등록 - 아이폰 -->
<div class="eleType_cont" id="tab1_2">
<div class="addWrap iphone">
<ul class="add_and">
<li>
<p class="number">01</p>
<p>앱스토어에서<br/><strong>네이버 주소록</strong> 검색</p>
<img src="/publish/images/content/add_iphone_img01.png"/>
</li>
<li>
<p class="number">02</p>
<p>네이버 주소록 앱 실행 후<br/><strong>주소록 접근 권한 허용</strong></p>
<img src="/publish/images/content/add_iphone_img02.png"/>
</li>
<li>
<p class="number">03</p>
<p><strong>원하는 모드를 선택</strong><br/>
주소록 앱 시작하기 선택</p>
<img src="/publish/images/content/add_iphone_img03.png"/>
</li>
<li>
<p class="number">04</p>
<p><strong>내보내기</strong> 눌러서<br/>반드시 내보내기 완료 후 확인</p>
<img src="/publish/images/content/add_iphone_img04.png"/>
</li>
<li>
<p class="number">05</p>
<p>PC에서 네이버 주소록 접속 후<br/><strong>연락처 저장·내보내기</strong> 클릭</p>
<img src="/publish/images/content/add_iphone_img05.png"/>
</li>
<li>
<p class="number">06</p>
<p class="txt">파일 형식(<strong>CSV 또는 XLSX</strong>), 항목, 대상선택 후<strong>파일로 저장</strong>하기</p>
<img src="/publish/images/content/add_iphone_img06.png"/>
</li>
</ul>
<div class="btnWrap">
<button type="button">주소록 등록 무료대행</button>
<button type="button">주소록 관리 바로가기</button>
</div>
</div>
</div><!-- 네이버 주소록을 이용하여 등록 - 아이폰-->
</div><!-- 네이버 주소록을 이용하여 등록 -->
<!-- 네이버 주소록을 이용하여 등록 -->
<div class="enroll_cont" id="tab6_2">
<div class="heading">
<h2>핸드폰 VCF파일로 변환하여 등록</h2>
</div>
<div class="addWrap vcf">
<ul class="add_and">
<li>
<p class="number">01</p>
<p class="txt">휴대폰 <strong>연락처 어플</strong> 클릭</p>
<img src="/publish/images/content/add_android_img01.png"/>
</li>
<li>
<p class="number">02</p>
<p>왼쪽 메뉴 클릭 후<br/><strong>연락처 관리 클릭</strong></p>
<img src="/publish/images/content/add_android_img02.png"/>
</li>
<li>
<p class="number">03</p>
<p>연락처 관리에서<br/><strong>연락처 가져오기/내보내기</strong> 클릭</p>
<img src="/publish/images/content/add_android_img03.png"/>
</li>
<li>
<p class="number">04</p>
<p class="txt"><strong>연락처 내보내기</strong> 클릭</p>
<img src="/publish/images/content/add_android_img04.png"/>
</li>
<li>
<p class="number">05</p>
<p><strong>내장메모리</strong> 선택 후<br/><strong>핸드폰과 PC 연결</strong></p>
<img src="/publish/images/content/add_android_img05.png"/>
</li>
<li>
<p class="number">06</p>
<p><strong>내 PC</strong>에서<br/><strong>본인 핸드폰 기종</strong>클릭</p>
<img src="/publish/images/content/add_android_img06.png"/>
</li>
<li>
<p class="number">07</p>
<p><strong>연락처(VCF) 파일</strong> 복사<br/>주소록 등록 대행버튼 클릭</p>
<img src="/publish/images/content/add_android_img07.png"/>
</li>
</ul>
<div class="btnWrap">
<button type="button">주소록 등록 무료대행</button>
<button type="button">주소록 관리 바로가기</button>
</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>