? ob_start(); ?>
<style>
	.spon_area {width: 100%;}
	.spon_tbl {width: 100%; border-top: 2px solid #b1b1b1; border-collapse: collapse; border-spacing: 0px;}
	.spon_tbl tr {border-bottom: 1px solid #ddd;}
	.spon_tbl th, .spon_tbl td {padding: 20px; text-align: left; box-sizing: border-box;}
	.spon_tbl th {font-weight: bold; font-size: 14px; background-color: #fbfbfb;}
	.spon_tbl td {position: relative; font-size: 14px; color: #666;}
	.spon_tbl td input[type="radio"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; } 
	.spon_tbl td input[type="radio"] + label { display: inline-block; position: relative; margin-right: 25px; padding-left: 25px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } 
	.spon_tbl td input[type="radio"] + label:before { content: ''; position: absolute; left: 0; top: 0px; width: 17px; height: 17px; text-align: center; background: #fff; border: 1px solid #cacece; border-radius: 100%; box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); } 
	.spon_tbl td input[type="radio"] + label:active:before, 
	.spon_tbl td input[type="radio"]:checked + label:active:before {} 
	.spon_tbl td input[type="radio"]:checked + label:before { border-color: #adb8c0; } 
	.spon_tbl td input[type="radio"]:checked + label:after { content: ''; position: absolute; top: 5px; left: 5px; width: 9px; height: 9px; background: #6ec248; border-radius: 100%; box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3); }
	
	.spon_input {width: 100px; height: 33px; padding: 5px; border-radius: 3px; border: 1px solid #bbb; font-size: 14px; color: #666; vertical-align: top; box-sizing:border-box;}
	.spon_slct {width: 100px; height: 33px; padding: 5px; border-radius: 3px; border: 1px solid #bbb; font-size: 14px; color: #666; box-sizing:border-box;}
	
	.input_name {width: 200px;}
	.input_email_front {width: 200px;}
	.input_email_end {width: 200px;}
	.input_addr1 {background-color: #fbfbfb;}
	.input_addr2 {width: 270px; background-color: #fbfbfb; margin-top: 15px;}
	.input_addr3 {width: 270px; margin-top: 15px;}
	.amount_input_etc {vertical-align: middle; background-color:#fbfbfb;}
	.amount_info {margin-top: 10px;}
	
	.slct_year {margin-right: 11px;}
	.slct_month {margin-right: 11px;}
	.slct_day {margin-right: 11px;}
	.slct_email {width: 140px;}
	
	.spon_msg {width: 100%; height: 100px; border-radius: 3px; background-color: #fbfbfb;}
	.spon_msg_etc {width: 100%; height: 160px; border-radius: 3px; margin-bottom: 8px;}
	.spon_birth_txt {color: #28b46f; font-size: 13px;}
	
	.btn_postal {display: inline-block; width: 80px; height: 33px; border-radius: 3px; background-color: #a8a8a8; color: #fff; text-decoration: none; text-align: center; line-height: 33px;}
	.btn_postal:hover {background-color: #777;}
	
	.spon_req_btn {display: block; width: 200px; height: 60px; margin: 15px auto 0; box-sizing: border-box; background-color: #5979c2; border-radius: 3px; font-weight: bold; font-size: 17px; color: #fff; text-align: center; line-height: 60px; text-decoration: none;}
	.spon_req_btn:hover {background-color: #4464ad;}

	.spon_req_btn2 {display: block; width: 200px; height: 60px; margin: 15px auto 0; box-sizing: border-box; background-color: #5979c2; border-radius: 3px; font-weight: bold; font-size: 17px; color: #fff; text-align: center; line-height: 60px; text-decoration: none;}
	.spon_req_btn2:hover {background-color: #4464ad;}
</style>
<script src="http://code.jquery.com/jquery-3.2.1.min.js"></script>
<script>
$(function(){
  //이메일 선택
  $('.slct_email').on('change',function(){
    var val = $('.slct_email option:selected').val();
    $('.input_email_end').val(val);
  });

  //후원금액 기타 입력
  $('.amount_radio_btn').on('change',function(){
    if($('#amount_etc').is(':checked')){
      $('.amount_input_etc').attr('readonly',false);
      $('.amount_input_etc').css('background-color','#fff');
    }else{
      $('.amount_input_etc').attr('readonly',true);
      $('.amount_input_etc').css('background-color','#fbfbfb');
    }
  });

  //신청서 전송	
  $('.spon_req_btn').on('click',function(){
	  if(!$('#wr_name').val()){
		  alert('이름을 입력해주세요!');
		  $('#wr_name').focus();
		  return false;	 
	  }else if($('#slct_year option:selected').val() =='년'){
		  alert('생년월일을 선택해주세요!');
		  $('#slct_year').focus();
		  return false;
	  }else if($('#slct_month option:selected').val() =='월'){
		  alert('생년월일을 선택해주세요!');
		  $('#slct_month').focus();
		  return false;
	  }else if($('#slct_day option:selected').val() =='일'){
		  alert('생년월일을 선택해주세요!');
		  $('#slct_day').focus();
		  return false;
	  }else if($('#slct_cel_num1 option:selected').val() == '선택'){
		  alert('휴대폰번호 앞자리를 선택해주세요!');
		  $('#slct_cel_num1').focus();
		  return false;
	  }else if(!$('#slct_cel_num2').val()){
		  alert('휴대폰번호를 입력해주세요!');
		  $('#slct_cel_num2').focus();
		  return false;
	  }else if(!$('#slct_cel_num3').val()){
		  alert('휴대폰번호를 입력해주세요!');
		  $('#slct_cel_num3').focus();
		  return false;
	  }else if(!$('input:radio[name=way_rbtn]').is(':checked')){
		  alert('후원방법을 선택해주세요!');
		  return false;
	  }else if(!$('input:radio[name=amount_rbtn]').is(':checked')){
		  alert('후원금액을 선택해주세요!');
		  return false;
	  }else if(!$('input:radio[name=year_tex_rbtn]').is(':checked')){
		  alert('기부금 영수증 신청을 선택해주세요!');
		  return false;
	  }else if($("#info_agr_chk").is(":checked") == false){
		  alert('개인정보제공 동의가 체크되지 않았습니다!');
		  return false;		

	  }else{
	  }

  });
});



function jusoCallBack(roadAddrPart1,addrDetail,zipNo){
	if(roadAddrPart1!='roadAddrPart1'){
  document.getElementById('input_addr2').value = roadAddrPart1;
	document.getElementById('input_addr3').value = addrDetail;
	document.getElementById('input_addr1').value = zipNo;
  }
}
function goPopup(){
	// 주소검색을 수행할 팝업 페이지를 호출합니다.
	// 호출된 페이지(jusopopup.asp)에서 실제 주소검색URL(http://www.juso.go.kr/addrlink/addrLinkUrl.do)를 호출하게 됩니다.
	var pop = window.open("jusoPopup.php","pop","width=570,height=420, scrollbars=yes, resizable=yes");
}
</script>
<!doctype html>
<html lang="ko">
<head>
<meta charset="utf-8">
<meta http-equiv="imagetoolbar" content="no">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="title" content="시민안전교육센터" />
<meta name="keywords" content="시민, 안전, 교육, 센터" />
<meta name="description" content=" 사회의 가장 큰 문제인 안전사고를 예방하기 위해 안전 전문 강사들이 모여 안전 교육을 실시하는 시민단체" />
<title>후원 안내 | 시민안전교육협회</title>
<link rel="stylesheet" href="http://citses.or.kr/theme/basic/css/default.css?ver=171222">
<link rel="stylesheet" href="http://citses.or.kr/theme/basic/skin/outlogin/basic/style.css?ver=171222">
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
<!--[if lte IE 8]>
<script src="http://citses.or.kr/js/html5.js"></script>
<![endif]-->
<script>
// 자바스크립트에서 사용하는 전역변수 선언
var g5_url       = "http://citses.or.kr";
var g5_bbs_url   = "http://citses.or.kr/bbs";
var g5_is_member = "";
var g5_is_admin  = "";
var g5_is_mobile = "";
var g5_bo_table  = "";
var g5_sca       = "";
var g5_editor    = "";
var g5_cookie_domain = "";
</script>
<script src="http://citses.or.kr/js/jquery-1.8.3.min.js"></script>
<script src="http://citses.or.kr/js/jquery.menu.js?ver=171222"></script>
<script src="http://citses.or.kr/js/common.js?ver=171222"></script>
<script src="http://citses.or.kr/js/wrest.js?ver=171222"></script>
<script src="http://citses.or.kr/js/placeholders.min.js"></script>
<link rel="stylesheet" href="http://citses.or.kr/js/font-awesome/css/font-awesome.min.css">
</head>
<body oncontextmenu="return false;">


<!-- 상단 시작 { -->
<script>
	$(function(){
		$('.gnb_list > li').mouseenter(function(){
			$(this).find('.gnb_scd_menu').stop().slideDown('fast');
		});
		$('.gnb_list > li').mouseleave(function(){
			$(this).find('.gnb_scd_menu').stop().slideUp('fast');
		});
	});
</script>
<header class="header">
	<div class="gray_area">
		
<!-- 로그인 전 아웃로그인 시작 { -->
<div class="tnb">
	<form name="foutlogin" action="http://citses.or.kr/bbs/login_check.php" onsubmit="return fhead_submit(this);" method="post" autocomplete="off">
	<fieldset>
		<input type="hidden" name="url" value="%2Fwch%2Fsponser.php">
		<ul class="tnb_list clearfix">
			<li>
				<input type="text" class="input_id" placeholder="ID" id="ol_id" name="mb_id" required maxlength="20">
			</li>
			<li>
				<input type="password" class="input_pw" placeholder="PW" id="ol_pw" name="mb_password" id="ol_pw" required maxlength="20">
			</li>
			<li>
				<input type="submit" id="ol_submit" value="로그인" class="tnb_btn btn_login">
			</li>
			<li>
				<a href="http://citses.or.kr/bbs/register.php" class="tnb_btn btn_join">회원가입</a>
			</li>
		</ul>
	</fieldset>
	</form>
</div>

<script>
$omi = $('#ol_id');
$omp = $('#ol_pw');

function fhead_submit(f)
{
    return true;
}
</script>
<!-- } 로그인 전 아웃로그인 끝 -->
	</div>
	<div class="white_area clearfix">
		<h1 class="logo">
			<a href="http://citses.or.kr" class="link">
				<img src="http://citses.or.kr/theme/basic/img/logo.jpg" alt="시민안전교육협회" class="logo_img">
			</a>
		</h1>
		<nav class="gnb">
			<ul class="gnb_list clearfix">
				<li>
					<a href="/bbs/content.php?co_id=sub011" class="link">협회소개</a>
					<ul class="gnb_scd_menu">
						<li>
							<a href="/bbs/content.php?co_id=sub011" class="link">인사말</a>
						</li>
						<li>
							<a href="/bbs/board.php?bo_table=history" class="link">연혁</a>
						</li>
						<li>
							<a href="/bbs/content.php?co_id=sub012" class="link">조직도</a>
						</li>
						<li>
							<a href="/bbs/content.php?co_id=sub013" class="link">로고설명</a>
						</li>
						<li>
							<a href="/wch/sponser.php" class="link">후원안내</a>
						</li>
						<li>
							<a href="/bbs/content.php?co_id=sub015" class="link">오시는길</a>
						</li>
					</ul>
				</li>
				<li>
					<a href="/bbs/content.php?co_id=sub021" class="link">사업소개</a>
					<ul class="gnb_scd_menu">
						<li>
							<a href="/bbs/content.php?co_id=sub021" class="link">설립목적</a>
						</li>
						<li>
							<a href="/bbs/board.php?bo_table=business" class="link">주요사업</a>
						</li>
						<li>
							<a href="/bbs/board.php?bo_table=report" class="link">보도자료</a>
						</li>
					</ul>
				</li>
				<li>
					<a href="/bbs/content.php?co_id=sub031" class="link">교육안내</a>
					<ul class="gnb_scd_menu">
						<li>
							<a href="/bbs/content.php?co_id=sub031" class="link">교육안내</a>
						</li>
						<li>
							<a href="/bbs/content.php?co_id=sub032" class="link">교육현황</a>
						</li>
						<li>
							<a href="/bbs/content.php?co_id=sub033" class="link">강사커뮤니티</a>
						</li>
					</ul>
				</li>
				<li>
					<a href="/bbs/board.php?bo_table=gallery" class="link">자료실</a>
					<ul class="gnb_scd_menu">
						<li>
							<a href="/bbs/board.php?bo_table=gallery" class="link">갤러리</a>
						</li>
						<li>
							<a href="/bbs/board.php?bo_table=notice" class="link">공지사항</a>
						</li>
						<li>
							<a href="/bbs/board.php?bo_table=library" class="link">자료실</a>
						</li>
						<li>
							<a href="/bbs/board.php?bo_table=education" class="link">교육자료</a>
						</li>
					</ul>
				</li>
			</ul>
		</nav>
	</div>
</header>

<!-- } 상단 끝 -->

<!-- 콘텐츠 시작 { -->
<div class="main">
	<script type="text/javascript">
<!--
    function display_submenu(num) { 
         document.getElementById("mysub"+num).style.display="block";
    }
//-->
</script>

<style TYPE="text/css">
<!--
#mysubmenu ul {list-style:none; font-size:11pt; margin:0; padding:0;}
#mysubmenu .leftmenu_b {position:relative; width:1020px; height:100px; margin:0 auto; background:url("http://citses.or.kr/theme/basic/img/top_tit_img.jpg") 100% no-repeat; line-height:100px; font-size:35px; color:#fff; font-weight:bold; text-shadow:2px 2px 0px #038bbc, -2px -2px 0px #038bbc, -2px 2px 0px #038bbc, 2px -2px 0px #038bbc;}
#mysubmenu .leftmenu_s {display:inline-block; width:33.33%; padding:13px 0; font-size:14px; color:#555; font-weight:bold; border-bottom:1px solid #ddd; border-left:1px solid #ddd; box-sizing:border-box;}
#mysubmenu #mysub0 .leftmenu_s {width:16.66%;}
#mysubmenu #mysub3 .leftmenu_s {width:25%;}
#mysubmenu a {text-decoration:none;}
#mysubmenu a:last-of-type .leftmenu_s {border-right:1px solid #ddd;}
#mysubmenu a:hover .leftmenu_s {color:#c30d23;}
#mysubmenu ul.mysub_ul {font-size:0 !important;}

//-->
</style>

<div id="mysubmenu">
    


    <ul id="mysub0" style="display:none;">
        <a href="/bbs/group.php?gr_id=board_g04" target="_self" ><li class="leftmenu_b">협회소개</li></a>
            <ul class="mysub_ul">
                <a href="/bbs/content.php?co_id=sub011" target="_self" ><li class="leftmenu_s">인사말</li></a>
                            <a href="/bbs/board.php?bo_table=history" target="_self" ><li class="leftmenu_s">연혁</li></a>
                            <a href="/bbs/content.php?co_id=sub012" target="_self" ><li class="leftmenu_s">조직도</li></a>
                            <a href="/bbs/content.php?co_id=sub013" target="_self" ><li class="leftmenu_s">로고설명</li></a>
                            <a href="/wch/sponser.php" target="_self" ><li class="leftmenu_s">후원안내</li></a>
                            <a href="/bbs/content.php?co_id=sub015" target="_self" ><li class="leftmenu_s">오시는길</li></a>
            </ul>
    </ul>
    


    <ul id="mysub1" style="display:none;">
        <a href="http://www.citses.or.kr/bbs/group.php?gr_id=board_g01" target="_self" ><li class="leftmenu_b">사업소개</li></a>
            <ul class="mysub_ul">
                <a href="http://www.citses.or.kr/bbs/content.php?co_id=sub021" target="_self" ><li class="leftmenu_s">설립목적</li></a>
                            <a href="http://www.citses.or.kr/bbs/board.php?bo_table=business" target="_self" ><li class="leftmenu_s">주요사업</li></a>
                            <a href="http://www.citses.or.kr/bbs/board.php?bo_table=report" target="_self" ><li class="leftmenu_s">보도자료</li></a>
            </ul>
    </ul>
    


    <ul id="mysub2" style="display:none;">
        <a href="http://www.citses.or.kr/bbs/group.php?gr_id=board_g02" target="_self" ><li class="leftmenu_b">교육안내</li></a>
            <ul class="mysub_ul">
                <a href="http://www.citses.or.kr/bbs/content.php?co_id=sub031" target="_self" ><li class="leftmenu_s">교육안내</li></a>
                            <a href="http://www.citses.or.kr/bbs/content.php?co_id=sub032" target="_self" ><li class="leftmenu_s">교육현황</li></a>
                            <a href="http://www.citses.or.kr/bbs/board.php?bo_table=instr_comu" target="_self" ><li class="leftmenu_s">강사커뮤니티</li></a>
            </ul>
    </ul>
    


    <ul id="mysub3" style="display:none;">
        <a href="http://www.citses.or.kr/bbs/group.php?gr_id=board_g03" target="_self" ><li class="leftmenu_b">자료실</li></a>
            <ul class="mysub_ul">
                <a href="http://www.citses.or.kr/bbs/board.php?bo_table=gallery" target="_self" ><li class="leftmenu_s">갤러리</li></a>
                            <a href="http://www.citses.or.kr/bbs/board.php?bo_table=notice" target="_self" ><li class="leftmenu_s">공지사항</li></a>
                            <a href="http://www.citses.or.kr/bbs/board.php?bo_table=library" target="_self" ><li class="leftmenu_s">자료실</li></a>
                            <a href="http://www.citses.or.kr/bbs/board.php?bo_table=education" target="_self" ><li class="leftmenu_s">교육자료</li></a>
            </ul>
    </ul>
    


    <ul id="mysub4" style="display:none;">
        <a href="http://www.citses.or.kr/bbs/group.php?gr_id=community" target="_self" ><li class="leftmenu_b">커뮤니티</li></a>
                </ul>
    
</div>


        <h2 id="container_title"><span title="후원 안내">후원 안내</span></h2>
<script language='javascript'> display_submenu(0); </script>
<div class="spon_area">
	<form name="sForm" action="sponser_write.php?bo_table=sponser_apply" method="post">
	<table class="spon_tbl">
		<colgroup>
			<col style="width:20%">
			<col style="width:80%">
		</colgroup>
		<tbody>
			<tr>
				<th>구분 *</th>
				<td>
					<input type="radio" name="sort_rbtn" class="sort_radio_btn" id="sort_rbtn_indv" value="개인" checked>
					<label for="sort_rbtn_indv">개인</label>
					<input type="radio" name="sort_rbtn" class="sort_radio_btn" id="sort_rbtn_corp" value="기업">
					<label for="sort_rbtn_corp">기업</label>
					<input type="radio" name="sort_rbtn" class="sort_radio_btn" id="sort_rbtn_fori" value="외국인">
					<label for="sort_rbtn_fori">외국인</label>
				</td>
			</tr>
			<tr>
				<th>이름 *</th>
				<td>
					<input type="text" name="wr_name" id="wr_name" class="spon_input input_name">
				</td>
			</tr>
			<tr>
				<th>성별 *</th>
				<td>
					<input type="radio" name="gen_rbtn" class="gen_radio_btn" id="gen_male" value="남자" checked>
					<label for="gen_male">남자</label>
					<input type="radio" name="gen_rbtn" class="gen_radio_btn" id="gen_female" value="여자">
					<label for="gen_female">여자</label>
				</td>
			</tr>
			<tr>
				<th>생년월일 *</th>
				<td>
					<select class="spon_slct slct_year" name="slct_year" id="slct_year">
						<option>년</option>
						<option value="1914">1914</option>
<option value="1915">1915</option>
<option value="1916">1916</option>
<option value="1917">1917</option>
<option value="1918">1918</option>
<option value="1919">1919</option>
<option value="1920">1920</option>
<option value="1921">1921</option>
<option value="1922">1922</option>
<option value="1923">1923</option>
<option value="1924">1924</option>
<option value="1925">1925</option>
<option value="1926">1926</option>
<option value="1927">1927</option>
<option value="1928">1928</option>
<option value="1929">1929</option>
<option value="1930">1930</option>
<option value="1931">1931</option>
<option value="1932">1932</option>
<option value="1933">1933</option>
<option value="1934">1934</option>
<option value="1935">1935</option>
<option value="1936">1936</option>
<option value="1937">1937</option>
<option value="1938">1938</option>
<option value="1939">1939</option>
<option value="1940">1940</option>
<option value="1941">1941</option>
<option value="1942">1942</option>
<option value="1943">1943</option>
<option value="1944">1944</option>
<option value="1945">1945</option>
<option value="1946">1946</option>
<option value="1947">1947</option>
<option value="1948">1948</option>
<option value="1949">1949</option>
<option value="1950">1950</option>
<option value="1951">1951</option>
<option value="1952">1952</option>
<option value="1953">1953</option>
<option value="1954">1954</option>
<option value="1955">1955</option>
<option value="1956">1956</option>
<option value="1957">1957</option>
<option value="1958">1958</option>
<option value="1959">1959</option>
<option value="1960">1960</option>
<option value="1961">1961</option>
<option value="1962">1962</option>
<option value="1963">1963</option>
<option value="1964">1964</option>
<option value="1965">1965</option>
<option value="1966">1966</option>
<option value="1967">1967</option>
<option value="1968">1968</option>
<option value="1969">1969</option>
<option value="1970">1970</option>
<option value="1971">1971</option>
<option value="1972">1972</option>
<option value="1973">1973</option>
<option value="1974">1974</option>
<option value="1975">1975</option>
<option value="1976">1976</option>
<option value="1977">1977</option>
<option value="1978">1978</option>
<option value="1979">1979</option>
<option value="1980">1980</option>
<option value="1981">1981</option>
<option value="1982">1982</option>
<option value="1983">1983</option>
<option value="1984">1984</option>
<option value="1985">1985</option>
<option value="1986">1986</option>
<option value="1987">1987</option>
<option value="1988">1988</option>
<option value="1989">1989</option>
<option value="1990">1990</option>
<option value="1991">1991</option>
<option value="1992">1992</option>
<option value="1993">1993</option>
<option value="1994">1994</option>
<option value="1995">1995</option>
<option value="1996">1996</option>
<option value="1997">1997</option>
<option value="1998">1998</option>
<option value="1999">1999</option>
<option value="2000">2000</option>
<option value="2001">2001</option>
<option value="2002">2002</option>
<option value="2003">2003</option>
<option value="2004">2004</option>
<option value="2005">2005</option>
<option value="2006">2006</option>
<option value="2007">2007</option>
<option value="2008">2008</option>
<option value="2009">2009</option>
<option value="2010">2010</option>
<option value="2011">2011</option>
<option value="2012">2012</option>
<option value="2013">2013</option>
<option value="2014">2014</option>
<option value="2015">2015</option>
<option value="2016">2016</option>
<option value="2017">2017</option>
<option value="2018">2018</option>
<option value="2019">2019</option>
<option value="2020">2020</option>
<option value="2021">2021</option>
<option value="2022">2022</option>
<option value="2023">2023</option>
<option value="2024">2024</option>
					</select>
					<select class="spon_slct slct_month" name="slct_month"  id="slct_month">
						<option>월</option>
						<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
					</select>
					<select class="spon_slct slct_day" name="slct_day" id="slct_day">
						<option>일</option>
						<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
					</select>
					<span class="spon_birth_txt">주민등록상의 생년월일을 기재해주세요.</span>
				</td>
			</tr>
			<tr>
				<th>휴대폰번호 *</th>
				<td>
					<select class="spon_slct slct_cel_num1" name="slct_cel_num1" id="slct_cel_num1">
						<option>선택</option>
						<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="text" class="spon_input input_cel_num2" name="slct_cel_num2" id="slct_cel_num2">
					-
					<input type="text" class="spon_input input_cel_num3" name="slct_cel_num3" id="slct_cel_num3">
				</td>
			</tr>
			<tr>
				<th>이메일</th>
				<td>
					<input type="text" class="spon_input input_email_front" name="input_email_front">
					@
					<input type="text" class="spon_input input_email_end" name="input_email_end">
					<select class="spon_slct slct_email">
						<option value="">직접입력</option>
						<option value="naver.com">naver.com</option>
						<option value="hanmail.net">hanmail.net</option>
						<option value="daum.net">daum.net</option>
						<option value="nate.com">nate.com</option>
						<option value="gmail.com">gmail.com</option>
						<option value="hotmail.com">hotmail.com</option>
					</select>
				</td>
			</tr>
			<tr>
				<th>주소<br>(우편물 수령지)</th>
				<td>
					<input type="text" class="spon_input input_addr1" id="input_addr1" name="input_addr1">
					<a href="javascript:goPopup();" class="btn_postal">우편번호</a><br>
					<input type="text" class="spon_input input_addr2" id="input_addr2" name="input_addr2">
					<input type="text" class="spon_input input_addr3" id="input_addr3" name="input_addr3">
				</td>
			</tr>
			<tr>
				<th>후원방법 *</th>
				<td>
					<input type="radio" name="way_rbtn" class="way_radio_btn" id="way_account" value="계좌이체">
					<label for="way_account">계좌이체</label>
					<input type="radio" name="way_rbtn" class="way_radio_btn" id="way_no_passbook" value="무통장입금">
					<label for="way_no_passbook">무통장입금</label>
				</td>
			</tr>
			<tr>
				<th>후원금액 *</th>
				<td>
					<input type="radio" name="amount_rbtn" class="amount_radio_btn" id="amount_10" value="10,000">
					<label for="amount_10">10,000원</label>
					<input type="radio" name="amount_rbtn" class="amount_radio_btn" id="amount_20" value="20,000">
					<label for="amount_20">20,000원</label>
					<input type="radio" name="amount_rbtn" class="amount_radio_btn" id="amount_30" value="30,000">
					<label for="amount_30">30,000원</label>
					<input type="radio" name="amount_rbtn" class="amount_radio_btn" id="amount_50" value="50,000">
					<label for="amount_50">50,000원</label>
					<input type="radio" name="amount_rbtn" class="amount_radio_btn" id="amount_etc" value="기타">
					<label for="amount_etc">기타</label>
					<input type="text" name="amount_rbtn_txt" class="spon_input amount_input_etc" readonly>
					원
					<br>
					<p class="amount_info">기업은행 257-131355-01-017 시민안전교육센터</p>
				</td>
			</tr>
			<tr>
				<th>기부금 영수증 신청 *</th>
				<td>
					<p>국세청 연말정산 간소화 서비스를 이용하시겠습니까?</p>
					<input type="radio" name="year_tex_rbtn" class="year_tex_radio_btn" id="year_tex_y" value="예">
					<label for="year_tex_y">예</label>
					<input type="radio" name="year_tex_rbtn" class="year_tex_radio_btn" id="year_tex_n" value="아니오">
					<label for="year_tex_n">아니오</label>
				</td>
			</tr>
			<tr>
				<th>후원 메세지</th>
				<td>
					<textarea class="spon_msg" name="spon_msg"></textarea>
				</td>
			</tr>
			<tr>
				<td colspan="2">
					<textarea class="spon_msg_etc">
시민안전교육센터에서는 개인정보보호법에 따른 최소한의 개인정보만을 수집하고 있습니다.
개인정보를 목적 외의 용도로 이용하지 않으며 제3자에게 제공하지 않습니다.
동의를 거부할 권리가 있으며 동의 거부에 따른 불이익은 없습니다.

개인정보의 수집 이용
1. 개인정보의 수집 및 이용 목적 : 후원, 안전교육, 자원봉사에 관한 온라인상담 및 신청
2. 수집항목 : 이름, 연락처, 이메일
3. 개인정보의 보유 및 이용기간 : 회원 탈퇴후 5일이내 또는 법령에 따른 보존기간이 지나면 해당 정보를 지체없이 파기합니다.
소비자의 불만 또는 분쟁처리에 관한 기록 : 전자상거래등에서의 소비자보호에 관한 법률

개인정보 제3자 제공에 동의합니다.

개인정보 제3자 제공 동의
1. 개인정보를 제공받는 자 : 사단법인 금융결제원
2. 개인정보를 제공받는 자의 개인정보 이용 목적 : 자동이체 서비스 제공 및 자동이체 동의 사실 통지
3. 개인정보를 제공받는 자의 개인정보 보유 및 이용기간 : 동의일부터 자동이체의 종료일(해지일)까지.

신청자는 개인정보를 금융결제원에 제공하는 것을 거부할 권리가 있으며, 거부시 출금이체 신청이 거부 될 수 있습니다.

          </textarea>
					<input type="checkbox" id="info_agr_chk">
					<label for="info_agr_chk">개인정보 제공에 동의합니다.</label>
				</td>
			</tr>
		</tbody>
	</table>

		<input type="submit" value="후원신청" class="spon_req_btn" style="cursor:pointer;" OnClick="chkSubmit();">
  </form>
</div>
</div>

</div>
<!-- } 콘텐츠 끝 -->

<!-- 하단 시작 { -->
<footer class="footer">
	<p class="f_copy">Copyright &#169;2018 시민안전교육협회. All rights reserved</p>
	<address class="f_addr">서울시 서초구 논현로 87, B동 1903호 (삼호물산, 양재동) T.02)572-1163 F.02)573-1163</address>
	<p class="f_copy">POWERED BY WEBCHURCH <a href="http://citses.or.kr/bbs/content.php?co_id=privacy" class="link">[개인정보 처리방침]</a> <a href="http://citses.or.kr/bbs/content.php?co_id=collect_email" class="link">[이메일 무단수집거부]</a></p>

	<button type="button" id="top_btn"><i class="fa fa-arrow-up" aria-hidden="true"></i><span class="sound_only">상단으로</span></button>
	<script>
        $(function() {
            $("#top_btn").on("click", function() {
                $("html, body").animate({scrollTop:0}, '500');
                return false;
            });
        });
    </script>
</footer>


<!-- } 하단 끝 -->

<script>
$(function() {
    // 폰트 리사이즈 쿠키있으면 실행
    font_resize("container", get_cookie("ck_font_resize_rmv_class"), get_cookie("ck_font_resize_add_class"));
});
</script>



<!-- ie6,7에서 사이드뷰가 게시판 목록에서 아래 사이드뷰에 가려지는 현상 수정 -->
<!--[if lte IE 7]>
<script>
$(function() {
    var $sv_use = $(".sv_use");
    var count = $sv_use.length;

    $sv_use.each(function() {
        $(this).css("z-index", count);
        $(this).css("position", "relative");
        count = count - 1;
    });
});
</script>
<![endif]-->

</body>
</html>