




<!doctype html>
<html lang="ko">
<head>
	<meta charset="utf-8">
	<meta name="naver-site-verification" content="894ba0807460988349b1e131377b26966e347fc1"/>
	<meta name="google-site-verification" content="CitaOJM4btglyBtNxZFYymBBzh3g7Pb9PxKl9YF8jDg" />
	<meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="viewport" content="width=1100">
	<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <meta property="fb:app_id" content="961578337335000" />
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://crossmap.co.kr/" />
    <meta property="og:title" content="" />
    <meta property="og:description" content="" />
    <meta property="og:image" content="https://crossmap.co.kr" />
    <title>크리스천포털 크로스맵</title>
    <link rel="shortcut icon" href="/img/shortcut_icon.png">
    <link rel="apple-touch-icon" href="/img/shortcut_icon.png">
    <link rel="apple-touch-startup-image" href="/img/shortcut_icon.png">
    <link rel="shortcut icon" href="/img/favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" type="text/css" href="/css/web/common.css"/>
    <link rel="stylesheet" type="text/css" href="/css/web/news.css?1546309261"/>
    <link rel="stylesheet" type="text/css" href="/css/web/channel.css"/>
    <link rel="stylesheet" type="text/css" href="/css/web/life.css"/>
    <link rel="stylesheet" type="text/css" href="/css/web/search.css"/>
    <script src="/js/jquery-3.3.1.min.js"></script>
    <script src="/js/web/common.js?1546309261"></script>
    <script src="/js/web/jquery.vticker.min.js"></script>
    <script src="//developers.kakao.com/sdk/js/kakao.min.js"></script>
    <script type="text/javascript" src="/smarteditor/js/HuskyEZCreator.js" charset="utf-8"></script>
	<!-- <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
	<script>
	(adsbygoogle = window.adsbygoogle || []).push({
		google_ad_client: "ca-pub-7071495522658800",
		enable_page_level_ads: true
	 });
	</script> -->
	<!-- <script type="text/javascript">
	var mobile_keys = new Array('iPhone','iPod','iPad','Android','BlackBerry','Windows Phone','Windows CE','LG','MOT','SAMSUNG','SonyEricsson','Nokia');
	if(document.URL.match('pc_screen')) mobile_keys = null;
	for(i in mobile_keys){
		if(navigator.userAgent.match(mobile_keys[i]) != null){
		location.href = "/m/";
		break;
		}
	}
	</script> -->
</head>

<body>
    




<script>
$( document ).ready(function() {
	$("#cross_weather").show();
	$('#cross_weather').vTicker();
});






var press_curr_page = 1;
function change_press_page(page){
	var total_page = "0";
	var move_page = press_curr_page + page;
	if(move_page > 0 && total_page >= move_page) {
		$("#company_page"+move_page).show();
		$("#company_page"+press_curr_page).hide();
		press_curr_page = move_page;
	}
}
var company_curr_page = 1;
function change_company_page(page){
	var total_page = "1";
	var move_page = company_curr_page + page;
	if(move_page > 0 && total_page >= move_page) {
		$("#company_page"+move_page).show();
		$("#company_page"+company_curr_page).hide();
		company_curr_page = move_page;
	}
}

function change_is_direct_type(id) {
	$("#press").hide();
	$("#category").hide();
	$("#"+id).show();
}



// 로그인
function main_login_proc(){
    if($("#main_login_member_id").val()=="") {
        alert("아이디를 입력해주세요.");
        return false;
    }
    if($("#main_login_member_pwd").val()=="") {
        alert("아이디를 입력해주세요.");
        return false;
    }

	var save_login = 'N';
	if($('input:checkbox[id="main_save_login"]').is(":checked") == true){
		save_login = $('input:checkbox[id="main_save_login"]').val()
	}

    var form_data = {
        "member_id"		: $("#main_login_member_id").val(),
        "member_pwd"    : $("#main_login_member_pwd").val(),
        "save_login"    : save_login
    };
    $.ajax({
        url: '/web/member/login_proc',
        async: false,
        type: 'POST',
        dataType: 'JSON',
        data: form_data,
        success: function (rtnJson) {
            if (rtnJson.code == "0000") {
            	if(rtnJson.msg!=''){
                    alert(rtnJson.msg);
                }
                location.href="/";
            } else {
                alert(rtnJson.msg);
                return false;
            }
        },
        error: function (rtnJson) {
            alert('로그인에 실패했습니다.');
            return false;
        }
    });
}



// This is called with the results from from FB.getLoginStatus().
function statusChangeCallback(response) {
    if (response.status === 'connected') {
        FB.api('/me', function(response) {
            if(response.id!='') {
                var form_data = {
                    "id"	        : response.id,
                    "name"	        : response.name
                };
                $.ajax({
                    url: '/web/share/facebook_login_proc',
                    async: false,
                    type: 'POST',
                    dataType: 'JSON',
                    data: form_data,
                    success: function (rtnJson) {
                        if (rtnJson.code == "0000") {
                            window.location.reload();
                        } else {
                            alert("페이스북 로그인에 실패했습니다.");
                            return false;
                        }

                    },
                    error: function (rtnJson) {
                        return false;
                    }
                });
            }


        });
    }
}

function checkLoginState() {
    window.FB.login(function(response) {
        console.log(response);
        if (response.status === 'connected') {
            statusChangeCallback(response);
        }
    });
}


window.fbAsyncInit = function() {
    FB.init({
        appId      : '961578337335000',
        cookie     : true,  // enable cookies to allow the server to access
        xfbml      : true,  // parse social plugins on this page
        version    : 'v2.8' // use graph api version 2.8
    });
};
// Load the SDK asynchronously
(function(d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return;
    js = d.createElement(s); js.id = id;
    js.src = "https://connect.facebook.net/en_US/sdk.js";
    fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));




</script>    <iframe id="kmc_mobile_auth" src="/web/comm/kmc_mobile_auth" style="width:0px;height:0px;position:absolute; top:0; left:-9999px;" ></iframe>
    


<!-- Default Statcounter code for Crossmap.co.kr
http://crossmap.co.kr -->
<script type="text/javascript">
var sc_project=10767957; 
var sc_invisible=1; 
var sc_security="0cf2c0fe"; 
</script>
<script type="text/javascript"
src="https://www.statcounter.com/counter/counter.js"
async></script>
<noscript><div class="statcounter"><a title="Web Analytics"
href="https://statcounter.com/" target="_blank"><img
class="statcounter"
src="//c.statcounter.com/10767957/0/0cf2c0fe/1/" alt="Web
Analytics"></a></div></noscript>
<!-- End of Statcounter Code -->

<script language='javascript'>
	var _AceGID=(function(){var Inf=['gtp13.acecounter.com','8080','AH5A41707571392','AW','0','NaPm,Ncisy','ALL','0']; var _CI=(!_AceGID)?[]:_AceGID.val;var _N=0;var _T=new Image(0,0);if(_CI.join('.').indexOf(Inf[3])<0){ _T.src =( location.protocol=="https:"?"https://"+Inf[0]:"http://"+Inf[0]+":"+Inf[1]) +'/?cookie'; _CI.push(Inf);  _N=_CI.length; } return {o: _N,val:_CI}; })();
	var _AceCounter=(function(){var G=_AceGID;var _sc=document.createElement('script');var _sm=document.getElementsByTagName('script')[0];if(G.o!=0){var _A=G.val[G.o-1];var _G=(_A[0]).substr(0,_A[0].indexOf('.'));var _C=(_A[7]!='0')?(_A[2]):_A[3];var _U=(_A[5]).replace(/\,/g,'_');_sc.src=(location.protocol.indexOf('http')==0?location.protocol:'http:')+'//cr.acecounter.com/Web/AceCounter_'+_C+'.js?gc='+_A[2]+'&py='+_A[4]+'&gd='+_G+'&gp='+_A[1]+'&up='+_U+'&rd='+(new Date().getTime());_sm.parentNode.insertBefore(_sc,_sm);return _sc.src;}})();
</script>
<noscript><img src='http://gtp13.acecounter.com:8080/?uid=AH5A41707571392&je=n&' border='0' width='0' height='0' alt=''></noscript>	
<!-- AceCounter Log Gathering Script End -->
    
    

<div id="user_comment_layer" style="display:none;">
	<div class="popup_wrap2_d" style=" z-index: 9998;">
		<div class="popupbox2_d" style=" width:810px;">
			<div class="popuptop3_d">
				<h3 class="p_title2"><strong><span id="user_comment_nicname"></span></strong> 님의 댓글
					<span style="padding-left:40px;"><a href="javascript:change_user_comment_content_type(3)" class="current" id="user_comment_menu3">라이프</a> | <a href="javascript:change_user_comment_content_type(1)" id="user_comment_menu1">뉴스</a> | <a href="javascript:change_user_comment_content_type(2)" id="user_comment_menu2">칼럼</a></span>
				</h3>
				<a href="javascript:change_toggle('my_comment_policy')"><span class="btn-tit">댓글운영정책</span></a>
				<span class="btn-info"><a href="javascript:change_toggle('my_comment_policy')"><img src="/img/web/btn-info.png"></a></span>
				<span class="btn-close"><a href="javascript:commonLayerClose('user_comment_layer')"><img src="/img/web/btn-close2.png"></a></span>

				<div class="delivery_info3" id="my_comment_policy" style="display:none;">
					<p class="d_info_tit" style="text-align:center; margin:10px 0">댓글운영정책</p>
					<p class="d_info_txt">크로스맵 댓글은 게시물에 대하여 자신의 생각을 말하고 남의 생각을 들으며 서로 다양한 의견을 나누는 공간입니다. 그러나 간혹 불건전한 내용을 올리시는 분들이 계셔서 건전한 인터넷문화 정착을 위해 아래와 같은 운영원칙을 적용합니다.<br><br><span style="text-decoration:underline; margin-bottom: 15px;display: inline-block;">1. 댓글의 삭제 및 제한 조치</span><br>네티즌들의 신고 또는 자제 모니터링을 통해 아래에 해당하는 내용이 포함된 댓글이 발견되면 예고없이 삭제 또는 제한 조치를 하겠습니다. <br></p>
					<table style="font-size:13px;">
					<tr>
						<td>1) 타인에 대한 욕설 또는 비방 </td>
						<td>2) 인신공격 또는 명예훼손 </td>
					</tr>
					<tr>
						<td>3) 개인정보 유출 또는 사생활 침해</td>
						<td>4) 음란성 내용 또는 음란물 링크 </td>
					</tr>
					<tr>
						<td>5) 상업적 광고 또는 사이트/홈피 홍보&nbsp;&nbsp;&nbsp;</td>
						<td>6) 불법정보 유출</td>
					</tr>
					<tr>
						delivery_info3	<td>7) 같은 내용의 반복(도배) </td>
						<td>8) 폭력 또는 사행심 조장 </td>
					</tr>
					<tr>
						<td>9) 기타 게시물 내용과 관계없는 내용</td>
						<td></td>
					</tr>
					</table>
					<br><br>
					<p class="d_info_txt"><span style="text-decoration:underline; margin-bottom: 15px;display: inline-block;">2. 댓글 작성에 대한 제한</span><br>불건전한 댓글은 발견시 별도의 통보없이 즉시 삭제 또는 제한 조치 하며 상습적 또는 위반 정도가 심한 댓글을 올리시는 분에 대해서는 일정 기간 댓글 작성에 대한 권한을 제한할 수 있습니다.<br>또한 비정상적인 패턴으로 조회, 추천, 반대 등이 발생하는 것으로 관리자 또는 시스템이 판단하는 경우 부정 클릭여부를 확인하여 해당 IP나 ID를 제재할 수 있습니다.<br>명예훼손, 개인정보유츨, 욕설 등 법률에 위반되는 댓글은 관계 법령에 의거 민형사상 처벌을 받을 수 있으니 이용에 주의를 부탁 드립니다.<br><br><span style="text-decoration:underline; margin-bottom: 15px;display: inline-block;">3. 뉴스, 칼럼 댓글함 전체공개</span><br>건전한 댓글 문화를 위하여 뉴스 및 칼럼 댓글에 한해서만 댓글모음이 전체공개됩니다. 제공되는 목록에 삭제한 댓글이나 답글은 포함되지 않습니다. <br></p>
					<div class="form-group" style="margin:20px 0; display:block; text-align:center">
						<button type="button" class="btn btn-success" style="padding:5px 20px; font-size:14px" onclick="change_toggle('my_comment_policy')"">확인</button>
					</div>
				</div>
			</div>
			<div class="popupbody3_d" >
				<div class="pop_tit">
					댓글/답글 <span class="beachblue" id="user_comment_count"></span>
					<div class="reply_sort_d">
						<span><a href="javascript:change_user_comment_sort(1)" id="user_comment_sort1">호감순</a></span>
						<span><a href="javascript:change_user_comment_sort(2)" id="user_comment_sort2" class="current">최신순</a></span>
						<span><a href="javascript:change_user_comment_sort(3)" id="user_comment_sort3">과거순</a></span>
						<span><a href="javascript:change_user_comment_sort(4)" id="user_comment_sort4">답글순</a></span>
					</div>
				</div>

				<div id="user_comment_list"></div>
				<div style="height:30px;display:none" id="user_comment_bottom"></div>
				<div class="btn btn-default btn_life" id="user_comment_more_btn">
					<a href="javascript:user_comment_list();">더보기 </a><img src="/img/web/img_replyopen.gif">
				</div>
			</div>
		</div>
	</div>
	<div class="mask" style="z-index: 9997"></div>
</div>






