/****************************************
*										*
*		section: .login;				*
*										*
*****************************************/
section.login { width: 100%; height: auto; padding: 150px 0px 160px; }
section.login .containner .contents { width: 100%; height: auto; }


section.login .login_box{
	max-width: 1177px; width: 100%; height: auto;
	left: 50%; 
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
	margin-top: 100px;

	display: flex;
	align-items: stretch;
}



section.login .login_box .visual{
	width: 455px; height: auto;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

section.login .login_box .func{
	width: calc(100% - 455px); height: auto;
	padding: 120px 85px 120px 91px;
	background-color: #F6F6F7;
}

section.login .login_box .func .form { width: 100%; height: auto; }
section.login .login_box .func form { 
	width: 100%; height: auto; 

	display: grid;
	gap: 20px;
}
section.login .login_box .func form input::placeholder { color: #A1A1A1; }
section.login .login_box .func form input { 
	width: 100%; height: 75px;
	border-radius: 10px;
	background: #FFF;
	border: 0px;
	padding: 0px 30px;
	color: #717171; 
	font-size: 18px; font-weight: 400;
}

section.login .login_box .func form button { 
	width: 100%; height: 75px;
	border: 0px; background-color: #00C3FF;
	border-radius: 10px;
	color: #FFF;
	font-size: 18px; font-weight: 700;
	cursor: pointer;
}

section.login .login_box .func .search { 
	width: 100%; height: auto;
	margin-top: 30px;

	display: flex;
    justify-content: center;

	line-height: 1.8;
	color: #717171; text-align: center;
	font-size: 18px; font-weight: 500;
}

section.login .login_box .func .search a { 
	width: auto; line-height: 1.8;
	color: #717171; text-align: center;
	font-size: 18px; font-weight: 500;
	margin: 0px 12px;
}

section.login .login_box .func .join { 
	width: 100%; height: auto; 
	margin-top: 80px;
	padding-top: 20px;
	border-top: 1px solid rgba(100, 100, 100, 0.20);
	display: flex;

    align-items: flex-end;
    justify-content: space-between;
}

section.login .login_box .func .join .join_info { 
	width: max-contents; height: auto;
	display: grid;
	gap: 15px;
}
section.login .login_box .func .join .join_info .join_info_txt1 {
	color: #333; line-height: 1.8;
	font-size: 18px; font-weight: 700;
}

section.login .login_box .func .join .join_info .join_info_txt2 {
	line-height: 1.8;
	color: #646464;
	font-size: 16px; font-weight: 500;
}




section.login .login_box .func .join .join_btn { 
	width: 250px; height: 75px; line-height: 75px;
}

section.login .login_box .func .join .join_btn a { 
	width: 100%; height: 100%; 
	border-radius: 10px;
	background-color: #fff;

	color: #333; text-align: center;
	font-size: 18px; font-weight: 700;
}

section.login .login_box .func .join .join_btn a::after { 
	content: '';
	position: absolute; top: 0px; left: 0px;
	width: 100%; height: 100%;
	border-radius: 10px;
	border: 1px solid #64646433;
}


/****************************************
*										*
*		section: .join;				*
*										*
*****************************************/
section.join { width: 100%; height: auto; padding: 150px 0px 160px; }
section.join .containner,
section.join .containner .contents { width: 100%; height: auto; }

section.join .join_form {
	width: 100%; height: auto;
	padding: 80px 0px 90px;
	margin-top: 90px;
	background: #F6F6F7;
}


section.join .join_form form{
	max-width: 936px; width: 100%; height: auto;
	left: 50%; 
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
	margin-top: 100px;
	display: grid;
	gap: 30px;
}



section.join .join_form form .join_item {
	width: 100%; height: auto;
	display: flex;
}

section.join .join_form form .join_item .join_item_label {
	width: 292px; height: 88px; line-height: 88px;
	color: #333;
	font-size: 24px; font-weight: 600;
}

section.join .join_form form .join_item .join_item_val {
	width: calc(100% - 292px); height: auto;
}

section.join .join_form form .join_item .join_item_val .profile_img_box {
	width: 100%; height: auto;
}

section.join .join_form form .join_item .join_item_val .profile_img_box .profile_img {
	width: 180px; height: 180px;
	background-color: #fff; 
	border-radius: 30px;
	cursor: pointer;

	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;	
}

section.join .join_form form .join_item .join_item_val .profile_img_box .profile_img_icon {
	position: absolute; bottom: 13px; left: 143px;
	width: 56px; height: 56px;
	cursor: pointer;

	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;	
}

section.join .join_form form .join_item .join_item_val .join_item_in.mt10 { margin-top: 10px; }
section.join .join_form form .join_item .join_item_val .join_item_in { width: 100%; height: auto; }
section.join .join_form form .join_item .join_item_val .join_item_in input::placeholder { color: #A1A1A1; }
section.join .join_form form .join_item .join_item_val .join_item_in input.btn { padding-right: 195px; }
section.join .join_form form .join_item .join_item_val .join_item_in input {
	width: 100%; height: 88px;
	padding: 0px 30px;
	border-radius: 10px; border: 0px;
	background: #FFF; color: #717171; 
	font-size: 18px; font-weight: 400;
}
section.join .join_form form .join_item .join_item_val .join_item_in button {
	position: absolute; top: 50%; right: 10px;
	width: 152px; height: 66px; background-color: #00c3ff;

	color: #fff; text-align: center;
	font-size: 24px; font-weight: 700;
	border: 0px; border-radius: 10px;
	cursor: pointer;

	
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}



section.join .join_form form .join_item .join_item_val .join_item_txt {
	width: 100%; height: auto; line-height: 1.5;
	margin-top: 10px;
	font-size: 22px; color: #8f8f8f; 
}

section.join .join_form form .join_item .join_item_val .email_agree {
	width: 100%; height: auto; margin-top: 10px;
}

section.join .join_form form .join_item .join_item_val .email_agree label {
	width: auto; height: 25px; line-height: 25px;
	margin-right: 25px;
	cursor: pointer;

}

section.join .join_form form .join_item .join_item_val .email_agree span {
	color: #333; font-size: 22px; font-weight: 600;
}

section.join .join_form form .join_item .join_item_val .email_agree input {
	width: 25px; height: 25px;
	margin-left: 5px;
	border: 1px solid #000;
	cursor: pointer;
	background-color: #fff;
}

section.join .join_form form .join_item .join_item_val .email_agree input:checked::after {
	content: '✓';
	position: absolute; top: 50%; left: 50%;

	font-size: 20px; color: #000; font-weight: bold;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}


/****************************************
*										*
*		section: .agree;				*
*										*
*****************************************/
section.agree { width: 100%; height: auto; padding: 100px 0px 160px; }
section.agree .containner,
section.agree .containner .contents { width: 100%; height: auto; }

section.agree .agree_item:nth-child(1) { margin-top: 0px; }
section.agree .agree_item {
	width: 100%; height: auto;
	margin-top: 70px;
}

section.agree .agree_item .agree_title {
	width: 100%; height: auto; line-height: 1;
	color: #333;
	font-size: 35px; font-weight: 700;
}

section.agree .agree_item .agree_box.scroll { height: 300px; overflow-y: auto; }
section.agree .agree_item .agree_box {
	width: 100%; height: auto;
	border: 1px solid #A1A1AA;
	padding: 20px 20px;
	background: #FFF;
	margin-top: 15px;
}

section.agree .agree_item .agree_box .agree_block {
	width: 100%; height: auto; line-height: 1.5;
	padding: 20px 20px;
	background: #F6F6F7;
	color: #000; font-size: 22px;
	margin-bottom: 20px;
}


section.agree .agree_item .agree_box .agree_list { width: 100%; height: auto; }
section.agree .agree_item .agree_box .agree_list .agree_list_title.mt20 { margin-top: 20px; }
section.agree .agree_item .agree_box .agree_list .agree_list_title {
	width: 100%; height: auto; line-height: 1.2;
	color: #000;
	font-size: 26px; font-weight: 600;
}

section.agree .agree_item .agree_box .agree_list .agree_list_sub {
	width: 100%; height: auto;  line-height: 1.3;
	margin-top: 10px;

	color: #0059B5;
	font-size: 22px; font-weight: 600;
}

section.agree .agree_item .agree_box .agree_list .agree_list_dot::before {
	/* 
	content: '·';
	position: absolute; top: 0px; left: 0px;
	width: 10px; height: auto; line-height: 1.3;
	*/
}

section.agree .agree_item .agree_box .agree_list .agree_list_dot {
	width: 100%; height: auto; line-height: 1.3;
	color: #000; font-size: 22px;
	padding-left: 0px;
}

section.agree .agree_item .agree_btn {
	width: 100%; height: auto; 
	margin-top: 20px;

	display: flex;
	gap: 30px;
	align-items: center;
}

section.agree .agree_item .agree_btn label{
	width: max-content; height: 32px; line-height: 32px;
	display: flex;
	gap: 15px;
	align-items: center;
    justify-content: flex-end;
	cursor: pointer;

}


section.agree .agree_item .agree_btn label input{
	width: 32px; height: 32px;
	border: 1px solid #a1a1a1;
	cursor: pointer;
	border-radius: 100%;
}

section.agree .agree_item .agree_btn input[type="radio"]:checked::after {
	content: '●';
	position: absolute; top: 50%; left: 50%;

	font-size: 20px; color: #000; font-weight: bold;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

section.agree .agree_item .agree_btn label span{
	color: #000; font-size: 24px; font-weight: 600;
}

section.agree .submit_btn {
	width: 100%; height: auto;
	margin-top: 100px;

	display: flex;
	align-items: center;
    justify-content: center;
}

section.agree .submit_btn button {
	width: 290px; height: 73px; 
	border-radius: 10px;
	cursor: pointer;
	background: #00c3ff;
	border: 0px;
	color: #FFF; text-align: center;
	font-size: 25px; font-weight: 700;
}










#popLoginBg {
	display: none;
	position: fixed; top: 0px; left: 0px; 
	width: 100%; height: 100%;
	background-color: #000;
	opacity: 0.7;
	z-index: 9999;
}


.login_search_box {
	position: absolute; top: 100px; left: 50%;
	-webkit-transform: translate(-50%, 0%);
	-ms-transform: translate(-50%, 0%);
	transform: translate(-50%, 0%);


	width: 914px; height: 616px;
	background: #F6F6F7;
	z-index: 10000;

	padding: 80px 30px 100px;

    display: flex;
    align-items: center;

	display: none;
}


.login_search_box .search_close {
	position: absolute; top: 26px; right: 26px;
	width: 20px; height: 20px;
	cursor: pointer;
}

.login_search_box .search_close img { width: 100%; height: 100%; }


.login_search_box .pop_contents {
	left: 50%;
	-webkit-transform: translate(-50%, 0%);
	-ms-transform: translate(-50%, 0%);
	transform: translate(-50%, 0%);

	width: 575px; height: auto;
}

.login_search_box .pop_contents .search_title {
	width: 100%; height: auto; line-height: 1;

	color: #000; text-align: center;
	font-size: 35px; font-weight: 700;
}


.login_search_box .pop_contents .search_sub {
	width: 100%; height: auto; line-height: 1;
	margin-top: 20px;
	color: #787878; text-align: center;
	font-size: 24px;
}


.login_search_box .pop_contents .search_form {
	width: 100%; height: auto;
	margin-top: 40px;
}
.login_search_box .pop_contents .search_form .search_form_item.search_confirm { display: none; }


.login_search_box .pop_contents .search_form .search_form_item { width: 100%; height: auto; margin-bottom: 15px; }
.login_search_box .pop_contents .search_form .search_form_item input::placeholder { color: #A1A1A1; }
.login_search_box .pop_contents .search_form .search_form_item input.view { padding: 0px 30px; text-align: center; }
.login_search_box .pop_contents .search_form .search_form_item input {
	width: 100%; height: 88px;
	padding: 0px 190px 0px 30px;
	border-radius: 10px; border: 0px;
	background: #FFF; color: #717171; 
	font-size: 24px; font-weight: 400;
}


.login_search_box .pop_contents .search_form .search_form_item button {
	position: absolute; top: 50%; right: 10px;
	width: 166px; height: 66px; background-color: #969696;

	color: #fff; text-align: center;
	font-size: 24px; font-weight: 700;
	border: 0px; border-radius: 10px;
	cursor: pointer;

	
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}

.login_search_box .pop_contents .search_form .search_form_btn { width: 100%; height: auto; }
.login_search_box .pop_contents .search_form .search_form_btn button {
	width: 100%; height: 88px;
	padding: 0px 30px;
	border-radius: 10px; border: 0px;
	background: #00C3FF; color: #fff; 
	text-align: center; font-size: 24px;
	font-weight: 700;
	cursor: pointer;
}




@media (max-width: 479px){ 

	/****************************************
	*										*
	*		section: .agree;				*
	*										*
	*****************************************/
	section.agree { padding: calc((70 / 480)* 100vw) 0px calc((90 / 480)* 100vw); }
	section.agree .agree_item .agree_title {  font-size: calc((25 / 480)* 100vw); }
	section.agree .agree_item .agree_box .agree_block { font-size: calc((18 / 480)* 100vw); }
	section.agree .agree_item .agree_box .agree_list .agree_list_title { font-size: calc((20 / 480)* 100vw); }
	section.agree .agree_item .agree_box .agree_list .agree_list_sub { font-size: calc((18 / 480)* 100vw); } 
	section.agree .agree_item .agree_box .agree_list .agree_list_dot { font-size: calc((18 / 480)* 100vw); } 
	section.agree .agree_item .agree_btn label input { width: calc((25 / 480)* 100vw); height: calc((25 / 480)* 100vw); }
	section.agree .agree_item .agree_btn label span { font-size: calc((20 / 480)* 100vw); }
	section.agree .agree_item .agree_btn input[type="radio"]:checked::after { font-size: calc((18 / 480)* 100vw); }
	section.agree .agree_item { margin-top: calc((60 / 480)* 100vw) }
  

	section.agree .submit_btn { margin-top: calc((60 / 480)* 100vw); }
	section.agree .submit_btn button {
		width: calc((150 / 480)* 100vw); height: calc((60 / 480)* 100vw);
		font-size: calc((20 / 480)* 100vw); 
	}
	section.agree .agree_item .agree_btn label { gap: calc((15 / 480)* 100vw); }
	section.agree .agree_item .agree_btn { gap: calc((30 / 480)* 100vw); margin-top: calc((20 / 480)* 100vw); }



	/****************************************
	*										*
	*		section: .login;				*
	*										*
	*****************************************/
	section.login .containner .contents { padding: 0px; }
	section.login{ padding: calc((70 / 480)* 100vw) 0px 0px; }
	section.login .login_box { display: grid; margin-top: calc((70 / 480)* 100vw); }
	section.login .login_box .visual {
		width: 100%;
	    background-image: url(../images/email_top.png) !important;
		height: calc((300 / 480)* 100vw);
	}

	section.login .login_box .func{
		width: 100%;
		padding: calc((60 / 480)* 100vw) calc((30 / 480)* 100vw) calc((90 / 480)* 100vw) calc((30 / 480)* 100vw);

        display: grid;
	}
	section.login .login_box .func .join .join_btn { width: calc((200 / 480)* 100vw); }

	section.login .login_box .func .form { max-width: calc((546 / 480)* 100vw); justify-self: center; }
	section.login .login_box .func .join { max-width: calc((546 / 480)* 100vw); justify-self: center; display: grid; justify-content: center; gap: calc((30 / 480)* 100vw); }
	section.login .login_box .func form input{ font-size: calc((16 / 480)* 100vw); height: calc((60 / 480)* 100vw); padding: 0px calc((20 / 480)* 100vw); } 
		section.login .login_box .func .search{ font-size: calc((16 / 480)* 100vw); } 
	section.login .login_box .func .search a { font-size: calc((16 / 480)* 100vw); }
	section.login .login_box .func form button { height: calc((60 / 480)* 100vw); font-size: calc((16 / 480)* 100vw); }
	section.login .login_box .func .join .join_btn { height: calc((60 / 480)* 100vw); line-height: calc((60 / 480)* 100vw); }
	section.login .login_box .func .join .join_btn a { font-size: calc((16 / 480)* 100vw); }

	section.login .login_box .func .join .join_info .join_info_txt1 { font-size: calc((16 / 480)* 100vw); text-align: center; }
	section.login .login_box .func .join .join_info .join_info_txt2 { font-size: calc((14 / 480)* 100vw); text-align: center; }

	section.login .login_box .func .join { margin-top: calc((30 / 480)* 100vw); padding-top: calc((30 / 480)* 100vw); }




	/****************************************
	*										*
	*		section: .join;				*
	*										*
	*****************************************/
	section.join { padding:  calc((70 / 480)* 100vw) 0px  calc((30 / 480)* 100vw); }

	section.join .join_form {
		padding:  calc((30 / 480)* 100vw)  calc((30 / 480)* 100vw)  calc((30 / 480)* 100vw);
		margin-top:  calc((45 / 480)* 100vw);
	}

	section.join .join_form form { margin-top: 0px; }
	section.join .join_form form .join_item { display: grid; gap: calc((15 / 480)* 100vw); }
	section.join .join_form form .join_item .join_item_label { 
		width: 100%; height: auto; line-height: 1.3;
		font-size: calc((20 / 480)* 100vw);
	}
	section.join .join_form form .join_item .join_item_val { width: 100%; }
	section.join .join_form form .join_item .join_item_val .join_item_in input { 
		height: calc((75 / 480)* 100vw); font-size: calc((16 / 480)* 100vw); 
		padding: 0px calc((20 / 480)* 100vw);
	}

	section.join .join_form form .join_item .join_item_val .join_item_in button {
		width: calc((130 / 480)* 100vw); height: calc((56 / 480)* 100vw);
		font-size: calc((20 / 480)* 100vw);
	}

	section.join .join_form form .join_item .join_item_val .join_item_in input.btn {
	   padding-right: calc((155 / 480)* 100vw);
	}

	section.join .join_form form .join_item .join_item_val .join_item_txt { font-size: calc((18 / 480)* 100vw); }
	section.join .join_form form .join_item .join_item_val .email_agree span { font-size: calc((18 / 480)* 100vw); }
	section.join .join_form form .join_item .join_item_val .email_agree label { height: calc((22 / 480)* 100vw); line-height: calc((22 / 480)* 100vw); }
	section.join .join_form form .join_item .join_item_val .email_agree input { width: calc((22 / 480)* 100vw); height: calc((22 / 480)* 100vw); }
	section.join .join_form form .join_item .join_item_val .email_agree input:checked::after { font-size: calc((20 / 480)* 100vw); }

	section.join .join_form form .join_item .join_item_val .profile_img_box .profile_img { width: calc((130 / 480)* 100vw); height: calc((130 / 480)* 100vw); border-radius: calc((20 / 480)* 100vw); }

	section.join .join_form form .join_item .join_item_val .profile_img_box .profile_img_icon {
		bottom: calc((13 / 480)* 100vw); left: calc((105 / 480)* 100vw);
		width: calc((45 / 480)* 100vw); height: calc((45 / 480)* 100vw);
	}




	.login_search_box {
		width: calc(100% - calc((40 / 480)* 100vw)); min-height: auto; height: auto;
		padding: calc((60 / 480)* 100vw) calc((30 / 480)* 100vw) calc((60 / 480)* 100vw);
	}


	.login_search_box .search_close {
		top: calc((26 / 480)* 100vw); right: calc((26 / 480)* 100vw);
		width: 15px; height: 15px;
	}

	.login_search_box .pop_contents { width: 100%; }
	.login_search_box .pop_contents .search_title { font-size: calc((24 / 480)* 100vw); }
	.login_search_box .pop_contents .search_sub { margin-top: calc((20 / 480)* 100vw); font-size: calc((18 / 480)* 100vw); }
	.login_search_box .pop_contents .search_form { margin-top: calc((20 / 480)* 100vw); }
	.login_search_box .pop_contents .search_form .search_form_item { margin-bottom: calc((15 / 480)* 100vw); }
	.login_search_box .pop_contents .search_form .search_form_item input.view { padding: 0px calc((20 / 480)* 100vw); }
	.login_search_box .pop_contents .search_form .search_form_item input {
		height: calc((75 / 480)* 100vw);
		padding: 0px calc((150 / 480)* 100vw) 0px calc((20 / 480)* 100vw);
		border-radius: calc((10 / 480)* 100vw); 
		font-size: calc((18 / 480)* 100vw); 
	}

	.login_search_box .pop_contents .search_form .search_form_item button {
		right: calc((10 / 480)* 100vw);
		width: calc((130 / 480)* 100vw); height: calc((56 / 480)* 100vw); 
		font-size: calc((18 / 480)* 100vw); 
		border-radius: calc((10 / 480)* 100vw);
	}

	.login_search_box .pop_contents .search_form .search_form_btn button {
		height: calc((75 / 480)* 100vw);
		padding: 0px calc((20 / 480)* 100vw);
		border-radius: calc((10 / 480)* 100vw); 
		font-size: calc((18 / 480)* 100vw);
	}

}

@media (max-width: 749px) and (min-width: 480px) { 


	/****************************************
	*										*
	*		section: .agree;				*
	*										*
	*****************************************/
	section.agree { padding: 70px 0px 90px; }
	section.agree .agree_item .agree_title {  font-size: 25px; }
	section.agree .agree_item .agree_box .agree_block { font-size: 18px; }
	section.agree .agree_item .agree_box .agree_list .agree_list_title { font-size: 20px; }
	section.agree .agree_item .agree_box .agree_list .agree_list_sub { font-size: 18px; } 
	section.agree .agree_item .agree_box .agree_list .agree_list_dot { font-size: 18px; } 
	section.agree .agree_item .agree_btn label input { width: 25px; height: 25px; }
	section.agree .agree_item .agree_btn label span { font-size: 20px; }
	section.agree .agree_item .agree_btn input[type="radio"]:checked::after { font-size: 18px; }
	section.agree .agree_item { margin-top: 60px }
  

	section.agree .submit_btn { margin-top: 60px; }
	section.agree .submit_btn button {
		width: 150px; height: 60px;
		font-size: 20px; 
	}


	/****************************************
	*										*
	*		section: .login;				*
	*										*
	*****************************************/
	section.login .containner .contents { padding: 0px; }
	section.login{ padding: 70px 0px 0px; }
	section.login .login_box { display: grid; margin-top: 70px; }
	section.login .login_box .visual {
		width: 100%;
	    background-image: url(../images/email_top.png) !important;
		height: 300px;
	}

	section.login .login_box .func{
		width: 100%;
		padding: 60px 30px 90px 30px;

        display: grid;
	}
	section.login .login_box .func .join .join_btn { width: 200px; }

	section.login .login_box .func .form { max-width: 546px; justify-self: center; }
	section.login .login_box .func .join { max-width: 546px; justify-self: center; display: grid; justify-content: center; gap: 30px; }
	section.login .login_box .func form input{ font-size: 16px; }
	section.login .login_box .func .search{ font-size: 16px; } 

	section.login .login_box .func .search a { font-size: 16px; }
	section.login .login_box .func form button { height: 60px; font-size: 16px; }
	section.login .login_box .func .join .join_btn { height: 60px; line-height: 60px; }
	section.login .login_box .func .join .join_btn a { font-size: 16px; }

	section.login .login_box .func .join .join_info .join_info_txt1 { font-size: 16px; text-align: center; }
	section.login .login_box .func .join .join_info .join_info_txt2 { font-size: 14px; text-align: center; }

	section.login .login_box .func .join { margin-top: 40px; padding-top: 40px; }




	/****************************************
	*										*
	*		section: .join;				*
	*										*
	*****************************************/
	section.join { padding: 70px 0px 30px; }

	section.join .join_form {
		padding: 30px 30px 30px;
		margin-top: 45px;
	}

	section.join .join_form form { margin-top: 0px; }
	section.join .join_form form .join_item { display: grid; gap: 15px; }
	section.join .join_form form .join_item .join_item_label { 
		width: 100%; height: auto; line-height: 1.3;
		font-size: 20px;
	}
	section.join .join_form form .join_item .join_item_val { width: 100%; }
	section.join .join_form form .join_item .join_item_val .join_item_in input { 
		height: 75px; font-size: 16px; 
		padding: 0px 20px;
	}

	section.join .join_form form .join_item .join_item_val .join_item_in button {
		width: 130px; height: 56px;
		font-size: 20px;
	}

	section.join .join_form form .join_item .join_item_val .join_item_in input.btn {
	   padding-right: 155px;
	}

	section.join .join_form form .join_item .join_item_val .join_item_txt { font-size: 18px; }
	section.join .join_form form .join_item .join_item_val .email_agree span { font-size: 18px; }
	section.join .join_form form .join_item .join_item_val .email_agree label { height: 22px; line-height: 22px; }
	section.join .join_form form .join_item .join_item_val .email_agree input { width: 22px; height: 22px; }

	section.join .join_form form .join_item .join_item_val .profile_img_box .profile_img { width: 130px; height: 130px; }

	section.join .join_form form .join_item .join_item_val .profile_img_box .profile_img_icon {
		bottom: 13px; left: 105px;
		width: 45px; height: 45px;
	}








	.login_search_box {
		width: calc(100% - 40px); min-height: 60vh; height: auto;
		padding: 30px 30px 60px;
	}


	.login_search_box .search_close {
		top: 26px; right: 26px;
		width: 20px; height: 20px;
	}

	.login_search_box .pop_contents { width: 100%; }
	.login_search_box .pop_contents .search_title { font-size: 24px; }
	.login_search_box .pop_contents .search_sub { margin-top: 20px; font-size: 18px; }
	.login_search_box .pop_contents .search_form { margin-top: 20px; }
	.login_search_box .pop_contents .search_form .search_form_item { margin-bottom: 15px; }
	.login_search_box .pop_contents .search_form .search_form_item input.view { padding: 0px 20px; }
	.login_search_box .pop_contents .search_form .search_form_item input {
		height: 75px;
		padding: 0px 150px 0px 20px;
		border-radius: 10px; 
		font-size: 18px; 
	}

	.login_search_box .pop_contents .search_form .search_form_item button {
		right: 10px;
		width: 130px; height: 56px; 
		font-size: 18px; 
		border-radius: 10px;
	}

	.login_search_box .pop_contents .search_form .search_form_btn button {
		height: 75px;
		padding: 0px 20px;
		border-radius: 10px; 
		font-size: 18px;
	}



}

@media (max-width: 1023px) and (min-width: 750px) { 


	/****************************************
	*										*
	*		section: .agree;				*
	*										*
	*****************************************/
	section.agree { padding: 75px 0px 90px; }
	section.agree .agree_item .agree_title {  font-size: 26px; }
	section.agree .agree_item .agree_box .agree_block { font-size: 18px; }
	section.agree .agree_item .agree_box .agree_list .agree_list_title { font-size: 20px; }
	section.agree .agree_item .agree_box .agree_list .agree_list_sub { font-size: 18px; } 
	section.agree .agree_item .agree_box .agree_list .agree_list_dot { font-size: 18px; } 
	section.agree .agree_item .agree_btn label input { width: 25px; height: 25px; }
	section.agree .agree_item .agree_btn label span { font-size: 20px; }
	section.agree .agree_item .agree_btn input[type="radio"]:checked::after { font-size: 18px; }
	section.agree .agree_item { margin-top: 70px }
  

	section.agree .submit_btn { margin-top: 70px; }
	section.agree .submit_btn button {
		width: 200px; height: 60px;
		font-size: 25px; 
	}

	/****************************************
	*										*
	*		section: .login;				*
	*										*
	*****************************************/
	section.login{ padding: 75px 0px 90px; }
	section.login .login_box { display: grid; margin-top: 70px; }
	section.login .login_box .visual {
		width: 100%;
	    background-image: url(../images/email_top.png) !important;
		height: 300px;
	}

	section.login .login_box .func{
		width: 100%;
		padding: 90px 40px 90px 40px;

        display: grid;
	}
	section.login .login_box .func .join .join_btn { width: 230px; }

	section.login .login_box .func .form { max-width: 546px; justify-self: center; }
	section.login .login_box .func .join { max-width: 546px; justify-self: center; }
	section.login .login_box .func form input{ font-size: 16px; } 
	section.login .login_box .func .search{ font-size: 16px; } 
	section.login .login_box .func .search a { font-size: 16px; }
	section.login .login_box .func form button { height: 60px; }
	section.login .login_box .func .join .join_btn { height: 60px; line-height: 60px; }
	section.login .login_box .func .join .join_btn a { font-size: 16px; }

	section.login .login_box .func .join .join_info .join_info_txt1 { font-size: 16px; }
	section.login .login_box .func .join .join_info .join_info_txt2 { font-size: 14px; }






	/****************************************
	*										*
	*		section: .join;				*
	*										*
	*****************************************/
	section.join { padding: 75px 0px 60px; }

	section.join .join_form {
		padding: 70px 30px 90px;
		margin-top: 70px;
	}

	section.join .join_form form { margin-top: 0px; }

	section.join .join_form form .join_item .join_item_label { 
		width: 250px; height: 75px; line-height: 75px;
		font-size: 20px;
	}
	section.join .join_form form .join_item .join_item_val { width: calc(100% - 250px); }

	section.join .join_form form .join_item .join_item_val .join_item_in input { 
		height: 75px; font-size: 16px; 
		padding: 0px 20px;
	}

	section.join .join_form form .join_item .join_item_val .join_item_in button {
		width: 130px; height: 56px;
		font-size: 20px;
	}

	section.join .join_form form .join_item .join_item_val .join_item_in input.btn {
	   padding-right: 155px;
	}

	section.join .join_form form .join_item .join_item_val .join_item_txt { font-size: 18px; }
	section.join .join_form form .join_item .join_item_val .email_agree span { font-size: 18px; }
	section.join .join_form form .join_item .join_item_val .email_agree label { height: 22px; line-height: 22px; }
	section.join .join_form form .join_item .join_item_val .email_agree input { width: 22px; height: 22px; }

	section.join .join_form form .join_item .join_item_val .profile_img_box .profile_img { width: 150px; height: 150px; }

	section.join .join_form form .join_item .join_item_val .profile_img_box .profile_img_icon {
		bottom: 13px; left: 125px;
		width: 45px; height: 45px;
	}










	.login_search_box {
		width: 690px; height: 600px;
		padding: 80px 30px 100px;
	}


	.login_search_box .search_close {
		top: 26px; right: 26px;
		width: 20px; height: 20px;
	}

	.login_search_box .pop_contents { width: 575px; }
	.login_search_box .pop_contents .search_title { font-size: 26px; }
	.login_search_box .pop_contents .search_sub { margin-top: 20px; font-size: 20px; }
	.login_search_box .pop_contents .search_form { margin-top: 30px; }
	.login_search_box .pop_contents .search_form .search_form_item { margin-bottom: 15px; }
	.login_search_box .pop_contents .search_form .search_form_item input.view { padding: 0px 30px; }
	.login_search_box .pop_contents .search_form .search_form_item input {
		height: 88px;
		padding: 0px 190px 0px 30px;
		border-radius: 10px; 
		font-size: 18px; 
	}

	.login_search_box .pop_contents .search_form .search_form_item button {
		right: 10px;
		width: 166px; height: 66px; 
		font-size: 18px; 
		border-radius: 10px;
	}

	.login_search_box .pop_contents .search_form .search_form_btn button {
		height: 88px;
		padding: 0px 30px;
		border-radius: 10px; 
		font-size: 18px;
	}








}



@media (max-width: 1279px) and (min-width: 1024px) { 
	/****************************************
	*										*
	*		section: .login;				*
	*										*
	*****************************************/
	section.login .login_box .func{
		width: calc(100% - 300px);
		padding: 120px 40px 120px 40px;

        display: grid;
	}
	section.login .login_box .func .join .join_btn { width: 230px; }

	section.login .login_box .func .form { max-width: 546px; justify-self: center;}
	section.login .login_box .func .join { max-width: 546px; justify-self: center;}
}




/*
	@media (max-width: 479px){ 

	}

	@media (max-width: 749px) and (min-width: 480px) { 

	}

	@media (max-width: 1023px) and (min-width: 750px) { 

	}


	@media (max-width: 1279px) and (min-width: 1024px) { 

	}
*/