@charset "utf-8";
/* CSS Document */
@import url("default.css");


/*header*/
#topWrap {position: absolute; width:100%; height:119px; display:block; overflow:hidden; border-bottom:1px solid #e3e3e3; z-index:2; background:url(../images/_main/top_bg.gif) repeat-x; background-color:#f2f2f2; z-index:1;}
	#topWrap .topBox { position: relative; width: 1200px; margin: 0 auto;}
		#topWrap .topBox .topGnb { position:relative; float:left; width:1200px; height:34px; font-family:'NanumBarunGothic' !important; font-size:12px; color:#fff; }
			#topWrap .topBox .topGnb .ul { position:relative; float:right; height:34px;  background:url(../images/_main/bar.jpg) right top no-repeat; background-color:#053766;}
			#topWrap .topBox .topGnb .ul li { padding:11px 20px 0 20px; text-align:center; height:23px;  background:url(../images/_main/bar.jpg) left top no-repeat;}
			#topWrap .topBox .topGnb .ul li a { color:#fff; }
			#topWrap .topBox .topGnb .ul li a:hover { color:#fff; font-weight:600;}
		
		#topWrap .topBox .logo { position:relative; float:left; width:284px; height:50px; margin:25px 0 0 20px; z-index:2;}
	
	#topWrap .topBox #tmWrap  { position:absolute; left: 0px; top: 34px; width:1200px; height:325px; padding:35px 0 0 0px; background:url(../images/_main/menu_bg.jpg) left top no-repeat; }	
		#topWrap .topBox #tmWrap .topMenu { position:relative; float:left; margin-left:300px; }
		
		#topWrap .topBox #tmWrap .menu { position: relative; float:left; width:112px;  text-align:center; font-family: 'NanumBarunGothic' !important;}
		#topWrap .topBox #tmWrap .menu01 { font-size:19px; font-weight:400; text-align:center;  }
			#topWrap .topBox #tmWrap .menu01 > a { font-size:19px; font-weight:400; text-decoration:none; color:#333; }
			#topWrap .topBox #tmWrap .menu01 > a:hover { font-size:19px; font-weight:600; text-decoration:none; color:#0a5091; text-decoration:underline; }
		#topWrap .topBox #tmWrap .menu02 { font-size:15px; font-weight:400;}
			#topWrap .topBox #tmWrap .menu02 > a { font-size:15px; font-weight:400; color:#333; text-decoration:none;}
			#topWrap .topBox #tmWrap .menu02 > a:hover { font-size:15px; font-weight:600; color:#0a5091; text-decoration:underline; }
		#topWrap .topBox #tmWrap .menu03 { font-size:13px; font-weight:400; }
			#topWrap .topBox #tmWrap .menu03 > a { font-size:13px; font-weight:400; color:#666; text-decoration:none;}
			#topWrap .topBox #tmWrap .menu03 > a:hover { font-size:13px; font-weight:600; color:#0a5091; text-decoration:underline; }
		#topWrap .topBox #tmWrap .depth1 {min-width:112px; margin-bottom:60px; text-align:left; float:left;}
			#topWrap .topBox #tmWrap .depth1 li { min-width:112px; margin:0px; padding:0px; list-style:none; vertical-align:middle; float:left; text-align:center;  width:100px; .width:130px;}
		#topWrap .topBox #tmWrap .depth2 {min-width:112px; } 
			#topWrap .topBox #tmWrap .depth2 li { min-width:112px; margin-bottom:15px; padding:0px; list-style:none; width:100px; .width:130px; }
		#topWrap .topBox #tmWrap .depth3 {min-width:112px; } 
			#topWrap .topBox #tmWrap .depth3 li { min-width:112px; margin-bottom:10px; padding:0px; list-style:none; width:100px; .width:130px;}





/*subVisual*/
.subVisual { position: relative; float:left; width:100%; height:250px; margin-top:119px; background:url(../images/_sub/subvis.jpg) center top no-repeat; text-align:center;}




/*container*/
.subBody { position:relative; float:left; width:100%; border-top:1px solid #e3e3e3;} 
.subBodyWrap { position:relative; width:1198px; margin:0px auto; }
.subBgWarp { position:relative; float:left; width:1198px; border-left:1px solid #e3e3e3; border-right:1px solid #e3e3e3;}
	.leftBox { position:relative; float:left; width:289px; border-right:1px solid #e3e3e3;}
		.leftBox .title { position:relative; float:left; width:289px; height:112px; text-align:center; background:url(../images/_sub/tit_bg.jpg) center top no-repeat; font-family:'NanumBarunGothic' !important; font-size:36px; color:#333;}
		.leftBox .title p { position:relative; margin-top:26px;}
		.leftBox #leftMenu { position:relative; float:left; width:289px;  margin-bottom:50px; border-bottom:1px solid #e3e3e3; z-index:0;}
	.rightBox { position:relative; float:left; width:810px; border-left:1px solid #e3e3e3; margin-left:-1px; min-height:400px; padding-left:49px;}
		.rightBox .navi { position:relative; float:left; width:810px; height:45px; margin-top:30px; font-family:'NanumBarunGothic' !important; text-align:right; color:#888;}
			.rightBox .navi .nowPage { color:#777; font-size:15px; font-weight:400;}
		.rightBox .subTit { position:relative; float:left; width:810px; font-size:30px; color:#444;}
		.rightBox .contents { position:relative; float:left; width:810px; margin:50px 0; min-height:500px;}



/*footer*/
.footer { position:relative; float:left; width:100%; height:175px; background:url(../images/_main/foot_bg.jpg) left top repeat; }
.footerWrap { position:relative; width:1200px; margin:0px auto;}
 
.flogo { position:relative; float:left; width:230px; height:40px; margin:50px 80px 0 0;}
.add { position:relative; float:left; width:640px; margin-top:50px; font-family:'NanumGothic' !important; font-size:14px; color:#fff; line-height:24px;}
	.add .copy { font-size:12px; margin-top:10px; }
	.add .copy a {  color:#fff;}
	
	.add .userName { color:#4a86be;}
.app { position:relative; float:left; width:242px; height:175px; background:url(../images/_main/app.png) center top no-repeat;}
	.app .personal { margin:137px 0 0 13px;}
	.app .personal img { margin:0 2px;}