/* 공통 */
.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;}
.dec-bl{display:inline-block;}


a.link-text{color:#0066b3;}


/* 개별, 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;}

.ul-type01.dec-dot-box{position:relative;}
.ul-type01.dec-dot-box::before{content:''; display:block; width: 32px; border: 1px solid rgba(0,0,0,0.5); border-radius: 5px;position:absolute; top: 0; bottom: 0; left:0;}
.ul-type01 > li.dec-dot{padding: 0 0 0 42px;}
.ul-type01 > li.dec-dot:after{top: 6px; left: 0; width: 12px; height: 12px; margin: 0 10px 0;}
.ul-type01 > li.dec-dot.red-dot:after{background-color:#ff9393;}
.ul-type01 > li.dec-dot.green-dot:after{background-color:#7fd37f;}
.ul-type01 > li.dec-dot.white-dot:after{background-color:white; width: 10px; height: 10px;border: 1px solid rgba(0,0,0,0.5);}

@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%;}
}

@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) {

}