@charset "utf-8";

@font-face {
    font-family:"FCOAllSans";
    font-weight:300;
    font-display:swap;
    src:url("https://fco.vod.nexoncdn.co.kr/fonts/FCOAllSans-Light.woff2") format("woff2");
}
@font-face {
    font-family:"FCOAllSans";
    font-weight:400;
    font-display:swap;
    src:url("https://fco.vod.nexoncdn.co.kr/fonts/FCOAllSans-Regular.woff2") format("woff2");
}
@font-face {
    font-family:"FCOAllSans";
    font-weight:500;
    font-display:swap;
    src:url("https://fco.vod.nexoncdn.co.kr/fonts/FCOAllSans-Medium.woff2") format("woff2");
}
@font-face {
    font-family:"FCOAllSans";
    font-weight:700;
    font-display:swap;
    src:url("https://fco.vod.nexoncdn.co.kr/fonts/FCOAllSans-Bold.woff2") format("woff2");
}

html,body { width:100%; max-width:2560px; min-width:1300px;min-height: 800px; margin:0 auto; font-family:"FCOAllSans",sans-serif; color:#1e2028; background-color:#000000; scroll-behavior: smooth}

#wrapper { position:relative; overflow:hidden; width:100%; height: 100%;box-sizing: border-box;min-width:1300px;}
#wrapper a { display:inline-block; font-family:"FCOAllSans"; }
#wrapper button { visibility:visible; overflow:visible; display:inline-block; outline:none; cursor:pointer; font-family:"FCOAllSans"; }
body,h1,h2,h3,h4,h5,h6,th,td,input,select,textarea,button,b,strong,span { font-family:"FCOAllSans","Pretendard",Dotum,"돋움",Helvetica,"Apple SD Gothic Neo",sans-serif; font-weight:normal; font-size:14px; color:#404040; line-height:1; letter-spacing:-1px; }


#loader { z-index:1024; position:fixed; left:0; top:0; width:100%; height:100%; background-color:#000000; }

#quick {width: 155px; height: 155px; background: url("https://ssl.nexon.com/s2/game/fc/online/event/2023/231026_roster_3dkjl541dde/quick.png") 0 0 no-repeat; background-size: contain; position: fixed; left: 50%; top: 133px; margin-left: 728px; z-index: 1002; box-sizing: border-box;}
#quick.t2 {width: 155px; height: 155px; background: url("https://ssl.nexon.com/s2/game/fc/online/event/2023/231026_roster_3dkjl541dde/quick2.png") 0 0 no-repeat; background-size: contain; position: fixed; left: 50%; top: 133px; margin-left: 728px; z-index: 1002; box-sizing: border-box;}
#quick button {width: 100%; height: 100%;}
@media screen and (max-width:1970px) {
    #quick{left:auto;right:15px;margin-left: 0;;}
    #quick.t2{left:auto;right:15px;margin-left: 0;;}
}
#middle { position:relative; overflow:hidden; background-color:#000000; background:url("https://ssl.nexon.com/s2/game/fc/online/event/2023/231026_roster_3dkjl541dde/bg.jpg") center top no-repeat; height:auto;}
#middle .section { position:relative; }
#middle .section .inner { position:relative; box-sizing:border-box; width:1280px; margin:0 auto; }

#middle .section { position:relative; width:100%;margin:0 auto;box-sizing: border-box;z-index: 2;}
#middle .section .inner{width: 1280px;margin: 0 auto;position: relative;}
#middle .section .inner._2{width: 1280px;margin: 0 auto;position: relative;}

#middle .section.header{height: 1165px;}
#middle .section.header .back_video {width: 2560px; position: absolute; left: 50%; margin-left: -1280px; height: 100%; overflow: hidden;}
#middle .section.header .tit {display: flex; align-items: center; justify-content: center; width: 100%;position: absolute;top: 860px;}
#middle .section.header .tit p{font-size: 24px; color: #151516; margin-right: 13px;}
#middle .section.header .btn_advice{z-index:100; width: 99px;height: 32px; background: url("https://ssl.nexon.com/s2/game/fc/online/event/2023/231026_roster_3dkjl541dde/btn_advice.png") 0 0 no-repeat; margin-right: 2px;}
#middle .section.header .btn_reward{z-index:100; width: 99px;height: 32px;background: url("https://ssl.nexon.com/s2/game/fc/online/event/2023/231026_roster_3dkjl541dde/btn_reward.png") 0 0 no-repeat;}
#middle .section.content{z-index: 9; padding-bottom: 46px;}
#middle .section.content .tab_wrap {width: 1440px; display: flex; height: 205px; margin-left: -80px; position: absolute; top: -302px;}
#middle .section.content .tab_wrap .tab_arrow {width: 26px; height: 22px;background:url("https://ssl.nexon.com/s2/game/fc/online/event/2023/231026_roster_3dkjl541dde/tab_arrow.png") center top no-repeat; position: absolute; top: 70px;}
#middle .section.content .tab_wrap .tab_arrow:nth-of-type(1) {left: 465px;}
#middle .section.content .tab_wrap .tab_arrow:nth-of-type(2) {left: 941px;}
#middle .section.content .tab_wrap .tab {width: 491px; height: 205px; text-align: center; cursor: pointer; position: absolute;}
#middle .section.content .tab_wrap .tab:nth-of-type(1) {background:url("https://ssl.nexon.com/s2/game/fc/online/event/2023/231026_roster_3dkjl541dde/tab1_off.png") left top no-repeat;  background-size: 100% 100%; left: 0;}
#middle .section.content .tab_wrap .tab:nth-of-type(2) {background:url("https://ssl.nexon.com/s2/game/fc/online/event/2023/231026_roster_3dkjl541dde/tab2_off.png") left top no-repeat;  background-size: 100% 100%; left: 50%; transform: translateX(-50%);}
#middle .section.content .tab_wrap .tab:nth-of-type(3) {background:url("https://ssl.nexon.com/s2/game/fc/online/event/2023/231026_roster_3dkjl541dde/tab3_off.png") left top no-repeat;  background-size: 100% 100%; right: 0;}
#middle .section.content .tab_wrap .tab.active:nth-of-type(1) {background:url("https://ssl.nexon.com/s2/game/fc/online/event/2023/231026_roster_3dkjl541dde/tab1_on.png") left top no-repeat;  background-size: 100% 100%; left: 0;}
#middle .section.content .tab_wrap .tab.active:nth-of-type(2) {background:url("https://ssl.nexon.com/s2/game/fc/online/event/2023/231026_roster_3dkjl541dde/tab2_on.png") left top no-repeat;  background-size: 100% 100%; left: 50%; transform: translateX(-50%);}
#middle .section.content .tab_wrap .tab.active:nth-of-type(3) {background:url("https://ssl.nexon.com/s2/game/fc/online/event/2023/231026_roster_3dkjl541dde/tab3_on.png") left top no-repeat;  background-size: 100% 100%; right: 0;}
#middle .section.content .tab_wrap .tab.on::before {position: absolute; content: ''; width: 23px; height: 23px; background: #ff2021; border-radius: 50%; top: 37px; right: 62px;}
#middle .section.content .tab_wrap .tab.complete::after {position: absolute; content: ''; width: 101px; height: 56px;  top: -11px; left: 50%; transform: translateX(-50%); background:url("https://ssl.nexon.com/s2/game/fc/online/event/2023/231026_roster_3dkjl541dde/tab_complete.png") left top no-repeat; }
#middle .section.content .mission {display: none; position: relative;}
#middle .section.content .mission.active {display: block;}
#middle .section.content .mission .tab_num {position: absolute; left: 50%; transform: translateX(-50%); width: 151px; height: 122px; top: -122px;}
#middle .section.content .mission._01 .tab_num {top: -122px;}
#middle .section.content .mission._01 .tab_num {background: url("https://ssl.nexon.com/s2/game/fc/online/event/2023/231026_roster_3dkjl541dde/tri1.png") left top no-repeat;}
#middle .section.content .mission._02 .tab_num {background: url("https://ssl.nexon.com/s2/game/fc/online/event/2023/231026_roster_3dkjl541dde/tri2.png") left top no-repeat;}
#middle .section.content .mission._03 .tab_num {background: url("https://ssl.nexon.com/s2/game/fc/online/event/2023/231026_roster_3dkjl541dde/tri3.png") left top no-repeat;}
#middle .section.content .mission._01{width: 1442px;height: 1361px;background: url("https://ssl.nexon.com/s2/game/fc/online/event/2023/231026_roster_3dkjl541dde/tab1_cont.png") 0 0 no-repeat;margin-left: -81px;;box-sizing: border-box;margin-top: 69px;}
#middle .section.content .mission._01 .cont1 {position: absolute; width: 100%; top: 201px; height: 494px;}
#middle .section.content .mission._01 .cont1 .reward {display: flex; justify-content: center;}
#middle .section.content .mission._01 .cont1 .item {width: 234px;}
#middle .section.content .mission._01 .cont1 .item .image {width: 137px; height: 219px; margin: 0 auto;}
#middle .section.content .mission._01 .cont1 .item .image img {width: 137px; height: 219px;}
#middle .section.content .mission._01 .cont1 .item .text {width: 137px; margin: 0 auto; text-align: center; color: #869aa9;font-size: 18px; line-height: 1; margin-top: 10px;}
#middle .section.content .mission._01 .cont1 .button {position: absolute; left: 50%; transform: translateX(-50%); bottom: 52px;}
#middle .section.content .mission._01 .cont1 .button button {margin: 0 auto; width: 569px; height: 119px;}
#middle .section.content .mission._01 .cont1 .button .btn_reward.active {background: url("https://ssl.nexon.com/s2/game/fc/online/event/2023/231026_roster_3dkjl541dde/btn1_active.png") left top no-repeat;}
#middle .section.content .mission._01 .cont1 .button .btn_reward.done {background: url("https://ssl.nexon.com/s2/game/fc/online/event/2023/231026_roster_3dkjl541dde/btn1_done.png") left top no-repeat; cursor: default;}
#middle .section.content .mission._01 .cont1 .button .btn_reward.not {background: url("https://ssl.nexon.com/s2/game/fc/online/event/2023/231026_roster_3dkjl541dde/btn1_not.png") left top no-repeat; cursor: default;}
#middle .section.content .mission._01 .cont2 {position: absolute; width: 100%; top: 695px; height: 647px;}
#middle .section.content .mission._01 .cont2 .reward {position: absolute; width: 692px; right: 47px; top: 186px;}
#middle .section.content .mission._01 .cont2 .reward .item_list {display: flex; justify-content: center;}
#middle .section.content .mission._01 .cont2 .item {width: 145px;}
#middle .section.content .mission._01 .cont2 .item .image {width: 125px; margin: 0 auto;}
#middle .section.content .mission._01 .cont2 .item .image img {width: 125px;}
#middle .section.content .mission._01 .cont2 .reward .text {width: 278px; margin: 0 auto; text-align: center; color: #fff;font-size: 21px; line-height: 1.2; margin-top: 82px;}
#middle .section.content .mission._01 .cont2 .reward .text span {color: #869aa9;font-size: 21px; line-height: 1.2; display: inline; padding: 0 5px;}


#middle .section.content .mission._02{width: 1442px;height: 1987px;margin-left: -81px;;box-sizing: border-box;margin-top: 69px;}
#middle .section.content .mission._03{width: 1442px;height: 1987px;margin-left: -81px;;box-sizing: border-box;margin-top: 69px;}
#middle .section.content .mission .mission_state {background:url("https://ssl.nexon.com/s2/game/fc/online/event/2023/231026_roster_3dkjl541dde/tab2_cont1.png") left bottom 20px no-repeat; height: 379px;}
#middle .section.content .mission .mission_state .title_wrap {display: flex; width: 100%; align-items: center;}
#middle .section.content .mission .mission_state .state_title {color: #fff; font-size: 56px; font-weight: bold; margin-left: 32px;}
#middle .section.content .mission .mission_state .state_title strong {color: #02f86c; font-size: 56px; font-weight: bold;}
#middle .section.content .mission .mission_state .tooltip {position: relative;}
#middle .section.content .mission .mission_state .tooltip .pointer {width: 44px; height: 44px; background:url("https://ssl.nexon.com/s2/game/fc/online/event/2023/231026_roster_3dkjl541dde/icon_notice.png") left top no-repeat; margin-left: 10px; cursor: pointer;}
#middle .section.content .mission .mission_state .tooltip .desc{border:3px solid #02f86c;position: absolute;top:60px;padding:18px;background-color: #fff;box-shadow: 0 10px 10px rgba(0,0,0,0.3);border-radius: 10px;transform: translateX(-50%);left: 50%;white-space: nowrap;font-size: 15px;line-height: 1.3;display: none;cursor: pointer;}
#middle .section.content .mission .mission_state .tooltip .desc .desc_red {color: #ff2021; font-weight: bold;}
#middle .section.content .mission .mission_state .tooltip .desc .desc_black {font-weight: bold;}
#middle .section.content .mission .mission_state .tooltip .pointer.toggle + .desc{display: block;}
#middle .section.content .mission .mission_state .btn_state {width: 379px; height: 95px; background: url("https://ssl.nexon.com/s2/game/fc/online/event/2023/231026_roster_3dkjl541dde/btn_check.png") left top no-repeat; position: absolute; right: 40px; transition: all 0.3s;}
#middle .section.content .mission .mission_state .btn_state:hover {background: url("https://ssl.nexon.com/s2/game/fc/online/event/2023/231026_roster_3dkjl541dde/btn_check_hover.png") left top no-repeat;}
#middle .section.content .mission .mission_state .state_wrap {width: 1374px; display: flex; margin: 0 auto; margin-top: 52px;}
#middle .section.content .mission .mission_state .state_wrap .state_list {flex: 1; margin-right: 5px;}
#middle .section.content .mission .mission_state .state_wrap .state_list a {width: 100%; height: 86px; display: inline-block;}
#middle .section.content .mission .mission_state .state_wrap .state_list p {font-size: 36px; color: #e8e9e7; text-align: center; padding-top: 31px;}
#middle .section.content .mission .mission_state .state_wrap .state_list p span {font-size: 36px; color: #02f86c;}
#middle .section.content .mission .mission_step {background:url("https://ssl.nexon.com/s2/game/fc/online/event/2023/231026_roster_3dkjl541dde/tab2_cont2.png") left top no-repeat; height: 587px; margin-top: -49px; display: flex; padding: 24px 53px 65px 40px; box-sizing: border-box;}
#middle .section.content .mission .mission_step:nth-of-type(1) {margin-top: -28px;}
#middle .section.content .mission .mission_step .step_left {flex:1; height: 100%;}  
#middle .section.content .mission .mission_step .step_left .title {color: #fff; font-size: 60px; font-weight: 600; line-height: 1; margin: 83px 0 36px 105px;}  
#middle .section.content .mission .mission_step .step_left .title span {color: #02f86c; font-size: 60px; font-weight: 600; line-height: 1;}  
#middle .section.content .mission .mission_step .step_left .mission_wrap {margin: 39px 0 36px 105px;}  
#middle .section.content .mission .mission_step .step_left .mission_wrap > div {display: flex; margin-bottom: 20px; align-items: center;}  
#middle .section.content .mission .mission_step .step_left .mission_text {color : #869aa9; font-size: 26px; line-height: 29px; font-weight: 600; padding-left: 18px;}  
#middle .section.content .mission .mission_step .step_left .complete .mission_text {color : #02f86c;}  
#middle .section.content .mission .mission_step .step_left .mission_check {width: 57px; height: 56px; background: url("https://ssl.nexon.com/s2/game/fc/online/event/2023/231026_roster_3dkjl541dde/check_off.png") left top no-repeat;}
#middle .section.content .mission .mission_step .step_left .complete .mission_check {background: url("https://ssl.nexon.com/s2/game/fc/online/event/2023/231026_roster_3dkjl541dde/check_on.png") left top no-repeat;}
#middle .section.content .mission .mission_step .step_right {flex:1; height: 100%; position: relative;}  
#middle .section.content .mission .mission_step .step_right .item_list {width: 100%; display: flex; margin-top: 80px; justify-content: center;}  
#middle .section.content .mission .mission_step .step_right .item_list .item {width: 127px;}
#middle .section.content .mission .mission_step .step_right .item_list .item .image {width: 122px; height: 122px; background-color: rgba(42,42,46,0.5);}  
#middle .section.content .mission .mission_step .step_right .item_list .item .image img {width: 122px; height: 122px;}  
#middle .section.content .mission .mission_step .step_right .text {width: 448px; text-align: center; margin: 0 auto; color: #fff;font-size: 18px; line-height: 21px; margin-top: 25px;}
#middle .section.content .mission .mission_step .step_right .text span {color: #869aa9;font-size: 18px; line-height: 21px; display: inline; margin: 0 5px;}
#middle .section.content .mission .mission_step .step_right .reward .button {position: absolute; left: 50%; transform: translateX(-50%); bottom: 83px;}
#middle .section.content .mission .mission_step .step_right .reward .button button {margin: 0 auto; width: 308px; height: 77px;}
#middle .section.content .mission .mission_step .step_right .reward .button .btn_reward.active {background: url("https://ssl.nexon.com/s2/game/fc/online/event/2023/231026_roster_3dkjl541dde/btn3_active.png") left top no-repeat;}
#middle .section.content .mission .mission_step .step_right .reward .button .btn_reward.done {background: url("https://ssl.nexon.com/s2/game/fc/online/event/2023/231026_roster_3dkjl541dde/btn3_done.png") left top no-repeat; cursor: default;}
#middle .section.content .mission .mission_step .step_right .reward .button .btn_reward.not {background: url("https://ssl.nexon.com/s2/game/fc/online/event/2023/231026_roster_3dkjl541dde/btn3_not.png") left top no-repeat; cursor: default;}
#middle .section.content .mission .mission_step .step_right .reward .button .btn_reward.inactive {background: url("https://ssl.nexon.com/s2/game/fc/online/event/2023/231026_roster_3dkjl541dde/btn3_inactive.png") left top no-repeat; cursor: default;}
#middle .section.content .mission .mission_step .step_right .reward .button .btn_reward.inactive2 {background: url("https://ssl.nexon.com/s2/game/fc/online/event/2023/231026_roster_3dkjl541dde/btn3_inactive.png") left top no-repeat;}
#middle .section.content .mission .mission_step .step_right .reward .button .btn_reward.survey {background: url("https://ssl.nexon.com/s2/game/fc/online/event/2023/231026_roster_3dkjl541dde/btn3_survey.png") left top no-repeat;}



#middle .section .inner._2 .fcm{display: flex; width: 1441px;margin-left: -80.5px;position: relative;background:url("https://ssl.nexon.com/s2/game/fc/online/event/2023/231026_roster_3dkjl541dde/fcm.png") left top no-repeat; height: 1027px; justify-content: center;}
#middle .section .inner._2 .fcm > div {height: 751px; box-sizing: border-box;}
#middle .section .inner._2 .fcm .cont1 {padding-left: 10px;width: 700px;}
#middle .section .inner._2 .fcm .cont2 {width: 720px;}
#middle .section .inner._2 .fcm .reward {position: absolute; width: 692px; top: 215px; height: 530px;}
#middle .section .inner._2 .fcm .reward .item_list {display: flex; justify-content: center;}
#middle .section .inner._2 .fcm .item {width: 145px;}
#middle .section .inner._2 .fcm .item .image {width: 125px; height: 200px; margin: 0 auto;}
#middle .section .inner._2 .fcm .item .image img {width: 125px; height: 200px;}
#middle .section .inner._2 .fcm .reward .text {width: 290px; margin: 0 auto; text-align: center; color: #fff;font-size: 18px; line-height: 1.1; margin-top: 100px;}
#middle .section .inner._2 .fcm .reward .text span {color: #869aa9;font-size: 18px; line-height: 1.1; display: inline; padding: 0 5px;}
#middle .section .inner._2 .fcm .reward .button {position: absolute; left: 50%; transform: translateX(-50%); bottom: 80px;}
#middle .section .inner._2 .fcm .reward .button button {margin: 0 auto; width: 331px; height: 72px;}
#middle .section .inner._2 .fcm .reward .button .btn_reward.active {background: url("https://ssl.nexon.com/s2/game/fc/online/event/2023/231026_roster_3dkjl541dde/btn2_active.png") left top no-repeat;}
#middle .section .inner._2 .fcm .reward .button .btn_reward.done {background: url("https://ssl.nexon.com/s2/game/fc/online/event/2023/231026_roster_3dkjl541dde/btn2_done.png") left top no-repeat; cursor: default;}
#middle .section .inner._2 .fcm .reward .button .btn_reward.not {background: url("https://ssl.nexon.com/s2/game/fc/online/event/2023/231026_roster_3dkjl541dde/btn2_not.png") left top no-repeat; cursor: default;}
#middle .section .inner._2 .fcm .reward .btn_info {font-size: 16px; color: #02f86c; line-height: 1; text-align: center; position: absolute; left: 50%; transform: translateX(-50%); bottom: 45px; cursor: default;}
#middle .section .inner._2 .fcm .app_link {position: absolute; display: flex; height: 102px; top: 790px; left: 283px;}
#middle .section .inner._2 .fcm .app_link a {display: block; width: 330px; height: 100%;}

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

.loading.event_layer_popup { z-index:10030 !important; }
.loading.event_layer_popup .content { z-index:138 !important; box-shadow:none; border-radius:0; border:none; background:transparent; }
.loading.event_layer_popup .content ul { width:128px; margin:0 auto 48px 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:nth-child(2) { width:100%; margin-bottom:16px; font-size:48px; line-height:48px; font-weight:bold; color:#ffffff; text-align:center; text-shadow:0 0 32px rgba(0,0,0,1); }
.loading.event_layer_popup .content p:nth-child(3) { width:100%; font-size:32px; line-height:32px; color:#ffffff; text-align:center; text-shadow:0 0 32px rgba(0,0,0,1); }

.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:680px; box-shadow:0 0 32px rgba(0,0,0,0.8); transform:translateX(-50%) translateY(-50%);background-color:#ffffff ; }
.event_layer_popup .content .btn_close { z-index:16; 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; }
.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); background-color:#ffffff; }
.event_layer_popup .content .item_wrap { position:relative; padding:32px 16px; font-size:0; line-height:0; text-align:center; }
.event_layer_popup .content .item_wrap.add { box-shadow:inset 8px -8px 0 #ff6410,inset -8px 0 0 #ff6410; }
.event_layer_popup .content .item .image { position:relative; box-sizing:border-box; display:inline-block; width:144px; height:144px; padding:8px; font-size:0; line-height:0; background-color:#e0e4ea; }
.event_layer_popup .content .item .image .tag { z-index:4; position:absolute; left:-16px; top:-16px; width:36px; height:36px; font-size:12px; line-height:36px; color:#ffffff; text-align:center; border-radius:32px; background-color:#08de68; }
.event_layer_popup .content .item .image img { width:128px; height:128px; }
.event_layer_popup .content .item .text { height:80px; margin-top:8px; font-size:16px; line-height:20px; color:#000000; text-align:center; }
.event_layer_popup .content .item .text strong { font-weight:bold; font-size:16px; line-height:20px; color:#ff6410; }
.event_layer_popup .content .advice { padding:16px 32px; background-color:#eaeaea;text-align: center }
.event_layer_popup .content .advice .text { display: inline-block;;padding-left:30px; font-size:14px; line-height:22px; color:#949494; background:url("https://ssl.nexon.com/s2/game/fc/online/event/2020/200402_layer_common_/ico_i.png") left center no-repeat; }
.event_layer_popup .content .advice .text strong { font-size:14px; line-height:22px; color:#ff6410; }
.event_layer_popup .content .complete.message { z-index:8; position:absolute; left:0; top:64px; box-sizing:border-box; width:100%; height:318px; padding:130px 0 132px 0; color:#ffffff; box-shadow:none; background-color:rgba(0,0,0,0.9); }
.event_layer_popup .content .complete.message strong { display:block; margin-bottom:8px; font-size:24px; }
.event_layer_popup .content .button { overflow:hidden; }
.event_layer_popup .content .button button { font-size:24px; line-height:72px; color:#ffffff; text-align:center; }
.event_layer_popup .content .button .btn_confirm { width:100%; background-color:#08de68; }
.event_layer_popup .content .button .btn_confirm.half { width:50%;}
.survey.event_layer_popup .content {width: 740px; transform: translateX(-50%); top:64px;}
.survey.event_layer_popup .content .button .btn_confirm { width:100%; background-color:#ddd; }
.survey.event_layer_popup .content .button .btn_confirm.active { cursor:pointer; background-color:#08de68; }
.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;display: flex;position: relative;}
.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 .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 {  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;  }
.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;}
.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 .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; color:#ffffff; letter-spacing:0; text-align:center; vertical-align:top; background-color:#000000; }
.event_layer_popup.reward .content {min-width: 680px; width: fit-content;}
.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.reward .content {min-width: 680px; width: fit-content;}
.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;}