@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,.e-container:after{opacity:1;overflow:hidden;z-index:90;position:absolute;left:0;top:0;width:100%;height:100%;background:#000}.e-header{position:relative;width:100%;z-index:9;background:url(images/bg_header.jpg) no-repeat 50% 0}.e-header .e-wrap{z-index:1;height:100%}.e-header .e-pre,.e-header .e-title,.e-header .e-description{overflow:hidden;line-height:0;font-size:0;color:transparent;text-indent:-9999px;position:absolute;left:0;width:100%;opacity:0}.e-header .e-pre{-webkit-transform:translateY(20px);transform:translateY(20px);-webkit-transition:all .6s ease .18s;transition:all .6s ease .18s;background:url(images/img_pre.png) no-repeat 50% 0}.e-header .e-title{-webkit-transform:translateY(20px);transform:translateY(20px);-webkit-transition:all .7s ease .4s;transition:all .7s ease .4s;background:url(images/img_title.png) no-repeat 50% 0}.e-header .e-description{-webkit-transform:translateY(10px);transform:translateY(10px);-webkit-transition:all .7s ease .77s;transition:all .7s ease .77s;background:url(images/img_description.png) no-repeat 50% 0}.loaded .e-header .e-pre,.loaded .e-header .e-title,.loaded .e-header .e-period,.loaded .e-header .e-description{opacity:1;-webkit-transform:scale(1) translate(0,0) skew(0,0) rotate(0);transform:scale(1) translate(0,0) skew(0,0) rotate(0)}.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 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}.custom-select{position:relative;box-sizing:border-box;width:154px;height:40px}.custom-select .selected{display:block;box-sizing:border-box;padding-left:12px;padding-right:12px;width:100%;height:100%;letter-spacing:-0.5px;cursor:pointer;line-height:calc(40px - 1px);font-size:16px;color:#284795;border:1px solid #c2cae7;border-radius:0;background-color:#fff;background-repeat:no-repeat;background-image:url(images/ico_select.png);background-position:100% 0}.custom-select .selected.active{color:#fff}.opened .selected{background-position:100% 100%}.custom-select .select-items{display:none;box-sizing:border-box;overflow:hidden;position:absolute;padding:0;left:0;z-index:3;width:100%;border:1px solid #c2cae7;border-radius:0;background-color:#fff}.custom-select .select-items>div,.custom-select .select-items>ul{overflow-y:auto;max-height:120px;scrollbar-base-color:#c2cae7;scrollbar-arrow-color:#c2cae7;scrollbar-shadow-color:#c2cae7;scrollbar-highlight-color:#fff}.custom-select .select-items>div::-webkit-scrollbar,.custom-select .select-items>ul::-webkit-scrollbar{width:6px}.custom-select .select-items>div::-webkit-scrollbar-track,.custom-select .select-items>ul::-webkit-scrollbar-track{background:#fff}.custom-select .select-items>div::-webkit-scrollbar-thumb,.custom-select .select-items>ul::-webkit-scrollbar-thumb{background:#c2cae7}.custom-select .select-items>div::-webkit-scrollbar-button:start:decrement,.custom-select .select-items>ul::-webkit-scrollbar-button:start:decrement{width:0;height:0;background:#fff}.custom-select .select-items>div::-webkit-scrollbar-button:end:increment,.custom-select .select-items>ul::-webkit-scrollbar-button:end:increment{width:0;height:0;background:#fff}.custom-select .select-items label{display:block;box-sizing:border-box;position:relative}.custom-select .select-items label input{position:absolute;visibility:hidden;margin:0;padding:0;width:0;height:0}.custom-select .select-items label input:checked+span,.custom-select .select-items label input:checked ~ span{color:#fff}.custom-select .select-items label input:disabled+span,.custom-select .select-items label input:disabled ~ span{cursor:default;pointer-events:none}.custom-select .select-items span{display:block;padding-left:12px;padding-right:12px;height:40px;line-height:40px;font-size:16px;color:#284795;cursor:pointer}.custom-select .select-items span:hover{color:#fff;background-color:#fff}.opened .select-items{display:block}.custom-input{position:relative;box-sizing:border-box;width:154px;height:40px}.custom-input input[type="text"]{display:block;box-sizing:border-box;padding:0 12px;width:100%;height:100%;font-size:16px;border:1px solid #c2cae7;background-color:#fff;color:#284795}.custom-input input[type="text"]::placeholder{color:inherit}.e-ranking .ranking-list span,.e-ranking .ranking-list strong,.e-ranking .ranking-list p,div[class*="popup-"] table{font-family:'NotoSans Regular',"맑은 고딕",'Malgun Gothic',"돋움",'dotum','Apple SD Gothic Neo','Arial','Tahoma',sans-serif}html{background-color:#000}button{cursor:pointer}.e-blind,.e-header .header-animation h2,.e-header .header-animation p,.evt-2 p{font-size:0;text-indent:-9999em}.e-skip,.hide{position:absolute;left:-9999px;width:1px;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden}.e-container:after{display:block;content:'';-webkit-transition:all .4s ease;transition:all .4s ease}#canvas{position:absolute;top:0;left:50%;display:block;margin-left:-960px;pointer-events:none}.e-header{position:relative;height:780px}.e-header .bi{width:195px;height:115px;position:absolute;top:36px;left:40px;z-index:5}.e-header .bi a{overflow:hidden;line-height:0;font-size:0;color:transparent;text-indent:-9999px;display:block;width:100%;height:100%;background:url(images/bi.png) no-repeat}.e-header .util{overflow:hidden;position:absolute;z-index:5;font-size:0;top:40px;right:40px}.e-header .util a,.e-header .util #closeToday,.e-header .util input[type="checkbox"]+label,.e-header .util input[type="checkbox"]+span{overflow:hidden;line-height:0;font-size:0;color:transparent;text-indent:-9999px;display:inline-block;overflow:hidden;background-image:url(images/img_util.png);background-repeat:no-repeat}.e-header .util a{width:40px;height:46px}.e-header .util a:hover{background-position-y:100%}.e-header .util input[type="checkbox"]+label,.e-header .util input[type="checkbox"]+span{display:block;cursor:pointer;position:relative;width:138px;height:46px}.e-header .util input[type="checkbox"]{position:absolute;visibility:hidden}.e-header .util input[type="checkbox"]:checked+label,.e-header .util input[type="checkbox"]:checked+span{background-position-y:100%}.e-header .util .btn-red{margin:0 6px 0 51px;background-position-x:-154px}.e-header .util .btn-blue{background-position-x:100%}.e-header .util .today{clear:both;display:block}.e-header .util .today input[type="checkbox"]+label{margin-top:-8px;background-position-x:0}.e-header .title{position:relative;top:50px;width:790px;height:736px;background:url("images/bg_title.png") center no-repeat;z-index:99;opacity:0;-webkit-animation:opacity-title 1.2s .5s cubic-bezier(0.25,0.46,0.45,0.94) both;animation:opacity-title 1.2s .5s cubic-bezier(0.25,0.46,0.45,0.94) both;animation-fill-mode:forwards}.e-header .period{position:relative;top:-190px;width:790px;height:274px;background:url("images/bg_period.png") center no-repeat;z-index:99;opacity:0;-webkit-animation:opacity-title 1.2s 1s cubic-bezier(0.25,0.46,0.45,0.94) both;animation:opacity-title 1.2s 1s cubic-bezier(0.25,0.46,0.45,0.94) both;animation-fill-mode:forwards}.e-header .header-animation{height:100%}.loaded.e-container:after{opacity:0;height:0}.e-nav{z-index:10;width:100%;background:url(images/bg_nav.png);background-position-x:50%}.e-nav--fixed{position:fixed !important}.e-nav nav{overflow:hidden;margin:0 auto;width:1280px;height:100%}.e-nav nav a{overflow:hidden;line-height:0;font-size:0;color:transparent;text-indent:-9999px;display:block;width:426px;height:100%;float:left;background:url(images/nav.png) no-repeat}.e-nav nav a:hover,.e-nav nav a.current{background-position-y:100%}.e-nav nav a:last-child{background-position-x:100%}.e-nav{position:absolute;top:780px;height:67px;z-index:10;background-repeat:repeat-x}.e-nav--fixed{top:0;left:0}.e-nav nav a:nth-child(2){width:426px;background-position-x:-427px}.e-nav nav a:nth-child(3){background-position-x:100%}.e-nav nav a:hover{background-position-y:50%}.e-nav nav a.current{background-position-y:100%}.e-contents{margin-top:67px}.e-contents>[class*="e-"]{background-position:50% 0;background-repeat:no-repeat}.e-contents>[class*="e-"] .buttons{text-align:center}.e-contents>[class*="e-"] .buttons button,.e-contents>[class*="e-"] .buttons a{overflow:hidden;line-height:0;font-size:0;color:transparent;text-indent:-9999px;width:361px;height:62px;background-color:transparent;background-image:url(images/btn_buttons.png);background-repeat:no-repeat;display:inline-block}.e-contents>[class*="e-"] .buttons button:hover,.e-contents>[class*="e-"] .buttons button.active,.e-contents>[class*="e-"] .buttons button.current,.e-contents>[class*="e-"] .buttons a:hover,.e-contents>[class*="e-"] .buttons a.active,.e-contents>[class*="e-"] .buttons a.current{background-position-y:100%}.e-contents>[class*="e-"] .buttons button+*,.e-contents>[class*="e-"] .buttons a+*{margin-left:16px}.e-contents>[class*="e-"] .buttons button:hover,.e-contents>[class*="e-"] .buttons a:hover{background-position-y:100%}.e-contents>[class*="e-"] .buttons button.disabled,.e-contents>[class*="e-"] .buttons button:disabled,.e-contents>[class*="e-"] .buttons a.disabled,.e-contents>[class*="e-"] .buttons a:disabled{cursor:default;pointer-events:none;opacity:.5}.e-contents>[class*="e-"] .buttons.shop{width:100%;position:absolute;bottom:250px;left:50%;transform:translateX(-50%)}.e-contents>[class*="e-"] .buttons.shop button,.e-contents>[class*="e-"] .buttons.shop a{background-image:url("images/btn_shop.png")}.e-contents>[class*="e-"] .buttons.shop .btn-blue-shop{background-position-x:100%}.e-footer{height:70px;line-height:70px;font-size:13px;color:#888;text-align:center;background:#151515}.floating-nav{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:0;z-index:10;position:absolute;right:20px;bottom:auto;width:172px;height:146px;background:url(images/bg_floating.png) no-repeat;z-index:0;top:195px !important;background:0}.floating-nav.active{position:fixed;opacity:1}.floating-nav ul li a{overflow:hidden;line-height:0;font-size:0;color:transparent;text-indent:-9999px;display:block;width:100%;height:100%}.floating-nav .btn-top{position:absolute;opacity:1 !important}@media screen and (max-width:1200px){.floating-nav{display:none}}.floating-nav ul{width:100%}.floating-nav li{width:100%;height:76px;background:url(images/floating.png) no-repeat 0 0}.floating-nav li:nth-child(2){background-position-y:-76px}.floating-nav li:nth-child(3){padding-bottom:12px;background-position-y:-162px}.floating-nav li:hover,.floating-nav li.active{background-position-x:100%}.floating-nav .btn-top{bottom:-130px}.floating-nav .btn-top.active{position:absolute}.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:36px;bottom:60px;width:112px;height:109px;background:url(images/btn_top.png) no-repeat}.btn-top.active{position:fixed;opacity:1}.btn-top:hover{background-position-y:100%}.evt-1 [class*='e-sect']{position:relative}.evt-1 .e-sect1{background:url("images/bg_evt1_1.jpg") center no-repeat;height:3124px}.evt-1 .e-sect2{background:url("images/bg_evt1_2.jpg") center no-repeat;height:3241px}.evt-2 .e-sect1{height:4034px;background:url("images/bg_evt2_1.jpg") center no-repeat}.evt-2 .e-sect2{height:2746px;background:url("images/bg_evt2_2.jpg") center no-repeat}.evt-3 .e-sect1{background:url("images/bg_evt3_1.jpg") center no-repeat;height:2178px}.evt-3 .e-sect2{background:url("images/bg_evt3_2.jpg") center no-repeat;height:2323px}.evt-3 .e-wrap{height:100%}.e-ranking .e-wrap{height:100%}.e-ranking .ranking-list{width:1072px;margin:auto;padding-top:1413px}.e-ranking .ranking-list .mypoint{display:flex;justify-content:center;position:absolute;right:9%;top:1357px;width:188px;height:40px;line-height:40px;text-align:center;color:#add2ff;font-size:20px}.e-ranking .ranking-list .mypoint span{display:block;max-width:100px;color:#fff;margin-right:10px;text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.e-ranking .ranking-list .update{position:absolute;left:306px;top:1364px;text-align:right;color:#89beff;font-size:18px;letter-spacing:-0.5px}.e-ranking .ranking-list ol{padding:0 0 0 76px;overflow:hidden}.e-ranking .ranking-list li{box-sizing:border-box;margin:0 58px 0 0;padding-top:140px;width:138px;height:241px;float:left}.e-ranking .ranking-list li span{display:block;text-align:center}.e-ranking .ranking-list li .user{font-size:20px;color:#fff;line-height:1.5;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.e-ranking .ranking-list li .point{margin-top:7px;color:#fff;font-size:16px;height:35px;line-height:34px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:0 25px;text-indent:-10px}.e-ranking .ranking-list li .num{display:none}.e-ranking .ranking-list li.rank1 .user{color:#ffd726}.e-ranking .ranking-list li:nth-child(6),.e-ranking .ranking-list li:nth-child(7),.e-ranking .ranking-list li:nth-child(8),.e-ranking .ranking-list li:nth-child(9),.e-ranking .ranking-list li:nth-child(10){height:228px;padding-top:108px}.e-ranking .ranking-list li:nth-child(6) .point,.e-ranking .ranking-list li:nth-child(7) .point,.e-ranking .ranking-list li:nth-child(8) .point,.e-ranking .ranking-list li:nth-child(9) .point,.e-ranking .ranking-list li:nth-child(10) .point{text-indent:-15px}.e-ranking .buttons{position:absolute;width:1280px;left:50%;bottom:1230px;transform:translateX(-50%);z-index:1}.e-ranking .buttons button{width:361px}.e-ranking .buttons .btn-notice{background-position-x:100%}.e-ranking .ranking-dim{width:1920px;height:658px;position:absolute;top:1320px;left:50%;margin-left:-960px;background-position:50% 0;background-repeat:no-repeat}.e-ranking .ranking-dim.dim-before{background-image:url(images/bg_dimmed_before.png)}.e-ranking .ranking-dim.dim-end{background-image:url(images/bg_dimmed_end.png)}.e-ranking .ranking-dim p{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}div[class*="popup-"]{display:none;position:fixed !important;left:50%;top:15% !important;z-index:99;box-sizing:border-box;-webkit-transform:translateX(-50%);transform:translateX(-50%)}div[class*="popup-"] .btn-close{display:block;position:absolute;top:0;right:0;overflow:hidden;line-height:0;font-size:0;color:transparent;text-indent:-9999px;width:70px;height:70px;background-color:#fff;opacity:0;filter:alpha(opacity=1)}div[class*="popup-"] .btn-close.btn-confirm{overflow:hidden;line-height:0;font-size:0;color:transparent;text-indent:-9999px;width:120px;height:40px;background-color:#fff;opacity:0;filter:alpha(opacity=1);top:auto;right:310px;bottom:40px}div[class*="popup-"] .table-wrap{height:400px;overflow:hidden}div[class*="popup-"] table{table-layout:fixed;width:660px;border-collapse:collapse;border-spacing:0;font-size:15px}div[class*="popup-"] table td{overflow:hidden;height:39px;font-weight:bold;border-bottom:1px solid #d1dbee;color:#040d23;font-size:16px;text-align:center;text-overflow:ellipsis;white-space:nowrap}div[class*="popup-"] table col:first-child{width:104px}div[class*="popup-"] table col:last-child{width:auto !important}.pager{padding:24px 0}.pager a{margin:0 6px;color:#66697a;font-weight:bold}.pager .first,.pager .previous,.pager .next,.pager .last{background:url("images/bg_paging.png") no-repeat 0 1px}.pager .first .sp,.pager .previous .sp,.pager .next .sp,.pager .last .sp{overflow:hidden;line-height:0;font-size:0;color:transparent;text-indent:-9999px}.pager .current{font-weight:bold;color:#c01921;border-bottom:1px solid #c01921}.pager .previous{background-position-x:-26px}.pager .next{background-position-x:-52px}.pager .last{background-position-x:100%}#popRanking{box-sizing:border-box;padding-top:108px;padding-bottom:40px;width:740px;height:850px;top:66px !important;background:transparent url(images/pop_ranking.png) no-repeat;overflow-y:auto;overflow-x:hidden}#popRanking .ranking-table{position:relative;box-sizing:border-box;width:100%;height:665px}#popRanking .ranking-table col:first-child+col{width:140px}#popRanking .ranking-table col:first-child+col+col{width:220px}#popRanking .ranking-table .none{padding:187px 0}#popRanking .ranking-table .table-wrap{padding-top:62px;padding-left:40px;background:#fff url(images/pop_ranking.png) no-repeat 0 -108px}#popRanking .ranking-table .table-wrap tr.rank1 td,#popRanking .ranking-table .table-wrap tr.rank2 td,#popRanking .ranking-table .table-wrap tr.rank3 td{background-color:#bacde7;color:#032679}#popRanking .ranking-table .table-wrap tr{border-bottom:1px solid #d1dbee}#popRanking .search-area{height:40px;position:absolute;left:455px;top:557px;width:244px;display:flex;justify-content:space-between}#popRanking .search-area .custom-select .select-items{top:39px}#popRanking .search-area .custom-select .select-items label:hover{font-weight:bold}#popRanking .search-area .custom-select .select-items span:hover{color:#284795 !important;background-color:#d1dbee}#popRanking .search-area .custom-select .selected.active{color:#284795}#popRanking .search-area .custom-select .select-items label input:checked+span,#popRanking .search-area .custom-select .select-items label input:checked ~ span{color:#284795;background-color:#c2cae7}#popRanking .search-area .custom-input{display:block;margin-left:6px;float:left;width:224px}#popRanking .search-area .btn-search{width:82px;height:40px;background-color:#c62f32;color:#fff;font-size:16px}#popRanking .myranking{padding:128px 40px 0;background:url(images/pop_ranking.png) no-repeat 0 -640px}#popRanking .myranking .tbl-point{background:#d9e5f3}.popup-notice{top:255px !important}#popItem{width:740px;height:737px;background:url(images/pop_item.png) no-repeat}#popItem .item-table{padding-top:172px;width:100%}#popItem .item-table table{margin:0 auto}#popItem .item-table col:first-child{width:124px}#popItem .item-table col:first-child+col{width:358px}#popItem .item-table .none{padding:182px 0}#popItem .pager .first,#popItem .pager .previous,#popItem .pager .next,#popItem .pager .last{background-image:url("images/bg_paging2.png")}#popItem .pager .current{color:#045aff}@-webkit-keyframes opacity-title{0%{opacity:0}100%{opacity:1}}@keyframes opacity-title{0%{opacity:0}100%{opacity:1}}