/*! http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.l-footer{position:relative}.l-footer__spec{display:flex;justify-content:center;background:#fff;color:#616161;border-top:1px solid #ddd;border-bottom:1px solid #ddd;align-items:flex-start;gap:32px;align-items:center;padding:25px 30px;font-size:12px}@media screen and (min-width:1281px){.l-footer__spec{padding:40px 60px}}.l-footer__spec-icon{overflow:hidden;line-height:0;border-radius:8px;min-width:80px;width:80px}.l-footer__spec-detail{display:grid;grid-template-columns:repeat(2,minmax(0,auto));align-items:center;justify-content:center;width:fit-content;text-align:left;word-break:break-word;line-height:1;row-gap:14px;column-gap:24px}.l-footer__inner{font-optical-sizing:auto;font-style:normal;background-color:#fff;color:#f8f8f8;font-weight:500;letter-spacing:1.1px;line-height:1.3;text-align:center;word-break:auto-phrase;font-size:11px;padding:30px}@media screen and (min-width:1281px){.l-footer__inner{padding:30px 60px 24px}}.l-footer__list-wrapper ul{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1em;margin-bottom:1em;line-height:1}.l-footer__list-wrapper li{text-align:center}.l-footer__list-wrapper li:not(:last-child){border-right:1px solid #616161;padding-right:1em}.l-footer__list-wrapper li a{color:#616161}@media(any-hover:hover){.l-footer__list-wrapper li a:hover{text-decoration:underline #616161}}.l-footer__catch{display:block;color:#616161;width:fit-content;margin-inline:auto;margin-bottom:16px}@media(any-hover:hover){.l-footer__catch:hover{text-decoration:underline #616161}}.l-footer__store{color:#888;width:fit-content;margin-inline:auto;text-align:center;margin-bottom:16px}.l-footer__copy{width:fit-content;margin-inline:auto;color:#888;margin-bottom:20px}@media screen and (min-width:1281px){.l-footer__copy{font-size:12px}}.l-footer__container{display:flex;align-items:center;justify-content:center;gap:40px}.l-footer__icon{width:51px;height:auto}:root{--p-green: #2baf7e;--green: #0fb376;--hover-green-1: #1ad891;--hover-green-2: #0c8b5a;--s-blue: #456c99;--orange: #f65606;--p-text: #525252;--s-text: #707070;--t-text: #8c8c8c;--t-icon: #aaa;--gnb-height: 0px;--nav-height: 55px}@media screen and (min-width:1281px){:root{--nav-height: 102px;--gnb-height: 35px}}:root:has(.l-nav.is-fixed){--nav-height: 55px}@media screen and (min-width:1281px){:root:has(.l-nav.is-fixed){--nav-height: 82px}}body{background-color:#f6f4f4;font-family:Pretendard JP Variable,Pretendard JP,Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Hiragino Sans,Apple SD Gothic Neo,Meiryo,Noto Sans JP,Noto Sans KR,Malgun Gothic,Osaka,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,sans-serif;word-break:break-all;letter-spacing:-2%;min-width:320px}main{position:relative;padding-top:var(--nav-height)}picture{display:inline-block}a{color:initial;text-decoration:none}b{color:var(--orange)}hr{margin:0}li{list-style-type:none}picture,img{width:100%;height:auto}button{background-color:transparent;border:none;cursor:pointer;outline:none;padding:0;appearance:none}#gnb-container{display:none}@media screen and (min-width:1281px){#gnb-container{display:block}}.pc{display:none}@media screen and (min-width:1281px){.pc{display:inline-block}}.sp{display:inline-block}@media screen and (min-width:1281px){.sp{display:none}}.latest{position:relative;display:flex;align-items:center;gap:2px}.latest:after{content:"";display:inline-block;min-width:4px;width:4px;height:auto;aspect-ratio:1;margin-top:-7px;border-radius:100vmax;background-color:var(--orange)}.sns__icon{display:block}.sns__icon--x{width:20px}.sns__icon--youtube{width:24px}.sns__icon--line{width:23px}.sns__icon use{fill:#242427}.l-nav{position:absolute;top:var(--gnb-height);width:100%;z-index:100;height:var(--nav-height);transition:height .3s ease}.l-nav.is-active .l-nav__menu-background{opacity:1;visibility:visible}.l-nav.is-active .l-nav__menu{left:0%}.l-nav.is-fixed{position:fixed;top:0}.l-nav.is-fixed .l-nav__absolute-wrapper{background-color:#ffffff80}@media screen and (min-width:1281px){.l-nav.is-fixed .l-nav__absolute-wrapper:has(.l-nav__menu:hover){height:310px}}.l-nav.is-fixed .l-nav__inner{background-color:#fff;padding:0 0 0 10px}@media screen and (min-width:1281px){.l-nav.is-fixed .l-nav__inner{padding:0 0 0 60px}}.l-nav.is-fixed .l-nav__game-start-btn{width:90px;height:var(--nav-height);border-radius:0}@media screen and (min-width:1621px){.l-nav.is-fixed .l-nav__game-start-btn{width:223px;height:var(--nav-height);border-radius:0}}.l-nav__absolute-wrapper{position:absolute;box-sizing:border-box;width:100%;background-color:#f6f4f4;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}@media screen and (min-width:1281px){.l-nav__absolute-wrapper{overflow:hidden;height:var(--nav-height)}}.l-nav__absolute-wrapper:has(.l-nav__menu:hover){background-color:#f6f4f4e6}@media screen and (min-width:1281px){.l-nav__absolute-wrapper:has(.l-nav__menu:hover){overflow:initial;height:330px;border-bottom:1px solid #dedede}}.l-nav__absolute-wrapper:has(.l-nav__menu:hover) .l-nav__inner{background-color:#fff}.l-nav__inner{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;height:var(--nav-height);padding:0 10px}@media screen and (min-width:1281px){.l-nav__inner{padding:20px 60px 0}}.l-nav__left-container{display:flex;align-items:center;justify-content:flex-start;gap:4px}@media screen and (min-width:1281px){.l-nav__left-container{display:block}}.l-nav__toggle-btn{position:relative;display:block;padding:10px}@media screen and (min-width:1281px){.l-nav__toggle-btn{display:none}}.l-nav__toggle-btn svg{width:22px}.l-nav__toggle-btn line{stroke:#ddd;stroke-width:3px;stroke-linecap:round}.l-nav__logo{width:118px}@media screen and (min-width:1281px){.l-nav__logo{width:181px}}.l-nav__menu-background{position:fixed;top:0;left:0;width:100%;height:100vh;background:#000c;opacity:0;visibility:hidden;transition:opacity .4s ease}@media screen and (min-width:1281px){.l-nav__menu-background{display:none}}.l-nav__menu{position:fixed;top:0;left:-100%;max-width:1000px;width:min(98%,1000px);height:100vh;overflow-y:auto;background-color:#fff;border-radius:0 20px 20px 0;transition:left .3s ease;z-index:1}@media screen and (max-width:1280px){.l-nav__menu{display:flex;flex-flow:column}}@media screen and (min-width:1281px){.l-nav__menu{position:static;max-width:1000px;width:100%;height:100%;margin:0 40px;overflow-y:visible;background-color:transparent;border-radius:0;z-index:0}}.l-nav__menu-header{display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid #f6f4f4;height:55px}@media screen and (min-width:1281px){.l-nav__menu-header{display:none}}.l-nav__menu-header-close-btn{width:18px;height:18px;background-image:url(https://static.nexon.co.jp/mabinogimobile/official_SUet1U2lbpVnyhZI/common/modal-close-icon.svg);background-size:contain;background-repeat:no-repeat}.l-nav__menu-container{box-sizing:border-box;width:100%;margin-inline:auto;column-count:2;gap:30px;padding:14px 20px 0}@media screen and (min-width:1281px){.l-nav__menu-container{width:100%;height:100%;display:flex;column-count:auto;gap:0;padding:0}}.l-nav__menu-inner{box-sizing:border-box;position:relative;width:100%;height:auto;break-inside:avoid}@media screen and (min-width:1281px){.l-nav__menu-inner{height:100%}}@media(any-hover:hover){.l-nav__menu-inner:hover .l-nav__menu-title{color:#000}}@media screen and (any-hover:hover)and (min-width:1281px){.l-nav__menu-inner:hover .l-nav__menu-title{font-weight:500}}@media screen and (any-hover:hover)and (min-width:1281px){.l-nav__menu-inner:hover .l-nav__menu-title:after{clip-path:inset(0% 0 0% 0)}}.l-nav__menu-title{position:relative;overflow:hidden;display:flex;align-items:center;text-box:trim-both cap alphabetic;height:auto;font-weight:700;font-size:14px;padding:10px 14px;background-color:#f6f4f4;border-radius:100vmax}@media screen and (min-width:1281px){.l-nav__menu-title{width:fit-content;height:100%;padding:0;font-size:18px;font-weight:400;border-radius:0;background-color:transparent}}.l-nav__menu-title a{color:#626262}@media screen and (min-width:1281px){.l-nav__menu-title a{color:var(--p-text);white-space:nowrap}}.l-nav__menu-title:after{content:"";display:block;position:absolute;left:0;bottom:-4px;width:100%;border-bottom:8px solid var(--p-green);border-radius:100vmax;clip-path:inset(50% 0 50% 0);transition:clip-path .2s ease}@media screen and (max-width:1280px){.l-nav__menu-title:after{display:none}}@media screen and (min-width:1281px){.l-nav__menu-title.is-active{color:#000;font-weight:500}}@media screen and (min-width:1281px){.l-nav__menu-title.is-active:after{clip-path:inset(0% 0 0% 0)}}.l-nav__menu-sub-container{box-sizing:border-box;display:flex;flex-flow:column;gap:10px;padding:16px 14px}@media screen and (min-width:1281px){.l-nav__menu-sub-container{display:block;gap:0;height:calc(330px - var(--nav-height));padding:28px 0 0}}.l-nav__menu-list{text-decoration:none;font-size:12px}@media screen and (min-width:1281px){.l-nav__menu-list{font-size:15px}}@media screen and (min-width:1281px){.l-nav__menu-list:not(:last-child){margin-bottom:16px}}.l-nav__menu-list a{color:#626262}@media screen and (min-width:1281px){.l-nav__menu-list a{color:gray;white-space:nowrap}}@media(any-hover:hover){.l-nav__menu-list a:hover{color:var(--p-green)}.l-nav__menu-list a:hover .l-nav__menu-link-icon use{fill:var(--p-green)}}.l-nav__menu-list.is-active a{color:var(--p-green)}.l-nav__menu-link-icon{display:inline-block;width:12px;margin-left:3px;vertical-align:top}@media screen and (min-width:1281px){.l-nav__menu-link-icon{width:13px;margin-left:2px}}.l-nav__menu-link-icon use{fill:#626262}@media screen and (min-width:1281px){.l-nav__menu-link-icon use{fill:#7f7f7f}}.l-nav__menu-footer{padding:17px 0;margin-top:auto}@media screen and (min-width:1281px){.l-nav__menu-footer{display:none}}.l-nav__menu-footer-store{display:flex;justify-content:center;gap:10px;margin-bottom:17px}.l-nav__menu-footer-app{display:block;width:93px}.l-nav__menu-footer-media{display:flex;justify-content:center;gap:16px}.l-nav__menu-footer-sns{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:#f6f4f4}.l-nav__icons{display:flex;align-items:center;width:fit-content;gap:0}@media screen and (min-width:1281px){.l-nav__icons{gap:20px}}.l-nav__icon{display:block;background-color:#fff;width:45px;height:45px;border-radius:12px}.l-nav__login-btn{display:flex;align-items:center;justify-content:center;text-box:trim-both cap alphabetic;text-decoration:none;background-color:var(--p-green);border-radius:12px;width:72px;height:40px;margin-left:8px}@media screen and (min-width:1281px){.l-nav__login-btn{display:none}}.l-nav__game-start-btn{overflow:hidden;position:relative;display:flex;flex-flow:column;align-items:center;justify-content:center;gap:10px;text-box:trim-both cap alphabetic;text-decoration:none;background-color:#5f5f5f;width:90px;height:40px;border-radius:12px;margin-left:8px;line-height:0;transition:width .3s ease,height .3s ease,border-radius .3s ease}@media screen and (min-width:1281px){.l-nav__game-start-btn{width:90px;height:45px;margin-left:0;gap:10px}}@media screen and (min-width:1621px){.l-nav__game-start-btn{width:223px;height:68px;border-radius:24px}}.l-nav__game-start-btn.is-hidden{display:none}@media(any-hover:hover){.l-nav__game-start-btn:hover .l-nav__game-start-video video:nth-child(1){display:none}.l-nav__game-start-btn:hover .l-nav__game-start-video video:nth-child(2){display:block}}.l-nav__game-start-video{pointer-events:none;position:absolute;width:100%;height:100%}.l-nav__game-start-video video{display:block;position:absolute;object-fit:cover;width:100%;height:100%;scale:1.01}.l-nav__game-start-video video:nth-child(2){display:none}.l-nav__game-start-login-text{position:relative;color:#fff;font-size:8px}@media screen and (min-width:1281px){.l-nav__game-start-login-text{font-size:8px}}@media screen and (min-width:1621px){.l-nav__game-start-login-text{font-size:10px}}.l-nav__game-start-login-text.is-hidden{display:none}.l-nav__game-start-text{pointer-events:none;position:relative;width:74px}@media screen and (min-width:1621px){.l-nav__game-start-text{width:123px}}.c-loading{display:none;position:fixed;inset:0;background:#fbfbfb;z-index:99999999;overflow:hidden}.c-loading.is-open{display:block}.c-loading__inner{position:absolute;width:80px;height:80px;top:50%;left:50%;transform:translate(-50%,-50%)}.c-loading__circle{position:absolute;top:33px;width:10px;height:10px;border-radius:50%;background:#04acd6;animation-timing-function:cubic-bezier(0,1,1,0)}.c-loading__circle:nth-child(1){left:8px;animation:loading1 .6s infinite}.c-loading__circle:nth-child(2){left:8px;animation:loading2 .6s infinite}.c-loading__circle:nth-child(3){left:32px;animation:loading2 .6s infinite}.c-loading__circle:nth-child(4){left:56px;animation:loading3 .6s infinite}@keyframes loading1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes loading3{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes loading2{0%{transform:translate(0)}to{transform:translate(24px)}}:root{--modal-width: 800px}@media screen and (min-width:1281px){:root{--modal-width: 925px}}.c-modal{box-sizing:border-box;display:none;position:fixed;top:0;left:0;width:100%;padding:20px;background-color:#00000080;z-index:9999;overflow-y:auto;height:100dvh}@supports not (height: 100dvh){.c-modal{height:100vh}}.c-modal.is-open{display:flex;flex-direction:column;align-items:center}.c-modal--caution,.c-modal--message,.c-modal--x-login{--modal-width: 500px}.c-modal--caution .c-modal__body,.c-modal--message .c-modal__body,.c-modal--x-login .c-modal__body{padding:30px}.c-modal__wrapper{position:relative;box-sizing:border-box;width:100%;margin:auto 0;display:flex;flex-direction:column;align-items:center;background-color:#f6f4f4;border-radius:16px;max-width:var(--modal-width)}.c-modal__header{position:relative;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;width:100%;background-color:#fff;padding:10px 13px 10px 20px;border-radius:16px 16px 0 0}.c-modal__header-logo{width:118px}.c-modal__header-close-btn{display:block;position:relative;width:18px;height:18px;background-image:url(https://static.nexon.co.jp/mabinogimobile/official_SUet1U2lbpVnyhZI/common/modal-close-icon.svg);background-size:contain;background-repeat:no-repeat}.c-modal__body{position:relative;box-sizing:border-box;background-color:#f6f4f4;width:100%;padding:10px;border-radius:0 0 16px 16px}@media screen and (min-width:1281px){.c-modal__body{padding:30px}}.c-modal__media{line-height:0}.c-modal__media-inner{width:100%;height:auto}.c-modal__media-inner--wide{aspect-ratio:16/9}.c-modal__text{font-style:normal;font-weight:400;color:#5c5c5c;padding:10px 15px;line-height:1.3;font-size:16px}@media screen and (min-width:1281px){.c-modal__text{padding:20px 0 30px;font-size:20px}}.c-modal__text--media{padding:10px 15px 0;min-height:2.6em}@media screen and (min-width:1281px){.c-modal__text--media{padding:20px 0 0}}.c-modal__text--message{text-align:center;padding:0;font-size:16px}.c-modal__btn-inner{position:absolute;bottom:-82px;display:flex;gap:150px;margin-top:30px}@media screen and (min-width:1281px){.c-modal__btn-inner{position:static;display:block;margin-top:0}}.c-modal__close-btn{display:block;height:40px;padding:0 40px;margin-inline:auto;margin-top:25px;border-radius:12px;font-weight:700;font-size:18px;color:#fff;background-color:var(--p-green);text-box:trim-both cap alphabetic}@media(any-hover:hover){.c-modal__close-btn:hover{background-color:var(--hover-green-2)}}.c-modal__flex-btn-inner{display:grid;gap:10px;width:fit-content;margin-inline:auto;margin-top:25px}.c-modal__general-btn{display:flex;align-items:center;justify-content:center;height:40px;padding:0 40px;border-radius:12px;text-align:center;font-weight:700;font-size:18px;white-space:nowrap;color:#fff;background-color:var(--p-green);text-box:trim-both cap alphabetic}@media(any-hover:hover){.c-modal__general-btn:hover{background-color:var(--hover-green-2)}}.c-modal__general-btn--gray{background-color:#8c8c8c}@media(any-hover:hover){.c-modal__general-btn--gray:hover{background-color:#626262}}.c-modal__btn{display:flex;align-items:center;justify-content:center;background-color:#fff;border-radius:6px;width:50px;height:50px}@media screen and (min-width:1281px){.c-modal__btn{position:absolute;top:0;bottom:0;margin:auto}}.c-modal__btn:after{content:"";display:block;width:20px;height:16px;background-image:url(https://static.nexon.co.jp/mabinogimobile/official_SUet1U2lbpVnyhZI/common/modal-arrow.svg);background-size:contain;background-repeat:no-repeat;background-position:center}.c-modal__btn--prev{left:-70px}.c-modal__btn--next{right:-70px}.c-modal__btn--next:after{scale:-1 1}.c-modal__btn.is-disabled{opacity:.5;pointer-events:none}.c-modal__support-text{display:block;width:fit-content;margin-inline:auto;font-style:normal;font-weight:400;text-align:center;color:#5c5c5c;text-decoration:underline #5c5c5c;font-size:14px;margin-top:25px}.c-page-scroller{overflow:hidden;position:fixed;bottom:60px;right:0;grid-auto-flow:row;border-radius:12px 0 0 12px;box-shadow:0 0 6px #0000001a;z-index:11;transform:translate(100%);transition:transform .2s ease-in-out}@media screen and (min-width:1281px){.c-page-scroller{bottom:34px;outline:1px solid #f0f0f0;box-shadow:none}}.c-page-scroller.is-active{display:grid;transform:translate(0)}.c-page-scroller:before{content:"";display:block;position:absolute;inset:0;margin:auto;width:34px;height:1px;background-color:#d9d9d9}@media screen and (min-width:1281px){.c-page-scroller:before{display:none}}.c-page-scroller__button{display:flex;align-items:center;justify-content:center;width:50px;height:50px;background-color:#fff;font-size:14px}@media screen and (min-width:1281px){.c-page-scroller__button{font-size:22px}}.c-page-scroller__button:after{content:"";display:block;width:12px;height:10px;background-image:url(https://static.nexon.co.jp/mabinogimobile/official_SUet1U2lbpVnyhZI/common/pageScroller-arrow-sp.svg);background-repeat:no-repeat;background-size:contain;transition:translate .3s ease-in-out}@media screen and (min-width:1281px){.c-page-scroller__button:after{width:20px;height:13px;background-image:url(https://static.nexon.co.jp/mabinogimobile/official_SUet1U2lbpVnyhZI/common/pageScroller-arrow-pc.svg)}}@media screen and (min-width:1281px){.c-page-scroller__button--top{width:55px;height:55px}}@media(any-hover:hover){.c-page-scroller__button--top:hover:after{translate:0 -5px}}@media screen and (min-width:1281px){.c-page-scroller__button--bottom{display:none}}.c-page-scroller__button--bottom:after{rotate:180deg}@media(any-hover:hover){.c-page-scroller__button--bottom:hover:after{translate:0 5px}}