@charset "utf-8";

/* font */
.font-SpoqaHanSansNeo {
	font-family: "SpoqaHanSansNeo", "sans-serif";
}
.font-regular {
	font-weight: 400;
}

/* color 이후수정*/
.fc-white {
	color: #fff;
}
.fc-black {
	color: #292929;
}
.fc-black-impt {
	color: #292929 !important;
}
.fc-subbase {
	color: #212529;
}
.fc-subbase-impt {
	color: #212529 !important;
}
.fc-darkgray {
	color: #343a40;
}
.fc-darkgray-impt {
	color: #343a40 !important;
}
.fc-dark {
	color: #4e5d6c;
}
.fc-dark-impt {
	color: #4e5d6c !important;
}
.fc-gray {
	color: #6c757d;
}
.fc-gray-impt {
	color: #6c757d !important;
}
.fc-lightgray {
	color: #7e84a3;
}
.fc-lightgray-impt {
	color: #7e84a3 !important;
}
.fc-light {
	color: #f8f9fa;
}
.fc-light-impt {
	color: #f8f9fa !important;
}
.fc-point {
	color: #0058ff;
}
.fc-point-impt {
	color: #0058ff !important;
}
.fc-blue-green {
	color: #17a2b8;
}
.fc-blue {
	color: #007bff;
}
.fc-blue-impt {
	color: #007bff !important;
}
.fc-primary {
	color: #0574B9;
}
.fc-primary-impt {
	color: #0574B9 !important;
}
.fc-info {
	color: #8baaff;
}
.fc-info-impt {
	color: #8baaff !important;
}
.fc-secondary {
	color: #bed6d5;
}
.fc-secondary-impt {
	color: #bed6d5 !important;
}
.fc-success {
	color: #bed6d5;
}
.fc-success-impt {
	color: #bed6d5 !important;
}
.fc-teal {
	color: #bed6d5;
}
.fc-teal-impt {
	color: #bed6d5 !important;
}
.fc-cyan {
	color: #bed6d5;
}
.fc-cyan-impt {
	color: #bed6d5 !important;
}
.fc-green {
	color: #28a745;
}
.fc-green-route{
	color: #1BAC6D;
}
.fc-green-impt {
	color: #28a745 !important;
}
.fc-lightgreen {
	color: #20c997;
}
.fc-green2 {
	color: #09c969;
}
.fc-lightgreen-impt {
	color: #20c997 !important;
}
.fc-red {
	color: #dc3545;
}
.fc-red-impt {
	color: #dc3545 !important;
}
.fc-warning {
	color: #fd7e14;
}
.fc-warning-impt {
	color: #ff9933 !important;
}
.fc-danger {
	color: #fe657e;
}
.fc-danger-impt {
	color: #fe657e !important;
}

/* background color */
.bg-lightgray {
	background: #f8f9fa;
}
.bg-white {
	background: #fff;
}
.bg-darkgray {
	background: #343a40;
}
.bg-cyan {
	background: #bed6d5;
}
.bg-orange {
	background: #ffefe5;
}
.bg-yellow {
	background: #fffad3 !important;
}
.bg-mark {
	background: url("../../img/airforce_mark.svg") center center no-repeat;
}

.btn-darkgreen {
	color: #fff;
	background: #27AE77;
	border: 1px solid #27AE77;
}

/* button style */
.btn-lg + .btn-lg {
	margin-left: 10px;
}
.btn-sm + .btn-sm {
	margin-left: 10px;
}
.btn-xm + .btn-xm {
	margin-left: 4px;
}
.btn-xxm + .btn-xxm {
	margin-left: 6px;
}
.btn-xxm {
	font-size: 12px;
	display: inline-block;
	padding: 4px 10px 4px 10px;
	border-radius: 4px;
	line-height: 19px;
	text-align: center;
	vertical-align: middle;
	transition: all 0.3s;
}
.btn-xxm-r {
	font-size: 12px;
	display: inline-block;
	padding: 2px 14px 2px 14px;
	border-radius: 4px;
	line-height: 19px;
	text-align: center;
	vertical-align: middle;
	transition: all 0.3s;
	border-radius: 14px;
}
.btn-xm {
	display: inline-block;
	padding: 8px 14px 8px 14px;
	border-radius: 4px;
	line-height: 19px;
	text-align: center;
	vertical-align: middle;
	transition: all 0.3s;
}
.btn-sm {
	display: inline-block;
	padding: 12px 20px 12px 20px;
	border-radius: 4px;
	line-height: 19px;
	text-align: center;
	vertical-align: middle;
	transition: all 0.3s;
}
.btn-sm-d {
	display: inline-block;
	padding: 12px 20px 12px 20px;
	border-radius: 4px;
	line-height: 19px;
	text-align: center;
	vertical-align: middle;
	transition: all 0.3s;
}
.btn-lg {
	display: inline-block;
	padding: 0 10px;
	text-align: center;
	border-radius: 4px;
	line-height: 42px;
	vertical-align: middle;
	transition: all 0.3s;
}
.btn-lg-round {
	display: inline-block;
	padding: 0 10px;
	text-align: center;
	border-radius: 4px;
	line-height: 42px;
	vertical-align: middle;
	transition: all 0.3s;
}

