@charset "utf-8";

/* =======================================================
	mc--login
========================================================*/
.mc--login {
	background-color: #fff;
}


/* login-container */
.login-container {
	padding: 40px 20px 0;
}
.login-wrapper {
	margin-bottom: 40px;
}
.login-wrapper .input-text {
	height: 50px;
	line-height: 48px;
}
.login-wrapper .input-text + .input-text {
	margin-top: 10px;
}
.login-saveid {
	margin-top: 20px;
}
.login-saveid label {
	font-size: 13px;
	line-height: 20px;
	color: #666;
}

.login-btn-group {
	text-align: center;
}
.login-btn-group .btn + .btn02{
	margin-top: 20px;
}
.login-btn-group .btn-text {
	margin-top: 20px;
}



/* =======================================================
	mc--find
========================================================*/
.mc--find {background-color: #fff; }

/* find-nav */
.find-nav {}
.find-nav:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }

.find-nav .find-menu {
	float: left;
	width: 50%; height: 50px;
	padding: 0 10px;
	background-color: #b0b0b0;
	border: none;
	box-sizing: border-box;
	font-size: 14px;
	font-weight: 400;
	line-height: 48px;
	color: #fff;
	text-align: center;
}
.find-nav .find-menu.current {
	background-color: #fff;
	color: #242424;
}

.find-pw-guide {
	padding: 0 20px;
	box-sizing: border-box;
	text-align: center;
}
.find-pw-guide .find-tel {
	margin-top: 20px;
	font-size: 15px;
	color: #444;
	text-decoration: underline;
}



/* find-container */
.find-container {
	padding: 40px 20px;
	box-sizing: border-box;
}
.find-container .find-wrapper {
	margin-bottom: 30px;
}
.find-container .radio-group {
	margin-bottom: 20px;
}
.find-container .input-text {
	height: 50px;
	line-height: 48px;
}
.find-container .input-text + .input-text {
	margin-top: 10px;
}
.find-container .input-btn-group {
	margin-top: 10px;
}
.find-container .btn-certification {
	height: 50px;
	line-height: 48px;
	background-color: #fff;
	color: #666;
	border: 1px solid #cfcfcf;
}

.box-certification {
	margin-top: 20px;
	padding: 20px 20px;
	border: 1px solid #e9eaee;
	border-radius: 5px;
	box-sizing: border-box;
	background-color: #f7f7f7;
}
.box-certification .input-text {
	height: 40px;
	width: calc(100% - 110px);
}
.box-certification .btn,
.box-certification .btn02 {
	width: 100px; height: 40px;
	line-height: 38px;
}
.box-certification dd p {
	margin-top: 10px;
	font-size: 12px;
	color: #888;
}


/* find-result-container */
.find-result-container {
	padding: 40px 20px;
	box-sizing: border-box;
}
.find-result-container p {
	text-align: center;
}
.find-result-container .result-wrapper {
	margin: 30px 0;
	padding: 20px 20px;
	border: 1px solid #e9eaee;
	border-radius: 5px;
	box-sizing: border-box;
	background-color: #f7f7f7;
}
.find-result-container .result-wrapper li {
	color: #444;
	font-size: 14px;
}
.find-result-container .result-wrapper li + li {
	margin-top: 20px;
}
.find-result-container .result-wrapper .date {
	font-size: 12px;
	color: #888;
}
.find-result-container .result-wrapper .date em {
	font-style: normal;
}
.find-result-container .btn-big + .btn-big {
	margin-top: 20px;
}



/* reset-container */
.reset-container {
	padding: 40px 20px 0;
	box-sizing: border-box;
}
.reset-container > p {
	text-align: center;
}
.reset-wrapper {
	margin: 30px 0;
	padding: 20px 20px;
	border: 1px solid #e9eaee;
	border-radius: 5px;
	box-sizing: border-box;
	background-color: #f7f7f7;
}
.reset-wrapper .form-field dt {margin-bottom: 5px; }
.reset-wrapper .form-field + .form-field {
	margin-top: 20px;
}