@charset "utf-8";
html, body, p, ul, ol, dl, li, dt, dd, h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
}
ul {list-style:none; }
body{
	font:12px/1.5 Dotum, Verdana, AppleGothic, Sans-serif;
	text-align: center;
	background: #000000;
	}
body a {text-decoration:none;
 	}
a,
a:visited { 
color: #87A5C3;
text-decoration: none;
}
a:hover,
a:visited:hover { color: #00FFC8; }

br.clear_both,
div.clear_both,
br.clear_left,
div.clear_left {
font: 1px/1px monospace;
display: block;
}
.clear_both { clear: both; }
.clear_left { clear: left; }

h1 {display:none;}
h3 { 
	font-size: 0.917em;
	line-height: 1.455;
	font-weight:normal;
	}
h4 {
	font-size: 1.083em; 
	line-height: 1.31; 
	text-align: left;
	}
font.new {
	font-size:8pt;
	color:#FFA500;
	padding-left:2px;
}	
/* ------------------------------------------------------------
 * = 드래그색 지정해 주기
 ------------------------------------------------------------ */	
body {overflow: -moz-scrollbars-vertical;}
::-moz-selection { background:#87A5C3; color:#000000; }
::selection { background:#87A5C3; color:#000000; }
code::-moz-selection { background: #535353; color:#9dd63c; }
code::selection { background: #535353; color:#9dd63c; }	
/* ------------------------------------------------------------
 * = 외곽 레이아웃
 ------------------------------------------------------------ */	
div#wrap {width:999px; 
	white-space:nowrap;
	float:left;
	}
 	#header {
	 height:77px;
	 }	
	#middle {width:981px;} 			/* 링크리스트 늘어나면 늘려줘야 함.*/
	 
		#content {
			width: 791px;
			
			float:left;
			}
		.linkweb0 {
			width: 190px;
			float:right; 
			overflow:hidden;
			}	
		#blank {
			width: 10px;
			margin: 0;
			padding: 0;
			float:left;
			background-color:#000000;
			/* height: 100%; */ 
			}
	.bottom {
	clear:both;
	width:980px;
	height: 60px;
	padding: 5px 0 5px 0px;
	text-indent:10px;
	}	
/* ------------------------------------------------------------
 * =header/hearder_img
 ------------------------------------------------------------ */		
	
 	.hearder_img01 {
		width: 89px;
		height:77px; 
		float:left; 
		background-image:url(/moodangnet/image/top.gif);
		background-position:center;
		background-repeat:no-repeat;
		}
 	.hearder_img02 {
		width:702px;
		height:77px;
		float:left;
		background: url(/moodangnet/image/moodangnet_logo.gif);
		background-position:center;
		background-repeat:no-repeat;
		}	
	#hearder_img03 {
		position:absolute; 
		left: 867px; 
		top: 0px;
		z-index:0; 
		width:37px; 
		height:50px; 
		}
/*	#hearder_img03 a{
		display: block;
		overflow: hidden;
		width:37px; 
		height:50px;
		background: url(/moodang/image/home-a.gif) no-repeat;
		}
	#hearder_img03 a:hover {
		background: url(/moodang/image/home-b.gif) no-repeat;
		}*/	
		a.rollover img { border-width:0px; display:block; }
		a.rollover img.rollover { border-width:0px; display:none; }
		a.rollover:hover { position:relative; }
		a.rollover:hover img { display:none;  top:2px; left:2px}
		a.rollover:hover img.rollover { display:block; }		
	#hearder_img04 {
		position:absolute; 
		width:190px; 
		height:15px; 
		z-index:0; 
		left: 791px; 
		top: 55px;
		}	
