.material-list{display:grid;grid-template-columns:repeat(4,285.58px);column-gap:31.95px;row-gap:71px;margin-top:42px;margin-bottom:59px}@media only screen and (min-width: 768px) and (max-width: 1239px){.material-list{grid-template-columns:repeat(auto-fit,20%);column-gap:4.59vw}}@media only screen and (max-width: 767px){.material-list{grid-template-columns:repeat(2,150px);column-gap:35px;row-gap:35px;margin-top:22px;margin-bottom:28px}}.material-list a .item{cursor:pointer;width:285.58px}@media only screen and (min-width: 768px) and (max-width: 1239px){.material-list a .item{width:20.49vw}}@media only screen and (max-width: 767px){.material-list a .item{width:150px}}.material-list a .item .item-image{background-color:#fff;height:175px;margin-bottom:26px}@media only screen and (max-width: 767px){.material-list a .item .item-image{height:86.35px;margin-bottom:15.65px}}@media only screen and (min-width: 768px) and (max-width: 1239px){.material-list a .item .item-image{height:12vw}}.material-list a .item .item-image img{width:100%;height:100%}@media only screen and (min-width: 768px){.material-list a .item .item-image img{filter:grayscale(100%);transition:.3s ease-in-out}}.material-list a .item .item-title{font-family:Futura New Book;font-size:16px;font-weight:400;line-height:19.22px;text-align:left;color:#000;margin:0}@media only screen and (min-width: 768px) and (max-width: 1239px){.material-list a .item .item-title{font-size:1em}}@media only screen and (max-width: 767px){.material-list a .item .item-title{font-size:12px}}@media only screen and (min-width: 768px){.material-list a .item:hover .item-image img{filter:grayscale(0%)}}.block-search{width:286px;background-color:#d9d9d9;height:36px;padding:2px 9px 6px 8px;position:relative}@media only screen and (min-width: 768px) and (max-width: 1239px){.block-search{width:20.49vw}}@media only screen and (max-width: 767px){.block-search{width:100%;height:27px}}.block-search .search{width:286px;background-color:#d9d9d9;border:none;height:36px;padding:2px 10px 6px;font-size:16px;font-family:Futura New Light Reg;font-weight:400;position:absolute;left:0;top:0}@media only screen and (min-width: 768px) and (max-width: 1239px){.block-search .search{width:20.49vw}}@media only screen and (max-width: 767px){.block-search .search{width:100%;height:27px;font-size:10px}}.block-search .search::placeholder{border-bottom:1px solid #000000;font-family:Futura New Light Reg;font-weight:400;font-size:16px;line-height:20px;letter-spacing:0em;text-align:left;color:#adadad;padding-bottom:6px;padding-top:3px}@media only screen and (max-width: 767px){.block-search .search::placeholder{font-size:10px;border-bottom:.74px solid #000000}}.block-search .search-btn{right:1%;cursor:pointer;position:absolute;background-color:transparent;border:none;top:24%}.block-search .search-btn .search-img{width:10px}@media only screen and (max-width: 767px){.block-search .search-btn .search-img{width:7.43px}}.content footer{border-top:1px solid rgb(199,199,199);padding-top:25px;margin:0}@media only screen and (max-width: 767px){.content footer{padding-top:35px}}