/* Meet-Up (Figma cont 7994:8965) */
#sub_content:has(.mu) {padding: 6.25rem 0 10rem; background: #fff;}

.mu,
.mu p,
.mu li,
.mu_hist_wrap,
.mu_hist_wrap p {word-break: keep-all;}
.mu {display: flex; flex-direction: column; align-items: center; gap: 3.75rem; width: 100%;}
.mu_head {display: flex; flex-direction: column; align-items: center; gap: 2.5rem; width: 100%;}
.mu_intro {display: flex; flex-direction: column; align-items: center; gap: 1.5rem; width: 100%; text-align: center;}
.mu_intro h3 {margin: 0; font-size: 2.25rem; font-weight: 700; line-height: 1.22; letter-spacing: -0.03375rem; color: #171719;}
.mu_desc {font-size: 1.125rem; font-weight: 400; line-height: 1.5; color: #2E2F33;}
.mu_desc p + p {margin-top: 1.5em;}

.mu_event {display: flex; align-items: flex-start; gap: 2.25rem; width: 100%; padding: 2rem 3rem; border-radius: 1rem; background: #F3FAEF;}
.mu_event_ic {display: block; flex-shrink: 0; width: 4rem; height: 4rem;}
.mu_event_txt {display: flex; flex-direction: column; align-items: flex-start; gap: 1rem; flex: 1; min-width: 0;}
.mu_event_tit {width: fit-content; margin: 0; font-size: 1.75rem; font-weight: 700; line-height: 1.29; letter-spacing: -0.0175rem; background-image: linear-gradient(100deg, #89C56D 0%, #00B7EE 100%); -webkit-background-clip: text; background-clip: text; color: transparent;}
.mu_event_desc {font-size: 1.125rem; font-weight: 400; line-height: 1.5; color: #2E2F33;}

.mu_notice {display: flex; align-items: flex-start; gap: 5rem; width: 100%; padding: 2rem 2.5rem; border-radius: 1rem; background-image: linear-gradient(100.4deg, #89C56D 10.767%, #00B7EE 90.044%);}
.mu_notice_lab {display: flex; align-items: center; gap: 0.5rem; flex-shrink: 0; margin: 0; font-size: 1.25rem; font-weight: 700; line-height: 1.45; letter-spacing: -0.00625rem; color: #fff;}
.mu_notice_lab img {display: block; width: 1.5rem; height: 1.5rem;}
.mu_notice ul {display: flex; flex-direction: column; gap: 0.25rem; flex: 1; min-width: 0;}
.mu_notice li {font-size: 1rem; font-weight: 400; line-height: 1.5; color: #fff;}

.mu_body {display: flex; flex-direction: column; align-items: center; width: 100%;}
.mu_list {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.75rem; width: 100%; align-items: stretch;}
.mu_card {display: flex; flex-direction: column; align-items: center; gap: 1.5rem; width: 100%; height: 100%; padding: 2rem; border: 1px solid #E1E2E4; border-radius: 1rem; background: #fff;}
.mu_card > .mu_btn,
.mu_card > .mu_apply {margin-top: auto;}
.mu_card_top {display: flex; align-items: center; gap: 1.25rem; width: 100%;}
.mu_photo {flex-shrink: 0; width: 6.25rem; height: 6.25rem; border-radius: 50%; overflow: hidden; background: #F4F4F5;}
.mu_photo img {display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: center 18%;}
.mu_card_info {display: flex; flex-direction: column; align-items: flex-start; gap: 0.75rem; flex: 1; min-width: 0;}
.mu_tag {display: inline-flex; align-items: center; padding: 0.25rem 0.75rem; border-radius: 999px; font-size: 0.875rem; font-weight: 700; line-height: 1.43;}
.mu_tag.is-global {background: #FDF1C8; color: #8A6400;}
.mu_tag.is-ai {background: #DCE8FD; color: #1F5FD6;}
.mu_tag.is-indie {background: #FFE4D6; color: #D9541A;}
.mu_tag.is-fusion {background: #E3F2DA; color: #3F7F22;}
.mu_card_name {display: flex; flex-direction: column; align-items: flex-start; gap: 0.25rem; width: 100%; text-align: left;}
.mu_card_name strong {font-size: 1.5rem; font-weight: 700; line-height: 1.33; letter-spacing: -0.015rem; color: #171719;}
.mu_card_name span {font-size: 1rem; font-weight: 500; line-height: 1.5; color: #2E2F33;}
.mu_card_name em {font-size: 0.875rem; font-weight: 400; font-style: normal; line-height: 1.43; color: #5A5C63;}
.mu_line {width: 100%; height: 1px; background: #E1E2E4;}
.mu_meta {display: flex; flex-direction: column; gap: 0.5rem; width: 100%;}
.mu_meta p {display: flex; align-items: flex-start; gap: 0.75rem; font-size: 1rem; line-height: 1.5;}
.mu_meta strong {flex-shrink: 0; font-weight: 700; color: #171719;}
.mu_meta span {flex: 1; min-width: 0; font-weight: 400; color: #2E2F33;}
.mu_apply {display: flex; justify-content: center; width: 100%;}
.mu_btn {display: flex; align-items: center; justify-content: center; width: 12.5rem; height: 3rem; padding: 0 1.25rem; border: 0; border-radius: 999px; background: #000; font-size: 1.25rem; font-weight: 500; line-height: 1.45; letter-spacing: -0.00625rem; color: #fff; cursor: pointer;}
.mu_btn.is-off {background: #DBDCDF; color: #AEB0B6; cursor: default;}
.bd_page .pg_page.is-off {opacity: 0.35;}

.mu_pop {position: fixed; inset: 0; z-index: 9000; display: flex; align-items: center; justify-content: center; padding: 4rem 1.25rem 1.5rem;}
.mu_pop[hidden] {display: none;}
.mu_pop_bg {position: absolute; inset: 0; background: rgba(17, 17, 17, 0.55);}
.mu_pop_in {position: relative; z-index: 1; width: 40rem; max-width: 100%;}
.mu_pop_close {position: absolute; top: -2rem; right: 0; width: 1.25rem; height: 1.25rem; padding: 0; border: 0; background: none; cursor: pointer;}
.mu_pop_close img {display: block; width: 1.25rem; height: 1.25rem;}
.mu_pop_box {display: flex; flex-direction: column; align-items: center; gap: 2.5rem; padding: 3.5rem 2.5rem 2.5rem; background: #fff; box-shadow: 0 1rem 1.25rem rgba(0, 0, 0, 0.12);}
.mu_pop_box[hidden] {display: none;}
.mu_pop_txt {display: flex; flex-direction: column; align-items: center; gap: 1rem; width: 100%; text-align: center;}
.mu_pop_txt h4 {margin: 0; font-size: 1.5rem; font-weight: 700; line-height: 1.33; letter-spacing: -0.015rem; color: #171719;}
.mu_pop_txt p {font-size: 1rem; font-weight: 400; line-height: 1.5; color: #2E2F33;}
.mu_pop_txt a {font-weight: 700; color: #89C56D;}
.mu_pop_txt .is-done a {color: #58963B;}
.mu_pop_btn {display: flex; align-items: center; justify-content: center; width: 10rem; height: 3rem; padding: 0 1.25rem; border: 0; border-radius: 0.5rem; background-image: linear-gradient(93.6deg, #89C56D 10.767%, #00B7EE 90.044%); font-size: 1.25rem; font-weight: 500; line-height: 1.45; letter-spacing: -0.00625rem; color: #fff; cursor: pointer;}
body.mu_lock {overflow: hidden;}

/* 마이페이지 신청내역 (Figma history_item 7994:10742) */
.mu_hist_wrap {margin-top: 3.75rem;}
.mu_hist {display: flex; flex-direction: column; gap: 1.5rem;}
.mu_hist_item {display: flex; align-items: flex-end; gap: 2.5rem; padding: 2rem 2.5rem; border: 1px solid #E1E2E4; border-radius: 1rem; background: #fff;}
.mu_hist_item .mu_photo {align-self: center;}
.mu_hist_info {display: flex; flex-direction: column; align-items: flex-start; gap: 0.75rem; flex: 1; min-width: 0;}
.mu_hist_row {display: flex; align-items: flex-start; gap: 2.5rem; width: 100%;}
.mu_hist_name {flex: 1 1 16rem; min-width: 0;}
.mu_hist_name p {display: flex; align-items: center; gap: 0.75rem; flex-wrap: wrap;}
.mu_hist_name strong {font-size: 1.5rem; font-weight: 700; line-height: 1.33; letter-spacing: -0.015rem; color: #171719;}
.mu_hist_name span {font-size: 1rem; font-weight: 500; line-height: 1.5; color: #2E2F33;}
.mu_hist_name em {display: block; margin-top: 0.25rem; font-size: 0.875rem; font-weight: 400; font-style: normal; line-height: 1.43; color: #5A5C63;}
.mu_hist_item .mu_meta {flex: 1 1 16rem; max-width: 22rem;}
.mu_badge {flex-shrink: 0; padding: 0.5rem 1rem; border-radius: 999px; background: #ECF2E9; font-size: 0.875rem; font-weight: 700; line-height: 1.43; color: #7DB662; white-space: nowrap;}
.mu_hist_note {margin-top: 1.25rem; font-size: 0.875rem; font-weight: 400; line-height: 1.43; color: #878A93;}
.mu_empty {padding: 3rem 0; font-size: 1rem; font-weight: 500; line-height: 1.5; color: #5A5C63; text-align: center;}
.mu_hist_wrap .bd_page {margin-top: 2.5rem;}

@media screen and (max-width: 1280px) {
	.mu_list {grid-template-columns: repeat(2, minmax(0, 1fr));}
}

@media screen and (max-width: 1024px) {
	#sub_content:has(.mu) {padding: 2.5rem 0 4rem;}
	.mu {gap: 2.5rem;}
	.mu_head {gap: 1.5rem;}
	.mu_intro h3 {font-size: 1.5rem;}
	.mu_desc {font-size: 0.9375rem;}
	.mu_event {gap: 1rem; padding: 1.25rem;}
	.mu_event_ic {width: 2.5rem; height: 2.5rem;}
	.mu_event_txt {gap: 0.5rem;}
	.mu_event_tit {font-size: 1.25rem;}
	.mu_event_desc {font-size: 0.875rem;}
	.mu_notice {flex-direction: column; gap: 0.75rem; padding: 1.25rem;}
	.mu_notice_lab {font-size: 1rem;}
	.mu_notice li {font-size: 0.875rem;}
	.mu_list {grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem;}
	.mu_card {padding: 1.25rem; gap: 1.25rem;}
	.mu_card_name strong,
	.mu_hist_name strong {font-size: 1.25rem;}
	.mu_btn {width: 100%; max-width: 12.5rem; height: 2.75rem; font-size: 1rem;}
	.mu_hist_wrap {margin-top: 0rem;}
	.mu_hist_item {
		display: grid;
		grid-template-columns: 4.5rem minmax(0, 1fr);
		align-items: start;
		gap: 0.75rem 1rem;
		padding: 1.25rem;
	}
	.mu_hist_info,
	.mu_hist_row {display: contents;}
	.mu_hist_item .mu_photo {grid-column: 1; grid-row: 1 / span 2; width: 4.5rem; height: 4.5rem;}
	.mu_hist_item .mu_tag {grid-column: 2; grid-row: 1; align-self: end; justify-self: start; width: fit-content; max-width: 100%;}
	.mu_hist_name {grid-column: 2; grid-row: 2; min-width: 0;}
	.mu_hist_item .mu_meta {grid-column: 1 / -1; max-width: none;}
	.mu_badge {grid-column: 1 / -1; justify-self: end; align-self: center;}
	.mu_pop_box {padding: 2.5rem 1.25rem 1.5rem; gap: 1.75rem;}
	.mu_pop_txt h4 {font-size: 1.25rem;}
}

@media screen and (max-width: 768px) {
	.mu_list {grid-template-columns: minmax(0, 1fr);}
	.mu_photo {width: 4.5rem; height: 4.5rem;}
	.mu_badge {justify-self: end; align-self: center;}
}