@charset "utf-8";

html,body { width:100%; max-width:1920px; min-width:1200px; margin:0 auto; font-family:"Noto Sans KR",sans-serif; color:#000000; background-color:#000000; }

#wrapper { position:relative; overflow:hidden; width:100%; max-width:1920px; min-width:1200px; margin:0 auto; line-height:0; box-shadow:0 0 32px rgba(0,0,0,0.8); background-color:#000000; }
#wrapper a { display:inline-block; font-family:"Noto Sans KR"; }
#wrapper button { visibility:visible; overflow:visible; display:inline-block; padding:0; outline:none; cursor:pointer; font-family:"Noto Sans KR"; }
#wrapper input { outline:none; }

#loader { z-index:1024; position:fixed; left:0; top:0; width:100%; height:100%; background:url(https://ssl.nexon.com/s2/game/fo4/common/transparent.png) left top repeat; }

#middle.info { position:relative; overflow:hidden; width:100%; max-width:1920px; min-width:1200px; margin:0 auto; background:url(https://ssl.nexon.com/s2/game/fo4/event/2019/191114_eacc_s86rh3/bg_eacc.jpg) center top no-repeat;min-height: 2795px;padding-top: 605px;;}
#middle.info .event{width: 1288px;margin:0 auto;text-align: center;position: relative;;}
#middle.info .event .btn_agreement{position: absolute;top: 56px;right: 81px;width: 125px;height: 34px;background:url(https://ssl.nexon.com/s2/game/fo4/common/transparent.png) left top repeat;}

#middle.event { position:relative; overflow:hidden; width:100%; max-width:1920px; min-width:1200px; margin:0 auto; background:url(https://ssl.nexon.com/s2/game/fo4/event/2019/191114_eacc_s86rh3/bg_event.jpg) center top no-repeat;min-height: 2795px;}
#middle.event .event1{position: absolute;top:450px;width:10px;height:10px;left:0;;}
#middle.event .event2{position: absolute;top:1570px;width:10px;height:10px;left:0;;}
#middle.event .btn_live{position: absolute;top:813px;left:50%;margin-left:-8px;;width:225px;height: 59px;background: url(https://ssl.nexon.com/s2/game/fo4/event/2019/191114_eacc_s86rh3/bt_live.png) -544px 0 no-repeat;;;;}
#middle.event .btn_live:hover{background-position: -273px 0;;}
#middle.event .btn_live.disable{cursor: default;background-position: 0 0;;}
#middle.event .btn_coupon{position: absolute;top:813px;left:50%;margin-left:237px;;width:249px;height: 59px;background: url(https://ssl.nexon.com/s2/game/fo4/event/2019/191114_eacc_s86rh3/bt_coupon.png) 0 0 no-repeat;;;;}
#middle.event .btn_coupon:hover{background-position: -324px 0;;}
#middle.event .btn_ticket{position: absolute;top:1924px;left:50%;margin-left:-7px;;width:385px;height: 79px;background: url(https://ssl.nexon.com/s2/game/fo4/event/2019/191114_eacc_s86rh3/bt_ticket.png) 0 0 no-repeat;;;;}
#middle.event .btn_ticket:hover{background-position: -487px 0;;}
#middle.event .btn_map{position: absolute;top:2556px;left:50%;margin-left:-531px;;width:246px;height: 51px;background: url(https://ssl.nexon.com/s2/game/fo4/event/2019/191114_eacc_s86rh3/bt_map.png) 0 0 no-repeat;;;;}
#middle.event .btn_map:hover{background-position: -340px 0;;}

#quick.event { z-index:40; position:absolute; right:0; top:200px; width:206px; height:500px;  }
#quick.event ul { width:206px; height:500px;background:url("https://ssl.nexon.com/s2/game/fo4/event/2019/191114_eacc_s86rh3/bt_quick_event.png") 0 0 no-repeat; }
#quick.event.active0 ul{background-position: 0 0;}
#quick.event.active1 ul{background-position: -242px 0;}

#quick.event .btn1{display: block;width: 100%;height: 209px;background:url(https://ssl.nexon.com/s2/game/fo4/common/transparent.png) left top repeat;}
#quick.event .btn2{display: block;width: 100%;height: 140px;background:url(https://ssl.nexon.com/s2/game/fo4/common/transparent.png) left top repeat;}
#quick.event .btn3{display: block;width: 100%;height: 109px;background:url(https://ssl.nexon.com/s2/game/fo4/common/transparent.png) left top repeat;}

#quick.info { z-index:40; position:absolute; right:0; top:200px; width:206px; height:699px;  }
#quick.info ul { width:206px; height:699px;background:url("https://ssl.nexon.com/s2/game/fo4/event/2019/191114_eacc_s86rh3/bt_quick_info.png") 0 0 no-repeat; }
#quick.info.active0 ul{background-position: 0 0;}
#quick.info.active1 ul{background-position: -217px 0;}
#quick.info.active2 ul{background-position: -434px 0;}
#quick.info.active3 ul{background-position: -655px 0;}

#quick.info .btn1{display: block;width: 100%;height: 188px;background:url(https://ssl.nexon.com/s2/game/fo4/common/transparent.png) left top repeat;}
#quick.info .btn2{display: block;width: 100%;height: 116px;background:url(https://ssl.nexon.com/s2/game/fo4/common/transparent.png) left top repeat;}
#quick.info .btn3{display: block;width: 100%;height: 109px;background:url(https://ssl.nexon.com/s2/game/fo4/common/transparent.png) left top repeat;}
#quick.info .btn4{display: block;width: 100%;height: 130px;background:url(https://ssl.nexon.com/s2/game/fo4/common/transparent.png) left top repeat;}
#quick.info .btn5{display: block;width: 100%;height: 109px;background:url(https://ssl.nexon.com/s2/game/fo4/common/transparent.png) left top repeat;}