/*! Layout | common */
body {background:url(//img.gamengame.com/images/bg_forum.jpg) 0 0 no-repeat #000; background-size: 100% auto; background-attachment:fixed;}
#wrap {position:relative; padding:0; width:100%; box-sizing:border-box; background:#fff; }
#wrapper{margin-top: 80px; padding-top: 30px; margin-bottom:90px}
.m-show {display:none; }
.txt-blind {font-size:0; text-indent:-9999px; }

#main-navbar-wrapper{padding-left: 0;padding-right: 0;position: absolute;top: 0;right: 250px;width: auto;margin: 26px 0;}
.b_menu__dropdownbutton, .h-disabled .b_menu__dropdownbutton:hover {color:#fff; }
.b_menu__dropdown--active {background:none}
.b_menu__dropdownbutton:hover {color:#fff}

#header {position:fixed; top:0; left:0; padding:0 50px 0 216px; width:100%; height:80px; display:block; box-sizing:border-box; z-index:3; max-width:none; background:#000;}
#header .logo {position:absolute; top:50%; left:50px; margin-top:-18px; width:142px; height:36px; z-index:200;}
#header .logo a {width:142px; height:36px; }
#header .btn-menu {display:none; }
#header .gnb-wrap {padding:20px 0; height:40px; }
#header .gnb-wrap #gnb {float:left; display:block; overflow:hidden; }
#header .gnb-wrap #gnb li {float:left; }
#header .gnb-wrap #gnb li a {padding:0 15px; height:40px; line-height:40px; font-size:16px; color:#fff; font-weight:bold; }
#header .gnb-wrap .util {float:right; display:block; overflow:hidden; }
#header .gnb-wrap .util li {float:left; }
#header .gnb-wrap .util a {padding:0 15px; height:40px; line-height:40px; font-size:16px; color:#fff; font-weight:bold; }
#header .gnb-wrap .util li:last-child a {padding-right:0; }

/*! Layout | gngfooter */
#gngfooter {position:fixed;bottom:0;left:0;padding: 0 50px;width:100%;height:110px;max-width:none;display:block;box-sizing:border-box;overflow:hidden;background:#fff;red;z-index:1;}
#gngfooter .logo {position:absolute; top:50%; left:50px; margin-top:-25px; width:56px; height:50px; z-index:100; }
#gngfooter .logo a {width:56px; height:50px; }
#gngfooter .copyright {padding:28px 0 28px 90px; }
#gngfooter .copyright ul:after {display:block; content:""; clear:both; }
#gngfooter .copyright li {position:relative; float:left; padding:0 10px; }
#gngfooter .copyright li:before {position:absolute; top:5px; left:0; width:1px; height:11px; background:#6e6e6e; opacity:.3; content:""; display:block;}
#gngfooter .copyright li:first-child {padding-left:0; }
#gngfooter .copyright li:first-child:before {display:none; }
#gngfooter .copyright li a {font-size:14px; color:#383737; font-weight:bold; line-height:20px; }
#gngfooter .copyright p {padding:5px 0; font-size:10px; color:#adadad; font-weight:bold; line-height:12px; }
#gngfooter .time-area {position:absolute; top:50%; right:50px; margin-top:-31px; height:62px; }
#gngfooter .time-area ul:after {display:block; content:""; clear:both; }
#gngfooter .time-area li {position:relative; float:left; padding:0 20px; text-align:center; }
#gngfooter .time-area li:before {position:absolute; top:0; left:0; width:1px; height:62px; background:#6e6e6e; opacity:.3; content:""; display:block; }
#gngfooter .time-area li:first-child:before {display:none; }
#gngfooter .time-area li:last-child {padding-right:0; }
#gngfooter .time-area li .time_utc {font-size:30px; color:#383737; font-weight:bold; line-height:30px; display:block; }
#gngfooter .time-area li .location_utc {margin-top:10px; font-size:11px; color:#b7b7b7; font-weight:bold; line-height:11px; display:block; }
#gngfooter .time-area li .time2 {font-size:30px; color:#383737; font-weight:bold; line-height:30px; display:block; }
#gngfooter .time-area li .location2 {margin-top:10px; font-size:11px; color:#b7b7b7; font-weight:bold; line-height:11px; display:block; }

@media only screen and (max-width: 768px),
only screen and (-webkit-min-device-pixel-ratio :1.5) and (max-width: 768px),
only screen and (min-device-pixel-ratio :1.5) and (max-width: 768px),
only screen and (-webkit-min-device-pixel-ratio :2) and (max-width: 768px),
only screen and (min-device-pixel-ratio :2) and (max-width: 768px) {
	
	#wrapper{margin-top:0; margin-bottom:0; padding-top:0;}
	
	#main-navbar-wrapper{padding-left: 0;padding-right: 0;position: absolute;top: 0;right: 46px;width: auto;margin: 6px 0;z-index: 3;}
	#main-navbar, #main-navbar-wrapper {background:none}
	#main-navbar ul li .divider {display:none}
	#main-navbar ul li a, #main-navbar ul.h-disabled li a:hover, #main-navbar ul li.h-disabled a:hover {color:#fff}
	
		/*! Layout | header */
	#header {position:relative; top:0; left:0; padding:0 0 0 100px; width:100%; height:40px; display:block; box-sizing:border-box; z-index:3; }
	#header .logo {position:absolute; top:50%; left:15px; margin-top:-9px; width:71px; height:18px; z-index:200;}
	#header .logo a {width:71px; height:18px; }
	#header .logo a img {width:100%; display:block; }
	#header .btn-menu {position:absolute; top:50%; right:15px; margin-top:-10px; width:21px; height:21px; display:block; }
	#header .btn-menu img {width:100%; display:block; }
	#header .btn-close {position:absolute; top:10px; right:15px; width:21px; height:21px; display:block; }
	#header .btn-close img {width:100%; display:block; }
	#header .gnb-wrap {padding:40px 0 0 0; position:fixed; top:0; left:-100%; width:100%; min-height:100%; box-sizing:border-box; z-index:150; background:#000; text-align:center; }
	#header .gnb-wrap #gnb {float:none; margin:10px 0; display:block; overflow:hidden;}
	#header .gnb-wrap #gnb li {float:left; padding:0; float:none; }
	#header .gnb-wrap #gnb li a {padding:7px; height:20px; line-height:20px; font-size:13px; color:#fff; font-weight:bold; display:inline-block; }
	#header .gnb-wrap .util {float:none; margin-right:0;display:block; overflow:hidden; }
	#header .gnb-wrap .util li {float:none; padding:5px 0; }
	#header .gnb-wrap .util a {padding:5px; height:20px; line-height:20px; font-size:13px; color:#575757; font-weight:normal; border-bottom:1px solid #575757; display:inline-block;}
	#header .gnb-wrap .util li:last-child a {padding-right:0; }
	
	/*! Layout | gngfooter */
   #gngfooter {position:relative; bottom:0; left:0; padding:0 15px 0 60px; width:100%; height:65px; display:block; box-sizing:border-box; overflow:hidden; z-index:0; }
   #gngfooter .logo {position:absolute; top:50%; left:15px; margin-top:-12px; width:28px; height:25px; z-index:100;  }
   #gngfooter .logo a {width:28px; height:25px; }
   #gngfooter .logo a img {width:100%; height:auto; }
   #gngfooter .copyright {padding:14px 0; }
   #gngfooter .copyright ul:after {display:block; content:""; clear:both; }
   #gngfooter .copyright li {position:relative; float:left; padding:0 5px; }
   #gngfooter .copyright li:before {position:absolute; top:6px; left:0; width:1px; height:6px; background:#6e6e6e; opacity:.3; content:""; display:block;}
   #gngfooter .copyright li:first-child {padding-left:0; }
   #gngfooter .copyright li:first-child:before {display:none; }
   #gngfooter .copyright li a {font-size:10px; color:#383737; font-weight:bold; line-height:12px; }
   #gngfooter .copyright p {padding:5px 0 2px 0; font-size:9px; color:#adadad; font-weight:bold; line-height:10px; }
   #gngfooter .time-area {display:none; }	
	
}