.login-bg {background:transparent; }

input.form-login::-webkit-input-placeholder,
input.form-text::-webkit-input-placeholder {
	color:#999;
	font-size:12px;
}
input.form-login:-ms-input-placeholder,
input.form-text:-ms-input-placeholder {
	color:#999;
	font-size:12px;
}
textarea.form-login::-webkit-input-placeholder,
textarea.form-text::-webkit-input-placeholder {
	color:#999;
	font-size:12px;
}
textarea.form-login:-ms-input-placeholder,
textarea.form-text:-ms-input-placeholder {
	color:#999;
	font-size:12px;
}

.member-wrap button {
	border:0;
	background:transparent;
}

.member-wrap {
	width:90%;
	margin:0 auto;
	border-radius:12px;
	background:#fff;
	text-align:center;
	padding:2em 0;
}
.member-wrap.login,
.member-wrap.find {max-width:480px; position:absolute; top:50%; margin-top:-230px; left:50%; margin-left:-240px;}
.member-wrap.join {max-width:540px; }
.member-wrap .member-header {text-align:left; }
.member-wrap .member-header.end {text-align:center; }
.member-wrap .member-header .header-title {
	color:#111;
	font-size:34px;
	font-weight:700;
	text-transform:uppercase;
}
.member-wrap .member-header .header-explain {
	color:#999;
	font-size:0.95em;
}
.member-wrap.find .member-header .header-title {font-size:32px; }
.member-wrap.find .member-header .header-explain {font-size:0.9em; }
.member-wrap .member-header:after {
	display:block;
	margin:2em auto;
	content:"";
}
.member-wrap .form-login {
	border:1px solid rgba(0, 0, 0, 0);
	height:50px;
	padding:0 0.75em;
	width:100%;
}
.member-wrap .form-text {
	border:1px solid rgba(0, 0, 0, .04);
	background:#f7f7f7;
	height:50px;
	padding-right:1.25em;
	padding-left:1.25em;
	width:100%;
}

.member-wrap .login-form-list > ul {
	border-radius:12px;
	overflow:hidden;
	border:1px solid rgba(0, 0, 0, .15);
}
.member-wrap .login-form-list > ul li + li {border-top:1px solid rgba(0, 0, 0, .15); }
.member-wrap .login-form-list .form-login {padding:0 0 0 1.25em; }
.member-wrap .login-form-list .btn-login  {border-radius:6px; }

.member-wrap .btn-login {
	background:#222;
	color:#fff;
	border:2px solid transparent;
	height:48px;
	width:100%;
	border-radius:0;
	font-weight:500;
	font-size:16px;
}
.member-wrap a.btn-login {
	display:block;
	line-height:44px;
}
.member-wrap .btn-login.password {
	border:2px solid #222;
	background:#fff;
	color:#222;
}
.member-wrap .btn-login.password:hover {
	background:#222;
	color:#fff;
}
.member-wrap .userReset {
	background:#999;
	color:#fff;
	height:48px;
	width:100%;
	border-radius:50px;
	font-weight:500;
	font-size:16px;
}

