<!doctype html>
<html lang="kr">
	<head>
		<meta name="viewport" content="width=360, user-scalable=no">
		<meta charset="UTF-8">
		<meta name="format-detection" content="telephone=no" />
		<title>포장이사 가격비교사이트</title>
		
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jQuery.serializeObject/2.0.3/jquery.serializeObject.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/json3/3.3.2/json3.min.js"></script>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.8.18/themes/base/jquery-ui.css" />
  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  <script src="//code.jquery.com/ui/1.8.18/jquery-ui.min.js"></script>
  <script>
    $.datepicker.setDefaults({
        dateFormat: 'yy-mm-dd',
        prevText: '이전 달',
        nextText: '다음 달',
        monthNames: ['1월', '2월', '3월', '4월', '5월', '6월', '7월', '8월', '9월', '10월', '11월', '12월'],
        monthNamesShort: ['1월', '2월', '3월', '4월', '5월', '6월', '7월', '8월', '9월', '10월', '11월', '12월'],
        dayNames: ['일', '월', '화', '수', '목', '금', '토'],
        dayNamesShort: ['일', '월', '화', '수', '목', '금', '토'],
        dayNamesMin: ['일', '월', '화', '수', '목', '금', '토'],
        showMonthAfterYear: true,
        yearSuffix: '년',
		minDate: -0
    });

    $(function() {
        $(".datepicker1").datepicker();
    });
</script>
<script type="text/javascript">
    jQuery(function($) {
      $form = $('.pure-form');
      $form.submit(function(e) {
		  e.preventDefault();
        var $this = $(this);

		var f = this;

		if (f.agree.checked == false)
			{
				alert('개인정보취급방침에 동의해 주세요.');
				f.agree.focus();
				return false;
			}

				if (f.customer_name && f.customer_name.value == "")
			{
				alert('이름을 입력해 주세요.');
				f.customer_name.focus();
				return false;
			}


				if (f.mobile2.value.length < 3)
			{
				alert('전화번호를 입력해 주세요.');
				f.mobile2.focus();
				return false;
			}

				if (f.mobile3.value.length < 4)
			{
				alert('전화번호를 입력해 주세요.');
				f.mobile3.focus();
				return false;
			}

 

//			var tel_matches = ["", "", "", ""]
//            tel_matches = /^([0-9]{3,3})-?([0-9]{3,4})-?([0-9]{4,4})$/.exec(this.mobile.value) || tel_matches;
// 
//            this.mobile1.value = tel_matches[1];
//            this.mobile2.value = tel_matches[2];
//            this.mobile3.value = tel_matches[3];

        

		$.ajax({
			type:'get',
			url:'/mrequest.php',
		    dataType: 'jsonp',
			jsonp : 'rich',
			data : $this.serialize() + '&referer=' + encodeURIComponent(document.referrer),
			success:function(json){
				alert('신청 완료되었습니다.') ;
//				$('#result_encode').html(json.member_id) ;
            // 여기부터 시작

               reportLog($this.serialize(), status, json.rule_seqno);
            },
            error: function(jqXHR, status, errorThrown) {
                reportLog($this.serialize(), errorThrown, '');
            }
        });
      })

    function reportLog(qs, status, resp) {
        $.ajax({
            url: '/log_r.php',
            type: 'post',
            data: { qs: qs, status: status, resp: resp }
        })
    }

    })

  </script>