<!-- 댓글 신고 -->
<div id="comment_spam_layer" style="display:none;">
	<input type="hidden" name="comment_spam_idx" id="comment_spam_idx">
 	<div class="popup_wrap" style="position: fixed">
		<div class="popupbox trc" style=" width:445px; ">
			<div class="popuptop">
				<h3 class="p_title">신고하기 </h3>
				<span class="btn-close"><a href="javascript:commonLayerClose('comment_spam_layer')"><img src="/img/web/btn-close.png"></a></span>
			</div>
			<div class="popupbody">
				<dl class="bgb notice2 pd30 ft16">
					<dt>신고대상</dt>
					<dd id="comment_write_name_txt"></dd>
					<dt style="padding-top:6px;">내용</dt>
					<dd class="info_forms">
						<div class="form-group">
							<input type="text" name="spam_reason_content" id="spam_reason_content" class="form-control" placeholder="간략 내용이 들어갑니다." style="width:97%;">
						</div>
					</dd>
				</dl>
				<div class="ft18 pd30 beachblue">신고를 원하시는 이유를 선택해 주세요.</div>
				<dl class="bgb notice_list ft16">
					<dt>부적절한 홍보 게시물</dt>
					<dd><input type="radio" name="spam_reason_type" id="spam_reason_type1" value="1" checked=""></dd>
					<dt>음란성 혹은 청소년에게 유해</dt>
					<dd><input type="radio" name="spam_reason_type" id="spam_reason_type2" value="2" ></dd>
					<dt>명예훼손 혹은 저작권 침해</dt>
					<dd><input type="radio" name="spam_reason_type" id="spam_reason_type3" value="3" ></dd>
				</dl>
				<div class="form-group" style="margin:30px 0; display:block; text-align:center">
					<button type="button" class="btn btn-success br20" style="padding:10px 50px; font-size:16px" onclick="comment_spam_proc();">확인</button>
					<button type="button" class="btn btn-default_bb br20" style="padding:10px 50px; font-size:16px " onclick="commonLayerClose('comment_spam_layer')">취소</button>
				</div>
			</div>
		</div>
	</div>
	<div class="mask"></div>
</div>



<script>
// 댓글 신고
function comment_spam(idx, write_name){
	if(""=="") {
        alert("로그인 후에 이용가능합니다.");
        return;
    }

    //$("html, body").scrollTop(0);

	$("#comment_spam_layer").toggle();
	$("#comment_write_name_txt").html(write_name);
	$("#comment_spam_idx").val(idx);
	$("#spam_reason_content").val('');
	$('input:radio[name="spam_reason_type"][value="1"]').prop('checked', true);

}


function comment_spam_proc(){
	var idx = $("#comment_spam_idx").val();
	if(idx == '') {
		alert("신고하기에 실패되었습니다.");
		$("#comment_spam_layer").toggle();
		return false;
	}

	if($("#spam_reason_content").val()== '') {
		alert("신고내용을 입력해주세요.");
		return false;
	}

	var form_data = {
		"comment_idx"			: idx,
		"spam_reason_content"	: $("#spam_reason_content").val(),
		"spam_reason_type"		: $(":input:radio[name=spam_reason_type]:checked").val()

	};
	$.ajax({
        url: '/web/comm/comment_spam_proc',
        async: false,
        type: 'POST',
        dataType: 'JSON',
        data: form_data,
        success: function (rtnJson) {
            if (rtnJson.code == "0000") {
            	alert("신고되었습니다.");
				$("#comment_spam_layer").toggle();
				return false;
            } else {
                alert(rtnJson.msg);
                return false;
            }
        },
        error: function (rtnJson) {
            alert('저장에 실패했습니다.');
            return false;
        }
    });




}




</script>


<script>


var user_comment_page = 1;
var user_comment_content_type = '3';
var user_comment_write_id = '';
var user_comment_sort = '2';



$(".mask").on('click', function(event){
    $(event.target).parent().hide();

});

$('.user_replay_text').click(function(e) {
	$("#social_login").toggle();

    $(".popup_wrap").css('left','50%');
	$(".popup_wrap").css('top',popH+'px');

});

$('.user_comment_text').on('keyup', function(event) {
	var key = $(this).attr('strA');
	var len = $(this).val().length;
   	if (len >= 300) {
      	$(this).val($(this).val().substring(0, 300));
		len = 300;
   	}
   	$("#user_reply_text_count"+key).html(len+'/300');
});





// sort
function change_user_comment_sort(type){
	user_comment_sort = type;
	user_comment_page = 1;
	user_comment_list();

	$('#user_comment_sort1').toggleClass('current');
    $('#user_comment_sort2').toggleClass('current');
    $('#user_comment_sort3').toggleClass('current');
    $('#user_comment_sort4').toggleClass('current');
}


// content_type
function change_user_comment_content_type(type){
	user_comment_content_type = type;
	user_comment_page = 1;
	user_comment_list();

	$('#user_comment_menu1').removeClass('current');
    $('#user_comment_menu2').removeClass('current');
    $('#user_comment_menu3').removeClass('current');

    $('#user_comment_menu'+type).addClass('current');



}


function user_comment_list() {

	var form_data = {
		"page"          : user_comment_page,
		"content_type"  : user_comment_content_type,
		"write_id"  	: user_comment_write_id,
		"sort"  		: user_comment_sort
	};
	$.ajax({
        url: '/web/comm/user_comment_list',
        async: false,
        type: 'POST',
        dataType: 'HTML',
        data: form_data,
        success: function (rtnHtml) {
        	if(rtnHtml=='') return false;
			var arrHtml = rtnHtml.split("|||||");
			if(arrHtml[0].trim()=='0000') {
			    if(user_comment_page == 1) {
			        $("#user_comment_list").html(arrHtml[1]);
                } else {
                    $("#user_comment_list").append(arrHtml[1]);
                }
                var total_count = setComma(arrHtml[2]);
                $("#user_comment_count").html(total_count);

				if (arrHtml[3] == "N") {
					$("#user_comment_more_btn").hide();
					$("#user_comment_bottom").show();
				} else {
					$("#user_comment_more_btn").show();
					$("#user_comment_bottom").hide();
				}
				user_comment_page++;

			} else {
				alert(arrHtml[1]);
               	return false;
			}
        },
        error: function (rtnHtml) {
            alert('데이터 가져오기에 실패했습니다.');
            return false;
        }
    });
}

// 대댓글 더보기
function user_comment_reply_more(idx){
	var page = $("#user_comment_reply_page"+idx).val();
	page = parseInt(page) + 1;
	$("#user_comment_reply_page"+idx).val(page);
	user_comment_reply_list(idx, page);

}


var user_comment_reply_open_type = 1;
function user_comment_reply_open(idx){

	if(user_comment_reply_open_type ==1) {
        $("#user_comment_reply_box"+idx).css("display","block");
		user_comment_reply_list(idx, 1);

        user_comment_reply_open_type = 2;
    } else {
        $("#user_comment_reply_box"+idx).css("display","none");
        user_comment_reply_open_type = 1;
    }


}


function user_comment_reply_list(idx, page) {
	var form_data = {
		"page"      	: page,
		"sort"      	: user_comment_sort,
		"comment_idx"	: idx,
		"type"			: "user_comment"
	};
	$.ajax({
        url: '/web/comm/comment_reply_list',
        async: false,
        type: 'POST',
        dataType: 'HTML',
        data: form_data,
        success: function (rtnHtml) {
        	if(rtnHtml=='') return false;
			var arrHtml = rtnHtml.split("|||||");
			if(arrHtml[0].trim()=='0000') {
			    if(page == 1) {
			        $("#user_comment_reply_list"+idx).html(arrHtml[1]);
                } else {
                    $("#user_comment_reply_list"+idx).append(arrHtml[1]);
                }
                var total_count = setComma(arrHtml[2]);
                $("#user_comment_reply_count").html(total_count);
				console.log(arrHtml[3]);
				if (arrHtml[3] == "N") {
					$("#user_comment_reply_more_btn"+idx).hide();
				} else {
					$("#user_comment_reply_more_btn"+idx).show();
				}
			} else {
				alert(arrHtml[1]);
               	return false;
			}
        },
        error: function (rtnHtml) {
            alert('데이터 가져오기에 실패했습니다.');
            return false;
        }
    });
	$("#user_comment_reply_box"+idx).show();



}




// 대대글 달기
function user_comment_reply_add_proc(p_idx, content_idx){
	if(""=="") {
		alert("로그인 후에 이용가능합니다.");
		return;
	}

	if($("#user_comment"+p_idx).val()=="") {
		alert("댓글을 입력해주세요.");
		return;
	}

	var form_data = {
		"p_idx"					: p_idx,
		"content_idx"			: content_idx,
		"content_type"			: user_comment_content_type,
		"comment"				: $("#user_comment"+p_idx).val()
	};
	$.ajax({
        url: '/web/comm/comment_add_proc',
        async: false,
        type: 'POST',
        dataType: 'JSON',
        data: form_data,
		success: function (rtnJson) {
        	if (rtnJson.code == "0000") {
				$("#user_comment"+p_idx).val('');
				$("#user_reply_text_count"+p_idx).html('0/300');
				$("#user_comment_reply_page"+p_idx).val(1);

				user_comment_reply_list(p_idx, 1);

            } else {
                alert(rtnJson.msg);
                return false;
            }

        },
        error: function (rtnJson) {
            alert('저장에 실패했습니다.');
            return false;
        }


    });

}


function user_comment_del(idx){
	if(confirm("댓글이 삭제됩니다. 삭제하시겠습니까?") == false) {
		return false;
	}


    var form_data = {
        "idx"			: idx
    };
    $.ajax({
        url: '/web/comm/user_comment_del_proc',
        async: false,
        type: 'POST',
        dataType: 'JSON',
        data: form_data,
        success: function (rtnJson) {
            if (rtnJson.code == "0000") {
            	user_comment_page = 1;
                user_comment_list();

            } else {
                alert(rtnJson.msg);
                return false;
            }
        },
        error: function (rtnJson) {
            alert('삭제에 실패했습니다.');
            return false;
        }
    });

}


function user_reply_comment_del(idx, p_idx){
	if(confirm("댓글이 삭제됩니다. 삭제하시겠습니까?") == false) {
		return false;
	}


    var form_data = {
        "idx"			: idx
    };
    $.ajax({
        url: '/web/comm/user_comment_del_proc',
        async: false,
        type: 'POST',
        dataType: 'JSON',
        data: form_data,
        success: function (rtnJson) {
            if (rtnJson.code == "0000") {
            	user_comment_reply_list(p_idx, 1);
            } else {
                alert(rtnJson.msg);
                return false;
            }
        },
        error: function (rtnJson) {
            alert('삭제에 실패했습니다.');
            return false;
        }
    });

}



function user_comment(write_id, write_name){
	user_comment_page = 1;
	user_comment_write_id = write_id;
	user_comment_list();
	$("#user_comment_layer").show();
	$("html, body").scrollTop(0);
	if(write_name!='') {
		$("#user_comment_nicname").html(write_name);
	}
}




function copy_user_comment_url(idx){
    $('#copy_user_comment_url'+idx).select();
    try {
        document.execCommand('copy');
        alert("주소가 복사되었습니다.")
    } catch (err) {
        alert('이 브라우저는 지원하지 않습니다.')
    }
}



// 댓글 좋아요
function user_comment_like_select(type, idx){
	if(""=="") {
        alert("로그인 후에 이용가능합니다.");
        return;
    }
	var form_data = {
		"comment_idx"			: idx,
		"type"					: type
	};
	$.ajax({
        url: '/web/comm/comment_like_proc',
        async: false,
        type: 'POST',
        dataType: 'JSON',
        data: form_data,
        success: function (rtnJson) {
            if (rtnJson.code == "0000") {
            	var like_count 	= setComma(rtnJson.data.like_count);
            	var bad_count 	= setComma(rtnJson.data.bad_count);
				$("#comment_like1_"+idx).html(like_count);
				$("#comment_like2_"+idx).html(bad_count);

            } else {
                alert("저장에 실패했습니다.");
                return false;
            }
        },
        error: function (rtnJson) {
            alert('저장에 실패했습니다.');
            return false;
        }
    });

}

function logout_advice(){
	alert("로그아웃 후에 이용해주세요.");
	return false;
}
</script>

	<!-- 회원가입 step 1 -->
<div id="member_join1_layer" style="display:block;">
    <div class="popup_wrap">
        <div class="popupbox trc" style=" width:445px; ">
            <div class="popuptop2 ">
                <span class="logo"><img src="/img/web/logo_sm.jpg" alt="logo"></span>
                <span class="tt">크리스천 기독 종합 포털</span>
            </div>

            <div class="popupbody">
                <div class="ft16 bgt" style="padding:30px 0 20px; color:#868686;" >원하시는 가입 유형을 선택해 주세요.</div>
                <div class="form-group" style="margin:10px 0 10px 0; display:block; text-align:center">
                    <button type="button" onclick="crossmap_join();" class="btn br5 m_email" >크로스맵 계정 만들기 </button>
                </div>
                <div class="b_bottom">이미 가입하셨나요? <span class="b_login"><a href="javascript:commonLayerClose('member_join1_layer');commonLayerOpen('login_layer');">로그인하기</a></span></div>
            </div>
        </div>
    </div>
    <div class="mask"></div>
</div>
<!--// 회원가입 step 1 -->

<form name="join_form" id="join_form" method="post" action="/web/member/member_join_proc" enctype="multipart/form-data">
<input type="hidden" name="social_id" id="social_id">
<input type="hidden" name="is_mobile_auth" id="is_mobile_auth">
<input type="hidden" name="mobile_CI" id="mobile_CI">
<input type="hidden" name="email_check" id="email_check">
<input type="hidden" name="member_gender" id="member_gender">
<input type="hidden" name="is_under14" id="is_under14">
<input type="hidden" name="is_use_id" id="is_use_id">
<input type="hidden" name="member_name" id="member_name">
<input type="hidden" name="sns_profile_img" id="sns_profile_img">
<!-- 회원가입 step 2 -->
<div id="member_join2_layer" style="display:none;">
    <div class="popup_wrap">
        <div class="popupbox" style=" width:445px; ">
            <div class="popuptop2 ">
                <span class="logo"><img src="/img/web/logo_sm.jpg" alt="logo"></span>
                <span style="float:right; padding-right:40px;">크리스천 기독 종합 포털</span>
            </div>

            <div class="popupbody">
                <div class="form-group" style="margin:0 0 20px 0; display:block; text-align:center">
                    <button class="btn btn-default_bb" style="padding:10px 40px; font-size:16px;width:100%;cursor: default" disabled>회원가입</button>
                </div>
                <div class="popup_policy2">
                    <h3>서비스 이용약관 동의 (필수) <span class="checks" style="float:right"><input type="checkbox" id="agree1" name="agree1" value="Y"><label for="agree1"></label></span></h3>
                    <textarea rows="4">제 1 조 (목적)
