@charset "UTF-8";

.dndn-package .max-width { text-align: left; }
.dndn-package .contents { padding: 0; }

.container.dndn-package-default { overflow: initial; }
.container .area_renewal * { line-height: 150%; }
.area-pg-visual .titleWrap .contact-btn_pc_top{width: 195rem;}

/* ad banner */
.top-ad-banner { margin-bottom: 140rem; }
.top-ad-banner .inner .textWrap { padding: 40rem 60rem; }
@media screen and (max-width: 991px) {
	.top-ad-banner { margin-bottom: 50rem; }
	.top-ad-banner .inner .textWrap { padding: 24rem; }
	.top-ad-banner .inner .textWrap .shortcut { font: var(--edm-f-body2); letter-spacing: var(--edm-f-body2-ls); font-weight: 400; margin-top: 12rem; }
}

/*****************************************
	25-05월 event update
*****************************************/
.may { padding: 80rem 0; background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/dndn-package/may-benefit-bg-260304.webp'); background-repeat: no-repeat; background-size: cover; background-position: top center; }
.may .box { padding: 60rem; border-radius: 4px; isolation: isolate; background: #FFF; }
.may .title { font-size: var(--f-fontSize01); font-weight: 700; line-height: 130%; text-align: center; color: var(--c-text01); }
.may .innerBox { width: 100%; max-width: 1036rem; margin: 60rem auto 0; }
.may .innerBox .info { margin-top: 40px; }
.may .innerBox .info p { color: #666; text-align: center; font-size: var(--f-body2); font-style: normal; font-weight: 400; line-height: 150%; letter-spacing: -0.2rem; margin-top: 24rem; }
.may .innerBox .info p b { color: #060505; font-weight: 600; }
.may .listEvent li { display: flex; gap: 24rem; }
.may .listEvent li + li { margin-top: 40rem; padding-top: 40rem; border-top: 1px solid #E4E8F1; }
.may .listEvent .textWrap { width: calc(100% - 506rem - 24rem); word-break: normal; }
.may .listEvent .textWrap em { color: #E54231; font-weight: 500; }
.may .listEvent .titleList { display: block; font-size: var(--f-fontSize02); font-weight: 700; line-height: 40rem; letter-spacing: -.2px; color: #000; }
.may .listEvent .text { margin: 16rem 0 24rem; font-size: var(--f-fontSize05); color: #000; }
.may .listEvent .text > strong { font-weight: 700; color: #E54231; }
.may .listEvent .textWrap .contact-btn { display: flex; align-items: center; justify-content: center; width: 129rem; height: 32rem; background-color: #000; color: #fff; font-size: var(--f-detail); border-radius: var(--r-radius03); isolation: isolate; font-weight: 400; }
.may .listEvent .textWrap .contact-btn .arrow { background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/dndn-package/buttonArrow.svg'); background-repeat: no-repeat; background-size: cover; background-position: center; width: 16rem; height: 16rem; margin-left: 4rem; }
.may .listEvent .imgWrap { width: 506rem; }
.may .listEvent .imgWrap figure { aspect-ratio: 506/270; border-radius: 12px; background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/dndn-package/may-benefit-img01-260304.webp'); background-repeat: no-repeat; background-size: cover; background-position: center; }
.may .listEvent .imgWrap figure.img02 { background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/dndn-package/may-benefit-img02-260304.webp'); }
.may .listEvent .imgWrap figure.img03 { background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/dndn-package/may-benefit-img03-251226.png'); }

.may .more-btn-wrap p { color: #fff; }

@media screen and (max-width: 991px) {
	.may { padding: 50px 0; background: #6403FF; }
	.may .box { padding: 30px 0; }
	.may .innerBox { max-width: 100%; margin-top: 32px; }
	.may .innerBox .info { margin-top: 24px; }
	.may .listEvent li { display: block; padding: 0 16px; }
	.may .listEvent li + li { margin-top: 32px; padding-top: 32px; }
	.may .listEvent .textWrap { width: 100%; margin-bottom: 24px; text-align: center; }
	.may .listEvent .imgWrap { width: 100%; }
	.may .listEvent .titleList { line-height: 29.055rem; }
	.may .listEvent .text { margin: 8px 0 16px; }
	.may .listEvent .textWrap .contact-btn { width: 122.98000000000002rem; height: 31.98rem; margin: 0 auto; }
	.may .listEvent .textWrap .contact-btn .arrow { width: 16.12rem; height: 16.12rem; margin-left: 2px; }
}