.mini-type01-a{padding: 30px 48px 48px; height:auto;background-color:#fff;/*-webkit-box-shadow: 2px 2px 10px 2px rgba(0,0,0,0.1); box-shadow: 2px 2px 10px 2px rgba(0,0,0,0.1);*/}
.mini-type01-a .title-link-box{width:100%; padding: 0 0 20px 0;}
.mini-type01-a .title-link-box a{font-size:24px;}
.mini-type01-a .pannel {word-break: keep-all;}
.mini-type01-a .pannel > div > ul > li{box-sizing: border-box;display: flex; padding:0 18px 0 36px;border:1px solid transparent;border-bottom: 1px dotted #ddd;width: 100%;justify-content: space-between;align-items: center;transition: all 0.5s;}
.mini-type01-a .pannel > div > ul > li > .mini-date{display:none;}
.mini-type01-a .pannel > div > ul > li > .mini-date.not-top{display:inline-block;}
.mini-type01-a .pannel > div > ul > li:not(:first-child) > a > .mini-con{display:none;}

.mini-type01-a .pannel > div > ul > li:first-of-type{padding:18px;}
.mini-type01-a .pannel > div > ul > li:first-of-type .mini-date.not-top{display: none;}
.mini-type01-a .pannel > div > ul > li:first-of-type .mini-date{display: block;text-align:center;padding:24px 0;width:130px;color:#333;border:1px solid #cccccc;}
.mini-type01-a .pannel > div > ul > li:first-of-type .mini-date .title-board-type{padding: 0 0 13px 0;color:#0f66ae;font-size:18px;font-weight: 500;}
.mini-type01-a .pannel > div > ul > li:first-of-type .mini-date span:last-of-type{font-size:18px;}
.mini-type01-a .pannel > div > ul > li:first-of-type a{width: calc(100% - 154px);}

.mini-type01-a .pannel > div > ul > li:first-of-type a .mini-title{color:#333;font-size:30px;line-height: 40px;font-weight: 500;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;white-space: normal;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.mini-type01-a .pannel > div > ul > li:first-of-type > .icon-viewmore{display:none;}
.mini-type01-a .pannel > div > ul > li:first-of-type > .icon-viewmore{background:center / contain no-repeat url(/_res/ajou/cie/img/main/icon-viewmore01.png);}
.mini-type01-a .pannel > div > ul > li:hover{border:1px solid #bad8fa;-webkit-box-shadow: 2px 2px 10px 2px rgba(0,0,0,0.1); box-shadow: 2px 2px 10px 2px rgba(0,0,0,0.1);}
.mini-type01-a .pannel > div > ul > li .icon-viewmore{display:inline-block;width:30px;height:30px;background:center / contain no-repeat url(/_res/ajou/cie/img/main/icon-viewmore01.gif);transition: all 0.5s;}
.mini-type01-a .pannel > div > ul > li:hover .icon-viewmore{background:center / contain no-repeat url(/_res/ajou/cie/img/main/icon-viewmore02.gif);}
.mini-type01-a .pannel > div > ul > li:hover .mini-title{color:#333;font-weight: 400;}
.mini-type01-a .pannel > div > ul > li:hover .mini-con{color:#333;transition: all 0.5s;}
.mini-type01-a .pannel > div > ul > li:first-of-type:hover a{padding: 18px 0;}

.mini-type01-a .pannel .mini-date {width: 29%;color: #999; vertical-align: middle;}
.mini-type01-a .pannel li .mini-date.not-top{width:auto;}
.mini-type01-a .pannel li:first-of-type .mini-date span:first-of-type {display: block;padding:0 0 14px 0; font-size: 30px; font-weight: 500;}
.mini-type01-a .pannel li .mini-date.not-top > span {display:inline;font-weight: 400;font-size: 16px;}

.mini-type01-a .pannel a{padding:18px 0;width: 71%; vertical-align: middle; justify-content: left;}
.mini-type01-a .pannel a .mini-title {display: block;color:#555;font-size: 20px;font-weight: 200;line-height: 24px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.mini-type01-a .pannel a .mini-con {padding: 10px 0 0;line-height: 26px; overflow: hidden;font-size:18px;font-weight: 200;color: #555;text-overflow: ellipsis;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

@media screen and (max-width:1300px) {
	.mini-type01-a { padding: 20px 26px 26px}
	.mini-type01-a .pannel > div > ul > li:first-of-type a .mini-title {color: #333;font-size: 26px;line-height: 36px;}
	.mini-type01-a .pannel .mini-date span:first-of-type{font-size:26px;}
	.mini-type01-a .pannel > div > ul > li:first-of-type {padding: 14px;}
	.mini-type01-a .pannel > div > ul > li:first-of-type:hover a {padding: 14px 0;}
	.mini-type01-a .pannel > div > ul > li:first-of-type .mini-date{padding:22px 0;}
	.mini-type01-a .pannel a{padding:14px 0;}
	.mini-type01-a .pannel a .mini-con{font-size: 17px;line-height: 24px;}
	.mini-type01-a .pannel a .mini-title{font-size:18px;}
	.mini-type01-a .pannel > div > ul > li{padding: 0 14px 0 28px;}
}

@media screen and (max-width:1024px){
	.mini-type01-a {padding: 30px 40px 40px;}
}

@media screen and (max-width:768px) {
	.mini-type01-a{padding: 20px;}
	.mini-type01-a .pannel a{width:65%}
	.mini-type01-a h2{font-size:16px;}
	.mini-type01-a>span{font-size:14px;}
	.mini-type01-a .tab .menu{font-size:14px;line-height: 40px;}
	.mini-type01-a .tab .pannel{top:60px;}
	.mini-type01-a .tab .pannel ul li{padding:15px 0;width:100%;}
	.mini-type01-a .tab .pannel ul li a .txt-box .title{font-size:14px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
	.mini-type01-a .tab .pannel ul li a .txt-box .txt{font-size:12px;}
	/*.mini-type01-a .tab .pannel ul li a .date span:nth-of-type(1){font-size: 28px;}*/

	
	.mini-type01-a .pannel > div > ul > li:first-of-type .mini-date{width:120px;}
	.mini-type01-a .pannel > div > ul > li:first-of-type a {width: calc(100% - 144px);}
	.mini-type01-a .tab .pannel ul li .mini-date{font-size:14px;}
	.mini-type01-a .tab .pannel ul li .mini-date span:last-of-type{font-size:28px;}
	.mini-type01-a .tab .pannel ul li a .mini-title{font-size:16px;}
	.mini-type01-a .tab .pannel ul li a .mini-con{font-size:14px;line-height:20px;padding:8px 0 0;}
	.mini-type01-a .tab>li .view-more{height:42px;}
	.mini-type01-a .pannel > div > ul > li:first-of-type .mini-date{padding: 16px 0;}
	.mini-type01-a .pannel > div > ul > li:first-of-type .mini-date .title-board-type{padding: 0 0 10px 0;}
	.mini-type01-a .pannel li:first-of-type .mini-date span:first-of-type{padding: 0 0 10px 0;}

}
@media screen and (max-width:480px) {
	.mini-type01-a{padding:10px;}
	.mini-type01-a h2{padding:0 0 5px;}
	.mini-type01-a >span{display:block;padding:0 0 10px;}
	.mini-type01-a .tab{width:85%;}
	.mini-type01-a .tab .pannel{width:calc(100% + 30px);}
	.mini-type01-a .tab>li .view-more{width:45px;}
	.mini-type01-a .tab li:last-of-type .menu img{display:inline-block;width:30%;}
	.mini-type01-a .tab .menu.on{border-radius:0;background: #2f68c2;color: #fff;transform: scaleX(1);border-color:#2f68c2;}
	.mini-type01-a .tab .pannel ul li .mini-date{width:25%;}
	.mini-type01-a .tab .pannel ul li a{width:calc(75% - 10px);padding:0 0 0 10px;}
	.mini-type01-a .tab .pannel ul li a .date{text-align:center;width:20%}
	.mini-type01-a .tab .pannel ul li a .txt-box{width:80%}
	.mini-type01-a .pannel > div > ul > li {padding: 0 14px 0 14px;}
	.mini-type01-a .pannel a{width:90%}
	.mini-type01-a .pannel > div > ul > li > .mini-date.not-top {display: none;}
	
	.mini-type01-a .pannel > div > ul > li:first-of-type { padding: 10px;}
	.mini-type01-a .pannel > div > ul > li:first-of-type a { width: calc(100% - 90px);}
	.mini-type01-a .pannel > div > ul > li:first-of-type .mini-date{width:80px;}
	.mini-type01-a .pannel > div > ul > li:first-of-type .mini-date .title-board-type{padding:0 0 8px 0;font-size: 16px;}
	.mini-type01-a .pannel > div > ul > li:first-of-type .mini-date span:first-of-type {font-size:20px;padding:0 0 8px 0;}
	.mini-type01-a .pannel > div > ul > li:first-of-type .mini-date span:last-of-type {font-size: 14px;}
	.mini-type01-a .pannel > div > ul > li:first-of-type a .mini-title{font-size: 20px;line-height: 28px;}
	.mini-type01-a .pannel a .mini-con {font-size: 16px;line-height: 20px;}
	
}

@media screen and (max-width:280px){
	.mini-type01-a .pannel > div > ul > li:first-of-type {padding: 5px;}
	.mini-type01-a .pannel > div > ul > li:first-of-type a {width: calc(100% - 85px);}
	.mini-type01-a .pannel > div > ul > li:first-of-type .mini-date {width: 75px;}
	
}