@charset "UTF-8";.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)}html,body{background-color:#000;min-width:1280px}button{padding:0;border:none 0;outline:none 0;cursor:pointer}button:disabled{pointer-events:none}.e-container{position:relative;overflow:hidden;min-width:1280px;max-width:1920px;margin:0 auto}.e-contents{overflow:hidden}.e-event{position:relative;width:1280px;margin:0 auto}.e-event .img-content{margin-left:-320px}.e-wrap{position:relative;width:1280px;margin:0 auto}.e-footer p{overflow:hidden;line-height:0;font-size:0;color:transparent;text-indent:-9999px}.dimmed{opacity:1;overflow:hidden;z-index:90;position:absolute;left:0;top:0;width:100%;height:100%;background:#000}.ie-lower{padding:240px 0;min-height:400px;background:url(//mimage.webzen.kr/community/v01/images/bg_dimmed.png) repeat;text-align:center}.ie-lower .inner{position:relative;margin:0 auto;padding:40px 30px 30px;width:720px;background-color:#fff}.ie-lower h2{line-height:1.6;color:#1a1a1a;font-size:24px}.ie-lower p{line-height:1.6;color:#6f6f6f;font-size:20px}.ie-lower .browser-list{overflow:hidden;width:380px;margin:50px auto 0}.ie-lower .browser-list li{font-size:15px;color:#6f6f6f;float:left;width:50%;padding-top:132px;text-align:center;background:url(//mimage.webzen.kr/template/images/ico_chrome.svg) no-repeat 50% 0/auto 120px}.ie-lower .browser-list li+li{background:url(//mimage.webzen.kr/template/images/ico_edge.svg) no-repeat 50% 0/auto 120px}.ie-lower .browser-list a{display:block;margin:35px auto 10px;width:160px;height:50px;font-family:"Segoe UI","Lucida Sans Unicode","Lucida Grande","Tahoma","Arial","sans-serif";font-weight:bold;line-height:50px;border-radius:4px;font-size:16px;color:#303030;background-color:#f0f0f0}.ie-lower .browser-list a:hover{color:#fff;background-color:#303030}.ie-lower--layer{position:fixed;left:0;top:0;z-index:99999;width:100%;height:100%}.ie-lower-close{overflow:hidden;line-height:0;font-size:0;color:transparent;text-indent:-9999px;position:absolute;right:30px;top:30px;z-index:99999;width:35px;height:35px;background:url(//mimage.webzen.kr/community/v01/images/btn_close.png) no-repeat 50%}.ie-lower.dark{background:#000}.ie-lower.dark .inner{background-color:#000}.ie-lower.dark h2,.ie-lower.dark p{color:#e8d3c0}.ie-lower.dark .browser-list li{padding-top:116px;color:#909090}.ie-lower.dark .browser-list a{color:#303030;background-color:#e8d3c0}.ie-lower.dark .browser-list a:hover{color:#fff;background-color:#303030}.ie-lower.dark .ie-lower-close{background-image:url(//image.webzen.kr/Company/kor/img/popup/ban_popup_close.gif);background-position-x:-1px}.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 6px;color:#c1998c;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:#883f27;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}.e-nav .navigation{width:1280px;margin:0 auto;position:relative}.e-event3 .e-point .btn-item span,.e-event4 .e-ranking .btn-rank span,.e-event5 .e-sales4 .btn-shop span,.e-nav .navigation a,.e-contents .e-title,.e-contents .e-subtitle,.e-contents .e-item .tit,.e-contents .e-btns a,.e-event1 .e-update1 .e-subtitle p,.e-event1 .e-update2 .e-item .box-title,.e-event1 .e-update2 .e-item .box-text,.e-event1 .e-update2 .e-item .item,.e-event1 .e-update3 .e-guide .guide-title,.e-event2 .e-title-sub .sup,.e-event2 .e-title-sub .desc,.e-event2 .e-title-sub h3,.e-event2 .e-update1 .list-step h4,.e-event2 .e-update1 .e-reward p,.e-event2 .e-update3 .e-title-sub .desc,.e-event2 .e-update3 .e-case .top,.e-event3 .e-point .list-info .info-tit,.e-event4 .e-ranking .e-description,.e-event4 .e-ranking .list-info h4,.e-event4 .e-ranking .e-reward h4,.e-event5 .sales-tit .sup,.e-event5 .sales-tit h3{font-family:'Times New Roman',Times,serif}html,body{height:100%;min-height:100%;background-color:#000;min-width:1280px}button{border:none 0;outline:none 0;cursor:pointer;background-color:transparent}.e-skip,.e-header .e-main .sub-title{position:absolute;left:-9999px;width:1px;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden}.e-btn{display:block}.e-hidden{background-color:#fff;opacity:0;filter:alpha(opacity=1)}.e-blind,.e-header .bi a,.e-header .e-main .e-title,.e-header .btn-home,.e-header .btn-down,.e-event3 .e-point .list-exchange .btn-exchange,.e-event5 .e-package,.e-event5 .e-booster{font-size:0;text-indent:-9999em}.e-ellipsis1,.e-event3 .e-point .btn-item span,.e-event4 .e-ranking .btn-rank span,.e-event5 .e-sales4 .btn-shop span,.e-header .e-main .e-period span,.e-contents .e-title,.e-contents .e-subtitle,.e-contents .e-period-box p,.e-contents .my-info .points em,.e-contents .e-btns a,.e-contents .e-period-cont p,.e-contents .e-attention li p,.e-event1 .e-notice li p,.e-event1 .e-update1 .e-subtitle p,.e-event1 .e-update1 .e-item .item-wrap+.item-wrap .text,.e-event1 .e-update1 .e-item .item-wrap .tit,.e-event1 .e-update2 .e-item .box p,.e-event1 .e-update2 .e-item .box-noti ul li,.e-event1 .e-update3 .e-guide .guide-title,.e-event2 .e-title-sub .sup,.e-event2 .e-update1 .list-step h4,.e-event2 .e-update1 .e-reward p,.e-event2 .e-update1 .e-reward .reward-list ul li,.e-event2 .e-update1 .e-attention ul li,.e-event2 .e-update2 .e-update p,.e-event2 .e-update3 .e-title-level p,.e-event2 .e-update3 .e-case ul li .inner-title,.e-event2 .e-update3 .e-bonus .e-title-sub h3,.e-event2 .e-update3 .e-bonus .e-monster li p,.e-event3 .e-point .list-info .info-tit,.e-event3 .e-point .my-info h4,.e-event4 .e-ranking .list-info h4,.e-event4 .e-ranking .list-info .info-noti,.e-event4 .e-ranking .e-reward h4,.e-event5 .sales-tit .sup,.e-event5 .sales-tit h3,.e-event5 .e-sales1 .e-stone .sales-list li{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.e-ellipsis2,.e-nav .navigation a span,.e-event1 .e-update1 .e-item .item-wrap .text,.e-event1 .e-update2 .e-title,.e-event1 .e-update3 .e-case .inner .top,.e-event1 .e-update3 .e-case .inner .bottom,.e-event2 .e-title-sub h3,.e-event2 .e-description p,.e-event2 .e-update1 .list-step p,.e-event2 .e-update3 .e-case ul li p,.e-event2 .e-update3 .e-bonus .e-monster li p+p,.e-event3 .e-point .list-info ul li p,.e-event4 .e-ranking .e-description,.e-event4 .e-ranking .list-info ul li p{text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.e-cont-title,.e-contents .e-title,.e-event2 .e-title-sub h3,.e-event5 .sales-tit h3{font-style:italic;font-weight:500;font-size:72px;color:#ffbe86;text-shadow:3px 6px 5px #000}.e-cont-subtitle,.e-contents .e-subtitle{font-weight:500;font-size:28px;color:#eea65f}.e-event3 .e-point .btn-item,.e-event4 .e-ranking .btn-rank,.e-event5 .e-sales4 .btn-shop{width:376px;height:98px;position:absolute;left:50%;bottom:395px;transform:translateX(-50%);overflow:hidden;background:url("images/btn_bg.png") 0 0 no-repeat}.e-event3 .e-point .btn-item span,.e-event4 .e-ranking .btn-rank span,.e-event5 .e-sales4 .btn-shop span{display:block;text-align:center;font-size:26px;color:#fff0e3;margin-top:-17px}.e-event3 .e-point .btn-item:hover,.e-event4 .e-ranking .btn-rank:hover,.e-event5 .e-sales4 .btn-shop:hover{background-position-y:100%}.e-container{position:relative;max-width:1920px;margin:0 auto}.btn-top{overflow:hidden;line-height:0;font-size:0;color:transparent;text-indent:-9999px;-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:0;z-index:10;position:absolute;right:40px;bottom:60px;width:67px;height:74px;background:url(images/btn_top.png) no-repeat;cursor:pointer}.btn-top.active{position:fixed;opacity:1}.btn-top:hover{background-position-y:100%}.btn-top.active{position:fixed;opacity:1}.e-header{position:relative;height:980px;overflow:hidden;background:url("images/bg_header.png") 50% 0 no-repeat}.e-header::before{content:'';position:absolute;display:block;width:100%;height:100%;top:0;left:0;background:url("") center no-repeat;opacity:0;animation:opacity1 4s ease-in-out infinite}.e-header .bi{width:221px;height:227px;position:absolute;top:33px;left:35px;z-index:10}.e-header .bi a{display:block;width:100%;height:100%;background:url("images/bg_bi.png") 0 0 no-repeat}.e-header .e-main{display:block;width:1200px;position:absolute;top:545px;left:50%;transform:translateX(-50%);z-index:1}.e-header .e-main .e-title{width:1154px;height:255px;margin:0 auto;opacity:0;background:url("images/title.png") center no-repeat;animation:upDown1 .8s 1.1s ease-in-out forwards}.e-header .e-main .e-period{text-align:center;opacity:0;animation:opacity2 1s 1.8s ease-in-out forwards}.e-header .e-main .e-period span{display:block;font-size:18px;color:#aa8c86}.e-header .e-main .e-period span.period-tit{width:384px;height:65px;margin:10px auto;background:url("images/period_bg.png") center no-repeat;font-size:24px;color:#ffc597;line-height:55px}.e-header .btn-home,.e-header .btn-down{display:block;width:48px;height:48px;position:absolute;top:37px;z-index:10;background-image:url("images/btn_quick.png");background-repeat:no-repeat;background-position-y:0}.e-header .btn-home{right:92px;background-position-x:0}.e-header .btn-down{right:37px;background-position-x:100%}.e-header #closeToday{display:block;position:absolute;top:56px;right:149px;z-index:3;cursor:pointer}.e-header #closeToday span{display:block;line-height:16px;padding-left:24px;background:url("images/ico_check.png") 0 0 no-repeat;background-position-y:0;font-size:14px;color:#fff}.e-header #closeToday input{position:absolute;left:-9999px}.e-header #closeToday input:checked+span{background-position-y:100%}.e-header #canvas{display:block;position:absolute;top:0;left:50%;z-index:2;margin-left:-960px;pointer-events:none}.e-header .hide{position:absolute;overflow:hidden;clip:rect(0 0 0 0);margin:-1px;width:1px;height:1px}.e-header .animate-obj{position:absolute;left:0;top:0;width:100%;height:100%}.e-header .animate-obj .obj-chain{position:relative;width:100%;height:100%}.e-header .animate-obj .obj-chain>*{position:absolute;opacity:0}.e-header .animate-obj .obj-chain .chain1{bottom:-55px;animation:chainDown1 .5s 1.2s ease-in-out forwards}.e-header .animate-obj .obj-chain .chain2{right:0;bottom:135px;animation:chainDown2 .3s 1.8s ease-in-out forwards}.e-header .animate-obj .obj-chain .chain3{right:0;bottom:175px;animation:chainDown3 .5s 1.4s ease-in-out forwards}.e-header .animate-obj .obj-stone{position:absolute;left:0;top:0;width:100%;height:100%}.e-header .animate-obj .obj-stone>*{position:absolute;top:195px;left:50%;transform:translateX(-50%)}.e-header .animate-obj .obj-stone .stone1{opacity:0;animation:opacity2 1.5s 1.3s ease-in-out forwards,upDown2 2.7s linear infinite}.e-header .animate-obj .obj-stone .stone2{opacity:0;animation:opacity2 1.5s 1.7s ease-in-out forwards,upDown2 3.2s linear infinite}.e-header [class*='smog']{display:block;width:100%;opacity:0;position:absolute;bottom:0;left:0;z-index:1;background:url("images/sp_smog.png") 50% 0/cover no-repeat;transform-origin:50% 100%;height:600px}.e-header [class*='smog'].smog0{-webkit-animation:spreadSmog 4s infinite linear;animation:spreadSmog 4s infinite linear;height:350px}.e-header [class*='smog'].smog1{-webkit-animation:spreadSmog 5s infinite linear;animation:spreadSmog 5s infinite linear}.e-header [class*='smog'].smog2{-webkit-animation:spreadSmog 9s infinite linear;animation:spreadSmog 9s infinite linear}.e-header .bi,.e-header .btn-home,.e-header .btn-down,.e-header #closeToday{opacity:0;-webkit-transition:opacity 1.3s 2.2s ease-out;transition:opacity 1.3s 2.2s ease-out}.loaded .e-header .bi,.loaded .e-header .btn-home,.loaded .e-header .btn-down,.loaded .e-header #closeToday{opacity:1}.loaded .e-header .btn-home:hover,.loaded .e-header .btn-down:hover{background-position-y:100%}.loaded .e-header .bg{display:block;width:100%;height:100%;position:absolute;left:0;right:0;top:0;bottom:0;background:#000;visibility:hidden;opacity:0;-webkit-transition:visibility 0s 1.7s,opacity 1s linear;transition:visibility 0s 1.7s,opacity 1s linear}.e-nav{width:100%;position:absolute;top:980px;left:0;z-index:5;background:#32211e}.e-nav .navigation{overflow:hidden;display:flex;margin:0 auto}.e-nav .navigation li{width:100%;height:110px;background-color:#32211e;border-right:1px solid #503c38}.e-nav .navigation li:first-child{border-left:1px solid #503c38}.e-nav .navigation a{display:flex;justify-content:center;align-items:center;width:100%;height:100%;text-align:center}.e-nav .navigation a span{line-height:30px;font-size:24px;color:#d5bdac}.e-nav .navigation a:hover,.e-nav .navigation a.current{color:#ead7ca;width:100%;height:110px;background-size:cover;background:url("images/bg_nav_on.jpg") center no-repeat}.e-contents [class*='e-event']{position:relative}.e-contents [class*='e-event']>section{position:relative;background-position:50% 0;background-repeat:no-repeat;overflow:hidden;text-align:center}.e-contents .e-subtitle{text-transform:uppercase}.e-contents .e-item .tit{color:#eea65f}.e-contents .e-item .text{color:#ffccbc}.e-contents .e-period-box p{font-size:18px;font-weight:500}.e-contents .e-period-box .period-tit{margin:0 auto;color:#ffbe86}.e-contents .e-period-box .period-text{height:50px;line-height:52px;margin:auto;color:#ffccbc}.e-contents .list-info{text-align:center}.e-contents .list-info li h4{font-size:24px;color:#c1c3e3;font-weight:bold;height:68px;line-height:68px;margin:0 auto}.e-contents .my-info{width:1200px;position:relative;left:50%;overflow:hidden;transform:translateX(-50%)}.e-contents .my-info h4{font-size:32px;color:#fff0e3;text-align:center}.e-contents .my-info .points{position:absolute;display:flex;align-items:center;justify-content:center;width:452px;height:86px;line-height:86px}.e-contents .my-info .points em{font-weight:bold;font-size:40px;color:#fdfdfd;display:block;max-width:300px;padding-right:5px}.e-contents .btn-login{position:absolute;top:1px;left:50%;transform:translateX(-50%);display:block;width:1280px;height:204px;text-align:center;background:url("images/bg_dimmed_evt3.jpg")}.e-contents .btn-login p{color:#ffccbc;line-height:204px;font-size:28px}.e-contents .btn-login p a{color:#f5b57f;text-decoration:underline}.e-contents .e-btns{position:relative;display:flex;justify-content:center}.e-contents .e-btns a{width:376px;height:98px;background:url("images/btn_bg.png") no-repeat;color:#fff;font-size:28px;line-height:78px}.e-contents .e-btns a:hover{background-position-y:100%}.e-contents .e-period-cont{height:66px;line-height:66px;color:#ffbe86}.e-contents .e-period-cont p{width:600px;line-height:66px;margin:auto}.e-contents .e-attention{width:1130px;position:absolute;bottom:50px;left:50%;transform:translateX(-50%);text-align:left}.e-contents .e-attention h4{line-height:20px;font-weight:normal;color:#ffccbc;font-size:20px}.e-contents .e-attention ul{padding:10px}.e-contents .e-attention li{position:relative;padding-left:10px;font-size:16px;color:#bc7c68}.e-contents .e-attention li p{line-height:30px}.e-contents .e-attention li span{color:#d64c36}.e-contents .e-attention li:before{content:'※';display:block;position:absolute;top:7px;left:-10px;font-size:16px}.e-event1{margin-top:100px}.e-event1 .e-notice{position:relative;text-align:left}.e-event1 .e-notice p{font-size:24px;color:#ffccbc;margin-bottom:15px}.e-event1 .e-notice li{position:relative;margin-left:20px;line-height:30px;font-size:16px;color:#bc7c68}.e-event1 .e-notice li::before{content:'※';position:absolute;left:-20px;top:-1px}.e-event1 .e-notice li p{margin-bottom:0;font-size:16px;line-height:26px;color:#bc7c68}.e-event1 .e-update1{height:1143px;background:url("images/bg_evt1_cont1.jpg") center no-repeat}.e-event1 .e-update1 .e-wrap{padding-top:125px}.e-event1 .e-update1 .e-subtitle p{position:relative;width:590px;height:78px;line-height:78px;padding:0 76px;margin:0 auto}.e-event1 .e-update1 .e-subtitle p::before{content:'';position:absolute;display:block;width:68px;height:78px;background:url("images/badge_star.png") center no-repeat;left:5px}.e-event1 .e-update1 .e-title{margin-top:-15px}.e-event1 .e-update1 .e-item .item-wrap{position:absolute;top:710px;left:220px;width:25%}.e-event1 .e-update1 .e-item .item-wrap+.item-wrap{top:450px;left:auto;right:125px}.e-event1 .e-update1 .e-item .item-wrap+.item-wrap .text{height:30px}.e-event1 .e-update1 .e-item .item-wrap .tit{font-size:40px}.e-event1 .e-update1 .e-item .item-wrap .text{font-size:20px;height:60px}.e-event1 .e-update2{height:3447px;background-image:url("images/bg_evt1_cont2.jpg");position:relative}.e-event1 .e-update2 .e-wrap{padding-top:100px}.e-event1 .e-update2 .e-title{height:163px;line-height:76px;margin-top:20px}.e-event1 .e-update2 .e-item .item-wrap{position:relative;width:1245px;margin:0 auto;top:65px}.e-event1 .e-update2 .e-item .item-wrap+.item-wrap{top:142px}.e-event1 .e-update2 .e-item .item-wrap+.item-wrap+.item-wrap{top:232px}.e-event1 .e-update2 .e-item .item-wrap+.item-wrap+.item-wrap+.item-wrap{top:328px}.e-event1 .e-update2 .e-item .item-wrap+.item-wrap+.item-wrap+.item-wrap+.item-wrap{top:484px}.e-event1 .e-update2 .e-item .box{position:relative;height:460px}.e-event1 .e-update2 .e-item .box p{position:relative}.e-event1 .e-update2 .e-item .box-title{height:95px;line-height:95px;color:#e2af7e;font-size:40px}.e-event1 .e-update2 .e-item .box-title.title-fir{width:570px;margin:auto}.e-event1 .e-update2 .e-item .box-text{top:427px;color:#ff9f9f;font-size:24px;width:570px;height:60px;margin:auto}.e-event1 .e-update2 .e-item .box-noti{margin-top:20px}.e-event1 .e-update2 .e-item .box-noti ul{text-align:left}.e-event1 .e-update2 .e-item .box-noti ul li{color:#ff9f9f;line-height:26px}.e-event1 .e-update2 .e-item .box1 .item{width:50%;padding:269px 0 57px}.e-event1 .e-update2 .e-item .box2 .item{width:33%;padding:283px 0 43px}.e-event1 .e-update2 .e-item .box3,.e-event1 .e-update2 .e-item .box4{height:400px}.e-event1 .e-update2 .e-item .box3 .item,.e-event1 .e-update2 .e-item .box4 .item{width:33%;display:flex;justify-content:center;align-items:center;padding:275px 0 32px}.e-event1 .e-update2 .e-item .item{color:#ffd7bf;font-size:32px}.e-event1 .e-update2 .e-item .top-box{height:584px}.e-event1 .e-update2 .e-item .top-box .box-title{top:25px;height:auto;line-height:60px;font-size:36px;color:#fff}.e-event1 .e-update2 .e-item .item-box{display:flex;justify-content:space-between}.e-event1 .e-update3{height:1597px;background-image:url("images/bg_evt1_cont3.jpg")}.e-event1 .e-update3 .e-wrap{padding-top:140px}.e-event1 .e-update3 .e-case{width:1050px;height:437px;overflow:hidden;margin:0 auto;position:relative;top:98px}.e-event1 .e-update3 .e-case .inner{padding-left:400px;height:100%;text-align:center}.e-event1 .e-update3 .e-case .inner .top{color:#ffccbc;font-size:26px;height:58px;padding:125px 50px 20px;width:490px}.e-event1 .e-update3 .e-case .inner .bottom{color:#eea65f;font-size:44px;font-weight:700;width:600px}.e-event1 .e-update3 .e-guide{position:relative;height:299px;top:169px}.e-event1 .e-update3 .e-guide>*{color:#ff9f9f}.e-event1 .e-update3 .e-guide .guide-title{font-size:36px;font-weight:500;line-height:50px;padding:0 300px}.e-event1 .e-update3 .e-guide ul{width:1170px;height:183px;overflow-y:auto;padding:0 55px;margin:24px 0 41px;text-align:left}.e-event1 .e-update3 .e-guide ul li{position:relative;margin-left:40px;margin-bottom:10px;font-size:20px}.e-event1 .e-update3 .e-guide ul li::before{position:absolute;top:3px;left:-30px}.e-event1 .e-update3 .e-guide ul li:nth-child(1)::before{content:'1)'}.e-event1 .e-update3 .e-guide ul li:nth-child(2)::before{content:'2)'}.e-event1 .e-update3 .e-guide ul li:nth-child(3)::before{content:'3)'}.e-event1 .e-update3 .e-guide ul li:nth-child(4)::before{content:'4)'}.e-event1 .e-update3 .e-guide ul li:last-child{margin-bottom:0}.e-event1 .e-update3 .e-guide ul li p{font-size:20px;line-height:30px}.e-event1 .e-update3 .e-notice{top:225px}.e-event1 .e-update3 .e-btns{top:320px}.e-event1 .e-update3 .e-btns a{margin:0 10px}.e-event2{margin-top:90px}.e-event2 .e-period-cont{width:758px;margin:15px auto;background:url("images/period_bg_cont.png") center no-repeat}.e-event2 .e-title-sub{text-align:center;padding-top:6px;height:210px}.e-event2 .e-title-sub .sup{display:block;width:145px;height:46px;line-height:46px;color:#ff7d67;font-size:24px;margin:0 auto 13px;letter-spacing:2px}.e-event2 .e-title-sub .desc{font-size:28px;color:#eea65f;text-transform:uppercase}.e-event2 .e-title-sub .desc span{color:#ff9235}.e-event2 .e-title-sub h3{height:152px;font-size:60px;margin-top:18px}.e-event2 .e-description{position:relative;height:60px;font-size:22px;color:#ffccbc}.e-event2 .e-description p{height:100%}.e-event2 .e-attention{width:1280px;bottom:130px;text-align:center}.e-event2 .e-attention ul{padding:0}.e-event2 .e-attention ul li{padding-left:0}.e-event2 .e-attention ul li::before{display:none}.e-event2 .e-update1{height:2055px;background-image:url("images/bg_evt2_cont1.jpg")}.e-event2 .e-update1 .e-period-cont{width:678px;margin:5px auto 24px;background:url("images/period_bg_cont2.png") center no-repeat}.e-event2 .e-update1 .e-period-cont p{width:520px}.e-event2 .e-update1 .e-title{height:164px;line-height:75px;margin-top:10px}.e-event2 .e-update1 .e-title-sub{padding-top:25px}.e-event2 .e-update1 .e-wrap{padding-top:158px;height:1904px}.e-event2 .e-update1 .e-description{top:65px}.e-event2 .e-update1 .list-step{position:relative;top:340px;display:flex;justify-content:center}.e-event2 .e-update1 .list-step li{display:block;position:relative;width:500px;height:200px}.e-event2 .e-update1 .list-step li:last-child{float:right}.e-event2 .e-update1 .list-step h4{padding:28px 180px 0;height:50px;line-height:50px;font-size:28px;font-weight:600;color:#eea65f;text-shadow:1px 1px 6px #000}.e-event2 .e-update1 .list-step p{font-size:17px;color:#ffccbc;line-height:1.4em;-webkit-line-clamp:4;margin-top:20px}.e-event2 .e-update1 .list-step p em{font-size:15px}.e-event2 .e-update1 .e-reward{position:relative;top:426px;height:446px}.e-event2 .e-update1 .e-reward p{line-height:80px;font-size:36px;color:#eea65f;text-shadow:1px 2px 5px #000}.e-event2 .e-update1 .e-reward span{position:relative;padding:0 20px}.e-event2 .e-update1 .e-reward span::before,.e-event2 .e-update1 .e-reward span::after{content:'';position:absolute;display:block;width:25px;height:17px;top:13px;background:url("images/ico_square.png") center no-repeat}.e-event2 .e-update1 .e-reward span::before{left:-20px}.e-event2 .e-update1 .e-reward span::after{right:-20px}.e-event2 .e-update1 .e-reward .reward-list{display:flex;justify-content:center;text-align:center}.e-event2 .e-update1 .e-reward .reward-list ul{width:33%}.e-event2 .e-update1 .e-reward .reward-list ul li{width:100%;height:51px;line-height:51px;font-size:20px;color:#ffccbc}.e-event2 .e-update1 .e-reward .reward-list ul li.orange{color:#eea65f}.e-event2 .e-update1 .e-attention{bottom:110px}.e-event2 .e-update1 .e-attention ul li{height:26px;line-height:26px;font-size:18px}.e-event2 .e-update2{height:1113px;background-image:url("images/bg_evt2_cont2.jpg");position:relative}.e-event2 .e-update2 .e-wrap{padding-top:78px;height:1063px}.e-event2 .e-update2 .e-title-sub{height:250px}.e-event2 .e-update2 .e-title-sub .sup{margin-bottom:22px}.e-event2 .e-update2 .e-title-sub .desc em{color:#ff9235}.e-event2 .e-update2 .e-period-cont{width:678px;margin-top:30px;background:url("images/period_bg_cont2.png") center no-repeat}.e-event2 .e-update2 .e-period-cont p{width:520px}.e-event2 .e-update2 .e-update{position:absolute;top:630px;left:50%;margin-left:-18px;width:475px}.e-event2 .e-update2 .e-update p{color:#ffccbc;font-size:28px;font-weight:600}.e-event2 .e-update2 .e-update p+p{color:#eea65f;font-size:60px;font-weight:700}.e-event2 .e-update2 .e-update p+p+p{color:#ff9235}.e-event2 .e-update2 .e-description{font-size:18px;line-height:36px;color:#bc7c68;position:absolute;bottom:218px;left:0;width:100%;height:70px}.e-event2 .e-update3{height:2404px;background-image:url("images/bg_evt2_cont3.jpg")}.e-event2 .e-update3 .e-wrap{padding-top:71px;height:1222px}.e-event2 .e-update3 .e-title-sub{height:275px}.e-event2 .e-update3 .e-title-sub .sup{width:145px}.e-event2 .e-update3 .e-title-sub .desc{display:block;line-height:40px;font-size:32px;margin-bottom:10px}.e-event2 .e-update3 .e-period-cont{width:678px;background:url("images/period_bg_cont2.png") center no-repeat}.e-event2 .e-update3 .e-period-cont p{width:520px}.e-event2 .e-update3 .e-title-level{margin:30px auto 0;height:38px}.e-event2 .e-update3 .e-title-level p{height:100%;color:#ffccbc;font-size:24px}.e-event2 .e-update3 .e-title-level span{color:#ff9235}.e-event2 .e-update3 .e-case{width:1135px;height:535px;overflow:hidden;margin:0 auto;position:relative;top:37px}.e-event2 .e-update3 .e-case .inner{padding-left:470px;margin-top:70px}.e-event2 .e-update3 .e-case .top{color:#eea65f;font-size:36px;font-weight:700;height:60px;line-height:60px;padding:0 200px}.e-event2 .e-update3 .e-case ul{padding-top:10px;text-align:left}.e-event2 .e-update3 .e-case ul li{padding:0 30px}.e-event2 .e-update3 .e-case ul li .inner-title{color:#eea65f;font-size:28px;font-weight:500}.e-event2 .e-update3 .e-case ul li p{color:#ffccbc;font-size:18px;height:50px;line-height:1.4em}.e-event2 .e-update3 .e-case ul li .inner-list p{position:relative;padding-left:10px}.e-event2 .e-update3 .e-case ul li .inner-list p::before{content:'-';position:absolute;left:0}.e-event2 .e-update3 .e-case ul li .inner-list p span{color:#eea65f}.e-event2 .e-update3 .e-attention li:nth-child(2){margin-top:5px}.e-event2 .e-update3 .e-attention li p{line-height:24px}.e-event2 .e-update3 .e-bonus{padding-top:108px}.e-event2 .e-update3 .e-bonus .e-title-sub{padding-top:0;height:140px}.e-event2 .e-update3 .e-bonus .e-title-sub .sup{width:220px;margin:0 auto 10px}.e-event2 .e-update3 .e-bonus .e-title-sub h3{height:auto}.e-event2 .e-update3 .e-bonus .e-monster{width:1200px;height:510px;margin:0 auto;display:table;table-layout:fixed;position:relative;top:55px}.e-event2 .e-update3 .e-bonus .e-monster li{width:50%;display:table-cell;text-align:center;position:relative}.e-event2 .e-update3 .e-bonus .e-monster li p{color:#eea65f;font-size:36px;font-weight:500;height:45px;line-height:45px}.e-event2 .e-update3 .e-bonus .e-monster li p+p{color:#ffccbc;font-size:22px;height:65px;line-height:30px;margin-top:20px;font-weight:400}.e-event3{margin-top:20px}.e-event3 .e-point{height:2952px;background-image:url("images/bg_evt3.jpg");background-position:50% 90px !important}.e-event3 .e-point .e-wrap{padding-top:227px}.e-event3 .e-point .e-title{font-size:95px}.e-event3 .e-point .e-subtitle{font-size:30px}.e-event3 .e-point .e-period-box{margin:41px 0 39px}.e-event3 .e-point .e-period-box .period-wrap{margin:0 auto 33px}.e-event3 .e-point .e-period-box .period-wrap+.period-wrap .period-tit{width:250px}.e-event3 .e-point .e-period-box .period-tit{width:245px;height:38px;line-height:36px}.e-event3 .e-point .e-period-box .period-text{width:355px}.e-event3 .e-point .list-info{display:flex;justify-content:center;width:868px;height:311px;position:relative;top:39px;margin:auto}.e-event3 .e-point .list-info .info-wrap{flex:1}.e-event3 .e-point .list-info .info-wrap ul{padding-left:40px}.e-event3 .e-point .list-info .info-wrap+.info-wrap .info-tit{padding-left:18px}.e-event3 .e-point .list-info .info-wrap+.info-wrap ul{padding-left:60px}.e-event3 .e-point .list-info .info-tit{width:280px;height:50px;line-height:50px;margin:auto;padding:25px 0;color:#ffbe85;font-size:24px}.e-event3 .e-point .list-info ul li{position:relative;margin-left:20px;text-align:left;margin-bottom:5px}.e-event3 .e-point .list-info ul li::before{content:'';display:block;width:12px;height:12px;position:absolute;top:7px;left:-20px;background:url("images/ico_arrow_cont.png") no-repeat center}.e-event3 .e-point .list-info ul li p{line-height:23px;font-size:16px;color:#ffccbc}.e-event3 .e-point .list-info ul li p:last-child{-webkit-line-clamp:5}.e-event3 .e-point .list-info ul li p span{color:#f0ab27}.e-event3 .e-point .my-info{height:207px;top:155px}.e-event3 .e-point .my-info h4{height:50px;line-height:50px;font-size:18px;color:#ffbe86;text-align:center}.e-event3 .e-point .my-info .points{top:84px;left:50%;right:auto;transform:translateX(-50%);color:#ffccbc;font-size:30px}.e-event3 .e-point .update-time{width:1200px;height:30px;line-height:30px;position:absolute;top:1365px;left:50%;transform:translateX(-50%);font-size:18px;color:#ffccbc;text-align:center}.e-event3 .e-point .btn-item{bottom:410px}.e-event3 .e-point .list-exchange{width:1164px;position:absolute;top:1432px;left:50%;transform:translateX(-50%)}.e-event3 .e-point .list-exchange li{position:relative;float:left;width:259px;height:307px;margin-left:26px;margin-right:0;margin-bottom:29px}.e-event3 .e-point .list-exchange h4{padding:12px 0 0;font-size:24px;color:#ffbe86;font-weight:500}.e-event3 .e-point .list-exchange .btn-exchange{display:block;width:205px;height:70px;position:absolute;bottom:10px;left:50%;transform:translateX(-50%);background:url("images/btn_exchange.png") 0 0 no-repeat}.e-event3 .e-point .list-exchange .btn-exchange:before{content:'Exchange';display:inline-block;vertical-align:middle;position:absolute;top:14px;left:51%;transform:translateX(-50%);font-size:20px;text-indent:0;font-weight:600;color:#fff}.e-event3 .e-point .list-exchange .btn-exchange:hover{opacity:.8}.e-event3 .e-point .list-exchange .btn-exchange[disabled]{background-position-y:100%;cursor:default;pointer-events:none}.e-event3 .e-point .list-exchange .btn-exchange[disabled]:before{content:'Exchanged';color:#7b7b7b}.e-event3 .e-attention{bottom:80px}.e-event4{margin-top:110px}.e-event4 .e-ranking{height:2313px;background-image:url("images/bg_evt4_cont1.jpg")}.e-event4 .e-ranking .e-wrap{padding-top:138px;height:2150px}.e-event4 .e-ranking .e-period-cont{width:678px;margin:15px auto 16px;background:url("images/period_bg_cont2.png") center no-repeat}.e-event4 .e-ranking .e-period-cont p{width:520px}.e-event4 .e-ranking .e-description{color:#f0b59b;font-size:24px;padding:21px 0}.e-event4 .e-ranking .e-description span{color:#fe916f}.e-event4 .e-ranking .e-period-box{height:317px;margin:25px auto 35px}.e-event4 .e-ranking .e-period-box .period-wrap{margin:0 auto 40px}.e-event4 .e-ranking .e-period-box .period-wrap+.period-wrap .period-tit{width:200px}.e-event4 .e-ranking .e-period-box .period-tit{width:123px;height:40px;line-height:40px;margin-bottom:12px}.e-event4 .e-ranking .e-period-box .period-text{height:32px;line-height:32px;font-size:16px}.e-event4 .e-ranking .list-info h4{width:465px;height:80px;line-height:80px;margin:0 auto;font-size:48px;font-weight:600;color:#ffbe86}.e-event4 .e-ranking .list-info ul{display:flex;justify-content:space-between;width:985px;margin:40px auto 20px}.e-event4 .e-ranking .list-info ul li{width:410px;font-size:24px;color:#ffbe86;padding:50px 40px 41px}.e-event4 .e-ranking .list-info ul li p{height:90px;-webkit-line-clamp:3}.e-event4 .e-ranking .list-info .info-noti{font-size:18px;color:#ffbe86;opacity:.5}.e-event4 .e-ranking .e-reward{position:relative;top:108px}.e-event4 .e-ranking .e-reward h4{width:465px;height:80px;line-height:80px;margin:0 auto;font-size:48px;font-weight:600;color:#ffbe86}.e-event4 .e-ranking .btn-rank{top:auto;bottom:300px}.e-event4 .e-ranking .btn-rank span{margin-top:0;line-height:78px}.e-event5{margin-top:100px;height:6451px;background:url("images/bg_evt5.jpg") center 0 no-repeat}.e-event5 .sales-tit{position:relative;text-align:center}.e-event5 .sales-tit .sup{display:block;width:110px;height:60px;line-height:60px;letter-spacing:2px;margin:0 auto;color:#ff7d67;font-size:24px}.e-event5 .sales-tit .desc{font-size:24px;color:#d9d9e2}.e-event5 .e-period-cont{width:678px;margin:15px auto 16px;background:url("images/period_bg_cont2.png") center no-repeat}.e-event5 .e-period-cont p{width:520px}.e-event5 .e-sales1 .e-wrap{height:1567px;padding-top:148px}.e-event5 .e-sales1 .e-title{font-size:76px}.e-event5 .e-sales1 .sales-tit{height:170px;top:25px}.e-event5 .e-sales1 .sales-tit h3{font-size:64px;margin-top:5px}.e-event5 .e-sales1 .e-stone{width:1280px;height:929px;margin:0 auto;position:relative;top:38px;background:url("images/img_evt4_stone.jpg") 0 0 no-repeat}.e-event5 .e-sales1 .e-stone .stone-text{color:#bc7c68;font-size:24px;font-weight:500;height:44px;line-height:44px;position:absolute;top:392px;left:0;width:100%;display:block}.e-event5 .e-sales1 .e-stone .stone-text span{color:#ffccbc}.e-event5 .e-sales1 .e-stone .sales-list{position:relative;display:flex;justify-content:space-between;top:453px;width:1118px;margin:0 auto}.e-event5 .e-sales1 .e-stone .sales-list li{width:550px;height:50px;line-height:50px;font-weight:400;font-size:17px}.e-event5 .e-sales1 .e-stone .sales-list li:nth-child(3),.e-event5 .e-sales1 .e-stone .sales-list li:nth-child(5),.e-event5 .e-sales1 .e-stone .sales-list li:nth-child(7){height:46px;line-height:46px}.e-event5 .e-sales1 .e-stone .sales-list .list-left{color:#ffccbc}.e-event5 .e-sales1 .e-stone .sales-list .list-right li.orange{color:#ff9235}.e-event5 .e-sales1 .e-stone .sales-list .list-right li.yellow{color:#e2af7e}.e-event5 .e-sales1 .e-stone .sales-list .list-right li:nth-child(4),.e-event5 .e-sales1 .e-stone .sales-list .list-right li:nth-child(5){color:#ffccbc !important}.e-event5 .e-sales1 .e-stone .sales-list .list-right li:nth-child(6),.e-event5 .e-sales1 .e-stone .sales-list .list-right li:nth-child(7){color:#ff9235 !important}.e-event5 .e-sales1 .e-special{padding-top:128px;height:922px;position:relative}.e-event5 .e-sales1 .e-special .sales-tit{height:60px;top:auto}.e-event5 .e-sales1 .e-special .sales-tit .sup{width:180px}.e-event5 .e-sales1 .e-special .e-description{position:absolute;bottom:150px;left:0;width:100%;text-align:center;font-size:20px;line-height:1.4em;color:#ffccbc}.e-event5 .e-sales1 .e-special .e-description span{color:#ffbe86}.e-event5 .e-sales2{height:1133px}.e-event5 .e-sales2 .e-wrap{padding-top:103px}.e-event5 .e-sales2 .e-package{width:1033px;height:710px;margin:50px auto 0;position:relative;background:url("images/img_evt4_sales2.png") 0 0 no-repeat}.e-event5 .e-sales3{height:1220px}.e-event5 .e-sales3 .e-wrap{padding-top:106px}.e-event5 .e-sales3 .e-package{width:1033px;height:780px;margin:50px auto 0;position:relative;background:url("images/img_evt4_sales3.png") 0 0 no-repeat}.e-event5 .e-sales4{position:relative;overflow:visible !important}.e-event5 .e-sales4 .e-wrap{padding-top:89px}.e-event5 .e-sales4 .e-booster{width:1034px;height:782px;margin:50px auto 0;position:relative;background:url("images/img_evt4_sales4.png") 0 0 no-repeat}.e-event5 .e-sales4 .btn-shop{position:relative;top:auto;bottom:auto;left:auto;transform:none;margin:40px auto 0;display:block}.e-event5 .e-sales4 .btn-shop span{margin-top:0;height:98px;line-height:76px}.e-footer{height:70px;line-height:70px;text-align:center;font-size:14px;color:#5c5c5c;background:#000}[class*='popup-']{display:none;position:absolute;top:auto;left:50%;transform:translateX(-50%);z-index:10;text-align:center;background:#fff}[class*='popup-'] h4{height:60px;font-size:20px;line-height:60px;color:#fff;text-align:left;text-indent:20px;font-weight:600;background-color:#883f27}[class*='popup-'] .btn-close{display:block;width:60px;height:60px;position:absolute;top:0;right:0;font-size:0;text-indent:-9999em;background:url("images/btn_close.png") 50% 50% no-repeat;transition:transform .4s ease .1s}[class*='popup-'] .btn-close:hover{transform:rotate(360deg)}[class*='popup-'] .e-table{width:100%;border-bottom:1px solid #444158}[class*='popup-'] .e-table th,[class*='popup-'] .e-table td{text-align:center;font-weight:normal;font-size:16px}[class*='popup-'] .e-table th{position:relative;font-weight:600;height:48px;background:#363b5e;color:#fff}[class*='popup-'] .e-table th:not(:first-child):before{content:'';display:block;position:absolute;top:14px;left:0;width:1px;height:20px;background:#e2ebff}[class*='popup-'] .e-table td{height:50px;color:#000}[class*='popup-'] .e-table tr:nth-child(even) td{background:#1d1b36}[class*='popup-'] .e-table tr:nth-child(1) td,[class*='popup-'] .e-table tr:nth-child(2) td,[class*='popup-'] .e-table tr:nth-child(3) td{color:#ffe6b6}.e-shadow{display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:9;background:rgba(0,0,0,0.8)}[class*='popup-item']{width:724px;padding-bottom:35px}[class*='popup-item'] .item-table{padding:40px}[class*='popup-item'] .item-table td[colspan]{font-size:18px;height:502px;color:#e2ebff}[class*='popup-item'] .item-table thead th{background-color:#883f27}[class*='popup-item'] .item-table tbody tr{border-bottom:1px solid #cecece}[class*='popup-item'] .item-table tbody td{background-color:#fff !important;color:#000 !important}[class*='popup-item'] .pager{padding-top:35px}[class*='popup-item'] .btn-confirm{width:160px;height:55px;margin:auto;background-color:#750000;color:#fff;font-size:20px;box-shadow:1px 2px 5px #000;border:1px solid #000}.pager .first,.pager .previous,.pager .next,.pager .last{width:30px;height:24px;background:url("images/pager.png") -10px 0 no-repeat}.pager .previous{background-position-x:-42px}.pager .next{background-position-x:-87px}.pager .last{background-position-x:-120px}.pager .current{text-decoration:underline;letter-spacing:0;margin:0 6px}.pager a{letter-spacing:0}@-webkit-keyframes spreadSmog{0%{opacity:0;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:.6}100%{opacity:0;-webkit-transform:scale(2);transform:scale(2)}}@keyframes spreadSmog{0%{opacity:0;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:.6}100%{opacity:0;-webkit-transform:scale(2);transform:scale(2)}}@keyframes opacity1{0%{opacity:0}50%{opacity:1}100%{opacity:0}}@keyframes opacity2{0%{opacity:0}100%{opacity:1}}@keyframes upDown1{0%{opacity:0;transform:translate(0,100px)}100%{opacity:1;transform:translate(0,0)}}@keyframes upDown2{0%{top:195px}50%{top:210px}100%{top:196px}}@keyframes chainDown1{0%{opacity:0;transform:translate(-1000px,-1000px)}100%{opacity:1;transform:translate(0,0)}}@keyframes chainDown2{0%{opacity:0;transform:translate(1500px,-500px)}100%{opacity:1;transform:translate(0,0)}}@keyframes chainDown3{0%{opacity:0;transform:translate(1000px,-1000px)}100%{opacity:1;transform:translate(0,0)}}