@charset "utf-8";

html,body { width:100%; max-width:2560px; min-width:1280px; margin:0 auto; font-family:"Noto Sans KR",sans-serif; background-color:#1b1828; }
button:focus {outline:0;}
#wrapper { position:relative; overflow:hidden; box-sizing:border-box; width:100%; max-width:2560px; min-width:1280px; 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 { overflow:visible; display:inline-block; cursor:pointer; font-family:"Noto Sans KR"; }

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

#middle { position:relative; width:100%; max-width:2560px; min-width:1280px; margin:0 auto; }
#middle .section { position:relative; width:100%; max-width:2560px; min-width:1280px; margin:0 auto; }
/* #middle .section .inner{width: 1300px;margin:0 auto;;} */
#middle .section .nfc_vod_list{width: 100%;background-color: #252525;height: 126px;position: relative;z-index: 2;}
#middle .section .nfc_vod_list .inner{position: relative;padding-left: 121px;height: 126px;box-sizing: border-box;width: 1300px;margin:0 auto;}
#middle .section .nfc_vod_list .tit{position: absolute;top:21px;left:0;;}
#middle .section .nfc_vod_list .list{overflow: hidden;}
#middle .section .nfc_vod_list .list li{float: left;margin-right: 15px;padding-top: 17px;;}
#middle .section .nfc_vod_list .list li a{float: left;width: 168px;height: 94px;overflow:hidden;cursor: pointer;}
#middle .section .nfc_vod_list .list li a img{width: 168px;;}

#middle .section .nfc_maquee{width: 100%;background: url(https://ssl.nexon.com/s2/game/fo4/event/2020/200709_nfc_8s7eyhs/bg_marq.png) 0 0 repeat;height: 63px;text-align: left;white-space: nowrap;box-shadow: 0 0 30px rgba(0,0,0,0.5);position: relative;z-index:1}
#middle .section .nfc_maquee p{line-height: 63px;font-size: 20px;color: #ff3b89;;}
#middle .section .nfc_maquee p a{display: block;}
#middle .section .nfc_maquee p a .wrap{display: block;
    animation-name: maq;
    animation-duration: 25s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
#middle .section .nfc_maquee p .wrap span{display:inline-block;line-height: 63px;font-size: 20px;color: #ff3b89;margin-left: 50px;;}

@keyframes maq {
    from {transform: translateX(100%);}
    to {transform: translateX(-150%);}
}

#middle .section.event_01{height: 805px;background:url(https://ssl.nexon.com/s2/game/fo4/event/2020/200709_nfc_8s7eyhs/bg_swipe.png) center 0 no-repeat;position: relative;}
#middle .section.event_01.wide{height: 930px;;}
#middle .section.event_01 .swiper-container {width: 100%;height: 100%;box-sizing: border-box;padding-top:65px;    overflow: visible;}
#middle .section.event_01.wide .swiper-container {padding-top:120px;}
#middle .section.event_01 .swiper-container .swiper-slide {width: 1124px;height:622px;background: url(https://ssl.nexon.com/s2/game/fo4/event/2020/200709_nfc_8s7eyhs/bg_swipe_item.png) 0 0 no-repeat;position: relative;overflow: visible;}
#middle .section.event_01 .swiper-container .swiper-slide:after{position: absolute;top:0;left:0;width: 100%;height: 100%;z-index: 1;background: rgba(0,0,0,0.5);content: "";}
#middle .section.event_01 .swiper-container .swiper-slide.swiper-slide-active:after{display: none;}
#middle .section.event_01 .swiper-container .swiper-slide .info_c{position: absolute;top:0;left:50%;transform: translateX(-50%);box-sizing: border-box;padding-top: 52px;line-height: 1.3;text-align: center;height: 100%;;z-index: 100;}
#middle .section.event_01 .swiper-container .swiper-slide .thumb_l{position: absolute;bottom:0;left:0;}
#middle .section.event_01 .swiper-container .swiper-slide .thumb_r{position: absolute;bottom:0;right:0;}
#middle .section.event_01 .swiper-container .swiper-slide .thumb_l.win:after{position: absolute;bottom:50px;left:50px;width: 235px;height: 126px;background: url(https://ssl.nexon.com/s2/game/fo4/event/2020/200709_nfc_8s7eyhs/win.png) center 0 no-repeat;content: "";}
#middle .section.event_01 .swiper-container .swiper-slide .thumb_r.win:after{position: absolute;bottom:50px;right:30px;width: 235px;height: 126px;background: url(https://ssl.nexon.com/s2/game/fo4/event/2020/200709_nfc_8s7eyhs/win.png) center 0 no-repeat;content: "";}

#middle .section.event_01 .swiper-container .swiper-slide .info_c .tit{font-size: 38px;color: #000000;margin-bottom: 10px;white-space: nowrap;;}
#middle .section.event_01 .swiper-container .swiper-slide .info_c .desc{font-size: 18px;color: #535353;margin-bottom: 30px;white-space: nowrap;;}
#middle .section.event_01 .swiper-container .swiper-slide .info_c .per{text-align: center;}
#middle .section.event_01 .swiper-container .swiper-slide .info_c .graph{width: 265px;height: 265px;display: inline-block;position: relative;}
#middle .section.event_01 .swiper-container .swiper-slide .info_c .graph .name_l{position: absolute;
    top: 80px;
    left: 32px;
    font-size: 20px;
    color: #063acc;
    font-weight: 500;
    width: 91px;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.2;
    height: 49px;
}
#middle .section.event_01 .swiper-container .swiper-slide .info_c .graph .name_r{position: absolute;
    top: 146px;
    left: 130px;
    font-size: 20px;
    color: #c31010;
    width: 91px;
    font-weight: 500;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.2;
    height: 49px;
}



