@charset "utf-8";
@import url(font.css);
@import url(jquery-ui.min.css);
@import url(common.css);



/* tool tip */
.tooltip_wrap {display:none;padding:12px 14px;position:absolute;top:70px;right:0;background:#686868;border-radius:5px;border:1px solid #353535;z-index:99}
.tooltip_wrap.on {display:block}
.tooltip_wrap:before {content:'';display:block;position:absolute;top:-13px;right:20px;width:30px;height:13px;background:url('../images/bg_tooltip_arr.png') no-repeat center;background-size:100% auto}
.tooltip_hd {padding:2px 0 17px;font-size:24px;font-weight:500;border-bottom:1px solid #ff9f43}

/* login */
.login_wrap {overflow:hidden;position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:530px;border-radius:10px}
.bx_login {padding:27px 55px 40px;background:#323232;text-align:center}
.bx_login + .bx_login {margin-top:1px}
.bx_login .tit {font-weight:900;font-size:36px}
.bx_login .sub_txt {margin-top:-3px;padding:0 85px;font-weight:400;font-size:16px;color:#ff9f43;text-align:right}
.login_form {margin-top:28px;padding:20px 50px 0;border-top:1px solid #ff9f43}
.login_form .bx_inp + .bx_inp {margin-top:15px}
.login_form .bx_inp input {padding:9px 5px}
.login_form .bx_chk {margin-top:20px}
.login_form .bx_chk label {font-weight:500}
.login_form .bx_chk label + input {margin-left:18px}
.login_form .bx_chk .btn_typ1 {margin-left:27px}
.login_form .desc {margin:0 -10px;line-height:2}
.login_form .btn_wrap {margin-top:20px}
.login_form .btn_typ1 {width:86px;height:35px;padding:7px 0 6px;font-size:16px;font-weight:900}
.bx_login .btn_txt {padding:5px;font-weight:500}
.bx_login .btn_txt + .btn_txt {margin-left:20px}
.email_chk {padding-bottom:60px}
.email_chk .btn_typ1 {width:150px}
.email_chk .btn_cancel {margin-left:12px;width:76px;color:#fff}

/* 장비현황 */
.bx_state {padding:13px 20px 0}
.bx_state .tit {display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-size:20px;font-weight:500}
.bx_state [class^="btn_typ"] {height:26px}
.state_wt {display:flex; flex-direction:row;margin-top:12px;padding:20px 74px 28px 34px;border-top:1px solid #ff9f43}
/* 09-08 장비현황 수정 */
.state_kiosk {display:flex;justify-content: space-around; flex-direction:row;margin-top:12px;padding:20px 36px 20px 6px;}
.state_wt .bx_pc {width:192px;padding-top:152px;position:relative;background:url('../images/img_pc.png') no-repeat center top;background-size:192px auto}
.state_wt .bx_camera {width:90px;margin-left:25px;padding-top:152px;position:relative;background:url('../images/img_camera.png') no-repeat center 24px;background-size:90px auto}
.state_kiosk .bx_kiosk {width:170px;padding-top:200px;position:relative;background:url('../images/img_kiosk.png') no-repeat center top;background-size:86px auto}
.bx_state .lb_on, .bx_state .lb_off {height:20px;line-height:21px;position:absolute;left:50%;transform:translateX(-50%);text-align:center;border-radius:4px;font-weight:500}
.bx_state .lb_on {width:38px;color:#323232;background:#ff9f43}
.bx_state .lb_off {width:38px;color:#323232;background:#b4b4b4}
.state_wt .lb_on, .state_wt .lb_off {top:47px}
.state_kiosk .lb_on, .state_kiosk .lb_off {top:78px}
.bx_state .btn_wrap {text-align:center ; margin-top: 20px;}
.bx_state .btn_wrap .btn_typ3.restart {width:80px}
.bx_state .btn_typ2.close {margin-left:5px}
.state_wt .bx_info {margin:13px 0 0 82px}
.state_kiosk .bx_info {margin:0px 0 0 12px}
.bx_state .state_li li {display:flex;flex-direction:row;padding:8px 7px 7px;width:300px}
.bx_state .state_li li + li {border-top:1px solid #b4b4b4}
.bx_state .state_li .tit {width:93px;font-size:14px;font-weight:400}
.bx_state .state_li .txt {font-size:14px}
.btn_admin {margin:-10px 0 18px;text-align:right}
.btn_admin .btn_typ1 {width:auto;padding:0 30px}

/* 워크스루 상세 팝업 */
.pop_col2 .wt_detail + .wt_detail {margin-left:32px}
.wt_detail {padding:0 15px}
.pop_col2 .wt_detail + .wt_detail .bx_inp.flex label {width:60px}

/* 고열의심 감지이력조회 */
.bx_excel_download {position:relative;margin:-19px 0 16px;text-align:right}
.btn_excel {width:30px;height:30px;border-radius:4px;background:#656565 url('../images/btn_excel.png') no-repeat center;background-size:18px auto}
.btn_srch {margin-left:7px;padding-left:24px;width:64px;height:30px;border-radius:4px;background:#656565 url('../images/btn_search.png') no-repeat 10px center;background-size:14px}
.bx_excel_download .tooltip_wrap {top:53px;width:720px;text-align:left}
.tooltip_form {display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;padding:11px 5px 20px}
.tooltip_form + .tooltip_form {border-top:1px solid #323232}
.tooltip_form .tit {margin:6px 0 5px;width:100%;font-size:16px}
.tooltip_form .bx_inp.flex label {margin:0 7px;width:60px}
.tooltip_form .bx_inp + .bx_inp {margin:0 0 0 25px;}
.tooltip_form .bx_inp input {background:#686868;border-color:#fff}
.tooltip_form .bx_inp input:focus {border-color:#ff9f43}
.tooltip_form .btn_sel {margin-left:5px;background-color:#686868;border-color:#fff}
.tooltip_form .sel_option {margin-left:5px;background-color:#686868;}
.tooltip_form .bx_radio {margin:8px 8px 0}
.tooltip_form .bx_chk {margin:8px 8px 0}
.tooltip_form .bx_chk input + label {margin-left:15px}
.tooltip_form .bx_chk label + input {margin-left:4px}
.tooltip_form.calendar {position:relative}
.tooltip_form.calendar .btn_typ1 {position:absolute;right:0;bottom:3px;height:26px}
.tbl_typ1 .red {color:#f84747}

/* 구성원 관리 */
.member_modify {padding:0 65px 0 15px ; display: flex;}
.member_modify .bx_inp.flex label {width:70px}
.face_list {margin-top:5px;width:350px;height:140px;background:url('../images/img_face_list.png') no-repeat center;background-size:100% auto}
.dimm_load {display:flex;justify-content:center;align-items:center;position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0.5)}
.dimm_load p {padding-top:12%;font-size:2.5vw;font-weight: 900 ; background:url('../images/icon_load.svg') no-repeat center top;background-size:40% auto}
.load_info {display:flex;flex-direction:row;justify-content:space-between;margin-top:15px}
.load_info p {font-size:12px}
.load_info_li {display:flex;flex-direction:row;}
.load_info_li > li {position:relative;font-size:12px}
.load_info_li > li + li {padding-left:16px;margin-left:15px;}
.load_info_li > li + li:before {content:'';display:block;position:absolute;left:0;top:50%;width:1px;margin-top:-6px;height:12px;background:#6c6c6c}
.load_info_li .fc_gr {color:#55fc56}
.load_info_li .fc_rd {color:#e44444}
.load_info_detail {margin-top:8px;padding:10px 13px;width:364px;background:#0f0f0f;border-radius:5px;}
.load_info_detail p {font-size:12px}
.load_info_detail p + p {margin-top:8px}
.load_info_detail strong {display: block;margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1.5px solid #6c6c6c;}

/* 설정 */
.set .bx_col2 > .set_wrap_l {position:relative;width:57%}
.set .bx_col2 > .set_wrap_l.alarm .btn_typ1 {position:absolute;right:54px;bottom:32px}
.set_wrap_l .set_switch {margin:17px 0 15px 15px}
.set_wrap_l .set_switch .bx_switch + .bx_switch {margin-left:33px}
.set_wrap_l .bx_switch label {letter-spacing:-1px}
.set .bx_col2 > .set_wrap_r {width:calc(100% - 57% - 28px);height:238px}
.set .bx_col2 > .set_wrap_r.sense {height:260px}
[class^="set_wrap"] {padding:13px 20px 0}
.bx_set {margin-top:12px;padding:25px 36px 20px 18px;border-top:1px solid #ff9f43}
[class^="set_wrap"] .tit {display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-size:20px;font-weight:500}
.set_switch {display:flex;flex-direction:row;justify-content:space-between;margin:23px 0 15px 15px}
.set_switch .bx_switch + .bx_switch {margin-left:50px}
.bx_switch {position:relative}
.bx_switch input {position:absolute;top:0;left:0;width:1px;height:1px}
.bx_switch label {position:relative;padding-right:50px}
.bx_switch label:before {content:'';display:block;position:absolute;right:0;top:50%;transform:translateY(-50%);width:34px;height:14px;background:#6c6c6c;border-radius:10px}
.bx_switch input:checked + label:before {background:#55fc56}
.bx_switch label:after {content:'';display:block;position:absolute;right:16px;top:50%;transform:translateY(-50%);width:18px;height:18px;background:#fff;border-radius:50%;transition:right 0.2s}
.bx_switch input:checked + label:after {right:0}
.bx_onoff > li {display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin:0 3px 0 18px}
.bx_onoff > li + li {margin-top:18px}
.bx_set .btn_typ1 {width:68px;height:26px}
.bx_set .btn_typ2 {width:60px;height:26px}
.bx_set .btn_typ3 {width:80px;height:26px}
.bx_info_txt_set {display:flex;flex-direction:row;align-items:center;margin:12px 0 12px 36px}
.bx_onoff .btn_typ3 {margin-left:14px;} 
.bx_info_txt_set .info_txt {margin:0 35px 0 20px;width:591px}
.bx_info_txt_set .info_txt .bx_inp input:focus {border-color:#ff9f43}
.info_txt {position:relative;}
.info_txt > p {padding:6px 20px 4px 5px;border-bottom:1px solid #fff}
.info_txt p {padding:6px 20px 4px 5px;border-bottom:1px solid #fff}
.btn_x {position:absolute;right:-5px;top:0;width:30px;height:30px;background:url('../images/btn_x.png') no-repeat center;background-size:8px}
.bx_vod_set {margin:12px 0 12px 36px}
.vod_set {display:flex;flex-direction:row;margin:20px 0 0 23px}
.vod_set .info_txt {margin:-5px 35px 0 20px;width:466px}
.set_wrap_l .btn_typ2 {margin-left:12px;width:68px}
.set_wrap_l .btn_typ3 {width:100px}
.vod_set .bul_circle {margin-top:8px}
.vod_set .bul_circle > li {margin-top:2px;padding-left:12px;font-size:10px}
.vod_set .bul_circle > li:before {width:8px;height:8px}
.bx_temp_set {display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-top:10px}
.bx_temp {position:relative;margin-left:37px;width:140px}
.bx_temp input {padding-right:20px}
.temp_unit {position:absolute;right:5px;bottom:4px}
.vod_upload {position:relative}
.pop_wrap .btn_wrap .bul_circle > li {margin-top:2px;padding-left:12px;font-size:10px}
.pop_wrap .btn_wrap .bul_circle > li:before{width:8px;height:8px}

/* 설정(FO) */
.set_wrap1, .set_wrap2, .set_wrap3 {padding:13px 48px 20px 26px;border-radius:10px;background:#323232}
.app_info span {font-size:12px}
.app_info span + span {margin-left:10px}
.set_wrap1 .bx_set, .set_wrap2 .bx_set {display:flex;flex-direction:row;padding:25px 40px 0 18px}
.set_wrap1 .set_l {position:relative;padding-right:60px;width:59%}
.set_wrap1 .set_r {padding-bottom:70px;width:41%;padding-left:60px;border-left:1px solid #0f0f0f}
.set_wrap1 .bx_chk_list {margin:20px 0 0 15px}
.set_wrap1 .bx_chk_list .bx_chk + .bx_chk {margin-top:12px}
.set_wrap1 .bx_chk_list .bx_chk .btn_typ3 {margin-left:11px;width:100px}
.bx_inp_set1 {margin:5px 0 0 41px}
.bx_inp_set1 .bx_inp.flex {position:relative}
.bx_inp_set1 .bx_inp.flex label {width:55px}
.bx_inp_set1 .bx_inp.flex input {width:410px}
.bx_inp_set1 .bx_inp.flex .btn_typ1 {position:absolute;right:0}
.bx_inp_set1 .bx_inp + .bx_inp {margin-top:7px}
.bx_rdo_set1 {display:flex;flex-direction:row;margin:10px 0 0 15px;position:relative}
.bx_rdo_set1 .bx_sel .btn_sel {width:120px}
.bx_rdo_set1 .bx_sel .sel_option {min-width:120px}
.bx_rdo_set1 .bx_radio {margin:8px 0 0 37px}
.bx_rdo_set1 .btn_typ1 {position:absolute;right:0;bottom:0}
.bx_rdo_set2 {display:flex;flex-direction:row;position:relative;padding:19px 0 54px 37px}
.bx_rdo_set2 .bx_radio {margin-left:20px}
.bx_rdo_set2 .btn_typ1 {position:absolute;right:0;top:15px}
.bx_inp_set2 {position:relative;padding:8px 0 50px 15px;}
.bx_inp_set2 .btn_typ1 {position:absolute;right:0;top:11px}
.bx_inp_set2 .bx_inp {width:130px}
.bx_inp_set2 .bx_inp.flex label {width:40px}
.bx_inp_set2 .bx_inp.flex input {width:88px}
.bx_logo_set {display:flex;flex-direction:row;padding:22px 0 17px 15px}
.bx_logo_set_img {padding:39px 14px 45px;width:210px;height:120px;background:#929292;border-radius:5px;text-align:center;overflow:hidden;}
.bx_logo_set .bul_circle {margin:0px 0 0 15px}
.bx_logo_set .bul_circle > li {margin-top:2px;padding-left:12px;font-size:10px}
.bx_logo_set .bul_circle > li:before {width:8px;height:8px}
.bx_inp_set3 {display:flex;flex-direction:row;align-items:flex-end;position:relative;padding:0 218px 0 80px}
.bx_inp_set3 .bx_inp {margin-left:20px;width:200px}
.bx_inp_set3 .btn_wrap {position:absolute;right:0}
.bx_inp_set3 .btn_wrap .btn_typ1 + .btn_typ1 {margin-left:8px}
.set_wrap2 .set_l {width:40%;padding-right:30px}
.set_wrap2 .set_r {width:60%;padding-left:45px;}
.bx_alarm_set1 {position:relative;padding:15px 0 15px 15px}
.bx_alarm_set1 .btn_typ1 {position:absolute;right:0;top:17px}
.bx_alarm_set1 .btn_pause {margin:1px 13px 0 -2px}
.mask_set {position:relative;margin-top:30px}
.mask_set .btn_typ1 {position:absolute;right:0;top:-2px}
.noti_txt_set {margin:15px 0 35px 37px}
.noti_txt_set .tit {margin:22px 0 9px;font-size:12px;font-weight:700}
.noti_set_li {display:flex;flex-direction:row;position:relative}
.noti_set_li + .noti_set_li {margin-top:9px}
.noti_set_li .bx_inp.flex label {margin-left:10px;width:230px}
.noti_set_li .bx_inp.flex input {width:408px}
.noti_set_li .bx_switch {padding:8px 0 0 3px}
.noti_set_li .btn_typ1 {position:absolute;right:0;bottom:0}
.set_wrap3 .state_wt {padding:35px 0 10px;justify-content:center}
.set_wrap3 .state_wt .bx_pc {padding-top:246px;width:328px;background-size:328px auto}
.set_wrap3 .state_wt .bx_camera {margin-left:160px;padding-top:246px;width:162px;background-size:162px auto;background-position:center 36px}
.set_wrap3.bx_state .lb_on, .set_wrap3.bx_state .lb_off {width:60px;height:30px;line-height:31px;font-size:20px;font-weight:500;top:82px}
.set_wrap3 .state_wt .bx_info {margin:65px 0 0 140px}
.set_wrap3.bx_state .state_li li {width:520px}
.set_wrap3.bx_state .state_li .tit {width:150px;font-size:14px}
.set_wrap3.bx_state .state_li .txt {font-size:14px}

/* 설정(FO) > 로고 크기 설정 팝업 */
.pop_logo_size_set {padding:0 15px}
.pop_logo_size_set .bx_logo_set_img {margin:0 auto}
.pop_logo_size_set .bx_inp.flex label {width:160px}
.pop_logo_size_set .bx_inp.flex input {width:130px}
.pop_logo_size_set .bul_circle {padding-left:160px}
.pop_logo_size_set .bul_circle > li {margin-top:5px;padding-left:14px;font-size:10px}
.pop_logo_size_set .bul_circle > li:before {width:8px;height:8px}

/* 설정(FO) > SMS 발신번호 등록 팝업 */
.pop_sms_set {padding:0 5px}
.pop_sms_set .bul_circle > li {margin-top:13px;}
.pop_sms_set .bul_circle > li:first-of-type {margin-top:0}
.pop_sms_set .bx_inp {margin-left:17px}
.pop_sms_set .bx_inp + .bx_inp {margin-top:10px}
.pop_sms_set .bx_inp.flex label {width:60px}
.pop_sms_set .bx_inp.certi_count {margin-left:77px}
.pop_sms_set .bx_inp.certi_count input {width:180px}
.pop_sms_set .bx_inp.certi_count span {margin-left:35px}

/* 담당자 관리 > 담당자 등록, 상세 팝업 */
.pop_charge {padding:18px 20px 0 20px}
.pop_charge .bx_col2 > div {margin-top:0;width:auto}
.pop_charge .bx_col2 .bx_inp.flex + .bx_inp.flex {margin-left:35px}
.pop_charge .bx_inp.flex label {width:90px}
.pop_charge .bx_inp.flex input {width:180px}
.pop_charge .bx_inp {margin-top:20px}
.pop_charge .bx_chk_list {margin:20px 0 0}
.pop_charge .bx_chk_list .bx_chk + .bx_chk {margin-top:17px}
.pop_charge .bx_chk_list .bx_inp {margin:0 0 0 26px}
.pop_charge .bx_chk_list .bx_inp label {width:55px}
.pop_charge .bx_chk_list .bx_inp input {width:192px}

/* 마이페이지 */
.mypage .container {display:flex;justify-content:center;align-items:center}
.bx_mypage {padding:13px 20px;width:632px;height:474px;border-radius:10px;background:#323232}
.mypage .tit {display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-size:20px;font-weight:500}
.mypage .bx_mp_form {margin-top:12px;padding:30px 20px 20px 20px;border-top:1px solid #ff9f43}
.bx_mp_form {padding:30px 20px 0}
.bx_mp_form .bx_inp {margin:10px 12px 0;width:auto}
.bx_mp_form .bx_col2 .bx_inp label {width:60px}
.bx_mypage .btn_typ1 {height:26px}
.pop_wrap .btn_typ1 {bottom:0px}

/* dashboard */
.wrap.dashboard {min-width:1280px}
.wrap.dashboard .content {display:flex;flex-direction:column;justify-content:space-between;padding:0;height:calc(100vh - 144px)}
.wrap.dashboard .bx_col2 > div, .wrap.dashboard .bx_col3 > div, .wrap.dashboard .bx_col5 > div {margin-top:0}
.dashboard .bx_col4 {height:17.36%}
.dashboard .bx_col2 {height:57.17%}
.dashboard .bx_col5 {height:18.98%}
.dashboard .bx_col4 .bx_line_chart {margin-top:0;width:23.69%;height:100%;background:#323232;border-radius:10px}
.dashboard .bx_col2 .bx_l {display:flex;flex-direction:column;justify-content:space-between;width:74.56%;height:100%;background:none}
.dashboard .bx_col2 .bx_r {display:flex;flex-direction:column;justify-content:center;align-items:center;width:23.69%;height:100%;background:#323232;border-radius:10px}
.dashboard .bx_col2 .bx_l .bx_pie_chart {position:relative;width:31.77%;height:100%;background:#323232;border-radius:10px;overflow:hidden}
.dashboard .bx_row2 {display:flex;flex-direction:column;justify-content:space-between;height:100%}
.dashboard .bx_row2 > div {height:calc((100% - 28px) / 2);background:#323232;border-radius:10px}
.bx_bar_chart {overflow:hidden;position:relative;width:100%;height:54.6%;background:#323232;border-radius:10px;border-left:0.5208vw solid #f84747}
.bx_prevention_info {display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 0.7813vw;height:100%;width:18.7%;text-align:center;border-radius:10px}
.dashboard .btn_calendar {position:absolute;right:0.6771vw;top:0.5729vw;width:1.5625vw;height:1.5625vw;background-size:0.8333vw auto}
.dashboard .date {position:absolute;right:2.4vw;top:1vw;font-size:0.625vw;letter-spacing:0.4px}
.bx_line_chart {position:relative;overflow:hidden}
.bx_line_chart .count {margin:3% 0.7813vw 0;font-size:0.7292vw}
.bx_line_chart .count strong {font-size:1.5625vw}
.bx_line_chart .txt {margin:-0.1563vw 0.7813vw 0.1563vw;font-size:0.7292vw;opacity:0.7}
.line_chart {height:calc(100% - 2% - 3.7vw)}
.dashboard .bx_l .bx_chart_top {display:flex;flex-direction:row;justify-content:space-between;height:39.7%}
.bx_pie_chart .tit {margin:3.5% 0.9vw 3%;font-size:0.8333vw}
.bx_chart {display:flex;align-items:center;height:calc(100% - 1.6vw - 10%)}
.bx_chart .pie_chart {width:43%;height:100%}
.bx_chart .info_chart {margin-top:-4%;width:54%;text-align:center}
.bx_chart .info_chart .count {font-size:0.7292vw}
.bx_chart .info_chart .count strong {font-size:1.5625vw}
.bx_chart .info_chart .txt {margin-top:3%;padding-top:6%;font-size:0.7292vw;background:url('../images/bg_bar.png') no-repeat center top;background-size:100% auto}
.bx_bar_chart .tit {padding:1.4vh 0.9375vw 1vh;font-size:1.0417vw;font-weight:500}
.bx_bar_chart .bar_chart {height:calc(100% - 1.2vw - 3vh)}
.dashboard .timeline_wrap {overflow:auto;padding:1.7vw 0;margin:0.7vw 0;background:url('../images/bg_timeline_bar.png') no-repeat 8vw center;background-size:2px 100%}
.bx_timeline + .bx_timeline {margin-top:2.8646vw}
.bx_timeline li {display:flex;flex-direction:row;padding-left:4.3229vw;position:relative}
.bx_timeline li + li {margin-top:7.5%;}
.bx_timeline .day {position:absolute;right:14vw;top:0;font-weight:900;font-size:0.8333vw;text-align:right}
.bx_timeline .time {width:3.5417vw;font-size:0.7292vw;text-align:left;margin-top:15px;}
.bx_timeline .txt {position:relative;padding-left:0.8333vw;width:9.7vw;font-size:0.7292vw}
.bx_timeline .txt:before {content:'';display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);width:0.4167vw;height:0.4167vw;border-radius:50%}
.bx_timeline .txt.red:before {background:#f84747}
.bx_timeline .txt.green:before {background:#4ee453}
.bx_timeline .txt.blue:before {background:#476af8}
.bx_timeline .txt.yellow:before {background:#e4d549}
.bx_timeline .txt .link {display:inline-block;border-bottom:1px solid #fff;line-height:1}
.bx_timeline .txt .new {margin-left:2px;padding:0 3px 0 2px;font-size:0.4167vw;border-radius:3px;background:#f84747;}
.bx_prevention_info.ulsan {border:1px solid #f84747}
.bx_prevention_info .sub_txt {margin-bottom:-5px;font-size:0.5208vw;font-weight:900;opacity:0.8;}
.bx_prevention_info .tit {display:inline-block;font-size:1.0417vw;font-weight:900;text-align:left;line-height:1.2;}
.bx_prevention_info [class^="number_"] {margin-top:1.9vh;padding-top:1.5vh;width:100%;font-size:1.8750vw;font-weight:500;text-align:center}
.bx_prevention_info .number_rd {border-top:1px solid #f84747}
.bx_prevention_info .number_gy {border-top:1px solid #7b7b7b}
.bx_prevention_info .number_yl {border-top:1px solid #d7cc3d}
.bx_prevention_info .number_gr {border-top:1px solid #55fc56}
.bx_prevention_info .number_rd .sub_num {color:#f84747}
.bx_prevention_info .number_gy .sub_num {color:#7b7b7b}
.bx_prevention_info .number_yl .sub_num {color:#d7cc3d}
.bx_prevention_info .number_gr .sub_num {color:#55fc56}
.bx_prevention_info .sub_num {position:relative;padding-left:0.4vw;font-size:0.7292vw;vertical-align:middle;}
.bx_prevention_info .sub_num:before {content:'';display:block;position:absolute;top:50%;left:0;margin-top:-0.1302vw;width:0.2604vw;height:0.2604vw;background:url('../images/icon_up.png') no-repeat;background-size:100% auto}
.bx_prevention_info .sub_num.sub_down:before {background:url('../images/icon_down.png') no-repeat;background-size:100% auto}
.bx_prevention_info .number_rd .sub_num:before {background-position:0 0}
.bx_prevention_info .number_gy .sub_num:before {background-position:0 -0.5208vw}
.bx_prevention_info .number_yl .sub_num:before {background-position:0 -1.0427vw}
.bx_prevention_info .number_gr .sub_num:before {background-position:0 -1.5625vw}

.dashboard .content .tooltip_wrap {top:3vw;right:0.02vw;padding:0.573vw}
.dashboard .content .tooltip_wrap:before {top:-0.667vw;right:0.625vw;width:1.563vw;height:0.677vw}
.btn_date_set {display:flex;flex-direction:row;border:1px solid #323232;border-radius:3px}
.btn_date_set button {padding-top:1px;width:3.333vw;height:1.250vw;font-size:0.625vw;box-sizing:border-box;}
.btn_date_set button + button {margin-left:-1px;border-left:1px solid #323232}
.btn_date_set button.on {background:#323232}
.bx_chart .pie_chart .chartjs-render-monitor {padding:10px}
.bx_bar_chart .bar_chart .chartjs-render-monitor {padding:10px}
.dot_green {width: 14px; height: 14px; border-radius: 14px; background-color: green; display: inline-block}
.dot_red {width: 14px; height: 14px; border-radius: 14px; background-color: red; display: inline-block}


/* dashboard(유저 미통합 버전) */
.dashboard.v2 .bx_col4 {height:21.5%}
.dashboard.v2 .bx_col2 {height:75.2%}
.dashboard.v2 .bx_l .bx_chart_top {height:34.8%}
.dashboard.v2 .bx_bar_chart {height:60.9%}
.dashboard.v2 .bx_chart {height:calc(100% - 1.5vw - 10%)}

/* dashboard(FO) */
.bx_brd_chart {padding:0.938vw}
.bx_brd_chart .bx_top {display:flex;flex-direction:row;justify-content:flex-end}
.bx_brd_chart .chart_info {display:flex;flex-direction:row;justify-content:flex-end}
.bx_brd_chart .chart_info > li {padding:0.365vw;width:10.104vw;height:3.646vw;border:2px solid;border-radius:10px;text-align:center}
.bx_brd_chart .chart_info > li > p {font-size:0.625vw;text-align:left}
.bx_brd_chart .chart_info > li > strong > span {margin-top:0.104vw;font-size:1.250vw;font-weight:900}
.bx_brd_chart .chart_info > li > strong > em {font-size:0.729vw}
.bx_brd_chart .chart_info > li + li {margin-left:2.708vw}
.bx_brd_chart .chart_info .info1 {border-color:#56ff56}
.bx_brd_chart .chart_info .info2 {border-color:#f84747}
.bx_brd_chart .chart_info .info3 {border-color:#9d9d9d}
.bx_brd_chart .chart_info .info4 {border-color:#fa6d6d}
.bx_brd_chart .chart_info .info5 {border-color:#fdb6b6}
.bx_brd_chart .chart_set {display:flex;flex-direction:row;align-items:baseline;width:20.365vw;margin-left:2.552vw;margin-top:-0.4vw}
.chart_set .bx_sel .btn_sel {padding:0.2vw 1.042vw 0 0.260vw;width:5.417vw;height:1.615vw;background-position:calc(100% - 0.313vw) center;background-size:0.365vw auto}
.chart_set .bx_sel .btn_sel span {font-size:0.729vw}
.chart_set .bx_sel .sel_option {min-width:5.417vw;top:1.563vw;padding:0 0.521vw;}
.chart_set .bx_sel .sel_option li {padding:0.365vw 0 0.208vw;font-size:0.625vw}
.chart_set .bx_inp.bx_calendar.ml15 {margin-left:0.781vw !important}
.chart_set .bx_inp.bx_calendar span input {padding:0.260vw 1.250vw 0.260vw 0.260vw;width:6.042vw;font-size:0.729vw}
.chart_set .bx_calendar span .ui-datepicker-trigger {width:0.625vw;height:0.729vw;right:0.3vw;top:0.417vw}
.chart_set .bx_calendar span + span {margin-left:2.083vw}
.chart_set .bx_calendar span + span:before {left:-1.198vw;top:0.365vw}
.bx_brd_chart .brd_chart {margin-top:1.146vw;height:calc(100% - 4.7vw)}

/* dashboard 1280 이하 */
@media screen and (max-width:1280px) {
    .bx_line_chart .count {margin:7px 10px 0;font-size:10px}
    .bx_line_chart .count strong {font-size:20px}
    .dashboard .date {right:31px;top:13px;font-size:10px}
    .dashboard .btn_calendar {right:8.6px;top:7.3px;width:20px;height:20px;background-size:14px auto}
    .bx_line_chart .txt {margin:-2px 10px 2px;font-size:10px}
    .dashboard .content .tooltip_wrap {top:38px;right:0;padding:7px}
    .dashboard .content .tooltip_wrap:before {top:-8px;right:8px;width:20px;height:8.6px}
    .btn_date_set button {width:43px;height:16px;font-size:10px}
    .bx_pie_chart .tit {margin:11px 11px 7px;font-size:12px}
    .bx_chart .info_chart {margin-top:-9px}
    .bx_chart .info_chart .count {font-size:10px}
    .bx_chart .info_chart .count strong {font-size:20px}
    .bx_chart .info_chart .txt {margin-top:4px;padding-top:7px;font-size:10px}
    .bx_bar_chart {border-left-width:7px}
    .bx_bar_chart .tit {padding:10px 12px 7px;font-size:14px}
    .bx_prevention_info {padding:0 10px}
    .bx_prevention_info .tit {font-size:14px}
    .bx_prevention_info .sub_txt {font-size:10px}
    .bx_prevention_info [class^="number_"] {margin-top:13px;padding-top:10px;font-size:24px}
    .bx_prevention_info .sub_num {padding-left:7px;font-size:10px}
    .bx_prevention_info .sub_num:before {margin-top:-2px;width:5px;height:5px}
    .bx_prevention_info .number_gy .sub_num:before {background-position:0 -10px}
    .bx_prevention_info .number_yl .sub_num:before {background-position:0 -20px}
    .bx_prevention_info .number_gr .sub_num:before {background-position:0 -30px}
    .dashboard .timeline_wrap {margin:9px 0;padding:22px 0;background-position:102.1px 50%}
    .bx_timeline + .bx_timeline {margin-top:37px}
    .bx_timeline li {padding-left:55px}
    .bx_timeline .day {font-size:12px;right:173px}
    .bx_timeline .time {width:45px;font-size:10px}
    .bx_timeline .txt {padding-left:11px;width:124px;font-size:10px}
    .bx_timeline .txt .new {font-size:10px}
    .bx_timeline .txt:before {width:6px;height:6px}

    /* dashboard(FO) */
    .bx_brd_chart .chart_info > li {width:130px;height:47px;padding:3px 5px}
    .bx_brd_chart .chart_info > li + li {margin-left:34px}
    .bx_brd_chart .chart_info > li > p {font-size:8px}
    .bx_brd_chart .chart_info > li > strong > span {margin-top:0;font-size:16px}
    .bx_brd_chart .chart_info > li > strong > em {font-size:10px}
    .chart_set .bx_sel .btn_sel {padding:1px 14px 0 2px;width:70px;height:21px;background-size:6px auto}
    .chart_set .bx_sel .btn_sel span {font-size:10px}
    .chart_set .bx_sel .sel_option {min-width:70px;top:20px}
    .chart_set .bx_sel .sel_option li {padding:4px 0 3px;font-size:10px}
    .chart_set .bx_calendar span .ui-datepicker-trigger {width:9px;height:11px}
    .chart_set .bx_calendar span + span {margin-left:26px}
    .chart_set .bx_calendar span + span:before {left:-15px;top:1px}
    .chart_set .bx_inp.bx_calendar span input {padding:3px 16px 3px 3px;width:78px;font-size:10px}
    .chart_set .bx_inp.bx_calendar.ml15 {margin-left:10px !important}
    .bx_brd_chart .chart_set {margin-left:32px;margin-top:-7px;width:262px}
    .bx_brd_chart .brd_chart {margin-top:15px;height:190px}
}

/* 비대면 등록 모바일 */
.mo_bg {background:#323232}
.wrap_mo {padding:0 5.556vw}
.wrap_mo .header {padding:3.889vw 0 3.889vw 42.361vw;height:34.722vw;border-radius:0;border-bottom:1px solid #ff9f43;background:url('../images/mo_bg_header.png') no-repeat 7.778vw center;background-size:21.667vw auto}
.wrap_mo .header_tit {font-size:6.667vw;font-weight:900}
.wrap_mo .container {margin:0;min-height:auto;border-radius:0}
.wrap_mo .content {padding:5.556vw 0}
.wrap_mo .page_txt {margin-bottom:6.528vw;font-size:3.889vw}
.wrap_mo .page_txt span {position:relative}
.wrap_mo .page_txt span:before {content:'';display:block;position:absolute;bottom:-1px;width:100%;height:1px;background:#fff}
.wrap_mo .bx_inp + .bx_inp {margin-top:3.056vw}
.wrap_mo .bx_inp label {width:19.167vw;font-size:3.889vw}
.wrap_mo .bx_inp input {padding:2.083vw 0.694vw;width:calc(100% - 19.167vw);font-size:3.333vw}
.wrap_mo .guide_txt {margin-top:7.639vw;font-size:3.333vw}
.wrap_mo .guide_sub_txt {margin-top:1.806vw;font-size:2.778vw;color:#f84747}
.wrap_mo .face_list {margin-top:5vw;width:100%;height:29.306vw;background:url('../images/mo_img_face_list.png') no-repeat left top;background-size:100% auto}
.wrap_mo .file_attach {justify-content:space-between;margin-top:5.556vw}
.wrap_mo .file_attach label {width:18.750vw;letter-spacing:-0.3px}
.wrap_mo .file_attach input {width:46.667vw}
.wrap_mo [class^="btn_typ"] {width:16.667vw;height:7.222vw;font-size:3.889vw;border-radius:3px}
.wrap_mo .bx_chk_list {margin-top:6.111vw}
.wrap_mo .bx_chk + .bx_chk {margin-top:3.056vw}
.wrap_mo .chk_typ1 {width:3.889vw;height:3.889vw;background-size:3.056vw}
.wrap_mo .chk_typ1 + label {margin-left:2.083vw;font-size:3.333vw}
.wrap_mo .bx_chk.must_chk {margin-top:6.667vw}
.wrap_mo .bx_chk.must_chk label {font-size:3.889vw}
.wrap_mo .bx_chk.must_chk label button {position:relative;color:#22b8fe}
.wrap_mo .bx_chk.must_chk label button:before {content:'';display:block;position:absolute;bottom:1px;width:100%;height:1px;background:#22b8fe}
.wrap_mo .btn_wrap.trans {margin-top:7.639vw;text-align:right}
.wrap_mo .bx_msg {margin-top:31.945vw;text-align:center}
.wrap_mo .bx_msg > p {padding-top:31.111vw;font-size:4.444vw;background:url('../images/mo_icon_msg_check.png') no-repeat center top;background-size:23.889vw auto}
.wrap_mo .bx_msg .btn_wrap {margin-top:10.833vw}

/* mobile layer popup */
.pop_mo {padding:4.444vw;width:83.333vw;min-width:auto;min-height:auto;border-radius:5px}
.pop_mo .pop_hd {padding-bottom:4.722vw}
.pop_mo .pop_hd_tit {font-size:5vw}
.pop_mo .pop_cont {padding:5.278vw 1.111vw}
.pop_mo .pop_cont .txt {font-size:3.333vw}
.pop_mo .pop_cont .txt.mt20 {margin-top:5.556vw}
.pop_mo .pop_cont .txt + .txt {margin-top:0.556vw}
.pop_mo .btn_typ1 {width:18.889vw;height:7.222vw;font-size:3.889vw;border-radius:3px}
.pop_mo .pop_btn_close {top:4.723vw;right:2.222vw;width:8.333vw;height:8.333vw;background-size:3.889vw}
.pop_mo .tit {margin-bottom:5.139vw;font-size:3.889vw}
.pop_mo .tit:not(:first-of-type) {margin-top:3.889vw}
.pop_mo .circle_txt {position:relative;padding-left:3.334vw;font-size:3.333vw}
.pop_mo .circle_txt:before {content:'';display:block;position:absolute;left:0;top:1.111vw;width:1.944vw;height:1.667vw;border:1px solid #fff;border-radius:10px}
.pop_mo .dash_txt {position:relative;margin-top:0.556vw;padding-left:6.111vw;font-size:3.333vw}
.pop_mo .dash_txt:before {content:'';display:block;position:absolute;left:3.889vw;top:1.9vw;width:1.111vw;height:1px;background:#fff}
.pop_mo .dash_txt + .circle_txt {margin-top:0.556vw}

/*body scroll*/
body::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
body::-webkit-scrollbar-thumb {
  background-color: #323232;
  border-radius: 10px;
  background-clip: padding-box;
  border: 2px solid transparent;
}
body::-webkit-scrollbar-track {
   width: 10px;
   border-radius: 10px;
}
body::-webkit-scrollbar-corner { background: #0f0f0f; }

.sel_typ1 .sel_option::-webkit-scrollbar {
  width: 10px;
  
  height: 10px;
}
.sel_typ1 .sel_option::-webkit-scrollbar-thumb {
  background-color: #6c6c6c;border-radius: 10px;background-clip: padding-box;border: 2px solid transparent; 
}
.sel_typ1 .sel_option::-webkit-scrollbar-track {
  width: 10px;
  border-radius: 10px;
}
.sel_typ1 .sel_option::-webkit-scrollbar-corner { background: #0f0f0f; }


/* 이인창 new css */

/* deshboard  09-06*/
.flex_col1{height: 22%;  display: flex; justify-content: space-between;}
.flex_col1_2{height: 50%;  display: flex; justify-content: space-between;}
.flex_col2{height: 100%; width:74.56%; display: flex; ; justify-content: space-between; flex-direction: column;}
.flex_col2_2{width: 100%; display: flex; justify-content: space-between; height:33.5% ;}
.bx_stlye_tp1{margin-top: 0;height: 100%;background: #323232;border-radius: 10px;width:36.25%; position: relative;}
.bx_stlye_tp2{margin-top: 0;height: 100%;background: #323232;border-radius: 10px;width:23.6%; position: relative;}
.bx_stlye_tp3{margin-top: 0;width: 100%;height: 47%;background: #323232;border-radius: 10px; padding: 0px 10px 5px 5px; position: relative;}
.bx_stlye_tp4{margin-top: 0;width: 23.6%;height: 100%;background: #323232;border-radius: 10px; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.bx_stlye_tp5{margin-top: 0;height: 100%;background: #323232;border-radius: 10px;width:23.6%; position: relative;}
.bx_stlye_tp5 .tit{margin: 3.5% 0.9vw 3%; font-size: 0.8333vw ; font-weight: 400;}
.bx_stlye_tp1 .count strong {font-size:1.5625vw}
.bx_stlye_tp1 .count {margin:7px 10px 0;}
.bx_stlye_tp1 .txt {margin:5px 10px 2px;font-size:14px}
.bx_stlye_tp2 .tit {margin:11px 11px 7px;font-size:12px;font-size: 0.8333vw;}
.bx_stlye_tp3 .tit {padding:1.4vh 0.9375vw 1vh;font-size:1.0417vw;font-weight:500}
.dashboard .timeline_wrap::-webkit-scrollbar {display: none;}
.bx_stlye_tp3 .bar_chart {height:calc(100% - 1.2vw - 3vh) ;overflow-wrap: break-word; overflow-y: auto; width:100%; padding: 10px;}
/* member */
.sel_typ1 {display:inline-block;position:relative;width:104px;}
.sel_typ1 .btn_sel {position:relative;padding:2px 28px 0 10px;width:100%;height:35px;font-size:12px;font-weight:500;text-align:left;background-color: #686868;border-color: #fff;border-bottom:1px solid #dadada}
.sel_typ1 .btn_sel:after {content:'';display:block;position:absolute;right:10px;top:50%;transform:translateY(-50%);width:9px;height:5px;background:url('../images/icon_arr_b_7x4.png') no-repeat center;background-size:100% auto}
/* .sel_typ1.on .btn_sel:after {transform:translateY(-65%) rotate(-180deg)} */
/* 화살표 움직임 클릭시 */

/* 드롭 다운 박스 (.sel_typ1 .sel_option max-height: 500px) 높이 조절시 해당 목록 화면 출력 개수 조절가능 */

.sel_typ1 .sel_option {max-height: 326px; overflow: auto; display:none;position:absolute;top:35px;padding:2px 0;width:100%;border:solid #ff9f43;border-width:1px 1px 1px 1px;background-color: #323232;z-index: 1;}
.sel_typ1.on .sel_option {display:block}
.sel_typ1 .sel_option > li > button {padding:8px;width:100%;font-size:12px;font-weight:500}
.sel_typ1 .sel_option > li > button:hover, .sel_typ1 .sel_option > li > button:focus {color:#ff9f43}
/* 버튼 */
.bt_excel{background-image: url(../images/bt_icon_excel.png) ; background-size: 25px;background-repeat: no-repeat; color: transparent;width: 30px; height: 25px; margin-right: 20px;}
.bt_typ1{width: 68px;height: 30px;color: #323232;font-size: 14px; font-weight: 500; border-radius: 5px; background: #ff9f43; transition: all 0.2s;}
/* user */
.pop_inner_box1{display: flex; flex-direction: column;}
.pop_inner_box_2{margin-left: 50px;}

 /* 담당자등록 경로당 좌우 박스 */

.tree_list_wrap{display: flex; width:600px; height: 250px; position: absolute; top: 45px;}
.po_re{position: relative;}
.tree_list_l{text-align: center; width: 270px; height: 100%; padding: 20px;}
.tree_list_l h1 {margin-bottom: 15px; font-weight: 900;}
.tree_list_c{width: 60px; height: 100%; text-align: center; display: flex; flex-direction:column; justify-content: center;}
.tree_list_c img{width: 24px; margin: auto;}
.tree_list_r{text-align: center; width: 270px; height: 100%; padding: 20px;}
.tree_list_r h1{margin-bottom: 15px; font-weight: 900;}
.jstree-container-ul{overflow: auto; width: 100%; height: 80%; border: 1px solid #ff9f43}
.jstree-container-ul li{ padding: 5px; background-color: #6c6c6c;}
.jstree-container-ul li:hover{transition: all 0.7s; padding: 5px; background-color:#929292;}
.tree_text{font-weight: 500; text-align: center; padding: 5px; width:180px; border-bottom: 1px solid #929292;}
.jstree-container-ul::-webkit-scrollbar {width: 15px;height: 10px;}
.jstree-container-ul::-webkit-scrollbar-thumb {background-color: #6c6c6c;;border-radius: 10px;background-clip: padding-box;border: 2px solid transparent;}
.jstree-container-ul::-webkit-scrollbar-track { width: 15px; border-radius: 10px;}
.jstree-container-ul::-webkit-scrollbar-corner { background: #0f0f0f; }

.popup_bt_wrap2{position: absolute; bottom: 30px; right: 50px;}
#divDetail label{line-height: 25px;}

.pop_hd_tit_sp{font-size: 18px; font-weight: 500;}
.pop_graph{width: 1400px; height: 700px;}
.pop_graph_wrap{display: flex; flex-direction: column; padding: 30px;}

/* 기본설정 */

.option_wrap {width: 100%;  display:flex; flex-direction: column; justify-content: space-between;}
.option_col_box{position: relative; display: flex; justify-content: space-between; height: 100%;width: 100%; background: #323232;border-radius: 10px;}
.otion_col_l{width: calc(100% - 28px);}
.option_col_box>.bx_inp{position: absolute; right: 50px; top: 0;}
.bx_yl{margin: 3.2px 10px 0px 0px;display: block;width: 12px;height: 12px;background-color: #ff9f43;}
.bx_set_wrap_1>p{display: flex;}
.sub_tit{display: flex; }

.traffic_bus_tit span {
  text-overflow: ellipsis;
  display: flex;
  width: 100%;
  position: static;
  align-items: end;
  height: 226%;
  justify-content: center;
  top: -60%;
  justify-content: center;
  font-size: 1.98vw;
  margin: 1% 0px;
  -webkit-line-clamp: 1;
  white-space: normal;
  /* padding-bottom: 10px; */
}

/* 공통 유틸 */
.d-none{
  display:none !important;
}