@keyframes bounce{0%,20%,50%,80%,to{transform:translate(0)}40%{transform:translate(-8px)}60%{transform:translate(-4px)}}@keyframes bounce2{0%,to{transform:translate(0)}50%{transform:translate(10px)}}.projects .search-area{margin-top:3.75rem}.projects .search-area .search{position:relative;padding-top:.75rem;padding-right:0;padding-bottom:.75rem;padding-left:0;border-bottom:1px solid #B2B2B2}.projects .search-area .search input{display:block;width:100%;padding-right:1.875rem;box-sizing:border-box;font-size:1rem;line-height:1.25rem;font-weight:500;border:0;font-family:Poppins,Pretendard,Noto Sans,Malgun Gothic,맑은 고딕,sans-serif}.projects .search-area .search input::placeholder{color:#b2b2b2}.projects .search-area .search a{text-indent:-10000px;font-size:0;line-height:0;display:block;position:absolute;right:0;top:.75rem;left:auto;bottom:auto;width:1.25rem;height:1.25rem;background-image:url(/image/common/ico-search.svg);background-repeat:no-repeat;background-size:contain}.projects .search-area .search.on{border-bottom:1px solid #111}.projects .search-area .search.on a{background-image:url(/image/common/ico-search-b.svg)}.projects .search-area .filter{margin-top:1.875rem}.projects .search-area .filter.on>a i:before{transform:translatey(-50%) rotate(-90deg);opacity:0}.projects .search-area .filter.on>a i:after{transform:translatey(-50%) rotate(0)}.projects .search-area .filter.on .drawer{max-height:62.5rem;transition:max-height .3s}.projects .search-area .filter>a{position:relative;display:inline-block;font-size:1rem;line-height:1.25rem;font-weight:500;padding-right:1.375rem}.projects .search-area .filter>a i{display:block;position:absolute;right:0;top:0;left:auto;bottom:auto;width:.875rem;height:.875rem}.projects .search-area .filter>a i:before,.projects .search-area .filter>a i:after{content:"";display:block;background-color:#111;position:absolute;left:0;top:50%;right:auto;bottom:auto;transition:.25s;width:100%;height:.0625rem}.projects .search-area .filter>a i:before{transform:translatey(-50%)}.projects .search-area .filter>a i:after{transform:translatey(-50%) rotate(90deg)}.projects .search-area .filter .drawer{max-height:0;overflow:hidden;transition:max-height .3s}.projects .search-area .filter .filter-group .filter-item{margin-top:1.625rem;max-height:2.8125rem;transition:max-height .5s}.projects .search-area .filter .filter-group .filter-item:first-of-type{margin-top:1.25rem}.projects .search-area .filter .filter-group .filter-item.on{max-height:34.375rem}.projects .search-area .filter .filter-group .filter-item.on a:before{transform:rotate(180deg)}.projects .search-area .filter .filter-group .filter-item.on label{opacity:1}.projects .search-area .filter .filter-group .filter-item a{position:relative;display:block;padding-top:.75rem;padding-right:0;padding-bottom:.75rem;padding-left:1.5rem;font-size:.875rem;line-height:1.25rem;font-weight:500;border-bottom:1px solid #111}.projects .search-area .filter .filter-group .filter-item a:before{content:"";display:block;position:absolute;left:0;top:.6875rem;right:auto;bottom:auto;width:1.25rem;height:1.25rem;background-image:url(/image/common/ico-arrow-down-large.svg);background-repeat:no-repeat;background-size:contain}.projects .search-area .filter .filter-group .filter-item label{display:block;font-size:.875rem;line-height:1.25rem;cursor:pointer;margin-top:.75rem;transition:opacity .2s 0s;opacity:0;white-space:nowrap}.projects .search-area .filter .filter-group .filter-item label:first-of-type{margin-top:1.25rem}.projects .search-area .filter .filter-group .filter-item label input[type=checkbox]{position:absolute;width:0;height:0;left:-625rem}.projects .search-area .filter .filter-group .filter-item label input[type=checkbox]+i{position:relative;display:inline-block;width:1.25rem;height:1.25rem;margin-right:.25rem;vertical-align:text-top}.projects .search-area .filter .filter-group .filter-item label input[type=checkbox]+i:before{content:"";display:block;position:absolute;left:50%;top:50%;right:auto;bottom:auto;transform:translate(-50%,-50%);width:.625rem;height:.625rem;background-color:#fff;border:1px solid #B2B2B2}.projects .search-area .filter .filter-group .filter-item label input[type=checkbox]~span{color:#b2b2b2}.projects .search-area .filter .filter-group .filter-item label input[type=checkbox]:checked+i:before{background-color:#111;border:1px solid #111;color:#111}.projects .search-area .filter .filter-group .filter-item label input[type=checkbox]:checked~span{color:#111}.projects .search-area .filter .filter-group .years{margin-top:2.5rem;display:flex}.projects .search-area .filter .filter-group .years .select{position:relative;flex-grow:1;padding-left:.75rem;padding-bottom:.75rem;height:1.25rem;border-bottom:1px solid #111;box-sizing:content-box}.projects .search-area .filter .filter-group .years .select:after{content:"";display:block;position:absolute;right:0;top:0;left:auto;bottom:auto;width:1.25rem;height:1.25rem;background-image:url(/image/common/ico-arrow-down-large.svg);background-repeat:no-repeat;background-size:contain;pointer-events:none}.projects .search-area .filter .filter-group .years .select select{font-family:Poppins,Pretendard,Noto Sans,Malgun Gothic,맑은 고딕,sans-serif;font-size:.875rem;line-height:1.25rem;width:100%;height:100%;font-weight:500;border:0;background:none}.projects .search-area .filter .filter-group .years>span{margin-right:.375rem;margin-left:.375rem}.projects .search-area .filter .filter-group .years a{position:relative;display:block;padding-left:1.125rem;margin-left:1rem;font-size:.875rem;line-height:1.25rem;font-weight:500}.projects .search-area .filter .filter-group .years a:before{content:"";display:block;position:absolute;left:0;top:0;right:auto;bottom:auto;width:1rem;height:1rem;background-image:url(/image/common/ico-reset.svg);background-repeat:no-repeat;background-size:contain}.projects .list{margin-top:2.5rem}.projects .list ul{position:relative;display:grid;grid-template-columns:repeat(1,1fr);grid-gap:1.875rem}.projects .list ul li{position:relative;cursor:pointer}.projects .list ul li .img{aspect-ratio:16 / 9;overflow:hidden}.projects .list ul li .img img{position:relative;width:100%;height:100%;object-fit:cover;transform:scale(1);opacity:1;transition:transform 1s cubic-bezier(0,0,.13,1.04),opacity .6s ease}.projects .list ul li p{margin-top:.625rem;font-size:1.125rem;line-height:.08125rem;line-height:1.3;font-weight:500}.projects .list ul li p+p{margin-top:.25rem;font-size:.75rem;line-height:.08125rem;line-height:1.3;color:#999;font-weight:400}.no-touch .projects .list ul li:hover img{transform:scale(1.1)}.projects .empty{display:flex;justify-content:center;align-items:center;padding-top:12.5rem;padding-right:0;padding-bottom:12.5rem;padding-left:0;color:#b2b2b2}.projects .loading{display:flex;justify-content:center;align-items:center;height:100vh;color:#b2b2b2}@media (min-width: 768px){.projects .search-area{margin-top:5rem;position:relative}.projects .search-area .search{position:absolute;right:0;top:0;left:auto;bottom:auto;width:22.5rem}.projects .search-area .filter{margin:0;padding-top:.75rem}.projects .list ul{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1rem;grid-row-gap:4.375rem}}@media (min-width: 1024px){.projects .search-area{margin-top:5.625rem}.projects .search-area .search{width:26.875rem}.projects .search-area .filter .filter-group{margin-top:3.75rem;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1.25rem}.projects .search-area .filter .filter-group .filter-item{margin-top:0}.projects .search-area .filter .filter-group .filter-item:first-of-type{margin-top:0}.projects .search-area .filter .filter-group .filter-item label:first-of-type{margin-top:1.5rem}.projects .search-area .filter .filter-group .years{margin-top:0;padding-top:.75rem}.projects .search-area .filter .filter-group .years .select{padding-left:.375rem}.projects .list{margin-top:3.125rem}.projects .list ul{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1.25rem;grid-row-gap:4.375rem}.projects .list ul li p{margin-top:.875rem;font-size:1.25rem;line-height:.08125rem;line-height:1.3}.projects .list ul li p+p{margin-top:.375rem;font-size:.875rem;line-height:.075rem;line-height:1.2}}@media (min-width: 1440px){.projects .search-area{margin-top:7.5rem}.projects .search-area .search{width:34.6875rem}.projects .search-area .filter .filter-group{margin-top:2.25rem}.projects .search-area .filter .filter-group .years .select{padding-left:.75rem}.projects .list ul{grid-row-gap:5.625rem}.projects .list ul li p{margin-top:1rem;font-size:1.625rem;line-height:.08125rem;line-height:1.3}.projects .list ul li p+p{font-size:1rem;line-height:.075rem;line-height:1.2}}