.projectsPage .projectsMain{margin-top:5.3rem;display:flex;align-items:center;justify-content:center;flex-direction:column}.projectsPage .projectsMain>h1{text-align:center;color:#000;font-family:Albert Sans;font-size:4.4rem;font-style:normal;font-weight:600;line-height:normal;letter-spacing:-.088rem}.projectsPage .projectsMain .projectFilters{margin-top:2.8rem;display:flex;align-items:center;justify-content:center;gap:1.2rem;flex-wrap:wrap;width:80%}.projectsPage .projectsMain .projectFilters button{height:3.8rem;border-radius:7rem;border:1px solid #c4c4c4;padding:0 2.2rem;gap:1.4rem;color:#000;font-family:Albert Sans;font-size:1.6rem;font-style:normal;font-weight:600;line-height:2.9rem;letter-spacing:-.032rem;flex-shrink:0;transition:all .3s ease-in-out}.projectsPage .projectsMain .projectFilters button,.projectsPage .projectsMain .projectFilters button .icon{display:flex;align-items:center;justify-content:center}.projectsPage .projectsMain .projectFilters button svg{width:2rem;height:2rem;aspect-ratio:1/1;flex-shrink:0}.projectsPage .projectsMain .projectFilters button svg path{transition:all .3s ease-in-out;fill:#9fcf67}.projectsPage .projectsMain .projectFilters button.active{color:#fff;font-family:Albert Sans;font-size:1.6rem;font-style:normal;font-weight:600;line-height:normal;letter-spacing:-.032rem;border-radius:7rem;background:var(--Main-Color-01,#0397d6);border:1px solid #0397d6}.projectsPage .projectsMain .projectFilters button.active svg path{fill:#fff}.projectsPage .projectsMain .projectCards{width:100%;margin-top:4.4rem;display:flex;flex-wrap:wrap;column-gap:1.92rem;row-gap:5.8rem}.projectsPage .projectsMain .projectCards .projectCard{aspect-ratio:1/1;width:calc(33.3333333333% - 1.28rem);border-radius:2.4rem}.projectsPage .projectsMain .projectCards .projectCard:hover .projectCardImg img{scale:1.1}.projectsPage .projectsMain .projectCards .projectCard .projectCardImg{position:relative;height:100%;border-radius:2.4rem;overflow:hidden}.projectsPage .projectsMain .projectCards .projectCard .projectCardImg img{width:100%;height:100%;object-fit:cover;border-radius:2.4rem;filter:brightness(.5);transition:all .3s ease-in-out}.projectsPage .projectsMain .projectCards .projectCard .projectCardImg .projectCardContent{position:absolute;top:0;padding:5.2rem 3.2rem 2.8rem;display:flex;justify-content:space-between;flex-direction:column;height:100%}.projectsPage .projectsMain .projectCards .projectCard .projectCardImg .projectCardContent .title h3{color:#fff;font-family:Albert Sans;font-size:2.7rem;font-style:normal;font-weight:700;line-height:normal;letter-spacing:-.054rem}.projectsPage .projectsMain .projectCards .projectCard .projectCardImg .projectCardContent .title p{margin-top:2rem;color:#fff;font-family:Albert Sans;font-size:1.6rem;font-style:normal;font-weight:400;line-height:normal;letter-spacing:-.032rem;opacity:.78}.projectsPage .projectsMain .projectCards .projectCard .projectCardImg .projectCardContent .date{border-radius:4.2rem;background:hsla(0,0%,100%,.35);backdrop-filter:blur(2px);height:6rem;display:flex;align-items:center;justify-content:center;padding:0 4.1rem}.projectsPage .projectsMain .projectCards .projectCard .projectCardImg .projectCardContent .date span{display:flex;align-items:center;gap:1.2rem;color:#fff;font-family:Albert Sans;font-size:1.5rem;font-style:normal;font-weight:600;line-height:normal;letter-spacing:-.03rem}.projectsPage .projectsMain .projectCards .projectCard .projectCardImg .projectCardContent .date span svg{width:2.4rem;height:2.4rem;flex-shrink:0}.projectsPage .projectsMain .projectCards .projectCard .projectCardImg .projectCardContent .date span svg path{fill:#fff}.projectsPage .projectsMain .projectCards .projectCard .projectCardImg .projectCardContent .linkIcon{display:none;position:absolute;top:6rem;right:4.2rem;width:4.3rem;height:4.3rem;flex-shrink:0;border-radius:4.3rem;background:#fff;align-items:center;justify-content:center}.projectsPage .projectsMain .projectCards .projectCard .projectCardImg .projectCardContent .linkIcon svg{width:1.438rem;height:1.0454rem;flex-shrink:0}.projectsPage .projectsMain .projectCards .projectCard .projectCardImg .projectCardContent .linkIcon svg path{fill:#484848}.projectsPage .projectsMain .discoverButton{margin-top:5.3rem}.projectDetailPage .projectDetailMain{display:flex;flex-direction:column;gap:8.6rem}.projectDetailPage .projectDetailMain .projectDetailTop{display:flex;justify-content:space-between;gap:3.8rem;margin-top:3.8rem}.projectDetailPage .projectDetailMain .projectDetailTop .left{position:relative;width:48%;padding:6rem 0;display:flex;flex-direction:column;justify-content:center;flex-shrink:0}.projectDetailPage .projectDetailMain .projectDetailTop .left .title{display:flex;flex-direction:column;gap:.9rem}.projectDetailPage .projectDetailMain .projectDetailTop .left .title span{color:var(--Main-Color-01,#0397d6);font-family:Albert Sans;font-size:1.6rem;font-style:normal;font-weight:800;line-height:normal;letter-spacing:.096rem;text-transform:uppercase}.projectDetailPage .projectDetailMain .projectDetailTop .left .title h1{color:#000;font-family:Albert Sans;font-size:4.4rem;font-style:normal;font-weight:500;line-height:normal;letter-spacing:-.088rem}.projectDetailPage .projectDetailMain .projectDetailTop .left>span{display:flex;align-items:center;gap:1rem;color:#313438;font-family:Albert Sans;font-size:1.5rem;font-style:normal;font-weight:600;line-height:normal;letter-spacing:-.03rem;margin-top:auto;position:absolute;bottom:6rem;left:0}.projectDetailPage .projectDetailMain .projectDetailTop .left>span svg path{fill:#333}.projectDetailPage .projectDetailMain .projectDetailTop .right .rightImage{overflow:hidden;border-radius:2.4rem}.projectDetailPage .projectDetailMain .projectDetailTop .right .rightImage img{width:100%;height:100%;border-radius:2.4rem}.projectDetailPage .related-news{margin-block:6.8rem;display:flex;flex-direction:column;gap:2.4rem}.projectDetailPage .related-news .related-news-title h2{color:#0397d6;font-size:3.6rem;font-style:normal;font-weight:600;line-height:normal;letter-spacing:-.088rem}.projectDetailPage .related-news .related-news-list{display:flex;flex-wrap:wrap;gap:2rem}.projectDetailPage .related-news .related-news-list .blogCard{width:calc(33.3333333333% - 1.3333333333rem)}@media(max-width:768px){.projectsPage .projectsMain{margin-top:2.4rem;padding-bottom:6.4rem}.projectsPage .projectsMain>h1{font-size:3.6rem}.projectsPage .projectsMain .discoverButton{margin-top:2.4rem}.projectsPage .projectsMain .projectFilters{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;justify-content:flex-start;width:calc(100% + 5rem);margin-inline:2.7rem;padding-inline:2.7rem;position:relative}.projectsPage .projectsMain .projectCards{align-items:center;justify-content:center;row-gap:1.7rem;column-gap:1.2rem;margin-top:2.7rem}.projectsPage .projectsMain .projectCards .projectCard:first-child{width:100%;height:22.4rem}.projectsPage .projectsMain .projectCards .projectCard:first-child .projectCardImg{height:22.4rem}.projectsPage .projectsMain .projectCards .projectCard:first-child .projectCardImg .projectCardContent{padding:2rem}.projectsPage .projectsMain .projectCards .projectCard:first-child .projectCardImg .projectCardContent .linkIcon{width:3.4rem;height:3.4rem;right:2rem;top:2rem}.projectsPage .projectsMain .projectCards .projectCard:first-child .projectCardImg .projectCardContent .title{gap:.6rem}.projectsPage .projectsMain .projectCards .projectCard:first-child .projectCardImg .projectCardContent .title h3{font-size:1.8rem;width:calc(100% - 3.4rem);height:4.4rem;line-height:120%;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.projectsPage .projectsMain .projectCards .projectCard:first-child .projectCardImg .projectCardContent .title p{width:100%;font-size:1.4rem;margin-top:.6rem}.projectsPage .projectsMain .projectCards .projectCard:first-child .projectCardImg .projectCardContent .date{width:100%;padding:0 2rem;height:4.2rem}.projectsPage .projectsMain .projectCards .projectCard:first-child .projectCardImg .projectCardContent .date span{gap:.6rem}.projectsPage .projectsMain .projectCards .projectCard:first-child .projectCardImg .projectCardContent .date span svg{width:1.8rem;height:1.8rem}.projectsPage .projectsMain .projectCards .projectCard:first-child .projectCardImg .projectCardContent .date span{font-size:1rem}.projectsPage .projectsMain .projectCards .projectCard{border-radius:1.3916rem;width:calc(50% - .6rem);height:14.4rem}.projectsPage .projectsMain .projectCards .projectCard .projectCardImg{border-radius:1.3916rem;height:14.4rem}.projectsPage .projectsMain .projectCards .projectCard .projectCardImg img{border-radius:1.3916rem}.projectsPage .projectsMain .projectCards .projectCard .projectCardImg .projectCardContent{padding:1.2rem;width:100%}.projectsPage .projectsMain .projectCards .projectCard .projectCardImg .projectCardContent .title{width:100%}.projectsPage .projectsMain .projectCards .projectCard .projectCardImg .projectCardContent .title h3{font-size:1.4rem;height:3.2rem;line-height:120%;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.projectsPage .projectsMain .projectCards .projectCard .projectCardImg .projectCardContent .date{width:fit-content;height:3.2rem;padding:0 1.2rem}.projectsPage .projectsMain .projectCards .projectCard .projectCardImg .projectCardContent .date span{gap:.6rem}.projectsPage .projectsMain .projectCards .projectCard .projectCardImg .projectCardContent .date span svg{width:1.8rem;height:1.8rem}.projectsPage .projectsMain .projectCards .projectCard .projectCardImg .projectCardContent .date span{font-size:1rem}.projectDetailPage .projectDetailMain{gap:2.4rem}.projectDetailPage .projectDetailMain .projectDetailTop{flex-direction:column;margin-top:2.4rem;gap:1.2rem}.projectDetailPage .projectDetailMain .projectDetailTop .left,.projectDetailPage .projectDetailMain .projectDetailTop .right{width:100%}.projectDetailPage .projectDetailMain .projectDetailTop .right .rightImage,.projectDetailPage .projectDetailMain .projectDetailTop .right .rightImage img{border-radius:1.3916rem}.projectDetailPage .projectDetailMain .projectDetailTop .right .rightImage{height:21.6rem}.projectDetailPage .projectDetailMain .projectDetailTop .left{padding:0}.projectDetailPage .projectDetailMain .projectDetailTop .left .title{gap:.6rem}.projectDetailPage .projectDetailMain .projectDetailTop .left .title span{font-size:1.4rem}.projectDetailPage .projectDetailMain .projectDetailTop .left .title h1{font-size:2.6rem;line-height:110%;letter-spacing:-.072rem}.projectDetailPage .projectDetailMain .projectDetailTop .left>span{position:static;margin-top:1.2rem;font-size:1.4rem;gap:.6rem}.projectDetailPage .projectDetailMain .projectDetailTop .left>span svg{width:1.8rem;height:1.8rem}.projectDetailPage .related-news{margin-block:3.8rem;display:flex;flex-direction:column;gap:2.4rem}.projectDetailPage .related-news .related-news-title h2{color:#0397d6;font-size:2.6rem;font-style:normal;font-weight:600;line-height:normal;letter-spacing:-.088rem}.projectDetailPage .related-news .related-news-list{display:flex;flex-direction:column}.projectDetailPage .related-news .related-news-list .blogCard{width:100%;gap:1.6rem}.projectDetailPage .related-news .related-news-list .blogCard .blogCardImg{height:21.6rem;border-radius:1.3916rem}.projectDetailPage .related-news .related-news-list .blogCard .blogCardImg img{border-radius:1.3916rem}.projectDetailPage .related-news .related-news-list .blogCard h3{font-size:1.8rem}}