<script>
var curLevel = 0;
function myPOST(t,v) { 
	var arr = v; 
	if(curLevel == 0) {
		for(var i=0; i<arr.length; i++) { if (arr[i].sido) { $('#sido'+t).append('<option value="' + arr[i].sido + '">' + arr[i].sido + '</option>'); }} 
	} else if(curLevel == 1) { 
		for(var i=0; i<arr.length; i++) { if (arr[i].sigungu) { $('#sigungu'+t).append('<option value="' + arr[i].sigungu + '">' + arr[i].sigungu + '</option>'); }}
	} else if(curLevel == 2) { 
		for(var i=0; i<arr.length; i++) { if (arr[i].dong) { $('#dong'+t).append('<option value="' + arr[i].dong + '">' + arr[i].dong + '</option>'); }}
	}
}
function getLocation(t,v) { 
	curLevel = v;
	if(v == 0) { 
		$('#sido'+t).empty().append('<option value="">시/도</option>'); 
	} else if(v == 1) { 
		$('#sigungu'+t).empty().append('<option value="">시/구/군</option>'); 
		$('#dong'+t).empty().append('<option value="">읍/면/동</option>'); 
	} else if(v == 2) { 
		$('#dong'+t).empty().append('<option value="">읍/면/동</option>'); 
	}
	var sido = $('#sido'+t).val(); 
	var sigungu = $('#sigungu'+t).val(); 
	var request = $.ajax({ type: 'POST', data: {sido:encodeURIComponent(sido),sigungu:encodeURIComponent(sigungu)}, cache: false, global: false, async : false, url: 'https://co10.kr/gate/address.php', dataType: "jsonp", jsonpCallback: "callback", success:function(result){ myPOST(t,result.data); }, error:function(xhr, status, error){ console.log('status : ' + xhr.status); } }); 
}
</script>

<script>
function applyAlert(type)
{
	alert('신청이 완료 되었습니다.');
	sessionStorage.setItem('chkApply', true);
	$('#applyResult').attr('onclick', 'alert(\'신청이 완료 되었습니다.\');');
}
$(document).ready(function(){ if (sessionStorage.getItem('chkApply')) { $('#applyResult').attr('onclick', 'alert(\'신청이 완료 되었습니다.\');'); } });
function nextStep(step, frmID)
{
	if (frmID == 'frmApply2') { var f = document.frmApply2; }
	else { var f = document.frmApply; }
	var type = f.reg_type.value;
	if (step == 2)
	{
		if (f.s_sido.value == '')
		{
			alert('출발지를 입력해 주세요.');
			f.s_sido.focus();
			return false;
		}

		if (f.s_sigungu.value == '')
		{
			alert('출발지를 입력해 주세요.');
			f.s_sigungu.focus();
			return false;
		}

		if (f.s_dong.value == '')
		{
			alert('출발지를 입력해 주세요.');
			f.s_dong.focus();
			return false;
		}

		
		if (f.e_sido.value == '')
		{
			alert('도착지를 입력해 주세요.');
			f.e_sido.focus();
			return false;
		}

		if (f.e_sigungu.value == '')
		{
			alert('도착지를 입력해 주세요.');
			f.e_sigungu.focus();
			return false;
		}

		if (f.e_dong.value == '')
		{
			alert('도착지를 입력해 주세요.');
			f.e_dong.focus();
			return false;
		}
//		if (f.year.value == '' || f.month.value == '' || f.day.value == '')
//		{
//			alert('이사날짜를 입력해 주세요.');
//			f.year.focus();
//			return false;
//		}
				if (f.start_date.value == '')
		{
			alert('이사날짜를 입력해 주세요.');
			f.start_date.focus();
			return false;
		}
		
		f.start_point.value = f.s_sido.value + ' ' + f.s_sigungu.value + ' ' + f.s_dong.value;
		f.dest_point.value = f.e_sido.value + ' ' + f.e_sigungu.value + ' ' + f.e_dong.value;
//		f.start_date.value = f.year.value + '-' + f.month.value + '-' + f.day.value;
//		$('.'+type+'Step').hide();
		$('.btn_ok00, .privacybb').hide();
//		$('.btn_ok01').show();
		$('#'+type+'Step1').hide();
		$('#'+type+'Step2').show();
//		$('#'+type+'Btn').attr('onclick','nextStep(9,\''+frmID+'\')');
	}
	else if (step == 9)
	{
		var frmAgree = f.isAgree.checked;
		if (frmAgree == true)
		{
			if (f.name.value == '')
			{
				alert('이름을 입력해 주세요.');
				f.name.focus();
				return false;
			}

			if (frmID == 'frmApply2') { if (!checkPhone(f, 1)) { return false; } }
			else { if (!checkPhone(f, 2)) { return false; } }
			
			setApply(step, frmID);
			$('#'+frmID).find("input,textarea").val('');
		}
		else
		{
			alert('개인정보수집 및 이용동의를 체크해주세요');
			return false;
		}
	}
}
</script>

