@charset "UTF-8";@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css");.e-shadow{display:none;overflow:hidden;z-index:90;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.8)}.pager{clear:both;position:relative;height:24px;text-align:center;font-size:0;z-index:1;*z-index:3}.pager.even.last_child{border-bottom:0}.pager a{display:inline-block;height:24px;margin:0 10px;color:#6e748c;text-align:center;line-height:24px;font-size:15px;letter-spacing:-0.1em;*display:inline;*zoom:1}.pager a:hover{text-decoration:none}.pager a.first:hover,.pager a.previous:hover,.pager a.next:hover,.pager a.last:hover{padding:0}.pager .first,.pager .previous,.pager .next,.pager .last{display:inline-block;overflow:hidden;width:24px;height:24px;text-indent:-10000px;border:0}.pager .previous{margin:0;background:transparent url("images/btn_paging_prev.png") 50% 50% no-repeat}.pager .next{background:transparent url("images/btn_paging_next.png") 50% 50% no-repeat}.pager .current{display:inline-block;height:24px;margin:0 10px;text-align:center;line-height:24px;font-size:15px;color:#292c40;letter-spacing:-0.1em}.pager .disabled{display:none}.pager span,.pager a,.pager a:hover{display:inline-block;vertical-align:top}*+html .pager{margin-top:0}.point{color:#ce6a35}.font-def{font-family:"Pretendard","Noto Sans","Lucida Sans Unicode","Lucida Grande","Tahoma","Arial",sans-serif}.font-pret,.e-period,.e-contents .notice .notice-title,.e-contents .notice-list li,.e-contents .notice-center li{font-family:"Pretendard","Escoredream","Segoe UI","Noto Sans","Lucida Sans Unicode","Lucida Grande","Tahoma","Arial",sans-serif}.e-shadow{display:none;overflow:hidden;z-index:90;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.8)}.e-header{position:relative}.e-skip,.custom-select .select-items label input,.custom-select .select-items label input,.e-header #fire{position:absolute;left:-9999px;width:1px;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden}html,body{background-color:#000;min-width:1280px}body.modal-open{overflow:hidden}button{border:none 0;outline:none 0;cursor:pointer;background-color:transparent}.e-btn{display:block;font-size:0;text-indent:-9999em}.e-blind,.e-header .bi a,.e-header .e-main span,.e-header .bg-title,.e-header .speech-bubble,.e-nav .navigation a,.btn-top,.e-contents .select-title,.e-contents .btn-wrap .e-btn,.e-event1 .cont3 .btn-check-wrap .btn-check,.e-event2 .list-item button,div[class*="popup-"] .btn-close{font-size:0;text-indent:-9999em}.ellipsis1{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:break-all}.ellipsis2{overflow:hidden;white-space:normal;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:keep-all}.ellipsis3{overflow:hidden;white-space:normal;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-break:keep-all}.ellipsis4{overflow:hidden;white-space:normal;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;word-break:keep-all}.e-container{position:relative;max-width:1920px;margin:0 auto}.custom-select{position:relative;box-sizing:border-box;text-align:left}.custom-select .selected{display:block;box-sizing:border-box;text-align:center;padding-left:20px;padding-right:48px;width:100%;height:100%;letter-spacing:-0.5px;cursor:pointer;line-height:56px;font-size:18px;color:#004aa4;background-color:#fff;background:url("images/ico_arrow.png") calc(100% - 18px) 50% no-repeat}.custom-select .select-items{display:none;overflow-y:auto;position:absolute;left:-1px;z-index:3;width:100%;max-height:400px;line-height:inherit;font-size:inherit;background-color:inherit;border-color:inherit;border-width:1px;border-style:solid;border-top:none 0;scrollbar-base-color:#58301e;scrollbar-arrow-color:#58301e;scrollbar-shadow-color:#58301e;scrollbar-highlight-color:#000}.custom-select .select-items::-webkit-scrollbar{width:8px}.custom-select .select-items::-webkit-scrollbar-track{background:#fff}.custom-select .select-items::-webkit-scrollbar-thumb{background:#728ce2}.custom-select .select-items::-webkit-scrollbar-button:start:decrement{width:0;height:0;background:#000}.custom-select .select-items::-webkit-scrollbar-button:end:increment{width:0;height:0;background:#000}.custom-select .select-items label{display:block;box-sizing:border-box;position:relative;background-color:inherit;cursor:pointer}.custom-select .select-items label input:checked+span{background-color:#b8cbff}.custom-select .select-items label span{display:block;text-align:left;padding:15px 0 15px 20px;line-height:inherit;font-size:inherit;border-color:inherit}.custom-select .select-items label span:hover{background-color:#b8cbff}.custom-select .select-items label li{height:48px;font-weight:bold}.opened .select-items{display:block}.e-header{position:relative;width:100%;height:820px;overflow:hidden;background:url("images/bg_header1.jpg") 50% 0 no-repeat}.e-header::after{content:"";display:block;width:100%;height:100%;background:url("images/bg_header2.jpg") 50% 0 no-repeat;position:absolute;top:0;left:0;animation:opacity_header .7s .2s ease-in forwards,opacity_infinite 1.6s 1.3s ease-in infinite;opacity:0;animation-fill-mode:forwards}.e-header .bi{width:190px;height:95px;position:absolute;top:30px;left:40px;z-index:999}.e-header .bi a{display:block;width:100%;height:100%;background:url("images/bi.png") 50% 0 no-repeat}.e-header .badge{position:absolute;right:60px;top:14px;z-index:5}.e-header .e-main{display:block;width:766px;height:513px;position:absolute;left:50%;transform:translateX(-50%);top:172px;margin-left:1px;transform-origin:center}.e-header .e-main span{opacity:0}.e-header .e-util{overflow:hidden;position:absolute;z-index:5;font-size:0;top:50px;right:45px;-webkit-transition:opacity .5s .5s ease-out;transition:opacity .5s .5s ease-out}.e-header .e-util a,.e-header .e-util #closeToday,.e-header .e-util input[type="checkbox"]+label,.e-header .e-util input[type="checkbox"]+span{display:inline-block;overflow:hidden;background-image:url(images/img_util.png);background-repeat:no-repeat}.e-header .e-util a{width:48px;height:48px}.e-header .e-util a:hover{background-position-y:100%}.e-header .e-util input[type="checkbox"]+label,.e-header .e-util input[type="checkbox"]+span{display:block;cursor:pointer;position:relative;width:auto;height:48px}.e-header .e-util input[type="checkbox"]{position:absolute;visibility:hidden}.e-header .e-util input[type="checkbox"]:checked+label,.e-header .e-util input[type="checkbox"]:checked+span{background-position-y:100%}.e-header .e-util #closeToday{padding-right:10px}.e-header .e-util .btn-home{margin-right:7px;background-position:-220px 0}.e-header .e-util .btn-download{background-position:100% 0}.e-header .e-util input[type="checkbox"]+span{font-size:14px;line-height:46px;color:#fff;padding-left:24px;text-shadow:0 0 6px rgba(0,0,0,0.7)}.e-header .bg-title{width:1025px;height:307px;background:url("images/title.png") 50% 0 no-repeat;position:absolute;top:70px;left:50%;transform:translateX(-50%);animation:slideUp .4s ease-out forwards}.e-header .speech-bubble{width:322px;height:223px;position:absolute;right:290px;top:60px;z-index:3;pointer-events:none;background:url("images/speech_bubble.png") 50% 0 no-repeat;transform-origin:85% 95%;animation:bubbleEnterSoftWiggle .9s ease-out forwards}@media screen and (max-width:1440px){.e-header .speech-bubble{right:0}}.e-nav{width:100%;position:absolute;top:820px;left:0;z-index:15;background:url("images/bg_nav.jpg") 50% 0 no-repeat;box-shadow:0 3px 15px rgba(0,0,0,0.5)}.e-nav--fixed{position:fixed;top:0;max-width:1920px;left:50%;transform:translateX(-50%);box-shadow:0 3px 15px rgba(0,0,0,0.5);background-color:#e9e9e9}.e-nav .navigation{position:relative;max-width:1200px;height:120px;margin:0 auto;display:flex;justify-content:center;align-items:center}.e-nav .navigation a{display:block;width:400px;height:100%;background:url("images/nav.png") no-repeat}.e-nav .navigation a:nth-child(1){background-position-x:calc(-400px * 1 + 400px)}.e-nav .navigation a:nth-child(2){background-position-x:calc(-400px * 2 + 400px)}.e-nav .navigation a:nth-child(3){background-position-x:calc(-400px * 3 + 400px)}.e-nav .navigation a:hover{background-position-y:50%}.e-nav .navigation a.active{background-position-y:100%}.e-footer{height:68px;background-color:#000;text-align:center}.e-footer p{text-indent:unset;letter-spacing:0;line-height:68px;font-size:12px;color:rgba(255,255,255,0.5)}.e-period{white-space:nowrap;color:#003a98;font-size:24px;font-weight:600;text-align:center;line-height:30px;position:absolute;left:50%;transform:translateX(-50%)}.btn-top{width:62px;height:62px;position:fixed;right:calc((100vw - min(100vw, 1920px) + 100px) / 2);bottom:60px;background:url("images/btn_top.png") 0 0 no-repeat;opacity:0;-webkit-transition:opacity .5s ease;transition:opacity .5s ease;filter:drop-shadow(0 0 10px rgba(0,0,0,0.5))}.btn-top:hover{background-position-y:100%}.btn-top.active{opacity:1;z-index:5}.e-contents{padding-top:120px}.e-contents .cont-select-wrap{position:absolute;display:flex;justify-content:space-between;top:600px;left:55%;transform:translateX(-50%);width:860px;z-index:1}.e-contents #server,.e-contents #char{display:flex;align-items:center}.e-contents .custom-select{background-color:#c7e0ff;border:1px solid #0067e5;width:308px;height:58px;box-shadow:inset 0 3px 4px rgba(0,0,0,0.3)}.e-contents .btn-wrap{position:absolute;left:50%;transform:translateX(-50%)}.e-contents .btn-wrap .e-btn{width:907px;height:145px}.e-contents .btn-wrap .e-btn.btn-shop{background:url("images/btn_shop.png") no-repeat}.e-contents .btn-wrap .e-btn.btn-rewards-list{background:url("images/btn_rewards_list.png") no-repeat}.e-contents .btn-wrap .e-btn:hover{background-position-y:100%}.e-contents .notice{position:relative;width:1200px;margin:auto}.e-contents .notice .notice-title{text-align:start;color:#9f5e7a;font-size:26px;font-weight:bold;padding-left:32px;margin-bottom:20px}.e-contents .notice .notice-title::before{content:"";width:26px;height:26px;background:url("images/ico_attention.png") no-repeat;position:absolute;left:0;top:3px}.e-contents .notice-list,.e-contents .notice-center{position:relative;width:1200px;margin:auto}.e-contents .notice-list li,.e-contents .notice-center li{position:relative;padding-left:20px;margin-bottom:8px;font-size:18px;font-weight:400;line-height:28px;color:#9f5e7a}.e-contents .notice-list li p:not(:last-child),.e-contents .notice-center li p:not(:last-child){margin-bottom:6px}.e-contents .notice-list li::before,.e-contents .notice-center li::before{position:absolute;left:0;top:-4px;content:"※"}.e-contents .notice-list li.point-mark::before,.e-contents .notice-center li.point-mark::before{color:#ce6a35}.e-contents .sub-list li{padding-left:44px}.e-contents .sub-list li::before{position:absolute;left:0;top:-2px}.e-contents .sub-list li:first-child::before{content:"Ex1)"}.e-contents .sub-list li:nth-child(2)::before{content:"Ex2)"}.e-contents .notice-list{text-align:left}.e-contents .notice-center{text-align:center}.e-contents .notice-center li{padding-left:0}.e-contents .notice-center li::before{display:none}.e-contents .notice-center li p{position:relative;display:inline-block;padding-left:20px;max-height:46px;overflow:hidden;color:#9f5e7a}.e-contents .notice-center li p .point{color:#ff3665;font-weight:600}.e-contents .notice-center li p::before{position:absolute;left:0;content:"※"}.e-event1{position:relative;top:0;left:0}.e-event1 .cont1{position:relative;width:100%;background:url("images/bg_event1_1.jpg") 50% 0 no-repeat}.e-event1 .cont1 .cont-wrap{position:relative;width:1280px;height:100%;margin:auto}.e-event1 .cont2{position:relative;width:100%;background:url("images/bg_event1_2.jpg") 50% 0 no-repeat}.e-event1 .cont2 .cont-wrap{position:relative;width:1280px;height:100%;margin:auto}.e-event1 .cont3{position:relative;width:100%;background:url("images/bg_event1_3.jpg") 50% 0 no-repeat}.e-event1 .cont3 .cont-wrap{position:relative;width:1280px;height:100%;margin:auto}.e-event1 .cont1{height:1180px}.e-event1 .cont1 .e-period{top:404px}.e-event1 .cont1 .notice-list{top:1018px}.e-event1 .cont2{height:2080px}.e-event1 .cont2 .e-period{top:484px}.e-event1 .cont3{height:2387px}.e-event1 .cont3 .e-period{top:434px}.e-event1 .cont3 .btn-check-wrap{position:absolute;bottom:650px;right:40px}.e-event1 .cont3 .btn-check-wrap .btn-check{width:330px;height:40px}.e-event1 .cont3 .btn-wrap{bottom:459px}.e-event1 .cont3 .notice{top:1980px}.e-event2 .cont1{height:2097px;position:relative;text-align:center;background:url("images/bg_event2_1.jpg") 50% 0 no-repeat}.e-event2 .cont1 .cont-wrap{position:relative;width:1280px;height:100%;margin:auto}.e-event2 .cont1 .e-period{top:405px}.e-event2 .cont1 .notice{top:1654px}.e-event2 .list-item{width:1110px;position:absolute;top:710px;left:50%;transform:translateX(-50%)}.e-event2 .list-item ul{display:flex;justify-content:space-between;flex-wrap:wrap;width:1110px;margin:auto}.e-event2 .list-item ul li{width:354px;height:423px;display:flex;justify-content:center;align-items:flex-end;padding:30px 0;margin-bottom:24px;box-sizing:border-box}.e-event2 .list-item button{display:block;width:203px;height:56px;background:url("images/btn_reward.png") no-repeat;background-position-y:50%}.e-event2 .list-item button:hover:not(:disabled){background-position-y:100%}.e-event2 .list-item button[disabled]{background-position-y:0;pointer-events:none;cursor:auto}.e-event3 .cont1{position:relative;width:100%;background:url("images/bg_event3_1.jpg") 50% 0 no-repeat}.e-event3 .cont1 .cont-wrap{position:relative;width:1280px;height:100%;margin:auto}.e-event3 .cont2{position:relative;width:100%;background:url("images/bg_event3_2.jpg") 50% 0 no-repeat}.e-event3 .cont2 .cont-wrap{position:relative;width:1280px;height:100%;margin:auto}.e-event3 .cont3{position:relative;width:100%;background:url("images/bg_event3_3.jpg") 50% 0 no-repeat}.e-event3 .cont3 .cont-wrap{position:relative;width:1280px;height:100%;margin:auto}.e-event3 .cont4{position:relative;width:100%;background:url("images/bg_event3_4.jpg") 50% 0 no-repeat}.e-event3 .cont4 .cont-wrap{position:relative;width:1280px;height:100%;margin:auto}.e-event3 .cont1{height:1450px}.e-event3 .cont1 .e-period{top:404px}.e-event3 .cont2{height:1140px}.e-event3 .cont3{height:1280px}.e-event3 .cont4{height:1179px}.e-event3 .cont4 .btn-wrap{bottom:149px}.e-event3 .cont4 .btn-wrap .btn-rewards-list{width:907px;height:145px;background:url("images/btn_rewards_list.png") no-repeat}.e-event3 .cont4 .btn-wrap .btn-rewards-list:hover{background-position-y:100%}div[class*="popup-"]{display:none;position:fixed;left:50%;z-index:99;box-sizing:border-box;-webkit-transform:translateX(-50%);transform:translateX(-50%)}div[class*="popup-"] .btn-close{display:block;position:absolute;top:31px;right:31px;width:31px;height:31px;background-image:url("images/ico_close.png");background-repeat:no-repeat;background-position:center;padding:10px}div[class*="popup-"] .btn-close:hover{animation:hoverRotate 1s}@keyframes hoverRotate{to{transform:rotate(180deg)}}.e-shadow{display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:15;background:rgba(0,0,0,0.8)}.popup-items{top:10% !important;border:1px solid #ddedff;border-radius:30px;width:1200px}.popup-items .title{width:100%;height:90px;text-align:center;border-radius:30px 30px 0 0;background-color:#003473}.popup-items .title p{color:#b1d5ff;font-size:40px;line-height:90px;font-weight:700}.popup-items .item-list{box-sizing:border-box;width:100%;overflow-y:auto;height:1000px;max-height:70vh;padding:40px;border-radius:0 0 30px 30px;background-color:#b1d5ff}.popup-items .item-list>ul{display:flex;align-items:flex-start;gap:24px;height:calc(100% - 24px)}.popup-items .item-list>ul .item-wrap{width:100%;text-align:center}.popup-items .item-list>ul .item-wrap .item-tit{background-color:#0067e5;height:80px;line-height:80px;border-radius:17px 17px 0 0;font-size:28px;color:#fff}.popup-items .item-list>ul .item-wrap .item-cont{background-color:#fff;box-sizing:border-box;border-radius:0 0 17px 17px;height:440px;max-height:440px;overflow-y:auto;padding:24px 0}.popup-items .item-list>ul .item-wrap .item-cont::-webkit-scrollbar{width:6px}.popup-items .item-list>ul .item-wrap .item-cont::-webkit-scrollbar-track{background:#eef3f9;border-radius:10px}.popup-items .item-list>ul .item-wrap .item-cont::-webkit-scrollbar-thumb{background:#cbe2ff;border-radius:10px}.popup-items .item-list>ul .item-wrap .item-cont::-webkit-scrollbar-thumb:hover{background:#a8c4e9}.popup-items .item-list>ul .item-wrap .item-cont li{font-size:16px;color:#5386c0}.popup-items .item-list>ul .item-wrap .item-cont li span{font-size:13px}.popup-items .item-list>ul .item-wrap .item-cont li.point{color:#ff3665}.popup-items .item-list>ul .item-wrap .item-cont li:not(:last-child){margin-bottom:6px}.popup-items .item-list li{position:relative;font-size:18px;line-height:21px;color:#c5a99a;font-weight:500}.popup-items .item-list .notice{width:auto;font-size:16px;color:#5386c0}@media screen and (max-width:1440px){.btn-top{right:40px;margin-right:0}}@keyframes opacity_header{0%{opacity:0}100%{opacity:1}}@keyframes opacity_infinite{0%,100%{opacity:1}50%{opacity:.8}}@keyframes slideUp{from{transform:translate(-50%,40px);opacity:0}to{transform:translate(-50%,0);opacity:1}}@keyframes bubbleEnter{from{transform:scale(0.92);opacity:0}to{transform:scale(1);opacity:1}}@keyframes bubbleEnterSoftWiggle{0%{transform:scale(0.95) rotate(0);opacity:0}55%{transform:scale(1) rotate(0);opacity:1}75%{transform:rotate(1.8deg)}88%{transform:rotate(-0.6deg)}100%{transform:rotate(0)}}