@charset "utf-8";

@font-face {
    font-family: "PretendardRegular";
    src: url(../font/Pretendard-Regular.subset.woff);
}

@font-face {
    font-family: "PretendardMedium";
    src: url(../font/Pretendard-Medium.subset.woff);
}

@font-face {
    font-family: "PretendardSemiBold";
    src: url(../font/Pretendard-SemiBold.subset.woff);
}

@font-face {
    font-family: "PretendardBold";
    src: url(../font/Pretendard-Bold.subset.woff);
}

body,
html {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

html,
body,
button,
select,
input[type=text] {
    font-family: "PretendardRegular";
}

body {
    background-color: #131313;
    overflow: hidden;
    overflow-y: auto;
}

* {
    box-sizing: border-box;

    color: white;
}

input:focus,
select:focus {
    outline: none;
}

.blind {
    position: absolute;

}

.flex {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}



/*******************************************************************************
        디폴트 변경
    *******************************************************************************/

/* 스크롤바 */

::-webkit-scrollbar {
    width: 1.1111vw;
    height: auto;
    background: white;
    border-radius: 0 2.7778vw 2.7778vw 0;
    background: transparent;
}

::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
    display: block;

    background: transparent;

}

::-webkit-scrollbar-track {
    background: #ffffff00;
    background: transparent;

}

::-webkit-scrollbar-thumb {
    background: #CCCCCC;
    border-radius: 2.7778vw;
    background: #444;
}


/*******************************************************************************
        monitor.html
    *******************************************************************************/

.monitor_list_wrap {
    display: flex;
    flex-wrap: wrap;
    height: 100%;
}

.monitor_4 .monitor_list {
    width: 50%;
    position: relative;
    height: 50%;
    overflow: hidden;
}

.monitor_6 .monitor_list {
    width: 33.3%;
    position: relative;
    height: 50%;
    overflow: hidden;
}

.monitor_12 .monitor_list {
    width: 25%;
    position: relative;
    height: 33.3%;
    overflow: hidden;

}

.monitor_list {
    position: relative;
}



/*
.monitor_list:after {
    display: none;
}
.monitor_list.active:after {
    display: block;
    animation: blinking 3s;
    content: '';
    position: absolute;
    width: 99.2%;
    height: 99%;
    top: 0;
    left: 0;
    z-index: 1;
}
*/



.monitor_body {
    height: 100%;
    display: flex;
}

.monitor_body_video {
    /* width: 83.35%; */
    background: #343434;
    position: relative;
    flex-grow: 1;
}

.monitor_body_info {
    /* width: 4.1667vw; */
    text-align: center;
    /* margin-top: 1.6667vw; */
    display: flex;
    flex-direction: column;
    /* justify-content: space-between; */
    background: #131313;
    /* flex: none; */
    /* flex-grow: 1; */
    margin: 0 4.1667vw;
}



.monitor_body_info .box.patient span {
    font-size: 3.6vw;
    color: #BBBBBB;
}

.monitor_body_info > div {
    /* width: 100%; */
    display: flex;
    /* flex-direction: column; */
    align-items: center;
    justify-content: unset;
    /* width: 95%; */
}

.monitor_body_info .btn.add {
    background: transparent;
    border: 0.2778vw dashed #444;
    cursor: pointer;
    /* font-size: 0.7vw; */
    transition: .3s;
}

.monitor_body_info .btn.add:after {
    /* content: "\e913"; */
    color: #444;
    font-family: 'xeicon'
}

.monitor_body_info .li_body {
    background: #1a1a1a;
    height: 100%;
}

.monitor_header_room {
    color: #bbb;
    /* width: 4vw; */
    position: absolute;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    font-size: 3.6vw;
    padding-right: 2.7778vw;
}

.monitor_body_video img,
.monitor_body_video video {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
}

.monitor_body_info .btn.add:hover:after {
    color: #111;
}

.monitor_body_info .btn.add:after {
    transition: .3s;
}

.monitor_body_info .btn.add:hover {
    /* background: #363636; */
    /* border: 0.0521vw solid #363636; */
}







/***
이름 옆 위험군 표시
***/

