@charset "utf-8";
section#search-wrapper {
	margin-top: 20px;
	margin-top: 2rem;
}
section#search-wrapper ul li {
	padding: 10px;
	padding: 1rem;
	margin-bottom: 10px;
	margin-bottom: 1rem;
}
section#search-wrapper ul li .h2-wrap {
	background-image: url('./images/search.png');
	background-repeat: no-repeat;
	background-position: -10px -3040px;
}
section#search-wrapper ul li:hover .h2-wrap {
	background-position: -10px -3220px;
}
section#search-wrapper ul li:nth-child(odd) {
	background-color: #fafafa;
}
section#search-wrapper ul li:hover {
	box-shadow: 1px 1px 3px #c7c7c7;
}
section#search-wrapper ul li:hover h3 a {
	color: #0071bc;
}
section#search-wrapper ul li div.h2-wrap,
section#search-wrapper ul li div.topic-content-wrap {
	float: left;
}
section#search-wrapper ul li div.h2-wrap {
	width: 126px;
}
section#search-wrapper ul li h2 {
	width: 126px;
	border-right: 1px solid #c7c7c7;
	font-size: 15px;
	font-size:1.5rem;
	text-align: center;
}
section#search-wrapper ul li h2 a {
	color: #999;
	display: block;
	padding: 90px 0 19px 0;
	padding: 9rem 0 1.9rem 0;
}
/* 주제별 이미지 */
	/* 공지 */
	section#search-wrapper ul li.notice-topic .h2-wrap {
		background-position: -10px -160px; /* x는 모두 -10px, y는 실제 좌표에서 20px씩 빼기 */
	}
	section#search-wrapper ul li.notice-topic:hover .h2-wrap {
		background-position: -10px -340px;
	}
	/* 사회화와 노동*/
	section#search-wrapper ul li.sola-topic .h2-wrap {
		background-position: -10px -520px; 
	}
	section#search-wrapper ul li.sola-topic:hover .h2-wrap {
		background-position: -10px -700px;
	}
	/* 민중건강과 사회 */
	section#search-wrapper ul li.healthnews-topic .h2-wrap {
		background-position: -10px -880px;
	}
	section#search-wrapper ul li.healthnews-topic:hover .h2-wrap {
		background-position: -10px -1060px;
	}
	/* 성명 */
	section#search-wrapper ul li.statement-topic .h2-wrap {
		background-position: -10px -1240px;
	}
	section#search-wrapper ul li.statement-topic:hover .h2-wrap {
		background-position: -10px -1420px;
	}
	/* 보고서 */
	section#search-wrapper ul li.report-topic .h2-wrap {
		background-position: -10px -1600px;
	}
	section#search-wrapper ul li.report-topic:hover .h2-wrap {
		background-position: -10px -1780px;
	}
	/* 사회운동 */
	section#search-wrapper ul li.journal-topic .h2-wrap {
		background-position: -10px -1960px;
	}
	section#search-wrapper ul li.journal-topic:hover .h2-wrap {
		background-position: -10px -2140px;
	}
	/* 소책자 및 도서 */
	section#search-wrapper ul li.pamphlet-topic .h2-wrap {
		background-position: -10px -2320px;
	}
	section#search-wrapper ul li.pamphlet-topic:hover .h2-wrap {
		background-position: -10px -2500px;
	}
	/* 자료실 */
	section#search-wrapper ul li.document-topic .h2-wrap {
		background-position: -10px -2680px;
	}
	section#search-wrapper ul li.document-topic:hover .h2-wrap {
		background-position: -10px -2860px;
	}
	/* 나머지 */
	section#search-wrapper ul li.etc-topic .h2-wrap {
		background-position: -10px -3040px;
	}
	section#search-wrapper ul li.etc-topic:hover .h2-wrap {
		background-position: -10px -3220px;
	}
	/* 첨부파일 */
	section#search-wrapper ul li.application .h2-wrap,
	section#search-wrapper ul li.application-hwp .h2-wrap,
	section#search-wrapper ul li.application-pdf .h2-wrap {
		background-position: -10px -3400px;
	}
	section#search-wrapper ul li.application:hover .h2-wrap,
	section#search-wrapper ul li.application-hwp:hover .h2-wrap,
	section#search-wrapper ul li.application-pdf:hover .h2-wrap {
		background-position: -10px -3580px;
	}
