.list-admin {display: flex;flex-wrap: wrap;gap: 4rem;}
.list-admin li {width: calc(100% / 4 - 3rem);transition: all .3s;box-sizing: border-box;border: 1px solid #CCCCCC;}
.list-admin li a {padding: 4rem 3.2rem 11.2rem;display: block;position: relative;transition: all .3s;box-sizing: border-box;height: 100%;}
.list-admin li a span{font-weight: 500;font-size: 2.4rem;line-height: 3.2rem;text-overflow: ellipsis;white-space: normal;overflow: hidden;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -webkit-box;}
.list-admin li:hover {border: 1px solid #217EFF;}
.list-admin li:hover a{background: #217EFF;}
.list-admin li:hover a span{color: #fff;}
.list-admin li:hover a.ico-link:before{background: url(../img/common/ico-link-w.png)no-repeat;}
.list-admin li a.ico-link:before{content: "";position: absolute;bottom: 5.1rem;right: 4.3rem;width: 2.8rem;height: 2.8rem;background: url(../img/common/ico-link-bl.png)no-repeat;background-size: cover;transition: all .3s;}

@media screen and (max-width: 1024.98px) {
	.list-admin {gap: 3rem;}
	.list-admin li{width: calc(100% / 3 - 2rem);}
	.list-admin li a {padding: 2rem 2.2rem 7.2rem;}
	.list-admin li a.ico-link:before {bottom: 2.1rem;right: 2.3rem;width: 2rem;height: 2rem;}
	.list-admin li a.ico-link:hover:before{background: url(../img/common/ico-link-w.png)no-repeat;background-size: cover;}
	.list-admin li a span {font-size: 1.8rem;line-height: 2.6rem;}
}

@media screen and (max-width: 768px) {
	.list-admin {gap: 2rem;}
	.list-admin li{width: calc(100% / 2 - 1rem);}

}

@media screen and (max-width: 500px){
	.list-admin {gap: 2rem;}
	.list-admin li{width: 100%;}
}