@charset "utf-8";

/* 검색영역 전체 설정 */
.detailSearch {position:relative;;padding:0;margin:40px auto;}
.detailSearch:after {display:block;content:'';clear:both;}
.detailSearch dl {position:relative;margin-top: 0;}
.detailSearch dl:last-child > dd{padding-bottom:0;}
.detailSearch dl.dsLeft {float:left;}
.detailSearch dl.dsRight {float:right;}
.detailSearch dt {position:absolute;z-index:3;display:block;top:0;left:0;padding:0;}
.detailSearch dd {position:relative; display:flex; align-items:center; justify-content:flex-start; flex-wrap:wrap; padding-bottom:10px; }
.detailSearch dd > span {display:flex; align-items:center; position:relative;}
/* 부서명 검색 */
.detailSearch .srchDivsion > span{display:flex; align-items:center; width:100%;}
.detailSearch .cateSet > dd > span{ flex:auto;}
.detailSearch dd label span {overflow:hidden;display:block;position:absolute;width:1px;height:1px;font-size:1px;}
.detailSearch dd span input[type='text'] {
		width:100%;height:50px;line-height:50px;
		padding:0 10px;box-sizing:border-box;
		background:#fff;border:1px solid #d7d6dc;border-radius:8px;
}
.detailSearch.style2 dd span input[type='text'] {height:49px;}
.detailSearch .cateSet dd span.comboNone.sty2 input[type='text'] {font-size:16px;}
input#searchKeyword, input#searchKeyword1{border-left:0;}
.detailSearch dd span input[type='submit'] {
	position:absolute;top:0;right:0;width:40px;height:40px;
	background:transparent url('../../images/newMosf/common/icoBoard.png') no-repeat -40px 0;border:0;
	font-size:0;color:#555;cursor:pointer;
	-webkit-appearance:none;
}
.detailSearch.style2 dd span input[type='submit'].sty1{
	position:absolute;top:0;right:0;width:40px;height:49px;line-height:49px;
	background:transparent url('../images/sub/ds_combo_search_icon.jpg') no-repeat 2px center;border:0;
	font-size:0;color:#555;cursor:pointer;
	-webkit-appearance:none;
}
.detailSearch dd span input[type='button'] {
		height:40px;line-height:40px;
		padding:0 20px;cursor:pointer;
		box-sizing:border-box;border:none;
}
.detailSearch dd span input[type='button']:hover,
.detailSearch dd span input[type='button']:focus {color:#fff;background-color:#66a6ee;}

	/* 기관명 */
	.detailSearch dd .orgName {display:block;line-height:40px;}
	/* 기간 미지정 */
	.detailSearch .chk {margin-right:10px;}
	.detailSearch .chk label {display:inline-block;line-height:40px;padding-left:5px;}
	.detailSearch .chk label:hover{cursor:pointer;}
	/* 달력폼 */
	.detailSearch dd .picker {position:relative;}
	.detailSearch dd .picker input[type='text'] {width:160px;}
	.detailSearch dd .picker input[type='text']:hover{cursor:pointer;}
	.detailSearch dd .picker button {
		position:absolute;top:0;right:0;width:32px;height:50px;
		background:url('../images/sub/dacal_icon.png') no-repeat left center;
	}
	.detailSearch dd .picker button span {display:block !important; position:absolute; width:1px; height:1px; margin:-1px; overflow:hidden; clip-path:polygon(0 0, 0 0, 0 0);}
	/* 기간 단위 선택 */
	.detailSearch dd .btn_date {font-size:0;}
	.detailSearch dd .btn_date button {
		width:80px;height:40px;font-size:14px;color:#697078;line-height:1;
		margin-left:2px;background:#fff;box-sizing:border-box;border:1px solid #d7d7d7;
	}	
	.detailSearch dd .btn_date button.on,
	.detailSearch dd .btn_date button:hover,
	.detailSearch dd .btn_date button:focus {background:#66a6ee; border:1px solid #66a6ee; color:#fff;}
	/* 라디오박스 */
	.radioSet dd input[type='radio'] {vertical-align:middle;}
	.radioSet dd label {margin-right:10px;}	
	/* 콤보박스 - script 사용 */
	.detailSearch dd .select {/*position:absolute;top:0;*/ width:150px; flex:none;}	
	.detailSearch dd .select .bdrop {position:relative; display:inline-block;width:100%;height:40px;border:1px solid #d8d6d6;background:#fff;vertical-align:middle;}
	.detailSearch dd .select .bdrop button {width:150px;height:40px;line-height:40px;padding:0 10px;text-align:left;box-sizing:border-box;}
	.detailSearch dd .select .bdrop button i {
		display:block;height:40px;
		font-size:14px;text-align:left;font-style:normal;line-height:40px;
		background:url('../../images/board/bul_btn_sch.png') no-repeat right 5px;
	}
		
	.detailSearch dd .select .bdrop ul {
		position:absolute;z-index:5;display:none;width:100%; top:39px;
		background:#fff;
		box-shadow: 0 2px 2px rgba(0,0,0,0.4);
	}
	.detailSearch dd .select .bdrop li { font-size:13px !important; text-align:left !important;}
	.detailSearch dd .select .bdrop li a { display:block;color:#666;font-size:14px;padding:10px;white-space:nowrap;}
	.detailSearch dd .select .bdrop li a:hover,
	.detailSearch dd .select .bdrop li a:focus { background:#66a6ee;color:#fff;}
	/* 기재부가 간다 검색창을 특별하게 해보려도 시도했지만 통일성을 위해 잠시 봉인시킨다.
	.detailSearch .serchSet dd span input[type='text'] {width:300px;padding:0 50px 0 10px;background-color:transparent;border:none;border-bottom:1px solid #999;}
	*/	
	/* 리얼체험 - 지역선택 */
	.detailSearch .localSet dt {line-height:40px;}
	.detailSearch .localSet dd {display:inline-block;}
	.detailSearch .localSet dd a {display:block;height:40px;line-height:40px;cursor:pointer;}
	.detailSearch .localSet dd a:hover,
	.detailSearch .localSet dd a:focus {color:#333;text-decoration:underline;}
	.detailSearch .localSet dt i,
	.detailSearch .localSet dd i {display:inline-block;}
		/* 지역선택 아이콘 */
		.localSet dt i {background-position:-72px 0;} /* 지역아이콘 */
		.localSet dd i {margin-left:5px;background-position:-48px -24px;} /* 화살표아이콘 */
		/* 지역선택 창 */
		.localInfo {position:relative;display:none;width:1150px;margin:10px auto;border:1px solid #333;background-color:#fff;overflow:hidden;}
		.localInfo li {float:left;width:11.11%;border-bottom:1px solid #ddd;border-left:1px solid #ddd;}
		.localInfo li a {display:block;width:100%;padding:15px 0;text-align:center;}
		.localInfo li a:hover, .localInfo li a:focus {color:#fff;background-color:#56b1ff;}
	.detailSearch .localSet .hash {padding-left:50px;}
	.detailSearch .localSet .hash a {display:inline-block;margin-right:10px;}
	/* 정책기획물 - 해시태그 */
	.detailSearch .hashSet dt {font-weight:500;line-height:40px;}
	.detailSearch .hashSet dd a {display:inline-block;height:40px;line-height:40px;cursor:pointer;}
	.detailSearch .localSet dd a:hover,
	.detailSearch .localSet dd a:focus {color:#333;text-decoration:underline;}
	/* 독립적 버튼 */
	.detailSearch .orgButton {position:absolute;top:0;right:0;width:200px;height:40px;background:#555;border:0;font-size:14px;color:#fff;cursor:pointer;-webkit-appearance:none;transition:all .3s;}
	.detailSearch .orgButton:hover, 
	.detailSearch .orgButton:focus {background-color:#4696f0;transition:all .3s;}

/* 요약 게시물 리스트 설정 */
.summarySearch {position:relative;padding:0;margin:0 auto;}
	/* 해시태그 */
	.summarySearch .hashSet a {display:inline-block;height:40px;font-size:16px;line-height:40px;margin-right:10px;}
	.summarySearch .hashSet a:hover,
	.summarySearch .hashSet a:focus {color:#66a6ee;}
	/* 셀렉트박스 */
	.summarySearch .searchSet .select{width:150px; flex:none;}	
	/* 입력창 */
	.summarySearch .searchSet .keyword{flex:auto;}		
	/* 검색어입력 */
	.summarySearch .searchSet {/* position:relative; */display:flex;align-items:center;}
	.summarySearch .searchSet .bdrop {height:40px;border:1px solid #d8d6d6;background:#fff;position: relative;}	
	.summarySearch .searchSet .bdrop button {width:100%;height:40px;line-height:40px;padding:0 10px;text-align:left;box-sizing:border-box;}
	.summarySearch .searchSet .bdrop button i {
		display:block;height:40px;
		text-align:left;font-style:normal;line-height:40px;
		background:url('../../images/board/bul_btn_sch.png') no-repeat right 5px;
	}
	.summarySearch .searchSet .bdrop ul {
		position:absolute;
		z-index:5;
		display:none;
		background:#fff;
		box-shadow: 0 2px 2px rgba(0,0,0,0.4);
		width:100%;
	}
	.summarySearch .searchSet .bdrop li { padding:5px 0; font-size:13px !important; text-align:left !important;}
	.summarySearch .searchSet .bdrop li a { display:block; padding:2px 10px; color:#666; white-space:nowrap;}
	.summarySearch .searchSet .bdrop li a:hover,
	.summarySearch .searchSet .bdrop li a:focus { background:#666; color:#fff;}	
	.summarySearch .searchSet span input[type='text'],
	.summarySearch .searchSet .keyword input[type='text'] { /* Combobox가 한개일 경우 입력 시작부분을 조정함 */
		width:100%;height:40px;line-height:40px;
		box-sizing:border-box;
		background:#fff;border:1px solid #d8d6d6;
		padding:0 50px 0 10px;
	} 
	.summarySearch .searchSet label span {overflow:hidden;display:block;position:absolute;visibility:hidden;width:1px;height:1px;font-size:1px;}	
	.summarySearch .searchSet span input[type='submit'],
	.summarySearch .searchSet .keyword input[type='submit'] {
		position:absolute;top:0;right:0;width:40px;height:40px;
		background:transparent url('../../images/newMosf/common/icoBoard.png') no-repeat -40px 0;border:0;
		font-size:14px;color:#555;cursor:pointer;
		-webkit-appearance:none;
	}
	
/* 예산안 전체 년도 선택 설정 */
/*.budgetSearch {position:absolute;top:10px;right:0;}*/
.budgetSearch {margin:0; }
	/* 검색어입력 */
	.budgetSearch .searchSet {position:relative;}	
	.budgetSearch .searchSet .bdrop {position:relative; width:150px;height:40px;border:1px solid #d8d6d6;background:#fff; margin:0 0 7px 15px; }	
	.budgetSearch .searchSet .bdrop button {width:100%;height:40px;line-height:40px;padding:0 10px;text-align:left;box-sizing:border-box;}
	.budgetSearch .searchSet .bdrop button i {
		display:block;height:40px;
		text-align:left;font-style:normal;line-height:40px;
		background:url('../../images/board/bul_btn_sch.png') no-repeat right 5px;
	}
	.budgetSearch .searchSet .bdrop ul {
		position:absolute;width:100%;z-index:5;display:none;
		margin-top:3px;background:#fff;
		box-shadow: 0 2px 2px rgba(0,0,0,0.4);
	}
	.budgetSearch .searchSet .bdrop li { padding:5px 0; font-size:13px !important; text-align:left !important;}
	.budgetSearch .searchSet .bdrop li a { display:block; padding:2px 10px; color:#666; white-space:nowrap;}
	.budgetSearch .searchSet .bdrop li a:hover,
	.budgetSearch .searchSet .bdrop li a:focus { background:#666; color:#fff;}	
	.budgetSearch .searchSet span input[type='text'],
	.budgetSearch .searchSet .keyword input[type='text'] { /* Combobox가 한개일 경우 입력 시작부분을 조정함 */
		width:100%;height:40px;line-height:40px;
		box-sizing:border-box;
		background:#fff;border:1px solid #d8d6d6;
	} 
	.budgetSearch .searchSet label span {overflow:hidden;display:block;position:absolute;visibility:hidden;width:1px;height:1px;font-size:1px;}	
	.budgetSearch .searchSet span input[type='submit'],
	.budgetSearch .searchSet .keyword input[type='submit'] {
		position:absolute;top:0;right:0;width:40px;height:40px;
		background:transparent url('../../images/newMosf/common/icoBoard.png') no-repeat -40px 0;border:0;
		font-size:14px;color:#555;cursor:pointer;
		-webkit-appearance:none;
	}	
	
	.detailSearch.style2{border-top:1px solid #4d5057;}
	.detailSearch.style2 .butn{border:1px solid #d7d6dc;font-size:16px;border-radius:8px;color:#636363;padding:12px 20px;}
	.detailSearch.style2 .butn:hover,
	.detailSearch.style2 .butn:focus-visible,
	.detailSearch.style2 .butn.sele{background:#f7f7fc;border:1px solid #4565d9;color:#4565d9;}
	.detailSearch.style2 .butn.black-style{background:#404040;color:#fff;}
	.detailSearch.style2 .butn.initial-style{background: url(../images/sub/initial_icon.jpg) no-repeat right 9px center;color:#256ef4;background-size:15px;padding-right: 30px;border: 1px solid #256ef4;}
	.detailSearch.style2 dl{border-bottom:0;padding:8px 0;}
	.detailSearch.style2 dt{font-size:17px;color:#313131;font-weight:500;}
	.detailSearch.style2 dd{padding-bottom:0;gap:6px;}
	.detailSearch.style2 .ra-part{}
	.detailSearch.style2 .cal-area{display:flex;width:100%;align-items: center;}
	.detailSearch.style2 .cal-area i{display:inline-block;padding:0 6px;}
	.detailSearch.style2 .t-btn-area{display:flex;gap:8px;flex-direction: row;}
	.detailSearch.style2 input[type="text"].sty1{font-size:16px;color:#636363;border:1px solid #d7d6dc;border-radius:8px;padding-left:20px;padding-right:8px;height:49px;width:100%;}
	
	.ra-part{display:flex;gap:10px 18px;}
	.ra-part li{position:relative;}
	.ra-part li label{position:relative;padding-left:28px;cursor:pointer;font-size:16px;color:#636363;}
	.ra-part li label::before{content:"";width:20px;height:20px;display:inline-block;position:absolute;vertical-align:middle;border:1px solid #c9cbd3;border-radius:50%;left: 1px;top: 50%;transform: translateY(-50%);box-sizing:border-box;}
	.ra-part li label::after{content:"";width:8px;height:8px;display:inline-block;position:absolute;vertical-align:middle;border-radius:50%;left: 7px;top: 50%;transform: translateY(-50%);background:#e3e5e8;}
	.ra-part li input[type="radio"]{visibility:hidden; position:absolute;z-index:1;}
	/*.ra-part li input[type="radio"]:checked + label::after{content:"";display:inline-block;width:16px;height:16px;background:black;border-radius:50%;position:absolute;left:8px;top: 50%;transform: translateY(-50%);}*/
	.ra-part li input[type="radio"]:checked + label::before{background:#ffffff;border:5px solid #3f65d9;}
	.ra-part li input[type="radio"]:checked + label::after{display:none;}
	.ra-part li input[type="checkbox"]{visibility:hidden; position:absolute;z-index:1;}
	/*.ra-part li input[type="checkbox"]:checked + label::after{content:"";display:inline-block;width:16px;height:16px;background:black;border-radius:50%;position:absolute;left:8px;top: 50%;transform: translateY(-50%);}*/
	.ra-part li input[type="checkbox"]:checked + label::before{background:#ffffff;border:5px solid #3f65d9;}
	.ra-part li input[type="checkbox"]:checked + label::after{display:none;}
	
	@media only screen and (max-width:1024px) {
	.budgetSearch {position:absolute;top:10px;right:0;}
	.budgetSearch .searchSet .bdrop {margin-right:10px;}
	}
	@media only screen and (max-width:450px) {
	.budgetSearch .searchSet .bdrop {bottom:10px;}
	}