.projects { padding:0 0 200px; }
.project-text { margin:70px 0 0; text-align:center; }
.project-text .title { font-size:45px; font-weight:900; }
.project-text .desc { margin:50px 0 0; font-size:25px; }
.project-cover { margin:255px auto 0; margin:0; }
.project-cover .item-type {  }
.project-cover .item-cover { display:flex; gap:140px 100px; flex-wrap:wrap; display:none; }
.project-cover .item-cover .item { flex:1 1 25%; max-width:calc(33% - 25px); }
.project-cover .item-cover .item:nth-child(-n+4) { flex:1 1 40%; max-width:calc(50% - 50px); }
.project-cover .item-type .item-cover .item-image { border-radius:15px; overflow:hidden; }
.project-cover .item-type .item-cover .item-image:hover img { transform:scale(1.3); }
.project-cover .item-type .item-cover img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; transition:all .6s; }
.project-cover .item-type .item-info { margin:30px 0 0; }
.project-cover .item-type .item-info .item-title { font-size:20px; font-weight:900; }
.project-cover .item-type .item-info .item-sort-box { display:flex; gap:10px 15px; margin:20px 0 0; flex-wrap:wrap; }
.project-cover .item-type .item-info .item-sort-box .item-sort { border-radius:25px; border:1px solid var(--color-white, #fff); padding:3px 24px; }


.projects .temporary { text-align:center; margin:100px 0 0; font-size:32px; }

/*반응형*/
@media (max-width: 1640px) {
    .projects { padding:0 24px 200px; }
}

@media (max-width: 1084px) {
    .projects { padding:0 24px 80px; }
    .project-cover { margin:90px 0 0; }
    .project-text .title { font-size:30px; font-weight:500; }
    .project-text .desc { font-size:15px; margin:30px 0 0; }
    .project-cover .item-cover { flex-direction:column; flex-wrap:nowrap; gap:75px 0; }
    .project-cover .item-cover .item { flex:1 1 auto; max-width:100%; }
    .project-cover .item-cover .item:nth-child(-n+4) { flex:1 1 auto; max-width:100%; }
    .project-cover .item-type .item-info .item-title { font-size:16px; }
    .project-cover .item-type .item-info .item-sort-box .item-sort { font-size:12px; }

    .projects .temporary { text-align:center; margin:100px 0 0; font-size:24px; }
}