<!doctype html>
<html lang="ko">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>어린이보험 비교사이트</title>
<meta property="og:image" content="/frame/wchild2/thumb.png">
<meta property="og:description" content="주요보험사별 보험료 가격비교 견적시스템, 모든 보험사 상품 한 눈에 비교해드립니다">
<link rel="stylesheet" href="/frame/wchild2/Img/main.css">
<link rel="stylesheet" href="/frame/wchild2/Img/reset.css">
<link rel="stylesheet" href="/frame/wchild2/Img/slick.css">
<script src="/frame/wchild2/jquery.min.js"></script>
<script src="/frame/wchild2/jquery.serializeObject.min.js"></script>
<script src="/frame/wchild2/json3.min.js"></script>
<script type="text/javascript">
	// true = 사용 false = 사용안함
	var G_userName= false; //입력받은 이름을 뿌리는 코드 
	var G_info2 = false; //info2내에 보험사 목록 뿌리는 코드 
	var G_bo_com = false; //가장 적합한 보험사 이미지나타내는 코드 
	var G_bo_pri = false; //가장 적합한 보험료 나타내는 코드 
	var i2_middle_name = false; //상단 보험사목록 월보험료 문구 표시 
	var i2_money_simbol = false; //보험료 옆에 ￦표시여부
 var i2_num=8 ;//상단 보험사목록 개수
	var G_bo_age = false; //보험나이
	var G_sang_date = false; //상령일 있을경우 0000-00-00 양식
	var G_sang_date1 = false; //상령일 0000년 00월 00일 양식일경우 
    var G_scrollTop = true; //산출시 보험상품위치로 스크롤하는기능


	var rich_token = '';
	var insuImage = [];
	console.log(insuImage);
	/*
	$(document).ready(function(){
	$.ajax({ url: "database/update.html",
			context: document.body,
			success: function(){
			   alert("done");
			}});
	});
	*/


	jQuery(function($) {

		$form = $('.pure-form');
		
		ret = RICH_token_create();
		console.log(ret);
		if( rich_token != '' ) {
			consloe.log('token not create');
		}
		
		var rich_cstSeqno = 0;

		
		// 보험료 산출
		$form.submit(function(e) {

			var $this = $(this);
			var f = this;

			if (f.agree.checked == false) {
				alert('개인정보취급방침에 동의해 주세요.');
				f.agree.focus();
				return false;
			}
			
			if (f.customer_name.value == "") {
				alert('이름을 입력해 주세요.');
				f.customer_name.focus();
				return false;
			}

			if (f.customer_birth.value == "") {
				alert('생년월일을 입력해 주세요.');
				f.customer_birth.focus();
				return false;
			}

			if (f.customer_birth.value.length < 8) {
				alert('생년월일이 8자리가 맞는지 확인해주세요.');
				f.customer_birth.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;
			}
			
			// 생년월일, 전화번호 숫자 vaildation check 필요


			//성별 추출
			var customer_sex = $('input[name="customer_sex"]:checked').val();
			//console.log(customer_sex);
			
			e.preventDefault();

			//이미지 배열 초기화
			insuImage = []; 

			var token_check = RICH_token_check();
			if( token_check == 0 ) {
				//console.log('token check false ==> token create');
				RICH_token_create();
			}

			//firstCategoryCode 
			//101=의료실비, 102=암, 104=운전자/상해, 105=연금/연금저축, 106=종신, 107=치매간병, 108=저축, 109=수술/입원비, 110=정기, 111=변액/변액연금, 112=주택화재, 113=치아, 117=신생아, 118=어린이, 130=유병자, 132=보장분석
			var mainCode			= 'A04'; 
			var firstCategoryCode='118'; 
			var customerName		= f.customer_name.value;
			var customerMobile1		= f.mobile1.value;
			var customerMobile2		= f.mobile2.value+'-'+f.mobile3.value;
			var customerBirth		= f.customer_birth.value;
			var customerSex			= f.customer_sex.value;  // 남자 1, 여자 2
			
			console.log('rich_cstSeqno : '+ rich_cstSeqno);

			RICH_api_1(rich_token, rich_cstSeqno, mainCode, firstCategoryCode, customerName, customerMobile1, customerMobile2, customerBirth, customerSex);
			//RICH_api_total(rich_token, rich_cstSeqno, mainCode, firstCategoryCode, customerName, customerMobile1, customerMobile2, customerBirth, customerSex);
		});

    });

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

