/* 공통 */
.pc_video { display: block;}
.mo_video { display: none;}

.c-tab__panel:focus {outline-offset: -4px;}

@media screen and (max-width: 767px)    {
    .pc_video {
        display: none;
    }

    .mo_video {
        display: block;
    }

    .event-benefit-template .c-title__main-title--only-mobile-strong {
        font-weight: 600;
    }
}
/* // 공통 */

/* 개별 */
.settlement-cont01  {max-width: 1146px; width: 100%; margin: 0 auto; padding: 72px 0 80px;}

.settlement-cont02  {position: relative;}
.settlement-cont02 a    {position: absolute; width: 32.23%; height: 8.3%; left: 33.95%; top: 80.3%;}

.event-benefit-template .tromm-washing-cont01 .c-title__main-title {text-align: center;/* font-size: 36px; *//* font-weight: 700; *//* letter-spacing: -0.5px; */}
.event-benefit-template .tromm-washing-cont01 .c-tab   {width: fit-content; margin: 0 auto 28px;}
.event-benefit-template .tromm-washing-cont01 .c-title__desc {margin-bottom: 24px;}

.event-benefit-template .tromm-washing-cont01 .c-tab__panel   {position: relative;}

.event-benefit-template .tromm-washing-cont01 .custom-scroll-slider__content-wrapper   {column-gap:0;}
.event-benefit-template .tromm-washing-cont01 .custom-scroll-slider__item  {max-width: 600px; min-width: 600px;}

.tromm-washing-slide-notice    {text-align: center; font-size: 14px; font-weight: 500;}

@media screen and (max-width: 767px)    {
    .event-benefit-template .tromm-washing-cont01 .custom-scroll-slider__content-wrapper    {margin: 0; padding: 0;}
    .event-benefit-template .c-tab--main-sticky .c-tab__list {padding: 0; column-gap: 0;}

    .settlement-cont01  {padding:calc(32 / 390 * 100vw) 0 calc(40 / 390 * 100vw)}

    .settlement-cont02 a    {width: 90.23%; height: 10.9%; left: 4.95%; top: 76.7%;}

    .settlement-simple-product .custom-scroll-slider__content-wrapper    {margin: calc(32 / 390 * 100vw) calc(20 / 390 * 100vw);}
    .event-benefit-template .c-tab--main-switch .c-tab__list    {padding: 0; column-gap:0;}
    .tromm-washing-cont01 .settlement-tab-cont-area .settlement-tab-cont-item-list {grid-template-columns: repeat(2, 1fr); gap: calc(12 / 390 * 100vw); margin: 0 calc(20 / 390 * 100vw);}

    .event-benefit-template .tromm-washing-cont01 .custom-scroll-slider__item  {flex: 0 0 100%; min-width: auto; max-width: none;}

    .event-benefit-template .tromm-washing-cont01 .c-tab   {margin-bottom: 0;}
    .event-benefit-template .tromm-washing-cont01 .c-tab__panel a   {height: 4.7%;}

    .event-benefit-template .tromm-washing-cont01 .c-title h2.c-title__main-title {/* font-size: calc(20 / 390 * 100vw); */}

    .tromm-washing-slide-notice    {font-size: calc(12 / 390 * 100vw);}
}

.event-benefit-template .tromm-washing-video-area .c-title  {
    margin: 0 auto;
}
.event-benefit-template .tromm-washing-video-area .c-title__main-title  {
    font-size: 36px;
}

.event-benefit-template .tromm-washing-video-area .swiper-container  {
    width: 810px;
    height: auto;
}
.event-benefit-template .tromm-washing-video-area .swiper-slide   {
    width: 100%;
}

.event-benefit-template .tromm-washing-video-area .swiper-container-wrap  {width: fit-content; margin: 0 auto; }

.tromm-washing-video-area video {
    width: 100%;
    border-radius: 16px;
}
.tromm-washing-video-area .controls  {
    position: absolute;
    left: 36px;
    top: 50px;
}

.tromm-washing-features01   {padding-top: 72px;}
.tromm-washing-features01 .c-badge  {
    padding: 10px 16px;
    height: auto;
    font-size: 14px;
    border-radius: 5px;
}
.event-benefit-template .tromm-washing-features02 .c-badge  {margin: 0 auto;}
.event-benefit-template .tromm-washing-features02 .c-title  {margin: 0 auto; text-align: center;}

