/* 회원가입관련      ==================================================================================== */  
#join_wrap01			{margin:50px auto;  max-width:1000px;}

.join_title				{padding:20px 5px;font-size:1.8em;font-weight:bold;color:#333;letter-spacing:-1.5px;  border-bottom:1px solid #666;margin:0 0 20px 0;  }
.join_title p			{font-weight:bold;}
.join_title div			{font-size:13px;}

.join_agree				{padding:0 0 30px 0px;   }
.join_title03			{ padding:0 0 15px 0;font-weight:bold;font-size:1.3em;color:#ff3300; letter-spacing:-1px;  }
.join_title02			{ padding:0 0 15px 0;font-weight:bold;font-size:1.3em;color:#222; letter-spacing:-1px;  }
.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_table				{overflow:hidden; } 
.join_table li			{width:100%;border-bottom:1px solid #e5e5e5;overflow:hidden;}
.join_t01				{float:left; padding:10px;  width:20%;letter-spacing:-1px;  box-sizing:border-box; } 
.join_t02				{float:left;padding: 10px; width:80%;letter-spacing:-1px;box-sizing:border-box;   }  
.join_input_w01			{width:50%;}
.join_input_w02			{width:50%;}
 
/* screen 750px */
@media screen and (max-width:750px) {

.join_t01				{float:none; padding:  12px 0 5px 0;font-weight:500; font-size:1.1em; width:100%;   } 
.join_t02				{float:none;padding:  12px 0;  width:100%;  }  
.join_input_w01			{width:100%;}
.join_input_w02			{width:70%;}

}


.join_input, .edit_input, .check_input, .id_input, .pw_input			{border:1px solid #ccc;   padding:3px;margin:2px 0; } 
.edit_input02			{border:1px solid #ccc;   padding:3px;margin:2px 0;background-color:#f5f5f5; }
.join_textarea			{width:97%;height:140px;background-color:#ffffff; padding:10px;border: 1px solid #DADADA; overflow-x:hidden; }

.join_btn01				{text-align:Center;padding:20px 0;}
.join_btn02				{display:inline-block; width:100%; height:60px; color:#fff; font-size:1.1em; line-height:60px; border:1px solid #343a40; background:#343a40; cursor:pointer;} 
.join_btn03				{display:inline-block;zoom:1;*display:inline;line-height:33px;padding:0 10px;color:#fff;background: #666; font-size:0.85em;border:1px solid #555;cursor:pointer;
					   letter-spacing:-0.5px; min-width:75px;text-align:center;}
.join_agree_check		{text-align:Center;padding:20px 0;font-size:1.05em;}


/* 로그인  관련      ==================================================================================== */ 
.member_top				{padding:0 0 30px 0; margin:0 0 35px 0;border-bottom:3px solid #888;min-height:115px;}
.member_top_img			{float:left;}
.member_top_txt			{margin:0 0 0 215px;padding:0 0 0 0;}
.member_top_txt01		{font-size:46px;line-height:72px;color:#bbb;font-weight:bold;letter-spacing:-1px;}
.member_top_txt02		{font-size:12px;color:#777;line-height:160%;letter-spacing:-1px;}

#login_box				{position:relative; margin:60px auto;width:500px; text-align:center; padding:60px; border:1px solid #ddd;}  
#login_box .logo  			{font-size:2.8em;font-weight:700;color:#777;padding:0 0 20px 0;}  
#login_box .field				{position:relative; padding:30px 0 10px 0; }
#login_box .field .tits			{padding:10px 0; font-size:1.2em; font-weight:500;}
#login_box .field input			{box-sizing:border-box; border:1px solid #ddd; background:#fff; font-size:1em; padding: 15px 10px; margin:3px 0;width:100%; letter-spacing:-0.75px;}
#login_box .field input:focus	{border-color:#555;}
#login_box .btns input			{display:inline-block; width:100%; height:60px; color:#fff; font-size:1.1em; line-height:60px; border:1px solid #343a40; background:#343a40;} 
#login_box .btns input:hover	{background:#000; border-color:#000;}
#login_box .field i				{position:absolute; bottom: 33px; z-index:1;right:10px;}

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

#login_box .secret							{margin-bottom:15px;}
#login_box .secret #secret_key				{width:100%; border:0; border-bottom:1px solid #d4d4d4; background:transparent;padding: 8px 0px;}

.login_box02									{padding:30px 0;border-top:1px solid #ddd;margin:20px 0 0 0;}
.login_box_txt								{font-size:1.8em;color:#111;font-weight:bold;padding:0 0 15px 0;}

@media screen and (max-width:768px) { 
	#login_box					{width:90%; padding:10% 5%;} 
	#login_box .field input		{padding:12px 10px; font-size:0.95em;}
	#login_box .btns input, .join_btn02		{height:52px; line-height:52px; font-size:1em;}
	#login_box .bottom			{margin-top:10px;}
}
@media screen and (max-width:520px) { 
	#login_box					{width:100%; padding:40px 25px;margin:50px 0 0 0;}
#login_box .logo  			{font-size:2.4em; padding:0 0 10px 0;} 
}

.login_input			  { box-sizing: border-box; border: 1px solid #ddd;  background: #fff;  font-size: 1.2em; padding: 10px; margin: 5px 0; width: 100%; border-radius: 3px;}
.login_btn1				{  float:right;} 



.login_btn2_box			{border-top:1px solid #e5e5e5;;padding:20px 0;}  
.login_btn2				{margin:0 auto; width:450px;} 
.login_btn2 div			{background:url(./image/join_icon02.gif) no-repeat 0 7px;padding:0 0 7px 10px;}
.login_btn2 div span		{float:right;}

.find_box				{box-sizing:border-box; border:1px solid #ddd; background:#fff; font-size:1.3em; font-weight:bold;text-align:left;padding: 15px 10px; margin:3px 0;width:100%; letter-spacing:-0.75px;}
.find_box02				{height:125px;margin:0 auto;width:400px;}

 
/* 회원탈퇴      ==================================================================================== */ 
.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;}