﻿@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);


@font-face { /* 나눔고딕 Regular */
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.ttf) format('truetype');
}
@font-face { /* 나눔고딕 Bold */
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.ttf) format('truetype');
}
@font-face { /* 나눔고딕 ExtraBold */
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.ttf) format('truetype');
}

html, body {
  font-family: 'Nanum Gothic', sans-serif;
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;line-height:18px;letter-spacing:normal} /* delete vertical-align,font:inherit; */
body,html{width:100%; font-size:10px; color:#222;}
*{font-family:Nanum Gothic, 나눔고딕, NG, Tahoma, Geneva, sans-serif; }

ol,ul,li{list-style:none;}
a{cursor:pointer;text-decoration:none;}

A:link {color:#050505; text-decoration:none}
A:visited { color:#050505; text-decoration:none}
A:active {color:#050505; text-decoration:none}
A:hover     { color:#050505; font-weight : bold; text-decoration:none}

a {border:0px}
tr {font-size:10pt}

.font12{font-size:12px; }
.menu_bg{width:100%;  height:90px; position:relative;  background:#8fb63f;  }

#header_wrap { width:100%;   min-width:960px; height:40px;  margin:0 auto; border-bottom:1px solid #dddddd;}

#top_wrap {
	width:100%;

min-width:960px;
	}
#top_menu {
	width:960px;
	margin:0 auto;
	
	}
#top_menu ul {
	float:right;
	width:155px;
	}
#top_menu ul li {
	float:left;
	font-size:13px;
	height:100px;
	line-height:40px;
	font-weight:600;
	}
#top_menu ul li.first{
		background:url(../images/menu_bar.gif) right center no-repeat;
}

#top_menu ul li a {
	color:#000;
	display:block;
	padding:0 10px;

	}
#top_menu ul li.last a {
	background:#448926;
	color:#fff;
	}
	
#header { width:960px; height:90px; margin:0 auto;}
#header h1 {
	float:left;
	padding-top:2px;
	}
.nav_wrap { width: 680px; float:right; }
/* @group core nav menu */
#nav { margin: 10px; padding: 0; list-style: none; height: 75px;  }
#nav li p{height:59px; line-height:30px; margin-top:25px; font-size:18px; letter-spacing:0.5pt; line-height:20px; font-weight :600; font-family:'Nanum Gothic' 나눔고딕, NG, NGEN, '돋움', sans-serif !important; }
#nav li p span{font-size:13px;}
#nav li { float: left; display: block;  position: relative; z-index: 9999999999999;}
#nav li a { display: block; padding: 0 38px 0  38px; line-height: 77px; text-decoration: none; zoom: 1; text-align:center; line-height:18px; color:#fff;  font-family:'Nanum Gothic' 나눔고딕, NG, NGEN, '돋움', sans-serif !important; }
#nav li a:hover, #nav li a.hov {  font-weight :600; color:#fff; }
.menu_p{ height:72px;  line-height:30px; margin-top:15px;}
.menu_p span { font-size:13px;}

/* @group subnav */
#nav ul { position: absolute; left:0px; display: none; margin: -10px 0 0 0; padding: 0; list-style: none; }	
#nav ul.menu1 li { width:170px; float: left;  }
#nav ul li:hover { background:#045cb5; }

#nav ul.menu1 a { width:178px; display: block; height: 20px; line-height:25px; padding: 7px 0 ;   font-family:'Nanum Gothic' 나눔고딕, NG, NGEN, '돋움', sans-serif !important; font-size:13px; color:#6e6e6e; border-bottom:1px #dddddd solid;border-left:1px #dddddd solid;border-right:1px #dddddd solid; background:#fff;}
.mbd a{  border-top:1px #dddddd solid;}
#nav ul.menu1 a:hover { font-weight:600;	text-decoration:none;  color:#000;  padding: 7px 0; }

.maintop {width: 100%; position:relative;  background:url(../images/m_03_2.jpg);	height: 318px; }
.mainfla{position:relative;  height:318px; width:960px; margin:0 auto;  background:url(../images/mvisual.png)  no-repeat }
.move_img{opacity:0;position:absolute;top:50px;left:30px; z-index: 999999;}
.move_txt{opacity:0;margin-left:-25px;position:absolute;top:30px;left:500px; z-index:99999;}
.move_txt01{opacity:0;margin-left:-25px;position:absolute;top:0px;left:0px; z-index:99999;}





.subtop {width: 100%;   background:url(../../images/index_bg2.gif);   height: 200px;}
.subfla { position:relative; width: 960px; height: 216px;  margin: 0px auto;  background:url(../../html/images/c1_03.gif) top no-repeat;  }
.smove_img{opacity:0;margin-top:-25px;position:absolute;top:40px;left:10px; z-index:999999}
.smove_txt{opacity:0;margin-left:-25px;position:absolute;top:10px;left:650px;  z-index:999999;}

