@charset "utf-8";

/*레이아웃*/


#publication {
	margin-right: 45px;
	background-image: url(../images/bg_publication.jpg);
	/*background-position: 0 -25px;*/
	background-repeat: no-repeat;
	float: left;
	width: 320px;
	position: relative;
}

#resources {
	float: left;
	position: relative;
	margin-right: 25px;
	background-image: url(../images/bg_resources.jpg);
	background-position: 0 -25px;
	background-repeat: no-repeat;
	width: 320px;
}

/*accordion */
#accordion {
	clear: both;
	margin: 0 0 25px 10px;
	height: 355px;
	margin-left: 10px;
	display :block;
	/* Opera */
	box-shadow:3px 4px 9px 3px #999;
	/* Firefox */
	-moz-box-shadow:3px 4px 9px 3px #999;
	/* Safiri, Chrome */
	-webkit-box-shadow:3px 4px 9px 3px #999;
}
.accordionWrapper:after {
	content:""; 
	clear:both; 
	display:block;
}
.accordionWrapper {
	*zoom:1; 
	margin-top:20px;
	position: relative;
}
.accordionWrapper #shadow {
	width: 969px;
	height: 279px;
	/*background: url(/images/shadow.png) top left no-repeat;*/
	position: absolute;
	top: 113px;
	left: -35px;
	_display: none;
}
#accordion li.acc {
	position:relative;
	background-color: #fff;
	/* Opera */
	box-shadow:8px 10px 18px 7px #333;
	/* Firefox */
	-moz-box-shadow:8px 10px 18px 7px #333;
	/* Safiri, Chrome */
	-webkit-box-shadow:8px 10px 18px 7px #333;
}
#accordion h3 a, #accordion h4 a { color: #000; }
#accordion h3 a:visited { color: #000; }
#accordion h3 a:active { color: #000; }
#accordion h3 a:hover { color: #6699cc;; }
#accordion div.left21Main:after { content:""; clear:both; display:block; }
#accordion div.left21Main { *zoom:1; }
#accordion div.mainText {
	font-size: 14px;
	text-align: justify;
	color: #b2b2b2;
}
#accordion .subTitle {
	display: block;
	font-size: 20px;
}
#accordion div.slider-bg {
	background:#000;
	top:0px;
	width:600px;
	left:0;
	position:absolute;
	z-index:10;
	opacity:.5;
}
#accordion div.slider-info {
	top:0px;
	left:0;
	position:absolute;
	width:120px;
	z-index:15;
	padding:15px;
	height: 300px;
}
#accordion div.slider-info h2 a  {
	font-size: 24px;
	color: #000;
	margin-bottom: 50px;
	display:block;
} accordionWrapper

#accordion .statement div.slider-info {
	background: url('/images/statement_header.jpg') no-repeat 75px 10px;
}
#accordion .left21 div.slider-info {
	background: url('/images/left21_header.jpg') no-repeat  75px 10px;
}
#accordion .forum div.slider-info {
	background: url('/images/forum_header.jpg') no-repeat  75px 10px;
}
#accordion div.slider-info .tags {
	font-size:12px;
	line-height:14px;
	margin:0 !important;
	height: 300px;
}
#accordion div.slider-info .tags li {
	padding-bottom: 5px;	
	color: #e9a9a9; 
	letter-spacing: -1px; 
	font-size: 12px;
}

#accordion div.tags a { 
	color: #e9a9a9; 
	letter-spacing: -1px; 
	font-size: 12px; 
}
#accordion div.tags img {
	margin-top: 8px;
}
#accordion li.slider-open div.slider-info {
	width:570px;
}
#accordion li.slider-open div.slider-info strong {
	font-size:22px;
}
#accordion li.slider-open div.slider-info p {
	display:block;
}
#accordion div.list {
	width: 430px;
	height:300px;
	margin-left: 145px;
	padding-top: 40px;
}
#accordion div.list h3 {
	margin-bottom: 10px;
}
#accordion div.list h3.mainTitle a {
	font-size: 24px;
}
#accordion .mainText {
	margin-bottom: 20px;
}
#accordion .mainText p {
	margin-bottom: 10px;
}
#accordion div.subHeads {
	background-color: #F1F1F1;
	padding: 10px;
	margin-top: 10px;
	min-height: 35px;
	clear: both;
}
#accordion div.subHeads p a {
	background: url('../images/dot_red.gif') no-repeat 0px 8px;
	padding-left: 10px;
	padding-bottom: 5px;
	font-size: 13px;
	letter-spacing: -1px;
	margin: 0;
	line-height: 18px;
}
#accordion li.related-article a {
	background: transparent url('/images/related-arrow.gif') no-repeat	scroll 6px 0;
	padding-left: 21px;
	font-size: 13px;
	font-weight: normal;
}
#accordion .rela-more { display: none;}

