@charset "utf-8";

html,body { width:100%; max-width:2560px; min-width:1288px; 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:1288px; margin:0 auto; padding-top:50px !important; 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; }

#quick { z-index:32; position:absolute; right:0; top:128px; width:130px; height:240px; font-size:0; line-height:0; }
#quick button { overflow:hidden; display:block; width:130px; height:240px; box-shadow:0 8px 16px rgba(8,22,38,0.8); background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/221222_winter_camp/btn_quick.png") left top no-repeat; }

#middle { overflow:hidden; position:relative; width:100%; max-width:2560px; min-width:1288px; margin:0 auto; background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/221222_winter_camp/bg_middle.jpg") center top no-repeat; }
#middle .section { position:relative; width:100%; max-width:2560px; min-width:1288px; margin:0 auto; }
#middle .inner { position:relative; box-sizing:border-box; width:1288px; height:100%; margin:0 auto; }
#middle .header.section { height:790px; }
#middle .header.section .inner { background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/221222_winter_camp/bg_middle.jpg") -636px top no-repeat; }
#middle .header.section .inner .button { z-index:4; position:absolute; left:392px; top:590px; width:504px; height:50px; font-size:0; line-height:0; }
#middle .header.section .inner .button button,
#middle .header.section .inner .button a { box-sizing:border-box; width:248px; height:50px; vertical-align:top; background:url("https://ssl.nexon.com/s2/game/fo4/common/transparent.png") left top repeat; }
#middle .header.section .inner .button button { margin-right:8px; }
#middle .register.section { height:670px; }
#middle .register.section .inner { background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/221222_winter_camp/bg_middle.jpg") -636px -790px no-repeat; }
#middle .banner.section { padding-bottom:150px; }
#middle .banner.section .inner { background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/221222_winter_camp/bg_middle.jpg") -636px -1460px no-repeat; }

#left { z-index:4; position:absolute; left:0; top:0; box-sizing:border-box; width:640px; height:650px; padding:50px; }
#left .title { font-weight:bold; font-size:26px; line-height:26px; color:#ee0432; text-align:center; }
#left div.complete { padding:0 0 50px 142px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/221222_winter_camp/ico_badge.png") left top no-repeat; background-size:110px 142px; }
#left div.complete p:nth-child(1) { padding:40px 0 12px 0; font-weight:bold; font-size:20px; line-height:20px; color:#000000; }
#left div.complete p:nth-child(2) { padding-bottom:42px; font-weight:bold; font-size:30px; line-height:30px; color:#ee0432; }
#left .button.top { padding:28px 0 50px 0; }
#left .button.bottom { padding:28px 0 0 0; }
#left .button .btn_register { width:540px; height:90px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/221222_winter_camp/btn_register.png") left top no-repeat; }
#left .button .btn_register p { font-weight:bold; font-size:22px; line-height:90px; color:#ffffff; text-align:center; }
#left .button .btn_register p strong { font-weight:bold; font-size:10px; line-height:90px; color:#ffffff; vertical-align:top; }
#left .button .btn_register.end { cursor:default; border:10px solid #c6c6d0; background:#ffffff; }
#left .button .btn_register.end p { line-height:70px; color:#000000; }
#left .button .btn_register.end p strong { line-height:70px; color:#000000; }
#left .button.bottom button { box-sizing:border-box; width:540px; height:60px; border:1px solid #c0c0e0; border-radius:32px; background-color:#ffffff; }
#left .button.bottom button p { font-weight:bold; font-size:18px; line-height:58px; color:#000000; text-align:center; }
#left .button.bottom button p strong { font-weight:bold; font-size:10px; line-height:58px; color:#000000; vertical-align:top; }
#left .item { display:flex; justify-content:center; width:540px; margin:50px 0 26px 0; }
#left .item li { position:relative; flex-basis:176px; width:176px; margin-right:6px; }
#left .item li:last-child { margin-right:0; }
#left .item li .image { width:176px; height:176px; background-color:#ffffff; }
#left .item li .image img { width:176px; height:176px; }
#left .advice { font-weight:bold; font-size:16px; line-height:16px; color:#525252; text-align:center; }
#left .after .button.bottom { padding:0; }
#left .after .item { margin:50px 0 40px 0; }
#left .after .item li { flex-basis:146px; width:146px; margin-right:64px; }
#left .after .item li:last-child { margin-right:0; }
#left .after .item li .image,
#left .after .item li .image img { width:146px; height:146px; }
#left .after .item li .text { width:178px; margin-left:-16px; padding-top:16px; font-weight:bold; font-size:20px; line-height:20px; color:#000000; text-align:center; }
#left .after .item li .text strong { padding-bottom:8px; display:block; font-weight:bold; font-size:20px; line-height:20px; color:#000000; }
#left .after .item li .text span { display:block; font-size:16px; line-height:16px; color:#525252; letter-spacing:-1px; }
#left .after .item li::after { content:"미수령"; z-index:4; position:absolute; left:-32px; top:-32px; box-sizing:border-box; width:64px; height:64px; font-family:"Pretendard","Noto Sans KR",Dotum,"돋움",Helvetica,"Apple SD Gothic Neo",sans-serif; font-weight:bold; font-size:16px; line-height:64px; color:#ffffff; letter-spacing:-1px; text-align:center; border-radius:100%; background-color:#ee0432; }
#left .after .item li.complete::after { content:"수령완료"; background-color:#103cd2; }