#middle .section.event_01 .swiper-container .swiper-slide .info_c .per_l{width: 300px;font-size: 70px;color: #063acc;font-style:italic;position: absolute;bottom:93px;right:50%;;text-align:right;padding-right:40px;;}
#middle .section.event_01 .swiper-container .swiper-slide .info_c .per_r{width: 300px;font-size: 70px;color: #c31010;font-style:italic;position: absolute;bottom:93px;left:50%;;text-align:left;padding-left:30px;;}
#middle .section.event_01 .swiper-container .swiper-slide .info_c .btn_area{position: absolute;bottom:-30px;left:50%;margin-left:-293px;;overflow: hidden;z-index: 1000;width: 587px;;}
#middle .section.event_01 .swiper-container .swiper-slide .info_c .btn_l{width: 293px;height: 105px;background: url(https://ssl.nexon.com/s2/game/fo4/event/2020/200709_nfc_8s7eyhs/btn_l.png) 0 0 no-repeat;float: left;}
#middle .section.event_01 .swiper-container .swiper-slide .info_c .btn_l.disable{background-image: url(https://ssl.nexon.com/s2/game/fo4/event/2020/200709_nfc_8s7eyhs/btn_l_disable.png);}
#middle .section.event_01 .swiper-container .swiper-slide .info_c .btn_l.done{background-image: url(https://ssl.nexon.com/s2/game/fo4/event/2020/200709_nfc_8s7eyhs/btn_l_done.png);}
#middle .section.event_01 .swiper-container .swiper-slide .info_c .btn_r{width: 293px;height: 105px;background: url(https://ssl.nexon.com/s2/game/fo4/event/2020/200709_nfc_8s7eyhs/btn_r.png) 0 0 no-repeat;float: left;}
#middle .section.event_01 .swiper-container .swiper-slide .info_c .btn_r.disable{background-image: url(https://ssl.nexon.com/s2/game/fo4/event/2020/200709_nfc_8s7eyhs/btn_r_disable.png);}
#middle .section.event_01 .swiper-container .swiper-slide .info_c .btn_r.done{background-image: url(https://ssl.nexon.com/s2/game/fo4/event/2020/200709_nfc_8s7eyhs/btn_r_done.png);}

