@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 {
  background: #000;
}
#mabinogim .info, #mabinogim .container {
  position: relative;
}
#mabinogim .info .map_wrap, #mabinogim .container .map_wrap {
  position: relative;
  width: 100%;
  height: calc(var(--vh, 1vh) * 100 - var(--pc-top-height));
  min-height: 700px;
  background: #6b5331;
  overflow: hidden;
  z-index: 1;
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
  transition: 0.3s;
}
#mabinogim .info .map_wrap:active, #mabinogim .container .map_wrap:active {
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
#mabinogim .info .map_wrap .map_button_area, #mabinogim .container .map_wrap .map_button_area {
  position: absolute;
  top: 0;
  left: 0;
  top: 67px;
  left: 62px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  z-index: 3;
}
#mabinogim .info .map_wrap .map_button_area button, #mabinogim .container .map_wrap .map_button_area button {
  overflow: hidden;
  width: 290px;
  height: 90px;
  border-radius: 60px;
  background: #181A23;
  transition: 0.3s;
  display: flex;
  align-items: center;
  padding: 0 18px 0 26px;
}
#mabinogim .info .map_wrap .map_button_area button::after, #mabinogim .container .map_wrap .map_button_area button::after {
  content: "";
  display: block;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='10' fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-width='2' d='m1 9 4-4-4-4'/%3E%3C/svg%3E");
  width: 7px;
  height: 10px;
  margin-left: auto;
}
#mabinogim .info .map_wrap .map_button_area button .thumbnail, #mabinogim .container .map_wrap .map_button_area button .thumbnail {
  width: 52px;
  height: 52px;
  background: url(https://lwi.nexon.com/m_mabinogim/brand/info/map/2DFBA0.png) no-repeat;
  background-size: 200% 300%;
}
#mabinogim .info .map_wrap .map_button_area button .text, #mabinogim .container .map_wrap .map_button_area button .text {
  margin-left: 23px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