이 이용약관(이하 “본 약관”이라 합니다)은 크로스맵에서 제공하는 인터넷 서비스를 이용함에 있어 회원과 크로스맵의 권리 의무 및 책임사항 규정함을 목적으로 합니다.

제 2 조 (용어의 정의)
1) &quot;회원&quot;이란 본 이용약관에 동의하고 크로스맵에 개인정보를 제공하여 회원 등록한자를 말합니다.
2) “비회원”이란 회원에 가입하지 않고 사이트가 제공하는 서비스를 이용하는 자를 말합니다.
3) “사이트”, “서비스”란 회사가 회원들에게 인터넷 관련 서비스를 제공하기 위하여 컴퓨터 정보통신설비를 이용하여 구축한 http://www.crossmap.co.kr을 말합니다.
4) 본 약관에서 사용하는 용어 중 정하지 아니한 것은, 관계법령 및 크로스맵이 정하는 바에 따르며, 그 외에는 일반 관례를 따릅니다.

제 3 조 (약관의 명시와 개정) 
1) 본 약관은 사이트 하단 이용약관 링크를 통해 언제든지 확인하실 수 있습니다. 
2) 크로스맵은 합리적인 사유가 발생할 경우 관련 법령에 위배되지 않는 범위에서 본 약관을 개정할 수 있습니다.
3) 개정된 약관은 사이트를 통해 공지함으로써 효력을 발휘합니다. 공지는 사이트 첫화면 공지사항에 적용일자 7일전부터 적용일자까지 공지합니다.

제 4 조 (회원가입 및 ID부여) 
1) 사이트가 제시한 회원가입 철차에 따라, 본 약관에 동의한다는 의사표시를 한 후 가입 양식에 정보를 기입함으로서 회원가입을 신청합니다. 
2) 회원가입의 성립 시기는 사이트 회원가입 정보입력단계에서 &amp;lt;가입하기&gt; 버튼을 누른 시점으로 합니다.
3) 크로스맵은 회원에 대하여 약관에 정하는 바에 따라 사이트 회원 ID를 부여합니다. 회원 ID는 원칙적으로 변경이 불가하며 부득이한 사유로 인하여 변경 하고자 하는 경우에는 해당 ID를 해지하고 재가입해야 합니다.
4) ID는 본인실명으로 발급하는 것을 원칙으로 합니다. 
5) 회원은 등록사항에 변경이 있는 경우, 회원정보수정 페이지를 통하여 변경사항을 정정하여 기재하여야 합니다.
6) 크로스맵은 사이트에 회원 가입을 신청한 회원 중 다음 각호에 해당하는 회원은 회원등록을 허락하지 않습니다.

- 등록내용에 허위, 기재누락, 오기가 있는 경우 
- 가입신청자가 복음주의 교단 총회 및 이단 연구 관련 단체에서 이단으로 판정 받은 단체에 소속된 자일 경우
- 가입신청자가 이단으로 판정 받은 단체의 교리 및 견해를 신뢰하고 추종하는 자일 경우 
- 본 약관 제5조에 의하여 회원자격을 상실한 자로서, 3년이 경과되지 아니한 경우
(단, 이단 관련하여 회원자격을 상실한 자는 복음주의 교단에 개종한 사실이 명확하게 밝혀지기 전까지는 재가입을 불허합니다.)

제 5 조 (회원 탈퇴 및 자격 상실 등) 
회원은 크로스맵에 언제든지 회원정보수정 페이지의 아이디(ID)삭제 를 통해서 탈퇴를 요청할 수 있으며 갓피플은 즉시 회원탈퇴를 처리합니다. 

회원이 다음 각호의 사유에 해당하는 경우, 크로스맵은 회원자격을 제한 및 정지, 탈퇴시킬 수 있습니다.

1) 가입 신청시에 등록내용을 허위로 기록한 경우 
2) 다른 회원들의 사이트 이용을 방해하거나, 각 서비스 운영원칙을 따르지 않고 운영질서를 어지럽히는 경우 
3) 법령 위반 또는 외설적인 내용으로 미풍양속에 위배되거나, 공공질서에 저해하는 행위를 하는 경우 
4) 복음주의 교단 총회 및 이단 연구 관련 단체에서 이단으로 판정 받은 단체에 소속되어 있거나, 이단 단체 의 교리, 견해 및 그 단체와 관련한 내용을 유포, 링크하는 경우
5) 이단시비와 관련된 내용을 유포, 링크하는 것으로 인해 크로스맵 인터넷 서비스의 본연의 목적과 취지에 위배되는 경우
6) 크로스맵의 합법적인 동의 없이 영리를 추구할 목적으로 사이트를 이용하는 경우 
7) 크로스맵이 회원 자격을 제한·정지 시킨 후, 동일한 행위가 2회 이상 반복되거나 30일 이내에 그 사유가 시정되지 아니하는 경우 
8) 타인의 ID와 비밀번호를 무단으로 도용한 경우
9) 사이트 내에서 컴퓨터 바이러스 프로그램을 유포하는 경우
10) 크로스맵 및 회원, 제3자의 지적재산권을 침해하는 경우 

제 6 조 (회원의 개인정보보호) 
1) 크로스맵은 회원으로 가입하는 시점에서 이름, 생년월일, 메일, 전화번호 등을 개인정보로 수집합니다. 
2) 크로스맵은 관련법령이 정하는 바에 따라서 회원 등록정보를 포함한 회원의 개인정보를 보호하기 위하여 노력합니다. 단, 크로스맵의 공식 사이트 이외의 링크된 사이트에서는 크로스맵의 개인정보취급방침이 적용되지 않습니다. 또한 회원은 비밀번호 등이 타인에게 노출되지 않도록 철저히 관리해야 하며 크로스맵은 회원의 귀책사유로 인해 노출된 정보에 대해서 책임을 지지 않습니다.
3) 회원의 개인정보보호에 관해서는 관련법령 및 크로스맵이 정하는 “개인정보취급방침”에 정한 바에 의합니다.
4) 크로스맵은 다음과 같은 경우 법이 허용하는 범위 내에서 회원의 개인정보를 제3자에게 제공할 수 있습니다.
- 수사기관이나 기타 정부기관으로부터 정보제공을 요청받은 경우
- 회원의 법령 또는 약관의 위반을 포함하여 부정행위 확인 등의 정보보호 업무를 위해 필요한 경우
- 기타 법률에 의해 요구되는 경우 

제 7 조 (회원에 대한 통지) 
1) 크로스맵이 회원에 대한 통지를 하는 경우, 회원이 크로스맵에 제출한 메일주소, 핸드폰번호(SMS문자)로 할 수 있습니다. 
2) 크로스맵은 불특정다수 회원에 대한 통지의 경우 1주일이상 사이트 해당 게시판에 게시함으로서 개별 통지에 갈음할 수 있습니다. 

제 8 조 (서비스의 내용) 
크로스맵은 사이트를 통해 다음과 같은 서비스를 제공합니다.
1) 기독검색 서비스
2) 컨텐츠 서비스 
3) 기타 크로스맵이 개발하거나 다른 크로스맵, 사역 단체와 제휴하여 제공하는 일체의 서비스

제 9 조 (서비스 이용계약의 성립) 
크로스맵이 사이트에 제시한 회원가입 철차에 따라, 본 약관에 동의하여 &amp;lt;동의합니다&gt; 버튼을 누르고, 회원정보 입력 후 &amp;lt;가입하기&gt; 버튼을 누르면, 크로스맵 서비스(http://www.crossmap.co.kr)에서 제공하는 모든 서비스 이용에 동의하는 것으로 인정합니다.

제 10 조 (서비스 이용시간) 
1) 크로스맵의 업무상 혹은 기술상 특별한 이유가 없는 한 크로스맵에서 제공하는 서비스는 365일, 1일 24시간 지속적으로 이용할 수 있습니다.
2) 크로스맵은 시스템 정기점검, 증설 및 교체를 위해 크로스맵이 정한 날이나 시간에 서비스를 일시 중단할 수 있으며, 예정되어 있는 작업으로 인한 서비스 일시 중단은 사이트를 통해 사전에 공지합니다.
3) 크로스맵은 긴급한 시스템 점검, 증설 및 교체, 설비의 장애,, 서비스 이용의 폭주, 국가비상사태, 정전 등 부득이한 사유가 발생한 경우 사전 예고 없이 일시적으로 서비스의 전부 또는 일부를 중단할 수 있습니다.

제 11 조 (서비스 이용 제한) 
크로스맵은 회원이 서비스 이용내용에 있어서 본 약관 제 5조를 위반하거나, 다음 각 호에 해당하는 경우 서비스 이용, 제한 , 초기화, 이용계약 해지 및 기타 해당 조치를 할 수 있습니다. 

- 공공질서 및 미풍양속에 위반되는 저속, 음란한 내용 또는 타인의 명예나 프라이버시를 침해할 수 있는 내용의 정보, 문장, 도형, 음향, 동영상을 전송, 게시, 메일 또는 기타의 방법으로 타인에게 유포하는 행위
- 다른 이용자를 희롱 또는 위협하거나, 특정 이용자에게 지속적으로 고통 또는 불편을 주는 행위
- 정보통신윤리위원회등 관련 공공기관의 시정 요구가 있는 경우
- 약관을 포함하여 회사가 정한 제반 규정을 위반하거나 범죄와 결부된다고 객관적으로 판단되는 등 제반 법령을 위반하는 행위

제 12 조 (서비스의 중단) 
1) 크로스맵은 컴퓨터 등 정보통신설비의 보수점검, 교체 및 고장, 통신의 두절 등의 사유가 발생한 경우에는 서비스의 제공을 일시적으로 중단할 수 있습니다. 
2) 새로운 서비스로의 교체등 기타 크로스맵이 적절하다고 판단하는 합리적인 사유의 경우 현재 제공되는 서비스를 완전히 중단할 수 있습니다.
3) 서비스 중단의 경우에 크로스맵은 제7조에 정한 방법으로 회원에게 사전 통지합니다. 단, 크로스맵이 통제할 수 없는 사유로 인한 서비스의 중단(시스템 관리자의 고의, 과실이 없는 디스크 장애, 시스템다운 등)으로 인하여 사전 통지가 불가능한 경우에는 그러하지 아니합니다. 

제 14 조 (크로스맵의 의무) 
1) 크로스맵은 법령과 이 약관이 금지하거나 미풍양속에 반하는 행위를 하지 않으며 이 약관이 정하는 바에 따라 지속적이고, 안정적으로 서비스를 제공하는 데 최선을 다하여야 합니다. 
2) 크로스맵은 계속적이고 안정적인 서비스의 제공을 위하여 설비에 장애가 생기거나 멸실된 때에는 부득이한 사유가 없는 한 지체 없이 이를 수리 또는 복구합니다.
3) 크로스맵은 회원이 안전하게 사이트를 이용할 수 있도록 회원의 개인정보(신용정보 포함)보호를 위한 보안 시스템을 구축합니다. 

제 15 조 (회원의 의무) 
1) 회원은 회원가입 신청 또는 회원정보 변경시 모든 사항을 사실에 근거하여 본인의 진정한 정보로 작성하여야 하며, 허위 또는 타인의 정보를 등록할 경우 이와 관련된 모든 권리를 주장할 수 없습니다.
2) 회원은 약관에서 규정하는 사항과 기타 크로스맵이 정한 제반 규정, 공지사항등 크로스맵이 공지하는 사항 및 관계 법령을 준수하여야 하며, 기타 크로스맵의 업무에 방해가 되는 행위, 크로스맵의 명예를 손상시키는 행위, 타인에게 피해를 주는 행위를 해서는 안 됩니다.
3) 회원은 주소, 연락처, 전자우편 주소 등 이용계약 사항이 변경된 경우에 회원정보수정을 거쳐 변경된 내용을 알려야 합니다.
4) 회원은 크로스맵의 사전 승낙 없이 서비스를 이용하여 영업활동을 할 수 없으며, 그 영업 활동의 결과에 대해 크로스맵은 책임을 지지 않습니다. 또한 회원은 이와 같은 영업 활동으로 크로스맵이 손해를 입은 경우, 회원은 크로스맵에 대해 손해배상의무를 지며, 크로스맵은 해당 회원에 대해 서비스 이용제한 및 적법한 절차를 거쳐 손해배상 등을 청구 할 수 있습니다. 
5) 회원은 크로스맵의 명시적 동의가 없는 한 서비스의 이용권한, 기타 이용계약상의 지위를 타인에게 양도, 증여할 수 없으며, 이를 담보로 제공할 수 없습니다.
6) 회원은 크로스맵 및 제 3자의 지적 재산권을 포함한 제반 권리를 침해하거나 제 5조 각 호에 해당하는 행위를 해서는 안 됩니다. 

제 16 조 (광고게재 및 광고주와의 거래) 
1) 크로스맵이 회원에게 서비스를 제공할 수 있는 서비스 투자기반의 일부는 광고게재를 통한 수익으로부터 나옵니다. 회원은 서비스 이용시 노출되는 광고게재에 대해 동의합니다. 
2) 크로스맵은 서비스 상에 게재되어 있거나 서비스를 통한 광고주의 판촉활동에 회원이 참여하거나 교신 또는 거래를 함으로써 발생하는 손실과 손해에 대해 책임을 지지 않습니다. 

