.tab_wrap{align-items:center;display:flex;justify-content:space-between;margin-bottom:33px}.tab_wrap .tab_list{display:flex;gap:10px}.tab_wrap .tab_item{height:46px;width:76px}.tab_wrap .tab_item a{align-items:center;background-color:#f4f4f4;border-radius:6px;color:#505050;display:flex;font-size:18px;font-weight:500;height:100%;justify-content:center;line-height:21px;width:100%}.tab_wrap .tab_item.active a{background-color:#212121;color:#fff;font-weight:700}.tab_wrap .filter_list_wrap{position:relative}.tab_wrap .filter_list_wrap .filter_btn{align-items:center;color:#505050;display:flex;font-size:18px;font-weight:500}.tab_wrap .filter_list_wrap .filter_btn .filter_arrow{transform:rotate(180deg) translateY(2px)}.tab_wrap .filter_list_wrap .filter_btn.active .filter_arrow{transform:rotate(0) translateY(1px)}.tab_wrap .filter_list_wrap .filter_list{background-color:#fff;border:1px solid #e3e3e3;border-radius:6px;display:none;flex-direction:column;gap:4px;left:50%;padding:5px;position:absolute;top:34px;transform:translate3d(-50%,0,0);width:108px;z-index:100}.tab_wrap .filter_list_wrap .filter_list.active{display:flex}.tab_wrap .filter_list_wrap .filter_item{height:36px}.tab_wrap .filter_list_wrap .filter_item.active .filter_item_a{background-color:#e7ebf2;color:#212121;font-weight:500}.tab_wrap .filter_list_wrap .filter_item_a{align-items:center;border-radius:4px;color:#7b7b7b;display:flex;font-size:16px;font-weight:400;height:100%;justify-content:center;width:100%}.fade_filter_wrap{min-width:139px;opacity:0;padding-top:214px;position:fixed;right:50%;top:0;transform:translate3d(716px,0,0);transition:opacity .3s,visibility .3s,padding-top .4s;visibility:hidden;z-index:10}.fade_filter_wrap.on{opacity:1;padding-top:162px;visibility:visible}.fade_filter_wrap.no_bar.on{padding-top:116px}.fade_filter_wrap .filter_btn{align-items:center;background-color:#f4f4f4;border-radius:6px;display:flex;height:48px;justify-content:center;padding:0 10px 0 14px;width:100%}.fade_filter_wrap .filter_btn .ctgr{color:#7b7b7b;font-size:14px;font-weight:400;line-height:17px;margin-right:14px}.fade_filter_wrap .filter_selected{color:#212121;font-weight:500;line-height:19px}.fade_filter_wrap .filter_list{background-color:#fff;border:1px solid #e3e3e3;border-radius:6px;display:none;flex-direction:column;gap:4px;margin-top:10px;padding:5px}.fade_filter_wrap .filter_list.active{display:flex}.fade_filter_wrap .filter_item_a{align-items:center;border-radius:4px;color:#7b7b7b;display:flex;font-size:16px;font-weight:400;height:36px;justify-content:center;line-height:19px;transition:.3s ease}.fade_filter_wrap .filter_item.active .filter_item_a{background-color:#e7ebf2;color:#212121;font-weight:500}.fade_filter_wrap .filter_btn .filter_arrow{transform:rotate(180deg) translateY(2px)}.fade_filter_wrap .filter_btn.active .filter_arrow{transform:rotate(0) translateY(1px)}@media (hover:hover){.tab_wrap .tab_item a:hover{background-color:#212121;color:#fff;font-weight:700}.tab_wrap .filter_list_wrap .filter_item_a:hover{background-color:#f4f4f4;color:#212121}.fade_filter_wrap .filter_item_a:hover{background-color:#f4f4f4;color:#212121;font-weight:500}}@media (max-width:1542px){.fade_filter_wrap{right:50px;transform:translate3d(0,50px,0)}}@media (max-width:1365px){.fade_filter_wrap{display:none}}@media (max-width:768px){.tab_wrap{align-items:flex-start;flex-direction:column;gap:18px;padding-right:0}.tab_wrap .filter_list_wrap{margin-left:auto;margin-right:-6px}.tab_wrap .tab_list{gap:5px}.tab_wrap .tab_item{height:32px;width:57px}.tab_wrap .tab_item a{border-radius:4px;font-size:13px;line-height:16px}.tab_wrap .filter_list_wrap .filter_btn{font-size:15px;line-height:18px}.tab_wrap .filter_list_wrap .filter_btn .filter_arrow{display:flex;transform:rotate(180deg) translateY(0)}.tab_wrap .filter_list_wrap .filter_btn.active .filter_arrow{transform:rotate(0) translateY(-1px)}.tab_wrap .filter_list_wrap .filter_list{left:auto;right:-45px;top:28px;width:101px}.tab_wrap .filter_list_wrap .filter_item_a{font-size:15px}}@media (max-width:550px){.tab_wrap .tab_list{gap:1.25vw;justify-content:center;width:100%}.tab_wrap .tab_item{width:15.8333vw}}