@charset "UTF-8";.cont_wrap{padding-block:0 150px}.filter-buttons{padding-block:clamp(50px,13vw,100px) 0;max-width:1100px;margin:0 auto;display:flex;gap:10px;font-size:1.8rem;border-bottom:2px solid var(--pale-gray);margin-bottom:clamp(8px,2.133vw,30px);color:var(--dark-skyBlue)}.filter-buttons a{display:inline-block;padding:0 18px 7px clamp(30px,8vw,40px);white-space:nowrap;margin-bottom:0}.filter-buttons a.on{color:var(--blue);font-weight:600;position:relative}.filter-buttons a.on:before,.filter-buttons a.on:after{position:absolute;content:""}.filter-buttons a.on:before{width:16px;height:16px;background:linear-gradient(90deg,#0049f4,#008af4);left:16px;top:50%;transform:translateY(-60%);border-radius:100px}.filter-buttons a.on:after{width:100%;height:5px;background:linear-gradient(90deg,#0049f4,#008af4);left:50%;bottom:-3px;border-radius:10px;transform:translateX(-50%)}@media screen and (min-width:835px){.filter-buttons a:hover{color:var(--blue)}}@media screen and (max-width:834px){.filter_wrap{overflow-x:scroll;margin-bottom:10px}.filter-buttons{width:fit-content;font-size:1.5rem;gap:1px;color:var(--white-bg);font-weight:500}.filter-buttons a{display:inline-block;padding:6px clamp(25px,6.666vw,40px) 5px;white-space:nowrap;background-color:var(--nav-bg)}.filter-buttons a.on{background-color:#e9ecf0;color:var(--navy)}.filter-buttons a.on:before,.filter-buttons a.on:after{display:none}.filter-buttons a:first-of-type{border-radius:10px 0 0}.filter-buttons a:last-of-type{border-radius:0 10px 0 0}}@media screen and (max-width:600px){.filter_wrap{margin-inline:5%}}.work-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:80px 30px;align-items:start;width:fit-content;margin:0 auto;padding-block:0 150px}.work-grid .work-item{max-width:340px;width:100%;height:auto;background-color:transparent}.item_thumnail_wrap{background-color:#e9ecf0;border-radius:10px;margin-bottom:12px;width:340px;height:225px;position:relative;overflow:hidden}.item_thumnail_wrap:before{position:absolute;content:"";opacity:.6;width:100%;height:100%;border-radius:10px;top:0;left:0;display:none;z-index:3;transition:.3s ease}.item_thumnail_wrap img{max-width:500%;width:110%;height:auto;display:block;z-index:2;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transition:.3s ease}#content .work-grid .work-item h2{margin-bottom:2px;padding:13px 10px 0;font-family:var(--font-Noto-Sans);font-size:clamp(2rem,5.333vw,2.3rem);letter-spacing:0}.work-grid .work-item p{padding-inline:10px;font-size:1.5rem}.work-item a:hover .item_thumnail_wrap:before{background-color:#142437;display:block}#content .work-grid .work-item a:hover h2,.work-grid .work-item p{opacity:.5}@media screen and (min-width:835px){.work-item a:hover .item_thumnail_wrap img{width:120%}}@media screen and (max-width:834px){.work-grid{grid-template-columns:1fr;width:90%;gap:60px}#content .work-grid .work-item h2{padding-top:8px}.work-grid .work-item{max-width:100%}.item_thumnail_wrap{width:100%;height:62.66%}.item_thumnail_wrap img{position:relative;left:50%;transform:translateX(-50%)}}.nav-links{display:flex;align-items:center;justify-content:center;gap:13px;font-size:1.8rem;color:var(--dark-skyBlue)}.nav-links a:hover{opacity:.5}.page-numbers.current{padding:4px 14px 8px;background-color:var(--dark-skyBlue);border-radius:100px;color:var(--white-bg)}