#works .main{padding-top:80px;padding-bottom:200px;background:#fff}@media screen and (max-width: 769px){#works .main{padding-top:30px;padding-bottom:100px}}#works .wrap{max-width:1240px}#works .intro{max-width:1200px}#works .intro .worksAbout{font-size:16px;font-weight:normal;color:#666}#works .tabMenu{display:flex;gap:20px;justify-content:center;font-size:14px;cursor:pointer}@media screen and (max-width: 769px){#works .tabMenu{gap:0;font-size:14px}}#works .tabMenu li{padding:7px 10px 6px;color:#aaa;font-weight:500;transition:color .3s ease}@media screen and (max-width: 769px){#works .tabMenu li{padding:8px 10px 7px}}#works .tabMenu li:hover{font-weight:bold;color:#379ad6}#works .tabMenu li.active{font-weight:bold;color:#444;border-bottom:1px solid #444}#works .tabContent{display:none}#works .tabContent.active{display:block}#works .workList{display:grid;grid-template-columns:repeat(3, 1fr);row-gap:50px;-webkit-column-gap:30px;column-gap:30px;max-width:1240px;padding:0 20px;margin:0 auto;margin-top:40px}@media screen and (max-width: 1039px){#works .workList{grid-template-columns:repeat(2, 1fr);justify-content:left;max-width:730px;padding:0 15px}}@media screen and (max-width: 769px){#works .workList{grid-template-columns:repeat(1, 1fr);row-gap:40px;-webkit-column-gap:0;column-gap:0;justify-content:center;margin-top:20px}}#works .workItem{color:#444;cursor:pointer}#works .workItem:hover{text-decoration:none}#works .workItem:hover .imageWrap .image{-webkit-transform:scale(1.1);transform:scale(1.1)}@media screen and (min-width: 375px)and (max-width: 1039px){#works .workItem{width:345px;margin:0 auto}}@media screen and (max-width: 374px){#works .workItem{width:100%}}#works .imageWrap{height:auto;max-height:285px;aspect-ratio:4/3;overflow:hidden;background-color:#f6f6f6;border-radius:10px}@media screen and (max-width: 1039px){#works .imageWrap{max-width:345px;max-height:259px}}#works .imageWrap .image{width:100%;height:100%;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s}#works .workBody{margin-top:20px}#works .category{display:flex;gap:5px;align-items:center;margin-bottom:8px;font-size:14px;font-weight:bold}#works .category::before{display:inline-block;width:7px;height:7px;content:"";background:url(../image/common/icon_list_blue.png) left center no-repeat;background-size:7px auto}#works .client{margin-bottom:3px;font-size:14px;color:#666}#works .serviceName{min-height:58px;margin-bottom:20px;font-size:16px;font-weight:bold;letter-spacing:1.6px}@media screen and (max-width: 1039px){#works .serviceName{margin-bottom:10px}}@media screen and (max-width: 728px){#works .serviceName{min-height:auto;font-size:16px}}#works .tagList{display:flex;flex-wrap:wrap;gap:6px}#works .tagList>li{padding:3px 12px;font-family:"Yu Gothic";font-size:12px;color:#aaa;border:1px solid #eee;border-radius:50px}