/* ================================ */
/* 공통 */
/* ================================ */


.margin-t--m42 {
	margin-top: calc(42 * var(--ratio));
}

.c-button--text-arrow-right {
    .c-button__label {
        padding-right: calc(18 * var(--ratio));
        &::after {
            width: calc(16 * var(--ratio));
            height: calc(16 * var(--ratio));
            transform: translateY(-50%) rotate(90deg);
            background: url(/kr/event/promotions/images/icon-new-line-chevron-up-black.svg) no-repeat;
            background-size: contain;
        }
    }
}

/* 모달 커스텀 */
.c-modal {
    max-width: 800px;

    .relative-area {
        position: relative;
    }
    .hidden-pc {
        display: none;
    }

	.evidence-popup {
		padding-bottom: calc(20 * var(--ratio));
	}

    img {
        width: 100%;
        max-width: 780px;
    }

    .btn-close {
        top: var(--calc-size--20);
        right: var(--calc-size--26);
        width: var(--calc-size--20);
        height: var(--calc-size--20);
        background: url(/kr/event/promotions/images/icon_modal_close_btn.svg) no-repeat;
        background-size: contain;
        &::before {
            display: none;
        }
    }

	.l-article {
        height: auto;
        max-height: 706px;
        padding-bottom: 0;
        overflow-y: auto;
        max-height: initial;

        @media (max-width: 767px) {
            max-height: initial;
        }

        .l-article__inner {
            max-height: 706px;
            overflow-y: auto;
            padding-top: 0;
            padding-bottom: 0;

            @media (max-width: 767px) {
                max-height: initial;
            }
        }

        &::after {
            display: none;
        }
    }

    .l-article__content {
        padding: 0;
    }

    @media (max-width: 767px) {
        .hidden-mo {
            display: none;
        }
        .hidden-pc {
            display: block;
        }

        .l-article {
            height: calc(100% - 62px);
            max-height: calc(100% - 62px);
        }

		.wedding-verification-benefits {
			padding-top: calc(24 * var(--ratio));
		}
    }
	.c-modal__header {
		margin-top: calc(16 * var(--ratio));
	}
	.c-modal__header__title-text {
		padding-bottom:  calc(8 * var(--ratio));
		font-size: calc(22 * var(--ratio));
		font-weight: 700;
		line-height: 140%;
		letter-spacing: -0.04em;
	}
	.c-modal__content-card {
		max-width: calc(350 * var(--ratio));
	}
	/* .c-modal__list {
		display: flex;
		column-gap: calc(12 * var(--ratio));
	
	}
	.c-modal__item {
		display: flex;
		flex-direction: column;
		flex: 1 1 100%;
	}
	.c-modal__item-title {
		margin-top: calc(12 * var(--ratio));
		color: var(--gray-black);
		font-size: calc(18 * var(--ratio));
		font-weight: 600;
		line-height: 140%;
		letter-spacing: -0.04em; 
	}
	.c-modal__item-desc {
		color: var(--Gray-G40, #777);
		margin-top: calc(4 * var(--ratio));
		font-size: calc(14 * var(--ratio));
		font-weight: 500;
		line-height: 140%;
		letter-spacing: -0.04em;
		word-break: keep-all;
	} */
}
/* // 모달 커스텀 */


.event-benefit-template{

.text-indent-type01 {
	padding-left: calc(8 * var(--ratio));
	text-indent: calc(-8 * var(--ratio));
}

}
/* ================================ */
/* // 공통 */
/* ================================ */


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

.main-kv {
	width: 100%;
	aspect-ratio: 780 / 800;
}

.special-purchase-benefits {
    .special-purchase-benefits__linker {
        position: absolute;
    }
    .special-purchase-benefits__linker--01 {
		top: 34%;
		left: 6%;
		width: 42%;
		height: 13%;
    }
    .special-purchase-benefits__linker--02 {
		top: 34%;
		left: 51%;
		width: 42%;
		height: 13%;
    }
    .special-purchase-benefits__linker--03 {
		top: 86%;
		left: 6%;
		width: 42%;
		height: 13%;
		}
    .special-purchase-benefits__linker--04 {
		top: 86%;
		left: 52%;
		width: 42%;
		height: 13%;
		}
}

.more-benefit-view {
    .c-custom-accordion__area--fade {
        height: calc(80 * var(--ratio));
    }

    .more-benefit-view__btn {
        position: absolute;
    }

    .more-benefit-view__btn--01 {
        bottom: 3%;
        left: 10%;
        width: 37%;
        height: 8%;
    }

    .more-benefit-view__btn--02 {
        bottom: 3%;
        left: 53%;
        width: 37%;
        height: 8%;
    }

    .more-benefit-view__btn--03 {
        bottom: 10%;
        left: 4%;
        width: 91%;
        height: 10%;
    }

	.more-benefit-view__btn--counseling-help {
        top: 55%;
        left: 4%;
        width: 91%;
        height: 32%;
 }

    .multi_benefits__link {
        position: absolute;
        top: 86%;
        left: 4%;
        width: 91%;
        height: 10%;
    }

    .c-lazy-media {
        overflow: hidden;
        border-radius: calc(8 * var(--ratio));
    }
}

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