@charset "utf-8";

/* 게시판목록 검색조건 설정 */
.boardSearch,
.boardSearch dl,
.boardSearch dt,
.boardSearch dd {position:relative;}
.boardSearch dl:last-child > dd{display:flex; align-items:center; flex-direction:column;}
.boardSearch:after {display:block;content:'';clear:both;}
.boardSearch dd > span {vertical-align:middle;}
.boardSearch label span {overflow:hidden;display:block;position:absolute;visibility:hidden;width:1px;height:1px;font-size:1px;}
.boardSearch input[type='text'] {height:40px;line-height:40px;padding:0 10px;background:#fff;border:1px solid #d8d6d6;box-sizing:border-box;}
	/* 기간 미지정 */
	.boardSearch .chk {margin-right:10px;}
	.boardSearch .chk input {vertical-align:middle;margin-right:5px;}
	.boardSearch .chk label {display:inline-block;}
	/* 달력폼 */
	.boardSearch .picker {position:relative;display:inline-block;}
	.boardSearch .picker button { /* 달력 아이콘 */
		position:absolute;top:0;right:0;width:40px;height:40px;
		background:url('../../images/newMosf/common/icoBoard.png') no-repeat 0 0;
	}
	/* 기간 단위 선택 */
	.boardSearch .btn_date {font-size:0;}
	.boardSearch .btn_date button {
		width:80px;height:40px;font-size:14px;color:#697078;line-height:40px;
		margin-left:2px;background:#fff;box-sizing:border-box;border:1px solid #d7d7d7;
	}	
	.boardSearch .btn_date button.on,
	.boardSearch .btn_date button:hover,
	.boardSearch .btn_date button:focus {background:#66a6ee; border:1px solid #66a6ee; color:#fff;}
	/* 검색조건 : selectbox */		
	.boardSearch .select .bdrop {width:100%; height:40px;border:1px solid #d8d6d6;background:#fff;vertical-align:middle; position:relative}	
	.boardSearch .select .bdrop button {width:100%; height:40px;line-height:40px;padding:0 10px;text-align:left;box-sizing:border-box;}
	.boardSearch .select .bdrop button i { /* selectbox 화살표 아이콘 */
		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;
	}
	.boardSearch .select{position:relative; width:100%;}
	.boardSearch .select .bdrop ul {width:100%; position:absolute;z-index:5;display:none;background:#fff;box-shadow:0 2px 2px rgba(0,0,0,0.4);}
	.boardSearch .select .bdrop li {font-size:14px;text-align:left;}
	.boardSearch .select .bdrop li a {display:block;padding:10px;color:#666;white-space:nowrap;}
	.boardSearch .select .bdrop li a:hover,
	.boardSearch .select .bdrop li a:focus {background:#66a6ee; color:#fff;}

	.boardSearch .select .bdrop_2step ul {max-height:294px; overflow-y:scroll;}
	.boardSearch .select button.search {
		height:40px;font-size:14px;color:#697078;line-height:1; text-align:center;
		background:#fff;box-sizing:border-box;border:1px solid #d7d7d7;
	}	
	.boardSearch .select button.search:hover {background:#66a6ee; border:1px solid #66a6ee; color:#fff;}
	/* 키워드 입력창 */
	.boardSearch .keyword{width:100%; position:relative; margin-top:5px;}
	.boardSearch .keyword input[type='text'] {width:100%;}
	.boardSearch .keyword input[type='submit'] { /* 검색 아이콘 */
		position:absolute;top:0;right:0;width:40px;height:40px;cursor:pointer;-webkit-appearance:none;
		background:transparent url('../../images/newMosf/common/icoBoard.png') no-repeat -40px 0;border:0;
	}
	.boardSearch .keyword.comboNone input[type='text'] {width:100%;padding:0 50px 0 10px;} /* Combobox가 없을 경우 */
	.boardSearch .keyword.comboAdd input[type='text'] {width:100%;padding:0 50px 0 310px;} /* Combobox가 두개일 경우 입력 시작부분을 조정함 */

/* 목록 옵션 설정 : 총게시물, 최신순, RSS 등 */
.listOption {width:100%; display:flex; align-items:center; justify-content:flex-start;}
/*.listOption:after {display:block;content:'';width:100%;height:1px;line-height:1px;font-size:0;overflow:hidden;}*/
.listOption .optLeft{margin-right:auto;}
.listOption .optLeft > div, .listOption .optRight > div {display:inline-flex;font-size:14px;align-items:center; justify-content:flex-start; flex:none;}
.listOption .optLeft > .total{display:inline-flex;align-items:center; justify-content:flex-start; min-width:105px;}
	/* 월별 지출집행 상황 */
	.listOption > form#searchForm{flex:none; margin-left:auto;display:inline-flex; align-items:center; justify-content:flex-end;}
	.listOption > form#searchForm > .optRight{display:flex; align-items:center; justify-content:flex-start;}
	/* 총게시물 */
	.listOption .total span {display:inline-flex;height:auto;line-height:1;font-weight:600;color:#f85200; margin-left:7px; font-size:14px;}
	/* 게시물 정렬 */
	.listOption .sort button {float:left;display:inline-block;height:25px;line-height:25px;color:#767676;margin-right:-2px;padding:0 5px;vertical-align:middle;background-color:transparent;}
	.listOption .sort button.on {color:#555;font-weight:600;cursor:default;}
	.listOption .sort button:hover,
	.listOption .sort button:focus {background-color:transparent;}
	/* RSS 서비스 */
	.listOption .rss {margin-left:5px;vertical-align:middle;overflow:hidden;}
	.listOption .rss a {display:block;height:25px;line-height:25px;margin-left:3px;}
	.listOption .rss .rssServ {background-position:0 -50px;}
	.listOption .rss .rssServ:hover,
	.listOption .rss .rssServ:focus {background-position:-25px -50px;}
	/* .listOption .rss a {transition:all .3s ease;} */
	.listOption .rss a span {overflow:hidden;display:block;visibility:hidden;position:absolute;width:1px;height:1px;font-size:1px;white-space:nowrap;}
	/* combobox */
	.listOption .combo {margin-right:11px;}
	.listOption .combo select {min-width:50px;height:35px;line-height:35px;padding:0 0 0 5px;border-color:#ccc; margin-right:3px;}
	.listOption .combo label{display:none;}
	
	/* 독립적 버튼 */
	.listOption button {
		display:inline-block;
		color:#fff;height:35px;line-height:35px;
		vertical-align:middle;padding:0 15px;margin-left:5px;
		background-color:#555;
	}
	.listOption button:hover,
	.listOption button:focus {background-color:#66a6ee;}
	/* 게시물 목록 타입 선택 */
	.listOption .viewType button {display:inline-block;width:40px;height:40px;padding:0;margin:0;background-color:transparent !important;}
	.listOption .viewType button.on {border-color:#555;}
	.listOption .viewType button:nth-child(2) {margin-left:-14px;}
	.listOption .viewType {vertical-align:middle;overflow:hidden;}
	.listOption .viewType a {float:left;display:block;margin-left:3px;}
	.listOption i {display:block;width:40px;height:40px;}
		/* 기본형, 카드형 */
		.listOption i.card {background-position:-80px 0;}
		.listOption i.stand {background-position:-80px -80px;}
		.listOption button.on i.card {background-position:-80px -40px;}
		.listOption button.on i.blog {background-position:-80px -40px;}
		.listOption button.on i.stand {background-position:-80px -120px;}
		.listOption .viewType a.blog {background-position:0 0;}
		.listOption .viewType a.stand {background-position:0 -25px;}
		.listOption .viewType a.card {background-position:0 -75px;}
		.listOption .viewType a.blog.on {background-position:-25px 0;}
		.listOption .viewType a.stand.on {background-position:-25px -25px;}
		.listOption .viewType a.card.on {background-position:-25px -75px;}		

/* 게시판 목록 - 일반게시판 */
.boardType3 {border-top:2px solid #555;}
.boardType3 li {position:relative;border-bottom:1px solid #ddd; padding:20px 0 20px 5px}
	/* 게시물 등록 정보 */
	.boardType3 .boardInfo {position:relative;width:100%;margin-top:5px;overflow:hidden;}
	.boardType3 .boardInfo > div span {display:inline-block; flex:none;}
	.boardType3 .boardInfo > div span:after {display:inline-block;content:'';width:1px;height:15px;vertical-align:middle;background-color:#cbcbcb;}
	.boardType3 .boardInfo > .infoLeft{display:flex; align-items:Center; justify-content:flex-start;}
	.boardType3 .boardInfo > .infoLeft span:last-child{flex:auto;display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
	.boardType3 .boardInfo > div span:last-child:after {display:none;}
/* 게시물 상태현황 표현 - 채용완료, 진행, 완료 등 */
.boardType3 li > span {display:inline-block;line-height:30px;padding:0 10px;margin-bottom:5px;}
.boardType3 li .state1 {color:#fff;background-color:#4b6498;}
.boardType3 li .state2 {color:#fff;background-color:#dc5b21;}
	/* 게시물 첨부파일 */
	.boardType3 li .infoFile {position:absolute;top:50%;right:10px;margin-top:-20px;overflow:hidden;}
	.boardType3 li .infoFile a {float:left;display:inline-block;width:40px;height:40px;}
	.boardType3 li .infoFile a span {font-size:0;line-height:0;height:0;text-indent:-7676769px;visibility:hidden;}
		/* 아이콘 적용 */
		.boardType3 li .infoFile a.fileDown {background-position:0 0;}
		.boardType3 li .infoFile a.fileDown:hover {background-position:-40px 0;}
		.boardType3 li .infoFile a.fileView {background-position:0 -40px;}
		.boardType3 li .infoFile a.fileView:hover {background-position:-40px -40px;}
		/* 존재하지 않는 속성입니다.
		.boardType3 li .infoFile a:hover,
		.boardType3 li .infoFile a:focus {background-position-x:-40px;}
		*/	
	/* 게시물 등록정보 */	
		/* 구분 표시 */
.boardType3 .empty {text-align:center;padding:100px 0 150px 0;background:transparent !important;}
.boardType3 .boardColumn {position:relative;width:100%;}
.boardType3 .boardColumn:after {display:block;clear:both;content:'';width:100%;height:1px;border-bottom:1px solid #555;}
.boardType3 .boardColumn > span {
	position:relative;display:block;float:left;height:60px;
	font-weight:600;font-size:15px;line-height:60px;
}
.boardType3 .boardList > li {position:relative;height:80px;}
.boardType3 .boardList > li:after {display:block;clear:both;content:'';width:100%;height:1px;border-bottom:1px solid #ccc;}
.boardType3 .boardList > li > * {display:block;float:left;line-height:80px;}
.boardType3 .boardList > li h3 {font-weight:400;font-size:19px;}
	/* column & list width 값 설정 */
	.boardType3 .boardColumn .subject, .boardType3 .boardList h3 {width:80%;}
	.boardType3 .boardColumn .date, .boardType3 .boardList .date {width:15%;}
	.boardType3 .boardColumn .view, .boardType3 .boardList .view {width:5%;}
	/* 상시배너 썸네일 표시 */
	.boardType3 .bannThumb {position:absolute;width:300px;height:50px;overflow:hidden;}
	.boardType3 .bannCont {padding-left:330px;}
	.boardType3 .bannCont dt {font-weight:600;font-size:17px;margin-bottom:5px;}
	.boardType3 .bannCont dd a {color:#4da4e7;}
	.boardType3 .bannCont dd a i {display:inline-block;margin-left:5px;background-position:0 -2px;;}
	
/* 게시판 상세 - 공통 */
.detailBoard {max-width:1150px;margin:0 auto;overflow:hidden;}
.detailBoard h3 {font-weight:400;font-size:31px;line-height:1.5em;letter-spacing:-0.08em;text-align:center;}
	/* 게시물 상세화면 - 등록일, 다운로드수, 조회수, 첨부파일 다운로드 버튼 */
	.detailBoard  {position:relative;}
	.detailBoard .boardInfo {position:relative;width:100%;padding:15px 0;border-top:1px solid #ccc;overflow:hidden;}
	.detailBoard .boardInfo .infoLeft  {float:left;}
	.detailBoard .boardInfo .infoLeft span {display:inline-block;line-height:40px;margin-right:10px;}
		/* RSS 버튼 & 총 게시물 색상 */
		.detailBoard .infoLeft .rss {padding-right:20px;background-color:transparent;}
		.detailBoard .infoLeft .total strong {color:#ea6752;}
	/* 게시물 검색 */
	.detailBoard .boardInfo .infoRight {float:right;}
	.detailBoard .boardInfo .infoRight span { /* 조회수, 다운로드 수 */
		display:inline-block;height:40px;line-height:40px;
		font-weight:400;margin-left:20px;
	}	
	.detailBoard .boardInfo .infoRight span select { /* 콤보 검색 */
		height:40px;line-height:40px;
		padding:0 0 0 10px;box-sizing:border-box;
		background:transparent;border:none;border-bottom:1px solid #555;
	}
	.detailBoard .boardInfo .file {cursor:pointer;} /* 첨부파일 */
	.detailBoard .boardInfo .file:hover {color:#333;text-decoration:underline;}
	.detailBoard .boardInfo i {display:inline-block;margin-right:5px;margin-bottom:2px;} /* 아이콘 */
		/* 다운로드 수 & 조회 수 아이콘 */
		.detailBoard .boardInfo .down i {background-position:0 0;}
		.detailBoard .boardInfo .view i {background-position:-24px 0;}
		.detailBoard .boardInfo .good i {background-position:-94px 0;cursor:pointer;}
		.detailBoard .boardInfo .file i {background-position:-48px -24px;transition:all ease-in-out .3s;}
		.detailBoard .boardInfo .file i.rotate {transform:rotate(180deg);} /* 첨부파일 창을 열었을 경우 화살표 180도 회전시키기 */
	.detailBoard button {
		display:inline-block;height:40px;
		color:#fff;line-height:40px;
		vertical-align:middle;padding:0 15px;margin-left:15px;
		background-color:#555;
	}
		/* 포토뉴스 썸네일 새창의 컨트롤러 버튼 */
		.largeThumb.cntnts-layer button {margin-left:0;} /* 현장에서 답을 찾다의 margin 값을 적용받지 않도록 처리함 20180918ㅊ */
	.detailBoard button:hover,
	.detailBoard button:focus {background-color:#66a6ee;}
		/* 첨부파일 전체 다운로드, 관련 보도자료 바로가기 버튼 */
		.detailBoard .infoRight .presslink {margin-left:3px;background-color:#767676;}
		.detailBoard .infoRight .presslink i {margin-left:3px;margin-right:0;background-position:-72px -24px;}
		.detailBoard .infoRight .fileDown i {margin-left:3px;margin-right:0;background-position:0 -24px;}
		/* 다운로드 받기 아이콘, 첨부파일 첨자 효과, 게시물 정렬 */		
		.detailBoard .infoRight em {font-style:normal;font-weight:600;color:#f85200;}
		.detailBoard .infoRight .sort {color:#555;padding:0 5px;margin-left:0;background-color:transparent;}
		.detailBoard .infoRight .sort:first-child:after {
			display:inline-block;content:'';width:1px;height:15px;
			margin-left:15px;vertical-align:middle;background-color:#d7d7d7;
		}
		.detailBoard .infoRight .sort.on {font-weight:500;color:#368bff;}
	/* 다운로드 파일정보 */
	.fileInfo {position:relative;display:none;width:100%;border:1px solid #ccc;background-color:#fff;}
	.fileInfo.nesDta {display:block;margin-bottom:30px;}
	.fileInfo ul {padding:10px 30px 0;}
	.fileInfo li {position:relative;width:100%;padding:15px 0;border-bottom:1px dotted #ddd;}
	.fileInfo li > div {position:absolute;top:10px;right:0;}
	.fileInfo li > div a {display:inline-block;}
	.fileInfo li > div a i {display:inline-block;}
	.fileInfo > div {width:100%;background-color:#eee;}
		/* 다운로드, 자료열기 아이콘 */
		.fileInfo .down i {background-position:-24px -24px;}
		.fileInfo .view i {background-position:-48px 0;}
		/* 전체 다운로드 버튼 */
		.fileInfo .downAll {height:40px;line-height:40px;}
		
	/* 작성부서 정보 - 담당부서, 담당자, 연락처, 이메일 */
	.detailBoard .departInfo {width:100%;position:relative;padding:30px 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc;overflow:hidden; display:flex; align-items:stretch; justify-content:flex-start; flex-wrap:wrap;}
	.detailBoard .departInfo li {float:left;width:50%;height:40px;line-height:40px;padding:0 30px; flex:none;}
	.detailBoard .departInfo li:nth-child(odd){border-right:1px solid #ddd;}
	.detailBoard .departInfo li:nth-child(even):last-child{border-right:0;}
	.detailBoard .departInfo li span {display:inline-block;width:100px;color:#555;vertical-align:middle;}
	/* 게시판 상세 - 문서뷰어 설정*/
	.detailBoard .fileView {position:relative;width:100%;margin:30px auto;}
	/* 게시판 상세 - 에디터 작성 글 */
	.editorCont {position:relative;width:100%;padding:30px 0;border-top:1px solid #ddd;white-space:pre-wrap;}	
	.editorContUp {position:relative;width:100%;padding:50px 0;white-space:pre-wrap;/*margin-bottom:30px;*/}	
	.editorCont pre, .editorContUp pre {table-layout:fixed;width:100%;font-family:'Nanum Gothic', sans-serif;line-height:1.75em;white-space:pre-wrap;} /* 동영상자료의 자막(캡션)의 폰트를 나눔고딕으로 고정한다 */
	.editorContUp.contLetter {text-align:center;white-space:nowrap;} /* 뉴스레터의 경우 이미지를 중앙에 정렬한다 */
	.editorCont p {line-height:1.5;}
	.editorCont #dext_body p {color:#555;font-family:'Nanum Gothic';line-height:1.2em;}
	.editorCont.hideCont {overflow:hidden; position:absolute;  width:1px; height:1px; font-size:1px;}
	.editorCont.taxLawCase {padding:30px 0;border-top:0;}
	/* 게시판 상세 - 그리드 */
	/*
		.photoMain {position:relative;width:100%;height:350px;padding:5px 5px 30px 5px;margin-bottom:20px;background-image:linear-gradient(125deg, #e479c7, #32cfbc);}
	*/
	.photoMain {width:100%;height:350px;padding:0 10px;margin-bottom:10px;}
	.photoMain .inner {position:relative;width:100%;height:100%;padding:5px 5px 50px 5px;background-image:linear-gradient(125deg, #e479c7, #32cfbc);}
	.photoMain .inner .water {position:absolute;z-index:2;bottom:10px;right:10px;display:block;width:60px;height:23px;background:url('../../images/newMosf/content/waterMark.png') no-repeat;}
	.photoMain .photoSlide {
		position:absolute;top:30px;right:50px;
		display:block;width:80px;height:80px;
		opacity:.5;		
		background-repeat:no-repeat;
		background-position:-80px -360px;
		background-color:rgba(0, 0, 0, .15);
		transition:all .3s ease;
	}
	.photoMain .photoSlide span {font-size:0;height:0;line-height:0;text-indent:-7676769px;}
	.photoMain .photoSlide:hover {opacity:1;background-color:rgba(0, 0, 0, .45);}
	.photoMain img {width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:100%;}
	.grid {position:relative;max-width:1150px;margin:0 auto;overflow:hidden;}	
	.grid-item .grid-item-data {position:relative;margin:10px;padding:0;background-color:#fff;/* cursor:pointer; */}
		/* 그리드 - 포토 마우스 오버 효과(메인과 동일한 효과) */
		.grid-item-data .cropImage {position:relative;display:block;width:100%;height:100%;}
		.grid-item-data .cropImage img {display:block;width:100%;height:100%;}
		.grid-item-data .cropImage .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;}
		.grid-item-data .cropImage .water {position:absolute;z-index:2;bottom:10px;right:10px;display:block;width:60px;height:23px;background:url('../../images/newMosf/content/waterMark.png') no-repeat;}
		.grid-item-data:hover .cropImage .cover {opacity:0;transition:all 1s;}
	/* 게시판 상세 - 동영상 */
	.movieMain {position:relative;height:0;padding-top:30px;padding-bottom:56.25%;margin:20px auto;overflow:hidden;}
	.movieMain.scroll{position:fixed; top:0; left:0; width:100%; margin:0 auto; z-index:767676;}
	.movieMain embed,
	.movieMain video,
	.movieMain iframe {position:absolute;top:0;left:0;width:100%;height:100%;}
	/* 게시판 상세 - 리얼체험 내부 페이지 */
	.innerDetail {margin:30px auto;overflow:hidden;}
	.innerDetail .innerHeader h4 {font-weight:400;font-size:24px;line-height:24px;}
	.innerDetail .innerHeader .date {display:block;margin-top:8px;}
/* 게시판 상세 - 버튼 */
.detailButton {position:relative;max-width:1150px;text-align:center;margin:50px auto 50px auto;}
.detailButton a {display:inline-block;height:40px;line-height:40px;font-weight:500;padding:0 25px;}
.detailButton a:hover,
.detailButton a:focus {background-color:#66a6ee;}
/* 초기화 버튼 */
.btnReset{display:flex !important; align-items:center; justify-content:center; padding:13px 22px !important; border:1px solid #ccc; font-size:15px; color:#555555; line-height:1; background:#fff;}
.btnReset:before{content:''; display:block; width:15px; height:15px; margin-right:10px; background:url('../../images/id/pdo/icon-reset.svg') center center / auto no-repeat;}
.btnReset:hover{border-color:#275b95 !important; color:#275b95 !important; background:#fff !important;}



	
/* 게시판 목록 - 보도자료, 기재부뉴스 */
.boardType1 {width:100%;}
.boardType1 li:nth-child(2n+1) {background-color:#fff;}
.boardType1 .empty {text-align:center;padding:100px 0 150px 0;background:transparent !important;}
.boardType1 .txtCont {position:relative;overflow:hidden;}
.boardType1 .txtCont .txtTitle {position:relative;width:100%;}
.boardType1 .txtCont .txtTitle h3 {display:inline-block;font-weight:500;} /* 제목 설정 */
.boardType1 .txtCont .txtTitle h3 a {color:#555;line-height:1.5em;text-decoration:none;}
.boardType1 .txtCont .txtTitle button {position:absolute;bottom:47px;right:0;width:42px;height:42px;background-position:0 -80px;border:1px solid #aeaeae;}
.boardType1 .txtCont .txtTitle:focus button {background-position:-40px -80px;border-color:#555;}
.boardType1 .txtCont .txtTitle:after { /* 레이어 타이틀 컨셉 라인표시 */
	display:block;content:'';width:100%;height:15px;
	margin-top:35px;
	background-image:url('../../images/newMosf/common/headerImg.png');
	background-repeat:no-repeat;
	background-position:-30px bottom;
	border-top:1px solid #555555;
}
.boardType1 .txtCont p {font-weight:400;color:#666;font-family:'Nanum Gothic';line-height:1.5em;margin-top:35px;}
.boardType1 .txtCont .sumInfo {font-weight:400;color:#666;font-family:'Nanum Gothic';line-height:1.5em;margin-top:35px;} /* 목록 게시글 요약정보 : 위의 p태그의 웹표준에 문제가 되어 div 형태로 재구성함 */
.boardType1 .txtCont .txtInfo {position:relative;font-weight:400;font-size:14px;font-family:'Nanum Gothic';color:#767676;margin-top:35px;}
.boardType1 .txtCont .txtInfo span {display:inline-block;}
.boardType1 .txtCont .txtInfo span:first-child:after {display:inline-block;content:'';width:1px;height:15px;margin:0 20px;vertical-align:middle;background-color:#d7d7d7;}
.boardType1 .txtCont .txtInfo span.period {position:absolute;right:0;}
.boardType1 .txtCont figure {position:relative;width:100%;height:100%;}
.boardType1 .txtCont figure .play {
	position:absolute;top:50%;left:50%;
	display:block;width:66px;height:46px;
	margin:-23px 0 0 -33px;
	background:url('../../images/newMosf/content/play.png') no-repeat;
}
.boardType1 .txtCont figure img {width:100%;height:100%;background-repeat:no-repeat;background-size:cover;background-position:center;}




/* 게시판 목록 - 포토뉴스, 동영상자료, 인포그래픽, 팩트채크, 갈매로477 */
.boardType2 {max-width:1150px;margin:30px auto;overflow:hidden;}
.boardType2 > div {float:left;height:380px;padding:5px;}
.boardType2 .cardWrap {position:relative;width:100%;height:100%;overflow:hidden;}
/* 
.boardType2 .cardWrap > a:focus {display:block;border:1px solid #27b3fc;} 웹접근성 : 키보드 초점의 위치를 인지 할 수 없는 콘텐츠 대응
 */
.boardType2 .cardWrap > a:focus:before {content:'';display:block;position:absolute;left:0;right:0;top:0;bottom:0;border:1px solid #27b3fc;opacity:1;z-index:100;} /* 웹접근성 : 키보드 초점의 위치를 인지 할 수 없는 콘텐츠 대응 수정 */
.boardType2 .cardWrap .thumb {width:100%;}
.boardType2 .cardWrap .thumb .category {position:absolute;z-index:10;top:0;left:0;width:60px;height:30px;color:#fff;font-size:14px;line-height:30px;padding:0 0 0 29px;}
.boardType2 .cardWrap .thumb .category.step01 {background:url('/images/content/20190603/s1.png') no-repeat;}
.boardType2 .cardWrap .thumb .category.step02 {background:url('/images/content/20190603/s2.png') no-repeat;}
.boardType2 .cardWrap .thumb .category.step03 {background:url('/images/content/20190603/s3.png') no-repeat;}
.boardType2 .cardWrap .thumb img {width:100%;height:100%;background-size:cover;background-repeat:no-repeat;}
.boardType2 .cardWrap .thumb .ratio {
	background-position:top center;background-repeat:no-repeat;background-size:cover;
	transition:transform 5s linear, opacity 0.35s ease-out;
	-webkit-transition:transform 5s linear, opacity 0.35s ease-out;
	-moz-transition:transform 5s linear, opacity 0.35s ease-out;
	-o-transition:transform 5s linear, opacity 0.35s ease-out;
}
.boardType2 .cardWrap .thumb .cover {opacity:0;transition:all 1s;}
.boardType2 .cardWrap .info  {position:absolute;z-index:5;bottom:0;width:100%;padding:20px;transition:all ease-in-out .5s;}
.boardType2 .cardWrap .info h3 {font-weight:400;font-size:17px;line-height:21px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.boardType2 .cardWrap .info h3 span {display:inline-block;margin-right:8px;}
.boardType2 .cardWrap .info .date {position:absolute;bottom:20px;}
.boardType2 .cardWrap .info .date span {display:block;width:25px;height:1px;margin-bottom:8px;}
.boardType2 .cardWrap .share {position:absolute;z-index:5;bottom:-40px;width:100%;height:40px;padding:5px;background-color:#1787d3;transition:all ease-in-out .5s;}
.boardType2 .cardWrap .share .ideaShare ul {margin-top:3px;padding-left:15px;overflow:hidden;}
.boardType2 .cardWrap .share .ideaShare li {float:left;color:#fff;padding-right:10px;}
.boardType2 .cardWrap .share .ideaShare li span {
	display:inline-block;width:20px;height:20px;
	font-size:0;text-indent:-7676769px;vertical-align:middle;margin-right:3px;
	background:url('/images/content/20190603/icon-idea.png') no-repeat;
}
.boardType2 .cardWrap .share .ideaShare li .idea1 {background-position:0 0;}
.boardType2 .cardWrap .share .ideaShare li .idea2 {background-position:0 -20px;}
.boardType2 .cardWrap .share .ideaShare li .idea3 {background-position:0 -40px;}
.boardType2 .cardWrap .share a {display:inline-block;width:27px;height:27px;vertical-align:middle;margin-right:3px;}
.boardType2 .cardWrap .share a.icoShare,
.boardType2 .cardWrap .share i.icoShare {background-image:url('../../images/newMosf/content/icoPhoto.png');background-repeat:no-repeat;}
.boardType2 .cardWrap .share a.view {position:absolute;top:5px;right:10px;}
.boardType2 .cardWrap .share a.facebook {background-position:0 0;}
.boardType2 .cardWrap .share a.twitter {background-position:0 -27px;}
.boardType2 .cardWrap .share a.link {background-position:0 -54px;}
.boardType2 .cardWrap .share a.view {width:54px;background-position:0 -81px;}
.boardType2 .cardWrap .share a span {font-size:0;text-indent:-7676769px;transition:all ease-in-out .3s;}
	/* 그라데이션 배경일 경우 */
	.boardType2 .grdBox .cardWrap {padding:5px;}
	.boardType2 .grdBox .cardWrap.grdColor1 {background-image:linear-gradient(125deg, #e479c7, #32cfbc);}
	.boardType2 .grdBox .cardWrap.grdColor2 {background-image:linear-gradient(125deg, #9bebee, #5f6fe2);}
	.boardType2 .grdBox .cardWrap.grdColor3 {background-image:linear-gradient(125deg, #ffc33e, #d43eff);}
	.boardType2 .grdBox .cardWrap .info {left:0;right:0;}
	.boardType2 .grdBox .cardWrap .share {background-color:transparent;}
	.boardType2 .grdBox .cardWrap .share > div {
		float:left;position:relative;
		height:27px;line-height:27px;
		font-size:13px;color:#fff;
		padding-left:28px;margin-right:10px;
	}
	.boardType2 .grdBox .cardWrap .share > div i {position:absolute;top:0;left:0;width:27px;height:27px;}
	.boardType2 .grdBox .cardWrap .share > div i.view {background-position:-54px 0;}
	.boardType2 .grdBox .cardWrap .share > div i.good {background-position:-54px -27px;}
		/* 가로값 50% */
		.boardType2 .wide50 {width:50%;}
		.boardType2 .wide50 .thumb {height:370px;}
		.boardType2 .wide50 .info {height:120px;background-color:rgba(0, 0, 0, .75);}
		.boardType2 .wide50 .info h3 {color:#fff;}
		.boardType2 .wide50 .info .date {color:rgba(255, 255, 255, .75);}
		.boardType2 .wide50 .info .date span {background-color:rgba(255, 255, 255, .75);}
		/* 가로값 30% */
		.boardType2 .wide30 {width:33.33%;}
		.boardType2 .wide30 .thumb {height:230px;}
		.boardType2 .wide30 .thumb:before {content:''; display:block; position:absolute; left:0; top:0; right:0; bottom:0; border:1px solid rgba(0, 0, 0, 0.07);}
		.boardType2 .wide30 .info {height:140px;background-color:#fff; border:1px solid #eaeaea; border-top:0;}
		.boardType2 .wide30 .info h3 {color:#555;}
		.boardType2 .wide30 .info .date {color:#767676;}
		.boardType2 .wide30 .info .date span {background-color:#ddd;}
		/* 가로값 25% */
		.boardType2 .wide25 {width:25%;}
		.boardType2 .wide25 .thumb {height:210px;}
		.boardType2 .wide25 .info {height:160px;background-color:#fff; border:1px solid #eaeaea; border-top:0;}
		.boardType2 .wide25 .info h3 {color:#555;}
		.boardType2 .wide25 .info .date {color:#767676;}
		.boardType2 .wide25 .info .date span {background-color:#ddd;}
	
	
	
/* 게시판 목록 - 갈매로477 */
.boardType2 .grdWrap {position:relative;width:100%;height:100%;padding:5px;overflow:hidden;}
.boardType2 .grdWrap .thumb {width:100%;}
.boardType2 .grdWrap .thumb img {width:100%;height:100%;background-size:cover;background-repeat:no-repeat;}
.boardType2 .grdWrap .thumb .ratio {
	background-position:center center;background-repeat:no-repeat;background-size:cover;
	transition:transform 5s linear, opacity 0.35s ease-out;
	-webkit-transition:transform 5s linear, opacity 0.35s ease-out;
	-moz-transition:transform 5s linear, opacity 0.35s ease-out;
	-o-transition:transform 5s linear, opacity 0.35s ease-out;
}
.boardType2 .grdWrap .thumb .cover {opacity:0;transition:all 1s;}
.boardType2 .grdWrap .info  {position:absolute;z-index:1;width:100%;padding:20px;transition:all ease-in-out .5s;}
.boardType2 .grdWrap .info h3 {font-weight:400;font-size:17px;line-height:21px;}
.boardType2 .grdWrap .info .date {position:absolute;bottom:20px;}
.boardType2 .grdWrap .info .date span {display:block;width:25px;height:1px;margin-bottom:8px;}
.boardType2 .grdWrap .share {position:absolute;z-index:3;bottom:-40px;width:100%;height:40px;padding:5px;transition:all ease-in-out .5s;}


/* 게시판 페이징 */
.boardPage {position:relative;width:100%;text-align:center;margin:40px auto; display:inline-flex;  align-items:center; justify-content:center;}
.boardPage > span {display:inline-block;margin:0 2px;}
.boardPage > span.num {border:1px solid #ccc;}
.boardPage > span.num:hover {border:1px solid #555;}
.boardPage a, .boardPage strong {display:inline-block;height:42px;line-height:42px;padding:0 15px;}
.boardPage strong {color:#fff;}
/* .boardPage .fst, .boardPage .prev, .boardPage .next, .boardPage .lst {border:1px solid #ededed;} */
.boardPage .fst a, .boardPage .prev a, .boardPage .next a, .boardPage .lst a {
	display:inline-block;width:42px;height:42px;
	padding:0;vertical-align:middle;
	background:url('../../images/newMosf/common/icoBoard.png') no-repeat;
	transition:all ease-in-out .5s;
}
.boardPage a span {font-size:0;text-indent:-7676769px;overflow:hidden;}
.boardPage > span strong {display:block;width:100%;height:100%;background-color:#555;}
.boardPage > span.num strong {outline:1px solid #555 !important;}
	/* 페이징 아이콘 이미지 적용 */
	.boardPage .fst a {background-position:0 -120px;}
	.boardPage .prev a {background-position:0 -200px;}
	.boardPage .next a {background-position:0 -240px;}
	.boardPage .lst a {background-position:0 -160px;}
	/* 배경색 삭제로 인한 기능 삭제
	.boardPage .fst a:hover {background-position:-40px -120px;}
	.boardPage .prev a:hover {background-position:-40px -200px;}
	.boardPage .next a:hover {background-position:-40px -240px;}
	.boardPage .lst a:hover {background-position:-40px -160px;}
	*/

/* 웹툰 스크롤 형식 - 20210218 */
.scroll-img-container{width:100%; display:flex; align-items:center; justify-content:flex-start; flex-direction:column;}
.scroll-img-container > img{width:auto; height:auto; display:block; max-width:1150px; flex:none;}

/* hwpx 안내문구 */
.hwpx_guide{display:inline-block; width:100%; margin-top:20px; padding:25px 0 0 15px; text-indent:-15px; border-top:1px solid #ddd; font-size:15px; color:#666; font-weight:600;}
.hwpx_guide i{/*color:#790000;*/ font-style:normal;}
.hwpx_guide a{/*display:inline-block;*/ margin-left:8px; padding-right:18px; color:#5d6b98; font-weight:500; text-decoration:underline;background:url('/images/newMosf/content/viewer_icon_blank.png') no-repeat right center;}