@font-face{ font-family:NG; src:url(../font/NanumGothic.eot); src:local(※), url(../font/NanumGothic.woff) format('woff');}
@font-face{ font-family:NGEN; src:url(../font/NanumGothicBold.eot); src:local(※), url(../font/NanumGothicBold.woff) format('woff');}

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:155%;letter-spacing:normal} /* delete vertical-align,font:inherit; */

body{background:url('img/bg.gif') left top repeat;}
*{font-family:NanumGothic, 나눔고딕, NG, Tahoma, Geneva, sans-serif;}
ol,ul,li{list-style:none;}
dt{display:block;}
hr{display:none;}
a{cursor:pointer;text-decoration:none;color:#444;}


/* 레이아웃 */
#wrap {position:relative; width:100%; min-width:1040px; background:url('../img/top_bg.gif') left top repeat-x;}

/* #header{position:relative; width:100%; background:url('../img/header_bg.gif') center top no-repeat; height:80px; z-index:999999;} */

#header{position:relative; width:100%; height:100px;  z-index:99999;  background:url('../../img/img/header_bg.gif') 0px 0px repeat-x;  }
	#header .header_in{position:relative; margin:0 auto; overflow:hidden; width:1040px; height:300px; }
	#header .header_in h1{position:absolute; float:left;  z-index:99999; left:0; top:5px;}


	.header_in .gnb {float:right; width:700px; text-align:center; padding-top:28px;}
	.gnb ul {width:645px; clear:both; margin:0 auto;}
	.gnb li {float:left; width:20%; text-align:center; font-size:1.2em; color:#333; font-weight:bold; letter-spacing:-1px;}
@charset "utf-8";

/*==================================================================
	7: hacks setting
===================================================================*/
.clearfix {zoom:1;} /* ie6, ie7 때문에 */
.clearfix:after{content: ""; display: block; clear:both;}
.relative{position:relative;}

/* 1Depth  */
ul.Depth1 {float:right; width:700px; list-style:none; z-index:99999;}
ul.Depth1 > li {float:left; padding:0 0px;}
ul.Depth1 > li > a {display:block; height:52px; overflow:hidden; padding:0; z-index:99999;}/*text-indent:-999px; background:url('/img/gnb-1depth.gif');background-repeat:no-repeat;*/

ul.Depth1 li:hover > div {display:block !important;z-index:99999;}
ul.Depth1 li.hover div {display:block !important;z-index:10;}

ul.Depth1 li a.company {width:100px; height:52px; background:none; color:#333; font-size:16px; font-family:NGEN, 나눔고딕, 돋움; font-weight:500;}
ul.Depth1 li a.product {width:100px; height:52px; background:none; color:#333; font-size:16px; font-family:NGEN, 나눔고딕, 돋움; font-weight:500;}
ul.Depth1 li a.system {width:100px; height:52px; background:none; color:#333; font-size:16px; font-family:NGEN, 나눔고딕, 돋움; font-weight:500;}
ul.Depth1 li a.bussiness {width:100px; height:52px; background:none; color:#333; font-size:16px; font-family:NGEN, 나눔고딕, 돋움; font-weight:500;}
ul.Depth1 li a.customer {width:100px; height:52px; background:none; color:#333; font-size:16px; font-family:NGEN, 나눔고딕, 돋움; font-weight:500;}

ul.Depth1 li:hover a.company {width:100px; background:none; color:#3332a2;; text-decoration:none;}
ul.Depth1 li:hover a.product {width:100px; background:none; color:#3332a2; text-decoration:none;}
ul.Depth1 li:hover a.system {width:100px; background:none; color:#3332a2; text-decoration:none;}
ul.Depth1 li:hover a.bussiness {width:100px; background:none; color:#3332a2; text-decoration:none;}
ul.Depth1 li:hover a.customer {width:100px; background:none; color:#3332a2; text-decoration:none;}

ul.Depth1 li.hover a.company {width:100px; background:none; color:#3332a2; }
ul.Depth1 li.hover a.product {width:100px; background:none; color:#3332a2; }
ul.Depth1 li.hover a.system {width:100px; background:none; color:#3332a2;}
ul.Depth1 li.hover a.bussiness {width:100px; background:none; color:#3332a2; }
ul.Depth1 li.hover a.customer {width:100px; background:none; color:#f3742c; }

ul.Depth1 ul.up {display:block;z-index: !important;}
ul.Depth1 ul.hide {display:none !important;}
ul.Depth1 div {position:absolute;margin-top:-1px;z-index:3; display:none;}
ul.Depth1 div ul {list-style-type:none;}
ul.Depth1 ul li {float:left;}
ul.Depth1 ul li a {display:block;}


div.company_menu {background:#fff; width:140px; border-left:1px solid #ddd; border-right:1px solid #ddd; border-top:1px solid #ddd;}
div.company_menu ul  {width:140px; overflow:hidden;}
div.company_menu li {width:140px; clear:both; text-align:left;border-bottom:1px solid #ddd;}
div.company_menu li a {display:block; color:#666; font-size:13px; font-weight:normal; padding:10px; text-decoration:none;}
div.company_menu li a:hover {display:block; color:#ffffff; background:#2987e4;}
div.company_menu li a.link {display:block; color:#ffffff; background:#2987e4;}

div.product_menu {background:#fff; width:140px; border-left:1px solid #ddd; border-right:1px solid #ddd; border-top:1px solid #ddd;}
div.product_menu ul  {width:140px; overflow:hidden;}
div.product_menu li {width:140px; clear:both; text-align:left;border-bottom:1px solid #ddd;}
div.product_menu li a {display:block; color:#666; font-size:13px; font-weight:normal; padding:10px; text-decoration:none;}
div.product_menu li a:hover {display:block; color:#ffffff; background:#2987e4;}
div.product_menu li a.link {display:block; color:#ffffff; background:#2987e4;}

div.system_menu {background:#fff; width:150px; border-left:1px solid #ddd; border-right:1px solid #ddd; border-top:1px solid #ddd;}
div.system_menu ul  {width:150px; overflow:hidden;}
div.system_menu li {width:150px; clear:both; text-align:left;border-bottom:1px solid #ddd;}
div.system_menu li a {display:block; color:#666; font-size:13px; font-weight:normal; padding:10px; text-decoration:none;}
div.system_menu li a:hover {display:block; color:#ffffff; background:#2987e4;}
div.system_menu li a.link {display:block; color:#ffffff; background:#2987e4;}

div.bussiness_menu {background:#fff; width:180px; border-left:1px solid #ddd; border-right:1px solid #ddd; border-top:1px solid #ddd;}
div.bussiness_menu ul  {width:180px; overflow:hidden;}
div.bussiness_menu li {width:180px; clear:both; text-align:left;border-bottom:1px solid #ddd;}
div.bussiness_menu li a {display:block; color:#666; font-size:13px; font-weight:normal; padding:10px; text-decoration:none;}
div.bussiness_menu li a:hover {display:block; color:#ffffff; background:#2987e4;}
div.bussiness_menu li a.link {display:block; color:#ffffff; background:#2987e4;}

div.customer_menu {background:#fff; width:100px; border-left:1px solid #ddd; border-right:1px solid #ddd; border-top:1px solid #ddd;}
div.customer_menu ul  {width:100px; overflow:hidden;}
div.customer_menu li {width:100px; clear:both; text-align:left;border-bottom:1px solid #ddd;}
div.customer_menu li a {display:block; color:#666; font-size:13px; font-weight:normal; padding:10px; text-decoration:none;}
div.customer_menu li a:hover {display:block; color:#ffffff; background:#2987e4;}
div.customer_menu li a.link {display:block; color:#ffffff; background:#2987e4;}