/*포럼*/
#accordion li.forums {
	
}
#accordion li.focum .tags img {
	width:100px;
} 

#accordion li.forum div.list {
	border: 0;
	position: relative;
	width: 424px;
	padding-left: 20px; 
}

#accordion li.forum div.forumList li a {
	width: 370px;
	background-color: #fff;
	text-align: left;
	letter-spacing: -1px;
	display: block;
}

#accordion li.forum div.forumList p.gubun {
	color: #555;
	border: 0;
	font-size: 15px;
	font-weight: normal;
	letter-spacing: -1px;
	padding: 0;
}

#accordion li.forum div.forumList h4 {
	font-size: 20px;
	color: #343434;
	margin: 0;
	margin-top: 10px;
}

#accordion li.forum div.forumList h3 a {
	font-size: 24px;
	letter-spacing: -1px;
	margin: 0;
	margin-bottom: 10px;
	line-height: 34px;
}
#accordion li.forum table { width: 360px; text-align: left;  }
#accordion li.forum td {
	font-weight: normal;
}

#accordion li.forum td.tdTitle {
	font-weight: bold;
	vertical-align: baseline;
	width: 35px;
}

#accordion li.forum div.forumList li p {
	line-height: 1.4;
	margin: 0;
	padding: 0;
	font-weight: normal;
}

#accordion li.forum div.forumList p.yeonsa {
	float: left;
	width: 300px;
}

#accordion li.forum div.forumList span.nameOfYeonsa {
}

#accordion li.forum div.forumList span.aboutYeonsa {
	width: 204px;
}

#accordion li.forum div.forumList ul li {
	
	display: none;
}

#accordion li.forum div.forumList ul li.listOf1 {
	display: block;
	font-weight: bold;
}

#accordion li.forum p.page {
	top: 270px;
	left: 300px;
}

#accordion li.forum div.list p.button span.right,#accordion li.forum div.list p.button span.left
	{
	top: 100px;
}

#accordion li.forum div.list p.button span.right {
	right: 0px;
}
#accordion li.forum div.list p.button span.left {
	right: 420px;
}
#accordion li.forum div.list p.button span img:hover { width: 24px; }



/*간행물  및 자료실 공통*/
#publication h2 a,#resources h2 a {
	margin: 0;
	color: #4e5d7c;
	font-size: 13px;
	line-height: 13px;
	font-weight: normal;
	display: block;
	border-left:3px solid #fff;
	padding-left: 5px;
}

#publication h2.selected a,#resources h2.selected a {
	border-left: 3px solid #4e5d7c;
	padding-left: 5px;
	font-weight: bold;
}

#publication ul li,#resources ul li,#accordion div.left21List ul li {
	display: none;
}

#publication ul li.listOf1,#resources ul li.listOf1,#accordion div.left21List ul li.listOf1,#accordion li.forums ul li.listOf1
	{
	display: block;
}

#publication ul li img,#resources ul li img {
	float: left;
	border: 0;
	margin-right: 8px;
}

#publication ul li h3 {
	font-size: 14px
}

#publication ul li p {
	text-align: justify;
}

/*슬라이드 페이지 공통*/
p.page {
	display: inline;
	float: left;
	font-size: 0.9em;
	left: 120px;
	margin: 0;
	position: absolute;
	top: 183px;
}

p.button {
	margin: 0;
	padding: 0 7px 7px 0;
}

p.button span.right,p.button span.left {
	display: inline;
	float: right;
	line-height: 12px;
	margin-right: 10px;
	padding: 0;
	text-align: right;
	position: absolute;
	top: 183px;
}
p.button span.right img,p.button span.left img { cursor: pointer; margin:0; }
p.button span.left {
	right: 32px;
}

p.button span.right {
	right: 13px;
}




/*마르크스21*/
#publication div.marx21 {
	text-align: left;
}

#publication div.marx21Head {
	width: 82px;
	padding: 5px 0px;
	margin-left: 17px;
	text-align: left;
}

