@charset "utf-8";
#gnb { z-index:516; position:fixed; left:0; top:0; width:100%; min-width:1280px; height:50px; font-family:"Noto Sans KR",sans-serif; line-height:0; }
#gnb a { display:inline-block; font-family:"Noto Sans KR",sans-serif; }
#gnb button { display:inline-block; margin:0; padding:0; font-family:"Noto Sans KR",sans-serif; outline:0; border:0; cursor:pointer; }
#header { z-index:516; position:absolute; left:0; top:0; width:100%; min-width:1280px; height:50px; text-align:center; box-shadow:0 0 32px rgba(0,0,0,0.4); background-color:#ffffff; }
#header .btn_logo { z-index:4; position:absolute; left:0; top:0;border-right: 1px solid #dcdfe1;}
#header .btn_logo a { width:52px; height:50px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2020/201203_winter_x87fdeijh45/gnb/btn_logo.png") center center no-repeat; }
#header .btn_event { z-index:4; position:absolute; left:53px; top:0; }
#header .btn_event a { width:150px; height:50px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2020/201203_winter_x87fdeijh45/gnb/logo.png") left top no-repeat; }
#header .event_join { z-index:4; position:absolute; left:50%; top:0; font-size:0; line-height:0; -ms-transform:translateX(-50%) translateY(0%); transform:translateX(-50%) translateY(0%); }
#header .event_join > p { display:inline-block; font-weight:bold; font-size:16px; line-height:48px; color:#000000; }
#header .event_join > a { position:relative; vertical-align:top; }
#header .event_join > a:nth-child(1) { margin-right:33px; }
#header .event_join > a:nth-child(1):after { content:""; position:absolute; right:-17px; top:18px; display:block; width:1px; height:18px; background-color:#dcdcdc; }
#header .event_join > a:nth-child(2) { margin-right:33px; }

#header .event_join > a strong { margin-right: 3px;;display:inline-block; font-weight:500; font-size:16px; line-height:48px; color:#000000; vertical-align:top; }
#header .event_join > a span { display:inline-block; font-size:16px; line-height:48px; color:#1170ff; vertical-align:top; }
#header .event_join > a span:last-child{color: #000;}
#header .event_join > a:hover:before { content:""; position:absolute; left:0; bottom:10px; display:block; width:100%; height:1px; background-color:#1170ff; }
#header .event_join .btn_event_check,
#header .event_join .btn_event_link { width:auto;padding:0 12px; height:32px; margin:8px 0 0 16px; font-size:16px; line-height:32px; color:#ffffff; text-align:center; vertical-align:top; background-color:#e72663; }

#header .event_join > a.btn_event_check:after{display: none;}
#header .event_join > a.btn_event_link:after{display: none;}
#header .event_join > a.btn_event_check:before{display: none;}
#header .event_join > a.btn_event_link:before{display: none;}

