@charset "utf-8";

* html{
filter: expression(document.execCommand("BackgroundImageCache", false, true));
}

#gnb-container{
width:100%;
height:35px;
min-width:960px;
font-family:"ＭＳ Ｐゴシック", Verdana, Osaka, "ヒラギノ角ゴ Pro W3";
background:url(https://static.nexon.co.jp/gnb/gnb201611/images/bg_gnb.gif) repeat-x;
}
#gnb-container img{
border:none;
}

#gnb2{
position:relative;
margin:0 auto;
width:100%;
height:35px;
min-width:960px;
z-index:30000;
}

#gnb2 #gnb-logo{
position:absolute;
top:0;
left:20px;
width:75px;
height:35px;
}
#gnb2 #gnb-logo a{
display:block;
width:75px;
height:35px;
background:url(https://static.nexon.co.jp/gnb/gnb201611/images/logo_gnb.png) no-repeat 0 12px !important;
white-space:nowrap;
text-indent:120%;
overflow:hidden;
}
#gnb2 #gnb-logo a:hover{
background-position:0 12px !important;
}

/* #gnb-announce ///////////////////////////////////////////////////////////////////////////////////////////////*/
#gnb2 #gnb-announce{
position:absolute;
top:0;
left:115px;
height:35px;
line-height:35px !important;
}
#gnb2 #gnb-announce a{
color:#0aa0d2 !important;
font-family:"ＭＳ Ｐゴシック", Verdana, Osaka, "ヒラギノ角ゴ Pro W3" !important;
font-size:12px !important;
font-weight:bold !important;
text-decoration:underline !important;
line-height:35px !important;
}
#gnb2 #gnb-announce a:hover{
text-decoration:none !important;
}
#gnb2 #gnb-icon-new{
display:inline-block;
width:35px;
height:16px;
background:url(https://static.nexon.co.jp/gnb/gnb201611/images/icon_new_blink.gif) no-repeat left top;
margin-right:5px;
height:16px;
vertical-align:-4px;
}
#gnb2 #gnb-icon-hot{
display:inline-block;
width:35px;
height:16px;
background:url(https://static.nexon.co.jp/gnb/gnb201611/images/icon_hot_blink.gif) no-repeat left top;
margin-right:5px;
height:16px;
vertical-align:-4px;
}
#gnb2  #gnb-announce a strong span{
position:absolute;
left:-9999px;
}

#gnb2 #gnb-banner{
z-index:1;
position:absolute;
width:386px;
height:0px;/*148*/
padding:0;
left:130px;
top:2px;
overflow:hidden;
}

#gnb2 #gnb-banner a{
display:block;
position:absolute;
left:0;
bottom:16px;
background-repeat:no-repeat;
background-position:left 2px !important;
width:386px;
height:132px;
text-indent:110%;
white-space:nowrap;
overflow:hidden;
}

#gnb2 #gnb-banner-close{
display:block;
position:absolute;
z-index:2;
bottom:0;
left:5px;
background:url(https://static.nexon.co.jp/gnb/gnb201611/images/btn_gnb_banner_close.png) no-repeat left top;
width:54px;
height:19px;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
cursor:pointer;
}



/* #gnb-menu ///////////////////////////////////////////////////////////////////////////////////////////////*/
#gnb2 #gnb-menu{
position:absolute;
top:2px;
right:19px;
margin:0;
padding:0;
height:32px;
border-left:solid 1px #e6e0d0;
border-right:solid 1px #fffefb;
z-index:0;
}

#gnb2 #gnb-menu #gnb-menu-btn{
position:relative;
z-index:1;
}
#gnb2 #gnb-menu #gnb-menu-btn a{
display:block;
width:111px;
height:32px;
background:url(https://static.nexon.co.jp/gnb/gnb201611/images/btn_gnb_menu.png) no-repeat 0 0 !important;
white-space:nowrap;
text-indent:120%;
overflow:hidden;
}
#gnb2 #gnb-menu #gnb-menu-btn a:hover{
height:33px;
background-position:0 -33px !important;
}

