@charset "utf-8";

/* 출석부 */
#attendance_layer {text-align:center; width:100%; margin:20px 0 0 0;padding: 3px;}

#attendance_layer ul {display:inline-block; *display:inline; list-style:none;}
#attendance_layer ul li {float:left;}
#attendance_layer A {text-decoration:none;}

#attendance_layer .today { float:left; padding:0 0 10px 0; font-size:24px; }

#attendance_layer .box { float:right; padding:0 0 10px 0; }
#attendance_layer .top { width:20px; }
#attendance_layer .day { width:80px; }

#attendance_layer .w {line-height: 26px; font-size:16px; }
#attendance_layer .title {color:#fff; font-size:12px; width:14.2%; text-align:center; line-height:34px; padding:0 0 0 0;background: #202020;}
#attendance_layer .title1 {color:#3498db; font-size:12px; width:14.2%; text-align:center; line-height:34px; padding:0 0 0 0;background: #202020;}
#attendance_layer .title2 {color:#e91b23; font-size:12px; width:14.2%; text-align:center; line-height:34px; padding:0 0 0 0;background: #202020;}

#attendance_layer .sun1 {color:#e91b23; font-size:12px; float:left;}
#attendance_layer .sat1 {color:#3498db; font-size:12px; float:left;}
#attendance_layer .day1 { font-size:12px; float:left;}

#attendance_layer .sun2 {font-weight:bold; line-height:20px; color:#e91b23; font-size:12px; float:left;}
#attendance_layer .sat2 {font-weight:bold; line-height:20px; color:#3498db; font-size:12px; float:left;}
#attendance_layer .day2 {font-weight:bold; line-height:20px; font-size:12px; float:left;}

#attendance_layer .sun3 {color:#ffbebe; font-size:11px; }
#attendance_layer .sat3 {color:#b8b8ff; font-size:11px; }
#attendance_layer .day3 {color:#999999; font-size:11px; }

#attendance_layer .dot {width: 24px; display: block; height: 26px;}

#attendance_layer .check {color:#126420; font-size:11px; }
#attendance_layer .check2 {color:#999999; font-size:11px; }


/* list */
#attendance_list { margin:20px 0; width:100%; }
#attendance_list .input { width:100%; height:40px; background-color:#fff; border:1px solid #333; padding:5px 2px 2px 5px; color:#333333; font-size:12px; }

#attendance_list .attendance_list_info1 { width:100%; height:50px; border:1px solid #333; }
#attendance_list .attendance_list_info1 ul { display:inline-block; *display:inline; list-style:none; }
#attendance_list .attendance_list_info1 ul li { float:left; }

#attendance_list .attendance_list_info3 { width:100%; height:80px; padding:10px 0; border:1px solid #333; }

#attendance_list .sub {float:left; width:90%; padding:5px 0 0 3px; }
#attendance_list .submit {float:right; width:10%; padding:3px 0 0 5px; }

#attendance_list .attendance_list_info2 {
    margin: 10px 0;
    background: #1a1a1a;
    border: 1px solid #333;
    padding: 10px 20px;
}
#attendance_list .attendance_list_info2 ul { display:inline-block; *display:inline; list-style:none; }
#attendance_list .attendance_list_info2 li { color:#ccc; }

#attendance_list .title { font-weight:bold; color:#333333; font-size:12px;}
#attendance_list .list { color:#898989; font-size:11px;}

#attendance_list .title_attendance1 {font-weight:bold; color:#333333; font-size:12px; text-align:center; background:url(./img/line_01.gif) center right no-repeat;}
#attendance_list .title_attendance2 {font-weight:bold; color:#333333; font-size:12px; text-align:center;}

#attendance_list .no {line-height:25px; font-size:12px; color:#898989;}

#attendance_list .name_attendance_52 img {
    width: 22px;
    height: 22px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
	margin:5px 5px 5px 0;
}
#attendance_list .name_attendance img {
    width: 55px;
    height: 55px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
	margin:5px 5px 5px 0;
}

#attendance_list textarea {
    width: 100%;
    color: #eee !important;
    background: #1a1a1a;
    border: 1px solid #333;
    padding: 10px;
    height: 70px;
}
#attendance_list .btn_submit{ height: 70px; width: 70px;}

#attendance_list .bgcolor0 {background-color:#ffffff;}
#attendance_list .bgcolor1 {background-color:#f1f1f1;}
#attendance_list .bgcolor2 {background-color:#ffffff;}

.att_box {
    float: left;
    width: 33.3%;
    padding: 10px;
}
.att_box1 {height: 50px; line-height: 24px; color: #fff;}
.att_box1 img { float: left; margin: 0 10px;}
.att_rank { color: #747474;}
.att_sp {margin-right: 12px;}
.att_box2 {
    height: 65px;
    margin: 20px 0 0;
    padding: 8px 10px;
    color: #fff;
    background: #202020;
    border: 1px solid #333;
    max-height: 5em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.att_box2::before {
    position: absolute;
    margin-left: 10px;
	margin-top: -22px;
    border-width: 0 14px 14px;
    border-color: #202020 transparent;
    content: "";
    border-style: solid;
}


@media all and (max-width: 480px) {
	#attendance_list .attendance_hidden { display:none; }
	#attendance_layer img { width: 40px; }
}