#header .menu { z-index:4; position:absolute; right:0; top:0; width:300px; height:50px; }
#header .menu .premium { z-index:6; position:absolute; left:-98px; top:0; overflow:hidden; width:74px; height:50px; text-indent:-9999px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2020/201203_winter_x87fdeijh45/gnb/bg_premium.png") 0 0 no-repeat; }
#header .menu .premium.active { background-position:0 -50px; }
#header .menu .btn_login { z-index:6; position:absolute; left:0; top:0; overflow:hidden; width:120px; height:50px; text-indent:-9999px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2020/201203_winter_x87fdeijh45/gnb/btn_login.png") right top no-repeat;border-left:1px solid #dcdfe1 }
#header .menu .btn_logout { z-index:6; position:absolute; left:0; top:0; overflow:hidden; width:120px; height:50px; text-indent:-9999px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2020/201203_winter_x87fdeijh45/gnb/btn_logout.png") right top no-repeat;border-left:1px solid #dcdfe1 }
#header .menu .btn_gamestart { z-index:4; position:absolute; right:50px; top:0; width:130px; height:50px; text-indent:-9999px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2020/201203_winter_x87fdeijh45/gnb/btn_gamestart.png") left top no-repeat; }
#header .menu .btn_control { z-index:6; position:absolute; right:0; top:0; overflow:hidden; width:50px; height:50px; background-color:#000; }
#header .menu .btn_control .inner { height:auto !important; padding:18px 0; -ms-transform:rotate(0); transform:rotate(0); transition-duration:0.4s; }
#header .menu .btn_control .inner span { display:block; width:18px; height:2px; margin:0 auto; text-indent:-9999px; background-color:#ffffff; }
#header .menu .btn_control .inner:before { content:""; display:block; width:18px; height:2px; margin:0 auto 4px auto; background-color:#ffffff; }
#header .menu .btn_control .inner:after { content:""; display:block; width:18px; height:2px; margin:4px auto 0 auto; background-color:#ffffff; }
#header .menu .btn_control.on .inner { -ms-transform:rotate(90deg); transform:rotate(90deg); }
#aside { z-index:514; position:absolute; right:-200px; top:0; opacity:0; width:200px; min-height:258px; padding-top:50px; box-sizing:border-box; transition-duration:0.4s; box-shadow:0 0 32px rgba(0,0,0,0.4); background-color:#c2c2c2; }
#aside.on { right:0; opacity:1; }
#aside .button_box { overflow:hidden; position:relative; min-height:64px; }
#aside .button_box a { float:left; width:100px; height:64px; overflow:hidden; font-size:14px; color:#8c8c96; line-height:64px; text-align:center; }
#aside .button_box .btn_home:before { content:""; display:inline-block; width:24px; height:64px; margin-right:8px; vertical-align:top; background:url("https://ssl.nexon.com/s2/game/fo4/event/2020/201203_winter_x87fdeijh45/gnb/bt_home.png") left top no-repeat; }
#aside .button_box .btn_share:before { content:""; display:inline-block; width:12px; height:64px; margin-right:8px; vertical-align:top; background:url("https://ssl.nexon.com/s2/game/fo4/event/2020/201203_winter_x87fdeijh45/gnb/bt_share.png") left top no-repeat; }
#aside .button_box a:hover { color:#3e3e54; background-color:#e8e8e8; }
#aside .button_box a:hover:before { background-position:0 -64px; }
#aside .button_box:after { content:""; display:block; position:absolute; left:50%; top:22px; width:2px; height:20px; margin:0 0 0 -1px; background-color:#a8aaae; }
#aside .scroll_box { overflow:hidden; min-height:530px; }
#aside .scroll_box ul { padding-bottom:32px; }
#aside .scroll_box ul li { line-height:0; }
#aside .scroll_box ul li a { position:relative; overflow:hidden; width:200px; border-bottom:1px solid #acacac; background-color:#c2c2c2; line-height:0; }
#aside .scroll_box ul li a .thumb { opacity:0.6; width:180px; height:72px; padding:16px 10px 10px 10px; }
#aside .scroll_box ul li a p { opacity:0.6; overflow:hidden; padding-bottom:16px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; width:180px; margin:0 auto; font-size:14px; line-height:14px; color:#000000; text-align:center; }
#aside .scroll_box ul li a:hover { background-color:#e8e8e8; }
#aside .scroll_box ul li a:hover .thumb { opacity:1; }
#aside .scroll_box ul li a:hover p { opacity:1; }
#aside .scroll_box ul li.on a { background-color:#e8e8e8; }
#aside .scroll_box ul li.on a .thumb { opacity:1; }
#aside .scroll_box ul li.on a p { opacity:1; }
#aside .scroll_bar { z-index:2; position:absolute; right:2px; top:88px; opacity:1; width:10px; min-height:258px; }
#aside .scroll_bar .handle { position:relative; opacity:0.4; width:4px; margin-left:6px; padding:16px 0 16px 0; box-sizing:border-box; }
#aside .scroll_bar .handle span { display:block; height:100%; border-radius:4px; box-sizing:border-box; background-color:#000; }
#share { z-index:508; display:none; position:fixed; left:50%; top:50%; -ms-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); box-shadow:0 0 32px rgba(0,0,0,0.8); }
#share .title { position:relative; padding:16px; background-color:#ffffff; }
#share .title h4 { padding-left:35px; font-size:24px; line-height:24px; color:#000000; background:url("https://ssl.nexon.com/s2/game/fo4/event/2020/201203_winter_x87fdeijh45/gnb/ico_fo4.png") left top no-repeat; }
#share .title .btn_close { position:absolute; right:16px; top:16px; width:24px; height:24px; text-indent:-9999px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2020/201203_winter_x87fdeijh45/gnb/bt_close.png") left top no-repeat; }
#share .inner { padding:64px 128px; background-color:#e6e6e6; }
#share .inner button { width:100px; margin:0 16px; padding-top:116px; font-weight:bold; font-size:18px; line-height:18px; color:#565656; }
#share .inner .btn_kakaotalk { background:url("https://ssl.nexon.com/s2/game/fo4/event/2020/201203_winter_x87fdeijh45/gnb/bt_kakaotalk.png") left top no-repeat; }
#share .inner .btn_facebook { background:url("https://ssl.nexon.com/s2/game/fo4/event/2020/201203_winter_x87fdeijh45/gnb/bt_facebook.png") left top no-repeat; }
#dimmed { z-index:504; position:fixed; left:0; top:0; display:none; width:100%; height:100%; background-color:rgba(0,0,0,0.6); }