@charset "utf-8";

body,h1,h2,h3,h4,h5,h6,th,td,input,select,textarea,button {  letter-spacing: 0px; }

html { overflow: hidden;}
html,body { width:100%; min-width:1800px;max-width:2560px;min-height: 800px; margin:0 auto; font-family:"Pretendard",sans-serif; color:#1e2028; background-color:#000000; }

#wrapper { position:relative; overflow:hidden; width:100%; height: 100%;box-sizing: border-box;padding-top: 60px !important;min-width:1800px;}
#wrapper a { display:inline-block; font-family:"Pretendard"; }
#wrapper button { visibility:visible; overflow:visible; display:inline-block; padding:0; outline:none; cursor:pointer; font-family:"Pretendard"; }

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

#middle { position: relative; width:100%;z-index: 10;box-sizing: border-box;min-width:1800px;}
.section { position:relative; width:100%;margin:0 auto;box-sizing: border-box;}
#middle .section { position:relative; width:100%;margin:0 auto;box-sizing: border-box;}

.section.best{position: fixed;top:60px;left:0;transition: top 0.3s cubic-bezier(0.76, 0, 0.3, 1);background: url(https://ssl.nexon.com/s2/game/fo4/event/2022/221114_preview_248dct66x/bg1.jpg) center 0 no-repeat;z-index: 1100;background-color: #000;background-size: cover;overflow: hidden;}
.section.best.disable{top:100%;}
.section.best .wrap .content{position: relative;height: 1157px;background:#061425 url(https://ssl.nexon.com/s2/game/fo4/event/2022/221114_preview_248dct66x/bottom.jpg) center 0 no-repeat;padding:100px 0;}
.section.best .wrap .tit{height: 474px;;position: relative;}
.section.best .wrap .tit img{position: absolute;top:0;left:50%;margin-left: -1280px;;}
.section.best .wrap .tab{width: 759px;height: 110px;background: url(https://ssl.nexon.com/s2/game/fo4/event/2022/221114_preview_248dct66x/tap.png) 0 0 no-repeat;;position: absolute;top:-41px;left: 50%;transform: translateX(-50%);z-index: 10;}
.section.best .wrap .tab.tab1{background-position: 0 0;}
.section.best .wrap .tab.tab2{background-position: 0 -124px;}
.section.best .wrap .tab.tab3{background-position: 0 -248px;}
.section.best .wrap .tab.tab4{background-position: 0  -372px;}
.section.best .wrap .tab ul{overflow: hidden;display: flex;padding:0 12px;height: 75px;;}
.section.best .wrap .tab ul li{flex:1 1 0%;box-sizing: border-box;;}
.section.best .wrap .tab ul li button{display: block;width:100%;height: 100%;;}
.section.best .wrap .swiper-container{overflow: visible;}
.section.best .wrap .swiper-slide{width: 1300px;}
.section.best .wrap .swiper-slide img{filter: brightness(50%);}
.section.best .wrap .swiper-slide.swiper-slide-active img{filter: brightness(100%);}
.section.best .wrap .swiper-slide img{position: relative;z-index: 10;}
.section.best .wrap .swiper-slide:last-child:after{content: "";z-index: 1;position: absolute;top:-100px;left:-754px;width: 2679px;height: 1157px;background: url(https://ssl.nexon.com/s2/game/fo4/event/2022/221114_preview_248dct66x/slide.png) 0 0 no-repeat;;}
.section.best .wrap .btn_prev{position: absolute;top:500px;left:50%;;width: 80px;height: 80px;background: url(https://ssl.nexon.com/s2/game/fo4/event/2022/221114_preview_248dct66x/prev.png) 0 0 no-repeat;z-index: 1000;;margin-left: -700px;cursor: pointer;}
.section.best .wrap .btn_prev.swiper-button-disabled{opacity: 0.5;}
.section.best .wrap .btn_next{position: absolute;top:500px;left:50%;;width: 80px;height: 80px;background: url(https://ssl.nexon.com/s2/game/fo4/event/2022/221114_preview_248dct66x/next.png) 0 0 no-repeat;z-index: 1000;margin-left:590px;cursor: pointer;}
.section.best .wrap .btn_next.swiper-button-disabled{opacity: 0.5;}

#middle .section.tit{position: fixed;top:0;left:0;transition: top 0.5s cubic-bezier(0.76, 0, 0.3, 1);background: url(https://ssl.nexon.com/s2/game/fo4/event/2022/221114_preview_248dct66x/bg1.jpg) center 0 no-repeat;z-index: 1000;background-color: #000;background-size: cover;height: 100%;overflow: hidden;}
#middle .section.tit.disable{top:-100%;}
#middle .section.tit .tit.before{opacity: 0;;width: 841px;height: 607px;background: url(https://ssl.nexon.com/s2/game/fo4/event/2022/221114_preview_248dct66x/tit.png) center center no-repeat;;position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);margin-top: -100px;;z-index: 10;}
#middle .section.tit .tit.before .countdown span{font-size: 150px;color: #ffe7af;font-weight: 700;}
#middle .section.tit .tit.before .countdown .d{position: absolute;top:-16px;left:148px;;}
#middle .section.tit .tit.before .countdown .h{position: absolute;top:119px;left:275px;;}
#middle .section.tit .tit.before .countdown .m{position: absolute;top:231px;left:43px;;}
/* preview countdown 이후 */
#middle .section.tit .tit.after{width: 869px;height: 347px;background: url(https://ssl.nexon.com/s2/game/fo4/event/2022/221114_preview_248dct66x/tit_after.png) center center no-repeat;;position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);margin-top: -100px;;z-index: 10;}

#middle .section.tit .scroll{opacity: 0;;width: 141px;height: 25vh;min-height: 150px;;background: url(https://ssl.nexon.com/s2/game/fo4/event/2022/221114_preview_248dct66x/down.png) center bottom no-repeat;;position: absolute;bottom:30px;left:50%;transform: translate(-50%,0%);animation: scrolldown2 2.2s cubic-bezier(0.76, 0, 0.3, 1) forwards infinite;z-index: 10;}
#middle .section.tit .scroll span.over{position: absolute;bottom:50px;;left:70px;width: 2px;height: calc(100% - 50px);overflow: hidden;}
#middle .section.tit .scroll span.over span{position: absolute;top:0;left:0;width: 1px;height: 100%;background-color: #fff;animation: scrolldown 2.2s cubic-bezier(0.76, 0, 0.3, 1) forwards infinite;;}

#wrapper .share{position: fixed;top:105px;right:40px; padding-left: 6px;z-index: 2000;width: 120px;;}

@media only screen and (max-width: 1920px) {
    #wrapper .share{position: fixed;top:105px;right:inherit;left:1774px;}
}

#wrapper .share .btn_facebook{width: 50px;height: 50px;background: url(https://ssl.nexon.com/s2/game/fo4/event/2022/221114_preview_248dct66x/share1.png) 0 0 no-repeat;margin-right: 10px;}
#wrapper .share .btn_kakao{width: 50px;height: 50px;background: url(https://ssl.nexon.com/s2/game/fo4/event/2022/221114_preview_248dct66x/share2.png) 0 0 no-repeat;;}
/* 월페이퍼,이벤트 바로가기 플로팅배너 */
#wrapper .share .btn_link_event{width: 126px;height: 222px;background: url(https://ssl.nexon.com/s2/game/fo4/event/2022/221114_preview_248dct66x/banner_link.png) 0 0 no-repeat; position: absolute; left: 0; top:100px;}
#wrapper .share .btn_link_wallpaper{width: 126px;height: 222px;background: url(https://ssl.nexon.com/s2/game/fo4/event/2022/221114_preview_248dct66x/banner_wallpaper.png) 0 0 no-repeat; position: absolute; left: 0; top:345px;}
/* #middle .section.tit.disable .btn_link_wallpaper, */
/* #middle .section.tit.disable .btn_link_event{display: none;} */


#middle .section.tit .loop{position: absolute;top:50%;left:50%;;height: 1440px;width: 2560px;;z-index: 1;margin-left: -1280px;margin-top: -720px;}
#middle .section.tit .loop span{display: block;width: 100%;height: 100%;background-color: #000;position: absolute;top:0;left:0;z-index: 1;;}
#middle .section.tit .loop:after{height: 100%;width: 2560px;content: "";position: absolute;top:0;left:0;background-color: rgba(0,0,0,0.1);;}
#middle .section.tit .loop video{width: 100%;height: 100%;}

#middle .section.preview{background: url(https://ssl.nexon.com/s2/game/fo4/event/2022/221114_preview_248dct66x/bg2.jpg) center 0 no-repeat;height: auto;background-attachment: fixed;position: relative;z-index: 100;}
#middle .section.preview .nav{width: 360px;position: fixed;top:0;left:0;height: 100vh;background-color: #a97e48;padding:20px;box-shadow: 0 0 30px rgba(0,0,0,0.5);box-sizing: border-box;}
#middle .section.preview .nav .tit{padding-top: 70px;padding-bottom: 20px;;}
#middle .section.preview .nav .tit span{font-size: 16px;color: #ffe7af;}
#middle .section.preview .nav .tit strong{font-size: 28px;color: #ffe7af;margin-top: 10px;;font-weight: 700;}


#middle .section.preview .nav .group{margin-bottom: 10px;;}
#middle .section.preview .nav .group > button{width: 100%;height: 60px;box-sizing: border-box;border: 1px solid #a99767;line-height: 60px;font-size: 18px;color: #cfb689;font-weight: 700;text-align: left;padding:0 20px;position: relative;border-radius: 10px;;background-color: #987141;}
#middle .section.preview .nav .group > button:before{position: absolute;top:27px;right:31px;content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 5.5px 0 5.5px;
    border-color: #c4a87b transparent transparent transparent;
}

#middle .section.preview .nav .group .listWrap{display: none;width: 100%;box-sizing: border-box;;}
#middle .section.preview .nav .group .listWrap .listItem a{padding:0 10px;height: 50px;;line-height: 50px;;background-color: #ffffff;box-sizing: border-box;border: 1px solid #a99767;margin-top: -1px;display: block;;text-align: left;position: relative;font-size: 15px;color: #2c2925;}
#middle .section.preview .nav .group .listWrap .listItem.active a:before{
    position: absolute;top:19px;left:0;;content: "";
    width: 0;
height: 0;
border-style: solid;
border-width: 5.5px 0 5.5px 7px;
border-color: transparent transparent transparent #5f5026;

}
#middle .section.preview .nav .group .listWrap .listItem span{vertical-align: top;line-height: 50px;margin-right: 10px;;}
#middle .section.preview .nav .group .listWrap .listItem span img{width: 42px;vertical-align: top;margin-top: 12px;border: 1px solid #bcae88;}
#middle .section.preview .nav .group .listWrap .listItem.active{margin-left: -10px;width: calc(100% + 20px);}
#middle .section.preview .nav .group .listWrap .listItem.active a{padding:0 20px;}
#middle .section.preview .nav .group.active > button{color: #56534e;}
#middle .section.preview .nav .group.active > button:before{position: absolute;top:27px;right:31px;content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5.5px 7px 5.5px;
    border-color: transparent transparent #564f41 transparent;
}

#middle .section.preview .nav .group.active{border-color: #5e5125;}
#middle .section.preview .nav .group.active .listWrap{display: block;;}
#middle .section.preview .nav .group.active button{background-color: #ffe7af;color: #000;border-radius: 10px 10px 0 0 ;}
#middle .section.preview .nav .group .listWrap .name{font-size: 13px;}

#middle .section.preview .contents{width: calc(100%);min-height: 100vh;box-sizing: border-box;padding:50px 0;padding-left: 360px;padding-bottom: 300px;;}


#middle .section.preview .contents .groupbox{margin:0 auto;width: 1280px;margin-bottom: 50px;position: relative;;}
#middle .section.preview .contents .groupbox .header{position: relative;padding:60px;overflow: hidden;min-height: 450px;;}
#middle .section.preview .contents .groupbox .header .group{position: absolute;top:0;right: 0;width: 130px;height: 53px;line-height: 53px;text-align: center;font-size: 20px;color: #fff;background-color: rgba(0,0,0,0.4);}
#middle .section.preview .contents .groupbox .header .groupTit{position: relative;font-size: 70px;color: #ffe7af;width: 50%;float: left;;}
#middle .section.preview .contents .groupbox .header .groupTit strong{font-size: 530px;color: #ffe7af;font-weight: 700;position: absolute;top:-15px;right:70px;;}
#middle .section.preview .contents .groupbox .header .desc_wrap{position: relative;font-size: 70px;color: #ffe7af;width: 50%;float: left;padding-top: 57px;line-height: 1.5;padding-bottom: 250px;;}
#middle .section.preview .contents .groupbox .header .desc_wrap .tit{font-size: 25px;color: #ffe7af;font-weight: 700;line-height: 1.5;}
#middle .section.preview .contents .groupbox .header .desc_wrap .desc{font-size: 15px;color: #cccccc;line-height: 1.5;margin-top: 10px;;}
#middle .section.preview .contents .groupbox .header .choice{position: absolute;bottom:0;right:0;width: 50%;;}
#middle .section.preview .contents .groupbox .header .choice .tit{line-height: 40px;padding:0 20px;background-color: #1e1c1c;width: 349px;font-size: 20px;color: #ffe7af;font-weight: 700;display: inline-block;position: relative;;}
#middle .section.preview .contents .groupbox .header .choice .tit:after{position: absolute;top:0;right:-40px;width: 0;content: "";height: 0;border-style: solid;border-width: 40px 0 0 40px;border-color: transparent transparent transparent #1e1c1c;;}
#middle .section.preview .contents .groupbox .header .choice .choice_wrap{padding-top: 50px;height: 150px;;;}
#middle .section.preview .contents .groupbox .header .choice .choice_wrap .nation{display: inline-block;margin-right: 30px;;}
#middle .section.preview .contents .groupbox .header .choice .choice_wrap .thumb{position:relative;}
#middle .section.preview .contents .groupbox .header .choice .choice_wrap .thumb img{height: 65px;padding-bottom: 10px;box-shadow: 0 0 5px rgba(0,0,0,0.1);;}
#middle .section.preview .contents .groupbox .header .choice .choice_wrap .thumb .name{text-align: center;font-size: 15px;color: #ffffff;}
#middle .section.preview .contents .groupbox .header .choice .choice_wrap .thumb .rank{text-align: center;font-size: 14px;color: #ffe7af;margin-top: 5px;;}
#middle .section.preview .contents .groupbox .header .choice .choice_wrap .thumb .pwrap{position: absolute;top:-19px;;left:-16px;height: 35px;;;z-index: 6;width: 138px;text-align: center;}
#middle .section.preview .contents .groupbox .header .choice .choice_wrap .thumb .pwrap> span{display: inline-block;}
#middle .section.preview .contents .groupbox .header .choice .choice_wrap .thumb .pwrap> span + span{margin-left: -15px;;}

#middle .section.preview .contents .groupbox .header .choice .choice_wrap .thumb .p1{position: relative;z-index:6;width: 35px;height: 35px;background: url(https://ssl.nexon.com/s2/game/fo4/event/2022/221114_preview_248dct66x/icon.png) 0 0 no-repeat;;;z-index: 6;background-size: 35px auto;;background-position: 0 -42px;}
#middle .section.preview .contents .groupbox .header .choice .choice_wrap .thumb .p2{position: relative;z-index:5;width: 35px;height: 35px;;background: url(https://ssl.nexon.com/s2/game/fo4/event/2022/221114_preview_248dct66x/icon.png) 0 0 no-repeat;;;z-index: 5;background-size: 35px auto;background-position: 0 0;}
#middle .section.preview .contents .groupbox .header .choice .choice_wrap .thumb .p3{position: relative;z-index:4;width: 35px;height: 35px;;background: url(https://ssl.nexon.com/s2/game/fo4/event/2022/221114_preview_248dct66x/icon.png) 0 0 no-repeat;;;z-index: 4;background-size: 35px auto;background-position: 0 -85px;}
#middle .section.preview .contents .groupbox .header .choice .choice_wrap .thumb .p4{position: relative;z-index:3;width: 35px;height: 35px;;background: url(https://ssl.nexon.com/s2/game/fo4/event/2022/221114_preview_248dct66x/icon.png) 0 0 no-repeat;;;z-index: 3;background-size: 35px auto;background-position: 0 -128px;}
#middle .section.preview .contents .groupbox .header .choice .choice_wrap .thumb .p5{position: relative;z-index:2;width: 35px;height: 35px;;background: url(https://ssl.nexon.com/s2/game/fo4/event/2022/221114_preview_248dct66x/icon.png) 0 0 no-repeat;;;z-index: 2;background-size: 35px auto;background-position: 0 -170px;}
#middle .section.preview .contents .groupbox .header .choice .choice_wrap .thumb .p6{position: relative;z-index:1;width: 35px;height: 35px;;background: url(https://ssl.nexon.com/s2/game/fo4/event/2022/221114_preview_248dct66x/icon.png) 0 0 no-repeat;;;z-index: 1;background-size: 35px auto;background-position: 0 -213px;}

#middle .section.preview .contents .groupbox .bottom{margin: 0 60px;overflow: hidden;padding-bottom: 60px;;}
#middle .section.preview .contents .groupbox .bottom .bottom_tit{line-height: 40px;padding:0 20px;background-color: #1e1c1c;width: 1080px;font-size: 18px;color: #ffe7af;font-weight: 700;display: inline-block;position: relative;;}
#middle .section.preview .contents .groupbox .bottom .bottom_tit:after{position: absolute;top:0;right:-40px;width: 0;content: "";height: 0;border-style: solid;border-width: 40px 0 0 40px;border-color: transparent transparent transparent #1e1c1c;;}

#middle .section.preview .contents .groupbox .bottom .tit{font-size: 30px;color: #ffe7af;;font-weight:700;padding:40px 0;}
#middle .section.preview .contents .groupbox .bottom .tit strong{display: block;font-size: 30px;color: #ff4e00;font-weight:700;margin-top: 5px;;}
#middle .section.preview .contents .groupbox .bottom .thumb_wrap{background: #333030;padding-bottom: 40px;;position: relative;}
#middle .section.preview .contents .groupbox .bottom .thumb_wrap .thumb{overflow: hidden;padding-top: 40px;position: relative;}
#middle .section.preview .contents .groupbox .bottom .thumb_wrap .thumb img{box-shadow: 0 0 5px rgba(0,0,0,0.1);height: 78px;    padding-bottom: 10px;}
#middle .section.preview .contents .groupbox .bottom .thumb_wrap .thumb .name{text-align: center;font-size: 15px;color: #ffffff;display: block;}

#middle .section.preview .contents .groupbox .bottom .thumb_wrap .time{position: absolute;top:75px;;left:50%;transform: translateX(-50%);color: #ccc;font-size: 15px;line-height: 1.2;}
#middle .section.preview .contents .groupbox .bottom .thumb_wrap .time:before{content: "vs";position: absolute;top:-25px;left:50%;transform: translateX(-50%);font-size: 15px;font-weight: 700;color: #fff;}
#middle .section.preview .contents .groupbox .bottom .thumb_wrap .question{font-size: 20px;color: #ccc;font-weight: 700;line-height: 1.5;;clear: both;;padding: 30px 50px 0;height: 50px;;}
#middle .section.preview .contents .groupbox .bottom .thumb_wrap .thumb.thumb1{float: left;width:50%;}
#middle .section.preview .contents .groupbox .bottom .thumb_wrap .thumb.thumb2{float: left;width:50%;}

#middle .section.preview .contents .groupbox .bottom .desc{background: #292727;height: 290px;position: relative;padding:0 50px;box-sizing: border-box;}
#middle .section.preview .contents .groupbox .bottom .desc .txt{text-align: left;position: absolute;top:20px;transform: translateY(0%);font-size: 15px;color: #888888;line-height: 1.5;width: calc(100% - 100px);}
#middle .section.preview .contents .groupbox.groupa .bottom .desc{height: 290px;}
#middle .section.preview .contents .groupbox.groupb .bottom .desc{height: 242px;}
#middle .section.preview .contents .groupbox.groupc .bottom .desc{height: 270px;}
#middle .section.preview .contents .groupbox.groupd .bottom .desc{height: 224px;}
#middle .section.preview .contents .groupbox.groupe .bottom .desc{height: 224px;}
#middle .section.preview .contents .groupbox.groupf .bottom .desc{height: 154px;}
#middle .section.preview .contents .groupbox.groupg .bottom .desc{height: 224px;}
#middle .section.preview .contents .groupbox.grouph .bottom .desc{height: 292px;}
#middle .section.preview .contents .groupbox .bottom .l_wrap{float: left;width: 50%;background-color: #1e1c1c;text-align: center;}
#middle .section.preview .contents .groupbox .bottom .r_wrap{float: left;width: 50%;background-color: #1e1c1c;text-align: center;}

#middle .section.preview .contents .box{margin:0 auto;width: 1280px;margin-bottom: 50px;position: relative;}
#middle .section.preview .contents .box .header .group{position: absolute;top:0;right: 0;width: 130px;height: 53px;line-height: 53px;text-align: center;font-size: 20px;color: #fff;background-color: rgba(0,0,0,0.4);}
#middle .section.preview .contents .box .header .nationEl{padding-top: 120px;font-size: 150px;color: #fff;padding-left: 60px;text-shadow: 0 0 10px rgba(0,0,0,0.1);font-weight: 700;;}
#middle .section.preview .contents .box .header .nation{padding-top: 40px;padding-bottom: 40px;padding-left: 60px;overflow: hidden;}
#middle .section.preview .contents .box .header .nation .thumb{float: left;vertical-align: top;;}
#middle .section.preview .contents .box .header .nation .thumb img{height: 48px;;vertical-align: top;margin-top: 3px;box-shadow: 0 0 5px rgba(0,0,0,0.1);}
#middle .section.preview .contents .box .header .nation .txt{font-size: 50px;color: #ffffff;margin-left: 20px;float: left;;vertical-align: top;;}
#middle .section.preview .contents .box .header .nation .rank{font-size: 20px;color: #ffe7af;margin-left: 20px;float: left;;vertical-align: top;margin-top: 4px;line-height: 1.1;;}
#middle .section.preview .contents .box .header .nation .rank strong{font-size: 20px;color: #ffe7af;line-height: 1.1;;font-weight: 700;}



#middle .section.preview .contents .box .bottom{background-color: rgba(0,0,0,0.4);position: relative;overflow: hidden;}

#middle .section.preview .contents .box .bottom .nationDesc{padding:50px 60px;}
#middle .section.preview .contents .box .bottom .nationDesc .tit{font-size: 25px;color: #fff;font-weight: 700;width: 620px;word-break: keep-all;line-height: 1.25;}
#middle .section.preview .contents .box .bottom .nationDesc .desc{font-size: 15px;color: #ccc;margin-top: 10px;line-height: 1.7;width: 600px;word-break: keep-all;;}
#middle .section.preview .contents .box .bottom .nationDesc .vs{text-align: center;width: 140px;position: absolute;top:55px;;right:0;;}
#middle .section.preview .contents .box .bottom .nationDesc .vs:before{content: "vs";position: absolute;top:-30px;left:50%;transform: translateX(-50%);font-size: 20px;font-weight: 700;color: #ffffff;}
#middle .section.preview .contents .box .bottom .nationDesc .vs img{height: 48px;;box-shadow: 0 0 5px rgba(0,0,0,0.1);}
#middle .section.preview .contents .box .bottom .nationDesc .vs span{font-size: 14px;color: #ffffff;opacity: 0.5;;margin-top: 15px;;}
#middle .section.preview .contents .box .bottom .nationDesc .vs.vs1{right:400px;}
#middle .section.preview .contents .box .bottom .nationDesc .vs.vs2{right:220px;}
#middle .section.preview .contents .box .bottom .nationDesc .vs.vs3{right:50px;}
#middle .section.preview .contents .box .bottom .nationDesc .btn_link{width: 183px;height: 45px;background: url(https://ssl.nexon.com/s2/game/fo4/event/2022/221114_preview_248dct66x/btn_link.png) 0 0 no-repeat;position: absolute;top:156px;right:200px;;}

#middle .section.preview .contents .box .bottom .player{background: #fff5de;margin:50px;margin-bottom: 0;position: relative;overflow: hidden;padding: 10px 60px 30px;box-sizing: border-box;padding-left: 400px;;}

#middle .section.preview .contents .box .bottom .player > .tit{line-height: 40px;padding:0 20px;background-color: #1e1c1c;width: 679px;font-size: 15px;color: #ffe7af;font-weight: 700;display: inline-block;position: relative;margin-bottom: 30px;;}
#middle .section.preview .contents .box .bottom .player > .tit:after{position: absolute;top:0;right:-40px;width: 0;content: "";height: 0;border-style: solid;border-width: 40px 0 0 40px;border-color: transparent transparent transparent #1e1c1c;;}

#middle .section.preview .contents .box .bottom .player .thumb{position: absolute;top:10px;left:10px;}
#middle .section.preview .contents .box .bottom .player .thumb img{ width: 377px;height:208px;;display: block;;}
#middle .section.preview .contents .box .bottom .player .pl_desc{width: 330px;}
#middle .section.preview .contents .box .bottom .player .name{font-size: 20px;color: #000000;font-weight: 700;;}
#middle .section.preview .contents .box .bottom .player .name .btn_link{width: 25px;height: 25px;background: url(https://ssl.nexon.com/s2/game/fo4/event/2022/221114_preview_248dct66x/btn_player_s.png) 0 0 no-repeat;vertical-align: top;margin-top: -3px;margin-left: 5px;;}
#middle .section.preview .contents .box .bottom .player .desc{font-size: 14px;color: #666666;line-height: 1.5;margin-top: 10px;;}

#middle .section.preview .contents .box .bottom .player .btn_link{width: 25px;height: 25px;background: url(https://ssl.nexon.com/s2/game/fo4/event/2022/221114_preview_248dct66x/btn_player_s.png) 0 0 no-repeat;;}
#middle .section.preview .contents .box .bottom .player .pl{width: 50%;float: left;position: relative;min-height: 150px;padding-left: 40px;box-sizing: border-box;}

#middle .section.preview .contents .box .bottom .detail_wrap{background: #fff;margin:0 50px;margin-bottom: 50px;position: relative;overflow: hidden;padding: 40px 60px;box-sizing: border-box;overflow: hidden;}
#middle .section.preview .contents .box .bottom .detail_wrap .match{width: 320px;float: left;;text-align: center;padding-bottom: 20px;border-bottom: 2px solid #ddd;}
#middle .section.preview .contents .box .bottom .detail_wrap .match .chart{width: 310px;height:310px;position:relative;}

#middle .section.preview .contents .box .bottom .detail_wrap .match .tab{width: 100%;position: relative;}
#middle .section.preview .contents .box .bottom .detail_wrap .match .tab.active .tab_list{display: block;;}
#middle .section.preview .contents .box .bottom .detail_wrap .match .tab:after{clear: both;display: block;content: "";}
#middle .section.preview .contents .box .bottom .detail_wrap .match .tab .t_n{width: 50%;float: left;;background-color: #a97e48;color: #ffffff;font-size: 15px;height: 37px;line-height: 37px;font-weight: 700;padding:0 30px;padding-left:0;;box-sizing: border-box;text-align: right;border-radius: 5px 0 0 5px;position: relative;}
#middle .section.preview .contents .box .bottom .detail_wrap .match .tab .t_n:after{content: "vs";background-color: #ff4800;font-size: 11px;color: #fff;width: 25px;height: 25px;border-radius: 25px;position: absolute;top:6px;right:-13px;z-index: 1;line-height: 25px;text-align: center;}
#middle .section.preview .contents .box .bottom .detail_wrap .match .tab > button{width: 50%;float: left;;background-color: #ffe7af;color: #000000;font-size: 15px;height: 37px;line-height: 37px;font-weight: 700;padding:0 30px;padding-right: 0;;box-sizing: border-box;text-align: left;border-radius:  0 5px 5px 0;position: relative;}
#middle .section.preview .contents .box .bottom .detail_wrap .match .tab > button:after{position: absolute;top:13px;right:10px;content: "";width: 0;height: 0;border-style: solid;border-width: 10px 7.5px 0 7.5px;border-color: #332e23 transparent transparent transparent;}
#middle .section.preview .contents .box .bottom .detail_wrap .match .tab.active > button:after{position: absolute;top:13px;right:10px;content: "";width: 0;height: 0;border-style: solid;border-width: 0 7.5px 10px 7.5px;border-color: transparent transparent #332e23 transparent;}
#middle .section.preview .contents .box .bottom .detail_wrap .match .tab .tab_list{display: none;position: absolute;top:40px;right:-1px;width: 50%;border:1px solid #ddd;z-index: 10;background-color: #fff;border-radius: 5px;;}
#middle .section.preview .contents .box .bottom .detail_wrap .match .tab .tab_list > button{border-bottom: 1px solid #ddd;;padding:4px 0;display: block;width: 50%;box-sizing: border-box;float: left;font-size: 12px;}
#middle .section.preview .contents .box .bottom .detail_wrap .match .tab .tab_list > button:nth-child(2n){border-left: 1px solid #ddd;}
#middle .section.preview .contents .box .bottom .detail_wrap .match .tab .tab_list > button:last-child{border-bottom: none;;}
#middle .section.preview .contents .box .bottom .detail_wrap .match .tab .tab_list > button:nth-last-child(2){border-bottom: none;;}

#middle .section.preview .contents .box .bottom .detail_wrap .history{width: 420px;float: left;text-align: center;height: 360px;;}
#middle .section.preview .contents .box .bottom .detail_wrap .history .goal{width: 360px;height:360px;position:relative;margin:0 auto;text-align: center;padding-top: 70px;;}
#middle .section.preview .contents .box .bottom .detail_wrap .history .goal .advice{position: absolute;bottom:39px;left:0;width: 100%;text-align: center;}
#middle .section.preview .contents .box .bottom .detail_wrap .history .goal canvas{position: absolute;top:0;left:0;;}
#middle .section.preview .contents .box .bottom .detail_wrap .history .goal .thumb img{height: 30px;;}
#middle .section.preview .contents .box .bottom .detail_wrap .history .goal .total{font-size: 45px;color: #000000;font-weight: 700;margin:20px 0;}
#middle .section.preview .contents .box .bottom .detail_wrap .history .goal .sc_wrap{overflow: hidden;margin:10px 0;padding-bottom: 20px;;}
#middle .section.preview .contents .box .bottom .detail_wrap .history .goal .sc_wrap > div{position: relative;}
#middle .section.preview .contents .box .bottom .detail_wrap .history .goal .sc_wrap .win{font-size: 20px;color: #000000;display: inline-block;margin:0 10px;;}
#middle .section.preview .contents .box .bottom .detail_wrap .history .goal .sc_wrap .win:before{content: "";position: absolute;bottom:-18px;left:50%;transform: translateX(-50%);;width: 10px;height: 10px;background-color: #0084ff;;}
#middle .section.preview .contents .box .bottom .detail_wrap .history .goal .sc_wrap .win:after{content: "";position: absolute;top:0;right:-10px;width: 1px;height: 20px;background-color: #ddd;;}
#middle .section.preview .contents .box .bottom .detail_wrap .history .goal .sc_wrap .draw{font-size: 20px;color: #000000;display: inline-block;margin:0 10px;;}
#middle .section.preview .contents .box .bottom .detail_wrap .history .goal .sc_wrap .draw:before{content: "";position: absolute;bottom:-18px;left:50%;transform: translateX(-50%);;width: 10px;height: 10px;background-color: #c4c4c4;;}
#middle .section.preview .contents .box .bottom .detail_wrap .history .goal .sc_wrap .draw:after{content: "";position: absolute;top:0;right:-10px;width: 1px;height: 20px;background-color: #ddd;;}
#middle .section.preview .contents .box .bottom .detail_wrap .history .goal .sc_wrap .lose{font-size: 20px;color: #000000;display: inline-block;margin:0 10px;;}
#middle .section.preview .contents .box .bottom .detail_wrap .history .goal .sc_wrap .lose:before{content: "";position: absolute;bottom:-18px;left:50%;transform: translateX(-50%);;width: 10px;height: 10px;background-color: #ff7500;;}
#middle .section.preview .contents .box .bottom .detail_wrap .history .goal .g_wrap{position: relative;}
#middle .section.preview .contents .box .bottom .detail_wrap .history .goal .g_wrap:after{content: "";clear: both;display: block;;}
#middle .section.preview .contents .box .bottom .detail_wrap .history .goal .g_wrap:before{content: "";background: url(https://ssl.nexon.com/s2/game/fo4/event/2022/221114_preview_248dct66x/ball.png) 0 0 no-repeat;width: 19px;height: 19px;position: absolute;top:-2px;left:50%;margin-left: -10px;;}

#middle .section.preview .contents .box .bottom .detail_wrap .history .goal .g_wrap .score{display: inline-block;font-size: 15px;color: #0084ff;margin-right: 30px;;}
#middle .section.preview .contents .box .bottom .detail_wrap .history .goal .g_wrap .lose{display: inline-block;font-size: 15px;color: #ff7500;}
#middle .section.preview .contents .box .bottom .detail_wrap .history .goal .best{font-size: 13px;color: #666666;margin-top: 10px;line-height: 1.5;}
#middle .section.preview .contents .box .bottom .detail_wrap .history .goal .best span{font-weight: 700;margin-right: 5px;;}
#middle .section.preview .contents .box .bottom .detail_wrap .history .goal .last{font-size: 13px;color: #666666;line-height: 1.5}
#middle .section.preview .contents .box .bottom .detail_wrap .history .goal .last span{font-weight: 700;margin-right: 5px;;}
#middle .section.preview .contents .box .bottom .detail_wrap .fomation{width: 320px;float: left;text-align: center;position: relative;padding-top: 20px;;text-align: center;}
#middle .section.preview .contents .box .bottom .detail_wrap .fomation .btn_squad{width: 153px;height: 37px;background: url(https://ssl.nexon.com/s2/game/fo4/event/2022/221114_preview_248dct66x/btn_squad.png) 0 0 no-repeat;;}
#middle .section.preview .contents .box .bottom .detail_wrap .fomation .tit{font-size: 20px;font-weight: 700;color: #000;z-index: 3;position: relative;pointer-events: none;}
#middle .section.preview .contents .box .bottom .detail_wrap .fomation .txt{background-color: #393c5d;font-size: 14px;color: #fff;border-radius: 20px;display: inline-block;padding:0 20px;line-height: 30px;margin-top: 10px;z-index: 3;position: relative;;pointer-events: none;}
#middle .section.preview .contents .box .bottom .detail_wrap .fomation .thumb{position: relative;padding:10px 0;}
#middle .section.preview .contents .box .bottom .detail_wrap .fomation .thumb img{margin-left: -10px;;}
#middle .section.preview .contents .box .bottom .detail_wrap .fomation .thumb:after{content: "";position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);width: 94px;height: 94px;background: url(https://ssl.nexon.com/s2/game/fo4/event/2022/221114_preview_248dct66x/btn_list.png) 0 0 no-repeat;}
#middle .section.preview .contents .box .bottom .detail_wrap .fomation .popup{width: 350px;height: 377px;position: absolute;top:-10px;left:-20px;z-index: 2;box-shadow: 0 0 20px rgba(0,0,0,0.2);background: #fff url(https://ssl.nexon.com/s2/game/fo4/event/2022/221114_preview_248dct66x/btn_close.png) right 0 no-repeat;box-sizing: border-box;padding-top: 108px;display: none;font-size: 14px;color: #666666;line-height: 1.6;;text-align: left;padding-left: 50px;;}
#middle .section.preview .contents .box .bottom .detail_wrap .fomation .popup .fw{color: #f6425f;}
#middle .section.preview .contents .box .bottom .detail_wrap .fomation .popup .mf{color: #00d28b;}
#middle .section.preview .contents .box .bottom .detail_wrap .fomation .popup .df{color: #2b7def;}
#middle .section.preview .contents .box .bottom .detail_wrap .fomation .popup .gk{color: #f2be57;}

@keyframes scrolldown2 {
    0% {
        transform: translate(-50%,-2%);
    }
    75% {
        transform: translate(-50%,0%);
    }
    100% {
        transform: translate(-50%,-2%);
    }
}

@keyframes scrolldown {
0% {
    top: -100%;
}
75% {
    top: 0%;
}
100% {
    top: 100%;
}

}

#footer { position:relative; width:100%; min-width:1040px; text-align:center; background-color:#000000;z-index: 1000; }
#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; }

.wallpaper_layer_popup { z-index:2000; position:fixed; left:0; top:0; overflow-y:auto; display:none; width:100%; height:100%; background-color:rgba(0,0,0,0.8); }
.wallpaper_layer_popup .content { width:100%; height:100%; min-height:1126px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/221114_preview_248dct66x/img_wallpaper.png") 50% 128px no-repeat; }
.wallpaper_layer_popup .content .btn_close { z-index:16; position:absolute; right:50%; top:260px; width:60px; height:60px; margin:0 -534px 0 0; background:url("https://ssl.nexon.com/s2/game/fo4/common/transparent.png") left top repeat; }
.wallpaper_layer_popup .content .btn_wallpaper_01 { z-index:16; position:absolute; left:50%; top:790px; width:168px; height:37px; margin:0 0 0 -184px; background:url("https://ssl.nexon.com/s2/game/fo4/common/transparent.png") left top repeat; }
.wallpaper_layer_popup .content .btn_wallpaper_02 { z-index:16; position:absolute; left:50%; top:790px; width:186px; height:37px; margin:0 0 0 -6px; background:url("https://ssl.nexon.com/s2/game/fo4/common/transparent.png") left top repeat; }