.container {z-index:5000;width: 990px; margin: 0 auto;position: relative;}
.logo_box{
	
	z-index:5100;
	position: absolute;

	top:15px;
	left:30px;
}


.search_box_bg{

	z-index:5101;
	position: absolute;
	width:307px;
	height:21px;
	background:#fff;
	border: 2px solid #E76B11;
	top:8px;
	left:617px;
}

.search_box{

	z-index:5101;
	display:inline;
	position: absolute;
	width:350px;	 

	top:8px;
	left:620px;
	
}


.search_box em#search_box_category{
	position: absolute;
	width:102px;
	height:21px;
	top:2px;
	
	background: url(/images/main/select_box_bg.gif);
	
	left:0px;	
}
.search_box em#search_box_input{
	position: absolute;

	top:3px;
	left:105px;	
	padding:1px 0 0 0px;

}

em#search_box_input_image{
	position: absolute;
	
	top:-4px;
	left:200px;	
}



.search_box em#search_category_all{
	position: absolute;
	top:-6px;
	left:0px;	
	margin:10px 0 0 10px;
	font: 13px  ±¼¸², Arial, Helvetica, sans-serif;
}	

.search_box em#search_category_view {
	position: absolute;
	border:1px solid #E76B11;
	top:11px;
	left:-13px;	
	width:104px;
	margin:10px 0 0 10px;
	background:#fff;
	font: 13px  ±¼¸², Arial, Helvetica, sans-serif;
}

.search_box em#search_category_view em a {
	text-align:left;
	display:block;
	padding:2px 0 1px 10px;
	font: 13px  ±¼¸², Arial, Helvetica, sans-serif;
}
ol#topnav {	


	z-index:100;	
	margin: 0; padding: 0;
	float: left;
	width: 990px;
	height: 75px;
	list-style: none;
	position: relative;
	font-size: 1.2em;
	background: url(/images/main/nav-bg.jpg);
	
}


ol#topnav em {


	left:170px;
	top:35px;
	position: absolute;
	float: left;
	font-weight:bold;
	font: 12px  ±¼¸², Arial, Helvetica, sans-serif;
	position: relative;
	margin: 0; padding: 0;


}




ol#topnav em a {
	padding: 10px 23px 10px 23px ;
	font: 13px  ±¼¸², Arial, Helvetica, sans-serif;
	font-weight:bold;
	display: block;
	color: #000;
	text-decoration: none;
}



em.album {
	z-index:1;
	background: url(/images/main/btn_cate_album.gif) ;
	width: 82px; 
	height:39px;

}
em.album a:hover{
	display:block;
	background: url(/images/main/btn_cate_album.gif) no-repeat ;
	z-index:9000;  background-position:0px -39px;
	padding: 10px 10px 10px 10px; margin: 0 0 0 0; 
	}


em.single {
	background: url(/images/main/btn_cate_single.gif) ;
	width: 82px; 
	height: 39px;
}
em.single a:hover{
	display:block;
	background: url(/images/main/btn_cate_single.gif) no-repeat ;

	z-index:9000;  background-position:0px -39px;

	}


em.interview {
	background: url(/images/main/btn_cate_interview.gif) ;
	width: 98px; 
	height: 39px;
}


em.interview a:hover{
	display:block;
	background: url(/images/main/btn_cate_interview.gif) no-repeat ;

	z-index:9000;  background-position:0px -39px;

	}
em.feature {
	background: url(/images/main/btn_cate_feature.gif) ;
	width: 91px; 
	height: 39px;
}

em.feature a:hover{
	display:block;
	background: url(/images/main/btn_cate_feature.gif) no-repeat ;
	z-index:9000;  background-position:0px -39px;
	}

em.library {
	background: url(/images/main/btn_cate_library.gif) ;
	width: 82px; 
	height: 39px;
}

em.library a:hover{
	display:block;
	background: url(/images/main/btn_cate_library.gif) no-repeat ;
	z-index:9000;  background-position:0px -39px;
}
em.news {
	background: url(/images/main/btn_cate_news.gif) ;
	width: 64px; 
	height: 39px;
}
em.news a:hover{
	display:block;
	background: url(/images/main/btn_cate_news.gif) no-repeat ;
	z-index:9000;  background-position:0px -39px;
}

em.community {
	background: url(/images/main/btn_cate_community.gif) ;
	width: 125px; 
	height: 39px;
}
em.community a:hover{
	display:block;
	background: url(/images/main/btn_cate_community.gif) no-repeat ;
	z-index:9000;  background-position:0px -39px;
}
em.faq {
	background: url(/images/main/btn_cate_faq.gif) ;
	width: 51px; 
	height: 39px;
}
em.faq a:hover{
	display:block;
	background: url(/images/main/btn_cate_faq.gif) no-repeat ;
	z-index:9000;  background-position:0px -39px;
}


