@charset "utf-8";

.product_wrap { position: relative; margin-top: 50px; }
.product_wrap .product_slider { margin: 0 48px; }
.product_wrap .product_item { padding: 0 14px; }
.product_wrap .product_item a { display: block; }
.product_wrap .thumb { position: relative; overflow: hidden; width: 100%; aspect-ratio: 16 / 10; border-radius: 22px; background-color: #111; }
.product_wrap .thumb img { display: block; width: 100%; height: 100%; object-fit: cover; }
.product_wrap .play { display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 58px; height: 58px; border-radius: 14px; background-color: rgba(40, 40, 40, 0.78); pointer-events: none; }
.product_wrap .has_video .play { display: block; }
.product_wrap .play::after { content: ''; position: absolute; top: 50%; left: 55%; transform: translate(-50%, -50%); border-style: solid; border-width: 11px 0 11px 18px; border-color: transparent transparent transparent #fff; }
.product_wrap .product_item a:hover .play { background-color: rgba(20, 20, 20, 0.9); }
.product_wrap .product_item strong { display: block; margin-top: 16px; overflow: hidden; font-size: 18px; font-weight: 500; color: #111; letter-spacing: -0.03em; line-height: 1.45; white-space: nowrap; text-overflow: ellipsis; }
.product_wrap .tags { display: flex; flex-wrap: wrap; gap: 6px 10px; margin-top: 8px; }
.product_wrap .tags span { font-size: 15px; font-weight: 500; color: #3b82f6; line-height: 1.3; }
.product_wrap .product_empty { padding: 60px 0; text-align: center; font-size: 16px; color: #999; }
.product_wrap .product_more { display: block; width: fit-content; margin: 50px auto 0; padding: 16px 42px; background-color: #fff; border: 1px solid #111; border-radius: 50px; font-size: 16px; font-weight: 500; color: #111; line-height: 1; transition: background-color 0.25s, color 0.25s; }
.product_wrap .product_more:hover { background-color: #111; color: #fff; }

.product_wrap .slick-arrow { z-index: 2; position: absolute; top: 28%; transform: translateY(-50%); width: 32px; height: 48px; padding: 0; border: 0; background: transparent; color: #b0b0b0; font-size: 42px; line-height: 1; cursor: pointer; }
.product_wrap .slick-arrow:hover { color: #333; }
.product_wrap .slick-prev { left: -48px; }
.product_wrap .slick-next { right: -48px; }
.product_wrap .slick-arrow:before { display: none; }

@media (max-width: 1279px) {
    .product_wrap .product_slider { margin: 0 36px; }
    .product_wrap .product_item { padding: 0 10px; }
    .product_wrap .product_item strong { font-size: 16px; }
    .product_wrap .tags span { font-size: 13px; }
    .product_wrap .slick-prev { left: -36px; }
    .product_wrap .slick-next { right: -36px; }
    .product_wrap .play { width: 50px; height: 50px; border-radius: 12px; }
    .product_wrap .play::after { border-width: 9px 0 9px 15px; }
}
@media (max-width: 1023px) {
    .product_wrap { margin-top: 36px; }
    .product_wrap .product_more { margin-top: 36px; padding: 14px 36px; font-size: 15px; }
    .product_wrap .thumb { border-radius: 16px; }
}
@media (max-width: 767px) {
    .product_wrap .product_slider { margin: 0 28px; }
    .product_wrap .slick-prev { left: -28px; }
    .product_wrap .slick-next { right: -28px; }
    .product_wrap .slick-arrow { font-size: 34px; }
    .product_wrap .product_more { padding: 13px 32px; font-size: 14px; margin-top: 28px; }
}