@charset "utf-8";

#gnb { z-index:516; position:fixed; left:0; top:0; width:100%; min-width:1280px; height:60px; font-family:"Noto Sans KR",sans-serif; line-height:0; }
#gnb a { display:inline-block; font-family:"Noto Sans KR",sans-serif; }
#gnb button { display:inline-block; margin:0; padding:0; font-family:"Noto Sans KR",sans-serif; outline:0; border:0; cursor:pointer; }

#header { z-index:516; position:absolute; left:0; top:0; width:100%; min-width:1280px; height:60px; text-align:center; box-shadow:0 0 32px rgba(0,0,0,0.4);background: #fff;border-bottom: 4px solid #365cff;}
#header .bt-logo { z-index:2; position:absolute; left:0; top:0; line-height:0;background: url(https://ssl.nexon.com/s2/game/fo4/event/2019/191114_eacc_s86rh3/gnb/bt_logo.png) 0 0 no-repeat;width: 405px;height: 60px;cursor: pointer;}
#header .bt-logo.active{background-position: 0 -75px;}

#header .bt-logo-home { z-index:3; position:absolute; left:0; top:0; line-height:0; }
#header .menu { z-index:2; position:absolute; right:0; top:0; overflow:hidden; width:451px; height:60px; }
#header .menu .bt-home { float:left; width:46px; height:60px; text-indent:-9999px; background:url(https://ssl.nexon.com/s2/game/fo4/event/2019/191114_eacc_s86rh3/gnb/bt_home.png) center 5px no-repeat;position: relative;z-index: 2; }
#header .menu .bt-login { float:left; width:46px; height:60px; text-indent:-9999px; background:url(https://ssl.nexon.com/s2/game/fo4/event/2019/191114_eacc_s86rh3/gnb/bt_login.png) center 5px no-repeat;position: relative;z-index: 2; }
#header .menu .bt-logout { float:left; width:46px; height:60px; text-indent:-9999px; background:url(https://ssl.nexon.com/s2/game/fo4/event/2019/191114_eacc_s86rh3/gnb/bt_logout.png) center 5px no-repeat;position: relative;z-index: 2; }
#header .menu .bt-kakaotalk { float:left; width:46px; height:60px; text-indent:-9999px; background:url(https://ssl.nexon.com/s2/game/fo4/event/2019/191114_eacc_s86rh3/gnb/bt_kakaotalk.png) center 5px no-repeat;position: relative;z-index: 2; }
#header .menu .bt-facebook { float:left; width:46px; height:60px; text-indent:-9999px; background:url(https://ssl.nexon.com/s2/game/fo4/event/2019/191114_eacc_s86rh3/gnb/bt_facebook.png) center 5px no-repeat;position: relative;z-index: 2; }
#header .menu .bt-gamestart { float:left; width:294px; height:60px; margin-left:8px; text-indent:-9999px; background:url(https://ssl.nexon.com/s2/game/fo4/event/2019/191114_eacc_s86rh3/gnb/bt_gamestart.png) left top no-repeat;margin-left:-27px;position: relative;z-index: 1;}
#header .toggle_list{position: absolute;top:64px;left:64px;background: url(https://ssl.nexon.com/s2/game/fo4/event/2019/191114_eacc_s86rh3/gnb/toggle.png) 0 0 no-repeat;width:292px;height:228px;z-index: 10;display: none;}
#header .toggle_list a{display:block;width: 100%;height: 46px;background:url(https://ssl.nexon.com/s2/game/fo4/common/transparent.png) left top repeat;}

#header .sub-menu { z-index:2; position:absolute;left:50%; top:0; overflow:hidden; width: 334px;height: 60px;margin-left:-167px;overflow: hidden;}
#header .sub-menu li{float: left;;}
#header .sub-menu .btn_info{width: 144px;height: 60px;background: url(https://ssl.nexon.com/s2/game/fo4/event/2019/191114_eacc_s86rh3/gnb/sp_sub.png) 0 0 no-repeat;}
#header .sub-menu .active .btn_info{background: url(https://ssl.nexon.com/s2/game/fo4/event/2019/191114_eacc_s86rh3/gnb/sp_sub.png) 0 -183px no-repeat;}
#header .sub-menu .btn_join{width: 190px;height: 60px;background: url(https://ssl.nexon.com/s2/game/fo4/event/2019/191114_eacc_s86rh3/gnb/sp_sub.png) -144px 0 no-repeat;}
#header .sub-menu .active .btn_join{background: url(https://ssl.nexon.com/s2/game/fo4/event/2019/191114_eacc_s86rh3/gnb/sp_sub.png) -144px -183px no-repeat;}

#footer { position:relative; width:100%; min-width:1040px; text-align:center; background-color:#000;padding-bottom: 20px;padding-top:138px;}
#footer .inner { width:100%; padding:64px 0; }
#footer .inner .logo { margin-bottom:64px; line-height:0; }
#footer .inner .information { position:relative; width:1400px; margin:0 auto;padding:0 25px;box-sizing:border-box}
#footer .inner .information:after{content: "";clear: both;display: block;}
#footer .inner .information .company { position:relative; float:left; width:254px; height:62px; }
#footer .inner .information .company .bt-nexon { position:absolute; left:0; top:12px; }
#footer .inner .information .company .bt-ea { position:absolute; left:162px; top:12px; }
#footer .inner .information .copyright { float:left; width:888px; height:62px; }
#footer .inner .information .city { float:right; margin-top:-25px; }
#footer:before{width: 100%;height: 138px;background: url(https://ssl.nexon.com/s2/game/fo4/event/2019/191114_eacc_s86rh3/ft.png) center 0 no-repeat;;;content: "";position: absolute;;top:0;left:0;}