.pc-element{display:block}@media screen and (max-width: 1279px){.pc-element{display:none}}.mo-element{display:none}@media screen and (max-width: 1279px){.mo-element{display:block}}.section1{position:relative;background:url(https://mimage.webzen.kr/htmlTemplate/service/mu-monarch2/250826_1st-anniversary/images/common/event2_bg_1.jpg) 50% 0 no-repeat;text-align:center}@media screen and (min-width: 1280px){.section1 .title-wrap,.section1 .contents-list{opacity:0}.section1.visible .title-wrap{animation:opacityOn 1s .2s ease-in forwards}.section1.visible .contents-list{animation-name:fade-in-left;animation-duration:1s;animation-delay:.3s;animation-fill-mode:forwards}@keyframes fade-in-left{0%{opacity:0;transform:translateX(-20px)}100%{opacity:1;transform:translateX(0)}}}@media screen and (max-width: 1279px){.section1{margin-top:-1px;background:url(https://mimage.webzen.kr/htmlTemplate/service/mu-monarch2/250826_1st-anniversary/images/common/event2_bg_1_mo.jpg) 50% 0/cover no-repeat}}.section2{position:relative;background:url(https://mimage.webzen.kr/htmlTemplate/service/mu-monarch2/250826_1st-anniversary/images/common/event2_bg_2.jpg) 50% 0 no-repeat;text-align:center}@media screen and (min-width: 1280px){.section2 .title-wrap,.section2 .contents-list{opacity:0}.section2.visible .title-wrap{animation:opacityOn 1s .2s ease-in forwards}.section2.visible .contents-list{animation-name:fade-in-right;animation-duration:1s;animation-delay:.3s;animation-fill-mode:forwards}@keyframes fade-in-right{0%{opacity:0;transform:translateX(20px)}100%{opacity:1;transform:translateX(0)}}}@media screen and (max-width: 1279px){.section2{margin-top:-1px;background:url(https://mimage.webzen.kr/htmlTemplate/service/mu-monarch2/250826_1st-anniversary/images/common/event2_bg_2_mo.jpg) 50% 0/cover no-repeat}}.section3{position:relative;background:url(https://mimage.webzen.kr/htmlTemplate/service/mu-monarch2/250826_1st-anniversary/images/common/event2_bg_3.jpg) 50% 0 no-repeat;text-align:center}@media screen and (min-width: 1280px){.section3 .title-wrap,.section3 .contents-list{opacity:0}.section3.visible .title-wrap{animation:opacityOn 1s .2s ease-in forwards}.section3.visible .contents-list{animation-name:fade-in-left;animation-duration:1s;animation-delay:.3s;animation-fill-mode:forwards}@keyframes fade-in-left{0%{opacity:0;transform:translateX(-20px)}100%{opacity:1;transform:translateX(0)}}}@media screen and (max-width: 1279px){.section3{margin-top:-1px;background:url(https://mimage.webzen.kr/htmlTemplate/service/mu-monarch2/250826_1st-anniversary/images/common/event2_bg_3_mo.jpg) 50% 0/cover no-repeat}}.section4{position:relative;background:url(https://mimage.webzen.kr/htmlTemplate/service/mu-monarch2/250826_1st-anniversary/images/common/event2_bg_4.jpg) 50% 0 no-repeat;text-align:center}@media screen and (min-width: 1280px){.section4 .title-wrap,.section4 .contents-list{opacity:0}.section4.visible .title-wrap{animation:opacityOn 1s .2s ease-in forwards}.section4.visible .contents-list{animation-name:fade-in-right;animation-duration:1s;animation-delay:.3s;animation-fill-mode:forwards}@keyframes fade-in-right{0%{opacity:0;transform:translateX(20px)}100%{opacity:1;transform:translateX(0)}}}@media screen and (max-width: 1279px){.section4{margin-top:-1px;background:url(https://mimage.webzen.kr/htmlTemplate/service/mu-monarch2/250826_1st-anniversary/images/common/event2_bg_4_mo.jpg) 50% 0/cover no-repeat}}.section5{position:relative;background:url(https://mimage.webzen.kr/htmlTemplate/service/mu-monarch2/250826_1st-anniversary/images/common/event2_bg_5.jpg) 50% 0 no-repeat;text-align:center}@media screen and (min-width: 1280px){.section5 .title-wrap,.section5 .contents-list{opacity:0}.section5.visible .title-wrap{animation:opacityOn 1s .2s ease-in forwards}.section5.visible .contents-list{animation-name:fade-in-left;animation-duration:1s;animation-delay:.3s;animation-fill-mode:forwards}@keyframes fade-in-left{0%{opacity:0;transform:translateX(-20px)}100%{opacity:1;transform:translateX(0)}}}@media screen and (max-width: 1279px){.section5{margin-top:-1px;background:url(https://mimage.webzen.kr/htmlTemplate/service/mu-monarch2/250826_1st-anniversary/images/common/event2_bg_5_mo.jpg) 50% 0/cover no-repeat}}.section6{position:relative;background:url(https://mimage.webzen.kr/htmlTemplate/service/mu-monarch2/250826_1st-anniversary/images/common/event2_bg_6.jpg) 50% 0 no-repeat;text-align:center}@media screen and (min-width: 1280px){.section6 .title-wrap,.section6 .contents-list{opacity:0}.section6.visible .title-wrap{animation:opacityOn 1s .2s ease-in forwards}.section6.visible .contents-list{animation-name:fade-in-right;animation-duration:1s;animation-delay:.3s;animation-fill-mode:forwards}@keyframes fade-in-right{0%{opacity:0;transform:translateX(20px)}100%{opacity:1;transform:translateX(0)}}}@media screen and (max-width: 1279px){.section6{margin-top:-1px;background:url(https://mimage.webzen.kr/htmlTemplate/service/mu-monarch2/250826_1st-anniversary/images/common/event2_bg_6_mo.jpg) 50% 0/cover no-repeat}}.section1{height:102.1rem}@media screen and (max-width: 1279px){.section1{height:255vw}}.section1 .contents-list{margin-top:3.6rem;display:grid;grid-template-columns:repeat(2, 1fr)}@media screen and (max-width: 1279px){.section1 .contents-list{display:flex;flex-direction:column;align-items:center}}.section1 .contents-list li{position:relative;width:100%;height:100%;height:40rem;background-image:url(https://mimage.webzen.kr/htmlTemplate/service/mu-monarch2/250826_1st-anniversary/images/common/event2_box1.png);background-repeat:no-repeat;background-size:contain}@media screen and (max-width: 1279px){.section1 .contents-list li{height:59.6vw;width:88.8vw}}.section1 .contents-list li .content{position:absolute;width:100%;display:flex;align-items:center;flex-direction:column;gap:2rem;justify-content:center;height:100%}.section1 .contents-list li .content p{font-family:yg-jalnan;color:#4b2096;font-size:4rem;line-height:5rem}@media screen and (max-width: 1279px){.section1 .contents-list li .content p{font-size:8vw;line-height:10vw}}.section1 .contents-list li .content a{font-size:2rem;font-weight:bold;line-height:2rem;color:#cc13f3;text-decoration:underline;text-underline-offset:1rem}@media screen and (max-width: 1279px){.section1 .contents-list li .content a{font-size:4vw;line-height:4vw;text-underline-offset:1.5vw}}@media screen and (max-width: 1279px){.section1 .contents-list li .content{gap:2vw}.section1 .contents-list li .content p{font-size:8vw;line-height:10vw}.section1 .contents-list li .content a{font-size:4vw;line-height:4vw;text-underline-offset:1.5vw}}.section1 .contents-list li .char{position:absolute}.section1 .contents-list li .char.top{top:-139px}.section1 .contents-list li .char.side{top:50%}.section1 .contents-list li .char.char1{width:222px;height:307px}@media screen and (max-width: 1279px){.section1 .contents-list li .char.char1{top:32%;left:-14%;width:30.8vw;height:42.6vw}}.section1 .contents-list li .char.char2{width:179px;height:167px}@media screen and (max-width: 1279px){.section1 .contents-list li .char.char2{display:none}}.section1 .contents-list li .char.char3{width:213px;height:295px}@media screen and (max-width: 1279px){.section1 .contents-list li .char.char3{width:29.5vw;height:40.8vw}}.section1 .contents-list li .char.char4{width:176px;height:171px}@media screen and (max-width: 1279px){.section1 .contents-list li .char.char4{display:none}}.section1 .contents-list li:nth-child(1) .char.side{left:-18%}.section1 .contents-list li:nth-child(1) .char.top{left:10%}.section1 .contents-list li:nth-child(2) .char.side{right:-13%}.section1 .contents-list li:nth-child(2) .char.top{right:10%}.section1 .contents-list img{width:100%}.section2{height:96.6rem}@media screen and (max-width: 1279px){.section2{height:215.3vw}.section2 .contents-wrap{padding:0 5.6vw}}.section2 .contents-list{margin-top:4rem;display:grid;gap:2rem;grid-template-columns:repeat(8, 1fr)}@media screen and (max-width: 1279px){.section2 .contents-list{display:flex;flex-direction:column;align-items:center;gap:2.8vw}}.section2 .contents-list>li{background-color:#f6e4ff;border-radius:4rem;width:100%;height:40.9rem;position:relative}.section2 .contents-list>li:nth-child(1){grid-column:span 5;display:flex;align-items:center;justify-content:center}.section2 .contents-list>li:nth-child(1) img{width:68.8rem;height:31.8rem;padding-top:3rem;object-fit:contain}@media screen and (max-width: 1279px){.section2 .contents-list>li:nth-child(1){height:49.25vw}.section2 .contents-list>li:nth-child(1) img{padding:0 0 0 1vw;width:95%}}.section2 .contents-list>li:nth-child(2){display:flex;justify-content:center;align-items:center;flex-direction:column;grid-column:span 3;gap:1.6rem}.section2 .contents-list>li:nth-child(2) .title{display:flex;align-items:center;justify-content:center;white-space:nowrap;font-size:2.4rem;font-weight:900;color:#4b2096;gap:1rem}.section2 .contents-list>li:nth-child(2) .content li{font-size:2rem;font-weight:bold;line-height:2.8rem;color:#654c91}@media screen and (max-width: 1279px){.section2 .contents-list>li:nth-child(2){height:62.7vw}.section2 .contents-list>li:nth-child(2) .title{font-size:4.8vw;line-height:4.8vw;gap:2vw;font-weight:700}.section2 .contents-list>li:nth-child(2) .content li{font-size:3.6vw;line-height:4.8vw;font-weight:500}}.section2 .contents-list>li .deco{position:absolute;width:19.9rem;height:30.2rem;bottom:-5rem;right:-9.5rem;object-fit:contain}@media screen and (max-width: 1279px){.section2 .contents-list>li .deco{width:24.4vw;bottom:-17vw;right:-5vw}}.section3{height:100rem}@media screen and (max-width: 1279px){.section3{height:385.6vw}.section3 .contents-wrap{padding:0 5.6vw}}.section3 .contents-list{margin-top:3rem;display:flex;align-items:center}.section3 .contents-list .image-wrap{width:30%}.section3 .contents-list .image-wrap img{width:100%;transform:scale(1.4)}.section3 .contents-list .item-list{width:70%;display:grid;grid-template-columns:repeat(4, 1fr);grid-template-rows:repeat(2, 1fr);gap:2rem;grid-auto-flow:dense}.section3 .contents-list .item-list>li{aspect-ratio:180/211;background-color:#deceed;border-radius:1rem;position:relative;grid-column:span 1}.section3 .contents-list .item-list>li .title{position:absolute;left:50%;transform:translateX(-50%);top:-1rem;border-radius:.6rem;display:flex;justify-content:center;flex-direction:column;align-items:center;gap:.6rem;width:10.2rem;height:6.6rem;color:#fff;padding-bottom:1rem;font-size:1.6rem;font-weight:800;text-align:center;background-color:#553b6f;clip-path:polygon(0% 0%, 100% 0%, 100% 70%, 50% 100%, 0% 70%)}.section3 .contents-list .item-list>li .title .num{font-size:1.4rem;color:#d2bde5;font-weight:600}.section3 .contents-list .item-list>li .title .text{font-size:1.6rem}.section3 .contents-list .item-list>li .asset{width:55%;position:absolute;top:45%;left:50%;transform:translate(-50%, -50%)}.section3 .contents-list .item-list>li .contents{height:100%;display:flex;justify-self:end;gap:2rem}.section3 .contents-list .item-list>li .contents .description{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);color:#694d77;font-size:1.6rem;font-weight:500;line-height:2.2rem;white-space:nowrap}.section3 .contents-list .item-list>li .contents .description .emphasis{font-weight:700}.section3 .contents-list .item-list>li:first-child,.section3 .contents-list .item-list>li:last-child{background-color:#ffd501}.section3 .contents-list .item-list>li:first-child .title,.section3 .contents-list .item-list>li:last-child .title{background-color:#9b39ff}.section3 .contents-list .item-list>li:first-child .contents .description,.section3 .contents-list .item-list>li:last-child .contents .description{color:#514400}.section3 .contents-list .item-list>li:first-child .contents .description .emphasis,.section3 .contents-list .item-list>li:last-child .contents .description .emphasis{color:#9b39ff}.section3 .contents-list .item-list>li:first-child img{width:85%}.section3 .contents-list .item-list>li:last-child{grid-column:3/span 2;aspect-ratio:380/211}.section3 .contents-list .item-list>li:last-child .title{width:14.2rem}.section3 .contents-list .item-list>li:last-child img{top:40%;width:80%;margin-top:0}@media screen and (max-width: 1279px){.section3 .contents-list{flex-direction:column}.section3 .contents-list .image-wrap{width:100%;object-fit:contain}.section3 .contents-list .image-wrap img{transform:unset}.section3 .contents-list .item-list{width:100%;display:grid;grid-template-columns:repeat(2, 1fr);grid-template-rows:repeat(4, 1fr);column-gap:3vw;row-gap:4vw}.section3 .contents-list .item-list>li{aspect-ratio:310/365}.section3 .contents-list .item-list>li .title{top:-2vw;width:18vw;height:12vw;border-radius:2vw;font-size:3vw;gap:1vw;padding-bottom:2vw}.section3 .contents-list .item-list>li .title .num{color:#d2bde5;font-weight:600;font-size:2.6vw}.section3 .contents-list .item-list>li .title .text{font-size:3vw}.section3 .contents-list .item-list>li .contents .description{font-size:3.6vw;line-height:4.4vw;bottom:3vw;font-weight:600}.section3 .contents-list .item-list>li:last-child{aspect-ratio:640/365;grid-column:span 2}}.section4{height:99.5rem}.section4 .contents-list{margin-top:3rem;background-image:url(https://mimage.webzen.kr/htmlTemplate/service/mu-monarch2/250826_1st-anniversary/images/common/event2_box4.png);background-repeat:no-repeat;width:100%;height:45.1rem;background-size:contain;display:flex;align-items:center;justify-content:center;padding-bottom:4rem}.section4 .contents-list .asset{height:70%}@media screen and (max-width: 1279px){.section4{height:160.6vw}.section4 .container{padding:0 5.6vw}.section4 .contents-list{position:relative;height:59vw;padding:0;margin-bottom:5vw;background-image:url(https://mimage.webzen.kr/htmlTemplate/service/mu-monarch2/250826_1st-anniversary/images/common/event2_box1.png)}.section4 .contents-list .asset{height:60%}.section4 .contents-list .deco{bottom:-7%;position:absolute}.section4 .contents-list .deco.char1{width:23.4vw;height:29.8vw;left:-4vw}.section4 .contents-list .deco.char2{width:23.3vw;height:29vw;right:-3vw}}.section5{height:92.9rem}.section5 .contents-list{height:44rem}.section5 .contents-list img{transform:scale(1.4)}@media screen and (max-width: 1279px){.section5{height:139.4vw}.section5 .container{padding:0 5.6vw}.section5 .contents-list{height:unset}.section5 .contents-list img{width:100%;transform:scale(1.2)}}.section6{height:128.7rem}.section6 .container{padding:0 5.6vw}.section6 .contents-list{margin-top:3rem}@media screen and (max-width: 1279px){.section6{height:193.62vw}.section6 .contents-list img{width:130%}}