div.gnb { 
  position:relative; 
  width:100%; 
  /* min-width:1154px; */
  height:50px; 
  z-index:1000; 
  background: -webkit-linear-gradient(#303030, #1d1d1d); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#303030, #1d1d1d); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#303030, #1d1d1d); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#303030, #1d1d1d); /* Standard syntax */
}

div.gnb ul {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  list-style: none;
  overflow: hidden;
}

div.gnb .gnb-body { 
  position:relative; 
  width:100%; 
  max-width: 1000px;
  margin:0 auto; 
}

div.gnb .gnb-body .gnb-header {
  position: absolute;
  width:140px; 
  height: 50px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIwAAAAqCAYAAABhhbPNAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTAyMjVERDk1RDE4MTFFNUI5QjFBNTNEN0M4RTNGOTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTAyMjVEREE1RDE4MTFFNUI5QjFBNTNEN0M4RTNGOTYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFMDIyNURENzVEMTgxMUU1QjlCMUE1M0Q3QzhFM0Y5NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFMDIyNUREODVEMTgxMUU1QjlCMUE1M0Q3QzhFM0Y5NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PiJbfRkAABEsSURBVHja7VwHeFVF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");
  background-repeat: no-repeat; 
  background-position: 0 4px;
}

div.gnb .gnb-body .gnb-menu {
  position: absolute;
  margin: 0; 
  padding: 0; 
  height: 50px;
}

div.gnb .gnb-body .gnb-menu.left {
  left: 202px;
}

div.gnb .gnb-body .gnb-menu.mid {
  display: none;
  left: 615px;
}

div.gnb .gnb-body .gnb-menu.right {
  right: 0;
}

div.gnb .gnb-body .menu-name{
  display:inline-block; 
}

div.gnb .gnb-body .gnb-menu .menu-name.on a { 
  color:#FF9000; 
  font-weight: bold;
  text-shadow: 1px 1px 20px #FF9000;
}

div.gnb .gnb-body a {
  display:inline-block; 
  font-family:arial; 
  font-size:12px; 
  line-height:50px;
  text-align: center;
  text-decoration: none;
  color:#d7d7d7; 
  width:100%; 
  height:100%;
}

div.gnb .gnb-body a:hover {
  color:#FFF; 
}

div.gnb .gnb-body .gnb-menu .delim { 
  display:inline-block; 
  font-family:arial; 
  font-size:11px; 
  vertical-align: 1px;
  text-align: center;
  color:#4b4b4b; 
  width:2px; 
}

div.gnb .gnb-body .gnb-menu .delim::before { 
  content: "|";
}

div.gnb .gnb-body .gnb-menu .games { 
  width:68px; 
}

div.gnb .gnb-body .gnb-menu .forums { 
  width:76px; 
}

div.gnb .gnb-body .gnb-menu .add_credit { 
  width:90px; 
}

div.gnb .gnb-body .gnb-menu .transfer { 
  width:90px;
}

div.gnb .gnb-body .gnb-menu .support { 
  width:78px; 
}

div.gnb .gnb-body .gnb-menu .signin { 
  width:76px; 
}

div.gnb .gnb-body .gnb-menu .signup { 
  width:76px; 
}

div.gnb .gnb-body .gnb-menu .myaccount { 
  width:102px; 
}

div.gnb .gnb-body .gnb-menu .signout { 
  width:76px; 
}

div.gnb .gnb-body .gnb-menu .transfer_game { 
  width:194px;
  margin-right: 10px;
}

div.gnb .gnb-body .sub { 
  position:absolute; 
  border:1px solid #d07b0b; 
  background-color:#1d1d1d; 
  height: auto;
  display:none; 
  z-index:1001; 
}

div.gnb .gnb-body .sub .menu-arrow {
  position: absolute;
  display: block;
  top: -16px;
  width: 16px;
  box-sizing: border-box;
  border-width: 8px;
  border-style: solid;
  border-color: transparent transparent #d07b0b transparent;
} 

div.gnb .gnb-body .sub.games_sub {
  width: 178px;
} 

div.gnb .gnb-body .sub.forums_sub {
  width: 178px;
} 

div.gnb .gnb-body .sub.add_credit_sub {
  width: 178px;
} 

div.gnb .gnb-body .sub.transfer_sub {
  width: 190px;
} 

div.gnb .gnb-body .sub.support_sub {
  width: 190px;
} 

div.gnb .gnb-body .sub.support_sub .servertime {
  font-size: 12px;
}

div.gnb .gnb-body .sub.support_sub .servertime .time {
  font-weight:bold; 
  color:#d7d7d7; 
}

div.gnb .gnb-body .sub.myaccount_sub {
  width: 218px;
} 


div.gnb .gnb-body .sub ul li { 
  clear:left; 
  width:100%; 
  padding-left:10px; 
  height:28px; 
  line-height: 28px;
  border-bottom:1px solid #414141; 
  color:#d7d7d7; 
}
div.gnb .gnb-body .sub ul li.title { 
  display: none;
}
div.gnb .gnb-body .sub ul li.last { 
  border:none; 
}

div.gnb .gnb-body .sub ul li a { 
  text-align: left;
  width:100%; 
  line-height:28px; 
  color:#979797; 
  text-decoration:none; 
}

div.gnb .gnb-body .sub ul li a:hover { 
  color:#FFF; 
  text-decoration:none; 
}

div.gnb .gnb-body .sub ul li img { 
  margin-left:5px; 
}

div.gnb .gnb-body .sub ul li.info { float:left; position:relative; padding:0; padding-left:10px; margin:0; height:56px; background-color:#1E1E1E; }
div.gnb .gnb-body .sub ul li.info:hover { background:none; background-color:#1E1E1E; }
div.gnb .gnb-body .sub ul li.info p { float:left; width:100%; height:17px; line-height:17px; color:#969696; }
div.gnb .gnb-body .sub ul li.info p a { display:inline; width:auto; height:auto; text-decoration:underline; color:#969696; }
div.gnb .gnb-body .sub ul li.info p.hello { margin-top:10px; margin-bottom:3px; font-weight:bold; color:#369D16; }
div.gnb .gnb-body .sub ul li.info p.name { padding-bottom:7px; font-weight:bold; color:#369D16; }
div.gnb .gnb-body .sub ul li.info p.name a { color: inherit; text-decoration: none; line-height: 17px;}
div.gnb .gnb-body .sub ul li.info p.fbname { padding-left:20px; background:url() no-repeat 0 0; }
div.gnb .gnb-body .sub ul li.info .box_img {position:absolute; left:150px; top:10px; }
div.gnb .gnb-body .sub ul li.info .box_img .img_user { display:block; border:1px solid #000; width:61px; height:61px }
div.gnb .gnb-body .sub ul li.info p.cash { margin-top:19px; float:left; width:72px; height:17px; padding-left:18px; background:url(data:image/gif;base64,R0lGODlhDQANAOZIAPbFa/a/Uv7vyP/wx/7y2v735f/swfnYn/fDUuSkTf735/jdqf/ilv/swva+UvjEUvnEUf/mrv/msP7QWP/ehPzgjP/rsPjYof/ko/7moPrcqf/rxP7uzPbAXP/sueWjTf3ux+ajUv345PrGVP7PV//kl/3stP/25/3egfnYof7kmf325OakUP/be+aiTf/fiuakTf7ij/nGU//mo/nXoffEUeejUv/lrv/dk//wxf/25f/gmOCcSP7PWN2mSyQiH/rIVUM2JntbMoNgNPW9VMWLQteeSfnFVR4eHgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAEgALAAAAAANAA0AAAeOgEiCQUNFPEVDQYKCP0JGREA9QERGQj+CQj5HACkEFx1HPkJIQUZHGiIbAwYWI0dGhEQABQMrOicmKgFEhUA0AgIuNjA3MTVAhj0EHDkJBQoYLxM9h0AHIA0sIR8lFAjIQ7IGHhEZDDgtu4mmCxIzOxUoMq+KmUcOECQPAaGjSI2PIk2qdGkRIUOIFAkKBAA7) no-repeat 0 2px; }
div.gnb .gnb-body .sub ul li.info p.amount { margin:19px 0 0 0; padding-right:10px; float:right; width:100px; height:17px; font-weight:bold; text-align:right; color:#369D16; }

div.gnb .gnb-body .sub ul li.message { padding:0; margin:0; width:228px; height:28px; background-color:#282828; }
div.gnb .gnb-body .sub ul li.message:hover { background:none; background-color:#1E1E1E; }
div.gnb .gnb-body .sub ul li.message p { margin:0 0 0 10px; float:left; width:100%; height:17px; line-height:17px; color:#969696; }
div.gnb .gnb-body .sub ul li.message p.title { margin-top:5px; width:180px; margin-left:10px; }
div.gnb .gnb-body .sub ul li.message p.icon { float:right; width:22px; margin:3px 10px 0 0; }

div.gnb .gnb-body .sub .signin { width:228px; border-bottom:1px solid #414141; }
div.gnb .gnb-body .sub .signin .box { margin:10px; width:208px; height:135px; }
div.gnb .gnb-body .sub .signin .box .fld_signin { padding:0; }
div.gnb .gnb-body .sub .signin .box input.idpw { width:201px; height:21px; line-height:20px; margin-bottom:7px; padding-left:5px; border:1px solid #737373; background:url() no-repeat #4B4B4B; color:#369D16; font-weight:bolder; }
div.gnb .gnb-body .sub .signin .box input#uid { background-position: 0 0; }
div.gnb .gnb-body .sub .signin .box input#pwd { background-position: 0 -23px; }
div.gnb .gnb-body .sub .signin .box input.signbtn { float:right; margin:4px 0 0 0; padding:0; width:84px; height:27px; border:none; }
div.gnb .gnb-body .sub .signin .box div {height:20px; line-height:18px; }
div.gnb .gnb-body .sub .signin .box div.sch { background:url() no-repeat left; }
div.gnb .gnb-body .sub .signin .box div.sch a { display:inline; margin-left:20px; color:#959595; text-decoration:none; }
div.gnb .gnb-body .sub .signin .box div label { color:#959595; }
div.gnb .gnb-body .sub .signin .box div input { float:left; width:13px; height:13px; margin:3px 7px 0 0; padding:0; }
div.gnb .gnb-body .sub .signin_btn { overflow:hidden; width:228px; height:94px; }

div.gnb .gnb-body .sub .signin_btn div { padding:0; padding-top:10px; line-height:27px; border:none; color:#EBEBEB; text-align:center; }
div.gnb .gnb-body .sub .signin_btn input { float:left; margin:10px 0 10px 10px; padding:0; width:99px; height:37px; border:none; }

div.gnb .gnb-body .gnb-menu-button {
  display: none;
  position: absolute;
  top: 9px;
  right: 9px;
  border: 1px solid gray;
  border-radius: 3px;
  width: 30px;
  height: 30px;
  -webkit-box-shadow: 0px 0px 1px 0px #8c8c8c;
  -moz-box-shadow: 0px 0px 1px 0px #8c8c8c;
  box-shadow: 0px 0px 1px 0px #8c8c8c;
}
div.gnb .gnb-body .gnb-menu-button p {
  width: 22px;
  height: 18px;
  margin: 5px 4px;
  font-size: 1px;
}
div.gnb .gnb-body .gnb-menu-button p span {
  clear: both;
  margin: 4px 0;
  width: 20px;
  height: 3px;
  display: block;
  font-size: 1px;
  border: 1px solid transparent;
  border-radius: 2px;
  background-color: #eeeeee;
  box-sizing: border-box;
  box-shadow: 0px 1px 0px 0px #999;
}

div.gnb .gnb-body .account_wrap {
  display: none;
  background-color: #1d1d1d; 
  height: 30px;
  line-height: 30px;
  text-align: center;
}
div.gnb .gnb-body .account_wrap a {
  width: 100%;
  display: block;
  color: #979797;
}

@media screen and (max-width: 750px) {
  div.gnb .gnb-body > div {
    display: none;
  }
  div.gnb .gnb-body .gnb-header {
    position: static;
    display: block;
    margin: 0 auto;
  }
  div.gnb .gnb-body .gnb-menu-button {
    display: block;
  }

  div.gnb .gnb-body .sub.games_sub,
  div.gnb .gnb-body .sub.forums_sub,
  div.gnb .gnb-body .sub.support_sub,
  div.gnb .gnb-body .account_wrap {
    display: none;
    clear: left;
    width: 100%;
    height: auto;
    position: static;
    border: none;
    background-color: #1d1d1d; 
  }

  div.gnb .gnb-body .games_sub.on,
  div.gnb .gnb-body .forums_sub.on,
  div.gnb .gnb-body .support_sub.on,
  div.gnb .gnb-body .account_wrap.on {
    display: block;
  }

  div.gnb .gnb-body .sub ul,
  div.gnb .gnb-body .sub ul li { 
    width: 100%;
  }
  div.gnb .gnb-body .sub ul {
    border-bottom: 1px solid #414141;
    overflow: hidden;
  }
  div.gnb .gnb-body .sub ul li { 
    height: 30px;
    border: none;
  }

  div.gnb .gnb-body .sub ul li.title { 
    display: block;
    color: white;
    font-weight: 500;
    line-height: 20px;
    height: 20px;
    font-size: 12px;
  }
}