.related { display: flex; flex-wrap: wrap; gap: 40px 10px; }
.related li { width: calc((100% - 20px)/3); }
.related li .img { display: flex; justify-content: center; align-items: center; width: 100%; height: 205px; border: 1px solid #ddd; border-radius: 10px; }
.related li .img img { max-width: 100%; max-height: 100%; }
.related li .txt { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 17px 15px 0; font-weight: 700; text-transform: uppercase; color: #222; }
.related li .txt .name { font-size: 18px; line-height: 132%; letter-spacing: -.02em; text-transform: uppercase; }
.related li .txt .link { display: flex; align-items: center; gap: 12px; font-weight: 700; font-size: 15px; line-height: 132%; letter-spacing: -.02em; }
.related li .txt .link:after { content: ''; width: 30px; height: 30px; background: #00a3e9 url(../img/content/related-arr.png) no-repeat center; border-radius: 50%; }
@media ( max-width: 1024px ) {
	.related-tit { font-size: 26px; line-height: 33px; }
	.related li { width: calc(50% - 5px); }
	.related li .txt .name { font-size: 16px; }
}
@media ( max-width: 768px ) {
	.related li { width: 100%; }
	.related li .txt { padding: 12px 0 0; }
}