@charset "utf-8";
html,body { width:100%; min-width:1476px; font-family:"Noto Sans KR",sans-serif; background-color:#081220; }
#wrapper { position:relative; overflow:hidden; width:100%; max-width:2000px; min-width:1476px; margin:0 auto; line-height:1.2; box-shadow:0 0 32px rgba(0,0,0,0.8); background:#06133f url(https://ssl.nexon.com/s2/game/fo4/event/2018/181105_eacc/bg_event.jpg) center 0 no-repeat;}
#wrapper a { font-family:"Noto Sans KR"; }
#wrapper button { padding:0; cursor:pointer; font-family:"Noto Sans KR"; }
#loader { z-index:1024; position:fixed; left:0; top:0; width:100%; height:100%; background: #000 }
#middle { overflow:hidden; position:relative; width:100%; max-width:2000px; min-width:1476px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;min-height: 2000px;z-index: 10;padding-top: 66px;}
#wrapper #footer { position:relative; width:100%; min-width:1040px; text-align:center;z-index: 5;background: #081220;margin-top: 100px;}
#wrapper #footer .inner { width:100%; padding:64px 0; }
#wrapper #footer .inner .logo { margin-bottom:44px; line-height:0; width: auto;height: auto;text-indent: 0;background: none;}
#wrapper #footer .inner .information { position:relative; overflow:hidden; width:1142px; margin:0 auto; }
#wrapper #footer .inner .information .company { position:relative; float:left; width:254px; height:62px;margin-top: 0;}
#wrapper #footer .inner .information .company .bt-nexon { position:absolute; left:0; top:12px;width:auto;height: auto;text-indent: 0;background: none;}
#wrapper #footer .inner .information .company .bt-ea { position:absolute; left:162px; top:12px;width:auto;height: auto;text-indent: 0;background: none;}
#wrapper #footer .inner .information .copyright { float:left; width:888px; height:62px; }
#middle section{position: relative;margin:0 auto;width: 1476px;z-index: 1;text-align: center;margin-top: 60px;}
#middle section.info_table{}
#middle section.info_table img{margin-left:-20px;}
#middle section.top_area{margin-top: 0}
#middle section.top_area .tit{margin-bottom: 90px;margin-top: 80px;}
#middle section.top_area .tit_wrap{width: 100%;height: 207px;background: url(https://ssl.nexon.com/s2/game/fo4/event/2018/181105_eacc/img_tit_nolive.png) 0 0 no-repeat;position: relative;}
#middle section.top_area .tit_wrap.live{width: 100%;height: 207px;background: url(https://ssl.nexon.com/s2/game/fo4/event/2018/181105_eacc/img_tit.png) 0 0 no-repeat;position: relative;}
#middle section.top_area .tit_wrap .on_list{position: absolute;top:16px;left:134px;}
#middle section.top_area .tit_wrap .on_list li{float: left;margin-right: 7px;}
#middle section.top_area .tit_wrap .btn_howto{position: absolute;top: 14px;left: 756px;width: 121px;height: 73px;background:url("https://ssl.nexon.com/s2/game/fo4/common/transparent.png") left top repeat;z-index: 2;}
#middle section.top_area .tit_wrap .live_icon{position: absolute;top: 130px;left: 400px;width: 121px;height: 73px;background:url("https://ssl.nexon.com/s2/game/fo4/common/transparent.png") left top repeat;z-index: 2;}

#middle section.top_area .tit_wrap .before_coach{position: absolute;top:79px;left:581px;width: 892px;height: 102px;background: url(https://ssl.nexon.com/s2/game/fo4/event/2018/181105_eacc/coach.png) 0 0 no-repeat;}
#middle section.top_area .tit_wrap .before_coach .btn_howto{position: absolute;top: 25px;left: 671px;width: 122px;height: 53px;background:url("https://ssl.nexon.com/s2/game/fo4/common/transparent.png") left top repeat;z-index: 2;}

#middle section.top_area .tit_wrap .before_login{position: absolute;top:79px;left:581px;width: 892px;height: 102px;background: url(https://ssl.nexon.com/s2/game/fo4/event/2018/181105_eacc/login.png) 0 0 no-repeat;}
#middle section.top_area .tit_wrap .before_login .btn_login{position: absolute;top: 25px;left: 532px;width: 122px;height: 53px;background:url("https://ssl.nexon.com/s2/game/fo4/common/transparent.png") left top repeat;}
#middle section.top_area .tit_wrap .before_login .btn_howto{position: absolute;top: 25px;left: 671px;width: 122px;height: 53px;background:url("https://ssl.nexon.com/s2/game/fo4/common/transparent.png") left top repeat;z-index: 2;}

#middle section.top_area .tit_wrap .after_login.nolive{position: absolute;top:79px;left:581px;width: 892px;height: 102px;background: url(https://ssl.nexon.com/s2/game/fo4/event/2018/181105_eacc/login_nolive.png) 0 0 no-repeat;}
#middle section.top_area .tit_wrap .after_login.live{position: absolute;top:79px;left:581px;width: 892px;height: 102px;background: url(https://ssl.nexon.com/s2/game/fo4/event/2018/181105_eacc/login_live.png) 0 0 no-repeat;}
#middle section.top_area .tit_wrap .after_login.live .btn_howto{top:14px;left: 756px;}

#middle section.top_area .media{width: 100%;background: url(https://ssl.nexon.com/s2/game/fo4/event/2018/181105_eacc/bg_media_nolive.png) 0 0 no-repeat;margin-top: 27px;height: 639px;margin-bottom: 24px;}
#middle section.top_area .media .top_wrap{overflow:hidden;position: relative;height: 565px;padding-top: 35px;padding-left: 68px;padding-bottom: 25px;}
#middle section.top_area .media .top_wrap .youtube_wrap{float: left;width: 1000px;height: 565px;position: relative;}
#middle section.top_area .media .top_wrap .list_wrap{float: left;width: 333px;height: 565px;background: #efeef1;}
#middle section.top_area .media .top_wrap .list_wrap .list_wrap_tit{height: 40px;box-sizing: border-box;padding:0 27px;line-height: 40px;border-bottom: 2px solid #e8e6eb;font-size: 14px;color: #0e1621;text-align: left;background: #fff;}
#middle section.top_area .media .top_wrap .list_wrap .list{background: #efeef1;height: 525px;overflow-y: auto;text-align: left;}
#middle section.top_area .media .top_wrap .list_wrap .list .list_item{height: 87px;position: relative;}
#middle section.top_area .media .top_wrap .list_wrap .list .list_item >a{height: 87px;padding-left: 163px;display: block;}
#middle section.top_area .media .top_wrap .list_wrap .list .list_item .thumb{position: absolute;top:9px;left:17px;width: 122px;height: 69px;overflow: hidden;}
#middle section.top_area .media .top_wrap .list_wrap .list .list_item .thumb img{width: 122px;}
#middle section.top_area .media .top_wrap .list_wrap .list .list_item .desc_wrap{padding-top: 15px}
#middle section.top_area .media .top_wrap .list_wrap .list .list_item .item_tit{font-size: 12px;color: #40474f;font-weight: bold}
#middle section.top_area .media .top_wrap .list_wrap .list .list_item .item_name{font-size: 12px;color: #40474f;padding-top: 5px}



#middle section.top_area .media.live{width: 100%;background: url(https://ssl.nexon.com/s2/game/fo4/event/2018/181105_eacc/bg_media.png) 0 0 no-repeat;margin-top: 27px;height: 1055px;margin-bottom: 24px;}
#middle section.top_area .media.live.nolist{width: 100%;background: url(https://ssl.nexon.com/s2/game/fo4/event/2018/181105_eacc/bg_media_nolist.png) 0 0 no-repeat;margin-top: 27px;height: 826px;margin-bottom: 24px;}
#middle section.top_area .media.live .top_wrap{overflow:hidden;position: relative;height: 565px;padding-top: 29px;padding-left: 70px;padding-bottom: 25px;}
#middle section.top_area .media.live .top_wrap .youtube_wrap{float: left;width: 1000px;height: 565px;position: relative;}
#middle section.top_area .media.live .top_wrap .chat_wrap{float: left;width: 333px;height: 565px;background: #efeef1;}
#middle section.top_area .media.live .top_wrap .youtube_wrap .btn_trophy{position: absolute;top:0;left:0;width: 287px;height: 287px;background: url(https://ssl.nexon.com/s2/game/fo4/event/2018/181105_eacc/img_trophy.png) 0 0 no-repeat;z-index: 10;}
#middle section.top_area .media.live .top_wrap .youtube_wrap .btn_trophy1{background-image: url(https://ssl.nexon.com/s2/game/fo4/event/2018/181105_eacc/img_trophy1.png)}
#middle section.top_area .media.live .top_wrap .youtube_wrap .btn_trophy2{background-image: url(https://ssl.nexon.com/s2/game/fo4/event/2018/181105_eacc/img_trophy2.png)}
#middle section.top_area .media.live .top_wrap .youtube_wrap .btn_trophy3{background-image: url(https://ssl.nexon.com/s2/game/fo4/event/2018/181105_eacc/img_trophy3.png)}
#middle section.top_area .media.live .top_wrap .youtube_wrap .btn_trophy4{background-image: url(https://ssl.nexon.com/s2/game/fo4/event/2018/181105_eacc/img_trophy4.png)}
#middle section.top_area .media.live .top_wrap .youtube_wrap .btn_trophy5{background-image: url(https://ssl.nexon.com/s2/game/fo4/event/2018/181105_eacc/img_trophy5.png)}
#middle section.top_area .media.live .top_wrap .youtube_wrap .btn_trophy6{background-image: url(https://ssl.nexon.com/s2/game/fo4/event/2018/181105_eacc/img_trophy6.png)}
#middle section.top_area .media.live .top_wrap .youtube_wrap .btn_trophy7{background-image: url(https://ssl.nexon.com/s2/game/fo4/event/2018/181105_eacc/img_trophy7.png)}
#middle section.top_area .media.live .top_wrap .youtube_wrap .btn_trophy8{background-image: url(https://ssl.nexon.com/s2/game/fo4/event/2018/181105_eacc/img_trophy8.png)}
#middle section.top_area .media.live .top_wrap .youtube_wrap .btn_trophy9{background-image: url(https://ssl.nexon.com/s2/game/fo4/event/2018/181105_eacc/img_trophy9.png)}
#middle section.top_area .media.live .top_wrap .youtube_wrap .btn_trophy10{background-image: url(https://ssl.nexon.com/s2/game/fo4/event/2018/181105_eacc/img_trophy10.png)}
#middle section.top_area .media.live .top_wrap .youtube_wrap .btn_trophy11{background-image: url(https://ssl.nexon.com/s2/game/fo4/event/2018/181105_eacc/img_trophy11.png)}
#middle section.top_area .media.live .top_wrap .youtube_wrap .btn_trophy12{background-image: url(https://ssl.nexon.com/s2/game/fo4/event/2018/181105_eacc/img_trophy12.png)}
#middle section.top_area .media.live .top_wrap .youtube_wrap .btn_trophy13{background-image: url(https://ssl.nexon.com/s2/game/fo4/event/2018/181105_eacc/img_trophy13.png)}
#middle section.top_area .media.live .top_wrap .youtube_wrap .btn_trophy14{background-image: url(https://ssl.nexon.com/s2/game/fo4/event/2018/181105_eacc/img_trophy14.png)}
#middle section.top_area .media.live .top_wrap .youtube_wrap .btn_trophy15{background-image: url(https://ssl.nexon.com/s2/game/fo4/event/2018/181105_eacc/img_trophy15.png)}
#middle section.top_area .media.live .top_wrap .youtube_wrap .btn_trophy16{background-image: url(https://ssl.nexon.com/s2/game/fo4/event/2018/181105_eacc/img_trophy16.png)}
#middle section.top_area .media.live .top_wrap .youtube_wrap .btn_trophy17{background-image: url(https://ssl.nexon.com/s2/game/fo4/event/2018/181105_eacc/img_trophy17.png)}
#middle section.top_area .media.live .top_wrap .youtube_wrap .btn_trophy18{background-image: url(https://ssl.nexon.com/s2/game/fo4/event/2018/181105_eacc/img_trophy18.png)}

#middle section.top_area .media.live .top_wrap .chat_wrap .sideCommentListWrap{float: left;width: 333px;height:565px;background: #20232a;}
#middle section.top_area .media.live .top_wrap .chat_wrap .sideCommentListWrap .systemFrame{width:100%;height: 64px;box-sizing:border-box;background: #fff;border-bottom: 1px solid #dad8de;padding:15px;}
#middle section.top_area .media.live .top_wrap .chat_wrap .sideCommentListWrap .systemFrame .desc{color: #fc3636;font-size: 14px;line-height:18px;text-align: left;display:block;}
#middle section.top_area .media.live .top_wrap .chat_wrap .sideCommentListWrap .systemFrame .desc span{color: #ba9f71;font-weight: normal}
#middle section.top_area .media.live .top_wrap .chat_wrap .sideCommentListWrap .systemFrame .desc strong{color: #ba9f71;font-weight: normal}
#middle section.top_area .media.live .top_wrap .chat_wrap .sideCommentListWrap .embedFrame{width:333px;height: 501px;overflow:hidden;}
#middle section.top_area .media.live .top_wrap .chat_wrap .playerView .target{position: absolute;box-sizing: border-box;top:80px;left:40px;width:173px;height:181px;font-size: 20px;background: url('https://ssl.nexon.com/s2/game/fo4/event/2018/180712_champ/ico_trop.png') 0 0 no-repeat;z-index: 50}
#middle section.top_area .media.live .top_wrap .chat_wrap .playerView .target span{position: absolute;top:119px;left:0;text-align: center;width: 100%;}
#middle section.top_area .media.live .top_wrap .chat_wrap .sideCommentListWrap .loginAlert,
#middle section.top_area .media.live .top_wrap .chat_wrap .sideCommentListWrap .agreeAlert{position: relative;width: 333px;height: 501px;background: url("https://ssl.nexon.com/s2/game/fo4/event/2018/181017_esports/login.png") center 0 repeat;overflow: hidden;}
#middle section.top_area .media.live .top_wrap .chat_wrap .sideCommentListWrap .agreeAlert{position: relative;width: 333px;height: 501px;background: url("https://ssl.nexon.com/s2/game/fo4/event/2018/181017_esports/agree.png") center 0 repeat;overflow: hidden;}
#middle section.top_area .media.live .top_wrap .chat_wrap .sideCommentListWrap .loginAlert .btnLogin,
#middle section.top_area .media.live .top_wrap .chat_wrap .sideCommentListWrap .agreeAlert .btnAgree{position: absolute;top: 213px;left: 111px;width: 112px;height: 41px;background:url("https://ssl.nexon.com/s2/game/fo4/common/transparent.png") left top repeat;}
#middle section.top_area .media.live .top_wrap .chat_wrap .sideCommentListWrap .stopAlert{position: relative;width: 333px;height: 501px;background: url("https://ssl.nexon.com/s2/game/fo4/event/2018/181017_esports/stop.png") center 0 repeat;overflow: hidden;}
#middle section.top_area .media.live .top_wrap .chat_wrap .sideCommentListWrap .coachAlert{position: relative;width: 333px;height: 501px;background: url("https://ssl.nexon.com/s2/game/fo4/event/2018/181017_esports/coach_alert.png") center 0 repeat;overflow: hidden;}

#middle section.top_area .media.live .bottom_wrap{overflow:hidden;position: relative;padding-left: 70px;padding-bottom: 33px;}
#middle section.top_area .media.live.nolist .bottom_wrap{display: none;}
#middle section.top_area .media.live .bottom_wrap .play_list{float: left;width: 260px;margin-right: 8px;position: relative;}
#middle section.top_area .media.live .bottom_wrap .play_list .frame_wrap{position: absolute;top:0;left:0;z-index: 1;width: 260px;height: 146px;overflow: hidden;background: #000 url(https://ssl.nexon.com/s2/game/fo4/event/2018/181017_esports/load.gif) center center no-repeat;background-size: 30px;}
#middle section.top_area .media.live .bottom_wrap .play_list .frame_wrap img{width: 260px}
#middle section.top_area .media.live .bottom_wrap .play_list .txt{font-size: 14px;color: #fff;text-align: left;box-sizing: border-box;padding: 0 14px;width: 100%;white-space: nowrap;padding-top: 146px;line-height: 54px;background: #0b1449;text-overflow: ellipsis;overflow: hidden;}
#middle section.top_area .media.live .bottom_wrap .play_list .txt .onair{font-size: 13px;color: #f20a0a;margin-left: 5px;display: none;}
#middle section.top_area .media.live .bottom_wrap .play_list.active .txt .onair{display: inline-block;}

#middle section.top_area .media.live .bottom_wrap .play_list .btn_video{position: absolute;top:0;left:0;z-index: 10;width: 100%;height: 100%;background:#0f2f4f;opacity: 0.5;box-sizing: border-box;}
#middle section.top_area .media.live .bottom_wrap .play_list .btn_video:hover{background:url("https://ssl.nexon.com/s2/game/fo4/common/transparent.png") left top repeat;opacity: 1;border:4px solid #a8df4f;}
#middle section.top_area .media.live .bottom_wrap .play_list .btn_video_pop{position: absolute;top:0;left:0;z-index: 10;width: 100%;height: 100%;background:#0f2f4f;opacity: 0.5;box-sizing: border-box;}
#middle section.top_area .media.live .bottom_wrap .play_list .btn_video_pop:hover{background:url("https://ssl.nexon.com/s2/game/fo4/common/transparent.png") left top repeat;opacity: 1;border:4px solid #a8df4f;}

#middle section.top_area .media.live .bottom_wrap .play_list .btn_video .show{display: none;font-size: 14px;color: #78ffff;position: absolute;bottom:17px;right: 10px;}
#middle section.top_area .media.live .bottom_wrap .play_list .btn_video_pop .show{display: none;font-size: 14px;color: #78ffff;position: absolute;bottom:17px;right: 10px;}
#middle section.top_area .media.live .bottom_wrap .play_list .btn_video:hover .show{display: block;}
#middle section.top_area .media.live .bottom_wrap .play_list .btn_video_pop:hover .show{display: block;}

#middle section.top_area .media_youtube{width: 100%;background: url(https://ssl.nexon.com/s2/game/fo4/event/2018/181105_eacc/bg_media_nolist.png) 0 0 no-repeat;margin-top: 27px;height: 826px;margin-bottom: 24px;position: relative;}
#middle section.top_area .media_youtube .top_wrap{overflow:hidden;position: relative;height: 565px;padding-top: 29px;padding-left: 70px;padding-bottom: 20px;}
#middle section.top_area .media_youtube .top_wrap .youtube_wrap{float: left;width: 1000px;height: 565px;position: relative;z-index: 1;}
#middle section.top_area .media_youtube .top_wrap .youtube_wrap #youtube-embed{position: relative;z-index: 1;}
#middle section.top_area .media_youtube .top_wrap .chat_wrap{float: left;width: 333px;height: 565px;background: #efeef1;}

#middle section.top_area .media_youtube .top_wrap .chat_wrap .sideCommentListWrap{float: left;width: 333px;height:565px;background: #20232a;}
#middle section.top_area .media_youtube .top_wrap .chat_wrap .sideCommentListWrap .systemFrame{width:100%;height: 64px;box-sizing:border-box;background: #fff;border-bottom: 1px solid #dad8de;padding:15px;}
#middle section.top_area .media_youtube .top_wrap .chat_wrap .sideCommentListWrap .systemFrame .desc{color: #fc3636;font-size: 14px;line-height:18px;text-align: left;display:block;}
#middle section.top_area .media_youtube .top_wrap .chat_wrap .sideCommentListWrap .systemFrame .desc span{color: #ba9f71;font-weight: normal}
#middle section.top_area .media_youtube .top_wrap .chat_wrap .sideCommentListWrap .systemFrame .desc strong{color: #ba9f71;font-weight: normal}
#middle section.top_area .media_youtube .top_wrap .chat_wrap .sideCommentListWrap .embedFrame{width:333px;height: 501px;overflow:hidden;}
#middle section.top_area .media_youtube .top_wrap .chat_wrap .playerView .target{position: absolute;box-sizing: border-box;top:80px;left:40px;width:173px;height:181px;font-size: 20px;background: url('https://ssl.nexon.com/s2/game/fo4/event/2018/180712_champ/ico_trop.png') 0 0 no-repeat;z-index: 50}
#middle section.top_area .media_youtube .top_wrap .chat_wrap .playerView .target span{position: absolute;top:119px;left:0;text-align: center;width: 100%;}
#middle section.top_area .media_youtube .top_wrap .chat_wrap .sideCommentListWrap .loginAlert,
#middle section.top_area .media_youtube .top_wrap .chat_wrap .sideCommentListWrap .agreeAlert{position: relative;width: 333px;height: 501px;background: url("https://ssl.nexon.com/s2/game/fo4/event/2018/181017_esports/login.png") center 0 repeat;overflow: hidden;}
#middle section.top_area .media_youtube .top_wrap .chat_wrap .sideCommentListWrap .agreeAlert{position: relative;width: 333px;height: 501px;background: url("https://ssl.nexon.com/s2/game/fo4/event/2018/181017_esports/agree.png") center 0 repeat;overflow: hidden;}
#middle section.top_area .media_youtube .top_wrap .chat_wrap .sideCommentListWrap .loginAlert .btnLogin,
#middle section.top_area .media_youtube .top_wrap .chat_wrap .sideCommentListWrap .agreeAlert .btnAgree{position: absolute;top: 213px;left: 111px;width: 112px;height: 41px;background:url("https://ssl.nexon.com/s2/game/fo4/common/transparent.png") left top repeat;}
#middle section.top_area .media_youtube .top_wrap .chat_wrap .sideCommentListWrap .stopAlert{position: relative;width: 333px;height: 501px;background: url("https://ssl.nexon.com/s2/game/fo4/event/2018/181017_esports/stop.png") center 0 repeat;overflow: hidden;}
#middle section.top_area .media_youtube .top_wrap .chat_wrap .sideCommentListWrap .coachAlert{position: relative;width: 333px;height: 501px;background: url("https://ssl.nexon.com/s2/game/fo4/event/2018/181017_esports/coach_alert.png") center 0 repeat;overflow: hidden;}


#middle section.top_area .media_youtube .top_wrap .youtube_wrap .btn_trophy{position: absolute;top:0;left:0;width: 287px;height: 287px;background: url(https://ssl.nexon.com/s2/game/fo4/event/2018/181105_eacc/img_trophy.png) 0 0 no-repeat;z-index: 10;}
#middle section.top_area .media_youtube .top_wrap .youtube_wrap .btn_trophy1{background-image: url(https://ssl.nexon.com/s2/game/fo4/event/2018/181105_eacc/img_trophy1.png)}
#middle section.top_area .media_youtube .top_wrap .youtube_wrap .btn_trophy2{background-image: url(https://ssl.nexon.com/s2/game/fo4/event/2018/181105_eacc/img_trophy2.png)}
#middle section.top_area .media_youtube .top_wrap .youtube_wrap .btn_trophy3{background-image: url(https://ssl.nexon.com/s2/game/fo4/event/2018/181105_eacc/img_trophy3.png)}
#middle section.top_area .media_youtube .top_wrap .youtube_wrap .btn_trophy4{background-image: url(https://ssl.nexon.com/s2/game/fo4/event/2018/181105_eacc/img_trophy4.png)}
#middle section.top_area .media_youtube .top_wrap .youtube_wrap .btn_trophy5{background-image: url(https://ssl.nexon.com/s2/game/fo4/event/2018/181105_eacc/img_trophy5.png)}
#middle section.top_area .media_youtube .top_wrap .youtube_wrap .btn_trophy6{background-image: url(https://ssl.nexon.com/s2/game/fo4/event/2018/181105_eacc/img_trophy6.png)}
#middle section.top_area .media_youtube .top_wrap .youtube_wrap .btn_trophy7{background-image: url(https://ssl.nexon.com/s2/game/fo4/event/2018/181105_eacc/img_trophy7.png)}
#middle section.top_area .media_youtube .top_wrap .youtube_wrap .btn_trophy8{background-image: url(https://ssl.nexon.com/s2/game/fo4/event/2018/181105_eacc/img_trophy8.png)}



#middle section.bottom_area{background: #10161d;margin-top: 0;padding: 60px 96px;box-sizing: border-box;}
#middle section.bottom_area .tab_list{border-bottom:1px solid #aeff00;overflow: hidden;}
#middle section.bottom_area .tab_list .btn_tab{float: left;}
#middle section.bottom_area .tab_list .btn_tab.btn_play_tab{width: 220px;height: 59px;background: url(https://ssl.nexon.com/s2/game/fo4/event/2018/181105_eacc/sp_tab.png) 0 -59px no-repeat;}
#middle section.bottom_area .tab_list .btn_tab.btn_play_tab.active{background-position: 0 0;}
#middle section.bottom_area .tab_list .btn_tab.btn_special_tab{width: 220px;height: 59px;background: url(https://ssl.nexon.com/s2/game/fo4/event/2018/181105_eacc/sp_tab.png) -220px -59px no-repeat;}
#middle section.bottom_area .tab_list .btn_tab.btn_special_tab.active{background-position: -220px 0;}
#middle section.bottom_area .content_list{margin-top: 32px;}
#middle section.bottom_area .content_list ul{overflow:hidden;}
#middle section.bottom_area .content_list ul .empty span{text-align: center;color: #fff;font-size: 20px;}
#middle section.bottom_area .content_list ul .empty{float: none;padding: 100px 0 130px;text-align: center;color: #fff;font-size: 30px;border-bottom: 1px solid #aeff00;}
#middle section.bottom_area .content_list li{float: left;margin-right: 21px;margin-bottom: 30px;}
#middle section.bottom_area .content_list li a{display: block;width: 414px;}
#middle section.bottom_area .content_list li .thumb{width: 414px;overflow:hidden;height: 234px;}
#middle section.bottom_area .content_list li .thumb img{width: 414px;}
#middle section.bottom_area .content_list li .desc{line-height: 50px;height: 50px;box-sizing: border-box;padding:0 10px;color: #afb7e0;font-size: 16px;white-space: nowrap;text-overflow: ellipsis;width: 100%;overflow: hidden;}
#middle section.bottom_area .content_list li:nth-child(3n){margin: 0}


#middle section.bottom_area .content_list .page { display:block; line-height:0; text-align:center; }
#middle section.bottom_area .content_list .page .bt { display:inline-block; width:auto; height:24px; vertical-align:top; }
#middle section.bottom_area .content_list .page .bt .btn_first,
#middle section.bottom_area .content_list .page .bt .btn_prev_list,
#middle section.bottom_area .content_list .page .bt .next,
#middle section.bottom_area .content_list .page .bt .last { width:42px; height:20px; margin:0; padding:0; vertical-align:top; margin-top: 9px;margin-left: -4px;}
#middle section.bottom_area .content_list .page .number { overflow:hidden; display:inline-block; vertical-align:top; }
#middle section.bottom_area .content_list .page .number strong { float:left; box-sizing:border-box; min-width:30px; height:30px; margin:0 2px; padding-top:10px; font-size:18px;font-weight: bold;  color:#82dd08; text-decoration:underline; vertical-align:top; }
#middle section.bottom_area .content_list .page .number a { float:left; box-sizing:border-box; min-width:30px; height:30px; margin:0 2px; padding-top:10px; font-size:18px; color:#b7b7b7; vertical-align:top; }

#middle section.bottom_area .content_list .page .bt .btn_first{background: url(https://ssl.nexon.com/s2/game/fo4/event/2018/181105_eacc/btn_first.png) 0 0 no-repeat;}
#middle section.bottom_area .content_list .page .bt .btn_first:hover{background-position: 0 -20px;}
#middle section.bottom_area .content_list .page .bt .btn_prev_list{background: url(https://ssl.nexon.com/s2/game/fo4/event/2018/181105_eacc/btn_prev.png) 0 0 no-repeat;}
#middle section.bottom_area .content_list .page .bt .btn_prev_list:hover{background-position: 0 -20px;}
#middle section.bottom_area .content_list .page .bt .next{background: url(https://ssl.nexon.com/s2/game/fo4/event/2018/181105_eacc/btn_next.png) 0 0 no-repeat;margin-left: 0}
#middle section.bottom_area .content_list .page .bt .next:hover{background-position: 0 -20px;}
#middle section.bottom_area .content_list .page .bt .last{background: url(https://ssl.nexon.com/s2/game/fo4/event/2018/181105_eacc/btn_last.png) 0 0 no-repeat;}
#middle section.bottom_area .content_list .page .bt .last:hover{background-position: 0 -20px;}

#middle section.top_area .done{padding-bottom: 44px;border-bottom:1px solid #394268;margin-top: 40px;}
#middle section.top_area .done .btn_eacc{width:421px;height:89px;position: absolute;top:565px;left:124px;background:url("https://ssl.nexon.com/s2/game/fo4/common/transparent.png") left top repeat;}
#middle section.top_area .done .play_list{float: left;width: 260px;height: 146px;position: relative;}
#middle section.top_area .done .play_list .thumb{position: absolute;top:0;left:0;z-index: 1;background: #0b1449;width: 260px;height: 146px;overflow: hidden;}
#middle section.top_area .done .play_list .thumb img{width: 260px;height: 146px;}
#middle section.top_area .done .play_list .txt{font-size: 14px;color: #8689d9;text-align: left;box-sizing: border-box;padding: 0 14px;width: 100%;white-space: nowrap;padding-top: 146px;line-height: 54px;background: #044193;text-overflow: ellipsis;overflow: hidden;width: 260px;position: relative;}
#middle section.top_area .done .play_list .btn_video{position: absolute;top:0;left:0;z-index: 10;width: 260px;height: 100%;background:url("https://ssl.nexon.com/s2/game/fo4/common/transparent.png") left top repeat;}
#middle section.top_area .slider_tit{text-align: left;padding-top: 30px;padding-bottom: 30px;}
#middle section.top_area .done .slider{height: 200px;padding: 0 24px;box-sizing: border-box;position: relative;}
#middle section.top_area .done #swiper {height: 200px;overflow:hidden;}
#middle section.top_area .done #swiper .navigation .bt-prev{position: absolute;top:80px;left:-20px;height: 42px;line-height: 0}
#middle section.top_area .done #swiper .navigation .bt-next{position: absolute;top:80px;right:-20px;height: 42px;line-height: 0}
#middle section.info3{position: relative;}
#middle section.info3 .btn_ticket{position: absolute;top: 458px;left: 66px;width: 341px;height: 70px;background:url("https://ssl.nexon.com/s2/game/fo4/common/transparent.png") left top repeat;}
#middle section.info3 .btn_arena{position: absolute;top: 458px;left: 544px;width: 341px;height: 70px;background:url("https://ssl.nexon.com/s2/game/fo4/common/transparent.png") left top repeat;}



.popup #wrapper { width: 1000px;min-width: 1000px;height: 565px;overflow: hidden;}
.popup #middle { width: 1000px;min-width: 1000px;height: 565px;overflow: hidden;padding-top: 0}
.popup #middle section.top_area{width: 1000px;}
.popup #middle section.top_area .tit{margin-bottom: 90px;margin-top: 194px;text-align: center;}
.popup #middle section.top_area .tit img{width: 600px}
.popup #middle section.top_area .media{margin-top: 0}
.popup #middle section.top_area .media .top_wrap{overflow:hidden;position: relative;height: 565px;padding-top: 0;padding-left: 0;padding-bottom: 0;}
.popup #middle section.top_area .media .top_wrap .youtube_wrap{float: left;width: 1000px;height: 565px;}
.popup #middle section.top_area .media .top_wrap .chat_wrap{float: left;width: 333px;height: 565px;background: #efeef1;}
.popup #middle section.top_area .media .bottom_wrap{overflow:hidden;position: relative;padding-left: 24px;padding-bottom: 33px;}
.popup #middle section.top_area .media .bottom_wrap .play_list{float: left;width: 260px;margin-right: 8px;position: relative;}
.popup #middle section.top_area .media .bottom_wrap .play_list .frame_wrap{position: absolute;top:0;left:0;z-index: 1;background: #0b1449;width: 260px;height: 146px;overflow: hidden;}
.popup #middle section.top_area .media .bottom_wrap .play_list .txt{font-size: 14px;color: #fff;text-align: left;box-sizing: border-box;padding: 0 14px;width: 100%;white-space: nowrap;padding-top: 146px;line-height: 54px;background: #0b1449;text-overflow: ellipsis;overflow: hidden;}
.popup #middle section.top_area .media .bottom_wrap .play_list .btn_video{position: absolute;top:0;left:0;z-index: 10;width: 100%;height: 100%;background:#0f2f4f;opacity: 0.5}
.popup #middle section.top_area .media .bottom_wrap .play_list .btn_video:hover{background:url("https://ssl.nexon.com/s2/game/fo4/common/transparent.png") left top repeat;opacity: 1;border:4px solid #a8df4f;}
.popup #middle section.top_area .done{padding-bottom: 44px;border-bottom:1px solid #394268;margin-top: 40px;}
.popup #middle section.top_area .done .done_img img{width: 800px;}
.popup #middle section.top_area .media_youtube{width: 100%;background: url(https://ssl.nexon.com/s2/game/fo4/event/2018/181017_esports/bg_media.png) 0 0 no-repeat;margin-top: 0;}
.popup #middle section.top_area .media_youtube .top_wrap{overflow:hidden;position: relative;height: 565px;padding-top: 0;padding-left: 0;padding-bottom: 0;}
.popup #middle section.top_area .media_youtube .top_wrap .youtube_wrap{float: left;width: 1000px;height: 565px;}
.popup #middle section.top_area .media_youtube .top_wrap .chat_wrap{float: left;width: 333px;height: 565px;background: #efeef1;}
.popup #middle section.top_area .media_youtube .bottom_wrap{overflow:hidden;position: relative;padding-left: 24px;padding-bottom: 33px;}
.popup #middle section.top_area .media_youtube .bottom_wrap .play_list{float: left;width: 260px;margin-right: 8px;position: relative;}
.popup #middle section.top_area .media_youtube .bottom_wrap .play_list .frame_wrap{position: absolute;top:0;left:0;z-index: 1;background: #0b1449;width: 260px;height: 146px;overflow: hidden;}
.popup #middle section.top_area .media_youtube .bottom_wrap .play_list .txt{font-size: 14px;color: #fff;text-align: left;box-sizing: border-box;padding: 0 14px;width: 100%;white-space: nowrap;padding-top: 146px;line-height: 54px;background: #0b1449;text-overflow: ellipsis;overflow: hidden;}
.popup #middle section.top_area .media_youtube .bottom_wrap .play_list .btn_video{position: absolute;top:0;left:0;z-index: 10;width: 100%;height: 100%;background:#0f2f4f;opacity: 0.5}
.popup #middle section.top_area .media_youtube .bottom_wrap .play_list .btn_video:hover{background:url("https://ssl.nexon.com/s2/game/fo4/common/transparent.png") left top repeat;opacity: 1;border:4px solid #a8df4f;}


#chatArea { width:333px; height:501px; overflow:hidden; }
#chatArea iframe { width: 333px !important; height: 501px !important; }


.layer{position: fixed;top:0;left:0;width: 100%;height: 100%;background: rgba(0,0,0,0.8);z-index: 10000;overflow-y: auto;display: none;z-index: 100;}
.layer .btn_close{position: absolute;top: 0;right: 0;width: 76px;height: 76px;background:url("https://ssl.nexon.com/s2/game/fo4/common/transparent.png") left top repeat;}

#layerPoint .layerContent{position: absolute;top:100px;left:50%;width: 1274px;height: 880px;margin-left: -637px;background: url(https://ssl.nexon.com/s2/game/fo4/event/2018/181105_eacc/img_pop_point.png) 0 0 no-repeat;padding-bottom: 100px;}
#layerPoint .layerContent .t{font-size: 32px;color: #050e18;float:left;width: 206px;text-align: center;}
#layerPoint .layerContent .t img{vertical-align: top;margin-top: 18px}
#layerPoint .layerContent .p{font-size: 32px;color: #050e18;float: left;width: 204px;text-align: center;}
#layerPoint .layerContent .p span{font-size: 16px;color: #050e18;margin-left: 5px;}
#layerPoint .layerContent .group{position: absolute;top:508px;left:167px;width: 410px;overflow:hidden;}
#layerPoint .layerContent .group .g10{line-height: 73px;height: 73px;}
#layerPoint .layerContent .group .g11{line-height: 73px;height: 73px;}
#layerPoint .layerContent .group .g12{line-height: 73px;height: 73px;}
#layerPoint .layerContent .tournament{position: absolute;top:508px;left:758px;width: 410px;overflow:hidden;}
#layerPoint .layerContent .tournament .t16{line-height: 73px;height: 73px;}
#layerPoint .layerContent .tournament .t17{line-height: 73px;height: 73px;}