@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-01 */
.article__benefit-01 {
    background-color: #FFF9F2;
}
/* article__benefit-01 슬라이드 */
.article__benefit-01 .custom-scroll-slider__item img {
    min-width: calc((1146px - 20px - 35px) / 3);
    max-width: calc((1146px - 20px - 35px) / 3);
}
@media screen and (max-width: 767px) {
    .article__benefit-01 .custom-scroll-slider__item img {
        min-width: 100%;
        max-width: 100%;
        max-height: 100%;
    }
    .event-benefit-template .c-title-area--center{
        align-items:start;
    }
    .article__benefit-01 .c-title-area--center .c-title {
        text-align: left;
    }
}