@charset "utf-8";

/* 모든 디바이스 기준. 단, 스마트폰(portrait)을 제외 */
@media only screen and (min-width:768px) {
	/* 게시판목록 검색조건 설정 */
	.boardSearch {max-width:1150px;margin:0 auto;}
	.boardSearch dl {margin-top:5px;}
	.boardSearch dt {display:none;}
	.boardSearch > dl > dd{ display:flex; align-items:center; flex-direction:row;}
	.boardSearch dl:last-child > dd{display:flex; align-items:center; flex-direction:row;}
		/* 달력폼 */
		.boardSearch .picker input[type='text'] {width:160px;}
		/* 검색조건 : selectbox */
		.boardSearch .select {/*position:absolute;top:0;*/ width:150px; flex:none;}	
		.boardSearch .select .bdrop {display:inline-block;width:150px;height:40px;}
		.boardSearch .select .bdrop button {width:150px;}
		.boardSearch .select .bdrop ul {width:150px;}
		.boardSearch .select .bdrop_2step {display:inline-block;width:200px;height:40px; border-left:0;}
		.boardSearch .select .bdrop_2step button {width:200px;}
		.boardSearch .select .bdrop_2step ul {width:200px;}
		.boardSearch .select button.search {position:absolute; top:0; left:204px; width:100px;}
		/* 키워드 입력창 */	
		.boardSearch .keyword{flex:auto; margin-top:0;}
		.boardSearch .keyword input[type='text'] {padding:0 50px 0 10px;}
	/* 목록 옵션 설정 : 총게시물, 최신순, RSS 등 */
	.listOption .optLeft {flex:auto;}
	.listOption .optRight {flex:none; margin-left:auto;}
	/* 게시판 목록 - 보도자료, 기재부뉴스 */
	.boardType1 {margin-top:80px;}
	.boardType1 li {padding:55px 0;}
	.boardType1 .txtCont {max-width:1150px;margin:0 auto;overflow:hidden;}
	.boardType1 .txtCont.odd .txtLeft  {float:left;width:65%;}
	.boardType1 .txtCont.odd .txtRight {position:absolute;top:0;right:0;width:30%;height:100%;}
	.boardType1 .txtCont.even .txtLeft  {position:absolute;top:0;left:0;width:30%;height:100%;}
	.boardType1 .txtCont.even .txtRight {float:right;width:65%;}
	.boardType1 .txtCont .txtTitle h3 {max-width:85%;font-size:26px;} /* 제목 설정 */
	/* 게시판 목록 - 일반게시판 */
	.boardType3 {max-width:1150px;margin:0 auto;} 
	.boardType3 li {padding:30px 0;}
	.boardType3.explnList li {padding:30px 150px 30px 10px;} /* 보도자료 목록형 */
	.boardType3 li h3 {font-size:21px;}
		/* 게시물 등록 정보 */
		.boardType3 .boardInfo .infoRight {position:absolute;top:0;right:0;}
		.boardType3 .boardInfo > div span:after {margin:0 15px;}
		
	/* 게시판 상세 - 공통 */
	.detailBoard .boardInfo {margin-top:60px;}
	/* 다운로드 파일정보 */
	.fileInfo > div {padding:15px 30px;}
		/* 전체 다운로드 버튼 */
		.fileInfo .downAll {display:inline-block;vertical-align:middle;padding:0 25px;}
		
	/* 게시물 목록별 여백 조정 */
	.explnList {margin-top:10px;} /* 보도자료 일반 목록 */
	/* 국민생각함 전용 */
	.listOption.ideaPeople {margin-top:30px;}
	.boardType2.ideaPeople {margin-top:10px;}
}

