

/* 로그인 레이어 관련      ==================================================================================== */ 
#login_fade					{display:none;position:fixed;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_top					{padding:0 0 20px 0; text-align:center;} 
.login_top img				{width:215px;}

.login_area					{margin:0 auto;width:400px;padding:40px 0 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:0.95em;padding: 15px 9px; 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:56px;height:56px;color:#fff;background:#494949;font-size:1em; border:1px solid #494949; cursor:pointer; letter-spacing:-1px; } 
.login_btn1 input:hover, .login_btn1 div:hover	{background:#000; border-color:#000;}

.login_list 					{display:none; 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;}
.login_list li a:after			{content:''; position:absolute; top:0; right:-11px; bottom:0; width:1px; height:0.9em; margin:auto; background:#d1d1d2;}
.login_list li:first-child a	{color:#444; font-weight:500;}
.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 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: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;}

.access_denied_box .txt			{font-size:16px !important; text-align:center;}


/* mobie screen 768 */
@media screen and (max-width:768px) {

	#login_layer			{width:90%;}
	#login_layer .login_btn1 input, .login_btn1 div, .login_btn2		{height:46px; line-height:46px; }
}


/* 회원가입관련      ==================================================================================== */  
#join_area				{margin:0 auto;width:95%;padding:40px 0 ;}

.join_title				{padding:8px 10px;font-size:1.25em; font-weight:500;background:#aaa;color:#fff;border-top:1px solid #666; margin:0 0 5px  0;}

.join_agree				{padding:0 0 20px 0px;  }
.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:500; 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;} /* 중복검사 등 작은버튼 */


/* 비번& 아이디 찾기      ==================================================================================== */ 
.member_top				{padding:0 0 30px 0; text-align:center;} 
.member_top_tit			{font-size:40px;color:#444;font-weight:500;line-height:130%; letter-spacing:-1px;}
.member_top_txt			{font-size:1.1em;color:#555;padding:10px 0 0 0; }

#find_area				{margin:0 auto;width:420px;padding:60px 0 ;}
.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:500;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:500;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;} 
 
.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;}

 
 
 /* mobie screen 768 */
@media screen and (max-width:768px) { 

	.join_agree_check		{padding:10px 0 0 0;font-size:1.1em;letter-spacing:-0.75px;}

	#join_area				{width:93%;padding:35px 0 ;}

	.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;  }  

	.member_top				{padding:0 0 10px 0;  } 
	.member_top_tit			{font-size:32px;  }

	#find_area				{width:90%;padding:35px 0 ;}


}