<script>
function na_open_window(name, url, left, top, width, height, toolbar, menubar, statusbar, scrollbar, resizable)
{
  toolbar_str = toolbar ? 'yes' : 'no';
  menubar_str = menubar ? 'yes' : 'no';
  statusbar_str = statusbar ? 'yes' : 'no';
  scrollbar_str = scrollbar ? 'yes' : 'no';
  resizable_str = resizable ? 'yes' : 'no';
  window.open(url, name, 'left='+left+',top='+top+',width='+width+',height='+height+',toolbar='+toolbar_str+',menubar='+menubar_str+',status='+statusbar_str+',scrollbars='+scrollbar_str+',resizable='+resizable_str);
}

$(function(){
	$(".alert").click(function(){
		alert("왼쪽의 입력창을 입력해주세요.");
		$("html, body").animate({scrollTop:0},500);
	});
});

$(function(){
	$(".alert2").click(function(){
		alert("상단의 입력창을 입력해주세요.");
		$("html, body").animate({scrollTop:0},500);
	});
});
</script>
<script src="./frame/isa/bxslider.js" type="text/javascript"></script>

<script>
$(window).load(function(){
	$('.rolling').bxSlider({
    slideWidth: $('.rolling li').width(),
		startSlide:3,
    mode: 'vertical',
    pager: false,
    controls:false,
    auto: true,
    minSlides:6,
    maxSlides:6,
    moveSlides:1,
    infiniteLoop: true,
    autoHover: false,
    pause: 1500,
    tickerHover:false,
    touchEnabled:false
	
  });
});

</script>

		<link rel="stylesheet" href="/frame/isa/Img/reset.css">
		<link rel="stylesheet" href="/frame/isa/Img/main.css">



	</head>
	<body>
		<div id="wrap">
			
			<div class="header" style="">
				<div class="con">
					<div class="logo"><a href="./"><img src="/frame/isa/Img/logo.png" alt="" style=""></a></div>
					<div class="topImg"><img src="/frame/isa/Img/topImg.png" alt=""></div>
					<div class="nav">
						<div id="submenu" class="con">
							<ul>
								<a href="/frame/isa/Img/sub1.php">
									<li>포장이사 상세정보</li>
								</a>
								<a href="/frame/isa/Img/sub2.php">
									<li>유용한 추가정보</li>
								</a>
								<a href="/frame/isa/Img/sub3.php">
									<li>묻고 답하기</li>
								</a>

							</ul>			
						</div>
					</div>
				</div>
			</div>

			<div class="main_content">

				<div class="form_wrap">
					<div class="con main_top">
 
<div class="alert"></div>						
<div class="alert2"></div>	
						<!--//  폼 시작 -->
							<div class="form_box form_box1">
								<form action="" class="pure-form" method="post" target="actionFrame" name="frmApply">
										<input type="hidden" name="reg_type" value="basic">
										<input type="hidden" name="start_point" value="">
										<input type="hidden" name="dest_point" value="">
 


<div class="address_Box" align="center"  id="basicStep1">
                            	<table width="0" class="basicStep" border="0" cellspacing="0" cellpadding="0">
									<colgroup>