/* button color */
.btn-login {
	color: #fff;
	background: #167bff;
}
.btn-login:hover {
	background: #167bff;
}
.btn-Introduce {
	color: #fff;
	background: #343a40;
}
.btn-Introduce:hover {
	background: #343a40;
}
.btn-green {
	color: #20c997;
	background: #ddf7f0;
	border: 1px solid #ddf7f0;
}
.btn-red {
	color: #fe657e;
	background: #ffe8ec;
	border: 1px solid #ffe8ec;
}
.btn-red2 {
	color: #fff;
	background: #DC3545;
	border: 1px solid #ffe8ec;
}
.btn-blue {
	color: #007bff;
	background: #d9ebff;
	border: 1px solid #d9ebff;
}
.btn-blue-green {
	color: #17a2b8;
	background: #dcf1f5;
	border: 1px solid #dcf1f5;
}
.btn-purple {
	color: #6610f2;
	background: #e8dbfd;
	border: 1px solid #e8dbfd;
}
.btn-sm-purple {
    color: #4d47e3;
    background: #e4e3f3;
    border: 1px solid #e4e3f3;
}
.btn-bluepurple {
    color: #fff;
    background: #294793;
    border: 1px solid #4466be;
}
.btn-orange {
    color: #FD7E14;
    background: #FFECDC;
    border: 1px solid #FFECDC;
}
.btn-gray {
	color: #6c757d;
	background: #e9eaec;
	border: 1px solid #e9eaec;
}
.btn-lightgray {
	color: #fff;
	background: #7e84a3;
	border: 1px solid #7e84a3;
}
.btn-white-gray {
	color: #7e84a3;
	background: #fff;
	border: 1px solid #7e84a3;
}
.btn-white-blue {
	color: #007bff;
	background: #fff;
	border: 1px solid #007bff;
}
.btn-white {
	color: #52616b;
	background: #fff;
	border: 1px solid #52616b;
}
.btn-white:hover {
	color: #2f3039;
}
.btn-white-primary {
	color: #0c81e4;
	background: #fff;
	border: 1px solid #0574B9;
}
.btn-white-primary:hover {
	color: #004e98;
}
.btn-white-desabled {
	color: #292929;
	background: #fff;
	border: 1px solid #d7dbec;
}
.btn-white-desabled:hover {
	color: #292929;
	background: #eff8ff;
}
.btn-white-darkgray {
	color: #fff;
	background: #4E5D6C;
	border: 1px solid #707070;
}
.btn-white-red {
	color: #FF523C;
	background: #FFF;
	border: 1px solid #FF523C;
}
.btn-white-blue2{
	color: #fff;
	background: #167BFF;
	border: 1px solid #167BFF;
}
.btn-white-Secondary {
	color: #bed6d5;
	background: #fff;
	border: 1px solid #bed6d5;
}
.btn-white-Secondary:hover {
	color: #24aa79;
	background: #ebfff8;
}
.btn-default {
	color: #fff;
	background: #d7dbec;
}
.btn-default:hover {
	background: #707070;
}
.btn-primary {
	color: #fff;
	background: #0574B9;
	border: 1px solid #0574B9;
}
.btn-primary:hover {
	background: #0574B9;
}
.btn-desabled {
	color: #7e84a3;
	background: #d7dbec;
}
.btn-desabled:hover {
	background: #707070;
}
.btn-secondary {
	color: #fff;
	background: #bed6d5;
}
.btn-secondary:hover {
	background: #bed6d5;
}
.btn-info {
	color: #fff;
	background: #8baaff;
}
.btn-info:hover {
	background: #8baaff;
}
.btn-warning {
	color: #fff;
	background: #ff9933;
}
.btn-warning:hover {
	background: #ff6700;
}
/* .btn-danger {color:#fff;background: #FE657E;}
.btn-danger:hover {background: #FE657E;} */
.btn-danger {
	color: #fe657e;
	background: #ffe8ec;
}
.btn-caution {
	color: #fff;
	background: #dc3545;
}
.btn-caution:hover {
	background: #dc3545;
}
.btn-language {
	background: #F4F4F4;
	border: 1px solid #F4F4F4;
    font-size: 16px;
    color: #000000;
	width: 100%;
	display: inline-block;
    padding: 8px 20px 8px 20px;
    border-radius: 4px;
    line-height: 19px;
    text-align: center;
    vertical-align: middle;
    transition: all 0.3s;
}
.btn-green-login {
	background: #27AE77;
	border: 1px solid #27AE77;
    font-size: 16px;
    color: #fff;
	width: 100%;
	display: inline-block;
    padding: 14px 20px 14px 20px;
    border-radius: 4px;
    line-height: 19px;
    text-align: center;
    vertical-align: middle;
    transition: all 0.3s;
}
#searchString, #searchAddress {
	background-image: url(../img/icon/searchIcon.svg);
	background-repeat: no-repeat;
	background-position: left;
	background-position-y: 10px;
	background-position-x: 10px;
	padding: 10px 20px 10px 40px;
}
.btn-date-bg {
	background-color: #d7dbec;
	align-self: center;
	margin-right: 10px;
	border-radius: 4px;
}
.btn-download {
	margin-left: 10px;
	background-image: url(../img/downloadBtn.png);
	background-repeat: no-repeat;
	background-position: center;
	width: 46px;
	height: 46px;
	border: 1px solid #d7dbec;
	border-radius: 4px;
}
.btn-download:hover {
	background: #8baaff;
	background-image: url(../img/downloadBtnhover.png);
	background-repeat: no-repeat;
	background-position: center;
}
.btn-setting {
	margin-left: 10px;
	background-image: url(../img/settingBtn.png);
	background-repeat: no-repeat;
	background-position: center;
	width: 46px;
	height: 46px;
	border: 1px solid #d7dbec;
	border-radius: 4px;
}
.btn-setting:hover {
	background: #8baaff;
	background-image: url(../img/settingBtnhover.png);
	background-repeat: no-repeat;
	background-position: center;
}
.btn-sm-detail {
	margin-left: 10px;
	background-image: url(../img/sm-detailBtn.png);
	background-repeat: no-repeat;
	background-position: center;
	width: 36px;
	height: 36px;
	border: 1px solid #d7dbec;
	border-radius: 6px;
}
.btn-sm-detail:hover {
	background: #ffffff;
	background-image: url(../img/sm-detailBtn.png);
	background-repeat: no-repeat;
	background-position: center;
}
.btn-notice {
	width: 100%;
	color: #999999;
	background: #fff;
	border: 1px solid #999999;
	display: inline-block;
	padding: 12px 20px 12px 20px;
	border-radius: 4px;
	line-height: 19px;
	text-align: center;
	vertical-align: middle;
	transition: all 0.3s;
}

