﻿@charset "utf-8";

/* Jnpix Design Team
Kim mi jin 20110927*/

/* basic-alink */
a:link, a:active {color:#777;text-decoration:none}
a:visited {color:#777;text-decoration:none}
a:hover   {color:#2274ae !important;text-decoration:none;}

#wrap #headerWrap .header .naviWrap {position:relative;width:995px;height:222px;zoom:1;}
#wrap #headerWrap .header .naviWrap:after{clear:both;content:"";display:block;font-size:0px;line-height:0px;height:0;visibility:hidden;}
#wrap #headerWrap .header .naviWrap h1{float:left;padding-left:20px;padding-top:15px;width:185px;height:66px;overflow:hidden;}
#wrap #headerWrap .header .naviWrap .navi {position:relative;float:left;padding-top:18px;width:670px;height:66px;overflow:hidden;}
#wrap #headerWrap .header .naviWrap .navi .menu {position:relative;width:790px;height:66px;overflow:hidden;}
#wrap #headerWrap .header .naviWrap .navi .menu li {float:left;}
#wrap #headerWrap .header .naviWrap .navi .menu li.active a.menu01 {width:90px;background-position:0 -39px;}
#wrap #headerWrap .header .naviWrap .navi .menu li.active a.menu02 {width:131px;background-position:-90px -39px;}
#wrap #headerWrap .header .naviWrap .navi .menu li.active a.menu03 {width:99px;background-position:-221px -39px;}
#wrap #headerWrap .header .naviWrap .navi .menu li.active a.menu04 {width:109px;background-position:-320px -39px;}
#wrap #headerWrap .header .naviWrap .navi .menu li.active a.menu05 {width:109px;background-position:-429px -39px;}
#wrap #headerWrap .header .naviWrap .navi .menu li.active a.menu06 {width:120px;background-position:-537px -39px;}
#wrap #headerWrap .header .naviWrap .navi .menu li a {display:block; height:39px;font-family:tahoma !important;font-size:11px;background:url('../images/Common/text_navi_utility.gif') no-repeat 0 0; position:relative; z-index:300;}
#wrap #headerWrap .header .naviWrap .navi .menu li a span {overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0;visibility:hidden;}
#wrap #headerWrap .header .naviWrap .navi .menu li a.menu01 {width:90px;background-position:0 0;}
#wrap #headerWrap .header .naviWrap .navi .menu li a.menu02 {width:131px;background-position:-90px 0;}
#wrap #headerWrap .header .naviWrap .navi .menu li a.menu03 {width:99px;background-position:-221px 0;}
#wrap #headerWrap .header .naviWrap .navi .menu li a.menu04 {width:109px;background-position:-320px 0;}
#wrap #headerWrap .header .naviWrap .navi .menu li a.menu05 {width:109px;background-position:-429px 0;}
#wrap #headerWrap .header .naviWrap .navi .menu li a.menu06 {width:120px;background-position:-537px 0;}
#wrap #headerWrap .header .naviWrap .navi .submenu {position:absolute;top:-50px;z-index:100;width:750px;height:26px;display:block;overflow:hidden;}
#wrap #headerWrap .header .naviWrap .navi .submenu dd {float:left; padding:0 5px 0 ;line-height:14px;}
#wrap #headerWrap .header .naviWrap .navi .submenu dd a {float:left;display:block;background:none;height:15px;color:#a7a7a7;}
#wrap #headerWrap .header .naviWrap .navi .submenu dd.on a {color:#2274ae;}
#wrap #headerWrap .header .naviWrap .navi .submenu dd a:hover {color:#2274ae;}
#wrap #headerWrap .header .naviWrap .navi .menu li.menu01 .submenu {left:15px;}
#wrap #headerWrap .header .naviWrap .navi .menu li.menu02 .submenu {left:70px;}
#wrap #headerWrap .header .naviWrap .navi .menu li.menu03 .submenu {left:50px;}
#wrap #headerWrap .header .naviWrap .navi .menu li.menu04 .submenu {left:275px;}
#wrap #headerWrap .header .naviWrap .navi .menu li.menu05 .submenu {left:380px;}
#wrap #headerWrap .header .naviWrap .navi .menu li.menu06 .submenu {left:400px;}

#containerWrap #navileftArea .leftMenuArea .menu {margin:0 15px 0 20px;width:170px;position:relative;}
#containerWrap #navileftArea .leftMenuArea .menu li {line-height:24px;font-weight:bold;border-bottom:1px solid #eaeaea;}
#containerWrap #navileftArea .leftMenuArea .menu li a {font-weight:bold;}
#containerWrap #navileftArea .leftMenuArea .menu li.active a strong{color:#2274ae;}
#containerWrap #navileftArea .leftMenuArea .submenu {margin:5px 0 4px;width:170px;display:none; position:relative;}
#containerWrap #navileftArea .leftMenuArea .submenu li {line-height:20px;font-size:11px;font-weight:bold;color:#999;border-bottom:0 !important;}
#containerWrap #navileftArea .leftMenuArea .submenu li a {padding-left:11px;color:#999;background:url('../images/Bullet/bullet_dotgreen-1.gif') no-repeat 0 5px;font-weight:normal;}
#containerWrap #navileftArea .leftMenuArea .submenu li.on a {color:#2274ae;background-position:0 -10px;}
#containerWrap #navileftArea .leftMenuArea .submenu li a:hover {color:#2274ae;background-position:0 -10px;}






