body {
	background-color: white !important;
	font-family: Noto Sans KR, sans-serif !important;
}

.mb-0{
	margin-bottom : 0px !important;
}
* {
	font-weight: 400;
}
.nav-item{
	font-size: 10pt;
	font-weight: 400;
}
#content {
	padding-top: 80px;
	background-color: white;
	border-left: 1px solid #4ca1da42 !important;
}
.content-wrap {
	background-color: white;
}

.table {
	font-weight: 400 !important;
}

.btn-main {
	background-color: #4CA1DA !important;
	border: 1px solid #1a86d042 !important;
	color: white !important;
	min-width:35px !important;
}

.btn-lg-main {
	background-color: #4CA1DA !important;
	border: 1px solid #1a86d042 !important;
	color: white !important;
	padding: 7px 20px !important;
}

.btn-sm-main {
	background-color: #4CA1DA !important;
	border: 1px solid #1a86d042 !important;
	color: white !important;
	padding: 3px 7px !important;
	font-size: 0.9rem !important;
}

.color-main {
	background-color: #4CA1DA !important;
}

.text-main {
	color: #4CA1DA !important;
}

legend {
	padding: 0px 0px 15px 0px !important;
	font-size: 18px !important;
}

.text-reference {
	/*※ 강조 기호*/
	padding-right: 5px;
}

.text-reference-red {
	font-weight: 900;
	padding-right: 5px;
	color: #ff640b;
}

.form-wide label {
	margin: 5px -30px 0 30px !important;
}

.w80 {
	width: 80px;
	min-width: 80px !important;
	max-width: 80px !important;
}
.w100 {
	width: 100px;
	min-width: 100px !important;
	max-width: 100px !important;
}
.w100-200 {
	width: 200px;
	min-width: 100px !important;
	max-width: 200px !important;
}
.w200 {
	width: 200px;
	min-width: 200px !important;
	max-width: 200px !important;
}

.w250 {
	width: 250px;
	min-width: 250px !important;
	max-width: 250px !important;
}

.w300 {
	width: 300px;
	min-width: 300px !important;
	max-width: 300px !important;
}

.w500 {
	width: 500px;
	min-width: 500px !important;
	max-width: 500px !important;
}

.w700 {
	width: 700px;
	min-width: 700px !important;
	max-width: 700px !important;
}

.widget {
	box-shadow: none !important;
}

.nav-title {
	color: white;
	font-weight: 300;
	font-size: 14px;
}

.font-bold {
	font-weight: 700;
}

.slimScrollDiv .sidebar {
	background-color: #4CA1DA !important;
	width: 165px;
}

	.slimScrollDiv .sidebar .logo {
		height: 40px !important;
		margin-bottom: 0px;
		color: white;
		font-size: 14px;
		font-weight: 700;
		padding: 0px;
		/* background-color: white; */
	}

.slimScrollDiv .sidebar-nav > li > a {
	color: #ffffff !important;
	font-weight: 500;
	font-size: 16px;
}
.slimScrollDiv {
	background-color: #4CA1DA !important;
}
	.slimScrollDiv .sidebar-nav > li .icon {
		background-color: #FFFFFF00 !important;
	}

.slimScrollDiv .sidebar-nav > .active > a {
	color: #ffffff !important;
	font-weight: 500;
	font-size: 16px;
	background-color: #4CA1DA !important;
}

.slimScrollDiv i, .slimScrollDiv span {
	color: white !important;
}

.slimScrollDiv .sidebar-nav > .active > a {
	color: #ffffff !important;
	font-weight: 500;
	font-size: 16px;
}
.slimScrollDiv {
	border-right: 1px solid #4ca1da42 !important;
}

.slimScrollDiv2 i {
	color: #1a86d0 !important;
}

.slimScrollDiv2 {
	color: #626262 !important;
	background-color: white !important;
}

	.slimScrollDiv2 * {
		background-color: #FFFFFF00 !important;
	}

	.slimScrollDiv2 .sidebar-nav > li a {
		color: #555555 !important;
		font-weight: 400;
		font-size: 14.5px;
		background-color: #FFFFFF00 !important;
	}

	.slimScrollDiv2 .sidebar-nav > li > a {
		color: #4CA1DA !important;
		font-weight: 500;
		font-size: 16px;
		background-color: #FFFFFF00 !important;
	}
	.slimScrollDiv2 .sidebar-nav > li .icon {
		color: #4CA1DA !important;
		background-color: #FFFFFF00 !important;
	}

	.slimScrollDiv2 .sidebar-nav > .active > a {
		color: #4CA1DA !important;
		background-color: #4CA1DA10 !important;
	}


