.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}html,body{height:100%;min-height:100%;background-color:#fff;min-width:1280px}button{border:none 0;outline:none 0;cursor:pointer;background-color:transparent}.e-skip,.e-footer{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,.e-event1 .btn-red,.e-event1 .btn-blue,.e-event2 .e-lucky .btn-red,.e-event2 .e-lucky .btn-blue{background-color:#fff;opacity:0;filter:alpha(opacity=1)}.e-blind,.e-header .header-animation h2,.e-header .header-animation p,.e-contents .btn-top,.e-event2 .e-reward .before-login,.e-event2 .e-reward .before,.e-event2 .e-reward .end,.e-event2 .e-reward .before-login .btn-login,.e-event2 .e-reward .attendance li .btn-get,.e-event2 .e-reward .special li .btn-purchase{font-size:0;text-indent:-9999em}.layout,.e-event2 .e-lucky{width:1280px;margin:0 auto}.e-container:after{display:block;content:'';-webkit-transition:all .4s ease;transition:all .4s ease}.e-header{position:relative;height:795px}.e-header .bi{width:172px;height:87px;position:absolute;top:36px;left:0;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:0}.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:134px;width:843px;height:550px;margin:0 auto;background:url("images/bg_title_default.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}.e-header .title::after{content:'';background-image:url("images/bg_title.png");display:block;width:100%;height:100%;-webkit-animation:opacity-title2 3.4s 3s linear infinite both;animation:opacity-title2 3.4s 3s linear infinite both;opacity:0}.e-header .title-object{position:absolute;width:315px;height:315px;background:url("images/bg_title_object.png") center no-repeat;top:326px;margin-left:841px;z-index:9;opacity:0;-webkit-animation:roling 1.8s 1.6s cubic-bezier(0.23,1,0.32,1) both;animation:roling 1.8s 1.6s cubic-bezier(0.23,1,0.32,1) both;animation-fill-mode:forwards}.e-header .header-animation{height:100%}.e-header .header-animation::after{content:'';position:absolute;width:1524px;height:228px;bottom:42px;margin-left:-282px}.e-header .header-animation .left-object{position:absolute;top:15%;margin-left:-160px;-webkit-animation:char-top .6s 1s cubic-bezier(0.39,0.575,0.565,1) both;animation:char-top .6s 1s cubic-bezier(0.39,0.575,0.565,1) both}.e-header .header-animation .left-object::after{content:'';position:absolute;display:block;width:210px;height:113px;background:url("images/bg_header_object1.png") no-repeat;top:33px;left:50%;margin-left:-21%;-webkit-animation:shake 7s 2s ease-in-out infinite both;animation:shake 7s 2s ease-in-out infinite both}.e-header .header-animation .right-object{position:absolute;right:0;margin-right:-171px;top:240px;-webkit-animation:shake 10s ease-in-out infinite both;animation:shake 10s ease-in-out infinite both}.e-header .header-animation::before{content:'';position:absolute;top:325px;left:-312px;width:518px;height:470px;z-index:2;background:url("images/bg_header_after.png") center no-repeat}.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:50%;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:795px;height:104px;z-index:10;background-repeat:repeat-x}.e-nav--fixed{top:0;left:0}.e-nav nav a:nth-child(2){background-position-x:100%}.e-contents{margin-top:100px}.e-contents [class*='e-event']{position:relative;background-position:50% 0;background-repeat:no-repeat}.e-contents .btn-top{display:none;width:70px;height:71px;position:fixed;bottom:150px;right:59px;z-index:6;background:url("images/btn_top.png") 0 0 no-repeat}.e-contents .btn-top:hover{background-position-x:100%}.e-contents .e-shadow{display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:9;background:rgba(0,0,0,0.8)}.e-event1{height:3518px;background-image:url("images/img_event1.jpg")}.e-event1 section{height:100%}.e-event1 .btn-red,.e-event1 .btn-blue{width:313px;height:85px;bottom:226px;position:absolute;left:50%}.e-event1 .btn-red{margin-left:-320px}.e-event1 .btn-blue{margin-left:6px}.e-event2{height:5301px;background-image:url("images/img_event2.jpg")}.e-event2 .e-lucky .lucky-box{position:absolute;top:935px;left:50%;transform:translateX(-50%);display:flex;width:974px}.e-event2 .e-lucky .lucky-date,.e-event2 .e-lucky .lucky-day{width:50%;height:97px;line-height:100px;font-size:32px;color:#222;font-weight:900;text-align:center}.e-event2 .e-lucky .btn-red,.e-event2 .e-lucky .btn-blue{width:313px;height:85px;top:1068px;position:absolute;left:50%}.e-event2 .e-lucky .btn-red{margin-left:-320px}.e-event2 .e-lucky .btn-blue{margin-left:6px}.e-event2 .e-reward{width:1220px;position:absolute;top:1416px;left:50%;transform:translateX(-50%)}.e-event2 .e-reward .before-login,.e-event2 .e-reward .before,.e-event2 .e-reward .end{display:block;width:1220px;height:2479px;background-position:50% 0;background-repeat:no-repeat;position:absolute;top:0;z-index:4}.e-event2 .e-reward .before-login{background-image:url("images/img_luck_before_login.png")}.e-event2 .e-reward .before-login .btn-login{display:block;width:255px;height:93px;position:absolute;top:724px;left:95px}.e-event2 .e-reward .before{background-image:url("images/img_luck_before.png")}.e-event2 .e-reward .end{background-image:url("images/img_luck_end.png")}.e-event2 .e-reward .update{position:absolute;right:0;top:-66px;text-align:right}.e-event2 .e-reward .notice,.e-event2 .e-reward .update-time{font-size:20px;color:#4e4d48;font-weight:bold;letter-spacing:-.5px}.e-event2 .e-reward .attendance{position:relative;z-index:3;width:100%;overflow:hidden}.e-event2 .e-reward .attendance li{position:relative;float:left;width:290px;height:290px;margin-right:20px}.e-event2 .e-reward .attendance li .btn-get{width:290px;height:49px;position:absolute;top:215px;left:0;background:url("images/btn_get.png") 0 -49px no-repeat}.e-event2 .e-reward .attendance li .btn-get[disabled]{background-position-y:0;cursor:default;pointer-events:none}.e-event2 .e-reward .attendance li .btn-get.success{width:100%;height:100%;top:0;background-position-y:-98px}.e-event2 .e-reward .attendance li:nth-child(4),.e-event2 .e-reward .attendance li:nth-child(8),.e-event2 .e-reward .attendance li:nth-child(12),.e-event2 .e-reward .attendance li:nth-child(16),.e-event2 .e-reward .attendance li:nth-child(20){margin-right:0}.e-event2 .e-reward .attendance li.day5{margin-top:20px}.e-event2 .e-reward .attendance li.day6{margin-top:20px}.e-event2 .e-reward .attendance li.day7{margin-top:20px}.e-event2 .e-reward .attendance li.day8{margin-top:20px}.e-event2 .e-reward .attendance li.day9{margin-top:20px}.e-event2 .e-reward .attendance li.day10{margin-top:20px}.e-event2 .e-reward .attendance li.day11{margin-top:20px}.e-event2 .e-reward .attendance li.day12{margin-top:20px}.e-event2 .e-reward .attendance li.day13{margin-top:20px}.e-event2 .e-reward .attendance li.day14{margin-top:20px}.e-event2 .e-reward .attendance li.day15{margin-top:20px}.e-event2 .e-reward .attendance li.day16{margin-top:20px}.e-event2 .e-reward .attendance li.day17{margin-top:20px}.e-event2 .e-reward .attendance li.day18{margin-top:20px}.e-event2 .e-reward .attendance li.day19{margin-top:20px}.e-event2 .e-reward .attendance li.day20{margin-top:20px}.e-event2 .e-reward .special{position:absolute;top:1675px;display:flex}.e-event2 .e-reward .special li{position:relative;width:406px;height:381px}.e-event2 .e-reward .special li .btn-purchase{width:406px;height:49px;position:absolute;top:313px;left:0;margin-left:0;background-position-x:0;background-position-y:0;background-image:url("images/btn_get_chance.png")}.e-event2 .e-reward .special li .btn-purchase[disabled]{background-position-y:-49px;cursor:default;pointer-events:none}.e-event2 .e-reward .special li .btn-purchase.success{width:100%;height:100%;top:0;background-position-y:-98px}.e-event2 .e-reward .special li.special20{position:absolute;top:381px;right:0;width:1218px;height:420px}.e-event2 .e-reward .special li.special20.success::after{content:'';position:absolute;left:0;top:0;display:block;width:100%;height:100%;background:url("images/btn_get_chance20.png") no-repeat;background-position-y:-98px}.e-event2 .e-reward .special li.special20.success .btn-purchase{background-position-y:-49px;cursor:default;pointer-events:none}.e-event2 .e-reward .special li.special20 .btn-purchase{top:308px;height:49px;background-image:url("images/btn_get_chance20.png");background-position-x:50%;background-position-y:0}.e-event2 .e-reward .special li.special20 .btn-purchase[disabled]{background-position-y:-49px;cursor:default;pointer-events:none}.e-event2 .e-reward .special li.special20 .btn-purchase:first-child.success{left:-406px;background-position-y:-49px;cursor:default;pointer-events:none}.e-event2 .e-reward .special li.special20 .btn-purchase:first-child+button.success{left:0;background-position-y:-49px;cursor:default;pointer-events:none}.e-event2 .e-reward .special li.special20 .btn-purchase:first-child+button+button.success{left:406px;background-position-y:-49px;cursor:default;pointer-events:none}.e-event2 .e-reward .special li.special20 .btn-purchase:first-child{left:0}.e-event2 .e-reward .special li.special20 .btn-purchase:first-child+button{left:406px}.e-event2 .e-reward .special li.special20 .btn-purchase:first-child+button+button{left:812px}.loaded.e-container:after{opacity:0;height:0}@-webkit-keyframes translateH{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes translateH{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes opacityOn{0%{opacity:1}50%{opacity:.3}100%{opacity:1}}@keyframes opacityOn{0%{opacity:1}50%{opacity:.3}100%{opacity:1}}@-webkit-keyframes opacity-title{0%{opacity:0}100%{opacity:1}}@keyframes opacity-title{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes opacity-title2{0%,100%{opacity:.3}30%{opacity:.6}50%{opacity:.9}80%{opacity:.5}}@keyframes opacity-title2{0%,100%{opacity:.3}30%{opacity:.6}50%{opacity:.9}80%{opacity:.5}}@-webkit-keyframes roling{0%{-webkit-transform:translateX(-400px) rotate(-720deg);transform:translateX(-400px) rotate(-720deg);-webkit-filter:blur(50px);filter:blur(50px);opacity:0}100%{-webkit-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0);-webkit-filter:blur(0);filter:blur(0);opacity:1}}@keyframes roling{0%{-webkit-transform:translateX(-400px) rotate(-720deg);transform:translateX(-400px) rotate(-720deg);-webkit-filter:blur(50px);filter:blur(50px);opacity:0}100%{-webkit-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0);-webkit-filter:blur(0);filter:blur(0);opacity:1}}@-webkit-keyframes char-top{0%{-webkit-transform:translateX(-100px) translateY(300px);transform:translateX(-100px) translateY(300px)}100%{-webkit-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0)}}@keyframes char-top{0%{-webkit-transform:translateX(-100px) translateY(300px);transform:translateX(-100px) translateY(300px)}100%{-webkit-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0)}}@-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}15%{-webkit-transform:translateX(-4px) rotate(-3deg);transform:translateX(-4px) rotate(-3deg)}30%{-webkit-transform:translateX(4px) rotate(3deg);transform:translateX(4px) rotate(3deg)}45%{-webkit-transform:translateX(-4px) rotate(-1.8deg);transform:translateX(-4px) rotate(-1.8deg)}60%{-webkit-transform:translateX(2px) rotate(1.2deg);transform:translateX(2px) rotate(1.2deg)}75%{-webkit-transform:translateX(-1.5px) rotate(-0.6deg);transform:translateX(-1.5px) rotate(-0.6deg)}}@keyframes shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}15%{-webkit-transform:translateX(-4px) rotate(-3deg);transform:translateX(-4px) rotate(-3deg)}30%{-webkit-transform:translateX(4px) rotate(3deg);transform:translateX(4px) rotate(3deg)}45%{-webkit-transform:translateX(-4px) rotate(-1.8deg);transform:translateX(-4px) rotate(-1.8deg)}60%{-webkit-transform:translateX(2px) rotate(1.2deg);transform:translateX(2px) rotate(1.2deg)}75%{-webkit-transform:translateX(-1.5px) rotate(-0.6deg);transform:translateX(-1.5px) rotate(-0.6deg)}}