.event-benefit-template {
    .l-article_01 {
        background-color: #000;
        .c-title {
            .c-title__main {
                color: #fff;
            }
        }
        .c-toggle__btn-wrap {
            .c-toggle__btn {
                color: #fff;
            }
            .c-toggle__btn--text::after {
                background: url(/kr/event/promotions/images/icon-new-line-chevron-up-white.svg) no-repeat;
                background-position: center;
                background-size: contain;
            }
        }
        .c-toggle__content {
            .c-toggle__content-inner {
                .c-toggle__title {
                    color: #fff;
                }
                .c-list {
                    .c-list__item {
                        color: #a7a7a7;
                    }
                }
            }
        }
    }
    .l-article_02 {
        .l-article__inner {
            background-color: #f4f4f4;
            padding-bottom: calc(20 * var(--ratio));
            .l-article__content {
                .c-tosspayments__link {
                    position: absolute;
                    top: 68%;
                    right: 6.7%;
                    width: 86.5%;
                    height: 20%;
                    /* background: tomato;
                    opacity: 0.4; */
                }
            }
        }
    }
    .l-article_03 {
        background-color: #f6f6f6;
        .l-article__inner {
            padding-top: calc(20 * var(--ratio));
        }
    }
    .l-article_04 {
        background-color: #f6f6f6;
        a {
            position: absolute;
            bottom: 24.3%;
            left: 21.7%;
            width: 56%;
            height: 5%;
            /* background: tomato;
            opacity: 0.4; */
        }
        .c-tooltip {
            position: absolute;
            top: 38.25%;
            right: 24.9%;
            /* background: tomato;
            opacity: 0.4; */
            button {
                background: none;
            }
            .tooltip-box {
                background: #181818;
            }
            .btn-close::after {
                filter: invert(1);
            }
        }
    }
    .l-article_05 {
        .c-title {
            max-width: 820px;
            width: 100%;
            text-align: left;
            /* margin: calc(40 * var(--ratio)) 0 calc(20 * var(--ratio)); */
        }
        .c-tab--2depth {
            border-top: solid 1px #E4E4E4;
            .c-tab__inner {
                flex-wrap: wrap;
                .c-tab__list {
                    width: 100%;
                    column-gap: 0;
                    .c-tab__item {
                        flex: 1;
                    }
                }
            }
        }
        .l-article__content {
            .c-tab--round {
                & .c-tab__item {
                    &:first-child {
                        margin-left: 0;
                    }
                }
            }
            .c-product {
                margin-top: calc(12 * var(--ratio));
            }
        }
    }
    .l-article_08 {
        background-color: #fff;
        .c-title {
            color: #111;
        }
		.c-toggle__box {
			display: grid;
			grid-template-columns: repeat(2, minmax(0, 1fr));
			gap: calc(12 * var(--ratio));
			transform: none !important;
		}

		.c-toggle__item {
			width: 100% !important;
			margin-right: 0 !important;
			height: auto;
		}
        .l-article__inner {
            padding-bottom: calc(20 * var(--ratio));
        }
    }
    .l-article_09 {
        .l-article__inner {
            padding-top: calc(20 * var(--ratio));
        }
    }
}

/* 모달 */
/* #pay_upfront_subscribe-modal-01 {
    max-width: 100%;
    img {
        width: 100%;
    }
} */
/* // 모달 */