#middle .section.event_01 .swiper-container .swiper-slide .info_c .btn_c{width: 586px;height: 105px;background: url(https://ssl.nexon.com/s2/game/fo4/event/2020/200709_nfc_8s7eyhs/btn_done.png) 0 0 no-repeat;float: left;}
#middle .section.event_01 .swiper-container .swiper-slide .info_c .btn_c.done{background-image: url(https://ssl.nexon.com/s2/game/fo4/event/2020/200709_nfc_8s7eyhs/btn_done.png);}
#middle .section.event_01 .swiper-container .swiper-slide .info_c .btn_c.succ{background-image: url(https://ssl.nexon.com/s2/game/fo4/event/2020/200709_nfc_8s7eyhs/btn_succ.png);}
#middle .section.event_01 .swiper-container .swiper-slide .info_c .btn_c.fail{background-image: url(https://ssl.nexon.com/s2/game/fo4/event/2020/200709_nfc_8s7eyhs/btn_fail.png);}

#middle .section.event_01 .i_wrap{position: absolute;top:32px;;width: 1125px;left:50%;margin-left: -562px;z-index: 10;text-align: right;line-height:1.3; ;}
#middle .section.event_01.wide .i_wrap{top:87px}
#middle .section.event_01 .i_wrap .date{font-size: 16px;color: #ffffff;display: inline-block;margin-right: 20px;padding-right: 20px;position: relative;}
#middle .section.event_01 .i_wrap .date:after{position: absolute;top: 5px;right: -2px;width: 1px;height: 13px;background-color: rgba(255,255,255,0.6);content: "";}
#middle .section.event_01 .i_wrap .btn_reward{font-size: 16px;color: #ffd423;display: inline-block;}
#middle .section.event_01 .vec1{position: absolute;bottom:100px;left:50%;z-index: 100;margin-left: -680px;;}
#middle .section.event_01 .vec2{position: absolute;bottom:36px;left:50%;z-index: 100;margin-left: 462px;;}
#middle .section.event_01.wide .vec1{bottom:155px;}
#middle .section.event_01.wide .vec2{bottom:91px;}

#middle .section.event_01 .swiper-paging{position: absolute;bottom:39px;top:inherit;left:50%;transform:translateX(-50%);}
#middle .section.event_01.wide .swiper-paging{bottom: 94px;}
#middle .section.event_01 .swiper-paging .bullet{width: 15px;height: 15px;border-radius: 15px;overflow:hidden;;display: inline-block;margin:0 8px;cursor: pointer;background: #fff;opacity: 0.5;}
#middle .section.event_01 .swiper-paging .bullet-active{opacity: 1;}

#middle .section.event_01 .swiper-prev{position: absolute;bottom:388px;cursor: pointer;;top:inherit;left:50%;margin-left:-698px;background: url(https://ssl.nexon.com/s2/game/fo4/event/2020/200709_nfc_8s7eyhs/btn_prev.png) 0 0 no-repeat;width: 85px;height: 89px;z-index: 1;opacity: 0.7;}
#middle .section.event_01.wide .swiper-prev{position: absolute;bottom:450px;}
#middle .section.event_01 .swiper-prev:hover{opacity: 1;;}
#middle .section.event_01 .swiper-next{position: absolute;bottom:388px;cursor: pointer;;top:inherit;left:50%;margin-left:660px;background: url(https://ssl.nexon.com/s2/game/fo4/event/2020/200709_nfc_8s7eyhs/btn_next.png) 0 0 no-repeat;width: 85px;height: 89px;z-index: 1;opacity: 0.7;}
#middle .section.event_01.wide .swiper-next{bottom: 450px;}
#middle .section.event_01 .swiper-next:hover{opacity: 1;;}

#middle .section.event_01 .swiper-prev.swiper-button-disabled{opacity: 0.1;}
#middle .section.event_01 .swiper-next.swiper-button-disabled{opacity: 0.1;}