#mabinogim .info .map_wrap .map_button_area button .text span, #mabinogim .container .map_wrap .map_button_area button .text span {
  font-family: "Paperlogy-7Bold";
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
}
#mabinogim .info .map_wrap .map_button_area button .text span::before, #mabinogim .container .map_wrap .map_button_area button .text span::before {
  content: "";
  display: block;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' fill='none'%3E%3Cpath fill='%23fff' d='M10.156 9.375a2.344 2.344 0 1 1 4.688 0 2.344 2.344 0 0 1-4.688 0Z'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M12.331 2.604a6.41 6.41 0 0 0-6.387 5.884 6.922 6.922 0 0 0 1.54 4.95l3.744 4.579a1.644 1.644 0 0 0 2.544 0l3.745-4.58a6.92 6.92 0 0 0 1.54-4.95 6.41 6.41 0 0 0-6.388-5.883h-.338ZM12.5 5.47a3.906 3.906 0 1 0 0 7.813 3.906 3.906 0 0 0 0-7.813Z' clip-rule='evenodd'/%3E%3Cpath fill='%23fff' d='M7.64 15.969a.78.78 0 0 1 .35 1.046l-1.517 3.037h12.054l-1.518-3.037a.782.782 0 1 1 1.398-.697l2.084 4.166a.781.781 0 0 1-.7 1.13H5.209a.781.781 0 0 1-.698-1.13l2.084-4.166a.781.781 0 0 1 1.047-.35Z'/%3E%3C/svg%3E");
  width: 25px;
  height: 25px;
  margin-left: -6px;
}
#mabinogim .info .map_wrap .map_button_area button .text span.site, #mabinogim .container .map_wrap .map_button_area button .text span.site {
  font-family: "Paperlogy-4Regular";
  font-size: 13px;
  margin-bottom: 6px;
  font-weight: 400;
}
#mabinogim .info .map_wrap .map_button_area button .text span.site::before, #mabinogim .container .map_wrap .map_button_area button .text span.site::before {
  display: none;
}
#mabinogim .info .map_wrap .map_button_area button.on, #mabinogim .container .map_wrap .map_button_area button.on {
  width: 318px;
  background: #2BAF7E;
}
#mabinogim .info .map_wrap .map_button_area button.on .thumbnail, #mabinogim .container .map_wrap .map_button_area button.on .thumbnail {
  background-position-x: 100%;
}
@media (hover: hover) and (min-width: 1281px) {
  #mabinogim .info .map_wrap .map_button_area button:hover, #mabinogim .container .map_wrap .map_button_area button:hover {
    width: 318px;
    background: #2BAF7E;
  }
  #mabinogim .info .map_wrap .map_button_area button:hover .thumbnail, #mabinogim .container .map_wrap .map_button_area button:hover .thumbnail {
    background-position-x: 100%;
  }
}
#mabinogim .info .map_wrap .map_button_area .tirchonaill_button .thumbnail, #mabinogim .container .map_wrap .map_button_area .tirchonaill_button .thumbnail {
  background-position: 0 0;
}
#mabinogim .info .map_wrap .map_button_area .dunbarton_button .thumbnail, #mabinogim .container .map_wrap .map_button_area .dunbarton_button .thumbnail {
  background-position: 0 50%;
}
#mabinogim .info .map_wrap .map_button_area .colhen_button .thumbnail, #mabinogim .container .map_wrap .map_button_area .colhen_button .thumbnail {
  background-position: 0 100%;
}
#mabinogim .info .map_wrap .map_cover, #mabinogim .container .map_wrap .map_cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  pointer-events: none;
}
#mabinogim .info .map_wrap .map_cover .linear, #mabinogim .container .map_wrap .map_cover .linear {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, #141D26 0%, rgba(20, 29, 39, 0) 21.35%, rgba(20, 29, 39, 0) 81.25%, #141D26 100%);
  pointer-events: none;
  z-index: 3;
}
#mabinogim .info .map_wrap .map_cover .back_blur, #mabinogim .container .map_wrap .map_cover .back_blur {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(11, 11, 11, 0.4);
  backdrop-filter: blur(5px);
}
#mabinogim .info .map_wrap .map_detail, #mabinogim .container .map_wrap .map_detail {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 4;
}
#mabinogim .info .map_wrap .map_detail .inner, #mabinogim .container .map_wrap .map_detail .inner {
  margin: auto 0;
}
#mabinogim .info .map_wrap .map_detail .inner > div .enter .name, #mabinogim .container .map_wrap .map_detail .inner > div .enter .name {
  font-family: "Paperlogy-7Bold";
  color: #FFF;
  font-size: 48px;
  font-weight: 700;
  width: min-content;
  white-space: nowrap;
  display: flex;
  align-items: center;
  margin: 0 auto;
}
#mabinogim .info .map_wrap .map_detail .inner > div .enter .name::before, #mabinogim .container .map_wrap .map_detail .inner > div .enter .name::before {
  display: block;
  content: "";
  min-width: 63px;
  width: 63px;
  height: 16px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='63' height='16' fill='none'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M3.54 4.875.5 8l3.04 3.125L6.577 8 3.54 4.875ZM15.087.5 9.514 6.232l-.013-.013-1.72 1.768.013.013-.013.013 1.72 1.768.013-.014 5.574 5.733 5.576-5.732 2.59 2.664 1.72-1.767L22.383 8l2.59-2.665-1.718-1.767-2.592 2.664L15.088.5Zm0 3.535L18.944 8l-3.855 3.964L11.232 8l3.855-3.964ZM55.415 9.25c.5 1.457 1.851 2.5 3.439 2.5 2.014 0 3.647-1.679 3.647-3.75 0-2.071-1.633-3.75-3.647-3.75-1.588 0-2.939 1.044-3.44 2.5H30.284l-1.823-1.875L25.42 8l3.04 3.125 1.823-1.875h25.13Z' clip-rule='evenodd'/%3E%3C/svg%3E");
  margin-right: 10px;
}
#mabinogim .info .map_wrap .map_detail .inner > div .enter .name::after, #mabinogim .container .map_wrap .map_detail .inner > div .enter .name::after {
  display: block;
  content: "";
  width: 63px;
  min-width: 63px;
  height: 16px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='63' height='16' fill='none'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M3.54 4.875.5 8l3.04 3.125L6.577 8 3.54 4.875ZM15.087.5 9.514 6.232l-.013-.013-1.72 1.768.013.013-.013.013 1.72 1.768.013-.014 5.574 5.733 5.576-5.732 2.59 2.664 1.72-1.767L22.383 8l2.59-2.665-1.718-1.767-2.592 2.664L15.088.5Zm0 3.535L18.944 8l-3.855 3.964L11.232 8l3.855-3.964ZM55.415 9.25c.5 1.457 1.851 2.5 3.439 2.5 2.014 0 3.647-1.679 3.647-3.75 0-2.071-1.633-3.75-3.647-3.75-1.588 0-2.939 1.044-3.44 2.5H30.284l-1.823-1.875L25.42 8l3.04 3.125 1.823-1.875h25.13Z' clip-rule='evenodd'/%3E%3C/svg%3E");
  transform: rotate(180deg);
  margin-left: 10px;
}
#mabinogim .info .map_wrap .map_detail .inner > div .enter .detail_button, #mabinogim .container .map_wrap .map_detail .inner > div .enter .detail_button {
  font-family: "Paperlogy-7Bold";
  display: flex;
  align-items: center;
  width: min-content;
  margin: 20px auto;
  color: #FFF;
  font-size: 17px;
  font-weight: 700;
  line-height: normal;
  padding: 10px 30px;
  border-radius: 12px;
  background: #2BAF7E;
  white-space: nowrap;
}
#mabinogim .info .map_wrap .map_detail .inner > div .enter .detail_button::before, #mabinogim .container .map_wrap .map_detail .inner > div .enter .detail_button::before {
  display: block;
  content: "";
  min-width: 10px;
  width: 10px;
  height: 10px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='none'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M5.055 0a.77.77 0 0 0-.77.77v3.516H.77a.77.77 0 0 0 0 1.538h3.517v3.407a.77.77 0 0 0 1.538 0V5.824h3.407a.77.77 0 0 0 0-1.538H5.824V.769A.77.77 0 0 0 5.054 0Z' clip-rule='evenodd'/%3E%3C/svg%3E");
  margin-right: 8px;
}
@media (hover: hover) and (min-width: 1281px) {
  #mabinogim .info .map_wrap .map_detail .inner > div .enter .detail_button:hover, #mabinogim .container .map_wrap .map_detail .inner > div .enter .detail_button:hover {
    background: #1f9268;
  }
}
#mabinogim .info .map_wrap .map_detail .inner > div .video_player, #mabinogim .container .map_wrap .map_detail .inner > div .video_player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  display: none;
}
#mabinogim .info .map_wrap .map_detail .inner > div .video_player::before, #mabinogim .container .map_wrap .map_detail .inner > div .video_player::before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, #141D26 0%, rgba(20, 29, 39, 0) 50.52%);
  pointer-events: none;
  z-index: 1;
}
#mabinogim .info .map_wrap .map_detail .inner > div .video_player video, #mabinogim .container .map_wrap .map_detail .inner > div .video_player video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}
#mabinogim .info .map_wrap .map_detail .inner > div .video_player video[data-type=pc], #mabinogim .container .map_wrap .map_detail .inner > div .video_player video[data-type=pc] {
  display: block;
}
#mabinogim .info .map_wrap .map_detail .inner > div .video_player video[data-type=mobile], #mabinogim .container .map_wrap .map_detail .inner > div .video_player video[data-type=mobile] {
  display: none;
}
#mabinogim .info .map_wrap .map_detail .inner > div .video_player .description, #mabinogim .container .map_wrap .map_detail .inner > div .video_player .description {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding-bottom: 83px;
  z-index: 2;
}
#mabinogim .info .map_wrap .map_detail .inner > div .video_player .description .name, #mabinogim .container .map_wrap .map_detail .inner > div .video_player .description .name {
  font-family: "Paperlogy-7Bold";
  color: #FFF;
  font-size: 48px;
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
}
#mabinogim .info .map_wrap .map_detail .inner > div .video_player .description .name::before, #mabinogim .container .map_wrap .map_detail .inner > div .video_player .description .name::before {
  display: block;
  content: "";
  min-width: 63px;
  width: 63px;
  height: 16px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='63' height='16' fill='none'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M3.54 4.875.5 8l3.04 3.125L6.577 8 3.54 4.875ZM15.087.5 9.514 6.232l-.013-.013-1.72 1.768.013.013-.013.013 1.72 1.768.013-.014 5.574 5.733 5.576-5.732 2.59 2.664 1.72-1.767L22.383 8l2.59-2.665-1.718-1.767-2.592 2.664L15.088.5Zm0 3.535L18.944 8l-3.855 3.964L11.232 8l3.855-3.964ZM55.415 9.25c.5 1.457 1.851 2.5 3.439 2.5 2.014 0 3.647-1.679 3.647-3.75 0-2.071-1.633-3.75-3.647-3.75-1.588 0-2.939 1.044-3.44 2.5H30.284l-1.823-1.875L25.42 8l3.04 3.125 1.823-1.875h25.13Z' clip-rule='evenodd'/%3E%3C/svg%3E");
  margin-right: 10px;
}
#mabinogim .info .map_wrap .map_detail .inner > div .video_player .description .name::after, #mabinogim .container .map_wrap .map_detail .inner > div .video_player .description .name::after {
  display: block;
  content: "";
  width: 63px;
  min-width: 63px;
  height: 16px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='63' height='16' fill='none'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M3.54 4.875.5 8l3.04 3.125L6.577 8 3.54 4.875ZM15.087.5 9.514 6.232l-.013-.013-1.72 1.768.013.013-.013.013 1.72 1.768.013-.014 5.574 5.733 5.576-5.732 2.59 2.664 1.72-1.767L22.383 8l2.59-2.665-1.718-1.767-2.592 2.664L15.088.5Zm0 3.535L18.944 8l-3.855 3.964L11.232 8l3.855-3.964ZM55.415 9.25c.5 1.457 1.851 2.5 3.439 2.5 2.014 0 3.647-1.679 3.647-3.75 0-2.071-1.633-3.75-3.647-3.75-1.588 0-2.939 1.044-3.44 2.5H30.284l-1.823-1.875L25.42 8l3.04 3.125 1.823-1.875h25.13Z' clip-rule='evenodd'/%3E%3C/svg%3E");
  transform: rotate(180deg);
  margin-left: 10px;
}
#mabinogim .info .map_wrap .map_detail .inner > div .video_player .description .text, #mabinogim .container .map_wrap .map_detail .inner > div .video_player .description .text {
  color: #FFF;
  text-align: center;
  margin-top: 18px;
  margin-bottom: 100px;
}
#mabinogim .info .map_wrap .map_detail .inner > div .video_player .description .text span, #mabinogim .container .map_wrap .map_detail .inner > div .video_player .description .text span {
  font-size: 20px;
  font-family: "Paperlogy-4Regular";
  line-height: 160%;
}
#mabinogim .info .map_wrap .map_detail .inner > div .back_button, #mabinogim .container .map_wrap .map_detail .inner > div .back_button {
  font-family: "Paperlogy-7Bold";
  position: absolute;
  right: 0;
  top: 48px;
  padding: 10px 20px;
  border-radius: 12px 0px 0px 12px;
  background: #FFF;
  color: #5E5F66;
  font-size: 17px;
  font-weight: 700;
  line-height: normal;
  display: flex;
  align-items: center;
  z-index: 3;
  transition: all 0.3s;
}
#mabinogim .info .map_wrap .map_detail .inner > div .back_button::before, #mabinogim .container .map_wrap .map_detail .inner > div .back_button::before {
  display: block;
  content: "";
  min-width: 16px;
  width: 16px;
  height: 17px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' fill='none'%3E%3Cpath fill='%235E5F66' d='M13.953 9.833a4.668 4.668 0 0 1-4.62 4H3.667V12.5h5.666a3.333 3.333 0 1 0 0-6.667H4.61L6.276 7.5l-.943.943-3.276-3.276L5.333 1.89l.943.942L4.609 4.5h4.724A4.667 4.667 0 0 1 14 9.167v.666h-.047Z'/%3E%3C/svg%3E");
  margin-right: 8px;
}
@media (hover: hover) and (min-width: 1281px) {
  #mabinogim .info .map_wrap .map_detail .inner > div .back_button:hover, #mabinogim .container .map_wrap .map_detail .inner > div .back_button:hover {
    padding: 10px 30px 10px 20px;
  }
}
#mabinogim .info .map_wrap .map_detail .inner > div.dunbarton .enter, #mabinogim .container .map_wrap .map_detail .inner > div.dunbarton .enter {
  margin-top: -100px;
}
#mabinogim .info .map_wrap .map_detail .inner > div.tirchonaill .enter, #mabinogim .container .map_wrap .map_detail .inner > div.tirchonaill .enter {
  margin-top: -50px;
}
#mabinogim .info .map_wrap .map_detail .inner > div.colhen .enter, #mabinogim .container .map_wrap .map_detail .inner > div.colhen .enter {
  margin-top: -100px;
}
#mabinogim .info .map_wrap .map_detail .inner > div.colhen .enter .name, #mabinogim .container .map_wrap .map_detail .inner > div.colhen .enter .name {
  margin: -20px auto 0;
}
#mabinogim .info .map_wrap .map, #mabinogim .container .map_wrap .map {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  will-change: width, height, transform;
  z-index: 1;
}
#mabinogim .info .map_wrap .map .map_image img, #mabinogim .container .map_wrap .map .map_image img {
  width: 100%;
}
#mabinogim .info .map_wrap .map .map_object, #mabinogim .container .map_wrap .map .map_object {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#mabinogim .info .map_wrap .map .map_object .area > div .marker_button::before, #mabinogim .container .map_wrap .map .map_object .area > div .marker_button::before {
  position: absolute;
  top: 0;
  left: -22px;
  content: "";
  display: block;
  width: 44px;
  min-width: 44px;
  height: 51px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='51' fill='none'%3E%3Cg filter='url(%23a)'%3E%3Cpath fill='%231D2A33' d='M40 18c0 9.941-17 25-18 25S4 27.941 4 18 12.059 0 22 0s18 8.059 18 18Z'/%3E%3C/g%3E%3Cpath fill='%23fff' d='M20.156 15.375a2.344 2.344 0 1 1 4.688 0 2.344 2.344 0 0 1-4.688 0Z'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M22.331 8.604a6.41 6.41 0 0 0-6.387 5.883 6.922 6.922 0 0 0 1.54 4.95l3.744 4.58a1.644 1.644 0 0 0 2.544 0l3.745-4.58a6.92 6.92 0 0 0 1.54-4.95 6.41 6.41 0 0 0-6.388-5.883h-.338Zm.169 2.865a3.906 3.906 0 1 0 0 7.811 3.906 3.906 0 0 0 0-7.811Z' clip-rule='evenodd'/%3E%3Cpath fill='%23fff' d='M17.64 21.969a.781.781 0 0 1 .35 1.046l-1.517 3.037h12.054l-1.518-3.037a.782.782 0 1 1 1.398-.697l2.084 4.166a.781.781 0 0 1-.7 1.13H15.209a.781.781 0 0 1-.698-1.13l2.084-4.166a.78.78 0 0 1 1.047-.35Z'/%3E%3Cdefs%3E%3Cfilter id='a' width='44' height='51' x='0' y='0' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='4'/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.4 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_3230_19159'/%3E%3CfeBlend in='SourceGraphic' in2='effect1_dropShadow_3230_19159' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
}
#mabinogim .info .map_wrap .map .map_object .area > div .marker_button b, #mabinogim .container .map_wrap .map .map_object .area > div .marker_button b {
  font-family: "Paperlogy-4Regular";
  padding: 13px 40px;
  border-radius: 0px 12px 12px 0px;
  background: #00B670;
  opacity: 0;
  white-space: nowrap;
  color: #FFF;
  font-size: 19px;
}
#mabinogim .info .map_wrap .map .map_object .area > div.on .marker_button b, #mabinogim .container .map_wrap .map .map_object .area > div.on .marker_button b {
  opacity: 1;
}
@media (hover: hover) and (min-width: 1281px) {
  #mabinogim .info .map_wrap .map .map_object .area > div:hover .marker_button b, #mabinogim .container .map_wrap .map .map_object .area > div:hover .marker_button b {
    opacity: 1;
  }
}
#mabinogim .info .map_wrap .map .map_object .area .dunbarton_area, #mabinogim .container .map_wrap .map .map_object .area .dunbarton_area {
  position: absolute;
  top: 43%;
  left: 33%;
  width: 21%;
  height: 19%;
}
#mabinogim .info .map_wrap .map .map_object .area .dunbarton_area .marker_button, #mabinogim .container .map_wrap .map .map_object .area .dunbarton_area .marker_button {
  display: flex;
  position: absolute;
  left: 50%;
  top: 58%;
}
#mabinogim .info .map_wrap .map .map_object .area .colhen_area, #mabinogim .container .map_wrap .map .map_object .area .colhen_area {
  position: absolute;
  top: 46%;
  left: 74%;
  width: 18%;
  height: 15%;
}
#mabinogim .info .map_wrap .map .map_object .area .colhen_area .marker_button, #mabinogim .container .map_wrap .map .map_object .area .colhen_area .marker_button {
  display: flex;
  position: absolute;
  left: 14.6%;
  top: 49.2%;
}
#mabinogim .info .map_wrap .map .map_object .area .tirchonaill_area, #mabinogim .container .map_wrap .map .map_object .area .tirchonaill_area {
  position: absolute;
  top: 69%;
  left: 49%;
  width: 15%;
  height: 14%;
}
#mabinogim .info .map_wrap .map .map_object .area .tirchonaill_area .marker_button, #mabinogim .container .map_wrap .map .map_object .area .tirchonaill_area .marker_button {
  display: flex;
  position: absolute;
  left: 66.8%;
  top: 52.2%;
}
#mabinogim .info .map_wrap .cursor, #mabinogim .container .map_wrap .cursor {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 55px;
  height: 55px;
  background: url(https://lwi.nexon.com/m_mabinogim/brand/info/map/cursor.png) no-repeat;
  pointer-events: none;
  z-index: 100;
}

