@charset "utf-8";

#xet-page ul.xet-timeline-wrp {
	list-style: none;
	padding: 40px 0 0;
	margin: 0;
	position: relative;
}
/* 세로 선 */
#xet-page ul.xet-timeline-wrp:before {
	top: 0;
	bottom: 0;
	position: absolute;
	content: " ";
	width: 1px;
	left: 15px;
	background-color: rgba(197,210,224,.7);;
	
}
/* item */
#xet-page ul.xet-timeline-wrp > li {
	position: relative;
	margin: 0;
	padding: 0 0 40px 60px;
}
#xet-page ul.xet-timeline-wrp > li > .xet-timeline-title {	
	color: #1b1b1b;
}
#xet-page ul.xet-timeline-wrp > li > .xet-timeline-title > em {
	position: absolute;
	top: 0px;
	left: 0%;	
	width: 30px;
	height: 30px;
	margin-left: 0px;
	line-height: 30px;	
	z-index: 10;
	border-radius: 50%;
	background-color:#fff;
	border: 1px solid #ff6600;
}
#xet-page ul.xet-timeline-wrp > li > .xet-timeline-title > em::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(0,-50%);
	width: 30px;
	height: 1px;
	background-color: #ff6600;
}
#xet-page ul.xet-timeline-wrp > li > .xet-timeline-title > em::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #ff6600;
}
#xet-page ul.xet-timeline-wrp > li > .xet-timeline-content {}


	/* Dark */
	#xet-page.dark ul.xet-timeline-wrp > li > .xet-timeline-title {
		color: #f1f1f1;
	}
	#xet-page.dark ul.xet-timeline-wrp > li > .xet-timeline-title > em {
		background-color: #000;
	}
	#xet-page.dark ul.xet-timeline-wrp:before {
		background-color: #3b3b3b;
	}
	


/* LG */
@media (min-width: 992px) {
}