@charset "utf-8";

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

#wrapper { position:relative; overflow:hidden; box-sizing:border-box; width:100%; max-width:2560px; min-width:1360px; margin:0 auto; font-family:"Noto Sans KR",sans-serif;  }
#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 button:focus { outline:0 ;}
#wrapper p,
#wrapper strong,
#wrapper span { font-family:"Noto Sans KR",sans-serif; letter-spacing:0; }
#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 #000; }

#middle { position: relative; width:100%;background: url("https://ssl.nexon.com/s2/game/fo4/event/2022/220623_special_8t2d74oi/bg.jpg") center 0 no-repeat;z-index: 10;padding-top: 917px;box-sizing: border-box;;}
#middle .section { position:relative; width:100%;margin:0 auto;min-height: 1493px;box-sizing: border-box;}
#middle .section > .btn_advice{position: absolute;top: -141px;left: 50%;margin-left: -185px;width: 181px;height: 45px;background-color: transparent;}
#middle .section > .btn_rewards{position: absolute;top: -141px;left: 50%;margin-left: -3px;width: 181px;height: 45px;background-color: transparent;}

#middle .section .cover_tit{position: absolute;top:0;left:0; width: 100%;height:100%;background: rgba(0,0,0,0.7);z-index: 2;}

#middle .section .summer_wrap{position: relative;z-index: 1;width:1280px;margin: 0 auto; padding-bottom: 78px;}
#middle .section .summer_wrap:after{content: "";clear: both;display: block;}
/*  */
#middle .section .state{position: absolute; top: -243px; width: 1280px; height: 130px; background: url("https://ssl.nexon.com/s2/game/fo4/event/2022/220623_special_8t2d74oi/btn_bg.png") center 0 no-repeat; border-radius: 65px; box-shadow: #555 5px 5px 20px;}
/* 305px 342*/   
/* 하얀색 카드 378px 1282*/
#middle .section .btn_wrapper{width: 845px; height: 130px;}
#middle .section .state_text{position: absolute; width: 845px; height: 90px; top: 20px; left: 329px; text-align: center; line-height: 90px; font-size: 20px; color: #fff;}
/* 이벤트  종료일때 */
#middle .section .btn_wrapper.end{width : 1280px; height: 130px;}
#middle .section .btn_wrapper.end .state_text{position: absolute; text-align: center; width: 1280px; height: 90px; top: 20px; left: 0;}
/*  */
/* 구단주 미생성 */
#middle .section .btn_wrapper.before_coach .state_text p:first-child {position: absolute; width: 845px; height: 90px; line-height: 58px; text-align: center; font-size: 20px; color: #fff;}
#middle .section .btn_wrapper.before_coach .state_text p:nth-child(2) {position: absolute;width: 845px; height: 90px; line-height: 115px; text-align: center; font-size: 15px; color: #FF1120;}
/* 로그인 */
.text_before_login{position: relative; top: -2px; margin: 0 2px 0 3px; color: #16DAC4; height: 25px; font-size: 20px; border-bottom: 1px solid #16DAC4;}
/*  */
/* N차 여름 특별 선물 */
#middle .section .special{position: relative; width: 1280px; background-color: #fff; border-radius: 65px; box-shadow: #555 5px 5px 20px; padding: 18px; margin-bottom: 20px; box-sizing: border-box;}
/* 1차여름특별선물 위에 툴팁 */
#middle .section .special_01::before{content: ""; z-index: 1; position: absolute; top: -65px; left: 310px; display: inline-block; width: 700px; height: 87px; background: url("https://ssl.nexon.com/s2/game/fo4/event/2022/220623_special_8t2d74oi/event_comment.png") 0 0 no-repeat;}
#middle .section .special_01::after{content: ""; z-index: 0; position: absolute; top: -65px; left: 310px; display: inline-block; width: 700px; height: 69px; border-radius: 65px; box-shadow: rgb(132, 118, 118) 0 5px 10px; }
#middle .section .special:last-child{margin-bottom: 0;}
#middle .section .special.special_01 .btn_bg{width: 305px; height: 342px; background: url("https://ssl.nexon.com/s2/game/fo4/event/2022/220623_special_8t2d74oi/special_btn_wrapper_1.png") center 0 no-repeat; display: inline-block;}
#middle .section .special.special_02 .btn_bg{width: 305px; height: 342px; background: url("https://ssl.nexon.com/s2/game/fo4/event/2022/220623_special_8t2d74oi/special_btn_wrapper_2.png") center 0 no-repeat; display: inline-block;}
#middle .section .special.special_03 .btn_bg{width: 305px; height: 342px; background: url("https://ssl.nexon.com/s2/game/fo4/event/2022/220623_special_8t2d74oi/special_btn_wrapper_3.png") center 0 no-repeat; display: inline-block;}
#middle .section .special.special_04 .btn_bg{width: 305px; height: 342px; background: url("https://ssl.nexon.com/s2/game/fo4/event/2022/220623_special_8t2d74oi/special_btn_wrapper_4.png") center 0 no-repeat; display: inline-block;}
/* N차 여름특별선물 - 버튼 액티브 */
#middle .section .special .btn_get{width: 273px; height: 86px; background: url("https://ssl.nexon.com/s2/game/fo4/event/2022/220623_special_8t2d74oi/btn_get.png"); position: absolute; bottom: 34px; left: 34px; font-size: 29px; font-weight: bold; color: #fff;}
    /* 접속 미완료/조회전/각보상차수 시작전 */
#middle .section .special .btn_get.before{width: 273px; height: 86px; background: url("https://ssl.nexon.com/s2/game/fo4/event/2022/220623_special_8t2d74oi/btn_no.png"); position: absolute; bottom: 34px; left: 34px; font-size: 29px; font-weight: bold; color: #666666; cursor: default;}
    /* 보상기간내에 조회 및 보상 수령 완료시 */
#middle .section .special .btn_get.complete{width: 273px; height: 86px; background: url("https://ssl.nexon.com/s2/game/fo4/event/2022/220623_special_8t2d74oi/btn_no.png"); position: absolute; bottom: 34px; left: 34px; font-size: 29px; font-weight: bold; color: #666666; cursor: default;}
    /* 보상기간 내에 접속 완료 및 조회 후 기간 종료되었으며 수령하지 않은 경우 */
#middle .section .special .btn_get.no{width: 273px; height: 86px; background: url("https://ssl.nexon.com/s2/game/fo4/event/2022/220623_special_8t2d74oi/btn_no.png"); position: absolute; bottom: 34px; left: 34px; font-size: 29px; font-weight: bold; color: #666666; cursor: default;}
    /* 이벤트 종료 */
#middle .section .special .btn_get.end{width: 273px; height: 86px; background: url("https://ssl.nexon.com/s2/game/fo4/event/2022/220623_special_8t2d74oi/btn_no.png"); position: absolute; bottom: 34px; left: 34px; font-size: 29px; font-weight: bold; color: #666666; cursor: default;}
/*  */
.state_text strong{font-size: 20px; color: #fff;}
.state_text strong.yellow{color: #EAFF00;}
.state_text strong.teal{color : #16DAC4;}
#middle .section .state .btn_check{position: absolute; top: 18px; left: 17px; width: 311px; height: 94px; background: url("https://ssl.nexon.com/s2/game/fo4/event/2022/220623_special_8t2d74oi/btn_check.png") center 0 no-repeat;}
#middle .section .state .btn_info{position: absolute; top: 28px; right: 28px; width: 75px; height: 75px; background: url("https://ssl.nexon.com/s2/game/fo4/event/2022/220623_special_8t2d74oi/btn_info.png") center 0 no-repeat;}
#middle .section .special .content{width: 900px; height: 312px; margin-left: 27px; vertical-align: top; display: inline-block; padding-top: 30px;}
#middle .section .special .content .date{color: #4E55B1; font-size: 26px; letter-spacing: -2px; margin-bottom: 24px;}
#middle .section .special .content .list{position: relative; z-index: 2; height: 219px; margin: 0 auto; text-align: center;}
#middle .section .special .content .list .slide {width: 137px; height: 219px; display: inline-block; position: relative; box-sizing: border-box; margin-right: 12px;}
/* 추후 공개 이미지 */
#middle .section .special .content .next-show{position: absolute; z-index: 43; background: url("https://ssl.nexon.com/s2/game/fo4/event/2022/220623_special_8t2d74oi/next.png") center 0 no-repeat; width: 909px; height: 262px; left:342px; background-size: contain;}
#middle .section .special .content .list .slide:last-child{margin-right: 0;}
#middle .section .special .content .list .slide .image{position: relative; margin-top: 15px; width: 138px; height: 138px; background-color: #E7E7E7; margin: 0 auto; text-align: center; box-sizing: border-box; overflow: hidden;}
#middle .section .special .content .list .slide .image img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 100%;}
#middle .section .special .content .list .slide .item_text{font-size: 13px; margin-top: 17px; height: 50px; overflow: hidden; text-align: center; line-height: 17px;}
/*  */

#footer { position:relative; width:100%; min-width:1040px; text-align:center; background-color:#000000; }
#footer .inner { width:100%; padding:64px 0; }
#footer .inner .logo { margin-bottom:64px; 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: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; }
.received.event_layer_popup .content { top:64px; -ms-transform:translateX(-50%) translateY(0%); transform:translateX(-50%) translateY(0%); }
.event_layer_popup .content > .title { z-index:10; position:relative; height:64px; font-weight:500; font-size:20px; line-height:64px; color:#000000; text-align:center; box-shadow:inset 0 -1px 0 rgba(220,220,220,1); background-color:#ffffff; }
.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/2020/200402_layer_common_/btn_close.png") left top no-repeat; }
.event_layer_popup .content .table { padding:32px; }
.event_layer_popup .content .table table { table-layout:fixed; box-sizing:border-box; width:100%; border:1px solid #949494; }
.event_layer_popup .content .table table th { height:48px; font-weight:normal; font-size:16px; line-height:16px; color:#ffffff; letter-spacing:0; text-align:center; vertical-align:middle; border-right:1px solid #dcdcdc; background-color:#949494; }
.event_layer_popup .content .table table tr:first-child th:nth-child(2),
.event_layer_popup .content .table table tr:first-child th:nth-child(3),
.event_layer_popup .content .table table tr:first-child th:nth-child(4),
.event_layer_popup .content .table table tr:first-child th:nth-child(5),
.event_layer_popup .content .table table tr:first-child th:nth-child(6) { border-bottom:1px solid #dcdcdc; }
.event_layer_popup .content .table table tr:first-child th:last-child { border-right:none; }
.event_layer_popup .content .table table tr:last-child th:last-child { border-top:1px solid #dcdcdc; }
.event_layer_popup .content .table table td { height:48px; font-size:16px; line-height:16px; color:#666666; text-align:center; vertical-align:middle; border-right:1px solid #949494; border-bottom:1px solid #949494; }
.event_layer_popup .content .table table td:last-child { border-right:none; }
.event_layer_popup .content .table table tr:last-child td { border-bottom:none; }
.event_layer_popup .content .table table td.empty { height:192px; }
.event_layer_popup .content .table table td .btn_reward { box-sizing:border-box; display:block; width:100%; height:48px; cursor:default; background-color:#dcdcdc; }
.event_layer_popup .content .table table td .btn_reward p { font-size:16px; line-height:48px; color:#7a7a7a; text-align:center; letter-spacing:0; }
.event_layer_popup .content .table table td .btn_reward.active { cursor:pointer; background-color:#46b878; }
.event_layer_popup .content .table table td .btn_reward.active p { text-decoration:underline; color:#ffffff; }
.event_layer_popup .content .table table td .btn_reward.complete { background-color:#dcdcdc; }
.event_layer_popup .content .table table td .btn_reward.complete p { color:#1e1e1e; }
.event_layer_popup .content .table table td .btn_reward.not { background-color:#dcdcdc; }
.event_layer_popup .content .table table td .btn_reward.not p { color:#7a7a7a; }
.event_layer_popup .content .table .page { display:block; padding:32px 0 0 0; font-size:0; line-height:0; text-align:center; }
.event_layer_popup .content .table .page .bt { display:inline-block; height:24px; vertical-align:top; }
.event_layer_popup .content .table .page .bt a { height:24px; margin:0 8px; vertical-align:top; text-indent:-9999px; }
.event_layer_popup .content .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; }
.event_layer_popup .content .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; }
.event_layer_popup .content .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; }
.event_layer_popup .content .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; }
.event_layer_popup .content .table .page .number { overflow:hidden; display:inline-block; vertical-align:top; }
.event_layer_popup .content .table .page .number strong { float:left; margin:0 8px; font-size:20px; line-height:24px; color:#08de68; text-decoration:underline; vertical-align:top; }
.event_layer_popup .content .table .page .number .strong { float:left; margin:0 8px; font-size:20px; line-height:24px; color:#08de68; text-decoration:underline; vertical-align:top; }
.event_layer_popup .content .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; }
.event_layer_popup .content .advice { padding:32px; font-size:14px; line-height:18px; color:#939393; letter-spacing:0; text-align:center; background-color:#eaeaea; }
.event_layer_popup .content .advice strong { display:inline-block; width:600px; padding-left:30px; font-size:14px; line-height:18px; color:#939393; letter-spacing:0; text-align:left; vertical-align:top; background:url("https://ssl.nexon.com/s2/game/fo4/event/2020/200402_layer_common_/ico_i.png") left 50% no-repeat; }
.event_layer_popup .content .advice strong span { font-size:14px; line-height:18px; color:#08de68; letter-spacing:0; vertical-align:top; }
.event_layer_popup .content .button .btn_confirm { width:100%; font-size:24px; line-height:72px; color:#ffffff; letter-spacing:0; text-align:center; background-color:#08de68; }
.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); }