@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 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}.e-header .e-cover .btn-play{position:relative}.e-header .e-cover .btn-play:before{content:"";display:block;width:100%;height:100%;background:inherit;background-position-y:100%;position:absolute;top:0;left:0;opacity:0;-webkit-transition:opacity .5s ease;transition:opacity .5s ease}.e-header .e-cover .btn-play:hover:before,.e-header .e-cover .current.btn-play:before{opacity:1}body{background:#000}button{background:transparent;cursor:pointer}.global-top-bar-container{min-width:1024px}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 .bi,.e-header .e-util .btn-home,.e-header .e-util .today label,.e-header .e-cover .btn-play,.e-event p,[class*="popup-"] .btn-close{font-size:0;text-indent:-9999em}.e-container{overflow:hidden;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-wrap{position:relative;width:1024px;height:100%;margin:0 auto;box-sizing:border-box;text-align:center}.badge{position:absolute;right:35px;top:130px;z-index:5}#footer{position:relative;height:68px;background:#000;z-index:10}#footer .copyright{text-align:center;font-size:12px;color:rgba(255,255,255,0.5);letter-spacing:0;line-height:68px}.e-shadow{position:fixed;left:0;top:0;right:0;bottom:0;width:100%;height:100%;background:rgba(0,0,0,0.8);z-index:40;display:none}.disabled,:disabled{cursor:default;pointer-events:none}#canvas{display:block;position:absolute;top:0;left:50%;z-index:2;margin-left:-960px;pointer-events:none}.hide{position:absolute;overflow:hidden;clip:rect(0 0 0 0);margin:-1px;width:1px;height:1px}.e-header{position:relative;height:800px;background:url("images/bg_header.jpg") 50% 0 no-repeat}.e-header .bi{position:absolute;top:30px;left:20px;width:235px;height:144px;background:url("images/bi.png") center no-repeat;z-index:5}.e-header .bi a{display:block;width:100%;height:100%}.e-header .e-util{position:absolute;top:30px;right:30px;z-index:30;width:174px;text-align:right}.e-header .e-util .btn-home,.e-header .e-util .today label{display:inline-block;background:url("images/img_util.png") 100% 100% no-repeat;vertical-align:middle}.e-header .e-util .btn-home{width:100%;height:36px;margin-bottom:13px;background-position:0 0}.e-header .e-util .btn-home:hover{background-position-x:100%}.e-header .e-util .today{display:inline-block;width:120px;height:25px;margin-right:5px;vertical-align:middle}.e-header .e-util .today label{position:relative;display:block;width:100%;height:100%;cursor:pointer}.e-header .e-util .today label:before{content:"";position:absolute;top:8px;left:-23px;display:block;width:18px;height:18px;background:url("images/bg_check.png") 0 0 no-repeat}.e-header .e-util .today .chk{position:absolute;overflow:hidden;clip:rect(0 0 0 0);margin:-1px;width:1px;height:1px}.e-header .e-util .today .chk:checked+label:before{background-position-y:100%}.e-header .e-cover{position:absolute;width:1280px;top:0;left:50%;transform:translateX(-50%);z-index:3}.e-header .e-cover .title{position:absolute;top:114px;left:310px;width:660px;height:357px;opacity:0;background:url("images/title.png") 50% 0 no-repeat;animation:opacityBg 1.2s linear forwards,shining 3s .3s ease-in-out infinite}.e-header .e-cover .btn-play{position:absolute;top:503px;left:50%;transform:translateX(-50%);display:block;width:134px;height:134px;background:url("images/btn_play.png") no-repeat}.e-header .e-cover .btn-play:hover{filter:drop-shadow(9px 9px 18px rgba(255,213,147,0.5));transition:filter .5s ease}.e-header:after{position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:#000;content:"";z-index:30;opacity:1;-webkit-transition:all .8s ease-out;transition:all .8s ease-out}.loaded .e-header:after{opacity:0;visibility:hidden}.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:240px;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:800px;left:0;z-index:30;width:100%;height:120px;box-shadow:0 4px 10px 8px rgba(0,0,0,0.3)}.e-nav nav{display:flex;justify-content:center}.e-nav nav a{display:block;width:240px}.e-nav nav a:hover{background-position-y:100%}.e-nav nav a.current{background-position-y:100%}.e-nav .navigation{font-size:0}.e-nav .navigation a:nth-child(1){background-position-x:0}.e-nav .navigation a:nth-child(2){background-position-x:-240px}.e-nav .navigation a:nth-child(3){background-position-x:-480px}.e-nav .navigation a:nth-child(4){background-position-x:-720px}.e-nav .navigation a:nth-child(5){background-position-x:-960px}.e-nav .navigation a:nth-child(6){background-position-x:-1200px}.e-nav--fixed{bottom:inherit;top:0}.e-event{position:relative;background-repeat:no-repeat;background-position:50% 100%;margin-top:120px}.e-event1{background-image:url("images/bg_event1.jpg")}.e-event2{background-image:url("images/bg_event2.jpg")}.e-event3{background-image:url("images/bg_event3.jpg")}.e-event4{background-image:url("images/bg_event4.jpg")}.e-event5{background-image:url("images/bg_event5.jpg")}.e-event1-1{height:7176px}.e-event1-1 .cont1{position:relative;width:1280px;margin:auto;background:url("images/bg_event1_1.jpg")}.e-event1-1 .cont2{position:relative;width:1280px;margin:auto;background:url("images/bg_event1_2.jpg")}.e-event1-1 .cont3{position:relative;width:1280px;margin:auto;background:url("images/bg_event1_3.jpg")}.e-event1-1 .cont4{position:relative;width:1280px;margin:auto;background:url("images/bg_event1_4.jpg")}.e-event1-1 .cont5{position:relative;width:1280px;margin:auto;background:url("images/bg_event1_5.jpg")}.e-event1-1 .cont1{height:1280px}.e-event1-1 .cont2{height:1260px}.e-event1-1 .cont3{height:880px}.e-event1-1 .cont4{height:960px}.e-event1-1 .cont5{height:2796px}.e-event2-1{height:3439px}.e-event2-1 .cont1{position:relative;width:1280px;margin:auto;background:url("images/bg_event2_1.jpg")}.e-event2-1 .cont2{position:relative;width:1280px;margin:auto;background:url("images/bg_event2_2.jpg")}.e-event2-1 .cont3{position:relative;width:1280px;margin:auto;background:url("images/bg_event2_3.jpg")}.e-event2-1 .cont1{height:520px}.e-event2-1 .cont2{height:1626px;position:relative}.e-event2-1 .cont2 .equipment-gif{width:66px;height:66px;background:url("images/equipment.gif");position:absolute;left:608px;bottom:213px;background-size:cover;background-repeat:no-repeat;background-position:center bottom}.e-event2-1 .cont3{height:1293px}.e-event3-1{height:4790px}.e-event3-1 .cont1{position:relative;width:1280px;margin:auto;background:url("images/bg_event3_1.jpg")}.e-event3-1 .cont2{position:relative;width:1280px;margin:auto;background:url("images/bg_event3_2.jpg")}.e-event3-1 .cont1{height:1250px}.e-event3-1 .cont2{height:3540px}.e-event4-1{height:4146px}.e-event4-1 .cont1{position:relative;width:1280px;margin:auto;background:url("images/bg_event4_1.jpg")}.e-event4-1 .cont2{position:relative;width:1280px;margin:auto;background:url("images/bg_event4_2.jpg")}.e-event4-1 .cont3{position:relative;width:1280px;margin:auto;background:url("images/bg_event4_3.jpg")}.e-event4-1 .cont4{position:relative;width:1280px;margin:auto;background:url("images/bg_event4_4.jpg")}.e-event4-1 .cont1{height:1335px}.e-event4-1 .cont2{height:395px}.e-event4-1 .cont3{height:820px}.e-event4-1 .cont4{height:1596px;position:relative}.e-event4-1 .cont4 .emotion-wrap{width:804px;height:478px;display:flex;justify-content:space-between;position:absolute;left:238px;bottom:422px}.e-event4-1 .cont4 .emotion-wrap li{width:392px;height:100%}.e-event4-1 .cont4 .emotion-wrap li.emotion1{background:url("images/emotion1.gif");background-size:150% auto;background-repeat:no-repeat;background-position:center bottom}.e-event4-1 .cont4 .emotion-wrap li.emotion2{background:url("images/emotion2.gif");background-size:150% auto;background-repeat:no-repeat;background-position:center bottom}.e-event4 .skin-wrap{width:1100px;height:845px;display:flex;justify-content:space-between;margin:441px auto 0 auto}.e-event4 .skin-wrap li{position:relative;width:540px;height:100%;overflow:hidden}.e-event4 .skin-wrap li::before{content:'';position:absolute;left:0;top:0;right:0;bottom:0;opacity:0;transition:opacity .7s;z-index:1}.e-event4 .skin-wrap li.skin1::before{background:url("images/event4_card01.jpg") no-repeat center/cover}.e-event4 .skin-wrap li.skin2::before{background:url("images/event4_card02.jpg") no-repeat center/cover}.e-event4 .skin-wrap li.skin1:hover::before,.e-event4 .skin-wrap li.skin2:hover::before{opacity:1}[class*="popup-"]{display:none;position:fixed;left:50%;top:50%;z-index:50;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}[class*="popup-"] .btn-close{position:absolute;top:5px;right:-40px;display:block;width:28px;height:28px;background:url("images/btn_close.png") center no-repeat}.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:40px;width:85px;height:78px;background:url(images/btn_top.png) no-repeat}.btn-top.active{position:fixed;opacity:1}.btn-top:hover{background-position-y:100%}.popup-video{width:797px;height:497px;background:url("images/bg_frame.png") center no-repeat}.popup-video .iframe-layer{overflow:hidden;width:785px;height:485px;margin:6px;background-color:#000}.popup-video .iframe-layer iframe{width:100%;height:100%}@keyframes shining{0%{opacity:.3}50%{opacity:.8}100%{opacity:.3}}@keyframes opacityBg{0%{opacity:0}100%{opacity:1}}@keyframes slideObj{0%,100%{transform:translate(0,0)}50%{transform:translate(5px,-5px)}}