@import url(https://lwres.nexon.com/css/mabinogim/brand/common/font.css);
@import url(https://lwres.nexon.com/css/mabinogim/global/en/common/common.css);
@import url(https://lwres.nexon.com/css/mabinogim/global/en/common/modal.css);
@import url(https://lwres.nexon.com/css/mabinogim/brand/common/loading.css);
#mabinogim {
  overflow: hidden;
}
#mabinogim .info, #mabinogim .container {
  position: relative;
  min-height: max(var(--vh, 1vh) * 100 - var(--pc-top-height), 500px);
}
#mabinogim .info .story_wrap, #mabinogim .container .story_wrap {
  position: relative;
}
#mabinogim .info .story_wrap .bg, #mabinogim .container .story_wrap .bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  min-height: calc(var(--vh, 1vh) * 100 - var(--pc-top-height));
  background: #000;
  pointer-events: none;
}
#mabinogim .info .story_wrap .bg .video_area, #mabinogim .container .story_wrap .bg .video_area {
  width: 100%;
  height: 100%;
}
#mabinogim .info .story_wrap .bg .video_area::before, #mabinogim .container .story_wrap .bg .video_area::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 50%;
  bottom: 0;
  left: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 60%, rgba(0, 0, 0, 0) 100%);
  z-index: 2;
  pointer-events: none;
}
#mabinogim .info .story_wrap .bg .video_area video, #mabinogim .container .story_wrap .bg .video_area video {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#mabinogim .info .story_wrap .bg .video_area video:not(:nth-child(1)), #mabinogim .container .story_wrap .bg .video_area video:not(:nth-child(1)) {
  display: none;
}
#mabinogim .info .story_wrap .bg .video_area video[data-type=pc], #mabinogim .container .story_wrap .bg .video_area video[data-type=pc] {
  display: block;
}
#mabinogim .info .story_wrap .bg .video_area video[data-type=mobile], #mabinogim .container .story_wrap .bg .video_area video[data-type=mobile] {
  display: none;
}
#mabinogim .info .story_wrap .story, #mabinogim .container .story_wrap .story {
  height: max(var(--vh, 1vh) * 100 - var(--pc-top-height) - 104px, 396px);
  transition: 0.3s;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  border: 1px solid red;
}
#mabinogim .info .story_wrap .story .bgm, #mabinogim .container .story_wrap .story .bgm {
  position: absolute;
  left: 28px;
  bottom: 20px;
  z-index: 2;
}
#mabinogim .info .story_wrap .story .bgm .sound_button, #mabinogim .container .story_wrap .story .bgm .sound_button {
  color: #fff;
  font-size: 12px;
  font-weight: 700;
}
#mabinogim .info .story_wrap .story .bgm .sound_button::before, #mabinogim .container .story_wrap .story .bgm .sound_button::before {
  content: "";
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 14px;
  border: 1px solid #FFF;
  background: rgba(48, 48, 48, 0.7) url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24' height='24' fill='none'%3E%3Cpath fill='url(%23a)' d='M0 0h24v24H0z'/%3E%3Cdefs%3E%3Cpattern id='a' width='1' height='1' patternContentUnits='objectBoundingBox'%3E%3Cuse xlink:href='%23b' transform='scale(.02083)'/%3E%3C/pattern%3E%3Cimage xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAKlJREFUaEPt1UEKwzAQBEHr/49WrskhyFAswaR9XWas7RZoXQ//1sPPf7XArw1mIANIoCuEADmeAUaIBRlAgBzPACPEggwgQI5ngBFiQQYQIMczwAixIAMIkOMZYIRYkAEEyPH/MbD33u+41lofy0/Pv6m6bWD6gKf+FjgRmp5nYJrwqT8DJ0LTczbAT+ZQwe13YOj/XNsCjBALMoAAOZ4BRogFGUCAHH8B4kuAMYz1/NwAAAAASUVORK5CYII=' id='b' width='48' height='48'/%3E%3C/defs%3E%3C/svg%3E") no-repeat;
  background-size: 24px 24px;
  background-position: center center;
  margin-bottom: 10px;
}
#mabinogim .info .story_wrap .story .bgm.on .sound_button::before, #mabinogim .container .story_wrap .story .bgm.on .sound_button::before {
  content: "";
  background: rgba(48, 48, 48, 0.7) url(https://lwi.nexon.com/m_mabinogim/brand/media/sound_motion.gif) no-repeat;
  background-size: 22px 22px;
  background-position: center;
  margin-bottom: 10px;
}
#mabinogim .info .story_wrap .story .text_area, #mabinogim .container .story_wrap .story .text_area {
  position: relative;
  z-index: 3;
}
#mabinogim .info .story_wrap .story .text_area::before, #mabinogim .container .story_wrap .story .text_area::before {
  display: block;
  content: "";
  width: 99px;
  height: 72px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='99' height='72' fill='none'%3E%3Cg fill='%23ECD6BE' clip-path='url(%23a)'%3E%3Cpath d='M38.692 22.4c-.664.295 4.703 12.131 4.703 12.131l1.16-.515s-5.2-11.911-5.859-11.616h-.004ZM63.174 15.713c-.663-.296-8.892 18.304-8.892 18.304l1.16.515s8.396-18.528 7.732-18.824v.005ZM38.236 38.565l.993-.985S22.469 20.96 21.901 21.52c-.569.564 16.335 17.046 16.335 17.046ZM41.305 69.904c.763.242 3.092-6.974 3.092-6.974l-1.336-.425s-2.519 7.158-1.756 7.4ZM52.996 65.017s2.329 7.216 3.092 6.975c.763-.242-1.756-7.4-1.756-7.4l-1.336.425ZM59.053 58.423l-.988.99s1.742 1.718 3.976 3.867l.88-1.07a534.947 534.947 0 0 0-3.872-3.787h.004ZM64.438 65.563c3.404 3.219 6.956 6.442 7.245 6.155.275-.273-2.718-3.442-5.859-6.612l-1.386.457ZM25.683 71.87c.564.564 14.178-12.856 14.178-12.856l-.989-.99S25.12 71.306 25.688 71.87h-.005ZM34.359 53.338S18.019 63.325 18.448 64c.428.671 16.66-9.486 16.66-9.486l-.75-1.177ZM64.226 53.825l-.632 1.245s17.148 8.554 17.509 7.843c.361-.712-16.877-9.088-16.877-9.088ZM34.309 43.256l.52-1.294s-17.826-7.055-18.124-6.316c-.297.739 17.604 7.61 17.604 7.61ZM64.565 43.256s17.901-6.871 17.603-7.61c-.298-.739-18.123 6.316-18.123 6.316l.52 1.294ZM76.124 22.316c-.158-.157-1.561 1.012-3.507 2.775l.524.842c1.882-2.001 3.146-3.456 2.983-3.617ZM59.79 39.362s7.876-7.682 12.696-12.736l-.523-.93c-5.132 4.713-13.167 12.681-13.167 12.681l.993.985ZM69.412 47.89v1.392s29.592.197 29.592-.595c0-.793-29.592-.797-29.592-.797ZM0 48.682c0 .278 3.611.434 8.305.52l.267-1.106c-4.826.116-8.577.3-8.577.582l.005.004ZM29.592 49.282V47.89s-9.348 0-17.536.143l-.298 1.227c8.256.089 17.834.026 17.834.026v-.004ZM9.357 49.223c.515.01 1.043.014 1.575.023l.29-1.2c-.538.009-1.066.022-1.59.031l-.275 1.146ZM49.209 0c-.804 0-.6 29.348-.6 29.348h1.403S50.012 0 49.21 0Z'/%3E%3Cpath d='m49.434 29.428 19.324 19.164-19.323 19.164L30.11 48.592l19.323-19.164Zm0-1.898L28.194 48.597l21.241 21.066 21.242-21.066L49.434 27.53Z'/%3E%3Cpath d='M49.434 31.362 32.058 48.597 49.434 65.83l17.379-17.234-17.379-17.235Zm7.552 12.557a2.599 2.599 0 0 1 1.756 0c.496.179.903.492 1.205.918.686.971.506 2.296-.334 3.142h-.005l-2.54 2.382a.432.432 0 0 1-.596-.01.4.4 0 0 1 .008-.577l2.55-2.386c.335-.313.506-.73.515-1.15.01-.421-.149-.842-.474-1.164-.474-.475-1.187-.605-1.805-.376-.15.053-.397.148-.569-.085-.293-.399 0-.596.289-.699v.005Zm-2.875 1.195-.492-.501a.418.418 0 0 1 .009-.587.426.426 0 0 1 .591.01l2.803 2.882a.412.412 0 0 1-.009.582.426.426 0 0 1-.591-.009l-2.316-2.377h.005Zm-2.952-7.064h.013a2.516 2.516 0 0 1 2.663.596 2.459 2.459 0 0 1-.063 3.496l-2.053 1.942c-.28.265-.483.61-.538.99-.072.52.09 1.02.452 1.388.46.474 1.164.613 1.77.398l.026-.009c.15-.054.366-.201.591.094.195.398-.027.582-.306.685H53.7a2.517 2.517 0 0 1-2.663-.596 2.459 2.459 0 0 1 .063-3.496l2.054-1.942c.28-.264.483-.61.537-.99.072-.519-.09-1.02-.451-1.387a1.689 1.689 0 0 0-1.77-.399l-.022.01c-.15.053-.366.2-.592-.095-.194-.398.027-.582.307-.685h-.004Zm-6.5 1.312c.18-.493.497-.895.925-1.195.98-.68 2.316-.502 3.169.33h.005v.01l2.4 2.52a.423.423 0 0 1-.008.591.407.407 0 0 1-.582-.009l-2.406-2.53a1.644 1.644 0 0 0-1.16-.51 1.61 1.61 0 0 0-1.174.47 1.68 1.68 0 0 0-.38 1.791c.055.148.227.291-.035.52-.361.308-.65.044-.754-.242a2.538 2.538 0 0 1 0-1.742v-.004Zm3.525 2.278-2.397 2.297-.505.488a.42.42 0 0 1-.587-.01.418.418 0 0 1 .01-.586l2.906-2.78a.42.42 0 0 1 .587.01.418.418 0 0 1-.01.586l-.004-.005ZM39.18 44.2a2.508 2.508 0 0 1 3.525.063l1.96 2.037c.266.278.613.48.997.533.524.072 1.03-.09 1.4-.448a1.655 1.655 0 0 0 .401-1.754l-.009-.023c-.054-.147-.203-.362.095-.586.401-.193.587.027.69.304v.014a2.467 2.467 0 0 1-1.539 3.205 2.508 2.508 0 0 1-2.586-.627l-1.96-2.037a1.734 1.734 0 0 0-.997-.532 1.663 1.663 0 0 0-1.399.447 1.655 1.655 0 0 0-.402 1.755l.01.022c.053.148.203.363-.095.587-.402.192-.587-.027-.691-.304v-.014a2.467 2.467 0 0 1 .6-2.641Zm5.376 7.947.492.501a.412.412 0 0 1-.009.582.426.426 0 0 1-.591-.009l-2.803-2.883a.412.412 0 0 1 .009-.582.426.426 0 0 1 .591.01l2.316 2.376-.005.005Zm-2.893 1.043a2.599 2.599 0 0 1-1.756 0 2.498 2.498 0 0 1-1.205-.918c-.686-.971-.506-2.296.334-3.142h.004l2.542-2.382a.432.432 0 0 1 .595.009.4.4 0 0 1-.009.578l-2.55 2.385c-.334.314-.505.73-.514 1.15-.01.422.148.843.474 1.165.474.474 1.187.604 1.805.376.149-.054.397-.148.569.085.293.398 0 .595-.29.698v-.004Zm5.904 6.02h-.014a2.516 2.516 0 0 1-2.663-.595 2.459 2.459 0 0 1 .063-3.496l2.054-1.943c.28-.264.483-.608.537-.989.072-.52-.09-1.02-.451-1.388a1.689 1.689 0 0 0-1.77-.398l-.022.009c-.149.054-.366.201-.591-.094-.194-.399.027-.582.307-.685h.013a2.516 2.516 0 0 1 2.663.595 2.459 2.459 0 0 1-.063 3.496l-2.054 1.943a1.71 1.71 0 0 0-.537.99c-.072.519.09 1.02.452 1.387.46.475 1.164.614 1.769.399l.023-.01c.148-.053.365-.2.59.095.195.398-.026.582-.306.685Zm6.387-1.374c-.18.493-.497.896-.925 1.196-.98.68-2.316.5-3.17-.332h-.004v-.009l-2.401-2.52a.423.423 0 0 1 .009-.59.407.407 0 0 1 .582.008l2.406 2.53c.316.33.736.5 1.16.51a1.61 1.61 0 0 0 1.174-.47 1.68 1.68 0 0 0 .379-1.791c-.054-.148-.149-.394.086-.564.401-.291.6 0 .704.286a2.538 2.538 0 0 1 0 1.742v.004Zm-3.52-2.251 2.396-2.297.505-.488a.42.42 0 0 1 .587.01.418.418 0 0 1-.009.586l-2.907 2.78a.426.426 0 0 1-.591-.01.418.418 0 0 1 .01-.586l.008.005Zm9.036-2.565a2.508 2.508 0 0 1-3.525-.063l-1.96-2.037a1.734 1.734 0 0 0-.997-.533 1.663 1.663 0 0 0-1.4.448 1.655 1.655 0 0 0-.401 1.755l.009.022c.054.148.203.363-.095.587-.402.192-.587-.027-.69-.305v-.013a2.467 2.467 0 0 1 1.539-3.205 2.508 2.508 0 0 1 2.586.626l1.959 2.037c.266.278.614.48.998.533.523.072 1.029-.09 1.399-.448a1.664 1.664 0 0 0 .402-1.755l-.01-.022c-.054-.148-.203-.362.095-.586.402-.193.587.026.69.304v.014c.335.9.127 1.947-.6 2.64Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h99v72H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  margin: 0 auto;
  animation: topMove 2s forwards ease;
}
#mabinogim .info .story_wrap .story .text_area .text_line::before, #mabinogim .container .story_wrap .story .text_area .text_line::before {
  display: block;
  content: "";
  width: 421px;
  height: 14px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='421' height='14' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath stroke='%23ECD6BE' stroke-miterlimit='10' stroke-width='3' d='m218.609 3.73-8.22 8-2.67-2.44M202.279 10.06l8.22-8 2.67 2.45'/%3E%3Cpath fill='%23ECD6BE' d='M197.719 8.31V5.75s-117.11.34-117.11 1.23c0 .89 117.11 1.33 117.11 1.33Z'/%3E%3Cpath fill='%23ECD6BE' d='m198.388 10.18 3.139-3.14-3.139-3.139-3.14 3.14 3.14 3.14ZM223.279 8.31V5.75s117.11.33 117.11 1.22c0 .89-117.11 1.33-117.11 1.33v.01ZM204.358 4.5l-1.86-1.86-1.86 1.86 1.86 1.86 1.86-1.86ZM219.86 10 218 8.14 216.14 10l1.86 1.859 1.86-1.86Z'/%3E%3Cpath fill='%23ECD6BE' d='m225.755 7.029-3.14-3.14-3.139 3.14 3.139 3.14 3.14-3.14Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M.61 0h419.78v13.79H.61z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  margin: 8px auto 18px;
}
#mabinogim .info .story_wrap .story .text_area .text_line p, #mabinogim .container .story_wrap .story .text_area .text_line p {
  font-family: "Paperlogy-4Regular";
  color: #FFF;
  font-size: 20px;
  line-height: 160%; /* 25.2px */
  text-align: center;
  animation: topMove 1s forwards ease;
  padding: 0 2px;
  word-break: keep-all;
}
#mabinogim .info .story_wrap .story .progress, #mabinogim .container .story_wrap .story .progress {
  width: min-content;
  position: relative;
  padding: 10px 40px;
  border-radius: 20px;
  background: rgba(33, 33, 33, 0.7);
  margin: 20px auto 24px;
  transition: 0.3s;
  z-index: 3;
}
#mabinogim .info .story_wrap .story .progress ul, #mabinogim .container .story_wrap .story .progress ul {
  display: flex;
}
#mabinogim .info .story_wrap .story .progress ul li, #mabinogim .container .story_wrap .story .progress ul li {
  display: flex;
  align-items: center;
}
#mabinogim .info .story_wrap .story .progress ul li button, #mabinogim .container .story_wrap .story .progress ul li button {
  font-family: "Paperlogy-7Bold";
  padding: 5px 14px;
  border-radius: 10px;
  color: #7C7C7C;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  width: min-content;
  white-space: nowrap;
  background: #403C3C;
}
#mabinogim .info .story_wrap .story .progress ul li .gauge, #mabinogim .container .story_wrap .story .progress ul li .gauge {
  position: relative;
  margin: 0 5px;
  width: 15px;
  height: 3px;
  background: #515151;
  border-radius: 10px;
}
#mabinogim .info .story_wrap .story .progress ul li .gauge b, #mabinogim .container .story_wrap .story .progress ul li .gauge b {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: #0FB376;
  border-radius: 10px;
}
@media (hover: hover) and (min-width: 1281px) {
  #mabinogim .info .story_wrap .story .progress ul li:hover button, #mabinogim .container .story_wrap .story .progress ul li:hover button {
    color: #fff;
    padding: 5px 14px;
    background: #0FB376;
  }
}
#mabinogim .info .story_wrap .story .progress ul li.on button, #mabinogim .container .story_wrap .story .progress ul li.on button {
  color: #fff;
  padding: 5px 20px;
  background: #0FB376;
}
#mabinogim .info .story_wrap .story .progress ul li.on .gauge, #mabinogim .container .story_wrap .story .progress ul li.on .gauge {
  margin: 0 5px;
  width: 70px;
  height: 3px;
}
#mabinogim .info .story_wrap .story .scroll_button, #mabinogim .container .story_wrap .story .scroll_button {
  display: none;
}

