﻿@charset "euc-kr";

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

/* 1Depth  */
ul.Depth1 {margin:-42px auto; width:1100px; list-style:none; border-left:1px solid #0b337b; height:40px;}
ul.Depth1 > li {float:left;}
ul.Depth1 > li > a {display:block; height:30px; overflow:hidden; padding:10px 0 0 0;  border-right:1px solid #334165;}/*text-indent:-999px; background:url('.img/gnb-1depth.gif');background-repeat:no-repeat;*/

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:120px; background:#4c5365; color:#fff; font-size:15px; font-family:NanumGothic, 나눔고딕, 돋움; font-weight:600; }
ul.Depth1 li a.product {width:120px; background:#4c5365; color:#fff; font-size:15px; font-family:NanumGothic, 나눔고딕, 돋움; font-weight:600; }
ul.Depth1 li a.product2 {width:165px; background:#4c5365; color:#fff; font-size:15px; font-family:NanumGothic, 나눔고딕, 돋움; font-weight:600; }
ul.Depth1 li a.product3  {width:175px; background:#4c5365; color:#fff; font-size:15px; font-family:NanumGothic, 나눔고딕, 돋움; font-weight:600; }
ul.Depth1 li a.product4  {width:135px; background:#4c5365; color:#fff; font-size:15px; font-family:NanumGothic, 나눔고딕, 돋움; font-weight:600; }
ul.Depth1 li a.product5  {width:125px; background:#4c5365; color:#fff; font-size:15px; font-family:NanumGothic, 나눔고딕, 돋움; font-weight:600; }
ul.Depth1 li a.online  {width:125px; background:#4c5365; color:#fff; font-size:15px; font-family:NanumGothic, 나눔고딕, 돋움; font-weight:600; }
ul.Depth1 li a.customer {width:120px; background:#4c5365; color:#fff; font-size:15px; font-family:NanumGothic, 나눔고딕, 돋움; font-weight:600; border-right:0;}

ul.Depth1 li:hover a.company {width:120px; background:url('../../images/menu_arrow.gif') center bottom no-repeat;  color:#fff; text-decoration:none;}
ul.Depth1 li:hover a.product {width:120px; background:url('../../images/menu_arrow.gif') center bottom no-repeat; color:#fff; text-decoration:none;}
ul.Depth1 li:hover a.product2 {width:165px; background:url('../../images/menu_arrow.gif') center bottom no-repeat; color:#fff; text-decoration:none;}
ul.Depth1 li:hover a.product3 {width:175px; background:url('../../images/menu_arrow.gif') center bottom no-repeat; color:#fff; text-decoration:none;}
ul.Depth1 li:hover a.product4 {width:135px; background:url('../../images/menu_arrow.gif') center bottom no-repeat; color:#fff; text-decoration:none;}
ul.Depth1 li:hover a.product5 {width:125px; background:url('../../images/menu_arrow.gif') center bottom no-repeat; color:#fff; text-decoration:none;}
ul.Depth1 li:hover a.online  {width:125px; background:url('../../images/menu_arrow.gif') center bottom no-repeat; color:#fff; text-decoration:none;}
ul.Depth1 li:hover a.customer {width:120px; background:url('../../images/menu_arrow.gif') center bottom no-repeat; color:#fff; text-decoration:none;}

ul.Depth1 li.hover a.company {width:120px; background:none; color:#fff;}
ul.Depth1 li.hover a.product {width:120px; background:none; color:#fff;}
ul.Depth1 li.hover a.product2 {width:165px; background:none; color:#fff;}
ul.Depth1 li.hover a.product3 {width:175px; background:none; color:#fff;}
ul.Depth1 li.hover a.product4 {width:135px; background:none; color:#fff;}
ul.Depth1 li.hover a.product5 {width:125px; background:none; color:#fff;}
ul.Depth1 li.hover a.online {width:125px; background:none; color:#fff;}
ul.Depth1 li.hover a.customer {width:120px; background:none; color:#fff;}

ul.Depth1 ul.up {display:block;z-index:2 !important;}
ul.Depth1 ul.hide {display:none !important;}
ul.Depth1 div {position:absolute; margin-top:0; 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:120px;
	 -webkit-box-shadow: 0 2px 5px #1f2f40;  /* Safari and Chrome */
    -moz-box-shadow: 0 2px 5px #1f2f40;  /* Firefox */
    box-shadow: 0 2px 5px #1f2f40;  /* CSS3 */
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#1f2f40, Direction=120, Strength=4);}
div.company_menu ul  {width:120px; overflow:hidden;}
div.company_menu li {width:120px; clear:both; text-align:left; border-bottom:1px solid #ddd;}
div.company_menu li a {display:block; color:#333; font-size:13px; font-weight:normal; padding:9px; text-decoration:none; text-align:center;}
div.company_menu li a:hover {display:block; color:#ffffff; background:#00a3e4;}
div.company_menu li a.link {display:block; color:#ffffff; background:#00a3e4;}


div.product_menu {background:#fff; width:185px;
	-webkit-box-shadow: 0 2px 5px #1f2f40;  /* Safari and Chrome */
    -moz-box-shadow: 0 2px 5px #1f2f40;  /* Firefox */
    box-shadow: 0 2px 5px #1f2f40;  /* CSS3 */
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#1f2f40, Direction=120, Strength=5);}
div.product_menu ul  {width:185px; overflow:hidden;}
div.product_menu li {width:185px; clear:both; text-align:left; border-bottom:1px solid #ddd;}
div.product_menu li a {display:block; color:#333; font-size:13px; font-weight:normal; padding:9px; text-decoration:none; text-align:center;}
div.product_menu li a:hover {display:block; color:#ffffff; background:#00a3e4;}
div.product_menu li a.link {display:block; color:#ffffff; background:#00a3e4;}



div.product2_menu {background:#fff; width:165px;
	-webkit-box-shadow: 0 2px 5px #1f2f40;  /* Safari and Chrome */
    -moz-box-shadow: 0 2px 5px #1f2f40;  /* Firefox */
    box-shadow: 0 2px 5px #1f2f40;  /* CSS3 */
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#1f2f40, Direction=120, Strength=5);}
div.product2_menu ul  {width:165px; overflow:hidden;}
div.product2_menu li {width:165px; clear:both; text-align:left; border-bottom:1px solid #ddd;}
div.product2_menu li a {display:block; color:#333; font-size:13px; font-weight:normal; padding:9px; text-decoration:none; text-align:center;}
div.product2_menu li a:hover {display:block; color:#ffffff; background:#00a3e4;}
div.product2_menu li a.link {display:block; color:#ffffff; background:#00a3e4;}



div.product3_menu {background:#fff; width:175px;
	-webkit-box-shadow: 0 2px 5px #1f2f40;  /* Safari and Chrome */
    -moz-box-shadow: 0 2px 5px #1f2f40;  /* Firefox */
    box-shadow: 0 2px 5px #1f2f40;  /* CSS3 */
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#1f2f40, Direction=120, Strength=5);}
div.product3_menu ul  {width:175px; overflow:hidden;}
div.product3_menu li {width:175px; clear:both; text-align:left; border-bottom:1px solid #ddd;}
div.product3_menu li a {display:block; color:#333; font-size:13px; font-weight:normal; padding:9px; text-decoration:none; text-align:center;}
div.product3_menu li a:hover {display:block; color:#ffffff; background:#00a3e4;}
div.product3_menu li a.link {display:block; color:#ffffff; background:#00a3e4;}




div.product4_menu {background:#fff; width:155px;
	-webkit-box-shadow: 0 2px 5px #1f2f40;  /* Safari and Chrome */
    -moz-box-shadow: 0 2px 5px #1f2f40;  /* Firefox */
    box-shadow: 0 2px 5px #1f2f40;  /* CSS3 */
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#1f2f40, Direction=120, Strength=5);}
div.product4_menu ul  {width:155px; overflow:hidden;}
div.product4_menu li {width:155px; clear:both; text-align:left; border-bottom:1px solid #ddd;}
div.product4_menu li a {display:block; color:#333; font-size:13px; font-weight:normal; padding:9px; text-decoration:none; text-align:center;}
div.product4_menu li a:hover {display:block; color:#ffffff; background:#00a3e4;}
div.product4_menu li a.link {display:block; color:#ffffff; background:#00a3e4;}




div.product5_menu {background:#fff; width:125px;
	-webkit-box-shadow: 0 2px 5px #1f2f40;  /* Safari and Chrome */
    -moz-box-shadow: 0 2px 5px #1f2f40;  /* Firefox */
    box-shadow: 0 2px 5px #1f2f40;  /* CSS3 */
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#1f2f40, Direction=120, Strength=5);}
div.product5_menu ul  {width:125px; overflow:hidden;}
div.product5_menu li {width:125px; clear:both; text-align:left; border-bottom:1px solid #ddd;}
div.product5_menu li a {display:block; color:#333; font-size:13px; font-weight:normal; padding:9px; text-decoration:none; text-align:center;}
div.product5_menu li a:hover {display:block; color:#ffffff; background:#00a3e4;}
div.product5_menu li a.link {display:block; color:#ffffff; background:#00a3e4;}






div.online_menu {background:#fff; width:165px;
	-webkit-box-shadow: 1px 2px 5px #1f2f40;  /* Safari and Chrome */
    -moz-box-shadow: 1px 2px 5px #1f2f40;  /* Firefox */
    box-shadow: 1px 2px 5px #1f2f40;  /* CSS3 */
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#1f2f40, Direction=120, Strength=5);}
div.online_menu ul  {width:165px; overflow:hidden;}
div.online_menu li {width:165px; clear:both; text-align:left; border-bottom:1px solid #ddd;}
div.online_menu li a {display:block; color:#333; font-size:13px; font-weight:normal; padding:9px; text-decoration:none; text-align:center;}
div.online_menu li a:hover {display:block; color:#ffffff; background:#00a3e4;}
div.online_menu li a.link {display:block; color:#ffffff; background:#00a3e4;}

div.cus_menu {background:#fff; width:120px;
	-webkit-box-shadow: 1px 2px 5px #1f2f40;  /* Safari and Chrome */
    -moz-box-shadow: 1px 2px 5px #1f2f40;  /* Firefox */
    box-shadow: 1px 2px 5px #1f2f40;  /* CSS3 */
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#1f2f40, Direction=120, Strength=5);}
div.cus_menu ul {width:120px; overflow:hidden;}
div.cus_menu li {width:120px; clear:both; text-align:left; border-bottom:1px solid #ddd;}
div.cus_menu li a {display:block; color:#333; font-size:13px; font-weight:normal; padding:9px; text-decoration:none; text-align:center;}
div.cus_menu li a:hover {display:block; color:#ffffff; background:#00a3e4;}
div.cus_menu li a.link {display:block; color:#ffffff; background:#00a3e4;}

/* search */
	.gnb ul.Depth1 li.last{border:0;}
	.gnb ul.Depth1 li dl.search{float:left; width:250px; background:#0b337b; border:0;}
	.gnb dd{background:#0b337b; width:190px; height:47px; float:left;}
	.gnb dd .input_search{width:170px; color:#b6c2d8; background:#0b337b; font-size:13px; padding-left:10px; margin-top:7px;}
	.gnb dt {float:right;}
