1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
|
<?php include_once("./_common2.php"); ?>
<?
include("./include/header.php"); ?>
<script>
$(document).ready(function(){
$('.check-all1').click(function(){
$('.ca1').prop('checked', this.checked);
});
$('.check-all2').click(function(){
$('.ca2').prop('checked', this.checked);
});
});
function memberReg(){
if( memberJoin.formText[1].checked == true){
alert('이용약관 및 개인정보 취급방침에 동의 하셔야 합니다.');
return ;
}
memberJoin.submit();
}
function Msg(t){
alert(t);
}
</script>
<SCRIPT LANGUAGE="JavaScript">
<!--
function viewmain(num){
// itab1 / imain1
for(var i=1;i<4;i++){
if(i == num ){ //같으면 표시
document.getElementById("itab"+i).style.borderBottom = "3px solid #9DCC34";
document.getElementById("imain"+i).style.display = "block";
document.getElementById("imain"+i).style.marginLeft = "4px";
document.getElementById("imain"+i).style.marginBottom = "5px";
} else { //다르면 감추기
document.getElementById("itab"+i).style.borderBottom = "0px";
document.getElementById("imain"+i).style.display = "none";
}
}
}
//-->
</script>
<!--<script language="javascript" src="./okplugin_js.php?txtid=txt1" ></script>-->
<style>
.wrap {margin-top:25px;}
.contents {padding:20px;box-sizing:border-box;}
.level9 { font-size: 20px; line-height: 24px; font-family: verdana, sans-serif;}
.h_line {height:2px;width:480px;background-color:#012D6A;position:absolute;top:15px;}
.wrap h1,.wrap h2,.wrap h3 ,.wrap h4, .wrap a,.wrap p,.wrap div,.wrap label,.wrap span, .wrap em,.wrap button, .wrap th, .wrap td{font-weight:600;}
.joinHeader {height:36px;position:relative;}
.joinHeader h1 {font-size:2rem;text-align:center;line-height:38px;color:#012D6A;transform: skew(-0.1deg);}
.joinSection {text-align:center;}
.joinAgree_tit {font-size:1.2rem !important;color: #012D6A;line-height:26px;margin:auto;margin-top:30px;margin-bottom:10px;text-align:center;}
#itab1{border-bottom:3px solid #9DCC34;}
#itab1, #itab2 {margin-right:12px;margin-bottom:8px;}
.joinAgree {text-align:center; margin-bottom: 10px;border-top:none !important;}
.joinAgree::after{clear:both;content:'';display:block;}
.joinAgree h3 {color: #012D6A;font-size:0.9rem;line-height:25px;cursor: pointer;transform: skew(-0.1deg);margin-bottom: 10px;}
.joinAgree textarea {font-size:13px;width:100% !important;height:134px;padding:10px;resize:vertical;background: #FFFFFF 0% 0% no-repeat padding-box;box-shadow: -1px -1px 6px rgba(0, 0, 0, 0.4);border: 1px solid #FFFFFF;border-radius: 5px;margin-right:0 !important;box-sizing:border-box;}
.agree_box {float:right;font-size:0.9rem !important;color:#012D6A;padding-top:14px;}
.agree_box label {color:#012D6A !important;}
.privacy_link {width: 250px !important;height: 26px !important; margin: 14px auto !important;background-color: #012D6A; border-radius:5px;font-size: 14px !important;text-align: center !important;line-height:28px;}
.privacy_link a {width: 250px !important;height: 26px !important;background: #012D6A;font-size:14px;color:#fff;}
.nextBtn {background: #9DCC34;border-radius:10px;border:none;padding:10px 50px; font-size:21px;color:#fff;transform: skew(-0.1deg);cursor:pointer;line-height:30px;}
</style>
<div class="wrap">
<div class="contents">
<div class="joinHeader">
<h1>회원가입</h1>
</div>
<div class="joinSection">
<!--<form name="memberJoin" target="Joinifm" method="post" action="https://<?php echo $_SERVER['SERVER_NAME'];?>/html/millennium/joinProcess.php" enctype="multipart/form-data">-->
<form name="memberJoin" method="post" enctype="multipart/form-data" onsubmit='return false;'>
<h2 class="joinAgree_tit">이용약관</h2>
<div class="joinAgree">
<h3>
<div id="itab1" onclick="viewmain(1);">엠제이소프트 이용약관</div>
<div id="itab2" onclick="viewmain(2);">구매약관(제품교체/AS,업그레이드/반품)</div>
<div id="itab3" onclick="viewmain(3);">엠제이소프트 서비스 이용협약</div>
</h3>
<? include("./agree1_text.html"); ?>
<? include("./agree2_text.html"); ?>
<? include("./agree3_text.html"); ?>
<p class="agree_box"><span>이용약관 동의</span>
<input type="radio" class="ca1" name="agreeText1" value="1" style="border:0px;"> <label>동의함</label>
<input type="radio" class="ca2" name="agreeText1" value="2" style="border:0px;" checked> <label>동의안함</label>
</p>
</div><!-- joinAgree -->
<div class="joinAgree">
<h3 style="cursor:inherit;margin-top:0;margin-bottom:0;" class="joinAgree_tit">개인정보 수집 및 이용동의</h3>
<p style="text-align: center;font-size:14px;color: #012D6A;transform: skew(-0.1deg);">자세한 내용은 '개인정보취급방침'을 참고해주세요.</p>
<div class="privacy_link"><a href="./privacy.php" target='_blank'>개인정보취급방침 자세히 보기</a></div>
<? include("./privacy_text.html"); ?>
<p class="agree_box"><span>개인정보 수집 및 이용동의</span>
<input type="radio" class="ca1" name="agreeText2" value="1" style="border:0px;"> <label>동의함</label>
<input type="radio" class="ca2" name="agreeText2" value="2" style="border:0px;" checked> <label>동의안함</label>
</p>
<p style="margin-top:60px;font-size:1rem;color:#012D6A;"><span>위 사항에 대하여 모두</span>
<input type="radio" class="check-all1" name="agreeTextall" value="1" style="border:0px;"> <label style="color:#012D6A;">동의함</label>
<input type="radio" class="check-all2" name="agreeTextall" value="2" style="border:0px;" checked> <label style="color:#012D6A;">동의안함</label>
</p>
</div>
</form>
<div style="padding-top:20px;border-top:2px dotted #012D6A;">
<button class="nextBtn reg_next_btn">다음단계</button>
</div>
</div><!--joinSection-->
</div><!-- //contents -->
</div><!-- //wrap -->
<script>
$(function(){
$(".reg_next_btn").click(function(){
if($("input[name='agreeText1']").eq(0).is(":checked")==false){
alert("이용약관에 동의하셔야 합니다."); return;
}
if($("input[name='agreeText2']").eq(0).is(":checked")==false){
alert("개인정보 수집방침에 동의하셔야 합니다."); return;
}
$url = "https://mjsoft.co/html/m/join_reg.php?agreeText1=1&agreeText2=1";
top.document.location.href=$url;
});
$("input[name='agreeText1']").eq(0).click(function(){
if($("input[name='agreeText2']").eq(0).is(":checked")){
$(".check-all1").click();
}
});
$("input[name='agreeText2']").eq(0).click(function(){
if($("input[name='agreeText1']").eq(0).is(":checked")){
$(".check-all1").click();
}
});
$("input[name='agreeText1']").eq(1).click(function(){
if($("input[name='agreeText2']").eq(1).is(":checked")){
$(".check-all2").click();
}
});
$("input[name='agreeText2']").eq(1).click(function(){
if($("input[name='agreeText1']").eq(1).is(":checked")){
$(".check-all2").click();
}
});
$(".check-all1").click(function(){
$("input[name='agreeText1']").eq(0).prop("checked",true);
$("input[name='agreeText2']").eq(0).prop("checked",true);
});
});
</script>
<iframe name="Joinifm" width="0" height="0"></iframe>
<? include("./include/footer.php"); ?>
|