@media (max-width: 1280px) {
  #mabinogim .info, #mabinogim .container {
    position: relative;
    min-height: calc(var(--vh, 1vh) * 100 - var(--mobile-top-height));
    background: #000;
  }
  #mabinogim .info .story_wrap, #mabinogim .container .story_wrap {
    position: relative;
  }
  #mabinogim .info .story_wrap .bg, #mabinogim .container .story_wrap .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    min-height: calc(var(--vh, 1vh) * 100 - 80px);
  }
  #mabinogim .info .story_wrap .bg .video_area::before, #mabinogim .container .story_wrap .bg .video_area::before {
    height: 50%;
  }
  #mabinogim .info .story_wrap .bg .video_area video, #mabinogim .container .story_wrap .bg .video_area video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 0;
  }
  #mabinogim .info .story_wrap .bg .video_area video:not(:nth-child(1)), #mabinogim .container .story_wrap .bg .video_area video:not(:nth-child(1)) {
    display: none;
  }
  #mabinogim .info .story_wrap .story, #mabinogim .container .story_wrap .story {
    height: calc(var(--vh, 1vh) * 100 - var(--mobile-top-height) - 80px);
  }
  #mabinogim .info .story_wrap .story .bgm, #mabinogim .container .story_wrap .story .bgm {
    position: absolute;
    left: 14px;
    bottom: 12px;
    z-index: 2;
  }
  #mabinogim .info .story_wrap .story .bgm .sound_button, #mabinogim .container .story_wrap .story .bgm .sound_button {
    display: flex;
    align-items: center;
  }
  #mabinogim .info .story_wrap .story .bgm .sound_button::before, #mabinogim .container .story_wrap .story .bgm .sound_button::before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    border-radius: none;
    border: none;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24' height='24' fill='none'%3E%3Cpath fill='url(%23a)' d='M0 0h24v24H0z'/%3E%3Cdefs%3E%3Cpattern id='a' width='1' height='1' patternContentUnits='objectBoundingBox'%3E%3Cuse xlink:href='%23b' transform='scale(.02083)'/%3E%3C/pattern%3E%3Cimage xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAKlJREFUaEPt1UEKwzAQBEHr/49WrskhyFAswaR9XWas7RZoXQ//1sPPf7XArw1mIANIoCuEADmeAUaIBRlAgBzPACPEggwgQI5ngBFiQQYQIMczwAixIAMIkOMZYIRYkAEEyPH/MbD33u+41lofy0/Pv6m6bWD6gKf+FjgRmp5nYJrwqT8DJ0LTczbAT+ZQwe13YOj/XNsCjBALMoAAOZ4BRogFGUCAHH8B4kuAMYz1/NwAAAAASUVORK5CYII=' id='b' width='48' height='48'/%3E%3C/defs%3E%3C/svg%3E") no-repeat;
    background-size: 24px 24px;
    margin-bottom: 0;
    margin-right: 0;
  }
  #mabinogim .info .story_wrap .story .bgm.on .sound_button::before, #mabinogim .container .story_wrap .story .bgm.on .sound_button::before {
    content: "";
    background: rgba(170, 122, 122, 0.7) url(https://lwi.nexon.com/m_mabinogim/brand/media/sound_motion.gif) no-repeat;
    background-size: 22px 22px;
    margin-bottom: 0;
  }
  #mabinogim .info .story_wrap .story .text_area, #mabinogim .container .story_wrap .story .text_area {
    position: relative;
    padding: 0 20px;
  }
  #mabinogim .info .story_wrap .story .text_area::before, #mabinogim .container .story_wrap .story .text_area::before {
    display: block;
    content: "";
    width: 99px;
    height: 72px;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='99' height='72' fill='none'%3E%3Cg fill='%23ECD6BE' clip-path='url(%23a)'%3E%3Cpath d='M38.692 22.4c-.664.295 4.703 12.131 4.703 12.131l1.16-.515s-5.2-11.911-5.859-11.616h-.004ZM63.174 15.713c-.663-.296-8.892 18.304-8.892 18.304l1.16.515s8.396-18.528 7.732-18.824v.005ZM38.236 38.565l.993-.985S22.469 20.96 21.901 21.52c-.569.564 16.335 17.046 16.335 17.046ZM41.305 69.904c.763.242 3.092-6.974 3.092-6.974l-1.336-.425s-2.519 7.158-1.756 7.4ZM52.996 65.017s2.329 7.216 3.092 6.975c.763-.242-1.756-7.4-1.756-7.4l-1.336.425ZM59.053 58.423l-.988.99s1.742 1.718 3.976 3.867l.88-1.07a534.947 534.947 0 0 0-3.872-3.787h.004ZM64.438 65.563c3.404 3.219 6.956 6.442 7.245 6.155.275-.273-2.718-3.442-5.859-6.612l-1.386.457ZM25.683 71.87c.564.564 14.178-12.856 14.178-12.856l-.989-.99S25.12 71.306 25.688 71.87h-.005ZM34.359 53.338S18.019 63.325 18.448 64c.428.671 16.66-9.486 16.66-9.486l-.75-1.177ZM64.226 53.825l-.632 1.245s17.148 8.554 17.509 7.843c.361-.712-16.877-9.088-16.877-9.088ZM34.309 43.256l.52-1.294s-17.826-7.055-18.124-6.316c-.297.739 17.604 7.61 17.604 7.61ZM64.565 43.256s17.901-6.871 17.603-7.61c-.298-.739-18.123 6.316-18.123 6.316l.52 1.294ZM76.124 22.316c-.158-.157-1.561 1.012-3.507 2.775l.524.842c1.882-2.001 3.146-3.456 2.983-3.617ZM59.79 39.362s7.876-7.682 12.696-12.736l-.523-.93c-5.132 4.713-13.167 12.681-13.167 12.681l.993.985ZM69.412 47.89v1.392s29.592.197 29.592-.595c0-.793-29.592-.797-29.592-.797ZM0 48.682c0 .278 3.611.434 8.305.52l.267-1.106c-4.826.116-8.577.3-8.577.582l.005.004ZM29.592 49.282V47.89s-9.348 0-17.536.143l-.298 1.227c8.256.089 17.834.026 17.834.026v-.004ZM9.357 49.223c.515.01 1.043.014 1.575.023l.29-1.2c-.538.009-1.066.022-1.59.031l-.275 1.146ZM49.209 0c-.804 0-.6 29.348-.6 29.348h1.403S50.012 0 49.21 0Z'/%3E%3Cpath d='m49.434 29.428 19.324 19.164-19.323 19.164L30.11 48.592l19.323-19.164Zm0-1.898L28.194 48.597l21.241 21.066 21.242-21.066L49.434 27.53Z'/%3E%3Cpath d='M49.434 31.362 32.058 48.597 49.434 65.83l17.379-17.234-17.379-17.235Zm7.552 12.557a2.599 2.599 0 0 1 1.756 0c.496.179.903.492 1.205.918.686.971.506 2.296-.334 3.142h-.005l-2.54 2.382a.432.432 0 0 1-.596-.01.4.4 0 0 1 .008-.577l2.55-2.386c.335-.313.506-.73.515-1.15.01-.421-.149-.842-.474-1.164-.474-.475-1.187-.605-1.805-.376-.15.053-.397.148-.569-.085-.293-.399 0-.596.289-.699v.005Zm-2.875 1.195-.492-.501a.418.418 0 0 1 .009-.587.426.426 0 0 1 .591.01l2.803 2.882a.412.412 0 0 1-.009.582.426.426 0 0 1-.591-.009l-2.316-2.377h.005Zm-2.952-7.064h.013a2.516 2.516 0 0 1 2.663.596 2.459 2.459 0 0 1-.063 3.496l-2.053 1.942c-.28.265-.483.61-.538.99-.072.52.09 1.02.452 1.388.46.474 1.164.613 1.77.398l.026-.009c.15-.054.366-.201.591.094.195.398-.027.582-.306.685H53.7a2.517 2.517 0 0 1-2.663-.596 2.459 2.459 0 0 1 .063-3.496l2.054-1.942c.28-.264.483-.61.537-.99.072-.519-.09-1.02-.451-1.387a1.689 1.689 0 0 0-1.77-.399l-.022.01c-.15.053-.366.2-.592-.095-.194-.398.027-.582.307-.685h-.004Zm-6.5 1.312c.18-.493.497-.895.925-1.195.98-.68 2.316-.502 3.169.33h.005v.01l2.4 2.52a.423.423 0 0 1-.008.591.407.407 0 0 1-.582-.009l-2.406-2.53a1.644 1.644 0 0 0-1.16-.51 1.61 1.61 0 0 0-1.174.47 1.68 1.68 0 0 0-.38 1.791c.055.148.227.291-.035.52-.361.308-.65.044-.754-.242a2.538 2.538 0 0 1 0-1.742v-.004Zm3.525 2.278-2.397 2.297-.505.488a.42.42 0 0 1-.587-.01.418.418 0 0 1 .01-.586l2.906-2.78a.42.42 0 0 1 .587.01.418.418 0 0 1-.01.586l-.004-.005ZM39.18 44.2a2.508 2.508 0 0 1 3.525.063l1.96 2.037c.266.278.613.48.997.533.524.072 1.03-.09 1.4-.448a1.655 1.655 0 0 0 .401-1.754l-.009-.023c-.054-.147-.203-.362.095-.586.401-.193.587.027.69.304v.014a2.467 2.467 0 0 1-1.539 3.205 2.508 2.508 0 0 1-2.586-.627l-1.96-2.037a1.734 1.734 0 0 0-.997-.532 1.663 1.663 0 0 0-1.399.447 1.655 1.655 0 0 0-.402 1.755l.01.022c.053.148.203.363-.095.587-.402.192-.587-.027-.691-.304v-.014a2.467 2.467 0 0 1 .6-2.641Zm5.376 7.947.492.501a.412.412 0 0 1-.009.582.426.426 0 0 1-.591-.009l-2.803-2.883a.412.412 0 0 1 .009-.582.426.426 0 0 1 .591.01l2.316 2.376-.005.005Zm-2.893 1.043a2.599 2.599 0 0 1-1.756 0 2.498 2.498 0 0 1-1.205-.918c-.686-.971-.506-2.296.334-3.142h.004l2.542-2.382a.432.432 0 0 1 .595.009.4.4 0 0 1-.009.578l-2.55 2.385c-.334.314-.505.73-.514 1.15-.01.422.148.843.474 1.165.474.474 1.187.604 1.805.376.149-.054.397-.148.569.085.293.398 0 .595-.29.698v-.004Zm5.904 6.02h-.014a2.516 2.516 0 0 1-2.663-.595 2.459 2.459 0 0 1 .063-3.496l2.054-1.943c.28-.264.483-.608.537-.989.072-.52-.09-1.02-.451-1.388a1.689 1.689 0 0 0-1.77-.398l-.022.009c-.149.054-.366.201-.591-.094-.194-.399.027-.582.307-.685h.013a2.516 2.516 0 0 1 2.663.595 2.459 2.459 0 0 1-.063 3.496l-2.054 1.943a1.71 1.71 0 0 0-.537.99c-.072.519.09 1.02.452 1.387.46.475 1.164.614 1.769.399l.023-.01c.148-.053.365-.2.59.095.195.398-.026.582-.306.685Zm6.387-1.374c-.18.493-.497.896-.925 1.196-.98.68-2.316.5-3.17-.332h-.004v-.009l-2.401-2.52a.423.423 0 0 1 .009-.59.407.407 0 0 1 .582.008l2.406 2.53c.316.33.736.5 1.16.51a1.61 1.61 0 0 0 1.174-.47 1.68 1.68 0 0 0 .379-1.791c-.054-.148-.149-.394.086-.564.401-.291.6 0 .704.286a2.538 2.538 0 0 1 0 1.742v.004Zm-3.52-2.251 2.396-2.297.505-.488a.42.42 0 0 1 .587.01.418.418 0 0 1-.009.586l-2.907 2.78a.426.426 0 0 1-.591-.01.418.418 0 0 1 .01-.586l.008.005Zm9.036-2.565a2.508 2.508 0 0 1-3.525-.063l-1.96-2.037a1.734 1.734 0 0 0-.997-.533 1.663 1.663 0 0 0-1.4.448 1.655 1.655 0 0 0-.401 1.755l.009.022c.054.148.203.363-.095.587-.402.192-.587-.027-.69-.305v-.013a2.467 2.467 0 0 1 1.539-3.205 2.508 2.508 0 0 1 2.586.626l1.959 2.037c.266.278.614.48.998.533.523.072 1.029-.09 1.399-.448a1.664 1.664 0 0 0 .402-1.755l-.01-.022c-.054-.148-.203-.362.095-.586.402-.193.587.026.69.304v.014c.335.9.127 1.947-.6 2.64Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h99v72H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    margin: 0 auto;
    animation: topMove 2s forwards ease;
  }
  #mabinogim .info .story_wrap .story .text_area .text_line::before, #mabinogim .container .story_wrap .story .text_area .text_line::before {
    display: block;
    content: "";
    width: 100%;
    max-width: 421px;
    min-width: 220px;
    margin: 8px auto;
    height: 14px;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='421' height='14' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath stroke='%23ECD6BE' stroke-miterlimit='10' stroke-width='3' d='m218.609 3.73-8.22 8-2.67-2.44M202.279 10.06l8.22-8 2.67 2.45'/%3E%3Cpath fill='%23ECD6BE' d='M197.719 8.31V5.75s-117.11.34-117.11 1.23c0 .89 117.11 1.33 117.11 1.33Z'/%3E%3Cpath fill='%23ECD6BE' d='m198.388 10.18 3.139-3.14-3.139-3.139-3.14 3.14 3.14 3.14ZM223.279 8.31V5.75s117.11.33 117.11 1.22c0 .89-117.11 1.33-117.11 1.33v.01ZM204.358 4.5l-1.86-1.86-1.86 1.86 1.86 1.86 1.86-1.86ZM219.86 10 218 8.14 216.14 10l1.86 1.859 1.86-1.86Z'/%3E%3Cpath fill='%23ECD6BE' d='m225.755 7.029-3.14-3.14-3.139 3.14 3.139 3.14 3.14-3.14Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M.61 0h419.78v13.79H.61z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat;
    background-size: 100% auto;
  }
  #mabinogim .info .story_wrap .story .text_area .text_line p, #mabinogim .container .story_wrap .story .text_area .text_line p {
    white-space: wrap;
    color: #FFF;
    font-size: 14px;
    line-height: 160%; /* 16.8px */
  }
  #mabinogim .info .story_wrap .story .progress, #mabinogim .container .story_wrap .story .progress {
    display: none;
  }
  #mabinogim .info .story_wrap .story .scroll_button, #mabinogim .container .story_wrap .story .scroll_button {
    position: relative;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 10px auto 14px;
    animation: scrollButton 3s reverse linear infinite;
    pointer-events: none;
    z-index: 2;
  }
  #mabinogim .info .story_wrap .story .scroll_button::before, #mabinogim .container .story_wrap .story .scroll_button::before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath fill='%23fff' d='M8 4a.667.667 0 0 1 .667.667v7.723l.862-.861a.666.666 0 0 1 .88-.056l.062.056a.667.667 0 0 1 .056.88l-.056.062-2 2a.667.667 0 0 1-.88.056l-.062-.056-2-2a.666.666 0 0 1 .88-.998l.062.056.862.861V4.667A.667.667 0 0 1 8 4Zm0-2.667a3.333 3.333 0 0 1 1.333 6.39V6.58a2.333 2.333 0 1 0-2.666 0v1.142A3.334 3.334 0 0 1 8 1.333Z'/%3E%3C/svg%3E") no-repeat;
    background-size: cover;
    background-position: center;
  }
}
@media (max-width: 768px) {
  #mabinogim .info .story_wrap .bg .video_area video[data-type=pc], #mabinogim .container .story_wrap .bg .video_area video[data-type=pc] {
    display: none;
  }
  #mabinogim .info .story_wrap .bg .video_area video[data-type=mobile], #mabinogim .container .story_wrap .bg .video_area video[data-type=mobile] {
    display: block;
  }
}
@media (max-width: 320px) {
  #mabinogim .info .story_wrap .bg .video_area::before, #mabinogim .container .story_wrap .bg .video_area::before {
    height: 62%;
  }
}
#mabinogim .info .pagination {
  width: 100%;
  position: absolute;
  bottom: 0;
  z-index: 2;
}
#mabinogim .info .pagination .swiper {
  position: relative;
  width: 100%;
  height: 104px;
  display: flex;
  align-items: flex-end;
}
#mabinogim .info .pagination .swiper ul {
  width: 100%;
  height: 84px;
  border-top: 1px solid rgba(210, 210, 210, 0.3);
  display: flex;
  justify-content: center;
  gap: 60px;
  background: linear-gradient(180deg, rgba(24, 26, 35, 0.28) 0%, rgba(24, 26, 35, 0.83) 100%);
  backdrop-filter: blur(10px);
}
#mabinogim .info .pagination .swiper ul li {
  width: auto;
  transition: 0.3s;
}
#mabinogim .info .pagination .swiper ul li a {
  width: 200px;
  font-family: "Paperlogy-4Regular";
  color: #fff;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  font-size: 16px;
  overflow: hidden;
}
#mabinogim .info .pagination .swiper ul li a::before {
  content: "";
  font-style: normal;
  position: absolute;
  top: 0px;
  transform: translateY(-50%);
  display: block;
  width: 20px;
  min-width: 20px;
  height: 20px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath fill='%23fff' d='m9.94 6.382.516.872a6 6 0 0 0 2.04 2.067l.98.597-1.122.726a5.999 5.999 0 0 0-1.845 1.887l-.57.922-.88-1.241a6 6 0 0 0-1.425-1.423l-1.23-.871 1.092-.728a6 6 0 0 0 1.63-1.613l.814-1.195Z'/%3E%3Cmask id='a' width='10' height='10' x='5' y='5' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%23D9D9D9' d='M8.776 5.948a3 3 0 0 1 2.296 0l.94.39a3 3 0 0 1 1.623 1.623l.39.94a3 3 0 0 1 0 2.296l-.39.94a3 3 0 0 1-1.623 1.623l-.94.39a3 3 0 0 1-2.296 0l-.94-.39a3 3 0 0 1-1.624-1.624l-.389-.94a3 3 0 0 1 0-2.296l.39-.94a3 3 0 0 1 1.623-1.623l.94-.39Z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%23E8E8E8' d='M4.302 9.918h5.753v5.23H4.302z'/%3E%3Cpath fill='%23DAD9D9' d='M9.793 9.656h5.491v5.491H9.793z'/%3E%3Cpath fill='%23fff' d='M4.302 4.426h5.753v5.491H4.302z'/%3E%3Cpath fill='%23EFEFEF' d='M9.793 4.688h5.491v5.491H9.793z'/%3E%3C/g%3E%3C/svg%3E");
}
#mabinogim .info .pagination .swiper ul li.on {
  transform: translateY(-2px);
}
#mabinogim .info .pagination .swiper ul li.on a {
  font-family: "Paperlogy-7Bold";
}
#mabinogim .info .pagination .swiper ul li.on a::before {
  top: 2px;
  width: 43px;
  min-width: 43px;
  height: 43px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='43' height='43' fill='none'%3E%3Cpath fill='%23fff' d='m21.063 3.063 5.906 9.976a6 6 0 0 0 2.04 2.067L39.5 21.5l-10.633 6.886a6.001 6.001 0 0 0-1.846 1.887l-5.959 9.665-7.086-9.984a5.999 5.999 0 0 0-1.425-1.423L2.626 21.5l9.788-6.525a6 6 0 0 0 1.63-1.613l7.02-10.3Z'/%3E%3Cmask id='a' width='34' height='34' x='4' y='5' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%23D9D9D9' d='M19.852 5.976a3 3 0 0 1 2.296 0l9.371 3.881a3 3 0 0 1 1.624 1.624l3.882 9.37a3.001 3.001 0 0 1 0 2.297l-3.882 9.371a3 3 0 0 1-1.624 1.624l-9.37 3.882a3.001 3.001 0 0 1-2.297 0l-9.371-3.882a3 3 0 0 1-1.624-1.624l-3.881-9.37a3 3 0 0 1 0-2.297l3.881-9.371a3 3 0 0 1 1.624-1.624l9.37-3.881Z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%23E8E8E8' d='M.729 21.529h20.743v18.857H.729z'/%3E%3Cpath fill='%23DAD9D9' d='M20.529 20.586h19.8v19.8h-19.8z'/%3E%3Cpath fill='%23fff' d='M.729 1.729h20.743v19.8H.729z'/%3E%3Cpath fill='%23EFEFEF' d='M20.529 2.671h19.8v19.8h-19.8z'/%3E%3C/g%3E%3Cpath fill='%236F6F6F' fill-rule='evenodd' d='M23.708 13.949 21 11.5l-2.708 2.449L21 16.398l2.708-2.449Zm3.792 9.306-4.968-4.492.011-.01-1.532-1.386-.011.01-.011-.01-1.532 1.386.011.01-4.968 4.492 4.968 4.493-2.31 2.087 1.533 1.386L21 29.133l2.31 2.088 1.531-1.386-2.31-2.088 4.969-4.492Zm-3.064 0L21 26.362l-3.436-3.107L21 20.148l3.436 3.107Z' clip-rule='evenodd'/%3E%3C/svg%3E");
  animation: hoverAction 0.2s forwards linear;
}
@media (hover: hover) and (min-width: 1281px) {
  #mabinogim .info .pagination .swiper ul li:hover {
    transform: translateY(-2px);
  }
  #mabinogim .info .pagination .swiper ul li:hover a {
    font-family: "Paperlogy-7Bold";
  }
  #mabinogim .info .pagination .swiper ul li:hover a::before {
    top: 2px;
    width: 43px;
    min-width: 43px;
    height: 43px;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='43' height='43' fill='none'%3E%3Cpath fill='%23fff' d='m21.063 3.063 5.906 9.976a6 6 0 0 0 2.04 2.067L39.5 21.5l-10.633 6.886a6.001 6.001 0 0 0-1.846 1.887l-5.959 9.665-7.086-9.984a5.999 5.999 0 0 0-1.425-1.423L2.626 21.5l9.788-6.525a6 6 0 0 0 1.63-1.613l7.02-10.3Z'/%3E%3Cmask id='a' width='34' height='34' x='4' y='5' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%23D9D9D9' d='M19.852 5.976a3 3 0 0 1 2.296 0l9.371 3.881a3 3 0 0 1 1.624 1.624l3.882 9.37a3.001 3.001 0 0 1 0 2.297l-3.882 9.371a3 3 0 0 1-1.624 1.624l-9.37 3.882a3.001 3.001 0 0 1-2.297 0l-9.371-3.882a3 3 0 0 1-1.624-1.624l-3.881-9.37a3 3 0 0 1 0-2.297l3.881-9.371a3 3 0 0 1 1.624-1.624l9.37-3.881Z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%23E8E8E8' d='M.729 21.529h20.743v18.857H.729z'/%3E%3Cpath fill='%23DAD9D9' d='M20.529 20.586h19.8v19.8h-19.8z'/%3E%3Cpath fill='%23fff' d='M.729 1.729h20.743v19.8H.729z'/%3E%3Cpath fill='%23EFEFEF' d='M20.529 2.671h19.8v19.8h-19.8z'/%3E%3C/g%3E%3Cpath fill='%236F6F6F' fill-rule='evenodd' d='M23.708 13.949 21 11.5l-2.708 2.449L21 16.398l2.708-2.449Zm3.792 9.306-4.968-4.492.011-.01-1.532-1.386-.011.01-.011-.01-1.532 1.386.011.01-4.968 4.492 4.968 4.493-2.31 2.087 1.533 1.386L21 29.133l2.31 2.088 1.531-1.386-2.31-2.088 4.969-4.492Zm-3.064 0L21 26.362l-3.436-3.107L21 20.148l3.436 3.107Z' clip-rule='evenodd'/%3E%3C/svg%3E");
    animation: hoverAction 0.2s forwards linear;
  }
}
@keyframes hoverAction {
  0% {
    transform: scale(0) translateY(-50%);
    transform-origin: 50% 0;
  }
  100% {
    transform: scale(1) translateY(-50%);
    transform-origin: 50% 0;
  }
}
#mabinogim .info .pagination .prev_button, #mabinogim .info .pagination .next_button {
  display: none;
}

