@charset "utf-8";

html,body { width:100%; max-width:2560px; min-width:1360px; margin:0 auto; font-family:"Pretendard","Noto Sans KR",Dotum,"돋움",Helvetica,"Apple SD Gothic Neo",sans-serif; letter-spacing:-1px; background-color:#000000; }
#wrapper { position:relative; overflow:hidden; box-sizing:border-box; width:100%; max-width:2560px; min-width:1360px; margin:0 auto; font-family:"Pretendard","Noto Sans KR",Dotum,"돋움",Helvetica,"Apple SD Gothic Neo",sans-serif; letter-spacing:0; line-height:0; }
#wrapper a { display:inline-block; font-family:"Pretendard","Noto Sans KR",Dotum,"돋움",Helvetica,"Apple SD Gothic Neo",sans-serif; letter-spacing:0; }
#wrapper button { overflow:visible; font-family:"Pretendard","Noto Sans KR",Dotum,"돋움",Helvetica,"Apple SD Gothic Neo",sans-serif; }
#wrapper button:focus { outline:0 ;}
#wrapper p,
#wrapper strong,
#wrapper span { font-family:"Pretendard","Noto Sans KR",Dotum,"돋움",Helvetica,"Apple SD Gothic Neo",sans-serif; letter-spacing:0; }

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

img { image-rendering:-webkit-optimize-contrast; }



#quick { z-index:32; position:absolute; right:-154px; top:50%; width:164px; height: 518px; margin-top:-388px; background: url("https://ssl.nexon.com/s2/game/fo4/event/2022/221208_update_1f5dk8nt/quick.png") left top no-repeat; opacity: 0;}
#quick button { display:block; width:109px; height:86px; margin-left: 36px; color:#C6C2BD; font-weight: bold; font-size: 15px;}
#quick button .text{ color:#C6C2BD; font-weight: bold; font-size: 15px;}
#quick button:first-child .text{padding-top: 20px;}
#quick button:last-child .text{padding-bottom: 15px;}
#quick button:last-child { margin-bottom:0; }
#quick button:nth-child(1) { height:126px;}
#quick button.active .text{color:#FFECB8;}
#quick button:hover .text{color :#FFECB8;}

#content { position:relative; overflow:hidden; width:100%; max-width:2560px; min-width:1280px; height:100%; min-height:920px; margin:0 auto; }
#content.animated:before { content:""; z-index:32; position:absolute; left:0; top:0; width:100%; height:100%; background:url("https://ssl.nexon.com/s2/game/fo4/common/transparent.png") left top repeat; }
#content .scene { z-index:4; position:absolute; left:0; top:0; overflow:hidden; width:100%; min-width:1280px; height:100%; min-height:920px; background-color:#000000; }
#content .scene.on { z-index:6; }
#content .scene.move { z-index:8; }
#content .scene .inner { position:relative; width:100%; min-width:1280px; height:100%; min-height:920px; margin:0 auto; }

#content .scene._01 { background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/221208_update_1f5dk8nt/bg_01.jpg") 50% 50% no-repeat; background-size:cover; }

#content .scene._01 .element { z-index:4; position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); -webkit-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); }
/* #content .scene._01 .element .title { width:1280px; height:130px; margin-bottom:32px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/220623_summer_update/img_scene_01_02.png") left bottom no-repeat; } */
#content .scene._01 .element .title { width:1308px; height:209px; margin-bottom:50px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/221208_update_1f5dk8nt/01_title.png") left bottom no-repeat; }
#content .scene._01 .element .youtube{width: 1020px; height: 574px; background: url("https://ssl.nexon.com/s2/game/fo4/event/2022/221208_update_1f5dk8nt/01_youtube.png") 0 0 no-repeat; box-shadow: 0 0 16px rgb(0 0 0 / 80%); box-sizing: border-box; padding: 4px; margin-left: 140px;}
#content .scene._01 .element .youtube #player{width: 998px; height: 552px; background-color: #000000; margin: 0 auto; text-align: center; margin:  7px 0 0 7px;}
#content .scene._01 .element .scroll_down{margin: 0 auto; width: 197px; position: absolute; left: 560px; bottom: -180px;}
#content .scene._01 .element .scroll_down .txt{width: 197px; height: 17px; background: url("https://ssl.nexon.com/s2/game/fo4/event/2022/221208_update_1f5dk8nt/01_scrolldown.png") 0 0 no-repeat; margin-bottom: 15px;}
#content .scene._01 .element .scroll_down .shape{width: 46px; height: 22px; background: url("https://ssl.nexon.com/s2/game/fo4/event/2022/221208_update_1f5dk8nt/01_scrolldown_shape.png") 0 0 no-repeat; margin: 0 auto;}
.upAndDown{animation-name: upAndDown; animation-duration: 1s;  animation-iteration-count: infinite; animation-timing-function: linear; animation-fill-mode: backwards;animation-direction:alternate}
@media screen and (max-height: 1000px) {
    #content .scene._01 .element { z-index:4; position:absolute; left:50%; top:40%; transform:translateX(-50%) translateY(-50%); -webkit-transform:translateX(-50%) translateY(-45%); -ms-transform:translateX(-50%) translateY(-45%); }
    .upAndDown{animation-name: upAndDown1000; animation-duration: 1s;  animation-iteration-count: infinite; animation-timing-function: linear; animation-fill-mode: backwards;animation-direction:alternate}
    #content .scene._01 .element .scroll_down{bottom: -80px;}
    #content .scene._01 .element .title { width:1308px; height:209px; margin-bottom:10px; }
    @keyframes upAndDown1000 {
        from{
            bottom:0;
        }
        to{
            bottom: 30px;
        }
    }
}
@keyframes upAndDown {
    from{
        bottom:-80px;
    }
    to{
        bottom: -110px;
    }
}
#content .scene._02 { background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/221208_update_1f5dk8nt/bg_02.jpg") 50% 50% no-repeat; background-size:cover; }
#content .scene._02 .shape._0{background: url("https://ssl.nexon.com/s2/game/fo4/event/2022/221208_update_1f5dk8nt/02_shape0.png") 50% 50% no-repeat; background-size: cover; width: 100%; height: 100%; position: absolute; z-index: 1;}
#content .scene._02 .element { z-index:4; position:absolute; left:50%; top:50%; width:1280px; height:750px; transform:translateX(-50%) translateY(-50%); -webkit-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); }
#content .scene._02 .element .title { z-index:4; position:absolute; left:355px; bottom:702px; width:578px; height:74px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/221208_update_1f5dk8nt/02_title.png") left bottom no-repeat; }
#content .scene._02 .element .subtitle { z-index:4; position:absolute; left:105px; bottom:662px; width:1051px; height:19px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/221208_update_1f5dk8nt/02_subtitle.png") left bottom no-repeat; }
#content .scene._02 .element .crest{ z-index:4; position:absolute; left:135px; bottom:62px; width:129px; height:153px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/221208_update_1f5dk8nt/02_icon.png") left bottom no-repeat; }
#content .scene._02 .element .btn_link{ z-index:4; position:absolute; left:1015px; bottom:72px; width:136px; height:136px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/221208_update_1f5dk8nt/02_btn.png") left bottom no-repeat; }
#content .scene._02 .element .card { z-index:4; position:absolute; left:205px; top:140px; width:920px; height:580px; font-size:0; line-height:0; }
#content .scene._02 .element .card li { display:inline-block; width:210px; height:336px; vertical-align:top; }
/* #content .scene._02 .element .card li a { width:208px; height:290px; filter:drop-shadow(0 8px 8px rgba(0,0,0,0.2)); } */
#content .scene._02 .element .card li:nth-child(1)  { background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/221208_update_1f5dk8nt/02_list_1.png") left top no-repeat; margin-right: 10px;}
#content .scene._02 .element .card li:nth-child(2)  { background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/221208_update_1f5dk8nt/02_list_2.png") left top no-repeat; margin-right: 10px;}
#content .scene._02 .element .card li:nth-child(3)  { background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/221208_update_1f5dk8nt/02_list_3.png") left top no-repeat; margin-right: 10px;}
#content .scene._02 .element .card li:nth-child(4)  { background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/221208_update_1f5dk8nt/02_list_4.png") left top no-repeat; }
#content .scene._02 .element .card li:nth-child(5)  { background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/221208_update_1f5dk8nt/02_list_5.png") left top no-repeat; margin-left: 110px; margin-top: -15px; margin-right: 10px;}
#content .scene._02 .element .card li:nth-child(6)  { background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/221208_update_1f5dk8nt/02_list_6.png") left top no-repeat; margin-top: -15px; margin-right: 10px;}
#content .scene._02 .element .card li:nth-child(7)  { background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/221208_update_1f5dk8nt/02_list_7.png") left top no-repeat; margin-top: -15px;}

#content .scene._03 { background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/221208_update_1f5dk8nt/bg_03.jpg") 50% 50% no-repeat; background-size:cover; }
#content .scene._03 .shape._0{background: url("https://ssl.nexon.com/s2/game/fo4/event/2022/221208_update_1f5dk8nt/03_shape0.png") 50% 50% no-repeat; background-size: cover; width: 100%; height: 100%; position: absolute; z-index: 1;}
/* #content .scene._03 .shape._1{background: url("https://ssl.nexon.com/s2/game/fo4/event/2022/221208_update_1f5dk8nt/03_shape1.png") -265% 50% no-repeat; background-size: cover; width: 100%; height: 100%; position: absolute; z-index: 2;} */
#content .scene._03 .element { z-index:4; position:absolute; left:50%; top:50%; width:1280px; height:750px; transform:translateX(-50%) translateY(-50%); -webkit-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); }
#content .scene._03 .element .title { z-index:4; position:absolute; left:285px; bottom:582px; width:717px; height:74px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/221208_update_1f5dk8nt/03_title.png") left bottom no-repeat; }
#content .scene._03 .element .subtitle { z-index:4; position:absolute; left:370px; bottom:542px; width:535px; height:17px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/221208_update_1f5dk8nt/03_subtitle.png") left bottom no-repeat; }
#content .scene._03 .element .crest{ z-index:14; position:absolute; left:40px; bottom:222px; width:132px; height:184px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/221208_update_1f5dk8nt/03_klb.png") left bottom no-repeat; }
#content .scene._03 .element .btn_link{ z-index:14; position:absolute; left:1115px; bottom:252px; width:136px; height:136px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/221208_update_1f5dk8nt/03_btn.png") left bottom no-repeat; }
#content .scene._03 .element .card { z-index:4; position:absolute; left:205px; top:260px; width:920px; height:580px; font-size:0; line-height:0; }
#content .scene._03 .element .card li { display:inline-block; width:210px; height:336px; vertical-align:top; }
/* #content .scene._02 .element .card li a { width:208px; height:290px; filter:drop-shadow(0 8px 8px rgba(0,0,0,0.2)); } */
#content .scene._03 .element .card li:nth-child(1)  { background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/221208_update_1f5dk8nt/03_list_1.png") left top no-repeat; margin-right: 10px;}
#content .scene._03 .element .card li:nth-child(2)  { background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/221208_update_1f5dk8nt/03_list_2.png") left top no-repeat; margin-right: 10px;}
#content .scene._03 .element .card li:nth-child(3)  { background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/221208_update_1f5dk8nt/03_list_3.png") left top no-repeat; margin-right: 10px;}
#content .scene._03 .element .card li:nth-child(4)  { background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/221208_update_1f5dk8nt/03_list_4.png") left top no-repeat; }

#content .scene._04 { background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/221208_update_1f5dk8nt/bg_04.jpg") 50% 50% no-repeat; background-size:cover; }
#content .scene._04 .element { z-index:4; position:absolute; left:50%; top:50%; width:1280px; height:750px; transform:translateX(-50%) translateY(-50%); -webkit-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); }
#content .scene._04 .element .title { z-index:4; position:absolute; left:210px; bottom:582px; width:867px; height:146px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/221208_update_1f5dk8nt/04_title.png") left bottom no-repeat; }
#content .scene._04 .element .subtitle { z-index:4; position:absolute; left:270px; bottom:572px; width:748px; height:19px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/221208_update_1f5dk8nt/04_subtitle.png") left bottom no-repeat; }
#content .scene._04 .element .crest{ z-index:4; position:absolute; left:40px; bottom:258px; width:150px; height:150px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/221208_update_1f5dk8nt/04_ng.png") left bottom no-repeat; }
#content .scene._04 .element .btn_link{ z-index:4; position:absolute; left:1115px; bottom:272px; width:136px; height:136px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/221208_update_1f5dk8nt/04_btn.png") left bottom no-repeat; }
#content .scene._04 .element .card { z-index:4; position:absolute; left:205px; top:240px; width:920px; height:580px; font-size:0; line-height:0; }
#content .scene._04 .element .card li { display:inline-block; width:210px; height:336px; vertical-align:top; }
#content .scene._04 .element .card li:nth-child(1)  { background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/221208_update_1f5dk8nt/04_list_1.png") left top no-repeat; margin-right: 10px;}
#content .scene._04 .element .card li:nth-child(2)  { background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/221208_update_1f5dk8nt/04_list_2.png") left top no-repeat; margin-right: 10px;}
#content .scene._04 .element .card li:nth-child(3)  { background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/221208_update_1f5dk8nt/04_list_3.png") left top no-repeat; margin-right: 10px;}
#content .scene._04 .element .card li:nth-child(4)  { background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/221208_update_1f5dk8nt/04_list_4.png") left top no-repeat; }

#content .scene._05 { background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/221208_update_1f5dk8nt/bg_05.jpg") 50% 50% no-repeat; background-size:cover; }

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

.event_layer_popup { overflow-y:auto; z-index:10240; position:fixed; left:0; top:0; display:none; width:100%; height:100%; background-color:rgba(0,0,0,0.8); }
.event_layer_popup .content { z-index:128; position:absolute; left:50%; top:50%; box-sizing:border-box; width:640px; box-shadow:0 0 32px rgba(0,0,0,0.8); -ms-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); }
.event_layer_popup .content .btn_close { z-index:16; position:absolute; right:0; top:-80px; width:64px; height:64px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/220512_sticker_s8d78w4hvv/luckystore/btn_close.png") left top no-repeat; }
.video.event_layer_popup .content { width:1280px; }
.video.event_layer_popup .content #videoPlayer { width:1280px; height:720px; font-size:0; line-height:0; background-color:#000000; }
.event_layer_popup { overflow-y:auto; z-index:1020; position:fixed; left:0; top:0; display:none; width:100%; height:100%; background-color:rgba(0,0,0,0.8); }
.event_layer_popup .content { z-index:128; position:absolute; left:50%; top:50%; box-sizing:border-box; width:580px; box-shadow:0 0 32px rgba(0,0,0,0.8); -ms-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); background-color:#ffffff; }
.event_layer_popup .content .btn_close { z-index:16; position:absolute; right:0; top:0; width:64px; height:64px; box-shadow:inset 1px 0 0 rgba(220,220,220,1); background:url("https://ssl.nexon.com/s2/game/fo4/event/2021/210513_3rd_anniversary/btn_layer_close.png") left top no-repeat; }
.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; }
.event_layer_popup .content .message { padding:32px; }
.event_layer_popup .content .message > p { font-size:16px; line-height:20px; color:#000000; text-align:center; }
.event_layer_popup .content .message > p strong { font-size:16px; line-height:20px; color:#08de68; }
.event_layer_popup .content .button { overflow:hidden; }
.event_layer_popup .content .button .btn_confirm { float:left; width:100%; font-size:24px; line-height:72px; color:#ffffff; text-align:center; background-color:#08de68; }
.loading.event_layer_popup { z-index:20000 !important; }
.loading.event_layer_popup .content { z-index:138 !important; box-shadow:none; border-radius:0; border:none; background:transparent; }
.loading.event_layer_popup .content ul { width:128px; margin:0 auto 48px auto; }
.loading.event_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.event_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.event_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); }