.process-box{}
.process-box > li{display:block;padding:0 0 50px 0;}
.process-box > li dl{ display: table;position:relative;border: 1px solid #cdcdcd;width: 100%;border-radius: 7px;}
.process-box > li dl:after{content: "";position: absolute;bottom: -36px;left: 15%;transform:translate(-50%);width: 19px;height: 18px;background: url(/_res/ajou/gs/img/common/bg-arr0001.png) no-repeat 0 0/100%;    }
.process-box > li:last-child{padding:0}
.process-box > li:last-child dl:after{display:none}
.process-box > li dl dt{width: 30%;border-radius: 7px 0 0 7px;padding: 20px;text-align: -webkit-center;color: #fff;display: table-cell;vertical-align: middle;}
.process-box > li dl dd{width: 70%;padding: 20px;display: table-cell;}
.process-box.ty01 > li dl dt{background-color: #e0af5e;}
.process-box.ty02 > li dl dt{background-color:#0c8189;}


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

@media screen and (max-width: 768px) {
	.process-box > li dl{display:block}
	.process-box > li dl dt{display:block;border-right:none;width:100%;padding:15px;box-sizing:border-box;font-size: 15px;border-radius: 7px 7px 0 0;}
	.process-box > li dl dd{width:100%;box-sizing:border-box;padding:15px;display:block;}
	.process-box > li dl:after{left: 50%;bottom: -28px;width: 14px;}
	.process-box > li {display: block;padding: 0 0 35px 0;}
}
@media screen and (max-width: 420px) {
	
	
	
}