@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Roboto:400');
/*==================================================================
	7: hacks setting
===================================================================*/
.clearfix {zoom:1;} /* ie6, ie7 때문에 */
.clearfix:after{content: ""; display: block; clear:both;}
.relative{position:relative;}


/* 1Depth  */
ul.Depth1 {margin-left:-20px !important; width:880px; list-style:none; padding-top:0px\0/IE9; #padding-top:0px; background:url('/eng/images/bg_gnb.png') no-repeat right 8px}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {ul.Depth1 {margin:0 auto; width:880px; list-style:none;}}
ul.Depth1 h1{width:280px; float:left; margin:0; z-index:9999999999999999 !important;} 
ul.Depth1 > li {float:left;}
ul.Depth1 > li > a {display:block;text-decoration:none !important; font-size:15px !important; height:29px; overflow:hidden; padding:0; text-align:center; font-family: 'Roboto', sans-serif !important; color:#d1d9e3 !important;}


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:148px; padding:17px 0 0 0; line-height:17px; }
ul.Depth1 li a.product {width:148px; padding:17px 0 0 0; line-height:17px;}
ul.Depth1 li a.facility {width:148px; padding:17px 0 0 0; line-height:17px; }
ul.Depth1 li a.contact {width:148px; padding:17px 0 0 0; line-height:17px; }
ul.Depth1 li a.customer {width:148px; padding:17px 0 0 0; line-height:17px;}


ul.Depth1 li:hover a.company {width:148px; color:#fff !important;}
ul.Depth1 li:hover a.product {width:148px; color:#fff !important;}
ul.Depth1 li:hover a.facility {width:148px; color:#fff !important;}
ul.Depth1 li:hover a.contact {width:148px; color:#fff !important;}
ul.Depth1 li:hover a.customer {width:148px; color:#fff !important;}



/* 2Depth */
ul.Depth1 ul.up {display:block; z-index:2 !important;}
ul.Depth1 ul.hide {display:none !important;}

ul.Depth1 div{position:absolute; z-index:9999999999999998 !important; display:none; background:#fff; padding-left:0 !important;}
ul.Depth1 div.company_menu {left:310px;}
ul.Depth1 div.product_menu {left:380px;}
ul.Depth1 div.facility_menu {left:580px;}
ul.Depth1 div.contact_menu {left:710px;}
ul.Depth1 div.customer_menu {left:1080px;}

ul.Depth1 div ul {list-style-type:none;margin-left:-20px;}
ul.Depth1 ul li {float:left;}
ul.Depth1 ul li a{display:block;text-decoration:none !important; color:#777;font-family: 'Roboto', sans-serif !important; padding:10px 15px 10px 0 ; line-height:12px; text-align:center; letter-spacing:0; font-size:12px !important}
ul.Depth1 ul li a:hover{text-decoration:underline !important; color:#333 !important;}