.project-inner{padding:0 80px;max-width:1300px;margin:0 auto}.project-category{padding-bottom:35px}.project-select{font-size:.95rem;display:-ms-flexbox;display:flex;justify-content:center}.project-select li{margin:0 30px;cursor:pointer;position:relative;transition:color .4s}.project-select li:hover .tw{opacity:0}.project-select li:hover .en{opacity:1}.project-select li.active{color:#000}.project-select li.active:after{content:"";width:30px;height:30px;background-image:url(../images/circle.svg);background-repeat:no-repeat;background-size:cover;position:absolute;top:-3px;left:45%;opacity:.15;transform:translateX(-50%)}.project-select .tw{letter-spacing:.2rem;transition:opacity .4s}.project-select .en{position:absolute;top:50%;left:50%;white-space:nowrap;opacity:0;transform:translate(-50%, -50%);transition:opacity .4s}.project-list{display:-ms-flexbox;display:flex;flex-wrap:wrap}.project-item{width:33.3333%;padding:50px 15px 0;box-sizing:border-box}.project-item:nth-child(4n+1),.project-item:nth-child(4n){width:66.6666%}.project-item a:hover .project-img{filter:saturate(1);transform:scale(1.1)}.project-item a:hover .btn-text{color:#999}.project-image{width:100%;height:27vw;max-height:380px;overflow:hidden}.project-img{width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:50% 50%;filter:saturate(.2);transition:filter 1s,transform 1s}.project-content{padding-top:15px;position:relative}.project-name{font-size:.95rem;color:#000;letter-spacing:.2rem}.project-type{font-size:.875rem;color:#999;letter-spacing:.1rem}.project-btn{position:absolute;right:52px;bottom:-2px}@media screen and (max-width: 1100px){.project-item{width:50%}.project-item:nth-child(4n+1),.project-item:nth-child(4n){width:50%}}@media screen and (max-width: 900px){.project-category{padding-bottom:25px}.project-select li{margin:0 20px}.project-list{display:block;max-width:640px;margin:0 auto}.project-item{width:auto;padding:50px 0 0}.project-item:nth-child(4n+1),.project-item:nth-child(4n){width:auto}.project-image{height:45vw}}@media screen and (max-width: 640px){.project-inner{padding:0 20px}.project-select{font-size:.875rem}.project-select li{margin:0 15px}.project-select li.active:after{width:25px;height:25px;top:-2px}.project-select .tw{letter-spacing:.15rem}.project-item{padding:40px 0 0}.project-image{height:55vw}.project-name{letter-spacing:.15rem}}@media screen and (max-width: 320px){.project-select{display:block}.project-select li{width:fit-content;margin:10px auto}}