/*main-page*/
.page {
	margin-left: auto;
	margin-right: auto;
	max-width: 1670px;
	padding: 20px;
	/* padding: 0 30px 50px; */
}
.page-title {
	font-family: "Spoqa Han Sans Neo";
	font-size: 20px;
	font-weight: 600;
	margin: 4px 0px 0px 10px;
}
.page-smtitle{
	font-family: "Spoqa Han Sans Neo";
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 18px;
	float: left; 
}
.page-body {
	text-align: -webkit-center;
}
.mg_right_10{
	margin-right: 10px;
}
.mg_right_20{
	margin-right: 20px;
}
.mg_left_10{
	margin-left: 10px;
}
.mg_left_20{
	margin-left: 20px;
}
.page-section {
	/* width: 1590px; */
	width: 100%;
	height: 80px;
	background-color: #fff;
	border-radius: 6px;
	margin: 20px 0px 10px 0px;
	position: relative;
	box-shadow: 0 1px 2px hsla(0, 0%, 39%, 0.05), 0 -1px 2px hsla(0, 0%, 39%, 0.05);
}
.page-section-board {
	/* width: 1590px; */
	width: 100%;
	height: 140px;
	background-color: #fff;
	border-radius: 6px;
	margin: 20px 0px 10px 0px;
	position: relative;
	box-shadow: 0 1px 2px hsla(0, 0%, 39%, 0.05), 0 -1px 2px hsla(0, 0%, 39%, 0.05);
}
.page-scard {
	width: 100%;
	height: 60px;
	text-align: left;
}
.page-card {
	width: 25%;
	height: 160px;
	background-color: #fff;
	border-radius: 6px;
	margin-right: 20px;
	position: relative;
	box-shadow: 0 1px 2px hsla(0, 0%, 39%, 0.05), 0 -1px 2px hsla(0, 0%, 39%, 0.05);
	flex: 1 1 auto;
	padding: 25px 10px 20px 40px;
}
.page-card:last-child {
	margin-right: unset;
}
.page-card-lg {
	width: 100%;
	height: 490px;
	background-color: #fff;
	border-radius: 6px;
	position: relative;
	box-shadow: 0 1px 2px hsla(0, 0%, 39%, 0.05), 0 -1px 2px hsla(0, 0%, 39%, 0.05);
	flex: 1 1 auto;
	padding: 20px;
}
.page-card-lg:last-child {
	margin-right: unset;
}
.page-card-xl {
	/* width: 784px; */
	width: 100%;
	height: 160px;
	background-color: #fff;
	border-radius: 6px;
	/* margin-right: 20px; */
	position: relative;
	box-shadow: 0 1px 2px hsla(0, 0%, 39%, 0.05), 0 -1px 2px hsla(0, 0%, 39%, 0.05);
	flex: 1 1 auto;
	padding: 25px 10px 20px 40px;
}
.page-card-xl:last-child {
	margin-right: unset;
}
.page-card-xxl {
	/* width: 786px; */
	width: 100%;
	/* height: 599px; */
	background-color: #fff;
	border-radius: 6px;
	margin-right: 20px;
	position: relative;
	box-shadow: 0 1px 2px hsla(0, 0%, 39%, 0.05), 0 -1px 2px hsla(0, 0%, 39%, 0.05);
	flex: 1 1 auto;
	padding: 25px 40px 20px 40px;
}
.page-card-xxl:last-child {
	margin-right: unset;
}
.page-card-rg {
	/* width: 705px; */
	width: 50%;
	height: 158px;
	border-radius: 6px;
	border: 1px solid #d7dbec;
	margin-top: 10px;
	padding: 26px;
}
.page-card-sm {
	/* width: 350px; */
	width: 100%;
	height: 158px;
	border-radius: 6px;
	border: 1px solid #d7dbec;
	margin-top: 10px;
	padding: 26px;
}
.page-card-sm:first-child {
	margin-right: 10px;
}
.receipt-count {
	font-family: "Spoqa Han Sans Neo";
	font-size: 14px;
	font-weight: 400;
	color: #7e84a3;
	display: inline-block;
	line-height: 42px;
	margin-right: 30px;
}

.table-section {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 10px;
}

.table-section span {
	color: #7E84A3;
	font-family: "Spoqa Han Sans Neo";
	font-size: 14px;
	font-weight: 500;
}

.table-section span .count-amount{
	color: #292929;
	font-family: "Spoqa Han Sans Neo";
	font-size: 14px;
	font-weight: 500;
	margin: 0 3px;
}

