@charset "utf-8";

html,body { width:100%; max-width:2560px; min-width:1360px;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;min-width:1360px;}
#wrapper a { display:inline-block; font-family:"Pretendard"; }
#wrapper button { visibility:visible; overflow:visible; display:inline-block; 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%;min-width:1360px;z-index: 10;box-sizing: border-box;background: url(https://ssl.nexon.com/s2/game/fo4/event/2023/230706_special_reward_98u4i23h5/bg_event.jpg) center 0 no-repeat;}

#middle .ob{position: absolute;top:1655px;left:50%;margin-left: -738px;width: 83px;height: 408px;z-index: 20;pointer-events: none;background:url(https://ssl.nexon.com/s2/game/fo4/event/2023/230706_special_reward_98u4i23h5/ob.png) center 0 no-repeat;}
#middle .section { position:relative; width:100%;margin:0 auto;box-sizing: border-box;}
#middle .section .inner{position: relative;margin:0 auto;width: 1360px;;}
#middle .section.header{background: url(https://ssl.nexon.com/s2/game/fo4/event/2023/230706_special_reward_98u4i23h5/bg_event.jpg) center 0 no-repeat;height: 730px;padding-top: 98px;box-sizing: border-box;overflow: hidden;}
#middle .section.header .btn_advice{position: absolute;top: 442px;left: 87px;width: 150px;height: 50px;background: transparent;}
#middle .section.header .btn_reward{position: absolute;top: 442px;left: 243px;width: 150px;height: 50px;background: transparent;}

#middle .section.content{background: url(https://ssl.nexon.com/s2/game/fo4/event/2023/230706_special_reward_98u4i23h5/ev_eventent.png) center 0 no-repeat;height: 1960px;box-sizing: border-box;}
#middle .section.content .inner{width: 1360px;margin: 0 auto;position: relative;}
#middle .section.content .inner #state{position: relative;width: 100%;;height:160px;padding-top: 30px;background: url(https://ssl.nexon.com/s2/game/fo4/event/2023/230706_special_reward_98u4i23h5/bg_state.png) 0 0 no-repeat;box-sizing: border-box;}
#middle .section.content .inner #state > div{position: relative;width: 100%;height:160px;text-align: center;}
#middle .section.content .inner #state .end{text-align: center;}
#middle .section.content .inner #state .end p{font-size: 20px;color: #000;line-height: 108px;;}
#middle .section.content .inner #state .coach{text-align: center;}
#middle .section.content .inner #state .coach p{font-size: 20px;color: #000;line-height: 1.5;padding-top: 26px;;}
#middle .section.content .inner #state .before_login{font-size: 20px;color: #000;line-height: 112px;padding-left: 320px;box-sizing: border-box;}
#middle .section.content .inner #state .before_login .btn_login{position: absolute;top: 0;left: 30px;width: 320px;height: 110px;z-index: 1;background: url(https://ssl.nexon.com/s2/game/fo4/event/2023/230706_special_reward_98u4i23h5/btn_login.png) 0 0 no-repeat;}
#middle .section.content .inner #state .before_login .btn_login_txt{font-size: 20px;color: #2aa2ff;vertical-align: top;margin-top: 46px;;}
#middle .section.content .inner #state .before_event{text-align: center;}
#middle .section.content .inner #state .before_event p{font-size: 20px;color: #000;line-height: 108px;;}
#middle .section.content .inner #state .after{font-size: 20px;color: #000;line-height: 112px;padding-left: 320px;box-sizing: border-box;}
#middle .section.content .inner #state .after .btn_check{position: absolute;top: 0;left: 30px;width: 320px;height: 110px;z-index: 1;background: url(https://ssl.nexon.com/s2/game/fo4/event/2023/230706_special_reward_98u4i23h5/btn_check.png) 0 0 no-repeat;}
#middle .section.content .inner #state .after .txt{font-size: 20px;color: #000;line-height: 112px;}
#middle .section.content .inner #state .after .txt strong{font-size: 20px;color: #2aa2ff;font-weight: bold;;}

#middle .section.content .inner .reward_wrap{padding-top: 17px;height: 1800px;position: relative;}
#middle .section.content .inner .reward_wrap .reward_ord{background: url(https://ssl.nexon.com/s2/game/fo4/event/2023/230706_special_reward_98u4i23h5/bg_active.png) 0 0 no-repeat;width: 100%;height: 396px;margin-bottom: 10px;box-shadow: -10px 20px 40px rgba(0,0,0,0.4);border-radius: 8px;overflow: hidden;}
#middle .section.content .inner .reward_wrap .reward_ord.ready{background: url(https://ssl.nexon.com/s2/game/fo4/event/2023/230706_special_reward_98u4i23h5/bg_before.png) 0 0 no-repeat;}
#middle .section.content .inner .reward_wrap .reward_ord.ready .btn_area{display: none;;}
#middle .section.content .inner .reward_wrap .reward_ord.ready .info{padding-top: 126px;;}
#middle .section.content .inner .reward_wrap .reward_ord.ready .thumb_wrap{display: none;;}