.slimScrollDiv .sidebar-nav > li:hover > a,
.slimScrollDiv .sidebar-nav > .active > a {
	background-color: #218bc3 !important;
}
.slimScrollDiv2 .sidebar-nav li:hover > a,
.slimScrollDiv2 .sidebar-nav > .active > a {
	background-color: #4CA1DA10 !important;
}
.alert-gray {
	font-weight: 400 !important;
	color: #4c6d84 !important;
	font-size: 14px !important;
	background: #d6dee5 !important;
}
.alert-lightgray {
	font-weight: 400 !important;
	color: #4c6d84 !important;
	font-size: 14px !important;
	background: #eaf1f6 !important;
	min-width:250px !important;
}
.alert > b{
	font-weight: 800;
}

.title-sub {
	font-weight: 400;
	white-space: nowrap;
}

.title-main {
	margin-top: -10px !important;
	font-size: 2rem;
	margin: 0;
	font-weight: 600;
	color: #555555;
}

.page-controls {
	margin-left: 165px;
}

#topNav {
	min-height: 40px !important;
	height: 40px !important;
	box-shadow: none;
}

.nav-item a {
	color: white !important;
}

.sidebar {
	background-color: #4ca1da42 !important;
	border-right: 1px solid #4ca1da42 !important;
}

/*모바일 환경*/
@media (max-width:600px) {
	body {
		font-size: 0.9rem !important;
	}

	.nav-static .content-wrap, .nav-static .loader-wrap, #topNav {
		left: 0px !important;
		margin-left: 0px !important;
		transition: margin-left 0.5s ease;
	}

	nav {
		overflow: scroll;
	}

	.content-wrap {
		overflow: scroll;
	}

	#topNav {
		width: 100vw !important;
	}

	.w500-pl-3 {
		padding-left: 30px !important;
	}

	.w500 {
		width: 90vw !important;
		min-width: 90vw !important;
		max-width: 90vw !important;
	}

	.mobile-hidden {
		display: none !important;
	}

	.widget, .widget-login-container {
		padding: 0 !important;
	}

	.title-sub {
		margin-bottom: 10px;
		white-space: nowrap;
	}

	.title-main {
		font-size: 1.5rem;
		margin: -5px 0 10px 0 !important;
		font-weight: 600;
		color: #555555;
	}

	.alert {
		font-size: 0.8rem !important;
	}

	.table {
		font-size: 0.8rem !important;
	}

	#content {
		background-color: white;
		padding-top: 60px;
	}

	.content-wrap {
		background-color: white;
		border: 1px solid #4ca1da42;
	}

	.nav-title {
		font-size: 12px;
	}

	.navbar-nav {
		width: 20px;
	}

	.th1 {
		width: 120px;
	}

	.printArea, .printHeader, #ContentPlaceHolder_sampleCon {
		width: 90vw !important;
	}

		.printHeader td {
			display: block;
			font-size: 11px !important;
		}

		.printHeader div {
			font-size: 11px !important;
		}

		.printHeader .btn, .btn-sm-mobile {
			padding: 3px 8px !important;
			font-size: 10px !important;
		}

	.printContent {
		margin-top: 10px;
		padding: 3px;
		border: 1px solid #e7e7e7;
		width:89vw;
	}

	.m100 {
		width: 100px !important;
		min-width: 100px !important;
		max-width: 100px !important;
	}

	.m200 {
		width: 200px !important;
		min-width: 200px !important;
		max-width: 200px !important;
	}

	.not-mobileTable {
		display: none;
	}

	.mobileTable {
		display: block !important;
	}

	.btn-yearend {
		font-size: 10px;
		border-color: #dfe4e9;
	}

	.btn-yearend-mobile {
		font-size: 12px;
		min-width: 125px !important;
		max-width: 125px !important;
		border-color: #dfe4e9;
		padding-left: 0;
		padding-right: 0;
	}

	.btn-nav {
		padding-right: 0px !important;
	}
	#ContentPlaceHolder_ddlYear {
		width: 80px !important;
		min-width: 80px !important;
		max-width: 80px !important;
		height: 25px;
		font-size:11px;
		padding-top:3px;
	}
	.payDay {
		padding-left: 0px !important;
		width: 90vw !important;
		right: 10px;
	}
	.sidebar-nav li a {
		font-size: 12px !important;
	}
	#sealModal * {
		font-size: 11px !important;
	}
	#receiptPopup {
		font-size: 11px !important;
	}
    .alert-text {
        margin: 3vh auto -4vh;
        color: #da1a1a;
        font-size: 15px !important;
        font-weight: 500;
    }
}

