main { padding: 3rem 0; max-width: 1200px; margin: 0 auto;}
main .filter_wrap > h2 { font-size:1.8rem; font-weight: 600; margin-bottom: 1.5rem;}
main .filter_wrap > .select_wrap { border-radius: 10px; border: 1px solid #ebebeb; background: #f8fafb;     overflow: hidden;}
main .filter_wrap > .select_wrap .search_box { background: #fff;border-radius: 10px; overflow: hidden;border: solid 1px #ebebeb;margin: 1.5rem 1.8rem; display: flex; align-items: center; width: 30%; min-width: 450px;  }
main .filter_wrap > .select_wrap .search_box input { padding: 1rem; width: 90%; border-radius: 10px; }
main .filter_wrap > .select_wrap .search_box button { width: 10%; text-align: center;} 
main .filter_wrap > .select_wrap .search_box button img { filter: grayscale(1); }
main .filter_wrap > .select_wrap .check_name { display: flex; text-align: center; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb;}
main .filter_wrap > .select_wrap .check_name li { padding: 1.3rem 0; font-size: 1.4rem; font-weight: 600;}
main .filter_wrap > .select_wrap .check_name li:nth-child(1) { width: 30%; border-right: 1px solid #ebebeb;}
main .filter_wrap > .select_wrap .check_name li:nth-child(2) { width: 70%;}
main .filter_wrap > .select_wrap .menu_wrap { display: flex; background: #fff; }
main .filter_wrap > .select_wrap .menu_wrap > li { overflow-y: scroll; height: 20rem; border-radius: 0 0 0 10px;}
main .filter_wrap > .select_wrap .menu_wrap > li:nth-child(1) { width: 30%; border-right: 1px solid #ebebeb;}
main .filter_wrap > .select_wrap .menu_wrap > li:nth-child(2) { width: 70%;}
main .filter_wrap > .select_wrap .menu_wrap > li ul li input { display: none;}
main .filter_wrap > .select_wrap .menu_wrap > li ul li .label_wrap { padding: 1.3rem 1.2rem; }
main .filter_wrap > .select_wrap .menu_wrap > li ul li .label_wrap label { cursor: pointer; font-size: 1.3rem; text-overflow: ellipsis; overflow: hidden; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 1;-webkit-box-orient: vertical; height: 1.3rem;}
main .filter_wrap > .select_wrap .menu_wrap > li ul li .label_wrap:hover,
main .filter_wrap > .select_wrap .menu_wrap > li ul li input:checked + .label_wrap { background-color: #f9f9f9;}
main .filter_wrap > .select_wrap .menu_wrap > li.scd_menu ul { display: flex; flex-wrap: wrap;}
main .filter_wrap > .select_wrap .menu_wrap > li.scd_menu ul li { width: 50%;}

main .filter_wrap > .select_wrap .menu_wrap.area_wrap > li ul { display: flex; flex-wrap: wrap;}
main .filter_wrap > .select_wrap .menu_wrap.area_wrap > li ul li { width: 50%; }
main .filter_wrap > .select_wrap .menu_wrap.area_wrap > li.scd_menu ul li { width: 33.3333%;}

main .result_wrap > p { font-size: 1.8rem; margin-top: 9rem; margin-bottom: 1.3rem; font-weight: 500;}
main .result_wrap > p span { font-size: 1.8rem; color: #3571e3;font-weight: 500;}
main .result_wrap > ul li { margin-bottom: 1.3rem;}
main .result_wrap > ul li a { display: flex; justify-content: space-between; gap: 1.5rem; align-items: center; border-radius: 10px; border: solid 1px #ebebeb; padding: 2.5rem; }
main .result_wrap > ul li a .title_wrap { display: flex; width: 30%; gap: 1.5rem;}
main .result_wrap > ul li a .title_wrap p { font-size: 1.1rem; margin-bottom: 0.8rem; color: #666;}
main .result_wrap > ul li a .title_wrap h3 { font-size: 1.4rem;font-weight: 600;}
main .result_wrap > ul li a .cate_wrap { width: 45%; }
main .result_wrap > ul li a .cate_wrap p { font-weight: 500; font-size: 1.4rem;text-overflow: ellipsis; overflow: hidden; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 1;-webkit-box-orient: vertical;}
main .result_wrap > ul li a .aver_wrap { text-align: center; }
main .result_wrap > ul li a .aver_wrap p:nth-child(1) { font-size: 1.4rem; margin-bottom: .7rem; font-weight: 500;}
main .result_wrap > ul li a .aver_wrap p:nth-child(2) { font-size: 1.2rem;}
main .result_wrap > ul li a .aver_wrap p span { color: #3571e3; font-size: 1.4rem;  font-weight: 500; filter: blur(4px); }

main .pagenation { display: flex; justify-content: right; gap: 1rem;}
main .pagenation a { font-size: 1.4rem; padding: .5rem 0.8rem; border: solid 1px #ebebeb; background-color: #f8fafb; border-radius: 10px;}
main .pagenation a.on { background: #80acff; color: #fff;}
main .pagenation a.prev { border-radius: unset; border: unset; background: #3571e3;display: flex; align-items: center;}
main .pagenation a.prev img { transform: rotate(-180deg);}
main .pagenation a.next { border-radius: unset; border: unset; background: #3571e3; display: flex; align-items: center;}

@media screen and (max-width: 767px) {
main { padding: 3rem 1.5rem;}
main .filter_wrap > .select_wrap .search_box { min-width: calc(100% - 3rem); margin: 1.5rem auto; padding: 0 0.7rem;}
main .filter_wrap > .select_wrap .check_name li:nth-child(1),
main .filter_wrap > .select_wrap .check_name li:nth-child(2),
main .filter_wrap > .select_wrap .menu_wrap > li:nth-child(1),
main .filter_wrap > .select_wrap .menu_wrap > li:nth-child(2) {width: 50%;}
main .filter_wrap > .select_wrap .menu_wrap > li.scd_menu ul li { width: 100%;}
main .filter_wrap > .select_wrap .menu_wrap > li ul li .label_wrap:hover,
main .filter_wrap > .select_wrap .menu_wrap > li ul li input:checked + .label_wrap { background: #fff; color: #3571e3; }

main .filter_wrap > .select_wrap .menu_wrap.area_wrap > li.scd_menu ul li { width: 100%;}


main .result_wrap > p { margin-top: 3rem;}
main .result_wrap > ul li a { flex-direction: column; padding: 0; gap: unset; position: relative;}
main .result_wrap > ul li a .title_wrap {width: 100%; padding: 1.2rem 7.5rem 0 1.2rem;}
main .result_wrap > ul li a .title_wrap div { order: -1;}
main .result_wrap > ul li a .title_wrap img { position: absolute;right: 1.5rem;}
main .result_wrap > ul li a .title_wrap h3 { margin-bottom: .3rem;}
main .result_wrap > ul li a .title_wrap p { }
main .result_wrap > ul li a .cate_wrap { width: 100%;}
main .result_wrap > ul li a .cate_wrap p { font-size: 1.2rem; padding: 0 7.5rem 1.2rem 1.2rem; text-align: left;text-overflow: unset; overflow: unset; word-break: unset; display: block; -webkit-line-clamp: unset; -webkit-box-orient: unset;}
main .result_wrap > ul li a .aver_wrap { display: flex; justify-content: space-between; width: 100%; border-top: solid 1px #ebebeb; padding: 1rem 1.5rem;}
main .result_wrap > ul li a .aver_wrap p:nth-child(1) { margin-bottom: 0;}

main .pagenation { justify-content: space-between;}
}