/* - 상단 S - */
#top_banner{
width:100%;
margin:0 auto;
height:0px;
min-width:1200px;
overflow:hidden;
}
#top_a{
width:100%;
height:45px;
background-color:#343740;
}
#top_b{
width:100%;
height:87px;
background-color:#3f3f49;
}
.top_category{
background-color:#343740;
width:1200px;
height:45px;
margin:0 auto;
}
.new_category{
width:551px;
height:45px;
float:right;
}
.top_logo{
background-color:#3f3f49;
width:1200px;
height:87px;
margin:0 auto;
}
.new_logo{
width:322px;
height:87px;
margin:0 auto;
}
/* - 상단 E - */

/* - 중간 S - */
#content_top{
margin-top:2%;
width:100%;
height:501px; 
overflow:hidden; 
}
#content_center{
width:100%;
height:708px; 
overflow:hidden; 
}
#content_foot{
width:100%;
height:277px; 
overflow:hidden; 
}
#content_a{
width:900px;
height:501px;
float:left;
}
#content_b{
width:300px;
height:501px;
float:left;
}
.b_category1{
width:150px;
height:133px;
float:left;
}
.b_category2{
width:300px;
height: 235px;
}
#content_c{
width:100%;
float:left;
}
.c_category1{
width:600px;
height:281px;
float:left;
}
.c_category2{
width:600px;
height:281px;
float:left;
}
#content_d{
width:100%;
float:right;
}
.d_category3{
width:600px;
height:427px;
float:left;
}
.d_category4{
width:600px;
height:427px;
float:right;
}
#content_e{
width:300px;
height:277px;
float:left;
}
.e_category1{
width:300px;
height:108px;
}
.e_category2{
width:300px;
height:169px;
}
.e_category3{
width:300px;
height:108px;
}
.e_category4{
width:300px;
height:169px;
}
.e_category5{
width:300px;
height:139px;
}
/* - 중간 E - */

/* - 하단 S - */
#foot{
width:100%;
height:132px;
min-width:1200px;
background-color:#A1A1A1;
margin-top:2%;
}
.foot_a{
width:1200px;
margin:0 auto;
height:132px; 
}
/* - 하단 E - */

#top_banner img{width:100%;}
#content_top img{width:100%;}
#content_foot img{width:100%;}
#foot img{width:100%;}
.blog_{float:left;}.admin_{float:left;}.home_{float:left;}.login_{float:left;}.join_{float:left;}

/* ------------------------------------ 메인콘텐츠 CSS E ------------------------------------ */

/* - 이미지오버 S - */

