/* 모바일 ************************************************************************************************************************************************************************/
@media only screen and (min-width:100px) and (max-width:1300px) {

	#attendanceBox { background:#ffece; padding-bottom:30px; } 
	
	.attendanceBox_t { background:#ffece; } 
	.attendanceBox_t li { float:left; width:100%; } 
	.attendanceBox_t_back { background:#ffb5b2; padding-bottom:10px; }
	.clears { width:100%; display:inline-block;  }
	.clears dd { 
		width:50%; float:left; text-align:left; padding-top:5px; padding-bottom:5px; 
		color:#000; font-size:18px; font-family:SpoqaHanSansNeo_Medium; letter-spacing: 0.01em; line-height:1em;
	}
	.clears dd b { padding:10px; }
	.clears dd span { font-size:20px; padding-left:5px; color:#ff0000; font-family:SpoqaHanSansNeo_Bold; }

	.attendanceBox_c { background:#fff; }
	.attendanceBox_f { height:26px; background:#fff; }

	.img_attendance_1 img  { width:100%; }
	.img_attendance_tt { margin-top:15px; width:60%; }

	.sat_form { padding-top:20px; text-align:center; }
	.sat_forms { width:100%; display:inline-block; }
	.sat_form_input { 
		border:0px; width:55%; background:#ffb5b2; padding:6px;
		color:#fff; font-size:16px; font-family:SpoqaHanSansNeo_Medium; letter-spacing: 0.01em; line-height:1em; 
	}
	.sat_form_btn {
		border:0px; background:#e24139; height:34px; padding:6px;
		color:#fff; font-size:16px; font-family:SpoqaHanSansNeo_Medium; letter-spacing: 0.01em; line-height:1em; 	
	}
	.sat_hy {  text-align:center;  }
	.sat_hys { 
		width:100%; display:inline-block;  padding-top:20px;
		color:#222; font-size:20px; font-family:SpoqaHanSansNeo_Medium; letter-spacing: 0.01em; line-height:1em; 
	}
	.sat_hys_date { color:#e24139; }
	
	.day { padding-left:10px; padding-right:10px; padding-top:20px; padding-bottom:10px; }
	.days { width:100%; display:inline-block; }
	.days li { float:left; width:24%; height:100px; text-align:center; border:1px solid #ccc; }
	.dayss { text-align:center; padding-bottom:10px; }
	.dayss_t { padding:5px; color:#222; font-size:16px; font-family:SpoqaHanSansNeo_Medium; letter-spacing: 0.01em; line-height:1em; }
	.dayss img { height:55px; }

	.sat_list { text-align:left; padding-left:20px; padding-right:20px; padding-top:20px; padding-bottom:10px; }
	.sat_lists { width:100%; display:inline-block; }
	.sat_lists li {
		width:100%; float:left; text-align:left; padding-top:10px; padding-bottom:10px; 
		color:#222; font-size:14px; font-family:NotoSansKR-Regular; letter-spacing: 0.01em; line-height:1em; 
		border-bottom:1px solid #eee;
	}
	.sat_lists li b { font-size:16px; font-family:SpoqaHanSansNeo_Medium; color:#ff0c00; }
	.sat_lists_level_icon { height:16px; }
	.rankimg { height:20px; Vertical-align:middle; border:0px; }
	.sat_lists_toint1 { 
		height:20px; background:#ff0000; padding:5px; border-radius:4px; margin-left:10px; margin-right:10px;
		font-size:12px; color:#fff; font-family:NanumGothicBold; letter-spacing: 0.01em; line-height:1.0em; 
	}
	.sat_lists_toint7 { 
		background:#dbaa01; padding:5px; border-radius:4px; margin-left:10px; margin-right:10px;
		font-size:12px; color:#fff; font-family:NanumGothicBold; letter-spacing: 0.01em; line-height:1.0em; 
	}
	.sat_lists_toint30 { 
		background:#d26800; padding:5px; border-radius:4px; margin-left:10px; margin-right:10px;
		font-size:12px; color:#fff; font-family:NanumGothicBold; letter-spacing: 0.01em; line-height:1.0em; 
	}
	.sat_lists_toint365 { 
		background:#078f00; padding:5px; border-radius:4px; margin-left:10px; margin-right:10px;
		font-size:12px; color:#fff; font-family:NanumGothicBold; letter-spacing: 0.01em; line-height:1.0em; 
	}
	.sat_lists_br { height:7px; }

} /* 모바일 end */

/* PC ************************************************************************************************************************************************************************/
@media  all and (min-width : 1300px)  {
	
	#attendanceBox { width:952px; background:#ffece; padding-bottom:30px; } 
	
	.attendanceBox_t { background:#ffece; } 
	.attendanceBox_t li { float:left; width:100%; } 
	.attendanceBox_t_back { height:124px; background:url('../img/attendance_2.gif'); background-size:100% 124px; background-repeat: no-repeat; }
	.clears { padding:20px; }
	.clears dd { 
		width:25%; float:left; text-align:left; padding-top:8px; padding-bottom:8px; 
		color:#000; font-size:20px; font-family:SpoqaHanSansNeo_Medium; letter-spacing: 0.01em; line-height:1em;
	}
	.clears dd b { padding-left:10px; }
	.clears dd span { font-size:24px; padding-left:5px; color:#ff0000; font-family:SpoqaHanSansNeo_Bold; }

	.attendanceBox_c { background:url('../img/attendance_3.gif'); }
	.attendanceBox_f { height:26px; background:url('../img/attendance_4.gif'); background-size:100% 26px; background-repeat: no-repeat; }

	.img_attendance_1 img { width:100%; }

	.sat_form { padding-top:20px; text-align:center; }
	.sat_forms { width:100%; display:inline-block; }
	.sat_form_input { 
		border:0px; width:400px; background:#ffb5b2; padding-top:6px; padding-bottom:6px; padding-left:10px; padding-right:10px;
		color:#fff; font-size:18px; font-family:SpoqaHanSansNeo_Medium; letter-spacing: 0.1em; line-height:1em; 
	}
	.sat_form_btn {
		border:0px; background:#e24139; height:38px; padding-top:6px; padding-bottom:6px; padding-left:10px; padding-right:10px;
		color:#fff; font-size:18px; font-family:SpoqaHanSansNeo_Medium; letter-spacing: 0.1em; line-height:1em; 	
	}
	.sat_hy {  text-align:center;  }
	.sat_hys { 
		width:100%; display:inline-block;  padding-top:20px;
		color:#222; font-size:40px; font-family:SpoqaHanSansNeo_Medium; letter-spacing: 0.01em; line-height:1em; 
	}
	.sat_hys_date { color:#e24139; }
	
	.day { padding-left:40px; padding-right:40px; padding-top:20px; padding-bottom:10px; }
	.days { width:100%; display:inline-block; }
	.days li { float:left; width:14%; height:130px; text-align:center;  border:1px solid #ccc; }
	.dayss { text-align:center; padding-bottom:10px; }
	.dayss_t { padding:5px; color:#222; font-size:18px; font-family:SpoqaHanSansNeo_Medium; letter-spacing: 0.01em; line-height:1em; }
	.dayss img { height:80px; }

	.sat_list { text-align:left; padding-left:40px; padding-right:40px; padding-top:20px; padding-bottom:10px; }
	.sat_lists { width:100%; display:inline-block; }
	.sat_lists li {
		width:100%; float:left; text-align:left; padding-top:10px; padding-bottom:10px; 
		color:#222; font-size:14px; font-family:NanumGothic; letter-spacing: 0.01em; line-height:1em; 
		border-bottom:1px solid #eee;
	}
	.sat_lists li b { font-size:16px; font-family:NanumGothicBold; color:#ff0c00; }
	.sat_lists_level_icon { height:16px; }
	.rankimg { height:20px; Vertical-align:middle; border:0px; }
	.sat_lists_toint1 { 
		height:20px; background:#ff0000; padding:5px; border-radius:4px; margin-left:10px; margin-right:10px;
		font-size:12px; color:#fff; font-family:NanumGothicBold; letter-spacing: 0.01em; line-height:1.0em; 
	}
	.sat_lists_toint7 { 
		background:#dbaa01; padding:5px; border-radius:4px; margin-left:10px; margin-right:10px;
		font-size:12px; color:#fff; font-family:NanumGothicBold; letter-spacing: 0.01em; line-height:1.0em; 
	}
	.sat_lists_toint30 { 
		background:#d26800; padding:5px; border-radius:4px; margin-left:10px; margin-right:10px;
		font-size:12px; color:#fff; font-family:NanumGothicBold; letter-spacing: 0.01em; line-height:1.0em; 
	}
	.sat_lists_toint365 { 
		background:#078f00; padding:5px; border-radius:4px; margin-left:10px; margin-right:10px;
		font-size:12px; color:#fff; font-family:NanumGothicBold; letter-spacing: 0.01em; line-height:1.0em; 
	}
	.sat_lists_br { display:none; }

} /* PC end */

.dayss_t { padding-left:10px; text-align:left; font-size:18px; color:#555; font-family:SpoqaHanSansNeo_Regular; letter-spacing: 0.01em; line-height:1.0em; }
.dayss_img { text-align:center; }
.dayss_m { padding-right:10px; text-align:right; font-size:14px; color:#222; font-family:SpoqaHanSansNeo_Medium; letter-spacing: 0.01em; line-height:1.0em;  }