@charset "UTF-8";

.filter_area .dim{background-color:rgba(0,0,0,.6);z-index:110}
.m_filter{overflow-x:auto;display:flex;gap:0 0.5rem;padding:1.25rem 1.25rem 0}
.m_filter > li{flex:0 0 auto}
.m_filter > li > a{display:flex;align-items:center;padding:0.5rem 0.688rem;font-size:0.875rem;font-weight:500;line-height:1;color:#767676;border:1px solid #dbdbdb;border-radius:999px;background-color:#fff}
.m_filter > li:not(.new) > a:after{content:'';width:1.25rem;height:1.25rem;margin:0 -0.25rem 0 0.125rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath fill='%23767676' d='m12 15.4l-6-6L7.4 8l4.6 4.6L16.6 8L18 9.4z'/%3E%3C/svg%3E") no-repeat 0 0;background-size:100%}
.m_filter > li.on > a{color:#fff;border-color:#000;background-color:#000}
.filter_box{position:fixed;bottom:-34.25rem;left:0;width:100%;height:34.25rem;padding:1.5rem 1.5rem 2.5rem;border-radius:1.25rem 1.25rem 0 0;background-color:#fff;z-index:110;transition:bottom linear .4s}
.filter_box .drag{position:absolute;top:0;left:0;width:100%;padding:0.75rem 0 0.5rem}
.filter_box .drag:before{content:'';display:block;width:2.5rem;height:0.25rem;margin:0 auto;border-radius:99px;background-color:#d9d9d9}
.filter_box .filter{display:flex;gap:0 1.25rem;position:relative;height:27rem}
.filter_box .filter:before{content:'';position:absolute;top:3.5rem;left:0;width:100%;height:1px;background-color:#f0f0f0}
.filter_box .filter > li > a{display:block;position:relative;line-height:1;padding:1.25rem 0;color:#767676;font-weight:500}
.filter_box .filter > li > .depth{overflow-y:auto;position:absolute;top:3.563rem;left:0;width:100%;height:23.438rem;padding:1.188rem 0 1.75re}
.filter_box .filter > li > .depth li + li{margin-top:1rem}
.filter_box .filter > li > .depth .depth_tit{display:inline-block;color:#333;font-size:0.875rem;line-height:1.25rem;vertical-align:top}
.filter_box .filter > li > .depth .depth_tit:after{content:'';display:inline-block;width:1.25rem;height:1.25rem;margin-left:0.25rem;vertical-align:top;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath fill='%23767676' d='m12 15l-5-5h10z'/%3E%3C/svg%3E") no-repeat 0 50%;background-size:100%}
.filter_box .filter > li > .depth .depth_box{display:none;margin-top:1rem;padding:1rem;background-color:#f9f9f9}
.filter_box .filter > li > .depth > li.active .depth_tit:after{transform:rotate(180deg)}
.filter_box .filter > li > .depth > li.active .depth_box{display:block}
.filter_box .filter > li.active > a{color:#000;font-weight:700}
.filter_box .filter > li.active > .depth{display:block}
.filter_box .filter > li.dot > a:after{content:'';position:absolute;top:1.188rem;right:-0.313rem;width:0.313rem;height:0.313rem;border-radius:50%;background-color:#eb2f34}
.filter_box .chip_area.active ~ .filter > li > .depth{padding-bottom:5.75rem}
.filter_box .chip_area{display:none;position:absolute;bottom:5.75rem;left:0;width:100%;padding:0.938rem 1.25rem 1rem;border-top:1px solid #f0f0f0;background-color:#fff;z-index:10}
.filter_box .chip_area.active{display:block}
.filter_box .btn_area{margin-top:0}
.filter_box .btn_area .btn_reset{flex-shrink:0;width:auto}
.filter_area.active .dim{display:block}
.filter_area.active .filter_box{bottom:0}
.alphabet{display:flex;flex-wrap:wrap;gap:1rem}
.alphabet + .alphabet{margin-top:1rem}
.alphabet > li .btn{display:block;width:2.75rem;height:2.75rem;padding:0;color:#767676;font-weight:500;line-height:2.75rem;border:0;border-radius:50%;background-color:#f9f9f9}
.alphabet > li .btn.active,.alphabet > li .btn:hover{color:#fff;font-weight:700;background-color:#000}
.alphabet_area .filter_box{height:auto;padding-top:2.5rem}
.alphabet_area .filter_box .drag{padding-bottom:1.5rem}
.alphabet_area .filter_box .filter{overflow-y:auto;display:block;height:auto;max-height:29rem}
.alphabet_area .filter_box .filter:before,.alphabet_area .btn_all{display:none}
.selected_filter{display:flex;flex-wrap:wrap;gap:0.375rem}
.selected_filter .badge{background-color:#00c7c2;border-color:#00c7c2;border-radius:6.187rem;font-weight:400;font-size:0.812rem;color:#fff;padding:0.281rem 0.562rem}
.selected_filter .badge strong{font-weight:700}
.selected_filter .badge > * + *{position:relative;padding-left:0.687rem}
.selected_filter .badge > * + *:before{content:'';display:block;position:absolute;top:50%;left:0.25rem;width:0.187rem;height:0.187rem;background-color:#fff;border-radius:50%;transform:translateY(-50%)}

.board_filter:not(.active) .filter_box{bottom:-13.5rem}
.board_filter .filter_box{height:13.5rem;padding-top:2.75rem}
.board_filter .filter_box .filter:before, .board_filter .term_btn, .board_filter .btn_inquiry{display:none}
.board_filter .filter_box .drag{padding-bottom:1.5rem}
.board_filter .filter_box .filter{height:auto;padding-bottom:1.75rem}
.board_filter .term_form{width:100%}
.board_filter .term_form input{width:calc(50% - 0.875rem)}