@CHARSET "UTF-8";

div.encyclopedia {
	margin-top: 25px; 
}
div.agent_outline.pedia {
	border: 0; 
}
div.agent_banner.pedia {
	background-color: #e8e8e8;
}
img.agent_title.pedia {
}
div.agent_contents.pedia {
	border: 1px solid #e8e8e8; 
	background: #fbfbfb; 
	padding: 5px 0 0 0;
}
div.encyclopedia_science, div.encyclopedia_social, div.encyclopedia_economy {
	display: inline-block;
	width: 49%;
	max-width: 550px;
	min-width: 200px;
	min-height: 180px;
	padding: 5px 0 0 55px;
	vertical-align: top;
	position: relative;
}
div.encyclopedia_science {
	background: url('../imgs/encyclopedia/science.jpg') no-repeat left top; 
}
div.encyclopedia_social {
	background: url('../imgs/encyclopedia/social.jpg') no-repeat left top; 
}
div.encyclopedia_economy {
	background: url('../imgs/encyclopedia/economy.jpg') no-repeat left top; 
}

ol.dot_bottom_line {
	border-bottom: 1px dotted #c0c0c0; 
}
ol#pedia_science, ol#pedia_social, ol#pedia_economy {
	list-style: circle;
} 
ol#pedia_science > li, ol#pedia_social > li, ol#pedia_economy > li {
	border-bottom: 1px dotted #c0c0c0;
	padding-top: 3px;
	padding-bottom: 3px; 
}
ol#pedia_science > li > a, ol#pedia_social > li > a, ol#pedia_economy > li > a {
	font-size: 11pt;
}
ol#pedia_science > li.even, ol#pedia_social > li.even, ol#pedia_economy > li.even {
} 
ol#pedia_science > li.odd, ol#pedia_social > li.odd, ol#pedia_economy > li.odd {
} 
ol#pedia_science > li:hover, ol#pedia_social > li:hover, ol#pedia_economy > li:hover {
	font-weight: bold;
	background-color: #e7f1fe;
} 

div.encyclopedia_detail { background-color: #fff; position: relative; overflow: hidden; }
span#lblTitle { font-size: 14pt; font-weight: bold; color: #ffffff; }
span#lblFooter { font-size: 10pt; font-weight: bold; color: #ffffff; }

div.pre_line.pedia, div.banner.pedia  { position: fixed; top:0; left: 0; width: 100%; height: 15px; }
div.pre_line.pedia { background-color: #fff; }
div.banner.pedia { top: 15px; }
img#iconEncycl { float: left; width: 32px; height: 32px; margin-top: -15px; margin-left: 10px; }
img#logoEncycl { height: 13px; margin-left: 10px; }
div.titlebar.pedia { position: fixed; top:30px; left: 0; width: 100%; text-align: center; padding: 3px 5px; }
div.contents.pedia { width: 100%; height: 100%; padding: 10px 15px; }
div.footer.pedia { width: 100%; text-align: right; padding: 2px 20px 0 2px; position: absolute; bottom; 
		position: fixed; bottom: 0; left: 0; }

.banner.sci { background-color: red; }
.titlebar.sci { background-color: #5e5eff;  }
.footer.sci { background-color: #5e5eff; }

.banner.soc { background-color: blue; }
.titlebar.soc { background-color: #40a271;  }
.footer.soc { background-color: #40a271; }

.banner.eco { background-color: orange; }
.titlebar.eco { background-color: #b500ce;  }
.footer.eco { background-color: #b500ce; }

img.poster { width: 100%; height: 100%; border: 1px solid green; }

.koChongBong { font-family: "청봉", "KP CheongPong", "PRK P Chongbong";}
	
@media screen and (max-width : 767px) {
	
	span#lblTitle { font-size: 12pt; }
	
	div.encyclopedia_science, div.encyclopedia_social, div.encyclopedia_economy {
		width: 95%;
		max-width: none;
		min-width: none;
	}

}
	
@media screen and (max-width : 450px) {
	span#lblTitle { font-size: 11pt; }
	span#lblFooter { font-size: 8pt; }
}