@charset "utf-8";


.member-h {
	margin-bottom: 2%;
}
.member-h h3 {
	font-size: 28px;
	font-weight: normal;
	margin-bottom: 5px;
}
.member-h span {
	color: #767676;
	font-size: 14px;
}
/**/
.board-reply.login-board {
	margin: 0 auto;
	width: 90%;
}

div.privacy-box,
div.member-box {
	overflow: hidden;
	background: #f5f5f5;
	border: 3px solid #ddd;
	margin-bottom: 7%;
}
div.privacy-box:last-child,
div.member-box:last-child {
	margin-bottom: 0;
}
div.privacy-box {
	color: #767676;
	padding: 1% 4%;
}
div.privacy-box .search-cont {
	color: #333;
	font-size: 20px;
	text-align: center;
}
div.privacy-box .search-cont span {
	color: #214291;
	font-weight: bold;
}
div.privacy-box .search-cont a {
	display: block;
	margin-top: 2%;
}
div.member-box {
	padding: 8%;
}

.login-area {
	position: relative;
	margin: 0 auto;
}
.login-area img  {
	display: block;
	margin: 0 auto;
	padding-bottom: 5%;
}

.login-form .login-inner {
	text-align: left;
	padding-left: 3.3em;
}
.login-form .login-inner label,
.widthdraw-form .login-inner label {
	color: #633c27;
}

.widthdraw-form .login-inner {
	text-align: left;
	padding-left: 7.3em;
}

.login-inner {
	margin-bottom: 1.2em;
	text-align: center;
}
.login-inner label {
	display: inline-block;
	width: 20%;
	color: #204392;
	font-size: 18px;
	text-align: left;
}

.login-area p {
	color: #222;
	font-size: 22px;
	text-align: center;
	margin: 0;
}
.login-area p span {
	color: #214291;
}
.login-area p .line {
	color: inherit;
	white-space: nowrap;
}

div.member-box input[type="text"],
div.member-box input[type="password"]  {
	width: 42%;
	background: #fff url(../images/a/bg_input_member.gif) left top repeat-x;
}

div.member-box .login-func {
	position: absolute;
	top: 0px;
	right: 50px;
}

.login-area2 {
	border-top: 1px solid #ddd;
	padding-top: 5%;
	margin-top: 9%;
}
.login-area2 div {
	margin-bottom: 3%;
	padding-left: 10%;
}
.login-area2 div span {
	display: inline-block;
	width: 64%;
	color: #555;
}
.login-area2 div.func {
	padding-left: 0;
	margin-bottom: 0;
}


@media screen and (max-width: 1280px) {
	div.member-box .login-func { position: static; text-align: center; }
	div.member-box .login-form input[type="text"] { width: 60%; }
	.login-inner { padding-left: 15%; }
	.login-area2 { text-align: center; }
	.login-area2 div { padding-left: 0; }
	.login-area2 div span { display: block; width: 100%; }
	.login-area p { font-size: 18px; margin-bottom: -5px; }
	.login-inner label { text-align: left; }
	.widthdraw-form .login-inner { padding-left: 4.3em;}
}/*/mediaquery*/

@media screen and (max-width: 780px) {
	div.member-box { padding: 8% 5%; }
	div.member-box input[type="text"],
	div.member-box input[type="password"] {width: 50%; }
	.member-h h3 { font-size: 20px; }
	.login-inner { text-align: left; }
}/*/mediaquery*/

@media screen and (max-width: 560px) {
	div.member-box input[type="text"],
	div.member-box input[type="password"],
	div.member-box .login-form input[type="text"] {width: 85%; }
	div.member-box .widthdraw-form input[type="text"] {width: 50%; }
	.login-inner label { display: block; width: 100%; }
	.widthdraw-form .login-inner label { display: inline; margin-right: 3%; }
	.login-area img  { display: none; }
}/*/mediaquery*/

@media screen and (max-width: 380px) {
	.widthdraw-form .login-inner { padding-left: 2.3em;}
}/*/mediaquery*/



ul.agree-flow {
	overflow: hidden;
	border: 1px solid #d3d9e9;
	border-left: 0;
	margin-bottom: 5%;
}
ul.agree-flow li {
	float: left;
	width: 33%;
}
ul.agree-flow li.on {
	width: 34%;
}
ul.agree-flow li span {
	position: relative;
	display: block;
	color: #767676;
	font-size: 15px;
	text-align: center;
	border-left: 1px solid #d3d9e9;
	padding: 19px 0 15px 0;
}
ul.agree-flow li.on span {
	color: #fff;
	background: #214291;
}
ul.agree-flow li i.num {
	font-weight: bold;
}
ul.agree-flow li i.deco {
	background: url(../images/a/deco_flow.png) no-repeat;
	position: absolute;
	top: 42%;
	right: -9px;
	width: 9px;
	height: 12px;
	z-index: 10;
}
ul.agree-flow li.on i.deco {
	background-image: url(../images/a/deco_flow_on.png);
}

@media screen and (max-width: 640px) {
	ul.agree-flow { display: none; }
}/*/mediaquery*/