@charset 'euc-kr';

/* 공통 CSS */
#gnb * {margin:0; padding:0; z-index:10;}
#gnb img {border:0;}
#gnb ul, dl, ol {list-style:none;}
#gnb hr {display:none;}

#gnb .dpNone {display:none;}
#gnb .clearBoth {clear:both;}

#gnb {width:100%; height:38px; text-align:center;}
#gnb #gnbWrap {position:relative; width:990px; height:38px; margin:0 auto;}

#gnb .lstGame {}
#gnb .lstGame li {float:left; position:relative; z-index:10;}

#imgFSon {display:none;}
#imgANon {display:none;}
#imgGXon {display:none;}
#imgHISon {display:none;}
#gnbFS {display:none; position:absolute; left:6px; top:27px; z-index:1;}
#gnbAN {display:none; position:absolute; left:6px; top:27px; z-index:1;}
#gnbGX {display:none; position:absolute; left:6px; top:27px; z-index:1;}
#gnbHIS {display:none; position:absolute; left:6px; top:27px; z-index:1;}

#gnb #lstGNBbanner {position:absolute;}
#gnb #lstGNBbanner li {float:right; display:none;}
#gnb #lstGNBbanner li.all {display:block;}

/* 게임별 설정 */

/* FS */
#fsGNB #gnb {background:#fff url(../images/gnb/bg_fsgnb.gif) repeat-x;}
#fsGNB #imgFSon {display:block;}
#fsGNB #btnFSoff {display:none;}
#fsGNB #lstGNBbanner {right:250px; top:0;}
#fsGNB #lstGNBbanner li.fs {display:block;}
#fsGNB .lstBtns {position:absolute; width:249px; height:38px; right:0; top:0; background:url(../images/gnb/bg_fsbtns.gif) no-repeat;}
#fsGNB .lstBtns .ebox			{position:absolute; left:6px; top:12px;}
#fsGNB .lstBtns .join			{position:absolute; left:84px; top:14px;}
#fsGNB .lstBtns .info			{position:absolute; left:84px; top:14px;}
#fsGNB .lstBtns .support	{position:absolute; left:140px; top:14px;}
#fsGNB .lstBtns .login		{position:absolute; left:188px; top:12px;}
#fsGNB .lstBtns .logout		{position:absolute; left:188px; top:12px;}
#fsGNB .lstBtns .btnEbox {display:block; width:72px; height:18px; background:url(../images/gnb/btn_fsebox.gif) no-repeat;}
#fsGNB .lstBtns .btnJoin {display:block; width:42px; height:14px; background:url(../images/gnb/btn_fsjoin.gif) no-repeat;}
#fsGNB .lstBtns .btnInfo {display:block; width:42px; height:14px; background:url(../images/gnb/btn_fsinfo.gif) no-repeat;}
#fsGNB .lstBtns .btnSupport {display:block; width:43px; height:14px; background:url(../images/gnb/btn_fssupport.gif) no-repeat;}
#fsGNB .lstBtns .btnLogin {display:block; width:48px; height:18px; background:url(../images/gnb/btn_fslogin.gif) no-repeat;}
#fsGNB .lstBtns .btnLogout {display:block; width:48px; height:18px; background:url(../images/gnb/btn_fslogout.gif) no-repeat;}

/* AN */
#anGNB #gnb {background:#fff url(../images/gnb/bg_angnb.gif) repeat-x;}
#anGNB #imgANon {display:block;}
#anGNB #btnANoff {display:none;}
#anGNB #lstGNBbanner {right:170px; top:0;}
#anGNB #lstGNBbanner li.an {display:block;}
#anGNB .lstBtns {position:absolute; width:168px; height:38px; right:0; top:0; background:url(../images/gnb/bg_anbtns.gif) no-repeat;}
#anGNB .lstBtns .ebox			{display:none;}
#anGNB .lstBtns .join			{position:absolute; left:6px; top:14px;}
#anGNB .lstBtns .info			{position:absolute; left:6px; top:14px;}
#anGNB .lstBtns .support	{position:absolute; left:62px; top:14px;}
#anGNB .lstBtns .login		{position:absolute; left:114px; top:12px;}
#anGNB .lstBtns .logout		{position:absolute; left:114px; top:12px;}
#anGNB .lstBtns .btnEbox {display:none;}
#anGNB .lstBtns .btnJoin {display:block; width:42px; height:14px; background:url(../images/gnb/btn_anjoin.gif) no-repeat;}
#anGNB .lstBtns .btnInfo {display:block; width:42px; height:14px; background:url(../images/gnb/btn_aninfo.gif) no-repeat;}
#anGNB .lstBtns .btnSupport {display:block; width:43px; height:14px; background:url(../images/gnb/btn_ansupport.gif) no-repeat;}
#anGNB .lstBtns .btnLogin {display:block; width:48px; height:18px; background:url(../images/gnb/btn_anlogin.gif) no-repeat;}
#anGNB .lstBtns .btnLogout {display:block; width:48px; height:18px; background:url(../images/gnb/btn_anlogout.gif) no-repeat;}

