@charset "utf-8";

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

::-webkit-scrollbar { width:12px; height:12px; }
::-webkit-scrollbar-track { background-color:#8787ff; }
::-webkit-scrollbar-track-piece { background-color:#ffffff; }
::-webkit-scrollbar-thumb { background-color:#8787ff; }
::-webkit-scrollbar-button { width:0; height:0; }

#wrapper { position:relative; overflow:hidden; width:100%; max-width:1920px; min-width:1280px; 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; 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 #000000; }

#middle { position:relative; overflow:hidden; width:100%; max-width:1920px; min-width:1280px; margin:0 auto; }
#middle.event-01 {  }
#middle.event-02 {  }
#middle.event-03 { background:url("https://ssl.nexon.com/s2/game/fo4/event/2019/191209_eacc_xElIIon/event_03/bg_middle.png") center top no-repeat; }
#middle .section { width:100%; max-width:1920px; min-width:1280px; margin:0 auto; }
#middle .section .inner { position:relative; width:1280px; height:100%; margin:0 auto; }

#middle.event-01 #quick { z-index:64; position:absolute; right:64px; top:280px; width:100px; height:358px; box-shadow:16px 16px 32px rgba(0,6,78,0.4); }
#middle.event-01 #quick ul { width:100px; height:358px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2019/191209_eacc_xElIIon/event_01/btn_quick.png") left top no-repeat; }
#middle.event-01 #quick ul li { font-size:0; line-height:0; }
#middle.event-01 #quick ul li:nth-child(1) button { width:100px; height:60px; background:url("https://ssl.nexon.com/s2/game/fo4/common/transparent.png") left top repeat; }
#middle.event-01 #quick ul li:nth-child(2) button { width:100px; height:100px; background:url("https://ssl.nexon.com/s2/game/fo4/common/transparent.png") left top repeat; }
#middle.event-01 #quick ul li:nth-child(3) a { width:100px; height:98px; background:url("https://ssl.nexon.com/s2/game/fo4/common/transparent.png") left top repeat; }
#middle.event-01 #quick ul li:nth-child(4) a { width:100px; height:100px; background:url("https://ssl.nexon.com/s2/game/fo4/common/transparent.png") left top repeat; }
@media screen and (max-width:1640px) {
	#middle.event-01 #quick { display:none; }
}
#middle.event-01 .header.section { height:1668px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2019/191209_eacc_xElIIon/event_01/bg_header.png") center top no-repeat; }
#middle.event-01 .header.section #video { z-index:4; position:absolute; left:302px; top:924px; width:676px; height:380px; background-color:#000000; }
#middle.event-01 .content-01.section { height:1200px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2019/191209_eacc_xElIIon/event_01/bg_event_01.png") center top no-repeat; }
#middle.event-01 .content-02.section { height:2636px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2019/191209_eacc_xElIIon/event_01/bg_event_02.png") center top no-repeat; }
#middle.event-01 .content-03.section { height:1342px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2019/191209_eacc_xElIIon/event_01/bg_event_03.png") center top no-repeat; }
#middle.event-01 .content-04.section { height:1114px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2019/191209_eacc_xElIIon/event_01/bg_event_04.png") center top no-repeat; }
#middle.event-01 .bt-regulation { z-index:4; position:absolute; right:0; top:120px; width:240px; height:60px; background:url("https://ssl.nexon.com/s2/game/fo4/common/transparent.png") left top repeat; }
#middle.event-01 .bt-ticket-01 { z-index:4; position:absolute; right:46px; top:478px; width:334px; height:70px; background:url("https://ssl.nexon.com/s2/game/fo4/common/transparent.png") left top repeat; }
#middle.event-01 .bt-ticket-02 { z-index:4; position:absolute; right:472px; top:478px; width:334px; height:70px; background:url("https://ssl.nexon.com/s2/game/fo4/common/transparent.png") left top repeat; }
#middle.event-01 .bt-nxarena-01 { z-index:4; position:absolute; left:152px; top:1092px; width:334px; height:70px; background:url("https://ssl.nexon.com/s2/game/fo4/common/transparent.png") left top repeat; }
#middle.event-01 .bt-nxarena-02 { z-index:4; position:absolute; left:48px; top:708px; width:334px; height:70px; background:url("https://ssl.nexon.com/s2/game/fo4/common/transparent.png") left top repeat; }

#profile { z-index:4; position:absolute; left:0; top:286px; width:1280px; height:822px; margin:0 auto; }
#profile .team { position:absolute; left:0; top:0; width:1280px; height:212px; box-shadow:16px 16px 32px rgba(0,6,78,0.2); }
#profile .team li { float:left; height:212px; }
#profile .team li:nth-child(1) { width:106px; }
#profile .team li:nth-child(2) { width:106px; }
#profile .team li:nth-child(3) { width:108px; }
#profile .team li:nth-child(4) { width:106px; }
#profile .team li:nth-child(5) { width:108px; }
#profile .team li:nth-child(6) { width:106px; }
#profile .team li:nth-child(7) { width:106px; }
#profile .team li:nth-child(8) { width:108px; }
#profile .team li:nth-child(9) { width:106px; }
#profile .team li:nth-child(10) { width:108px; }
#profile .team li:nth-child(11) { width:106px; }
#profile .team li:nth-child(12) { width:106px; }
#profile .team li button { width:100%; height:212px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2019/191209_eacc_xElIIon/event_01/bt_team.png") 0 0 no-repeat; }
#profile .team li:nth-child(1) button { background-position:0 0; }
#profile .team li:nth-child(2) button { background-position:-106px 0; }
#profile .team li:nth-child(3) button { background-position:-212px 0; }
#profile .team li:nth-child(4) button { background-position:-320px 0; }
#profile .team li:nth-child(5) button { background-position:-426px 0; }
#profile .team li:nth-child(6) button { background-position:-534px 0; }
#profile .team li:nth-child(7) button { background-position:-640px 0; }
#profile .team li:nth-child(8) button { background-position:-746px 0; }
#profile .team li:nth-child(9) button { background-position:-854px 0; }
#profile .team li:nth-child(10) button { background-position:-960px 0; }
#profile .team li:nth-child(11) button { background-position:-1068px 0; }
#profile .team li:nth-child(12) button { background-position:-1174px 0; }
#profile .team li.active:nth-child(1) button { background-position:0 -212px; }
#profile .team li.active:nth-child(2) button { background-position:-106px -212px; }
#profile .team li.active:nth-child(3) button { background-position:-212px -212px; }
#profile .team li.active:nth-child(4) button { background-position:-320px -212px; }
#profile .team li.active:nth-child(5) button { background-position:-426px -212px; }
#profile .team li.active:nth-child(6) button { background-position:-534px -212px; }
#profile .team li.active:nth-child(7) button { background-position:-640px -212px; }
#profile .team li.active:nth-child(8) button { background-position:-746px -212px; }
#profile .team li.active:nth-child(9) button { background-position:-854px -212px; }
#profile .team li.active:nth-child(10) button { background-position:-960px -212px; }
#profile .team li.active:nth-child(11) button { background-position:-1068px -212px; }
#profile .team li.active:nth-child(12) button { background-position:-1174px -212px; }
#profile .bt-prev { z-index:4; position:absolute; left:0; bottom:176px; width:108px; height:218px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2019/191209_eacc_xElIIon/event_01/bt_prev.png") left top no-repeat; }
#profile .bt-next { z-index:4; position:absolute; right:0; bottom:176px; width:108px; height:218px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2019/191209_eacc_xElIIon/event_01/bt_next.png") left top no-repeat; }
#profile .disabled { opacity:0.4; cursor:default; }
#profile .wrapper { position:absolute; left:172px; bottom:0; overflow:hidden; width:936px; }
#profile .player {  width:auto; height:570px; }
#profile .player li { float:left; width:936px; height:570px; transition-duration:0.4s; transition-timing-function:ease-out; }
#profile .player li.active {  }
#profile .player li:nth-child(1) { background:url("https://ssl.nexon.com/s2/game/fo4/event/2019/191209_eacc_xElIIon/event_01/img_player_01.png") left top no-repeat; }
#profile .player li:nth-child(2) { background:url("https://ssl.nexon.com/s2/game/fo4/event/2019/191209_eacc_xElIIon/event_01/img_player_02.png") left top no-repeat; }
#profile .player li:nth-child(3) { background:url("https://ssl.nexon.com/s2/game/fo4/event/2019/191209_eacc_xElIIon/event_01/img_player_03.png") left top no-repeat; }
#profile .player li:nth-child(4) { background:url("https://ssl.nexon.com/s2/game/fo4/event/2019/191209_eacc_xElIIon/event_01/img_player_04.png") left top no-repeat; }
#profile .player li:nth-child(5) { background:url("https://ssl.nexon.com/s2/game/fo4/event/2019/191209_eacc_xElIIon/event_01/img_player_05.png") left top no-repeat; }
#profile .player li:nth-child(6) { background:url("https://ssl.nexon.com/s2/game/fo4/event/2019/191209_eacc_xElIIon/event_01/img_player_06.png") left top no-repeat; }
#profile .player li:nth-child(7) { background:url("https://ssl.nexon.com/s2/game/fo4/event/2019/191209_eacc_xElIIon/event_01/img_player_07.png") left top no-repeat; }
#profile .player li:nth-child(8) { background:url("https://ssl.nexon.com/s2/game/fo4/event/2019/191209_eacc_xElIIon/event_01/img_player_08.png") left top no-repeat; }
#profile .player li:nth-child(9) { background:url("https://ssl.nexon.com/s2/game/fo4/event/2019/191209_eacc_xElIIon/event_01/img_player_09.png") left top no-repeat; }
#profile .player li:nth-child(10) { background:url("https://ssl.nexon.com/s2/game/fo4/event/2019/191209_eacc_xElIIon/event_01/img_player_10.png") left top no-repeat; }
#profile .player li:nth-child(11) { background:url("https://ssl.nexon.com/s2/game/fo4/event/2019/191209_eacc_xElIIon/event_01/img_player_11.png") left top no-repeat; }
#profile .player li:nth-child(12) { background:url("https://ssl.nexon.com/s2/game/fo4/event/2019/191209_eacc_xElIIon/event_01/img_player_12.png") left top no-repeat; }

#middle.event-02 .header.section { padding:242px 0 120px 0; background:url("https://ssl.nexon.com/s2/game/fo4/event/2019/191209_eacc_xElIIon/event_02/bg_header.png") center top no-repeat #ffffff; }
#middle.event-02 .content-01.section { height:844px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2019/191209_eacc_xElIIon/event_02/bg_event_01.png") center top no-repeat; }
#middle.event-02 .content-02.section { height:1626px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2019/191209_eacc_xElIIon/event_02/bg_event_02.png") center top no-repeat; }
#middle.event-02 .content-03.section { height:1028px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2019/191209_eacc_xElIIon/event_02/bg_event_03.png") center top no-repeat; }
#middle.event-02 .bt-coupon-reward-01 { z-index:4; position:absolute; left:82px; top:588px; width:380px; height:70px; background:url("https://ssl.nexon.com/s2/game/fo4/common/transparent.png") left top repeat; }
#middle.event-02 .bt-coupon-reward-02 { z-index:4; position:absolute; left:482px; top:512px; width:316px; height:70px; background:url("https://ssl.nexon.com/s2/game/fo4/common/transparent.png") left top repeat; }
#middle.event-02 .bt-refresh { z-index:4; position:absolute; left:500px; top:834px; width:114px; height:44px; background:url("https://ssl.nexon.com/s2/game/fo4/common/transparent.png") left top repeat; }
#middle.event-02 .coupon { z-index:4; position:absolute; left:50px; top:952px; overflow:hidden; width:540px; }
#middle.event-02 .coupon li { float:left; width:262px; height:128px; margin:0 12px 12px 0; border:1px solid #bcc4e2; border-radius:4px; }
#middle.event-02 .coupon li:nth-child(even) { margin-right:0; }
#middle.event-02 .coupon li:nth-child(5),
#middle.event-02 .coupon li:nth-child(6) { margin-bottom:0; }
#middle.event-02 .coupon li p:nth-child(1) { padding:20px 0; font-weight:500; font-size:16px; line-height:16px; color:#003cff; text-align:center; }
#middle.event-02 .coupon li p:nth-child(2) { box-sizing:border-box; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; width:230px; margin:0 16px; padding:20px 16px; font-weight:500; font-size:16px; line-height:16px; color:#003cff; text-align:center; border-radius:4px; background-color:#bcc4e2; }
#middle.event-02 .coupon li.active { background-color:#003cff; }
#middle.event-02 .coupon li.active p:nth-child(1) { color:#ffffff; }
#middle.event-02 .coupon li.active p:nth-child(2) { color:#003cff; background-color:#ffd640; }
#middle.event-02 .bt-reward-01,
#middle.event-02 .bt-reward-02 { z-index:4; position:absolute; left:904px; width:324px; height:70px; cursor:default; background:url("https://ssl.nexon.com/s2/game/fo4/event/2019/191209_eacc_xElIIon/event_02/btn_reward.png") left top no-repeat; }
#middle.event-02 .bt-reward-01 { top:1068px; }
#middle.event-02 .bt-reward-02 { top:1298px; }
#middle.event-02 .bt-reward-01.active,
#middle.event-02 .bt-reward-02.active { cursor:pointer; background-position:0 -70px; }
#middle.event-02 .bt-reward-01.complete,
#middle.event-02 .bt-reward-02.complete { background-position:0 -140px; }
#middle.event-02 .tooltip { z-index:4; position:absolute; left:532px; top:672px; width:30px; height:30px; cursor:pointer; background:url("https://ssl.nexon.com/s2/game/fo4/common/transparent.png") left top repeat; }
#middle.event-02 .tooltip:hover:after { content:""; position:absolute; left:-144px; top:-242px; display:block; width:318px; height:238px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2019/191209_eacc_xElIIon/event_02/img_tooltip.png") left top no-repeat; }

.video-player { box-sizing:border-box; overflow:hidden; width:1280px; box-shadow:16px 16px 32px rgba(0,6,78,0.4); padding-bottom:130px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2019/191209_eacc_xElIIon/event_02/bg_video_player.png") left 534px no-repeat; }
.video-player.notice { padding-bottom:380px; }
.video-player .screen { float:left; width:950px; height:534px; background-color:#000000; }
.video-player .popular { overflow:hidden; float:left; width:330px; height:534px; }
.video-player .popular .title { padding:16px; font-weight:bold; font-size:22px; line-height:30px; color:#ffffff; text-align:center; background:url("https://ssl.nexon.com/s2/game/fo4/event/2019/191209_eacc_xElIIon/event_02/ico_play.png") 16px 16px no-repeat #003cff; }
.video-player .popular .wrapper { overflow-y:scroll; width:330px; height:472px; background-color:#2a2a2a; }
.video-player .popular .wrapper ul { width:100%; }
.video-player .popular .wrapper ul li { padding:16px; border-top:1px solid #383838; border-bottom:1px solid #000000; background-color:#2a2a2a; }
.video-player .popular .wrapper ul li button { overflow:hidden; position:relative; width:100%; height:68px; }
.video-player .popular .wrapper ul li button .image { position:relative; float:left; width:120px; height:68px; }
.video-player .popular .wrapper ul li button .text { float:left; width:142px; height:54px; margin-left:8px; padding:8px 0 6px 0; font-weight:500; font-size:14px; line-height:18px; color:#d4d4d4; text-align:left; }
.video-player .popular .wrapper ul li button:hover .image:after { content:""; box-sizing:border-box; display:block; z-index:10; position:absolute; left:0; top:0; width:100%; height:100%; border:2px solid #ffd440; background-color:rgba(255,212,64,0.4); }
.video-player .popular .wrapper ul li button:hover .text { color:#ffd440; }
.video-player .chat { overflow:hidden; float:left; width:330px; height:534px; }
.video-player .bt-coupon { z-index:4; position:absolute; right:16px; top:564px; width:314px; height:70px; background:url("https://ssl.nexon.com/s2/game/fo4/common/transparent.png") left top repeat; }
.video-player .coupon-list { z-index:4; position:absolute; left:0; top:534px; width:520px; height:70px; padding:30px 46px 30px 384px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2019/191209_eacc_xElIIon/event_02/bg_coupon_list.png") left top no-repeat; }
.video-player .coupon-list li { float:left; position:relative; width:70px; height:70px; margin-right:20px; }
.video-player .coupon-list li:last-child { margin-right:0; }
.video-player .coupon-list li.active:after { content:""; position:absolute; left:-54px; top:-34px; display:block; width:178px; height:178px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2019/191209_eacc_xElIIon/event_02/ico_coupon.png") left top no-repeat; }

#middle.event-03 .header.section { height:840px; }
#middle.event-03 .content.section .graph-01 { height:674px; }
#middle.event-03 .content.section .graph-02 { height:680px; }
#middle.event-03 .content.section .graph-03 { height:680px; }
#middle.event-03 .content.section .graph-04 { height:680px; }
#middle.event-03 .content.section .graph-05 { height:680px; }
#middle.event-03 .content.section .graph { z-index:4; position:absolute; left:0; bottom:0; box-sizing:border-box; width:380px; height:394px; font-size:0; line-height:0; }
#middle.event-03 .content.section .graph .title { z-index:4; position:absolute; right:0; top:0; width:250px; height:60px; font-weight:bold; font-size:16px; line-height:60px; color:#020202; text-align:center; }
#middle.event-03 .content.section .graph .title strong { font-weight:bold; font-size:16px; line-height:60px; color:#0066ff; }
#middle.event-03 .content.section .graph .question { z-index:4; position:absolute; left:30px; top:92px; width:320px; font-weight:bold; font-size:22px; line-height:26px; color:#020202; }
#middle.event-03 .content.section .graph .question strong { font-weight:bold; font-size:28px; line-height:32px; color:#0066ff; }
#middle.event-03 .content.section .graph._01,
#middle.event-03 .content.section .graph._04,
#middle.event-03 .content.section .graph._07,
#middle.event-03 .content.section .graph._10 { left:60px; }
#middle.event-03 .content.section .graph._02,
#middle.event-03 .content.section .graph._05,
#middle.event-03 .content.section .graph._08,
#middle.event-03 .content.section .graph._11 { left:450px; }
#middle.event-03 .content.section .graph._03,
#middle.event-03 .content.section .graph._06,
#middle.event-03 .content.section .graph._09,
#middle.event-03 .content.section .graph._12 { left:840px; }
#middle.event-03 .content.section .bt-graph { position:relative; width:320px; height:60px; margin:0 30px; cursor:default; background-color:#b2b2b2; }
#middle.event-03 .content.section .bt-graph:nth-child(3) { margin-top:180px; }
#middle.event-03 .content.section .bt-graph:nth-child(4) { margin-top:2px; }
#middle.event-03 .content.section .bt-graph:nth-child(5) { margin-top:2px; }
#middle.event-03 .content.section .bt-graph .percent { z-index:8; position:absolute; left:0; top:0; box-sizing:border-box; width:320px; padding-left:20px; font-size:16px; line-height:60px; color:#ffffff; text-align:left; }
#middle.event-03 .content.section .bt-graph .percent strong { font-size:16px; line-height:60px; color:#ffffff; }
#middle.event-03 .content.section .bt-graph .gauge { z-index:4; position:absolute; left:0; top:0; box-sizing:border-box; height:60px; background-color:#0066ff; }
#middle.event-03 .content.section .bt-graph:hover .gauge { background-color:#0096ff; }
#middle.event-03 .content.section .bt-graph.choice { cursor:default; }
#middle.event-03 .content.section .bt-graph.choice:before { content:""; display:block; z-index:10; position:absolute; left:0; top:0; box-sizing:border-box; width:100%; height:100%; border:2px solid #ff4300; }
#middle.event-03 .content.section .bt-graph.choice:after { content:""; display:block; z-index:10; position:absolute; right:20px; top:0; width:24px; height:60px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2019/191209_eacc_xElIIon/event_03/ico_graph.png") left top no-repeat; }
#middle.event-03 .content.section .bt-graph.change { cursor:pointer; }
#middle.event-03 .content.section .bt-graph.change:hover:after { content:"선택"; display:block; z-index:10; position:absolute; right:20px; top:16px; width:50px; height:16px; padding:6px 0; font-weight:bold; font-size:16px; line-height:16px; color:#283446; text-align:center; border-radius:4px; background-color:#fffc00; background-image:none; }
#middle.event-03 .content.section .bt-graph.success:after { content:"예측 성공"; top:16px; width:78px; height:16px; padding:6px 0; font-weight:bold; font-size:16px; line-height:16px; color:#283446; text-align:center; border-radius:4px; background-color:#7eff00; background-image:none; }
#middle.event-03 .content.section .bt-graph.success .gauge { background-color:#0096ff; }
#middle.event-03 .content.section .bt-graph.fail:after { content:"예측 실패"; top:16px; width:78px; height:16px; padding:6px 0; font-weight:400; font-size:16px; line-height:16px; color:#ffffff; text-align:center; border-radius:4px; background-color:#868686; background-image:none; }
#middle.event-03 .content.section .bt-graph.answer .gauge { background-color:#0096ff; }
#middle.event-03 .content.section .bt-graph.answer { cursor:default; }
#middle.event-03 .content.section .bt-graph.answer:after { content:""; display:block; z-index:10; position:absolute; right:20px; top:0; width:24px; height:60px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2019/191209_eacc_xElIIon/event_03/ico_graph.png") left top no-repeat; }
#middle.event-03 .content.section .bt-graph.answer:after { content:"정답"; top:16px; width:78px; height:16px; padding:6px 0; font-weight:bold; font-size:16px; line-height:16px; color:#283446; text-align:center; border-radius:4px; background-color:#fffc00; background-image:none; }
#middle.event-03 .content.section .graph._02 .bt-graph:nth-child(3) .percent,
#middle.event-03 .content.section .graph._03 .bt-graph:nth-child(3) .percent,
#middle.event-03 .content.section .graph._13 .bt-graph:nth-child(2) .percent { padding-left:70px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2019/191209_eacc_xElIIon/event_03/bg_face.png") 0 0 no-repeat; }
#middle.event-03 .content.section .graph._02 .bt-graph:nth-child(4) .percent,
#middle.event-03 .content.section .graph._03 .bt-graph:nth-child(4) .percent,
#middle.event-03 .content.section .graph._13 .bt-graph:nth-child(3) .percent { padding-left:70px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2019/191209_eacc_xElIIon/event_03/bg_face.png") 0 -60px no-repeat; }
#middle.event-03 .content.section .graph._02 .bt-graph:nth-child(5) .percent,
#middle.event-03 .content.section .graph._03 .bt-graph:nth-child(5) .percent,
#middle.event-03 .content.section .graph._13 .bt-graph:nth-child(4) .percent { padding-left:70px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2019/191209_eacc_xElIIon/event_03/bg_face.png") 0 -120px no-repeat; }
#middle.event-03 .content.section .graph._05 .bt-graph:nth-child(3) .percent,
#middle.event-03 .content.section .graph._06 .bt-graph:nth-child(3) .percent,
#middle.event-03 .content.section .graph._13 .bt-graph:nth-child(5) .percent { padding-left:70px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2019/191209_eacc_xElIIon/event_03/bg_face.png") 0 -180px no-repeat; }
#middle.event-03 .content.section .graph._05 .bt-graph:nth-child(4) .percent,
#middle.event-03 .content.section .graph._06 .bt-graph:nth-child(4) .percent,
#middle.event-03 .content.section .graph._13 .bt-graph:nth-child(6) .percent { padding-left:70px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2019/191209_eacc_xElIIon/event_03/bg_face.png") 0 -240px no-repeat; }
#middle.event-03 .content.section .graph._05 .bt-graph:nth-child(5) .percent,
#middle.event-03 .content.section .graph._06 .bt-graph:nth-child(5) .percent,
#middle.event-03 .content.section .graph._13 .bt-graph:nth-child(7) .percent { padding-left:70px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2019/191209_eacc_xElIIon/event_03/bg_face.png") 0 -300px no-repeat; }
#middle.event-03 .content.section .graph._08 .bt-graph:nth-child(3) .percent,
#middle.event-03 .content.section .graph._09 .bt-graph:nth-child(3) .percent,
#middle.event-03 .content.section .graph._13 .bt-graph:nth-child(8) .percent { padding-left:70px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2019/191209_eacc_xElIIon/event_03/bg_face.png") 0 -360px no-repeat; }
#middle.event-03 .content.section .graph._08 .bt-graph:nth-child(4) .percent,
#middle.event-03 .content.section .graph._09 .bt-graph:nth-child(4) .percent,
#middle.event-03 .content.section .graph._13 .bt-graph:nth-child(9) .percent { padding-left:70px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2019/191209_eacc_xElIIon/event_03/bg_face.png") 0 -420px no-repeat; }
#middle.event-03 .content.section .graph._08 .bt-graph:nth-child(5) .percent,
#middle.event-03 .content.section .graph._09 .bt-graph:nth-child(5) .percent,
#middle.event-03 .content.section .graph._13 .bt-graph:nth-child(10) .percent { padding-left:70px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2019/191209_eacc_xElIIon/event_03/bg_face.png") 0 -480px no-repeat; }
#middle.event-03 .content.section .graph._11 .bt-graph:nth-child(3) .percent,
#middle.event-03 .content.section .graph._12 .bt-graph:nth-child(3) .percent,
#middle.event-03 .content.section .graph._13 .bt-graph:nth-child(11) .percent { padding-left:70px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2019/191209_eacc_xElIIon/event_03/bg_face.png") 0 -540px no-repeat; }
#middle.event-03 .content.section .graph._11 .bt-graph:nth-child(4) .percent,
#middle.event-03 .content.section .graph._12 .bt-graph:nth-child(4) .percent,
#middle.event-03 .content.section .graph._13 .bt-graph:nth-child(12) .percent { padding-left:70px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2019/191209_eacc_xElIIon/event_03/bg_face.png") 0 -600px no-repeat; }
#middle.event-03 .content.section .graph._11 .bt-graph:nth-child(5) .percent,
#middle.event-03 .content.section .graph._12 .bt-graph:nth-child(5) .percent,
#middle.event-03 .content.section .graph._13 .bt-graph:nth-child(13) .percent { padding-left:70px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2019/191209_eacc_xElIIon/event_03/bg_face.png") 0 -660px no-repeat; }
#middle.event-03 .content.section .graph._13 { left:60px; width:1160px; padding:116px 0 0 0; }
#middle.event-03 .content.section .graph._13 .question { left:130px; top:0; width:1030px; height:74px; font-size:30px; line-height:74px; text-align:center; }
#middle.event-03 .content.section .graph._13 .bt-graph { margin:2px 0 0 30px; }
#middle.event-03 .content.section .graph._13 .bt-graph:nth-child(2),
#middle.event-03 .content.section .graph._13 .bt-graph:nth-child(5),
#middle.event-03 .content.section .graph._13 .bt-graph:nth-child(8),
#middle.event-03 .content.section .graph._13 .bt-graph:nth-child(11) { margin-left:70px; }
#middle.event-03 .content.section .save { height:556px; }
#middle.event-03 .content.section .save .bt-save { z-index:4; position:absolute; left:50%; top:60px; width:428px; height:130px; margin-left:-214px; text-indent:-9999px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2019/191209_eacc_xElIIon/event_03/bt_save.png") 0 0 no-repeat; }
#middle.event-03 .content.section .save .bt-save:hover { background-position:0 0; }
#middle.event-03 .content.section .save .bt-save.complete { cursor:default; background-position:0 -260px; }

#panel { z-index:12; position:absolute; right:-6px; top:152px; width:494px; height:666px; }
#panel .skin-01 { z-index:8; position:absolute; left:0; top:0; width:494px; height:666px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2019/191209_eacc_xElIIon/event_03/bg_panel_skin_01.png") left top no-repeat; }
#panel .skin-02 { z-index:16; position:absolute; left:0; top:0; width:494px; height:666px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2019/191209_eacc_xElIIon/event_03/bg_panel_skin_02.png") left top no-repeat; }
#panel .skin-03 { z-index:32; position:absolute; left:0; top:0; width:494px; height:666px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2019/191209_eacc_xElIIon/event_03/bg_panel_skin_03.png") left top no-repeat; }
#panel .pot { z-index:2; position:absolute; left:14px; top:6px; width:472px; height:372px; overflow:hidden; border-radius:8px 8px 0 0; }
#panel .pot .capsule { z-index:2; position:absolute; left:-37px; top:-37px; width:547px; height:717px; }
#panel .pot .capsule._01 { background:url("https://ssl.nexon.com/s2/game/fo4/event/2019/191209_eacc_xElIIon/event_03/img_capsule_01.png") left top no-repeat; }
#panel .pot .capsule._02 { background:url("https://ssl.nexon.com/s2/game/fo4/event/2019/191209_eacc_xElIIon/event_03/img_capsule_02.png") left top no-repeat; }
#panel .pot .capsule._03 { background:url("https://ssl.nexon.com/s2/game/fo4/event/2019/191209_eacc_xElIIon/event_03/img_capsule_03.png") left top no-repeat; }
#panel .pot .capsule._04 { background:url("https://ssl.nexon.com/s2/game/fo4/event/2019/191209_eacc_xElIIon/event_03/img_capsule_04.png") left top no-repeat; }
#panel .pot .capsule._05 { background:url("https://ssl.nexon.com/s2/game/fo4/event/2019/191209_eacc_xElIIon/event_03/img_capsule_05.png") left top no-repeat; }
#panel .pot .capsule._06 { background:url("https://ssl.nexon.com/s2/game/fo4/event/2019/191209_eacc_xElIIon/event_03/img_capsule_06.png") left top no-repeat; }
#panel .pot .capsule._07 { background:url("https://ssl.nexon.com/s2/game/fo4/event/2019/191209_eacc_xElIIon/event_03/img_capsule_07.png") left top no-repeat; }
#panel .pot .capsule._08 { background:url("https://ssl.nexon.com/s2/game/fo4/event/2019/191209_eacc_xElIIon/event_03/img_capsule_08.png") left top no-repeat; }
#panel .pot .capsule._09 { background:url("https://ssl.nexon.com/s2/game/fo4/event/2019/191209_eacc_xElIIon/event_03/img_capsule_09.png") left top no-repeat; }
#panel .pot .capsule._10 { background:url("https://ssl.nexon.com/s2/game/fo4/event/2019/191209_eacc_xElIIon/event_03/img_capsule_10.png") left top no-repeat; }
#panel .pot .capsule._11 { background:url("https://ssl.nexon.com/s2/game/fo4/event/2019/191209_eacc_xElIIon/event_03/img_capsule_11.png") left top no-repeat; }
#panel .ico-coin { z-index:20; position:absolute; right:186px; top:460px; display:none; width:124px; height:132px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2019/191209_eacc_xElIIon/event_03/ico_coin.png") left top no-repeat; }

#controller { z-index:16; position:absolute; right:138px; top:568px; width:196px; height:196px; }
#controller.ready:after { content:""; display:block; z-index:10; position:absolute; left:0; top:0; width:100%; height:100%; background:url("https://ssl.nexon.com/s2/game/fo4/common/transparent.png") left top repeat; }
#controller .login { z-index:8; position:absolute; left:-98px; top:-374px; }
#controller .login .bt-login { width:388px; height:294px; text-indent:-9999px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2019/191209_eacc_xElIIon/event_03/bt_login.png") left top no-repeat; }
#controller .login.after { width:388px; height:294px; text-indent:-9999px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2019/191209_eacc_xElIIon/event_03/bg_login.png") left top no-repeat; }
#controller .login.no-owner { background:url("https://ssl.nexon.com/s2/game/fo4/event/2019/191209_eacc_xElIIon/event_03/img_no_owner.png") left top no-repeat; }
#controller .login.event-end { background:url("https://ssl.nexon.com/s2/game/fo4/event/2019/191209_eacc_xElIIon/event_03/img_event_end.png") left top no-repeat; }
#controller .login .num-coin { position:absolute; left:32px; top:52px; font-weight:bold; font-size:40px; line-height:40px; color:#002634; text-indent:0; }
#controller .login .bt-check { position:absolute; left:168px; top:26px; width:192px; height:64px; text-indent:-9999px; background:url("https://ssl.nexon.com/s2/game/fo4/common/transparent.png") left top repeat; }
#controller .login .bt-check:hover { background-position:0 -44px; }
#controller .login .bt-reward-list { position:absolute; left:36px; top:156px; width:314px; height:46px; text-indent:-9999px; background:url("https://ssl.nexon.com/s2/game/fo4/common/transparent.png") left top repeat; }
#controller .login .bt-all-item { position:absolute; left:36px; top:208px; width:314px; height:46px; text-indent:-9999px; background:url("https://ssl.nexon.com/s2/game/fo4/common/transparent.png") left top repeat; }
#controller .bt-handle { z-index:8; position:absolute; left:0; top:0; width:196px; height:196px; text-indent:-9999px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2019/191209_eacc_xElIIon/event_03/bt_handle.png") left top no-repeat; }
#controller .spin { z-index:4; position:absolute; left:0; top:0; width:196px; height:196px; text-indent:-9999px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2019/191209_eacc_xElIIon/event_03/txt_spin.png") left top no-repeat; }
#controller:hover .spin { background-position:0 -196px; }
#controller .arrow { z-index:4; position:absolute; left:214px; top:110px; width:49px; height:37px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2019/191209_eacc_xElIIon/event_03/ico_arrow.png") left top no-repeat; }

.layer-popup { overflow-y:auto; z-index:1020; position:fixed; left:0; top:0; display:none; width:100%; height:100%; background-color:rgba(0,0,0,0.8); }
.layer-popup .content { z-index:128; position:absolute; left:50%; top:50%; box-sizing:border-box; width:580px; box-shadow:0 0 32px rgba(0,0,0,0.8); -ms-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); background-color:#ffffff; }
.layer-popup .content .title { padding:22px 0; font-size:20px; line-height:20px; color:#323232; text-align:center; font-weight:bold; border-bottom:2px solid #e0e0e0; }
.layer-popup .content .title strong { font-size:20px; line-height:20px; color:#ff4a2c; font-weight:bold; }
.layer-popup .content .bt-close { z-index:16; position:absolute; right:0; top:0; width:66px; height:64px; border-left:2px solid #e0e0e0; text-indent:-9999px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2019/191209_eacc_xElIIon/event_03/bt_close.png") left top no-repeat; }
.layer-popup .content .message { display:table-cell; width:580px; height:128px; font-size:24px; line-height:32px; color:#000000; text-align:center; vertical-align:middle; }
.layer-popup .content .message strong { font-size:24px; line-height:32px; color:#004eff; }
.layer-popup .content .ico-coin { padding-bottom:32px; font-weight:bold; font-size:48px; line-height:48px; color:#000000; text-align:center; }
.layer-popup .content .ico-coin:before { content:""; display:inline-block; width:124px; height:132px; margin-right:16px; vertical-align:middle; background:url("https://ssl.nexon.com/s2/game/fo4/event/2019/191209_eacc_xElIIon/event_03/ico_coin.png") left top no-repeat; }
.layer-popup .content .item { display:block; width:100%; padding:32px 0; text-align:center; }
.layer-popup .content .item img { width:auto; height:208px; }
.layer-popup .content .item > span { display:block; }
.layer-popup .content .item p { display:block; width:100%; padding-top:16px; font-size:16px; line-height:20px; color:#000000; }
.layer-popup .content .item p span { font-size:16px; line-height:20px; color:#000000; }
.layer-popup .content .advice { padding:32px; font-size:14px; line-height:18px; color:#6e6e6e; text-align:center; border-top:2px solid #e0e0e0; }
.layer-popup .content .button { overflow:hidden; width:100%; text-align:center; }
.layer-popup .content .button button { float:left; width:50%; height:74px; font-size:18px; line-height:18px; text-align:center; }
.layer-popup .content .button .bt-confirm { width:100%; color:#ffffff; background-color:#004eff; }
.reward-list.layer-popup .content { width:980px; }
.layer-popup .content .list { padding:32px; }
.layer-popup .content .list table { table-layout:fixed; width:916px; }
.layer-popup .content .list table th { height:48px; font-size:16px; line-height:16px; color:#ffffff; text-align:center; vertical-align:middle; border-right:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; background-color:#949494; }
.layer-popup .content .list table th:last-child { border-right:1px solid #949494; }
.layer-popup .content .list table td { height:48px; font-size:16px; line-height:16px; color:#666666; text-align:center; vertical-align:middle; border-right:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; }
.layer-popup .content .list table td:first-child { border-left:1px solid #949494; }
.layer-popup .content .list table td:last-child { border-right:1px solid #949494; }
.layer-popup .content .list table tbody tr:last-child td { border-bottom:1px solid #949494; }
.layer-popup .content .list table td.empty { height:240px; }
.layer-popup .content .list .page { display:block; padding:32px 0 0 0; font-size:0; line-height:0; text-align:center; }
.layer-popup .content .list .page .btn_first,
.layer-popup .content .list .page .btn_prev,
.layer-popup .content .list .page .btn_next,
.layer-popup .content .list .page .btn_last { display:none; }
.layer-popup .content .list .page .bt { display:inline-block; height:24px; vertical-align:top; }
.layer-popup .content .list .page .bt a { width:24px; height:16px; margin:0 8px; padding:4px 0; vertical-align:top; color:#000000; text-indent:-9999px; }
.layer-popup .content .list .page .number { overflow:hidden; display:inline-block; vertical-align:top; }
.layer-popup .content .list .page .number strong { float:left; margin:0 8px; font-size:20px; line-height:24px; color:#0066ff; text-decoration:underline; vertical-align:top; }
.layer-popup .content .list .page .number a { float:left; margin:0 8px; font-family:"Noto Sans KR"; font-size:20px; line-height:24px; color:#000000; vertical-align:top; }
.reward-list.layer-popup .content .advice { height:32px; font-size:16px; line-height:32px; border-top:none; background-color:#eaeaea; }
.reward-list.layer-popup .content .advice:before { content:""; display:inline-block; width:32px; height:32px; margin-right:8px; vertical-align:top; background:url("https://ssl.nexon.com/s2/game/fo4/event/2019/191209_eacc_xElIIon/event_03/ico_advie.png") left top no-repeat; }
.all-item.layer-popup .content { width:960px; height:734px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2019/191209_eacc_xElIIon/event_03/img_all_item.png") left 66px no-repeat #ffffff; }
.coupon-reward._01.layer-popup .content { width:960px; height:576px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2019/191209_eacc_xElIIon/event_02/img_coupon_reward_01.png") left 66px no-repeat #ffffff; }
.coupon-reward._02.layer-popup .content { width:960px; height:576px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2019/191209_eacc_xElIIon/event_02/img_coupon_reward_02.png") left 66px no-repeat #ffffff; }
.loading.layer-popup { z-index:1030 !important; }
.loading.layer-popup .content { z-index:138 !important; box-shadow:none; border-radius:0; border:none; background:transparent; }
.loading.layer-popup .content ul { width:128px; margin:0 auto 48px auto; }
.loading.layer-popup .content ul li { float:left; width:24px; height:24px; margin:0 4px; box-shadow:0 0 32px rgba(0,0,0,1); background-color:#ffffff; }
.loading.layer-popup .content p:nth-child(2) { width:100%; margin-bottom:16px; font-size:48px; line-height:48px; font-weight:bold; color:#ffffff; text-align:center; text-shadow:0 0 32px rgba(0,0,0,1); }
.loading.layer-popup .content p:nth-child(3) { width:100%; font-size:32px; line-height:32px; color:#ffffff; text-align:center; text-shadow:0 0 32px rgba(0,0,0,1); }

#footer { position:relative; width:100%; min-width:1040px; text-align:center; background-color:#000000; }
#footer .inner { width:100%; padding:64px 0; }
#footer .inner .logo { margin-bottom:64px; line-height:0; }
#footer .inner .information { position:relative; overflow:hidden; width:1142px; margin:0 auto; }
#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; }

.loginAlert { height:534px; text-align:center; }
.loginAlert p { padding:220px 16px 32px 16px; font-weight:bold; font-size:16px; line-height:16px; color:#000; }
.loginAlert .btnLogin { width:198px; padding:16px 0; font-weight:bold; font-size:16px; line-height:16px; color:#ffffff; background-color:#003cff; }
.coachAlert { height:534px; text-align:center; }
.coachAlert p { padding:258px 16px 260px 16px; font-weight:bold; font-size:16px; line-height:16px; color:#000; }
.noticeAlert { height:40px; padding:16px; font-weight:500; font-size:16px; line-height:20px; color:#ffffff; background-color:#003cff; }