#hunet-header-wrap {padding-bottom:5px; background:url(http://img.hunet.co.kr/hunet/common/gnb/bg_header.gif) repeat-x left bottom;}
#header {position:relative; width:1011px; height:64px; margin:0 auto;}
#header .logo {float:left; padding:12px 0 0 18px;}
#header .header-link {position:absolute; top:28px; right:190px;}
#header .header-link li {float:left; padding:0 10px 0 7px; background:url(http://img.hunet.co.kr/hunet/main/v201309/icon_header-link.gif) no-repeat 0 8px;}
#header .header-link li a {font-size:13px; color:#8a8e94; font-family:'nanumgothic','나눔고딕','malgun gothic','맑은 고딕';}
#header .header-link li a:hover {text-decoration:underline;}
#header .search {position:absolute; top:26px; right:5px;}
#header .search * {vertical-align:middle;}
#header .search .i-label {position:absolute; margin:2px 0 0 8px; line-height:21px; color:#8d9399; font-weight:bold;}
#header .search .i-text {width:151px; height:21px; line-height:21px; padding-left:4px; font-weight:bold; border:1px solid #9da4af;}
#nav {height:35px; background:#666b75;}
#nav ul {width:1011px; margin:0 auto;}
#nav li {position:relative; float:left; z-index:1;}
#nav li a {float:left; height:35px; overflow:hidden; text-indent:-9999em; background:url(http://img.hunet.co.kr/hunet/main/v201309/nav20131218.gif) no-repeat;}
#nav li .all {width:127px; background-position:0 0;}
#nav li .hot {width:126px; background-position:-127px 0;}
#nav li .new {width:126px; background-position:-253px 0;}
#nav li .rec {width:126px; background-position:-379px 0;}
#nav li .knowledge {width:126px; background-position:-505px 0;}
#nav li .goldclass {width:126px; background-position:-631px 0;}
#nav li .event {width:126px; background-position:-757px 0;}
#nav li .hrd {width:128px; background-position:-883px 0;}
#nav li .all:hover,
#nav li.current .all {background-position:0 -35px;}
#nav li .hot:hover,
#nav li.current .hot {background-position:-127px -35px;}
#nav li .new:hover,
#nav li.current .new {background-position:-253px -35px;}
#nav li .rec:hover,
#nav li.current .rec {background-position:-379px -35px;}
#nav li .knowledge:hover,
#nav li.current .knowledge {background-position:-505px -35px;}
#nav li .goldclass:hover,
#nav li.current .goldclass {background-position:-631px -35px;}
#nav li .event:hover,
#nav li.current .event {background-position:-757px -35px;}
#nav li .hrd:hover,
#nav li.current .hrd {background-position:-883px -35px;}

#nav li .icon-new {position:absolute; top:-10px; left:50%; margin-left:15px;}