.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}html,body{min-width:1280px;background:#fff}button{outline:0;cursor:pointer;border:0 none}button:disabled{cursor:default;pointer-events:none}.e-blind,.e-btn,.roll-dice .btn-rolling{font-size:0;color:transparent;line-height:0;text-indent:-9999em}.ellipsis1,.game-score .score>div #point{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:break-all}.e-btn{display:block}.e-container{position:relative;max-width:1920px;margin:auto;overflow:hidden;box-sizing:border-box}.e-container .e-event-game .cont1{position:relative;background:url("images/bg_event1_1.jpg") 50% 0 no-repeat}.e-container .e-event-game .cont1 .cont-wrap{position:relative;width:1280px;height:100%;margin:auto;background:url("images/bg_event1_sect1.jpg") 50% 0 no-repeat}.e-container .e-event-game .cont2{position:relative;background:url("images/bg_event1_2.jpg") 50% 0 no-repeat}.e-container .e-event-game .cont2 .cont-wrap{position:relative;width:1280px;height:100%;margin:auto;background:url("images/bg_event1_sect2.jpg") 50% 0 no-repeat}.e-container .e-event-game .cont3{position:relative;background:url("images/bg_event1_3.jpg") 50% 0 no-repeat}.e-container .e-event-game .cont3 .cont-wrap{position:relative;width:1280px;height:100%;margin:auto;background:url("images/bg_event1_sect3.jpg") 50% 0 no-repeat}.e-container .e-event-game .cont1{height:520px}.e-container .e-event-game .cont2{height:2143px}.e-container .e-event-game .cont3{height:1350px}.e-container .e-event-game .cont3 .left-char,.e-container .e-event-game .cont3 .right-char{top:-42%}.e-container .e-event-game .cont3 .left-char{position:absolute;width:520px;height:697px;left:0;background:url("images/char_left.png") 50% 0 no-repeat}.e-container .e-event-game .cont3 .right-char{position:absolute;right:0;width:301px;height:675px;background:url("images/char_right.png") 50% 0 no-repeat}.header{position:relative;width:100%;max-width:1920px;min-width:1280px;height:873px;background:url("images/bg_header.jpg") 50% 0 no-repeat}.header .e-wrap{width:100%;max-width:1920px}.header .bi{position:absolute;top:48px;left:44px;z-index:10;overflow:hidden;width:199px;height:60px;background:url("images/bi.png") no-repeat;text-indent:-1000em;box-sizing:border-box}.header .bi a{display:block;width:100%;height:100%}.header .today{position:relative;text-align:right;margin:20px 0 15px}.header .today .chk{position:absolute;overflow:hidden;clip:rect(0 0 0 0);margin:-1px;width:1px;height:1px}.header .today .chk:checked+label:before{background-position:0 -12px}.header .today label{position:relative;padding:0 0 0 20px;color:#000;text-shadow:-1px 0 #fff,0 1px #fff,1px 0 #fff,0 -1px #fff;font-weight:bold;font-size:16px;cursor:pointer}.header .today label:before{content:"";position:absolute;top:4px;left:0;display:block;width:12px;height:12px;background:url("images/bg_check.png") no-repeat}.header .today input[type="checkbox"]{vertical-align:text-bottom}.header .home{position:absolute;top:40px;right:40px;z-index:10;display:flex;flex-direction:column;align-items:flex-end}.header .home a[class^="btn-"]{overflow:hidden;display:block;width:145px;height:58px;background-image:url("images/btn_home.png");background-repeat:no-repeat;text-indent:-1000em}.header .home a[class^="btn-"]:hover{background-position-y:100%}.animation-box{position:relative}.animation-box .top{position:absolute;width:944px;top:68px;left:50%;transform:translate(-50%,-100px);z-index:1;opacity:0;animation:centerDown .3s linear forwards}.animation-box .sub-title{text-align:center}.animation-box .title-box>div{position:absolute}.animation-box .title-box .left-title{top:78px;left:90px;transform:translateX(185px);animation:slideObj .4s .3s ease-in-out forwards}.animation-box .title-box .center-title{display:flex;top:52px;left:297px;opacity:0;transform:scale(0);animation:scaleObj .4s .3s ease-in-out forwards}.animation-box .title-box .center-title .obj{animation:wobbleObj 1.3s .5s linear infinite}.animation-box .title-box .right-title{top:78px;right:6px;transform:translateX(-185px);animation:slideObj .4s .3s ease-in-out forwards}.animation-box .period{position:absolute;left:51%;transform:translateX(-50%);top:204px}.animation-box .char{position:relative;width:1280px;margin:auto}.animation-box .char>div{position:absolute}.animation-box .char>div span{display:block}.animation-box .char .left-char{top:372px;left:-5px}.animation-box .char .left-char span{width:484px;height:495px;background:url("images/main_char_left.png") 50% 0 no-repeat}.animation-box .char .right-char{top:338px;right:55px}.animation-box .char .right-char span{width:425px;height:530px;background:url("images/main_char_right.png") 50% 0 no-repeat}.animation-box .char .center-char{top:460px;left:555px;animation:slideObj2 1.8s ease-in-out infinite}.animation-box .char .center-char span{width:164px;height:185px;background:url("images/main_char_center.png") 50% 0 no-repeat}@keyframes centerDown{to{opacity:1;transform:translate(-50%,0)}}@keyframes slideObj{to{transform:translate(0,0)}}@keyframes slideObj2{0%,100%{transform:translate(0,0)}50%{transform:translate(0,3px)}}@keyframes slideObj3{0%,100%{transform:translate(0,0)}50%{transform:translate(3px,0)}}@keyframes slideObj4{0%,100%{transform:translate(0,0)}50%{transform:translate(0,2px)}}@keyframes scaleObj{to{opacity:1;transform:scale(1)}}@keyframes wobbleObj{0%,100%{transform:translateX(0);transform-origin:50% 50%}15%{transform:translateX(-4px) rotate(-1.5deg)}30%{transform:translateX(2px) rotate(1.5deg)}45%{transform:translateX(-2px) rotate(-0.9deg)}60%{transform:translateX(1.2px) rotate(0.6deg)}75%{transform:translateX(-1px) rotate(-0.3deg)}}.cont{position:relative}.cont img{display:block;margin:auto}.cont .btn-event{position:absolute;bottom:80px;left:50%;transform:translateX(-50%);width:445px;height:124px;background:url("images/btn_eventpage.png") no-repeat;filter:drop-shadow(0 0 6px rgba(0,0,0,0.3))}.cont .btn-event:hover{background-position-y:100%}.game-box{position:absolute;top:7.5%;left:50%;transform:translateX(-50%);width:1280px}.game-score{position:absolute;width:100%;left:50%;transform:translateX(-50%)}.game-score .login{position:absolute;top:210px;left:50%;transform:translateX(-50%);text-align:center;z-index:1;width:976px;height:127px;background:url("images/bg_login.png") 50% 0 no-repeat;display:flex;justify-content:center;align-items:center;padding-left:70px}.game-score .login p{font-size:30px;font-weight:800;letter-spacing:-1px;color:#fff}.game-score .login p a{position:relative;color:#f4a804}.game-score .login p a::before{content:"";position:absolute;width:100%;height:3px;bottom:-4px;background-color:#f4a804}.game-score .login p a:hover{color:#fa4545}.game-score .login p a:hover::before{background-color:#fa4545}.game-score .score{position:absolute;width:100%;top:210px;left:calc(50% - 38px);transform:translateX(-50%)}.game-score .score>div{position:absolute;left:176px;width:456px;height:121px;padding:0 0 15px 38px;display:flex;justify-content:center;align-items:center;background:url("images/bg_score.png") 50% 0 no-repeat}.game-score .score>div+div{left:641px}.game-score .score>div .img-box{width:160px}.game-score .score>div .number{display:block;color:#fff6e2;font-size:30px}.game-score .score>div #point{max-width:250px;line-height:34px;margin-left:10px}.game-board{box-sizing:border-box;position:relative;top:406px;width:1280px;height:1248px;margin:auto;background:url("images/bg_board.jpg") 50% 0 no-repeat}.game-board .board{position:relative;margin-left:73px;padding-top:56px;width:1135px;height:1125px}.game-board .cell{width:190px;height:190px}.game-board .cell>span{overflow:hidden;line-height:0;font-size:0;color:transparent;text-indent:-9999px}.game-board .cell0{position:relative;float:left;margin-right:46px}.game-board .cell0:after{left:60px;top:-40px}.game-board .cell1{position:relative;float:left;margin-right:46px}.game-board .cell1:after{left:60px;top:-40px}.game-board .cell2{position:relative;float:left;margin-right:46px}.game-board .cell2:after{left:60px;top:-40px}.game-board .cell3{position:relative;float:left;margin-right:46px}.game-board .cell3:after{left:60px;top:-40px}.game-board .cell4{position:relative;float:left;margin-right:46px}.game-board .cell4:after{left:60px;top:-40px}.game-board .cell5{position:absolute;right:2px}.game-board .cell5:after{left:62px;top:-40px}.game-board .cell6{position:absolute;right:2px}.game-board .cell6:after{left:62px;top:-40px}.game-board .cell7{position:absolute;right:2px}.game-board .cell7:after{left:62px;top:-40px}.game-board .cell8{position:relative;float:right;margin-top:754px;margin-right:48px}.game-board .cell8:after{left:58px;top:-40px}.game-board .cell9{position:relative;float:right;margin-top:754px;margin-right:48px}.game-board .cell9:after{left:58px;top:-40px}.game-board .cell10{position:relative;float:right;margin-top:754px;margin-right:48px}.game-board .cell10:after{left:58px;top:-40px}.game-board .cell11{position:relative;float:right;margin-top:754px;margin-right:48px}.game-board .cell11:after{left:58px;top:-40px}.game-board .cell12{position:relative;float:right;margin-top:754px;margin-right:48px}.game-board .cell12:after{left:58px;top:-40px}.game-board .cell13{position:absolute;left:0}.game-board .cell13:after{left:55px;top:-40px}.game-board .cell14{position:absolute;left:0}.game-board .cell14:after{left:55px;top:-40px}.game-board .cell15{position:absolute;left:0}.game-board .cell15:after{left:55px;top:-40px}.game-board .cell4,.game-board .cell8{margin-right:0}.game-board .cell5,.game-board .cell15{top:292px}.game-board .cell6,.game-board .cell14{top:528px}.game-board .cell7,.game-board .cell13{top:764px}.game-board .cell12{margin-right:39px}.game-board .cell.active:after{content:"";display:block;position:absolute;z-index:10;width:75px;height:115px;background:url(images/pin.png) no-repeat}.game-board .cell.active .btn-reward{background-position-y:100%;pointer-events:auto}.game-board .btn-reward{overflow:hidden;line-height:0;font-size:0;color:transparent;text-indent:-9999px;margin-top:128px;width:100%;height:39px;pointer-events:none;background:url(images/btn_reward.png) no-repeat;border-bottom-left-radius:14px;border-bottom-right-radius:14px}.roll-dice{position:absolute;top:333px;left:50%;transform:translateX(-50%);width:600px;height:600px}.roll-dice .btn-rolling{position:absolute;left:50%;transform:translateX(-50%);bottom:80px;display:block;width:343px;height:124px;z-index:1;background:url("images/btn_dice.png") no-repeat;filter:drop-shadow(0 0 6px rgba(0,0,0,0.3))}.roll-dice .btn-rolling:hover{background-position-y:50%}.roll-dice .btn-rolling[disabled]{background-position-y:100%}.roll-dice .dice-wrap{position:absolute;left:0;top:0;width:100%;height:100%}.roll-dice .dice-wrap .dice{position:relative;top:27px;width:362px;height:343px;margin:auto;transform-style:preserve-3d;animation-duration:.8s;animation-timing-function:linear;animation-delay:0s;animation-direction:normal;animation-fill-mode:forwards;animation-play-state:running;background:url(images/yut.png) 50% no-repeat}.roll-dice .dice-wrap .dice.show-1{background:url("images/yut1.png") 50% 0 no-repeat}.roll-dice .dice-wrap .dice.show-2{background:url("images/yut2.png") 50% 0 no-repeat}.roll-dice .dice-wrap .dice.show-3{background:url("images/yut3.png") 50% 0 no-repeat}.roll-dice .dice-wrap .dice.show-4{background:url("images/yut4.png") 50% 0 no-repeat}.roll-dice .dice-wrap .dice.show-5{background:url("images/yut5.png") 50% 0 no-repeat}.roll-dice .dice-wrap .side{position:absolute;width:362px;height:343px;display:none}.yut-animate{animation:yutRotate 1.5s linear both}@keyframes yutRotate{0%{transform:rotate(0)}100%{transform:rotate(5400deg)}}.bonus{position:absolute;top:435px;left:50%;transform:translateX(-50%)}.bonus .reward{height:220px;width:1120px;margin-top:35px;display:flex;align-items:flex-start;justify-content:center}.bonus .reward li{position:relative;width:170px;height:132px;margin-right:5px}.bonus .reward li.active{width:180px;height:132px;position:relative}.bonus .reward li.active:after{content:"";position:absolute;width:180px;height:165px;bottom:0;background:url("images/pocket_active2.png") no-repeat}.bonus .reward li.active .pocket{background:url("images/pocket_active.png") no-repeat}.bonus .reward li button{overflow:hidden;line-height:0;font-size:0;color:transparent;text-indent:-9999px;z-index:2;position:absolute;left:50%;transform:translateX(-50%);bottom:-52px;width:113px;height:36px;background:url(images/btn_receive.png)}.bonus .reward li .pocket{display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:url("images/pocket.png") no-repeat;background-position-x:100%}.bonus .reward li .pocket img{position:absolute;left:51%;transform:translateX(-50%);top:19px}.bonus .reward li .btn-receive[disabled]{background-position-y:-72px}.bonus .reward li .btn-receive[disabled]+.pocket{background-position-x:100%}.bonus .reward li .btn-receive:not(:disabled):hover{background-position-y:-36px}.bonus .reward li .btn-complete{background-position-y:100%;cursor:default}.bonus .reward li .btn-complete+.pocket{background-position:100% 100%}.bonus .reward li .btn-complete+.pocket img{display:block;filter:grayscale(1)}.bonus .gauge{position:relative;top:-14px;left:15px;box-sizing:border-box;width:1084px;height:88px}.bonus .gauge .bar{box-sizing:border-box;position:relative;width:0;height:86px;background:url("images/gauge.png") center no-repeat;border:4px solid #f77d1a;border-radius:50px}.bonus .gauge .pin div{display:block;position:absolute;top:1px;padding-top:0;width:206px;height:25px;text-align:center;font-weight:700;font-size:0;color:#dcd2a2;background:url("images/pin.png") no-repeat 0 0/100% auto}.bonus .gauge .pin div.complete{padding-top:102px;height:138px;font-size:16px}.bonus .gauge .pin div:first-child{left:-102px}.bonus .gauge .pin div:first-child+div{left:233px}.bonus .gauge .pin div:first-child+div+div{left:568px}.bonus .gauge .pin div:first-child+div+div+div{left:903px}.bonus .gauge .bar,.bonus .gauge0 .bar{display:none}.bonus .gauge1 .bar{display:block;width:calc((160px / 3) * 1)}.bonus .gauge2 .bar{display:block;width:calc((160px / 3) * 2)}.bonus .gauge3 .bar{display:block;width:calc((160px / 3) * 3)}.bonus .gauge4 .bar{display:block;width:calc((924px / 12) * (4 - 3) + 160px)}.bonus .gauge5 .bar{display:block;width:calc((924px / 12) * (5 - 3) + 160px)}.bonus .gauge6 .bar{display:block;width:calc((924px / 12) * (6 - 3) + 160px)}.bonus .gauge7 .bar{display:block;width:calc((924px / 12) * (7 - 3) + 160px)}.bonus .gauge8 .bar{display:block;width:calc((924px / 12) * (8 - 3) + 160px)}.bonus .gauge9 .bar{display:block;width:calc((924px / 12) * (9 - 3) + 160px)}.bonus .gauge10 .bar{display:block;width:calc((924px / 12) * (10 - 3) + 160px)}.bonus .gauge11 .bar{display:block;width:calc((924px / 12) * (11 - 3) + 160px)}.bonus .gauge12 .bar{display:block;width:calc((924px / 12) * (12 - 3) + 160px)}.bonus .gauge13 .bar{display:block;width:calc((924px / 12) * (13 - 3) + 160px)}.bonus .gauge14 .bar{display:block;width:calc((924px / 12) * (14 - 3) + 160px)}.bonus .gauge15 .bar{display:block;width:calc((924px / 12) * (15 - 3) + 160px)}.bonus .gauge16 .bar{display:block;width:calc((924px / 12) * (16 - 3) + 160px)}.bonus .gauge30 .bar{border-radius:40px;border-right:6px solid #f77d1a}.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:60px;bottom:60px;width:87px;height:95px;background:url(images/btn_top.png) no-repeat;background-position-y:100%}.btn-top.active{position:fixed;opacity:1}.btn-top:hover{background-position-y:0}#footer{width:100%;height:68px;background-color:black}#footer p{line-height:68px;text-align:center;font-size:12px;color:rgba(255,255,255,0.5)}@media screen and (max-width:1280px){.header .bi{left:10px}.header .home{right:10px}.header .badge{right:15px}}