/* ------------------------------------------------------------
 * =header/hearder_menu
 ------------------------------------------------------------ */		
	.header_menu01, .header_menu02 {
		position:absolute;
		z-index:2;
		height:15px;
		color:#F0DB9D;
		border: solid 0px #ffffff;
		}
	.header_menu01 {left:83px; width:700px; text-align:right;top:55px;
		}
		.header_menu01 ul li {display:inline; padding: 0 0 0 8px;}
	.header_menu02 {left:794px; width:170px; text-align:left;top:56px;
		}	
	.portal_bookmark {
		position:absolute; 
		left:185px; 
		top:36px; 
		z-index:2;
		width:600px; 
		height:15px; 
		text-align:right;
		border: solid 0px #ffffff;
		}
	.portal_bookmark ul li {display:inline; padding: 0 0 0 4px;}	
	.portal_bookmark, .portal_bookmark a{font-size: 8pt; color:#87A5C3; 
		}
	.portal_bookmark a:hover {color:#00FFC8;
		}
	.moodang_family a {font-size: 10pt; color:#FAE6AA; 
		}
	.family_select a {font-size: 10pt; color:#00FFC8; 
		}	
	.moodang_family a:hover, .family_select a:hover {font-size: 10pt; color:#00FFC8; 
		}
	.shaman_new {font-size: 8pt; color:#FF6E6E;
		}
	a.site_shaman01 {font-size: 8pt;color:#000000;}
	a.site_shaman02 {font-size: 9pt;color:#000000;}
	a.site_shaman01:hover {color:#F0DB9D;}
	a.site_shaman02:hover {color:#FF00AE;}
		
/* ------------------------------------------------------------
 * =wrap/content/
 ------------------------------------------------------------ */	
	#chunkiToday {
	position:relative;
	width: 791px;
	height: 586px;
	margin: 0 0 50px 0;
	display:block;
	overflow:hidden;
	}
		#chunki {
		width: 791px;
		height: 586px;
		}
		#chunki_gallery {
		position:absolute; 
		top: 539px; 
		width:765px; 
		left:0px;
		text-align:right;
		z-index:2; 
		padding: 0 0 0 0; 
		}
		#chunki_gallery a {
		color:#888888; 
		font-size:8.5pt; 
		font-weight:normal; 
		text-decoration:none;
		width:500px;
		}
		#chunki_gallery a:hover {
		color:#00FFC8;
		}
/* ------------------------------------------------------------
 * =wrap/content/ContentList
 ------------------------------------------------------------ */		
#hr1 {top:670px;}
#hr2 {top:700px;}

.content_title {padding: 1px 0 5px 0;  margin: 5px 7px 0 7px;text-align:right;}
.content_title h3 {display:inline;}
.content_title a{
font-size: 9.5pt; text-decoration:none;
}

#ContentList {
	height:1200px; /* 링크리스트 늘어나면 늘려줘야 함.*/
	margin: 0 0 0 0px;
	padding: 3px 0 0 0px;
	width:791px;
	/* float:left; */
	display:block;
	position:relative;
	}
	#Layer2 .input_keyword {width:110px;}
	
	#linklist1,#linklist2,#linklist3,#linklist4,#linklist5,#linklist6,#linklist7,#linklist8 {

	}
		.anti {
			margin-top: 10px;
			text-indent:15px;
			float:left;
			}	
		.anti h4 {display:inline;}
		.line {font-size:13px;font-weight:normal;display:none;}
		
		.link_list {
		text-align: left;
		list-style: none;
		margin: 0 0 1em;
		padding: 0;
		}
		.link_list>* {
		margin: 1px 1.5ex 1px 0;
		line-height: 1.333em;
		}
		.link_list>li { padding: 2px 0; }
		.link_list li { _padding: 0.15em 0 0.2em;  }
		.link_list li {
		_margin: 1px 1.5ex 1px 0;
		_line-height: 1.35em; 
		}
		
		.columns_0_A, 
		.columns_0_B,
		.columns_0_C,
		.columns_0_D,
		.columns_0_A,
		.columns_0_B,
		.columns_0_C {
		text-indent:15px;
		}
		.columns_1_A,
		.columns_1_B,
		.columns_1_C,
		.columns_1_D,
		.columns_2_A,
		.columns_2_B,
		.columns_2_C,
		.columns_2_D {
		margin-bottom: 0.5em;
		margin-top: 10px;
		text-indent:15px;
		}
		
		.columns_0_A, 
		.columns_0_B,
		.columns_0_C,
		.columns_0_D,
		.columns_1_A,
		.columns_1_B,
		.columns_1_C,
		.columns_1_D,
		.columns_2_A,
		.columns_2_B,
		.columns_2_C,
		.columns_2_D { width: 25%; }
		
		.A {float: left;}
		.B {float: right;}

		#ContentList font {font-size:8pt;font-family:Times New Roman;}
