@charset "utf-8";

html,body { width:100%; min-width:1300px; font-family:"Noto Sans KR",sans-serif; background-color:#000000; }

#wrapper { position:relative; overflow:hidden; box-sizing:border-box; width:100%; max-width:1920px; min-width:1300px; margin:0 auto; font-family:"Noto Sans KR",sans-serif; line-height:0; box-shadow:0 0 32px rgba(0,0,0,0.8); }
#wrapper a { display:inline-block; font-family:"Noto Sans KR"; }
#wrapper button { display:inline-block; padding:0; cursor:pointer; font-family:"Noto Sans KR"; }

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

#middle { overflow:hidden; position:relative; max-width:2000px; min-width:1300px; margin:0 auto; padding-top:66px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2018/181105_eacc/event2/bg_middle.png") center 66px no-repeat; }
#middle .section { box-sizing:border-box; }
#middle .section.header { height:626px; }
#middle .section.cheer { height:710px; }
#middle .section.board { height:1468px; }
#middle .section .inner { position:relative; box-sizing:border-box; width:1300px; height:100%; margin:0 auto; }
#middle .section .select-list { z-index:4; position:absolute; left:12px; top:-28px; width:1274px; }
#middle .section .select-list li { float:left; width:382px; height:548px; }
#middle .section .select-list li:nth-child(2) { margin:0 64px; }
#middle .section .select-list li button { position:relative; visibility:visible; overflow:visible; width:382px; height:548px; }
#middle .section .select-list li .bt-team-01 { background:url("https://ssl.nexon.com/s2/game/fo4/event/2018/181105_eacc/event2/bg_team_01.png") left top no-repeat; }
#middle .section .select-list li .bt-team-01:hover { background:url("https://ssl.nexon.com/s2/game/fo4/event/2018/181105_eacc/event2/bg_team_01_over.png") left top no-repeat; }
#middle .section .select-list li .bt-team-01.select { cursor:default; background:url("https://ssl.nexon.com/s2/game/fo4/event/2018/181105_eacc/event2/bg_team_01_select.png") left top no-repeat; }
#middle .section .select-list li .bt-team-01.not { cursor:default; background:url("https://ssl.nexon.com/s2/game/fo4/event/2018/181105_eacc/event2/bg_team_01_not.png") left top no-repeat; }
#middle .section .select-list li .bt-team-02 { background:url("https://ssl.nexon.com/s2/game/fo4/event/2018/181105_eacc/event2/bg_team_02.png") left top no-repeat; }
#middle .section .select-list li .bt-team-02:hover { background:url("https://ssl.nexon.com/s2/game/fo4/event/2018/181105_eacc/event2/bg_team_02_over.png") left top no-repeat; }
#middle .section .select-list li .bt-team-02.select { cursor:default; background:url("https://ssl.nexon.com/s2/game/fo4/event/2018/181105_eacc/event2/bg_team_02_select.png") left top no-repeat; }
#middle .section .select-list li .bt-team-02.not { cursor:default; background:url("https://ssl.nexon.com/s2/game/fo4/event/2018/181105_eacc/event2/bg_team_02_not.png") left top no-repeat; }
#middle .section .select-list li .bt-team-03 { background:url("https://ssl.nexon.com/s2/game/fo4/event/2018/181105_eacc/event2/bg_team_03.png") left top no-repeat; }
#middle .section .select-list li .bt-team-03:hover { background:url("https://ssl.nexon.com/s2/game/fo4/event/2018/181105_eacc/event2/bg_team_03_over.png") left top no-repeat; }
#middle .section .select-list li .bt-team-03.select { cursor:default; background:url("https://ssl.nexon.com/s2/game/fo4/event/2018/181105_eacc/event2/bg_team_03_select.png") left top no-repeat; }
#middle .section .select-list li .bt-team-03.not { cursor:default; background:url("https://ssl.nexon.com/s2/game/fo4/event/2018/181105_eacc/event2/bg_team_03_not.png") left top no-repeat; }
#middle .section .select-list li button .percent { z-index:8; position:absolute; right:26px; top:50px; font-size:20px; line-height:20px; color:#181818; }
#middle .section .select-list li button .percent span { font-size:16px; line-height:20px; color:#181818; }
#middle .section .select-list li .bt-team-01 .image { z-index:4; position:absolute; left:0; top:0; width:382px; height:548px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2018/181105_eacc/event2/bg_team_01_detail.png") left top no-repeat; }
#middle .section .select-list li .bt-team-02 .image { z-index:4; position:absolute; left:0; top:0; width:382px; height:548px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2018/181105_eacc/event2/bg_team_02_detail.png") left top no-repeat; }
#middle .section .select-list li .bt-team-03 .image { z-index:4; position:absolute; left:0; top:0; width:382px; height:548px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2018/181105_eacc/event2/bg_team_03_detail.png") left top no-repeat; }
#middle .section .select-list li button.select:after { content:""; z-index:12; position:absolute; left:136px; bottom:-36px; display:block; width:124px; height:52px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2018/181105_eacc/event2/img_arrow.png") left top no-repeat; }
#middle .section .write { z-index:4; position:absolute; left:0; bottom:0; width:1300px; height:154px; }
#middle .section .write.off { background-color:rgba(144,164,184,0.4); }
#middle .section .write.off p { padding:0 350px 0 0; font-size:30px; line-height:154px; color:#b8bcbe; text-align:center; }
#middle .section .write.off .bt-write { z-index:8; position:absolute; right:80px; top:32px; width:270px; height:90px; font-weight:bold; font-size:26px; line-height:90px; color:#181818; text-align:center; border-radius:8px; background-color:#beccd6; }
#middle .section .write.on { background-color:rgba(40,48,172,1); }
#middle .section .write.on p { padding:0 382px 0 80px; font-size:30px; line-height:154px; color:#b8bcbe; text-align:center; }
#middle .section .write.on input { width:100%; height:62px; font-size:30px; line-height:62px; color:#ffffff; border-top:1px solid #2830ac; border-bottom:1px solid #ffffff; background:transparent; }
#middle .section .write.on input::placeholder { font-size:30px; line-height:30px; color:#ffffff; }
#middle .section .write.on .bt-write { z-index:8; position:absolute; right:80px; top:32px; width:270px; height:90px; font-weight:bold; font-size:26px; line-height:90px; color:#181818; text-align:center; border-radius:8px; background-color:#fed800; }
#middle .section .write.complete .bt-write { color:#aab8c6; background-color:#5e6e80; }
#middle .board .inner { padding:168px 0 0 354px; }
#middle .section .sort { z-index:8; position:absolute; right:0; top:106px; width:260px; height:50px; }
#middle .section .sort .bt-sort { z-index:16; position:absolute; right:0; top:0; box-sizing:border-box; width:260px; height:50px; padding:0 32px; font-size:20px; line-height:46px; color:#ffffff; border:2px solid #a0a0a0; text-align:left; border-radius:32px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2018/181105_eacc/event2/bg_sort_off.png") right top no-repeat; }
#middle .section .sort.active .bt-sort { background:url("https://ssl.nexon.com/s2/game/fo4/event/2018/181105_eacc/event2/bg_sort_on.png") right top no-repeat #5e6e82; }
#middle .section .sort .select { z-index:14; position:absolute; left:0; top:25px; display:none; width:260px; padding:35px 0; border-radius:0 0 16px 16px; background-color:#5e6e82; }
#middle .section .sort.active .select { display:block; }
#middle .section .sort .select li {  }
#middle .section .sort .select li button { box-sizing:border-box; width:260px; height:46px; padding:0 32px; font-size:20px; line-height:46px; color:#acb8c6; text-align:left; }
#middle .section .sort .select li:hover button { color:#ffffff; background-color:#6c849e; }
#middle .section .message-list { width:946px; background-color:#ffffff; }
#middle .section .message-list li { overflow:hidden; box-sizing:border-box; display:table; table-layout:fixed; width:946px; padding-left:212px; border-bottom:1px solid #000000; }
#middle .section .message-list li:nth-child(even) { background-color:#f8f8f8; }
#middle .section .message-list li .wrapper { display:table-row; }
#middle .section .message-list li.team-01 { background:url("https://ssl.nexon.com/s2/game/fo4/event/2018/181105_eacc/event2/bg_teamlist_01.png") left bottom no-repeat; }
#middle .section .message-list li.team-02 { background:url("https://ssl.nexon.com/s2/game/fo4/event/2018/181105_eacc/event2/bg_teamlist_02.png") left bottom no-repeat; }
#middle .section .message-list li.team-03 { background:url("https://ssl.nexon.com/s2/game/fo4/event/2018/181105_eacc/event2/bg_teamlist_03.png") left bottom no-repeat; }
#middle .section .message-list li .text { display:table-cell; box-sizing:border-box; vertical-align:middle; box-sizing:border-box; width:456px; height:84px; padding-left:16px; font-size:20px; line-height:28px; color:#181818; word-break:keep-all; word-wrap:break-word; }
#middle .section .message-list li .user { display:table-cell; box-sizing:border-box; vertical-align:middle; width:180px; padding:0 16px; font-size:14px; line-height:28px; color:#8c8c8c; text-align:right; }
#middle .section .message-list li .user span { display:inline-block; height:32px; margin-right:4px; vertical-align:-10px; }
#middle .section .message-list li .user img { height:32px; }
#middle .section .message-list li .date { position:relative; display:table-cell; box-sizing:border-box; vertical-align:middle; width:98px; padding:0 16px; font-size:14px; line-height:28px; color:#8c8c8c; text-align:left; }
#middle .section .message-list li .date:after { content:""; z-index:4; position:absolute; left:0; bottom:34px; display:block; width:1px; height:14px; background-color:#8c8c8c; }
#middle .section .message-list li.none { padding:0; }
#middle .section .message-list li.none .text { width:946px; padding:0; text-align:center; }
#middle .section .page { width:946px; height:48px; margin-top:32px; text-align:center; }
#middle .section .page .button { display:inline-block; height:48px; vertical-align:top; text-align:left; }
#middle .section .page .button .bt-first { width:36px; height:48px; text-indent:-9999px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2018/181105_eacc/event2/bt_first.png") left top no-repeat; }
#middle .section .page .button .bt-prev { width:36px; height:48px; text-indent:-9999px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2018/181105_eacc/event2/bt_prev.png") left top no-repeat; }
#middle .section .page .button .bt-next { width:36px; height:48px; text-indent:-9999px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2018/181105_eacc/event2/bt_next.png") left top no-repeat; }
#middle .section .page .button .bt-last { width:36px; height:48px; text-indent:-9999px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2018/181105_eacc/event2/bt_last.png") left top no-repeat; }
#middle .section .page .number { display:inline-block; height:46px; vertical-align:top; }
#middle .section .page .number strong { display:inline-block; width:auto; margin:0 4px; padding:8px 0; font-size:24px; line-height:32px; color:#ffffff; text-align:center; }
#middle .section .page .number a { display:inline-block; width:auto; margin:0 4px; padding:8px 0; font-size:24px; line-height:32px; color:#909090; text-align:center; }

#footer { position:relative; width:100%; min-width:1300px; 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; }

.layer-popup { z-index:1024; position:fixed; left:0; top:0; display:none; width:100%; min-width:1300px; height:100%; }
.layer-popup .dimmed { z-index:64; position:fixed; left:0; top:0; display:block; width:100%; height:100%; background-color:rgba(0,0,0,0.8); }
.layer-popup .content { z-index:128; position:fixed; left:50%; top:50%; -ms-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); box-shadow:0 0 32px rgba(0,0,0,1); background-color:#30364e; }
.layer-popup .content p { width:568px; padding:64px 0 152px 0; font-size:24px; line-height:28px; color:#ffffff; text-align:center; }
.layer-popup .content .bt-close { z-index:16; position:absolute; right:16px; top:16px; width:44px; height:44px; text-indent:-9999px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2018/181105_eacc/event2/bt_close.png") left top no-repeat; }
.layer-popup .content .bt-cancel { z-index:16; position:absolute; left:0; bottom:0; width:284px; height:88px; font-size:24px; line-height:88px; color:#181818; text-align:center; background:url("https://js.nexon.com/s2/game/fo4/common/transparent.png") left top repeat #62688a; }
.layer-popup .content .bt-confirm { z-index:16; position:absolute; right:0; bottom:0; width:284px; height:88px; font-size:24px; line-height:88px; color:#181818; text-align:center; background:url("https://js.nexon.com/s2/game/fo4/common/transparent.png") left top repeat #e4c05c; }