@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)}.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 0;width:720px;height:410px;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:360px;margin:37px auto 0;background:url(//mimage.webzen.kr/community/v01/images/bg_browser.png) no-repeat 50% 0}.ie-lower .browser-list li{font-family:"notokr-regular","dotum","Arial","Tahoma","sans-serif";font-size:15px;color:#6f6f6f;float:left;width:50%;padding-top:105px;text-align:center}.ie-lower .browser-list a{display:block;margin:35px auto 10px;width:160px;height:50px;line-height:48px;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{color:#909090}.ie-lower.dark .browser-list a{color:#303030;background-color:#f0f0f0}.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}.e-nav--fixed{position:fixed !important}.custom-select{position:relative;box-sizing:border-box;width:240px;height:45px}.custom-select .selected{display:block;box-sizing:border-box;padding-left:18px;padding-right:18px;width:100%;height:100%;letter-spacing:-0.5px;cursor:pointer;line-height:calc(45px - 1px);font-size:16px;color:#fff;border:1px solid #2d5489;border-radius:0;background-color:#1d4476;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 #2d5489;border-radius:0;background-color:#1d4476}.custom-select .select-items>div,.custom-select .select-items>ul{overflow-y:auto;max-height:435px;scrollbar-base-color:#2d5489;scrollbar-arrow-color:#2d5489;scrollbar-shadow-color:#2d5489;scrollbar-highlight-color:#1d4476}.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:#1d4476}.custom-select .select-items>div::-webkit-scrollbar-thumb,.custom-select .select-items>ul::-webkit-scrollbar-thumb{background:#2d5489}.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:#1d4476}.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:#1d4476}.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:18px;padding-right:18px;height:45px;line-height:45px;font-size:16px;color:#fff;cursor:pointer}.custom-select .select-items span:hover{color:#fff;background-color:#163053}.opened .select-items{display:block}.custom-input{position:relative;box-sizing:border-box;width:240px;height:45px}.custom-input input[type="text"]{display:block;box-sizing:border-box;padding:0 18px;width:100%;height:100%;font-size:16px;border:1px solid #2d5489;background-color:#1d4476;color:#fff}.loaded .e-header .e-cover,.loaded .e-header .asset{opacity:1;-webkit-transform:translate(0,0) scale(1,1) rotate(0) skew(0);transform:translate(0,0) scale(1,1) rotate(0) skew(0)}body{background:#16508f}button{background:transparent;cursor:pointer;border:0 none}input::-webkit-input-placeholder{color:#9f9f9f}input:-ms-input-placeholder{color:#9f9f9f}textarea::-webkit-input-placeholder{color:#9f9f9f}textarea:-ms-input-placeholder{color:#9f9f9f}.e-skip,.hide{position:absolute;left:-9999px;width:1px;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden}.e-btn{display:block;font-size:0;text-indent:-9999em}.e-hidden{background-color:#fff;opacity:0;filter:alpha(opacity=1)}.e-blind,.e-header .e-title,.e-header .e-period,.e-header .e-quick #closeToday span,.e-header .e-quick a,.e-nav .bi,.e-event1 .e-ranking .dimmed,[class*='popup-'] h3{font-size:0;text-indent:-9999em}.e-container{position:relative;min-width:1280px;max-width:1920px;margin:0 auto;box-sizing:border-box}.e-container *{box-sizing:border-box;font-family:'NotoSans Regular','Nanum Gothic','나눔고딕','dotum','Arial','Tahoma','sans-serif'}.e-contents{background:url(images/bg_contents.png) no-repeat 50% 0}.e-wrap{position:relative;width:1280px;height:100%;margin:0 auto;box-sizing:border-box;text-align:center}.e-footer{display:none}#canvas{position:absolute;top:0;left:50%;display:block;z-index:20;width:100%;margin-left:-960px;pointer-events:none}.e-shadow,.coupon-shadow{position:fixed;left:0;top:0;right:0;bottom:0;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:40;display:none}.e-header{position:relative;height:896px;padding-left:180px}.e-header:before{display:block;position:absolute;top:0;left:0;z-index:5;width:100%;height:100%;background:url("images/bg_gate.png") center 0 no-repeat;content:''}.e-header .e-quick{position:absolute;top:42px;right:42px;z-index:5;text-align:right;font-size:0;-webkit-transition-delay:.3s;transition-delay:.3s}.e-header .e-quick #closeToday span,.e-header .e-quick a{background-image:url("images/bg_quick.png");background-repeat:no-repeat}.e-header .e-quick #closeToday{position:relative;display:block;margin-bottom:6px;cursor:pointer}.e-header .e-quick #closeToday span{display:block;width:224px;height:22px;background-position:0 0}.e-header .e-quick #closeToday input{position:absolute;left:-9999px;vertical-align:middle;left:3px \9;top:3px \9;background:#000}.e-header .e-quick #closeToday input:checked+span{background-position-y:100%}.e-header .e-quick a{display:inline-block;width:42px;height:48px;margin-left:10px}.e-header .e-quick a.btn-home{background-position-x:-229px;margin-left:0}.e-header .e-quick a.btn-down{background-position-x:100%}.e-header .e-cover{position:absolute;top:490px;left:50%;margin-left:-247px;z-index:10;width:705px;height:355px;opacity:0;background:url("images/img_title.png") center 0 no-repeat;-webkit-transform:scale(0.9);transform:scale(0.9);-webkit-transition:transform .5s ease,opacity .4s ease;transition:transform .5s ease,opacity .4s ease}.e-header .asset{z-index:7;position:absolute;left:50%;display:block;background-position:center;background-repeat:no-repeat;opacity:0}.e-header .water1{top:533px;width:34px;height:51px;margin-left:-152px;background-image:url("images/img_water1.png");-webkit-transform:scale(0.9) translate(15px,30px) rotate(-30deg);transform:scale(0.9) translate(15px,30px) rotate(-30deg);-webkit-transition:transform .5s cubic-bezier(0.34,1.56,0.64,1),opacity .2s ease;transition:transform .5s cubic-bezier(0.34,1.56,0.64,1),opacity .2s ease;-webkit-transition-delay:.3s;transition-delay:.3s}.e-header .water2{top:560px;width:37px;height:29px;margin-left:-169px;background-image:url("images/img_water2.png");-webkit-transform:scale(0.9) translate(15px,30px) rotate(-30deg);transform:scale(0.9) translate(15px,30px) rotate(-30deg);-webkit-transition:transform .5s cubic-bezier(0.34,1.56,0.64,1),opacity .2s ease;transition:transform .5s cubic-bezier(0.34,1.56,0.64,1),opacity .2s ease;-webkit-transition-delay:.4s;transition-delay:.4s}.e-header .water3{top:470px;width:39px;height:53px;margin-left:329px;background-image:url("images/img_water3.png");-webkit-transform:scale(0.9) translate(-15px,30px) rotate(30deg);transform:scale(0.9) translate(-15px,30px) rotate(30deg);-webkit-transition:transform .5s cubic-bezier(0.34,1.56,0.64,1),opacity .2s ease;transition:transform .5s cubic-bezier(0.34,1.56,0.64,1),opacity .2s ease;-webkit-transition-delay:.3s;transition-delay:.3s}.e-header .water4{top:530px;width:64px;height:68px;margin-left:317px;background-image:url("images/img_water4.png");-webkit-transform:scale(0.9) translate(-15px,30px) rotate(-30deg);transform:scale(0.9) translate(-15px,30px) rotate(-30deg);-webkit-transition:transform .5s cubic-bezier(0.34,1.56,0.64,1),opacity .2s ease;transition:transform .5s cubic-bezier(0.34,1.56,0.64,1),opacity .2s ease;-webkit-transition-delay:.4s;transition-delay:.4s}.e-header .part1{z-index:10;top:506px;width:84px;height:84px;margin-left:399px;background-image:url("images/img_part1.png");transform-origin:center;opacity:0;-webkit-transition:opacity .5s ease .1s;transition:opacity .5s ease .1s;-webkit-animation:swing 1s ease-in-out infinite alternate;animation:swing 1s ease-in-out infinite alternate}.e-video{overflow:hidden;position:fixed;top:0;left:0;z-index:-1;width:100%;height:100%}.e-video video{object-fit:cover;width:auto;min-width:100%;height:auto;min-height:100%}.e-nav{overflow-y:auto;position:fixed;top:0;left:0;z-index:20;width:180px;height:100vh;padding-top:210px;padding-bottom:30px;background:#16508f;box-shadow:0 0 7px rgba(14,39,66,0.6);-webkit-transition:all .2s ease-out;transition:all .2s ease-out}.e-nav .bi{display:block;position:absolute;top:95px;left:30px;z-index:30;-webkit-transition:all .2s ease-out;transition:all .2s ease-out}.e-nav .navigation{width:100%;margin:0 auto;font-size:0}.e-nav .navigation a{display:block;width:100%;height:226px;background:url("images/bg_nav.png") -180px 0 no-repeat}.e-nav .navigation .nav2{background-position-y:-226px}.e-nav .navigation .nav3{background-position-y:100%}.e-nav .navigation .current{background-position-x:0}.e-nav--fixed{padding-top:170px}.e-nav--fixed .bi{top:35px}.e-event{padding-left:180px;position:relative;background-repeat:no-repeat;background-position:center}.e-event1{background-image:url("images/img_event1.png")}.e-event2{background-image:url("images/img_event2.png")}.e-event3{background-image:url("images/img_event3.png")}.e-event4{background-image:url("images/img_event4.png")}.e-event5{background-image:url("images/img_event5.png")}.e-event1{height:6994px}.e-event1 #event1{position:relative;width:932px;height:3805px;margin:0 auto}.e-event1 #event1 .btn-guide{position:absolute;top:1269px;left:50%;margin-left:-201px;overflow:hidden;line-height:0;font-size:0;color:transparent;text-indent:-9999px;width:404px;height:86px;background-color:#fff;opacity:0;filter:alpha(opacity=1)}.e-event1 .e-ranking{position:relative;width:932px;height:2030px;margin:0 auto}.e-event1 .e-ranking .update-time{position:absolute;top:810px;right:59px;font-size:14px;color:#fff;text-align:right}.e-event1 .e-ranking .update-time time{display:inline}.e-event1 .e-ranking .top3-list li{position:absolute;top:956px;left:154px;font-size:20px;color:#42200a;font-weight:bold;text-align:center;line-height:1.1;background:#fad6a5}.e-event1 .e-ranking .top3-list li .server{display:block;margin-bottom:5px;font-size:13px;color:#b00}.e-event1 .e-ranking .top3-list li:nth-child(2){top:956px;left:441px}.e-event1 .e-ranking .top3-list li:nth-child(3){top:983px;left:724px}.e-event1 .e-ranking .ranking-table{position:absolute;left:36px;top:1274px;width:866px;min-height:364px}.e-event1 .e-ranking .ranking-table table{width:100%;height:100%}.e-event1 .e-ranking .ranking-table table td{height:52px;text-align:center;color:#fff;font-size:16px}.e-event1 .e-ranking .ranking-table table td:first-child{font-weight:bold;font-size:18px;color:#ffd800}.e-event1 .e-ranking .e-btns{position:absolute;top:1730px;left:58px;font-size:0}.e-event1 .e-ranking .e-btns .e-btn{float:left;overflow:hidden;line-height:0;font-size:0;color:transparent;text-indent:-9999px;width:404px;height:86px;background-color:#fff;opacity:0;filter:alpha(opacity=1)}.e-event1 .e-ranking .e-btns .btn-score{margin-right:14px}.e-event1 .e-ranking .e-btns .btn-notice{position:relative;z-index:20}.e-event1 .e-ranking .custom-select{position:absolute;top:796px;left:83px}.e-event1 .e-ranking .custom-select .selected{background-position:calc(100% - 18px) 50%;color:#9fc3ef}.e-event1 .e-ranking .custom-select .selected .active{color:#9fc3ef}.e-event1 .e-ranking .custom-select.opened .selected{background-image:url("images/ico_select_on.png")}.e-event1 .e-ranking .dimmed{position:absolute;top:869px;left:-28px;width:990px;height:901px;background:url("images/bg_dimmed.png")}.e-event1 .e-ranking .dimmed.end{background-image:url("images/bg_dimmed_end.png")}.e-event1 .e-tab__cont{display:none}.e-event1 .e-tab__cont.current{display:block}.e-event1 .e-tab__cont.mu-blue .btn-score{-ms-background-position-y:100%;background-position-y:100%}.e-event1 .e-luckycard 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}.e-event2{height:1468px}.e-event2 .e-btns{position:absolute;top:835px;left:0;width:100%;padding-left:187px;font-size:0;text-align:center}.e-event2 .e-btns .e-btn{display:inline-block;vertical-align:middle;margin:0 8px;overflow:hidden;line-height:0;font-size:0;color:transparent;text-indent:-9999px;width:300px;height:63px;background-color:#fff;opacity:0;filter:alpha(opacity=1)}.e-event3{height:2487px}.e-event3 .btn-shop{position:absolute;top:2130px;left:50%;margin-left:-112px;overflow:hidden;line-height:0;font-size:0;color:transparent;text-indent:-9999px;width:400px;height:85px;background-color:#fff;opacity:0;filter:alpha(opacity=1)}[class*='popup-']{display:none;position:absolute;left:50%;margin-left:-340px;z-index:50;box-sizing:border-box}[class*='popup-'] h3{height:90px;background:url("images/bg_pop_tit.png") 0 0 no-repeat}[class*='popup-'] .btn-close{position:absolute;top:0;right:0;display:block;overflow:hidden;line-height:0;font-size:0;color:transparent;text-indent:-9999px;width:80px;height:80px;background-color:#fff;opacity:0;filter:alpha(opacity=1)}.popup-notice h3{-ms-background-position-y:-80px;background-position-y:-80px}.popup-notice__ranking h3{display:none}[class*='popup-ranking']{width:830px;margin-left:-415px;margin-bottom:40px;padding-bottom:40px;background:#fff}[class*='popup-ranking'] .ranking-table{padding:40px 0 0;width:750px;margin:0 auto}[class*='popup-ranking'] .ranking-table table{width:100%}[class*='popup-ranking'] .ranking-table th,[class*='popup-ranking'] .ranking-table td{text-align:center;font-weight:normal;font-size:16px;height:50px}[class*='popup-ranking'] .ranking-table th{background:#5c8cbb;color:#fff;border-left:1px solid #7699bc}[class*='popup-ranking'] .ranking-table td{background:#e3eaf2;color:#0f4d89;border-top:1px solid #d4dae1;border-left:1px solid #d4dae1}[class*='popup-ranking'] .ranking-table tr:first-child td{border-top:none 0}[class*='popup-ranking'] .search-area{margin:0 0 -21px 40px;position:relative;z-index:1;padding:32px 0 0;text-align:center;overflow:hidden}[class*='popup-ranking'] .search-area fieldset{font-size:0;line-height:0}[class*='popup-ranking'] .search-area .search-title,[class*='popup-ranking'] .search-area .selectbox,[class*='popup-ranking'] .search-area .textbox,[class*='popup-ranking'] .search-area .btn-search{display:inline-block;height:28px;color:#0f4d89;font-size:15px;vertical-align:middle}[class*='popup-ranking'] .search-area .search-title{height:30px;padding-right:15px;line-height:30px;text-align:left}[class*='popup-ranking'] .search-area .selectbox{position:relative;width:138px;overflow:hidden;background:#fff;border:1px solid #b3b5c6}[class*='popup-ranking'] .search-area .selectbox .selected{display:block;width:100%;height:100%;text-indent:9px;line-height:28px;font-size:15px;text-align:left;color:#0f4d89;background:#fff url("images/ico_selectbox_g.png") 90% 50% no-repeat}[class*='popup-ranking'] .search-area .selectbox select{display:block;width:100%;height:100%;position:absolute;top:0;left:0;opacity:0;filter:alpha(opacity=0);-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0 0 0 9px;border:none 0;outline:none 0;font-size:15px;color:#0f4d89;background:#fff}[class*='popup-ranking'] .search-area .textbox{position:relative;width:178px;padding:0 10px;margin:0 10px;background:#fff;border:1px solid #b3b5c6}[class*='popup-ranking'] .search-area .textbox input{display:block;width:100%;height:100%;border:none 0;outline:none 0;color:#0f4d89;background:#fff;font-size:15px}[class*='popup-ranking'] .search-area .textbox input:-ms-input-placeholder{color:#0f4d89}[class*='popup-ranking'] .search-area .textbox input::-webkit-input-placeholder{color:#0f4d89}[class*='popup-ranking'] .search-area .textbox input::-moz-placeholder{color:#0f4d89}[class*='popup-ranking'] .search-area .textbox input::-moz-placeholder{color:#0f4d89}[class*='popup-ranking'] .search-area .btn-search{width:88px;height:30px;font-size:0;text-indent:-9999em;vertical-align:middle;background:url("images/btn_search.png") 0 0 no-repeat}.popup-ranking__blue h3{background-position-y:0}.pager{clear:both;position:relative;padding:28px 0;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:27px;margin:0 8px;color:#0f4d89;text-align:center;line-height:27px;font-size:16px;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;width:32px;height:27px;text-indent:-10000px;border:0;margin:0 15px}.pager .previous,.pager .previous:hover{background:transparent url("images/btn_paging_prev.png") center no-repeat}.pager .next,.pager .next:hover{margin:0 15px;background:transparent url("images/btn_paging_next.png") center no-repeat}.pager .current{display:inline-block;height:27px;margin:0 8px;color:#ea3511;text-align:center;line-height:27px;font-size:16px;letter-spacing:-0.1em}.pager .disabled{display:none}.pager span,.pager a,.pager a:hover{display:inline-block;vertical-align:middle}*+html .pager{margin-top:0}.pager .first,.pager .last{display:none}.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:0;bottom:50px;width:82px;height:78px;background:url(images/btn_top.png) no-repeat;right:inherit;left:50%;margin-left:621px}.btn-top.active{position:fixed;opacity:1}.btn-top.exception{bottom:314px}.floating-nav{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:0;z-index:10;position:absolute;right:0;bottom:80px;width:116px;height:207px;background:url(images/btn_top.png) no-repeat;z-index:12;overflow:visible;right:inherit;left:50%;margin-left:610px;text-indent:0;background:url(images/bg_floating.png) no-repeat}.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{padding:10px 20px 10px 10px;height:190px}.floating-nav li{height:33.333%}.floating-nav li:hover,.floating-nav li.active{background:url(images/bg_floating.png) no-repeat -126px -10px}.floating-nav li:nth-child(2):hover,.floating-nav li:nth-child(2).active{background-position-y:-67px}.floating-nav li:nth-child(3):hover,.floating-nav li:nth-child(3).active{background-position-y:-123px}