제 17 조 (게시물) 
1) 게시물이라 함은 회원이 서비스를 이용하면서 게시판 글, 댓글, 사진, 동영상, 각종 파일과 링크 등을 말합니다.
2) 회원이 서비스에 등록하는 게시물 등으로 인하여 본인 또는 타인에게 손해나 기타 문제가 발생하는 경우 회원은 이에 대한 책임을 지게 되며, 크로스맵은 이에 대하여 책임을 지지 않습니다. 
3) 크로스맵은 다음 각 호에 해당하는 게시물 등을 회원의 사전 동의 없이 임시게시 중단, 수정, 삭제, 이동 또는 등록거부 등의 관련 조치를 취할 수 있습니다. 
- 타인에 대한 인신공격성 발언, 저속한 표현 등을 사용한 경우
- 복음주의 교단 총회 및 이단 연구 관련 단체에서 이단으로 판정 받은 단체의 교리, 견해 및 그 단체와 관련한 내용을 유포, 링크하는 경우
- 이단시비와 관련된 내용을 유포, 링크하는 것으로 인해 크로스맵 인터넷 서비스의 본연의 목적과 취지에 위배되는 경우
- 외설적인 내용으로 미풍양속에 위배되거나, 공공질서에 저해하는 내용을 유포, 링크하는 경우
- 영리를 목적으로 하는 광고일 경우 
- 범죄와 결부된다고 객관적으로 인정되는 내용일 경우 
- 크로스맵을 포함한 다른 회원 또는 제 3자의 저작권 등 기타 권리를 침해하는 내용인 경우 
- 크로스맵에서 규정한 게시물 원칙에 어긋나거나, 게시판 성격에 부합하지 않는 경우
- 기타 관계법령에 위반되는 경우

제 18 조 (저작권의 귀속 및 이용제한) 
1) 크로스맵이 작성한 저작물에 대한 저작권 및 기타 지적재산권은 크로스맵에 귀속합니다. 
회원은 사이트를 이용함으로써 얻은 정보를 크로스맵의 사전 승낙 없이 복제, 송신, 출판, 배포, 방송 기타 방법에 의하여 영리목적으로 이용하거나 제3자에게 이용하게 하여서는 안 됩니다. 
2) 게시물(회원이 사이트에 등록한 글, 댓글, 사진, 동영상, 각종 파일 등)에 대한 권리와 책임은 회원에게 있습니다. 크로스맵은 회원의 동의 없이 게시물을 영리적 목적으로 사용하지 않습니다.

제 19 조 (분쟁해결) 
1) 크로스맵은 회원이 제기하는 정당한 의견이나 불만을 반영하고 그 피해를 적극적으로 처리합니다.
2) 크로스맵은 회원으로부터 제출되는 불만사항 및 의견은 우선적으로 그 사항을 처리합니다. 다만, 신속한 처리가 곤란한 경우에는 회원에게 그 사유와 처리일정을 즉시 통보합니다. 

제 20 조 (손해배상) 
크로스맵은 서비스가 무료로 운영되는 동안에는 서비스 이용과 관련하여 크로스맵의 고의, 과실에 의한 것이 아닌 한 회원에게 발생한 어떠한 손해에 관해서도 책임을 지지 않습니다.

제 21 조(면책조항) 
1) 천재지변 등 불가항력에 의한 서비스 중단 및 회원이 올린 데이타의 유실 혹은 손상시 크로스맵은 책임이 면제됩니다.
2) 크로스맵은 회원이 게재한 정보의 사실여부, 정확도 등 내용에 대해서는 책임이 면제됩니다.
3) 서비스 이용과 관련하여 회원에게 발생한 손해 중 회원의 고의, 과실에 의한 손해에 대하여 책임이 면제 됩니다.
4) 크로스맵은 회원이 서비스를 이용하여 기대하는 수익을 상실한 것에 대하여 책임을 지지 않으며 그밖에 서비스를 통하여 얻은 자료로 인한 손해에 관하여 책임이 면제됩니다.

제 22 조(재판권 및 준거법) 
1) 크로스맵과 회원간에 발생한 전자거래 분쟁에 관한 소송은 크로스맵 운영사 소재지 관할법원에 제기합니다. 
2) 크로스맵과 회원간에 제기된 전자거래 소송에는 한국법을 적용합니다. 

- 부칙 - 
본 이용약관이 법령, 정책 또는 크로스맵의 합리적인 이유에 의해 내용의 추가, 삭제 및 수정이 있을 시에는 변경사항의 시행일의 7일 전부터 크로스맵 사이트의 공지사항을 통하여 고지할 것 입니다.

1. 본 약관은 2018년 5월 16일부터 적용됩니다.
2. 본 약관의 적용일자 이전 가입자 또한, 본 약관의 적용을 받습니다.</textarea>
                    <h3>개인정보 취급방침 동의 (필수) <span class="checks" style="float:right"><input type="checkbox" id="agree2" name="agree2" value="Y"><label for="agree2"></label></span></h3>
                    <textarea rows="4">크로스맵은 회원 여러분의 개인 정보 보호를 중요하게 생각합니다. 회원 여러분이 크로스맵에서 제공하는 서비스를 이용함에 회원의 개인정보가 보호받을 수 있도록 아래의 개인정보 취급방침을 준수합니다.

크로스맵의 개인보호 취급방침을 읽으시고 서비스를 이용하는 동안 회원의 개인 정보가 어떻게 보호되는지 이해하시고 참고해주시기 바랍니다. 또한 개인정보 취급방침은 정부의 법률 및 지침 변경이나 크로스맵 내부의 방침에 따라 내용이 변경될 수 있습니다. 본 내용에 대해선 회원 여러분은 언제든지 사이트 하단의 개인정보 취급방침 소개 페이지를 통하여 열람할 수 있습니다.

1. 개인정보 수집에 대한 동의 
2. 개인정보의 수집 및 이용목적
3. 수집하는 개인정보 항목 및 수집방법
4. 개인정보의 보유 및 이용기간 
5. 개인정보의 파기절차 및 방법
6. 개인정보의 공유 및 제공
7. 개인정보 취급위탁 업무 내용
8. 비회원 고객 개인정보 보호
9. 개인정보 자동수집장치의 설치/운영 및 거부
10. 개인정보보호를 위한 기술적/제도적 관리
11. 이용자 및 법정대리인의 권리와 그 행사방법
12. 개인정보보호문의 및 개인정보관리책임
13. 크로스맵 고객센터 안내

- 부칙 - 


1. 개인정보 수집에 대한 동의
크로스맵은 회원의 개인정보 수집에 대하여 동의를 받고 있으며, 사이트 회원가입 절차 중 약관동의(이용약관 및 개인정보취급방침) 절차를 마련해 두고 있습니다.


2. 개인정보의 수집 및 이용목적
1) 회원관리

크로스맵은 크리스천들을 위한 놀이터를 지향하는 온라인 공간으로 건전한 모임이 지속 될 수 있도록 회원제로 운영되고 있습니다.

이에 회원관리, 개인식별, 이용약관 위반 회원에 대한 이용제한 조치 등을 위한 목적으로 수집된 개인정보가 이용됩니다. 만14세 미만 아동 개인정보 수집 시 법정 대리인 동의여부 확인, 분쟁 조정을 위한 기록보존, 불만처리 등을 위해서 사용됩니다.


2) 서비스 제공 및 정산

맞춤형 컨텐츠, 맞춤형 서비스 제공 등... 서비스 계약사항을 진행하기 위해 수집됩니다.


3) 서비스 운영 및 개발에 활용

사이트 운영 통계 관련 정보, 회원들의 접속 빈도등 서비스 활성화 및 개발을 위해 통계 자료들이 수집됩니다.


3. 수집하는 개인정보 항목 및 수집방법
크로스맵은 이용자들이 회원서비스를 이용하기 위해 회원으로 가입할 때 서비스 제공을 위한 필수적인 정보들을 사이트를 통해 입력 받고 있습니다.


1) 수집하는 개인정보 항목

- 회원가입

필수항목 : 아이디, 비밀번호, 성명, 생년월일, 성별, 메일주소, 휴대폰번호 가 수집됩니다.

만14세미만 어린이는 회원가입시 부모님(법정대리인)의 동의를 받고 있으며 아이디, 비밀번호, 성명, 생년월일, 성별, 휴대폰번호(부모명의)가 수집되며 메일주소는 선택적으로 받고 있습니다.

- 추가정보입력

선택항목으로 출석교회, 지역(동), 담임목사 정보를 받고 있습니다. 

- 서비스 이용시 발생하는 항목

IP Address, 쿠키, 방문 일시, 서비스 이용 기록, 불량 이용 기록, 기기정보

- 고객문의, 맞춤 서비스 등 부가 서비스와 이벤트 응모시 수집되는 항목

메일주소, 휴대폰번호, 상품 배송을 위한 주소, 모바일 문의 처리를 위한 스마트폰 OS버전 정보 등


2) 개인정보 수집방법

- 회원가입시 사이트 입력 양식을 통해

- 사이트 운영 관련 통계 정보는 웹프로그램을 통해

- 고객문의, 제휴문의, 이벤트시 입력받는 정보는 입력 양식 또는 문의 메일등을 통해


4. 개인정보의 보유 및 이용기간
개인정보는 제공받은 목적이 달성되면 파기합니다. 단 아래와 같은 이유를 위해 명시한 기간 동안 보존합니다.


1) 회사 방침에 의한 정보보유 사유

- 크로스맵 사이트 목적에 맞지 않는 가입 및 이용에 대한 기록

보존 항목 : 아이디, 이름, 휴대폰번호, 메일주소, IP주소, 쿠키, 기기정보
보존 이유 : 부정 가입 및 이용 방지
보존 기간 : 3년


2) 관련 법령에 의한 정보보유 사유


- 소비자의 불만 또는 분쟁처리에 관한 기록

보존 이유 : 전자상거래 등에서의 소비자보호에 관한 법률
보존 기간 : 3년


- 웹사이트 방문기록

보존 이유 : 통신비밀보호법
보존 기간 : 3개월


5. 개인정보의 파기절차 및 방법
개인정보를 제공받은 목적이 달성된 경우에 수집된 개인의 정보는 파기됩니다.


1) 파기절차

- 회원가입 및 서비스 등을 위해 입력한 정보는 이용목적이 달성된 후에는 파기됩니다. 
- 단, 회사 방침 및 관련 법령에 의해 정보보유 사유에 해당 하는 개인정보의 경우 명시한 기간이후에 파기됩니다.


2) 파기방법

- 종이에 출력된 개인정보는 문서세단기로 파쇄합니다. 
- 전자적 형태로 저장된 개인정보는 재생할 수 없는 방법에 의해 하드디스크에서 완전히 삭제되며 어떠한 용도로도 열람 또는 이용할 수 없도록 처리됩니다.


6. 개인정보의 공유 및 제공
크로스맵은 회원의 동의가 있거나 법률의 규정에 의한 경우를 제외하고는 어떠한 경우에도 ‘2. 개인정보의 수집 및 이용목적’에서 고지한 범위에서 넘어 회원의 개인정보를 이용하거나 타인 또는 타기업, 기관에게 제공하지 않습니다. 다만, 아래의 경우에는 예외로 합니다.


1) 법령에 정해진 규정에 의거하거나, 수사상의 목적으로 관련 기관의 요구가 있을 경우

2) 사이트 운영을 위한 데이터로 Google Analytics(애널리틱스)에서 쿠키를 활용하게 하는 경우


7. 개인정보 취급위탁 업무 내용

수탁자: 서울신용평가정보(주)
위탁사용 및 목적: 회원가입 서비스 이용에 따른 본인확인(핸드폰 인증, i-PIN 인증, 범용 공인 인증 등)
보유 및 이용기간: 본인확인 기관으로 이미 보유하고 있는 개인정보이기 때문에 별도로 저장하지 않음


8. 개인정보 자동수집장치의 설치/운영 및 거부
크로스맵은 회원들에게 적합하고 보다 유용한 서비스를 제공하기 위해서, 회원의 정보를 저장하고 수시로 불러오는 쿠키(Cookie)를 사용합니다.

쿠키(Cookie)란? 사이트에 접속시 자동으로 서버가 회원의 컴퓨터 브라우저에게 보내는 소량의 텍스트 파일로서 회원들의 컴퓨터에 저장됩니다.


1) 쿠키 사용 목적

회원들이 방문한 크로스맵의 각 서비스와 웹 사이트들에 대한 방문 및 이용형태, 보안접속 여부, 접속빈도, 방문횟수, 이용자 규모 등을 파악하여 이용자에게 최적화된 맞춤형 정보를 제공하기 위해 사용합니다.


2) 쿠키 수집을 거부하는 방법

회원들은 쿠키 설치에 대한 선택권을 가지고 있습니다. 따라서 회원들은 웹 브라우저에서 옵션을 설정함으로써 모든 쿠키를 허용하거나, 쿠키가 저장될 때마다 확인을 거치거나, 모든 쿠키의 저장을 거부할 수도 있습니다. 다만 쿠키 설치를 거부할 경우 웹 사용이 불편해지며 로그인이 필요한 일부 서비스 이용에 어려움이 있을 수 있습니다.


설정 방법의 예

- Internet Explorer : 웹 브라우저 상단의 도구 메뉴 &gt; 인터넷 옵션 &gt; 개인정보 &gt; 설정

- Chrome : 웹 브라우저 우측의 설정 메뉴 &gt; 화면 하단의 고급 설정 표시 &gt; 개인정보의 콘텐츠 설정 버튼 &gt; 쿠키


9. 개인정보보호를 위한 기술적/제도적 관리
크로스맵은 회원들의 개인정보를 취급함에 있어 개인정보가 분실, 도난, 누출, 변조 또는 훼손되지 않도록 안전성 확보를 위하여 다음과 같은 기술적 대책을 강구하고 있습니다.


