@charset "utf-8";

/* 패키지 채널 탭/슬라이더 */
.package-channel__track {
    transition: transform 0.45s ease;
}

.package-channel__viewport {
    overflow: hidden;
}

.package-channel__slide {
    min-width: 100%;
    width: 100%;
    flex: 0 0 100%;
}

@media (max-width: 1023px) {
    .package-channel__feature--hb-mobile::before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        height: 1px;
        background-color: var(--color-primary);
    }
}

@media (min-width: 1024px) {
    .package-channel__feature--vr::after,
    .package-channel__feature--vr-end::after,
    .package-channel__feature--vr-mid::after,
    .package-channel__feature--vr-full::after {
        content: "";
        position: absolute;
        right: 0;
        width: 1px;
        background-color: var(--color-primary);
    }

    .package-channel__feature--vr::after {
        top: 0;
        bottom: 2.5rem;
    }

    .package-channel__feature--vr-end::after {
        top: 2.5rem;
        bottom: 0;
    }

    .package-channel__feature--vr-mid::after {
        top: 2.5rem;
        bottom: 2.5rem;
    }

    .package-channel__feature--vr-full::after {
        top: 0;
        bottom: 0;
    }

    .package-channel__feature--hb::before,
    .package-channel__feature--hb-end::before {
        content: "";
        position: absolute;
        bottom: 0;
        height: 1px;
        background-color: var(--color-primary);
    }

    .package-channel__feature--hb::before {
        left: 0;
        right: 2.5rem;
    }

    .package-channel__feature--hb-end::before {
        left: 2.5rem;
        right: 0;
    }
}