.member-wrap .aside-menu {margin:1.25em 0 2em; }
.member-wrap .aside-menu > ul {	font-size:0; }
.member-wrap .aside-menu > ul li {
	display:inline-block;
	font-size:13px;
	padding:0 10px;
	position:relative;
}
.member-wrap .aside-menu > ul li + li:before {
	display:block;
	width:1px;
	height:13px;
	content:"";
	background:rgba(0, 0, 0, .15);
	position:absolute;
	left:0;
	top:50%;
	transform:translateY(-50%);
	margin-top:1px;
}
.member-wrap .aside-menu > ul li > a {color:#999; }
.member-wrap .aside-menu > ul li > a:hover {color:#111; }

.member-wrap .check-box {
	overflow:hidden;
	position:relative;
}
.member-wrap .check-box input {
	position:absolute;
	left:-100px;
	top:-100px;
}
.member-wrap .check-box label {
	display:block;
	position:relative;
	text-align:left;
	padding-left:calc(22px + 9px);
	line-height:40px;
	color:#666;
}
.member-wrap .check-box input:checked + label {
	font-weight:500;
	color:#111;
}
.member-wrap .check-box .check-item {
	position:absolute;
	left:0;
	top:50%;
	transform:translateY(-50%);
	border:2px solid rgba(0, 0, 0, .15);
	width:22px;
	height:22px;
	border-radius:2px;
}
.member-wrap .check-box .check-item:hover {border-color:rgba(0, 0, 0, 1); }
.member-wrap .check-box .check-item:after {
	width:10px;
	height:8px;
	content:"";
	display:block;
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%, -6px) rotate(-45deg);
	z-index:1;
	border-style:solid;
	border-color:rgba(0, 0, 0, .15);
	border-width:0;
	border-bottom-width:3px;
	border-left-width:3px;
}
.member-wrap .check-box input:checked + label .check-item {background:rgba(0, 0, 0, 1); }
.member-wrap .check-box input:checked + label .check-item:after {border-color:#fff; }
.member-wrap .check-box.radio .check-item {border-radius:100%; }
.member-wrap .check-box.radio .check-item:after {
	width:10px;
	height:10px;
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%);
	border-style:none;
	background:rgba(0, 0, 0, .15);
	border-radius:100%;
}
.member-wrap .check-box.radio input:checked + label .check-item {
	background:#fff;
	border-color:rgba(0, 0, 0, 1);
}
.member-wrap .check-box.radio input:checked + label .check-item:after {background:rgba(0, 0, 0, 1); }
.member-wrap .check-box .view-detail {
	font-size:12px;
	display:inline-block;
	line-height:1.2em;
	padding-bottom:3px;
	margin-left:5px;
	color:#999;
	border-bottom:1px solid #999;
}
.member-wrap .check-box .view-detail:hover {
	color:#111;
	border-color:#111;
}

.member-wrap .inner-tab-box {
	display:table;
	width:100%;
	table-layout:fixed;
}
.member-wrap .inner-tab-box .tab-item {
	display:table-cell;
	width:50%;
}

.member-wrap .form-item label, .member-wrap .error-item label {
	font-weight:normal;
	text-align:left;
	display:block;
}
.member-wrap .error-item + .form-item {margin-top:10px; }
.member-wrap .form-item .label-item > span {display:block; }
.member-wrap .form-item .label-item.v1 .form-text {
	background:#fff;
	border-color:#111;
	color:#111;
	box-shadow:5px 5px 10px rgba(0, 0, 0, .08);
}
.member-wrap .form-item .label-item.v2 .form-text {
	color:#e12335;
	background:rgba(225, 35, 53, .04);
}
.member-wrap .error-item .error {
	display:block !important;
	padding:0.5em;
	font-size:0.85em;
	padding-left:18px;
	color:#e12335;
	position:relative;
	margin-bottom:8px;
}
.member-wrap .error-item .special {
	display:block !important;
	padding:0.5em;
	font-size:0.85em;
	padding-left:18px;
	color:#1367e5;
	position:relative;
	margin-bottom:8px;
}
.member-wrap .error-item .normal {display:none !important; }
.member-wrap .error-item .error:after {
	display:block;
	content:"";
	position:absolute;
	left:0;
	top:50%;
	transform:translateY(-50%);
	margin-top:1px;
	width:14px;
	height:14px;
	background:url('login-icon.png') no-repeat -144px 0;
	background-size:200px;
}
.member-wrap .error-item .special:after {
	display:block;
	content:"";
	position:absolute;
	left:0;
	top:50%;
	transform:translateY(-50%);
	margin-top:1px;
	width:14px;
	height:14px;
	background:url('login-icon.png') no-repeat -130px 0;
	background-size:200px;
}
.member-wrap .button-box {margin:20px 0; }
.member-wrap .button-box .btn-login + .btn-login {margin-top:10px; }
.member-wrap .choice-wrap .label-icon {display:none; }

/* ¾ÆÀÌÄÜ */
.member-wrap .choice-wrap .label-item {position:relative; }
.member-wrap .choice-wrap .label-item .form-text {padding-left:60px; }
.member-wrap .choice-wrap .label-icon {
	display:block;
	position:absolute;
	left:15px;
	top:50%;
	transform:translateY(-50%);
	margin-top:1px;
	width:30px;
	height:30px;
}

.member-wrap .label-icon {
	background:url('login-icon.png') no-repeat;
	background-size:200px;
}

.member-wrap .find_box .no_matching {padding:1.25em 0; }
.member-wrap .find_box .no_matching > p {margin-bottom:2em; }

.member-wrap .label-icon.userName {background-position:0 0; }
.member-wrap .label-icon.userId {background-position:0 -30px; }
.member-wrap .label-icon.userEmail {background-position:0 -120px; }
.member-wrap .label-icon.userMobile {background-position:0 -90px; }
.member-wrap .label-icon.userPassword,
.member-wrap .label-icon.userPasswordNow,
.member-wrap .label-icon.userPasswordAgain {background-position:0 -60px; }
.member-wrap .label-icon.userFileText {background-position:0 -150px; }

.member-wrap .v1 .label-icon.userName {background-position:-30px 0; }
.member-wrap .v1 .label-icon.userId {background-position:-30px -30px; }
.member-wrap .v1 .label-icon.userEmail {background-position:-30px -120px; }
.member-wrap .v1 .label-icon.userMobile {background-position:-30px -90px; }
.member-wrap .v1 .label-icon.userPassword,
.member-wrap .v1 .label-icon.userPasswordNow,
.member-wrap .v1 .label-icon.userPasswordAgain {background-position:-30px -60px; }
.member-wrap .v1 .label-icon.userFileText {background-position:-30px -150px; }

.member-wrap .v2 .label-icon.userName {background-position:-60px 0; }
.member-wrap .v2 .label-icon.userId {background-position:-60px -30px; }
.member-wrap .v2 .label-icon.userEmail {background-position:-60px -120px; }
.member-wrap .v2 .label-icon.userMobile {background-position:-60px -90px; }
.member-wrap .v2 .label-icon.userPassword,
.member-wrap .v2 .label-icon.userPasswordNow,
.member-wrap .v2 .label-icon.userPasswordAgain {background-position:-60px -60px; }
.member-wrap .v2 .label-icon.userFileText {background-position:-60px -150px; }

.group-type {margin:1em 0 2em; }
.group-type .type-item + .type-item {margin-top:12px; }

@media (min-width:992px) {
	.login-bg {background:#f5f5f5; }

	input.form-login::-webkit-input-placeholder,
	input.form-text::-webkit-input-placeholder {font-size:14px; }
	input.form-login:-ms-input-placeholder,
	input.form-text:-ms-input-placeholder {font-size:14px; }
	textarea.form-login::-webkit-input-placeholder,
	textarea.form-text::-webkit-input-placeholder {font-size:14px; }
	textarea.form-login:-ms-input-placeholder,
	textarea.form-text:-ms-input-placeholder {font-size:14px; }

	.member-wrap {
		padding:2em 50px;
		box-shadow:8px 8px 30px rgba(0, 0, 0, .04);
	}

	.member-wrap .member-header .header-title {font-size:48px; }
	.member-wrap.find .member-header .header-title {font-size:40px; }
	.member-wrap.find .member-header .header-explain {font-size:0.9em; }

	.member-wrap .form-login {height:58px; }
	.member-wrap .form-text {height:58px; }

	.member-wrap .btn-login {
		height:58px;
		font-size:18px;
	}
	.member-wrap a.btn-login {line-height:54px; }
	.member-wrap .userReset {
		height:58px;
		font-size:18px;
	}	
	.member-wrap .aside-menu > ul li {
		font-size:15px;
		padding:0 14px;
	}
	.member-wrap .check-box label {padding-left:calc(26px + 9px); }
	.member-wrap .check-box .check-item {
		width:26px;
		height:26px;
	}
	.member-wrap .check-box .check-item:after {
		width:14px;
		height:10px;
		transform:translate(-50%, -7px) rotate(-45deg);
	}

	.member-wrap .check-box.radio .check-item:after {
		width:12px;
		height:12px;
	}
	.member-wrap .check-box .view-detail {
		font-size:13px;
		margin-left:10px;
	}

	.member-wrap .choice-wrap.used-icon .label-item .form-text {padding-left:70px; }
	.member-wrap .choice-wrap.used-icon .label-icon {left:20px; }
}