.list-club {display: grid;grid-template-columns: repeat(4, 1fr);gap: 40px 24px;}
.list-club .item {display: flex;flex-direction: column;align-items: center;text-align: center;border: 1px solid #DDDDDD;border-radius: 12px;padding: 32px 24px;}
.list-club .item .img-box {width: 96px;height: 96px;margin: 0 0 20px;display: flex;align-items: center;justify-content: center;overflow: hidden;border-radius: 50%;background: #F5F5F5;flex: 0 0 auto;}
.list-club .item .img-box img {max-width: 68%;max-height: 68%;object-fit: contain;}
.list-club .item .tit {font-weight: 600;font-size: 18px;line-height: 140%;letter-spacing: -0.2px;color: #111111;margin: 0 0 8px;}
.list-club .item .desc {font-size: 14px;line-height: 150%;color: #666666;margin: 0 0 16px;flex: 1;}
.list-club .item .link-boxs {margin-top: auto;width: 100%;}
.list-club .item .link-boxs ul {display: flex;flex-direction: column;gap: 8px;width: 100%;}
.list-club .item .link-boxs ul li {width: 100%;}
.list-club .item .link-boxs ul li .link-btn {width: 100%;box-sizing: border-box;display: flex;align-items: center;justify-content: center;}

@media (max-width: 1024px) {
	.list-club {grid-template-columns: repeat(3, 1fr);}
}

@media (max-width: 768px) {
	.list-club {grid-template-columns: repeat(2, 1fr);gap: 20px 16px;}
	.list-club .item {padding: 24px 16px;}
}

@media (max-width: 500px) {
	.list-club {grid-template-columns: repeat(1, 1fr);}
	.link-boxs ul li a, .link-boxs ul li{
		max-width:100%;
	}
}