:root {
	-bs-secondary: #6900c7;
	-bs-body-color: #69707a;
	-bs-ems-color: #069FDB;
	-bs-ems-font: #069FDB;
	-bs-primary: var(- -bs-ems-color);
}

body {
	overflow-x: hidden !important;
	background: #D5E9F6 !important;
	overflow: auto; /* 스크롤 가능 */
	scrollbar-width: none !important; /* Firefox에서 스크롤바 숨기기 */
}

body::-webkit-scrollbar {
	display: none !important; /* Chrome, Safari에서 스크롤바 숨기기 */
}

a {
	color: #003255 !important;
	text-decoration: none;
}

h1 {
	font-size: 24px !important;
}

.people {
	color: #003255 !important;
}

.form-floating>.form-select, .form-floating>.dataTable-selector {
	min-height: 53px;
	min-width: 150px;
}

.container, .container-fluid, .container-xxl, .container-xl,
	.container-lg, .container-md, .container-sm {
	width: 100%;
	padding-right: var(- -bs-gutter-x, 1rem);
	padding-left: var(- -bs-gutter-x, 1rem);
	margin-right: auto;
	margin-left: auto;
	background-color: #D5E9F6 !important;
}

.wpx-180 {
	min-width: 180px !important;
}

.nav-borders .nav-link {
	cursor: pointer;
}

.main-dash {
	padding: 0;
	margin: 0;
}

iframe {
	width: 100%;
	height: calc(100% - 15px);
	overflow: hidden;
	/* 	height: 100%; */
}

.tab {
	width: 100%;
	height: 54px;
	/* border-bottom: 1px solid rgba(211,217,218,1); */
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.tab .tab-list {
	margin-left: 1rem;
	width: calc(100% - 244px);
	overflow: hidden;
	display: flex;
	justify-content: flex-start;
}

.tab .tab-list ul {
	display: flex;
	align-items: center;
	margin-bottom: 0;
	padding: 0;
}

.tab .tab-list ul li {
	list-style: none;
	line-height: 0;
	height: 30px;
	display: flex;
	align-items: center;
	border-radius: 4px;
	margin-right: 8px;
	padding: 0 4px 0 8px;
	white-space: nowrap;
	cursor: pointer;
	background: white;
}

.tab .tab-list ul li span {
	font-size: 12px;
	font-family: "Pretendard-M";
}

.tab .close {
	border: none;
	width: 20px;
	height: 20px;
	margin-left: 4px;
	background: url(../../images/button/button_close_b.svg) center no-repeat;
	background-size: 8px;
	opacity: 0.8;
}

.tab .tab-btnSet {
	position: relative;
	padding: 0 1rem;
	height: 100%;
	display: flex;
	align-items: center;
}

.tab .tab-list ul li:hover, .tab .tab-list ul li.active {
	border: 1px solid #ECF2FF;
	color: var(- -bs-ems-color);
	background-color: white;
}

.tab .tab-list ul li:hover .close, .tab .tab-list ul li.active .close {
	background: url(../../images/button/button_close_blue.svg) center
		no-repeat;
	background-size: 8px;
}

.tab .close:hover, .tab .tab-list ul li.active .close:hover {
	background: url(../../images/button/button_close_r.svg) center no-repeat
		!important;
	background-size: 8px !important;
}

.tab .tab-btnSet button {
	padding: 0 10px;
	min-width: 30px;
	height: 30px;
	line-height: 30px;
	border: none !important;
	border-radius: 4px;
	margin-right: 8px;
	border-radius: 4px;
}

.tab .tab-btnSet button:last-of-type {
	margin-right: 0;
}

.tab .tab-btnSet .tab-left {
	background: url(../../images/button/button_tab_arrow.svg) center
		no-repeat;
	transform: rotate(180deg);
	background-color: white;
}

.tab .tab-btnSet .tab-right {
	background: url(../../images/button/button_tab_arrow.svg) center
		no-repeat;
	background-color: white;
}

.tab .tab-btnSet .tab-menu {
	background: url(../../images/button/button_arrow_b.svg) center no-repeat;
	background-size: 10px;
	padding-right: 24px;
	background-position: 64px 12px;
	width: 86px;
	font-size: 12px;
	line-height: 28px;
	text-align: left;
	padding-left: 10px;
	font-family: "Pretendard-M";
	background-color: white;
}

.tab .tab-btnSet .tab-fullScr {
	background: url(../../images/button/button-fullScreen.svg) center
		no-repeat;
	background-color: white;
}

.tab-dropdown-menu {
	min-width: 86px;
	position: absolute;
	top: 48px;
	z-index: 100;
	list-style: none;
	border: 1px solid rgba(211, 217, 218, 1);
	background: #fff;
	padding: 0;
	right: 54px;
	border-radius: 4px;
	display: none;
	font-family: "Pretendard-M";
}

.tab-dropdown-menu li {
	cursor: pointer;
	padding: 0 0.5rem;
	border-bottom: 1px solid rgba(211, 217, 218, 1);
	line-height: 28px;
	font-size: 12px;
}

.tab-dropdown-menu li:last-of-type {
	border: none;
}

.tab-dropdown-menu a {
	text-decoration: none;
	color: var(- -bs-body-color);
}

.tab-dropdown-menu li:hover a {
	color: var(- -bs-ems-color);
}

.breadcrumb {
	display: flex !important;
	flex-wrap: wrap !important;
	padding: 0 !important;
	margin-bottom: 1rem !important;
	list-style: none !important;
	background-color: transparent !important;
	font-size: var(- -bs-body-font-size) !important;
	line-height: 14px;
}

h1 {
	/* line-height: 0.2 !important; */
}

.container-title {
	line-height: 0.2 !important;
	height: 44px;
}

.container-title>div:nth-of-type(2) {
	display: flex;
	align-items: center;
	height: 70%;
}

.container-title .breadcrumb {
	margin-bottom: 0 !important;
	margin-right: 10px;
}

#layoutSidenav_content {
	display: flex;
	background: #FFF !important;
}

#layoutSidenav_content main {
	width: 100%;
	background: #FFF !important;
}

.blur {
	filter: blur(5px);
}

.modal, #layoutSidenav_content_prmt {
	position: absolute !important;
	width: 100%;
	height: 100vh;
	top: 0px;
	left: 0;
	/* background: rgba(255,255,255, 0.7); */
}

.modal>.popup {
	height: fit-content !important;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	position: absolute;
	border: 0.5px solid rgba(179, 179, 179, 0.49);
	box-shadow: 0px 0px 3.3px 0px rgba(46, 46, 46, 0.25);
}

.modal>.popup .ems-form-search {
	justify-content: space-between;
}

.popup .form-group .popup-select .form-select {
	display: flex;
	/* width: 127px !important; */
	/* min-height: 24px !important; */
	padding: 0px 8px !important;
	justify-content: space-between;
	align-items: center;
	border-radius: 2px;
	border: 1px solid rgba(204, 204, 204, 0.50);
	background: #F2F2F2;
}

/*main-dash*/
.dashboard {
	width: 100%;
	height: 100%;
	padding: 0.5rem;
	padding-top: 0;
	margin: 0;
	background: #D5E9F6;
}

.dashboard>.dashboard {
	height: calc(100% - 54px);
	margin: 0;
	padding: 0 1rem 1rem 1rem;
	/* height: 100%; */
}

.gridWrap {
	padding: 0;
	margin: 0;
	height: 100%;
}

.grid-stack2 {
	height: 100%;
	padding: 0;
	margin: 0;
	display: grid;
	grid-template-columns: repeat(10, 1fr);
	grid-template-rows: repeat(6, minmax(100px, auto));
	grid-gap: 1rem;
	grid-auto-flow: row dense;
}

.grid-stack {
	position: relative;
	height: 100%;
}

.grid-stack>div {
	position: absolute;
}

.grid-stack-item {
	padding: 0.5rem;
}

.dash-card {
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	border: 1px solid rgba(211, 217, 218, 1);
	border-radius: 0.35rem;
	overflow: hidden;
	padding: 0;
}

.dash01, .dash12 {
	grid-column: auto/span 6;
	grid-row: auto/span 3;
}

.dash02 {
	grid-column: auto/span 6;
	grid-row: auto/span 3;
}

.dash03 {
	grid-column: auto/span 4;
	grid-row: auto/span 2;
}

.dash04 {
	grid-column: auto/span 4;
	grid-row: auto/span 2;
}

.dash05 {
	grid-column: auto/span 4;
	grid-row: auto/span 2;
}

.dashboard .grid-stack-item .grid-stack-item-content {
	height: 100%;
}

.grid-stack-item .dash-card {
	height: 100%;
}

.grid-stack-item .card-header {
	height: 60px;
}

.dashboard .card-header {
	line-height: 60px;
	font-size: 1.125rem;
	padding: 0 1rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border: none;
	border-bottom: 1px solid rgba(228, 233, 241, 1);
	position: relative;
	text-indent: 36px;
	background: #fff;
	box-shadow: none;
}

.dashboard .card-body {
	height: calc(100% - 60px);
	padding: 0.75rem 1rem 1rem;
}

.dashboard .card-body .chart, .dashboard .card-body .grid {
	box-shadow: none;
	border: none;
	padding: 0
}

.dashboard .ems-nav-tabs {
	background: #F7F8FA;
	align-items: center;
	height: 38px;
	padding: 0 6px;
	border-radius: 4px;
	text-indent: 0;
}

.dashboard .ems-nav-tabs .nav-item {
	padding: 0 6px;
}

.dashboard .ems-nav-tabs .nav-link {
	height: 26px;
	line-height: 26px;
	padding: 0 12px;
	border-radius: 0.35rem;
	font-size: 12px;
}

.dashboard .ems-nav-tabs .nav-link.active {
	background: #FFFFFF;
	border: 1px solid rgba(6, 159, 219, 1);
}

