@charset "utf-8";

html,body { width:100%; font-family:"Noto Sans KR",sans-serif; background-color:#1c2022; }

#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; line-height:0; box-shadow:0 0 32px rgba(0,0,0,0.8); }
#wrapper a { display:inline-block; font-family:"Noto Sans KR"; }
#wrapper button { overflow:visible; display:inline-block; cursor:pointer; font-family:"Noto Sans KR"; }

input:focus,
textarea:focus,
select:focus,
option:focus,
button:focus { outline:none !important; }
#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 #1c2022 ; }

#middle { overflow:hidden; width:100%; max-width:2560px; min-width:1360px; margin:0 auto; background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/220908_diy_7dyduhdehe0j/bg_middle.jpg") center top no-repeat; }
#middle .section { position:relative; width:100%; max-width:2560px; min-width:1360px; }
#middle .inner { position:relative; width:1360px; height:100%; margin:0 auto; }
#middle .header.section { height:630px; }
#middle .header.section .inner { background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/220908_diy_7dyduhdehe0j/bg_middle.png") -600px 0 no-repeat; }
#middle .event._01.section { height:1132px; padding-bottom:64px; }
#middle .event._01.section .inner { z-index:32; position:absolute; left:50%; top:0; width:1360px; height:1132px; margin-left:-680px; border-radius:16px; box-shadow:0 32px 64px rgba(0,0,0,0.4); background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/220908_diy_7dyduhdehe0j/bg_event_01.png") left top no-repeat; }


#middle .inner .btn_link_event { z-index:16; position:absolute; left: 108px;top: 417px;width: 275px;height: 50px; background:url("https://ssl.nexon.com/s2/game/fo4/common/transparent.png") left top repeat; ;}
#middle .inner .btn_notice { z-index:16; position:absolute; left:0; top:515px; width:117px; height:50px; background:url("https://ssl.nexon.com/s2/game/fo4/common/transparent.png") left top repeat; ;}
#middle .inner .btn_tips { z-index:16; position:absolute; left:119px; top:515px; width:153px; height:50px; background:url("https://ssl.nexon.com/s2/game/fo4/common/transparent.png") left top repeat; ;}
#middle .inner .btn_rewards { z-index:16; position:absolute; left:276px; top:515px; width:115px; height:50px; background:url("https://ssl.nexon.com/s2/game/fo4/common/transparent.png") left top repeat; ;}


#middle .inner .user { position:relative; width:1360px; height:176px; }
#middle .inner .user .btn_login,
#middle .inner .user .no_owner,
#middle .inner .user .event_end { width:1360px; height:176px; font-weight:bold; font-size:24px; line-height:176px; color:#433936; letter-spacing:0; text-align:center; }
#middle .inner .user .btn_login strong,
#middle .inner .user .no_owner strong,
#middle .inner .user .event_end strong { font-weight:bold; font-size:24px; line-height:176px; color:#d06c0c; letter-spacing:0; text-decoration:underline; }
#middle .inner .user .check_list { z-index:4; position:absolute; left:32px; top:38px; width:1282px; height:130px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/220908_diy_7dyduhdehe0j/bg_check_list.png") left top no-repeat; }

#middle .inner .user .check_list .point_01 { z-index:4; position:absolute; left:468px; top:0; box-sizing:border-box; width:160px; height:105px; font-size:20px; line-height:110px; color:#585858; letter-spacing:0; text-align:center; }
#middle .inner .user .check_list .point_02 { z-index:4; position:absolute; left:739px; top:0; box-sizing:border-box; width:160px; height:105px; font-size:20px; line-height:110px; color:#585858; letter-spacing:0; text-align:center; }
#middle .inner .user .check_list .point_03 { z-index:4; position:absolute; left:973px; top:0; box-sizing:border-box; width:160px; height:105px; font-size:20px; line-height:110px; color:#585858; letter-spacing:0; text-align:center; }
#middle .inner .user .check_list p{ font-weight: 500;font-size: 20px;color: #fff603;letter-spacing: 0;}
#middle .inner .user .check_list p strong{ font-weight: 500;font-size: 20px;color: #fff603;letter-spacing: 0;}
#middle .inner .user .check_list p strong span{ font-weight: 500;font-size: 20px;color: #a5a5a5;letter-spacing: 0;}

#middle .inner .user .check_list .btn_point_link { z-index:4; position:absolute; right:0; top:0; width:160px; height:50px; background:url("https://ssl.nexon.com/s2/game/fo4/common/transparent.png") left top repeat; }
#middle .inner .user .check_list .btn_reward_list { z-index:4; position:absolute; right:0; bottom:0; width:160px; height:50px; background:url("https://ssl.nexon.com/s2/game/fo4/common/transparent.png") left top repeat; }
#middle .inner .user .btn_check { z-index:16; position:absolute; left: 45px;top: 31px;width: 349px;height: 113px;background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/220908_diy_7dyduhdehe0j/btn_check.png") 0 0 repeat;filter: drop-shadow(0px 10px 10px rgba(0,0,0,0.6)); } 
#middle .inner .user .btn_check:hover {background-position: -396px 0;}
#middle .inner .user .btn_check:active {background-position: -796px 0;}

.tooltip { z-index:8; position:absolute; 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:50%; top:100%; display:none; width:480px; margin-top:4px; padding:16px; font-weight:normal; font-size:14px; line-height:18px; color:#433936; border:2px solid #433936; border-radius:8px; box-shadow:4px 4px 12px rgba(0,0,0,0.4); background-color:#ffffff; -ms-transform:translateX(-50%) translateY(0%); transform:translateX(-50%) translateY(0%); }
.tooltip .detail:hover p { display:block; }
.tooltip .detail p strong { font-weight:normal; font-size:14px; line-height:18px; color:#d06c0c; }
.tooltip .detail p .title { display:block; font-weight:bold; margin-bottom:8px; padding-bottom:8px; font-size:18px; line-height:18px; color:#433936; box-shadow:0 1px 0 rgba(28,34.94,0.4); }

#tongs { z-index:4; position:absolute; right:-62px; top:-80px; width:364px; height:400px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/220908_diy_7dyduhdehe0j/bg_tongs_01.png") left top no-repeat; }
#tongs .wheel { z-index:4; position:absolute; left:86px; top:86px; width:68px; height:68px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/220908_diy_7dyduhdehe0j/bg_wheel_03.png") left top no-repeat; }
#tongs .pick { z-index:4; position:absolute; left:0; top:0; display:none; width:364px; height:400px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/220908_diy_7dyduhdehe0j/bg_tongs_02.png") left top no-repeat; }
#tongs .pick.on { display:block; }

#conveyer { z-index:4; position:absolute; right:-657px; bottom:-64px; width:1263px; height:290px; }
#conveyer .belt { position:absolute; left:0; bottom:0; width:1263px; height:290px; }
#conveyer .belt._01 { z-index:6; background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/220908_diy_7dyduhdehe0j/bg_conveyer_01.png") left top no-repeat; }
#conveyer .belt._02 { z-index:20; background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/220908_diy_7dyduhdehe0j/bg_conveyer_02.png") left top no-repeat; }
#conveyer .belt._03 { z-index:10; background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/220908_diy_7dyduhdehe0j/bg_conveyer_03.png") left top no-repeat; }
#conveyer .wheel { position:absolute; width:52px; height:52px; }

#conveyer .wheel._01 { z-index:22; left:44px; top:102px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/220908_diy_7dyduhdehe0j/bg_wheel_01.png") left top no-repeat; }
#conveyer .wheel._02 { z-index:22; left:196px; top:102px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/220908_diy_7dyduhdehe0j/bg_wheel_01.png") left top no-repeat; }
#conveyer .wheel._03 { z-index:22; left:348px; top:102px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/220908_diy_7dyduhdehe0j/bg_wheel_01.png") left top no-repeat; }
#conveyer .wheel._04 { z-index:22; left:500px; top:102px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/220908_diy_7dyduhdehe0j/bg_wheel_01.png") left top no-repeat; }
#conveyer .wheel._05 { z-index:22; left:652px; top:102px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/220908_diy_7dyduhdehe0j/bg_wheel_01.png") left top no-repeat; }
#conveyer .wheel._06 { z-index:22; left:804px; top:102px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/220908_diy_7dyduhdehe0j/bg_wheel_01.png") left top no-repeat; }
#conveyer .wheel._07 { z-index:22; left:956px; top:102px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/220908_diy_7dyduhdehe0j/bg_wheel_01.png") left top no-repeat; }
#conveyer .wheel._08 { z-index:22; left:1108px; top:102px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/220908_diy_7dyduhdehe0j/bg_wheel_01.png") left top no-repeat; }

#conveyer .wheel._09 { z-index:8; left:142px; top:12px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/220908_diy_7dyduhdehe0j/bg_wheel_02.png") left top no-repeat; }
#conveyer .wheel._10 { z-index:8; left:294px; top:12px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/220908_diy_7dyduhdehe0j/bg_wheel_02.png") left top no-repeat; }
#conveyer .wheel._11 { z-index:8; left:446px; top:12px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/220908_diy_7dyduhdehe0j/bg_wheel_02.png") left top no-repeat; }
#conveyer .wheel._12 { z-index:8; left:600px; top:12px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/220908_diy_7dyduhdehe0j/bg_wheel_02.png") left top no-repeat; }
#conveyer .wheel._13 { z-index:8; left:752px; top:12px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/220908_diy_7dyduhdehe0j/bg_wheel_02.png") left top no-repeat; }
#conveyer .wheel._14 { z-index:8; left:904px; top:12px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/220908_diy_7dyduhdehe0j/bg_wheel_02.png") left top no-repeat; }
#conveyer .wheel._15 { z-index:8; left:1056px; top:12px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/220908_diy_7dyduhdehe0j/bg_wheel_02.png") left top no-repeat; }
#conveyer .wheel._16 { z-index:8; left:1208px; top:12px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/220908_diy_7dyduhdehe0j/bg_wheel_02.png") left top no-repeat; }

#conveyer .icon { z-index:16; position:absolute; left:1258px; top:-80px; width:2448px; height:164px; }
#conveyer .icon > div { float:left; width:156px; height:164px; }
#conveyer .icon ._00 { background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/220908_diy_7dyduhdehe0j/ico_00.png") left top no-repeat; }
#conveyer .icon ._01 { background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/220908_diy_7dyduhdehe0j/ico_01.png") left top no-repeat; }
#conveyer .icon ._02 { background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/220908_diy_7dyduhdehe0j/ico_02.png") left top no-repeat; }
#conveyer .icon ._03 { background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/220908_diy_7dyduhdehe0j/ico_03.png") left top no-repeat; }
#conveyer .icon ._04 { background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/220908_diy_7dyduhdehe0j/ico_04.png") left top no-repeat; }
#conveyer .icon ._05 { background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/220908_diy_7dyduhdehe0j/ico_05.png") left top no-repeat; }
#conveyer .icon ._06 { background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/220908_diy_7dyduhdehe0j/ico_06.png") left top no-repeat; }
#conveyer .icon ._07 { background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/220908_diy_7dyduhdehe0j/ico_07.png") left top no-repeat; }
#conveyer .icon ._08 { background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/220908_diy_7dyduhdehe0j/ico_08.png") left top no-repeat; }
#conveyer .icon ._09 { background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/220908_diy_7dyduhdehe0j/ico_09.png") left top no-repeat; }
#conveyer .icon ._10 { background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/220908_diy_7dyduhdehe0j/ico_10.png") left top no-repeat; }
#conveyer .icon ._11 { background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/220908_diy_7dyduhdehe0j/ico_11.png") left top no-repeat; }
#conveyer .icon ._12 { background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/220908_diy_7dyduhdehe0j/ico_12.png") left top no-repeat; }
#conveyer .icon ._13 { background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/220908_diy_7dyduhdehe0j/ico_13.png") left top no-repeat; }
#conveyer .icon ._14 { background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/220908_diy_7dyduhdehe0j/ico_14.png") left top no-repeat; }

#combination { z-index:4; position:absolute; left:50px; top:324px; }
#combination.load:before { content:""; z-index:128; position:absolute; left:0; top:0; width:100%; height:100%; background:url("https://ssl.nexon.com/s2/game/fo4/common/transparent.png") left top repeat; }
#combination .step_01 { float:left; margin-right:16px; }
#combination .step_02 { float:left; margin-right:16px; }
#combination .step_03 { float:left; margin-right:164px; }
#combination > div { opacity:0.4; }
#combination > div.active { opacity:1; }
#combination > div > dl { width:238px; background-color:#433936; border-bottom:4px solid #433936; }
#combination > div > dl dt { position:relative; height:22px; padding:36px 0; font-weight:bold; font-size:18px; line-height:22px; color:#ffffff; text-align:center; }
#combination > div > dl dd { padding:0 4px; border-bottom:1px solid #433936; background-color:#433936; }
#combination > div > dl dd:last-child { border-bottom:none; }
#combination .step_01 dl dd { height:49px; }
#combination .step_01 dl dd:nth-child(2) { height:52px; }
#combination .step_01 dl dd:nth-child(3) { height:51px; }
#combination .step_02 dl dd { height:150px; }
#combination .step_02 dl dd:last-child { height:151px; }
#combination .step_03 dl dd { height:86px; }
#combination .step_03 dl dd:nth-child(2) { height:84px; }
#combination .step_03 dl dd:nth-child(3) { height:84px; }
#combination > div > dl dd button { position:relative; box-sizing:border-box; width:100%; height:100%; font-weight:bold; color:#20283c; text-align:center; background-color:#ffffff; }
#combination > div > dl dd.active button { background-color:#f8f01e; }
#combination > div > dl dd.active button:after { content:""; position:absolute; right:16px; top:50%; display:block; width:20px; height:20px; margin-top:-8px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/220908_diy_7dyduhdehe0j/ico_active.png") left top no-repeat; }
#combination > div > dl dd.disabled button { opacity:0.4; cursor:default; }
#combination .step_01 dl dd button { padding:13px 0 10px 118px; font-size:16px; line-height:16px; text-align:left; }
#combination .step_01 dl dd.disabled button { opacity:1; cursor:pointer; }
#combination .step_01 dl dd button:before { content:""; position:absolute; left:80px; top:14px; display:block; width:30px; height:25px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/220908_diy_7dyduhdehe0j/ico_class.png") 0 0 no-repeat; }
#combination .step_02 dl dd button { font-size:16px; line-height:16px; }

#combination > div > dl dd .btn_class_boe21:before{background-position:0 0px}
#combination > div > dl dd .btn_class_up:before{background-position:0 -24px}
#combination > div > dl dd .btn_class_mc:before{background-position:0 -48px}
#combination > div > dl dd .btn_class_lh:before{background-position:0 -72px}
#combination > div > dl dd .btn_class_tkl:before{background-position:0 -96px}
#combination > div > dl dd .btn_class_hot:before{background-position:0 -120px}
#combination > div > dl dd .btn_class_tc:before{background-position:0 -144px}
#combination > div > dl dd .btn_class_tb:before{background-position:0 -168px}
#combination > div > dl dd .btn_class_gr:before{background-position:0 -192px}
#combination > div > dl dd .btn_class_tt:before{background-position:0 -216px}
#combination > div > dl dd .btn_class_nhd:before{background-position:0 -240px}
#combination > div > dl dd .btn_class_live:before{background-position:0 -264px}

#combination .step_03 dl dd button { padding:28px 0 28px 118px; font-size:16px; line-height:16px; text-align:left; }
#combination .step_03 dl dd button:before { content:""; position:absolute; left:76px; top:33px; display:block; width:32px; height:20px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/220908_diy_7dyduhdehe0j/btn_upgrade.png") 0 0 no-repeat; }
#combination > div > dl dd .btn_upgrade_1:before { background-position:0 0; }
#combination > div > dl dd .btn_upgrade_2:before { background-position:0 -20px; }
#combination > div > dl dd .btn_upgrade_3:before { background-position:0 -40px; }
#combination > div > dl dd .btn_upgrade_4:before { background-position:0 -60px; }
#combination > div > dl dd .btn_upgrade_5:before { background-position:0 -80px; }
#combination > div > dl dd .btn_upgrade_6:before { background-position:0 -100px; }
#combination > div > dl dd .btn_upgrade_7:before { background-position:0 -120px; }
#combination > div > dl dd .btn_upgrade_8:before { background-position:0 -140px; }
#combination > div > dl dd .btn_upgrade_9:before { background-position:0 -160px; }
#combination .btn_card_put { z-index:8; position:absolute; left:762px; top:252px; opacity:0.4; width:138px; height:106px; cursor:default; filter:drop-shadow(0 4px 0 rgba(0,0,0,0.2)); background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/220908_diy_7dyduhdehe0j/btn_put.png") 0 0 no-repeat; }
#combination .btn_card_put.active { opacity:1; cursor:pointer; }
#combination .btn_card_reset { z-index:8; position:absolute; left:762px; top:252px; display:none; width:138px; height:106px; filter:drop-shadow(0 4px 0 rgba(0,0,0,0.2)); background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/220908_diy_7dyduhdehe0j/btn_put.png") 0 -106px no-repeat; }
#combination .btn_card_reset.active { display:block; }
#combination .step_04 { position:relative; float:left; width:350px; height:616px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/220908_diy_7dyduhdehe0j/bg_step_04.png") left top no-repeat; }
#combination .step_04 .card { z-index:8; position:absolute; left:70px; top:140px; width:210px; height:336px; }
#combination .step_04 .card .class { z-index:10; position:absolute; left:0; top:0; width:210px; height:336px; filter:drop-shadow(0 0 16px rgba(0,0,0,0.4)); background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/220908_diy_7dyduhdehe0j/bg_card.png") 0 0 no-repeat; }
#combination .step_04 .card .class._1 { background-position:-210px 0; }
#combination .step_04 .card .class._2 { background-position:-420px 0; }
#combination .step_04 .card .class._3 { background-position:-630px 0; }
#combination .step_04 .card .class._4 { background-position:-840px 0; }
#combination .step_04 .card .class._5 { background-position:-1050px 0; }
#combination .step_04 .card .class._6 { background-position:-1260px 0; }
#combination .step_04 .card .class._7 { background-position:-1470px 0; }
#combination .step_04 .card .class._8 { background-position:-1680px 0; }
#combination .step_04 .card .class._9 { background-position:-1890px 0; }
#combination .step_04 .card .class._10 { background-position:-2100px 0; }
#combination .step_04 .card .class._11 { background-position:-2310px 0; }
#combination .step_04 .card .class._12 { background-position:-2520px 0; }

#combination .step_04 .card .pack { z-index:12; position:absolute; left:0; top:0; width:210px; height:336px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/220908_diy_7dyduhdehe0j/bg_pack.png") 0 0 no-repeat; }
#combination .step_04 .card .pack._13 { background-position:-1250px 0; }
#combination .step_04 .card .pack._14 { background-position:-1000px 0; }
#combination .step_04 .card .pack._15 { background-position:-750px 0; }
#combination .step_04 .card .pack._16 { background-position:-500px 0; }

#combination .step_04 .card .upgrade { z-index:14; position:absolute; left:140px; top:100px; width:42px; height:26px; box-shadow:4px 4px 8px rgba(0,0,0,0.6); background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/220908_diy_7dyduhdehe0j/ico_upgrade.png") 0 0 no-repeat; }
#combination .step_04 .card .upgrade._21 { background-position:0 -26px; }
#combination .step_04 .card .upgrade._22 { background-position:0 -52px; }
#combination .step_04 .card .upgrade._23 { background-position:0 -78px; }
#combination .step_04 .card .upgrade._24 { background-position:0 -104px; }
#combination .step_04 .card .upgrade._25 { background-position:0 -130px; }
#combination .step_04 .card .upgrade._26 { background-position:0 -156px; }
#combination .step_04 .card .upgrade._27 { background-position:0 -182px; }
#combination .step_04 .card .upgrade._28 { background-position:0 -208px; }
#combination .step_04 .card .upgrade._29 { background-position:0 -234px; }

#combination .step_04 .card .loader { z-index:32; position:absolute; left:0; top:0; box-sizing:border-box; width:100%; height:100%; padding:80px 16px 80px 18px; background:url("https://ssl.nexon.com/s2/game/fo4/common/transparent.png") left top repeat; }
#combination .step_04 .point { z-index:8; position:absolute; left:0; top:72px; box-sizing:border-box; width:350px; font-size:36px; line-height:36px; font-weight:bold; color:#c41a1a; text-align:center; }
#combination .step_04 .btn_exchange { z-index:8; position:absolute; left:0; bottom:0; width:350px; height:76px; font-weight:800; font-size:24px; line-height:76px; color:#c8c8c8; text-align:center; cursor:default; text-shadow:0 4px 8px rgba(108,108,108,1); background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/220908_diy_7dyduhdehe0j/btn_exchange.png") 0 0 no-repeat; }
#combination .step_04 .btn_exchange.active { color:#fffe74; cursor:pointer; text-shadow:0 4px 8px rgba(174,52,52,1); background-position:0 -76px; }
#combination.click:after { content:""; z-index:32; position:absolute; left:0; bottom:0; display:block; visibility:visible; width:100%; height:100%; background:url("https://ssl.nexon.com/s2/game/fo4/common/transparent.png") left top repeat; }
#combination .tooltip { position:static; display:inline-block; width:22px; height:22px; margin-left:4px; vertical-align:top; background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/220908_diy_7dyduhdehe0j/ico_q_mark.png") left top no-repeat; }
#combination .tooltip p { width:320px; text-align:center; letter-spacing:0; }
#combination .tooltip p strong { letter-spacing:0; }
#combination .tooltip p span { letter-spacing:0; }

.loader { display:none; }
.loader .wrapper { position:relative; box-sizing:border-box; width:176px; height:176px; padding:46px 0 0 0; text-align:center; background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/220908_diy_7dyduhdehe0j/bg_loading.png") left top no-repeat; }
.loader .wrapper .bar { display:inline-block; width:10px; height:20px; margin:0 2px; background-color:#ffffff; }



.event_layer_popup { overflow-y:auto; z-index:1020; 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:580px; 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; }
.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/2021/210513_3rd_anniversary/btn_layer_close.png") left top no-repeat; }
.event_layer_popup .content .title { z-index:10; 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; background-color:#ffffff; }
.event_layer_popup .content .message { padding:32px; }
.event_layer_popup .content .message > p { font-size:16px; line-height:20px; color:#000000; text-align:center; }
.event_layer_popup .content .message > p strong { font-size:16px; line-height:20px; color:#08de68; }
.event_layer_popup .content .button { overflow:hidden; }
.event_layer_popup .content .button .btn_confirm { float:left; width:100%; font-size:24px; line-height:72px; color:#ffffff; text-align:center; background-color:#08de68; }
.loading.event_layer_popup { z-index:1030 !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); }

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


.howto.event_layer_popup { overflow-y:auto; z-index:1024; position:fixed; left:0; top:0; display:none; width:100%; height:100%; background-color:rgba(0,0,0,0.8); }
.howto.event_layer_popup .title{display: none;}
.howto.event_layer_popup .content { z-index:128; position:absolute; left:50%; top:50%; box-sizing:border-box; width:1200px; 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; }
.howto.event_layer_popup .content { top:50%;margin-top: -296px;; width:1200px; -ms-transform:translateX(0%) translateY(0%); transform:translateX(0%) translateY(0%);margin-left: -600px; }
.howto.event_layer_popup .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;}
.howto.event_layer_popup .content .btn_today.active{background: url(https://ssl.nexon.com/s2/game/fo4/event/2020/200402_layer_common_/check.png) 0 -37px no-repeat;}
.howto.event_layer_popup .content .btn_close { z-index:16; position:absolute; left:auto;right:0;top:0; width:67px; height:67px; background:none;}
.howto.event_layer_popup .content .title { z-index:10; height:64px; font-weight:500; font-size:20px; line-height:67px; color:#000000; text-align:center; box-shadow:inset 0 -1px 0 rgba(220,220,220,1); position: relative; background-color:#ffffff; }
.howto.event_layer_popup .content .howto { position:relative; width:1200px; height:592px; background:url("https://ssl.nexon.com/s2/game/fo4/event/2022/220908_diy_7dyduhdehe0j/tip.png") left top no-repeat; }
.howto.event_layer_popup .content .howto .btn_mission { z-index:4; position:absolute; left:160px; top:560px; width:280px; height:58px; background:url("https://ssl.nexon.com/s2/game/fo4/common/transparent.png") left top repeat; }
.howto.event_layer_popup .content .howto .playt1{position: absolute;top:251px;left:640px;width: 500px;text-align: center;line-height: 1.5;;font-size: 20px;color: #000;font-weight: 600;}
.howto.event_layer_popup .content .howto .playt1 span{display: inline;line-height: 1.5;;font-size: 20px;color: #000;font-weight: 600;}
.howto.event_layer_popup .content .howto .playt1 .t1{color: #008ae2;;}
.howto.event_layer_popup .content .howto .playt2{position: absolute;top:431px;left:640px;width: 500px;text-align: center;line-height: 1.5;;font-size: 20px;color: #000;font-weight: 600;}
.howto.event_layer_popup .content .howto .playt2 span{display: inline;line-height: 1.5;;font-size: 20px;color: #000;font-weight: 600;}
.howto.event_layer_popup .content .howto .playt2 .t1{color: #008ae2;;}
.howto.event_layer_popup .content .howto .playt2 .t2{color: #e20000;;}
.howto.event_layer_popup .content .howto .p_fieldset{position: absolute;top:347px;left:640px;width: 500px;padding-left: 278px;box-sizing: border-box;}
.howto.event_layer_popup .content .howto .p_fieldset > input{position: absolute;top: 11px;left: 98px;z-index: 1;width: 61px;height: 32px;line-height: 32px;text-align: center;}
.howto.event_layer_popup .content .howto .p_fieldset .selector div{line-height: 59px;float: left;margin-right: 10px;;}
.howto.event_layer_popup .content .howto .p_fieldset .selector div input[type=checkbox]{display: none;}
.howto.event_layer_popup .content .howto .p_fieldset .selector div input[type=checkbox]:checked + label span{background: url(https://ssl.nexon.com/s2/game/fo4/event/2022/220908_diy_7dyduhdehe0j/tipradio.png) -71px 0 no-repeat;}
.howto.event_layer_popup .content .howto .p_fieldset .selector div label{padding-left: 25px;position: relative;line-height: 59px;vertical-align: top;cursor: pointer;}
.howto.event_layer_popup .content .howto .p_fieldset .selector div label span{position: absolute;top:2px;left:0;width: 15px;height: 15px;background: url(https://ssl.nexon.com/s2/game/fo4/event/2022/220908_diy_7dyduhdehe0j/tipradio.png) 0 0 no-repeat;;}