html{
    font-size:0.9rem;
    min-width: 1300px;
    max-width: 1920px;
    margin: auto;
}

body {

    font-size: 0.85rem;
}

li {
    list-style: none;
}

.zone_title {
    font-size: 1rem;
    padding-left: 1.5rem;
    font-weight: 700;
}


.top_logo_wrap {
    width: 14rem;
    padding: 2.75rem 2rem 2.75rem 1rem;
}

.dashboard_i {
    color: transparent;
}

.monitoring_i {
    width: 1.5rem;
    height: 1.5rem;
    color: transparent;
    background-image: url(/assets/image/desktop_mac.svg);
    background-repeat: no-repeat;
    background-size: cover;
}

.dashboard_box {
    border-radius: 0.5rem;
    display: inline-block;
    width: 50px;
    height: 50px;
    background-color: aliceblue;
}

.dash_box_1 {
    z-index: 1;
    border-radius: 5px;
    background: linear-gradient(89.99deg, #6CA4F9 14.07%, #5C6EFD 99.51%);
}

.dash_main_box {
    flex-wrap: wrap;
    display: flex;
    justify-content: space-between;
}

.sides {
    padding-left: 0.85rem;
    padding-right: 0.75rem;
}

.dash_tap_1 {
    font-size: 50%;
}

.dash_main_box_iteam {
    
    padding: 2.75rem 0.75rem 0.2rem 0.75rem;
    width: 20%;
    min-width: 170px;
    height: 100%;
}

.dash_main_box_iteam_title span {
    font-size: 1rem;
    color: #fff;
    background-color: #517CC6;
    padding: 0 1.75rem;
    margin-bottom: 1rem;
}

.dash_main_box_iteam_number {
    margin-top: 0.25rem;
}

.dash_main_box_iteam_number span {
    font-weight: bold;
    font-family: "inter";
    font-size: 3.35rem;
    color: #fff;
}

.number_person {
    font-size: 2rem;
    text-decoration: none;
    color: #fff;
    font-family: "inter";
}

.dash_main_box_iteam_number a {
    text-decoration: none;
}

.dash_main_box_iteam_number a:hover {
    color: #fff;
}

.inch {
    min-width: 100px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-block-start: 0px;
    padding-inline-start: 0px;
    height: 100%;
}

.inch li {
    background-color: #fff;
    width: 100%;
    text-align: center;
    height: 30%;
    border-radius: 0px 5px 5px 0px;
    border-right: 0.25rem solid #FFF2E2
}

.inch li a {
    cursor: pointer;
    font-size: 1rem;
    font-family: 'inter';
    color: #8B8D97;
}

.dash_main_tap {
    width: 140px;
    padding-left: 0;
    padding-right: 0;
    margin-left: -5px;
}

.center_flex_col {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.inch li.on a {
    font-family: 'inter_b';
    font-weight: bold;
    color: #000;
}

.inch li.on {
    border-right: 0.25rem solid #5C9CFD
}

.dash_cctv_box {
    width: 100%;
    text-align: center;
    height: 500px;
    background-color: #323232;
}

.dash_cctv_box h1 {
    color: #fff;
}

.dash_noise_wrap_01 {
    justify-content: space-between;
}

.dash_noise_box_02 span {
    font-size: 2.5rem;
}

.dash_noise_box_02 .unit {
    font-size: 1.5rem;
    margin-bottom: 0px;
}

.dash_noise_box_02 {
    align-items: baseline;
    justify-content: end;
}

.dash_noise_text_01 span {
    font-size: 0.9rem;
}

.dash_noise_text_01_2 span {
    font-size: 1.5rem;
    color: #45464E;
}

.hei_100 {
    height: 100%;
}

.dash_noise_box_02 img {
    width: 100%;
}

.weatherP {
    justify-content: end;
}

.dash_announcement {
    padding-left: 0px;
    height: 100%;
    overflow: hidden;
}

.dash_announcement li {
    padding: 0.5rem 0;
}

.dash_announcement span {
    font-size: 0.9rem;
}

.dash_announcement p {
    font-size: 0.9rem;
}

.dash_announcement_content span {
    width: 31px;
    color: #519C66
}

.dash_announcement_content p {
    width: 275px;
    margin-bottom: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.max_hei_50 {
    max-height: 46%;
}

.more_btn a {
    font-size: 12px;
    position: relative;
}

.more_btn a:after {
    content: '';
    display: block;
    position: absolute;
    right: -0.75rem;
    top: 50%;
    transform: translateY(-50%);
    width: 12px;
    height: 12px;
    background: url('/assets/image/add.svg') no-repeat center;
    background-size: 100% auto
}


.inp_title_01 {
    color: #33343A;
    display: flex;
    padding: 0.375rem 0.75rem;
    align-items: center;
    font-size: 0.85rem;
}


.inp_title_02 {
    display: flex;
    padding: 0.375rem 0.75rem;
    align-items: center;
    font-weight: bold;
    font-size: 1.25rem;
}
.inp_title_03 {
    color: #33343A;
    display: flex;
    padding: 0.375rem 0.75rem;
    align-items: center;
    font-size: 0.85rem;
}

.inp_title_11 {
    color: #33343A;
    display: flex;
    padding: 0.375rem 0.75rem;
    align-items: center;
    font-size: 0.85rem;
    width: 100px;
}
.inp_search {
    border: 1.5px solid rgb(119, 119, 119);
}

/* 버튼 */
#btn_search {
    padding-left: 33px;
}

.btn_search_icon {
    width: 20px;
    position: absolute;
    left: 10%;
    top: -3%;
    height: 100%;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    margin-bottom: 0px;
    background-image: url(/assets/image/btn_search_icon.svg);
}

.btn_print_pdf_icon {
    width: 50px;
    position: absolute;
    margin-top: 20px;
    left: 10%;
    top: 50px;
    height: 50px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    margin-bottom: 0px;
}

/* 셀렉트 */

.sel_typ1 {
    flex: 1 1 auto;
    display: inline-block;
    position: relative;
}

.sel_typ1 .btn_sel_btn {
    border-radius: 0.35rem;
    position: relative;
    padding: 0 26px 0 10px;
    width: 100%;
    height: 100%;
    color: #323232;
    font-size: 14px;
    text-align: left;
    background: #fff;
    border: 1px solid #c8c8c8;
    letter-spacing: -0.7px
}

.sel_typ1 .btn_sel_style_01 {
    border-radius: 0rem 0.3rem 0.3rem 0rem;
    position: relative;
    padding: 0 0px 0 0px;
    width: 60px;
    height: 100%;
    color: #8B8D97;
    font-size: 12px;
    text-align: left;
    background: #fff;
    border: 1px solid transparent;
    letter-spacing: -0.7px
}

.sel_typ1 .btn_sel_btn:after {
    content: '';
    display: block;
    position: absolute;
    right: 1rem;
    top: 40%;
    transform: translateY(-50%);
    transform: rotate(-180deg);
    width: 8px;
    height: 8px;
    background: url('/assets/image/change_history_FILL1_wght400_GRAD0_opsz48.svg') no-repeat center;
    background-size: 100% auto
}


.btn_sel_style_02 {}

.sel_typ1.on .btn_sel_btn {
    border-bottom-color: #fff
}

.sel_typ1.on .btn_sel_btn:after {
    transform: translateY(-50%) rotate(-180deg)
}

.sel_typ1 .sel_option_list {
    display: none;
    position: absolute;
    z-index: 1;
    padding: 0;
    border-width: 0 1px 1px 1px;
}

.sel_typ1 .sel_list_style_01 {
    position: absolute;
    padding: 0;
    border-width: 0 1px 1px 1px;
    background: #fff
}

.sel_typ1.on .sel_option_list {
    display: block
}

.sel_typ1 .sel_option_list>li {
    list-style: none;
}


.sel_typ1 .sel_list_style_01>li>button {
    padding: 10px 10px;
    width: 100px;
    background-color: #fff;
    border: solid transparent;
    color: #323232;
    font-size: 14px;
    text-align: left;
    letter-spacing: -0.7px
}

.sel_typ1 .sel_list_style_01>li>button:hover,
.sel_typ1 .sel_list_style_01>li>button:focus {
    color: #2e7c7e;
    background: #dcf0f0
}

.sel_list_style_02 button {
    z-index: 8;
    background-color: #fff;
    border: 1px solid transparent;
    padding: 0.75rem 0.7rem;
    width: 100%;
    text-align: left
}

.sel_list_style_02 button:hover {
    background-color: #d9d9d9;
    border: 1px solid transparent;
    padding: 0.75rem 0.7rem;
    width: 100%;
    text-align: left
}

.sel_list_style_02 {
    width: 100%;
}

.bx_calendar:after {
    content: '';
    display: block;
    clear: both
}

.bx_calendar {
    -webkit-display: flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row
}

.bx_calendar>span {
    position: relative;

}

.bx_calendar>span+span {
    margin-left: 28px
}

.bx_calendar>span+span:before {
    content: '~';
    position: absolute;
    left: -19px;
    top: 50%;
    transform: translateY(-50%)
}

.bx_calendar input {
    padding: 11px 28px 12px 8px;
    width: 100%;
    height: 100%
}



/* 캘린더 */
/* calendar */
.bx_calendar:after {
    content: '';
    display: block;
    clear: both
}

.bx_calendar>span {
    float: left;
    position: relative;

}

.bx_calendar>span+span {
    margin-left: 34px
}

.bx_calendar>span+span:before {
    content: '~';
    position: absolute;
    left: -22px;
    top: 45%;
    transform: translateY(-50%);
    font-size: 14px
}

.bx_calendar input {
    padding: 5px 30px 7px 10px;
    height: 100%;
    font-size: 14px
}

.ui-datepicker-trigger {
    width: 14px;
    height: 14px;
    position: absolute;
    right: 7%;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer
}

/* datepicker */
.ui-datepicker {
    box-shadow: 0px 4px 4px rgb(0 0 0 / 25%) !important;
    margin-left: -1px;
    padding: 22px 6px 13px;
    width: 265px;
    border: 1px solid #e6e6e6 !important;
    border-radius: 0
}

.ui-datepicker .ui-datepicker-header {
    padding: 0;
    border: 0;
    background: #fff
}

.ui-datepicker .ui-datepicker-title {
    margin: 0;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.3
}

.ui-datepicker .ui-datepicker-title .ui-datepicker-year {
    margin-right: 1px
}

.ui-datepicker .ui-datepicker-title .ui-datepicker-month {
    margin-left: -4px
}

.ui-datepicker-header .ui-datepicker-prev {
    position: absolute;
    top: 2px;
    left: 42px;
    width: 20px;
    height: 20px;
    background-image: url('/assets/image/btn_month_prev.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 7px auto;
    border-radius: 50%
}

.ui-datepicker-header .ui-datepicker-next {
    position: absolute;
    top: 2px;
    right: 42px;
    width: 20px;
    height: 20px;
    background-image: url('/assets/image/btn_month_next.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 7px auto;
    border-radius: 50%
}

.ui-datepicker-header .ui-year-prev {
    border: none;
    position: absolute;
    top: 2px;
    left: 8px;
    width: 20px;
    height: 20px;
    background-image: url('/assets/image/btn_year_prev.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 13px auto;
    border-radius: 50%
}

.ui-datepicker-header .ui-year-next {
    border: none;
    position: absolute;
    top: 2px;
    right: 8px;
    width: 20px;
    height: 20px;
    background-image: url('/assets/image/btn_year_next.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 13px auto;
    border-radius: 50%
}

.ui-datepicker-header .ui-datepicker-prev.ui-state-hover,
.ui-datepicker-header .ui-datepicker-next.ui-state-hover,
.ui-datepicker-header .ui-year-prev:hover,
.ui-datepicker-header .ui-year-next:hover {
    background-color: #f0f0f0;
    border: 1px solid #f0f0f0
}

.ui-datepicker-header .ui-datepicker-prev:active,
.ui-datepicker-header .ui-datepicker-next:active,
.ui-datepicker-header .ui-year-prev:active,
.ui-datepicker-header .ui-year-next:active {
    border: 1px solid #b4b4b4
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: 'NotoSansKR'
}

.ui-datepicker table {
    margin: 6px 0 0 0
}

.ui-datepicker th {
    padding: 8px 0;
    width: 14.4%;
    color: #828282;
    font-size: 14px;
    font-weight: 700
}

.ui-datepicker td {
    padding: 0;
    width: 14.4%;
    height: 23px;
    line-height: 23px
}

.ui-datepicker td span,
.ui-datepicker td a {
    padding: 5px 0;
    color: #c8c8c8 !important;
    font-size: 14px;
    font-weight: 700 !important;
    text-align: center;
    border-radius: 50%;
    text-align: center
}

.ui-datepicker .ui-state-default {
    background: #fff;
    border: 0
}

.ui-datepicker-calendar .ui-state-active,
.ui-datepicker-calendar .ui-state-hover {
    color: #646464 !important;
    background: url('/assets/image/bg_datepicker_active.png') no-repeat center 5px;
    background-size: 23px
}

.border_no {
    border: none;
}

.blind {
    display: block;
    overflow: hidden;
    margin: -1px;
    width: 1px;
    height: 1px;
    color: transparent;
    font-size: 1px;
    border: 0;
    line-height: 0;
    clip: rect(0, 0, 0, 0);
    background: transparent
}

.visibil {
    display: none;
}

.search_details.on img {
    transform: rotate(-180deg);
}

.search_details img {
    transform: rotate(0deg);
    transition: all 0.3s ease-out;
}


/* 탭 */

.cctv_tab_ul li {
    width: 8.3333333333%;
    text-align: center;
}

.cctv_tab_ul li a {
    display: block;
    width: 100%;
    border: 1px solid #8B8D97;
    padding: 0.5rem;
    border-radius: 5px 5px 0px 0px;
}

.cctv_tab_ul li a.active {
    border-bottom: 1px solid #fff;
    background-color: #E1E2E9;
    font-weight: bold;
}

.cctv_box {
    padding: 0.35rem;
    min-height: 300px;
    border: 1px solid #8B8D97;
    border-top: 1px solid transparent;
}

.cctv_content_wrap {}

.cctv_box_img {
    text-align: center;
}

.scanner_tab_ul li {
    width: 33.3333333333%;
    text-align: center;
}

.scanner_tab_ul li a {
    display: block;
    width: 100%;
    border: 1px solid #8B8D97;
    padding: 0.5rem;
    border-radius: 5px 5px 0px 0px;
}

.scanner_tab_ul li a.active {
    border-bottom: 1px solid #fff;
    background-color: #E1E2E9;
    font-weight: bold;
}

.scanner_box {
    padding: 0.35rem;
    min-height: 300px;
    border: 1px solid #8B8D97;
    border-top: 1px solid transparent;
}

.scanner_content_wrap {}

.scanner_box_img {
    text-align: center;
}


/*  개인정보 탭 */
.information_tab_ul li {
    text-align: center;
}

.information_tab_ul li a {
    display: block;
    width: 100%;
    border: 1px solid #8B8D97;
    padding: 0.5rem;
    border-radius: 5px 5px 0px 0px;
}

.information_tab_ul li a.active {
    border-bottom: 1px solid #fff;
    background-color: #E1E2E9;
    font-weight: bold;
}

.information_box {
    padding: 0.35rem;
    min-height: 300px;
    border: 1px solid #8B8D97;
    border-top: 1px solid transparent;
}

.information_content_wrap {}

.information_box_img {
    text-align: center;
}



/* 버튼 색 */
.btn-outline-danger {
    color: #e74a3b
}


.input-group>.form-control:not(:first-child),
.input-group>.custom-select:not(:first-child) {
    border-radius: 0.35rem;
}

.title_width_6 {
    min-width: 6.5rem;
}

.search_details {
    cursor: pointer;
}

.form-check+.form-check {
    margin-left: 1rem;
}

.form-check label,
.form-check input {
    cursor: pointer;
}

.btn-skyblue {
    color: #fff;
    background-color: #4890FC;
    border-color: #4890FC;
}

.btn-skyblue:hover {
    color: #fff;
    background-color: #3b71c2;
    border-color: #424242;
}

.dp_center {
    display: flex;
    align-items: center;
}
.dp_center_tb{
    display: flex;
    justify-content: center;
    align-items: center;
}

.form-check-input {
    margin-top: -2px
}

/* guide */
.g_box {
    margin-bottom: 20px;
    padding: 20px;
    border: 3px dashed rgb(207, 207, 207);

}

.form-control {
    font-size: 0.85rem;

}

.etc {
    border-radius: 0.35rem;
    border: 0.5px solid #d1d3e2;
    font-size: 0.85rem;
    padding-left: 0.35rem;
}

.etc:active {
    border: 1px solid red;
}
span .required {
    position: absolute;
    left: 0.9rem;
    color: red;
}



.dp_end{display: flex; 
align-items:flex-end;}
.text_align_end{margin-bottom: 0; text-align: end; display: flex; align-items: flex-end;}
.btn_search_width{min-width: 115px;}

.input_type_01{width: 320px!important;} 
.input_type_02{width: 150px!important;} 
.input_type_03{width: 200px!important}
.input_type_04{width: 400px!important}
.input_type_05{width: 550px;} 
.input_type_06{width: 200px;}
.input_type_07{width: 200px;}
.input_type_08{width: 200px;}
.input_type_09{width: 200px;}
.input_type_10{width: 200px;}
.input_type_11{width: 200px;}


table.dataTable tbody tr.selected>*{
    box-shadow: inset 0 0 0 9999px rgb(13 110 253 / 30%);
}

tbody tr.selected>*{
    box-shadow: inset 0 0 0 9999px rgb(13 110 253 / 30%);
}

.w-35{width:35%;}
.w-30{width:30%;}
.w-25{width:25%;}

.input_border_02{border-radius: 0.35rem; padding-left: 0.35rem; border: 1px solid #c8c8c8;}

/* 모달창  */
.modal-dialog_02{max-width: 50% !important; position: relative; top: 30%;}
.modal-dialog_03{max-width: 30% !important; position: relative; top: 30%;}

/*  */
.file_add_li {
    margin-top: 20px;
    border: solid #ededed;
    border-width: 1px 0
}

.file_add_li>li {
    position: relative;
    padding: 4px 20px 6px
}

.file_add_li>li+li {
    border-top: 1px solid #ededed
}

.file_add_li p {
    color: #323232
}

.file_add_li .num {
    margin-right: 16px;
    color: #646464;
}

.file_add_li p>em {
    margin-left: 13px;
    color: #969696
}

.file_add_li .btn_del1 {
    border: 1px solid transparent;
    position: absolute;
    right: -8px;
    top: 50%;
    margin-top: -15px
}
.btn_del1 {
    width: 30px;
    height: 30px;
    background: url('/assets/image/btn_del1.png') no-repeat center;
    background-size: 10px
}

[class^="btn_download"] {
    width: 160px;
    height: 34px;
    font-size: 14px;
    font-weight: 700;
    border-radius: 5px;
    color: #fff;
    background: #32aa64;
    border: 1px solid #32aa64
}

[class^="btn_download"] span {
    display: inline-block;
    padding: 0 20px 2px 0;
    background: url('/assets/image/icon_arr_white1.png') no-repeat right center;
    background-size: 11px auto;
    letter-spacing: -1px
}

[class^="btn_download"]:hover {
    background: #23a05a
}

[class^="btn_download"]:active {
    border-color: #0a783c
}

.btn_download_all {
    background: #4664d2;
    border: 1px solid #4664d2
}

.btn_download_all:hover {
    background: #325abe
}

.btn_download_all:active {
    border-color: #142d5f
}
.bx_file_add {position:relative;height:35px;border:1px dashed #e6e6e6;border-radius:5px;background:#e7e7e7;text-align:center}
.bx_file label {display:inline-block;padding-right:26px;color:#828282;cursor: pointer;font-weight:700;background:url('/assets/image/icon_file_add.png') no-repeat right center;background-size:19px auto;line-height:35px}
.bx_file input[type="file"] {position:absolute;left:0;top:0;margin:-1px;width:1px;height:1px;border:0;color:transparent;background:transparent;clip:rect(0,0,0,0)}
.bx_file_add .txt {position:absolute;right:13px;top:8px;color:#969696;font-weight:700}

.bx_inp input:disabled,
.bx_inp.ty2 input:disabled {
    color: #969696;
    background: #f5f5f5;
    border-color: #e6e6e6
}

.bx_inp input:read-only,
.bx_inp.ty2 input:read-only {
    color: #969696;
    background: #f5f5f5;
    border-color: #e6e6e6
}

.bx_inp input:-moz-read-only,
.bx_inp.ty2 input:-moz-read-only {
    color: #969696;
    background: #f5f5f5;
    border-color: #e6e6e6
}

.bx_inp input:-webkit-read-only,
.bx_inp.ty2 input:-webkit-read-only {
    color: #969696;
    background: #f5f5f5;
    border-color: #e6e6e6
}

.bx_inp input:read-only:focus,
.bx_inp.ty2 input:read-only:focus {
    border-color: #e6e6e6
}

.bx_inp input:-moz-read-only:focus,
.bx_inp.ty2 input:-moz-read-only:focus {
    border-color: #e6e6e6
}

.bx_inp input:-webkit-read-only:focus,
.bx_inp.ty2 input:-webkit-read-only:focus {
    border-color: #e6e6e6
}

.bx_inp {
    position: relative
}

.bx_inp input {
    width: 100%;
    padding: 0 10px
}

.bx_srch {
    display: inline-block
}

.bx_srch input {
    margin: 0 2px;
    width: 452px;
    height: 36px;
    font-size: 14px;
    border: 1px solid #c8c8c8;
    border-radius: 5px;
    vertical-align: middle
}

.bx_srch .btn_sm01 {
    vertical-align: middle
}

.bx_inp.ty1 input {
    padding: 10px;
    width: 100%;
    border: 1px solid #ededed;
    border-width: 0 0 1px 0
}

.bx_inp.ty1.bx_srch {
    position: relative
}

.bx_inp.ty1.bx_srch input {
    margin: 0;
    width: calc(100% - 65px);
    border-radius: 0
}

.bx_inp.ty1.bx_srch .btn_ssm01 {
    position: absolute;
    right: 0;
    bottom: 2px
}

.bx_inp.ty2 input {
    padding: 0 15px 2px;
    height: 40px;
    font-size: 16px;
    background: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 6px
}

.bx_inp.ty2 input:focus {
    border-color: #4db9be
}

.bx_textarea {
    border: 1px solid #e2e2e2
}

.bx_textarea textarea {
    display: block;
    width: 100%;
    padding: 10px
}

.bx_inp .txt_refer {
    margin-top: 12px
}


/* schedule */
.schedule_text_title{font-weight: bold;
    font-family: "inter";
    font-size: 3.35rem;
    color: #33343A;}
.schedule_bargage_all{width: 100%; height: 50px; background-color: #eeeeee;}
.schedule_bargage_in{width:1%; background-color: #1cc7d3; height: 100%; transition: all 1.5s ease-in;}
/* cctv */

.cctv_centents{width:100%; background-color: rgb(92, 91, 91);}
.cctv_wrap_all {width: 100%; display: flex; flex-wrap: wrap; gap: 1rem;}
.cctv_wrap_all li{width: 32%;}
.cctv_wrap_all li .card:hover .card-body{background: linear-gradient(89.99deg, #eee 14.07%, #eee 50.51%); transition: all 0.3s ease-out;}
.cctv_wrap_all li .card:hover .card-header{background-color:#000 ; transition: all 0.3s ease-out}
.cctv_wrap_all li .card:hover .card-header .text-primary{color: #fff !important;}
.cctv_wrap_all li.on .card .card-body{background: linear-gradient(89.99deg, #B6E5F2 14.07%, #B6E5F2 50.51%); transition: all 0.3s ease-out;}
.cctv_wrap_all li.on .card .card-header{background-color:#000; transition: all 0.3s ease-out}
.cctv_wrap_all li.on .card .card-header .text-primary{color: #fff !important;}

/* 레포팅 */
.reporting_list{padding-top: 0.5rem; max-height: 500px; overflow: auto; width: 100%;}
.reporting_list li{
    width: 100%;
    padding-bottom: 1rem;
    font-size: 1rem;

}
.reporting_list li:hover label{
color: #1cc7d3;
}
.reporting_title{border-bottom: 1px solid #393E46;  margin: 0rem 2rem;}
.reporting_title h5{font-weight: bold; }


/* 체크 박스 커스텀*/
.bx_chk input[type="checkbox"] {
    position: absolute;
    left: 0;
    top: 0;
    margin: -1px;
    padding: 0;
    width: 1px;
    height: 1px;
    clip: rect(0, 0, 0, 0);
    overflow: hidden
}
.bx_chk {
    position: relative
}


.chk_ty1+label {
    cursor: pointer;
    position: relative;
    padding-right: 30px;
    font-size:1.35rem;
    font-weight: 400;
}

.chk_ty1+label:before {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 3px;
    width: 24px;
    height: 24px;
    background-image: url('/assets/image/icon_chk_defualt.png');
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 100%
}

.chk_ty1:checked+label:before {
    background-image: url('/assets/image/icon_chk_chked.png')
}

.chk_ty1:disabled+label:before {
    background-image: url('/assets/image/icon_chk_dis.png')
}

.chk_ty1:checked:disabled+label:before {
    background-image: url('/assets/image/icon_chk_chked_dis.png')
}

.bx_chk_like {
    position: relative
}

.bx_chk_like label {
    position: relative;
    padding-right: 23px;
    font-size: 0.85rem
}

.bx_chk_like label:after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 6px;
    width: 16px;
    height: 14px;
    background-size: 100% auto;
    background-position: 0 0;
    overflow: hidden
}

.bx_chk_like .chk_like:checked+label:after {
    background-position: 0 -14px
}

.bx_chk_like .like_count {
    margin-left: 2px;
    color: #4db9be;
    font-size: 16px
}

.container-fluid {
    padding-top: 40px;
}

.fileList {
    display: flex;
}

.fileList .fileBox p {
    font-size: 12px;
    margin-top: 10px;
    display: inline-block;
}

.fileList .fileBox .delete i{
    color: #ff5353;
    margin-left: 5px;
}

.width-500{width: 500px;}

.scanner_box_img img{width: 100% !important; max-height:500px ; height: 300px}

.error_blood{width: 27px; height:27px; margin-right: 10px;}

/* 공통 검색 탑 */
.sub_search_tb td .sel_typ1{width: 126px;}
.sub_search_tb th span{color: #33343A; font-weight: 500;}
.sub_search_tb th {text-align: left; width: auto;padding: 0.375rem 0.75rem 0.375rem 2rem;}
.sub_search_tb tr th:nth-child(1) {padding: 0.375rem 0.75rem}
.sub_search_tb tr {margin-right: -0.75rem;height: 50px;
    margin-left: -0.75rem;}


    .adminInfoForm{border-top:#3383FC 1px solid; padding: 1rem 0;}

    /* 미디어 커리 */
        @media screen and (max-width: 1500px) {
           #searchSection #cnstrInsrncStats{width: 150px;}
                   #searchSection .input_type_05{width: 380px !important;}
                   #searchSection .datepicker{width: 120px;}
                   #searchSection .form-control{width: 120px !important;}
        }


.toggleCheck input[type=checkbox]:checked + label.check {
    background-color: #02D730;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.toggleCheck input[type=checkbox]:checked + label.check::after {
    background-color: #fff;
    left: calc(100% - 1.5rem);
    -webkit-animation-name: labelON;
    -webkit-animation-duration: .2s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in;
}
.toggleCheck {
    position: relative;
    width: 3rem;
    height: 1.6rem;
    border-radius: 3rem;
    background-color: rgba(17, 17, 17, 0.2);
    overflow: hidden;
}
.toggleCheck .check {
    cursor: pointer;
    width: 3rem;
    height: 1.6rem;
    background-color: #fff;
    margin: 0;
}
.toggleCheck input[type=checkbox] {
    display: block;
    height: 1.6rem;
    border-radius: 3rem;
    -webkit-appearance: none;
    background-color: rgba(17, 17, 17, 0.2);
    background-image: none;
    width: 100%;
    margin: 0;
}
.toggleCheck input[type=checkbox] + label.check::after {
    content: '';
    display: block;
    width: 1.4rem;
    height: 1.4rem;
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    top: 0.1rem;
    left: 0.1rem;
    transition: 0.2s ease-in;
    -webkit-animation-name: labelOFF;
    -webkit-animation-duration: .2s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in;
}
.toggleCheck_wrap{position: absolute; top: 1rem; right: 1rem;  }
.dash_main_box{position: relative;}



/* margin */
.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt25{margin-top: 25px;}
.mt30{margin-top: 30px;}
.mt35{margin-top: 35px;}
.mt40{margin-top: 40px;}
.mt45{margin-top: 45px;}
.mt50{margin-top: 50px;}
.mt55{margin-top: 55px;}

.mr5{margin-right: 5px;}
.mr10{margin-right: 10px;}
.mr15{margin-right: 15px;}
.mr20{margin-right: 20px;}
.mr25{margin-right: 25px;}
.mr30{margin-right: 30px;}
.mr35{margin-right: 35px;}
.mr40{margin-right: 40px;}
.mr45{margin-right: 45px;}
.mr50{margin-right: 50px;}
.mr55{margin-right: 55px;}

.mb01_5{margin-bottom: 1.5rem;}

/* flex */

.d_flex{display: flex;}
.al_it_ct{align-items: center;}
.flex_di_col{flex-direction: column;}


.flex5{flex: 0.5;}

.just_con_sbe{justify-content: space-between;}
.just_con_sa{justify-content: space-around;}
.just_con_se{justify-content: space-evenly;}

/* 2차버전 */
.two_title_01{color: #fff; margin-bottom: 0px; font-size: 40px; font-weight: 700;}
.two_title_02{color: #333;margin-bottom: 0px; font-size: 32px; font-weight: 700;}
.two_title_03{color: #333; margin-bottom: 0px; font-size: 25px; font-weight: 700;}
.two_title_04{color: #333;margin-bottom: 0px;  font-size: 21px; font-weight: 700;}
.two_title_05{color: #333; margin-bottom: 0px; font-size: 19px; font-weight: 700;}
.two_title_06{color: #333; margin-bottom: 0px; font-size: 17px; font-weight: 700;}
.two_title_07{color: #333;margin-bottom: 0px;  font-size: 15px; font-weight: 700;}


.two_body_text_01{color: #333; font-size: 19px; font-weight: 400;}
.two_body_text_02{color: #333; font-size: 17px; font-weight: 400;}
.two_body_text_03{color: #333; font-size: 15px; font-weight: 400;}
.two_body_text_04{color: #333; font-size: 13px; font-weight: 400;}

.font_colr_01{color:#1d1d1d;}
.font_colr_02{color:#2d2d2d;}
.font_colr_03{color:#555;}
.font_colr_04{color:#717171;}
.font_colr_05{color:#8e8e8e;}
.font_colr_05_2{color:#bfbfbf;}
.font_colr_06{color:#57C3E0;}
.font_colr_07{color:#eb003b;}

.tl{text-align: left;}
.tc{text-align: center;}
.tr{text-align: right;}


.db_title_card{ background-color: #57C3E0; border-right: 15px solid #FFDFBA;}
.db_title_card .card-body{padding-left: 10px;}

.card-header.two{background-color: #fff;}
.more_view{position: relative; margin-right: 5px;}
.more_ic{position: absolute; width: 12px; height: 12px; top: 50%; transform: translateY(-50%); right: -15px;}

.card_header_title_ion{width: 18px;}
.two_weather_ion{width: 100px;}
.two_announcement_list{padding: 0px; margin: 0px;}
.two_announcement_list li{border-bottom: 1px solid #57c2e04e; padding: 8px 0;}
.two_announcement_list p{padding: 0px; margin: 0px;}
.two_new{color: #fff; background-color: #f36689; padding: 0 10px; border-radius: 20px;}

.two_ellipsis{overflow:hidden;    text-overflow:ellipsis;white-space:nowrap;}
.two_wid_announcement{max-width: 26vw;}
.shadow{box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1) !important;}

/* 모니터링 */
.monitorling_body,.monitorling_body span,.monitorling_body object,.monitorling_body iframe,.monitorling_body h1,.monitorling_body h2,.monitorling_body h3,.monitorling_body h4,.monitorling_body h5,.monitorling_body h6,.monitorling_body p,.monitorling_body blockquote,.monitorling_body pre,.monitorling_body abbr,.monitorling_body address,.monitorling_body cite,.monitorling_body code,.monitorling_body del,.monitorling_body dfn,.monitorling_body em,.monitorling_body img,.monitorling_body input,.monitorling_body select,.monitorling_body textarea,.monitorling_body button,.monitorling_body ins,.monitorling_body kbd,.monitorling_body q,.monitorling_body samp,.monitorling_body small,.monitorling_body strong,.monitorling_body sub,.monitorling_body sup,.monitorling_body var,.monitorling_body b,.monitorling_body i,.monitorling_body dl,.monitorling_body dt,.monitorling_body dd,.monitorling_body ol,.monitorling_body ul,.monitorling_body li,.monitorling_body fieldset,.monitorling_body form,.monitorling_body label,.monitorling_body legend,.monitorling_body table,.monitorling_body caption,.monitorling_body tbody,.monitorling_body tfoot,.monitorling_body thead,.monitorling_body tr,.monitorling_body th,.monitorling_body td,.monitorling_body article,.monitorling_body aside,.monitorling_body canvas,.monitorling_body details,.monitorling_body figcaption,.monitorling_body figure,.monitorling_body footer,.monitorling_body header,.monitorling_body menu,.monitorling_body nav,.monitorling_body section,.monitorling_body summary,.monitorling_body time,.monitorling_body mark,.monitorling_body audio,.monitorling_body video {margin:0;padding:0;}
/* .monitorling_html{font-size: 1vw;} */
.monitorling_body{margin: 0px;}
.section_01_heard{width: 100%; height: 100%; padding: 0 2vw; padding-top: 10px;}
.section_01{width: 100vw; background-color: #0FB1F0; height: 8vh;}
.section_01_weather{width: 100vw; background-color: #0FB1F0; height: 22vh; text-align: center;}
.section_01_weather img{height: 100%;}
.section_02{width: 100vw; height: 20vh; background-color: #fff;}
.section_02_today_weather{flex: 0.39;}
.section_02_week_weather{flex: 0.1;}
.section_02_week_weather_img{width: 40%; margin-bottom: 10px !important;}
.monitorling_line{width: 1px; height: 60%; background-color: #ddd;}
.section_03{width: 100vw; height: 13vh; background-color: #D9D9D9;}
.monitorling_quick_marker{background-color: #696969;  height: 70%;}
.section_04{width: 100vw; height: 37vh; background-color: #D9D9D9;}
.section_04_monitorling_wrap{width: 22%; height: 85%; border-radius: 15px ; border: 5px solid #2A74F8; background-color: #fff;}
.section_04_monitorling_title{ height: 50%}
/* font */
.monitorling_color01{color: #DC0100;}
.monitorling_color02{color: #2A74F8;}
.monitorling_title_01{color: #fff; margin-bottom: 0px; font-size: 3rem; font-weight: 700;}
.monitorling_title_02{color: #fff; margin-bottom: 0px; font-size: 1.7rem; font-weight: 400;}
.monitorling_title_03{color: #fff; margin-bottom: 0px; font-size: 2.2rem; font-weight: 700;}
.monitorling_title_04{color: #333; margin-bottom: 0px; font-size: 1.7rem; font-weight: 400;}
.monitorling_title_05{color: #333; margin-bottom: 0px; font-size: 4rem; font-weight: 700;}
.monitorling_title_06{ margin-bottom: 0px; font-size: 1.5rem; font-weight: 400;}
.monitorling_title_07{color: #fff; font-size: 2.2rem; font-weight: 400;    white-space: nowrap;}
.monitorling_title_08{color: #2A74F8; font-size: 4rem; font-weight: 400;    white-space: nowrap;}
.monitorling_title_09{color: #333; font-size: 5rem; font-weight: 700;    white-space: nowrap;}

@font-face {font-family: 'dseg'; src:url('../font/DSEG7Classic-Bold.ttf') format('truetype');}
.dseg{font-family: 'dseg'}