.event-benefit-template {
    .wrap--black{
        background: #181818;
        .c-title__main{
            color: #fff;
        }
        .c-toggle__btn{
            color: #fff;
        }
        .c-toggle__btn--text::after{
            background: url(/kr/event/2026/03/17_new_tv_oled/resources/icon-line-chervron-down-white.svg) no-repeat center / contain;
            
        }
        .select-oled-tab{
            display: none;
            @media screen and (max-width: 767px) {
                display: block;
                .c-tab__content{

                    padding-inline: calc(20/390*100vw);
                }
            }
        }
        .c-tab--round-filed-black {
            & .c-tab__item {
                .c-tab__button {
                    background: transparent;
                    border-color: #949494;
                    color: #949494;
                }
                &.active .c-tab__button {
                    color: #000;
                    background-color: #fff;;
                    border: solid 1px transparent;
                }
            }
        }
    }

    .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;
        }

        .coupon-area{
            padding-top: 16px;   
            display: flex;
            justify-content: center;
            align-items: center;
            .coupon-area__inner{
                position: relative;
            }
            .c-button {
                position: absolute;
                bottom: 0;
                right: 0;
                width: 23%;
                height: 100%;
            }
        }

    }

    .c-title--normal {
        .c-title__eyebrow.c-title__eyebrow--gray {
            color: #5D5D5D;
        }
    }

    .padding-t--p14{
        padding-top: 14px;
    }

    .oled-benefit{
        position: relative;
        .c-button{
            position: absolute;
            width: 29.5%;
            height: 10%;
            &.c-button--benefit-cashback{
                top: 38%;
                left: 3%;                
                width: 46%;
            }
            &.c-button--benefit-coupon{
                top: 38%;
                right: 3%;                
                width: 46%;
            }
            &.c-button--benefit-standbyme{
                bottom: 1%;
                left: 3%;
            }
            &.c-button--benefit-photoreview{
                bottom: 1%;
                right: 35%;
            }
            &.c-button--benefit-shinhancard{
                bottom: 1%;
                right: 3%;
            }
            @media screen and (max-width: 767px) {
                height: 13.5%;
                &.c-button--benefit-cashback{
                    top: 34%;
                    left: 1.4%;
                    width: 46%;
                }
                &.c-button--benefit-coupon{
                    top: 34%;
                    right: 1.4%;                
                    width: 46%;
                }
                &.c-button--benefit-standbyme{
                    bottom: 1%;
                    left: 1%;
                }
                &.c-button--benefit-photoreview{
                    bottom: 1%;
                }
                &.c-button--benefit-shinhancard{
                    bottom: 1%;
                    right: 1%;
                }
            }
        }
    }
    .select-oled-slider {
        max-width: 1070px;
        margin:0 auto;
        .swiper-slide {
                width: calc(350/1070*100%);
            @media screen and (max-width: 767px) {
                width: calc(350/390*100vw);
            }
        }    
        .swiper-pagination-bullets{margin-left: 2px;}
        & .swiper-pagination-bullet-active {
            &::after {
                border-color: #fff;
            }
        }
        @media screen and (max-width: 767px) {
            display: none;
        }
    }
    /* .select-oled-slider{    
        max-width: 1082px;
        margin:0 auto;
        width: fit-content;
        .custom-scroll-slider__content-wrapper{
            column-gap: 16px;
        }
        .custom-scroll-slider__item{ 
            flex: 0 0 350px; 
            position: relative;
        }
        .c-responsive-video{
            position: absolute;
            top:0;
            left:0;
            width: 100%;
            overflow: hidden;
            border-radius: 16px;
            video{
                position: absolute;
                top:0;
                left:0;
                display: block;
                margin: 0 auto;
                height: 100%;
            }
        }
        @media screen and (max-width: 767px) {
            padding: 0 calc(20 / 390 * 100vw);
            .custom-scroll-slider__item{ flex: 0 0 100%;}
            .custom-scroll-slider__content-wrapper{ 
                column-gap: calc(16 / 390 * 100vw);
            }
            .c-responsive-video{border-radius: calc(16 / 390 * 100vw);}
        }
    } */
    .c-toggle--into .c-toggle__content img{
        margin:0 auto;
        @media screen and (max-width: 767px) {padding: 0 calc(20 / 390 * 100vw);}
    }
                
}