#middle .section.content .inner .reward_wrap .reward_ord .info{width: 385px;float: left;height: 396px;padding-top: 70px;padding-left: 70px;box-sizing: border-box;}
#middle .section.content .inner .reward_wrap .reward_ord .info .order{width: 250px;height: 98px;background: url(https://ssl.nexon.com/s2/game/fo4/event/2023/230706_special_reward_98u4i23h5/e1.png) 0 0 no-repeat;}
#middle .section.content .inner .reward_wrap .reward_ord._1 .info .order{background-image: url(https://ssl.nexon.com/s2/game/fo4/event/2023/230706_special_reward_98u4i23h5/e1.png);}
#middle .section.content .inner .reward_wrap .reward_ord._2 .info .order{background-image: url(https://ssl.nexon.com/s2/game/fo4/event/2023/230706_special_reward_98u4i23h5/e2.png);}
#middle .section.content .inner .reward_wrap .reward_ord._3 .info .order{background-image: url(https://ssl.nexon.com/s2/game/fo4/event/2023/230706_special_reward_98u4i23h5/e3.png);}
#middle .section.content .inner .reward_wrap .reward_ord._4 .info .order{background-image: url(https://ssl.nexon.com/s2/game/fo4/event/2023/230706_special_reward_98u4i23h5/e4.png);}

#middle .section.content .inner .reward_wrap .reward_ord .info .date{margin-top: 24px;margin-bottom: 37px;line-height: 1.2;font-size: 19px;color: #555555;;}
#middle .section.content .inner .reward_wrap .reward_ord .info .btn_area{position: relative;}
#middle .section.content .inner .reward_wrap .reward_ord .info .btn_area .btn_get{display: block;width: 245px;height: 80px;background: url(https://ssl.nexon.com/s2/game/fo4/event/2023/230706_special_reward_98u4i23h5/btn.png) 0 0 no-repeat;}
#middle .section.content .inner .reward_wrap .reward_ord .info .btn_area .btn_get.disable{background-position: 0 -80px;pointer-events: none;}
#middle .section.content .inner .reward_wrap .reward_ord .info .btn_area .btn_get.done{background-position: 0 -160px;pointer-events: none;}
#middle .section.content .inner .reward_wrap .reward_ord .info .btn_area .btn_get.end{background-position: 0 -240px;pointer-events: none;}

#middle .section.content .inner .reward_wrap .reward_ord .thumb_wrap{width: calc(100% - 385px);float: left;box-sizing: border-box;padding-top: 70px;text-align: center;}
#middle .section.content .inner .reward_wrap .reward_ord .thumb_wrap .thumb{width: 172px;margin: 0 23px;display: inline-block;vertical-align: top;position: relative;}
#middle .section.content .inner .reward_wrap .reward_ord .thumb_wrap .thumb .count{width: 66px;height: 66px;background: url(https://ssl.nexon.com/s2/game/fo4/event/2023/230706_special_reward_98u4i23h5/count.png) 0 0 no-repeat;;position: absolute;top:-30px;right:-33px;z-index: 1;font-size: 16px;color: #ffffff;text-shadow: 1px 1px 1px rgba(0,0,0,0.3);box-sizing: border-box;padding-left: 5px;text-align: center;line-height: 57px;}
#middle .section.content .inner .reward_wrap .reward_ord .thumb_wrap .thumb .img{margin-bottom: 20px;background-color: #fff;;}
#middle .section.content .inner .reward_wrap .reward_ord .thumb_wrap .thumb .img img{ width: 172px;;}
#middle .section.content .inner .reward_wrap .reward_ord .thumb_wrap .name{font-size: 16px;color: #000000;text-align: center;line-height: 1.3;word-break: break-word;;}

#footer { position:relative; width:100%; min-width:1040px; text-align:center; background-color:#000000; }
#footer .inner { width:100%; padding:64px 0; }
#footer .inner .logo { margin-bottom:64px; line-height:0; }
#footer .inner .information { position:relative; overflow:hidden; width:1142px; margin:0 auto; }
#footer .inner .information .company { position:relative; float:left; width:254px; height:62px; }
#footer .inner .information .company .bt-nexon { position:absolute; left:0; top:12px; }
#footer .inner .information .company .bt-ea { position:absolute; left:162px; top:12px; }
#footer .inner .information .copyright { float:left; width:888px; height:62px; }

.loading.layer_popup { z-index:10480; }
.loading.layer_popup .content { width:640px; box-shadow:none !important; background:transparent !important; }
.loading.layer_popup .content ul { width:128px; margin:0 auto 32px 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:#ffffff; }
.loading.layer_popup .content p:nth-child(2) { margin-bottom:16px; font-size:48px; line-height:48px; font-weight:bold; color:#ffffff; 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:#ffffff; text-align:center; text-shadow:0 0 32px rgba(0,0,0,1); }