@charset "utf-8";

#wrapper{padding-top: 115px;}

#gnb h1,
#gnb h2,
#gnb h3,
#gnb h4,
#gnb h5,
#gnb h6,
#gnb th,
#gnb td,
#gnb input,
#gnb select,
#gnb textarea,
#gnb button{letter-spacing: 0;font-family:"Pretendard",sans-serif; }

#gnb { z-index:516; position:fixed; left:0; top:0; width:100%; min-width:1280px; height:50px; font-family:"Pretendard",sans-serif; line-height:0; letter-spacing: 0;}
#gnb a { display:inline-block; font-family:"Pretendard",sans-serif; }
#gnb .pass{position: fixed;;top:196px;left:0;width: 160px;height: 166px;background: url(https://ssl.nexon.com/s2/game/fo4/event/2022/221222_gift_sd745yh322/gnb/pass.png) 0 -189px no-repeat;box-shadow: 0 0 6px rgba(0,0,0,0.5);}
#gnb .pass.active{background-position: 0 0;}
#gnb .pass a{display: block;width: 100%;height: 100%;;}
#gnb button { display:inline-block; margin:0; padding:0; font-family:"Pretendard",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;height: 50px;}
#header .btn_logo a { width:52px; height:50px; background:url(https://ssl.nexon.com/s2/game/fo4/event/2022/221222_gift_sd745yh322/gnb/btn_logo.png) center center no-repeat; }

#header .btn_logo2 { z-index:4; position:absolute; left:53px; top:0;height: 50px;}
#header .btn_logo2 a { width:290px; height:50px; background:url(https://ssl.nexon.com/s2/game/fo4/event/2022/221222_gift_sd745yh322/gnb/logo.png) 0 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/2022/221222_gift_sd745yh322/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:400; font-size:15px; line-height:48px; color:#000000; }
#header .event_join > p  strong{color:#db1151;font-weight:400; font-size:15px; line-height:48px; }
#header .event_join > p  a{color:#fff;font-weight:600; font-size:14px; line-height:30px; background-color: #4a83e2;padding:0 13px;border-radius: 4px;height: 30px;vertical-align: top;margin-top: 9px;margin-left: 10px;;}

#header .event_join > a { position:relative; vertical-align:top; }
#header .event_join > a:nth-child(1) { margin-right:32px; }
#header .event_join > a:nth-child(1):after { content:""; position:absolute; right:-16px; top:14px; display:block; width:1px; height:20px; background-color:#dcdcdc; }
#header .event_join > a:nth-child(2) { margin-right:12px; }
#header .event_join > a:nth-child(3) { margin-right:22px; }
#header .event_join > a strong { margin-right:4px; display:inline-block; font-weight:400; font-size:15px; line-height:48px; color:#000000; vertical-align:top; }
#header .event_join > a.btn_nr { font-weight: 600;color:#db1151;border-radius: 4px; box-sizing: border-box;font-size:14px; border:2px solid #db1151;margin-left: 5px;;height:32px; vertical-align: top;width:auto; padding:0 12px; height:32px; margin-top:8px;line-height:28px; text-align:center; vertical-align:top; background-color:#fff;;}
#header .event_join > a span { display:inline-block; font-size:15px; line-height:48px; color:#db1151; 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:#db1151; }
#header .event_join > a.btn_nr:hover:before {display: none;}
#header .event_join .btn_event_check { font-weight: 600;margin-left: 6px;;width:auto;border-radius: 4px;; padding:0 12px; height:32px; margin-top:8px; font-size:14px; line-height:32px; color:#fff; text-align:center; vertical-align:top; background-color:#db1151; }
#header .event_join > a.btn_event_check:after,
#header .event_join > a.btn_event_link:after{ 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/2022/221222_gift_sd745yh322/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/2022/221222_gift_sd745yh322/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/2022/221222_gift_sd745yh322/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/2022/221222_gift_sd745yh322/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/2022/221222_gift_sd745yh322/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/2022/221222_gift_sd745yh322/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/2022/221222_gift_sd745yh322/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/2022/221222_gift_sd745yh322/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/2022/221222_gift_sd745yh322/gnb/bt_kakaotalk.png) left top no-repeat; }
#share .inner .btn_facebook { background:url(https://ssl.nexon.com/s2/game/fo4/event/2022/221222_gift_sd745yh322/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); }

#fixedBar{ z-index:56; position:absolute; left:0; top:50px; width:100%; min-width:1280px; height:64px; text-align:center;  background-color:#37446d; border-bottom: 1px solid #2f0418;}
#fixedBar ul{ width: 1360px;margin:0 auto;display: flex;box-sizing: border-box;;;}
#fixedBar ul li{line-height: 64px;flex: 1 1 0%;position: relative;padding: 4px 0 0 0;height: 60px;padding-bottom: 1px;position: relative;z-index: 1;}
#fixedBar ul li.alt{z-index: 100;}
#fixedBar ul li.alt:after{content: "";position: absolute;top:18px;right:2px;height: 27px;background-color: #6b5691;width: 2px;}
#fixedBar ul li span{position: relative;display: inline-block;vertical-align: top;width: 6px;height: 6px;background-color: #ff4fa7;border-radius: 6px;margin-top: 20px;margin-right: 2px;}
#fixedBar ul li:after{content: "";position: absolute;top:18px;right:-2px;height: 27px;background-color: #6b5691;width: 2px;}
#fixedBar ul li:last-child:after{display: none;}
#fixedBar ul li a{ display: block;color: #fff;line-height: 58px;text-align: center;font-size: 16px;;position: absolute;top:4px;left:0;width: 100%;height: 60px;;z-index: 10;font-weight: 400;}
#fixedBar ul li.active{z-index: 10;}
#fixedBar ul li.active a{background-color: #cca5ca;color: #1f0008;padding:0 2px;margin-left: -2px;;font-weight: 600;}


/* #fixedBar ul li a.alert{position: relative;} */
#fixedBar ul li a .alert{content: "";width: auto;font-size: 13.5px;color: #000000;font-weight: 400;height: 30px;background: #aeadf3;position: absolute;top:42px;left:50%;transform: translateX(-50%);border:1px solid #3f0418;border-radius: 4px;line-height: 30px;padding:0 10px;white-space: nowrap;margin-top: 4px;}
#fixedBar ul li a .alert:before{position: absolute;top:-6px;left:50%;margin-left: -5px;background: url(https://ssl.nexon.com/s2/game/fo4/event/2022/221222_gift_sd745yh322/gnb/alert_arr.png) 0 0 no-repeat;content: "";width: 10px;height: 6px;}