@charset "UTF-8";

.main-thumbnail-box{overflow:hidden;}
.main-thumbnail-box ul li{display:none;}
.mini-board-content ul li.active .main-thumbnail-box ul li{display:block;}
.main-thumbnail-box ul li a{display:block;position:relative;border:1px solid #ccc;background:#fff;box-sizing:border-box;}
.main-thumbnail-box ul li a:hover:after{content:'';display:block;position:absolute;top:-1px;left:-1px;width:calc(100% + 2px);height:calc(100% + 2px);border:1px solid #da0000;box-sizing:border-box;}
.main-thumbnail-box ul li p{font-size:1rem;font-weight:400;line-height:1.5rem;}
.main-thumbnail-box ul li a .mini-thumb-box{overflow:hidden;}
.main-thumbnail-box ul li a .mini-thumb-box .thumbnail-box{overflow:hidden;}
.main-thumbnail-box ul li a .mini-thumb-box .thumbnail-box .thumbnail{height:178px;transition:all 0.5s;}
.main-thumbnail-box ul li a:hover .mini-thumb-box .thumbnail-box .thumbnail{transform:scale(1.05);}
.main-thumbnail-box ul li a .mini-thumb-box .mini-txt{padding:30px 40px;}
.main-thumbnail-box ul li a .mini-thumb-box .mini-txt .mini-title{display:-webkit-box;margin:0 0 30px;height:3.374rem;font-size:1.25rem;font-weight:400;white-space:normal;line-height:1.75rem;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;}
.main-thumbnail-box ul li a .mini-thumb-box .mini-txt .mini-date{font-weight:200;color:#4c4c4c;}

.main-mini-box01 .mini-board-content ul li .list_none{display:none;}
.main-mini-box01 .mini-board-content ul li.active .list_none{display:block;padding:50px 20px;text-align:center;}

@media screen and (max-width:768px) {
	.main-thumbnail-box ul li:first-of-type{margin-left:20px;}
	.main-thumbnail-box ul li a .mini-thumb-box .thumbnail-box .thumbnail{height:149.2px;}
	.main-thumbnail-box ul li a .mini-thumb-box .mini-txt{padding:20px 15px;}
	.main-thumbnail-box ul li a .mini-thumb-box .mini-txt .mini-title{margin:0 0 15px;height:1.6rem;-webkit-line-clamp:1;}
	.main-mini-box01 .mini-board-content ul li.active .list_none{padding:20px;}
}

@media screen and (max-width:480px){
	.main-content-box01 .main-tab-box > ul{width:90%;}
}