@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/fc/online/event/2023/231026_newandreturn_exlk28493xc/bg1.jpg") center top no-repeat; height:auto;}
#middle .section .state .inner {height: 987px;}
#middle .section .inner > .btn_notice { z-index:4; position:absolute; left:0; top: 547px; width:134px; 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:134px; top: 547px; width:134px; 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; top:656px; 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 span { font-weight:300; font-size:16px; color:#8c8bff; letter-spacing:0; text-align:center;  }
#middle .section .inner .user .login .btn_login { z-index:4; position:absolute; left:-10px; top:-9px; width:303px; height:112px; background:url("https://ssl.nexon.com/s2/game/fc/online/event/2023/231026_newandreturn_exlk28493xc/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:#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:-10px; top:-9px; width:303px; height:112px; background:url("https://ssl.nexon.com/s2/game/fc/online/event/2023/231026_newandreturn_exlk28493xc/btn_check.png") left top no-repeat; }
/* #middle .section .inner .user .login .not_user.message { padding-left:73px; } */
#middle .section .inner .user .login .check.message { padding-left:281px; }
#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 #5d5e74; 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:28px; box-sizing:border-box; width:170px; height:101px; border-radius:8px; }

#middle .section .tab { position: relative;}
#middle .section .tab button.selected::before {position: absolute; content: ''; width: 110px; height: 50px; background: url("https://ssl.nexon.com/s2/game/fc/online/event/2023/231026_newandreturn_exlk28493xc/badge_selected.png") left top no-repeat; left: 30px; top: 50%; transform: translateY(-50%);}
#middle .section .tab .tab_line{width: 2560px; margin: 0 auto; position: absolute; height: 3px; background: #a77efe; left: 50%; transform: translateX(-50%); bottom: 0;}
#middle .section .tab .inner {height: 113px; display: flex; position: absolute; top: -113px; left: 50%; transform: translateX(-50%);}
#middle .section .tab .inner.tab1 button:nth-of-type(1) {background: linear-gradient(360deg, rgb(216,217,234) 0%, rgb(255,255,255) 100%); border: 3px solid #a77efe; border-bottom: none; color: #2422a3;}
#middle .section .tab .inner.tab1 button:nth-of-type(2) {background: linear-gradient(180deg, rgb(37,39,104) 0%, rgb(54,56,135) 100%); border-bottom: 3px solid #a77efe; color: #6568a4;}
#middle .section .tab .inner.tab2 button:nth-of-type(2) {background: linear-gradient(360deg, rgb(216,217,234) 0%, rgb(255,255,255) 100%); border: 3px solid #a77efe; border-bottom: none; color: #2422a3;}
#middle .section .tab .inner.tab2 button:nth-of-type(1) {background: linear-gradient(180deg, rgb(37,39,104) 0%, rgb(54,56,135) 100%); border-bottom: 3px solid #a77efe; color: #6568a4;}
#middle .section .tab .inner button {width: 50%; list-style: none; cursor: pointer; height: 100%; border-radius: 17px 17px 0 0; box-sizing: border-box; font-size: 32px; font-weight: bold; position: relative;}
#middle .section .tab .inner.tab1 button:nth-of-type(1)::after{ content:"▼"; display:inline-block;font-size:20px; line-height:1.6; color:#2422a3; letter-spacing:0; vertical-align:top; margin-left: 20px;}
#middle .section .tab .inner.tab1 button:nth-of-type(2)::after{ content:"▲"; display:inline-block;font-size:20px; line-height:1.6; color:#6568a4; letter-spacing:0; vertical-align:top; margin-left: 20px;}
#middle .section .tab .inner.tab2 button:nth-of-type(2)::after{ content:"▼"; display:inline-block;font-size:20px; line-height:1.6; color:#2422a3; letter-spacing:0; vertical-align:top; margin-left: 20px;}
#middle .section .tab .inner.tab2 button:nth-of-type(1)::after{ content:"▲"; display:inline-block;font-size:20px; line-height:1.6; color:#6568a4; letter-spacing:0; vertical-align:top; margin-left: 20px;}