<!-- 										<col style="width:100px;"> -->
<!-- 										<col style=""> -->
									</colgroup>
                                  <tbody>
								  <tr>
                                    <td align="left" style="letter-spacing: 8px;"><b>출발지</b></td>

                                    <td style="">
                                        <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                          <tbody><tr>
                                            <td style=""><select name="s_sido" id="sido1" class="cs_select01" onchange="getLocation(1,1);"><option value="">시/도</option><option value="강원도">강원도</option><option value="경기도">경기도</option><option value="경상남도">경상남도</option><option value="경상북도">경상북도</option><option value="광주광역시">광주광역시</option><option value="대구광역시">대구광역시</option><option value="대전광역시">대전광역시</option><option value="부산광역시">부산광역시</option><option value="서울특별시">서울특별시</option><option value="세종특별자치시">세종특별자치시</option><option value="울산광역시">울산광역시</option><option value="인천광역시">인천광역시</option><option value="전라남도">전라남도</option><option value="전라북도">전라북도</option><option value="제주특별자치도">제주특별자치도</option><option value="충청남도">충청남도</option><option value="충청북도">충청북도</option></select></td>
                                            <td style=""><select name="s_sigungu" id="sigungu1" class="cs_select01" onchange="getLocation(1,2);"><option>시/구/군</option></select></td> 
                                            <td style="padding-right:0px;"><select name="s_dong" id="dong1" class="cs_select01"><option>읍/면/동</option></select></td>
                                          </tr>
                                        </tbody></table>
                                    </td>
                                  </tr>
                                  <tr>
                                    <td align="left" style="padding-bottom:5x; letter-spacing: 8px;"><b>도착지</b></td>

                                    <td style="">
                                        <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                          <tbody><tr>
                                            <td style=""><select name="e_sido" id="sido2" class="cs_select01" onchange="getLocation(2,1);"><option value="">시/도</option><option value="강원도">강원도</option><option value="경기도">경기도</option><option value="경상남도">경상남도</option><option value="경상북도">경상북도</option><option value="광주광역시">광주광역시</option><option value="대구광역시">대구광역시</option><option value="대전광역시">대전광역시</option><option value="부산광역시">부산광역시</option><option value="서울특별시">서울특별시</option><option value="세종특별자치시">세종특별자치시</option><option value="울산광역시">울산광역시</option><option value="인천광역시">인천광역시</option><option value="전라남도">전라남도</option><option value="전라북도">전라북도</option><option value="제주특별자치도">제주특별자치도</option><option value="충청남도">충청남도</option><option value="충청북도">충청북도</option></select></td>
                                            <td style=""><select name="e_sigungu" id="sigungu2" class="cs_select01" onchange="getLocation(2,2);"><option>시/구/군</option></select></td> 
                                            <td style="padding-right:0px;"><select name="e_dong" id="dong2" class="cs_select01"><option>읍/면/동</option></select></td>
                                          </tr>
                                        </tbody></table>
                                    </td>
                                  </tr>
                                  <tr>
                                    <td align="left" style=""><b>이사날짜</b></td>

                                    <td style="padding-bottom: 10px;">
										<table width="100%" border="0" cellspacing="0" cellpadding="0">
										<tr>
										<td style="padding-right:0;">
                                        <input type="text" class="datepicker1 cs_input04" name="start_date" autocomplete="none;" style="width:239px;">
										</td>
										</tr>
										</table>
                                    </td>
                                  </tr> 
                                </tbody></table>
								<div class="privacy privacybb" style="text-align:center;">
									<input type="checkbox"   id="bb" checked="checked">
									<label for="bb" style="cursor:pointer">
										개인정보수집 및 활용동의<a href="javascript:na_open_window('win', '/frame/isa/privacy.php', 0, 0, 780, 600, 0, 0, 0, 1, 1);">보기</a>
									</label>
								</div><!-- privacy -->
								<div class="stepbtn btn_ok00" onclick="nextStep(2,'frmApply');"></div>
							</div><!-- address_Box -->


							<div class="address_Box" id="basicStep2" style="margin-left:0px;">
									<table width="0" class="basicStep" border="0" cellspacing="0" cellpadding="0">
									<colgroup>
<!-- 										<col style="width:100px;"> -->
<!-- 										<col style=""> -->
									</colgroup>
                                  <tbody>
								  <tr>
                                    <td align="left" style="letter-spacing: 15px;"><b>이 름</b></td>

                                    <td style="">
                                        <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                          <tbody><tr>
                                            <td style=""><input type="text" class="cs_input04" name="customer_name" value="" placeholder="" maxlength="10" style="width:248px;"></td>
                                          </tr>
                                        </tbody></table>
                                    </td>
                                  </tr>
								  <tr>
                                    <td align="left" style=""><b>전화번호</b></td>

                                    <td style="">
                                        <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                          <tbody><tr>
											<td><select name="mobile1" class="cs_input04" style="height: 46px;">
											<option value="010">010</option>
											<option value="011">011</option>
											<option value="016">016</option>
											<option value="017">017</option>
											<option value="018">018</option>
											<option value="019">019</option>
										</select></td>
											<td style=""><input type="tel" class="cs_input04" name="mobile2" value="" placeholder="" maxlength="4"></td>
											<td style=""><input type="tel" class="cs_input04" name="mobile3" value="" placeholder="" maxlength="4"></td>
                                          </tr>
                                        </tbody></table>
                                    </td>
									</tr>
									</tbody>
									</table>
 
			<div class="privacy" style="margin-right: 20px; margin-top: 24px;">
				<input type="checkbox" name="agree" id="aa" checked="checked">
				<label for="aa" style="cursor:pointer">
					개인정보수집 및 활용동의<a href="javascript:na_open_window('win', '/frame/isa/privacy.php', 0, 0, 780, 600, 0, 0, 0, 1, 1);">보기</a>
				</label>
			</div><!-- privacy -->
