.sort-container{border-bottom:1px solid #e51820;background:#1a1a1a;transform:translateY(-100%);transition:transform .5s ease;position:relative;z-index:1}.nav-sort{max-width:1000px;height:105px;margin:0 auto;display:flex;color:#868587}.sort-item{flex:1;display:flex;justify-content:center;align-items:center;cursor:pointer}.sort-item:hover{color:#e51820}img:nth-child(2){display:none}.sort-item:hover .red-img{display:block!important}.sort-item:hover .normal-img{display:none!important}.sort-title{display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer}.sort-title img{max-width:100%;max-height:100%;object-fit:contain}.nav-img{width:34px;height:34px;display:inline-flex;justify-content:center;align-items:center;margin-bottom:5px}@media screen and (max-width: 768px){.nav-img{width:.34rem;height:.34rem;margin-bottom:.05rem}}.sort-item span{text-align:center}.sort-title.active span{color:#e51820;font-size:19px}.sort-title.active .nav-img img:nth-child(1){display:none}.sort-title.active .nav-img img:nth-child(2){display:block}.sort-title:not(.active) .nav-img img:nth-child(1){display:block}.sort-title:not(.active) .nav-img img:nth-child(2){display:none}@media screen and (max-width: 768px){.nav-sort{width:10rem}.sort-container{overflow-x:auto;height:1.16rem}.sort-title.active span{font-size:.19rem}.sort-title img{width:.34rem;height:.34rem}.nav-sort{min-width:100%;height:1.16rem;padding:0 .4rem}.sort-item.red{font-size:.19rem}}.h1-container{text-align:center;margin-top:53px;margin-bottom:73px}.h1-title{font-family:Teko;font-weight:600;font-style:SemiBold;font-size:72px;leading-trim:NONE;line-height:100%;letter-spacing:0%;height:103px}.h1-desc{font-family:Inter;font-weight:400;font-style:Regular;font-size:21px;leading-trim:NONE;line-height:100%;letter-spacing:0%;color:#898989;max-width:1066px;margin:0 auto}@media screen and (max-width: 768px){.h1-container{text-align:center;margin-top:.416rem;margin-bottom:.465rem}.h1-title{font-size:.72rem;height:1.03rem}.h1-desc{font-size:.21rem;padding:0 .567rem 0 .613rem}}.main-pro{position:relative;width:100%;height:600px;text-align:center;margin-bottom:67.4px}.main-pro-bg{width:100%;height:100%}.main-pro-bg img{width:100%;height:100%;object-fit:cover}.content-pro{position:absolute;width:100%;height:100%;text-align:center;top:0;left:0}.pro-title{margin-top:330px;height:103px}.pro-desc{height:25px;color:#898989}.search-container{padding-top:54.3px}.pro-link{margin-top:21px;height:26px}@media screen and (max-width: 768px){.search-container{padding-top:1.434rem;padding-left:.5rem;padding-right:.5rem}.main-pro{height:6.142rem;margin-bottom:.22rem}.pro-title{margin-top:2.528rem;height:1rem}.pro-desc{color:#898989;padding:0 .64rem;line-height:1.4!important;height:auto}.pro-link{margin-top:.21rem;height:.26rem}}.search{display:flex;justify-content:center;align-items:center;margin-bottom:99px}.search-input{width:700px}.result{max-width:var(--main-width);margin:0 auto 100.8px}.result-grid{grid-template:auto / repeat(5,1fr);column-gap:25px;row-gap:31.3px;display:grid}@media screen and (max-width: 768px){.result-grid{grid-template:auto / repeat(2,1fr);column-gap:.116rem;row-gap:.088rem}.content-search{padding:0 .5rem}.search{margin-bottom:.917rem}}.pagination{max-width:var(--main-width);margin:0 auto 79px}@media screen and (max-width: 768px){.pagination{width:100%;max-width:var(--main-width);margin:.5rem auto .85rem}.result{margin-bottom:.83rem}}@media screen and (max-width: 768px){.scrollbox::-webkit-scrollbar{display:none}.scrollbox{scrollbar-width:none}.scrollbox{-ms-overflow-style:none}}