@charset "utf-8";
/* CSS Document */


/* //////////////////////////////////////////// */
/* //////////////   layout class  ///////////// */
/* /////// 서브페이지의 레이아웃 정의  //////// */
/* //////////////////////////////////////////// */
#sub_page{background:url(/enu/main/images/gnb_bg.gif) repeat-x 0 59px}
#main_page{background:url(/enu/main/images/gnb_bg.gif) repeat-x 0 59px}
#main_page #wrap_bg{background:none;}
/*#wrap_bg { background:url(/enu/main/images/img_visual_bg.jpg) repeat-x 0 88px}*/
	#wrap { width:860px; margin:0 auto; position:relative }
		#header { height:88px; position:relative;}
			.logo { width:150px; height:25px; position:absolute; top:20px; left:0; }
			.gnb { width:860px; height:29px; position:absolute; bottom:0px; left:0px; }
			.gnb ul li { font-size:12px; color:#FFF; font-weight:bold; letter-spacing:1px}
			
			
			
			.lnb { width:150px; height:20px; position:absolute; top:36px; right:0; text-align:right; font-size:11px }
			.language{ width:79px; height:23px; position:absolute; top:0; right:0}
		     #container {overflow:hidden; margin-bottom:15px; padding-bottom:5px;*zoom:1}
		    .visual{ height:100px;}
			
			.search{width:860px; height:18px; padding:12px 0 0 0}
			#searchForm{ float:right}
			#searchForm #search { border: 1px solid #BFBEBE; height: 13px; width: 150px; }
			#searchForm input, #searchForm label {float: left; margin: 0 0 0 8px;}
			#searchForm .submit { background: url(/enu/main/images/btn_search.gif) no-repeat scroll left top transparent; border: medium none; color: #FFFFFF; font-size: 0px; height: 16px; width: 35px; }
			 .sub_tit { height:42px; border-bottom:1px solid #e26974; overflow:hidden}
			 .sub_tit h2{ padding:16px 0; text-indent:15px; color:#b52733; font-size:18px; background:url(/enu/main/images/bul_red_box.gif) no-repeat 0 50%; float:left }
			 .sub_tit span{ float:right; padding-top:20px; font-size:11px;}
			 .print{ height:21px; padding-top:5px; text-align:right}
			 
			 #body_txt{}
			
			
			/*.left_col { width:185px; height:300px; position:relative; float:left;}*/
			.left_col { width:185px; position:relative; float:left;}
			.left_col h2{ width:175px; font-size:16px; height:38px; background:url(/enu/main/images/left_h2.gif); padding:15px 0 0 10px}
			.left_col .sMenu{ font-size:11px;}
			/*.sMenu li {margin: 0 0 -1px 0; position: relative; vertical-align: top; *zoom:1}*/
			.left_col li a {border:1px solid #ccc;color: #666666;display: block; font-weight: bold;padding: 8px 10px;position: relative; text-decoration: none; *zoom:1}
			.right_col { width:645px; position:relative; float:right; display:inline; }

               
			 #quick_menu{ position:absolute; right:-10px;}  
			 #main_contain{overflow:hidden; font-family:Tahoma; margin-top:30px;}
			 .news { width:291px; float:left; padding-right:24px;font-family:Tahoma}
			 .news div {position:relative; margin-bottom:20px;}
			 .news div h2{padding-bottom:8px;}
			 .news ul li{ background:url(/enu/main/images/bul_arrow.gif) no-repeat 2px 50%; font-size:11px; text-indent:13px; overflow:hidden; padding:1px 0}
			 .news ul li a{ float:left;}
			 .data { float:right;color: #949494}
			 .news div p{ position:absolute; top:6px; right:0}
			   
			 .calendar{width:300px;float:left; font-size:11px; position:relative} 
			 .calendar h2 {width:300px; background:#525252;}
			 .calendar p{ position:absolute; top:4px; right:0}
			 
			 .calendar table{border:1px solid #dfdfdf; border-bottom:none}
			 .calendar td{ height:35px; width:290px; border-bottom:1px solid #dfdfdf;  vertical-align:middle; padding:0 5px;}
			 .calendar td a{ width:225px; float:left; line-height:15px; }
			 .banner{float:right}
			 .banner p{margin-bottom:4px;}  


#footer_bg { width:860px;height:128px;background:url(/enu/main/images/img00_footbg.gif) no-repeat;margin:0 auto; }
	#footer { height:128px; position:relative;  }
		.foot_lnb{ width:400px; height:29px; margin:0 auto; overflow:hidden}
		.foot_lnb li{ padding:0 20px; display:inline; line-height:28px;*line-height:29px}
		.footer_logo { width:150px; height:50px; position:absolute; top:35px; left:45px; }
		.footer_logo2 { width:150px; height:50px; position:absolute; top:35px; right:40px; }
		.copyright { width:500px; height:30px; position:absolute; top:50px; left:250px; }
		
		
		


		#nav { position:absolute; z-index:200px; margin:0; padding:0; list-style:none; }
/* make the LI display inline */
		/* it's position relative so that position absolute */
		/* can be used in submenu */
		#nav li { float:left; display:block; width:213px; position:relative; z-index:500; margin:0 1px; text-indent:6px; *width:212px; }
/* this is the parent menu */
		#nav li a { display:block; padding:6px 0 2px 5px; width:202px; font-weight:700; height:21px; text-decoration:none; color:#fff;*width:205px;}
#nav li a:hover { color:#fff; background:url(/enu/main/images/img_bg_red.jpg) no-repeat }
/* you can make a different style for default selected value */
		#nav a.selected { color:#f00; }
/* submenu, it's hidden by default */
		#nav ul { position:absolute; left:0; display:none; margin:0 0 0 -1px; padding:0; background:#d00c14; }
#nav ul li { float:left; border-top:1px solid #e88689;  }
/* display block will make the link fill the whole area of LI */
		#nav ul a { display:block;font-weight:normal; height:14px; width:215px; padding: 8px 0px; _padding: 8px 0;color:#fff;background:url(/enu/main/images/img_bg_red.jpg) no-repeat }
#nav ul a:hover { text-decoration:none; }
/* fix ie6 small issue */
		/* we should always avoid using hack like this */
		/* should put it into separate file : ) */
		*html #nav ul { margin:0 0 0 -2px; }