.ProgressBox {
	position:relative;
	display:flex;
	justify-content:space-between;
	align-items:center;
	width:690px;
	margin:0 auto 65px;
}

.ProgressBox::after {
	content:"";
	position:absolute;
	width:100%;
	height:3px;
	background-color:#E9E9E9;
	z-index:-1;
}

.ProgressBox li {
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	align-items:center;
	width:130px;
	height:130px;
	border-radius:50%;
	background-color:#E9E9E9;
    padding: 20px 0;
}

.ProgressBox li img:nth-child(2) {
	display:none;
}

.ProgressBox li strong {
	font-weight:700;
    margin-top: 10px;
}

.ProgressBox li.active {
	color:#fff;
	background-color:var(--navy);
}

.ProgressBox li.active img:nth-child(1) {
	display:none;
}

.ProgressBox li.active img:nth-child(2) {
	display:block;
}

/* 반응형 */

@media screen and (max-width: 1250px) {
	
}

@media screen and (max-width: 1025px) {
	
}

@media screen and (max-width: 769px) {
	
	.ProgressBox {
		width:100%;
	}
	
	.ProgressBox li {
	    width: 33.33333%;
	    border-radius: 0;
	}
	
}

/* ---------- */