.outside[data-v-1f5416d1]{display:flex}.outside .bg[data-v-1f5416d1]{position:fixed;left:0;display:flex;width:100%;height:100%;z-index:-1}.outside .bg-white[data-v-1f5416d1]{flex:calc(50% - 510px);background:#fff}.outside .bg-gray[data-v-1f5416d1]{flex:calc(50% + 510px);background:var(--Angular_5,conic-gradient(from 180deg at 49.66% 51.85%,#f9f9f9 0deg,#fffbf2 72.0000010729deg,#f9f9f9 144.0000021458deg,#fffbf2 216.0000085831deg,#f9f9f9 288.0000042915deg))}.outside-filter[data-v-1f5416d1]{padding:40px;width:270px;display:flex;flex-direction:column;border-right:1px solid #e6e6e6;background:#fff;gap:20px}.outside-filter-head[data-v-1f5416d1]{width:100%;padding-bottom:20px;border-bottom:1px solid #feeabc;font-size:16px;font-weight:500}.outside-filter-body[data-v-1f5416d1]{width:100%}.outside-filter-body .category[data-v-1f5416d1]{display:flex;flex-direction:column;gap:20px;font-size:14px;font-weight:500}.outside-filter-body .category-all[data-v-1f5416d1]{cursor:pointer;color:#f49301}.outside-filter-body .category-wrap[data-v-1f5416d1]{display:flex;flex-direction:column;gap:8px}.outside-filter-body .category-wrap-content[data-v-1f5416d1]{background:#f9f9f9;padding:12px 16px;display:flex;flex-direction:column;gap:12px;font-size:13px;font-weight:500;color:#737373;cursor:pointer}.outside-filter-body .category-wrap-content .content-name[data-v-1f5416d1]{display:flex}.outside-filter-body .category-wrap-content .content-name p[data-v-1f5416d1]{padding:4px 0;color:#737373;font-size:13px;font-weight:500;border-bottom:1px solid #f9f9f9}.outside-filter-body .category-wrap-content .content-name p[data-v-1f5416d1]:hover{border-bottom:1px solid #feeabc}.outside-filter-body .category-wrap-content .content-name p.active[data-v-1f5416d1]{color:#f49301;border-bottom:1px solid #f9f9f9}.outside-filter-body .category-wrap .filter-btn[data-v-1f5416d1]{display:flex;align-items:center;gap:8px;color:#d1d1d1;font-size:13px;font-weight:500}.outside-list[data-v-1f5416d1]{padding:40px 40px 60px;width:1020px;min-height:calc(100vh - 70px)}@media(max-width:960px){.outside-list-filter[data-v-1f5416d1]{margin:0 20px 20px}}.outside-list-filter[data-v-1f5416d1]{z-index:1}.outside-list-filter-top[data-v-1f5416d1]{display:flex;flex-direction:column}@media(max-width:1080px){.outside-list-filter-top[data-v-1f5416d1]{flex-direction:column;gap:12px}}.outside-list-filter-top .filter-menu[data-v-1f5416d1]{flex:1}.outside-list-filter-top .filter-menu[data-v-1f5416d1]:not(:last-child){border-right:1px solid #e6e6e6}.outside-list-filter-search[data-v-1f5416d1]{display:flex;align-items:center;width:100%;height:36px;padding:8px 12px;border:1px solid #e6e6e6;border-radius:4px;background:#fff}.outside-list-filter-search[data-v-1f5416d1]:hover{border-color:#feeabc}.outside-list-filter-search.border[data-v-1f5416d1]{border:1px solid #ffb800}.outside-list-filter-search .ic-search[data-v-1f5416d1]{width:16px}.outside-list-filter-search .keyword[data-v-1f5416d1]{flex:1;padding-left:8px;font-size:14px}.outside-list-filter-btns[data-v-1f5416d1]{position:relative;display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.outside-list-filter-btns .add-btn[data-v-1f5416d1]{cursor:pointer;position:absolute;right:0;bottom:-66px;display:flex;padding:8px 12px;align-items:center;justify-content:center;gap:8px;width:129px;height:37px;border-radius:4px;background:#ffb800;color:#fff;font-size:14px;font-weight:400}.outside-list-filter-btns .add-btn[data-v-1f5416d1]:hover{box-shadow:4px 4px 8px 0 rgba(0,0,0,.04)}.outside-list-filter-btns .filter-btn[data-v-1f5416d1]{cursor:pointer;height:20px;display:flex;align-items:center;gap:8px;color:#737373;font-size:14px;font-weight:500;line-height:140%}.outside-list-filter-btns .filter-btn img[data-v-1f5416d1]{width:16px}.outside-list-filter-btns .filter-btn[data-v-1f5416d1]:hover{border-bottom:1px solid}.outside-list-filter-btns .filter-btn.active[data-v-1f5416d1]{border-color:#ffb800;color:#f49301}.outside-list-filter-btns .filter-btn span[data-v-1f5416d1]{font-size:16px}.outside-list-title[data-v-1f5416d1]{margin-top:40px;display:flex;gap:8px;font-size:16px;font-style:normal;font-weight:500}.outside-list-wrap[data-v-1f5416d1]{margin-top:20px;display:flex;flex-wrap:wrap;gap:20px}.outside-list-wrap .card[data-v-1f5416d1]{padding:8px 8px 16px;display:flex;flex-direction:column;gap:12px;width:220px;height:382px;background-color:#fff;border:1px solid #fff}.outside-list-wrap .card[data-v-1f5416d1]:hover{border-radius:8px;border:1px solid #feeabc;box-shadow:4px 4px 8px 0 rgba(0,0,0,.04)}.outside-list-wrap .card-img[data-v-1f5416d1]{width:204px;height:204px;background-color:#d1d1d1}.outside-list-wrap .card-img img[data-v-1f5416d1]{max-width:100%;max-height:100%;width:auto;height:auto}.outside-list-wrap .card-content[data-v-1f5416d1]{padding:0 8px;display:flex;flex-direction:column;justify-content:space-between;height:100%}.outside-list-wrap .card-content .content-top[data-v-1f5416d1]{display:flex;flex-direction:column;gap:6px}.outside-list-wrap .card-content .content-top .type[data-v-1f5416d1]{color:#737373;font-size:13px;font-style:normal;font-weight:500}.outside-list-wrap .card-content .content-top .title[data-v-1f5416d1]{color:#474747;font-size:15px;font-style:normal;font-weight:500;padding-top:2px}.outside-list-wrap .card-content .content-top .price[data-v-1f5416d1]{color:#f49301;font-size:13px;font-style:normal;font-weight:500}.outside-list-wrap .card-content .content-bottom-date[data-v-1f5416d1]{display:flex;flex-direction:column;gap:4px}.outside-list-wrap .card-content .content-bottom-date .complete[data-v-1f5416d1]{color:#737373;display:flex;align-items:flex-end;gap:12px;font-size:12px;font-style:normal;font-weight:500}.outside .empty[data-v-1f5416d1]{color:#bfbfbf;margin:20px 0 60px;font-size:16px;font-style:normal;font-weight:500}