/* outgoing-programs > 교환학생 > 파견교지원절차 */
.step-wrap > div {position: relative;padding: 24px 0 39px 0;border: 1px solid #cdcdcd;margin: 0 0 50px 0;border-radius:10px;}
.step-wrap > div:after{content:'';display:block;position:absolute;bottom: -42px;left:50%;width:30px;height:29px;background:url(../img/outgoing/ico-arr.png) 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{padding:15px 0 0;text-align: center;display: flex;justify-content: center;}
.step-box > ol:after{content:'';display:block;clear:both;}
.step-box > ol li{display: block;position:relative;float:left;border-radius:7px;border: 1px solid #bebebe;margin:0 40px 0 0;padding: 59px 0 0 0;width: 29%;min-height:130px;background:#f3f3f3;border-radius:10px;box-sizing:border-box;text-align:center;/* table-layout:fixed; */text-align: center;}
.step-box > ol li:after{content:'';display:block;position:absolute;top:50%;right:-25px;width:9px;height:15px;background:url(../img/outgoing/ico-arr04.png) no-repeat 50% 50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);}
.step-box > ol li:last-of-type{margin:0;}
.step-box > ol li:last-of-type:after{display:none;}
.step-box > ol li > p{position:absolute;top:-15px;left:50%;padding:3px 0;width:80px;background:#228bd5;border-radius:20px;font-size:15px;line-height:23px;color:#fff;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);}
.step-box > ol li > div{/* display:table-cell; */width:100%;vertical-align:middle;}
.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;}

@media screen and (max-width:1024px) {
	
}
@media screen and (max-width:768px) {
	.step-wrap > div {border:none;padding: 24px 0 10px 0;}
	.step-box > ol li {width:100%;margin: 0 40px 30px 0;}
	.step-box > ol{display:block}
	.step-box > span {margin: 0 0 15px 0;}
	.step-wrap > div:last-child{margin:0;}
	
	
}

@media screen and (max-width:480px) {
	.organ-box01 .left-box {width: 100%;display:block}
	.organ-box01 .left-box p {width: 100%;}
}



@media screen and (max-width:1024px) {
	
}
@media screen and (max-width:768px) {
	.organ-box01 .left-box {float: none;display: flex;justify-content: space-between;flex-wrap: nowrap;width: 100%;}
	.organ-box01 .right-box {float: none;width: 100%;padding: 19px 0 0 0px;}
	.img-box ul li {display: inline-block;padding: 20px 0;}
	.organ-box01 .left-box p{width:45%}
	
	
}

@media screen and (max-width:480px) {
	.organ-box01 .left-box {width: 100%;display:block}
	.organ-box01 .left-box p {width: 100%;}
}