#right { z-index:4; position:absolute; right:2px; top:0; box-sizing:border-box; width:640px; height:650px; padding:50px; }
#right .title { position:relative; width:340px; font-size:0; line-height:0; }
#right .title::before { content:"?"; box-sizing:border-box; display:inline-block; width:26px; height:26px; margin-right:8px; font-family:"Pretendard","Noto Sans KR",Dotum,"돋움",Helvetica,"Apple SD Gothic Neo",sans-serif; font-weight:bold; font-size:20px; line-height:24px; color:#1036d2; text-align:center; border:1px solid #c0c0e0; vertical-align:top; }
#right .title > strong { display:inline-block; font-weight:bold; font-size:26px; line-height:26px; color:#1036d2; vertical-align:top; }
#right .button { padding:28px 0 50px 0; }
#right .button .btn_reward { width:332px; height:90px; cursor:default; border:10px solid #c6c6d0; background:#ffffff; }
#right .button .btn_reward p { font-weight:bold; font-size:22px; line-height:70px; color:#000000; text-align:center; }
#right .button .btn_reward p strong { font-weight:bold; font-size:10px; line-height:70px; color:#000000; vertical-align:top; }
#right .button .btn_reward.active { cursor:pointer; border:none; background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/221222_winter_camp/btn_reward.png") left top no-repeat; }
#right .button .btn_reward.active p { line-height:90px; color:#ffffff; }
#right .button .btn_reward.active p strong { line-height:90px; color:#ffffff; }
#right .item { z-index:4; position:absolute; right:50px; top:50px; width:184px; height:100px; font-size:0; line-height:0; }
#right .item img { width:90px; height:144px; vertical-align:top; }
#right .item img:nth-child(1) { margin-right:4px; }
#right .advice { font-weight:bold; font-size:16px; line-height:16px; color:#525252; text-align:center; }
#right .count { box-sizing:border-box; width:540px; height:60px; margin-top:28px; font-style:italic; font-weight:bold; font-size:22px; line-height:58px; color:#000000; text-align:center; border:1px solid #c0c0e0; background-color:#ffffff; }

