.userfind-group:after {
	content: ''; display: block; clear: both;
}

.userfind-group {
	margin: 40px 0;
	/*border: 1px solid var(--color-line);*/
}
#find-tab:after {
	content: ''; display: block; clear: both;
}
#find-tab {
	/*border-bottom:	1px solid #acacac;
	border-top:		1px solid #acacac;*/
}
#find-tab li {
	float: left; width: calc(50% - 1px);
	border-right: 1px solid var(--color-line);
}
#find-tab li:last-child {
	border-right: 0;
}
#find-tab li a {
	display: block; padding: 20px 0;
	background-color: #f9f9f9; color: #333; text-align: center;
	/*border-bottom: 1px solid var(--color-line);*/
}
#find-tab li a.active {
	background-color: #111; color: #fff;
	/*border-bottom: none;*/
}

.form-group {
	margin: 10px 0;
}
.form-group input.form-control {
	/*background-color: var(--color-bg); color: var(--color-txt);*/
	border: none;
}
.form-group input.form-control:focus {
	border: none !important;
}

.userfind-group .find-btn {
	width: 100%;
}

.userfind-group .result {
	padding: 10px; margin: 10px 0 0; display: none;
	/*border-top: 1px solid var(--color-line);*/
	text-align: center; color: #333;
}
.userfind-group .result p {
	margin: 10px 0;
	text-align: center; color: #333;
}
.userfind-group .result .pwreset-btn {
	width: 100px; margin: 10px auto; padding: 10px 0; cursor: pointer;
	font-size: 14px; text-align: center;
	background-color: #1d3338; color: #fff;
}
/*
.userfind-group > div {
	float: left; width: calc(50% - 32px); padding: 10px;
	border: 1px solid #ced4da;
}
.userfind-group > div > h2 {
	margin: 0 0 10px; padding: 0 0 10px 10px;
	border-bottom: 1px solid #eee;
	font-size: 18px;
}


.userfind-group > div .form-group {
	margin: 0 0 10px;
}
.userfind-group > div > button {
	width: 100%;
}


.userfind-group .find-id { margin: 0 10px 0 0; }
.userfind-group .find-pw { margin: 0 0 0 10px; }

@media screen and (max-width: 768px) {
	.userfind-group .find-id,
	.userfind-group .find-pw {
		float: none; width: calc(100% - 22px); margin: 10px 0;
	}
}*/