@charset "utf-8";

html,body { width:100%; max-width:2560px; min-width:1300px;min-height: 800px; margin:0 auto; font-family:"Noto Sans KR",sans-serif; color:#1e2028; background-color:#000000; }

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

#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%;background: url(https://ssl.nexon.com/s2/game/fo4/event/2022/220804_summer33_sfd73y5hcc/bg_event.jpg) center 0 no-repeat;z-index: 10;padding-top: 666px;box-sizing: border-box;;}
#middle .section { position:relative; width:100%;margin:0 auto;min-height: 1493px;box-sizing: border-box;}
#middle .section > .btn_advice{position: absolute;top: -127px;left: 50%;margin-left: -589px;width: 181px;height: 42px;background-color: transparent;;}
#middle .section > .btn_rewards{position: absolute;top: -127px;left: 50%;margin-left: -407px;width: 181px;height: 42px;background-color: transparent;;}

#middle .section .cover_tit{position: absolute;top:0;left:0; width: 100%;height:100%;background: rgba(0,0,0,0.7);z-index: 2;}

#middle .section .summer33_wrap{position: relative;z-index: 1;width:1280px;margin: 0 auto;}
#middle .section .summer33_wrap:after{content: "";clear: both;display: block;;}
#middle .section .header{float:left;z-index: 1;width:372px;height: 905px;;background: url(https://ssl.nexon.com/s2/game/fo4/event/2022/220804_summer33_sfd73y5hcc/pad_d.png) 0 0 no-repeat;}

#middle .section .header .state{position: absolute;top:0;left:0;margin-left:0;width: 372px;height: 905px;}
#middle .section .header .state .after_login .txt{line-height: 1.5;position: absolute;top: 168px;left: 0;width: 372px;box-sizing: border-box;padding-left: 0;text-align: center;}
#middle .section .header .state .after_login .txt span{font-size: 17px;color: #b6b4d7;line-height: 1.3;}

#middle .section .header .state .after_event .btn_login{position: absolute;top:40px;left:36px;width: 305px;height: 96px;background: url(https://ssl.nexon.com/s2/game/fo4/event/2022/220804_summer33_sfd73y5hcc/btn_login.png) 0 0 no-repeat;}
#middle .section .header .state .after_event .txt{line-height: 1.5;position: absolute;top: 116px;left: 0;width: 372px;box-sizing: border-box;padding-left: 0; text-align: center;}
#middle .section .header .state .after_event .txt strong{font-size: 17px;color: #b6b4d7;line-height: 1.3;}
#middle .section .header .state .after_event .txt span{font-size: 17px;color: #b6b4d7;line-height: 1.3;}

#middle .section .header .state .before_coach .btn_login{position: absolute;top:40px;left:36px;width: 305px;height: 96px;background: url(https://ssl.nexon.com/s2/game/fo4/event/2022/220804_summer33_sfd73y5hcc/btn_login.png) 0 0 no-repeat;}
#middle .section .header .state .before_coach .txt{line-height: 1.5;position: absolute;top: 171px;left: 0;width: 372px;box-sizing: border-box;padding-left: 0; text-align: center;}
#middle .section .header .state .before_coach .txt strong{font-size: 15px;color: #b6b4d7;line-height: 1.3;}
#middle .section .header .state .before_coach .txt span{font-size: 15px;color: #b6b4d7;line-height: 1.3;}

#middle .section .header .state .before_login .btn_login{position: absolute;top:40px;left:36px;width: 305px;height: 96px;background: url(https://ssl.nexon.com/s2/game/fo4/event/2022/220804_summer33_sfd73y5hcc/btn_login.png) 0 0 no-repeat;}
#middle .section .header .state .before_login .txt{line-height: 1.5;position: absolute;top: 168px;left: 0;width: 372px;box-sizing: border-box;padding-left: 0; text-align: center;}
#middle .section .header .state .before_login .txt a{font-size: 17px;color: #00ccff;line-height: 1.3;}
#middle .section .header .state .before_login .txt strong{font-size: 17px;color: #00ccff;line-height: 1.3;}
#middle .section .header .state .before_login .txt span{font-size: 17px;color: #b6b4d7;line-height: 1.3;}


#middle .section .header .state .play_stat{position: absolute;top:344px;left:0;z-index: 1;width: 372px;height: 360px;font-family: "Noto Sans KR",sans-serif;}
#middle .section .header .state .play_stat .today_dice{position: absolute;top:30px;right:40px;width: 330px;text-align: right;line-height: 1.5;}
#middle .section .header .state .play_stat .today_dice span{font-size: 24px;color: #98a4be;}
#middle .section .header .state .play_stat .today_dice strong{font-size: 24px;color: #fffd00;}
#middle .section .header .state .play_stat .today_point{position: absolute;top:111px;right:40px;width: 330px;text-align: right;line-height: 1.5;}
#middle .section .header .state .play_stat .today_point span{font-size: 24px;color: #98a4be;}
#middle .section .header .state .play_stat .today_point strong{font-size: 24px;color: #fffd00;}
#middle .section .header .state .play_stat .curr_point{position: absolute;top:195px;right:40px;width: 330px;text-align: right;line-height: 1.5;}
#middle .section .header .state .play_stat .curr_point span{font-size: 24px;color: #98a4be;}
#middle .section .header .state .play_stat .curr_point strong{font-size: 24px;color: #fffd00;}
#middle .section .header .state .play_stat .got_point{position: absolute;top:278px;right:40px;width: 330px;text-align: right;line-height: 1.5;}
#middle .section .header .state .play_stat .got_point span{font-size: 24px;color: #98a4be;}
#middle .section .header .state .play_stat .got_point strong{font-size: 24px;color: #fffd00;}
#middle .section .header .state .play_stat .total_point{position: absolute;top:360px;right:40px;width: 330px;text-align: right;line-height: 1.5;}
#middle .section .header .state .play_stat .total_point span{font-size: 24px;color: #98a4be;}
#middle .section .header .state .play_stat .total_point strong{font-size: 24px;color: #fffd00;}


#middle .section .header .state .btn_check{position: absolute;top:40px;left:36px;width: 305px;height: 95px;background: url(https://ssl.nexon.com/s2/game/fo4/event/2022/220804_summer33_sfd73y5hcc/btn_check.png) 0 0 no-repeat;}


#middle .section .header .state .btn_list{position: absolute;top: 240px;left: 41px;width: 290px;height: 40px;background: url(https://ssl.nexon.com/s2/game/fo4/event/2022/220804_summer33_sfd73y5hcc/btn.png) 0 0 no-repeat;}
#middle .section .header .state .btn_down{position: absolute;top:290px;left: 41px;width: 290px;height: 40px;background: url(https://ssl.nexon.com/s2/game/fo4/event/2022/220804_summer33_sfd73y5hcc/btn.png) 0 -46px no-repeat;}

#middle .section .header .state .btn_link{position: absolute;bottom: 40px;left: 41px;width: 290px;height: 65px;background: transparent}


#middle .section .content{position: relative;width:908px;height:905px;float:left;z-index: 2;}

#middle .section .content .summer33{width: 908px;height: 905px;position: relative;}
#middle .section .content .summer33 .d_bg{width: 908px;height: 905px;background: url(https://ssl.nexon.com/s2/game/fo4/event/2022/220804_summer33_sfd73y5hcc/pad_d.png) -372px 0 no-repeat;position: absolute;top:0;left:0;opacity:1;;transition:all 1s ease;}
#middle .section .content .summer33 .d_desc{position: absolute;top:81px;left:0;width: 100%;text-align: center;font-size: 16px;color: #ffffff;;}

#middle .section .content .summer33 .pad{position: absolute;top: 0;left: 0;width: 258px;height: 223px;z-index: 10;}
#middle .section .content .summer33 .pad .item{text-align: center;z-index: 10;position: relative;padding-top: 45px;;}
#middle .section .content .summer33 .pad .item .thumb{width: 80px;text-align: center;display: inline-block;background-color: #3d3975;}
#middle .section .content .summer33 .pad .item .thumb img{width: 80px;height: 80px;;}
#middle .section .content .summer33 .pad .item .name{font-size: 14px;color: #ffffff;text-align: center;line-height: 1.5;box-sizing: border-box;padding: 0 70px;padding-top: 10px;;}


#middle .section .content .summer33 .pad .bg1{width: 258px;height: 223px;transition: all 1s ease;background: url(https://ssl.nexon.com/s2/game/fo4/event/2022/220804_summer33_sfd73y5hcc/pl1.png);opacity: 1;position: absolute;top:0;left:0;transform: scale(1);}
#middle .section .content .summer33 .pad .bg2{width: 258px;height: 223px;transition: all 1s ease;background: url(https://ssl.nexon.com/s2/game/fo4/event/2022/220804_summer33_sfd73y5hcc/pl2.png);opacity: 0;position: absolute;top:0;left:0;transform: scale(1.1);}
#middle .section .content .summer33 .pad .bg3{width: 258px;height: 223px;transition: all 1s ease;background: url(https://ssl.nexon.com/s2/game/fo4/event/2022/220804_summer33_sfd73y5hcc/pl3.png);opacity: 0;position: absolute;top:0;left:0;transform: scale(1.1);}

#middle .section .content .summer33 .pad._pad5 .bg2{background: url(https://ssl.nexon.com/s2/game/fo4/event/2022/220804_summer33_sfd73y5hcc/pl4.png);}
#middle .section .content .summer33 .pad._pad4 .bg3{background: url(https://ssl.nexon.com/s2/game/fo4/event/2022/220804_summer33_sfd73y5hcc/pl4.png);}
#middle .section .content .summer33 .pad._pad5 .bg3{background: url(https://ssl.nexon.com/s2/game/fo4/event/2022/220804_summer33_sfd73y5hcc/pl4.png);}

#middle.upgrade_lv2 .section .content .summer33 .pad._pad5 .item,
#middle.upgrade_lv3 .section .content .summer33 .pad._pad4 .item,
#middle.upgrade_lv3 .section .content .summer33 .pad._pad5 .item{opacity: 0.5;}



#middle.upgrade_lv2 .section .content .summer33 .pad .bg1{opacity: 0;}
#middle.upgrade_lv2 .section .content .summer33 .pad .bg2{opacity: 1;}
#middle.upgrade_lv2 .section .content .summer33 .pad .bg3{opacity: 0;}

#middle.upgrade_lv3 .section .content .summer33 .pad .bg1{opacity: 0;}
#middle.upgrade_lv3 .section .content .summer33 .pad .bg2{opacity: 0;}
#middle.upgrade_lv3 .section .content .summer33 .pad .bg3{opacity: 1;}

#middle .section .content .summer33 .pad._pad0{top: 173px;left: 334px;}
#middle .section .content .summer33 .pad._pad1{top: 289px;left: 534px;}
#middle .section .content .summer33 .pad._pad2{top: 520px;left: 534px;}
#middle .section .content .summer33 .pad._pad3{top: 637px;left: 334px;}
#middle .section .content .summer33 .pad._pad4{top: 520px;left: 133px;}
#middle .section .content .summer33 .pad._pad5{top: 289px;left: 133px;}

#middle .section .content .summer33 .pad._pad0 .bg{transition: all 0.1s ease;transition-delay: 0.05s;}
#middle .section .content .summer33 .pad._pad1 .bg{transition: all 0.1s ease;transition-delay: 0.1s;}
#middle .section .content .summer33 .pad._pad2 .bg{transition: all 0.1s ease;transition-delay: 0.15s;}
#middle .section .content .summer33 .pad._pad3 .bg{transition: all 0.1s ease;transition-delay: 0.2s;}
#middle .section .content .summer33 .pad._pad4 .bg{transition: all 0.1s ease;transition-delay: 0.25s;}
#middle .section .content .summer33 .pad._pad5 .bg{transition: all 0.1s ease;transition-delay: 0.3s;}

#middle.upgrade_lv2 .section .content .summer33 .pad._pad0 .bg2{transform: scale(1);}
#middle.upgrade_lv2 .section .content .summer33 .pad._pad1 .bg2{transform: scale(1);}
#middle.upgrade_lv2 .section .content .summer33 .pad._pad2 .bg2{transform: scale(1);}
#middle.upgrade_lv2 .section .content .summer33 .pad._pad3 .bg2{transform: scale(1);}
#middle.upgrade_lv2 .section .content .summer33 .pad._pad4 .bg2{transform: scale(1);}
#middle.upgrade_lv2 .section .content .summer33 .pad._pad5 .bg2{transform: scale(1);}

#middle.upgrade_lv3 .section .content .summer33 .pad._pad0 .bg3{transform: scale(1);}
#middle.upgrade_lv3 .section .content .summer33 .pad._pad1 .bg3{transform: scale(1);}
#middle.upgrade_lv3 .section .content .summer33 .pad._pad2 .bg3{transform: scale(1);}
#middle.upgrade_lv3 .section .content .summer33 .pad._pad3 .bg3{transform: scale(1);}
#middle.upgrade_lv3 .section .content .summer33 .pad._pad4 .bg3{transform: scale(1);}
#middle.upgrade_lv3 .section .content .summer33 .pad._pad5 .bg3{transform: scale(1);}


#middle .section .content .info{position: absolute;top: 405px;left: 334px;width: 258px;height: 223px;z-index: 10;padding-top: 45px;;}
#middle .section .content .info .bg1{width: 258px;height: 223px;background: url(https://ssl.nexon.com/s2/game/fo4/event/2022/220804_summer33_sfd73y5hcc/lv1c.png) 0 0 no-repeat;opacity: 1;position: absolute;top:0;left:0;z-index: 0;;}
#middle .section .content .info .bg2{width: 258px;height: 223px;background: url(https://ssl.nexon.com/s2/game/fo4/event/2022/220804_summer33_sfd73y5hcc/lv2c.png) 0 0 no-repeat;opacity: 0;position: absolute;top:0;left:0;z-index: 0;;}
#middle .section .content .info .bg3{width: 258px;height: 223px;background: url(https://ssl.nexon.com/s2/game/fo4/event/2022/220804_summer33_sfd73y5hcc/lv3c.png) 0 0 no-repeat;opacity: 0;position: absolute;top:0;left:0;z-index: 0;;}

#middle.upgrade_lv2 .section .content .info .bg1{opacity: 0;}
#middle.upgrade_lv2 .section .content .info .bg2{opacity: 1;}
#middle.upgrade_lv2 .section .content .info .bg3{opacity: 0;}

#middle.upgrade_lv3 .section .content .info .bg1{opacity: 0;}
#middle.upgrade_lv3 .section .content .info .bg2{opacity: 0;}
#middle.upgrade_lv3 .section .content .info .bg3{opacity: 1;}

#middle .section .content .info .btn_play{position: absolute;top: 109px;left: 40px;width: 180px;height: 48px;z-index: 10;background-color: transparent;}
#middle .section .content .info .able_txt{position: absolute;top: 172px;left: 40px;width: 180px;height: 48px;z-index: 10;background-color: transparent;font-size: 14px;color: #fffd00;text-align: center;}

#middle .section .content .info .point_upgrade{line-height: 1.2;;color: #fff;box-sizing: border-box;overflow:hidden;text-align: center;position: relative;z-index: 1;}
#middle .section .content .info .point_upgrade .txt{font-size: 16px;color: #fff;line-height: 1.2;}
#middle .section .content .info .point_upgrade .txt strong{font-size: 24px;color: #fff;display: block;;line-height: 1.2;}

#middle .section .week_get { position: relative;z-index: 1;width:1300px;margin: 0 auto;margin-top: 114px;height: 660px;box-sizing: border-box;padding-top: 98px;}
#middle .section .week_get  .btn_summerpass{position: absolute;bottom: 35px;left: 810px;width: 213px;height: 45px;background: transparent;;}

#middle .section .week_get #swiper{position: relative;}
#middle .section .week_get #swiper .swiper-container .swiper-wrapper { position:relative; }
#middle .section .week_get #swiper .swiper-container .swiper-wrapper .swiper-slide { }
#middle .section .week_get #swiper .swiper-container .swiper-wrapper .swiper-slide .title{text-align: center;font-size: 35px;color: #0b0758;text-align: center;height: 70px;}
#middle .section .week_get #swiper .swiper-container .swiper-wrapper .swiper-slide .item_wrap{overflow: hidden;width: 100%;height: 373px;}
#middle .section .week_get #swiper .swiper-container .swiper-wrapper .swiper-slide .item_wrap .each_item{float: left;width: 33.33%;box-sizing: border-box;position: relative;height: 373px;}
#middle .section .week_get #swiper .swiper-container .swiper-wrapper .swiper-slide .item_wrap .each_item:last-child{border: none;;}
#middle .section .week_get #swiper .swiper-container .swiper-wrapper .swiper-slide .item_wrap .each_item .tit{height: 60px;line-height: 60px;color: #011748;font-size: 18px;font-weight: bold;;text-align: center;}
#middle .section .week_get #swiper .swiper-container .swiper-wrapper .swiper-slide .item_wrap .each_item .thumb_wrap{text-align: center;padding-top: 50px;;}
#middle .section .week_get #swiper .swiper-container .swiper-wrapper .swiper-slide .item_wrap .each_item .item{width: 150px;display: inline-block;text-align: center;}
#middle .section .week_get #swiper .swiper-container .swiper-wrapper .swiper-slide .item_wrap .each_item .item .thumb{width: 100px;display: inline-block;background-color: #e6e6ee;}
#middle .section .week_get #swiper .swiper-container .swiper-wrapper .swiper-slide .item_wrap .each_item .item .thumb img{width: 100px;height: 100px;;}
#middle .section .week_get #swiper .swiper-container .swiper-wrapper .swiper-slide .item_wrap .each_item .item .name{display: block;font-size: 14px;color: #011748;margin-top: 10px;}
#middle .section .week_get #swiper .swiper-container .swiper-wrapper .swiper-slide .item_wrap .each_item .btn_area{text-align: center;position: absolute;bottom:35px;;left:0;width: 100%;;}
#middle .section .week_get #swiper .swiper-container .swiper-wrapper .swiper-slide .item_wrap .each_item .btn_area .btn_get{width: 219px;height: 49px;background: url(https://ssl.nexon.com/s2/game/fo4/event/2022/220804_summer33_sfd73y5hcc/btn_get.png) 0 0 no-repeat;;}
#middle .section .week_get #swiper .swiper-container .swiper-wrapper .swiper-slide .item_wrap .each_item .btn_area .btn_get.disable{cursor: default;pointer-events: none;background-position: 0 -60px;}
#middle .section .week_get #swiper .swiper-container .swiper-wrapper .swiper-slide .item_wrap .each_item .btn_area .btn_get.done{cursor: default;pointer-events: none;background-position: 0 -120px;}
#middle .section .week_get #swiper .swiper-container .swiper-wrapper .swiper-slide .item_wrap .each_item .btn_area .btn_get.complete{cursor: default;pointer-events: none;background-position: 0 -180px;}

#middle .section .week_get #swiper .btn_next{position: absolute;top:0;right:395px;width: 41px;height: 41px;background: transparent;;z-index: 10;}
#middle .section .week_get #swiper .btn_next.swiper-button-disabled{background: #fff;z-index: 10;opacity: 0.7;}
#middle .section .week_get #swiper .btn_prev{position: absolute;top:0;left:385px;width: 41px;height: 41px;background: transparent;z-index: 10;}
#middle .section .week_get #swiper .btn_prev.swiper-button-disabled{background: #fff;z-index: 10;opacity: 0.7;}



#middle .section .aside { position: relative;z-index: 1;width:1300px;margin: 0 auto;margin-top: 284px;}
#middle .section .aside .date{position: absolute;top:-65px;left:50%;margin-left: -486px;;width: 82px;height: 32px;text-align: center;line-height: 32px;font-weight: 800;font-size: 18px;color: #0b0755;background-color: #fffd00;}

#middle .section .aside .item_wrapper { position: relative; height: 520px; }
#middle .section .aside .item_wrapper .point_item{width: 216px;float: left;box-sizing: border-box;border-right:1px solid #d7d7dd;height: 300px;background: url(https://ssl.nexon.com/s2/game/fo4/event/2022/220804_summer33_sfd73y5hcc/bg.png);}
#middle .section .aside .item_wrapper .point_item:last-child{width: 220px;border: none;background: url(https://ssl.nexon.com/s2/game/fo4/event/2022/220804_summer33_sfd73y5hcc/bg_disable.png);}
#middle .section .aside .item_wrapper .point_item.disabled{background: url(https://ssl.nexon.com/s2/game/fo4/event/2022/220804_summer33_sfd73y5hcc/bg_disable.png);}

#middle .section .aside .item_wrapper .point_item .play{height: 150px;;color: #011748;font-size: 16px;;text-align: center;box-sizing: border-box;padding-top: 10px;;}

#middle .section .aside .item_wrapper .point_item .play .txt{line-height: 50px;;}
#middle .section .aside .item_wrapper .point_item .play .state_txt{line-height: 30px;width: 160px;height: 60px;display: inline-block;background: url(https://ssl.nexon.com/s2/game/fo4/event/2022/220804_summer33_sfd73y5hcc/point_.png) 0 0 no-repeat;;padding-left: 40px;;box-sizing: border-box;}
#middle .section .aside .item_wrapper .point_item.disabled .play .state_txt{line-height: 30px;width: 160px;height: 60px;display: inline-block;background: url(https://ssl.nexon.com/s2/game/fo4/event/2022/220804_summer33_sfd73y5hcc/point_disable.png) 0 0 no-repeat;;padding-left: 40px;;box-sizing: border-box;}
#middle .section .aside .item_wrapper .point_item .play .state_txt strong{line-height: 60px;;display: inline-block;height: 60px;;vertical-align: top;;font-weight: 700;color:#fff;font-size: 21px;;}
#middle .section .aside .item_wrapper .point_item .play .state_txt span{line-height: 60px;;display: inline-block;height: 60px;vertical-align: top;;font-weight: 700;color:#fff;font-size: 21px;;}

#middle .section .aside .item_wrapper .point_item.disabled .play .state_txt strong{color: #0b1d48;}
#middle .section .aside .item_wrapper .point_item.disabled .play .state_txt span{color: #0b1d48;}
#middle .section .aside .item_wrapper .point_item .dice_txt{height: 75px;margin:0 auto;width: 156px;;;text-align: center;line-height: 75px;border-bottom: 1px solid #d7d7dd;color: #011748;font-size: 16px;;}
#middle .section .aside .item_wrapper .point_item .point_txt{height: 75px;margin:0 auto;width: 156px;text-align: center;;;line-height: 75px;;color: #011748;font-size: 16px;;}
#middle .section .aside .item_wrapper .point_item .point_txt span{color: #3c3efe;font-size: 16px;}

#middle .section .aside .item_wrapper  .btn_link2{position: absolute;top:339px;left:745px;width: 216px;height: 44px;background-color: transparent;;}
#middle .section .aside .item_wrapper  .btn_mission{position: absolute;top:339px;left:971px;width: 144px;height: 44px;background-color: transparent;;}
#middle .section .aside .item_wrapper  .btn_tip{position: absolute;top:339px;left:1115px;width: 144px;height: 44px;background-color: transparent;;}

#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:1030 !important; }
.loading.layer_popup .content { z-index:138 !important; box-shadow:none; border-radius:0; border:none; 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:#ffffff; }
.loading.layer_popup .content p:nth-child(2) { width:100%; 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) { width:100%; font-size:32px; line-height:32px; color:#ffffff; text-align:center; text-shadow:0 0 32px rgba(0,0,0,1); }

.howto.event_layer_popup { overflow-y:auto; z-index:1024; position:fixed; left:0; top:0; display:none; width:100%; height:100%; background-color:rgba(0,0,0,0.8); }
.howto.event_layer_popup .title{display: none;}
.howto.event_layer_popup .content { z-index:128; position:absolute; left:50%; top:50%; box-sizing:border-box; width:1200px; box-shadow:0 0 32px rgba(0,0,0,0.8); background-color:#ffffff; }
.howto.event_layer_popup .content { width:1200px;margin-left: -600px;margin-top: -250px;;}
.howto.event_layer_popup .content .btn_today {position: absolute;top: 13px;right: 82px;width: 151px;height: 37px;background:url(https://ssl.nexon.com/s2/game/fo4/event/2022/220804_summer33_sfd73y5hcc/check.png) 0 0 no-repeat;z-index: 2;opacity: 0.7;}
.howto.event_layer_popup .content .btn_today.active{background: url(https://ssl.nexon.com/s2/game/fo4/event/2022/220804_summer33_sfd73y5hcc/check.png) 0 -37px no-repeat;}
.howto.event_layer_popup .content .btn_close { z-index:16; position:absolute; left:auto;right:0;top:0; width:64px; height:64px; background:none;}
.howto.event_layer_popup .content .title { z-index:10; height:64px; font-weight:500; font-size:20px; line-height:64px; color:#000000; text-align:center; box-shadow:inset 0 -1px 0 rgba(220,220,220,1); position: relative; background-color:#ffffff; }
.howto.event_layer_popup .content .howto { position:relative; width:1200px; height:593px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/220804_summer33_sfd73y5hcc/popup.png") left top no-repeat; }
.howto.event_layer_popup .content .howto .btn_mission { z-index:4; position:absolute; left:160px; top:560px; width:280px; height:58px; background:url("https://ssl.nexon.com/s2/game/fo4/common/transparent.png") left top repeat; }
.howto.event_layer_popup .content .howto .playt1{position: absolute;top:251px;left:640px;width: 500px;text-align: center;line-height: 1.5;;font-size: 20px;color: #000;font-weight: 600;}
.howto.event_layer_popup .content .howto .playt1 span{display: inline;line-height: 1.5;;font-size: 20px;color: #000;font-weight: 600;}
.howto.event_layer_popup .content .howto .playt1 .t1{color: #008ae2;;}
.howto.event_layer_popup .content .howto .playt2{position: absolute;top:431px;left:640px;width: 500px;text-align: center;line-height: 1.5;;font-size: 20px;color: #000;font-weight: 600;}
.howto.event_layer_popup .content .howto .playt2 span{display: inline;line-height: 1.5;;font-size: 20px;color: #000;font-weight: 600;}
.howto.event_layer_popup .content .howto .playt2 .t1{color: #008ae2;;}
.howto.event_layer_popup .content .howto .playt2 .t2{color: #e20000;;}
.howto.event_layer_popup .content .howto .p_fieldset{position: absolute;top:347px;left:640px;width: 500px;padding-left: 278px;box-sizing: border-box;}
.howto.event_layer_popup .content .howto .p_fieldset > input{position: absolute;top: 11px;left: 98px;z-index: 1;width: 61px;height: 32px;line-height: 32px;text-align: center;}
.howto.event_layer_popup .content .howto .p_fieldset .selector div{line-height: 59px;float: left;margin-right: 10px;;}
.howto.event_layer_popup .content .howto .p_fieldset .selector div input[type=checkbox]{display: none;}
.howto.event_layer_popup .content .howto .p_fieldset .selector div input[type=checkbox]:checked + label span{background: url(https://ssl.nexon.com/s2/game/fo4/event/2022/220804_summer33_sfd73y5hcc/tipradio.png) -71px 0 no-repeat;}
.howto.event_layer_popup .content .howto .p_fieldset .selector div label{padding-left: 25px;position: relative;line-height: 59px;vertical-align: top;cursor: pointer;}
.howto.event_layer_popup .content .howto .p_fieldset .selector div label span{position: absolute;top:2px;left:0;width: 15px;height: 15px;background: url(https://ssl.nexon.com/s2/game/fo4/event/2022/220804_summer33_sfd73y5hcc/tipradio.png) 0 0 no-repeat;;}

.movie.layer_popup .content { width:1136px; height:352px; padding:0; border-radius:0; }