#gnb2 #gnb-menu #gnb-menu-list{
display:none;
position:absolute;
top:32px;
right:0px;
margin:0;
padding-bottom:3px;
width:183px;
z-index:0;
text-align:left;
background:url(https://static.nexon.co.jp/gnb/gnb201611/images/bg_gnb_menu_btm_140806.png) no-repeat center bottom;
}
#gnb2 #gnb-menu #gnb-menu-list ul{
margin:0;
padding:0 3px;
width:177px;
background:url(https://static.nexon.co.jp/gnb/gnb201611/images/bg_gnb_menu_140806.png) repeat-y center top;
}
#gnb2 #gnb-menu #gnb-menu-list ul li{
list-style-type:none;
font-family:Arial,'メイリオ','ＭＳ Ｐゴシック',sans-serif;
font-size:12px;
font-weight:bold;
line-height:32px;
border-top:solid 1px #484849;
border-bottom:solid 1px #191916;
}
#gnb2 #gnb-menu #gnb-menu-list ul li:first-child{
border-top:solid 1px #000;
}
#gnb2 #gnb-menu #gnb-menu-list ul li a{
display:block;
padding-left:45px;
width:116px;
height:32px;
color:#fff;
line-height:32px;
text-decoration:underline;
white-space:nowrap;
background:url(https://static.nexon.co.jp/gnb/gnb201611/images/icon_gnb_menu_list.png) no-repeat;
}
#gnb2 #gnb-menu #gnb-menu-list ul li#gnb-menu-list01 a{
background-position:0px 0px !important;
}
#gnb2 #gnb-menu #gnb-menu-list ul li#gnb-menu-list02 a{
background-position:0px -33px !important;
}
#gnb2 #gnb-menu #gnb-menu-list ul li#gnb-menu-list03 a{
background-position:0px -67px !important;
}
#gnb2 #gnb-menu #gnb-menu-list ul li#gnb-menu-list04 a{
background-position:0px -101px !important;
}
#gnb2 #gnb-menu #gnb-menu-list ul li#gnb-menu-list05 a{
background-position:0px -135px !important;
}
#gnb2 #gnb-menu #gnb-menu-list ul li#gnb-menu-list06 a{
background-position:0px -169px !important;
}
#gnb2 #gnb-menu #gnb-menu-list ul li#gnb-menu-list07 a{
background-position:0px -203px !important;
}
#gnb2 #gnb-menu #gnb-menu-list ul li#gnb-menu-list08 a{
background-position:0px -237px !important;
}

#gnb2 #gnb-menu #gnb-menu-list ul li a:hover{
color:#0aa0d2;
text-decoration:none;
}
#gnb2 #gnb-menu #gnb-menu-list ul li#gnb-menu-list01 a:hover{
background-position:-161px 0px !important;
}
#gnb2 #gnb-menu #gnb-menu-list ul li#gnb-menu-list02 a:hover{
background-position:-161px -33px !important;
}
#gnb2 #gnb-menu #gnb-menu-list ul li#gnb-menu-list03 a:hover{
background-position:-161px -67px !important;
}
#gnb2 #gnb-menu #gnb-menu-list ul li#gnb-menu-list04 a:hover{
background-position:-161px -101px !important;
}
#gnb2 #gnb-menu #gnb-menu-list ul li#gnb-menu-list05 a:hover{
background-position:-161px -135px !important;
}
#gnb2 #gnb-menu #gnb-menu-list ul li#gnb-menu-list06 a:hover{
background-position:-161px -169px !important;
}
#gnb2 #gnb-menu #gnb-menu-list ul li#gnb-menu-list07 a:hover{
background-position:-161px -203px !important;
}
#gnb2 #gnb-menu #gnb-menu-list ul li#gnb-menu-list08 a:hover{
background-position:-161px -237px !important;
}

#gnb2 #gnb-menu.open #gnb-menu-btn a{
height:33px;
background-position:0 -33px !important;
}
#gnb2 #gnb-menu.open #gnb-menu-list{
display:block;
}


/* #gnb-login-id ///////////////////////////////////////////////////////////////////////////////////////////////*/
#gnb2 #gnb-login-id{
position:absolute;
top:2px;
right:130px;
margin:0;
padding:0;
height:32px;
border-left:solid 1px #e6e0d0;
border-right:solid 1px #fffefb;
z-index:0;
}

