
strong		{ font-weight: 600; }

.memberstep				{ width: 100%; height: 50px; margin-bottom: 10px; display: inline-block; }
.memberstep li			{ display: inline-block; width: 32.7%; padding: 7px 0; font-size: 13px; text-align: center; border: 1px solid #999999; background: linear-gradient(to bottom, #ffffff 1%,#f7f7f7 100%); }
.memberstep .tab_on		{ color: #fff; font-weight: 600; border: 1px solid #0057a0; background-color: #2065b2; background: linear-gradient(to bottom, #31aceb 1%,#0570a9 100%); }


.stipultitle	{ margin: 30px 0 10px 0; padding-left: 7px; color: #333; line-height: 20px; border-left: 3px solid #333; }
.agree_wrapper .stipulbottom{ height:110px; border:#bfbfbf solid 1px;overflow-x:hidden; overflow-y: auto; margin-bottom:10px; line-height:1.5em; padding:20px;}
.agree_wrapper .stipulbottom h5{ font-size:1.2em; line-height:3.0em; font-weight: 600;}
.agree_wrapper .input-row{line-height:2.0em;}
.agree_wrapper .input-row input{ margin-top:3px; width:17px; height:17px;}
.formbt2, .formbt				{ text-align: center; }
.formbt2 input, .formbt input	{ /*cursor: pointer; margin: 20px auto 0 auto; width: 100px; height: 31px; padding: 7px 10px; background-color: #1F4787; border: 0; color: #fff; font-weight: 600; text-align: center; border-radius: 3px; vertical-align: top; */}
.formbt a	{ display: inline-block; text-align: center; margin: 40px auto 0 auto; padding: 5px 15px 5px 15px; color: #fff; font-weight: 600; text-align: center; vertical-align: top; border-radius: 3px; }
.col_b		{ background-color: #2b5aa7; border: 1px solid #1f4787; }
.col_r		{ background-color: #b43528; border: 1px solid #8f1a0d; }
.col_g		{ background-color: #63728d; border: 1px solid #4d5667; }

.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	{ border-bottom:1px solid #ccc; padding:5px 0;}
.formlist li input, .formlist li select, textarea	{ height: 22px; border: 1px solid #ccc; line-height: 25px; margin: 0; padding: 0; display: inline-block; }
.formlist li span:first-child	{ display: inline-block; width: 120px; }
.formlist img	{ vertical-align: bottom; margin-left: 10px; }

.jointext	{ font-size: 12px; }
.checktext	{ text-align: justify; }

.attestation															{ }
.attestation	h3													{ border-left:3px solid #333; padding-left:7px; color:#333; font-weight: 600; 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: 600;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: 950px) {
	.memberstep li		{ font-size: 12px; }
	#Contents img		{ width: auto;}
	.memberstep li		{ width: 31.8%; }
	.stiuprtext, .stipul_text	{ font-size: 11pt; }
	.jointext		{ font-size: 5pt; }

	}
@media screen and (max-width: 640px) {
	.stipulbottom .formlist input	{ margin-top: 5px; }
	.stipulbottom .formlist select	{ margin-top: 5px; }
	.jointext		{ font-size: 8pt; }
	.formlist li span:first-child{ display:block;}
	
	}
@media screen and (max-width: 320px) {
	.memberstep li { width: 31%; font-size: 11px; letter-spacing: -1px; }

	}










