@charset "utf-8";
html,body { width:100%; min-width:1380px; font-family:"Noto Sans KR",sans-serif; background-color:#081220; }
#wrapper { position:relative; overflow:hidden; width:100%; max-width:2000px; min-width:1380px; 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/181017_esports/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:1380px;-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: 1380px;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 .media{width: 100%;background: url(https://ssl.nexon.com/s2/game/fo4/event/2018/181017_esports/bg_media.png) 0 0 no-repeat;margin-top: 27px;}
#middle section.top_area .media .top_wrap{overflow:hidden;position: relative;height: 565px;padding-top: 20px;padding-left: 24px;padding-bottom: 50px;}
#middle section.top_area .media .top_wrap .youtube_wrap{float: left;width: 1000px;height: 565px;}
#middle section.top_area .media .top_wrap .chat_wrap{float: left;width: 333px;height: 565px;background: #efeef1;}
#middle section.top_area .media .bottom_wrap{overflow:hidden;position: relative;padding-left: 24px;padding-bottom: 33px;}
#middle section.top_area .media .bottom_wrap .play_list{float: left;width: 260px;margin-right: 8px;position: relative;}
#middle section.top_area .media .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 .bottom_wrap .play_list .frame_wrap img{width: 260px}
#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;}
#middle section.top_area .media .bottom_wrap .play_list .txt .onair{font-size: 13px;color: #f20a0a;margin-left: 5px;display: none;}
#middle section.top_area .media .bottom_wrap .play_list.active .txt .onair{display: inline-block;}


#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:#1e1b6a;opacity: 0.5;box-sizing: border-box;}
#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 #7afffa;}
#middle section.top_area .media .bottom_wrap .play_list .btn_video_pop{position: absolute;top:0;left:0;z-index: 10;width: 100%;height: 100%;background:#1e1b6a;opacity: 0.5;box-sizing: border-box;}
#middle section.top_area .media .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 #7afffa;}

#middle section.top_area .media .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 .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 .bottom_wrap .play_list .btn_video:hover .show{display: block;}
#middle section.top_area .media .bottom_wrap .play_list .btn_video_pop:hover .show{display: block;}


#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;}

#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: 27px;}
#middle section.top_area .media_youtube .top_wrap{overflow:hidden;position: relative;height: 565px;padding-top: 20px;padding-left: 24px;padding-bottom: 20px;}
#middle section.top_area .media_youtube .top_wrap .youtube_wrap{float: left;width: 1000px;height: 565px;}
#middle section.top_area .media_youtube .top_wrap .chat_wrap{float: left;width: 333px;height: 565px;background: #efeef1;}
#middle section.top_area .media_youtube .bottom_wrap{overflow:hidden;position: relative;padding-left: 24px;padding-bottom: 33px;}
#middle section.top_area .media_youtube .bottom_wrap .play_list{float: left;width: 260px;margin-right: 8px;position: relative;}
#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;}
#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;}
#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:#1e1b6a;opacity: 0.5}
#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 #7afffa;}


.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:#1e1b6a;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 #7afffa;}
.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:#1e1b6a;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 #7afffa;}



#middle section.top_area .media .top_wrap .chat_wrap .sideCommentListWrap{float: left;width: 333px;height:565px;background: #20232a;}
#middle section.top_area .media .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 .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 .top_wrap .chat_wrap .sideCommentListWrap .systemFrame .desc span{color: #ba9f71;font-weight: normal}
#middle section.top_area .media .top_wrap .chat_wrap .sideCommentListWrap .systemFrame .desc strong{color: #ba9f71;font-weight: normal}
#middle section.top_area .media .top_wrap .chat_wrap .sideCommentListWrap .embedFrame{width:333px;height: 501px;overflow:hidden;}
#middle section.top_area .media .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 .top_wrap .chat_wrap .playerView .target span{position: absolute;top:119px;left:0;text-align: center;width: 100%;}
#middle section.top_area .media .top_wrap .chat_wrap .sideCommentListWrap .loginAlert,
#middle section.top_area .media .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 .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 .top_wrap .chat_wrap .sideCommentListWrap .loginAlert .btnLogin,
#middle section.top_area .media .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 .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 .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;}

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