/*col-table (td height 110)*/
.page-table {
	background-color: #fff;
	border-radius: 8px;
	padding: 20px;
	/* width: 1590px; */
	width: 100%;
	box-shadow: 0 1px 2px hsla(0, 0%, 39%, 0.05), 0 -1px 2px hsla(0, 0%, 39%, 0.05);
}
.col-table {
	table-layout: fixed;
}
.col-table.header {
	table-layout: fixed;
	margin: 10px auto 0;
	border-bottom: 0;
}
.col-table > thead > tr > th,
.col-table > tbody > tr > td {
	text-align: center;
	line-height: 2;
	word-break: break-all;
}
.col-table > tbody > tr > td.content-area {
	text-align: unset;
}
.col-table > tbody > tr > td.content-area img {
	display: initial;
}
.col-table > tbody > tr:hover {
	background: #edf2fe;
}
.col-table > thead > tr > th {
	font-size: 16px;
	font-family: "Spoqa Han Sans Neo";
	font-weight: 600;
	background-color: #f4f4f4;
	user-select: none;
	height: 53px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
.col-table > tbody > tr > td {
	font-size: 16px;
	font-family: "Spoqa Han Sans Neo";
	font-weight: 500;
	border-bottom: 1px solid #ebebeb;
	height: 110px;
}

/*col-table (td height 80)*/
.page-table {
	background-color: #fff;
	border-radius: 8px;
	padding: 20px;
	/* width: 1590px; */
	width: 100%;
	box-shadow: 0 1px 2px hsla(0, 0%, 39%, 0.05), 0 -1px 2px hsla(0, 0%, 39%, 0.05);
}
.table-section {
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
}
.col-table-8 {
	table-layout: fixed;
}
.col-table-8.header {
	table-layout: fixed;
	margin: 10px auto 0;
	border-bottom: 0;
}
.col-table-8 > thead > tr > th,
.col-table-8 > tbody > tr > td {
	text-align: center;
	line-height: 2;
	word-break: break-all;
}
.col-table-8 tbody > tr > td.content-area {
	text-align: unset;
}
.col-table-8 > tbody > tr > td.content-area img {
	display: initial;
}
.col-table-8 > tbody > tr:hover {
	background: #edf2fe;
}
.col-table-8 > thead > tr > th {
	font-size: 16px;
	font-family: "Spoqa Han Sans Neo";
	font-weight: 600;
	background-color: #f4f4f4;
	user-select: none;
	height: 53px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
.col-table-8 > tbody > tr > td {
	font-size: 16px;
	font-family: "Spoqa Han Sans Neo";
	font-weight: 500;
	border-bottom: 1px solid #ebebeb;
	height: 80px;
}

/*small table*/

.col-table-4 {
	table-layout: fixed;
}
.col-table-4.header {
	table-layout: fixed;
	margin: 10px auto 0;
	border-bottom: 0;
}
.col-table-4 > thead > tr > th,
.col-table-4 > tbody > tr > td {
	text-align: center;
	line-height: 2;
	word-break: break-all;
}
.col-table-4 tbody > tr > td.content-area {
	text-align: unset;
}
.col-table-4 > tbody > tr > td.content-area img {
	display: initial;
}
.col-table-4 > tbody > tr:hover {
	background: #edf2fe;
}
.col-table-4 > thead > tr > th {
	font-size: 14px;
	font-family: "Spoqa Han Sans Neo";
	font-weight: 500;
	background-color: #f4f4f4;
	user-select: none;
	height: 40px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
.col-table-4 > tbody > tr > td {
	font-size: 14px;
	font-family: "Spoqa Han Sans Neo";
	font-weight: 500;
	border-bottom: 1px solid #ebebeb;
	height: 40px !important;
}

.col-table-5 {
	width: 100%;
	table-layout: fixed;
}
.col-table-5.header {
	table-layout: fixed;
	margin: 10px auto 0;
	border-bottom: 0;
}
.col-table-5 > thead > tr > th,
.col-table-5 > tbody > tr > td {
	text-align: center;
	line-height: 2;
	word-break: break-all;
}
.col-table-5 tbody > tr > td.content-area {
	text-align: unset;
}
.col-table-5 > tbody > tr > td.content-area img {
	display: initial;
}
.col-table-5 > tbody > tr:hover {
	background: #edf2fe;
}
.col-table-5 > thead > tr > th {
	font-size: 16px;
	font-family: "Spoqa Han Sans Neo";
	font-weight: 500;
	background-color: #f4f4f4;
	user-select: none;
	height: 46px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
.col-table-5 > tbody > tr > td {
	font-size: 16px;
	font-family: "Spoqa Han Sans Neo";
	font-weight: 500;
	border-bottom: 1px solid #ebebeb;
	height: 50px !important;
}
/*modal-table + modal-tab-view*/
.modal_table > tbody > tr:first-child {
	border-top: 1px solid #d7dbec;
	opacity: 30;
}
.modal_table > tbody > tr {
	border-bottom: 1px solid #d7dbec;
	opacity: 30;
}
.modal_table > thead > tr > th {
	font-family: "Spoqa Han Sans Neo";
	font-size: 16px;
	font-weight: 500;
	text-align: center;
	background: #f4f4f4;
	height: 56px;
	border: 1px solid #d7dbec;
}
.modal_table > thead > tr > th:first-child {
	border-left: unset;
}
.modal_table > thead > tr > th:last-child {
	border-right: unset;
}
.modal_table > tbody > tr > th {
	font-family: "Spoqa Han Sans Neo";
	font-size: 16px;
	font-weight: 500;
	text-align: left;
	background: #f3f3f7;
	height: 56px;
	padding: 0px 0px 0px 20px;
}
.modal_table > tbody > tr > td {
	font-family: "Spoqa Han Sans Neo";
	font-size: 16px;
	font-weight: 400;
	text-align: left;
	background: #ffffff;
	height: 56px;
	padding: 0px 0px 0px 20px;
}
.modal_table_4 > tbody > tr:first-child {
	border-top: 1px solid #d7dbec;
	opacity: 30;
}
.modal_table_4 > tbody > tr {
	border-bottom: 1px solid #d7dbec;
	opacity: 30;
}
.modal_table_4 > thead > tr > th {
	font-family: "Spoqa Han Sans Neo";
	font-size: 16px;
	font-weight: 500;
	text-align: center;
	background: #f4f4f4;
	height: 50px;
	border: 1px solid #d7dbec;
}
.modal_table_4 > thead > tr > th:first-child {
	border-left: unset;
}
.modal_table_4 > thead > tr > th:last-child {
	border-right: unset;
}
.modal_table_4 > tbody > tr > th {
	font-family: "Spoqa Han Sans Neo";
	font-size: 16px;
	font-weight: 500;
	text-align: left;
	background: #f3f3f7;
	height: 50px;
	padding: 0px 0px 0px 20px;
}
.modal_table_4 > tbody > tr > td {
	font-family: "Spoqa Han Sans Neo";
	font-size: 16px;
	font-weight: 400;
	text-align: left;
	background: #ffffff;
	height: 50px;
	padding: 0px 0px 0px 20px;
}

.modal_table_3 > tbody > tr:first-child {
	border-top: 1px solid #d7dbec;
	opacity: 30;
}
.modal_table_3 > tbody > tr {
	border-bottom: 1px solid #d7dbec;
	opacity: 30;
}
.modal_table_3 > thead > tr > th {
	font-family: "Spoqa Han Sans Neo";
	font-size: 16px;
	font-weight: 500;
	text-align: center;
	background: #f4f4f4;
	height: 50px;
	padding: 8px;
}
.modal_table_3 > thead > tr > th:first-child {
	border-left: unset;
}
.modal_table_3 > thead > tr > th:last-child {
	border-right: unset;
}
.modal_table_4 > tbody > tr > th {
	font-family: "Spoqa Han Sans Neo";
	font-size: 16px;
	font-weight: 500;
	text-align: left;
	background: #f3f3f7;
	height: 50px;
	padding: 0px 0px 0px 20px;
}
.modal_table_3 > tbody > tr > td {
	font-family: "Spoqa Han Sans Neo";
	font-size: 16px;
	font-weight: 400;
	text-align: left;
	background: #ffffff;
	height: 50px;
	padding: 0px 0px 0px 20px;
}
.tab-view-header {
	padding: 10px 0px 10px 0px;
}
.tab-view-header .tab-switch-row {
	text-align: left;
	padding: 0 30px;
	border-bottom: 2px solid #ededed;
	box-shadow: none;
	margin-bottom: 0;
	position: relative;
}
.tab-view-header .tab-switch-row .tab-switch {
	font-family: "Spoqa Han Sans Neo";
	font-size: 16px;
	font-weight: 600;
	color: #7e84a3;
	border-bottom: 2px solid transparent;
	display: inline-block;
	margin-bottom: -2px;
	padding: 8px 30px;
}
.tab-view-header .tab-switch-row .tab-switch.active {
	border-bottom: 2px solid #0574B9;
	color: #0574B9;
	font-family: "Spoqa Han Sans Neo";
	font-size: 16px;
	font-weight: 600;
}
.tab-menu {
	width: 400px;
	background-color: #f2f2f2;
	height: 630px;
	overflow-x: unset;
	overflow-y: scroll;
}

/* minus/plus icon*/
.minus {
    background: url("../img/icon/minus_icon.svg") center center no-repeat;
    display: inline-block;
    width: 14px;
    height: 36px;
    filter: grayscale(0.8);
}
.plus {
    background: url("../img/icon/plus_icon.svg") center center no-repeat;
    display: inline-block;
    width: 14px;
    height: 36px;
}
.minus:hover {
    background: url("../img/icon/minus_icon.svg") center center no-repeat;
    display: inline-block;
    width: 14px;
    height: 36px;
    filter: grayscale(1);
}
.plus:hover {
    background: url("../img/icon/plus_icon.svg") center center no-repeat;
    display: inline-block;
    width: 14px;
    height: 36px;
    filter: brightness(0.9);
}
.plusMinusBtn {
    min-width: 35px;
    border: 0;
}

/*신규노선등록 modal_table*/
.modal_table_add > tbody > tr:first-child {
	border-top: 1px solid #d7dbec;
	opacity: 30;
}
.modal_table_add > tbody > tr {
	border-bottom: 1px solid #d7dbec;
	opacity: 30;
}
.modal_table_add > tbody > tr > th {
	font-family: "Spoqa Han Sans Neo";
	font-size: 16px;
	font-weight: 500;
	text-align: left;
	background: #f3f3f7;
	height: 55px;
	padding: 0px 0px 0px 30px;
}
.modal_table_add > tbody > tr > td {
	font-family: "Spoqa Han Sans Neo";
	font-size: 16px;
	font-weight: 400;
	text-align: left;
	background: #ffffff;
	height: 55px;
	padding: 0px 0px 0px 10px;
}
.modal_table_add > tbody > tr > td > div:first-child {
	font-family: "Spoqa Han Sans Neo";
	font-size: 16px;
	font-weight: 500;
	width: 80px;
	height: 54px;
	background: #f8f9fa;
	text-align: center;
	align-items: center;
	display: grid;
}
.receipt-table-id a {
	font-family: "Spoqa Han Sans Neo";
	font-size: 14px;
	font-weight: 500;
	color: #292929;
}
.receipt-table-id:before {
	font-family: "Spoqa Han Sans Neo";
	font-size: 14px;
	font-weight: 500;
	background-color: #292929;
	border-radius: 1px;
	color: #fff;
	content: "출";
	margin-right: 5px;
	padding: 1px 4px 1px;
}
.receipt-table-id2 a {
	font-family: "Spoqa Han Sans Neo";
	font-size: 14px;
	font-weight: 500;
	color: #4e5d6c;
}
.receipt-table-id2:before {
	font-family: "Spoqa Han Sans Neo";
	font-size: 14px;
	font-weight: 500;
	background-color: #4e5d6c;
	border-radius: 1px;
	color: #fff;
	content: "도";
	margin-right: 5px;
	padding: 1px 4px 1px;
}

.receipt-table-id3 a {
	font-family: "Spoqa Han Sans Neo";
	font-size: 14px;
	font-weight: 500;
	color: #7e84a3;
}
.receipt-table-id3:before {
	font-family: "Spoqa Han Sans Neo";
	font-size: 14px;
	font-weight: 500;
	background-color: #7e84a3;
	border-radius: 1px;
	color: #fff;
	content: "미";
	margin-right: 5px;
	padding: 1px 4px 1px;
}
.receipt-table-id4 a {
	font-family: "Spoqa Han Sans Neo";
	font-size: 14px;
	font-weight: 500;
	color: #7e84a3;
}
.receipt-table-id4:before {
	font-family: "Spoqa Han Sans Neo";
	font-size: 14px;
	font-weight: 500;
	background-color: #7e84a3;
	border-radius: 1px;
	color: #fff;
	content: "계";
	margin-right: 5px;
	padding: 1px 4px 1px;
}

.receipt-table-id5:before {
	font-family: "Spoqa Han Sans Neo";
	font-size: 14px;
	font-weight: 500;
	background-color: #6610f2;
	border-radius: 1px;
	color: #fff;
	content: "출";
	margin-right: 5px;
	padding: 1px 4px 1px;
}
.receipt-table-id6:before {
	font-family: "Spoqa Han Sans Neo";
	font-size: 14px;
	font-weight: 500;
	background-color: #40c8bc;
	border-radius: 1px;
	color: #fff;
	content: "도";
	margin-right: 5px;
	padding: 1px 4px 1px;
}

/*dropdown content*/
.dropdown-content {
	border: 1px solid #d7dbec;
	border-radius: 4px;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.192);
	margin-top: 5px;
	display: none;
	position: fixed;
	background-color: white;
	padding: 18px 20px;
	width: 260px;
	z-index: 1;
}
.dropdown-content a {
	display: block;
	padding: 7px;
	text-align: center;
}
.dropdown-content a:hover {
	background-color: #f0f5f9;
}
.dropdown-content {
	display: block;
}

/*dropdown table*/
.dropdown-table {
	border: 1px solid #d7dbec;
	border-radius: 4px;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.192);
	margin-top: 5px;
	display: none;
	position: absolute;
	background-color: white;
	padding: 5px 20px;
	width: 180px;
	height: 121px;
	right: 60px;
	z-index: 1;
}
.dropdown-table a {
	display: block;
	padding: 7px;
	text-align: center;
}
.dropdown-table {
	display: none;
}
.dropdown-route-table {
	border: 1px solid #d7dbec;
	border-radius: 4px;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.192);
	margin-top: 5px;
	display: none;
	position: fixed;
	background-color: white;
	padding: 5px 20px;
	width: 180px;
	height: 278 px;
	right: 78px;
	z-index: 1;
}
.dropdown-route-table a {
	display: block;
	padding: 7px;
	text-align: center;
}
.dropdown-route-table {
	display: none;
}
.list-item {
	font-family: "Spoqa Han Sans Neo";
	font-size: 16px;
	font-weight: 500;
	padding: 4px;
}
.list-item a {
	display: flex;
	width: 130px;
}
.list-item a img {
	align-self: center;
	margin-right: 20px;
}

/*paging*/
.navi {
	padding: 20px 40px 0px 40px;
	text-align: center;
}
.navi > button {
	border-radius: 4px;
	padding: unset;
	border: unset;
}
.navi > button > img {
	border-radius: 4px;
	height: 30px;
}
.navi .navi_on {
	padding: 3px 10px 6px 10px;
	border: 1px solid #666;
	border-radius: 4px;
	color: #333;
	font-size: 14px;
	font-family: "Poppins";
	font-weight: 400;
}
.navi .navi_page a {
	padding: 3px 10px 6px 10px;
	border: 1px solid #d7d7d7;
	border-radius: 4px;
	font-size: 13px;
	font-family: "Poppins";
	font-weight: 400;
}

/*tab*/
.content-tab {
	margin-top: 0px;
	text-align: left;
	/* margin-left: 20px; */
}
.content-tab a {
	font-family: "Spoqa Han Sans Neo";
	font-size: 16px;
	font-weight: 500;
	color: #7e84a3;
	width: 150px;
	height: 42px;
	border-radius: 10px 10px 0 0;
	padding: 14px 10px 14px 10px;
	display: inline-block;
	background: #ebebeb;
	text-align: center;
	box-shadow: 0 1px 2px hsla(0, 0%, 39%, 0.05), 0 -1px 2px hsla(0, 0%, 39%, 0.05);
}
.content-tab a:first-child {
	border: 0;
}
.content-tab a.active,
.content-tab a:hover {
	font-family: "Spoqa Han Sans Neo";
	font-size: 16px;
	font-weight: 600;
	background: #fff;
	color: #0574B9;
	box-shadow: 0 1px 2px hsla(0, 0%, 39%, 0.05), 0 -1px 2px hsla(0, 0%, 39%, 0.05);
}
.receipt a {
	font-family: "Spoqa Han Sans Neo";
	font-size: 14px;
	font-weight: 400;
	color: #7e84a3;
}
.receipt:before {
	font-family: "Spoqa Han Sans Neo";
	font-size: 10px;
	font-weight: 500;
	background-color: #7e84a3;
	border-radius: 1px;
	color: #fff;
	content: "N";
	font-size: 10px;
	font-weight: 700;
	margin-right: 5px;
	padding: 1px 4px 1px;
}
.receipt-id a {
	font-family: "Spoqa Han Sans Neo";
	font-size: 14px;
	font-weight: 400;
}
.receipt-id:before {
	font-family: "Spoqa Han Sans Neo";
	font-size: 10px;
	font-weight: 500;
	background-color: #212529;
	border-radius: 1px;
	color: #fff;
	content: "ID";
	font-size: 10px;
	font-weight: 700;
	margin-right: 5px;
	padding: 1px 4px 1px;
}

/*tooltip*/
.tooltip-wrap.hover-trans {
	position: relative;
	display: inline-block;
}
.sub-fee-info {
	font-size: 20px;
	line-height: 144%;
	letter-spacing: -1.1px;
	color: #40434d;
	opacity: 1;
}
.hover-trans .tooltip.down.hover-target {
	bottom: -34px;
	top: initial;
}
.hover-trans .tooltip.hover-target {
	position: absolute;
	left: 50%;
	height: auto;
	box-sizing: border-box;
	line-height: 19px;
	background-color: #ffffff;
	border-radius: 5px;
	box-shadow: 10px 10px 50px rgb(0 0 0 / 10%);
	color: #767986;
	font-size: 18px;
	font-weight: normal;
	z-index: 999;
	cursor: auto;
	letter-spacing: 0;
	visibility: hidden;
	opacity: 0;
}
.trans-normal {
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.tooltip-wrap.hover-trans {
	position: relative;
	display: inline-block;
}
.tooltip-wrap.hover-trans:hover .tooltip.delay {
	-webkit-transition-delay: 0.5s;
	-moz-transition-delay: 0.5s;
	-o-transition-delay: 0.5s;
	transition-delay: 0.5s;
}
.hover-trans:hover .hover-target {
	visibility: visible;
	opacity: 1;
}
.hover-trans .tooltip.hover-target::before,
.hover-trans .tooltip.hover-target::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translate(-50%, 0);
	width: 0;
	height: 0;
	border-width: 8px;
	border-style: solid;
	border-color: transparent;
	border-top-color: #343a40;
}

.tooltip2-wrap.hover-trans {
	position: relative;
	display: inline-block;
}
.hover-trans .tooltip2.down.hover-target {
	bottom: -34px;
	/* top: initial; */
	top: 120%;
}
.hover-trans .tooltip2.hover-target {
	position: absolute;
	left: 50%;
	height: auto;
	box-sizing: border-box;
	line-height: 19px;
	background-color: #ffffff;
	border-radius: 5px;
	box-shadow: 10px 10px 50px rgb(0 0 0 / 10%);
	color: #767986;
	font-size: 18px;
	font-weight: normal;
	z-index: 999;
	cursor: auto;
	letter-spacing: 0;
	visibility: hidden;
	opacity: 0;
}
.trans-normal {
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.tooltip2-wrap.hover-trans {
	position: relative;
	display: inline-block;
}
.tooltip2-wrap.hover-trans:hover .tooltip2.delay {
	-webkit-transition-delay: 0.5s;
	-moz-transition-delay: 0.5s;
	-o-transition-delay: 0.5s;
	transition-delay: 0.5s;
}
.hover-trans:hover .hover-target {
	visibility: visible;
	opacity: 1;
}
.hover-trans .tooltip2.hover-target::before,
.hover-trans .tooltip2.hover-target::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 80%;
	transform: translate(-8px, -50%);
	width: 0;
	height: 0;
	border-width: 8px;
	border-style: solid;
	border-color: transparent;
	border-bottom-color: #343a40;
	content: "";
	position: absolute;
	top: -24%;
	left: 80%;
}

.btn-loginType {
	color: #fff;
	background: #d7dbec;
}
.btn-loginType:hover {
	background: #707070;
}
.btn-loginType.active {
	background: #707070;
}
.notice_side {
	background: #f8f9fa;
	border: 1px solid #d7dbec;
	padding: 18px;
	text-align: left;
}
.notice_side > label > input,
.notice_side > div > label > input {
	margin-right: 10px !important;
}
.notice_bottom {
	/* width: 1170px; */
	width: 100%;
	margin-top: 10px;
	text-align: right;
}
.notice_bottom > label > input {
	margin-right: 10px !important;
}
#noticeForm {
	padding: 2%;
}
.snotice_title {
	width: 100%;
	height: 60px;
	align-items: center;
	/* margin-bottom: 10px; */
}
.snotice_title > div {
	border-top: 1px solid #d7dbec;
	border-bottom: 3px solid #d7dbec;
}
.snotice_title > div > input {
	/* width: 1170px; */
	width: 100%;
	height: 60px;
	border: hidden;
	background: #f5f6fa;
}
.notice_title {
	border-top: 1px solid #d7dbec;
	border-bottom: 3px solid #d7dbec;
	margin-bottom: 10px;
	width: 100%;
}
.notice_title > input {
	/* width: 1170px; */
	width: 100%;
	height: 60px;
	border: hidden;
	background: #f5f6fa;
}
.fb-post {
	flex-wrap: wrap;
}
.fb-post input {
	flex: 0 1 120px;
	max-width: 120px;
}
.fb-post > button,
.fb-post > a {
	flex: 0 1 100px;
	margin-left: 10px;
	max-width: 110px;
}
.fb-post > div {
	flex: 1 0 100%;
	margin-top: 10px;
}
.fb-post > div > input {
	flex: 1 1 100%;
	max-width: 100%;
}
.fb .bul {
	font-size: 13px;
	color: #989898;
	line-height: 43px;
	flex: 0 0 15px;
	text-align: center;
	width: 15px;
}