@media (max-width: 1280px) {
  #mabinogim .info, #mabinogim .container {
    position: relative;
  }
  #mabinogim .info .map_wrap, #mabinogim .container .map_wrap {
    position: relative;
    width: 100%;
    height: calc(var(--vh, 1vh) * 100 - var(--mobile-top-height));
    min-height: auto;
    background: #7a7562;
    overflow: hidden;
  }
  #mabinogim .info .map_wrap .map_button_area, #mabinogim .container .map_wrap .map_button_area {
    position: absolute;
    top: 18px;
    left: 15px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    z-index: 3;
  }
  #mabinogim .info .map_wrap .map_button_area button, #mabinogim .container .map_wrap .map_button_area button {
    overflow: hidden;
    width: 164px;
    height: 44px;
    border-radius: 60px;
    background: #181A23;
    transition: 0.3s;
    display: flex;
    align-items: center;
    padding: 0 12px 0 15px;
  }
  #mabinogim .info .map_wrap .map_button_area button::after, #mabinogim .container .map_wrap .map_button_area button::after {
    content: "";
    display: block;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='8' fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-width='2' d='m1 7 3-3-3-3'/%3E%3C/svg%3E");
    width: 6px;
    height: 8px;
    background-size: cover;
    margin-left: auto;
  }
  #mabinogim .info .map_wrap .map_button_area button .thumbnail, #mabinogim .container .map_wrap .map_button_area button .thumbnail {
    display: none;
  }
  #mabinogim .info .map_wrap .map_button_area button .text, #mabinogim .container .map_wrap .map_button_area button .text {
    margin-left: 0px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
  }
  #mabinogim .info .map_wrap .map_button_area button .text span, #mabinogim .container .map_wrap .map_button_area button .text span {
    font-family: "Paperlogy-4Regular";
    display: flex;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    white-space: nowrap;
  }
  #mabinogim .info .map_wrap .map_button_area button .text span::before, #mabinogim .container .map_wrap .map_button_area button .text span::before {
    content: "";
    display: block;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' fill='none'%3E%3Cpath fill='%23fff' d='M10.156 9.375a2.344 2.344 0 1 1 4.688 0 2.344 2.344 0 0 1-4.688 0Z'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M12.331 2.604a6.41 6.41 0 0 0-6.387 5.884 6.922 6.922 0 0 0 1.54 4.95l3.744 4.579a1.644 1.644 0 0 0 2.544 0l3.745-4.58a6.92 6.92 0 0 0 1.54-4.95 6.41 6.41 0 0 0-6.388-5.883h-.338ZM12.5 5.47a3.906 3.906 0 1 0 0 7.813 3.906 3.906 0 0 0 0-7.813Z' clip-rule='evenodd'/%3E%3Cpath fill='%23fff' d='M7.64 15.969a.78.78 0 0 1 .35 1.046l-1.517 3.037h12.054l-1.518-3.037a.782.782 0 1 1 1.398-.697l2.084 4.166a.781.781 0 0 1-.7 1.13H5.209a.781.781 0 0 1-.698-1.13l2.084-4.166a.781.781 0 0 1 1.047-.35Z'/%3E%3C/svg%3E");
    width: 18px;
    height: 18px;
    background-size: 100% auto;
    margin-right: 4px;
  }
  #mabinogim .info .map_wrap .map_button_area button .text span.site, #mabinogim .container .map_wrap .map_button_area button .text span.site {
    display: none;
  }
  #mabinogim .info .map_wrap .map_button_area button.on, #mabinogim .container .map_wrap .map_button_area button.on {
    width: 164px;
    background: #2BAF7E;
  }
  #mabinogim .info .map_wrap .map_button_area button.on .thumbnail, #mabinogim .container .map_wrap .map_button_area button.on .thumbnail {
    background-position-x: 100%;
  }
  #mabinogim .info .map_wrap .map_button_area .tirchonaill .thumbnail, #mabinogim .container .map_wrap .map_button_area .tirchonaill .thumbnail {
    background-position: 0 0;
  }
  #mabinogim .info .map_wrap .map_button_area .dunbarton .thumbnail, #mabinogim .container .map_wrap .map_button_area .dunbarton .thumbnail {
    background-position: 0 50%;
  }
  #mabinogim .info .map_wrap .map_button_area .colhen .thumbnail, #mabinogim .container .map_wrap .map_button_area .colhen .thumbnail {
    background-position: 0 100%;
  }
  #mabinogim .info .map_wrap .map_cover, #mabinogim .container .map_wrap .map_cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
  }
  #mabinogim .info .map_wrap .map_cover::after, #mabinogim .container .map_wrap .map_cover::after {
    display: block;
    content: "";
    min-width: 30px;
    width: 30px;
    height: 30px;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' fill='none'%3E%3Cpath fill='%23fff' d='m15 30 3.464-6h-6.928L15 30Z'/%3E%3Ccircle cx='15' cy='15' r='2.5' stroke='%23fff'/%3E%3Cpath fill='%23fff' d='m15 0 3.464 6h-6.928L15 0ZM30 15l-6-3.464v6.928L30 15ZM0 15l6-3.464v6.928L0 15Z'/%3E%3C/svg%3E");
    position: absolute;
    bottom: 90px;
    left: calc(50% - 15px);
    z-index: 2;
  }
  #mabinogim .info .map_wrap .map_cover .linear, #mabinogim .container .map_wrap .map_cover .linear {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, #141D26 0%, rgba(20, 29, 39, 0) 21.35%, rgba(20, 29, 39, 0) 81.25%, #141D26 100%);
    pointer-events: none;
    z-index: 1;
  }
  #mabinogim .info .map_wrap .map_cover .back_blur, #mabinogim .container .map_wrap .map_cover .back_blur {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(11, 11, 11, 0.7);
    backdrop-filter: blur(5px);
    z-index: 3;
  }
  #mabinogim .info .map_wrap .map_detail, #mabinogim .container .map_wrap .map_detail {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 6;
  }
  #mabinogim .info .map_wrap .map_detail .inner, #mabinogim .container .map_wrap .map_detail .inner {
    margin: auto 0;
  }
  #mabinogim .info .map_wrap .map_detail .inner > div .enter, #mabinogim .container .map_wrap .map_detail .inner > div .enter {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: -20px;
  }
  #mabinogim .info .map_wrap .map_detail .inner > div .enter img, #mabinogim .container .map_wrap .map_detail .inner > div .enter img {
    width: 70%;
  }
  #mabinogim .info .map_wrap .map_detail .inner > div .enter .name, #mabinogim .container .map_wrap .map_detail .inner > div .enter .name {
    color: #FFF;
    font-size: 28px;
    font-weight: 700;
    width: min-content;
    white-space: nowrap;
    display: flex;
    align-items: center;
    margin: 0 auto;
  }
  #mabinogim .info .map_wrap .map_detail .inner > div .enter .name::before, #mabinogim .container .map_wrap .map_detail .inner > div .enter .name::before {
    display: block;
    content: "";
    min-width: 41px;
    width: 41px;
    height: 11px;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='41' height='11' fill='none'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M2.01 3.046 0 5.13l2.01 2.084 2.01-2.084-2.01-2.083ZM9.647.13 5.961 3.951l-.009-.009-1.137 1.179.009.008-.009.01 1.137 1.178.009-.01 3.686 3.822 3.687-3.821 1.713 1.776 1.137-1.178-1.713-1.777 1.713-1.776-1.137-1.179-1.713 1.777L9.647.13Zm0 2.357 2.55 2.643-2.55 2.643-2.55-2.643 2.55-2.643Zm26.667 3.477c.331.97 1.224 1.666 2.274 1.666C39.92 7.63 41 6.51 41 5.13c0-1.38-1.08-2.5-2.412-2.5-1.05 0-1.943.696-2.274 1.667H19.696l-1.206-1.25-2.01 2.083 2.01 2.084 1.206-1.25h16.618Z' clip-rule='evenodd'/%3E%3C/svg%3E");
    margin-right: 10px;
  }
  #mabinogim .info .map_wrap .map_detail .inner > div .enter .name::after, #mabinogim .container .map_wrap .map_detail .inner > div .enter .name::after {
    display: block;
    content: "";
    width: 41px;
    min-width: 41px;
    height: 11px;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='41' height='11' fill='none'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M2.01 3.046 0 5.13l2.01 2.084 2.01-2.084-2.01-2.083ZM9.647.13 5.961 3.951l-.009-.009-1.137 1.179.009.008-.009.01 1.137 1.178.009-.01 3.686 3.822 3.687-3.821 1.713 1.776 1.137-1.178-1.713-1.777 1.713-1.776-1.137-1.179-1.713 1.777L9.647.13Zm0 2.357 2.55 2.643-2.55 2.643-2.55-2.643 2.55-2.643Zm26.667 3.477c.331.97 1.224 1.666 2.274 1.666C39.92 7.63 41 6.51 41 5.13c0-1.38-1.08-2.5-2.412-2.5-1.05 0-1.943.696-2.274 1.667H19.696l-1.206-1.25-2.01 2.083 2.01 2.084 1.206-1.25h16.618Z' clip-rule='evenodd'/%3E%3C/svg%3E");
    transform: rotate(180deg);
    margin-left: 10px;
  }
  #mabinogim .info .map_wrap .map_detail .inner > div .enter .detail_button, #mabinogim .container .map_wrap .map_detail .inner > div .enter .detail_button {
    display: flex;
    align-items: center;
    width: min-content;
    margin: 20px auto;
    color: #FFF;
    font-size: 15px;
    font-weight: 700;
    line-height: normal;
    padding: 10px 30px;
    border-radius: 12px;
    background: #2BAF7E;
    white-space: nowrap;
  }
  #mabinogim .info .map_wrap .map_detail .inner > div .enter .detail_button::before, #mabinogim .container .map_wrap .map_detail .inner > div .enter .detail_button::before {
    display: block;
    content: "";
    min-width: 10px;
    width: 10px;
    height: 10px;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='none'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M5.055 0a.77.77 0 0 0-.77.77v3.516H.77a.77.77 0 0 0 0 1.538h3.517v3.407a.77.77 0 0 0 1.538 0V5.824h3.407a.77.77 0 0 0 0-1.538H5.824V.769A.77.77 0 0 0 5.054 0Z' clip-rule='evenodd'/%3E%3C/svg%3E");
    margin-right: 8px;
  }
  #mabinogim .info .map_wrap .map_detail .inner > div .video_player, #mabinogim .container .map_wrap .map_detail .inner > div .video_player {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    display: none;
  }
  #mabinogim .info .map_wrap .map_detail .inner > div .video_player video, #mabinogim .container .map_wrap .map_detail .inner > div .video_player video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
  }
  #mabinogim .info .map_wrap .map_detail .inner > div .video_player video[data-type=pc], #mabinogim .container .map_wrap .map_detail .inner > div .video_player video[data-type=pc] {
    display: none;
  }
  #mabinogim .info .map_wrap .map_detail .inner > div .video_player video[data-type=mobile], #mabinogim .container .map_wrap .map_detail .inner > div .video_player video[data-type=mobile] {
    display: block;
  }
  #mabinogim .info .map_wrap .map_detail .inner > div .video_player .description, #mabinogim .container .map_wrap .map_detail .inner > div .video_player .description {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 0 20px;
  }
  #mabinogim .info .map_wrap .map_detail .inner > div .video_player .description .name, #mabinogim .container .map_wrap .map_detail .inner > div .video_player .description .name {
    color: #FFF;
    font-size: 28px;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
  }
  #mabinogim .info .map_wrap .map_detail .inner > div .video_player .description .name::before, #mabinogim .container .map_wrap .map_detail .inner > div .video_player .description .name::before {
    display: block;
    content: "";
    min-width: 41px;
    width: 41px;
    height: 11px;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='41' height='11' fill='none'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M2.01 3.046 0 5.13l2.01 2.084 2.01-2.084-2.01-2.083ZM9.647.13 5.961 3.951l-.009-.009-1.137 1.179.009.008-.009.01 1.137 1.178.009-.01 3.686 3.822 3.687-3.821 1.713 1.776 1.137-1.178-1.713-1.777 1.713-1.776-1.137-1.179-1.713 1.777L9.647.13Zm0 2.357 2.55 2.643-2.55 2.643-2.55-2.643 2.55-2.643Zm26.667 3.477c.331.97 1.224 1.666 2.274 1.666C39.92 7.63 41 6.51 41 5.13c0-1.38-1.08-2.5-2.412-2.5-1.05 0-1.943.696-2.274 1.667H19.696l-1.206-1.25-2.01 2.083 2.01 2.084 1.206-1.25h16.618Z' clip-rule='evenodd'/%3E%3C/svg%3E");
    margin-right: 10px;
  }
  #mabinogim .info .map_wrap .map_detail .inner > div .video_player .description .name::after, #mabinogim .container .map_wrap .map_detail .inner > div .video_player .description .name::after {
    display: block;
    content: "";
    width: 41px;
    min-width: 41px;
    height: 11px;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='41' height='11' fill='none'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M2.01 3.046 0 5.13l2.01 2.084 2.01-2.084-2.01-2.083ZM9.647.13 5.961 3.951l-.009-.009-1.137 1.179.009.008-.009.01 1.137 1.178.009-.01 3.686 3.822 3.687-3.821 1.713 1.776 1.137-1.178-1.713-1.777 1.713-1.776-1.137-1.179-1.713 1.777L9.647.13Zm0 2.357 2.55 2.643-2.55 2.643-2.55-2.643 2.55-2.643Zm26.667 3.477c.331.97 1.224 1.666 2.274 1.666C39.92 7.63 41 6.51 41 5.13c0-1.38-1.08-2.5-2.412-2.5-1.05 0-1.943.696-2.274 1.667H19.696l-1.206-1.25-2.01 2.083 2.01 2.084 1.206-1.25h16.618Z' clip-rule='evenodd'/%3E%3C/svg%3E");
    transform: rotate(180deg);
    margin-left: 10px;
  }
  #mabinogim .info .map_wrap .map_detail .inner > div .video_player .description .text, #mabinogim .container .map_wrap .map_detail .inner > div .video_player .description .text {
    color: #FFF;
    text-align: center;
    margin-top: 12px;
    margin-bottom: 115px;
  }
  #mabinogim .info .map_wrap .map_detail .inner > div .video_player .description .text span, #mabinogim .container .map_wrap .map_detail .inner > div .video_player .description .text span {
    font-size: 14px;
  }
  #mabinogim .info .map_wrap .map_detail .inner > div .back_button, #mabinogim .container .map_wrap .map_detail .inner > div .back_button {
    position: absolute;
    right: 0;
    top: 18px;
    padding: 10px 20px;
    border-radius: 12px 0px 0px 12px;
    background: #FFF;
    color: #5E5F66;
    font-size: 15px;
    font-weight: 700;
    display: flex;
    align-items: center;
    z-index: 3;
  }
  #mabinogim .info .map_wrap .map_detail .inner > div .back_button::before, #mabinogim .container .map_wrap .map_detail .inner > div .back_button::before {
    display: block;
    content: "";
    min-width: 16px;
    width: 16px;
    height: 17px;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' fill='none'%3E%3Cpath fill='%235E5F66' d='M13.953 9.833a4.668 4.668 0 0 1-4.62 4H3.667V12.5h5.666a3.333 3.333 0 1 0 0-6.667H4.61L6.276 7.5l-.943.943-3.276-3.276L5.333 1.89l.943.942L4.609 4.5h4.724A4.667 4.667 0 0 1 14 9.167v.666h-.047Z'/%3E%3C/svg%3E");
    margin-right: 8px;
  }
  #mabinogim .info .map_wrap .map_detail .inner > div.dunbarton .enter, #mabinogim .container .map_wrap .map_detail .inner > div.dunbarton .enter {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: -20px;
  }
  #mabinogim .info .map_wrap .map_detail .inner > div.colhen .enter .name, #mabinogim .container .map_wrap .map_detail .inner > div.colhen .enter .name {
    margin: 0px auto 0;
  }
  #mabinogim .info .map_wrap .map, #mabinogim .container .map_wrap .map {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    will-change: width, height, transform;
  }
  #mabinogim .info .map_wrap .map .map_object, #mabinogim .container .map_wrap .map .map_object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  #mabinogim .info .map_wrap .map .map_object .area > div.on .marker_button b, #mabinogim .container .map_wrap .map .map_object .area > div.on .marker_button b {
    opacity: 1;
  }
  #mabinogim .info .map_wrap .map .map_object .area .dunbarton_area, #mabinogim .container .map_wrap .map .map_object .area .dunbarton_area {
    position: absolute;
    top: 42%;
    left: 31%;
    width: 21%;
    height: 19%;
  }
  #mabinogim .info .map_wrap .map .map_object .area .dunbarton_area .marker_button, #mabinogim .container .map_wrap .map .map_object .area .dunbarton_area .marker_button {
    display: flex;
    position: absolute;
    left: 68%;
    top: 51%;
  }
  #mabinogim .info .map_wrap .map .map_object .area .colhen_area, #mabinogim .container .map_wrap .map .map_object .area .colhen_area {
    position: absolute;
    top: 45%;
    left: 74%;
    width: 20%;
    height: 19%;
  }
  #mabinogim .info .map_wrap .map .map_object .area .colhen_area .marker_button, #mabinogim .container .map_wrap .map .map_object .area .colhen_area .marker_button {
    display: flex;
    position: absolute;
    left: 14.8%;
    top: 49.2%;
  }
  #mabinogim .info .map_wrap .map .map_object .area .tirchonaill_area, #mabinogim .container .map_wrap .map .map_object .area .tirchonaill_area {
    position: absolute;
    top: 70%;
    left: 48%;
    width: 16%;
    height: 14%;
  }
  #mabinogim .info .map_wrap .map .map_object .area .tirchonaill_area .marker_button, #mabinogim .container .map_wrap .map .map_object .area .tirchonaill_area .marker_button {
    display: flex;
    position: absolute;
    left: 40.8%;
    top: 0.2%;
  }
  #mabinogim .info .map_wrap .cursor, #mabinogim .container .map_wrap .cursor {
    display: none;
  }
}
#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 fadeInLeft {
  0% {
    transform: translateX(5%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
canvas {
  display: none;
}