@charset "utf-8";

/* sidebar width */
@import url("./admin_aside_width.css?v=20250802_3");

/* ----------------------------------------------------------------------------------- */
/*
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff2) format('font-woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.ttf) format('truetype');
}
*/
/* ----------------------------------------------------------------------------------- */



/* ----------------------------------------------------------------------------------- */

/* html,body {font-family: "Segoe UI", Arial, sans-serif, '맑은 고딕','Malgun Gothic','굴림';  font-size: 13px;} */
/* html,body {font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Apple SD Gothic Neo,sans-serif; font-size: 13px;} */
/* html,body {font-family:'맑은 고딕','Malgun Gothic','굴림';font-size:13px;} */

/* html,body {
	font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 1rem;
}
 */

html,body {
	
	/* font-family: 'Nanum Gothic', sans-serif, '맑은 고딕','Malgun Gothic','굴림';  */
	
	font-family: Helvetica-Light,"나눔고딕",nanumgothic,AppleSDGothicNeo,"malgun gothic","맑은 고딕",sans-serif;
	font-size:13px;

	/* line-height: 1.5; */
	
}


aside.main-sidebar > div.sidebar,
nav.main-header > ul.navbar-nav:first-of-type {
	/* font-size:15px; */
	font-size:13.5px;
}



.blankV {display:block;width:5px;height:10px;}	/* 수직 간격 (br 대체) <div class="blankV" style="height:;"></div> */
.blank  {display:inline-block;width:5px;height:5px;}	/* 수평+수직 간격 (&nbsp, br 대체) <div class="blank" style="width:;height:;"></div> */
.clear  {display:block; float:none; clear:both; height:0; width:100%; font-size:0 !important; line-height:0 !important; overflow:hidden; margin:0 !important; padding:0 !important;}

.cursor_pointer {cursor: pointer;}

small {font-size: 90%;}
/* ----------------------------------------------------------------------------------- */


/* 레이아웃 */
/* ----------------------------------------------------------------------------------- */

nav.main-header, aside a.brand-link{height:60px !important;}

/*aside a.brand-link{line-height:2.5;}*/
aside a.brand-link{text-align:center;}
aside a.brand-link > img{background-color: #fff !important;padding:5px 1px 5px 0;}

/*
.wrapper .content-wrapper, aside .sidebar {
	margin-top: 60px !important;	
}
*/

/* nav.main-header .active{font-weight:bolder;} */

.breadcrumb {
	/*
	padding: 0.75rem 1rem;
	margin-bottom: 1rem;
	background-color: #e9ecef;
	border-radius: 0.25rem;
	*/

	padding: 0.5rem 1rem 0.5rem;
	margin-bottom: 0;
	font-size: 90%;
	background-color: transparent !important;
}

.breadcrumb-item.active {
  color: #6c757d;
}

/*
.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: 0.5rem;
  color: #6c757d;
  content: "/";
  content: ">";
}
*/

.nav-sidebar .menu-open > .nav-link svg.right,
.nav-sidebar .menu-open > .nav-link i.right,
.nav-sidebar .menu-is-opening > .nav-link svg.right,
.nav-sidebar .menu-is-opening > .nav-link i.right {
  
	/* -webkit-transform: rotate(-90deg); 
	transform: rotate(-90deg);
	 */
	/* -webkit-transform: none;
	transform: none; */

	-webkit-transform: rotate(-45deg); 
	transform: rotate(-45deg);

}




aside nav li.nav-header{ font-weight: 700 !important; font-size:13px !important;}

aside nav ul.nav > li.nav-item a{ padding-left:1px !important;}
aside nav ul.nav-treeview > li.nav-item a{ padding-left:10px !important; }
aside nav ul.nav-treeview > li.nav-item > ul.nav-treeview > li.nav-item a { padding-left:20px !important; }

/* 좌측메뉴 active */
/* ----------------------------------------------------------- */
.sidebar-light-purple .nav-sidebar > .nav-item > .nav-link.active {
  background-color: #6f42c1;
  color: #fff;
}

.sidebar-light-purple .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
  border-color: #6f42c1;
}

[class*="sidebar-light-"] .nav-treeview > .nav-item > .nav-link.active, [class*="sidebar-light-"] .nav-treeview > .nav-item > .nav-link.active:hover {
	
	background-color: rgba(111, 66, 193, 0.4);
	color: #330066;
	font-weight: 500;
	
  /* background-color: rgba(0, 0, 0, 0.1); */
  /* color: #212529; */
}
/* ----------------------------------------------------------- */



.nav-sidebar .nav-header:first-of-type {
	padding-left: 1rem;
	padding-right: 1rem;
}


.nav-sidebar .nav-header:not(:first-of-type) {
	/*padding: 1.7rem 1rem .5rem;*/
	padding: 1.0rem 1rem .4rem;
}


.valid-feedback {
	color: #28a745 !important;
	font-size: 90% !important;
}

.invalid-feedback {  
	color: #dc3545 !important;
	font-size: 90% !important;
}