.select {
	position: relative;
	display: inline-block;
}
.select > .trigger {
	position: relative;
	display: block;
	width: 100%;
	font-size: 13px;
	color: #5a607f;
	border: 1px solid #d5d7e3;
	border-radius: 3px;
	height: 36px;
	padding: 0 35px 0 10px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	text-align: left;
	background: #fff;
}
.select > .trigger:hover {
}
.select > .trigger:focus {
}
.select > .trigger:before {
	display: block;
	content: "";
	position: absolute;
	right: 16px;
	top: 50%;
	transform: translateY(-50%);
	width: 13px;
	height: 8px;
	background: url(../img/icon/ico-select.png) 0 0 no-repeat;
}
.select.active > .trigger:before {
	background: url(../img/icon/ico-select-active.png) 0 0 no-repeat;
}
.select > .target {
	position: absolute;
	top: 99%;
	left: 0;
	width: 100%;
	max-height: 150px;
	overflow-y: auto;
	z-index: 10;
	background: #fff;
	padding: 6px 10px 10px;
	font-size: 13px;
	color: #333;
	line-height: 18px;
	border: 1px solid #d7dbec;
	border-top: unset;
}
.select > .target button,
.select > .target a {
	display: block;
	width: 100%;
	text-align: left;
}
.select > .target li {
	float: none !important;
	margin: 0 !important;
	display: block !important;
	margin-top: 8px !important;
}
.select > .target li:first-child {
	margin-top: 0;
}

