.vision-box{}
.vision-box dl{}
.vision-box dl > div{display:flex;width:100%;margin:0 0 20px;}
.vision-box dl > div:last-of-type{margin:0;}
.vision-box dl > div dt{width:120px;padding:20px 0;text-align:center;background:#f5f7fa;position:relative;}
.vision-box dl > div dt span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.vision-box dl > div dt:after{content:"";position:absolute;top:50%;left:100%;width:12px;height:40px;transform:rotate(90deg) translate(-150%,-80%);background:url(/_res/ajou/ace/img/content/ico-about-arr.png) no-repeat center / contain;}
.vision-box dl > div dd{width:calc(100% - 200px);margin:0 0 0 80px;text-align:center;}
.vision-box dl > div dd > p{height:100%;border-radius:5px;}

.vision-box dl > .first dd > p{line-height:56px;background:#4699ff;color:#fff;}
.vision-box dl > .second dd > p{line-height:56px;color:#004ca9;border:1px solid #004ca9;box-sizing:border-box;}
.vision-box dl > .third dd > ul{height:100%;overflow:hidden;}
.vision-box dl > .third dd > ul li{float:left;width:calc(25% - 6px);margin:0 8px 0 0;padding:100px 0 25px;border-radius:5px;border:1px solid #d8dcdf;background:url(/_res/ajou/ace/img/content/ico-vision01.png) no-repeat center top 25px;background-size:auto 60px;box-sizing:border-box;}
.vision-box dl > .third dd > ul li:nth-of-type(2){background-image:url(/_res/ajou/ace/img/content/ico-vision02.png);}
.vision-box dl > .third dd > ul li:nth-of-type(3){background-image:url(/_res/ajou/ace/img/content/ico-vision03.png);}
.vision-box dl > .third dd > ul li:nth-of-type(4){background-image:url(/_res/ajou/ace/img/content/ico-vision04.png);}
.vision-box dl > .third dd > ul li:last-of-type{margin:0;}
.vision-box dl > .fourth dd > ul{display:flex;justify-content:space-between;}
.vision-box dl > .fourth dd > ul li{width:18%;color:#0c4c9b;border:1px dashed #0c4c9b;border-radius:50%;box-sizing:border-box;position:relative;}
.vision-box dl > .fourth dd > ul li:after{content:"";position:absolute;top:50%;left:105%;width:12px;height:12px;background:url(/_res/ajou/ace/img/content/ico-vision-arr-mini.png) no-repeat center / contain;transform:translateY(-50%);}
.vision-box dl > .fourth dd > ul li:last-of-type:after{display:none;}
.vision-box dl > .fourth dd > ul li span{display:block;padding:41% 15px;line-height:20px;}
.vision-box dl > .last dd > p{height:auto;line-height:56px;background:#eef5ff;}
.vision-box dl > .last dd > ul{display:flex;margin:10px 0 0;}
.vision-box dl > .last dd > ul > li{flex:1;margin:0 10px 0 0;border:1px solid #5895e1;border-radius:5px;}
.vision-box dl > .last dd > ul > li:last-of-type{margin:0;}
.vision-box dl > .last dd > ul > li:nth-of-type(2n){background:#f6fafd;}
.vision-box dl > .last dd > ul > li > ol{}
.vision-box dl > .last dd > ul > li > ol > li{padding:15px 5px;font-size:14px;line-height:20px;border-bottom:1px dashed #d8dcdf;word-break:keep-all;}
.vision-box dl > .last dd > ul > li > ol > li:nth-of-type(6){border-bottom:none;}

@media screen and (max-width:1024px){
	.vision-box dl > div{display:block;}
	.vision-box dl > div dt{display:block;width:100%;padding:10px 0;font-weight:500;border-radius:5px;}
	.vision-box dl > div dt span{position:relative;top:auto;left:auto;transform:none;}
	.vision-box dl > div dt:after{display:none;}
	.vision-box dl > div dd{display:block;width:100%;margin:10px 0 0;}
	.vision-box dl > .last dd > ul > li > ol > li{min-height:40px;}
}

@media screen and (max-width:768px){
	.vision-box dl > .third dd > ul li{font-size:14px;}
	.vision-box dl > .fourth dd > ul{display:block;}
	.vision-box dl > .fourth dd > ul li{width:100%;margin:0 0 5px;border-radius:5px;}
	.vision-box dl > .fourth dd > ul li span{padding:15px 0;}
	.vision-box dl > .fourth dd > ul li span br{display:none;}
	.vision-box dl > .fourth dd > ul li:after{display:none;}
	.vision-box dl > .last dd > ul{display:block;}
	.vision-box dl > .last dd > ul > li{margin:0 0 5px 0;}
	.vision-box dl > .last dd > ul > li > ol > li{min-height:0;padding:10px 5px;}
}

@media screen and (max-width:480px){
	.vision-box dl > .third dd > ul li{width:calc(50% - 4px);margin:0 8px 8px 0;}
	.vision-box dl > .third dd > ul li:nth-of-type(2){margin:0 0 8px 0;}
	.vision-box dl > .third dd > ul li:nth-of-type(3){margin:0 8px 0 0;}
}