<button type="submit" class="btn_sub" style="width: 400px; height: 60px; display: inline-block; top: 161px; left: 8px;"></button>
		</form>

	</div>
	<!--//  폼 끝 -->

					</div>
				</div>

			</div><!-- main_content -->



	<!-- 가입리스트 -->
	<div class="real_insu_wrap_relative">	
	<div class="real_insu_wrap">
		<div class="insu_list_area">
			<div id="realtime_calculation_list">
				<ul class="rolling">

					<li>
						
						<span class="name_new">김**</span>
						<span class="sex">010-OOOO-4292</span>
						<span class="age"><i>접수완료</i></span>
					</li>

					<li>
						
						<span class="name_new">박**</span>
						<span class="sex">010-OOOO-1564</span>
						<span class="age"><i>접수완료</i></span>
					</li>

					<li>
						
						<span class="name_new">권**</span>
						<span class="sex">010-OOOO-7668</span>
						<span class="age"><i>접수완료</i></span>
					</li>

					<li>
						
						<span class="name_new">신**</span>
						<span class="sex">010-OOOO-1298</span>
						<span class="age"><i>접수완료</i></span>
					</li>

					<li>
						
						<span class="name_new">구**</span>
						<span class="sex">010-OOOO-7232</span>
						<span class="age"><i>접수완료</i></span>
					</li>

					<li>
						
						<span class="name_new">구**</span>
						<span class="sex">010-OOOO-8786</span>
						<span class="age"><i>접수완료</i></span>
					</li>

					<li>
						
						<span class="name_new">이**</span>
						<span class="sex">010-OOOO-7550</span>
						<span class="age"><i>접수완료</i></span>
					</li>

					<li>
						
						<span class="name_new">이**</span>
						<span class="sex">010-OOOO-7541</span>
						<span class="age"><i>접수완료</i></span>
					</li>

					<li>
						
						<span class="name_new">김**</span>
						<span class="sex">010-OOOO-8821</span>
						<span class="age"><i>접수완료</i></span>
					</li>

					<li>
						
						<span class="name_new">반**</span>
						<span class="sex">010-OOOO-4541</span>
						<span class="age"><i>접수완료</i></span>
					</li>


					<li>
						
						<span class="name_new">이**</span>
						<span class="sex">010-OOOO-2256</span>
						<span class="age"><i>접수완료</i></span>
					</li>

					<li>
						
						<span class="name_new">진**</span>
						<span class="sex">010-OOOO-3302</span>
						<span class="age"><i>접수완료</i></span>
					</li>

					<li>
						
						<span class="name_new">송**</span>
						<span class="sex">010-OOOO-9084</span>
						<span class="age"><i>접수완료</i></span>
					</li>

					<li>
						
						<span class="name_new">신**</span>
						<span class="sex">010-OOOO-5009</span>
						<span class="age"><i>접수완료</i></span>
					</li>

					<li>
						
						<span class="name_new">김**</span>
						<span class="sex">010-OOOO-9921</span>
						<span class="age"><i>접수완료</i></span>
					</li>
						

					</ul></div>
		</div>
	</div>
	</div>
	<!--//실시간보험료현황--> 



						<div class="footer">
				<div class="con">
					<div class="flogo" style="display:none;"></div>
					<span class="copy_s" style="padding:20px 0; text-align: center; display:block;"> Copyrightⓒ  포장이사 비교사이트 All Rights Reserved.<a style="color:#fff;" href="javascript:na_open_window('win', '/frame/isa/privacy2.php', 0, 0, 780, 600, 0, 0, 0, 1, 1);">&nbsp;&nbsp;&nbsp;[개인정보처리방침]</a></span>
				</div>
			</div>
		</div>
	</body>
</html>