/* #gnb-dispid ************************************************************************************************/
#gnb2 #gnb-login-id #gnb-dispid{
position:relative;
z-index:1;
padding:0 14px;
color:#343330;
font-family:Arial,'メイリオ','ＭＳ Ｐゴシック',sans-serif;
font-size:12px;
font-weight:bold;
line-height:32px;
text-align:right;
white-space:nowrap;
border-right:solid 1px #e6e0d0;
background:url(https://static.nexon.co.jp/gnb/gnb201611/images/gnb_line_left.gif) no-repeat left top;
}
#gnb2 #gnb-login-id #gnb-dispid a{
color:#343330;
text-decoration:underline;
}
#gnb2 #gnb-login-id #gnb-dispid a:hover{
text-decoration:none;
}

/* #gnb-login-btn ************************************************************************************************/
#gnb2 #gnb-login-btn{
position:relative;
z-index:1;
}
#gnb2 #gnb-login-btn a{
display:block;
width:99px;
height:32px;
background:url(https://static.nexon.co.jp/gnb/gnb201611/images/btn_gnb_login.png) no-repeat;
white-space:nowrap;
text-indent:120%;
overflow:hidden;
}
#gnb2 #gnb-login-btn a:hover{
background-position:0 -32px !important;
}


/* #connect-menu ///////////////////////////////////////////////////////////////////////////////////////////////*/
#gnb2 #connect-menu{
/*position:absolute;
top:2px;
right:131px;*/
margin:0;
padding:0;
height:32px;
font-family:'メイリオ','ＭＳ Ｐゴシック',sans-serif;
border-left:solid 1px #e6e0d0;
z-index:1;
}

#gnb2 #connect-menu > div{
float:left;
}


/* #connect-dispid ************************************************************************************************/
#gnb2 #connect-menu #connect-dispid{
position:absolute;
right:182px;
top:2px;
padding:0 14px;
color:#343330;
font-family:Arial,'メイリオ','ＭＳ Ｐゴシック',sans-serif;
font-size:12px;
font-weight:bold;
line-height:32px;
text-align:right;
white-space:nowrap;
border-left:solid 1px #e6e0d0;
border-right:solid 1px #e6e0d0;
background:url(https://static.nexon.co.jp/gnb/gnb201611/images/gnb_line_left.gif) no-repeat left top;
}
#gnb2 #connect-menu #connect-dispid a{
color:#343330;
text-decoration:underline;
}
#gnb2 #connect-menu #connect-dispid a:hover{
text-decoration:none;
}

/* #connect-login-btn ************************************************************************************************/
#gnb2 #connect-login-btn{
position:absolute;
right:182px;
top:2px;
border-left:solid 1px #e6e0d0;
}
#gnb2 #connect-login-btn a{
display:block;
width:99px;
height:32px;
background:url(../connectimg/btn_connect_login.png) no-repeat;
white-space:nowrap;
text-indent:120%;
overflow:hidden;
}
#gnb2 #connect-login-btn a:hover{
background-position:0 -32px !important;
}

/* #connect-window-btn ************************************************************************************************/
#gnb2 #connect-window-btn{
/*position:relative;*/
position:absolute;
right:130px;
top:2px;
width:52px;
/*border-left:solid 1px #e6e0d0;*/
z-index:1;
}
#gnb2 #connect-window-btn a{
display:block;
width:52px;
height:32px;
background:url(../connectimg/btn_connect_window.png) no-repeat;
white-space:nowrap;
text-indent:120%;
overflow:hidden;
}
#gnb2 #connect-window.open #connect-window-btn a{
height:33px;
background-position:0 -96px !important;
}
#connect-window.connect-msgalt #connect-window-btn a{
background-position:0 -32px !important;
}
#gnb2 #connect-window-btn a:hover{
background-position:0 -64px !important;
}

#gnb2 #connect-window-btn #connect-message-num{
position:absolute;
left:38px;
top:6px;
padding-left:6px;
height:14px;
font-family:'Arial';
color:#fff;
font-size:10px;
line-height:12px;
background:url(../connectimg/bg_gnb_message_num_left.png) no-repeat left center;
}
#gnb2 #connect-window-btn #connect-message-num strong{
display:block;
height:14px;
padding-right:4px;
background:url(../connectimg/bg_gnb_message_num.png) no-repeat right center;
}