@charset "utf-8";

html,body { width:100%; max-width:2560px; min-width:1360px; margin:0 auto; font-family:"Noto Sans KR",sans-serif; background-color:#000000; }
h1,h2,h3,h4,h5,h6,th,td,input,select,textarea,button,b,strong,span { font-family:"Noto Sans KR",sans-serif; }
button:focus,input:focus,textarea:focus { outline:0; }

#wrapper { position:relative; overflow:hidden; width:100%; max-width:2560px; min-width:1360px; margin:0 auto; font-size:0; line-height:0; }
#wrapper a { font-family:"Noto Sans KR",sans-serif; cursor:pointer; }
#wrapper button { font-family:"Noto Sans KR",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; }

#background { z-index:16; position:absolute; left:50%; top:0; width:2560px; height:2626px; margin-left:-1280px; }
#background > div { position:absolute; left:0; top:0; width:2560px; height:2626px; }
#background > div:nth-child(1) { z-index:4; background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/220623_simmer_register/bg_middle_01.jpg") left top no-repeat; }
#background > div:nth-child(2) { z-index:6; background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/220623_simmer_register/bg_middle_02.png") left top no-repeat; }
#background > div:nth-child(3) { z-index:8; background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/220623_simmer_register/bg_middle_03.png") left top no-repeat; }
#background > div:nth-child(4) { z-index:10; background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/220623_simmer_register/bg_middle_04.png") left top no-repeat; }
#background > div:nth-child(5) { z-index:12; background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/220623_simmer_register/bg_middle_05.png") left top no-repeat; }
#background > div:nth-child(6) { z-index:14; background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/220623_simmer_register/bg_middle_06.png") left top no-repeat; }
#background > div:nth-child(7) { z-index:16; top:-256px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/220623_simmer_register/bg_middle_07.png") left top no-repeat; }

#object { z-index:34; position:absolute; left:50%; top:0; width:2560px; margin-left:-1280px; }
#object > div { z-index:4; position:absolute; left:50%; }
#object > div:nth-child(1) { top:-64px; width:304px; height:512px; margin-left:-1016px; filter:drop-shadow(-8px 8px 16px rgba(0,0,0,0.4)); background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/220623_simmer_register/img_object_01.png") left top no-repeat; }
#object > div:nth-child(2) { top:1080px; width:388px; height:306px; margin-left:600px; filter:drop-shadow(8px 8px 16px rgba(0,0,0,0.4)); background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/220623_simmer_register/img_object_02.png") left top no-repeat; }
#object > div:nth-child(3) { top:1800px; width:352px; height:498px; margin-left:-980px; filter:drop-shadow(-8px 8px 16px rgba(0,0,0,0.4)); background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/220623_simmer_register/img_object_03.png") left top no-repeat; }
#object > div:nth-child(4) { top:2000px; width:416px; height:306px; margin-left:616px; filter:drop-shadow(8px 8px 16px rgba(0,0,0,0.4)); background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/220623_simmer_register/img_object_04.png") left top no-repeat; }

#middle { position:relative; overflow:hidden; padding-bottom:164px; background-color:#000000; }
#middle .section { z-index:32; position:relative; }
#middle .section .inner { position:relative; box-sizing:border-box; width:1360px; margin:0 auto; }
#middle .header.section .inner { height:640px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/220623_simmer_register/bg_header.png") left top no-repeat; }
#middle .content.section .inner { overflow:hidden; box-shadow:0 16px 32px rgba(0,0,0,0.4); background-color:#ffffff; }
#middle .section .inner > .btn_notice { z-index:4; position:absolute; left:438px; top:494px; width:170px; height:54px; background:url("https://ssl.nexon.com/s2/game/fo4/common/transparent.png") left top repeat; }
#middle .section .inner > .btn_reward { z-index:4; position:absolute; left:616px; top:494px; width:170px; height:54px; background:url("https://ssl.nexon.com/s2/game/fo4/common/transparent.png") left top repeat; }
#middle .section .inner .tab { z-index:4; position:relative; width:1360px; height:130px;  box-shadow:0 0 32px rgba(0,0,0,0.4); }
#middle .section .inner .tab li { float:left; width:680px; height:130px; }
#middle .section .inner .tab li button {width:680px; height:130px; }
#middle .section .inner .tab li:nth-child(1) button { background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/220623_simmer_register/btn_tab.png") 0 0 no-repeat }
#middle .section .inner .tab li:nth-child(2) button { background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/220623_simmer_register/btn_tab.png") -680px 0 no-repeat }
#middle .section .inner .tab li:nth-child(1).active button { background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/220623_simmer_register/btn_tab.png") 0 -130px no-repeat }
#middle .section .inner .tab li:nth-child(2).active button { background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/220623_simmer_register/btn_tab.png") -680px -130px no-repeat }
#middle .section .inner .wrapper { overflow:hidden; position:relative; display:none; }
#middle .section .inner .wrapper.active { display:block; }
#middle .section .inner .wrapper:nth-child(2) { height:1692px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/220623_simmer_register/bg_summerpass.png") left top no-repeat; }
#middle .section .inner .register { position:relative; box-sizing:border-box; }
#middle .section .inner .register._01 { height:536px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/220623_simmer_register/bg_register_01.png") left top no-repeat; }
#middle .section .inner .register._02 { height:536px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/220623_simmer_register/bg_register_02.png") left top no-repeat; }
#middle .section .inner .register._03 { height:620px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/220623_simmer_register/bg_register_03.png") left top no-repeat; }
#middle .section .inner .register .button { z-index:4; position:absolute; }
#middle .section .inner .register._01 .button,
#middle .section .inner .register._02 .button { right:124px; top:80px; width:358px; height:84px; }
#middle .section .inner .register._03 .button { left:124px; top:438px; }
#middle .section .inner .register .button .btn_register_01,
#middle .section .inner .register .button .btn_register_02 { width:358px; height:84px; box-shadow:0 8px 16px rgba(0,0,0,0.2); }
#middle .section .inner .register .button .btn_register_03 { width:558px; height:64px; }
#middle .section .inner .register .button .btn_register_01 { background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/220623_simmer_register/btn_register_01.png") 0 0 no-repeat; }
#middle .section .inner .register .button .btn_register_01.complete { cursor:default; background-position:0 -84px; }
#middle .section .inner .register .button .btn_register_01.none { cursor:default; box-shadow:none; background-position:0 -168px; }
#middle .section .inner .register .button .btn_register_02 { background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/220623_simmer_register/btn_register_02.png") 0 0 no-repeat; }
#middle .section .inner .register .button .btn_register_02.complete { cursor:default; background-position:0 -84px; }
#middle .section .inner .register .button .btn_register_02.none { cursor:default; box-shadow:none; background-position:0 -168px; }
#middle .section .inner .register .button .btn_register_03 { background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/220623_simmer_register/btn_register_03.png") 0 0 no-repeat; }
#middle .section .inner .register .button .btn_register_03.complete { cursor:default; background-position:0 -64px; }
#middle .section .inner .register .button .btn_register_03.none { cursor:default; background-position:0 -128px; }
#middle .section .inner .register .btn_download_01 { z-index:4; position:absolute; right:370px; top:214px; width:236px; height:288px; background:url("https://ssl.nexon.com/s2/game/fo4/common/transparent.png") left top repeat; }
#middle .section .inner .register .btn_download_02 { z-index:4; position:absolute; right:124px; top:214px; width:236px; height:288px; background:url("https://ssl.nexon.com/s2/game/fo4/common/transparent.png") left top repeat; }
#middle .section .inner .register .item { z-index:4; position:absolute; }
#middle .section .inner .register .item li { float:left; margin-right:2px; padding-bottom:22px; }
#middle .section .inner .register .item li:last-child { margin-right:0; }
#middle .section .inner .register .item li .image { width:120px; height:120px; margin:16px auto; }
#middle .section .inner .register .item li .image img { width:120px; height:120px; }
#middle .section .inner .register .item li .text { height:54px; padding:0 8px; font-weight:bold; font-size:14px; line-height:18px; color:#242424; letter-spacing:0; text-align:center; }
#middle .section .inner .register._01 .item,
#middle .section .inner .register._02 .item { left:122px; top:216px; width:1114px; }
#middle .section .inner .register._03 .item { left:124px; top:214px; width:558px; height:222px; }
#middle .section .inner .register._01 .item li { width:158px; background-color:#f0f0f0; }
#middle .section .inner .register._01 .item li:nth-child(7) { width:154px; }
#middle .section .inner .register._01 .item li:nth-child(7) .image img { filter:drop-shadow(0 8px 8px rgba(0,0,0,0.4)); image-rendering:auto; }
#middle .section .inner .register._01 .item li:nth-child(5) .text,
#middle .section .inner .register._01 .item li:nth-child(7) .text { box-sizing:border-box; padding-top:8px; }
#middle .section .inner .register._02 .item li { width:370px; background-color:#eac64c; }
#middle .section .inner .register._02 .item li .image { margin:16px 120px 16px 122px; }
#middle .section .inner .register._03 .item li { width:278px; padding-bottom:16px; }
#middle .section .inner .register._02 .item li .text { padding:0 92px; }
#middle .section .inner .register._03 .item li .text { padding:0 48px; }
#middle .section .inner .banner { z-index:4; position:absolute; left:124px; top:604px; width:1112px; }
#middle .section .inner .banner li { float:left; width:364px; height:464px; margin:0 10px 10px 0; background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/220623_simmer_register/bg_banner.png") left top no-repeat; }
#middle .section .inner .banner li:nth-child(3),
#middle .section .inner .banner li:nth-child(6) { margin-right:0; }
#middle .section .inner .banner li a { position:relative; display:block; width:364px; height:464px; background-color:#00bcc8; }
#middle .section .inner .banner li a::after { content:""; z-index:4; position:absolute; left:0; top:0; display:none; width:364px; height:464px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/220623_simmer_register/img_banner_over.png") left top no-repeat; }
#middle .section .inner .banner li a:hover::after { display:block; }
#middle .section .inner .banner li .btn_banner_01 { background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/220623_simmer_register/img_banner_01.png") left top no-repeat #00bcc8; }
#middle .section .inner .banner li .btn_banner_02 { background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/220623_simmer_register/img_banner_02.png") left top no-repeat #00bcc8; }
#middle .section .inner .banner li .btn_banner_03 { background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/220623_simmer_register/img_banner_03.png") left top no-repeat #00bcc8; }
#middle .section .inner .banner li .btn_banner_04 { background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/220623_simmer_register/img_banner_04.png") left top no-repeat #00bcc8; }
#middle .section .inner .banner li .btn_banner_05 { background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/220623_simmer_register/img_banner_05.png") left top no-repeat #00bcc8; }
#middle .section .inner .banner li .btn_banner_06 { background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/220623_simmer_register/img_banner_06.png") left top no-repeat #00bcc8; }

#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; }
.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/220623_simmer_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 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 { position:relative; display:inline-block; margin:0 4px; 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 { display:block; width:272px; 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:12px; line-height:16px; 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:480px; 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:74px; 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:440px; margin-right:4px; padding-right:64px; }
.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; }
.event_layer_popup .content .button .btn_confirm.half { float:left; width:50%; 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; }