@charset "utf-8";

/* =========================================
   [공통] PC/MO 표시 제어 (.pc / .mo)
   - 페이지 전체에서 사용하는 디바이스별 노출 제어
   ========================================= */

.event-benefit-template .pc {
    display: block;
}

.event-benefit-template .mo {
    display: none;
}

@media screen and (max-width: 767px) {
    .event-benefit-template .pc {
        display: none;
    }

    .event-benefit-template .mo {
        display: block;
    }
}

/* =========================================
   [상단 고정 탭] 메인 스티키 탭 영역
   - .c-tab--main-sticky 하단 밑줄 강조
   ========================================= */

.event-benefit-template .c-tab--main-sticky .c-tab__item.active .c-tab__button::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    content: "";
    background-color: #111111;
}

/* =========================================
   [슬라이드] article__benefit-00 영역
   ========================================= */
.event-benefit-template .article__benefit-00 .custom-scroll-slider__item img {
    min-width: 561px;
    max-width: 561px;
}

@media screen and (max-width: 767px) {
    .event-benefit-template .article__benefit-00 .custom-scroll-slider__item img {
        max-width: calc(350 / 390 * 100vw);
        min-width: calc(350 / 390 * 100vw);
    }
}

/* =========================================
   [슬라이드] article__benefit-04 영역
   ========================================= */
.article__benefit-04 .c-tab__list,
.article__benefit-04 .c-tab--round .c-tab__inner,
.article__benefit-06 .c-tab__list,
.article__benefit-06 .c-tab--round .c-tab__inner {
    justify-content: center;
}

/* =========================================
   [슬라이드] article__benefit-06 영역
   ========================================= */
.article__benefit-06 .c-tab--round .c-tab__inner {
    justify-content: center;
}
.article__benefit-06 nav {display: none;}

.content-notice {
    margin: 35px 0;
}


/* li 제품 리스트 3개 이하일 경우 중앙정렬 */
.article__benefit-06 .c-product__list {
    grid-template-columns: repeat(auto-fit, minmax(256px, 256px));
    justify-content: center;
    max-width: 850px;
    margin: 0 auto;
}


@media screen and (max-width: 767px) {
    .article__benefit-06 .c-product__list {
        grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    }
}

@media screen and (max-width: 767px) {
    .content-notice {
    margin: calc(25 / 390 * 100vw) 0;
    padding: 0 calc(15/ 390 * 100vw);
    }

    /* li 제품 리스트 3개 이하일 경우 중앙정렬 */
    .article__benefit-06 .c-product__list {
        margin: 0 calc(20 / 390 * 100vw);
    }

    .article__benefit-06 .c-tab__content {
        margin-top: calc(25 / 390 * 100vw );
    }
}

/* =========================================
    제품 비교 스크롤
   ========================================= */
.lineup-compare-fixed {
        display: none;
    }

@media (max-width: 767px) {
    .lineup-compare-inner { display:flex; }

    .lineup-compare-fixed {
        flex: 0 0 100px;
        max-width: 100px;
        display: block;
    }

    .lineup-compare-area {
        flex: 1 1 auto;
        min-width: 0;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        margin-bottom:-3%;
    }

    .lineup-compare-area img {
        display:block;
        max-width: none !important;
        width: 680px;
        max-width: none;
    }
}