</script>
<script src="/frame/wchild2/rich_api.js"></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(){
	$(".info2Img").click(function(){
		alert("좌측의 입력창을 입력해주세요.");
		$("html, body").animate({scrollTop:0},500);
		$('.form-name').focus();
	});
	  // 생년월일	birthJ 유효성 검사
	$('#customer_birth').focusout(function(){
		var dateStr = $(this).val();		
	    var year = Number(dateStr.substr(0,4)); // 입력한 값의 0~4자리까지 (연)
	    var month = Number(dateStr.substr(4,2)); // 입력한 값의 4번째 자리부터 2자리 숫자 (월)
	    var day = Number(dateStr.substr(6,2)); // 입력한 값 6번째 자리부터 2자리 숫자 (일)
	    var today = new Date(); // 날짜 변수 선언
	    var yearNow = today.getFullYear(); // 올해 연도 가져옴
		
	    if (dateStr.length == 8) {
			// 연도의 경우 1900 보다 작거나 yearNow 보다 크다면 false를 반환합니다.
		    if (1946 > year || year > yearNow){
		    	alert('1946년부터 ~ 2022년까지 입력가능합니다.');
				$('#customer_birth').val('');
				return false;
		    }else if (month < 1 || month > 12) {
		    		
		    	alert('올바른 월을 입력해주세요.');
				$('#customer_birth').val('');
				return false;
		    }else if (day < 1 || day > 31) {
		    	
		    	alert('올바른 일자를 입력해주세요.');
				$('#customer_birth').val('');
				return false;
		    }else if ((month==4 || month==6 || month==9 || month==11) && day==31) {
		    	 
				alert('생년월일을 확인해주세요');
				return false;
		    	 
		    }else if (month == 2) {
		    	 
		       	var isleap = (year % 4 == 0 && (year % 100 != 0 || year % 400 == 0));
		       	
		     	if (day>29 || (day==29 && !isleap)) {
		     		
		     		alert('생년월일을 확인해주세요');
					return false;
				}else{
					birthJ = true;
				}//end of if (day>29 || (day==29 && !isleap))
		     	
		    }else{
		    	
				birthJ = true;
			}//end of if
			
			}else{
				//1.입력된 생년월일이 8자 초과할때 :  auth:false
				return false;
			}
		}); //End of method /*
});

$(function(){
	$(".btn-header").click(function(){
		alert("하단의 입력창을 입력해주세요.");
		$("html, body").animate({scrollTop:0},500);
		$('.form-name').focus();
	});
	$(".alert5").click(function(){
		alert("상단의 입력창을 입력해주세요.");
		$("html, body").animate({scrollTop:0},500);
		$('.form-name').focus();
	});
});
</script>
<script src="/frame/wchild2/bxslider.js" type="text/javascript"></script>
<script src="/frame/wchild2/slick.js"></script>


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

<script>
	$(window).ready(function() {
		$('.rolling2').bxSlider({
			slideWidth: $('.rolling2 li').width(),
			startSlide:1,
			mode: 'horizontal',
			pager: false,
			controls:false,
			auto: true,
			minSlides:5,
			maxSlides:5,
			slideMargin: 12,
			moveSlides:1,
			infiniteLoop: true,
			autoHover: false,
			pause: 500,
			tickerHover:false,
			touchEnabled:false
		});
	});
</script>
</head>

<body>

