@charset "utf-8";

html,body { width:100%; min-width:1280px; font-family:"Pretendard","Noto Sans KR",Dotum,"돋움",Helvetica,"Apple SD Gothic Neo",sans-serif; background-color:#000000; }
h1,h2,h3,h4,h5,h6,th,td,input,select,textarea,button,b,strong,span { font-family:"Pretendard","Noto Sans KR",Dotum,"돋움",Helvetica,"Apple SD Gothic Neo",sans-serif; }
button:focus,input:focus,textarea:focus { outline:0; }

#wrapper { position:relative; overflow:hidden; width:100%; min-width:1280px; line-height:0; }
#wrapper a { font-family:"Pretendard","Noto Sans KR",Dotum,"돋움",Helvetica,"Apple SD Gothic Neo",sans-serif; cursor:pointer; }
#wrapper button { font-family:"Pretendard","Noto Sans KR",Dotum,"돋움",Helvetica,"Apple SD Gothic Neo",sans-serif; outline:none; cursor:pointer; }
#wrapper button:focus { outline:none; }

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

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

#middle { position:relative; overflow:hidden; background-color:#000000; }
#middle .section { position:relative; }
#middle .section .inner { position:relative; box-sizing:border-box; width:1280px; margin:0 auto; }
#middle .header.section { background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/221222_thisyearslast_nar/bg_header.png") center top no-repeat; }
#middle .header.section .inner { height:802px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/221222_thisyearslast_nar/bg_header.png") -640px 0 no-repeat; }
#middle .banner.section { overflow:hidden; }
#middle .banner.section .inner { overflow:hidden; width:100%; height:160px; }
#middle .banner.section .inner .rolling { z-index:2; position:absolute; left:50%; top:0; width:2560px; height:160px; margin:0 0 0 -1280px; }
#middle .banner.section .inner .rolling.active { z-index:4; }
#middle .banner.section .inner .btn_foschool { background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/221222_thisyearslast_nar/bg_banner_01.png") left top no-repeat; }
#middle .banner.section .inner .btn_guide { background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/221222_thisyearslast_nar/bg_banner_02.png") left top no-repeat; }
#middle .event._01.section { background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/221222_thisyearslast_nar/bg_event_01.png") center top no-repeat; }
#middle .event._01.section .inner { height:986px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/221222_thisyearslast_nar/bg_event_01.png") -640px 0 no-repeat; }
#middle .event._02.section { background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/221222_thisyearslast_nar/bg_event_02.png") center top no-repeat; }
#middle .event._02.section .inner { height:938px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/221222_thisyearslast_nar/bg_event_02.png") -640px 0 no-repeat; }
#middle .foschool.section { background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/221222_thisyearslast_nar/bg_foschool.png") center top no-repeat; }
#middle .foschool.section .inner { box-sizing:content-box; height:986px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/221222_thisyearslast_nar/bg_foschool.png") -640px 0 no-repeat; }
#middle .section .inner > .btn_notice { z-index:4; position:absolute; right:330px; top:386px; width:128px; height:44px; background:url("https://ssl.nexon.com/s2/game/fo4/common/transparent.png") left top repeat; }
#middle .section .inner > .btn_guide { z-index:4; position:absolute; right:196px; top:386px; width:128px; height:44px; background:url("https://ssl.nexon.com/s2/game/fo4/common/transparent.png") left top repeat; }
#middle .section .inner .user { z-index:4; position:absolute; left:0; bottom:70px; width:1280px; height:160px; box-shadow:0 16px 16px rgba(0,0,0,0.4); background-color:#ffffff; }
#middle .section .inner .user .login { z-index:4; position:absolute; left:30px; top:30px; width:1220px; height:100px; border-radius:12px; background-color:#202020; }
#middle .section .inner .user .login .message { font-weight:300; font-size:20px; line-height:100px; color:#ffffff; letter-spacing:0; text-align:center; }
#middle .section .inner .user .login .message strong { font-size:20px; line-height:100px; color:#ffb81e; letter-spacing:0; vertical-align:top; }
#middle .section .inner .user .login .btn_login,
#middle .section .inner .user .login .btn_notice { z-index:4; position:absolute; right:30px; top:30px; width:170px; height:40px; border-radius:8px; background-color:#ff3036; }
#middle .section .inner .user .login .btn_login p,
#middle .section .inner .user .login .btn_notice p { font-weight:500; font-size:16px; line-height:40px; color:#ffffff; letter-spacing:0; text-align:center; }
#middle .section .inner .user .login .btn_login p::after,
#middle .section .inner .user .login .btn_notice p::after { content:"▶"; display:inline-block; margin-left:4px; font-size:12px; line-height:40px; color:#ffffff; letter-spacing:0; vertical-align:top; }
#middle .section .inner .user .login .btn_check { z-index:4; position:absolute; left:0; top:0; width:264px; height:100px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/221222_thisyearslast_nar/btn_check.png") left top no-repeat; }
#middle .section .inner .user .login .check.message { padding-left:264px; }
#middle .section .inner .user .login.access { width:990px; }
#middle .section .inner .user .login.access::after { content:""; z-index:2; position:absolute; right:-32px; top:-30px; width:1px; height:160px; border-right:1px solid #ffffff; background-color:#d8d8d8; }
#middle .section .inner .user .login.access .message { padding:22px 0 22px 294px; line-height:28px; text-align:left; }
#middle .section .inner .user .login.access .message strong { line-height:28px; }
#middle .section .inner .user .login .btn_reward_list { z-index:4; position:absolute; right:-230px; top:0; box-sizing:border-box; width:170px; height:100px; border-radius:12px; border:1px solid #a89c96; background:url("https://ssl.nexon.com/s2/game/fo4/common/transparent.png") left top repeat; }
#middle .section .inner .user .login .btn_reward_list p { font-weight:500; font-size:18px; line-height:98px; color:#302624; }
#middle .section .inner .user .login .btn_reward_list p strong { font-weight:500; font-size:10px; line-height:98px; color:#302624; vertical-align:top; }
#middle .section .inner > p.reward { z-index:4; position:absolute; right:232px; top:102px; box-sizing:border-box; width:200px; height:38px; padding:0 20px 0 108px; font-weight:bold; font-size:14px; line-height:38px;; color:#302624; letter-spacing:0; text-align:right; border-radius:8px; background-color:#e0e0e0; }
#middle .section .inner > p.reward::before { content:"미수령 보상"; z-index:4; position:absolute; left:20px; top:0; font-weight:bold; font-size:14px; line-height:38px; color:#000000; letter-spacing:0; text-align:left; }
#middle .section .inner > p.reward strong { font-weight:bold; font-size:14px; line-height:38px;; color:#ff3036; letter-spacing:0; vertical-align:top; }
#middle .section .inner > .advice { z-index:4; position:absolute; left:0; top:160px; width:100%; font-weight:500; font-size:20px; line-height:20px; color:#dcdcdc; letter-spacing:0; text-align:center; text-shadow:0 0 16px rgba(0,0,0,0.4); }
#middle .section .inner > .advice strong { font-weight:500; font-size:20px; line-height:20px; color:#ebd664; letter-spacing:0; vertical-align:top; }
#middle .foschool.section .inner > .player { z-index:4; position:absolute; left:-54px; top:230px; width:1120px; height:630px; background-color:#000000; }
#middle .foschool.section .inner > .player #yt { width:1120px; height:630px; background-color:#000000; }
#middle .foschool.section .inner > .list { z-index:4; position:absolute; right:-140px; top:230px; overflow-y:scroll; width:304px; height:630px; }
#middle .foschool.section .inner > .list::-webkit-scrollbar { width:12px; height:12px; }
#middle .foschool.section .inner > .list::-webkit-scrollbar-track { background-color:#ccff00; }
#middle .foschool.section .inner > .list::-webkit-scrollbar-track-piece { background-color:#2c4630; }
#middle .foschool.section .inner > .list::-webkit-scrollbar-thumb { background-color:#ccff00; }
#middle .foschool.section .inner > .list::-webkit-scrollbar-button { width:0; height:0; }
#middle .foschool.section .inner > .list ul { width:284px; }
#middle .foschool.section .inner > .list ul li { width:284px; height:160px; margin-bottom:16px; }
#middle .foschool.section .inner > .list ul li:last-child { margin-bottom:0; }
#middle .foschool.section .inner > .list ul li button { position:relative; display:block; width:284px; height:160px; }
#middle .foschool.section .inner > .list ul li button img { width:284px; height:160px; }
#middle .foschool.section .inner > .list ul li button p { z-index:4; position:absolute; left:0; top:0; box-sizing:border-box; display:block; width:76px; height:34px; font-weight:bold; font-size:18px; line-height:34px; color:#000000; letter-spacing:0; text-align:center; background-color:#ff7800; }
#middle .foschool.section .inner > .list ul li.active button::after { content:""; z-index:8; position:absolute; left:0; top:0; box-sizing:border-box; display:block; width:100%; height:100%; border:4px solid #ccff00; }

#navigation { z-index:4; position:absolute; left:0; top:182px; box-sizing:border-box; overflow:hidden; width:1280px; height:114px; border-radius:12px; box-shadow:0 32px 64px rgba(0,0,0,0.4); background-color:#ffffff; }
#navigation .step { overflow:hidden; width:1280px; height:50px; box-shadow:inset 0 -1px #cccccc; }
#navigation .step li { float:left; box-sizing:border-box; height:50px; font-size:18px; line-height:50px; color:#989898; letter-spacing:0; text-align:center; border-right:1px solid #cccccc; }
#navigation .step li.view { font-weight:bold; color:#ffffff; background-color:#000000; }
#navigation .step li:nth-child(1) { width:106px; }
#navigation .step li:nth-child(2) { width:318px; }
#navigation .step li:nth-child(3) { width:424px; }
#navigation .step li:nth-child(4) { width:432px; border-right:none; }
#navigation .date { overflow:hidden; overflow:hidden; width:1280px; height:64px; }
#navigation .date li { float:left; box-sizing:border-box; width:106px; height:64px; border-right:1px solid #cccccc; background-color:#f8f8f8; }
#navigation .date li:last-child { width:114px; border-right:none; }
#navigation .date li button { display:block; width:100%; height:64px; font-size:20px; line-height:64px; color:#989898; letter-spacing:0; text-align:center; }
#navigation .date li.active { background-color:#f68c54; }
#navigation .date li.active button { color:#ffffff; }
#navigation .date li.view button { background-color:#000000; }
#navigation .date li.view button p { font-weight:bold; color:#ffffff; }

#normal { z-index:4; position:absolute; left:0; top:314px; box-sizing:border-box; width:1280px; height:564px; }
#normal .list { position:relative; width:24368px !important; height:564px; }
#normal .list .slide { overflow:hidden; box-sizing:border-box; float:left; width:1280px; height:564px; margin-right:16px; border-radius:12px; box-shadow:0 32px 64px rgba(0,0,0,0.4); background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/221222_thisyearslast_nar/bg_slide.png") right top no-repeat #fafafa; }
#normal .list .slide:last-child { margin-right:0; }
#normal .list .slide:nth-child(2),
#normal .list .slide:nth-child(3),
#normal .list .slide:nth-child(4),
#normal .list .slide:nth-child(5),
#normal .list .slide:nth-child(6),
#normal .list .slide:nth-child(7),
#normal .list .slide:nth-child(8) { width:968px; }
#normal .list .slide .title { height:80px; font-weight:bold; font-size:28px; line-height:80px; color:#000000; text-align:center; }
#normal .list .slide .title strong { font-weight:bold; font-size:28px; line-height:80px; color:#ff3036; vertical-align:top; }
#normal .list .slide .title::before { content:""; display:inline-block; width:28px; height:28px; margin:24px 8px 28px 0; vertical-align:top; filter:drop-shadow(2px 2px 0 #cccccc); background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/221222_thisyearslast_nar/ico_star.png") left top repeat-x; }
#normal .list .slide:nth-child(2) .title::before,
#normal .list .slide:nth-child(3) .title::before,
#normal .list .slide:nth-child(4) .title::before { width:56px; }
#normal .list .slide:nth-child(5) .title::before,
#normal .list .slide:nth-child(6) .title::before,
#normal .list .slide:nth-child(7) .title::before,
#normal .list .slide:nth-child(8) .title::before { width:84px; }
#normal .list .slide:nth-child(9) .title::before,
#normal .list .slide:nth-child(10) .title::before,
#normal .list .slide:nth-child(11) .title::before,
#normal .list .slide:nth-child(12) .title::before { width:112px; }
#normal .list .slide .reward { position:relative; overflow:hidden; box-sizing:border-box; height:452px; margin:0 32px; padding:44px 32px 26px 32px; border-radius:12px; box-shadow:inset 2px 4px 4px #cccccc; background-color:#ffffff; }
#normal .list .slide .reward .item { display:block; padding-bottom:32px; font-size:0; line-height:0; text-align:center; }
#normal .list .slide .reward .item li { position:relative; display:inline-block; width:140px; vertical-align:top; }
#normal .list .slide .reward .item li .image { position:relative; width:100px; height:100px; margin:0 20px; background-color:#e6e6e6; }
#normal .list .slide .reward .item li .image img { width:100px; height:100px; }
#normal .list .slide .reward .item li .text { box-sizing:border-box; height:70px; padding:16px 8px 0 8px; font-size:14px; line-height:18px; color:#666666; letter-spacing:-1px; text-align:center; }
#normal .list .slide .reward .advice { position:relative; padding:32px 0; font-weight:400; font-size:14px; line-height:14px; color:#c29280; letter-spacing:0; text-align:center; border-top:2px solid #e6e6e6; }
#normal .list .slide .reward .advice strong { font-weight:bold; font-size:14px; line-height:14px; color:#ff3036; letter-spacing:0; vertical-align:top; }
#normal .list .slide .reward .advice::before { content:"!"; z-index:4; position:absolute; left:50%; top:-16px; display:block; width:32px; height:32px; margin-left:-16px; font-weight:bold; font-size:16px; line-height:32px; color:#ffffff; text-align:center; border-radius:32px; background-color:#c29280; }
#normal .list .slide .reward .button { height:100px; text-align:center; }
#normal .list .slide .reward .button .btn_reward { box-sizing:border-box; width:500px; height:100px; cursor:default; border:2px solid #f8d2bc; border-radius:12px; background:linear-gradient(to bottom,#f8d2bc 0%,#faaeb2 100%); }
#normal .list .slide .reward .button .btn_reward.active { cursor:pointer; border:2px solid #f68c54; background:linear-gradient(to bottom,#f68c54 0%,#ff3036 100%); }
#normal .list .slide .reward .button .btn_reward p { font-weight:bold; font-size:24px; line-height:96px; color:#ffffff; text-align:center; letter-spacing:0; }
#normal .list .slide .reward .button .btn_reward.complete { border:8px solid #ccc4c4; background:transparent; }
#normal .list .slide .reward .button .btn_reward.complete p { line-height:84px; color:#aaa09a; }
#normal .list .slide .reward .button .btn_reward.none { border:2px solid #ccc4c4; background:#ccc4c4; }
#normal .list .slide:nth-child(1) { overflow:visible; position:relative; }
#normal .list .slide:nth-child(1) .reward { overflow:visible; width:860px; }
#normal .list .slide:last-child { overflow:visible; }
#normal .list .slide:last-child .reward { overflow:visible; }
#normal .list .slide:nth-child(1) .reward .item { width:560px; text-align:left; }
#normal .list .slide:nth-child(1) .reward .advice { width:560px; }
#normal .list .slide:nth-child(1) .reward .advice span { display:block; width:796px; font-weight:400; font-size:14px; line-height:14px; color:#c29280; letter-spacing:0; text-align:center; }
#normal .list .slide .reward .add { z-index:4; position:absolute; left:624px; top:44px; width:204px; height:204px; background-color:#e6e6e6; }
#normal .list .slide .reward .add::after { content:""; z-index:4; position:absolute; right:0; top:0; display:block; width:100px; height:100px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/221222_thisyearslast_nar/img_add.png") left top no-repeat; }
#normal .list .slide .reward .add .image { width:100px; height:100px; margin:34px auto 0 auto; background-color:#f0f0f0; }
#normal .list .slide .reward .add .image img { width:100px; height:100px; }
#normal .list .slide .reward .add .text { box-sizing:border-box; height:70px; padding:16px 4px 0 4px; font-size:14px; line-height:18px; color:#666666; letter-spacing:0; text-align:center; }
#normal .list .slide .reward .item li.select { cursor:pointer; }
#normal .list .slide .reward .item li.active .image { opacity:1; }
#normal .list .slide .reward .item li.active .image::after { content:""; z-index:4; position:absolute; left:0; top:0; display:block; box-sizing:border-box; width:100%; height:100%; border:4px solid #ff3036; }
#normal .list .slide .reward .item li.passive .image { opacity:0.4; }

.register { z-index:4; position:absolute; right:32px; top:80px; overflow:hidden; box-sizing:border-box; width:340px; height:452px; padding:0 0 26px 0; border-radius:12px; box-shadow:inset 2px 4px 4px #cccccc; background-color:#ffffff; }
.register .top { font-weight:bold; font-size:20px; line-height:52px; color:#000000; letter-spacing:0; text-align:center; box-shadow:inset 2px 4px 4px #cccccc; background-color:#f2f4e8; }
.register .top::before { content:""; display:inline-block; width:28px; height:36px; margin:8px 8px 8px 0; filter:drop-shadow(0 2px 0 rgba(0,0,0,0.2)); vertical-align:top; background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/221222_thisyearslast_nar/ico_badge.png") left top no-repeat; background-size:28px 36px; }
.register .item { display:block; padding:16px 0 0 0; font-size:0; line-height:0; text-align:center; }
.register .item li { position:relative; display:inline-block; width:148px; vertical-align:top; }
.register .item li .image { position:relative; width:100px; height:100px; margin:0 auto; background-color:#e6e6e6; }
.register .item li .image img { width:100px; height:100px; }
.register .item li .text { box-sizing:border-box; width:148px; height:52px; padding:4px 4px 0 4px; font-size:14px; line-height:18px; color:#666666; letter-spacing:0; text-align:center; }
.register .advice { width:308px; height:108px; margin:-10px auto 8px auto; filter:drop-shadow(0 2px 0 rgba(0,0,0,0.2)); background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/221222_thisyearslast_nar/txt_register.png") left top repeat; }
.register .button { height:100px; padding:0 16px; text-align:center; }
.register .button .btn_reward { box-sizing:border-box; width:100%; height:100px; cursor:default; border:2px solid #f8d2bc; border-radius:12px; background:linear-gradient(to bottom,#f8d2bc 0%,#faaeb2 100%); }
.register .button .btn_reward.active { cursor:pointer; border:2px solid #f68c54; background:linear-gradient(to bottom,#f68c54 0%,#ff3036 100%); }
.register .button .btn_reward p { font-weight:bold; font-size:24px; line-height:96px; color:#ffffff; text-align:center; letter-spacing:0; }
.register .button .btn_reward.complete { border:8px solid #ccc4c4; background:transparent; }
.register .button .btn_reward.complete p { line-height:84px; color:#aaa09a; }
.register .button .btn_reward.none { border:2px solid #ccc4c4; background:#ccc4c4; }
.register .button .btn_register { box-sizing:border-box; width:100%; height:100px; cursor:default; border:2px solid #c60036; border-radius:12px; background:linear-gradient(to bottom,#f80062 0%,#c60036 100%); }
.register .button .btn_register p { font-weight:bold; font-size:24px; line-height:96px; color:#ffffff; text-align:center; letter-spacing:0; }
.register .button .btn_register p strong { font-weight:bold; font-size:16px; line-height:96px; color:#ffffff; letter-spacing:0; vertical-align:top; }

.tooltip { z-index:8; position:absolute; left:56px; bottom:-14px; width:28px; height:28px; cursor:pointer; background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/221222_thisyearslast_nar/ico_tooltip.png") left top repeat; }
.tooltip .wrapper { z-index:32; position:absolute; left:50%; bottom:100%; display:none; box-sizing:border-box; width:440px; margin:0 0 4px -220px; padding:16px; border:2px solid #46acff; border-radius:4px; box-shadow:4px 4px 12px rgba(0,0,0,0.2); background-color:#ffffff; }
.tooltip:hover .wrapper { display:block; }
.tooltip .wrapper > p { font-weight:bold; font-size:18px; line-height:18px; color:#46acff; text-align-last:center; letter-spacing:0; }
.tooltip .wrapper > p.notice { font-weight:normal; font-size:14px; line-height:18px; color:#ff3036; }
.tooltip .wrapper .table { padding:16px; }
.tooltip .wrapper .table table { width:100%; }
.tooltip .wrapper .table table tr th { padding:8px 0; font-size:16px; line-height:16px; color:#ffffff; letter-spacing:0; text-align:center; background-color:#46acff; }
.tooltip .wrapper .table table tr td { padding:8px 0; font-size:14px; line-height:14px; color:#000000; letter-spacing:0; text-align:center; border-bottom:2px solid #46acff; background-color:#ffffff; }

#scrollbar { z-index:6; position:absolute; left:420px; top:208px; width:440px; height:8px; border-radius:8px; cursor:pointer; background-color:rgba(255,255,255,0.4); }
#scrollbar .swiper-scrollbar-drag { z-index:4; position:absolute; left:0; top:-6px; box-sizing:border-box; width:100px !important; height:20px; cursor:pointer; filter:drop-shadow(4px 4px 8px rgba(0,0,0,0.2)); background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/221222_thisyearslast_nar/ico_scroll.png") left top no-repeat; }
#scrollbar .swiper-scrollbar-drag:hover { filter:drop-shadow(4px 4px 8px rgba(0,0,0,0.4)); }
#special { z-index:4; position:absolute; left:0; top:244px; box-sizing:border-box; width:1280px; height:564px; }
#special .list { position:relative; width:4352px !important; height:564px; }
#special .list .slide { overflow:hidden; box-sizing:border-box; float:left; width:408px; height:564px; margin-right:16px; border-radius:12px; box-shadow:0 32px 64px rgba(0,0,0,0.4); background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/221222_thisyearslast_nar/bg_slide.png") right top no-repeat #fafafa; }
#special .list .slide:last-child { width:688px; margin-right:0; }
#special .list .slide.focus { box-shadow:inset 8px 0 0 #ff3036,inset -8px 0 0 #ff3036,inset 0 8px 0 #ff3036,inset 0 -8px 0 #ff3036; }
#special .list .slide .title { box-sizing:border-box; padding:26px 0 16px 0; font-weight:bold; font-size:28px; line-height:28px; color:#000000; text-align:center; }
#special .list .slide .title::after { content:""; display:inline-block; width:26px; height:26px; margin:2px 0 0 8px; vertical-align:top; background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/221222_thisyearslast_nar/ico_mission.png") 0 -26px no-repeat; }
#special .list .slide.active .title::after { background-position:0 0; }
#special .list .slide .mission { overflow:hidden; box-sizing:border-box; display:block; width:288px; margin:0 auto 16px auto; padding:16px 8px; font-weight:bold; font-size:16px; line-height:16px; color:#000000; text-align:center; letter-spacing:0; border-radius:12px; box-shadow:inset 2px 2px 2px #cccccc; background-color:#fafafa; }
#special .list .slide .mission strong { font-weight:bold; font-size:16px; line-height:16px; color:#ff3036; vertical-align:top; }
#special .list .slide .reward { overflow:hidden; box-sizing:border-box; height:404px; margin:0 32px; padding:44px 32px; border-radius:12px; box-shadow:inset 2px 2px 2px #cccccc; background-color:#ffffff; }
#special .list .slide .reward .item { display:block; padding-bottom:14px; font-size:0; line-height:0; text-align:center; }
#special .list .slide .reward .item li { display:inline-block; width:140px; vertical-align:top; }
#special .list .slide .reward .item li .image { width:100px; height:100px; margin:0 20px; background-color:#e6e6e6; }
#special .list .slide .reward .item li .image img { width:100px; height:100px; }
#special .list .slide .reward .item li .text { box-sizing:border-box; height:88px; padding:16px 4px 0 4px; font-size:14px; line-height:18px; color:#666666; letter-spacing:-1px; text-align:center; }
#special .list .slide .reward .advice { position:relative; padding:32px 0; font-size:14px; line-height:14px; color:#666666; letter-spacing:0; text-align:center; border-top:2px solid #e6e6e6; }
#special .list .slide .reward .advice::before { content:"!"; z-index:4; position:absolute; left:50%; top:-16px; display:block; width:32px; height:32px; margin-left:-16px; font-weight:bold; font-size:16px; line-height:32px; color:#ffffff; text-align:center; border-radius:32px; background-color:#c29280; }
#special .list .slide .reward .button .btn_guide { display:block; width:100%; height:44px; margin:0 auto 8px auto; cursor:pointer; border-radius:8px; background:linear-gradient(to top,#5c80da 0%,#88aae6 100%); }
#special .list .slide .reward .button .btn_guide p { font-weight:bold; font-size:16px; line-height:44px; color:#ffffff; text-align:center; letter-spacing:0; }
#special .list .slide .reward .button .btn_reward { display:block; width:100%; height:80px; margin:0 auto; cursor:default; border:2px solid #f8d2bc; border-radius:12px; background:linear-gradient(to bottom,#f8d2bc 0%,#faaeb2 100%); }
#special .list .slide .reward .button .btn_reward.active { cursor:pointer; border:2px solid #f68c54; background:linear-gradient(to bottom,#f68c54 0%,#ff3036 100%); }
#special .list .slide .reward .button .btn_reward p { font-weight:bold; font-size:24px; line-height:76px; color:#ffffff; text-align:center; letter-spacing:0; }
#special .list .slide .reward .button .btn_reward p strong { font-weight:bold; font-size:16px; line-height:76px; color:#ffffff; letter-spacing:0; vertical-align:top; }
#special .list .slide .reward .button .btn_reward.complete { border:8px solid #ccc4c4; background:transparent; }
#special .list .slide .reward .button .btn_reward.complete p { line-height:64px; color:#aaa09a; }
#special .list .slide .reward .button .btn_reward.none { border:2px solid #ccc4c4; background:#ccc4c4; }
#special .list .slide .reward .button .btn_mission { display:block; width:100%; height:80px; margin:0 auto; cursor:default; border:2px solid #f8d2bc; border-radius:12px; background:linear-gradient(to bottom,#f8d2bc 0%,#faaeb2 100%); }
#special .list .slide .reward .button .btn_mission.active { cursor:pointer; border:2px solid #f68c54; background:linear-gradient(to bottom,#f68c54 0%,#ff3036 100%); }
#special .list .slide .reward .button .btn_mission p { font-weight:bold; font-size:24px; line-height:76px; color:#ffffff; text-align:center; letter-spacing:0; }
#special .list .slide .reward .button .btn_mission p strong { font-weight:bold; font-size:16px; line-height:76px; color:#ffffff; letter-spacing:0; vertical-align:top; }
#special .list .slide .reward .button .btn_mission.on { border:2px solid #ccc4c4; background:#ccc4c4; }

#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:1080; 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%; width:320px; box-shadow:0 0 32px rgba(0,0,0,0.8); transform:translateX(-50%) translateY(-50%); -webkit-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); background-color:#ffffff ; }
.guide.event_layer_popup .content { width:1200px; height:1410px; top:64px; transform:translateX(-50%) translateY(0%); -webkit-transform:translateX(-50%) translateY(0%); -ms-transform:translateX(-50%) translateY(0%); background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/221222_thisyearslast_nar/bg_guide.png") left top no-repeat; }
.guide.event_layer_popup .content .btn_today { z-index:4; position:absolute; right:94px; top:26px; display:none; width:134px; height:14px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/221222_thisyearslast_nar/btn_today.png") left top no-repeat; }
.guide.event_layer_popup .content .btn_close { z-index:4; position:absolute; right:0; top:0; width:66px; height:64px; box-shadow:none; background:url("https://ssl.nexon.com/s2/game/fo4/common/transparent.png") left top repeat; }
.loading.event_layer_popup { z-index:14320 !important; }
.loading.event_layer_popup .content { z-index:256 !important; width:272px; box-shadow:none; border-radius:0; border:none; background:transparent; }
.loading.event_layer_popup .content ul { width:128px; margin:0 auto 32px 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 { text-align:center; color:#ffffff; text-shadow:0 0 32px rgba(0,0,0,1); }
.loading.event_layer_popup .content p:nth-child(2) { margin-bottom:16px; font-size:48px; line-height:48px; font-weight:bold; }
.loading.event_layer_popup .content p:nth-child(3) { font-size:32px; line-height:32px; }
.event_layer_popup .content .title { z-index:10; position:relative; 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); 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/2020/200402_layer_common_/btn_close.png") left top no-repeat; }
.mission_guide.event_layer_popup .content { width:636px; }
.mission_guide.event_layer_popup .content .mission { position:relative; overflow:hidden; width:636px; height:640px; }
.mission_guide.event_layer_popup .content .mission .list { position:relative; width:2544px; height:640px; }
.mission_guide.event_layer_popup .content .mission .list .slide { float:left; width:636px; height:640px; font-size:0; line-height:0; }
.mission_guide.event_layer_popup .content .mission .prev { z-index:4; position:absolute; left:16px; top:30px; width:40px; height:72px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/221222_thisyearslast_nar/btn_prev.png") left top no-repeat; background-size:40px 72px; }
.mission_guide.event_layer_popup .content .mission .next { z-index:4; position:absolute; right:16px; top:30px; width:40px; height:72px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/221222_thisyearslast_nar/btn_next.png") left top no-repeat; background-size:40px 72px; }
.mission_guide.event_layer_popup .content .mission .prev.swiper-button-disabled,
.mission_guide.event_layer_popup .content .mission .next.swiper-button-disabled { opacity:0.4; cursor:default; }
.target.event_layer_popup .content { width:640px; }
.event_layer_popup .content .message { padding:32px 0; font-size:18px; line-height:26px; color:#000000; letter-spacing:0; text-align:center; }
.event_layer_popup .content .message strong { font-weight:bold; font-size:18px; line-height:26px; color:#08de68; letter-spacing:0; vertical-align:top; }
.event_layer_popup .content .button { font-size:0; line-height:0; }
.event_layer_popup .content .button .btn_link { width:50%; padding:8px 0; font-size:24px; line-height:32px; color:#ffffff; letter-spacing:0; text-align:center; vertical-align:top; background-color:#000000; }
.event_layer_popup .content .button .btn_confirm { width:50%; font-size:24px; line-height:80px; color:#ffffff; letter-spacing:0; text-align:center; vertical-align:top; background-color:#08de68; }