@CHARSET "UTF-8";

input[type="password"], input[type="text"]{ text-indent: 10px; }

#Memberwrap{ margin: 0 auto; width: 65%; height: 750px; letter-spacing: -1px; font-size: 14px; }

.memberBox{ float: left; width: 100%; margin: 0 auto; line-height: 25px; text-align: center; }
.memberBox h4{ font-size: 16px; font-weight: normal; color: #282828; padding-bottom: 30px; letter-spacing: -2px; }
.memberBox h4 span{ display: inline-block; padding-bottom: 5px; width:100%; font-size:20px; color:#0E77E6; }
.memberBox h4 a{ display: inline-block; margin-left: 5px; vertical-align: baseline; }
.memberBox h4 a:hover{ color: #187ade; }
.memberBox h4.hleft{ text-align: left; }

/* 로그인*/
.login_form{ position: relative; float: left; margin-top: 0; margin-bottom: 10px; padding: 45px 0 20px 0; width: 100%; text-align: left; background-color: #f9f9f9; border: 1px solid #ccc; }
.login_form	 li									{ width:100%; padding-bottom:25px; display:inline-block; }
.login_form	 li	dl								{ width:85%; margin:0 auto;}
.login_form	 li	dl	dt							{ float:left; width:25%; font-size: 20px; color: #282828;  padding-bottom: 10px; }
.login_form	 li	dl	dd							{ float:right; width: 73%; padding-bottom:10px;}
.login_form	 li	dl	dd	ul						{ width:100%; }
.login_form	 li	dl	dd	ul	li					{ float:left; width:48.5%; padding: 7px 0; margin-bottom:10px; border:0;}
.login_form	 li	dl	dd	ul	li:nth-child(odd)	{ float:left;}
.login_form	 li	dl	dd	ul	li:nth-child(even)	{ float:right;}
.login_form	 li	dl	dd	ul	li	a				{ display: block; color:#fff; font-weight:bold; margin-left: 55px; }
.login_form	 li	dl	dd	dl						{ position:relative; float:left; width:100%; margin-top:-5px;}
.login_form	 li	dl	dd	dl	dt					{ float:left; width: 20%; line-height: 38px; font-size: 15px; color: #343434; display:inline-block; }
.login_form	 li	dl	dd	dl	dd					{ float:right; width:78%; line-height: 38px; }
.login_form	 li	dl	dd	label					{ }
.login_form	 li	dl	dd	input					{ }
.login_form	.inputst1							{ width:100%; height: 40px; border:1px solid #ccc; text-indent: 10px; }
.login_form	.auto								{ position:absolute; left:120px; top:90px; font-size:12px; color:#707070; line-height:20px;}
.login_form	.login_btn							{ float:right; width:78%; background-color: #1F4787; border:0; font-size:18px; text-align:center; color:#fff; display:block; cursor:pointer; margin-top:10px;font-family:"맑은고딕",Malgun Gothic,"나눔고딕",Nanum Gothic,"돋움",dotum,AppleGothic,sans-serif;}
.login_form	.login_btn:hover{ background: #2c77ba; }
.login_form	.nth_right										{ float:right;}	
.login_form	.naver											{ background:#1ec800 url(../img/icon_naver.gif) top left no-repeat; border:1px solid #1EB12F;}
.login_form	.facebook										{ background:#415B94 url(../img/icon_facebook.gif) top left no-repeat; border:1px solid #3b5080;}
.login_form	.daum											{ background:#5B78E5 url(../img/icon_daum.gif) top left no-repeat; border:1px solid #4763cd;}
.login_form	.kakao											{ background:#FFF000 url(../img/icon_kakao.gif) top left no-repeat; border:1px solid #e1d400;}
.login_form	.kakao	a										{ color:#3A1D1D;}		
.login_form	.twitter											{ background:#35B8FC url(../img/icon_twitter.gif) top left no-repeat; border:1px solid #2DA0DB;}
.login_form	.none											{ padding-bottom:0; margin-bottom:0; border:0;}

.login_form	.login_idpw											{ position:relative; float:right; width: 50%; margin-top:20px;}
.login_form	.login_idpw	li										{ position:relative; float:left; width:auto; border:0; padding:0; margin:0 5px;}
.login_form	.login_idpw	li	a{ color:#545454; display: inline-block; font-size: 90%; padding: 0 15px; line-height: 30px; border: 1px solid #d6d6d6; border-radius: 3px; background: #ffffff; }
.login_form	.login_idpw	li	a:hover{ color: #2c77ba; }
.login_form	.login_idpwd											{ position:relative; float:right; width: 72%; margin: 10px 0;}
.login_form	.login_idpwd	a{ color:#545454; display: inline-block; font-size: 90%; padding: 0 15px; line-height: 30px; border: 1px solid #d6d6d6; border-radius: 3px; background: #ffffff; }
.login_form	.login_idpwd	a:hover{ color: #2c77ba; }
.txt	strong											{ color:#0E77E6; font-weight:normal;}


/* 회원가입 */
.step					{ display: inline-block; margin: 0 auto; }
.step	li				{ float:left; width: 185px; text-align: center; padding: 7px 0; font-size: 14px; border:1px solid #ccc; margin: 0 1px; }
.step	li:first-child	{ margin-right:0;}
.step	li:last-child	{ margin-right:0;}
.step	.on				{ background-color:#0059B4; border:1px solid #0057A0; color:#fff; font-weight: 500; }
.txt{ position: relative; float: left; padding-top: 30px; line-height: 20px; text-align: center; }

/* 소셜,일반 회원가입 */
.join_list{ position: relative; float: left; width: 100%; padding-bottom: 40px; text-align: left; }
.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: 55px;}
.join_list	.nth_right								{ float:right;}
.join_list	.general								{ position:relative; float:left; width:100%; background-color:#1F4787; border:1px solid #2b2b2b; text-align:center; padding:7px 0;}
.join_list	.general:hover{ background: #2c77ba; }
.join_list	.general	a							{ display: block; 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; text-align: justify; }


/* 중복가입 확인 */
.email_confirm													{ position:relative; float:left; width:100%; background-color:#f9f9f9; margin-top:20px; padding-bottom:35px; border: 1px solid #ccc; }
.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											{ float: left; padding-bottom:10px;}
.email_confirm	ul	li	label									{ float: left; margin-right: 30px; width: 80px; line-height: 35px; text-align: right; color:#343434;}
.email_confirm	ul	li	input									{ width: auto; height: 35px; border:1px solid #ccc; text-indent: 10px; }
.email_confirm .email_input{ float: left; width: 200px; }
.email_confirm .email_input1{ width: 120px; }
.email_confirm .email_input2{ width: 160px; }
.email_confirm .email_input3{ width: 140px; height: 35px; padding: 0 8px; cursor: pointer; background: url(../img/select_arrow.png) top 13px right 10px no-repeat; }

/* 약관동의 */
.agreement														{ position:relative; float:left; padding-bottom: 100px; width:100%; }
.agreement .stipulbox{ width: 700px; height: 150px; overflow-x: none; }
.agreement .stipulbox .stipulbottom{ margin: 0 auto; display: inline-block; width: 700px; height: 110px; padding: 20px 0; overflow-x: hidden; }
.agreement .stipulbox .indivi{ margin: 0 auto; width: 97%; }
.agreement .stipulbox .indivi p{ padding: 15px 10px; }
.agreement .stipultitle										{ border-left:3px solid #333; padding-left:7px; text-align: left; color:#343434; font-size:16px; font-weight:normal; margin: 30px 0 10px 0; line-height: 20px;}
.agreement .stipulbottom h5							{ font-size:1.2em; line-height:3.0em; font-weight:n;}
.agreement .input-row{ margin-top: 5px; line-height:2.0em; text-align: left; }
.agreement .input-row input							{ margin-top:3px; width:17px; height:17px; vertical-align: sub; }
.agreement .stipul_box{ height: 300px; overflow-y: scroll; border: 1px solid #dfdfdf; }
.agreement .stipul_con{ padding: 15px 20px 0 15px; margin-bottom: 10px; border: 0; }

/* 정보입력 */
.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				{ float: left; padding-bottom:10px;}
.information	ul	li	label		{ float: left; width: 90px; margin-right: 30px; text-align: right; color:#343434; line-height: 35px; }
.information	ul	li	input	{ width: 300px; height: 35px; border:1px solid #ccc; }
.information	ul	li	span		{ display: block; padding-left: 120px; font-size:11px; color:#0E77D9; text-align: left; }
.information	.radio			{ float:left; border:0; vertical-align:middle;}
.information	.radio_title	{ width:auto; padding-right:20px;}

/* 가입완료 */
.finish{ position: relative; float: left; margin-top: 92px; padding-bottom: 35px; width: 100%; text-align: center; border: 1px solid #ccc; background-color: #f9f9f9; }
.finish p{ text-align: center; padding: 30px 0; }
.finish p span{ display: block; }


/* 회원정보수정 */
.info_modify{ margin: 0 auto; width: 100%; line-height: 25px; }
.info_modify li{ position: relative; float: left; width: 100%; border: 1px solid #dfdfdf; border-bottom: 0; }
.info_modify li:nth-child(3){ border-bottom: 1px solid #dfdfdf; }
.info_modify li	dl	dt					{ float:left; width:25%; height: 50px; line-height: 50px; text-align: center; background-color:#f9f9f9; border-right:1px solid #dfdfdf; }
.info_modify li	dl	dt	 label		{ font-size:14px; color:#343434; }
.info_modify li	dl	dd				{ float: right; width: 72%; height: 50px; line-height: 50px; text-align: left; }
.info_modify li	dl	dd	span		{ font-size: 12px; vertical-align: middle; }
.info_modify li	dl	dd	input	{ margin-top: -3px; width: 40%; padding-left: 3px; border:1px solid #cfcfcf; }
.info_modify li	dl	dd	input[type="checkbox"]{ margin-top: 4px; margin-left: 15px; width: 15px; cursor: pointer; vertical-align: middle; }
.info_modify .phone{ width: 70px; }
.info_modify .none{ border: 0; }
.info_modify .lineB{ border-bottom: 1px solid #dfdfdf; }
.info_modify .pw{ border-top: 0; border-bottom: 1px solid #dfdfdf; }


/* 회원탈퇴 */
.retire_finish{ position: relative; float: left; padding-bottom: 35px; width: 100%; text-align: center; background-color: #f9f9f9; border: 1px solid #ccc; }
.retire_finish p{ text-align: center; padding: 30px 0; letter-spacing: -0.5px; }
.retire_finish ul li{ padding-bottom: 30px; }
.retire_finish ul li label{ width: 80px; color:#343434; line-height: 35px; margin-right: 10px; }
.retire_finish ul li input{ width: 30%; height: 35px; border:1px solid #ccc; margin-right: 10px; }
.retire_finish ul li span{ font-size: 12px; color:#0E77D9; padding-left:5px; line-height: 35px; }

/* 일반 비밀번호 변경 */
.chpwtxt{ padding: 10px 0; text-align: center; }
.chpwtxt strong{ font-weight: 500; color: #187ade; }

/* 일반 회원정보 수정 */
.info_modify .nobr{ border: 0; }
.info_modify select{ margin-right: 3px; width: 100px; height: 30px; padding: 0 8px; cursor: pointer; background: url(../img/select_arrow.png) top 13px right 10px no-repeat; }
.normal li:nth-child(3){ border-bottom: 0; }
.normal{ border-bottom: 1px solid #dfdfdf; }

/* 버튼 */
.formbt{ float: left; padding-top: 50px; width: 100%; text-align:center;}
.formbt a{ text-align: center; min-width:100px; line-height: 37px; padding:0 0; background-color: #545658; border:0; color:#fff; font-size: 14px; font-weight:bold; font-family:"맑은고딕",Malgun Gothic,"나눔고딕",Nanum Gothic,"돋움",dotum,AppleGothic,sans-serif; cursor:pointer; display:inline-block; }
.formbt a:hover{ background-color: #2b2d2f; }
.formbt input{ text-align:center; min-width:100px; line-height: 37px; background-color: #1F4787; border:0; color:#fff; font-size: 14px; font-weight:bold; font-family:"맑은고딕",Malgun Gothic,"나눔고딕",Nanum Gothic,"돋움",dotum,AppleGothic,sans-serif; cursor:pointer; display:inline-block; }
.formbt input:hover{ background: #2c77ba; }
.formbt2{ padding-top: 50px; text-align:center;}
.formbt2 input{ text-align:center; display:inline-block; min-width:200px; line-height: 37px; padding:0 10px; background-color: #1F4787; border:0; color:#fff; font-size: 14px; font-weight:bold; font-family:"맑은고딕",Malgun Gothic,"나눔고딕",Nanum Gothic,"돋움",dotum,AppleGothic,sans-serif; cursor:pointer;}
.formbt2 input:hover{ background: #2c77ba; }
.formbt2 a{ text-align:center; min-width:100px; line-height: 37px; padding: 0 10px; background-color: #1F4787; border:0; color:#fff; font-size: 14px; font-weight:bold; font-family:"맑은고딕",Malgun Gothic,"나눔고딕",Nanum Gothic,"돋움",dotum,AppleGothic,sans-serif; cursor:pointer; display:inline-block; }
.formbt2 a:hover{ background: #2c77ba; }
.formbt .col_b{ background-color: #1F4787; }
.formbt .col_b:hover{ background: #2c77ba; }


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

	input[type="password"], input[type="text"]{ text-indent: 3px; font-size: 16px; }
	select{ font-size: 16px; }
	#Memberwrap{ width: 98%; min-height: 650px; }
	.memberBox{ line-height: 15px; }
	.memberBox h4{ font-size: 100%; letter-spacing: -0.5px; }
	.memberBox h4 span{ font-size: 100%; }

	.txt{ font-size: 80%; }
	.login_form{ padding: 25px 0 5px 0; margin-bottom: -5px; }
	.login_form	li	dl	dt{ width: 100%; }
	.login_form	li	dl	dd{ width: 100%; }
	.login_form	li	dl	dd form{ margin-top: 15px; }
	.login_form	.login_idpw{ width: 73%; }
	.login_form	.naver{ background: none; background-color: #1ec800; }
	.login_form	.kakao{ background: none; background-color: #FFF000; }
	.login_form	 li	dl	dd	ul	li	a{ margin-left: 0; text-align: center; font-size: 100%; }
	.login_form	.login_idpwd{ width: 100%; }
	.login_form	.login_idpw	li	a{ font-size: 80%; padding: 0 10px; }
	
	.join_list	ul	li	dl	dt{ width: 100%; }
	.join_list	.naver{ background: none; background-color: #1ec800; }
	.join_list	.kakao{ background: none; background-color: #FFF000; }
	.join_list ul li dl dd ul li a{ display: block; margin: 0; width: 100%; text-align: center; font-size: 100%; }
	.join_txt{ font-size: 70%; }
	.join_txt dt{ font-size: 130%; }
	.join_txt dd ol li strong{ font-size: 110%; }
	.join_txt dd ol li span{ line-height: 1.5; }
	.step{ width: 100%; }
	.step li{ width: 24.5%; font-size: 85%; padding: 3px 0; margin: 0.5px; }
	.email_confirm	p{ padding-top: 20px; font-size: 75%; line-height: 1.8; word-wrap: break-word; word-break: keep-all; }
	.email_confirm ul{ width: 100%; }
	.email_confirm	ul	li	label{ font-size: 80%; margin-right: 5px; width: 55px; }
	.email_confirm .email_input1{ width: 70px; }
	.email_confirm .email_input2{ width: 90px; }
	.email_confirm .email_input3{ width: 90px; background-position: right 10px center; }
	.formbt{ padding-top: 30px; }
	.agreement .stipulbox{ width: 100%; }
	.agreement .stipulbox .stipulbottom{ width: 100%; }
	.formbt2{ padding: 50px; }
	.txt{ font-size: 75%; text-align: left; }
	.information{ margin-bottom: 40px; }
	.information ul{ width: 100%; }
	.information ul li label{ font-size: 90%; margin-right: 10px; width: 90px; }
	.information ul li input{ width: 240px; }
	.finish{ margin-top: 40px; }
	.finish p{ margin: 0 auto; width: 90%; font-size: 85%; }


}