File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
2023-06-22
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
2024-08-26
2024-08-23
File name
Commit message
Commit date
2024-08-23
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="ui" uri="http://egovframework.gov/ctl/ui"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<%-- <% response.setHeader("P3P","CP='CAO PSA CONi OTR OUR DEM ONL'");%> 익스에서 세션쪽 오류날 시 사용, 익스 정책 중 P3P 관련 --%>
<!DOCTYPE html>
<html lang="ko">
<head>
<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/mem.css">
<link rel="stylesheet" href="/publish/css/font.css">
<link rel="stylesheet" href="/publish/css/jquery.mCustomScrollbar.css">
<script src="/publish/js/content.js"></script>
<script src="/publish/js/jquery.mCustomScrollbar.concat.min.js"></script>
<script src="/publish/js/popup.js"></script>
<script src="/publish/js/mem.js"></script>
<script
src="https://t1.daumcdn.net/mapjsapi/bundle/postcode/prod/postcode.v2.js"></script>
<script type="text/javascript">
var blineCode = '${blineCode}';
$( document ).ready(function(){
$("input[name='blineCode']").val(blineCode.toUpperCase());
// 추천아이디 Show & Hide
if (blineCode.toUpperCase().lastIndexOf("B") > -1) {
$("#recommendIdArea").show();
}
else {
$("#recommendIdArea").hide();
}
//이미 가입 된 번호인지 체크 - 오픈 후 주석 풀기
/* $.ajax({
url : "<c:url value='/web/user/login/mblDnCheckAjax.do' />",
type : 'POST',
data : { "mblDn": document.mberManageVO.mblDn.value },
dataType:'json',
success : function(returnData, status){
if(status == "success") {
if(returnData.checkMblDnCnt > 0 ){
alert("이미 사용중이거나 탈퇴한 핸드폰번호입니다.");
location.href="/web/user/login/selectUserDept.do";
return false;
}
}else{
alert("실패");return;
}
},
error : function(request , status, error){
alert("code:"+request.status+"\n"+"message:"+request.responseText+"\n"+"error:"+error);
},
}); */
//개인회원일 경우
if(document.mberManageVO.dept.value == 'p'){
$(".company").css("display", "none");
$(".onlyC").attr('disabled', true);
}else{
$(".onlyP").attr('disabled', true);
}
//페이지 로딩 시 아이디, 비밀번호 규칙 표시
$(".reqest_text").css("display", "");
$(".reqest_password").css("display", "");
//아이디 입력 후 중복체크
$("#mberId").focusout(function(){
//아이디 규칙 체크 - 영+숫자 조합, 특수문자 금지 공백금지 4~12자
var id = $("#mberId").val();
var eng = id.search(/[a-z]/ig);
var spe = id.search(/[\{\}\[\]\/?.,;:|\)*~`!^\-_+<>@\#$%&\\\=\(\'\"]/g);
if(eng < 0 || spe != -1 || id.search(/\s/) != -1 || id.length < 4 || id.length > 12){
$(".reqest_text").css("display", "");
$(".idPass").css("display", "none");
$(".idPass_no").css("display", "none");
return false;
}
if(!(eng < 0 || spe != -1 || id.search(/\s/) != -1 || id.length < 4 || id.length > 12)){
$.ajax({
url : "<c:url value='/web/user/login/usrIdCheckAjax.do' />",
type : 'POST',
data : { "mberId": document.mberManageVO.mberId.value },
dataType:'json',
success : function(returnData, status){
if(status == "success") {
if(returnData.checkIdCnt > 0 ){
$(".idPass_no").css("display", "");
$(".idPass").css("display", "none");
$(".reqest_text").css("display", "none");
}else{
$(".idPass").css("display", "");
$(".reqest_text").css("display", "none");
$(".idPass_no").css("display", "none");
}
}else{
alert("실패");return;
}
},
error : function(request , status, error){
alert("code:"+request.status+"\n"+"message:"+request.responseText+"\n"+"error:"+error);
},
complete : function () {
if(document.mberManageVO.mberId.value == ""){
$(".reqest_text").css("display", "");
$(".idPass").css("display", "none");
$(".idPass_no").css("display", "none");
}
}
});
}
});
//비밀번호 안전도 체크
$("#passwordCheck").on("propertychange change keyup paste input", function() {
var pw = $("#passwordCheck").val();
var pwCheck = $("#passwordCheck2").val();
var num = pw.search(/[0-9]/g);
var eng = pw.search(/[a-z]/ig);
var spe = pw.search(/[`~!@@#$%^&*|₩₩₩'₩";:₩/?]/gi);
//영문자, 특수문자, 숫자를 포함한 8자이상 20자이하인지 체크
if(num < 0 || eng < 0 || spe < 0 || pw.search(/\s/) != -1 || pw.length < 8 || pw.length > 20){
$(".password_pass_no").css("display", "");
$(".password_pass").css("display", "none");
$(".reqest_password").css("display", "none");
}else{
$(".password_pass").css("display", "");
$(".password_pass_no").css("display", "none");
$(".reqest_password").css("display", "none");
}
if(pw == ''){
$(".reqest_password").css("display", "");
$(".password_pass").css("display", "none");
$(".password_pass_no").css("display", "none");
}
//비밀번호 확인 비교
if(pwCheck != ''){
if(pw == pwCheck){
$(".pwPass").css("display", "");
$(".pwPass_no").css("display", "none");
}else{
$(".pwPass_no").css("display", "");
$(".pwPass").css("display", "none");
}
}
});
//비밀번호 확인 체크
$("#passwordCheck2").on("propertychange change keyup paste input", function() {
var pw = $("#passwordCheck").val();
var pwCheck = $("#passwordCheck2").val();
if(pw == pwCheck){
$(".pwPass").css("display", "");
$(".pwPass_no").css("display", "none");
}else{
$(".pwPass_no").css("display", "");
$(".pwPass").css("display", "none");
}
if(pwCheck == ''){
$(".pwPass").css("display", "none");
$(".pwPass_no").css("display", "none");
}
});
//사업자등록번호 입력
$("input[name=bizNo]").on("keyup", function() {
$(this).val(bizNo($(this).val().replace(/[^-\.0-9]/g,"")))
})
//현금영수증 발행 사업자등록번호 입력
$("input[name=cashbillBizNo]").on("keyup", function() {
$(this).val(bizNo($(this).val().replace(/[^-\.0-9]/g,"")))
})
//현금영수증 종류(1소득공제 2지출증빙) 변경 시 핸드폰, 사업자번호 display 처리
$("input[name='cashbillType']:radio").change(function () {
//라디오 버튼 값을 가져온다.
if(this.value == '1'){
$(".cashbillPhoneNum").css("display","");
$(".cashbillBizNo").css("display","none");
$("#cashbillBizNo").val("");
}else{
$(".cashbillPhoneNum").css("display","none");
$(".cashbillBizNo").css("display","");
$("#cashbillPhoneNum").val("");
}
});
});
//사업자등록번호 - 넣기
function bizNo(str){
str = str.replace(/[^0-9]/g, '');
var tmp = '';
if(str.length < 4){
return str;
}else if(str.length < 7){
tmp += str.substr(0, 3);
tmp += '-';
tmp += str.substr(3);
return tmp;
}else{
tmp += str.substr(0, 3);
tmp += '-';
tmp += str.substr(3, 2);
tmp += '-';
tmp += str.substr(5);
return tmp;
}
return str;
}
function bizNoCheck(){
var numberMap = $("#bizNo").val().replace(/-/gi, '').split('').map(function (d){
return parseInt(d, 10);
});
if(numberMap.length == 10){
var keyArr = [1, 3, 7, 1, 3, 7, 1, 3, 5];
var chk = 0;
keyArr.forEach(function(d, i){
chk += d * numberMap[i];
});
chk += parseInt((keyArr[8] * numberMap[8])/ 10, 10);
console.log(chk);
if(Math.floor(numberMap[9]) === ( (10 - (chk % 10) ) % 10)){
alert("사업자 번호 확인이 완료 되었습니다.");
return false;
}else{
alert("사업자 번호가 유효하지 않습니다.");
return false;
}
}
alert("사업자 번호가 유효하지 않습니다.");
return false;
}
function fnInsert(insertType){
//전화번호 양식 체크
var regExp = /^(01[016789]{1}|02|0[3-9]{1}[0-9]{1})-?[0-9]{3,4}-?[0-9]{4}$/;
//가입설정으로 validateUserManageVO 처리 안함.
var frm = document.mberManageVO;
//URL을 이용한 비정상적인 접근 차단
if(frm.dept.value == '' || frm.mblDn.value == ''){
alert("잘못된 경로로 접속하여 메인화면으로 이동됩니다")
location.href="/web/main/mainPage.do";
return false;
}
if(frm.mberId.value == ''){
alert("아이디를 입력해주세요.");
return false;
}
//아이디 중복 확인
var idChk = true;
$.ajax({
url : "<c:url value='/web/user/login/usrIdCheckAjax.do' />",
type : 'POST',
data : { "mberId": frm.mberId.value },
dataType:'json',
async: false,
success : function(returnData, status){
if(status == "success") {
if(returnData.checkIdCnt > 0 ){
alert("ID 중복을 확인해주세요.");
idChk = false;
}
}else{
alert("실패");return;
}
},
error : function(request , status, error){
alert("code:"+request.status+"\n"+"message:"+request.responseText+"\n"+"error:"+error);
},
});
if(!idChk){
return false;
}
//아이디 규칙 체크 - 영+숫자 조합, 특수문자 금지 공백금지 4~12자
var id = $("#mberId").val();
var eng = id.search(/[a-z]/ig);
var spe = id.search(/[\{\}\[\]\/?.,;:|\)*~`!^\-_+<>@\#$%&\\\=\(\'\"]/g);
if(eng < 0 || spe != -1 || id.search(/\s/) != -1 || id.length < 4 || id.length > 12){
alert("ID 규칙을 확인해주세요.");
return false;
}
//비밀번호 체크
var pw = $("#passwordCheck").val();
var pwCheck = $("#passwordCheck2").val();
var numPw = pw.search(/[0-9]/g);
var engPw = pw.search(/[a-z]/ig);
var spePw = pw.search(/[`~!@@#$%^&*|₩₩₩'₩";:₩/?]/gi);
if(pw == ''){
alert("비밀번호를 입력해주세요.");
return false;
}
if(pwCheck == ''){
alert("비밀번호 확인을 입력해주세요.");
return false;
}
if(pw != pwCheck){
alert("비밀번호와 비밀번호 확인이 일치하지 않습니다.");
return false;
}
if(numPw < 0 || spePw < 0 || pw.search(/\s/) != -1 || pw.length < 8 || pw.length > 20){
alert("비밀번호 규칙을 확인해주세요.");
return false;
}
//이메일 체크
if(frm.email1.value == ''){
alert("이메일을 입력해주세요.");
return false;
}
var email = frm.email1.value + "@" + frm.email2.value;
if(email != ''){
var exptext = /^[0-9a-zA-Z]([-_.]?[0-9a-zA-Z])*@[0-9a-zA-Z]([-_.]?[0-9a-zA-Z])*.[a-zA-Z]{2,3}$/i;
if(exptext.test(email)==false){
alert("이메일주소 형식이 올바르지 않습니다.");
return false;
}
}else{
alert("이메일 주소를 입력해주세요.");
return false;
}
frm.mberEmailAdres.value = email;
//회사명, 담당자명 구분처리
if(document.mberManageVO.dept.value == 'p'){
frm.mberNm.value = frm.mberNmP.value;
}else{
frm.mberNm.value = frm.mberNmC.value;
frm.managerNm.value = frm.mberNmP.value;
}
/* if($("#adres").val() == ''){
alert("주소를 입력해주세요.")
return false;
} */
// B라인 가입일경우
if (blineCode.toUpperCase().lastIndexOf("B") > -1) {
if(frm.recommendId.value == ''){
alert("추천 아이디 또는 이름을 입력해주세요.\n없으시면 없음 입력해주세요.");
return false;
}
}
//기업회원일 경우
if(insertType == 'c'){
if(frm.mberNmC.value == ''){
alert("회사명을 입력해주세요"); return ;
}
if(frm.ceoNm.value == ''){
alert("대표명을 입력해주세요"); return ;
}
//사업자등록번호 체크
var numberMap = $("#bizNo").val().replace(/-/gi, '').split('').map(function (d){
return parseInt(d, 10);
});
if(numberMap.length == 10){
var keyArr = [1, 3, 7, 1, 3, 7, 1, 3, 5];
var chk = 0;
keyArr.forEach(function(d, i){
chk += d * numberMap[i];
});
chk += parseInt((keyArr[8] * numberMap[8])/ 10, 10);
if(Math.floor(numberMap[9]) !== ( (10 - (chk % 10) ) % 10)){
alert("사업자 번호가 유효하지 않습니다.");
return false;
}
}else{
alert("사업자 번호가 유효하지 않습니다.");
return false;
}
//사업자등록번호 - 빼기
frm.bizNo.value = frm.bizNo.value.replace(/-/gi, "").trim();
/* if($("#atFileBasicWrite").val() == ''){
alert("사업자등록증을 첨부해주세요.")
return false;
}
if($("#atFileBasicWriteWork").val() == ''){
alert("재직증명서를 첨부해주세요.")
return false;
} */
/* if($("#bizcondition").val() == ''){
alert("업태를 입력해주세요.")
return false;
}
if($("#bizEvnet").val() == ''){
alert("종목을 입력해주세요.")
return false;
} */
//계산서 자동발행 신청 시
//22.50.10 계산서 영역 삭제
/* if(frm.taxbillAuto.value == "Y"){
//모든 항목 공백 체크
if( $("#taxMngEmail1").val() == ""
|| $("#taxMngEmail2").val() == ""
|| $("#taxMngNm").val() == ""
|| $("#taxMngPosition").val() == ""
|| $("#taxMngPhoneNum").val() == ""
|| $("#taxMngComNum").val() == ""
){
alert("계산서 자동 발행 시 모든 항목을 입력해주세요.");
return false;
}
}
//계산서 이메일 내용 작성 시 유효성 검사 후 value 넣어주기
if($("#taxMngEmail1").val() != "" || $("#taxMngEmail2").val() != ""){
//이메일 체크
var taxEmail = frm.taxMngEmail1.value + "@" + frm.taxMngEmail2.value;
var taxExptext = /^[A-Za-z0-9_\.\-]+@[A-Za-z0-9\-]+\.[A-Za-z0-9\-]+/;
if(taxExptext.test(taxEmail)==false){
alert("계산서 수신 이메일주소 형식이 올바르지 않습니다.");
return false;
}
frm.taxMngEmail.value = taxEmail;
}
//게산서 휴대폰 내용 작성 시 유효성 검사
if($("#taxMngPhoneNum").val() != ""){
var phoneCheck = $("#taxMngPhoneNum").val();
if( !regExp.test(phoneCheck)) {
alert("계산서 휴대폰 양식을 확인해주세요.");
return false;
}
}
//게산서 일반전화 내용 작성 시 유효성 검사
if($("#taxMngComNum").val() != ""){
var comNumCheck = $("#taxMngComNum").val();
if( !regExp.test(comNumCheck)) {
alert("계산서 일반전화 양식을 확인해주세요.");
return false;
}
} */
}
//현금영수증 입력란 제거
/*
//개인회원일 경우
if(insertType == 'p'){
//현금영수증 자동발행 신청 시
if(frm.cashbillAuto.value == "Y"){
//모든 항목 공백 체크
if( $("#cashMngEmail1").val() == ""
|| $("#cashMngEmail2").val() == ""
|| $("#cashMngPhoneNum").val() == "")
{
alert("현금영수증 자동 발행 시 모든 항목을 입력해주세요.");
return false;
}
if(frm.cashbillType.value == "1"){
if($("#cashbillPhoneNum").val() == ""){
alert("현금영수증 자동 발행 시 모든 항목을 입력해주세요.");
return false;
}
}else if(frm.cashbillType.value == "2"){
if($("#cashbillBizNo").val() == ""){
alert("현금영수증 자동 발행 시 모든 항목을 입력해주세요.");
return false;
}
}
}
//현금영수증 이메일 내용 작성 시 유효성 검사 후 value 넣어주기
if($("#cashMngEmail1").val() != "" || $("#cashMngEmail2").val() != ""){
//이메일 체크
var cashEmail = frm.cashMngEmail1.value + "@" + frm.cashMngEmail2.value;
var cashExptext = /^[A-Za-z0-9_\.\-]+@[A-Za-z0-9\-]+\.[A-Za-z0-9\-]+/;
if(cashExptext.test(cashEmail)==false){
alert("현금영수증 수신 이메일주소 형식이 올바르지 않습니다.");
return false;
}
frm.cashMngEmail.value = cashEmail;
}
//현금영수증 발행 휴대폰 내용 작성 시 유효성 검사
if($("#cashbillPhoneNum").val() != ""){
var phoneCheck = $("#cashbillPhoneNum").val();
if( !regExp.test(phoneCheck)) {
alert("현금영수증 휴대폰 양식을 확인해주세요.");
return false;
}
}
//현금영수증 담당 휴대폰 내용 작성 시 유효성 검사
if($("#cashMngPhoneNum").val() != ""){
var phoneCheck = $("#cashMngPhoneNum").val();
if( !regExp.test(phoneCheck)) {
alert("현금영수증 담당 휴대폰 양식을 확인해주세요.");
return false;
}
}
}
*/
if(!$("#termsCheck").is(":checked")){
alert("약관 동의를 체크해주세요.");
return false;
}
var _fileForm2 = new Array();
var data = new FormData(document.mberManageVO);
_fileForm2.forEach(function(obj, idx) {
if (obj) data.append("file"+idx, obj.fileObj);
});
var url = "/web/user/login/usrJoinInsertAjax.do";
$.ajax({
type: "POST",
enctype: 'multipart/form-data',
url: url,
data: data,
dataType:'json',
async: false,
processData: false,
contentType: false,
cache: false,
success: function (returnData, status) {
if(status == 'success'){
if("no_atchFile"==returnData.result){
alert(returnData.message);
return;
}
if("success" == returnData.resultSts){
alert("회원가입 완료하였습니다.");
//저장완료 화면으로 이동하기
fnInsertJoin();
}else if("passWordFail" == returnData.resultSts){
alert("비밀번호 규칙을 확인해주세요.");
return;
}else{
alert("회원가입에 실패 하였습니다.");
return false;
}
} else if(status== 'fail'){
alert("회원가입에 실패하였습니다. !!");
}
},
beforeSend: function () {
$('#sendBtn').prop("disabled", true);
//로딩창 show
$('.loading_layer').addClass('active');
},
complete: function () {
$('#sendBtn').prop("disabled", false);
//로딩창 hide
$('.loading_layer').removeClass('active');
},
error: function (request,status,error) {
//alert("code:"+request.status+"\n"+"message:"+request.responseText+"\n"+"error:"+error);
alert("회원가입에 실패하였습니다.");
console.log("ERROR : ", error);
}
});
}
//가입 완료 화면
function fnInsertJoin(){
var joinfrm = document.joinForm;
var id = $("#mberId").val();
var pw = $("#passwordCheck").val();
$("#joinId").val(id);
$("#joinPassword").val(pw);
//개인회원은 바로 로그인 처리, 기업회원은 회원가입 심사로 인한 로그인 미처리
if(document.mberManageVO.dept.value != 'c'){
joinfrm.action="<c:url value='/web/user/login/actionSecurityJoinLogin.do'/>";
}else{
joinfrm.action="<c:url value='/web/user/login/usrJoinMemShipComplete.do'/>";
}
if(document.mberManageVO.dept.value != 'c'){
joinfrm.mberNm.value = document.mberManageVO.mberNmP.value;
}else{
joinfrm.mberNm.value = document.mberManageVO.mberNmC.value;
}
joinfrm.mberId.value = id;
joinfrm.dept.value = $("#dept").val();
joinfrm.submit();
}
/* //가입 완료 화면
function fnInsertJoin(){
var joinfrm = document.joinForm;
if(document.mberManageVO.dept.value != 'c'){
joinfrm.mberNm.value = document.mberManageVO.mberNmP.value;
}else{
joinfrm.mberNm.value = document.mberManageVO.mberNmC.value;
}
joinfrm.mberId.value = $("#mberId").val();
joinfrm.dept.value = $("#dept").val();
joinfrm.submit();
} */
function emailChange(email){
var emailTxt = $("input[name=email2]");
if(email.value == '1'){
$("input[name=email2]").attr('readonly', false);
emailTxt.val('');
}else{
emailTxt.val(email.value);
$("input[name=email2]").attr('readonly', true);
}
}
function taxEmailChange(email){
var taxEmailTxt = $("input[name=taxMngEmail2]");
if(email.value == '1'){
$("input[name=taxMngEmail2]").attr('readonly', false);
taxEmailTxt.val('');
}else{
taxEmailTxt.val(email.value);
$("input[name=taxMngEmail2]").attr('readonly', true);
}
}
function cashEmailChange(email){
var cashEmailTxt = $("input[name=cashMngEmail2]");
if(email.value == '1'){
$("input[name=cashMngEmail2]").attr('readonly', false);
cashEmailTxt.val('');
}else{
cashEmailTxt.val(email.value);
$("input[name=cashMngEmail2]").attr('readonly', true);
}
}
function changeValue(obj){
$('#atFileBasicWrite').val(obj.value);
}
function changeValueWork(obj){
$('#atFileBasicWriteWork').val(obj.value);
}
//주소 검색
function openDaumZipAddress(){
new daum.Postcode({
oncomplete: function(data) {
$("#zip").val(data.zonecode);
if(data.userSelectedType == "R"){
$("#adres").val(data.roadAddress);
}else{
$("#adres").val(data.jibunAddress);
}
}
}).open();
}
/* 윈도우팝업 열기 */
function infoPop(pageUrl){
document.popForm.pageType.value = pageUrl;
document.popForm.action = "/web/pop/infoPop.do";
document.popForm.method = "post";
if(pageUrl == "adrvertisement1"){
window.open("about:blank", 'infoPop', 'width=790, height=800, top=100, left=100, fullscreen=no, menubar=no, status=no, toolbar=no, titlebar=yes, location=no, scrollbars=1');
}else{
window.open("about:blank", 'infoPop', 'width=790, height=350, top=100, left=100, fullscreen=no, menubar=no, status=no, toolbar=no, titlebar=yes, location=no, scrollbars=1');
}
document.popForm.target = "infoPop";
document.popForm.submit();
}
</script>
</head>
<body>
<form name="popForm" id="popForm" method="post">
<input type="hidden" id="pageType2" name="pageType" value=""/>
</form>
<form id="mberManageVO" name="mberManageVO"
action="/web/user/login/usrJoinInsert.do" method="post"
enctype="Multipart/form-data">
<input type="hidden" name="dept" id="dept" value="<c:out value='${mberManageVO.dept}' />" />
<input type="hidden" name="receiveMsg" value="<c:out value='${mberSessionVO.receiveMsg}' />" />
<input type="hidden" name="receiveKakao" value="<c:out value='${mberSessionVO.receiveKakao}' />" />
<input type="hidden" name="receivemail" value="<c:out value='${mberSessionVO.receivemail}' />" />
<input type="hidden" name="collectMsg" value="<c:out value='${mberSessionVO.collectMsg}' />" />
<input type="hidden" name="sexdstnCode" value="<c:out value='${mberManageVO.sexdstnCode}' />" />
<input type="hidden" name="birthDay" value="<c:out value='${mberManageVO.birthDay}' />" />
<input type="hidden" name="mblDn" value="<c:out value='${mberManageVO.mblDn}' />" />
<input type="hidden" name="nationality" id="nationality" value="<c:out value='${mberManageVO.nationality}' />" />
<input type="hidden" name="mberEmailAdres" /> <input type="hidden" name="mberNm" />
<input type="hidden" name="managerNm" />
<input type="hidden" name="taxMngEmail" />
<input type="hidden" name="cashMngEmail" />
<input type="hidden" name="idx" id="idx" value="<c:out value='${mberManageVO.idx}' />"/>
<input type="hidden" name="blineCode" value="" />
<double-submit:preventer tokenKey="someKey" />
<!-- content 영역 -->
<div class="loading_layer">
<div class="loading_container">
<div class="bar"></div>
<div class="text">Loading</div>
</div>
</div>
<div class="inner">
<div class="memberIn">
<div class="heading">
<h2>회원가입</h2>
</div>
<!-- 회원가입 정보입력 -->
<div class="mem_cont join3">
<!-- step -->
<p class="welcome">
<span>문자온</span>에 오신것을 환영합니다.
</p>
<ul class="mem_nav">
<li><i></i>
<div>
<p>01</p>
<span>약관동의</span>
</div></li>
<li class="on"><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">
<p>
<span class="c_002c9a"><c:if test="${mberManageVO.dept eq 'p' }">개인회원</c:if><c:if test="${mberManageVO.dept eq 'c' }">기업회원</c:if></span>으로 가입중입니다.
</p>
</div>
<div class="input_wrap">
<p class="input_title">
<i></i>필수 가입정보
</p>
<!-- 기본정보 -->
<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="mberNmP" class="label">이름</label>
<c:choose>
<c:when test="${joinType == 'M' || joinType == 'A'}">
<input type="text" class="list_inputType1" id="mberNmP" name="mberNmP" value="<c:out value='${mberManageVO.niceNm}' />" readonly />
</c:when>
<c:otherwise>
<input type="text" class="list_inputType1" id="mberNmP" name="mberNmP" value="<c:out value='${mberManageVO.niceNm}' />" maxlength="8" />
</c:otherwise>
</c:choose>
</div>
</div>
<div class="input_list_item colorW">
<div class="input_left">휴대폰</div>
<div class="input_right">
<label for="moblphonNo" class="label">휴대폰</label> <input
type="text" class="list_inputType1" id="moblphonNo"
name="moblphonNo"
value="<c:out value='${mberManageVO.moblphonNo}' />" readonly />
</div>
</div>
<div class="input_list_item">
<div class="input_left"><span class="essential">*</span>아이디</div>
<div class="input_right">
<label for="mberId" class="label">아이디 입력</label> <input
type="text" class="list_inputType1" name="mberId" id="mberId"
maxlength="12" />
</div>
<div class="list_alert pass_no idPass_no"
style="display: none;">
<i></i> <span>이미 사용중이거나 탈퇴한 아이디 입니다.</span>
</div>
<div class="list_alert pass idPass" style="display: none;">
<i></i> <span>사용 가능한 아이디입니다.</span>
</div>
</div>
<div class="mem_noti">아이디는 4자 이상, 12자 이하의 영문자 또는 영문자와 숫자를 조합하여 사용해야 합니다.</div>
<div class="input_list_item">
<div class="input_left"><span class="essential">*</span>비밀번호</div>
<div class="input_right">
<label for="passwordCheck" class="label">비밀번호 입력</label> <input
type="password" class="list_inputType1 test" name="password"
id="passwordCheck" maxlength="20">
</div>
<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="mem_noti">비밀번호는 영문자, 특수문자, 숫자를 조합하여 8자 이상, 20자 이하로 사용해야 합니다.</div>
<div class="input_list_item">
<div class="input_left"><span class="essential">*</span>비밀번호 확인</div>
<div class="input_right">
<label for="passwordCheck2" class="label">비밀번호 확인 입력</label>
<input type="password" class="list_inputType1 colorLight" name="password2" id="passwordCheck2" placeholder="비밀번호 확인" onfocus="this.placeholder = ''" onblur="this.placeholder='비밀번호 확인'" 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="input_list_item emailWrap">
<div>
<div class="input_left"><span class="essential">*</span>이메일</div>
<div class="input_right">
<div class="email">
<label for="email1" class="label">이메일 주소 앞자리</label> <input
type="text" id="email1" name="email1"
class="list_inputType1" maxlength="29"> <span>@</span>
<label for="email2" class="label">이메일 주소 뒷자리</label> <input
type="text" id="email2" name="email2"
class="list_inputType1" maxlength="20">
</div>
<div class="email_select">
<label for="emailSelect" class="label">이메일 선택</label>
<select class="list_selType1" id="emailSelect" onchange="emailChange(this)">
<c:forEach var="result" items="${emailCode}"
varStatus="status">
<c:if test="${status.index eq 0 }">
<option value="1">${result.codeNm}</option>
</c:if>
<c:if test="${status.index ne 0 }">
<option value="${result.codeDc}">${result.codeNm}</option>
</c:if>
</c:forEach>
</select>
</div>
</div>
</div>
</div>
<div class="input_list_item visit_path">
<div class="input_left"><span class="essential">*</span>방문경로</div>
<div class="input_right">
<label for="joinType" class="label">방문경로 선택</label> <select
class="list_selType1" id="joinType" name="joinType">
<c:forEach var="result" items="${visitRoute}">
<option value="${result.code}">${result.codeNm}</option>
</c:forEach>
</select>
</div>
</div>
<div class="input_list_item" id="recommendIdArea">
<div class="input_left"><span class="essential">*</span>추천 아이디/이름</div>
<div class="input_right">
<label for="recommendId" class="label">추천 아이디/이름</label>
<input type="text" class="list_inputType1" id="recommendId" name="recommendId" value="<c:out value='${mberManageVO.recommendId}' />" maxlength="25" />
</div>
</div>
<!-- 22.05.11 주소 삭제 -->
<!-- <div class="input_list_item input_list_adres">
<%-- 주소 영역 삭제 --%>
<%--<div class="input_list_item input_list_adres">
<div class="input_left">주소</div>
<div class="input_right">
<label for="" class="label">주소 입력</label> <input type="hidden"
class="list_inputType1" name="zip" id="zip" readonly>
<input type="text" class="list_inputType1" name="adres"
id="adres" readonly>
<div class="list_btn_wrap">
<button type="button" onClick="openDaumZipAddress();">우편번호
찾기</button>
</div>
</div>
</div>
<div class="input_list_item">
<div>
<label for="" class="label">사업장 주소 상세 입력</label>
<input type="text" class="list_inputType1 colorLight" name="detailAdres" size="100" placeholder="상세주소를 입력해주세요(선택)" onfocus="this.placeholder = ''" onblur="this.placeholder='상세주소를 입력해주세요(선택)'" maxlength="50">
</div>
</div> -->
</div>--%>
</div>
<!--// 기본정보 -->
<!-- 기업정보 -->
<div class="input_list company">
<p class="list_title">기업정보</p>
<div class="input_list_item">
<div class="input_left"><span class="essential">*</span>기업유형</div>
<div class="input_right">
<c:forEach var="result" items="${bizTypeCode}"
varStatus="status">
<input id="<c:out value='${result.code}' />" type="radio" name="bizType" class="onlyC" value="<c:out value='${result.code}' />" <c:if test="${status.index eq 0 }" >checked="checked" </c:if>>
<label for="<c:out value='${result.code}' />">${result.codeNm}</label>
</c:forEach>
</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 onlyC" name="mberNmC" maxlength="30" />
</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 onlyC" name="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 onlyC" name="bizNo" id="bizNo" maxlength="12">
<div class="list_btn_wrap">
<button type="button" onclick="bizNoCheck(); return false;">사업자등록번호 확인</button>
</div>
</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" 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="onlyC 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 bis_status">
<div class="input_left">업태/종목</div>
<div class="input_right">
<label for="" class="label">업태 입력</label> <input type="text" class="list_inputType1 colorLight onlyC" name="bizcondition" id="bizcondition" placeholder="업태 입력" onfocus="this.placeholder = ''" onblur="this.placeholder='업태 입력'" maxlength="30"> <span>/</span>
<label for="" class="label">종목 입력</label> <input type="text" class="list_inputType1 colorLight onlyC" name="bizEvnet" id="bizEvnet" placeholder="종목 입력" onfocus="this.placeholder = ''" onblur="this.placeholder='종목 입력'" maxlength="30">
</div>
</div> -->
</div>
<!--// 기업정보 -->
<!-- 개인회원 현금영수증 정보 -->
<!-- 현금영수증 자동발행 정보 주석_220502 -->
<%--
<c:if test="${mberManageVO.dept eq 'p'}">
<div class="input_list listType2">
<p class="list_title">현금영수증 정보</p>
<div class="input_list_item">
<div class="input_left" style="width: 180px;">현금영수증 자동 발행</div>
<div class="input_right">
<input id="cashbillAutoY" type="radio" name="cashbillAuto" class="onlyP" value="Y">
<label for="cashbillAutoY">매월 자동발행</label>
<input id="cashbillAutoN" type="radio" name="cashbillAuto" class="onlyP" checked="checked" value="N">
<label for="cashbillAutoN">발행하지 않음</label>
</div>
</div>
<div class="invoice">
<div class="invoice_wrap">
<div class="input_list_item2">
<div class="input_left">종류</div>
<div class="input_right">
<input id="cashbillType1" type="radio" name="cashbillType" value="1" checked="checked">
<label for="cashbillType1">소득공제</label>
<input id="cashbillType2" type="radio" name="cashbillType" value="2">
<label for="cashbillType2">지출증빙</label>
</div>
</div>
<div class="input_list_item2 number cashbillPhoneNum">
<div class="input_left">휴대폰</div>
<div class="input_right">
<label for="cashbillPhoneNum" class="label">휴대폰 입력</label>
<input type="text" class="list_inputType1 inputLight" name="cashbillPhoneNum" id="cashbillPhoneNum" maxlength="12" 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_item2 cashbillBizNo" style="display:none;">
<div class="input_left">사업자등록번호</div>
<div class="input_right">
<label for="cashbillBizNo" class="label">사업자등록번호 입력</label>
<input type="text" class="list_inputType1" name="cashbillBizNo" id="cashbillBizNo" maxlength="12" >
</div>
</div>
<div class="input_list_item2">
<div class="input_left" style="width: 150px;">계산서 수신이메일</div>
<div class="input_right">
<div class="email">
<label for="cashMngEmail1" class="label">이메일 주소 앞자리</label>
<input type="text" id="cashMngEmail1" name="cashMngEmail1" class="list_inputType1" maxlength="29">
<span>@</span>
<label for="cashMngEmail2" class="label">이메일 주소 뒷자리</label>
<input type="text" id="cashMngEmail2" name="cashMngEmail2" class="list_inputType1" maxlength="20">
<label for="cashEmailSelect" class="label">이메일 선택</label> <select class="list_selType1" id="cashEmailSelect" onchange="cashEmailChange(this)">
<c:forEach var="result" items="${emailCode}" varStatus="status">
<c:if test="${status.index eq 0 }">
<option value="1">${result.codeNm}</option>
</c:if>
<c:if test="${status.index ne 0 }">
<option value="${result.codeDc}">${result.codeNm}</option>
</c:if>
</c:forEach>
</select>
</div>
</div>
</div>
<div class="input_list_item2 number">
<div class="input_left">담당자 휴대폰</div>
<div class="input_right">
<label for="cashMngPhoneNum" class="label">담당자 휴대폰 입력</label>
<input type="text" class="list_inputType1 inputLight" name="cashMngPhoneNum" id="cashMngPhoneNum" maxlength="12" oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');" placeholder="‘-’없이 번호만 입력 " onfocus="this.placeholder=''" onblur="this.placeholder='‘-’없이 번호만 입력 '">
</div>
</div>
</div>
</div>
</div>
</c:if>
--%>
<!-- 개인회원 현금영수증 정보 끝-->
<!-- 기업 세금계산서 정보 -->
<!-- 22.05.10 계산서 삭제 -->
<!-- 자동발행 N으로 넘겨주시 위한 hidden -->
<input type="hidden" name="taxbillAuto" value="N" />
<%-- <c:if test="${mberManageVO.dept eq 'c'}">
<div class="input_list listType2">
<p class="list_title">계산서 정보</p>
<div class="input_list_item">
<div class="input_left" style="width: 180px;">계산서 자동 발행
</div>
<div class="input_right">
<input id="taxbillAutoY" type="radio" name="taxbillAuto" class="onlyC" value="Y">
<label for="taxbillAutoY">매월 자동발행</label>
<input id="taxbillAutoN" type="radio" name="taxbillAuto" class="onlyC" checked="checked" value="N">
<label for="taxbillAutoN">발행하지 않음</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="taxMngEmail1" class="label">이메일 주소 앞자리</label>
<input type="text" id="taxMngEmail1" name="taxMngEmail1" class="list_inputType1" maxlength="29">
<span>@</span>
<label for="taxMngEmail2" class="label">이메일 주소 뒷자리</label>
<input type="text" id="taxMngEmail2" name="taxMngEmail2" class="list_inputType1" maxlength="20">
<label for="taxEmailSelect" class="label">이메일 선택</label>
<select class="list_selType1" id="taxEmailSelect" onchange="taxEmailChange(this)">
<c:forEach var="result" items="${emailCode}" varStatus="status">
<c:if test="${status.index eq 0 }">
<option value="1">${result.codeNm}</option>
</c:if>
<c:if test="${status.index ne 0 }">
<option value="${result.codeDc}">${result.codeNm}</option>
</c:if>
</c:forEach>
</select>
</div>
</div>
</div>
<div class="input_list_item2">
<div class="input_half">
<div>담당자</div>
<div>
<label for="taxMngNm" class="label">담당자 입력</label>
<input type="text" class="list_inputType1" name="taxMngNm" id="taxMngNm" maxlength="8">
</div>
</div>
<div class="input_half">
<div>직위</div>
<div>
<label for="taxMngPosition" class="label">직위 입력</label> <input type="text" class="list_inputType1" name="taxMngPosition" id="taxMngPosition" maxlength="8">
</div>
</div>
</div>
<div class="input_list_item2 number">
<div class="input_left">담당자 휴대폰</div>
<div class="input_right">
<label for="taxMngPhoneNum" class="label">담당자 휴대폰 입력</label>
<input type="text" class="list_inputType1 inputLight" name="taxMngPhoneNum" id="taxMngPhoneNum" maxlength="12" 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_item2 number">
<div class="input_left">일반전화</div>
<div class="input_right">
<label for="taxMngComNum" class="label">일반전화 번호 입력</label>
<input type="text" class="list_inputType1 inputLight" name="taxMngComNum" id="taxMngComNum" maxlength="12" oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');" placeholder="‘-’없이 번호만 입력 " onfocus="this.placeholder=''" onblur="this.placeholder='‘-’없이 번호만 입력 '">
</div>
</div>
</div>
</div>
</div>
</c:if> --%>
<!-- 기업 세금계산서 정보 끝-->
</div>
<div class="consent_info">
<div class="consent_info_cont">
<p>스팸 규제 안내</p>
<p>
- 불법스팸(도박/대출/의약품/성인/로또/유사투자/스미싱 등) 문자는 발송할 수 없습니다.<br>
- 불법스팸 문자 발송 시 아이디가 이용정지 될 수 있으며, 잔액 환불 및 재가입은 절대 불가합니다.
</p>
</div>
<div class="consent_info_cont">
<p>광고문자 전송 규정 준서 안내</p>
<p>- 영리목적의 광고성 문자를 전송하는 경우, <span class="textType" style="cursor: pointer;" onclick="infoPop('adrvertisement1');">관련 법령</span>(정보통신망법 제50조에 따른 광고표기 준수 및 수신동의)을 준수해 주셔야 하며, 위반 시 서비스 이용정지 및 과태료 처분을 받으실 수 있습니다.</p>
</div>
<div>
<div class="checkbox_wrap">
<input type="checkbox" id="termsCheck" title="회원가입 전체약관에 동의" class="joinCheckbox type2">
<label for="termsCheck">위의 내용에 동의합니다.</label>
</div>
</div>
</div>
<div class="company company_noti">
기업고객은 서류 등록 / 심사 필요
</div>
</div>
<!--// cont -->
<div class="mem_btnWrap2">
<button type="button" class="mem_btn2" onclick="history.go(-1); return false;">이전</button>
<button type="button" class="mem_btn3" id="sendBtn" onclick="fnInsert('<c:out value='${mberManageVO.dept}' />'); return false;">회원가입</button>
</div>
</div>
<!--// 회원가입 정보입력 -->
</div>
</div>
</div>
<!--// content 영역 -->
<!-- explorer 에러방지용 빈 hidden. 삭제하지 말 것! -->
<input type="hidden" name="lastInput" id="lastInput" value="lastInput">
</form>
<form name="joinForm" action="/web/user/login/usrJoinComplete.do" method="post">
<input type="hidden" name="mberNm" />
<input type="hidden" name="mberId" />
<input type="hidden" name="dept" />
<input type="hidden" id="joinId" name="id">
<input type="hidden" id="joinPassword" name="password">
</form>
<!-- <form name="joinForm" action="/web/user/login/usrJoinComplete.do" method="post">
<input type="hidden" name="mberNm" />
<input type="hidden" name="mberId" />
<input type="hidden" name="dept" />
</form> -->
</body>
</html>