2025/05/07 HTML 업데이트
This commit is contained in:
subsub
parent
3f6375f7d2
commit
dc9cf2cd3d
@ -631,37 +631,7 @@
|
||||
</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 영역 -->
|
||||
<!-- footer -->
|
||||
<div data-include-path="/publish/layout/_footer.html"></div>
|
||||
<!--// footer 영역 -->
|
||||
</body></html>
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@ -22,157 +22,14 @@
|
||||
<script src="/publish/js/common.js"></script>
|
||||
<script src="/publish/js/content.js"></script>
|
||||
<script src="/publish/js/calendar.js"></script>
|
||||
<script src="/publish/js/popup.js"></script>
|
||||
<script src="/publish/js/popupLayer.js"></script>
|
||||
|
||||
|
||||
</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 영역 -->
|
||||
<div data-include-path="/publish/layout/_header.html"></div>
|
||||
<!-- login 영역 -->
|
||||
<!-- content 영역 -->
|
||||
<div id="container" class="cont sub">
|
||||
@ -181,15 +38,17 @@
|
||||
<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>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/adrbook1.html'">주소록관리</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/adrbook_fax.html'">팩스 주소록관리</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/adrbook2.html'">수신거부</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/adrbook4.html'">폰주소록 등록</button></li>
|
||||
<li class="tab active"><button type="button" onclick="TabType5(this,'5');">주소록 입력 대행(무료)</button></li>
|
||||
</ul><!--// tab button -->
|
||||
<!-- 주소록 관리 - 주소록 입력 대행(무료) -->
|
||||
<div class="adr_cont current" id="tab5_4">
|
||||
<div class="heading">
|
||||
<h2>주소록 무료대행</h2>
|
||||
<button type="button" class="button info" onclick="infoListPop('adrbookAgency','792','320');">사용안내</button>
|
||||
</div>
|
||||
<!-- <div class="titBox">
|
||||
<p>- 평일 09:30~17:00 사이에 신청하신 경우 <span class="c_222 fwRg">당일 처리를 원칙</span>으로 하되, 파일의 상태, 용량 등에 따라 1~2일 정도 소요될 수 있습니다<span class="c_222 fwRg">(주말 및 공휴일 처리 불가)</span></p>
|
||||
@ -280,6 +139,7 @@
|
||||
<col style="width: 20%;">
|
||||
<col style="width: 40%;">
|
||||
<col style="width: 10%;">
|
||||
<col style="width: 10%;">
|
||||
<col style="width: 20%;">
|
||||
<col style="width: 10%;">
|
||||
</colgroup>
|
||||
@ -288,16 +148,21 @@
|
||||
<th>번호</th>
|
||||
<th>신청일시</th>
|
||||
<th>요청사항</th>
|
||||
<th>주소록 종류</th>
|
||||
<th>파일</th>
|
||||
<th>처리일시</th>
|
||||
<th>처리상태</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td colspan="7">검색된 내용이 없습니다.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><p>1</p></td>
|
||||
<td><p>2021-04-16, 15:00:20</p></td>
|
||||
<td><p>그룹이름을 백김치로 등록해주세요.</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>
|
||||
@ -306,6 +171,7 @@
|
||||
<td><p>2</p></td>
|
||||
<td><p>2021-04-16, 15:00:20</p></td>
|
||||
<td><p>그룹이름을 백김치로 등록해주세요.</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>
|
||||
@ -314,6 +180,7 @@
|
||||
<td><p>3</p></td>
|
||||
<td><p>2021-04-16, 15:00:20</p></td>
|
||||
<td><p>그룹이름을 백김치로 등록해주세요.</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>
|
||||
@ -322,6 +189,7 @@
|
||||
<td><p>4</p></td>
|
||||
<td><p>2021-04-16, 15:00:20</p></td>
|
||||
<td><p>그룹이름을 백김치로 등록해주세요.</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>
|
||||
@ -330,6 +198,7 @@
|
||||
<td><p>5</p></td>
|
||||
<td><p>2021-04-16, 15:00:20</p></td>
|
||||
<td><p>그룹이름을 백김치로 등록해주세요.</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>
|
||||
@ -338,6 +207,7 @@
|
||||
<td><p>6</p></td>
|
||||
<td><p>2021-04-16, 15:00:20</p></td>
|
||||
<td><p>그룹이름을 백김치로 등록해주세요.</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>
|
||||
@ -346,6 +216,7 @@
|
||||
<td><p>7</p></td>
|
||||
<td><p>2021-04-16, 15:00:20</p></td>
|
||||
<td><p>그룹이름을 백김치로 등록해주세요.</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>
|
||||
@ -354,6 +225,7 @@
|
||||
<td><p>8</p></td>
|
||||
<td><p>2021-04-16, 15:00:20</p></td>
|
||||
<td><p>그룹이름을 백김치로 등록해주세요.</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>
|
||||
@ -362,6 +234,7 @@
|
||||
<td><p>9</p></td>
|
||||
<td><p>2021-04-16, 15:00:20</p></td>
|
||||
<td><p>그룹이름을 백김치로 등록해주세요.</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>
|
||||
@ -370,6 +243,7 @@
|
||||
<td><p>10</p></td>
|
||||
<td><p>2021-04-16, 15:00:20</p></td>
|
||||
<td><p>그룹이름을 백김치로 등록해주세요.</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>
|
||||
@ -400,37 +274,7 @@
|
||||
</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 영역 -->
|
||||
<!-- footer -->
|
||||
<div data-include-path="/publish/layout/_footer.html"></div>
|
||||
<!--// footer 영역 -->
|
||||
</body></html>
|
||||
|
||||
@ -28,151 +28,7 @@
|
||||
</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 영역 -->
|
||||
<div data-include-path="/publish/layout/_header.html"></div>
|
||||
<!-- login 영역 -->
|
||||
<!-- content 영역 -->
|
||||
<div id="container" class="cont sub">
|
||||
@ -181,10 +37,11 @@
|
||||
<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 active"><button type="button" onclick="TabType5(this,'3');">폰주소록 등록</button></li>
|
||||
<li class="tab"><button type="button" onclick="TabType5(this,'4');">주소록 입력 대행(무료)</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/adrbook1.html'">주소록관리</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/adrbook_fax.html'">팩스 주소록관리</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/adrbook2.html'">수신거부</button></li>
|
||||
<li class="tab active"><button type="button" onclick="TabType5(this,'4');">폰주소록 등록</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/adrbook3.html'">주소록 입력 대행(무료)</button></li>
|
||||
</ul><!--// tab button -->
|
||||
<!-- 주소록 관리 - 폰주소록 등록 -->
|
||||
<div class="adr_cont current" id="tab5_3">
|
||||
@ -200,58 +57,58 @@
|
||||
</div>
|
||||
<!-- 네이버 주소록을 이용하여 등록 -->
|
||||
<div class="enroll_cont current" id="tab6_1">
|
||||
<!-- tab button -->
|
||||
<ul class="adr_depth3">
|
||||
<li class="tab active"><button type="button" onclick="listTab(this,'1');">안드로이드</button></li>
|
||||
<li class="tab"><button type="button" onclick="listTab(this,'2');">아이폰</button></li>
|
||||
</ul><!--// tab button -->
|
||||
<!-- 네이버 주소록을 이용하여 등록 - 안드로이드 -->
|
||||
<div class="addWrap android eleType_cont current" id="listTab_1">
|
||||
<ul class="add_and">
|
||||
<li>
|
||||
<p class="number">01</p>
|
||||
<p>구글 플레이 스토어에서<br/><strong>네이버 주소록</strong> 앱 다운</p>
|
||||
<img src="/publish/images/content/add_android_img01.png"/>
|
||||
<p>구글 플레이 스토어 · 애플 앱스토어에서<strong> 네이버</strong> 앱 다운</p>
|
||||
<img src="/publish/images/content/address_img01.png">
|
||||
</li>
|
||||
<li>
|
||||
<p class="number">02</p>
|
||||
<p>오른쪽 하단<br/><strong>SETTINGS</strong> 선택</p>
|
||||
<img src="/publish/images/content/add_android_img02.png"/>
|
||||
<p>왼쪽 상단 <strong>메뉴</strong> 선택</p>
|
||||
<img src="/publish/images/content/address_img02.png">
|
||||
</li>
|
||||
<li>
|
||||
<p class="number">03</p>
|
||||
<p>주소록 <strong>접근 권한</strong> 모두 허용</p>
|
||||
<img src="/publish/images/content/add_android_img03.png"/>
|
||||
<p>하단 스크롤 후 <br><strong>[내도구] → 주소록</strong> 선택</p>
|
||||
<img src="/publish/images/content/address_img03.png">
|
||||
</li>
|
||||
<li>
|
||||
<p class="number">04</p>
|
||||
<p>네이버 주소록 앱<br/>재실행 후 <strong>시작하기</strong> 선택</p>
|
||||
<img src="/publish/images/content/add_android_img04.png"/>
|
||||
<p>오른쪽 상단 <strong>메뉴</strong> 선택</p>
|
||||
<img src="/publish/images/content/address_img04.png">
|
||||
</li>
|
||||
<li>
|
||||
<p class="number">05</p>
|
||||
<p>기본계정을<br/><strong>휴대폰</strong> 선택</p>
|
||||
<img src="/publish/images/content/add_android_img05.png"/>
|
||||
<p>폰 연락처 <strong>업로드</strong> 선택</p>
|
||||
<img src="/publish/images/content/address_img05.png">
|
||||
</li>
|
||||
<li>
|
||||
<p class="number">06</p>
|
||||
<p class="txt"><strong>내보내기</strong> 선택</p>
|
||||
<img src="/publish/images/content/add_android_img06.png"/>
|
||||
<p class="txt"><strong>새로고침</strong> 선택</p>
|
||||
<img src="/publish/images/content/address_img06.png">
|
||||
</li>
|
||||
<li>
|
||||
<p class="number">07</p>
|
||||
<p>내보내기 완료 후<br/>반드시 <strong>확인</strong> 버튼 선택</p>
|
||||
<img src="/publish/images/content/add_android_img07.png"/>
|
||||
<p>연락처 접근 <strong>허용</strong> 선택</p>
|
||||
<img src="/publish/images/content/address_img07.png">
|
||||
</li>
|
||||
<li>
|
||||
<p class="number">08</p>
|
||||
<p>PC에서 네이버 주소록 접속 후<br/><strong>연락처 저장·내보내기</strong> 선택</p>
|
||||
<img src="/publish/images/content/add_android_img08.png"/>
|
||||
<p><strong>폰 연락처 업로드</strong> 완료</p>
|
||||
<img src="/publish/images/content/address_img08.png">
|
||||
</li>
|
||||
<li class="nine">
|
||||
<p class="number">09</p>
|
||||
<p>PC에서 네이버 메일 접속 후 <strong>상단 주소록 아이콘</strong> 선택</p>
|
||||
<img src="/publish/images/content/address_img09.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"/>
|
||||
<p class="number">10</p>
|
||||
<p>연락처 저장 · 내보내기 선택 후 파일 형식(<strong>CSV 또는 XLSX</strong>), 항목, 대상 선택 후 <strong>파일로 저장하기</strong> 클릭</p>
|
||||
<img src="/publish/images/content/address_img10.png">
|
||||
</li>
|
||||
</ul>
|
||||
<div class="btnWrap">
|
||||
@ -356,37 +213,7 @@
|
||||
</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 영역 -->
|
||||
<!-- footer -->
|
||||
<div data-include-path="/publish/layout/_footer.html"></div>
|
||||
<!--// footer 영역 -->
|
||||
</body></html>
|
||||
|
||||
@ -22,16 +22,17 @@
|
||||
<script src="/publish/js/common.js"></script>
|
||||
<script src="/publish/js/content.js"></script>
|
||||
<script src="/publish/js/calendar.js"></script>
|
||||
<script src="/publish/js/popup.js"></script>
|
||||
<script src="/publish/js/popupLayer.js"></script>
|
||||
|
||||
<script>
|
||||
function popMore(e){
|
||||
function popMore(e) {
|
||||
$(e).closest(".pop_more_cont").toggleClass("pop_more_click");
|
||||
|
||||
if($(e).closest(".pop_more_cont").is(".pop_more_click")){
|
||||
if ($(e).closest(".pop_more_cont").is(".pop_more_click")) {
|
||||
$(e).html('숨기기');
|
||||
$(e).append('<i></i>');
|
||||
}else {
|
||||
} else {
|
||||
$(e).html('더보기');
|
||||
$(e).append('<i></i>');
|
||||
}
|
||||
@ -42,9 +43,39 @@
|
||||
|
||||
<body>
|
||||
<div class="mask"></div>
|
||||
|
||||
<!-- 주소록 상세결과 팝업 : data-tooltip:adr_popup14 -->
|
||||
<div class="tooltip-wrap">
|
||||
<div class="popup-com adr_layer adr_popup14" tabindex="0" data-tooltip-con="adr_popup14" data-focus="adr_popup14" data-focus-prev="adr_popu14-close">
|
||||
<div class="popup_heading">
|
||||
<p>주소록 상세 결과</p>
|
||||
<button type="button" class="tooltip-close" data-focus="adr_popup14-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
|
||||
</div>
|
||||
<div class="layer_in" style="padding:30px 20px;">
|
||||
<div class="table_top">
|
||||
<p>
|
||||
총 <span class="c_e40000" id="errorPopTotCnt">0</span>건
|
||||
/ 중복 <span class="c_002c9a" id="errorPopDupCnt">0</span>건
|
||||
/ 오류 <span class="c_002c9a" id="errorPopErrorCnt">0</span>건</p>
|
||||
<button type="button" class="excel_btn btnType" id="errorExcelBtn"><i class="downroad"></i>엑셀 다운로드</button>
|
||||
</div>
|
||||
<div class="tb_wrap adr_list tabulator" id="tabulator_error" role="grid" tabulator-layout="fitColumns" style="height: 255px;"></div>
|
||||
<ul class="cf_text_ul">
|
||||
<li>*중복번호는 하나의 번호만 등록됩니다.</li>
|
||||
<li>*휴대폰 형식에 맞지 않는 데이터는 삭제 후 업로드 됩니다.</li>
|
||||
<li>ex) 발송불가 특수문자, 자릿수 오류 등</li>
|
||||
</ul>
|
||||
<div class="popup_btn_wrap2">
|
||||
<button type="button" class="tooltip-close" data-focus="adr_popup14-close" data-focus-next="adr_popup14">닫기</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- // 주소록 상세결과 팝업 -->
|
||||
|
||||
<!-- 주소록 대량등록 팝업 data-tooltip:adr_popup01 -->
|
||||
<div class="tooltip-wrap">
|
||||
<div class="popup-com adr_layer adr_popup01 fax_adr_layer01" tabindex="0" data-tooltip-con="adr_popup01" data-focus="adr_popup01" data-focus-prev="adr_popup01-close" style="width: 1000px;">
|
||||
<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>
|
||||
@ -55,28 +86,22 @@
|
||||
<ul class="list_tab">
|
||||
<li class="tab active"><button type="button" onclick="popupTab(this,'1');">엑셀입력</button></li>
|
||||
<li class="tab"><button type="button" onclick="popupTab(this,'2');">붙여넣기</button></li>
|
||||
<li class="tab"><button type="button" onclick="popupTab(this,'3');">직접입력</button></li>
|
||||
</ul>
|
||||
<!--// tab button -->
|
||||
</div>
|
||||
<!-- 엑셀입력 -->
|
||||
<div class="popCont current pop_more_cont" id="popCont_1">
|
||||
<div class="titBox">
|
||||
<p>- 엑셀(EXCEL) 파일로 주소록을 한 번에 최대 2만건까지 등록하여 간편하게 발송 및 관리하실 수 있습니다.</p>
|
||||
<p>- 반드시 샘플파일을 다운로드하여 작성방법을 확인하신 후 정해진 양식에 맞추어 주소록을 작성하셔야 합니다.</p>
|
||||
<p> ※ 주소록 관리 메뉴에서 다운로드 받으신 엑셀 파일 또한 업로드 양식에 맞추어 작성하셔야 하며,</p>
|
||||
<p> 주소록에 이미 등록된 팩스 번호는 업데이트 되지 않으므로 기존 주소록에서 해당 휴대폰 번호를 삭제한 후 재등록해 주시기 바랍니다.</p>
|
||||
<p>- 쉼표(,), 구분선(|), 역슬래시(＼, ￦), 작은따옴표('), 큰따옴표(") 등 발송불가 특수문자는 저장되지 않습니다.</p>
|
||||
<p>- 팩스 번호는 필수입력 항목입니다.</p>
|
||||
<p>- 팩스 번호 형태는 032-1234-5678 또는 03212345678 모두 가능합니다. 단, 공백은 허용되지 않습니다.</p>
|
||||
<p>- 주소록은 한 번에 최대 30만건까지 등록(EXCEL파일, 최대용량 20MB) 가능합니다.</p>
|
||||
<p>- 엑셀 파일에 비밀번호 설정, 제한된 보기, 수식 등이 설정되어 있는 경우 업로드가 불가합니다.</p>
|
||||
<p>- 이름 20byte, 메모 250byte까지 입력 가능합니다.</p>
|
||||
<p>- 첨부가능 파일 : xlsx, xls(최대용량 3MB)</p>
|
||||
<p>- ‘오류 검사’를 통해 등록된 데이터에 팩스 번호 입력 오류를 확인하실 수 있습니다.</p>
|
||||
<p>- 주소록 등록이 어려우신 경우에는 주소록 입력대행 메뉴를 이용하시면 됩니다.</p>
|
||||
<button type="button" class="excel_btn"><i class="downroad"></i>샘플파일 다운로드</button>
|
||||
<p>- 구분선(|), 역슬래시(＼, ￦), 큰따옴표("), 이모지(이모티콘) 등 발송불가 특수문자는 저장되지 않습니다.</p>
|
||||
<p>- 이름 200byte, 메모 250byte까지 입력 가능합니다.</p>
|
||||
<p>- 팩스 번호는 지역번호(02, 031, 033 등), 타사부가번호(030*, 050*, 060, 070, 080, 1**)로 시작하는 번호만 발송 가능합니다. </p>
|
||||
<p>- 주소록 등록이 어려우신 경우에는 <a href="/web/mjon/addragency/selectAddrAgencyList.do" style="font-weight: bold; color: blue;">주소록 입력대행</a> 메뉴를 이용하실 수 있습니다. </p>
|
||||
</div>
|
||||
<div class="pop_more_wrap">
|
||||
<button type="button" class="pop_more" onclick="popMore(this);">더보기<i></i></button>
|
||||
<button type="button" class="pop_more" onclick="popMore(this);">더보기<i></i></button>
|
||||
</div>
|
||||
<table class="layer_tType1">
|
||||
<caption>엑셀입력 표</caption>
|
||||
@ -96,7 +121,7 @@
|
||||
</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>
|
||||
<button type="button" class="excel_btn2 btnType"><i class="uproad"></i>엑셀, TXT파일 업로드</button>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
@ -104,41 +129,71 @@
|
||||
<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>건</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 class="excel_middle2">
|
||||
<p>
|
||||
총 <span class="c_e40000 fwBold" id="rowTotCnt">0</span>건 / 중복 <span class="c_002c9a fwBold" id="rowDupCnt">0</span>건 / 오류 <span class="c_002c9a fwBold" id="rowErrorCnt">0</span>건
|
||||
<button type="button" class="btn_list_detail" data-tooltip="adr_popup14"><img src="/publish/images/search.png"></button>
|
||||
</p>
|
||||
</div>
|
||||
<!-- table -->
|
||||
<div class="adr_excel">
|
||||
<div class="adr_excel" style="margin-top: 13px; overflow-x:auto;">
|
||||
|
||||
<div class="adr_hd select_adr_hd" data-group="tableClip" style="width:100%;">
|
||||
<div style="width: 140px;"></div>
|
||||
<div style="width: calc((100% - 140px)/3);">
|
||||
<label for="" class="label"></label>
|
||||
<select class="field-selector">
|
||||
<option value="">선택하기</option>
|
||||
<option value="addrNm">이름</option>
|
||||
<option value="addrPhoneNo">팩스번호</option>
|
||||
<option value="addrComment">메모</option>
|
||||
</select>
|
||||
</div>
|
||||
<div style="width: calc((100% - 140px)/3);">
|
||||
<label for="" class="label"></label>
|
||||
<select class="field-selector">
|
||||
<option value="">선택하기</option>
|
||||
<option value="addrNm">이름</option>
|
||||
<option value="addrPhoneNo">팩스번호</option>
|
||||
<option value="addrComment">메모</option>
|
||||
</select>
|
||||
</div>
|
||||
<div style="width: calc((100% - 140px)/3);">
|
||||
<label for="" class="label"></label>
|
||||
<select class="field-selector">
|
||||
<option value="">선택하기</option>
|
||||
<option value="addrNm">이름</option>
|
||||
<option value="addrPhoneNo">팩스번호</option>
|
||||
<option value="addrComment">메모</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--// table -->
|
||||
|
||||
<div class="adr_excel drag_drop_wrap callList_box tabulator">
|
||||
<!-- thead -->
|
||||
<div class="adr_hd">
|
||||
<div>
|
||||
<div class="adr_hd" style="width: 100%;">
|
||||
<div style="width:70px;">
|
||||
<label for="" class="label">전체 선택</label>
|
||||
<input type="checkbox">
|
||||
</div>
|
||||
<div>
|
||||
이름
|
||||
<div style="width:calc((100% - 40px)/3);">
|
||||
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>
|
||||
팩스번호
|
||||
<div style="width:calc((100% - 40px)/3);">
|
||||
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>
|
||||
메모
|
||||
<div style="width:calc((100% - 40px)/3);">
|
||||
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>
|
||||
@ -152,36 +207,61 @@
|
||||
<label for="" class="label">한 줄 선택</label>
|
||||
<input type="checkbox">
|
||||
</div>
|
||||
<div>1</div>
|
||||
<div>홍길동</div>
|
||||
<div>010-1234-5678</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 style="width:calc((100% - 70px)/3);">1</div>
|
||||
<div style="width:calc((100% - 70px)/3);">홍길동</div>
|
||||
<div style="width:calc((100% - 70px)/3);">010-1234-5678</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 style="width:calc((100% - 70px)/3);">1</div>
|
||||
<div style="width:calc((100% - 70px)/3);">홍길동</div>
|
||||
<div style="width:calc((100% - 70px)/3);">010-1234-5678</div>
|
||||
</div>
|
||||
<div class="adr_bd">
|
||||
<div>
|
||||
<label for="" class="label">한 줄 선택</label>
|
||||
<input type="checkbox">
|
||||
</div>
|
||||
<div style="width:calc((100% - 70px)/3);">1</div>
|
||||
<div style="width:calc((100% - 70px)/3);">홍길동</div>
|
||||
<div style="width:calc((100% - 70px)/3);">010-1234-5678</div>
|
||||
</div>
|
||||
<div class="adr_bd">
|
||||
<div>
|
||||
<label for="" class="label">한 줄 선택</label>
|
||||
<input type="checkbox">
|
||||
</div>
|
||||
<div style="width:calc((100% - 70px)/3);">1</div>
|
||||
<div style="width:calc((100% - 70px)/3);">홍길동</div>
|
||||
<div style="width:calc((100% - 70px)/3);">010-1234-5678</div>
|
||||
</div>
|
||||
<div class="adr_bd">
|
||||
<div>
|
||||
<label for="" class="label">한 줄 선택</label>
|
||||
<input type="checkbox">
|
||||
</div>
|
||||
<div style="width:calc((100% - 70px)/3);">1</div>
|
||||
<div style="width:calc((100% - 70px)/3);">홍길동</div>
|
||||
<div style="width:calc((100% - 70px)/3);">010-1234-5678</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 class="excel_middle">
|
||||
<div class="select_btnWrap clearfix">
|
||||
<div>
|
||||
<button type="button" class="all_del"><i class="remove_img"></i>전체삭제</button>
|
||||
<button type="button" class="select_del"><i class="remove_img"></i>선택삭제</button>
|
||||
<div class="error_hover_cont send_hover_cont addr_hover_cont">
|
||||
<p>휴대폰 번호 입력 시 해당 휴대폰 번호에 대한 형식이 어긋나거나 휴대폰 번호에 오류가 있는지 등을 검사하는 기능</p>
|
||||
<span>(예시) 010-1234-0001(O) / 010-123-0001(X)</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- pagination -->
|
||||
<ul class="pagination">
|
||||
<li class="page_first"><button><img src="/publish/images/content/page_first.png" alt=""></button></li>
|
||||
@ -204,15 +284,11 @@
|
||||
<!-- 붙여넣기 -->
|
||||
<div class="popCont pop_more_cont" id="popCont_2">
|
||||
<div class="titBox">
|
||||
<p>- 텍스트(txt) 파일로 작성된 주소록을 등록하실 수 있습니다.</p>
|
||||
<p>- 반드시 샘플파일을 다운로드하여 작성방법을 확인하신 후 정해진 양식에 맞추어 주소록을 붙여 넣으셔야 합니다.</p>
|
||||
<p>- 입력 내용은 (Tab) 또는 (,) 구분하여 입력하여야 합니다.</p>
|
||||
<p>- 한 줄(열)에 주소 한 건만 입력 가능합니다.</p>
|
||||
<p>- 팩스 번호 형태는 032-1234-5678 또는 03212345678 모두 가능합니다. 단, 공백은 허용되지 않습니다.</p>
|
||||
<p> (예) 홍길동,032-1234-5678 또는 홍길동,03212345678</p>
|
||||
<p>- 한번에 많은 양의 데이터를 입력하시려면 ‘주소록 복사(Ctrl+c) + 붙여넣기(Ctrl+v)’ 또는 ‘엑셀입력’을 이용하세요.</p>
|
||||
<p>- 주소록 등록이 어려우신 경우에는 주소록 입력대행 메뉴를 이용하시면 됩니다.</p>
|
||||
<button type="button" class="txt_btn"><i></i>TXT샘플 다운로드</button>
|
||||
<p>- 엑셀(EXCEL), 텍스트(TXT) 파일로 작성된 주소록 내용을 복사하여 등록 가능합니다.</p>
|
||||
<p>- 많은 양의 데이터를 입력하시려면 ‘주소록 복사(Ctrl+C) + 붙여넣기(Ctrl+V)’를 이용해주세요.</p>
|
||||
<p>- 입력 내용은 (Tab) 또는 (,) 기호로 구분하여 입력하여야 합니다.</p>
|
||||
<p>- 이름 200byte, [*1*]~[*4*] 200byte, 메모 250byte까지 입력 가능합니다.</p>
|
||||
<p>- 주소록 등록이 어려우신 경우에는 <a href="/web/mjon/addragency/selectAddrAgencyList.do" style="font-weight: bold; color: blue;">주소록 입력대행</a> 메뉴를 이용하실 수 있습니다. </p>
|
||||
</div>
|
||||
<div class="pop_more_wrap">
|
||||
<button type="button" class="pop_more" onclick="popMore(this);">더보기<i></i></button>
|
||||
@ -221,8 +297,8 @@
|
||||
<table class="layer_tType1">
|
||||
<caption>붙여넣기 표</caption>
|
||||
<colgroup>
|
||||
<col style="width: 95px">
|
||||
<col style="width: auto">
|
||||
<col style="width: 95px;">
|
||||
<col style="width: auto;">
|
||||
</colgroup>
|
||||
<tbody>
|
||||
<tr>
|
||||
@ -230,48 +306,84 @@
|
||||
<td>
|
||||
<label for="" class="label">그룹 선택</label>
|
||||
<select id="">
|
||||
<option>그룹미지정</option>
|
||||
<option>그룹추가</option>
|
||||
<option>그룹a</option>
|
||||
<option>그룹b</option>
|
||||
</select>
|
||||
<label for="" class="label">성명 입력</label>
|
||||
<input type="text" placeholder="새 그룹명을 입력해주세요." onfocus="this.placeholder=''" onblur="this.placeholder='새 그룹명을 입력해주세요.'" class="inputLight" style="width: 300px;">
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<!-- table -->
|
||||
<div class="excel_middle2" style="margin: 0 0 10px 0;">
|
||||
<p>
|
||||
총 <span class="c_e40000 fwBold" id="rowTotCnt">0</span>건 / 중복 <span class="c_002c9a fwBold" id="rowDupCnt">0</span>건
|
||||
|
||||
<button type="button" class="btnType btnType6" data-tooltip="addrMassDupli_layer" onclick="GetAddrMassDupli()" id="btnAddrMassDupli" style="display: none;">중복번호</button>
|
||||
|
||||
<button type="button" class="btnType btnType6" data-tooltip="addrMassSaveDupli_layer" onclick="GetAddrMassSaveDupli()" id="btnAddrMassSaveDupli" style="display: none;">중복번호</button>
|
||||
</p>
|
||||
<button type="button" class="btnType btnType6 addCallToF">번호추가</button>
|
||||
</div>
|
||||
<div class="adr_excel">
|
||||
<p>
|
||||
총 <span class="c_e40000 fwBold" id="rowTotCnt">0</span>건
|
||||
/ 중복 <span class="c_002c9a fwBold" id="rowDupCnt">0</span>건
|
||||
/ 오류 <span class="c_002c9a fwBold" id="rowErrorCnt">0</span>건
|
||||
<button type="button" class="btn_list_detail" data-tooltip="adr_popup14"><img src="/publish/images/search.png"></button>
|
||||
</p>
|
||||
</div>
|
||||
<!-- table -->
|
||||
<div class="adr_excel" style="margin-top: 13px; overflow-x:auto;">
|
||||
|
||||
<div class="adr_hd select_adr_hd" data-group="tableClip" style="width:100%;">
|
||||
<div style="width: 140px;"></div>
|
||||
<div style="width: calc((100% - 140px)/3);">
|
||||
<label for="" class="label"></label>
|
||||
<select class="field-selector">
|
||||
<option value="">선택하기</option>
|
||||
<option value="addrNm">이름</option>
|
||||
<option value="addrPhoneNo">팩스번호</option>
|
||||
<option value="addrComment">메모</option>
|
||||
</select>
|
||||
</div>
|
||||
<div style="width: calc((100% - 140px)/3);">
|
||||
<label for="" class="label"></label>
|
||||
<select class="field-selector">
|
||||
<option value="">선택하기</option>
|
||||
<option value="addrNm">이름</option>
|
||||
<option value="addrPhoneNo">팩스번호</option>
|
||||
<option value="addrComment">메모</option>
|
||||
</select>
|
||||
</div>
|
||||
<div style="width: calc((100% - 140px)/3);">
|
||||
<label for="" class="label"></label>
|
||||
<select class="field-selector">
|
||||
<option value="">선택하기</option>
|
||||
<option value="addrNm">이름</option>
|
||||
<option value="addrPhoneNo">팩스번호</option>
|
||||
<option value="addrComment">메모</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--// table -->
|
||||
|
||||
<div class="adr_excel drag_drop_wrap callList_box tabulator">
|
||||
<!-- thead -->
|
||||
<div class="adr_hd">
|
||||
<div>
|
||||
<div class="adr_hd" style="width: 100%;">
|
||||
<div style="width:70px;">
|
||||
<label for="" class="label">전체 선택</label>
|
||||
<input type="checkbox">
|
||||
</div>
|
||||
<div>
|
||||
이름
|
||||
<div style="width:calc((100% - 70px)/3);">
|
||||
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>
|
||||
팩스번호
|
||||
<div style="width:calc((100% - 70px)/3);">
|
||||
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>
|
||||
메모
|
||||
<div style="width:calc((100% - 70px)/3);">
|
||||
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>
|
||||
@ -285,48 +397,64 @@
|
||||
<label for="" class="label">한 줄 선택</label>
|
||||
<input type="checkbox">
|
||||
</div>
|
||||
<div>1</div>
|
||||
<div>홍길동</div>
|
||||
<div>010-1234-5678</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 style="width:calc((100% - 70px)/3);">1</div>
|
||||
<div style="width:calc((100% - 70px)/3);">홍길동</div>
|
||||
<div style="width:calc((100% - 70px)/3);">010-1234-5678</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 style="width:calc((100% - 70px)/3);">1</div>
|
||||
<div style="width:calc((100% - 70px)/3);">홍길동</div>
|
||||
<div style="width:calc((100% - 70px)/3);">010-1234-5678</div>
|
||||
</div>
|
||||
<div class="adr_bd">
|
||||
<div>
|
||||
<label for="" class="label">한 줄 선택</label>
|
||||
<input type="checkbox">
|
||||
</div>
|
||||
<div style="width:calc((100% - 70px)/3);">1</div>
|
||||
<div style="width:calc((100% - 70px)/3);">홍길동</div>
|
||||
<div style="width:calc((100% - 70px)/3);">010-1234-5678</div>
|
||||
</div>
|
||||
<div class="adr_bd">
|
||||
<div>
|
||||
<label for="" class="label">한 줄 선택</label>
|
||||
<input type="checkbox">
|
||||
</div>
|
||||
<div style="width:calc((100% - 70px)/3);">1</div>
|
||||
<div style="width:calc((100% - 70px)/3);">홍길동</div>
|
||||
<div style="width:calc((100% - 70px)/3);">010-1234-5678</div>
|
||||
</div>
|
||||
<div class="adr_bd">
|
||||
<div>
|
||||
<label for="" class="label">한 줄 선택</label>
|
||||
<input type="checkbox">
|
||||
</div>
|
||||
<div style="width:calc((100% - 70px)/3);">1</div>
|
||||
<div style="width:calc((100% - 70px)/3);">홍길동</div>
|
||||
<div style="width:calc((100% - 70px)/3);">010-1234-5678</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="excel_middle">
|
||||
<div class="select_btnWrap clearfix">
|
||||
<div>
|
||||
<button type="button" class="all_del"><i class="remove_img"></i>전체삭제</button>
|
||||
<button type="button" class="select_del"><i class="remove_img"></i>선택삭제</button>
|
||||
<div class="error_hover_cont send_hover_cont addr_hover_cont">
|
||||
<p>휴대폰 번호 입력 시 해당 휴대폰 번호에 대한 형식이 어긋나거나 휴대폰 번호에 오류가 있는지 등을 검사하는 기능</p>
|
||||
<span>(예시) 010-1234-0001(O) / 010-123-0001(X)</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--// table -->
|
||||
<div class="excel_middle">
|
||||
<div class="select_btnWrap clearfix">
|
||||
<div>
|
||||
<button type="button" class="all_del"><i class="remove_img"></i>전체삭제</button>
|
||||
<button type="button" class="select_del"><i class="remove_img"></i>선택삭제</button>
|
||||
<button type="button" class="chkVali_del"><i class="remove_img"></i>오류번호삭제</button>
|
||||
<button type="button" class="check_validity">오류 검사 <i></i></button>
|
||||
<div class="error_hover_cont send_hover_cont addr_hover_cont">
|
||||
<p>휴대폰 번호 입력 시 해당 휴대폰 번호에 대한 형식이 어긋나거나 휴대폰 번호에 오류가 있는지 등을 검사하는 기능</p>
|
||||
<span>(예시) 010-1234-0001(O) / 010-123-0001(X)</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- pagination -->
|
||||
<ul class="pagination" style="margin: 30px auto">
|
||||
<ul class="pagination" style="margin: 30px auto 0 auto;">
|
||||
<li class="page_first"><button><img src="/publish/images/content/page_first.png" alt=""></button></li>
|
||||
<li class="page_prev"><button><img src="/publish/images/content/page_prev.png" alt=""></button></li>
|
||||
<li class="on"><button>1</button></li>
|
||||
@ -342,13 +470,161 @@
|
||||
<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 class="req_area">
|
||||
<textarea placeholder="- 팩스 번호가 입력된 txt 파일을 열어 복사(Ctrl+c) + 붙여넣기(Ctrl+v)로도 입력하실 수 있습니다. - 팩스 번호는 필수입력 항목입니다. - 이름,팩스 번호,메모 순서대로 입력해주세요.(예 : 홍길동, 032-1234-5678, 메모) - 이름은 24byte, 메모는 250byte까지 입력 가능합니다. - '오류 검사'를 통해 등록된 데이터에 팩스 번호 입력 오류를 확인하실 수 있습니다."></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<!--// 붙여넣기 -->
|
||||
|
||||
<!-- 직접입력 -->
|
||||
<div class="popCont pop_more_cont" id="popCont_3">
|
||||
<div class="titBox">
|
||||
<p>- 셀간 이동은 Tab으로 가능합니다.</p>
|
||||
<p>- 팩스 번호를 입력하지 않은 행은 저장되지 않습니다.</p>
|
||||
<p>- 이름 200byte, 메모 250byte까지 입력 가능합니다.</p>
|
||||
<p>- 주소록 등록이 어려우신 경우에는 <a href="/web/mjon/addragency/selectAddrAgencyList.do" style="font-weight: bold; color: blue;">주소록 입력대행</a> 메뉴를 이용하실 수 있습니다. </p>
|
||||
</div>
|
||||
<div class="pop_more_wrap">
|
||||
<button type="button" class="pop_more" onclick="popMore(this);">더보기<i></i></button>
|
||||
</div>
|
||||
<!-- table -->
|
||||
<table class="layer_tType1">
|
||||
<caption>붙여넣기 표</caption>
|
||||
<colgroup>
|
||||
<col style="width: 95px;">
|
||||
<col style="width: auto;">
|
||||
</colgroup>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th>그룹 선택</th>
|
||||
<td>
|
||||
<label for="" class="label">그룹 선택</label>
|
||||
<select id="">
|
||||
<option>그룹추가</option>
|
||||
<option>그룹a</option>
|
||||
<option>그룹b</option>
|
||||
</select>
|
||||
<label for="" class="label">성명 입력</label>
|
||||
<input type="text" placeholder="새 그룹명을 입력해주세요." onfocus="this.placeholder=''" onblur="this.placeholder='새 그룹명을 입력해주세요.'" class="inputLight" style="width: 300px;">
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<!-- table -->
|
||||
<div class="excel_middle2" style="margin: 0 0 10px 0;">
|
||||
<p>총 <span class="c_e40000 fwBold" id="rowTotCnt">0</span>건</p>
|
||||
</div>
|
||||
|
||||
<div class="adr_excel drag_drop_wrap callList_box tabulator">
|
||||
<!-- thead -->
|
||||
<div class="adr_hd" style="width: 100%;">
|
||||
<div style="width:70px;">
|
||||
<label for="" class="label">전체 선택</label>
|
||||
<input type="checkbox">
|
||||
</div>
|
||||
<div style="width:calc((100% - 40px)/3);">
|
||||
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 style="width:calc((100% - 40px)/3);">
|
||||
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 style="width:calc((100% - 40px)/3);">
|
||||
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>
|
||||
<!-- tbody -->
|
||||
<div class="adr_bd_wrap">
|
||||
<div class="adr_bd">
|
||||
<div>
|
||||
<label for="" class="label">한 줄 선택</label>
|
||||
<input type="checkbox">
|
||||
</div>
|
||||
<div style="width:calc((100% - 70px)/3);">1</div>
|
||||
<div style="width:calc((100% - 70px)/3);">홍길동</div>
|
||||
<div style="width:calc((100% - 70px)/3);">010-1234-5678</div>
|
||||
</div>
|
||||
<div class="adr_bd">
|
||||
<div>
|
||||
<label for="" class="label">한 줄 선택</label>
|
||||
<input type="checkbox">
|
||||
</div>
|
||||
<div style="width:calc((100% - 70px)/3);">1</div>
|
||||
<div style="width:calc((100% - 70px)/3);">홍길동</div>
|
||||
<div style="width:calc((100% - 70px)/3);">010-1234-5678</div>
|
||||
</div>
|
||||
<div class="adr_bd">
|
||||
<div>
|
||||
<label for="" class="label">한 줄 선택</label>
|
||||
<input type="checkbox">
|
||||
</div>
|
||||
<div style="width:calc((100% - 70px)/3);">1</div>
|
||||
<div style="width:calc((100% - 70px)/3);">홍길동</div>
|
||||
<div style="width:calc((100% - 70px)/3);">010-1234-5678</div>
|
||||
</div>
|
||||
<div class="adr_bd">
|
||||
<div>
|
||||
<label for="" class="label">한 줄 선택</label>
|
||||
<input type="checkbox">
|
||||
</div>
|
||||
<div style="width:calc((100% - 70px)/3);">1</div>
|
||||
<div style="width:calc((100% - 70px)/3);">홍길동</div>
|
||||
<div style="width:calc((100% - 70px)/3);">010-1234-5678</div>
|
||||
</div>
|
||||
<div class="adr_bd">
|
||||
<div>
|
||||
<label for="" class="label">한 줄 선택</label>
|
||||
<input type="checkbox">
|
||||
</div>
|
||||
<div style="width:calc((100% - 70px)/3);">1</div>
|
||||
<div style="width:calc((100% - 70px)/3);">홍길동</div>
|
||||
<div style="width:calc((100% - 70px)/3);">010-1234-5678</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="excel_middle">
|
||||
<div class="select_btnWrap clearfix">
|
||||
<div>
|
||||
<button type="button" class="all_del"><i class="remove_img"></i>전체삭제</button>
|
||||
<button type="button" class="select_del"><i class="remove_img"></i>선택삭제</button>
|
||||
<div class="error_hover_cont send_hover_cont addr_hover_cont">
|
||||
<p>휴대폰 번호 입력 시 해당 휴대폰 번호에 대한 형식이 어긋나거나 휴대폰 번호에 오류가 있는지 등을 검사하는 기능</p>
|
||||
<span>(예시) 010-1234-0001(O) / 010-123-0001(X)</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--// table -->
|
||||
|
||||
<!-- pagination -->
|
||||
<ul class="pagination" style="margin: 30px auto 0 auto;">
|
||||
<li class="page_first"><button><img src="/publish/images/content/page_first.png" alt=""></button></li>
|
||||
<li class="page_prev"><button><img src="/publish/images/content/page_prev.png" alt=""></button></li>
|
||||
<li class="on"><button>1</button></li>
|
||||
<li><button>2</button></li>
|
||||
<li><button>3</button></li>
|
||||
<li><button>4</button></li>
|
||||
<li><button>5</button></li>
|
||||
<li><button>6</button></li>
|
||||
<li><button>7</button></li>
|
||||
<li><button>8</button></li>
|
||||
<li><button>9</button></li>
|
||||
<li><button>10</button></li>
|
||||
<li class="page_next"><button><img src="/publish/images/content/page_next.png" alt=""></button></li>
|
||||
<li class="page_last"><button><img src="/publish/images/content/page_last.png" alt=""></button></li>
|
||||
</ul><!-- pagination -->
|
||||
</div>
|
||||
<!-- //직접입력 -->
|
||||
</div>
|
||||
<div class="popup_btn_wrap2">
|
||||
<div class="popup_btn_wrap2" style="margin: 0 auto 30px auto;">
|
||||
<button type="button">등록</button>
|
||||
<button type="button" class="tooltip-close" data-focus="adr_popup01-close" data-focus-next="popup02">닫기</button>
|
||||
</div>
|
||||
@ -855,151 +1131,9 @@
|
||||
<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>
|
||||
<div data-include-path="/publish/layout/_header.html"></div>
|
||||
<!--// header 영역 -->
|
||||
<!-- login 영역 -->
|
||||
<!-- content 영역 -->
|
||||
@ -1009,18 +1143,18 @@
|
||||
<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="location.href='/publish/adrbook1.html'">주소록관리</button></li>
|
||||
<li class="tab active"><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>
|
||||
<li class="tab"><button type="button" onclick="TabType5(this,'5');">주소록 입력 대행(무료)</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/adrbook2.html'">수신거부</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/adrbook4.html'">폰주소록 등록</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/adrbook3.html'">주소록 입력 대행(무료)</button></li>
|
||||
</ul>
|
||||
<!--// tab button -->
|
||||
<!-- 주소록 관리 - 주소록 관리 -->
|
||||
<div class="adr_cont current" id="tab5_1">
|
||||
<div class="heading">
|
||||
<h2>주소록 관리</h2>
|
||||
<button type="button" class="button info" onclick="window.open('/publish/info_popup_adrbook_fax.html', 'infoPop', 'width=800, height=430, top=100, left=100, fullscreen=no, menubar=no, status=no, toolbar=no, titlebar=yes, location=no, scrollbars=1');">사용안내</button>
|
||||
<button type="button" class="button info" onclick="infoListPop('faxAdrbook1','792','500')">사용안내</button>
|
||||
</div>
|
||||
|
||||
<div class="adr1">
|
||||
@ -1324,40 +1458,9 @@
|
||||
</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 영역 -->
|
||||
<!-- footer -->
|
||||
<div data-include-path="/publish/layout/_footer.html"></div>
|
||||
<!--// footer 영역 -->
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -331,40 +331,9 @@
|
||||
</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 영역 -->
|
||||
<!-- footer -->
|
||||
<div data-include-path="/publish/layout/_footer.html"></div>
|
||||
<!--// footer 영역 -->
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -298,40 +298,9 @@
|
||||
</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 영역 -->
|
||||
<!-- footer -->
|
||||
<div data-include-path="/publish/layout/_footer.html"></div>
|
||||
<!--// footer 영역 -->
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -307,40 +307,9 @@
|
||||
</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 영역 -->
|
||||
<!-- footer -->
|
||||
<div data-include-path="/publish/layout/_footer.html"></div>
|
||||
<!--// footer 영역 -->
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -310,40 +310,9 @@
|
||||
</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 영역 -->
|
||||
<!-- footer -->
|
||||
<div data-include-path="/publish/layout/_footer.html"></div>
|
||||
<!--// footer 영역 -->
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -38,7 +38,7 @@
|
||||
<div class="hover_cont">이용안내</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><i class="quick2"></i><span>채 팅상담</span></a>
|
||||
<a href="#"><i class="quick2"></i><span>채 팅상담</span></a>
|
||||
<div class="hover_cont">채팅상담</div>
|
||||
</li>
|
||||
<li>
|
||||
@ -95,8 +95,7 @@
|
||||
<!-- 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>
|
||||
<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>
|
||||
@ -109,8 +108,7 @@
|
||||
</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="전체검색" 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>
|
||||
@ -136,8 +134,7 @@
|
||||
<li><a href="#">#좋은하루</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<button class="btn_close" onclick="searchToggle();"><img src="/publish/images/btn_searchclose.png"
|
||||
alt=""></button>
|
||||
<button class="btn_close" onclick="searchToggle();"><img src="/publish/images/btn_searchclose.png" alt=""></button>
|
||||
</div>
|
||||
</div>
|
||||
<!--// search popup 영역 -->
|
||||
@ -148,11 +145,9 @@
|
||||
<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">
|
||||
<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">
|
||||
<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>
|
||||
@ -209,12 +204,12 @@
|
||||
<!-- tab button -->
|
||||
<ul class="list_tab">
|
||||
<li class="tab active"><button type="button" onclick="listTab3(this,'1');">JSP</button>
|
||||
</li><!--
|
||||
<li class="tab"><button type="button" onclick="listTab3(this,'2');">ASP</button>
|
||||
</li>
|
||||
<!-- <li class="tab"><button type="button" onclick="listTab3(this,'2');">ASP</button>
|
||||
</li> -->
|
||||
<li class="tab"><button type="button" onclick="listTab3(this,'3');">PHP</button>
|
||||
</li>
|
||||
<li class="tab"><button type="button" onclick="listTab3(this,'4');">.NET</button>
|
||||
<!--<li class="tab"><button type="button" onclick="listTab3(this,'4');">.NET</button>
|
||||
</li>
|
||||
<li class="tab"><button type="button" onclick="listTab3(this,'5');">AOS</button>
|
||||
</li>
|
||||
@ -313,26 +308,28 @@
|
||||
<col style="width:35%;">
|
||||
<col style="width:65%;">
|
||||
</colgroup>
|
||||
<tr>
|
||||
<th>파일명</th>
|
||||
<td>파일 설명</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>파일명</th>
|
||||
<td>파일 설명</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>파일명</th>
|
||||
<td>파일 설명</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>파일명</th>
|
||||
<td>파일 설명</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>파일명</th>
|
||||
<td>파일 설명</td>
|
||||
</tr>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th>php_example_send_msg_r1.php</th>
|
||||
<td>문자보내기(여러명에게 동일한문자)</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>php_example_send_msgs_r1.php</th>
|
||||
<td>문자보내기(여러명에게 다른문자)</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>php_example_hstry_r1.php</th>
|
||||
<td>전송내역조회</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>php_example_hstry_detail_r1.php</th>
|
||||
<td>상세전송내역조회</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>php_example_select_price_r1.php</th>
|
||||
<td>발송가능건수</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
@ -468,39 +465,8 @@
|
||||
</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 -->
|
||||
<div data-include-path="/publish/layout/_footer.html"></div>
|
||||
<!--// footer 영역 -->
|
||||
</body>
|
||||
|
||||
|
||||
@ -1605,40 +1605,9 @@
|
||||
</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 영역 -->
|
||||
<!-- footer -->
|
||||
<div data-include-path="/publish/layout/_footer.html"></div>
|
||||
<!--// footer 영역 -->
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -271,40 +271,9 @@
|
||||
</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 영역 -->
|
||||
<!-- footer -->
|
||||
<div data-include-path="/publish/layout/_footer.html"></div>
|
||||
<!--// footer 영역 -->
|
||||
</body>
|
||||
|
||||
</html>
|
||||
137
src/main/webapp/publish/email_form_terms_2024_clause.html
Normal file
137
src/main/webapp/publish/email_form_terms_2024_clause.html
Normal file
@ -0,0 +1,137 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ko">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>이용약관 개정 안내 메일입니다.</title>
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
||||
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap" rel="stylesheet" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="wrap" style=" width: 100%; height: 100%; background-color: #e3e8f0; padding: 70px 0; ">
|
||||
<div class="box" style=" max-width: 730px; width: 90%; background-color: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); border-radius: 20px; overflow: hidden; margin: 0 auto; ">
|
||||
<div class="area_top" style=" width: 100%; box-sizing: border-box; text-align: center; margin: 0; position: relative;">
|
||||
<!-- <img src="https://www.munjaon.co.kr/publish/images/emailForm/mail_top_230329.png" /> -->
|
||||
<img src="https://www.munjaon.co.kr/publish/images/emailForm/emailTop230414.jpg" alt="" style="width: 100%;">
|
||||
</div>
|
||||
<div class="area_content" style="padding: 3% 6% 4% 6%">
|
||||
<p style=" font-size: 22px; font-weight: 500; font-family: 'Noto Sans KR', sans-serif !important; letter-spacing: -0.5px; margin: 15px 0 25px 0; line-height: 1.5; ">
|
||||
<span style="font-size: 28px; font-weight: 700; color: #222">[문자온] </span><span style="font-size: 28px; font-weight: 700; color: #eea301">이용약관 개정</span><span style="font-size: 28px; font-weight: 700; color: #222">안내</span></p>
|
||||
<p style=" font-size: 17px; letter-spacing: -0.5px; line-height: 1.6; color: #222; margin: 0; font-weight: 300; font-family: 'Noto Sans KR', sans-serif !important; ">
|
||||
안녕하세요. 대량 ‧ 단체 문자사이트 “문자온(www.munjaon.co.kr)”입니다.<br />변함없이 문자온 서비스를 이용해 주시는 고객님께 감사의 말씀을 드리며 이용약관이 다음과 같이 변경됨을 알려드리오니
|
||||
서비스 이용에 참고하시기 바랍니다. </p>
|
||||
|
||||
<!--테이블시작-->
|
||||
<table style=" width: 100%; table-layout: fixed; border-collapse: collapse; margin: 20px 0 20px 0; border-spacing: 0;">
|
||||
<colgroup>
|
||||
<col style="width: 20%;" />
|
||||
<col style="width: 80%;" />
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr>
|
||||
<th style="font-family: 'Noto Sans KR', sans-serif !important; letter-spacing: -0.5px; width: 105px; background-color: #e7eaee; height: 38px; line-height: 38px; text-align: center; font-size: 16px; font-weight: 400; color: #222; border-right: 1px solid #d5d5d5;">구분</th>
|
||||
<th style="font-family: 'Noto Sans KR', sans-serif !important; letter-spacing: -0.5px; background-color: #e7eaee; font-size: 16px; font-weight: 400; color: #222; text-align: center;">주요내용</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr style="border-bottom: 1px solid #d5d5d5;">
|
||||
<td style="font-family: 'Noto Sans KR', sans-serif !important; letter-spacing: -0.5px; width: 105px; text-align: center; height: 47px; line-height: 47px; border-right: 1px solid #d5d5d5; font-size: 16px; font-weight: 400; color: #222;">개정사유</td>
|
||||
<td style="font-family: 'Noto Sans KR', sans-serif !important; letter-spacing: -0.5px; text-align: left; padding-left: 10px; font-size: 16px; font-weight: 300; color: #222;">전송자격인증제 도입 및 전체 약관 내용 정비
|
||||
</td>
|
||||
</tr>
|
||||
<tr style="border-bottom: 1px solid #d5d5d5;">
|
||||
<td style="font-family: 'Noto Sans KR', sans-serif !important; letter-spacing: -0.5px; width: 105px; text-align: center; height: 47px; line-height: 47px; border-right: 1px solid #d5d5d5; font-size: 16px; font-weight: 400; color: #222;">개정사항</td>
|
||||
<td style="font-family: 'Noto Sans KR', sans-serif !important; letter-spacing: -0.5px; text-align: left; padding-left: 10px; font-size: 15px; font-weight: 300; color: #222; line-height:20px;">
|
||||
<p style="text-indent:-8px;padding:0 0 0 8px;margin:2px 0;word-break:keep-all;">- 자구 수정 및 용어 정비 </p>
|
||||
<p style="text-indent:-8px;padding:0 0 0 8px;margin:2px 0;word-break:keep-all;">- 용어의 정의 변경(회원→이용자) </p>
|
||||
<p style="text-indent:-8px;padding:0 0 0 8px;margin:2px 0;word-break:keep-all;">- 전송자격인증제 도입 및 운영 관련 </p>
|
||||
<p style="text-indent:-10px;padding:0 0 0 10px;margin:0 0 4px 10px;word-break:keep-all;"><strong style="color:#666;">ㆍ</strong>전송자격인증제 용어 정의 추가(제2조제18호) </p>
|
||||
<p style="text-indent:-10px;padding:0 0 0 10px;margin:0 0 4px 10px;word-break:keep-all;"><strong style="color:#666;">ㆍ</strong>전송자격미인증(취소) 사업자와의 계약 거절(제5조제8항) </p>
|
||||
<p style="text-indent:-10px;padding:0 0 0 10px;margin:0 0 4px 10px;word-break:keep-all;"><strong style="color:#666;">ㆍ</strong>인증이 취소된 문자재판매사와의 서비스 정지 및 계약해지(제10조제11항) </p>
|
||||
<p style="text-indent:-10px;padding:0 0 0 10px;margin:0 0 4px 10px;word-break:keep-all;"><strong style="color:#666;">ㆍ</strong>회사와 거래하는 문자재판매사업자의 전송자격인증 의무화(제11조제7항) </p>
|
||||
<p style="text-indent:-8px;padding:0 0 0 8px;margin:2px 0;word-break:keep-all;">- 이용자의 권리 또는 의무에 관한 중요사항 변경 시, 약관 30일 공지 의무(제3조) </p>
|
||||
<p style="text-indent:-8px;padding:0 0 0 8px;margin:2px 0;word-break:keep-all;">- 이용계약 신청 거절 사유 추가(만 18세 미만) 및 용어 정비(제5조) </p>
|
||||
<p style="text-indent:-8px;padding:0 0 0 8px;margin:2px 0;word-break:keep-all;">- 본인의 승낙 없는 개인정보의 제3자 제공 금지 원칙 명시(제6조) </p>
|
||||
<p style="text-indent:-8px;padding:0 0 0 8px;margin:2px 0;word-break:keep-all;">- 보안강화를 위한 보안로그인 기능 도입(제7조) </p>
|
||||
<p style="text-indent:-8px;padding:0 0 0 8px;margin:2px 0;word-break:keep-all;">- 회원정보가 허위 또는 현행화되지 않은 이용자에 대한 통지 방법 명시(제9조) </p>
|
||||
<p style="text-indent:-8px;padding:0 0 0 8px;margin:2px 0;word-break:keep-all;">- 불법스팸 등으로 인지되는 메시지 (사전ㆍ후) 발송차단 등 회사 의무 구체화(제10조) </p>
|
||||
<p style="text-indent:-8px;padding:0 0 0 8px;margin:2px 0;word-break:keep-all;">- 불법스팸 등으로 인지되는 메시지 발송행위 금지 및 영리목적 광고성 정보 전송 시 광고표기 준수의무 등 이용자의 의무에 관한 사항 구체화(제11조) </p>
|
||||
<p style="text-indent:-8px;padding:0 0 0 8px;margin:2px 0;word-break:keep-all;">- 회원의 권리에 관한 조치(동의의 철회, 민원처리) 신설(제12조 및 제13조) </p>
|
||||
<p style="text-indent:-8px;padding:0 0 0 8px;margin:2px 0;word-break:keep-all;">- 서비스의 제공, 변경 및 중단과 관련한 용어 순화 및 중복내용 삭제(제14조) </p>
|
||||
<p style="text-indent:-8px;padding:0 0 0 8px;margin:2px 0;word-break:keep-all;">- 회원탈퇴, 자격상실 및 서비스 이용 제한 등과 관련, 현행 조문(1개)을 사유별로 구분(2개)하여 상세화 </p>
|
||||
<p style="text-indent:-10px;padding:0 0 0 10px;margin:0 0 4px 10px;"><strong style="color:#666;">ㆍ</strong>서비스 이용의 제한 또는 정지 : 영구ㆍ일시정지 사유 구체화(제15조) </p>
|
||||
<p style="text-indent:-10px;padding:0 0 0 10px;margin:0 0 4px 10px;"><strong style="color:#666;">ㆍ</strong>계약의 해지 : 불법스팸 발송 등 이용자의 귀책사유로 인한 회사의 계약해지 사유 구체화(제17조) </p>
|
||||
<p style="text-indent:-8px;padding:0 0 0 8px;margin:2px 0;word-break:keep-all;">- 친구톡 메시지 전송제한 시간대 변경 등(제16조) </p>
|
||||
<p style="text-indent:-8px;padding:0 0 0 8px;margin:2px 0;word-break:keep-all;">- 후납 방식의 요금 산정 방식 신설(제21조) </p>
|
||||
<p style="text-indent:-8px;padding:0 0 0 8px;margin:2px 0;word-break:keep-all;">- 요금 등의 환불 및 소멸 규정 정비(제24조) </p>
|
||||
<p style="text-indent:-10px;padding:0 0 0 10px;margin:0 0 4px 10px;"><strong style="color:#666;">ㆍ</strong>환불 처리기간(영업일로부터 3일 이내) 변경 </p>
|
||||
<p style="text-indent:-10px;padding:0 0 0 10px;margin:0 0 4px 10px;"><strong style="color:#666;">ㆍ</strong>환불 불가조건(자발적 계약해지, 이용자의 귀책사유로 인한 회사의 계약해지, 이용자의 불법스팸 발송 등 관련법 위반에 따른 이용정지 시) 구체화 </p>
|
||||
<p style="text-indent:-8px;padding:0 0 0 8px;margin:2px 0;word-break:keep-all;">- 불법스팸 등 발송으로 인해 회사에 손해를 끼치는 경우 이용자의 손해배상의무 신설 및 면책사항과 중복되는 내용 삭제(제25조) </p>
|
||||
<p style="text-indent:-8px;padding:0 0 0 8px;margin:2px 0;word-break:keep-all;">- 불법스팸 발송 등 관련법 위반에 따른 이용정지 시, 이용자에게 발생하는 손해에 대한 회사의 면잭 조항 신설(제26조) </p>
|
||||
<p style="text-indent:-8px;padding:0 0 0 8px;margin:2px 0;word-break:keep-all;">- 개인정보분쟁조정위원회 업무이관(행정자치부→개인정보보호위원회) 사항 반영(제27조) </p>
|
||||
<div style="border-top:1px solid #eeeeee; margin:5px 0 0 0; padding:0 0 15px 0;">
|
||||
<span style="text-align: center; padding:10px 0; display:block;">개정되는 약관 전체 내용은 하단의 링크 또는 홈페이지 공지사항을 통하여 확인해주시기 바랍니다.</span>
|
||||
<div style="display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px">
|
||||
<a style="display: inline-block; font-family: 'Noto Sans KR', sans-serif !important; letter-spacing: -0.5px; font-size: 16px; font-weight: 500; text-decoration: none; color: #2e5ac8;" href="https://www.munjaon.co.kr/web/cop/bbs/TermsList.do?menuNm=02&termsMastNo=2023" target="_blank">
|
||||
<p style="margin: 0 auto; text-align: center; width: 230px; padding: 8px 0;border: 1px solid #2e5ac8; border-radius: 5px; background-color: #f0f5fe;">개정 전 이용약관</p>
|
||||
</a>
|
||||
<a style="display: inline-block; font-family: 'Noto Sans KR', sans-serif !important; letter-spacing: -0.5px; font-size: 16px; font-weight: 500; text-decoration: none; color: #2e5ac8;" href="https://www.munjaon.co.kr/web/cop/bbs/TermsList.do?menuNm=02&termsMastNo=2024" target="_blank">
|
||||
<p style="margin: 0 auto; text-align: center; width: 230px; padding: 8px 0;border: 1px solid #2e5ac8; border-radius: 5px; background-color: #f0f5fe;">개정 후 이용약관</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr style="border-bottom: 1px solid #d5d5d5;">
|
||||
<td style="font-family: 'Noto Sans KR', sans-serif !important; letter-spacing: -0.5px; width: 105px; text-align: center; height: 47px; line-height: 47px; border-right: 1px solid #d5d5d5; font-size: 16px; font-weight: 400; color: #222;">시행일</td>
|
||||
<td style="font-family: 'Noto Sans KR', sans-serif !important; letter-spacing: -0.5px; text-align: left; padding-left: 10px; font-size: 16px; font-weight: 300; color: #222;">2024.11.29(금)
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
|
||||
<!--테이블끝-->
|
||||
|
||||
<!--아래시작-->
|
||||
|
||||
<div style="margin: 0 auto; width: 100%; background-color: #e7eaee; border-radius: 5px;">
|
||||
<p style="font-family: 'Noto Sans KR', sans-serif !important; letter-spacing: -0.25px; font-size: 16px; font-weight: 300; color: #222; padding: 20px 30px; margin: 0; line-height: 1.5; word-break: keep-all; ">
|
||||
<strong style="display: block;">이의제기 관련 사항</strong>
|
||||
이용약관 시행일 전까지 별도의 이의제기를 하지 않는 경우 본 이용약관에 동의하는 것으로 간주됩니다. 개정되는 이용약관에 동의하지 않으시는 경우 회원탈퇴(이용계약의 해지)를 요청하실 수 있습니다. 이용약관 개정과 관련하여 궁금하신 사항은 문자온 고객센터로 문의하여 주시기 바랍니다.
|
||||
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<!--문자온 버튼-->
|
||||
<div style="margin: 32px auto 32px auto; text-align: center;">
|
||||
<a style="display: inline-block; font-family: 'Noto Sans KR', sans-serif !important; letter-spacing: -0.5px; font-size: 18px; font-weight: 700; text-decoration: none; color: #2e5ac8;" href="https://www.munjaon.co.kr" target="_blank">
|
||||
<p style="margin: 0 auto; text-align: center; width: 160px; padding: 8px 0;border: 1px solid #2e5ac8; border-radius: 100px;">문자온 바로가기</p>
|
||||
</a>
|
||||
</div>
|
||||
<!--문자온 버튼 끝-->
|
||||
|
||||
<p style="text-align: center; font-family: 'Noto Sans KR', sans-serif !important; letter-spacing: -0.5px; font-size: 18px; font-weight: 300; color: #222; margin: 0; line-height: 31px;">
|
||||
문자온은 앞으로도 회원 여러분께 더욱 신뢰받는 서비스로 보답할 수 있도록<br /> 최선의 노력을 다하겠습니다. <br>감사합니다.
|
||||
</p>
|
||||
|
||||
<!--info-->
|
||||
<div class="info_mail" style="width: 100%; border-top: 1px solid #d5d5d5; margin-top: 48px;">
|
||||
<p style=" font-size: 15px; font-weight: 300; color: #999; line-height: 1.3; letter-spacing: -0.3px; font-family: 'Noto Sans KR', sans-serif !important; margin-top: 48px; word-break: keep-all; ">
|
||||
본 메일은 <span style="font-weight: 500">발신전용</span>이며, 문의에 대한 회신은 처리되지 않습니다. 문자온 관련하여 궁금하신 점이나 <br />불편한 사항은 <span style="font-weight: 500">고객센터</span>를 통해 문의하여 주시기 바랍니다. </p>
|
||||
<p style=" margin-top: 20px; font-size: 15px; font-weight: 300; color: #999; line-height: 1.3; letter-spacing: -0.5px; font-family: 'Noto Sans KR', sans-serif !important; ">
|
||||
주소 : (12248) 경기도 남양주시 다산순환로 20, A동 735호(다산동, 현대프리미어캠퍼스)<br />사업자 번호 : 653-87-00858 ｜ 대표 : 유인식 ｜ 통신판매등록번호 :
|
||||
제2021-다산-0422호 <br />문의전화 : 1551-8011 ｜ E-mail : help@iten.co.kr </p>
|
||||
<p style=" margin-top: 20px; font-size: 15px; font-weight: 300; color: #999; line-height: 1.3; letter-spacing: -0.5px; font-family: 'Noto Sans KR', sans-serif !important; ">
|
||||
Copyright 2022 ⓒ MUNJAON co. Ltd, All rights reserved. </p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
122
src/main/webapp/publish/email_form_terms_2024_privacy.html
Normal file
122
src/main/webapp/publish/email_form_terms_2024_privacy.html
Normal file
@ -0,0 +1,122 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ko">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>개인정보처리방침 개정 안내 메일입니다.</title>
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
||||
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap" rel="stylesheet" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="wrap" style=" width: 100%; height: 100%; background-color: #e3e8f0; padding: 70px 0; ">
|
||||
<div class="box" style=" max-width: 730px; width: 90%; background-color: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); border-radius: 20px; overflow: hidden; margin: 0 auto; ">
|
||||
<div class="area_top" style=" width: 100%; box-sizing: border-box; text-align: center; margin: 0; position: relative;">
|
||||
<!-- <img src="https://www.munjaon.co.kr/publish/images/emailForm/mail_top_230329.png" /> -->
|
||||
<img src="https://www.munjaon.co.kr/publish/images/emailForm/emailTop230414.jpg" alt="" style="width: 100%;">
|
||||
</div>
|
||||
<div class="area_content" style="padding: 3% 6% 4% 6%">
|
||||
<p style=" font-size: 22px; font-weight: 500; font-family: 'Noto Sans KR', sans-serif !important; letter-spacing: -0.5px; margin: 15px 0 25px 0; line-height: 1.5; ">
|
||||
<span style="font-size: 28px; font-weight: 700; color: #222">[문자온] </span><span style="font-size: 28px; font-weight: 700; color: #eea301">개인정보처리방침 개정</span><span style="font-size: 28px; font-weight: 700; color: #222"> 안내</span></p>
|
||||
<p style=" font-size: 17px; letter-spacing: -0.5px; line-height: 1.6; color: #222; margin: 0; font-weight: 300; font-family: 'Noto Sans KR', sans-serif !important; ">
|
||||
안녕하세요. 대량 · 단체 문자사이트 “문자온(www.munjaon.co.kr)”입니다.<br />변함없이 문자온 서비스를 이용해 주시는 고객님께 감사의 말씀을 드리며 개인정보처리방침이 다음과 같이 변경됨을 알려드리오니
|
||||
서비스 이용에 참고하시기 바랍니다. </p>
|
||||
|
||||
<!--테이블시작-->
|
||||
<table style=" width: 100%; table-layout: fixed; border-collapse: collapse; margin: 20px 0 20px 0; border-spacing: 0;">
|
||||
<colgroup>
|
||||
<col style="width: 20%;" />
|
||||
<col style="width: 80%;" />
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr>
|
||||
<th style="font-family: 'Noto Sans KR', sans-serif !important; letter-spacing: -0.5px; width: 105px; background-color: #e7eaee; height: 38px; line-height: 38px; text-align: center; font-size: 16px; font-weight: 400; color: #222; border-right: 1px solid #d5d5d5;">구분</th>
|
||||
<th style="font-family: 'Noto Sans KR', sans-serif !important; letter-spacing: -0.5px; background-color: #e7eaee; font-size: 16px; font-weight: 400; color: #222; text-align: center;">주요내용</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr style="border-bottom: 1px solid #d5d5d5;">
|
||||
<td style="font-family: 'Noto Sans KR', sans-serif !important; letter-spacing: -0.5px; width: 105px; text-align: center; height: 47px; line-height: 47px; border-right: 1px solid #d5d5d5; font-size: 16px; font-weight: 400; color: #222;">개정사유</td>
|
||||
<td style="font-family: 'Noto Sans KR', sans-serif !important; letter-spacing: -0.5px; text-align: left; padding-left: 10px; font-size: 16px; font-weight: 300; color: #222;">개인정보 항목 현행화 및 구체화 등에 따른 내용 정비</td>
|
||||
</tr>
|
||||
<tr style="border-bottom: 1px solid #d5d5d5;">
|
||||
<td style="font-family: 'Noto Sans KR', sans-serif !important; letter-spacing: -0.5px; width: 105px; text-align: center; height: 47px; line-height: 47px; border-right: 1px solid #d5d5d5; font-size: 16px; font-weight: 400; color: #222;">개정사항</td>
|
||||
<td style="font-family: 'Noto Sans KR', sans-serif !important; letter-spacing: -0.5px; text-align: left; padding-left: 10px; font-size: 15px; font-weight: 300; color: #222; line-height:20px;">
|
||||
<p style="text-indent:-8px;padding:0 0 0 8px;margin:2px 0;word-break:keep-all;">- 전문 변경</p>
|
||||
<p style="text-indent:-8px;padding:0 0 0 8px;margin:2px 0;word-break:keep-all;">- 형식 변경 : 법 조문(조, 항, 호, 목) 형태 → 알기 쉬운 평어체 및 도표 형태</p>
|
||||
<p style="text-indent:-8px;padding:0 0 0 8px;margin:2px 0;word-break:keep-all;">- 목차 및 제목 등 문구수정</p>
|
||||
<p style="text-indent:-8px;padding:0 0 0 8px;margin:2px 0;word-break:keep-all;">- 개인정보 처리목적 도표화</p>
|
||||
<p style="text-indent:-8px;padding:0 0 0 8px;margin:2px 0;word-break:keep-all;">- 개인정보 처리 및 보유기간 도표화</p>
|
||||
<p style="text-indent:-8px;padding:0 0 0 8px;margin:2px 0;word-break:keep-all;">- 개인정보 처리 및 보유기간 항목 추가 및 변경</p>
|
||||
<p style="text-indent:-10px;padding:0 0 0 10px;margin:0 0 4px 10px;">(변경) : 통신사실 확인자료(3개월 → 1년)</p>
|
||||
<p style="text-indent:-10px;padding:0 0 0 10px;margin:0 0 4px 10px;">(추가) : 세법 관련 증빙서류(5년)</p>
|
||||
<p style="text-indent:-8px;padding:0 0 0 8px;margin:2px 0;word-break:keep-all;">- 개인정보 제3자 제공 사유 추가(재난, 감염병 등 긴급상황 시) 및 법령에 따른 제공 시 방법 구체화(영장 등 적법 절차에 따라 제공)</p>
|
||||
<p style="text-indent:-8px;padding:0 0 0 8px;margin:2px 0;word-break:keep-all;">- 개인정보 위탁사항 변경(휴대폰, 간편, 즉시이체 결제 처리 등 일부업무 수탁자 변경)</p>
|
||||
<p style="text-indent:-8px;padding:0 0 0 8px;margin:2px 0;word-break:keep-all;">- 정보주체와 법정대리인의 권리 · 의무 및 행사방법 내용 수정(법정대리인 내용 추가)</p>
|
||||
<p style="text-indent:-8px;padding:0 0 0 8px;margin:2px 0;word-break:keep-all;">- 수집 및 제공받는 항목 유형별 구체화 및 도표화</p>
|
||||
<p style="text-indent:-8px;padding:0 0 0 8px;margin:2px 0;word-break:keep-all;">- 회원의 허위 정보 입력시 제재사항(신고 및 탈퇴) 추가</p>
|
||||
<p style="text-indent:-8px;padding:0 0 0 8px;margin:2px 0;word-break:keep-all;">- 개인정보 파기절차 중 물리적 대책 추가 및 안정성 확보 조치 사항 문구 수정</p>
|
||||
<p style="text-indent:-8px;padding:0 0 0 8px;margin:2px 0;word-break:keep-all;">- 개인정보 자동 수집 장치 관련 브라우저(Microsoft Edge 등) 추가 및 문구 수정</p>
|
||||
<p style="text-indent:-8px;padding:0 0 0 8px;margin:2px 0;word-break:keep-all;">- 개인정보보호책임자 및 연락처 변경</p>
|
||||
<p style="text-indent:-8px;padding:0 0 0 8px;margin:2px 0;word-break:keep-all;">- 대검찰청 및 경찰청 연락처 수정</p>
|
||||
<p style="text-indent:-8px;padding:0 0 0 8px;margin:2px 0;word-break:keep-all;">- 회원에게 불리한 개인정보처리방침의 공개 방법</p>
|
||||
<div style="border-top:1px solid #eeeeee; margin:5px 0 0 0; padding:0 0 15px 0;">
|
||||
<span style="text-align: center; padding:10px 0; display:block;">개정되는 개인정보처리방침 전체 내용은 하단의 링크 또는 홈페이지 공지사항을 통하여 확인해주시기 바랍니다.</span>
|
||||
<div style="display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px">
|
||||
<a style="display: inline-block; font-family: 'Noto Sans KR', sans-serif !important; letter-spacing: -0.5px; font-size: 16px; font-weight: 500; text-decoration: none; color: #2e5ac8;" href="https://www.munjaon.co.kr/web/cop/bbs/TermsList.do?menuNm=03&termsMastNo=2023" target="_blank">
|
||||
<p style="margin: 0 auto; text-align: center; width: 230px; padding: 8px 0;border: 1px solid #2e5ac8; border-radius: 5px; background-color: #f0f5fe;">개정 전 개인정보처리방침(v1.1)</p>
|
||||
</a>
|
||||
<a style="display: inline-block; font-family: 'Noto Sans KR', sans-serif !important; letter-spacing: -0.5px; font-size: 16px; font-weight: 500; text-decoration: none; color: #2e5ac8;" href="https://www.munjaon.co.kr/web/cop/bbs/TermsList.do?menuNm=03&termsMastNo=2024" target="_blank">
|
||||
<p style="margin: 0 auto; text-align: center; width: 230px; padding: 8px 0;border: 1px solid #2e5ac8; border-radius: 5px; background-color: #f0f5fe;">개정 후 개인정보처리방침(v2.0)</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr style="border-bottom: 1px solid #d5d5d5;">
|
||||
<td style="font-family: 'Noto Sans KR', sans-serif !important; letter-spacing: -0.5px; width: 105px; text-align: center; height: 47px; line-height: 47px; border-right: 1px solid #d5d5d5; font-size: 16px; font-weight: 400; color: #222;">시행일</td>
|
||||
<td style="font-family: 'Noto Sans KR', sans-serif !important; letter-spacing: -0.5px; text-align: left; padding-left: 10px; font-size: 16px; font-weight: 300; color: #222;">2024.11.6(수)</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
|
||||
<!--테이블끝-->
|
||||
|
||||
<!--아래시작-->
|
||||
|
||||
<div style="margin: 0 auto; width: 100%; background-color: #e7eaee; border-radius: 5px;">
|
||||
<p style="font-family: 'Noto Sans KR', sans-serif !important; letter-spacing: -0.25px; font-size: 16px; font-weight: 300; color: #222; padding: 30px; margin: 0; line-height: 1.5; ">개인정보처리방침 시행일 전까지 별도의 이의제기를 하지 않는 경우 본 개인정보처리방침에 동의하는 것으로 간주됩니다. 개정되는 개인정보처리방침에 동의하지 않으시는 경우 회원탈퇴(이용계약의 해지)를 요청하실 수 있습니다. 개인정보처리방침 개정과 관련하여 궁금하신 사항은 문자온 고객센터로 문의하여 주시기 바랍니다.</p>
|
||||
</div>
|
||||
|
||||
<!--문자온 버튼-->
|
||||
<div style="margin: 32px auto 32px auto; text-align: center;">
|
||||
<a style="display: inline-block; font-family: 'Noto Sans KR', sans-serif !important; letter-spacing: -0.5px; font-size: 18px; font-weight: 700; text-decoration: none; color: #2e5ac8;" href="https://www.munjaon.co.kr" target="_blank">
|
||||
<p style="margin: 0 auto; text-align: center; width: 160px; padding: 8px 0;border: 1px solid #2e5ac8; border-radius: 100px;">문자온 바로가기</p>
|
||||
</a>
|
||||
</div>
|
||||
<!--문자온 버튼 끝-->
|
||||
|
||||
<p style="text-align: center; font-family: 'Noto Sans KR', sans-serif !important; letter-spacing: -0.5px; font-size: 18px; font-weight: 300; color: #222; margin: 0; line-height: 31px;">
|
||||
문자온은 앞으로도 회원 여러분께 더욱 신뢰받는 서비스로 보답할 수 있도록<br /> 최선의 노력을 다하겠습니다. <br>감사합니다.
|
||||
</p>
|
||||
|
||||
<!--info-->
|
||||
<div class="info_mail" style="width: 100%; border-top: 1px solid #d5d5d5; margin-top: 48px;">
|
||||
<p style=" font-size: 15px; font-weight: 300; color: #999; line-height: 1.3; letter-spacing: -0.3px; font-family: 'Noto Sans KR', sans-serif !important; margin-top: 48px; word-break: keep-all; ">
|
||||
본 메일은 <span style="font-weight: 500">발신전용</span>이며, 문의에 대한 회신은 처리되지 않습니다. 문자온 관련하여 궁금하신 점이나 <br />불편한 사항은 <span style="font-weight: 500">고객센터</span>를 통해 문의하여 주시기 바랍니다. </p>
|
||||
<p style=" margin-top: 20px; font-size: 15px; font-weight: 300; color: #999; line-height: 1.3; letter-spacing: -0.5px; font-family: 'Noto Sans KR', sans-serif !important; ">
|
||||
주소 : (12248) 경기도 남양주시 다산순환로 20, A동 735호(다산동, 현대프리미어캠퍼스)<br />사업자 번호 : 653-87-00858 ｜ 대표 : 유인식 ｜ 통신판매등록번호 :
|
||||
제2021-다산-0422호 <br />문의전화 : 1551-8011 ｜ E-mail : help@iten.co.kr </p>
|
||||
<p style=" margin-top: 20px; font-size: 15px; font-weight: 300; color: #999; line-height: 1.3; letter-spacing: -0.5px; font-family: 'Noto Sans KR', sans-serif !important; ">
|
||||
Copyright 2022 ⓒ MUNJAON co. Ltd, All rights reserved. </p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -37,11 +37,11 @@
|
||||
</colgroup>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th>수 신</th>
|
||||
<th>기 업 명</th>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>참 조</th>
|
||||
<th>담 당 자</th>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
@ -83,7 +83,7 @@
|
||||
</tr>
|
||||
<tr>
|
||||
<th>전 화</th>
|
||||
<td>070-4786-0008</td>
|
||||
<td>1551-8011</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>이 메 일</th>
|
||||
@ -176,7 +176,7 @@
|
||||
<td><span>379,350</span> 원</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>부가세</th>
|
||||
<th>세액(부가세)</th>
|
||||
<td><span>4,150</span> 원</td>
|
||||
</tr>
|
||||
<tr>
|
||||
@ -192,9 +192,9 @@
|
||||
<div>
|
||||
<p>- 본 견적서는 기본 견적서로 결제방식, 옵션 등에 따라 차이가 발생할 수 있습니다.</p>
|
||||
<p>- 결제금액에 2% 포인트 적립(단가할인 고객의 경우 적립 제외)</p>
|
||||
<p>- 포인트 3,000원 이상부터 충전금 전환 가능</p>
|
||||
<!-- <p>- 포인트 3,000원 이상부터 충전금 전환 가능</p> -->
|
||||
<p>- 포인트 10,000원 이상부터 현금으로 교환 가능</p>
|
||||
<p>- 100만원 이상 충전을 원하시는 고객께서는 070-4786-0008로 별도 문의 바랍니다.</p>
|
||||
<p>- 100만원 이상 충전을 원하시는 고객께서는 1551-8011로 별도 문의 바랍니다.</p>
|
||||
<p>- 인터넷 익스플로러를 사용하시는 고객께서는 <span>[옵션도구>옵션>고급>인쇄>배경색 및 이미지 인쇄]</span>를 체크해주시기 바랍니다.</p>
|
||||
|
||||
</div>
|
||||
|
||||
@ -4,7 +4,7 @@
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<title>견적서</title>
|
||||
<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">
|
||||
|
||||
@ -280,38 +280,167 @@
|
||||
|
||||
<!-- 엑셀 불러오기 -->
|
||||
<div class="tooltip-wrap">
|
||||
<div class="popup-com import_layer popup02" tabindex="0" data-tooltip-con="popup02" data-focus="popup02" data-focus-prev="popup02-close">
|
||||
<div class="popup-com adr_layer popup02" tabindex="0" data-tooltip-con="popup02" data-focus="popup02" data-focus-prev="popup02-close" style="width:1000px">
|
||||
<div class="popup_heading">
|
||||
<p><span>엑셀</span> 불러오기</p>
|
||||
<button type="button" class="tooltip-close" data-focus="popup02-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
|
||||
</div>
|
||||
<div class="layer_in">
|
||||
<!-- 엑셀파일 불러오기 -->
|
||||
<div class="hascont">
|
||||
<div class="layer_in execl_upload_layer" style="padding: 25px 30px;">
|
||||
<!-- 엑셀입력 -->
|
||||
<div class="popCont current pop_more_cont" id="popCont_1">
|
||||
<div class="titBox">
|
||||
<p>- 최대 2만 건까지 등록할 수 있습니다.</p>
|
||||
<p>- [엑셀 불러오기]시 문서의 A, B, C, D열을 불러옵니다.(지원하는 파일 형식 : xls, xlsx)</p>
|
||||
<p>- 이름 : 20byte, [*1*] [*2*] : 100byte까지 입력 가능합니다.</p>
|
||||
<p>- 휴대폰 항목은 숫자, 하이픈(-)만 인식하며, 번호 앞에 0이 생략되어도 정상 등록됩니다.
|
||||
</p>
|
||||
<button type="button" class="excel_btn"><i></i>샘플파일 다운로드</button>
|
||||
<p>- 주소록은 한 번에 최대 30만건까지 등록(EXCEL파일, 최대용량 20MB) 가능합니다. </p>
|
||||
<p>- 엑셀 파일에 비밀번호 설정, 제한된 보기, 수식 등이 설정되어 있는 경우 업로드가 불가합니다.</p>
|
||||
<p>- 구분선(|), 역슬래시(＼, ￦), 큰따옴표("), 이모지(이모티콘) 등 발송불가 특수문자는 저장되지 않습니다.</p>
|
||||
<p>- 이름 200byte, [*1*]~[*4*] 200byte, 메모 250byte까지 입력 가능합니다.</p>
|
||||
<p>- 주소록 등록이 어려우신 경우에는 <a href="/web/mjon/addragency/selectAddrAgencyList.do" style="font-weight: bold; color: blue;">주소록 입력대행</a> 메뉴를 이용하실 수 있습니다. </p>
|
||||
</div>
|
||||
<div class="attachedFile">
|
||||
<label for="" class="attachedFile_label">첨부파일</label>
|
||||
<input type="text" readonly>
|
||||
<button type="button" class="btnType btnType6">찾아보기</button>
|
||||
<p><span class="vMiddle">*</span> 첨부된 파일은 <span class="c_e40000">[추가]버튼을 클릭</span>하셔야 받는 사람에 등록됩니다.</p>
|
||||
<div class="pop_more_wrap">
|
||||
<button type="button" class="pop_more" onclick="popMore(this);">더보기<i></i></button>
|
||||
</div>
|
||||
</div>
|
||||
<!--// 엑셀파일 불러오기 -->
|
||||
<div class="popup_btn_wrap2">
|
||||
<button type="button">추가</button>
|
||||
<button type="button" class="tooltip-close" data-focus="popup02-close" data-focus-next="popup02">닫기</button>
|
||||
<!--// 엑셀입력 -->
|
||||
|
||||
<!-- 공통 -->
|
||||
<div>
|
||||
<table class="layer_tType1">
|
||||
<caption>엑셀입력 표</caption>
|
||||
<colgroup>
|
||||
<col style="width: 95px">
|
||||
<col style="width: auto">
|
||||
</colgroup>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td colspan="2" style="padding:10px 0;">
|
||||
<div class="file_upload_wrap" style="width:100%;display:flex;">
|
||||
<div class="file_add upload_area">
|
||||
<p><img src="/publish/images/content/file_add.png" alt="파일 붙여넣기">마우스로 엑셀, TXT파일을 여기에 끌어다 놓으세요</p>
|
||||
</div>
|
||||
<input type="file" id="excelFile" accept=".xls, .xlsx, .txt" style="display:none">
|
||||
<button type="button" class="excel_btn2 btnType c3"><i class="uproad"></i>엑셀, TXT파일 업로드</button>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="excel_middle2">
|
||||
<p>
|
||||
총 <span class="c_e40000 fwBold" id="excelRowTotCnt">0</span>건
|
||||
/ 중복 <span class="c_002c9a fwBold" id="excelRowDupCnt">0</span>건
|
||||
/ 오류 <span class="c_002c9a fwBold" id="excelRowErrorCnt">0</span>건
|
||||
<button type="button" class="btn_list_detail" data-tooltip="adr_popup14"><img src="/publish/images/search.png"></button>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="adr_excel" style="margin-top: 13px; overflow-x:auto;">
|
||||
<!-- thead -->
|
||||
<div class="adr_hd select_adr_hd msg" data-group="tableExcel">
|
||||
<div style="width: 43px;"></div>
|
||||
<div style="width: 50px;"></div>
|
||||
<div style="width: 140px;">
|
||||
<label for="" class="label"></label>
|
||||
<select class="field-selector">
|
||||
<option value="">선택하기</option>
|
||||
<option value="addrNm">이름</option>
|
||||
<option value="addrPhoneNo">휴대폰</option>
|
||||
<option value="addrInfo1">[*1*]</option>
|
||||
<option value="addrInfo2">[*2*]</option>
|
||||
<option value="addrInfo3">[*3*]</option>
|
||||
<option value="addrInfo4">[*4*]</option>
|
||||
</select>
|
||||
</div>
|
||||
<div style="width: 140px;">
|
||||
<label for="" class="label"></label>
|
||||
<select class="field-selector">
|
||||
<option value="">선택하기</option>
|
||||
<option value="addrNm">이름</option>
|
||||
<option value="addrPhoneNo">휴대폰</option>
|
||||
<option value="addrInfo1">[*1*]</option>
|
||||
<option value="addrInfo2">[*2*]</option>
|
||||
<option value="addrInfo3">[*3*]</option>
|
||||
<option value="addrInfo4">[*4*]</option>
|
||||
</select>
|
||||
</div>
|
||||
<div style="width: 140px;">
|
||||
<label for="" class="label"></label>
|
||||
<select class="field-selector">
|
||||
<option value="">선택하기</option>
|
||||
<option value="addrNm">이름</option>
|
||||
<option value="addrPhoneNo">휴대폰</option>
|
||||
<option value="addrInfo1">[*1*]</option>
|
||||
<option value="addrInfo2">[*2*]</option>
|
||||
<option value="addrInfo3">[*3*]</option>
|
||||
<option value="addrInfo4">[*4*]</option>
|
||||
</select>
|
||||
</div>
|
||||
<div style="width: 140px;">
|
||||
<label for="" class="label"></label>
|
||||
<select class="field-selector">
|
||||
<option value="">선택하기</option>
|
||||
<option value="addrNm">이름</option>
|
||||
<option value="addrPhoneNo">휴대폰</option>
|
||||
<option value="addrInfo1">[*1*]</option>
|
||||
<option value="addrInfo2">[*2*]</option>
|
||||
<option value="addrInfo3">[*3*]</option>
|
||||
<option value="addrInfo4">[*4*]</option>
|
||||
</select>
|
||||
</div>
|
||||
<div style="width: 140px;">
|
||||
<label for="" class="label"></label>
|
||||
<select class="field-selector">
|
||||
<option value="">선택하기</option>
|
||||
<option value="addrNm">이름</option>
|
||||
<option value="addrPhoneNo">휴대폰</option>
|
||||
<option value="addrInfo1">[*1*]</option>
|
||||
<option value="addrInfo2">[*2*]</option>
|
||||
<option value="addrInfo3">[*3*]</option>
|
||||
<option value="addrInfo4">[*4*]</option>
|
||||
</select>
|
||||
</div>
|
||||
<div style="width: 140px;">
|
||||
<label for="" class="label"></label>
|
||||
<select class="field-selector">
|
||||
<option value="">선택하기</option>
|
||||
<option value="addrNm">이름</option>
|
||||
<option value="addrPhoneNo">휴대폰</option>
|
||||
<option value="addrInfo1">[*1*]</option>
|
||||
<option value="addrInfo2">[*2*]</option>
|
||||
<option value="addrInfo3">[*3*]</option>
|
||||
<option value="addrInfo4">[*4*]</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="drag_drop_wrap callList_includ_box tabulator" id="tabulator_excel" role="grid" tabulator-layout="fitColumns" style="height: 255px;">
|
||||
</div>
|
||||
<div class="excel_middle">
|
||||
<div class="select_btnWrap clearfix">
|
||||
<div>
|
||||
<button type="button" id="allDel"><i class="remove_img"></i>전체삭제</button>
|
||||
<button type="button" id="in_select_del"><i class="remove_img"></i>선택삭제</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="popup_btn_wrap2" style="margin: 0 auto 30px auto;">
|
||||
<button type="button" id="btnAddrMassReg">추가</button>
|
||||
<button type="button" id="btnAddrMassClose" 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 import_layer popup06" tabindex="0" data-tooltip-con="popup06" data-focus="popup06" data-focus-prev="popup06-close" style="width: 1000px">
|
||||
@ -598,224 +727,7 @@
|
||||
</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="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 영역 -->
|
||||
<div data-include-path="/publish/layout/_header.html"></div>
|
||||
|
||||
<!-- content 영역 -->
|
||||
<div id="container" class="cont sub">
|
||||
@ -859,12 +771,20 @@
|
||||
<span class="essential">*</span> 전송문서
|
||||
</th>
|
||||
<td>
|
||||
|
||||
<!-- 업로드 전 -->
|
||||
<div class="file_add upload_area">
|
||||
<p><img src="/publish/images/content/file_add.png" alt="">첨부파일을 넣어주세요</p>
|
||||
<div class="cf_text_wrap">
|
||||
<span>변환 가능 확장자</span><br>hwp, hwpml, doc, xls, ppt, pdf, txt, docx, xlsx, pptx, tif, htm, html, jpg, jpeg, gif, bmp, gul
|
||||
<span>전송 가능 확장자</span>
|
||||
<br>hwp, hwpml, doc, xls, ppt, pdf, txt, docx, xlsx,
|
||||
<br>pptx, tif, jpg, jpeg, gif, bmp, gul
|
||||
</div>
|
||||
</div>
|
||||
<!-- //업로드 전 -->
|
||||
|
||||
|
||||
<!-- 업로드 후 -->
|
||||
<div class="file_add upload_area upload_table_wrap">
|
||||
<table class="file_upload_table">
|
||||
<colgroup>
|
||||
@ -883,7 +803,9 @@
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="tLeft"><p>파일명파일명파일명파일명</p>.pptx</td>
|
||||
<td class="tLeft">
|
||||
<p>파일명파일명파일명파일명</p>.pptx
|
||||
</td>
|
||||
<td>281.93kb</td>
|
||||
<td>2023-03-20 14:16:17</td>
|
||||
<td><button type="button" class="btn_file_del"><img src="/publish/images/content/del_img.png" alt="" /></button></td>
|
||||
@ -891,6 +813,7 @@
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<!-- //업로드 후 -->
|
||||
<div class="file_right">
|
||||
<button type="button" class="btnType btnType9">파일첨부</button>
|
||||
<button type="button" class="btnType btnType7">미리보기</button>
|
||||
@ -1063,13 +986,13 @@
|
||||
<div class="btn_popup_wrap">
|
||||
<button type="button" data-tooltip="popup03" class="btnType btnType7 tab2">자주 보내는 번호</button>
|
||||
</div>
|
||||
<div class="btn_popup_wrap check_validity_wrap">
|
||||
<!-- <div class="btn_popup_wrap check_validity_wrap">
|
||||
<button type="button" class="btnType btnType7 check_validity">오류 검사 <i class="qmMark"></i></button>
|
||||
<div class="error_hover_cont send_hover_cont">
|
||||
<p>휴대폰 번호 입력 시 해당 휴대폰 번호에 대한 형식이 어긋나거나 휴대폰 번호에 오류가 있는지 등을 검사하는 기능</p>
|
||||
<span>(예시) 010-1234-0001(O) / 010-123-0001(X)</span>
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="list_bottom clearfix">
|
||||
@ -1106,7 +1029,7 @@
|
||||
<button type="button" class="btnType btnType21" onclick="location.href='/web/member/pay/PayView.do'">충전</button>
|
||||
</div>
|
||||
<div>
|
||||
<button type="button" class="btnType btnType11">발송하기</button>
|
||||
<button type="button" class="btnType btnType11">발송하기</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -1216,17 +1139,24 @@
|
||||
<p class="num_title">02</p>
|
||||
<p>
|
||||
<b>최대 글자의 1/3 이상의 크기로 무료거부 080번호 표기</b>
|
||||
수신거부, 수신동의의 철회방식을 최대 글자 3분의1 크기 이상으로 표기, 또한 수신자가 비용을 부담하지 아니한다는 것
|
||||
수신거부, 수신동의 철회방식을 최대 글자 3분의1 크기 이상으로 표기, 또한 수신자가 비용을 부담하지 아니한다는 것 안내
|
||||
<span class="fs14 c_e40000">※ 팩스무료거부080번호는 별도로 운영 관리</span>
|
||||
<span class="fs14 c_e40000">※ 수신거부를 받은 경우 14일 이내 처리 통지</span>
|
||||
</p>
|
||||
</li>
|
||||
<li>
|
||||
<p class="num_title">03</p>
|
||||
<p>
|
||||
<b>광고팩스 전송시간 : 08:00~21:00</b>
|
||||
<span class="fs14 c_e40000">※21:00 이후 광고팩스 전송 불가</span>
|
||||
</p>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><i></i>
|
||||
<p>정보통신망 이용촉진 및 정보보호 등에 관한 법률전문 보기 (시행 2014.11.29)</p>
|
||||
<p>정보통신망 이용촉진 및 정보보호 등에 관한 법률전문 보기 (시행 2024.8.14)</p>
|
||||
</a>
|
||||
<a href="#"><i></i>
|
||||
<p>불법 스팸방지를 위한 정보통신망법 안내서 (2014.11)</p>
|
||||
<p>불법 스팸방지를 위한 정보통신망법 안내서 (2024.3)</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
@ -1237,7 +1167,7 @@
|
||||
<!-- //팩스전송 -->
|
||||
|
||||
<!-- 팩스전송내역 -->
|
||||
<div class="tab_content current" id="tab_content_2">
|
||||
<div class="tab_content" id="tab_content_2">
|
||||
<div class="list_info">
|
||||
<input type="hidden" id="tdType" value="groupList">
|
||||
<p>총 <span class="c_e40000">5</span>건</p>
|
||||
@ -1354,6 +1284,10 @@
|
||||
</div>
|
||||
<!--// content 영역 -->
|
||||
|
||||
<!-- footer -->
|
||||
<div data-include-path="/publish/layout/_footer.html"></div>
|
||||
<!--// footer 영역 -->
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -83,53 +83,7 @@
|
||||
<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 영역 -->
|
||||
@ -271,7 +225,7 @@
|
||||
<div class="img_cont">
|
||||
<div class="firstpay_event event_cont">
|
||||
<img src="/publish/images/event/event_logo01.png" alt="" class="event_logo">
|
||||
<img src="/publish/images/event/firstpay_event_cont.png" alt="" usemap="#btn">
|
||||
<img src="/publish/images/event/firstpay_event_cont_img01.png" alt="" usemap="#btn">
|
||||
<map name="btn">
|
||||
<area target="_blank" href="/publish/firstpay_event2.html" coords="0,1353,997,1441" shape="rect">
|
||||
</map>
|
||||
@ -311,40 +265,9 @@
|
||||
</div>
|
||||
<!--// content 영역 -->
|
||||
<!-- footer 영역 -->
|
||||
<!-- 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 영역 -->
|
||||
<!-- footer -->
|
||||
<div data-include-path="/publish/layout/_footer.html"></div>
|
||||
<!--// footer 영역 -->
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -83,53 +83,7 @@
|
||||
<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 영역 -->
|
||||
@ -269,7 +223,7 @@
|
||||
<div class="img_cont">
|
||||
<div class="firstpay_event event_cont">
|
||||
<img src="/publish/images/event/event_logo01.png" alt="" class="event_logo">
|
||||
<img src="/publish/images/event/firstpay_event_cont_02.png" alt="" usemap="#btn">
|
||||
<img src="/publish/images/event/firstpay_event_cont_img02.png" alt="" usemap="#btn">
|
||||
|
||||
<ul class="agree_wrap">
|
||||
<li><input type="checkbox" id="agree01"><label for="agree01">(필수) 본인은 상기
|
||||
@ -392,9 +346,7 @@
|
||||
<td>
|
||||
<div class="area_text">
|
||||
<div class="area_text">
|
||||
<p>1. <span>첫결제 이벤트는 최대 50만원까지만 적용이 됩니다.</span></p>
|
||||
<p>2. 현재 발급받은 전용계좌가 없습니다.</p>
|
||||
<p>3. 입금 즉시 자동 충전되는 나만의 전용계좌 개설(평생 사용가능, 5천원 이상 입금 가능)</p>
|
||||
<p>입금 즉시 자동 충전되는 나만의 전용계좌 개설(평생 사용가능, 5천원 이상 입금 가능)</p>
|
||||
</div>
|
||||
<!-- <p>3. 발급받은 전용계좌는 3개월 미사용시 자동 해지됩니다.</p> -->
|
||||
</div>
|
||||
@ -445,6 +397,8 @@
|
||||
<p>- <span>첫결제 이벤트는 최대 50만원까지만 적용이 됩니다.</span></p>
|
||||
<p>- 전용계좌는 개설일로부터 <span>3개월 미사용 시 자동 해지</span>됩니다.</p>
|
||||
<p>- 전용계좌에 <span>5,000원 이상 입금</span> 시, 연중무휴 <span>실시간 자동 충전이</span> 가능합니다.</p>
|
||||
<p>- 이체 후 충전 확인까지 <span>최대 10분이 소요</span>됩니다.</p>
|
||||
<p>- 이체금액에서 <span>부가세 10%가 제외되고 충전</span>됩니다.</p>
|
||||
<!-- <p>- 예금주 : 문자온</p> -->
|
||||
<p>- 계좌번호 문자로 받기(일/3회까지)
|
||||
<label for="" class="label">전화번호 입력</label>
|
||||
@ -970,20 +924,6 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="view_btnWrap">
|
||||
<button type="button" class="btnType">목록</button>
|
||||
</div>
|
||||
<ul class="list_prev-next">
|
||||
<li class="list_prev">
|
||||
<div><span>이전글<i></i></span></div>
|
||||
<div><a href="#none">이전이벤트</a></div>
|
||||
</li>
|
||||
<li class="list_next">
|
||||
<div><span>다음글<i></i></span></div>
|
||||
<div><a href="#none">다음이벤트</a>
|
||||
<div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div><!-- 고객센터 - 상세페이지 -->
|
||||
@ -994,40 +934,9 @@
|
||||
</div>
|
||||
<!--// content 영역 -->
|
||||
<!-- footer 영역 -->
|
||||
<!-- 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 영역 -->
|
||||
<!-- footer -->
|
||||
<div data-include-path="/publish/layout/_footer.html"></div>
|
||||
<!--// footer 영역 -->
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -6,15 +6,11 @@
|
||||
<title>문자온 가이드</title>
|
||||
|
||||
<style>
|
||||
* {
|
||||
list-style: none;
|
||||
text-decoration: none;
|
||||
color: #333;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
.page {margin-bottom: 50px;margin-top: 10px;}
|
||||
.page>li>a {font-weight: 800;width: 150px;display: inline-block;}
|
||||
* {list-style: none;text-decoration: none;color: #333;padding: 0;margin: 0;}
|
||||
.page {margin: 10px 0 50px 0;}
|
||||
.page>li>a {position: relative;display: inline-block;width: auto;font-weight: 600;font-size: 14px;margin: 0 20px 0 0;padding: 0 0 0 8px;}
|
||||
.page>li>a::after {position: absolute;content: "";width: 3px;height: 3px;background: #222;border-radius: 100%;left: 0;top: 10px;}
|
||||
.page>li>b {display: block;font-size: 18px;font-weight: 800;color: #183c7c;margin: 20px 0 10px 0;}
|
||||
.font1 {font-weight: 600;color: darkblue;}
|
||||
.font2 {font-weight: 600;color: teal;}
|
||||
</style>
|
||||
@ -23,98 +19,212 @@
|
||||
<body style="width: 1200px;margin: 80px auto">
|
||||
<!-- <p>***<span class="font1"> (컨텐츠)</span> : 반복적으로 사용 안함</p>
|
||||
<p>***<span class="font2"> (보드)</span> : 반복적으로 사용</p> -->
|
||||
|
||||
<ul class="page">
|
||||
<li><a href="/publish/index.html">index.html</a>메인페이지</li>
|
||||
<li><a href="/publish/sub1.html">sub1.html</a>문자전송(단문장문/대량) ++++ 전송내역, 엑셀불러오기, 주소록불러오기 팝업</li>
|
||||
<li><a href="/publish/photo_editer.html">photo_editer.html</a>포토에디터(sub1 이미지 불러오기 클릭)</li>
|
||||
<li><a href="/publish/mem1.html">mem1.html</a>회원가입_가입화면</li>
|
||||
<li><a href="/publish/mem2.html">mem2.html</a>회원가입_약관동의 ++++ 본인인증1,2 팝업(2개) 동의 및 본인인증 클릭</li>
|
||||
<li><a href="/publish/mem3.html">mem3.html</a>회원가입_정보입력</li>
|
||||
<li><a href="/publish/mem4.html">mem4.html</a>회원가입_가입완료</li>
|
||||
<li><a href="/publish/sub2.html">sub2.html</a>맞춤제작(맞춤제작 샘플/제작방법/내보관함) +팝업클릭</li>
|
||||
<li><a href="/publish/popup_list.html">popup_list.html</a>팝업 리스트 --- 견적서 임시버튼</li>
|
||||
<li><a href="/publish/mypage_index.html">mypage_index.html</a>마이페이지 메인화면</li>
|
||||
<li><a href="/publish/mypage1.html">mypage1.html</a>로그인 - 로그인화면</li>
|
||||
<li><a href="/publish/mypage2.html">mypage2.html</a>마이페이지 - 회원정보 변경(비밀번호 확인/개인, 기업회원정보 변경)</li>
|
||||
<li><a href="/publish/mypage3.html">mypage3.html</a>마이페이지 - 기업회원 전환 작업안됨(디자인 컨펌x)</li>
|
||||
<li><a href="/publish/mypage4.html">mypage4.html</a>마이페이지 - 비밀번호 변경</li>
|
||||
<li><a href="/publish/mypage5.html">mypage5.html</a>마이페이지 - 발신번호 관리 +통신사 고객센터 팝업</li>
|
||||
<li><a href="/publish/mypage6.html">mypage6.html</a>마이페이지 - 알림설정(수신알림/공지알림)</li>
|
||||
<li><a href="/publish/mypage7.html">mypage7.html</a>마이페이지 - 회원탈퇴</li>
|
||||
<li><a href="/publish/mypage8.html">mypage8.html</a>마이페이지 - 회원탈퇴 - 상세페이지</li>
|
||||
<li><a href="/publish/mypage9.html">mypage9.html</a>로그인 - 아이디찾기/비밀번호 재설정</li>
|
||||
<li><a href="/publish/service1.html">service1.html</a>고객센터 - 공지사항</li>
|
||||
<li><a href="/publish/service2.html">service2.html</a>고객센터 - 이용안내(이용안내/개인정보처리방침/불법스팸방지안내) 내용 변경해야함</li>
|
||||
<li><a href="/publish/service3.html">service3.html</a>고객센터 - 자주하는 질문</li>
|
||||
<li><a href="/publish/service4.html">service4.html</a>고객센터 - 1:1 문의 - 문의페이지</li>
|
||||
<li><a href="/publish/service5.html">service5.html</a>고객센터 - 이벤트</li>
|
||||
<li><a href="/publish/service6.html">service6.html</a>고객센터 - 1:1 문의 - 리스트</li>
|
||||
<li><a href="/publish/service7.html">service7.html</a>고객센터 - 상세페이지(공지사항/1:1문의/이벤트)</li>
|
||||
<li><a href="/publish/payment1.html">payment1.html</a>결제관리 - 요금안내/견적내기 - 견적내기,요금안내(탭 2개) ++++ 포인트 교환 팝업(교환 클릭)</li>
|
||||
<li><a href="/publish/payment2.html">payment2.html</a>결제관리 - 결제하기 - 신용카드,전용계좌,무통장입금,휴대폰결제,즉시이체(탭 5개)</li>
|
||||
<li><a href="/publish/payment3.html">payment3.html</a>결제관리 - 요금 결제내역(+환불신청)</li>
|
||||
<li><a href="/publish/payment4.html">payment4.html</a>결제관리 - 요금 사용내역</li>
|
||||
<li><a href="/publish/payment5.html">payment5.html</a>결제관리 - 계산서/현금영수증 발행 등록 - 세금계산서,현금영수증(탭 2개)</li>
|
||||
<li><a href="/publish/estimate.html">estimate.html</a>견적서(payment1 견적내기 - 발행하기 클릭(새창이랑 레이어 둘다만듦!!))</li>
|
||||
<li><a href="/publish/adrbook1.html">adrbook1.html</a>주소록 관리 - 주소록 관리 ++++ 팝업(총 8개)</li>
|
||||
<li><a href="/publish/adrbook2.html">adrbook2.html</a>주소록 관리 - 수신거부 관리 ++++ 팝업(총 4개)</li>
|
||||
<li><a href="/publish/adrbook3.html">adrbook3.html</a>주소록 관리 - 주소록 입력 대행(무료)</li>
|
||||
<li><a href="/publish/reservedmsg.html">reservedmsg.html</a>예약관리(리스트 전체, 발송대기, 발송중 발송완료 -총 4가지)++++ 레이어 팝업(리스트 첫줄 상세보기, 예약취소 2개)</li>
|
||||
<li><a href="/publish/textingmsg.html">textingmsg.html</a>발송관리(리스트 전송건별, 개인별, 개인별(발송실패) -총 3가지) ++++ 레이어 팝업(상세보기 -- 예약문자와 같음)</li>
|
||||
<li><a href="/publish/estimate2.html">estimate2.html</a>문자 발송내역</li>
|
||||
<li><a href="/publish/index.html">index.html</a>챗봇 추가 (index 하단에 챗봇상담 클릭)</li>
|
||||
<li><a href="/publish/sub3.html">sub3.html</a>선거문자전송(단문장문/대량) ++++ 후보자 등록 팝업</li>
|
||||
<li><a href="/publish/adrbook4.html" style="color: #e40000;">adrbook4.html</a>폰주소록 등록(네이버(안드로이드, 아이폰),핸드폰 등록)</li>
|
||||
<li><a href="/publish/estimate3.html" style="color: #e40000;">estimate3.html</a>간이영수증</li>
|
||||
<li><a href="/publish/previewList1.html">previewList1.html</a>주소록관리 인쇄 미리보기 팝업</li>
|
||||
<li><a href="/publish/previewList2.html">previewList2.html</a>주소록관리 내보내기 인쇄 미리보기 팝업</li>
|
||||
<li><a href="/publish/email_form_dormant.html">email_form_dormant.html</a>휴면회원 메일</li>
|
||||
<li><a target="_blank" href="/publish/index.html">index.html</a>메인</li>
|
||||
|
||||
<li><b>공통</b></li>
|
||||
<li><a target="_blank" href="/publish/layout/_header.html">_header.html</a>header</li>
|
||||
<li><a target="_blank" href="/publish/layout/_footer.html">_footer.html</a>footer</li>
|
||||
|
||||
<li><b>문자발송</b></li>
|
||||
<li><a target="_blank" href="/publish/sub1.html">sub1.html</a>문자전송</li>
|
||||
<li><a target="_blank" href="/publish/sub_election_v2024.html">sub_election_v2024.html</a>선거문자</li>
|
||||
<li><a target="_blank" href="/publish/photo_editer.html">photo_editer.html</a>포토에디터</li>
|
||||
<!-- ///////////////문자발송/////////////// -->
|
||||
|
||||
|
||||
<li><b>카톡발송</b></li>
|
||||
<li><a target="_blank" href="/publish/kakao_allimtalk_intro.html">kakao_allimtalk_intro.html</a>카카오톡 소개</li>
|
||||
<li><a target="_blank" href="/publish/kakao_friendtalk_add.html">kakao_friendtalk_add.html</a> 카카오 친구톡 템플릿 등록</li>
|
||||
<li><a target="_blank" href="/publish/kakao_use_guide.html">kakao_use_guide.html</a>알림톡 사용안내</li>
|
||||
<li><a target="_blank" href="/publish/kakao_allimtalk_send.html">kakao_allimtalk_send.html</a>알림톡 전송</li>
|
||||
<li><a target="_blank" href="/publish/testKakaoSendPop.html">testKakaoSendPop.html</a>카카오 테스트발송 팝업</li>
|
||||
<li><a target="_blank" href="/publish/kakao_allimtalk_add.html">kakao_allimtalk_add.html</a>카카오톡 설정 > 알림톡 템플릿 등록</li>
|
||||
<li><a target="_blank" href="/publish/reservedmsg_2023.html">reservedmsg_2023.html</a>예약관리 > 카카오톡</li>
|
||||
<li><a target="_blank" href="/publish/kakao_friendtalk_send.html">kakao_friendtalk_send.html</a> 카카오 친구톡 전송</li>
|
||||
<li><a target="_blank" href="/publish/kakao_texting_detail.html">kakao_texting_detail.html</a>개인별 실패/대기 있을 경우 팝업</li>
|
||||
<li><a target="_blank" href="/publish/kakao_friendtalk_list.html">kakao_friendtalk_list.html</a> 카카오 친구톡 템플릿 관리</li>
|
||||
<li><a target="_blank" href="/publish/popup_allimtalk_template_choice.html">popup_allimtalk_template_choice.html</a>알림톡 템플릿 선택</li>
|
||||
<li><a target="_blank" href="/publish/kakao_allimtalk_list.html">kakao_allimtalk_list.html</a>카카오톡 설정 > 알림톡 템플릿 등록/관리</li>
|
||||
<li><a target="_blank" href="/publish/kakao_profile_add.html">kakao_profile_add.html</a>카카오톡 설정 > 발신프로필 등록/관리</li>
|
||||
<!-- ///////////////카톡발송/////////////// -->
|
||||
|
||||
|
||||
<li><b>팩스발송</b></li>
|
||||
<li><a target="_blank" href="/publish/fax_send.html">fax_send.html</a>팩스전송</li>
|
||||
<!-- ///////////////팩스발송/////////////// -->
|
||||
|
||||
|
||||
<li><b>맞춤제작</b></li>
|
||||
<li><a target="_blank" href="/publish/sub2.html">sub2.html</a>맞춤제작</li>
|
||||
<!-- ///////////////맞춤제작/////////////// -->
|
||||
|
||||
|
||||
<li><b>주소록관리</b></li>
|
||||
<li><a target="_blank" href="/publish/adrbook1.html">adrbook1.html</a>주소록 관리</li>
|
||||
<li><a target="_blank" href="/publish/adrbook2.html">adrbook2.html</a>수신거부 관리</li>
|
||||
<li><a target="_blank" href="/publish/adrbook3.html">adrbook3.html</a>주소록 입력 대행(무료)</li>
|
||||
<li><a target="_blank" href="/publish/adrbook4.html">adrbook4.html</a>폰주소록 등록</li>
|
||||
<li><a target="_blank" href="/publish/adrbook_fax.html">adrbook_fax.html</a>팩스 주소록 관리</li>
|
||||
<!-- ///////////////주소록관리/////////////// -->
|
||||
|
||||
|
||||
<li><b>발송결과</b></li>
|
||||
<li><a target="_blank" href="/publish/textingmsg.html">textingmsg.html</a>발송관리</li>
|
||||
<li><a target="_blank" href="/publish/textingmsg_detail.html">textingmsg_detail.html</a>발송관리 > 상세</li>
|
||||
<li><a target="_blank" href="/publish/textingmsg_detail_allimtalk.html">textingmsg_detail_allimtalk.html</a>발송관리 > 상세(알림톡)</li>
|
||||
<li><a target="_blank" href="/publish/estimate2.html">estimate2.html</a>문자 발송내역서</li>
|
||||
<!-- ///////////////발송결과/////////////// -->
|
||||
|
||||
|
||||
<li><b>예약문자관리</b></li>
|
||||
<li><a target="_blank" href="/publish/reservedmsg.html">reservedmsg.html</a>예약관리</li>
|
||||
<!-- ///////////////예약문자관리/////////////// -->
|
||||
|
||||
|
||||
<li><b>결제관리</b></li>
|
||||
<li><a target="_blank" href="/publish/payment1.html">payment1.html</a>요금안내/견적내기</li>
|
||||
<li><a target="_blank" href="/publish/payment2.html">payment2.html</a>결제하기</li>
|
||||
<li><a target="_blank" href="/publish/payment3.html">payment3.html</a>요금 결제내역</li>
|
||||
<li><a target="_blank" href="/publish/payment4.html">payment4.html</a>요금 사용내역(table 수정 안함)</li>
|
||||
<li><a target="_blank" href="/publish/payment5.html">payment5.html</a>세금계산서 발행 등록</li>
|
||||
<li><a target="_blank" href="/publish/payment6.html">payment6.html</a>요금사용내역(후불회원)</li>
|
||||
<li><a target="_blank" href="/publish/estimate.html">estimate.html</a>견적서</li>
|
||||
<li><a target="_blank" href="/publish/use_statement.html">use_statement.html</a>사용내역서 팝업</li>
|
||||
<li><a target="_blank" href="/publish/transaction_statement.html">transaction_statement.html</a>거래명세서 팝업</li>
|
||||
<!-- ///////////////결제관리/////////////// -->
|
||||
|
||||
|
||||
<li><b>회원가입, 로그인, 고객센터</b></li>
|
||||
|
||||
<li><a target="_blank" href="/publish/mem1.html">mem1.html</a>회원가입_가입화면</li>
|
||||
<li><a target="_blank" href="/publish/mem2.html">mem2.html</a>회원가입_약관동의</li>
|
||||
<li><a target="_blank" href="/publish/mem3.html">mem3.html</a>회원가입_정보입력</li>
|
||||
<li><a target="_blank" href="/publish/mem4.html">mem4.html</a>회원가입_가입완료</li>
|
||||
<!-- ///////////////회원가입/////////////// -->
|
||||
|
||||
|
||||
<li>====================================================================================================================================================</li>
|
||||
|
||||
|
||||
<li><a target="_blank" href="/publish/mypage_index.html">mypage_index.html</a>마이페이지>대시보드</li>
|
||||
<!-- ///////////////마이페이지 대시보드드/////////////// -->
|
||||
|
||||
|
||||
<li>====================================================================================================================================================</li>
|
||||
|
||||
|
||||
<li><a target="_blank" href="/publish/mypage1.html">mypage1.html</a>로그인</li>
|
||||
<li><a target="_blank" href="/publish/security_login_ajax.html">security_login_ajax.html</a>로그인 > 보안 로그인</li>
|
||||
<li><a target="_blank" href="/publish/mypage1_dormant_member.html">mypage1_dormant_member.html</a>로그인 > 장기 미이용</li>
|
||||
<li><a target="_blank" href="/publish/mypage1_dormant_member2.html">mypage1_dormant_member2.html</a>로그인 > 장기 미이용 > 확인절차</li>
|
||||
<li><a target="_blank" href="/publish/mypage9.html">mypage9.html</a>로그인 > 아이디찾기/비밀번호 재설정</li>
|
||||
<li><a target="_blank" href="/publish/mypage9_id.html">mypage9_id.html</a>로그인 > 아이디찾기/비밀번호 재설정 > 아이디 찾기 완료</li>
|
||||
<li><a target="_blank" href="/publish/mypage9_password.html">mypage9_password.html</a>로그인 > 아이디찾기/비밀번호 재설정 > 비밀번호 재설정</li>
|
||||
<!-- ///////////////로그인/////////////// -->
|
||||
|
||||
|
||||
<li>====================================================================================================================================================</li>
|
||||
|
||||
|
||||
<li><a target="_blank" href="/publish/mypage2.html">mypage2.html</a>마이페이지 > 회원정보 변경</li>
|
||||
|
||||
<li><a target="_blank" href="/publish/member_info_change_passwordCheck.html">member_info_change_passwordCheck.html</a>마이페이지 > 비밀번호 확인</li>
|
||||
<li><a target="_blank" href="/publish/member_info_change_company.html">member_info_change_company.html</a>마이페이지 > 기업 회원정보 변경</li>
|
||||
<li><a target="_blank" href="/publish/member_info_change_person.html">member_info_change_erson.html</a>마이페이지 > 회원정보 변경</li>
|
||||
|
||||
<li><a target="_blank" href="/publish/mypage3.html">mypage3.html</a>마이페이지 > 기업회원 전환</li>
|
||||
<li><a target="_blank" href="/publish/mypage3_return.html">mypage3_return.html</a>마이페이지 > 기업회원 전환 > 반려상태</li>
|
||||
<li><a target="_blank" href="/publish/mypage4.html">mypage4.html</a>마이페이지 > 비밀번호 변경</li>
|
||||
<li><a target="_blank" href="/publish/mypage5.html">mypage5.html</a>마이페이지 > 발신번호 관리</li>
|
||||
<li><a target="_blank" href="/publish/mypage5_2.html">mypage5_2.html</a>마이페이지 > 발신번호 관리 > 번호 추가</li>
|
||||
<li><a target="_blank" href="/publish/mypage6.html">mypage6.html</a>마이페이지 > 알림설정</li>
|
||||
<li><a target="_blank" href="/publish/mypage7.html">mypage7.html</a>마이페이지 > 회원탈퇴</li>
|
||||
<li><a target="_blank" href="/publish/mypage8.html">mypage8.html</a>마이페이지 > 회원탈퇴 > 상세</li>
|
||||
<li><a target="_blank" href="/publish/mypage_security_login.html">mypage_security_login.html</a>마이페이지 > 보안로그인</li>
|
||||
<!-- ///////////////마이페이지/////////////// -->
|
||||
|
||||
|
||||
<li>====================================================================================================================================================</li>
|
||||
|
||||
|
||||
<li><a target="_blank" href="/publish/service1.html">service1.html</a>고객센터 > 공지사항</li>
|
||||
<li><a target="_blank" href="/publish/service2.html">service2.html</a>고객센터 > 이용약관</li>
|
||||
<li><a target="_blank" href="/publish/service3.html">service3.html</a>고객센터 > 자주하는 질문</li>
|
||||
<li><a target="_blank" href="/publish/service4.html">service4.html</a>고객센터 > 1:1 문의</li>
|
||||
<li><a target="_blank" href="/publish/service4_2.html">service4_2.html</a>고객센터 > 1:1 문의 > 등록</li>
|
||||
<li><a target="_blank" href="/publish/service5.html">service5.html</a>고객센터 > 이벤트</li>
|
||||
<li><a target="_blank" href="/publish/service6.html">service6.html</a>고객센터 > 불편신고</li>
|
||||
<li><a target="_blank" href="/publish/service7.html">service7.html</a>고객센터 > 상세(공지사항/1:1문의/불편신고/이벤트)</li>
|
||||
<!-- ///////////////고객센터/////////////// -->
|
||||
|
||||
|
||||
<li>====================================================================================================================================================</li>
|
||||
|
||||
|
||||
<li><a target="_blank" href="/publish/firstpay_event.html">firstpay_event.html</a>첫결제 이벤트</li>
|
||||
<li><a target="_blank" href="/publish/firstpay_event2.html">firstpay_event2.html</a>첫결제 이벤트 > 결제</li>
|
||||
<!-- ///////////////첫결제 이벤트/////////////// -->
|
||||
|
||||
|
||||
<li><b>팝업</b></li>
|
||||
<li><a target="_blank" href="/publish/info_popup.html">사용안내 팝업</a></li>
|
||||
<li><a target="_blank" href="/publish/popup_list.html">popup_list.html</a>팝업 리스트</li>
|
||||
<li><a target="_blank" href="/publish/popup_pay_complete.html">popup_pay_complete.html</a>결제완료 팝업</li>
|
||||
<li><a target="_blank" href="/publish/popup_fax_detail.html">popup_fax_detail.html</a>팩스전송결과 팝업</li>
|
||||
<li><a target="_blank" href="/publish/popup_allimtalk_template_choice.html">popup_allimtalk_template_choice.html</a> 알림톡 템플릿 선택 팝업</li>
|
||||
<li><a target="_blank" href="/publish/popup_friendtalk_template_choice.html">popup_friendtalk_template_choice.html</a> 친구톡 템플릿 선택 팝업</li>
|
||||
<li><a target="_blank" href="/publish/previewList1.html">previewList1.html</a>주소록관리 인쇄 미리보기 팝업</li>
|
||||
<li><a target="_blank" href="/publish/previewList2.html">previewList2.html</a>주소록관리 내보내기 인쇄 미리보기 팝업</li>
|
||||
<li><a target="_blank" href="/publish/estimate.html">estimate.html</a>견적서</li>
|
||||
<li><a target="_blank" href="/publish/estimate2.html">estimate2.html</a>문자 발송내역서서</li>
|
||||
<li><a target="_blank" href="/publish/estimate3.html">estimate3.html</a>간이영수증</li>
|
||||
<li><a target="_blank" href="/publish/kisa_management_ledger.html">kisa_management_ledger.html</a>KISA 신고 관리 대장</li>
|
||||
<li><a target="_blank" href="/publish/testKakaoSendPop.html">testKakaoSendPop.html</a>테스트 발송 팝업</li>
|
||||
<li><a target="_blank" href="/publish/use_statement.html">use_statement.html</a>사용내역서 팝업</li>
|
||||
<!-- ///////////////팝업/////////////// -->
|
||||
|
||||
|
||||
<li><b>기타</b></li>
|
||||
<li><a target="_blank" href="/publish/email_form_dormant.html">email_form_dormant.html</a>휴면회원 메일</li>
|
||||
<li><a target="_blank" href="/publish/intro_service.html">intro_service.html</a>문자온 소개 > 서비스 소개</li>
|
||||
<li><a target="_blank" href="/publish/intro_function.html">intro_function.html</a>문자온 소개 > 주요기능</li>
|
||||
<li><a target="_blank" href="/publish/intro_bestsample.html">intro_bestsample.html</a>문자온 소개 > 베스트문자샘플</li>
|
||||
<!-- ///////////////기타/////////////// -->
|
||||
|
||||
|
||||
<li><b>API</b></li>
|
||||
<li><a target="_blank" href="/publish/api_admin4.html">api_admin4.html</a>API > 신청/관리 (API 사용 승인 후 IP 등록 후) </li>
|
||||
<li><a target="_blank" href="/publish/api_admin3.html">api_admin3.html</a>API > 신청/관리 (API 사용 승인 후 IP 등록 전) </li>
|
||||
<li><a target="_blank" href="/publish/api_admin2.html">api_admin2.html</a>API > 신청/관리 (API 사용 신청 후 심사중의 경우) </li>
|
||||
<li><a target="_blank" href="/publish/api_admin1.html">api_admin1.html</a>API > 신청/관리 (API 사용 미신청의 경우) </li>
|
||||
<li><a target="_blank" href="/publish/api_download.html">api_download.html</a>API > 예제 다운로드</li>
|
||||
<li><a target="_blank" href="/publish/api_guide.html">api_guide.html</a>API > API 사용안내</li>
|
||||
<li><a target="_blank" href="/publish/api_intro.html">api_intro.html</a>API > 문자 API 소개</li>
|
||||
<!-- ///////////////API/////////////// -->
|
||||
|
||||
|
||||
<li><b>광고</b></li>
|
||||
<li><a target="_blank" href="/publish/publish_adv/send_group_text.html">send_group_text.html</a>텍스트 수정, 메인화면 이동 버튼 추가</li>
|
||||
<li><a target="_blank" href="/publish/publish_text/send_text.html">send_text.html</a>문자보내기</li>
|
||||
<li><a target="_blank" href="/publish/publish_text/text_send.html">text_send.html</a>문자발송</li>
|
||||
<li><a target="_blank" href="/publish/publish_text/multi_text.html">multi_text.html</a>단체문자</li>
|
||||
<!-- ///////////////광고/////////////// -->
|
||||
|
||||
|
||||
<li><b>이메일 폼</b></li>
|
||||
<li><a target="_blank" href="/publish/email_form_dormant.html">email_form_dormant.html</a>휴면회원전환 메일</li>
|
||||
<li><a target="_blank" href="/publish/email_form_terms.html">email_form_terms.html</a>서비스 이용약관 개정</li>
|
||||
<li><a target="_blank" href="/publish/email_form_terms_2024_clause.html">email_form_terms_2024_clause.html</a>서비스 이용약관 개정</li>
|
||||
<li><a target="_blank" href="/publish/email_form_terms_2024_privacy.html">email_form_terms_2024_privacy.html</a>개인정보처리방침 개정</li>
|
||||
<!-- ///////////////이메일 폼/////////////// -->
|
||||
|
||||
|
||||
|
||||
</ul>
|
||||
|
||||
<strong style="font-weight: 900;font-size: 21px;">전달사항</strong>
|
||||
<p></p>
|
||||
<!-- 진행사항 -->
|
||||
<strong style="margin-top: 20px;font-weight: 900;font-size: 21px;display: inline-block">진행사항</strong>
|
||||
<p>main page 완료 ---- 3/22</p>
|
||||
<p>sub1 문자발송 완료(단문장문그림 문자, 엑셀 문자) ---- 3/26</p>
|
||||
<p>포토에디터 완료 ---- 3/31</p>
|
||||
<p>회원가입_가입화면 완료 ---- 4/9</p>
|
||||
<p>회원가입 모두 완료 ---- 4/14</p>
|
||||
<p>포토에디터 추가 수정 및 드래그 기능 추가 ---- 4/16</p>
|
||||
<p>맞춤제작 + 팝업 ---- 4/20</p>
|
||||
<p>팝업리스트(불러오기, 전송내역)</p>
|
||||
<p>마이페이지 - 회원정보 변경, 비밀번호 변경, 기업회원 전환 ---- 4/28</p>
|
||||
<p>마이페이지 - 회원해지, 로그인화면 ---- 4/29</p>
|
||||
<p>캘린더 변경 ---- 4/30</p>
|
||||
<p>sub1 특수문자, 특수문자 일괄변환 팝업 ---- 5/7</p>
|
||||
<p>고객센터 - 공지사항,자주하는 질문 완료 ---- 5/10</p>
|
||||
<p>고객센터 - 이벤트, 1:1문의 완료 ---- 5/11</p>
|
||||
<p>마이페이지 - 알림설정, 발신번호 관리(+팝업), 회원탈퇴 ---- 5/12</p>
|
||||
<p>마이페이지 - 회원탈퇴 상세페이지, 고객센터 1:1 문의 리스트, 고객센터 상세페이지+답변페이지 ---- 5/13</p>
|
||||
<p>결제내역 - 요금결제내역, 사용내역,세금계산서/영수증 완료 ---- 5/21</p>
|
||||
<p>고객센터 - 이용안내 ---- 5/24</p>
|
||||
<p>충전하기 ---- 5/25</p>
|
||||
<p>결제관리(충전하기,결제내역 합침) ---- 6/2</p>
|
||||
<p>아이디 찾기/비밀번호 변경 ---- 6/2</p>
|
||||
<p>견적서(새창팝업)</p>
|
||||
<p>주소록관리 - 주소록관리, 주소록 입력 대행 ---- 6/3</p>
|
||||
<p>포인트 교환 팝업 (payment1 login 쪽 교환 버튼 클릭), 본인인증 팝업(mem2 동의 및 본인인증 클릭) ---- 6/3</p>
|
||||
<p>주소록 관리 팝업 (adrbook1에 숨어있어서 꼭 여쭤봐주세요) ---- 6/7</p>
|
||||
<p>예약관리 + 상세보기, 예약취소 팝업 ---- 6/8</p>
|
||||
<p>sub1 주소록 불러오기 팝업 ---- 6/9</p>
|
||||
<p>발송관리 + 상세보기 팝업 ---- 6/10</p>
|
||||
<p>주소록 관리 - 수신거부 관리 팝업 ---- 6/11</p>
|
||||
<p>견적내기 + 견적서 팝업, 대량문자 수정 ---- 6/16</p>
|
||||
<p>문자 발송내역서(새창팝업) ---- 6/17</p>
|
||||
<p>챗봇 추가 ---- 6/17</p>
|
||||
<p>아이디찾기, 비밀번호 변경 페이지 추가, 선거문자 + 후보자 등록 팝업 ---- 6/18</p>
|
||||
<p>mypage dashboard(mypage_index.html) 추가 ---- 6/21</p>
|
||||
<p>광고문자 관련법규 안내(전송규정/수신동의), 선거문자 발송규정, 선거문자 이용안내 팝업 ---- 7/6</p>
|
||||
<p>문자발송 오류검사, 테스트 발송 물음표 호버시 팝업 나옴 ---- 7/7</p>
|
||||
<p>주소록 관리 전송하기 옆 물음표 호버시 팝업 나옴 ---- 7/8</p>
|
||||
<p>발송관리 그룹등록 팝업 추가 ---- 7/28</p>
|
||||
<!-- 진행계획 -->
|
||||
<strong style="margin-top: 20px;font-weight: 900;font-size: 21px;display: inline-block;">진행계획</strong>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
File diff suppressed because it is too large
Load Diff
434
src/main/webapp/publish/info_popup.html
Normal file
434
src/main/webapp/publish/info_popup.html
Normal file
@ -0,0 +1,434 @@
|
||||
<!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/mem.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/popup.js"></script>
|
||||
<script src="/publish/js/popupLayer.js"></script>
|
||||
|
||||
<style type="text/css">
|
||||
.popup-com {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.info_popup {
|
||||
display: none;
|
||||
}
|
||||
</style>
|
||||
|
||||
<script>
|
||||
$(function () {
|
||||
setTimeout(function () {
|
||||
var contView = $("#contId").val();
|
||||
$("#" + contView).show();
|
||||
}, 800)
|
||||
|
||||
})
|
||||
</script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<form action="" name="formData" id="formData">
|
||||
<input type="hidden" id="contId" value="">
|
||||
</form>
|
||||
|
||||
<!-- 문자전송 -->
|
||||
<div class="info_popup" id="sendMsg" style="min-width:773px;">
|
||||
<div class="popup_heading">
|
||||
<p>사용안내</p>
|
||||
</div>
|
||||
<div class="layer_in">
|
||||
<ul class="info_list">
|
||||
<li>(문자발송) 90byte 초과 시 자동으로 장문(LMS)으로 전환되며, 장문 문자는 최대 2,000byte까지만 작성 가능</li>
|
||||
<li>(그림문자) 그림문자 1건당 최대 3장까지 이미지 첨부 가능[권장 사이즈 : <strong>640 x 960</strong>픽셀 / 최대용량 : <strong>10mb</strong> 이내]</li>
|
||||
<li>※ 그림문자 이미지 용량은 300kb 이내에 최적화 되어 있기 때문에 10mb 이내 이미지라 해도 글자(텍스트)가 많은 경우 내용이 잘 보이지 않을 수 있음(텍스트 위주 그림문자 발송 시 사전 테스트 후 대량발송 권장, 해상도 저하에 따른 캐시 환불 불가)</li>
|
||||
<li>예약문자는 수정 가능하며, 예약 발송시간 5분전까지만 취소·삭제 가능합니다.</li>
|
||||
<li>문자 내용에 링크가 포함될 경우 수신자의 단말기종 및 설정(링크설정 허용 등)에 따라 해당 링크 비활성화 및 링크 연결 불가 등의 현상이 발생할 수 있습니다.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 문자전송 -->
|
||||
|
||||
<!-- 광고문자 관련법규 안내 -->
|
||||
<div class="info_popup" id="adrvertisement1" style="min-width:773px;">
|
||||
<div class="popup_heading">
|
||||
<p>광고문자 관련법규 안내</p>
|
||||
</div>
|
||||
<div class="layer_in">
|
||||
<div class="list_tab_wrap2 type5">
|
||||
<!-- tab button -->
|
||||
<ul class="list_tab">
|
||||
<li class="tab active"><button type="button" onclick="listTab2(this,'1');">광고문자 전송규정 안내</button></li>
|
||||
<li class="tab"><button type="button" onclick="listTab2(this,'2');">광고문자 수신동의 안내</button></li>
|
||||
</ul>
|
||||
<!--// tab button -->
|
||||
</div>
|
||||
<!-- 광고문자 전송규정 안내 -->
|
||||
<div class="adpop_cont current" id="listTab2_1">
|
||||
<div class="adpop1_top">
|
||||
<div>
|
||||
<p>의무사항</p>
|
||||
<div>
|
||||
<p>메시지 시작 부분에 (광고) 문구 표기<span>(광/고), (광 고), [광고], (00광고) 등과 같이 변칙
|
||||
표기 금지</span></p>
|
||||
<p>업체명, 연락처, 무료거부 표기<span>“업체명”이 기재될 경우 연락처 및 무료거부 표기가
|
||||
없더라도 100% 광고문자로 간주</span></p>
|
||||
<p>광고문자 전송시간<span>오전 8시부터 오후 9시까지만 전송 가능<br>
|
||||
※ 오후 9시 이후에는 광고문자 전송 불가</span></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="adpop1_middle">
|
||||
<p>2015년 5월부터 광고전송에 대한 (광고)표시 의무가 본격 시행되었습니다.<br>
|
||||
자세한 관련 법규 관련 사항은 아래 한국인터넷진흥원(KISA)에서 제공하는 안내서를 참고하시기 바랍니다.</p>
|
||||
<button type="button">불법스팸방지 안내서 5차 개정판</button>
|
||||
<a href="/download/msg/K003_불법스팸_방지_안내서_제6차_개정판(수정_2024년).pdf" target="_blank" class="download_button">불법스팸방지 안내서 6차 개정판</a>
|
||||
<span>* 출처 : KISA 한국인터넷진흥원</span>
|
||||
</div>
|
||||
<div class="adpop1_bottom">
|
||||
<p>광고문자의 범위는 어디서부터 어디까지인가요?</p>
|
||||
<div>
|
||||
<div>
|
||||
<p>영리목적의 광고성 정보 범위</p>
|
||||
<p>· 영업을 하는 자가 고객에게 보내는 정보는 원칙적으로 모두 광고성 정보로 간주<br>
|
||||
· 주된 정보가 광고성 정보가 아니더라도 부수적으로 광고성 정보가 포함되어 있다면 광고성 정보로 분류
|
||||
</p>
|
||||
</div>
|
||||
<div>
|
||||
<p>광고성 정보의 예외</p>
|
||||
<p>· 구매한 재화 또는 서비스에 대한 보증, 제품 리콜, 안전 또는 보안 관련 정보<br>
|
||||
· 고객의 요청에 의해 발송되는 1회성 정보<br>
|
||||
· 수신자가 금전적 대가를 지불하고 신청한 정보
|
||||
</p>
|
||||
</div>
|
||||
<div class="adpop1_bottom_in">
|
||||
<p>‘영리목적의 광고성 정보’의 적용범위</p>
|
||||
<div>
|
||||
<span>법률</span>
|
||||
<div>
|
||||
<p>제50조(영리목적의 광고성 정보 전송 제한)</p>
|
||||
<p>① 누구든지 전자적 전송매체를 이용하여 영리목적의 광고성 정보를 전송하려면 그 수신자의 명시적인 사전 동의를 받아야한다. 다만, 다음 각 호의 어느 하나에 해당하는 경우에는 사전동의를 받지 아니한다.<br>
|
||||
1. 재화 등의 거래관계를 통하여 수신자로부터 직접 연락처를 수집한 자가 대통령령으로 정한 기간 이내에 자신이 처리하고 수신자와 거래한 것과 동종의 재화 등에 대한 영리목적의 광고성 정보를 전송 하려는 경우<br>
|
||||
2. “방문판매 등에 관한 법률”에 따른 전화권유판매자가 육성으로 수신자에게 개인정보의 수집출처를 고지하고 전화권유를 하는 경우</p>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<span>시행령</span>
|
||||
<div>
|
||||
<p>제61조(영리목적의 광고성 정보 전송기준)</p>
|
||||
<p>① 법 제50조제1항제1호에서 “대통령령으로 정한 기간”이란 해당 재화 등의 거래가 종료된 날부터 6개월을 말한다.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="adpop1_bottom_req">
|
||||
<p>누구든지 전자적 전송매체를 이용해 영리목적의 광고성 정보를 전송하는 경우<br>
|
||||
정보통신망법 제50조에서 정한 의무를 준수하여야 함</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--// 광고문자 전송규정 안내 -->
|
||||
|
||||
<!-- 광고문자 수신동의 안내 -->
|
||||
<div class="adpop_cont adpop2" id="listTab2_2">
|
||||
<div class="adpop1_top">
|
||||
<div>
|
||||
<p>의무사항</p>
|
||||
<span class="info">수신동의 여부를 받은날로부터 2년마다 재고지하여야 함</span>
|
||||
<div>
|
||||
<p>전송자 명칭<span>메시지 시작부분에 표기</span></p>
|
||||
<p>날짜, 동의 사실<span>수신동의 날짜 및 수신에 동의한 사실을 입력</span></p>
|
||||
<p>무료거부번호 표기<span>수신동의에 대한 유지 또는 철회 의사 표시</span></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="adpop1_bottom">
|
||||
<div class="adpop1_bottom_in">
|
||||
<p>수신동의 여부 확인</p>
|
||||
<div>
|
||||
<span>법률</span>
|
||||
<div>
|
||||
<p>제50조(영리목적의 광고성 정보 전송 제한)</p>
|
||||
<p>⑧ 제1항 또는 제3항에 따라 수신동의를 받은 자는 대통령령으로 정하는 바에 따라 정기적으로 광고성 정보 수신자의 수신동의 여부를 확인하여야 한다.<p>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<span>시행령</span>
|
||||
<div>
|
||||
<p>제62조의3(수신동의 여부 확인 방식)</p>
|
||||
<p>① 법 제50조제1항 또는 제3항에 따라 수신자의 사전 동의를 받은 자는 같은 조 제8항에 따라 그 수신동의를 받은 날로부터 2년마다(매 2년이 되는 해의 수신동의를 받은 날과 같은 날 전까지를 말한다) 해당 수신자의 수신동의 여부를 확인하여야 한다.<br>
|
||||
② 제1항에 따라 수신동의 여부를 확인하려는 자는 수신자에게 다음 각 호의 사항을 밝혀야 한다.<br>
|
||||
1. 전송자의 명칭<br>
|
||||
2. 수신자의 수신동의 사실과 수신에 동의한 날짜<br>
|
||||
3. 수신동의에 대한 유지 또는 철회의 의사를 표시하는 방법</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="adpop1_bottom_req">
|
||||
<p>누구든지 전자적 전송매체를 이용해 영리목적의광고성 정보를 전송하는 경우<br>
|
||||
정보통신망법 제50조에서 정한 의무를 준수하여야 함</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="adpop1_bottom" style="border-top: 2px solid #000;">
|
||||
<p>수신동의가 무엇인가요?</p>
|
||||
<div>
|
||||
<p>· 광고성 문자 전송자는 최초 수신동의 여부를 받은날로부터 매 2년마다 수신자에게 재수신 동의를 하여야 합니다.</p>
|
||||
<p>· 2018년 11월 29일 개정법 시행 이전 발송한 광고성 문자 수신 동의 건에 대해서는 추가 수신동의를 받아야 하며, 광고성 문자 수신 동의를 받지 않고 문자전송 시 과태료가 부과되오니 반드시 유의하시기 바랍니다.</p>
|
||||
<p>· 수신자의 의사표시 방법은 비용이 발생하지 않도록 적절한 조치를 취하여야 합니다.</p>
|
||||
<p>· 수신자가 별도의 의사표시를 하지 않은 경우 기존 동의 의사는 계속 유지됩니다.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="adpop1_bottom">
|
||||
<p>수신동의 처리결과를 수신자에게 반드시 통지해야 하나요?</p>
|
||||
<div>
|
||||
<p>· 수신자가 수신거부 또는 수신동의 철회를 요청한 경우 접수일로부터 14일 이내에 그 결과를 수신자에게<br> 고지하여야 합니다.</p>
|
||||
<p>· 수신동의 처리결과 통지는 광고성 정보 전송이 아니므로 ‘(광고)’나 ‘무료회신번호’ 등을 표기하지 않아도 됩니다.</p>
|
||||
<p>· 수신자의 의사표시 방법은 비용이 발생하지 않도록 적절한 조치를 취하여야 합니다.</p>
|
||||
<p class="c_e40000"> ex) 귀하가 2020년 8월 30일 요청하신 수신동의 철회요청이 정상적으로 처리되었습니다. 업체명</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--// 광고문자 수신동의 안내 -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- 광고문자 관련법규 안내 -->
|
||||
|
||||
<!-- 주소록관리 -->
|
||||
<div class="info_popup" id="adrbook1" style="min-width:773px;">
|
||||
<div class="popup_heading">
|
||||
<p>사용안내</p>
|
||||
</div>
|
||||
<div class="layer_in layer_info_wrap">
|
||||
<ul class="info_list">
|
||||
<li>연락처를 그룹별로 분류하여 간편하고 편리하게 관리할 수 있습니다(최대 500,000개까지 등록 가능)</li>
|
||||
<li>그룹은 그룹 간 이동, 병합 및 복사가 가능합니다.</li>
|
||||
<li>주소록은 중복검사가 가능하며 중복된 연락처를 삭제할 수 있습니다. 단, 데이터 양에 따라 시간이 소요될 수 있습니다.</li>
|
||||
<li>주소록 관리에서 그룹 또는 연락처를 선택하여 문자를 바로 발송할 수 있습니다.</li>
|
||||
<li>주소록 내보내기를 통해 다른 ID로 주소록을 복사할 수 있습니다(그룹 전송만 가능, 보낸 주소록 결과는 최대 90일까지 보관)</li>
|
||||
<li>주소록 내보내기 시에는 개인정보보호를 위해 추가 휴대폰 인증을 실시하며, 휴대폰 인증은 등록된 발신번호로만 인증 가능합니다.</li>
|
||||
<li>고객님께서 보유하신 엑셀파일이나 텍스트파일 등으로 작성된 주소록을 대량 등록할 수 있습니다.</li>
|
||||
<li>주소록 등록이 어려우신 경우에는 주소록 입력대행 메뉴를 이용하시면 됩니다.</li>
|
||||
<li>주소록 무료대행은 신규 그룹으로 생성됩니다(기존 그룹 수정 불가)</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!-- // 주소록관리 -->
|
||||
|
||||
<!-- 팩스 주소록관리 -->
|
||||
<div class="info_popup" id="faxAdrbook1" style="min-width:773px;">
|
||||
<div class="popup_heading">
|
||||
<p>사용안내</p>
|
||||
</div>
|
||||
<div class="layer_in layer_info_wrap">
|
||||
<ul class="info_list">
|
||||
<li>연락처를 그룹별로 분류하여 간편하고 편리하게 관리할 수 있습니다(최대 500,000개까지 등록 가능)</li>
|
||||
<li>그룹은 그룹 간 이동, 병합 및 복사가 가능합니다.</li>
|
||||
<li>주소록은 중복검사가 가능하며 중복된 연락처를 삭제할 수 있습니다. 단, 데이터 양에 따라 시간이 소요될 수 있습니다.</li>
|
||||
<li>주소록 관리에서 그룹 또는 연락처를 선택하여 문자를 바로 발송할 수 있습니다.</li>
|
||||
<li>주소록 내보내기를 통해 다른 ID로 주소록을 복사할 수 있습니다(그룹 전송만 가능, 보낸 주소록 결과는 최대 90일까지 보관)</li>
|
||||
<li>주소록 내보내기 시에는 개인정보보호를 위해 추가 휴대폰 인증을 실시하며, 휴대폰 인증은 등록된 발신번호로만 인증 가능합니다.</li>
|
||||
<li>고객님께서 보유하신 엑셀파일이나 텍스트파일 등으로 작성된 주소록을 대량 등록할 수 있습니다.</li>
|
||||
<li>주소록 등록이 어려우신 경우에는 주소록 입력대행 메뉴를 이용하시면 됩니다.</li>
|
||||
<li>주소록 무료대행은 신규 그룹으로 생성됩니다(기존 그룹 수정 불가)</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!-- // 팩스 주소록관리 -->
|
||||
|
||||
<!-- 수신거부 -->
|
||||
<div class="info_popup addr_block_popup" id="adrBlock" style="min-width:773px;">
|
||||
<div class="popup_heading">
|
||||
<p>사용안내</p>
|
||||
</div>
|
||||
<div class="layer_in layer_info_wrap">
|
||||
<div class="list_tab_wrap2 type5">
|
||||
<ul class="list_tab">
|
||||
<li class="tab active"><button type="button" onclick="listTab(this,'4');">전체</button></li>
|
||||
<li class="tab"><button type="button" onclick="listTab(this,'5');">080 자동 수신거부</button></li>
|
||||
<li class="tab"><button type="button" onclick="listTab(this,'6');">직접등록</button></li>
|
||||
</ul>
|
||||
</div>
|
||||
<ul class="info_list list_cont current" id="listTab_4">
|
||||
<li>080 자동 수신거부 및 직접등록을 통해 등록된 번호는 광고 또는 선거문자 발송 시 자동으로 차단됩니다.</li>
|
||||
<li>080 자동 수신거부 목록에 등록된 거부번호를 삭제하는 경우 정보통신망법 제76조제1항제7호에 의거 과태료가 부과될 수 있으며, 문자온은 이에 대한 어떠한 민‧형사상 책임도 지지 않습니다.</li>
|
||||
<li>근거 : 정보통신망에 관한 법률‘ 제50조제7항및제62조의2(영리목적의 광고성 정보를 전송하려는 사업자는 수신거부를 표시한 날로부터 14일 이내에 수신거부 결과를 알려야 함)</li>
|
||||
<li>원활한 서비스 이용을 위해 수신거부 번호는 주소록에서도 완전히 삭제하신 후 이용하시기를 권장드립니다.</li>
|
||||
<li>수신거부 처리된 번호를 주소록에서 삭제하시려면 하단의 “주소록에서 삭제” 버튼을 클릭하시면 됩니다.</li>
|
||||
<li>수신거부 목록에 등록된 번호를 삭제하는 경우 문자가 정상적으로 발송되므로 반드시 유의하시기 바랍니다.</li>
|
||||
<li>“결과전송” 클릭 시 선택하신 번호로 수신거부 처리결과가 문자(단문) 전송됩니다.</li>
|
||||
<li>수신거부 직접등록은 최대 10,000건까지만 가능합니다.(080 자동 수신거부 건수 제외)</li>
|
||||
</ul>
|
||||
<ul class="info_list list_cont" id="listTab_5">
|
||||
<li>080 자동 수신거부에 등록된 번호는 광고 또는 선거문자 발송 시 자동으로 차단됩니다.</li>
|
||||
<li>080 자동 수신거부 목록에 등록된 거부번호를 삭제하는 경우 정보통신망법 제76조제1항제7호에 의거 과태료가 부과될 수 있으며, 문자온은 이에 대한 어떠한 민‧형사상 책임도 지지 않습니다.</li>
|
||||
<li>근거 : 정보통신망에 관한 법률‘ 제50조제7항및제62조의2(영리목적의 광고성 정보를 전송하려는 사업자는 수신거부를 표시한 날로부터 14일 이내에 수신거부 결과를 알려야 함)</li>
|
||||
<li>원활한 서비스 이용을 위해 080 자동 수신거부 번호는 주소록에서도 완전히 삭제하신 후 이용하시기를 권장드립니다.</li>
|
||||
<li>080 자동 수신거부 처리된 번호를 주소록에서 삭제하시려면 하단의 “주소록에서 삭제” 버튼을 클릭하시면 됩니다.</li>
|
||||
<li>수신거부 목록에 등록된 번호를 삭제하는 경우 문자가 정상적으로 발송되므로 반드시 유의하시기 바랍니다.</li>
|
||||
<li>“결과전송” 클릭 시 선택하신 번호로 수신거부 처리결과가 문자(단문) 전송됩니다.</li>
|
||||
</ul>
|
||||
<ul class="info_list list_cont" id="listTab_6">
|
||||
<li>수신거부 직접등록은 최대 10,000건까지만 가능합니다.(080 자동 수신거부 건수 제외)</li>
|
||||
<li>수신거부 직접등록을 통해 입력된 번호는 광고 또는 선거문자 발송 시 자동으로 차단됩니다.</li>
|
||||
<li>원활한 서비스 이용을 위해 직접등록한 수신거부 번호를 주소록에서도 완전히 삭제하신 후 이용하시기를 권장드립니다.</li>
|
||||
<li>수신거부 직접등록 번호를 주소록에서 삭제하시려면 하단의 “주소록에서 삭제” 버튼을 클릭하시면 됩니다.</li>
|
||||
<li>수신거부 목록에 등록된 번호를 삭제하는 경우 문자가 정상적으로 발송되므로 반드시 유의하시기 바랍니다.</li>
|
||||
</ul>
|
||||
<div class="info_button">
|
||||
<button type="button" class="excel_btn" onclick="location.href='/download/addrBlock/수신거부_대량등록.xlsx'"><i class="downroad"></i>엑셀파일 다운로드</button>
|
||||
<button type="button" class="txt_btn" onclick="location.href='/download/addrBlock/수신거부_대량등록.zip'"><i></i>TXT 샘플 다운로드</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- // 수신거부 -->
|
||||
|
||||
<!-- 주소록 입력 대행(무료) -->
|
||||
<div class="info_popup" id="adrbookAgency">
|
||||
<div class="popup_heading">
|
||||
<p>사용안내</p>
|
||||
</div>
|
||||
<div class="layer_in layer_info_wrap">
|
||||
<ul class="info_list">
|
||||
<li>평일 09:30~17:00 사이에 신청하신 경우 <strong>당일 처리를 원칙</strong>으로 하되, 파일의 상태, 용량 등에 따라 1~2일 정도 소요될 수 있습니다<strong>(주말 및 공휴일 처리 불가)</strong></li>
|
||||
<li>첨부가능 파일 : xlsx, xls, hwp, litxt, doc, docx, csv(파일당 최대 용량 10MB)</li>
|
||||
<li>주소록 등록 대행은 <strong>신규 그룹으로만 생성 가능</strong>합니다</li>
|
||||
<li>긴급한 건은 1551-8011로 연락 주시기 바랍니다.</li>
|
||||
<li>엑셀파일에 비밀번호 설정, 수식 등이 설정되어 있는 경우 업로드가 불가합니다.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!-- // 주소록 입력 대행(무료) -->
|
||||
|
||||
<!-- 발송결과 -->
|
||||
<div class="info_popup" id="textingmsg">
|
||||
<div class="popup_heading">
|
||||
<p>사용안내</p>
|
||||
</div>
|
||||
<div class="layer_in layer_info_wrap">
|
||||
<ul class="info_list">
|
||||
<li>보낸결과는 이동통신사의 결과값을 기반으로 표시되며, 최대 6개월간의 발송내역만 확인하실 수 있습니다.</li>
|
||||
<li>전송내역이 필요한 경우 기간(6개월) 내에 다운로드하여 주시기 바랍니다.</li>
|
||||
<li>보낸결과는 이동통신사 및 수신자 등의 사정으로 발송이 지연된 경우 결과가 다소 늦게 확인될 수 있습니다.</li>
|
||||
<li>받는사람 기준으로 전송건별(묶음), 개인별(건) 상세조회가 가능합니다.</li>
|
||||
<li>단문문자는 최대 24시간, 장문 및 그림문자는 최대 72시간까지 결과값이 수신되지 않은 경우 실패(비과금) 처리됩니다.</li>
|
||||
<li>보낸결과는 삭제 시 복구가 불가하오니 반드시 유의하시기 바랍니다.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!-- // 발송결과 -->
|
||||
|
||||
|
||||
<!-- 예약관리 -->
|
||||
<div class="info_popup" id="reserveMsg">
|
||||
<div class="popup_heading">
|
||||
<p>사용안내</p>
|
||||
</div>
|
||||
<div class="layer_in layer_info_wrap">
|
||||
<ul class="info_list">
|
||||
<li>최근 3개월간 예약된 메시지를 확인할 수 있으며, 이후 내역은 자동 삭제됩니다.</li>
|
||||
<li>예약문자는 수정 가능하며, 예약 발송시간 5분전까지만 취소·삭제 가능합니다.</li>
|
||||
<li>취소·삭제된 메시지는 복구가 불가하며, 취소·삭제된 건에 대한 금액은 자동 재적립됩니다.</li>
|
||||
<li>단문문자는 최대 26시간, 장문 및 그림문자는 최대 49시간까지 결과값이 수신되지 않을 경우 실패(비과금) 처리됩니다.</li>
|
||||
<li>이동통신사 또는 수신자의 사정으로 전송이 지연된 경우 전송결과가 늦게 확인될 수 있습니다.</li>
|
||||
<li>전송 실패 건에 대해서도 재전송이 가능합니다.</li>
|
||||
<li>야간(21:00~08:00) 예약전송은 별도의 추가 인증을 받아야 전송 가능합니다.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!-- // 예약관리 -->
|
||||
|
||||
<!-- 결제관리 > 요금안내/견적내기 -->
|
||||
<div class="info_popup" id="payment1">
|
||||
<div class="popup_heading">
|
||||
<p>사용안내</p>
|
||||
</div>
|
||||
<div class="layer_in layer_info_wrap">
|
||||
<div class="list_tab_wrap2 type5">
|
||||
<ul class="list_tab">
|
||||
<li class="tab active"><button type="button" onclick="listTab(this,'4');" style="border-right: 0px;">요금안내</button></li>
|
||||
<li class="tab "><button type="button" onclick="listTab(this,'5');">견적내기</button></li>
|
||||
</ul>
|
||||
</div>
|
||||
<ul class="info_list list_cont price_history_cont current" id="listTab_4">
|
||||
<li>포인트는 10,000원 이상부터 현금으로도 전환 가능합니다.</li>
|
||||
<li>모든 요금은 VAT 별도 금액입니다.</li>
|
||||
</ul>
|
||||
<ul class="info_list list_cont price_history_cont" id="listTab_5" style="display: none;">
|
||||
<li>견적서는 발행일로부터 30일간 유효합니다.</li>
|
||||
<li>견적서는 결제방식, 옵션 등에 따라 차이가 발생할 수 있습니다. </li>
|
||||
<li>대량발송의 경우 단가협의가 가능하오니 1551-8011로 문의 바랍니다.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!-- //결제관리 > 요금안내/견적내기 -->
|
||||
|
||||
<!-- 결제관리 > 결제하기 -->
|
||||
<div class="info_popup" id="payment2">
|
||||
<div class="popup_heading">
|
||||
<p>사용안내</p>
|
||||
</div>
|
||||
<div class="layer_in layer_info_wrap">
|
||||
<ul class="info_list">
|
||||
<li>문자온 서비스 이용을 위해서 반드시 충전이 필수 입니다.</li>
|
||||
<li>충전 자체로 매출 인식이 되지 않는 서비스 특성상, 부가세 신고는 전자 세금계산서로만 가능합니다.</li>
|
||||
<li>모든 요금은 VAT별도 금액입니다.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!-- //결제관리 > 결제하기 -->
|
||||
|
||||
<!-- 결제관리 > 요금 사용 내역 -->
|
||||
<div class="info_popup" id="PayUserList">
|
||||
<div class="popup_heading">
|
||||
<p>사용안내</p>
|
||||
</div>
|
||||
<div class="layer_in layer_info_wrap">
|
||||
<ul class="info_list">
|
||||
<li>요금 사용내역을 상세히 조회 및 확인하실 수 있습니다.</li>
|
||||
<li>요금 사용내역은 사용일로부터 72시간 이후 건에 대해서만 조회 가능합니다.</li>
|
||||
<li>발송 건수는 정상 수신건에 한하여 제공합니다.</li>
|
||||
<li>모든 사용내역은 VAT 별도 금액입니다.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!-- //결제관리 > 요금 사용 내역 -->
|
||||
|
||||
<!-- 결제관리 > 세금계산서 발행 등록 -->
|
||||
<div class="info_popup" id="BillPub">
|
||||
<div class="popup_heading">
|
||||
<p>사용안내</p>
|
||||
</div>
|
||||
<div class="layer_in layer_info_wrap">
|
||||
<ul class="info_list">
|
||||
<li>세금계산서는 결제일로부터 영업일 기준 3일 소요되며, 업체 등록한 담당자 이메일로 자동 발행됩니다(결제일로부터 다음달 9일까지 신청가능)</li>
|
||||
<li>신청기간이 지난 세금계산서 결제내역은 자동발행이 되지 않습니다.</li>
|
||||
<li>카드전표 또는 현금영수증을 발행한 건의 경우에는 세금계산서 발행이 불가합니다.</li>
|
||||
<li>전자세금계산서는 발행과 동시에 국세청에 전송되기 때문에 폐기 및 정정이 불가하며, 수정이 필요한 경우 문자온 담당자에게 별도로 수정 세금계산서 발행을 요청(전화 또는 이메일)하셔야 합니다.</li>
|
||||
<li> 또한, 기존 세금계산서와 수정 세금계산서 모두를 부가세 신고하여야 합니다.</li>
|
||||
<!-- <li>세금계산서 자동발행 등록 시 현금영수증 발행화면은 비활성화 됩니다.</li> -->
|
||||
<li>무통장, 전용계좌는 송금액에서 공급가액이 충전됩니다(VAT 별도)</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!-- // 결제관리 > 세금계산서 발행 등록 -->
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -33,53 +33,7 @@
|
||||
<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 영역 -->
|
||||
@ -433,40 +387,9 @@
|
||||
</div>
|
||||
<!--// content 영역 -->
|
||||
<!-- footer 영역 -->
|
||||
<!-- 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 영역 -->
|
||||
<!-- footer -->
|
||||
<div data-include-path="/publish/layout/_footer.html"></div>
|
||||
<!--// footer 영역 -->
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -33,53 +33,7 @@
|
||||
<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 영역 -->
|
||||
@ -215,40 +169,9 @@
|
||||
</div>
|
||||
<!--// content 영역 -->
|
||||
<!-- footer 영역 -->
|
||||
<!-- 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 영역 -->
|
||||
<!-- footer -->
|
||||
<div data-include-path="/publish/layout/_footer.html"></div>
|
||||
<!--// footer 영역 -->
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -33,53 +33,7 @@
|
||||
<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 영역 -->
|
||||
@ -216,40 +170,9 @@
|
||||
</div>
|
||||
<!--// content 영역 -->
|
||||
<!-- footer 영역 -->
|
||||
<!-- 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 영역 -->
|
||||
<!-- footer -->
|
||||
<div data-include-path="/publish/layout/_footer.html"></div>
|
||||
<!--// footer 영역 -->
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -1,3 +1,22 @@
|
||||
// header, footer 공통 영역 불러오기
|
||||
window.addEventListener('load', function () {
|
||||
var allElements = document.getElementsByTagName('*');
|
||||
Array.prototype.forEach.call(allElements, function (el) {
|
||||
var includePath = el.dataset.includePath;
|
||||
if (includePath) {
|
||||
var xhttp = new XMLHttpRequest();
|
||||
xhttp.onreadystatechange = function () {
|
||||
if (this.readyState == 4 && this.status == 200) {
|
||||
el.outerHTML = this.responseText;
|
||||
|
||||
}
|
||||
};
|
||||
xhttp.open('GET', includePath, true);
|
||||
xhttp.send();
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
$(document).ready(function () {
|
||||
/* 본문 바로가기 */
|
||||
$('.skip_menu a').on('focus', function(){
|
||||
|
||||
@ -68,10 +68,6 @@ function TabType3(obj, tabId) {
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* 이미지불러오기 클릭 시 photo editer 새창 팝업 오픈 */
|
||||
function showPotoediter() {
|
||||
//만들려는 팝업의 크기
|
||||
@ -86,3 +82,19 @@ function showPotoediter() {
|
||||
}
|
||||
|
||||
|
||||
/* 윈도우팝업 열기 */
|
||||
function infoListPop(contId, _width, _height){
|
||||
|
||||
var popupUrl = "/publish/info_popup.html";
|
||||
var popupName = "사용안내 팝업"
|
||||
var popupOption = "width="+_width+", height="+_height+", top=100, left=100, fullscreen=no, menubar=no, status=no, toolbar=no, titlebar=yes, location=no, scrollbars=1"
|
||||
|
||||
var infoPopup = window.open(popupUrl,popupName,popupOption);
|
||||
|
||||
infoPopup.onload = function() {
|
||||
infoPopup.document.getElementById('contId').value = contId;
|
||||
infoPopup.document.getElementById(contId).style.display="block";
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
@ -227,7 +227,7 @@
|
||||
</li>
|
||||
<li>
|
||||
<p>2</p>
|
||||
<p><span>문자 메시지 대비</span> 75% 이상 저렴</p>
|
||||
<p><span>문자 메시지 대비</span> 65% 이상 저렴</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>3</p>
|
||||
@ -264,7 +264,7 @@
|
||||
<div class="fight-img">
|
||||
<p class="name">문자</p>
|
||||
<div class="icon">
|
||||
<img src="/publish/images/kakao_intro_cont/message.jpg" alt="문자">
|
||||
<img src="/publish/images/kakao_intro_cont/message.jpg.jpg" alt="문자">
|
||||
<p class="price">18원</p>
|
||||
</div>
|
||||
</div>
|
||||
@ -272,12 +272,12 @@
|
||||
<div class="fight-img kakao">
|
||||
<p class="name">알림톡</p>
|
||||
<div class="icon">
|
||||
<img src="/publish/images/kakao_intro_cont/kakao.jpg" alt="카카오">
|
||||
<p class="price">6.5원</p>
|
||||
<img src="/publish/images/kakao_intro_cont/kakao.jpg.jpg" alt="카카오">
|
||||
<p class="price">6.9원</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="text">
|
||||
<p>문자 대비 <span>75% 저렴</span></p>
|
||||
<p>문자 대비 <span>65% 저렴</span></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="fight-line"></div>
|
||||
@ -285,7 +285,7 @@
|
||||
<div class="fight-img">
|
||||
<p class="name">문자</p>
|
||||
<div class="icon">
|
||||
<img src="/publish/images/kakao_intro_cont/message.jpg" alt="문자">
|
||||
<img src="/publish/images/kakao_intro_cont/message.jpg.jpg" alt="문자">
|
||||
<p class="price">90Byte</p>
|
||||
</div>
|
||||
</div>
|
||||
@ -293,7 +293,7 @@
|
||||
<div class="fight-img kakao">
|
||||
<p class="name">알림톡</p>
|
||||
<div class="icon">
|
||||
<img src="/publish/images/kakao_intro_cont/kakao.jpg" alt="카카오">
|
||||
<img src="/publish/images/kakao_intro_cont/kakao.jpg.jpg" alt="카카오">
|
||||
<p class="price">1,000글자</p>
|
||||
</div>
|
||||
</div>
|
||||
@ -472,40 +472,9 @@
|
||||
</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 영역 -->
|
||||
<!-- footer -->
|
||||
<div data-include-path="/publish/layout/_footer.html"></div>
|
||||
<!--// footer 영역 -->
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -37,53 +37,7 @@
|
||||
<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 영역 -->
|
||||
@ -844,40 +798,9 @@
|
||||
</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 영역 -->
|
||||
<!-- footer -->
|
||||
<div data-include-path="/publish/layout/_footer.html"></div>
|
||||
<!--// footer 영역 -->
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -6,8 +6,7 @@
|
||||
<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 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">
|
||||
@ -25,10 +24,29 @@
|
||||
<script src="/publish/js/common.js"></script>
|
||||
<script src="/publish/js/content.js"></script>
|
||||
<script src="/publish/js/popupLayer.js"></script>
|
||||
|
||||
<script type="text/javascript" src="/publish/js/datepicker/picker.js"></script>
|
||||
<script type="text/javascript" src="/publish/js/datepicker/picker.date.js"></script>
|
||||
<script type="text/javascript" src="/publish/js/datepicker/ko_KR.js"></script>
|
||||
|
||||
<script>
|
||||
|
||||
$(function () {
|
||||
// 즉시/예약 시 예약설정 노출
|
||||
$("[name=reserYn]").change(function () {
|
||||
var thisVal = $(this).val();
|
||||
if (thisVal == "Y") {
|
||||
$(".use_enter,.rev_selected").show();
|
||||
$(".send_content").css("padding", "0");
|
||||
} else {
|
||||
$(".use_enter,.rev_selected").hide();
|
||||
$(".send_content").removeAttr("style");
|
||||
}
|
||||
});
|
||||
})
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
</head>
|
||||
|
||||
@ -37,53 +55,7 @@
|
||||
<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 영역 -->
|
||||
@ -105,8 +77,7 @@
|
||||
<!-- 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>
|
||||
<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>
|
||||
@ -119,8 +90,7 @@
|
||||
</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="전체검색" 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>
|
||||
@ -146,8 +116,7 @@
|
||||
<li><a href="#">#좋은하루</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<button class="btn_close" onclick="searchToggle();"><img src="/publish/images/btn_searchclose.png"
|
||||
alt=""></button>
|
||||
<button class="btn_close" onclick="searchToggle();"><img src="/publish/images/btn_searchclose.png" alt=""></button>
|
||||
</div>
|
||||
</div>
|
||||
<!--// search popup 영역 -->
|
||||
@ -158,11 +127,9 @@
|
||||
<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">
|
||||
<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">
|
||||
<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>
|
||||
@ -237,6 +204,7 @@
|
||||
<li>* 변수명 설정파일을 다운로드 받으신 후 전송대상과 변수를 입력 후 업로드해주세요.</li>
|
||||
<li>* 엑셀서식은 반드시 <span>텍스트 서식으로 등록</span>해주세요.</li>
|
||||
<li>* 한번에 전송가능한 <span>최대 발송건은 50만건</span>입니다.</li>
|
||||
<li>* 배송조회시 운송장 번호는 <span>숫자만 등록</span>해주세요.</li>
|
||||
</ul>
|
||||
<button type="button" class="excel_btn"><i></i> #{변수명} 설정 파일 다운로드</button>
|
||||
</div>
|
||||
@ -246,7 +214,7 @@
|
||||
<th>받는사람</th>
|
||||
<td class="putText">
|
||||
<div class="clearfix receipt_num receiver_wrap01">
|
||||
<div class="receipt_num_top">
|
||||
<div class="receipt_num_top" style="align-items:center;gap:6px;">
|
||||
<label for="" class="label">받는 번호입력</label>
|
||||
<input type="text" placeholder="번호를 입력하세요" onfocus="this.placeholder=''" onblur="this.placeholder='번호를 입력하세요'" style="width:340px;">
|
||||
<button type="button" class="btnType btnType6">번호추가</button>
|
||||
@ -271,163 +239,163 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="list_body_wrap">
|
||||
<div class="list_table list_body">
|
||||
<div class="cb_wrap">
|
||||
<label for="" class="label"></label>
|
||||
<input type="checkbox">
|
||||
<div class="list_table list_body">
|
||||
<div class="cb_wrap">
|
||||
<label for="" class="label"></label>
|
||||
<input type="checkbox">
|
||||
</div>
|
||||
<div class="list_table_num">
|
||||
<p>010-1234-5678</p>
|
||||
</div>
|
||||
<div class="list_table_name">
|
||||
<p>홍길동</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="list_table_num">
|
||||
<p>010-1234-5678</p>
|
||||
<div class="list_table list_body">
|
||||
<div class="cb_wrap">
|
||||
<label for="" class="label"></label>
|
||||
<input type="checkbox">
|
||||
</div>
|
||||
<div class="list_table_num">
|
||||
<p>010-1234-5678</p>
|
||||
</div>
|
||||
<div class="list_table_name">
|
||||
<p>홍길동</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="list_table_name">
|
||||
<p>홍길동</p>
|
||||
<div class="list_table list_body">
|
||||
<div class="cb_wrap">
|
||||
<label for="" class="label"></label>
|
||||
<input type="checkbox">
|
||||
</div>
|
||||
<div class="list_table_num">
|
||||
<p>010-1234-5678</p>
|
||||
</div>
|
||||
<div class="list_table_name">
|
||||
<p>홍길동</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="list_table list_body">
|
||||
<div class="cb_wrap">
|
||||
<label for="" class="label"></label>
|
||||
<input type="checkbox">
|
||||
</div>
|
||||
<div class="list_table_num">
|
||||
<p>010-1234-5678</p>
|
||||
</div>
|
||||
<div class="list_table_name">
|
||||
<p>홍길동</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="list_table list_body">
|
||||
<div class="cb_wrap">
|
||||
<label for="" class="label"></label>
|
||||
<input type="checkbox">
|
||||
</div>
|
||||
<div class="list_table_num">
|
||||
<p>010-1234-5678</p>
|
||||
</div>
|
||||
<div class="list_table_name">
|
||||
<p>홍길동</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="list_table list_body">
|
||||
<div class="cb_wrap">
|
||||
<label for="" class="label"></label>
|
||||
<input type="checkbox">
|
||||
</div>
|
||||
<div class="list_table_num">
|
||||
<p>010-1234-5678</p>
|
||||
</div>
|
||||
<div class="list_table_name">
|
||||
<p>홍길동</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="list_table list_body">
|
||||
<div class="cb_wrap">
|
||||
<label for="" class="label"></label>
|
||||
<input type="checkbox">
|
||||
</div>
|
||||
<div class="list_table_num">
|
||||
<p>010-1234-5678</p>
|
||||
</div>
|
||||
<div class="list_table_name">
|
||||
<p>홍길동</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="list_table list_body">
|
||||
<div class="cb_wrap">
|
||||
<label for="" class="label"></label>
|
||||
<input type="checkbox">
|
||||
</div>
|
||||
<div class="list_table_num">
|
||||
<p>010-1234-5678</p>
|
||||
</div>
|
||||
<div class="list_table_name">
|
||||
<p>홍길동</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="list_table list_body">
|
||||
<div class="cb_wrap">
|
||||
<label for="" class="label"></label>
|
||||
<input type="checkbox">
|
||||
</div>
|
||||
<div class="list_table_num">
|
||||
<p>010-1234-5678</p>
|
||||
</div>
|
||||
<div class="list_table_name">
|
||||
<p>홍길동</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="list_table list_body">
|
||||
<div class="cb_wrap">
|
||||
<label for="" class="label"></label>
|
||||
<input type="checkbox">
|
||||
</div>
|
||||
<div class="list_table_num">
|
||||
<p>010-1234-5678</p>
|
||||
</div>
|
||||
<div class="list_table_name">
|
||||
<p>홍길동</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="list_table list_body">
|
||||
<div class="cb_wrap">
|
||||
<label for="" class="label"></label>
|
||||
<input type="checkbox">
|
||||
</div>
|
||||
<div class="list_table_num">
|
||||
<p>010-1234-5678</p>
|
||||
</div>
|
||||
<div class="list_table_name">
|
||||
<p>홍길동</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="list_table list_body">
|
||||
<div class="cb_wrap">
|
||||
<label for="" class="label"></label>
|
||||
<input type="checkbox">
|
||||
</div>
|
||||
<div class="list_table_num">
|
||||
<p>010-1234-5678</p>
|
||||
</div>
|
||||
<div class="list_table_name">
|
||||
<p>홍길동</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="list_table list_body">
|
||||
<div class="cb_wrap">
|
||||
<label for="" class="label"></label>
|
||||
<input type="checkbox">
|
||||
</div>
|
||||
<div class="list_table_num">
|
||||
<p>010-1234-5678</p>
|
||||
</div>
|
||||
<div class="list_table_name">
|
||||
<p>홍길동</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="list_table list_body">
|
||||
<div class="cb_wrap">
|
||||
<label for="" class="label"></label>
|
||||
<input type="checkbox">
|
||||
</div>
|
||||
<div class="list_table_num">
|
||||
<p>010-1234-5678</p>
|
||||
</div>
|
||||
<div class="list_table_name">
|
||||
<p>홍길동</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="list_table list_body">
|
||||
<div class="cb_wrap">
|
||||
<label for="" class="label"></label>
|
||||
<input type="checkbox">
|
||||
</div>
|
||||
<div class="list_table_num">
|
||||
<p>010-1234-5678</p>
|
||||
</div>
|
||||
<div class="list_table_name">
|
||||
<p>홍길동</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="list_table list_body">
|
||||
<div class="cb_wrap">
|
||||
<label for="" class="label"></label>
|
||||
<input type="checkbox">
|
||||
</div>
|
||||
<div class="list_table_num">
|
||||
<p>010-1234-5678</p>
|
||||
</div>
|
||||
<div class="list_table_name">
|
||||
<p>홍길동</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="list_table list_body">
|
||||
<div class="cb_wrap">
|
||||
<label for="" class="label"></label>
|
||||
<input type="checkbox">
|
||||
</div>
|
||||
<div class="list_table_num">
|
||||
<p>010-1234-5678</p>
|
||||
</div>
|
||||
<div class="list_table_name">
|
||||
<p>홍길동</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="list_table list_body">
|
||||
<div class="cb_wrap">
|
||||
<label for="" class="label"></label>
|
||||
<input type="checkbox">
|
||||
</div>
|
||||
<div class="list_table_num">
|
||||
<p>010-1234-5678</p>
|
||||
</div>
|
||||
<div class="list_table_name">
|
||||
<p>홍길동</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="list_table list_body">
|
||||
<div class="cb_wrap">
|
||||
<label for="" class="label"></label>
|
||||
<input type="checkbox">
|
||||
</div>
|
||||
<div class="list_table_num">
|
||||
<p>010-1234-5678</p>
|
||||
</div>
|
||||
<div class="list_table_name">
|
||||
<p>홍길동</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="list_table list_body">
|
||||
<div class="cb_wrap">
|
||||
<label for="" class="label"></label>
|
||||
<input type="checkbox">
|
||||
</div>
|
||||
<div class="list_table_num">
|
||||
<p>010-1234-5678</p>
|
||||
</div>
|
||||
<div class="list_table_name">
|
||||
<p>홍길동</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="list_table list_body">
|
||||
<div class="cb_wrap">
|
||||
<label for="" class="label"></label>
|
||||
<input type="checkbox">
|
||||
</div>
|
||||
<div class="list_table_num">
|
||||
<p>010-1234-5678</p>
|
||||
</div>
|
||||
<div class="list_table_name">
|
||||
<p>홍길동</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="list_table list_body">
|
||||
<div class="cb_wrap">
|
||||
<label for="" class="label"></label>
|
||||
<input type="checkbox">
|
||||
</div>
|
||||
<div class="list_table_num">
|
||||
<p>010-1234-5678</p>
|
||||
</div>
|
||||
<div class="list_table_name">
|
||||
<p>홍길동</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="list_table list_body">
|
||||
<div class="cb_wrap">
|
||||
<label for="" class="label"></label>
|
||||
<input type="checkbox">
|
||||
</div>
|
||||
<div class="list_table_num">
|
||||
<p>010-1234-5678</p>
|
||||
</div>
|
||||
<div class="list_table_name">
|
||||
<p>홍길동</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="list_table list_body">
|
||||
<div class="cb_wrap">
|
||||
<label for="" class="label"></label>
|
||||
<input type="checkbox">
|
||||
</div>
|
||||
<div class="list_table_num">
|
||||
<p>010-1234-5678</p>
|
||||
</div>
|
||||
<div class="list_table_name">
|
||||
<p>홍길동</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="list_table list_body">
|
||||
<div class="cb_wrap">
|
||||
<label for="" class="label"></label>
|
||||
<input type="checkbox">
|
||||
</div>
|
||||
<div class="list_table_num">
|
||||
<p>010-1234-5678</p>
|
||||
</div>
|
||||
<div class="list_table_name">
|
||||
<p>홍길동</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="put_right">
|
||||
<div class="btn_popup_wrap spc_wrap">
|
||||
@ -762,7 +730,7 @@
|
||||
<p>4</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -784,8 +752,7 @@
|
||||
</div>
|
||||
<div class="pay_type clearfix">
|
||||
<div>
|
||||
<input type="radio" id="radio_bill_1" name="radio_bill"
|
||||
checked="checked">
|
||||
<input type="radio" id="radio_bill_1" name="radio_bill" checked="checked">
|
||||
<label for="radio_bill_1">보유잔액</label>
|
||||
<label for="userMoney" class="label">보유잔액</label>
|
||||
<input type="text" id="userMoney" name="userMoney" value="0" readonly="">
|
||||
@ -799,7 +766,8 @@
|
||||
</tr>
|
||||
<tr>
|
||||
<th colspan="2" class="replace_send_th">
|
||||
<div class="title_th"><p>대체문자</p>
|
||||
<div class="title_th">
|
||||
<p>대체문자</p>
|
||||
<input type="checkbox" id="send_fail_check" class="send_fail_check"><label for="send_fail_check">알림톡 전송 실패 시 문자 전송</label>
|
||||
</div>
|
||||
<div class="replace_send_wrap">
|
||||
@ -844,274 +812,14 @@
|
||||
</span>
|
||||
<span class="c_002c9a fwMd" id="limitLeng">90</span>byte
|
||||
</p>
|
||||
<span
|
||||
class="msg_com msg_short">단문</span>
|
||||
<span class="msg_com msg_short">단문</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="put_right">
|
||||
<div class="btn_popup_wrap spc_wrap">
|
||||
<button type="button" class="btnType btnType7" onclick="miniPopup(this)">특수문자</button>
|
||||
<div class="send_miniPop spc_character">
|
||||
<div class="tab_character">
|
||||
<a href="#none" class="on">특수문자</a>
|
||||
<a href="#none">웃음</a>
|
||||
<a href="#none">슬픔</a>
|
||||
<a href="#none">분노</a>
|
||||
<a href="#none">사랑</a>
|
||||
<a href="#none">그외</a>
|
||||
</div>
|
||||
<!-- 특수문자 -->
|
||||
<div class="cnt_character on">
|
||||
<div class="box_character">
|
||||
<a href="#">※</a>
|
||||
<a href="#">☆</a>
|
||||
<a href="#">★</a>
|
||||
<a href="#">○</a>
|
||||
<a href="#">●</a>
|
||||
<a href="#">◎</a>
|
||||
<a href="#">◇</a>
|
||||
<a href="#">◆</a>
|
||||
<a href="#">□</a>
|
||||
<a href="#">■</a>
|
||||
<a href="#">△</a>
|
||||
<a href="#">▲</a>
|
||||
<a href="#">▽</a>
|
||||
<a href="#">▼</a>
|
||||
<a href="#">→</a>
|
||||
<a href="#">←</a>
|
||||
<a href="#">↑</a>
|
||||
<a href="#">↓</a>
|
||||
<a href="#">↔</a>
|
||||
<a href="#">〓</a>
|
||||
<a href="#">◁</a>
|
||||
<a href="#">♪</a>
|
||||
<a href="#">◀</a>
|
||||
<a href="#">▷</a>
|
||||
<a href="#">▶</a>
|
||||
<a href="#">♤</a>
|
||||
<a href="#">♠</a>
|
||||
<a href="#">♡</a>
|
||||
<a href="#">♥</a>
|
||||
<a href="#">♧</a>
|
||||
<a href="#">♣</a>
|
||||
<a href="#">⊙</a>
|
||||
<a href="#">◈</a>
|
||||
<a href="#">▣</a>
|
||||
<a href="#">◐</a>
|
||||
<a href="#">◑</a>
|
||||
<a href="#">▒</a>
|
||||
<a href="#">▦</a>
|
||||
<a href="#">♨</a>
|
||||
<a href="#">☏</a>
|
||||
<a href="#">☎</a>
|
||||
<a href="#">☞</a>
|
||||
<a href="#">☜</a>
|
||||
<a href="#">㈜</a>
|
||||
<a href="#">™</a>
|
||||
<a href="#">℡</a>
|
||||
<a href="#">ㆀ</a>
|
||||
<a href="#">ε</a>
|
||||
<a href="#">『</a>
|
||||
<a href="#">』</a>
|
||||
<a href="#">ⓛ</a>
|
||||
<a href="#">∏</a>
|
||||
<a href="#">ご</a>
|
||||
<a href="#">♂</a>
|
||||
<a href="#">↗</a>
|
||||
<a href="#">↙</a>
|
||||
<a href="#">↖</a>
|
||||
<a href="#">↘</a>
|
||||
<a href="#">ψ</a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- //특수문자 -->
|
||||
|
||||
<!-- 웃음 -->
|
||||
<div
|
||||
class="cnt_character emt_character">
|
||||
<div class="box_character">
|
||||
<a href="#">⌒⌒</a>
|
||||
<a href="#">^_^</a>
|
||||
<a href="#">^0^</a>
|
||||
<a href="#">s(￣▽￣)/</a>
|
||||
<a href="#">(/^^)/</a>
|
||||
<a href="#">^o^~♬</a>
|
||||
<a href="#">^.~</a>
|
||||
<a href="#">^-^b</a>
|
||||
<a href="#">^▽^</a>
|
||||
<a href="#">^ε^</a>
|
||||
<a href="#">(^^)γ</a>
|
||||
<a href="#">(~^^)~</a>
|
||||
<a href="#">☆(~.^)/</a>
|
||||
<a href="#">(*^o^*)</a>
|
||||
<a href="#">n_n</a>
|
||||
<a href="#">↖(^▽^)↗</a>
|
||||
<a href="#">(￣∇￣)</a>
|
||||
<a href="#">(*^.^)♂</a>
|
||||
<a href="#">*^^*</a>
|
||||
<a href="#">ㅎ.ㅎ</a>
|
||||
<a href="#">=^.^=</a>
|
||||
<a href="#">^▽^</a>
|
||||
<a href="#">~_~</a>
|
||||
<a href="#">(=^▽^)/♪</a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- //웃음 -->
|
||||
|
||||
<!-- 슬픔 -->
|
||||
<div
|
||||
class="cnt_character emt_character">
|
||||
<div class="box_character">
|
||||
<a href="#">(づ_T)</a>
|
||||
<a href="#">(ㅠ.ㅠ)</a>
|
||||
<a href="#">(#_-)</a>
|
||||
<a href="#">o(T^T)o</a>
|
||||
<a href="#">ㅠ.ㅠ</a>
|
||||
<a href="#">(-_-メ)</a>
|
||||
<a href="#">Y.Y</a>
|
||||
<a href="#">TmT</a>
|
||||
<a href="#">ご.ご</a>
|
||||
<a href="#">(=_=;)</a>
|
||||
<a href="#">⊇.⊆</a>
|
||||
<a href="#">(o_Φ)</a>
|
||||
<a href="#">∋.∈</a>
|
||||
<a href="#">(___)_</a>
|
||||
<a href="#">(-.￥)</a>
|
||||
<a href="#">@_O</a>
|
||||
<a href="#">●⊙</a>
|
||||
<a href="#">(♨_♨)</a>
|
||||
<a href="#">(X_X)</a>
|
||||
<a href="#">Θ_Θ</a>
|
||||
<a href="#">(∏.∏)</a>
|
||||
<a href="#">(づ_ど)</a>
|
||||
<a href="#">(￣^￣)</a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- //슬픔 -->
|
||||
|
||||
<!-- 분노 -->
|
||||
<div
|
||||
class="cnt_character emt_character">
|
||||
<div class="box_character">
|
||||
<a href="#">Θ_Θ</a>
|
||||
<a href="#">=-_-a</a>
|
||||
<a href="#">('o')</a>
|
||||
<a href="#">(｀へ´)</a>
|
||||
<a href="#">(-ヘㅡメ)凸</a>
|
||||
<a href="#">⊙⊙ㆀ</a>
|
||||
<a href="#">⊙.⊙</a>
|
||||
<a href="#">ㅡㅡ+</a>
|
||||
<a href="#">(`o´)y</a>
|
||||
<a href="#">づºДº)つ</a>
|
||||
<a href="#">O_O</a>
|
||||
<a href="#">(@.@)</a>
|
||||
<a href="#">★.★</a>
|
||||
<a href="#">(;￢_￢)</a>
|
||||
<a href="#">┏(;-_-)┛</a>
|
||||
<a href="#">┏(-_-メ)┓</a>
|
||||
<a href="#">(><ㆀ)/</a>
|
||||
<a href="#">--メ凸</a>
|
||||
<a href="#">(`_)乂(_′)</a>
|
||||
<a href="#">(-_-)c+_=)</a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- //분노 -->
|
||||
|
||||
<!-- 사랑 -->
|
||||
<div
|
||||
class="cnt_character emt_character">
|
||||
<div class="box_character">
|
||||
<a href="#">♥.♥</a>
|
||||
<a href="#">^o^~♬</a>
|
||||
<a href="#">(*^}{^*)</a>
|
||||
<a href="#">ⓛⓞⓥⓔ</a>
|
||||
<a href="#">(*_*)</a>
|
||||
<a href="#">(♡.♡)</a>
|
||||
<a href="#">ε♡₃ε♥</a>
|
||||
<a href="#">(*..)(..*)</a>
|
||||
<a href="#">(~.^)s</a>
|
||||
<a href="#">☞♡☜</a>
|
||||
<a href="#">*♥o♥*</a>
|
||||
<a href="#">(/^o^)/♡</a>
|
||||
<a href="#">@-m-m--</a>
|
||||
<a href="#">=>>------▷♡</a>
|
||||
<a href="#">(*^^)σ(^_^)</a>
|
||||
<a href="#">(*^-^)♡(^o^*)</a>
|
||||
<a href="#">(づ^.^)づ~♡</a>
|
||||
<a href="#">＼(*^▽^*)ノ</a>
|
||||
<a href="#">*⌒З^)^.⌒*)</a>
|
||||
<a href="#">(づ￣³￣)づ~</a>
|
||||
<a href="#">(づ￣³￣)づ</a>
|
||||
<a href="#">(^*^)kiss</a>
|
||||
<a href="#">(*'-⌒*)ⓥ</a>
|
||||
<a href="#">s(￣▽￣)/</a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- //사랑 -->
|
||||
|
||||
<!-- 그외 -->
|
||||
<div
|
||||
class="cnt_character emt_character emt_etc ">
|
||||
<div class="box_character">
|
||||
<a href="#"><:3)--</a>
|
||||
<a href="#">(^(oo)^)</a>
|
||||
<a href="#">(:::[</a>
|
||||
<a href="#">]:::)</a>
|
||||
<a href="#">[(￣.￣)]zZ</a>
|
||||
<a href="#">(``)(``)</a>
|
||||
<a href="#">(T(oo)T)</a>
|
||||
<a href="#">(^.^)=O)#.#)</a>
|
||||
<a href="#">?‥…─━★</a>
|
||||
<a href="#">(__)zzz</a>
|
||||
<a href="#">(=ㅅ)=333</a>
|
||||
<a href="#"><(>.<ㆀ)></a>
|
||||
<a href="#">>(/////)<</a>
|
||||
<a href="#">((ど(</a>
|
||||
<a href="#">^0^</a>
|
||||
<a href="#">)つ))</a>
|
||||
<a href="#">■■■■■□90%</a>
|
||||
<a href="#">(￣_￣>-(^▽^;)</a>
|
||||
<a href="#">∑⊙)++333=◀</a>
|
||||
<a href="#">(ノ^_^)ノ~~⑩</a>
|
||||
<a href="#">(^▽^)/＼(^_^)</a>
|
||||
<a href="#">(*.*)@==(`.`)</a>
|
||||
<a href="#">(っㅡㅡ)つ━●</a>
|
||||
<a href="#">(``)(</a>
|
||||
<a href="#">:)(..)(:</a>
|
||||
<a href="#">(``)</a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- //그외 -->
|
||||
<button type="button" class="btn_close" onclick="miniPopup(this)">닫기</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="btn_popup_wrap convers_wrap">
|
||||
<button type="button" class="btnType btnType7" onclick="miniPopup(this)">특정문구 일괄변환<i class="qmMark"></i></button>
|
||||
<div class="send_miniPop convers">
|
||||
<div>
|
||||
<div class="convers_top">
|
||||
<span>특정문구 일괄변환이란?</span>
|
||||
<p>주소록, 엑셀에 입력된 내용을 이용해 수신자마다 다른
|
||||
내용의 메시지를 발송하는 기능</p>
|
||||
</div>
|
||||
<div class="convers_middle"><a
|
||||
href="#">#{이름}</a></div>
|
||||
<div class="convers_bottom">
|
||||
<a href="#">#{1}</a>
|
||||
<a href="#">#{2}</a>
|
||||
<a href="#">#{3}</a>
|
||||
<a href="#">#{4}</a>
|
||||
</div>
|
||||
</div>
|
||||
<button type="button" class="btn_close" onclick="miniPopup(this)">닫기</button>
|
||||
</div>
|
||||
</div>
|
||||
<button type="button" class="btnType btnType7">내문자함</button>
|
||||
<button type="button" class="btnType btnType8" onclick="showPotoediter();">이미지 불러오기</button>
|
||||
<button type="button" class="btnType btnType7" onclick="javascript:fn_errorChk(); return false;">오류검사<i class="qmMark"></i></button>
|
||||
<div class="send_btnWrap">
|
||||
<button type="button" class="btnType btnType9">문자저장</button>
|
||||
<button type="button" class="btnType btnType9">초기화</button>
|
||||
<button type="button" class="btnType btnType9" style="width:100%;">초기화</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -1137,9 +845,9 @@
|
||||
<img src="/publish/images/content/icon_allimtalk.png" alt="">알림톡 도착
|
||||
</div>
|
||||
<div class="allimtalk_content">
|
||||
<!-- <div class="kakao_image"> -->
|
||||
<!-- <img src="/publish/images/content/kakao_template_img.png" alt=""> -->
|
||||
<!-- </div> -->
|
||||
<!-- <div class="kakao_image"> -->
|
||||
<!-- <img src="/publish/images/content/kakao_template_img.png" alt=""> -->
|
||||
<!-- </div> -->
|
||||
<p class="emphasis_side_text">강조표기 보조문구 미리보기</p>
|
||||
<p class="emphasis_title_text">타이틀 미리보기</p>
|
||||
<p class="template_text">내용미리보기</p>
|
||||
@ -1147,13 +855,13 @@
|
||||
<p class="channel_info_text">채널 추가 안내 메시지 미리보기</p>
|
||||
<button type="button" class="btn_kakao_type">버튼명</button>
|
||||
<button type="button" class="btn_kakao_type">버튼명</button>
|
||||
<!-- <p class="emphasis_side_text">강조표기 보조문구 미리보기</p> -->
|
||||
<!-- <p class="emphasis_title_text">타이틀 미리보기</p> -->
|
||||
<!-- <p class="template_text">내용미리보기</p> -->
|
||||
<!-- <p class="side_info_text">부가정보내용</p> -->
|
||||
<!-- <p class="channel_info_text">채널 추가 안내 메시지 미리보기</p> -->
|
||||
<!-- <button type="button" class="btn_kakao_type">버튼명</button> -->
|
||||
<!-- <button type="button" class="btn_kakao_type">버튼명</button> -->
|
||||
<!-- <p class="emphasis_side_text">강조표기 보조문구 미리보기</p> -->
|
||||
<!-- <p class="emphasis_title_text">타이틀 미리보기</p> -->
|
||||
<!-- <p class="template_text">내용미리보기</p> -->
|
||||
<!-- <p class="side_info_text">부가정보내용</p> -->
|
||||
<!-- <p class="channel_info_text">채널 추가 안내 메시지 미리보기</p> -->
|
||||
<!-- <button type="button" class="btn_kakao_type">버튼명</button> -->
|
||||
<!-- <button type="button" class="btn_kakao_type">버튼명</button> -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- //텍스트 미리보기 -->
|
||||
@ -1184,17 +892,11 @@
|
||||
<button type="button" class="btnType btnType10" onclick="javascript:fnTestSend(); return false;">테스트발송</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="rev_selected">
|
||||
<div class="rev_selected" style="display:none;">
|
||||
<div class="rev_top">
|
||||
<span>날짜 :</span>
|
||||
<div class="calendar_wrap">
|
||||
<input type="text" class="startDate inp" title="검색 시작일" id="startDate" name="startDate" value="" data-datecontrol="true">
|
||||
<div class="calendar_in" id="calendarName_startDate" style="z-index: 9;">
|
||||
<button type="button" value="달력 팝업 열기" onclick="return calendarOpen('startDate-lry','',this)"></button>
|
||||
<div id="startDate-lry" class="calendarPop" style="display: none;">
|
||||
<iframe id="startDate-ifrm" name="startDate-ifrm" class="calendar-frame" src="/publish/calendar.html" title=" 달력 팝업" frameborder="0" scrolling="no"></iframe>
|
||||
</div>
|
||||
</div>
|
||||
<input type="text" class="startDate inp calendar picker__input" title="검색 시작일" id="startDate" name="startDate" value="" data-datecontrol="true" readonly="" aria-haspopup="true" aria-expanded="false" aria-readonly="false" aria-owns="startDate_root">
|
||||
</div>
|
||||
<label for="" class="label">시 선택</label>
|
||||
<div class="selBox">
|
||||
@ -1240,39 +942,8 @@
|
||||
</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 -->
|
||||
<div data-include-path="/publish/layout/_footer.html"></div>
|
||||
<!--// footer 영역 -->
|
||||
</body>
|
||||
|
||||
|
||||
@ -37,53 +37,7 @@
|
||||
<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 영역 -->
|
||||
@ -709,40 +663,9 @@
|
||||
</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 영역 -->
|
||||
<!-- footer -->
|
||||
<div data-include-path="/publish/layout/_footer.html"></div>
|
||||
<!--// footer 영역 -->
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -37,53 +37,7 @@
|
||||
<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 영역 -->
|
||||
@ -763,40 +717,9 @@
|
||||
</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 영역 -->
|
||||
<!-- footer -->
|
||||
<div data-include-path="/publish/layout/_footer.html"></div>
|
||||
<!--// footer 영역 -->
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -37,53 +37,7 @@
|
||||
<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 영역 -->
|
||||
@ -1321,40 +1275,9 @@
|
||||
</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 영역 -->
|
||||
<!-- footer -->
|
||||
<div data-include-path="/publish/layout/_footer.html"></div>
|
||||
<!--// footer 영역 -->
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -33,7 +33,7 @@
|
||||
<!-- -->
|
||||
<div class="tooltip-wrap">
|
||||
<div class="popup-com add_profile_popup01" tabindex="0" data-tooltip-con="add_profile_popup01"
|
||||
data-focus="add_profile_popup01" data-focus-prev="add_profile_popup01-close" style="width: 878px;">
|
||||
data-focus="add_profile_popup01" data-focus-prev="add_profile_popup01-close" style="width: 900px;">
|
||||
<div class="popup_heading">
|
||||
<p>발신프로필 등록</p>
|
||||
<button type="button" class="tooltip-close" data-focus="add_profile_popup01-close"><img
|
||||
@ -101,53 +101,7 @@
|
||||
<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 영역 -->
|
||||
@ -405,40 +359,9 @@
|
||||
</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 영역 -->
|
||||
<!-- footer -->
|
||||
<div data-include-path="/publish/layout/_footer.html"></div>
|
||||
<!--// footer 영역 -->
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -52,53 +52,7 @@
|
||||
<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 영역 -->
|
||||
@ -417,40 +371,9 @@
|
||||
</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 영역 -->
|
||||
<!-- footer -->
|
||||
<div data-include-path="/publish/layout/_footer.html"></div>
|
||||
<!--// footer 영역 -->
|
||||
</body>
|
||||
|
||||
</html>
|
||||
175
src/main/webapp/publish/kisa.html
Normal file
175
src/main/webapp/publish/kisa.html
Normal file
@ -0,0 +1,175 @@
|
||||
<!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/mem.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 data-include-path="/publish/layout/_header.html"></div>
|
||||
<!-- 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="location.href='/publish/mypage2.html'">회원정보 변경</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/mypage3.html'">기업회원 전환</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/mypage4.html'">비밀번호 변경</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/mypage5.html'">발신번호 관리</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/mypage6.html'">알림설정</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/mypage7.html'">회원탈퇴</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/security_login.html.html'">보안로그인</button></li>
|
||||
</ul>
|
||||
<!--// tab button -->
|
||||
<!-- kisa 신고 -->
|
||||
<div class="mypage_content current" id="tab5_1">
|
||||
<div class="heading">
|
||||
<h2>KISA 신고</h2>
|
||||
</div>
|
||||
<div class="kisa_info">
|
||||
고객님께서 발송하신 문자가 <strong>정보통신법 제50조에 위반되어 한국인터넷진흥원(KISA)에 신고 접수</strong>되었습니다.<br>아래 신고내역을 확인하신 후 소명자료 제출과 서명을 완료해주시기 바랍니다.
|
||||
<p>※ 광고문자 규정 위반 시 최대 1년 이하의 징역 또는 3,000만원 이하의 과태료 부과(해당 발신번호 사용불가)</p>
|
||||
<button type="button" class="btnType btnType11" data-tooltip="kisa_popup">광고법령보기</button>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="excel_middle">
|
||||
<div class="select_btnWrap clearfix">
|
||||
<div class="btn_left"><span class="cal_label">기간선택</span>
|
||||
<div class="calendar_wrap">
|
||||
<input type="text" class="startDate inp calendar picker__input" title="검색 시작일" id="startDate" name="startDate" value="" data-datecontrol="true" readonly="" aria-haspopup="true" aria-expanded="false" aria-readonly="false" aria-owns="startDate_root">
|
||||
<span class="dateEtc"> ~ </span>
|
||||
<input type="text" class="endDate inp calendar picker__input" title="검색 종료일" id="endDate" name="endDate" value="" data-datecontrol="true" readonly="" aria-haspopup="true" aria-expanded="false" aria-readonly="false" aria-owns="endDate_root">
|
||||
</div>
|
||||
<button type="button" class="btnType btnType19">전월</button>
|
||||
<button type="button" class="btnType btnType19">당월</button>
|
||||
<button type="button" class="btnType btnType19">3개월</button>
|
||||
<button type="button" class="btnType6">조회</button>
|
||||
</div>
|
||||
<div></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="list_info kisa_list_info">
|
||||
<p>총 <span class="c_e40000">0</span>건</p>
|
||||
<div>
|
||||
<button type="button" class="btnType btnType2" onclick="setKisaSignAll(); return false;">선택 일괄 서명하기</button>
|
||||
<button type="button" class="btnType btnType3" data-tooltip="popup03">소명자료 예시보기</button>
|
||||
<label for="pageUnit" class="label">줄보기 선택</label>
|
||||
<select id="pageUnit" name="pageUnit" class="selType2">
|
||||
<option value="10" selected="">10개보기</option>
|
||||
<option value="20">20개보기</option>
|
||||
<option value="30">30개보기</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tb_wrap kisa_tb_wrap">
|
||||
<table class="tType4">
|
||||
<colgroup>
|
||||
<col style="width:40px;">
|
||||
<col style="width:7%;">
|
||||
<col style="width:auto;">
|
||||
<col style="width:auto;">
|
||||
<col style="width:10.5%;">
|
||||
<col style="width:11%;">
|
||||
<col style="width:8%;">
|
||||
<col style="width:8%;">
|
||||
<col style="width:11%;">
|
||||
<col style="width:11%;">
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>
|
||||
<label for="allCheck" class="label">전체 선택</label>
|
||||
<input type="checkbox" id="allCheck" name="allCheck">
|
||||
</th>
|
||||
<th>번호
|
||||
<div class="sort_wrap">
|
||||
<input type="button" class="sort sortBtn" id="sort_kisaId">
|
||||
</div>
|
||||
</th>
|
||||
<th>
|
||||
수신일시
|
||||
<div class="sort_wrap">
|
||||
<input type="button" class="sort sortBtn" id="sort_kisaSendPnttm">
|
||||
</div>
|
||||
</th>
|
||||
<th>
|
||||
신고일시
|
||||
<div class="sort_wrap">
|
||||
<input type="button" class="sort sortBtn" id="sort_kisaReportPnttm">
|
||||
</div>
|
||||
</th>
|
||||
<th>
|
||||
발신번호
|
||||
<div class="sort_wrap">
|
||||
<input type="button" class="sort sortBtn" id="sort_mberPhoneNo">
|
||||
</div>
|
||||
</th>
|
||||
<th>
|
||||
신고기관
|
||||
<div class="sort_wrap">
|
||||
<input type="button" class="sort sortBtn" id="sort_callTo">
|
||||
</div>
|
||||
</th>
|
||||
<th>
|
||||
신고건수
|
||||
<div class="sort_wrap">
|
||||
<input type="button" class="sort sortBtn" id="sort_kisaReportGun">
|
||||
</div>
|
||||
</th>
|
||||
<th>확인서명</th>
|
||||
<th>소명자료</th>
|
||||
<th>신고내용<br>상세보기</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td colspan="10" class="nodata">
|
||||
<spring:message code="common.nodata.msg">접수된 내용이 없습니다.</spring:message>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- kisa 신고 -->
|
||||
|
||||
</div>
|
||||
<!--// send top -->
|
||||
</div>
|
||||
</div>
|
||||
<!--// content 영역 -->
|
||||
<!-- footer 영역 -->
|
||||
<!-- footer -->
|
||||
<div data-include-path="/publish/layout/_footer.html"></div>
|
||||
<!--// footer 영역 -->
|
||||
</body>
|
||||
|
||||
</html>
|
||||
34
src/main/webapp/publish/layout/_footer.html
Normal file
34
src/main/webapp/publish/layout/_footer.html
Normal file
@ -0,0 +1,34 @@
|
||||
<!-- footer -->
|
||||
<footer id="footer" class="footer">
|
||||
<div class="footer_top">
|
||||
<div class="inner table">
|
||||
<ul class="table_cell">
|
||||
<li class="about"><a href="http://iten.co.kr/" target="_blank" rel="nosublink">회사소개</a></li>
|
||||
<li class="SortLine"><a href="/web/cop/bbs/TermsList.do?menuNm=02&termsMastNo=2023" rel="nosublink">이용약관</a></li>
|
||||
<li class="SortLine"><a href="/web/cop/bbs/TermsList.do?menuNm=03&termsMastNo=2024" rel="nosublink">개인정보처리방침</a></li>
|
||||
<li class="SortLine"><a href="/web/cop/bbs/TermsList.do?menuNm=04&termsMastNo=2024" rel="nosublink">불법스팸방지정책</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer_body">
|
||||
<div class="inner table">
|
||||
<div class="table_cell">
|
||||
<a href="/" class="footer_logo" rel="nosublink"><img src="/publish/images/CI_white.png" alt="문자온 CI"></a>
|
||||
<div class="footer_info">
|
||||
<p>주소 : (12248) 경기도 남양주시 다산순환로 20, A동 735호(다산동, 현대프리미어캠퍼스) ｜ 기업명 : 주식회사 아이티앤</p>
|
||||
<p class="info_te">사업자번호 : 653-87-00858 ｜ 대표 : 유인식 ｜ 특수한 유형의 부가통신사업자 등록번호 : 제3-01-21-0054호 ｜ <br>통신판매등록번호 : 제2021-다산-0422호</p>
|
||||
<p>Copyright 2022 ⓒ MUNJAON co. Ltd, All rights reserved.</p>
|
||||
</div>
|
||||
<dl class="footer_service_center">
|
||||
<dt>고객센터</dt>
|
||||
<dd>
|
||||
<p>1551-8011</p>
|
||||
<span>E-mail : help@iten.co.kr</span>
|
||||
</dd>
|
||||
</dl>
|
||||
<img class="footer_mark" src="https://yeorcqadlpopsmgaoudu.supabase.co/storage/v1/object/public/certification/mark/6c10adc8-cf0c-474a-bcd9-5099a08612fd/61914a62-6ab1-4c4d-b2dd-88f0410234ed-2024-11-13T07:34:43.940Z" alt="대량문자 전송자격인증 마크" onclick="(function(){window.open('https://cleanspam.or.kr/ci/138','_blank','width=800, height=1151, toolbar=no, menubar=no, scrollbars=no, resizable=no')})()" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<!--// footer 영역 -->
|
||||
225
src/main/webapp/publish/layout/_header.html
Normal file
225
src/main/webapp/publish/layout/_header.html
Normal file
@ -0,0 +1,225 @@
|
||||
<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 id="quickPayGuide">
|
||||
<a href="/web/mjon/custom/selectMsgCustomView.do"><i class="quick4"></i><span>맞춤제작</span></a>
|
||||
<div class="hover_cont">맞춤제작</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/web/mjon/addr/selectAddrList.do"><i class="quick10"></i><span>주소록 관리</span></a>
|
||||
<div class="hover_cont">주소록 관리</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/web/user/sendNumberManage.do"><i class="quick5"></i><span>발신번호 관리</span></a>
|
||||
<div class="hover_cont">발신번호 관리</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/web/mjon/msgdata/excel/selectMsgExcelDataView.do"><i class="quick6"></i><span>엑셀 대량전송</span></a>
|
||||
<div class="hover_cont">엑셀 대량전송</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/web/api/intrdView.do"><i class="quick7"></i><span>문자연동</span></a>
|
||||
<div class="hover_cont">문자연동</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/web/member/pay/PayList.do"><i class="quick8"></i><span>결제관리</span></a>
|
||||
<div class="hover_cont">결제관리</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/web/member/pay/BillPub.do"><i class="quick9"></i><span>세금계산서</span></a>
|
||||
<div class="hover_cont">세금계산서</div>
|
||||
</li>
|
||||
<li class="cscenter">
|
||||
<a href="/web/cop/bbs/NoticeList.do"><i class="quick11"></i><span>고객센터</span></a>
|
||||
<div class="hover_cont">
|
||||
<div class="title">고객센터</div>
|
||||
<div class="number">1551-8011</div>
|
||||
<ul class="info">
|
||||
<li>· 월~금 : 09:30 ~ 18:30</li>
|
||||
<li>· 점심시간 : 13:00 ~ 14:00</li>
|
||||
<li>· 토, 일요일 및 법정공휴일 휴무</li>
|
||||
</ul>
|
||||
<div class="cskakao">
|
||||
<a href="http://pf.kakao.com/_PxoTtb/chat" class="kakao" target="_blank">카톡 상담</a>
|
||||
<a href="javascript:void(0);" class="remote">원격지원</a>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<button type="button" class="goTop" title="맨 위로 이동">TOP<i></i></button>
|
||||
</div>
|
||||
<div class="quick_kakaobtn main"><a href="http://pf.kakao.com/_PxoTtb/chat" target="_blank">카카오톡 상담</a></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>
|
||||
<li class="SortLine"><a href="#">불편신고</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">
|
||||
<div class="login_left">
|
||||
<div class="login_put">
|
||||
<label for="id_text" class="label"></label>
|
||||
<input type="text" placeholder="아이디를 입력해주세요" id="id_text" name="id_text" class="id_text" maxlength="20" size="18" onclick="actionLogin();">
|
||||
<label for="password_text" class="label"></label>
|
||||
<input type="password" placeholder="비밀번호를 입력해주세요" id="password_text" class="password_text" maxlength="30" size="18" onkeypress="if(event.keyCode==13) {actionLogin(); return false;}" onclick="actionLogin();">
|
||||
<label for="login_button" class="label"></label>
|
||||
<button type="button" id="login_button" class="btnType btnType1" onclick="actionLogin();">로그인</button>
|
||||
</div>
|
||||
<div class="login_save">
|
||||
<input type="checkbox" id="save_id" name="checkId">
|
||||
<label for="save_id">아이디 저장</label>
|
||||
</div>
|
||||
<div class="login_find">
|
||||
<a href="/web/user/findUserId.do">아이디찾기</a>
|
||||
/
|
||||
<a href="/web/user/rePassword.do">비밀번호 재설정</a>
|
||||
</div>
|
||||
<div>
|
||||
<button type="button" class="btnType btnType2" onclick="location.href='/web/user/login/selectUserDept.do'">회원가입</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="login_right">
|
||||
<span><i></i>이달의 이벤트</span>
|
||||
<button type="button" class="btnType btnType2" onclick="location.href='/web/cop/bbs/EventList.do'">GO</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--// login 영역 -->
|
||||
|
||||
<!-- 로그인 후 영역 -->
|
||||
<!-- <div id="login" class="login2">
|
||||
<div class="inner">
|
||||
<div class="login_left">
|
||||
<div class="login_info">
|
||||
<i><img src="/publish/images/mypageIcon2.png" id="commonHeaderGradeIcon"></i>
|
||||
<div class="login2_name">
|
||||
<p>정수빈</p><span>(개인) 님</span>
|
||||
</div>
|
||||
<div class="session">
|
||||
<div>
|
||||
<span id="ViewTimer">00:00</span>
|
||||
</div>
|
||||
<button type="button" onclick="sessionExpend(); return false;">연장</button>
|
||||
</div>
|
||||
<button type="button" class="btnType btnType3" onclick="location.href='/web/user/mberInfoIndex.do'">마이페이지</button>
|
||||
<button type="button" class="btnType btnType2" onclick="location.href='/web/uat/uia/actionLogout.do'">로그아웃</button>
|
||||
|
||||
<div class="security_box green_box">
|
||||
<a href="/web/user/mberSecureLogin.do" class="title">보안로그인</a>
|
||||
<a href="#" id="secuLoginFlag" class="state on">ON</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="login_pay">
|
||||
<div class="check_money">
|
||||
<div class="holdingsum_box">
|
||||
<i></i>
|
||||
<p>보유잔액
|
||||
<span class="fwMd" id="hdUserMoney">0</span>원</p>
|
||||
</div>
|
||||
<button type="button" class="btnType btnType3">충전</button>
|
||||
<div class="account_box">
|
||||
<button type="button" class="btnType btnType3">전용계좌</button>
|
||||
<dl>
|
||||
<dt>전용계좌</dt>
|
||||
<dd>기업은행 48011304697636</dd>
|
||||
</dl>
|
||||
</div>
|
||||
</div>
|
||||
<div class="point">
|
||||
<i></i>
|
||||
<p>
|
||||
포인트 <span class="fwMd">0</span>원</p>
|
||||
<button type="button" data-tooltip="popup04" class="btnType btnType3" onclick="popScrSetting();">교환</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
<!-- //로그인 후 영역 -->
|
||||
</header>
|
||||
<!--// header 영역 -->
|
||||
<!-- login 영역 -->
|
||||
47
src/main/webapp/publish/layout/_quickmenu.html
Normal file
47
src/main/webapp/publish/layout/_quickmenu.html
Normal file
@ -0,0 +1,47 @@
|
||||
<!-- 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 메뉴 -->
|
||||
@ -21,151 +21,7 @@
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<!-- 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 영역 -->
|
||||
<div data-include-path="/publish/layout/_header.html"></div>
|
||||
<div class="mask"></div>
|
||||
<!-- login 영역 -->
|
||||
<!-- content 영역 -->
|
||||
@ -183,7 +39,7 @@
|
||||
<a href="/publish/mem2.html">
|
||||
<i></i>
|
||||
<p>개인회원</p>
|
||||
<span>만 14세 이상의 내국인</span>
|
||||
<span>만 18세 이상의 내국인</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
@ -194,7 +50,7 @@
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<p class="text_req"><span>기업 담당자</span>의 경우 반드시 <span>기업회원</span>으로 가입해주세요.</p>
|
||||
<p class="text_req"><span>기업체 담당자</span>의 경우 반드시 <span>기업회원</span>으로 가입해주세요.</p>
|
||||
<span>(추후 담당자 변경 시 정보수정이 어려우실 수 있습니다.)</span>
|
||||
<div class="join_check">
|
||||
<p>이미 회원이신가요?</p>
|
||||
@ -205,37 +61,5 @@
|
||||
</div>
|
||||
</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 영역 -->
|
||||
<div data-include-path="/publish/layout/_footer.html"></div>
|
||||
</body></html>
|
||||
|
||||
@ -2,31 +2,47 @@
|
||||
<html lang="ko">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<title>회원가입 < 문자온</title>
|
||||
<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/mem.css">
|
||||
<link rel="stylesheet" href="/publish/css/popupLayer.css">
|
||||
<link rel="stylesheet" href="/publish/css/font.css">
|
||||
|
||||
<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/mem.css">
|
||||
<link rel="stylesheet" href="/publish/css/popupLayer.css">
|
||||
<link rel="stylesheet" href="/publish/css/font.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/mem.js"></script>
|
||||
<script src="/publish/js/popupLayer.js"></script>
|
||||
|
||||
<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/mem.js"></script>
|
||||
<script src="/publish/js/popupLayer.js"></script>
|
||||
<style>
|
||||
.clause_list_head .checkbox_wrap .term_href {
|
||||
display: inline-flex;
|
||||
height: 30px;
|
||||
font-size: 15px;
|
||||
border-radius: 5px;
|
||||
padding: 0 15px;
|
||||
margin: 5px 0 0 10px;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.joinCheckbox+label::after {
|
||||
top: 4px;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="mask"></div>
|
||||
<!-- 본인인증(step1) 팝업 -->
|
||||
<!-- 본인인증(step1) 팝업 -->
|
||||
<div class="tooltip-wrap">
|
||||
<div class="popup-com certify_layer popup05" tabindex="0" data-tooltip-con="popup05" data-focus="popup05" data-focus-prev="popup05-close" style="width: 680px;">
|
||||
<div class="popup_heading">
|
||||
@ -38,30 +54,30 @@
|
||||
<p class="certify_title">인증받을 전화에 <span>02-2009-3777</span>로<br>
|
||||
전화가 오면 안내에 따라 <span>인증번호 4자리</span>를 입력해주세요</p>
|
||||
<table class="layer_tType1">
|
||||
<caption>본인인증(step1) 표</caption>
|
||||
<colgroup>
|
||||
<col style="width: 95px">
|
||||
<col style="width: auto">
|
||||
</colgroup>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th>핸드폰번호</th>
|
||||
<td>
|
||||
<label for="" class="label">핸드폰번호 입력</label>
|
||||
<input type="text" placeholder="‘-’없이 번호만 입력 " onfocus="this.placeholder=''" onblur="this.placeholder='‘-’없이 번호만 입력 '"class="inputLight" style="width: 340px;">
|
||||
<button type="button" class="btnType btnType6">인증요청</button>
|
||||
</td>
|
||||
</tr>
|
||||
<caption>본인인증(step1) 표</caption>
|
||||
<colgroup>
|
||||
<col style="width: 95px">
|
||||
<col style="width: auto">
|
||||
</colgroup>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th>인증번호</th>
|
||||
<td>
|
||||
<label for="" class="label">인증번호 입력</label>
|
||||
<input type="text" placeholder="인증번호 4자리 입력" onfocus="this.placeholder=''" onblur="this.placeholder='인증번호 4자리 입력'" class="inputLight" style="width: 220px;">
|
||||
<th>핸드폰번호</th>
|
||||
<td>
|
||||
<label for="" class="label">핸드폰번호 입력</label>
|
||||
<input type="text" placeholder="‘-’없이 번호만 입력 " onfocus="this.placeholder=''" onblur="this.placeholder='‘-’없이 번호만 입력 '" class="inputLight" style="width: 340px;">
|
||||
<button type="button" class="btnType btnType6">인증요청</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>인증번호</th>
|
||||
<td>
|
||||
<label for="" class="label">인증번호 입력</label>
|
||||
<input type="text" placeholder="인증번호 4자리 입력" onfocus="this.placeholder=''" onblur="this.placeholder='인증번호 4자리 입력'" class="inputLight" style="width: 220px;">
|
||||
<button type="button" class="btnType btnType6">확인</button>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<div class="popup_btn_wrap2">
|
||||
<button type="button" data-focus-next="popup05">다음</button>
|
||||
<button type="button" class="tooltip-close" data-focus="popup05-close" data-focus-next="popup05">취소</button>
|
||||
@ -69,7 +85,8 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--// 본인인증(step1) 팝업 -->
|
||||
</div>
|
||||
<!--// 본인인증(step1) 팝업 -->
|
||||
<!-- 본인인증(step2) 팝업 -->
|
||||
<div class="tooltip-wrap">
|
||||
<div class="popup-com certify_layer popup06" tabindex="0" data-tooltip-con="popup06" data-focus="popup06" data-focus-prev="popup06-close" style="width: 600px;">
|
||||
@ -81,257 +98,113 @@
|
||||
<div class="hascont">
|
||||
<p class="certify_title"><span>본인 문자인증</span>을 위한 가입정보를 입력해주세요.</p>
|
||||
<table class="layer_tType1">
|
||||
<caption>본인인증(step2) 표</caption>
|
||||
<colgroup>
|
||||
<col style="width: 95px">
|
||||
<col style="width: auto">
|
||||
</colgroup>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th>성명</th>
|
||||
<td>
|
||||
<label for="" class="label">성명 입력</label>
|
||||
<input type="text" placeholder="성명을 입력해주세요." onfocus="this.placeholder=''" onblur="this.placeholder='성명을 입력해주세요.'"class="inputLight" style="width: 300px;">
|
||||
</td>
|
||||
</tr>
|
||||
<caption>본인인증(step2) 표</caption>
|
||||
<colgroup>
|
||||
<col style="width: 95px">
|
||||
<col style="width: auto">
|
||||
</colgroup>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th>생년월일</th>
|
||||
<td>
|
||||
<label for="" class="label">생년월일 입력</label>
|
||||
<input type="text" placeholder="예) 19970829" onfocus="this.placeholder=''" onblur="this.placeholder='예) 19970829'"class="inputLight" style="width: 300px;">
|
||||
</td>
|
||||
</tr>
|
||||
<th>성명</th>
|
||||
<td>
|
||||
<label for="" class="label">성명 입력</label>
|
||||
<input type="text" placeholder="성명을 입력해주세요." onfocus="this.placeholder=''" onblur="this.placeholder='성명을 입력해주세요.'" class="inputLight" style="width: 300px;">
|
||||
</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>
|
||||
<th>생년월일</th>
|
||||
<td>
|
||||
<label for="" class="label">생년월일 입력</label>
|
||||
<input type="text" placeholder="예) 19970829" onfocus="this.placeholder=''" onblur="this.placeholder='예) 19970829'" class="inputLight" style="width: 300px;">
|
||||
</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>
|
||||
</tbody>
|
||||
</table>
|
||||
<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>
|
||||
<input id="" type="radio" name="" checked="checked">
|
||||
<label for="">내국인</label>
|
||||
<input id="" type="radio" name="">
|
||||
<label for="">외국인</label>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<div class="popup_btn_wrap3">
|
||||
<button type="button" data-focus-next="popup06" class="btnType btnType2">다음</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--// 본인인증(step2) 팝업 -->
|
||||
<!-- 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 영역 -->
|
||||
<div class="mask"></div>
|
||||
<!-- login 영역 -->
|
||||
<!-- content 영역 -->
|
||||
<div id="container" class="cont sub">
|
||||
<div class="inner">
|
||||
<div class="memberIn">
|
||||
<div class="heading">
|
||||
<h2>회원가입</h2>
|
||||
</div>
|
||||
<!-- 회원가입 약관동의 -->
|
||||
<div class="mem_cont join2">
|
||||
<!-- step -->
|
||||
<p class="welcome"><span>문자온</span>에 오신것을 환영합니다.</p>
|
||||
<ul class="mem_nav">
|
||||
<li class="on">
|
||||
<i></i>
|
||||
<div>
|
||||
<p>01</p>
|
||||
<span>약관동의</span>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<i></i>
|
||||
<div>
|
||||
<p>02</p>
|
||||
<span>정보입력</span>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<i></i>
|
||||
<div>
|
||||
<p>03</p>
|
||||
<span>가입완료</span>
|
||||
</div>
|
||||
</li>
|
||||
</ul><!--// step -->
|
||||
<!-- cont -->
|
||||
<div class="mem_cont_in">
|
||||
<div class="text_top">
|
||||
<div class="checkbox_wrap">
|
||||
<input type="checkbox" id="agreeAll" title="회원가입 전체약관에 동의" class="joinCheckbox">
|
||||
<label for="agreeAll"></label>
|
||||
</div>
|
||||
<p>회원가입 전체약관에 동의합니다.</p>
|
||||
</div>
|
||||
<ul class="clause_list">
|
||||
<li class="list_open on">
|
||||
<div class="clause_list_head">
|
||||
<div class="list_head_in">
|
||||
<div class="checkbox_wrap">
|
||||
<input type="checkbox" id="agree1" title="회원가입 전체약관에 동의" class="joinCheckbox type2">
|
||||
<label for="agree1"></label>
|
||||
</div>
|
||||
<span><span class="esn">[필수] </span>서비스 이용약관</span>
|
||||
<button type="button" onclick="clause_list(this);"><i></i></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="clause_list_body">
|
||||
<div class="agree_text">
|
||||
</div>
|
||||
<!--// 본인인증(step2) 팝업 -->
|
||||
<div data-include-path="/publish/layout/_header.html"></div>
|
||||
<div class="mask"></div>
|
||||
<!-- login 영역 -->
|
||||
<!-- content 영역 -->
|
||||
<div id="container" class="cont sub">
|
||||
<div class="inner">
|
||||
<div class="memberIn">
|
||||
<div class="heading">
|
||||
<h2>회원가입</h2>
|
||||
</div>
|
||||
<!-- 회원가입 약관동의 -->
|
||||
<div class="mem_cont join2">
|
||||
<!-- step -->
|
||||
<p class="welcome"><span>문자온</span>에 오신것을 환영합니다.</p>
|
||||
<ul class="mem_nav">
|
||||
<li class="on">
|
||||
<i></i>
|
||||
<div>
|
||||
<p>01</p>
|
||||
<span>약관동의</span>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<i></i>
|
||||
<div>
|
||||
<p>02</p>
|
||||
<span>정보입력</span>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<i></i>
|
||||
<div>
|
||||
<p>03</p>
|
||||
<span>가입완료</span>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<!--// step -->
|
||||
<!-- cont -->
|
||||
<div class="mem_cont_in">
|
||||
<div class="text_top">
|
||||
<div class="checkbox_wrap">
|
||||
<input type="checkbox" id="agreeAll" title="회원가입 전체약관에 동의" class="joinCheckbox allCheck" onclick="javascript:agreeAllCheck();">
|
||||
<label for="agreeAll">회원가입 전체약관에 동의합니다.</label>
|
||||
</div>
|
||||
</div>
|
||||
<ul class="clause_list">
|
||||
<li class="list_open on">
|
||||
<div class="clause_list_head">
|
||||
<div class="list_head_in">
|
||||
<div class="checkbox_wrap">
|
||||
<input type="checkbox" name="agreeCheck" onclick="tooltipChk();" id="agree_TERMS_00000022" title="서비스 이용약관동의" class="joinCheckbox type2 necY">
|
||||
<label for="agree_TERMS_00000022"><span class="esn">[필수]</span><strong>서비스 이용약관</strong></label>
|
||||
</div>
|
||||
<button type="button" onclick="clause_list(this);"><i></i></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="clause_list_body">
|
||||
<div class="agree_text">
|
||||
<div>
|
||||
<p class="top_tit_text">서비스 이용약관</p>
|
||||
|
||||
@ -357,7 +230,7 @@
|
||||
<li><span>5.</span> 휴면아이디 : 12개월 이상 계속해서 로그인을 포함한 서비스 이용이 없는 아이디</li>
|
||||
<li><span>6.</span> 해지 : 회사와 회원 간 맺은 이용계약을 해약하는 것</li>
|
||||
<li><span>7.</span> 스팸메시지 : 정보통신망을 통해 수신자의 명시적인 사전 동의없이 일방적으로 전송 또는 게시되는 영리목적의 광고성 정보</li>
|
||||
<li><span>8.</span> 불법스팸메시지 : 『정보통신망 이용촉진 및 정보보호 등에 관한 법률(이하 “정보통신망법”)』 제50조 내지 제50조의8의 규정을 위반하여 전송 또는 게시되는 영리목적의 광고성 정보를 말하며,
|
||||
<li><span>8.</span> 불법스팸메시지 : 『정보통신망 이용촉진 및 정보보호 등에 관한 법률(이하 “정보통신망법”)』 제50조 내지 제50조의8의 규정을 위반하여 전송 또는 게시되는 영리목적의 광고성 정보를 말하며,
|
||||
불법스팸은 형사처벌 및
|
||||
과태료 부과의 대상이 됨</li>
|
||||
<li><span>9.</span> 문자피싱메시지 : 전자금융사기를 목적으로 전송 또는 게시되는 정보</li>
|
||||
@ -809,173 +682,199 @@
|
||||
<p class="stit_text">제1조(시행일) 이 약관은 2021년 6월 13일부터 시행됩니다.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="list_open">
|
||||
<div class="clause_list_head">
|
||||
<div class="list_head_in">
|
||||
<div class="checkbox_wrap">
|
||||
<input type="checkbox" id="agree2" title="회원가입 전체약관에 동의" class="joinCheckbox type2">
|
||||
<label for="agree2"></label>
|
||||
</div>
|
||||
<span><span class="esn">[필수] </span>개인정보 수집 및 이용</span>
|
||||
<button type="button" onclick="clause_list(this);"><i></i></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="clause_list_body">
|
||||
<div class="agree_text">
|
||||
<p>제 1 장 총칙<br>
|
||||
제 1 조 [목적]<br>
|
||||
이 약관은 주식회사 아이티앤(이하 "회사")이 제공하는 인터넷 서비스 문자온(www.문자온.com, 이하 "서비스")의 이용과 관련하여 회사와 이용자의 권리ㆍ의무 및 책임사항, 기타 필요한 사항을 규정함을 목적으로 합니다.<br>
|
||||
제 2 조 [용어의 정의]<br>
|
||||
이 약관에서 사용하는 용어의 정의는 다음과 같습니다.<br>
|
||||
<br><br>
|
||||
1. 뿌리오 : 회사의 서비스명으로서 이용자가 전송하고자 하는 내용ㆍ정보 등을 문자메세지, 멀티미디어메세지, 음성(일반전화,휴대전화), 팩스 등 다양한 메시지 형태로 변화시켜 전송하는 서비스 및 이용자가 제3자로부터 메시지를 수신할 수 있도록 하는 서비스제 1 장 총칙 <br>
|
||||
제 1 조 [목적]<br>
|
||||
이 약관은 주식회사 아이티앤(이하 "회사")이 제공하는 인터넷 서비스 문자온(www.문자온.com, 이하 "서비스")의 이용과 관련하여 회사와 이용자의 권리ㆍ의무 및 책임사항, 기타 필요한 사항을 규정함을 목적으로 합니다.<br>
|
||||
제 2 조 [용어의 정의]<br>
|
||||
이 약관에서 사용하는 용어의 정의는 다음과 같습니다.<br>
|
||||
<br><br>
|
||||
1. 뿌리오 : 회사의 서비스명으로서 이용자가 전송하고자 하는 내용ㆍ정보 등을 문자메세지, 멀티미디어메세지, 음성(일반전화,휴대전화), 팩스 등 다양한 메시지 형태로 변화시켜 전송하는 서비스 및 이용자가 제3자로부터 메시지를 수신할 수 있도록 하는 서비스<br>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="list_open">
|
||||
<div class="clause_list_head">
|
||||
<div class="list_head_in">
|
||||
<div class="checkbox_wrap">
|
||||
<input type="checkbox" id="agree3" title="회원가입 전체약관에 동의" class="joinCheckbox type2">
|
||||
<label for="agree3"></label>
|
||||
</div>
|
||||
<span><span class="esn">[필수] </span>스팸관련규약사항</span>
|
||||
<button type="button" onclick="clause_list(this);"><i></i></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="clause_list_body">
|
||||
<div class="agree_text">
|
||||
<p>제 1 장 총칙<br>
|
||||
제 1 조 [목적]<br>
|
||||
이 약관은 주식회사 아이티앤(이하 "회사")이 제공하는 인터넷 서비스 문자온(www.문자온.com, 이하 "서비스")의 이용과 관련하여 회사와 이용자의 권리ㆍ의무 및 책임사항, 기타 필요한 사항을 규정함을 목적으로 합니다.<br>
|
||||
제 2 조 [용어의 정의]<br>
|
||||
이 약관에서 사용하는 용어의 정의는 다음과 같습니다.<br>
|
||||
<br><br>
|
||||
1. 뿌리오 : 회사의 서비스명으로서 이용자가 전송하고자 하는 내용ㆍ정보 등을 문자메세지, 멀티미디어메세지, 음성(일반전화,휴대전화), 팩스 등 다양한 메시지 형태로 변화시켜 전송하는 서비스 및 이용자가 제3자로부터 메시지를 수신할 수 있도록 하는 서비스제 1 장 총칙 <br>
|
||||
제 1 조 [목적]<br>
|
||||
이 약관은 주식회사 아이티앤(이하 "회사")이 제공하는 인터넷 서비스 문자온(www.문자온.com, 이하 "서비스")의 이용과 관련하여 회사와 이용자의 권리ㆍ의무 및 책임사항, 기타 필요한 사항을 규정함을 목적으로 합니다.<br>
|
||||
제 2 조 [용어의 정의]<br>
|
||||
이 약관에서 사용하는 용어의 정의는 다음과 같습니다.<br>
|
||||
<br><br>
|
||||
1. 뿌리오 : 회사의 서비스명으로서 이용자가 전송하고자 하는 내용ㆍ정보 등을 문자메세지, 멀티미디어메세지, 음성(일반전화,휴대전화), 팩스 등 다양한 메시지 형태로 변화시켜 전송하는 서비스 및 이용자가 제3자로부터 메시지를 수신할 수 있도록 하는 서비스<br>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="list_open">
|
||||
<div class="clause_list_head">
|
||||
<div class="list_head_in">
|
||||
<div class="checkbox_wrap">
|
||||
<input type="checkbox" id="agree4" title="회원가입 전체약관에 동의" class="joinCheckbox type2">
|
||||
<label for="agree4"></label>
|
||||
</div>
|
||||
<span><span class="sel">[선택] </span>광고성 정보 수신</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="clause_list_body_noneOpen">
|
||||
<div>
|
||||
<div class="checkbox_wrap">
|
||||
<input type="checkbox" id="agree1_1" title="회원가입 전체약관에 동의" class="joinCheckbox type3">
|
||||
<label for="agree1_1"></label>
|
||||
</div>
|
||||
<span>이벤트 및 혜택 문자 수신</span>
|
||||
</div>
|
||||
<div>
|
||||
<div class="checkbox_wrap">
|
||||
<input type="checkbox" id="agree1_2" title="회원가입 전체약관에 동의" class="joinCheckbox type3">
|
||||
<label for="agree1_2"></label>
|
||||
</div>
|
||||
<span>이벤트 및 혜택 카카오 수신</span>
|
||||
</div>
|
||||
<div>
|
||||
<div class="checkbox_wrap">
|
||||
<input type="checkbox" id="agree1_3" title="회원가입 전체약관에 동의" class="joinCheckbox type3">
|
||||
<label for="agree1_3"></label>
|
||||
</div>
|
||||
<span>이벤트 및 혜택 메일 수신</span>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="list_open">
|
||||
<div class="clause_list_head">
|
||||
<div class="list_head_in">
|
||||
<div class="checkbox_wrap">
|
||||
<input type="checkbox" id="agree5" title="회원가입 전체약관에 동의" class="joinCheckbox type2">
|
||||
<label for="agree5"></label>
|
||||
</div>
|
||||
<span><span class="sel">[선택] </span>메시지 수집 동의</span>
|
||||
<button type="button" onclick="clause_list(this);"><i></i></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="clause_list_body">
|
||||
<div class="agree_text">
|
||||
<p>제 1 장 총칙<br>
|
||||
제 1 조 [목적]<br>
|
||||
이 약관은 주식회사 아이티앤(이하 "회사")이 제공하는 인터넷 서비스 문자온(www.문자온.com, 이하 "서비스")의 이용과 관련하여 회사와 이용자의 권리ㆍ의무 및 책임사항, 기타 필요한 사항을 규정함을 목적으로 합니다.<br>
|
||||
제 2 조 [용어의 정의]<br>
|
||||
이 약관에서 사용하는 용어의 정의는 다음과 같습니다.<br>
|
||||
<br><br>
|
||||
1. 뿌리오 : 회사의 서비스명으로서 이용자가 전송하고자 하는 내용ㆍ정보 등을 문자메세지, 멀티미디어메세지, 음성(일반전화,휴대전화), 팩스 등 다양한 메시지 형태로 변화시켜 전송하는 서비스 및 이용자가 제3자로부터 메시지를 수신할 수 있도록 하는 서비스제 1 장 총칙 <br>
|
||||
제 1 조 [목적]<br>
|
||||
이 약관은 주식회사 아이티앤(이하 "회사")이 제공하는 인터넷 서비스 문자온(www.문자온.com, 이하 "서비스")의 이용과 관련하여 회사와 이용자의 권리ㆍ의무 및 책임사항, 기타 필요한 사항을 규정함을 목적으로 합니다.<br>
|
||||
제 2 조 [용어의 정의]<br>
|
||||
이 약관에서 사용하는 용어의 정의는 다음과 같습니다.<br>
|
||||
<br><br>
|
||||
1. 뿌리오 : 회사의 서비스명으로서 이용자가 전송하고자 하는 내용ㆍ정보 등을 문자메세지, 멀티미디어메세지, 음성(일반전화,휴대전화), 팩스 등 다양한 메시지 형태로 변화시켜 전송하는 서비스 및 이용자가 제3자로부터 메시지를 수신할 수 있도록 하는 서비스<br>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<p class="reqTxt3">※ 미동의 시 메시지 통계 확인 맞춤 메시지 추천 등 추후 서비스 이용에 제한이 있을 수 있습니다.</p>
|
||||
<div class="mem_btnWrap">
|
||||
<button type="button" data-tooltip="popup05" class="mem_btn1">동의 및 본인인증</button>
|
||||
</div>
|
||||
</div><!--// cont -->
|
||||
</div><!--// 회원가입 약관동의 -->
|
||||
</div>
|
||||
</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>
|
||||
</div>
|
||||
</li>
|
||||
<li class="list_open">
|
||||
<div class="clause_list_head">
|
||||
<div class="list_head_in">
|
||||
<div class="checkbox_wrap">
|
||||
<input type="checkbox" name="agreeCheck" onclick="tooltipChk();" id="agree_TERMS_00000023" title="개인정보의 수집 및 이용 동의" class="joinCheckbox type2 necY">
|
||||
<label for="agree_TERMS_00000023"><span class="esn">[필수]</span><strong>개인정보의 수집 및 이용 </strong></label>
|
||||
<a href="https://www.munjaon.co.kr/web/cop/bbs/TermsList.do?menuNm=03&termsMastNo=2024" class="btn btnType3 term_href">개인정보처리방침 바로가기</a>
|
||||
</div>
|
||||
<button type="button" onclick="clause_list(this);"><i></i></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="clause_list_body">
|
||||
<div class="agree_text">
|
||||
<p>제 1 장 총칙<br>
|
||||
제 1 조 [목적]<br>
|
||||
이 약관은 주식회사 아이티앤(이하 "회사")이 제공하는 인터넷 서비스 문자온(www.문자온.com, 이하 "서비스")의 이용과 관련하여 회사와 이용자의 권리ㆍ의무 및 책임사항, 기타 필요한 사항을 규정함을 목적으로 합니다.<br>
|
||||
제 2 조 [용어의 정의]<br>
|
||||
이 약관에서 사용하는 용어의 정의는 다음과 같습니다.<br>
|
||||
<br><br>
|
||||
1. 뿌리오 : 회사의 서비스명으로서 이용자가 전송하고자 하는 내용ㆍ정보 등을 문자메세지, 멀티미디어메세지, 음성(일반전화,휴대전화), 팩스 등 다양한 메시지 형태로 변화시켜 전송하는 서비스 및 이용자가 제3자로부터 메시지를 수신할 수 있도록 하는 서비스제 1 장 총칙 <br>
|
||||
제 1 조 [목적]<br>
|
||||
이 약관은 주식회사 아이티앤(이하 "회사")이 제공하는 인터넷 서비스 문자온(www.문자온.com, 이하 "서비스")의 이용과 관련하여 회사와 이용자의 권리ㆍ의무 및 책임사항, 기타 필요한 사항을 규정함을 목적으로 합니다.<br>
|
||||
제 2 조 [용어의 정의]<br>
|
||||
이 약관에서 사용하는 용어의 정의는 다음과 같습니다.<br>
|
||||
<br><br>
|
||||
1. 뿌리오 : 회사의 서비스명으로서 이용자가 전송하고자 하는 내용ㆍ정보 등을 문자메세지, 멀티미디어메세지, 음성(일반전화,휴대전화), 팩스 등 다양한 메시지 형태로 변화시켜 전송하는 서비스 및 이용자가 제3자로부터 메시지를 수신할 수 있도록 하는 서비스<br>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="list_open">
|
||||
<div class="clause_list_head">
|
||||
<div class="list_head_in">
|
||||
<div class="checkbox_wrap">
|
||||
<input type="checkbox" name="agreeCheck" onclick="tooltipChk();" id="agree_TERMS_00000024" title="스팸 관련 규약 사항동의" class="joinCheckbox type2 necY">
|
||||
<label for="agree_TERMS_00000024"><span class="esn">[필수]</span><strong>스팸 관련 규약 사항</strong></label>
|
||||
</div>
|
||||
<button type="button" onclick="clause_list(this);"><i></i></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="clause_list_body">
|
||||
<div class="agree_text">
|
||||
<p>제 1 장 총칙<br>
|
||||
제 1 조 [목적]<br>
|
||||
이 약관은 주식회사 아이티앤(이하 "회사")이 제공하는 인터넷 서비스 문자온(www.문자온.com, 이하 "서비스")의 이용과 관련하여 회사와 이용자의 권리ㆍ의무 및 책임사항, 기타 필요한 사항을 규정함을 목적으로 합니다.<br>
|
||||
제 2 조 [용어의 정의]<br>
|
||||
이 약관에서 사용하는 용어의 정의는 다음과 같습니다.<br>
|
||||
<br><br>
|
||||
1. 뿌리오 : 회사의 서비스명으로서 이용자가 전송하고자 하는 내용ㆍ정보 등을 문자메세지, 멀티미디어메세지, 음성(일반전화,휴대전화), 팩스 등 다양한 메시지 형태로 변화시켜 전송하는 서비스 및 이용자가 제3자로부터 메시지를 수신할 수 있도록 하는 서비스제 1 장 총칙 <br>
|
||||
제 1 조 [목적]<br>
|
||||
이 약관은 주식회사 아이티앤(이하 "회사")이 제공하는 인터넷 서비스 문자온(www.문자온.com, 이하 "서비스")의 이용과 관련하여 회사와 이용자의 권리ㆍ의무 및 책임사항, 기타 필요한 사항을 규정함을 목적으로 합니다.<br>
|
||||
제 2 조 [용어의 정의]<br>
|
||||
이 약관에서 사용하는 용어의 정의는 다음과 같습니다.<br>
|
||||
<br><br>
|
||||
1. 뿌리오 : 회사의 서비스명으로서 이용자가 전송하고자 하는 내용ㆍ정보 등을 문자메세지, 멀티미디어메세지, 음성(일반전화,휴대전화), 팩스 등 다양한 메시지 형태로 변화시켜 전송하는 서비스 및 이용자가 제3자로부터 메시지를 수신할 수 있도록 하는 서비스<br>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="list_open">
|
||||
<div class="clause_list_head">
|
||||
<div class="list_head_in">
|
||||
<div class="checkbox_wrap">
|
||||
<input type="checkbox" name="agreeCheck" onclick="tooltipChk();" id="agree_TERMS_00000085" title="개인정보처리의 위탁동의" class="joinCheckbox type2 necY">
|
||||
<label for="agree_TERMS_00000085"><span class="esn">[필수]</span><strong>개인정보처리의 위탁</strong></label>
|
||||
</div>
|
||||
<button type="button" onclick="clause_list(this);"><i></i></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="clause_list_body">
|
||||
<div class="agree_text mCustomScrollbar _mCS_3 mCS_no_scrollbar" style="position: relative; overflow: visible;">
|
||||
<div id="mCSB_3" class="mCustomScrollBox mCS-dark mCSB_vertical mCSB_outside" tabindex="0" style="max-height: 414px;">
|
||||
<div id="mCSB_3_container" class="mCSB_container mCS_y_hidden mCS_no_scrollbar_y" style="position:relative; top:0; left:0;" dir="ltr">
|
||||
<p style="outline: 0px; margin: 0px; padding: 15px 0px 0px; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-stretch: inherit; font-size: medium; line-height: 1.4; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; color: rgb(34, 34, 34); word-break: keep-all; font-family: "Noto Sans KR", sans-serif;">회사는 다음과 같이 서비스 제공에 필요한 업무를 외부 업체에 위탁하여 개인정보를 처리하고 있으며, 위탁한 업체가 관계 법령을 위반하지 않도록 관리·감독하고 있습니다.</p>
|
||||
|
||||
<table class="tType2" style="outline: 0px; margin: 10px 0px; padding: 0px; border-width: 1px 0px 0px; border-top-style: solid; border-right-style: initial; border-bottom-style: initial; border-left-style: initial; border-top-color: rgb(0, 0, 0); border-right-color: initial; border-bottom-color: initial; border-left-color: initial; border-image: initial; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-stretch: inherit; font-size: medium; line-height: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; color: rgb(34, 34, 34); word-break: keep-all; font-family: "Noto Sans KR", sans-serif; border-collapse: collapse; border-spacing: 0px; width: 100%; text-align: center;">
|
||||
<colgroup style="outline: 0px;">
|
||||
<col style="outline: 0px; width: 200px;">
|
||||
<col style="outline: 0px; width: 200px;">
|
||||
</colgroup>
|
||||
<thead style="outline: 0px; margin: 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; color: inherit; font-weight: inherit; word-break: keep-all;">
|
||||
<tr style="outline: 0px; margin: 0px; padding: 0px; border-width: 0px 0px 1px; border-top-style: initial; border-right-style: initial; border-bottom-style: solid; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-bottom-color: rgb(229, 229, 229); border-left-color: initial; border-image: initial; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; color: inherit; font-weight: inherit; word-break: keep-all; background-color: rgb(247, 247, 247);">
|
||||
<th style="outline: 0px; margin: 0px; padding: 0px; border-width: 0px 1px 0px 0px; border-top-style: initial; border-right-style: solid; border-bottom-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: rgb(229, 229, 229); border-bottom-color: initial; border-left-color: initial; border-image: initial; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: middle; color: inherit; font-weight: 500; word-break: keep-all; height: 46px;">위탁받는 자(수탁자)</th>
|
||||
<th style="outline: 0px; margin: 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: middle; color: inherit; font-weight: 500; word-break: keep-all; height: 46px;">위탁업무 내용</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody style="outline: 0px; margin: 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; color: inherit; font-weight: inherit; word-break: keep-all;">
|
||||
<tr style="outline: 0px; margin: 0px; padding: 0px; border-width: 0px 0px 1px; border-top-style: initial; border-right-style: initial; border-bottom-style: solid; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-bottom-color: rgb(229, 229, 229); border-left-color: initial; border-image: initial; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; color: inherit; font-weight: inherit; word-break: keep-all;">
|
||||
<td style="outline: 0px; margin: 0px; padding: 10px 20px; border-width: 0px 1px 0px 0px; border-top-style: initial; border-right-style: solid; border-bottom-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: rgb(229, 229, 229); border-bottom-color: initial; border-left-color: initial; border-image: initial; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: 16px; font-weight: 300;line-height: 1.4; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: middle; color: inherit; word-break: keep-all;">한국모바일인증(주)</td>
|
||||
<td style="outline: 0px; margin: 0px; padding: 10px 20px; border: 0px; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: 16px; font-weight: 300;line-height: 1.4; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: middle; color: inherit; word-break: keep-all;">휴대폰 본인인증</td>
|
||||
</tr>
|
||||
<tr style="outline: 0px; margin: 0px; padding: 0px; border-width: 0px 0px 1px; border-top-style: initial; border-right-style: initial; border-bottom-style: solid; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-bottom-color: rgb(229, 229, 229); border-left-color: initial; border-image: initial; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; color: inherit; font-weight: inherit; word-break: keep-all;">
|
||||
<td style="outline: 0px; margin: 0px; padding: 10px 20px; border-width: 0px 1px 0px 0px; border-top-style: initial; border-right-style: solid; border-bottom-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: rgb(229, 229, 229); border-bottom-color: initial; border-left-color: initial; border-image: initial; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: 16px; font-weight: 300;line-height: 1.4; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: middle; color: inherit; word-break: keep-all;">나이스페이먼츠 주식회사</td>
|
||||
<td style="outline: 0px; margin: 0px; padding: 10px 20px; border: 0px; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: 16px; font-weight: 300;line-height: 1.4; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: middle; color: inherit; word-break: keep-all;">신용카드 결제 처리</td>
|
||||
</tr>
|
||||
<tr style="outline: 0px; margin: 0px; padding: 0px; border-width: 0px 0px 1px; border-top-style: initial; border-right-style: initial; border-bottom-style: solid; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-bottom-color: rgb(229, 229, 229); border-left-color: initial; border-image: initial; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; color: inherit; font-weight: inherit; word-break: keep-all;">
|
||||
<td style="outline: 0px; margin: 0px; padding: 10px 20px; border-width: 0px 1px 0px 0px; border-top-style: initial; border-right-style: solid; border-bottom-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: rgb(229, 229, 229); border-bottom-color: initial; border-left-color: initial; border-image: initial; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: 16px; font-weight: 300;line-height: 1.4; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: middle; color: inherit; word-break: keep-all;">(주)케이지모빌리언스</td>
|
||||
<td style="outline: 0px; margin: 0px; padding: 10px 20px; border: 0px; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: 16px; font-weight: 300;line-height: 1.4; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: middle; color: inherit; word-break: keep-all;">휴대폰결제, 간편결제, 즉시이체 결제 처리</td>
|
||||
</tr>
|
||||
<tr style="outline: 0px; margin: 0px; padding: 0px; border-width: 0px 0px 1px; border-top-style: initial; border-right-style: initial; border-bottom-style: solid; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-bottom-color: rgb(229, 229, 229); border-left-color: initial; border-image: initial; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; color: inherit; font-weight: inherit; word-break: keep-all;">
|
||||
<td style="outline: 0px; margin: 0px; padding: 10px 20px; border-width: 0px 1px 0px 0px; border-top-style: initial; border-right-style: solid; border-bottom-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: rgb(229, 229, 229); border-bottom-color: initial; border-left-color: initial; border-image: initial; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: 16px; font-weight: 300;line-height: 1.4; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: middle; color: inherit; word-break: keep-all;">(주)헥토파이낸셜</td>
|
||||
<td style="outline: 0px; margin: 0px; padding: 10px 20px; border: 0px; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: 16px; font-weight: 300;line-height: 1.4; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: middle; color: inherit; word-break: keep-all;">전용계좌 결제 처리</td>
|
||||
</tr>
|
||||
<tr style="outline: 0px; margin: 0px; padding: 0px; border-width: 0px 0px 1px; border-top-style: initial; border-right-style: initial; border-bottom-style: solid; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-bottom-color: rgb(229, 229, 229); border-left-color: initial; border-image: initial; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; color: inherit; font-weight: inherit; word-break: keep-all;">
|
||||
<td style="outline: 0px; margin: 0px; padding: 10px 20px; border-width: 0px 1px 0px 0px; border-top-style: initial; border-right-style: solid; border-bottom-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: rgb(229, 229, 229); border-bottom-color: initial; border-left-color: initial; border-image: initial; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: 16px; font-weight: 300;line-height: 1.4; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: middle; color: inherit; word-break: keep-all;">(주)넥스티아</td>
|
||||
<td style="outline: 0px; margin: 0px; padding: 10px 20px; border: 0px; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: 16px; font-weight: 300;line-height: 1.4; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: middle; color: inherit; word-break: keep-all;">080 수신거부 처리</td>
|
||||
</tr>
|
||||
<tr style="outline: 0px; margin: 0px; padding: 0px; border-width: 0px 0px 1px; border-top-style: initial; border-right-style: initial; border-bottom-style: solid; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-bottom-color: rgb(229, 229, 229); border-left-color: initial; border-image: initial; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; color: inherit; font-weight: inherit; word-break: keep-all;">
|
||||
<td style="outline: 0px; margin: 0px; padding: 10px 20px; border-width: 0px 1px 0px 0px; border-top-style: initial; border-right-style: solid; border-bottom-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: rgb(229, 229, 229); border-bottom-color: initial; border-left-color: initial; border-image: initial; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: 16px; font-weight: 300;line-height: 1.4; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: middle; color: inherit; word-break: keep-all;">(주)다우기술, (주)제이제이커뮤니케이션, (주)인비토</td>
|
||||
<td style="outline: 0px; margin: 0px; padding: 10px 20px; border: 0px; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: 16px; font-weight: 300;line-height: 1.4; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: middle; color: inherit; word-break: keep-all;">문자서비스 제공</td>
|
||||
</tr>
|
||||
<tr style="outline: 0px; margin: 0px; padding: 0px; border-width: 0px 0px 1px; border-top-style: initial; border-right-style: initial; border-bottom-style: solid; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-bottom-color: rgb(229, 229, 229); border-left-color: initial; border-image: initial; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; color: inherit; font-weight: inherit; word-break: keep-all;">
|
||||
<td style="outline: 0px; margin: 0px; padding: 10px 20px; border-width: 0px 1px 0px 0px; border-top-style: initial; border-right-style: solid; border-bottom-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: rgb(229, 229, 229); border-bottom-color: initial; border-left-color: initial; border-image: initial; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: 16px; font-weight: 300;line-height: 1.4; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: middle; color: inherit; word-break: keep-all;">(주)다우기술</td>
|
||||
<td style="outline: 0px; margin: 0px; padding: 10px 20px; border: 0px; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: 16px; font-weight: 300;line-height: 1.4; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: middle; color: inherit; word-break: keep-all;">알림톡 및 친구톡 서비스 제공</td>
|
||||
</tr>
|
||||
<tr style="outline: 0px; margin: 0px; padding: 0px; border-width: 0px 0px 1px; border-top-style: initial; border-right-style: initial; border-bottom-style: solid; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-bottom-color: rgb(229, 229, 229); border-left-color: initial; border-image: initial; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; color: inherit; font-weight: inherit; word-break: keep-all;">
|
||||
<td style="outline: 0px; margin: 0px; padding: 10px 20px; border-width: 0px 1px 0px 0px; border-top-style: initial; border-right-style: solid; border-bottom-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: rgb(229, 229, 229); border-bottom-color: initial; border-left-color: initial; border-image: initial; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: 16px; font-weight: 300;line-height: 1.4; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: middle; color: inherit; word-break: keep-all;">엑스퍼다이트비앤씨(주)</td>
|
||||
<td style="outline: 0px; margin: 0px; padding: 10px 20px; border: 0px; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: 16px; font-weight: 300;line-height: 1.4; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: middle; color: inherit; word-break: keep-all;">팩스전송 서비스 제공</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div id="mCSB_3_scrollbar_vertical" class="mCSB_scrollTools mCSB_3_scrollbar mCS-dark mCSB_scrollTools_vertical" style="display: none;">
|
||||
<div class="mCSB_draggerContainer">
|
||||
<div id="mCSB_3_dragger_vertical" class="mCSB_dragger" style="position: absolute; min-height: 30px; top: 0px;">
|
||||
<div class="mCSB_dragger_bar" style="line-height: 30px;"></div>
|
||||
<div class="mCSB_draggerRail"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="list_open">
|
||||
<div class="clause_list_head">
|
||||
<div class="list_head_in">
|
||||
<div class="checkbox_wrap">
|
||||
<input type="checkbox" name="agreeTwoDeptCheck" id="agree_TERMS_00000028" title="광고성 정보 수신동의" class="joinCheckbox type2 ad" onclick="javascript:agreeTwoDeptCheck2();">
|
||||
<label for="agree_TERMS_00000028"><span class="sel">[선택]</span><strong>광고성 정보 수신</strong></label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="clause_list_body_noneOpen">
|
||||
<div>
|
||||
<div class="checkbox_wrap">
|
||||
<input type="checkbox" name="agreeCheck" onclick="tooltipChk();" id="agree1_TERMS_00000025" title="이벤트 및 혜택 문자 수신 동의" class="joinCheckbox type3">
|
||||
<label for="agree1_TERMS_00000025">이벤트 및 혜택 문자 수신</label>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="checkbox_wrap">
|
||||
<input type="checkbox" name="agreeCheck" onclick="tooltipChk();" id="agree1_TERMS_00000026" title="이벤트 및 혜택 카카오 수신 동의" class="joinCheckbox type3">
|
||||
<label for="agree1_TERMS_00000026">이벤트 및 혜택 카카오 수신</label>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="checkbox_wrap">
|
||||
<input type="checkbox" name="agreeCheck" onclick="tooltipChk();" id="agree1_TERMS_00000027" title="이벤트 및 혜택 메일 수신 동의" class="joinCheckbox type3">
|
||||
<label for="agree1_TERMS_00000027">이벤트 및 혜택 메일 수신</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="list_open">
|
||||
<div class="clause_list_head">
|
||||
<div class="list_head_in">
|
||||
<div class="checkbox_wrap">
|
||||
<input type="checkbox" name="agreeCheck" onclick="tooltipChk();" id="agree_TERMS_00000029" title="메시지 수집 동의동의" class="joinCheckbox type2 ">
|
||||
<label for="agree_TERMS_00000029"><span class="sel">[선택]</span><strong>메시지 수집 동의</strong></label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<p class="reqTxt3">※ 미동의 시 메시지 통계 확인 맞춤 메시지 추천 등 추후 서비스 이용에 제한이 있을 수 있습니다.</p>
|
||||
<div class="mem_btnWrap">
|
||||
<button type="button" data-tooltip="popup05" class="mem_btn1">동의 및 본인인증</button>
|
||||
</div>
|
||||
</div>
|
||||
<!--// cont -->
|
||||
</div>
|
||||
<!--// 회원가입 약관동의 -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--// content 영역 -->
|
||||
<!-- footer -->
|
||||
<div data-include-path="/publish/layout/_footer.html"></div>
|
||||
<!--// footer 영역 -->
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -20,151 +20,7 @@
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<!-- 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 영역 -->
|
||||
<div data-include-path="/publish/layout/_header.html"></div>
|
||||
<div class="mask"></div>
|
||||
<!-- login 영역 -->
|
||||
<!-- content 영역 -->
|
||||
@ -514,37 +370,7 @@
|
||||
</div>
|
||||
</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 영역 -->
|
||||
<!-- footer -->
|
||||
<div data-include-path="/publish/layout/_footer.html"></div>
|
||||
<!--// footer 영역 -->
|
||||
</body></html>
|
||||
|
||||
@ -20,151 +20,7 @@
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<!-- 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 영역 -->
|
||||
<div data-include-path="/publish/layout/_header.html"></div>
|
||||
<div class="mask"></div>
|
||||
<!-- login 영역 -->
|
||||
<!-- content 영역 -->
|
||||
@ -235,37 +91,7 @@
|
||||
</div>
|
||||
</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 영역 -->
|
||||
<!-- footer -->
|
||||
<div data-include-path="/publish/layout/_footer.html"></div>
|
||||
<!--// footer 영역 -->
|
||||
</body></html>
|
||||
|
||||
93
src/main/webapp/publish/mem4_company.html
Normal file
93
src/main/webapp/publish/mem4_company.html
Normal file
@ -0,0 +1,93 @@
|
||||
<!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/common.css">
|
||||
<link rel="stylesheet" href="/publish/css/button.css">
|
||||
<link rel="stylesheet" href="/publish/css/content.css">
|
||||
<link rel="stylesheet" href="/publish/css/mem.css">
|
||||
<link rel="stylesheet" href="/publish/css/font.css">
|
||||
|
||||
<script src="/publish/js/jquery-3.5.0.js"></script>
|
||||
<script src="/publish/js/common.js"></script>
|
||||
<script src="/publish/js/content.js"></script>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div data-include-path="/publish/layout/_header.html"></div>
|
||||
<div class="mask"></div>
|
||||
<!-- login 영역 -->
|
||||
<!-- content 영역 -->
|
||||
<div id="container" class="cont sub">
|
||||
<div class="inner">
|
||||
<div class="memberIn">
|
||||
<div class="heading">
|
||||
<h2>회원가입</h2>
|
||||
</div>
|
||||
<!-- 회원가입 가입완료 -->
|
||||
<div class="mem_cont join4">
|
||||
<!-- step -->
|
||||
<p class="welcome"><span>문자온</span>에 오신것을 환영합니다.</p>
|
||||
<ul class="mem_nav">
|
||||
<li>
|
||||
<i></i>
|
||||
<div>
|
||||
<p>01</p>
|
||||
<span>약관동의</span>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<i></i>
|
||||
<div>
|
||||
<p>02</p>
|
||||
<span>정보입력</span>
|
||||
</div>
|
||||
</li>
|
||||
<li class="on">
|
||||
<i></i>
|
||||
<div>
|
||||
<p>03</p>
|
||||
<span>가입완료</span>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<!--// step -->
|
||||
<!-- cont -->
|
||||
<div class="mem_cont_in">
|
||||
<div class="mem_ship_join">
|
||||
<img src="/publish/images/content/icon_memship_join.png" alt="" />
|
||||
<div class="text">기업회원은 <strong>심사 이후에 가입완료</strong>가 됩니다.</div>
|
||||
</div>
|
||||
<div class="text_bottom">
|
||||
<div>
|
||||
<p>아이디</p>
|
||||
<p>abcdefg123</p>
|
||||
</div>
|
||||
<div>
|
||||
<p>이름</p>
|
||||
<p>홍길동</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mem_btnWrap3">
|
||||
<button type="button" class="mem_btn5" onclick="location.href='/publish/mem1.html'">메인으로</button>
|
||||
</div>
|
||||
</div>
|
||||
<!--// cont -->
|
||||
</div>
|
||||
<!--// 회원가입 가입완료 -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--// content 영역 -->
|
||||
<!-- footer -->
|
||||
<div data-include-path="/publish/layout/_footer.html"></div>
|
||||
<!--// footer 영역 -->
|
||||
</body>
|
||||
|
||||
</html>
|
||||
275
src/main/webapp/publish/member_info_change_company.html
Normal file
275
src/main/webapp/publish/member_info_change_company.html
Normal file
@ -0,0 +1,275 @@
|
||||
<!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/mem.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>
|
||||
|
||||
<script>
|
||||
function cortabView(obj) {
|
||||
var target = $(obj).closest('li');
|
||||
var corTarget = $('.input_wrap .input_list_cor');
|
||||
var idx = target.index();
|
||||
|
||||
target.closest('ul').find('li').removeClass('active');
|
||||
target.addClass('active');
|
||||
corTarget.hide().eq(idx).show();
|
||||
}
|
||||
</script>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="mask"></div>
|
||||
<div data-include-path="/publish/layout/_header.html"></div>
|
||||
<!-- login 영역 -->
|
||||
<!-- content 영역 -->
|
||||
<div id="container" class="cont sub">
|
||||
<div class="inner">
|
||||
<!-- send top -->
|
||||
<div class="send_top">
|
||||
<!-- tab button -->
|
||||
<ul class="tabType4">
|
||||
<li class="tab active"><button type="button" onclick="TabType5(this,'1');">회원정보 변경</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/mypage3.html'">기업회원 전환</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/mypage4.html'">비밀번호 변경</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/mypage5.html'">발신번호 관리</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/mypage6.html'">알림설정</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/mypage7.html'">회원탈퇴</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/security_login.html'">보안로그인</button></li>
|
||||
</ul>
|
||||
<!--// tab button -->
|
||||
<!-- 마이페이지 - 회원정보 변경 -->
|
||||
<div class="mypage_content current" id="tab5_1">
|
||||
|
||||
<div class="heading">
|
||||
<h2>회원정보 변경</h2>
|
||||
</div>
|
||||
|
||||
<div class="mem_cont_in">
|
||||
<ul class="mem_cortab">
|
||||
<li class="active"><button type="button" onclick="cortabView(this);">기본정보</button></li>
|
||||
<li><button type="button" onclick="cortabView(this);">기업정보</button></li>
|
||||
</ul>
|
||||
<div class="input_wrap">
|
||||
<div class="input_list input_list_cor">
|
||||
<div class="cor_noti">회원님의 정보를 <span>확인</span> 및 <span>변경</span>하실 수 있습니다.</div>
|
||||
|
||||
<div class="input_list_item colorW">
|
||||
<div class="input_left">아이디</div>
|
||||
<div class="input_right">
|
||||
<label for="" class="label">아이디</label>
|
||||
<input type="text" class="list_inputType1" value="" readonly="">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="input_list_item colorW">
|
||||
<div class="input_left">담당자</div>
|
||||
<div class="input_right">
|
||||
<label for="" class="label">담당자</label>
|
||||
<input type="text" class="list_inputType1" name="managerNm" id="managerNm" value="" readonly="">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="input_list_item colorW input_list_phone">
|
||||
<div class="input_left">휴대폰번호</div>
|
||||
<div class="input_right">
|
||||
<label for="" class="label">휴대폰번호</label>
|
||||
<input type="text" class="list_inputType1" name="moblphonNo" id="moblphonNo" value="" readonly="">
|
||||
<div class="list_btn_wrap">
|
||||
<button type="button">휴대폰 변경</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="input_list_item colorW">
|
||||
<div class="input_left">재직증명서</div>
|
||||
<div class="input_right">
|
||||
수신문서 없음
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="input_list_item" id="workFileView">
|
||||
<div class="input_left input_left_poe"> 재직증명서 첨부<span class="poe_noti2">(대표자는 생략)</span></div>
|
||||
<div class="input_right">
|
||||
<label for="atFileBasicWriteWork" class="label">재직증명서 첨부</label>
|
||||
<input type="text" class="list_inputType1" disabled="" id="atFileBasicWriteWork" style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:55%;">
|
||||
<div class="list_btn_wrap">
|
||||
<span>재직증명서 첨부(5MB 이내)</span>
|
||||
<input type="file" name="fileWork" id="fileWork" class="onlyC input-file" style="display:none;">
|
||||
<button type="button">파일첨부</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="input_list_item emailWrap">
|
||||
<div>
|
||||
<div class="input_left"><span class="essential">*</span>이메일</div>
|
||||
<div class="input_right">
|
||||
<div class="email">
|
||||
<label for="" class="label">이메일 주소 앞자리</label>
|
||||
<input type="text" class="list_inputType1" id="emailId" value="" maxlength="50">
|
||||
<span>@</span>
|
||||
<label for="" class="label">이메일 주소 뒷자리</label>
|
||||
<input type="text" class="list_inputType1" id="emailAdd" value="">
|
||||
</div>
|
||||
<div class="email_select">
|
||||
<label for="selectEmail" class="label">이메일 선택</label>
|
||||
<select class="list_selType1" id="selectEmail">
|
||||
<option value="1">직접입력</option>
|
||||
<option value="naver.com">네이버</option>
|
||||
<option value="nate.com">네이트</option>
|
||||
<option value="daum.net">다음</option>
|
||||
<option value="hanmail.net">한메일</option>
|
||||
<option value="gmail.com">지메일</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="input_list_item send_agree">
|
||||
<div class="input_left">마케팅 수신 동의</div>
|
||||
<div class="input_right">
|
||||
<div>
|
||||
<div class="checkbox_wrap">
|
||||
<input type="checkbox" id="agree1_1" title="회원가입 전체약관에 동의" class="joinCheckbox type3">
|
||||
<label for="agree1_1">휴대폰</label>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="checkbox_wrap">
|
||||
<input type="checkbox" id="agree1_2" title="회원가입 전체약관에 동의" class="joinCheckbox type3">
|
||||
<label for="agree1_2">카카오</label>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="checkbox_wrap">
|
||||
<input type="checkbox" id="agree1_3" title="회원가입 전체약관에 동의" class="joinCheckbox type3">
|
||||
<label for="agree1_3">이메일</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="list_alert reqest_text">
|
||||
<span style="line-height:1.2;">수신동의 시 각종 혜택 및<br> 이벤트 정보를 받아보실 수 있습니다.</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<p class="poe_noti">이메일 및 마케팅 수신 동의 변경은 심사 없이 바로 적용 가능합니다.</p>
|
||||
<div class="mem_btnWrap2 justify">
|
||||
<button type="button" class="mem_btn3">변경</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="input_list input_list_cor">
|
||||
<div class="cor_noti">회원님의 정보를 <span>확인</span> 및 <span>변경</span>하실 수 있습니다.</div>
|
||||
<div class="input_list_item">
|
||||
<div class="input_left">기업유형</div>
|
||||
<div class="input_right">
|
||||
|
||||
<div><input type="radio" id="01" name="bizType" value="01" checked="checked"> <label for="01">법인사업자</label></div>
|
||||
<div><input type="radio" id="012" name="bizType" value="02"> <label for="012">개인사업자</label></div>
|
||||
<div><input type="radio" id="0123" name="bizType" value="03"> <label for="0123">공식(비영리)단체</label></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="input_list_item">
|
||||
<div class="input_left"><span class="essential">*</span>회사명</div>
|
||||
<div class="input_right">
|
||||
<label for="" class="label">회사명 입력</label>
|
||||
<input type="text" class="list_inputType1" name="mberNm" maxlength="30" value="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="input_list_item">
|
||||
<div class="input_left"><span class="essential">*</span>대표</div>
|
||||
<div class="input_right">
|
||||
<label for="" class="label">대표명 입력</label>
|
||||
<input type="text" class="list_inputType1" name="ceoNm" maxlength="30" value="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="input_list_item input_list_biz">
|
||||
<div class="input_left"><span class="essential">*</span>사업자등록번호</div>
|
||||
<div class="input_right">
|
||||
<label for="" class="label">사업자등록번호 입력</label>
|
||||
<input type="text" class="list_inputType1" name="bizNo" id="bizNo" maxlength="12" value="">
|
||||
<div class="list_btn_wrap">
|
||||
<button type="button">사업자등록번호 확인</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="input_list_item colorW">
|
||||
<div class="input_left">사업자등록증</div>
|
||||
<div class="input_right">수신문서 없음</div>
|
||||
</div>
|
||||
<div class="input_list_item">
|
||||
<div class="input_left">사업자등록증 첨부</div>
|
||||
<div class="input_right">
|
||||
<label for="atFileBasicWrite" class="label">사업자등록증 첨부</label>
|
||||
<input type="text" class="list_inputType1" disabled="" id="atFileBasicWrite" style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:55%;">
|
||||
<div class="list_btn_wrap">
|
||||
<span>사업자등록증 첨부(5MB 이내)</span>
|
||||
<input type="file" name="file" id="file" class="onlyC" style="display: none">
|
||||
<button type="button">파일첨부</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="input_list_item input_list_adres">
|
||||
<div class="input_left">사업장 주소</div>
|
||||
<div class="input_right">
|
||||
<label for="" class="label">사업장 주소 입력</label>
|
||||
<input type="text" class="list_inputType1" name="adres" id="adres" readonly="" value="">
|
||||
<input type="hidden" class="list_inputType1" name="zip" id="zip" readonly="" value="">
|
||||
<div class="list_btn_wrap">
|
||||
<button type="button">우편번호 찾기</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="input_list_item">
|
||||
<div class="input_left">상세 주소</div>
|
||||
<div class="input_right">
|
||||
<label for="detailAdres" class="label">사업장 주소 상세 입력</label>
|
||||
<input type="text" class="list_inputType1 colorLight" name="detailAdres" maxlength="30" size="100" value="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="mem_btnWrap2 justify">
|
||||
<button type="button" class="mem_btn3">변경</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!--// 마이페이지 - 회원정보 변경 -->
|
||||
|
||||
</div>
|
||||
<!--// send top -->
|
||||
</div>
|
||||
<!--// content 영역 -->
|
||||
|
||||
<!-- footer -->
|
||||
<div data-include-path="/publish/layout/_footer.html"></div>
|
||||
<!--// footer 영역 -->
|
||||
</body>
|
||||
|
||||
</html>
|
||||
100
src/main/webapp/publish/member_info_change_passwordCheck.html
Normal file
100
src/main/webapp/publish/member_info_change_passwordCheck.html
Normal file
@ -0,0 +1,100 @@
|
||||
<!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/mem.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 data-include-path="/publish/layout/_header.html"></div>
|
||||
<!-- login 영역 -->
|
||||
<!-- content 영역 -->
|
||||
<div id="container" class="cont sub">
|
||||
<div class="inner">
|
||||
<!-- send top -->
|
||||
<div class="send_top">
|
||||
<!-- tab button -->
|
||||
<ul class="tabType4">
|
||||
<li class="tab active"><button type="button" onclick="TabType5(this,'1');">회원정보 변경</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/mypage3.html'">기업회원 전환</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/mypage4.html'">비밀번호 변경</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/mypage5.html'">발신번호 관리</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/mypage6.html'">알림설정</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/mypage7.html'">회원탈퇴</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/security_login.html'">보안로그인</button></li>
|
||||
</ul>
|
||||
<!--// tab button -->
|
||||
<!-- 마이페이지 - 회원정보 변경 -->
|
||||
<div class="mypage_content current" id="tab5_1">
|
||||
<!-- 비밀번호 확인 -->
|
||||
<div class="heading">
|
||||
<h2>비밀번호 확인</h2>
|
||||
</div>
|
||||
<div class="mem_cont_in widthS">
|
||||
<div class="input_list">
|
||||
<p class="list_title2">비밀번호 확인 후 이용 가능합니다.</p>
|
||||
<div class="input_list_item colorW">
|
||||
<div class="input_left">아이디</div>
|
||||
<div class="input_right">
|
||||
<label for="" class="label">아이디</label>
|
||||
<input type="text" class="list_inputType1" placeholder="hong1234" readonly>
|
||||
</div>
|
||||
</div>
|
||||
<div class="input_list_item">
|
||||
<div class="input_left">비밀번호</div>
|
||||
<div class="input_right">
|
||||
<label for="" class="label">비밀번호 입력</label>
|
||||
<input type="password" class="list_inputType1">
|
||||
</div>
|
||||
<div class="list_alert pass_no">
|
||||
<i></i>
|
||||
<span>비밀번호가 일치하지 않습니다.</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mem_btnWrap2">
|
||||
<button type="button" class="mem_btn3">확인</button>
|
||||
</div>
|
||||
<p class="reqTxt4">
|
||||
- 외부로부터 고객님의 정보를 안전하게 보호하기 위해 비밀번호를 다시 확인합니다.<br>
|
||||
- 비밀번호를 5회 이상 틀릴 경우 자동 로그아웃 됩니다.(영문, 숫자, 특수기호 조합 8자 이상)</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--// 비밀번호 확인 -->
|
||||
</div>
|
||||
</div>
|
||||
<!--// 마이페이지 - 회원정보 변경 -->
|
||||
|
||||
</div>
|
||||
<!--// send top -->
|
||||
</div>
|
||||
<!--// content 영역 -->
|
||||
|
||||
|
||||
<!-- footer -->
|
||||
<div data-include-path="/publish/layout/_footer.html"></div>
|
||||
<!--// footer 영역 -->
|
||||
</body>
|
||||
|
||||
</html>
|
||||
244
src/main/webapp/publish/member_info_change_person.html
Normal file
244
src/main/webapp/publish/member_info_change_person.html
Normal file
@ -0,0 +1,244 @@
|
||||
<!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/mem.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 data-include-path="/publish/layout/_header.html"></div>
|
||||
<!-- login 영역 -->
|
||||
<!-- content 영역 -->
|
||||
<div id="container" class="cont sub">
|
||||
<div class="inner">
|
||||
<!-- send top -->
|
||||
<div class="send_top">
|
||||
<!-- tab button -->
|
||||
<ul class="tabType4">
|
||||
<li class="tab active"><button type="button" onclick="TabType5(this,'1');">회원정보 변경</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/mypage3.html'">기업회원 전환</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/mypage4.html'">비밀번호 변경</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/mypage5.html'">발신번호 관리</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/mypage6.html'">알림설정</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/mypage7.html'">회원탈퇴</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/security_login.html'">보안로그인</button></li>
|
||||
</ul>
|
||||
<!--// tab button -->
|
||||
<!-- 마이페이지 - 회원정보 변경 -->
|
||||
<div class="mypage_content current" id="tab5_1">
|
||||
|
||||
<div class="heading">
|
||||
<h2>회원정보 변경</h2>
|
||||
</div>
|
||||
|
||||
<div class="mem_cont_in">
|
||||
<div class="input_wrap">
|
||||
<div class="input_list input_list_cor">
|
||||
<div class="text_top">
|
||||
<p>회원님의 정보를<span>확인</span> 및 <span>변경</span>하실 수 있습니다.</p>
|
||||
</div>
|
||||
|
||||
<div class="input_list_item colorW">
|
||||
<div class="input_left">아이디</div>
|
||||
<div class="input_right">
|
||||
<label for="" class="label">아이디</label>
|
||||
<input type="text" class="list_inputType1" value="" readonly="">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="input_list_item colorW">
|
||||
<div class="input_left">이름</div>
|
||||
<div class="input_right">
|
||||
<label for="" class="label">이름</label>
|
||||
<input type="text" class="list_inputType1" name="userNm" id="userNm" value="" readonly="">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="input_list_item colorW input_list_phone">
|
||||
<div class="input_left">휴대폰번호</div>
|
||||
<div class="input_right">
|
||||
<label for="" class="label">휴대폰번호</label>
|
||||
<input type="text" class="list_inputType1" name="moblphonNo" id="moblphonNo" value="" readonly="">
|
||||
<div class="list_btn_wrap">
|
||||
<button type="button">휴대폰 변경</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="input_list_item emailWrap">
|
||||
<div>
|
||||
<div class="input_left"><span class="essential">*</span>이메일</div>
|
||||
<div class="input_right">
|
||||
<div class="email">
|
||||
<label for="" class="label">이메일 주소 앞자리</label>
|
||||
<input type="text" class="list_inputType1" id="emailId" value="" maxlength="50">
|
||||
<span>@</span>
|
||||
<label for="" class="label">이메일 주소 뒷자리</label>
|
||||
<input type="text" class="list_inputType1" id="emailAdd" value="">
|
||||
</div>
|
||||
<div class="email_select">
|
||||
<label for="selectEmail" class="label">이메일 선택</label>
|
||||
<select class="list_selType1" id="selectEmail">
|
||||
<option value="1">직접입력</option>
|
||||
<option value="naver.com">네이버</option>
|
||||
<option value="nate.com">네이트</option>
|
||||
<option value="daum.net">다음</option>
|
||||
<option value="hanmail.net">한메일</option>
|
||||
<option value="gmail.com">지메일</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="input_list_item send_agree">
|
||||
<div class="input_left">마케팅 수신 동의</div>
|
||||
<div class="input_right">
|
||||
<div>
|
||||
<div class="checkbox_wrap">
|
||||
<input type="checkbox" id="agree1_1" title="회원가입 전체약관에 동의" class="joinCheckbox type3">
|
||||
<label for="agree1_1">휴대폰</label>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="checkbox_wrap">
|
||||
<input type="checkbox" id="agree1_2" title="회원가입 전체약관에 동의" class="joinCheckbox type3">
|
||||
<label for="agree1_2">카카오</label>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="checkbox_wrap">
|
||||
<input type="checkbox" id="agree1_3" title="회원가입 전체약관에 동의" class="joinCheckbox type3">
|
||||
<label for="agree1_3">이메일</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="list_alert reqest_text">
|
||||
<span style="line-height:1.2;">수신동의 시 각종 혜택 및<br> 이벤트 정보를 받아보실 수 있습니다.</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<p class="poe_noti">이메일 및 마케팅 수신 동의 변경은 심사 없이 바로 적용 가능합니다.</p>
|
||||
<div class="mem_btnWrap2 justify">
|
||||
<button type="button" class="mem_btn3">변경</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="input_list input_list_cor">
|
||||
<div class="cor_noti">회원님의 정보를 <span>확인</span> 및 <span>변경</span>하실 수 있습니다.</div>
|
||||
<div class="input_list_item">
|
||||
<div class="input_left">기업유형</div>
|
||||
<div class="input_right">
|
||||
|
||||
<div><input type="radio" id="01" name="bizType" value="01" checked="checked"> <label for="01">법인사업자</label></div>
|
||||
<div><input type="radio" id="012" name="bizType" value="02"> <label for="012">개인사업자</label></div>
|
||||
<div><input type="radio" id="0123" name="bizType" value="03"> <label for="0123">공식(비영리)단체</label></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="input_list_item">
|
||||
<div class="input_left"><span class="essential">*</span>회사명</div>
|
||||
<div class="input_right">
|
||||
<label for="" class="label">회사명 입력</label>
|
||||
<input type="text" class="list_inputType1" name="mberNm" maxlength="30" value="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="input_list_item">
|
||||
<div class="input_left"><span class="essential">*</span>대표</div>
|
||||
<div class="input_right">
|
||||
<label for="" class="label">대표명 입력</label>
|
||||
<input type="text" class="list_inputType1" name="ceoNm" maxlength="30" value="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="input_list_item input_list_biz">
|
||||
<div class="input_left"><span class="essential">*</span>사업자등록번호</div>
|
||||
<div class="input_right">
|
||||
<label for="" class="label">사업자등록번호 입력</label>
|
||||
<input type="text" class="list_inputType1" name="bizNo" id="bizNo" maxlength="12" value="">
|
||||
<div class="list_btn_wrap">
|
||||
<button type="button">사업자등록번호 확인</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="input_list_item colorW">
|
||||
<div class="input_left">사업자등록증</div>
|
||||
<div class="input_right">수신문서 없음</div>
|
||||
</div>
|
||||
<div class="input_list_item">
|
||||
<div class="input_left">사업자등록증 첨부</div>
|
||||
<div class="input_right">
|
||||
<label for="atFileBasicWrite" class="label">사업자등록증 첨부</label>
|
||||
<input type="text" class="list_inputType1" disabled="" id="atFileBasicWrite" style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:55%;">
|
||||
<div class="list_btn_wrap">
|
||||
<span>사업자등록증 첨부(5MB 이내)</span>
|
||||
<input type="file" name="file" id="file" class="onlyC" style="display: none">
|
||||
<button type="button">파일첨부</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="input_list_item input_list_adres">
|
||||
<div class="input_left">사업장 주소</div>
|
||||
<div class="input_right">
|
||||
<label for="" class="label">사업장 주소 입력</label>
|
||||
<input type="text" class="list_inputType1" name="adres" id="adres" readonly="" value="">
|
||||
<input type="hidden" class="list_inputType1" name="zip" id="zip" readonly="" value="">
|
||||
<div class="list_btn_wrap">
|
||||
<button type="button">우편번호 찾기</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="input_list_item">
|
||||
<div class="input_left">상세 주소</div>
|
||||
<div class="input_right">
|
||||
<label for="detailAdres" class="label">사업장 주소 상세 입력</label>
|
||||
<input type="text" class="list_inputType1 colorLight" name="detailAdres" maxlength="30" size="100" value="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="mem_btnWrap2 justify">
|
||||
<button type="button" class="mem_btn3">변경</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!--// 마이페이지 - 회원정보 변경 -->
|
||||
|
||||
</div>
|
||||
<!--// send top -->
|
||||
</div>
|
||||
<!--// content 영역 -->
|
||||
|
||||
<!-- footer -->
|
||||
<div data-include-path="/publish/layout/_footer.html"></div>
|
||||
<!--// footer 영역 -->
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -33,151 +33,9 @@
|
||||
<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>
|
||||
<div data-include-path="/publish/layout/_header.html"></div>
|
||||
<!--// header 영역 -->
|
||||
<!-- login 영역 -->
|
||||
<!-- content 영역 -->
|
||||
@ -223,10 +81,9 @@
|
||||
<div class="lgoin_bottom clearfix">
|
||||
<div>
|
||||
<div class="checkbox_wrap">
|
||||
<input type="checkbox" id="agree1_1" title="회원가입 전체약관에 동의" class="joinCheckbox type3">
|
||||
<label for="agree1_1"></label>
|
||||
<input type="checkbox" id="save_id" name="checkId" title="아이디 저장" class="joinCheckbox type3">
|
||||
<label for="save_id">아이디 저장</label>
|
||||
</div>
|
||||
<span>아이디 저장</span>
|
||||
</div>
|
||||
<ul>
|
||||
<li><a href="#">회원가입</a></li>
|
||||
@ -234,11 +91,6 @@
|
||||
<li class="SortLine"><a href="#">비밀번호찾기</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<ul class="adv_list">
|
||||
<!-- <li><a href="https://www.ubikey.co.kr/" target="_blank"><img src="/publish/images/adv/adv_login_ubikey.png" alt="인증서를 사용하는 곳이면 어디서나 편리하게! 휴대폰 인증서 서비스 UBIKEY"></a></li> -->
|
||||
<li><a href="https://www.nordictools.co.kr/index.html" target="_blank"><img src="/publish/images/adv/adv_login_onekeeper.png" alt="소중한 내 개인정보! 원키퍼로 내가 지킨다!"></a></li>
|
||||
<li><a href="http://ganpandaum.co.kr/" target="_blank"><img src="/publish/images/adv/adv_login_ganpandaum.png" alt="간판다움 간판 잘하는 청년들이 뭉쳤다 간판, 인테리어, 네온, 썬팅, 어닝, 실사"></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!--// 비밀번호 확인 -->
|
||||
@ -252,40 +104,9 @@
|
||||
</div>
|
||||
<!--// content 영역 -->
|
||||
<!-- footer 영역 -->
|
||||
<!-- 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 영역 -->
|
||||
<!-- footer -->
|
||||
<div data-include-path="/publish/layout/_footer.html"></div>
|
||||
<!--// footer 영역 -->
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -32,151 +32,9 @@
|
||||
<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>
|
||||
<div data-include-path="/publish/layout/_header.html"></div>
|
||||
<!--// header 영역 -->
|
||||
<!-- login 영역 -->
|
||||
<!-- content 영역 -->
|
||||
@ -214,40 +72,9 @@
|
||||
</div>
|
||||
<!--// content 영역 -->
|
||||
<!-- footer 영역 -->
|
||||
<!-- 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 영역 -->
|
||||
<!-- footer -->
|
||||
<div data-include-path="/publish/layout/_footer.html"></div>
|
||||
<!--// footer 영역 -->
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -32,151 +32,9 @@
|
||||
<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>
|
||||
<div data-include-path="/publish/layout/_header.html"></div>
|
||||
<!--// header 영역 -->
|
||||
<!-- login 영역 -->
|
||||
<!-- content 영역 -->
|
||||
@ -233,40 +91,9 @@
|
||||
</div>
|
||||
<!--// content 영역 -->
|
||||
<!-- footer 영역 -->
|
||||
<!-- 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 영역 -->
|
||||
<!-- footer -->
|
||||
<div data-include-path="/publish/layout/_footer.html"></div>
|
||||
<!--// footer 영역 -->
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -27,151 +27,7 @@
|
||||
</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 영역 -->
|
||||
<div data-include-path="/publish/layout/_header.html"></div>
|
||||
<!-- login 영역 -->
|
||||
<!-- content 영역 -->
|
||||
<div id="container" class="cont sub">
|
||||
@ -181,13 +37,14 @@
|
||||
<!-- 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>
|
||||
<li class="tab"><button type="button" onclick="TabType5(this,'5');">알림설정</button></li>
|
||||
<li class="tab"><button type="button" onclick="TabType5(this,'6');">회원탈퇴</button></li>
|
||||
|
||||
</ul><!--// tab button -->
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/mypage3.html'">기업회원 전환</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/mypage4.html'">비밀번호 변경</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/mypage5.html'">발신번호 관리</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/mypage6.html'">알림설정</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/mypage7.html'">회원탈퇴</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/security_login.html'">보안로그인</button></li>
|
||||
</ul>
|
||||
<!--// tab button -->
|
||||
<!-- 마이페이지 - 회원정보 변경 -->
|
||||
<div class="mypage_content current" id="tab5_1">
|
||||
<!-- 비밀번호 확인 -->
|
||||
@ -253,7 +110,7 @@
|
||||
<input type="text" class="list_inputType1" placeholder="010-1234-5678" readonly>
|
||||
<div class="list_btn_wrap">
|
||||
<span><span class="vMiddle">*</span>본인 명의 휴대폰으로만 변경 가능</span>
|
||||
<button type="button">번호 변경</button>
|
||||
<button type="button">휴대폰 변경</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -287,22 +144,27 @@
|
||||
<div>
|
||||
<div class="checkbox_wrap">
|
||||
<input type="checkbox" id="agree1_1" title="회원가입 전체약관에 동의" class="joinCheckbox type3">
|
||||
<label for="agree1_1"></label>
|
||||
<label for="agree1_1">휴대폰</label>
|
||||
</div>
|
||||
<span>휴대폰</span>
|
||||
</div>
|
||||
<div>
|
||||
<div class="checkbox_wrap">
|
||||
<input type="checkbox" id="agree1_2" title="회원가입 전체약관에 동의" class="joinCheckbox type3">
|
||||
<label for="agree1_2"></label>
|
||||
<label for="agree1_2">카카오</label>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="checkbox_wrap">
|
||||
<input type="checkbox" id="agree1_3" title="회원가입 전체약관에 동의" class="joinCheckbox type3">
|
||||
<label for="agree1_3">이메일</label>
|
||||
</div>
|
||||
<span>이메일</span>
|
||||
</div>
|
||||
<div class="list_alert reqest_text">
|
||||
<span>수신동의 시 각종 혜택 및 이벤트 정보를 받아보실 수 있습니다.</span>
|
||||
<span style="line-height:1.2;">수신동의 시 각종 혜택 및<br> 이벤트 정보를 받아보실 수 있습니다.</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<p class="poe_noti">이메일 및 마케팅 수신 동의 변경은 심사 없이 바로 적용 가능합니다.</p>
|
||||
<div class="mem_btnWrap2">
|
||||
<button type="button" class="mem_btn4">기업회원 전환</button>
|
||||
<button type="button" class="mem_btn3">변경</button>
|
||||
@ -374,24 +236,23 @@
|
||||
<div class="input_list_item send_agree">
|
||||
<div class="input_left">마케팅 수신 동의</div>
|
||||
<div class="input_right">
|
||||
<div>
|
||||
<div class="checkbox_wrap">
|
||||
<input type="checkbox" id="agree1_1" title="회원가입 전체약관에 동의" class="joinCheckbox type3">
|
||||
<label for="agree1_1"></label>
|
||||
</div>
|
||||
<span>휴대폰</span>
|
||||
</div>
|
||||
<div>
|
||||
<div class="checkbox_wrap">
|
||||
<input type="checkbox" id="agree1_2" title="회원가입 전체약관에 동의" class="joinCheckbox type3">
|
||||
<label for="agree1_2"></label>
|
||||
</div>
|
||||
<span>이메일</span>
|
||||
</div>
|
||||
<div class="list_alert reqest_text">
|
||||
<span>수신동의 시 각종 혜택 및 이벤트 정보를 받아보실 수 있습니다.</span>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="checkbox_wrap">
|
||||
<input type="checkbox" id="agree1_1" title="회원가입 전체약관에 동의" class="joinCheckbox type3">
|
||||
<label for="agree1_1">휴대폰</label>
|
||||
</div>
|
||||
</div>
|
||||
</>
|
||||
<div>
|
||||
<div class="checkbox_wrap">
|
||||
<input type="checkbox" id="agree1_3" title="회원가입 전체약관에 동의" class="joinCheckbox type3">
|
||||
<label for="agree1_3">이메일</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="list_alert reqest_text">
|
||||
<span style="line-height:1.2;">수신동의 시 각종 혜택 및<br> 이벤트 정보를 받아보실 수 있습니다.</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--// 기본정보 -->
|
||||
<!-- 기업정보 -->
|
||||
@ -550,44 +411,14 @@
|
||||
</div>
|
||||
</div><!--// 계산서정보 -->
|
||||
</div>
|
||||
</div>기업회원 정보변경
|
||||
</div>
|
||||
</div><!--// 마이페이지 - 회원정보 변경 -->
|
||||
|
||||
</div><!--// send top -->
|
||||
</div>
|
||||
</div><!--// content 영역 -->
|
||||
<!-- footer 영역 -->
|
||||
<!-- 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 영역 -->
|
||||
<!-- footer -->
|
||||
<div data-include-path="/publish/layout/_footer.html"></div>
|
||||
<!--// footer 영역 -->
|
||||
</body></html>
|
||||
|
||||
@ -22,156 +22,13 @@
|
||||
<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>
|
||||
<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 영역 -->
|
||||
<div data-include-path="/publish/layout/_header.html"></div>
|
||||
<!-- login 영역 -->
|
||||
<!-- content 영역 -->
|
||||
<div id="container" class="cont sub">
|
||||
@ -180,15 +37,16 @@
|
||||
<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="location.href='/publish/mypage2.html'">회원정보 변경</button></li>
|
||||
<li class="tab active"><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>
|
||||
<li class="tab"><button type="button" onclick="TabType5(this,'5');">알림설정</button></li>
|
||||
<li class="tab"><button type="button" onclick="TabType5(this,'6');">회원탈퇴</button></li>
|
||||
|
||||
</ul><!--// tab button -->
|
||||
<!-- 마이페이지 - 기업회원 전환 -->
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/mypage4.html'">비밀번호 변경</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/mypage5.html'">발신번호 관리</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/mypage6.html'">알림설정</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/mypage7.html'">회원탈퇴</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/security_login.html'">보안로그인</button></li>
|
||||
</ul>
|
||||
<!--// tab button -->
|
||||
<!-- 마이페이지 - 기업회원 전환 -->
|
||||
<div class="mypage_content current" id="tab5_2">
|
||||
<div class="heading">
|
||||
<h2>기업회원 전환</h2>
|
||||
@ -201,194 +59,162 @@
|
||||
<div class="input_list listType1">
|
||||
<p class="list_title">기업정보</p>
|
||||
<div class="input_list_item">
|
||||
<div class="input_left">기업유형</div>
|
||||
<div class="input_left"><span class="essential">*</span>기업유형</div>
|
||||
<div class="input_right">
|
||||
<input id="radio1" type="radio"name="sel_type" checked="checked">
|
||||
<label for="radio1">개인</label>
|
||||
<input id="radio2" type="radio" name="sel_type">
|
||||
<label for="radio2">영리법인</label>
|
||||
<input id="radio3" type="radio" name="sel_type">
|
||||
<label for="radio3">비영리법인</label>
|
||||
<input id="radio4" type="radio" name="sel_type">
|
||||
<label for="radio4">기타</label>
|
||||
<div><input type="radio" id="01" name="bizType" value="01" checked="checked"> <label for="01">법인사업자</label></div>
|
||||
<div><input type="radio" id="012" name="bizType" value="02"> <label for="012">개인사업자</label></div>
|
||||
<div><input type="radio" id="0123" name="bizType" value="03"> <label for="0123">공식(비영리)단체</label></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="input_list_item">
|
||||
<div class="input_left">회사명</div>
|
||||
<div class="input_left"><span class="essential">*</span>회사명</div>
|
||||
<div class="input_right">
|
||||
<label for="" class="label">회사명 입력</label>
|
||||
<input type="text" class="list_inputType1">
|
||||
<input type="text" class="list_inputType1" name="mberNm" id="mberNm" maxlength="30">
|
||||
</div>
|
||||
</div>
|
||||
<div class="input_list_item">
|
||||
<div class="input_left">사용자등록번호</div>
|
||||
<div class="input_left"><span class="essential">*</span>대표</div>
|
||||
<div class="input_right">
|
||||
<label for="" class="label">사용자등록번호 입력</label>
|
||||
<input type="text" class="list_inputType1">
|
||||
<label for="" class="label">대표 입력</label>
|
||||
<input type="text" class="list_inputType1 onlyC" name="ceoNm" id="ceoNm" maxlength="50">
|
||||
</div>
|
||||
</div>
|
||||
<div class="input_list_item input_list_biz">
|
||||
<div class="input_left"><span class="essential">*</span>사업자등록번호</div>
|
||||
<div class="input_right">
|
||||
<label for="" class="label">사업자등록번호 입력</label>
|
||||
<input type="text" class="list_inputType1" name="bizNo" id="bizNo" maxlength="12">
|
||||
<div class="list_btn_wrap">
|
||||
<button type="button">사업자등록번호 확인</button>
|
||||
<button type="button" onclick="bizNoCheck(); return false;">사업자등록번호 확인</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="input_list_item">
|
||||
<div class="input_left">사용자등록증 첨부</div>
|
||||
<div class="input_left">사업자등록증 첨부</div>
|
||||
<div class="input_right">
|
||||
<label for="" class="label">사용자등록증 첨부</label>
|
||||
<input type="text" class="list_inputType1">
|
||||
<label for="atFileBasicWrite" class="label">사업자등록증 첨부</label>
|
||||
<input type="text" class="list_inputType1" disabled="" id="atFileBasicWrite" style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:55%;">
|
||||
<div class="list_btn_wrap">
|
||||
<span>사업자등록증 첨부(5MB 이내)</span>
|
||||
<button type="button">파일첨부</button>
|
||||
<input type="file" name="file" id="file" style="display: none" onchange="changeValue(this); return false;">
|
||||
<button type="button" onclick="document.all.file.click(); return false;">파일첨부</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="input_list_item bis_status">
|
||||
<div class="input_left">업태/종목</div>
|
||||
<div class="input_right">
|
||||
<label for="" class="label">업태 입력</label>
|
||||
<input type="text" class="list_inputType1 colorLight" placeholder="업태 입력" onfocus="this.placeholder = ''" onblur="this.placeholder='업태 입력'">
|
||||
<span>/</span>
|
||||
<label for="" class="label">종목 입력</label>
|
||||
<input type="text" class="list_inputType1 colorLight" placeholder="종목 입력" onfocus="this.placeholder = ''" onblur="this.placeholder='종목 입력'">
|
||||
</div>
|
||||
</div>
|
||||
<div class="input_list_item">
|
||||
<div class="input_left">사업장 주소</div>
|
||||
<div class="input_left input_left_poe">재직증명서<span class="poe_noti2">(대표자는 생략)</span></div>
|
||||
<div class="input_right">
|
||||
<label for="" class="label">사업장 주소 입력</label>
|
||||
<input type="text" class="list_inputType1">
|
||||
<label for="atFileBasicWriteWork " class="label">재직증명서 첨부</label>
|
||||
<input type="text" class="list_inputType1" disabled="" id="atFileBasicWriteWork" style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:55%;">
|
||||
<div class="list_btn_wrap">
|
||||
<button type="button">우편번호 찾기</button>
|
||||
<span>재직증명서 첨부(5MB 이내)</span>
|
||||
<input type="file" name="fileWork" id="fileWork" class="input-file" style="display: none" onchange="changeValueWork(this); return false;">
|
||||
<button type="button" onclick="document.all.fileWork.click(); return false;">파일첨부</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="input_list_item">
|
||||
<div>
|
||||
<label for="" class="label">사업장 주소 상세 입력</label>
|
||||
<input type="text" class="list_inputType1 colorLight" size="100" placeholder="상세주소를 입력해주세요(선택)" onfocus="this.placeholder = ''" onblur="this.placeholder='상세주소를 입력해주세요(선택)'">
|
||||
</div>
|
||||
</div>
|
||||
</div><!--// 기업정보 -->
|
||||
|
||||
</div>
|
||||
<!--// 기업정보 -->
|
||||
|
||||
<!-- 계산서정보 -->
|
||||
<div class="input_list listType2">
|
||||
<!-- <div class="input_list listType2">
|
||||
<p class="list_title">계산서정보</p>
|
||||
<div class="input_list_item">
|
||||
<div class="input_left">계산서 자동 발행</div>
|
||||
<div class="input_right">
|
||||
<input id="radio5" type="radio"name="publish" checked="checked">
|
||||
<input id="radio5" type="radio" name="publish" checked="checked">
|
||||
<label for="radio5">매월 자동발행</label>
|
||||
<input id="radio6" type="radio" name="publish">
|
||||
<label for="radio6">발행하지 않음</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="invoice">
|
||||
<div class="invoice_wrap">
|
||||
<div class="input_list_item2">
|
||||
<div class="input_left" style="width: 150px;">계산서 수신이메일</div>
|
||||
<div class="input_right">
|
||||
<div class="email">
|
||||
<label for="" class="label">이메일 주소 앞자리</label>
|
||||
<input type="text" class="list_inputType1">
|
||||
<span>@</span>
|
||||
<label for="" class="label">이메일 주소 뒷자리</label>
|
||||
<input type="text" class="list_inputType1">
|
||||
<label for="" class="label">이메일 선택</label>
|
||||
<select class="list_selType1">
|
||||
<option>직접입력</option>
|
||||
<option>네이버</option>
|
||||
<option>네이트</option>
|
||||
<option>한메일(다음)</option>
|
||||
<option>지메일</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="invoice_wrap">
|
||||
<div class="input_list_item2">
|
||||
<div class="input_left" style="width: 150px;">계산서 수신이메일</div>
|
||||
<div class="input_right">
|
||||
<div class="email">
|
||||
<label for="" class="label">이메일 주소 앞자리</label>
|
||||
<input type="text" class="list_inputType1">
|
||||
<span>@</span>
|
||||
<label for="" class="label">이메일 주소 뒷자리</label>
|
||||
<input type="text" class="list_inputType1">
|
||||
<label for="" class="label">이메일 선택</label>
|
||||
<select class="list_selType1">
|
||||
<option>직접입력</option>
|
||||
<option>네이버</option>
|
||||
<option>네이트</option>
|
||||
<option>한메일(다음)</option>
|
||||
<option>지메일</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="input_list_item2">
|
||||
<div class="input_half">
|
||||
<div>담당자</div>
|
||||
<div>
|
||||
<label for="" class="label">담당자 입력</label>
|
||||
<input type="text" class="list_inputType1">
|
||||
</div>
|
||||
</div>
|
||||
<div class="input_half">
|
||||
<div>직위</div>
|
||||
<div>
|
||||
<label for="" class="label">직위 입력</label>
|
||||
<input type="text" class="list_inputType1">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="input_list_item2 number">
|
||||
<div class="input_left">휴대폰</div>
|
||||
<div class="input_right">
|
||||
<label for="" class="label">휴대폰 번호 입력</label>
|
||||
<input type="text" class="list_inputType1">
|
||||
<span>-</span>
|
||||
<label for="" class="label">휴대폰 번호 입력</label>
|
||||
<input type="text" class="list_inputType1">
|
||||
<span>-</span>
|
||||
<label for="" class="label">휴대폰 번호 입력</label>
|
||||
</div>
|
||||
<div class="input_list_item2">
|
||||
<div class="input_half">
|
||||
<div>담당자</div>
|
||||
<div>
|
||||
<label for="" class="label">담당자 입력</label>
|
||||
<input type="text" class="list_inputType1">
|
||||
</div>
|
||||
</div>
|
||||
<div class="input_list_item2 number">
|
||||
<div class="input_left">일반전화</div>
|
||||
<div class="input_right">
|
||||
<label for="" class="label">일반전화 번호 입력</label>
|
||||
<input type="text" class="list_inputType1">
|
||||
<span>-</span>
|
||||
<label for="" class="label">일반전화 번호 입력</label>
|
||||
<input type="text" class="list_inputType1">
|
||||
<span>-</span>
|
||||
<label for="" class="label">일반전화 번호 입력</label>
|
||||
<div class="input_half">
|
||||
<div>직위</div>
|
||||
<div>
|
||||
<label for="" class="label">직위 입력</label>
|
||||
<input type="text" class="list_inputType1">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="input_list_item2 number">
|
||||
<div class="input_left">휴대폰</div>
|
||||
<div class="input_right">
|
||||
<label for="" class="label">휴대폰 번호 입력</label>
|
||||
<input type="text" class="list_inputType1">
|
||||
<span>-</span>
|
||||
<label for="" class="label">휴대폰 번호 입력</label>
|
||||
<input type="text" class="list_inputType1">
|
||||
<span>-</span>
|
||||
<label for="" class="label">휴대폰 번호 입력</label>
|
||||
<input type="text" class="list_inputType1">
|
||||
</div>
|
||||
</div>
|
||||
<div class="input_list_item2 number">
|
||||
<div class="input_left">일반전화</div>
|
||||
<div class="input_right">
|
||||
<label for="" class="label">일반전화 번호 입력</label>
|
||||
<input type="text" class="list_inputType1">
|
||||
<span>-</span>
|
||||
<label for="" class="label">일반전화 번호 입력</label>
|
||||
<input type="text" class="list_inputType1">
|
||||
<span>-</span>
|
||||
<label for="" class="label">일반전화 번호 입력</label>
|
||||
<input type="text" class="list_inputType1">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--// 계산서정보 -->
|
||||
<div class="mem_btnWrap2">
|
||||
<button type="button" class="mem_btn3">변경</button>
|
||||
<button type="button" class="mem_btn2">취소</button>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--// 마이페이지 - 비밀번호 변경 -->
|
||||
</div>
|
||||
</div> -->
|
||||
<!--// 계산서정보 -->
|
||||
|
||||
</div><!--// send top -->
|
||||
</div>
|
||||
</div><!--// content 영역 -->
|
||||
<!-- footer 영역 -->
|
||||
<!-- 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 class="mem_btnWrap2">
|
||||
<button type="button" class="mem_btn3" style="width: 100%;" onclick="membershipChange()">변경</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--// 마이페이지 - 비밀번호 변경 -->
|
||||
|
||||
</div>
|
||||
<!--// send top -->
|
||||
</div>
|
||||
</footer><!--// footer 영역 -->
|
||||
</body></html>
|
||||
</div>
|
||||
<!--// content 영역 -->
|
||||
<!-- footer 영역 -->
|
||||
<!-- footer -->
|
||||
<div data-include-path="/publish/layout/_footer.html"></div>
|
||||
<!--// footer 영역 -->
|
||||
</body>
|
||||
|
||||
</html>
|
||||
165
src/main/webapp/publish/mypage3_return.html
Normal file
165
src/main/webapp/publish/mypage3_return.html
Normal file
@ -0,0 +1,165 @@
|
||||
<!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/mem.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 data-include-path="/publish/layout/_header.html"></div>
|
||||
<!-- 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="location.href='/publish/mypage2.html'">회원정보 변경</button></li>
|
||||
<li class="tab active"><button type="button" onclick="TabType5(this,'2');">기업회원 전환</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/mypage4.html'">비밀번호 변경</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/mypage5.html'">발신번호 관리</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/mypage6.html'">알림설정</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/mypage7.html'">회원탈퇴</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/security_login.html'">보안로그인</button></li>
|
||||
</ul>
|
||||
<!--// tab button -->
|
||||
<!-- 마이페이지 - 기업회원 전환 -->
|
||||
<div class="mypage_content current" id="tab5_2">
|
||||
<div class="heading">
|
||||
<h2>기업회원 전환</h2>
|
||||
</div>
|
||||
<div class="mem_cont_in">
|
||||
<div class="text_top">
|
||||
<!-- 심사 반려 상태 -->
|
||||
<p>고객님은 아래와 같은 사유로 인해 <strong>심사 반려 상태</strong>입니다.<br>필요서류를 재등록해주세요.</p>
|
||||
|
||||
<!-- 승인 심사중 상태 -->
|
||||
<!-- <p>현재 기업회원 가입 <span>심사중</span>입니다.<br />기업회원 가입불가 또는 보완사항 발생 시 등록하신<br>대표 휴대폰 번호로 문자 안내해드립니다.</p> -->
|
||||
<dl>
|
||||
<dt>반려사유</dt>
|
||||
<dd>[문자온] 기업회원 신청 시 사업자등록증 및 재직증명서(대표자 본인이
|
||||
신청하지 않는 경우에 한함)가 반드시 첨부되어야 합니다. 해당 서류 첨부
|
||||
(문자온 로그인 시 파일 업로드 화면 확인 가능)하여 재신청해 주시면 빠른
|
||||
승인 도와드리겠습니다.</dd>
|
||||
</dl>
|
||||
|
||||
</div>
|
||||
<!-- 기업정보 -->
|
||||
<div class="input_list listType1">
|
||||
<p class="list_title">기업정보</p>
|
||||
<div class="input_list_item">
|
||||
<div class="input_left">기업유형</div>
|
||||
<div class="input_right">
|
||||
법인 사업자
|
||||
</div>
|
||||
</div>
|
||||
<div class="input_list_item">
|
||||
<div class="input_left">회사명</div>
|
||||
<div class="input_right">
|
||||
주식회사 아이티앤
|
||||
</div>
|
||||
</div>
|
||||
<div class="input_list_item">
|
||||
<div class="input_left">대표</div>
|
||||
<div class="input_right">
|
||||
유인식
|
||||
</div>
|
||||
</div>
|
||||
<div class="input_list_item">
|
||||
<div class="input_left">요청일</div>
|
||||
<div class="input_right">
|
||||
2024-11-18 10:26
|
||||
</div>
|
||||
</div>
|
||||
<div class="input_list_item input_list_biz">
|
||||
<div class="input_left">사업자등록번호</div>
|
||||
<div class="input_right">
|
||||
653-87-00858
|
||||
<div class="list_btn_wrap">
|
||||
<button type="button" onclick="bizNoCheck(); return false;">사업자등록번호 확인</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="input_list_item input_list_biz">
|
||||
<div class="input_left">사업자등록증</div>
|
||||
<div class="input_right">
|
||||
수신문서 없음
|
||||
</div>
|
||||
</div>
|
||||
<div class="input_list_item input_list_biz">
|
||||
<div class="input_left">재직증명서</div>
|
||||
<div class="input_right">
|
||||
수신문서 없음
|
||||
</div>
|
||||
</div>
|
||||
<div class="input_list_item">
|
||||
<div class="input_left">사업자등록증 첨부</div>
|
||||
<div class="input_right">
|
||||
<label for="atFileBasicWrite" class="label">사업자등록증 첨부</label>
|
||||
<input type="text" class="list_inputType1" disabled="" id="atFileBasicWrite" style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:55%;">
|
||||
<div class="list_btn_wrap">
|
||||
<span>사업자등록증 첨부(5MB 이내)</span>
|
||||
<input type="file" name="file" id="file" style="display: none" onchange="changeValue(this); return false;">
|
||||
<button type="button" onclick="document.all.file.click(); return false;">파일첨부</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="input_list_item">
|
||||
<div class="input_left input_left_poe">재직증명서<span class="poe_noti2">(대표자는 생략)</span></div>
|
||||
<div class="input_right">
|
||||
<label for="atFileBasicWriteWork " class="label">재직증명서 첨부</label>
|
||||
<input type="text" class="list_inputType1" disabled="" id="atFileBasicWriteWork" style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:55%;">
|
||||
<div class="list_btn_wrap">
|
||||
<span>재직증명서 첨부(5MB 이내)</span>
|
||||
<input type="file" name="fileWork" id="fileWork" class="input-file" style="display: none" onchange="changeValueWork(this); return false;">
|
||||
<button type="button" onclick="document.all.fileWork.click(); return false;">파일첨부</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!--// 기업정보 -->
|
||||
|
||||
|
||||
<div class="mem_btnWrap2">
|
||||
<button type="button" class="mem_btn3" style="width: 100%;">재등록</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--// 마이페이지 - 비밀번호 변경 -->
|
||||
|
||||
</div>
|
||||
<!--// send top -->
|
||||
</div>
|
||||
</div>
|
||||
<!--// content 영역 -->
|
||||
<!-- footer 영역 -->
|
||||
<!-- footer -->
|
||||
<div data-include-path="/publish/layout/_footer.html"></div>
|
||||
<!--// footer 영역 -->
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -27,151 +27,7 @@
|
||||
</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 영역 -->
|
||||
<div data-include-path="/publish/layout/_header.html"></div>
|
||||
<!-- login 영역 -->
|
||||
<!-- content 영역 -->
|
||||
<div id="container" class="cont sub">
|
||||
@ -180,14 +36,15 @@
|
||||
<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 active"><button type="button" onclick="TabType5(this,'3');">비밀번호 변경</button></li>
|
||||
<li class="tab"><button type="button" onclick="TabType5(this,'4');">발신번호 관리</button></li>
|
||||
<li class="tab"><button type="button" onclick="TabType5(this,'5');">알림설정</button></li>
|
||||
<li class="tab"><button type="button" onclick="TabType5(this,'6');">회원탈퇴</button></li>
|
||||
|
||||
</ul><!--// tab button -->
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/mypage2.html'">회원정보 변경</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/mypage3.html'">기업회원 전환</button></li>
|
||||
<li class="tab active"><button type="button" onclick="TabType5(this,'4');">비밀번호 변경</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/mypage5.html'">발신번호 관리</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/mypage6.html'">알림설정</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/mypage7.html'">회원탈퇴</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/security_login.html'">보안로그인</button></li>
|
||||
</ul>
|
||||
<!--// tab button -->
|
||||
<!-- 마이페이지 - 비밀번호 변경 -->
|
||||
<div class="mypage_content current" id="tab5_3">
|
||||
<div class="heading">
|
||||
@ -195,49 +52,65 @@
|
||||
</div>
|
||||
<div class="mem_cont_in">
|
||||
<div class="text_top">
|
||||
<p>안전한 서비스 이용을 위해<span> 비밀번호</span>주기적으로 <span>변경</span>해주세요!</p>
|
||||
</div>
|
||||
<div class="titBox">
|
||||
<p><span>비밀번호 변경 수칙</span></p>
|
||||
<p>- 주기적인(3 ~ 6개월) 비밀번호 변경</p>
|
||||
<p>- 다른아이디/사이트에서 사용한 적 없는 비밀번호</p>
|
||||
<p>- 이전에 사용한 적 없는 비밀번호</p>
|
||||
<p>
|
||||
안전한 서비스 이용을 위해<span> 비밀번호</span>를 주기적으로 <span>변경</span>해주세요!
|
||||
</p>
|
||||
</div>
|
||||
<div class="input_list">
|
||||
<div class="input_list_item">
|
||||
<input type="hidden" id="passwordCheck" name="passwordCheck" value="N">
|
||||
<div class="input_left">현재 비밀번호</div>
|
||||
<div class="input_right">
|
||||
<label for="" class="label">비밀번호</label>
|
||||
<input type="password" class="list_inputType1">
|
||||
<input type="password" class="list_inputType1" id="exPassword" name="exPassword">
|
||||
</div>
|
||||
<div class="list_alert pass_no">
|
||||
<i></i>
|
||||
<span>비밀번호가 일치하지 않습니다.</span>
|
||||
<div class="list_alert pass_no oldPassChkNo" style="display: none;">
|
||||
<i></i> <span>비밀번호가 일치하지 않습니다.</span>
|
||||
</div>
|
||||
<div class="list_alert pass">
|
||||
<i></i>
|
||||
<span>비밀번호가 일치합니다.</span>
|
||||
<div class="list_alert pass oldPassChkYes" style="display:none;">
|
||||
<i></i> <span>비밀번호가 일치합니다.</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mem_noti">비밀번호는 영문자, 특수문자, 숫자를 조합하여 8자 이상, 20자 이하로 사용해야 합니다.</div>
|
||||
<div class="input_list_item">
|
||||
<div class="input_left">새 비밀번호</div>
|
||||
<div class="input_right">
|
||||
<label for="" class="label">새 비밀번호</label>
|
||||
<input type="password" class="list_inputType1">
|
||||
<input type="password" class="list_inputType1" id="newPassword1" maxlength="20">
|
||||
</div>
|
||||
<div class="list_alert reqest_text">
|
||||
<span>영문, 숫자, 특수문자 포함 6~16자 이내</span>
|
||||
<div class="list_alert password_pass_no" style="display: none;">
|
||||
<ul>
|
||||
<li><span class="step1"></span></li>
|
||||
<li><span class="step2"></span></li>
|
||||
<li><span class="step3"></span></li>
|
||||
</ul>
|
||||
<span>안전도 낮음</span>
|
||||
</div>
|
||||
<div class="list_alert password_pass" style="display: none;">
|
||||
<ul>
|
||||
<li><span class="step1"></span></li>
|
||||
<li><span class="step2"></span></li>
|
||||
<li><span class="step3"></span></li>
|
||||
</ul>
|
||||
<span>안전함</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="input_list_item">
|
||||
<div class="input_left">새 비밀번호 확인</div>
|
||||
<div class="input_right">
|
||||
<label for="" class="label">새 비밀번호 확인</label>
|
||||
<input type="password" class="list_inputType1">
|
||||
<input type="password" class="list_inputType1" id="newPassword2" maxlength="20">
|
||||
</div>
|
||||
<div class="list_alert pass_no pwPass_no" style="display: none;">
|
||||
<i></i> <span>비밀번호가 일치하지 않습니다.</span>
|
||||
</div>
|
||||
<div class="list_alert pass pwPass" style="display: none;">
|
||||
<i></i> <span>비밀번호가 일치합니다.</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mem_btnWrap2">
|
||||
<button type="button" class="mem_btn3" style="width: 100%;">변경</button>
|
||||
<button type="button" class="mem_btn3" style="width: 100%;" onclick="insertPw();">변경</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -247,37 +120,7 @@
|
||||
</div>
|
||||
</div><!--// content 영역 -->
|
||||
<!-- footer 영역 -->
|
||||
<!-- 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 영역 -->
|
||||
<!-- footer -->
|
||||
<div data-include-path="/publish/layout/_footer.html"></div>
|
||||
<!--// footer 영역 -->
|
||||
</body></html>
|
||||
|
||||
@ -21,156 +21,76 @@
|
||||
<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/popupLayer.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 class="tooltip-wrap">
|
||||
<div class="popup-com servInfo_cont 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">
|
||||
<ul>
|
||||
<li>
|
||||
<div>
|
||||
<div><img src="/publish/images/content/call_serv1.png" alt="T 월드"></div>
|
||||
<p><span class="fwLg">모바일</span> 080-011-6000 / <span class="fwLg">유선</span> 080-816-2000</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
<div><img src="/publish/images/content/call_serv2.png" alt="SK 텔레콤"></div>
|
||||
<p>1599-0999</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
<div><img src="/publish/images/content/call_serv3.png" alt="SK 브로드밴드"></div>
|
||||
<p>080-8282-106</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
<div><img src="/publish/images/content/call_serv4.png" alt="hello 모바일"></div>
|
||||
<p>KT망 1855-1144 / SKT망 1855-2114</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
<div><img src="/publish/images/content/call_serv5.png" alt="Kt"></div>
|
||||
<p><span class="fwLg">모바일</span> 1588-0010 / <span class="fwLg">유선</span> 100</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
<div><img src="/publish/images/content/call_serv6.png" alt="세종텔레콤"></div>
|
||||
<p>080-889-1000</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
<div><img src="/publish/images/content/call_serv7.png" alt="U+"></div>
|
||||
<p><span class="fwLg">모바일</span> 1588-0010 / <span class="fwLg">유선</span> 100</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
<div><img src="/publish/images/content/call_serv8.png" alt="Kct"></div>
|
||||
<p>070-8188-0114</p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</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 영역 -->
|
||||
</div>
|
||||
|
||||
<!--// 통신사 고객센터 정보 팝업 -->
|
||||
<div data-include-path="/publish/layout/_header.html"></div>
|
||||
<!-- login 영역 -->
|
||||
<!-- content 영역 -->
|
||||
<div id="container" class="cont sub">
|
||||
@ -179,196 +99,46 @@
|
||||
<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>
|
||||
<li class="tab"><button type="button" onclick="TabType5(this,'5');">알림설정</button></li>
|
||||
<li class="tab"><button type="button" onclick="TabType5(this,'6');">회원탈퇴</button></li>
|
||||
|
||||
</ul><!--// tab button -->
|
||||
<!-- 마이페이지 - 발신번호 관리 -->
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/mypage2.html'">회원정보 변경</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/mypage3.html'">기업회원 전환</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/mypage4.html'">비밀번호 변경</button></li>
|
||||
<li class="tab active"><button type="button" onclick="TabType5(this,'5');">발신번호 관리</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/mypage6.html'">알림설정</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/mypage7.html'">회원탈퇴</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/security_login.html'">보안로그인</button></li>
|
||||
</ul>
|
||||
<!--// tab button -->
|
||||
<!-- 마이페이지 - 발신번호 관리 -->
|
||||
<div class="mypage_content current" id="tab5_4">
|
||||
<div class="heading">
|
||||
<div class="heading call_numbe_con">
|
||||
<h2>발신번호 관리</h2>
|
||||
<div class="button_wrap">
|
||||
<button type="button" class="button certificate btn" data-tooltip="popup001">통신서비스 이용증명원 발급안내</button>
|
||||
<button type="button" class="button id_card btn" data-tooltip="popup004">대리인 신분증이란?</button>
|
||||
<button type="button" class="button pro_ex btn" data-tooltip="popup003">위임장 작성 방법</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mem_cont_in widthXL">
|
||||
<div class="mem_cont_in widthXL" id="sendNumberListLoad"> <!-- 폼 맞추려고 id 추가 -->
|
||||
<div class="titBox">
|
||||
<p>- 문자 발송 전 “발신번호 등록”을 하셔야 서비스 이용이 가능합니다.</p>
|
||||
<p>- 발신번호 최대 등록 가능 개수 : <span class="fwMd c_222">10</span>개</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 class="send_cf">
|
||||
<input id="radio1" type="radio"name="send_clas" checked="checked">
|
||||
<label for="radio1">ARS인증</label>
|
||||
<input id="radio2" type="radio" name="send_clas">
|
||||
<label for="radio2">서류인증(통신사 가입증명서)</label>
|
||||
</td>
|
||||
</tr>
|
||||
<!-- 무선전화 일때 -->
|
||||
<tr>
|
||||
<th scope="row">인증수단</th>
|
||||
<td class="send_cf">
|
||||
<input id="radio3" type="radio"name="send_clas" checked="checked">
|
||||
<label for="radio3">휴대폰 인증</label>
|
||||
<input id="radio4" type="radio" name="send_clas">
|
||||
<label for="radio4">ARS인증</label>
|
||||
<input id="radio12" type="radio" name="send_clas">
|
||||
<label for="radio12">서류인증(통신사 가입증명서)</label>
|
||||
</td>
|
||||
</tr>
|
||||
<!-- ars 인증 -->
|
||||
<tr class="certify_cont">
|
||||
<th scope="row"></th>
|
||||
<td>
|
||||
<div class="ars">
|
||||
<p>1. 입력하신 번호로 전화가 갈 예정입니다. 전화가 오면 받아주세요.</p>
|
||||
<p>2. 안내멘트에 따라 인증번호 4자리를 입력해주세요.</p>
|
||||
<div class="certify_in">
|
||||
<div>
|
||||
<div class="certify_in_head">전화번호</div>
|
||||
<div class="certify_in_body">
|
||||
<label for="" class="label">전화번호 입력</label>
|
||||
<input type="text" class="readonly" placeholder="02-1234-5678" readonly>
|
||||
<button type="button" class="btnType">인증하기</button>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="certify_in_head">인증번호</div>
|
||||
<div class="certify_in_body">
|
||||
<label for="" class="label">인증번호 입력</label>
|
||||
<input type="text" placeholder="ARS에서 안내해준 인증번호를 입력하세요." onfocus="this.placeholder=''" onblur="this.placeholder='ARS에서 안내해준 인증번호를 입력하세요.'">
|
||||
<button type="button" class="btnType">확인</button>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<!-- 서류 인증 -->
|
||||
<tr class="certify_cont">
|
||||
<th scope="row"></th>
|
||||
<td>
|
||||
<div>
|
||||
<p>통신사에서 발급한 <span class="c_002c9a fwMd">가입증명서</span>를 제출해주세요.</p>
|
||||
<button class="layer_btn btnType" data-tooltip="popup04"><i></i>각 통신사 고객센터 정보 보기</button>
|
||||
<div class="certify_in">
|
||||
<div>
|
||||
<div class="certify_in_head">증명서 첨부</div>
|
||||
<div class="certify_in_body">
|
||||
<input type="radio">
|
||||
<label for="">파일 첨부</label>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="certify_in_head">발신번호</div>
|
||||
<div class="certify_in_body certify_num">
|
||||
<label for="" class="label">발신번호 입력</label>
|
||||
<input type="text">
|
||||
<span>-</span>
|
||||
<label for="" class="label">발신번호 입력</label>
|
||||
<input type="text">
|
||||
<span>-</span>
|
||||
<label for="" class="label">발신번호 입력</label>
|
||||
<input type="text">
|
||||
<button type="button" class="btnType">인증하기</button>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="certify_in_head">첨부파일</div>
|
||||
<div class="certify_in_body">
|
||||
<label for="" class="label">파일 첨부</label>
|
||||
<input type="text">
|
||||
<button type="button" class="btnType">파일첨부</button>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="certify_in_head">휴대폰</div>
|
||||
<div class="certify_in_body certify_num">
|
||||
<label for="" class="label">핸드폰번호 입력</label>
|
||||
<input type="text">
|
||||
<span>-</span>
|
||||
<label for="" class="label">핸드폰번호 입력</label>
|
||||
<input type="text">
|
||||
<span>-</span>
|
||||
<label for="" class="label">핸드폰번호 입력</label>
|
||||
<input type="text">
|
||||
<p>서류인증 완료 시 문자로 알려드립니다.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="textarea_wrap">
|
||||
<div class="certify_in_head">비고</div>
|
||||
<div class="certify_in_body">
|
||||
<label for="" class="label">비고 입력</label>
|
||||
<textarea placeholder="추가 요청사항이 있으시면 이곳에 기재해주세요(최대 500자 까지)" onfocus="this.placeholder=''" onblur="this.placeholder='추가 요청사항이 있으시면 이곳에 기재해주세요(최대 500자 까지)'"></textarea>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="btnWrap">
|
||||
<button type="button" class="btnType btnType16">신청하기</button>
|
||||
<button type="button" class="btnType btnType17">취소</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<!-- 휴대폰 인증 -->
|
||||
<tr class="certify_cont">
|
||||
<th scope="row"></th>
|
||||
<td>
|
||||
<div>
|
||||
<!-- <p><span class="c_002c9a fwMd">[홍길동]</span> 님의 본인 휴대폰인 경우에만 발신번호로 등록할 수 있습니다.</p> -->
|
||||
<div class="certify_in">
|
||||
<div>
|
||||
<div class="certify_in_head">핸드폰번호</div>
|
||||
<div class="certify_in_body">
|
||||
<label for="" class="label">핸드폰번호 입력</label>
|
||||
<input type="text" class="readonly" placeholder="010-1234-5678" readonly>
|
||||
<button type="button" class="btnType">인증하기</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<div class="search_wrap clearfix">
|
||||
<div class="btn_left">
|
||||
<button type="button" class="btnType"><i class="add_img"></i>전체선택(Ctrl+A)</button>
|
||||
<button type="button" class="btnType"><i class="remove_img"></i>삭제(Del)</button>
|
||||
</div>
|
||||
<div class="btn_right2">
|
||||
<label for="id" class="label"></label>
|
||||
<input type="text" id="id" placeholder="검색어를 입력하세요."onfocus="this.placeholder=''" onblur="this.placeholder='검색어를입력하세요.'">
|
||||
<button type="button" class="btnType">검색</button>
|
||||
<button type="button" class="btnType">전체 리스트 보기</button>
|
||||
</div>
|
||||
<div class="callNum_list_wrap">
|
||||
<p class="callNum_list_title">· 등록된 번호 : <span class="c_002c9a fwMd">0</span>/10개</p>
|
||||
<button type="button" class="btnType btnType2">대표번호 설정</button>
|
||||
</div>
|
||||
<p class="callNum_list_title">· 등록된 번호 수 <span class="c_002c9a fwMd">1</span>/10개</p>
|
||||
<div class="tb_wrap">
|
||||
<table class="tType4">
|
||||
<caption>엑셀입력 표</caption>
|
||||
<colgroup>
|
||||
<col style="width: 40px;">
|
||||
<col style="width: 10%;">
|
||||
<col style="width: 12%;">
|
||||
<col style="width: 11%;">
|
||||
<col style="width: auto;">
|
||||
<col style="width: 12%;">
|
||||
<col style="width: 17%;">
|
||||
<col style="width: 10%;">
|
||||
<col style="width: 12%;">
|
||||
<col style="width: 10%;">
|
||||
<col style="width: 15%;">
|
||||
<col style="width: 10%;">
|
||||
<col style="width: 10%;">
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr>
|
||||
@ -376,40 +146,20 @@
|
||||
<label for="" class="label">전체 선택</label>
|
||||
<input type="checkbox">
|
||||
</th>
|
||||
<th>기본번호 설정</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>대표번호 설정</th>
|
||||
<th>번호</th>
|
||||
<th>발신번호명</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>관리</th>
|
||||
<th>인증방식</th>
|
||||
<th>상태</th>
|
||||
<th>등록일</th>
|
||||
<th>발신번호 관리</th>
|
||||
<th>반려서류 제출</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td colspan="9">검색된 내용이 없습니다.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<label for="" class="label">전체 선택</label>
|
||||
@ -431,6 +181,7 @@
|
||||
<button type="button" class="btnType btnType14">수정</button>
|
||||
<button type="button" class="btnType btnType14">삭제</button>
|
||||
</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
@ -453,6 +204,7 @@
|
||||
<button type="button" class="btnType btnType14">수정</button>
|
||||
<button type="button" class="btnType btnType14">삭제</button>
|
||||
</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
@ -475,6 +227,7 @@
|
||||
<button type="button" class="btnType btnType14">수정</button>
|
||||
<button type="button" class="btnType btnType14">삭제</button>
|
||||
</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
@ -497,181 +250,28 @@
|
||||
<button type="button" class="btnType btnType14">수정</button>
|
||||
<button type="button" class="btnType btnType14">삭제</button>
|
||||
</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<!-- table -->
|
||||
<!-- <table class="tType3">
|
||||
<caption>기번번호 설정, 번호, 발신번호 명, 인증방식, 상태, 등록일, 관리를 제공하는 발신번호 리스트</caption>
|
||||
<colgroup>
|
||||
<col style="width: 40px;">
|
||||
<col style="width: 10%;">
|
||||
<col style="width: 10%;">
|
||||
<col style="width: auto;">
|
||||
<col style="width: 10%;">
|
||||
<col style="width: 20%;">
|
||||
<col style="width: 10%;">
|
||||
<col style="width: 15%;">
|
||||
</colgroup>
|
||||
<thead>
|
||||
<th scope="row">
|
||||
<label for="" class="label">전체 선택</label>
|
||||
<input type="checkbox">
|
||||
</th>
|
||||
<th scope="row">기본번호 설정</th>
|
||||
<th scope="row">번호
|
||||
<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 scope="row">발신번호명</th>
|
||||
<th scope="row">인증방식
|
||||
<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 scope="row">상태
|
||||
<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 scope="row">등록일
|
||||
<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 scope="row">관리</th>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
<label for="" class="label">한 줄 전체 선택</label>
|
||||
<input type="checkbox">
|
||||
</td>
|
||||
<td>
|
||||
<label for="" class="label">기본번호로 설정 선택</label>
|
||||
<input type="radio">
|
||||
</td>
|
||||
<td>010-1234-5678</td>
|
||||
<td class="input_wrap2">
|
||||
<label for="" class="label">발신번호명</label>
|
||||
<input type="text" placeholder="주식회사 아이티앤" readonly>
|
||||
</td>
|
||||
<td>휴대폰인증</td>
|
||||
<td>인증완료</td>
|
||||
<td>2021-06-06</td>
|
||||
<td>
|
||||
<button type="button" class="btnType btnType14">수정</button>
|
||||
<button type="button" class="btnType btnType14">삭제</button>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table> -->
|
||||
<!-- <img src="/publish/images/content/imsi_callingNum.jpg" style="width: 100%;"> -->
|
||||
</div>
|
||||
</div><!--// 마이페이지 - 발신번호 관리 -->
|
||||
<!-- 통신사 고객센터 정보 팝업 -->
|
||||
<div class="tooltip-wrap">
|
||||
<div class="popup-com servInfo_cont 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">
|
||||
<ul>
|
||||
<li>
|
||||
<div>
|
||||
<div><img src="/publish/images/content/call_serv1.png" alt="T 월드"></div>
|
||||
<p><span class="fwLg">모바일</span> 080-011-6000 / <span class="fwLg">유선</span> 080-816-2000</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
<div><img src="/publish/images/content/call_serv2.png" alt="SK 텔레콤"></div>
|
||||
<p>1599-0999</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
<div><img src="/publish/images/content/call_serv3.png" alt="SK 브로드밴드"></div>
|
||||
<p>080-8282-106</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
<div><img src="/publish/images/content/call_serv4.png" alt="hello 모바일"></div>
|
||||
<p>KT망 1855-1144 / SKT망 1855-2114</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
<div><img src="/publish/images/content/call_serv5.png" alt="Kt"></div>
|
||||
<p><span class="fwLg">모바일</span> 1588-0010 / <span class="fwLg">유선</span> 100</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
<div><img src="/publish/images/content/call_serv6.png" alt="세종텔레콤"></div>
|
||||
<p>080-889-1000</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
<div><img src="/publish/images/content/call_serv7.png" alt="U+"></div>
|
||||
<p><span class="fwLg">모바일</span> 1588-0010 / <span class="fwLg">유선</span> 100</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
<div><img src="/publish/images/content/call_serv8.png" alt="Kct"></div>
|
||||
<p>070-8188-0114</p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--// 통신사 고객센터 정보 팝업 -->
|
||||
</div><!--// send top -->
|
||||
</div>
|
||||
</div><!--// content 영역 -->
|
||||
<!-- footer 영역 -->
|
||||
<!-- 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 class="send_button_wrap">
|
||||
<button type="button" class="btnType btnType16" onclick="fnRegisterPhoneNum(); return false;">+ 신규 발신번호 등록</button>
|
||||
</div>
|
||||
<!-- table -->
|
||||
</div>
|
||||
</div>
|
||||
<!--// 마이페이지 - 발신번호 관리 -->
|
||||
|
||||
</div>
|
||||
<!--// send top -->
|
||||
</div>
|
||||
</footer><!--// footer 영역 -->
|
||||
</body></html>
|
||||
</div>
|
||||
<!--// content 영역 -->
|
||||
<!-- footer 영역 -->
|
||||
<!-- footer -->
|
||||
<div data-include-path="/publish/layout/_footer.html"></div>
|
||||
<!--// footer 영역 -->
|
||||
</body>
|
||||
|
||||
</html>
|
||||
562
src/main/webapp/publish/mypage5_2.html
Normal file
562
src/main/webapp/publish/mypage5_2.html
Normal file
@ -0,0 +1,562 @@
|
||||
<!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/mem.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/popupLayer.js"></script>
|
||||
|
||||
<script>
|
||||
function guideTab(obj) {
|
||||
var target = $(obj);
|
||||
var idx = target.closest('li').index();
|
||||
target.closest('.guide_tab').find('li').removeClass('active');
|
||||
target.closest('li').addClass('active');
|
||||
target.closest('.guide_content').find('.guide_table').removeClass('active').eq(idx).addClass('active');
|
||||
}
|
||||
|
||||
(function () {
|
||||
//노출시키려는 역역 선택해서 '1', '2', '3' 값 넣어주면됨
|
||||
|
||||
var dept = $('#mberDept').val();
|
||||
|
||||
if (dept != 'c') { //개인일 경우
|
||||
|
||||
nameChk();
|
||||
|
||||
} else { //법인일 경우 당사 선택 되도록
|
||||
|
||||
nameChk(1);
|
||||
|
||||
}
|
||||
|
||||
//최초 본인명의 라디오버튼 안보이게 처리
|
||||
$('#selfCert').css('visibility', 'collapse');
|
||||
});
|
||||
|
||||
function nameChk(target) {
|
||||
|
||||
var callFrom = $('#inputPhoneNum').val();
|
||||
// var callType = checkTelHpType(callFrom);
|
||||
|
||||
if (target == '1') {
|
||||
//기업회원 당사, 업로드 영역만 노출
|
||||
$('#phone').css("visibility", "collapse");
|
||||
$('#upload').css('visibility', 'visible');
|
||||
//인증타입 설정
|
||||
$('#nameType').val("1");
|
||||
} else if (target == '2') {
|
||||
//기업회원 당사, 휴대폰번호 영역만 노출
|
||||
$('#phone').css("visibility", "collapse");
|
||||
$('#upload').css('visibility', 'collapse');
|
||||
//인증타입 설정
|
||||
$('#nameType').val("2");
|
||||
} else if (target == '3') {
|
||||
//업로드, 휴대폰영역 둘 다 노출
|
||||
$('#phone').css("visibility", "visible");
|
||||
$('#upload').css('visibility', 'visible');
|
||||
$('#summary_phone').css('visibility', 'visible');
|
||||
//인증타입 설정
|
||||
$('#nameType').val("3");
|
||||
} else if (target == '4') {
|
||||
//업로드, 휴대폰영역 둘 다 노출
|
||||
$('#phone').css("visibility", "collapse");
|
||||
$('#upload').css('visibility', 'visible');
|
||||
//인증타입 설정
|
||||
$('#nameType').val("4");
|
||||
} else if (target == '5') {
|
||||
//개인회원 본인인증
|
||||
if (callType == 'Hp') { //핸드폰 번호이면 번호인증만
|
||||
$('#phone').css("visibility", "visible");
|
||||
$('#upload').css('visibility', 'collapse');
|
||||
$('#summary_phone').css('visibility', 'collapse');
|
||||
$('#certType').val("01");
|
||||
} else { //일반전화이면 첨부파일만
|
||||
$('#phone').css("visibility", "collapse");
|
||||
$('#upload').css('visibility', 'visible');
|
||||
$('#certType').val("03");
|
||||
}
|
||||
|
||||
//인증타입 설정
|
||||
$('#nameType').val("5");
|
||||
} else if (target == '6') {
|
||||
//개인회원 타인인증
|
||||
if (callType == 'Hp') { //핸드폰 번호이면 번호인증만
|
||||
$('#phone').css("visibility", "visible");
|
||||
$('#upload').css('visibility', 'visible');
|
||||
$('#summary_phone').css('visibility', 'visible');
|
||||
} else { //일반전화이면 첨부파일만
|
||||
$('#phone').css("visibility", "collapse");
|
||||
$('#upload').css('visibility', 'visible');
|
||||
}
|
||||
|
||||
//인증타입 설정
|
||||
$('#nameType').val("6");
|
||||
}
|
||||
|
||||
//휴대폰 인증여부 초기화
|
||||
$('#hpCertChk').val("N");
|
||||
//$('#inputSendNum').val("");
|
||||
}
|
||||
</script>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="mask"></div>
|
||||
|
||||
<!-- 대리인 신분증 -->
|
||||
<div class="tooltip-wrap">
|
||||
<div class="popup-com servInfo_cont popup004" tabindex="0" data-tooltip-con="popup004" data-focus="popup004" data-focus-prev="popup004-close">
|
||||
<div class="popup_heading">
|
||||
<p>대리인 신분증이란?</p>
|
||||
<button type="button" class="tooltip-close" data-focus="popup001-close">
|
||||
<img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기">
|
||||
</button>
|
||||
</div>
|
||||
<div class="layer_in">
|
||||
<!-- 발신번호 관리 수정 -->
|
||||
<div class="call_number_pop">
|
||||
<ul class="call_numbber_list">
|
||||
<li>- 타인/타사의 휴대전화(또는 일반전화)를 발신번호로 등록하기 위해서는 대리인(문자온 가입자)의 신분증 사본을 제출하여야 합니다.</li>
|
||||
<li>- 개인회원 : <strong>타인 휴대전화(or 일반전화)</strong> 발신번호 등록 시 제출</li>
|
||||
<li>- 기업회원 : <strong>타사 휴대전화(or 일반전화)</strong> 발신번호 등록 시 제출</li>
|
||||
</ul>
|
||||
<div class="noted_items">
|
||||
<p class="title">참고사항</p>
|
||||
<ul class="call_numbber_list">
|
||||
<li>· 신분증 사본 제출 시 주민번호 뒷자리는 마스킹 처리(개인정보 보호)</li>
|
||||
<li>· 제출 가능한 신분증 : 주민등록증, 운전면허증, 여권</li>
|
||||
<li>· 대리인 = <strong>문자온 가입자(O)</strong> 발신번호 명의자(X)</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ex_con_wrap">
|
||||
<div class="ex_con">
|
||||
<p class="ex_con_tit">[제출 예시 이미지]</p>
|
||||
<img src="/publish/images/popup/id_card_ex.png" alt="제출 예시 이미지">
|
||||
<p class="ex_con_te">※ 이미지 자료 : 행정안전부</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- // 대리인 신분증 -->
|
||||
|
||||
<!-- 위임장 작성 방법 -->
|
||||
<div class="tooltip-wrap">
|
||||
<div class="popup-com servInfo_cont popup003" tabindex="0" data-tooltip-con="popup003" data-focus="popup003" data-focus-prev="popup003-close">
|
||||
<div class="popup_heading">
|
||||
<p>위임장 작성 방법</p>
|
||||
<button type="button" class="tooltip-close" data-focus="popup001-close">
|
||||
<img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기">
|
||||
</button>
|
||||
</div>
|
||||
<div class="layer_in pro_layer_in">
|
||||
<!-- 발신번호 관리 수정 -->
|
||||
<div class="pro_btn_wrap">
|
||||
<button type="button" class="button attorney btn" onclick="location.href='/download/number/문자온_발신번호_등록_위임장_양식.zip'">위임장 다운로드</button>
|
||||
</div>
|
||||
<div class="call_number_pop">
|
||||
<p class="pro_tit">타인 또는 타사의 휴대전화 및 일반전화 발신번호 등록을 위해서는 <br><span>위임장 제출이 필수</span>입니다.</p>
|
||||
<ul class="call_numbber_list">
|
||||
<li>- 위임자(발신번호 명의자)와 수임자(문자온 가입자)를 구분하여 작성</li>
|
||||
<li>- 개인정보 수집 이용 동의 체크</li>
|
||||
<li>- 위임자가 법인일 경우 도장 날인, 개인일경우 자필 서명</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="ex_con_wrap">
|
||||
<div class="ex_con">
|
||||
<p class="ex_con_tit">[위임장 작성 예시]</p>
|
||||
<img src="/publish/images/popup/pro_ex.png" alt="제출 예시 이미지">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- // 위임장 작성 방법 -->
|
||||
|
||||
<!-- 통신서비스 이용증명원 발급 안내 -->
|
||||
<div class="tooltip-wrap">
|
||||
<div class="popup-com servInfo_cont popup001" tabindex="0" data-tooltip-con="popup001" data-focus="popup001" data-focus-prev="popup001-close">
|
||||
<div class="popup_heading">
|
||||
<p>통신서비스 이용증명원 발급안내</p>
|
||||
<button type="button" class="tooltip-close" data-focus="popup001-close">
|
||||
<img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기">
|
||||
</button>
|
||||
</div>
|
||||
<div class="layer_in call_layer">
|
||||
<!-- 발신번호 관리 수정 -->
|
||||
<div class="call_number_pop">
|
||||
<ul class="call_numbber_list">
|
||||
<li>- 과학기술정보통신부 고시에 따라 발신번호 등록 시 <strong>통신서비스 이용증명원</strong>을 통해 전화번호 일치 여부 등을 확인하고 있습니다.</li>
|
||||
<li>- 이동통신사 고객센터 또는 홈페이지 등을 통해 해당 서류를 발급 후 발신번호 신청 시 함께 첨부해주시면 빠른 심사 처리가 가능합니다.</li>
|
||||
<li>- ※ 휴대폰 본인인증으로 대체 가능(단, 본인인증이 불가한 번호의 경우 서류 발급 필수)</li>
|
||||
</ul>
|
||||
<div class="noted_items">
|
||||
<p class="title">참고사항</p>
|
||||
<ul class="call_numbber_list">
|
||||
<li>· 발급 시 명의자의 성명(법인명), 생년월일(사업자번호), 서비스번호(전화번호) 등이 모두 노출되어야 함</li>
|
||||
<li>· 이용증명원 내 발급 시기 및 발급자 정보(발급 담당자의 성명 및 전화번호 등)가 포함되어야 함</li>
|
||||
<li>· 착신전용서비스, 타지역서비스, 디지털착신전용 발신번호 등록 불가</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p class="info_tit">[통신사 고객센터 정보]</p>
|
||||
<ul>
|
||||
<li>
|
||||
<div>
|
||||
<div>
|
||||
<img src="/publish/images/content/call_serv1.png" alt="T 월드">
|
||||
</div>
|
||||
<p>
|
||||
<span class="fwLg">모바일</span>
|
||||
080-011-6000 / <span class="fwLg">유선</span> 080-816-2000
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
<div>
|
||||
<img src="/publish/images/content/call_serv2.png" alt="SK 텔레콤">
|
||||
</div>
|
||||
<p>1599-0999</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
<div>
|
||||
<img src="/publish/images/content/call_serv3.png" alt="SK 브로드밴드">
|
||||
</div>
|
||||
<p>080-8282-106</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
<div>
|
||||
<img src="/publish/images/content/call_serv4.png" alt="hello 모바일">
|
||||
</div>
|
||||
<p>KT망 1855-1144 / SKT망
|
||||
1855-2114</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
<div>
|
||||
<img src="/publish/images/content/call_serv5.png" alt="Kt">
|
||||
</div>
|
||||
<p>
|
||||
<span class="fwLg">모바일</span> 1588-0010 / <span class="fwLg">유선</span>
|
||||
100
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
<div>
|
||||
<img src="/publish/images/content/call_serv6.png" alt="세종텔레콤">
|
||||
</div>
|
||||
<p>080-889-1000</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
<div>
|
||||
<img src="/publish/images/content/call_serv7.png" alt="U+">
|
||||
</div>
|
||||
<p>
|
||||
<span class="fwLg">모바일</span>
|
||||
1588-0010 / <span class="fwLg">유선</span> 100
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
<div>
|
||||
<img src="/publish/images/content/call_serv8.png" alt="Kct">
|
||||
</div>
|
||||
<p>070-8188-0114</p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- // 통신서비스 이용증명원 발급 안내 -->
|
||||
|
||||
<div data-include-path="/publish/layout/_header.html"></div>
|
||||
<!-- 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="location.href='/publish/mypage2.html'">회원정보 변경</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/mypage3.html'">기업회원 전환</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/mypage4.html'">비밀번호 변경</button></li>
|
||||
<li class="tab active"><button type="button" onclick="TabType5(this,'5');">발신번호 관리</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/mypage6.html'">알림설정</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/mypage7.html'">회원탈퇴</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/security_login.html'">보안로그인</button></li>
|
||||
</ul>
|
||||
<!--// tab button -->
|
||||
<!-- 마이페이지 - 발신번호 관리 -->
|
||||
<div class="mypage_content current" id="tab5_4">
|
||||
<div class="heading call_numbe_con">
|
||||
<h2>발신번호 관리</h2>
|
||||
<div class="button_wrap">
|
||||
<button type="button" class="button certificate btn" data-tooltip="popup001">통신서비스 이용증명원 발급안내</button>
|
||||
<button type="button" class="button id_card btn" data-tooltip="popup004">대리인 신분증이란?</button>
|
||||
<button type="button" class="button pro_ex btn" data-tooltip="popup003">위임장 작성 방법</button>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 발신번호 등록 준비서류 안내 -->
|
||||
<div class="papers_guide">
|
||||
<h3>발신번호 등록 준비서류 안내</h3>
|
||||
<div class="guide_content">
|
||||
<ul class="guide_tab">
|
||||
<li class="active"><button type="button" onclick="guideTab(this);">개인</button></li>
|
||||
<li class=""><button type="button" onclick="guideTab(this);">기업</button></li>
|
||||
</ul>
|
||||
<div class="guide_table active">
|
||||
<p class="fwBold c_e40000" style="margin: 0 0 5px 0; font-size: 15px;">※ 모든 문자사이트(공통)는 전기통신사업법 및 관련 법률에 따라 아래 서류를 반드시 제출하셔야만 발신번호를 등록할 수 있습니다.</p>
|
||||
<p class="fwBold c_e40000" style="margin: 0 0 10px 0; font-size: 15px;">※ 등록하시려는 발신번호에 대한 휴대폰 본인인증(or 통신서비스이용증명원 제출)은 필수사항입니다.</p>
|
||||
<table>
|
||||
<caption>개인 회원 발신번호 등록 준비셔류 안내가 있는 표</caption>
|
||||
<colgroup>
|
||||
<col style="width:200px;">
|
||||
<col style="width:240px;">
|
||||
<col style="width:auto;">
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>명의자</th>
|
||||
<th>번호형태</th>
|
||||
<th>인증방법 및 제출 서류</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td rowspan="2" class="title">본인</td>
|
||||
<td>휴대전화</td>
|
||||
<td>휴대폰 본인인증</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>일반전화</td>
|
||||
<td>통신서비스이용증명원</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td rowspan="2" class="title">타인</td>
|
||||
<td>휴대전화</td>
|
||||
<td>휴대폰 본인인증(or 통신서비스이용증명원), 위임장, 대리인 신분증 사본</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>일반전화</td>
|
||||
<td>통신서비스이용증명원, 위임장, 대리인 신분증 사본</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="title">회사</td>
|
||||
<td>모든전화</td>
|
||||
<td>통신서비스이용증명원, 사업자등록증, 재직증명서류</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<p class="noti">* 신분증사본 제출 시 주민번호 뒷자리 마스킹</p>
|
||||
</div>
|
||||
<div class="guide_table">
|
||||
<p class="fwBold c_e40000" style="margin: 0 0 5px 0; font-size: 15px;">※ 모든 문자사이트(공통)는 전기통신사업법 및 관련 법률에 따라 아래 서류를 반드시 제출하셔야만 발신번호를 등록할 수 있습니다.</p>
|
||||
<p class="fwBold c_e40000" style="margin: 0 0 10px 0; font-size: 15px;">※ 등록하시려는 발신번호에 대한 휴대폰 본인인증(or 통신서비스이용증명원 제출)은 필수사항입니다.</p>
|
||||
<table>
|
||||
<caption>기업 회원 발신번호 등록 준비셔류 안내가 있는 표</caption>
|
||||
<colgroup>
|
||||
<col style="width:200px;">
|
||||
<col style="width:240px;">
|
||||
<col style="width:auto;">
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>명의자</th>
|
||||
<th>번호형태</th>
|
||||
<th>인증방법 및 제출 서류</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="title">당사</td>
|
||||
<td>모든전화</td>
|
||||
<td>통신서비스이용증명원</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td rowspan="2" class="title">대표</td>
|
||||
<td>휴대전화</td>
|
||||
<td>휴대폰 본인인증</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>일반전화</td>
|
||||
<td>통신서비스이용증명원</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="title">직원</td>
|
||||
<td>모든전화</td>
|
||||
<td>휴대폰 본인인증(or 통신서비스이용증명원), 재직증명서류</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="title">타사</td>
|
||||
<td>모든전화</td>
|
||||
<td>거래관계확인서(계약서 등), 발신번호 사업자등록증, 재직증명서류(직원번호인 경우)<br>대리인 신분증 사본, 위임장, 통신서비스이용증명원</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<p class="noti">* 신분증사본 제출 시 주민번호 뒷자리 마스킹<span></span>* 재직증명서 대체 가능 문서 <strong>국민연금가입증명서</strong> 또는 <strong>건강보험득실확인서</strong></p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<table class="tType1">
|
||||
<caption>발신번호 등록 및 인증수단이 있는 표</caption>
|
||||
<colgroup>
|
||||
<col style="width:200px;">
|
||||
<col style="width:auto;">
|
||||
</colgroup>
|
||||
<tbody>
|
||||
<tr style="visibility: visible;">
|
||||
<th scope="row">명의자 확인</th>
|
||||
<td>
|
||||
<div class="name_check">
|
||||
<input type="radio" name="holderChk" id="holderChk1" value="1" onchange="nameChk('1');" checked=""><label for="holderChk1">당사</label>
|
||||
<input type="radio" name="holderChk" id="holderChk2" value="2" onchange="nameChk('2');"><label for="holderChk2">대표</label>
|
||||
<input type="radio" name="holderChk" id="holderChk3" value="3" onchange="nameChk('3');"><label for="holderChk3">직원</label>
|
||||
<input type="radio" name="holderChk" id="holderChk4" value="4" onchange="nameChk('4');"><label for="holderChk4">타사</label>
|
||||
</div>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<th scope="row">발신번호</th>
|
||||
<td>
|
||||
<div class="calling">
|
||||
<input type="text" name="inputPhoneNum" id="inputPhoneNum" value="" numberonly="" placeholder="숫자만 입력해주세요" onfocus="this.placeholder=''" onblur="this.placeholder='숫자만 입력해주세요'">
|
||||
<button type="button" class="btnType" onclick="selectSendNumberAjax('01'); return false;">확인</button>
|
||||
<span class="summary">* 문자 전송 시 사용할 발신번호 입력</span>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<!-- <tr id="selfCert" style="visibility: visible;">
|
||||
<th scope="row">본인명의 확인</th>
|
||||
<td>
|
||||
<div class="name_check">
|
||||
<input type="radio" name="nameChk" id="nameChk1" value="5" onchange="nameChk('5');"><label for="nameChk1">본인명의</label>
|
||||
<input type="radio" name="nameChk" id="nameChk2" value="6" onchange="nameChk('6');"><label for="nameChk2">타인명의</label>
|
||||
</div>
|
||||
</td>
|
||||
</tr> -->
|
||||
|
||||
<tr id="phone">
|
||||
<th scope="row">휴대폰번호</th>
|
||||
<td>
|
||||
<div class="calling">
|
||||
<input type="text" name="inputSendNum" id="inputSendNum" value="" numberonly="" placeholder="숫자만 입력해주세요" onfocus="this.placeholder=''" onblur="this.placeholder='숫자만 입력해주세요'" readonly="">
|
||||
<button type="button" class="btnType" onclick="kmcCertCheck(); return false;">인증</button>
|
||||
<span id="summary_phone" class="summary" style="visibility: collapse;">* 휴대폰 본인인증 또는 통신서비스이용증명원 첨부</span>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="upload" style="visibility: visible;">
|
||||
<th scope="row">서류인증</th>
|
||||
<td>
|
||||
<ul class="file_content">
|
||||
<li><span>!</span>최근 1개월 이내 발급된 서류만 제출 가능합니다.(제출날짜 기준)</li>
|
||||
<li>
|
||||
<div class="file_box">
|
||||
<input type="file" name="file_temp" id="file_temp" accept=".pdf, .png, .jpg, jpeg">
|
||||
<label for="file_temp">파일첨부</label>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="upload_area">
|
||||
<div class="no_img_box file_upload_box tb_wrap" style="">
|
||||
<table class="tType4">
|
||||
<colgroup>
|
||||
<col style="width:auto;">
|
||||
<col style="width:135px;">
|
||||
<col style="width:180px;">
|
||||
<col style="width:65px;">
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>파일명</th>
|
||||
<th>파일크기</th>
|
||||
<th>등록일시</th>
|
||||
<th>삭제</th>
|
||||
</tr>
|
||||
</thead>
|
||||
</table>
|
||||
</div>
|
||||
<div class="file_list_div fileAfter tb_wrap" style="display: none;">
|
||||
<table class="tType4">
|
||||
<colgroup>
|
||||
<col style="width:auto;">
|
||||
<col style="width:135px;">
|
||||
<col style="width:180px;">
|
||||
<col style="width:45px;">
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>파일명</th>
|
||||
<th>파일크기</th>
|
||||
<th>등록일시</th>
|
||||
<th>삭제</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="tbody_fiielist"></tbody>
|
||||
</table>
|
||||
<div class="file_info">총 <strong class="totalfileCount">0</strong>개<span></span><strong class="totalfileSize">0.00 KB</strong></div>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<div class="btnWrap center_btn_wrap">
|
||||
<button type="button" class="btnType btnType16" onclick="insertDocumentSendNumberAjax(); return false;">신청하기</button>
|
||||
<button type="button" class="btnType btnType17" onclick="sendNumberListAjax(1); return false;">목록</button>
|
||||
</div>
|
||||
<!-- //발신번호 등록 준비서류 안내 -->
|
||||
</div>
|
||||
<!--// 마이페이지 - 발신번호 관리 -->
|
||||
</div>
|
||||
<!--// send top -->
|
||||
</div>
|
||||
</div>
|
||||
<!--// content 영역 -->
|
||||
<!-- footer 영역 -->
|
||||
<!-- footer -->
|
||||
<div data-include-path="/publish/layout/_footer.html"></div>
|
||||
<!--// footer 영역 -->
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -21,156 +21,13 @@
|
||||
<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/popupLayer.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 영역 -->
|
||||
<div data-include-path="/publish/layout/_header.html"></div>
|
||||
<!-- login 영역 -->
|
||||
<!-- content 영역 -->
|
||||
<div id="container" class="cont sub">
|
||||
@ -179,162 +36,67 @@
|
||||
<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"><button type="button" onclick="TabType5(this,'4');">발신번호 관리</button></li>
|
||||
<li class="tab active"><button type="button" onclick="TabType5(this,'5');">알림설정</button></li>
|
||||
<li class="tab"><button type="button" onclick="TabType5(this,'6');">회원탈퇴</button></li>
|
||||
</ul><!--// tab button -->
|
||||
<!-- 마이페이지 - 알림설정 -->
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/mypage2.html'">회원정보 변경</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/mypage3.html'">기업회원 전환</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/mypage4.html'">비밀번호 변경</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/mypage5.html'">발신번호 관리</button></li>
|
||||
<li class="tab active"><button type="button" onclick="TabType5(this,'6');">알림설정</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/mypage7.html'">회원탈퇴</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/security_login.html'">보안로그인</button></li>
|
||||
</ul>
|
||||
<!--// tab button -->
|
||||
<!-- 마이페이지 - 알림설정 -->
|
||||
<div class="mypage_content current" id="tab5_5">
|
||||
<div class="heading">
|
||||
<h2>알림설정</h2>
|
||||
</div>
|
||||
<!-- 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 class="alarm_cont current" id="tab1_1">
|
||||
<div class="mem_cont_in widthXL">
|
||||
<div class="titBox">
|
||||
<p>- 문자발송 결과를 이메일 또는 문자메세지로 받고 싶은 경우 수신여부를 선택할 수 있습니다.</p>
|
||||
</div>
|
||||
<p class="alarm_title">발송결과 알림</p>
|
||||
<table class="tType1">
|
||||
<caption>발송결과 대한 표</caption>
|
||||
<colgroup>
|
||||
<col style="width: 160px;">
|
||||
<col style="width: auto;">
|
||||
</colgroup>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th scope="row">이메일(무료)</th>
|
||||
<td>
|
||||
<input type="checkbox" id="">
|
||||
<label for="" class="alarm">선택</label>
|
||||
<div class="emailWrap2">
|
||||
<label for="" class="label">이메일 앞자리</label>
|
||||
<input type="text">
|
||||
<span>@</span>
|
||||
<label for="" class="label">이메일 뒷자리</label>
|
||||
<input type="text">
|
||||
<div class="list_alert reqest_text">
|
||||
<span>문자전송이 완료되면 이메일로 알려드립니다.</span>
|
||||
</div>
|
||||
</div>
|
||||
<label for="" class="이메일 선택"></label>
|
||||
<select class="list_selType1">
|
||||
<option value="">직접입력</option>
|
||||
<option value="">직접입력</option>
|
||||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">문자메시지(유료)</th>
|
||||
<td>
|
||||
<input type="checkbox" id="">
|
||||
<label for="" class="alarm">선택</label>
|
||||
<div class="numWrap">
|
||||
<label for="" class="label">핸드폰번호 입력</label>
|
||||
<input type="text">
|
||||
<span>-</span>
|
||||
<label for="" class="label">핸드폰번호 입력</label>
|
||||
<input type="text">
|
||||
<span>-</span>
|
||||
<label for="" class="label">핸드폰번호 입력</label>
|
||||
<input type="text">
|
||||
<div class="list_alert reqest_text">
|
||||
<span>문자전송이 완료되면 이메일로 알려드립니다.</span>
|
||||
</div>
|
||||
</div>
|
||||
<label for="" class="이메일 선택"></label>
|
||||
<span class="reqTxt6"><span>*</span> 유료, 건당 20원</span>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<div style="text-align: center;">
|
||||
<button type="button" class="btnType btnType16">신청하기</button>
|
||||
</div>
|
||||
<div class="mem_cont_in widthXL alarm_cont current">
|
||||
<div class="titBox">
|
||||
<p>- 문자온에서 발송하는 뉴스레터 및 각종 안내문자의 수신여부를 설정할 수 있습니다.</p>
|
||||
</div>
|
||||
</div><!--// 수신알림 -->
|
||||
<!-- 공지알림 -->
|
||||
<div class="alarm_cont" id="tab1_2">
|
||||
<div class="mem_cont_in widthXL">
|
||||
<div class="titBox">
|
||||
<p>- 문자온에서 발송하는 공지사항, 이벤트 등 안내문자의 수신여부를 설정할 수 있습니다.</p>
|
||||
</div>
|
||||
<p class="alarm_title">공지수신</p>
|
||||
<table class="tType1">
|
||||
<caption>공지사항 알림 대한 표</caption>
|
||||
<colgroup>
|
||||
<col style="width: 160px;">
|
||||
<col style="width: auto;">
|
||||
</colgroup>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th scope="row">뉴스레터</th>
|
||||
<td>
|
||||
<input type="checkbox" id="">
|
||||
<label for="" class="alarm">선택</label>
|
||||
<span class="text_req">- 월 1회 발송되는 문자온의 뉴스레터를 이메일로 받아 보실 수 있습니다.</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">안내문자</th>
|
||||
<td>
|
||||
<input type="checkbox" id="">
|
||||
<label for="" class="alarm">선택</label>
|
||||
<span class="text_req">- 문자온에서 제공하는 유익한 정보, 각종 이벤트 등이 있을 시 문자메시지로 받아 보실 수 있습니다.</span>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<div style="text-align: center;">
|
||||
<button type="button" class="btnType btnType16">신청하기</button>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--// 공지알림 -->
|
||||
</div><!--// 마이페이지 - 알림설정 -->
|
||||
|
||||
</div><!--// send top -->
|
||||
</div>
|
||||
</div><!--// content 영역 -->
|
||||
<!-- footer 영역 -->
|
||||
<!-- 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>
|
||||
<p class="alarm_title">공지수신</p>
|
||||
<table class="tType1">
|
||||
<caption>공지알림에 대한 표</caption>
|
||||
<colgroup>
|
||||
<col style="width: 160px;">
|
||||
<col style="width: auto;">
|
||||
</colgroup>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th scope="row">뉴스레터</th>
|
||||
<td>
|
||||
<input type="checkbox" id="newsChoice" name="newsChoice">
|
||||
<label for="" class="alarm">선택</label>
|
||||
<span class="text_req">- 월 1회 발송되는 문자온의 뉴스레터를 이메일로 받아 보실 수 있습니다.</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">안내문자</th>
|
||||
<td>
|
||||
<input type="checkbox" id="msgChoice" name="msgChoice">
|
||||
<label for="" class="alarm">선택</label>
|
||||
<span class="text_req">- 문자온에서 제공하는 유익한 정보, 각종 이벤트 등이 있을 시 문자메시지로 받아 보실 수 있습니다.</span>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<div style="text-align: center;">
|
||||
<button type="button" class="btnType btnType16" onclick="updateInfo('tab2')">신청하기</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--// 마이페이지 - 알림설정 -->
|
||||
|
||||
</div>
|
||||
<!--// send top -->
|
||||
</div>
|
||||
</footer><!--// footer 영역 -->
|
||||
</body></html>
|
||||
</div>
|
||||
<!--// content 영역 -->
|
||||
<!-- footer 영역 -->
|
||||
<!-- footer -->
|
||||
<div data-include-path="/publish/layout/_footer.html"></div>
|
||||
<!--// footer 영역 -->
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -27,151 +27,7 @@
|
||||
</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 영역 -->
|
||||
<div data-include-path="/publish/layout/_header.html"></div>
|
||||
<!-- login 영역 -->
|
||||
<!-- content 영역 -->
|
||||
<div id="container" class="cont sub">
|
||||
@ -180,23 +36,24 @@
|
||||
<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"><button type="button" onclick="TabType5(this,'4');">발신번호 관리</button></li>
|
||||
<li class="tab"><button type="button" onclick="TabType5(this,'5');">알림설정</button></li>
|
||||
<li class="tab active"><button type="button" onclick="TabType5(this,'6');">회원탈퇴</button></li>
|
||||
|
||||
</ul><!--// tab button -->
|
||||
<!-- 마이페이지 - 회원해지 -->
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/mypage2.html'">회원정보 변경</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/mypage3.html'">기업회원 전환</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/mypage4.html'">비밀번호 변경</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/mypage5.html'">발신번호 관리</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/mypage6.html'">알림설정</button></li>
|
||||
<li class="tab active"><button type="button" onclick="TabType5(this,'7');">회원탈퇴</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/security_login.html'">보안로그인</button></li>
|
||||
</ul>
|
||||
<!--// tab button -->
|
||||
<!-- 마이페이지 - 회원탈퇴 -->
|
||||
<div class="mypage_content current" id="tab5_4">
|
||||
<div class="heading">
|
||||
<h2>회원해지</h2>
|
||||
<h2>회원탈퇴</h2>
|
||||
</div>
|
||||
<div class="mem_cont_in widthL">
|
||||
<p class="list_title2">본인 확인 후 <span class="c_002c9a fwMd">회원탈퇴 신청이 가능</span>합니다.</p>
|
||||
<div class="self_identfy_wrap">
|
||||
<div class="self_identfy1">
|
||||
<!-- <div class="self_identfy1">
|
||||
<div class="table_cell">
|
||||
<p>등록한 휴대폰 번호로 SMS 인증</p>
|
||||
<span>회원정보에 등록한 휴대폰 번호로 SMS 인증</span>
|
||||
@ -213,12 +70,12 @@
|
||||
<button type="button" class="indenfy_btn">확인</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
<div class="self_identfy2">
|
||||
<div class="table_cell">
|
||||
<p>본인 명의 휴대폰 번호로 본인인증</p>
|
||||
<span>등록한 휴대폰으로 SMS 인증이 어려운 경우,<br>본인 명의로 휴대폰으로도 인증 받을 수 있습니다.</span>
|
||||
<button type="button" class="indenfy_btn">확인</button>
|
||||
<span>등록한 휴대폰으로 SMS 인증이 어려우시면,<br>본인 명의로 가입된 휴대폰 번호로 받으실 수 있습니다.</span>
|
||||
<button type="button" class="indenfy_btn" onclick="openKMCISWindow()">확인</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -229,37 +86,7 @@
|
||||
</div>
|
||||
</div><!--// content 영역 -->
|
||||
<!-- footer 영역 -->
|
||||
<!-- 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 영역 -->
|
||||
<!-- footer -->
|
||||
<div data-include-path="/publish/layout/_footer.html"></div>
|
||||
<!--// footer 영역 -->
|
||||
</body></html>
|
||||
|
||||
@ -22,156 +22,13 @@
|
||||
<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>
|
||||
<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 영역 -->
|
||||
<div data-include-path="/publish/layout/_header.html"></div>
|
||||
<!-- login 영역 -->
|
||||
<!-- content 영역 -->
|
||||
<div id="container" class="cont sub">
|
||||
@ -180,29 +37,31 @@
|
||||
<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"><button type="button" onclick="TabType5(this,'4');">발신번호 관리</button></li>
|
||||
<li class="tab"><button type="button" onclick="TabType5(this,'5');">알림설정</button></li>
|
||||
<li class="tab active"><button type="button" onclick="TabType5(this,'6');">회원탈퇴</button></li>
|
||||
|
||||
</ul><!--// tab button -->
|
||||
<!-- 마이페이지 - 회원탈퇴 -->
|
||||
<div class="mypage_content current" id="tab6_1">
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/mypage2.html'">회원정보 변경</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/mypage3.html'">기업회원 전환</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/mypage4.html'">비밀번호 변경</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/mypage5.html'">발신번호 관리</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/mypage6.html'">알림설정</button></li>
|
||||
<li class="tab active"><button type="button" onclick="TabType5(this,'7');">회원탈퇴</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/security_login.html'">보안로그인</button></li>
|
||||
</ul>
|
||||
<!--// tab button -->
|
||||
<!-- 마이페이지 - 회원탈퇴 -->
|
||||
<div class="mypage_content current" id="tab5_4">
|
||||
<div class="heading">
|
||||
<h2>회원탈퇴</h2>
|
||||
</div>
|
||||
<div class="mem_cont_in widthM">
|
||||
<p class="welcome">회원탈퇴를 신청하기 전 다음 <span class="c_002c9a fwMd">안내사항</span>을 확인해주세요.</p>
|
||||
<p class="welcome">
|
||||
회원탈퇴를 신청하기 전 다음 <span class="c_002c9a fwMd">안내사항</span>을 확인해주세요.
|
||||
</p>
|
||||
<div class="memWithdrawal_cont">
|
||||
<div>
|
||||
<p>필독사항</p>
|
||||
<button type="button" class="btnType">환불신청하기</button>
|
||||
<button type="button" class="btnType" onclick="gotoRefund()">환불신청하기</button>
|
||||
<div class="checkbox_wrap">
|
||||
<input type="checkbox" id="agree1" title="회원탈퇴 필독사항 동의" class="joinCheckbox type3">
|
||||
<label for="agree1"></label>
|
||||
<span>확인</span>
|
||||
<input type="checkbox" id="readCk01" title="회원탈퇴 필독사항 동의" class="joinCheckbox type3" value="01">
|
||||
<label for="readCk01">확인</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="memWithdrawal_cont_in">
|
||||
@ -213,9 +72,8 @@
|
||||
<div>
|
||||
<p>아이디는 재사용 및 복구 불가 안내</p>
|
||||
<div class="checkbox_wrap">
|
||||
<input type="checkbox" id="agree2" title="회원탈퇴 >아이디는 재사용 및 복구 불가 안내 동의" class="joinCheckbox type3">
|
||||
<label for="agree2"></label>
|
||||
<span>확인</span>
|
||||
<input type="checkbox" id="readCk02" title="회원탈퇴 >아이디는 재사용 및 복구 불가 안내 동의" class="joinCheckbox type3" value="02">
|
||||
<label for="readCk02">확인</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="memWithdrawal_cont_in">
|
||||
@ -224,9 +82,8 @@
|
||||
<div>
|
||||
<p>등록정보 및 서비스 이용기록 삭제 안내</p>
|
||||
<div class="checkbox_wrap">
|
||||
<input type="checkbox" id="agree3" title="회원탈퇴 등록정보 및 서비스 이용기록 삭제 안내 동의" class="joinCheckbox type3">
|
||||
<label for="agree3"></label>
|
||||
<span>확인</span>
|
||||
<input type="checkbox" id="readCk03" title="회원탈퇴 등록정보 및 서비스 이용기록 삭제 안내 동의" class="joinCheckbox type3" value="03">
|
||||
<label for="readCk03">확인</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="memWithdrawal_cont_in">
|
||||
@ -237,81 +94,59 @@
|
||||
<p>해지사유</p>
|
||||
<div class="reason_checkbox">
|
||||
<div>
|
||||
<input id="radio1" type="radio" name="reasonWithdrawal" checked="checked">
|
||||
<input id="radio1" type="radio" value="01" name="delCK">
|
||||
<label for="radio1">기업회원으로 다시 가입하기 위해</label>
|
||||
<button type="button" class="btnType">기업회원전환</button>
|
||||
</div>
|
||||
<div>
|
||||
<input id="radio2" type="radio" name="reasonWithdrawal">
|
||||
<label for="radio2">문자 단가 높음 </label>
|
||||
</div>
|
||||
<div>
|
||||
<input id="radio3" type="radio" name="reasonWithdrawal">
|
||||
<input id="radio3" type="radio" value="02" checked="checked" name="delCK">
|
||||
<label for="radio3">사용할 일이 없어서</label>
|
||||
</div>
|
||||
<div>
|
||||
<input id="radio4" type="radio" name="reasonWithdrawal">
|
||||
<label for="radio4">사이트 이용 불만</label>
|
||||
<input id="radio2" type="radio" value="03" name="delCK">
|
||||
<label for="radio2">문자 단가 높음 </label>
|
||||
</div>
|
||||
<div>
|
||||
<input id="radio5" type="radio" name="reasonWithdrawal">
|
||||
<input id="radio5" type="radio" value="05" name="delCK">
|
||||
<label for="radio5">개인정보 유출 우려</label>
|
||||
</div>
|
||||
<div>
|
||||
<input id="radio6" type="radio" name="reasonWithdrawal">
|
||||
<input id="radio6" type="radio" value="06" name="delCK">
|
||||
<label for="radio6">다른 사이트이용</label>
|
||||
<input type="text" class="inputLight" placeholder="불편하신 점을 입력해주세요." onfocus="this.placeholder=''" onblur="this.placeholder='불편하신 점을 입력해주세요.'" id="delCkVal6">
|
||||
<label for="delCkVal6" class="label">불편하신 점을 입력해주세요.</label>
|
||||
</div>
|
||||
<div>
|
||||
<input id="radio7" type="radio" name="reasonWithdrawal">
|
||||
<input id="radio4" type="radio" value="04" name="delCK">
|
||||
<label for="radio4">사이트 이용 불만</label>
|
||||
<input type="text" class="inputLight" placeholder="불편하신 점을 입력해주세요." onfocus="this.placeholder=''" onblur="this.placeholder='불편하신 점을 입력해주세요.'" id="delCkVal4">
|
||||
<label for="delCkVal4" class="label">불편하신 점을 입력해주세요.</label>
|
||||
</div>
|
||||
<div>
|
||||
<input id="radio7" type="radio" value="07" name="delCK">
|
||||
<label for="radio7">해지사유 직접 입력</label>
|
||||
<input type="text" class="inputLight" placeholder="해지사유를 입력해주세요." onfocus="this.placeholder=''" onblur="this.placeholder='해지사유를 입력해주세요.'">
|
||||
<label for="" class="label">해지사유 입력</label>
|
||||
<button type="button" class="btnType">저장</button>
|
||||
<input type="text" class="inputLight" placeholder="해지사유를 입력해주세요." onfocus="this.placeholder=''" onblur="this.placeholder='해지사유를 입력해주세요.'" id="delCkVal7">
|
||||
<label for="delCkVal7" class="label">해지사유 입력</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mem_btnWrap2">
|
||||
<button type="button" class="mem_btn3">탈퇴신청</button>
|
||||
<button type="button" class="mem_btn2">취소</button>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--// 마이페이지 - 비밀번호 변경 -->
|
||||
|
||||
</div><!--// send top -->
|
||||
</div>
|
||||
</div><!--// content 영역 -->
|
||||
<!-- footer 영역 -->
|
||||
<!-- 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>
|
||||
<button type="button" class="mem_btn3" onclick="deleteInfo()">탈퇴신청</button>
|
||||
<button type="button" class="mem_btn2" onclick="location.href = '/';">취소</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--// 마이페이지 - 회원해지 -->
|
||||
|
||||
</div>
|
||||
<!--// send top -->
|
||||
</div>
|
||||
</footer><!--// footer 영역 -->
|
||||
</body></html>
|
||||
</div>
|
||||
<!--// content 영역 -->
|
||||
<!-- footer 영역 -->
|
||||
<!-- footer -->
|
||||
<div data-include-path="/publish/layout/_footer.html"></div>
|
||||
<!--// footer 영역 -->
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -22,156 +22,13 @@
|
||||
<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>
|
||||
<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 영역 -->
|
||||
<div data-include-path="/publish/layout/_header.html"></div>
|
||||
<!-- login 영역 -->
|
||||
<!-- content 영역 -->
|
||||
<div id="container" class="cont sub">
|
||||
@ -182,8 +39,9 @@
|
||||
<ul class="tabType1">
|
||||
<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>
|
||||
</ul><!--// tab button -->
|
||||
<!-- 아이디찾기 -->
|
||||
</ul>
|
||||
<!--// tab button -->
|
||||
<!-- 아이디찾기 -->
|
||||
<div class="mypage_content current" id="tab5_1">
|
||||
<!-- 비밀번호 확인 -->
|
||||
<div class="heading">
|
||||
@ -197,46 +55,26 @@
|
||||
<div class="input_list_item">
|
||||
<div class="input_left">인증구분</div>
|
||||
<div class="input_right">
|
||||
<input type="radio" id="" name="find_id" checked>
|
||||
<label for="">휴대폰번호로 찾기</label>
|
||||
<input type="radio" id="" name="find_id">
|
||||
<label for="">이메일로 찾기</label>
|
||||
<input type="radio" id="" name="find_id">
|
||||
<label for="">본인인증으로 찾기</label>
|
||||
<input type="radio" id="findId_Phone" name="find_id" value="findId_Phone" checked="checked" onchange="selectType('phone');">
|
||||
<label for="findId_Phone">휴대폰번호로 찾기</label>
|
||||
<input type="radio" id="findId_Email" name="find_id" value="findId_Email" onchange="selectType('email');">
|
||||
<label for="findId_Email">이메일로 찾기</label>
|
||||
<input type="radio" id="findId_Check" name="find_id" value="findId_Check" onchange="selectType('check');">
|
||||
<label for="findId_Check">본인인증으로 찾기</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="input_list_item">
|
||||
<div class="input_left">이름</div>
|
||||
<div class="input_right">
|
||||
<label for="" class="label">아이디 입력</label>
|
||||
<input type="text" class="list_inputType1 colorLight" placeholder="이름을 입력하세요" onfocus="this.placeholder=''" onblur="this.placeholder='이름을 입력하세요'">
|
||||
<label for="findId_userNm" class="label">이름 입력</label>
|
||||
<input type="text" name="findId_userNm" id="findId_userNm" class="list_inputType1 colorLight" placeholder="이름을 입력하세요" onfocus="this.placeholder=''" onblur="this.placeholder='이름을 입력하세요'">
|
||||
</div>
|
||||
</div>
|
||||
<div class="input_list_item">
|
||||
<div class="input_list_item phoneWrap">
|
||||
<div class="input_left">휴대폰번호</div>
|
||||
<div class="input_right">
|
||||
<label for="" class="label">휴대폰번호 입력</label>
|
||||
<input type="text" class="list_inputType1 colorLight" placeholder="‘-’ 없이 숫자만 입력" onfocus="this.placeholder=''" onblur="this.placeholder='‘-’ 없이 숫자만 입력'">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 아이디 찾기 - 이메일로 찾기 -->
|
||||
<div class="input_list_item">
|
||||
<div class="input_left">인증구분</div>
|
||||
<div class="input_right">
|
||||
<input type="radio" id="" name="find_id2">
|
||||
<label for="">휴대폰번호로 찾기</label>
|
||||
<input type="radio" id="" name="find_id2" checked>
|
||||
<label for="">이메일로 찾기</label>
|
||||
<input type="radio" id="" name="find_id2">
|
||||
<label for="">본인인증으로 찾기</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="input_list_item">
|
||||
<div class="input_left">이름</div>
|
||||
<div class="input_right">
|
||||
<label for="" class="label">이름 입력</label>
|
||||
<input type="text" class="list_inputType1 colorLight" placeholder="이름을 입력하세요" onfocus="this.placeholder=''" onblur="this.placeholder='이름을 입력하세요'">
|
||||
<label for="findId_userPhone" class="label">휴대폰번호 입력</label>
|
||||
<input type="text" name="findId_userPhone" id="findId_userPhone" class="list_inputType1 colorLight" oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');" placeholder="‘-’ 없이 숫자만 입력" onfocus="this.placeholder=''" onblur="this.placeholder='‘-’ 없이 숫자만 입력'">
|
||||
</div>
|
||||
</div>
|
||||
<div class="input_list_item emailWrap">
|
||||
@ -244,80 +82,36 @@
|
||||
<div class="input_left">이메일</div>
|
||||
<div class="input_right">
|
||||
<div class="email">
|
||||
<label for="" class="label">이메일 주소 앞자리</label>
|
||||
<input type="text" class="list_inputType1">
|
||||
<label for="findId_userEmail1" class="label">이메일 주소 앞자리</label>
|
||||
<input type="text" name="findId_userEmail1" id="findId_userEmail1" class="list_inputType1">
|
||||
<span>@</span>
|
||||
<label for="" class="label">이메일 주소 뒷자리</label>
|
||||
<input type="text" class="list_inputType1">
|
||||
<label for="findId_userEmail2" class="label">이메일 주소 뒷자리</label>
|
||||
<input type="text" name="findId_userEmail2" id="findId_userEmail2" class="list_inputType1">
|
||||
</div>
|
||||
<div class="email_select">
|
||||
<label for="" class="label">이메일 선택</label>
|
||||
<select class="list_selType1">
|
||||
<select class="list_selType1" onchange="emailSelect(this.value);">
|
||||
<option>직접입력</option>
|
||||
<option>네이버</option>
|
||||
<option>네이트</option>
|
||||
<option>한메일(다음)</option>
|
||||
<option>지메일</option>
|
||||
<option value="naver.com">네이버</option>
|
||||
<option value="nate.com">네이트</option>
|
||||
<option value="daum.net">한메일(다음)</option>
|
||||
<option value="gmail.com">구글(지메일)</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="input_list_item">
|
||||
<div class="input_left">인증번호 입력</div>
|
||||
<div class="input_right">
|
||||
<label for="" class="label">인증번호 입력</label>
|
||||
<input type="text" class="list_inputType1 colorLight" placeholder="‘-’ 인증번호를 입력하세요" onfocus="this.placeholder=''" onblur="this.placeholder='인증번호를 입력하세요'">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 아이디 찾기 - 본인인증으로 찾기 -->
|
||||
<div class="input_list_item">
|
||||
<div class="input_left">인증구분</div>
|
||||
<div class="input_right">
|
||||
<input type="radio" id="" name="find_id3">
|
||||
<label for="">휴대폰번호로 찾기</label>
|
||||
<input type="radio" id="" name="find_id3">
|
||||
<label for="">이메일로 찾기</label>
|
||||
<input type="radio" id="" name="find_id3" checked>
|
||||
<label for="">본인인증으로 찾기</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="input_list_item">
|
||||
<div class="input_left">이름</div>
|
||||
<div class="input_right">
|
||||
<label for="" class="label">이름 입력</label>
|
||||
<input type="text" class="list_inputType1 colorLight" placeholder="이름을 입력하세요" onfocus="this.placeholder=''" onblur="this.placeholder='이름을 입력하세요'">
|
||||
</div>
|
||||
</div>
|
||||
<div class="input_list_item">
|
||||
<div class="input_left">휴대폰번호</div>
|
||||
<div class="input_right">
|
||||
<label for="" class="label">휴대폰번호 입력</label>
|
||||
<input type="text" class="list_inputType1 colorLight" placeholder="‘-’ 없이 숫자만 입력" onfocus="this.placeholder=''" onblur="this.placeholder='‘-’ 없이 숫자만 입력'">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mem_btnWrap2">
|
||||
<button type="button" class="mem_btn2">취소</button>
|
||||
<button type="button" class="mem_btn1">확인</button>
|
||||
<button type="button" class="mem_btn2" onclick="javascript:history.back();">취소</button>
|
||||
<button type="button" class="mem_btn1" onclick="location.href='/publish/mypage9_id.html'">확인</button>
|
||||
</div>
|
||||
</div><!--// 이이디찾기 폼 -->
|
||||
|
||||
<!-- 이이디찾기 완료 -->
|
||||
<div class="input_list">
|
||||
<p class="list_title3 ver2">회원님의 정보와 일치하는 아이디입니다.</p>
|
||||
<div class="id_show">
|
||||
<p><span>hong1***</span>입니다.</p>
|
||||
<span>가입일자 : 2021-04-09</span>
|
||||
</div>
|
||||
<div class="mem_btnWrap2">
|
||||
<button type="button" class="mem_btn2">확인</button>
|
||||
<button type="button" class="mem_btn1">로그인</button>
|
||||
</div>
|
||||
</div><!--// 이이디찾기 완료 -->
|
||||
</div>
|
||||
<!--// 이이디찾기 폼 -->
|
||||
</div>
|
||||
</div><!--// 아이디찾기 -->
|
||||
</div>
|
||||
<!--// 아이디찾기 -->
|
||||
|
||||
<!-- 비밀번호 변경 -->
|
||||
<div class="mypage_content" id="tab5_2">
|
||||
@ -326,233 +120,107 @@
|
||||
<h2>비밀번호 재설정 </h2>
|
||||
</div>
|
||||
<div class="mem_cont_in widthM">
|
||||
<div class="input_list pw_set" >
|
||||
<!-- 이이디찾기 폼 -->
|
||||
<div class="input_list pw_set">
|
||||
<p class="list_title3">아래 정보를 정확하게 입력해주세요<br>기업회원인 경우 가입한 담당자 정보를 입력해주세요</p>
|
||||
<!-- 비밀번호 찾기 - 휴대폰번호로 찾기 -->
|
||||
<div class="input_list_item">
|
||||
<div class="input_left">인증구분</div>
|
||||
<div class="input_right">
|
||||
<input type="radio" id="" name="find_id" checked>
|
||||
<label for="">휴대폰번호로 찾기</label>
|
||||
<input type="radio" id="" name="find_id">
|
||||
<label for="">이메일로 찾기</label>
|
||||
<input type="radio" id="" name="find_id">
|
||||
<label for="">본인인증으로 찾기</label>
|
||||
<input type="radio" id="findPw_Phone" name="find_pw" value="findPw_Phone" checked="checked" onchange="selectType('phone');">
|
||||
<label for="findPw_Phone">휴대폰번호로 찾기</label>
|
||||
<input type="radio" id="findPw_Email" name="find_pw" value="findPw_Email" onchange="selectType('email');">
|
||||
<label for="findPw_Email">이메일로 찾기</label>
|
||||
<input type="radio" id="findPw_Check" name="find_pw" value="findPw_Check" onchange="selectType('pwcheck');">
|
||||
<label for="findPw_Check">본인인증으로 찾기</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="input_list_item">
|
||||
<div class="input_left">아이디</div>
|
||||
<div class="input_right">
|
||||
<label for="" class="label">아이디 입력</label>
|
||||
<input type="text" class="list_inputType1 colorLight" placeholder="아이디를 입력하세요" onfocus="this.placeholder=''" onblur="this.placeholder='아이디를 입력하세요'">
|
||||
<label for="findPw_userId" class="label">아이디 입력</label>
|
||||
<input type="text" name="findPw_userId" id="findPw_userId" class="list_inputType1 colorLight" placeholder="아이디를 입력하세요" onfocus="this.placeholder=''" onblur="this.placeholder='아이디를 입력하세요'">
|
||||
</div>
|
||||
</div>
|
||||
<div class="input_list_item">
|
||||
<div class="input_left">이름</div>
|
||||
<div class="input_right">
|
||||
<label for="" class="label">이름 입력</label>
|
||||
<input type="text" class="list_inputType1 colorLight" placeholder="이름을 입력하세요" onfocus="this.placeholder=''" onblur="this.placeholder='이름을 입력하세요'">
|
||||
<label for="findPw_userNm" class="label">이름 입력</label>
|
||||
<input type="text" name="findPw_userNm" id="findPw_userNm" class="list_inputType1 colorLight" placeholder="이름을 입력하세요" onfocus="this.placeholder=''" onblur="this.placeholder='이름을 입력하세요'">
|
||||
</div>
|
||||
</div>
|
||||
<div class="input_list_item">
|
||||
<div class="input_list_item phoneWrap">
|
||||
<div class="input_left">휴대폰번호</div>
|
||||
<div class="input_right">
|
||||
<label for="" class="label">휴대폰번호 입력</label>
|
||||
<input type="text" class="list_inputType1 colorLight" placeholder="‘-’ 없이 숫자만 입력" onfocus="this.placeholder=''" onblur="this.placeholder='‘-’ 없이 숫자만 입력'">
|
||||
<label for="findPw_userPhone" class="label">휴대폰번호 입력</label>
|
||||
<input type="text" name="findPw_userPhone" id="findPw_userPhone" class="list_inputType1 colorLight" oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');" placeholder="‘-’ 없이 숫자만 입력" onfocus="this.placeholder=''" onblur="this.placeholder='‘-’ 없이 숫자만 입력'" style="width:78%;">
|
||||
<div class="list_btn_wrap">
|
||||
<button type="button">인증번호 받기</button>
|
||||
<button type="button" onclick="sendMsgYn();">인증번호 받기</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="input_list_item">
|
||||
<div class="input_left">인증번호 입력</div>
|
||||
<div class="input_right">
|
||||
<label for="" class="label">인증번호 입력</label>
|
||||
<input type="text" class="list_inputType1 colorLight" placeholder="‘-’ 인증번호를 입력하세요" onfocus="this.placeholder=''" onblur="this.placeholder='인증번호를 입력하세요'">
|
||||
<time>05:00</time>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 비밀번호 찾기 - 이메일로 찾기 -->
|
||||
<div class="input_list_item">
|
||||
<div class="input_left">인증구분</div>
|
||||
<div class="input_right">
|
||||
<input type="radio" id="" name="find_id2">
|
||||
<label for="">휴대폰번호로 찾기</label>
|
||||
<input type="radio" id="" name="find_id2" checked>
|
||||
<label for="">이메일로 찾기</label>
|
||||
<input type="radio" id="" name="find_id2">
|
||||
<label for="">본인인증으로 찾기</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="input_list_item">
|
||||
<div class="input_left">아이디</div>
|
||||
<div class="input_right">
|
||||
<label for="" class="label">아이디 입력</label>
|
||||
<input type="text" class="list_inputType1 colorLight" placeholder="아이디를 입력하세요" onfocus="this.placeholder=''" onblur="this.placeholder='아이디를 입력하세요'">
|
||||
</div>
|
||||
</div>
|
||||
<div class="input_list_item">
|
||||
<div class="input_left">이름</div>
|
||||
<div class="input_right">
|
||||
<label for="" class="label">이름 입력</label>
|
||||
<input type="text" class="list_inputType1 colorLight" placeholder="이름을 입력하세요" onfocus="this.placeholder=''" onblur="this.placeholder='이름을 입력하세요'">
|
||||
</div>
|
||||
</div>
|
||||
<div class="input_list_item emailWrap">
|
||||
<div>
|
||||
<div class="input_left">이메일</div>
|
||||
<div class="input_right">
|
||||
<div class="email">
|
||||
<label for="" class="label">이메일 주소 앞자리</label>
|
||||
<input type="text" class="list_inputType1">
|
||||
<label for="findPw_userEmail1" class="label">이메일 주소 앞자리</label>
|
||||
<input type="text" name="findPw_userEmail1" id="findPw_userEmail1" class="list_inputType1">
|
||||
<span>@</span>
|
||||
<label for="" class="label">이메일 주소 뒷자리</label>
|
||||
<input type="text" class="list_inputType1">
|
||||
<label for="findPw_userEmail2" class="label">이메일 주소 뒷자리</label>
|
||||
<input type="text" name="findPw_userEmail2" id="findPw_userEmail2" class="list_inputType1">
|
||||
</div>
|
||||
<div class="email_select">
|
||||
<label for="" class="label">이메일 선택</label>
|
||||
<select class="list_selType1">
|
||||
<select class="list_selType1" onchange="emailSelect2(this.value);">
|
||||
<option>직접입력</option>
|
||||
<option>네이버</option>
|
||||
<option>네이트</option>
|
||||
<option>한메일(다음)</option>
|
||||
<option>지메일</option>
|
||||
<option value="naver.com">네이버</option>
|
||||
<option value="nate.com">네이트</option>
|
||||
<option value="daum.net">한메일(다음)</option>
|
||||
<option value="gmail.com">지메일</option>
|
||||
</select>
|
||||
<div class="list_btn_wrap">
|
||||
<button type="button">인증번호 받기</button>
|
||||
<button type="button" id="emailSendBtn" onclick="step1EmailCheck();">인증번호 받기</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="input_list_item">
|
||||
<div class="input_left">인증번호 입력</div>
|
||||
<div class="input_right">
|
||||
<label for="" class="label">인증번호 입력</label>
|
||||
<input type="text" class="list_inputType1 colorLight" placeholder="‘-’ 인증번호를 입력하세요" onfocus="this.placeholder=''" onblur="this.placeholder='인증번호를 입력하세요'">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 비밀번호 찾기 - 본인인증으로 찾기 -->
|
||||
<div class="input_list_item">
|
||||
<div class="input_left">인증구분</div>
|
||||
<div class="input_right">
|
||||
<input type="radio" id="" name="find_id3">
|
||||
<label for="">휴대폰번호로 찾기</label>
|
||||
<input type="radio" id="" name="find_id3">
|
||||
<label for="">이메일로 찾기</label>
|
||||
<input type="radio" id="" name="find_id3" checked>
|
||||
<label for="">본인인증으로 찾기</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="input_list_item">
|
||||
<div class="input_left">이름</div>
|
||||
<div class="input_right">
|
||||
<label for="" class="label">이름 입력</label>
|
||||
<input type="text" class="list_inputType1 colorLight" placeholder="이름을 입력하세요" onfocus="this.placeholder=''" onblur="this.placeholder='이름을 입력하세요'">
|
||||
</div>
|
||||
</div>
|
||||
<div class="input_list_item">
|
||||
<div class="input_list_item checkWrap" style="display:none">
|
||||
<div class="input_left">휴대폰번호</div>
|
||||
<div class="input_right">
|
||||
<label for="" class="label">휴대폰번호 입력</label>
|
||||
<input type="text" class="list_inputType1 colorLight" placeholder="‘-’ 없이 숫자만 입력" onfocus="this.placeholder=''" onblur="this.placeholder='‘-’ 없이 숫자만 입력'">
|
||||
<input type="text" name="findPw_userPhoneCheck" id="findPw_userPhoneCheck" class="list_inputType1 colorLight" oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');" placeholder="‘-’ 없이 숫자만 입력" onfocus="this.placeholder=''" onblur="this.placeholder='‘-’ 없이 숫자만 입력'">
|
||||
</div>
|
||||
</div>
|
||||
<div class="input_list_item checkNoWrap">
|
||||
<div class="input_left">인증번호 입력</div>
|
||||
<div class="input_right">
|
||||
<label for="checkNo" class="label">인증번호 입력</label>
|
||||
<input type="text" name="checkNo" id="checkNo" class="list_inputType1 colorLight" oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');" placeholder="인증번호를 입력하세요" onfocus="this.placeholder=''" onblur="this.placeholder='인증번호를 입력하세요'">
|
||||
<div id="timer"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mem_btnWrap2">
|
||||
<button type="button" class="mem_btn2">취소</button>
|
||||
<button type="button" class="mem_btn1">확인</button>
|
||||
<button type="button" class="mem_btn2" onclick="javascript:history.back();">취소</button>
|
||||
<button type="button" class="mem_btn1" onclick="location.href='/publish/mypage9_password.html'">확인</button>
|
||||
</div>
|
||||
</div><!--// 비밀번호 찾기 -->
|
||||
|
||||
<!-- 비밀번호 재설정 -->
|
||||
<div class="input_list">
|
||||
<p class="list_title3 ver3">인증이 완료되었습니다.<br>
|
||||
<span class="c_002c9a fwMd">새로운 비밀번호</span>를 입력해주세요.</p>
|
||||
<div class="input_list">
|
||||
<div class="input_list_item">
|
||||
<div class="input_left">새 비밀번호</div>
|
||||
<div class="input_right">
|
||||
<label for="" class="label">새 비밀번호 입력</label>
|
||||
<input type="password" class="list_inputType1">
|
||||
</div>
|
||||
<div class="list_alert password_pass_no">
|
||||
<ul>
|
||||
<li><span class="step1"></span></li>
|
||||
<li><span class="step2"></span></li>
|
||||
<li><span class="step3"></span></li>
|
||||
</ul>
|
||||
<span>안전도 낮음</span>
|
||||
</div>
|
||||
<div class="list_alert password_pass">
|
||||
<ul>
|
||||
<li><span class="step1"></span></li>
|
||||
<li><span class="step2"></span></li>
|
||||
<li><span class="step3"></span></li>
|
||||
</ul>
|
||||
<span>안전함</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="input_list_item">
|
||||
<div class="input_left">새 비밀번호 확인</div>
|
||||
<div class="input_right">
|
||||
<label for="" class="label">새 비밀번호 확인 입력</label>
|
||||
<input type="password" class="list_inputType1 colorLight" placeholder="비밀번호 확인" onfocus="this.placeholder = ''" onblur="this.placeholder='비밀번호 확인'">
|
||||
</div>
|
||||
<div class="list_alert pass_no">
|
||||
<i></i>
|
||||
<span>비밀번호가 일치하지 않습니다.</span>
|
||||
</div>
|
||||
<div class="list_alert pass">
|
||||
<i></i>
|
||||
<span>비밀번호가 일치합니다.</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mem_btnWrap2">
|
||||
<button type="button" class="mem_btn5">로그인</button>
|
||||
</div>
|
||||
</div><!--// 비밀번호 재설정 -->
|
||||
</div>
|
||||
</div><!--// 비밀번호변경 -->
|
||||
|
||||
</div><!--// send top -->
|
||||
</div>
|
||||
</div><!--// content 영역 -->
|
||||
<!-- footer 영역 -->
|
||||
<!-- 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>
|
||||
<!--// send top -->
|
||||
</div>
|
||||
</footer><!--// footer 영역 -->
|
||||
</body></html>
|
||||
</div>
|
||||
<!--// content 영역 -->
|
||||
<!-- footer 영역 -->
|
||||
<!-- footer -->
|
||||
<div data-include-path="/publish/layout/_footer.html"></div>
|
||||
<!--// footer 영역 -->
|
||||
</body>
|
||||
|
||||
</html>
|
||||
80
src/main/webapp/publish/mypage9_id.html
Normal file
80
src/main/webapp/publish/mypage9_id.html
Normal file
@ -0,0 +1,80 @@
|
||||
<!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/mem.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 data-include-path="/publish/layout/_header.html"></div>
|
||||
<!-- 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="TabType5(this,'1');">아이디 찾기</button></li>
|
||||
<li class="tab"><button type="button" onclick="TabType5(this,'2');">비밀번호 재설정</button></li>
|
||||
</ul>
|
||||
<!--// tab button -->
|
||||
<!-- 아이디찾기 -->
|
||||
<div class="mypage_content current" id="tab5_1">
|
||||
<!-- 비밀번호 확인 -->
|
||||
<div class="heading">
|
||||
<h2>아이디찾기</h2>
|
||||
</div>
|
||||
<div class="mem_cont_in widthM">
|
||||
|
||||
<!-- 이이디찾기 완료 -->
|
||||
<div class="input_list">
|
||||
<p class="list_title3 ver2">회원님의 정보와 일치하는 아이디입니다.</p>
|
||||
<div class="id_show">
|
||||
<p><span>hong1***</span>입니다.</p>
|
||||
<span>가입일자 : 2021-04-09</span>
|
||||
</div>
|
||||
<div class="mem_btnWrap2">
|
||||
<button type="button" class="mem_btn2">확인</button>
|
||||
<button type="button" class="mem_btn1">로그인</button>
|
||||
</div>
|
||||
</div>
|
||||
<!--// 이이디찾기 완료 -->
|
||||
</div>
|
||||
</div>
|
||||
<!--// 아이디찾기 -->
|
||||
|
||||
</div>
|
||||
<!--// send top -->
|
||||
</div>
|
||||
</div>
|
||||
<!--// content 영역 -->
|
||||
<!-- footer 영역 -->
|
||||
<!-- footer -->
|
||||
<div data-include-path="/publish/layout/_footer.html"></div>
|
||||
<!--// footer 영역 -->
|
||||
</body>
|
||||
|
||||
</html>
|
||||
114
src/main/webapp/publish/mypage9_password.html
Normal file
114
src/main/webapp/publish/mypage9_password.html
Normal file
@ -0,0 +1,114 @@
|
||||
<!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/mem.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 data-include-path="/publish/layout/_header.html"></div>
|
||||
<!-- 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"><button type="button" onclick="TabType5(this,'1');">아이디 찾기</button></li>
|
||||
<li class="tab active"><button type="button" onclick="TabType5(this,'2');">비밀번호 재설정</button></li>
|
||||
</ul>
|
||||
<!--// tab button -->
|
||||
<!-- 비밀번호 변경 -->
|
||||
<div class="mypage_content current">
|
||||
<!-- 비밀번호 찾기 -->
|
||||
<div class="heading">
|
||||
<h2>비밀번호 재설정 </h2>
|
||||
</div>
|
||||
<div class="mem_cont_in widthM">
|
||||
|
||||
<!-- 비밀번호 재설정 -->
|
||||
<div class="input_list">
|
||||
<p class="list_title3 ver3">인증이 완료되었습니다.<br>
|
||||
<span class="c_002c9a fwMd">새로운 비밀번호</span>를 입력해주세요.</p>
|
||||
<div class="input_list">
|
||||
<div class="input_list_item">
|
||||
<div class="input_left">새 비밀번호</div>
|
||||
<div class="input_right">
|
||||
<label for="" class="label">새 비밀번호 입력</label>
|
||||
<input type="password" class="list_inputType1">
|
||||
</div>
|
||||
<div class="list_alert password_pass_no">
|
||||
<ul>
|
||||
<li><span class="step1"></span></li>
|
||||
<li><span class="step2"></span></li>
|
||||
<li><span class="step3"></span></li>
|
||||
</ul>
|
||||
<span>안전도 낮음</span>
|
||||
</div>
|
||||
<div class="list_alert password_pass">
|
||||
<ul>
|
||||
<li><span class="step1"></span></li>
|
||||
<li><span class="step2"></span></li>
|
||||
<li><span class="step3"></span></li>
|
||||
</ul>
|
||||
<span>안전함</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="input_list_item">
|
||||
<div class="input_left">새 비밀번호 확인</div>
|
||||
<div class="input_right">
|
||||
<label for="" class="label">새 비밀번호 확인 입력</label>
|
||||
<input type="password" class="list_inputType1 colorLight" placeholder="비밀번호 확인" onfocus="this.placeholder = ''" onblur="this.placeholder='비밀번호 확인'">
|
||||
</div>
|
||||
<div class="list_alert pass_no">
|
||||
<i></i>
|
||||
<span>비밀번호가 일치하지 않습니다.</span>
|
||||
</div>
|
||||
<div class="list_alert pass">
|
||||
<i></i>
|
||||
<span>비밀번호가 일치합니다.</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mem_btnWrap2">
|
||||
<button type="button" class="mem_btn5">로그인</button>
|
||||
</div>
|
||||
</div><!--// 비밀번호 재설정 -->
|
||||
</div>
|
||||
</div><!--// 비밀번호변경 -->
|
||||
|
||||
</div>
|
||||
<!--// send top -->
|
||||
</div>
|
||||
</div>
|
||||
<!--// content 영역 -->
|
||||
<!-- footer 영역 -->
|
||||
<!-- footer -->
|
||||
<div data-include-path="/publish/layout/_footer.html"></div>
|
||||
<!--// footer 영역 -->
|
||||
</body>
|
||||
|
||||
</html>
|
||||
File diff suppressed because it is too large
Load Diff
311
src/main/webapp/publish/mypage_security_login.html
Normal file
311
src/main/webapp/publish/mypage_security_login.html
Normal file
@ -0,0 +1,311 @@
|
||||
<!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/mem.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/popupLayer.js"></script>
|
||||
|
||||
<script>
|
||||
$(function () {
|
||||
// on/off 시 confirm 창 노출
|
||||
$(".security_tab").click(function () {
|
||||
if ($(this).find("a.on").text().trim() == "ON") {
|
||||
if (!confirm("보안로그인 설정 후 로그인 시, 등록한 휴대폰번호로 추가 인증이 진행됩니다")) {
|
||||
$(this).find("a.on").siblings("a").removeClass("on");
|
||||
|
||||
} else {
|
||||
$(this).find("a.on").removeClass("on").siblings("a").addClass("on");
|
||||
$(this).removeClass("on").addClass("off");
|
||||
}
|
||||
} else if ($(this).find("a.on").text().trim() == "OFF") {
|
||||
if (!confirm("가입자 휴대폰번호로 본인인증 후 해제가 가능하며, 보안로그인 설정을 해제함으로써 발생하는 손해에 대하여 회사는 책임지지 않습니다.")) {
|
||||
$(this).find("a.on").siblings("a").removeClass("on");
|
||||
} else {
|
||||
$(this).find("a.on").removeClass("on").siblings("a").addClass("on");
|
||||
$(this).removeClass("off").addClass("on");
|
||||
}
|
||||
}
|
||||
});
|
||||
})
|
||||
</script>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="mask"></div>
|
||||
<div data-include-path="/publish/layout/_header.html"></div>
|
||||
<!-- 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="location.href='/publish/mypage2.html'">회원정보 변경</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/mypage3.html'">기업회원 전환</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/mypage4.html'">비밀번호 변경</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/mypage5.html'">발신번호 관리</button></li>
|
||||
<li class="tab"><button type="button" onclick="TabType5(this,'6');">알림설정</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/mypage7.html'">회원탈퇴</button></li>
|
||||
<li class="tab active"><button type="button" onclick="location.href='/publish/mypage_security_login.html'">보안로그인</button></li>
|
||||
</ul>
|
||||
<!--// tab button -->
|
||||
|
||||
<!-- 보안로그인 -->
|
||||
<div class="mypage_content current" id="tab5_7">
|
||||
<div class="heading">
|
||||
<h2>보안로그인</h2>
|
||||
</div>
|
||||
<div class="my_dashboard">
|
||||
|
||||
<!-- 보안로그인 -->
|
||||
<div class="security_login">
|
||||
|
||||
<ul class="explanation_wrap box info">
|
||||
<li>· 사이트 부정로그인으로 인한 피해를 방지할 수 있는 2차 로그인 인증 서비스입니다. </li>
|
||||
<li>· 인증 휴대폰번호 추가 등록 또는 IP 접속 허용을 통해 편리한 사용이 가능합니다.</li>
|
||||
<li>· 보안로그인 기능을 사용할 경우 로그인 시 등록한 휴대폰번호로 추가 인증이 진행됩니다.</li>
|
||||
</ul>
|
||||
|
||||
<div class="security_set box">
|
||||
<div class="title_wrap">
|
||||
<p class="dashboard_title">보안로그인</p>
|
||||
<div class="title_box ip_add_wrap">
|
||||
<span>현재 접속중인 IP : <b>119.193.215.98 </b></span>
|
||||
<input type="hidden" id="cennectIp" value="119.193.215.98">
|
||||
|
||||
<button type="button" class="btnType btnType6 btn_allow_ip_add">허용 IP 등록</button>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="set_area">
|
||||
<input type="hidden" id="secuLoginFlag" value="">
|
||||
<div class="tab_depth1 security_tab on">
|
||||
<a href="#none" id="secuOnBtn" class="on">ON</a>
|
||||
<a href="#none" id="secuOffBtn">OFF</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 인증 휴대폰번호 관리 -->
|
||||
<div class="title_area">
|
||||
<p class="dashboard_title">인증 휴대폰번호 관리</p>
|
||||
<p class="qmMark">?</p>
|
||||
<div class="hover_cont" style="width:330px;left:240px;top:25px;">
|
||||
<p>인증에 사용할 휴대폰번호를 추가로 등록하여 관리할 수 있습니다. <br>
|
||||
(등록 시 휴대폰 인증 필요)</p>
|
||||
</div>
|
||||
<button type="button" id="phonePlus" class="btn_plus"><img src="/publish/images/content/mypage_plus.png" alt="더보기"></button>
|
||||
<input type="hidden" data-tooltip="popup05" id="phonePlusPopupOpen">
|
||||
</div>
|
||||
|
||||
<div class="table_wrap" id="phoneTable">
|
||||
<table>
|
||||
<colgroup>
|
||||
<col style="width: 140px;">
|
||||
<col style="width: auto;">
|
||||
<col style="width: auto;">
|
||||
<col style="width: 160px;">
|
||||
<col style="width: 140px;">
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col">휴대폰번호</th>
|
||||
<th scope="col">별칭</th>
|
||||
<th scope="col">메모</th>
|
||||
<th scope="col">등록일시</th>
|
||||
<th scope="col">관리</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>01057058729</td>
|
||||
<td>대표번호</td>
|
||||
<td>-</td>
|
||||
<td>-</td>
|
||||
<td>-</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<!-- //인증 휴대폰번호 관리 -->
|
||||
|
||||
<!-- 접속 IP관리 -->
|
||||
<div class="title_area">
|
||||
<p class="dashboard_title">접속 IP 관리</p>
|
||||
<p class="qmMark">?</p>
|
||||
<div class="hover_cont" style="width:380px;left:160px;top:25px;">
|
||||
<p>접속 IP를 미리 등록할 경우 2차 로그인 인증 없이 접속이 가능합니다. <br>
|
||||
<span>(공용 PC는 보안상의 이유로 등록을 권장하지 않습니다.)</span></p>
|
||||
</div>
|
||||
<button type="button" class="btn_plus btn_ip_plus"><img src="/publish/images/content/mypage_plus.png" alt="더보기"></button>
|
||||
</div>
|
||||
|
||||
<div class="table_wrap" id="ipTable">
|
||||
<table>
|
||||
<colgroup>
|
||||
<col style="width: 26%;">
|
||||
<col style="width: auto;">
|
||||
<col style="width: 26%;">
|
||||
<col style="width: 100px;">
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col">허용IP</th>
|
||||
<th scope="col">메모</th>
|
||||
<th scope="col">등록일시</th>
|
||||
<th scope="col">관리</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td colspan="4" class="empty-row">등록된 IP 주소가 없습니다.</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<!-- //접속 IP관리 -->
|
||||
|
||||
|
||||
<!-- 로그인 내역 -->
|
||||
<div class="title_area">
|
||||
<p class="dashboard_title">로그인 내역 <span class="small_text">로그인 내역은 최대 3개월까지만 보관됩니다.</span></p>
|
||||
</div>
|
||||
|
||||
<div class="table_wrap">
|
||||
<table>
|
||||
<colgroup>
|
||||
<col style="width:calc(100% /3);">
|
||||
<col style="width:calc(100% /3);">
|
||||
<col style="width:calc(100% /3);">
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col">로그인 일시</th>
|
||||
<th scope="col">로그인 IP</th>
|
||||
<th scope="col">로그인 환경</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
|
||||
<tr>
|
||||
<td>2025-04-02 15:59:07</td>
|
||||
<td>119.193.215.98</td>
|
||||
<td>PC</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>2025-04-02 14:00:54</td>
|
||||
<td>119.193.215.98</td>
|
||||
<td>PC</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>2025-04-02 09:43:06</td>
|
||||
<td>119.193.215.98</td>
|
||||
<td>PC</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>2025-04-01 14:25:58</td>
|
||||
<td>119.193.215.98</td>
|
||||
<td>PC</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>2025-04-01 12:36:03</td>
|
||||
<td>119.193.215.98</td>
|
||||
<td>PC</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>2025-03-31 17:15:37</td>
|
||||
<td>119.193.215.98</td>
|
||||
<td>PC</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>2025-03-31 16:51:08</td>
|
||||
<td>119.193.215.98</td>
|
||||
<td>PC</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>2025-03-31 16:50:59</td>
|
||||
<td>119.193.215.98</td>
|
||||
<td>PC</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>2025-03-31 15:06:58</td>
|
||||
<td>119.193.215.98</td>
|
||||
<td>PC</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>2025-03-31 14:35:07</td>
|
||||
<td>119.193.215.98</td>
|
||||
<td>PC</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>
|
||||
|
||||
|
||||
</div>
|
||||
<!-- //보안로그인 -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- // 보안로그인 -->
|
||||
|
||||
</div>
|
||||
<!--// send top -->
|
||||
</div>
|
||||
</div>
|
||||
<!--// content 영역 -->
|
||||
<!-- footer 영역 -->
|
||||
<!-- footer -->
|
||||
<div data-include-path="/publish/layout/_footer.html"></div>
|
||||
<!--// footer 영역 -->
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -230,14 +230,15 @@
|
||||
<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,'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>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/payment2.html'">결제하기</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/payment3.html'">요금 결제내역</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/payment4.html'">요금 사용내역</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/payment5.html'">세금계산서 발행 등록</button></li>
|
||||
</ul>
|
||||
<div class="serv_content charg_cont current" id="tab5_1">
|
||||
<div class="heading">
|
||||
<h2>요금안내/견적내기</h2>
|
||||
<button type="button" class="button info" onclick="infoListPop('payment1','792','300');">사용안내</button>
|
||||
</div>
|
||||
<div class="pay_tab_wrap">
|
||||
<ul class="tabType1">
|
||||
@ -247,7 +248,9 @@
|
||||
</div>
|
||||
<div class="fee_cont current" id="tab1_1">
|
||||
<div>
|
||||
<p class="tType1_title"><img src="/publish/images/content/icon_fee1.png" alt="문자이미지"> 문자<span class="level_first">(등급 : 화이트)</span></p>
|
||||
<p class="tType1_title">
|
||||
<img src="/publish/images/content/icon_fee1.png" alt="문자이미지"> 문자<span class="level_first" id="grdShowArea"></span>
|
||||
</p>
|
||||
<table class="tType2">
|
||||
<caption></caption>
|
||||
<colgroup>
|
||||
@ -259,7 +262,7 @@
|
||||
<tr>
|
||||
<th>구분</th>
|
||||
<th>특징</th>
|
||||
<th>단가</th>
|
||||
<th>가격</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@ -276,154 +279,171 @@
|
||||
<tr>
|
||||
<th>그림문자(MMS)</th>
|
||||
<td>2,000Byte 이하 문자 및 이미지를 포함하는그림메시지(이미지 최대 3장 첨부 가능) </td>
|
||||
<td>1장 : <span>90.0</span>원 / 2장 : <span>110.0<span>원/ 3장 : <span>130.0</span>원</td>
|
||||
<td>1장 : <span>90.0</span>원 / 2장 : <span>110.0<span>원/ 3장 : <span>130.0</span>원</span></span></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<span class="reqTxt4">* 텍스트 용량(Byte)에 대한 안내 : 한글2Byte, 영문·숫자 1Byte를 차지.</span>
|
||||
|
||||
<!--문자_등급별 요금 안내 추가 시작-->
|
||||
<p class="tType1_title level"><img src="/publish/images/content/icon_fee1.png" alt="문자이미지"> 문자<span>(등급별 요금 안내)</span></p>
|
||||
<table class="tType2 tType2_level">
|
||||
<caption></caption>
|
||||
<colgroup>
|
||||
<col style="width: 13%;">
|
||||
<col style="width: auto;">
|
||||
<col style="width: 11%;">
|
||||
<col style="width: 11%;">
|
||||
<col style="width: 11%;">
|
||||
<col style="width: 11%;">
|
||||
<col style="width: 11%;">
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>등급</th>
|
||||
<th class="th_second">누적결제액<span>(2023-06-28 ~ 현재)</span></th>
|
||||
<th>단문</th>
|
||||
<th>장문</th>
|
||||
<th>그림(1장)</th>
|
||||
<th>그림(2장)</th>
|
||||
<th>그림(3장)</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr class="level_table">
|
||||
<th>VVIP</th>
|
||||
<td class="level_price">10,000,000</td>
|
||||
<td>8.1</td>
|
||||
<td>32</td>
|
||||
<td>65</td>
|
||||
<td>75</td>
|
||||
<td>80</td>
|
||||
</tr>
|
||||
<tr class="level_table">
|
||||
<th>VIP</th>
|
||||
<td class="level_price">9,000,000</td>
|
||||
<td>8.5</td>
|
||||
<td>33</td>
|
||||
<td>66</td>
|
||||
<td>76</td>
|
||||
<td>83</td>
|
||||
</tr>
|
||||
<tr class="level_table">
|
||||
<th>골드</th>
|
||||
<td class="level_price">8,000,000</td>
|
||||
<td>9</td>
|
||||
<td>34</td>
|
||||
<td>67</td>
|
||||
<td>77</td>
|
||||
<td>85</td>
|
||||
</tr>
|
||||
<tr class="level_table">
|
||||
<th>실버</th>
|
||||
<td class="level_price">7,000,000</td>
|
||||
<td>10</td>
|
||||
<td>35</td>
|
||||
<td>68</td>
|
||||
<td>78</td>
|
||||
<td>90</td>
|
||||
</tr>
|
||||
<tr class="level_table">
|
||||
<th>블랙</th>
|
||||
<td class="level_price">6,000,000</td>
|
||||
<td>11</td>
|
||||
<td>36</td>
|
||||
<td>69</td>
|
||||
<td>79</td>
|
||||
<td>95</td>
|
||||
</tr>
|
||||
<tr class="level_table">
|
||||
<th>레드</th>
|
||||
<td class="level_price">5,000,000</td>
|
||||
<td>12</td>
|
||||
<td>38</td>
|
||||
<td>72</td>
|
||||
<td>80</td>
|
||||
<td>100</td>
|
||||
</tr>
|
||||
<tr class="level_table">
|
||||
<th>퍼플</th>
|
||||
<td class="level_price">4,000,000</td>
|
||||
<td>13</td>
|
||||
<td>40</td>
|
||||
<td>75</td>
|
||||
<td>85</td>
|
||||
<td>105</td>
|
||||
</tr>
|
||||
<tr class="level_table">
|
||||
<th>블루</th>
|
||||
<td class="level_price">3,000,000</td>
|
||||
<td>14</td>
|
||||
<td>42</td>
|
||||
<td>78</td>
|
||||
<td>90</td>
|
||||
<td>110</td>
|
||||
</tr>
|
||||
<tr class="level_table">
|
||||
<th>오렌지</th>
|
||||
<td class="level_price">2,000,000</td>
|
||||
<td>15</td>
|
||||
<td>44</td>
|
||||
<td>81</td>
|
||||
<td>95</td>
|
||||
<td>115</td>
|
||||
</tr>
|
||||
<tr class="level_table">
|
||||
<th>그린</th>
|
||||
<td class="level_price">1,000,000</td>
|
||||
<td>16</td>
|
||||
<td>46</td>
|
||||
<td>84</td>
|
||||
<td>100</td>
|
||||
<td>120</td>
|
||||
</tr>
|
||||
<tr class="level_table">
|
||||
<th>옐로우</th>
|
||||
<td class="level_price">500,000</td>
|
||||
<td>17</td>
|
||||
<td>48</td>
|
||||
<td>87</td>
|
||||
<td>105</td>
|
||||
<td>125</td>
|
||||
</tr>
|
||||
<tr class="level_table">
|
||||
<th>화이트</th>
|
||||
<td class="level_price">0</td>
|
||||
<td>18</td>
|
||||
<td>50</td>
|
||||
<td>90</td>
|
||||
<td>110</td>
|
||||
<td>130</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<span class="reqTxt4">
|
||||
* 등급별 요금제는 당사의 정책 및 운영의 필요상 수정, 중단 또는 변경될 수 있습니다. <br>
|
||||
* 누적결제액은 등급별 요금제 적용일로부터 적립된 결제금액을 말하며, 누적결제액에 따라 등급은 자동으로 적용됩니다. <br>
|
||||
* "첫결제 이벤트" 등 이벤트 결제금액은 등급별 요금제 누적결제액에서 제외됩니다. <br>
|
||||
</span>
|
||||
<p class="reqTxt4 reqTxt4_last">
|
||||
* 문자피싱, 스미싱, 주식, 도박, 로또, 스팸, 사기, 협박, 범죄, 유사투자, 유사수신 등을 목적으로 하거나 교사 또는 방조하는 내용의 정보, 발신번호 조작 등으로 인지되는 문자에 대해서는 사전 또는 즉시 발송을 차단하고
|
||||
이용을 정지시킬 수 있으며, 이에 대한 어떠한 환불이나 보상을 실시하지 않습니다. 또한, 상기 문자를 발송한 회원에 대해서는 그 즉시 등급별 요금제 혜택을 취소합니다.
|
||||
</p>
|
||||
<div id="mberGrdSettingArea" style="display: none;">
|
||||
<p class="tType1_title level"><img src="/publish/images/content/icon_fee1.png" alt="문자이미지"> 문자<span>(등급별 요금 안내)</span></p>
|
||||
<table class="tType2 tType2_level">
|
||||
<caption></caption>
|
||||
<colgroup>
|
||||
<col style="width: 13%;">
|
||||
<col style="width: auto;">
|
||||
<col style="width: 11%;">
|
||||
<col style="width: 11%;">
|
||||
<col style="width: 11%;">
|
||||
<col style="width: 11%;">
|
||||
<col style="width: 11%;">
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>등급</th>
|
||||
<th class="th_second">누적결제액<span id="levelSubTitle"></span></th>
|
||||
<th>단문</th>
|
||||
<th>장문</th>
|
||||
<th>그림(1장)</th>
|
||||
<th>그림(2장)</th>
|
||||
<th>그림(3장)</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
|
||||
<tr class="level_table">
|
||||
<th>VVIP</th>
|
||||
<td class="level_price">10,000,000</td>
|
||||
<td>8.1</td>
|
||||
<td>32.0</td>
|
||||
<td>65.0</td>
|
||||
<td>75.0</td>
|
||||
<td>80.0</td>
|
||||
</tr>
|
||||
|
||||
<tr class="level_table">
|
||||
<th>VIP</th>
|
||||
<td class="level_price">9,000,000</td>
|
||||
<td>8.5</td>
|
||||
<td>33.0</td>
|
||||
<td>66.0</td>
|
||||
<td>76.0</td>
|
||||
<td>83.0</td>
|
||||
</tr>
|
||||
|
||||
<tr class="level_table">
|
||||
<th>골드</th>
|
||||
<td class="level_price">8,000,000</td>
|
||||
<td>9.0</td>
|
||||
<td>34.0</td>
|
||||
<td>67.0</td>
|
||||
<td>77.0</td>
|
||||
<td>85.0</td>
|
||||
</tr>
|
||||
|
||||
<tr class="level_table">
|
||||
<th>실버</th>
|
||||
<td class="level_price">7,000,000</td>
|
||||
<td>10.0</td>
|
||||
<td>35.0</td>
|
||||
<td>68.0</td>
|
||||
<td>78.0</td>
|
||||
<td>90.0</td>
|
||||
</tr>
|
||||
|
||||
<tr class="level_table">
|
||||
<th>블랙</th>
|
||||
<td class="level_price">6,000,000</td>
|
||||
<td>11.0</td>
|
||||
<td>36.0</td>
|
||||
<td>69.0</td>
|
||||
<td>79.0</td>
|
||||
<td>95.0</td>
|
||||
</tr>
|
||||
|
||||
<tr class="level_table">
|
||||
<th>레드</th>
|
||||
<td class="level_price">5,000,000</td>
|
||||
<td>12.0</td>
|
||||
<td>38.0</td>
|
||||
<td>72.0</td>
|
||||
<td>80.0</td>
|
||||
<td>100.0</td>
|
||||
</tr>
|
||||
|
||||
<tr class="level_table">
|
||||
<th>퍼플</th>
|
||||
<td class="level_price">4,000,000</td>
|
||||
<td>13.0</td>
|
||||
<td>40.0</td>
|
||||
<td>75.0</td>
|
||||
<td>85.0</td>
|
||||
<td>105.0</td>
|
||||
</tr>
|
||||
|
||||
<tr class="level_table">
|
||||
<th>블루</th>
|
||||
<td class="level_price">3,000,000</td>
|
||||
<td>14.0</td>
|
||||
<td>42.0</td>
|
||||
<td>78.0</td>
|
||||
<td>90.0</td>
|
||||
<td>110.0</td>
|
||||
</tr>
|
||||
|
||||
<tr class="level_table">
|
||||
<th>오렌지</th>
|
||||
<td class="level_price">2,000,000</td>
|
||||
<td>15.0</td>
|
||||
<td>44.0</td>
|
||||
<td>81.0</td>
|
||||
<td>95.0</td>
|
||||
<td>115.0</td>
|
||||
</tr>
|
||||
|
||||
<tr class="level_table">
|
||||
<th>그린</th>
|
||||
<td class="level_price">1,000,000</td>
|
||||
<td>16.0</td>
|
||||
<td>46.0</td>
|
||||
<td>84.0</td>
|
||||
<td>100.0</td>
|
||||
<td>120.0</td>
|
||||
</tr>
|
||||
|
||||
<tr class="level_table">
|
||||
<th>옐로우</th>
|
||||
<td class="level_price">500,000</td>
|
||||
<td>17.0</td>
|
||||
<td>48.0</td>
|
||||
<td>87.0</td>
|
||||
<td>105.0</td>
|
||||
<td>125.0</td>
|
||||
</tr>
|
||||
|
||||
<tr class="level_table">
|
||||
<th>화이트</th>
|
||||
<td class="level_price">0</td>
|
||||
<td>18.0</td>
|
||||
<td>50.0</td>
|
||||
<td>90.0</td>
|
||||
<td>110.0</td>
|
||||
<td>130.0</td>
|
||||
</tr>
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
<span class="reqTxt4">
|
||||
* 등급별 요금제는 당사의 정책 및 운영의 필요상 수정, 중단 또는 변경될 수 있습니다. <br>
|
||||
* 누적결제액은 등급별 요금제 적용일로부터 적립된 결제금액을 말하며, 누적결제액에 따라 등급은 자동으로 적용됩니다. <br>
|
||||
* "첫결제 이벤트" 등 이벤트 결제금액은 등급별 요금제 누적결제액에서 제외됩니다. <br>
|
||||
</span>
|
||||
<p class="reqTxt4 reqTxt4_last">
|
||||
* 문자피싱, 스미싱, 주식, 도박, 로또, 스팸, 사기, 협박, 범죄, 유사투자, 유사수신 등을 목적으로 하거나 교사 또는 방조하는 내용의 정보, 발신번호 조작 등으로 인지되는 문자에 대해서는 사전 또는 즉시 발송을 차단하고
|
||||
이용을 정지시킬 수 있으며, 이에 대한 어떠한 환불이나 보상을 실시하지 않습니다. 또한, 상기 문자를 발송한 회원에 대해서는 그 즉시 등급별 요금제 혜택을 취소합니다.
|
||||
</p>
|
||||
</div>
|
||||
<!--문자_등급별 요금 안내 추가 끝-->
|
||||
|
||||
<p class="tType1_title"><img src="/publish/images/content/icon_fee2.png" alt="알림톡 아이콘 이미지"> 알림톡</p>
|
||||
@ -444,11 +464,12 @@
|
||||
<tr>
|
||||
<th>알림톡</th>
|
||||
<td>카카오톡을 통해 친구 추가 여부와 관계 없이 휴대폰 번호로 발송이 가능한 정보성 메시지<br>(1,000자 이하의 텍스트 및 이미지 중 카카오 사전 승인 건에 한하여 발송 가능)</td>
|
||||
<td>1장 : <span>6.5</span>원</td>
|
||||
<td>1장 : <span>6.9</span>원</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<span class="reqTxt4">* 텍스트 용량(Byte)에 대한 안내 : 한글2Byte, 영문·숫자 1Byte를 차지.</span>
|
||||
|
||||
<p class="tType1_title"><img src="/publish/images/content/icon_fee_fax.png" alt="팩스 아이콘 이미지"> 팩스</p>
|
||||
<table class="tType2">
|
||||
<colgroup>
|
||||
@ -466,11 +487,12 @@
|
||||
<tbody>
|
||||
<tr>
|
||||
<th>팩스</th>
|
||||
<td>전송 가능 파일(hwp, pdf, ppt, xls, xlsx, doc, jpg, jpeg, bmp, txt, gif, hwpml, tif, htm, html, gul)</td>
|
||||
<td>1매 : <span>60</span>원</td>
|
||||
<td>전송 가능 파일(hwp, pdf, ppt, xls, xlsx, doc, jpg, jpeg, bmp, txt, gif, hwpml, tif, gul)</td>
|
||||
<td>1매 : <span>58.0</span>원</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<p class="tType1_title"><img src="/publish/images/content/icon_fee3.png" alt="그림문자 맞춤제작 이미지"> 그림문자 맞춤제작</p>
|
||||
<table class="tType2">
|
||||
<caption></caption>
|
||||
@ -504,15 +526,16 @@
|
||||
</tbody>
|
||||
</table>
|
||||
<span class="reqTxt4">* 텍스트 단순수정 요청은 맞춤제작이 완료된 그림문자의 수정 시에만 가능합니다.</span>
|
||||
|
||||
<div class="banner">
|
||||
<p>대량발송 고객 가격협의 가능</p>
|
||||
<ul>
|
||||
<li><img src="/publish/images/content/banner_call01.png" alt="">
|
||||
<p>전화 <strong>010-8432-9333</strong></p>
|
||||
<p>전화 <strong>1551-8011</strong></p>
|
||||
<p></p>
|
||||
</li>
|
||||
<li><img src="/publish/images/content/banner_email01.png" alt="">
|
||||
<p>이메일<span>help@iten.co.kr</span><button type="button" onclick="location.href='mailto:help@iten.co.kr'">상담하기</button></p>
|
||||
<p>이메일<span>help@iten.co.kr</span> <button type="button" onclick="location.href='mailto:help@iten.co.kr'">상담하기</button></p>
|
||||
</li>
|
||||
<li><img src="/publish/images/content/banner_kakao01.png" alt="">
|
||||
<p>카카오톡<span>munjaon</span><a href="http://pf.kakao.com/_PxoTtb/chat" target="_blank">상담하기</a></p>
|
||||
@ -547,26 +570,27 @@
|
||||
<tr>
|
||||
<td>단문(SMS)</td>
|
||||
<td>90Byte 이하 단문 메시지(이미지 첨부 불가)</td>
|
||||
<td><span>18</span>원</td>
|
||||
<td><span>18.0</span>원</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>장문(LMS)</td>
|
||||
<td>91~2,000Byte 이하 장문메시지(이미지 첨부 불가)</td>
|
||||
<td><span>50.0</span>원</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>그림문자(MMS)</td>
|
||||
<td>2,000Byte 이하 문자 및 이미지를 포함하는 그림메시지(이미지 최대 3장 첨부 가능)</td>
|
||||
<td>1장 : <span>90.0</span>원 / 2장 : <span>110.0</span>원 / 3장 : <span>130.0</span>원</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>알림톡</td>
|
||||
<td>카카오톡을 통해 친구 추가 여부와 관계 없이 휴대폰 번호로 발송이 가능한 정보성 메시지<br>(1,000자 이하의 텍스트 및 이미지 중 카카오 사전 승인 건에 한하여 발송 가능) </td>
|
||||
<td><span>6.5</span>원</td>
|
||||
<td>카카오(알림톡)</td>
|
||||
<td>카카오톡을 통해 친구 추가 여부와 관계 없이 휴대폰 번호로 발송이 가능한 정보성 메시지(1,000자 이하의 텍스트 및 이미지 중 카카오 사전 승인 건에 한하여 발송 가능)</td>
|
||||
<td><span>6.9</span>원</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>팩스</td>
|
||||
<td>전송 가능 파일(hwp, pdf, ppt, xls, xlsx, doc, jpg, jpeg, bmp, txt, gif, hwpml, tif, htm, html, gul) </td>
|
||||
<td>1매 : <span>60</span>원</td>
|
||||
<td>전송 가능 파일(hwp, pdf, ppt, xls, xlsx, doc, jpg, jpeg, bmp, txt, gif, hwpml, tif, htm, html, gul)</td>
|
||||
<td><span>58.0</span>원</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>맞춤제작</td>
|
||||
|
||||
@ -21,6 +21,7 @@
|
||||
<script src="/publish/js/common.js"></script>
|
||||
<script src="/publish/js/content.js"></script>
|
||||
<script src="/publish/js/calendar.js"></script>
|
||||
<script src="/publish/js/popup.js"></script>
|
||||
<script src="/publish/js/popupLayer.js"></script>
|
||||
|
||||
<!--
|
||||
@ -106,8 +107,7 @@
|
||||
<!-- 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>
|
||||
<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>
|
||||
@ -161,11 +161,9 @@
|
||||
<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">
|
||||
<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">
|
||||
<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>
|
||||
@ -199,17 +197,18 @@
|
||||
<div class="send_top">
|
||||
<!-- tab button -->
|
||||
<ul class="tabType4">
|
||||
<li class="tab"><button type="button" onclick="TabType5(this,'1');">요금안내/견적내기</button></li>
|
||||
<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>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/payment1.html'">요금안내/견적내기</button></li>
|
||||
<li class="tab active"><button type="button" onclick="TabType5(this,'2');">결제하기</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/payment3.html'">요금 결제내역</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/payment4.html'">요금 사용내역</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/payment5.html'">세금계산서 발행 등록</button></li>
|
||||
</ul>
|
||||
<!--// tab button -->
|
||||
<!-- 결제관리 - 결제하기 -->
|
||||
<div class="serv_content charg_cont current" id="tab5_2">
|
||||
<div class="heading">
|
||||
<h2>결제하기</h2>
|
||||
<button type="button" class="button info" onclick="infoListPop('payment2','792','250');">사용안내</button>
|
||||
</div>
|
||||
<!--<div class="titBox">
|
||||
<p>- 서비스 이용을 위해 충전이 필수 입니다.</p>
|
||||
@ -221,88 +220,15 @@
|
||||
<ul class="area_tab">
|
||||
<li class="btn_charge1 btn_tab active"><button onclick="TabType2(this,'1');"><i></i>신용카드</button></li>
|
||||
<li class="btn_charge2 btn_tab"><button onclick="TabType2(this,'2');"><i></i>전용계좌</button></li>
|
||||
<!-- <li class="btn_charge2 btn_tab"><button onclick="TabType2(this,'3');"><i></i>무통장입금</button></li> -->
|
||||
<li class="btn_charge3 btn_tab"><button onclick="TabType2(this,'3');"><i></i>휴대폰결제</button></li>
|
||||
<li class="btn_charge4 btn_tab"><button onclick="TabType2(this,'4');"><i></i>즉시이체</button></li>
|
||||
|
||||
<li class="btn_charge5 btn_tab simple_pay"><button onclick="TabType2(this,'6');"><i></i></button></li>
|
||||
<li class="btn_charge6 btn_tab simple_pay"><button onclick="TabType2(this,'7');"><i></i></button></li>
|
||||
<!-- <li class="btn_charge2 btn_tab"><button onclick="TabType2(this,'3');"><i></i>무통장입금</button></li> -->
|
||||
<li class="btn_charge7 btn_tab simple_pay"><button onclick="TabType2(this,'8');"><i></i></li>
|
||||
<li class="btn_charge8 btn_tab simple_pay"><button onclick="TabType2(this,'9');"><i></i></button></li>
|
||||
</ul>
|
||||
<div class="checkbox_wrap"><input type="checkbox" id="agree"><label for="agree"></label> 선택한 수단을 다음 충전 시에도 이용합니다.</div>
|
||||
|
||||
<!-- 간편결제 -->
|
||||
<!--
|
||||
<div class="area_tabcont on" id="tab2_1">
|
||||
<p class="tType1_title"><img src="/publish/images/simple_small.png" alt="간편결제 스몰 아이콘">
|
||||
간편결제</p>
|
||||
<table class="tType1">
|
||||
<colgroup>
|
||||
<col style="width: 100px;">
|
||||
<col style="width: auto;">
|
||||
</colgroup>
|
||||
<tbody>
|
||||
<tr class="charge_content">
|
||||
<th scope="row">충전금액</th>
|
||||
<td class="flex">
|
||||
<select name="tempPrice" id="tempPrice" class="list_seType1">
|
||||
<option value="5000">5,000</option>
|
||||
<option value="10000">10,000</option>
|
||||
<option value="20000">20,000</option>
|
||||
<option value="30000">30,000</option>
|
||||
<option value="50000" selected="">50,000</option>
|
||||
<option value="100000">100,000</option>
|
||||
<option value="200000">200,000</option>
|
||||
<option value="300000">300,000</option>
|
||||
<option value="500000">500,000</option>
|
||||
<option value="700000">700,000</option>
|
||||
<option value="900000">900,000</option>
|
||||
<option value="1000000">1,000,000</option>
|
||||
<option value="1200000">1,200,000</option>
|
||||
<option value="1500000">1,500,000</option>
|
||||
<option value="2000000">2,000,000</option>
|
||||
<option value="2500000">2,500,000</option>
|
||||
<option value="3000000">3,000,000</option>
|
||||
</select>
|
||||
|
||||
<p class="input_in">원</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2">
|
||||
<div class="amount_wrap">
|
||||
<dl>
|
||||
<dt>최종 결제금액 :</dt>
|
||||
<dd>
|
||||
<ul>
|
||||
<li><strong id="supplyPriceStr">50,000</strong>원(공급가액)</li>
|
||||
<li><span class="plus"></span><strong
|
||||
id="vatPriceStr">5,000</strong>원(부가세)</li>
|
||||
<li class="total"><span class="equal"></span><strong
|
||||
id="lastPriceStr">55,000</strong>원(최종금액)</li>
|
||||
</ul>
|
||||
</dd>
|
||||
</dl>
|
||||
<button type="button" class="btnType"
|
||||
onclick="pgOpenerPopup(); return false;">충전하기</button>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2">
|
||||
<div class="area_text">
|
||||
<p>- 인터넷 익스플로러 이용 고객께서는 도구-팝업 차단 해제 후 충전이 가능합니다.</p>
|
||||
<p>- 결제사별 정책상 충전금액 제한이 있을 수 있습니다.</p>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
-->
|
||||
|
||||
<!-- 신용카드 -->
|
||||
<div class="area_tabcont on " id="tab2_1">
|
||||
<p class="tType1_title"><img src="/publish/images/credit_small.png" alt="신용카드"> 신용카드</p>
|
||||
@ -383,9 +309,7 @@
|
||||
<tr>
|
||||
<td>
|
||||
<div class="area_text">
|
||||
<p>1. 현재 발급받은 전용계좌가 없습니다.</p>
|
||||
<p>2. 입금 즉시 자동 충전되는 나만의 전용계좌 개설(평생 사용가능, 5천원 이상 입금 가능)</p>
|
||||
<!-- <p>3. 발급받은 전용계좌는 3개월 미사용시 자동 해지됩니다.</p> -->
|
||||
<p>입금 즉시 자동 충전되는 나만의 전용계좌 개설(평생 사용가능, 5천원 이상 입금 가능)</p>
|
||||
</div>
|
||||
</td>
|
||||
<td class="right">
|
||||
@ -415,6 +339,22 @@
|
||||
<col style="width: 35%;">
|
||||
</colgroup>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="checkbox_wrap">
|
||||
<input type="radio" id="chkAccount1" name="chkAccount" value="003_기업은행_48011304697636">
|
||||
<label for="chkAccount1"></label>
|
||||
기업은행 48011304697636
|
||||
</div>
|
||||
<div class="account_holder">
|
||||
(예금주 : ITN_정수빈)
|
||||
</div>
|
||||
|
||||
</td>
|
||||
<td class="right account_te">
|
||||
<button type="button">전용계좌 확인서</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2">
|
||||
<div>
|
||||
@ -427,11 +367,12 @@
|
||||
<div class="area_text">
|
||||
<p>- 전용계좌는 개설일로부터 <span>3개월 미사용 시 자동 해지</span>됩니다.</p>
|
||||
<p>- 전용계좌에 <span>5,000원 이상 입금</span> 시, 연중무휴 <span>실시간 자동 충전이</span> 가능합니다.</p>
|
||||
<!-- <p>- 예금주 : 문자온</p> -->
|
||||
<p>- 계좌번호 문자로 받기(일/3회까지)
|
||||
<p>- 이체 후 충전 확인까지 <span>최대 10분이 소요</span>됩니다.</p>
|
||||
<p>- 이체금액에서 <span>부가세 10%가 제외되고 충전</span>됩니다.</p>
|
||||
<p>- 계좌번호 문자로 받기(유료)
|
||||
<label for="" class="label">전화번호 입력</label>
|
||||
<input type="text" id="callTo" name="callTo" maxlength="11" placeholder="‘-’ 없이 받으실 휴대폰 번호를 입력해주세요." onfocus="this.placeholder=''" onblur="this.placeholder='‘-’ 없이 전화번호를 입력해주세요'">
|
||||
<button type="button" onclick="fnSmsSend(); return false;">문자받기</button>
|
||||
<button type="button" >문자받기</button>
|
||||
</p>
|
||||
</div>
|
||||
</td>
|
||||
@ -641,7 +582,7 @@
|
||||
<tr>
|
||||
<td colspan="2">
|
||||
<div class="area_text">
|
||||
<p>- 나이스페이 결제를 이용하여 인터넷뱅킹처럼 로그인 없이 간단한 정보 입력만으로 실시간 계좌 이체</p>
|
||||
<p>- KG모빌리언스 결제를 이용하여 인터넷뱅킹처럼 로그인 없이 간단한 정보 입력만으로 실시간 계좌 이체</p>
|
||||
<p> (일반결제, 간편결제, 앱결제)를 할 수 있는 간편한 결제 수단입니다.(소득공제 및 지출증빙 가능)</p>
|
||||
</div>
|
||||
</td>
|
||||
@ -1001,161 +942,6 @@
|
||||
<!-- //페이코 -->
|
||||
</div>
|
||||
|
||||
<!--누적결제액별 등급 및 단가 추가 시작-->
|
||||
<div class="accrue_price">
|
||||
<p>등급 : <span><img src="/publish/images/level/level_icon/level_small/orange_small_icon.png" alt="등급 스몰 아이콘">오렌지(누적결제액 : <span>200,000</span>원)</span></p>
|
||||
<!--등급별 스몰 아이콘(images > level > level_icon > level_small) 사용 )-->
|
||||
</div>
|
||||
<div class="accrue_level">
|
||||
<p class="tType1_title level"><img src="/publish/images/level/accrue.png" alt="누적결제액별 등급 및 단가 아이콘"> 누적결제액별 등급 및 단가
|
||||
</p>
|
||||
<table class="tType2 tType2_level">
|
||||
<caption></caption>
|
||||
<colgroup>
|
||||
<col style="width: 13%;">
|
||||
<col style="width: auto;">
|
||||
<col style="width: 11%;">
|
||||
<col style="width: 11%;">
|
||||
<col style="width: 11%;">
|
||||
<col style="width: 11%;">
|
||||
<col style="width: 11%;">
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>등급</th>
|
||||
<th class="th_second">누적결제액<span>(2023-06-28 ~ 현재)</span></th>
|
||||
<th>단문</th>
|
||||
<th>장문</th>
|
||||
<th>그림(1장)</th>
|
||||
<th>그림(2장)</th>
|
||||
<th>그림(3장)</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th>VVIP</th>
|
||||
<td class="level_price">10,000,000</td>
|
||||
<td>8.1</td>
|
||||
<td>32</td>
|
||||
<td>65</td>
|
||||
<td>75</td>
|
||||
<td>80</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>VIP</th>
|
||||
<td class="level_price">9,000,000</td>
|
||||
<td>8.5</td>
|
||||
<td>33</td>
|
||||
<td>66</td>
|
||||
<td>76</td>
|
||||
<td>83</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>골드</th>
|
||||
<td class="level_price">8,000,000</td>
|
||||
<td>9</td>
|
||||
<td>34</td>
|
||||
<td>67</td>
|
||||
<td>77</td>
|
||||
<td>85</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>실버</th>
|
||||
<td class="level_price">7,000,000</td>
|
||||
<td>10</td>
|
||||
<td>35</td>
|
||||
<td>68</td>
|
||||
<td>78</td>
|
||||
<td>90</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>블랙</th>
|
||||
<td class="level_price">6,000,000</td>
|
||||
<td>11</td>
|
||||
<td>36</td>
|
||||
<td>69</td>
|
||||
<td>79</td>
|
||||
<td>95</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>레드</th>
|
||||
<td class="level_price">5,000,000</td>
|
||||
<td>12</td>
|
||||
<td>38</td>
|
||||
<td>72</td>
|
||||
<td>80</td>
|
||||
<td>100</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>퍼플</th>
|
||||
<td class="level_price">4,000,000</td>
|
||||
<td>13</td>
|
||||
<td>40</td>
|
||||
<td>75</td>
|
||||
<td>85</td>
|
||||
<td>105</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>블루</th>
|
||||
<td class="level_price">3,000,000</td>
|
||||
<td>14</td>
|
||||
<td>42</td>
|
||||
<td>78</td>
|
||||
<td>90</td>
|
||||
<td>110</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>오렌지</th>
|
||||
<td class="level_price">2,000,000</td>
|
||||
<td>15</td>
|
||||
<td>44</td>
|
||||
<td>81</td>
|
||||
<td>95</td>
|
||||
<td>115</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>그린</th>
|
||||
<td class="level_price">1,000,000</td>
|
||||
<td>16</td>
|
||||
<td>46</td>
|
||||
<td>84</td>
|
||||
<td>100</td>
|
||||
<td>120</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>옐로우</th>
|
||||
<td class="level_price">500,000</td>
|
||||
<td>17</td>
|
||||
<td>48</td>
|
||||
<td>87</td>
|
||||
<td>105</td>
|
||||
<td>125</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>화이트</th>
|
||||
<td class="level_price">0</td>
|
||||
<td>18</td>
|
||||
<td>50</td>
|
||||
<td>90</td>
|
||||
<td>110</td>
|
||||
<td>130</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<span class="reqTxt4">
|
||||
* 등급별 요금제는 당사의 정책 및 운영의 필요상 수정, 중단 또는 변경될 수 있습니다. <br>
|
||||
* 누적결제액은 등급별 요금제 적용일로부터 적립된 결제금액을 말하며, 누적결제액에 따라 등급은 자동으로 적용됩니다. <br>
|
||||
* "첫결제 이벤트" 등 이벤트 결제금액은 등급별 요금제 누적결제액에서 제외됩니다. <br>
|
||||
</span>
|
||||
<p class="reqTxt4 reqTxt4_last">
|
||||
* 문자피싱, 스미싱, 주식, 도박, 로또, 스팸, 사기, 협박, 범죄, 유사투자, 유사수신 등을 목적으로 하거나 교사 또는 방조하는 내용의 정보, 발신번호 조작
|
||||
등으로 인지되는 문자에 대해서는
|
||||
사전 또는 즉시 발송을 차단하고
|
||||
이용을 정지시킬 수 있으며, 이에 대한 어떠한 환불이나 보상을 실시하지 않습니다. 또한, 상기 문자를 발송한 회원에 대해서는 그 즉시 등급별 요금제 혜택을
|
||||
취소합니다.
|
||||
</p>
|
||||
<!--문자_등급별 요금 안내 추가 끝-->
|
||||
</div>
|
||||
</div><!-- 결제관리 - 결제하기 -->
|
||||
</div>
|
||||
<!--// send top -->
|
||||
@ -1163,38 +949,7 @@
|
||||
</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>
|
||||
<div data-include-path="/publish/layout/_footer.html"></div>
|
||||
<!--// footer 영역 -->
|
||||
</body>
|
||||
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@ -24,165 +24,216 @@
|
||||
<script src="/publish/js/common.js"></script>
|
||||
<script src="/publish/js/content.js"></script>
|
||||
<script src="/publish/js/calendar.js"></script>
|
||||
<script src="/publish/js/popup.js"></script>
|
||||
<script src="/publish/js/popupLayer.js"></script>
|
||||
<script type="text/javascript" src="/publish/js/datepicker/picker.js"></script>
|
||||
<script type="text/javascript" src="/publish/js/datepicker/picker.date.js"></script>
|
||||
<script type="text/javascript" src="/publish/js/datepicker/ko_KR.js"></script>
|
||||
|
||||
<script>
|
||||
$(function () {
|
||||
|
||||
// 거래명세서/사용내역서 발행
|
||||
$(".btn_publish").click(function(){
|
||||
var thisVal = $("[name='publish']:checked").val();
|
||||
var popup_wid = "820";
|
||||
var popup_ht = "820";
|
||||
var popup_left = (window.screen.width / 2) - (popup_wid / 2);
|
||||
var popup_top = (window.screen.height / 2) - (popup_ht / 2);
|
||||
if (thisVal == "statement") {
|
||||
window.open('transaction_statement.html', 'a', 'width=' + popup_wid + ', height=' + popup_ht + ', left=' + popup_left + ', top=' + popup_top);
|
||||
} else {
|
||||
window.open('use_statement.html', 'a', 'width=' + popup_wid + ', height=' + popup_ht + ', left=' + popup_left + ', top=' + popup_top);
|
||||
}
|
||||
});
|
||||
|
||||
})
|
||||
</script>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="mask"></div>
|
||||
|
||||
|
||||
<!-- 알림톡 상세 팝업 -->
|
||||
<div class="tooltip-wrap">
|
||||
<div class="popup-com adr_layer kakao_rev_popup allimTalk_detail_popup" tabindex="0" data-tooltip-con="allimTalk_detail_popup" data-focus="allimTalk_detail_popup" data-focus-prev="allimTalk_detail_popup-close" style="width:440px;">
|
||||
<div class="popup_heading">
|
||||
<p>문자내용</p>
|
||||
<button type="button" class="tooltip-close" data-focus="allimTalk_detail_popup-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
|
||||
</div>
|
||||
<div class="layer_in">
|
||||
<div class="list_tab_wrap2 kakao_rev_tab">
|
||||
<!-- 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 kakao_wrap" id="popCont_1">
|
||||
<div class="rev_pop_in">
|
||||
<div class="rev_pop_middle clearfix">
|
||||
<span>발송일시 : 2021-05-28 16:52:30</span>
|
||||
<span class="msg_com msg_allimtalk">알림톡</span>
|
||||
</div>
|
||||
<div class="rev_pop_txt">
|
||||
<div class="text_preview">
|
||||
<div class="allimtalk_title">
|
||||
<img src="/publish/images/content/icon_allimtalk.png" alt="">알림톡 도착
|
||||
</div>
|
||||
<div class="allimtalk_content">
|
||||
<div class="kakao_image">
|
||||
<img src="/publish/images/content/kakao_template_img.png" alt="">
|
||||
</div>
|
||||
<p class="emphasis_side_text">강조표기 보조문구 미리보기</p>
|
||||
<p class="emphasis_title_text">타이틀 미리보기</p>
|
||||
<p class="template_text">내용미리보기</p>
|
||||
<p class="side_info_text">부가정보내용</p>
|
||||
<p class="channel_info_text">채널 추가 안내 메시지 미리보기</p>
|
||||
<button type="button" class="btn_kakao_type">버튼명</button>
|
||||
<button type="button" class="btn_kakao_type">버튼명</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="popCont replace_send_popup" id="popCont_2">
|
||||
<div class="rev_pop_in">
|
||||
<div class="rev_pop_middle clearfix">
|
||||
<span>발송일시 : 2021-05-28 16:52:30</span>
|
||||
<span class="msg_com msg_allimtalk">알림톡</span>
|
||||
</div>
|
||||
<div class="rev_pop_txt">
|
||||
<ul>
|
||||
<li><img src="/publish/images/content/thumb1.jpg" alt="발송된 그림문자 미리보기"></li>
|
||||
<li><img src="/publish/images/content/thumb2.jpg" alt="발송된 그림문자 미리보기"></li>
|
||||
<li><img src="/publish/images/content/thumb3.jpg" alt="발송된 그림문자 미리보기"></li>
|
||||
</ul>
|
||||
<div>
|
||||
<p class="deny_receipt">(광고) 무료거부 080-888-8282</p>
|
||||
<p class="rev_cont">안녕하세요. 문자온미용실 입니다.<br>
|
||||
여름 맞이 이벤트 입니다.<br>
|
||||
7월부터 8월까지 모든 염색 10만원(시세이도 및 탈색은 별도)
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="popup_btn_wrap2" style="justify-content: center;">
|
||||
<button type="button" class="tooltip-close" data-focus="allimTalk_detail_popup-close" data-focus-next="allimTalk_detail_popup">닫기</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--// 알림톡 상세 팝업 -->
|
||||
|
||||
<!-- 단문 상세 팝업 -->
|
||||
<div class="tooltip-wrap">
|
||||
<div class="popup-com adr_layer shotMsg_detail_popup" tabindex="0" data-tooltip-con="shotMsg_detail_popup" data-focus="shotMsg_detail_popup" data-focus-prev="shotMsg_detail_popup-close" style="width: 440px;">
|
||||
<div class="popup_heading">
|
||||
<p>문자내용</p>
|
||||
<button type="button" class="tooltip-close" data-focus="shotMsg_detail_popup-close">
|
||||
<img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기">
|
||||
</button>
|
||||
</div>
|
||||
<div class="layer_in" id="resvMsgDetailPopLoad">
|
||||
<div class="rev_pop_in">
|
||||
<div class="rev_pop_middle clearfix">
|
||||
<span>발송일시 : 2025-03-31 16:52:18</span>
|
||||
<span class="msg_com msg_short">SMS</span>
|
||||
</div>
|
||||
<div class="rev_pop_txt">
|
||||
<div>
|
||||
<p class="rev_cont">
|
||||
ㄴㅇㄹ
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- // 단문 상세 팝업 -->
|
||||
|
||||
<!-- 장문 상세 팝업 -->
|
||||
<div class="tooltip-wrap">
|
||||
<div class="popup-com adr_layer longMsg_detail_popup" tabindex="0" data-tooltip-con="longMsg_detail_popup" data-focus="longMsg_detail_popup" data-focus-prev="longMsg_detail_popup-close" style="width: 440px;">
|
||||
<div class="popup_heading">
|
||||
<p>문자내용</p>
|
||||
<button type="button" class="tooltip-close" data-focus="longMsg_detail_popup-close">
|
||||
<img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기">
|
||||
</button>
|
||||
</div>
|
||||
<div class="layer_in" id="resvMsgDetailPopLoad">
|
||||
<div class="rev_pop_in">
|
||||
<div class="rev_pop_middle clearfix">
|
||||
<span>발송일시 : </span>
|
||||
<span class="msg_com msg_long">LMS</span>
|
||||
</div>
|
||||
<div class="rev_pop_txt">
|
||||
<div>
|
||||
<!-- <p class="deny_receipt">(광고) 무료거부 080-888-8282</p> -->
|
||||
<p class="rev_cont">
|
||||
BYC 보디가드
|
||||
한울유통 (도매전문)
|
||||
설명절 선물세트 할인판매
|
||||
50~30%세일 도매가격판매
|
||||
도계시장내(순대촌앞)남문12호
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="popup_btn_wrap2" style="justify-content: center;">
|
||||
<button type="button" class="tooltip-close" data-focus="longMsg_detail_popup-close" data-focus-next="longMsg_detail_popup">닫기</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- // 장문 상세 팝업 -->
|
||||
|
||||
|
||||
|
||||
<!-- 그림문자 상세 팝업 -->
|
||||
<div class="tooltip-wrap">
|
||||
<div class="popup-com adr_layer photoMsg_detail_popup" tabindex="0" data-tooltip-con="photoMsg_detail_popup" data-focus="photoMsg_detail_popup" data-focus-prev="photoMsg_detail_popup-close" style="width:440px;">
|
||||
<div class="popup_heading">
|
||||
<p>문자내용</p>
|
||||
<button type="button" class="tooltip-close" data-focus="photoMsg_detail_popup-close">
|
||||
<img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기">
|
||||
</button>
|
||||
</div>
|
||||
<div class="layer_in">
|
||||
<div class="rev_pop_in">
|
||||
<div class="rev_pop_middle clearfix">
|
||||
<span>발송일시 : </span>
|
||||
<span class="msg_com msg_photo">MMS</span>
|
||||
</div>
|
||||
<div class="rev_pop_txt">
|
||||
<ul>
|
||||
<li><img src="/publish/images/content/photo_sample01.jpg" alt="발송된 그림문자 미리보기"></li>
|
||||
</ul>
|
||||
<div>
|
||||
<p class="rev_cont">
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="popup_btn_wrap2" style="justify-content: center;">
|
||||
<button type="button" class="tooltip-close" data-focus="photoMsg_detail_popup-close" data-focus-next="photoMsg_detail_popup">닫기</button>
|
||||
</div>
|
||||
</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="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>
|
||||
<div data-include-path="/publish/layout/_header.html"></div>
|
||||
<!--// header 영역 -->
|
||||
<!-- login 영역 -->
|
||||
<!-- content 영역 -->
|
||||
@ -192,114 +243,33 @@
|
||||
<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,'1');">결제하기</button></li>
|
||||
<li class="tab"><button type="button" onclick="TabType5(this,'2');">요금 결제내역</button></li>
|
||||
<li class="tab active"><button type="button" onclick="TabType5(this,'3');">요금 사용내역</button></li>
|
||||
<li class="tab"><button type="button" onclick="TabType5(this,'4');">계산서/현금영수증 발행 등록</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/payment1.html'">요금안내/견적내기</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/payment2.html'">결제하기</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/payment3.html'">요금 결제내역</button></li>
|
||||
<li class="tab active"><button type="button" onclick="TabType5(this,'4');">요금 사용내역</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/payment5.html'">세금계산서 발행 등록</button></li>
|
||||
</ul>
|
||||
<!--// tab button -->
|
||||
<!-- 결제관리 - 요금 사용내역 -->
|
||||
<div class="serv_content current" id="tab5_4">
|
||||
<div class="heading">
|
||||
<h2>요금 사용내역</h2>
|
||||
<button type="button" class="button info" onclick="infoListPop('PayUserList','792','260');">사용안내</button>
|
||||
</div>
|
||||
<p class="tRight c_666" style="margin: 0 0 10px 0">(단위 : 건, 원)</p>
|
||||
<!-- <p class="tRight c_666" style="margin: 0 0 10px 0">(단위 : 건, 원)</p> -->
|
||||
<div class="hisroy_price">
|
||||
<div class="hisroy_price_in">
|
||||
<p><i></i>충전금액</p>
|
||||
<div class="clearfix">
|
||||
<p>캐시</p>
|
||||
<p><span>120</span>원</p>
|
||||
</div>
|
||||
<div class="clearfix">
|
||||
<p>포인트</p>
|
||||
<p><span>120</span>원</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="hisroy_price_in">
|
||||
<p><i></i>사용금액</p>
|
||||
<div class="clearfix">
|
||||
<p>캐시</p>
|
||||
<p><span>120</span>원</p>
|
||||
</div>
|
||||
<div class="clearfix">
|
||||
<!-- <div class="clearfix">
|
||||
<p>포인트</p>
|
||||
<p><span>120</span>원</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="hisroy_price_in">
|
||||
<p><i></i>잔액</p>
|
||||
<div class="clearfix">
|
||||
<p>캐시</p>
|
||||
<p><span>120</span>원</p>
|
||||
</div>
|
||||
<div class="clearfix">
|
||||
<p>포인트</p>
|
||||
<p><span>120</span>원</p>
|
||||
</div>
|
||||
</div> -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="history_details">
|
||||
<p class="tType1_title"><img src="/publish/images/content/history_details_title.png" alt=""> 발송내역</p>
|
||||
<div class="details_wrap">
|
||||
<table>
|
||||
<colgroup>
|
||||
<col style="width: calc(100% / 6);">
|
||||
<col style="width: calc(100% / 6);">
|
||||
<col style="width: calc(100% / 6);">
|
||||
<col style="width: calc(100% / 6);">
|
||||
<col style="width: calc(100% / 6);">
|
||||
<col style="width: calc(100% / 6);">
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>구분</th>
|
||||
<th>문자</th>
|
||||
<th>알림톡</th>
|
||||
<th>친구톡</th>
|
||||
<th>팩스</th>
|
||||
<th>계</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>발송건(매)수</td>
|
||||
<td>100,000,000</td>
|
||||
<td>100,000,000</td>
|
||||
<td>100,000,000</td>
|
||||
<td>100,000,000</td>
|
||||
<td>100,000,000</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>사용금액</td>
|
||||
<td>100,000,000</td>
|
||||
<td>100,000,000</td>
|
||||
<td>100,000,000</td>
|
||||
<td>100,000,000</td>
|
||||
<td>100,000,000</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>예약건수</td>
|
||||
<td>100,000,000</td>
|
||||
<td>100,000,000</td>
|
||||
<td>100,000,000</td>
|
||||
<td>100,000,000</td>
|
||||
<td>100,000,000</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>사용금액</td>
|
||||
<td>100,000,000</td>
|
||||
<td>100,000,000</td>
|
||||
<td>100,000,000</td>
|
||||
<td>100,000,000</td>
|
||||
<td>100,000,000</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<p class="tType1_title"><img src="/publish/images/content/icon_details_breakdown.png" alt=""> 세부내역</p>
|
||||
<div class="excel_middle">
|
||||
<div class="select_btnWrap clearfix">
|
||||
<div class="btn_left">
|
||||
@ -328,7 +298,7 @@
|
||||
<li class="tab"><button type="button" onclick="listTab2(this,'4');">그림</button></li>
|
||||
<li class="tab"><button type="button" onclick="listTab2(this,'5');">선거</button></li>
|
||||
<li class="tab"><button type="button" onclick="listTab2(this,'5');">알림톡</button></li>
|
||||
<li class="tab"><button type="button" onclick="listTab2(this,'5');">친구톡</button></li>
|
||||
<!-- <li class="tab"><button type="button" onclick="listTab2(this,'5');">친구톡</button></li> -->
|
||||
<li class="tab"><button type="button" onclick="listTab2(this,'5');">팩스</button></li>
|
||||
</ul>
|
||||
<!--// tab button -->
|
||||
@ -345,333 +315,82 @@
|
||||
<div class="tb_wrap">
|
||||
<table class="tType4">
|
||||
<colgroup>
|
||||
<col style="width: 40px;">
|
||||
<col style="width: 10%;">
|
||||
<col style="width: auto;">
|
||||
<col style="width: 15%;">
|
||||
<col style="width: 35%;">
|
||||
<col style="width: 10%;">
|
||||
<col style="width: 10%;">
|
||||
<col style="width: 10%;">
|
||||
<col style="width: 10%;">
|
||||
<col style="width: 10%;">
|
||||
<col style="width: 10%;">
|
||||
<col style="width: 15%;">
|
||||
<col style="width: 15%;">
|
||||
<col style="width: 20%;">
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr>
|
||||
<th rowspan="2">
|
||||
<label for="" class="label">전체 선택</label>
|
||||
<input type="checkbox">
|
||||
</th>
|
||||
<th rowspan="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>
|
||||
<input type="button" class="sort sortBtnDesc" id="sort_regDate" sortord="desc">
|
||||
</div>
|
||||
</th>
|
||||
<th rowspan="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>
|
||||
<input type="button" class="sort sortBtn" id="sort_orderByCode">
|
||||
</div>
|
||||
</th>
|
||||
<th rowspan="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 colspan="2">충전</th>
|
||||
<th colspan="2">사용</th>
|
||||
<th colspan="2">잔액</th>
|
||||
<th rowspan="2">내용</th>
|
||||
<th rowspan="2">발송건수</th>
|
||||
<th>사용</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>충전금</th>
|
||||
<th>포인트</th>
|
||||
<th>충전금</th>
|
||||
<th>포인트</th>
|
||||
<th>충전금</th>
|
||||
<th>포인트</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
<label for="" class="label">선택</label>
|
||||
<input type="checkbox">
|
||||
</td>
|
||||
<td>
|
||||
<p>2021-06-10</p>
|
||||
</td>
|
||||
<td>
|
||||
<p>알림톡 텍스트</p>
|
||||
</td>
|
||||
<td class="tb_tit">
|
||||
<p>(광고) 하이~ 무료 거부 0801000008 대리운전</p>
|
||||
<div class="history_hover">
|
||||
<div class="allimtalk_title">
|
||||
<img src="/publish/images/content/icon_allimtalk.png" alt="">알림톡 도착
|
||||
</div>
|
||||
<div class="allimtalk_content">
|
||||
<div class="kakao_image">
|
||||
<img src="/publish/images/content/kakao_template_img.png" alt="">
|
||||
</div>
|
||||
<p class="emphasis_side_text">강조표기 보조문구 미리보기</p>
|
||||
<p class="emphasis_title_text">타이틀 미리보기</p>
|
||||
<p class="template_text">내용미리보기</p>
|
||||
<p class="side_info_text">부가정보내용</p>
|
||||
<p class="channel_info_text">채널 추가 안내 메시지 미리보기</p>
|
||||
<button type="button" class="btn_kakao_type">버튼명</button>
|
||||
<button type="button" class="btn_kakao_type">버튼명</button>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<p>0</p>
|
||||
</td>
|
||||
<td>
|
||||
<p>0</p>
|
||||
</td>
|
||||
<td>
|
||||
<p class="fwRg c_002c9a">0</p>
|
||||
</td>
|
||||
<td>
|
||||
<p class="fwRg c_002c9a">50</p>
|
||||
</td>
|
||||
<td>
|
||||
<p class="fwRg c_222">0</p>
|
||||
</td>
|
||||
<td>
|
||||
<p class="fwRg c_222">350</p>
|
||||
<td colspan="5">
|
||||
검색 결과가 없습니다.
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>2025-04-21 18:19:48</td>
|
||||
<td>알림톡</td>
|
||||
<td><button class="btnType btnType20" data-tooltip="allimTalk_detail_popup">상세보기</button></td>
|
||||
<td>
|
||||
<label for="" class="label">선택</label>
|
||||
<input type="checkbox">
|
||||
<p class="fwRg c_002c9a">1/0</p>
|
||||
</td>
|
||||
<td>
|
||||
<p>2021-06-10</p>
|
||||
</td>
|
||||
<td>
|
||||
<p>알림톡</p>
|
||||
</td>
|
||||
<td class="tb_tit">
|
||||
<p>(광고) 하이~ 무료 거부 0801000008 대리운전</p>
|
||||
<div class="history_hover">
|
||||
<ul>
|
||||
<li><img src="/publish/images/content/history_img1.jpg" alt="보낸 이미지1"></li>
|
||||
</ul>
|
||||
<p>(광고) 하이~ 무료 거부 08010000008 빨리빨리대리전★☎ 1588-8282 시원한 맥주한잔 후엔 10% 적립! 불러주시면 빨리 달려갑니다! (광고) 하이~ 무료 거부 08010000008 빨리빨리대리전★☎ 1588-8282 시원한 맥주한잔 후엔 10% 적립! 불러주시면 빨리 달려갑니다!</p>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<p>0</p>
|
||||
</td>
|
||||
<td>
|
||||
<p>0</p>
|
||||
</td>
|
||||
<td>
|
||||
<p class="fwRg c_002c9a">0</p>
|
||||
</td>
|
||||
<td>
|
||||
<p class="fwRg c_002c9a">50</p>
|
||||
</td>
|
||||
<td>
|
||||
<p class="fwRg c_222">0</p>
|
||||
</td>
|
||||
<td>
|
||||
<p class="fwRg c_222">350</p>
|
||||
<p class="fwRg c_002c9a">5</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>2025-04-21 18:19:48</td>
|
||||
<td>단문</td>
|
||||
<td><button class="btnType btnType20" data-tooltip="shotMsg_detail_popup">상세보기</button></td>
|
||||
<td>
|
||||
<label for="" class="label">선택</label>
|
||||
<input type="checkbox">
|
||||
<p class="fwRg c_002c9a">1/0</p>
|
||||
</td>
|
||||
<td>
|
||||
<p>2021-06-10</p>
|
||||
</td>
|
||||
<td>
|
||||
<p>친구톡</p>
|
||||
</td>
|
||||
<td class="tb_tit">
|
||||
<p>(광고) 하이~ 무료 거부 0801000008 대리운전</p>
|
||||
<div class="history_hover">
|
||||
<ul>
|
||||
<li><img src="/publish/images/content/history_img1.jpg" alt="보낸 이미지1"></li>
|
||||
</ul>
|
||||
<p>(광고) 하이~ 무료 거부 08010000008 빨리빨리대리전★☎ 1588-8282 시원한 맥주한잔 후엔 10% 적립! 불러주시면 빨리 달려갑니다! (광고) 하이~ 무료 거부 08010000008 빨리빨리대리전★☎ 1588-8282 시원한 맥주한잔 후엔 10% 적립! 불러주시면 빨리 달려갑니다!</p>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<p>0</p>
|
||||
</td>
|
||||
<td>
|
||||
<p>0</p>
|
||||
</td>
|
||||
<td>
|
||||
<p class="fwRg c_002c9a">0</p>
|
||||
</td>
|
||||
<td>
|
||||
<p class="fwRg c_002c9a">50</p>
|
||||
</td>
|
||||
<td>
|
||||
<p class="fwRg c_222">0</p>
|
||||
</td>
|
||||
<td>
|
||||
<p class="fwRg c_222">350</p>
|
||||
<p class="fwRg c_002c9a">5</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>2025-04-21 18:19:48</td>
|
||||
<td>장문</td>
|
||||
<td><button class="btnType btnType20" data-tooltip="longMsg_detail_popup">상세보기</button></td>
|
||||
<td>
|
||||
<label for="" class="label">선택</label>
|
||||
<input type="checkbox">
|
||||
<p class="fwRg c_002c9a">1/0</p>
|
||||
</td>
|
||||
<td>
|
||||
<p>2021-06-10</p>
|
||||
</td>
|
||||
<td>
|
||||
<p>광고</p>
|
||||
</td>
|
||||
<td class="tb_tit">
|
||||
<p>(광고) 하이~ 무료 거부 0801000008 대리운전</p>
|
||||
<div class="history_hover">
|
||||
<ul>
|
||||
<li><img src="/publish/images/content/history_img1.jpg" alt="보낸 이미지1"></li>
|
||||
</ul>
|
||||
<p>(광고) 하이~ 무료 거부 08010000008 빨리빨리대리전★☎ 1588-8282 시원한 맥주한잔 후엔 10% 적립! 불러주시면 빨리 달려갑니다! (광고) 하이~ 무료 거부 08010000008 빨리빨리대리전★☎ 1588-8282 시원한 맥주한잔 후엔 10% 적립! 불러주시면 빨리 달려갑니다!</p>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<p>0</p>
|
||||
</td>
|
||||
<td>
|
||||
<p>0</p>
|
||||
</td>
|
||||
<td>
|
||||
<p class="fwRg c_002c9a">0</p>
|
||||
</td>
|
||||
<td>
|
||||
<p class="fwRg c_002c9a">50</p>
|
||||
</td>
|
||||
<td>
|
||||
<p class="fwRg c_222">0</p>
|
||||
</td>
|
||||
<td>
|
||||
<p class="fwRg c_222">350</p>
|
||||
<p class="fwRg c_002c9a">5</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>2025-04-21 18:19:48</td>
|
||||
<td>그림</td>
|
||||
<td><button class="btnType btnType20" data-tooltip="photoMsg_detail_popup">상세보기</button></td>
|
||||
<td>
|
||||
<label for="" class="label">선택</label>
|
||||
<input type="checkbox">
|
||||
<p class="fwRg c_002c9a">1/0</p>
|
||||
</td>
|
||||
<td>
|
||||
<p>2021-06-10</p>
|
||||
</td>
|
||||
<td>
|
||||
<p>선거</p>
|
||||
</td>
|
||||
<td class="tb_tit">
|
||||
<p>(광고) 하이~ 무료 거부 0801000008 대리운전</p>
|
||||
<div class="history_hover">
|
||||
<ul>
|
||||
<li><img src="/publish/images/content/history_img1.jpg" alt="보낸 이미지1"></li>
|
||||
<li><img src="/publish/images/content/history_img2.jpg" alt="보낸 이미지2"></li>
|
||||
<li><img src="/publish/images/content/history_img3.jpg" alt="보낸 이미지3"></li>
|
||||
</ul>
|
||||
<p>(광고) 하이~ 무료 거부 08010000008 빨리빨리대리전★☎ 1588-8282 시원한 맥주한잔 후엔 10% 적립! 불러주시면 빨리 달려갑니다! (광고) 하이~ 무료 거부 08010000008 빨리빨리대리전★☎ 1588-8282 시원한 맥주한잔 후엔 10% 적립! 불러주시면 빨리 달려갑니다!</p>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<p>0</p>
|
||||
</td>
|
||||
<td>
|
||||
<p>0</p>
|
||||
</td>
|
||||
<td>
|
||||
<p class="fwRg c_002c9a">0</p>
|
||||
</td>
|
||||
<td>
|
||||
<p class="fwRg c_002c9a">50</p>
|
||||
</td>
|
||||
<td>
|
||||
<p class="fwRg c_222">0</p>
|
||||
</td>
|
||||
<td>
|
||||
<p class="fwRg c_222">350</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<label for="" class="label">선택</label>
|
||||
<input type="checkbox">
|
||||
</td>
|
||||
<td>
|
||||
<p>2021-06-10</p>
|
||||
</td>
|
||||
<td>
|
||||
<p>일반</p>
|
||||
</td>
|
||||
<td class="tb_tit">
|
||||
<p>(광고) 하이~ 무료 거부 0801000008 대리운전</p>
|
||||
<div class="history_hover">
|
||||
<p>(광고) 하이~ 무료 거부 08010000008 빨리빨리대리전★☎ 1588-8282 시원한 맥주한잔 후엔 10% 적립! 불러주시면 빨리 달려갑니다! (광고) 하이~ 무료 거부 08010000008 빨리빨리대리전★☎ 1588-8282 시원한 맥주한잔 후엔 10% 적립! 불러주시면 빨리 달려갑니다!</p>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<p>0</p>
|
||||
</td>
|
||||
<td>
|
||||
<p>0</p>
|
||||
</td>
|
||||
<td>
|
||||
<p class="fwRg c_002c9a">0</p>
|
||||
</td>
|
||||
<td>
|
||||
<p class="fwRg c_002c9a">50</p>
|
||||
</td>
|
||||
<td>
|
||||
<p class="fwRg c_222">0</p>
|
||||
</td>
|
||||
<td>
|
||||
<p class="fwRg c_222">350</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<label for="" class="label">선택</label>
|
||||
<input type="checkbox">
|
||||
</td>
|
||||
<td>
|
||||
<p>2021-06-10</p>
|
||||
</td>
|
||||
<td>
|
||||
<p>가입축하포인트</p>
|
||||
</td>
|
||||
<td class="tb_tit">
|
||||
<p>문자포인트 적립</p>
|
||||
</td>
|
||||
<td>
|
||||
<p>0</p>
|
||||
</td>
|
||||
<td>
|
||||
<p>500</p>
|
||||
</td>
|
||||
<td>
|
||||
<p class="fwRg c_002c9a">0</p>
|
||||
</td>
|
||||
<td>
|
||||
<p class="fwRg c_002c9a">500</p>
|
||||
</td>
|
||||
<td>
|
||||
<p class="fwRg c_222">0</p>
|
||||
</td>
|
||||
<td>
|
||||
<p class="fwRg c_222">500</p>
|
||||
<p class="fwRg c_002c9a">5</p>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
@ -679,13 +398,17 @@
|
||||
</div>
|
||||
<div class="publish_btn clearfix">
|
||||
<div>
|
||||
<input type="radio" checked>
|
||||
<label for="">거래명세서</label>
|
||||
<input type="radio">
|
||||
<label for="">사용내역서</label>
|
||||
<input type="radio" name="publish" id="publishS" value="statement" checked>
|
||||
<label for="publishS">거래명세서</label>
|
||||
<input type="radio" name="publish" id="publishD" value="details">
|
||||
<label for="publishD">사용내역서</label>
|
||||
<select id="addVatType" name="addVatType" class="selType2">
|
||||
<option value="N" selected="">부가세 별도</option>
|
||||
<option value="Y">부가세 포함</option>
|
||||
</select>
|
||||
</div>
|
||||
<div>
|
||||
<button type="button" class="btnType">발행하기</button>
|
||||
<button type="button" class="btnType btn_publish">발행하기</button>
|
||||
</div>
|
||||
</div>
|
||||
<!-- pagination -->
|
||||
@ -713,38 +436,7 @@
|
||||
</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>
|
||||
<div data-include-path="/publish/layout/_footer.html"></div>
|
||||
<!--// footer 영역 -->
|
||||
</body>
|
||||
|
||||
|
||||
@ -22,396 +22,227 @@
|
||||
<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>
|
||||
<script src="/publish/js/popup.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 메뉴 -->
|
||||
</div>
|
||||
<!--// skip 메뉴 -->
|
||||
|
||||
<!-- 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 영역 -->
|
||||
<div data-include-path="/publish/layout/_header.html"></div>
|
||||
<!--// header 영역 -->
|
||||
<!-- login 영역 -->
|
||||
<!-- content 영역 -->
|
||||
<div id="container" class="cont sub">
|
||||
<div class="inner">
|
||||
|
||||
<!-- send top -->
|
||||
<div class="send_top">
|
||||
<!-- tab button -->
|
||||
<ul class="tabType4">
|
||||
<li class="tab"><button type="button" onclick="TabType5(this,'1');">요금안내/견적내기</button></li>
|
||||
<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 -->
|
||||
<!-- 결제관리 - 계산서/현금영수증 발행 등록 -->
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/payment1.html'">요금안내/견적내기</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/payment2.html'">결제하기</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/payment3.html'">요금 결제내역</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/payment4.html'">요금 사용내역</button></li>
|
||||
<li class="tab active"><button type="button" onclick="TabType5(this,'5');">세금계산서 발행 등록</button></li>
|
||||
</ul>
|
||||
<!--// tab button -->
|
||||
|
||||
<div class="serv_content current" id="tab5_5">
|
||||
<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 -->
|
||||
<!-- <h2>세금계산서/영수증</h2> -->
|
||||
<h2>세금계산서 발행 등록</h2>
|
||||
<button type="button" class="button info" onclick="infoListPop('BillPub','792','350');">사용안내</button>
|
||||
</div>
|
||||
<!-- 세금계산서/영수증 - 세금계산서(기업/개인) -->
|
||||
<div class="pay_cont current" id="tab1_1">
|
||||
<div class="titBox">
|
||||
<p>- 세금계산서는 결제일로부터 영업일 기준 3일 소요되며, 업체 등록한 담당자 이메일로 자동 발행됩니다(결제일로부터 다음달 9일까지 신청가능)</p>
|
||||
<p>- 신청기간이 지난 세금계산서 결제내역은 자동발행이 되지 않습니다.</p>
|
||||
<p>- 카드전표 또는 현금영수증을 발행한 건의 경우에는 세금계산서 발행이 불가합니다.</p>
|
||||
<p>- 전자세금계산서는 발행과 동시에 국세청에 전송되기 때문에 폐기 및 정정이 불가하며, 수정이 필요한 경우 문자온 담당자에게 별도로 수정 세금계산서 발행을 요청(전화 또는 이메일)하셔야 합니다.</p>
|
||||
<p> 또한, 기존 세금계산서와 수정 세금계산서 모두를 부가세 신고하여야 합니다.</p>
|
||||
<p>- 세금계산서 자동발행 등록 시 현금영수증 발행화면은 비활성화 됩니다.</p>
|
||||
<p>- 무통장, 전용계좌는 송금액에서 공급가액이 충전됩니다(VAT 별도)</p>
|
||||
<div class="bill_tab">
|
||||
<ul>
|
||||
<li><input type="radio" name="billDepth" id="billDepth1" onchange="billDepth(this);" value="biz"><label for="billDepth1">기업</label></li>
|
||||
<li><input type="radio" name="billDepth" id="billDepth2" onchange="billDepth(this);" value="regi"><label for="billDepth2">개인</label></li>
|
||||
</ul>
|
||||
<p>* 자동 발행은 기업/개인 중에 한 곳만 가능합니다.</p>
|
||||
</div>
|
||||
<!-- 개인(선거)정보 -->
|
||||
<p class="tType1_title">개인(선거)정보<button type="button" class="btnType">개인정보 수정하기</button></p>
|
||||
<table class="tType1">
|
||||
<caption>개인(선거)정보 성명, 주민등록번호, 주소에 대한 표</caption>
|
||||
<colgroup>
|
||||
<col style="width: 160px;">
|
||||
<col style="width: auto;">
|
||||
</colgroup>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th scope="row">성명</th>
|
||||
<td>홍길동</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">주민등록번호</th>
|
||||
<td>88xxxx-1xxxxxx</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">성명</th>
|
||||
<td>서울시 도봉구 홍길동</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<!-- 기업정보 -->
|
||||
<p class="tType1_title">기업정보<button type="button" class="btnType">개인정보 수정하기</button></p>
|
||||
<div class="bill_content_wrap">
|
||||
<div class="bill_content" style="display: none;">
|
||||
|
||||
<table class="tType1">
|
||||
<caption>계산서 정보 발행여부 선택에 대한 표</caption>
|
||||
<colgroup>
|
||||
<col style="width: 190px;">
|
||||
<col style="width: auto;">
|
||||
</colgroup>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th scope="row"><span class="essential">*</span>자동발행여부</th>
|
||||
<td class="send_cf">
|
||||
<input id="radio1" type="radio" name="taxRadio1" value="B" onchange="taxbillCheck(this);">
|
||||
<label for="radio1">자동발행</label>
|
||||
<input id="radio2" type="radio" name="taxRadio1" value="N" checked="checked" onchange="taxbillCheck(this);">
|
||||
<label for="radio2">발행하지 않음</label>
|
||||
<span class="reqTxt6"><span class="vMiddle">*</span> 날짜 소급적용 불가</span>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<p class="tType1_title">기업 발행 정보</p>
|
||||
<table class="tType1">
|
||||
<caption>대표자명, 사업자번호, 주소에 대한 표</caption>
|
||||
<colgroup>
|
||||
<col style="width: 190px;">
|
||||
<col style="width: auto;">
|
||||
</colgroup>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th scope="row"><span class="essential">*</span>상호명</th>
|
||||
<td><input type="text" id="taxBzNm" maxlength="80" value="" style="width:80%;"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row"><span class="essential">*</span>대표자명</th>
|
||||
<td><input type="text" id="taxChrmNm" maxlength="40" value=""></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row"><span class="essential">*</span>사업자번호</th>
|
||||
<td><input type="text" id="taxBizNo" maxlength="20" onkeyup="this.value=this.value.replace(/[^-\.0-9]/g,'')" value=""><span class="reqTxt6"><span class="vMiddle">*</span> 숫자만 입력하세요</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row"><span class="essential">*</span>주소</th>
|
||||
<td><input type="text" id="taxAddr" maxlength="65" value="" style="width:80%;"><span class="reqTxt6"><span class="vMiddle">*</span> 전체 주소를 입력하세요</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row"><span class="essential">*</span>업태</th>
|
||||
<td><input type="text" id="taxBizCondition" maxlength="45" value=""><span class="reqTxt6"><span class="vMiddle">*</span> 비영리 기관의 경우 "비영리"로 입력하세요.</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row"><span class="essential">*</span>종목</th>
|
||||
<td><input type="text" id="taxBizEvnet" maxlength="45" value=""><span class="reqTxt6"><span class="vMiddle">*</span> 비영리 기관의 경우 "비영리"로 입력하세요.</span></td>
|
||||
</tr>
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div class="bill_content" style="display: block;">
|
||||
|
||||
<table class="tType1">
|
||||
<caption>계산서 정보 발행여부 선택에 대한 표</caption>
|
||||
<colgroup>
|
||||
<col style="width: 190px;">
|
||||
<col style="width: auto;">
|
||||
</colgroup>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th scope="row"><span class="essential">*</span>자동발행여부</th>
|
||||
<td class="send_cf">
|
||||
<input id="radio1_1" type="radio" name="taxRadio2" value="C" onchange="taxbillCheck(this);">
|
||||
<label for="radio1_1">자동발행</label>
|
||||
<input id="radio2_1" type="radio" name="taxRadio2" value="N" checked="checked" onchange="taxbillCheck(this);">
|
||||
<label for="radio2_1">발행하지 않음</label>
|
||||
<span class="reqTxt6"><span class="vMiddle">*</span> 날짜 소급적용 불가</span>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<p class="tType1_title">개인 정보</p>
|
||||
<table class="tType1">
|
||||
<caption>개인 정보 성명, 주민등록번호, 주소에 대한 표</caption>
|
||||
<colgroup>
|
||||
<col style="width: 190px;">
|
||||
<col style="width: auto;">
|
||||
</colgroup>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th scope="row"><span class="essential">*</span>성명</th>
|
||||
<td><input type="text" id="taxCNm" maxlength="5" value=""></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row"><span class="essential">*</span>주민등록번호</th>
|
||||
<td><input type="text" id="taxCIhidNum" value="" maxlength="13"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row"><span class="essential">*</span>주소</th>
|
||||
<td><input type="text" id="taxCAddr" maxlength="65" value="" style="width:80%;"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p class="tType1_title">담당자 정보</p>
|
||||
<table class="tType1">
|
||||
<caption>기업정보 회사명, 사업자등로건호, 대표, 사업장 소재지, 업태/종목에 대한 표<caption>
|
||||
<caption>담당자 정보 계산서 수신 이메일, 담당자 이름, 담당자 휴대폰,회사 대표번호에 대한 표</caption>
|
||||
<colgroup>
|
||||
<col style="width: 160px;">
|
||||
<col style="width: 190px;">
|
||||
<col style="width: auto;">
|
||||
</colgroup>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th scope="row">회사명</th>
|
||||
<td>주식회사 아이티앤</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">사업자등록번호</th>
|
||||
<td>653-87-00858</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">대표</th>
|
||||
<td>유인식</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">사업장 소재지</th>
|
||||
<td>경기 남양주시 다산중앙로 19번길 21(다산동) 1027호, 1028호(블루웨일지식산업센터 1차)</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">업태/종목</th>
|
||||
<td>서비스업 / 소프트웨어 개발 및 자문</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<p class="tType1_title">계산서 정보</p>
|
||||
<table class="tType1">
|
||||
<caption>계산서 정보 발행여부 선택, 계산서 수신 이메일, 담당자 이름, 담당자 휴대폰,회사 대표번호에 대한 표</caption>
|
||||
<colgroup>
|
||||
<col style="width: 160px;">
|
||||
<col style="width: auto;">
|
||||
</colgroup>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th scope="row">발행여부</th>
|
||||
<td class="send_cf">
|
||||
<input id="radio1" type="radio"name="" checked="checked">
|
||||
<label for="radio1">자동발행</label>
|
||||
<input id="radio2" type="radio" name="">
|
||||
<label for="radio2">발행하지 않음</label>
|
||||
<span class="reqTxt6"><span class="vMiddle">*</span> 날짜 소급적용 불가</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">계산서 수신 이메일</th>
|
||||
<tr class="autoY">
|
||||
<th scope="row"><span class="essential">*</span>계산서 수신 이메일</th>
|
||||
<td>
|
||||
<div class="emailWrap2">
|
||||
<label for="" class="label">이메일 앞자리</label>
|
||||
<input type="text">
|
||||
<input type="text" id="taxMngEmail1" name="taxMngEmail1" maxlength="29">
|
||||
<span>@</span>
|
||||
<label for="" class="label">이메일 뒷자리</label>
|
||||
<input type="text">
|
||||
<input type="text" id="taxMngEmail2" name="taxMngEmail2" maxlength="20">
|
||||
</div>
|
||||
<label for="" class="이메일 선택"></label>
|
||||
<select class="list_selType1">
|
||||
<option value="">직접입력</option>
|
||||
<option value="">직접입력</option>
|
||||
<select class="list_selType1" id="taxEmailSelect" onchange="taxEmailChange(this)">
|
||||
<option value="1">직접입력</option>
|
||||
<option value="naver.com">네이버</option>
|
||||
<option value="nate.com">네이트</option>
|
||||
<option value="daum.net">다음</option>
|
||||
<option value="hanmail.net">한메일</option>
|
||||
<option value="gmail.com">지메일</option>
|
||||
</select>
|
||||
<button type="button" class="btnType btnType6">계산서 발행 내역 보기</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">담당자 이름</th>
|
||||
<tr class="autoY">
|
||||
<th scope="row"><span class="essential">*</span>담당자 이름</th>
|
||||
<td><label for="" class="label">담당자 이름 입력</label>
|
||||
<input type="text" size="36"></td>
|
||||
<input type="text" size="36" name="taxMngNm" id="taxMngNm" value="" maxlength="8"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">담당자 휴대폰</th>
|
||||
<tr class="autoY">
|
||||
<th scope="row"><span class="essential">*</span>담당자 휴대폰</th>
|
||||
<td><label for="" class="label">담당자 휴대폰 입력</label>
|
||||
<input type="text" placeholder="‘-’ 없이 숫자만 입력" onfocus="thisplaceholder=''" onblur="this.placeholder='‘-’ 없이 숫자만 입력'"size="36">
|
||||
<input type="text" name="taxMngPhoneNum" id="taxMngPhoneNum" value="" maxlength="12" oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');" placeholder="‘-’ 없이 숫자만 입력" onfocus="thisplaceholder=''" onblur="this.placeholder='‘-’ 없이 숫자만 입력'" size="36">
|
||||
<span class="reqTxt6"><span class="vMiddle">*</span> 계산서 안내문자 수신용입니다. 정확하게 입력바랍니다.</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<tr class="autoY">
|
||||
<th scope="row">회사 대표번호</th>
|
||||
<td><label for="" class="label">회사 대표번호 입력</label>
|
||||
<input type="text" placeholder="‘-’ 없이 숫자만 입력" onfocus="thisplaceholder=''" onblur="this.placeholder='‘-’ 없이 숫자만 입력'"size="36"></td>
|
||||
<input type="text" name="taxMngComNum" id="taxMngComNum" value="" maxlength="12" oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');" placeholder="‘-’ 없이 숫자만 입력" onfocus="thisplaceholder=''" onblur="this.placeholder='‘-’ 없이 숫자만 입력'" size="36"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<div style="text-align: center;">
|
||||
<button type="button" class="btnType btnType16">계산서 정보 수정하기</button>
|
||||
<button type="button" class="btnType btnType16" onclick="javascript:updateTaxbill('USRCNFRM_00000003424'); ">계산서 정보 수정하기</button>
|
||||
</div>
|
||||
</div> <!-- 세금계산서/영수증 - 세금계산서(기업/개인) -->
|
||||
|
||||
<!-- 세금계산서/영수증 - 현금영수증 -->
|
||||
<div class="pay_cont" id="tab1_2">
|
||||
<div class="titBox">
|
||||
<p>- 현금영수증 정보를 사전 입력하셔야만 자동 발행됩니다.</p>
|
||||
<p>- 현금영수증은 결제일로부터 30일 이내 신청 가능하며, 신청일로부터 영업일 기준 7일 이내 처리됩니다.</p>
|
||||
<p>- 전화번호 변경 시 결제 전 수정 부탁드립니다.</p>
|
||||
</div>
|
||||
<!-- 개인정보 -->
|
||||
<p class="tType1_title">현금영수증 정보등록<button type="button" class="btnType">등록 정보수정하기</button></p>
|
||||
<table class="tType1">
|
||||
<caption>현금영수증 구분, 조회날짜, 날짜설정에 대한 표</caption>
|
||||
<colgroup>
|
||||
<col style="width: 160px;">
|
||||
<col style="width: auto;">
|
||||
</colgroup>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th scope="row">사업자번호</th>
|
||||
<td>
|
||||
<label for="" class="label">사업자번호</label>
|
||||
<input type="text" placeholder="123-45-5678" readonly class="readonly" size="36" style="width: 373px;">
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">이메일</th>
|
||||
<td>
|
||||
<div class="emailWrap2">
|
||||
<label for="" class="label">이메일 앞자리</label>
|
||||
<input type="text">
|
||||
<span>@</span>
|
||||
<label for="" class="label">이메일 뒷자리</label>
|
||||
<input type="text">
|
||||
</div>
|
||||
<label for="" class="이메일 선택"></label>
|
||||
<select class="list_selType1">
|
||||
<option value="">직접입력</option>
|
||||
<option value="">직접입력</option>
|
||||
</select>
|
||||
<span class="reqTxt6"><span class="vMiddle">*</span> 입력하신 이메일 주소로 발행됩니다.</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">담당자 휴대폰</th>
|
||||
<td>
|
||||
<label for="" class="label">담당자 휴대폰 입력</label>
|
||||
<input type="text" placeholder="‘-’ 없이 숫자만 입력" onfocus="thisplaceholder=''" onblur="this.placeholder='‘-’ 없이 숫자만 입력'"size="36" style="width: 373px;">
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<div style="text-align: center;">
|
||||
<button type="button" class="btnType btnType16">영수증 발행하기</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>
|
||||
<!-- 현금영수증 자동발행 기능 제외_220502 -->
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<!--// send top -->
|
||||
</div>
|
||||
</footer><!--// footer 영역 -->
|
||||
</body></html>
|
||||
</div>
|
||||
<!--// content 영역 -->
|
||||
<div data-include-path="/publish/layout/_footer.html"></div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -39,150 +39,7 @@
|
||||
</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>
|
||||
<div data-include-path="/publish/layout/_header.html"></div>
|
||||
<!--// header 영역 -->
|
||||
<!-- login 영역 -->
|
||||
<!-- content 영역 -->
|
||||
@ -239,7 +96,7 @@
|
||||
<p><span>120</span>원</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="hisroy_defprice_in">
|
||||
<div class="hisroy_defprice_in">
|
||||
<p><i></i>잔액 (사용가능금액)</p>
|
||||
<div class="clearfix">
|
||||
<p>캐시</p>
|
||||
@ -340,19 +197,19 @@
|
||||
<col style="width: 17%;">
|
||||
<col style="width: 17%;">
|
||||
<col style="width: 15%;">
|
||||
<col style="width: *%;">
|
||||
<col style="width: *%;">
|
||||
<col style="width: auto;">
|
||||
<col style="width: auto;">
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr>
|
||||
<th rowspan="2">
|
||||
<th rowspan="2">
|
||||
발송일시
|
||||
<div class="sort_wrap">
|
||||
<button type="button"><img src="images/sortUp.png" alt="오름차순으로 분류"></button>
|
||||
<button type="button"><img src="images/sortDown.png" alt="내림차순으로 분류"></button>
|
||||
</div>
|
||||
</th>
|
||||
<th rowspan="2">
|
||||
<th rowspan="2">
|
||||
문자유형
|
||||
<div class="sort_wrap">
|
||||
<button type="button"><img src="images/sortUp.png" alt="오름차순으로 분류"></button>
|
||||
@ -381,7 +238,7 @@
|
||||
<p>장문</p>
|
||||
</td>
|
||||
<td>
|
||||
<p><button class="btnType btnType20" onclick="#">상세보기</button></p>
|
||||
<p><button class="btnType btnType20" onclick="">상세보기</button></p>
|
||||
</td>
|
||||
<td>
|
||||
<p>8888</p>
|
||||
@ -401,7 +258,7 @@
|
||||
<p>장문</p>
|
||||
</td>
|
||||
<td>
|
||||
<p><button class="btnType btnType20" onclick="#">상세보기</button></p>
|
||||
<p><button class="btnType btnType20" onclick="">상세보기</button></p>
|
||||
</td>
|
||||
<td>
|
||||
<p>8</p>
|
||||
@ -421,7 +278,7 @@
|
||||
<p>장문</p>
|
||||
</td>
|
||||
<td>
|
||||
<p><button class="btnType btnType20" onclick="#">상세보기</button></p>
|
||||
<p><button class="btnType btnType20" onclick="">상세보기</button></p>
|
||||
</td>
|
||||
<td>
|
||||
<p>8</p>
|
||||
@ -441,7 +298,7 @@
|
||||
<p>장문</p>
|
||||
</td>
|
||||
<td>
|
||||
<p><button class="btnType btnType20" onclick="#">상세보기</button></p>
|
||||
<p><button class="btnType btnType20" onclick="">상세보기</button></p>
|
||||
</td>
|
||||
<td>
|
||||
<p>8</p>
|
||||
@ -461,7 +318,7 @@
|
||||
<p>장문</p>
|
||||
</td>
|
||||
<td>
|
||||
<p><button class="btnType btnType20" onclick="#">상세보기</button></p>
|
||||
<p><button class="btnType btnType20" onclick="">상세보기</button></p>
|
||||
</td>
|
||||
<td>
|
||||
<p>8</p>
|
||||
@ -481,7 +338,7 @@
|
||||
<p>장문</p>
|
||||
</td>
|
||||
<td>
|
||||
<p><button class="btnType btnType20" onclick="#">상세보기</button></p>
|
||||
<p><button class="btnType btnType20" onclick="">상세보기</button></p>
|
||||
</td>
|
||||
<td>
|
||||
<p>8(1)</p>
|
||||
@ -501,7 +358,7 @@
|
||||
<p>장문</p>
|
||||
</td>
|
||||
<td>
|
||||
<p><button class="btnType btnType20" onclick="#">상세보기</button></p>
|
||||
<p><button class="btnType btnType20" onclick="">상세보기</button></p>
|
||||
</td>
|
||||
<td>
|
||||
<p>5897</p>
|
||||
@ -552,38 +409,7 @@
|
||||
</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>
|
||||
<div data-include-path="/publish/layout/_footer.html"></div>
|
||||
<!--// footer 영역 -->
|
||||
</body>
|
||||
|
||||
|
||||
@ -6,8 +6,7 @@
|
||||
<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 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">
|
||||
@ -25,196 +24,210 @@
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="info_popup ad_layer template_choice_popup adpopup01" style="width:930px;">
|
||||
<div class="popup_heading">
|
||||
<p>알림톡 템플릿 선택</p>
|
||||
</div>
|
||||
<div class="layer_in">
|
||||
<div class="popup_search_wrap type2 grayborder grayfill">
|
||||
<select name="" id="" class="popup_select_type template_type">
|
||||
<option value="">템플릿 유형</option>
|
||||
</select>
|
||||
<select name="" id="" class="popup_select_type emphasis_type">
|
||||
<option value="">강조유형</option>
|
||||
</select>
|
||||
<input type="text" placeholder="템플릿명을 입력해주세요." class="inputType template_name">
|
||||
<button type="button" class="popup_button_type bluefill">검색</button>
|
||||
<div class="info_popup ad_layer kakaotalkset_cont template_choice_popup adpopup01" style="width:945px;">
|
||||
<div class="template_sample_content_wrap top_content current pay_tab_wrap" style="width:945px;">
|
||||
<div class="popup_heading">
|
||||
<p>알림톡 템플릿 선택</p>
|
||||
</div>
|
||||
<div class="template_list">
|
||||
<ul class="kakao_template_list thumbnail_list">
|
||||
<li>
|
||||
<div class="kakao_template_wrap">
|
||||
<div class="template_cont">
|
||||
<div class="title">
|
||||
<div class="check">
|
||||
<input type="checkbox">
|
||||
<div class="layer_in">
|
||||
<div class="popup_search_wrap type2 grayborder grayfill">
|
||||
<select name="" id="" class="popup_select_type template_type">
|
||||
<option value="">템플릿 유형</option>
|
||||
</select>
|
||||
<select name="" id="" class="popup_select_type emphasis_type">
|
||||
<option value="">강조유형</option>
|
||||
</select>
|
||||
<input type="text" placeholder="템플릿명을 입력해주세요." class="inputType template_name">
|
||||
<button type="button" class="popup_button_type bluefill">검색</button>
|
||||
</div>
|
||||
<div class="template_list">
|
||||
<ul class="kakao_template_list thumbnail_list">
|
||||
<li>
|
||||
<div class="kakao_template_wrap">
|
||||
<div class="template_cont">
|
||||
<div class="title">
|
||||
<div class="check">
|
||||
<input type="checkbox">
|
||||
</div>
|
||||
포인트 적립안내
|
||||
</div>
|
||||
포인트 적립안내
|
||||
</div>
|
||||
<div class="img_box">
|
||||
<img src="/publish/images/kakao_template_img.png" alt="">
|
||||
</div>
|
||||
<div class="text_box">
|
||||
<p>[포인트 적립]
|
||||
쿼드커피에서 컨택포인트로 적립하셨네요!
|
||||
320p 적립 완료되어 고객님의 현재 포인트는 7,000P입니다.
|
||||
<div class="img_box">
|
||||
<img src="/publish/images/kakao_template_img.png" alt="">
|
||||
</div>
|
||||
<div class="text_box">
|
||||
<p>[포인트 적립]
|
||||
쿼드커피에서 컨택포인트로 적립하셨네요!
|
||||
320p 적립 완료되어 고객님의 현재 포인트는 7,000P입니다.
|
||||
|
||||
[포인트 정책]
|
||||
4,000P 이상 모으면 현금처럼 사용하실 수 있습니다.
|
||||
[포인트 적립]
|
||||
쿼드커피에서 컨택포인트로 적립하셨네요!
|
||||
320p 적립 완료되어 고객님의 현재 포인트는 7,000P입니다.
|
||||
[포인트 정책]
|
||||
4,000P 이상 모으면 현금처럼 사용하실 수 있습니다.
|
||||
[포인트 적립]
|
||||
쿼드커피에서 컨택포인트로 적립하셨네요!
|
||||
320p 적립 완료되어 고객님의 현재 포인트는 7,000P입니다.
|
||||
|
||||
[포인트 정책]
|
||||
4,000P 이상 모으면 현금처럼 사용하실 수 있습니다.
|
||||
[포인트 적립]
|
||||
쿼드커피에서 컨택포인트로 적립하셨네요!
|
||||
320p 적립 완료되어 고객님의 현재 포인트는 7,000P입니다.
|
||||
[포인트 정책]
|
||||
4,000P 이상 모으면 현금처럼 사용하실 수 있습니다.
|
||||
[포인트 적립]
|
||||
쿼드커피에서 컨택포인트로 적립하셨네요!
|
||||
320p 적립 완료되어 고객님의 현재 포인트는 7,000P입니다.
|
||||
|
||||
[포인트 정책]
|
||||
4,000P 이상 모으면 현금처럼 사용하실 수 있습니다.
|
||||
</p>
|
||||
[포인트 정책]
|
||||
4,000P 이상 모으면 현금처럼 사용하실 수 있습니다.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="kakao_template_info">
|
||||
<dl>
|
||||
<dt>채널ID</dt>
|
||||
<dd>@간판다움 <span>[심사요청]</span></dd>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt>템플릿유형</dt>
|
||||
<dd>부가정보형</dd>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt>강조유형</dt>
|
||||
<dd>이미지형</dd>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt>등록일</dt>
|
||||
<dd>2023.01.05</dd>
|
||||
</dl>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="kakao_template_wrap">
|
||||
<div class="template_cont">
|
||||
<div class="title">
|
||||
<div class="check">
|
||||
<input type="checkbox">
|
||||
</div>
|
||||
포인트 적립안내
|
||||
</div>
|
||||
<div class="img_box">
|
||||
<img src="/publish/images/kakao_template_img.png" alt="">
|
||||
</div>
|
||||
<div class="text_box">
|
||||
<p>[포인트 적립]
|
||||
쿼드커피에서 컨택포인트로 적립하셨네요!
|
||||
320p 적립 완료되어 고객님의 현재 포인트는 7,000P입니다.
|
||||
<div class="kakao_template_info">
|
||||
<dl>
|
||||
<dt>채널ID</dt>
|
||||
<dd>@간판다움 <span>[심사요청]</span></dd>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt>템플릿유형</dt>
|
||||
<dd>부가정보형</dd>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt>강조유형</dt>
|
||||
<dd>이미지형</dd>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt>등록일</dt>
|
||||
<dd>2023.01.05</dd>
|
||||
</dl>
|
||||
</div>
|
||||
|
||||
[포인트 정책]
|
||||
4,000P 이상 모으면 현금처럼 사용하실 수 있습니다.
|
||||
</p>
|
||||
<div class="btn_wrap">
|
||||
<button type="button" class="btnType btnType3 btn_template_use">템플릿 사용하기</button>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="kakao_template_wrap">
|
||||
<div class="template_cont">
|
||||
<div class="title">
|
||||
<div class="check">
|
||||
<input type="checkbox">
|
||||
</div>
|
||||
포인트 적립안내
|
||||
</div>
|
||||
<div class="img_box">
|
||||
<img src="/publish/images/kakao_template_img.png" alt="">
|
||||
</div>
|
||||
<div class="text_box">
|
||||
<p>[포인트 적립]
|
||||
쿼드커피에서 컨택포인트로 적립하셨네요!
|
||||
320p 적립 완료되어 고객님의 현재 포인트는 7,000P입니다.
|
||||
|
||||
[포인트 정책]
|
||||
4,000P 이상 모으면 현금처럼 사용하실 수 있습니다.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="kakao_template_info">
|
||||
<dl>
|
||||
<dt>채널ID</dt>
|
||||
<dd>@간판다움 <span>[심사요청]</span></dd>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt>템플릿유형</dt>
|
||||
<dd>부가정보형</dd>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt>강조유형</dt>
|
||||
<dd>이미지형</dd>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt>등록일</dt>
|
||||
<dd>2023.01.05</dd>
|
||||
</dl>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="kakao_template_wrap">
|
||||
<div class="template_cont">
|
||||
<div class="title">
|
||||
<div class="check">
|
||||
<input type="checkbox">
|
||||
<div class="kakao_template_info">
|
||||
<dl>
|
||||
<dt>채널ID</dt>
|
||||
<dd>@간판다움 <span>[심사요청]</span></dd>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt>템플릿유형</dt>
|
||||
<dd>부가정보형</dd>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt>강조유형</dt>
|
||||
<dd>이미지형</dd>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt>등록일</dt>
|
||||
<dd>2023.01.05</dd>
|
||||
</dl>
|
||||
</div>
|
||||
<div class="btn_wrap">
|
||||
<button type="button" class="btnType btnType3 btn_template_use">템플릿 사용하기</button>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="kakao_template_wrap">
|
||||
<div class="template_cont">
|
||||
<div class="title">
|
||||
<div class="check">
|
||||
<input type="checkbox">
|
||||
</div>
|
||||
포인트 적립안내
|
||||
</div>
|
||||
포인트 적립안내
|
||||
</div>
|
||||
<div class="img_box">
|
||||
<img src="/publish/images/kakao_template_img.png" alt="">
|
||||
</div>
|
||||
<div class="text_box">
|
||||
<p>[포인트 적립]
|
||||
쿼드커피에서 컨택포인트로 적립하셨네요!
|
||||
320p 적립 완료되어 고객님의 현재 포인트는 7,000P입니다.
|
||||
<div class="img_box">
|
||||
<img src="/publish/images/kakao_template_img.png" alt="">
|
||||
</div>
|
||||
<div class="text_box">
|
||||
<p>[포인트 적립]
|
||||
쿼드커피에서 컨택포인트로 적립하셨네요!
|
||||
320p 적립 완료되어 고객님의 현재 포인트는 7,000P입니다.
|
||||
|
||||
[포인트 정책]
|
||||
4,000P 이상 모으면 현금처럼 사용하실 수 있습니다.
|
||||
</p>
|
||||
[포인트 정책]
|
||||
4,000P 이상 모으면 현금처럼 사용하실 수 있습니다.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="kakao_template_info">
|
||||
<dl>
|
||||
<dt>채널ID</dt>
|
||||
<dd>@간판다움 <span>[심사요청]</span></dd>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt>템플릿유형</dt>
|
||||
<dd>부가정보형</dd>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt>강조유형</dt>
|
||||
<dd>이미지형</dd>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt>등록일</dt>
|
||||
<dd>2023.01.05</dd>
|
||||
</dl>
|
||||
</div>
|
||||
<div class="kakao_template_info">
|
||||
<dl>
|
||||
<dt>채널ID</dt>
|
||||
<dd>@간판다움 <span>[심사요청]</span></dd>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt>템플릿유형</dt>
|
||||
<dd>부가정보형</dd>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt>강조유형</dt>
|
||||
<dd>이미지형</dd>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt>등록일</dt>
|
||||
<dd>2023.01.05</dd>
|
||||
</dl>
|
||||
</div>
|
||||
<div class="btn_wrap">
|
||||
<button type="button" class="btnType btnType3 btn_template_use">템플릿 사용하기</button>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<ul class="pagination">
|
||||
<li class="page_first">
|
||||
<a href="#" title="첫페이지" onclick="linkPage(1);return false;">
|
||||
<button type="button"><img src="/publish/images/content/page_first.png" alt="첫페이지"></button>
|
||||
</a>
|
||||
</li>
|
||||
<li class="page_prev">
|
||||
<a href="#" title="이전10페이지" onclick="linkPage(1);return false;">
|
||||
<button type="button"><img src="/publish/images/content/page_prev.png" alt="이전10페이지"></button>
|
||||
</a>
|
||||
</li>
|
||||
<li class="on"><button type="button"><a href="#" title="현재페이지">1</a></button></li>
|
||||
<li><button type="button" onclick="linkPage(2);return false;"><a href="#" title="2페이지">2</a></button>
|
||||
</li>
|
||||
<li><button type="button" onclick="linkPage(3);return false;"><a href="#" title="3페이지">3</a></button>
|
||||
</li>
|
||||
<li><button type="button" onclick="linkPage(4);return false;"><a href="#" title="4페이지">4</a></button>
|
||||
</li>
|
||||
<li><button type="button" onclick="linkPage(5);return false;"><a href="#" title="5페이지">5</a></button>
|
||||
</li>
|
||||
<li class="page_next">
|
||||
<a href="#" title="다음10페이지" onclick="linkPage(11);return false;">
|
||||
<button type="button"><img src="/publish/images/content/page_next.png" alt="다음10페이지"></button>
|
||||
</a>
|
||||
</li>
|
||||
<li class="page_last">
|
||||
<a href="#" title="마지막페이지" onclick="linkPage(18);return false;">
|
||||
<button type="button"><img src="/publish/images/content/page_last.png" alt="마지막페이지"></button>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
<ul class="pagination">
|
||||
<li class="page_first">
|
||||
<a href="#" title="첫페이지" onclick="linkPage(1);return false;">
|
||||
<button type="button"><img src="/publish/images/content/page_first.png" alt="첫페이지"></button>
|
||||
</a>
|
||||
</li>
|
||||
<li class="page_prev">
|
||||
<a href="#" title="이전10페이지" onclick="linkPage(1);return false;">
|
||||
<button type="button"><img src="/publish/images/content/page_prev.png" alt="이전10페이지"></button>
|
||||
</a>
|
||||
</li>
|
||||
<li class="on"><button type="button"><a href="#" title="현재페이지">1</a></button></li>
|
||||
<li><button type="button" onclick="linkPage(2);return false;"><a href="#" title="2페이지">2</a></button>
|
||||
</li>
|
||||
<li><button type="button" onclick="linkPage(3);return false;"><a href="#" title="3페이지">3</a></button>
|
||||
</li>
|
||||
<li><button type="button" onclick="linkPage(4);return false;"><a href="#" title="4페이지">4</a></button>
|
||||
</li>
|
||||
<li><button type="button" onclick="linkPage(5);return false;"><a href="#" title="5페이지">5</a></button>
|
||||
</li>
|
||||
<li class="page_next">
|
||||
<a href="#" title="다음10페이지" onclick="linkPage(11);return false;">
|
||||
<button type="button"><img src="/publish/images/content/page_next.png" alt="다음10페이지"></button>
|
||||
</a>
|
||||
</li>
|
||||
<li class="page_last">
|
||||
<a href="#" title="마지막페이지" onclick="linkPage(18);return false;">
|
||||
<button type="button"><img src="/publish/images/content/page_last.png" alt="마지막페이지"></button>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</body>
|
||||
|
||||
@ -25,12 +25,12 @@
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="fax_detail_popup">
|
||||
<div class="fax_detail_popup" style="width: 1000px;">
|
||||
<div class="popup_heading">
|
||||
<p>발송내역 상세</p>
|
||||
<button type="button"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
|
||||
</div>
|
||||
<div class="tablePrint_wrap" style="width:900px;">
|
||||
<div class="tablePrint_wrap" style="width:1000px;">
|
||||
<div class="list_info">
|
||||
<p>총 발송건수 <span class="c_e40000">171</span>건</p>
|
||||
<p class="cf_text c_e40000">* 전송내역은 60일간 보관됩니다.</p>
|
||||
|
||||
@ -27,151 +27,7 @@
|
||||
<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 영역 -->
|
||||
<div data-include-path="/publish/layout/_header.html"></div>
|
||||
<!-- login 영역 -->
|
||||
<!-- content 영역 -->
|
||||
<div id="container" class="cont sub">
|
||||
@ -630,37 +486,7 @@
|
||||
</div>
|
||||
</div><!--// content 영역 -->
|
||||
<!-- footer 영역 -->
|
||||
<!-- 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 영역 -->
|
||||
<!-- footer -->
|
||||
<div data-include-path="/publish/layout/_footer.html"></div>
|
||||
<!--// footer 영역 -->
|
||||
</body></html>
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@ -65,151 +65,9 @@
|
||||
<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>
|
||||
<div data-include-path="/publish/layout/_header.html"></div>
|
||||
<!--// header 영역 -->
|
||||
<!-- login 영역 -->
|
||||
<!-- content 영역 -->
|
||||
@ -274,40 +132,9 @@
|
||||
</div>
|
||||
<!--// content 영역 -->
|
||||
<!-- footer 영역 -->
|
||||
<!-- 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 영역 -->
|
||||
<!-- footer -->
|
||||
<div data-include-path="/publish/layout/_footer.html"></div>
|
||||
<!--// footer 영역 -->
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -27,151 +27,7 @@
|
||||
</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 영역 -->
|
||||
<div data-include-path="/publish/layout/_header.html"></div>
|
||||
<!-- login 영역 -->
|
||||
<!-- content 영역 -->
|
||||
<div id="container" class="cont sub">
|
||||
@ -180,12 +36,14 @@
|
||||
<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');">1:1 문의</button></li>
|
||||
<li class="tab"><button type="button" onclick="TabType5(this,'5');">이벤트</button></li>
|
||||
</ul><!--// tab button -->
|
||||
<li class="tab active"><button type="button" onclick="location.href='/publish/service1.html'">공지사항</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/service2.html'">이용약관</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/service3.html'">자주하는 질문</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/service4.html'">1:1 문의</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/service6.html'">불편신고</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/service5.html'">이벤트</button></li>
|
||||
</ul>
|
||||
<!--// tab button -->
|
||||
<!-- 고객센터 - 공지사항 -->
|
||||
<div class="serv_content current" id="tab5_1">
|
||||
<div class="heading">
|
||||
@ -229,18 +87,36 @@
|
||||
<div class="list_tab_wrap">
|
||||
<!-- tab button -->
|
||||
<ul class="list_tab">
|
||||
<li class="tab active"><button type="button" onclick="listTab(this,'1');">전체</button></li>
|
||||
<li class="tab"><button type="button" onclick="listTab(this,'2');">정책/약관</button></li>
|
||||
<li class="tab"><button type="button" onclick="listTab(this,'3');">정기점검</button></li>
|
||||
<li class="tab"><button type="button" onclick="listTab(this,'4');">기능개선</button></li>
|
||||
<li class="tab"><button type="button" onclick="listTab(this,'5');">오류/장애</button></li>
|
||||
<li class="tab"><button type="button" onclick="listTab(this,'6');">이벤트</button></li>
|
||||
<li class="tab"><button type="button" onclick="listTab(this,'7');">기타</button></li>
|
||||
</ul><!--// tab button -->
|
||||
<li class="tab active">
|
||||
<button type="button" onclick="listTab(this,'1');">전체</button>
|
||||
</li>
|
||||
<li class="tab">
|
||||
<button type="button" onclick="listTab(this,'2');">공지</button>
|
||||
</li>
|
||||
<li class="tab">
|
||||
<button type="button" onclick="listTab(this,'3');">정책/약관</button>
|
||||
</li>
|
||||
<li class="tab">
|
||||
<button type="button" onclick="listTab(this,'4');">정기점검</button>
|
||||
</li>
|
||||
<li class="tab">
|
||||
<button type="button" onclick="listTab(this,'5');">기능개선</button>
|
||||
</li>
|
||||
<li class="tab">
|
||||
<button type="button" onclick="listTab(this,'6');">오류/장애</button>
|
||||
</li>
|
||||
<li class="tab">
|
||||
<button type="button" onclick="listTab(this,'7');">이벤트</button>
|
||||
</li>
|
||||
<li class="tab">
|
||||
<button type="button" onclick="listTab(this,'8');">기타</button>
|
||||
</li>
|
||||
|
||||
</ul><!--// tab button -->
|
||||
<select name="" id="" class="selType2">
|
||||
<option value="">2줄보기</option>
|
||||
<option value="">4줄보기</option>
|
||||
<option value="">6줄보기</option>
|
||||
<option value="">10줄보기</option>
|
||||
<option value="">20줄보기</option>
|
||||
<option value="">30줄보기</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="list_cont" id="listTab_1">
|
||||
@ -407,37 +283,7 @@
|
||||
</div>
|
||||
</div><!--// content 영역 -->
|
||||
<!-- footer 영역 -->
|
||||
<!-- 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 영역 -->
|
||||
<!-- footer -->
|
||||
<div data-include-path="/publish/layout/_footer.html"></div>
|
||||
<!--// footer 영역 -->
|
||||
</body></html>
|
||||
|
||||
@ -53,151 +53,9 @@
|
||||
<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>
|
||||
<div data-include-path="/publish/layout/_header.html"></div>
|
||||
<!--// header 영역 -->
|
||||
<!-- login 영역 -->
|
||||
<!-- content 영역 -->
|
||||
@ -475,40 +333,9 @@
|
||||
</div>
|
||||
<!--// content 영역 -->
|
||||
<!-- footer 영역 -->
|
||||
<!-- 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 영역 -->
|
||||
<!-- footer -->
|
||||
<div data-include-path="/publish/layout/_footer.html"></div>
|
||||
<!--// footer 영역 -->
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -52,151 +52,9 @@
|
||||
<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>
|
||||
<div data-include-path="/publish/layout/_header.html"></div>
|
||||
<!--// header 영역 -->
|
||||
<!-- login 영역 -->
|
||||
<!-- content 영역 -->
|
||||
@ -525,40 +383,9 @@
|
||||
</div>
|
||||
<!--// content 영역 -->
|
||||
<!-- footer 영역 -->
|
||||
<!-- 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 영역 -->
|
||||
<!-- footer -->
|
||||
<div data-include-path="/publish/layout/_footer.html"></div>
|
||||
<!--// footer 영역 -->
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -52,151 +52,9 @@
|
||||
<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>
|
||||
<div data-include-path="/publish/layout/_header.html"></div>
|
||||
<!--// header 영역 -->
|
||||
<!-- login 영역 -->
|
||||
<!-- content 영역 -->
|
||||
@ -566,40 +424,9 @@
|
||||
</div>
|
||||
<!--// content 영역 -->
|
||||
<!-- footer 영역 -->
|
||||
<!-- 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 영역 -->
|
||||
<!-- footer -->
|
||||
<div data-include-path="/publish/layout/_footer.html"></div>
|
||||
<!--// footer 영역 -->
|
||||
</body>
|
||||
|
||||
</html>
|
||||
File diff suppressed because it is too large
Load Diff
@ -52,151 +52,9 @@
|
||||
<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>
|
||||
<div data-include-path="/publish/layout/_header.html"></div>
|
||||
<!--// header 영역 -->
|
||||
<!-- login 영역 -->
|
||||
<!-- content 영역 -->
|
||||
@ -429,40 +287,9 @@
|
||||
</div>
|
||||
<!--// content 영역 -->
|
||||
<!-- footer 영역 -->
|
||||
<!-- 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 영역 -->
|
||||
<!-- footer -->
|
||||
<div data-include-path="/publish/layout/_footer.html"></div>
|
||||
<!--// footer 영역 -->
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -52,151 +52,9 @@
|
||||
<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>
|
||||
<div data-include-path="/publish/layout/_header.html"></div>
|
||||
<!--// header 영역 -->
|
||||
<!-- login 영역 -->
|
||||
<!-- content 영역 -->
|
||||
@ -430,40 +288,9 @@
|
||||
</div>
|
||||
<!--// content 영역 -->
|
||||
<!-- footer 영역 -->
|
||||
<!-- 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 영역 -->
|
||||
<!-- footer -->
|
||||
<div data-include-path="/publish/layout/_footer.html"></div>
|
||||
<!--// footer 영역 -->
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -52,151 +52,9 @@
|
||||
<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>
|
||||
<div data-include-path="/publish/layout/_header.html"></div>
|
||||
<!--// header 영역 -->
|
||||
<!-- login 영역 -->
|
||||
<!-- content 영역 -->
|
||||
@ -832,40 +690,9 @@
|
||||
</div>
|
||||
<!--// content 영역 -->
|
||||
<!-- footer 영역 -->
|
||||
<!-- 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 영역 -->
|
||||
<!-- footer -->
|
||||
<div data-include-path="/publish/layout/_footer.html"></div>
|
||||
<!--// footer 영역 -->
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -27,151 +27,7 @@
|
||||
</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 영역 -->
|
||||
<div data-include-path="/publish/layout/_header.html"></div>
|
||||
<!-- login 영역 -->
|
||||
<!-- content 영역 -->
|
||||
<div id="container" class="cont sub">
|
||||
@ -180,12 +36,15 @@
|
||||
<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 active"><button type="button" onclick="TabType5(this,'3');">자주하는 질문</button></li>
|
||||
<li class="tab"><button type="button" onclick="TabType5(this,'4');">1:1 문의</button></li>
|
||||
<li class="tab"><button type="button" onclick="TabType5(this,'5');">이벤트</button></li>
|
||||
</ul><!--// tab button -->
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/service1.html'">공지사항</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/service2.html'">이용약관</button></li>
|
||||
<li class="tab active"><button type="button" onclick="location.href='/publish/service3.html'">자주하는 질문</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/service4.html'">1:1 문의</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/service6.html'">불편신고</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/service5.html'">이벤트</button></li>
|
||||
|
||||
</ul>
|
||||
<!--// tab button -->
|
||||
<!-- 고객센터 - 자주하는 질문 -->
|
||||
<div class="serv_content qna_cont current" id="tab5_3">
|
||||
<div class="heading">
|
||||
@ -365,37 +224,7 @@
|
||||
</div>
|
||||
</div><!--// content 영역 -->
|
||||
<!-- footer 영역 -->
|
||||
<!-- 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 영역 -->
|
||||
<!-- footer -->
|
||||
<div data-include-path="/publish/layout/_footer.html"></div>
|
||||
<!--// footer 영역 -->
|
||||
</body></html>
|
||||
|
||||
@ -52,151 +52,9 @@
|
||||
<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>
|
||||
<div data-include-path="/publish/layout/_header.html"></div>
|
||||
<!--// header 영역 -->
|
||||
<!-- login 영역 -->
|
||||
<!-- content 영역 -->
|
||||
@ -853,40 +711,9 @@
|
||||
</div>
|
||||
<!--// content 영역 -->
|
||||
<!-- footer 영역 -->
|
||||
<!-- 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 영역 -->
|
||||
<!-- footer -->
|
||||
<div data-include-path="/publish/layout/_footer.html"></div>
|
||||
<!--// footer 영역 -->
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -22,156 +22,13 @@
|
||||
<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>
|
||||
<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 영역 -->
|
||||
<div data-include-path="/publish/layout/_header.html"></div>
|
||||
<!-- login 영역 -->
|
||||
<!-- content 영역 -->
|
||||
<div id="container" class="cont sub">
|
||||
@ -180,191 +37,225 @@
|
||||
<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');">1:1 문의</button></li>
|
||||
<li class="tab"><button type="button" onclick="TabType5(this,'5');">이벤트</button></li>
|
||||
</ul><!--// tab button -->
|
||||
<!-- 고객센터 - 1:1문의 -->
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/service1.html'">공지사항</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/service2.html'">이용약관</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/service3.html'">자주하는 질문</button></li>
|
||||
<li class="tab active"><button type="button" onclick="location.href='/publish/service4.html'">1:1 문의</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/service6.html'">불편신고</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/service5.html'">이벤트</button></li>
|
||||
|
||||
</ul>
|
||||
<!--// tab button -->
|
||||
<!-- 고객센터 - 1:1문의 -->
|
||||
<div class="serv_content current" id="tab5_4">
|
||||
<div class="heading">
|
||||
<h2>1:1문의</h2>
|
||||
</div>
|
||||
<div class="mem_cont_in">
|
||||
<div class="input_list listType1">
|
||||
<div class="input_list_item bis_status">
|
||||
<div class="input_left">이메일</div>
|
||||
<div class="input_right">
|
||||
<label for="" class="label">이메일 주소 앞자리</label>
|
||||
<input type="text" class="list_inputType1">
|
||||
<span>@</span>
|
||||
<label for="" class="label">이메일 주소 뒷자리</label>
|
||||
<input type="text" class="list_inputType1">
|
||||
</div>
|
||||
</div>
|
||||
<div class="input_list_item emailWrap">
|
||||
<div>
|
||||
<div class="input_left">이메일</div>
|
||||
<div class="input_right">
|
||||
<div class="email">
|
||||
<label for="" class="label">이메일 주소 앞자리</label>
|
||||
<input type="text" class="list_inputType1">
|
||||
<span>@</span>
|
||||
<label for="" class="label">이메일 주소 뒷자리</label>
|
||||
<input type="text" class="list_inputType1">
|
||||
</div>
|
||||
<div class="email_select">
|
||||
<label for="" class="label">이메일 선택</label>
|
||||
<select class="list_selType1">
|
||||
<option>직접입력</option>
|
||||
<option>네이버</option>
|
||||
<option>네이트</option>
|
||||
<option>한메일(다음)</option>
|
||||
<option>지메일</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="input_list_item">
|
||||
<div class="input_left">휴대폰</div>
|
||||
<div class="input_right">
|
||||
<label for="" class="label">휴대폰</label>
|
||||
<input type="text" class="list_inputType1" placeholder="‘-’ 없이 숫자만 입력" onfocus="this.placeholder=''" onblur="this.placeholder='‘-’ 없이 숫자만 입력'">
|
||||
</div>
|
||||
</div>
|
||||
<div class="input_list_item">
|
||||
<div class="input_left">구분</div>
|
||||
<div class="input_right">
|
||||
<label for="" class="label">구분 선택</label>
|
||||
<select class="list_selType1">
|
||||
<option>충전/결제</option>
|
||||
<option>회원정보</option>
|
||||
<option>문자발송</option>
|
||||
<option>주소록</option>
|
||||
<option>맞춤제작</option>
|
||||
<option>기타</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="input_list_item">
|
||||
<div class="input_left">제목</div>
|
||||
<div class="input_right">
|
||||
<label for="" class="label">문의사항 제목</label>
|
||||
<input type="text" class="list_inputType1" placeholder="문의사항 제목 입력" onfocus="this.placeholder=''" onblur="this.placeholder='문의사항 제목 입력 입력'">
|
||||
</div>
|
||||
</div>
|
||||
<div class="input_list_item textWrap">
|
||||
<div class="input_left">문의내용</div>
|
||||
<div>
|
||||
<label for="" class="label">문의내용</label>
|
||||
<textarea placeholder="상세 문의내용 입력" onfocus="this.placeholder=''" onblur="this.placeholder='상세 문의내용 입력'"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="input_list_item">
|
||||
<div class="input_left">첨부파일</div>
|
||||
<div class="input_right">
|
||||
<label for="" class="label">사용자등록증 첨부</label>
|
||||
<input type="text" class="list_inputType1" placeholder="jpg/png/pdf, 최대 1MB" readonly>
|
||||
<div class="list_btn_wrap">
|
||||
<button type="button">파일첨부</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<ul class="clause_list">
|
||||
<li class="list_open">
|
||||
<div class="clause_list_head">
|
||||
<div class="list_head_in">
|
||||
<div class="checkbox_wrap">
|
||||
<input type="checkbox" id="agree2" title="회원가입 전체약관에 동의" class="joinCheckbox type2">
|
||||
<label for="agree2"></label>
|
||||
</div>
|
||||
<span><span class="esn c_002c9a">[필수] </span>개인정보 처리방침</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="clause_list_body">
|
||||
<div class="agree_text">
|
||||
<div>
|
||||
<p class="top_tit_text">서비스 이용약관</p>
|
||||
<p class="date_text">제정 2021. 0x. xx</p>
|
||||
<p class="tit_text">제1장 총 칙</p>
|
||||
<p class="stit_text"> 제1조(목적) 이 약관은 주식회사 아이티앤(이하“회사”)이 제공하는 인터넷 서비스 문자온(www.munjaon.co.kr, 이하
|
||||
“서비스”)를 이용함에 있어 회사와
|
||||
회원(이용자)의 권리, 의무, 책임사항 및 기타 필요한 사항을 규정함을목적으로 합니다.</p>
|
||||
<p class="stit_text">제2조(용어의 정의) 이 약관에서 사용하는 용어의정의는 다음과 같습니다.</p>
|
||||
<ul class="policy_list sec_list">
|
||||
<li><span>1.</span> 문자온 : 회사의 서비스명으로 회원이전송하고자 하는 내용‧정보 등을 문자메시지, 멀티미디어메시지,카카오톡, 팩스 등 다양한
|
||||
메시지 형태로 변화시켜
|
||||
전송하는 서비스 및 회원이
|
||||
제3자로부터 메시지를 수신할 수 있도록 하는 서비스</li>
|
||||
<li><span>2.</span> 회원 : 회사에 개인정보를 제공하여 이용계약을체결하고, 이용자 아이디(ID)를 부여 받은자로서 회사가 제공하는서비스를 지속적으로
|
||||
이용할 수 있는 자</li>
|
||||
<li><span>3.</span> 아이디(ID) : 회원의 식별과 서비스 이용을 위하여회원이 정하고 회사가 승인하는 문자와 숫자의 조합</li>
|
||||
<li><span>4.</span> 비밀번호 : 회원이 부여 받은 아이디(ID)와 일치된회원임을 확인하고, 회원의 비밀을 보호하기 위해 회원이 설정한 문자와숫자의 조합
|
||||
</li>
|
||||
<li><span>5.</span> 휴면아이디 : 12개월 이상 계속해서 로그인을포함한 서비스 이용이 없는 아이디</li>
|
||||
<li><span>6.</span> 해지 : 회사와 회원 간 맺은 이용계약을 해지하는것</li>
|
||||
<li><span>7.</span> 스팸메시지 : 정보통신망을 통해 수신자의명시적인 사전 동의없이 일방적으로 전송 또는 게시되는 영리목적의광고성 정보</li>
|
||||
<li><span>8.</span> 불법스팸메시지 : 『정보통신망법』 제50조 내지제50조의8의 규정을 위반하여 전송 또는 게시되는 영리목적의 광고성정보를 말하며,
|
||||
불법스팸은 형사처벌 및
|
||||
과태료 부과의 대상이 됨</li>
|
||||
<li><span>9.</span> 문자피싱메시지 : 전자금융사기를 목적으로 전송또는 게시되는 정보</li>
|
||||
<li><span>10.</span> 스미싱메시지 : 메시지 내용 중 인터넷 주소를클릭하면 악성코드가 설치되어 수신자가 모르는 사이에 금전적 피해 또는개인‧금융정보 탈취
|
||||
피해를 야기하는 메시지
|
||||
</li>
|
||||
<li><span>11.</span> 카카오톡 : 주식회사 카카오(이하 ”카카오”)가운영하는 모바일 메신저 기반의 실시간 커뮤니케이션 서비스로 알림톡,친구톡 또는 해당
|
||||
서비스를 제공하는
|
||||
어플리케이션</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="serv_btnWrap">
|
||||
<button type="button">문의등록</button>
|
||||
<button type="button">취소</button>
|
||||
</div>
|
||||
<div class="titBox">
|
||||
<p>- 1:1 문의는 작성자 본인만 확인하실 수 있습니다.</p>
|
||||
</div>
|
||||
</div><!--// 고객센터 - 1:1문의 -->
|
||||
|
||||
</div><!--// send top -->
|
||||
</div>
|
||||
</div><!--// content 영역 -->
|
||||
<!-- footer 영역 -->
|
||||
<!-- 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 class="search_wrap clearfix">
|
||||
<div class="btn_left">
|
||||
<span>· 기간</span>
|
||||
<div class="calendar_wrap">
|
||||
<input type="text" class="startDate inp calendar picker__input picker__input--active" title="검색 시작일" id="startDate" name="startDate" value="" data-datecontrol="true" readonly="" aria-haspopup="true" aria-expanded="true" aria-readonly="false" aria-owns="startDate_root">
|
||||
<span class="dateEtc">~</span>
|
||||
<input type="text" class="endDate inp calendar picker__input" title="검색 종료일" id="endDate" name="endDate" value="" data-datecontrol="true" readonly="" aria-haspopup="true" aria-expanded="false" aria-readonly="false" aria-owns="endDate_root">
|
||||
</div>
|
||||
<button type="button" class="btnType btnType2" onclick="javascript:linkPage('1'); return false;"><img src="/publish/images/content/searchW.png" alt="검색"></button>
|
||||
</div>
|
||||
<div class="btn_right2">
|
||||
<label for="searchSel" class="label">검색조건 선택</label>
|
||||
<select name="searchCnd" id="searchSel" class="selType2">
|
||||
<option value="" selected="selected">전체</option>
|
||||
<option value="0">제목</option>
|
||||
<option value="1">내용</option>
|
||||
</select>
|
||||
<div class="search">
|
||||
<label for="id" class="label"></label>
|
||||
<input type="text" name="searchWrd" id="id" placeholder="검색어를 입력하세요." onfocus="this.placeholder=''" onblur="this.placeholder='검색어를 입력하세요.'" value="">
|
||||
<button type="button" class="btnType btnType2" onclick="javascript:linkPage('1'); return false;">검색</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="list_tab_wrap">
|
||||
<!-- tab button -->
|
||||
<ul class="list_tab">
|
||||
<li class="tab active">
|
||||
<button type="button" onclick="listTab(this,'1');">전체</button>
|
||||
</li>
|
||||
<li class="tab">
|
||||
<button type="button" onclick="listTab(this,'2');">충전/결제</button>
|
||||
</li>
|
||||
<li class="tab">
|
||||
<button type="button" onclick="listTab(this,'3');">회원정보</button>
|
||||
</li>
|
||||
<li class="tab">
|
||||
<button type="button" onclick="listTab(this,'4');">문자발송</button>
|
||||
</li>
|
||||
<li class="tab">
|
||||
<button type="button" onclick="listTab(this,'5');">주소록</button>
|
||||
</li>
|
||||
<li class="tab">
|
||||
<button type="button" onclick="listTab(this,'6');">맞춤제작</button>
|
||||
</li>
|
||||
<li class="tab">
|
||||
<button type="button" onclick="listTab(this,'7');">기타</button>
|
||||
</li>
|
||||
</ul>
|
||||
<!--// tab button -->
|
||||
|
||||
<select name="pageUnit" id="pageUnit" class="selType2" title="검색조건선택" onchange="linkPage(1);">
|
||||
<option value="10" selected="">10줄</option>
|
||||
<option value="20">20줄</option>
|
||||
<option value="30">30줄</option>
|
||||
</select>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="list_cont" id="listTab_1">
|
||||
<table class="board_list">
|
||||
<caption>공지사항 목록으로 번호, 구분, 제목, 작성자, 득록일자, 첨부파일 조회수 제공 </caption>
|
||||
<colgroup>
|
||||
<col style="width: 8%;">
|
||||
<col style="width: 12%;">
|
||||
<col style="width: auto;">
|
||||
<col style="width: 13%;">
|
||||
<col style="width: 13%;">
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="row">번호
|
||||
<div class="sort_wrap">
|
||||
<input type="button" class="sort sortBtn" id="sort_bbsId">
|
||||
</div>
|
||||
</th>
|
||||
<th scope="row">구분
|
||||
<div class="sort_wrap">
|
||||
<input type="button" class="sort sortBtn" id="sort_bbsNm">
|
||||
</div>
|
||||
</th>
|
||||
<th scope="row">제목
|
||||
<div class="sort_wrap">
|
||||
<input type="button" class="sort sortBtn" id="sort_nttSj">
|
||||
</div>
|
||||
</th>
|
||||
<th scope="row">등록일자
|
||||
<div class="sort_wrap">
|
||||
<input type="button" class="sort sortBtn" id="sort_frstRegisterPnttm">
|
||||
</div>
|
||||
</th>
|
||||
<th scope="row">처리상태
|
||||
<div class="sort_wrap">
|
||||
<input type="button" class="sort sortBtn" id="sort_answerCnt">
|
||||
</div>
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr class="row">
|
||||
<td colspan="5">
|
||||
검색된 내용이 없습니다.
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>30</td>
|
||||
<td>[정기점검]</td>
|
||||
<td class="list_link">충전이 안되요.</td>
|
||||
<td>2021-04-15</td>
|
||||
<td><span class="waitA">답변대기</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>29</td>
|
||||
<td>[기능개선]</td>
|
||||
<td class="list_link">하루에 최대 얼마까지 충전 가능한가요?</td>
|
||||
<td>2021-04-15</td>
|
||||
<td><span class="completeA">답변완료</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>29</td>
|
||||
<td>[기능개선]</td>
|
||||
<td class="list_link">하루에 최대 얼마까지 충전 가능한가요?</td>
|
||||
<td>2021-04-15</td>
|
||||
<td><span class="completeA">답변완료</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>29</td>
|
||||
<td>[기능개선]</td>
|
||||
<td class="list_link">하루에 최대 얼마까지 충전 가능한가요?</td>
|
||||
<td>2021-04-15</td>
|
||||
<td><span class="completeA">답변완료</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>29</td>
|
||||
<td>[기능개선]</td>
|
||||
<td class="list_link">하루에 최대 얼마까지 충전 가능한가요?</td>
|
||||
<td>2021-04-15</td>
|
||||
<td><span class="completeA">답변완료</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>29</td>
|
||||
<td>[기능개선]</td>
|
||||
<td class="list_link">하루에 최대 얼마까지 충전 가능한가요?</td>
|
||||
<td>2021-04-15</td>
|
||||
<td><span class="completeA">답변완료</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>29</td>
|
||||
<td>[기능개선]</td>
|
||||
<td class="list_link">하루에 최대 얼마까지 충전 가능한가요?</td>
|
||||
<td>2021-04-15</td>
|
||||
<td><span class="completeA">답변완료</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>29</td>
|
||||
<td>[기능개선]</td>
|
||||
<td class="list_link">하루에 최대 얼마까지 충전 가능한가요?</td>
|
||||
<td>2021-04-15</td>
|
||||
<td><span class="completeA">답변완료</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>29</td>
|
||||
<td>[기능개선]</td>
|
||||
<td class="list_link">하루에 최대 얼마까지 충전 가능한가요?</td>
|
||||
<td>2021-04-15</td>
|
||||
<td><span class="completeA">답변완료</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>29</td>
|
||||
<td>[기능개선]</td>
|
||||
<td class="list_link">하루에 최대 얼마까지 충전 가능한가요?</td>
|
||||
<td>2021-04-15</td>
|
||||
<td><span class="completeA">답변완료</span></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<div class="list_btnWrap">
|
||||
<button type="button" class="btnType btnType18" onclick="location.href='/publish/service4_2.html'">문의등록</button>
|
||||
</div>
|
||||
<!-- pagination -->
|
||||
<ul class="pagination">
|
||||
<li class="on"><button type="button"><a href="#" title="현재페이지">1</a></button></li>
|
||||
|
||||
</ul><!-- //pageWrap -->
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<!--// 고객센터 - 1:1문의 -->
|
||||
|
||||
</div>
|
||||
<!--// send top -->
|
||||
</div>
|
||||
</footer><!--// footer 영역 -->
|
||||
</body></html>
|
||||
</div>
|
||||
<!--// content 영역 -->
|
||||
<!-- footer 영역 -->
|
||||
<!-- footer -->
|
||||
<div data-include-path="/publish/layout/_footer.html"></div>
|
||||
<!--// footer 영역 -->
|
||||
</body>
|
||||
|
||||
</html>
|
||||
178
src/main/webapp/publish/service4_2.html
Normal file
178
src/main/webapp/publish/service4_2.html
Normal file
@ -0,0 +1,178 @@
|
||||
<!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/mem.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 data-include-path="/publish/layout/_header.html"></div>
|
||||
<!-- 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="location.href='/publish/service1.html'">공지사항</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/service2.html'">이용약관</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/service3.html'">자주하는 질문</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/service4.html'">1:1 문의</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/service6.html'">불편신고</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/service5.html'">이벤트</button></li>
|
||||
|
||||
</ul>
|
||||
<!--// tab button -->
|
||||
<!-- 고객센터 - 1:1문의 -->
|
||||
<div class="serv_content current" id="tab5_4">
|
||||
<div class="heading">
|
||||
<h2>1:1문의</h2>
|
||||
</div>
|
||||
<div class="mem_cont_in">
|
||||
<div class="input_list listType1">
|
||||
<div class="input_list_item bis_status">
|
||||
<div class="input_left">이메일</div>
|
||||
<div class="input_right">
|
||||
<label for="emailId" class="label">이메일 주소 앞자리</label>
|
||||
<input type="text" id="emailId" value="dhgksk99" class="list_inputType1" disabled="">
|
||||
<span>@</span>
|
||||
<label for="emailDomain" class="label">이메일 주소 뒷자리</label>
|
||||
<input type="text" id="emailDomain" value="naver.com" class="list_inputType1" disabled="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="input_list_item">
|
||||
<div class="input_left">휴대폰</div>
|
||||
<div class="input_right">
|
||||
<label for="moblphonNo" class="label">휴대폰</label>
|
||||
<input type="text" class="list_inputType1" id="moblphonNo" value="01057058729" disabled="">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="input_list_item">
|
||||
<div class="input_left">구분</div>
|
||||
<div class="input_right">
|
||||
<label for="bbsId" class="label">구분 선택</label>
|
||||
<select class="list_selType1" name="bbsId" id="bbsId">
|
||||
|
||||
<option value="BBSMSTR_000000000691">충전/결제</option>
|
||||
|
||||
<option value="BBSMSTR_000000000692">회원정보</option>
|
||||
|
||||
<option value="BBSMSTR_000000000693">문자발송</option>
|
||||
|
||||
<option value="BBSMSTR_000000000694">주소록</option>
|
||||
|
||||
<option value="BBSMSTR_000000000695">맞춤제작</option>
|
||||
|
||||
<option value="BBSMSTR_000000000701">기타</option>
|
||||
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="input_list_item">
|
||||
<div class="input_left">제목</div>
|
||||
<div class="input_right">
|
||||
<label for="nttSj" class="label">문의사항 제목</label>
|
||||
<input type="text" name="nttSj" id="nttSj" maxlength="1500" value="" class="list_inputType1" placeholder="문의사항 제목 입력" onfocus="this.placeholder=''" onblur="this.placeholder='문의사항 제목 입력 입력'">
|
||||
</div>
|
||||
</div>
|
||||
<div class="input_list_item textWrap">
|
||||
<div class="input_left">내용</div>
|
||||
<div>
|
||||
<label for="nttCn" class="label">문의내용</label>
|
||||
<textarea id="nttCn" name="nttCn"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="input_list_item">
|
||||
<div class="input_left">첨부파일</div>
|
||||
<div class="input_right">
|
||||
<input type="text" readonly="readonly" disabled="" size="20" id="atFileBasicWrite">
|
||||
<input type="file" name="file" id="file" style="display:none" onchange="changeValue(this); return false;">
|
||||
<div class="list_btn_wrap">
|
||||
<button type="button" onclick="document.all.file.click(); return false;">파일선택</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<ul class="clause_list">
|
||||
<li class="list_open">
|
||||
<div class="clause_list_head">
|
||||
<div class="list_head_in">
|
||||
<div class="checkbox_wrap">
|
||||
<input type="checkbox" name="agree2" id="agree2" title="회원가입 전체약관에 동의" class="joinCheckbox type2">
|
||||
<label for="agree2"><span class="esn c_002c9a">[필수] </span><strong>개인정보 처리방침</strong></label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="clause_list_body">
|
||||
<div class="agree_text mCustomScrollbar _mCS_1 mCS_no_scrollbar" style="padding-top: 0px; position: relative; overflow: visible;">
|
||||
<div id="mCSB_1" class="mCustomScrollBox mCS-dark mCSB_vertical mCSB_outside" style="max-height: none;" tabindex="0">
|
||||
<div id="mCSB_1_container" class="mCSB_container mCS_y_hidden mCS_no_scrollbar_y" style="position:relative; top:0; left:0;" dir="ltr">
|
||||
|
||||
<p class="tit_text">개인정보 수집 및 이용 안내</p>
|
||||
|
||||
<p>주식회사 아이티앤은 개인정보처리방침 및 관련 법령을 준수하며, 고객님의 문의와 불편사항 처리를 위해 다음과 같이 개인정보를 수집·처리합니다.<br>
|
||||
<br>
|
||||
- 수집·이용 목적 : 고객 상담 및 문의 처리<br>
|
||||
- 수집·이용 항목 : 아이디, 성명, 이메일, 휴대폰번호<br>
|
||||
- 수집·이용 기간 : 12개월</p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div id="mCSB_1_scrollbar_vertical" class="mCSB_scrollTools mCSB_1_scrollbar mCS-dark mCSB_scrollTools_vertical" style="display: none;">
|
||||
<div class="mCSB_draggerContainer">
|
||||
<div id="mCSB_1_dragger_vertical" class="mCSB_dragger" style="position: absolute; min-height: 30px; height: 0px; top: 0px;">
|
||||
<div class="mCSB_dragger_bar" style="line-height: 30px;"></div>
|
||||
<div class="mCSB_draggerRail"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="serv_btnWrap">
|
||||
<button type="button" onclick="javascript:fn_egov_regist_notice(); return false;">등록</button>
|
||||
<button type="button" onclick="javascript:fn_egov_select_noticeList(); return false;">취소</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--// 고객센터 - 1:1문의 -->
|
||||
|
||||
</div>
|
||||
<!--// send top -->
|
||||
</div>
|
||||
</div>
|
||||
<!--// content 영역 -->
|
||||
<!-- footer 영역 -->
|
||||
<!-- footer -->
|
||||
<div data-include-path="/publish/layout/_footer.html"></div>
|
||||
<!--// footer 영역 -->
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -27,151 +27,7 @@
|
||||
</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 영역 -->
|
||||
<div data-include-path="/publish/layout/_header.html"></div>
|
||||
<!-- login 영역 -->
|
||||
<!-- content 영역 -->
|
||||
<div id="container" class="cont sub">
|
||||
@ -180,12 +36,14 @@
|
||||
<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"><button type="button" onclick="TabType5(this,'4');">1:1 문의</button></li>
|
||||
<li class="tab active"><button type="button" onclick="TabType5(this,'5');">이벤트</button></li>
|
||||
</ul><!--// tab button -->
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/service1.html'">공지사항</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/service2.html'">이용약관</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/service3.html'">자주하는 질문</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/service4.html'">1:1 문의</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/service6.html'">불편신고</button></li>
|
||||
<li class="tab active"><button type="button" onclick="location.href='/publish/service5.html'">이벤트</button></li>
|
||||
</ul>
|
||||
<!--// tab button -->
|
||||
<!-- 고객센터 - 이벤트 -->
|
||||
<div class="serv_content current" id="tab5_5">
|
||||
<div class="heading">
|
||||
@ -228,9 +86,8 @@
|
||||
<div class="list_tab_wrap">
|
||||
<!-- tab button -->
|
||||
<ul class="list_tab">
|
||||
<li class="tab active"><button type="button" onclick="listTab(this,'1');">전체</button></li>
|
||||
<li class="tab"><button type="button" onclick="listTab(this,'2');">진행중</button></li>
|
||||
<li class="tab"><button type="button" onclick="listTab(this,'3');">종료</button></li>
|
||||
<li class="tab active"><button type="button" onclick="listTab(this,'1');">진행중인 이벤트</button></li>
|
||||
<li class="tab"><button type="button" onclick="listTab(this,'2');">종료된 이벤트</button></li>
|
||||
</ul><!--// tab button -->
|
||||
<select name="" id="" class="selType2">
|
||||
<option value="">2줄보기</option>
|
||||
@ -365,37 +222,7 @@
|
||||
</div>
|
||||
</div><!--// content 영역 -->
|
||||
<!-- footer 영역 -->
|
||||
<!-- 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 영역 -->
|
||||
<!-- footer -->
|
||||
<div data-include-path="/publish/layout/_footer.html"></div>
|
||||
<!--// footer 영역 -->
|
||||
</body></html>
|
||||
|
||||
@ -22,156 +22,13 @@
|
||||
<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>
|
||||
<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 영역 -->
|
||||
<div data-include-path="/publish/layout/_header.html"></div>
|
||||
<!-- login 영역 -->
|
||||
<!-- content 영역 -->
|
||||
<div id="container" class="cont sub">
|
||||
@ -180,219 +37,198 @@
|
||||
<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');">1:1 문의</button></li>
|
||||
<li class="tab"><button type="button" onclick="TabType5(this,'5');">이벤트</button></li>
|
||||
</ul><!--// tab button -->
|
||||
<!-- 고객센터 - 공지사항 -->
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/service1.html'">공지사항</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/service2.html'">이용약관</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/service3.html'">자주하는 질문</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/service4.html'">1:1 문의</button></li>
|
||||
<li class="tab active"><button type="button" onclick="location.href='/publish/service6.html'">불편신고</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/service5.html'">이벤트</button></li>
|
||||
|
||||
</ul>
|
||||
<!--// tab button -->
|
||||
<!-- 고객센터 - 1:1문의 -->
|
||||
<div class="serv_content current" id="tab5_4">
|
||||
<div class="heading">
|
||||
<h2>1:1 문의</h2>
|
||||
<h2>불편신고</h2>
|
||||
</div>
|
||||
<div>
|
||||
<div class="search_wrap clearfix">
|
||||
<div class="btn_left">
|
||||
<span>· 기간</span>
|
||||
<div class="calendar_wrap">
|
||||
<input type="text" class="startDate inp" title="검색 시작일" id="startDate" name="startDate" value="" data-datecontrol="true">
|
||||
<div class="calendar_in" id="calendarName_startDate3" style="z-index: 9;">
|
||||
<button type="button" value="달력 팝업 열기" onclick="return calendarOpen('startDate-lry','',this)"></button>
|
||||
<div id="startDate-lry" class="calendarPop" style="display: none;">
|
||||
<iframe id="startDate3-ifrm" name="startDate-ifrm" class="calendar-frame" src="/publish/calendar.html" title=" 달력 팝업" frameborder="0" scrolling="no"></iframe>
|
||||
</div>
|
||||
</div>
|
||||
<span class="dateEtc">~</span>
|
||||
<input type="text" class="endDate inp" title="검색 종료일" id="endDate" name="endDate" value="" data-datecontrol="true">
|
||||
<div class="calendar_in" id="calendarName_endDate" style="z-index: 0;">
|
||||
<button type="button" value="달력 팝업 열기" onclick="return calendarOpen('endDate-lry','',this)"></button>
|
||||
</div>
|
||||
</div>
|
||||
<button type="button" class="btnType btnType2"><img src="/publish/images/content/searchW.png" alt="검색"></button>
|
||||
</div>
|
||||
<div class="btn_right2">
|
||||
<label for="" class="label">검색조건 선택</label>
|
||||
<select name="" id="" class="selType2">
|
||||
<option value="">전체</option>
|
||||
<option value="">전체</option>
|
||||
<option value="">전체</option>
|
||||
</select>
|
||||
<div class="search">
|
||||
<label for="id" class="label"></label>
|
||||
<input type="text" id="id" placeholder="검색어를 입력하세요." onfocus="this.placeholder=''" onblur="this.placeholder='검색어를 입력하세요.'">
|
||||
<button type="button" class="btnType btnType2">검색</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="list_tab_wrap">
|
||||
<!-- tab button -->
|
||||
<ul class="list_tab">
|
||||
<li class="tab active"><button type="button" onclick="listTab(this,'1');">전체</button></li>
|
||||
<li class="tab"><button type="button" onclick="listTab(this,'2');">충전/결제</button></li>
|
||||
<li class="tab"><button type="button" onclick="listTab(this,'3');">회원정보</button></li>
|
||||
<li class="tab"><button type="button" onclick="listTab(this,'4');">문자발송</button></li>
|
||||
<li class="tab"><button type="button" onclick="listTab(this,'5');">주소록</button></li>
|
||||
<li class="tab"><button type="button" onclick="listTab(this,'6');">맞춤제작</button></li>
|
||||
<li class="tab"><button type="button" onclick="listTab(this,'7');">기타</button></li>
|
||||
</ul><!--// tab button -->
|
||||
<select name="" id="" class="selType2">
|
||||
<option value="">2줄보기</option>
|
||||
<option value="">4줄보기</option>
|
||||
<option value="">6줄보기</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="list_cont current" id="listTab_1">
|
||||
<table class="board_list">
|
||||
<caption>1:1문의 목록으로 번호, 구분, 제목, 등록일자, 처리상태 제공 </caption>
|
||||
<colgroup>
|
||||
<col style="width: 8%;">
|
||||
<col style="width: 12%;">
|
||||
<col style="width: auto;">
|
||||
<col style="width: 13%;">
|
||||
<col style="width: 13%;">
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="row">번호</th>
|
||||
<th scope="row">구분</th>
|
||||
<th scope="row">제목</th>
|
||||
<th scope="row">등록일자</th>
|
||||
<th scope="row">처리상태</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>30</td>
|
||||
<td>[정기점검]</td>
|
||||
<td class="list_link">충전이 안되요.</td>
|
||||
<td>2021-04-15</td>
|
||||
<td><span class="waitA">답변대기</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>29</td>
|
||||
<td>[기능개선]</td>
|
||||
<td class="list_link">하루에 최대 얼마까지 충전 가능한가요?</td>
|
||||
<td>2021-04-15</td>
|
||||
<td><span class="completeA">답변완료</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>29</td>
|
||||
<td>[기능개선]</td>
|
||||
<td class="list_link">하루에 최대 얼마까지 충전 가능한가요?</td>
|
||||
<td>2021-04-15</td>
|
||||
<td><span class="completeA">답변완료</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>29</td>
|
||||
<td>[기능개선]</td>
|
||||
<td class="list_link">하루에 최대 얼마까지 충전 가능한가요?</td>
|
||||
<td>2021-04-15</td>
|
||||
<td><span class="completeA">답변완료</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>29</td>
|
||||
<td>[기능개선]</td>
|
||||
<td class="list_link">하루에 최대 얼마까지 충전 가능한가요?</td>
|
||||
<td>2021-04-15</td>
|
||||
<td><span class="completeA">답변완료</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>29</td>
|
||||
<td>[기능개선]</td>
|
||||
<td class="list_link">하루에 최대 얼마까지 충전 가능한가요?</td>
|
||||
<td>2021-04-15</td>
|
||||
<td><span class="completeA">답변완료</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>29</td>
|
||||
<td>[기능개선]</td>
|
||||
<td class="list_link">하루에 최대 얼마까지 충전 가능한가요?</td>
|
||||
<td>2021-04-15</td>
|
||||
<td><span class="completeA">답변완료</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>29</td>
|
||||
<td>[기능개선]</td>
|
||||
<td class="list_link">하루에 최대 얼마까지 충전 가능한가요?</td>
|
||||
<td>2021-04-15</td>
|
||||
<td><span class="completeA">답변완료</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>29</td>
|
||||
<td>[기능개선]</td>
|
||||
<td class="list_link">하루에 최대 얼마까지 충전 가능한가요?</td>
|
||||
<td>2021-04-15</td>
|
||||
<td><span class="completeA">답변완료</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>29</td>
|
||||
<td>[기능개선]</td>
|
||||
<td class="list_link">하루에 최대 얼마까지 충전 가능한가요?</td>
|
||||
<td>2021-04-15</td>
|
||||
<td><span class="completeA">답변완료</span></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<div class="list_btnWrap">
|
||||
<button type="button" class="btnType btnType18">문의등록</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="titBox">
|
||||
<p>- 문자온 서비스 이용 관련 불편사항이나 기능 개선사항, 기타 건의사항 등을 올려주시면 신속하게 개선 및 보완하겠습니다.</p>
|
||||
</div>
|
||||
</div><!--// 고객센터 - 공지사항 -->
|
||||
|
||||
</div><!--// send top -->
|
||||
</div>
|
||||
</div><!--// content 영역 -->
|
||||
<!-- footer 영역 -->
|
||||
<!-- 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 class="search_wrap clearfix">
|
||||
<div class="btn_left">
|
||||
<span>· 기간</span>
|
||||
<div class="calendar_wrap">
|
||||
<input type="text" class="startDate inp calendar picker__input picker__input--active" title="검색 시작일" id="startDate" name="startDate" value="" data-datecontrol="true" readonly="" aria-haspopup="true" aria-expanded="true" aria-readonly="false" aria-owns="startDate_root">
|
||||
<span class="dateEtc">~</span>
|
||||
<input type="text" class="endDate inp calendar picker__input" title="검색 종료일" id="endDate" name="endDate" value="" data-datecontrol="true" readonly="" aria-haspopup="true" aria-expanded="false" aria-readonly="false" aria-owns="endDate_root">
|
||||
</div>
|
||||
<button type="button" class="btnType btnType2" onclick="javascript:linkPage('1'); return false;"><img src="/publish/images/content/searchW.png" alt="검색"></button>
|
||||
</div>
|
||||
<div class="btn_right2">
|
||||
<label for="searchSel" class="label">검색조건 선택</label>
|
||||
<select name="searchCnd" id="searchSel" class="selType2">
|
||||
<option value="" selected="selected">전체</option>
|
||||
<option value="0">제목</option>
|
||||
<option value="1">내용</option>
|
||||
</select>
|
||||
<div class="search">
|
||||
<label for="id" class="label"></label>
|
||||
<input type="text" name="searchWrd" id="id" placeholder="검색어를 입력하세요." onfocus="this.placeholder=''" onblur="this.placeholder='검색어를 입력하세요.'" value="">
|
||||
<button type="button" class="btnType btnType2" onclick="javascript:linkPage('1'); return false;">검색</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="list_tab_wrap" style="height: 31px;">
|
||||
<ul class="list_tab"></ul>
|
||||
<select name="pageUnit" id="pageUnit" class="selType2" title="검색조건선택" onchange="linkPage(1);">
|
||||
<option value="10" selected="">10줄</option>
|
||||
<option value="20">20줄</option>
|
||||
<option value="30">30줄</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="list_cont" id="listTab_1">
|
||||
<table class="board_list">
|
||||
<caption>공지사항 목록으로 번호, 구분, 제목, 작성자, 득록일자, 첨부파일 조회수 제공 </caption>
|
||||
<colgroup>
|
||||
<col style="width: 8%;">
|
||||
<col style="width: 12%;">
|
||||
<col style="width: auto;">
|
||||
<col style="width: 13%;">
|
||||
<col style="width: 13%;">
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="row">번호
|
||||
<div class="sort_wrap">
|
||||
<input type="button" class="sort sortBtn" id="sort_bbsId">
|
||||
</div>
|
||||
</th>
|
||||
<th scope="row">구분
|
||||
<div class="sort_wrap">
|
||||
<input type="button" class="sort sortBtn" id="sort_bbsNm">
|
||||
</div>
|
||||
</th>
|
||||
<th scope="row">제목
|
||||
<div class="sort_wrap">
|
||||
<input type="button" class="sort sortBtn" id="sort_nttSj">
|
||||
</div>
|
||||
</th>
|
||||
<th scope="row">등록일자
|
||||
<div class="sort_wrap">
|
||||
<input type="button" class="sort sortBtn" id="sort_frstRegisterPnttm">
|
||||
</div>
|
||||
</th>
|
||||
<th scope="row">처리상태
|
||||
<div class="sort_wrap">
|
||||
<input type="button" class="sort sortBtn" id="sort_answerCnt">
|
||||
</div>
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr class="row">
|
||||
<td colspan="5">
|
||||
검색된 내용이 없습니다.
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>30</td>
|
||||
<td>[정기점검]</td>
|
||||
<td class="list_link">충전이 안되요.</td>
|
||||
<td>2021-04-15</td>
|
||||
<td><span class="waitA">답변대기</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>29</td>
|
||||
<td>[기능개선]</td>
|
||||
<td class="list_link">하루에 최대 얼마까지 충전 가능한가요?</td>
|
||||
<td>2021-04-15</td>
|
||||
<td><span class="completeA">답변완료</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>29</td>
|
||||
<td>[기능개선]</td>
|
||||
<td class="list_link">하루에 최대 얼마까지 충전 가능한가요?</td>
|
||||
<td>2021-04-15</td>
|
||||
<td><span class="completeA">답변완료</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>29</td>
|
||||
<td>[기능개선]</td>
|
||||
<td class="list_link">하루에 최대 얼마까지 충전 가능한가요?</td>
|
||||
<td>2021-04-15</td>
|
||||
<td><span class="completeA">답변완료</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>29</td>
|
||||
<td>[기능개선]</td>
|
||||
<td class="list_link">하루에 최대 얼마까지 충전 가능한가요?</td>
|
||||
<td>2021-04-15</td>
|
||||
<td><span class="completeA">답변완료</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>29</td>
|
||||
<td>[기능개선]</td>
|
||||
<td class="list_link">하루에 최대 얼마까지 충전 가능한가요?</td>
|
||||
<td>2021-04-15</td>
|
||||
<td><span class="completeA">답변완료</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>29</td>
|
||||
<td>[기능개선]</td>
|
||||
<td class="list_link">하루에 최대 얼마까지 충전 가능한가요?</td>
|
||||
<td>2021-04-15</td>
|
||||
<td><span class="completeA">답변완료</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>29</td>
|
||||
<td>[기능개선]</td>
|
||||
<td class="list_link">하루에 최대 얼마까지 충전 가능한가요?</td>
|
||||
<td>2021-04-15</td>
|
||||
<td><span class="completeA">답변완료</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>29</td>
|
||||
<td>[기능개선]</td>
|
||||
<td class="list_link">하루에 최대 얼마까지 충전 가능한가요?</td>
|
||||
<td>2021-04-15</td>
|
||||
<td><span class="completeA">답변완료</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>29</td>
|
||||
<td>[기능개선]</td>
|
||||
<td class="list_link">하루에 최대 얼마까지 충전 가능한가요?</td>
|
||||
<td>2021-04-15</td>
|
||||
<td><span class="completeA">답변완료</span></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<div class="list_btnWrap">
|
||||
<button type="button" class="btnType btnType18" onclick="location.href='/publish/service4_2.html'">문의등록</button>
|
||||
</div>
|
||||
<!-- pagination -->
|
||||
<ul class="pagination">
|
||||
<li class="on"><button type="button"><a href="#" title="현재페이지">1</a></button></li>
|
||||
|
||||
</ul><!-- //pageWrap -->
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<!--// 고객센터 - 1:1문의 -->
|
||||
|
||||
</div>
|
||||
<!--// send top -->
|
||||
</div>
|
||||
</footer><!--// footer 영역 -->
|
||||
</body></html>
|
||||
</div>
|
||||
<!--// content 영역 -->
|
||||
<!-- footer 영역 -->
|
||||
<!-- footer -->
|
||||
<div data-include-path="/publish/layout/_footer.html"></div>
|
||||
<!--// footer 영역 -->
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -28,151 +28,7 @@
|
||||
</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 영역 -->
|
||||
<div data-include-path="/publish/layout/_header.html"></div>
|
||||
<!-- login 영역 -->
|
||||
<!-- content 영역 -->
|
||||
<div id="container" class="cont sub">
|
||||
@ -277,37 +133,7 @@
|
||||
</div>
|
||||
</div><!--// content 영역 -->
|
||||
<!-- footer 영역 -->
|
||||
<!-- 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 영역 -->
|
||||
<!-- footer -->
|
||||
<div data-include-path="/publish/layout/_footer.html"></div>
|
||||
<!--// footer 영역 -->
|
||||
</body></html>
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@ -21,156 +21,191 @@
|
||||
<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>
|
||||
<script src="/publish/js/popupLayer.js"></script>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="mask"></div>
|
||||
<!-- 맞춤제작 요청 레이어 팝업 -->
|
||||
<div class="tooltip-wrap" id="customPopup">
|
||||
<div class="popup-com custom_layer popup01" tabindex="0" data-tooltip-con="popup01" data-focus="popup01" data-focus-prev="popup01-close">
|
||||
<div class="popup_heading">
|
||||
<p>맞춤제작</p>
|
||||
<button type="button" class="tooltip-close" data-focus="popup01-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
|
||||
</div>
|
||||
<div class="layer_in">
|
||||
<div class="header_cont">
|
||||
<h3>선택이미지</h3>
|
||||
<div class="slectImg_cont" id="selectImgInfo">
|
||||
<img src="/publish/images/main/template02.jpg" alt="">
|
||||
</div>
|
||||
<div class="search_box">
|
||||
<label for="" class="label">추천 템플릿 검색 입력</label>
|
||||
<input type="text" name="sampleSearching" id="sampleSearching" placeholder="템플릿 검색" onfocus="this.placeholder=''" onblur="this.placeholder='템플릿 검색'">
|
||||
<label for="" class="label">추천 템플릿 검색</label>
|
||||
<button>
|
||||
<img src="/publish/images/popup/search.png" alt="검색">
|
||||
</button>
|
||||
<label for="" class="label">추천 템플릿 선택</label>
|
||||
<select name="sampleTemplate" id="sampleTemplate" onchange="searchSampleImg();">
|
||||
<option value="">All</option>
|
||||
<option value="best" selected="">BEST</option>
|
||||
<option value="11100">선거</option>
|
||||
<option value="11200">부고/조문</option>
|
||||
<option value="112600">결혼</option>
|
||||
<option value="11300">초대장</option>
|
||||
<option value="11400">감사/답례</option>
|
||||
<option value="11500">돌잔치</option>
|
||||
<option value="11600">환갑/고희연</option>
|
||||
<option value="11700">명절</option>
|
||||
<option value="11800">명함</option>
|
||||
<option value="111000">학교/학원</option>
|
||||
<option value="111100">음식점</option>
|
||||
<option value="111200">부동산</option>
|
||||
<option value="111300">쇼핑</option>
|
||||
<option value="111400">금융/카드/보험</option>
|
||||
<option value="111500">병원/동물병원</option>
|
||||
<option value="11900">택배/배송</option>
|
||||
<option value="111700">운동/골프/낚시</option>
|
||||
<option value="111800">여행/행사</option>
|
||||
<option value="111900">미용/뷰티</option>
|
||||
<option value="112000">식품</option>
|
||||
<option value="112100">대리운전</option>
|
||||
<option value="112200">렌터카/중고차</option>
|
||||
<option value="112300">퀵서비스</option>
|
||||
<option value="112400">꽃배달</option>
|
||||
<option value="112500">쿠폰</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="contWrap_scroll mCustomScrollbar _mCS_2" id="scrollPagingWrap">
|
||||
<ul class="contWrap on_scroll" id="scrollPaging">
|
||||
<li><a ref="#" onclick="selectSampleImg();"><img id="img0" src="/publish/images/content/custom_imsi.jpg" onerror="/publish/images/main/template02.jpg" class="mCS_img_loaded"><input type="hidden" id="FILE_000000000103667" value="/cmm/fms/getImage2.do?atchFileId=FILE_000000000103667&fileSn=0"></a></li>
|
||||
<li><a ref="#" onclick="selectSampleImg();"><img id="img1" src="/publish/images/content/custom_imsi.jpg" onerror="/publish/images/main/template02.jpg" class="mCS_img_loaded"><input type="hidden" id="FILE_000000000102670" value="/cmm/fms/getImage2.do?atchFileId=FILE_000000000102670&fileSn=0"></a></li>
|
||||
<li><a ref="#" onclick="selectSampleImg();"><img id="img2" src="/publish/images/content/custom_imsi.jpg" onerror="/publish/images/main/template02.jpg" class="mCS_img_loaded"><input type="hidden" id="FILE_000000000102298" value="/cmm/fms/getImage2.do?atchFileId=FILE_000000000102298&fileSn=0"></a></li>
|
||||
<li><a ref="#" onclick="selectSampleImg();"><img id="img3" src="/publish/images/content/custom_imsi.jpg" onerror="/publish/images/main/template02.jpg" class="mCS_img_loaded"><input type="hidden" id="FILE_000000000100648" value="/cmm/fms/getImage2.do?atchFileId=FILE_000000000100648&fileSn=0"></a></li>
|
||||
<li><a ref="#" onclick="selectSampleImg();"><img id="img4" src="/publish/images/content/custom_imsi.jpg" onerror="/publish/images/main/template02.jpg" class="mCS_img_loaded"><input type="hidden" id="FILE_000000000099593" value="/cmm/fms/getImage2.do?atchFileId=FILE_000000000099593&fileSn=0"></a></li>
|
||||
<li><a ref="#" onclick="selectSampleImg();"><img id="img5" src="/publish/images/content/custom_imsi.jpg" onerror="/publish/images/main/template02.jpg" class="mCS_img_loaded"><input type="hidden" id="FILE_000000000094623" value="/cmm/fms/getImage2.do?atchFileId=FILE_000000000094623&fileSn=0"></a></li>
|
||||
<li><a ref="#" onclick="selectSampleImg();"><img id="img6" src="/publish/images/content/custom_imsi.jpg" onerror="/publish/images/main/template02.jpg" class="mCS_img_loaded"><input type="hidden" id="FILE_000000000094487" value="/cmm/fms/getImage2.do?atchFileId=FILE_000000000094487&fileSn=0"></a></li>
|
||||
<li><a ref="#" onclick="selectSampleImg();"><img id="img7" src="/publish/images/content/custom_imsi.jpg" onerror="/publish/images/main/template02.jpg" class="mCS_img_loaded"><input type="hidden" id="FILE_000000000078169" value="/cmm/fms/getImage2.do?atchFileId=FILE_000000000078169&fileSn=0"></a></li>
|
||||
<li><a ref="#" onclick="selectSampleImg();"><img id="img8" src="/publish/images/content/custom_imsi.jpg" onerror="/publish/images/main/template02.jpg" class="mCS_img_loaded"><input type="hidden" id="FILE_000000000061115" value="/cmm/fms/getImage2.do?atchFileId=FILE_000000000061115&fileSn=0"></a></li>
|
||||
<li><a ref="#" onclick="selectSampleImg();"><img id="img9" src="/publish/images/content/custom_imsi.jpg" onerror="/publish/images/main/template02.jpg" class="mCS_img_loaded"><input type="hidden" id="FILE_000000000039162" value="/cmm/fms/getImage2.do?atchFileId=FILE_000000000039162&fileSn=0"></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="body_cont">
|
||||
<table>
|
||||
<caption>제작비용 형태, 제공방법, 연락처, 요청사항, 이미지 등록 표</caption>
|
||||
<colgroup>
|
||||
<col style="width: 105px;">
|
||||
<col style="width: auto">
|
||||
</colgroup>
|
||||
<tbody>
|
||||
<tr class="custom_put1">
|
||||
<th>제작형태</th>
|
||||
<td>
|
||||
<div>
|
||||
|
||||
<div class="custom_put1_list" id="customType01">
|
||||
<input id="radio1" type="radio" name="customType" value="01" onclick="customProvisionView(this);">
|
||||
<label for="radio1">문자온 샘플 수정(글자, 색상, 폰트 등)</label>
|
||||
<span class="price"><span>7,000</span>원</span>
|
||||
<input type="hidden" id="customPay01" name="customPay01" value="7000">
|
||||
</div>
|
||||
|
||||
<div class="custom_put1_list" id="customType02">
|
||||
<input id="radio2" type="radio" name="customType" value="02" onclick="customProvisionView(this);">
|
||||
<label for="radio2">이미지 편집(첨부이미지 1장)</label>
|
||||
<span class="price"><span>15,000</span>원</span>
|
||||
<input type="hidden" id="customPay02" name="customPay02" value="15000">
|
||||
</div>
|
||||
|
||||
<div class="custom_put1_list" id="customType03">
|
||||
<input id="radio3" type="radio" name="customType" value="03" onclick="customProvisionView(this);">
|
||||
<label for="radio3">이미지 편집(첨부이미지 3장이하)</label>
|
||||
<span class="price"><span>30,000</span>원</span>
|
||||
<input type="hidden" id="customPay03" name="customPay03" value="30000">
|
||||
</div>
|
||||
|
||||
<div class="custom_put1_list" id="customType04" style="display: none;">
|
||||
<input id="radio4" type="radio" name="customType" value="04" onclick="customProvisionView(this);">
|
||||
<label for="radio4">텍스트 단순수정</label>
|
||||
<span class="price"><span>3,000</span>원</span>
|
||||
<input type="hidden" id="customPay04" name="customPay04" value="3000">
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="custom_put1_txt">
|
||||
<p><span class="vMiddle">*</span> <span class="c_e40000">캘리그래피체는 수정이 불가</span>합니다.</p>
|
||||
<p><span class="vMiddle">*</span>
|
||||
<spanspan class="c_e40000">제작형태와 요청사항이 상이한 경우 <spanspan class="c_e40000">추가로 비용이 발생할 수 있습니다.</spanspan>
|
||||
</spanspan>
|
||||
</p>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="custom_put2">
|
||||
<th>제공방법</th>
|
||||
<td>
|
||||
<input type="checkbox" id="storage" checked="checked" disabled="disabled"> <label for="storage">내보관함</label>
|
||||
<input type="checkbox" name="customProvision" id="radio11" value="01"> <label for="radio11">카카오톡</label>
|
||||
<input type="checkbox" name="customProvision" id="radio12" value="02"> <label for="radio12">이메일</label>
|
||||
<input type="text" class="radio12_input" name="customResultEmail" placeholder="이메일주소를 입력해주세요" onfocus="''" onblur="this.placeholder='이메일주소를 입력해주세요'">
|
||||
<!-- <span>중복선택 가능(최대2개)</span> -->
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="custom_put3">
|
||||
<th>연락처</th>
|
||||
<td>
|
||||
<input type="text" name="customPhoneNo" numberonly="" maxlength="11" placeholder="완료 메세지를 받을 전화번호를 기재 해주세요." onfocus="this.placeholder=''" onblur="this.placeholder='완료 메세지를 받을 전화번호를 기재 해주세요.'">
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="custom_put4">
|
||||
<th>요청사항</th>
|
||||
<td>
|
||||
<textarea name="customRequest" placeholder="수정사항을 상세히 기입해 주세요.
|
||||
약도를 추가할 경우 지번을 정확히 입력해 주세요." onfocus="this.placeholder=''" onblur="this.placeholder='수정사항을 상세히 기입해 주세요. 약도를 추가할 경우 지번을 정확히 입력해 주세요.'"></textarea>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="custom_put5" id="uploadFileList">
|
||||
<th>첨부 이미지</th>
|
||||
<td>
|
||||
<div id="uploadFile01">
|
||||
<input type="text" class="input-file1" title="첨부파일">
|
||||
<button type="button" class="img_add" title="이미지 추가 버튼" style="display: block;" onclick="selectAddImg('input-file1');">파일첨부</button>
|
||||
<input type="file" accept=".jpg" class="input-image-file" multiple="" id="input-file1" style="width:0px !important;height:0px !important">
|
||||
</div>
|
||||
<div id="uploadFile02">
|
||||
<input type="text" class="input-file2" title="첨부파일">
|
||||
<button type="button" class="img_add" title="이미지 추가 버튼" style="display: block;" onclick="selectAddImg('input-file2');">파일첨부</button>
|
||||
<input type="file" accept=".jpg" class="input-image-file" multiple="" id="input-file2" style="width:0px !important;height:0px !important">
|
||||
</div>
|
||||
<div id="uploadFile03">
|
||||
<input type="text" class="input-file3" title="첨부파일">
|
||||
<button type="button" class="img_add" title="이미지 추가 버튼" style="display: block;" onclick="selectAddImg('input-file3');">파일첨부</button>
|
||||
<input type="file" accept=".jpg" class="input-image-file" multiple="" id="input-file3" style="width:0px !important;height:0px !important">
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<div class="custom_btn">
|
||||
<button type="button" class="tooltip-close" data-focus="popup01-close">신청하기</button>
|
||||
<button type="button" class="tooltip-close" data-focus="popup01-close" data-focus-next="popup01">취소</button>
|
||||
</div>
|
||||
</div>
|
||||
</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 메뉴 -->
|
||||
</div>
|
||||
<!--// skip 메뉴 -->
|
||||
|
||||
<!-- 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 영역 -->
|
||||
<div data-include-path="/publish/layout/_header.html"></div>
|
||||
<!--// header 영역 -->
|
||||
<!-- login 영역 -->
|
||||
<!-- content 영역 -->
|
||||
<div id="container" class="cont sub">
|
||||
@ -185,18 +220,19 @@
|
||||
<ul class="tabType4">
|
||||
<li class="tab active"><button type="button" onclick="TabType4(this,'1');">맞춤제작 샘플</button></li>
|
||||
<li class="tab"><button type="button" onclick="TabType4(this,'2');">제작방법 및 이용안내</button></li>
|
||||
<li class="tab"><button type="button" onclick="TabType4(this,'3');">내보관함</button></li>
|
||||
</ul><!--// tab button -->
|
||||
<!-- tab content1 맞춤제작 샘플 -->
|
||||
<li class="tab"><button type="button" onclick="TabType4(this,'4');">내보관함</button></li>
|
||||
</ul>
|
||||
<!--// tab button -->
|
||||
<!-- tab content1 맞춤제작 샘플 -->
|
||||
<div class="custom_content current custom1" id="tab4_1">
|
||||
<div class="area_tabs">
|
||||
<div class="top_tab">
|
||||
<div class="tab_depth1">
|
||||
<!-- <div class="tab_depth1">
|
||||
<a href="#none" class="on">전체</a>
|
||||
<a href="#none">기업</a>
|
||||
<a href="#none">개인</a>
|
||||
<div class="on_active">전체</div>
|
||||
</div>
|
||||
</div> -->
|
||||
<div class="customReq">
|
||||
<button type="button" data-tooltip="popup01"><i></i>맞춤제작 요청</button>
|
||||
</div>
|
||||
@ -233,204 +269,102 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 맞춤제작 요청 레이어 팝업 -->
|
||||
<div class="tooltip-wrap">
|
||||
<div class="popup-com custom_layer popup01" tabindex="0" data-tooltip-con="popup01" data-focus="popup01" data-focus-prev="popup01-close">
|
||||
<div class="popup_heading">
|
||||
<p>맞춤제작</p>
|
||||
<button type="button" class="tooltip-close" data-focus="popup01-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
|
||||
</div>
|
||||
<div class="layer_in">
|
||||
<div class="header_cont">
|
||||
<h3>템플릿 선택</h3>
|
||||
<div class="search_box">
|
||||
<label for="" class="label">추천 템플릿 검색 입력</label>
|
||||
<input type="text" placeholder="템플릿 검색" onfocus="this.placeholder=''" onblur="this.placeholder='템플릿 검색'">
|
||||
<label for="" class="label">추천 템플릿 검색</label>
|
||||
<button><img src="/publish/images/popup/search.png" alt="검색"></button>
|
||||
<label for="" class="label">추천 템플릿 선택</label>
|
||||
<select>
|
||||
<option>템플릿 카테고리</option>
|
||||
<option>템플릿 카테고리</option>
|
||||
<option>템플릿 카테고리</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="contWrap_scroll">
|
||||
<ul class="contWrap">
|
||||
<li><a href="#"><img src="/publish/images/popup/tem1.jpg"></a></li>
|
||||
<li><a href="#"><img src="/publish/images/popup/tem2.jpg"></a></li>
|
||||
<li><a href="#"><img src="/publish/images/popup/tem3.jpg"></a></li>
|
||||
<li><a href="#"><img src="/publish/images/popup/tem4.jpg"></a></li>
|
||||
<li><a href="#"><img src="/publish/images/popup/tem5.jpg"></a></li>
|
||||
<li><a href="#"><img src="/publish/images/popup/tem6.jpg"></a></li>
|
||||
<li><a href="#"><img src="/publish/images/popup/tem7.jpg"></a></li>
|
||||
<li><a href="#"><img src="/publish/images/popup/tem8.jpg"></a></li>
|
||||
<li><a href="#"><img src="/publish/images/popup/tem1.jpg"></a></li>
|
||||
<li><a href="#"><img src="/publish/images/popup/tem2.jpg"></a></li>
|
||||
<li><a href="#"><img src="/publish/images/popup/tem3.jpg"></a></li>
|
||||
<li><a href="#"><img src="/publish/images/popup/tem4.jpg"></a></li>
|
||||
<li><a href="#"><img src="/publish/images/popup/tem5.jpg"></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="body_cont">
|
||||
<p><span class="text_deco3"></span>제작비용</p>
|
||||
<table>
|
||||
<caption>제작비용 형태, 제공방법, 연락처, 요청사항, 이미지 등록 표</caption>
|
||||
<colgroup>
|
||||
<col style="width: 105px;">
|
||||
<col style="width: auto">
|
||||
</colgroup>
|
||||
<tbody>
|
||||
<tr class="custom_put1">
|
||||
<th>제작형태</th>
|
||||
<td>
|
||||
<div>
|
||||
<input id="radio1" type="radio"name="custom1" checked="checked">
|
||||
<label for="radio1">문자온 샘플 수정(글자, 색상, 폰트 등)</label>
|
||||
<span>5,000원</span>
|
||||
</div>
|
||||
<div>
|
||||
<input id="radio2" type="radio" name="custom1">
|
||||
<label for="radio2">문자온 샘플/본인제공 이미지(1장)</label>
|
||||
<span>10,000원</span>
|
||||
</div>
|
||||
<div>
|
||||
<input id="radio3" type="radio" name="custom1">
|
||||
<label for="radio3">본인제공 이미지(3장 이하)</label>
|
||||
<span>20,000원</span>
|
||||
</div>
|
||||
<div>
|
||||
<input id="radio4" type="radio" name="custom1">
|
||||
<label for="radio4">제작완료 이미지 수정(1장))</label>
|
||||
<span>5,000원</span>
|
||||
</div>
|
||||
<span><span class="vMiddle">*</span> 제작비용은 신청시 즉시 차감 (제작비용 이상 잔액유지)</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="custom_put2">
|
||||
<th>제공방법</th>
|
||||
<td>
|
||||
<input type="checkbox" disabled>
|
||||
<label for="">내보관함</label>
|
||||
<div>
|
||||
<input id="radio5" type="radio" name="check">
|
||||
<label for="radio5">카카오톡</label>
|
||||
<input id="radio6" type="radio" name="check">
|
||||
<label for="radio6">이메일</label>
|
||||
</div>
|
||||
<span>중복선택 가능(최대2개)</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="custom_put3">
|
||||
<th>연락처</th>
|
||||
<td>
|
||||
<label for="" class="label"></label>
|
||||
<input type="text" placeholder="완료 메세지를 받을 전화번호를 기재 해주세요." onfocus="this.placeholder=''" onblur="this.placeholder='완료 메세지를 받을 전화번호를 기재 해주세요.'">
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="custom_put4">
|
||||
<th>요청사항</th>
|
||||
<td>
|
||||
<label for="" class="label"></label>
|
||||
<textarea placeholder="수정사항을 상세히 기입해 주세요.이미지위치, 문구위치, 원하시는 폰트, 색상등을 적어주세요.
|
||||
미 기입시 기존 이미지의 폰트, 색상이 그대로 사용됩니다.약도를 추가할 경우 지번을 정확히 입력해 주세요" onfocus="this.placeholder=''" onblur="this.placeholder='수정사항을 상세히 기입해 주세요.이미지위치, 문구위치, 원하시는 폰트, 색상등을 적어주세요. 미 기입시 기존 이미지의 폰트, 색상이 그대로 사용됩니다.약도를 추가할 경우 지번을 정확히 입력해 주세요'"></textarea>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="custom_put5">
|
||||
<th>이미지 등록</th>
|
||||
<td>
|
||||
<ul>
|
||||
<li>
|
||||
<img src="/publish/images/popup/preview_img1.png">
|
||||
<button type="button" class="img_close" title="이미지 삭제 버튼"><i></i></button>
|
||||
</li>
|
||||
<li class="no_img">
|
||||
<button type="button" class="img_add" title="이미지 추가 버튼"><i></i></button>
|
||||
</li>
|
||||
<li class="no_img">
|
||||
<button type="button" class="img_add" title="이미지 추가 버튼"><i></i></button>
|
||||
</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<div class="custom_btn">
|
||||
<button type="button">신청하기</button>
|
||||
<button type="button" class="tooltip-close" data-focus="popup01-close" data-focus-next="popup01">취소</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--// 맞춤제작 요청 레이어 팝업 -->
|
||||
|
||||
<ul class="area_tabcontent photo_sample">
|
||||
<li class="hover_photo">
|
||||
<div class="hover_cont"><img src="/publish/images/content/photo_sample01.jpg"alt=""></div>
|
||||
<div class="hover_cont"><img src="/publish/images/content/photo_sample01.jpg" alt=""></div>
|
||||
<div class="photo_cont">
|
||||
<img src="/publish/images/content/photo_sample01.jpg" alt="">
|
||||
<a href="#" data-tooltip="popup01">
|
||||
<img src="/publish/images/content/photo_sample01.jpg" alt="">
|
||||
</a>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="hover_cont"><img src="/publish/images/content/photo_sample02.jpg"alt=""></div>
|
||||
<div class="hover_cont"><img src="/publish/images/content/photo_sample02.jpg" alt=""></div>
|
||||
<div class="photo_cont">
|
||||
<img src="/publish/images/content/photo_sample02.jpg" alt="">
|
||||
<a href="#" data-tooltip="popup01">
|
||||
<img src="/publish/images/content/photo_sample02.jpg" alt="">
|
||||
</a>
|
||||
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="hover_cont"><img src="/publish/images/content/photo_sample03.jpg"alt=""></div>
|
||||
<div class="hover_cont"><img src="/publish/images/content/photo_sample03.jpg" alt=""></div>
|
||||
<div class="photo_cont">
|
||||
<img src="/publish/images/content/photo_sample03.jpg" alt="">
|
||||
<a href="#" data-tooltip="popup01">
|
||||
<img src="/publish/images/content/photo_sample03.jpg" alt="">
|
||||
</a>
|
||||
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="hover_cont"><img src="/publish/images/content/photo_sample04.jpg"alt=""></div>
|
||||
<div class="hover_cont"><img src="/publish/images/content/photo_sample04.jpg" alt=""></div>
|
||||
<div class="photo_cont">
|
||||
<img src="/publish/images/content/photo_sample04.jpg" alt="">
|
||||
<a href="#" data-tooltip="popup01">
|
||||
<img src="/publish/images/content/photo_sample04.jpg" alt="">
|
||||
</a>
|
||||
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="hover_cont"><img src="/publish/images/content/photo_sample05.jpg"alt=""></div>
|
||||
<div class="hover_cont"><img src="/publish/images/content/photo_sample05.jpg" alt=""></div>
|
||||
<div class="photo_cont">
|
||||
<img src="/publish/images/content/photo_sample05.jpg" alt="">
|
||||
<a href="#" data-tooltip="popup01">
|
||||
<img src="/publish/images/content/photo_sample05.jpg" alt="">
|
||||
</a>
|
||||
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="hover_cont"><img src="/publish/images/content/photo_sample06.jpg"alt=""></div>
|
||||
<div class="hover_cont"><img src="/publish/images/content/photo_sample06.jpg" alt=""></div>
|
||||
<div class="photo_cont">
|
||||
<img src="/publish/images/content/photo_sample06.jpg" alt="">
|
||||
<a href="#" data-tooltip="popup01">
|
||||
<img src="/publish/images/content/photo_sample06.jpg" alt="">
|
||||
</a>
|
||||
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="hover_cont"><img src="/publish/images/content/photo_sample07.jpg"alt=""></div>
|
||||
<div class="hover_cont"><img src="/publish/images/content/photo_sample07.jpg" alt=""></div>
|
||||
<div class="photo_cont">
|
||||
<img src="/publish/images/content/photo_sample07.jpg" alt="">
|
||||
<a href="#" data-tooltip="popup01">
|
||||
<img src="/publish/images/content/photo_sample07.jpg" alt="">
|
||||
</a>
|
||||
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="hover_cont"><img src="/publish/images/content/photo_sample08.jpg"alt=""></div>
|
||||
<div class="hover_cont"><img src="/publish/images/content/photo_sample08.jpg" alt=""></div>
|
||||
<div class="photo_cont">
|
||||
<img src="/publish/images/content/photo_sample08.jpg" alt="">
|
||||
<a href="#" data-tooltip="popup01">
|
||||
<img src="/publish/images/content/photo_sample08.jpg" alt="">
|
||||
</a>
|
||||
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="hover_cont"><img src="/publish/images/content/photo_sample09.jpg"alt=""></div>
|
||||
<div class="hover_cont"><img src="/publish/images/content/photo_sample09.jpg" alt=""></div>
|
||||
<div class="photo_cont">
|
||||
<img src="/publish/images/content/photo_sample09.jpg" alt="">
|
||||
<a href="#" data-tooltip="popup01">
|
||||
<img src="/publish/images/content/photo_sample09.jpg" alt="">
|
||||
</a>
|
||||
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="hover_cont"><img src="/publish/images/content/photo_sample10.jpg"alt=""></div>
|
||||
<div class="hover_cont"><img src="/publish/images/content/photo_sample10.jpg" alt=""></div>
|
||||
<div class="photo_cont">
|
||||
<img src="/publish/images/content/photo_sample10.jpg" alt="">
|
||||
<a href="#" data-tooltip="popup01">
|
||||
<img src="/publish/images/content/photo_sample10.jpg" alt="">
|
||||
</a>
|
||||
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<!-- 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="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>
|
||||
@ -441,12 +375,13 @@
|
||||
<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>
|
||||
<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><!--// tab content1 맞춤제작 샘플 -->
|
||||
</div>
|
||||
<!--// tab content1 맞춤제작 샘플 -->
|
||||
|
||||
<!-- tab content2 제작방법 및 이용안내 -->
|
||||
<!-- tab content2 제작방법 및 이용안내 -->
|
||||
<div class="custom_content custom2" id="tab4_2">
|
||||
<div class="heading">
|
||||
<h2>제작방법 및 이용안내</h2>
|
||||
@ -470,27 +405,27 @@
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>문자온 샘플 단순 수정(글자, 색상 등)</td>
|
||||
<td>문자온 샘플 수정(글자, 색상, 폰트 등)</td>
|
||||
<td>문자/카톡</td>
|
||||
<td>5,000</td>
|
||||
<td>7,000원</td>
|
||||
<td>내보관함/카톡/이메일</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>문자온 샘플에 본인 제공 이미지 1장 추가</td>
|
||||
<td>이미지 편집(첨부이미지 1장)</td>
|
||||
<td>문자/카톡</td>
|
||||
<td>10,000</td>
|
||||
<td>15,000원</td>
|
||||
<td>내보관함/카톡/이메일</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>본인 제공 이미지(3장 이하)</td>
|
||||
<td>이미지 편집(첨부이미지 3장이하)</td>
|
||||
<td>문자/카톡</td>
|
||||
<td>20,000</td>
|
||||
<td>30,000원</td>
|
||||
<td>내보관함/카톡/이메일</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>추가 수정</td>
|
||||
<td>텍스트 단순수정</td>
|
||||
<td>문자/카톡</td>
|
||||
<td>5,000 / 회</td>
|
||||
<td>3,000원</td>
|
||||
<td>내보관함/카톡/이메일</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
@ -517,99 +452,58 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="cont_bottom">
|
||||
<div>
|
||||
<div class="step_heading">
|
||||
<p><span>샘플</span>제작 요청방법</p>
|
||||
<span>전문 디자이너가 직접 제작하는 고퀄리티 맞춤제작 서비스</span>
|
||||
<div class="custom_step">
|
||||
<div class="step_title">
|
||||
<p><span>샘플</span> 제작 요청방법</p>
|
||||
<span class="summary">전문 디자이너가 직접 제작하는 고퀄리티 맞춤제작 서비스</span>
|
||||
</div>
|
||||
<ul>
|
||||
<ol>
|
||||
<li>
|
||||
<i class="step_1"></i>
|
||||
<div>
|
||||
<span class="step"><span>STEP</span>01</span>
|
||||
<p class="step_cont">문자온 문자 샘플 목록에서 <span>원하는 이미지 선택</span></p>
|
||||
</div>
|
||||
<div class="step">STEP <strong>01</strong></div>
|
||||
<div class="text">문자온 문자 샘플 목록에서<br><strong>원하는 이미지 선택</strong></div>
|
||||
</li>
|
||||
<li>
|
||||
<i class="step_2"></i>
|
||||
<div>
|
||||
<span class="step"><span>STEP</span>02</span>
|
||||
<p class="step_cont">작업 요청내역 입력 후<br><span>신청하기 버튼 클릭</span></p>
|
||||
</div>
|
||||
<div class="step">STEP <strong>02</strong></div>
|
||||
<div class="text">작업 요청내역 입력 후<br><strong>신청하기 버튼 클릭</strong></div>
|
||||
</li>
|
||||
<li>
|
||||
<i class="step_3"></i>
|
||||
<div>
|
||||
<span class="step"><span>STEP</span>03</span>
|
||||
<p class="step_cont"><span>내 보관함</span>에서<br>완성된 이미지 확인<span class="cont_s">(문자,카톡 등)</span></p>
|
||||
</div>
|
||||
<div class="step">STEP <strong>03</strong></div>
|
||||
<div class="text"><strong>내보관함</strong>에서<br>완성된 이미지 확인<span>(문자, 카톡 등)</span></div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<div class="step_heading">
|
||||
<p><span>내사진</span>제작 요청방법</p>
|
||||
<span>보유하신 이미지를 목적에 맞게 제작해주는 맞춤형 서비스</span>
|
||||
</div>
|
||||
<ul>
|
||||
<li>
|
||||
<i class="step_1"></i>
|
||||
<div>
|
||||
<span class="step"><span>STEP</span>01</span>
|
||||
<p class="step_cont">문자온 맞춤제작 샘플목록에서<span> 내사진제작 버튼 클릭</span>후 파일 업로드<span class="cont_s">(끌어다놓기 또는 파일찾기 가능)</span></p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<i class="step_2"></i>
|
||||
<div>
|
||||
<span class="step"><span>STEP</span>02</span>
|
||||
<p class="step_cont">작업 요청내역 입력 후<br><span>신청하기 버튼 클릭</span></p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<i class="step_3"></i>
|
||||
<div>
|
||||
<span class="step"><span>STEP</span>03</span>
|
||||
<p class="step_cont"><span>내 보관함</span>에서<br>완성된 이미지 확인<span class="cont_s">(문자,카톡 등)</span></p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--// tab content2 제작방법 및 이용안내 -->
|
||||
<!-- tab content3 내 보관함 -->
|
||||
<div class="custom_content custom3" id="tab4_3">
|
||||
</div>
|
||||
<!--// tab content2 제작방법 및 이용안내 -->
|
||||
|
||||
<!-- tab content3 내 보관함 -->
|
||||
<div class="custom_content custom3" id="tab4_4">
|
||||
<div class="search_wrap clearfix">
|
||||
<div class="btn_left">
|
||||
<span>· 기간</span>
|
||||
<div class="calendar_wrap">
|
||||
<input type="text" class="startDate inp" title="검색 시작일" id="startDate" name="startDate" value="" data-datecontrol="true">
|
||||
<div class="calendar_in" id="calendarName_startDate3" style="z-index: 9;">
|
||||
<button type="button" value="달력 팝업 열기" onclick="return calendarOpen('startDate-lry','',this)"></button>
|
||||
<div id="startDate-lry" class="calendarPop" style="display: none;">
|
||||
<iframe id="startDate3-ifrm" name="startDate-ifrm" class="calendar-frame" src="/publish/calendar.html" title=" 달력 팝업" frameborder="0" scrolling="no"></iframe>
|
||||
</div>
|
||||
</div>
|
||||
<span class="dateEtc">~</span>
|
||||
<input type="text" class="endDate inp" title="검색 종료일" id="endDate" name="endDate" value="" data-datecontrol="true">
|
||||
<div class="calendar_in" id="calendarName_endDate" style="z-index: 0;">
|
||||
<button type="button" value="달력 팝업 열기" onclick="return calendarOpen('endDate-lry','',this)"></button>
|
||||
</div>
|
||||
</div>
|
||||
<input type="text" class="startDate inp" title="검색 시작일" id="startDate" name="startDate" value="" data-datecontrol="true">
|
||||
<div class="calendar_in" id="calendarName_startDate3" style="z-index: 9;">
|
||||
<button type="button" value="달력 팝업 열기" onclick="return calendarOpen('startDate-lry','',this)"></button>
|
||||
<div id="startDate-lry" class="calendarPop" style="display: none;">
|
||||
<iframe id="startDate3-ifrm" name="startDate-ifrm" class="calendar-frame" src="/publish/calendar.html" title=" 달력 팝업" frameborder="0" scrolling="no"></iframe>
|
||||
</div>
|
||||
</div>
|
||||
<span class="dateEtc">~</span>
|
||||
<input type="text" class="endDate inp" title="검색 종료일" id="endDate" name="endDate" value="" data-datecontrol="true">
|
||||
<div class="calendar_in" id="calendarName_endDate" style="z-index: 0;">
|
||||
<button type="button" value="달력 팝업 열기" onclick="return calendarOpen('endDate-lry','',this)"></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="search">
|
||||
<label for="id" class="label"></label>
|
||||
<input type="text" id="id" placeholder="내보관함 검색" onfocus="this.placeholder=''" onblur="this.placeholder='내보관함 검색'">
|
||||
<!-- <label for="id" class="label"></label>
|
||||
<input type="text" id="id" placeholder="내보관함 검색" onfocus="this.placeholder=''" onblur="this.placeholder='내보관함 검색'"> -->
|
||||
<button type="button" class="btnType btnType2">검색</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="btn_right">
|
||||
<button type="button">최근순<i></i></button>
|
||||
<label for="" class="label">검색조건 선택</label>
|
||||
<select name="" id="" class="selType2">
|
||||
<option value="">전체보기</option>
|
||||
<option value="">전체보기</option>
|
||||
<option value="">전체보기</option>
|
||||
</select>
|
||||
<label for="" class="label"></label>
|
||||
<select name="" id="" class="selType2">
|
||||
<option value="">2줄보기</option>
|
||||
@ -753,22 +647,6 @@
|
||||
<button type="button">수정</button>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="photo_preview">
|
||||
<div class="tit_text_wrap">
|
||||
<input type="checkbox" id="">
|
||||
<label for="">샘플 단순수정</label>
|
||||
<span class="step2">수정중</span>
|
||||
</div>
|
||||
<div class="photo_cont">
|
||||
<img src="/publish/images/content/photo_sample09.jpg" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="myphoto_info">
|
||||
<p>일자 2021-01-01｜코드 1234</p>
|
||||
<button type="button">수정</button>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="photo_preview">
|
||||
<div class="tit_text_wrap">
|
||||
@ -788,8 +666,8 @@
|
||||
</ul>
|
||||
<!-- 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="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>
|
||||
@ -800,45 +678,18 @@
|
||||
<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>
|
||||
<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><!--// tab content3 내 보관함 -->
|
||||
</div><!--// send top -->
|
||||
</div>
|
||||
</div><!--// content 영역 -->
|
||||
<!-- footer 영역 -->
|
||||
<!-- 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>
|
||||
<!--// tab content3 내 보관함 -->
|
||||
</div>
|
||||
<!--// send top -->
|
||||
</div>
|
||||
</footer><!--// footer 영역 -->
|
||||
</body></html>
|
||||
</div>
|
||||
<!--// content 영역 -->
|
||||
<!-- footer 영역 -->
|
||||
<div data-include-path="/publish/layout/_footer.html"></div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -3308,37 +3308,7 @@
|
||||
</div>
|
||||
</div><!--// content 영역 -->
|
||||
<!-- footer 영역 -->
|
||||
<!-- 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 영역 -->
|
||||
<!-- footer -->
|
||||
<div data-include-path="/publish/layout/_footer.html"></div>
|
||||
<!--// footer 영역 -->
|
||||
</body></html>
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@ -2126,38 +2126,7 @@
|
||||
</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>
|
||||
<div data-include-path="/publish/layout/_footer.html"></div>
|
||||
<!--// footer 영역 -->
|
||||
</body>
|
||||
|
||||
|
||||
@ -751,38 +751,7 @@
|
||||
</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>
|
||||
<div data-include-path="/publish/layout/_footer.html"></div>
|
||||
<!--// footer 영역 -->
|
||||
</body>
|
||||
|
||||
|
||||
@ -520,8 +520,7 @@
|
||||
<li><a href="#">#좋은하루</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<button class="btn_close" onclick="searchToggle();"><img src="/publish/images/btn_searchclose.png"
|
||||
alt=""></button>
|
||||
<button class="btn_close" onclick="searchToggle();"><img src="/publish/images/btn_searchclose.png" alt=""></button>
|
||||
</div>
|
||||
</div>
|
||||
<!--// search popup 영역 -->
|
||||
|
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue
Block a user