#popup .content-wrapper, #popup .main-footer {
	margin-left: 0 !important;	
	
}
#popup .content-wrapper{
	margin-top: 0 !important;	
	padding:0px 10px 10px 10px !important;
}
/* ----------------------------------------------------------------------------------- */


/* ----------------------------------------------------------------------------------- */
.card {

	/* border: 0 solid rgba(0, 0, 0, 0.125); */
	/* border: 1px solid rgba(0, 0, 0, 1); */
	border: 1px solid #dee2e6;
	box-shadow: none;

	/* border-radius: 0.25rem; */
	border-radius: 0; 

	/* border-radius: 0.75rem !important;
	overflow: hidden;  */

}

.card-footer {
    /* border-top: 1px solid #dee2e6; */
	border-top: 1px solid rgba(0, 0, 0, 0.05);
	background-color: #fff;
}


.card-default > .card-header {		
	/* background-color: rgba(0, 0, 0, 0.05); */	
	 background-color: rgba(0, 0, 0, 0.03);
}

.card-default > .card-footer {		
	background-color: rgba(0, 0, 0, 0.03);
}

/*
.card-white > .card-header, 
.card-white > .card-footer {	
	background-color: rgba(0, 0, 0, 0) !important;
}
*/

.card-white > .card-header {	
	background-color: rgba(0, 0, 0, 0) !important;
}

/*
.card-white > .card-footer {	
	background-color: #fff;

}
*/

.card-white > .card-footer {	
	border-top: 1px solid rgba(0, 0, 0, 0.125);
	background-color: rgba(0, 0, 0, 0.01);
}

.card-title {	 
	color: rgba(31,10,6,0.8);
	font-weight: 900;
}

.card-title:has(+ div.float-right > button){line-height:2.2;}

.card_rounded {
	border-radius: 1.05rem !important;
	overflow: hidden;
}
/* ----------------------------------------------------------------------------------- */


/* ----------------------------------------------------------------------------------- */
.callout.callout-info2 {
	border-style: solid;
	border-width: 1px 1px 1px 5px;
	border-color: #117a8b;
	box-shadow: none !important;
}

.custom-file .custom-file-label2 {
	height: calc(1.8125rem + 2px);
	font-size: 85%;
	
	/* height: 100px;
	padding: 0.375rem 0.75rem; */
}



.nav-tabs .nav-link.active{font-weight:bold;}

/*
 .nav-pills2 .nav-link {
	border-radius: 0.25rem;
}

.nav-pills2 .nav-link {
	color: #6c757d;
}

.nav-pills2 .nav-link.active,
.nav-pills2 .show > .nav-link {
	color: #fff;
	background-color: #007bff;
	background-color: #009900;
}

.nav-pills2 .nav-link:not(.active) {	
	border:1px solid #ccc;
}

.nav-pills2 .nav-link:not(.active):hover {
	color: #007bff;
	color: #009900;
	border-color: #009900;
}

.nav-pills2 .nav-item:not(:last-child) {
	margin-right:5px;
}
*/

/*
.nav-link {
	display: block;
	padding: 0.5rem 1rem;
}

.nav-pills2 .nav-link {
	border-radius: 0.25rem;
}

.nav-pills2 .nav-link.active,
.nav-pills2 .show > .nav-link {
	color: #fff;
	background-color: #007bff;
}

.nav-pills2 .nav-link {
	color: #6c757d;
}

.nav-pills2 .nav-link:not(.active):hover {
	color: #007bff;
}

.nav-pills2 .nav-item.dropdown.show .nav-link:hover {
	color: #fff;
}
*/

.nav-pills2 .nav-item {
	background-color: #F0F2F4;
	padding: 0.23rem 0.1rem  0.2rem;
	
}

.nav-pills2 .nav-link {
	/* color: #929294; */
	color: #555;
	/* padding: 0.3rem 0.6rem 0.2rem ; */
	border-radius: 0.25rem;
}

.nav-pills2 .nav-link.active,
.nav-pills2 .show > .nav-link {
	color: #333;
	background-color: #fff;
	/* padding: 0.3rem 1rem 0.25rem ; */
	font-weight: bold;
	
}

.nav-pills2 .nav-link:not(.active):hover {
	color: #333;
	background-color: #ffffee;
}				

.nav-pills2 .nav-item:first-child {
	padding-left: 0.25rem;
	border-top-left-radius: 0.5rem;
	border-bottom-left-radius: 0.5rem;						
}

.nav-pills2 .nav-item:last-child {
	padding-right: 0.25rem;
	border-top-right-radius: 0.5rem;
	border-bottom-right-radius: 0.5rem;
}
/* ----------------------------------------------------------------------------------- */


/* ----------------------------------------------------------------------------------- */
iframe {margin:0;padding:0;border:none;}
iframe.empty{width:0;height:0;display:none;}
i.fa-calendar-alt{font-size:1.2rem;vertical-align:middle;cursor:pointer;}

form{margin:0;}

label:not(.form-check-label):not(.custom-file-label) {
	/* font-weight: 700; */
	font-weight: 600;
}

p {
	margin-top: 0;
	margin-bottom: .3rem;
}

input[type="radio"], input[type="checkbox"],
input[type="radio"] ~ label, input[type="checkbox"] ~ label{
	cursor:pointer;
}

