@charset "utf-8"; 
/* JIS Web Standardization Team (http://www.jisman.co.kr) 권미영 */



/* 바디 */
#main_body {
   position: relative;
   width: 100%;
   height: 100%;
}



	/* 헤더 */
	#main_body #header {
	   position: absolute;
		z-index: 3;
		top: 0px;
		left: 0px;
	   width: 100%;
	   height: 85px; /* 수정 */
	}
	
	
	   /* 탑소메뉴 */
		#main_body #header #topsmenu_bx {
		   position: relative;
	   	width: 100%;
	   	height: 30px;
		   /*background: #F58714;*/
		   background: rgb(50, 119, 210);
		}
			#main_body #header #topsmenu_bx #user {
			   position: relative;
		   	float: left;
		   	font-size: 11px;
		   	color: #FFFFFF;
		   	line-height: 30px;
		   	margin-left: 10px;
			}
			   #main_body #header #topsmenu_bx #user * {
			   	font-size: 11px;
			   	color: #FFFFFF;
			   	line-height: 30px;
			   }
			#main_body #header #topsmenu_bx ul#topsmenu {
			   position: relative;
		   	float: right;
		   	/*overflow: hidden;*/
			}
			   #main_body #header #topsmenu_bx ul#topsmenu li {
			   	float: left;
			   	margin: 5px 10px 0px 0px;
			   }
				   #main_body #header #topsmenu_bx ul#topsmenu li a {
				      font-size: 11px;
			   	   color: #FFFFFF;
				   }
				   #main_body #header #topsmenu_bx ul#topsmenu li#menu a {
				   	line-height: 20px;
				   	padding: 0px 10px 0px;
				      /*border-right: 1px solid #C46C10;*/
				      border-right: 1px solid rgb(1, 92, 206);
				   }
				   #main_body #header #topsmenu_bx ul#topsmenu li#menu a:last-child {border-right: none;}
				   #main_body #header #topsmenu_bx ul#topsmenu li#menu a:hover {text-decoration: underline}	
				   #main_body #header #topsmenu_bx ul#topsmenu li#btn span {
				   	position: relative;
					   float: left;
					   margin-right: 5px;
				   	/*border: 1px solid #EB7D0A;*/
				   	border: 1px solid rgb(40, 109, 200);
				   }
					   #main_body #header #topsmenu_bx ul#topsmenu li#btn span a {
					   	line-height: 15px;
					   	padding: 0px 5px 0px;
					      /*border: 1px solid #FB9830;*/
					      border: 1px solid rgb(56, 136, 238);
					      display: block;	
					   }
					   /*#sub_body #header #topsmenu_bx ul#topsmenu li#btn span a:hover {background: #FB9830;}*/
					   #sub_body #header #topsmenu_bx ul#topsmenu li#btn span a:hover {background: rgb(56, 136, 238);}
					#main_body #header #topsmenu_bx ul#topsmenu li#member_search input {
						width: 138px;
						height: 19px;
						border: 1px solid #C3C3C3;
						border-bottom: none;
						background: #F5F5F5;
						border-radius: 10px;
					}
					#main_body #header #topsmenu_bx ul#topsmenu li#member_search img {
						position: absolute;
			         z-index: 2;
			         margin-top: 3px;
			         margin-left: -25px;
					}
	
	
	   /* 탑메뉴박스 */
      #main_body #header #topmenu_bx {
	   	position: relative;
	   	height: 50px; /* 수정 */
	   	padding-left: 400px;
	   	background: #FAFAFA url(/Resources/Images/topmenu_bg.gif); background-position: top left; background-repeat: repeat-x;
	   	/*box-shadow: 0px 3px 5px #CCCCCC;*/
	   	overflow: hidden;
	   }
	   
	      /* 로고 */
		   #main_body #header #logo {
		      position: absolute;
		      z-index: 2;
		      margin-top: 10px; /* 수정 */
		      margin-left: -390px;
		      width: 205px;
		      height: 30px;
		   }
	   
	      /* 탑메뉴 */
			#main_body #header #topmenu_bx ul#topmenu {
				position: relative;
				width: 100%;
			}
				#main_body #header #topmenu_bx ul#topmenu li {
					float: left;
					width: 25%;
				} 
				   #main_body #header #topmenu_bx ul#topmenu li #topmenu_img {
				      position: absolute;
		            z-index: 2;
		            top: 70px; /* 수정 */
		            margin-left: -340px;
				   }
				   #main_body #header #topmenu_bx ul#topmenu li h2 a {
				   	font-size: 17px;
						color: #323232;
						line-height: 50px; /* 수정 */
						font-weight: normal;
						text-align: center;
						display: block;
					} 		
					#main_body #header #topmenu_bx ul#topmenu li h2 a:hover,
				   #main_body #header #topmenu_bx ul#topmenu li h2 a.on {color: #FF5A00;}		
				   #main_body #header #topmenu_bx ul#topmenu li ul {
				   	position: relative;
				   	height: 300px; /* 하위메뉴가 늘어나거나 줄어들면 이 부분과 /Js/Nav.js 파일의 $wrap.stop().animate({ height: "300px" },200 );의 높이도 같은 수치로 수정 */
				   	padding: 15px;
				   	border-left: 1px dotted #E6E6E6;
				   	overflow: hidden;
				   } 
				   #main_body #header #topmenu_bx ul#topmenu li ul:hover {background: #F5F5F5} 
				   #main_body #header #topmenu_bx ul#topmenu li:last-child ul {border-right: 1px dotted #E6E6E6;}
					   #main_body #header #topmenu_bx ul#topmenu li ul li {
					   	width: 100%;
					   	padding: 2px 0px 2px;
					   }
						   #main_body #header #topmenu_bx ul#topmenu li ul li a {
						   	position: relative;
						   	font-size: 12px;
							   color: #505050;
							   padding-left: 10px;
							   background: url(/Resources/Images/icon_topmenu.gif); background-position: left 5px; background-repeat: no-repeat;
						   }
						   #main_body #header #topmenu_bx ul#topmenu li ul li a:hover,
						   #main_body #header #topmenu_bx ul#topmenu li ul li a.on {color: #FF5A00;}
	
	
	
	/* 컨테이너 */
	#main_body #container {
		position: relative;
		height: 100%;
		min-width: 1000px;
		min-height: 800px; 
		/*background: url(/Resources/Images/main_visual_bg.jpg);*/
		background-position: left 50%; background-repeat: no-repeat;
	}
		/* 왼쪽메뉴박스 */
		#main_body #container #leftmenu_bx {
			position: absolute;
		   z-index: 1;
		   top: 80px; /* 수정 */ 
		   left: 0px;
			width: 199px;
		}
		   
		   /* 타이틀 */ /* 전체수정 */
		   #main_body #container #leftmenu_bx h3 {
		   	position: relative;
		      padding: 0px 10px 0px 40px;
		   	font-size: 17px; 
		   	color: #FFFFFF;
		   	line-height: 44px;
		   	font-weight: normal;
			   /*border-bottom: 1px solid #EBA532;*/
			   border-bottom: 1px solid #274591;
			   /*background: #FFB946 url(/Resources/Images/leftmenu_icon.gif); background-position: 10px 50%; background-repeat: no-repeat;*/
			   background: #436CC8 url(/Resources/Images/leftmenu_icon2.gif); background-position: 10px 50%; background-repeat: no-repeat;
		   }
		   /*#main_body #container #leftmenu_bx h3 {
		   	position: relative;
		      padding: 0px 10px 0px;
		   	font-size: 15px;
		   	color: #FFFFFF;
		   	line-height: 43px;
		   	font-weight: normal;
		   	border-top: 1px solid #FFC869;
			   border-bottom: 1px solid #EBA532;
			   background: #FFB946 url(/Resources/Images/leftmenu_title_bg.png); background-position: bottom right; background-repeat: no-repeat;
		   }*/
			
			/* 검색 */
		   #main_body #container #leftmenu_bx #leftmenu_search_bx {
				position: relative;
				.height: 31px;
				.margin-top: -1px;
				border-bottom: 1px solid #CFD7DF;
			}
			   #main_body #container #leftmenu_bx #leftmenu_search_bx .leftmenu_search {
			   	width: 139px;
			   	height: 30px;
			   	font-size: 12px;
			   	color: #FFFFFF;
			   	border: none;
			   	background: #AAAAAA;
			   }
			
			/* 왼쪽메뉴 */
		   #main_body #container #leftmenu_bx #leftmenu {
				position: relative;	
				padding: 10px;			
				border-bottom: 1px solid #CFD7DF;
				background: #FBFBFB;
			}
			   /* 왼쪽메뉴컨트롤 */
			   #main_body #container #leftmenu_bx #leftmenu #leftmenu_control {
					position: absolute;
		         z-index: 1;
		         top: 0px;	
					right: 0px;
					width: 16px;
				}
				   #main_body #container #leftmenu_bx #leftmenu #leftmenu_control,
				   #main_body #container #leftmenu_bx #leftmenu #leftmenu_control a {line-height: 0px;}				   
			   /* 트리메뉴 */
			   #main_body #container #leftmenu_bx #leftmenu ul li {
			   	padding-left: 20px;
			   	background: url(/Resources/Images/leftmenu_dotline.gif); background-position: top left; background-repeat: no-repeat;
			   }
			   #main_body #container #leftmenu_bx #leftmenu ul li.start {background: url(/Resources/Images/leftmenu_dotline_start.gif); background-position: top left; background-repeat: no-repeat;}
			   #main_body #container #leftmenu_bx #leftmenu ul li.end {background: url(/Resources/Images/leftmenu_dotline_end.gif); background-position: top left; background-repeat: no-repeat;}
			      #main_body #container #leftmenu_bx #leftmenu ul li img {
			      	position: absolute;
			      	z-index: 1;
			      	margin-top: 6px;
			      	.margin-top: 0px;
			      	margin-left: -20px;
			      }
			      #main_body #container #leftmenu_bx #leftmenu ul li a {
				      font-size: 12px;
				   	color: #505050;
				   	line-height: 26px;
				   }
			      #main_body #container #leftmenu_bx #leftmenu ul li a:hover {color: #000000;}
			      #main_body #container #leftmenu_bx #leftmenu ul li a.on {
			      	color: #FFFFFF;
			      	background: #826B49; /* 수정 */
			      }
	   
	   /* 컨텐츠박스 */
	   #main_body #container #content_bx {
			position: absolute;
         z-index: 1;
			top: 50%;
			left: 50%;
         margin-top: -290px;
         margin-left: -435px;
         width: 870px;
			height: 580px;
		}
		
		   #main_body #container #content_bx h2 {
		   	position: relative;
		   	float: left;
				font-size: 40px;
				color: #FFFFFF;
				line-height: 40px;
				padding-right: 50px;
				margin-bottom: 50px;
				background: url(/Resources/Images/icon_h2.png); background-position: right 50%; background-repeat: no-repeat;
			}
			
			#main_body #container #content_bx .bx {
			   position: absolute;
			   z-index: 1;
			   box-shadow: 5px 5px 10px #333333;
			   border-radius: 5px;
			}
			#main_body #container #content_bx .bx_size_01 {
			   width: 110px;
			   height: 110px;
			   padding: 10px;
			}
			#main_body #container #content_bx .bx_size_02 {
			   width: 170px;
			   height: 170px;
			   padding: 15px;
			}
			#main_body #container #content_bx .bx_size_03 {
			   width: 380px;
			   height: 170px;
			   padding: 15px;
			}
			#main_body #container #content_bx .bx_size_04 {
			   width: 170px;
			   height: 370px;
			   padding: 20px;
			}
			#main_body #container #content_bx .bx_size_05 {
			   width: 340px;
			   height: 370px;
			   padding: 20px;
			}
			#main_body #container #content_bx .bx_color_01 {color: #646464; background: #FFFFFF;}
			#main_body #container #content_bx .bx_color_02 {color: #FFFFFF; background: #EBAD19;}
			#main_body #container #content_bx .bx_color_03 {color: #FFFFFF; background: #F58514;}
			#main_body #container #content_bx .bx_color_04 {color: #FFFFFF; background: #A5C31E;}
			#main_body #container #content_bx .bx_color_05 {color: #FFFFFF; background: #329BFF;}
			#main_body #container #content_bx .bx_color_06 {color: #FFFFFF; background: #876BF0;}
			#main_body #container #content_bx .bx h3 {
			    font-size: 18px;
				color: #FFFFFF;
				font-weight: normal;
			}
			#main_body #container #content_bx .bx h3.h3_size_01 {font-size: 12px;}
			#main_body #container #content_bx .bx h3.h3_size_02 {font-size: 15px;}
			#main_body #container #content_bx .bx h3.margin_01 {margin-bottom: 5px;}
			#main_body #container #content_bx .bx h3.margin_02 {margin-bottom: 15px;}
			#main_body #container #content_bx .bx h3.margin_03 {margin-bottom: 25px;}
			#main_body #container #content_bx .bx_size_01 h3 {line-height: 110px;}
			#main_body #container #content_bx .bx_color_01 h3 {color: #1E1E1E;}	
			#main_body #container #content_bx #mold .notice h3 {
				line-height: 25px;
				margin-top: -3px;
		   		background: url(/Resources/Images/icon_h3_notice_02.png); background-position: right 50%; background-repeat: no-repeat;
			}
			#main_body #container #content_bx .notice h3 {
				line-height: 25px;
				margin-top: -3px;
		   		background: url(/Resources/Images/icon_h3_notice_02.png); background-position: right 50%; background-repeat: no-repeat;
			}
			#main_body #container #content_bx #mold #mold_have h3 {float: left;}
			
			#main_body #container #content_bx .bx .tab_btn {
			   position: relative;
			   float: right;
			   color: #C8C8C8;
			}
			
			#main_body #container #content_bx .bx .icon_bx_01 {
				position: relative;
				height: 70px;
				overflow: hidden;
			}
			#main_body #container #content_bx .bx img.icon_con {
			   position: relative;
			   top: 50%;
			   margin: -35px auto;
			   display: block;
			}
			
			#main_body #container #content_bx .bx ul.list li {margin-bottom: 5px;}
			#main_body #container #content_bx .bx ul.list li,
			#main_body #container #content_bx .bx ul.list li a {
				color: #FFFFFF;
				line-height: 18px;
			}
			#main_body #container #content_bx .bx ul.list li a:hover {text-decoration: underline;}
			#main_body #container #content_bx .bx ul.list li .date,
			#main_body #container #content_bx .bx ul.list li .writer {
				font-size: 11px;
				color: #FFFFFF;
				opacity: 0.5;
         }
         #main_body #container #content_bx .bx ul.icon li {background: url(/Resources/Images/icon_list.gif); background-position: right 50%; background-repeat: no-repeat;}
			
	
	
	
	/* 하단 */
	#main_body #bottom_bx {
		position: absolute;
		z-index: 4;
		bottom: 0px;
		left: 0px;
		width: 100%;
		height: 30px;
		font-size: 11px;
		color: #6B696E;
		padding: 10px 0px 10px;
		background: #46464B;
	}
	   #main_body #bottom_bx img#bottom_logo{margin: 0px 30px 0px 10px;}
	
	/* 하단 */
	#main_body #bottom_bx2 {
		position: absolute;
		z-index: 5;
		top:100px;
		left: 0px;
		width: 100%;
		display:none;
	}
		#main_body #bottom_bx2 #bottom {
			position: fixed;
			z-index: 6;
			bottom: 0px;
			left: 0px;
			width: 100%;
			height: 5px;
			background: #46464B;
		}	
		/*#main_body #bottom_bx2 #quick_menu {
		    background: #FF8200; 
		    background : rgba(255, 130, 00, .3)
		}*/
		#main_body #bottom_bx2 #quickmenu_over {
		   position: fixed;
		   z-index: 1;
		   bottom: 5px;
		   left: 0px;
		   width: 100%;
		   height: 10px;
		   overflow:hidden;
		}
			#main_body #bottom_bx2 #quickmenu {
			   position: absolute;
			   z-index: 1;
			   bottom: -100px;
			   width: 100%;
			   height: 110px;
			   background: url(/Resources/Images/quickmenu_bg.png); background-position: bottom left; background-repeat: repeat-x;
			}
				#main_body #bottom_bx2 #quickmenu img {
					margin: 0 auto;
					display: block;
				}	
				#main_body #bottom_bx2 #quickmenu ul {
					position: relative;
					padding: 10px 50px 10px;	
					overflow: hidden;
				}	
					#main_body #bottom_bx2 #quickmenu ul li {
						float: left;
						margin-right: 20px;
					}	
					#main_body #bottom_bx2 #quickmenu ul li:last-child {margin-right: 0px;}	
					#main_body #bottom_bx2 #quickmenu ul li a {
						width: 70px;
						height: 60px;
						color: #FFFFFF;
						text-align: center;
						padding: 10px 5px 10px;
						display: block;
					}
					#main_body #bottom_bx2 #quickmenu ul li a:hover {text-decoration: underline}	
	 
#main_body #header #topsmenu_bx ul#topsmenu li#language_bx #language_list {
   position: absolute;
   z-index: 10000;
   top: 30px;
   padding: 5px;
   border: 1px solid rgb(56, 136, 238); 
   background: rgba(255,255,255,0.9);
}
#main_body #header #topsmenu_bx ul#topsmenu li#language_bx #language_list ul li {
	clear: both;
   margin: 0px;
}			
#main_body #header #topsmenu_bx ul#topsmenu li#language_bx #language_list ul li a {
   font-size: 11px;
   color: #646464;
   line-height: 15px;
   padding: 0px;
}