@media (max-width: 1280px) {
  #mabinogim {
    overflow: hidden;
  }
  #mabinogim .info .pagination {
    width: 100%;
    padding: 0 50px;
    border-top: 1px solid rgba(210, 210, 210, 0.3);
    background: linear-gradient(180deg, rgba(24, 26, 35, 0.28) 0%, rgba(24, 26, 35, 0.83) 100%);
    backdrop-filter: blur(10px);
    z-index: 2;
  }
  #mabinogim .info .pagination .swiper {
    position: relative;
    width: 100%;
    height: 70px;
    display: flex;
    align-items: flex-end;
  }
  #mabinogim .info .pagination .swiper ul {
    width: 100%;
    height: 70px;
    display: flex;
    justify-content: flex-start;
    gap: 0;
    background: none;
    backdrop-filter: none;
  }
  #mabinogim .info .pagination .swiper ul li {
    display: flex;
    justify-content: center;
    width: 100%;
  }
  #mabinogim .info .pagination .swiper ul li a {
    color: #fff;
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: 17px;
  }
  #mabinogim .info .pagination .swiper ul li a::before {
    content: "";
    position: static;
    top: inherit;
    transform: none;
    display: block;
    width: 43px;
    min-width: 43px;
    height: 43px;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='43' height='43' fill='none'%3E%3Cpath fill='%23fff' d='m21.063 3.063 5.906 9.976a6 6 0 0 0 2.04 2.067L39.5 21.5l-10.633 6.886a6.001 6.001 0 0 0-1.846 1.887l-5.959 9.665-7.086-9.984a5.999 5.999 0 0 0-1.425-1.423L2.626 21.5l9.788-6.525a6 6 0 0 0 1.63-1.613l7.02-10.3Z'/%3E%3Cmask id='a' width='34' height='34' x='4' y='5' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%23D9D9D9' d='M19.852 5.976a3 3 0 0 1 2.296 0l9.371 3.881a3 3 0 0 1 1.624 1.624l3.882 9.37a3.001 3.001 0 0 1 0 2.297l-3.882 9.371a3 3 0 0 1-1.624 1.624l-9.37 3.882a3.001 3.001 0 0 1-2.297 0l-9.371-3.882a3 3 0 0 1-1.624-1.624l-3.881-9.37a3 3 0 0 1 0-2.297l3.881-9.371a3 3 0 0 1 1.624-1.624l9.37-3.881Z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%23E8E8E8' d='M.729 21.529h20.743v18.857H.729z'/%3E%3Cpath fill='%23DAD9D9' d='M20.529 20.586h19.8v19.8h-19.8z'/%3E%3Cpath fill='%23fff' d='M.729 1.729h20.743v19.8H.729z'/%3E%3Cpath fill='%23EFEFEF' d='M20.529 2.671h19.8v19.8h-19.8z'/%3E%3C/g%3E%3Cpath fill='%236F6F6F' fill-rule='evenodd' d='M23.708 13.949 21 11.5l-2.708 2.449L21 16.398l2.708-2.449Zm3.792 9.306-4.968-4.492.011-.01-1.532-1.386-.011.01-.011-.01-1.532 1.386.011.01-4.968 4.492 4.968 4.493-2.31 2.087 1.533 1.386L21 29.133l2.31 2.088 1.531-1.386-2.31-2.088 4.969-4.492Zm-3.064 0L21 26.362l-3.436-3.107L21 20.148l3.436 3.107Z' clip-rule='evenodd'/%3E%3C/svg%3E");
    margin-right: 10px;
  }
  #mabinogim .info .pagination .swiper ul li.on {
    transform: none;
  }
  #mabinogim .info .pagination .swiper ul li.on a::before {
    top: 2px;
    width: 43px;
    min-width: 43px;
    height: 43px;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='43' height='43' fill='none'%3E%3Cpath fill='%23fff' d='m21.063 3.063 5.906 9.976a6 6 0 0 0 2.04 2.067L39.5 21.5l-10.633 6.886a6.001 6.001 0 0 0-1.846 1.887l-5.959 9.665-7.086-9.984a5.999 5.999 0 0 0-1.425-1.423L2.626 21.5l9.788-6.525a6 6 0 0 0 1.63-1.613l7.02-10.3Z'/%3E%3Cmask id='a' width='34' height='34' x='4' y='5' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%23D9D9D9' d='M19.852 5.976a3 3 0 0 1 2.296 0l9.371 3.881a3 3 0 0 1 1.624 1.624l3.882 9.37a3.001 3.001 0 0 1 0 2.297l-3.882 9.371a3 3 0 0 1-1.624 1.624l-9.37 3.882a3.001 3.001 0 0 1-2.297 0l-9.371-3.882a3 3 0 0 1-1.624-1.624l-3.881-9.37a3 3 0 0 1 0-2.297l3.881-9.371a3 3 0 0 1 1.624-1.624l9.37-3.881Z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%23E8E8E8' d='M.729 21.529h20.743v18.857H.729z'/%3E%3Cpath fill='%23DAD9D9' d='M20.529 20.586h19.8v19.8h-19.8z'/%3E%3Cpath fill='%23fff' d='M.729 1.729h20.743v19.8H.729z'/%3E%3Cpath fill='%23EFEFEF' d='M20.529 2.671h19.8v19.8h-19.8z'/%3E%3C/g%3E%3Cpath fill='%236F6F6F' fill-rule='evenodd' d='M23.708 13.949 21 11.5l-2.708 2.449L21 16.398l2.708-2.449Zm3.792 9.306-4.968-4.492.011-.01-1.532-1.386-.011.01-.011-.01-1.532 1.386.011.01-4.968 4.492 4.968 4.493-2.31 2.087 1.533 1.386L21 29.133l2.31 2.088 1.531-1.386-2.31-2.088 4.969-4.492Zm-3.064 0L21 26.362l-3.436-3.107L21 20.148l3.436 3.107Z' clip-rule='evenodd'/%3E%3C/svg%3E");
    animation: none;
  }
  #mabinogim .info .pagination .prev_button {
    display: block;
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    width: 12px;
    min-width: 12px;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='20' fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-width='2' d='m11 19-9-9 9-9'/%3E%3C/svg%3E");
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 2;
    padding: 0 26px;
  }
  #mabinogim .info .pagination .next_button {
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 12px;
    min-width: 12px;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='20' fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-width='2' d='m1 1 9 9-9 9'/%3E%3C/svg%3E");
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 2;
    padding: 0 26px;
  }
}
@keyframes topMove {
  0% {
    transform: translateY(20%);
    opacity: 0;
  }
  100% {
    transform: translateY(0%);
    opacity: 1;
  }
}
@keyframes gauge {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@keyframes scrollButton {
  0% {
    transform: translateY(10%);
    opacity: 0;
  }
  40% {
    transform: translateY(0%);
    opacity: 1;
  }
}
