@charset "utf-8";
html, body {
    scroll-behavior: smooth;
}
@font-face {
  font-family: 'CruyffSansExpanded-Heavy';
  src: url('https://events.fconline.nexon.com/Content/230810/FoundersClub/CruyffSansExpanded-Heavy.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
html,body { width:100%;font-family:"Pretendard","Noto Sans KR",Dotum,"돋움",Helvetica,"Apple SD Gothic Neo",sans-serif; background-color:#000000; }

#wrapper { position:relative; overflow:hidden; box-sizing:border-box; width:100%; max-width:2560px; min-width:1280px; margin:0 auto; font-family:"Pretendard","Noto Sans KR",Dotum,"돋움",Helvetica,"Apple SD Gothic Neo",sans-serif; line-height:0; padding-top: 0 !important;}
#wrapper a { display:inline-block; font-family:"Pretendard","Noto Sans KR",Dotum,"돋움",Helvetica,"Apple SD Gothic Neo",sans-serif; }
#wrapper button { overflow:visible; display:inline-block; cursor:pointer; font-family:"Pretendard","Noto Sans KR",Dotum,"돋움",Helvetica,"Apple SD Gothic Neo",sans-serif; }
#wrapper button:focus { outline:0; }
#loader { z-index:1024; position:fixed; left:0; top:0; width:100%; height:100%; background-color:#000000; }
#middle.before_fc { position:relative; width:100%; max-width:2560px; min-width:1280px;min-height: 1000px;height:3438px; margin:0 auto;background:url("https://ssl.nexon.com/s2/game/fo4/event/2023/230808_register_m82NIwqo/bg.jpg") center center no-repeat;overflow: hidden; padding-top: 100px;}
#middle .section { position:relative; width:100%; max-width:2560px; min-width:1280px; margin:0 auto; }
#middle .inner {position:relative; margin:0 auto; box-sizing: border-box; width: 1280px; }
#middle .inner .frame{position: absolute; top: 187px; left:0; box-sizing: border-box; border: 35px solid #17FB7B;}
/*   */
#middle.before_fc .symbol{position: absolute; right:-180px; top: 220px; background: url("https://ssl.nexon.com/s2/game/fo4/event/2023/230808_register_m82NIwqo/logo.png") 0 0 no-repeat; width: 975px; height: 844px;}
#middle.before_fc .title.section{height: 1310px;}
#middle.before_fc .title.section .inner{height: 1310px; position: relative; padding: 0 0 0 40px;}
#middle.before_fc .title.section .inner .logo{background: url("https://ssl.nexon.com/s2/game/fo4/event/2023/230808_register_m82NIwqo/fclogo.png")left top no-repeat; width: 461px; height: 66px; margin-top: 100px;}
#middle.before_fc .title.section .inner .title_text{font-size: 130px; font-family: "CruyffSansExpanded-Heavy"; line-height: 115px; color: #fff;; margin-top: 30px; padding: 0 !important; transition: 200ms linear;}
#middle.before_fc .title.section .inner .title_text p{font-size: 130px; font-family: "CruyffSansExpanded-Heavy"; line-height: 115px; color:#fff;}
#middle.before_fc .title.section .inner .title_text strong{font-size: 130px; font-family: "CruyffSansExpanded-Heavy"; line-height: 115px; color:#fff;}
#middle.before_fc .title.section .inner .title_text p strong:first-child{color: #16FB7B;}
#middle.before_fc .title.section .inner .title_text span{font-size: 130px; font-family: "CruyffSansExpanded-Heavy"; line-height: 115px; color:#16FB7B;}
#middle.before_fc .title.section .inner .date{width: 355px; height: 22px; background: url("https://ssl.nexon.com/s2/game/fo4/event/2023/230808_register_m82NIwqo/date.png") left top no-repeat; margin-top: 12px;}
#middle.before_fc .title.section .inner .btn_area{width: 320px; height: 50px;  margin-top: 20px; position: relative;}
#middle.before_fc .title.section .inner .btn_area .btn_info{width: 160px; height: 50px; position: absolute; left: 0;  z-index: 9;}
#middle.before_fc .title.section .inner .btn_area .btn_reward_info{width: 160px; height: 50px; position: absolute; left: 162px; z-index: 9;}
#middle.before_fc .title.section .inner .regi_area{margin-top: 82px;}
#middle.before_fc .title.section .inner .regi_area .regi_text{font-size: 28px; line-height: 40px; color:#AEAEAE; font-weight: 600;}
#middle.before_fc .title.section .inner .regi_area .regi_text span{color:#16FB7B; font-size: 28px; font-weight: 600;}
#middle.before_fc .title.section .inner .regi_area .btn_regi{width: 532px; height: 100px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2023/230808_register_m82NIwqo/btn_regi.png") 0 0 no-repeat; margin-top: 55px;}
#middle.before_fc .title.section .inner .regi_area .btn_regi.done{width: 532px; height: 100px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2023/230808_register_m82NIwqo/btn_regi_not.png") 0 0 no-repeat; margin-top: 55px; cursor: default;}
#middle.before_fc .title.section .inner .regi_area .btn_regi.end{width: 532px; height: 100px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2023/230808_register_m82NIwqo/btn_regi_not.png") 0 0 no-repeat; margin-top: 55px; cursor: default;}
#middle.before_fc .title.section .inner .regi_area .btn_regi{font-size: 23px; color:#000; font-weight: 600; }
#middle.before_fc .title.section .inner .item_area{display: flex; margin-left: 5px;margin-top: 45px;}
#middle.before_fc .title.section .inner .item_area .item{width: 200px; height: 240px;  margin-right: 26px;}
#middle.before_fc .title.section .inner .item_area .item .thumb{width: 200px; height: 197px; margin: 0 auto; position: relative;}
#middle.before_fc .title.section .inner .item_area .item .thumb img{width: 200px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
#middle.before_fc .title.section .inner .item_area .item .name{font-size: 15px; line-height: 20px; display: flex; justify-content: center; align-items: center; text-align: center; margin-top: 15px; color: #fff;}
#middle.before_fc .showcase.section .inner{height: 1100px;}
#middle.before_fc .showcase.section .inner .showcase_text{padding-left: 40px; margin-top: 53px;}
#middle.before_fc .showcase.section .inner .showcase_text p:first-child {font-size: 36px; line-height: 40px; font-family: "CruyffSansExpanded-Heavy"; color: #00C952;}
#middle.before_fc .showcase.section .inner .showcase_text p:nth-child(2){font-size: 67px; line-height: 67px; font-family: "CruyffSansExpanded-Heavy"; color:#000;}
#middle.before_fc .showcase.section .inner .showcase_text p:nth-child(2) span{font-size: 67px; line-height: 67px; font-family: "CruyffSansExpanded-Heavy"; color:#7F7F7F;}
#middle.before_fc .showcase.section .inner .btn_coupon{position: absolute; right: 46px; top:4px; width: 360px; height: 92px; z-index: 9; cursor: pointer;}
#middle.before_fc .inner .frame{position: absolute; top: 187px; left: 45px; box-sizing: border-box; border: 35px solid #17FB7B; }
#middle.before_fc .event.section .inner{height: 700px; }
#middle.before_fc .event.section .inner .text{margin-top: 150px; text-align: center;}
#middle.before_fc .event.section .inner .text p:first-child{font-family: "CruyffSansExpanded-Heavy"; color:#000; font-size: 67px; line-height: 67px; margin-bottom: 15px;}
#middle.before_fc .event.section .inner .text p:first-child span{font-family: "CruyffSansExpanded-Heavy"; color:#3F3E3E; font-size: 67px; line-height: 67px;}
#middle.before_fc .event.section .inner .text p:nth-child(2){font-size: 20px; color:#3f3e3e;}
#middle.before_fc .event.section .inner .item_area{display: flex; margin-left: 432px;margin-top: 53px;}
#middle.before_fc .event.section .inner .item_area .item{width: 200px; height: 240px;  margin-right: 21px;}
#middle.before_fc .event.section .inner .item_area .item .thumb{width: 200px; height: 197px; margin: 0 auto; position: relative;}
#middle.before_fc .event.section .inner .item_area .item .thumb img{width: 200px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
#middle.before_fc .event.section .inner .item_area .item .name{font-size: 15px; line-height: 20px; display: flex; justify-content: center; align-items: center; text-align: center; margin-top: 15px; color: #3f3e3e;}
#middle.before_fc .event.section .inner .btn_area{margin-top: 58px; display: flex; margin-left: 150px; gap:3px;}
#middle.before_fc .event.section .inner .btn_area .btn_appstore{width: 347px; height: 92px; }
#middle.before_fc .event.section .inner .btn_area .btn_playstore{width: 267px; height: 92px; }
#middle.before_fc .event.section .inner .btn_area .btn_get_reward{width: 347px; height: 92px; background: url("https://ssl.nexon.com/s2/game/fo4/event/2023/230808_register_m82NIwqo/btn_reward.png") 0 0 no-repeat;  font-size: 20px; font-weight: 600; color:#000;}
#middle.before_fc .event.section .inner .btn_area .btn_get_reward.done{opacity: 0.7; cursor: default;}
#middle.before_fc .event.section .inner .btn_area .btn_get_reward.end{opacity: 0.7; cursor: default;}
#middle.before_fc .event.section .inner .btn_area .btn_get_reward span{font-size: 15px; margin-left: 10px;}
#middle.before_fc .title.section .inner .kit_text{color: #AEAEAE; position: absolute;  font-size: 16px; letter-spacing: normal; margin-top: 20px; font-weight: 300;}
/*  */
#middle.after_fc { position:relative; width:100%; max-width:2560px; min-width:1280px;min-height: 1000px;height:2646px; margin:0 auto;background:url("https://ssl.nexon.com/s2/game/fo4/event/2023/230808_register_m82NIwqo/bg_after.jpg") center center no-repeat;overflow: hidden; padding-top: 100px;}
#middle.after_fc .symbol{position: absolute; right:-180px; top: 220px; background: url("https://ssl.nexon.com/s2/game/fo4/event/2023/230808_register_m82NIwqo/logo.png") 0 0 no-repeat; width: 975px; height: 844px;}
#middle.after_fc .title.section{height: 1310px;}
#middle.after_fc .title.section .inner{height: 1310px; position: relative; padding: 0 0 0 40px;}
#middle.after_fc .title.section .inner .logo{background: url("https://ssl.nexon.com/s2/game/fo4/event/2023/230808_register_m82NIwqo/fclogo.png")left top no-repeat; width: 461px; height: 66px; margin-top: 100px;}
#middle.after_fc .title.section .inner .title_text{font-size: 130px; font-family: "CruyffSansExpanded-Heavy"; line-height: 115px; color: #fff;; margin-top: 30px; padding: 0 !important; transition: 200ms linear;}
#middle.after_fc .title.section .inner .title_text p{font-size: 130px; font-family: "CruyffSansExpanded-Heavy"; line-height: 115px; color:#fff;}
#middle.after_fc .title.section .inner .title_text strong{font-size: 130px; font-family: "CruyffSansExpanded-Heavy"; line-height: 115px; color:#fff;}
#middle.after_fc .title.section .inner .title_text p strong:first-child{color: #16FB7B;}
#middle.after_fc .title.section .inner .title_text span{font-size: 130px; font-family: "CruyffSansExpanded-Heavy"; line-height: 115px; color:#16FB7B;}
#middle.after_fc .title.section .inner .date{width: 355px; height: 22px; background: url("https://ssl.nexon.com/s2/game/fo4/event/2023/230808_register_m82NIwqo/date.png") left top no-repeat; margin-top: 12px;}
#middle.after_fc .title.section .inner .btn_area{width: 320px; height: 50px;  margin-top: 20px; position: relative;}
#middle.after_fc .title.section .inner .btn_area .btn_info{width: 160px; height: 50px; position: absolute; left: 0;  z-index: 9;}
#middle.after_fc .title.section .inner .btn_area .btn_reward_info{width: 160px; height: 50px; position: absolute; left: 162px; z-index: 9;}
#middle.after_fc .title.section .inner .regi_area{margin-top: 82px;}
#middle.after_fc .title.section .inner .regi_area .regi_text{font-size: 28px; line-height: 40px; color:#AEAEAE; font-weight: 600;}
#middle.after_fc .title.section .inner .regi_area .regi_text span{color:#16FB7B; font-size: 28px; font-weight: 600;}
#middle.after_fc .title.section .inner .regi_area .btn_regi{width: 532px; height: 100px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2023/230808_register_m82NIwqo/btn_regi.png") 0 0 no-repeat; margin-top: 55px;}
#middle.after_fc .title.section .inner .regi_area .btn_regi.done,
#middle.after_fc .title.section .inner .regi_area .btn_regi.end{width: 532px; height: 100px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2023/230808_register_m82NIwqo/btn_regi_not.png") 0 0 no-repeat; margin-top: 55px;  cursor: default;}
#middle.after_fc .title.section .inner .regi_area .btn_regi{font-size: 23px; color:#000; font-weight: 600; }
#middle.after_fc .title.section .inner .item_area{display: flex; margin-left: 5px;margin-top: 45px;}
#middle.after_fc .title.section .inner .item_area .item{width: 200px; height: 240px;  margin-right: 26px;}
#middle.after_fc .title.section .inner .item_area .item .thumb{width: 200px; height: 197px; margin: 0 auto; position: relative;}
#middle.after_fc .title.section .inner .item_area .item .thumb img{width: 200px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
#middle.after_fc .title.section .inner .item_area .item .name{font-size: 15px; line-height: 20px; display: flex; justify-content: center; align-items: center; text-align: center; margin-top: 15px; color: #fff;}
#middle.after_fc .showcase.section .inner{height: 1100px;}
#middle.after_fc .showcase.section .inner .showcase_text{padding-left: 40px; margin-top: 53px;}
#middle.after_fc .showcase.section .inner .showcase_text p:first-child {font-size: 36px; line-height: 40px; font-family: "CruyffSansExpanded-Heavy"; color: #00C952;}
#middle.after_fc .showcase.section .inner .showcase_text p:nth-child(2){font-size: 67px; line-height: 67px; font-family: "CruyffSansExpanded-Heavy"; color:#000;}
#middle.after_fc .showcase.section .inner .showcase_text p:nth-child(2) span{font-size: 67px; line-height: 67px; font-family: "CruyffSansExpanded-Heavy"; color:#7F7F7F;}
#middle.after_fc .showcase.section .inner .btn_coupon{position: absolute; right: 46px; top:4px; width: 360px; height: 92px; z-index: 9; cursor: pointer;}
#middle.after_fc .inner .frame{position: absolute; top: 147px; left: 45px; box-sizing: border-box; border: 35px solid #17FB7B; }
#middle.after_fc .inner .event_wrap{position: absolute; width: 1290px; height: 311px;  bottom: -18px; right: 40px; background: url("https://ssl.nexon.com/s2/game/fo4/event/2023/230808_register_m82NIwqo/bg_event.png") 0 0 no-repeat;}
#middle.after_fc .inner .reward_wrap{position: absolute; width: 1180px; height: 211px;  bottom: 0; left: 45px; 
display: flex;}
#middle.after_fc .inner .reward_wrap .item{width: 100px; height: 100px;}
#middle.after_fc .inner .reward_wrap .item .thumb{width: 100px; height: 100px; background-color: #C0C0C3;}
#middle.after_fc .inner .reward_wrap .item .thumb img{width: 100px;}
#middle.after_fc .inner .reward_wrap .t_wrap{margin-left: 25px;}
#middle.after_fc .inner .reward_wrap .t_wrap .tit{font-family: "CruyffSansExpanded-Heavy"; font-size: 36px; line-height: 40px; color: #000;}
#middle.after_fc .inner .reward_wrap .t_wrap .tit .tit_sub{font-family: "Pretendard"; font-size: 36px; line-height: 40px; color: #7F7F7F; font-weight: 900;}
#middle.after_fc .inner .reward_wrap .t_wrap .name{font-size: 17px; color:#747474; line-height: 26px; margin-top: 3px;}
#middle.after_fc .inner .reward_wrap .t_wrap .date{font-size: 17px; color:#747474; line-height: 26px; margin-top: 3px;}
#middle.after_fc .inner .reward_wrap .button_wrap .btn_reward_add.active{position: absolute; right: 0; width: 347px; height: 92px; background: url("https://ssl.nexon.com/s2/game/fo4/event/2023/230808_register_m82NIwqo/btn_active.png");}
#middle.after_fc .inner .reward_wrap .button_wrap .btn_reward_add.done{position: absolute; right: 0; width: 347px; height: 92px; background: url("https://ssl.nexon.com/s2/game/fo4/event/2023/230808_register_m82NIwqo/btn_complete.png");}
#middle.after_fc .inner .reward_wrap .button_wrap .btn_reward_add.not{position: absolute; right: 0; width: 347px; height: 92px; background: url("https://ssl.nexon.com/s2/game/fo4/event/2023/230808_register_m82NIwqo/btn_not.png");}
#middle.after_fc .inner .reward_wrap .button_wrap .btn_reward_add.end{position: absolute; right: 0; width: 347px; height: 92px; background: url("https://ssl.nexon.com/s2/game/fo4/event/2023/230808_register_m82NIwqo/btn_end.png");}
#middle.after_fc .inner .btn_event{position: absolute; width: 350px; height: 92px;  bottom: 109px; right: 0; z-index: 9;}
#middle.after_fc .title.section .inner .kit_text{color: #AEAEAE; position: absolute;  font-size: 16px; letter-spacing: normal; margin-top: 20px; font-weight: 300;}
.txt-an-6{padding: 0 !important;}
.txt-an-6 span {color :#fff !important;}
.txt-an-6 span span{display: inline !important; color: #16FB7B !important;}




#footer { position:relative; width:100%; min-width:1040px; text-align:center; background-color:#000000; }
#footer .inner { width:100%; padding:64px 0; }
#footer .inner .logo { line-height:0; }
#footer .inner .information { position:relative; overflow:hidden; width:1142px; margin:0 auto; }
#footer .inner .information .company { position:relative; float:left; width:254px; height:62px; }
#footer .inner .information .company .bt-nexon { position:absolute; left:0; top:12px; }
#footer .inner .information .company .bt-ea { position:absolute; left:162px; top:12px; }
#footer .inner .information .copyright { float:left; width:888px; height:62px; }
.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:1280px; 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 ; }
.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; }

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

.layer_popup { position:fixed; left:0; top:0; display:none; width:100%; height:100%; background-color:rgba(0,0,0,0.7);overflow-y:auto; z-index:10000;}
.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; }
.layer_popup .content .btn_close { position:absolute; right:0; top:0; width:64px; height:64px; box-shadow:inset 1px 0 0 rgba(220,220,220,1); background:url(https://ssl.nexon.com/s2/game/fo4/event/2020/200402_layer_common_/btn_close.png) left top no-repeat;z-index:16;  }

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

#layerMessage .content { z-index:100; position:absolute; left:50%; top:50%; box-sizing:border-box; width:530px; box-shadow:0 0 32px rgba(0,0,0,0.8); -ms-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); background-color:#ffffff; }
#layerMessage .content .item .message { padding-bottom:32px;padding-top:32px; font-size:16px; line-height:1.5; color:#000000; text-align:center;}
#layerMessage .content .item .message strong { font-size:16px; line-height:1.5; color:#08de68; }
#layerMessage .content .advice { padding:32px; font-size:13px; line-height:24px; color:#939393; text-align:center; background-color:#eaeaea; }
#layerMessage .content .advice .align_center{text-align: left;;display: inline-block;padding-left:35px;background: url(https://ssl.nexon.com/s2/game/fo4/event/2020/200402_layer_common_/ico_i.png) 0 center no-repeat;font-size:13px; line-height:24px; color:#939393;;}
#layerMessage .content .advice .align_center span{text-align: left;font-size:13px; line-height:24px; color:#939393;;}
#layerMessage .content .advice .align_center span + span{margin-top:5px;}
#layerMessage .content .advice strong { font-size:14px; line-height:24px; color:#08de68; }

#layerConfirm .content { z-index:100; position:absolute; left:50%; top:50%; box-sizing:border-box; width:530px; box-shadow:0 0 32px rgba(0,0,0,0.8); -ms-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); background-color:#ffffff; }
#layerConfirm .content .item .message { padding-bottom:32px;padding-top:32px; font-size:16px; line-height:1.5; color:#000000; text-align:center;}
#layerConfirm .content .item .message strong { font-size:16px; line-height:1.5; color:#08de68; }
#layerConfirm .content .advice { padding:32px; font-size:13px; line-height:24px; color:#939393; text-align:center; background-color:#eaeaea; }
#layerConfirm .content .advice .align_center{text-align: left;;display: inline-block;padding-left:35px;background: url(https://ssl.nexon.com/s2/game/fo4/event/2020/200402_layer_common_/ico_i.png) 0 center no-repeat;font-size:13px; line-height:24px; color:#939393;;}
#layerConfirm .content .advice .align_center span{text-align: left;font-size:13px; line-height:24px; color:#939393;;}
#layerConfirm .content .advice .align_center span + span{margin-top:5px;}
#layerConfirm .content .advice strong { font-size:14px; line-height:24px; color:#08de68; }


.layer_popup .content .item .table .item_wrap { display: inline-block;vertical-align: top; }

#layerExchange .content .item .message { padding-top:32px;padding-bottom:32px; font-size:14px; line-height:16px; color:#818080; text-align:center; position: relative;z-index: 9;}
#layerExchange .content .item .message strong{ font-size:14px; line-height:16px; color:#08de68; }

#layerExchange .content .item .table { margin:0 35px 35px;border-top: 5px solid #686868;border-bottom: 1px solid #686868;;}

#layerExchange .content .advice { padding:32px; font-size:13px; line-height:24px; color:#939393; text-align:center; background-color:#eaeaea; }
#layerExchange .content .advice .align_center{text-align: left;;display: inline-block;padding-left:35px;background: url(https://ssl.nexon.com/s2/game/fo4/event/2020/200402_layer_common_/ico_i.png) 0 center no-repeat;font-size:13px; line-height:24px; color:#939393;;}
#layerExchange .content .advice .align_center span{text-align: left;font-size:13px; line-height:24px; color:#939393;;}
#layerExchange .content .advice .align_center span + span{margin-top:5px;}
#layerExchange .content .advice strong { font-size:14px; line-height:24px; color:#08de68; }

#layerExchange .table .item_wrap{overflow: hidden;margin-top:20px;width: 100%;box-sizing: border-box;height: 255px;position: relative;padding-top: 30px;;}
#layerExchange .table .item_wrap .item_text{position: absolute;top:50%;left:0;transform: translateY(-50%);width: 100%;}
#layerExchange .table .item_wrap .cont_text{line-height: 24px;font-size: 16px;;}

#layerExchange .table .tag{position: absolute;top: -19px;left: -19px;width: 38px;height: 38px;line-height: 38px;color: #fff;border-radius: 38px;overflow:hidden;}
#layerExchange .table .tag span{font-size: 13px;color: #fff;line-height: 35px;;}
#layerExchange .table .tag.blue{background-color: #12daeb;}
#layerExchange .table .tag.green{background-color: #08de68;}

#layerExchange .table .image { display:inline-block;position: relative; width:100px; height:100px; background-color:#e0e4ea;position: relative;}
#layerExchange .table .image img { width:100px; height:100px; margin:0;}
#layerExchange .table .text { box-sizing:border-box; width:100%; padding:20px 16px 0 16px; font-size:16px; line-height:18px; color:#203048; text-align:center; }
#layerExchange .table .sub { box-sizing:border-box; width:100%; padding:5px 16px 0 16px; font-size:13px; line-height:18px; color:#203048; text-align:center; }

.layer_popup .content .item table { table-layout:fixed; width:100%; }
.layer_popup .content .item table th { height:48px; font-weight:bold; font-size:16px; line-height:16px; color:#000000; text-align:center; vertical-align:middle; border-right:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; background-color:#f4f4f4; }
.layer_popup .content .item table th:last-child { border-right:none; }
.layer_popup .content .item table td { height:48px; font-size:16px; line-height:16px; color:#000000; text-align:center; vertical-align:middle; border-right:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; }
.layer_popup .content .item table tr:nth-child(1) td { font-size:0; line-height:0; border-right:1px solid #dcdcdc; }
.layer_popup .content .item table tr:nth-child(4) td { color:#ff6410; }
.layer_popup .content .item table td:last-child { border-right:none; }
.layer_popup .content .item table tr:last-child td { border-bottom:none; }
.layer_popup .content .item .image { display:inline-block; width:128px; height:128px; background-color:#e0e4ea; }
.layer_popup .content .item .image img { width:112px; height:112px; margin:8px;}
.layer_popup .content .item .name { box-sizing:border-box; width:256px; padding:16px 32px 0 32px; font-size:14px; line-height:18px; color:#203048; text-align:center; }
.layer_popup .content .item .text { box-sizing:border-box; width:256px; padding:8px 32px 0 32px; font-size:14px; line-height:18px; color:#203048; text-align:center; }
.layer_popup .content .item .text strong{color: #08de68;}

.layer_popup .content .button { overflow:hidden; }
.layer_popup .content .button button { font-size:24px; line-height:72px; color:#ffffff; text-align:center; }
.layer_popup .content .button .btn_cancel { float:left; width:50%; background-color:#000000; }
.layer_popup .content .button .btn_cancel.half { float:left; width:50%; background-color:#000000; }
.layer_popup .content .button .btn_next { width:100%; background-color:#08de68; }
.layer_popup .content .button .btn_next.half { float:left; width:50%; background-color:#08de68; }
.layer_popup .content .button .btn_confirm { width:100%; background-color:#08de68; }
.layer_popup .content .button .btn_confirm.half { float:left; width:50%; background-color:#000000; }
.layer_popup .content .button .btn_cancel + .btn_confirm.half { float:left; width:50%; background-color:#08de68; }
.layer_popup .content .button .btn_exchange { width:100%; background-color:#08de68; }
.layer_popup .content .button .btn_exchange.half { float:left; width:50%; background-color:#000000; }
.layer_popup .content .button .btn_cancel + .btn_exchange.half { float:left; width:50%; background-color:#08de68; }



#layerComplete .content .item .message { box-shadow:0 0 10px rgba(0,0,0,0.2);padding-top:32px;padding-bottom:32px; font-size:14px; line-height:16px; color:#818080; text-align:center; position: relative;z-index: 9;}
#layerComplete .content .item .message strong{ font-size:14px; line-height:16px; color:#08de68; }

#layerComplete .content .item .table { height:255px;box-sizing: border-box;text-align:center; border-bottom: 1px solid #e0e1e2; background-color:#fff; }
#layerComplete .content .item .table .text { margin:0 auto; }
#layerComplete .content .item .table .item_wrap{overflow: hidden;}
#layerComplete .content .item .table .item_wrap .item_text{position: absolute;top:50%;left:0;transform: translateY(-50%);width: 100%;}
#layerComplete .content .item .table .item_wrap .cont_text{line-height: 24px;font-size: 16px;;}
#layerComplete .content .item .table .tag{position: absolute;top: -19px;left: -19px;width: 38px;height: 38px;line-height: 38px;color: #fff;border-radius: 38px;overflow:hidden;}
#layerComplete .content .item .table .tag span{font-size: 13px;color: #fff;;}
#layerComplete .content .item .table .tag.blue{background-color: #12daeb;}
#layerComplete .content .item .table .tag.green{background-color: #08de68;}

#layerComplete.item_l_1 .content{width: 660px;}
#layerComplete.item_l_1 .content .item .table{width: 660px;overflow: hidden;}
#layerComplete.item_l_1 .content .item .table .item_wrap{width: 250px;box-sizing: border-box;height: 255px;position: relative;padding-top: 40px;;}
#layerComplete.item_l_1 .content .item .table .image { display:inline-block;position: relative; width:130px; height:130px; background-color:#e0e4ea; }
#layerComplete.item_l_1 .content .item .table .image img { width:120px; height:120px; margin:5px;}
#layerComplete.item_l_1 .content .item .table .text { box-sizing:border-box; width:250px; padding:20px 16px 0 16px; font-size:16px; line-height:18px; color:#203048; text-align:center;box-sizing: border-box; }

#layerComplete.item_l_2 .content{width: 660px;}
#layerComplete.item_l_2 .content .item .table{width: 660px;overflow: hidden;}
#layerComplete.item_l_2 .content .item .table .item_wrap{width: 50%;box-sizing: border-box;float: left;height: 255px;position: relative;padding-top: 40px;;}
#layerComplete.item_l_2 .content .item .table .item_wrap + .item_wrap{border-left:1px solid #e0e1e2}
#layerComplete.item_l_2 .content .item .table .image { display:inline-block;position: relative; width:120px; height:120px; background-color:#e0e4ea; }
#layerComplete.item_l_2 .content .item .table .image img { width:110px; height:110px; margin:5px;}
#layerComplete.item_l_2 .content .item .table .text { box-sizing:border-box; width:330px; padding:15px 16px 0 16px; font-size:14px; line-height:18px; color:#203048; text-align:center; }

#layerComplete.item_l_3 .content{width: 660px;}
#layerComplete.item_l_3 .content .item .table{width: 660px;overflow: hidden;}
#layerComplete.item_l_3 .content .item .table .item_wrap{width: 33.33%;box-sizing: border-box;float: left;height: 255px;position: relative;padding-top: 50px;;}
#layerComplete.item_l_3 .content .item .table .item_wrap + .item_wrap{border-left:1px solid #e0e1e2}
#layerComplete.item_l_3 .content .item .table .image { display:inline-block;position: relative; width:100px; height:100px; background-color:#e0e4ea; }
#layerComplete.item_l_3 .content .item .table .image img { width:90px; height:90px; margin:5px;}
#layerComplete.item_l_3 .content .item .table .text { box-sizing:border-box; width:220px; padding:15px 16px 0 16px; font-size:14px; line-height:18px; color:#203048; text-align:center; }

#layerComplete.item_l_4 .content{width: 800px;}
#layerComplete.item_l_4 .content .item .table{width: 800px;overflow: hidden;}
#layerComplete.item_l_4 .content .item .table .item_wrap{width: 25%;box-sizing: border-box;float: left;height: 255px;position: relative;padding-top: 50px;;}
#layerComplete.item_l_4 .content .item .table .item_wrap + .item_wrap{border-left:1px solid #e0e1e2}
#layerComplete.item_l_4 .content .item .table .image { display:inline-block;position: relative; width:100px; height:100px; background-color:#e0e4ea; }
#layerComplete.item_l_4 .content .item .table .image img { width:90px; height:90px; margin:5px;}
#layerComplete.item_l_4 .content .item .table .text { box-sizing:border-box; width:200px; padding:15px 16px 0 16px; font-size:14px; line-height:18px; color:#203048; text-align:center; }

#layerComplete.item_l_5 .content{width: 1000px;}
#layerComplete.item_l_5 .content .item .table{width: 1000px;overflow: hidden;}
#layerComplete.item_l_5 .content .item .table .item_wrap{width: 20%;box-sizing: border-box;float: left;height: 255px;position: relative;padding-top: 50px;;}
#layerComplete.item_l_5 .content .item .table .item_wrap + .item_wrap{border-left:1px solid #e0e1e2}
#layerComplete.item_l_5 .content .item .table .image { display:inline-block;position: relative; width:100px; height:100px; background-color:#e0e4ea; }
#layerComplete.item_l_5 .content .item .table .image img { width:90px; height:90px; margin:5px;}
#layerComplete.item_l_5 .content .item .table .text { box-sizing:border-box; width:200px; padding:15px 16px 0 16px; font-size:14px; line-height:18px; color:#203048; text-align:center; }


#layerComplete .content .item .table.box4 .item_wrap { display: inline-block;vertical-align: top;width:140px; }
#layerComplete .content .item .table.box4 .image { display:inline-block; width:72px; height:72px; background-color:#e0e4ea; }
#layerComplete .content .item .table.box4 .image img { width:60px; height:60px; margin:6px;}
#layerComplete .content .item .table.box4 .text { box-sizing:border-box; width:140px; padding:8px 16px 0 16px; font-size:13px; line-height:18px; color:#203048; text-align:center; }

#layerComplete .content .advice { padding:32px; font-size:13px; line-height:24px; color:#939393; text-align:center; background-color:#eaeaea; }
#layerComplete .content .advice .align_center{text-align: left;;display: inline-block;padding-left:35px;background: url(https://ssl.nexon.com/s2/game/fo4/event/2020/200402_layer_common_/ico_i.png) 0 center no-repeat;font-size:13px; line-height:24px; color:#939393;;}
#layerComplete .content .advice .align_center span{text-align: left;font-size:13px; line-height:24px; color:#939393;;}
#layerComplete .content .advice .align_center span + span{margin-top:5px;}
#layerComplete .content .advice strong { font-size:14px; line-height:24px; color:#08de68; }


#layerRewardList .content { width:960px; }
#layerRewardList .content .reward_table { padding:32px; }
#layerRewardList .content .reward_table table { table-layout:fixed; width:100%; }
#layerRewardList .content .reward_table table th { height:48px; font-weight:normal; font-size:16px; line-height:16px; color:#ffffff; text-align:center; vertical-align:middle; border-right:1px solid #dcdcdc; background-color:#949494; }
#layerRewardList .content .reward_table table th:last-child { border-right:1px solid #949494; }
#layerRewardList .content .reward_table table td { height:48px; font-size:16px; line-height:16px; color:#666666; text-align:center; vertical-align:middle; border-left:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; }
#layerRewardList .content .reward_table table td:first-child { border-left:1px solid #949494; }
#layerRewardList .content .reward_table table td:last-child { border-right:1px solid #949494; }
#layerRewardList .content .reward_table table td.empty { height:240px; }
#layerRewardList .content .reward_table table tr:last-child td { border-bottom:1px solid #949494; }
#layerRewardList .content .reward_table .page { display:block; padding:32px 0 0 0; font-size:0; line-height:0; text-align:center; }
#layerRewardList .content .reward_table .page .bt { display:inline-block; height:24px; vertical-align:top; }
#layerRewardList .content .reward_table .page .bt a { height:24px; margin:0 8px; vertical-align:top; text-indent:-9999px; }
#layerRewardList .content .reward_table .page .bt .btn_first { width:24px; background:url(https://ssl.nexon.com/s2/game/fo4/event/2020/200402_layer_common_/btn_first.png) left 4px no-repeat; }
#layerRewardList .content .reward_table .page .bt .btn_last { width:24px; background:url(https://ssl.nexon.com/s2/game/fo4/event/2020/200402_layer_common_/btn_last.png) left 4px no-repeat; }
#layerRewardList .content .reward_table .page .bt .btn_prev { width:18px; background:url(https://ssl.nexon.com/s2/game/fo4/event/2020/200402_layer_common_/btn_prev.png) center 4px no-repeat; }
#layerRewardList .content .reward_table .page .bt .btn_next { width:18px; background:url(https://ssl.nexon.com/s2/game/fo4/event/2020/200402_layer_common_/btn_next.png) center 4px no-repeat; }
#layerRewardList .content .reward_table .page .number { overflow:hidden; display:inline-block; vertical-align:top; }
#layerRewardList .content .reward_table .page .number strong { float:left; margin:0 8px; font-size:20px; line-height:24px; color:#08de68; text-decoration:underline; vertical-align:top; }
#layerRewardList .content .reward_table .page .number .strong { float:left; margin:0 8px; font-size:20px; line-height:24px; color:#08de68; text-decoration:underline; vertical-align:top; }
#layerRewardList .content .reward_table .page .number a { float:left; margin:0 8px; font-family:"Noto Sans KR"; font-size:20px; line-height:24px; color:#000000; vertical-align:top; }
#layerRewardList .content .advice { padding:32px; font-size:13px; line-height:24px; color:#939393; text-align:center; background-color:#eaeaea; }
#layerRewardList .content .advice .align_center{text-align: left;;display: inline-block;padding-left:35px;background: url(https://ssl.nexon.com/s2/game/fo4/event/2020/200402_layer_common_/ico_i.png) 0 center no-repeat;font-size:13px; line-height:24px; color:#939393;;}
#layerRewardList .content .advice .align_center span{text-align: left;font-size:13px; line-height:24px; color:#939393;;}
#layerRewardList .content .advice .align_center span + span{margin-top:5px;}
#layerRewardList .content .advice strong { font-size:14px; line-height:24px; color:#08de68; }

#layerHowto .content{;position: absolute;left:50%;top:100px;transform:translate(-50%,0);width:auto;margin-bottom:100px;}
#layerHowto .content .btn_today{position: absolute;top: 13px;right: 82px;width: 151px;height: 37px;background:url(https://ssl.nexon.com/s2/game/fo4/event/2020/200402_layer_common_/check.png) 0 0 no-repeat;z-index: 2;opacity: 0.7;}
#layerHowto .content .btn_today.active{background: url(https://ssl.nexon.com/s2/game/fo4/event/2020/200402_layer_common_/check.png) 0 -37px no-repeat;}


#layerRadio .content .item .message { box-shadow:0 0 10px rgba(0,0,0,0.2);padding-top:32px;padding-bottom:32px; font-size:14px; line-height:16px; color:#818080; text-align:center; position: relative;z-index: 9;}
#layerRadio .content .item .message strong{ font-size:14px; line-height:16px; color:#08de68; }

#layerRadio .content .item .table { height:285px;box-sizing: border-box;text-align:center; border-bottom: 1px solid #e0e1e2; background-color:#fff; }
#layerRadio .content .item .table .text { margin:0 auto; }
#layerRadio .content .item .table .item_wrap{overflow: hidden;;}
#layerRadio .content .item .table .item_wrap .item_text{position: absolute;top:50%;left:0;transform: translateY(-50%);margin-top: -20px;width: 100%;}
#layerRadio .content .item .table .item_wrap .cont_text{line-height: 24px;font-size: 16px;;}
#layerRadio .content .item .table .item_wrap .cont_text strong{line-height: 24px;font-size: 16px;color: #ff6410;}
#layerRadio .content .item .table .tag{position: absolute;top: -19px;left: -19px;width: 38px;height: 38px;line-height: 38px;color: #fff;border-radius: 38px;overflow:hidden;}
#layerRadio .content .item .table .tag span{font-size: 13px;color: #fff;;}
#layerRadio .content .item .table .tag.blue{background-color: #12daeb;}
#layerRadio .content .item .table .tag.green{background-color: #08de68;}

#layerRadio.item_l_1 .content{width: 660px;}
#layerRadio.item_l_1 .content .item .table{width: 660px;overflow: hidden;}
#layerRadio.item_l_1 .content .item .table .item_wrap{width: 100%;box-sizing: border-box;float: left;height: 285px;position: relative;padding-top: 40px;;}
#layerRadio.item_l_1 .content .item .table .image { display:inline-block;position: relative; width:130px; height:130px; background-color:#e0e4ea; }
#layerRadio.item_l_1 .content .item .table .image img { width:120px; height:120px; margin:5px;}
#layerRadio.item_l_1 .content .item .table .text { box-sizing:border-box; width:660px; padding:20px 16px 0 16px; font-size:16px; line-height:18px; color:#203048; text-align:center; }

#layerRadio.item_l_2 .content{width: 660px;}
#layerRadio.item_l_2 .content .item .table{width: 660px;overflow: hidden;}
#layerRadio.item_l_2 .content .item .table .item_wrap{width: 50%;box-sizing: border-box;float: left;height: 285px;position: relative;padding-top: 40px;;}
#layerRadio.item_l_2 .content .item .table .item_wrap + .item_wrap{border-left:1px solid #e0e1e2}
#layerRadio.item_l_2 .content .item .table .image { display:inline-block;position: relative; width:120px; height:120px; background-color:#e0e4ea; }
#layerRadio.item_l_2 .content .item .table .image img { width:110px; height:110px; margin:5px;}
#layerRadio.item_l_2 .content .item .table .text { box-sizing:border-box; width:330px; padding:15px 16px 0 16px; font-size:14px; line-height:18px; color:#203048; text-align:center; }

#layerRadio.item_l_3 .content{width: 660px;}
#layerRadio.item_l_3 .content .item .table{width: 660px;overflow: hidden;}
#layerRadio.item_l_3 .content .item .table .item_wrap{width: 33.33%;box-sizing: border-box;float: left;height: 285px;position: relative;padding-top: 50px;;}
#layerRadio.item_l_3 .content .item .table .item_wrap + .item_wrap{border-left:1px solid #e0e1e2}
#layerRadio.item_l_3 .content .item .table .image { display:inline-block;position: relative; width:100px; height:100px; background-color:#e0e4ea; }
#layerRadio.item_l_3 .content .item .table .image img { width:90px; height:90px; margin:5px;}
#layerRadio.item_l_3 .content .item .table .text { box-sizing:border-box; width:220px; padding:15px 16px 0 16px; font-size:14px; line-height:18px; color:#203048; text-align:center; }

#layerRadio.item_l_4 .content{width: 800px;}
#layerRadio.item_l_4 .content .item .table{width: 800px;overflow: hidden;}
#layerRadio.item_l_4 .content .item .table .item_wrap{width: 25%;box-sizing: border-box;float: left;height: 285px;position: relative;padding-top: 50px;;}
#layerRadio.item_l_4 .content .item .table .item_wrap + .item_wrap{border-left:1px solid #e0e1e2}
#layerRadio.item_l_4 .content .item .table .image { display:inline-block;position: relative; width:100px; height:100px; background-color:#e0e4ea; }
#layerRadio.item_l_4 .content .item .table .image img { width:90px; height:90px; margin:5px;}
#layerRadio.item_l_4 .content .item .table .text { box-sizing:border-box; width:200px; padding:15px 16px 0 16px; font-size:14px; line-height:18px; color:#203048; text-align:center; }

#layerRadio.item_l_5 .content{width: 1000px;}
#layerRadio.item_l_5 .content .item .table{width: 1000px;overflow: hidden;}
#layerRadio.item_l_5 .content .item .table .item_wrap{width: 20%;box-sizing: border-box;float: left;height: 285px;position: relative;padding-top: 50px;;}
#layerRadio.item_l_5 .content .item .table .item_wrap + .item_wrap{border-left:1px solid #e0e1e2}
#layerRadio.item_l_5 .content .item .table .image { display:inline-block;position: relative; width:100px; height:100px; background-color:#e0e4ea; }
#layerRadio.item_l_5 .content .item .table .image img { width:90px; height:90px; margin:5px;}
#layerRadio.item_l_5 .content .item .table .text { box-sizing:border-box; width:200px; padding:15px 16px 0 16px; font-size:14px; line-height:18px; color:#203048; text-align:center; }


#layerRadio .content .item .table.box4 .item_wrap { display: inline-block;vertical-align: top;width:140px; }
#layerRadio .content .item .table.box4 .image { display:inline-block; width:72px; height:72px; background-color:#e0e4ea; }
#layerRadio .content .item .table.box4 .image img { width:60px; height:60px; margin:6px;}
#layerRadio .content .item .table.box4 .text { box-sizing:border-box; width:140px; padding:8px 16px 0 16px; font-size:13px; line-height:18px; color:#203048; text-align:center; }

#layerRadio .content .advice { padding:32px; font-size:13px; line-height:24px; color:#939393; text-align:center; background-color:#eaeaea; }
#layerRadio .content .advice .align_center{text-align: left;;display: inline-block;padding-left:35px;background: url(https://ssl.nexon.com/s2/game/fo4/event/2020/200402_layer_common_/ico_i.png) 0 center no-repeat;font-size:13px; line-height:24px; color:#939393;;}
#layerRadio .content .advice .align_center span{text-align: left;font-size:13px; line-height:24px; color:#939393;;}
#layerRadio .content .advice .align_center span + span{margin-top:5px;}
#layerRadio .content .advice strong { font-size:14px; line-height:24px; color:#08de68; }

#layerRadio input[type="radio"]{display: none;;}
#layerRadio input[type="radio"] + label{position: absolute;top:0;left:0;width:100%;height:100%;z-index: 10;background-color:transparent;cursor: pointer;}
#layerRadio input[type="radio"] + label span{position: absolute;;bottom:30px;;left:50%;margin-left:-19px;width: 37px;height: 37px;background: url(https://ssl.nexon.com/s2/game/fo4/event/2020/200402_layer_common_/radio.png) 0 0 no-repeat;;}
#layerRadio input[type="radio"]:checked + label span{background-position: 0 -43px;;}



#layerButton .content .item .message { box-shadow:0 0 10px rgba(0,0,0,0.2);padding-top:32px;padding-bottom:32px; font-size:14px; line-height:16px; color:#818080; text-align:center; position: relative;z-index: 9;}
#layerButton .content .item .message strong{ font-size:14px; line-height:16px; color:#08de68; }

#layerButton .content .item .table { height:255px;box-sizing: border-box;text-align:center; border-bottom: 1px solid #e0e1e2; background-color:#fff; }
#layerButton .content .item .table .text { margin:0 auto; }
#layerButton .content .item .table .item_wrap{overflow: hidden;;}
#layerButton .content .item .table .item_wrap .item_text{position: absolute;top:50%;left:0;transform: translateY(-50%);width: 100%;}
#layerButton .content .item .table .item_wrap .cont_text{line-height: 24px;font-size: 16px;;}
#layerButton .content .item .table .item_wrap .cont_text strong{line-height: 24px;font-size: 16px;color: #ff6410;}
#layerButton .content .item .table .tag{position: absolute;top: -19px;left: -19px;width: 38px;height: 38px;line-height: 38px;color: #fff;border-radius: 38px;overflow:hidden;}
#layerButton .content .item .table .tag span{font-size: 13px;color: #fff;;}
#layerButton .content .item .table .tag.blue{background-color: #12daeb;}
#layerButton .content .item .table .tag.green{background-color: #08de68;}

#layerButton.item_l_1 .content{width: 660px;}
#layerButton.item_l_1 .content .item .table{width: 660px;overflow: hidden;}
#layerButton.item_l_1 .content .item .table .item_wrap{width: 100%;box-sizing: border-box;float: left;height: 255px;position: relative;padding-top: 40px;;}
#layerButton.item_l_1 .content .item .table .image { display:inline-block;position: relative; width:130px; height:130px; background-color:#e0e4ea; }
#layerButton.item_l_1 .content .item .table .image img { width:120px; height:120px; margin:5px;}
#layerButton.item_l_1 .content .item .table .text { box-sizing:border-box; width:660px; padding:20px 16px 0 16px; font-size:16px; line-height:18px; color:#203048; text-align:center; }

#layerButton.item_l_2 .content{width: 660px;}
#layerButton.item_l_2 .content .item .table{width: 660px;overflow: hidden;}
#layerButton.item_l_2 .content .item .table .item_wrap{width: 50%;box-sizing: border-box;float: left;height: 255px;position: relative;padding-top: 40px;;}
#layerButton.item_l_2 .content .item .table .item_wrap + .item_wrap{border-left:1px solid #e0e1e2}
#layerButton.item_l_2 .content .item .table .image { display:inline-block;position: relative; width:120px; height:120px; background-color:#e0e4ea; }
#layerButton.item_l_2 .content .item .table .image img { width:110px; height:110px; margin:5px;}
#layerButton.item_l_2 .content .item .table .text { box-sizing:border-box; width:330px; padding:15px 16px 0 16px; font-size:14px; line-height:18px; color:#203048; text-align:center; }

#layerButton.item_l_3 .content{width: 660px;}
#layerButton.item_l_3 .content .item .table{width: 660px;overflow: hidden;}
#layerButton.item_l_3 .content .item .table .item_wrap{width: 33.33%;box-sizing: border-box;float: left;height: 255px;position: relative;padding-top: 50px;;}
#layerButton.item_l_3 .content .item .table .item_wrap + .item_wrap{border-left:1px solid #e0e1e2}
#layerButton.item_l_3 .content .item .table .image { display:inline-block;position: relative; width:100px; height:100px; background-color:#e0e4ea; }
#layerButton.item_l_3 .content .item .table .image img { width:90px; height:90px; margin:5px;}
#layerButton.item_l_3 .content .item .table .text { box-sizing:border-box; width:220px; padding:15px 16px 0 16px; font-size:14px; line-height:18px; color:#203048; text-align:center; }

#layerButton.item_l_4 .content{width: 800px;}
#layerButton.item_l_4 .content .item .table{width: 800px;overflow: hidden;}
#layerButton.item_l_4 .content .item .table .item_wrap{width: 25%;box-sizing: border-box;float: left;height: 255px;position: relative;padding-top: 50px;;}
#layerButton.item_l_4 .content .item .table .item_wrap + .item_wrap{border-left:1px solid #e0e1e2}
#layerButton.item_l_4 .content .item .table .image { display:inline-block;position: relative; width:100px; height:100px; background-color:#e0e4ea; }
#layerButton.item_l_4 .content .item .table .image img { width:90px; height:90px; margin:5px;}
#layerButton.item_l_4 .content .item .table .text { box-sizing:border-box; width:200px; padding:15px 16px 0 16px; font-size:14px; line-height:18px; color:#203048; text-align:center; }

#layerButton.item_l_5 .content{width: 1000px;}
#layerButton.item_l_5 .content .item .table{width: 1000px;overflow: hidden;}
#layerButton.item_l_5 .content .item .table .item_wrap{width: 20%;box-sizing: border-box;float: left;height: 255px;position: relative;padding-top: 50px;;}
#layerButton.item_l_5 .content .item .table .item_wrap + .item_wrap{border-left:1px solid #e0e1e2}
#layerButton.item_l_5 .content .item .table .image { display:inline-block;position: relative; width:100px; height:100px; background-color:#e0e4ea; }
#layerButton.item_l_5 .content .item .table .image img { width:90px; height:90px; margin:5px;}
#layerButton.item_l_5 .content .item .table .text { box-sizing:border-box; width:200px; padding:15px 16px 0 16px; font-size:14px; line-height:18px; color:#203048; text-align:center; }

#layerButton .content .item .table.box4 .item_wrap { display: inline-block;vertical-align: top;width:140px; }
#layerButton .content .item .table.box4 .image { display:inline-block; width:72px; height:72px; background-color:#e0e4ea; }
#layerButton .content .item .table.box4 .image img { width:60px; height:60px; margin:6px;}
#layerButton .content .item .table.box4 .text { box-sizing:border-box; width:140px; padding:8px 16px 0 16px; font-size:13px; line-height:18px; color:#203048; text-align:center; }

#layerButton .content .advice { padding:32px; font-size:13px; line-height:24px; color:#939393; text-align:center; background-color:#eaeaea; }
#layerButton .content .advice .align_center{text-align: left;;display: inline-block;padding-left:35px;background: url(https://ssl.nexon.com/s2/game/fo4/event/2020/200402_layer_common_/ico_i.png) 0 center no-repeat;font-size:13px; line-height:24px; color:#939393;;}
#layerButton .content .advice .align_center span{text-align: left;font-size:13px; line-height:24px; color:#939393;;}
#layerButton .content .advice .align_center span + span{margin-top:5px;}
#layerButton .content .advice strong { font-size:14px; line-height:24px; color:#08de68; }

#layerButton .btn_select{position: absolute;top:0;left:0;width:100%;height:100%;z-index: 10;background-color:rgba(0,0,0,0.8);cursor: pointer;opacity: 0;}
#layerButton .btn_select:hover{opacity: 1;}
#layerButton .btn_select span{position: absolute;;top:50%;;left:50%;width: 142px;height: 60px;line-height: 60px;;background:#08de68;border-radius: 60px;overflow: hidden;color: #fff;;font-size: 18px;transform:translate(-50%,-50%)}

#layerButton .btn_fc{width:100%;cursor: pointer;margin-top:10px;}
#layerButton .btn_fc span{width: 142px;height: 60px;line-height: 60px;;background:#08de68;border-radius: 60px;overflow: hidden;color: #fff;;font-size: 15px;}

/*  */
/*  */

.loading.layer_popup { z-index:10030 !important; }
.loading.layer_popup .content { z-index:138 !important; box-shadow:none; border-radius:0; border:none; background:transparent; }
.loading.layer_popup .content ul { width:128px; margin:0 auto 48px auto; }
.loading.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.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.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 ; }
.supporter.event_layer_popup .content { z-index:128; position:absolute; left:50%; top:0; width:680px; box-shadow:0 0 32px rgba(0,0,0,0.8); transform:translateX(-50%);background-color:#ffffff ; }
.supporter2.event_layer_popup .content { z-index:128; position:absolute; left:50%; top:0; width:680px; box-shadow:0 0 32px rgba(0,0,0,0.8); transform:translateX(-50%);background-color:#ffffff ; }
.loading.event_layer_popup { z-index:2160 !important; }
.loading.event_layer_popup .content { z-index:256 !important; width:336px; 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; }
.supporter.event_layer_popup .content,
.supporter2.event_layer_popup .content,
.register_complete.event_layer_popup .content,
.red_complete.event_layer_popup .content { width:960px; }
.message.event_layer_popup .content { width:560px; }
.message2.event_layer_popup .content { width:560px; }
.message3.event_layer_popup .content { width:560px; }
.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/fo4/event/2023/230629_summer_875y3hej/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 .message { padding:32px 16px; font-size:16px; line-height:24px; color:#000000; text-align:center; box-shadow:0 8px 8px rgba(0,0,0,0.1); }
.event_layer_popup .content .message.add { color:#ff6410; box-shadow:inset 8px 8px 0 #ff6410,inset -8px 0 0 #ff6410,0 8px 8px rgba(0,0,0,0.1); }
.event_layer_popup .content .message strong { font-size:16px; line-height:24px; color:#ff6410; }
.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 { position:relative; display:inline-block; width:208px; margin:0 8px; vertical-align:top; }
.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/fo4/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 .terms,
.event_layer_popup .content .input { position:relative; padding:16px 32px; font-size:0; line-height:0; border-bottom:1px solid #dcdcdc; }
.event_layer_popup .content .input._02 { border-bottom:none; }
.event_layer_popup .content .terms > p { margin-bottom:4px; }
.event_layer_popup .content .terms > p:last-child { margin-bottom:0; }
.event_layer_popup .content .terms > p input { display:none; }
.event_layer_popup .content .terms > p label { position:relative; display:block; float:left; width:492px; padding:8px 0; font-size:16px; line-height:16px; color:#000000; cursor:pointer; }
.event_layer_popup .content .terms > p label.active { color:#08de68; }
.event_layer_popup .content .terms > p label::before { content:""; display:inline-block; width:14px; height:14px; margin-right:4px; border:1px solid #000000; vertical-align:top; }
.event_layer_popup .content .terms > p label.active::before { width:12px; height:12px; border:2px solid #08de68; }
.event_layer_popup .content .terms > p label.active::after { content:""; z-index:4; position:absolute; left:4px; top:12px; display:inline-block; width:8px; height:8px; background-color:#08de68; }
.event_layer_popup .content .terms > p button { display:block; float:left; width:124px; padding:8px 0; font-size:16px; line-height:16px; color:#ffffff; text-align:center; background-color:#08de68; }
.event_layer_popup .content .input input { padding:16px; box-sizing:border-box; font-size:16px; line-height:16px; color:#000000; border:1px solid #dcdcdc; }
.event_layer_popup .content .input input:focus { border:1px solid #08de68; }
.event_layer_popup .content .input input::placeholder { font-size:16px; line-height:16px; color:#b4b4b4; }
.event_layer_popup .content .input._01 input:nth-child(1) { width:86px; margin-right:4px; text-align:center; }
.event_layer_popup .content .input._01 input:nth-child(2) { width:362px; margin-right:4px; }
.event_layer_popup .content .input._02 input:nth-child(1) { width:616px; text-align:center; }
.event_layer_popup .content .input._02 input:nth-child(1)::placeholder { text-align:center; }
.event_layer_popup .content .input button { width:160px; padding:20px 0 22px 0; font-size:16px; line-height:16px; color:#dcdcdc; text-align:center; cursor:default; background-color:#b4b4b4; }
.event_layer_popup .content .input button.active { color:#ffffff; cursor:pointer; background-color:#08de68; }
.event_layer_popup .content .input #timer { z-index:8; position:absolute; left:415px; top:16px; width:40px; padding:20px 0 22px 0; }
.event_layer_popup .content .input #timer strong { display:block; font-size:16px; line-height:16px; color:#d00a4c; text-align:center; }
.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; }
.register.event_layer_popup .content .button .btn_confirm { cursor:default; background-color:#b4b4b4; }
.event_layer_popup .content .button .btn_confirm.half { float:left; width:50%; }
.event_layer_popup .content .button .btn_confirm.active { cursor:pointer; background-color:#08de68; }
.event_layer_popup .content .button .btn_cancel { float:left; width:50%; background-color:#000000; }
.event_layer_popup .content .button .btn_cancel.half { float:left; width:50%; background-color:#000000; }
.event_layer_popup .content .button .btn_next { width:100%; background-color:#08de68; }
.event_layer_popup .content .button .btn_next.half { float:left; width:50%; background-color:#08de68; }
.event_layer_popup .content .button .btn_change { width:100%; background-color:#000000; }
.event_layer_popup .content .button .btn_change.half { float:left; width:50%; background-color:#000000; }
.event_layer_popup .content .button .btn_reward { width:100%; background-color:#08de68; }
.event_layer_popup .content .button .btn_reward.half { float:left; width:50%; background-color:#000000; }
.event_layer_popup .content .document { padding:32px; }
.event_layer_popup .content .document p { font-size:14px; line-height:18px; color:#000000; }
.event_layer_popup .content .document table { table-layout:fixed; width:100%; border-left:1px solid #dcdcdc; border-top:1px solid #dcdcdc; }
.event_layer_popup .content .document table tr th,
.event_layer_popup .content .document table tr td { padding:8px; font-size:14px; line-height:18px; color:#000000; border-bottom:1px solid #dcdcdc; border-right:1px solid #dcdcdc; text-align:center; vertical-align:middle; }
.event_layer_popup .content .document .bold { font-weight:bold; font-size:16px; line-height:18px; vertical-align:top; }