/* CSS Document */
@charset "utf-8";


/*==================================================================
	setting
===================================================================*/
.clearfix {zoom:1;} /* ie6, ie7 ¶§¹®¿¡ */
.clearfix:after{content: ""; display: block; clear: both;}
.relative{position:relative;}

/* 1Depth */  

ul.Depth1 {margin:0 auto; width:1024px; list-style:none; }
ul.Depth1 > li {float:left; }
ul.Depth1 > li > a {display:block; height:74px; text-indent:-1024px; background:url('/images/gnb-1depth.png');background-repeat:no-repeat;overflow:hidden;}
ul.Depth1_eng > li > a{ background:url(/eng/images/gnb-1depth.png); height:50px; }

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

ul.Depth1 li a.company {width:204px; background-position: 0px 0px;}
ul.Depth1 li a.product {width:206px; background-position: -204px 0px;}
ul.Depth1 li a.research {width:206px; background-position:-410px 0px;}
ul.Depth1 li a.recruit {width:204px; background-position:-616px 0px;}
ul.Depth1 li a.cs {width:204px; background-position:-820px 0px;}

ul.Depth1 li:hover a.company {background-position:0px -75px;}
ul.Depth1 li:hover a.product {background-position:-204px -75px;}
ul.Depth1 li:hover a.research {background-position:-410px -75px;}
ul.Depth1 li:hover a.recruit {background-position:-616px -75px;}
ul.Depth1 li:hover a.cs {background-position:-820px -74px;}

ul.Depth1 li.hover a.company {background-position:0px -75px;}
ul.Depth1 li.hover a.product {background-position:-204px -75px;}
ul.Depth1 li.hover a.research {background-position:-410px -75px;}
ul.Depth1 li.hover a.recruit {background-position:-616px -75px;}
ul.Depth1 li.hover a.cs {background-position:-820px -75px;}

ul.Depth1 ul.up {display:block; z-index:7 !important;}
ul.Depth1 ul.hide {display:none !important;}
ul.Depth1 div {position:absolute; margin-top:-1px;z-index:8; display:none; min-width:490px;}
ul.Depth1 div ul {list-style-type:none;}
ul.Depth1 ul li {}
ul.Depth1 ul li a {display:block; color:#606060;}
ul.Depth1 ul li a:hover{display:block;font-weight: bold; color:#0577c5;} 

div.all_menu {top:50px;clear:both;  left:0px; width:100%; height:184px; border-top:1px solid #d8d8d8; background:#1d3e67; opacity: 0.9; no-repeat center top;}
div.all_menu div.listmenu{margin:0 auto; width:1024px; padding-left:0px;}
div.all_menu div.listmenu ul.sm01 { float:center;width:204px; padding: 10px 0; }
div.all_menu div.listmenu ul.sm01 li {margin-top:5px; padding-top:7px; }

div.all_menu dl{margin:0 auto; width:1024px; padding-left:0px;}
div.all_menu dl dt{ float:center;width:110px; height:155px; padding:20px 10px 0px 0px; }
div.all_menu dl dt p{color:#0677c5;font:bold 24px; line-height:180%;}
div.all_menu dl dt span{font-size:12px;line-height:150%;}
div.all_menu dl dd{ float:left; font-size:13px; font-weight:bold;line-height:180%; padding: 5px 15px 5px 15px;  color:#666; background:url(../images/sm_back.gif) no-repeat left top; text-align:center; display:block; width:174px}
div.all_menu dl dd a{ color:#acd4e6;}
div.all_menu dl dd a:hover{color:#fa7474;}
div.all_menu dl dd a.active { background-position:left bottom; color:#052861; font-weight:bold; }