@charset "utf-8";

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

#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-weight:bold; font-size:16px; }

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

#attendance_layer .w {font-weight:bold; line-height:20px; color:#333333; font-size:16px; }
#attendance_layer .title {color:#565656; font-size:12px; width:14.2%; text-align:center; line-height:30px; padding:0 0 0 0;}
#attendance_layer .title1 {color:#82D4FF; font-size:12px; width:14.2%; text-align:center; line-height:30px; padding:0 0 0 0;}
#attendance_layer .title2 {color:#FE7676; font-size:12px; width:14.2%; text-align:center; line-height:30px; padding:0 0 0 0;}

#attendance_layer .sun1 {color:#FE7676; font-size:12px; float:left;}
#attendance_layer .sat1 {color:#82D4FF; font-size:12px; float:left;}
#attendance_layer .day1 {color:#333333; font-size:12px; float:left;}

#attendance_layer .sun2 {font-weight:bold; line-height:20px; color:#FE7676; font-size:12px; float:left;}
#attendance_layer .sat2 {font-weight:bold; line-height:20px; color:#82D4FF; font-size:12px; float:left;}
#attendance_layer .day2 {font-weight:bold; line-height:20px; color:#FF9933; 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 {color:#000000; font-size:12px; }

#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 #CCC; padding:5px 2px 2px 5px; color:#333333; font-size:12px; }

#attendance_list .attendance_list_info1 { width:100%; height:50px; border:1px solid #cccccc; }
#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 #cccccc; }

#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 0 0; }
#attendance_list .attendance_list_info2 ul { display:inline-block; *display:inline; list-style:none; }
#attendance_list .attendance_list_info2 li {line-height:18px; color:#898989;  font-size:11px;}

#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%; height:50px; border-radius:3px; }
#attendance_list .btn_submit{height:50px;padding:0 20px;border-radius:3px;font-weight:bold;font-size:1.083em;}

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

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