@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; }

#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/fc/online/event/2024/240118_newandreturn_gfkj45o12sd/bg1.jpg") center top no-repeat; height:auto;}
#middle .section .state .inner {height: 1165px;}
#middle .section .inner > .btn_notice { z-index:4; position:absolute; left:508px; top: 882px; width:131px; height:50px; background:url("https://ssl.nexon.com/s2/game/fc/online/common/transparent.png") left top repeat;}
#middle .section .inner > .btn_reward { z-index:4; position:absolute; left:641px; top: 882px; width:131px; height:50px; background:url("https://ssl.nexon.com/s2/game/fc/online/common/transparent.png") left top repeat; }

#middle .section .inner .user { z-index:4; position:absolute; left:0; bottom: 0; width:1280px; height:180px;}
#middle .section .inner .user .login { z-index:4; position:absolute; left:32px; top:30px; width:1002px; height:120px; }
#middle .section .inner .user .login.t2 {width:1220px;}
#middle .section .inner .user .login .message { font-weight:bold; font-size:24px; line-height:120px; color:#ffffff; letter-spacing:0; text-align:center; }
#middle .section .inner .user .login .message strong { font-size:20px; line-height:120px; color:#ffe64c; letter-spacing:0; vertical-align:top; }
#middle .section .inner .user .login .message._2lines { padding:32px 0; line-height:28px; }
#middle .section .inner .user .login .message._2lines span { font-weight:400; font-size:18px; color:#fff; letter-spacing:0; text-align:center;  }
#middle .section .inner .user .login .btn_login { z-index:4; position:absolute; left:-2px; top:0; width:300px; height:120px; background:url("https://ssl.nexon.com/s2/game/fc/online/event/2024/240118_newandreturn_gfkj45o12sd/btn_login.png") left top no-repeat; }
#middle .section .inner .user .login .btn_notice { z-index:4; position:absolute; right:125px; top:47px; }
#middle .section .inner .user .login .btn_notice p {color: #ff0000; font-size: 24px; font-weight: bold; }
#middle .section .inner .user .login .btn_login p { font-weight:bold; font-size:16px; line-height:40px; color:#000000; 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:#000000; 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:-2px; top:0; width:300px; height:120px; background:url("https://ssl.nexon.com/s2/game/fc/online/event/2024/240118_newandreturn_gfkj45o12sd/btn_check.png") left top no-repeat; }
#middle .section .inner .user .login .check.message { padding-left:281px; font-weight: bold;}
#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:40px 0; flex-basis:320px; font-weight:bold; font-size:24px; 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 #5d5e74; width: 335px; flex-basis: 335px;}
#middle .section .inner .user .login ul.check li span { font-weight:bold; font-size:24px; line-height:40px; color:#ffffff; letter-spacing:0; vertical-align:top; }
#middle .section .inner .user .login ul.check li strong { font-weight:bold; font-size:24px; line-height:40px; color:#ffce76; letter-spacing:0; vertical-align:top;  }
#middle .section .inner .user .login ul.check li:nth-child(1) strong{color:#ffce76; 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:65px; top:65px; box-sizing:border-box; width:180px; height:50px; border: 1px solid #82858a;}
#middle .section .inner .user .btn_reward_list p {font-size: 16px; color: #fff;}

#middle .event.section {display: block; padding-top: 177px; box-sizing: border-box;}
#middle .event._01 {background: url("https://ssl.nexon.com/s2/game/fc/online/event/2024/240118_newandreturn_gfkj45o12sd/bg2_1.jpg") center top no-repeat; height: 1797px;}
#navigation { box-sizing:border-box; overflow:hidden; width:1280px; box-shadow:0 32px 64px rgba(0,0,0,0.4); background-color:#ededed;}
#navigation .step { overflow:hidden; display:flex; width:1280px; }
#navigation .step li { flex-basis:107px; box-sizing:border-box; border-right:1px solid #cdcdcd; 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; background-color:#ffffff; }
#navigation .step li::after{content: ""; width: 13px; height:15px; position: absolute; background: url("https://ssl.nexon.com/s2/game/fc/online/event/2024/240118_newandreturn_gfkj45o12sd/check_off.png") 0 0 no-repeat; top: 12px; left: 48px; 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:26px 0; font-size:17px; line-height:17px; letter-spacing:0; text-align:center; letter-spacing:-1px; color: #7c7c7c;}
#navigation .step li.active { border-right:1px solid #1d4888; background-color:#00307a; }
#navigation .step li.active::before { content:"O"; color:transparent; background-color:#003483; }
#navigation .step li.active::after{content: ""; width: 14px; height:15px; position: absolute; background: url("https://ssl.nexon.com/s2/game/fc/online/event/2024/240118_newandreturn_gfkj45o12sd/check_on.png") 0 0 no-repeat; top: 12px; left: 47px; 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:#fff; }
#navigation .step li.view {background-color:#004dc3;  border-right:none;}
#navigation .step li.view::before { color:transparent; background-color:#0053d2; }
#navigation .step li.view button p { font-weight:300; color:#fff; }