/* 중형 태블릿 전용. 모바일 Landscape 추가 */
@media only screen and (min-width:768px) and (max-width:1024px) {
	/* 게시판 목록 - 보도자료, 기재부뉴스 */
	.boardType1 li {padding:45px 10px;}
		/* 좌ㆍ우 비율 */
		.boardType1 .txtCont.odd .txtRight,
		.boardType1 .txtCont.even .txtLeft {width:45%;}
		.boardType1 .txtCont.odd .txtLeft,
		.boardType1 .txtCont.even .txtRight {width:50%;}
		/* 콘텐츠 */
		.boardType1 .txtCont .txtTitle h3 {width:100%;font-size:23px;}
		.boardType1 .txtCont .txtTitle button {display:none;}
		.boardType1 .txtCont .txtTitle:after {margin-top:15px;}
		.boardType1 .txtCont .sumInfo {display:-webkit-box;margin-top:15px;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
	
	/* 게시판 목록 - 포토뉴스, 동영상자료, 인포그래픽, 팩트채크 */
	.boardType2 {width:100%;margin:30px auto;}
	.boardType2 > div {height:330px;}
	.boardType2 .cardWrap .info h3 {font-size:15px;}
		/* 가로값 50% */
		.boardType2 .wide50 .thumb {height:320px;}
		/* 가로값 25% */
		.boardType2 .wide30 .thumb {height:180px;}
		/* 가로값 25% */
		.boardType2 .wide25 .thumb {height:160px;}
	/* 게시판 목록 - 보도자료 */
	.boardType3.explnList li {padding:30px 150px 30px 10px;}
	.boardType3 li h3 {font-size:19px;}
	/* 게시판 상세 */
		/* 게시물 상세화면 - 등록일, 다운로드수, 조회수, 첨부파일 다운로드 버튼 */
		.detailBoard .infoLeft,
		.detailBoard .infoRight {overflow:hidden;}
		.detailBoard .infoLeft span,
		.detailBoard .infoRight span,
		.detailBoard .infoRight button {float:left;} /* 상세화면 ISO 때문에 float 사용 */	
		.detailBoard .infoRight .down {display:none;}
		/* .detailBoard .infoRight button {color:#555;padding:0;background-color:transparent;} 왜 이렇게 했는지 다시 생각보자 */
		.detailBoard .infoRight button i {margin-left:0;background-position:-24px -24px;}
		.detailBoard .infoRight button {padding:0 10px;}
		.detailBoard .infoRight .presslink span,
		.detailBoard .infoRight .fileDown span {display:none;}
		.detailBoard .infoRight .presslink {margin-left:1px;}
		.detailBoard .infoRight .presslink i,
		.detailBoard .infoRight .fileDown i {margin-left:0;}
		/* 게시판 상세 - 에디터 작성 글 */
		.editorCont {padding:20px 0;}	
		.editorContUp {padding:20px 0;}
		.editorContUp.contLetter figure {width:100%;}
		.editorContUp.contLetter figure img {width:100%;height:100%;object-fit:cover;}
}
/* 소형 태블릿 전용. 모바일 Landscape 추가 */
@media only screen and (min-width:451px) and (max-width:767px) {
	/* 게시판 목록 - 보도자료, 기재부뉴스 */
	.boardType1 {margin:0;}
	.boardType1 li {padding:45px 10px;}
		.boardType1 .txtCont {width:100%;}
		.boardType1 .txtCont p {
			display:block;display:-webkit-box;
			height:40px;
			-webkit-line-clamp:2;-webkit-box-orient:vertical;
			overflow:hidden;text-overflow:ellipsis;
			margin-top:25px;
		}
		.boardType1 .txtCont .txtTitle h3 {width:100%;font-size:21px;} /* 제목 설정 */
		.boardType1 .txtCont .txtTitle button {display:none;} /* 자세히보기 버튼 감추기 */
		.boardType1 .txtCont .txtTitle:after {margin-top:25px;}
	/* 게시판 목록 - 포토뉴스, 동영상자료, 인포그래픽, 팩트채크 */
	.boardType2 {width:100%;margin:30px auto;}
	.boardType2 > div {height:380px;}
	.boardType2 .cardWrap .info h3 {font-size:15px;}
		/* 가로값 50% */
		.boardType2 .wide50 {width:100%;}
		.boardType2 .wide50 .thumb {height:370px;}
		/* 가로값 25% */
		.boardType2 .wide30 {width:50%;}
		.boardType2 .wide30 .thumb {height:230px;}
		/* 가로값 25% */
		.boardType2 .wide25 {width:50%;}
		.boardType2 .wide25 .thumb {height:210px;}
	/* 게시판 상세 */
	.detailBoard {width:100%;}
	.detailBoard h3 {font-size:21px;text-align:left;}
		.detailBoard .boardInfo {margin-top:30px;}		
		.detailBoard .infoRight {padding-right:2px;}
		.detailBoard .infoRight span:nth-child(1) {margin-left:0;} /* 첫번째 span은 여백을 주지 않는다 */
		/* 게시물 상세화면 - 등록일, 다운로드수, 조회수, 첨부파일 다운로드 버튼 */
		.detailBoard .infoLeft,
		.detailBoard .infoRight {overflow:hidden;}
		.detailBoard .infoLeft span,
		.detailBoard .infoRight span,
		.detailBoard .infoRight button {float:left;} /* 상세화면 ISO 때문에 float 사용 */		
		.detailBoard .infoRight .down {display:none;}
		/* .detailBoard .infoRight button {color:#555;padding:0;background-color:transparent;} 왜 이렇게 했는지 다시 생각보자 */
		.detailBoard .infoRight button i {margin-left:0;background-position:-24px -24px;}
		.detailBoard .infoRight button {padding:0 10px;}
		.detailBoard .infoRight .presslink span,
		.detailBoard .infoRight .fileDown span {display:none;}
		.detailBoard .infoRight .presslink {margin-left:1px;}
		.detailBoard .infoRight .presslink i,
		.detailBoard .infoRight .fileDown i {margin-left:0;}
		/* 게시판 상세 - 문서뷰어 설정*/
		.detailBoard .fileView {display:none;}
		/* 작성부서 정보 - 담당부서, 담당자, 연락처, 이메일 */
		.detailBoard .departInfo {padding:20px 0;}
		.detailBoard .departInfo li {height:30px;line-height:1.23;font-size:14px;padding:8px 15px; display:flex; align-items:flex-start; justify-content:flex-start;}
		.detailBoard .departInfo li span {width:60px; font-size:12px; padding-top:1px; color:#888; flex:none;}
		/* 다운로드 파일정보 */
		.fileInfo {position:relative;display:none;width:100%;border:1px solid #ccc;background-color:#fff;}
		.fileInfo ul {padding:0 10px;}
		.fileInfo li span{display:block;width:80%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
		.fileInfo > div{padding:10px;}
		.fileInfo > div > a{padding:10px; display:flex; align-items:Center; justify-content:center;}
		.fileInfo li > div a {height:40px;line-height:40px;margin-left:10px;}
		.fileInfo li > div a span {height:0;font-size:0;text-indent:-9999px;overflow:hidden;}
		.fileInfo li > div a i {margin-left:5px;margin-bottom:2px;}
		/* 게시판 상세 - 에디터 작성 글 */
		.editorCont {padding:20px 0;}	
		.editorContUp {padding:20px 0;}
		.editorContUp.contLetter figure {width:100%;}
		.editorContUp.contLetter figure img {width:100%;height:100%;object-fit:cover;}
		/* 게시판 상세 - 그리드 */
		.photoMain {padding:0;}
		.grid {width:100%;}
		.grid-item .grid-item-data {margin:10px 0;}
		/* 게시판 상세 - 리얼체험 내부 페이지 */
		.innerDetail {width:100%;}
		.innerDetail .innerHeader h4 {font-weight:400;font-size:18px;line-height:1.5em;}
	/* 게시물 목록별 여백 조정 */
	.explnList {margin-top:10px;} /* 보도자료 일반 목록 */
		/* 검색조건 : selectbox */
		.boardSearch .select .bdrop_2step {margin-top:5px;}
		.boardSearch .select button.search {width:100%; margin-top:5px;}
}

/* 스마트폰(portrait) 디바이스 기준 */
@media only screen and (max-width: 450px) {
	/* 게시판목록 검색조건 설정 */
	.boardSearch {width:100%;margin:0 auto;}
	.boardSearch dl {margin-bottom:20px;}
	.boardSearch dl:last-child {margin-bottom:0;}
	.boardSearch dt {position:relative;font-size:14px;margin-bottom:5px;}
	.boardSearch dd > span {display:block;margin-top:5px;}
		/* 달력폼 */
		.boardSearch .picker input[type='text'] {width:140px;}
		/* 검색조건 : selectbox */
		.boardSearch .select .bdrop {display:block;width:100%;}
		.boardSearch .select .bdrop button {width:100%;}
		.boardSearch .select .bdrop ul {width:100%;}
		/* 키워드 입력창 */
		.boardSearch .keyword {position:relative;margin-top:5px;}
		.boardSearch .keyword input[type='text'] {padding:0 10px;} 
		
	/* 목록 옵션 설정 : 총게시물, 최신순, RSS 등 */
	/*.listOption .optLeft > div, .listOption .optRight > div {float:left;}*/
	
	/* 게시판 목록 - 보도자료, 기재부뉴스 */
	.boardType1 {margin:50px auto;}
	.boardType1 li {padding:30px 10px;}
	.boardType1 .txtCont {width:100%;}
	.boardType1 .txtCont .txtFull {position:relative;width:100%;}
	.boardType1 .txtCont.odd .txtLeft,
	.boardType1 .txtCont.even .txtRight {float:none;width:100%;margin-top:20px;}
	.boardType1 .txtCont.odd .txtRight,
	.boardType1 .txtCont.even .txtLeft  {width:100%;height:200px;}
	.boardType1 .txtCont figure {height:100%;}
		
		.boardType1 .txtCont .txtTitle h3 {font-size:17px;} /* 제목 설정 */
		/* 모바일 모드에서는 자세히보기 버튼이 보이지 않도록 처리함
		.boardType1 .txtCont .txtTitle button {bottom:35px;width:37px;height:37px;background-position:-2px -83px;}	
		.boardType1 .txtCont .txtTitle:focus button,
		.boardType1 .txtCont .txtTitle:hover button {background-position-x:-43px;border-color:#555;}
		*/
		.boardType1 .txtCont .txtTitle button {display:none;}
		.boardType1 .txtCont .txtTitle:after { /* 레이어 타이틀 컨셉 라인표시 */
			margin-top:20px;
		}
		.boardType1 .txtCont p {margin-top:20px;}
		.boardType1 .txtCont .txtInfo {font-size:13.5px;margin-top:20px;}
	/* 게시판 목록 - 포토뉴스, 동영상자료, 인포그래픽, 팩트채크 */
	.boardType2 {width:100%;margin:30px auto;}
	.boardType2 > div {height:280px;}
	.boardType2.ideaPeople > div {height:230px;}
	.boardType2 .cardWrap .info h3 {
		display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
		width:100%;height:40px;font-size:15px;line-height:20px;overflow:hidden;text-overflow:ellipsis;
	}
		/* 가로값 50% */
		.boardType2 .wide50 {width:100%;}
		.boardType2 .wide50 .thumb {height:270px;}
		/* 가로값 30% */
		.boardType2 .wide30 {width:50%;}
		.boardType2 .wide30 .thumb {height:130px;}
		/* 가로값 30% - 갈매로 */
		.boardType2 .grdBox.wide30 {width:50%;}
		.boardType2 .grdBox .thumb {height:140px;}
		.boardType2 .grdBox .info {bottom:30px;height:110px;padding:15px;}
		.boardType2 .grdBox .info .date {bottom:10px;font-size:12.5px;}
		.boardType2 .grdBox .info .date span {margin-bottom:5px;}
		.boardType2 .grdBox .cardWrap .share {bottom:-5px;}
		.boardType2 .grdBox .cardWrap .share a.view {display:none;}
		/* 가로값 25% */
		.boardType2 .wide25 {width:50%; height:230px}
		.boardType2 .wide25 .thumb,
		.boardType2 .wide25 .info {height:110px;}
		/* 국민생각함 전용 */
		.listOption.ideaPeople {margin-top:30px;}
		.boardType2.ideaPeople {margin-top:10px;}
	
	/* 게시판 목록 - 공지사항, 정보공개 일반게시판 */	
	.boardType3 {width:100%;margin:0 auto;}
	/* .boardType3 li {padding:20px 10px 10px;} */
	.boardType3 li h3 {font-size:16px;font-weight:400;}
		/* 게시물 등록 정보 */
		.boardType3 .boardInfo {position:relative;width:100%;margin-top:10px;overflow:hidden;}
		.boardType3 .boardInfo .infoRight {position:relative;margin-top:5px;}
		.boardType3 .boardInfo > div span:after {margin:0 10px;}
			/* 구분 표시 */
			.boardType3 li .boardInfo .infoLeft span:first-child:after,
			.boardType3 li .boardInfo .infoLeft span:nth-child(3):before,
			.boardType3 li .boardInfo .infoRight span:first-child:after,
			.boardType3 li .boardInfo .infoRight span:nth-child(3):before {margin:0 10px;}
		/**/
		.boardType3.explnList li .infoFile {display:none;}
		/* 채용ㆍ모집 상태 */
		.boardType3 li > span {font-size:13px;line-height:25px;}
	/* 게시판 페이징 */
	.boardPage {margin:30px auto;}
	.boardPage a, .boardPage strong {display:inline-block;height:32px;line-height:32px;padding:0 12px;}
	.boardPage .fst a, .boardPage .prev a, .boardPage .next a, .boardPage .lst a {width:28px;height:32px;}
		/* 페이징 아이콘 이미지 적용 */
		.boardPage .fst a {background-position:-5px -126px;}
		.boardPage .prev a {background-position:-5px -206px;}
		.boardPage .next a {background-position:-5px -246px;}
		.boardPage .lst a {background-position:-5px -166px;}
		
	/* 게시판 상세 */
	.detailBoard {width:100%;}
	.detailBoard h3 {font-size:21px;text-align:left;}
		.detailBoard .boardInfo {margin-top:30px;}		
		.detailBoard .infoRight {padding-right:2px;}
		.detailBoard .infoRight span:nth-child(1) {margin-left:0;} /* 첫번째 span은 여백을 주지 않는다 */
		.detailBoard .infoLeft,
		.detailBoard .infoRight {overflow:hidden;}
		.detailBoard .infoLeft span,
		.detailBoard .infoRight span,
		.detailBoard .infoRight button {float:left;} /* 상세화면 ISO 때문에 float 사용 */	
		/* 게시물 상세화면 - 등록일, 다운로드수, 조회수, 첨부파일 다운로드 버튼 */		
		.detailBoard .infoRight .view,
		.detailBoard .infoRight .down {display:none !important;}
		/* .detailBoard .infoRight button {color:#555;padding:0;background-color:transparent;} 왜 이렇게 했는지 다시 생각보자 */
		.detailBoard .infoRight button i {margin-left:0;background-position:-24px -24px;}
		.detailBoard .infoRight button {padding:0 10px;}
		.detailBoard .infoRight .presslink span,
		.detailBoard .infoRight .fileDown span {display:none;}
		.detailBoard .infoRight .presslink {margin-left:1px;}
		.detailBoard .infoRight .presslink i,
		.detailBoard .infoRight .fileDown i {margin-left:0;}
		/* 게시판 상세 - 문서뷰어 설정*/
		.detailBoard .fileView {display:none;}
		/* 작성부서 정보 - 담당부서, 담당자, 연락처, 이메일 */
		.detailBoard .departInfo {padding:20px 0;}
		.detailBoard .departInfo li {height:auto;line-height:1.24;font-size:14px;padding:10px; display:flex; align-items:flex-start; justify-content:flex-start;}
		.detailBoard .departInfo li span {width:50px; font-size:12px; color:#888; flex:none;}
		/* 다운로드 파일정보 */
		/* 다운로드 파일정보 */
		.fileInfo {position:relative;display:none;width:100%;border:1px solid #ccc;background-color:#fff;}
		.fileInfo ul {padding:0 4px 0 10px;}
		.fileInfo li span{display:block;width:70%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
		.fileInfo li > div {top:0;}
		.fileInfo li > div a {position:absolute;top:10px;height:30px;line-height:30px;}
		.fileInfo li > div a span {height:0;font-size:0;text-indent:-9999px;overflow:hidden;}
		.fileInfo > div {padding:15px 10px;}
			/* 다운로드, 자료열기 아이콘 */			
			.fileInfo .down {right:40px;}
			.fileInfo .view {right:5px;}
			/* 전체 다운로드 버튼 */
			.fileInfo .downAll {display:block;height:40px;line-height:40px;vertical-align:middle;text-align:center;}
		/* 게시판 상세 - 에디터 작성 글 */
		.editorCont {padding:20px 0;}	
		.editorContUp {padding:20px 0;}
		.editorContUp.contLetter figure {width:100%;}
		.editorContUp.contLetter figure img {width:100%;height:100%;object-fit:cover;}
		/* 게시판 상세 - 그리드 */
		/* .photoMain {padding:0;} 갈매로477에 영향을 주기 때문에 우선 주석처리함*/
		.grid {width:100%;}
		.grid-item .grid-item-data {margin:10px 0;}
		/* 게시판 상세 - 리얼체험 내부 페이지 */
		.innerDetail {width:100%;}
		.innerDetail .innerHeader h4 {font-weight:400;font-size:18px;line-height:1.5em;}
	/* 게시판 상세 - 버튼 */
	.detailButton {width:100%;}
	/* 목록 옵션 설정 : 총게시물, 최신순, RSS 등 */
	.listOption .optLeft{display:inline-flex; align-items:center; justify-content:flex-start; width:auto; flex:none;}
	.listOption .optRight {display:inline-flex; align-items:center; width:auto; margin-left:auto; flex:none;}
	.listOption .optLeft > .total{display:block; margin-right:auto;}
	/* 게시물 목록별 여백 조정 */
	.explnList {margin-top:10px;} /* 보도자료 일반 목록 */
	/* 갈매로477 상세 */
	.photoMain {height:250px;}
	.photoMain img {background-size:cover;}
}


/* Desktop Device */
@media all and (min-width:1025px) {
	/* 
		사용자 해상도가 1024px 이상일 때 이 코드가 실행됨.
		1024px 이상의 랩탑 또는 데스크톱에 대응하는 코드를 작성한다. 
	*/
	/* 포토뉴스 - 마우스오버 시 효과 */
	.boardType2 .cardWrap:hover .thumb .ratio {
		transform:scale3d(1.12, 1.12, 1.12) rotate(0.1deg);
		-webkit-transform:scale3d(1.12, 1.12, 1.12);
		-moz-transform:scale3d(1.12, 1.12, 1.12);
		-o-transform:scale3d(1.12, 1.12, 1.12);
	}
	.boardType2 .cardWrap:hover .cover {position:absolute;z-index:3;top:0;left:0;display:block;width:100%;height:100%;opacity:1;background:rgba(255, 255, 255, .25);transition:all .5s;}
	.boardType2 .cardWrap:hover .info {bottom:40px;background-color:#2c9ce8; border:0;}
	.boardType2 .cardWrap:hover .info h3,
	.boardType2 .cardWrap:hover .info h3 span {color:#fff !important;}
	.boardType2 .cardWrap:hover .info .date {bottom:20px;color:#fff;}
	.boardType2 .cardWrap:hover .info .date span {background-color:#fff;}	
		/* 그라데이션 배경일 경우 */
		.boardType2 .grdBox .cardWrap:hover .cover {display:none;}
		.boardType2 .grdBox .cardWrap:hover .info {bottom:40px;background-color:#fff;}
		.boardType2 .grdBox .cardWrap:hover .info h3 {color:#555;}
		.boardType2 .grdBox .cardWrap:hover .info .date {color:#999;}
	.boardType2 .cardWrap:hover .share {bottom:0;}	
		/* 마우스오버 상태에서 sns 및 외부 링크 효과 */
		.boardType2 .cardWrap:hover .share a:hover {/* background-position-x:-27px; 웹 호환성의 문제로 추후 다시 살리는 방향으로 우선 주석처리 함 */}
		.boardType2 .cardWrap:hover .share a.view:hover {background-position:0 -108px}
		/* 국민생각함 전용 */
		.listOption.ideaPeople {margin-top:50px;}
		.boardType2.ideaPeople {margin-top:20px;}
	/* 갈래모477 - 마우스오버 시 효과 */
	.boardType2 .photoWrap:hover .thumb .ratio {
		transform:scale3d(1.12, 1.12, 1.12) rotate(0.1deg);
		-webkit-transform:scale3d(1.12, 1.12, 1.12);
		-moz-transform:scale3d(1.12, 1.12, 1.12);
		-o-transform:scale3d(1.12, 1.12, 1.12);
	}
	.boardType2 .photoWrap:hover .cover {position:absolute;z-index:3;top:0;left:0;display:block;width:100%;height:100%;opacity:1;background:rgba(255, 255, 255, .25);transition:all .5s;}
	.boardType2 .photoWrap:hover .info {background-color:#2c9ce8;}
	.boardType2 .photoWrap:hover .info h3 {color:#fff;}
	.boardType2 .photoWrap:hover .info .date {color:#fff;}
	.boardType2 .photoWrap:hover .info .date span {background-color:#fff;}	
	
}
/* ==== 1150px 이하 일때 ==== */ @media only screen and (max-width:1150px) {
/* 웹툰 스크롤 형식 - 20210218 */
	.scroll-img-container > img{width:100%;}
}



/* 414px 이하 (viewport : 414px) */ @media only screen and (max-width:414px) {
    .boardSearch{margin-top:7.246vw !important; /* margin-top:30px !important; */}
    .boardSearch dt {font-size:3.382vw;margin-bottom:1.208vw; /* font-size:14px;margin-bottom:5px; */}
	.boardSearch dd > span {margin-top:1.208vw; /* margin-top:5px; */}
	/* 달력폼 */
	.boardSearch .picker input[type='text'] {width:33.816vw; /* width:140px; */}
	/* 검색조건 : selectbox */		
	.boardSearch input[type='text'],
	.boardSearch .select .bdrop button,
	.boardSearch .select .bdrop{font-size: 3.382vw; height:9.662vw; line-height:9.662vw; /* font-size:14px; height:40px; line-height:40px; */}
	/* 검색조건 : selectbox */		
	.boardSearch .select .bdrop {height:9.662vw;/* height:40px; */}	
	.boardSearch .select .bdrop button {vertical-align: top;height:9.662vw;line-height:9.662vw;padding:0 2.415vw;/* height:40px;line-height:40px;padding:0 10px; */}
	.boardSearch .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; */}
	.boardSearch .select .bdrop ul{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; */}
	.boardSearch .select .bdrop li {font-size: 3.382vw;/* font-size:14px; */}
	.boardSearch .select .bdrop li a{padding: 0 2.415vw;/* padding:0 10px; */}
	/* 검색조건 : selectbox */
	.boardSearch .select .bdrop_2step {margin-top:5px;}
	.boardSearch .select button.search {width:100%; margin-top:5px;}

	/* 키워드 입력창 */

	.boardSearch .keyword {margin-top:1.208vw; /* margin-top:5px; */}
	.boardSearch .keyword input[type='text'] {padding:0 2.415vw; /* padding:0 10px; */} 
	.boardSearch .keyword 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;*/}

    /* 게시판 목록 - 일반게시판 */
    .listOption .optRight{flex:none;}
    .boardType3 li {padding:4.831vw 0 4.831vw 1.208vw; /* padding:20px 0 20px 5px */}
    .boardType3 li h3 {font-size: 4.348vw;/* font-size: 18px; */}
		/* 게시물 등록 정보 */
		.boardType3 .boardInfo {font-size:3.140vw; margin-top:2.415vw; /* font-size:13px; margin-top:10px; */}
		.boardType3 .boardInfo .infoRight {margin-top:1.208vw; /* margin-top:5px; */}
		.boardType3 .boardInfo > div span:after {margin:0 2.415vw; /* margin:0 10px; */}
			/* 구분 표시 */
			.boardType3 li .boardInfo .infoLeft span:first-child:after,
			.boardType3 li .boardInfo .infoLeft span:nth-child(3):before,
			.boardType3 li .boardInfo .infoRight span:first-child:after,
			.boardType3 li .boardInfo .infoRight span:nth-child(3):before {height: 3.623vw;margin:0 2.415vw; /* height: 15px; margin:0 10px; */}
	/* 게시물 첨부파일 */
	.boardType3 li .infoFile {right: 0;margin-top:-3.140vw;/* right:10px;margin-top:-13px; */}
	.boardType3 li .infoFile a {width:7.005vw;height:6.280vw; /* width:29px;height:26px; */}
	.boardType3 li .infoFile a.fileDown{background:url('../../images/newMosf/content/infoFile-Down.png') center center / contain no-repeat;}
    .boardType3 li .infoFile a.fileView{background:url('../../images/newMosf/content/infoFile-View.png') center center / contain no-repeat;margin-left: 1.208vw; /* margin-left: 5px; */}
    /* 게시판 페이징 */
	.boardPage {margin:7.246vw auto; /* margin:30px auto; */}
	.boardPage > span{font-size:3.382vw; margin:0 0.483vw; /* font-size:14px; margin:0 2px; */}
	.boardPage a, .boardPage strong {height:7.729vw;line-height:7.729vw;padding:0 2.899vw; /* height:32px;line-height:32px;padding:0 12px; */}
	.boardPage .fst a, .boardPage .prev a, .boardPage .next a, .boardPage .lst a {width:9.662vw;/* width:40px; */}


    /* 게시판 상세 */
	.detailBoard h3 {font-size:5.072vw; /* font-size:21px; */}
		.detailBoard .boardInfo {margin-top:7.246vw; /* margin-top:30px; */}		
		.detailBoard .infoRight {padding-right:0.483vw; /* padding-right:2px; */}
		/* 게시물 상세화면 - 등록일, 다운로드수, 조회수, 첨부파일 다운로드 버튼 */
		.detailBoard .boardInfo {padding:3.623vw 0; /* padding:15px 0; */}
		.detailBoard .boardInfo .infoLeft span {font-size:3.382vw; line-height:9.662vw;margin-right:2.415vw; /* font-size:14px; line-height:40px;margin-right:10px; */}
        .detailBoard .boardInfo .infoRight span { font-size:3.382vw; height:9.662vw;line-height:9.662vw;margin-left:20px; /*  font-size:14px; height:40px;line-height:40px;margin-left:20px; */}	
		.detailBoard .boardInfo .infoRight span select { height:9.662vw;line-height:9.662vw;padding:0 0 0 2.415vw; /* height:40px;line-height:40px;padding:0 0 0 10px; */}		
		.detailBoard .boardInfo i {margin-right:1.208vw;margin-bottom:0.483vw; /* margin-right:5px;margin-bottom:2px; */} 
		.detailBoard button {height:9.662vw;line-height:9.662vw;padding:0 3.623vw;margin-left:3.623vw; /* height:40px;line-height:40px;padding:0 15px;margin-left:15px; */}
        /* 다운로드 파일정보 */
		.fileInfo ul {padding:0 0.966vw 0 2.415vw; /* padding:0 4px 0 10px; */}
		.fileInfo li{ font-size:3.382vw; padding:3.623vw 0; /* font-size:14px; padding:15px 0; */}
		.fileInfo li > div a {top:2.415vw;height:7.246vw;line-height:7.246vw; /* top:10px;height:30px;line-height:30px; */}
		.fileInfo > div {padding: 2.415vw;/* padding: 10px; */}
			/* 다운로드, 자료열기 아이콘 */			
			.fileInfo .down {right:9.662vw; /* right:40px; */}
			.fileInfo .view {right:1.208vw; /* right:5px; */}
			/* 전체 다운로드 버튼 */
			.fileInfo .downAll {font-size:3.382vw;height:9.662vw;line-height:9.662vw; /*  font-size:14px; height:40px;line-height:40px; */}
			/* 게시판 상세 - 에디터 작성 글 */
			.detailBoard .departInfo,
			.editorCont,
			.editorContUp {padding:4.831vw 0; /* padding:20px 0; */}
			/* 게시판 상세 - 그리드 */
			.grid-item .grid-item-data {margin:2.415vw 0; /* margin:10px 0; */}
			/* 게시판 상세 - 리얼체험 내부 페이지 */
			.innerDetail .innerHeader h4 {font-size:4.348vw; /* font-size:18px; */}
		/* 게시판 상세 - 버튼 */
		/* 게시물 목록별 여백 조정 */
		.explnList {margin-top:2.415vw; /* margin-top:10px; */}
		/* 갈매로477 상세 */
		.photoMain {height:60.386vw; /* height:250px; */}
		/* 작성부서 정보 - 담당부서, 담당자, 연락처, 이메일 */
		.detailBoard .departInfo li {font-size:3.382vw;padding:2.415vw; /* font-size:14px;padding:10px; */}
		.detailBoard .departInfo li span {width:12.077vw; font-size:2.899vw; /* width:50px; font-size:12px; */}
		/* 게시판 상세 - 버튼 */
        .detailButton {margin:12.077vw auto; /* margin:50px auto; */}
        .detailButton a {font-size:3.382vw; height:9.662vw;line-height:9.662vw;padding:0 6.039vw; /*font-size:14px; height:40px;line-height:40px;padding:0 25px;  */}

        .listOption .optLeft > .total{font-size:2.899vw; min-width:25.362vw; height:6.039vw;line-height:6.039vw; /* font-size:12px; min-width:105px; height:25px;line-height:25px; */}
        .listOption .total span{margin-left:1.691vw; font-size:2.899vw; /* margin-left:7px; font-size:12px; */}
        .listOption .optLeft > div, 
        .listOption .optRight > div {font-size:2.899vw; /*font-size:12px; */}
        .listOption .optRight > div.rss,
        .listOption .optRight > div.viewType{display:none;}
        /* 게시물 정렬 */
	    .listOption .sort button {flex:none;font-size:2.899vw; height:6.039vw;line-height:6.039vw;margin-right:-0.483vw;padding:0 1.208vw; /* font-size:12px; height:25px;line-height:25px;margin-right:-2px;padding:0 5px; */}

    /* combobox */
	.listOption .combo {margin-right:2.657vw; /* margin-right:11px; */}
	.listOption .combo select {font-size:3.140vw; min-width:12.077vw;height:8.454vw;line-height:8.454vw;padding:0 0 0 1.208vw;margin-right:0.725vw; /* font-size:13px; min-width:50px;height:35px;line-height:35px;padding:0 0 0 5px;margin-right:3px; */}
	
	/* 독립적 버튼 */
	.listOption button {height:8.454vw;line-height:8.454vw;padding:0 3.623vw;margin-left:1.208vw; /* height:35px;line-height:35px;padding:0 15px;margin-left:5px; */}


	/* 게시판 목록 - 포토뉴스, 동영상자료, 인포그래픽, 팩트채크 */
	.boardType2 {margin: 7.246vw auto 0 auto;/* margin:30px auto; */}
	.boardType2 > div {padding:1.208vw; height:67.633vw; /* padding:5px; height:280px; */}
	.boardType2.ideaPeople > div {height:55.556vw; /* height:230px; */}
	.boardType2 .cardWrap .info h3 {height: 9.662vw;font-size:3.623vw;line-height:4.831vw;/* height:40px;font-size:15px;line-height:20px; */}
		/* 가로값 50% */
		.boardType2 .wide50 .thumb {height:65.217vw; /* height:270px; */}
		/* 가로값 30% */
		.boardType2 .wide30{height:62.802vw; /* height:260px; */}
		.boardType2 .wide30 .thumb {height:31.401vw; /* height:130px; */}
		/* 가로값 30% - 갈매로 */
		.boardType2 .grdBox .thumb {height:33.816vw; /* height:140px; */}
		.boardType2 .grdBox .info {bottom:7.246vw;height:26.570vw;padding:3.623vw; /* bottom:30px;height:110px;padding:15px; */}
		.boardType2 .grdBox .info .date {bottom:2.415vw;font-size:3.019vw; /* bottom:10px;font-size:12.5px; */}
		.boardType2 .grdBox .info .date span {margin-bottom:1.208vw; /* margin-bottom:5px; */}
		.boardType2 .grdBox .cardWrap .share {bottom:-1.208vw; /* bottom:-5px; */}
		.boardType2 .cardWrap .info .date span {width:6.039vw;margin-bottom:1.932vw;  /* width:25px;margin-bottom:8px; */}
		.boardType2 .cardWrap .info{height:28.986vw; padding: 3.623vw;/* height:120px; padding:15px;*/}
		.boardType2 .cardWrap .info .date{bottom:3.623vw;font-size: 2.899vw;/* bottom:15px; font-size:12px;*/}
		/* 가로값 25% */
		.boardType2 .wide25 {height:55.556vw;  /* height:230px; */}
		.boardType2 .wide25 .thumb{height: 26.570vw;/* height:110px; */}
		.boardType2 .wide25 .info {padding: 3.623vw;height: 26.570vw;/* padding: 15px; height:110px; */}
		/* 국민생각함 전용 */
		.listOption.ideaPeople {margin-top:7.246vw; /* margin-top:30px; */}
		.boardType2.ideaPeople {margin-top:2.415vw; /* margin-top:10px; */}
		.detailBoard .infoRight button {padding:0 2.415vw; /* padding:0 10px; */}
/* 	.boardType3 {margin: 7.246vw auto 0 auto !important;margin:30px auto;} */
	.boardType3 li h3 {font-size:3.865vw; /* font-size:16px; */}
	.boardType3 li h3 > a[href*=RssTag]{width:100%; display:block;}
		/* 게시물 등록 정보 */
		.boardType3 .boardInfo {margin-top:2.415vw; /* margin-top:10px; */}
		.boardType3 .boardInfo .infoRight {margin-top:1.208vw; /* margin-top:5px; */}
		.boardType3 .boardInfo > div span:after {margin:0 2.415vw; /* margin:0 10px; */}
			/* 구분 표시 */
			.boardType3 li .boardInfo .infoLeft span:first-child:after,
			.boardType3 li .boardInfo .infoLeft span:nth-child(3):before,
			.boardType3 li .boardInfo .infoRight span:first-child:after,
			.boardType3 li .boardInfo .infoRight span:nth-child(3):before {margin:0 2.415vw; /* margin:0 10px; */}
		/* 채용ㆍ모집 상태 */
		.boardType3 li > span {font-size:3.140vw;line-height:6.039vw; /* font-size:13px;line-height:25px; */}


}