/* 개별 처리 */
.event-benefit-template{
    
    .main-kv{
        &:after{
            content: '';
            display: block;
            position:absolute;
            bottom:0;
            left:0;
            width:100%;
            height:calc(189 * var(--ratio));
            background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #262626 100%);
        }
    }
    .kv-title-wrap{
        position: absolute;
        bottom:0;
        left: 0;
        display: flex;
        justify-content: space-between;
        align-items: end;
        width:100%;
        z-index: 10;
        padding:calc(32 * var(--ratio)) calc(24 * var(--ratio));
        color:#fff;
        h1{
            font-size: calc(24 * var(--ratio));
            line-height: 120%;
            letter-spacing: calc(-0.48 * var(--ratio));
            font-weight: 700;
            text-align: left;
            span{
                display: block;
                margin-bottom: calc(4 * var(--ratio));
                font-size: calc(16 * var(--ratio));;
                line-height: 160%;
                letter-spacing: calc(-0.32 * var(--ratio));
                font-weight: 600;
            }
        }
        p{
            font-size: calc(13 * var(--ratio));;
            line-height: normal;
            letter-spacing: calc(-0.26 * var(--ratio));
            font-weight: 700;
            text-align: right;
        }
    }
    .wash-combo-cont01{
        .c-responsive-video{
            margin:0 auto;
            border-radius: calc(16 * var(--ratio));
            overflow: hidden;
            width: 100%;
        }
    }
        
    .wash-combo-cont05 {
        .wash-combo-cont05__linker {
            position: absolute;
            width: 27.4%;
            height: 22%;
        }
        .wash-combo-cont05__linker--01 {
            top: 73%;
            left: 2%;
        }
        .wash-combo-cont05__linker--02 {
            top: 73%;
            left: 36.3%;
        }
        .wash-combo-cont05__linker--03 {
            top: 73%;
            right: 2%;
        }
    }

    .wash-combo-cont06 {
        .c-custom-accordion__area--fade {
            height: calc(190 * var(--ratio));

            &::after {
                height: calc(86 * var(--ratio));
                top: auto;
                bottom: calc(0 * var(--ratio));
                background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #FFF 56.25%);background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #FFF 56.25%);;
            }
        }

        .wash-combo-cont06__gift-link {
            position: absolute;
            bottom: 2%;
            left: 3%;
            width: 93%;
            height: 10%;
        }

        .wash-combo-cont06__check-application-history-list {
            position: absolute;
            top: 12%;
            left: 4%;
            width: 46%;
            height: 9%;
            
        }
        .wash-combo-cont06__apply-used-device-compensation {
            position: absolute;
            top: 12%;
            left: 49%;
            width: 46%;
            height: 9%;
        }
        .wash-combo-cont06__badge {
            display: inline-flex;
            padding: calc(2 * var(--ratio)) calc(4 * var(--ratio));
            align-items: center;
            margin:0 auto;
            gap: calc(4 * var(--ratio));
            border-radius: calc(4 * var(--ratio));
            background: var(--primary-active-red);
            color: var(--lge-gray-g00);
            font-size: calc(12 * var(--ratio));
            font-weight: 500;
            line-height: calc(17 * var(--ratio));
            letter-spacing: calc(-0.24 * var(--ratio));
        }

        .wash-combo-cont06__table-wrap {
            overflow-x: auto;
        }

        .wash-combo-cont06__table-img {
            min-width: calc(640 * var(--ratio));
        }
        .wash-combo-cont06__divider {
            width: calc(350 * var(--ratio));
            height: calc(1 * var(--ratio));
            margin: calc(8 * var(--ratio)) calc(20 * var(--ratio));
            background-color: #BFB8AE;
        }
        .c-toggle--add-bonus-max-pay {
            margin-top: 0;
        }
        .c-toggle--add-bonus-max-pay.on .c-toggle__content{
            margin-top: 0;
        }
        .c-toggle--add-bonus-max-pay .c-button--box:has([aria-expanded="true"]) {
            margin-top: calc(32 * var(--ratio));
        }
        .c-nav__panel--more-benefit-overview .c-custom-scrollbar {
            padding-bottom: calc(18 * var(--ratio));
        }
        .c-list--trade-in-notice-details {
            margin: 0;
        }
    }

    .wash-combo-cont03 {
        .c-list__item {
            color: #fff;
            font-size: calc(11 * var(--ratio));
            font-weight: 400;
            line-height: calc(15.4 * var(--ratio));
            letter-spacing:calc(-0.44 * var(--ratio));
            &::after {
                color: #fff;
            }
        }
    }

    .wash-combo-cont02 {
        .swiper-slide {
            width: calc(270 * var(--ratio));
        }
    }

    .wash-combo-cont04 {
        .swiper-slide {
            flex-direction: column;
            width: calc(350 * var(--ratio));
            .c-toggle{
                margin-top: calc(24 * var(--ratio));
                width: 100%;
                text-align: left;
            }
            .c-list{margin:0;}
        }
    }
    
    .c-nav--anchor {
        .c-nav__inner {
            display: flex;
            justify-content: center;
        }

        .c-nav__list {
            display: flex;
            flex-wrap: nowrap;
            gap: calc(8 * var(--ratio));
            width: 100%;
            overflow-x: auto;
            white-space: nowrap;
        }

        .c-nav__item {
            position: relative;
            flex: initial;
            background-color: transparent;
            border-radius: 100px;
            border-width: max(0.5px, calc(0.5 * var(--ratio))); 
            border-style: solid;
            overflow:hidden;

            &.active .c-nav__button {
                font-weight: 600;
                color:#fff;
                background-color: var(--gray-black);
            }
        }

        .c-nav__button {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 100%;
            min-width: calc(48 * var(--ratio));
            padding: calc(6 * var(--ratio)) calc(15 * var(--ratio));
            text-align: center;
            font-size: calc(14 * var(--ratio));
            font-weight: 400;
            line-height: 140%;
            letter-spacing: -0.03em;
        }
    }
}
/* // 개별 처리 */