.filter-background{position:fixed;top:0;left:0;background-color:#424a602b;width:100%;height:100%;padding:76px 16px 0;z-index:100}.filter-wrap{background-color:#fff;border-radius:12px;padding:20px 16px;width:calc(100% - 32px);min-width:280px;font-size:1.6rem;font-weight:500;letter-spacing:-.54px;color:#475467;font-family:var(--font-pretendard);position:absolute;z-index:300}.filter-wrap input::placeholder{-webkit-user-select:none;-moz-user-select:none;user-select:none}.filter-modal-title{display:flex;justify-content:space-between;align-items:center;padding-right:2px}.modal-close{border:0;background:transparent;cursor:pointer;height:18px}.search-icon{position:absolute;height:22px;width:22px;top:62px;left:26px}.filter-wrap h3{font-size:1.8rem;font-weight:500}.filter-scroll{margin-top:10px;height:52vh;overflow:auto;margin-bottom:75px;padding-bottom:3px;&::-webkit-scrollbar{width:10px}&::-webkit-scrollbar-track{background-color:#f3f4f6}&::-webkit-scrollbar-thumb{background-color:#d1d5db}}.filter-top{display:flex;flex-direction:column}.filter-layout-block{margin-top:28px}.filter-layout-block.align{margin-top:18px;padding-right:24px;margin-right:24px}.filter-layout-block.sex{margin-top:18px}.filter-title{margin-bottom:12px;font-size:1.5rem}.filter-title-sub{font-size:1.3rem;font-weight:400;color:#667085;margin-left:10px}.filter-item-align{display:flex;gap:6px;flex-wrap:wrap}.filter-item{font-weight:500;display:flex;padding:6px 15px 6px 14px;border-radius:4px;border:1px solid #e0e3e9;color:#7e889d;line-height:1.2;font-size:1.4rem}.filter-item.category{background-color:#f7faff;color:#6d7586;border:1px solid #bfcce5}.filter-item:hover{background-color:#f2f4f7;border:1px solid #d0d5dd}.filter-item.filter-item-active{color:#0e9384;background-color:#f0fdf9;border:1px solid #15b79e}.submit-button-wrap{border-radius:0 0 12px 12px;left:0;width:-webkit-fill-available;position:absolute;bottom:0;padding:15px 16px 21px;display:flex;background-color:#fff;border-top:1px solid #d0d5dd;gap:8px}.submit-button-wrap button{display:flex;align-items:center;justify-content:center;height:49px;font-size:1.6rem;font-weight:600;border-radius:8px;gap:4px}.filter-reset-button{width:118px;border:1px solid #e0e3e9;background-color:inherit;color:#7e889d}.filter-reset-button:hover{background-color:#f2f4f7;border:1px solid #d0d5dd}.filter-submit-button{flex-grow:1;color:#fff;border:none;background-color:#15b79e}.filter-submit-button:hover{background-color:#0fb098}.search-result-bar{display:flex;width:-webkit-fill-available;margin:16px 0}.search-result-title{text-align:center;flex-grow:1;color:#98a2b3}.search-result-title:first-child{border-right:1px solid #d0d5dd}.search-result-title.search-category-active{color:#0e9384}.item-search-result-main{height:56.1vh;display:flex;flex-direction:column}.item-search-result-main.search-result{padding:15px 12px}.item-search-keyword{display:flex;padding:15px 12px;align-items:center;gap:12px;font-size:1.4rem;letter-spacing:-.39px;border-radius:12px;border:1px solid #e4e7ec;margin-bottom:6px;font-weight:500}.item-search-keyword:hover{background-color:#f2f4f7;border:1px solid #d0d5dd}.search-result-container-user{margin-top:7px;width:100%;height:444px;overflow:auto}.search-result-user{display:flex;padding:15px 12px;align-items:center;gap:12px;font-size:1.4rem;letter-spacing:-.39px;border-radius:12px;border:1px solid #e4e7ec;margin-bottom:6px;font-weight:500}.empty-container{flex-grow:1;display:flex}@media (min-width:1075px){.filter-background{display:flex;padding-top:13vh;justify-content:center}.filter-wrap{padding:20px 16px;width:400px;font-size:1.6rem;font-weight:500;letter-spacing:-.54px;color:#475467;font-family:var(--font-pretendard);width:530px}.filter-top{flex-direction:row}.filter-title{font-size:1.6rem}.filter-layout-block.align{border-right:1px solid #e4e7ec}.filter-item{padding:7px 18px 7px 17px;font-size:1.6rem}.filter-item-align.jobs{padding-right:21px}.submit-button-wrap{width:inherit}}