/*em.allmenu {
	background: url(/images/main/btn_menu_all.gif) ;
	width: 109px; 
	height: 39px;
}*/
 span#allmenus  {
	z-index:7000;
	left:860px;
	top:35px;
	position: absolute;
	background: url(/images/main/btn_cate_all.gif) ;
	width: 109px; 
	height: 39px;
	cursor:pointer:
	
}
 span#allmenus a {
	left:0px;
	top:0px;
	position: absolute;
	width: 109px; 
	height: 39px;
	
	
}

 span#allmenus a:hover {
	display:block;
	background: url(/images/main/btn_cate_all.gif) no-repeat ;
	width: 109px; 
	height: 39px;

	position: absolute;	
	background-position:0px -39px;
}

ol#topnav em span {
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	position: absolute;
	left: 0; top:39px;
	display: none;
	width: 200px;
	height:auto;
	/*border: 1px solid #000000;*/
	/*background: #1376c9 ;*/
	background-image:url(/images/main/cate_bg.gif);

	background-position:bottom;
	opacity: .75; 
			/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
			/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";

}


 ol#topnav em  span.album_hover {
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	position: absolute;
	left: 0; top:39px;
	display: none;
	width: 100px;
	height:105px;
	background-image:url(/images/main/cate_album_bg_o.gif);

	color: #9185D6;
}

 ol#topnav em  span.single_hover {
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	position: absolute;
	left: 0; top:39px;
	display: none;
	width: 100px;
	height:85px;
	background-image:url(/images/main/cate_album_bg_o.gif);

	color: #9185D6;
}

ol#topnav em span.feature_hover {
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	position: absolute;
	left: 0; top:39px;
	display: none;
	width: 200px;
	height:auto;
	/*border: 1px solid #000000;*/
	/*background: #1376c9 ;*/
	/*background-image:url(/images/main/menu_sub_bg.gif);*/

	background-position:bottom;
	color: #000;
}


 ol#topnav em  span.library_hover {
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	position: absolute;
	left: 0; top:39px;
	display: none;
	width: 165px;
	height:231px;

	background-image:url(/images/main/cate_library_bg_o.gif);

	color: #9185D6;
}

 ol#topnav em  span.community_hover {
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	position: absolute;
	left: 0; top:39px;
	display: none;
	width: 125px;
	height:62px;

	background-image:url(/images/main/cate_community_bg_o.gif);

	color: #9185D6;


}


ol#topnav em:hover, ul#topnav em a:hover  {  background-position: left bottom; }
ol#topnav em span.all-menu {
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	position: absolute;
	left: 0; top:35px;
	display: none;

	height:auto;
	/*border: 1px solid #000000;*/
	/*background: #1376c9 ;*/
	background: url(/images/main/cate_bg.gif) no-repeat;
	background-position: bottom;
	color: #fff;


}
ol#topnav em span div{
	z-index:9990;	
	position: relative;
	left: 0;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	color:#000;
	
	width: 200px;
	height: 10px;

}
ol#topnav em span dl {
	position: absolute;
	left: -839px;
	width: 948px;
	height: 350px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	color:#000;
	background: url(/images/main/menu_sub_all_bg.gif) no-repeat;
}

ol#topnav em:hover span { display: block; }
ol#topnav em span a { display: block; padding: 4px 0 3px 12px;font-weight:normal;margin:0px 3px 0px 3px;font-size:12px;}
/*ol#topnav em span a:hover {background:#FFECDF;color:#A49E05;padding: 4px 0px 3px 12px;font-weight:normal; }*/
ol#topnav em span a:hover {background:url(/images/main/cate_cell_hover_bg.gif);color:#ffffff;padding: 4px 0px 3px 12px;font-weight:normal;background-position:right; }

ol#topnav em span dl a { display:inline-block; padding: 0px 0px 0px 0px;font-weight:bold;color:#000000;}
ol#topnav em span dl a:hover { padding: 0px 0px 0px 0px;font-weight:bold;color:#A49E05;background:#fff;}

.submenu{color:#524D4D;  font-family:"Dotum", Alral; font-size:13px;text-align:left; line-height:15px:font-weight:bold;}
.submenu a:link {color:#524D4D;  font-family:"Dotum", Alral; font-size:13px;text-align:left; text-decoration: line-height:15px:font-weight:bold; }
.submenu a:visited {color:#524D4D;  font-family:"Dotum", Alral; font-size:13px;text-align:left; text-decoration: line-height:15px:font-weight:bold;}
.submenu a:hover {color:#ffffff;  font-family:"Dotum", Alral; font-size:13px;text-align:left; text-decoration: line-height:15px:font-weight:bold;}
.submenu a:active { color:#524D4D;  font-family:"Dotum", Alral; font-size:13px;text-align:left; text-decoration: line-height:15px:font-weight:bold;}
