@media (min-width: 960px) {
	.time{width: 960px; margin: 30px auto; border: 1px solid #ddd; text-align: center; padding: 40px 0; border-radius: 5px;}
	.time h3{font-size: 24px;}
	.time_icon{height: 24px; position: relative; top:3px; margin-right: 8px}
	.datetime{color: #41B8EA; font-size: 52px; margin: 0 0 8px 0}
	.datetime_txt{color: #777; font-size: 24px; position: relative; top: 5px}
	.last_time{font-size: 20px; color: #555; font-weight: bold; margin-top: 30px}
	
	.charge{width: 960px; margin: 40px auto}
	.charge h3{display: block; font-size: 20px; height: 60px; line-height: 60px; border-bottom: 3px solid #41B8EA}
	.charge_img{display: block; width: 100%; margin-bottom: 40px ;content: url( "../../img/img_contents/info.svg" ); }
}

@media (max-width: 959px) {
	.time{display: block; margin: 30px 20px; border: 1px solid #ddd; text-align: center; padding: 30px 0; border-radius: 5px; background-color: #F0EEF6}
	.time h3{font-size: 18px;}
	.time_icon{height: 20px; position: relative; top:3px; margin-right: 8px}
	.datetime{color: #41B8EA; font-size: 36px; margin: 0 0 8px 0}
	.datetime_txt{color: #777; font-size: 18px; position: relative; top: 5px}
	.last_time{font-size: 16px; color: #555; margin-top: 20px; font-weight: bold;}
	
	.charge{margin: 0 20px;}
	.charge h3{display: block; font-size: 18px; height: 60px; line-height: 60px; border-bottom: 2px solid #41B8EA}

	.charge_img{display: block; width: 100%; margin-bottom: 40px ;content: url( "../../img/img_contents/info_m.svg" ); }
}