- 크로스맵은 개인정보 및 인증정보를 송수신할때는 웹서버에 SSL(Secure Socket Layer) 인증서를 설치하여 정보를 보고 하고 있습니다.

- 불법적인 해킹방지를 위해 자체 첨단 방화벽을 설치하여 운영하고 있으며 접속 로그분석 및 실시간 바이러스 감시시스템이 운영중입니다.

- 개인정보 취급 직원을 최소한으로 제한하고 담당직원에 대한 수시 교육을 통하여 본 정책의 준수를 강조하고 있으며, 문제가 발견될 경우 바로 시정조치하고 있습니다.


11. 이용자 및 법정대리인의 권리와 그 행사방법
- 이용자 및 법정대리인은 언제든지 자신의 개인정보를 조회하고 수정할 수 있습니다.

- 또한 개인정보 제공에 관한 동의철회/회원가입해지를 요청할 수 있습니다.

- 만 14세 미만 어린이의 법정대리인은 어린이의 개인정보 열람, 정정, 동의철회를 요청할 수 있습니다.

- 이용자가 개인정보의 오류에 대한 정정을 요청하신 경우에는 정정을 완료하기 전까지 개인정보를 이용 또는 제공하지 않습니다. 혹시 잘못된 개인정보를 제3 자에게 이미 제공한 경우에는 정정 처리결과를 제3자에게 지체 없이 통지하여 정정이 되도록 하겠습니다.


권리행사방법

개인정보 조회/수정 : 로그인 후, 사이트 상단 ‘내정보’ 클릭하여 조회 및 수정 가능

회원탈퇴 : 로그인 후, 사이트 상단 ‘내정보’ 클릭후 ‘계정삭제’에서 회원탈퇴 가능


12. 개인정보보호문의 및 개인정보관리책임자
크로스맵은 회원의 개인정보를 보호하고 개인정보와 관련한 불만을 처리하기 위하여 개인정보관리책임자를 두고 있습니다. 회원의 개인정보와 관련한 문의사항이 있으시면 아래의 개인정보관리책임자 또는 개인정보관리담당자에게 연락주시기 바랍니다.

개인정보 관리담당자 

이 름 : 장지동팀장

전 화 : 02-929-8341 

이메일 : crossmapkr@gmail.com


크로스맵은 회원님의 문의사항 및 불만사항을 신속히 처리하여 답변 드리도록 하겠습니다.
개인정보에 관한 상담이 필요하시면 정부에서 운영중인 아래의 기관에서 도움을 받으실 수 있습니다.


