.memberstep											{ position: relative;float:left; width:100%; height:50px; margin-bottom:20px; }
.memberstep li										{  display:inline-block; border:1px solid #999999; background:linear-gradient(to bottom, #ffffff 1%,#f7f7f7 100%); width:32%;font-size:13px; text-align:center; padding:7px 0; }
.memberstep .tab_on{ background-color:#2065b2; color:#fff; font-weight:bold;background:linear-gradient(to bottom, #0089cf 1%,#0075b3 100%); border:1px solid #0057a0; }

.stipulbox2{ margin-top: 10px; padding: 20px; border: 3px solid #f5f5f5; }

.stipultitle {border-left:3px solid #333; padding-left:7px; color:#333; font-weight:bold; margin:30px 0 10px 0; line-height:10px; display:inline-block;}
.agree_wrapper .stipulbottom{ height:110px; border:#bfbfbf solid 1px;overflow-x:hidden; overflow-y: auto; margin-bottom:10px; line-height:1.5em; padding:20px; letter-spacing: 0; }
.agree_wrapper .input-row{line-height:2.0em;}
.agree_wrapper .input-row input{ margin-top:3px; width:17px; height:17px;}
.formbt2{ text-align:center; }
.formbt{ float: left; width: 100%; padding-top: 20px; text-align:center; }
.formbt .col_b{ display: inline-block; min-width: 110px; font-size: 13px; line-height: 30px; color:#fff; font-weight:bold; text-align:center; box-shadow: #c9061f solid 1px; border-radius: 3px; font-family: "맑은고딕",Malgun Gothic,"나눔고딕",Nanum Gothic,"돋움",dotum,AppleGothic,sans-serif; -webkit-appearance: none; cursor: pointer; border: 0; background-color: #1F4787; }
.formbt .col_b:hover{ background-color: #323da2; }
.formbt2 input{ display: inline-block; min-width: 110px; font-size: 13px; line-height: 30px; color:#fff; font-weight:bold; text-align:center; box-shadow: #c9061f solid 1px; border-radius: 3px; font-family: "맑은고딕",Malgun Gothic,"나눔고딕",Nanum Gothic,"돋움",dotum,AppleGothic,sans-serif; -webkit-appearance: none; cursor: pointer; border: 0; background-color: #1F4787; }
.formbt input { display: inline-block; min-width: 110px; font-size: 13px; line-height: 30px; color:#fff; font-weight:bold; text-align:center; box-shadow: #c9061f solid 1px; border-radius: 3px; font-family: "맑은고딕",Malgun Gothic,"나눔고딕",Nanum Gothic,"돋움",dotum,AppleGothic,sans-serif; -webkit-appearance: none; cursor: pointer; border: 0; background-color: #1F4787; vertical-align: middle; }
.formbt a     { display: inline-block; min-width: 110px; font-size: 13px; line-height: 30px; color:#fff; font-weight:bold; text-align:center; box-shadow: #c9061f solid 1px; border-radius: 3px; font-family: "맑은고딕",Malgun Gothic,"나눔고딕",Nanum Gothic,"돋움",dotum,AppleGothic,sans-serif; -webkit-appearance: none; background-color: #555; vertical-align: middle; }
.formbt2 input:hover{ background-color: #323da2; }
.formbt input:hover{ background-color: #323da2; }
.formbt a:hover{ background-color: #424242; }

.namecheck													{float:left;padding:15px 0 0 0 ;width:670px;}
.namecheck	.bg1									{float:left; width:345px; background:url(../img/check_bg1.gif) 10px top  no-repeat;}
.namecheck	.bg1	.text								{ float:left; padding:0 0 0 10px}

.namecheck	.bg1 .text2						{position: relative;float:left;text-align:center ;padding:10px 0 0 25px;width:260px ;font:normal 8pt dotum,'돋움' ;color:#ffffff;}
.namecheck	.bg1 .bt					{float:left;text-align:center ;width:200px ;padding:18px 0 0 63px;}


.namecheck	.bg2									{float:left; width:311px; background:url(../img/check_bg2.gif) 10px  top  no-repeat;}
.namecheck	.bg2	.text								{float:left; padding:0 0 0 10px}
.namecheck	.bg2 .text2						{float:left;text-align:center ;padding:10px 0 0 25px;width:260px ;font:normal 8pt dotum,'돋움' ;color:#ffffff;}
.namecheck	.bg2 .bt					{float:left;text-align:center ;width:200px ;padding:18px 0 0 63px;}
.namecheck	 li{float:left;width:270px;padding:0 0 15px 0 ;}


.stiuprtext{ margin-bottom:20px;}
.formtext{ color: #C30;}
.formlist li{ float: left; width: 100%; border-bottom:1px solid #eeeeee; padding:5px 0;}
.formlist li input{ width: 200px; height: 25px; border:1px solid #ccc; line-height:25px; margin:0; padding:0; display:inline-block;}
.formlist li select{ border:1px solid #ccc; height:25px; margin:0; padding:0; display:inline-block;}
.formlist li textarea{ border:1px solid #ccc; line-height:25px; margin:0; padding:0; display:inline-block;}
.formlist li span:first-child{ float: left; width: 120px; }
.formlist li span label{ display: block; float: left; margin-right: 10px; width: 85px; font-size: 15px; font-weight: bold; text-align-last: justify; text-align: justify; word-spacing: -3px; letter-spacing: -1px; }
.formlist li img{ vertical-align: middle;  }
.formlist li a{ display: inline-block; padding: 0 3px; font-size: 12px; color: #ffffff; box-shadow: #c9061f solid 1px; border-radius: 3px; font-family: "맑은고딕",Malgun Gothic,"나눔고딕",Nanum Gothic,"돋움",dotum,AppleGothic,sans-serif; -webkit-appearance: none; border: 1px solid #2c61c0; background-color: #4677d2; }
.formlist li a:hover{ border: 1px solid #2c61c0; background-color: #2c3ac0; }
.formlist li span{ display: inline-block; font-size: 12px; }
.join_wrapper abbr{ text-decoration: none; color: #b40d0d; font-size: 16px; }

.attestation															{ }
.attestation	h3													{ border-left:3px solid #333; padding-left:7px; color:#333; font-weight:bold; margin:30px 0 10px 0; line-height:10px;}
.attestation	.attestation_list								{ background-color:#f9f9f9; padding:30px 20px 20px 20px; text-align:center; border:1px solid #ccc;}
.attestation	.attestation_list	ul							{ width:70%; margin:0 auto; padding:25px 0 10px 0; }
.attestation	.attestation_list	p							{ padding-left:10px;}
.attestation	.attestation_list	span						{ padding-bottom:5px; display:inline-block;}
.attestation	.attestation_list	span	 label			{ width:80px; text-align:right; display:inline-block; margin-right:10px; color:#333;}
.attestation	.attestation_list	span	 input			{ width:150px; border:1px solid #ccc; height:23px;}







.filebg														{float:left; width:620px; padding:0 0 55px 0;background:url(../img/realname_bg.gif) 25px  top  no-repeat;margin:15px 0 0 0;}
.filebg .title													{padding:0 0 0 25px;}
.filebg	.filefilebg										{float:left; width:400px;margin:30px 0 0 0;}
.filebg .namechecklist										{float:right; width:300px;padding:3px 0}
.filebg .namechecklist label						{float:left;padding:0 10px 0 0}
.filebg .bt												{float:left; margin:30px 0 0 10px}


.inputa1				{border:1px solid #999999;height:20px;}
.inputa2				{border:1px solid #999999;height:20px;width:100px}


.stipul_text			{ font-size:10pt;font-family:"돋움" ;}
.join_type				{ width:620px; margin:10px 0; text-align:center; font-size:10pt;font-family:"돋움";}
.join_select			{ width:620px; margin:10px 0; padding:10px 0; text-align:center; border-bottom:1px dashed #C9C9C9; font-size:10pt;font-family:"돋움";}

.zipall						{position:relative;float:left;width:430px ;border:5px solid #dfdfdf ;background-color:#999999 ;height:400px}
.zipcode					{position:relative;float:right;width:430px;margin:10px 0 0 0 ;}
.zipcode .search			{position:relative;float:left;margin:0 0 0 10px;width:390px;border:2px solid #cccccc ;padding:5px}
.zipcode .search span				{position:relative;float:left;color:#ffffff;padding:5px 5px 0 0 ;font-weight:bold;letter-spacing:-1px}
.zipcode .search #dong			{position:relative;float:left;color:#666666 ;border:4px solid #666666 ;width:140px;margin:0 5px 0 0}


#ziplist							{position:relative;float:left;height:300px;width:385px;overflow:scroll ;background-color:#ffffff;margin:15px 0 0 10px ;padding:10px}
#ziplist li					{position:relative;float:left;width:370px;border-bottom:1px solid #dfdfdf;list-style : none; margin : 0; padding : 0; font-size : 9pt;line-height:18px ;font-size:8pt}

#ziplist	 .zipcode				{position:relative;float:left;width:50px;margin:0 ;padding:0 0 0 10px }
#ziplist	 .address				{position:relative;float:left;}

@media screen and (max-width:600px) {
	.memberstep li {font-size:12px; }
	#Contents img{ width:auto;}
	
	}
@media screen and (max-width:480px) {
	.formlist li span:first-child{ display:block;}
	
	}
@media screen and (max-width:320px) {
	.memberstep li {font-size:11px; }
	
	}