/* 회원가입      ==================================================================================== */  
.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: 3px; }  
.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; margin:1px 0; line-height:36px;min-height:36px; padding:0 4px; font-weight:500; } 
.join_table dl dd textarea			{border:1px solid #d8d8d8;}

.join_btn01							{display:inline-block;text-align:center; min-width:120px; font-size:0.9em; padding:0 10px; line-height:42px;color:#fff;  background:#333;  border:1px solid #333; cursor:pointer; vertical-align:top; }
.join_btn02							{display:inline-block;text-align:center; line-height:34px;height:36px;padding:0 10px;color:#fff !important;font-size:0.8em;background:#7d7d7d; border:1px solid #7d7d7d;cursor:pointer; vertical-align:top;} /* 중복검사 등 작은버튼 */
.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:#000; border-color:#000;}


/* 로그인  관련      ==================================================================================== */ 
#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:550px;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:40px 0 30px 0; }

.member_top				{padding:0 0 20px 0; text-align:center;} 
.member_top_tit			{font-weight:700; font-size:1.8em; color:#000; margin-bottom:10px; letter-spacing:-2px; line-height:1;}
.member_top_txt			{font-size:0.95em; line-height:1.4; color:#777;}
.member_top img			{width:300px;}
.member_checks			{margin:0 0 10px 0; font-size:0.95em; }
.member_checks li		{position:relative; display:inline-block; margin-right:15px;}
.member_checks li:last-child	{margin: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:58px;height:58px;color:#fff;background:#333;font-size:1em; border:1px solid #333; cursor:pointer; letter-spacing:-1px; transition: all 0.3s ease;} 
.login_btn input:hover, .login_btn div:hover	{background:#000; border-color:#000;}

.login_list						{overflow:hidden; text-align:center;  margin-top:15px;}
.login_list li					{position:relative; display:inline-block; margin-right:20px;}
.login_list li a				{color:#979797; font-size:0.9em; letter-spacing:-0.75px;}
.login_list li strong			{color:#222; font-weight:500;}
.login_list li a:after			{content:''; position:absolute; top:2px; right:-13px; bottom:0; width:1px; height:0.9em; margin:auto; background:#d1d1d2;}
.login_list li:last-child		{margin-right:0;}
.login_list li:last-child a:after	{display:none;}

.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;}


#find_area				{margin:0 auto;width:420px;padding:50px; border:1px solid #dfdfdf;}
.find_box				{ } 
.find_result_box		{border:1px solid #aaa;padding:20px 15px;text-align:center;background:#fff;}
.find_result_box div	{font-size:1.5em;color:#ff6600;font-weight:bold;padding:0 0 10px 0;}
.find_btn_wrap			{margin:25px 0 ;overflow:hidden;}
.find_btn01				{width:48%;display:inline-block;text-align:center; line-height:50px;height:50px;color:#fff;background:#444;font-size:1.4em;font-weight:bold;border:1px solid #444;}
 
 
/* 회원탈퇴      ==================================================================================== */ 
.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) { 

	.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;}

	.member_top						{padding:0 0 20px 0;}
	.member_top_tit					{font-size:1.4em;}
	.member_top_txt					{font-size:0.85em;}

	.login_snsbox					{margin:20px 0;}
	.login_snsbox p					{font-size:0.8em;}

}


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

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

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

	.login_list						{margin:10px 0 0 0;}
	#find_area						{width:100%;padding:35px 20px;}

	.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:48px; }

}