/* 회원가입      ==================================================================================== */  
.member_top							{padding:0 0 20px 0; text-align:center;} 
.member_top img						{width:270px;}
.member_top_tit						{font-weight:700; font-size:2em; color:#000; margin-bottom:15px; letter-spacing:-1px; line-height:1;}
.member_top_txt						{font-size:0.95em; line-height:1.4; color:#777;}

.join_table							{width:100%; border-top:1px solid #333; border-bottom:1px solid #ddd; padding:20px 10px;} 
.join_table dl						{overflow:hidden; }
.join_table dl dt					{float:left; font-weight:500; color:#333; color:#333; text-align:left; padding:12px 0 0 0; letter-spacing:-0.75px; font-weight:normal; vertical-align:top; } 
.join_table dl dt label				{font-weight:500; color:#333;}
.join_table dl dd					{margin:0 0 0 150px;padding: 5px; }  
.join_table dl dd span				{font-size:0.85em; color:#777;}
.join_table dl dd p					{font-size:0.85em; margin-top:5px;}
.join_table dl dd select			{height:36px;border: 1px solid #d8d8d8;}
.join_table dl dd input				{border:1px solid #d8d8d8; font-size:1.1em; line-height:36px;min-height:36px; padding:0 4px; font-weight:500; } 

.join_btn01							{display:inline-block;text-align:center; min-width:120px; font-size:0.9em; padding:0 10px; line-height:42px;color:#fff;  background:#000;  border:1px solid #000; cursor:pointer; vertical-align:top; }
.join_btn02							{display:inline-block;text-align:center; line-height:32px;height:34px;padding:0 10px;color:#fff;font-size:0.85em;background:#7d7d7d; border:1px solid #7d7d7d;cursor:pointer; vertical-align:middle;} /* 중복검사 등 작은버튼 */
.join_btn03							{display:inline-block;text-align:center; min-width:120px; font-size:0.9em; line-height:42px;color:#fff;  background:#a0a0a0;  border:1px solid #a0a0a0; cursor:pointer; vertical-align:top;  }
.join_btn01:hover, .join_btn03:hover		{background:#f66000; border-color:#f66000;}

.form_privacy_wrap .agree_textarea	{border:0; padding:0;}
.form_privacy_wrap					{border:1px solid #e6e6e6; padding:15px; }
.form_privacy_wrap .box				{font-size:0.9em;}			
.form_privacy_wrap .bottom			{background:#f9f9f9; text-align:center; padding:10px 15px; margin-top:10px; font-size:0.9em;}
.form_privacy_wrap .bottom p		{padding:2px 0;}


/* 로그인     ==================================================================================== */ 
#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;}

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

.login_box							{ }  
.login_box input					{box-sizing:border-box;border:1px solid #f2f2f2; background:#f2f2f2; font-size:0.95em;padding: 15px 9px; margin:3px 0;width:100%; letter-spacing:-0.75px;}
.login_box input:focus				{background:#ffcc00; border-color:#ffcc00; color:#000;}
.login_btn							{margin:3px 0; }
.login_btn input, .login_btn div	{display:inline-block;box-sizing:border-box; font-weight:500; width:100%;text-align:center;line-height:56px;height:56px;color:#fff;background:#333;font-size:1em; border:1px solid #333; cursor:pointer; letter-spacing:-1px; } 
.login_btn input:hover, .login_btn div:hover	{background:#000; border-color:#000;}


.login_list							{overflow:hidden;}
.login_list li						{float:left; width:33.3%; background:#7d7d7d; text-align:center; padding:7px 0; border-right:2px solid #fff; }
.login_list li:last-child			{border:0;}
.login_list li a					{display:inline-block; width:100%; color:#fff; font-size:0.85em; letter-spacing:-0.75px; }
.login_list li:hover				{background:#000;}

.login_snsbox						{overflow:hidden; text-align:center; margin:15px 0 0 0;}
.login_snsbox p						{font-size:0.9em; margin-bottom:5px;  font-weight:700;}
.login_snsbox ul					{overflow:hidden;}
.login_snsbox ul li					{display:inline-block; width:42px; height:42px; border-radius:50px; margin:0 1px;}
.login_snsbox .sns_n				{background:url('./image/sns_n.png') no-repeat center #1dc800;background-size:27px auto;}
.login_snsbox .sns_k				{background:url('./image/sns_k.png') no-repeat center #ffeb00;background-size:27px auto;}
.login_snsbox .sns_f				{background:url('./image/sns_f.png') no-repeat center #3b5999;background-size:27px auto;}
.login_snsbox .sns_g				{background:url('./image/sns_g.png') no-repeat center #cc3731;background-size:27px auto;}
.login_snsbox .sns_t				{background:url('./image/sns_t.png') no-repeat center #28a9e0;background-size:27px auto;}

#find_area							{margin:0 auto;width:500px;padding:50px; border:1px solid #ddd;}


/* 회원탈퇴      ==================================================================================== */ 
.mbleave_wrap						{border:5px solid #e5e5e5;padding:25px;}
.mbleave_btn						{text-align:center;padding:20px 0;border-top:1px solid #e5e5e5;} 
.mbleave_btn div					{box-sizing:border-box;display:inline-block;zoom:1;*display:inline;width:150px;text-align:center;line-height:40px;height:40px;color:#fff;background:#444;font-size:1.2em;font-weight:bold;border:1px solid #444; cursor:pointer;}  


 /* screen 1024 */
@media screen and (max-width:1024px) { 

	.member_top						{padding:0 0 20px 0;}
	.member_top_tit					{font-size:1.4em; margin-bottom:10px;}
	.member_top_txt					{font-size:0.85em;}
	.join_table						{padding:10px;}
	.join_table dl dt				{font-size:0.9em;}
	.join_table dl dd input			{min-height:32px; line-height:32px;}
	.join_btn02						{height:32px; line-height:32px;}

	.login_snsbox p					{font-size:0.8em;}

}


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

	.member_top						{padding:0 0 15px 0;} 
	.member_top img					{width:200px;}

	.join_table dl					{overflow:hidden; }
	.join_table dl dt				{float:none; padding:0;} 
	.join_table dl dd				{margin:0;padding:5px 0; }  

	#find_area						{width:100%;padding:50px 0;}

	.join_btn01, .join_btn03		{padding:0 12px; min-width:60px; line-height:36px; font-size:0.85em; }
	.join_btn02						{line-height:30px;}
}



 /* screen 580 */
@media screen and (max-width:580px) { 

	#login_layer					{width:90%;}
	.login_area						{width:90%; padding:20px 0;}

	.login_box input				{font-size:0.9em;padding:12px 9px; font-size:0.9em;}
	.login_btn input, .login_btn div	{height:48px; line-height:44px; }

}