@charset "utf-8";
section.topicTitle {
}
section.topicTitle h3 {
	display:inline-block;
	font-size: 26px;
	font-size: 2.6rem;
	color:#022C44;
	width:28.229%;
	margin-left:2.3958%;
	margin-top:36px;
	margin-bottom:9px;
	padding-bottom:6px;
	border-bottom:1px solid #010101;
}
section.topicTitle h3 a {
	color:#022C44;
}
section#topic-wrapper {
	margin-top: 20px;
	margin-top: 2rem;
}
section#topic-wrapper ul li {
	padding: 10px;
	padding: 1rem;
	margin-bottom: 10px;
	margin-bottom: 1rem;
}
section#topic-wrapper ul li .h2-wrap {
	background-image: url('./images/topics.png');
	background-repeat: no-repeat;
	background-position: -10px -3040px;
	width: 126px;
}
section#search-wrapper ul li:hover .h2-wrap {
	background-position: -10px -3220px;
}
section#topic-wrapper ul li:nth-child(odd) {
	background-color: #fafafa;
}
section#topic-wrapper ul li:hover {
	box-shadow: 1px 1px 3px #c7c7c7;
}
section#topic-wrapper ul li:hover h3 a {
	color: #0071bc;
}
section#topic-wrapper ul li div.h2-wrap,
section#topic-wrapper ul li div.topic-content-wrap {
	float: left;
}
section#topic-wrapper ul li h2 {
	width: 126px;
	border-right: 1px solid #c7c7c7;
	font-size: 15px;
	font-size:1.5rem;
	text-align: center;
}
section#topic-wrapper ul li h2 a {
	color: #999;
	display: block;
	padding: 90px 0 19px 0;
	padding: 9rem 0 1.9rem 0;
}
/* 주제별 이미지 */
	/* 공지 */
	section#topic-wrapper ul li.notice-topic .h2-wrap {
		background-position: -10px -160px; /* x는 모두 0, y는 실제 좌표에서 30px씩 빼기 */
	}
	section#topic-wrapper ul li.notice-topic:hover .h2-wrap {
		background-position: -10px -340px;
	}
	/* 사회화와 노동*/
	section#topic-wrapper ul li.sola-topic .h2-wrap {
		background-position: -10px -520px; 
	}
	section#topic-wrapper ul li.sola-topic:hover .h2-wrap {
		background-position: -10px -700px;
	}
	/* 민중건강과 사회 */
	section#topic-wrapper ul li.healthnews-topic .h2-wrap {
		background-position: -10px -880px;
	}
	section#topic-wrapper ul li.healthnews-topic:hover .h2-wrap {
		background-position: -10px -1060px;
	}
	/* 성명 */
	section#topic-wrapper ul li.statement-topic .h2-wrap {
		background-position: -10px -1240px;
	}
	section#topic-wrapper ul li.statement-topic:hover .h2-wrap {
		background-position: -10px -1420px;
	}
	/* 보고서 */
	section#topic-wrapper ul li.report-topic .h2-wrap {
		background-position: -10px -1600px;
	}
	section#topic-wrapper ul li.report-topic:hover .h2-wrap {
		background-position: -10px -1780px;
	}
	/* 사회운동 */
	section#topic-wrapper ul li.journal-topic .h2-wrap {
		background-position: -10px -1960px;
	}
	section#topic-wrapper ul li.journal-topic:hover .h2-wrap {
		background-position: -10px -2140px;
	}
	/* 소책자 및 도서 */
	section#topic-wrapper ul li.pamphlet-topic .h2-wrap {
		background-position: -10px -2320px;
	}
	section#topic-wrapper ul li.pamphlet-topic:hover .h2-wrap {
		background-position: -10px -2500px;
	}
	/* 자료실 */
	section#topic-wrapper ul li.document-topic .h2-wrap {
		background-position: -10px -2680px;
	}
	section#topic-wrapper ul li.document-topic:hover .h2-wrap {
		background-position: -10px -2860px;
	}
	/* 나머지 */
	section#topic-wrapper ul li.etc-topic .h2-wrap {
		background-position: -10px -3040px;
	}
	section#topic-wrapper ul li.etc-topic:hover .h2-wrap {
		background-position: -10px -3220px;
	}
section#topic-wrapper ul li div.topic-content-wrap {
	margin-left:-137px;
	width:100%;
}
section#topic-wrapper ul li div.topic-content {
	padding: 20px 0 0 40px;
	padding: 2rem 0 0 4rem;
	margin-left:137px;
}
section#topic-wrapper ul li div h3 {
	font-size: 15px;
	font-size: 1.5rem;
	margin: 5px 0 12px 0;
}
section#topic-wrapper ul li div h3 a {
	color: #6d6e71;
}
section#topic-wrapper ul li div h3 a:hover {
	color: #0071bc;
}
section#topic-wrapper ul li div h4 {
	font-size: 13px;
	font-size: 1.3rem;
}
section#topic-wrapper ul li div h4 a {
	color: #b3b3b3;
}
section#topic-wrapper ul li dl.topic-content-button {
	display:none;
	width:100%;
	height:25px;
	margin:10px 0 0 0;
	padding:0;
	position:relative;
}
section#topic-wrapper ul li .topic-content.opened dl.topic-content-button,
section#topic-wrapper ul li:hover dl.topic-content-button {
	display:block;
}
section#topic-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#topic-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#topic-wrapper ul li dl.topic-content-button dd {
	display:inline-block;
	padding:0;
	margin:0;
	position:absolute;
	z-index:3;
	top:4px;
}
section#topic-wrapper ul li dl.topic-content-button dd.summary {
	background:url('./images/topics.png') no-repeat left -3369px;
	padding-left:15px;
	left:5px;
}
section#topic-wrapper ul li dl.topic-content-button dd.article {
	background:url('./images/topics.png') no-repeat left -3383px;
	padding-left:20px;
	right:5px;
}
section#topic-wrapper ul li dl.topic-content-button dd a {
	color:#c1272d;
}
section#topic-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#topic-wrapper ul li div.topic-content-more img {
	float:right;
	width:40%;
	margin-left:15px;
	margin-bottom:5px;
}
section#topic-wrapper ul li div.topic-content-more p {
	text-align:justify;
}
section#topic-wrapper ul li div.topic-content-more a {
	color:#666;
}