#middle .section.event_02{height: 1023px;background:url(https://ssl.nexon.com/s2/game/fo4/event/2020/200709_nfc_8s7eyhs/bg_apply.png) center 0 no-repeat;position: relative;}
#middle .section.event_02 .inner{width: 1300px;height: 1023px;position: relative;margin:0 auto;}
#middle .section.event_02 .inner > .desc{font-size: 20px;color: #130e2a;line-height: 1.3;position: absolute;top:500px;left:0;font-weight: 500;}
#middle .section.event_02 .inner .check_wrap{position: absolute;top:571px;left:0;}
#middle .section.event_02 .inner .check_wrap input{display: none;}
#middle .section.event_02 .inner .check_wrap label{display: block;width: 228px;height:21px;position: relative;cursor: pointer;}
#middle .section.event_02 .inner .check_wrap label span{position: absolute;top:0;left:0;width:20px;height:20px;;}
#middle .section.event_02 .inner .check_wrap input[type="checkbox"]:checked + label span{background: url(https://ssl.nexon.com/s2/game/fo4/event/2020/200709_nfc_8s7eyhs/check.png) 3px 4px no-repeat;}
#middle .section.event_02 .inner .btn_detail{position: absolute;top: 571px;left: 232px;display: block;width: 88px;height: 21px;position: relative;cursor: pointer;}
#middle .section.event_02 .inner .btn_detail .desc{display: none;;position: absolute;top: -337px;left: -230px;background-color: #fff;font-size: 12px;color: #000;line-height: 1.5;padding: 20px;border-radius: 5px;box-shadow: 0 0 10px rgba(0,0,0,0.3);width: 550px;}
#middle .section.event_02 .inner .btn_detail:hover .desc{display: block;;}
#middle .section.event_02 .inner .btn_detail .desc .tit{font-size: 13px;font-weight: 500;}
#middle .section.event_02 .inner .btn_detail .desc .txt{font-size: 12px;;}
#middle .section.event_02 .inner .btn_detail .desc .tit strong{font-size: 15px;font-weight: 600;}
#middle .section.event_02 .inner .btn_detail .desc .txt strong{font-size: 15px;font-weight: 600;}
#middle .section.event_02 .inner .btn_detail .desc table{table-layout: fixed;margin:10px 0;width:100%}
#middle .section.event_02 .inner .btn_detail .desc table th,
#middle .section.event_02 .inner .btn_detail .desc table td{border:1px solid #000;padding: 5px;font-size: 12px;text-align: center;}
#middle .section.event_02 .inner .btn_detail .desc table th strong,
#middle .section.event_02 .inner .btn_detail .desc table td strong{font-size: 15px;font-weight: 600;}


#middle .section.event_02 .inner .btn_apply{position: absolute;top: 562px;left: 0;display: block;width: 345px;height: 90px;position: relative;cursor: pointer;background: url(https://ssl.nexon.com/s2/game/fo4/event/2020/200709_nfc_8s7eyhs/btn_app.png);}
#middle .section.event_02 .inner .btn_apply.done{background: url(https://ssl.nexon.com/s2/game/fo4/event/2020/200709_nfc_8s7eyhs/btn_app_done.png);}