#middle .event.section {display: none; padding-top: 200px; box-sizing: border-box;}
#middle .event.section.active {display: block;}
#middle .event._01 {background: url("https://ssl.nexon.com/s2/game/fc/online/event/2023/231026_newandreturn_exlk28493xc/bg2_1.jpg") center top no-repeat; height: 1918px;}
#middle .event._02 {background: url("https://ssl.nexon.com/s2/game/fc/online/event/2023/231026_newandreturn_exlk28493xc/bg2_2.jpg") center top no-repeat; height: 963px;}
#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 #cdcdcd;}
#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; 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/fc/online/event/2023/231026_newandreturn_exlk28493xc/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:26px 0; font-size:17px; line-height:17px; letter-spacing:0; text-align:center; letter-spacing:-1px; }
#navigation .step li.active { border-right:1px solid #c7c7c7; background-color:#dedede; }
#navigation .step li.active::before { content:"O"; color:transparent; box-shadow:0 1px 0 #c7c7c7; background-color:#dedede; }
#navigation .step li.active::after{content: ""; width: 20px; height: 20px; position: absolute; background: url("https://ssl.nexon.com/s2/game/fc/online/event/2023/231026_newandreturn_exlk28493xc/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:#ccc7f5;  border-right: 1px solid #b7b3dc;}
#navigation .step li.view::before { color:transparent; box-shadow:0 1px 0 #b7b3dc; background-color:#c6c1f0; }
#navigation .step li.view button p { font-weight:400; color:#000000; }