#normal { box-sizing:border-box; width:1280px; height:564px; margin-top:34px; }
#normal .list { position:relative; width:24368px !important; height:556px; }
#normal .list .slide { overflow:hidden; box-sizing:border-box;min-width: 1000px; float:left; height:460px; margin-right:20px; box-shadow:0 32px 64px rgba(0,0,0,0.4); background: #ffffff; }
#normal .list .slide:last-child { margin-right:0; }
#normal .list .slide .title { height:80px; font-weight:bold; font-size:26px; color:#000000; text-align:center; line-height: 80px; border-bottom: 1px solid #e0e0e0;}
#normal .list .slide .title strong { font-weight:bold; font-size:26px; color:#000000;line-height: 80px; }
#normal .list .slide .title span { font-weight:bold; font-size:26px; color:#000000;line-height: 80px;}
#normal .list .slide .title span.light {  font-weight:bold; font-size:26px; color:#000000; margin-left: 5px;line-height: 80px;}
#normal .list .slide .reward {position:relative; overflow:hidden; box-sizing:border-box; height:calc(100% - 80px); margin:0;}
#normal .list .slide .reward .item { display:block; padding:41px 32px 41px 32px; font-size:0; line-height:0; text-align:center; }
#normal .list .slide .reward .item li { position:relative; display:inline-block; width:150px; padding: 0 7px; 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:#e5e5e5;}
#normal .list .slide .reward .item li .image img { width:100px; height:100px; }
#normal .list .slide .reward .item li .text {height: 60px; padding-top:12px; font-size:16px; line-height:20px; color:#000000; letter-spacing:0; text-align:center; box-sizing: border-box; width: 135px; margin: 0 auto;}
#normal .list .slide.first .reward {overflow: visible;}
#normal .list .slide.first .reward_list {padding:0 32px; display: flex; justify-content: center;}
#normal .list .slide.first .reward .item {padding-left: 32px; padding-right: 0; box-shadow:none; border-radius: unset; background: transparent;}
#normal .list .slide.first .reward .item.t2 {padding-right: 0; padding-left: 0; position: relative;}
#normal .list .slide.first .reward .item.t2::after {position: absolute; content: ''; width: 1px; height:  199px; background: #e3e3e3; right: -14.5px; top: 31.5px;}
#normal .list .slide.first .reward .item li {width: 150px;}
#normal .list .slide.first .reward .item.t2 li {width: 150px; box-sizing: border-box;}
#normal .list .slide.first .reward .item.t2 li .image::after {border:3px solid #49b6ef;}
#normal .list .slide .reward .advice { z-index:16; position:absolute; left:50%; transform: translateX(-50%); top: 244px; font-weight:400; font-size:14px; line-height:1.2; color:#001b3f; letter-spacing:0; text-align:center; background-color: #37d63b; border-radius: 30px; padding: 6px 70px; white-space: nowrap;}
#normal .list .slide .reward .button {box-sizing: border-box; padding-top: 17px;}

#normal .list .slide .reward .button .btn_reward { box-sizing:border-box; width:100%; height:120px; background:#ffce76; opacity: 40%;}
#normal .list .slide .reward .button .btn_reward p { font-weight:bold; font-size:26px; line-height:1; color:#000; text-align:center; letter-spacing:0; }
#normal .list .slide .reward .button .btn_reward.active { cursor:pointer; background:#ffce76; opacity: 1;}
#normal .list .slide .reward .button .btn_reward.active p { font-weight:bold; font-size:26px; line-height:1; color:#000; text-align:center; letter-spacing:0; }
#normal .list .slide .reward .button .btn_reward p span {width: 0;height: 0;border-bottom: 8px solid transparent;border-top: 8px solid transparent;border-left: 12px solid #000;border-right: 12px solid transparent; margin-left: 15px;}
#normal .list .slide .reward .button .btn_reward.complete, #normal .list .slide .reward .button .btn_reward.none { background:#c9c8c8; opacity: 1;}
#normal .list .slide .reward .button .btn_reward.complete p, #normal .list .slide .reward .button .btn_reward.none p {color:#fff; }
#normal .list .slide:nth-child(1) { overflow:visible; position:relative; }
#normal .list .slide:nth-child(2) { overflow:visible; position:relative; }
#normal .list .slide:nth-child(3) { overflow:visible; position:relative; }
#normal .list .slide:nth-child(4) { 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.disable { cursor:default; }
#normal .list .slide .reward .item li.disable .image { opacity: 0.5; }
#normal .list .slide .reward .item li.disable .text { opacity: 0.5; }
#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:6px solid #3f4ad8; }
#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:0px; top:-20px; width:51px; height:51px; cursor:pointer; background:url("https://ssl.nexon.com/s2/game/fc/online/event/2024/240118_newandreturn_gfkj45o12sd/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; }

