.step-wrap > div {position: relative;margin: 0 0 20px 0;border-radius: 10px;}
.step-wrap > div:after {content: '';display: block;position: absolute;bottom: -42px;left: 50%;width: 30px;height: 29px;background: url(/_res/ajou/ascc/img/content/right_arr_con.gif) no-repeat 50% 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);box-sizing: border-box;}
.step-wrap > div:last-of-type:after {display: none;}
.step-box > span {display: inline-block;text-align: center;  width: 100%;margin: 0 0 30px 0;font-size: 20px;font-weight: 500;color: #228bd5;}
.step-box > ol {text-align: center;}
.step-box > ol:after {content: ''; display: block;clear: both;}
.step-box > ol > li {display: flex;position: relative;border-radius: 7px;border: 1px solid #bebebe;width: 100%;margin: 0 0px 45px 0;background: #f3f3f3;border-radius: 7px;box-sizing: border-box;text-align: center;text-align: center;justify-content: space-around;flex-wrap: nowrap;}
.step-box > ol > li:after {content: '';display:block;position: absolute;top: auto;left: 50%;width: 15px;height: 9px;	background: url(/_res/ajou/ascc/img/content/right_arr_con.jpg) no-repeat 50% 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);bottom: -33px;}
.step-box > ol > li:last-of-type {margin: 0;}
.step-box > ol > li:last-of-type:after {display: none;}
.step-box > ol > li > p {    line-height: 22px;background: #426aae;padding: 15px 47px;text-align: left;color: #fff;border-radius: 7px;width: 22%;}
.step-box > ol > li > p img{margin:0 15px 0 0;}
.step-box > ol > li > div {width: 78%;vertical-align: middle;box-sizing: border-box;padding: 0 0 0 20px;}
.step-box > ol > li > div > ul {padding: 33px 10px;text-align: left;}
.step-box > ol > li > div p:nth-of-type(1) {position: relative;padding: 0 0 7px;font-weight: 500;font-size: 16px;line-height: 21px;}
.step-box > ol > li > div p:nth-of-type(1):after {content: '';display: block;position: absolute;bottom: 0;left: 50%;width: 12px; height: 1px; background: #00579f; transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);}
.step-box > ol > li > div p:nth-of-type(2) {font-size: 15px;line-height: 23px;color: #666666;}
.step-box > ol > li > .ready {position: absolute;right: -59px;z-index: 9;bottom: 7px;}

.step-box > ol > li:nth-of-type(1)> p{background-color:#008777}
.step-box > ol > li:nth-of-type(2)> p{background-color:#40a44a}
.step-box > ol > li:nth-of-type(3)> p{background-color:#c1ca33}
.step-box > ol > li:nth-of-type(4)> p{background-color:#ffb301}
.step-box > ol > li:nth-of-type(5)> p{background-color:#ff8a00}

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

@media screen and (max-width: 768px) {   
    .step-wrap > div {border: none;}
    .step-box > ol > li {width: 100%; margin: 0 0px 30px 0;}
    .step-box > ol {display: block}
    .step-box > span {margin: 0 0 15px 0;}
    .step-wrap > div:last-child {margin: 0;}
    .step-box > ol > li > .ready {position: absolute;right: 26px;z-index: 9;bottom: -55px;}
    .step-box > ol > li:after {top: auto;bottom: -26px;right: auto;left: 50%;width: 15px;height: 9px;background: url(/_res/ajou/ascc/img/content/right_arr_con.jpg) no-repeat 50% 50%;transform: translateY(-50%);
        -webkit-transform: translateY(-50%);}

    .step-box > ol > li > p {padding:14px 13px 3px 13px;;font-size: 14px;text-align:center    }
	.step-box > ol > li > p img{margin:0}
	.step-box > ol > li > div{padding:0 0 0 5px;}
}