<div id="wrap">
	<div class="container">
		<div class="header">
			<a onClick="window.location.reload()" class="logo"></a>
			<div class="btn-header"></div>	
		</div>
				<div class="header-text">
			<p class="color-text">어린이보험</p>
			<p>보험료 간단하게 비교하기!</p>
		</div>


		<div id="form-box">
			<form action="" class="pure-form" method="post" target="actionFrame" name="consult_frm">
				<div class="form-set">
					<div>
						<span class="form-all">이름</span>
						<div class="cover_box">
							<input type="text" id="customer_name" class="form-text form-all form-name" name="customer_name" value="" placeholder="예) 홍길동" maxlength="8">
							<div class="sex_cover">
								<input type="radio" name="customer_sex" value="1" id="customer_sex_men" checked="checked"><label for="customer_sex_men">남</label>
								<input type="radio" name="customer_sex" value="2" id="customer_sex_girl"><label for="customer_sex_girl">여</label>
							</div>
						</div>
					</div>
					<div><span class="form-all">생년월일</span><input type="tel" id="customer_birth" class="form-text form-all" name="customer_birth" value="" placeholder="예) 19880818" checked="checked" maxlength="8"></div>
					<div>
						<span class="form-all">연락처</span><select name="mobile1" class="form-number form-all">
							<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><input type="tel" class="form-number form-all" id="mobile2" name="mobile2" maxlength="4"><input type="tel" class="form-number form-all" id="mobile3" name="mobile3" maxlength="4">
					</div>
				</div>

				<div class="privacy">
					<input type="checkbox" checked="checked"name="agree" id="check-box" >
					<label for="check-box" class="agree-text">
						개인정보수집 및 활용동의
						<a href="javascript:window.open('privacy.php', 0, 0, 780, 600, 0, 0, 0, 1, 1);">[보기]</a>
					</label>
				</div>
				<button type="submit" class="btn_submit"></button>
			</form>
		</div><!-- form -->

		<div class="btn-box2"></div>
		
		<div class="bx-box2" style="width: 100%;">
			<div class="bx-wrapper">
				<div class="bx-viewport">
					<ul class="rolling2">
						<li><img src="/frame/wchild2/Img/1.png" alt=""></li>
						<li><img src="/frame/wchild2/Img/2.png" alt=""></li>
						<li><img src="/frame/wchild2/Img/3.png" alt=""></li>
						<li><img src="/frame/wchild2/Img/4.png" alt=""></li>
						<li><img src="/frame/wchild2/Img/5.png" alt=""></li>
						<li><img src="/frame/wchild2/Img/6.png" alt=""></li>
						<li><img src="/frame/wchild2/Img/7.png" alt=""></li>
						<li><img src="/frame/wchild2/Img/8.png" alt=""></li>
						<li><img src="/frame/wchild2/Img/9.png" alt=""></li>
						<li><img src="/frame/wchild2/Img/10.png" alt=""></li>
					</ul>
				</div>
			</div>
		</div>

		<!-- 가입리스트 -->
		<div class="bx-box">
			<div class="bx-wrapper" >
				<div class="bx-viewport" style="width: 100%; overflow: hidden; position: relative; height: 350px;">
					<ul class="rolling" style="width: auto; position: relative; transition-duration: 0s; transform: translate3d(0px, -205px, 0px);">

						<li>
							<div>
								<span class="name_new">***</span>
								<span class="sex">010-○○○○-○○○○</span>
								<span class="age"><i>접수완료</i></span>
							</div>
						</li>
						<li>
							<div>
								<span class="name_new">***</span>
								<span class="sex">010-○○○○-○○○○</span>
								<span class="age"><i>접수완료</i></span>
							</div>
						</li>
						<li>
							<div>
								<span class="name_new">***</span>
								<span class="sex">010-○○○○-○○○○</span>
								<span class="age"><i>접수완료</i></span>
							</div>
						</li>
						<li>
							<div>
								<span class="name_new">***</span>
								<span class="sex">010-○○○○-○○○○</span>
								<span class="age"><i>접수완료</i></span>
							</div>
						</li>
						<li>
							<div>
								<span class="name_new">***</span>
								<span class="sex">010-○○○○-○○○○</span>
								<span class="age"><i>접수완료</i></span>
							</div>
						</li>
						<li>
							<div>
								<span class="name_new">***</span>
								<span class="sex">010-○○○○-○○○○</span>
								<span class="age"><i>접수완료</i></span>
							</div>
						</li>
						<li>
							<div>
								<span class="name_new">***</span>
								<span class="sex">010-○○○○-○○○○</span>
								<span class="age"><i>접수완료</i></span>
							</div>
						</li>
						<li>
							<div>
								<span class="name_new">***</span>
								<span class="sex">010-○○○○-○○○○</span>
								<span class="age"><i>접수완료</i></span>
							</div>
						</li>
						<li>
							<div>
								<span class="name_new">***</span>
								<span class="sex">010-○○○○-○○○○</span>
								<span class="age"><i>접수완료</i></span>
							</div>
						</li>
						<li>
							<div>
								<span class="name_new">***</span>
								<span class="sex">010-○○○○-○○○○</span>
								<span class="age"><i>접수완료</i></span>
							</div>
						</li>
						<li>
							<div>
								<span class="name_new">***</span>
								<span class="sex">010-○○○○-○○○○</span>
								<span class="age"><i>접수완료</i></span>
							</div>
						</li>
						<li>
							<div>
								<span class="name_new">***</span>
								<span class="sex">010-○○○○-○○○○</span>
								<span class="age"><i>접수완료</i></span>
							</div>
						</li>
						<li>
							<div>
								<span class="name_new">***</span>
								<span class="sex">010-○○○○-○○○○</span>
								<span class="age"><i>접수완료</i></span>
							</div>
						</li>
						<li>
							<div>
								<span class="name_new">***</span>
								<span class="sex">010-○○○○-○○○○</span>
								<span class="age"><i>접수완료</i></span>
							</div>
						</li>
						<li>
							<div>
								<span class="name_new">***</span>
								<span class="sex">010-○○○○-○○○○</span>
								<span class="age"><i>접수완료</i></span>
							</div>
						</li>
						<li>
							<div>
								<span class="name_new">***</span>
								<span class="sex">010-○○○○-○○○○</span>
								<span class="age"><i>접수완료</i></span>
							</div>
						</li>
						<li>
							<div>
								<span class="name_new">***</span>
								<span class="sex">010-○○○○-○○○○</span>
								<span class="age"><i>접수완료</i></span>
							</div>
						</li>
						<li>
							<div>
								<span class="name_new">***</span>
								<span class="sex">010-○○○○-○○○○</span>
								<span class="age"><i>접수완료</i></span>
							</div>
						</li>
						<li>
							<div>
								<span class="name_new">***</span>
								<span class="sex">010-○○○○-○○○○</span>
								<span class="age"><i>접수완료</i></span>
							</div>
						</li>
						<li>
							<div>
								<span class="name_new">***</span>
								<span class="sex">010-○○○○-○○○○</span>
								<span class="age"><i>접수완료</i></span>
							</div>
						</li>
						<li>
							<div>
								<span class="name_new">***</span>
								<span class="sex">010-○○○○-○○○○</span>
								<span class="age"><i>접수완료</i></span>
							</div>
						</li>
						<li>
							<div>
								<span class="name_new">***</span>
								<span class="sex">010-○○○○-○○○○</span>
								<span class="age"><i>접수완료</i></span>
							</div>
						</li>
						<li>
							<div>
								<span class="name_new">***</span>
								<span class="sex">010-○○○○-○○○○</span>
								<span class="age"><i>접수완료</i></span>
							</div>
						</li>
						<li>
							<div>
								<span class="name_new">***</span>
								<span class="sex">010-○○○○-○○○○</span>
								<span class="age"><i>접수완료</i></span>
							</div>
						</li>
						<li>
							<div>
								<span class="name_new">***</span>
								<span class="sex">010-○○○○-○○○○</span>
								<span class="age"><i>접수완료</i></span>
							</div>
						</li>
						<li>
							<div>
								<span class="name_new">***</span>
								<span class="sex">010-○○○○-○○○○</span>
								<span class="age"><i>접수완료</i></span>
							</div>
						</li>
						<li>
							<div>
								<span class="name_new">***</span>
								<span class="sex">010-○○○○-○○○○</span>
								<span class="age"><i>접수완료</i></span>
							</div>
						</li>
						<li>
							<div>
								<span class="name_new">***</span>
								<span class="sex">010-○○○○-○○○○</span>
								<span class="age"><i>접수완료</i></span>
							</div>
						</li>
						<li>
							<div>
								<span class="name_new">***</span>
								<span class="sex">010-○○○○-○○○○</span>
								<span class="age"><i>접수완료</i></span>
							</div>
						</li>
					</ul>
				</div>
			</div>
		</div>


	</div>
