@charset "utf-8";

/*대시보드 레이아웃*/
.dash-boxs {margin-top:10px;}
.dash-boxs .dash-box{padding:20px;background: #fff;box-sizing:border-box;box-shadow: 2px 0 4px #adadad;}
.dash-boxs:after,.dash-boxs:before{line-height:0;display:table;content:''}
.dash-boxs:after{clear:both}
.dash-boxs.box1{}
.dash-boxs.box2 .dash-box{float:left;width:770px;margin-left:48px;}
.dash-boxs.box2 .dash-box:first-child{margin-left: 0;}
.dash-boxs .dash-box>label{font-size:20px;}
.dash-boxs .dash-box>label span{font-size:17px;}
.dash-boxs.dashboard-board .dash-box{padding:0;}

.dashboard-board .bd{height:265px;background: #fff;}
.dashboard-board .bd li{padding:10px 20px;border-bottom:1px solid #dfdfdf;}
.dashboard-board .bd li span{display: inline-block;vertical-align:middle;font-size:17px;}
.dashboard-board .notice li a:hover .title{text-decoration: underline;}
.dashboard-board .notice .status{width:63px;height:32px;line-height: 32px;background:#4f5255;color:#fff;font-size:15px;text-align: center;border-radius: 20px;}
.dashboard-board .notice .date{width:30%;text-align: center;}
.dashboard-board .notice .title{width:60%;}
.dashboard-board .notice .status.st1{background: #ff5b5b;}/*긴급*/
.dashboard-board .notice .status.st2{background: #307ac0}/*중요*/
.dashboard-board .notice .status.st3{background: #4f5255;}/*일반*/
.dashboard-board .alarm .status{width:63px;height:32px;}
.dashboard-board .alarm .status.al1{background: url('../images/main/alarm1.png')no-repeat left center;}
.dashboard-board .alarm .title{width:65%;}
.dashboard-board .alarm .detail{width:25%;font-size:13px;}
.dashboard-board .alarm .detail b{font-size:17px;}
/*일,주,월 탭*/
.dash-boxs .tab-term {margin-bottom:10px;border:1px solid #d4d4d4;border-radius: 4px;}
.dash-boxs .tab-term li{float:left;border-right: 1px solid #d4d4d4;}
.dash-boxs .tab-term li:last-child{border-right: 0;border-radius: 0 4px 4px 0;}
.dash-boxs .tab-term li a{display: block; padding:8px 15px;background: #f2f2f2; font-size:15px; color:#a0a0a0;text-align: center;}
.dash-boxs .tab-term li:first-child a{border-radius: 4px 0 0 4px;}
.dash-boxs .tab-term li:last-child a{border-radius: 0 4px 4px 0;}
.dash-boxs .tab-term li a.on{background:#2268f8;color:#fff; }

.dash-boxs .dash-box .server-state .normal{display: block;width:64px;height:28px;background: url('../images/main/server_state1.png')no-repeat center;}
.dash-boxs .dash-box .server-state .abnormal{display: block;width:64px;height:28px;background: url('../images/main/server_state2.png')no-repeat center;}