.monitor_body_info button span {
    width: 11.2vw;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.monitor_body_info button.hrg_fall:before {

    border-radius: 100%;
    display: block;

    content: '';
    background: #FF5454;
    position: absolute;

}

.monitor_body_info button.hrg_bedsore:before {

    border-radius: 100%;
    display: block;

    content: '';
    background: #1E8EFE;
    position: absolute;

}


/* active 효과 애니메이션 */

.monitor_list.active .monitor_header_room {
    color: white;
}

.monitor_body_info .monitor_body_info_top button:nth-child(1) {
    /* margin-top: 0.1vw; */
}

.monitor_body_info button {
    height: 8.4vw;
    /* margin-bottom: 0.1vw; */
    display: flex;
    align-items: center;
    justify-content: center;
    /* width: 22.2222vw; */
    position: relative;
    transition: .3s;
    z-index: 2;
    flex: 1;
    margin-bottom: 2.7778vw;
    margin-right: 2.7778vw;
    /* text-align: center !important; */
    pointer-events: none;
}

/* .monitor_body_info .box.patient {
    background: #222222;
    border: 1px solid #333333;
} */

.monitor_list.active .box.patient.active {

}

.monitor_list .monitor_header {
    height: 8.3333vw;
    display: flex;
    align-items: center;
    position: absolute;
    z-index: 1;
    top: 0;
    background: linear-gradient(270deg, #000000e0, #000000e0);
    width: 100%;
    /* padding-right: 0.94vw; */
    transition: .3s;
    display: flex;
}




/* 헤더 글씨 */

.monitor_list .monitor_header_alert:before {
    content: ''
}

.monitor_list .monitor_header_alert {
    position: absolute;
    transform: translateX(-50%);
    left: 50%;
    transition: .3s;
    opacity: 0;
    font-size: 3.6vw;
}

.monitor_list.active .monitor_header_alert {
    transition: .3s;
    opacity: 1;
    /*    animation: bg_blinking .5s;*/
    animation-iteration-count: 5;
    animation-fill-mode: forwards;
    animation-direction: alternate;
}




/* 헤더 bg */
.monitor_list .monitor_header_bg {
    transition: .3s;
    opacity: 0;
}

.monitor_list.active .monitor_header_bg {
    height: 100%;
    position: absolute;
    width: 100%;
    background-size: 200% 1% !important;
    background-position: top !important;
    transition: .3s;
    animation: bg_blinking .5s;
    animation-iteration-count: 5;
    animation-fill-mode: forwards;
    animation-direction: alternate;
}





/***
환자 위치 테두리
***/

.monitor_list .monitor_position {
    position: absolute;
    width: 13.8889vw;
    height: 13.8889vw;
}

.monitor_list .monitor_position:after {

    position: absolute;

    display: flex;
    align-items: center;
    justify-content: center;
}

/* 낙상경보 */
.monitor_list .monitor_position.fallalert {
    border: 1.1111vw solid #FF963A;
    top: 27.7778vw;
    left: 27.7778vw;
}

/* 낙상사고 */
.monitor_list .monitor_position.fall {
    border: 1.1111vw solid #FF5454;
    top: 27.7778vw;
    left: 27.7778vw;
}

/*욕창경보 */
.monitor_list .monitor_position.bedsore {
    border: 1.1111vw solid #1E8EFE;
    top: 27.7778vw;
    left: 27.7778vw;
}


/* 부재경보 */
.monitor_list .monitor_position.disappear {
    border: 1.1111vw solid #39A0AC;
    top: 27.7778vw;
    left: 27.7778vw;
}

.monitor_list .monitor_position.disappear:after {
    /* content: '부재경보'; */
    background: #39A0AC;
}






/***
모니터 화면 테두리 깜빡임 
***/

.monitor_list .monitor_border {
    transition: .3s;
    opacity: 0;
    visibility: hidden;
}

.monitor_list.active .monitor_border {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    animation: line_blinking .5s;
    animation-iteration-count: 5;
    animation-fill-mode: forwards;
    animation-direction: alternate;
}

/* 욕창경보 bedsore */

.monitor_list.active .monitor_header_alert.bedsore:before {
    content: '욕창경보'
}

.monitor_list.active .monitor_header_bg.bedsore {
    background: linear-gradient(270deg, #1E8EFE 10%, #00000000);
}

.monitor_list.active .monitor_border.bedsore {
     border: 0.2778vw solid #1E8EFE;
}

/* 낙상사고 fall */

.monitor_list.active .monitor_header_alert.fall:before {
    content: '낙상사고'
}

.monitor_list.active .monitor_header_bg.fall {
    background: linear-gradient(270deg, #ff5454, rgb(255 84 84 / 0%));
}

.monitor_list.active .monitor_border.fall {
    border: 0.2778vw solid #FF5454;
}

/* 낙상경보 fallalert */

.monitor_list.active .monitor_header_alert.fallalert:before {
    content: '낙상경보'
}

.monitor_list.active .monitor_header_bg.fallalert {
    background: linear-gradient(270deg, #ff963a 10%, #00000000);
}

.monitor_list.active .monitor_border.fallalert {
     border: 0.2778vw solid #ff963a;
}

/* 부재경보 disappear */

.monitor_list.active.disappear .monitor_header_alert:before {
    content: '부재경보'
}

.monitor_list.active.disappear .monitor_header_bg {
    background: linear-gradient(270deg, rgb(57 160 172) 10%, #00000000);
}

.monitor_list.active.disappear .monitor_border {
 
}




@keyframes line_blinking {

    0% {
        opacity: 0
    }

    100% {
        opacity: 1;
        visibility: visible;
    }
}

@keyframes bg_blinking {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1;

    }

}




.box.callbell span,
.box.fall span,
.box.fallalert span,
.box.bedsore span,
.box.disappear span,
.box.ringer span,
.box.rails span,
.box.missing_bed span,
.box.missing_people span,
.box.curtain span {
    color: white !important;
}



/*******************************************************************************
        admin.html 
    *******************************************************************************/


/* header */

.admin_wrap header {
    height: 5.2vw;
    align-items: center;
    justify-content: space-between;
    border-bottom: 0.05vw solid #333;
    padding: 0 1.5vw;
}

.header_left_section_01 {
    padding-right: 0.8vw;
    border-right: 0.05vw solid #333;
}

.header_left_section_02 {
    border-right: 0.05vw solid #333;
}

.header_left_section_02 h2 {
    padding: 0 1.3vw;
    font-size: 1.2vw;
    font-family: 'Pretendardsemibold';
}

.header_left_section_03 {
    margin-left: 1.3vw;
}

.header_left_section_03 li {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-right: 1.5vw;
    line-height: 1.5vw;
}

.header_left section {
    align-items: center;
    /* height: 100%; */
    display: flex;
}

.header_left_section_03 h3 {
    color: #BBBBBB;
    font-size: .8vw;
}

.header_noti {
    height: 2.3vw;
    display: flex;
    align-items: center;
    width: 19.8vw;
    border: 0.05vw solid #333;
    border-radius: 0.3vw;
    padding: 0 0.8vw;
}

.header_noti li img {
    margin-right: 0.5vw;
    /* display: flex; */
}

.header_noti li {
    display: flex;
    align-items: center;
    font-size: 0.8vw;
}

.header_gnb li div {
    color: #777;
}

.header_gnb li.on div,
.header_gnb li:hover div {
    color: white;
}

.header_gnb li {
    display: flex;
    flex-direction: column;
    align-items: center;
    /* margin-left: 2.50vw; */
    justify-content: center;
    margin: 0 1.3vw;
    cursor: pointer;
}

.header_gnb li .header_gnb_img,
.header_gnb li div {
    transition: .3s;
    font-size: .8vw;
}

.header_gnb li .header_gnb_img.home {
    background-image: url(../img/icn_home_off.svg);
    width: 0.9vw;
    height: 0.8vw;
    background-size: contain;
    display: block;
}

.header_gnb li.on .header_gnb_img.home,
.header_gnb li:hover .header_gnb_img.home {
    background-image: url(../img/icn_home_on.svg);
}

.header_gnb li .header_gnb_img.monitor {
    background-image: url(../img/icn_monitor_off.svg);
    width: 0.8vw;
    height: 0.8vw;
    background-size: contain;
    display: block;
}

.header_gnb li.on .header_gnb_img.monitor,
.header_gnb li:hover .header_gnb_img.monitor {
    background-image: url(../img/icn_monitor_on.svg);
}


.header_gnb li .header_gnb_img.report {
    background-image: url(../img/icn_report_off.svg);
    width: 0.8vw;
    height: 0.8vw;
    background-size: contain;
    display: block;
}

.header_gnb li.on .header_gnb_img.report,
.header_gnb li:hover .header_gnb_img.report {
    background-image: url(../img/icn_report_on.svg);
}


.header_gnb li .header_gnb_img.patient {
    background-image: url(../img/icn_patient_off.svg);
    width: 0.8vw;
    height: 0.8vw;
    background-size: contain;
    display: block;
}

.header_gnb li.on .header_gnb_img.patient,
.header_gnb li:hover .header_gnb_img.patient {
    background-image: url(../img/icn_patient_on.svg);
}


.header_gnb li .header_gnb_img.nurse {
    background-image: url(../img/icn_nurse_off.svg);
    width: 0.8vw;
    height: 0.8vw;
    background-size: contain;
    display: block;
}

.header_gnb li.on .header_gnb_img.nurse,
.header_gnb li:hover .header_gnb_img.nurse {
    background-image: url(../img/icn_nurse_on.svg);
}

.header_gnb li .header_gnb_img.room {
    background-image: url(../img/icn_room_off.svg);
    width: 1.1vw;
    height: 0.8vw;
    background-size: contain;
    display: block;
}

.header_gnb li.on .header_gnb_img.room,
.header_gnb li:hover .header_gnb_img.room {
    background-image: url(../img/icn_room_on.svg);
}

.header_gnb li .header_gnb_img.account {
    background-image: url(../img/icn_account_off.svg);
    width: 0.8vw;
    height: 0.8vw;
    background-size: contain;
    display: block;
}

.header_gnb li.on .header_gnb_img.account,
.header_gnb li:hover .header_gnb_img.account {
    background-image: url(../img/icn_account_on.svg);
}

.header_gnb li .header_gnb_img.setting {
    background-image: url(../img/icn_setting_off.svg);
    width: 0.8vw;
    height: 0.8vw;
    background-size: contain;
    display: block;
}

.header_gnb li.on .header_gnb_img.setting,
.header_gnb li:hover .header_gnb_img.setting {
    background-image: url(../img/icn_setting_on.svg);
}

.header_gnb li .header_gnb_img.logout {
    background-image: url(../img/icn_logout_off.svg);
    width: 0.8vw;
    height: 0.8vw;
    background-size: contain;
    display: block;
}

.header_gnb li.on .header_gnb_img.logout,
.header_gnb li:hover .header_gnb_img.logout {
    background-image: url(../img/icn_logout_on.svg);
}

.header_gnb li span {
    margin-bottom: 0.7vw;
    background-repeat: no-repeat;
}

.header_gnb li:last-child {
    margin-right: 0;
}

.header_gnb li a {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.header_logo img {
    width: 8.1vw;
}

.monitoring_btn_wrap ul {
    visibility: hidden;
    /* height: 0; */
    transition: .3s;
    position: absolute;
    /* width: 8.33vw; */
    background: #000;
    /* border: 0.05vw solid #333333; */
    top: 2.9vw;
    left: 0;
    z-index: 1;
    overflow: hidden;
    opacity: 0;
}

.monitoring_btn_wrap > button:first-of-type {
    width: 8.3vw;
    background: #242424;
    border: 0.05vw solid #444;
    height: 2.2vw;
    border-radius: 1.3vw 0 0 1.3vw;
    font-size: .8vw;
}

.monitoring_btn_wrap > button:last-of-type {
    /* width: 5.7vw; */
    /* background: white; */
    /* color: #131313; */
    /* height: 2.2vw; */
    /* border-radius: 0 1.3vw 1.3vw 0; */
    /* display: flex; */
    /* align-items: center; */
    /* justify-content: center; */
    /* transition: .3s; */
    /* font-family: 'PretendardMedium'; */
    /* font-size: .8vw; */
}

.monitoring_btn_wrap > button:last-of-type i {
    color: #131313
}

.monitoring_btn_wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.monitoring_btn_wrap ul li button {
    color: #BBBBBB;
    width: 8.2vw;
    background: #000;
    padding: 0.6vw 0;
    font-size: .8vw;
    z-index: 5;
    position: relative;
}

.monitoring_btn_wrap ul li button:hover {
    color: white;
}

.monitoring_btn_wrap ul li {
    border-left: 0.05vw solid #333;
    border-right: 0.05vw solid #333;
}

.monitoring_btn_wrap ul li:first-of-type {
    border-top: 0.05vw solid #333;
}

.monitoring_btn_wrap ul li:last-of-type {
    border-bottom: 0.05vw solid #333;
}

.board_list_btn.on + ul {
    /* height: 8.44vw; */
    opacity: 1;
    visibility: visible;
}

.monitoring_btn_wrap > a img {
    margin-left: 0.4vw;
    position: relative;
    left: 0;
    width: 0.9vw;
    animation: arrow 1s ease-in-out Infinite Alternate;
}

.monitoring_btn_wrap > button:last-of-type:hover img {
    left: 0.4vw;
}

.monitoring_btn_wrap ul li.on button {
    color: white;
}

/* header */




/* main layout */


.home.admin_content > div {
    width: 53%;
    /* padding: 2.6vw 2.3vw; */
}

.admin_content {
    width: 100%;
    /* padding: 2.3vw 4vw 0 2.6vw; */
    justify-content: space-between;
    height: 100%;
    /* overflow-y: scroll; */
}


main {
    display: flex;
    height: calc(100% - 5.2vw);
    overflow: hidden;
}


.admin_content_left {
    width: 43% !important;
}

.home.admin_content_right {
    width: 50% !important;
}



.admin_content.flex.home .admin_content_right {
    /* padding-left: 3.3vw; */
}



/* main layout */








.admin_button_wrap.attached button.on span {
    color: white;
}



.admin_content_header h3 {
    font-size: 1.0vw;
}

.admin_content_header {
    justify-content: space-between;
    margin-bottom: 1.8vw;
    align-items: center;
}

.admin_content_heder_right div span:first-of-type {
    color: #BBBBBB;
    margin-right: 2.7778vw;
}

.admin_content_heder_right .circle {
    width: 2.2222vw;
    height: 2.2222vw;
    display: block;
    border-radius: 100%;
    /* margin: 0 0.42vw; */
    margin-right: 2.2222vw;
}



.admin_content_heder_right div span {
    display: flex;
    align-items: center;
    font-size: 3.6vw;
}

.patient_status_top .patient_status_list {
    display: flex;
    /* flex-direction: column; */
    align-items: center;
    /* border: 0.05vw solid #444; */
    /* width: 6vw; */
    width: 49%;
}

.patient_status_top .patient_status_top {
    height: 100%;
    justify-content: space-between;
}

.patient_status_top .patient_status_list_top {
    width: 100%;
    /* height: 2.3vw; */
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 3.6vw;
    color: #ffffff;
}

.patient_status_top .patient_status_list_body {
    /* height: 4.1vw; */
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.patient_status_top .admin_content_body_top {
    height: 100%;
}

.patient_status_top {
    justify-content: space-between;
    /* margin-bottom: 1.5vw; */
    flex-wrap: wrap;
}

.patient_status_top .patient_status_list_body {
    border: 1px solid #444;
    border-radius: 0 1.1111vw 1.1111vw 0;
    border-left: 0;
    /* font-size: 1.0vw; */
}

.patient_status_btm {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 1.56vw; */
}

.patient_status_btm .patient_status_list {
    width: 10.4vw;
    height: 10.4vw;
    border-radius: 1.0vw;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}


.patient_status_btm .patient_status_list.fall {
    border: 0.05vw solid rgba(255, 84, 84, 0.7);
    border-radius: 1.1vw;
    background: linear-gradient(180deg, rgb(255 84 84 / 10%) -7%, rgba(255, 84, 84, 35%) 30%, rgba(255, 84, 84, 30%) 50%, rgb(255 84 84 / 10%) 99%)no-repeat;
    background-position-y: 80%;
    background-size: 100% 130%;
}

.patient_status_btm .patient_status_list.fallalert {
    border: 0.05vw solid rgba(255, 150, 58, 0.7);
    border-radius: 1.1vw;
    background: linear-gradient(180deg, rgb(255 150 58 / 10%) -7%, rgb(255 150 58 / 35%) 30%, rgb(255 150 58 / 30%) 50%, rgb(255 150 58 / 10%) 99%)no-repeat;
    background-position-y: 80%;
    background-size: 100% 130%;
}

.patient_status_btm .patient_status_list.bedsore {
    border: 0.05vw solid rgba(30, 142, 254, 0.7);
    border-radius: 1.1vw;
    background: linear-gradient(180deg, rgba(30, 142, 254, 30%) -1%, rgba(30, 142, 254, 35%) 30%, rgba(30, 142, 254, 30%) 50%, rgba(30, 142, 254, 10%) 99%)no-repeat;
}

.patient_status_btm .patient_status_list.disabled {
    width: 10.4vw;
    height: 9.9vw;
    border-radius: 1.1vw;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    background: linear-gradient(180deg, #33333382 0%, #0e0e0e 100%) 0% 0% no-repeat;
    border: 0.05vw solid #444;
    color: #444;
}

.patient_status_list.disabled .patient_status_list_top {
    color: #444;
}

.patient_status_list.disabled .digit-con span {
    color: #444
}

.patient_status_btm .patient_status_list_top {
    /* font-size: 1.15vw; */
    /* margin-bottom: 1.04vw; */
}

.patient_status_btm .patient_status_list_body {
    font-size: 1.7vw;
}

.patient_status_btm .patient_status_list_top {
    font-size: 1.2vw;
    margin-bottom: 0.2vw;
    position: relative;
    top: -1.1vw;
}

.patient_status_btm .patient_status_list_body {
    font-size: 1.7vw;
}

.admin_content_body_btm {
    justify-content: space-between;
    /* height: 100%; */
}

.ranking_header_top h4 {
    font-size: 0.9vw;
    color: #bbb;
}

.ranking_header_top h4 span {
    font-size: 0.9vw;
}

.ranking_header_btm button {
    border: 0.05vw solid #777;
    height: 1.8vw;
    width: 4.4vw;
    border-radius: 1.5vw;
    color: #bbb;
    font-size: 0.7vw;
}

li.ranking_body_list {
    display: flex;
    justify-content: space-between;
    height: 2.3vw;
    align-items: center;
    margin-bottom: 0.5vw;
    padding: 0 0.5vw;
}

.ranking_body {
    margin-top: 1.5vw;
}

.ranking_header_top {
    margin-bottom: 1vw;
    text-align: center;
}

.home .admin_content_body_btm > div {
    width: 10.4vw;
}

.ranking_header_btm {
    display: flex;
    justify-content: space-between;
    padding: 0 0.5vw;
}

.admin_ranking_wrap_left .ranking_header_top h4 span {
    color: #FF5454;
}

.admin_ranking_wrap_mid .ranking_header_top h4 span {
    color: #FA943B;
}

.admin_ranking_wrap_right .ranking_header_top h4 span {
    color: #1E8EFE;
}

.admin_ranking_wrap_left .ranking_header_btm button.on {
    background: rgba(255, 84, 84, .7);
    color: white;
    border: 0.05vw solid rgba(255, 84, 84, .7);
}

.admin_ranking_wrap_mid .ranking_header_btm button.on {
    background: rgba(255, 150, 58, .7);
    color: white;
    border: 0.05vw solid rgba(255, 150, 58, .7);
}

.admin_ranking_wrap_right .ranking_header_btm button.on {
    background: rgba(30, 142, 254, .7);
    color: white;
    border: 0.05vw solid rgba(30, 142, 254, .7);
}



.admin_ranking_wrap_left .ranking_body_list {
    border: 0.05vw solid rgba(255, 84, 84, 0.4);
    background: linear-gradient(90deg, rgba(36, 36, 36, 1) 0%, rgba(89, 38, 38, 1) 100%) 0% 0% no-repeat;
    background: linear-gradient(270deg, rgb(255 84 84 / 20%) -7%, rgb(255 84 84 / 8%) 99%)no-repeat;
}

.admin_ranking_wrap_mid .ranking_body_list {
    border: 0.05vw solid rgba(255, 150, 58, 0.4);
    background: linear-gradient(270deg, rgb(255 150 58 / 20%) -7%, rgb(255 150 58 / 8%) 99%)no-repeat;
}

.admin_ranking_wrap_right .ranking_body_list {
    border: 0.05vw solid rgba(30, 142, 254, 0.4);
    background: linear-gradient(270deg, rgb(30 142 254 / 20%) -7%, rgba(30, 142, 254, 10%) 99%)no-repeat;
}

.admin_content_body_top {
    margin-bottom: 1.5vw;
}

.admin_content_left .admin_content_body_top {
    border-bottom: 0.1vw solid #444;
    padding-bottom: 1.5vw;
}

.admin_content_body_top {
    margin-bottom: 2vw;
}

.admin_content_left .admin_content_body_top {
    border-bottom: 0.05vw solid #444;
    padding-bottom: 2vw;
}


.admin_content_right .admin_button_wrap.attached {
    width: 18.7vw;
}

.admin_content_right .admin_content_body_top {
    justify-content: space-between;
}

.admin_button_wrap.unattached button {
    height: 1.8vw;
    width: 4.4vw;
    border: 0.05vw solid #444;
    border-radius: 1.6vw;
    color: #777777;
    background: #222;
}

.admin_button_wrap.unattached button.on {
    background: none;
    border: 0.05vw solid #777;
    color: white;
}

.admin_button_wrap.unattached button {
    height: 1.8vw;
    width: 4.4vw;
    border: 0.05vw solid #444;
    border-radius: 1.5vw;
    color: #777777;
    background: #222;
    margin-left: 0.5vw;
}

.admin_button_wrap.unattached button.on {
    background: none;
    border: 0.05vw solid #777;
    color: white;
}

.admin_chart_table {
    width: 100% !important;
}

.admin_chart_table .thead {
    background: #222;
    display: flex;
    justify-content: space-between;
    height: 1.8vw;
    display: flex;
    align-items: center;
}

.admin_chart_table .thead .th {
    color: #777;
    font-size: 0.7vw;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.admin_chart_table .tbody .tr {
    /* width: 100%; */
    display: flex;
    justify-content: space-between;
}

.admin_chart_table .tbody .tr td {
    width: 100%;
}

.admin_chart_table .tbody .tr .td {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
    height: 2.08vw;
    border-bottom: 0.05vw solid #444;
}

.admin_chart_table .tbody .tr .td,
.admin_chart_table .tbody .tr span {
    font-size: 0.7vw;
}

i.squre {
    width: 0.5vw;
    height: 0.5vw;
    margin-right: 0.5vw
}

i.squre.fall {
    background: #FF5454;
}

i.squre.fallalert {
    background: #FF963A;
}

i.squre.bedsore {
    background: #1E8EFE;
}

.ranking_body_list_left span {
    font-size: 0.7vw;
    /* display: flex; */
}

.admin_button_wrap.unattached {
    display: flex;
}

.bar {
    width: 0.2778vw;
    height: 4.1667vw;
    background: #333333;
}

.admin_content_heder_right {
    align-items: center;
    justify-content: center;
}

.admin_content_heder_right .bar {
    margin: 0 4.1667vw;
}

.ranking_body_list_left span.bar {
    background: #77777780;
    margin: 0 0.3vw;
    height: 0.7vw;
}

.ranking_body_list_left {
    display: flex;
    align-items: center;
}

span.rank_num {
    margin-right: 0.5vw;
}

.admin_ranking_wrap .ranking_body_list {
    visibility: hidden;
    opacity: 0;
    transform: translateY(-3rem);
}

.admin_ranking_wrap.on .ranking_body_list {
    animation: start 0.5s 1 forwards;
    visibility: visible;
}

.admin_ranking_wrap.on .ranking_body_list.second {
    animation-delay: .3s
}

.admin_ranking_wrap.on .ranking_body_list.third {
    animation-delay: .6s
}

.admin_ranking_wrap.on .ranking_body_list.forth {
    animation-delay: .9s
}

.admin_ranking_wrap.on .ranking_body_list.fifth {
    animation-delay: 1.2s
}

.rotate {
    animation: rotate 2s forwards cubic-bezier(0.45, 0.05, 0.55, 0.95)
}

/* 실시간 트래픽 현황 등장 애니메이션 */
@keyframes start {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes rotate {
    to {
        transform: rotateY(360deg);
    }
}

.number {
    display: block;
    font-size: 6rem;
    /* line-height: 2.34vw; */
}

.number * + * {
    margin-top: 0;
}

.digit-con {
    display: inline-block;
    height: 2.34vw;
    overflow: hidden;
    vertical-align: top;
}

.digit-con span {
    display: block;
    font-size: 1.7vw;
    line-height: 2.34vw;
    position: relative;
    text-align: center;
    top: 0;
    /* width: 0.55em; */
}


.patient_status_top .patient_status_list_body span {
    font-size: 3.6vw;
}

.ranking_body.content_none {
    border: 0.05vw solid #444444;
    height: 13.8vw;
    background: linear-gradient(180deg, #33333380 0%, #131313 100%) 0% 0% no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #BBBBBB;
    font-size: 0.6vw;
    text-align: center;
    color: rgb(255 255 255 / 60%);
}



.admin_content_body_mid {
    margin-bottom: 2.08vw;
}

.admin_button_wrap.attached button {
    display: flex;
    align-items: center;
    justify-content: center;
}






/* adside */



aside {
    width: 19.5vw;
    background: #242424;
    border-right: .1vw solid #333;
    /* overflow: overlay; */
    flex: none;
}

.aside_monitor_header span:last-child {
    font-size: 0.6vw;
}

.aisde_header_top_left .button_img.sound {
    background-image: url(../img/icn_sound_off.svg);
    width: 0.8vw;
    height: 0.8vw;
    background-size: contain;
    display: block;
    margin-right: 0.5vw;
    background-repeat: no-repeat;
}

.aisde_header_top_left button span {
    transition: .3s;
}

.aisde_header_top_left .button_img.sound + span:before {
    content: '알림음 꺼짐';
    color: #777777;
    font-size: 0.7vw;
    transition: .3s;
}

.aisde_header_top_left button.on .button_img.sound {
    background-image: url(../img/icn_sound_on.svg);
}

.aisde_header_top_left button.on .button_img.sound + span:before {
    content: '알림음 켜짐';
    color: white;
    font-size: 0.7vw;
}

.aside_header_top {
    justify-content: space-between;
    align-items: center;
    padding: 0.4vw 0.5vw;
    padding-left: 0.8vw;
}

.aisde_header_top_right button {
    border: 0.05vw solid #444;
    color: #bbb;
    width: 5.2vw;
    height: 1.8vw;
    border-radius: 0.2vw;
}

.aisde_header_top_right button:hover {
    background: #131313;
}

.admin_button_wrap.attached {
    border: 0.05vw solid #444;
    border-radius: 1.0vw;
    height: 1.8vw;
    align-items: center;
    display: flex;
    justify-content: space-between;
    overflow: hidden;
}

.admin_button_wrap.attached button {
    width: 50%;
    border-right: 0.05vw solid #444;
    height: 100%;
    background: #242424;
}

.admin_button_wrap.attached button.on {
    background: #131313;
    color: white;
}

.admin_button_wrap.attached button:last-child {
    border-right: none;
}

.admin_button_wrap.attached button span {
    font-size: 0.7vw;
    color: #bbb;
}

.aside_header .admin_button_wrap attached {
    margin: 0 0.52vw;
}

.aside_header .admin_button_wrap.attached {
    margin: 0 0.5vw;
    margin: 0.5vw 0.5vw;
}

.aside_monitor_wrap {
    /* padding: 0.5vw; */
    overflow: hidden;
    margin-bottom: 4.1667vw;
}

li.aside_monitor_list {
    /* height: 18.23vw; */
    position: relative;
    overflow: hidden;
    margin-bottom: 1.04vw;
    cursor: pointer;
}

.aside_monitor_header {
    display: flex;
    justify-content: space-between;
    position: absolute;
    /* background: red; */
    width: 100%;
    height: 1.5vw;
    align-items: center;
    padding: 0 0.5vw;
    z-index: 1;
    /* border: 0.05vw solid transparent; */
    /* transition: .3s; */
    /* border: 0.05vw solid transparent; */
    /* border-bottom: none; */
}

.aside_monitor_btm {
    /* position: absolute; */
    /* bottom: 0; */
    width: 100%;
    background: #363636;
    display: flex;
    height: 1.5vw;
    /* border: 0.05vw solid #131313; */
    border-top: none;
    transition: .3s;
}

.aside_monitor_btm button {
    font-size: 0.7vw;
    width: 100%;
    color: #BBBBBB;
    border-right: none;
    /* border: 0.05vw solid #131313; */
    /* border-right: 0.05vw solid transparent !important; */
    transition: 0s;
    transition-property: background;
}

.aside_body .aside_monitor_list .aside_monitor_btm button:last-child {
    /* border: none; */
    /* border-left: none; */
    /* border-left: 0.05vw solid transparent !important; */
    /* border-right: 0.05vw solid #131313 !important; */
    /* border-left: 0.05vw solid transparent !important; */
}

.aside_monitor_body img,
.aside_monitor_body video {
    object-fit: contain;
    width: 100%;
    height: 100%;
}

.aside_monitor_list.fall .aside_monitor_header {
    background: linear-gradient(180deg, #FF5454 10%, #0000007a);
    background-size: 100% 145% !important;
    /* border: 0.05vw solid transparent; */
    /* border-bottom: none; */
}

.aside_monitor_list.fallalert .aside_monitor_header {
    background: linear-gradient(180deg, #FF963A 10%, #0000007a);
    background-size: 100% 145% !important;
}

.aside_monitor_list.bedsore .aside_monitor_header {
    background: linear-gradient(180deg, #1E8EFE 10%, #0000007a);
    background-size: 100% 145% !important;
}


.admin_wrap {
    height: 100%;
    width: 100%;
}

.aside_body {
    overflow: auto;
    height: calc(100vh - 77vw);
    /* border: 0.2778vw solid #001fff; */
    /* margin-bottom: 2.5000vw; */
}


.aside_body .monitor_list,
.aside_body .monitor_body_video {
    width: 100%;
}

.monitor_header_time {
    /* width: 4.1667vw; */
    position: absolute;
    left: 0;
    text-align: center;
    font-size: 3.0556vw;
    padding-left: 2.7778vw;
}

.monitor_footer button {
    font-size: 3.6vw;
    width: 99.5%;
    height: 8.3333vw;
    background: #363636;
    color: #BBBBBB;
    position: relative;
    z-index: 2;
    top: -0.2778vw;
    /* right: -0.1vw; */
    /* left: -0.1vw; */
}

.monitor_footer {
    display: flex;
    position: relative;
    background: #363636;
    justify-content: center;
}

.monitor_footer:after {
    z-index: 5;
    border: 0.1vw solid #FF5454;
    border-top: 0;
    animation: line_blinking .5s;
    animation-iteration-count: 5;
    animation-fill-mode: forwards;
    animation-direction: alternate;
}

.aside_body .monitor_list.active .monitor_footer button:hover {
    background: #131313;
}


.aside_header_mid .admin_button_wrap button {
    justify-content: space-evenly;
}

li.aside_monitor_list .aside_monitor_btm button:hover {
    border: 0.05vw solid #444444;
    /* border-top: none; */
    background: #131313;
    border-left: 0.05vw solid transparent !important;
    border-right: 0.05vw solid #444 !important;
    border-left: 0.05vw solid #444 !important;
}


.aside_monitor_body {
    height: 15vw;
    /* border: 0.05vw solid #131313; */
    transition: .3s;
}

/* adside */



/* 셀렉트 */



/* SELECT BOX Scroll */
.select-box {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    border: 0.05vw solid #444;
    border-radius: 0.2vw;
}

.select-box select {
    display: none;
}

.select-box > a {
    display: block;
    height: 1.9vw;
    /* line-height: 2.60vw; */
    /* padding: 0 1.56vw 0 0.78vw; */
    /* background: #f5f5f5 url(select_box_ico.png) 97% center no-repeat; */
    text-align: left !important;
    color: #bbb;
    /* font-size: 0.83vw; */
    white-space:
        nowrap;
    overflow:
        hidden;
    text-overflow: ellipsis;
    display: flex;
    align-items: center;
    padding-left: 4.1667vw;
    background: url(../img/icn_arrow_down.svg) no-repeat;
    background-position: right 0.5vw center;
    background-size: 0.5vw;
    transition: .3s;
    /* width: 100% !important; */
}

.select-box a:visited,
.select-box a:active,
.select-box a:link,
.select-box a:hover {
    text-decoration: none;
}

.select-box.select-active > a {
    background: url(../img/icn_fold.svg) no-repeat;
    background-position: right 0.5vw center;
    background-size: 0.5vw;
}

.select-box ul {
    position: absolute;
    left: -0.05vw;
    top: 100%;
    border: 0.05vw solid #444;
    display: none;
    background: #131313;
    overflow-y: auto !important;
    z-index: 999;
    white-space:
        nowrap;
    min-width: 100%;
    /* color: white; */
    border-radius: 0 0 0.2vw 0.2vw;
}

.select-box ul li {
    white-space:
        nowrap;
    /* color: white; */
}

.select-box ul a {
    display: block;
    /* line-height: 1.8vw; */
    height: 8.3333vw;
    display: flex;
    align-items: center;
    font-size: 3.6vw;
}

.select-box.select-active a {
    /* color: #4b7af4; */
    /* background: #f5f5f5 url(select_box_ico_active.png) 97% center no-repeat; */
    color: white;
}

.select-box.select-active ul a {
    color: #bbb;
    background: none;
    transition: .1s;
    padding-left: 4.1667vw;
}

.select-box.select-active ul a.hover {
    /*    background: #8da5c2;*/
    color: #fff;
}

.select-box.select-active ul a.active {
    background: #363636;
    color: #fff;
}

/* 셀렉트 박스 */


/* 스위치 */

.switch_container * {
    position: relative;
}

.switch_container label {
    display: block;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.switch_container input[type=checkbox] {
    display: none;
}

.switch_container input[type=checkbox] + span {
    display: inline-block;
    padding-top: 2.7778vw;
    padding-left: 1.8vw;
    border: 0.2778vw solid #333333;
    border-radius: 5.5556vw;
    height: 5vw;
    width: 13.8889vw;
    font-size: 3.8889vw;
    font-weight: 700;
    letter-spacing: 1.3889vw;
    color: #EF783D;
    background-color: #333333;
    transition: all 0.3s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.switch_container input[type=checkbox] + span:after {
    content: "";
    position: absolute;
    top: -.38vw;
    left: 0.00vw;
    display: block;
    border: 0.05vw solid #777777;
    border-radius: 100%;
    width: 4.8333vw;
    height: 4.8333vw;
    background: #444444;
    box-shadow: 0 0 0.21vw rgba(0, 0, 0, 0.16);
    transition: all 0.3s;
}

.switch_container input[type=checkbox]:checked + span {
    padding-left: 2.7778vw;
    border-color: #07B156;
    color: #fff;
    background-color: #07B156;
}

.switch_container input[type=checkbox]:checked + span:after {
    left: 8.5vw;
    border: 0.05vw solid white;
    background: white;
}

/* 스위치 */

/* report */

.search_wrap input {
    height: 1.9vw;
    border: 0.05vw solid #444;
    /* color: #bbb; */
    background: transparent;
    width: 12.8vw;
    border-radius: 0.2vw;
    padding-left: 0.8vw;
    padding-right: 1.8vw;
}

.search_wrap {
    position: relative;
}

input {
    transition: .3s;
}

input:focus {
    border: 0.05vw solid #777 !important;
}

.search_wrap button {
    background: url(../img/icn_search_off.svg) no-repeat;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 444;
    width: 1.8vw;
    height: 1.85vw;
    /* padding: 0.78vw; */
    display: flex;
    align-items: center;
    justify-content: center;
    background-position: center;
    background-size: .8vw;
    z-index: 0;
}

.search_wrap button:hover {
    background: url(../img/icn_search_on.svg) no-repeat;
    width: 1.8vw;
    /* height: 2.1vw; */
    background-position: center;
    background-size: .8vw;
}

input[type="date"] {
    position: relative;
    cursor: pointer;
}

input[type="date"]::-webkit-clear-button,
input[type="date"]::-webkit-inner-spin-button {
    display: none;
    cursor: pointer;
}

input[type="date"]::-webkit-calendar-picker-indicator {
    background: transparent;
    z-index: 1;
    cursor: pointer;
}

input[type="date"]:after {
    position: absolute;
    top: 50%;
    right: 0.52vw;
    content: '';
    width: 0.8vw;
    height: 0.8vw;
    background: #fff url(../img/icn_calendar_off.svg) center center /contain;
    transform: translateY(-50%);
    z-index: 0;
    background-repeat: no-repeat;
    cursor: pointer;
}

input[type="date"]:hover:after {
    position: absolute;
    top: 50%;
    right: 0.52vw;
    content: '';
    width: 0.78vw;
    height: 0.78vw;
    background: #fff url(../img/icn_calendar_on.svg) center center /contain;
    transform: translateY(-50%);
    z-index: 0;
    background-repeat: no-repeat;
}


.date_wrap input[type="date"] {
    height: 1.9vw;
    border: 0.05vw solid #444;
    background: transparent;
    border-radius: 0.2vw;
    color: #bbb;
    font-family: 'PretendardRegular';
    padding-left: 0.8vw;
}

.date_wrap input[type="date"]:after {

    background: url(../img/icn_calendar_off.svg) no-repeat;

    width: 0.8vw;

    height: 0.8vw;

    position: absolute;

    right: 0.4vw;
    transition: .3s;
    background-size: 0.7vw;
}

.date_wrap input[type="date"]:hover:after {

    background: url(../img/icn_calendar_on.svg) no-repeat;

    width: 0.8vw;

    height: 0.8vw;

    position: absolute;

    right: 0.4vw;

    background-size: 0.7vw;
}

.report .admin_content_body_top_left.flex {
    align-items: center;
}

.admin_content_body_top.flex {
    justify-content: space-between;
    align-items: center;
}

button.admin_btn.add {
    padding: 0 0.7vw;
    height: 1.9vw;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #242424;
    border-radius: 0.2vw;
    border: 0.05vw solid #444444;
    /* color: #BBBBBB; */
    /* background: url(../img/icn_add_off.svg), #242424; */
    /* background-position: left 0.8vw center; */
    /* background-repeat: no-repeat; */
    /* background-size: 0.5vw; */
    transition: .3s;
    position: relative;
}

button.admin_btn.add:hover {
    /* background: url(../img/icn_add_on.svg), #242424; */
    /* background-position: left 0.8vw center; */
    /* background-repeat: no-repeat; */
    /* background-size: 0.5vw; */
    /* transition: .3s; */
    border: 0.05vw solid #777;
}

button.admin_btn:hover {
    /* color: white; */
    border: 0.05vw solid #777;
}

.report .admin_content_table_header.flex {
    justify-content: space-between;
    align-items: center;
}

.admin_btn {
    height: 1.9vw;
    border-radius: 0;
    border: 0.2778vw solid #444444;
    color: #BBBBBB;
    padding: 0 0.7vw;
}

.admin_btn.excel {
    padding-left: 2.0vw;
    background: url(../img/icn_excel_off.svg);
    background-position: left 0.8vw center;
    background-repeat: no-repeat;
    background-size: 0.8vw;
    transition: .3s;
    height: 1.8vw;
    font-size: .6vw;
}

.admin_btn.excel:hover {
    padding-left: 2.0vw;
    /* background: url(../img/icn_excel_on.svg); */
    background-position: left 0.8vw center;
    background-repeat: no-repeat;
    background-size: 0.8vw;
}

.report .admin_content_table_header.flex p {
    color: #bbb;
}

.admin_content_table_header_left p span {
    padding: 0.5vw;
    color: #777;
}

.admin_content_table_header_left p b {
    padding-left: 0.5vw;
    font-weight: normal;
}

.admin_content_table_header_left p b:last-of-type {
    padding-right: 0.5vw;
}

.report .admin_content_body_top_left.flex span {
    color: #bbb;
    padding-left: 0.8vw;
}

.report .admin_content_body_top_left.flex span:last-of-type {
    padding-right: 0.8vw;
}

.report .admin_content_body_top_left.flex {}

.report .admin_content_body_top_left.flex span:first-of-type {
    color: #444;
}

.admin_thead .admin_tr {
    background: #1A1A1A;
    display: flex;
    height: 2.3vw;
    align-items: center;
    justify-content: space-between;
    border: 0.05vw solid #272727;
    /* border-bottom: 0.05vw solid #242424 !important; */
    /* background: #242424; */
    border: 0.05vw solid #444;
    border-right: 0;
    border-left: 0;
    border-bottom: 0.05vw solid #444444 !important;
}

.admin_thead {
    margin-top: 1.6vw;
}

.admin_thead .admin_th {
    color: #bbb;
}

.admin_tbody .admin_tr {
    border-bottom: 0.05vw solid #444;
    display: flex;
    align-items: center;
}

.admin_tbody .ad {}

.report .admin_tbody .admin_tr {
    height: 12vw;
    overflow: hidden;
}

.report .admin_tbody {
    height: calc(100% - 14.8vw);
    overflow: auto;
    /* border: 0.05vw solid red; */
}

.board .admin_content_left .admin_content_body {
    height: 100%;
}

.admin_content_table_content {
    height: 100%;
}

.admin_content_body_btm {
    height: 100%;
}

.select-box {
    /* margin-right: 0.8vw; */
}

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

.admin_th,
.admin_td {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    /* flex: none; */
    color: #bbb;
}

.report .admin_td img {
    object-fit: contain;
    width: 100%;
}

/* td너비 */

.w_10 {
    width: 10% !important;
}

.w_15 {
    width: 15% !important;
}

.w_20 {
    width: 20% !important
}

.w_25 {
    width: 25% !important
}

.w_27 {
    width: 27% !important;
}

.w_30 {
    width: 30% !important
}

.w_33 {
    width: 33% !important;
}

.w_35 {
    width: 35% !important
}

.w_40 {
    width: 40% !important;
}

.w_45 {
    width: 45% !important
}

.w_50 {
    width: 50% !important
}

.w_60 {
    width: 60% !important;
}

.w_70 {
    width: 70% !important
}

.w_100 {
    width: 5.2vw !important;
    display: inline-block;
}

.w_100per {
    width: 100% !important;
}

.w_180 {
    width: 9.38vw !important;
}

.w_200 {
    width: 10.42vw !important;
    display: inline-block;
}

.w_300 {
    width: 15.63vw !important;
}

.w_470 {
    width: 24.48vw !important;
}

/* td너비 */






/* patient */

.admin_td button:hover {
    /* color: white; */
    border: 0.05vw solid #777;
}

.patient .admin_tbody .admin_tr {
    height: 3vw;
    overflow: hidden;
}

.admin_content_heder_left_info {
    margin-right: auto;
    border-radius: 1.0vw;
    height: 2.1vw;
    /* background: #242424; */
    border: 0.05vw solid #444;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 1.0vw;
    color: #BBBBBB;
    margin-left: 1.0vw;
    position: absolute;
    left: 5.21vw;
}

.admin_content_heder_left_info span {
    padding: 0.5vw;
    color: #444
}

.admin_content_heder_left_info b {
    font-weight: normal;
}

.info_color.green {
    background: #15B810;
}

.info_color {
    width: 0.4vw;
    height: 0.4vw;
    border-radius: 100%;
    margin-right: 0.5vw;
}



.admin_noti {
    border: 0.05vw solid #444;
    /* background: #242424; */
    height: 1.9vw;
    display: flex;
    align-items: center;
    padding-left: 0.8vw;
    width: 20.8vw;
    position: absolute;
    right: 0;
    color: #ff9898;
}

.admin_noti img {
    margin-right: 0.5vw;
    width: 0.8vw;
}

.admin_td button:not('.room .admin_td button') {
    height: 1.8vw;
    width: 5.2vw;
    text-align: center;
    border: 0.05vw solid #444444;
    border-radius: 0.3vw;
    color: #bbb;
}

/*nurse */

h4 {
    color: #BBBBBB;
    font-size: 0.9vw;
}

.admin_td button:last-child {
    margin-left: 0.8vw;
}

.account .admin_tbody .admin_tr {
    height: 3vw;
}

.nurse .admin_content_body_btm.flex > div {
    width: 49%;
}

.nurse .admin_tbody .admin_tr {
    /* min-height: 3.23vw; */
    padding: 0.63vw 0;
    line-height: 1.6;
    padding-right: .6vw;
}

.nurse .admin_td.w_70 span {
    flex: none;
    padding-left: 0.78vw;
}

.nurse .admin_td.w_70 {
    flex-wrap: wrap;
    justify-content: flex-start;
}


/* 라디오 디자인 */

.radio_wrap {
    position: relative;
    display: flex;
    align-items: center;
}

.radio_wrap input[type="radio"] {
    position: absolute;
    width: 0.05vw;
    height: 0.05vw;
    padding: 0;
    margin: -0.05vw;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.radio_wrap input[type="radio"] + label {
    display: inline-block;
    position: relative;
    padding-left: 6.9444vw;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    /* display: flex; */
    /* align-items: center; */
    display: flex;
    font-size: 3.6vw;
    align-items: center;
}

.radio_wrap input[type="radio"] + label b {
    content: '';
    position: absolute;
    /* left: 0; */
    /* top: 0.00vw; */
    width: 4.4444vw;
    height: 4.4444vw;
    text-align: center;
    background: #bbb;
    border: none;
    border-radius: 100%;
    /* box-shadow: 0.00vw 0.05vw 0.10vw rgba(0,0,0,0.05), inset 0.00vw -0.78vw 0.52vw -0.63vw rgba(0,0,0,0.05); */
}

.radio_wrap input[type="radio"] + label:active:before,
.radio_wrap input[type="radio"]:checked + label:active:before {
    box-shadow: 0 0.05vw 0.10vw rgba(0, 0, 0, 0.05), inset 0.00vw 0.05vw 0.16vw rgba(0, 0, 0, 0.1);
}

.radio_wrap input[type="radio"]:checked + label b:before {
    background: #BBBBBB;
    border-color: #adb8c0;
}

.radio_wrap input[type="radio"] + label b:after {
    content: '';
    /*      background: transparent;*/
    transition: .2s;
}

.radio_wrap input[type="radio"]:checked + label b:after {
    content: '';
    position: absolute;
    /* top: 0.2vw; */
    /* left: 0.2vw; */
    width: 2.2222vw;
    height: 2.2222vw;
    background: #131313;
    border-radius: 100%;
    box-shadow: inset 0.00vw 0.00vw 0.5vw rgb(0 0 0 / 30%);
    border: none;
}

/* 체크박스 디자인 */



/* 체크박스 */

input[type="checkbox"] {
    display: none;
}

.check_wrap input[type="checkbox"]:checked + label {
    /* border: 0.05vw solid #a1abd3; */
}

.check_wrap input[type="checkbox"]:checked + label:before {
    background: #565656;
}

.check_wrap input[type="checkbox"]:checked + label:after {
    transform: scale(1);
}

.check_wrap input[type="checkbox"] + label:after {
    content: "\e928";
    font-family: "xeicon";
    font-weight: 900;
    color: white;
    transform: scale(0);
    transition: 0.2s;
    position: absolute;
    left: 0.16vw;
    top: 0.10vw;
    font-size: 0.63vw;
}

.check_wrap input[type="checkbox"] + label:before {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 0.89vw;
    height: 0.89vw;
    box-sizing: border-box;
    vertical-align: top;
    background: #292d3c;
    cursor: pointer;
    background: #333333;
    /* border: 0.05vw solid #d5d5d5; */
    content: '';
    border-radius: 0.10vw;
    /* margin-top: 0.05vw; */
}

.check_wrap {
    /* position: relative; */
    /* z-index: 2; */
    /* display: inline-block; */
    /* width: 0.99vw; */
    /* height: 0.99vw; */
    /* margin-right: 0.42vw; */
    /* display: flex; */
    /* align-items: center; */
}

.check_wrap label {
    position: relative;
    cursor: pointer;
    /* vertical-align: text-bottom; */
    /* padding-bottom: 0.52vw; */
}

.check_wrap label span {
    margin-left: 0.3vw;
    color: #BBBBBB;
}


/* board */
.board .admin_content_header h3 {
    color: #BBBBBB;
    line-height: 1.4;
}

.board .admin_content_header h3 b {
    font-size: 1.0vw;
    display: block;
    color: white;
    font-weight: normal;
}

.board.admin_content {
    padding: 0;
}

.board.admin_content .admin_content_left {
    padding: 2vw 1vw 2vw 2.3vw;
    width: 20% !important;
    border-right: 0.05vw solid #363636;
}




.radio_wrap input[type="radio"] + label span {
    color: #bbb;
    width: 7.8vw;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

.admin_content_board_list {
    background: #242424;
    border-radius: 0.2vw;
    padding: 0.9vw;
    height: calc(100% - 4.7vw);
    padding-right: 0.5vw;
}

.admin_content_board_list > ul {
    flex-grow: 1;
    height: 100%;
    height: calc(100% - 3.6vw);
    overflow: auto;
    margin-bottom: 0.8vw;
}

.admin_content_board_list ul li {
    margin-bottom: 0.8vw;
}

.admin_content_board_list_btm {
    display: flex;
    justify-content: center;
}

.radio_wrap button {
    display: flex;
    margin-left: auto;
    align-items: center;
    margin-right: 0.5vw;
}

.board.admin_content .admin_content_right {
    padding: 2vw 1vw 2vw 2.3vw;
    flex: 1;
}

.board.admin_content .admin_content_right h3 {
    color: white;
}

.board.admin_content .admin_content_right .admin_content_header {
    /* margin-top: 1.6vw; */
}

monitoring_board li.on .admin_camera_name {
    color: white !important;
}

.monitoring_board ul {
    display: flex;
    /* grid-template-columns: 1fr 1fr; */
    border-collapse: collapse;
    /* border: 0.05vw solid #707070; */
    width: 100%;
    flex-wrap: wrap;
}

.monitoring_board ul li {
    cursor: pointer;
    transition: .3s;
    border: 0.05vw solid #444;
}

.monitoring_board_01 ul li {
    /* border: 0.05vw solid #707070; */
    width: 50%;
    border-right: none;
    border-bottom: none;
}

.monitoring_board_01 ul li:nth-child(2n) {
    border-right: 0.05vw solid #707070;
}

.monitoring_board_01 ul li:nth-child(2n) ~ li {
    border-bottom: 0.05vw solid #707070;
}

.monitoring_board_02 ul li {
    width: 33.3%;
    border-right: none;
    border-bottom: none;
}

.monitoring_board_02 ul li:nth-child(3n) {
    border-right: 0.05vw solid #444;
}

.monitoring_board_02 ul li:nth-child(3n) ~ li {
    border-bottom: 0.05vw solid #444;
}

.monitoring_board_03 ul li {
    width: 25%;
    border-right: none;
    border-bottom: none;
}

.monitoring_board_03 ul li:nth-child(4n) {
    border-right: 0.05vw solid #707070;
}

.monitoring_board_03 ul li:nth-child(8n) ~ li {
    border-bottom: 0.05vw solid #707070;
}

.monitoring_board_03 ul li .admin_camera_video {
    height: 9.4vw;
}

.admin_camera_name {
    height: 1.6vw;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #777;
    border-bottom: 0.05vw solid #444;
}

.admin_camera_video {
    height: 15.1vw;
    background: url(../img/icn_big_add_off.svg) no-repeat;
    background-position: center;
    /* background-size: 2.6vw; */
}

.monitoring_board ul li:hover .admin_camera_video {
    background: url(../img/icn_big_add_on.svg) no-repeat;
    background-position: center;
    /* background-size: 2.60vw; */
}

.admin_camera_name.on {
    color: white;
}

.monitoring_board ul li:hover div {
    /* color: white; */
}

.monitoring_board ul li div {
    transition: .3s;
}

.board .admin_content_right_01 .admin_content_body > .monitoring_board {
    display: none;
}

.board .admin_content_right_01 .admin_content_body > .monitoring_board.on {
    display: block;
}


.board .admin_content_right > div {
    display: none;
}

.board .admin_content_right > div.on {
    display: block;
}

.monitoring_board li.on .admin_camera_name {
    color: #bbb;
}

.admin_camera_video img,
.admin_camera_video video {
    object-fit: cover;
    width: 100%;
    height: 100%;
}


.admin_content_right_02 * {
    color: #bbb;
}



.input_wrap label {
    color: #bbb;
}

.input_wrap input[type="text"],
.input_wrap input[type="number"],
.input_wrap input[type="date"],
.input_wrap input[type="time"] {
    height: 2.3vw;
    border: 0.05vw solid #444;
    background: #000;
    border-radius: 0.2vw;
    padding: 0.8vw;
    color: white;
    font-family: 'PretendardRegular';
}

.select_layout_wrap {
    margin-top: 3.1vw;
}

.select_layout_wrap h4 {
    font-size: .7vw;
    margin-bottom: 1.0vw;
}

.layout_wrap div {
    border: 0.05vw solid #444;
    background: #222222;
}

.layout_wrap.layout_wrap_01 div {
    height: 50%;
    /* width: 7.81vw; */
    width: 50%;
}

.layout_wrap {
    display: flex;
    flex-wrap: wrap;
    width: 15.6vw;
    height: 100%;
    height: 8.9vw;
}

.layout_wrap.layout_wrap_01 {
    /* width: 15.63vw; */
}

.layout_wrap.layout_wrap_02 div {
    width: 33.3%;
    height: 50%;
}


.layout_wrap.layout_wrap_03 div {
    height: 33.3%;
    width: 25%;
}

ul.select_layout.flex .check_wrap {
    text-align: center;
    display: block;
    margin-top: 1.3vw;
    /* display: flex; */
    /* align-items: center; */
    /* justify-content: center; */
}

ul.select_layout.flex {
    justify-content: space-between;
    /* height: 100%; */
}

.board .admin_content_footer {
    margin-top: 6.8vw;
}

.admin_content_footer {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;

}

.admin_content_footer button {
    width: 5.2083vw;
    margin: 0 0.5vw;
}




.select_layout .layout_wrap div {
    transition: .3s;
}

.select_layout li {
    cursor: pointer
}

.select_layout li.on .layout_wrap div {
    border-color: white;
}

.layout_wrap_01 div:nth-of-type(2n) {
    border-left: none;
}

.layout_wrap_01 div:nth-of-type(2n) ~ div {
    border-top: none;
}

.layout_wrap_02 div {
    border-right: none;
}

.layout_wrap_02 div:nth-of-type(3n) {
    border-right: 0.05vw solid #444;
}

.layout_wrap_02 div:nth-of-type(3n) ~ div {
    border-top: none;
}


.layout_wrap_03 div {
    border-bottom: none;
    border-right: none
}

.layout_wrap_03 div:nth-of-type(4n) {
    border-right: 0.05vw solid #444;
}

.layout_wrap_03 div:nth-of-type(8n) ~ div {
    border-bottom: 0.05vw solid #444;
}



/* setting */

.setting h4 {
    font-size: 0.7vw;
    background: #1a1a1a;
    border: 0.05vw solid #444;
    height: 2.3438vw;
    display: flex;
    align-items: center;
    padding: 0 0.9375vw;
    cursor: pointer
}

.setting h4 i {
    color: #bbb;
    font-size: 0.9375vw;
    margin-left: auto;
}

.setting .input_wrap {
    margin: .5vw 1vw;
}

.setting .admin_content_left .admin_content_body {
    height: calc(100% - 7.3333vw);
    /* border: 0.05vw solid red; */
    /* overflow: overlay; */
    /* margin-bottom: 0.78vw; */
    /* height: 100%; */
    padding-right: 0.7813vw;
}

.setting .admin_content_left .admin_content_footer {
    border-top: 0.05vw solid #444;
    padding-top: 1.0417vw;
    position: relative;
    background: #131313;
}

.setting .admin_content_footer {
    justify-content: right;
}


.setting label.w_50 {
    display: block;
}

.setting .input_wrap {
    display: flex;
    align-items: center;
    transition: .5s;
}

.input_box_wrap {
    /* height: calc(100% - 2.34vw); */
    overflow: hidden;
    /* border: 0.05vw solid red; */
    /* height: 100%; */
}

.admin_content_toggle {
    height: 100%;
}

.admin_content_toggle li {
    /* height: 100%; */
    /* overflow: auto; */
    /* height: 100%; */
}

.setting .input_wrap:last-child {
    /* margin-bottom: 0; */
}



.setting > div {
    width: 33.3% !important;
    padding: 2vw 1.8vw 0 2.3vw;
    border-right: 0.05vw solid #333333;
}

.admin_content.flex.setting {
    display: flex;
}

.setting .admin_content_heder_right button {
    margin-right: 0.7813vw;
    position: absolute;
    right: -0.16vw;
    top: -0.68vw;
}

dl.admin_content_toggle dt {
    margin-bottom: 0.5208vw;
    position: sticky;
    top: 0;
    z-index: 1;
}

.setting .input_wrap:first-child {
    margin-top: 0.5208vw;
    position: relative;
}

.setting h4 .xi-angle-up-min {
    display: none;
}

.setting dt.on .xi-angle-down-min {
    display: none
}

.setting dt.on .xi-angle-up-min {
    display: block
}

dl.admin_content_toggle dt:nth-of-type(2) {
    top: 2.8646vw;
}

dl.admin_content_toggle dt:nth-of-type(3) {
    top: 5.7292vw;
}

dl.admin_content_toggle dt:nth-of-type(4) {
    top: 8.5938vw;
}

dl.admin_content_toggle dt:nth-of-type(5) {
    top: 11.4583vw;
}

dl.admin_content_toggle dt:nth-of-type(6) {
    top: 14.3229vw;
}

dl.admin_content_toggle dt:nth-of-type(5) {
    top: 17.1875vw;
}

dl.admin_content_toggle dt:nth-of-type(6) {
    top: 20.0521vw;
}

dl.admin_content_toggle dt:before {
    content: '';
    background: #131313;
    width: 100%;
    height: 100%;
    display: block;
    right: 0;
    position: absolute;
    top: -0.42vw;
}

.setting .admin_content_mid .admin_content_body {
    height: calc(100% - 8.3333vw);
}


.admin_content_mid h3 {
    height: 2.1vw;
}

.admin_content_mid .admin_content_footer {
    padding-top: 1.0vw;
}


input[type="color"] {
    height: 2.1vw;
    background: none;
    border: 0.05vw solid #242424;
    padding: 0.3vw;
}

.setting .admin_content_right .admin_button_wrap {
    width: 100%;
}

.admin_tab_content {
    display: none;
    height: 100%;
}

.admin_tab_content.on {
    display: block;
    /* height: 100%; */
}

.setting .admin_content_table_content .admin_thead .admin_th,
.setting .admin_content_table_content .admin_tbody .admin_td {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #BBBBBB;
}

.setting .admin_tr {
    border-bottom: none;
    padding: 0.5vw 0;
}

.setting .admin_tr_wrap {
    border-bottom: 0.05vw solid #444;
}

.setting .admin_content_body_btm {
    /* border: 0.05vw solid #444444; */
}

.setting .admin_thead {
    margin: 0;
    border: 0.05vw solid #444444;
    border-bottom: none;
    border-top: none;
}

.admin_tab_content_01 .admin_tbody {
    height: calc(100% - 1.7vw);
    /* border: 0.05vw solid red; */
    overflow: auto;
}

.admin_tab_content .admin_tbody {
    border: 0.05vw solid #444444;
    border-top: none;
}

.admin_tab_content_02 .admin_tr {
    /* border: 0.05vw solid #444; */
}

.setting .admin_content_right .admin_content_body {
    height: calc(100% - 7.7vw);
}

.admin_content_table_header_btm * {
    color: #777;
}

/*.admin_content_table_header_btm {justify-content: space-between;}*/
.admin_content_table_header_btm p {
    margin-left: auto;
}

.admin_content_table_header_btm.flex {
    padding: 0.8vw 0.3vw;
}

.admin_content_table_header_btm.flex .check_wrap {
    margin-right: 1.0vw;
}

.admin_tab_content_02 .admin_tbody {
    height: calc(100% - 5.7vw);
    overflow: overlay;
}

.admin_content.flex.home,
.admin_content.report,
.admin_content.patient,
.admin_content.account,
.admin_content.room,
.admin_content.nurse {
    padding: 2vw 2.3vw 0 2.3vw;
}

.report .admin_content_body {
    height: 100%;
}

.nurse .admin_content_table_wrap {
    height: 100%;
}

.nurse .admin_tbody {
    height: calc(100% - 15.1vw);
    overflow: overlay;
    /* border: 0.05vw solid red; */
    border-bottom: 0.05vw solid #444;
}

.nurse .admin_content_body {
    height: 100%;
}

.setting .admin_content_body_top.flex {
    margin-bottom: 0.8vw;
}

.admin_pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 1vw;
}

.admin_pagination button {
    display: flex;
    align-items: center;
    justify-content: center;
    /* padding: 0.26vw; */
}

.admin_pagination button img {
    height: 0.8vw;
}

.admin_pagination button span {
    padding: 0.5vw;
    color: #777777;
}

.admin_pagination button.on span {
    color: white;
}

.account .admin_td,
.nurse .admin_td,
.nurse .admin_td span {
    color: #777;
}

.admin_td.discharge {
    color: #bbb;
}

.check_wrap input[type="checkbox"]:checked + label span {
    color: #bbb;
}

.admin_ranking_wrap_left.admin_ranking_wrap .ranking_body.content_none {
    border: 0.05vw solid #FF545466;
    background: linear-gradient(180deg, rgb(255 84 84 / 20%) -7%, rgb(255 84 84 / 0%) 99%)no-repeat;
}

.admin_ranking_wrap_mid.admin_ranking_wrap .ranking_body.content_none {
    border: 0.05vw solid #FF545466;
    background: linear-gradient(180deg, rgb(255 150 58 / 20%) -7%, rgb(255 150 58 / 0%) 99%)no-repeat;
}

.admin_ranking_wrap_right.admin_ranking_wrap .ranking_body.content_none {
    border: 0.05vw solid #FF545466;
    background: linear-gradient(180deg, rgb(30 142 254 / 20%) -7%, rgb(30 142 254 / 0%) 99%)no-repeat;
}

.ranking_body.content_none {}

.admin_ranking_wrap_mid.admin_ranking_wrap .ranking_body.content_none {
    border: 0.05vw solid #FF963A66;
    background: transparent linear-gradient(180deg, #5B3B1F 0%, #000000 100%) 0% 0% no-repeat padding-box;
}

.admin_ranking_wrap_right.admin_ranking_wrap .ranking_body.content_none {
    border: 0.05vw solid #1E8EFE66;
    background: transparent linear-gradient(180deg, #163757 0%, #000000 100%) 0% 0% no-repeat padding-box;
}

.admin_ranking_wrap_left .content_none:after {
    content: '낙상사고 최근 이력이 없습니다.';
    display: block;
}

.admin_ranking_wrap_mid .content_none:after {
    content: '낙상경보 최근 이력이 없습니다.';
    display: block;
}

.admin_ranking_wrap_right .content_none:after {
    content: '욕창경보 최근 이력이 없습니다.';
    display: block;
}



/*팝업 디자인*/

.popup {
    display: none;
}

.popup_07,
.popup_06,
.popup_05,
.popup_11,
.popup_14 {
    width: 26.56vw;
}

.popup_09 {
    width: 30vw;
}

.popup {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    max-height: 100%;
}

.popup .popup_header {
    height: 10.5vw;
    background: #363636;
    border: 0.2778vw solid #444;
    align-items: center;
    justify-content: space-between;
    /* padding: 0; */
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    padding-left: 4.1667vw;
    padding-right: 4.1667vw;
}

.popup .popup_header_close button {
    font-size: 1.04vw;
    padding: .2vw .5vw .5vw;
    color: #bbb;
}

.popup_body {
    background: #242424;
    border: 0.05vw solid #444444;
    border-top: none;
    padding: 4.1667vw;
    overflow: auto;
    /* height: calc(100vh - 196px); */
}

.popup .input_wrap input[type="text"],
.popup .input_wrap input[type="number"] {
    height: 1.98vw;
    background: #131313;
}

.popup .input_wrap {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    margin-bottom: 0.5vw;
    justify-content: space-between;
}

.popup_input_box {
    border-top: 0.05vw solid #444;
    padding: 0.6vw 0;
}

.popup_input_box:first-child {
    padding-top: 0;
}

.popup_input_box h4 {
    font-size: .7vw;
    color: white;
    padding: 0.52vw 0;
    padding-top: 0.26vw;
}

.popup .select_wrap {
    display: flex;
    align-items: center;
    width: 100% !important;
    margin-bottom: 2.7778vw;
}

.select_wrap label {
    color: #bbb;
}

.popup .select-box > a {
    border-radius: 1.1111vw;
    height: 9.7222vw;
    background: #131313 url(../img/icn_arrow_down.svg) no-repeat right 4.1667vw center;
    border: 0.2778vw solid #444;
    font-size: 3.6vw;
    color: #bbb;
}

.popup .select-box.select-active > a {
    background: #131313 url(../img/icn_fold.svg) no-repeat right 4.1667vw center;
    /* border: 0.05vw solid #777; */
    border-bottom: none;
}

.popup .select-box {
    border: none;
    margin-right: 0 !important;

}

.popup_03 .select-box,
.popup_13 .select-box {
    width: 100% !important;
}

.popup .select_wrap:last-child {
    /* margin: 0; */
}

.input_wrap .admin_btn {
    width: 4.17vw;
    height: 1.98vw;
    margin-left: auto;
    border: 0.05vw solid transparent;
}

.popup .input_wrap:last-of-type {
    margin-bottom: 0;
}

.popup_btn_wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    WIDTH: 100%;
}

.popup_btn_wrap button {
    height: 8.7222vw;
    width: 49%;
    margin-top: 5vw;
    color: #bbb;
    font-size: 3.6vw;
    background: #131313;
}

.popup_input_box:last-of-type {
    /* border: none !important; */
}

.popup_input_box:first-of-type {
    border: none;
}



.input_wrap textarea {
    background: #131313;
    border: none;
    border-radius: 0.21vw;
    resize: none;
    height: 5.21vw;
}

.popup_04 {
    width: 39.06vw;
}

.popup_04.popup .popup_body {
    display: flex;
    flex-wrap: wrap;
}

.popup_04 .popup_body_right {
    padding-left: 1.56vw;
    width: 40%;
}

ul.popup_list_wrap {
    background: #131313;
    width: 11.46vw;
    height: 11.72vw;
    border: 0.05vw solid #444444;
    overflow: overlay;
}

ul.popup_list_wrap li {
    height: 2.08vw;
    display: flex;
    align-items: center;
    padding: 0.78vw;
    cursor: pointer;
    /* color: #777777; */
}

ul.popup_list_wrap button {
    color: #777;
}

ul.popup_list_wrap li.on {
    /* background: #363636; */
    color: white;
}

ul.popup_list_wrap li.on button {
    color: #bbb;
}

ul.popup_list_wrap li.on:after {
    content: "\e928";
    font-family: 'xeicon';
    color: #07B156;
    margin-left: auto;
}

.popup_04 .popup_body_left {
    width: 60%;
}

.popup_08,
.popup_15 {
    width: 53vw;
    z-index: 999;
}

.popup_08.popup .popup_body,
.popup_15.popup .popup_body {
    display: flex;
    flex-wrap: wrap;
}

.popup_08.popup .popup_body > div,
.popup_15.popup .popup_body > div {
    width: 50%;
}

.popup_08.popup .popup_btn_wrap,
.popup_15.popup .popup_btn_wrap {
    width: 100%;
}

.popup_btn_wrap {}

.popup_08.popup .popup_btn_wrap,
.popup_15.popup .popup_btn_wrap {
    width: 100% !important;
}

.popup_08 .popup_body_left,
.popup_15 .popup_body_left {
    padding-right: 1.56vw;
    border-right: 0.05vw solid #3c3c3c;
}

.popup_08 .popup_body_right,
.popup_15 .popup_body_right {
    padding-left: 1.56vw;
}

.popup_08 .input_wrap .radio_wrap.w_60,
.popup_15 .input_wrap .radio_wrap.w_60 {
    margin: 0.52vw 0;
}

.popup_08 .radio_wrap input[type="radio"] + label span,
.popup_15 .radio_wrap input[type="radio"] + label span {
    width: 2.86vw;
}

.popup_08 .check_wrap,
.popup_15 .check_wrap {
    padding: 0.52vw 0;
}

.popup_08 .check_wrap label:before,
.popup_15 .check_wrap label:before {
    margin-right: 0.52vw;
}

.popup_08 .check_wrap label,
.popup_15 .check_wrap label {
    display: flex;
    align-items: center;
    color: #bbb;
}

.popup_01,
.popup_02,
.popup_03,
.popup_13 {
    width: 86.1111vw;
}

.popup_01 .popup_body {
    /* height: 7.81vw; */
    border-top: 0.05vw solid #444;
    padding-top: 3.13vw;
}


.popup_01 .popup_body p {
    text-align: center;
    padding-bottom: 1.04vw;
}

.popup_01 .popup_body .popup_btn_wrap button {
    width: 5.21vw;
    margin-left: 0.52vw;
    margin-right: 0.52vw;
    height: 2.08vw;
    color: #bbb;
}

.popup_01 .popup_body .popup_btn_wrap button:last-child {
    background: #131313;
}



/* tree */

button.tree_btn {
    width: 0.89vw;
    height: 0.89vw;
    background: #565656;
    border-radius: 0.10vw;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0.1vw;
}

.tree_list {
    display: flex;
    align-items: center;
    /* margin-bottom: 0.52vw; */
    padding: 0.6vw 0;
    padding-left: 0.94vw;
    /* margin-top: 0.52vw; */
}

.sub_list {
    /* padding-left: 0.94vw; */
    /* line-height: 2; */
    /* padding-top: 0.52vw; */
}

.sub_list li {
    /* margin-bottom: 0.52vw; */
    padding: 0.6vw 0;
    padding-left: 2vw;
}

.popup_tree_wrap > ul > li {
    /* border: 0.05vw solid #444; */
    /* background: url(../img/icn_tree.svg) no-repeat; */
    /* background-position: left 1.15vw top 2.60vw; */
}

.tree_list .list:hover {
    background: #131313;
}

.popup_tree_wrap .list:hover {
    background: #131313;
}

.popup_tree_wrap .list.on {
    background: #131313;
}

.popup_tree_wrap .list {
    transition: .3s;
}

.tree_btn .xi-minus-min {
    display: block;
}

.tree_btn .xi-plus-min {
    display: none;
}

.tree_btn.on .xi-plus-min {
    display: block;
}

.tree_btn.on .xi-minus-min {
    display: none;
}

.popup_tree_wrap {
    height: 27.50vw;
    border: 0.05vw solid #444;
    overflow: overlay;
}

.popup_body h4 {
    font-size: 3.6vw;
    margin: 2.7778vw 0;
}

.input_box {
    border: 0.05vw solid #444;
    padding: 4.1667vw;
}

.input_box .radio_wrap {
    margin-bottom: 4.1667vw;
    display: flex;
}

.input_box .radio_wrap label {
    color: #bbb;
}

.popup_textarea_wrap textarea {
    width: 100%;
    background: #131313;
    border: none;
    border-radius: 0.21vw;
    height: 20.7778vw;
    resize: none;
    font-size: 3.6vw;
    border-radius: 1.1111vw;
    border: 0.05vw solid #444;
}

.radio_wrap input[type="text"] {
    background: #131313;
    height: 9.7222vw;
    border-radius: 1.1111vw;
    margin-left: auto;
    width: 75%;
    padding: 0 2.7778vw;
}

h3.popup_header_title {
    font-family: 'PretendardMedium';
    color: #bbb;
    font-size: 3.6vw;
}

textarea {
    padding: 2.7778vw;
    font-family: PretendardRegular;
    outline: none;
    /* border: 0.05vw solid #444 !important; */
    transition: .3s;
}

input {
    font-size: 0.7vw;
}

.setting .admin_content_table_content .admin_tbody .admin_tr:hover {
    background: #242424;
    cursor: pointer;
}

.popup_03 .popup_body .radio_wrap input,
.popup_13 .popup_body .radio_wrap input {
    position: absolute;
    right: 0;
    border: 0.05vw solid #444;
}




/* input number */
.number_wrapper {
    position: relative;
}

.number_wrapper:after,
.number_wrapper:before {
    position: absolute;
    right: 0.36vw;
    width: 0.89vw;
    height: 0.78vw;
    font-size: 0.52vw;
    pointer-events: none;
    /* background: #fff; */
    cursor: pointer;
    transform: scale(.8);
}

.number_wrapper:after {
    color: #bbb;
    content: "\25B2";
    margin-top: -0.63vw;
}

.number_wrapper:before {
    color: #bbb;
    content: "\25BC";
    margin-bottom: 0.42vw;
    bottom: 0.08vw;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    opacity: 0;
}

.admin_input_btn {
    background: #333333;
    border: none;
}

.input_wrap .admin_btn:hover {
    border: 0.05vw solid #444;
}

.popup_btn_wrap button:hover {
    /* background: #131313; */
    border: 0.2778vw solid #777;
}

span.dash {
    padding: 0.52vw;
    color: #bbb;
}

@keyframes arrow {

    0% {
        left: 0
    }

    100% {
        left: 0.4vw;
    }

}

.admin_tbody .select-box > a {
    background: url(../img/icn_arrow_down.svg) no-repeat, #1a1a1a;
    background-position: right 0.5vw center;
}

.admin_tbody .select-box {
    border: none;
}

.admin_tbody .select-box ul {
    border: 0.05vw solid #242424;
}

.account .admin_tbody .select-box > a {
    color: #777;
    /* border: 0.05vw solid #444; */
    border-radius: .2vw;
}

/* room */


.room .admin_content_header h3:last-child {
    margin-right: auto;
}

.room .admin_content_left .admin_content_body_top {
    border: none;
    padding-bottom: 0;
    /* padding-top: 0.78vw; */
    margin-bottom: 0.78vw;
}

.room .admin_content_body_top_right button.admin_btn.add {
    margin-left: 0.52vw;
}

.room .admin_content_header h3 {
    /* margin-right: 0.78vw; */
    color: #777777;
}

.room .admin_content_header h3.on {
    color: white;
}

.room .admin_content_header h3 button {
    font-size: inherit;
    color: inherit;
}

.room .input_wrap {
    display: flex;
    align-items: center;
    margin-bottom: 0.6vw;
}

.room .input_box_wrap {
    border-bottom: 0.05vw solid #363636;
    padding: 0.6vw 0;
}

.room .input_wrap:last-child {
    margin-bottom: 0;
}

.room .admin_content_right .admin_content_header {
    visibility: hidden;
}

.room .admin_content_left {
    /* margin-right: 3%; */
    width: 48% !important;
}

.admin_content_body_top_left.flex .input_wrap {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.room .admin_content_body_top.flex {
    width: 100%;
}

.room .admin_content_body_top_left.flex button {
    margin-left: auto;
    width: auto;
}

.room .admin_content_body_top_left.flex input {
    flex: 1;
    width: 100%;
    margin-right: 0.78vw;
    FONT-WEIGHT: 100;
}

.room .admin_content_right .admin_content_body_top_left.flex {
    width: 100%;
    /* padding-top: 0.78vw; */
}

.polygon_icon {
    background: url(../img/icn_pen.svg) no-repeat;
    transition: .3s;
    width: 0.7813vw;
    height: 0.7813vw;
    background-size: contain;
}

.polygon_icon.on {
    background: url(../img/icn_pen_on.svg) no-repeat;
    transition: .3s;
    width: 0.78vw;
    height: 0.78vw;
    background-size: contain;
}

.admin_btm_right {
    width: 20%;
    margin-left: 2%;
}

.room .admin_thead {
    margin-top: 0;
}

.room .admin_thead .admin_tr {
    display: flex;
}

.room .admin_thead .admin_th {
    width: 100%;
}

.room .admin_td {
    width: 100%;
    color: #BBBBBB;
}

.room .admin_tbody .admin_tr {
    height: 3.13vw;
    border-right: none;
}

.rooom .admin_content_footer {
    width: 100%;
}

.room .admin_content.flex.room {
    flex-wrap: wrap;
}

.room .admin_content_footer {
    width: 100%;
    display: flex;
    justify-content: end;
    position: relative;
    top: -3.13vw;
}

.admin_content.flex.room {
    flex-wrap: wrap;
}

.room .admin_btm_left {
    width: 80%;
}

.admin_btn_left_img_wrap img {
    width: 100%;
    object-fit: contain;
    height: 100%;
}

.room .input_box_wrap:last-child {
    border: none;
}

.room h4 {
    margin-bottom: 1.04vw;
}

.room h3.admin_content_heder_left:last-of-type {
    margin-right: auto;
}

.admin_content_heder_left h3.on button {
    color: white;
}

.room .admin_tab_content.on {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.room .admin_tab_content {
    height: auto;
    justify-content: space-between;
}

.room .admin_content_right {
    width: 50%;
}

.admin_td_btn {
    color: #bbb;
    width: 4.69vw;
    border: 0.05vw solid #444;
    height: 1.7vw;
    border-radius: 0.26vw;
    font-size: .65vw;
}

.room .admin_tab_content .admin_tbody {
    border-left: 0;
    border-right: 0;
}

.popup.on {
    display: block !important;
    z-index: 2;
}

.popup_tree_wrap .sub_list:before {
    /* content: '└'; */
    position: absolute;
    color: #585858;
    top: 2.45vw;
    left: 0.78vw;
    z-index: 99;
    font-weight: 800;
}

.popup_tree_wrap ul {
    position: relative;
}

.popup_10 {
    width: 26.56vw;
}

.popup_10 .popup_body {
    /* height: 7.81vw; */
    border-top: 0.05vw solid #444;
    padding-top: 3.13vw;
}


.popup_10 .popup_body p {
    text-align: center;
    padding-bottom: 1.04vw;
}

.popup_10 .popup_body .popup_btn_wrap button {
    width: 5.21vw;
    margin-left: 0.52vw;
    margin-right: 0.52vw;
    height: 2.08vw;
    color: #bbb;
}

.popup_10 .popup_body .popup_btn_wrap button:last-child {
    background: #131313;
}



span.myColorPicker-preview {
    position: absolute;
    left: 0.6250vw;
    width: 1.0417vw;
    height: 1.0417vw;
    top: 0.6250vw;
    border: 0.05vw solid #444;
}

span.myColorPicker-preview + input {
    padding-left: 0.4167vw !important;
    text-indent: 2.0833vw;
    color: #bbb !important;
}

.btn.btn-info.btn-close {
    color: #bbb;
    height: 1.77vw;
    border-radius: 0.26vw;
    width: 10.42vw;
    border: 0.05vw solid #444;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s;
    cursor: pointer;
    background: #131313;
    height: 1.9vw;
}

.btn.btn-info.btn-close:hover {
    background: #131313;
    /* color: white; */
    border: 0.05vw solid #777;
}

.cp-values input:focus {
    border: none;
}

.cp-values input:focus-visible {
    outline: none !important;
    border: none;
}

.popup_body .radio_wrap input,
textarea {
    border: 0.05vw solid transparent;
    font-size: 3.6vw;
}

.popup_body .radio_wrap input:focus,
textarea:focus {
    border: 0.05vw solid #777 !important;
}

.select_layout .check_wrap input[type="checkbox"] + label:after {
    /* top: 0.2vw; */
}

.admin_content_table_wrap.right .admin_td,
.admin_content_table_wrap.right .admin_td span {
    color: #bbb;

}

.popup .number_wrapper:before {
    margin-bottom: 0.3vw;
}

.popup .number_wrapper:after,
.number_wrapper:before {
    height: 0.75vw;
}

.popup_11 .select-box {
    width: 100% !important;
}

.popup_body_header {
    background: #131313;
    height: 1.98vw;
    border-radius: 0.21vw;
    margin-left: auto;
    width: 100%;
    padding: 0 0.78vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.26vw;
    border: 0.05vw solid #444;
}

.popup_body_header_left {
    display: flex;
}

.popup_body_header_right {
    display: flex;
    /* font-size: .5vw; */
    /* padding-right: 4.1667vw; */
}

.popup_body_header_right div {
    /* font-size: .61vw; */
    display: flex;
    align-items: center;
}

.popup_body_header_right span {
    padding: 1.3889vw;
    color: #777;
}

.popup_body_header div {
    color: #bbb;
}

#tab_04 .admin_content_footer {
    justify-content: center;
    margin-top: 16.67vw;
}

.patient .admin_content_header,
.nurse .admin_content_header,
.room .admin_content_header,
.account .admin_content_header,
.setting .admin_content_header {
    position: relative;
    /*    top: -0.52vw;*/
}

.admin_btn_left_img_wrap {
    position: relative;
}

.admin_btn_left_img_wrap.on:after {
    background: rgba(36, 36, 36, 0.84);
    content: '병실 스틸컷 화면에 해당 병상의 영역을 그려주세요.';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.popup .admin_input_btn {
    height: 1.9vw;
    width: 25% !important;
    border-radius: 0.13vw !important;
    border: 0.05vw solid #444;
}

.popup_07 .admin_input_btn {
    width: 18.9% !important;
}



/* 파일 폼 */


.filebox input[type="file"] {
    position: absolute;
    width: 0.05vw;
    height: 0.05vw;
    padding: 0;
    margin: -0.05vw;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.filebox .admin_btn {
    /* padding: 0 0.7vw; */
    /* height: 2.1vw; */
    /* display: flex; */
    /* align-items: center; */
    /* justify-content: center; */
    /* background: #242424; */
    /* border-radius: 0.2vw; */
    /* border: 0.05vw solid #444444 !important; */
    /* color: #BBBBBB; */
    /* background: url(../img/icn_add_off.svg), #242424; */
    /* background-position: left 0.8vw center; */
    /* background-repeat: no-repeat; */
    /* padding-left: 1.6vw; */
    /* background-size: 0.5vw; */
    /* transition: .3s; */
    /* cursor: pointer; */
    padding: 0 0;
    height: 1.9vw;
    display: flex;
    align-items: center;
    justify-content: center;
    /* background: #242424; */
    border-radius: 0.2vw;
    border: 0.05vw solid #444444;
    /* color: #BBBBBB; */
    /* background: url(../img/icn_add_off.svg), #242424; */
    /* background-position: left 0.8vw center; */
    /* background-repeat: no-repeat; */
    /* background-size: 0.5vw; */
    transition: .3s;
    position: relative;
}

/* named upload */
.filebox .upload-name {

    -webkit-appearance: none;
    /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;
}

input.upload-name {
    height: 1.9vw;
    padding: 0 0.78vw;
    font-family: 'PretendardRegular';
    background: none;
    border: 0.05vw solid #444;
    border-radius: 0.2vw;
}

input.upload-name {
    color: #bbb
}

.admin_tr.on div,
.admin_tr.on .select_wrap .select-box > a {
    color: #bbb;
}

.popup_11 .popup_body .radio_wrap input {
    position: absolute;
    right: 0;
    border: 0.05vw solid #444;
}

.room .admin_td button:last-child {
    margin: 0;
}

.popup .check_wrap input[type="checkbox"] + label:after {
    /* top: 0.16vw; */
}

.admin_tbody .admin_tr:last-child {
    border: none;
}


.popup_12 {
    width: 26.56vw;
}

.popup_12 .popup_body {
    /* height: 7.81vw; */
    border-top: 0.05vw solid #444;
    padding-top: 3.13vw;
}


.popup_12 .popup_body p {
    text-align: center;
    padding-bottom: 1.04vw;
}

.popup_12 .popup_body .popup_btn_wrap button {
    width: 5.21vw;
    margin-left: 0.52vw;
    margin-right: 0.52vw;
    height: 2.08vw;
    color: #bbb;
}

.popup_12 .popup_body .popup_btn_wrap button:last-child {
    background: #131313;
}

.patient .admin_tbody,
.account .admin_tbody,
.report .admin_tbody {
    border-bottom: 0.05vw solid #444;
}

.setting .check_wrap input[type="checkbox"] + label:after {
    top: 0.15vw;
}

.input_wrap input[type="text"]:hover,
.input_wrap input[type="number"]:hover {
    border: 0.05vw solid #777;
}

.patient .admin_td {
    color: #bbb;
}

button.admin_btn.admin_input_btn:hover {
    border: 0.05vw solid #777;
}

/*

button.admin_btn.add:before {
    content: '';
    background: url(../img/icn_add_off.svg), #242424;
    background-position: left 0.8vw center;
    background-repeat: no-repeat;
    color: #BBBBBB;
    position: absolute;
    left: 0.36vw;
     border: 0.05vw solid red; 
    background-size: 0.5vw;
    width: 1vw;
    height: 1vw;
    background-position: center;
      transform: rotate(0deg);
    transition: .5s;
}

button.admin_btn.add:hover:before {
    transform: rotate(180deg);
    background: url(../img/icn_add_on.svg), #242424;
    background-repeat: no-repeat;
}*/
button.admin_btn.add i,
.filebox .admin_btn i {
    color: #bbb;
    margin-right: 0.26vw;
    font-weight: 300;
    transform: rotate(0deg);
    transition: .5s;
}

.filebox .admin_btn {
    cursor: pointer;
    display: flex;
    width: 5.1vw !important;
}

button.admin_btn.add:hover i,
.filebox .admin_btn:hover i {
    /* color: white; */
    transform: rotate(90deg);
}

.filebox .admin_btn:hover {
    /* color: white; */
    border: 0.05vw solid #777;
}

.room .admin_content_heder span {
    /* display: block; */
    padding: 0.78vw;
}

.room .admin_content_header.flex span {
    padding: 0 0.52vw;
    color: #6e6e6e;
}

dl.admin_content_toggle dd {
    height: calc(100% - 33.85vw);
    overflow: auto;
    /* border: 0.05vw solid red; */
    /* height: 100%; */
}

dl.admin_content_toggle dt.on + dd {
    height: 0;
}

dl.admin_content_toggle dt + dd {
    height: calc(100% - 74.3%);
    transition: .5s
}

.popup_10 .popup_body .popup_btn_wrap button:first-child {
    background: transparent;
}

.popup_12 .popup_body .popup_btn_wrap button:first-child {
    background: transparent;
}

.patient .admin_tbody .admin_tr:hover .admin_td {
    color: white;
}

.patient .admin_tbody .admin_tr .admin_td {
    transition: .3s;
}

.popup_01 .popup_body .popup_btn_wrap button:first-child {
    background: none;
}

button.close_btn i {
    color: #bbb;
}

.admin_content.home {
    overflow-y: scroll;
}

li.header_room > div {
    font-size: .8vw;
}

.header_left_section_03 li > div {
    font-size: .8vw;
}

.cp-values * {
    color: #bbb;
}

section.header_left_section_04 {
    margin-left: 1.5625vw;
}

aside .monitor_header_room {
    width: 6vw !important;
}

button.polygon_icon:hover {
    border: none;
}

.monitoring_btn_wrap a {
    width: 5.7vw;
    background: white;
    color: #131313;
    height: 2.2vw;
    border-radius: 0 1.3vw 1.3vw 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s;
    font-family: 'PretendardMedium';
    font-size: .8vw;
}

.radio_wrap b {
    left: 0;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
}

.popup input[type="time"] {
    background: #131313;
    height: 1.98vw;
    color: #bbb;
}

input[type="time"]::-webkit-calendar-picker-indicator {
    filter: invert(48%) sepia(13%) saturate(0%) hue-rotate(130deg) brightness(95%) contrast(80%);
    position: relative;
    left: 0.26vw;
}

.date_wrap input[type="text"] {
    height: 1.9vw;
    border: 0.05vw solid #444;
    background: transparent;
    border-radius: 0.2vw;
    color: #bbb;
    font-family: 'PretendardRegular';
    padding-left: 0.8vw;
}



.date_wrap input[type="text"]:after {
    position: absolute;
    top: 50%;
    right: 0.52vw;
    content: '';
    width: 0.8vw;
    height: 0.8vw;
    background: #fff url(../img/icn_calendar_off.svg) center center /contain;
    transform: translateY(-50%);
    z-index: 0;
    background-repeat: no-repeat;
    cursor: pointer;
}

.date_wrap input[type="text"]:hover:after {
    position: absolute;
    top: 50%;
    right: 0.52vw;
    content: '';
    width: 0.78vw;
    height: 0.78vw;
    background: #fff url(../img/icn_calendar_on.svg) center center /contain;
    transform: translateY(-50%);
    z-index: 0;
    background-repeat: no-repeat;
}


.date_wrap input[type="text"] {
    height: 1.9vw;
    border: 0.05vw solid #444;
    background: transparent;
    border-radius: 0.2vw;
    color: #bbb;
    font-family: 'PretendardRegular';
    padding-right: 1vw;
}

.date_wrap input[type="text"]:after {

    background: url(../img/icn_calendar_off.svg) no-repeat !important;
    width: 0.8vw;
    height: 0.8vw;
    position: absolute;
    right: 0.4vw;
    transition: .3s;
    background-size: 0.7vw;
}

.date_wrap input[type="text"]:hover:after {

    background: url(../img/icn_calendar_on.svg) no-repeat !important;
    width: 0.8vw;
    height: 0.8vw;
    position: absolute;
    right: 0.4vw;
    background-size: 0.7vw;
}

.date_wrap i {
    color: #bbb;
    transition: .3s;
}

.date_wrap span {
    position: absolute;
    top: 0.52vw;
    right: -0.16vw;
}

.date_wrap {
    position: relative;
}

.date_wrap:hover i {
    color: white;
}

.ui-accordion .ui-accordion-header {
    font-size: 0.7vw;
    background: #1a1a1a;
    border: 0.05vw solid #444;
    height: 2.3438vw;
    display: flex;
    align-items: center;
    padding: 0 0.9375vw;
    cursor: pointer;
}

span.ui-accordion-header-icon {
    display: none;
}

.popup_16 .input_box {
    display: flex;
    justify-content: space-evenly;
}

.popup_16 .input_box label {}

.popup_16 .check_wrap input[type="checkbox"] + label:before {
    margin-right: 1.3889vw;
}

.popup_16 {
    width: 25vw;
    font-family: 'pretendard'
}



#popup_17,
#popup_18 {
    width: 52.0833vw;

}

#popup_17 .popup_body,
#popup_18 .popup_body {
    height: 41.6667vw;
}

.monitor_border {
    /* cursor: pointer; */
}


.popup_header2 {
    background: #242424;
    border-bottom: 0.2778vw solid #444444;
    display: flex;
    height: 9.4444vw;
    border-left: 0.2778vw solid #444;
    border-right: 0.2778vw solid #444;
}

.popup_header2 button {
    width: 32.7778vw;
    border-right: 0.2778vw solid #444444;
    margin: 0;
    padding: 0;
    color: #BBBBBB;
    /* color: white; */
}

.popup_header2 button.on {
    background: #131313;
    color: white;
}

.popup_body.popup_ori_img img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.popup_body.popup_ori_img {
    padding: 0;
}

.monitor_list .monitor_border {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    animation: line_blinking .5s;
    animation-iteration-count: 5;
    animation-fill-mode: forwards;
    animation-direction: alternate;
}

.monitor_popup {
    z-index: 3 !important;
    width: 100%;
    height: 100%
}

.monitor_popup .popup_body {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.monitor_popup .popup_body img,
.monitor_popup .popup_body video {
    object-fit: cover;
    height: 100%;
}



.monitor_popup .popup_header {
    position: absolute;
    width: 100%;
    background: #000000CC;
}

.box.patient i b.hrg_bedsore {
    width: 1.3vw;
    height: 1.3vw;
    border-radius: 100%;
    display: block;
    /* content: ''; */
    background: #1E8EFE;
    left: 0.3vw;
}

.box.patient i b.hrg_fall {
    width: 1.3vw;
    height: 1.3vw;
    border-radius: 100%;
    display: block;
    /* content: ''; */
    background: #FF5454;
    /* left: 0.3vw; */
}

.box.patient i b {
    margin-bottom: 0.5556vw;
}

.box.patient i b:nth-of-type(2) {
    margin: 0;
}

.c_bbb {
    color: #bbb;
}

ul.info_room span:nth-of-type(1) {
    margin-right: 2.7778vw;
}


span.room_number {
    color: #BBBBBB;
    font-size: 3.6vw;
    margin-left: 5.5556vw;
}

.popup_body_header_right * {
    color: #bbb;
    font-size: 3.3333vw;
}

button.admin_btn.close_btn {
    background: transparent;
}

ul.alarm_wrap li {
    display: flex;
    justify-content: space-between;
    margin-bottom: 6.5vw;
    align-items: center;
}
ul.patient_status_top.flex li > div {height: 8.3333vw;}

ul.patient_status_top.flex li {
    margin-bottom: 2.7778vw;
}

.section_top {
    margin-bottom: 4.1667vw;
    border-bottom: 0.2778vw solid #363636;
    padding-bottom: 4.1667vw;
}

.monitor main {padding: 0;height: calc(100vh - 0vw);overflow: auto;}

section.patient_status_container {
    background: #242424;
    border-bottom: 0.2778vw solid #363636;
    padding: 6.9444vw;
    margin: 0;
}
.monitor_body_info button:nth-child(4n) {
    margin-right: 0;
}
.monitor_body_info_wrap {
	flex-wrap: wrap;
}
.monitor_body_info_wrap button {
    flex: inherit;
    width: 22%;
}
section.room_container {
    /* height: calc(100vh - 0.0000vw); */
    /* overflow: auto; */
}

.patient_status_top .patient_status_list.zero .patient_status_list_top {
    background: transparent linear-gradient(180deg, #33333380 0%, #131313 100%) 0% 0% no-repeat padding-box !important;
    border: 1px solid #444 !important;
}

.patient_status_top .patient_status_list.zero * {
    color: #444;
}

.box.patient i b:last-child {
    margin: 0;
}
.popup_alert {
	width: 70vw;
	font-family: 'pretendard';
	z-index: 20;
}

.popup_alert .popup_btn_wrap {
	justify-content: center;
} 

.popup_alert .popup_body {
    border-top: 0.05vw solid #444;
    padding-top: 3.13vw;
}

.popup_alert .popup_body p {
    text-align: center;
}

.popup_confirm .popup_body .popup_btn_wrap button:first-child {
    background: transparent;
}

.popup_confirm .popup_body .popup_btn_wrap button {
    width: 5.21vw;
    margin-left: 0.52vw;
    margin-right: 0.52vw;
    height: 2.08vw;
    color: #bbb;
}