.dashboard .ems-nav-tabs li a.active:before {
	display: none;
}

.dashboard .tab-content {
	width: 100%;
	box-shadow: none;
	border: none;
	padding: 0;
	height: 100vh !important
}

.dashboard .tab-content>.info {
	width: 100%;
	height: 100%;
}

.dashboard select {
	min-height: 36px;
	padding: 0 2.125rem 0 0.75rem;
	background-position: right 12px center;
	width: 150px;
}

.dashboard .info {
	background: #F7F8FA;
	display: flex;
	flex-direction: row;
	width: 100%;
	height: 100px;
	padding: 1rem;
	justify-content: space-between;
	border-radius: 8px;
}

.dashboard .info>div {
	background: #fff;
	height: 100%;
	display: flex;
	width: calc(50% - 0.5rem);
	filter: drop-shadow(0px 0.7px 1.4px rgba(0, 0, 0, 0.07));
	border-radius: 6px;
	margin-bottom: 0;
	padding: 0.5rem 1rem;
}

.dashboard .dash01 .info, .dashboard .dash12 .info {
	margin-bottom: 0.625rem;
}

.dashboard .dash01 .info>div, .dashboard .dash12 .info>div {
	width: calc(33.33% - 0.5rem);
	padding: 1rem;
}

.dash12 .info>div:nth-of-type(1) {
	margin-bottom: 8px;
}

.dash12 .info>div {
	display: flex;
	flex-direction: column;
}

.dashboard .info>div>p {
	margin-bottom: 0;
	line-height: initial;
	font-size: 14px;
	font-family: 'Pretendard-M';
	text-align: left;
}

.dashboard .info>div>p:nth-of-type(2) {
	text-align: right;
	line-height: 33px;
	color: #666666;
}

.dashboard .info>div>p span {
	font-size: 1.75rem;
	color: #222;
}

.dashboard .info>div>p span:last-of-type {
	font-size: 1.25rem;
}

.dashboard .left {
	width: 60%;
	height: 100%;
	float: left;
}

.dashboard .right {
	float: right;
	width: 40%;
	flex-direction: column;
	height: 100%;
	background: transparent;
	padding: 0 0 0 1rem;
}

.dashboard .right>div {
	width: 100%;
	flex-direction: column;
	filter: none;
	height: 50%;
	display: flex;
	justify-content: center;
}

.dashboard .right>div:nth-of-type(1) {
	border-bottom: 1px solid #EEEEEE;
}

.dashboard .right>div p {
	font-size: 1rem;
	white-space: nowrap;
}

.dashboard .dash02 .card-body .tab-content>div, .dashboard .dash10 .card-body .tab-content>div,
	.dashboard .dash11 .card-body .tab-content>div, .dashboard .dash13 .card-body .tab-content>div
	{
	height: 100%;
}

.dashboard .dash03 .right>div p:nth-of-type(1) {
	width: fit-content;
	background: #F5F7FA;
	padding: 4px 8px;
	border-radius: 4px;
	color: #069FDB;
}

.dashboard .right>div p:nth-of-type(2) {
	margin-top: 0.5rem;
}

.dashboard .dash05 .card-body {
	display: flex;
	justify-content: space-between;
}

.dashboard .dash05 .card-body>div {
	background: #F7F8FA;
	width: calc(33.33% - 0.5rem);
	padding: 0 1rem 1rem 1rem;
	border-radius: 8px;
}

.dashboard .dash05 .card-body>div p {
	margin-bottom: 0;
	line-height: 42px;
	font-size: 1rem;
	text-align: left;
}

