.ol-progress:after{content:"";display:block;clear:both;}
.ol-progress > li{float:left;width:120px;height:120px;margin:0 30px 10px 0;background:#4f94e2;border-radius:50%;position:relative;}
.ol-progress > li.gray{background:#eee;}
.ol-progress > li.gray > span{color:#333;}
.ol-progress > li > span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;text-align:center;color:#fff;}
.ol-progress > li:after{content:"";position:absolute;right:-32px;top:50%;transform:translateY(-50%);width:30px;height:20px;background:url(/_res/ajou/ace/img/bg-link-arr-over.png) no-repeat center;}
.ol-progress > li:last-of-type{margin:0;}
.ol-progress > li:last-of-type:after{display:none;}

@media screen and (max-width:768px){
	.ol-progress > li{float:none;width:100%;height:auto;border-radius:8px;margin:0 0 30px;}
	.ol-progress > li > span{display:block;position:relative;top:auto;left:auto;transform:none;padding:10px 0;}
	.ol-progress > li > span > br{display:none;}
	.ol-progress > li:after{right:auto;left:50%;top:calc(100% + 5px);transform:translateX(-50%) rotate(90deg);}
	
}