/* 검색 폼내에 키워드 검색 input  */
/* ------------------------------------------------------------ */
form input.input_search_keyword {
	width: 230px;
	background: #fff;
}

@media (max-width: 575.98px) {
	form input.input_search_keyword {
		/* max-width: 250px; */
		width: 100%;	
		/* background:#ccc; */
	}
}

/*
@media (max-width: 575.98px) {
	form select, form input {
		margin-bottom: 0.3rem;
	}
}
*/
/* ------------------------------------------------------------ */

/* 반응형 */
/* ------------------------------------------------------------ */
@media (max-width: 575.98px) {

	.text-sm-left_max {
		text-align: left !important;
	}
	.text-sm-right_max {
		text-align: right !important;
	}
	.text-sm-center_max {
		text-align: center !important;
	}
	
}
/* ------------------------------------------------------------ */

/* 양쪽 정렬 */
/* ------------------------------------------------------------ */
.text_justify{
	text-align: justify;
	line-height: 0.5;
}

.text_justify:before {
	content: "";
	display: inline-block;
	width: 100%;
}

.text_justify:after{
	content: "";
	display: inline-block;
	width: 100%;
}		
/* ------------------------------------------------------------ */

.btn-xs {
	padding: 0.125rem 0.25rem;
	font-size: 0.75rem;
	line-height: 1.5;
	border-radius: 0.15rem;
}

select.form-control{
	width: auto;
}

table .form-group {
	margin-bottom: 0.4rem;
}
/*
.list-group-item label, .form-group > label, table.table td label{
	display:block;
	margin-top: 0.2rem;
	margin-bottom: 0.5rem;
}
*/

@media (max-width: 767.98px) {
    table.table td div.row >div{
		margin-bottom: 0.7rem;
    }    

	table.table td div.row >div:last-of-type {
		margin-bottom: 0.2rem;
	}

}

.form-group {
	/* margin-bottom: 1rem; */
	margin-bottom: 1.2rem;
}

.form-group > label > div{
	margin-left: .3rem;
	color: #6c757d !important;
	font-weight: 300 !important;
	font-size: 0.9rem;
	display: inline-block;
}

.divider {
    margin: 1.2rem 0 !important; /* Space out the Bootstrap <hr> more */
	/*border-top: 1px solid #e9ecef;*/
	/*border-top: 1px solid #dee2e6;*/
	border-top: 1px solid #bbb;
}

