@charset "euc-kr";

/* ==============================
2028-notice ¿¹ºñ°í3 ´Ü°ú ¼ö°­½Åû ¾È³» Àü¿ë css
Figma : MEXX_»çÀÌÆ® µðÀÚÀÎ(°øÀ¯) 5067:20229(pc) / 5090:1709(tablet) / 5090:1878(mobile)
============================== */

/* page only : º»¹® full È­¸é (contwrap Æø¡¤Æеù ÇØÁ¦) */
#mexx.is-sub .mexx-contwrap {max-width: none; padding: 0 !important;}

/* common */
.mexx-2028notice {color: #051730; word-break: keep-all;}
.mexx-2028notice * {box-sizing: border-box;}
.mexx-2028notice__inner {max-width: calc(1200px + 80px); margin: 0 auto; padding: 0 40px;}

/* visual */
.mexx-2028notice__visual {position: relative; display: flex; flex-direction: column; min-height: 100vh; min-height: 100dvh; padding-top: 80px; background: #051730; overflow: hidden;}
#mexx.is-hdtopbnr .mexx-2028notice__visual {padding-top: 124px;}
.mexx-2028notice__visual::before {content: ""; position: absolute; inset: 0; pointer-events: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Crect width='1' height='1' fill='%23ffffff' fill-opacity='.1'/%3E%3C/svg%3E"); background-size: 16px 16px;}
.mexx-2028notice__visual .mexx-2028notice__inner {display: flex; flex: 1; width: 100%;}
.mexx-2028notice__visual-con {position: relative; display: flex; flex: 1; justify-content: space-between; align-items: center; padding: 80px 0;}
.mexx-2028notice__visual-bg {position: absolute; left: -195px; top: -239px; width: 852px; height: auto; opacity: .1; pointer-events: none;}
.mexx-2028notice__title {position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 24px; width: 600px;}
.mexx-2028notice__title::after {content: ""; order: 2; width: 24px; height: 1px; background: #898993;}
.mexx-2028notice__title strong {display: block; order: 1; font-family: "Roboto", sans-serif; font-size: 96px; font-weight: 900; line-height: 100px; letter-spacing: 1.92px; color: #fff;}
.mexx-2028notice__title strong span {font-weight: 200;}
.mexx-2028notice__title p {order: 3; margin: 0; font-size: 24px; line-height: 42px; color: #fff;}

/* content */
.mexx-2028notice__content {padding: 160px 0; background: #fff;}
.mexx-2028notice__group {display: flex; align-items: flex-start; gap: 80px;}
.mexx-2028notice__group + .mexx-2028notice__group {margin-top: 80px;}
.mexx-2028notice__group-title {flex: none; width: 280px; margin: 0; padding-top: 32px; border-top: 3px solid #051730; font-size: 28px; font-weight: 700; line-height: 48px;}
.mexx-2028notice__group-body {flex: 1; min-width: 0; border-top: 3px solid #051730;}

/* ÁÖ¿äÀÏÁ¤ */
.mexx-2028notice__schedule {display: flex; flex-direction: column; gap: 20px; margin: 0; padding-top: 40px;}
.mexx-2028notice__schedule div {display: flex; align-items: center; padding-bottom: 20px; border-bottom: 1px solid #e8e8f0;}
.mexx-2028notice__schedule div:last-child {border-bottom: 0;}
.mexx-2028notice__schedule dt {flex: none; width: 228px; font-size: 22px; font-weight: 700; line-height: 40px;}
.mexx-2028notice__schedule dd {flex: 1; margin: 0; font-size: 18px; line-height: 36px;}
.mexx-2028notice__schedule dd br {display: none;}

/* ¼ö°­½Åû ¾È³» */
.mexx-2028notice__lead {padding: 40px 0 36px;}
.mexx-2028notice__lead p {margin: 0; font-size: 18px; line-height: 36px;}
.mexx-2028notice__step {display: flex; align-items: flex-start; padding: 40px 0; border-top: 1px solid #051730;}
.mexx-2028notice__step h3 {flex: none; width: 228px; margin: 0; font-size: 22px; font-weight: 700; line-height: 40px;}
.mexx-2028notice__step-body {flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 12px;}
.mexx-2028notice__step-body > p {margin: 0; font-size: 18px; line-height: 36px;}
.mexx-2028notice__step-desc {display: flex; flex-direction: column; align-items: flex-start; gap: 28px;}
.mexx-2028notice__step ul {margin: 0; padding-left: 24px; list-style: disc;}
.mexx-2028notice__step li {font-size: 16px; line-height: 34px; list-style: disc;}
.mexx-2028notice__step b, .mexx-2028notice__notice b {font-weight: 700;}
.mexx-2028notice__btn {display: inline-flex; align-items: center; justify-content: center; width: 180px; height: 42px; padding: 0 20px; border: 1px solid #051730; border-radius: 6px; background: #fff; font-size: 14px; line-height: 22px; color: #051730; text-decoration: none; cursor: pointer;}

.mexx-2028notice__btns {display: flex; flex-wrap: wrap; gap: 12px;}

/* À¯ÀÇ»çÇ× */
.mexx-2028notice__notice {padding: 40px 0 36px;}
.mexx-2028notice__notice p {margin: 0; font-size: 18px; line-height: 36px;}
.mexx-2028notice__notice p + p {margin-top: 36px;}
.mexx-2028notice__notice a {color: inherit; text-decoration: none;}

/* tablet */
@media (max-width: 1199px) {
	.mexx-2028notice__visual {padding-top: 70px;}
	#mexx.is-hdtopbnr .mexx-2028notice__visual {padding-top: 114px;}
	.mexx-2028notice__visual-con {flex-direction: column; justify-content: center; align-items: flex-start; gap: 50px; padding: 60px 0;}
	.mexx-2028notice__visual-bg {left: -158px; top: -211px; width: 594px;}
	.mexx-2028notice__title {width: auto;}
	.mexx-2028notice__title strong {font-size: 64px; line-height: 60px; letter-spacing: 1.28px;}
	.mexx-2028notice__title p {font-size: 20px; line-height: 38px;}

	.mexx-2028notice__content {padding: 80px 0;}
	.mexx-2028notice__group {flex-direction: column; align-items: stretch; gap: 18px;}
	.mexx-2028notice__group + .mexx-2028notice__group {margin-top: 60px;}
	.mexx-2028notice__group-title {width: auto; padding-top: 0; border-top: 0; font-size: 24px; line-height: 42px;}
	.mexx-2028notice__schedule dt {font-size: 20px; line-height: 38px;}
	.mexx-2028notice__schedule dd {font-size: 16px; line-height: 34px;}
	.mexx-2028notice__lead p {font-size: 16px; line-height: 34px;}
	.mexx-2028notice__step {flex-direction: column; gap: 12px;}
	.mexx-2028notice__step h3 {width: auto; font-size: 20px; line-height: 38px;}
	.mexx-2028notice__step-body > p {font-size: 16px; line-height: 34px;}
	.mexx-2028notice__step ul {padding-left: 21px;}
	.mexx-2028notice__step li {font-size: 14px; line-height: 30px;}
	.mexx-2028notice__notice {padding: 40px 0;}
	.mexx-2028notice__notice p {font-size: 16px; line-height: 34px;}
	.mexx-2028notice__notice p + p {margin-top: 34px;}
}

/* mobile */
@media (max-width: 767px) {
	.mexx-2028notice__inner {padding: 0 20px;}
	.mexx-2028notice__visual {padding-top: 60px;}
	#mexx.is-hdtopbnr .mexx-2028notice__visual {padding-top: 104px;}
	.mexx-2028notice__visual-bg {left: -215px; top: -221px;}
	.mexx-2028notice__schedule div {flex-direction: column; align-items: flex-start;}
	.mexx-2028notice__schedule dt {width: auto;}
	.mexx-2028notice__schedule dd br {display: inline;}
	.mexx-2028notice__step-body {width: 100%;}
	.mexx-2028notice__btns {flex-wrap: nowrap; gap: 8px; width: 100%;}
	.mexx-2028notice__btn {width: 100%;}
	.mexx-2028notice__btns .mexx-2028notice__btn {flex: 1; width: auto; padding: 0 10px;}
}