/* GX */
#gxGNB #gnb {background:#fff url(../images/gnb/bg_gxgnb.gif) repeat-x;}
#gxGNB #imgGXon {display:block;}
#gxGNB #btnGXoff {display:none;}
#gxGNB #lstGNBbanner {right:170px; top:0;}
#gxGNB #lstGNBbanner li.gx {display:block;}
#gxGNB .lstBtns {position:absolute; width:168px; height:38px; right:0; top:0; background:url(../images/gnb/bg_gxbtns.gif) no-repeat;}
#gxGNB .lstBtns .ebox			{display:none;}
#gxGNB .lstBtns .join			{position:absolute; left:6px; top:14px;}
#gxGNB .lstBtns .info			{position:absolute; left:6px; top:14px;}
#gxGNB .lstBtns .support	{position:absolute; left:62px; top:14px;}
#gxGNB .lstBtns .login		{position:absolute; left:114px; top:12px;}
#gxGNB .lstBtns .logout		{position:absolute; left:114px; top:12px;}
#gxGNB .lstBtns .btnEbox {display:none;}
#gxGNB .lstBtns .btnJoin {display:block; width:42px; height:14px; background:url(../images/gnb/btn_gxjoin.gif) no-repeat;}
#gxGNB .lstBtns .btnInfo {display:block; width:42px; height:14px; background:url(../images/gnb/btn_gxinfo.gif) no-repeat;}
#gxGNB .lstBtns .btnSupport {display:block; width:43px; height:14px; background:url(../images/gnb/btn_gxsupport.gif) no-repeat;}
#gxGNB .lstBtns .btnLogin {display:block; width:48px; height:18px; background:url(../images/gnb/btn_gxlogin.gif) no-repeat;}
#gxGNB .lstBtns .btnLogout {display:block; width:48px; height:18px; background:url(../images/gnb/btn_gxlogout.gif) no-repeat;}

/* HIS */
#hisGNB #gnb {background:#fff url(../images/gnb/bg_hisgnb.gif) repeat-x;}
#hisGNB #imgHISon {display:block;}
#hisGNB #btnHISoff {display:none;}
#hisGNB #lstGNBbanner {right:170px; top:0;}
#hisGNB #lstGNBbanner li.his {display:block;}
#hisGNB .lstBtns {position:absolute; width:168px; height:38px; right:0; top:0; background:url(../images/gnb/bg_hisbtns.gif) no-repeat;}
#hisGNB .lstBtns .ebox			{display:none;}
#hisGNB .lstBtns .join			{position:absolute; left:6px; top:14px;}
#hisGNB .lstBtns .info			{position:absolute; left:6px; top:14px;}
#hisGNB .lstBtns .support	{position:absolute; left:62px; top:14px;}
#hisGNB .lstBtns .login		{position:absolute; left:114px; top:12px;}
#hisGNB .lstBtns .logout		{position:absolute; left:114px; top:12px;}
#hisGNB .lstBtns .btnEbox {display:none;}
#hisGNB .lstBtns .btnJoin {display:block; width:42px; height:14px; background:url(../images/gnb/btn_hisjoin.gif) no-repeat;}
#hisGNB .lstBtns .btnInfo {display:block; width:42px; height:14px; background:url(../images/gnb/btn_hisinfo.gif) no-repeat;}
#hisGNB .lstBtns .btnSupport {display:block; width:43px; height:14px; background:url(../images/gnb/btn_hissupport.gif) no-repeat;}
#hisGNB .lstBtns .btnLogin {display:block; width:48px; height:18px; background:url(../images/gnb/btn_hislogin.gif) no-repeat;}
#hisGNB .lstBtns .btnLogout {display:block; width:48px; height:18px; background:url(../images/gnb/btn_hislogout.gif) no-repeat;}

/* Default */
#gnb {background:#000 url(../images/gnb/bg_hisgnb.gif) repeat-x;}
#lstGNBbanner {right:170px; top:0;}
#lstGNBbanner li.his {display:block;}
.lstBtns {position:absolute; width:125px; height:38px; right:0; top:0; background:url(../images/gnb/bg_hisbtns.gif) no-repeat;}
.lstBtns .ebox			{display:none;}
.lstBtns .join			{position:absolute; left:6px; top:14px;}
.lstBtns .info			{position:absolute; left:6px; top:14px;}
.lstBtns .support	{position:absolute; left:114px; top:14px;}
.lstBtns .login		{position:absolute; left:62px; top:12px;}
.lstBtns .logout		{position:absolute; left:62px; top:12px;}
.lstBtns .btnEbox {display:none;}
.lstBtns .btnJoin {display:block; width:42px; height:14px; background:url(../images/gnb/btn_hisjoin.gif) no-repeat;}
.lstBtns .btnInfo {display:block; width:42px; height:14px; background:url(../images/gnb/btn_hisinfo.gif) no-repeat;}
.lstBtns .btnSupport {display:block; width:43px; height:14px; background:url(../images/gnb/btn_hissupport.gif) no-repeat;}
.lstBtns .btnLogin {display:block; width:48px; height:18px; background:url(../images/gnb/btn_hislogin.gif) no-repeat;}
.lstBtns .btnLogout {display:block; width:48px; height:18px; background:url(../images/gnb/btn_hislogout.gif) no-repeat;}