#normal { box-sizing:border-box; width:1280px; height:564px; margin-top:34px; }
#normal .list { position:relative; width:24368px !important; height:564px; }
#normal .list .slide { overflow:hidden; box-sizing:border-box; float:left; min-width:825px; width: fit-content; height:524px; margin-right:16px; border-radius:14px; box-shadow:0 32px 64px rgba(0,0,0,0.4); background: linear-gradient(180deg, #f4f4f9 0%, #d7d8e9 100%); }
#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;}
#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;}
#normal .list .slide .reward .item { display:block; padding:41px 0 41px 0; font-size:0; line-height:0; text-align:center; box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.2); border-radius: 8px; background: #bdbed2;}
#normal .list .slide .reward .item li { position:relative; display:inline-block; width:194px; padding: 0 7.5px; vertical-align:top; box-sizing: border-box;}
#normal .list .slide .reward .item li .image { position:relative; width:130px; height:130px; margin:0 auto; background-color:#d8d9f7;}
#normal .list .slide .reward .item li .image img { width:130px; height:130px; }
#normal .list .slide .reward .item li .text {height: 60px; padding-top:12px; font-size:15px; line-height:20px; color:#00122a; letter-spacing:0; text-align:center; box-sizing: border-box; width: 130px; margin: 0 auto;}
#normal .list .slide.first .reward {overflow: visible;}
#normal .list .slide.first .reward_list {display: flex; padding: 0 32px; justify-content: center;box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.2); border-radius: 8px; background: #bdbed2;}
#normal .list .slide.first .reward .item {padding-left: 32px;box-shadow:none; border-radius: unset; background: transparent;}
#normal .list .slide.first .reward .item.t2 {padding-right: 32px; padding-left: 0; position: relative;}
#normal .list .slide.first .reward .item.t2::after {position: absolute; content: ''; width: 29px; height: 199px; background: url("https://ssl.nexon.com/s2/game/fc/online/event/2023/231026_newandreturn_exlk28493xc/plus.png") 0 0 no-repeat; right: -14.5px; top: 31.5px;}
#normal .list .slide.first .reward .item li {width: 155px;}
#normal .list .slide.first .reward .item.t2 li {width: 155px; box-sizing: border-box;}
#normal .list .slide.first .reward .item.t2 li .image::after {border:3px solid #49b6ef;}
/* #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:114px; top: 256px; font-weight:400; font-size:14px; line-height:1.2; color:#001b3f; letter-spacing:0; text-align:center; background-color: #07f468; border-radius: 30px; padding: 6px 70px;}
#normal .list .slide .reward .button { height:177px; text-align:center; border-radius: 0 0 12px 12px; box-sizing: border-box; padding-top: 42px;}

#normal .list .slide .reward .button .btn_reward, #normal .list .slide .reward .button .btn_reward.none { box-sizing:border-box; width:540px; height:90px;  border-radius:8px; background:#bdbed2;}
#normal .list .slide .reward .button .btn_reward p, #normal .list .slide .reward .button .btn_reward.none p { font-weight:bold; font-size:26px; line-height:1; color:#8a8ca7; text-align:center; letter-spacing:0; }
#normal .list .slide .reward .button .btn_reward.active { cursor:pointer; background:linear-gradient(180deg, #07f369 0%, #05d051 95%, #04a341 100%); box-shadow: 0px 10px 12px 0px rgba(0, 0, 0, 0.1),inset 0px -2px 0px 0px rgba(28, 29, 60, 0.24),inset 0px 2px 3px 0px rgba(255, 255, 255, 0.28);}
#normal .list .slide .reward .button .btn_reward.active p { font-weight:bold; font-size:26px; line-height:1; 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 #7d81c5; background:transparent;}
#normal .list .slide .reward .button .btn_reward.complete p {color:#575b9c; }
#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: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 #07ea62; }
#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/fc/online/event/2023/231026_newandreturn_exlk28493xc/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:nth-of-type(1) {padding-bottom: 54px}
#middle .event .inner._2 {padding-top: 316px;}
#middle .event .inner._2 .guide_wrap {width: 100%; height: 531px; box-shadow: 0 32px 64px rgba(0,0,0,0.4); border-radius: 14px; background: #f8f7f6; display: flex;}
#middle .event .inner._2 .guide_left {width: 482px; border-right: 2px solid #dbdae3;}
#middle .event .inner._2 .guide_left .item { display:block; font-size:0; line-height:0; text-align:center; box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 0.2); border-radius: 8px; background: #e8e8e8; display: flex; margin: 32px 29px; justify-content: center; align-items: center; padding: 35px 0;}
#middle .event .inner._2 .guide_left .item li {width: 162px;}
#middle .event .inner._2 .guide_left .item li .image {width: 130px; height: 130px; background: #d8d8d8; margin: 0 auto;}
#middle .event .inner._2 .guide_left .item li .image img {width: 130px; height: 130px;}
#middle .event .inner._2 .guide_left .item li .text {height: 60px; padding-top:12px; font-size:15px; line-height:20px; color:#00122a; letter-spacing:0; text-align:center; box-sizing: border-box; width: 130px; margin: 0 auto;}
#middle .event .inner._2 .guide_left .guide_state {text-align: center; font-size: 24px; line-height: 1.2; font-weight: bold;}
#middle .event .inner._2 .guide_left .guide_state span {font-size: 24px; line-height: 1.2; font-weight: bold; color: #fe4e00;}
#middle .event .inner._2 .guide_left .button {text-align: center; padding-top: 30px;}
#middle .event .inner._2 .guide_left .button .btn_reward, #middle .event .inner._2 .guide_left.none {box-sizing:border-box; width:334px; height:80px;  border-radius:8px; background:#bdbed2;}
#middle .event .inner._2 .guide_left .button .btn_reward p, #middle .event .inner._2 .guide_left.none p { font-weight:bold; font-size:24px; line-height:1.1; color:#8a8ca7; text-align:center; letter-spacing:0; }
#middle .event .inner._2 .guide_left .button .btn_reward.active { cursor:pointer; background:linear-gradient(180deg, #07f369 0%, #05d051 95%, #04a341 100%); box-shadow: 0px 10px 12px 0px rgba(0, 0, 0, 0.1),inset 0px -2px 0px 0px rgba(28, 29, 60, 0.24),inset 0px 2px 3px 0px rgba(255, 255, 255, 0.28);}
#middle .event .inner._2 .guide_left .button .btn_reward.active p { font-weight:bold; font-size:24px; line-height:1.1; color:#000000; text-align:center; letter-spacing:0; }
#middle .event .inner._2 .guide_left .button .btn_reward.active p { color:#000000; }
#middle .event .inner._2 .guide_left .button .btn_reward.complete { border:4px solid #c3c3c3; background:#fff;}
#middle .event .inner._2 .guide_left .button .btn_reward.complete p {color:#a9a9a9; }
#middle .event .inner._2 .guide_right {width: calc(100% - 482px); display: flex; flex-wrap: wrap;}
#middle .event .inner._2 .guide_right .guide_list {width: 33%; height: 50%; border-right: 2px solid #dbdae3; box-sizing: border-box; background: #ffffff;}
#middle .event .inner._2 .guide_right .guide_list.complete {background: #d6d7fb; position: relative;}
#middle .event .inner._2 .guide_right .guide_list.complete::after {position: absolute; content: ''; background: url("https://ssl.nexon.com/s2/game/fc/online/event/2023/231026_newandreturn_exlk28493xc/badge_done.png") left top repeat; width: 56px; height: 32px; top: 7px; right: 7px;}
#middle .event .inner._2 .guide_right .guide_list:nth-of-type(1), #middle .event .inner._2 .guide_right .guide_list:nth-of-type(2), #middle .event .inner._2 .guide_right .guide_list:nth-of-type(3) {border-bottom: 2px solid #dbdae3;}
#middle .event .inner._2 .guide_right .guide_list:nth-of-type(3n) {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: 22px; width: 230px; height: 50px; border-radius: 5px; border: 1px solid rgb(172, 169, 213); background-image: linear-gradient( 180deg, #dad6f3 0%, #b7b4e0 100%); font-size: 16px; font-weight: bold; color: #2e2a58;}

#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/fc/online/event/2023/231026_newandreturn_exlk28493xc/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/fc/online/event/2023/231026_newandreturn_exlk28493xc/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/fc/online/event/2023/231026_newandreturn_exlk28493xc/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/fc/online/event/2023/231026_newandreturn_exlk28493xc/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/fc/online/event/2023/231026_newandreturn_exlk28493xc/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/fc/online/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/fc/online/event/2023/231026_newandreturn_exlk28493xc/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/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%);}
.event_layer_popup .content .form{padding:0 30px;}
.event_layer_popup .content .form .form_wrap{padding: 28px 0 30px 0;border-bottom: 1px solid #ddd;}
.event_layer_popup .content .form .form_wrap .tit{font-size: 20px;font-weight: 800; line-height: 1.2; letter-spacing: 0;}
.event_layer_popup .content .form .form_wrap .tit span{font-size: 20px;font-weight: 400; line-height: 1.2; letter-spacing: 0;}
.event_layer_popup .content .form .form_wrap .selector{margin-top: 10px;position: relative;display: flex;}
.event_layer_popup .content .form .form_wrap .selector.t2 {display: block;}
.event_layer_popup .content .form .form_wrap .selector.alert{box-shadow: 0 0 10px rgba(255,0,0,1);margin-bottom: 30px;;}
.event_layer_popup .content .form .form_wrap .selector.alert:after{content: "설문 항목을 선택해 주세요.";color: red;position: absolute;bottom:-30px;;left:50%;transform: translateX(-50%);}
.event_layer_popup .content .form .form_wrap .selector .selector_wrap{flex:1;box-sizing: border-box;border:1px solid #ddd;height: 50px;line-height: 50px;text-align: center;margin-left: -1px;;}
.event_layer_popup .content .form .form_wrap .selector .selector_wrap:first-child{margin:0;}
.event_layer_popup .content .form .form_wrap .selector.t2 .selector_wrap:first-child{margin-left: -1px;}
.event_layer_popup .content .form .form_wrap .selector .selector_wrap input{display: none;;}
.event_layer_popup .content .form .form_wrap .selector .selector_wrap label{color: #000;text-align: center;box-sizing: border-box;font-size: 17px;text-align: center;display: block;width: 100%;height: 100%;cursor: pointer;}
.event_layer_popup .content .form .form_wrap .selector .selector_wrap input:checked + label{background-color: #08de68;color: #fff;}
.event_layer_popup .content .form .form_wrap .selector .selector_wrap label span{position: relative;border: 1px solid #eee;width: 13px;height: 13px;vertical-align: top;margin-top: 17px;margin-right: 5px;;}
.event_layer_popup .content .form .form_wrap .selector .selector_wrap label span:after{content:"";display: inline-block;transform: scale(0.4) rotate(45deg);height: 24px;width: 12px;border-bottom: 7px solid #eee;border-right: 7px solid#eee;position: absolute;top:-12px;left:-2px;;}
.event_layer_popup .content .form .form_wrap .selector .selector_wrap input:checked + label span:after{content:"";display: inline-block;transform: scale(0.4) rotate(45deg);height: 24px;width: 12px;border-bottom: 7px solid #fff;border-right: 7px solid#fff;position: absolute;top:-12px;left:-2px;;}
.event_layer_popup .content .form .form_wrap .selector textarea {width: 100%; border: 1px solid #ddd; padding: 5px; box-sizing: border-box;}
.event_layer_popup .content .form .form_wrap .selector.text.alert:after{content: "설문 항목을 입력해 주세요.";}

.neworreturn.event_layer_popup .content {width: 920px;}
.neworreturn.event_layer_popup .content .neworreturn {width: 100%; display: flex;}
.neworreturn.event_layer_popup .content .select {width: 50%; height: 410px; box-sizing: border-box; text-align: center; cursor: pointer; padding: 20px; }
.neworreturn.event_layer_popup .content .select:nth-of-type(1) {border-right: 1px solid #b5b5b5;background: #d9d9d9 url("https://ssl.nexon.com/s2/game/fc/online/event/2023/231026_newandreturn_exlk28493xc/new_off.png") 20px 20px no-repeat; background-size: 420px 370px;}
.neworreturn.event_layer_popup .content .select:nth-of-type(1):hover {border-right: 1px solid #0dcb5b;background: #07f468 url("https://ssl.nexon.com/s2/game/fc/online/event/2023/231026_newandreturn_exlk28493xc/new_on.png") 20px 20px no-repeat; background-size: 420px 370px;}
.neworreturn.event_layer_popup .content .select:nth-of-type(1).active {border-right: 1px solid #0dcb5b;background: #07f468 url("https://ssl.nexon.com/s2/game/fc/online/event/2023/231026_newandreturn_exlk28493xc/new_on.png") 20px 20px no-repeat; background-size: 420px 370px;}
.neworreturn.event_layer_popup .content .select:nth-of-type(2) {background: #d9d9d9 url("https://ssl.nexon.com/s2/game/fc/online/event/2023/231026_newandreturn_exlk28493xc/return_off.png") 20px 20px no-repeat; background-size: 420px 370px;}
.neworreturn.event_layer_popup .content .select:nth-of-type(2):hover {background: #07f468 url("https://ssl.nexon.com/s2/game/fc/online/event/2023/231026_newandreturn_exlk28493xc/return_on.png") 20px 20px no-repeat; background-size: 420px 370px;}
.neworreturn.event_layer_popup .content .select:nth-of-type(2).active {background: #07f468 url("https://ssl.nexon.com/s2/game/fc/online/event/2023/231026_newandreturn_exlk28493xc/return_on.png") 20px 20px no-repeat; background-size: 420px 370px;}
.neworreturn.event_layer_popup .content .message:nth-of-type(1) { padding:47px 0 0; font-size:34px; line-height:34px; color:#000000; letter-spacing:0; text-align:center; font-weight: bold; }
.neworreturn.event_layer_popup .content .message:nth-of-type(2) { padding:10px 0 45px; font-size:18px; line-height:18px; color:#6a6a6a; letter-spacing:0; text-align:center; font-weight: bold; }
.neworreturn.event_layer_popup .content .message:nth-of-type(2) strong { padding:0; font-size:18px; line-height:18px; color:#bc2020; letter-spacing:0; text-align:center; font-weight: bold; }