@CHARSET "UTF-8";

/* login */
body {background: #eceee }
.wrapper, body, html { min-height: auto; }
.login-box {margin: 11rem auto 10rem auto; }
.login-box p{text-align: center; margin-bottom: 2em; }
.login-box p img{width: 70%; margin-left: 10px; }
.login-box-msg { margin-bottom: 50px; text-align: center;}
.login-card-body { background-color: #fff !important; box-shadow: none; border: 0px; border-radius: 0.3rem; padding: 10px 0px; }
.login-box .card { box-shadow: none; background-color: #f4f6f9; }
.login-box .card .login-card-body .row {text-align: center; }
.login-box .card .login-card-body .input-group-text {color: #d2d6de;}
.login-box .card .login-card-body .input-group> input { background-color: #fff; border-radius: 0.2rem; }
.login-box .card .login-card-body .input-group> input:hover {background-color: #fff; border-color: #5929d0; transition: background-color .2s ease,border-color .2s ease;}
.btn-login { color: #c3c3c3; background-color: #fff !important; border: 1.4px solid #0000ff; box-shadow: none; padding: 10px; width: 100%; font-size: 17px; border-radius: 0.2rem !important; -webkit-border-radius: 5px; -moz-border-radius: 5px; margin-bottom: 3rem; }
.btn-login:hover {text-decoration: underline; color: #fff; background-color: #b1b3b3 !important; border: 1px solid #b1b3b3; box-shadow: none; }
input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px #fff inset;}


/* .btn-login { color: #fff; background-color: #005dad !important; border: 1px solid #005dad; box-shadow: none; padding: 16px; width: 100%; font-size: 17px; border-radius: 0.3rem; margin-bottom: 3rem; }
.btn-login:hover { text-decoration: underline; color: #fff; background-color: #064c89 !important; border: 1px solid #064c89; box-shadow: none;} */
/* .btn-crmlogin{ padding: 0.3rem 0.9rem !important; font-size: .8rem; cursor: pointer; border-radius: 3px; background-color: #3d5583; color: #fff; border: 1px solid #3d5583; transition: background-color .2s,color .2s,-webkit-box-shadow .2s;}
.btn-crmlogin:hover{ padding: 0.3rem 0.9rem !important; font-size: .8rem; cursor: pointer; border-radius: 3px; background-color: #134481; color: #fff; border: 1px solid #3d5583; transition: background-color .2s,color .2s,-webkit-box-shadow .2s;} */
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
   -webkit-box-shadow: 0 0 0 1000px #eee inset;
}
.crm_btn_box .btn-crmlogin{
	width: 96%;
	margin-bottom: 10px;
	font-size: 15px;
	letter-spacing: -0.3px;
	background-color: #2F30F0;
	color: #fff;
	border: 1px solid #2F30F0;
	border-radius: 0.2rem !important;
	padding: 12px 0px;
}

.crm_btn_box {width: 100%; position: relative;}
.crm_btn_box .title{margin-bottom: 15px; }
.crm_btn_box .title .in{
	font-family: 'Noto Sans KR';
	position: relative;
	display: inline;
	padding: 0 10px;
	background: #fff;
	color: #6f6f6f;
	font-size: 0.95rem;
	line-height: 0.9rem;
	z-index: 1;
}
.crm_btn_box:after {
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    top: 7px;
    left: 0;
    right: 0;
    background: #e3e5eb;
}
.input-group input::placeholder {font-family: 'Noto Sans KR'; color:#6d6d6d; }

.login-box .copyright { position: fixed; bottom: 30px; text-align: center; color: #58575c; margin-top: 3rem; }
.login-box .copyright a { color: #00abd9; }
.login-box .copyright a:hover { color: #00abd9; }
.login-box .copyright_pc {text-align: center; line-height: 8; }
.login-box .copyright_pc .goHomepage { opacity: 0.6; transition: 0.3s; color: #00abd9; font-weight: 600; }
.login-box .copyright_pc .goHomepage:hover {opacity: 1}
.input-group>.form-control:not(:last-child) {border-radius: 0.3rem;}
[class*='sidebar-light-'] .nav-sidebar > .nav-item.menu-open > .nav-link, [class*='sidebar-light-'] .nav-sidebar > .nav-item:hover > .nav-link {
	background: #01B2D8 !important;
	color: #fff;
}
[class*='sidebar-light-'] .nav-treeview > .nav-item > .nav-link.active, [class*='sidebar-light-'] .nav-treeview > .nav-item > .nav-link.active:hover {
	color: #01B2D8;
}

.nav-pills .nav-link:not(.active):hover {color: #01B2D8;}
.nav-link {padding: .8rem 1rem;}
.nav-sidebar .nav-item > .nav-link {margin: 0;}
.nav-sidebar > .nav-item .nav-icon.fas {font-size: 1rem;}

/* nav메뉴 > 아이콘 */
.nav-sidebar .nav-link > .right, .nav-sidebar .nav-link > p > .right {position: absolute; right: 1rem; top: 1rem;}


@media (max-width: 768px){
	.login-box {
		margin: 10rem auto 10rem auto;
    }
	.login-box .copyright {
		position: relative;
		left: 0; bottom: 0;
	}	
	.login-box .copyright p {
		margin-top: 1rem;
	}	
	.login-box .copyright p a {
		font-weight: 600;
	}
	.login-box .card .login-card-body .input-group> input{
		height: 45px;
	}
}
@media (max-width: 480px){
	.login-box .copyright {
		margin-top: 2rem; 
	}
	.login-box .copyright_pc { display: none; }
	.crm_btn_box{display: none;}
	
	.btn-login { color: #fff; background-color: #0000ff !important; border: 1.4px solid #0000ff; box-shadow: none; padding: 10px; width: 100%; font-size: 17px; border-radius: 0.2rem !important; -webkit-border-radius: 5px; -moz-border-radius: 5px; margin-bottom: 3rem; }
	.btn-login:active {text-decoration: underline; color: #fff; background-color: #B1B3B3 !important; border: 1px solid #B1B3B3; box-shadow: none; }
}