.fb-tel input {
	flex: 0 1 80px;
	max-width: 80px;
}
.fb-tel .dropDown {
	flex: 0 1 80px;
	max-width: 80px;
}
.detail_div {
	background-color: #f3f4f9;
	height: 40px !important;
	padding: 4px;
}
.detail_div2 {
	height: 60px;
	padding: 14px;
	border-bottom: 1px dashed #d7dbec;
}
.detail_div2:last-child {
	border-bottom: unset;
}
.fil_item {
	display: inline-block;
	margin: 2px 8px 2px 0;
	padding: 0px 6px;
	font-size: 16px;
	font-weight: 600;
	color: #4688F7;
	line-height: 20px;
	border: 2px solid #4688F7;
	border-radius: 3px;
	background: #fff;
	vertical-align: middle;
	cursor: pointer;
}
.fil_name {
	display: flex;
	justify-content: center;
	align-items: center;
	/* margin: 4px; */
	margin: 6px 4px;
}
.btn-ico-remove {
	background: none;
	margin: 2px 2px 0px 8px;
	font-size: 20px;
	line-height: 24px;
	color: #0574B9;
}

.btn-ico-remove2 {
    content: "";
    display: inline-block;
    background: url("../img/icon/tab-ico-close.png") center center no-repeat;
    width: 25px;
    height: 20px;
    margin-left: 10px;
    padding: 5px;
    cursor: pointer;
}

