/* 회원가입관련      ==================================================================================== */  
#join_area				{position:relative;width:80%; margin:0 auto;  }

.join_title 			{padding:0 0 20px 0;font-size:1.6em; text-align:center; font-weight:700; border-bottom:2px solid #666; color:#333; margin-bottom:20px; letter-spacing:-1px;}
.member_top_tit			{padding:0 0 20px 0;font-size:2em; text-align:center; font-weight:700; color:#333; letter-spacing:-2px;}
.member_top_txt			{text-align:center; margin-bottom:10px; font-size:0.9em; line-height:140%;}

.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:60px; border:1px solid #ebebeb; } 
.join_table dl			{overflow:hidden; }
.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 #d7d7d7;}
 
.join_input, .edit_input	{border:1px solid #d7d7d7;line-height:32px;min-height:32px; padding:0 4px;font-weight:500; } 

.join_btn_wrap			{overflow:hidden;text-align:Center; margin:40px 0 0 0;; }
.join_btn01				{display:inline-block;text-align:center; min-width:160px;line-height:52px; font-size:1.05em; color:#fff; letter-spacing:-0.75px; background:#3b414d;  border:1px solid #3b414d; 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:#4084be; border:1px solid #4084be;cursor:pointer; vertical-align:top;} /* 중복검사 등 작은버튼 */
.join_btn03				{display:inline-block;text-align:center; min-width:160px; line-height:52px; font-size:1.05em;color:#333; letter-spacing:-0.75px; background:#fff;  border:1px solid #333; cursor:pointer; vertical-align:top;  }
.join_btn01:hover, .join_btn02:hover, .join_btn03:hover	{background:#000; color:#fff; border-color:#000;}
.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;}

.join_part_wrap			{border:4px solid #ebebeb; display:grid; grid-template-columns: repeat(2, 1fr); padding:40px 0;}
.join_part_wrap dl		{position:relative; padding:0 0 80px 160px; background:url('./image/part1.png') no-repeat 40px -10px; background-size:100px;}
.join_part_wrap dl:last-child	{border-left:1px solid #ddd; background-image:url('./image/part2.png');}
.join_part_wrap dl dt	{font-weight:700; font-size:1.4em; color:#333; margin-bottom:10px;}
.join_part_wrap dl dt span	{font-size:15px;}
.join_part_wrap dl dd	{color:#777; line-height:1.4;}
.join_part_wrap .join_btn01		{position:absolute; left:50%; transform:translateX(-50%);bottom:0; width:80%; line-height:48px; margin:0 auto;}

@media screen and (max-width:1024px) { 
	.join_part_wrap			{padding:25px 0;}
	.join_part_wrap dl		{padding:110px 20px 0 20px; text-align:center; background-position:center top;}
	.join_part_wrap dl dt			{font-size:1.25em; margin-bottom:5px;}
	.join_part_wrap dl dd			{font-size:0.95em;}
	.join_part_wrap dl dd br		{display:none;}
	.join_part_wrap .join_btn01		{position:relative; display:block; width:120px; left:0; line-height:42px; transform:none; margin:10px auto 0 auto; }
}

/* 로그인  관련      ==================================================================================== */ 
#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:600px;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: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:52px;height:52px;color:#fff;background:#002f59;font-size:1em; border:1px solid #002f59; cursor:pointer; letter-spacing:-1px; } 
.login_btn1 input:hover, .login_btn1 div:hover		{background:#000; border-color:#000;}

.login_btn2				{display:inline-block;box-sizing:border-box; font-weight:500; width:100%;text-align:center;line-height:60px;height:60px;color:#00a096;background:#fff;font-size:1.3em; border:1px solid #00a096; cursor:pointer; letter-spacing:-1px;} 

.login_line01			{border-top:1px solid #e4e4e5;margin-top:20px;}
.login_info				{padding:20px 0px;}
.login_info p			{text-align:left; padding:0 0 0 15px; line-height:160%; font-size:0.85em; color:#333; letter-spacing:-1px; font-weight:normal; background:url("../../../web/korean/image/common/icon01.gif") no-repeat 4px 7px; }

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

.login_list 					{text-align:center;}
.login_list li					{position:relative; display:inline-block; margin-right:15px;}
.login_list li a				{color:#979797; font-size:0.9em;}
.login_list li a:after			{content:''; position:absolute; top:0; right:-9px; 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_btn2_box			{border-top:1px solid #d5d5d5;;padding:20px 0;}  
.login_btn2_box ul		{}
.login_btn2_box ul li	{padding-bottom:8px; overflow:hidden;line-height:27px;color:#666;}
.login_btn2_box ul li div		{float:right;}
.login_btn2_box ul li div a		{color:#eee;display:inline-block;background:#666;color:#eee;min-width:110px;font-size:1em; text-align:center;cursor:pointer;}

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

#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 .txt	{font-size:16px !important; text-align:center;}

 
/* 회원탈퇴      ==================================================================================== */ 

.mbleave_btn			{text-align:center; } 
.mbleave_btn div		{display:inline-block;text-align:center; min-width:160px;line-height:52px; font-size:1.05em; color:#fff; letter-spacing:-0.75px; background:#3b414d;  border:1px solid #3b414d; cursor:pointer; vertical-align:top; }
.mbleave_btn div:hover	{background:#000; border-color:#000;}


 /* 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) {


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

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

	.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_btn03		{padding:0 20px; min-width:60px; line-height:36px; font-size:0.85em; }
}




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

	.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: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;padding: 10px 9px; font-size:0.9em;}

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

	.login_area				{padding:20px 0 ;}
}

