/* 로그인  관련      ==================================================================================== */ 
#login_fade				{display:none;position:absolute;top:0%;left:0%;width:100%;height:100%;background:#000;opacity:.80;z-index:999999998;}
#login_layer			{display:none;position:fixed; width:500px;overflow:hidden;z-index:999999999;-webkit-overflow-scrolling:touch;margin:0 auto;}
#login_layer #login_layer_form		{background:#fff; margin-top:50px; height:100%; border-radius:5px;}
#login_layer .login_layer_close	{position:absolute; right:0; top:0; width:50px; height:50px; background:url('./image/login_layer_close.png') no-repeat center 0; background-size:50px;cursor:pointer;}

.member_top				{text-align:center; margin-bottom:20px;} 
.member_top img			{height:60px;} 

.login_area				{margin:0 auto; width:400px; padding:30px 0;}

.login_box				{ }  
.login_input, .check_input, .id_input, .id_input2, .pw_input, .pw_input2			{box-sizing:border-box;border:1px solid #f2f2f2; background:#f2f2f2; font-size:1em; height:52px; padding: 0 10px; margin:2px 0;width:100%; letter-spacing:-1px;}
.login_btn1				{margin:10px 0 20px 0 ;}
.login_btn1 input, .login_btn1 div		{display:inline-block;box-sizing:border-box; width:100%;text-align:center;line-height:60px;height:60px;color:#fff;background:#41464a;font-size:1.2em; border:1px solid #41464a; cursor:pointer; letter-spacing:-1px; transition:all .3s;} 
.login_btn1:hover input, .login_btn1:hover div	{background:#333; border-color:#333;}


@media screen and (max-width:768px) { 
	#login_layer			{width:90%;}
	.login_area				{width:90%;}
	.login_input, .check_input, .id_input, .id_input2, .pw_input, .pw_input2	{font-size:0.9em;}
	.login_btn1 input, .login_btn1 div	{height:52px; line-height:52px; font-size:1em;}
}


/* 회원가입관련      ==================================================================================== */  
#join_area				{margin:0 auto;width:95%;padding:40px 0 ;}

.join_title				{padding:8px 10px;font-size:1.25em; font-weight:bold;background:#aaa;color:#fff;border-top:1px solid #666; margin:0 0 5px  0;}

.join_agree				{padding:0 0 20px 0px;  }
.join_title03			{height:20px;padding:0 0 17px 21px;font-weight:bold;font-size:15px;color:#ff3300;letter-spacing:-1px; background:url('./image/join_icon01.png') no-repeat 0 3px; background-size:16px auto;}
.join_title02			{height:20px;padding:0 0 17px 21px;font-weight:bold;font-size:15px;color:#222;letter-spacing:-1px; background:url('./image/join_icon01.png') no-repeat 0 3px; background-size:16px auto;}
.join_title02 span		{font-size:11px;font-weight:normal;color:#888;}
.join_title01			{background-color:#f5f5f5;padding:6px 15px;font-weight:bold;letter-spacing:-1px; }
.join_cont01			{padding:30px 15px;}
.join_agree_check		{text-align:right;padding:15px 0 0 0;font-size:1.1em;}

.join_table				{width:100%; } 
.join_table dl			{overflow:hidden; border-bottom:1px solid #d5d5d5; }
.join_table dl dt		{float:left;color:#333;text-align:left;padding:13px 0 0 10px;font-size:1.15em; letter-spacing:-0.75px; font-weight:normal; vertical-align:top; } 
.join_table dl dt label	{color:#333;}
.join_table dl dd		{margin:0 0 0 110px;padding: 10px; }  
 
.join_input, .edit_input			{border:1px solid #aaa; font-size:1.2em; line-height:27px;min-height:27px; padding:0 4px;font-weight:bold; margin:0 0 4px 0px;} 


.join_btn_wrap			{overflow:hidden;text-align:Center;padding:30px  0 0 0; border-top:1px solid #d5d5d5; }
.join_btn01				{display:inline-block;text-align:center;width:45%;max-width:180px;line-height:40px;height:40px;color:#fff;background:#444;font-size:1.2em; border:1px solid #444; cursor:pointer; vertical-align:top;}
 
.join_btn02				{display:inline-block;text-align:center; line-height:27px;height:27px;padding:0 11px;color:#fff;font-size:1em;background:#555; border:1px solid #333;cursor:pointer; vertical-align:top;} /* 중복검사 등 작은버튼 */


 
/* 회원탈퇴      ==================================================================================== */ 
.mbleave_wrap			{border:5px solid #e5e5e5;padding:25px;}
.mbleave_btn			{text-align:Center;padding:20px 0;border-top:1px solid #e5e5e5;} 
 
.leave_cont01			{padding:0 0 40px 20px;}
.leave_cont01 p			{background:url(./image/join_icon02.gif) no-repeat 0 8px;padding:0 0 5px 9px;}

 

@media screen and (max-width:768px) { 

	.join_title03				{background:url('./image/join_icon01.png') no-repeat 0 1px; background-size:16px auto;}
	.join_title02				{background:url('./image/join_icon01.png') no-repeat 0 1px; background-size:16px auto;}
	.join_agree_check			{padding:10px 0 0 0;font-size:1.1em;letter-spacing:-0.75px;}


	.join_table dl			{overflow:hidden; border-bottom:1px solid #d5d5d5; }
	.join_table dl dt		{float:none;color:#777;text-align:left;padding:12px 0 0 4px; letter-spacing:-1px; font-weight:normal; vertical-align:top; } 
	.join_table dl dd		{margin:0 0 0 0;padding:8px 4px;  }  

	#login_area				{width:90%;padding:35px 0 ;}
	.member_top				{margin-bottom:10px;} 
	.member_top img			{height:50px;}
	.member_top_tit			{font-size:32px;  }

	.login_btn2_box ul li			{background:url(./image/join_icon02.gif) no-repeat 0 12px;padding:0 0 10px 10px;font-size:1em;line-height:34px; } 
	.login_btn2_box ul li div a		{min-width:100px; }

	#find_area				{width:90%;padding:35px 0 ;}
}