.dashboard .dash05 .card-body ul {
	list-style: none;
	height: calc(100% - 42px);
	width: 100%;
	padding: 0;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.dashboard .dash05 .card-body ul li {
	width: 100%;
	padding: 0 0.5rem;
	background: #fff;
	height: calc(33.33% - ( 1rem/ 3));
	display: flex;
	align-items: center;
	justify-content: flex-end;
	filter: drop-shadow(0px 0.7px 1.4px rgba(0, 0, 0, 0.07));
}

.dashboard .dash05 .card-body ul li span {
	font-size: 1.125rem;
	color: #222;
	margin-right: 4px;
}

.dashboard .dash05 .card-body ul li span:last-of-type {
	font-size: 0.75rem;
}

.dashboard .card-header:before {
	content: "";
	width: 26px;
	height: 26px;
	border-radius: 4px;
	position: absolute;
}

.dashboard .dash07 ul {
	height: 100%;
	padding: 0;
}

.dashboard .dash07 ul li {
	height: calc(100%/ 3);
	list-style: none;
	display: flex;
	flex-direction: row;
}

.dashboard .dash07 ul li .chart_label span {
	display: block;
	font-size: 1rem;
	font-family: 'Pretendard-M';
	line-height: 22px;
	background: rgb(247, 248, 250);
	width: 52px;
	text-align: center;
	border-radius: 4px;
}

.dashboard .dash07 ul li .chart_label {
	width: 66px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.dashboard .dash07 ul li .chart {
	width: calc(100% - 66px);
}

.dashboard .card-header.line:before {
	background: #F7F8FA url(../../images/icon/dash-01.svg) center no-repeat;
}

.dashboard .card-header.factory:before {
	background: #F7F8FA url(../../images/icon/dash-02.svg) center no-repeat;
}

.dashboard .card-header.peak:before {
	background: #F7F8FA url(../../images/icon/dash-03.svg) center no-repeat;
}

.dashboard .card-header.bar:before {
	background: #F7F8FA url(../../images/icon/dash-04.svg) center no-repeat;
}

.dashboard .card-header.month:before {
	background: #F7F8FA url(../../images/icon/dash-05.svg) center no-repeat;
}

.dashboard .card-header.grid:before {
	background: #F7F8FA url(../../images/icon/dash-07.svg) center no-repeat;
}

/*widget*/
.breadcrumb {
	display: flex !important;
	flex-wrap: wrap !important;
	padding: 0 !important;
	margin-bottom: 1rem !important;
	list-style: none !important;
	background-color: transparent !important;
	font-size: var(- -bs-body-font-size) !important;
	line-height: 14px;
}

.widgetTitle {
	font-size: 1.5rem;
	line-height: 1.2;
	color: #363d47;
	font-weight: 600;
}

.newWidget {
	background-color: #fff;
	background-clip: border-box;
	border: 1px solid rgba(0, 0, 0, .125);
	border-radius: 0.25rem;
	padding: 1rem;
}

.newWidget>div {
	background-repeat: no-repeat;
	background-size: 100%;
}

.newWidget>div>div {
	background: rgba(255, 255, 255, 0.5);
}

.gridWidget>div {
	padding: 0.5rem;
}

.gridWidget>div>div>div>div {
	background-size: 96% !important;
	background-repeat: no-repeat;
	padding: 1rem;
	background-position: center;
	box-shadow: 3px 5px 15px rgb(51 99 255/ 7%);
	border: 1px solid rgba(0, 0, 0, .125);
	border-radius: 0.25rem;
	background-color: #fff;
}

.gridWidget>div>div>div>div>div:nth-of-type(2) {
	font-size: 1.25rem;
	line-height: 1.2;
	color: #363d47;
	height: calc(100% - 54px);
	background: rgba(255, 255, 255, 0.3);
}

/* .widget-item {min-height: 789px !important; }
.widget-item > div > div{
	padding: 0.5rem;
	background-repeat: no-repeat;
	padding: 1rem;
	border: 1px solid rgba(0,0,0,.125);
    border-radius: 0.25rem;
} */
#trash {
	background: #FFF !important;
	border: 1px solid #FF6142;
	border-radius: 4px;
	color: #FF6142;
	padding: 1rem;
}

.newWrap {
	padding: 1rem;
	gap: 0.5rem;
}

/*hang-eMap*/
.eMap-1 .main, .eMap-2 .main, .eMap-3 .main {
	position: relative;
}

.eMap-1 .map01 dl {
	float: left;
	font-size: 16px;
}

.eMap-1 .map01 .entryWrap {
	min-height: 54px;
}

.eMap-1 .map01 .entry {
	min-height: 52px;
}

.eMap-1 .map01 .sum {
	width: 350px;
	padding: 0;
	display: flex;
	align-items: center;
	border: 2px solid #00498A;
	top: 1%;
	height: 86px;
}

.eMap-1 .map01 .sum .label-01-name {
	width: 100px;
	background: #00498A;
	color: #fff;
	height: 100%;
	display: flex;
	align-items: center;
	text-align: center;
	word-break: keep-all;
	padding: 0;
	text-indent: 0;
	justify-content: center;
}

.eMap-1 .map01 .sum .label-01-data {
	width: calc(100% - 75px);
}

.eMap-1 .map01 dl>dt, .eMap-2 .map01 dl>dt {
	white-space: nowrap;
	max-width: 90px;
}

.eMap-1 .map01 dl>dd, .eMap-2 .map01 .label-01-data dl>dd {
	color: #005BAC;
}

.eMap-2 .map01 .label-02 dl>dd {
	color: #4C5566;
}

.eMap-1 .map01 .branch {
	margin-left: 450px;
}

.eMap-1 .map01 .label-02 {
	height: 44px;
	width: 410px;
	display: flex;
	line-height: 44px;
	padding: 0;
	justify-content: space-between;
	text-indent: 0;
	border: 2px solid #00498A;
	top: calc(50% - 22px);
	cursor: pointer;
}

.eMap-1 .map01 .label-02-name {
	width: 170px;
	text-indent: 10px;
	background: #00498A;
	color: #fff;
}

.eMap-1 .map01 .label-02-data {
	width: calc(100% - 170px);
	padding-right: 10px;
	color: #4C5566;
	text-align: right;
	font-family: 'Pretendard-M';
	font-weight: normal;
}

.eMap-1 .map01 .branch .lv2 {
	margin-left: 497px !important;
}

.eMap-1 .map01 .entry:before {
	left: -42px;
}

.eMap-1 .map01 .branch:before {
	left: -88px;
	width: 48px;
}

.eMap-1 .map01 .lv1:before {
	top: 20%;
}

.eMap-1 .map01 .entry:after {
	border-radius: 0 !important;
	width: 42px;
	left: -42px;
	margin-top: 2px;
}

.eMap-1 .map01 .entry:first-child:before {
	border-radius: 0;
}

.eMap-1 .map01 .entry:last-child:after {
	border-radius: 0;
	margin-top: -9px;
}

.eMap-1 .map01 .entry:last-child:before {
	border-radius: 0;
	top: 0;
}

.eMap-1 .map01 .lv2 .entry:last-child:before {
	top: 0;
}

.eMap-1 .map01 .entry2:after {
	top: 48%;
}

.eMap-1 .map01 .branch .lv2 {
	box-shadow: none;
	padding: 0;
	width: 410px;
}

.eMap-1 .map01 .label-03 {
	background: #fff;
	border: 2px solid #005BAC;
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	line-height: 44px;
	padding: 0;
	height: 44px;
	top: 59%;
	left: 0;
	cursor: pointer;
}

.eMap-1 .map01 .label-03 .label-03-name {
	width: 170px;
	text-indent: 10px;
	background: #005BAC;
	color: #fff;
}

.eMap-1 .map01 .label-03 .label-03-data {
	padding-right: 10px;
}

.eMap-1 .map01 .label-03 .sub-text {
	line-height: 44px;
	text-align: right;
	padding-right: 10px;
}

.eMap-1 .map01 .label-03:hover, .eMap-1 .map01 .label-03:hover .sub-text,
	.eMap-1 .map01 .label-02:hover, .eMap-1 .map01 .label-02:hover .label-02-data
	{
	background: #fff;
	color: #005BAC;
}

.eMap-1 .map01 .label-01, .eMap-2 .map01 .label-01 {
	top: 15%;
	left: 12px;
	width: 350px;
	overflow: hidden;
}

.eMap-2 .map01 .label-02 {
	width: 350px;
	cursor: pointer;
	padding: 0;
	line-height: 36px;
	border: 2px solid #005BAC;
	background: #005BAC;
	color: #fff;
	overflow: hidden;
}

.eMap-2 .map01 .label-02:before {
	content: "";
}

.eMap-2 .map01 .label-02:after {
	content: "";
}

.eMap-2 .map01 .branch {
	margin-left: 424px;
}

.eMap-2 .map01 .branch:before {
	top: 68px;
}

.eMap-2 .map01-1 .branch:before {
	top: 14.5%;
}

.eMap-2 .map01 .entryWrap {
	min-height: 136px;
}

.eMap-2  .map01 .entry:first-child:after, .eMap-2 .map01 .entry:first-child:before,
	.eMap-2 .map01 .entry:last-child:before, .eMap-2 .map01 .entry:last-child:after
	{
	border-radius: 0;
}

.eMap-2 .map01 .lv2 {
	margin-left: 410px;
	width: 350px;
	box-shadow: none;
}

.eMap-2 .map01 .lv2:before {
	top: 50.5%;
	left: -61px;
}

.eMap-2 .map01 .lv2_2:before {
	left: -63px;
	width: 62px;
}

.eMap-2 .map01 .entryWrap .lv2_2 {
	margin-left: 411px;
}

.eMap-2  .map01 .lv2 .entry:after {
	width: 40px;
}

.eMap-2 .map01 .label-03:hover, .eMap-2 .map01 .label-03:hover .sub-text
	{
	color: #fff;
	background: #005BAC;
}

.eMap-2 .map01 .sum {
	top: 15%;
}

.eMap-2 .tab-content>div:nth-of-type(n+2) .map01 .sum {
	top: 17%;
}

.tab-content>.card {
	overflow-x: scroll;
}

.eMap-2 .main .label-01 {
	padding: 0;
	border: 2px solid #00498A;
}

.eMap-2 .main .label-01-name {
	line-height: 36px;
	background: #00498A;
	color: #fff;
}

.eMap-2 .main .label-01-data {
	height: calc(100% - 36px);
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.eMap-2 .map01 dl {
	background: #fff;
	width: 100%;
	padding-top: 4px;
	height: 36px;
}

.eMap-2 .map01 .label-03 {
	height: 80px;
	top: 28%;
	background: #fff;
	border: 2px solid #005BAC;
	border-left-width: 5px;
	font-size: 16px;
	line-height: 30px;
}

.eMap-3 .map01 dl {
	padding-left: 8px;
}

.eMap-3 .map01 dl>dt {
	text-indent: 0;
}

.eMap-3 .label-01-data dd {
	color: #009CDC;
}

.eMap-3 .label-02-data dd {
	color: #222;
}

.eMap-3 .map01 .label-04, .eMap-3 .map01 .label-05, .eMap-3 .map01 .label-06,
	.eMap-3 .map01 .label-07, .eMap-3 .map01 .label-08 {
	border: 1px solid rgba(151, 177, 204, 0.2);
	border-radius: 4px;
	position: absolute;
	/*     background: rgba(228,233,241,0.5); */
	left: 10px;
	/*     top: 42%; */
	margin-top: -22px;
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 14px;
	text-indent: 0;
	color: #3E7EAD;
	display: flex;
	flex-direction: column;
	cursor: pointer;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 5px 10px;
	/*     height: 56px; */
}

.eMap-3 .map01 .label-04 .sub-text, .eMap-3 .map01 .label-05 .sub-text,
	.eMap-3 .map01 .label-06 .sub-text, .eMap-3 .map01 .label-07 .sub-text,
	.eMap-3 .map01 .label-08 .sub-text {
	font-family: 'Pretendard-M';
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 28px;
	text-decoration-line: none;
	color: #222;
	margin-left: 0;
	text-align: right;
}

.eMap-3 .map01 .entry:first-child:before, .eMap-3 .map01 .entry:first-child:after,
	.eMap-3 .map01 .entry:last-child:before, .eMap-3 .map01 .entry:last-child:after
	{
	border-radius: 0;
}

.eMap-3 .map01 .branch:before {
	margin-top: 2px;
}

.eMap-3 .map01 .entry:after {
	left: -15px;
	width: 28px;
}

.eMap-3 .map01 .entry:before {
	left: -16px;
}

.eMap-3 .map01 .lv2 .entry:after {
	left: -15px;
	width: 26px;
}

.eMap-3 .map01 .lv3 .entry:after {
	left: -25px;
	width: 25px;
}

.eMap-3 .map01 .lv1 .entry2:after {
	left: -16px;
	width: 28px;
	margin-top: -6px !important;
}

.eMap-3 .map01 .lv2 .entry2:after {
	left: -16px;
	margin-top: -6px !important;
}

.eMap-3 .map01 .lv3 .entry2:after {
	left: -28px;
	margin-top: -6px !important;
}

.eMap-3 .map01 .branch:before {
	left: -48px;
	width: 34px;
}

.eMap-3 .map01 .branch.lv2:before {
	left: -40px;
	width: 25px;
}

.eMap-3 .map01 .branch.lv3:before {
	width: 25px;
	left: -50px;
}

.eMap-3 .map01 .lv3 .entry:before {
	left: -26px;
}

.eMap-3 .map01 .lv2 .entry:first-child:before {
	top: 51%;
}

.eMap-3 .map01 .lv3 .entry:first-child:before {
	top: 52%;
}

.eMap-3 .map01 .lv1 .entry {
	position: relative;
	min-height: 116px;
}

.eMap-3 .map01 .lv2 .entry {
	position: relative;
	min-height: 78px;
}

.eMap-3 .label-01, .eMap-3 .label-02, .eMap-3 .label-03 {
	width: 310px;
	height: 102px;
}

.eMap-3 .label-01, .eMap-3 .label-02 {
	left: 12px;
	top: calc(50% - 51px);
}

.eMap-3 .label-03, .eMap-3 .label-04, .eMap-3 .label-05, .eMap-3 .label-06,
	.eMap-3 .label-07, .eMap-3 .label-08 {
	height: 72px;
	background: #FFF;
	box-shadow: 0 2px 7px #e4e9f1;
	top: calc(50% - 14px);
	padding-top: 8px;
}

.map01 .label-03 .sub-text {
	padding-right: 8px;
	text-align: right;
}

.eMap-3 .map01 .label-03:hover, .map01 .label-03:hover .sub-text {
	background-color: #Fff;
	color: #3E7EAD;
}

.eMap-3 .label-04, .eMap-3 .label-05, .eMap-3 .label-06, .eMap-3 .label-07,
	.eMap-3 .label-08 {
	width: 310px;
}

.eMap-3  .map01 .branch {
	margin-left: 370px !important;
}

.eMap-3  .map01 .branch .lv2 {
	display: flex;
	flex-direction: column;
	width: 330px;
	box-shadow: none;
	padding: 0;
	height: 100%;
	margin-left: 360px !important;
	margin-top: 8px;
}

.eMap-3  .map01 .branch .lv3 {
	background: #fff;
	width: 372px;
	box-shadow: 0 2px 7px #e4e9f1;
	padding: 6px 0;
	margin-left: 370px !important;
}

.eMap-3 .map01 .lv3 .entry {
	min-height: 64px;
}

.eMap-3 .label-01-name, .eMap-3 .label-02-name, .eMap-3 .label-03-name,
	.eMap-3 .label-04-name, .eMap-3 .label-05-name, .eMap-3 .label-06-name,
	.eMap-3 .label-07-name, .eMap-3 .label-08-name {
	text-indent: 6px;
	white-space: nowrap;
	position: relative;
	border-radius: 2px;
	color: #fff;
	font-family: 'Pretendard-M';
	font-weight: 500;
}

.eMap-3 .label-01-name {
	background: #069FDB;
}

.eMap-3 .label-02-name {
	background: #0FB5F5;
	font-size: 14px;
}

.eMap-3 .label-03-name, .eMap-3 .label-04-name, .eMap-3 .label-05-name,
	.eMap-3 .label-06-name, .eMap-3 .label-07-name, .eMap-3 .label-08-name
	{
	background: rgba(88, 203, 249, 1);
	height: 30px;
	display: block;
	line-height: 30px;
}
/* .eMap-3 .label-04-name { */
/* 	text-indent: 0px; */
/* 	color: #222; */
/* 	line-height: 20px; */
/* } */
.eMap-3 .label-01-name:before, .eMap-3 .label-02-name:before, .eMap-3 .label-03-name:before,
	.eMap-3 .label-04-name:before, .eMap-3 .label-05-name:before, .eMap-3 .label-06-name:before,
	.eMap-3 .label-07-name:before, .eMap-3 .label-08-name:before {
	content: "Level.1";
	background: #fff;
	margin-right: 6px;
	color: #069FDB;
	font-size: 12px;
	padding: 3px 5px;
	border-radius: 4px;
	font-family: 'Pretendard-M';
	font-weight: 500;
	position: relative;
	top: -1px;
}

.eMap-3 .label-02-name:before {
	content: "Level.2";
}

.eMap-3 .label-03-name:before {
	content: "Level.3";
}

.eMap-3 .label-04-name:before {
	content: "Level.4";
	left: -3px;
}

.eMap-3 .label-05-name:before {
	content: "Level.5";
	left: -3px;
}

.eMap-3 .label-06-name:before {
	content: "Level.6";
	left: -3px;
}

.eMap-3 .label-07-name:before {
	content: "Level.7";
	left: -3px;
}

.eMap-3 .label-08-name:before {
	content: "Level.8";
	left: -3px;
}

/*bookmark*/
.bookmark-list {
	height: fit-content;
	right: 68px;
	top: 40px;
}

.bookmark-list ul {
	padding: 0;
	height: 300px;
	max-height: 300px;
	overflow-y: auto;
}

.bookmark-list ul li {
	border-bottom: 1px solid #eee;
}

.bookmark-header {
	padding: 0 20px;
	min-width: 236px;
	width: 100%;
}

.topnav .navbar-nav li svg {
	vertical-align: middle;
}

/*stdEngyMap*/
.popup .engyMap-btn {
	height: 48px;
	min-width: 48px;
	margin-left: 1rem;
}

.popup .form-btn-input .popup-input {
	width: calc(100% - 248px);
}

.popup .form-floating {
	height: auto;
}

/*grid*/
.grid-area2 .grid-select {
	border: transparent;
	width: calc(100% - 0.5rem);
	height: 100%;
	background: transparent;
}

/*helper-text*/
.helper-icon {
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url(../../images/icon/helper-icon.svg) center no-repeat;
	position: relative;
	top: 8px;
	cursor: pointer;
}

.helper-text {
	color: #EA4E4C;
	font-size: 0.875rem;
	line-height: 0.875rem;
	display: none;
}

.sysUser {
	display: none;
	width: 416px;
	position: absolute;
	top: 45px;
	right: 42px;
	background: #fff;
	padding: 0.5rem;
	border: 1px solid rgba(211, 217, 218, 1);
	border-radius: 6px;
	box-shadow: 1px 2px 2px #ccc, 2px 4px 4px #d4dae3, 4px 8px 8px #d4dae3;
}

.sysUser .nav-link {
	font-size: 16px;
}

.sysUser .card {
	border: none;
	border-top: 1px solid rgba(211, 217, 218, 1);
	border-radius: 0 !important;
}
/* .sysUser .ems-nav-tabs li a.active:before {
	border:none;
} */
.sysUser .popup-label {
	width: 100px;
	display: inline-block;
}

.sysUser .tab-content>div {
	height: 100%;
	padding-bottom: 1rem;
}

.sysUser .card-body {
	height: 201px;
}

.sysUser .btn-inner-area {
	justify-content: flex-end;
	display: flex;
	padding: 0 1rem;
}

.nav-item .people {
	width: 16px;
	height: 16px;
	display: block;
	background: url(../../images/icon/user.svg) center no-repeat;
	background-size: 12px;
	cursor: pointer;
}

.err-dot, .clear-dot {
	position: absolute;
	top: 25px;
	left: -10px;
	transform: translateY(-50%);
	width: 0.3rem;
	height: 8.8rem;
}

.err-dot {
	background-color: red;
	box-shadow: 0 0 0.1rem red;
}

.clear-dot {
	background-color: limegreen;
	box-shadow: 0 0 0.1rem limegreen;
}

.map01 .label-02 {
	overflow: hidden;
}

.tab-content>.tab-pane {
	display: none;
}

.tab-content>.active {
	display: block;
}

.excel-icon {
	display: inline-block;
	min-width: 55px;
	min-height: 42px;
	background: url(../../images/icon/excel.svg) center no-repeat;
	position: relative;
	top: 8px;
	cursor: pointer;
	z-index: 999;
}

.out-of-view {
	position: fixed !important;
	z-index: 1000;
}

.top-0 {
	top: 0px !important;
}

.top-90 {
	top: 90px !important;
}

.top-120 {
	top: 120px !important;
}

.right-20 {
	right: 20px !important;
}

.scroll-btn {
	width: 55px;
	height: 42px;
	margin-right: 5px;
	background: #069FDB;
	display: block;
	border-radius: 2px;
	color: #fff;
	font-family: 'Pretendard-M';
	font-weight: 500;
	text-align: center;
	font-size: 30px;
	cursor: pointer;
	z-index: 999;
}

.icon-df {
	cursor: pointer;
	top: 0;
	margin-right: 8px;
	background: rgba(211, 217, 218, 0.3);
	padding: 6px 8px;
	border-radius: 4px;
	font-size: .875em !important;
	position: relative;
}

.no-drag {
	-webkit-user-select: none; /* Safari */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none;
	/* Non-prefixed version, currently supported by Chrome, Opera and Edge */
}

.stat-grp {
	display: flex;
	align-items: center;
}

.stat-grp div {
	margin: 4px;
}

.stat-grp h5 {
	margin: 0px;
}

.eMap-3 #tabContents01, .eMap-3 #tabContents02, .eMap-3 #tabContents03,
	.eMap-3 #tabContents04, .eMap-3 #tabContents05, .eMap-3 #tabContents06,
	.eMap-3 #tabContents07, .eMap-3 #tabContents08, .eMap-3 #tabContents09,
	.eMap-3 #tabContents10, .eMap-3 #tabContents11, .eMap-3 #tabContents12,
	.eMap-3 #tabContents13 {
	max-height: 65.5vh;
	overflow: scroll;
}
/* Hide y-axis scrollbar for WebKit browsers */
.eMap-3 #tabContents01::-webkit-scrollbar, .eMap-3 #tabContents02::-webkit-scrollbar,
	.eMap-3 #tabContents03::-webkit-scrollbar, .eMap-3 #tabContents04::-webkit-scrollbar,
	.eMap-3 #tabContents05::-webkit-scrollbar, .eMap-3 #tabContents06::-webkit-scrollbar,
	.eMap-3 #tabContents07::-webkit-scrollbar, .eMap-3 #tabContents08::-webkit-scrollbar,
	.eMap-3 #tabContents09::-webkit-scrollbar, .eMap-3 #tabContents10::-webkit-scrollbar,
	.eMap-3 #tabContents11::-webkit-scrollbar, .eMap-3 #tabContents12::-webkit-scrollbar,
	.eMap-3 #tabContents13::-webkit-scrollbar {
	width: 0px; /* Hide the vertical scrollbar */
}