section#search-wrapper ul li div.topic-content-wrap {
	margin-left:-137px;
	width:100%;
}
section#search-wrapper ul li div.topic-content {
	padding: 20px 0 0 40px;
	padding: 2rem 0 0 4rem;
	margin-left:137px;
}
section#search-wrapper ul li div h3 {
	font-size: 15px;
	font-size: 1.5rem;
	margin: 5px 0 12px 0;
}
section#search-wrapper ul li div h3 a {
	color: #6d6e71;
}
section#search-wrapper ul li div h3 a:hover {
	color: #0071bc;
}
section#search-wrapper ul li div h4 {
	font-size: 13px;
	font-size: 1.3rem;
}
section#search-wrapper ul li div h4 a {
	color: #b3b3b3;
}
section#search-wrapper ul li dl.topic-content-button {
	display:none;
	width:100%;
	height:25px;
	margin:10px 0 0 0;
	padding:0;
	position:relative;
}
section#search-wrapper ul li .topic-content.opened dl.topic-content-button,
section#search-wrapper ul li:hover dl.topic-content-button {
	display:block;
}
section#search-wrapper ul li dl.topic-content-button dt {
	width:100%;
	height:25px;
	margin:0;
	padding:0;
	background:#fff;
	text-indent:-100000em;
	opacity: 0.5;
	-webkit-opacity:0.5;
	-moz-opacity:0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
}
section#search-wrapper ul li dl.topic-content-button:hover dt {
	opacity: 1;
	-webkit-opacity:1;
	-moz-opacity:1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
}
section#search-wrapper ul li dl.topic-content-button dd {
	display:inline-block;
	padding:0;
	margin:0;
	position:absolute;
	z-index:3;
	top:4px;
}
section#search-wrapper ul li dl.topic-content-button dd.summary {
	background:url('./images/search.png') no-repeat left -3369px;
	padding-left:15px;
	left:5px;
}
section#search-wrapper ul li dl.topic-content-button dd.article {
	background:url('./images/search.png') no-repeat left -3383px;
	padding-left:20px;
	right:5px;
}
section#search-wrapper ul li dl.topic-content-button dd a {
	color:#c1272d;
}
section#search-wrapper ul li div.topic-content-more {
	display:none;
	margin-top:10px;
	font-size:14px;
	font-size:1.4rem;
	line-height:1.5;
	color:#666;
	padding-bottom:15px;
}
section#search-wrapper ul li div.topic-content-more img {
	float:right;
	width:40%;
	margin-left:15px;
	margin-bottom:5px;
}
section#search-wrapper ul li div.topic-content-more p {
	text-align:justify;
}
section#search-wrapper ul li div.topic-content-more a {
	color:#666;
}


section#search-wrapper div.search-form {
	padding: 20px 40px;
	border: 2px solid #b3b3b3;
	border-radius: 3px;
	margin-bottom: 20px;
}
section#search-wrapper div.search-form fieldset {
	margin-bottom: 10px;
}
section#search-wrapper div.search-form input[type="submit"],
section#search-wrapper div.search-form input[type="text"] {
	border: 1px solid #b3b3b3;
	border-radius: 3px;
	padding: 2px;
	padding: 0.2rem;
}
section#search-wrapper div.search-result {
	line-height: 1.5;
	margin-bottom: 10px;
	zoom: 1;
}
section#search-wrapper div.search-result:after {
	display: block;
	content: "";
	clear: both;
}
section#search-wrapper div.search-result div.search-meta {
	float: left;
}
section#search-wrapper div.search-result div.search-total-page-navi {
	float: right;
}
section#search-wrapper div.search-result span {
	font-weight: bold;
	font-size: 14px;
	font-size: 1.4rem;
	color: #c1272d;
}
section#search-wrapper form fieldset.fields {
	border-bottom: 1px dashed #b3b3b3;
	padding: 10px 0;
}
section#search-wrapper form fieldset.fields:after {
	clear:both;
	content:' ';
	display:block;
}
section#search-wrapper form fieldset label.label {
	float:left;
	display:block;
	width:60px;
	padding-top:3px;
	font-weight:bold;
}
section#search-wrapper form fieldset div.field_wrap {
	width:100%;
	margin-left:-60px;
	float:left;
}
section#search-wrapper form fieldset div.field_content {
	margin-left:60px;
}

@media screen and (max-width: 330px) {
	section#search-wrapper ul li dl.topic-content-button {
		height: 0;
		margin: 0;
	}
	section#search-wrapper ul li dl.topic-content-button dt {
		background: none;
	}
	section#search-wrapper ul li dl.topic-content-button:hover dt {
		display: none;
	}
	section#search-wrapper ul li dl.topic-content-button dd {
		display: none;
	}
}