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

594 lines
37 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

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

<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>문자온</title>
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/publish/css/reset.css">
<link rel="stylesheet" href="/publish/css/jquery.mCustomScrollbar.css">
<link rel="stylesheet" href="/publish/css/common.css">
<link rel="stylesheet" href="/publish/css/button.css">
<link rel="stylesheet" href="/publish/css/content.css">
<link rel="stylesheet" href="/publish/css/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>
<!-- skip 메뉴 -->
<div class="skip_menu">
<a href="#cont" title="본문 바로가기" class="contGo">본문 바로가기</a>
</div><!--// skip 메뉴 -->
<!-- quick 메뉴 -->
<div class="quickMenu">
<div>
<p class="quick_title">QUICK<br>MENU</p>
<p class="quick_title2">QUICK</p>
<ul class="quickMenuIn">
<li>
<a href="/publish/index.html"><i class="quick1"></i><span>이용안내</span></a>
<div class="hover_cont">이용안내</div>
</li>
<li>
<a href="#"><i class="quick2"></i><span>채팅상담</span></a>
<div class="hover_cont">채팅상담</div>
</li>
<li>
<a href="#"><i class="quick3"></i><span>원격지원</span></a>
<div class="hover_cont">원격지원</div>
</li>
<li>
<a href="#"><i class="quick4"></i><span>맞춤제작</span></a>
<div class="hover_cont">맞춤제작</div>
</li>
<li>
<a href="#"><i class="quick5"></i><span>주소록 등록</span></a>
<div class="hover_cont">주소록 등록</div>
</li>
<li>
<a href="#"><i class="quick6"></i><span>엑셀 전송</span></a>
<div class="hover_cont">엑셀 대량전송</div>
</li>
<li>
<a href="#"><i class="quick7"></i><span>견적서</span></a>
<div class="hover_cont">견적서</div>
</li>
<li>
<a href="#"><i class="quick8"></i><span>결제</span></a>
<div class="hover_cont">결제</div>
</li>
<li>
<a href="#"><i class="quick9"></i><span>영수증/계산서</span></a>
<div class="hover_cont">영수증/계산서</div>
</li>
</ul>
<button type="button" class="goTop" title="맨 위로 이동">TOP<i></i></button>
</div>
</div><!--// quick 메뉴 -->
<!-- header 영역 -->
<header id="header" class="header">
<!-- header top 영역 -->
<div class="header_top">
<div class="inner">
<ul class="menu_left">
<li><a href="#"><i class="hdTop_fav"></i>즐겨찾기추가</a></li>
<li><a href="#"><i class="hdTop_mypage"></i>마이페이지</a></li>
<li><a href="#"><i class="hdTop_center"></i>고객센터</a></li>
</ul>
<ul class="menu_right">
<li><a href="#">충전하기</a></li>
<li class="SortLine"><a href="#">요금안내</a></li>
<li class="SortLine"><a href="#">이용안내</a></li>
<li class="SortLine"><a href="#">1:1고객상담</a></li>
</ul>
</div>
</div><!-- header top 영역 -->
<!-- header body 영역 -->
<div class="header_body">
<div class="inner table">
<h1 class="logo"><a href="/publish/index.html" alt="문자온 메인 바로가기"><img src="/publish/images/CI.png" alt="문자온 CI"></a></h1>
<ul class="gnbWrap table_cell">
<li><a href="#">문자발송</a></li>
<li><a href="#">선거문자</a></li>
<li><a href="#">맞춤제작</a></li>
<li><a href="#">비즈톡</a></li>
<li><a href="#">주소록 관리</a></li>
<li><a href="#">발송결과</a></li>
<li><a href="#">예약관리</a></li>
<li><a href="#">결제내역</a></li>
</ul>
<div class="s_menu">
<i class="allSearch_info"><span>문자검색</span></i>
<button type="button" title="전체검색" class="allSearch" onclick="searchToggle();"><img src="/publish/images/search.png" alt="검색영역 열기" class="allMenu"></button>
<button type="button" title="전체메뉴"><img src="/publish/images/all_menu.png" alt="전체메뉴 열기"></button>
</div>
</div>
<!-- search popup 영역 -->
<div class="pop_search">
<div class="inner">
<div class="area_search">
<select name="" id="">
<option value="">그림문자</option>
<option value="">단문문자</option>
<option value="">장문문자</option>
<option value="">GIF</option>
</select>
<input type="text" placeholder="문자샘플 검색하기">
<button><img src="/publish/images/search02.png" alt=""></button>
</div>
<div class="area_popular">
<p><i></i>인기검색어</p>
<ul class="popular_tag">
<li><a href="#">#정월대보름</a></li>
<li class="on"><a href="#">#추석</a></li>
<li><a href="#">#가을인사</a></li>
<li><a href="#">#좋은하루</a></li>
</ul>
</div>
<button class="btn_close" onclick="searchToggle();"><img src="/publish/images/btn_searchclose.png" alt=""></button>
</div>
</div><!--// search popup 영역 -->
</div><!--// header body 영역 -->
<div id="login" class="login">
<div class="inner table">
<div class="login_left table_cell">
<div class="login_put">
<label for="id_text" class="label"></label>
<input type="text" placeholder="아이디를 입력해주세요"id="id_text" class="id_text" maxlength="30" size="18">
<label for="password_text" class="label"></label>
<input type="password" placeholder="비밀번호를 입력해주세요" id="password_text" class="password_text" maxlength="30"size="18">
<label for="login_button" class="label"></label>
<button type="submit" class="btnType btnType1" class="login_button">로그인</button>
</div>
<div class="login_save">
<input type="checkbox" id="save_id">
<label for="save_id">아이디 저장</label>
</div>
<div class="login_find">
<a href="#">아이디찾기 /</a>
<a href="#">비밀번호 찾기</a>
</div>
<div>
<button type="button" class="btnType btnType2">회원가입</button>
<button type="button" class="btnType btnType3">둘러보기</button>
</div>
</div>
<div class="login_right">
<span><i></i>이달의 이벤트</span>
<button type="button" class="btnType btnType4">바로가기</button>
</div>
</div>
</div><!--// login 영역 -->
</header><!--// header 영역 -->
<!-- login 영역 -->
<!-- content 영역 -->
<div id="container" class="cont sub">
<div class="inner">
<!-- send top -->
<div class="send_top">
<!-- tab button -->
<ul class="tabType4">
<li class="tab 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 -->
<!-- 마이페이지 - 회원정보 변경 -->
<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 class="heading">
<h2>개인회원 정보변경</h2>
</div>
<div class="mem_cont_in">
<div class="text_top">
<p>회원정보를<span>확인</span><span>변경</span>할 수 있습니다.</p>
</div>
<div class="input_list">
<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 colorW">
<div class="input_left">이름</div>
<div class="input_right">
<label for="" class="label">이름</label>
<input type="text" class="list_inputType1" placeholder="홍길동" 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" placeholder="010-1234-5678" readonly>
<div class="list_btn_wrap">
<span><span class="vMiddle">*</span>본인 명의 휴대폰으로만 변경 가능</span>
<button type="button">번호 변경</button>
</div>
</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 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="mem_btnWrap2">
<button type="button" class="mem_btn4">기업회원 전환</button>
<button type="button" class="mem_btn3">변경</button>
</div>
</div><!--// 회원정보 변경 -->
</div>
<!-- 기업회원 정보변경 -->
<div class="heading">
<h2>기업회원 정보변경</h2>
</div>
<div class="mem_cont_in">
<div class="text_top">
<p>회원님의 정보를 <span class="c_002c9a">확인</span><span class="c_002c9a">변경</span> 하실 수 있습니다.</p>
</div>
<div class="input_wrap">
<!-- 기본정보 -->
<div class="input_list">
<p class="list_title">기본정보</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="hong5678" 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" placeholder="홍길동" 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" placeholder="010-1234-5678" readonly>
<div class="list_btn_wrap">
<span><span class="vMiddle">*</span>본인 명의의 휴대폰번호로만 변경가능</span>
<button type="button">번호 변경</button>
</div>
</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" placeholder="hong1234" readonly>
<span>@</span>
<label for="" class="label">이메일 주소 뒷자리</label>
<input type="text" class="list_inputType1" placeholder="gmail.com" readonly>
</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 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><!--// 기본정보 -->
<!-- 기업정보 -->
<div class="input_list">
<p class="list_title">기업정보</p>
<div class="input_list_item">
<div class="input_left">기업유형</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>
</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="주식회사 수빈인터네셔널" readonly>
</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="653-12-34567" readonly>
<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="" class="label">사업자등록증 첨부</label>
<input type="text" class="list_inputType1" placeholder="주식회사 수빈인터네셔널 사업자.jpg" readonly>
<div class="list_btn_wrap">
<span>사업자등록증 첨부(5MB 이내)</span>
<button type="button">파일첨부</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" placeholder="F.건설업" readonly>
<span>/</span>
<label for="" class="label">종목 입력</label>
<input type="text" class="list_inputType1" placeholder="소매업" readonly>
</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="경기도 남양주시 다산중앙로 1234" readonly>
<div class="list_btn_wrap">
<button type="button">우편번호 찾기</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 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">
<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" placeholder="sbitnsasa1234" readonly>
<span>@</span>
<label for="" class="label">이메일 주소 뒷자리</label>
<input type="text" class="list_inputType1" placeholder="gmail.com" readonly>
<label for="" class="label">이메일 선택</label>
<select class="list_selType1">
<option>직접입력</option>
<option>네이버</option>
<option>네이트</option>
<option>한메일(다음)</option>
<option>지메일</option>
</select>
</div>
</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" placeholder="홍길동" readonly>
</div>
</div>
<div class="input_half">
<div>직위</div>
<div>
<label for="" class="label">직위 입력</label>
<input type="text" class="list_inputType1" placeholder="주임" readonly>
</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" placeholder="010" readonly>
<span>-</span>
<label for="" class="label">휴대폰 번호 입력</label>
<input type="text" class="list_inputType1" placeholder="1234" readonly>
<span>-</span>
<label for="" class="label">휴대폰 번호 입력</label>
<input type="text" class="list_inputType1" placeholder="5678" readonly>
</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" placeholder="070" readonly>
<span>-</span>
<label for="" class="label">일반전화 번호 입력</label>
<input type="text" class="list_inputType1" placeholder="5858" readonly>
<span>-</span>
<label for="" class="label">일반전화 번호 입력</label>
<input type="text" class="list_inputType1" placeholder="1212" readonly>
</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><!--// 마이페이지 - 회원정보 변경 -->
</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 영역 -->
</body></html>