/* 공통 */
.mg-b40{margin-bottom:40px;}
.diagram-wrap .title-box{border: 1px solid #ececec; padding: 5px 10px; text-align:center;}
.diagram-wrap .diagram-con-box{background-color:#e4ebf3;}

/* 개별, aim */
.diagram-wrap > div{padding: 0 10%;}
.diagram-wrap .aim-wrap::after{content:''; display:block; clear:both; width: 40px; height:60px; background: center/contain no-repeat url('/_res/ajou/uc/img/intro/arrow2.gif'); margin: 0 auto 20px;}
.diagram-wrap .aim-wrap .aim-box:nth-child(1){width: 30%; float:left; position:relative;}
.diagram-wrap .aim-wrap .aim-box:nth-child(2){width: 60%; float:right;}

.diagram-wrap .aim-wrap .aim-box div .table-layout {display:table;height:100%;}
.diagram-wrap .aim-wrap .aim-box div .table-layout > ul {display:table-cell; vertical-align:middle;}


.diagram-wrap .aim-wrap .aim-box > .title-box br.txt-line{display:none;}

.diagram-wrap .aim-wrap .diagram-con-box{height: calc(25px * 12); vertical-align:middle; padding: 5px 40px;}
.diagram-wrap .aim-wrap .aim-box:nth-child(1)::after{content:''; display:block; width: 40px; height:40px; background: center/contain no-repeat url('/_res/ajou/uc/img/intro/sum2.gif');position: absolute; right: -23%; top: 50%;}

/* 개별, goal */
.diagram-wrap .goal-box .diagram-con-box{padding: 40px 40px;}
.diagram-wrap .goal-box:nth-child(2)::after{content:''; display:block; width: 40px; height:60px; background: center/contain no-repeat url('/_res/ajou/uc/img/intro/arrow2.gif'); margin: 20px auto 0;}


.vocation-wrap{background-color:#f2f9fb; text-align:center; padding: 40px 0; margin: 0 0 40px;}



@media screen and (max-width:1024px) { 
	.diagram-wrap .aim-wrap .diagram-con-box{padding: 5px 30px;}
	.diagram-wrap .aim-wrap .aim-box:nth-child(1)::after{right: -25%;}
}

@media screen and (max-width:768px) { 
	.diagram-wrap .aim-wrap .diagram-con-box{padding: 5px 20px;}
	/*
	.diagram-wrap .aim-wrap .aim-box:nth-child(1)::after{right: -30%;}
	*/
	.diagram-wrap > div{padding:0;}
}

@media screen and (max-width:630px) { 
	.diagram-wrap .aim-wrap .diagram-con-box{padding: 5px 20px;}
	.diagram-wrap .aim-wrap .aim-box > .title-box br.txt-line{display:block;}
	.diagram-wrap .aim-wrap .aim-box:nth-child(1){width: auto; float:none;}
	.diagram-wrap .aim-wrap .aim-box:nth-child(2){width: auto; float:none;}
	.diagram-wrap .aim-wrap .aim-box:nth-child(1)::after{position: static; margin: 20px auto;}
	.diagram-wrap .aim-wrap .diagram-con-box{padding: 40px 40px; height:auto;}
}

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

}

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

}