@charset "utf-8";

html,body { width:100%; min-width:1280px; 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%; min-width:1280px; 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%; min-width:1280px; height:100%; background-color:#000000; }

img { image-rendering:-webkit-optimize-contrast; }

#quick { z-index:32; position:absolute; right:0; top:1080px; box-shadow:0 0 16px rgba(0,0,0,0.4); }

@media screen and (max-width:1600px) { #quick { display:none; } }

#middle { position:relative; overflow:hidden; background-color:#000000; }
#middle .section { position:relative; }
#middle .section .inner { position:relative; box-sizing:border-box; width:1280px; margin:0 auto; }
#middle .event_cont.section { background:url("https://ssl.nexon.com/s2/game/fo4/event/2023/230824_newandreturn_skldgpa13c/bg.jpg") center top no-repeat; height:2500px; }
#middle .section .state .inner {height: 760px;}
#middle .section .inner > .btn_notice { z-index:4; position:absolute; left:502px; bottom:258px; width:134px; height:50px; 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:643px; bottom:258px; width:134px; height:50px; background:url("https://ssl.nexon.com/s2/game/fo4/common/transparent.png") left top repeat; }

#middle .section .inner .user { z-index:4; position:absolute; left:0; bottom:1px; width:1280px; height:160px;}
#middle .section .inner .user .login { z-index:4; position:absolute; left:30px; top:30px; width:990px; height:100px; }
#middle .section .inner .user .login .message { font-weight:300; font-size:18px; line-height:100px; color:#ffffff; letter-spacing:0; text-align:center; }
#middle .section .inner .user .login .message strong { font-size:20px; line-height:100px; color:#ffe64c; letter-spacing:0; vertical-align:top; }
#middle .section .inner .user .login .message._2lines { padding:22px 0; line-height:28px; }
#middle .section .inner .user .login .message._2lines strong { line-height:28px; }
#middle .section .inner .user .login .message._2lines.p_left{padding-left:200px;}
#middle .section .inner .user .login .btn_login { z-index:4; position:absolute; left:0; top:0; width:264px; height:100px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2023/230427_newandreturn_IIllllll/btn_login.png") left top no-repeat; }
#middle .section .inner .user .login .btn_notice { z-index:4; position:absolute; right:30px; top:30px; width:170px; height:40px; border-radius:8px; background-color:#ffe64c; }
#middle .section .inner .user .login .btn_login p,
#middle .section .inner .user .login .btn_notice p { font-weight:bold; font-size:16px; line-height:40px; color:#202020; letter-spacing:0; text-align:center; }
#middle .section .inner .user .login .btn_login p::after,
#middle .section .inner .user .login .btn_notice p::after { content:"▶"; display:inline-block; margin-left:4px; font-size:12px; line-height:40px; color:#202020; letter-spacing:0; vertical-align:top; }
#middle .section .inner .user .login .btn_notice_inline {position: absolute; right: 30px; top: 50%; transform: translateY(-50%);}
#middle .section .inner .user .login .btn_notice_inline p{color:#000000; background: #ffeb4c; padding: 10px 18px; border-radius: 6px; font-size: 16px;}
#middle .section .inner .user .login .btn_check { z-index:4; position:absolute; left:0; top:0; width:264px; height:100px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2023/230427_newandreturn_IIllllll/btn_check.png") left top no-repeat; }
#middle .section .inner .user .login .check.message { padding-left:264px; }
#middle .section .inner .user .login ul.check { box-sizing:border-box; display:flex; width:990px; padding:0 30px 0 294px; }
#middle .section .inner .user .login ul.check li { box-sizing:border-box; margin:30px 0; flex-basis:222px; font-weight:300; font-size:20px; line-height:40px; color:#cccccc; letter-spacing:0; text-align:center; }
#middle .section .inner .user .login .txt{ color: #888888; font-size: 17px;}
#middle .section .inner .user .login ul.check li:nth-child(2) { border-left:1px solid #626262; width: 452px; flex-basis: 452px;}
#middle .section .inner .user .login ul.check li span { font-weight:600; font-size:20px; line-height:40px; color:#ffffff; letter-spacing:0; vertical-align:top; }
#middle .section .inner .user .login ul.check li strong { font-weight:600; font-size:20px; line-height:40px; color:#ffe64c; letter-spacing:0; vertical-align:top;  }
#middle .section .inner .user .login ul.check li:nth-child(1) strong{color:#5aff00; font-weight: 600;}
#middle .section .inner .user .btn_guide { z-index:4; position:absolute; right:29px; top:30px; box-sizing:border-box; width:170px; height:44px; }
#middle .section .inner .user .btn_reward_list { z-index:4; position:absolute; right:29px; top:84px; box-sizing:border-box; width:170px; height:44px; border-radius:8px; }

#middle .event._01.section {padding: 168px 0 54px;}
#navigation { box-sizing:border-box; overflow:hidden; width:1280px; box-shadow:0 32px 64px rgba(0,0,0,0.4); border-radius:8px; background-color:#ffffff; border: 1px solid #dbdbdb;}
#navigation .step { overflow:hidden; display:flex; width:1280px; }
#navigation .step li { flex-basis:107px; box-sizing:border-box; border-right:1px solid #e5e5e5; position: relative;}
#navigation .step li:last-child { border-right:none !important; }
#navigation .step li::before { content:"X"; display:block; padding:10px 0; font-family:"Pretendard","Noto Sans KR",Dotum,"돋움",Helvetica,"Apple SD Gothic Neo",sans-serif; font-weight:bold; font-size:20px; line-height:20px; color:transparent; letter-spacing:0; text-align:center; box-shadow:0 1px 0 #dcdcdc; background-color:#f4f4f4; }
#navigation .step li::after{content: ""; width: 20px; height: 20px; position: absolute; background: url("https://ssl.nexon.com/s2/game/fo4/event/2023/230824_newandreturn_skldgpa13c/check_off.png") 0 0 no-repeat; top: 10px; left: 43px; background-size: contain;}
#navigation .step li:nth-child(14):after,
#navigation .step li:nth-child(15):after{left: 43px;}
#navigation .step li button { display:block; width:100%; }
#navigation .step li button p { padding:24px 0; font-size:16px; line-height:16px; letter-spacing:0; text-align:center; letter-spacing:-1px; }
#navigation .step li.active { border-right:1px solid #679ee5; background-color:#73b0ff; }
#navigation .step li.active::before { content:"O"; color:transparent; box-shadow:0 1px 0 #679ee5; background-color:#73b0ff; }
#navigation .step li.active::after{content: ""; width: 20px; height: 20px; position: absolute; background: url("https://ssl.nexon.com/s2/game/fo4/event/2023/230824_newandreturn_skldgpa13c/check_on.png") 0 0 no-repeat; top: 10px; left: 43px; background-size: contain;}
#navigation .step li:nth-child(14):after,
#navigation .step li:nth-child(15):after{left: 43px;}
#navigation .step li.active button p { font-weight:400; color:#000000; }
#navigation .step li.view {background-color:#ffe64c; }
#navigation .step li.view::before { color:transparent; box-shadow:0 1px 0 #e6d646; background-color:#ffeb4c; }
#navigation .step li.view button p { font-weight:400; color:#000000; }

#normal { box-sizing:border-box; width:1280px; height:564px; margin-top:12px; }
#normal .list { position:relative; width:24368px !important; height:564px; }
#normal .list .slide { overflow:hidden; box-sizing:border-box; float:left; width:985px; height:524px; margin-right:16px; border-radius:14px; box-shadow:0 32px 64px rgba(0,0,0,0.4); background: #fff; }
#normal .list .slide:last-child { margin-right:0; }
#normal .list .slide .title { height:74px; font-weight:bold; font-size:26px; color:#000000; text-align:center; line-height: 70px;}
#normal .list .slide .title strong { font-weight:bold; font-size:28px; color:#ffe64c; }
#normal .list .slide .title span { font-weight:bold; font-size:26px; color:#ff0000; margin-right: 3px;}
#normal .list .slide .title span.light { font-weight:400; font-size:26px; color:#000000; margin-right: 0;}
#normal .list .slide .reward { position:relative; overflow:hidden; box-sizing:border-box; height:418px; margin:0 30px; border-radius:12px; background-color:#73b0ff; }
#normal .list .slide .reward .item { display:block; padding:41px 0 41px 0; font-size:0; line-height:0; text-align:center; }
#normal .list .slide .reward .item li { position:relative; display:inline-block; width:135px; padding: 0 7.5px; vertical-align:top; box-sizing: border-box;}
#normal .list .slide .reward .item li .image { position:relative; width:100px; height:100px; margin:0 auto; background-color:rgba(143,192,255,1);}
#normal .list .slide .reward .item li .image img { width:100px; height:100px; }
#normal .list .slide .reward .item li .text {height: 60px; padding-top:20px; font-size:15px; line-height:20px; color:#00122a; letter-spacing:0; text-align:center; box-sizing: border-box;}
#normal .list .slide.first .reward {overflow: visible;}
#normal .list .slide.first .reward_list {display: flex; padding: 0 26px; justify-content: center;}
#normal .list .slide.first .reward .item.t2 li:last-child {margin-right: 20px;}
#normal .list .slide.first .reward .item.t2 li {width: 140px; box-sizing: border-box; padding: 0 5px;}
#normal .list .slide.first .reward .item.t2 li .image::after {border:3px solid #d2e6ff;}
#normal .list .slide.first .reward .item:nth-of-type(2) li:nth-of-type(1) {padding-left: 25.5px; width: 154px; border-left: 1px solid #387bd2;}
#normal .list .slide .reward .advice { z-index:16; position:absolute; left:87px; top: 227px; font-weight:400; font-size:14px; line-height:1.2; color:#001b3f; letter-spacing:0; text-align:center; background-color: rgb(255, 240, 0); border-radius: 30px; padding: 6px 30px;}
#normal .list .slide .reward .button { height:177px; text-align:center; background-color:#0048a6; border-radius: 0 0 12px 12px; box-sizing: border-box; padding-top: 42px;}
#normal .list .slide .reward .button .btn_reward { box-sizing:border-box; width:540px; height:100px;  border-radius:8px; background:linear-gradient(360deg, rgba(234,166,34,0.99608) 0%, rgb(245,192,70) 45%, rgb(255,218,105) 100%); opacity: 0.4;}
#normal .list .slide .reward .button .btn_reward.active { cursor:pointer; background:linear-gradient(360deg, rgba(234,166,34,0.99608) 0%, rgb(245,192,70) 45%, rgb(255,218,105) 100%); opacity: 1;}
#normal .list .slide .reward .button .btn_reward p { font-weight:bold; font-size:26px; line-height:96px; color:#000000; text-align:center; letter-spacing:0; }
#normal .list .slide .reward .button .btn_reward.active p { color:#000000; }
#normal .list .slide .reward .button .btn_reward.complete { border:4px solid #73b0ff; background:#001b3f; opacity: 1;}
#normal .list .slide .reward .button .btn_reward.complete p { line-height:84px; color:#73b0ff; }
#normal .list .slide .reward .button .btn_reward.none {background:#2e6ab8; opacity: 1; cursor: pointer;}
#normal .list .slide .reward .button .btn_reward.none p {color: #fff;}
#normal .list .slide:nth-child(1) { overflow:visible; position:relative; }
#normal .list .slide:last-child { overflow:visible; }
#normal .list .slide:last-child .reward { overflow:visible; }
#normal .list .slide .reward .item li.select { cursor:pointer; }
#normal .list .slide .reward .item li.active .image { opacity:1; }
#normal .list .slide .reward .item.t2 li.active .image::after { content:""; z-index:4; position:absolute; left:0; top:0; display:block; box-sizing:border-box; width:100%; height:100%; border:3px solid #ffeb00; }
#normal .list .slide .reward .item li .image::after { content:""; z-index:4; position:absolute; left:0; top:0; display:block; box-sizing:border-box; width:100%; height:100%; }
.tooltip { z-index:8; position:absolute; left:-5px; top:-25px; width:51px; height:51px; cursor:pointer; filter:drop-shadow(4px 4px 8px rgba(0,0,0,0.4)); background:url("https://ssl.nexon.com/s2/game/fo4/event/2023/230824_newandreturn_skldgpa13c/icon_tooltip.png") left top repeat; background-size: contain; }
.tooltip:hover { z-index:32; }
.tooltip .wrapper { z-index:32; position:absolute; left:50%; top:100%; display:none; box-sizing:border-box; width:440px; margin:8px 0 0 -220px; padding:16px; border:2px solid #323232; border-radius:4px; box-shadow:4px 4px 12px rgba(0,0,0,0.2); background-color:#ffffff; }
.tooltip:hover .wrapper { display:block; }
.tooltip .wrapper > p { font-weight:bold; font-size:18px; line-height:18px; color:#323232; text-align-last:center; letter-spacing:0; }
.tooltip .wrapper > p.notice { font-weight:normal; font-size:14px; line-height:18px; color:#323232; }
.tooltip .wrapper .table { padding:16px; }
.tooltip .wrapper .table table { width:100%; }
.tooltip .wrapper .table table tr th { padding:8px 0; font-size:16px; line-height:16px; color:#ffffff; letter-spacing:0; text-align:center; background-color:#323232; }
.tooltip .wrapper .table table tr td { padding:8px 0; font-size:14px; line-height:14px; color:#000000; letter-spacing:0; text-align:center; border-bottom:2px solid #323232; background-color:#ffffff; }

#scrollbar { z-index:6; position:absolute; left:420px; top:179px; width:420px; height:8px; border-radius: 8px; cursor:pointer; background-color:#5F5F5F; }
#scrollbar .swiper-scrollbar-drag { z-index:4; position:absolute; left:0; top:-6px; box-sizing:border-box; width:100px !important; height:20px; cursor:pointer; filter:drop-shadow(4px 4px 8px rgba(0,0,0,0.2)); background:url("https://ssl.nexon.com/s2/game/fo4/event/2023/230824_newandreturn_skldgpa13c/icon_scroll.png") left top no-repeat; }
#scrollbar .swiper-scrollbar-drag:hover { filter:drop-shadow(4px 4px 8px rgba(0,0,0,0.4)); }
#special { z-index:4; position:absolute; left:0; top:242px; box-sizing:border-box; width:1280px; height:494px; }
#special .list { position:relative; width:3000px !important; height:494px; }
#special .list .slide { box-sizing:border-box; float:left; width:472px; height:531px; margin-right:34px; border-radius:12px; box-shadow:0 32px 64px rgba(0,0,0,0.4); background: #F8F7F6; position: relative; }
#special .list .slide:last-child { margin-right:0; }
#special .list .slide .mission { box-sizing:border-box; padding:36px 0 30px 0; font-weight:bold; font-size:24px; line-height:28px; color:#000000; text-align:center; }
#special .list .slide .mission strong { font-weight:400; font-size:24px; line-height:28px;color:#ff4600;  margin: 0 3px 0 1px;}
#special .list .slide:nth-child(6) .mission{font-size: 23px;}
#special .list .slide:nth-child(6) .mission strong{font-size: 23px;}
#special .list .slide .mission::before { content:""; display:inline-block; width:26px; height:26px; margin-right:8px; vertical-align:top; background:url("https://ssl.nexon.com/s2/game/fo4/event/2023/230824_newandreturn_skldgpa13c/check_off2.png") 0 0 no-repeat; }
#special .list .slide.active .mission::before { content:""; display:inline-block; width:26px; height:26px; margin-right:8px; vertical-align:top; background:url("https://ssl.nexon.com/s2/game/fo4/event/2023/230824_newandreturn_skldgpa13c/check_on2.png") 0 0 no-repeat; }
#special .list .slide.complete .mission::before { content:""; display:inline-block; width:26px; height:26px; margin-right:8px; vertical-align:top; background:url("https://ssl.nexon.com/s2/game/fo4/event/2023/230824_newandreturn_skldgpa13c/check_on2.png") 0 0 no-repeat; }
#special .list .slide.focus .mission::before { content:""; display:inline-block; width:26px; height:26px; margin-right:8px; vertical-align:top; background:url("https://ssl.nexon.com/s2/game/fo4/event/2023/230824_newandreturn_skldgpa13c/check_on2.png") 0 0 no-repeat; }
#special .list .slide .mission .text{font-weight: bold; font-size: 20px; margin-top: 10px; color: #ff4e00;}
#special .list .slide .mission_noti {position: absolute; left: 50%; transform: translateX(-50%); z-index: 5; font-size: 15px; color: #fff; background: #213546; padding: 7px 22px; line-height: 1; box-sizing: border-box; height: 30px; border-radius: 30px;  top: 80px; text-align: center;}
#special .list .slide .reward { position:relative; overflow:hidden; box-sizing:border-box; height:400px; margin:0 32px; padding:40px; border-radius:12px; box-shadow:inset 2px 2px 2px #cccccc; background-color:#e8e8e8; }
#special .list .slide .reward .item { display:block; padding-bottom:14px; font-size:0; line-height:0; text-align:center; }
#special .list .slide .reward .item li { display:inline-block; width:133px; vertical-align:top; }
#special .list .slide .reward .item li .image { width:100px; height:100px; margin:0 auto; background-color:#e8e8e8; }
#special .list .slide .reward .item li .image img { width:100px; height:100px; }
#special .list .slide .reward .item li .text { box-sizing:border-box; height:70px; padding:20px 7px 0 7px; font-size:14px; line-height:18px; color:#000; letter-spacing:-1px; text-align:center; }
#special .list .slide .reward .advice { position:relative; padding:32px 0; font-size:14px; line-height:14px; color:#666666; letter-spacing:0; text-align:center; border-top:2px solid #e6e6e6; }
#special .list .slide .reward .advice::before { content:"!"; z-index:4; position:absolute; left:50%; top:-16px; display:block; width:32px; height:32px; margin-left:-16px; font-weight:bold; font-size:16px; line-height:32px; color:#ffffff; text-align:center; border-radius:32px; background-color:#c29280; }
#special .list .slide .reward .button { z-index:4; position:absolute; left:50%; bottom:40px; width:334px; margin-left:-167px; }
#special .list .slide .reward .button .btn_guide { display:block; width:100%; height:44px; margin:0 auto 8px auto; cursor:pointer; border-radius:8px; border:1px solid #a2a2a2; background:#efefef url("https://ssl.nexon.com/s2/game/fo4/common/transparent.png") left top repeat; }
#special .list .slide .reward .button .btn_guide p { font-weight:bold; font-size:18px; line-height:42px; color:#000; }
#special .list .slide .reward .button .btn_reward { display:block; width:100%; height:80px; margin:0 auto;  border-radius:12px; background:linear-gradient( 360deg, rgba(234,76,34,0.99608) 0%, rgb(245,110,70) 45%, rgb(255,144,105) 100%); opacity: 0.4;}
#special .list .slide .reward .button .btn_reward.active { cursor:pointer; background:linear-gradient( 360deg, rgba(234,76,34,0.99608) 0%, rgb(245,110,70) 45%, rgb(255,144,105) 100%); opacity: 1;}
#special .list .slide .reward .button .btn_reward p { font-weight:bold; font-size:22px; line-height:76px; color:#ffffff; text-align:center; letter-spacing:0; }
#special .list .slide .reward .button .btn_reward p strong { font-weight:bold; font-size:16px; line-height:76px; color:#ffffff; letter-spacing:0; vertical-align:top; }
#special .list .slide .reward .button .btn_reward.complete { border:8px solid #c3c3c3; background:#fff; opacity: 1;}
#special .list .slide .reward .button .btn_reward.complete p { line-height:64px; color:#a9a9a9; }
#special .list .slide .reward .button .btn_reward.none { border:none; background:#c6c6c7; opacity: 1;}
#special .list .slide .reward .button .btn_mission { display:block; width:100%; height:80px; margin:0 auto; border-radius:12px;background:linear-gradient( 360deg, rgba(234,166,34,0.99608) 0%, rgb(245,192,70) 45%, rgb(255,218,105) 100%); opacity: 0.4;}
#special .list .slide .reward .button .btn_mission p { font-weight:bold; font-size:24px; line-height:76px; color:#000; text-align:center; letter-spacing:0; }
#special .list .slide .reward .button .btn_mission p strong { font-weight:bold; font-size:16px; line-height:76px; color:#000; letter-spacing:0; vertical-align:top; }
#special .list .slide .reward .button .btn_mission.active { cursor:pointer; background:linear-gradient( 360deg, rgba(234,166,34,0.99608) 0%, rgb(245,192,70) 45%, rgb(255,218,105) 100%); opacity: 1;}
#special .list .slide .reward .button .btn_mission.active p { color:#000000; }
#special .list .slide .reward .button .btn_mission.active p strong { color:#000000; }
#special .list .slide .reward .button .btn_mission.on { border:2px solid #ccc4c4; background:#ccc4c4; }
#special .list .slide .reward .button .btn_link { box-sizing:border-box; display:block; width:100%; height:80px; border-radius:12px; background:linear-gradient(to bottom,#ffe64c 0%,#ffb900 100%); }
#special .list .slide .reward .button .btn_link p { font-weight:bold; font-size:22px; line-height:76px; color:#000000; text-align:center; letter-spacing:0; }
#special .list .slide .reward .button .btn_link p strong { font-weight:bold; font-size:16px; line-height:76px; color:#000000; letter-spacing:0; vertical-align:top; }
#special .list .slide::after {content: ''; position: absolute; width: 83px; height: 37px; background: url("https://ssl.nexon.com/s2/game/fo4/event/2023/230824_newandreturn_skldgpa13c/arrow.png") 0 0 no-repeat; background-size: contain; top: 50%; transform: translateY(-50%); right: -69.5px; z-index: 10;}
#special .list .slide:last-child:after {display: none;}
#special .list .slide.focus {border: 6px solid #ff4700;}
#special .list .slide.focus .reward {background: #fff;}
#special .list .slide.complete::after {display: none;}

#footer { position:relative; width:100%; min-width:1040px; text-align:center; background-color:#000000; }
#footer .inner { width:100%; padding:40px 0; }
#footer .inner .logo { margin-bottom:22px; line-height:0; }
#footer .inner .logo img{width: 364px;}
#footer .inner .information { position:relative; overflow:hidden; width:1142px; margin:0 auto;  display: flex; justify-content: center;}
#footer .inner .information .company { position:relative;   display: flex; align-items: center; box-sizing: border-box; padding: 0 20px 0 0;}
#footer .inner .information .company .bt-nexon {position: relative; top: -5px; }
#footer .inner .information .company .bt-ea { position: relative;}
#footer .inner .information .copyright {width:584px; height:46px; }

.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:320px; 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 ; }
.guide.event_layer_popup .content { width:1200px; height:1489px; top:64px; transform:translateX(-50%) translateY(0%); -webkit-transform:translateX(-50%) translateY(0%); -ms-transform:translateX(-50%) translateY(0%); background:url("https://ssl.nexon.com/s2/game/fo4/event/2023/230824_newandreturn_skldgpa13c/pop_noti2.png") left top no-repeat; }
.guide.event_layer_popup .content .btn_today { z-index:4; position:absolute; right:94px; top:15px; display:none; width:151px; height:34px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2020/200402_layer_common_/check.png") left top no-repeat; background-position: 0 0;}
.guide.event_layer_popup .content .btn_today.active { z-index:4; position:absolute; right:94px; top:15px; display:none; width:151px; height:34px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2020/200402_layer_common_/check.png") left top no-repeat; background-position: 0 -37px ;}
.guide.event_layer_popup .content .btn_close { z-index:4; position:absolute; right:0; top:0; width:66px; height:64px; box-shadow:none; background:url("https://ssl.nexon.com/s2/game/fo4/common/transparent.png") left top repeat; }
.event_layer_popup .content {  position:absolute; left:50%; top:50%; box-sizing:border-box; width:680px; box-shadow:0 0 32px rgba(0,0,0,0.8); -ms-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); background-color:#fff;z-index:100; }
.event_layer_popup .content .btn_close { 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/2020/200402_layer_common_/btn_close.png) left top no-repeat;z-index:16;  }
.guide.event_layer_popup .content .btn_confirm {width:100%; font-size:24px; line-height:80px; color:#ffffff; letter-spacing:0; text-align:center; vertical-align:top; background-color:#08de68; position: absolute; bottom: 0;}
.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); position: relative;z-index: 10;background: #fff;}
.loading.event_layer_popup { z-index:14320 !important; }
.loading.event_layer_popup .content { z-index:256 !important; width:272px; 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 .title { z-index:10; position:relative; 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; }

.mission_guide.event_layer_popup .content { width:636px; }
.mission_guide.event_layer_popup .content .mission { position:relative; overflow:hidden; width:636px; height:640px; }
.mission_guide.event_layer_popup .content .mission .list { position:relative; width:2544px; height:640px; }
.mission_guide.event_layer_popup .content .mission .list .slide { float:left; width:636px; height:640px; font-size:0; line-height:0; }
.mission_guide.event_layer_popup .content .mission .prev { z-index:4; position:absolute; left:16px; top:30px; width:40px; height:72px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2023/230427_newandreturn_IIllllll/btn_prev.png") left top no-repeat; background-size:40px 72px; }
.mission_guide.event_layer_popup .content .mission .next { z-index:4; position:absolute; right:16px; top:30px; width:40px; height:72px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2023/230427_newandreturn_IIllllll/btn_next.png") left top no-repeat; background-size:40px 72px; }
.mission_guide.event_layer_popup .content .mission .prev.swiper-button-disabled,
.mission_guide.event_layer_popup .content .mission .next.swiper-button-disabled { opacity:0.4; cursor:default; }
.target.event_layer_popup .content { width:640px; }
.event_layer_popup .content .message { padding:32px 0; font-size:18px; line-height:26px; color:#000000; letter-spacing:0; text-align:center; }
.event_layer_popup .content .message strong { font-weight:bold; font-size:18px; line-height:26px; color:#08de68; letter-spacing:0; vertical-align:top; }
.event_layer_popup .content .button { font-size:0; line-height:0; }
.event_layer_popup .content .button .btn_link { width:50%; padding:8px 0; font-size:24px; line-height:32px; color:#ffffff; letter-spacing:0; text-align:center; vertical-align:top; background-color:#000000; }
.event_layer_popup .content .button .btn_confirm { width:50%; font-size:24px; line-height:80px; color:#ffffff; letter-spacing:0; text-align:center; vertical-align:top; background-color:#08de68; }
.event_layer_popup.mission .content .button .btn_confirm { width:100%; font-size:24px; line-height:80px; color:#ffffff; letter-spacing:0; text-align:center; vertical-align:top; background-color:#08de68; }
.event_layer_popup.target .content .button .btn_confirm { width:50% !important; font-size:24px; line-height:80px; color:#ffffff; letter-spacing:0; text-align:center; vertical-align:top; background-color:#08de68; }
.event_layer_popup.reward .content .button .btn_confirm { width:100%; font-size:24px; line-height:80px; color:#ffffff; letter-spacing:0; text-align:center; vertical-align:top; background-color:#08de68; }
.event_layer_popup.reward .content .advice { padding:22px 32px; font-size:13px; line-height:1.2; color:#939393; text-align:center; background-color:#eaeaea; }
.event_layer_popup.reward .content .layer_item {display: flex; justify-content: center;}
.event_layer_popup.reward .content .item_wrap {padding: 0 18px; width: 218px; box-sizing: border-box;}
.event_layer_popup.reward .content .item_wrap .item_img {width: 132px; height: 132px;background-color: #e8e8e8; margin: 0 auto;}
.event_layer_popup.reward .content .item_wrap .item_img img {width: 132px; height: 132px;}
.event_layer_popup.reward .content .item_wrap .item_name {padding: 14px 0 25px; font-size: 18px; color: #000; line-height: 26px; text-align: center;}
.event_layer_popup.reward .content .button .btn_confirm2 { width:50%; font-size:24px; line-height:80px; color:#ffffff; letter-spacing:0; text-align:center; vertical-align:top; background-color:#000000; }
.event_layer_popup.reward .content .button .btn_more { width:50%; font-size:24px; line-height:80px; color:#ffffff; letter-spacing:0; text-align:center; vertical-align:top; background-color:#08de68; }
.event_layer_popup.reward .content .button .btn_more span {font-size:24px; line-height:80px; color:#ffffff; letter-spacing:0; text-align:center; vertical-align:top;}