@charset "utf-8";
/* #dashboard layout
================================================== */
/* 대시보드 맵 */
/*#windy{width:calc(100% - 740px);height:99.87vh;background:#222;margin-left:280px; position:relative}*/ /*개발 추가 windy로 이름변경*/
#windy{width:100% ;height:99.87vh;background:#222;position:relative} /*화면 디자인 변경으로 인한 수정*/

#wrap{width:100%;overflow:hidden}

/* 왼쪽메뉴 공통 */
.navbar{position:fixed;top:0;left:0;z-index:1;width:280px;height:100vh;background-color:#F2F5FF;box-shadow:0 0 25px rgba(67, 81, 144,.4);margin-top:68px;padding-top:20px}
.navbar h1{padding:20px 0 30px 20px}

/* 로그인정보 */
.navbar .login_wrap{padding:0 20px}
.navbar .login_info{display:flex;margin-bottom:8px}
.navbar .login_info .avatar{margin-top:4px}
.navbar .login_info .profile{padding-left:12px}
.navbar .login_info .profile h5{font-size:14px;line-height:24px;font-weight:600;color:#435190}
.navbar .login_info .profile p{font-size:12px;color:#A0A5BC;letter-spacing:0}
.navbar .btn_wrap{display:flex}
.navbar .btn_wrap a{display:flex;width:100%;align-items:center;padding:0 14px;height:38px;background-color:#D8DEF4;color:#68719b;font-size:13px}
.navbar .btn_wrap a:first-child{margin-right:1px}
.navbar .btn_wrap a:hover{background:#CDD5EE}
.navbar .btn_wrap a i{margin-left:auto;font-size:12px;color:#9CA6CC}

/* 메뉴 */
.nav_menu{margin-top:20px;height:calc(100vh - 250px);overflow-y:scroll}
.nav_menu ul li a.menu_item{display:flex;align-items:center;max-height:60px;line-height:60px;color:#404C8B;padding:0 20px;font-size:16px}
.nav_menu ul li a.menu_item svg{margin-right:12px;fill:#5D6E91}
.nav_menu ul li a.menu_item i{margin-left:auto;color:#c1c4d3}
.nav_menu ul li a.menu_item:hover{background-color:#5A71E9;color:#fff}
.nav_menu ul li a.menu_item:hover i{color:#fff}
.nav_menu ul li a.menu_item.active i{transform:rotate(90deg)}
.nav_menu ul li a.active{background-color:#5A71E9;color:#fff}
.nav_menu ul li a.active svg{fill:#fff}
.nav_menu ul li a.active i{color:#fff}
.nav_menu ul li a.menu_item:hover svg{fill:#fff !Important}
.nav_menu ul li div.depth2{padding:0 25px;margin:10px 0 24px 0}
.nav_menu ul li div.depth2 ul{position:relative}
.nav_menu ul li div.depth2 ul:before{content:'';position:absolute;left:0;top:-10px;width:1px;height:calc(100% - 8px);background:#ACB3D3}
.nav_menu ul li div.depth2 ul li{position:relative}
.nav_menu ul li div.depth2 ul li:before{ content: none;}
.nav_menu ul li div.depth2 ul li a{position:relative;display:flex;align-items:center;color:#636d95;padding:0 0 0 20px;line-height:38px;font-weight:400}
.nav_menu ul li div.depth2 ul li a:hover,.nav_menu ul li div.depth2 ul li a.active{color:#3c4a8b;font-weight:700;background:none}
.nav_menu ul li div.depth2 ul li a.active:before{content:'';position:absolute;left:-2px;top:50%;transform:translateY(-50%);border-radius:50%;width:6px;height:6px;background:#435190}
.nav_menu ul li div.depth3 ul{position:relative;padding:0 0 20px 20px}
.nav_menu ul li div.depth3 ul li:before{display:none}
.nav_menu ul li div.depth3 ul li a{width:100%;padding:0 20px}
.nav_menu ul li div.depth3 ul li a:hover,.nav_menu ul li div.depth3 ul li a.active{background:#E1E8FF;color:#2F4CE3;font-weight:700;}
.nav_menu ul li div.depth3 ul li a.active:before{display:none}
.nav_menu ul li div.depth2 ul li a i{transform:rotate(180deg)}
.nav_menu ul li div.depth2 ul li a.active i{transform:rotate(0deg)}
.nav_menu ul li div ul li a i{color:#666 !Important;margin-left:auto}
/* 새로운 스타일 추가 */
.nav_menu ul li div.depth3 li > a {
    position: relative;
    padding-left: 20px;
}

.nav_menu ul li div.depth3 li > a:before {
    content: '';
    position: absolute;
    left: -19px;
    top: 50%;
    transform: translateY(-50%);
    width: 10px;
    height: 1px;
    background: #777;
}

/* active 상태일 때 선 스타일 변경 */
.nav_menu ul li div.depth3 li > a.active:before {
    background: #5A71E9;
}
/* 관리자 접속정보 */
.site_info{position:fixed;bottom:40px;left:20px}
.site_info a{display:flex;align-items:center;max-height:60px;line-height:60px;color:#404C8B}
.site_info a:hover{font-weight:bold}
.site_info a svg{width:15px;height:15px;margin-right:12px;fill:#5D6E91}
.site_info a i{margin-left:auto}
.site_info_wrap dl{display:flex;font-size:13px;line-height:23px}
.site_info_wrap dt{color:#9EA6C9;padding-right:12px}
.site_info_wrap dd{color:#49548D;letter-spacing:-.4px;}

/* 대시보드 맵 */
.dashboard_map{width:calc(100% - 740px);height:100vh;background:#222;margin-left:280px;position:relative}

/* 오른쪽메뉴 */
.status_bar{position:absolute;top:0;right:0;z-index:1;width:460px;height:100vh;background-color:#F2F5FF;box-shadow:0 0 25px rgba(67, 81, 144,.4)}

/* 종합경보현황 */
.status_total_alarm{margin-top:10px;height:160px}
.status_total_alarm .title{display:flex;padding:0 20px 0 20px;line-height:40px}
.status_total_alarm .title h2{font-size:15px;color:#222;}
.status_total_alarm .title .current_time{color:#949FC3;font-size:13px;font-weight:500;padding-left:12px}
.status_total_alarm .title .current_time i{margin-right:6px}

.total_alarm_list{width:100%;padding:0 20px}
.total_alarm_list ul{display:flex;justify-content:space-between}
.total_alarm_list ul li p.alarm{width:65px;height:65px;margin:0 auto;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:19px}
.total_alarm_list ul li p.alarm1{border:4px solid #BAC5ED;color:#366AD6} /*관심*/
.total_alarm_list ul li p.alarm2{border:4px solid #FFC875;color:#FFB904} /*주의*/
.total_alarm_list ul li p.alarm3{border:4px solid #FF8080;color:#FF8080} /*위험*/
.total_alarm_list ul li{flex:1}
.total_alarm_list ul li dl{text-align:center;padding-top:6px;color:#414D8A}
.total_alarm_list ul li dt{line-height:22px}
.total_alarm_list ul li dd{font-size:13px}
.total_alarm_list ul li dd strong{color:#5864A2;font-size:20px;font-weight:700;}

/* 대시보드 검색바 */
.total_search_wrap{width:100%;padding:0 20px;margin:20px 0}
.total_search{position:relative;width:100%}
.search_input{width:100%;height:65px;padding:10px 30px 10px 10px;background:#696F90;font-size:14px;font-weight:500;border:0;font-family:'malgungothic';color:rgba(255,255,255,0.9);letter-spacing:-.08px}
.search_input::placeholder{color:rgba(255,255,255,0.6)}
.search_button{position:absolute;top:0;right:0;width:50px;height:100%;cursor:pointer;background:transparent;border:0}
.search_button i{font-size:16px;color:rgba(255,255,255,0.4);margin-left:6px}

/* 대시보드 테이블 */
.total_table_wrap{width:100%;padding:0 20px;height:calc(100vh - 280px);overflow:hidden}
.dashboard_tab{display:flex;width:100%}
.dashboard_tab li{flex:1}
.dashboard_tab li a{display:block;height:45px;line-height:43px;background:#E2E5F9;text-align:center;color:#6C7EB4;margin-right:1px}
.dashboard_tab li:last-child a{margin-right:0}
.dashboard_tab li a.active{background:#5A71E9;color:#fff}
.dashboard_tab li a:hover{background:#dbdff7;font-weight:700}
.dashboard_tab li a.active:hover{background:#5A71E9;}

.total_table{margin-top:10px;max-height:80%;overflow-y:scroll}
.total_table table{width:100%;border-top:2px solid #3E496C}
.total_table th{background:#d7def1;color:#6274A9;font-weight:700;height:43px;line-height:41px;font-size:14px}
.total_table td{min-height:45px;padding:16px 4px;text-align:center;color:#646C95;border-bottom:1px solid #c7d1e0;background:#fff}

/* #sub layout
================================================== */

/* login */
#login2{width:100%;height:100%;position:relative;display:flex}
#login2 .login_left{width:50%;background:url(../images/common/login_bg.jpg) no-repeat;height:100%;display:flex;align-items:center;justify-content:center;background-size:cover}
#login2 .login_title2{text-align:center;}
#login2 .login_wrap{width:50%;background:#fff;flex-direction:column}
#login2 .login_left h2{position:absolute;left:30px;top:30px}
#login2 .login_left h3{font-size:38px;line-height:48px;color:#fff;padding-bottom:20px;margin-bottom:20px;height:100%;border-bottom:1px solid rgba(255,255,255,0.2)}
#login2 .login_left h3 strong{font-size:47px;line-height:60px}
#login2 .login_left p{font-size:18px;line-height:28px;color:rgba(255,255,255,0.7)}

#login2 .login_wrap{padding:0 120px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;margin-top:-70px}
#login2 .login_title{text-align:center;padding-bottom:25px}
#login2 .login_title h3{font-size:26px;line-height:36px;color:#222;padding-bottom:7px;font-weight:800}
#login2 .login_title p{color:#ABABAB;font-size:15px;line-height:25px}
#login2 .input_type_c{width:100%;background:transparent;border:1px solid #ddd !important;font-size:15px;color:#d2d2d2;
    padding:0 0 0 8px;height:60px;line-height:58px;margin-bottom:14px}
#login2 .input_type_c::placeholder{color:#D2D2D2;font-weight:500;font-size:14px;letter-spacing:0}

#login2 .login_wrap:first-child input[type=text]{margin-bottom:30px}


/* 아이디저장 */
.label_check_wrap{display:flex;align-items:center;margin:12px 0 30px 0;font-size:13px;color:#b8b8b8}
.label_check_wrap input[type=checkbox]{border:1px solid #ddd;border-radius:4px;width:16px;height:16px}
.label_check_wrap label {display:flex;align-items:center;padding-left:7px}
.id_save{font-size:14px;color:#9BB2E2}
.id_save .title{padding-left:8px}
.login_btn{cursor:pointer;display:block;border:0;font-size:14px;color:#fff;background:#4962b7;text-align:center;width:100%;height:60px;letter-spacing:0}
center;color:#646C95;border-bottom:1px solid #c7d1e0;background:#fff}

 /*개발 추가*/
.total_table2{margin-top:10px}
.total_table2 table{width:100%;border-top:2px solid #3E496C}
.total_table2 th{background:#d7def1;color:#6274A9;font-weight:700;height:20px;line-height:20px;font-size:14px; /*개발 추가*/vertical-align: middle;}
.total_table2 td{min-height:45px;padding:16px 4px;text-align:center;color:#646C95;border-bottom:1px solid #c7d1e0;background:#fff}

/* 스크롤바 커스텀 */
.scrollbar_custom::-webkit-scrollbar {width:8px;}
.scrollbar_custom::-webkit-scrollbar-thumb{background:#ebebeb;background-clip:padding-box;}
.scrollbar_custom::-webkit-scrollbar-track{background-color:#f3f3f3;}
.scrollbar_custom2::-webkit-scrollbar {width:8px;}
.scrollbar_custom2::-webkit-scrollbar-thumb{background:#ebebeb;background-clip:padding-box;}
.scrollbar_custom2::-webkit-scrollbar-track{background-color:#f3f3f3;}

/* #sub layout
================================================== */

/* 서브 콘텐츠 */
.contents{position:relative;left:280px;width:calc(100% - 280px); /* height:92vh; */ background:#fff;}
.contents_wrap{padding:10px 20px;/*height:calc(100vh - 140px);*/display:flex;flex-direction:column;min-height:335px;}
.contents_wrap2{height:calc(100vh - 140px);display:flex;flex-direction:column;}

.contents_wrap .contents_note {
	color: rgb(85, 85, 85);
	font-weight: 500;
	font-size: 14px;
	margin-bottom: 10px;
}

/* 서브 타이틀 */
.contents .sub_title{width:100%;height:47px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;margin-top:68px;}
.contents .sub_title .h2_title{font-size:19px;color:#222;letter-spacing:-.9px}
.contents .home_location{display:flex}
.contents .home_location span{color:#52526C;font-size:13px}
.contents .home_location span.depth2{font-weight:700;color:#5A71E9}
.contents .home_location em{padding:0 6px}

/* 서브검색바 공통 */
.search_box{width:100%;min-height:40px;background:#EAEDFC;display:flex;align-items:center;border-top:1px solid #BEC5E4;border-bottom:1px solid #BEC5E4;padding:0 20px;}
.search_box form{display:flex}
.search_box form input,.search_box form select{margin-right:4px}
.search_box .top_label{display:flex;align-items:center;padding-right:12px;max-width:130px;color:#252b55;font-weight:500;font-size:16px}
.search_box .top_label2{display:flex;align-items:center;padding-right:8px;color:#555c88;font-weight:500;font-size:15px;margin-left:8px}
.search_box .top_label3{align-items:center;padding-right:8px;color:#555c88;font-weight:500;font-size:15px;margin-left:4px}

/* 개발 추가 */
.input_search #s_fac_name {width:120px;}
.search_box * {display:inline;}
.search_box button {vertical-align:middle;}

/* 서브 3뎁스  */
.sub_gnb{width:100%;height:45px;background:#f8f8f8;}
.sub_gnb ul{display:flex;}
.sub_gnb ul li a{display:flex;align-items:center;justify-content:center;min-height:45px;color:#666;min-width:140px;padding:0 30px;text-align:center;border-right:1px solid #ddd;background:#EAEAEA}
.sub_gnb ul li:last-child a{border-right:none}
.sub_gnb ul li a.active,.sub_gnb ul li a:hover{background:#5271c3;color:#fff}

/* login */
#login{width:100%;height:100%;position:relative;display:flex}
#login .login_left{width:50%;background:#f2f5ff;display:flex;justify-content:center;flex-wrap:wrap;align-items:center;margin-top:-70px}
#login .login_title2{text-align:center;}
#login .login_wrap{width:50%;background:#fff;flex-direction:column}
#login .login_left h2{position:absolute;left:30px;top:30px}
#login .login_left h3{font-size:38px;line-height:48px;color:#3D4156;padding-bottom:25px;height:100%}
#login .login_left p{font-size:18px;line-height:28px;color:#737373;}

#login .login_wrap{padding:0 120px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;margin-top:-70px}
#login .login_title{text-align:center;padding-bottom:25px}
#login .login_title h3{font-size:32px;line-height:42px;color:#222;padding-bottom:7px}
#login .login_title p{color:#ABABAB;font-size:15px;line-height:25px}
#login .input_type_c{width:100%;background:transparent;border:1px solid #ddd !important;font-size:15px;color:#d2d2d2;
    padding:0 0 0 8px;height:60px;line-height:58px;margin-bottom:14px}
#login .input_type_c::placeholder{color:#D2D2D2;font-weight:500;font-size:14px;letter-spacing:0}

.login_wrap:first-child input[type=text]{margin-bottom:30px}


/* 아이디저장 */
.label_check_wrap{display:flex;align-items:center;margin:12px 0 30px 0;font-size:13px;color:#b8b8b8}
.label_check_wrap input[type=checkbox]{border:1px solid #ddd;border-radius:4px;width:16px;height:16px}
.label_check_wrap label {display:flex;align-items:center;padding-left:7px}
.id_save{font-size:14px;color:#9BB2E2}
.id_save .title{padding-left:8px}
.login_btn{cursor:pointer;display:block;border:0;font-size:14px;color:#fff;background:#4067EC;text-align:center;width:100%;height:60px;letter-spacing:0;
}

/* 종합경보현황 searchBox */
.srh_flex_group{padding:0 20px;margin: 20px 0;}
.srh_flex{display:flex}
.srh_flex input{width:50%}
.srh_flex2{display:flex}
.srh_flex2 input{width:100%}
.main_srh{background:#9197bf;color:rgba(255,255,255,0.7) !Important}
.main_srh::placeholder{color:rgba(255,255,255,0.7) !Important}
.main_srh_select{width:100%;height:45px;background-color:#9197bf !important;background-position:95% center !Important;color:rgba(255,255,255,0.7) !Important}
.main_btn_search{cursor:pointer;border:none;height:45px;background: #555c7b;color:#fff;padding:0 20px;white-space:nowrap}