#middle .section.event_03{height: 1024px;background:url(https://ssl.nexon.com/s2/game/fo4/event/2020/200709_nfc_8s7eyhs/bg_rank.png) center 0 no-repeat;position: relative;}
#middle .section.event_03 .inner{width: 1300px;height: 1024px;position: relative;margin:0 auto;}
#middle .section.event_03 .inner .thumb{position: absolute;bottom:0;left:-100px;z-index:1;}
#middle .section.event_03 .inner .thumb .player{position: absolute;bottom:0;left:-50px;z-index:1;}
#middle .section.event_03 .inner .thumb .rank{position: absolute;bottom:150px;left:90px;z-index:1;}
#middle .section.event_03 .inner .table{position: absolute;top:66px;right:55px;padding-top:38px;background: url(https://ssl.nexon.com/s2/game/fo4/event/2020/200709_nfc_8s7eyhs/heading.png) center 0 no-repeat;}
#middle .section.event_03 .inner .table .btn_pop_rank{position: absolute;bottom:-28px;right:7px;z-index: 10;}
#middle .section.event_03 .inner .table .btn_pop_rank:hover .desc{display: block;;}
#middle .section.event_03 .inner .table .btn_pop_rank .desc{display: none;position: absolute;top: -83px;left: -291px;background-color: #fff;font-size: 12px;color: #000;line-height: 1.5;padding: 20px;border-radius: 5px;box-shadow: 0 0 10px rgba(0,0,0,0.3);width: 357px;}
#middle .section.event_03 .inner .table li{overflow: hidden;width: 526px;height: 80px;margin-bottom: 2px;background-color: #1530b2;line-height: 80px;;}
#middle .section.event_03 .inner .table li:nth-child(1),
#middle .section.event_03 .inner .table li:nth-child(2),
#middle .section.event_03 .inner .table li:nth-child(3){background-color: #2656f0;}
#middle .section.event_03 .inner .table li .rank{float:left;width: 100px;text-align: center;font-weight: 500;font-size: 18px;color: #fff;;}
#middle .section.event_03 .inner .table li .name{float:left;width: 170px;text-align: center;font-weight: 500;font-size: 18px;color: #fff;;}
#middle .section.event_03 .inner .table li .dir{float:left;width: 75px;text-align: center;font-weight: 400;font-size: 18px;color: #fff;;}
#middle .section.event_03 .inner .table li .dir span.up{color: #fff600;position: relative;padding-left: 13px;font-size: 20px;;}
#middle .section.event_03 .inner .table li .dir span.up:after{width: 0;height: 0;border-style: solid;border-width: 0 5px 9px 5px;border-color: transparent transparent #fff700 transparent;position: absolute;top:3px;left:0;content: "";}
#middle .section.event_03 .inner .table li .dir span.down{color:#0acff2;position: relative;padding-left: 13px;font-size: 20px;;}
#middle .section.event_03 .inner .table li .dir span.down:after{width: 0;height: 0;border-style: solid;border-width: 9px 5px 0 5px;border-color: #0acff2 transparent transparent transparent;position: absolute;top:3px;left:0;content: "";}
#middle .section.event_03 .inner .table li .dir span.new{color: #ce44ec;font-weight: 200;font-size: 22px;font-style: italic;}
#middle .section.event_03 .inner .table li .rw{float:left;width: 181px;text-align: center;font-weight: 300;font-size: 18px;color: #fff;;}

#middle .section.event_04{height: 1023px;background:url(https://ssl.nexon.com/s2/game/fo4/event/2020/200709_nfc_8s7eyhs/bg_match.png) center 0 no-repeat;position: relative;overflow: hidden;}
#middle .section.event_04 .inner{width: 1300px;height: 1023px;position: relative;margin:0 auto;}
#middle .section.event_04 .inner .thumb_back{width: 2500px;position: absolute;top:0;left:50%;margin-left:-1250px;z-index: 1;}
#middle .section.event_04 .inner .thumb_l{position: absolute;bottom:0;left:-100px;z-index:1;}
#middle .section.event_04 .inner .thumb_l .name{position: absolute;bottom: 150px;left: 50%;z-index: 1;font-size: 40px;color: #000000;text-align: center;transform: translateX(-50%);}

#middle .section.event_04 .inner .thumb_r{position: absolute;bottom:0;right:-100px;z-index:1;}
#middle .section.event_04 .inner .thumb_r .name{position: absolute;bottom: 150px;left: 50%;z-index: 1;font-size: 40px;color: #000000;text-align: center;transform: translateX(-50%);}
#middle .section.event_04 .inner .info_c{padding-top:390px;color: #fff;font-size: 24px;text-align: center;line-height: 1.5;color: #000;;z-index: 10;position: relative;}
#middle .section.event_04 .inner .info_c > .tit{font-size: 45px;color: #4717b9;font-style: italic;font-weight: 500;}
#middle .section.event_04 .inner .info_c .match{margin-top: 20px;;}
#middle .section.event_04 .inner .info_c .match .tit{font-size: 16px;color: #000000;font-weight: 500;}
#middle .section.event_04 .inner .info_c .match .desc{font-size: 26px;color: #000000;font-weight: 700;}

#middle .section.event_05{height: 1224px;background:url(https://ssl.nexon.com/s2/game/fo4/event/2020/200709_nfc_8s7eyhs/bg_vod.png) center 0 no-repeat;position: relative;}
#middle .section.event_05 .inner{width: 1300px;height: 1224px;position: relative;margin:0 auto;padding-top:412px;box-sizing: border-box;}


