@CHARSET "UTF-8";

#Memberwrap																			{ position:relative;float:left; width:100%; letter-spacing:-1px; }

/* 회원가입 */
.member_Join																			{ width:95%; margin:0 auto; line-height:25px;}
.member_Join	h4																	{ font-size:16px; font-weight:normal; color:#282828; padding-bottom:30px; letter-spacing:-2px;}
.member_Join	h4	span															{ width:100%; font-size:20px; color:#0E77E6; display:inline-block; padding-bottom:5px;}

.step																	{ position:relative; float:left; width:100%;}
.step	li																{ float:left; width:23.8%; text-align:center; padding:7px 0; border:1px solid #ccc; margin-right:8px;}		
.step	li:last-child												{ float:right; margin-right:0;}
.step	 .last_right												{ float:right; margin-right:0;}
.step	.on															{ background-color:#0059B4; border:1px solid #0057A0; color:#fff; font-weight:bold;}
.txt																		{ position:relative; float:left; line-height:20px; padding-top:30px;}

/* 소셜,일반 회원가입 */
.join_list															{ position:relative; float:left; width:100%; padding-bottom:40px;}
.join_list	ul														{ position:relative; width:100%; margin:0 auto; }
.join_list	ul	li													{ float:left; width:100%; margin-bottom:30px; padding-bottom:30px; border-bottom:1px dotted #dfdfdf;}
.join_list	ul	li	dl	dt											{ position:relative; width:20%; color:#343434; font-size:15px; font-weight:normal; border:1px solid #cfcfcf; text-align:center; padding:3px 0; margin-bottom:10px;}
.join_list	ul	li	dl	dd	ul									{ width:100%; margin:0 auto;}
.join_list	ul	li	dl	dd	ul	li								{ float:left; width:49%; padding:7px 0; margin-bottom:10px;}
.join_list	ul	li	dl	dd	ul	li	a							{ color:#fff; font-weight:bold; margin-left:60px;}
.join_list	.nth_right											{ float:right;}	
.join_list	.general											{ position:relative; float:left; width:100%; background-color:#3F3F3F; border:1px solid #2b2b2b; text-align:center; padding:7px 0;}
.join_list	.general	a										{ font-size:15px; margin-left:0; color:#fff;}
.join_list	.naver												{ background:#1ec800 url(../img/icon_naver.gif) top left no-repeat; border:1px solid #1EB12F;}
.join_list	.facebook											{ background:#415B94 url(../img/icon_facebook.gif) top left no-repeat; border:1px solid #3b5080;}
.join_list	.daum												{ background:#5B78E5 url(../img/icon_daum.gif) top left no-repeat; border:1px solid #4763cd;}
.join_list	.kakao												{ background:#FFF000 url(../img/icon_kakao.gif) top left no-repeat; border:1px solid #e1d400;}
.join_list	.kakao	a											{ color:#3A1D1D;}		
.join_list	.twitter												{ background:#35B8FC url(../img/icon_twitter.gif) top left no-repeat; border:1px solid #2DA0DB;}

.join_txt															{ position:relative; float:left; width:100%; margin-top:-40px;}
.join_txt	dt														{ font-size:18px; color:#0E77E6; padding-bottom:10px;}
.join_txt	dt	span												{ color:#343434; font-size:15px;}
.join_txt	dd	ol												{ padding-top:10px;}
.join_txt	dd	ol	li											{ float:left; width:100%; margin-bottom:15px;}
.join_txt	dd	ol	li	strong								{ float:left; width:20%; color:#343434; font-size:15px; font-weight:normal; border:1px solid #cfcfcf; text-align:center; padding:3px 0;}
.join_txt	dd	ol	li	span									{ float:right; width:75%; border-bottom:1px dotted #dfdfdf; padding-bottom:8px;}


/* 중복가입 확인 */
.email_confirm													{ position:relative; float:left; width:100%; background-color:#f9f9f9; border:1px solid #ccc; margin-top:20px; padding-bottom:35px;}
.email_confirm	p												{ text-align:center; padding-top:30px;}
.email_confirm	ul												{ width:80%; margin:0 auto; padding:30px 0 20px 0;}
.email_confirm	ul	li											{ padding-bottom:10px;}
.email_confirm	ul	li	label									{ float:left; width:80px; color:#343434;}
.email_confirm	ul	li	input									{ height:20px; border:1px solid #ccc;}


/* 약관동의 */
.agreement														{ position:relative; float:left; width:100%;}
.agreement	.stipultitle										{ border-left:3px solid #333; padding-left:7px; color:#343434; font-size:16px; font-weight:normal; margin:30px 0 10px 0; line-height:10px;}
.agreement	.stipulbottom								{ height:110px; border:#bfbfbf solid 1px;overflow-x:hidden; overflow-y: auto; margin-bottom:10px; line-height:1.5em; padding:20px;}
.agreement .stipulbottom h5							{ font-size:1.2em; line-height:3.0em; font-weight:n;}
.agreement .input-row										{ line-height:2.0em;}
.agreement .input-row input							{ margin-top:3px; width:17px; height:17px;}


/* 정보입력 */
.information																		{ position:relative; float:left; width:100%; background-color:#f9f9f9; border:1px solid #ccc; margin-top:20px; padding-bottom:35px;}
.information	ul																	{ width:70%; margin:0 auto; padding:30px 0 20px 0;}
.information	ul	li																{ padding-bottom:10px;}
.information	ul	li	label														{ float:left; width:100px; color:#343434;}
.information	ul	li	input													{ height:20px; border:1px solid #ccc;}
.information	ul	li	span														{ font-size:11px; color:#0E77D9; padding-left:5px;}
.information	.radio															{ float:left; border:0; vertical-align:middle;}
.information	.radio_title													{ width:auto; padding-right:20px;}

/* 가입완료 */
.finish															{ position:relative; float:left; width:100%; background-color:#f9f9f9; border:1px solid #ccc; padding-bottom:35px; text-align:center;}
.finish	p														{ text-align:center; padding:30px 0;}
.finish	ul	li													{ padding-bottom:30px;}
.finish	ul	li	label											{ width:80px; color:#343434;}
.finish	ul	li	input										{ height:20px; border:1px solid #ccc;}}
.finish	ul	li	span											{ font-size:11px; color:#0E77D9; padding-left:5px;}


/* 버튼 */
.formbt														{ text-align:center;}
.formbt a													{ text-align:center; min-width:100px; padding:7px 0px; background-color:#555; border:#444 solid 1px; margin:0; color:#fff; font-weight:bold; display:inline-block; line-height:15px;}
.formbt input											{ text-align:center; min-width:100px; padding:7px 10px; background-color: #1f4787; border:0; color:#fff; font-weight:bold; font-family:"맑은고딕",Malgun Gothic,"나눔고딕",Nanum Gothic,"돋움",dotum,AppleGothic,sans-serif; cursor:pointer; display:inline-block;  line-height:17px;}
.formbt2													{ text-align:center;}
.formbt2 input											{ text-align:center; display:inline-block; min-width:200px; padding:7px 10px; background-color: #4a4a4a; border:0; color:#fff; font-weight:bold; font-family:"맑은고딕",Malgun Gothic,"나눔고딕",Nanum Gothic,"돋움",dotum,AppleGothic,sans-serif; cursor:pointer;}



@media screen and (max-width:400px) {

	.member_Join	h4																	{ font-size:12px; font-weight:normal; color:#282828; padding-bottom:15px; letter-spacing:-2px; line-height:20px;}
	.member_Join	h4	span															{ width:100%; font-size:16px; color:#0E77E6; display:inline-block; padding-bottom:0;}


	.step	li																{ float:left; width:23.8%; text-align:center; padding:5px 0; border:1px solid #ccc; margin-right:4px; font-size:12px;}		
	.step	.on															{ background-color:#0059B4; border:1px solid #0057A0; color:#fff; font-weight:bold; font-size:12px;}

	.join_list															{ position:relative; float:left; width:100%; padding-bottom:25px;}
	.join_list	ul	li	dl	dt											{ position:relative; width:50%; color:#343434; font-size:15px; font-weight:normal; border:1px solid #cfcfcf; text-align:center; padding:3px 0; margin-bottom:10px;}
	.join_list	ul	li	dl	dd	ul									{ width:100%; margin:0 auto;}
	.join_list	ul	li	dl	dd	ul	li								{ float:left; width:100%; padding:7px 0; margin-bottom:10px;}
	.join_list	ul	li	dl	dd	ul	li	a							{ color:#fff; font-weight:bold; margin-left:60px;}
	.join_list	.general	a										{ font-size:13px; margin-left:0;}

	.join_txt															{ position:relative; float:left; width:100%; margin-top:-25px;}
	.join_txt	dt														{ font-size:14px; color:#0E77E6; padding-bottom:10px; line-height:16px;}
	.join_txt	dt	span												{ width:100%; color:#343434; font-size:11px; display:inline-block;}
	.join_txt	dd	ol												{ padding-top:10px;}
	.join_txt	dd	ol	li											{ float:left; width:100%; margin-bottom:15px;}
	.join_txt	dd	ol	li	strong								{ float:left; width:35%; color:#343434; font-size:12px; font-weight:normal; border:1px solid #cfcfcf; text-align:center; padding:3px 0;}
	.join_txt	dd	ol	li	span									{ float:right; width:60%; border-bottom:1px dotted #dfdfdf; padding-bottom:8px;  font-size:11px; line-height:16px;}


	.email_confirm	p												{ text-align:center; padding:20px; font-size:12px; line-height:20px;}
	.email_confirm	ul												{ width:80%; margin:0 auto; padding:0 0 20px 0;}
	.email_confirm	ul	li	label									{ float:left; width:50px; color:#343434; font-size:12px;}
	.email_confirm	ul	li	input								{ height:20px; border:1px solid #ccc;}
	.email_input1													{ width:70px;}
	.email_input2													{ width:102px;}
	.email_input3													{ margin:5px 0 0 50px; display:inline-block;}
}