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

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

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


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

    .laundrygo-washing-service-benefits {
        .laundrygo-washing-service-benefits__banner {
            position: relative;
        }
        .laundrygo-washing-service-benefits__btn {
            position: absolute;
        }
        .laundrygo-washing-service-benefits__btn--1 {
            top: 68%;
            left: 3%;
            width: 47%;
            height: 23%;
        }
        
        .laundrygo-washing-service-benefits__btn--2 {
            top: 68%;
            left: 50%;
            width: 47%;
            height: 23%;
        }
    }

    .swiper-article {
        .swiper-slide {
            width: calc(342 * var(--ratio));
        }
    }
    .l-article{
        .c-toggle__content{
                padding: 0;
            }
    }
}

.popup-wrap .modal-popup-content{position:relative; left: 50%; transform: translateX(-50%); width: calc(278 * var(--ratio)); height: calc(141 * var(--ratio));}
.popup-wrap .modal-popup-content .modal-popup-title{position: relative; width: 100%; text-align: center; color: #777777; font-size: calc(14 * var(--ratio)); padding-bottom: calc(16 * var(--ratio));}
.popup-wrap .modal-popup-content .coupon-number{position: relative; width: 100%; text-align: center; font-size: calc(22 * var(--ratio)); font-weight: 600;}
.popup-wrap .modal-popup-content .btn-coupon-copy{position: relative; width: 100%; padding-top: calc(20 * var(--ratio)); text-align: center; text-decoration: underline; font-size: calc(12 * var(--ratio));}
.popup-wrap .modal-popup-content .btn-close{position: absolute; left: 0; bottom: 0; width: calc(278 * var(--ratio)); height: calc(32 * var(--ratio)); background-color: #000000; color: #FFFFFF; border-radius: calc(6 * var(--ratio)); font-size: calc(12 * var(--ratio));}
/* ============================= */
/* // 개별 영역 */
/* ============================= */

.right-arrow-text::after {
  content: '';
  display: inline-block;
  width: calc(8 * var(--ratio)); 
  height: calc(8 * var(--ratio)); 
  margin-left:  calc(4 * var(--ratio));  
  border-top: calc(1.5 * var(--ratio)) solid #FFFFFF; 
  border-right: calc(1.5 * var(--ratio)) solid #FFFFFF; 
  transform: rotate(45deg); 
  
  position: relative;
  top: 0;
}
.event-benefit-wrap #coupon .title-box .title{display: none;}
.event-benefit-wrap #coupon .evt-cont.noti-cont{display: none;}