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

	.attendanceBox_input { padding:20px; background:#f3f3f3; border-radius:20px; margin:10px; } 
	.attendanceBox_inputs {  width:100%; display:inline-block; } 
	.attendanceBox_inputs ul { text-align:center; } 
	.attendanceBox_inputs ul  li { float:left; display:inline-block;  }
	.attendanceBox_input_icon { width:50%; text-align:center; }
	.attendanceBox_input_icon img { height:40px; margin-right:15px; }
	.attendanceBox_input_icon dl { text-align:center;  }
	.attendanceBox_input_icon dl dd { float:left; display:inline-block; }
	.attendanceBox_input_icon_txt { 
		padding-top:22px; padding-right:20px;
		color:#333; font-size:20px; font-family:'SpoqaHanSansNeo_Medium'; letter-spacing: 0.1em; line-height:1em; 
	}
	.attendanceBox_input_txt, .attendanceBox_input_icon_txt { 
		padding-top:12px; padding-right:20px; text-align:center; 
		color:#333; font-size:20px; font-family:'SpoqaHanSansNeo_Medium'; letter-spacing: 0.1em; line-height:1em; 
	}
	.attendanceBox_input_form { padding-top:3px; width:70%; }
	.attendanceBox_input_btn { padding-top:3px; width:30%;  }
	.attendanceBox_input_form input {
		border:1px solid #555; width:100%; background:#fff; padding-top:6px; padding-bottom:6px; padding-left:10px; padding-right:10px;
		color:#000; font-size:16px; font-family:'SpoqaHanSansNeo_Regular'; letter-spacing: 0.01em; line-height:1em; 
	}
	.attendanceBox_input_btn input {
		border:0px; width:100%; height:37px; background:#db3232; padding-top:6px; padding-bottom:6px; padding-left:10px; padding-right:10px;
		color:#fff; font-size:16px; font-family:'SpoqaHanSansNeo_Medium'; letter-spacing: 0.01em; line-height:1em; 
	}

	.attendanceBox_txt { margin:10px; }
	.attendanceBox_txt_l_line { height:6px; }
	.attendanceBox_txt li { 
		float:left; display:inline-block; 
		color:#222; font-size:14px; font-family:'SpoqaHanSansNeo_Regular'; letter-spacing: 0.01em; line-height:1em; 
	}
	.attendanceBox_txt li b { font-family:'SpoqaHanSansNeo_Medium';  }
	.attendanceBox_txt_l, .attendanceBox_txt_r { width:100%; text-align:left; height:40px; }
	.attendanceBox_txt_l_span { color:#ff0000; }
	.attendanceBox_txt_l_btn {
		margin-left:20px; padding-top:5px; padding-bottom:5px; padding-left:12px; padding-right:12px; border-radius:16px;
		background:#777; color:#fff; font-size:12px; font-family:'SpoqaHanSansNeo_Regular'; letter-spacing: 0.01em; line-height:1em; cursor:pointer;
	}
	.attendanceBox_txt_l_btn:hover { background:#db3232; }
	.attendanceBox_txtBox { 
		border:1px solid #ddd; background:#fff; padding:20px;  z-index:1;
		display:none; position:fixed; width:360px; height:400px; left:50%; margin-left:-180px; top:50%; margin-top:-200px;overflow:hidden;-webkit-overflow-scrolling:touch;
	}
	.attendanceBox_txtBox li { float:left; display:inline-block; }
	.attendanceBox_txtBox_l { 
		width:70%; text-align:left;  
		color:#222; font-size:20px; font-family:'SpoqaHanSansNeo_Medium'; letter-spacing: 0.01em; line-height:1em; 
	}
	.attendanceBox_txtBox_r { width:30%; text-align:right; }
	.attendanceBox_txtBox_c { width:100%; text-align:left; }
	.attendanceBox_txtBox_l img { height:30px; margin-bottom:10px; }
	.attendanceBox_txtBox_r img { height:24px; cursor:pointer; }
	.attendanceBox_txtBox dd { 
		float:left; display:inline-block; width:100%;  padding-top:15px; padding-bottom:15px; 
		text-align:left; color:#222; font-size:16px; font-family:'SpoqaHanSansNeo_Regular'; letter-spacing: 0.01em; line-height:1em; 
		border-top:1px solid #dedede;
	}
	.attendanceBox_txtBox dd span { font-family:'SpoqaHanSansNeo_Medium';  color:#db3232; }

	.attendanceBox_list { display:inline-block; margin:10px; }
	.attendanceBox_list ul { text-align:center; }
	.attendanceBox_list li { 
		float:left; text-align:left;
		background:#fff; color:#222; font-size:14px; font-family:'SpoqaHanSansNeo_Regular'; letter-spacing: 0.01em; line-height:1em;  
	}
	.attendanceBox_list li div { padding:5px; }
	.attendanceBox_list_t_1, .attendanceBox_list_t_2, 	.attendanceBox_list_t_3, .attendanceBox_list_t_4,	.attendanceBox_list_t_5, .attendanceBox_list_t_6 { display:none; }
	.attendanceBox_lists_p { position: relative; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;  }
	.attendanceBox_lists { display:inline-block; }
	.attendanceBox_list_1 { height:35px; width:20%; padding-left:10px; padding-top:10px; }
	.attendanceBox_list_2 { height:35px; width:30%; padding-top:10px; }
	.attendanceBox_list_3 { height:35px; width:50%; padding-top:10px; }
	.attendanceBox_list_4 { padding-left:10px; padding-right:10px; width:100%; }
	.attendanceBox_list_5 { padding-left:10px; width:50%; border-bottom:1px solid #dedede; padding-bottom:10px; }
	.attendanceBox_list_6 { padding-right:10px; width:50%; border-bottom:1px solid #dedede; padding-bottom:10px; }

} /* 모바일 end */

/* PC ************************************************************************************************************************************************************************/
@media  all and (min-width : 1300px)  {
	
	.attendanceBox_input { padding:20px; background:#f3f3f3; border-radius:20px; margin-top:15px; margin-bottom:15px; } 
	.attendanceBox_inputs {  width:100%; display:inline-block; } 
	.attendanceBox_inputs ul { text-align:center;} 
	.attendanceBox_inputs ul  li { float:left; display:inline-block;  }
	.attendanceBox_input_icon img { height:40px; margin-left:15px; margin-right:15px; }
	.attendanceBox_input_icon dl { text-align:center;  }
	.attendanceBox_input_icon dl dd { float:left; display:inline-block; }
	.attendanceBox_input_icon_txt { 
		padding-top:22px; padding-right:20px;
		color:#333; font-size:20px; font-family:'SpoqaHanSansNeo_Medium'; letter-spacing: 0.1em; line-height:1em; 
	}
	.attendanceBox_input_txt, .attendanceBox_input_icon_txt { 
		padding-top:12px; padding-right:20px; text-align:center; 
		color:#333; font-size:20px; font-family:'SpoqaHanSansNeo_Medium'; letter-spacing: 0.1em; line-height:1em; 
	}
	.attendanceBox_input_form, .attendanceBox_input_btn { padding-top:3px; }
	.attendanceBox_input_form input {
		border:1px solid #555; width:600px; background:#fff; padding-top:6px; padding-bottom:6px; padding-left:10px; padding-right:10px;
		color:#000; font-size:16px; font-family:'SpoqaHanSansNeo_Regular'; letter-spacing: 0.01em; line-height:1em; 
	}
	.attendanceBox_input_btn input {
		border:0px; width:130px; height:37px; background:#db3232; padding-top:6px; padding-bottom:6px; padding-left:10px; padding-right:10px;
		color:#fff; font-size:16px; font-family:'SpoqaHanSansNeo_Medium'; letter-spacing: 0.01em; line-height:1em; 
	}

	.attendanceBox_txt { width:100%; display:inline-block; margin-bottom:20px; }
	.attendanceBox_txt_l_line { display:none; }
	.attendanceBox_txt li { 
		float:left; display:inline-block; 
		color:#222; font-size:14px; font-family:'SpoqaHanSansNeo_Regular'; letter-spacing: 0.01em; line-height:1em; 
	}
	.attendanceBox_txt li b { font-family:'SpoqaHanSansNeo_Medium';  }
	.attendanceBox_txt_l { width:60%; text-align:left; }
	.attendanceBox_txt_r { width:40%; text-align:right; }
	.attendanceBox_txt_l_span { color:#ff0000; }
	.attendanceBox_txt_l_btn {
		margin-left:20px; padding-top:5px; padding-bottom:5px; padding-left:12px; padding-right:12px; border-radius:16px;
		background:#777; color:#fff; font-size:12px; font-family:'SpoqaHanSansNeo_Regular'; letter-spacing: 0.01em; line-height:1em; cursor:pointer;
	}
	.attendanceBox_txt_l_btn:hover { background:#db3232; }
	.attendanceBox_txtBox { 
		border:1px solid #ddd; background:#fff; padding:20px;  z-index:1;
		display:none; position:fixed; width:360px; height:400px; left:50%; margin-left:-180px; top:50%; margin-top:-200px;overflow:hidden;-webkit-overflow-scrolling:touch;
	}
	.attendanceBox_txtBox li { float:left; display:inline-block; }
	.attendanceBox_txtBox_l { 
		width:70%; text-align:left;  
		color:#222; font-size:20px; font-family:'SpoqaHanSansNeo_Medium'; letter-spacing: 0.01em; line-height:1em; 
	}
	.attendanceBox_txtBox_r { width:30%; text-align:right; }
	.attendanceBox_txtBox_c { width:100%; text-align:left; }
	.attendanceBox_txtBox_l img { height:30px; margin-bottom:10px; }
	.attendanceBox_txtBox_r img { height:24px; cursor:pointer; }
	.attendanceBox_txtBox dd { 
		float:left; display:inline-block; width:100%;  padding-top:15px; padding-bottom:15px; 
		text-align:left; color:#222; font-size:16px; font-family:'SpoqaHanSansNeo_Regular'; letter-spacing: 0.01em; line-height:1em; 
		border-top:1px solid #dedede;
	}
	.attendanceBox_txtBox dd span { font-family:'SpoqaHanSansNeo_Medium';  color:#db3232; }

	.attendanceBox_list { width:100%; display:inline-block; margin-bottom:20px; }
	.attendanceBox_list ul { text-align:center; }
	.attendanceBox_list li { height:40px; float:left; display:inline-block; border-bottom:1px solid #dedede; }
	.attendanceBox_list li div { padding:10px; }
	.attendanceBox_list_t, .attendanceBox_list_t_end {
		background:#f3f3f3; text-align:center;
		color:#222; font-size:16px; font-family:'SpoqaHanSansNeo_Medium'; letter-spacing: 0.01em; line-height:1em; 
	}
	.attendanceBox_lists, .attendanceBox_lists_end { 
		background:#fff; color:#222; font-size:14px; font-family:'SpoqaHanSansNeo_Regular'; letter-spacing: 0.01em; line-height:1em;  
	}
	.attendanceBox_lists_p { position: relative; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;  }
	.attendanceBox_list_t, .attendanceBox_lists { border-right:1px solid #dedede; }
	.attendanceBox_list_t_1, .attendanceBox_list_1 { width:8%; }
	.attendanceBox_list_t_2, .attendanceBox_list_2 { width:15%; }
	.attendanceBox_list_t_3, .attendanceBox_list_3 { width:20%; }
	.attendanceBox_list_t_4, .attendanceBox_list_4 { width:34%; }
	.attendanceBox_list_t_5, .attendanceBox_list_5 { width:15%; }
	.attendanceBox_list_t_6, .attendanceBox_list_6 { width:8%; }

} /* PC end */