.eMap-3 #tabContents01::-webkit-scrollbar:horizontal, .eMap-3 #tabContents02::-webkit-scrollbar:horizontal,
	.eMap-3 #tabContents03::-webkit-scrollbar:horizontal, .eMap-3 #tabContents04::-webkit-scrollbar:horizontal,
	.eMap-3 #tabContents05::-webkit-scrollbar:horizontal, .eMap-3 #tabContents06::-webkit-scrollbar:horizontal,
	.eMap-3 #tabContents07::-webkit-scrollbar:horizontal, .eMap-3 #tabContents08::-webkit-scrollbar:horizontal,
	.eMap-3 #tabContents09::-webkit-scrollbar:horizontal, .eMap-3 #tabContents10::-webkit-scrollbar:horizontal,
	.eMap-3 #tabContents11::-webkit-scrollbar:horizontal, .eMap-3 #tabContents12::-webkit-scrollbar:horizontal,
	.eMap-3 #tabContents13::-webkit-scrollbar:horizontal {
	height: 8px; /* Show the horizontal scrollbar */
}

.eMap-3 #tabContents01::-webkit-scrollbar-thumb:horizontal, .eMap-3 #tabContents02::-webkit-scrollbar-thumb:horizontal,
	.eMap-3 #tabContents03::-webkit-scrollbar-thumb:horizontal, .eMap-3 #tabContents04::-webkit-scrollbar-thumb:horizontal,
	.eMap-3 #tabContents05::-webkit-scrollbar-thumb:horizontal, .eMap-3 #tabContents06::-webkit-scrollbar-thumb:horizontal,
	.eMap-3 #tabContents07::-webkit-scrollbar-thumb:horizontal, .eMap-3 #tabContents08::-webkit-scrollbar-thumb:horizontal,
	.eMap-3 #tabContents09::-webkit-scrollbar-thumb:horizontal, .eMap-3 #tabContents10::-webkit-scrollbar-thumb:horizontal,
	.eMap-3 #tabContents11::-webkit-scrollbar-thumb:horizontal, .eMap-3 #tabContents12::-webkit-scrollbar-thumb:horizontal,
	.eMap-3 #tabContents13::-webkit-scrollbar-thumb:horizontal {
	background: #888; /* Custom horizontal scrollbar thumb color */
}

