#member {overflow:hidden; clear:both; min-height:600px; padding:40px 0; border-top:20px solid #f3f3f3;}
#member .login {margin-top:50px; margin-bottom:50px; overflow:hidden;}
#member .login .top {margin-bottom:50px; text-align:center;}
#member .login .top h4 {font-size:24px; line-height:60px; padding-left:10px; border-bottom:1px solid #ccc;}
#member .login .top p {margin-top:10px; line-height:20px;}
#member .login .top p .non_info {font-size:12px; color:#999;}
#member .login .login_btn {display:block; width:100%; background:#006834; margin-top:10px; height:40px; line-height:40px; text-align:center; color:#fff; font-size:16px;}
#member .login .find_btn:hover {text-decoration:underline;}

#member .login .left {float:left; width:530px; margin-right:40px; padding:30px; border:1px solid #ccc; background:#f9f9f9;}
#member .login h5 {font-size:16px; margin-bottom:10px;}
#member .login input {width:100%; height:36px; border:1px solid #ccc; line-height:34px; margin-top:10px; padding:0 10px;}
#member .login input[type=checkbox] {width:36px; height:36px; margin-right:10px; margin-top:0;}
#member .login label {display:inline-block; height:36px; line-height:36px; margin-top:10px; margin-right:20px;}
#member .login .right {float:left; width:530px; padding:30px; border:1px solid #ccc; background:#f9f9f9;}

#member .join .top {margin-bottom:30px; text-align:center;}
#member .join .top h4 {font-size:24px; line-height:60px; padding-left:10px; border-bottom:1px solid #ccc;}
#member .join .top p {margin-top:10px; line-height:20px;}
#member .join .join_form {padding:10px 0 20px; background:#f9f9f9;}
#member .join label {display:block; margin-top:10px;}
#member .join .sub {display:inline-block; width:20%; padding-left:20px;}
#member .join input {width:330px; height:36px; border:1px solid #ccc; line-height:34px; padding:0 10px;}
#member .join input[type=checkbox] {width:36px; height:36px; margin-right:10px; margin-top:0;}
#member .join select {width:330px; height:36px; margin-left: -4px; border:1px solid #ccc; line-height:34px; padding:0 10px;}
#member .join .non_info {font-size:12px; color:#999;}
#member .join .email_addr2 {display:none;}
#member .join .email_ck_btn {display:inline-block; width:182px; height:36px; line-height:36px; background:#006834; color:#fff; text-align:center; border-radius:5px;}

#member .join .join_agree {margin-top:50px; padding:20px;}
#member .join .join_agree .agree_top {}
#member .join .join_agree .agree_top h5 {font-size:18px; line-height:36px;}
#member .join .join_agree .agree_top .agree_ck_box {background:#fff; border:1px solid #ccc; margin-top:20px;}
#member .join .join_agree .agree_top .agree_ck_box ul {}
#member .join .join_agree .agree_top .agree_ck_box ul li {float:left; width:50%; padding:10px 20px;}
#member .join .join_agree .agree_top .agree_ck_box ul li.last {clear:both; width:100%; background:#f3f3f3; }
#member .join .join_agree .agree_top .agree_ck_box ul li label {margin:0;}
#member .join .join_agree .agree_box {margin-top:20px;}
#member .join .join_agree .agree_box h6 {margin-bottom:10px; padding-left:4px; font-size:13px; font-weight:600;}
#member .join .join_agree .agree_box .agree_box_inner {width:100%; height:100px; resize:none; border:1px solid #ccc; padding:10px; font-size:12px; line-height:18px; background:#fff; overflow:auto;}
#member .join_btn {margin-top:50px; margin-bottom:50px; text-align:center;}
#member .join_btn a {display:inline-block; width:200px; height:60px; line-height:60px; background:#006834; color:#fff; font-size:16px; font-weight:600;}
#member .join_ok_btn {margin-top:50px; margin-bottom:50px; text-align:center;}
#member .join_ok_btn a {display:inline-block; width:200px; height:60px; line-height:58px; background:#006834; color:#fff; font-size:16px; font-weight:600; border:1px solid #006834; margin-top: 5px;}
#member .join_ok_btn a.white {background:#fff; color:#006834;}

#member .join .w8 {width:82px;}
#member .join .w10 {width:110px;}
#member .join .w20 {width:210px;}
#member .join .w30 {width:330px;}

#member .join .ml5 {margin-left:5px;}
#member .join .mr10 {margin-right:10px;}

