@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; }
}

/*****************************************
	7대 서비스 (lfair section-allben)
	1rem = 1px. 박람회 CSS는 페이지 전용 선택자라 여기서만 다시 적용
*****************************************/
.dndn-package #allben { padding: 140rem 0; background: linear-gradient(160deg, #BFE6FB 0%, #C6E7FA 30%, #BFE5FB 55%, #CCE8F8 78%, #D6EAF6 100%); margin-top: 0;}
.dndn-package #allben .saf-main-width { width: min(1248rem, 100% - 48rem); max-width: 1248rem; margin: 0 auto; }
.dndn-package #allben .panel { position: relative; background: #fff; border-radius: 40rem; padding: 84rem 82rem 60rem; max-width: 1248rem; margin: 0 auto; box-shadow: 0 4rem 10rem rgba(0, 0, 0, .12); }
.dndn-package #allben .ptab { position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); background: linear-gradient(90deg, #FC1D01, #FDA245); color: #fff; font-weight: 600; font-size: clamp(15rem, 1.9vw, 22rem); padding: 8rem 24rem; border-radius: 9999rem; white-space: nowrap; display: inline-flex; align-items: center; gap: 8rem; line-height: 1.5; }
.dndn-package #allben .so-svc-grid { display: flex; flex-wrap: wrap; gap: 40rem 24rem; max-width: 1036rem; margin: 0 auto; justify-content: center; }
.dndn-package #allben .so-svc { text-align: center; width: 241rem; }
.dndn-package #allben .so-svc__ic { display: flex; align-items: center; justify-content: center; width: 100%; height: 125rem; border-radius: 12rem; background: linear-gradient(90deg, #f8f5ff, #eef5ff); margin-bottom: 16rem; }
.dndn-package #allben .so-svc__ic img { width: 80rem; height: 80rem; object-fit: contain; display: block; margin: 0; }
.dndn-package #allben .so-svc__nm { font-size: 18rem; font-weight: 500; color: #000; letter-spacing: -.18rem; line-height: 1.5; margin: 0; }

@media screen and (max-width: 1200px) {
	.dndn-package #allben .panel { padding-left: 53rem; padding-right: 53rem; }
}

@media screen and (max-width: 991px) {
	.dndn-package #allben { padding: 40rem 0 60rem; background: linear-gradient(178deg, #FEDEFF 0.32%, #D9E8FE 15.22%); }
	.dndn-package #allben .saf-main-width { width: calc(100% - 32rem); }
	.dndn-package #allben .panel { border-radius: 24rem; padding: 40rem 16rem; box-shadow: none; }
	.dndn-package #allben .ptab { font-size: 13rem; padding: 7rem 16rem; letter-spacing: -0.13rem; line-height: 150%; }
	.dndn-package #allben .so-svc-grid { gap: 16rem 8rem; }
	.dndn-package #allben .so-svc { width: calc(50% - 4rem); }
	.dndn-package #allben .so-svc-grid .so-svc:nth-child(7) { width: calc(50% - 4rem); }
	.dndn-package #allben .so-svc__ic { height: 140rem; margin-bottom: 8rem; }
	.dndn-package #allben .so-svc__ic img { width: 64rem; height: 64rem; }
	.dndn-package #allben .so-svc__nm { font-size: 16rem; letter-spacing: -.16rem; }
}