/* 검색옵션 공통 CSS 채용공고 표기 */
.search_wrap{border:1px solid #e6e6e6;border-radius:10px;padding:24px;background:#fff;margin:20px 0 40px;}
.search_wrap .searchbar{
	border-style:none none solid;border-width:1px;border-color:#333;padding:16px 8px;width:100%;font-size:16px;
	margin-bottom:24px;overflow:hidden;
}
.search_wrap .cate_wrap, .search_wrap .cate2_wrap{display:flex;border:1px solid #ddd;border-radius:10px;flex-wrap:wrap;overflow:hidden;}
.search_wrap .cate2_wrap{margin-top:16px;}
.search_wrap .cate_wrap>div, .search_wrap .cate2_wrap>div{flex-grow:1;}
.search_wrap .cate_wrap>div:nth-child(1){flex-shrink:0;width:100%;}
.search_wrap .cate_wrap>div+div, .search_wrap .cate2_wrap>div+div{border-left:1px solid #ddd;}
.search_wrap .cate_wrap>div:nth-child(2){border-left:none;}
.search_wrap .cate_wrap>div:nth-child(2), .search_wrap .cate_wrap>div:nth-child(3), .search_wrap .cate_wrap>div:nth-child(4),
.search_wrap .cate2_wrap>div .scrollbar-outer{
	height:160px;overflow-y:scroll;
}
.search_wrap .cate_wrap .tit, .search_wrap .cate2_wrap .tit{
	background-color:#f6f6f6;color:#000;font-size:15px;padding:12px 0;text-align:center;font-weight:700;
}
.search_wrap ul{margin:8px;}
.search_wrap ul li{font-size:14px;color:#999;letter-spacing:-.5px;}
.search_wrap ul li+li{margin-top:4px;}
.search_wrap .choice_wrap{display:flex;margin-top:16px;}
.search_wrap .choice_wrap > div:nth-child(1){flex-grow:1;}
.search_wrap .choice_wrap > div:nth-child(2){flex-shrink:0;width:260px;text-align:right;}
.search_wrap .choice_wrap ul{margin:0;}
.search_wrap .choice_wrap ul li+li{margin:0 20px 4px 0;}
.search_wrap .choice_wrap li{float:left;margin:0 20px 4px 0;}
.search_wrap .choice_wrap li i{color:#ccc;cursor:pointer;font-size:14px;margin-left:4px;}
.search_wrap .choice_wrap li i:hover, .search_wrap .choice_wrap li i:focus{color:#ff6163;}
.search_wrap .choice_wrap .btn{display:inline-block;font-size:16px;padding:10px;min-width:120px;color:#fff;text-align:center;border-radius:3px;height:auto;border:none;}
.search_wrap .choice_wrap .btn.reset{background:#a6a6a6;}
.search_wrap .choice_wrap .btn.search{background:#ff6163;margin-left:4px;}

.scrollbar-outer > .scroll-element .scroll-element_track{background:#fff;}
.scrollbar-outer > .scroll-element .scroll-bar{background:#e7e7e7;}
.scrollbar-outer > .scroll-element.scroll-y{width:8px;}
.scrollbar-outer > .scroll-element .scroll-element_outer, .scrollbar-outer > .scroll-element .scroll-element_track, .scrollbar-outer > .scroll-element .scroll-bar{border-radius:0;}
.scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer{width:6px;}
input[type="checkbox"]+label{display:inline-block;position:relative;padding-left:24px;font-size:14px;color:#333;}
input[type="checkbox"]+label::after{
	content:"";width:16px;height:16px;background:#fdfdfd;border:1px solid #ddd;position:absolute;left:0;top:1px;border-radius:3px;
}
input[type="checkbox"]:checked+label::after{
	content:"✔";font-size:12px;line-height:16px;background:#38bab2;color:#fff;border-color:#38bab2;text-align:center;
}
.search_wrap .radio{margin:10px 8px!important;font-size:14px;color:#999;}
.search_wrap .radio+.radio{margin-top:8px;}
.search_wrap .radio span{font-size:14px;color:#333;padding-left:24px;}
.search_wrap .radio input[type="checkbox"]+span::before{
	content:"";width:16px;height:16px;background:#fdfdfd;border:1px solid #ddd;position:absolute;left:0;top:1px;border-radius:3px;
}
.search_wrap .radio input[type="checkbox"]:checked+span::before{
	content:"✔";font-size:12px;line-height:16px;background:#38bab2;color:#fff;border-color:#38bab2;text-align:center;font-weight:400;
}

@media all and (max-width:820px){
	.search_wrap .cate_wrap>div:nth-child(4){border-left:none;border-top:1px solid #ddd;}
	.search_wrap .cate2_wrap>div{flex:1 1 30%;}
	.search_wrap .cate2_wrap>div:nth-child(4){border-left:none;}
	.search_wrap .cate2_wrap>div:nth-child(4), .search_wrap .cate2_wrap>div:nth-child(5), .search_wrap .cate2_wrap>div:nth-child(6){
		border-top:1px solid #ddd;
	}
}

@media all and (max-width:768px){
	.search_wrap .cate_wrap{flex-direction:column;}
	.search_wrap .cate_wrap>div:nth-child(3){border-left:none;border-top:1px solid #ddd;}
}

@media all and (max-width:480px){
	.search_wrap{padding:16px;}
	.search_wrap .cate2_wrap>div{flex:1 1 40%;}
	.search_wrap .cate2_wrap>div:nth-child(3), .search_wrap .cate2_wrap>div:nth-child(5){border-left:none;}
	.search_wrap .cate2_wrap>div:nth-child(3){border-top:1px solid #ddd;}
	.search_wrap .choice_wrap{flex-direction:column;}
	.search_wrap .choice_wrap > div:nth-child(2){width:100%;text-align:center;margin-top:16px;}
}