#time .a{
	width:90%;
	margin:50px auto;
	font-family:'Nanum Gothic', Dotum, arial;
	line-height:1.5em
}

#time .b{
	list-style:none;
	margin:0;
	padding:0;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}

#time .b *{
	-moz-box-sizing:border-box;
	box-sizing:border-box
}

#time .j{
	position:relative
}

#time .j>dl{
	width:100%;
	display:table;
	margin:0;
	padding:0
}

@media (min-width:769px){
	#time .j{
		display:table;
		width:100%
	}

	#time .j>dl{
		display:table-cell
	}

	#time .j>dl:before{
		content:"";
		float:left;
		height:100%;
		display:block;
		position:absolute;
		top:0
	}

}

#time .j>dl>dt{
	-moz-margin-start:0;
	-webkit-margin-start:0;
	margin-start:0;
	width:100%;
	display:block
}

@media (min-width:360px){
	#time .j>dl>dt{
		width:50%;
		display:table-cell;
		height:100%
	}

}

@media (min-width:769px){
	#time .j>dl>dt{
		display:none
	}

}

#time .j>dl>dd{
	-moz-margin-start:0;
	-webkit-margin-start:0;
	margin-start:0;
	display:block;
	width:100%
}

@media (min-width:360px){
	#time .j>dl>dd{
		width:50%;
		display:table-cell;
		height:100%
	}

}

#time .d{
	display:none
}

@media (min-width:769px){
	#time .d{
		display:block;
		position:relative
	}

	#time .d>ul{
		list-style:none;
		margin:0;
		padding:0;
		display:table;
		width:100%
	}

	#time .d>ul>li{
		display:table-cell;
		vertical-align:middle
	}

	#time .d>ul>li:before{
		content:"";
		float:left;
		height:100%;
		display:block;
		position:absolute;
		top:0
	}

}

@media (min-width:769px){
	#time .c .i{
		width:33%
	}

	#time .c .h{
		width:25%
	}

	#time .c .e{
		width:17%
	}

}

#time .b{
	color:#fff;
	background:#535353;
	border-radius:10px;
	border:1px solid #636563;
	overflow:hidden
}

#time .b>li{
	border-bottom:1px solid #636563
}

@media (min-width:769px){
	#time .b>li:not(.d){
		border-bottom:1px solid silver
	}

}

#time .b>li:last-child{
	border-bottom:none
}

#time .b>li>dl{
	border-bottom:1px solid silver
}

#time .b>li>dl:last-child{
	border-bottom:none
}

@media (min-width:769px){
	#time .b>li>dl{
		vertical-align:middle;
		border-bottom:none
	}

}

#time .b>li>dl>dt{
	padding:10px 20px;
	background:#2c9a80;
	vertical-align:middle
}

#time .b>li>dl>dd{
	padding:10px 20px;
	vertical-align:middle
}

#time .d{
	background:#2c9a80
}

@media (min-width:769px){
	#time .d>ul>li{
		vertical-align:middle
	}

	#time .d>ul>li:before{
		background:#636563;
		width:1px
	}

	#time .d>ul>li:first-child:before{
		display:none
	}

	#time .d>ul>li .g{
		padding:10px 20px;
		display:block
	}

}

@media (min-width:769px){
	#time .j>dl:before{
		background:silver;
		width:1px
	}

	#time .j>dl:first-child:before{
		display:none
	}

}

#time .j>dl>dd{
	margin:0
}

#time .img-example{
	width:100%;
	max-width:200px;
	max-height:266px
}