/* 유튜브 지식창고 카드 목록 (skin/latest/tx_yt_grid) */
.txyt { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px 20px; margin: 0; padding: 0; list-style: none; }
.txyt a { display: block; color: #000; }
.txyt__thumb { position: relative; display: block; aspect-ratio: 16 / 9; background: #eee; }
.txyt__thumb img { width: 100%; height: 100%; object-fit: cover; }
.txyt__play { position: absolute; left: 50%; top: 50%; width: 64px; height: 44px; margin: -22px 0 0 -32px; border-radius: 12px; background: rgba(0, 75, 122, 0.85); }
.txyt__play::after { content: ""; position: absolute; left: 26px; top: 13px; border-style: solid; border-width: 9px 0 9px 15px; border-color: transparent transparent transparent #fff; }
.txyt__tit { display: -webkit-box; margin-top: 16px; font-size: 18px; line-height: 1.5; letter-spacing: -0.02em; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; word-break: keep-all; }
.txyt a:hover .txyt__tit { color: var(--theme-color); }
@media (max-width: 1024px) { .txyt { grid-template-columns: repeat(2, 1fr); gap: 32px 16px; } }
@media (max-width: 640px) { .txyt { grid-template-columns: 1fr; gap: 28px; } .txyt__tit { margin-top: 12px; font-size: 16px; } }
.txp-board:not(:empty) { margin-top: 100px; }
@media (max-width: 640px) { .txp-board:not(:empty) { margin-top: 50px; } }