.tooltip { z-index:4; position:absolute; left:0; top:0; width:100%; height:100%; cursor:pointer; }
.tooltip p { z-index:32; position:absolute; left:0; top:38px; box-sizing:border-box; display:none; width:332px; padding:16px; font-weight:normal; font-size:14px; line-height:22px; color:#000000; letter-spacing:0; text-align:center; border:1px solid #c0c0e0; box-shadow:0 8px 16px rgba(8,22,38,0.2); background-color:#ffffff; }
.tooltip:hover p { display:block; }
.tooltip p span { display:block; padding-bottom:8px; font-weight:bold; font-size:20px; line-height:20px; color:#1036d2; letter-spacing:0; }
.tooltip p strong { display:block; padding-bottom:8px; font-weight:bold; font-size:16px; line-height:16px; color:#000000; letter-spacing:0; }

#countdown { display:flex; justify-content:center; width:540px; margin:50px 0 26px 0; }
#countdown li { position:relative; box-sizing:border-box; flex-basis:176px; width:176px; height:176px; margin-right:6px; box-shadow:1px 1px 0 #c2cae6, -1px -1px 0 #c2cae6, -1px 1px 0 #c2cae6, 1px -1px 0 #c2cae6, inset 4px 0 4px rgba(144,150,174,0.8), 0 2px 0 #ffffff; background:linear-gradient(0deg,#e2e4f0 0%,#ffffff 50%, #e2e4f0 100%); }
#countdown li::before { content:""; z-index:16; position:absolute; left:0; top:72px; display:block; width:176px; height:32px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/221222_winter_camp/ico_countdown.png") left top no-repeat;  }
#countdown li::after { content:""; z-index:20; position:absolute; left:0; top:24px; display:block; width:176px; font-weight:bold; font-size:14px; line-height:14px; color:#9e9ea4; text-align:center; }
#countdown li:nth-child(1)::after { content:"시간"; }
#countdown li:nth-child(2)::after { content:"분"; }
#countdown li:nth-child(3)::after { content:"초"; }
#countdown li:last-child { margin-right:0; }
#countdown li > p { position:absolute; left:0; right:0; font-weight:bold; font-size:76px; line-height:176px; color:#0e44ff; text-align:center; letter-spacing:-1px; }
#countdown li > .top,
#countdown li > .top_back { overflow:hidden; -webkit-perspective:0; -webkit-backface-visibility:hidden; -webkit-transform:translate3d(0,0,0); visibility:visible; backface-visibility:hidden; height:88px; box-shadow:inset 4px 0 4px rgba(144,150,174,0.8); background:linear-gradient(0deg, #ffffff 0%, #e2e4f0 100%); }
#countdown li > .top { z-index:6; top:0; transform-origin:50% 100%; }
#countdown li > .top_back { z-index:8; bottom:0; transform-origin:50% 0%; transform:perspective(200px) rotateX(180deg); }
#countdown li > .top_back span { position:absolute; left:0; top:-100%; right:0; display:block; width:100%; font-weight:bold; font-size:76px; line-height:176px; color:#0e44ff; text-align:center; letter-spacing:-1px; }
#countdown li > .bottom { z-index:2; }
#countdown li > .bottom_back { z-index:4; top:0; overflow:hidden; height:88px; box-shadow:inset 4px 0 4px rgba(144,150,174,0.8); background:linear-gradient(0deg, #ffffff 0%, #e2e4f0 100%); }
#countdown li > .bottom_back span { position:absolute; left:0; top:0; right:0; display:block; width:100%; font-weight:bold; font-size:76px; line-height:176px; color:#0e44ff; text-align:center; letter-spacing:-1px; }

#banner { display:flex; flex-wrap:wrap; width:1288px; }
#banner li { flex-basis:254px; position:relative; height:390px; margin-right:4px; margin-bottom:4px; box-shadow:0 20px 60px rgba(8,22,38,0.8); }
#banner li:nth-child(5n) { margin-right:2px; }
#banner li a { z-index:3; position:absolute; left:0; top:0; display:block; width:254px; height:390px; }
#banner li a img { width:254px; height:390px; }

#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; }
.pre.event_layer_popup .content  { top:64px; width:960px; transform:translateX(-50%) translateY(0%); -webkit-transform:translateX(-50%) translateY(0%); -ms-transform:translateX(-50%) translateY(0%); }
.register_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 { display:block; font-size:14px; line-height:14px; 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:20px; }
.benefit.event_layer_popup .content { top:0; width:1280px; height:100%; transform:translateX(-50%) translateY(0%); -webkit-transform:translateX(-50%) translateY(0%); -ms-transform:translateX(-50%) translateY(0%); }
.benefit.event_layer_popup .content .title { z-index:14; position:absolute; left:0; top:0; width:100%; }
.benefit.event_layer_popup .content .inner { overflow-y:scroll; box-sizing:border-box; width:100%; height:100%; padding:104px 40px 0 40px; }
.benefit.event_layer_popup .content .inner .tab { display:flex; }
.benefit.event_layer_popup .content .inner .tab li { position:relative; box-sizing:border-box; flex-basis:50%; width:50%; height:100px; }
.benefit.event_layer_popup .content .inner .tab li button { position:relative; box-sizing:border-box; display:block; width:100%; height:100%; border:6px solid #dcdcdc; }
.benefit.event_layer_popup .content .inner .tab li:nth-child(1) button { padding-right:6px; border-right:none; }
.benefit.event_layer_popup .content .inner .tab li:nth-child(2) button { padding-left:6px; border-left:none; }
.benefit.event_layer_popup .content .inner .tab li button p { font-weight:bold; font-size:20px; line-height:88px; color:#b4b4b4; text-align:center; }
.benefit.event_layer_popup .content .inner .tab li:nth-child(1) button p::before { content:""; display:inline-block; width:34px; height:88px; margin-right:8px; vertical-align:top; background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/221222_winter_camp/ico_badge.png") left 22px no-repeat; background-size:34px 44px; }
.benefit.event_layer_popup .content .inner .tab li:nth-child(1).active button { padding:0 !important; border:none; background-color:#ee0432; }
.benefit.event_layer_popup .content .inner .tab li:nth-child(1).active button::after { content:""; z-index:4; position:absolute; left:50%; bottom:-16px; display:block; width:0; height:0; margin-left:-16px; border-style:solid; border-width:0 16px 16px; border-color:transparent transparent #ee0432; transform:rotate(-180deg); -webkit-transform:rotate(-180deg); }
.benefit.event_layer_popup .content .inner .tab li:nth-child(1).active button p { line-height:100px; color:#ffffff; }
.benefit.event_layer_popup .content .inner .tab li:nth-child(1).active button p::before { height:100px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/221222_winter_camp/ico_badge.png") left 28px no-repeat; background-size:34px 44px; }
.benefit.event_layer_popup .content .inner .tab li:nth-child(2).active button { padding:0 !important; border:none; background-color:#1036d2; }
.benefit.event_layer_popup .content .inner .tab li:nth-child(2).active button::after { content:""; z-index:4; position:absolute; left:50%; bottom:-16px; display:block; width:0; height:0; margin-left:-16px; border-style:solid; border-width:0 16px 16px; border-color:transparent transparent #1036d2; transform:rotate(-180deg); -webkit-transform:rotate(-180deg); }
.benefit.event_layer_popup .content .inner .tab li:nth-child(2).active button p { line-height:100px; color:#ffffff; }
.benefit.event_layer_popup .content .inner .container .box { display:none; }
.benefit.event_layer_popup .content .inner .container .box.active { display:block; }
.benefit.event_layer_popup .content .inner .container .box dl dt { padding:64px 0 32px 0; font-weight:bold; font-size:40px; line-height:40px; color:#000000; text-align:center; }
.benefit.event_layer_popup .content .inner .container .box dl dd:nth-child(2) { border-bottom:2px solid #e6e6e6; }
.benefit.event_layer_popup .content .inner .container .box dl dd:nth-child(4) { padding-bottom:64px; }
.benefit.event_layer_popup .content .inner .container .box dl dt strong { display:block; padding-top:16px; font-weight:bold; font-size:20px; line-height:20px; color:#ee0432; text-align:center; }
.benefit.event_layer_popup .content .inner .container .box:nth-child(2) dl dt strong { color:#1036d2; }
.benefit.event_layer_popup .content .inner .container .box dl dd .item { display:flex; justify-content:center; flex-wrap:wrap; width:1188px; margin:0; }
.benefit.event_layer_popup .content .inner .container .box dl dd .item li { flex-basis:168px; width:168px; margin-right:2px; margin-bottom:8px; }
.benefit.event_layer_popup .content .inner .container .box dl dd .item li:last-child { margin-right:0; }
.benefit.event_layer_popup .content .inner .container .box dl dd .item li .image { position:relative; display:block; width:168px; height:168px; }
.benefit.event_layer_popup .content .inner .container .box dl dd .item li .image img { width:152px; height:152px; }
.benefit.event_layer_popup .content .inner .container .box dl dd .item li .image .tooltip { box-sizing:border-box;  width:26px; height:26px; border:1px solid #b4b4b4; background-color:#ffffff; }
.benefit.event_layer_popup .content .inner .container .box dl dd .item li .image .tooltip::after { content:"?"; display:block; font-weight:bold; font-size:16px; line-height:24px; color:#000000; text-align:center; }
.benefit.event_layer_popup .content .inner .container .box dl dd .item li .image .tooltip p { left:-1px; top:26px; width:338px; }
.benefit.event_layer_popup .content .inner .container .box dl dd .item li:nth-child(7) .image .tooltip p { left:auto; right:-1px; }
.benefit.event_layer_popup .content .inner .container .box dl dd .item li .text { height:54px; padding:0 8px; font-size:14px; line-height:18px; }
.benefit.event_layer_popup .content .inner .container .box dl dd .button { padding:24px 0 64px 0; }
.benefit.event_layer_popup .content .inner .container .box dl dd .button button { display:block; width:540px; height:90px; margin:0 auto; background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/221222_winter_camp/btn_register.png") left top no-repeat; }
.benefit.event_layer_popup .content .inner .container .box:nth-child(2) dl dd:nth-child(4) .button button { background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/221222_winter_camp/btn_card.png") left top no-repeat; }
.benefit.event_layer_popup .content .inner .container .box dl dd .button button p { font-weight:bold; font-size:22px; line-height:90px; color:#ffffff; text-align:center; }
.benefit.event_layer_popup .content .inner .container .box dl dd .button button p strong { font-weight:bold; font-size:10px; line-height:90px; color:#ffffff; vertical-align:top; }
.benefit.event_layer_popup .content .inner .container .box dl dd .button button.complete,
.benefit.event_layer_popup .content .inner .container .box dl dd .button button.end { cursor:default; border:10px solid #c6c6d0; background:#ffffff !important; }
.benefit.event_layer_popup .content .inner .container .box dl dd .button button.complete p,
.benefit.event_layer_popup .content .inner .container .box dl dd .button button.end p { line-height:70px; color:#000000; }
.benefit.event_layer_popup .content .inner .container .box dl dd .button button.complete p strong,
.benefit.event_layer_popup .content .inner .container .box dl dd .button button.end p strong { line-height:70px; color:#000000; }
.benefit.event_layer_popup .content .inner .container .box dl dd .button .btn_google { background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/221222_winter_camp/btn_google.png") left top no-repeat; }
.benefit.event_layer_popup .content .inner .container .box dl dd .button .btn_apple { background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/221222_winter_camp/btn_apple.png") left top no-repeat; }
.benefit.event_layer_popup .content .inner .container .box dl dd .button a { display:block !important; width:540px; height:90px; margin:8px auto 0 auto; }
.benefit.event_layer_popup .content .inner .container .box dl dd .button a p { font-weight:bold; font-size:22px; line-height:90px; color:#000000; text-align:center; }
.benefit.event_layer_popup .content .inner .container .box .information { box-sizing:border-box; width:1268px; margin-left:-40px; padding:64px 0 64px 434px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/221222_winter_camp/ico_badge.png") 284px 50px no-repeat #182040; background-size:110px 142px; }
.benefit.event_layer_popup .content .inner .container .box .information p:nth-child(1) { padding-bottom:16px; font-weight:bold; font-size:28px; line-height:28px; color:#ffffff; }
.benefit.event_layer_popup .content .inner .container .box .information p:nth-child(2) { font-size:16px; line-height:24px; color:#ffffff; }
.benefit.event_layer_popup .content .inner .container .box .information p:nth-child(2) strong:nth-child(2) { font-size:16px; line-height:24px; color:#fff000; vertical-align:top; }
.benefit.event_layer_popup .content .inner .container .box .information p:nth-child(2) strong:nth-child(4) { font-size:16px; line-height:24px; color:#8a9ae6; vertical-align:top; }
.million_complete.event_layer_popup .content { width:960px; }

::-webkit-scrollbar { width:12px; height:12px; }
::-webkit-scrollbar-track { background-color:#ee0432; }
::-webkit-scrollbar-track-piece { background-color:#dcdcdc; }
::-webkit-scrollbar-thumb { background-color:#ee0432; }
::-webkit-scrollbar-button { width:0; height:0; }