@charset "UTF-8";

:root{
	--bs-font-sans-serif: "Noto Sans Korean", "Public Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}

.btn {
	--bs-btn-font-family: "Noto Sans Korean";
}

kbd {
    background-color: #eee;
	border-radius: 3px;
	border: 1px solid #b4b4b4;
	box-shadow:
		0 1px 1px rgba(0, 0, 0, 0.2),
		0 2px 0 0 rgba(255, 255, 255, 0.7) inset;
	color: #333;
	display: inline-block;
	font-weight: 700;
	line-height: 1;
	padding: 2px 4px;
	white-space: nowrap;
}

.bg-top-checkbox {
	background-color: #d9dee3;
}

/* 필수 항목 캡션 */
label.required:after,
.form-label.required:after,
.col-form-label.required:after {
    content: '*';
    color: red;
}

table.compress-cell-w > :not(caption) > * > * {
    padding-left: 7px !important;
    padding-right: 7px !important;
}
table.compress-cell-h > :not(caption) > * > * {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

table.compress-cell > :not(caption) > * > * {
	padding-left: 7px !important;
    padding-right: 7px !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}


.border-default {
    border : black solid 1px !important;
}


select {
    --pdf-red : rgb(255,0,0);
	--pdf-green : rgb(0,255,0);
	--pdf-blue : rgb(0,0,255);
	--pdf-yellow : rgb(255,255,0);
	--pdf-orange : rgb(255,128,0);
	--pdf-yellow-green : rgb(128,255,0);
	--pdf-cyan : rgb(0,255,255);
	--pdf-green-cyan : rgb(0,255,128);
	--pdf-cyan-blue : rgb(0,128,255);
	--pdf-magenta : rgb(255,0,255);
	--pdf-violet : rgb(128,0,255);
	--pdf-deep-pink : rgb(255,0,128);
	--pdf-white : rgb(255,255,255);
	--pdf-light-grey : rgb(192,192,192);
	--pdf-grey : rgb(160,160,160);
	--pdf-dark-grey : rgb(96,96,96);
	--pdf-black : rgb(0,0,0);
}

.task-theme-pvs { background : rgba(66,76,157,0.4) !important; }
.task-theme-bpv { background : rgba(117,123,74,0.4) !important; }
.task-theme-eca { background : rgba(173,215,115,0.4) !important; }
.task-theme-dpv { background : rgba(238,199,177,0.4) !important; }
.task-theme-pes { background : rgba(239,122,115,0.4) !important }
.task-theme-dvs { background : rgba(162,225,221,0.4) !important }

.fieldset-legend .fieldset-legend-content {
    padding: 1.5rem;
    font-size: .875rem;
    background-color: #fff;
    border: 1px solid #bcc5cd;
    position: relative
}

.fieldset-legend .fieldset-legend-content::before {
    content: attr(data-label);
    display: block;
    position: absolute;
    top: -8px;
    left: 12px;
    font-size : 15px!important;
    font-weight: 600;
    text-transform: uppercase;
    background-color: inherit;
    color: #a1acb8;
    padding: 0 5px
}

.wrapper-dashboard {
	display: flex;
    flex-flow: row wrap;
    justify-content:center;
    max-width:1400px;
    padding: 0px;
}

.wrapper-dashboard .card {
    font-weight: bold;
    padding : 7px;
    margin : 7px;
    flex-grow: 1;
    flex-shrink: 1;
}
.wrapper-dashboard .card-header {
    margin: 0;
    padding: 3px;
}
.wrapper-dashboard .card-body {
    margin: 0;
    padding: 3px;
    padding-bottom: 20px;
}
.wrapper-dashboard .card-footer {
	border-top: 1px solid #d9dee3;
    padding: 3px;
}

.dashboard-total {
	min-width : 300px;
	max-width : 400px;
	max-height : 150px;
}

.dashboard-chart {
	min-width : 500px;
	max-width : 650px;
}

@keyframes skeleton-loading-fill {
	0% { fill: #f2f2f2; }
    25% { fill: #c1c1c1; }
    50% { fill: #a1a1a1; }
    75% { fill: #c1c1c1; }
    100% { fill: #f2f2f2; }
}

@keyframes skeleton-loading-color {
	0% { color: #f2f2f2; }
    25% { color: #c1c1c1; }
    50% { color: #a1a1a1; }
    75% { color: #c1c1c1; }
    100% { color: #f2f2f2; }
}

svg.skeleton {
	fill: rgba(0, 0, 0, 1);
}

svg.skeleton, path.skeleton {
	animation: skeleton-loading-fill 1s infinite;
}

span.skeleton {
	animation: skeleton-loading-color 1s infinite;
}

@keyframes highlight {
	0% { background-color: #ffff99; }
    100% { background-color: #ffffff; }
}

.highlight-once {
	animation: highlight 0.4s;
}


.wrapper-list {
    min-height: 760px;
    overflow-y: auto;
    padding: 10px;
}

.wrapper-pop {
    padding: 5px 20px 5px 20px;
}



/** 버튼 */
.btn-red {
    --bs-btn-color: #fff;
    --bs-btn-bg:#e60012;

    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg:#e60012;
}

.btn-green {
    --bs-btn-color: #fff;
    --bs-btn-bg: #107c41;

    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg:#107c41;
}

.btn-blue {
    --bs-btn-color : #fff;
    --bs-btn-bg : #1a71ff;

    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg:#1a71ff;
}

.btn-lightgray {
    --bs-btn-color:#474747;
    --bs-btn-bg: #eee;

    --bs-btn-hover-color: #474747;
    --bs-btn-hover-bg:#eee;
}

.btn-darkgray {
    --bs-btn-color: #fff;
    --bs-btn-bg: #676767;

    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg:#676767;
}

.btn-square {
    aspect-ratio: 1 / 1 !important;
}


.btn-pagination {
    border:1px solid #e1e1e1;
    line-height: 0px;
    border-radius: 7px;
    background:#F5F5F5;
    --bs-btn-disabled-bg: #F5F5F5;
}

/** 길이,높이 설정 */
.w-form-select {
    width: max-content !important;
    min-width: 6.25rem !important;
    max-width: 16.25rem !important;
}

.w-form-date {
    width: 7.5rem !important;
}

.w-automin {
	min-width: auto !important;
}




.min-w-px-50 {
	min-width: 50px;
}

.min-w-px-300 {
	min-width: 300px;
}

.min-w-px-320 {
	min-width: 320px;
}

.min-w-px-350 {
	min-width: 350px;
}

.min-w-px-380 {
	min-width: 380px;
}

.min-w-px-400 {
	min-width: 400px;
}

.min-w-px-550 {
	min-width: 550px;
}

.min-w-px-700 {
	min-width: 700px;
}

.min-w-px-1400 {
	min-width: 1400px;
}


.mw-px-50 {
	max-width: 50px;
}

.mw-px-100 {
	max-width: 100px;
}

.mw-px-150 {
	max-width: 150px;
}

.mw-px-250 {
	max-width: 250px;
}

.mw-px-300 {
	max-width: 300px;
}

.mw-px-1000 {
	max-width: 1000px;
}

.mw-px-1100 {
	max-width: 1100px;
}

.mw-px-1200 {
	max-width: 1200px;
}

.mh-px-100 {
	max-height: 100px;
}

.mh-px-150 {
	max-height: 150px;
}

.mh-px-200 {
	max-height: 200px;
}

.mh-px-250 {
	max-height: 250px;
}

.mh-px-300 {
	max-height: 300px;
}

.mh-px-350 {
	max-height: 350px;
}

.mh-px-400 {
	max-height: 400px;
}

.mh-px-450 {
	max-height: 450px;
}

.mh-px-500 {
	max-height: 500px;
}

.mh-px-550 {
	max-height: 550px;
}

.mh-px-580 {
	max-height: 580px;
}

.mh-px-600 {
	max-height: 600px;
}

.mh-px-650 {
	max-height: 650px;
}

.mh-px-700 {
	max-height: 700px;
}

.mh-px-750 {
	max-height: 750px;
}

.mh-px-800 {
	max-height: 800px;
}


.min-w-max-c {
	min-width: max-content;
}


/* 배경색, 외곽선 */
.traffic {

}
.cleanparking {
	--program-border : 1px solid #B5B9BB;
	--program-border-shadow : 0 0 0 1px inset #FCFFFF;

	--program-bg : #E3E6E8;
	--program-title-bg : #EEC575;
	--program-btn-bg : #F0F0F0;
	--program-popup-bg : #E2E6E9;
}

.cleanparking.green {
	--program-title-bg : #ADD773;
}

.border-program {
    box-shadow: var(--program-border-shadow) !important;
    border : var(--program-border) !important;
}

.bg-program {
    background-color: var(--program-bg) !important;
}

.bg-program-btn {
    background-color: var(--program-btn-bg) !important;
}

.bg-program-popup {
    background-color: var(--program-popup-bg)!important;
}

.bg-program-title {
    background-color: var(--program-title-bg) !important;
}



.no-bgi {
	background-image: none !important;
}

select.no-bgi {
	padding-inline-end: calc(0.9375rem - var(--bs-border-width));
}

/* pdf출력 설정 */
select.option-style-select[data-option-style='FILL_STROKE']{ font-weight: bold; }

select.option-style-select > option[value='FILL_STROKE']{ font-weight: bold; }

select.option-style-select[data-option-style='gulimche']{ font-family: gulimche; }
select.option-style-select[data-option-style='gulim']{ font-family: gulim; }
select.option-style-select[data-option-style='batangche']{ font-family: batangche; }
select.option-style-select[data-option-style='batang']{ font-family: batang; }
select.option-style-select[data-option-style='dotumche']{ font-family: dotumche; }
select.option-style-select[data-option-style='dotum']{ font-family: dotum; }
select.option-style-select[data-option-style='gungsuhche']{ font-family: gungsuhche; }
select.option-style-select[data-option-style='gungsuh']{ font-family: gungsuh; }

select.option-style-select > option[value='gulimche']{ font-family: gulimche; }
select.option-style-select > option[value='gulim']{ font-family: gulim; }
select.option-style-select > option[value='batangche']{ font-family: batangche; }
select.option-style-select > option[value='batang']{ font-family: batang; }
select.option-style-select > option[value='dotumche']{ font-family: dotumche; }
select.option-style-select > option[value='dotum']{ font-family: dotum; }
select.option-style-select > option[value='gungsuhche']{ font-family: gungsuhche; }
select.option-style-select > option[value='gungsuh']{ font-family: gungsuh; }

select.option-style-select[data-option-style='RED']{ color: var(--pdf-red);background-color: var(--pdf-red); }
select.option-style-select[data-option-style='GREEN']{ color: var(--pdf-green);background-color: var(--pdf-green); }
select.option-style-select[data-option-style='BLUE']{ color: var(--pdf-blue);background-color: var(--pdf-blue); }
select.option-style-select[data-option-style='YELLOW']{ color: var(--pdf-yellow);background-color: var(--pdf-yellow); }
select.option-style-select[data-option-style='ORANGE']{ color: var(--pdf-orange);background-color: var(--pdf-orange); }
select.option-style-select[data-option-style='YELLOW_GREEN']{ color: var(--pdf-yellow-green);background-color: var(--pdf-yellow-green); }
select.option-style-select[data-option-style='CYAN']{ color: var(--pdf-cyan);background-color: var(--pdf-cyan); }
select.option-style-select[data-option-style='GREEN_CYAN']{ color: var(--pdf-green-cyan);background-color: var(--pdf-green-cyan); }
select.option-style-select[data-option-style='CYAN_BLUE']{ color: var(--pdf-cyan-blue);background-color: var(--pdf-cyan-blue); }
select.option-style-select[data-option-style='MAGENTA']{ color: var(--pdf-magenta);background-color: var(--pdf-magenta); }
select.option-style-select[data-option-style='VIOLET']{ color: var(--pdf-violet);background-color: var(--pdf-violet); }
select.option-style-select[data-option-style='DEEP_PINK']{ color: var(--pdf-deep-pink);background-color: var(--pdf-deep-pink); }
select.option-style-select[data-option-style='WHITE']{ color: var(--pdf-white);background-color: var(--pdf-white); }
select.option-style-select[data-option-style='LIGHT_GREY']{ color: var(--pdf-light-grey);background-color: var(--pdf-light-grey); }
select.option-style-select[data-option-style='GREY']{ color: var(--pdf-grey);background-color: var(--pdf-grey); }
select.option-style-select[data-option-style='DARK_GREY']{ color: var(--pdf-dark-grey);background-color: var(--pdf-dark-grey); }
select.option-style-select[data-option-style='BLACK']{ color: var(--pdf-black);background-color: var(--pdf-black); }

select.option-style-select > option[value='RED']{ color: var(--pdf-red);background-color: var(--pdf-red); }
select.option-style-select > option[value='GREEN']{ color: var(--pdf-green);background-color: var(--pdf-green); }
select.option-style-select > option[value='BLUE']{ color: var(--pdf-blue);background-color: var(--pdf-blue); }
select.option-style-select > option[value='YELLOW']{ color: var(--pdf-yellow);background-color: var(--pdf-yellow); }
select.option-style-select > option[value='ORANGE']{ color: var(--pdf-orange);background-color: var(--pdf-orange); }
select.option-style-select > option[value='YELLOW_GREEN']{ color: var(--pdf-yellow-green);background-color: var(--pdf-yellow-green); }
select.option-style-select > option[value='CYAN']{ color: var(--pdf-cyan);background-color: var(--pdf-cyan); }
select.option-style-select > option[value='GREEN_CYAN']{ color: var(--pdf-green-cyan);background-color: var(--pdf-green-cyan); }
select.option-style-select > option[value='CYAN_BLUE']{ color: var(--pdf-cyan-blue);background-color: var(--pdf-cyan-blue); }
select.option-style-select > option[value='MAGENTA']{ color: var(--pdf-magenta);background-color: var(--pdf-magenta); }
select.option-style-select > option[value='VIOLET']{ color: var(--pdf-violet);background-color: var(--pdf-violet); }
select.option-style-select > option[value='DEEP_PINK']{ color: var(--pdf-deep-pink);background-color: var(--pdf-deep-pink); }
select.option-style-select > option[value='WHITE']{ color: var(--pdf-white);background-color: var(--pdf-white); }
select.option-style-select > option[value='LIGHT_GREY']{ color: var(--pdf-light-grey);background-color: var(--pdf-light-grey); }
select.option-style-select > option[value='GREY']{ color: var(--pdf-grey);background-color: var(--pdf-grey); }
select.option-style-select > option[value='DARK_GREY']{ color: var(--pdf-dark-grey);background-color: var(--pdf-dark-grey); }
select.option-style-select > option[value='BLACK']{ color: var(--pdf-black);background-color: var(--pdf-black); }


.modal-body-min {
	min-height:10em;
	min-width:30%;
}


.border-separator-y {
	border-top:1px solid #dfdfdf;
	border-bottom:1px solid #dfdfdf;
}

.border-separator-t {
	border-top:1px solid #dfdfdf;
}

.border-separator-b {
	border-bottom:1px solid #dfdfdf;
}

.fit-contain {
	object-fit: contain;
}

body:not(.root-privacy-on) td.privacy-cell span:nth-child(1){
	display:block;
}

body:not(.root-privacy-on) td.privacy-cell span:nth-child(2){
	display:none;
}

body.root-privacy-on td.privacy-cell span:nth-child(1){
	display:none;
}
body.root-privacy-on td.privacy-cell span:nth-child(2){
	display:block;
}