@charset "UTF-8";



/* 네비(마우스 올리면 가로로 나오는 메뉴) */


html  { width:100%; height:100%; padding:0px; margin:0px; overflow-x:hidden;}

#wrap    {width:100%; float:left; min-width:1100px; }


#header   {position:relative; width:1100px; margin:0 auto; height:75px; margin-top:120px; z-index:9999; color:#333; border:0px solid red; padding-top:10px;}


.header_in  {width:1100px; margin:0 auto;}

#header  .logo  { position:absolute; width:300px; top:-75px; left:0; margin-left:400px;}



/* nav */
.nav { width:100%;  position:fixed;  z-index:9999999999999999; left:0px; top:0px; }


.util {position:absolute; width:auto; top:-18px; right:0;}
.util  li{float:right; color:#fff; font-size:0.85em;  font-weight:400; padding-left:5px; letter-spacing:0}
.util  li a:link		{text-decoration:none; color:#fff;}
.util  li a:visited	{ text-decoration:none; color:#fff;}
.util  li a:hover		{ text-decoration:none; color:#fff;}
.util  li a:active	{text-decoration:none; color:#fff;}


.menu  {width:100%;  float:left;    box-shadow:3px 3px 7px rgba(0,0,0,.5);  border-radius:2px;   padding-bottom:0px;  margin-top:35px; background:#fff;}
.menu-wrap  {width:1100px; margin:0 auto; }



.nav  { width:1100px; margin:0 auto; height:75px; margin-top:25px;  }
.logo  {width:100%; margin:0 auto;}
.logo  img  { margin-top:-10px;}

.menu  {width:1100px; margin:0 auto;  height:75px;  }


ul#topmenu 		 		 {width:100%; display:inline-block; text-align:center;   box-sizing:border-box;  }
ul#topmenu  li 			 {display:inline-block; margin:0 15px; text-align:Center; font-size:1.15em; font-weight:600; margin-top:5px;   }
ul#topmenu  li a   		 {width:100%; display:block;  line-height:65px;}
ul#topmenu  li a   img		 {margin-top:15px;}



ul#topmenu  li a:link			{text-decoration:none; color:#333;}
ul#topmenu  li a:visited			{text-decoration:none; color:#333;}
ul#topmenu  li a:hover			{text-decoration:none; color:#339900;}
ul#topmenu  li a:active			{text-decoration:none; color:#339900;}



#submenu			{width:100%;  float:left;  position:absolute; top:85px; left:0; z-index:999999999999999999;  }

#submenu  .submenu_bg  {width:100%; min-width:1100px; float:left; height:50px; display:none;  position:absolute; background:#99cc7f;  }


#submenu	   ul   {width:1200px; margin:0 auto; }
#submenu	   li    {float:left;   font-size:1em;   font-weight:400;  line-height:50px; padding-left:15px;}

#submenu   a:link			{text-decoration:none; color:#fff; }
#submenu   a:hover		{text-decoration:none; color:#fff;  font-weight:600;}
#submenu   a:active	     	{text-decoration:none; color:#fff;  font-weight:600;}
#submenu   a:visited	    	{text-decoration:none; color:#fff; }


.submenu1 li:nth-child(1)		{ margin-left:120px; }
.submenu2 li:nth-child(1)		{ margin-left:300px; }
.submenu3 li:nth-child(1)		{ margin-left:600px; }
.submenu4 li:nth-child(1)		{ margin-left:700px; }
.submenu5 li:nth-child(1)		{ margin-left:620px; }
.submenu6 li:nth-child(1)		{ margin-left:470px; }
.submenu7 li:nth-child(1)		{ margin-left:250px; }



/* footer */
#footer       	   		{bottom:0; width:100%; min-width:1100px; background-color:#e7f3e0; float:left; margin:0 auto; border-top:1px solid #e1e0e1;}
#footer  .footer_in  	{width:1100px; margin:0 auto;}
#footer  .foot_txt 	{width:75%; height:135px; float:left;  margin-left:30px;  box-sizing:border-box; padding:35px 30px;
					color:#999; font-size:0.95em; line-height:1.35em; }
#footer  .foot_logo {float:left; margin-top:35px; }


h2,h3,h4,h5   { margin:0px; padding-bottom:15px; color:#333; }
h2  		{font-weight:800;  font-size:2em; line-height:1.2em;   }
h3  		{font-weight:600;  font-size:1.5em; line-height:1.3em; }
h4  		{font-weight:600;  font-size:1.5em; line-height:1.3em; }
h5  		{font-weight:600;  font-size:1.3em; line-height:1.3em; padding-bottom:0px;}