.ContBottom {
position:absolute;
top:888px;
left:755PX;
text-align:right;
font-size: 8pt;  
text-decoration:none;
width:30px;
}	
.ContBottom a {
float:right;
display:block;
width:30px;
height:50px;
}
/* ------------------------------------------------------------
 * =wrap/content/  배경색 + 글씨색 모음(롤오버색 포함)
 ------------------------------------------------------------ */
#content {background-color:#000000;}
.content_title a {color:#B9A569;}
.content_title a.select_category {color:#00FFC8;}
.content_title a:hover  {color:#00FFC8;}

#Layer2 form {color:#B9A569;}
#Layer2 .input_keyword, #Layer2 .input_submit {BACKGROUND-COLOR: #000000;color:#87A5C3;}

#ContentList h4,
#ContentList h4 a { color: #B9A569; }
.link_list a,
.link_list a:visited 		{color: #87A5C3;}
#ContentList h4 a:hover,
#ContentList h4 a:visited:hover,
.link_list a:hover,
.link_list a:visited:hover { color: #00FFC8; }
a.site_title {color:#C4D2FA;}
#ContentList font {color:#FFA000;}
#ContentList .line {color:#B9A569;}
.ContBottom a  {color:#87A5C3;}
.ContBottom a:hover {color:#00FFC8;}
/* ------------------------------------------------------------
 * =wrap/content/ 테두리정의 모음
 ------------------------------------------------------------ */
.content_title {border-bottom: solid 1px #324650;}
#Layer2 .input_keyword, #Layer2 .input_submit {	
		border-bottom: solid 1px #324650; 
		border-right: solid 1px #324650; 
		border-top : solid 1px #324650; 
		border-left: solid 1px #324650;} 
/* ------------------------------------------------------------
 * =wrap/linkweb0/  배경색 + 글씨색 모음(롤오버색 포함)
 ------------------------------------------------------------ */
.linkweb0 {BACKGROUND-COLOR: #000000;}
.box_title {color:#87A5C3;}
li.sidemenu a {color:#B9A569;}
li.twinmenu a {color:#87A5C3;}
li.twinmenu_select a {color:#00FFC8;}
#adLayer a {color:#999999;}
li.sidemenu a:hover,
#adLayer a:hover, 
li.twinmenu a:hover, 
li.twinmenu_select a:hover {color:#00FFC8;}
#searchform .form_select a {color:#B9A569;}
#searchform .form_select a:hover {color:#00FFC8;}
#searchform .input_keyword {BACKGROUND-COLOR: #000000;color:#87A5C3;}	
.news_site a {color:#87A5C3;}
.news_site a:hover {color:#00FFC8;}
/* ------------------------------------------------------------
 * =wrap/linkweb0/ 테두리정의 모음
 ------------------------------------------------------------ */
 	.box_title {
		border-top: solid 1px #324650;

		}
	li.sidemenu,	
	li.twinmenu, 
	li.twinmenu_select {	 
		border-bottom : solid 1px #324650;
		}			
	#searchform .input_keyword {	
		border-bottom: solid 1px #87A5C3; 
		border-right: solid 1px #87A5C3; 
		border-top : solid 1px #87A5C3; 
		border-left: solid 1px #87A5C3;} 
		
.newsbox {
	border-bottom: solid 1px #324650;
	}	

/* ------------------------------------------------------------
 * =wrap/linkweb0/twinbox/  주제별 링크, 툴박스
 ------------------------------------------------------------ */
.box_title {
 	padding: 14px 0 5px 0;
	font-size:9pt;
	height:20px;
	width:190px;
	display:block;
	text-align:center;
	}
ul.sidebox {}
ul.twinbox1,
ul.twinbox2 {width: 95px;}	
	li.sidemenu {
	padding: 1px 0 1px 0px;
	text-align:center;
	}
	li.twinmenu, 
	li.twinmenu_select {
	padding: 1px 0 1px 0px;
	text-indent:4px;
	text-align:left;
	}
	li.twinmenu, 
	li.twinmenu_select {
	width: 95px;
	float:left;
	overflow:hidden;
	white-space:nowrap; /* 사파리에서 밀려 나와서 넣은 것 */
	}
	li.sidemenu a,
	li.twinmenu a, 
	li.twinmenu_select a{font-size:10pt;}
	#linkweb_11 {width:190px; text-align:left;}
/* ------------------------------------------------------------
 * =wrap/linkweb0/searchform/ 검색폼
 ------------------------------------------------------------ */
#searchform {
margin:0;
padding:0;
}
	.input_keyword {width:183px;}
	.form_keyword {padding: 5px 0 3px 2px;}
	.form_select {padding: 3px 0 3px 1px;
	text-align:center;  
	}
	
	.form_select a {
	font-size:10pt; 
	text-decoration:none;
	} 	
/* ------------------------------------------------------------
 * =wrap/linkweb0/news_site/ 뉴스사이트
 ------------------------------------------------------------ */	
.news_site {margin: 0;}
.news_site a {text-decoration:none;font-size:9pt;}

.channel_1 {
margin-top:0px;
height:22px;

word-spacing: 0em;
}
.channel_2 {padding: 3px 0 15px 0px;word-spacing: 0.3em;}
.channel_1 a, .channel_2 a {font-size:11px;}

.newsbox {
height:35px;
width: 190px;
text-align:center;
line-height:30px;
}

/* ------------------------------------------------------------
 * =wrap/linkweb0/ad 배경색 + 글씨색 모음(롤오버색 포함)
 ------------------------------------------------------------ */
.ad_title{color:#FAE6AA;}
.ad_list01, .ad_list02 {BACKGROUND-COLOR: #ffffff;}
/* ------------------------------------------------------------
 * =wrap/linkweb0/ad 테두리정의 모음
 ------------------------------------------------------------ */
	.ad iframe#catLink {
		border-bottom : solid 1px #324650;
		}		
	.ad_list01, .ad_list02 {border-bottom: solid 1px #DDDDDD;
		}
/* ------------------------------------------------------------
 * =linkweb0/ad
 ------------------------------------------------------------ */
#ad_top	{
position:absolute;
top:713px;
left:792px;
}
.ad {width: 190px;
	height:100%;
	} 
	.ad_title {
	height:20px;
	display:block;  
	font-size: 10pt;
	text-align:center;
	}	
	.ad iframe#catLink {height:635px; width:190px;padding: 0 0 16px 0;margin:5px 0 0 0; overflow-x:hidden}
	.ad iframe#imgLink {
		height:382px;
		}
	ul.ad_list01, 
	ul.ad_list02 {
	font-size:0;
	float:left;
	width: 95px;
	overflow:hidden;
	}
	
/* ------------------------------------------------------------
 * =blank
 ------------------------------------------------------------ */				

/* ------------------------------------------------------------
 * =bottom, Copyright
 ------------------------------------------------------------ */	
.bottom {
	color:#87A5C3;
	font-size: 8pt;
	text-align: left;
	border-top: solid 1px #324650;
	}
.bottom a  {font-size: 8pt; color:#87A5C3; text-decoration:none}
.bottom a:hover {color:#00FFC8;}
.bottom b {letter-spacing: -1px;}