/* 모바일 */
@media (max-width: 1024px) {
	/* 캘린더 */
	.calendar-section {
		position: absolute;
		top: 50%;
		right: 20px;
		transform: translateY(-50%);
	}
	.calendar-view {
		display: flex;
		height: 45px;
		padding: 10px 25px;
		justify-content: center;
		align-items: center;
		gap: 14px;
		flex-shrink: 0;
		border-radius: 3px;
		border: 1px solid rgba(255, 255, 255, 0.5);
		cursor: pointer;
	}
	.calendar-section:hover .calendar-view {
		display: flex;
		height: 45px;
		padding: 10px 25px;
		justify-content: center;
		align-items: center;
		gap: 14px;
		flex-shrink: 0;
		border-radius: 3px 3px 0 0;
		border: 1px solid rgba(255, 255, 255, 0);
		background: linear-gradient(
			270deg,
			#7850ff 9%,
			#734ffc 25%,
			#664ef6 41%,
			#504ced 59%,
			#324adf 77%,
			#0b46cd 95%,
			#0046c8 100%
		);
	}
	.calendar-view > p {
		color: #fff;
		text-align: center;
		font-family: 'NanumSquare Neo';
		font-size: 17px;
		font-style: normal;
		font-weight: 800;
		line-height: 130%; /* 22.1px */
		letter-spacing: -0.34px;
		text-transform: uppercase;
	}
	.calendar-title {
		margin: 0;
		font-weight: bold;
		font-size: 15px;
		color: #fff;
	}
	.calendar-buttons {
		position: absolute;
		top: 100%;
		right: 0;
		display: flex;
		flex-direction: column;
		background: #fff;
		display: flex;
		width: 216px;
		padding: 15px 25px;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		gap: 15px;
		overflow: hidden;
		max-height: 0;
		opacity: 0;
		transition:
			max-height 0.3s,
			opacity 0.3s,
			padding 0.3s;
		z-index: 2000;
	}
	.calendar-section:hover .calendar-buttons {
		max-height: 200px;
		opacity: 1;
		padding: 10px;
	}
	.cal-btn {
		position: relative;
		color: #111;
		text-align: center;
		font-family: 'NanumSquare Neo';
		font-size: 17px;
		font-style: normal;
		font-weight: 800;
		line-height: 130%; /* 22.1px */
		letter-spacing: -0.51px;
	}
	.cal-btn::after {
		content: attr(data-text);
		position: absolute;
		inset: 0;
		background: linear-gradient(
			270deg,
			#7850ff 9%,
			#734ffc 25%,
			#664ef6 41%,
			#504ced 59%,
			#324adf 77%,
			#0b46cd 95%,
			#0046c8 100%
		);
		background-clip: text;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		opacity: 0;
		transition: opacity 0.4s ease;
	}
	.cal-btn:hover::after {
		opacity: 1;
	}

	/* header */
	header {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 85px;
		border-bottom: 1px solid rgba(255, 255, 255, 0.2);
		background: rgba(0, 0, 0, 0.5);
		padding: 0 20px;
		z-index: 1000;
		overflow: visible;

		display: none;
	}

	header .inner {
		position: relative;
		width: 100%;
		height: 100%;
		margin: 0 auto;
	}
	.logo {
		position: absolute;
		top: 50%;
		left: 50px;
		transform: translateY(-50%);
	}
	/* nav */
	nav {
		position: absolute;
		top: 40%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	nav ul {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	nav ul li a {
		padding: 0 10px;
		color: #ffffff;
		transition: color 0.3s;
	}
	nav ul li:hover a {
		color: #7850ff;
		transition: color 0.3s;
	}
	/* 메인 비주얼 */
	.main-visual {
		position: relative;
		background-color: #030303;
		height: 100%;
	}
	.main-visual > img {
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translateX(0);
	}
	.main-visual .inner {
		position: relative;
		top: 0;
		left: 0;
		transform: translate(0, 0);
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
		z-index: 1;
		padding: 114px 20px 60px;
	}

	/* 카운트 다운 */
	.countdown-section {
		display: inline-flex;
		padding: 5px 17px 5px 5px;
		align-items: center;
		gap: 10px;
		border-radius: 195px;
		background: rgba(255, 255, 255, 0.1);
		margin-bottom: 25px;
	}
	.countdown-text {
		display: flex;
		width: auto;
		height: 37px;
		padding: 10px 17px;
		justify-content: center;
		align-items: center;
		gap: 12px;
		border-radius: 90px;
		background: var(--bg_black, #030303);
	}
	.countdown-text p {
		color: #fff;
		text-align: center;
		font-family: 'NanumSquare Neo';
		font-size: 13px;
		font-style: normal;
		font-weight: 800;
		line-height: 130%; /* 23.4px */
		letter-spacing: -0.36px;
	}
	.countdown-label {
		margin: 0 0 14px 0;
		font-size: 13px;
		font-weight: bold;
		opacity: 0.9;
	}
	.countdown-boxes {
		display: flex;
		align-items: center;
		gap: 5px;
	}
	.countdown-box {
		display: flex;
		align-items: flex-end;
		justify-content: flex-end;
		gap: 2px;
	}
	.countdown-num {
		color: #fff;
		text-align: center;
		font-family: 'NanumSquare Neo';
		font-size: 13px;
		font-style: normal;
		font-weight: 800;
		line-height: 130%; /* 26px */
		letter-spacing: 1.2px;
	}
	.countdown-unit {
		color: #fff;
		text-align: center;
		font-family: 'NanumSquare Neo';
		font-size: 11px;
		font-style: normal;
		font-weight: 800;
		line-height: 130%; /* 23.4px */
		letter-spacing: -0.36px;
		opacity: 0.3;
	}
	.title-section {
		width: 100%;
		text-align: center;
		margin-bottom: 0;
		padding: 0 15px;
	}
	.title-section h1 {
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 25px;
	}
	.title-section div {
		display: flex;
		align-items: center;
		justify-content: center;
		background: #dcff05;
		width: 100%;
		height: 24px;
		margin: 0 auto 20px;
	}
	.title-section div img {
		width: 130px;
	}
	.info-section {
		width: 100%;
		text-align: center;
		margin-bottom: 30px;
	}
	.info-section p {
		color: #fff;
		text-align: center;
		font-family: 'NanumSquare Neo';
		font-size: 13px;
		font-style: normal;
		font-weight: 400;
		line-height: 180%; /* 32.3px */
	}
	.info-section p b {
		display: block;
	}
	.info-section p:first-child {
		margin-bottom: 15px;
	}
	.info-section p span {
		color: #fff;
		text-align: center;
		font-family: 'NanumSquare Neo';
		font-size: 13px;
		font-style: normal;
		font-weight: 800;
		line-height: 130%; /* 27.3px */
		letter-spacing: -0.42px;
	}
	.time-section {
		width: 100%;
		text-align: center;
		margin-bottom: 15px;
		gap: 4px;
	}
	.time-section b {
		display: none;
	}
	.time-section span {
		color: var(--Color-2, #dcff05);
		font-family: 'NanumSquare Neo';
		font-size: 13px;
		font-style: normal;
		font-weight: 800;
		line-height: 130%; /* 24.7px */
		letter-spacing: -0.57px;
	}

	.localtion-section {
		width: 100%;
		text-align: center;
		margin-bottom: 30px;
	}
	.localtion-section p {
		color: #fff;
		font-family: 'NanumSquare Neo';
		font-size: 13px;
		font-style: normal;
		font-weight: 400;
		line-height: 130%; /* 23.4px */
		letter-spacing: -0.54px;
		gap: 4px;
	}
	.localtion-section p > svg {
		width: 14px;
	}
	.localtion-section p:first-child {
		margin-bottom: 10px;
	}
	.btn-apply {
		display: flex;
		width: 130px;
		height: 45px;
		padding: 9px 0;
		justify-content: center;
		align-items: center;
		border-radius: 50px;
		background: #fff;
		color: #111;
		text-align: center;
		font-family: 'NanumSquare Neo';
		font-size: 18px;
		font-style: normal;
		font-weight: 800;
		line-height: 130%;
		letter-spacing: -0.48px;
		overflow: hidden;
		position: relative;
	}
	.btn-apply span {
		display: block;
		transition:
			transform 0.35s cubic-bezier(0.4, 0, 0.2, 1),
			opacity 0.35s;
	}
	.btn-apply .text-default {
		position: relative;
	}
	.btn-apply .text-hover {
		position: absolute;
		left: 50%;
		transform: translateX(-50%) translateY(100%);
		white-space: nowrap;
		opacity: 0;
	}
	.btn-apply:hover .text-default {
		transform: translateY(-100%);
		opacity: 0;
	}
	.btn-apply:hover .text-hover {
		transform: translateX(-50%) translateY(0);
		opacity: 1;
	}

	/* why 섹션 */
	.why-section {
		position: relative;
		height: 100%;
		background-color: #030303;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.why-section .inner {
		width: 100%;
		height: 100%;
		padding: 60px 20px;
	}
	@keyframes floatUpDown {
		0%,
		100% {
			transform: translateY(0);
		}
		50% {
			transform: translateY(-7px);
		}
	}
	.why-section .scroll-down {
		position: absolute;
		bottom: 23px;
		left: 50%;
		transform: translateX(-50%);
		animation: floatUpDown 3s ease-in-out infinite;
	}
	.why-section p {
		color: #fff;
		text-align: center;
		font-family: 'NanumSquare Neo';
		font-size: 13px;
		font-style: normal;
		font-weight: 400;
		line-height: 180%; /* 37.8px */
	}
	.why-section p b {
		display: block;
	}
	.why-section p span {
		color: #fff;
		font-family: 'NanumSquare Neo';
		font-size: 13px;
		font-style: normal;
		font-weight: 800;
		line-height: 180%;
	}
	.why-section .why-wrap p {
		color: #fff;
		text-align: center;
		font-family: 'NanumSquare Neo';
		font-size: 13px;
		font-style: normal;
		font-weight: 700;
		line-height: 190%; /* 43.7px */
		letter-spacing: -0.46px;
	}
	.why-section .text-wrap {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
		gap: 15px;
		margin: 0 auto;
	}
	.why-section .text-wrap > img {
		height: 20px;
	}
	.why-section .text-wrap span {
		width: calc(100% - 1000px);
		height: 1px;
		background-color: #fff;
		margin-left: 40px;
		margin-right: 37px;
		display: none;
	}
	.why-section .text-wrap p {
		text-align: right;
		font-family: 'NanumSquare Neo';
		font-size: 20px;
		font-style: normal;
		font-weight: 800;
		line-height: 130%; /* 49.4px */
		letter-spacing: -0.76px;
		color: #fff;
	}

	.why-wrap {
		position: relative;
		width: 100%;
		height: auto;
		text-align: center;
		margin: 50px auto;
	}
	.why-wrap::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		background: url('/assets/images/why-line-left.svg') center/contain no-repeat;
		width: 20px;
		height: 190px;
	}
	.why-wrap:after {
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		background: url('/assets/images/why-line-right.svg') center/contain
			no-repeat;
		width: 20px;
		height: 190px;
	}

	.why-stage {
		position: relative;
		height: 90px;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 15px;
	}

	.why-stage span {
		position: absolute;
		font-size: 72px;
		opacity: 0;
		pointer-events: none;
	}

	.why-stage span:nth-child(1) {
		font-family: 'Playfair Display', serif;
		font-style: italic;
		color: #1a1a1a;
	}

	.why-stage span:nth-child(2) {
		font-family: 'Montserrat', sans-serif;
		font-weight: 700;
		color: #4f46e5;
	}

	.why-stage span:nth-child(3) {
		font-family: 'Dancing Script', cursive;
		font-weight: 700;
		color: #e5464f;
	}
	.why-wrap p {
		font-family: 'Montserrat', sans-serif;
		font-size: 15px;
		color: #666;
		line-height: 1.8;
		max-width: 500px;
		margin: 0 auto;
	}

	/* 준비 섹션 */
	.ready-section {
		padding: 60px 20px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.ready-section .inner {
		width: 100%;
	}
	.ready-section .inner > p {
		color: #111;
		font-family: 'NanumSquare Neo';
		font-size: 24px;
		font-style: normal;
		font-weight: 400;
		line-height: 130%;
		letter-spacing: -0.88px;
		margin-bottom: 25px;
		text-align: center;
	}
	.ready-section .inner > p > span {
		display: block;
		color: #111;
		font-family: 'NanumSquare Neo';
		font-size: 24px;
		font-style: normal;
		font-weight: 900;
		line-height: 130%; /* 57.2px */
		letter-spacing: -0.88px;
	}
	.ready-section .ready-wrap {
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-wrap: wrap;
		gap: 10px;
		margin-bottom: 30px;
	}
	.ready-section .ready-wrap > div {
		position: relative;
		width: 100%;
		height: 230px;
		flex-shrink: 0;
	}
	.ready-section .ready-wrap > div > div {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 100%;
		height: 230px;
		backdrop-filter: blur(0px);
		overflow: hidden;
		transition: backdrop-filter 0.4s ease;
	}
	.ready-section .ready-wrap > div:first-child > div {
		background: url('/assets/images/ready-bg-left.png') center/cover no-repeat;
	}
	.ready-section .ready-wrap > div:last-child > div {
		background: url('/assets/images/ready-bg-right.png') center/cover no-repeat;
	}
	.ready-section .ready-wrap > div > div::before {
		content: '';
		position: absolute;
		inset: 0;
		background: rgba(0, 0, 0, 0.7);
		opacity: 0;
		transition: opacity 0.4s ease;
	}
	.ready-section .ready-wrap > div:hover > div {
		backdrop-filter: blur(10px);
	}
	.ready-section .ready-wrap > div:hover > div::before {
		opacity: 1;
	}

	.ready-section .ready-wrap > div::after {
		display: none;
	}
	.ready-section .ready-wrap > div:hover::after {
		display: none;
	}
	.ready-section .ready-wrap > div .box-wrap {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: 1;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
	}
	.ready-section .ready-wrap > div .box-wrap svg {
		color: #fff;
		transition: color 0.4s ease;
	}
	.ready-section .ready-wrap > div:hover .box-wrap svg {
		color: #dcff05;
	}
	.ready-section .ready-wrap > div .box-wrap strong {
		display: block;
		width: 100%;
		color: #fff;
		text-align: center;
		font-family: 'NanumSquare Neo';
		font-size: 13px;
		font-style: normal;
		font-weight: 800;
		line-height: 130%; /* 31.2px */
		letter-spacing: -0.48px;
		margin: 20px auto 10px;
	}
	.ready-section .ready-wrap > div .box-wrap p {
		color: #fff;
		text-align: center;
		font-family: 'NanumSquare Neo';
		font-size: 13px;
		font-style: normal;
		font-weight: 400;
		line-height: 180%; /* 30.6px */
		letter-spacing: -0.34px;
		opacity: 0;
		max-height: 0;
		overflow: hidden;
		transform: translateY(30px);
		transition:
			opacity 0.7s,
			max-height 0.7s,
			transform 0.7s;
	}
	.ready-section .ready-wrap > div:hover .box-wrap p {
		opacity: 1;
		max-height: 200px;
		transform: translateY(0);
	}

	.ready-section .btn-apply {
		margin: 0 auto;
		background: #030303;
		color: #fff;
	}

	/* 탭 섹션 */
	.tab-section {
		background: #f7f7f7;
	}
	.tab-section .inner {
		width: 100%;
		margin: 0 auto;
		padding: 60px 20px;
	}
	.tab-section .inner .notice {
		display: block;
		width: 100%;
		color: #777;
		text-align: center;
		font-family: 'NanumSquare Neo';
		font-size: 13px;
		font-style: normal;
		font-weight: 400;
		line-height: 130%; /* 20.8px */
		letter-spacing: -0.32px;
		margin-top: 10px;
	}
	.tab-section h2 {
		color: #111;
		font-family: 'NanumSquare Neo';
		font-size: 24px;
		font-style: normal;
		font-weight: 900;
		line-height: 130%; /* 57.2px */
		letter-spacing: -0.88px;
		margin-bottom: 25px;
		text-align: center;
	}
	.tab-description {
		display: none;
		color: #111;
		text-align: center;
		font-family: 'NanumSquare Neo';
		font-size: 15px;
		font-style: normal;
		font-weight: 700;
		line-height: 130%; /* 26px */
		letter-spacing: -0.6px;
		margin: 20px auto;
	}

	/* 탭 버튼 영역 */
	.tab-buttons {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 3px;
		margin-bottom: 25px;
	}

	.tablinks {
		display: flex;
		width: 100%;
		height: 100px;
		padding: 10px;
		justify-content: center;
		align-items: center;
		color: #888;
		font-family: 'NanumSquare Neo';
		font-size: 15px;
		font-style: normal;
		font-weight: 800;
		line-height: 130%; /* 26px */
		letter-spacing: -0.4px;
	}

	.tablinks:hover {
		color: #fff;
		background: linear-gradient(
			270deg,
			#7850ff 9%,
			#734ffc 25%,
			#664ef6 41%,
			#504ced 59%,
			#324adf 77%,
			#0b46cd 95%,
			#0046c8 100%
		);
	}

	.tablinks.active {
		color: #fff;
		background: linear-gradient(
			270deg,
			#7850ff 9%,
			#734ffc 25%,
			#664ef6 41%,
			#504ced 59%,
			#324adf 77%,
			#0b46cd 95%,
			#0046c8 100%
		);
	}

	/* 탭 콘텐츠 */
	.tabcontent {
		display: none;
		padding: 0 4px;
		animation: fadeIn 0.25s ease;
	}

	.tabcontent.active {
		display: block;
	}

	@keyframes fadeIn {
		from {
			opacity: 0;
			transform: translateY(6px);
		}
		to {
			opacity: 1;
			transform: translateY(0);
		}
	}

	.tabcontent ul li {
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		margin-bottom: 5px;
		cursor: pointer;
	}
	.tabcontent ul li::after {
		content: '';
		position: absolute;
		top: 48px;
		right: 10px;
		background: url('/assets/images/tab-arrow.svg') center/contain no-repeat;
		width: 19px;
		height: 20px;
	}
	.tabcontent ul li:last-child {
		margin-bottom: 0;
	}
	.tabcontent ul li .tab-time {
		display: flex;
		width: 100%;
		height: 30px;
		padding: 10px;
		justify-content: center;
		align-items: center;
		background: #030303;
	}
	.tabcontent ul li .tab-time > p {
		color: #fff;
		font-family: 'NanumSquare Neo';
		font-size: 13px;
		font-style: normal;
		font-weight: 800;
		line-height: 130%; /* 23.4px */
		letter-spacing: -0.36px;
	}
	.tabcontent ul li .tab-text {
		display: flex;
		flex: 1;
		padding: 20px 30px 20px 20px;
		flex-direction: column;
		align-items: flex-start;
		background: #fff;
	}
	.tabcontent ul li .tab-text strong {
		display: block;
		width: 100%;
		font-family: 'NanumSquare Neo';
		font-size: 15px;
		font-style: normal;
		font-weight: 900;
		line-height: 130%; /* 23.4px */
		letter-spacing: -0.36px;
		color: #7850ff;
		margin-bottom: 15px;
	}
	.tabcontent ul li .tab-text p {
		color: #111;
		font-family: 'NanumSquare Neo';
		font-size: 13px;
		font-style: normal;
		font-weight: 700;
		line-height: 130%; /* 23.4px */
		letter-spacing: -0.36px;
		margin-bottom: 10px;
	}
	.tabcontent ul li .tab-text span {
		display: block;
		width: 100%;
		color: #777;
		font-family: 'NanumSquare Neo';
		font-size: 13px;
		font-style: normal;
		font-weight: 400;
		line-height: 130%; /* 20.8px */
		letter-spacing: -0.32px;
	}
	.tabcontent ul li .tab-text .tab-profile {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		flex-wrap: wrap;
		width: 100%;
		gap: 5px;
	}
	.tabcontent ul li .tab-text .tab-profile svg {
		display: none;
	}
	.tabcontent ul li .tab-text .tab-profile .tab-name {
		width: 100%;
		color: #111;
		font-family: 'NanumSquare Neo';
		font-size: 13px;
		font-style: normal;
		font-weight: 400;
		line-height: 130%;
		letter-spacing: -0.52px;
	}
	.tabcontent ul li .tab-text .tab-profile .tab-job {
		position: relative;
		padding-left: 6px;
		color: #777;
		font-family: 'NanumSquare Neo';
		font-size: 13px;
		font-style: normal;
		font-weight: 400;
		line-height: 130%;
		letter-spacing: -0.52px;
	}
	/* .tabcontent ul li .tab-text .tab-profile .tab-job:before {
    content: "";
    position: absolute;
    top: 2px;
    left: 3px;
    transform: translateY(0);
    width: 1px;
    height: 10px;
  } */

	/* 팝업 오버레이 */
	.popup-overlay {
		display: none;
		position: fixed;
		inset: 0;
		background: rgba(0, 0, 0, 0.5);
		z-index: 1000;
		align-items: center;
		justify-content: center;
	}

	.popup-overlay.open {
		display: flex;
		animation: fadeInBg 0.25s ease;
	}

	@keyframes fadeInBg {
		from {
			opacity: 0;
		}
		to {
			opacity: 1;
		}
	}

	/* 팝업 */
	.popup {
		background: #fff;
		padding: 0 20px;
		width: 100%;
		height: auto;
		max-height: 500px;
		max-width: calc(100vw - 40px);
		position: relative;
		animation: slideUp 0.3s cubic-bezier(0.34, 1.2, 0.64, 1);
		box-shadow: 0 0 15px 0 rgba(170, 170, 170, 0.5);
	}

	.popup:before {
		content: '';
		display: block;
		position: sticky;
		top: 0;
		left: 0;
		width: 100%;
		height: 20px;
		background: #fff;
		z-index: 1;
	}
	.popup:after {
		content: '';
		display: block;
		position: sticky;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 20px;
		background: #fff;
		z-index: 1;
	}
	@keyframes slideUp {
		from {
			opacity: 0;
			transform: translateY(24px) scale(0.97);
		}
		to {
			opacity: 1;
			transform: translateY(0) scale(1);
		}
	}

	/* 닫기 버튼 */
	.popup-close {
		margin-bottom: 10px;
	}

	.popup-title {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		gap: 5px;
		margin-bottom: 20px;
	}
	.popup-title p {
		color: #fff;
		font-family: 'NanumSquare Neo';
		font-size: 13px;
		font-style: normal;
		font-weight: 800;
		line-height: 130%; /* 22.1px */
		letter-spacing: -0.34px;
	}
	.popup-title .popup-tab-title p {
		letter-spacing: -1.14px;
	}

	.popup-title .popup-time {
		display: inline-flex;
		height: 35px;
		padding: 5px;
		min-width: 100px;
		justify-content: center;
		align-items: center;
		background: #030303;
	}
	.popup-title .popup-tab-title {
		display: inline-flex;
		height: 35px;
		padding: 5px;
		justify-content: center;
		align-items: center;
		background: #7850ff;
	}

	.popup-contents {
		margin-bottom: 10px;
	}
	.popup-contents p {
		color: #111;
		font-family: 'NanumSquare Neo';
		font-size: 15px;
		font-style: normal;
		font-weight: 800;
		line-height: 170%; /* 32.3px */
		letter-spacing: -0.38px;
		margin-bottom: 10px;
	}
	.popup-contents span {
		color: #777;
		font-family: 'NanumSquare Neo';
		font-size: 13px;
		font-style: normal;
		font-weight: 400;
		line-height: 180%; /* 28.8px */
		letter-spacing: -0.32px;
	}

	.popup-profile {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		width: 100%;
		height: auto;
		padding: 20px 10px;
		border-radius: 5px;
		gap: 10px;
		background: #f7f7f7 url('/assets/images/popup-bg.svg') right bottom / 90px
			no-repeat;
	}

	.popup-profile .img-wrap {
		width: 80px;
		height: 80px;
		min-width: 80px;
		border-radius: 100%;
		background-color: #d9d9d9;
		overflow: hidden;
		position: relative;
	}

	.popup-profile .img-wrap img {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.popup-profile .profile-wrap .popup-profile-name {
		color: #111;
		font-family: 'NanumSquare Neo';
		font-size: 15px;
		font-style: normal;
		font-weight: 800;
		line-height: 130%; /* 26px */
		letter-spacing: -0.4px;
		margin-bottom: 5px;
	}

	.popup-profile .profile-wrap .popup-profile-role {
		color: #111;
		font-family: 'NanumSquare Neo';
		font-size: 13px;
		font-style: normal;
		font-weight: 400;
		line-height: 130%; /* 22.1px */
		letter-spacing: -0.34px;
		margin-bottom: 10px;
	}

	.popup-profile .profile-wrap .popup-profile-context {
		margin-top: 10px;
		color: #666;
		font-family: 'NanumSquare Neo';
		font-size: 13px;
		font-style: normal;
		font-weight: 400;
		line-height: 170%; /* 27.2px */
		letter-spacing: -0.32px;
	}

	/* 슬라이드 섹션 */
	.slider-section {
		display: flex;
		justify-content: center;
		padding: 60px 20px;
	}

	.slider-section > .inner {
		position: relative;
		width: 90%;
		margin-bottom: 60px;
	}
	.slider-section > .inner h2 {
		color: #111;
		font-family: 'NanumSquare Neo';
		font-size: 24px;
		font-style: normal;
		font-weight: 900;
		line-height: 130%; /* 57.2px */
		letter-spacing: -0.88px;
		margin-bottom: 25px;
		text-align: center;
	}
	.swiper {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}

	.swiper-slide {
		display: flex;
		padding: 30px 0;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		gap: 35px;
		transition: background 0.3s ease;
	}
	.swiper-slide:hover {
		background: #000;
	}
	.swiper-slide:hover p {
		background: linear-gradient(
			270deg,
			#dcff05 0%,
			#dafb09 12%,
			#d5f216 24%,
			#cce32c 37%,
			#c0ce4a 51%,
			#b0b271 64%,
			#9d91a1 78%,
			#866ad9 92%,
			#7850ff 100%
		);
		background-clip: text;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
	.swiper-slide:hover strong {
		color: #fff;
	}
	.swiper-slide:hover span {
		color: #999;
	}

	.swiper-slide .img-wrap {
		position: relative;
		width: 150px;
		height: 150px;
		border-radius: 100%;
		overflow: hidden;
		background: #ddd;
		margin-bottom: 20px;
	}
	.swiper-slide .img-wrap img {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.swiper-slide p {
		color: #111;
		font-family: 'NanumSquare Neo';
		font-size: 18px;
		font-style: normal;
		font-weight: 900;
		line-height: 130%; /* 27.3px */
		letter-spacing: -0.42px;
		margin-bottom: 15px;
		text-align: center;
	}

	.swiper-slide strong {
		display: block;
		width: 100%;
		color: #111;
		text-align: center;
		font-family: 'NanumSquare Neo';
		font-size: 15px;
		font-style: normal;
		font-weight: 700;
		line-height: 130%; /* 24.7px */
		letter-spacing: -0.38px;
		margin-bottom: 10px;
	}
	.swiper-slide span {
		display: block;
		width: 100%;
		color: #111;
		text-align: center;
		font-family: 'NanumSquare Neo';
		font-size: 13px;
		font-style: normal;
		font-weight: 400;
		line-height: 130%; /* 20.8px */
		letter-spacing: -0.32px;
	}
	.swiper-button-prev {
		top: calc(50% + 57px) !important;
		left: -25px !important;
		transform: translateY(-50%);
		width: 18px;
		height: 36px;
	}
	.swiper-button-next {
		top: calc(50% + 57px) !important;
		right: -25px !important;
		transform: translateY(-50%);
		width: 18px;
		height: 36px;
	}
	.swiper-pagination {
		position: absolute;
		bottom: -40px !important;
		left: 0;
		width: 100%;
		text-align: center;
	}
	.swiper-pagination-bullet {
		transition:
			width 1s cubic-bezier(0.25, 1, 0.5, 1),
			border-radius 1s cubic-bezier(0.25, 1, 0.5, 1),
			background 1s cubic-bezier(0.25, 1, 0.5, 1);
		transform-origin: left center;
	}
	.swiper-pagination-bullet-active {
		width: 42px;
		height: 8px;
		border-radius: 99px;
		background: #030303;
		animation: bulletExpand 1s cubic-bezier(0.25, 1, 0.5, 1) forwards;
	}
	@keyframes bulletExpand {
		from {
			width: 8px;
		}
		to {
			width: 42px;
		}
	}

	/* 경품 아이템 섹션 */
	.item-section {
		position: relative;
		background-color: #030303;
	}
	.item-section .inner {
		width: 100%;
		margin: 0 auto;
		padding: 60px 20px;
	}
	.item-section .inner > p {
		color: #fff;
		font-family: 'NanumSquare Neo';
		font-size: 24px;
		font-style: normal;
		font-weight: 400;
		line-height: 130%;
		letter-spacing: -0.88px;
		margin-bottom: 25px;
		text-align: center;
	}
	.item-section .inner .notice {
		display: block;
		color: #fff;
		font-family: 'NanumSquare Neo';
		font-size: 13px;
		font-style: normal;
		font-weight: 400;
		line-height: 130%;
		letter-spacing: -0.32px;
		text-align: center;
		margin-top: 10px;
	}
	.item-section .inner > p > span {
		color: #fff;
		font-family: 'NanumSquare Neo';
		font-size: 24px;
		font-style: normal;
		font-weight: 900;
		line-height: 130%; /* 57.2px */
		letter-spacing: -0.88px;
	}
	.item-wrap {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
		gap: 15px;
		margin-bottom: 10px;
	}
	.item-wrap:last-child {
		margin-bottom: 0;
	}
	.item-wrap:last-child > li:first-child {
		flex: 1;
		width: 930px;
	}
	.item-wrap li {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		flex-wrap: wrap;
		width: 100%;
		border: 1px solid rgba(255, 255, 255, 0.2);
		background: #030303;
		padding: 20px;
		height: 290px;
		position: relative;
		transform: translateZ(0);
		transition:
			border-color 0.4s ease,
			box-shadow 0.4s ease;
		text-align: center;
	}
	.item-wrap li::before {
		content: '';
		position: absolute;
		inset: -1px;
		border-radius: inherit;
		padding: 1px;
		background: linear-gradient(
			270deg,
			#dcff05 0.01%,
			#dafb09 12%,
			#d5f216 24%,
			#cce32c 37%,
			#c0ce4a 51%,
			#b0b271 64%,
			#9d91a1 78%,
			#866ad9 92%,
			#7850ff 99.99%
		);
		-webkit-mask:
			linear-gradient(#fff 0 0) content-box,
			linear-gradient(#fff 0 0);
		mask:
			linear-gradient(#fff 0 0) content-box,
			linear-gradient(#fff 0 0);
		-webkit-mask-composite: xor;
		mask-composite: exclude;
		opacity: 0;
		transition: opacity 0.4s ease;
	}
	.item-wrap li:hover {
		border-color: transparent;
	}
	.item-wrap li:hover::before {
		opacity: 1;
	}
	.item-wrap li .img-wrap {
		height: 87px;
		margin: 0 auto 25px;
	}
	.item-wrap li .img-wrap > img {
		height: 100%;
	}
	.item-wrap li p {
		width: 100%;
		color: #fff;
		font-family: 'NanumSquare Neo';
		font-size: 15px;
		font-style: normal;
		font-weight: 800;
		line-height: 150%; /* 31.2px */
		letter-spacing: -0.72px;
		margin-bottom: 10px;
	}
	.item-wrap li em {
		display: block;
		margin-top: 4px;
		padding-left: 0;
		font-family: 'NanumSquare Neo';
		font-size: 15px;
		font-style: normal;
		font-weight: 700;
		line-height: 150%; /* 23.4px */
		letter-spacing: -0.54px;
		background: linear-gradient(
			270deg,
			#dcff05 0.01%,
			#dafb09 12%,
			#d5f216 24%,
			#cce32c 37%,
			#c0ce4a 51%,
			#b0b271 64%,
			#9d91a1 78%,
			#866ad9 92%,
			#7850ff 99.99%
		);
		background-clip: text;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
	.item-wrap li span {
		display: block;
		width: 100%;
		color: #fff;
		font-family: 'NanumSquare Neo';
		font-size: 13px;
		font-style: normal;
		font-weight: 300;
		line-height: 180%; /* 30.6px */
		letter-spacing: -0.51px;
		opacity: 0.6;
	}

	.item-section .text-bg {
		position: absolute;
		bottom: -20px;
		left: 0;
		width: 100%;
		text-align: center;
		pointer-events: none;
		overflow: hidden;
		display: none;
	}
	.item-section .text-bg p {
		color: #fff;
		font-family: 'NanumSquare Neo';
		font-size: 106px;
		font-style: normal;
		font-weight: 900;
		line-height: 170%; /* 180.2px */
		letter-spacing: -2.12px;
		opacity: 0.04;
		white-space: nowrap;
	}

	/* 맵 섹션 */
	.cont,
	.wrap_controllers,
	.wrap_btn_zoom {
		display: none !important;
	}
	.root_daum_roughmap {
		width: 100% !important;
		max-width: 90%;
	}
	.root_daum_roughmap .canvas {
		width: 90% !important;
	}
	.root_daum_roughmap .wrap_map {
		height: 200px !important; /* 원하는 높이 */
	}

	.map-section {
		background: #030303;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 0 20px;
	}
	.map-section .inner {
		width: 100%;
		padding-bottom: 60px;
	}
	.map-section .inner h2 {
		color: #fff;
		font-family: 'NanumSquare Neo';
		font-size: 24px;
		font-style: normal;
		font-weight: 900;
		line-height: 130%; /* 57.2px */
		letter-spacing: -0.88px;
		margin-bottom: 25px;
		text-align: center;
	}
	.map-section .inner .map {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
	}
	.map-contents {
		position: static;
		bottom: 0;
		left: 0;
		transform: translateX(0);
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-wrap: wrap;
		background: #030303;
		backdrop-filter: blur(10px);
		width: 100%;
		height: 100%;
		z-index: 1;
		padding: 20px 0 0;
		gap: 30px;
	}
	.map-contents .map-info-left > div {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		flex-wrap: wrap;
		margin-bottom: 15px;
	}
	.map-contents .map-info-left > div > img {
		width: 15px;
	}
	.map-contents .map-info-left > div:last-child {
		margin-bottom: 0;
	}
	.map-contents .map-info-left > div span {
		color: #fff;
		font-family: 'NanumSquare Neo';
		font-size: 13px;
		font-style: normal;
		font-weight: 800;
		line-height: 130%; /* 26px */
		letter-spacing: -0.4px;
		padding-left: 5px;
		min-width: auto;
	}
	.map-contents .map-info-left > div p {
		color: #fff;
		font-family: 'NanumSquare Neo';
		font-size: 13px;
		font-style: normal;
		font-weight: 400;
		line-height: 130%; /* 22.1px */
		letter-spacing: -0.6px;
		padding-left: 5px;
	}
	.map-contents .map-info-right a {
		display: flex;
		width: 190px;
		height: 45px;
		padding: 9px 30px;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		border-radius: 99px;
		background: #fff;
		color: #030303;
		font-family: 'NanumSquare Neo';
		font-size: 18px;
		font-style: normal;
		font-weight: 800;
		line-height: 130%; /* 23.4px */
		letter-spacing: -0.36px;
		margin-bottom: 22px;
		margin-right: auto;
		margin-left: auto;
	}

	.map-contents .map-info-right p {
		color: #fff;
		font-family: 'NanumSquare Neo';
		font-size: 13px;
		font-style: normal;
		font-weight: 400;
		line-height: 130%; /* 20.8px */
		letter-spacing: -0.32px;
		opacity: 0.6;
	}

	/* YouTube 섹션 */
	.youtube-section .inner {
		width: 100%;
		margin: 0 auto;
		padding: 60px 20px 44px;
	}
	.youtube-section h2 {
		color: #111;
		font-family: 'NanumSquare Neo';
		font-size: 24px;
		font-style: normal;
		font-weight: 900;
		line-height: 130%; /* 57.2px */
		letter-spacing: -0.88px;
		margin-bottom: 25px;
		text-align: center;
	}
	.youtube-section ul {
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
		list-style: none;
	}

	.youtube-section ul li {
		position: relative;
		width: 100%;
		flex: auto;
	}
	.youtube-section ul li > p {
		display: flex;
		height: 45px;
		padding: 10px;
		justify-content: center;
		align-items: center;
		background: #111;
		backdrop-filter: blur(2px);
		color: #fff;
		font-family: 'NanumSquare Neo';
		font-size: 15px;
		font-style: normal;
		font-weight: 800;
		line-height: 130%; /* 26px */
		letter-spacing: -0.4px;
	}

	.youtube-item {
		flex: 1;
		cursor: pointer;
	}

	.youtube-thumb {
		position: relative;
		aspect-ratio: 16 / 9;
		overflow: hidden;
		background: #000;
	}

	.youtube-thumb img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		display: block;
		transition: opacity 0.2s;
	}

	.youtube-item:hover .youtube-thumb img {
		opacity: 0.8;
	}

	.youtube-play-btn {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 64px;
		height: 64px;
		background: rgba(0, 0, 0, 0.7);
		border-radius: 50%;
		pointer-events: none;
	}

	.youtube-play-btn::after {
		content: '';
		position: absolute;
		top: 50%;
		left: 55%;
		transform: translate(-50%, -50%);
		border-style: solid;
		border-width: 10px 0 10px 20px;
		border-color: transparent transparent transparent #fff;
	}

	.youtube-item iframe {
		width: 100%;
		aspect-ratio: 16 / 9;
		display: block;
	}

	/* faq 섹션 */
	.faq-section {
		background: #f7f7f7;
		padding: 60px 20px;
	}
	.faq-section .inner {
		width: 100%;
		margin: 0 auto;
	}
	.faq-section h2 {
		color: #111;
		font-family: 'NanumSquare Neo';
		font-size: 24px;
		font-style: normal;
		font-weight: 900;
		line-height: 130%; /* 57.2px */
		letter-spacing: -0.88px;
		margin-bottom: 25px;
		text-align: center;
	}

	.faq-list li {
		border-bottom: 1px solid #e0e0e0;
	}

	.faq-question {
		position: relative;
		display: flex;
		justify-content: space-between;
		align-items: center;
		cursor: pointer;
		user-select: none;
		transition: color 0.2s;
	}

	.faq-question:after {
		content: '';
		position: absolute;
		top: 50%;
		right: 20px;
		width: 11px;
		height: 26px;
		transform: translateY(-50%);
		background: url('/assets/images/faq-arrow.svg') no-repeat center;
	}
	.faq-question.active:after {
		content: '';
		position: absolute;
		top: 50%;
		right: 20px;
		width: 11px;
		height: 26px;
		transform: translateY(-50%);
		background: url('/assets/images/faq-arrow-on.svg') no-repeat center;
	}

	.faq-question .faq-title {
		display: flex;
		width: 100%;
		height: 60px;
		padding: 10px 40px 10px 20px;
		justify-content: flex-start;
		align-items: center;
		align-self: stretch;
		border-top: 1px solid #ddd;
		background: #fff;
		gap: 15px;
	}
	.faq-question.active .faq-title {
		background: #000;
	}

	.faq-question .faq-title b {
		color: #111;
		font-family: 'NanumSquare Neo';
		font-size: 15px;
		font-style: normal;
		font-weight: 900;
		line-height: 130%; /* 23.4px */
	}
	.faq-question.active .faq-title b {
		color: #dcff05;
	}
	.faq-question .faq-title p {
		color: #111;
		font-family: 'NanumSquare Neo';
		font-size: 15px;
		font-style: normal;
		font-weight: 700;
		line-height: 130%; /* 23.4px */
		letter-spacing: -0.36px;
	}
	.faq-question.active .faq-title p {
		color: #fff;
	}

	.faq-question:hover {
		color: #4f46e5;
	}

	.faq-question.active {
		color: #4f46e5;
	}

	.faq-question.active .faq-icon {
		transform: rotate(180deg);
	}

	.faq-answer {
		display: grid;
		grid-template-rows: 0fr;
		transition:
			grid-template-rows 0.4s cubic-bezier(0.4, 0, 0.2, 1),
			padding 0.4s cubic-bezier(0.4, 0, 0.2, 1);
		padding: 0 20px;
		overflow: hidden;
	}
	.faq-answer.open {
		grid-template-rows: 1fr;
		padding: 15px 20px;
	}

	.faq-answer > .faq-answer-inner {
		overflow: hidden;
	}

	.faq-answer .faq-answer-inner {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		gap: 15px;
	}
	.faq-answer .faq-answer-inner b {
		color: #666;
		font-family: 'NanumSquare Neo';
		font-size: 14px;
		font-style: normal;
		font-weight: 900;
		line-height: 140%; /* 23.4px */
	}
	.faq-answer .faq-answer-inner p {
		color: #000;
		font-family: 'NanumSquare Neo';
		font-size: 14px;
		font-style: normal;
		font-weight: 400;
		line-height: 140%; /* 23.4px */
		letter-spacing: -0.36px;
	}

	/* 로고 섹션 */
	.js-slider-wrap {
		overflow: hidden;
		width: 100%;
		background: #fff;
		position: relative;
		margin-bottom: 35px;
	}
	.js-slider-wrap:last-child {
		margin-bottom: 0;
	}
	.js-slider-wrap::before,
	.js-slider-wrap::after {
		content: '';
		position: absolute;
		top: 0;
		width: 120px;
		height: 100%;
		z-index: 2;
		pointer-events: none;
	}
	.js-slider-wrap::before {
		left: 0;
		background: linear-gradient(to right, #fff 0%, transparent 100%);
	}
	.js-slider-wrap::after {
		right: 0;
		background: linear-gradient(to left, #fff 0%, transparent 100%);
	}
	.js-slider-track {
		display: flex;
		will-change: transform;
		gap: 0;
	}
	.js-slider-item {
		flex-shrink: 0;
		width: 150px;
		height: 70px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.js-slider-item img {
		height: 50px;
		/* filter: grayscale(100%);
  opacity: 0.6; */
		transition:
			filter 0.3s,
			opacity 0.3s;
	}
	.js-slider-item img:hover {
		filter: grayscale(0%);
		opacity: 1;
	}
	.logo-section {
		padding: 60px 0;
	}
	.logo-section h2 {
		color: #111;
		font-family: 'NanumSquare Neo';
		font-size: 24px;
		font-style: normal;
		font-weight: 900;
		line-height: 130%; /* 57.2px */
		letter-spacing: -0.88px;
		margin-bottom: 25px;
		text-align: center;
	}
	.logo-section p {
		color: #555;
		text-align: center;
		font-family: 'NanumSquare Neo';
		font-size: 15px;
		font-style: normal;
		font-weight: 700;
		line-height: 180%; /* 36px */
		letter-spacing: -0.6px;
		margin-bottom: 40px;
	}

	/* 풋터 */
	footer {
		display: flex;
		width: 100%;
		height: 70px;
		justify-content: center;
		align-items: center;
		background: #000;
	}
	footer p {
		color: #fff;
		font-family: 'NanumSquare Neo';
		font-size: 13px;
		font-style: normal;
		font-weight: 400;
		line-height: 130%; /* 19.5px */
		opacity: 0.5;
		text-align: center;
	}
	/* 참가신청완료 */
	.complete-section {
		position: relative;
		height: 100vh;
	}
	.complete-section .inner {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	.complete-section > img {
		display: none;
	}
	.complete-wrap {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
	}
	.complete-wrap p {
		width: 100%;
		color: #fff;
		text-align: center;
		font-family: 'NanumSquare Neo';
		font-size: 24px;
		font-style: normal;
		font-weight: 800;
		line-height: 130%; /* 26px */
		letter-spacing: -0.52px;
		text-align: center;
		margin: 10px 0 24px;
	}
	.complete-wrap .btn-apply {
		display: flex;
		width: 300px;
		height: 45px;
		padding: 12px 0;
		justify-content: center;
		align-items: center;
		gap: 10px;
		border-radius: 50px;
		background: #fff;
		font-size: 15px;
	}

	/* 모바일 햄버거 헤더 */
	.mobile-header {
		display: flex;
		align-items: center;
		justify-content: space-between;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 54px;
		padding: 0 20px;
		background: rgba(0, 0, 0, 0.7);
		backdrop-filter: blur(8px);
		z-index: 2000;
		box-sizing: border-box;
	}

	.mobile-header-logo img {
		height: 28px;
		display: block;
	}

	/* 햄버거 버튼 */
	.hamburger-btn {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		gap: 5px;
		width: 36px;
		height: 36px;
		background: none;
		border: none;
		cursor: pointer;
		padding: 4px;
	}

	.hamburger-btn span {
		display: block;
		width: 24px;
		height: 2px;
		background: #fff;
		border-radius: 2px;
		transition:
			transform 0.3s,
			opacity 0.3s;
		transform-origin: center;
	}

	.hamburger-btn.is-open span:nth-child(1) {
		transform: translateY(7px) rotate(45deg);
	}
	.hamburger-btn.is-open span:nth-child(2) {
		opacity: 0;
	}
	.hamburger-btn.is-open span:nth-child(3) {
		transform: translateY(-7px) rotate(-45deg);
	}

	/* 전체화면 메뉴 오버레이 */
	.mobile-menu-overlay {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
		position: fixed;
		top: 52px;
		left: 0;
		width: 100%;
		height: calc(100% - 52px);
		background: rgba(0, 0, 0, 0.7);
		backdrop-filter: blur(8px);
		z-index: 1999;
		opacity: 0;
		pointer-events: none;
		transition: opacity 0.3s;
		box-sizing: border-box;
	}

	.mobile-menu-overlay.is-open {
		opacity: 1;
		pointer-events: all;
	}

	.mobile-menu-close {
		display: none;
	}

	.mobile-menu-nav ul {
		list-style: none;
		margin: 0;
		padding: 0;
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 28px;
	}

	.mobile-menu-nav ul li a {
		color: #fff;
		font-size: 28px;
		font-weight: 700;
		letter-spacing: 2px;
		text-decoration: none;
		transition: color 0.2s;
	}

	.mobile-menu-nav ul li a:hover {
		color: #7850ff;
	}

	/* 모바일 메뉴 내 캘린더 버튼 */
	.mobile-menu-calendar {
		position: absolute;
		top: 80%;
		left: 50%;
		transform: translate(-50%, -50%);
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 12px;
		margin-top: 32px;
	}

	.mobile-menu-calendar .cal-btn {
		width: 220px;
		padding: 13px 0;
		border-radius: 6px;
		border: 1px solid rgba(255, 255, 255, 0.3);
		background: transparent;
		color: #fff;
		font-size: 15px;
		font-weight: 600;
		cursor: pointer;
		letter-spacing: 0.5px;
		transition:
			background 0.2s,
			border-color 0.2s;
	}

	.mobile-menu-calendar .cal-btn:hover {
		background: #7850ff;
		border-color: #7850ff;
	}
}
