@charset "utf-8";

html,body { width:100%; max-width:2560px; min-width:1280px; margin:0 auto; 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%; max-width:2560px; min-width:1280px; margin:0 auto; padding:0 !important; font-size:0; 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%; height:100%; background-color:#000000; }

img { image-rendering:-webkit-optimize-contrast; }
#middle { position:relative; overflow:hidden; background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/221027_winter_register/bg_middle.png") left 50px no-repeat #000000; }
#middle .section { position:relative; }
#middle .section .inner { position:relative; box-sizing:border-box; width:1280px; margin:0 auto; }
#middle .header.section .inner { height:560px; }
#middle .content.section .inner { height:652px; }
#middle .section .inner > .player { z-index:4; position:absolute; left:-640px; top:0; opacity:0; width:2560px; height:1212px; filter:drop-shadow(0 16px 16px rgba(0,0,0,0.4)); background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/221027_winter_register/bg_player.png") left top no-repeat; }
#middle .section .inner > .title { z-index:8; position:absolute; left:384px; top:-110px; opacity:0; width:790px; height:504px; filter:drop-shadow(0 0 16px rgba(0,0,0,0.6)); background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/221027_winter_register/txt_title.png") left top no-repeat; }
#middle .section .inner > .advice { z-index:8; position:absolute; left:384px; top:422px; opacity:0; width:790px; height:40px; filter:drop-shadow(0 0 16px rgba(0,0,0,0.6)); background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/221027_winter_register/txt_advice.png") left top no-repeat; }
#middle .section .inner > .advice .btn_notice { z-index:4; position:absolute; right:242px; top:0; width:128px; height:40px; background:url("https://ssl.nexon.com/s2/game/fo4/common/transparent.png") left top repeat; }
#middle .section .inner > .advice .btn_reward { z-index:4; position:absolute; right:106px; top:0; width:128px; height:40px; background:url("https://ssl.nexon.com/s2/game/fo4/common/transparent.png") left top repeat; }
#middle .section .inner > .bg { z-index:2; position:absolute; left:-640px; top:0; opacity:0; width:2560px; }
#middle .section .inner > .bg._01 { top:-92px; height:2104px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/221027_winter_register/bg_middle_01.png") left top no-repeat; background-size:cover; }
#middle .section .inner > .bg._02 { height:1374px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/221027_winter_register/bg_middle_02.png") left top no-repeat; background-size:cover; }
#middle .section .inner > .bg._03 { height:1392px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/221027_winter_register/bg_middle_03.png") left top no-repeat; background-size:cover; }
#middle .section .inner > .bg._04 { height:1212px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/221027_winter_register/bg_middle_04.png") left top no-repeat; background-size:cover; }
#middle .section .btn_prev { z-index:32; position:absolute; left:32px; top:192px; display:block; width:80px; height:80px; filter:drop-shadow(0 0 16px rgba(0,0,0,0.6)); background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/221027_winter_register/btn_prev.png") left top no-repeat; }
#middle .section .btn_next { z-index:32; position:absolute; right:32px; top:192px; display:block; width:80px; height:80px; filter:drop-shadow(0 0 16px rgba(0,0,0,0.6)); background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/221027_winter_register/btn_next.png") left top no-repeat; }
#middle .section .btn_prev.swiper-button-disabled,
#middle .section .btn_next.swiper-button-disabled { display:none; }

#banner { z-index:16; position:absolute; left:0; top:0; opacity:0; width:1280px; height:466px; }
#banner .list { position:relative; display:flex; }
#banner .list::before { content:""; z-index:4; position:absolute; left:-112px; bottom:62px; display:block; width:96px; height:40px; filter:drop-shadow(0 0 8px rgba(0,0,0,1)); background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/221027_winter_register/img_md.png") left top no-repeat; }
#banner .list li { box-sizing:border-box; flex-basis:304px; margin-right:20px; }
#banner .list li:last-child { margin-right:0; }
#banner .list li .wrapper { position:relative; box-sizing:border-box; width:304px; height:142px; margin-bottom:20px; font-size:0; line-height:0; }
#banner .list li .wrapper:last-child { margin-bottom:0; }
#banner .list li .wrapper button { position:relative;display:block; width:100%; height:100%; }
#banner .list li .wrapper a { position:relative; overflow:hidden; display:block; width:100%; height:100%; border-radius:16px; box-shadow:0 0 16px rgba(0,0,0,0.6); background:transparent; }
#banner .list li.type_02 .wrapper:nth-child(1) { height:304px; }
#banner .list li.type_03 .wrapper:nth-child(2) { height:304px; }
#banner .list li.type_04 .wrapper { height:466px; }
#banner .list li.type_05 .wrapper:nth-child(1) { height:224px; }
#banner .list li.type_05 .wrapper:nth-child(2) { height:222px; }
#banner .list li.type_01 { flex-basis:470px; border-radius:16px; background-color:#ffffff; }
#banner .list li.type_01 .wrapper { width:470px; height:466px; padding:4px; }
#banner .list li.type_01 .wrapper .item { position:relative; border-radius:16px 16px 0 0; background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/221027_winter_register/bg_type_01.png") left top no-repeat; }
#banner .list li.type_01 .wrapper .btn_supporter { z-index:4; position:absolute; left:30px; top:334px; width:410px; height:100px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/221027_winter_register/btn_type_01.png") left top no-repeat; }
#banner .list li.type_01 .wrapper .btn_supporter.end { cursor:default; background-position:0 -100px; }
#banner .list li.type_01 .wrapper .btn_reward { z-index:4; position:absolute; left:106px; top:442px; width:258px; height:48px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/221027_winter_register/btn_type_02.png") left top no-repeat; }
#banner .list li.type_01 .wrapper .btn_add { z-index:4; position:absolute; left:106px; top:442px; width:258px; height:48px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/221027_winter_register/btn_type_03.png") left top no-repeat; }
#banner .list li.type_01.before .wrapper .item { height:300px; }
#banner .list li.type_01.before .wrapper .item::after { content:""; z-index:4; position:absolute; left:50px; top:194px; display:block; width:360px; height:72px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/221027_winter_register/txt_type_01.png") left top no-repeat; }
#banner .list li.type_01.before .wrapper .item .img_item { z-index:4; position:absolute; top:-32px; width:100px; height:160px; filter:drop-shadow(0 0 16px rgba(0,0,0,0.6)); }
#banner .list li.type_01.before._01 .wrapper .item::before { content:""; z-index:8; position:absolute; left:246px; top:38px; width:32px; height:32px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/221027_winter_register/ico_plus.png") left top no-repeat; }
#banner .list li.type_01.before._01 .wrapper .item .img_item._01 { left:82px; }
#banner .list li.type_01.before._01 .wrapper .item .img_item._02 { right:52px; }
#banner .list li.type_01.before._01 .wrapper .item .badge { z-index:6; position:absolute; left:112px; top:40px; width:130px; height:88px; filter:drop-shadow(0 4px 4px rgba(0,0,0,1)); background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/221027_winter_register/img_badge.png") left top no-repeat; background-size:130px 88px; }
#banner .list li.type_01.before._01 .wrapper .item .first_come { z-index:16; position:absolute; right:20px; top:98px; width:164px; height:30px; font-weight:bold; font-size:14px; line-height:30px; color:#ff0050; text-align:center; letter-spacing:0; border-radius:16px; background-color:#b2f032; }
#banner .list li.type_01.before._01 .wrapper .item .include { z-index:16; position:absolute; top:140px; width:132px; font-weight:bold; font-size:20px; line-height:20px; color:#ffffff; letter-spacing:0; text-align:center; }
#banner .list li.type_01.before._01 .wrapper .item .include._01 { left:66px; }
#banner .list li.type_01.before._01 .wrapper .item .include._02 { right:36px; }
#banner .list li.type_01.before._02 .wrapper .item .img_item._01 { z-index:32; top:-48px; right:160px; width:150px; height:240px; }
#banner .list li.type_01.before._02 .wrapper .item .img_item._02 { right:70px; top:-64px; width:120px; height:192px; }
#banner .list li.type_01.before._02 .wrapper .item .badge { z-index:32; position:absolute; left:70px; top:32px; width:130px; height:88px; filter:drop-shadow(0 4px 4px rgba(0,0,0,1)); background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/221027_winter_register/img_badge.png") left top no-repeat; background-size:130px 88px; }
#banner .list li.type_01.before._02 .wrapper .item .include { z-index:16; position:absolute; left:164px; top:140px; width:132px; font-weight:bold; font-size:20px; line-height:20px; color:#ffffff; letter-spacing:0; text-align:center; }
#banner .list li.type_01.after .wrapper::after { content:""; z-index:4; position:absolute; left:86px; top:184px; display:block; width:296px; height:32px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/221027_winter_register/txt_type_02.png") left top no-repeat; }
#banner .list li.type_01.after .wrapper .item { height:148px; }
#banner .list li.type_01.after .wrapper .item .badge { z-index:4; position:absolute; left:24px; top:24px; width:148px; height:100px; filter:drop-shadow(0 4px 4px rgba(0,0,0,1)); background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/221027_winter_register/img_badge.png") left top no-repeat; background-size:148px 100px; }
#banner .list li.type_01.after .wrapper .item .register { z-index:4; position:absolute; right:24px; top:46px; width:242px; font-size:0; line-height:0; letter-spacing:0; }
#banner .list li.type_01.after .wrapper .item .register strong { display:block; font-weight:bold; font-size:24px; line-height:28px; color:#b2f032; letter-spacing:0; }
#banner .list li.type_01.after .wrapper .add { z-index:4; position:absolute; left:0; top:248px; width:100%; font-size:0; line-height:0; text-align:center; }
#banner .list li.type_01.after .wrapper .add .box { display:inline-block; width:110px; vertical-align:top; }
#banner .list li.type_01.after .wrapper .add .box:nth-child(1) { margin-right:22px; }
#banner .list li.type_01.after .wrapper .add .box .text_01 { position:relative; margin-bottom:12px; padding-left:12px; font-weight:bold; font-size:14px; line-height:26px; color:#ffffff; letter-spacing:-1px; text-align:left; border-radius:16px; background-color:#001846; }
#banner .list li.type_01.after .wrapper .add .box .text_01::after { content:"미수령"; z-index:4; position:absolute; right:-14px; top:-8px; width:42px; height:42px; font-size:10px; line-height:42px; color:#ffffff; letter-spacing:0; text-align:center; border-radius:100%; background-color:#ff0050; }
#banner .list li.type_01.after .wrapper .add .box.complete .text_01::after { content:"수령"; background-color:#808080; }
#banner .list li.type_01.after .wrapper .add .box .text_02 { padding-top:4px; font-weight:bold; font-size:14px; line-height:14px; color:#001846; text-align:center; letter-spacing:0; }
#banner .list li.type_01.after .wrapper .add .box .image { width:110px; height:110px; background-color:#d6d6d6; }
#banner .list li.type_01.after .wrapper .add .box .image img { width:110px; height:110px; }
#banner .list li .wrapper.badge::after { content:""; z-index:8; position:absolute; right:-8px; top:-8px; display:block; width:100px; height:68px; filter:drop-shadow(0 4px 4px rgba(0,0,0,1)); background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/221027_winter_register/img_badge.png") left top no-repeat; background-size:100px 68px; }
#banner .list li .wrapper.comingsoon .btn_event { cursor:default; }
#banner .list li .wrapper.comingsoon .btn_event::after { content:""; z-index:8; position:absolute; left:0; top:0; display:block; width:100%; height:100%; background:url("https://ssl.nexon.com/s2/game/fo4/common/transparent.png") left top repeat rgba(0,0,0,0.8); }

#sub { z-index:64; position:absolute; left:50%; top:1212px; opacity:1; width:2560px; height:1212px; margin-left:-1280px; background-image:url("https://ssl.nexon.com/s2/game/fo4/event/2022/221027_winter_register/bg_sub_01.png"),url("https://ssl.nexon.com/s2/game/fo4/event/2022/221027_winter_register/bg_sub_02.png"); background-repeat:no-repeat; background-position:-100000px -100000px; }
#sub .container { display:none; width:2560px; height:1212px; }
#sub .container.active { display:block; }
#sub .container:nth-child(1) { background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/221027_winter_register/bg_sub_01.png") left top no-repeat; }
#sub .container:nth-child(2) { background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/221027_winter_register/bg_sub_02.png") left top no-repeat; }
#sub .container .inner { position:relative; width:1280px; height:100%; margin:0 auto; }
#sub .container .inner::after { content:""; z-index:2; position:absolute; left:50px; top:88px; display:block; width:1180px; height:2px; background-color:rgba(255,255,255,0.4); }
#sub .container .inner .tab { z-index:4; position:absolute; left:380px; top:60px; display:flex; width:520px; height:58px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/221027_winter_register/btn_tab.png") 0 0 no-repeat; }
#sub .container .inner .tab._01 { background-position:0 0; }
#sub .container .inner .tab._02 { background-position:0 -58px; }
#sub .container .inner .tab li { flex-basis:260px; height:58px; }
#sub .container .inner .tab li button { display:block; width:100%; height:58px; background:url("https://ssl.nexon.com/s2/game/fo4/common/transparent.png") left top repeat; }
#sub .container .inner .btn_close { z-index:4; position:absolute; right:-46px; top:56px; width:64px; height:64px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/221027_winter_register/btn_sub_close.png") left top no-repeat; }
#sub .container:nth-child(1) .item { z-index:4; position:absolute; display:flex; flex-wrap:wrap; }
#sub .container:nth-child(1) .item._01 { left:50px; top:398px; width:596px; }
#sub .container:nth-child(1) .item._01 li { position:relative; flex-basis:140px; margin-right:12px; margin-bottom:14px; }
#sub .container:nth-child(1) .item._01 li:hover { z-index:8; }
#sub .container:nth-child(1) .item._01 li:nth-child(4n) { margin-right:0; }
#sub .container:nth-child(1) .item li .image { overflow:hidden; width:140px; height:140px; border-radius:16px; background-color:rgba(255,255,255,0.2); }
#sub .container:nth-child(1) .item li .image img { width:140px; height:140px; }
#sub .container:nth-child(1) .item li .text { height:54px; padding-top:8px; font-size:14px; line-height:18px; color:#ffffff; letter-spacing:0; text-align:center; }
#sub .container:nth-child(1) .item._02 { left:740px; top:536px; width:444px; }
#sub .container:nth-child(1) .item._02 li { z-index:4; position:relative; flex-basis:140px; margin-right:12px; }
#sub .container:nth-child(1) .item._02 li:hover { z-index:8; }
#sub .container:nth-child(1) .item._02 li:last-child { margin-right:0; }
#sub .container:nth-child(1) .item._02.complete::after { content:"선착순 보상 지급 종료"; z-index:2; position:absolute; left:0; top:80px; display:block; width:100%; font-weight:bold; font-size:42px; line-height:42px; color:#b2f032; text-shadow:4px 4px 0 rgba(0,0,0,0.4); letter-spacing:0; text-align:center; }
#sub .container:nth-child(1) .item._02.complete li .image { opacity:0.2; }
#sub .container:nth-child(1) .item._02.complete li .text { opacity:0.2; }
#sub .container:nth-child(1) .btn_supporter { z-index:4; position:absolute; right:50px; top:226px; width:536px; height:126px; filter:drop-shadow(0 0 16px rgba(0,0,0,0.6)); background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/221027_winter_register/btn_sub_01.png") 0 0 no-repeat; }
#sub .container:nth-child(1) .btn_supporter.after { cursor:default; background-position:0 -126px; }
#sub .container:nth-child(1) .btn_supporter.after p { padding:0 16px 0 184px; font-weight:bold; font-size:30px; line-height:126px; color:#ffffff; letter-spacing:0; text-align:left; }
#sub .container:nth-child(1) .btn_supporter.after p strong { font-weight:bold; font-size:30px; line-height:126px; color:#b2f032; letter-spacing:0; text-align:left; }
#sub .container:nth-child(1) .btn_supporter.end { cursor:default; background-position:0 -252px; }
#sub .container:nth-child(2) .btn_reward_01 { z-index:4; position:absolute; left:98px; top:402px; width:334px; height:78px; filter:drop-shadow(0 0 16px rgba(0,0,0,0.6)); background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/221027_winter_register/btn_sub_02.png") 0 0 no-repeat; }
#sub .container:nth-child(2) .btn_reward_01.complete { cursor:default; background-position:0 -156px; }
#sub .container:nth-child(2) .btn_reward_01.end { cursor:default; background-position:0 -234px; }
#sub .container:nth-child(2) .btn_reward_02 { z-index:4; position:absolute; left:98px; top:826px; width:334px; height:78px; filter:drop-shadow(0 0 16px rgba(0,0,0,0.6)); background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/221027_winter_register/btn_sub_02.png") 0 -78px no-repeat; }
#sub .container:nth-child(2) .btn_reward_02.complete { cursor:default; background-position:0 -156px; }
#sub .container:nth-child(2) .btn_reward_02.end { cursor:default; background-position:0 -234px; }
#sub .container:nth-child(2) .item { z-index:4; position:absolute; display:flex; }
#sub .container:nth-child(2) .item._01 { left:674px; top:254px; width:444px; }
#sub .container:nth-child(2) .item._02 { left:602px; top:654px; width:292px; }
#sub .container:nth-child(2) .item li { position:relative; flex-basis:140px; margin-right:12px; margin-bottom:14px; }
#sub .container:nth-child(2) .item li:hover { z-index:8; }
#sub .container:nth-child(2) .item li:last-child { margin-right:0; }
#sub .container:nth-child(2) .item li .image { overflow:hidden; width:140px; height:140px; border-radius:16px; background-color:rgba(255,255,255,0.2); }
#sub .container:nth-child(2) .item li .image img { width:140px; height:140px; }
#sub .container:nth-child(2) .item li .text { height:54px; padding-top:8px; font-size:14px; line-height:18px; color:#ffffff; letter-spacing:0; text-align:center; }
#sub .container .btn_download_01 { z-index:4; position:absolute; right:232px; top:654px; width:130px; height:172px; background:url("https://ssl.nexon.com/s2/game/fo4/common/transparent.png") left top repeat; }
#sub .container .btn_download_02 { z-index:4; position:absolute; right:94px; top:654px; width:130px; height:172px; background:url("https://ssl.nexon.com/s2/game/fo4/common/transparent.png") left top repeat; }

#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:680px; 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 ; }
.loading.event_layer_popup { z-index:2160 !important; }
.loading.event_layer_popup .content { z-index:256 !important; width:336px; 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; }
.supporter.event_layer_popup .content,
.register_complete.event_layer_popup .content,
.red_complete.event_layer_popup .content { width:960px; }
.message.event_layer_popup .content { width:560px; }
.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/2022/221027_winter_register/btn_close.png") left top no-repeat; }
.event_layer_popup .content .title { 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 .message { padding:32px 16px; font-size:16px; line-height:24px; color:#000000; text-align:center; box-shadow:0 8px 8px rgba(0,0,0,0.1); }
.event_layer_popup .content .message.add { color:#ff6410; box-shadow:inset 8px 8px 0 #ff6410,inset -8px 0 0 #ff6410,0 8px 8px rgba(0,0,0,0.1); }
.event_layer_popup .content .message strong { font-size:16px; line-height:24px; color:#ff6410; }
.event_layer_popup .content .item_wrap { position:relative; padding:32px 16px; font-size:0; line-height:0; text-align:center; }
.event_layer_popup .content .item_wrap.add { box-shadow:inset 8px -8px 0 #ff6410,inset -8px 0 0 #ff6410; }
.event_layer_popup .content .item { position:relative; display:inline-block; width:208px; margin:0 8px; vertical-align:top; }
.event_layer_popup .content .item .image { position:relative; box-sizing:border-box; display:inline-block; width:144px; height:144px; padding:8px; font-size:0; line-height:0; background-color:#e0e4ea; }
.event_layer_popup .content .item .image .tag { z-index:4; position:absolute; left:-16px; top:-16px; width:36px; height:36px; font-size:12px; line-height:36px; color:#ffffff; text-align:center; border-radius:32px; background-color:#08de68; }
.event_layer_popup .content .item .image img { width:128px; height:128px; }
.event_layer_popup .content .item .text { height:80px; margin-top:8px; font-size:16px; line-height:20px; color:#000000; text-align:center; }
.event_layer_popup .content .item .text strong { font-weight:bold; font-size:16px; line-height:20px; color:#ff6410; }
.event_layer_popup .content .advice { padding:16px 32px; background-color:#eaeaea; }
.event_layer_popup .content .advice .text { padding-left:30px; font-size:14px; line-height:22px; color:#949494; background:url("https://ssl.nexon.com/s2/game/fo4/event/2020/200402_layer_common_/ico_i.png") left center no-repeat; }
.event_layer_popup .content .advice .text strong { font-size:14px; line-height:22px; color:#ff6410; }
.event_layer_popup .content .terms,
.event_layer_popup .content .input { position:relative; padding:16px 32px; font-size:0; line-height:0; border-bottom:1px solid #dcdcdc; }
.event_layer_popup .content .input._02 { border-bottom:none; }
.event_layer_popup .content .terms > p { margin-bottom:4px; }
.event_layer_popup .content .terms > p:last-child { margin-bottom:0; }
.event_layer_popup .content .terms > p input { display:none; }
.event_layer_popup .content .terms > p label { position:relative; display:block; float:left; width:492px; padding:8px 0; font-size:16px; line-height:16px; color:#000000; cursor:pointer; }
.event_layer_popup .content .terms > p label.active { color:#08de68; }
.event_layer_popup .content .terms > p label::before { content:""; display:inline-block; width:14px; height:14px; margin-right:4px; border:1px solid #000000; vertical-align:top; }
.event_layer_popup .content .terms > p label.active::before { width:12px; height:12px; border:2px solid #08de68; }
.event_layer_popup .content .terms > p label.active::after { content:""; z-index:4; position:absolute; left:4px; top:12px; display:inline-block; width:8px; height:8px; background-color:#08de68; }
.event_layer_popup .content .terms > p button { display:block; float:left; width:124px; padding:8px 0; font-size:16px; line-height:16px; color:#ffffff; text-align:center; background-color:#08de68; }
.event_layer_popup .content .input input { padding:16px; box-sizing:border-box; font-size:16px; line-height:16px; color:#000000; border:1px solid #dcdcdc; }
.event_layer_popup .content .input input:focus { border:1px solid #08de68; }
.event_layer_popup .content .input input::placeholder { font-size:16px; line-height:16px; color:#b4b4b4; }
.event_layer_popup .content .input._01 input:nth-child(1) { width:86px; margin-right:4px; text-align:center; }
.event_layer_popup .content .input._01 input:nth-child(2) { width:362px; margin-right:4px; }
.event_layer_popup .content .input._02 input:nth-child(1) { width:616px; text-align:center; }
.event_layer_popup .content .input._02 input:nth-child(1)::placeholder { text-align:center; }
.event_layer_popup .content .input button { width:160px; padding:20px 0 22px 0; font-size:16px; line-height:16px; color:#dcdcdc; text-align:center; cursor:default; background-color:#b4b4b4; }
.event_layer_popup .content .input button.active { color:#ffffff; cursor:pointer; background-color:#08de68; }
.event_layer_popup .content .input #timer { z-index:8; position:absolute; left:415px; top:16px; width:40px; padding:20px 0 22px 0; }
.event_layer_popup .content .input #timer strong { display:block; font-size:16px; line-height:16px; color:#d00a4c; text-align:center; }
.event_layer_popup .content .complete.message { z-index:8; position:absolute; left:0; top:64px; box-sizing:border-box; width:100%; height:318px; padding:130px 0 132px 0; color:#ffffff; box-shadow:none; background-color:rgba(0,0,0,0.9); }
.event_layer_popup .content .complete.message strong { display:block; margin-bottom:8px; font-size:24px; }
.event_layer_popup .content .button { overflow:hidden; }
.event_layer_popup .content .button button { font-size:24px; line-height:72px; color:#ffffff; text-align:center; }
.event_layer_popup .content .button .btn_confirm { width:100%; background-color:#08de68; }
.register.event_layer_popup .content .button .btn_confirm { cursor:default; background-color:#b4b4b4; }
.event_layer_popup .content .button .btn_confirm.half { float:left; width:50%; }
.event_layer_popup .content .button .btn_confirm.active { cursor:pointer; background-color:#08de68; }
.event_layer_popup .content .button .btn_cancel { float:left; width:50%; background-color:#000000; }
.event_layer_popup .content .button .btn_cancel.half { float:left; width:50%; background-color:#000000; }
.event_layer_popup .content .button .btn_next { width:100%; background-color:#08de68; }
.event_layer_popup .content .button .btn_next.half { float:left; width:50%; background-color:#08de68; }
.event_layer_popup .content .button .btn_change { width:100%; background-color:#000000; }
.event_layer_popup .content .button .btn_change.half { float:left; width:50%; background-color:#000000; }
.event_layer_popup .content .button .btn_reward { width:100%; background-color:#08de68; }
.event_layer_popup .content .button .btn_reward.half { float:left; width:50%; background-color:#000000; }
.event_layer_popup .content .document { padding:32px; }
.event_layer_popup .content .document p { font-size:14px; line-height:18px; color:#000000; }
.event_layer_popup .content .document table { table-layout:fixed; width:100%; border-left:1px solid #dcdcdc; border-top:1px solid #dcdcdc; }
.event_layer_popup .content .document table tr th,
.event_layer_popup .content .document table tr td { padding:8px; font-size:14px; line-height:18px; color:#000000; border-bottom:1px solid #dcdcdc; border-right:1px solid #dcdcdc; text-align:center; vertical-align:middle; }
.event_layer_popup .content .document .bold { font-weight:bold; font-size:16px; line-height:18px; vertical-align:top; }

.tooltip { z-index:4; position:absolute; left:8px; top:8px; display:block; width:24px; height:24px; cursor:pointer; border-radius:100%; background-color:#f000f6; }
.tooltip::before { content:"?"; display:block; font-size:16px; line-height:24px; color:#ffffff; letter-spacing:0; text-align:center; }
.tooltip p { z-index:32; position:absolute; left:50%; top:28px; box-sizing:border-box; display:none; width:384px; margin-left:-192px; padding:16px; font-weight:normal; font-size:14px; line-height:22px; color:#ffffff; letter-spacing:0; text-align:center; border-radius:16px; border:2px solid #f000f6; box-shadow:0 8px 16px rgba(0,0,0,0.2); background:rgba(0,0,0,0.9); }
.tooltip:hover p { display:block; }
.tooltip p strong { padding-bottom:8px; font-weight:bold; font-size:16px; line-height:20px; color:#f000f6; letter-spacing:0; }
.tooltip p span { padding-bottom:8px; font-weight:bold; font-size:16px; line-height:20px; color:#ffffff; letter-spacing:0; }