</div>

    <div id="wrap_middle">
        <div class="mainbg_middle">
            <img src="/frame/wchild2/Img/mainbg_middle.png" alt="">
            <div class="alert5"></div>
        </div>

        <div id="insubody">
            <table id="sampleTable">
                <thead>
                </thead>
                <tbody id="sampleTbody">

                </tbody>
            </table>
        </div>
    </div>
    <div id="wrap_bottom">
		<div class="inner">
							<!-- // 숫자 카운트 -->
		<div class="count-num hide">
			<div><span id="cnum1">2,054</span><span class="num-char">명</span></div>
			<div><span id="cnum2">395</span><span class="num-char">명</span></div>
			<div><span id="cnum3">980</span><span class="num-char">명</span></div>
		</div>

		<script>
			function numberCounter(target_frame, target_number) {
				this.count = 0; this.diff = 0;
				this.target_count = parseInt(target_number);
				this.target_frame = document.getElementById(target_frame);
				this.timer = null;
				this.counter();
			};
			numberCounter.prototype.counter = function() {
				var self = this;
				this.diff = this.target_count - this.count;
			 
				if(this.diff > 0) {
					self.count += Math.ceil(this.diff / 5);
				}
				 
				this.target_frame.innerHTML = this.count.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
				 
				if(this.count < this.target_count) {
					this.timer = setTimeout(function() { self.counter(); }, 40);
				} else {
					clearTimeout(this.timer);
				}
			};
		</script>

		<script>
			var flags = true;
			window.addEventListener('scroll', function() {
				var num = 2600;
				if($(document).scrollTop()>num && flags === true) {
					new numberCounter("cnum1", 6112);
					new numberCounter("cnum2", 912);
					new numberCounter("cnum3", 2104);
					flags = false;
				}
			})
		</script>
		<!-- // 숫자 카운트 -->
		</div>
    </div>
	<div class="footer-bg"></div>

			<div class="footer">
				<div class="con">
					<div class="flogo" style=""><img src="/frame/wchild2/Img/f-logo.png" alt=""></div>
					<span class="copy_s" style="padding:15px 0;"> 
						리치-준법-2021-0924-57-광고 (2021-09-24 ~ 2022-09-23)
						<p><b>광고대행사 : 방씨기획은 페이지 제작 및 광고 대행만을 진행하며, 보험상품 판매에 직접적인 관여를 하지 않습니다. <br>
			                동 상품광고는 관련 법령 및 내부통제기준에 따른 광고 관련 절차를 준수하여 작성되었음을 안내 드립니다.</b></p>
						<p>	사업자등록번호 : 188-28-01114 / 담당자 : 김진호 </p>	
						<p>개인정보 수집자 : (주)리치앤코(Rich&Co.) / 주소 : 서울특별시 중구 세종대로9길 41, 7층 (서소문동,퍼시픽타워) (주)리치앤코(Rich&Co.) / 대표이사 : 공태식<br>
			                사업자등록번호 : 201-85-28762</p>
						<p>Copyright (c) 방씨기획 All rights reserved.<a style="color:#999; font-weight: 400; text-align:center;" href="javascript:window.open('./privacy2.php', '', 'scrollbars=yes,status=no,width=620 height=360 top=0 left=0')"" href="javascript:na_open_window('win', 'privacy2.php', 0, 0, 780, 600, 0, 0, 0, 1, 1);">&nbsp;&nbsp;&nbsp;개인정보처리방침 </a></p>
					</span>
					
				</div>
			</div>



<script>
	function getUrlParams() {
		var params = {};
		window.location.search.replace(
		/[?&]+([^=&]+)=([^&]*)/gi, 
			function(str, key, value) { params[key] = value; }
		);
		return params;
	}

	window.onload =function() {
		oParams = getUrlParams();
	}
</script>
</body>
</html>
