@charset "utf-8";
.rank_title{position:relative;height:20px; padding:5px 0 0 25px; background:url(../image/icon_rank.gif) no-repeat 5px 2px; font-weight:bold; font-size:12px; color:#333}
.rank_title:hover{color:#000000}

.attendRankTable{width:100%; border:0;  margin:0; padding:0 5px; color:#666}
.attendRankTable th div{white-space:nowrap}
.attendRankTable th,
.attendRankTable td{font-size:11px; vertical-align:middle; line-height:1.6; padding:2px 0}
.attendRankTable th{background:#f4f4f4;font-weight:bold; text-align:center }
.attendRankTable .bold{font-weight:bold; font-size:11px; font-family:"돋움", Dotum,"Apple SD Gothic Neo"; text-align:center}
.attendRankTable .center{text-align:center}
.attendRankTable .right{text-align:right}

.aab{position:absolute;top:12px;right:5px}
.aab a{color:#999;font-size:11px; text-decoration:none}

/*Graph*/
.attendance_graph{
    width:60%; 
    position:relative; 
    height:14px; 
    font:11px "나눔고딕", "맑은고딕", "돋움","Apple SD Gothic Neo", Tahoma, Gulim, Sans, Sans-Serif; 
    text-align:left;
}

.attendance_graph .progress{
    position:absolute; 
    height:12px; 
    border:1px solid #a1a1a1; 
    text-align:center; 
    color:#a1a1a1;
    padding-top:1px;
    font-size:11px;
}

.attendance_graph .progress:hover{
    position:absolute; 
    height:12px; 
    border:1px 
    solid #000000;
    text-align:center; 
    color:#000000;
    padding-top:1px;
}

.attendance_graph .num{
    position:relative; 
    color:#a1a1a1; 
    padding-left:3px; 
	font-size:11px;
    white-space:nowrap;
}