.realstorypic1{height:214px;float:left;}
.realstorypic1 div{float:left;position:relative;overflow:hidden;}
.realstorypicov1{ position:absolute; bottom:214px;left:0px; width:300px; height:214px;  background-image:url('../images/main/content4_over.jpg');  text-align:center; }
.realstorypicov1 a{font:12px 'NanumGothicBold'; color:#fff; line-height:190%;  }
.realstorypicov1 a:hover{color:#b88bff;  }

.realstorypic2{height:214px;float:left;}
.realstorypic2 div{float:left;position:relative;overflow:hidden;}
.realstorypicov2{ position:absolute; left:300px; width:300px; height:214px;  background-image:url('../images/main/content5_over.jpg');  text-align:center;}
.realstorypicov2 a{font:12px 'NanumGothicBold'; color:#fff; line-height:190%;  }
.realstorypicov2 a:hover{color:#b88bff;  }

.realstorypic3{height:214px;float:left;}
.realstorypic3 div{float:left;position:relative;overflow:hidden;}
.realstorypicov3{ position:absolute; right:300px; width:300px; height:214px;  background-image:url('../images/main/content6_over.jpg');  text-align:center;}
.realstorypicov3 a{font:12px 'NanumGothicBold'; color:#fff; line-height:190%;  }
.realstorypicov3 a:hover{color:#b88bff;  }

.realstorypic4{height:214px;float:left;}
.realstorypic4 div{float:left;position:relative;overflow:hidden;}
.realstorypicov4{ position:absolute; top:214px;left:0px; width:300px; height:214px;  background-image:url('../images/main/content7_over.jpg');  text-align:center; padding-top:40px;}
.realstorypicov4 a{font:12px 'NanumGothicBold'; color:#fff; line-height:190%;  }
.realstorypicov4 a:hover{color:#b88bff;  }

/* - 이미지오버 E - */

/* ------------------------------------ 이벤트 CSS S ------------------------------------ */

/*	.bxSlider{width: 100%;height: 310px;margin:0 auto;position: relative;}*/
/*	.bxSlider .cobra{width: 100%;height: 290px;}*/
/*	.bxSlider .cobra div.t_roll_pop{height: 290px;width: 312px;display: block;}*/
/*	.bxSlider .cobra div img{height: 290px;width: 384px;display: block;}*/
/*	.bxSlider .bx-wrapper{width: 100%;height: 390px;}*/
	.bxSlider .bx-has-controls-direction{width: 1200px;margin:0 auto;position: relative;}
	.bxSlider .bx-has-controls-direction .bx-prev{display: block;width: 42px;height: 42px;background:url('../images/slide/bt_left.png') no-repeat;position: absolute;left: 0;top: -205px;z-index: 1;text-indent: -999em;}
	.bxSlider .bx-has-controls-direction .bx-next{display: block;width: 42px;height: 42px;background:url('../images/slide/bt_right.png') no-repeat;position: absolute;right: 0;top: -205px;z-index: 1;text-indent: -999em;}
	.bxSlider .bx-has-controls-direction .bx-prev:hover{display: block;width: 42px;height: 42px;background:url('../images/slide/bt_left_on.png') no-repeat;position: absolute;left: 0;top: -205px;z-index: 1;text-indent: -999em;}
	.bxSlider .bx-has-controls-direction .bx-next:hover{display: block;width: 42px;height: 42px;background:url('../images/slide/bt_right_on.png') no-repeat;position: absolute;right: 0;top: -205px;z-index: 1;text-indent: -999em;}

/* ------------------------------------ 이벤트 CSS E ------------------------------------ */

/* ------------------------------------ 메뉴 CSS S ------------------------------------ */
#new_menu{
width:100%;
min-width:1200px;
background-color:#3f3f49;
}
	.submenu {
		filter: alpha(opacity=75);
		opacity: 0.75;
		-moz-opacity: 0.75;
		background-color: #000;
		height: 100%;
		left: 0;
		position: fixed;
		text-align: left;
		top: 0;
		z-index: 1001;
	}
	.submenu ul {
		padding:0;
		margin:0;
	}
	.submenu ul li {
		
		font-size:15px;
		list-style:none;
		overflow:hidden;
		padding-top:15px;
		height:30px;
		text-align:center;
		
	}
	.submenu ul li a{
		color:#fff;
		text-decoration:none;
	}
	.submenu ul li a:hover{
		color:#f39800;
	}
	.zeta-menu li{
		height:50px;
		font-size:15px;
		text-align:center;
	}
	/*메뉴*/
	.zeta-menu-bar {
	/*background: #D3CFCC;*/
/*	background-image:url('../images/menu/menu_bar.jpg');*/
	width: 100%;
	clear:both;
	display:block;
	}
	.zeta-menu { margin: 0; padding: 0; }
	.zeta-menu li {
	float: left;
	list-style:none;
	position: relative;
	z-index:10000;
	}
	/*.zeta-menu li:hover { background: #000; }*/
	.zeta-menu li:hover a h1 { color: #f39800; }
	.zeta-menu a {
	text-decoration:none;
	/*color: #474747;*/
	/*padding: -1px 6px;*/
	}
	.zeta-menu ul {
	background:#766d62;
	/*  border: 1px solid silver;*/
	display: none;
	padding: 0;
	position: absolute;
	left: 0;
	top: 100%;
	width: 157px;
	text-align:center;
	border-radius:10px;
	/*behavior: url(./PIE.htc);*/
	}
	.zeta-menu ul li { float: none; padding-top:15px;padding-bottom:15px;}
	/*.zeta-menu ul li:hover { background: #ddd;}*/
	.zeta-menu ul li:hover a { color: #f39800;text-decoration:none;}
	.zeta-menu ul a { color: #fff; width:144px;z-index:10000;}
	.zeta-menu ul ul { left: 100%; top: 0; }

	/*탭메뉴*/
	.tabmenu {position:relative; width:400px; height:200px;
	font-family:dotum,"",verdana;line-height:17px;font-size:12px;color:#555;}
	.tabmenu img {border:none;vertical-align:top;}
	.tabmenu ul {margin:0px;padding:0px;list-style:none;margin-top: 15px;}
	.tabmenu ul li {float:left}
	.tabmenu .tabcontent {display:none; width:240px;height:125px;position:absolute; left:0px; }
	.tabmenu .morebtn {position:absolute;right:0;top:30px;}

	/*이미지줌*/
	.fancybox-custom .fancybox-skin {
		box-shadow: 0 0 50px #222;
	}

/* ------------------------------------ 메뉴 CSS E ------------------------------------ */