@media (max-width: 767.98px) {
	.nav-static .content-wrap, .nav-static .loader-wrap {
		left: 0px !important;
		transition: margin-left 0.5s ease;
	}

	.form-control-input {
		padding-left: 30px !important;
	}

	.page-controls {
		left: 0;
		margin-left: 0px !important;
		transition: margin-left 0.5s ease;
	}

	.w700-pl-3 {
		padding-left: 30px !important;
		min-width: 90vw !important;
		max-width: 90vw !important;
	}
}
@media (min-width: 768px) {
	.navbar-dashboard .container-fluid{
		padding: 0 0 !important;
	}
	.content-wrap, .nav-static .loader-wrap {
		margin-left: 165px !important;
		transition: margin-left 0.5s ease;
	}

	.nav-static .page-controls {
		left: 0;
		margin-left: 0px !important;
		transition: margin-left 0.5s ease;
	}
}

@media (min-width: 992px) {
	.content-wrap, .nav-static .loader-wrap {
		margin-left: 388px !important;
		transition: margin-left 0.5s ease;
	}

	.toggle.fa-angle-left {
		margin-left: -140px;
		transition: margin-left 0.5s ease;
	}
}

.td-center {
	text-align: center;
}

.table th {
	text-align: center;
}

.table td, .table tr {
	border: 1px solid #d6dee5 !important;
}

.table .thead-gray {
	background-color: #EEEEEE;
}

.popup {
	width: 200px;
	height: 120px;
	border: 1px solid #d6daddc7;
	box-shadow: 0px 10px 10px 0px rgb(164 164 164 / 20%);
}
.popup div {
	background-color: #EEEEEE;
	padding-left: 10px !important;
	padding-right: 10px !important;
}
.widget{
	margin-bottom:0px !important;
}

.btn-main-login {
	background-color: #4CA1DA !important;
	border-color: #4CA1DA !important;
	padding: 10px;
	margin-top: 0;
	color: white;
	border-radius: 5px;
	margin-bottom: 8px;
	padding: 12px;
	font-size: 18px !important;
}
.btn-main:hover, .btn-lg-main:hover, .btn-main-login:hover {
	background-color: #1b7cbd !important;
	color: white !important;
}
.flag_YES {
	color:dodgerblue;
}
.divTitle {
	color: #495057;
	font-family: Noto Sans KR, sans-serif !important;
	padding-top: 0px;
	height:30px;
}
.div-tbl-no-over{
	border-top: 0px;
}
.pagination-ys tr, .pagination-ys td {
	border: 0 !important;
}
.divSubmitBox {
	text-align: center;
	padding-top: 29px;
	padding-bottom: 29px;
	margin: 0 auto;
	position: relative;
}

.btnSubmit {
	width: 200px;
	height: 100px;
	font-size: 17px;
	font-weight: 600z;
	border-radius: 20px;
	margin: 0px 5px;
}

#spanTitle {
	background-color: white !important;
	font-family: Noto Sans KR, sans-serif !important;
	font-weight: 600;
	color: gray;
}
.certify-user-info {
	color: #c5c5c5;
}
ol.breadcrumb {
	min-width: 300px !important;
	display: flex;
	flex-wrap: nowrap;
}
table:not(#printSealGubun) {
	min-width: 300px !important;
}

#content {
	min-height: 98%;
}
.alert-text {
    margin: 3vh auto -4vh;
    color: #da1a1a;
    font-size: 17px;
    font-weight: 500;
}