@charset "utf-8";

@media only screen and (min-width:1101px) {
	.detailSearch .cateSet > dd > .comboNone.sty2 {width:525px;flex:0 1 auto;}
}

/* 모든 디바이스 기준. 단, 스마트폰(portrait)을 제외 */
@media only screen and (min-width:1025px) {
	.detailSearch.style2 dd{padding-left:210px;}
	.detailSearch.style2 dt{left:30px;top: 49%; transform: translateY(-50%);}
	.detailSearch.style2 dl{border-bottom:1px solid #dbdcde;}
	.detailSearch.style2 input[type="text"].sty1{width:242px;}
	
}
@media only screen and (min-width:768px) {
	/* 검색영역 전체 설정 */
	.detailSearch dt {line-height:40px;}
	.detailSearch dd {display:flex; align-items:center; min-height:40px;padding-left:120px;}
	.detailSearch dd.rodmapInput {padding-left:inherit;}
		/* 기간 단위 선택 */
		.detailSearch .chk,
		.detailSearch dd .picker,
		.detailSearch dd .btn_date {display:flex; align-items:center; justify-content:flex-start;}
		.detailSearch dd .btn_date {margin-top:1px;}
		/* 인사분류 */
		.detailSearch .cateRecruit dd {height:40px;}
		.detailSearch dl:first-child,
		.detailSearch dl:first-child > dt{margin-top:0;}
		/* 국가선택 */
		.detailSearch .cateSet .select .bdrop.nations,
		.detailSearch .cateSet .select .bdrop.nations button {width:150px;}
		.detailSearch .cateSet .select .bdrop.nations ul {width:150px;height:250px;overflow-y:auto;overflow-x:hidden;}
		/* 콤보박스 - script 사용 */
		.detailSearch .select .bdrop:nth-child(2) {margin-left:-4px;} /* Combobox가 두개 일경우 좌측 여백 */		
		/* 검색어 입력창 */
		.detailSearch .cateSet dd span.comboNone input[type='text'] {width:100%;padding:0 50px 0 10px;}
		.detailSearch .cateSet dd span input[type='text'] {width:100%;font-size:14px;color:#555;padding:0 50px 0 10px;} /* Combobox가 한개일 경우 입력 시작부분을 조정함 */
		.detailSearch .cateSet dd span.comboAdd input[type='text'] {width:100%;padding:0 50px 0 310px;} /* Combobox가 두개일 경우 입력 시작부분을 조정함 */
		
		
			/* 조세정책 */
			.detailSearch .cateSet dd span.taxtrtKeywrd input[type='text'] {width:100%;padding:0 50px 0 10px;}
			/* 리얼체험 -검색어 입력 */
			.detailSearch .serchSet input[type='text'] {width:400px;}
	/* 요약 게시물 리스트 설정 */
	.summarySearch {max-width:1150px;}
	.summarySearch:after {display:block;content:'';clear:both;}
	.summarySearch .sshLeft {float:left;width:50%;}
	.summarySearch .sshRight {float:right;width:50%;}
		/* 검색어 입력 */
		.summarySearch .searchSet .select {position:relative;top:0;}	
		.summarySearch .searchSet .bdrop {display:inline-block;width:150px;vertical-align:middle;}
		.summarySearch .searchSet .bdrop:nth-child(2) {margin-left:-4px;} /* Combobox가 두개 일경우 좌측으로 붙혀줌 */
		.summarySearch .searchSet .bdrop button {width:150px;}			
		.summarySearch .searchSet .bdrop ul {width:150px;}
		
		.summarySearch .searchSet .comboNone input[type='text'] {width:100%;padding:0 50px 0 10px;}
		.summarySearch .searchSet span input[type='text'],
		.summarySearch .searchSet .keyword input[type='text'] {padding:0 50px 0 10px;} /* Combobox가 한개일 경우 입력 시작부분을 조정함 */
		.summarySearch .searchSet .comboAdd input[type='text'] {padding:0 50px 0 310px;} /* Combobox가 두개일 경우 입력 시작부분을 조정함 */
		
		.ra-part li label{font-size:17px;}
		.detailSearch.style2 input[type="text"].sty1{padding-left:10px;padding-right:6px;}
		
}

/* 태블릿, 소형 노트북 전용 */
@media only screen and (min-width:451px) and (max-width:1024px) {
	/* 검색영역 전체 설정 */
	.detailSearch dt {color:#888; position:relative; display:flex; align-items:flex-end; justify-content:flex-start; margin-top:20px; margin-bottom:15px; font-size:13px; font-family:'Noto Sans KR', sans-serif; line-height:1;}
	.detailSearch dt:after{content:''; width:auto; height:1px; display:block; background:#d7d7d7; margin-left:7px; flex:auto;}
	.detailSearch dd {padding-left:0;}
	.detailSearch dl:first-child,
	.detailSearch dl:first-child > dt{margin-top:0;}
	.detailSearch .cateSet > dd {display:flex; align-items:center;}
		/* 달력폼, 기간단위 */
		.detailSearch dd .picker{display:block; flex:1 1 auto; width:min-content;}
		.detailSearch dd .btn_date {width:100%; display:flex; align-items:center; justify-content:flex-start; margin-top:5px;}
		.detailSearch dd .picker input[type='text'] {width:100%; -webkit-border-radius:0;}
		.detailSearch dd .btn_date button {width:33.33%; margin-left:3px;}
		.detailSearch dd .btn_date button:first-child{margin-left:0;}
		/* 실국별 보도자료 보기 버튼 */
		.detailSearch button.orgButton {position:relative;top:inherit;right:inherit;width:100%;margin-top:5px;}
	/* 요약 게시물 리스트 설정 */
	.summarySearch {width:100%;}
	.summarySearch .sshLeft,
	.summarySearch .sshRight {width:100%;}
	.detailSearch .chk label,
	.detailSearch dd .orgName {line-height:1.23;}
	
	.detailSearch.style2 dl:first-child > dt{margin-top:20px;}
	.detailSearch.style2 dt {font-size:16px;left:0;top:auto;transform:none;}
	
	
}

/* 스마트폰(portrait) 디바이스 기준 */
@media only screen and (max-width:450px) {
	/* 검색영역 전체 설정 */
	.detailSearch {width:100%;margin:30px auto !important;}
	.detailSearch dl.dsLeft {float:none;}
	.detailSearch dl.dsRight {float:none;}
	.detailSearch dt {color:#888; position:relative; display:flex; align-items:flex-end; justify-content:flex-start; margin-top:20px; margin-bottom:15px; font-size:12px; font-family:'Noto Sans KR', sans-serif; line-height:1;}
	.detailSearch dt:after{content:''; width:auto; height:1px; display:block; background:#d7d7d7; margin-left:7px; flex:auto;}
	.detailSearch dd {padding-left:0;padding-bottom:10px;}
	.detailSearch dd > span {position:relative;display:block;}
	.detailSearch .cateSet > dd > span {width:100%;}
	.detailSearch .cateSet > dd{flex-direction:column;}
	.detailSearch .chk {display:flex; align-items:center;margin:0 5px 0 0;} /*  */
		/* 달력폼, 기간단위 */
		.detailSearch dd .picker{display:block; flex:1 1 auto; width:20%;}
		.detailSearch dd .picker input[type='text'] {width:100%; -webkit-border-radius:0;}		
		.detailSearch dd .btn_date {width:100%; display:flex; align-items:center; justify-content:flex-start; margin-top:5px;}
		.detailSearch dd .btn_date button {width:33.33%; margin-left:3px;}
		.detailSearch dd .btn_date button:first-child{margin-left:0;}
		
		/* 콤보박스 */
		.detailSearch dd .select {position:relative; width:100%;}	
		.detailSearch dd .select .bdrop {display:block;width:100%;}
		.detailSearch dd .select .bdrop button {width:100%;}		
		.detailSearch dd .select .bdrop ul {width:100%;} /* Combobox 클릭 시 나오는 레이어창 */
		.detailSearch dd .select .bdrop:nth-child(2) {margin-top:5px;margin-left:0;} /* Combobox가 두개 일경우 좌측으로 붙혀줌 */
		/* 검색어 입력창 */
		.detailSearch dl:first-child,
		.detailSearch dl:first-child > dt{margin-top:0;}
		.detailSearch .cateSet {margin-top:5px;}
		.detailSearch .cateSet dd span input[type='text'],
		.detailSearch .cateSet dd span.comboAdd input[type='text'] {padding:0 50px 0 10px;margin-top:5px;} /* Combobox가 두개일 경우 입력 시작부분을 조정함 */
		input#searchKeyword, input#searchKeyword1{border-left:1px solid #d8d6d6;}
		.detailSearch .cateSet dd span input[type='submit'] {top:5px;}
		/* 리얼체험 - 지역선택 */
		.detailSearch .localSet dt {position:absolute;line-height:40px; margin-top:0; display:flex; align-items:Center; justify-content:flex-start;}
		.detailSearch .localSet dd {padding-left:120px;}
		.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;}
		.detailSearch .localSet .hash {padding-left:10px;}
			/* 지역선택 아이콘 */
			.localSet dt i {background-position:-72px 0;} /* 지역아이콘 */
			.localSet dd i {margin-left:5px;background-position:-48px -24px;} /* 화살표아이콘 */
			/* 지역선택 창 */
			.localInfo {width:100%;}
			.localInfo li {width:33.33%;}
			/* 리얼체험 -검색어 입력 */
			.serchSet input[type='text'] {width:100%;}
			/* 부서명 검색 */
			.detailSearch .srchDivsion > span{flex-wrap:wrap;}
		/* 부서명 검색 */
		.detailSearch .srchDivsion input[type='text'] {width:100%;}
		.detailSearch .srchDivsion input[type='button'] {width:50%;margin-top:3px;}
			
		/* 독립적 버튼 */
		.detailSearch button.orgButton {position:relative;width:100%;height:40px;margin-bottom:10px;}
	/* 요약 게시물 리스트 설정 */
	.summarySearch {width:100%;}
	.summarySearch .sshLeft,
	.summarySearch .sshRight {width:100%;}
		/* 검색어입력 */
		.summarySearch .searchSet{flex-direction:column;}
		.summarySearch .searchSet .select {position:relative; width:100%;}
		.summarySearch .searchSet > span {position:relative;display:block;margin-top:5px;}
		.summarySearch .searchSet .keyword {position:relative;margin-top:5px; width:100%;}
		.summarySearch .searchSet .keyword input[type='text'] {padding:0 50px 0 10px;} /* Combobox가 한개일 경우 입력 시작부분을 조정함 */
		.detailSearch .chk label,
		.detailSearch dd .orgName {line-height:1.23;}
		
		.detailSearch.style2 dt{margin-top: 10px;margin-bottom: 12px;}
		.detailSearch.style2 dl{padding:4px 0;}
		.detailSearch.style2 .butn{padding: 8px 15px;}
		.detailSearch.style2 dd .picker input[type='text']{border-radius: 8px;height:41px;line-height:41px;}
		.detailSearch.style2 dd .picker button{height:41px;top:0;}
		.detailSearch.style2 dl:first-child > dt{margin-top:10px;}
		.detailSearch.style2 .cal-area{flex-direction: column;}
		.detailSearch.style2 dd .picker{width:100%;}
		.detailSearch.style2 input[type="text"].sty1,
		.detailSearch.style2 dd span input[type='text']{height:41px;}
		.detailSearch.style2 input[type="text"].sty1{padding-left:12px;}
		.detailSearch.style2 dd span input[type='submit'].sty1{height: 41px;line-height: 41px;top: 5px;}
}


/* 414px 이하 (viewport : 414px) */ @media only screen and (max-width:414px) {
    /* 검색영역 전체 설정 */
	.detailSearch {margin:7.246vw auto !important; /* margin:30px auto !important; */}
	.detailSearch dt {margin-top:4.831vw; margin-bottom:3.623vw; font-size:2.899vw; /* margin-top:20px; margin-bottom:15px; font-size:12px; */}
	.detailSearch dt:after{margin-left:1.691vw; /* margin-left:7px; */}
	.detailSearch dd {padding-bottom:2.415vw; /* padding-bottom:10px; */}
	.detailSearch .chk {margin:0 1.208vw 0 0; /* margin:0 5px 0 0; */}
	.detailSearch .chk label, 
	.detailSearch dd .orgName {font-size:3.623vw; /* font-size:15px; */}
	.detailSearch dd span input[type='text'] {font-size: 3.382vw;height:9.662vw;line-height:9.662vw; padding:0 2.415vw; /* font-size:14px; height:40px;line-height:40px; padding:0 10px; */}
	.detailSearch dd span input[type='submit'] {width:9.662vw;height:9.662vw; /* width:40px;height:40px; */}
	.detailSearch dd span input[type='button'] {font-size: 3.382vw; height:9.662vw;line-height:9.662vw; padding:0 4.831vw; /* font-size:14px; height:40px;line-height:40px; padding:0 20px; */}
	.detailSearch dd .btn_date{margin-top:1.208vw; /* margin-top:5px; */}
	.detailSearch dd .btn_date button {height:9.662vw;font-size:3.382vw;margin-left:0.483vw; /* width:80px;height:40px;font-size:14px;margin-left:2px; */}
    .detailSearch dd .picker button {width:5.797vw;height:5.072vw;top: 2.415vw;right: 2.657vw;/*background: url('../../images/newMosf/common/icoBoard-Calendar.png') center center / contain no-repeat;*/ /* width:24px;height:21px;top: 10px;right: 11px; */}
    
	/* 검색조건 : selectbox */	
	.budgetSearch .searchSet .bdrop{width:36.232vw; /* width:150px; */}
	.budgetSearch .searchSet .bdrop,
	.summarySearch .searchSet .bdrop,
	.detailSearch dd .select .bdrop{height:9.662vw;/* height:40px; */}	
	.budgetSearch .searchSet .bdrop button,
	.summarySearch .searchSet .bdrop button,
	.detailSearch dd .select .bdrop button,
	.summarySearch .searchSet span input[type='text'],
	.summarySearch .searchSet .keyword input[type='text']{vertical-align: top;height:9.662vw;line-height:9.662vw;padding:0 2.415vw;/* height:40px;line-height:40px;padding:0 10px; */}
	.budgetSearch .searchSet .bdrop button i,
	.summarySearch .searchSet .bdrop button i,
	.detailSearch dd .select .bdrop button i {height:9.662vw;font-size:3.382vw;line-height:9.662vw;background: url('../../images/content/bul_desc_btn.gif') right center / auto no-repeat;/* height:40px;font-size:14px;line-height:40px; background-position:right top 5px; */}
	.budgetSearch .searchSet .bdrop ul,
	.summarySearch .searchSet .bdrop ul,
	.detailSearch dd .select .bdrop ul{margin-top:0;box-shadow: 0 0.483vw 0.483vw rgb(0 0 0 / 40%);top: 9.662vw;/* box-shadow: 0 2px 2px rgb(0 0 0 / 40%); top:40px; */}
	.detailSearch .searchSet .bdrop li,
	.summarySearch .searchSet .bdrop li,
	.detailSearch dd .select .bdrop li {padding:1.208vw 0;font-size: 3.382vw !important;/* padding:5ox 0; font-size:14px; */}
	.budgetSearch .searchSet .bdrop li a,
	.summarySearch .searchSet .bdrop li a,
	.detailSearch dd .select .bdrop li a{font-size: 3.382vw;padding: 0 2.415vw;/* font-size:14px; padding:0 10px; */}

    /* 키워드 입력창 */
    .summarySearch .searchSet .keyword,
	.detailSearch .cateSet dd span {margin-top:1.208vw; /* margin-top:5px; */}
	.summarySearch .searchSet .keyword input[type='text'],
	.detailSearch .cateSet dd span input[type='text'] {margin-top:0; padding:0 2.415vw; /* padding:0 10px; */} 
	.summarySearch .searchSet span input[type='submit'], 
	.summarySearch .searchSet .keyword input[type='submit'],
	.detailSearch .cateSet dd span input[type='submit'] {width:5.556vw;height:5.556vw;top: 1.691vw;right: 2.415vw;background:transparent url('../../images/newMosf/common/icoBoard-Search.png') center center / contain no-repeat;/*  width:23px;height:23px; top: 7px;right: 10px;*/}

    /* 독립적 버튼 */
	.detailSearch button.orgButton {font-size: 3.382vw; height:9.662vw;margin-bottom:2.415vw; /* font-size:14px; height:40px;margin-bottom:10px; */}

	/* 해시태그 */
	.summarySearch .hashSet a {height:9.662vw;font-size:3.865vw;line-height:9.662vw;margin-right:2.415vw; /* height:40px;font-size:16px;line-height:40px;margin-right:10px; */}
	
	.detailSearch.style2 dd span input[type='submit'].sty1{top:0;}
}