/* 버튼 위치 */
/* .event-benefit-template a,
.event-benefit-template button {
    background-color: rgba(0,0,0,0.2);
} */
/* // 버튼 위치 */


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

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


/* ============================= */
/* 개별 영역 */
/* ============================= */
.event-benefit-template {

    .inout_premium_membership {
        .swiper-container {
            padding:0;
        }
        .swiper-slide {
            width: calc(350 * var(--ratio));
        }
    }

    .inout-registration{
    }
}

.popup-wrap#inout-modal{
    border-radius: calc(16 * var(--ratio)); 
    min-height:unset !important; 
    height: auto;
    top:50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width:calc(100% - 40 * var(--ratio));
    max-width: calc(326 * var(--ratio));
    .l-article .l-article__inner{
        padding: calc(32 * var(--ratio)) calc(24 * var(--ratio)) calc(24 * var(--ratio)); 
        text-align: center;
        row-gap:0;
    }
    .c-modal--coupon-message{
        font-size: calc(14 * var(--ratio)); color: #777; 
        line-height: 1.2; 
        letter-spacing: calc(-0.56 * var(--ratio));
    }
    .c-modal--coupon-serial{
        display:flex;     
        justify-content: center;
        flex-direction: column;
        align-items: center;
        margin-top:calc(4 * var(--ratio));
        row-gap:calc(16 * var(--ratio));
    }
    .c-modal--coupon-input{
        font-size: calc(22 * var(--ratio)); 
        font-weight: 700; line-height: 1.4; 
        letter-spacing: calc(-0.88 * var(--ratio));
        text-align:center;
    }
    .c-modal--coupon-btn-copy{
        font-size: calc(12 * var(--ratio)); 
        font-weight: 500; line-height: 1.4; letter-spacing: calc(-0.48 * var(--ratio)); 
        text-decoration-line: underline; text-decoration-style: solid; 
        text-decoration-skip-ink: auto; text-decoration-thickness: auto; 
        text-underline-offset: auto;
    }
    .c-modal--coupon-btn-close{
        margin-top: calc(24 * var(--ratio)); 
        padding:calc(7.5 * var(--ratio)) calc(12 * var(--ratio)); 
        display: block; color:#fff; background: #000;
        font-size: calc(12 * var(--ratio)); font-weight: 500; 
        line-height: 1.4; letter-spacing: calc(-0.48 * var(--ratio)); 
        width: 100%; border-radius: calc(6 * var(--ratio));
    }
    .btn-close{
        top:calc(20 * var(--ratio)); right: calc(20 * var(--ratio));
        width:calc(24 * var(--ratio)); height: calc(24 * var(--ratio));
        background-size:calc(15 * var(--ratio));
        background-position:center;
        &::before{
            width: 100%;height:100%;background-size:contain;
        }
    }
}
/* ============================= */
/* // 개별 영역 */
/* ============================= */