.projectSearchContainer{max-width:1200px;margin:0 auto;width:100%;display:flex;font-family:Pretendard,sans-serif;padding:2rem 2rem 151px}.filterSidebar{width:160px;margin-right:2rem;display:flex;flex-direction:column}.filterTitle{font-family:Pretendard;font-weight:700;font-size:14px;color:rgba(0,0,0,1);margin-bottom:.5rem}.radioGroup label{display:block;font-size:14px;color:#333}.customRadioLabel{font-family:Pretendard;font-size:14px;font-weight:400;color:rgba(0,0,0,1);display:flex!important;align-items:center!important;margin-left:0!important;margin-right:0!important}.customRadioLabel>span:last-child{padding-top:0!important;padding-bottom:0!important}.radioGroup{margin-left:6px;accent-color:#7b68ee}.projectMain{flex:1 1}.searchBar{max-width:628px;height:47px;display:flex;align-items:center;border:1px solid #d1d5db;border-radius:999px;padding:.75rem 1.25rem;margin-bottom:46px}.searchInput{flex:1 1;border:none;outline:none;font-size:14px;color:#333;background:none!important}.searchInput:focus{outline:none}.searchBar:focus-within{border-color:#7b68ee;box-shadow:0 0 0 3px rgba(123,104,238,.1)}.searchInput::placeholder{font-family:Pretendard;font-size:17px;font-weight:400;color:rgba(163,171,178,1);-webkit-user-select:none;-moz-user-select:none;user-select:none}.searchInput:focus::placeholder{color:transparent}.searchIconBtn{background:none;border:none;cursor:pointer;padding:4px;transition:transform .2s ease;display:flex;align-items:center;justify-content:center}.searchIconBtn:hover{transform:scale(1.1)}.searchIconBtn:active{transform:scale(.95)}.projectGrid{display:flex;flex-direction:column}.projectCard2{max-width:850px!important;width:100%!important;height:174px;border:1px solid rgba(224,224,224,1);border-radius:10px;margin-bottom:1.25rem;display:flex;overflow:hidden;cursor:pointer;transition:transform .3s ease,opacity .3s ease,box-shadow .3s ease}.projectCard2:hover{transform:translateY(-10px);opacity:.95;box-shadow:0 4px 12px rgba(0,0,0,.1)}.projectCard2:active{transform:translateY(0)}.projectCard2:focus{outline:2px solid #7b68ee;outline-offset:2px}.config-music-img{width:175px;height:174px;flex-shrink:0;overflow:hidden;border-radius:10px 0 0 10px;background-color:#f5f5f5}.config-music-img img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.cardContent{display:flex;justify-content:space-between;width:100%}.cardLeft{display:flex;flex-direction:column;gap:.5rem;padding:15px 0 15px 25px}.category{font-weight:400;font-size:13px;color:rgba(102,102,102,1);display:flex;align-items:center;gap:20px}.category,.left-day{font-family:Pretendard}.left-day{border-radius:20px;font-size:12px;font-weight:700;color:#ffffff;padding:4px 16px;min-width:-moz-fit-content;min-width:fit-content;text-align:center}.left-day-d-day{background-color:#ff7b7b}.left-day-ongoing{background-color:#9370db}.left-day-review{background-color:#ff8c42}.left-day-ended{background-color:#6b7280}.left-day-default{background-color:#9ca3af}.org{font-family:Pretendard;font-size:14px}.cardTitle,.org{font-weight:400;color:rgba(0,0,0,1)}.cardTitle{font-family:Arial Rounded MT Bold,Arial Rounded,Arial,sans-serif;font-size:18px}.cardSubtitle{font-family:Pretendard;font-weight:400;color:rgba(153,153,153,1);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.footerLeft{width:auto;flex-direction:row;gap:25px;margin-top:30px}.author-project,.footerLeft{display:flex;align-items:center}.author-project{gap:15px}.avatar{width:20px;height:20px;background-color:#ccc;border-radius:50%}.viewCount{font-family:Pretendard;font-size:14px;font-weight:400;color:rgba(102,102,102,1);display:flex;align-items:center;gap:10px}.cardRight{width:200px;flex-shrink:0;display:flex;flex-direction:column;justify-content:center;font-size:13px;padding:0 26px;gap:16px;border-left:1px solid rgba(224,224,224,1)}.metaRow{display:flex;justify-content:space-between;width:100%;gap:25px;font-weight:500}.metaRow,.metaRow strong{font-family:Pretendard;font-size:14px;color:rgba(0,0,0,1)}.metaRow strong{font-weight:700;white-space:nowrap}.metaPeriod{font-family:Pretendard;font-size:12px;font-weight:400;color:rgba(153,153,153,1);margin-top:8px;text-align:center}.paginationWrapper{display:flex;justify-content:center;width:100%}.customPagination{display:flex;justify-content:center;margin-top:2rem}.customPagination .MuiPaginationItem-root{width:32px;height:32px;font-family:Pretendard;font-weight:700;font-size:14px;border-radius:4px;color:#2e2e2e;border:1px solid rgba(223,227,232,1)}.customPagination .Mui-selected{color:#7b68ee;border:1px solid #7b68ee}.customPagination .MuiPaginationItem-root.Mui-selected{background-color:transparent!important}.config-collab-progress{min-width:55px;max-width:70px;font-family:Pretendard;font-size:12px;font-weight:700;color:rgba(255,255,255,1);padding:6px 12px;border-radius:20px;display:flex;justify-content:center;align-items:center;text-align:center;white-space:nowrap}.config-collab-progress-ongoing{background-color:#22c55e}.config-collab-progress-upcoming{background-color:#ff8c42}.config-collab-progress-ended{background-color:#6b7280}.config-collab-progress-default{background-color:#9ca3af}@media (max-width:1024px){.projectSearchContainer{padding:1.75rem 1.5rem 120px}.filterSidebar{width:140px;margin-right:1.75rem}.customRadioLabel,.filterTitle{font-size:13px}.searchBar{max-width:550px;height:45px;padding:.65rem 1.15rem;margin-bottom:40px}.searchInput::placeholder{font-size:16px}.projectCard2{max-width:750px!important;height:165px;margin-bottom:1.15rem}.config-music-img img{width:165px;height:165px}.metaPeriod{font-size:11px;margin-top:7px}.cardLeft{gap:.45rem;padding:14px 0 14px 22px}.footerLeft{gap:22px;margin-top:27px}.category{font-size:12px;gap:18px}.left-day{font-size:11px;padding:3px 14px}.org{font-size:13px}.cardTitle{font-size:17px}.cardSubtitle{font-size:12px}.author-project{gap:13px}.avatar{width:19px;height:19px}.viewCount{font-size:13px;gap:9px}.cardRight{max-width:230px;min-width:130px;padding:0 24px;gap:14px}.metaRow{gap:22px}.metaRow,.metaRow strong{font-size:13px}.customPagination{margin-top:1.75rem}.customPagination .MuiPaginationItem-root{width:30px;height:30px;font-size:13px}.config-collab-progress{width:52px;font-size:11px}}@media (max-width:768px){.projectSearchContainer{flex-direction:column;padding:1.5rem 1.25rem 100px}.projectCard2:hover{transform:none;box-shadow:none}.projectCard2:active{transform:scale(.98);box-shadow:0 2px 8px rgba(0,0,0,.15)}.filterSidebar{width:100%;margin-right:0;margin-bottom:1.75rem;flex-direction:row;align-items:center;gap:1.5rem;flex-wrap:wrap}.filterTitle{font-size:14px;margin-bottom:0;margin-right:.5rem}.radioGroup{display:flex;flex-direction:row;gap:1rem;flex-wrap:wrap}.customRadioLabel{font-size:13px}.searchBar{max-width:100%;height:44px;margin-bottom:35px;padding:.6rem 1.1rem}.searchIconBtn{padding:8px;min-width:44px;min-height:44px}.searchInput::placeholder{font-size:15px}.projectCard2{max-width:100%!important;height:160px;margin-bottom:1rem}.config-music-img img{width:140px;height:160px}.metaPeriod{font-size:11px;margin-top:6px}.cardLeft{gap:.4rem;padding:13px 0 13px 20px}.footerLeft{gap:20px;margin-top:25px}.category{font-size:12px;gap:16px}.left-day{font-size:11px;padding:3px 13px}.org{font-size:13px}.cardTitle{font-size:16px;line-height:1.4;word-break:break-word;overflow-wrap:break-word}.cardSubtitle{font-size:12px}.author-project{gap:12px}.avatar{width:18px;height:18px}.viewCount{font-size:13px;gap:8px}.cardRight{max-width:210px;min-width:120px;padding:0 20px;gap:13px}.metaRow{gap:18px}.metaRow,.metaRow strong{font-size:13px}.customPagination{margin-top:1.5rem}.customPagination .MuiPaginationItem-root{width:28px;height:28px;font-size:12px}.config-collab-progress{width:50px;font-size:11px}}@media (max-width:480px){.projectSearchContainer{padding:1.25rem 1rem 80px}.filterSidebar{margin-bottom:1.5rem;gap:1.25rem}.filterTitle{font-size:13px;width:100%;margin-bottom:.5rem}.radioGroup{gap:.75rem;width:100%}.customRadioLabel{font-size:12px}.searchBar{height:42px;margin-bottom:30px;padding:.55rem 1rem}.searchInput::placeholder{font-size:14px}.projectCard2{height:auto;min-height:200px;margin-bottom:1rem}.config-music-img{width:100%;height:auto}.config-music-img img{width:100%;height:200px;object-fit:cover}.cardContent{flex-direction:column}.cardLeft{gap:.5rem;padding:16px 18px 12px}.metaPeriod{font-size:11px;margin-top:5px;text-align:left}.footerLeft{gap:15px;margin-top:18px;flex-wrap:wrap}.category{font-size:12px;gap:15px}.left-day{font-size:11px;padding:3px 12px}.org{font-size:13px}.cardTitle{font-size:16px;line-height:1.4}.cardSubtitle,.cardTitle{word-break:break-word;overflow-wrap:break-word}.cardSubtitle{font-size:12px;white-space:normal;line-height:1.5}.author-project{gap:11px}.avatar{width:18px;height:18px}.viewCount{font-size:12px;gap:7px}.cardRight{max-width:100%;min-width:unset;width:100%;padding:14px 18px;gap:10px;border-left:none}.metaRow{gap:15px}.metaRow,.metaRow strong{font-size:13px}.customPagination{margin-top:1.25rem}.customPagination .MuiPaginationItem-root{width:26px;height:26px;font-size:11px}.config-collab-progress{width:48px;font-size:10px;padding:3px}}@media (max-width:375px){.projectSearchContainer{padding:1rem .75rem 70px}.filterSidebar{margin-bottom:1.25rem;gap:1rem}.filterTitle{font-size:12px;margin-bottom:.4rem}.radioGroup{gap:.6rem}.customRadioLabel{font-size:11px}.searchBar{height:40px;margin-bottom:25px;padding:.5rem .9rem}.searchInput::placeholder{font-size:13px}.projectCard2{min-height:180px;margin-bottom:.875rem}.config-music-img{width:100%}.config-music-img img{width:100%;height:180px}.cardLeft{gap:.45rem;padding:14px 16px 12px}.footerLeft{gap:13px;margin-top:16px;flex-wrap:wrap}.metaPeriod{font-size:10px;margin-top:4px;text-align:left}.category{font-size:11px;gap:13px}.left-day{font-size:10px;padding:2px 11px}.org{font-size:12px}.cardTitle{font-size:15px;line-height:1.4}.cardSubtitle,.cardTitle{word-break:break-word;overflow-wrap:break-word}.cardSubtitle{font-size:11px;line-height:1.5}.author-project{gap:10px}.avatar{width:17px;height:17px}.viewCount{font-size:11px;gap:6px}.cardRight{padding:12px 16px;gap:9px}.metaRow{gap:13px}.metaRow,.metaRow strong{font-size:12px}.customPagination{margin-top:1rem}.customPagination .MuiPaginationItem-root{width:24px;height:24px;font-size:10px}.config-collab-progress{width:46px;font-size:10px}}