<?php
define('IS_NOT_LOGIN', true); // 로그인 하지 않은 상태에서 접근하는 파일인 경우

/*
///// 비밀번호화 처리 {
include "cryption.php";
define("handShakeRegisterKey", encrypt(md5(uniqid())."_".date("Y-m-d H:i:s")));
$handShakeFile = fopen("handShakeRegister.key", "w") or die("Error:E31015");
fwrite($handShakeFile, handShakeRegisterKey);
fclose($handShakeFile);
///// 비밀번호화 처리 }
*/
?>
<?php
include "_MyAdminConfig.php";

$adminsubmitmsg = isset($_REQUEST['m']) ? $_REQUEST['m'] : '';

?>

<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>VPNLink 회원가입</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">

	<link rel="icon" href="/favicon.ico" type="image/x-icon">
	<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">

	<link rel="stylesheet" type="text/css" href="css/main_admin.css?v=<?php echo $MY_CSS_VER?>">
	<!-- <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> -->

	<script src="vendor/js/jquery-3.3.1.min.js?v=<?php echo $MY_JS_VER?>"></script>
	<script src="js/joinup_admin.js?v=<?php echo $MY_JS_VER?>"></script>
	<script>
		function formsubmit() {
			var adminname = $("#adminname").val().trim();
			var adminemail = $("#adminemail").val().trim();
			var adminid = $("#adminid").val().trim();
			var adminpwd = $("#adminpwd").val().trim();
			if (!verifyEmail(adminemail)) {
				$("#adminsubmitmsg").text("정확한 이메일인지 확인해 주십시오.");
				alert("정확한 이메일인지 확인해 주십시오.");
				$("#adminemail").focus();
				return false;
			}
			if (adminemail == "") {
				$("#adminsubmitmsg").text("이메일을 입력하세요");
				$("#adminemail").focus();
				return false;
			} else if (adminid == "") {
				$("#adminsubmitmsg").text("회원ID를 입력하세요");
				$("#adminid").focus();
				return false;
			} else if (adminpwd == "") {
				$("#adminsubmitmsg").text("비밀번호를 입력하세요");
				$("#adminpwd").focus();
				return false;
			} else if (adminpwd.length < 6 || adminpwd.length > 20) {
				$("#adminsubmitmsg").text("비밀번호는 6~20자리로 입력하세요");
				$("#adminpwd").focus();
				return false;
			}

			var admin_member_register_provison_Checkbox = document.getElementById('admin_member_register_provison');
			if (!admin_member_register_provison_Checkbox.checked) {
				var provisionDiv = document.getElementById('provisionDiv');
				if (provisionDiv) {
					provisionDiv.classList.remove('provision-flash'); // reset
					void provisionDiv.offsetWidth; // reflow for restart
					provisionDiv.classList.add('provision-flash');
				}
				admin_member_register_provison_Checkbox.focus();
				return false;
			}

			// memid(아이디) 중복 체크 ajax
			$.ajax({
				url: 'joinup_admin_chk_ajax.php',
				type: 'POST',
				dataType: 'json',
				data: {
					check_memid: true,
					adminid: adminemail
				},
				success: function(resp) {
					if (resp && resp.exists) {
						$("#adminsubmitmsg").text("이미 존재하는 이메일 입니다!");
						$("#adminemail").focus();
						return false;
					} else {
						$("#adminjoinupform").submit();
					}
				},
				error: function() {
					$("#adminsubmitmsg").text("아이디 중복 확인 중 오류가 발생했습니다.");
				}
			});
		}
		function verifyEmail(emailVal) {
			// 엄격한 이메일 정규식: @ 뒤에 최소 1개의 .이 포함되어야 함
			var re = /^[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2,}$/;
			return re.test(emailVal);
		}

		$(document).keyup(function(event) {
			if (event.which === 13) {
				formsubmit();
			}
		})
		function login() {
			var link = 'login_admin.php';
			location.href=link;
		}
		function resetpwd() {
			var link = 'resetpwd_admin.php';
			location.href=link;
		}
		// 폼 필드 값 강제 초기화 (브라우저 자동완성/캐시 방지)
		$(document).ready(function() {
			// 실시간 이메일 입력값을 회원ID 입력란에도 동기화
			$('#adminemail').on('input', function() {
				$('#adminid').val($(this).val());
			});
			$('#adminid').on('input', function() {
				$('#adminemail').val($(this).val());
			});
			$('#adminid').val('');
			$('#adminname').val('');
			$('#adminpwd').val('');
			$('#adminemail').val('');
			if ($('#admin_member_register_provison').length) $('#admin_member_register_provison').prop('checked', false);
			$('#admin_member_register_provison').on('change', function() {
				if (this.checked) {
					$('#provisionDiv').removeClass('provision-flash');
				}
			});
		});
	</script>
	<script>
		$(function(){
			$('#toggleProvisionBtn').on('click', function(){
				var btn = $(this);
				$('#provisionTextWrap').slideToggle(250, function(){
					if($('#provisionTextWrap').is(':visible')){
						btn.text('약관 닫기');
					} else {
						btn.text('약관 보기');
					}
				});
			});
		});
	</script>
	<script>
		$(function(){
			var oldValId;
			$("#adminid").on("propertychange change keyup paste input", function() {
				var $adminid = $("#adminid");
				if ($adminid.length === 0) return;
				var currentVal = typeof $adminid.val() === 'string' ? $adminid.val().trim() : '';
				if (currentVal == oldValId) {
					return;
				}
				oldValId = currentVal;

				// adminid가 비어있으면 AJAX 실행하지 않음
				if (currentVal === '') {
					$("#adminsubmitmsg").text('');
					return;
				}

				$.ajax({
					url: 'joinup_admin_chk_ajax.php',
					type: 'POST',
					dataType: 'json',
					data: {
						check_memid: true,
						adminid: currentVal
					},
					success: function(resp) {
						if (resp && resp.exists) {
							$("#adminsubmitmsg").text("이미 존재하는 이메일 입니다.");
							$("#adminemail").focus();
							return false;
						} else {
							$("#adminsubmitmsg").text('');
						}
					},
					error: function() {
						$("#adminsubmitmsg").text("아이디 중복 확인 중 오류가 발생했습니다.");
					}
				});
			});

			// var oldValName;
			// $("#adminname").on("propertychange change keyup paste input", function() {
			// 	var $adminid = $("#adminid");
			// 	var $adminname = $("#adminname");
			// 	var $adminemail = $("#adminemail");
			// 	var currentVal = $adminname.length ? $adminname.val() : '';
			// 	if(currentVal == oldValName) {
			// 		return;
			// 	}
			// 	oldValName = currentVal;

			// 	$.ajax({
			// 		url: 'joinup_admin_chk_ajax.php',
			// 		type: 'POST',
			// 		dataType: 'html',
			// 		data: {
			// 			input_adminid: $adminid.length && typeof $adminid.val() === 'string' ? $adminid.val().trim() : '',
			// 			input_adminname: $adminname.length && typeof $adminname.val() === 'string' ? $adminname.val().trim() : '',
			// 			input_adminemail: $adminemail.length && typeof $adminemail.val() === 'string' ? $adminemail.val().trim() : '',
			// 			action:'ajax'
			// 		},
			// 		success:function(data)
			// 		{
			// 			if(data)
			// 			{
			// 				if (data.substr(0,1) == 'i') {
			// 					$("#adminsubmitmsg").html("사용하실 수 없는 아이디입니다.");
			// 				} else if (data.substr(0,1) == 'n') {
			// 					$("#adminsubmitmsg").html("사용하실 수 없는 회원명입니다.");
			// 				} else if (data.substr(0,2) == 'in') {
			// 					$("#adminsubmitmsg").html("사용하실 수 없는 회원명과 아이디 입니다.");
			// 				} else if (data.substr(0,2) == 'ef') {
			// 					$("#adminsubmitmsg").html("이메일 형식에 맞게 완성해 주세요");
			// 				} else if (data.substr(0,1) == 'e') {
			// 					$("#adminsubmitmsg").html("사용하실 수 없는 이메일입니다.");
			// 				} else {
			// 					$("#adminsubmitmsg").empty();
			// 				}
			// 			}
			// 		}
			// 	});
			// });

			// var oldValEmail;
			// $("#adminemail").on("propertychange change keyup paste input", function() {
			// 	var $adminid = $("#adminid");
			// 	var $adminname = $("#adminname");
			// 	var $adminemail = $("#adminemail");
			// 	var currentVal = $adminemail.length ? $adminemail.val() : '';
			// 	if(currentVal == oldValEmail) {
			// 		return;
			// 	}
			// 	oldValEmail = currentVal;

			// 	$.ajax({
			// 		url: 'joinup_admin_chk_ajax.php',
			// 		type: 'POST',
			// 		dataType: 'html',
			// 		data: {
			// 			input_adminid: $adminid.length && typeof $adminid.val() === 'string' ? $adminid.val().trim() : '',
			// 			input_adminname: $adminname.length && typeof $adminname.val() === 'string' ? $adminname.val().trim() : '',
			// 			input_adminemail: $adminemail.length && typeof $adminemail.val() === 'string' ? $adminemail.val().trim() : '',
			// 			storeid: $storeid.length && typeof $storeid.val() === 'string' ? $storeid.val().trim() : '',
			// 			action:'ajax'
			// 		},
			// 		success:function(data)
			// 		{
			// 			if(data)
			// 			{
			// 				if (data.substr(0,1) == 'i') {
			// 					$("#adminsubmitmsg").html("사용하실 수 없는 아이디입니다.");
			// 				} else if (data.substr(0,1) == 'n') {
			// 					$("#adminsubmitmsg").html("사용하실 수 없는 회원명입니다.");
			// 				} else if (data.substr(0,2) == 'in') {
			// 					$("#adminsubmitmsg").html("사용하실 수 없는 회원명과 아이디 입니다.");
			// 				} else if (data.substr(0,2) == 'ef') {
			// 					$("#adminsubmitmsg").html("이메일 형식에 맞게 완성해 주세요");
			// 				} else if (data.substr(0,1) == 'e') {
			// 					$("#adminsubmitmsg").html("사용하실 수 없는 이메일입니다.");
			// 				} else {
			// 					$("#adminsubmitmsg").empty();
			// 				}
			// 			}
			// 		}
			// 	});
			// });


		});
	</script>
	<style>
		input {outline: none; background:#ffffff; }
		input:focus {outline: none; background:#c7daff; }
		#adminsubmit { border:1px solid #26bffa; color:#26bffa; }
		#adminsubmit:hover { border:1px solid #26bffa; background:#26bffa; color:#ffffff; }
		#login {outline: none; border-top:1px solid #444444; border-right:1px solid #444444; border-bottom:1px solid #444444; border-left:1px solid #444444; color:#a7a7a7; font-size:0.8rem; }
		#login:hover { background: #d9d9d8ff; color: #2694eeff; }
		#resetpwd {outline: none; border-top:1px solid #444444; border-right:1px solid #444444; border-bottom:1px solid #444444; border-left:1px solid #444444; color:#a7a7a7; font-size:0.8rem; }
		#resetpwd:hover { background:orangered; color:#ffffff; }
		@keyframes provisionFlash {
			0% { box-shadow: 0 0 0 0 #ff3c00, 0 0 0 0 #fff; }
			20% { box-shadow: 0 0 10px 4px #ff3c00, 0 0 0 0 #fff; background: #ffe5e0; }
			40% { box-shadow: 0 0 0 0 #ff3c00, 0 0 10px 4px #fff; background: #fffbe0; }
			60% { box-shadow: 0 0 10px 4px #ff3c00, 0 0 0 0 #fff; background: #ffe5e0; }
			80% { box-shadow: 0 0 0 0 #ff3c00, 0 0 10px 4px #fff; background: #fffbe0; }
			100% { box-shadow: 0 0 0 0 #ff3c00, 0 0 0 0 #fff; }
		}
		.provision-flash {
			animation: provisionFlash 1.2s linear 0s 1;
			border-radius: 8px;
		}
</style>
<style>
/* Animated deep blue/black radial gradient with glassmorphism overlay */
/* Animated diagonal stripes background with glassmorphism overlay */
/* Animated bokeh blur background with glassmorphism overlay */
#bg-effect {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0; left: 0;
  z-index: -2;
  overflow: hidden;
  background: #0d1b2a;
}
#bg-effect .bokeh {
  position: absolute;
  border-radius: 50%;
  filter: blur(32px);
  opacity: 0.35;
  pointer-events: none;
}
#bg-effect::after {
  content: '';
  position: absolute;
  top: 0; left: 0; width: 100%; height: 100%;
  background: rgba(10,17,40,0.35);
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.18);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  border-radius: 0;
  pointer-events: none;
}
</style>

</head>

<body style="margin:0px !important; padding:0px !important; overflow:hidden; display:none; background: none;">
<div id="bg-effect" style="position:fixed; z-index:-2; top:0; left:0; width:100vw; height:100vh;"></div>
<script>
// Animated bokeh effect
document.addEventListener('DOMContentLoaded', function() {
  var bg = document.getElementById('bg-effect');
  if (!bg) return;
  // Remove old bokeh if any
  Array.from(bg.querySelectorAll('.bokeh')).forEach(e => e.remove());
  // Bokeh config
  var bokehs = [
	{color:'#26bffa', size:220, x:10, y:20, dx:0.12, dy:0.09},
	{color:'#11204d', size:180, x:70, y:60, dx:-0.09, dy:0.07},
	{color:'#00e0ff', size:140, x:40, y:80, dx:0.07, dy:-0.11},
	{color:'#0d1b2a', size:200, x:80, y:30, dx:-0.08, dy:0.10},
	{color:'#ffffff', size:90, x:60, y:10, dx:0.10, dy:0.08, opacity:0.13}
  ];
  bokehs.forEach((b, i) => {
	var el = document.createElement('div');
	el.className = 'bokeh';
	el.style.background = b.color;
	el.style.width = el.style.height = b.size+'px';
	el.style.left = b.x+'vw';
	el.style.top = b.y+'vh';
	if (b.opacity) el.style.opacity = b.opacity;
	bg.appendChild(el);
	b.el = el;
  });
  function animate() {
	bokehs.forEach(function(b) {
	  b.x += b.dx;
	  b.y += b.dy;
	  if (b.x < -20 || b.x > 100) b.dx *= -1;
	  if (b.y < -20 || b.y > 100) b.dy *= -1;
	  b.el.style.left = b.x+'vw';
	  b.el.style.top = b.y+'vh';
	});
	requestAnimationFrame(animate);
  }
  animate();
});
</script>
	<?php
	/*
	///// 비밀번호화 처리 {
	include "cryption.php";
	$computerId = $_SERVER['HTTP_USER_AGENT']." |_| ".$_SERVER['REMOTE_ADDR']." |_| ".date("Y-m-d H:i:s");
	define("handShakeLoginKey", encrypt(md5(uniqid())."_".$computerId));
	$handShakeLoginFile = fopen("handShakeLogin.key", "w") or die("Error:E10015");
	fwrite($handShakeLoginFile, handShakeLoginKey);
	fclose($handShakeLoginFile);
	///// 비밀번호화 처리 }
	*/
	?>

<div style="display:flex; justify-content:center; align-items:center; width:100vw; height:100vh; font-size:1.3rem; box-sizing:border-box; background: none;">
<form id="adminjoinupform" name="adminjoinupform" action="joinup_process.php" method="post" style="display:flex; flex-direction:column; align-items:center; justify-content:center; width:350px; min-width:0; max-width:100vw; margin:0 auto; background: none;" autocomplete="off">
<div style="display:flex; justify-content:center; align-items:center; width:350px; height:auto; margin:0 0 20px 0; color:#a7a7a7; font-size:1.3rem; text-align:center;">
	<div style="display:flex; justify-content:center; align-items:center;"><img src="img/VPNLink_LOGO5.png" style="height:35px;"></div> <div style='margin-left:10px; background:#26bffa; padding:5px 10px; border-radius:5px; color:#ffffff; font-size:1.15rem;'><b><?php echo $HOME_ADMIN_TITLE_NAME?></b> 회원가입</div>
</div>

<div style="display:flex; justify-content:center; align-items:center; width:350px; height:auto; margin:0 0 20px 0;">
   <div id="adminsubmitmsg" style="display:flex; justify-content:center; align-items:center; width:260px; height:30px; color: #c4ff5dff; text-align:center; font-size:0.9rem;"><?php echo $adminsubmitmsg?></div>
</div>

<div style="display:flex; flex-direction:row; align-items:center; width:350px; height:50px; margin:0 0 20px 0;">
   <div style="width:90px; height:50px; display:flex; justify-content:center; align-items:center; border:1px solid #7a7a7a; background:#7a7a7a; color:#fff; text-align:center; box-sizing:border-box; line-height:50px; font-size:1em;">이메일</div>
   <div style="width:260px; height:50px; display:flex; align-items:center; box-sizing:border-box; border:1px solid transparent; background:#fff; padding:0;">
	   <input type="text" name="adminemail" id="adminemail" maxlength="30" value="" autocomplete="off" style="width:100%; height:50px; padding:0 0 0 12px; border:0; color:#1a1a1a; font-size:0.98em; line-height:50px; box-sizing:border-box; display:block;">
   </div>
</div>

<div style="display:none; flex-direction:row; align-items:center; width:350px; height:50px; margin:0 0 20px 0;">
   <div style="width:90px; height:50px; display:flex; justify-content:center; align-items:center; border:1px solid #7a7a7a; background:#7a7a7a; color:#fff; text-align:center; box-sizing:border-box; line-height:50px; font-size:1em;">회원ID</div>
   <div style="width:260px; height:50px; display:flex; align-items:center; box-sizing:border-box; border:1px solid transparent; background:#fff; padding:0;">
	   <input type="text" name="adminid" id="adminid" minlength="6" maxLength="32" value="" autocomplete="off" style="width:100%; height:50px; padding:0 0 0 12px; border:0; color:#1a1a1a; font-size:0.98em; line-height:50px; box-sizing:border-box; display:block;">
   </div>
</div>

<div style="display:none; flex-direction:row; align-items:center; width:350px; height:50px; margin:0 0 20px 0;">
   <div style="width:90px; height:50px; display:flex; justify-content:center; align-items:center; border:1px solid #7a7a7a; background:#7a7a7a; color:#fff; text-align:center; box-sizing:border-box; line-height:50px; font-size:1em;">회원명</div>
   <div style="width:260px; height:50px; display:flex; align-items:center; box-sizing:border-box; border:1px solid transparent; background:#fff; padding:0;">
	   <input type="text" name="adminname" id="adminname" maxLength="32" value="" autocomplete="off" style="width:100%; height:50px; padding:0 0 0 12px; border:0; color:#1a1a1a; font-size:0.98em; line-height:50px; box-sizing:border-box; display:block;">
   </div>
</div>

<div style="display:flex; flex-direction:row; align-items:center; width:350px; height:50px; margin:0 0 20px 0;">
   <div style="width:90px; height:50px; display:flex; justify-content:center; align-items:center; border:1px solid #7a7a7a; background:#7a7a7a; color:#fff; text-align:center; box-sizing:border-box; line-height:50px; font-size:1em;">비밀번호</div>
   <div style="width:260px; height:50px; display:flex; align-items:center; box-sizing:border-box; border:1px solid transparent; background:#fff; padding:0; position:relative;">
	   <span id="pwdLengthMsg" style="position:absolute; left:5px; top:-2px; font-size:0.5em; color: #0421deff; display:none; z-index:2;">비밀번호는 6자리 이상 입력해야 합니다.</span>
	   <input type="password" name="adminpwd" id="adminpwd" minlength="6" maxLength="32" value="" autocomplete="new-password" style="width:100%; height:50px; padding:0 0 0 12px; border:0; color:#1a1a1a; font-size:0.98em; line-height:50px; box-sizing:border-box; display:block;">
	   <script>
	   // 비밀번호 길이 안내 메시지
	   $('#adminpwd').on('input', function() {
		   var val = $(this).val();
		   if(val.length > 0 && val.length < 6) {
			   $('#pwdLengthMsg').show();
		   } else {
			   $('#pwdLengthMsg').hide();
		   }
	   });
	   </script>
   </div>
</div>

<div style="display:flex; flex-direction:column; align-items:center; width:350px; max-width:100vw; height:auto; margin:0 0 0 0; box-sizing:border-box; border-radius:10px;">
   <div id="provisionDiv" style="display:flex; justify-content:flex-start; align-items:center; width:350px; font-size:0.7rem; text-align:left; color: #fff; gap:8px;">
		<input type="checkbox" name="admin_member_register_provison" id="admin_member_register_provison" style="zoom:1.5;">
		<span>판매자센터 이용약관에 동의합니다.</span>
		<button type="button" id="toggleProvisionBtn" style="margin-left:auto; padding:2px 10px; font-size:0.8em; border-radius:5px; border:1px solid #00FF00; background:#071147; color: #fff; cursor:pointer;">약관 보기</button>
	</div>
   <div id="provisionTextWrap" style="width:350px; display:none;">
	   <textarea readonly style="width:100%; min-width:0; max-width:350px; height:auto; min-height:250px; max-height:500px; font-size:0.8rem; line-height:1.7; overflow:auto; text-decoration:none; color:#e0eaff; background:linear-gradient(120deg,#232a3a 70%,#2e3a5a 100%); padding:24px 22px; box-sizing:border-box; border:1.5px solid #26bffa; border-radius:10px; box-shadow:0 2px 12px #26bffa33; font-family:'Segoe UI','Malgun Gothic',Arial,sans-serif; letter-spacing:0.01em;">
제1장 총칙

제1조(목적)
본 약관은 RCPC(원격제어컴퓨터)의 대여 자동화 프로세스를 통해 관리 플랫폼 서비스의 제공을 목적으로 하는 사업자인 주식회사 아이알씨코리아(이하 “회사” , "컴뷰어스" 라 합니다)가 해당 서비스를 이용하려는 개인, 기업, 임직원, 관리자 등 해당 프로세스에 로그인 해서 사용하는 모든이(이하 “이용자”, "사용자" 이라 합니다)에게 기술자료를 제공하는 경우 이를 비밀로 유지하고 보호하기 위하여 필요한 제반 사항을 규정하고 서비스 사용에 대한 이용료를 정하는 것을 목적으로 한다.

제2조(기술자료의 정의)
① 이 계약에서 ‘기술자료’라 함은 [VPNLink 판매자센터 서비스 (이하 “플랫폼” 이라 합니다.)]를 이용하려는 이용자에게 제공되는 기술자료서 비밀로 관리되어 보호받아야 하는 것으로서 다음 각 항목의 어느 하나에 해당하는 정보, 자료를 말한다.
가. RCPC준비(컴바), 대여(렌탈몰), 유지관리(매니저), 영업, 마케팅, 기타 자동화프로그램 또는 업무수행 방법에 관한 정보, 자료와 업무를 통해 알 수 있는 고객 정보
나. 특허권, 실용신안권, 디자인권, 저작권 등의 지식재산권과 관련된 기술정보, 자료를 제공 받아 영업활동이나 기술개발(R&D)을 하여 만들어진 정보, 자료를 포함하는 기술적으로 유용하고 독립된 경제적 가치가 있는 것
다. RCPC 대여프로세스 매뉴얼, 장비제원, 개발자료, 연구개발보고서 등 가목 또는 나목에 포함되지 않는 기타 회사의 정보, 자료로서 수급행자의 기술개발(R&D), 영업활동에 기술적으로 유용하고 독립된 경제적 가치가 있는 것
② 회사가 기술 자료를 제공함에 있어, 비밀임을 알리는 문구(비밀 또는 대외비 등의 국문 또는 영문 표시 등을 의미)가 표시되어 있지 아니하더라도 비밀로 관리되고 있는지 여부에는 영향을 미치지 아니한다.
③ 회사는 이용자의 기술자료가 비밀로 관리되고 있는지 여부(기술 자료에서 제외되는지 여부)에 대해 의문이 있는 때에는 수행자에게 그에 대한 확인을 요청할 수 있다. 이 경우 수행자는 확인 요청을 받은 즉시 회사에게 해당 기술 자료가 비밀로 관리되고 있는지 여부를 회신하여야 한다.

제3조(중요기술자료)
이용자가 RCPC 플랫폼을 이용함에 있어 특별히 비밀 유지가 필요한 기술자료 사항은 아래의 내용과 같다.
① 컴바 : RCPC(일반컴퓨터 및 가상PC 등의 OS)마다 간단하게 설치하여 각각의 RCPC의 정보를 수집하여 전송 관리할 수 있는 프로그램
② 렌탈몰 : 고객이 원하는 사양의 RCPC를 직접 선택하고 렌탈하여 사용할 수 있도록 만든  인터넷 홈페이지 렌탈몰, 쇼핑몰, 마켓, 장터 등 거래 웹싸이트
② 매니저 : RCPC의 현재 상태를 모니터링할 수 있고 렌탈을 유지 관리할 수 있도록 개발한 관리 프로그램
③ 영업 및 마케팅 : 회사만의 특화된 영업 및 마케팅
④ 업무수행 방법에 관한 정보, 자료 : 각 항을 수행하기 위한 방법과 과정
⑤ 기타 자동화프로그램 (컴바, 메니저, 쇼핑몰, 웹커뮤니티(인터넷 카페)외 기타 프로그램) : 각 업무를 신속하고 정확하게 수행하도록 도와주기 위하여 개발한 소프트웨어 및 프로세스
⑥ 고객자료 : 업무를 통해 알게 된 고객의 모든 자료와 정보

제4조(의무)
① 회사가 사전에 서면(전자문서 포함)으로 동의하지 아니하는 경우, 이용자는 RCPC 플랫폼을 사용하면서 얻은 기술자료를 타인에게 절대 누설하거나 공개하여서는 아니 되며, 이용자의 이익을 위하여 수정, 복사, 배포해서는 절대 아니 된다.
② 회사는 기술자료가 외부로 유출되는 것을 방지하기 위하여 물리적 설비 설치 및 내부비밀관리지침 마련, 정보보안교육실시 등 기술자료를 보호하고 관리하는 데에 필요한 합리적인 조치를 취하여야 한다.

제5조(배상)
사용자가 [제4조(의무) ①]을 위반한 경우, 이로 인하여 발생한 회사의 손해를 모두 배상하여야 한다. 다만, 수행자가 고의 또는 과실이 없음을 입증한 경우에는 그러하지 아니하다.


제2장 서비스의 사용과 종료

제6조(서비스 사용의 이용료)
회사의 플랫폼을 사용하려는 사용자의 플랫폼 서비스 이용료는 RCPC의 등록 수량, 사용 방법, 사용 용도에 따라 서로 다를 수 있으며 플랫폼 이용료의 납입 방법은 매월 초에 [제7조(판매대금의 지급)]에서 주단위로 지급하는 렌탈 판매대금 정산금에서 차감한다. 이때 플랫폼 이용료 정책에 따라 무료 및 할인된 이용료를 제외한 전액이 납입 완료될 때까지 계속해서 판매대금에서 차감할 수 있다.
① 매니저 플랫폼 1개월 기본 1계정 이용료 : 500,000원 , 계정 추가 1계정 이용료 : 100,000원
② 결제 대행 업체 결제 수수료 : 렌탈 판매금액의 3%
③ RCPC 렌탈 이용료 : 1RCPC당 1,000원부터~
④ VPN 등 추가 유로 서비스 이용료 : 1RCPC당 1,000원부터~
⑤ 기타 수수료 : 취소, 환불, 포인트 지급, 광고비 등 협의 후
⑥ 사용료는 부가세 별도 금액이다.
⑦ 사용자의  이용료는 본 계약을 기본으로 하되 별도 계약을 체결할 수 있다.

제7조(판매대금의 지급)
이용자의 판매 대금은 1주(일~토요일) 단위로 정산하여 매주 월요일 제6조(서비스 이용료)를 차감한 후 사용자가 등록한 사용자 명의의 통장으로 입금한다. 입금일이 휴일인 경우를 감안하여 입금일이 1-3일 늦어질 수 있다.

제8조(서비스 종료)
사용자와 회사는 사정상 플랫폼 서비스 사용의 종료가 필요할 경우 서로 합의한 후 해당 서비스를 종료할 수 있다.
① 종료는 매월 말일 기준이며 이때 회사는 서비스의 사용 종료에 따른 매월 납입한 이용료에 대해서는 반환하지 않는다.
② 이용자는 서비스가 종료된 달의 말일 이후(다음달 1일)부터는 모든 플랫폼 서비스를 이용할 수 없다.
③ 서비스의 종료 이후에도 4조 1항의 의무는 계속 지켜야 하여 이를 지키지 않아 회사에 손해가 발생했을 경우 이를 보상 및 배상해야 한다.

제9조(대여의 부정행위)
이용자는 회사의 플랫폼 서비스를 이용하면서 얻은 고객 정보를 가지고 대여 주최인 회사를 제외하고 RCPC 대여, 렌탈을 할 수 없으며 이유없이 미리 협의된 RCPC 렌탈 쇼핑몰의 등록 수량에 영향을 주어서는 안된다.
① 사용자가 협의 없이 플랫폼 사용을 종료할 경우 이용자는 그 동안 제공 받았던 무료 및 할인서비스 이용료를 즉시 모두 회사에 지급하여야 한다.
② 사용자는 회사를 제외하고 고객과 양자간 RCPC 대여를 직접 진행하였을 경우 그 동안 제공 받았던 무료 및 할인서비스 이용료를 즉시 모두 회사에 지급하여야 한다.
③ 특별한 이유가 없이 미리 협의된 RCPC 렌탈 쇼핑몰의 등록 수량이 현저히 줄어들 경우 회사는 사용자가 그 동안 제공받았던 무료 및 할인서비스 이용료를 전액 청구할 수 있다.


제3장(기타)

제10조(약관의 해석)
이 약관에서 정하지 아니한 사항과 이 약관의 해석에 관하여는 정보통신망 이용촉진 및 정보보호에 관한 법률, 콘텐츠산업진흥법, 전자상거래등에서의 소비자보호에 관한 법률, 약관의 규제에 관한 법률, 문화체육관광부장관이 정하는 디지털콘텐츠 이용자보호지침, 기타 관련 법령, 주식회사 아이알씨코리아 홈페이지 약관들, [컴뷰어스 운영정책] 및 상거래의 관례에 따른다.


부칙

제1조 본 약관은 회사의 사정에 의해 언제든지 수정, 보완될 수 있다.
제2조 본 약관은 2023년 01월 01일부터 적용된다. 단, 본 약관의 수정, 보완에 대한 공지 이전에 가입한 사용자에 대해서는 해당 공지 이후에 사용자가 플랫폼에 로그인하면서 부터 본 약관이 적용된다.
제3조 본 약관에 이용자의 동의가 없었다 하더라도 회사의 서비스 플랫폼에 로그인 하여 사용한다면 사용자 모두는 본 약관이 적용된다.


최종 수정일 : 2024년 12월 08일
					</textarea>
				</div>
			</div>

<div style="display:flex; justify-content:center; align-items:center; width:350px; height:auto; margin:20px 0 20px 0;">
   <div id="adminsubmit" style="display:flex; justify-content:center; align-items:center; width:330px; height:30px; border:1px solid #7a7a7a; padding:10px; text-align:center; cursor:pointer;" onclick="formsubmit();">회원가입</div>
</div>

<div style="display:flex; justify-content:center; align-items:center; width:350px; height:auto; margin:0 0 50px 0; gap:10px;">
	<div id="resetpwd" style="display:flex; justify-content:center; align-items:center; width:150px; height:30px; padding:5px 10px; text-align:center; cursor:pointer;" onclick="resetpwd();">비밀번호 재설정</div>
	<div id="login" style="display:flex; justify-content:center; align-items:center; width:150px; height:30px; padding:5px 10px; text-align:center; cursor:pointer; margin-left:1px;" onclick="login();">로그인</div>
</div>

		</form>
	</div>





</body>

</html>