.divider_box{padding:1rem 1rem 1.3rem 1rem;margin-bottom:1.5rem;background-color:#fff;border:1px solid #e1e1e8;border-radius:4px;min-height:80px;}

.alert_span {
	display:inline-block;margin:3px 0 3px 0;padding:4px 6px;width:auto !important;font-size:0.9rem;	
}

.badge2 {
    padding: 0.5em 0.6em;
    font-size: 85%;
}

.modal-dialog-scrollable .modal-body {
	height: 70vh;
	overflow-y: auto !important;
}

/*
select2 결과 높이 변경
*/
.select2-container--bootstrap4 .select2-results > .select2-results__options {
	max-height: 25em;
}

.select2-container--bootstrap4 .select2-selection__rendered {
	font-size:0.9rem !important;
}

.select2-container--bootstrap4 .select2-results__options{
	font-size:0.9rem !important;
}

.select2-container--bootstrap4 .select2-selection__clear {
	/* float: right;
	width: .9em;
	height: .9em;
	padding-left: .15em;
	margin-top: .7em;
	margin-right: .3em;
	line-height: .75em;
	color: #f8f9fa;
	background-color: #c8c8c8;
	border-radius: 100%;  */

	margin-top: .75em;
}

/* class="select2 select2-container select2-container--bootstrap4" */



.icon_required::before {
	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f621";
	vertical-align:middle;margin-left:4px;font-size:9px;color: #e91607;margin-bottom:2px;display:inline-block;
}

.icon_search::before {
	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f002";
	vertical-align:middle;margin-right:3px;font-size:12px;
}

.icon_save::before {
	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f0c7";
	vertical-align:middle;margin-right:4px;font-size:12px;
}

.icon_del::before {
	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f2ed";
	vertical-align:middle;margin-right:4px;font-size:12px;
}

.icon_download::before {
	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f56d";
	vertical-align:middle;margin-right:4px;font-size:12px;
}

.icon_download_excel::before {
	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f1c3";
	vertical-align:middle;margin-right:4px;font-size:12px;
}


.icon_sync::before {
	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f2f1";
	vertical-align:middle;margin-right:4px;font-size:12px;
}

.icon_submit::before {
	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f1d8";
	vertical-align:middle;margin-right:4px;font-size:12px;
}

.icon_close::before {
	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f00d";
	vertical-align:middle;margin-right:4px;font-size:12px;
}

.icon_closePop::before {
	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f00d";
	vertical-align:middle;margin-right:4px;
	font-size:14px;
}
/* ----------------------------------------------------------------------------------- */


/* DataTable 다운로드 버튼(엑셀)  */
/* ----------------------------------------------------------------------------------- */
.btnDT_down_excel.hidden {
	display: none;
}

.btnDT_down_excel::before {
	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f1c3";
	vertical-align:middle;margin-right:4px;font-size:12px;
}
/* ----------------------------------------------------------------------------------- */



/* ----------------------------------------------------------------------------------- */
.bs-callout{padding:20px;margin:20px 0;border:1px solid #eee;border-left-width:5px;border-radius:3px;background-color:#fff;}
.bs-callout h4{margin-top:0;margin-bottom:5px}
.bs-callout p:last-child{margin-bottom:0}
.bs-callout code{border-radius:3px}
.bs-callout+.bs-callout{margin-top:-5px}
.bs-callout-danger{border-left-color:#ce4844}
.bs-callout-danger h4{color:#ce4844}
.bs-callout-warning{border-left-color:#aa6708}
.bs-callout-warning h4{color:#aa6708}
.bs-callout-info{border-left-color:#1b809e}
.bs-callout-info h4{color:#1b809e}

.bd-callout{padding:1.25rem;margin-top:1.25rem;margin-bottom:1.25rem;border:1px solid #eee;border-left-width:.25rem;border-radius:.25rem;background-color:#fff;}
.bd-callout h4{margin-top:0;margin-bottom:.25rem}
.bd-callout p:last-child{margin-bottom:0}
.bd-callout code{border-radius:.25rem}
.bd-callout+.bd-callout{margin-top:-.25rem}
.bd-callout-info{border-left-color:#5bc0de;border-color:#5bc0de;}
.bd-callout-info h4{color:#5bc0de;}
.bd-callout-warning{border-left-color:#f0ad4e;border-color:#f0ad4e;}
.bd-callout-warning h4{color:#f0ad4e;}
.bd-callout-danger{border-left-color:#d9534f;border-color:#d9534f;}
.bd-callout-danger h4{color:#d9534f}


.highlight{padding:1rem;margin-top:1rem;margin-bottom:1rem;background-color:#f8f9fa;-ms-overflow-style:-ms-autohiding-scrollbar}
@media (min-width:576px){
	.highlight{
		padding:1.5rem
	}
}

.highlight pre{padding:0;margin-top:.65rem;margin-bottom:.65rem;background-color:transparent;border:0}
.highlight pre code{font-size:inherit;color:#212529}

.bd-highlight{background-color:rgba(86,61,124,.15);border:1px solid rgba(86,61,124,.15)}

.highlight2{padding:9px 14px;margin-bottom:14px;background-color:#f7f7f9;border:1px solid #e1e1e8;border-radius:4px}
.highlight2 pre{padding:0;margin-top:0;margin-bottom:0;word-break:normal;white-space:nowrap;background-color:transparent;border:0}
.highlight2 pre code{font-size:inherit;color:#333}
.highlight2 pre code:first-child{display:inline-block;padding-right:45px}
.table-responsive .highlight2 pre{white-space:normal}
/* ----------------------------------------------------------------------------------- */


/* 테이블 */
/* ----------------------------------------------------------------------------------- */

/* 반응형 최소 넓이 설정 */
#frm_search .table-responsive > .table {
	min-width:500px;
}

table.table {
	font-size:12.5px;
}

table.table-sm .form-check{margin-top:7px;}

table.table-sm thead th,
table.table-sm thead td {
	/* padding: 0.3rem; */
	padding: 0.7rem 0.3rem;
}

table.table-sm th, table.table-sm td.title, table.table-sm tr.title td {
	padding: 0.5rem 0.3rem;
}


.table-hover > tbody > tr:hover {		
	/* background-color: #f5f5f5; */	
	/* background-color: #eeefff; */
	/* background-color: #f7f7f7; */
	background-color: #f4f4f4;
}


.table-responsive .table-bordered {
    border-top: 1px solid #dee2e6 !important;
}

.table.table-head-fixed thead tr:nth-child(1) th {
	top: -1px !important;
}

.table.table-head-fixed thead tr.top0 th {
	top: 0 !important;	
}

@media (max-width:991.98px){
	.table-responsive {
		margin-left:auto;		
		margin-right:auto;		
		width: 97%;
		padding-left:0;
		padding-right:0;
			
	}
}

table.table td.nodata, table.table tr.nodata td{
	vertical-align: middle !important; 
	text-align:center !important;
	height:60px !important;	
}

table.table th, table.table td.title, table.table tr.title td {
	text-align:center;font-weight:bold;vertical-align:middle;
	/* background-color:#f7f7f9 !important; */
	background-color:#eeefff !important;	
}

table.table td {vertical-align: middle;}

caption {
	padding: 0.75rem;
	border: 1px solid #ddd;
	border-bottom:none;
	/*background-color:#f4f4f4;*/
	/* background-color:#d4d4d4; */
	/* background-color:#e4e4e4; */
	background-color:#f1f1f1;
	

	color:#333;	
	caption-side: top;
}

table#variableFiles th, table#variableFiles td {padding: 3px 0 0 0; border:none;}
table.variableFiles th, table.variableFiles td {padding: 3px 0 0 0; border:none;}
/* ----------------------------------------------------------------------------------- */


/* fullcalendar */
/* ----------------------------------------------------------------------------------- */
.fullcalendar{font-size:13px;}

.fullcalendar .fc-daygrid-event-dot { /* the actual dot */
	border-color: #ff6699 !important;
}

.fullcalendar .fc-event {
	/*
	border: 1px solid #ff6600;
	background-color: #ff6600;
	*/

	border: 1px solid #00a65a;
	background-color: #00a65a;
	
	color:#fff !important;
	cursor:pointer;

	font-size:12px;

}

.fullcalendar .fc-daygrid-day{
	overflow:hidden;
	/*height:150px !important;*/
	height:100px !important;
}

.fullcalendar .fc-daygrid-event {
	white-space: normal !important;
	align-items: normal !important;
	margin:1px auto 1px;
	padding:2px !important;
	/*width:95% !important;*/	
}

.fullcalendar .tooltip {
	font-size:1.2rem !important;		
}
/* ----------------------------------------------------------------------------------- */


/* 프린트 */
/* ============================================================================================================= */
@media print {
	
	a{text-decoration:none !important;}

	a[href]:after {
		/*content: " (" attr(href) ")";*/
		content: "";
	}
	abbr[title]:after {
		/*content: " (" attr(title) ")";*/
		content: "";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content: "";
	}

	
	.table th{background-color:#f3f3f3 !important;color:#000 !important;}
	.table td{color:#000 !important;}
	
	.border,
	.table-bordered th,
	.table-bordered td {
		border: 1px solid #000 !important;
	}

	.page {
		margin: 0;
		border: initial;
		width: initial;
		min-height: initial;
		box-shadow: initial;
		background: initial;
		page-break-after: always;
	}
	
		
}

/*
@page {
	size: A4;
	margin: 0;
}

@media print {
	
	html, body {
		width: 210mm;
		height: 297mm;
	}

	.page {
		margin: 0;
		border: initial;
		width: initial;
		min-height: initial;
		box-shadow: initial;
		background: initial;
		page-break-after: always;
	}

}
*/

table.table_print {
	width:100%;
	margin:20px auto;
	border: 0px solid #cccccc;
}

table.table_print th, table.table_print td {
	padding: 5px 20px;
	border: 0px solid #cccccc;
}

table.table_print th:after, table.table_print th:before {
	content: "";
	display: inline-block;
	width: 100%;
}

table.table_print th {
	text-align: justify;
	line-height: 0;
}

table.table_print td {
	text-align: left !important;
}

@media print {
	.print_area{min-height:95vh !important;}
}

/* ============================================================================================================= */


/* pagination */
/* ============================================================================================================= */
.pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .35rem;	
}

.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    /* color: #da624a; */
    color: #6f42c1;
    background-color: #fff;
    border: 1px solid #dee2e6;
}

.page-link:hover {
    z-index: 2;
    /* color: #da624a; */
    color: #6f42c1;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.page-link:focus {
    z-index: 2;
    outline: 0;
    box-shadow: none
}

.page-link:not(:disabled):not(.disabled) {
    cursor: pointer
}

.page-item:first-child .page-link,.pagination .page-number:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: .35rem;
    border-bottom-left-radius: .35rem
}

.page-item:last-child .page-link,.pagination .page-number:last-child .page-link {
    border-top-right-radius: .35rem;
    border-bottom-right-radius: .35rem
}

.page-item.active .page-link,.pagination .active.page-number .page-link {
    z-index: 1;
    color: #fff;

	/*
    background-color: #da624a;
    border-color: #da624a;
	*/
	background-color: #6f42c1;
    border-color: #6f42c1
}

.page-item.disabled .page-link,.pagination .disabled.page-number .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6
}

.pagination-lg .page-link {
    padding: .75rem 1.5rem;
    font-size: 1.125rem;
    line-height: 1.5
}

.pagination-lg .page-item:first-child .page-link,.pagination-lg .pagination .page-number:first-child .page-link,.pagination .pagination-lg .page-number:first-child .page-link {
    border-top-left-radius: .4rem;
    border-bottom-left-radius: .4rem
}

.pagination-lg .page-item:last-child .page-link,.pagination-lg .pagination .page-number:last-child .page-link,.pagination .pagination-lg .page-number:last-child .page-link {
    border-top-right-radius: .4rem;
    border-bottom-right-radius: .4rem
}

.pagination-sm .page-link {
	
	/* 
		padding: .25rem .5rem;
	    font-size: .99rem; 
	*/
    line-height: 1.5;

	padding: .15rem .5rem !important;
	font-size: .9rem;

}

.pagination-sm .page-item:first-child .page-link,.pagination-sm .pagination .page-number:first-child .page-link,.pagination .pagination-sm .page-number:first-child .page-link {
    border-top-left-radius: .2rem;
    border-bottom-left-radius: .2rem
}

.pagination-sm .page-item:last-child .page-link,.pagination-sm .pagination .page-number:last-child .page-link,.pagination .pagination-sm .page-number:last-child .page-link {
    border-top-right-radius: .2rem;
    border-bottom-right-radius: .2rem
}

.pagination li a {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    /* color: #da624a; */
    color: #6f42c1;
    background-color: #fff;
    border: 1px solid #dee2e6;
}

.pagination li a:hover {
    z-index: 2;
    /* color: #da624a; */
    color: #6f42c1;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6;
}

.pagination li a:focus {
    z-index: 2;
    outline: 0;
    box-shadow: none
}

.pagination li a:not(:disabled):not(.disabled) {
    cursor: pointer
}

.pagination li:first-child a {
    margin-left: 0;
    border-top-left-radius: .35rem;
    border-bottom-left-radius: .35rem
}

.pagination li:last-child a {
    border-top-right-radius: .35rem;
    border-bottom-right-radius: .35rem
}

.pagination li.active a {
    z-index: 1;
    color: #fff;

	/*
    background-color: #da624a;
    border-color: #da624a;
	*/
	background-color: #6f42c1;
	border-color: #6f42c1;
	
}

.pagination li.active a:hover {
    color: #fff
}

.pagination li.disabled a {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6
}

.pagination-rounded li a {
    border-radius: 50px !important;
    margin: 0 .16rem;
}

.pagination-rounded .page-link {   
    /* padding: .5rem .75rem; */
    padding: .32rem .65rem !important;
}

.page_first::before {
	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f100";
	vertical-align:middle;
}

.page_last::before {
	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f101";
	vertical-align:middle;
}


.page_previous::before {
	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f104";
	vertical-align:middle;
}

.page_next::before {
	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f105";	
	vertical-align:middle;
}
/* ============================================================================================================= */


/* ============================================================================================================= */
.as-wrap tbody tr.color-type-1>* {background-color:#e1eaf9;}
.as-wrap tbody tr.color-type-2>* {background-color:#F9E1AC;}
.as-wrap tbody tr.color-type-3>* {background-color:#F3E7F5;}
.as-wrap tbody tr.color-type-4>* {background-color:#E1E1F1;}



/* tables */
.as-wrap .flag-legend .item,
.as-wrap tr.flag-row>*:FIRST-CHILD {
	padding:3px 0;
	border-left:5px solid;
	margin: 1px 0;
}
.as-wrap .flag-legend .item {
	border: 1px solid;
	border-left:5px solid;
}
.as-wrap .flag-legend .item.full-wid {
	display:block;
	float: none;
	margin: 0;
}
.as-wrap .flag-legend .item.hide {
	border-color: #888888 !important;
}

.as-wrap .flag-legend .item.flag_ALL,
.as-wrap tr.flag-row.flag_ALL>*:FIRST-CHILD {border-color:#000000;}

.as-wrap .flag-legend .item.flag_A,
.as-wrap tr.flag-row.flag_A>*:FIRST-CHILD {border-color:#00aa00;} /* AS */

.as-wrap .flag-legend .item.flag_B,
.as-wrap tr.flag-row.flag_B>*:FIRST-CHILD {border-color:#ff6666;} /* 신규설치 */

.as-wrap .flag-legend .item.flag_C,
.as-wrap tr.flag-row.flag_C>*:FIRST-CHILD {border-color:#f4993e;} /* 이전철거 */

.as-wrap .flag-legend .item.flag_D,
.as-wrap tr.flag-row.flag_D>*:FIRST-CHILD {border-color:#f28a8a;} /* 이전설치 */

.as-wrap .flag-legend .item.flag_E,
/* .as-wrap tr.flag-row.flag_E>*:FIRST-CHILD {border-color:#bbd4ed;} BS */
.as-wrap tr.flag-row.flag_E>*:FIRST-CHILD {border-color:#ffc1c1;} /* BS */

.as-wrap .flag-legend .item.flag_F,
.as-wrap tr.flag-row.flag_F>*:FIRST-CHILD {border-color:#aaaa33;} /* 전화상담 */

.as-wrap .flag-legend .item.flag_G,
.as-wrap tr.flag-row.flag_G>*:FIRST-CHILD {border-color:#a3a3a3;} /* 업무협의 */

.as-wrap .flag-legend .item.flag_H,
.as-wrap tr.flag-row.flag_H>*:FIRST-CHILD {border-color:#4aa7ff;} /* 교육 */

.as-wrap .flag-legend .item.flag_I,
.as-wrap tr.flag-row.flag_I:FIRST-CHILD {border-color:#C9C9C9;} /* 부품판매 */

.as-wrap .flag-legend .item.flag_J,
.as-wrap tr.flag-row.flag_J>*:FIRST-CHILD {border-color:#cd1b23;} /* 영업 */

.as-wrap .flag-legend .item.flag_K,
.as-wrap tr.flag-row.flag_K>*:FIRST-CHILD {border-color:#ED1B23;} /* 여유분 */


.as-wrap .flag-legend .item a {border:1px solid transparent; display:block; height:100%;}
.as-wrap .flag-legend .item.active a {font-weight:bold; color:#000000;}

.as-wrap .flag-legend {margin-bottom:10px; word-break: break-all;}
.as-wrap .flag-legend .item {float:left; padding:2px 3px; margin-right: 8px; background:#f8f8f8; cursor: pointer; }


/* list table */
.as-wrap .list-wrap {margin-bottom:20px;overflow:auto;}
.as-wrap .list-wrap table {border-spacing: 1px;background-color:#e0e0e0;}
.as-wrap .list-wrap tr>* {padding:3px;vertical-align:middle;}
.as-wrap .list-wrap tr.expired {color:#ff0000;}
.as-wrap .list-wrap tbody tr:HOVER>* {background:#fafafa;}
.as-wrap .flag-legend .item.flag_A,
.as-wrap .scroll-body tbody tr.flag-row.flag_A:HOVER>*,
.as-wrap .list-wrap tbody tr.flag-row.flag_A:HOVER>* {background:#f4fff4;} /* AS */
.as-wrap .flag-legend .item.flag_B,
.as-wrap .scroll-body tbody tr.flag-row.flag_B:HOVER>*,
.as-wrap .list-wrap tbody tr.flag-row.flag_B:HOVER>* {background:#fff5f5;} /* 신규설치 */
.as-wrap .flag-legend .item.flag_C,
.as-wrap .scroll-body tbody tr.flag-row.flag_C:HOVER>*,
.as-wrap .list-wrap tbody tr.flag-row.flag_C:HOVER>* {background:#fef2e7;} /* 이전철거 */
.as-wrap .flag-legend .item.flag_D,
.as-wrap .scroll-body tbody tr.flag-row.flag_D:HOVER>*,
.as-wrap .list-wrap tbody tr.flag-row.flag_D:HOVER>* {background:#fcfceb;} /* 이전설치 */
.as-wrap .flag-legend .item.flag_E,
.as-wrap .scroll-body tbody tr.flag-row.flag_E:HOVER>*,
.as-wrap .list-wrap tbody tr.flag-row.flag_E:HOVER>* {background:#f5faff;} /* BS */
.as-wrap .flag-legend .item.flag_F,
.as-wrap .scroll-body tbody tr.flag-row.flag_F:HOVER>*,
.as-wrap .list-wrap tbody tr.flag-row.flag_F:HOVER>* {background:#F9F9F9;} /* 부품판매 */
.as-wrap .flag-legend .item.flag_G,
.as-wrap .scroll-body tbody tr.flag-row.flag_G:HOVER>*,
.as-wrap .list-wrap tbody tr.flag-row.flag_G:HOVER>* {background:#f7f7da;} /* 전화상담 */
.as-wrap .flag-legend .item.flag_H,
.as-wrap .scroll-body tbody tr.flag-row.flag_H:HOVER>*,
.as-wrap .list-wrap tbody tr.flag-row.flag_H:HOVER>* {background:#F3F3F3;} /* 업무협의 */
.as-wrap .flag-legend .item.flag_I,
.as-wrap .scroll-body tbody tr.flag-row.flag_I:HOVER>*,
.as-wrap .list-wrap tbody tr.flag-row.flag_K:HOVER>* {background:#e8f4ff;} /* 교육 */
.as-wrap .flag-legend .item.flag_J,
.as-wrap .scroll-body tbody tr.flag-row.flag_J:HOVER>*,
.as-wrap .list-wrap tbody tr.flag-row.flag_K:HOVER>* {background:#edfaff;} /* 여유분 */
.as-wrap .flag-legend .item.flag_K,
.as-wrap .scroll-body tbody tr.flag-row.flag_K:HOVER>*,
.as-wrap .list-wrap tbody tr.flag-row.flag_K:HOVER>* {background:#edfaff;} /* 여유분 */
/* ============================================================================================================= */


/* form-material */
/* ============================================================================================================= */
.form-material .form-group{position:relative}
.form-material .form-group.form-static-label .form-control ~ .float-label{top:-14px;font-size:11px}
.form-material .form-control{display:inline-block;height:43px;width:100%;border:none;border-radius:0;font-size:16px;font-weight:400;padding:0;background-color:transparent;-webkit-box-shadow:none;box-shadow:none;border-bottom:1px solid #ccc}
.form-material .form-control:focus{border-color:transparent;outline:none;-webkit-box-shadow:none;box-shadow:none}
.form-material .form-control:focus ~ .form-bar:after,.form-material .form-control:focus ~ .form-bar:before{width:50%}
.form-material textarea{height:100px}
.form-material .form-bar{position:relative;display:block;width:100%}

.form-material .form-bar:after,.form-material .form-bar:before{content:'';height:2px;width:0;bottom:0;position:absolute;transition:0.3s ease all;-moz-transition:0.3s ease all;-webkit-transition:0.3s ease all}
.form-material .form-bar:before{left:50%}.form-material .form-bar:after{right:50%}

.form-material .float-label{pointer-events:none;position:absolute;top:12px;left:0;font-size:14px;font-weight:400;transition:0.2s ease all;-moz-transition:0.2s ease all;-webkit-transition:0.2s ease all}
.form-material .material-group{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:1.25em}
.form-material .material-group .material-addone{padding:0.5rem 0.75rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.form-material .material-group .material-addone i,.form-material .material-group .material-addone span{font-size:20px}
.form-material .material-group .form-group{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;width:1%;margin-bottom:0}

.form-material .material-group.material-group-lg .material-addone{padding:0.5rem 1rem}
.form-material .material-group.material-group-lg .material-addone i,.form-material .material-group.material-group-lg .material-addone span{font-size:1.55rem;font-weight:500}
.form-material .material-group.material-group-lg .form-control{padding:0.5rem 0;font-size:1.25rem;line-height:1.5}
.form-material .material-group.material-group-lg .form-control:focus ~ .float-label,.form-material .material-group.material-group-lg .form-control:valid ~ .float-label{top:-15px;font-size:14px}
.form-material .material-group.material-group-lg .float-label{font-size:1.25rem}

.form-material .material-group.material-group-sm .material-addone{padding:0.25rem 0.5rem}
.form-material .material-group.material-group-sm .material-addone i,.form-material .material-group.material-group-sm .material-addone span{font-size:0.775rem}
.form-material .material-group.material-group-sm .form-control{padding:0.25rem 0;font-size:0.875rem;line-height:1.5}
.form-material .material-group.material-group-sm .form-control:focus ~ .float-label,.form-material .material-group.material-group-sm .form-control:valid ~ .float-label{top:-9px;font-size:11px}
.form-material .material-group.material-group-sm .float-label{font-size:0.775rem}

.form-material .form-control:focus ~ .float-label,.form-material .form-material .form-control:valid ~ .float-label{top:12px;font-size:14px}
.form-material .form-control.fill ~ .float-label,.form-material .form-material .form-control.fill ~ .float-label{top:-14px;font-size:11px}

.form-material .form-primary .form-control:focus ~ label{color:#4099ff}
.form-material .form-primary .form-control:focus ~ .form-bar:after,.form-material .form-primary .form-control:focus ~ .form-bar:before{background:#4099ff}
.form-material .form-primary.form-static-label .float-label{color:#4099ff}
.form-material .form-primary.form-static-label .form-control{border-bottom-color:#4099ff}
.form-material .material-group-primary .material-addone i,.form-material .material-group-primary .material-addone span{color:#4099ff}

.form-material .form-warning .form-control:focus ~ label{color:#FFB64D}
.form-material .form-warning .form-control:focus ~ .form-bar:after,.form-material .form-warning .form-control:focus ~ .form-bar:before{background:#FFB64D}
.form-material .form-warning.form-static-label .float-label{color:#FFB64D}
.form-material .form-warning.form-static-label .form-control{border-bottom-color:#FFB64D}
.form-material .material-group-warning .material-addone i,.form-material .material-group-warning .material-addone span{color:#FFB64D}

.form-material .form-default .form-control:focus ~ label{color:#d6d6d6}
.form-material .form-default .form-control:focus ~ .form-bar:after,.form-material .form-default .form-control:focus ~ .form-bar:before{background:#d6d6d6}
.form-material .form-default.form-static-label .float-label{color:#d6d6d6}
.form-material .form-default.form-static-label .form-control{border-bottom-color:#d6d6d6}
.form-material .material-group-default .material-addone i,.form-material .material-group-default .material-addone span{color:#d6d6d6}

.form-material .form-danger .form-control:focus ~ label{color:#FF5370}
.form-material .form-danger .form-control:focus ~ .form-bar:after,.form-material .form-danger .form-control:focus ~ .form-bar:before{background:#FF5370}
.form-material .form-danger.form-static-label .float-label{color:#FF5370}
.form-material .form-danger.form-static-label .form-control{border-bottom-color:#FF5370}
.form-material .material-group-danger .material-addone i,.form-material .material-group-danger .material-addone span{color:#FF5370}


.form-material .form-success .form-control:focus ~ label{color:#2ed8b6}		
.form-material .form-success .form-control:focus ~ .form-bar:after,.form-material .form-success .form-control:focus ~ .form-bar:before{background:#2ed8b6}
.form-material .form-success.form-static-label .float-label{color:#2ed8b6}
.form-material .form-success.form-static-label .form-control{border-bottom-color:#2ed8b6}
.form-material .material-group-success .material-addone i,.form-material .material-group-success .material-addone span{color:#2ed8b6}

.form-material .form-inverse .form-control:focus ~ label{color:#37474f}
.form-material .form-inverse .form-control:focus ~ .form-bar:after,.form-material .form-inverse .form-control:focus ~ .form-bar:before{background:#37474f}
.form-material .form-inverse.form-static-label .float-label{color:#37474f}
.form-material .form-inverse.form-static-label .form-control{border-bottom-color:#37474f}
.form-material .material-group-inverse .material-addone i,.form-material .material-group-inverse .material-addone span{color:#37474f}
		

.form-material .form-info .form-control:focus ~ label{color:#00bcd4}
.form-material .form-info .form-control:focus ~ .form-bar:after,.form-material .form-info .form-control:focus ~ .form-bar:before{background:#00bcd4}		
.form-material .form-info.form-static-label .float-label{color:#00bcd4}		
.form-material .form-info.form-static-label .form-control{border-bottom-color:#00bcd4}
.form-material .material-group-info .material-addone i,.form-material .material-group-info .material-addone span{color:#00bcd4}

/* ============================================================================================================= */