.genre_filter{height:42px;margin-bottom:8px;max-width:1004px;padding:0 10px;position:relative;width:100%}.genre_filter .genre_total{color:#333;float:left;font-family:Noto Sans KR;font-size:.8rem;margin-top:10px}.genre_filter .genre_total .txt_red{color:#e63740;font-weight:500}.genre_filter .genre_select_box{background:#fff;border:1px solid transparent;position:absolute;right:2px;width:138px;z-index:3}.genre_filter .genre_select_box .select_box{align-items:center;cursor:pointer;display:flex;height:38px;padding:0 10px;position:relative;width:134px}.genre_filter .genre_select_box .select_box .filter_icon{float:left;height:15px;margin-right:6px;width:17px}.genre_filter .genre_select_box .select_box p{color:#333;float:left;font-family:Noto Sans KR;font-size:.75rem}.genre_filter .genre_select_box .select_box .drop_icon{height:7px;position:absolute;right:6px;width:12px}.genre_filter .genre_select_box ul{display:none;width:138px}.genre_filter .genre_select_box ul li{align-items:center;background:#fff;color:#777;cursor:pointer;display:flex;font-family:Noto Sans KR;font-size:.75rem;height:38px;justify-content:center;margin-bottom:0;text-align:center;width:136px}.genre_filter .genre_select_box ul li:hover{background-color:#f4f4f4;color:#000}.genre_filter .genre_select_box.active{border:1px solid #ddd;z-index:20}.genre_filter .genre_select_box.active .select_box .drop_icon{transform:rotate(180deg)}.genre_filter .genre_select_box.active ul{display:block}@media(min-width:768px)and (max-width:1023px){.genre_filter .genre_total{font-size:.9rem}.genre_filter .genre_select_box .select_box p,.genre_filter .genre_select_box ul li{font-size:.8rem}.genre_filter{margin-bottom:8px}.genre_filter .genre_select_box{right:8px}}@media(min-width:0)and (max-width:767px){.genre_filter .genre_total{font-size:.9rem}.genre_filter{margin-bottom:0}.genre_filter .genre_select_box{right:8px;width:130px}.genre_filter .genre_select_box ul{width:130px}.genre_filter .genre_select_box ul li{font-size:.8rem;width:128px}.genre_filter .genre_select_box .select_box p{font-size:.8rem}.genre_filter .genre_select_box .select_box .drop_icon{right:14px}}.filter__wrapper{align-items:center;display:flex;grid-column:1/-1;margin:0 auto -.5rem;max-width:1024px;padding:0;width:100%}.filter__header{flex:auto;position:relative;z-index:1}.filter__title{align-items:center;color:var(--color-text-title);display:flex;font-family:var(--font-family-default);font-size:1.1rem;font-weight:var(--font-weight-medium);height:2.5rem;margin:0 auto;padding:0}.filter__title>b{color:var(--color-red-primary)}.filter__select-box{height:2.2rem;position:relative;width:8rem}.filter__select-box .select-box{align-items:center;background-color:transparent;border-radius:8px;color:var(--color-dark);cursor:pointer;display:flex;font-family:var(--font-family-default)!important;font-size:var(--font-size-sm);height:100%;justify-content:space-between;padding:10px 5px;width:100%}.filter__select-box .select-box .filter-box__icon{display:flex}.filter-box__selected{flex:auto;margin-left:5px;text-align:left}.filter-box__icon-img{font-size:1rem;height:1rem}.filter-box__icon.ico-arrow.on{transform:scaleY(-1)}.filter__select-box ul.filter-box__dropdown{background:var(--color-light);border:1px solid var(--color-border-default);border-radius:8px;box-shadow:0 4px 6px #0000001a;display:none;left:0;list-style:none;margin:0;max-height:240px;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;top:100%;width:100%;z-index:1000}.filter__select-box ul.filter-box__dropdown li{color:var(--color-dark);cursor:pointer;font-family:var(--font-family-default);font-size:var(--font-size-sm);margin:0;padding:10px 14px;width:100%}.filter__select-box ul.filter-box__dropdown li:hover{background-color:var(--color-bg-footer);color:var(--color-text-subtitle)}.filter__select-box ul.filter-box__dropdown.show{display:block;z-index:2}