@charset "utf-8";

/* 로그인 */
.lBody {
	background-color: #f2f5fb;
	position: relative
}

.lContainer {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: 0 auto;
	transform: translate(-50%, -50%);
}

.login_sec1 {
	display: inline-block !important;
	width: 10% !important;
}

.login_sec2 {
	display: inline-block !important;
	width: 90% !important;
}

.login-panel #frm .login_sec1 {
	width: 8% !important;
}

.panel-heading {
	background-color: #fff !important;
	border-bottom: 2px solid #ececec !important;
	color: #fff !important;
	padding: 20px 15px;
}

.panel-title {
	width: 35%;
	margin: 0 auto !important;
}

#frm .login_sec2 {
	width: 92% !important;
	height: 40px !important;
}

#frm .btn-block {
	background-color: #6c70f9 !important;
	border: none;
	padding: 10px 0;
	font-weight: 600;
}

#frm .btn.btn-block:hover {
	background-color: #91ABA7;
}

.panel-body {
	padding: 40px !important;
}

.login-panel {
	box-shadow: 2px 3px 15px #d4daec;
}

.fa-user:before, .fa-lock:before {
	font-size: 18px;
	color: #6c70f9;
}

.fa-bell:before {
	font-size: 16px;
	color: #a446c3;
}

/* media */
/* @media (max-width: 1300px){
	.writeForm, #frm.mdfyForm {
	    width: 100%;
	    margin-top: 10px;
	}
	.mdfyForm#frm table td{
		width: 100%;
	}
	.mdfyForm#frm table .emailTr td,
	.mdfyForm#frm table .widthTr td{
		width: 100%;
	}
	#frm table tbody th{
		width: 100%;
	}
	#frm table tbody td{
		width: 100%;
		margin-top: 10px;
	}
	.mdfyForm#frm table td{
		float:left
	}
	
}
@media (max-width: 768px){
	.lBody .lContainer{
		width:80%
	}
} */