.eMap-3 #tabContents01::-webkit-scrollbar-track:horizontal, .eMap-3 #tabContents02::-webkit-scrollbar-track:horizontal,
	.eMap-3 #tabContents03::-webkit-scrollbar-track:horizontal, .eMap-3 #tabContents04::-webkit-scrollbar-track:horizontal,
	.eMap-3 #tabContents05::-webkit-scrollbar-track:horizontal, .eMap-3 #tabContents06::-webkit-scrollbar-track:horizontal,
	.eMap-3 #tabContents07::-webkit-scrollbar-track:horizontal, .eMap-3 #tabContents08::-webkit-scrollbar-track:horizontal,
	.eMap-3 #tabContents09::-webkit-scrollbar-track:horizontal, .eMap-3 #tabContents10::-webkit-scrollbar-track:horizontal,
	.eMap-3 #tabContents11::-webkit-scrollbar-track:horizontal, .eMap-3 #tabContents12::-webkit-scrollbar-track:horizontal,
	.eMap-3 #tabContents13::-webkit-scrollbar-track:horizontal {
	background: #f1f1f1; /* Custom horizontal scrollbar track color */
}

/* Hide y-axis scrollbar for Firefox */
.eMap-3 #tabContents01, .eMap-3 #tabContents02, .eMap-3 #tabContents03,
	.eMap-3 #tabContents04, .eMap-3 #tabContents05, .eMap-3 #tabContents06,
	.eMap-3 #tabContents07, .eMap-3 #tabContents08, .eMap-3 #tabContents09,
	.eMap-3 #tabContents10, .eMap-3 #tabContents11, .eMap-3 #tabContents12,
	.eMap-3 #tabContents13 {
	scrollbar-width: none; /* Firefox hides both scrollbars */
}

.eMap-3 #tabContents01:hover, .eMap-3 #tabContents02:hover, .eMap-3 #tabContents03:hover,
	.eMap-3 #tabContents04:hover, .eMap-3 #tabContents05:hover, .eMap-3 #tabContents06:hover,
	.eMap-3 #tabContents07:hover, .eMap-3 #tabContents08:hover, .eMap-3 #tabContents09:hover,
	.eMap-3 #tabContents10:hover, .eMap-3 #tabContents11:hover, .eMap-3 #tabContents12:hover,
	.eMap-3 #tabContents13:hover {
	scrollbar-width: thin; /* Show horizontal scrollbar on hover */
}

.rg-header-filtering {
	width: 24px !important;
	height: 24px !important;
	top: 16px !important;
	left: unset !important;
}

/* ================================20240912====================================================== */
.ems-form-search {
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 30px;
	min-height: 77px;
	color: #222;
}
/* 로고 이미지 크기 및 정렬 설정 */
.logo-img {
	width: 150px; /* 원하는 너비로 설정 */
	height: auto; /* 비율을 유지한 상태로 자동으로 높이 설정 */
	display: inline-block; /* 이미지가 텍스트처럼 인라인으로 배치되도록 설정 */
	vertical-align: middle; /* 이미지와 텍스트의 수직 정렬 */
}

.logo-img img {
	width: 80%;
	height: 100%;
}

#layoutSidenav {
	background: #FFF !important;
}

.sidenav-light {
	background: #FFF;
	box-shadow: 4px 0px 3px 0px rgba(0, 18, 31, 0.03);
}

.nav-borders .nav-link.active {
	color: #003255;
	border-bottom-color: transparent;
	font-weight: 700;
}

.nav-borders .nav-link {
	color: #003255;
}

.sidebar ul.menu li div.name {
	font-style: normal;
	font-weight: 700;
	font-size: 20px;
	line-height: 42px; /* 80px에서 42px로 변경 */
	color: #1297F4; /* 컬러 통일 */
	border-left: 5px solid #1297F4;
	background: #F3FAFF;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	align-self: stretch;
	font-family: Pretendard;
}

.sidebar ul.menu li {
	line-height: 2.125rem; /* 유지 */
	color: #666 !important; /* 잘못된 CSS 변수 제거 */
	font-family: Pretendard;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
}

.bg-white-2.sidebar ul.menu li ul li a {
	color: #666 !important;
	display: block;
	padding: 8px;
	text-decoration: none;
	margin: 8px;
}

.bg-white-2.sidebar ul.menu>li ul li ul li {
	border: none;
}

.topnav .navbar-brand img {
	height: 100%;
}

.menuscreen_button {
	margin: 0px;
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 0px;
}

.menuscreen_button li {
	list-style: none;
	text-align: center;
	display: flex;
	flex-direction: row;
	align-items: center;
	margin: 0px 10px;
}

.container, .container-fluid, .container-xxl, .container-xl,
	.container-lg, .container-md, .container-sm {
	width: 100%;
	padding-right: var(- -bs-gutter-x, 1rem);
	padding-left: var(- -bs-gutter-x, 1rem);
	margin-right: auto;
	margin-left: auto;
	background: #FFF !important;
	padding: 0px 8px;
}

.menuscreen_button li img {
	display: none;
}

.layoutSidenav_content {
	min-height: calc(100vh - 17.625rem) !important;
}

body {
	width: 100% !important;
	height: calc(100%);
}

.tabletmenuboard {
	display: none;
}

.bg-white-2.sidebar ul.menu>li ul li ul li {
	border: none;
}

.req-input::after {
	content: "(*)";
	color: red;
}

.popup-file {
	width: 100%;
	display: flex
}

.popup-file input[type="text"] {
	width: 80%;
	border-radius: .35rem 0 0 .35rem;
}

.popup-file input[type="file"] {
	display: none;
}

.popup-file button {
	width: 20%;
	border-radius: 0 .35rem .35rem 0;
	font-weight: 400;
	line-height: 1;
	border: #1297F4 1px solid;
	background: #1297F4;
	background-clip: padding-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	color: #FFF;
	font-size: .9375rem;
}

.ems-btn {
	min-width: 75px;
	height: 36px;
	border-radius: 4px;
}

.close-x-btn:after {
	content: "\00d7";
	font-size: 25pt;
	line-height: 29px;
}

.close-x-btn {
	cursor: pointer;
	float: right;
}

.tab-content {
	height: 100vhimportant;
}

main {
	width: 100%;
	background: #FFF !important;
}

html body {
	background: #FFF !important;
}

/* --------------------------------------------태블릿탑메뉴-------------------------------------------------------------------- */

/* 태블릿 가로 */
.form-floating>.form-select {
	display: flex;
	height: 0px !important;
	min-height: 34px;
	padding: 0px 8px !important;
	justify-content: space-between;
	align-items: center;
	border-radius: 2px;
	border: 1px solid rgba(204, 204, 204, 0.50);
	background: #E5E5E5;
	width: 150px;
}

.form-floating>.form-control {
	display: flex;
	height: 0px !important;
	min-height: 34px;
	padding: 0px 8px !important;
	justify-content: space-between;
	align-items: center;
	border-radius: 2px;
	border: 1px solid rgba(204, 204, 204, 0.50);
	background: #ffffff;
	width: 150px;
}

.form-floating>.form-select {
	display: flex;
	height: 0px !important;
	min-height: 34px;
	padding: 0px 8px !important;;
	justify-content: space-between;
	align-items: center;
	border-radius: 2px;
	border: 1px solid rgba(204, 204, 204, 0.50);
	background: #f9f9f9;
	line-height: 34px;
	width: 150px;
}

.ems-form-search {
	display: flex;
	flex-direction: row;
	align-items: center;
	background: #ffffff;
	justify-content: space-between;
}

.search-icon {
	font-family: inherit; /* 부모 폰트 상속 */
	font-size: 1rem; /* 폰트 크기 */
}

.material-icons {
	margin-top: 13px;
	margin-left: -39px;
}

.form-floating>label {
	position: absolute;
	top: 3px;
	left: 86px;
	height: 14px;
	color: #666;
	padding: .3rem .125rem;
	pointer-events: none;
	border: 1px solid transparent;
	transform-origin: 0 0;
	transition: opacity .1s ease-in-out, transform .1s ease-in-out;
}

.float-start p {
	margin: 0px;
}

.bg-white-2.sidebar ul.menu li ul li a:hover {
	background: #F4FBFF;
}

/* .icon-inheader {
	display: flex !important;
	
	justify-content: space-evenly;
	padding-top: .65rem !important;
	padding-bottom: 0 !important;
	font-size: 18px !important;
	font-weight: 600;
	gap: 8px !important;
	flex-direction: row;
	    margin-bottom: 8px;
    
} */
.header-icon {
	border-radius: 6px;
	border: 0.5px solid #E4E9F1;
	width: 24px;
	height: 24px;
	overflow: hidden; /* 아이콘과 텍스트 간격 확보 */
}

.header-icon img {
	margin-top: -3px;
	margin-left: -2px;
}