#middle .section.event_05 .swiper-container {width: 100%;height: 100%;box-sizing: border-box;overflow: hidden;}
#middle .section.event_05 .swiper-container .swiper-slide {width: 1300px;height:580px;position: relative;}

#middle .section.event_05 .swiper-container .swiper-slide .list_wrap{overflow: hidden;}
#middle .section.event_05 .swiper-container .swiper-slide li{width: 304px;height: 275px;float: left;margin-right: 28px;;}
#middle .section.event_05 .swiper-container .swiper-slide li:nth-child(4n){margin-right: 0;}
#middle .section.event_05 .swiper-container .swiper-slide li .vod{display: block}
#middle .section.event_05 .swiper-container .swiper-slide li .thumb{margin-bottom: 10px;width: 304px;height: 171px;overflow:hidden;;}
#middle .section.event_05 .swiper-container .swiper-slide li .thumb img{width: 304px;;}
#middle .section.event_05 .swiper-container .swiper-slide li .tit{font-size: 15px;color: #d4d4d4;line-height: 1.2;}


#middle .section.event_05 .swiper-container .swiper-slide.swiper-slide-active:after{display: none;}

#middle .section.event_05 .swiper-paging{display: inline-block;vertical-align: top;margin-top:11px;}
#middle .section.event_05 .swiper-paging .bullet{width: 15px;height: 15px;border-radius: 15px;overflow:hidden;;display: inline-block;margin:0 10px;cursor: pointer;background: #fff;opacity: 0.5;}
#middle .section.event_05 .swiper-paging .bullet-active{opacity: 1;}

#middle .section.event_05 .swiper-prev{margin-right:30px;;vertical-align: top;float:left;cursor: pointer;;top:inherit;background: url(https://ssl.nexon.com/s2/game/fo4/event/2020/200709_nfc_8s7eyhs/btn_prev_small.png) 0 0 no-repeat;width: 24px;height: 38px;z-index: 1;opacity: 0.7;}
#middle .section.event_05 .swiper-prev:hover{opacity: 1;;}
#middle .section.event_05 .swiper-next{margin-left:30px;;vertical-align: top;float:right;cursor: pointer;;top:inherit;background: url(https://ssl.nexon.com/s2/game/fo4/event/2020/200709_nfc_8s7eyhs/btn_next_small.png) 0 0 no-repeat;width: 24px;height: 38px;z-index: 1;opacity: 0.7;}
#middle .section.event_05 .swiper-next:hover{opacity: 1;;}

#middle .section.event_05 .swiper-prev.swiper-button-disabled{opacity: 0.1;}
#middle .section.event_05 .swiper-next.swiper-button-disabled{opacity: 0.1;}

#middle .section.event_05 .paging_wrap{position: absolute;bottom:170px;top:inherit;left:50%;transform:translateX(-50%);z-index: 10;}



#middle .section.event_05 .page{display: inline-block;vertical-align: top;margin-top:11px;}
#middle .section.event_05 .page .number a{text-indent:-9999px;width: 15px;height: 15px;border-radius: 15px;overflow:hidden;;display: inline-block;margin:0 10px;cursor: pointer;background: #fff;opacity: 0.5;}
#middle .section.event_05 .page .number a.strong{opacity: 1;}
#middle .section.event_05 .page .bt{display: inline-block;vertical-align: top;;}
#middle .section.event_05 .page .number{display: inline-block;vertical-align: top;margin-top:10px;}

#middle .section.event_05 .btn_prev{margin-right:30px;;vertical-align: top;float:left;cursor: pointer;;top:inherit;background: url(https://ssl.nexon.com/s2/game/fo4/event/2020/200709_nfc_8s7eyhs/btn_prev_small.png) 0 0 no-repeat;width: 24px;height: 38px;z-index: 1;opacity: 0.7;}
#middle .section.event_05 .btn_prev:hover{opacity: 1;;}
#middle .section.event_05 .btn_next{margin-left:30px;;vertical-align: top;float:right;cursor: pointer;;top:inherit;background: url(https://ssl.nexon.com/s2/game/fo4/event/2020/200709_nfc_8s7eyhs/btn_next_small.png) 0 0 no-repeat;width: 24px;height: 38px;z-index: 1;opacity: 0.7;}
#middle .section.event_05 .btn_next:hover{opacity: 1;;}