.tromm-washing-features01-cont  {width: fit-content; margin: 0 auto;}

.event-benefit-template .tromm-washing-features02 .custom-scroll-slider__content-wrapper    {column-gap: 0;}
.event-benefit-template .tromm-washing-features02 .custom-scroll-slider__item   {
    min-width: 561px;
    max-width: 561px;
}

.tromm-washing-features02-notice    {margin-top: 40px;}
.tromm-washing-features02 .c-badge  {
    padding: 10px 16px;
    height: auto;
    font-size: 14px;
    border-radius: 5px;
}

.tromm-washing-video-area-nav   {}
.tromm-washing-video-area-nav .c-tab--round .c-tab__list    {width: 200px; gap: 0; margin: 34px auto 0;}
.tromm-washing-video-area-nav .c-tab--round .c-tab__item    {width: 100%; height: 4px; border-radius: 0; border: 0; background: black; opacity: 0.08;}
.tromm-washing-video-area-nav .c-tab--round .c-tab__item .c-tab__button  {width: 100%; padding: 0;}
.tromm-washing-video-area-nav .c-tab--round .c-tab__item.active {opacity: 1;}

@media screen and (max-width: 767px)    {
    .event-benefit-template .tromm-washing-cont01 .c-title-area   {margin-bottom: 0;}
    .event-benefit-template .tromm-washing-cont01 .custom-scroll-slider__scrollbar  {margin-top: 0;}
    .tromm-washing-features01 h3.c-title__main-title {
        font-size: calc(14 / 390 * 100vw);
    }

    .event-benefit-template .article__content-area.notice   {width: calc(350 / 390 * 100vw);}

    .event-benefit-template .tromm-washing-video-area .c-title  {margin: calc(32 / 390 * 100vw) auto 0;}
    .event-benefit-template .tromm-washing-video-area .c-title__main-title  {font-size: calc(20 / 390 * 100vw);}

    .event-benefit-template .photo-review-cont01 .c-title-area  {margin-bottom: calc(24 / 390 * 100vw);}

    .tromm-washing-features01   {padding-top: calc(24 / 390 * 100vw);}
    .tromm-washing-features01 .c-badge  {
        padding: calc(9 / 390 * 100vw) calc(14 / 390 * 100vw);
        font-size: calc(13 / 390 * 100vw);
        line-height: 138.462%;
        letter-spacing: calc(-0.26em/13);
        border-radius: calc(6/ 390 * 100vw);
    }

    .event-benefit-template .tromm-washing-video-area .swiper-container  {
        width: 100%;
        min-height: initial;
    }

    .event-benefit-template .tromm-washing-features02 .custom-scroll-slider__item   {
        flex: 0 0 100%;
        min-width: auto;
        max-width: none;
    }
    .event-benefit-template .tromm-washing-video-area .swiper-container-wrap    {
        width: auto;
    }

    .event-benefit-template .tromm-washing-features02 .c-title  {font-size: calc(14/ 390 * 100vw);}
    .tromm-washing-features02 .c-badge  {
        padding: calc(9 / 390 * 100vw) calc(14 / 390 * 100vw);
        font-size: calc(13 / 390 * 100vw);
        line-height: 138.462%;
        letter-spacing: calc(-0.26em/13);
        border-radius: calc(6/ 390 * 100vw);
    }
    .event-benefit-template .tromm-washing-features02 .custom-scroll-slider__content-wrapper    {margin: 0; padding: 0;}

    .tromm-washing-features02-notice    {
        font-size: calc(12/ 390 * 100vw);
        margin-top: calc(24 / 390 * 100vw);
        padding: 0 calc(20 / 390 * 100vw);
    }
    .event-benefit-template .tromm-washing-video-area .video-container {
        position: relative;
    }
    .tromm-washing-video-area .controls {
        left: calc(40 / 720 * 100vw);
        top: calc(30 / 720 * 100vw);
    }

    .event-benefit-template .tromm-washing-features02 .c-title-area   {margin-bottom: 0;}
    .event-benefit-template .tromm-washing-features02 .c-title__main-title   {
        font-size: calc(14/ 390 * 100vw);
    }
}
/* // 개별 */