.ingredient-filter-wrapper{flex-direction:column;width:100%;height:calc(100vh - 52px);padding-top:10px;display:flex}.ingredient-filter-wrapper .search-keyword-back-btn{background:url(/assets/svg/arrow-bottom-icon.svg) 50%/cover no-repeat;justify-content:center;align-items:center;width:20px;height:20px;display:flex;transform:rotate(90deg)}.ingredient-filter-wrapper .search-keyword-back-btn span{display:none}.ingredient-filter-wrapper .search-field{margin:0 20px;position:relative}.ingredient-filter-wrapper .search-field .search-field__input .text-field{background-color:#f7f7f7;border:none;border-radius:8px}.ingredient-filter-wrapper .search-field .search-field__input .text-field input{padding:11px 10px 11px 48px;font-size:14px;font-weight:700;line-height:1.3}.ingredient-filter-wrapper .search-field .search-field__input .text-field input::placeholder{color:#a3a3a3}.ingredient-filter-wrapper .search-field .search-field__input .text-field input{color:#000}.ingredient-filter-wrapper .search-field .search-field__input .search-field__clear-btn{display:none}.ingredient-filter-wrapper .search-field button{background:url(/assets/svg/search-icon-gray.svg) 50%/cover no-repeat;justify-content:center;align-items:center;width:24px;height:24px;margin:0;display:flex;position:absolute;left:16px}.ingredient-filter-wrapper .search-field button span{display:none}.ingredient-filter-wrapper .content-top{flex-direction:column;min-height:400px;padding-bottom:20px;display:flex}.ingredient-filter-wrapper .content-top .search-result-wrap{flex-direction:column;gap:20px;padding:24px 20px 18px;display:flex}.ingredient-filter-wrapper .content-top .search-result-wrap>h2{font-size:20px;font-weight:700;line-height:1}.ingredient-filter-wrapper .content-top .search-result-wrap>p{color:#434343;font-size:15px;font-weight:600;line-height:1}.ingredient-filter-wrapper .content-top .search-result-wrap>p>span{color:#287cff}.ingredient-filter-wrapper .content-top .swiper{margin:unset;padding:unset}.ingredient-filter-wrapper .content-top .category-nav{border-bottom:1px solid #e5e5e5;height:53px;margin-top:12px;box-shadow:0 10px 15px #00000008}.ingredient-filter-wrapper .content-top .category-nav .swiper-wrapper{height:unset;display:flex}.ingredient-filter-wrapper .content-top .category-nav .swiper-wrapper .swiper-slide{align-items:center;width:100%;height:100%;display:flex}.ingredient-filter-wrapper .content-top .category-nav .swiper-wrapper .swiper-slide button{color:#a3a3a3;width:100%;padding:16px 0;font-size:13px;font-weight:400;line-height:1.4;position:relative}.ingredient-filter-wrapper .content-top .category-nav .swiper-wrapper .swiper-slide button.active{color:#0d5611;border-bottom:2px solid #0d5611;margin-bottom:-2px;font-weight:700}.ingredient-filter-wrapper .content-top .ingredient-grid-wrap{flex:1}.ingredient-filter-wrapper .content-top .ingredient-grid-wrap .ingredient-grid{grid-template-columns:repeat(4,1fr);gap:20px 0;width:100%;padding:20px 20px 0;display:grid}.ingredient-filter-wrapper .content-top .ingredient-grid-wrap .ingredient-grid .check-item{align-items:center;gap:6px;width:100%;min-width:0;font-size:14px;display:flex}.ingredient-filter-wrapper .content-top .ingredient-grid-wrap .ingredient-grid .check-item span{color:#111;white-space:nowrap;text-overflow:ellipsis;flex:1;width:100%;font-size:14px;font-weight:400;overflow:hidden}.ingredient-filter-wrapper .content-top .ingredient-grid-wrap .ingredient-grid .check-item .check-box{background:url(/assets/svg/checked-off-icon.svg) 50%/cover no-repeat;min-width:20px;height:20px}.ingredient-filter-wrapper .content-top .ingredient-grid-wrap .ingredient-grid .check-item .check-box:checked{background:url(/assets/svg/checked-icon.svg) 50%/cover no-repeat}.ingredient-filter-wrapper .content-top .info-message{cursor:pointer;background-color:#fcf6f6;border:1px solid #c91b1b;border-radius:40px;justify-content:center;align-items:center;gap:4px;width:140px;height:30px;margin:0 auto;display:flex;box-shadow:0 4px 11px #00000021}.ingredient-filter-wrapper .content-top .info-message span{color:#c91b1b;font-size:14px;font-weight:700}.ingredient-filter-wrapper .content-top .info-message .arrow-right-red{background:url(/assets/svg/red-arrow-right.svg) 50%/cover no-repeat;width:18px;height:18px}.ingredient-filter-wrapper .content-top .notice-box{background-color:#f5f5f5;border-radius:8px;flex-direction:column;gap:8px;width:100%;max-width:400px;margin:0 auto;padding:16px;display:flex;box-shadow:0 4px 11px #00000021}.ingredient-filter-wrapper .content-top .notice-box .notice-header{justify-content:space-between;align-items:center;width:100%;display:flex}.ingredient-filter-wrapper .content-top .notice-box .notice-header .notice-title{align-items:center;gap:8px;display:flex}.ingredient-filter-wrapper .content-top .notice-box .notice-header .notice-title .badge{color:#fff;background-color:#434343;border-radius:30px;padding:5px 10px;font-size:12px;font-weight:700}.ingredient-filter-wrapper .content-top .notice-box .notice-header .notice-title strong{color:#000;font-size:15px;font-weight:600}.ingredient-filter-wrapper .content-top .notice-box .notice-header .notice-close{background:url(/assets/svg/close-icon.svg) 50%/cover no-repeat;width:20px;height:20px;font-size:0}.ingredient-filter-wrapper .content-top .notice-box .notice-text{color:#757575;font-size:13px;font-weight:500;line-height:1.3}.ingredient-filter-wrapper .selected-ingredient-wrap{background-color:#f7f7f7;flex-direction:column;flex:1;width:100%;padding:20px 20px 220px;display:flex}.ingredient-filter-wrapper .selected-ingredient-wrap .selected-ingredient-grid{flex:1;grid-template-columns:repeat(3,1fr);align-content:start;gap:8px;display:grid}.ingredient-filter-wrapper .selected-ingredient-wrap .selected-ingredient-grid .checked-item{background-color:#fff;border:1px solid #e5e5e5;border-radius:8px;justify-content:space-between;align-items:center;width:102px;height:40px;padding-left:10px;padding-right:8px;font-size:13px;display:flex}.ingredient-filter-wrapper .selected-ingredient-wrap .selected-ingredient-grid .checked-item>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ingredient-filter-wrapper .selected-ingredient-wrap .selected-ingredient-grid .checked-item>img{cursor:pointer}.ingredient-filter-wrapper .selected-ingredient-wrap .info-text{color:#a3a3a3;justify-content:center;width:100%;margin-top:10px;font-weight:700;display:flex}@media (max-width:700px){.ingredient-filter-wrapper .selected-ingredient-wrap .btn-wrap{margin:0 auto;max-width:calc(100% - 40px)!important}}.ingredient-filter-wrapper .selected-ingredient-wrap .btn-wrap{gap:8px;width:100%;max-width:400px;display:flex;position:fixed;bottom:100px}.ingredient-filter-wrapper .selected-ingredient-wrap .btn-wrap button{border-radius:10px;flex:1;justify-content:center;align-items:center;height:52px;font-size:16px;font-weight:700;display:flex}.ingredient-filter-wrapper .selected-ingredient-wrap .btn-wrap button:first-child{color:#0d5611;background-color:#fff;border:1px solid #cadacb}.ingredient-filter-wrapper .selected-ingredient-wrap .btn-wrap button:last-child{color:#fff;background-color:#0d5611}.ingredient-filter-wrapper .selected-ingredient-wrap .btn-wrap button:disabled{color:#fff;cursor:not-allowed;background-color:#d4d4d4}