/* 회원가입관련      ==================================================================================== */  
#join_area				{position:relative;max-width:800px;margin:auto; }

.join_title 						{padding:10px 0 40px 0;font-size:1.6em; text-align:center; font-weight:700; color:#333;  letter-spacing:-1px;}
.member_top_tit			{padding:0 0 20px 0;font-size:1.6em; text-align:center; font-weight:700; color:#333; letter-spacing:-1px;}
.member_top_txt			{text-align:center; margin-bottom:10px; font-size:0.9em;}

.join_agree				{padding:0 0 20px 0px;  }
.join_title03			{height:30px;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:30px;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%; padding:50px;border:1px solid #ddd; border-top:2px solid #333; } 
.join_table dl			{overflow:hidden; padding:4px 0;}
.join_table dl dt		{float:left; font-weight:500; color:#333; text-align:left; padding:12px 0 0 0;  font-size:1em; letter-spacing:-0.75px; 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.9em; color:#777; margin-left:5px;}
.join_table dl dd p		{font-size:0.9em; margin-top:5px;}
.join_table dl dd select{height:32px;border: 1px solid #d8d8d8;}
 
.join_input, .edit_input	{border:1px solid #d8d8d8;line-height:36px;min-height:36px; padding:0 10px;font-weight:500; } 

.join_btn_wrap			{overflow:hidden;text-align:Center;padding:40px 0 0 0;  }
.join_btn01				{display:inline-block;text-align:center; min-width:120px; font-size:0.9em; line-height:42px;color:#fff;  background:#333;  border:1px solid #000; cursor:pointer; vertical-align:top; }
.join_btn02				{display:inline-block;text-align:center; line-height:34px;height:34px;padding:0 11px;color:#fff;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:#333;  background:#fff;  border:1px solid #333; cursor:pointer; vertical-align:top;  }
.join_btn01:hover, .join_btn03:hover		{background:#000; color:#fff; }
.join_btn03:hover  a	{color:#fff;}
.join_btn_add			{margin-bottom:5px;}
 
.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_notice			{background:#f3f3f3;padding:15px;margin-bottom:10px;}

.member_top				{padding:0 0 20px 0; text-align:center;} 
.member_top p			{font-weight:500; color:#222; font-size:1em; margin-top:7px;}
.member_top span		{font-weight:700;}
.member_top img			{width:208px;}

.login_area				{margin:0 auto;width:400px;padding:40px 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:0.95em;padding:0 9px; height:52px; margin:3px 0;width:100%; letter-spacing:-1px;}
.login_btn1				{margin:3px 0 10px 0; }
.login_btn1 input, .login_btn1 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_btn1 input:hover, .login_btn1 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:#888; 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:0; 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;}

.login_snsbox			{overflow:hidden; text-align:center; margin:25px 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:25px auto;}
.login_snsbox .sns_k		{background:url('./image/sns_k.png') no-repeat center #ffeb00;background-size:25px auto;}
.login_snsbox .sns_f		{background:url('./image/sns_f.png') no-repeat center #3b5999;background-size:25px auto;}
.login_snsbox .sns_g		{background:url('./image/sns_g.png') no-repeat center #cc3731;background-size:25px auto;}
.login_snsbox .sns_t		{background:url('./image/sns_t.png') no-repeat center #28a9e0;background-size:25px auto;}

#find_area				{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:420px;padding:50px ; border:1px solid #ddd; }
.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;}

 
/* 비회원일때 로그인 하세요   =================================== */
.access_denied_box				{padding:70px 0;  border:1px solid #dfdfdf;  font-size:1.1em;letter-spacing:-1px;text-align:center; background:url('./image/people_login02.png') no-repeat center 40px;}
.access_denied_box .txt		{padding:230px 0 50px 0;font-weight:600;font-size:1.3em; letter-spacing:-1px;color:#111; line-height:1.4; }
.access_denied_box .btn01	{ display:inline-block;text-align:center; min-width:150px; font-size:1.05em; font-weight:500;margin:0 2px; padding:0 20px; line-height:48px;color:#fff;  border-radius:3px; background:#646e7d;  border:1px solid #5a6370; cursor:pointer; vertical-align:top; transition:all 0.3s ease;} 
.access_denied_box .btn01:hover       {background:#343739; border-color:#343739; color:#fff;}
 
@media screen and (max-width:768px) {
.access_denied_box					{padding:70px 30px; background-size:400px auto;}
.access_denied_box .txt			{padding:180px 0 40px 0 ;font-size:1.2em; } 
}
/* 비회원일때 로그인 하세요   =================================== */

 
/* 회원탈퇴      ==================================================================================== */ 
.mbleave_wrap			{border:5px solid #e5e5e5;padding:40px;}



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

	#join_area				{width:100%; padding:10px;}
	#join_area .join_title	{font-size:1.4em; padding:0 0 15px 0; margin-bottom:10px;}
	#join_area p			{font-size:0.8em;}
	#join_area .count_stxt	{padding:0 0 5px 0;}
	.join_btn_wrap			{margin-top:10px; padding:15px 0 0 0;}

	.join_table dl dt, .join_table dl dd		{font-size:0.95em;}
	.login_bottom_list li	{padding:5px 0;}
	.login_snsbox			{margin:20px 0;}
	.login_snsbox p			{font-size:0.8em;}

	.join_input, .edit_input	{min-height:30px; line-height:30px;}
	.join_btn02					{height:30px; line-height:30px;}


}


/* mobie screen 768 */
@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				{ padding:30px 10px; border:0 solid #ddd; border-top:2px solid #333; border-bottom:1px solid #ddd; }
	.join_table dl			{overflow:hidden; }
	.join_table dl dt		{float:none; padding:0 0 5px 0;} 
	.join_table dl dd		{margin:0;padding:5px 0; }  

	.login_btn2_box ul li			{padding-bottom:10px;font-size:1.1em;line-height:34px; } 

	.login_list li a				{font-size:0.8em;}

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

	.login_area				{width:90%;}

	#login_layer			{width:90%;}
	.join_btn_add			{width:100%;max-width:100%; line-height:36px;}

	.mbleave_wrap			{padding:20px;}
}



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

	#find_area				{width:100%;padding:35px 10px ;}

	.member_top				{padding:0 0 15px 0;} 

	.login_input, .check_input, .id_input, .id_input2, .pw_input, .pw_input2	{font-size:0.9em; height:46px; font-size:0.9em;}

	#login_layer .login_btn1 input, .login_btn1 div, .login_btn2		{height:46px; line-height:46px; }

	.login_area				{padding:20px 0 ;}
}