#middle .section.event_05 .btn_prev.disable{opacity: 0.1;}
#middle .section.event_05 .btn_next.disable{opacity: 0.1;}

#middle .section.event_05 .paging_wrap{position: absolute;bottom:170px;top:inherit;left:50%;transform:translateX(-50%);z-index: 10;}

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

.loading.layer_popup { z-index:10040; }
.loading.layer_popup .content { z-index:132; left:50%; top:50%; margin:0; padding:0; box-shadow:none; border:none; -ms-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); background:transparent; }
.loading.layer_popup .content ul { width:128px; margin:0 auto 48px auto; }
.loading.layer_popup .content ul li { float:left; width:24px; height:24px; margin:0 4px; box-shadow:0 0 32px rgba(0,0,0,1); background-color:#eef2f4; }
.loading.layer_popup .content p:nth-child(2) { margin-bottom:16px; font-size:48px; line-height:48px; font-weight:bold; color:#eef2f4; text-align:center; text-shadow:0 0 32px rgba(0,0,0,1); }
.loading.layer_popup .content p:nth-child(3) { font-size:32px; line-height:32px; color:#eef2f4; text-align:center; text-shadow:0 0 32px rgba(0,0,0,1); }

#quick { z-index:200; position: fixed; right:50px; top:50%; width:86px;margin-top:-220px}
#quick.live{margin-top:-255px}
#quick ul { box-sizing:border-box; width:86px; }
#quick ul li:last-child { margin-bottom:0; }
#quick.live ul li button,
#quick.live ul li a { width:86px; height:78px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2020/200709_nfc_8s7eyhs/quick.png") 0 0 no-repeat; }
#quick ul li button,
#quick ul li a { width:86px; height:78px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2020/200709_nfc_8s7eyhs/quick_no_r.png") 0 0 no-repeat; }

#quick ul li:nth-child(1) button { background-position:0 0;height: 78px; }
#quick ul li:nth-child(1):hover button { background-position:-100px 0; }
#quick ul li:nth-child(1).active button { background-position:-100px 0; }

#quick ul li:nth-child(2) button { background-position:0 -78px;height: 72px; }
#quick ul li:nth-child(2):hover button { background-position:-100px -78px; }
#quick ul li:nth-child(2).active button { background-position:-100px -78px; }
#quick ul li:nth-child(3) button { background-position:0 -150px;height: 73px; }
#quick ul li:nth-child(3):hover button { background-position:-100px -150px; }
#quick ul li:nth-child(3).active button { background-position:-100px -150px; }

#quick ul li:nth-child(4) button { background-position:0 -223px;height: 72px; }
#quick ul li:nth-child(4):hover button { background-position:-100px -223px; }
#quick ul li:nth-child(4).active button { background-position:-100px -223px; }

#quick ul li:nth-child(5) button { background-position:0 -295px;height: 72px; }
#quick ul li:nth-child(5):hover button { background-position:-100px -295px; }
#quick ul li:nth-child(5).active button { background-position:-100px -295px; }

#quick ul li:nth-child(6) button { background-position:0 -367px;height: 73px; }
#quick.live ul li:nth-child(6) button { background-position:0 -367px;height: 72px; }
#quick ul li:nth-child(6):hover button { background-position:-100px -367px; }
#quick ul li:nth-child(6).active button { background-position:-100px -367px; }

#quick ul li:nth-child(7) button { background-position:0 -439px;height: 72px;display: none; }
#quick.live ul li:nth-child(7) button {display: block;; }
#quick ul li:nth-child(7):hover button { background-position:-100px -439px; }
#quick ul li:nth-child(7).active button { background-position:-100px -439px; }

#layerAdvice .content { z-index:100; position:absolute; left:50%; top:100px; box-sizing:border-box; width:900px; box-shadow:0 0 32px rgba(0,0,0,0.8); -ms-transform:translateX(-50%) translateY(0%); transform:translateX(-50%) translateY(0%); background-color:#ffffff;;margin-bottom: 100px;}

#layerMovie .content { width:1200px;height: 750px;background: transparent;box-shadow: none;}
#layerMovie .content .title{background: transparent;box-shadow: none;;}
#layerMovie .content .title .img{vertical-align: top;float: left;;}
#layerMovie .content .title .img img{width: 53px;}
#layerMovie .content .title .txt{font-size: 32px;color: #fff;font-weight: 100;float: left;;margin-left:10px;margin-top:8px;}
#layerMovie .content .btn_close{background: url(https://ssl.nexon.com/s2/game/fo4/event/2020/200709_nfc_8s7eyhs/btn_close.png) center center no-repeat;box-shadow:none;width: 38px;height: 60px;}
#layerMovie .content #frame{width:1200px;height:675px;}


#layerMovieLive .content { width:1200px;height: 750px;background: transparent;box-shadow: none;}
#layerMovieLive .content .title{background: transparent;box-shadow: none;;}
#layerMovieLive .content .title .img{vertical-align: top;float: left;;}
#layerMovieLive .content .title .img img{width: 53px;}
#layerMovieLive .content .title .txt{font-size: 32px;color: #fff;font-weight: 100;float: left;;margin-left:10px;margin-top:8px;}
#layerMovieLive .content .btn_close{background: url(https://ssl.nexon.com/s2/game/fo4/event/2020/200709_nfc_8s7eyhs/btn_close.png) center center no-repeat;box-shadow:none;width: 38px;height: 60px;}
#layerMovieLive .content #live{width:1200px;height:675px;}



#layerRewards .content { width:660px;height: 690px;}
#layerRewards .content .desc{padding:20px;font-size: 14px;color: #818080;position: relative;z-index: 2;box-shadow: 0 0 10px rgba(0,0,0,0.1);text-align: center;line-height:1.5;}
#layerRewards .content .desc strong{color: #06c95e;;}
#layerRewards .content .table{position: relative;z-index: 1;}
#layerRewards .content .table .wrap{overflow: hidden;}
#layerRewards .content .table .item{width: 220px;height: 262px;box-sizing: border-box;border:1px solid #e0e1e2;float: left;border-right: none;border-top: none;position: relative;;}
#layerRewards .content .table .item.disable{background-color: #f2f5fb;}
#layerRewards .content .table .item .th{height: 60px;border-bottom: 1px solid #e0e1e2;line-height:60px;font-size: 16px;text-align: center;font-weight: 500;}
#layerRewards .content .table .item .th strong{color: #af0dd8;font-size: 16px;font-weight: 500;}
#layerRewards .content .table .item .td{text-align: center;position: relative;}
#layerRewards .content .table .item .td .txt{height: 140px;position: relative;}
#layerRewards .content .table .item .td .txt.large{height:200px}
#layerRewards .content .table .item .td .txt .c_wrap{position: absolute;top:50%;width: 100%;left:0;transform: translateY(-50%);font-size: 12px;color:#313131;line-height:1.5;}
#layerRewards .content .table .item .td .txt .c_wrap strong{color: #08de68;font-size: 12px;line-height:1.5;}
#layerRewards .content .table .item.disable .td .txt{height: 200px;position: relative;}
#layerRewards .content .table .item.disable .td .txt .c_wrap{font-size: 15px;color:#313131;line-height:1.5;font-weight: 500;}
#layerRewards .content .table .item .btn_area{position: absolute;bottom:5px;left:0;width: 100%;text-align: center;}
#layerRewards .content .table .item .btn_area .btn_get{display: inline-block;width: 207px;height: 48px;line-height: 48px;;font-size: 17px;color: #ffffff;background-color: #08de68;}
#layerRewards .content .table .item .btn_area .btn_get.disable{background-color: #777777;color: #c3c3c3;}
#layerRewards .content .table .item .btn_area .btn_get.done{background-color: #777777;color: #fff;}

/* desc */
.blink {
    animation: blink-animation 1s linear  infinite;
}
@keyframes blink-animation {
    0%{opacity:1}
    50%{opacity:0.4}
    100%{opacity:1}
}
/* table */