.event-benefit-template {

    .c-title {
        row-gap: 2px;
    }

    .c-title--left {
        text-align: left !important;
    }

    .c-title__eyebrow {
        color: #000;
    }

    .l-article__content {
        @media screen and (max-width: 767px) {
            row-gap: calc(16 / 390 * 100vw);
        }
    }

    .c-list__item {
        font-size: 14px;
        @media screen and (max-width: 767px) {
            font-size: calc(14 / 390 * 100vw);
        }
    }

    .c-tab--round {
        text-align: center;
    }

    .c-tab--round-filed-black .c-tab__list {
        @media screen and (max-width: 767px) {
            margin: 0 auto 0 0;
        }
    }


    .multi-benefits {
        .l-article__inner {
            display: flex;
            flex-direction: column;
        }

        payment-benefits {
            display: block;
        }

        @media screen and (max-width: 767px) {

        }

    }

    .best-models {
        .c-title {
            text-align: left;
        }

    }

    .must-trom-dry {
        .custom-scroll-slider {
            max-width: 720px;
            margin: 0 auto;
        }
        .c-responsive-video {
            position: relative;
            overflow: hidden;
            max-width: 717px;
            border-radius: 16px;
        }

        @media screen and (max-width: 767px) {
            .c-responsive-video {
                width: calc(350 / 390 * 100vw);
            }
            .custom-scroll-slider {
                max-width: calc(350 / 390 * 100vw);
            }
        }
    }
    
    .easy-laundry-fix {
        .c-tab__content {
            display: flex;
            column-gap: 16px;
        }
        .c-tab__panel {
            display: flex;
        }
        @media screen and (max-width: 767px) {
            /* .c-title {
                text-align: left;
            } */
            .c-native-scroll-slide__item {
                flex: 0 0 calc(350 / 390 * 100vw);
            }
            .c-tab__panel.active {
                display: block;
            }
            .c-tab__panel {
                display: none;
            }
        }
    }

    .all-weather-laundry {
        .c-list {
            display: flex;
            align-items: center;
        }
        .c-tab__content {
            display: flex;
            column-gap: 16px;
        }
        .c-tab__panel {
            display: flex;
        }

        @media screen and (max-width: 767px) {
            /* .c-title {
                text-align: left;
            } */
            .c-list {
                align-items: initial;
            }
            .c-tab__list {
                width: 100vw;
                justify-content:initial;
            }
            .c-native-scroll-slide__item {
                flex: 0 0 calc(350 / 390 * 100vw);
            }
            .c-tab__panel {
                padding: 0 calc(20 / 390 * 100vw);
            }
            .c-tab__panel.active {
                display: block;
            }
            .c-tab__panel {
                display: none;
            }
        }
    }
    .shinhan_toss-cont01    {

        .l-article__inner   {
            padding: 40px 0;

            .c-title    {
                max-width: 820px;
                width: 100%;
                text-align: left;
                margin: 0 auto;

                .c-title__main span  {
                    color: #FD312E;
                }
            }
        }

        @media screen and (max-width: 767px) {  

            .l-article__inner   {
                .c-title{
                    margin: 0 calc(20 / 390 * 100vw) calc(20 / 390 * 100vw);
                    width: auto;
                }

                .l-article__content {
                    margin: 0 calc(20 / 390 * 100vw);
                }
            }
        }
    }

    .shinhan_toss-cont02 {
        background-color: #F4F4F4;

        .c-list {
            margin-left : 0;
            margin-right : 0;
        }

        .c-list__item {
            margin-left: 0;
            padding-left: 10px;
            text-indent: -10px;

            &::before {
                display: none;
            }
        }

        .l-article__inner   {
            padding: 40px 0;

            .shinhan_toss-cont02-inner1 {
                position: relative;

                a:nth-of-type(1)    {position: absolute; width: 7%; height: 16%; left: 1.2%; top: 76%;}
                a:nth-of-type(2)    {position: absolute; width: 11%; height: 16%; left: 20.5%; top: 76%;}
                a:nth-of-type(3)    {position: absolute; width: 14%; height: 16%; right: 17.5%; top: 76%;}
            }
        }
        @media screen and (max-width: 767px) {
            .l-article__inner   {
                padding: 40px 0;

                .l-article__content div {
                    position: relative;
                    margin: 0 calc(20 / 390 * 100vw);
                }

                .shinhan_toss-cont02-inner1 {

                    a:nth-of-type(1)    {width: 23%;height: 6%;left: 4.2%;top: 28.1%;}
                    a:nth-of-type(2)    {width: 27%;height: 6%;left: 68.5%;top: 28.1%;}
                    a:nth-of-type(3)    {width: 33%;height: 6%;right: 61.5%;top: 89.4%;}
                }
            }

            .c-list {
                row-gap: 10px;
            }

            .c-list__item {
                padding-left: calc(10 / 390 * 100vw);
                text-indent: calc(-10 / 390 * 100vw);
            }
        }
    }

    .shinhan_toss-cont03    {
        .l-article__inner   {
            .c-title    {
                max-width: 820px;
                width: 100%;
                margin: 0 auto 16px;

                span    {
                    font-size: 14px;
                    line-height: 1.3;
                    color: #444;
                }
            }

            .l-article__content {
                
                .c-tab  {
                    max-width: 820px;
                    width: 100%;
                    margin: 0 auto;
                }

                > .c-tab__content {
                    margin-top: 32px;
                }
            }

            @media screen and (max-width: 767px) {
                padding-top: calc(32 / 390 * 100vw);

                .c-title    {
                    margin: 0 calc(20 / 390 * 100vw) calc(16 / 390 * 100vw);
                    width: auto;

                    span    {
                        font-size: calc(13 / 390 * 100vw);
                    }
                }

                .l-article__content {

                    .c-tab__inner   {
                        margin: 0;

                        .c-tab__list    {
                            padding: 0;
                            gap: 0;
                        }
                    }

                    #main-switch-content    {
                        margin-top: 0;

                        .c-tab__content {
                            margin: 0 calc(20 / 390 * 100vw) calc(16 / 390 * 100vw);
                            overflow: hidden;
    
    
                            .c-product__list    {
                                margin: 0;
                            }
                        }
                    }
                }
            }
        }
        
    }

    .shinhan_toss-notice    {
        .c-toggle__content  {

            @media screen and (max-width: 767px) {
                padding: 0;
            }

            img {
                margin: 0 auto;
            }
        }
    }

    .real-review {
        .l-article__inner {
            background-color: #f0f0f0;
        }
        .l-article__content {
            width: fit-content;
        }
        .c-swiper--fade-type {
            width: 100%;
            max-width: 895px;

            .swiper-slide {
                width: calc(285 / 895 * 100%);
                margin: 0 10px;
                opacity: 0.5;
                transition: opacity 0.25s ease-in-out;
            }
            .swiper-slide-active {
                opacity: 1;
            }
            @media screen and (max-width: 767px) {
                .swiper-slide {
                    margin: 0 calc(10 / 390 * 100vw);
                    width: calc(285 / 390 * 100vw);
                }
            }
        }
        @media screen and (max-width: 767px) {
            .l-article__content {
                width: 100vw;
            }
        }
    }
}
