@charset "UTF-8";@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");@font-face{font-family:"DnfTemperedBlade";src:url("./fonts/DNFForgedBlade-Bold.subset.woff2") format("woff2");font-weight:700;font-display:swap}.flex-center,.content-event2 .cont2 .category-list li button{display:flex;align-items:center;justify-content:center}.content-event2 .cont1 .slide-box .btn-more,.content-event2 .cont1 .slide-box .btn-pop-mission,.content-event2 .cont2 .slide-box .btn-price,.content-event2 .cont2 .slide-box .btn-pop-mission,.pop-mission p,.pop-mission span,.pop-mission em{font-family:"Pretendard Variable",Pretendard,"NotoSans Regular","맑은 고딕","Malgun Gothic","돋움","dotum","Apple SD Gothic Neo","Arial","Tahoma",sans-serif}.pop-mission .mission-title{font-family:"DnfTemperedBlade","Pretendard Variable",Pretendard,"NotoSans Regular","맑은 고딕","Malgun Gothic","돋움","dotum","Apple SD Gothic Neo","Arial","Tahoma",sans-serif}.e-skip,.hide{position:absolute;left:-9999px;width:1px;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden}.e-blind,.content-event2 .btn-event,.content-event2 .btn-sales{font-size:0;color:transparent;text-indent:-9999em;line-height:0}#sales{scroll-margin-top:100px}.content-event2{width:100%;margin-top:115px}.content-event2 .cont1{position:relative;text-align:center;background:url("../20261022_server_2/images/bg_event2_1.jpg") 50% 0 no-repeat}.content-event2 .cont1 .cont-wrap{width:1010px;height:100%;margin:auto}.content-event2 .cont2{position:relative;text-align:center;background:url("../20261022_server_2/images/bg_event2_2.jpg") 50% 0 no-repeat}.content-event2 .cont2 .cont-wrap{width:1010px;height:100%;margin:auto}.content-event2 .cont1{height:1037px}.content-event2 .cont1 .slide-box{top:395px;width:1010px;height:378px;position:relative}.content-event2 .cont1 .slide-box .slide-list01{width:100%;height:100%}.content-event2 .cont1 .slide-box .slide-item1-1{width:320px;height:100%;background-color:blue;position:relative;text-align:center;background:url("../20261022_server_2/images/event_slide1.png") 50% 0 no-repeat;filter:drop-shadow(2px 2px 6px rgba(167,231,255,0.6)) drop-shadow(2px 2px 8px rgba(167,232,255,0.041)) drop-shadow(2px 2px 2px rgba(21,78,99,0.3));display:flex;justify-content:center;align-items:flex-end;padding-bottom:20px;box-sizing:border-box}.content-event2 .cont1 .slide-box .slide-item1-2{width:320px;height:100%;background-color:blue;position:relative;text-align:center;background:url("../20261022_server_2/images/event_slide2.png") 50% 0 no-repeat;filter:drop-shadow(2px 2px 6px rgba(167,231,255,0.6)) drop-shadow(2px 2px 8px rgba(167,232,255,0.041)) drop-shadow(2px 2px 2px rgba(21,78,99,0.3));display:flex;justify-content:center;align-items:flex-end;padding-bottom:20px;box-sizing:border-box}.content-event2 .cont1 .slide-box .slide-item1-3{width:320px;height:100%;background-color:blue;position:relative;text-align:center;background:url("../20261022_server_2/images/event_slide3.png") 50% 0 no-repeat;filter:drop-shadow(2px 2px 6px rgba(167,231,255,0.6)) drop-shadow(2px 2px 8px rgba(167,232,255,0.041)) drop-shadow(2px 2px 2px rgba(21,78,99,0.3));display:flex;justify-content:center;align-items:flex-end;padding-bottom:20px;box-sizing:border-box}.content-event2 .cont1 .slide-box .slide-item1-4{width:320px;height:100%;background-color:blue;position:relative;text-align:center;background:url("../20261022_server_2/images/event_slide4.png") 50% 0 no-repeat;filter:drop-shadow(2px 2px 6px rgba(167,231,255,0.6)) drop-shadow(2px 2px 8px rgba(167,232,255,0.041)) drop-shadow(2px 2px 2px rgba(21,78,99,0.3));display:flex;justify-content:center;align-items:flex-end;padding-bottom:20px;box-sizing:border-box}.content-event2 .cont1 .slide-box .slide-item1-5{width:320px;height:100%;background-color:blue;position:relative;text-align:center;background:url("../20261022_server_2/images/event_slide5.png") 50% 0 no-repeat;filter:drop-shadow(2px 2px 6px rgba(167,231,255,0.6)) drop-shadow(2px 2px 8px rgba(167,232,255,0.041)) drop-shadow(2px 2px 2px rgba(21,78,99,0.3));display:flex;justify-content:center;align-items:flex-end;padding-bottom:20px;box-sizing:border-box}.content-event2 .cont1 .slide-box .slide-item1-6{width:320px;height:100%;background-color:blue;position:relative;text-align:center;background:url("../20261022_server_2/images/event_slide6.png") 50% 0 no-repeat;filter:drop-shadow(2px 2px 6px rgba(167,231,255,0.6)) drop-shadow(2px 2px 8px rgba(167,232,255,0.041)) drop-shadow(2px 2px 2px rgba(21,78,99,0.3));display:flex;justify-content:center;align-items:flex-end;padding-bottom:20px;box-sizing:border-box}.content-event2 .cont1 .slide-box .slide-item1-7{width:320px;height:100%;background-color:blue;position:relative;text-align:center;background:url("../20261022_server_2/images/event_slide7.png") 50% 0 no-repeat;filter:drop-shadow(2px 2px 6px rgba(167,231,255,0.6)) drop-shadow(2px 2px 8px rgba(167,232,255,0.041)) drop-shadow(2px 2px 2px rgba(21,78,99,0.3));display:flex;justify-content:center;align-items:flex-end;padding-bottom:20px;box-sizing:border-box}.content-event2 .cont1 .slide-box .slide-item1-8{width:320px;height:100%;background-color:blue;position:relative;text-align:center;background:url("../20261022_server_2/images/event_slide8.png") 50% 0 no-repeat;filter:drop-shadow(2px 2px 6px rgba(167,231,255,0.6)) drop-shadow(2px 2px 8px rgba(167,232,255,0.041)) drop-shadow(2px 2px 2px rgba(21,78,99,0.3));display:flex;justify-content:center;align-items:flex-end;padding-bottom:20px;box-sizing:border-box}.content-event2 .cont1 .slide-box .slide-item1-9{width:320px;height:100%;background-color:blue;position:relative;text-align:center;background:url("../20261022_server_2/images/event_slide9.png") 50% 0 no-repeat;filter:drop-shadow(2px 2px 6px rgba(167,231,255,0.6)) drop-shadow(2px 2px 8px rgba(167,232,255,0.041)) drop-shadow(2px 2px 2px rgba(21,78,99,0.3));display:flex;justify-content:center;align-items:flex-end;padding-bottom:20px;box-sizing:border-box}.content-event2 .cont1 .slide-box .slide-item1-10{width:320px;height:100%;background-color:blue;position:relative;text-align:center;background:url("../20261022_server_2/images/event_slide10.png") 50% 0 no-repeat;filter:drop-shadow(2px 2px 6px rgba(167,231,255,0.6)) drop-shadow(2px 2px 8px rgba(167,232,255,0.041)) drop-shadow(2px 2px 2px rgba(21,78,99,0.3));display:flex;justify-content:center;align-items:flex-end;padding-bottom:20px;box-sizing:border-box}.content-event2 .cont1 .slide-box .btn-more,.content-event2 .cont1 .slide-box .btn-pop-mission{background:url("../20261022_server_2/images/btn_more.jpg") no-repeat;width:262px;height:52px;cursor:pointer;color:#202640;font-size:22px;font-weight:600;filter:drop-shadow(4px 4px 6px rgba(167,231,255,0.15)) drop-shadow(4px 6px 8px rgba(29,110,139,0.22))}.content-event2 .cont1 .slide-box .btn-more:not(:disabled):hover,.content-event2 .cont1 .slide-box .btn-more:not(:disabled).active,.content-event2 .cont1 .slide-box .btn-pop-mission:not(:disabled):hover,.content-event2 .cont1 .slide-box .btn-pop-mission:not(:disabled).active{background-position-y:100%;color:#fff}.content-event2 .cont1 .slide-box .btn-more:disabled,.content-event2 .cont1 .slide-box .btn-pop-mission:disabled{pointer-events:none;cursor:auto;filter:grayscale(1);opacity:.8}.content-event2 .cont2{height:1164px;position:relative;width:100%}.content-event2 .cont2 .category-list{width:958px;height:56px;background:url("../20261022_server_2/images/bg_sales_nav.png") no-repeat;display:flex;position:relative;top:355px;gap:70px;left:50%;transform:translateX(-50%);display:grid;grid-template-columns:repeat(3,1fr)}.content-event2 .cont2 .category-list li{width:100%}.content-event2 .cont2 .category-list li button{width:100%;height:100%;background-color:unset;cursor:pointer;transition:all .3s;position:relative}.content-event2 .cont2 .category-list li button p{color:#7182ba;transition:all .3s;font-size:22px;font-weight:600;z-index:1}.content-event2 .cont2 .category-list li button:hover p{color:#fff}.content-event2 .cont2 .category-list li button.active p{color:#fff}.content-event2 .cont2 .category-list li button.active::after{opacity:0;content:"";position:absolute;width:322px;height:58px;left:50%;top:50%;transform:translate(-50%,-50%);background-image:url("../20261022_server_2/images/bg_sales_nav--active.png");animation:opacityObj .2s ease-out forwards}.content-event2 .cont2 .slide-box{top:390px;left:50%;transform:translateX(-50%);width:1048px;height:398px;position:relative}.content-event2 .cont2 .slide-box .slide-wrap{padding:0;margin-left:0}.content-event2 .cont2 .slide-box .slide-list02{width:100%;height:100%;gap:0}.content-event2 .cont2 .slide-box .slide-item2-1{width:349px;height:100%;position:relative;text-align:center;background:url("images/sales_slide1.png") 50% 0 no-repeat;filter:drop-shadow(2px 2px 6px rgba(167,231,255,0.6)) drop-shadow(2px 2px 8px rgba(167,232,255,0.041)) drop-shadow(2px 2px 2px rgba(21,78,99,0.3));display:flex;justify-content:center;align-items:flex-end;padding-bottom:50px;box-sizing:border-box}.content-event2 .cont2 .slide-box .slide-item2-2{width:349px;height:100%;position:relative;text-align:center;background:url("images/sales_slide2.png") 50% 0 no-repeat;filter:drop-shadow(2px 2px 6px rgba(167,231,255,0.6)) drop-shadow(2px 2px 8px rgba(167,232,255,0.041)) drop-shadow(2px 2px 2px rgba(21,78,99,0.3));display:flex;justify-content:center;align-items:flex-end;padding-bottom:50px;box-sizing:border-box}.content-event2 .cont2 .slide-box .slide-item2-3{width:349px;height:100%;position:relative;text-align:center;background:url("images/sales_slide3.png") 50% 0 no-repeat;filter:drop-shadow(2px 2px 6px rgba(167,231,255,0.6)) drop-shadow(2px 2px 8px rgba(167,232,255,0.041)) drop-shadow(2px 2px 2px rgba(21,78,99,0.3));display:flex;justify-content:center;align-items:flex-end;padding-bottom:50px;box-sizing:border-box}.content-event2 .cont2 .slide-box .slide-item2-4{width:349px;height:100%;position:relative;text-align:center;background:url("images/sales_slide4.png") 50% 0 no-repeat;filter:drop-shadow(2px 2px 6px rgba(167,231,255,0.6)) drop-shadow(2px 2px 8px rgba(167,232,255,0.041)) drop-shadow(2px 2px 2px rgba(21,78,99,0.3));display:flex;justify-content:center;align-items:flex-end;padding-bottom:50px;box-sizing:border-box}.content-event2 .cont2 .slide-box .slide-item2-5{width:349px;height:100%;position:relative;text-align:center;background:url("images/sales_slide5.png") 50% 0 no-repeat;filter:drop-shadow(2px 2px 6px rgba(167,231,255,0.6)) drop-shadow(2px 2px 8px rgba(167,232,255,0.041)) drop-shadow(2px 2px 2px rgba(21,78,99,0.3));display:flex;justify-content:center;align-items:flex-end;padding-bottom:50px;box-sizing:border-box}.content-event2 .cont2 .slide-box .slide-item2-6{width:349px;height:100%;position:relative;text-align:center;background:url("images/sales_slide6.png") 50% 0 no-repeat;filter:drop-shadow(2px 2px 6px rgba(167,231,255,0.6)) drop-shadow(2px 2px 8px rgba(167,232,255,0.041)) drop-shadow(2px 2px 2px rgba(21,78,99,0.3));display:flex;justify-content:center;align-items:flex-end;padding-bottom:50px;box-sizing:border-box}.content-event2 .cont2 .slide-box .slide-item2-7{width:349px;height:100%;position:relative;text-align:center;background:url("images/sales_slide7.png") 50% 0 no-repeat;filter:drop-shadow(2px 2px 6px rgba(167,231,255,0.6)) drop-shadow(2px 2px 8px rgba(167,232,255,0.041)) drop-shadow(2px 2px 2px rgba(21,78,99,0.3));display:flex;justify-content:center;align-items:flex-end;padding-bottom:50px;box-sizing:border-box}.content-event2 .cont2 .slide-box .slide-item2-8{width:349px;height:100%;position:relative;text-align:center;background:url("images/sales_slide8.png") 50% 0 no-repeat;filter:drop-shadow(2px 2px 6px rgba(167,231,255,0.6)) drop-shadow(2px 2px 8px rgba(167,232,255,0.041)) drop-shadow(2px 2px 2px rgba(21,78,99,0.3));display:flex;justify-content:center;align-items:flex-end;padding-bottom:50px;box-sizing:border-box}.content-event2 .cont2 .slide-box .slide-item2-9{width:349px;height:100%;position:relative;text-align:center;background:url("images/sales_slide9.png") 50% 0 no-repeat;filter:drop-shadow(2px 2px 6px rgba(167,231,255,0.6)) drop-shadow(2px 2px 8px rgba(167,232,255,0.041)) drop-shadow(2px 2px 2px rgba(21,78,99,0.3));display:flex;justify-content:center;align-items:flex-end;padding-bottom:50px;box-sizing:border-box}.content-event2 .cont2 .slide-box .btn-price,.content-event2 .cont2 .slide-box .btn-pop-mission{background:url("../20261022_server_2/images/btn_more.jpg") no-repeat;width:262px;height:52px;cursor:pointer;color:#202640;font-size:22px;font-weight:600;filter:drop-shadow(4px 4px 6px rgba(167,231,255,0.15)) drop-shadow(4px 6px 8px rgba(29,110,139,0.22))}.content-event2 .cont2 .slide-box .btn-price:not(:disabled):hover,.content-event2 .cont2 .slide-box .btn-price:not(:disabled).active,.content-event2 .cont2 .slide-box .btn-pop-mission:not(:disabled):hover,.content-event2 .cont2 .slide-box .btn-pop-mission:not(:disabled).active{background-position-y:100%;color:#fff}.content-event2 .cont2 .slide-box .btn-price:disabled,.content-event2 .cont2 .slide-box .btn-pop-mission:disabled{pointer-events:none;cursor:auto;filter:grayscale(1);opacity:.8}.content-event2 .btn-event{width:430px;height:93px;background:url("images/btn_event.png") no-repeat;bottom:60px}.content-event2 .btn-sales{width:430px;height:93px;background:url("images/btn_sales.png") no-repeat;bottom:122px}.content-event2 .btn-event,.content-event2 .btn-sales{position:absolute;left:50%;width:430px;height:93px;transform:translateX(-50%);cursor:pointer;filter:drop-shadow(2px 3px 8px rgba(167,231,255,0.6)) drop-shadow(6px 10px 21px rgba(167,231,255,0.15)) drop-shadow(6px 12px 28px rgba(21,78,99,0.22))}.content-event2 .btn-event:not(:disabled):hover,.content-event2 .btn-sales:not(:disabled):hover{background-position-y:100%}.content-event2 .btn-event:disabled,.content-event2 .btn-sales:disabled{pointer-events:none;cursor:auto;filter:grayscale(1);opacity:.8}.slide-box{position:relative;width:1010px;height:378px}.slide-box .slide-wrap{width:100%;height:100%;overflow:hidden;padding:0 20px 20px 14px;margin-left:-14px}.slide-box .slide-wrap .slide-list{display:flex;position:relative;gap:25px;left:0}.slide-box .slide-wrap .slide-list li{flex-shrink:0}.slide-box .slide-ctrl{position:absolute;width:1150px;top:56%;left:50%;transform:translate(-50%,-50%);z-index:2}.slide-box .slide-ctrl button{position:absolute;overflow:hidden;display:block;top:50%;transform:translateY(-50%);width:53px;height:62px;background:transparent;text-indent:-1000em;cursor:pointer;background:url("images/slide_arrow.png") no-repeat;filter:drop-shadow(2px 3px 8px rgba(167,231,255,0.6)) drop-shadow(6px 10px 16px rgba(167,231,255,0.15)) drop-shadow(6px 12px 20px rgba(21,78,99,0.22))}.slide-box .slide-ctrl button.prev{left:0;transform:translateY(-50%) scaleX(-1)}.slide-box .slide-ctrl button.next{right:0}.slide-box .slide-ctrl button:hover{background-position-y:100%}.detail-popup{position:fixed;top:0;left:0;z-index:100;background-repeat:no-repeat;background-position:50% 50%;background-size:contain;pointer-events:none;will-change:transform;visibility:hidden;opacity:0;transition:opacity .18s ease}.detail-popup.show{visibility:visible;opacity:1}@media(prefers-reduced-motion:reduce){.detail-popup{transition-duration:.01ms}}.detail-popup.popup-1-2{background-image:url("images/event_hover1_2.png")}.detail-popup.popup-1-3{background-image:url("images/event_hover1_3.png")}.detail-popup.popup-1-4{background-image:url("images/event_hover1_4.png")}.detail-popup.popup-1-5{background-image:url("images/event_hover1_5.png")}.detail-popup.popup-1-6{background-image:url("images/event_hover1_6.png")}.detail-popup.popup-1-7{background-image:url("images/event_hover1_7.png")}.detail-popup.popup-1-8{background-image:url("images/event_hover1_8.png")}.detail-popup.popup-1-9{background-image:url("images/event_hover1_9.png")}.detail-popup.popup-1-10{background-image:url("images/event_hover1_10.png")}.detail-popup.popup-2-1{background-image:url("images/event_hover2_1.png")}.detail-popup.popup-2-2{background-image:url("images/event_hover2_2.png")}.detail-popup.popup-2-3{background-image:url("images/event_hover2_3.png")}.detail-popup.popup-2-4{background-image:url("images/event_hover2_4.png")}.detail-popup.popup-2-5{background-image:url("images/event_hover2_5.png")}.detail-popup.popup-2-6{background-image:url("images/event_hover2_6.png")}.detail-popup.popup-2-7{background-image:url("images/event_hover2_7.png")}.detail-popup.popup-2-8{background-image:url("images/event_hover2_8.png")}html{scrollbar-gutter:stable}body.popup{overflow:hidden}.pop-mission{display:none;position:fixed;z-index:12;inset:0;margin:auto;width:800px;height:calc(100% - 100px);max-height:720px;padding:0 40px;box-sizing:border-box;overflow-y:auto;overscroll-behavior:contain;border:0 solid transparent;border-image:url("../20261008_server/images/bg_pop.png") 80 30 40 fill/80px 30px 40px stretch}.pop-mission::-webkit-scrollbar{width:5px}.pop-mission::-webkit-scrollbar-thumb{height:30%;background:#e6c19d}.pop-mission::-webkit-scrollbar-track{background:rgba(230,193,157,0.2)}.pop-mission .pop-cont .label{font-weight:500}.pop-mission .pop-cont .period{padding-top:unset;padding-left:8px;color:#1f2848}.pop-mission .pop-title-wrap{height:unset;margin:12px 0 22px}.pop-mission .search-area{position:relative;background-color:rgba(79,124,215,0.2);display:flex;justify-content:space-between;align-items:center;height:50px;padding:0 20px}.pop-mission .search-area .label{font-size:16px;color:#1f2848;margin-right:12px}.pop-mission .nickname{background-color:unset;display:block;width:auto;height:auto;line-height:unset;margin:unset;margin-right:110px}.pop-mission .nickname span,.pop-mission .nickname em{display:inline-block;margin-top:6px;font-size:16px;font-weight:500}.pop-mission .nickname em{margin-left:5px}.pop-mission .custom-select{position:relative;background-image:url("images/bg_selected.png");background-repeat:no-repeat;background-position-x:100%;background-position-y:-2px}.pop-mission .mission-list{margin:20px auto;width:100%;background-color:rgba(255,255,255,0.4);overflow:hidden}.pop-mission .mission-list-top{display:flex;text-align:center;background-color:#fff}.pop-mission .mission-list-top p{color:#1f2848;height:40px;line-height:40px;font-size:18px;font-weight:600}.pop-mission .mission-list li{font-size:16px;color:#1f2848;border-bottom:1px solid rgba(31,40,72,0.1)}.pop-mission .mission-list li.point{background-color:rgba(128,176,253,0.4);border-bottom:1px solid rgba(255,255,255,0.4)}.pop-mission .mission-list li:last-child .mission-name{position:relative}.pop-mission .mission-list li:last-child .mission-name::before{content:"";position:absolute;width:40px;height:40px;left:52px;top:0;transform:translateY(-50%);background:url("images/bonus-mission.png") center}.pop-mission .mission-list li>span{display:inline-block;height:42px;font-weight:600;line-height:42px;text-align:center}.pop-mission .pop-close{right:40px;top:40px}.pop-mission .mission-name{width:355px}.pop-mission .mission-state{width:156px;color:#888c97}.pop-mission .mission-count{width:189px}.pop-mission .mission-count span:first-child{color:#888c97}.pop-mission .mission--success .mission-name{color:#1f2848}.pop-mission .mission--success .mission-state{width:156px;color:#0061cf}.pop-mission .mission--success .mission-count span:first-child{color:#0061cf}.pop-mission .btn-close{margin:10px auto 0}.custom-select{box-sizing:border-box;width:260px;height:40px;color:#1f2848;background-color:rgba(23,25,36,0.2);transition:background-color .3s,color .3s}.custom-select:hover{color:#fff;background-color:rgba(23,25,36,0.8)}.custom-select .selected{border:1px solid rgba(255,255,255,0.4);display:block;box-sizing:border-box;padding-left:9px;padding-right:9px;width:100%;height:100%;cursor:pointer;line-height:40px;font-size:16px;font-weight:400;border:1px solid rgba(255,255,255,0.7)}.custom-select .select-items{display:none;box-sizing:border-box;position:absolute;padding:0;overflow:hidden;left:-1px;z-index:3;width:260px;background-color:#fff}.custom-select .select-items>div{overflow-y:auto;max-height:90px;scrollbar-base-color:#8490a1;scrollbar-arrow-color:#8490a1;scrollbar-shadow-color:#8490a1;scrollbar-highlight-color:#f1f1f3}.custom-select .select-items>div::-webkit-scrollbar{width:4px}.custom-select .select-items>div::-webkit-scrollbar-track{background:#f1f1f3}.custom-select .select-items>div::-webkit-scrollbar-thumb{background:#8490a1}.custom-select .select-items>div::-webkit-scrollbar-button:start:decrement{width:0;height:0;background:#f1f1f3}.custom-select .select-items>div::-webkit-scrollbar-button:end:increment{width:0;height:0;background:#f1f1f3}.custom-select .select-items label{display:block;box-sizing:border-box;position:relative;cursor:pointer}.custom-select .select-items label input{overflow:hidden;line-height:0;font-size:0;color:transparent;text-indent:-9999px;position:absolute;visibility:hidden;margin:0;padding:0;width:0;height:0;margin:2px 4px}.custom-select .select-items label input:checked+span,.custom-select .select-items label input:checked ~ span{background-color:rgba(97,117,150,0.5)}.custom-select .select-items span{display:block;height:30px;line-height:30px;padding:0 9px;font-size:16px;color:#000;transition:background-color .2s;margin:2px 4px}.custom-select .select-items span:hover{background-color:rgba(97,117,150,0.5)}.opened .select-items{display:block}@keyframes opacityObj{0%{opacity:0}100%{opacity:1}}