#middle .event .inner._2 {padding-top: 181px; width: 1540px;}
#middle .event .inner._2 .guide_wrap {width: 1540px; height: 640px; box-shadow: 0 32px 64px rgba(0,0,0,0.4);  background: #fff; display: flex; position: relative; padding-top: 80px; box-sizing: border-box;}
#middle .event .inner._2 .guide_wrap .title { height:80px; font-weight:bold; font-size:26px; color:#000000; text-align:center; line-height: 80px; border-bottom: 1px solid #e0e0e0; position: absolute; width: 100%; text-align: center; left: 0; top: 0;}
#middle .event .inner._2 .guide_left {width: 420px; border-right: 2px solid #dbdae3; overflow: hidden;}
#middle .event .inner._2 .guide_left .item { display:block; font-size:0; line-height:0; text-align:center;  display: flex; margin: 0 29px; justify-content: center; padding: 66px 0 0; height: 280px; box-sizing: border-box;}
#middle .event .inner._2 .guide_left .item li {width: 150px; padding: 0 7px; box-sizing: border-box;}
#middle .event .inner._2 .guide_left .item li .image {width: 100px; height: 100px; background: #e5e5e5; margin: 0 auto;}
#middle .event .inner._2 .guide_left .item li .image img {width: 100px; height: 100px;}
#middle .event .inner._2 .guide_left .item li .text {height: 60px; padding-top:12px; font-size:16px; line-height:20px; color:#000; letter-spacing:0; text-align:center; box-sizing: border-box; width: 100%; margin: 0 auto;}
#middle .event .inner._2 .guide_left .guide_state {display: flex; padding: 44px 40px 0; justify-content: center; align-items: center;}
#middle .event .inner._2 .guide_left .guide_state p:nth-of-type(1) {font-size: 20px;color: #000; line-height: 28px; font-weight: bold; text-align: left; width: 215px;}
#middle .event .inner._2 .guide_left .guide_state p:nth-of-type(2) {flex: 1; font-weight: bold; font-size: 60px; color: #ffa400; text-align: center;}
#middle .event .inner._2 .guide_left .button {text-align: center; padding-top: 50px;}
#middle .event .inner._2 .guide_left .button .btn_reward {box-sizing:border-box; width:100%; height:130px; background:#ffce76; opacity: 40%;}
#middle .event .inner._2 .guide_left .button .btn_reward p { font-weight:bold; font-size:24px; line-height:1.1; color:#000; text-align:center; letter-spacing:0; }
#middle .event .inner._2 .guide_left .button .btn_reward.active { cursor:pointer; background:#ffce76; opacity: 1;}
#middle .event .inner._2 .guide_left .button .btn_reward.active p { font-weight:bold; font-size:24px; line-height:1.1; color:#000; text-align:center; letter-spacing:0; }
#middle .event .inner._2 .guide_left .button .btn_reward.complete { background:#c9c8c8; opacity: 1}
#middle .event .inner._2 .guide_left .button .btn_reward.complete p {color:#fff; }
#middle .event .inner._2 .guide_left .button .btn_reward p span {width: 0;height: 0;border-bottom: 8px solid transparent;border-top: 8px solid transparent;border-left: 12px solid #000;border-right: 12px solid transparent; margin-left: 15px;}

#middle .event .inner._2 .guide_right {width: calc(100% - 420px); display: flex; flex-wrap: wrap;}
#middle .event .inner._2 .guide_right .guide_list {width: 25%; height: 50%; border-right: 2px solid #d7d8db; box-sizing: border-box; background: #efeff2;}
#middle .event .inner._2 .guide_right .guide_list.complete {background: #d9d9e1; position: relative;}
#middle .event .inner._2 .guide_right .guide_list:nth-of-type(-n+5){border-bottom: 2px solid #dbdae3;}
#middle .event .inner._2 .guide_right .guide_list:nth-of-type(4n) {border-right:none; flex: 1;}
#middle .event .inner._2 .guide_right .guide_list {text-align: center; padding-top: 19px;}
#middle .event .inner._2 .guide_right .guide_list .guide_image {height: 137px; display: flex; align-items: center; justify-content: center;}
#middle .event .inner._2 .guide_right .guide_list .guide_name {font-size: 20px; font-weight: bold; line-height: 1;}
#middle .event .inner._2 .guide_right .guide_list button {margin-top: 20px; width: 180px; height: 50px; border: 1px solid #3f4ad8; background:transparent; font-size: 16px; font-weight: 600; color: #3f4ad8;}
#middle .event .inner._2 .guide_right .guide_list button.complete {background: #efeff2; border-color: #cb8302; color: #cb8302;}

#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/fc/online/event/2023/231026_newandreturn_exlk28493xc/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/fc/online/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/fc/online/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/fc/online/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/fc/online/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 .list .slide img {width: 100%; height: 100%; }
.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/fc/online/event/2023/231026_newandreturn_exlk28493xc/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/fc/online/event/2023/231026_newandreturn_exlk28493xc/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_half {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 .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;}

.event_layer_popup.survey .content .button .btn_confirm { width:100%; background-color:#ddd; }
.event_layer_popup.survey .content .button .btn_confirm.active { cursor:pointer; background-color:#08de68; }
.survey.event_layer_popup .content {width: 740px; top: 64px; transform: translateX(-50%);}