.mini-type01{height:400px;}
.mini-type01 h2{display:inline-block;padding:0 0 20px;}
.mini-type01 h2 span{color:#0066b5;}
.mini-type01>span{padding:0 0 0 10px; font-size:14px;}

.mini-type01 .tab{position:relative;display: flex;width:90%;justify-content: space-around;}
.mini-type01 .tab>li{display:inline-block;width:100%;}
.mini-type01 .tab>li .view-more{position:absolute;top:0;left:100%;width:62px;height:62px;background:#f7f7f9 url(/_res/ajou/type01/img/img-view_more.gif) no-repeat 50% 50%/30%;border:1px solid #ddd;border-radius:0 10px 10px 0;box-sizing:border-box;}
.mini-type01 .tab .menu{display: block;text-align: center;border: 1px solid #ddd;border-right: none;line-height: 60px;}
.mini-type01 .tab .menu.on{border-radius: 10px;background: #0066b5;color: #fff;transform: scaleX(1.05);position:relative;z-index:1;}
.mini-type01 .tab .menu.on ~ .view-more{z-index:1;}

.mini-type01 .tab .pannel{display:none;position:absolute;left:0; top:80px;width:calc(100% + 50px);word-break:keep-all;}
.mini-type01 .tab .pannel ul li{display:flex;padding:18px 0;border-bottom:1px dotted #ddd;width:100%;align-items:center;}
.mini-type01 .tab .pannel ul li .mini-date{width:15%;text-align:center;color:#999;vertical-align:middle;}
.mini-type01 .tab .pannel ul li .mini-date span:last-of-type{display:block;font-size:36px;font-weight:900;}
.mini-type01 .tab .pannel ul li a{width:85%;vertical-align:middle;justify-content:left;}
.mini-type01 .tab .pannel ul li a .mini-title{display:block;font-size:18px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.mini-type01 .tab .pannel ul li a .mini-con{padding:10px 0 0;line-height:22px;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.mini-type01 .tab .pannel ul li a .new{display:none;}
.mini-type01 .tab .pannel ul li a .date{text-align:center;width:15%}
.mini-type01 .tab .pannel ul li a .date span{display: block;color: #999;}
.mini-type01 .tab .pannel ul li a .date span:nth-of-type(1){font-size: 36px;font-weight: 900;}
.mini-type01 .tab .pannel ul li a .date span:nth-of-type(2){font-size:14px;}
.mini-type01 .tab .pannel ul li a .txt-box{width:85%}
.mini-type01 .tab .pannel ul li a .txt-box .title{width:100%;padding:0 0 10px;}
.mini-type01 .tab .pannel ul li a .txt-box .txt{width:100%;font-size:14px;line-height:20px;width:100%;white-space: normal;display: -webkit-box; -webkit-line-clamp :2; -webkit-box-orient: vertical; overflow: hidden;}

@media screen and (max-width:768px) {
	.mini-type01{height:380px;}
	.mini-type01 h2{font-size:16px;}
	.mini-type01>span{font-size:14px;}
	.mini-type01 .tab .menu{font-size:13px;line-height: 40px;}
	.mini-type01 .tab .pannel{top:60px;}
	.mini-type01 .tab .pannel ul li{padding:15px 0;width:100%;}
	.mini-type01 .tab .pannel ul li a .txt-box .title{font-size:14px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
	.mini-type01 .tab .pannel ul li a .txt-box .txt{font-size:12px;}
	.mini-type01 .tab .pannel ul li a .date span:nth-of-type(1){font-size: 28px;}
	
	.mini-type01 .tab .pannel ul li .mini-date{font-size:14px;}
	.mini-type01 .tab .pannel ul li .mini-date span:last-of-type{font-size:28px;}
	.mini-type01 .tab .pannel ul li a .mini-title{font-size:16px;}
	.mini-type01 .tab .pannel ul li a .mini-con{font-size:14px;line-height:20px;padding:8px 0 0;}
	.mini-type01 .tab>li .view-more{height:42px;}
	
}
@media screen and (max-width:480px) {
	.mini-type01{height:400px;}
	.mini-type01 h2{padding:0 0 5px;}
	.mini-type01>span{display:block;padding:0 0 10px;}
	.mini-type01 .tab{width:85%;}
	.mini-type01 .tab .pannel{width:calc(100% + 30px);}
	.mini-type01 .tab>li .view-more{width:45px;}
	.mini-type01 .tab li:last-of-type .menu img{display:inline-block;width:30%;}
	.mini-type01 .tab .menu.on{border-radius:0;background: #2f68c2;color: #fff;transform: scaleX(1);border-color:#2f68c2;}
	.mini-type01 .tab .pannel ul li .mini-date{width:25%;}
	.mini-type01 .tab .pannel ul li a{width:calc(75% - 10px);padding:0 0 0 10px;}
	.mini-type01 .tab .pannel ul li a .date{text-align:center;width:20%}
	.mini-type01 .tab .pannel ul li a .txt-box{width:80%}
	
}