@charset "utf-8";
/* header */
html	{overflow-y:scroll;min-height:100%;min-width: 1580px;background-color:#0f0f0f;}

#GNB_Wrapper	{display:none !important;}
#wrapper {position:relative;width:100%;max-width:2000px;min-width: 1580px;padding-top:50px;z-index: 2;margin:0 auto;overflow: hidden;}
#wrapper,
#wrapper select,
#wrapper option,
#wrapper input,
#wrapper textarea,
#wrapper a {color:#fff;}

#header {position:fixed;left:0;top:0;z-index:1000;width:100%;text-align: center;
	-webkit-box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.20);
	-moz-box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.20);
	box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.20);
}

#header .nav-menu{display: inline-block;overflow:hidden;}
#header .nav-menu > ul {overflow:hidden;}
#header .nav-menu > ul .menu-info{display: inline-block;float: left;width:355px;height: 50px;background: url(https://ssl.nexon.com/s2/game/fo4/event/2018/180712_champ/img_menu1.png) center 0 no-repeat;}
#header .nav-menu > ul .menu-info.active{display: inline-block;float: left;width:355px;height: 50px;background: url(https://ssl.nexon.com/s2/game/fo4/event/2018/180712_champ/img_menu1_active.png) center 0 no-repeat;}
#header .nav-menu > ul .menu-media{display: inline-block;float: left;width:355px;height: 50px;background: url(https://ssl.nexon.com/s2/game/fo4/event/2018/180712_champ/img_menu2.png) center 0 no-repeat;}
#header .nav-menu > ul .menu-media.active{display: inline-block;float: left;width:355px;height: 50px;background: url(https://ssl.nexon.com/s2/game/fo4/event/2018/180712_champ/img_menu2_active.png) center 0 no-repeat;}
#header .nav-menu > ul a{display: block;height: 100%;background-image:url(https://ssl.nexon.com/s2/game/fo3/2015/temp/transparent.png);}
#header .nav-menu > ul .active{background-position: 0 0;}

#header .nav-side-menu{display: inline-block;overflow:hidden;position:absolute;right:230px;top:0;z-index: 10;}
#header .nav-side-menu > ul {overflow:hidden;}
#header .nav-side-menu > ul .menu-home{display: inline-block;float: left;width:40px;height: 50px;background: url(https://ssl.nexon.com/s2/game/fo4/event/2018/180712_champ/sub_menu1.png) center 0 no-repeat;}
#header .nav-side-menu > ul .menu-login{display: inline-block;float: left;width:40px;height: 50px;background: url(https://ssl.nexon.com/s2/game/fo4/event/2018/180712_champ/sub_menu2.png) center 0 no-repeat;}
#header .nav-side-menu > ul .menu-logout{display: inline-block;float: left;width:40px;height: 50px;background: url(https://ssl.nexon.com/s2/game/fo4/event/2018/180712_champ/sub_menu5.png) center 0 no-repeat;}
#header .nav-side-menu > ul .menu-facebook{display: inline-block;float: left;width:40px;height: 50px;background: url(https://ssl.nexon.com/s2/game/fo4/event/2018/180712_champ/sub_menu3.png) center 0 no-repeat;}
#header .nav-side-menu > ul .menu-kakao{display: inline-block;float: left;width:40px;height: 50px;background: url(https://ssl.nexon.com/s2/game/fo4/event/2018/180712_champ/sub_menu4.png) center 0 no-repeat;}

#header .nav-side-menu > ul a{display: block;height: 100%;background-image:url(https://ssl.nexon.com/s2/game/fo3/2015/temp/transparent.png);}
#header .nav-side-menu > ul .active{background-position: 0 0;}

#navigation {position:relative;z-index:50;min-width: 1580px;height:50px;margin:0 auto;background:#fff;z-index: 60;background: #e7e8f2;}
#navigation h1 {position:absolute;left:0;top:0;}

#navigation .gameStart {position:absolute;right:0;top:0;}
#navigation .gameStart a{display:block;}

#footer { width:100%; min-width:1280px; text-align:center; background-color:#000000; }
#footer .inner { width:100%; padding:64px 0; text-align: center;}
#footer .inner .logo { margin-bottom:32px;  line-height:0; }
#footer .inner .information { position:relative; overflow:hidden; width:1040px; margin:0 auto; }
#footer .inner .information .company { position:relative; float:left; width:152px; height:62px; }
#footer .inner .information .company .bt-nexon { position:absolute; left:0; top:22px; }
#footer .inner .information .company .bt-ea { position:absolute; left:94px; top:20px; }
#footer .inner .information .copyright { float:left; width:882px; }

#middle{position: relative;z-index: 10;}

#loader { z-index:1024; position:fixed; left:0; top:0; width:100%; height:100%; background-color:#000000; }