#publication div.marx21List {
	width: 285px;
	padding: 10px;
	background-color: #fff;
}

/*소책자*/
#publication div.pamHead {
	margin-left:17px;
	padding:5px 0;
	text-align:left;
}
#publication div.pamHead h2 {
	width:50px;
}



#publication div.pamList {
	/*display: none;*/
	width: 285px;
	padding: 10px;
	background-color: #fff;
}

/*집회일정,참가호소*/
#center .hoso {
	margin-bottom: 20px;
	border: 1px solid #C1ECB7;
}

#center div.hosoTitle {
	text-align: left;
	margin-bottom: 10px;
	position: relative;
}

#center .hosoTitle {
	padding: 10px;
	border-bottom: 1px solid #C1ECB7;
	background-color: #C1ECB7;
}

#center .hosoTitle h3 {
	border-left: 3px solid #3E7E30;
	color: #50A023;
	font-size: 14px;
	line-height: 12px;
	font-weight: bold;
	padding-left: 5px;
	margin: 0;
	display: block;
}

#center .hosoList ul li {
	padding: 5px 10px;
	font-size: 12px;
}

/*활동보고 사진자료*/
#resources div.thumbHead {
	width: 82px;
	padding: 5px 0px;
	margin-left: 17px;
	text-align: left;
}
#resources div.thumbList { margin: 10px 0; }
#resources div.thumbList img { margin-bottom: 5px; }
#resources div.thumbList p { font-size: 1em; text-align: center; margin-bottom: 5px;  }
#resources div.thumbList a { font-size: 1em; }
#resources div.thumbnailPhoto {
	float: left;
	margin-right: 10px;
	width: 96px;
	font-size: 12px;
}

#resources div.thumbnailPhoto h3 {
	font-size: 12px;
	font-weight: normal;
}

/*최신자료*/
#resources div.recentHead h2 {
	position: absolute;
	top: 0;
	left: 113px;
	margin: 5px 0;
	padding: 0 2px 0 5px;
}

#resources div.recentList {
	display: none;
	width: 285px;
	padding: 10px;
	background-color: #fff;
}

#resources div.recentList ul li a {
	background: transparent url(../images/dot_red.gif) no-repeat scroll 0
		8px;
	font-size: 13px;
	padding-left: 10px;
	margin-bottom: 5px;
	display: block;
}

/* 광고 */

#textBanners {
	margin: 0 0 25px 10px;
	width: 958px;
	height: 170px;
	border-top: 2px solid #aaa;
	border-bottom:1px solid #aaa;
	*zoom: 1;
}
#textBanners:after {
	content:"";
	clear: both;
	display: block;
}
#textBanners .textBannerBox {
	*zoom: 1;
	border-top: 1px dotted #666;
	padding: 10px 0;
}

#textBanners .first{
	border-top: none;
}

#textBanners .textBannerBox:after{
	content:"";
	clear: both;
	display: block;
}
#textBanners .textBannerBox p {
	font-size: 1em;
	margin-bottom: 5px;
}
#textBanners .textBannerBox p.description {
	font-size: 1em;
	color: #666; 
}
#textBanners .textBannerBox a {
	border-bottom: 1px dashed #777
}
#textBanners .textBannerBox a:hover {
	text-decoration: underline;
}
#textBanners .textBannerBox h3 a {
	font-size: 0.8em;
}

#textBanners .textBannerBox .thumbImage {
	float:left;
	padding: 0px 15px 0px 0px;
	margin-bottom: 20px;
}	

#textBanners .textBannerBox .subTitle {
	color: #294173;
	line-height: 1.4em;
	margin-bottom: 10px;
}

#textBanners .textBannerBox .title {
	color: #000;
	font-weight:bold;
	font-size:1.6em;
	margin-bottom: 16px;
	margin-top: 0;
}
#textBanners .textBannerBox h4.title {
	font-size: 1.2em;
}
/*후원,가입 배너*/
#textBanners .hoowon {
	border-top:0;
 	padding-top: 7px;
}
#textBanners .join {
	border-top: 2px solid #00A951;
 	padding-top: 7px;
}

#textBanners .hoowon h3, .join h3 {
 	color: #222;
 	margin-bottom: 10px;
 	font-size: 1.2em;
 } 
/*공통 코드조각*/
.noBorder {
	border: none !important;
}