.task-request {
	background: var(- -surface-surface-primary, #FFF);
	color: #000;
	border-radius: 8px;
	border: 4px solid rgba(255, 209, 67, 0.40);
	background: var(- -surface-surface-primary, #FFF);
	box-shadow: 4px 4px 13px 4px rgba(0, 50, 85, 0.07);
}

.prograss-work {
	background: var(- -surface-surface-primary, #FFF);
	color: #000;
	border-radius: 8px;
	border: 4px solid #63bb999c;
	background: var(- -surface-surface-primary, #FFF);
	box-shadow: 4px 4px 13px 4px rgba(0, 50, 85, 0.07);
}

.complete-work {
	background: var(- -surface-surface-primary, #FFF);
	color: #000;
	border-radius: 8px;
	border: 4px solid #4980d5b5;
	background: var(- -surface-surface-primary, #FFF);
	box-shadow: 4px 4px 13px 4px rgba(0, 50, 85, 0.07);
}

.hold-work {
	background: var(- -surface-surface-primary, #FFF);
	color: #000;
	border-radius: 8px;
	border: 4px solid rgb(137 137 137 / 40%);
	background: var(- -surface-surface-primary, #FFF);
	box-shadow: 4px 4px 13px 4px rgba(0, 50, 85, 0.07);
}

.dead-line {
	background: var(- -surface-surface-primary, #FFF);
	color: #000;
	border-radius: 8px;
	border: 4px solid rgba(241, 95, 95, 0.16);
	background: var(- -surface-surface-primary, #FFF);
	box-shadow: 4px 4px 13px 4px rgba(0, 50, 85, 0.07);
}

.ems-btn-search {
	background: #FFF;
	border: 1px solid #1297F4;
	border-radius: 4px;
	color: #1297F4;
	height: 34px !important;
	font-size: 14px;
}

.dead-line, .hold-work, .complete-work, .prograss-work, .task-request {

	
	/*모바일 세로 넓이,높이 최미정  */
      width: 100%;
      height:87px;
     padding:8px!important;
  
}

.workcard-text {
	color: #000;
	font-family: Pretendard;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px; /* 142.857% */
	margin-top: 4px !important;
	margin-left:6px;
	
}

.work-mount {
	color: #000;
	font-family: Inter;
	font-size: 36px;
	font-style: normal;
	font-weight: 700;
	line-height: 36px; /* 100% */
}

.card-icon {
	display: flex;
	margin-bottom: 14px;
	padding: 0px !important;
}

.title-wrap {
	display: flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
	padding-bottom: 0 !important;
	gap: 8px !important;
}

.tab .tab-list ul li:hover, .tab .tab-list ul li.active {
	color: #003255;
}

.chart img {
	margin-left: -119px;
}

.node img {
	margin-top: -3px;
	margin-top: -3px;
	margin-left: -80px;
}

.chart-circle img {
	margin-top: -3px;
	margin-left: -40px;
}

.report img {
	margin-top: -3px;
	margin-left: -158px;
}

.task img {
	margin-top: -3px;
	margin-left: -197px;
}

.ems-form-search {
	min-height: 0px;
}

.card {
	height: 100%;
	padding: 0px
}

.Tasks-Progress {
	width: 40%;
	height: 100%;
}

.Progress-Rate {
	width: 60%;
	height: 100%;
}

.contract-button {
	background: #FFF;
}

.chart-wrap {
	border-radius: var(- -radius-input, 4px);
	border: 0.5px solid var(- -Grays-Gray-5, #E5E5EA);
	height: 100%;
}

.card-progress .progress {
	height: .5rem;
	background-color: rgba(33, 40, 50, 0.03);
	width: 34%;
	margin-left: 33%;
	margin-top: 1rem;
}

.card-header {
	border-radius: 0;
}

.card-header-actions .card-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 13px 16px;
	/* padding-bottom: 0; */
	font-size: 18px; 
	font-weight: 600;
	border-bottom: 1px solid #E6E6E6;
/* 	height: 64px; */
	height: 48px;
	line-height: 28px!important;
}
.popup .card-header {
    	height: 64px;
	    line-height: 28px!important;
}
.card-header span {
	font-family: Pretendard !important;
}

.card-body {
	height: 100%;

}


.card {
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	overflow: hidden;
	justify-content: center;
}

.card-content {
	border-radius: var(- -radius-input, 4px);
	border: 0.5px solid var(- -Grays-Gray-5, #E5E5EA);
}

.card-body {
	flex: 1 1 auto;
	padding: 1rem 1rem 1rem;
}
.form-container {
    width: 800px;
    margin: auto;
}

.form-content {
    padding: 20px;
}

.form-row {
    display: flex;
    gap: 17px;
    flex-direction: row;
    margin-bottom: 20px;
}

.form-floating label {
    margin-bottom: 5px;
    font-weight: bold;
}

.wpx-150 {
    width: 150px;
}

.btn-inner-area {
    padding:1rem 0rem 1rem;
    text-align: right;
}

.btn-find {
    margin-left:-20px;
}
.float-end >.pe-2 {
	    padding-right:0.5rem!important;
}
/* ----------------팝업 셀렉트---------------------------- */
.form-group .popup-input .form-select, .mb-1 {
	display: flex;
	/* min-height: 24px !important; */
	justify-content: space-between;
	align-items: center;
	border-radius: .35rem;
	padding: .875rem 2rem .875rem 1.125rem;
	background: #FFF;
	height: 34px !important;;
	min-height: 47px !important;;
	border: 1px solid rgba(197, 204, 214, 1);
	font-size: .9375rem;
	margin-bottom: 8px;
}

.form-control, .dataTable-input {
	padding: .875rem 2rem .875rem 1.125rem;
	font-size: .875rem;
	/* 	min-height: 46px; */
	font-weight: 400;
	line-height: 1;
	color: #222;
	background-color: #fff;
	background-clip: padding-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: .35rem;
	border: 1px solid rgba(197, 204, 214, 1);
	font-size: .9375rem;
}

.popup .form-group select {
	min-height: 47px;
	width: 100%;
}

select:focus {
	border: 1px solid #0578C9; /* 포커스 시 파란색 테두리 */
	box-shadow: 0 0 5px rgba(5, 120, 201, 0.5); /* 흐릿한 파란색 외곽선 */
}

textarea:focus {
	border: 0.5px solid #0578C9; /* 포커스 시 파란색 테두리 */
	box-shadow: 0 0 5px rgba(5, 120, 201, 0.5); /* 흐릿한 파란색 외곽선 */
	background-color: #fff;
}

.card {
	background: #FFF;
	border: 1px solid #EBEBEB;
	border-radius: 4px !important;
}

.icon-minus-sign:before {
	content: "\f056"; /* 아이콘 코드 */
	color: #1297F4; /* 텍스트 또는 아이콘 색상 */
}

.icon-minus:before {
	content: "\f056"; /* 아이콘 코드 */
	color: #1297F4; /* 텍스트 또는 아이콘 색상 */
}

.popup .card-header {
	padding: 1rem 1.5rem;
	font-style: normal;
	font-weight: 600 !important;
	font-size: 20px;
	    height: 64px;
	color: #222 !important;
	white-space: nowrap;
	border-bottom: 1px solid #E6E6E6;
	color: #000;
	font-family: Pretendard;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	 /* 30px */
}

span:hover .icon-minus {
	color: #1297F4 !important; /* 아이콘을 파란색으로 변경 */
}

/*=================서치탭 수정및 추가===================  */
.search-row {
	display: flex;
	flex-direction: row;
	gap: 8px;
	align-items: center
}

.search-row p {
	margin: 0px;
	color: #222;
	font-family: Pretendard;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 100%; /* 14px */
}

/* 기본 select 화살표 제거 */
/* 특정 select만을 위한 공통 클래스 추가 */
/* 특정 select만을 위한 공통 클래스 추가 */
/* form-select와 특정 ID를 가진 select 요소들에 대한 공통 스타일 */
.form-floating.search-row:has(.form-select)::after {
	content: '';
	position: relative;
	right: 26px;
/* 	top: 41%; */
	width: 8px;
	height: 8px;
	border-right: 2px solid #333;
	border-bottom: 2px solid #333;
	transform: rotate(45deg);
	pointer-events: none;
	z-index: 1;
}

/* 호버 효과 */
.form-floating.search-row:has(.form-select):hover::after {
	border-color: #666;
}

/* 포커스 효과 */
.form-floating.search-row:has(.form-select):focus-within::after {
	border-color: #007bff;
}
/* 기본 입력필드 스타일 */
.form-control {
	height: 40px;
	padding: 8px 12px;
	border: 1px solid #DFE3E7;
	border-radius: 4px;
	background-color: #FFFFFF;
	transition: all 0.2s ease-in-out;
}

/* readonly 속성이 있는 입력필드 */
.form-control[readonly] {
	background-color: #F8F9FA;
	border-color: #E9ECEF;
	cursor: not-allowed;
	color: #6C757D;
}

/* disabled 속성이 있는 입력필드 */
.form-control:disabled {
	background-color: #F8F9FA;
	border-color: #E9ECEF;
	cursor: not-allowed;
	color: #6C757D;
}

/* 포커스 상태 스타일 */
.form-control:focus:not([readonly]):not(:disabled) {
	border-color: #80BDFF;
	box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
/* 공통 스타일 */
.popup-input-base {
	height: 40px;
	padding: 8px 12px;
	border-radius: 4px;
	transition: all 0.2s ease-in-out;
}

/* 읽기 전용 팝업 입력필드 */
.popup-input-readonly {
	composes: popup-input-base;
	background-color: #F8F9FA !important; /* !important로 우선순위 부여 */
	border: 1px solid #E9ECEF;
	color: #6C757D;
	cursor: not-allowed;
	pointer-events: none; /* 클릭 이벤트 자체를 방지 */
}

/* 포커스 상태에서도 스타일 유지 */
.popup-input-readonly:focus {
	background-color: #F8F9FA !important;
	border-color: #E9ECEF !important;
	box-shadow: none !important;
	outline: none !important;
}

/* hover 상태에서도 스타일 유지 */
.popup-input-readonly:hover {
	background-color: #F8F9FA !important;
	border-color: #E9ECEF !important;
}
/* 팝업 입력필드 기본 스타일 */
.form-floating .form-control {
	height: 40px;
	padding: 8px 12px;
	border-radius: 2px;
	border: 1px solid #DFE3E7;
	transition: all 0.2s ease-in-out;
}

/* 읽기 전용 입력필드 스타일 */
.form-floating .form-control[readonly], .form-floating .form-control[readonly]:focus,
	.form-floating .form-control[readonly]:active, .form-floating .form-control[readonly]:hover,
	.form-floating .form-control[readonly]:-webkit-autofill, .form-floating .form-control[readonly]:-webkit-autofill:hover,
	.form-floating .form-control[readonly]:-webkit-autofill:focus {
	background-color: #F8F9FA !important;
	-webkit-box-shadow: 0 0 0 30px #F8F9FA inset !important;
	border: 1px solid #b8b8b8 !important;
	color: #6C757D !important;
	cursor: not-allowed !important;
	pointer-events: none !important;
	border: 1px solid #DFE3E7;
}

.pe-2 {
	padding-right: 1rem !important;
}
/* 필수 입력 표시 */
.req-input::after {
	content: "*";
	color: #DC3545;
	margin-left: 4px;
}

/* 팝업 라벨 스타일 */
.popup-label {
	display: inline-block;
	margin-bottom: 0.5rem;
	font-weight: 500;
}

.popup .popup-label {
	margin-bottom: 0rem;
	text-align: justify;
}
/*=================서치탭 수정및 추가===================  */

/* ===============버튼======================= */

/* 버튼 기본 스타일 */
.btn {
	padding: 0 16px;
	border-radius: 4px;
	font-size: 14px;
	line-height: 34px;
	transition: all 0.3s ease;
}

/* 아이콘이 있는 버튼 */
.btn-icon-text {
	display: inline-flex;
	align-items: center;
	align-items: center;
	justify-content: center;
	gap: 8px !important;
}

/* 아이콘 전용 버튼 */
.btn-icon {
	width: 34px;
	height: 34px;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.tab-content {
	height: 100vhimportant;
}
/* ===============인춧====================== */

/* -----------------검색영역 -----------------*/
/* 현재 클래스 */
.form-control.wpx-150 {
	width: 150px;
}

/* 제안하는 새로운 클래스 */
.input-search {
	height: 40px;
	border: 1px solid #E5E9F2;
	background-color: #FFFFFF;
	padding: 8px 12px;
	border-radius: 4px;
	width: 150px;
}

.input-search.disabled {
	background-color: #F8F9FA;
	color: #6C757D;
	cursor: not-allowed;
}

/* -----------------필수 입력필드 (팝업-----------------*/

/* 현재 클래스 */

/* 제안하는 새로운 클래스 */
.input-required {
	background-color: #FFF9F9;
	border: 1px solid #FFE3E3;
	height: 40px;
	padding: 8px 12px;
	border-radius: 4px;
}

.input-required:focus {
	border-color: #FF9999;
	box-shadow: 0 0 0 0.2rem rgba(255, 51, 51, 0.25);
}

/* -----------------검색 입력필드 -----------------*/

/* 현재 클래스 */
.form-control.wpx-150 {
	width: 150px;
}

/* 제안하는 새로운 클래스 */
.input-search {
	height: 40px;
	border: 1px solid #E5E9F2;
	background-color: #FFFFFF;
	padding: 8px 12px;
	border-radius: 4px;
	width: 150px;
}

.input-search.disabled {
	background-color: #F8F9FA;
	color: #6C757D;
	cursor: not-allowed;
}

/* -----------------필수 입력필드 (팝업 -----------------*/
/* 현재 클래스 */

/* 제안하는 새로운 클래스 */
.input-required {
	background-color: #FFF9F9;
	border: 1px solid #FFE3E3;
	height: 40px;
	padding: 8px 12px;
	border-radius: 4px;
}

.input-required:focus {
	border-color: #FF9999;
	box-shadow: 0 0 0 0.2rem rgba(255, 51, 51, 0.25);
}
/* -----------------셀렉트 박스 -----------------*/
/* 기본 form-control 스타일 */
.form-control {
	height: 40px;
	padding: 8px 12px;
	border-radius: 4px;
	font-size: 14px;
	transition: all 0.2s ease-in-out;
}

/* 읽기 전용 입력필드 */
.form-control.readonly {
	background-color: #F8F9FA;
	border: 1px solid #DFE3E7;
	color: #495057;
	cursor: not-allowed;
}

/* 비활성화 입력필드 */
.form-control.disabled {
	background: #E6E6E6;
	border: 1px solid #CED4DA;
	color: #6C757D;
	opacity: 0.65;
	cursor: not-allowed;;
}

/* 필수 입력필드 */
.form-control.required {
	background: #FFF;
	border: 1px solid red;
}

/* 에러 상태 입력필드 */
.form-control.error {
	border-color: #DC3545;
	background-color: #FFF8F8;
}

/* 성공 상태 입력필드 */
.form-control.success {
	border-color: #28A745;
	background-color: #F8FFF8;
}

/* 경고 상태 입력필드 */
.form-control.warning {
	border-color: #FFC107;
	background-color: #FFFDF8;
}

/* 포커스 상태 */
.form-control:focus:not(.readonly):not(.disabled) {
	border-color: #80BDFF;
	box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
	background-color: #FFFFFF;
}

/* 호버 상태 */
.form-control:hover:not(.readonly):not(.disabled) {
	border-color: #80BDFF;
}

/* 크기 변형 */
.form-control.lg {
	height: 48px;
	font-size: 16px;
}

.form-control.sm {
	height: 32px;
	font-size: 12px;
	padding: 4px 8px;
}

/* 입력필드 아이콘 포함 */
.form-control.with-icon {
	padding-left: 35px;
}

/* 숫자 입력필드 */
.form-control.numeric {
	text-align: right;
	font-family: 'Roboto Mono', monospace;
}

/* 검색 입력필드 */
.form-control.search {
	padding-right: 35px;
	background-image: url('path-to-search-icon.svg');
	background-repeat: no-repeat;
	background-position: right 10px center;
	background-size: 16px;
}
/* 셀렉트 박스 옵션 목록 스타일링 */
.form-select option {
	padding: 8px 12px;
	background-color: #FFFFFF;
	border-bottom: 1px solid #E5E9F2;
}

/* 옵션 호버 효과 */
.form-select option:hover {
	background-color: #F8F9FA;
	cursor: pointer;
}

/* 선택된 옵션 스타일 */
.form-select option:checked {
	background-color: #007BFF;
	color: #FFFFFF;
}

/* 드롭다운 메뉴 자체의 스타일링 */
.form-select {
	/* 기존 스타일 유지 */
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-color: #FFFFFF;
	border: 1px solid #DFE3E7;
	border-radius: 4px;
	padding: 8px 12px;
	/* 드롭다운 메뉴 관련 추가 스타일 */
	cursor: pointer;
}

/* 드롭다운이 열렸을 때의 스타일 */
.form-select:focus {
	border-color: #80BDFF;
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

/* 드롭다운 화살표 커스텀 */

/*  */
.form-check-input {
	width: 1em;
	height: 1em;
	margin-top: .25em;
	vertical-align: top;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	border: 1px solid rgba(0, 0, 0, 0.25);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-print-color-adjust: exact;
	color-adjust: exact;
}

.form-check-input:checked {
	background-color: #1297F4;
	border-color: #1297F4;
}

/*  */
.icon-folder-open:before {
	content: "" !important; /* 기존 콘텐츠 제거 */
	display: inline-block; /* 블록 요소로 변경하여 크기 지정 가능 */
	background-repeat: no-repeat;
	background-image: url(/static/images/icon/folder.png);
	width: 24px;
	height: 24px;
	background-position: center; /* 이미지 중앙 정렬 */
	background-size: 24px;
	vertical-align: middle; /* 수직 정렬 조정 (필요한 경우) */
}

.depth-title {
	opacity: 0.8;
}

.tree .depth1>.depth-title {
	border-radius: 4px;
	border: 1px solid
		var(- -light-field-var-field-border, rgba(234, 234, 234, 0.50));
}

.tree .depth2>.depth-title {
	border-radius: 4px;
	border: 1px solid
		var(- -light-field-var-field-border, rgba(234, 234, 234, 0.50));
}

.tree .depth3>.depth-title {
	border-radius: 4px;
	border: 1px solid
		var(- -light-field-var-field-border, rgba(234, 234, 234, 0.50))
		!important;
}

.tab-content>.active {
	display: block;
}

.tree .depth1>.depth-title:hover {
	opacity: 1;
	border-radius: 4px;
	border: 1px solid
		var(- -light-field-var-field-border, rgba(234, 234, 234, 0.50));
	background: #F4FBFF;
}

.tree .depth2>.depth-title:hover {
	opacity: 1;
	border-radius: 4px;
	border: 1px solid
		var(- -light-field-var-field-border, rgba(234, 234, 234, 0.50));
	background: #F4FBFF;
}

.tree .depth3>.depth-title :hover {
	opacity: 1;
	border-radius: 4px;
	border: 1px solid
		var(- -light-field-var-field-border, rgba(234, 234, 234, 0.50));
	background: #F4FBFF;
}

.topnav {
	height: 58px !important;
	background: white
}

.container-title {
	margin-bottom: 1rem !important;
	padding: 0px 16px;
}
/* 마지막 card-body에만 특정 스타일 적용 */
.popup .card-body {
	margin-top: 20px;
}

/* 서치바 안의 검색 버튼 스타일 */
.grid-area {
	width: 100%;
	height: 60vh;
}

.tree.well {
	height: 75vh !important;
	width: 100%;
}

.tree {
	margin-bottom: 0px;
}

.circlechart-p {
    width: 50% !important;
    display: flex
;
    flex-direction: column;
    align-items: center;
    text-align: center;

}


.mb-4 {
	margin-bottom: 1rem !important;
}

/*  =======================성능점검 카드==================================  */
.card-grid {
	height: 30vh;
	display: grid;
	width: 100%;
	gap: 10px;
}

.card-box {
	margin: 0px !important;
	width: calc(100% / 4 - 10px );
	border: 4px solid #ddd;
	border-radius: 8px;
	text-align: center;
	padding: 20px;
	font-size: 14px;
	color: #333;
	transition: all 0.3s;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	opacity: 0.9;
	background: #FFF;
	box-shadow: 0px 0px 11.1px 0px rgba(143, 191, 250, 0.37), 0px 4px 31.1px
		0px rgba(5, 81, 135, 0.20);
	transition: all 0.5s;
}

.card-box:hover {
	opacity: 1;
}

.card-box img {
	width: 70px;
	height: 70px;;
	margin-bottom: 10px;
}

.card-box span {
	color: #666;
	font-family: Pretendard;
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.card-box.green {
	border-radius: 8px;
	border: 4px solid #8AC53E;
	background: linear-gradient(0deg, rgba(238, 238, 238, 0.20) 0%,
		rgba(238, 238, 238, 0.20) 100%), #FFF;
	box-shadow: 0px 4px 31.1px 0px rgba(5, 81, 135, 0.20);
}
.card-box.gray {
	border-radius: 8px;
	border: 4px solid #a5a5a5;
	background: linear-gradient(0deg, rgba(238, 238, 238, 0.20) 0%,
		rgba(238, 238, 238, 0.20) 100%), #FFF;
	box-shadow: 0px 4px 31.1px 0px rgba(5, 81, 135, 0.20);
	filter: grayscale(100%);
}

.card-box.red {
	border-radius: 8px;
	border: 4px solid #F15F5F;
	background: linear-gradient(0deg, rgba(238, 238, 238, 0.20) 0%,
		rgba(238, 238, 238, 0.20) 100%), #FFF;
	box-shadow: 0px 4px 31.1px 0px rgba(5, 81, 135, 0.20);
}



.btn {
	float: right;
}

.ems-btn-secondary {
	border-radius: 4px !important;
	background: white !important;
	color: #1297F4 !important;
	border: 1px solid #1297F4 !important;
}

.ems-btn-primary {
	border-radius: 4px !important;
	background: #1297F4 !important;
	color: white !important;
	border: none !important;
	font-size: 13px;
}
/* ======================버튼 통일 css==================================== */
.btn-find /* 찾기버튼 */ {
	min-width: 67px !important;
	width: 67px !important;
	gap: 4px !important;
	border-radius: 4px !important;
	background: #1297F4 !important;
	color: white !important;
	border: none !important;
}
/*--------------------------------------------------  */
.btn-reg {
	/*등록버튼  */
	min-width: 75px;
	border-radius: 4px !important;
	background: #1297F4 !important;
	color: white !important;
	border: none !important;
}

.btn-reg:hover {
	opacity: 0.8;
}
/*--------------------------------------------------  */
.btn-del {
	/*삭제버튼  */
	min-width: 75px;
	border-radius: 4px !important;
	background: white !important;
	color: #1297F4 !important;
	border: 1px solid #1297F4 !important;
}

.btn-del:hover {
	min-width: 75px;
	background: white !important;
	color: #FF3B2A !important;
	border: 1px solid #FF3B2A !important;
}

/*--------------------------------------------------  */
.btn-closed {
	/* 닫기버튼 */
	min-width: 75px;
	border-radius: 4px !important;
	background: white !important;
	color: #1297F4 !important;
	border: 1px solid #1297F4 !important;
}

.btn-closed:hover {
	/* 닫기버튼 */
	opacity: 0.8;
}
/*--------------------------------------------------  */
.btn-plus {
	/* 추가버튼 */
	min-width: 75px;
	border-radius: 4px !important;
	background: white !important;
	color: #1297F4 !important;
	border: 1px solid #1297F4 !important;
}
/*--------------------------------------------------  */
.btn-pick {
	/* 선택버튼 */
	min-width: 75px;
	border-radius: 4px !important;
	background: #1297F4 !important;
	color: white !important;
	border: none !important;
}

.btn-closed:hover {
	min-width: 75px;
	background: white !important;
	color: #FF3B2A !important;
	border: 1px solid #FF3B2A !important;
}
/*--------------------------------------------------  */
.btn-save {
	/*저장버튼  */
	min-width: 75px;
	border-radius: 4px !important;
	background: #1297F4 !important;
	color: white !important;
	border: none !important;
}
/*--------------------------------------------------  */
.btn-add {
	min-width: 75px;
	border-radius: 4px !important;
	background: #1297F4 !important;
	color: white !important;
	border: none !important;
}

.btn-add:hover {
	opacity: 0.8;
}
/*--------------------------------------------------  */
.btn-crt {
	/*수정버튼  */
	color: #0578C9 !important;
	font-family: Roboto !important;
	font-size: 14px !important;
	font-style: normal !important;
	font-weight: 500 !important;
	line-height: 0px !important; /* 0% */
	border-radius: 4px !important;
	border: 1px solid #D6D9DC !important;
	background: #E9EEF3 !important;
}
/*--------------------------------------------------  */
.btn-virtual {
	/* 가상관제점*/
	min-width: 75px;
	border-radius: 4px !important;
	background: #1297F4 !important;
	color: white !important;
	border: none !important;
}
/*--------------------------------------------------  */
.btn-form {
	/*표준관제점불러오기  */
	min-width: 75px;
	border-radius: 4px !important;
	background: white !important;
	color: #1297F4 !important;
	border: 1px solid #1297F4 !important;
}
/*--------------------------------------------------  */
.btn-change {
	/* 사용여부 변경 */
	min-width: 75px;
	border-radius: 4px !important;
	background: white !important;
	color: #1297F4 !important;
	border: 1px solid #1297F4 !important;
}
/*--------------------------------------------------  */
.btn-topnode {
	/* 최상위생성 */
	min-width: 75px;
	border-radius: 4px !important;
	background: #1297F4 !important;
	color: white !important;
	border: none !important;
}
/*--------------------------------------------------  */
.btn-rownode {
	/* 최하위생성 */
	min-width: 75px;
	border-radius: 4px !important;
	background: #1297F4 !important;
	color: white !important;
	border: none !important;
}
/*--------------------------------------------------  */
.btn-verification {
	/* 검증 */
	min-width: 75px;
	border-radius: 4px !important;
	background: white !important;
	color: #1297F4 !important;
	border: 1px solid #1297F4 !important;
}
/*--------------------------------------------------  */
/* ---------엑셀 파일 다운로드 관련----------------*/
.btn-exel {
	min-width: 75px;
	border-radius: 4px !important;
	border: 1.5px solid #BBB !important;
	color: #666 !important;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 0px; /* 0% */
	padding-right: 32px;
	font-style: normal;
	font-weight: 500;
	line-height: 0px; /* 아이콘 공간 확보 */
}

.btn-exel:after {
	content:
		url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M14 4.5V14C14 14.5523 13.5523 15 13 15H3C2.44772 15 2 14.5523 2 14V2C2 1.44772 2.44772 1 3 1H10.5L14 4.5Z" stroke="%23666666" stroke-width="1.2"/><path d="M10 7L6 11M6 7L10 11" stroke="%23666666" stroke-width="1.2"/></svg>');
	position: absolute;
	right: 26px;
	top: 5%;
	color: #666 !important;
	transform: translateY(-50%);
}

.btn-upexcel, .btn-downexel {
	border: 1.5px solid #BBB !important;
}

/* .btn-upexcel:after { */
/* 	content: */
/* 		url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M14 4.5V14C14 14.5523 13.5523 15 13 15H3C2.44772 15 2 14.5523 2 14V2C2 1.44772 2.44772 1 3 1H10.5L14 4.5Z" stroke="%23666666" stroke-width="1.2"/><path d="M10 7L6 11M6 7L10 11" stroke="%23666666" stroke-width="1.2"/></svg>'); */
/* 	position: absolute; */
/* 	right: 26px; */
/* 	top: 5%; */
/* 	transform: translateY(-50%); */
/* } */

/* .btn-upexcel:hover { */
/* 	opacity: 0.8; */
/* } */

/* .btn-downexel:after { */
/* 	content: */
/* 		url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M14 4.5V14C14 14.5523 13.5523 15 13 15H3C2.44772 15 2 14.5523 2 14V2C2 1.44772 2.44772 1 3 1H10.5L14 4.5Z" stroke="%23666666" stroke-width="1.2"/><path d="M10 7L6 11M6 7L10 11" stroke="%23666666" stroke-width="1.2"/></svg>'); */
/* 	position: absolute; */
/* 	right: 26px; */
/* 	top: 5%; */
/* 	font-weight: 600;transform: translateY(-50%); */
/* } */

/* .btn-downexel:hover { */
/* 	opacity: 0.8; */
/* } */
.DownAll-btn {
	/* 일괄다운로드 */
	min-width: 75px;
	border-radius: 4px !important;
	background: white !important;
	color: #1297F4 !important;
	border: 1px solid #1297F4 !important;
}

.DownAll-btn :hover {
	opacity: 0.8;
}
/* ================계산기======================= */
.calc-btn-white:hover {
	background: #1297F4 !important;
	color: #fff;
}
/* ===================양족 영역중 첫번째것만 패딩 왼쪽 삭제.=============================== */
.col-xl-4 {
	padding: 0px 0px 0px 13px;
}

.col-xl-6 {
	padding: 0px 0px 0px 13px;
}

.col-xl-8 {
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 0px 0px -1px 13px;
}
.pe-2 {
    padding-right: 2rem !important;
}
/* -------------------------성능점검---------------------------- */
.progress-bar {
	

background: linear-gradient(90deg, #1297F4 0%, #8AC53E 100%);
}

.btn-primary{
 border: none;	
}


.popup .btn-inner-area button:first-of-type

{
	border-radius: 4px;
background: #1297F4;
 border: none;	
color: #FFF;
}
.popup .btn-inner-area button:nth-of-type(2)

{
color: #1297F4;
font-family: Pretendard;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 0px; /* 0% */
border: 1px solid #1297F4;
}

.btn-inner-area.p-2 {
 padding: 1rem 0rem 1rem;
    text-align: right;
    display: flex
;
    flex-direction: row;
    gap: 8px;
    justify-content: flex-end;
}