input::placeholder {color:#999;}
input::-webkit-input-placeholder {color:#999;}
input:-ms-input-placeholder {color:#999;}
textarea::placeholder {color:#999;}
textarea::-webkit-input-placeholder {color:#999;}
textarea:-ms-input-placeholder {color:#999;}



/******************* sns_Login *******************/
.loginBox{ clear:both; float:right; width:530px; padding:30px; border:1px solid #ccc; background:#f9f9f9;}
.loginBox li{ float:left; margin-right:10px}
.loginBox a {display: block; height: 40px;line-height: 40px;background: #e44c52;color: #fff;font-size: 18px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.loginBox i{display: inline-block;background: url(/images/member/sns_logo.png) no-repeat 0 0;background-size: 40px 173px; vertical-align: middle;width: 40px; height: 40px;}	
.loginBox .login_naver { vertical-align: middle;background-color:#00c438}
.loginBox .login_naver i{ background-position: 5px 0px;}	
.loginBox .login_naver span{ display:none}
.loginBox .login_kakao {background-color: #f2da00; color: #3c1e1e}
.loginBox .login_kakao i{background-position: 7px -46px;}	
.loginBox .login_kakao span{ display:none}
.loginBox .login_google {background-color: #df4a31; color: #fff}
.loginBox .login_google i{width: 45px; height: 45px; background-position: 7px -89px;}
.loginBox .login_google span{ display:none}
.loginBox .login_facebook {background-color: #4064ad; color: #fff}
.loginBox .login_facebook i{width: 45px; height: 45px; background-position: 8px -137px;}
.loginBox .login_facebook span{ display:none}


/* media css */
@media (max-width:1099px){
	#member {padding:20px 10px;}
	#member .login {margin:0;}
	#member .login .top {}
	#member .login .top h4 {text-align:center;}
	#member .login .top p {}
	#member .login .top p .non_info {}
	#member .login .login_btn {}
	#member .login .find_btn {display:inline-block; margin-top:10px;}

	#member .login h5 {}
	#member .login input {}
	#member .login input[type=checkbox] {}
	#member .login label {display:block;}
	#member .login .left {float:none; width:100%; padding:20px; margin-bottom:10px;}
	#member .login .right {float:none; width:100%; padding:20px;}

	#member .join .top {}
	#member .join .top h4 {}
	#member .join .top p {}
	#member .join .join_form {padding:10px;}
	#member .join label {}
	#member .join .sub {display:block; width:100%; margin-bottom:5px; padding-left:5px; font-weight:600;}
	#member .join input {width:100%; margin-bottom:5px;}
	#member .join input[type=checkbox] {width:24px; height:24px; margin-right:5px; margin-bottom:0;}
	#member .join select {margin-bottom:5px; margin-left:0;}
	#member .join .non_info {}
	#member .join .email_addr2 {}
	#member .join .email_ck_btn {width:100%;}

	#member .join .join_agree {padding:0;}
	#member .join .join_agree .agree_top {}
	#member .join .join_agree .agree_top h5 {}
	#member .join .join_agree .agree_top .agree_ck_box {}
	#member .join .join_agree .agree_top .agree_ck_box ul {}
	#member .join .join_agree .agree_top .agree_ck_box ul li {float:none; width:100%; padding:5px;}
	#member .join .join_agree .agree_top .agree_ck_box ul li.last {}
	#member .join .join_agree .agree_top .agree_ck_box ul li label {font-size:12px;}
	#member .join .join_agree .agree_box {}
	#member .join .join_agree .agree_box h6 {}
	#member .join .join_agree .agree_box .agree_box_inner {padding:5px;}
	#member .join_btn {}
	#member .join_btn a {}

	#member .join .w8 {width:24%;}
	#member .join .w10 {width:34%;}
	#member .join .w20 {width:64%;}
	#member .join .w30 {width:100%;}

	#member .join .ml5 {}
	#member .join .mr10 {margin-right:2%;}
	
	/******************* sns_Login *******************/
	.loginBox h5{ display:none}
	.loginBox{ clear:both; width:100%; padding:20px; border:1px solid #ccc; background:#f9f9f9;}
	.loginBox li{ float:none; margin-right:0}
	.loginBox a {display: block;width: 100%;height: 45px;line-height: 45px;background: #e44c52;color: #fff;font-size: 16px;-moz-border-radius: 0;-webkit-border-radius: 5px;border-radius: 0;margin-bottom:10px; text-align:center}
	.loginBox i{display: inline-block;background: url(/images/member/sns_logo.png) no-repeat 0 0;background-size: 53px 192px; vertical-align: middle;width: 45px; height: 45px;}	
	.loginBox .login_naver {margin-right: 10px; background-size: 56px 169px;vertical-align: middle;background-color:#00c438}
	.loginBox .login_naver i{ background-position: 0 2px;}	
	.loginBox .login_naver span{ display:inline-block}
	.loginBox .login_kakao {background-color: #f2da00; color: #3c1e1e}
	.loginBox .login_kakao i{background-position: 0 -50px;}	
	.loginBox .login_kakao span{ display:inline-block}
	.loginBox .login_google {background-color: #df4a31; color: #fff}
	.loginBox .login_google i{width: 45px; height: 45px; background-position: 0 -99px;}
	.loginBox .login_google span{ display:inline-block}
	.loginBox .login_facebook {background-color: #4064ad; color: #fff}
	.loginBox .login_facebook i{width: 45px; height: 45px; background-position: 0 -152px;}
	.loginBox .login_facebook span{ display:inline-block}
}