@charset "utf-8";

#GNB_Wrapper	{display:none !important;}

#header {position:fixed;left:0;top:0;z-index:1000;width:100%;text-align: center;height: 66px;background: url(https://ssl.nexon.com/s2/game/fo4/event/2018/181017_esports/bg_nav.png) center bottom no-repeat;z-index: 100;}

#header .nav-side-menu{display: inline-block;overflow:hidden;position:absolute;right:288px;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: 65px;background: url(https://ssl.nexon.com/s2/game/fo4/event/2018/181017_esports/sub_menu1.png) center 0 no-repeat;}
#header .nav-side-menu > ul .menu-login{display: inline-block;float: left;width:40px;height: 65px;background: url(https://ssl.nexon.com/s2/game/fo4/event/2018/181017_esports/sub_menu2.png) center 0 no-repeat;}
#header .nav-side-menu > ul .menu-logout{display: inline-block;float: left;width:40px;height: 65px;background: url(https://ssl.nexon.com/s2/game/fo4/event/2018/181017_esports/sub_menu5.png) center 0 no-repeat;}
#header .nav-side-menu > ul .menu-facebook{display: inline-block;float: left;width:40px;height: 65px;background: url(https://ssl.nexon.com/s2/game/fo4/event/2018/181017_esports/sub_menu3.png) center 0 no-repeat;}
#header .nav-side-menu > ul .menu-kakao{display: inline-block;float: left;width:40px;height: 65px;background: url(https://ssl.nexon.com/s2/game/fo4/event/2018/181017_esports/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: 1380px;height:65px;margin:0 auto;background:#0e0e42;z-index: 60;}
#navigation h1 {position:absolute;left:0;top:0;overflow: hidden;}
#navigation h1 .btn_fo4{float: left;}
#navigation h1 .btn_logo{float: left;}

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

#header .nav{width: 789px;height: 65px;margin:0 auto;position: relative;background-image:url(https://ssl.nexon.com/s2/game/fo3/2015/temp/transparent.png);}
#header .nav a{display: block;width: 100%;height: 100%;}

#header .nav .nav_tab1{width: 263px;float: left;height: 65px;background: url(https://ssl.nexon.com/s2/game/fo4/event/2018/181105_eacc/index/sp_nav.png) 0 -65px no-repeat;}
#header .nav .nav_tab2{width: 263px;float: left;height: 65px;background: url(https://ssl.nexon.com/s2/game/fo4/event/2018/181105_eacc/index/sp_nav.png) -263px -65px no-repeat;}
#header .nav .nav_tab3{width: 263px;float: left;height: 65px;background: url(https://ssl.nexon.com/s2/game/fo4/event/2018/181105_eacc/index/sp_nav.png) -526px -65px no-repeat;}


#header .nav .nav_tab1.active{background: url(https://ssl.nexon.com/s2/game/fo4/event/2018/181105_eacc/index/sp_nav.png) 0 0 no-repeat;}
#header .nav .nav_tab2.active{background: url(https://ssl.nexon.com/s2/game/fo4/event/2018/181105_eacc/index/sp_nav.png) -263px 0 no-repeat;}
#header .nav .nav_tab3.active{background: url(https://ssl.nexon.com/s2/game/fo4/event/2018/181105_eacc/index/sp_nav.png) -526px 0 no-repeat;}


#navigation .live{position: absolute;top:0;left:50%;margin-left: -400px;width: 800px;text-align: center;}

#quick{position:fixed;top:100px;right: 0;z-index: 20;}
#quick .quick_wrap{width:167px;height: 25px;background: url(https://ssl.nexon.com/s2/game/fo4/event/2018/181105_eacc/index/sp_side_nav.png) -167px 0 no-repeat;overflow: hidden;position: relative;}
#quick.active{position:fixed;top:100px;right: 0;z-index: 20;}
#quick.active .quick_wrap{width:167px;height: 707px;background: url(https://ssl.nexon.com/s2/game/fo4/event/2018/181105_eacc/index/sp_side_nav.png) 0 0 no-repeat;}
#quick a{display: block;width: 100%;height: 100%;}
#quick .quick_btn1{position: absolute;top:29px;left:0;width: 100%;height: 164px;background-image:url(https://ssl.nexon.com/s2/game/fo3/2015/temp/transparent.png);}
#quick .quick_btn2{position: absolute;top:194px;left:0;width: 100%;height: 170px;background-image:url(https://ssl.nexon.com/s2/game/fo3/2015/temp/transparent.png);}
#quick .quick_btn3{position: absolute;top:365px;left:0;width: 100%;height: 170px;background-image:url(https://ssl.nexon.com/s2/game/fo3/2015/temp/transparent.png);}
#quick .quick_btn4{position: absolute;top:536px;left:0;width: 100%;height: 170px;background-image:url(https://ssl.nexon.com/s2/game/fo3/2015/temp/transparent.png);}
#quick .quick_btn1:hover,
#quick .quick_btn1.active{background: url(https://ssl.nexon.com/s2/game/fo4/event/2018/181105_eacc/index/sp_side_nav.png)  -167px -29px no-repeat;}
#quick .quick_btn2:hover,
#quick .quick_btn2.active{background: url(https://ssl.nexon.com/s2/game/fo4/event/2018/181105_eacc/index/sp_side_nav.png)  -167px -194px no-repeat;}
#quick .quick_btn3:hover,
#quick .quick_btn3.active{background: url(https://ssl.nexon.com/s2/game/fo4/event/2018/181105_eacc/index/sp_side_nav.png)  -167px -365px no-repeat;}
#quick .quick_btn4:hover,
#quick .quick_btn4.active{background: url(https://ssl.nexon.com/s2/game/fo4/event/2018/181105_eacc/index/sp_side_nav.png)  -167px -536px no-repeat;}

#quick .btn_toggle{position: absolute;top:0;left:0;width: 100%;height: 30px;background-image:url(https://ssl.nexon.com/s2/game/fo3/2015/temp/transparent.png);}

#quick .btn_top{position: absolute;bottom:-41px;left:0;width: 167px;height: 41px;background: url(https://ssl.nexon.com/s2/game/fo4/event/2018/181105_eacc/index/btn_top.png) center top no-repeat;}