@charset "utf-8";
/*
 * 파일명:		wc_was.css
 * 설명:		Web / Content / 전자출결 시스템
 */
@import url(common.css);
@import url(layout.css);
@import url(typo.css);
@import url(button.css);
@import url(dev.css);
@import url(style.css);



/* s:로그인 */
.login_group .login_box .lg_body .btn_group { margin-top:72px; }
/* e:로그인 */

h4 {font-size:14px; color:#222; letter-spacing:-0.5px;}
#header_box .info_box select.ui_sel2 { vertical-align: top; }


/* 라운드 그래프 */
.graph_box { width:135px; height:135px; float:left;}
.graph_box.sum_type { width:122px; height:122px; }
.graph_box.sum_type .graph_area { width:122px; height:122px; }
.graph_box .graph_txt{position:absolute; z-index:20; left:0; top:0; line-height:96px; width:100%; height:auto; text-align:center; font-size:33px; font-weight:700; color:#0d1c37;}
.graph_box .graph_txt_2{position:absolute; z-index:20; left:0; top:0; line-height:96px; width:100%; height:auto; text-align:center; font-size:33px; font-weight:700; color:#0d1c37;}
.graph_box.sum_type .graph_txt, .graph_box.sum_type .graph_txt_2 { line-height:122px; }
.graph_box .graph_txt span{font-size:14px; font-weight:400;}
.graph_box .graph_txt.sum_type { font-size:28px; letter-spacing:-0.5px; }
.graph_box .graph_txt.sum_type span.sum { font-size:28px; color:#acacac; }

.graph_area{width:96px; height:96px;}
.graph_area canvas{width:96px; height:96px;}
.graph_area .round_chart1{position:relative; z-index:10; background:none;}
.graph_area .round_chart2{position:absolute; z-index:1; left:0; top:0;}
.graph_area .round_chart3{position:relative; z-index:10; background:none;}
.graph_area .round_chart4{position:absolute; z-index:1; left:0; top:0;}

/* 막대 그래프 */
.info_graph_wrap .info_graph_box{
	display:inline-block;
	width:146px; height:12px; background-color:#e8e8e8;
	border-radius:10px;
	box-shadow:1px 1px 1px rgba(0,0,0,0.2) inset;
}
.info_graph_wrap .info_graph_box .bar{position:absolute; z-index:1; right:0; height:12px; background-color:#ff6e61; opacity: 0.8; filter: alpha(opacity=80); border-radius:10px;}

.info_graph_wrap {width:100%; height:auto; font-size:0;}
.info_graph_wrap + .info_graph_wrap { padding-top:10px; }
.info_graph_wrap .gp_tit{display:inline-block; width:139px;  font-size:14px; color:#000; font-weight:700;}
.info_graph_wrap .gp_txt{display:inline-block; width:64px; font-size:18px; text-align:right;}
.info_graph_wrap .gp_txt .ct{font-size:18px; font-weight:700;}
.info_graph_wrap .gp_txt .txt{font-size:12px;}

.info_graph_wrap.graphc1 .bar{background-color:#8f8f8f;} /* 회색 */
.info_graph_wrap.graphc1 .ct{color:#8f8f8f;}
.info_graph_wrap.graphc2 .bar{background-color:#ff6e61;} /* 핑크 */
.info_graph_wrap.graphc2 .ct{color:#ff6e61;}