/*==================================
상단 로그인/즐겨찾기
==================================*/
#header .tbar {width:100%; line-height:30px; background:#f7f7f7; overflow:hidden; border-bottom:1px solid #c1c1c1;}
#header .tbar div {width:990px; margin:0 auto;}
#header .tbar ul li {float:left; color:#303030;}
#header .tbar ul.floatleft li {margin-right:20px; }
#header .tbar img {margin-right:5px;}
#header .tbar a {color:#303030;}
#header .tbar span {color:#303030; margin:0px 5px}

/*==================================
상단 컨텐츠(고객센터, 로고, 간편결제, 검색)
==================================*/
#header .tcontent {position:relative; height:132px; width:990px; margin:0 auto; overflow:hidden;}
#header .tcontent .top-con1 {position:absolute; bottom:32px; left:0;}
#header .tcontent .logo {position:absolute; bottom:30px; left:40%;}
#header .tcontent .top-con2 {position:absolute; bottom:25px; right:0;}
#header .search_box .search {color:#fff; background:#4b555e; line-height: 28px; width: 50px; height: 28px; text-align: center; border-radius:3px; display: inline-block;}
#header .search_box p a {margin-right:5px;}    
#header .search_box p {margin-top: 5px;}

#nav {position:relative; width:100%; height:46px; text-align:left; border-top:1px solid #ccc; background:#2687e5; z-index:9999}
#GNB {position:absolute; width:990px; height:46px; top:0px; left:50%; margin-left:-495px; overflow:hidden;}

/* 최상위 메뉴 */
#GNB > li {width:165px; float:left; }
#GNB > li > a {position:relative; display:block; line-height:46px; text-align:center; font-size:17px; font-weight:bold; color:#fff; border-bottom:5px solid rgba(0,0,0,0.8); }

/* 오픈메뉴 */
#GNB ul {padding-top:10px; min-height:450px; background:rgba(0,0,0,0.8); border-left:1px solid rgba(0,0,0,0.5);  padding-top:5px; box-sizing:border-box;}
#GNB .last ul {border-right:1px solid rgba(0,0,0,0.8);}
#GNB ul a {display:block; line-height:34px; text-indent:8px; font-size:14px; color:#fff;}
#GNB li:hover ul{background:rgba(4,3,14,0.9);}
#GNB li:hover a {color:#fff; box-sizing:border-box;}
#GNB li:hover ul a{color:#fff; text-decoration:none; background:none; border:none;}
#GNB li:hover ul li:hover a{text-decoration:underline; color:#ffc600;}

/* 오픈메뉴 */
.open-menu {width:990px; overflow:hidden;  background:rgba(0,0,0,0.8);  line-height:2.5; box-sizing:border-box; border-right:1px solid #7a7a7a; border-left:1px solid #333; }
.open-menu > li {display:table; width:100%;}
.open-menu h4 {display:table-cell; vertical-align:middle; width:16.6%; background:#292929; border-top:1px solid #7a7a7a;}
.open-menu h4 a {text-align:left; text-indent:30px; color:#fff; font-size:12px;}
.open-menu ul {display:table-cell; vertical-align:middle; width:83.6%; padding:5px 0px; border-top:1px solid #7a7a7a;}
.open-menu ul li {float:left; width:16.6%; line-height:1.8;}
.open-menu ul a {text-align:left; text-indent:30px; font-size:12px; color:#fff}
.total {width:990px; text-align:center; box-sizing:border-box; border:1px solid #7a7a7a; border-top:none; background:#717171; color:#fff}
.total a {color:#fff}
.total .fa {margin-right:5px;}

/* 오버효과 */
.open-menu > li:hover h4 {}
.open-menu > li:hover h4 a {}
.open-menu ul li a:hover {background:#777777; color:#fff;}