@charset "utf-8";

html,body { width:100%; max-width:2560px; min-width:1360px; margin:0 auto; font-family:"Noto Sans KR",sans-serif; color:#000000; background-color:#000000; }

#wrapper { position:relative; overflow:hidden; width:100%; max-width:2560px; min-width:1360px; margin:0 auto; line-height:0; box-shadow:0 0 32px rgba(0,0,0,0.8); background-color:#000000; }
#wrapper a { display:inline-block; font-family:"Noto Sans KR"; }
#wrapper button { visibility:visible; overflow:visible; display:inline-block; padding:0; outline:none; cursor:pointer; font-family:"Noto Sans KR"; }
#wrapper input { outline:none; }

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

#loader { z-index:1024; position:fixed; left:0; top:0; width:100%; height:100%; background:url("https://ssl.nexon.com/s2/game/fo4/common/transparent.png") left top repeat #000000; }

#middle { position:relative; overflow:hidden; width:100%; max-width:2560px; min-width:1360px; margin:0 auto; background:url("https://ssl.nexon.com/s2/game/fc/online/event/2023/231005_ekleague_75jcnxh4/bg_middle.jpg") center top no-repeat; }
#middle .section { position:relative; width:100%; max-width:2560px; min-width:1360px; }
#middle .section .inner { position:relative; width:1360px; margin:0 auto  }
#middle .header.section .inner { height:624px; }
#middle .event_01.section { margin-top:209px; }
#middle .event_02.section { margin-top:40px; }
#middle .event_03.section { margin-top:40px; margin-bottom:126px; }
#middle .event_01.section .inner { height:845px; background:url("https://ssl.nexon.com/s2/game/fc/online/event/2023/231005_ekleague_75jcnxh4/bg_event_01.png") left top no-repeat; }
#middle .event_02.section .inner { height:1312px; background:url("https://ssl.nexon.com/s2/game/fc/online/event/2023/231005_ekleague_75jcnxh4/bg_event_02.png") left top no-repeat; }
#middle .event_03.section .inner { height:996px; background:url("https://ssl.nexon.com/s2/game/fc/online/event/2023/231005_ekleague_75jcnxh4/bg_event_03.png") left top no-repeat; }

#middle .section .inner .tab { z-index:4; position:absolute; left:-92px; top:546px; width:1500px; height:287px;background: url(https://ssl.nexon.com/s2/game/fc/online/event/2023/231005_ekleague_75jcnxh4/btn_tab.png) 0 -843px no-repeat; }
#middle .section .inner .tab._1{background-position: 0 -4px;;}
#middle .section .inner .tab._2{background-position: 0 -311px;;}
#middle .section .inner .tab._3{background-position: 0 -598px;;}
#middle .section .inner .tab li { float:left; height:287px; }
#middle .section .inner .tab li:nth-child(1) { width:545px;}
#middle .section .inner .tab li:nth-child(2) { width:454px; }
#middle .section .inner .tab li:nth-child(3) { width:500px; }
#middle .section .inner .tab li button { width:100%; height:287px;  }

#middle .section .inner .btn_Game{ z-index:4; position:absolute; left: 307px;bottom: 62px;width: 751px;height: 103px; background:url("https://ssl.nexon.com/s2/game/fo4/common/transparent.png") left top repeat; }
#middle .section .inner .btn_point{ z-index:4; position:absolute; left: 154px;bottom: 135px;width: 299px;height: 61px; background:transparent;cursor: pointer; }
#middle .section .inner .btn_coupon{ z-index:4; position:absolute; left: 493px;bottom: 135px;width: 299px;height: 61px; background:transparent;cursor: pointer; }
#middle .section .inner .btn_youtube{ z-index:4; position:absolute; left: 832px;bottom: 135px;width: 378px;height: 61px; background:transparent;cursor: pointer; }

#coupon { z-index:4; position:absolute; left:40px; bottom:71px; width:1280px; height:464px; }
#coupon .user { position:relative; overflow:hidden; width:1280px; height:76px;; }

#coupon .user > p { float:left; box-sizing:border-box; width:1052px; height:76px; font-size:24px; line-height:76px; color:#fff; letter-spacing:0; text-align:center; text-align:center; }
#coupon .user > p strong { font-weight:bold; font-size:24px; line-height:76px; color:#07f266; letter-spacing:0; vertical-align:top; }
#coupon .user > p span { font-weight:bold; font-size:16px; line-height:76px; color:#07f266; letter-spacing:0; vertical-align:top; }
#coupon .user > p span.number { font-size:24px; color:#07f266; }
#coupon .user > .btn_check { float:left; box-sizing:border-box; display:block; width:228px; height:76px; background:url("https://ssl.nexon.com/s2/game/fo4/common/transparent.png") left top repeat; }
#coupon .swiper { position:relative; box-sizing:border-box; width:1280px; height:388px; padding:24px 0; }
#coupon .swiper:after{content: "";display: block;clear: both;}
#coupon .swiper .list { width:1360px; margin:0 auto; }
#coupon .swiper .list li { float:left; width:248px; margin-right:10px; background-color:#ffffff;position: relative;}
#coupon .swiper .list li:last-child { margin-right:0; }
#coupon .swiper .list li .item { padding:50px 0 0;height: 366px;box-sizing: border-box; }
#coupon .swiper .list li .item .image { width:98px; height:98px; margin:0 auto;background-color: #fdd78a; }
#coupon .swiper .list li .item .image img { width:98px; height:98px; }
#coupon .swiper .list li .item .text { box-sizing:border-box; height:96px; padding-top:16px; }
#coupon .swiper .list li .item .text strong { display:block; font-weight:bold; font-size:20px; line-height:20px; color:#181100; letter-spacing:0; text-align:center; }
#coupon .swiper .list li .item .text span { box-sizing:border-box; display:block; height:62px; padding-top:8px; font-size:15px; line-height:18px; color:#666666; letter-spacing:0; text-align:center; }
#coupon .swiper .list li .item .etc { padding-top:8px; font-size:0; line-height:0; text-align:center; }
#coupon .swiper .list li .item .etc .tooltip { position:relative; width:30px; height:30px; margin:0 auto; cursor:pointer; background:url("https://ssl.nexon.com/s2/game/fc/online/event/2023/231005_ekleague_75jcnxh4/ico_tooltip.png") left top no-repeat; }
#coupon .swiper .list li .button{position: absolute;bottom:0;left:0;z-index: 1;;}
#coupon .swiper .list li .button .btn_reward { width:248px; height:65px; cursor:default; background:url("https://ssl.nexon.com/s2/game/fc/online/event/2023/231005_ekleague_75jcnxh4/btn_reward.png") center 0 no-repeat; }
#coupon .swiper .list li .button .btn_reward.active { cursor:pointer; background-position:center -65px; }
#coupon .swiper .list li .button .btn_reward.complete { background-position:center -130px; }
#coupon .swiper .btn_prev { z-index:4; position:absolute; left:0; top:144px; width:88px; height:100px; box-shadow:0 0 16px rgba(0,0,0,0.4); background:url("https://ssl.nexon.com/s2/game/fc/online/event/2023/231005_ekleague_75jcnxh4/btn_prev.png") left top no-repeat rgba(255,255,255,0.8); }
#coupon .swiper .btn_next { z-index:4; position:absolute; right:0; top:144px; width:88px; height:100px; box-shadow:0 0 16px rgba(0,0,0,0.4); background:url("https://ssl.nexon.com/s2/game/fc/online/event/2023/231005_ekleague_75jcnxh4/btn_next.png") left top no-repeat rgba(255,255,255,0.8); }
#coupon .swiper .btn_prev.swiper-button-disabled,
#coupon .swiper .btn_next.swiper-button-disabled { cursor:default; opacity:0.4; }

.tooltip { z-index:8; position:absolute; cursor:pointer; background:url("https://ssl.nexon.com/s2/game/fo4/common/transparent.png") left top repeat; }
.tooltip .detail { position:relative; width:100%; height:100%; text-align:left; }
.tooltip .detail > p { z-index:32; position:absolute; left:-160px; bottom:100%; display:none; box-sizing:border-box; width:320px; margin-bottom:8px; padding:16px; font-weight:normal; font-size:14px; line-height:18px; color:#242424; letter-spacing:0; text-align:center; border:2px solid #0e1c36; border-radius:8px; box-shadow:4px 4px 12px rgba(0,0,0,0.4); background-color:#ffffff; }
.tooltip .detail > p strong { padding-bottom:8px; font-weight:bold; font-size:14px; line-height:18px; color:#1c3a6c; letter-spacing:0; }
.tooltip .detail:hover > p { display:block; }

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

.event_layer_popup { overflow-y:auto; z-index:512; 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%; box-sizing:border-box; width:1280px; 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; }
.loading.event_layer_popup { z-index:10480; }
.loading.event_layer_popup .content { width:640px; box-shadow:none !important; background:transparent !important; }
.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:nth-child(2) { 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) { font-size:32px; line-height:32px; color:#ffffff; text-align:center; text-shadow:0 0 32px rgba(0,0,0,1); }