@charset "euc-kr";
.join_type_box { width:870px; padding:30px; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd; }
.join_type_box p { text-align:center; }



/***********************************************************************/
/*·Î±×ÀÎ Æû**************/
/***********************************************************************/

.login_box { width:100%; height:322px; border-bottom:1px solid #dddddd; background:url(../images/sp_member/join.jpg) no-repeat left top; background-color:#fbfbfb; position:relative; }
.login_box .inner { width:387px; margin:40px 48px 0px 50%; }
.login_box .inner h3 { font-family:'¸¼Àº°íµñ', 'Malgun Gothic'; font-size:28px; font-weight:normal; color:#222222; line-height:63px; }
.login_box .inner h3 span {color:#0b70bd; }
.login_box .inner p.message { font-size:12px; color:#555555; line-height:20px; margin-bottom:20px; padding:0px }
.login_box .inner p.mem_type { margin:10px 5px; }
.login_box .inner ul { position:relative; overflow:hidden; }
.login_box .inner ul li.ipt_box { float:left; width: 285px; height:83px;  margin:0px; padding:0px;}
.login_box .inner ul li.ipt_box input { width:273px; height:34px; *height:32px; _height:34px; background:#ffffff; border:1px solid #dfdfdf; padding:0px 0px 0px 10px; margin:0px 0px 10px 0px; }

.login_box .inner ul li.btn_box { float:right; width:97px; height:83px; margin:0px; padding:0px; }
.login_box .inner ul li.btn_box input.login_bt { width:97px; height:83px; background:#397ca8; font-size:15px; color:#ffffff; margin:0px; padding:0px; letter-spacing:-0.05em; }
.login_box .inner p label { line-height:30px; }
.login_box .inner ul.login_ipt { display:none; }

.login_btn_add { width:100%; }
.login_btn_add ul { position:relative; overflow:hidden; }
.login_btn_add ul li { float:left; width:50%; line-height:22px; color:#666666;  }
.login_btn_add ul li dl  { position:relative; overflow:hidden; margin-top:30px; }
.login_btn_add ul li dl dt { float:right; width:40%; text-align:right; }
.login_btn_add ul li dl dt a { display:inline-block; margin-right:10px;}
.login_btn_add ul li dl dd { float:left; width:60%;background:url(../images/member/dot.jpg) no-repeat left 5px; }
.login_btn_add ul li dl dd p { padding-left:10px; font-size:12px; letter-spacing:-0.025em; line-height:150%;}
.login_btn_add ul li dl dt a img.mr_5 { margin-right:5px;}

.login_btn_add2 { width:100%; }
.login_btn_add2 dl  { position:relative; overflow:hidden; margin-top:20px; }
.login_btn_add2 dl dt { float:right; width:20%; text-align:right; }
.login_btn_add2 dl dt a { display:inline-block; margin-right:10px;}
.login_btn_add2 dl dd { float:left; width:80%;background:url(../images/member/dot.jpg) no-repeat left 15px; }
.login_btn_add2 dl dd p { padding-left:10px; font-size:12px; letter-spacing:0em;  line-height:39px;}
.login_btn_add2 dl dt a img.mr_5 { margin-right:5px;}


/***********************************************************************/
/*¾ÆÀ̵ðÆнº¿öµå ã±â Æû**************/
/***********************************************************************/

.login_box2 { width:100%; border-top:1px solid #ddd; border-bottom:1px solid #dddddd; background:#fbfbfb; margin-top:10px; position:relative; overflow:hidden; }
.login_box2 .id_part,
.login_box2 .pw_part { float:left; width:39%; padding:0px 5%; margin:20px 0px 30px 0px; }
.login_box2 .pw_part { border-left:1px solid #dddddd; }
.login_box2 div h3 { font-family:'¸¼Àº°íµñ', 'Malgun Gothic'; font-size:23px;  font-weight:normal; color:#222222; line-height:63px; }
.login_box2 div  h3 span { color:#0b70bd; }
.login_box2 div  p.message { font-size:12px; color:#555555; line-height:20px; margin-bottom:20px; padding:2px 0px; }
.login_box2 div  ul { position:relative; overflow:hidden; }
.login_box2 div  ul li.ipt_box { float:left; width: 230px;  margin:0px; padding:0px;}
.login_box2 div  ul li.ipt_box input { width:218px; height:34px; *height:32px; _height:34px; background:#ffffff; border:1px solid #dfdfdf; padding:0px 0px 0px 10px; margin:0px 0px 10px 0px; }

.login_box2 div  ul li.btn_box { float:right; width:97px; height:83px; margin:0px; padding:0px; }
.login_box2 div  ul li.btn_box input.sear_bt { width:97px; height:83px; background:#2e75a4; color:#ffffff; margin:0px; padding:0px; }
.login_box2 div  p label { line-height:30px; }


/***********************************************************************/
/*ȸ¿ø°¡ÀÔ**************/
/***********************************************************************/


.join_page_tt {  padding:10px 5px; font-size:17px; line-height:160%; font-weight:bold; color:#222222; }
.join_page_tt img { vertical-align:middle; margin-right:10px; }
.join_message { line-height:22px; padding:10px 20px; border-radius:15px; behavior:url(../css/PIE.htc); background:#f7f7f7; font-size:13px; color:#444444, }

.join_message input[type=text]{ width:25%; border:1px solid #dddddd; height:20px; line-height:20px;  font-size:13px; padding:2px 20px; }
.join_tt_sub {padding-left:0px; margin-top:25px; line-height:40px; font-size:16px; font-weight:600; color:#333333; letter-spacing:-0.05em; }
.join_tt_sub2 {padding-left:0px; line-height:40px; font-size:16px; font-weight:600; color:#333333; letter-spacing:-0.05em; }


/* 1´Ü°è */
.join_ra { padding:10px; text-align:center; font-size:13px; color:#555555;  }
.join_ra input { margin-right:5px; }


/*2´Ü°è*/
.tbl_st7 { border:0px; padding:0px; margin:20px 0 0 0;  font-size:15px; border-top:2px solid #c15959; margin-bottom:30px; }
.tbl_st7 thead th { background:#f7faff; color:#333333; border-bottom:1px solid #aaaaaa; line-height:15px; padding:5px 10px; }
.tbl_st7 tbody th { background:#f8f8f8; color:#444444; font-weight:600; border-bottom:1px solid #dddddd; border-right:1px solid #dddddd; line-height:15px; padding:5px 10px; vertical-align:middle; text-align:left; font-size:13px; }
.tbl_st7 tbody td { color:#555555; border-bottom:1px solid #dddddd; border-right:1px solid #dddddd; line-height:15px; padding:10px 10px; vertical-align:middle; text-align:left; font-size:15px; }
.tbl_st7 thead th:last-child, .tbl_st7 tbody th:last-child, .tbl_st7 tbody td:last-child { border-right:none; }

.w_1{ border:1px solid #ddd; width:130px; background:#f7faff;}
.w_2{ border:1px solid #ddd; width:130px; background:#f7faff;}

.w_4{ border:1px solid #ddd; width:130px; background:#f7faff;}
.w_5{ border:1px solid #ddd; width:180px; background:#f7faff;}
.w_6{ border:1px solid #ddd; width:380px; background:#f7faff;}
.btn_med{ font-size:13px;}


/* 3´Ü°è */
.join_complete {  border-top:1px solid #ddd; border-bottom:1px solid #dddddd; background:url(../images/sp_member/join.jpg) no-repeat left center; background-color:#fbfbfb;  padding:40px 0px; }
.join_complete p {font-size:12px; color:#555555; line-height:20px; margin-bottom:20px; margin-left:45%; }
.join_complete .join_msg {font-size:18px; font-weight:600; color:#333333; line-height:30px; }
.join_complete .join_info_check { font-weight:600; color:#555555; position:relative; }
.join_complete .join_info_check span { position:absolute; left:60px; }


.join_agree { border:4px double #dddddd; padding:20px; height:160px; overflow-y:scroll;  }
.join_agree .agree_form { display:none; }
.join_agree .agree_txt h4 a { display:none; }
.join_agree .top_icon{ display:none; }

.join_agree2 { border:4px double #dddddd; padding:10px 20px; height:60px;  }




/***********************************************************************/
/*ȸ¿øÅ»Åð**************/
/***********************************************************************/
.withdrawal_st {  width:590px; margin-left:45%; table-layout:fixed; }
.withdrawal_st th,
.withdrawal_st td { text-align:left; padding:5px 0px;  }
.withdrawal_st td input { width:35%; border:1px solid #dddddd; height:24px; line-height:24px;  font-size:13px;padding:2px 10px; line-height:170%;}
.withdrawal_st td textarea { width:60%; border:1px solid #dddddd; padding:10px; line-height:170%; }


/*ȸ¿ø°¡ÀÔ*/
@charset "utf-8";
/* CSS Document */
/*sub01*/

.sub01_contents{
	width:100%;

}

.sub01_topimg{
	width:100%;
	border-bottom:1px solid #CCC;
	}
.sub01_topimg02{
	width:1000px;
	margin:0 auto;
	}	

.sub01_contents01{
	width:980px;
	margin-left:20px;
	float:left;
}
.sub01_leftall{
	width:164px;
	float:left;
	border-right:1px solid #999;
	border-left:1px solid #999;}
.sub01_left01{
	border-bottom:1px solid #999;}			
.sub01_rightall{
	width:760px;
	margin-left:54px;
	float:left;
	}	
.sub01_benner01{
	float:left;}
.sub01_tab01{
	float:left;
	width:760px;}	
.sub01_tab02{
	float:left;}
.sub01_linkbox{
	width:725px;
	background-color:#f8f8f8;
	border:1px solid #a4a4a4;
	padding:10px;
	float:left;
	font-size:14px;
	font-family:"µ¸¿ò";
}	
.sub01_box_font{
	font-size:14px;
	font-weight:bold;
	font-family:dotum;
	}
.sub01_box_font a{
	text-decoration:none;
	color:#000}		
/*sub02*/
.sub02_table{
	border:1px solid #999;}	
.sub02_text{
	font-family:dotum;
	font-size:13px;}	
.sub02_text02{

	font-family:dotum;
	font-size:13px;
	width:760px;
	margin-top:10px;
	}
.sub02_text03{

	font-family:dotum;
	font-size:20px;
	width:560px;
	margin-top:20px;
	font-weight:bold;
	padding-left:190px;
	
	}
.sub02_text04{

	font-family:dotum;
	font-size:13px;
	width:240px;
	margin-top:20px;
	padding-left:520px;
	}
		
.sub02_table02{
	float:left;
	width:760px;
	font-family:dotum;
	font-size:13px;
	margin-top:10px;
	}
.sub02_table03{
	border:1px solid #999;
	}
.sub02_table04{
	border:1px solid #999;
	background-color:#CCC;
	}
.sub02_table05{
	border-bottom:5px solid #666;
	}		
.sub02_text05{
	padding-left:5px;
	border-right:1px solid #999;}	
.sub02_text06{
	padding-left:5px;
	border-right:1px solid #999;
	border-bottom:1px solid #999;}	
.sub02_text07{
	padding-left:5px;
	border-bottom:1px solid #999;}							
.sub02_text08{
	padding-left:5px;
	border-left:1px solid #999;
	border-right:1px solid #999;
	border-bottom:1px solid #999;}
.sub02_text09{
	padding-left:5px;}	
.sub02_text010{
	padding-right:5px;
	border-bottom:1px solid #999;}	
.sub02_text011{
	padding:5px;}
.sub02_text012{

	font-family:dotum;
	font-size:20px;
	width:630px;
	margin-top:20px;
	font-weight:bold;
	padding-left:130px;
	
	}
.sub02_text013{
	padding-right:5px;}					
.sub02_btn{
	float:left;

	}
.sub02_text014{

	font-family:dotum;
	font-size:20px;
	width:460px;
	margin-top:20px;
	font-weight:bold;
	padding-left:300px;
	
	}
.sub02_text015{
	padding-right:5px;}
.sub02_text021{

	font-family:dotum;
	font-size:20px;
	width:560px;
	margin-top:20px;
	font-weight:bold;
	padding-left:150px;
	
	}
.sub02_text022{
	padding-left:5px;}	
.sub02_text023{
	padding-left:10px;}				
.sub02_btn02{
	margin-left:10px;
	float:left;}	
.sub02_btnall{
	float:left;
	width:480px;
	margin-top:20px;
	margin-left:280px;
	}
.sub02_boxstyle	{
	border:1px solid #CCC;
	background-color:#f5faff;
	margin-top:10px;}
.sub02_boxstyle01	{
	padding-left:10px;
	font-family:dotum;
	font-weight:bold;
	font-size:15px;}
.sub02_boxstyle02{
	padding-left:5px;}
.sub02_boxstyle03	{
	padding-left:10px;
	font-family:dotum;
	font-size:15px;}	
.sub02_tablecolor01{
	border:1px solid #CCC;
	margin-top:15px;
	}	
.sub02_title01{
	font-family:nanumgothic;
	font-size:25px;
	color:#5d67a4;
	font-weight:bold;
}
.sub02_table06{
	width:100%;}
.sub_photo01{
	padding:15px;
	}
.sub02_text016{
	font-size:20px;
	font-weight:bold;
	border-bottom:2px solid #333;
	padding-top:4px;
	padding-right:15px;
	font-family:nanumgothic;}	
.sub02_text017{
	font-size:13px;
	font-weight:bold;
	font-family:dotum;
}	
.sub02_text018{
	font-size:13px;
	font-family:dotum;
}
.sub02_text019{
	font-size:13px;
	font-weight:bold;
	font-family:dotum;
	padding-top:5px;
}
.sub02_text020{
	font-size:13px;
	font-family:dotum;
	padding-top:5px;
}
.sub02_title02{
	font-family:nanumgothic;
	font-size:25px;
	color:#5d67a4;
	font-weight:bold;
	margin-top:30px;
}
.sub02_tablestyle02{
	padding-left:5px;
	font-family:dotum;
	font-size:15px;}	
.sub02_tablestyle03{
	padding-left:10px;
	font-family:dotum;
	font-size:15px;}
.sub02_tablestyle04{
	font-family:dotum;
	font-size:15px;}
.sub02_tablestyle05{
	font-size:12px;}	
.sub02_tablestyle06{
	font-size:15px;
	font-weight:bold;}
.sub02_margin{
	margin-left:10px;}
	
.join_img {border-top:1px dotted #999999;
	border-bottom:1px dotted #999999;}
									
/*join*/
/*.join_contents{
	float:left;
	border-top:3px solid #666;}
*/.join_tableall{
	border:1px solid #999;
	margin-top:10px;}
.jointext{
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	background-color:#f7f7f7;
	padding-left:5px;}	
.jointext0{
	border-right:1px solid #999;
	background-color:#f7f7f7;
	padding-left:3px;}	
.jointext01{
	padding-left:5px;
	border-bottom:1px solid #999;}	
	
	
.jointext01 a img {margin-left:-20px;}
	
.jointext01 input {border:1px solid #999999;}
.jointext02 input {border:1px solid #999999;}

.jointext02{
	padding-left:3px;
}
.jointext00{
	padding-left:5px;
}
.jointext00 input {border:1px solid #999999;}

.jointext03{
	border-bottom:1px solid #999;}
	
/*login*/
.loginimg01{
	float:left;}
.login_contents{
	float:left;
	border-top:3px solid #666;
	width:762px;}
.loginimg02{
	float:left;
	width:426px;}
.loginimg03{
	padding-top:10px;}		
.loginimg04{
	padding-left:5px;
	font-family:dotum;
	font-size:12px;}