.filter_wrap { position:relative; overflow:hidden; box-sizing:border-box; padding-top:5rem; min-height:1000px;}
.filter_wrap * { box-sizing:border-box; margin:0; padding:0; }
.filter_wrap fieldset {margin:0; padding:0; border:0; }
.filter_wrap legend {height:0; font-size:0; line-height:0; overflow:hidden; text-indent:-99999px;}
.filter_wrap .serach_wrap { position:relative; overflow:hidden; text-align:center;}
.filter_wrap .serach_wrap p { display:inline-block; border-bottom:2px solid #333; }
.filter_wrap .serach_wrap input { font-size:16px; font-weight:normal; border:0; padding:.75rem 1rem; outline:none;vertical-align:middle; width:25rem;}
.filter_wrap .serach_wrap button { width:2.65rem; height:2.65rem; position:relative; font-size:0; text-indent:-99999px;vertical-align:middle; border:none; background:none; cursor:pointer; }
.filter_wrap .serach_wrap button:before { content:''; position:absolute; width:1.75rem; height:1.75rem; left:.2rem; top:.2rem; border-radius:100%; border:2px solid #666; }
.filter_wrap .serach_wrap button:after {content:''; position:absolute; width:2px; height:11px; background:#666; transform:rotate(135deg); right:7px; bottom:3px;}

.filter_wrap .filter_key_wrap { padding:1rem; margin:3rem 0 1rem; overflow:hidden; background:#f1f1f1; border-radius:1rem; }
.filter_wrap .filter_key_wrap .category { width:100%; display:flex; align-items: center; flex-wrap: nowrap; font-size:16px; padding:.25rem 0; }
.filter_wrap .filter_key_wrap .category h3 { font-size:16px; width:3.5rem; text-align:center; padding:.5rem 0; }
.filter_wrap .filter_key_wrap .category ul { width: calc(100% - 4rem); padding-left: 16px; display:flex; align-items: center; flex-wrap: nowrap;   }
.filter_wrap .filter_key_wrap .category ul li { margin-right:.25rem; margin-bottom:.25rem; text-align:center; }

.filter_wrap .filter_key_wrap .category ul li input { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0;}
.filter_wrap .filter_key_wrap .category ul li input + label { display: inline-block; width:2.5rem;  padding:.5rem 0; border:1px solid #ccc;  border-radius:.5rem;  position: relative; cursor: pointer; background-color: #fff; text-transform: uppercase; }

.filter_wrap .filter_key_wrap .category ul li input.auto + label  { width:4rem; padding:.5rem; border-radius:.5rem;}

.filter_wrap .filter_item_wrap { position:relative; overflow:hidden; }
.filter_wrap .filter_item_wrap .filter_lst { position:relative; overflow:hidden; width:100%; padding:1rem 0; border-bottom:1px solid #eee; }
.filter_wrap .filter_item_wrap .filter_lst h4 { font-weight:600; font-size:20px; }
.filter_wrap .filter_item_wrap .filter_lst ul { display:flex; flex-wrap:wrap; width:100%; margin:0; padding:0; }
.filter_wrap .filter_item_wrap .filter_lst ul li { width:25%; margin-top:.5rem; }
.filter_wrap .filter_item_wrap .filter_lst ul li a { display:inline-block; text-decoration:none; font-size:16px; color:#666; }