/* outgoing-programs > 교환학생 > 파견교지원절차 */
.step-wrap{padding: 30px 0;border: 1px solid #cdcdcd;border-radius: 10px;}
.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: inline-block;position:relative;border-radius:7px;border: 1px solid #bebebe;width:80%;margin:0 0px 45px 0;background:#f3f3f3;border-radius:7px;box-sizing:border-box;text-align:center;/* table-layout:fixed; */text-align: center;}
.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 10px;text-align: center;color: #fff;    border-radius: 7px 7px 0 0;}
.step-box > ol > li > div{width:100%;vertical-align:middle;}
.step-box > ol > li > div > ul{padding: 20px 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;}

@media screen and (max-width:1024px) {
	
}
@media screen and (max-width:768px) {
	.step-wrap {padding: 10px 0;}
	.step-wrap > div {border:none;padding:0 10px;}
	.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: 8px 10px;font-size: 14px;}
	
}