.btn_fil_reset {
    position: absolute;
    width: 90px;
    top: 16px;
    left: 20px;
    font-size: 16px;
    font-weight: 500;
    margin: 0;
    background: #fff;
}

/**** 데이터 분석 ****/
.grid-card {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
	text-align: left;
}
.grid-card + .grid-card{
    margin-top: 16px;
}
.grid-card span{
    font-size: 16px;
    font-weight: 600;
}
.sm-card-data {
    width: 252px;
    height: 98px;
    background: #fff;
    border-radius: 4px;
    border:  1px solid #D6D6DD; 
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    padding: 0px 20px;
}
.sm-card-data a{
    font-size: 24px;
    font-weight: 600;
    color: #1B64DA;
}
.sm-card-data a + span{
    font-size: 18px;
    font-weight: 500;
    margin-left: 4px;
}
.lg-card {
    width: 787px;
    height: 250px;
    background: #fff;
    border-radius: 4px;
    border:  1px solid #D6D6DD;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    padding: 0px 20px;
    cursor: pointer;
}
.sml-card {
    width: 478px;
    height: 260px;
    background: #fff;
    border-radius: 4px;
    border:  1px solid #D6D6DD;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    padding: 0px 20px; 
}
.ml-card {
    width: 538px;
    height: 260px;
    background: #fff;
    border-radius: 4px;
    border:  1px solid #D6D6DD; 
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    padding: 0px 20px;
}
.content-tab-vehicle{
    width: 100%;
    height: 40px;
    border-radius: 4px;
	padding: 13px 10px;
	display: inline-block;
    font-family: "Spoqa Han Sans Neo";
	font-size: 16px;
	font-weight: 600;
    text-align: center;
	background: #7C6FF3;
	color: #fff;
	box-shadow: 0 1px 2px hsla(0, 0%, 39%, 0.05), 0 -1px 2px hsla(0, 0%, 39%, 0.05);
}
.content-tab-div{
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: "Spoqa Han Sans Neo";
	font-size: 14px;
	font-weight: 500;
    margin-bottom: 7px;
}
.content-tab-div:last-child{
    margin-bottom: unset;
}
.content-tab-div span{
    font-family: "Spoqa Han Sans Neo";
	font-size: 14px;
	font-weight: 500;
}
.dropdown-reservation-content {
    position: absolute;
	z-index: 1;
	top: -46px;
    left: -476px; 
    width: 480px; 
    height: auto; 
    padding: 18px; 
    background: #fff;
    border-radius: 4px; 
    box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 9px -2px, rgba(0, 0, 0, 0.1) 0px 0px 2px -2px; 
    border: 1px solid #F2F2F5;
	text-align: left;
}
.dropdown-reservation-content > .dropdown_header > .dropdown_title {
	text-align: start;
	padding: 20px 0px 15px;
	color: #292929;
	font-family: "Spoqa Han Sans Neo";
	font-size: 20px;
	font-weight: 600;
	letter-spacing: -1px;
	user-select: none;
}
.dropdown-reservation-content > .dropdown_header > .dropdown_close {
	color: #7e84a3;
	font-size: 30px;
	font-weight: 600;
	cursor: pointer;
}
.dropdown-reservation-content-div{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 440px; 
	height: 140px;
	background: #F8F9FA; 
	border-radius: 7px; 
	font-family: "Spoqa Han Sans Neo";
	font-size: 16px;
	font-weight: 500;
	text-align: left; 
	padding: 18px;
}
.dropdown-reservation-content-div + .dropdown-reservation-content-div{
	margin-top: 10px;
}
.dropdown-reservation-content-smdiv {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 440px; 
	height: auto;
	background: #F8F9FA; 
	border-radius: 7px; 
	font-family: "Spoqa Han Sans Neo";
	font-size: 16px;
	font-weight: 500;
	text-align: left; 
	padding: 18px;
	margin-top: 10px;
}
.dropdown-reservation-content-div input, .dropdown-reservation-content-smdiv input {
	width: 58px;
}
.dropdown-reservation-content-div select {
	width: 78px;
	padding: 10px 16px;
}
.switch-group {
	display: flex;
	gap: 10px;
}
.switch-group input[type="checkbox"] {
	display: none;
}
.switch-group label {
	display: inline-block;
	width: 40px;
	height: 20px;
	background-color: #ccc;
	border-radius: 20px;
	position: relative;
	cursor: pointer;
	transition: background-color 0.2s ease;
}
.switch-group input[type="checkbox"]:checked + label {
	background-color: #007bff;
}
.switch-group label::after {
	content: "";
	position: absolute;
	top: 2px;
	left: 2px;
	width: 16px;
	height: 16px;
	background-color: #fff;
	border-radius: 50%;
	transition: left 0.2s ease; 
}
.switch-group input[type="checkbox"]:checked + label::after {
	left: 22px;
}
.inconvenience-content { 
	width: 100%; 
	height: 156px;
	max-height: 156px;
    overflow: auto;
    overflow-x: unset;
    overflow-y: auto;
	border: unset; 
	padding: 12px 15px 12px 0px; 
	background: unset !important;
	font-size: 14px;
	font-weight: 500;
	color: #292929;
	line-height: 1.4;
}
.review_content { 
	width: 100%; 
	min-height: 198px;
    overflow: auto;
    overflow-x: unset;
    overflow-y: auto;
	border: unset; 
	padding-left: unset; 
	background: unset !important;
	font-size: 14px;
	font-weight: 500;
	color: #292929;
	line-height: 1.4;
}
.answer { 
	width: 100%; 
	height: 194px;
	max-height: 194px;
	overflow: auto;
	overflow-x: unset;
	overflow-y: auto; 
	border-radius: 4px; 
	line-height: 1.4;
}
#answer_c {
	padding: 12px 15px 12px 0px;
}
.seatTable{ 
	width: 30%; 
}
.seatTable > tr > td { 
	padding: 10px;
}
.vehicle_seat{
	border: 1px solid #D7DBEC;
    border-radius: 4px;
    width: 58px;
    height: 58px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.vehicle_seat input {
	width: 48px;
    height: 48px;
	background: unset;
	border: unset;
	box-shadow: unset;
}
.vehicle_seat_empty{
	border: unset;
    border-radius: 4px;
    width: 58px;
    height: 58px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/**** 배차 현황 ****/
.today_dispatch{
	width: 363px;
	height: 1300px;
	background: #fff;
}
.total_number{
	background: #F4F4F4;
	height: 32px; 
	padding: 20px; 
	display: flex;
    align-items: center;
	font-size: 14px;
	font-weight: 500;
	color: #6C757D;
}
.total_number div span{
	color: #0574B9;
}
.dispatch_card{
	height: auto; 
	min-height: 80px; 
	padding: 16px 8px;
	display: flex;
	justify-content: space-evenly;
	border-bottom: 1px solid #D7DBEC;
	cursor: pointer;
}
.dispatch_card div:first-child{
	font-size: 16px;
	font-weight: 600;
	color: #0574B9;
	width: 60px;
}
.dispatch_card div{
	font-size: 16px;
	font-weight: 600;
	color: #292929;
	width: 278px;
}
.dispatch_card div div span{
	font-size: 14px;
	font-weight: 500;
	color: #6c757d;
	margin-left: 10px;
}
.scroller {
    overflow-y: auto;
    height: 92%;
    scrollbar-width: auto;
	background: #fff;
}
.tab-view-body2::-webkit-scrollbar {
    width: 8px;
    height: 4px;
}
.tab-view-body2::-webkit-scrollbar-track {
    background-color: #fff;
}
.tab-view-body2::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background: #e9eaec;
}
.tab-view-body2::-webkit-scrollbar-button {
    width: 0; 
    height: 0; 
}
.tab-view-header2 .tab-switch-row2 {
	text-align: left;
	/* padding: 0 30px; */
	border-top: 2px solid #ededed;
	border-bottom: 2px solid #ededed;
	box-shadow: none;
	margin-bottom: 0;
	position: relative;
}
.tab-view-header2 .tab-switch-row2 .tab-switch2 {
	width: 119px;
	font-family: "Spoqa Han Sans Neo";
	font-size: 16px;
	font-weight: 600;
	color: #7e84a3;
	border-bottom: 2px solid transparent;
	display: inline-block;
	margin-bottom: -2px;
	padding: 14px 18px;
	cursor: pointer;
    text-align: center;
}
.tab-view-header2 .tab-switch-row2 .tab-switch2.active {
	border-bottom: 2px solid #0574B9;
	color: #0574B9;
	font-family: "Spoqa Han Sans Neo";
	font-size: 16px;
	font-weight: 600;
}
.content-ntab {
	margin-top: 0px;
	text-align: left;
}
.content-ntab a {
	font-family: "Spoqa Han Sans Neo";
	font-size: 14px;
	font-weight: 600;
	color: #000000;
	width: 150px;
	height: 42px;
	border-radius: 10px 10px 0 0;
	padding: 14px 10px 14px 10px;
	display: inline-block;
	background: #fff;
	text-align: center;
	border-bottom: 2px solid #fff;
}
.content-ntab a:first-child {
	border: 0;
}
.content-ntab a.active {
	font-family: "Spoqa Han Sans Neo";
	font-size: 14px;
	font-weight: 600;
	background: #fff;
	color: #0574B9;
	border-bottom: 2px solid #0574B9;
}
.btn-notype {
	width: 42px;
	height: 20px;
    font-size: 12px;
    display: flex;
	justify-content: center;
	align-items: center;
    padding: 3px 8px 3px 8px;
    border-radius: 4px;
    line-height: 19px;
    text-align: center;
    vertical-align: middle;
    transition: all 0.3s;
}
.notice_card {
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	text-align: left;
    min-height: 104px;
	height: auto;
    border-bottom: 1px solid #E0E0E0;
    padding: 4px 0px;
}
.dataTables_scrollBody::-webkit-scrollbar { 
    width: 8px;
    height: 8px;
}
.dataTables_scrollBody::-webkit-scrollbar-track {  
    background-color: #f2f2f2; 
}
.dataTables_scrollBody::-webkit-scrollbar-thumb { 
    border-radius: 8px; 
    background-color: #BBBEC2; 
}
.dataTables_scrollBody::-webkit-scrollbar-button { 
    width: 0; 
    height: 0; 
}
.department_list { 
	height: 408px; 
	overflow: auto; 
}
.department_list::-webkit-scrollbar { 
	width: 8px;
	height: 4px;
}
.department_list::-webkit-scrollbar-track {  
	background-color: #f2f2f2; 
}
.department_list::-webkit-scrollbar-thumb { 
	border-radius: 8px; 
	background-color: #BBBEC2; 
}
.department_list::-webkit-scrollbar-button { 
	width: 0; 
	height: 0; 
}
.entity_img{ 
	width: 100%; 
	height: 145px; 
	padding: 12px; 
	border: 1px solid #D6D6DD; 
}