- 개인정보 침해신고센터 (http://privacy.kisa.or.kr, 전화 국번없이 118 )

- 대검찰청 사이버수사과 (http://www.spo.go.kr, 전화 국번없이 1301 )

- 경찰청 사이버안전국 (http://www.ctrc.go.kr, 전화 국번없이 182 )


13. 크로스맵 고객센터 안내
크로스맵은 회원님들의 민원사항 처리를 위해 고객센터를 운영하고 있으며 운영현황과 연락처는 다음과 같습니다.


- 근무시간 : 평 일 09:00~18:00 (일요일 및 공휴일은 휴무)

- 고객센터 : 02-929-8341 (일반전화)

- 기타문의 : 크로스맵 고객센터 [ 바로가기 &gt;]


- 부칙 -
본 개인정보취급방침이 법령. 정책 또는 보안기술의 변경에 따라 내용의 추가. 삭제 및 수정이 있을 시에는 변경사항의 시행일의 7일 전부터 크로스맵 사이트의 공지사항을 통하여 고지할 것 입니다.

·개인정보취급방침 수정고지 : 2018년 5월 16일
·개인정보취급방침 시행일자 : 2018년 5월 16일</textarea>
                    <h3>개인정보 수집 및 이용 동의 (필수) <span class="checks" style="float:right"><input type="checkbox" id="agree3" name="agree3" value="Y"><label for="agree3"></label></span></h3>
                    <textarea rows="4">1. 개인정보 수집에 대한 동의

크로스맵은 회원가입을 통하여 개인정보를 수집하고 있습니다. 
또한 크로스맵은 회원님의 개인정보 수집에 대하여 동의를 받고 있으며, 사이트 회원가입 절차 중 약관동의(이용약관 및 개인정보취급방침) 절차를 마련해 두고 있습니다. 
회원님께서 [동의합니다] 버튼을 클릭하시면 개인정보 수집에 대해 동의한 것으로 봅니다.</textarea>
                </div>
                <div class="trc" style="font-size:13px;">'다음'버튼을 누르시면 본 정책에 모두 동의하는 것입니다. </div>
                <div class="form-group" style="margin:30px 0; display:block; text-align:center">
                    <button type="button" class="canceljoin btn  br5" onclick="commonLayerClose('member_join2_layer');commonLayerOpen('member_join1_layer');">뒤로가기 </button>
                    <button type="button" onclick="policy_agreement()" class="next btn br5">다음 </button>
                </div>
            </div>
        </div>
    </div>
    <div class="mask"></div>
</div>
<!--// 회원가입 step 2 -->

<!-- 회원가입 step 3 -->
<div id="member_join3_layer" style="display:none;">
<div class="popup_wrap">
    <div class="popupbox" style=" width:445px; ">
        <div class="popuptop2 ">
            <span class="logo"><img src="/img/web/logo_sm.jpg" alt="logo"></span>
            <span style="float:right; padding-right:40px;">크리스천 기독 종합 포털</span>
        </div>

        <div class="popupbody">
            <div class="info_forms">
                <div id="crossmap_join">
                    <div class="form-group">
                        <label style="margin-top:0 !important; float:left">아이디<span class="form_info" style="padding-left:34px">5~20자의 영문 대 소문자, 숫자와 (_),(-)만 사용 가능합니다.</span></label>
                        <input type="text" class="form-control" name="member_id" id="member_id" placeholder="아이디를 입력해주세요." style="width:279px; float:left"> <span style="float:left;padding: 10px 3px;"></span>
                        <button type="button" class="btn btn-default br5" style="width: 70px;text-align: center;float: left;height: 42px;padding-left: 7px;" onclick="member_overlap_check();">중복확인</button>
                    </div>
                    <div class="form-group">
                        <label>비밀번호<span class="form_info" style="padding-left:34px">6-16자 영문 대 소문자, 숫자, 특수 문자를 사용하세요</span></label>
                        <input type="password" id="member_pwd" name="member_pwd" class="form-control mybutton_off" placeholder="비밀번호를 입력해주세요(6자 이상)"  onkeyup="member_pwd_check(this);" style="width:97%; ">
                        <input type="password" id="re_member_pwd" name="re_member_pwd" class="form-control mybutton_off" placeholder="비밀번호를 한번 더 입력해주세요." onkeyup="member_pwd_check(this);" style="width:97%; margin-top:10px;">
                    </div>
                </div>
                <div class="form-group">
                    <label>성별 </label>
                    <button type="button" class="btn btn-default br5" id="gender_btn1" onclick="member_gender_select(1);" style="width:177px; margin-top:10px; margin-right:7px;padding:9px " >남자 </button>
                    <button type="button" class="btn btn-default br5" id="gender_btn2" onclick="member_gender_select(2);" style="width:177px; margin-top:10px; padding:9px " >여자  </button>
                </div>
                <div class="form-group">
                    <label>생년월일</label>
                    <span class="slct" style="width:100px;">
                       <select id="birth_year" name="birth_year" onchange="birth_change()">
                           <option value="">출생연도 </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>
                                           </select>
                    </span>
                    <span class="slct" style="width:73px;">
                       <select id="birth_month" name="birth_month" onchange="birth_change()">
                           <option value="">월</option>
                                                <option value="01">1</option>
                                                <option value="02">2</option>
                                                <option value="03">3</option>
                                                <option value="04">4</option>
                                                <option value="05">5</option>
                                                <option value="06">6</option>
                                                <option value="07">7</option>
                                                <option value="08">8</option>
                                                <option value="09">9</option>
                                                <option value="10">10</option>
                                                <option value="11">11</option>
                                                <option value="12">12</option>
                                           </select>
                    </span>
                    <span class="slct" style="width:73px;">
                       <select id="birth_day" name="birth_day" onchange="birth_change()">
                           <option value="">일</option>
                                                <option value="01">1</option>
                                                <option value="02">2</option>
                                                <option value="03">3</option>
                                                <option value="04">4</option>
                                                <option value="05">5</option>
                                                <option value="06">6</option>
                                                <option value="07">7</option>
                                                <option value="08">8</option>
                                                <option value="09">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>
                    <span class="slct" style="width:80px;">
                       <select id="member_calendar" name="member_calendar">
                           <option value="1">양력</option>
                           <option value="2">음력</option>
                       </select>
                    </span>
                </div>

            </div>
            <!-- 만 14세 미만 -->
            <div id="under14_form" style="display: none;">
                <div class="form-group" style="margin:10px 0;">
                    <p style="font-size:13px; color:#ff2c2c; padding-bottom:10px;">만 14세 미만의 어린이는 보호자 동의가 필요합니다. </p>
                    <button type="button" class="next btn br5" style="width:97%" disabled>보호자 모바일폰 인증</button>
                </div>
                <div class="info_forms" style="margin-bottom:50px">
                    <div class="form-group">
                        <input type="text" name="parent_name" id="parent_name" class="form-control" placeholder="보호자 이름" style="width:97%;">
                    </div>
                    <div class="form-group">
                        <span class="slct" style="font-size:16px;margin-top:10px;width:87px;margin-right: 3px;">
                           <select id="parent_mobile_company" name="parent_mobile_company">
                               <option value="">선택 </option>
                               <option value="SKT">SKT </option>
                               <option value="KT">KT </option>
                               <option value="LGU+">LGU+ </option>
                           </select>
                        </span>
                        <input type="text" name="parent_mobile" id="parent_mobile" class="form-control" placeholder=" 휴대전화번호('숫자만'입력)" style="padding:0px 0; font-size:16px;margin-top:10px;width:207px;">
                        <button type="button" class="btn btn-default_bb br5 mobile_auth_btn" style="padding:9px 0; font-size:16px;margin-top:10px;width:60px;" onclick="parent_mobile_auth()">인증 </button>
                    </div>

                    <div class="form-group" style="margin:10px 0;">
                        <p style="font-size:13px; padding-bottom:10px;">인증비용은 크로스맵에서 부담합니다. </p>
                        <p style="font-size:13px; padding-bottom:10px;color:#ff2c2c; ">만 14세미만 회원인 경우, 가입 후 부모명의 인증 휴대폰번호의 변경이 불가한 점, 양해 부탁 드리겠습니다. </p>
                    </div>
                     <div class="form-group">
                        <input type="text" name="under14_member_name" id="under14_member_name" class="form-control" placeholder="본인 이름" style="width:97%;">
                    </div>
                    <div class="form-group" style="margin-top:10px;">
                        <input type="text" class="form-control" name="under14_member_email" id="under14_member_email" placeholder="본인확인 이메일" style="width:75%;float:left; margin-right:5px;"">
                        <button type="button" onclick="under14_email_overlap_check();" class="btn btn-default br5" style="width: 70px;text-align: center;float: left;height: 42px;padding-left: 11px;">중복확인  </button>
                    </div>


                    <div class="form-group" style="margin:20px 0 30px;  text-align:center">
                        <button type="button" class="btn btn-success br5" style="padding: 15px 40px;font-size: 16px; width: 100%;" onclick="under14_member_join();"><span class="current">가입하기 </span></button>
                    </div>
                </div>
            </div>
            <!--// 만 14세 미만 -->
            <!-- 만 14세 이상 -->
            <div id="more14_form">
                <div class="form-group" style="margin:30px 0; text-align:center">
                    <button type="button" class="canceljoin btn  br5" onclick="commonLayerClose('member_join3_layer');commonLayerOpen('member_join2_layer');" >뒤로가기</button>
                    <button type="button" class="next btn br5" onclick="member_join_next();">다음 </button>
                </div>
            </div>

        </div>
    </div>
</div>
<div class="mask"></div>
</div>
<!--// 회원가입 step 3 -->


<!-- 회원가입 step 4 -->
<div id="member_join4_layer" style="display:none;">

    <div class="popup_wrap">
    <div class="popupbox" style=" width:445px; ">
        <div class="popuptop2 ">
            <span class="logo"><img src="/img/web/logo_sm.jpg" alt="logo"></span>
            <span style="float:right; padding-right:40px;">크리스천 기독 종합 포털</span>
        </div>

        <div class="popupbody">
            <div class="info_forms">
                            <div class="info_header">
                    <div class="profile_add_photo">
                        <input type="file" id="member_img" name="member_img" onChange="readURL(this)" />
					    <label for="member_img"></label>
                        <span class="camera"><img src="/img/web/img_camera2.png"></span>
                    </div>
                </div>
                            <div class="form-group">
                    <label>이메일</label>
                    <input type="text" class="form-control" id="email1" name="email1" style="width:95px; float:left"> <span style="float:left;    padding: 10px 3px; ">@</span>
                    <input type="text" class="form-control" id="email2" name="email2" style="width:60px; float:left">
                    <span class="slct" style="width:80px; margin-left:10px;">
                       <select id="email_select" name="email_select" style="color:#fc5252; padding-left:0" onchange="email_change(this.value);">
                           <option value="naver.com">naver.com </option>
                           <option value="daum.net">daum.net </option>
                           <option value="nate.com">nate.com </option>
                           <option value="gmail.com">gmail.com </option>
                           <option value="" selected>직접입력 </option>

                       </select>
                    </span>
                    <button type="button" onclick="email_overlap_check();" class="btn btn-default br5" style="width: 70px;text-align: center;float: left;height: 42px;padding-left: 11px;">중복확인  </button>
                </div>
                <div class="form-group">
                    <label>모바일폰 </label>
                    <span class="slct" style="width:70px;">
                        <select id="country_phone_no" name="country_phone_no">
                            <option value="+82">+82 </option>
                        </select>
                    </span>
                    <span class="slct" style="width:76px;">
                        <select id="mobile1" name="mobile1">
                            <option value="">선택 </option>
                            <option value="010">010 </option>
                            <option value="011">011 </option>
                            <option value="016">016 </option>
                            <option value="017">017 </option>
                            <option value="019">019 </option>
                        </select>
                    </span>
                    <input type="text" class="form-control" style="width:49px" id="mobile2" name="mobile2">
                    <input type="text" class="form-control" style="width:49px; text-align:center;" id="mobile3" name="mobile3">
                    <button type="button" class="btn btn-default br5 mobile_auth_btn"  style="width:70px;padding:10px" onclick="mobile_auth();">본인인증</button>
                    <p style="font-size:13px; padding-bottom:0px;">인증비용은 크로스맵에서 부담합니다. </p>
                </div>

                <div class="form-group">
                    <label>추가정보 <span class="church">출석교회(선택)</span></label>
                                        <input type="text" class="form-control" name="member_church" id="member_church" placeholder="교회명" style="width:120px;">
                                                            <input type="text" class="form-control" id="etc1" name="etc1" placeholder="지역(동)" style="width:120px;">
                                                             <input type="text" class="form-control" id="etc2" name="etc2" placeholder="담임목사" style="width:90px;">
                                    </div>

                
                <div class="form-group" style="margin:30px 0; display:block; text-align:center">
                    <button type="button" class="canceljoin btn  br5" onclick="commonLayerClose('member_join4_layer');commonLayerOpen('member_join3_layer');">뒤로가기</button>
                    <button type="button" class="next btn br5" onclick="member_join();">가입완료 </button>
                </div>

            </div>

        </div>
    </div>
    </div>
    <div class="mask"></div>
</div>
<!--// 회원가입 step 4 -->
</form>



<!-- 로그인 -->
<div id="login_layer" style="display:none;">
<div class="popup_wrap">
    <div class="popupbox" style=" width:445px; ">
        <div class="popuptop2 ">
            <span class="logo"><img src="/img/web/logo_sm.jpg" alt="logo"></span>
            <span style="float:right; padding-right:40px;">크리스천 기독 종합 포털</span>
        </div>
        <div class="popupbody">
            <form name="login_form" id="login_form" method="post" action="/web/member/login_proc">
            <div class="p_login">
                <fieldset>
                    <div class="input_box">
                        <input type="text" name="login_member_id" id="login_member_id" class="int" placeholder="아이디를 입력하세요.">
                    </div>
                    <div class="input_box">
                        <input type="password" name="login_member_pwd" id="login_member_pwd" class="int" placeholder="비밀번호를 입력하세요"  onkeypress="if( event.keyCode==13 ){login_proc();}">
                    </div>

                </fieldset>
                <div class="chk_id_login">
                    <input type="checkbox" name="save_login" id="save_login" value="Y" style="margin-right:5px;">로그인 상태 유지
                    <span style="float:right;"><a href="javascript:commonLayerClose('login_layer');commonLayerOpen('find_id_layer');">아이디</a>/ <a href="javascript:commonLayerClose('login_layer');commonLayerOpen('find_pwd_layer');">비밀번호 찾기</a><span><img src="/img/web/mypage_bar.gif" alt="" style="padding:0 8px;"></span><a href="javascript:commonLayerClose('login_layer');commonLayerOpen('member_join1_layer');">회원가입</a></span>
                </div>
            </div>

            <div class="form-group" style="margin:10px 0 20px 0; padding-bottom: 20px; display:block; text-align:center">
                <button type="button" class="btn br5 m_email" onclick="login_proc();" >로그인  </button>
            </div>
            </form>
        </div>
    </div>

</div>
<div class="mask"></div>
</div>
<!--// 로그인 -->




<div id="pw_3month_auto_change_fin" style="display:none;">
    <div class="popup_wrap">
		<div class="popupbox" style=" width:445px; ">
			<div class="popuptop  trc">
				<h3 class="p_title">비밀번호 변경 완료</h3>
				<span class="btn-close"><a href="/"><img src="/img/web/btn-close.png"></a></span>
			</div>
			<div class="popupbody">
				<div class="bgb trc" style="padding:30px 0 20px;">
					<span class="ft24" style="margin-top: 5px;color: #606060;display: inline-block;">비밀번호가 변경되었습니다.</span>
				</div>
				<div class="ft18 trc" style="padding: 20px 0; width: 90%; margin: 0 auto;">
					<span class="beachblue">비밀번호 변경</span>에 따른 안내
				</div>
				<dl class="pw_table">
					<dt>아이디</dt>
					<dd><div id="cp_member_id"></div></dd>
					<dt>이메일</dt>
					<dd><div id="cp_member_email"></div></dd>
					<dt>변경일시</dt>
					<dd><div id="cp_now_date"></div></dd>
					<dt>다음 변경 권고일</dt>
					<dd><div id="cp_next_change_date"></div></dd>
				</dl>
				<div class="trc f14" style="padding-top:30px;">
					비밀번호를 다시 변경하시려면 로그인 후 <span class="beachblue" style="text-decoration:underline">내정보관리</span><br>
메뉴를 이용해주세요.
				</div>
				<div class="form-group bgt" style="margin:30px 0 40px 0; display:block; text-align:center; padding-top:30px;">
					<button type="button" class="btn btn-success br20" style="padding:7px 40px; font-size:16px" onclick="location.href='/'">로그인하기</button>
				</div>
			</div>
		</div>
	</div>
	<div class="mask1"></div>
</div>


<!-- 아이디 찾기 -->
<div id="find_id_layer" style="display:none;">
    <div class="popup_wrap">
		<div class="popupbox trc" style=" width:445px; ">
			<div class="popuptop">
				<h3 class="p_title">아이디 찾기 </h3>
				<span class="btn-close"><a href="javascript:commonLayerClose('find_id_layer');"><img src="/img/web/btn-close.png"></a></span>
			</div>
			<div class="popupbody">
				<div class="ft18 pd30 beachblue">원하시는 방식을 선택해 주세요.</div>
				<dl class="bgb notice_list ft16">
					<dt>본인확인 이메일로 인증</dt>
					<dd><input type="radio" name="find_id_type" id="find_id_type2" value="2" checked></dd>
					<dt>본인명의 휴대전화로 인증</dt>
					<dd><input type="radio" name="find_id_type" id="find_id_type3" value="1"></dd>

				</dl>
				<div class="form-group" style="margin:30px 0; display:block; text-align:center">
					<button type="button" class="btn btn-success br20" style="padding:10px 50px; font-size:16px" onclick="find_id_type_select();">확인</button>
					<button type="button" onclick="commonLayerClose('find_id_layer');" class="btn btn-default_bb br20" style="padding:10px 50px; font-size:16px">취소</button>
				</div>
			</div>
		</div>
	</div>
	<div class="mask">
	</div>
</div>
<!--// 아이디 찾기 -->



<div id="find_id_email_layer" style="display:none;">
    <div class="popup_wrap">
		<div class="popupbox" style=" width:445px; ">
			<div class="popuptop  trc">
				<h3 class="p_title">아이디 찾기</h3>
				<span class="btn-close"><a href="javascript:commonLayerClose('find_id_email_layer');"><img src="/img/web/btn-close.png"></a></span>
			</div>
			<div class="popupbody">
				<div class="ft16 bgb trc" style="padding:30px 0 20px;">본인확인 이메일로 인증</div>
				<div style="padding:20px 0">가입시 입력한 이메일 주소와 해당 이메일에 맞는 본인 이름을 작성해주시기 바랍니다.</div>
				<div class="info_forms">
					<div class="form-group">
						<input type="text" class="form-control" placeholder="이름" name="find_id_name" id="find_id_name" style="width:97%;">
					</div>
					<div class="form-group">
						<input type="text" class="form-control" placeholder="이메일 주소 " name="find_id_email" id="find_id_email" style="margin-top:10px; width:270px;">
						<button type="button" class="btn btn-default br5" style="padding:9px 0; font-size:16px;margin-top:10px;width:80px;" onclick="find_id_email_proc();">인증 </button>
					</div>
					<div class="form-group">
						<input type="text" name="find_id_auth_key" id="find_id_auth_key" class="form-control" placeholder="인증번호 숫자 6자리" style="margin-top:10px; width:97%;">

					</div>
					<div style="padding:10px 0 10px 15px; text-decoration:underline;"><a href="javascript:find_id_email_proc();" style="color:#898989">인증번호가 오지 않나요?</a></div>
					<div style=" border: 1px solid #ccc; border-radius:5px; padding:10px; font-size:12px;">
						메일이 스팸 메일로 분류된 것은 아닌지 확인해 주세요. 스팸 메일함에도 메일이 없다면, 다시 한 번 ‘인증을 눌러주세요.
					</div>
				</div>
				<div class="form-group bgt" style="margin:30px 0 30px 0; display:block; text-align:center; padding-top:30px;">
					<button type="button" class="btn btn-success br20" style="padding:7px 40px; font-size:16px;" onclick="find_id_email_auth_proc();">확인 </button>
				</div>
			</div>
		</div>
	</div>
	<div class="mask">
	</div>
</div>




<!-- 비밀번호 찾기 -->
<div id="find_pwd_layer" style="display:none;">
    <div class="popup_wrap">
		<div class="popupbox trc" style=" width:445px; ">
			<div class="popuptop">
				<h3 class="p_title">비밀번호 찾기 </h3>
				<span class="btn-close"><a href="javascript:commonLayerClose('find_pwd_layer')"><img src="/img/web/btn-close.png"></a></span>
			</div>
			<div class="popupbody">
				<div class="ft18 pd30 beachblue">원하시는 방식을 선택해 주세요.</div>
				<dl class="bgb notice_list ft16">
					<dt>모바일폰 인증으로 찾기</dt>
					<dd><input type="radio" name="find_password_type" id="find_password_type1" value="1"></dd>
					<dt>이메일 인증으로 찾기</dt>
					<dd><input type="radio" name="find_password_type" id="find_password_type2" value="2" checked></dd>
				</dl>
				<div class="form-group" style="margin:30px 0; display:block; text-align:center">
					<button type="button" class="btn btn-success br20" style="padding:10px 50px; font-size:16px" onclick="find_password_type_select();">확인</button>
					<button type="button" class="btn btn-default_bb br20" style="padding:10px 50px; font-size:16px " onclick="commonLayerClose('find_pwd_layer')">취소</button>
				</div>
			</div>
		</div>
	</div>
	<div class="mask">
	</div>
</div>
<!--// 비밀번호 찾기 -->


<div id="find_pwd_fin_layer" style="display:none;">
    <div class="popup_wrap">
		<div class="popupbox trc" style=" width:445px; ">
			<div class="popuptop">
				<h3 class="p_title">비밀번호 찾기 </h3>
				<span class="btn-close"><a href="javascript:commonLayerClose('find_pwd_fin_layer');"><img src="/img/web/btn-close.png"></a></span>
			</div>
			<div class="popupbody">
				<div class="ft16" style="padding-top:48px;font-size:20px;">인증된 메일  </div>
				<div class="ft16" style="padding: 15px 0; font-size:20px;"><span class="beachblue" id="find_pwd_email_text"></span></div>
				<div class="ft16" style="padding: 15px 0; font-size:20px;"><br>로 변경된 임시비밀번호 정보를 <br>발신하였습니다.<br><br>회원님의 소중한 개인정보 보호를 위해</div>
				<div class="ft16" style="padding: 15px 0; font-size:20px;">지금 꼭! 비밀번호를 변경하신 후,<br>로그인 하시기 바랍니다. </div>
				<div class="form-group" style="margin:30px 0 60px; display:block; text-align:center">
					<button type="button" class="btn btn-success br20" style="padding:7px 40px; font-size:16px" onclick="commonLayerClose('find_pwd_fin_layer');commonLayerOpen('login_layer');"><span class="current">로그인하기</span></button>
				</div>
			</div>
		</div>
	</div>
	<div class="mask"></div>
</div>      


<div id="find_pwd_email_layer" style="display:none;">
    <div class="popup_wrap">
		<div class="popupbox" style=" width:445px; ">
			<div class="popuptop  trc">
				<h3 class="p_title">비밀번호 찾기</h3>
				<span class="btn-close"><a href="javascript:commonLayerClose('find_pwd_email_layer');"><img src="/img/web/btn-close.png"></a></span>
			</div>
			<div class="popupbody">
				<div class="ft16 bgb trc" style="padding:30px 0 20px;">본인확인 이메일로 인증</div>
				<div style="padding:20px 0">가입시 입력한 이메일 주소와 해당 이메일에 맞는 본인 이름을 작성해주시기 바랍니다.</div>
				<div class="info_forms">
					<div class="form-group">
						<input type="text" class="form-control" placeholder="아이디" name="find_pwd_id" id="find_pwd_id" style="width:97%;">
					</div>
					<div class="form-group">
						<input type="text" class="form-control" placeholder="이메일 주소 " name="find_pwd_email" id="find_pwd_email" style="margin-top:10px; width:97%;">
					</div>
					<div style=" border: 1px solid #ccc; border-radius:5px; padding:10px; margin-top:10px; font-size:12px;">
						메일이 스팸 메일로 분류된 것은 아닌지 확인해 주세요.
					</div>
				</div>
				<div class="form-group bgt" style="margin:30px 0 30px 0; display:block; text-align:center; padding-top:30px;">
					<button type="button" class="btn btn-success br20" style="padding:7px 40px; font-size:16px;" onclick="find_pwd_email_proc();">확인 </button>
				</div>
			</div>
		</div>
	</div>
	<div class="mask">
	</div>
</div>


<div id="find_id_fin_layer" style="display:none;">
    <div class="popup_wrap">
		<div class="popupbox trc" style=" width:445px; ">
			<div class="popuptop">
				<h3 class="p_title">아이디 찾기 </h3>
				<span class="btn-close"><a href="javascript:commonLayerClose('find_id_fin_layer');"><img src="/img/web/btn-close.png"></a></span>
			</div>
			<div class="popupbody">
				<div class="ft16" style="padding-top:48px; font-size:20px;">회원님의 아이디는</div>
				<div class="ft20  beachblue" style="font-size:25px; padding: 15px 0;" id="find_id_text">abcd</div>
				<div class="ft16" style="font-size:20px;">입니다. </div>
				<div class="form-group" style="margin:30px 0 50px; display:block; text-align:center">
					<button type="button" class="btn btn-success br20" style="padding:7px 40px; font-size:16px" onclick="commonLayerClose('find_id_fin_layer');commonLayerOpen('login_layer');"><span class="current">로그인 하기</span></button>
				</div>
			</div>
		</div>
	</div>
	<div class="mask"></div>
</div>




<script>
$(document).ready(function() {

});

$(".mask").on('click', function(event){
    $(event.target).parent().hide();

});

function check_password(){
    if($("#profile_password").val()==""){
        alert("비밀번호를 입력해주세요.");
        return false;
    }

    var form_data = {
        "member_id"     : "",
        "member_pwd"    : $("#profile_password").val()
    };
    $.ajax({
        url: '/web/member/password_check_proc',
        async: false,
        type: 'POST',
        dataType: 'JSON',
        data: form_data,
        success: function (rtnJson) {
            console.log(rtnJson);
            console.log(rtnJson.code);
            if (rtnJson.code == "0000") {
                location.href="/web/mypage/member_edit";
            } else {
                alert(rtnJson.msg);
                return false;
            }
        },
        error: function (rtnJson) {
            alert('비밀번호 확인에 실패했습니다.');
            return false;
        }
    });
}

// 비밀번호 찾기
function find_password_type_select(){
    $("input[name=find_password_type]:checked").each(function() {
        var find_password_type = $(this).val();
        if(find_password_type == '1') {
            $('#kmc_mobile_auth')[0].contentWindow.kmc_window_open('', 'find_password');
        } else {
            commonLayerClose('find_pwd_layer');
            commonLayerOpen('find_pwd_email_layer');
        }
    });
}

// 아이디 찾기
function find_id_type_select(){

    $("input[name=find_id_type]:checked").each(function() {
        var find_id_type = $(this).val();
        if(find_id_type == '1') {
            $('#kmc_mobile_auth')[0].contentWindow.kmc_window_open('', 'find_id');
        } else {
            commonLayerClose('find_id_layer');
            commonLayerOpen('find_id_email_layer');
        }
    });
}
// 아이디 찾기 메일 보내기
function find_id_email_proc(){
    if($("#find_id_name").val()==true){
        alert("이름을 입력해주세요.");
        return false;
    }
    if($("#find_id_email").val()==true){
        alert("이메일주소를 입력해주세요.");
        return false;
    }
    if(checkEmail($("#find_id_email").val())==false) {
        alert("이메일을 확인해주세요.");
        return false;
    }
    var form_data = {
        "content"   : $("#find_id_name").val(),
        "email"     : $("#find_id_email").val(),
        "type"      : 'id',
    };
    $.ajax({
        url: '/web/comm/find_by_email_proc',
        async: false,
        type: 'POST',
        dataType: 'JSON',
        data: form_data,
        success: function (rtnJson) {
            if (rtnJson.code == "0000") {
                alert("인증번호를 메일로 발송했습니다.");
                return false;
            } else {
                alert(rtnJson.msg);
                return false;
            }
        },
        error: function (rtnJson) {
            alert('인증번호 발송에 실패했습니다.');
            return false;
        }
    });
}

// 아이디찾기 인증 확인
function find_id_email_auth_proc(){
    if($("#find_id_name").val()==true){
        alert("이름을 입력해주세요.");
        return false;
    }
    if($("#find_id_email").val()==true){
        alert("이메일주소를 입력해주세요.");
        return false;
    }
    if(checkEmail($("#find_id_email").val())==false) {
        alert("이메일을 확인해주세요.");
        return false;
    }
    if($("#find_id_auth_key").val()==true){
        alert("인증번호를 입력해주세요.");
        return false;
    }

    var form_data = {
        "content"   : $("#find_id_name").val(),
        "email"     : $("#find_id_email").val(),
        "type"      : 'id',
        "auth_key"  : $("#find_id_auth_key").val()
    };
    $.ajax({
        url: '/web/comm/find_by_email_auth_proc',
        async: false,
        type: 'POST',
        dataType: 'JSON',
        data: form_data,
        success: function (rtnJson) {
            if (rtnJson.code == "0000") {
                commonLayerClose('find_id_email_layer');
                commonLayerOpen('find_id_fin_layer');
                $("#find_id_text").html(rtnJson.data);
                return false;


            } else {
                alert(rtnJson.msg);
                return false;
            }
        },
        error: function (rtnJson) {
            alert('인증번호 발송에 실패했습니다.');
            return false;
        }
    });

}

// 비밀번호 이메일로 찾기
function find_pwd_email_proc(){
    if($("#find_pwd_id").val()==true){
        alert("아이디를 입력해주세요.");
        return false;
    }
    if($("#find_pwd_email").val()==true){
        alert("이메일주소를 입력해주세요.");
        return false;
    }
    if(checkEmail($("#find_pwd_email").val())==false) {
        alert("이메일을 확인해주세요.");
        return false;
    }

    var form_data = {
        "type"      : "email",
        "id"        : $("#find_pwd_id").val(),
        "key"       : $("#find_pwd_email").val()
    };
    $.ajax({
        url: '/web/comm/find_password_proc',
        async: false,
        type: 'POST',
        dataType: 'JSON',
        data: form_data,
        success: function (rtnJson) {
            if (rtnJson.code == "0000") {
                commonLayerClose('find_pwd_layer');
                commonLayerClose('find_pwd_email_layer');
                commonLayerOpen('find_pwd_fin_layer');
                $("#find_pwd_email_text").html(rtnJson.data);
                return false;

            } else {
                alert(rtnJson.msg);
                return false;
            }
        },
        error: function (rtnJson) {
            alert('비밀번호 찾기에 실패했습니다.');
            return false;
        }
    });



}



// 비밀번호 변경
function change_password(){
    if($("#now_pwd").val()==""){
        alert("현재 비밀번호를 입력해주세요.");
        return false;
    }

    if($("#new_member_pwd").val()=="") {
        alert("비밀번호를 입력해주세요.");
        return false;
    }

    if(member_pwd_valid_check($("#new_member_pwd").val())==false) {
        alert("비밀번호는 6~16 영문 대·소문자,숫자,특수문자로 입력해주세요.");
        return false;
    }

    if($("#new_re_member_pwd").val()=="") {
        alert("비밀번호를 확인을 입력해주세요.");
        return false;
    }

    if($("#new_member_pwd").val() != $("#new_re_member_pwd").val()) {
        alert("비밀번호를 확인을 입력해주세요.");
        return false;
    }

    if($("#now_pwd").val() == $("#new_member_pwd").val()) {
        alert("변경할 비밀번호와 현재 비밀번호는 다르게 입력해주세요.");
        return false;
    }

    var form_data = {
        "now_pwd"           : $("#now_pwd").val(),
        "new_member_pwd"    : $("#new_member_pwd").val()
    };
    $.ajax({
        url: '/web/member/password_change_proc',
        async: false,
        type: 'POST',
        dataType: 'JSON',
        data: form_data,
        success: function (rtnJson) {
            if (rtnJson.code == "0000") {

                $("#cp_next_change_date").html(rtnJson.data.next_change_data);
                $("#cp_now_date").html(rtnJson.data.now_date);
                $("#cp_member_id").html(rtnJson.data.member_id);
                $("#cp_member_email").html(rtnJson.data.member_email);

                commonLayerClose('pw_3month_auto_change');
                commonLayerOpen('pw_3month_auto_change_fin');
            } else {
                alert(rtnJson.msg);
                return false;
            }
        },
        error: function (rtnJson) {
            alert('비밀번호 변경에 실패했습니다.');
            return false;
        }
    });
}






// 로그인
function login_proc(){
    if($("#login_member_id").val()=="") {
        alert("아이디를 입력해주세요.");
        return false;
    }
    if($("#login_member_pwd").val()=="") {
        alert("아이디를 입력해주세요.");
        return false;
    }

    var save_login = 'N';
	if($('input:checkbox[id="save_login"]').is(":checked") == true){
		save_login = $('input:checkbox[id="save_login"]').val()
	}

    var form_data = {
        "member_id"     : $("#login_member_id").val(),
        "member_pwd"    : $("#login_member_pwd").val(),
        "save_login"    : save_login
    };
    $.ajax({
        url: '/web/member/login_proc',
        async: false,
        type: 'POST',
        dataType: 'JSON',
        data: form_data,
        success: function (rtnJson) {
            if (rtnJson.code == "0000") {
                if(rtnJson.msg!=''){
                    alert(rtnJson.msg);
                }
                location.href="https://crossmap.co.kr/";
                
            } else {
                alert(rtnJson.msg);
                return false;
            }
        },
        error: function (rtnJson) {
            alert('로그인에 실패했습니다.');
            return false;
        }
    });
}



function join_reset(){
    if($("#login_layer").css("display") == "block") {
        $("#login_layer").hide();
    }

    $('#join_form')[0].reset();
    $("#member_pwd").removeClass('mybutton_on');
    $("#member_pwd").removeClass('mybutton_off');
    $("#member_pwd").addClass('mybutton_off');
    $("#re_member_pwd").removeClass('mybutton_on');
    $("#re_member_pwd").removeClass('mybutton_off');
    $("#re_member_pwd").addClass('mybutton_off');

    $("#gender_btn1").removeClass('btn-default_bb');
    $("#gender_btn1").removeClass('btn-default');
    $("#gender_btn1").addClass('btn-default');

    $("#gender_btn2").removeClass('btn-default_bb');
    $("#gender_btn2").removeClass('btn-default');
    $("#gender_btn2").addClass('btn-default');


    $(".profile_add_photo label").css("background","url('/img/web/img_photo.png') no-repeat center");
    $(".profile_add_photo label").css("background-size","cover");
}


// 크로스맵으로 가입
function crossmap_join(){
    join_reset();
    commonLayerClose('member_join1_layer');
    commonLayerOpen('member_join2_layer');
}

// 트위터로 가입
function twitter_join(val){
   join_reset();
    var form_data = {
        "type"	        : val
    };
    $.ajax({
        url: '/web/comm/twitter_request_token',
        async: false,
        type: 'POST',
        dataType: 'JSON',
        data: form_data,
        success: function (rtnJson) {
            if (rtnJson.result_code == "0000") {
                var url = rtnJson.result_data.url;
                console.log(url);
                window.open(url, "", "height=500,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes");

            } else {
                alert("트위터 계정인증에 실패했습니다.");
                return false;
            }
        },
        error: function (rtnJson) {
            alert('트위터 계정인증에 실패했습니다.');
            return false;
        }
    });
}

//  카카오로 가입
function kakako_login(){
    join_reset();

    var state = "61e0276330e9f515a169ca77dda4a833";
    var url = "https://kauth.kakao.com/oauth/authorize?client_id=d9d530edc95295682137fdd37dddc55f&redirect_uri=https://crossmap.co.kr/web/share/kakao_callback_proc&response_type=code&state="+state;
    window.open(url, "", "height=500,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes");
}

// 네이버로 가입
function naver_login(){
    join_reset();

    var state = "61e0276330e9f515a169ca77dda4a833";
    var url = "https://nid.naver.com/oauth2.0/authorize?response_type=code&client_id=cNiinVHYsygxVKF4FOtw&redirect_uri=https://crossmap.co.kr/web/share/naver_callback_proc&state="+state;
    window.open(url, "", "height=500,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes");
}





// 이용약관동의
function policy_agreement(){
    if($("#agree1").is(":checked")==false){
        alert("서비스 이용약관 동의를 해주세요.");
        return false;
    }

    if($("#agree2").is(":checked")==false){
        alert("개인정보 취급방침 동의를 해주세요.");
        return false;
    }

    if($("#agree3").is(":checked")==false){
        alert("개인정보 수집 및 이용 동의를 해주세요.");
        return false;
    }

    if($("#social_id").val()!='') {
        $("#crossmap_join").hide();

        var form_data = {
            "social_id"	: $("#social_id").val()
        };
        $.ajax({
            url: '/web/comm/social_member_info',
            sync: false,
            type: 'POST',
            dataType: 'json',
            data: form_data,
            success: function (rtn_json) {
                if(rtn_json.result_code!='0000') {
                    alert("sns 계정연동에 실패했습니다.");
                    $("#social_id").val('');
                    return false;
                } else {
                    $("#member_name").val(rtn_json.result_data.name);
                    if(rtn_json.result_data.profile_img!='') {
                        $(".profile_add_photo label").css("background","url('"+rtn_json.result_data.profile_img+"') no-repeat center");
                        $(".profile_add_photo label").css("background-size","cover");
                        $("#sns_profile_img").val(rtn_json.result_data.profile_img);
                    }
                }
            },
            error: function (rtnHtml) {
                return false;
            }
        });

    }
    commonLayerClose('member_join2_layer');
    commonLayerOpen('member_join3_layer');

}


// 아이디 중복체크
function member_overlap_check(){
    var member_id  = $("#member_id").val();
    if(member_id=="") {
        alert("아이디를 입력해주세요.");
        return false;
    }
    if(member_id_valid_check(member_id)==false) {
        alert("아이디는 5~20자의 영문 대 소문자, 숫자와 (_),(-)만 사용 가능합니다.");
        return false;
    }

    var form_data = {
		"member_id"	: member_id
    };
    $.ajax({
        url: '/web/member/member_id_check_proc',
        sync: false,
        type: 'POST',
        dataType: 'json',
        data: form_data,
        success: function (rtn_json) {
        	if(rtn_json.result_code!='0000') {
				alert("사용할수없는 아이디입니다.");
				$("#member_id").val('');
				$("#is_use_id").val('N');

				return false;
			} else {
				alert("사용가능한 아이디입니다.");
                $("#is_use_id").val('Y');
				return false;
			}
        },
        error: function (rtnHtml) {
            $("#is_use_id").val('N');
            return false;

        }
    });
}

// 비밀번호 체크
function member_pwd_check(t){
    var id  = t.id;
    var val = t.value;

    $("#"+id).removeClass('mybutton_off');
    if(member_pwd_valid_check(val)==false) {
        $("#"+id).addClass('mybutton_off');
    } else {
        $("#"+id).addClass('mybutton_on');
    }
}

// 성별체크
function member_gender_select(val){
    var member_gender = $("#member_gender").val();

    $("#gender_btn"+member_gender).removeClass('btn-default_bb');
    $("#gender_btn"+member_gender).addClass('btn-default');

    $("#member_gender").val(val);
    $("#gender_btn"+val).addClass('btn-default_bb');
}

// 만14세 체크
function birth_change(){
    var birth_year  = $("#birth_year").val();
    var birth_month = $("#birth_month").val();
    var birth_day   = $("#birth_day").val();

    if(birth_year!='' && birth_month!='' && birth_day!='') {
        var date = new Date();
        var year = date.getFullYear();
        var month = (date.getMonth() + 1);
        var day = date.getDate();
        if (month < 10) month = '0' + month;
        if (day < 10) day = '0' + day;
        var today = year+month+day;
        var birth = birth_year+birth_month+birth_day;

        var result  = parseInt(today) - parseInt(birth) - 150000;
         if(parseInt(result) < 0) { // 14세미만
             $("#under14_form").show();
             $("#more14_form").hide();
             $("#is_under14").val('Y');
         } else {
             $("#under14_form").hide();
             $("#more14_form").show();
             $("#is_under14").val('N');
         }
    }
}

// 프로필이미지 등록
function readURL(input) {
	if (input.files && input.files[0]) {
		var reader = new FileReader();
		reader.onload = function (e) {
			$(".profile_add_photo label").css("background","url('"+e.target.result+"') no-repeat center");
			$(".profile_add_photo label").css("background-size","cover");
            $("#sns_profile_img").val('');
		}
		reader.readAsDataURL(input.files[0]);
	}
}

// 이메일선택
function email_change(val){
    $("#email2").val(val);
}

// 14세 미만
// 이메일 중복체크
function under14_email_overlap_check(){
    $("#email_check").val('N');
    var email = $("#under14_member_email").val();
    if(checkEmail(email)==false) {
        alert("이메일을 확인해주세요.");
        return false;
    }

    var form_data = {
        "email"     : email
    };
    $.ajax({
        url: '/web/member/member_email_check_proc',
        async: false,
        type: 'POST',
        dataType: 'JSON',
        data: form_data,
        success: function (rtnJson) {
            if (rtnJson.result_code != "0000") {
                alert("사용할수 없는 이메일입니다.");
                return false;
            } else {
                alert("사용가능한 이메일입니다.");
                $("#email_check").val('Y');
                return false;
            }
        },
        error: function (rtnJson) {
            alert('이메일 중복확인을 실패했습니다.');
            return false;
        }
    });

}





// 이메일 중복체크
function email_overlap_check(){
    $("#email_check").val('N');
    var email = $("#email1").val()+'@'+$("#email2").val();
    if(checkEmail(email)==false) {
        alert("이메일을 확인해주세요.");
        return false;
    }

    var form_data = {
        "email"     : email
    };
    $.ajax({
        url: '/web/member/member_email_check_proc',
        async: false,
        type: 'POST',
        dataType: 'JSON',
        data: form_data,
        success: function (rtnJson) {
            if (rtnJson.result_code != "0000") {
                alert("사용할수 없는 이메일입니다.");
                return false;
            } else {
                alert("사용가능한 이메일입니다.");
                $("#email_check").val('Y');
                return false;


            }
        },
        error: function (rtnJson) {
            alert('이메일 중복확인을 실패했습니다.');
            return false;
        }
    });

}

// 휴대폰 인증
function mobile_auth(){
    var mobile = $("#mobile1").val()+$("#mobile2").val()+$("#mobile3").val();
    if(checkMobile(mobile)==false){
        alert("휴대폰번호를 확인해주세요.");
        return false;
    }
    $('#kmc_mobile_auth')[0].contentWindow.kmc_window_open(mobile, 'member_join1');
}

// 보호자 모바일 인증
function parent_mobile_auth(){
    if($("#parent_mobile_company").val()=="") {
        alert("통신사를 선택해주세요. 입력해주세요.");
        return false;
    }

    var mobile = $("#parent_mobile").val();
    if(checkMobile(mobile)==false){
        alert("휴대폰번호를 확인해주세요.");
        return false;
    }

    $('#kmc_mobile_auth')[0].contentWindow.kmc_window_open(mobile, 'member_join2');

}


function member_join_next(){
    if($("#social_id").val()==""){
        if($("#member_id").val()=="") {
            alert("아이디를 입력해주세요.");
            return false;
        }

        if($("#is_use_id").val()!="Y") {
            alert("아이디 중복확인을 해주세요.");
            return false;
        }


        if($("#member_pwd").val()=="") {
            alert("비밀번호를 입력해주세요.");
            return false;
        }

        if($("#re_member_pwd").val()=="") {
            alert("비밀번호를 확인을 입력해주세요.");
            return false;
        }

        if($("#member_pwd").val() != $("#re_member_pwd").val()) {
            alert("비밀번호를 확인을 입력해주세요.");
            return false;
        }
    }

    if($("#member_gender").val()=="") {
        alert("성별을 선택해주세요.");
        return false;
    }

    if($("#birth_year").val()=="") {
        alert("출생연도를 선택해주세요.");
        return false;
    }

    if($("#birth_month").val()=="") {
        alert("출생월을 선택해주세요.");
        return false;
    }

    if($("#birth_day").val()=="") {
        alert("출생일을 선택해주세요.");
        return false;
    }

    if($("#member_calendar").val()=="") {
        alert("양력/음력을 선택해주세요.");
        return false;
    }


    commonLayerClose('member_join3_layer');
    commonLayerOpen('member_join4_layer');
}


// 회원체크
function member_join(){
    if($("#social_id").val()==""){
        if($("#member_id").val()=="") {
            alert("아이디를 입력해주세요.");
            commonLayerClose('member_join4_layer');
            commonLayerOpen('member_join3_layer');
            return false;
        }

        if($("#is_use_id").val()!="Y") {
            alert("아이디 중복확인을 해주세요.");
            commonLayerClose('member_join4_layer');
            commonLayerOpen('member_join3_layer');
            return false;
        }

        if($("#member_pwd").val()=="") {
            alert("비밀번호를 입력해주세요.");
            commonLayerClose('member_join4_layer');
            commonLayerOpen('member_join3_layer');
            return false;
        }

        if($("#re_member_pwd").val()=="") {
            alert("비밀번호를 확인을 입력해주세요.");
            commonLayerClose('member_join4_layer');
            commonLayerOpen('member_join3_layer');
            return false;
        }

        if($("#member_pwd").val() != $("#re_member_pwd").val()) {
            alert("비밀번호를 확인을 입력해주세요.");
            commonLayerClose('member_join4_layer');
            commonLayerOpen('member_join3_layer');
            return false;
        }
    }

    if($("#member_name").val()=="") {
        alert("이름을 입력해주세요.");
        commonLayerClose('member_join4_layer');
        commonLayerOpen('member_join3_layer');
        return false;
    }

    if($("#member_gender").val()=="") {
        alert("성별을 선택해주세요.");
        commonLayerClose('member_join4_layer');
        commonLayerOpen('member_join3_layer');
        return false;
    }

    if($("#birth_year").val()=="") {
        alert("출생연도를 선택해주세요.");
        commonLayerClose('member_join4_layer');
        commonLayerOpen('member_join3_layer');
        return false;
    }

    if($("#birth_month").val()=="") {
        alert("출생월을 선택해주세요.");
        commonLayerClose('member_join4_layer');
        commonLayerOpen('member_join3_layer');
        return false;
    }

    if($("#birth_day").val()=="") {
        alert("출생일을 선택해주세요.");
        commonLayerClose('member_join4_layer');
        commonLayerOpen('member_join3_layer');
        return false;
    }

    if($("#member_calendar").val()=="") {
        alert("양력/음력을 선택해주세요.");
        commonLayerClose('member_join4_layer');
        commonLayerOpen('member_join3_layer');
        return false;
    }

    var email = $("#email1").val()+'@'+$("#email2").val();
    if(checkEmail(email)==false) {
        alert("이메일을 확인해주세요.");
        return false;
    }

    if($("#email_check").val()!='Y'){
        alert("이메일 중복확인해주세요.");
        return false;
    }


    var mobile = $("#mobile1").val()+$("#mobile2").val()+$("#mobile3").val();
    if(checkMobile(mobile)==false){
        alert("휴대폰번호를 확인해주세요.");
        return false;
    }

    if($("#is_mobile_auth").val()!="Y") {
        alert("휴대폰 본인인증을 해주세요.");
        return false;
    }

    if($("#mobile_CI").val()=="") {
        alert("휴대폰 본인인증을 해주세요.");
        return false;
    }

    if($("#member_name").val()=="") {
        alert("휴대폰 본인인증한 이름이 없습니다.");
        return false;
    }


    $('#join_form').submit();

}


// 14세 미만 회원가입
function under14_member_join(){
    if($("#is_under14").val()=='N') {
        alert("잘못된 경로로 가입을 하셨습니다.");
        join_reset();

        commonLayerClose('member_join3_layer');
        commonLayerOpen('member_join2_layer');
        return false;
    }
    if($("#social_id").val()==""){
        if($("#member_id").val()=="") {
            alert("아이디를 입력해주세요.");
            return false;
        }

        if($("#is_use_id").val()!="Y") {
            alert("아이디 중복확인을 해주세요.");
            return false;
        }

        if($("#member_pwd").val()=="") {
            alert("비밀번호를 입력해주세요.");
            return false;
        }

        if($("#re_member_pwd").val()=="") {
            alert("비밀번호를 확인을 입력해주세요.");
            return false;
        }

        if($("#member_pwd").val() != $("#re_member_pwd").val()) {
            alert("비밀번호를 확인을 입력해주세요.");
            return false;
        }
    }


    if($("#member_gender").val()=="") {
        alert("성별을 선택해주세요.");
        return false;
    }

    if($("#birth_year").val()=="") {
        alert("출생연도를 선택해주세요.");
        return false;
    }

    if($("#birth_month").val()=="") {
        alert("출생월을 선택해주세요.");
        return false;
    }

    if($("#birth_day").val()=="") {
        alert("출생일을 선택해주세요.");
        return false;
    }

    if($("#member_calendar").val()=="") {
        alert("양력/음력을 선택해주세요.");
        return false;
    }

    if($("#parent_name").val()=="") {
        alert("보호자 이름을 입력해주세요.");
        return false;
    }

    if($("#parent_mobile_company").val()=="") {
        alert("통신사를 선택해주세요. 입력해주세요.");
        return false;
    }

    var mobile = $("#parent_mobile").val();
    if(checkMobile(mobile)==false){
        alert("휴대폰번호를 확인해주세요.");
        return false;
    }

    if($("#is_mobile_auth").val()!="Y") {
        alert("휴대폰 본인인증을 해주세요.");
        return false;
    }

    if($("#mobile_CI").val()=="") {
        alert("휴대폰 본인인증을 해주세요.");
        return false;
    }

    if($("#under14_member_name").val()=="") {
        alert("이름을 입력해주세요.");
        return false;
    }

    var under14_member_email = $("#under14_member_email").val();
    if(checkEmail(under14_member_email)==false) {
        alert("이메일을 확인해주세요.");
        return false;
    }

    if($("#email_check").val()!='Y'){
        alert("이메일 중복확인해주세요.");
        return false;
    }

    $('#join_form').submit();

}


// This is called with the results from from FB.getLoginStatus().
function statusChangeCallback(response) {
    if (response.status === 'connected') {
        FB.api('/me', function(response) {
            if(response.id!='') {
                var form_data = {
                    "id"	        : response.id,
                    "name"	        : response.name
                };
                $.ajax({
                    url: '/web/share/facebook_login_proc',
                    async: false,
                    type: 'POST',
                    dataType: 'JSON',
                    data: form_data,
                    success: function (rtnJson) {
                        if (rtnJson.code == "0000") {
                            window.location.reload();
                        } else {
                            alert("페이스북 로그인에 실패했습니다.");
                            return false;
                        }

                    },
                    error: function (rtnJson) {
                        return false;
                    }
                });
            }


        });
    }
}

function checkLoginState() {
    window.FB.login(function(response) {
        console.log(response);
        if (response.status === 'connected') {
            statusChangeCallback(response);
        }
    });
}


window.fbAsyncInit = function() {
    FB.init({
        appId      : '961578337335000',
        cookie     : true,  // enable cookies to allow the server to access
        xfbml      : true,  // parse social plugins on this page
        version    : 'v2.8' // use graph api version 2.8
    });
};
// Load the SDK asynchronously
(function(d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return;
    js = d.createElement(s); js.id = id;
    js.src = "https://connect.facebook.net/en_US/sdk.js";
    fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));


</script>
    <script>
function getCookie( name ) {
   var nameOfCookie = name + "=";
   var x = 0;
   while ( x <= document.cookie.length )
   {
       var y = (x+nameOfCookie.length);
       if ( document.cookie.substring( x, y ) == nameOfCookie ) {
           if ( (endOfCookie=document.cookie.indexOf( ";", y )) == -1 )
               endOfCookie = document.cookie.length;
           return unescape( document.cookie.substring( y, endOfCookie ) );
       }
       x = document.cookie.indexOf( " ", x ) + 1;
       if ( x == 0 )
           break;
   }
   return "";
}
</script>


</body>
</html>
