/* ============================= */
/* 공통 커스텀 */
/* ============================= */
.event-benefit-template {

}
/* ============================= */
/* // 공통 커스텀 */
/* ============================= */


/* ============================= */
/* 개별 영역 */
/* ============================= */
.event-benefit-template {
    .cdr-content01{
        .c-swiper .swiper-container{
            padding:0;
            .swiper-slide{
                width:calc(270 * var(--ratio));
            }
        }
    }

    .cdr-content02{
        .swiper-container{
            margin-bottom: calc(-20 * var(--ratio));
            padding: 0 calc(20 * var(--ratio)) calc(20 * var(--ratio));
        }
        .swiper-slide{
            flex-direction: column;
            .c-responsive-video{
                border-radius: calc(16 * var(--ratio));
                overflow:hidden;
            }
            .slide-text{
                /* padding: calc(24 * var(--ratio)); */
                width: 100%;
                text-align: left;
                p{
                    font-size: calc(18 * var(--ratio));
                    font-weight: 600;
                    line-height: 140%; 
                    letter-spacing: calc(-0.72 * var(--ratio));
                }
                /* p{
                    margin-top: calc(6 * var(--ratio));
                    font-size: calc(13 * var(--ratio));
                    font-weight: 400;
                    line-height: 140%; 
                    letter-spacing: calc(-0.52 * var(--ratio));
                } */
            }
        }
        .c-toggle{
            z-index: 1;
        }
    }

    .cdr-content05{
        .cdr-content05__linker{
            position:absolute;
            width: 46%;
            height: 12%;
            &.linker--01{
                top: 35%;
                left: 1.5%;
            }
            &.linker--02{
                top: 35%;
                right: 1.5%;
            }
            &.linker--03{
                bottom: 1.5%;
                left: 1.5%;
                width: 29%;
            }
            &.linker--04{
                bottom: 1.5%;
                left: 35.6%;
                width: 29%;
            }
            &.linker--05{
                bottom: 1.5%;
                right: 1.5%;
                width: 29%;
            }
        }
    }

    .cdr-content06{
        .c-custom-accordion__area--fade{
            height: calc(130 * var(--ratio));
            &::after{
                top: calc(0 * var(--ratio));
                height: calc(130 * var(--ratio));
                background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #FFF 56.25%);
            }
        }
        .cdr-content06__linker{
            position:absolute;
            &.linker--01{
                bottom: 11%;
                left: 6%;
                width: 88%;
                height: 18%;
            }
            &.linker--02{
                bottom: 6%;
                left: 36%;
                width: 29%;
                height: 6%;
            }
            &.linker--03{
                bottom: 11%;
                left: 6%;
                width: 88%;
                height: 18%;
            }
        }
        .subscription-column-wrap{
            flex-direction: column;
            row-gap: calc(64 * var(--ratio));
           
            reason-for-choosing-subscription {
                [data-black-theme]& {
                    background-color: var(--lge-gray-g00);
                }
                .c-title--normal {
                    .c-title__main{color: var(--gray-g50); padding-bottom: calc(16 * var(--ratio));}
                    .c-title__eyebrow {color: var(--primary-black);}
                }
            }

        }
    }
    .c-product__list--thumnail-custom-vertical{
        .c-product__visual{
            .c-product__image-wrapper{
                aspect-ratio:700/472;
            }
            .c-product__image{
                height: auto;
            }
        }
    }

}
.popup-wrap{
    width: calc(390 * var(--ratio));
    max-width: calc(390 * var(--ratio));
    .l-article__content{
        max-height: calc(100dvh - (64 * var(--ratio)));
        overflow-y: auto;
    }
    .c-button--box-outlined-black .c-button--box-outlined-black {
        min-width: stretch;
    }
    &>.btn-close.ui_modal_close{
        top: calc(20 * var(--ratio));
        right: calc(16 * var(--ratio));
        width: calc(48 * var(--ratio));
        height: calc(48 * var(--ratio));
        &::before{
            width: 100%;
            height: 100%;
            background:url('/kr/event/2026/07/27_convertible_drawer_refrigerator/resources/ico-btn-close.svg') no-repeat center / cover;

        }
    }
}
/* ============================= */
/* // 개별 영역 */
/* ============================= */