/* diagram */
.admissionprocess-box {background-color:#f8fafc;padding: 60px 30px;}
.admissionprocess-box > div > ul {width:100%;font-size:0;text-align:center;}
.admissionprocess-box > div > ul:after{content:'';display:block;clear:both;}
.admissionprocess-box > div > ul > li{float:left;margin: 0 30px 0 0;width:calc(20% - (30px * 4 / 5));min-height: 170px;border-radius:6px;background-color:#fff;text-align: center;vertical-align:top;-webkit-box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.1); box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.1);}
.admissionprocess-box > div > ul > li:last-of-type{margin:0;}
.admissionprocess-box > div > ul > li > div:nth-of-type(1){display: table;width: 100%;height: 50px;border-top-left-radius: 6px;border-top-right-radius: 6px;background-color:#ededed;}
.admissionprocess-box > div > ul > li > div:nth-of-type(2){position: relative;display: table;padding: 0 0px;box-sizing: border-box;width: 100%;height: 120px;}
.admissionprocess-box > div > ul > li > div:nth-of-type(1) > p{display: table-cell;vertical-align: middle;}
.admissionprocess-box > div > ul > li > div:nth-of-type(2) > p{display: table-cell;vertical-align: middle;}
.admissionprocess-box > div > ul > li > div > p{line-height: 28px;font-size:20px;}
.admissionprocess-box > div > ul > li > div > p > span{display:block;}
.admissionprocess-box > div > ul > li div p .additional-info{font-size:16px;line-height: 24px;}
.admissionprocess-box > div.top-box > ul{margin: 0 0 30px 0;}
.admissionprocess-box > div.top-box > ul > li > div:nth-of-type(2):after{content:'';position:absolute;top:50%;right:-20px;transform:translateY(-50%);display:block;width:8px;height:17px;background: center/100% no-repeat url(/_res/ajou/cie/img/content/ico-arrow-r.gif);} 
.admissionprocess-box > div.top-box > ul > li:last-of-type > div:nth-of-type(2):after{top:auto;left:50%;bottom: -20px;transform:translateX(-50%);width:15px;height:8px;background:center/100% no-repeat url(/_res/ajou/cie/img/content/ico-arrow-d.gif);}
.admissionprocess-box > div.bottom-box > ul > li{float:right;}
.admissionprocess-box > div.bottom-box > ul > li:first-of-type{margin:0;}
.admissionprocess-box > div.bottom-box > ul > li:last-of-type{margin:0 30px 0 0;0border: 1px solid #0066b3;box-sizing: border-box;}
.admissionprocess-box > div.bottom-box > ul > li > div:nth-of-type(2):after{content:'';position:absolute;top:50%;right:-20px;transform:translateY(-50%);display:block;width:8px;height:17px;background: center/100% no-repeat url(/_res/ajou/cie/img/content/ico-arrow-l.gif);} 
.admissionprocess-box > div.bottom-box > ul > li:first-of-type  > div:nth-of-type(2):after{display:none;}
/*
.admissionprocess-box .link-btn-box{margin:50px 0 0;text-align:center;}
.admissionprocess-box .link-btn-box a{box-sizing:border-box;display:inline-block;padding: 20px 60px 20px 45px;color: #fff;background: right 20px bottom 28px/26px no-repeat url(/_res/ajou/cie/img/common/img-arrow02-w.gif) #0066b3;border: 1px solid transparent;}
.admissionprocess-box .link-btn-box a:hover{color: #222;background-color:#fff;background-image:url(/_res/ajou/cie/img/common/img-arrow02.gif);border: 1px solid #0066b3;transition: all 0.3s;}
*/
.admissionprocess-box .link-btn-box{margin:50px 0 0;text-align:center;}
.admissionprocess-box .link-btn-box > a{position:relative;display:inline-block;padding: 20px 60px 20px 45px;font-size:18px;color: #fff;background-color: #0066b3;border: 1px solid transparent;}
.admissionprocess-box .link-btn-box a:hover{color: #222;background-color:#fff;border: 1px solid #0066b3;transition: all 0.3s;}
.admissionprocess-box .link-btn-box a:after{content:"";display:block;position:absolute;right:20px;top:50%;transform:translateY(-80%);width:26px;height:8px;background: center/contain no-repeat url(../img/common/img-arrow02-w.gif);}
.admissionprocess-box .link-btn-box a:hover:after{background-image: url(../img/common/img-arrow02.gif);}

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

	/* diagram */
	.admissionprocess-box {padding: 50px 0px;}
	.admissionprocess-box > div > ul > li:after{right:-10px;}
	.admissionprocess-box > div:nth-of-type(2) > ul > li:after{left:-12px}
	.admissionprocess-box > div > ul > li div p{font-size:18px;line-height: 24px;}
	.admissionprocess-box > div > ul > li > div:nth-of-type(2) > p{padding:10px 20px;}
	.admissionprocess-box > div > ul > li > div:nth-of-type(2) > p .mobile-hide{display:none;}
	
}

@media screen and (max-width:768px) {
	/* diagram */
	.admissionprocess-box > div > ul > li{float:none!important}
	.admissionprocess-box > div > ul{width:90%;margin:0 auto!important;}
	.admissionprocess-box > div > ul > li{width: 100%; margin: 0 0 30px!important;}
	.admissionprocess-box > div.top-box > ul > li > div:nth-of-type(2):after{display:none;}
	.admissionprocess-box > div.bottom-box > ul > li > div:nth-of-type(2):after{display:none;}
	.admissionprocess-box > div > ul > li div p.additional-info{font-size:16px;line-height: 20px;}
	
	.admissionprocess-box .link-btn-box a{font-size:18px;background-position: 140px 24px;background-size:24px;}

}

@media screen and (max-width:480px) {
	/* diagram */
	.admissionprocess-box > div > ul > li div p{font-size:16px;line-height:26px;}
	.admissionprocess-box > div > ul > li > div:nth-of-type(2) > p {padding: 10px 10px;}
	.admissionprocess-box .link-btn-box a{font-size:16px;background-position: 135px 23px; background-size:23px ;}
	
}