@CHARSET "UTF-8";

/* login */
@font-face { font-family: 'Noto Sans KR'; 
src: url(.././font/NotoSansKR-Regular.otf) format('opentype');
src: url(.././font/NotoSansKR-Regular.woff) format('woff'); 
src: url(.././font/NotoSansKR-Regular.woff2) format('woff2');}

	@font-face {
		font-family: 'Pretendard-Regular';
	    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
	    font-weight: normal;
	    font-style: normal;
	}
	@font-face {
		font-family: 'Pretendard-SemiBold';
	    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff');
	    font-weight: 600;
	    font-style: normal;
	}
	@font-face {
		font-family: 'Pretendard-Bold';
	    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
	    font-weight: 700;
	    font-style: normal;
	}
	
body {background: #fff; } 
.card { box-shadow: none; }
.wrapper {overflow: hidden; }
.login-box { width: 450px; margin: 20vh auto; }
.login-form .loginInfo{ font-family: 'Pretendard-Bold'; font-size: 15px; color: #414141; margin-bottom: 10px; display: block; font-weight: 600; }
.login-form input::placeholder {font-family: 'Noto Sans KR'; color:#222; }
.login-form input {margin-bottom: 20px; color: #222; font-size: 15px; width: 100%; padding: 1.2rem; border-radius: 0.3rem; border: 1px solid #d9d9d9; background-color: #fff; }
.login-box .col-12 .btn-primary { font-family: 'Pretendard-Bold'; font-weight: 100; padding: 1.6vh 0vh; color: #fff; background: #306fe7; border: 1px solid #306fe7; box-shadow: none; font-size: 1.45em; border-radius: 0.3rem;}

.input-group { border: groove 1em red; border-radius: 2em; width: 100%;}
.login-box .copyright {text-align: center; color: #58575c; margin-top: 3rem;}
.login-box .copyright a {color: #0d4ea1;}
.login-box .copyright a:hover {color: #01B2D8;}
.caution_txt { font-family: 'Noto Sans KR'; line-height: 1.6; padding: 20px 0px 14px 5px; }
.caution_txt span { color: #306fe7; font-size: .8rem; }
[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;}

/** CRM 로그인 페이지 미디어쿼리*/
@media (max-width: 767px) {
	.login-box {
		width: 90%;
		margin: 22vh auto;
	}
	.login-card-body {
		padding: 5px;
	}
	.login-form .loginInfo{
		font-size: 13px;
		margin-bottom: 5px;	
	}
	.login-form input{
		padding: 1rem;
		margin-bottom: 15px;
	}
	.caution_txt {
		padding: 15px 0px;
	}