@charset "utf-8"; 

#m_allWrap { position:relative; overflow-x:hidden; }

/**********************************************************************************************************************************************************************/
/** header ************************************************************************************************************************************************************/
	.gnbWrap { position:relative; width:100%; height:47px; margin:0 auto;  background:#343434; font-family:'MOF_M'; }
	.gnbWrap ul { float:right;}
	.gnbWrap li { float:left; background: url("../images/layout/gnb_line.gif") no-repeat right; padding:12px 16px; color:#fff;  }
	.gnbWrap li span { color:#000;  font-size:13px; padding:2px 14px 2px 6px; width:45px; height:20px; background: url("../images/layout/Lev_bg.png") no-repeat left; margin-right:10px; cursor:default; }
	.gnbWrap li a { font-size:14px; color:#fff;}

	/*== �ֿ�޴� ==*/
	#header { position:relative; width:100%; height:120px; margin:0 auto; z-index:990; font-family:'MOF_M';background:#fff}	
		#header .logo { position:absolute; top:35px; left:0px; width:330px; height:60px; background:url("../images/layout/zziczi_logo.gif") no-repeat; z-index:999; }
		#header .logo a { display:block; width:330px; height:60px; }
		#lnbWrap { position:relative; width:100%; height:121px; z-index:100}
			#lnbWrap .layout { text-align:center; }
			#lnbWrap .lnb { position:relative; display:inline-block; padding:46px 0; width:620px; height:28px; z-index:100;  float:right; margin-right:8%; }
			#lnbWrap .lnb > .top1m { position:relative; float:left; width:33.3%; height:74px; }
			#lnbWrap .lnb > .top1m > a { display:block; font-size:21px; font-family:'MOF_M'; color:#000; line-height:28px; height:74px; }
			#lnbWrap .lnb > .top1m > a:hover  { color:#2e8bda; }
			#lnbWrap .lnb > .top1m > .top2m { position:relative; padding-top:30px; width:100%; height:auto; text-align:left; font-family:'NG';}
			#lnbWrap .lnb > .top1m:first-child > .top2m { background:none; }
			#lnbWrap .lnb > .top1m > .top2m > li { padding:0 8px 0 20px; text-align:center;  margin-bottom:12px; }
			#lnbWrap .lnb > .top1m > .top2m > li > a { font-size:17px; color:#000; line-height:28px;}
			#lnbWrap .lnb > .top1m > .top2m > li > a > img.window { display:inline-block; padding-left:2px; vertical-align:1px; }
			#lnbWrap .allmenuWrap { overflow:hidden; position:absolute; left:0px; width:100%; height:10000px; background:url("../images/layout/trans_b70.png") repeat; z-index:1; }
			#lnbWrap .allmenuWrap .am { position:absolute; top:0; right:0; width:100% ; height:379px; background:#fff url("../images/layout/allmenu_bg.gif") no-repeat left 25% bottom; z-index:99; border-top:1px solid #ebebeb; }
			#lnbWrap .allmenuWrap .am .tit { font-size:35px; color:#000; line-height:45px; font-family:'MOF_B'; margin-top:45px; background:url("../images/layout/titline.gif") no-repeat left bottom; padding-bottom:25px; }
			#lnbWrap .allmenuWrap .am p { font-size:17px; color:#000; padding-top:20px; line-height:26px; font-family:'NG';}
		#header #openLink { position:absolute; top:40px; right:0;  width:46px; height:46px; background:url("../images/layout/h_search.png") no-repeat; z-index:990; }
		#header #openLink a { display:block; width:46px; height:46px; }
		#header .tm_allmenu { display:none; }
	/*== ����� �ֿ�޴� ==*/
	.tm_lnb_w { display:none; }
.transBg { overflow:hidden; position:absolute; left:0px; width:100%; height:10000px; background:url("../images/layout/trans_b70.png") repeat; border-top:1px solid #e5e5e5; z-index:980; }
		.trans1 { top:108px; }
		.trans2 { top:151px; }
		/* == CONTENT : 1000 ���� == */
		@media all and (max-width:1000px) {		
			.trans1 { top:91px; }
			.trans2 { top:134px; }
		}

/**********************************************************************************************************************************************************************/
/** Sub ************************************************************************************************************************************************************/
	/*== Visual ==*/
		.sub_visual01{ position:relative; width:100%; height:224px; /* background:url("../images/layout/svisual1.jpg" */) no-repeat center top; }
		.sub_visual01 h2 { font-family:'MOF_B'; text-align:center; color:#fff; font-size:40px; text-shadow:1px 0px 6px  rgba(0,0,0, 0.7);  background:url("../images/layout/sub_tt.gif") no-repeat center 50px; line-height:60px; padding-top:100px; }
		.s_content { min-height:500px; margin:80px 0 100px 0; }


/**********************************************************************************************************************************************************************/
/** footer ************************************************************************************************************************************************************/
	#footer { position:relative; width:100%; min-height:240px; background:#2c2c2c ; z-index:990; font-family:'MOF_M';  }
		#footer li { float:left; color:#fff; font-size:16px; padding:0 20px;  background:url("../images/layout/f_line.gif") no-repeat left; }
		#footer li.no { background:none; padding-left:0; }
		#footer li a { color:#f7f7f7; }
		#footer li a:hover { color:#faa517;}
		#footer p { font-size:14px; color:#a6a6a6; margin:40px 0;background: url("../images/layout/f_logo.png") no-repeat right;  }
		#footer .f_menu { background:#353535; padding:20px; }
		#footer .f_menu .top { display:block; position:absolute; top:-64px; right:0px; height:79px; line-height:45px; background:url("../images/layout/top.png") no-repeat right top; z-index:991; }
		#footer .f_menu .top span { display:inline-block; width:79px; font-size:17px; color:#fff; text-align:center; letter-spacing:0; padding-top:32px; }



	/**********************************************************************************************************************************************************************/
	/**********************************************************************************************************************************************************************/
	@media all and (max-width:1199px) { 	
		/**********************************************************************************************************************************************************************/
		/** header ************************************************************************************************************************************************************/
			.gnbWrap { position:relative; width:100%; height:47px; margin:0 auto; }

				/*== �ֿ�޴� ==*/
				#header { position:relative; width:100%; height:120px; margin:0 auto; z-index:990; font-family:'MOF_M'; }	
					#header .logo { position:absolute; top:35px; left:0px; width:330px; height:60px; background:url("../images/layout/zziczi_logo.gif") no-repeat; z-index:999; }
					#header .logo a { display:block; width:330px; height:60px; }
					#lnbWrap { position:relative; width:100%; height:121px; z-index:100; }
						#lnbWrap .layout { text-align:center; }
						#lnbWrap .lnb { position:relative; display:inline-block; padding:46px 0; width:620px; height:28px; z-index:100;  float:right; margin-right:8%; }
						#lnbWrap .lnb > .top1m { position:relative; float:left; width:33.3%; }
						#lnbWrap .lnb > .top1m > a { display:inline-block; font-size:21px; font-family:'MOF_M'; color:#000; line-height:28px; }
						#lnbWrap .lnb > .top1m > a:hover  { color:#2e8bda; }
						#lnbWrap .lnb > .top1m > .top2m { position:relative; padding-top:30px; width:100%; height:auto; text-align:left; }
						#lnbWrap .lnb > .top1m:first-child > .top2m { background:none; }
						#lnbWrap .lnb > .top1m > .top2m > li { padding:0 8px 0 20px; text-align:center;  margin-bottom:12px; }
						#lnbWrap .lnb > .top1m > .top2m > li > a { font-size:18px; color:#000; line-height:28px;}
						#lnbWrap .lnb > .top1m > .top2m > li > a > img.window { display:inline-block; padding-left:2px; vertical-align:1px; }
						#lnbWrap .allmenuWrap { position:absolute; top:120px; right:0; width:100% ; height:379px; background:#fff url("../images/layout/allmenu_bg.gif") no-repeat left 25% bottom; z-index:99; border-top:1px solid #ebebeb; }
						#lnbWrap .allmenuWrap .tit { font-size:35px; color:#000; line-height:45px; font-family:'MOF_B'; margin-top:45px; background:url("../images/layout/titline.gif") no-repeat left bottom; padding-bottom:25px; }
						#lnbWrap .allmenuWrap p { font-size:19px; color:#000; padding-top:20px; line-height:26px; font-family:'MOF_L'; }
					#header .search { position:absolute; top:40px; right:0;  width:46px; height:46px; background:url("../images/layout/h_search.png") no-repeat; z-index:990; }
						#header .search a span.point { color:#fffc00; }		
					#header .tm_allmenu { display:none; }
				/*== ����� �ֿ�޴� ==*/
				.tm_lnb_w { display:none; }



		/**********************************************************************************************************************************************************************/
		/** footer ************************************************************************************************************************************************************/
			#footer { position:relative; width:100%; min-height:240px; background:#2c2c2c ; z-index:990; font-family:'MOF_M';  }
			#footer li { float:left; color:#fff; font-size:16px; padding:0 20px;  background:url("../images/layout/f_line.gif") no-repeat left; }
			#footer li.no { background:none; padding-left:0; }
			#footer li a { color:#f7f7f7; }
			#footer li a:hover { color:#faa517;}
			#footer p { width:94%; font-size:14px; color:#a6a6a6; margin:40px 2%;background: url("../images/layout/f_logo.png") no-repeat right;  }
			#footer .f_menu { background:#353535; padding:20px; }
			#footer .f_menu .top { display:block; position:absolute; top:-64px; right:0px; height:79px; line-height:45px; background:url("../images/layout/top.png") no-repeat right top; z-index:991; }
			#footer .f_menu .top span { display:inline-block; width:79px; font-size:17px; color:#fff; text-align:center; letter-spacing:0; padding-top:32px; }
	}