/* popup-box */
.popup-box{position:absolute;top: 18.5%;/*transform:translateY(-50%);*/max-width:100%;width:100%;height:0px;/*background-color:#fff;*/z-index:99;right:0px}
.popup-box > .tab-box{position:absolute;top:0;right:100px;width:820px;/*max-height:1000px;transition:all .5s;*/}
.popup-box > .tab-box.active{/*max-height:0;overflow:hidden;transition:max-height .5s;*/}
.popup-box > .popup-btn{position:absolute;top:0;right:50px;width:50px;height:50px;transition:all .3s;background: #00204c center/cover no-repeat url(/_res/ajou/iadmissions/img/main/ico-popup-open.jpg);}
.popup-box > .popup-btn.open{background-image: url(/_res/ajou/iadmissions/img/main/ico-popup-close.jpg);}
.popup-box > .popup-btn.close{background-image: url(/_res/ajou/iadmissions/img/main/ico-popup-open.jpg);}

.popup-box > .tab-box .tab-title-lists {background-color: rgba(1,85,154,0.75);font-size:0;}

.popup-box > .tab-box .tab-title-lists > li{display:inline-block;width:25%;box-sizing:border-box;border-right:1px solid rgba(255,255,255,0.2);color:#cdd9e9;font-size:16px;text-align:center;vertical-align:top;}
.popup-box > .tab-box .tab-title-lists > li:last-of-type{border-right:none;}
.popup-box > .tab-box .tab-title-lists > li.active{background-color:#fff;color:#333;}
.popup-box > .tab-box .tab-title-lists > li.active > a{background-color:#fff;font-weight:500;}
.popup-box > .tab-box .tab-title-lists > li > a{display:inline-block;box-sizing:border-box;padding:15px 10px;width:100%;overflow:hidden;font-size: 20px;white-space: nowrap;text-overflow:ellipsis;}
.popup-box > .tab-box .tab-content-box{position:relative;padding: 0px 30px 16px;margin: -2px 0 0;background-color:#fff;}
.popup-box > .tab-box .tab-content-box .tab-content-lists > li{display:none;}
.popup-box > .tab-box .tab-content-box .tab-content-lists > li.active{display:block;}

.popup-box > .tab-box .tab-content-box .tab-content-lists > li .application-box{font-size:0; text-align:center;}
.popup-box > .tab-box .tab-content-box .tab-content-lists > li .application-box > li{display:inline-block;padding:20px;width:calc(50% - 10px);box-sizing:border-box;margin:0 20px 20px 0;border:1px solid #e7e7e7;background-color:#f7f7f7;font-size:16px;vertical-align:top;}
.popup-box > .tab-box .tab-content-box .tab-content-lists > li .application-box > li:hover{transition:all 0.5s;border:1px solid #ead19a;background-color:#f9f1df;}
.popup-box > .tab-box .tab-content-box .tab-content-lists > li .application-box > li:nth-of-type(2){margin-right:0;}
.popup-box > .tab-box .tab-content-box .tab-content-lists > li .application-box > li:nth-of-type(3){margin-bottom:0;}
.popup-box > .tab-box .tab-content-box .tab-content-lists > li .application-box > li:last-of-type{margin-right:0;margin-bottom:0;}
.popup-box > .tab-box .tab-content-box .tab-content-lists > li .application-box > li .title-p{padding:0 0 10px 0;min-height:56px;font-size:20px;font-weight:500;line-height:28px;}
.popup-box > .tab-box .tab-content-box .tab-content-lists > li .application-box > li .date-p{padding:0 0 20px 0;font-size:18px;line-height:26px;}
.popup-box > .tab-box .tab-content-box .tab-content-lists > li .application-box > li > .btn-box{font-size:0;}
.popup-box > .tab-box .tab-content-box .tab-content-lists > li .application-box > li >.btn-box > a{display: inline-block;padding: 18px 0;width: calc(100% - 7px);background-color:#e6eef6;border:1px solid #b0d0f1;font-size:16px;}
.popup-box > .tab-box .tab-content-box .tab-content-lists > li .application-box > li >.btn-box > a:nth-of-type(1){margin:0 10px 0 0;}
.popup-box > .tab-box .tab-content-box .tab-content-lists > li .application-box > li >.btn-box > a:hover {background-color: #046cc4;border: 1px solid #046cc4;color: #fff;transition: all .3s;}

.popup-box > .tab-box .tab-content-box .tab-content-lists > li .application-box.viet-box > li .title-p{display: -webkit-box;padding:0;margin:0 0 10px 0;max-height:56px;text-overflow: ellipsis;overflow: hidden; -webkit-box-orient: vertical;-webkit-line-clamp: 2;}



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


	
	
	/* popup */
	.popup-box{/*top:auto;*/bottom:100px;width:100%;}
	.popup-box > .tab-box{width: calc(100% - 100px);}
	.popup-box > .tab-box .tab-content-box {padding: 22px 20px 20px;}
	.popup-box > .tab-box .tab-title-lists > li > a{padding:14px 10px;font-size:18px;}
	.popup-box > .tab-box .tab-content-box .tab-content-lists > li .application-box > li{width:100%;margin:0 0 20px 0;}
	.popup-box > .tab-box .tab-content-box .tab-content-lists > li .application-box > li:nth-of-type(3){margin-bottom:20px;}
	.popup-box > .tab-box .tab-content-box .tab-content-lists > li .application-box > li .title-p {padding: 0 0 10px 0;min-height: auto;font-size: 18px;line-height: 26px;}
	.popup-box > .tab-box .tab-content-box .tab-content-lists > li .application-box > li .date-p{padding: 0px 0 12px 0;font-size: 16px;line-height: 24px;}
	.popup-box > .tab-box .tab-content-box .tab-content-lists > li .application-box.en-box > li{padding:20px;}
	.popup-box > .tab-box .tab-content-box .tab-content-lists > li .application-box.viet-box > li{padding:20px;}
	.popup-box > .tab-box .tab-content-box .tab-content-lists > li .application-box.viet-box  > li .date-p{min-height:auto;}

}

@media screen and (max-width: 560px) {
	.popup-box > .tab-box .tab-content-box .tab-content-lists > li .application-box > li >.btn-box > a{display:block; width:100%; margin:0;}
	.popup-box > .tab-box .tab-content-box .tab-content-lists > li .application-box > li >.btn-box > a:first-of-type{margin:0 0 10px 0!important;}
}
@media screen and (max-width: 480px) {
	

	
	.popup-box > .popup-btn{width:40px;height: 40px;}
	.popup-box > .tab-box {right:40px;width: calc(100% - 70px);}
	.popup-box > .tab-box .tab-content-box .tab-content-lists > li .application-box > li .title-p{display: -webkit-box;padding: 0;margin: 0 0 10px 0;max-height: 56px;text-overflow: ellipsis;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
	.popup-box > .tab-box .tab-content-box .tab-content-lists > li .application-box > li .date-p{white-space:nowrap;overflow: hidden;text-overflow: ellipsis;}
	.popup-box > .tab-box .tab-content-box .tab-content-lists > li .application-box > li >.btn-box > a{padding: 10px 0;}
}