@import url(https://lwres.nexon.com/css/mabinogim/brand/common/font.css);
@import url(https://lwres.nexon.com/css/mabinogim/brand/common/common.css);
@import url(https://lwres.nexon.com/css/mabinogim/brand/common/modal.css);
@import url(https://lwres.nexon.com/css/mabinogim/brand/common/loading.css);
#mabinogim {
  overflow: hidden;
}
#mabinogim .game_info_npc,
#mabinogim .info,
#mabinogim .container {
  position: relative;
  background: url(https://lwi.nexon.com/m_mabinogim/brand/info/npc/bg.png);
  background-size: cover;
  background-position: center top;
  height: calc(var(--vh, 1vh) * 100 - var(--pc-top-height));
  min-height: 720px;
}
#mabinogim .game_info_npc .npc_wrap,
#mabinogim .info .npc_wrap,
#mabinogim .container .npc_wrap {
  margin: auto 0;
  width: 100%;
  height: calc(var(--vh, 1vh) * 100 - var(--pc-top-height) - 104px);
  min-height: 720px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: 0.3s;
}
#mabinogim .game_info_npc .npc_wrap .npc,
#mabinogim .info .npc_wrap .npc,
#mabinogim .container .npc_wrap .npc {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#mabinogim .game_info_npc .npc_wrap .npc .next_npc,
#mabinogim .info .npc_wrap .npc .next_npc,
#mabinogim .container .npc_wrap .npc .next_npc {
  position: relative;
  cursor: pointer;
}
#mabinogim .game_info_npc .npc_wrap .npc .next_npc .idle,
#mabinogim .info .npc_wrap .npc .next_npc .idle,
#mabinogim .container .npc_wrap .npc .next_npc .idle {
  position: relative;
  width: 680px;
  height: 930px;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  opacity: 0.4;
}
#mabinogim .game_info_npc .npc_wrap .npc .next_npc .idle img,
#mabinogim .info .npc_wrap .npc .next_npc .idle img,
#mabinogim .container .npc_wrap .npc .next_npc .idle img {
  max-width: 100%;
  transition: all 0.2s;
}
#mabinogim .game_info_npc .npc_wrap .npc .next_npc .button_area,
#mabinogim .info .npc_wrap .npc .next_npc .button_area,
#mabinogim .container .npc_wrap .npc .next_npc .button_area {
  position: fixed;
  top: calc(50% + 0px);
  right: 20px;
  display: flex;
  align-items: center;
  opacity: 0.4;
  transition: all 0.4s;
}
#mabinogim .game_info_npc .npc_wrap .npc .next_npc .button_area button,
#mabinogim .info .npc_wrap .npc .next_npc .button_area button,
#mabinogim .container .npc_wrap .npc .next_npc .button_area button {
  position: relative;
  width: 15px;
  height: 25px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='25' fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-width='4' d='m2 2.5 10 10-10 10'/%3E%3C/svg%3E");
  margin-left: 24px;
}
#mabinogim .game_info_npc .npc_wrap .npc .next_npc .button_area div.name,
#mabinogim .info .npc_wrap .npc .next_npc .button_area div.name,
#mabinogim .container .npc_wrap .npc .next_npc .button_area div.name {
  display: flex;
  flex-direction: column;
  text-align: right;
}
#mabinogim .game_info_npc .npc_wrap .npc .next_npc .button_area div.name span,
#mabinogim .info .npc_wrap .npc .next_npc .button_area div.name span,
#mabinogim .container .npc_wrap .npc .next_npc .button_area div.name span {
  color: #fff;
  font-size: 12px;
  line-height: 140%;
  font-weight: bold;
}
#mabinogim .game_info_npc .npc_wrap .npc .next_npc .button_area div.name span:last-child,
#mabinogim .info .npc_wrap .npc .next_npc .button_area div.name span:last-child,
#mabinogim .container .npc_wrap .npc .next_npc .button_area div.name span:last-child {
  font-size: 20px;
}
@media (hover: hover) and (min-width: 1281px) {
  #mabinogim .game_info_npc .npc_wrap .npc .next_npc:hover .idle,
  #mabinogim .info .npc_wrap .npc .next_npc:hover .idle,
  #mabinogim .container .npc_wrap .npc .next_npc:hover .idle {
    animation: fadeInOpacity2 1s ease forwards;
  }
  #mabinogim .game_info_npc .npc_wrap .npc .next_npc:hover .button_area,
  #mabinogim .info .npc_wrap .npc .next_npc:hover .button_area,
  #mabinogim .container .npc_wrap .npc .next_npc:hover .button_area {
    opacity: 1;
  }
}
#mabinogim .game_info_npc .npc_wrap .npc .prev_npc,
#mabinogim .info .npc_wrap .npc .prev_npc,
#mabinogim .container .npc_wrap .npc .prev_npc {
  position: relative;
  cursor: pointer;
}
#mabinogim .game_info_npc .npc_wrap .npc .prev_npc .idle,
#mabinogim .info .npc_wrap .npc .prev_npc .idle,
#mabinogim .container .npc_wrap .npc .prev_npc .idle {
  position: relative;
  width: 680px;
  height: 930px;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  opacity: 0.4;
}
#mabinogim .game_info_npc .npc_wrap .npc .prev_npc .idle img,
#mabinogim .info .npc_wrap .npc .prev_npc .idle img,
#mabinogim .container .npc_wrap .npc .prev_npc .idle img {
  max-width: 100%;
  transition: all 0.2s;
}
#mabinogim .game_info_npc .npc_wrap .npc .prev_npc .button_area,
#mabinogim .info .npc_wrap .npc .prev_npc .button_area,
#mabinogim .container .npc_wrap .npc .prev_npc .button_area {
  position: fixed;
  top: calc(50% + 0px);
  left: 20px;
  display: flex;
  align-items: center;
  opacity: 0.4;
  transition: all 0.4s;
}
#mabinogim .game_info_npc .npc_wrap .npc .prev_npc .button_area button,
#mabinogim .info .npc_wrap .npc .prev_npc .button_area button,
#mabinogim .container .npc_wrap .npc .prev_npc .button_area button {
  position: relative;
  width: 15px;
  height: 25px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='25' fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-width='4' d='m13 2.5-10 10 10 10'/%3E%3C/svg%3E");
  margin-right: 24px;
}
#mabinogim .game_info_npc .npc_wrap .npc .prev_npc .button_area div.name,
#mabinogim .info .npc_wrap .npc .prev_npc .button_area div.name,
#mabinogim .container .npc_wrap .npc .prev_npc .button_area div.name {
  display: flex;
  flex-direction: column;
  text-align: left;
}
#mabinogim .game_info_npc .npc_wrap .npc .prev_npc .button_area div.name span,
#mabinogim .info .npc_wrap .npc .prev_npc .button_area div.name span,
#mabinogim .container .npc_wrap .npc .prev_npc .button_area div.name span {
  color: #fff;
  font-size: 12px;
  line-height: 140%;
  font-weight: bold;
  white-space: nowrap;
}
#mabinogim .game_info_npc .npc_wrap .npc .prev_npc .button_area div.name span:last-child,
#mabinogim .info .npc_wrap .npc .prev_npc .button_area div.name span:last-child,
#mabinogim .container .npc_wrap .npc .prev_npc .button_area div.name span:last-child {
  font-size: 20px;
}
@media (hover: hover) and (min-width: 1281px) {
  #mabinogim .game_info_npc .npc_wrap .npc .prev_npc:hover .idle,
  #mabinogim .info .npc_wrap .npc .prev_npc:hover .idle,
  #mabinogim .container .npc_wrap .npc .prev_npc:hover .idle {
    animation: fadeInOpacity2 1s ease forwards;
  }
  #mabinogim .game_info_npc .npc_wrap .npc .prev_npc:hover .button_area,
  #mabinogim .info .npc_wrap .npc .prev_npc:hover .button_area,
  #mabinogim .container .npc_wrap .npc .prev_npc:hover .button_area {
    opacity: 1;
  }
}
#mabinogim .game_info_npc .npc_wrap .npc .npc_card,
#mabinogim .info .npc_wrap .npc .npc_card,
#mabinogim .container .npc_wrap .npc .npc_card {
  width: 936px;
  min-width: 936px;
  height: 635px;
  background: url(https://lwi.nexon.com/m_mabinogim/brand/info/npc/card.png) no-repeat;
  display: flex;
}
#mabinogim .game_info_npc .npc_wrap .npc .npc_card .idle,
#mabinogim .info .npc_wrap .npc .npc_card .idle,
#mabinogim .container .npc_wrap .npc .npc_card .idle {
  position: relative;
  width: 316px;
  animation: fadeIn 1s forwards ease;
  margin-left: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#mabinogim .game_info_npc .npc_wrap .npc .npc_card .idle img,
#mabinogim .info .npc_wrap .npc .npc_card .idle img,
#mabinogim .container .npc_wrap .npc .npc_card .idle img {
  width: 680px;
  margin-top: -90px;
}
#mabinogim .game_info_npc .npc_wrap .npc .npc_card .idle.morgant img, #mabinogim .game_info_npc .npc_wrap .npc .npc_card .idle.edern img,
#mabinogim .info .npc_wrap .npc .npc_card .idle.morgant img,
#mabinogim .info .npc_wrap .npc .npc_card .idle.edern img,
#mabinogim .container .npc_wrap .npc .npc_card .idle.morgant img,
#mabinogim .container .npc_wrap .npc .npc_card .idle.edern img {
  margin-left: -80px;
}
#mabinogim .game_info_npc .npc_wrap .npc .npc_card .idle.aer img,
#mabinogim .info .npc_wrap .npc .npc_card .idle.aer img,
#mabinogim .container .npc_wrap .npc .npc_card .idle.aer img {
  margin-top: 162px;
}
#mabinogim .game_info_npc .npc_wrap .npc .npc_card .npc_info .inner,
#mabinogim .info .npc_wrap .npc .npc_card .npc_info .inner,
#mabinogim .container .npc_wrap .npc .npc_card .npc_info .inner {
  padding: 90px 35px 0;
  opacity: 0;
  animation: fadeUp 1s 0.2s forwards ease;
}
#mabinogim .game_info_npc .npc_wrap .npc .npc_card .npc_info .inner .name,
#mabinogim .info .npc_wrap .npc .npc_card .npc_info .inner .name,
#mabinogim .container .npc_wrap .npc .npc_card .npc_info .inner .name {
  display: flex;
  flex-direction: column;
}
#mabinogim .game_info_npc .npc_wrap .npc .npc_card .npc_info .inner .name > span:nth-child(1),
#mabinogim .info .npc_wrap .npc .npc_card .npc_info .inner .name > span:nth-child(1),
#mabinogim .container .npc_wrap .npc .npc_card .npc_info .inner .name > span:nth-child(1) {
  font-family: "Pretendard-Bold";
  width: min-content;
  border-radius: 20px;
  background: #afafaf;
  color: #fff;
  font-size: 14px;
  padding: 8px 36px 6px;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
}
#mabinogim .game_info_npc .npc_wrap .npc .npc_card .npc_info .inner .name > span:nth-child(2),
#mabinogim .info .npc_wrap .npc .npc_card .npc_info .inner .name > span:nth-child(2),
#mabinogim .container .npc_wrap .npc .npc_card .npc_info .inner .name > span:nth-child(2) {
  margin-top: 10px;
  font-family: "Pretendard-Bold";
  color: #5b5b5b;
  font-size: 80px;
  letter-spacing: -1.6px;
}
#mabinogim .game_info_npc .npc_wrap .npc .npc_card .npc_info .inner .name > span:nth-child(2) b,
#mabinogim .info .npc_wrap .npc .npc_card .npc_info .inner .name > span:nth-child(2) b,
#mabinogim .container .npc_wrap .npc .npc_card .npc_info .inner .name > span:nth-child(2) b {
  font-family: "Pretendard-Bold";
  font-size: 40px;
  margin-top: auto;
  margin-bottom: 6px;
}
#mabinogim .game_info_npc .npc_wrap .npc .npc_card .npc_info .inner .voice,
#mabinogim .info .npc_wrap .npc .npc_card .npc_info .inner .voice,
#mabinogim .container .npc_wrap .npc .npc_card .npc_info .inner .voice {
  margin-top: 20px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  column-gap: 8px;
}
#mabinogim .game_info_npc .npc_wrap .npc .npc_card .npc_info .inner .voice span,
#mabinogim .info .npc_wrap .npc .npc_card .npc_info .inner .voice span,
#mabinogim .container .npc_wrap .npc .npc_card .npc_info .inner .voice span {
  font-family: "Pretendard-Bold";
  color: #5b5b5b;
  font-size: 15px;
  font-weight: 700;
}
#mabinogim .game_info_npc .npc_wrap .npc .npc_card .npc_info .inner .voice button,
#mabinogim .info .npc_wrap .npc .npc_card .npc_info .inner .voice button,
#mabinogim .container .npc_wrap .npc .npc_card .npc_info .inner .voice button {
  border-radius: 5px;
  background: #536a7a;
  padding: 2px 14px;
}
#mabinogim .game_info_npc .npc_wrap .npc .npc_card .npc_info .inner .voice button::after,
#mabinogim .info .npc_wrap .npc .npc_card .npc_info .inner .voice button::after,
#mabinogim .container .npc_wrap .npc .npc_card .npc_info .inner .voice button::after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='16' fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M15 6.5 11.5 10m0-3.5L15 10M2.5 6v4.5H5l4 3V3L5 6H2.5Z'/%3E%3C/svg%3E");
  background-size: cover;
}
#mabinogim .game_info_npc .npc_wrap .npc .npc_card .npc_info .inner .voice button.on,
#mabinogim .info .npc_wrap .npc .npc_card .npc_info .inner .voice button.on,
#mabinogim .container .npc_wrap .npc .npc_card .npc_info .inner .voice button.on {
  background: #00b670;
}
#mabinogim .game_info_npc .npc_wrap .npc .npc_card .npc_info .inner .voice button.on::after,
#mabinogim .info .npc_wrap .npc .npc_card .npc_info .inner .voice button.on::after,
#mabinogim .container .npc_wrap .npc .npc_card .npc_info .inner .voice button.on::after {
  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 stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M12 6.5s1 .5 1 1.75S12 10 12 10M3 6v4.5h2.5l4 3V3l-4 3H3Z'/%3E%3C/svg%3E");
  background-size: cover;
}
#mabinogim .game_info_npc .npc_wrap .npc .npc_card .npc_info .inner .description,
#mabinogim .info .npc_wrap .npc .npc_card .npc_info .inner .description,
#mabinogim .container .npc_wrap .npc .npc_card .npc_info .inner .description {
  margin-top: 50px;
}
#mabinogim .game_info_npc .npc_wrap .npc .npc_card .npc_info .inner .description p,
#mabinogim .info .npc_wrap .npc .npc_card .npc_info .inner .description p,
#mabinogim .container .npc_wrap .npc .npc_card .npc_info .inner .description p {
  color: #5b5b5b;
  font-size: 17px;
  line-height: 140%;
}
#mabinogim .game_info_npc .npc_wrap .npc .npc_card .npc_info .inner .description p br.option_br_1280,
#mabinogim .info .npc_wrap .npc .npc_card .npc_info .inner .description p br.option_br_1280,
#mabinogim .container .npc_wrap .npc .npc_card .npc_info .inner .description p br.option_br_1280 {
  display: none;
}
#mabinogim .game_info_npc .npc_wrap .npc .npc_card .npc_info .inner .etc,
#mabinogim .info .npc_wrap .npc .npc_card .npc_info .inner .etc,
#mabinogim .container .npc_wrap .npc .npc_card .npc_info .inner .etc {
  margin-top: 46px;
}
#mabinogim .game_info_npc .npc_wrap .npc .npc_card .npc_info .inner .etc ul li,
#mabinogim .info .npc_wrap .npc .npc_card .npc_info .inner .etc ul li,
#mabinogim .container .npc_wrap .npc .npc_card .npc_info .inner .etc ul li {
  display: flex;
  align-items: center;
}
#mabinogim .game_info_npc .npc_wrap .npc .npc_card .npc_info .inner .etc ul li::before,
#mabinogim .info .npc_wrap .npc .npc_card .npc_info .inner .etc ul li::before,
#mabinogim .container .npc_wrap .npc .npc_card .npc_info .inner .etc ul li::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23D9D9D9' d='M0 0h12v12H0z'/%3E%3Cpath fill='%23fff' d='M9 2h1v1H9V2ZM8 3h1v1H8V3ZM7 4h1v1H7V4ZM6 5h1v1H6V5ZM5 6h1v1H5V6ZM4 7h1v1H4V7ZM3 8h1v1H3V8ZM2 9h1v1H2V9Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Crect width='12' height='12' fill='%23fff' rx='3'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  margin-right: 4px;
  margin-top: -2px;
}
#mabinogim .game_info_npc .npc_wrap .npc .npc_card .npc_info .inner .etc ul li span,
#mabinogim .info .npc_wrap .npc .npc_card .npc_info .inner .etc ul li span,
#mabinogim .container .npc_wrap .npc .npc_card .npc_info .inner .etc ul li span {
  color: #747474;
  font-size: 15px;
  line-height: 140%;
}
#mabinogim .game_info_npc .npc_wrap .npc .npc_card .npc_info .inner .etc ul li span.key::after,
#mabinogim .info .npc_wrap .npc .npc_card .npc_info .inner .etc ul li span.key::after,
#mabinogim .container .npc_wrap .npc .npc_card .npc_info .inner .etc ul li span.key::after {
  display: inline-block;
  content: ":";
  margin: 0 4px;
}
#mabinogim .game_info_npc .npc_wrap .npc .npc_card .npc_info .inner .close,
#mabinogim .info .npc_wrap .npc .npc_card .npc_info .inner .close,
#mabinogim .container .npc_wrap .npc .npc_card .npc_info .inner .close {
  display: none;
}
#mabinogim .game_info_npc .npc_wrap .npc .npc_card .npc_info.npc_new .inner .name > span:nth-child(2),
#mabinogim .info .npc_wrap .npc .npc_card .npc_info.npc_new .inner .name > span:nth-child(2),
#mabinogim .container .npc_wrap .npc .npc_card .npc_info.npc_new .inner .name > span:nth-child(2) {
  display: flex;
}
#mabinogim .game_info_npc .npc_wrap .npc .npc_card .npc_info.npc_new .inner .name > span:nth-child(2)::after,
#mabinogim .info .npc_wrap .npc .npc_card .npc_info.npc_new .inner .name > span:nth-child(2)::after,
#mabinogim .container .npc_wrap .npc .npc_card .npc_info.npc_new .inner .name > span:nth-child(2)::after {
  display: block;
  content: "";
  width: 32px;
  min-width: 32px;
  height: 12px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='12' fill='none'%3E%3Cpath fill='%2300B771' d='M9.258 11H7.01L2.96 4.086V11H.858V.497h2.248l4.05 6.921V.498H9.26V11Zm9.606 0h-7.2V.497h7.2V2.6h-5.098v2.102h3.45v2.102h-3.45v2.095h5.098V11Zm12.344-3.003c0 .435-.083.845-.249 1.23a3.132 3.132 0 0 1-2.9 1.92c-.39 0-.767-.069-1.128-.206a3.026 3.026 0 0 1-.967-.6 3.006 3.006 0 0 1-.974.6 3.161 3.161 0 0 1-1.128.205 3.16 3.16 0 0 1-1.23-.241 3.296 3.296 0 0 1-1.004-.674 3.296 3.296 0 0 1-.674-1.003 3.16 3.16 0 0 1-.241-1.23v-7.5h2.102v7.5c0 .146.027.285.08.417.054.127.127.239.22.336.098.093.21.166.337.22.127.054.264.08.41.08a1.042 1.042 0 0 0 .967-.636c.054-.132.08-.271.08-.418v-7.5h2.103v7.5c0 .147.026.286.08.418.054.127.127.239.22.336.098.093.21.166.337.22.127.054.263.08.41.08a1.041 1.041 0 0 0 .967-.636c.058-.132.088-.271.088-.418v-7.5h2.094v7.5Z'/%3E%3C/svg%3E");
  margin-top: 10px;
}
#mabinogim .game_info_npc .npc_wrap .npc .npc_card .npc_info.npc_update .inner .name > span:nth-child(2),
#mabinogim .info .npc_wrap .npc .npc_card .npc_info.npc_update .inner .name > span:nth-child(2),
#mabinogim .container .npc_wrap .npc .npc_card .npc_info.npc_update .inner .name > span:nth-child(2) {
  display: flex;
}
#mabinogim .game_info_npc .npc_wrap .npc .npc_card .npc_info.npc_update .inner .name > span:nth-child(2)::after,
#mabinogim .info .npc_wrap .npc .npc_card .npc_info.npc_update .inner .name > span:nth-child(2)::after,
#mabinogim .container .npc_wrap .npc .npc_card .npc_info.npc_update .inner .name > span:nth-child(2)::after {
  display: block;
  content: "";
  width: 58px;
  min-width: 58px;
  height: 10.5px;
  background: url(https://lwi.nexon.com/m_mabinogim/brand/info/npc/i_update.png) no-repeat;
  background-size: contain;
  background-position: center top;
  margin-top: 10px;
}
#mabinogim .game_info_npc .npc_wrap .pager,
#mabinogim .info .npc_wrap .pager,
#mabinogim .container .npc_wrap .pager {
  position: absolute;
  bottom: 122px;
  display: flex;
  align-items: flex-end;
  width: min-content;
  cursor: pointer;
}
#mabinogim .game_info_npc .npc_wrap .pager .prev_button,
#mabinogim .info .npc_wrap .pager .prev_button,
#mabinogim .container .npc_wrap .pager .prev_button {
  position: relative;
  border-radius: 24px 0 0 24px;
  padding: 30px 22px;
  max-height: 100%;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
#mabinogim .game_info_npc .npc_wrap .pager .prev_button::before,
#mabinogim .info .npc_wrap .pager .prev_button::before,
#mabinogim .container .npc_wrap .pager .prev_button::before {
  content: "";
  display: block;
  width: 13px;
  min-width: 13px;
  height: 20px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='20' fill='none'%3E%3Cpath stroke='%235C5C5C' stroke-linecap='round' stroke-width='4' d='m10.828 2-8 8 8 8'/%3E%3C/svg%3E");
  transition: 0.3s;
}
#mabinogim .game_info_npc .npc_wrap .pager .prev_button::after,
#mabinogim .info .npc_wrap .pager .prev_button::after,
#mabinogim .container .npc_wrap .pager .prev_button::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  width: 0px;
  height: 80px;
  background: #2baf7e;
  transition: 0.3s;
  z-index: 1;
}
@media (hover: hover) and (min-width: 1281px) {
  #mabinogim .game_info_npc .npc_wrap .pager .prev_button:hover::before,
  #mabinogim .info .npc_wrap .pager .prev_button:hover::before,
  #mabinogim .container .npc_wrap .pager .prev_button:hover::before {
    transform: translateX(-4px);
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='20' fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-width='4' d='m10.828 2-8 8 8 8'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    z-index: 2;
  }
  #mabinogim .game_info_npc .npc_wrap .pager .prev_button:hover::after,
  #mabinogim .info .npc_wrap .pager .prev_button:hover::after,
  #mabinogim .container .npc_wrap .pager .prev_button:hover::after {
    content: "";
    display: block;
    position: absolute;
    right: 1px;
    width: 56px;
    height: 80px;
    background: #2baf7e;
    transition: width 0.3s;
  }
}
#mabinogim .game_info_npc .npc_wrap .pager .next_button,
#mabinogim .info .npc_wrap .pager .next_button,
#mabinogim .container .npc_wrap .pager .next_button {
  border-radius: 0 24px 24px 0;
  max-height: 100%;
  padding: 30px 22px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}
#mabinogim .game_info_npc .npc_wrap .pager .next_button::before,
#mabinogim .info .npc_wrap .pager .next_button::before,
#mabinogim .container .npc_wrap .pager .next_button::before {
  content: "";
  display: block;
  width: 13px;
  min-width: 13px;
  height: 20px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='20' fill='none'%3E%3Cpath stroke='%235C5C5C' stroke-linecap='round' stroke-width='4' d='m10.828 2-8 8 8 8'/%3E%3C/svg%3E");
  transform: rotate(180deg);
  z-index: 2;
}
#mabinogim .game_info_npc .npc_wrap .pager .next_button::after,
#mabinogim .info .npc_wrap .pager .next_button::after,
#mabinogim .container .npc_wrap .pager .next_button::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  width: 0px;
  height: 80px;
  background: #2baf7e;
  transition: 0.3s;
  z-index: 1;
}
@media (hover: hover) and (min-width: 1281px) {
  #mabinogim .game_info_npc .npc_wrap .pager .next_button:hover::before,
  #mabinogim .info .npc_wrap .pager .next_button:hover::before,
  #mabinogim .container .npc_wrap .pager .next_button:hover::before {
    transform: rotate(180deg) translateX(-2px);
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='20' fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-width='4' d='m10.828 2-8 8 8 8'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }
  #mabinogim .game_info_npc .npc_wrap .pager .next_button:hover::after,
  #mabinogim .info .npc_wrap .pager .next_button:hover::after,
  #mabinogim .container .npc_wrap .pager .next_button:hover::after {
    content: "";
    display: block;
    position: absolute;
    left: 1px;
    width: 56px;
    height: 80px;
    background: #2baf7e;
    transition: width 0.3s;
  }
}
#mabinogim .game_info_npc .npc_wrap .pager .scroll_over_area,
#mabinogim .info .npc_wrap .pager .scroll_over_area,
#mabinogim .container .npc_wrap .pager .scroll_over_area {
  height: 100px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  margin: 0 auto;
  overflow-x: hidden;
}
#mabinogim .game_info_npc .npc_wrap .pager .scroll_over_area .npc_card_mobile,
#mabinogim .info .npc_wrap .pager .scroll_over_area .npc_card_mobile,
#mabinogim .container .npc_wrap .pager .scroll_over_area .npc_card_mobile {
  display: none;
}
#mabinogim .game_info_npc .npc_wrap .pager .scroll_over_area .free_scroll,
#mabinogim .info .npc_wrap .pager .scroll_over_area .free_scroll,
#mabinogim .container .npc_wrap .pager .scroll_over_area .free_scroll {
  width: 100%;
  height: 80px;
  background: #eaeaea;
}
#mabinogim .game_info_npc .npc_wrap .pager .scroll_over_area .free_scroll ul,
#mabinogim .info .npc_wrap .pager .scroll_over_area .free_scroll ul,
#mabinogim .container .npc_wrap .pager .scroll_over_area .free_scroll ul {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  max-width: 758px;
  padding: 0 14px;
}
#mabinogim .game_info_npc .npc_wrap .pager .scroll_over_area .free_scroll ul li,
#mabinogim .info .npc_wrap .pager .scroll_over_area .free_scroll ul li,
#mabinogim .container .npc_wrap .pager .scroll_over_area .free_scroll ul li {
  display: flex;
  justify-content: center;
  margin-right: 14px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  width: 51px !important;
  min-width: 51px;
  height: 50px;
}
#mabinogim .game_info_npc .npc_wrap .pager .scroll_over_area .free_scroll ul li .thumbnail,
#mabinogim .info .npc_wrap .pager .scroll_over_area .free_scroll ul li .thumbnail,
#mabinogim .container .npc_wrap .pager .scroll_over_area .free_scroll ul li .thumbnail {
  position: relative;
  width: 51px;
  min-width: 51px;
  height: 50px;
}
#mabinogim .game_info_npc .npc_wrap .pager .scroll_over_area .free_scroll ul li.ibbie,
#mabinogim .info .npc_wrap .pager .scroll_over_area .free_scroll ul li.ibbie,
#mabinogim .container .npc_wrap .pager .scroll_over_area .free_scroll ul li.ibbie {
  background-image: url(https://lwi.nexon.com/m_mabinogim/brand/info/npc/thumbnail_ibbie_22CEBD09263CA763.png);
}
#mabinogim .game_info_npc .npc_wrap .pager .scroll_over_area .free_scroll ul li.quiroy,
#mabinogim .info .npc_wrap .pager .scroll_over_area .free_scroll ul li.quiroy,
#mabinogim .container .npc_wrap .pager .scroll_over_area .free_scroll ul li.quiroy {
  background-image: url(https://lwi.nexon.com/m_mabinogim/brand/info/npc/thumbnail_quiroy_FECE69460932F069.png);
}
#mabinogim .game_info_npc .npc_wrap .pager .scroll_over_area .free_scroll ul li.elfrina,
#mabinogim .info .npc_wrap .pager .scroll_over_area .free_scroll ul li.elfrina,
#mabinogim .container .npc_wrap .pager .scroll_over_area .free_scroll ul li.elfrina {
  background-image: url(https://lwi.nexon.com/m_mabinogim/brand/info/npc/thumbnail_elfrina_6A7486476F8A2079.png);
}
#mabinogim .game_info_npc .npc_wrap .pager .scroll_over_area .free_scroll ul li.addwyn,
#mabinogim .info .npc_wrap .pager .scroll_over_area .free_scroll ul li.addwyn,
#mabinogim .container .npc_wrap .pager .scroll_over_area .free_scroll ul li.addwyn {
  background-image: url(https://lwi.nexon.com/m_mabinogim/brand/info/npc/thumbnail_addwyn_20E58D0522F09EDC.png);
}
#mabinogim .game_info_npc .npc_wrap .pager .scroll_over_area .free_scroll ul li.barney,
#mabinogim .info .npc_wrap .pager .scroll_over_area .free_scroll ul li.barney,
#mabinogim .container .npc_wrap .pager .scroll_over_area .free_scroll ul li.barney {
  background-image: url(https://lwi.nexon.com/m_mabinogim/brand/info/npc/thumbnail_barney_5382AF8BBCC02B32.png);
}
#mabinogim .game_info_npc .npc_wrap .pager .scroll_over_area .free_scroll ul li.Ralph,
#mabinogim .info .npc_wrap .pager .scroll_over_area .free_scroll ul li.Ralph,
#mabinogim .container .npc_wrap .pager .scroll_over_area .free_scroll ul li.Ralph {
  background-image: url(https://lwi.nexon.com/m_mabinogim/brand/info/npc/thumbnail_ralph_4AE6487492CD9968.png);
}
#mabinogim .game_info_npc .npc_wrap .pager .scroll_over_area .free_scroll ul li.Rowena,
#mabinogim .info .npc_wrap .pager .scroll_over_area .free_scroll ul li.Rowena,
#mabinogim .container .npc_wrap .pager .scroll_over_area .free_scroll ul li.Rowena {
  background-image: url(https://lwi.nexon.com/m_mabinogim/brand/info/npc/thumbnail_rowena_75B663EA337A08D2.png);
}
#mabinogim .game_info_npc .npc_wrap .pager .scroll_over_area .free_scroll ul li.Alan,
#mabinogim .info .npc_wrap .pager .scroll_over_area .free_scroll ul li.Alan,
#mabinogim .container .npc_wrap .pager .scroll_over_area .free_scroll ul li.Alan {
  background-image: url(https://lwi.nexon.com/m_mabinogim/brand/info/npc/thumbnail_alan_E9B3F5A8F0C44925.png);
}
#mabinogim .game_info_npc .npc_wrap .pager .scroll_over_area .free_scroll ul li.Donna,
#mabinogim .info .npc_wrap .pager .scroll_over_area .free_scroll ul li.Donna,
#mabinogim .container .npc_wrap .pager .scroll_over_area .free_scroll ul li.Donna {
  background-image: url(https://lwi.nexon.com/m_mabinogim/brand/info/npc/thumbnail_donna_BCFF27AEE34A540C.png);
}
#mabinogim .game_info_npc .npc_wrap .pager .scroll_over_area .free_scroll ul li.esras,
#mabinogim .info .npc_wrap .pager .scroll_over_area .free_scroll ul li.esras,
#mabinogim .container .npc_wrap .pager .scroll_over_area .free_scroll ul li.esras {
  background-image: url(https://lwi.nexon.com/m_mabinogim/brand/info/npc/thumbnail_esras_C78C1B822CBB4752.png);
}
#mabinogim .game_info_npc .npc_wrap .pager .scroll_over_area .free_scroll ul li.esras,
#mabinogim .info .npc_wrap .pager .scroll_over_area .free_scroll ul li.esras,
#mabinogim .container .npc_wrap .pager .scroll_over_area .free_scroll ul li.esras {
  background-image: url(https://lwi.nexon.com/m_mabinogim/brand/info/npc/thumbnail_esras_C78C1B822CBB4752.png);
}
#mabinogim .game_info_npc .npc_wrap .pager .scroll_over_area .free_scroll ul li.rian,
#mabinogim .info .npc_wrap .pager .scroll_over_area .free_scroll ul li.rian,
#mabinogim .container .npc_wrap .pager .scroll_over_area .free_scroll ul li.rian {
  background-image: url(https://lwi.nexon.com/m_mabinogim/brand/info/npc/thumbnail_rian_0641B9F9E6270E8D.png);
}
#mabinogim .game_info_npc .npc_wrap .pager .scroll_over_area .free_scroll ul li.ruairi_new,
#mabinogim .info .npc_wrap .pager .scroll_over_area .free_scroll ul li.ruairi_new,
#mabinogim .container .npc_wrap .pager .scroll_over_area .free_scroll ul li.ruairi_new {
  background-image: url(https://lwi.nexon.com/m_mabinogim/brand/info/npc/thumbnail_ruairi_3FA7D087595BB691.png);
}
#mabinogim .game_info_npc .npc_wrap .pager .scroll_over_area .free_scroll ul li.price,
#mabinogim .info .npc_wrap .pager .scroll_over_area .free_scroll ul li.price,
#mabinogim .container .npc_wrap .pager .scroll_over_area .free_scroll ul li.price {
  background-image: url(https://lwi.nexon.com/m_mabinogim/brand/info/npc/thumbnail_price_AA43C38B0BB01B41.png);
}
#mabinogim .game_info_npc .npc_wrap .pager .scroll_over_area .free_scroll ul li.aodhan,
#mabinogim .info .npc_wrap .pager .scroll_over_area .free_scroll ul li.aodhan,
#mabinogim .container .npc_wrap .pager .scroll_over_area .free_scroll ul li.aodhan {
  background-image: url(https://lwi.nexon.com/m_mabinogim/brand/info/npc/thumbnail_aodhan_304E495A8E5DBA04.png);
}
#mabinogim .game_info_npc .npc_wrap .pager .scroll_over_area .free_scroll ul li.rua,
#mabinogim .info .npc_wrap .pager .scroll_over_area .free_scroll ul li.rua,
#mabinogim .container .npc_wrap .pager .scroll_over_area .free_scroll ul li.rua {
  background-image: url(https://lwi.nexon.com/m_mabinogim/brand/info/npc/thumbnail_rua_C03C7917825E6A08.png);
}
#mabinogim .game_info_npc .npc_wrap .pager .scroll_over_area .free_scroll ul li.aer,
#mabinogim .info .npc_wrap .pager .scroll_over_area .free_scroll ul li.aer,
#mabinogim .container .npc_wrap .pager .scroll_over_area .free_scroll ul li.aer {
  background-image: url(https://lwi.nexon.com/m_mabinogim/brand/info/npc/thumbnail_aer_CC16AD291EB044C9.png);
}
#mabinogim .game_info_npc .npc_wrap .pager .scroll_over_area .free_scroll ul li.baba,
#mabinogim .info .npc_wrap .pager .scroll_over_area .free_scroll ul li.baba,
#mabinogim .container .npc_wrap .pager .scroll_over_area .free_scroll ul li.baba {
  background-image: url(https://lwi.nexon.com/m_mabinogim/brand/info/npc/thumbnail_baba_EB653A6E95AA5A1E.png);
}
#mabinogim .game_info_npc .npc_wrap .pager .scroll_over_area .free_scroll ul li.triona,
#mabinogim .info .npc_wrap .pager .scroll_over_area .free_scroll ul li.triona,
#mabinogim .container .npc_wrap .pager .scroll_over_area .free_scroll ul li.triona {
  background-image: url(https://lwi.nexon.com/m_mabinogim/brand/info/npc/thumbnail_triona_E8F0955CE5A82FF8.png);
}
#mabinogim .game_info_npc .npc_wrap .pager .scroll_over_area .free_scroll ul li.fleta,
#mabinogim .info .npc_wrap .pager .scroll_over_area .free_scroll ul li.fleta,
#mabinogim .container .npc_wrap .pager .scroll_over_area .free_scroll ul li.fleta {
  background-image: url(https://lwi.nexon.com/m_mabinogim/brand/info/npc/thumbnail_fleta_944FBD0D0EAC9EF7.png);
}
#mabinogim .game_info_npc .npc_wrap .pager .scroll_over_area .free_scroll ul li.comgan,
#mabinogim .info .npc_wrap .pager .scroll_over_area .free_scroll ul li.comgan,
#mabinogim .container .npc_wrap .pager .scroll_over_area .free_scroll ul li.comgan {
  background-image: url(https://lwi.nexon.com/m_mabinogim/brand/info/npc/thumbnail_comgan_FB944F424C3AD619.png);
}
#mabinogim .game_info_npc .npc_wrap .pager .scroll_over_area .free_scroll ul li.edern,
#mabinogim .info .npc_wrap .pager .scroll_over_area .free_scroll ul li.edern,
#mabinogim .container .npc_wrap .pager .scroll_over_area .free_scroll ul li.edern {
  background-image: url(https://lwi.nexon.com/m_mabinogim/brand/info/npc/thumbnail_edern_1880E7F6375CE148.png);
}
#mabinogim .game_info_npc .npc_wrap .pager .scroll_over_area .free_scroll ul li.gilmore,
#mabinogim .info .npc_wrap .pager .scroll_over_area .free_scroll ul li.gilmore,
#mabinogim .container .npc_wrap .pager .scroll_over_area .free_scroll ul li.gilmore {
  background-image: url(https://lwi.nexon.com/m_mabinogim/brand/info/npc/thumbnail_gilmore_E49E5EC4BAC9DF49.png);
}
#mabinogim .game_info_npc .npc_wrap .pager .scroll_over_area .free_scroll ul li.seumas,
#mabinogim .info .npc_wrap .pager .scroll_over_area .free_scroll ul li.seumas,
#mabinogim .container .npc_wrap .pager .scroll_over_area .free_scroll ul li.seumas {
  background-image: url(https://lwi.nexon.com/m_mabinogim/brand/info/npc/thumbnail_seumas_E0EC17FCDB6CDF24.png);
}
#mabinogim .game_info_npc .npc_wrap .pager .scroll_over_area .free_scroll ul li.nao,
#mabinogim .info .npc_wrap .pager .scroll_over_area .free_scroll ul li.nao,
#mabinogim .container .npc_wrap .pager .scroll_over_area .free_scroll ul li.nao {
  background-image: url(https://lwi.nexon.com/m_mabinogim/brand/info/npc/thumbnail_nao_DD4388A5.png);
}
#mabinogim .game_info_npc .npc_wrap .pager .scroll_over_area .free_scroll ul li.tarlach,
#mabinogim .info .npc_wrap .pager .scroll_over_area .free_scroll ul li.tarlach,
#mabinogim .container .npc_wrap .pager .scroll_over_area .free_scroll ul li.tarlach {
  background-image: url(https://lwi.nexon.com/m_mabinogim/brand/info/npc/thumbnail_tarlach_DB5C65670CD0F3C6.png);
}
#mabinogim .game_info_npc .npc_wrap .pager .scroll_over_area .free_scroll ul li.ruairi,
#mabinogim .info .npc_wrap .pager .scroll_over_area .free_scroll ul li.ruairi,
#mabinogim .container .npc_wrap .pager .scroll_over_area .free_scroll ul li.ruairi {
  background-image: url(https://lwi.nexon.com/m_mabinogim/brand/info/npc/thumbnail_ruairi_529B7702BCD8641D.png);
}
#mabinogim .game_info_npc .npc_wrap .pager .scroll_over_area .free_scroll ul li.mari,
#mabinogim .info .npc_wrap .pager .scroll_over_area .free_scroll ul li.mari,
#mabinogim .container .npc_wrap .pager .scroll_over_area .free_scroll ul li.mari {
  background-image: url(https://lwi.nexon.com/m_mabinogim/brand/info/npc/thumbnail_mari_AF2AD3BF412F95F7.png);
}
#mabinogim .game_info_npc .npc_wrap .pager .scroll_over_area .free_scroll ul li.kristell,
#mabinogim .info .npc_wrap .pager .scroll_over_area .free_scroll ul li.kristell,
#mabinogim .container .npc_wrap .pager .scroll_over_area .free_scroll ul li.kristell {
  background-image: url(https://lwi.nexon.com/m_mabinogim/brand/info/npc/thumbnail_kristell_6EF165E0DDDDC79E.png);
}
#mabinogim .game_info_npc .npc_wrap .pager .scroll_over_area .free_scroll ul li.duncan,
#mabinogim .info .npc_wrap .pager .scroll_over_area .free_scroll ul li.duncan,
#mabinogim .container .npc_wrap .pager .scroll_over_area .free_scroll ul li.duncan {
  background-image: url(https://lwi.nexon.com/m_mabinogim/brand/info/npc/thumbnail_duncan_75084E060F8D6C8E.png);
}
#mabinogim .game_info_npc .npc_wrap .pager .scroll_over_area .free_scroll ul li.tieve,
#mabinogim .info .npc_wrap .pager .scroll_over_area .free_scroll ul li.tieve,
#mabinogim .container .npc_wrap .pager .scroll_over_area .free_scroll ul li.tieve {
  background-image: url(https://lwi.nexon.com/m_mabinogim/brand/info/npc/thumbnail_tieve_EFF94CF11D5B3F6A.png);
}
#mabinogim .game_info_npc .npc_wrap .pager .scroll_over_area .free_scroll ul li.kadan,
#mabinogim .info .npc_wrap .pager .scroll_over_area .free_scroll ul li.kadan,
#mabinogim .container .npc_wrap .pager .scroll_over_area .free_scroll ul li.kadan {
  background-image: url(https://lwi.nexon.com/m_mabinogim/brand/info/npc/thumbnail_kadan_4121666AA0FE0DC3.png);
}
#mabinogim .game_info_npc .npc_wrap .pager .scroll_over_area .free_scroll ul li.mores,
#mabinogim .info .npc_wrap .pager .scroll_over_area .free_scroll ul li.mores,
#mabinogim .container .npc_wrap .pager .scroll_over_area .free_scroll ul li.mores {
  background-image: url(https://lwi.nexon.com/m_mabinogim/brand/info/npc/thumbnail_mores_82452F128EB6A7F4.png);
}
#mabinogim .game_info_npc .npc_wrap .pager .scroll_over_area .free_scroll ul li.morgant,
#mabinogim .info .npc_wrap .pager .scroll_over_area .free_scroll ul li.morgant,
#mabinogim .container .npc_wrap .pager .scroll_over_area .free_scroll ul li.morgant {
  background-image: url(https://lwi.nexon.com/m_mabinogim/brand/info/npc/thumbnail_morgant_448635789DF74253.png);
}
#mabinogim .game_info_npc .npc_wrap .pager .scroll_over_area .free_scroll ul li.morrighan,
#mabinogim .info .npc_wrap .pager .scroll_over_area .free_scroll ul li.morrighan,
#mabinogim .container .npc_wrap .pager .scroll_over_area .free_scroll ul li.morrighan {
  background-image: url(https://lwi.nexon.com/m_mabinogim/brand/info/npc/thumbnail_morrighan_A130DC773947EA1D.png);
}
#mabinogim .game_info_npc .npc_wrap .pager .scroll_over_area .free_scroll ul li.cichol,
#mabinogim .info .npc_wrap .pager .scroll_over_area .free_scroll ul li.cichol,
#mabinogim .container .npc_wrap .pager .scroll_over_area .free_scroll ul li.cichol {
  background-image: url(https://lwi.nexon.com/m_mabinogim/brand/info/npc/thumbnail_cichol_ABFE71A603457E78.png);
}
#mabinogim .game_info_npc .npc_wrap .pager .scroll_over_area .free_scroll ul li span,
#mabinogim .info .npc_wrap .pager .scroll_over_area .free_scroll ul li span,
#mabinogim .container .npc_wrap .pager .scroll_over_area .free_scroll ul li span {
  font-family: "Pretendard-Bold";
  display: none;
  position: absolute;
  top: -35px;
  background: #f65606;
  color: #fff;
  font-size: 13px;
  border-radius: 6px;
  padding: 3px 10px;
  white-space: nowrap;
  min-height: 37px;
}
@media (hover: hover) and (min-width: 1281px) {
  #mabinogim .game_info_npc .npc_wrap .pager .scroll_over_area .free_scroll ul li:hover .thumbnail::after,
  #mabinogim .info .npc_wrap .pager .scroll_over_area .free_scroll ul li:hover .thumbnail::after,
  #mabinogim .container .npc_wrap .pager .scroll_over_area .free_scroll ul li:hover .thumbnail::after {
    content: "";
    display: block;
    width: 64px;
    min-width: 64px;
    height: 64px;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' fill='none'%3E%3Ccircle cx='32' cy='32' r='27' stroke='%232BAF7E' stroke-width='4' opacity='.5'/%3E%3Ccircle cx='32' cy='32' r='25' stroke='%232BAF7E' stroke-width='2'/%3E%3C/svg%3E");
    position: absolute;
    top: -6px;
    left: -6px;
  }
  #mabinogim .game_info_npc .npc_wrap .pager .scroll_over_area .free_scroll ul li:hover span,
  #mabinogim .info .npc_wrap .pager .scroll_over_area .free_scroll ul li:hover span,
  #mabinogim .container .npc_wrap .pager .scroll_over_area .free_scroll ul li:hover span {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    row-gap: 4px;
  }
  #mabinogim .game_info_npc .npc_wrap .pager .scroll_over_area .free_scroll ul li:hover span::after,
  #mabinogim .info .npc_wrap .pager .scroll_over_area .free_scroll ul li:hover span::after,
  #mabinogim .container .npc_wrap .pager .scroll_over_area .free_scroll ul li:hover span::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -4px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #f65606;
  }
  #mabinogim .game_info_npc .npc_wrap .pager .scroll_over_area .free_scroll ul li:hover._new span,
  #mabinogim .info .npc_wrap .pager .scroll_over_area .free_scroll ul li:hover._new span,
  #mabinogim .container .npc_wrap .pager .scroll_over_area .free_scroll ul li:hover._new span {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    row-gap: 4px;
  }
  #mabinogim .game_info_npc .npc_wrap .pager .scroll_over_area .free_scroll ul li:hover._new span::before,
  #mabinogim .info .npc_wrap .pager .scroll_over_area .free_scroll ul li:hover._new span::before,
  #mabinogim .container .npc_wrap .pager .scroll_over_area .free_scroll ul li:hover._new span::before {
    content: "";
    display: block;
    width: 7px;
    min-width: 7px;
    height: 8.5px;
    background: url(https://lwi.nexon.com/m_mabinogim/brand/info/npc/N.png);
    background-size: contain;
    background-position: center top;
  }
  #mabinogim .game_info_npc .npc_wrap .pager .scroll_over_area .free_scroll ul li:hover._new span::after,
  #mabinogim .info .npc_wrap .pager .scroll_over_area .free_scroll ul li:hover._new span::after,
  #mabinogim .container .npc_wrap .pager .scroll_over_area .free_scroll ul li:hover._new span::after {
    border-top: 5px solid #4da4cf;
  }
  #mabinogim .game_info_npc .npc_wrap .pager .scroll_over_area .free_scroll ul li:hover._update span,
  #mabinogim .info .npc_wrap .pager .scroll_over_area .free_scroll ul li:hover._update span,
  #mabinogim .container .npc_wrap .pager .scroll_over_area .free_scroll ul li:hover._update span {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    row-gap: 4px;
  }
  #mabinogim .game_info_npc .npc_wrap .pager .scroll_over_area .free_scroll ul li:hover._update span::before,
  #mabinogim .info .npc_wrap .pager .scroll_over_area .free_scroll ul li:hover._update span::before,
  #mabinogim .container .npc_wrap .pager .scroll_over_area .free_scroll ul li:hover._update span::before {
    content: "";
    display: block;
    width: 7px;
    min-width: 7px;
    height: 8.5px;
    background: url(https://lwi.nexon.com/m_mabinogim/brand/info/npc/U.png);
    background-size: contain;
    background-position: center top;
  }
}
#mabinogim .game_info_npc .npc_wrap .pager .scroll_over_area .free_scroll ul li.on .thumbnail::after,
#mabinogim .info .npc_wrap .pager .scroll_over_area .free_scroll ul li.on .thumbnail::after,
#mabinogim .container .npc_wrap .pager .scroll_over_area .free_scroll ul li.on .thumbnail::after {
  content: "";
  display: block;
  width: 64px;
  min-width: 64px;
  height: 64px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' fill='none'%3E%3Ccircle cx='32' cy='32' r='27' stroke='%232BAF7E' stroke-width='4' opacity='.5'/%3E%3Ccircle cx='32' cy='32' r='25' stroke='%232BAF7E' stroke-width='2'/%3E%3C/svg%3E");
  position: absolute;
  top: -6px;
  left: -6px;
}
#mabinogim .game_info_npc .npc_wrap .pager .scroll_over_area .free_scroll ul li.on span,
#mabinogim .info .npc_wrap .pager .scroll_over_area .free_scroll ul li.on span,
#mabinogim .container .npc_wrap .pager .scroll_over_area .free_scroll ul li.on span {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  row-gap: 4px;
}
#mabinogim .game_info_npc .npc_wrap .pager .scroll_over_area .free_scroll ul li.on span::after,
#mabinogim .info .npc_wrap .pager .scroll_over_area .free_scroll ul li.on span::after,
#mabinogim .container .npc_wrap .pager .scroll_over_area .free_scroll ul li.on span::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -4px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #f65606;
}
#mabinogim .game_info_npc .npc_wrap .pager .scroll_over_area .free_scroll ul li._new.on span::after,
#mabinogim .info .npc_wrap .pager .scroll_over_area .free_scroll ul li._new.on span::after,
#mabinogim .container .npc_wrap .pager .scroll_over_area .free_scroll ul li._new.on span::after {
  border-top: 5px solid #4da4cf;
}
#mabinogim .game_info_npc .npc_wrap .pager .scroll_over_area .free_scroll ul li._new span,
#mabinogim .info .npc_wrap .pager .scroll_over_area .free_scroll ul li._new span,
#mabinogim .container .npc_wrap .pager .scroll_over_area .free_scroll ul li._new span {
  background: #4da4cf;
}
#mabinogim .game_info_npc .npc_wrap .pager .scroll_over_area .free_scroll ul li._new span::before,
#mabinogim .info .npc_wrap .pager .scroll_over_area .free_scroll ul li._new span::before,
#mabinogim .container .npc_wrap .pager .scroll_over_area .free_scroll ul li._new span::before {
  content: "";
  display: block;
  width: 7px;
  min-width: 7px;
  height: 8.5px;
  background: url(https://lwi.nexon.com/m_mabinogim/brand/info/npc/N.png);
  background-size: contain;
  background-position: center top;
}
#mabinogim .game_info_npc .npc_wrap .pager .scroll_over_area .free_scroll ul li._update::after,
#mabinogim .info .npc_wrap .pager .scroll_over_area .free_scroll ul li._update::after,
#mabinogim .container .npc_wrap .pager .scroll_over_area .free_scroll ul li._update::after {
  content: "";
  border-top: 5px solid #f65606;
}
#mabinogim .game_info_npc .npc_wrap .pager .scroll_over_area .free_scroll ul li._update span::before,
#mabinogim .info .npc_wrap .pager .scroll_over_area .free_scroll ul li._update span::before,
#mabinogim .container .npc_wrap .pager .scroll_over_area .free_scroll ul li._update span::before {
  content: "";
  display: block;
  width: 7px;
  min-width: 7px;
  height: 8.5px;
  background: url(https://lwi.nexon.com/m_mabinogim/brand/info/npc/U.png);
  background-size: contain;
  background-position: center top;
}
#mabinogim .game_info_npc .npc_wrap .pager .scroll_over_area .free_scroll ul li:last-child,
#mabinogim .info .npc_wrap .pager .scroll_over_area .free_scroll ul li:last-child,
#mabinogim .container .npc_wrap .pager .scroll_over_area .free_scroll ul li:last-child {
  margin-right: 30px;
}

@media screen and (max-width: 1920px), screen and (max-height: 1080px) {
  #mabinogim {
    overflow: hidden;
  }
  #mabinogim .game_info_npc,
  #mabinogim .info,
  #mabinogim .container {
    position: relative;
    background: url(https://lwi.nexon.com/m_mabinogim/brand/info/npc/bg.png);
    background-size: cover;
    background-position: center top;
  }
  #mabinogim .game_info_npc .npc_wrap,
  #mabinogim .info .npc_wrap,
  #mabinogim .container .npc_wrap {
    width: 100%;
    height: calc(var(--vh, 1vh) * 100 - var(--pc-top-height) - 104px);
    min-height: 720px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  #mabinogim .game_info_npc .npc_wrap .npc,
  #mabinogim .info .npc_wrap .npc,
  #mabinogim .container .npc_wrap .npc {
    margin-top: -50px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #mabinogim .game_info_npc .npc_wrap .npc .prev_npc,
  #mabinogim .game_info_npc .npc_wrap .npc .next_npc,
  #mabinogim .info .npc_wrap .npc .prev_npc,
  #mabinogim .info .npc_wrap .npc .next_npc,
  #mabinogim .container .npc_wrap .npc .prev_npc,
  #mabinogim .container .npc_wrap .npc .next_npc {
    cursor: pointer;
  }
  #mabinogim .game_info_npc .npc_wrap .npc .prev_npc .idle,
  #mabinogim .game_info_npc .npc_wrap .npc .next_npc .idle,
  #mabinogim .info .npc_wrap .npc .prev_npc .idle,
  #mabinogim .info .npc_wrap .npc .next_npc .idle,
  #mabinogim .container .npc_wrap .npc .prev_npc .idle,
  #mabinogim .container .npc_wrap .npc .next_npc .idle {
    position: relative;
    width: 470px;
    height: 590px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #mabinogim .game_info_npc .npc_wrap .npc .prev_npc .idle img,
  #mabinogim .game_info_npc .npc_wrap .npc .next_npc .idle img,
  #mabinogim .info .npc_wrap .npc .prev_npc .idle img,
  #mabinogim .info .npc_wrap .npc .next_npc .idle img,
  #mabinogim .container .npc_wrap .npc .prev_npc .idle img,
  #mabinogim .container .npc_wrap .npc .next_npc .idle img {
    max-width: 100%;
  }
  #mabinogim .game_info_npc .npc_wrap .npc .npc_card,
  #mabinogim .info .npc_wrap .npc .npc_card,
  #mabinogim .container .npc_wrap .npc .npc_card {
    margin: 0 0;
    width: 936px;
    min-width: 936px;
    height: 428px;
    background: url(https://lwi.nexon.com/m_mabinogim/brand/info/npc/card_small.png) no-repeat;
    display: flex;
  }
  #mabinogim .game_info_npc .npc_wrap .npc .npc_card .idle img,
  #mabinogim .info .npc_wrap .npc .npc_card .idle img,
  #mabinogim .container .npc_wrap .npc .npc_card .idle img {
    width: 470px;
    margin-left: 40px;
  }
  #mabinogim .game_info_npc .npc_wrap .npc .npc_card .idle.morgant img, #mabinogim .game_info_npc .npc_wrap .npc .npc_card .idle.edern img,
  #mabinogim .info .npc_wrap .npc .npc_card .idle.morgant img,
  #mabinogim .info .npc_wrap .npc .npc_card .idle.edern img,
  #mabinogim .container .npc_wrap .npc .npc_card .idle.morgant img,
  #mabinogim .container .npc_wrap .npc .npc_card .idle.edern img {
    margin-left: 0;
  }
  #mabinogim .game_info_npc .npc_wrap .npc .npc_card .idle.aer img,
  #mabinogim .info .npc_wrap .npc .npc_card .idle.aer img,
  #mabinogim .container .npc_wrap .npc .npc_card .idle.aer img {
    margin-top: 122px;
  }
  #mabinogim .game_info_npc .npc_wrap .npc .npc_card .idle.edern img,
  #mabinogim .info .npc_wrap .npc .npc_card .idle.edern img,
  #mabinogim .container .npc_wrap .npc .npc_card .idle.edern img {
    margin-top: 0;
  }
  #mabinogim .game_info_npc .npc_wrap .npc .npc_card .idle.seumas img,
  #mabinogim .info .npc_wrap .npc .npc_card .idle.seumas img,
  #mabinogim .container .npc_wrap .npc .npc_card .idle.seumas img {
    margin-top: 0;
  }
  #mabinogim .game_info_npc .npc_wrap .npc .npc_card .npc_info .inner,
  #mabinogim .info .npc_wrap .npc .npc_card .npc_info .inner,
  #mabinogim .container .npc_wrap .npc .npc_card .npc_info .inner {
    padding: 37px 35px 0;
  }
  #mabinogim .game_info_npc .npc_wrap .npc .npc_card .npc_info .inner .name,
  #mabinogim .info .npc_wrap .npc .npc_card .npc_info .inner .name,
  #mabinogim .container .npc_wrap .npc .npc_card .npc_info .inner .name {
    display: flex;
    flex-direction: column;
  }
  #mabinogim .game_info_npc .npc_wrap .npc .npc_card .npc_info .inner .name > span:nth-child(1),
  #mabinogim .info .npc_wrap .npc .npc_card .npc_info .inner .name > span:nth-child(1),
  #mabinogim .container .npc_wrap .npc .npc_card .npc_info .inner .name > span:nth-child(1) {
    font-family: "Pretendard-Bold";
    width: min-content;
    border-radius: 20px;
    background: #afafaf;
    color: #fff;
    font-size: 14px;
    padding: 8px 36px 6px;
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #mabinogim .game_info_npc .npc_wrap .npc .npc_card .npc_info .inner .name > span:nth-child(2),
  #mabinogim .info .npc_wrap .npc .npc_card .npc_info .inner .name > span:nth-child(2),
  #mabinogim .container .npc_wrap .npc .npc_card .npc_info .inner .name > span:nth-child(2) {
    font-family: "Pretendard-Bold";
    color: #5b5b5b;
    font-size: 60px;
    letter-spacing: -1.6px;
  }
  #mabinogim .game_info_npc .npc_wrap .npc .npc_card .npc_info .inner .voice,
  #mabinogim .info .npc_wrap .npc .npc_card .npc_info .inner .voice,
  #mabinogim .container .npc_wrap .npc .npc_card .npc_info .inner .voice {
    margin-top: 20px;
    border-radius: 12px;
    display: flex;
    align-items: center;
  }
  #mabinogim .game_info_npc .npc_wrap .npc .npc_card .npc_info .inner .description,
  #mabinogim .info .npc_wrap .npc .npc_card .npc_info .inner .description,
  #mabinogim .container .npc_wrap .npc .npc_card .npc_info .inner .description {
    margin-top: 15px;
  }
  #mabinogim .game_info_npc .npc_wrap .npc .npc_card .npc_info .inner .description p,
  #mabinogim .info .npc_wrap .npc .npc_card .npc_info .inner .description p,
  #mabinogim .container .npc_wrap .npc .npc_card .npc_info .inner .description p {
    color: #5b5b5b;
    font-size: 14px;
    line-height: 140%;
  }
  #mabinogim .game_info_npc .npc_wrap .npc .npc_card .npc_info .inner .description p br.option_br,
  #mabinogim .game_info_npc .npc_wrap .npc .npc_card .npc_info .inner .description p br.option_br_1920,
  #mabinogim .info .npc_wrap .npc .npc_card .npc_info .inner .description p br.option_br,
  #mabinogim .info .npc_wrap .npc .npc_card .npc_info .inner .description p br.option_br_1920,
  #mabinogim .container .npc_wrap .npc .npc_card .npc_info .inner .description p br.option_br,
  #mabinogim .container .npc_wrap .npc .npc_card .npc_info .inner .description p br.option_br_1920 {
    display: none;
  }
  #mabinogim .game_info_npc .npc_wrap .npc .npc_card .npc_info .inner .description p br.option_br_1280,
  #mabinogim .info .npc_wrap .npc .npc_card .npc_info .inner .description p br.option_br_1280,
  #mabinogim .container .npc_wrap .npc .npc_card .npc_info .inner .description p br.option_br_1280 {
    display: block;
  }
  #mabinogim .game_info_npc .npc_wrap .npc .npc_card .npc_info .inner .etc,
  #mabinogim .info .npc_wrap .npc .npc_card .npc_info .inner .etc,
  #mabinogim .container .npc_wrap .npc .npc_card .npc_info .inner .etc {
    margin-top: 14px;
  }
  #mabinogim .game_info_npc .npc_wrap .npc .npc_card .npc_info .inner .etc ul li span,
  #mabinogim .info .npc_wrap .npc .npc_card .npc_info .inner .etc ul li span,
  #mabinogim .container .npc_wrap .npc .npc_card .npc_info .inner .etc ul li span {
    color: #747474;
    font-size: 14px;
  }
  #mabinogim .game_info_npc .npc_wrap .npc .npc_card .npc_info.npc_new .inner .name > span:nth-child(2),
  #mabinogim .info .npc_wrap .npc .npc_card .npc_info.npc_new .inner .name > span:nth-child(2),
  #mabinogim .container .npc_wrap .npc .npc_card .npc_info.npc_new .inner .name > span:nth-child(2) {
    display: flex;
  }
  #mabinogim .game_info_npc .npc_wrap .npc .npc_card .npc_info.npc_new .inner .name > span:nth-child(2)::after,
  #mabinogim .info .npc_wrap .npc .npc_card .npc_info.npc_new .inner .name > span:nth-child(2)::after,
  #mabinogim .container .npc_wrap .npc .npc_card .npc_info.npc_new .inner .name > span:nth-child(2)::after {
    display: block;
    content: "";
    width: 24px;
    min-width: 24px;
    height: 9px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='12' fill='none'%3E%3Cpath fill='%2300B771' d='M9.258 11H7.01L2.96 4.086V11H.858V.497h2.248l4.05 6.921V.498H9.26V11Zm9.606 0h-7.2V.497h7.2V2.6h-5.098v2.102h3.45v2.102h-3.45v2.095h5.098V11Zm12.344-3.003c0 .435-.083.845-.249 1.23a3.132 3.132 0 0 1-2.9 1.92c-.39 0-.767-.069-1.128-.206a3.026 3.026 0 0 1-.967-.6 3.006 3.006 0 0 1-.974.6 3.161 3.161 0 0 1-1.128.205 3.16 3.16 0 0 1-1.23-.241 3.296 3.296 0 0 1-1.004-.674 3.296 3.296 0 0 1-.674-1.003 3.16 3.16 0 0 1-.241-1.23v-7.5h2.102v7.5c0 .146.027.285.08.417.054.127.127.239.22.336.098.093.21.166.337.22.127.054.264.08.41.08a1.042 1.042 0 0 0 .967-.636c.054-.132.08-.271.08-.418v-7.5h2.103v7.5c0 .147.026.286.08.418.054.127.127.239.22.336.098.093.21.166.337.22.127.054.263.08.41.08a1.041 1.041 0 0 0 .967-.636c.058-.132.088-.271.088-.418v-7.5h2.094v7.5Z'/%3E%3C/svg%3E");
    background-size: 100% auto;
    margin-top: 8px;
    margin-left: 2px;
  }
  #mabinogim .game_info_npc .npc_wrap .npc .npc_card .npc_info.npc_update .inner .name > span:nth-child(2),
  #mabinogim .info .npc_wrap .npc .npc_card .npc_info.npc_update .inner .name > span:nth-child(2),
  #mabinogim .container .npc_wrap .npc .npc_card .npc_info.npc_update .inner .name > span:nth-child(2) {
    display: flex;
  }
  #mabinogim .game_info_npc .npc_wrap .npc .npc_card .npc_info.npc_update .inner .name > span:nth-child(2)::after,
  #mabinogim .info .npc_wrap .npc .npc_card .npc_info.npc_update .inner .name > span:nth-child(2)::after,
  #mabinogim .container .npc_wrap .npc .npc_card .npc_info.npc_update .inner .name > span:nth-child(2)::after {
    display: block;
    content: "";
    width: 50px;
    min-width: 50px;
    height: 8px;
    background: url(https://lwi.nexon.com/m_mabinogim/brand/info/npc/i_update.png) no-repeat;
    background-size: contain;
    background-position: center top;
    margin-top: 8px;
    margin-left: 2px;
  }
  #mabinogim .game_info_npc .npc_wrap .pager .prev_button,
  #mabinogim .info .npc_wrap .pager .prev_button,
  #mabinogim .container .npc_wrap .pager .prev_button {
    border-radius: 24px 0 0 24px;
    padding: 30px 22px;
    max-height: 100%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #mabinogim .game_info_npc .npc_wrap .pager .prev_button::before,
  #mabinogim .info .npc_wrap .pager .prev_button::before,
  #mabinogim .container .npc_wrap .pager .prev_button::before {
    content: "";
    display: block;
    width: 13px;
    min-width: 13px;
    height: 20px;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='20' fill='none'%3E%3Cpath stroke='%235C5C5C' stroke-linecap='round' stroke-width='4' d='m10.828 2-8 8 8 8'/%3E%3C/svg%3E");
  }
  #mabinogim .game_info_npc .npc_wrap .pager .next_button,
  #mabinogim .info .npc_wrap .pager .next_button,
  #mabinogim .container .npc_wrap .pager .next_button {
    border-radius: 0 24px 24px 0;
    max-height: 100%;
    padding: 30px 22px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #mabinogim .game_info_npc .npc_wrap .pager .next_button::before,
  #mabinogim .info .npc_wrap .pager .next_button::before,
  #mabinogim .container .npc_wrap .pager .next_button::before {
    content: "";
    display: block;
    width: 13px;
    min-width: 13px;
    height: 20px;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='20' fill='none'%3E%3Cpath stroke='%235C5C5C' stroke-linecap='round' stroke-width='4' d='m10.828 2-8 8 8 8'/%3E%3C/svg%3E");
    transform: rotate(180deg);
  }
  #mabinogim .game_info_npc .npc_wrap .pager .scroll_over_area .free_scroll,
  #mabinogim .info .npc_wrap .pager .scroll_over_area .free_scroll,
  #mabinogim .container .npc_wrap .pager .scroll_over_area .free_scroll {
    height: 80px;
    background: #eaeaea;
  }
  #mabinogim .game_info_npc .npc_wrap .pager .scroll_over_area .free_scroll ul,
  #mabinogim .info .npc_wrap .pager .scroll_over_area .free_scroll ul,
  #mabinogim .container .npc_wrap .pager .scroll_over_area .free_scroll ul {
    position: relative;
    height: 80px;
    display: flex;
    align-items: center;
  }
  #mabinogim .game_info_npc .npc_wrap .pager .scroll_over_area .free_scroll ul li,
  #mabinogim .info .npc_wrap .pager .scroll_over_area .free_scroll ul li,
  #mabinogim .container .npc_wrap .pager .scroll_over_area .free_scroll ul li {
    display: flex;
    justify-content: center;
  }
  #mabinogim .game_info_npc .npc_wrap .pager .scroll_over_area .free_scroll ul li span,
  #mabinogim .info .npc_wrap .pager .scroll_over_area .free_scroll ul li span,
  #mabinogim .container .npc_wrap .pager .scroll_over_area .free_scroll ul li span {
    display: none;
  }
}
@media (max-width: 1280px) {
  #mabinogim {
    overflow: hidden;
  }
  #mabinogim .game_info_npc,
  #mabinogim .info,
  #mabinogim .container {
    position: relative;
    background: url(https://lwi.nexon.com/m_mabinogim/brand/info/npc/bg.png);
    background-size: cover;
    background-position: center top;
    height: calc(var(--vh, 1vh) * 100 - var(--mobile-top-height));
    min-height: 650px;
  }
  #mabinogim .game_info_npc .npc_wrap,
  #mabinogim .info .npc_wrap,
  #mabinogim .container .npc_wrap {
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
    height: calc(var(--vh, 1vh) * 100 - var(--mobile-top-height));
    min-height: 650px;
  }
  #mabinogim .game_info_npc .npc_wrap .npc,
  #mabinogim .info .npc_wrap .npc,
  #mabinogim .container .npc_wrap .npc {
    position: absolute;
    margin: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-start;
    cursor: auto;
  }
  #mabinogim .game_info_npc .npc_wrap .npc:active,
  #mabinogim .info .npc_wrap .npc:active,
  #mabinogim .container .npc_wrap .npc:active {
    cursor: auto;
  }
  #mabinogim .game_info_npc .npc_wrap .npc .prev_npc,
  #mabinogim .game_info_npc .npc_wrap .npc .next_npc,
  #mabinogim .info .npc_wrap .npc .prev_npc,
  #mabinogim .info .npc_wrap .npc .next_npc,
  #mabinogim .container .npc_wrap .npc .prev_npc,
  #mabinogim .container .npc_wrap .npc .next_npc {
    display: none;
  }
  #mabinogim .game_info_npc .npc_wrap .npc .npc_card,
  #mabinogim .info .npc_wrap .npc .npc_card,
  #mabinogim .container .npc_wrap .npc .npc_card {
    position: relative;
    width: 100%;
    height: 100%;
    min-width: auto;
    background: none;
  }
  #mabinogim .game_info_npc .npc_wrap .npc .npc_card .idle,
  #mabinogim .info .npc_wrap .npc .npc_card .idle,
  #mabinogim .container .npc_wrap .npc .npc_card .idle {
    width: 100%;
    height: 100%;
    margin: 0;
  }
  #mabinogim .game_info_npc .npc_wrap .npc .npc_card .idle img,
  #mabinogim .info .npc_wrap .npc .npc_card .idle img,
  #mabinogim .container .npc_wrap .npc .npc_card .idle img {
    width: 150%;
    max-width: 680px;
    margin: 0;
  }
  #mabinogim .game_info_npc .npc_wrap .npc .npc_card .idle.ruairi img,
  #mabinogim .info .npc_wrap .npc .npc_card .idle.ruairi img,
  #mabinogim .container .npc_wrap .npc .npc_card .idle.ruairi img {
    margin-left: -142px;
  }
  #mabinogim .game_info_npc .npc_wrap .npc .npc_card .idle.price img,
  #mabinogim .info .npc_wrap .npc .npc_card .idle.price img,
  #mabinogim .container .npc_wrap .npc .npc_card .idle.price img {
    margin-top: 122px;
  }
  #mabinogim .game_info_npc .npc_wrap .npc .npc_card .idle.edern img,
  #mabinogim .info .npc_wrap .npc .npc_card .idle.edern img,
  #mabinogim .container .npc_wrap .npc .npc_card .idle.edern img {
    margin-top: 202px;
  }
  #mabinogim .game_info_npc .npc_wrap .npc .npc_card .idle.seumas img,
  #mabinogim .info .npc_wrap .npc .npc_card .idle.seumas img,
  #mabinogim .container .npc_wrap .npc .npc_card .idle.seumas img {
    margin-top: 142px;
  }
  #mabinogim .game_info_npc .npc_wrap .npc .npc_card .npc_info,
  #mabinogim .info .npc_wrap .npc .npc_card .npc_info,
  #mabinogim .container .npc_wrap .npc .npc_card .npc_info {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 4;
    background: rgba(0, 0, 0, 0.8);
    backdrop-filter: blur(2.5px);
    padding: 0 18px;
    display: none;
    flex-direction: column;
  }
  #mabinogim .game_info_npc .npc_wrap .npc .npc_card .npc_info .inner,
  #mabinogim .info .npc_wrap .npc .npc_card .npc_info .inner,
  #mabinogim .container .npc_wrap .npc .npc_card .npc_info .inner {
    margin: auto 0;
    opacity: 0;
    border-radius: 24px;
    background: #fff;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.25);
    padding: 20px;
  }
  #mabinogim .game_info_npc .npc_wrap .npc .npc_card .npc_info .inner .name > span:nth-child(1),
  #mabinogim .info .npc_wrap .npc .npc_card .npc_info .inner .name > span:nth-child(1),
  #mabinogim .container .npc_wrap .npc .npc_card .npc_info .inner .name > span:nth-child(1) {
    width: min-content;
    border-radius: 20px;
    background: #afafaf;
    color: #fff;
    font-size: 12px;
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #mabinogim .game_info_npc .npc_wrap .npc .npc_card .npc_info .inner .name > span:nth-child(2),
  #mabinogim .info .npc_wrap .npc .npc_card .npc_info .inner .name > span:nth-child(2),
  #mabinogim .container .npc_wrap .npc .npc_card .npc_info .inner .name > span:nth-child(2) {
    font-size: 35px;
  }
  #mabinogim .game_info_npc .npc_wrap .npc .npc_card .npc_info .inner .name > span:nth-child(2) b,
  #mabinogim .info .npc_wrap .npc .npc_card .npc_info .inner .name > span:nth-child(2) b,
  #mabinogim .container .npc_wrap .npc .npc_card .npc_info .inner .name > span:nth-child(2) b {
    font-size: 20px;
    margin-bottom: 2px;
    margin-left: 2px;
  }
  #mabinogim .game_info_npc .npc_wrap .npc .npc_card .npc_info .inner .voice,
  #mabinogim .info .npc_wrap .npc .npc_card .npc_info .inner .voice,
  #mabinogim .container .npc_wrap .npc .npc_card .npc_info .inner .voice {
    margin-top: 10px;
    border-radius: 12px;
    display: flex;
    align-items: center;
  }
  #mabinogim .game_info_npc .npc_wrap .npc .npc_card .npc_info .inner .description,
  #mabinogim .info .npc_wrap .npc .npc_card .npc_info .inner .description,
  #mabinogim .container .npc_wrap .npc .npc_card .npc_info .inner .description {
    margin-top: 14px;
  }
  #mabinogim .game_info_npc .npc_wrap .npc .npc_card .npc_info .inner .description p,
  #mabinogim .info .npc_wrap .npc .npc_card .npc_info .inner .description p,
  #mabinogim .container .npc_wrap .npc .npc_card .npc_info .inner .description p {
    color: #5b5b5b;
    font-size: min(16px, 3vw);
  }
  #mabinogim .game_info_npc .npc_wrap .npc .npc_card .npc_info .inner .etc,
  #mabinogim .info .npc_wrap .npc .npc_card .npc_info .inner .etc,
  #mabinogim .container .npc_wrap .npc .npc_card .npc_info .inner .etc {
    margin-top: 15px;
  }
  #mabinogim .game_info_npc .npc_wrap .npc .npc_card .npc_info .inner .etc ul li,
  #mabinogim .info .npc_wrap .npc .npc_card .npc_info .inner .etc ul li,
  #mabinogim .container .npc_wrap .npc .npc_card .npc_info .inner .etc ul li {
    display: flex;
    align-items: center;
  }
  #mabinogim .game_info_npc .npc_wrap .npc .npc_card .npc_info .inner .etc ul li::before,
  #mabinogim .info .npc_wrap .npc .npc_card .npc_info .inner .etc ul li::before,
  #mabinogim .container .npc_wrap .npc .npc_card .npc_info .inner .etc ul li::before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23D9D9D9' d='M0 0h12v12H0z'/%3E%3Cpath fill='%23fff' d='M9 2h1v1H9V2ZM8 3h1v1H8V3ZM7 4h1v1H7V4ZM6 5h1v1H6V5ZM5 6h1v1H5V6ZM4 7h1v1H4V7ZM3 8h1v1H3V8ZM2 9h1v1H2V9Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Crect width='12' height='12' fill='%23fff' rx='3'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-size: 100% auto;
  }
  #mabinogim .game_info_npc .npc_wrap .npc .npc_card .npc_info .inner .etc ul li span,
  #mabinogim .info .npc_wrap .npc .npc_card .npc_info .inner .etc ul li span,
  #mabinogim .container .npc_wrap .npc .npc_card .npc_info .inner .etc ul li span {
    font-size: min(14px, 2.8vw);
  }
  #mabinogim .game_info_npc .npc_wrap .npc .npc_card .npc_info .inner .close,
  #mabinogim .info .npc_wrap .npc .npc_card .npc_info .inner .close,
  #mabinogim .container .npc_wrap .npc .npc_card .npc_info .inner .close {
    display: block;
    min-width: 18px;
    height: 18px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none'%3E%3Cpath fill='%23838383' fill-rule='evenodd' d='M17.497 15.07a1.717 1.717 0 0 1-2.428 2.427L9 11.428l-6.069 6.07a1.717 1.717 0 0 1-2.428-2.429L6.573 9 .502 2.93A1.717 1.717 0 0 1 2.93.504L9 6.573 15.07.502a1.717 1.717 0 0 1 2.428 2.428L11.428 9l6.07 6.068Z' clip-rule='evenodd'/%3E%3C/svg%3E");
    background-size: cover;
    position: absolute;
    top: 20px;
    right: 20px;
  }
  #mabinogim .game_info_npc .npc_wrap .npc .npc_card .npc_info.npc_new .inner .name > span:nth-child(2),
  #mabinogim .info .npc_wrap .npc .npc_card .npc_info.npc_new .inner .name > span:nth-child(2),
  #mabinogim .container .npc_wrap .npc .npc_card .npc_info.npc_new .inner .name > span:nth-child(2) {
    display: flex;
  }
  #mabinogim .game_info_npc .npc_wrap .npc .npc_card .npc_info.npc_new .inner .name > span:nth-child(2)::after,
  #mabinogim .info .npc_wrap .npc .npc_card .npc_info.npc_new .inner .name > span:nth-child(2)::after,
  #mabinogim .container .npc_wrap .npc .npc_card .npc_info.npc_new .inner .name > span:nth-child(2)::after {
    margin-top: 2px;
    margin-left: 4px;
  }
  #mabinogim .game_info_npc .npc_wrap .pager,
  #mabinogim .info .npc_wrap .pager,
  #mabinogim .container .npc_wrap .pager {
    position: absolute;
    bottom: 97px;
    left: 0;
    margin-top: 0px;
    display: flex;
    align-items: flex-end;
    width: 100%;
  }
  #mabinogim .game_info_npc .npc_wrap .pager:focus,
  #mabinogim .info .npc_wrap .pager:focus,
  #mabinogim .container .npc_wrap .pager:focus {
    outline: none;
  }
  #mabinogim .game_info_npc .npc_wrap .pager .prev_button,
  #mabinogim .game_info_npc .npc_wrap .pager .next_button,
  #mabinogim .info .npc_wrap .pager .prev_button,
  #mabinogim .info .npc_wrap .pager .next_button,
  #mabinogim .container .npc_wrap .pager .prev_button,
  #mabinogim .container .npc_wrap .pager .next_button {
    display: none;
  }
  #mabinogim .game_info_npc .npc_wrap .pager .scroll_over_area,
  #mabinogim .info .npc_wrap .pager .scroll_over_area,
  #mabinogim .container .npc_wrap .pager .scroll_over_area {
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }
  #mabinogim .game_info_npc .npc_wrap .pager .scroll_over_area .npc_card_mobile,
  #mabinogim .info .npc_wrap .pager .scroll_over_area .npc_card_mobile,
  #mabinogim .container .npc_wrap .pager .scroll_over_area .npc_card_mobile {
    width: 100%;
    display: block;
  }
  #mabinogim .game_info_npc .npc_wrap .pager .scroll_over_area .npc_card_mobile .npc_info,
  #mabinogim .info .npc_wrap .pager .scroll_over_area .npc_card_mobile .npc_info,
  #mabinogim .container .npc_wrap .pager .scroll_over_area .npc_card_mobile .npc_info {
    position: relative;
    padding: 20px 30px;
    border-radius: 24px 24px 0 0;
    background: #eaeaea;
    border-bottom: 1px solid #d3d3d3;
  }
  #mabinogim .game_info_npc .npc_wrap .pager .scroll_over_area .npc_card_mobile .npc_info .name,
  #mabinogim .info .npc_wrap .pager .scroll_over_area .npc_card_mobile .npc_info .name,
  #mabinogim .container .npc_wrap .pager .scroll_over_area .npc_card_mobile .npc_info .name {
    display: flex;
    flex-direction: column;
    opacity: 0;
    animation: fadeUp 1s 0.2s forwards ease;
  }
  #mabinogim .game_info_npc .npc_wrap .pager .scroll_over_area .npc_card_mobile .npc_info .name > span:nth-child(1),
  #mabinogim .info .npc_wrap .pager .scroll_over_area .npc_card_mobile .npc_info .name > span:nth-child(1),
  #mabinogim .container .npc_wrap .pager .scroll_over_area .npc_card_mobile .npc_info .name > span:nth-child(1) {
    font-family: "Pretendard-Bold";
    width: min-content;
    border-radius: 20px;
    background: #afafaf;
    color: #fff;
    font-size: 12px;
    padding: 5px 20px;
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #mabinogim .game_info_npc .npc_wrap .pager .scroll_over_area .npc_card_mobile .npc_info .name > span:nth-child(2),
  #mabinogim .info .npc_wrap .pager .scroll_over_area .npc_card_mobile .npc_info .name > span:nth-child(2),
  #mabinogim .container .npc_wrap .pager .scroll_over_area .npc_card_mobile .npc_info .name > span:nth-child(2) {
    font-family: "Pretendard-Bold";
    margin-top: 5px;
    color: #5e5f66;
    font-size: 35px;
    letter-spacing: -0.7px;
  }
  #mabinogim .game_info_npc .npc_wrap .pager .scroll_over_area .npc_card_mobile .npc_info .name > span:nth-child(2) b,
  #mabinogim .info .npc_wrap .pager .scroll_over_area .npc_card_mobile .npc_info .name > span:nth-child(2) b,
  #mabinogim .container .npc_wrap .pager .scroll_over_area .npc_card_mobile .npc_info .name > span:nth-child(2) b {
    font-family: "Pretendard-Bold";
    font-size: 20px;
    margin-top: auto;
    margin-bottom: 2px;
  }
  #mabinogim .game_info_npc .npc_wrap .pager .scroll_over_area .npc_card_mobile .npc_info button,
  #mabinogim .info .npc_wrap .pager .scroll_over_area .npc_card_mobile .npc_info button,
  #mabinogim .container .npc_wrap .pager .scroll_over_area .npc_card_mobile .npc_info button {
    font-family: "Pretendard-Bold";
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 20px;
    right: 30px;
    color: #5e5f66;
    font-size: 12px;
    letter-spacing: -0.24px;
  }
  #mabinogim .game_info_npc .npc_wrap .pager .scroll_over_area .npc_card_mobile .npc_info button::after,
  #mabinogim .info .npc_wrap .pager .scroll_over_area .npc_card_mobile .npc_info button::after,
  #mabinogim .container .npc_wrap .pager .scroll_over_area .npc_card_mobile .npc_info button::after {
    display: block;
    content: "";
    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='%23A9A9A8' fill-rule='evenodd' d='M5.055.5a.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 0V6.324h3.407a.77.77 0 0 0 0-1.538H5.824V1.269A.77.77 0 0 0 5.054.5Z' clip-rule='evenodd'/%3E%3C/svg%3E") no-repeat;
    background-position: center center;
    border-radius: 6px;
    border: 1px solid #a9a9a8;
    padding: 5px;
    margin-left: 6px;
  }
  #mabinogim .game_info_npc .npc_wrap .pager .scroll_over_area .npc_card_mobile .npc_info.npc_new .name > span:nth-child(2),
  #mabinogim .info .npc_wrap .pager .scroll_over_area .npc_card_mobile .npc_info.npc_new .name > span:nth-child(2),
  #mabinogim .container .npc_wrap .pager .scroll_over_area .npc_card_mobile .npc_info.npc_new .name > span:nth-child(2) {
    display: flex;
  }
  #mabinogim .game_info_npc .npc_wrap .pager .scroll_over_area .npc_card_mobile .npc_info.npc_new .name > span:nth-child(2)::after,
  #mabinogim .info .npc_wrap .pager .scroll_over_area .npc_card_mobile .npc_info.npc_new .name > span:nth-child(2)::after,
  #mabinogim .container .npc_wrap .pager .scroll_over_area .npc_card_mobile .npc_info.npc_new .name > span:nth-child(2)::after {
    display: block;
    content: "";
    width: 24px;
    min-width: 24px;
    height: 9px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='12' fill='none'%3E%3Cpath fill='%2300B771' d='M9.258 11H7.01L2.96 4.086V11H.858V.497h2.248l4.05 6.921V.498H9.26V11Zm9.606 0h-7.2V.497h7.2V2.6h-5.098v2.102h3.45v2.102h-3.45v2.095h5.098V11Zm12.344-3.003c0 .435-.083.845-.249 1.23a3.132 3.132 0 0 1-2.9 1.92c-.39 0-.767-.069-1.128-.206a3.026 3.026 0 0 1-.967-.6 3.006 3.006 0 0 1-.974.6 3.161 3.161 0 0 1-1.128.205 3.16 3.16 0 0 1-1.23-.241 3.296 3.296 0 0 1-1.004-.674 3.296 3.296 0 0 1-.674-1.003 3.16 3.16 0 0 1-.241-1.23v-7.5h2.102v7.5c0 .146.027.285.08.417.054.127.127.239.22.336.098.093.21.166.337.22.127.054.264.08.41.08a1.042 1.042 0 0 0 .967-.636c.054-.132.08-.271.08-.418v-7.5h2.103v7.5c0 .147.026.286.08.418.054.127.127.239.22.336.098.093.21.166.337.22.127.054.263.08.41.08a1.041 1.041 0 0 0 .967-.636c.058-.132.088-.271.088-.418v-7.5h2.094v7.5Z'/%3E%3C/svg%3E");
    background-size: cover;
    margin-left: 2px;
  }
  #mabinogim .game_info_npc .npc_wrap .pager .scroll_over_area .npc_card_mobile .npc_info.npc_update .name > span:nth-child(2),
  #mabinogim .info .npc_wrap .pager .scroll_over_area .npc_card_mobile .npc_info.npc_update .name > span:nth-child(2),
  #mabinogim .container .npc_wrap .pager .scroll_over_area .npc_card_mobile .npc_info.npc_update .name > span:nth-child(2) {
    display: flex;
  }
  #mabinogim .game_info_npc .npc_wrap .pager .scroll_over_area .npc_card_mobile .npc_info.npc_update .name > span:nth-child(2)::after,
  #mabinogim .info .npc_wrap .pager .scroll_over_area .npc_card_mobile .npc_info.npc_update .name > span:nth-child(2)::after,
  #mabinogim .container .npc_wrap .pager .scroll_over_area .npc_card_mobile .npc_info.npc_update .name > span:nth-child(2)::after {
    display: block;
    content: "";
    width: 50px;
    min-width: 50px;
    height: 8px;
    background: url(https://lwi.nexon.com/m_mabinogim/brand/info/npc/i_update.png) no-repeat;
    background-size: contain;
    background-position: center top;
    margin-left: 2px;
  }
  #mabinogim .game_info_npc .npc_wrap .pager .scroll_over_area .free_scroll,
  #mabinogim .info .npc_wrap .pager .scroll_over_area .free_scroll,
  #mabinogim .container .npc_wrap .pager .scroll_over_area .free_scroll {
    width: 100%;
    height: 80px;
    background: #eaeaea;
    border-radius: 0 0 24px 24px;
    padding: 0 20px;
  }
}
@media screen and (max-width: 1280px) and (max-height: 750px) {
  #mabinogim .game_info_npc .npc_wrap .npc .npc_card .idle img,
  #mabinogim .info .npc_wrap .npc .npc_card .idle img,
  #mabinogim .container .npc_wrap .npc .npc_card .idle img {
    width: 150%;
    max-width: 680px;
    margin: 0;
    margin-top: 142px;
  }
  #mabinogim .game_info_npc .npc_wrap .npc .npc_card .idle.fleta img, #mabinogim .game_info_npc .npc_wrap .npc .npc_card .idle.comgan img, #mabinogim .game_info_npc .npc_wrap .npc .npc_card .idle.mari img, #mabinogim .game_info_npc .npc_wrap .npc .npc_card .idle.barney img,
  #mabinogim .info .npc_wrap .npc .npc_card .idle.fleta img,
  #mabinogim .info .npc_wrap .npc .npc_card .idle.comgan img,
  #mabinogim .info .npc_wrap .npc .npc_card .idle.mari img,
  #mabinogim .info .npc_wrap .npc .npc_card .idle.barney img,
  #mabinogim .container .npc_wrap .npc .npc_card .idle.fleta img,
  #mabinogim .container .npc_wrap .npc .npc_card .idle.comgan img,
  #mabinogim .container .npc_wrap .npc .npc_card .idle.mari img,
  #mabinogim .container .npc_wrap .npc .npc_card .idle.barney img {
    margin-top: 0;
  }
  #mabinogim .game_info_npc .npc_wrap .npc .npc_card .idle.aer img,
  #mabinogim .info .npc_wrap .npc .npc_card .idle.aer img,
  #mabinogim .container .npc_wrap .npc .npc_card .idle.aer img {
    margin-top: 282px;
  }
  #mabinogim .game_info_npc .npc_wrap .npc .npc_card .idle.edern img,
  #mabinogim .info .npc_wrap .npc .npc_card .idle.edern img,
  #mabinogim .container .npc_wrap .npc .npc_card .idle.edern img {
    margin-top: 202px;
  }
  #mabinogim .game_info_npc .npc_wrap .npc .npc_card .idle.seumas img,
  #mabinogim .info .npc_wrap .npc .npc_card .idle.seumas img,
  #mabinogim .container .npc_wrap .npc .npc_card .idle.seumas img {
    margin-top: 202px;
  }
  #mabinogim .game_info_npc .npc_wrap .npc .npc_card .idle.ibbie img,
  #mabinogim .info .npc_wrap .npc .npc_card .idle.ibbie img,
  #mabinogim .container .npc_wrap .npc .npc_card .idle.ibbie img {
    margin-top: -60px;
  }
}
@media (max-width: 850px) {
  #mabinogim .game_info_npc .npc_wrap .pager,
  #mabinogim .info .npc_wrap .pager,
  #mabinogim .container .npc_wrap .pager {
    min-width: 240px;
    padding: 0 10px;
  }
  #mabinogim .game_info_npc .npc_wrap .pager:focus,
  #mabinogim .info .npc_wrap .pager:focus,
  #mabinogim .container .npc_wrap .pager:focus {
    outline: none;
  }
  #mabinogim .game_info_npc .npc_wrap .pager .prev_button,
  #mabinogim .game_info_npc .npc_wrap .pager .next_button,
  #mabinogim .info .npc_wrap .pager .prev_button,
  #mabinogim .info .npc_wrap .pager .next_button,
  #mabinogim .container .npc_wrap .pager .prev_button,
  #mabinogim .container .npc_wrap .pager .next_button {
    display: none;
  }
  #mabinogim .game_info_npc .npc_wrap .pager .scroll_over_area,
  #mabinogim .info .npc_wrap .pager .scroll_over_area,
  #mabinogim .container .npc_wrap .pager .scroll_over_area {
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }
  #mabinogim .game_info_npc .npc_wrap .pager .scroll_over_area .free_scroll,
  #mabinogim .info .npc_wrap .pager .scroll_over_area .free_scroll,
  #mabinogim .container .npc_wrap .pager .scroll_over_area .free_scroll {
    width: 100%;
    height: 80px;
    background: #eaeaea;
    overflow-x: auto;
  }
  #mabinogim .game_info_npc .npc_wrap .pager .scroll_over_area .free_scroll::-webkit-scrollbar,
  #mabinogim .info .npc_wrap .pager .scroll_over_area .free_scroll::-webkit-scrollbar,
  #mabinogim .container .npc_wrap .pager .scroll_over_area .free_scroll::-webkit-scrollbar {
    width: 0;
    height: 0;
  }
  #mabinogim .game_info_npc .npc_wrap .pager .scroll_over_area .free_scroll ul,
  #mabinogim .info .npc_wrap .pager .scroll_over_area .free_scroll ul,
  #mabinogim .container .npc_wrap .pager .scroll_over_area .free_scroll ul {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0;
  }
  #mabinogim .game_info_npc .npc_wrap .pager .scroll_over_area .free_scroll ul li.on .thumbnail::after,
  #mabinogim .info .npc_wrap .pager .scroll_over_area .free_scroll ul li.on .thumbnail::after,
  #mabinogim .container .npc_wrap .pager .scroll_over_area .free_scroll ul li.on .thumbnail::after {
    content: "";
    display: block;
    width: 64px;
    min-width: 64px;
    height: 64px;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' fill='none'%3E%3Ccircle cx='32' cy='32' r='27' stroke='%232BAF7E' stroke-width='4' opacity='.5'/%3E%3Ccircle cx='32' cy='32' r='25' stroke='%232BAF7E' stroke-width='2'/%3E%3C/svg%3E");
    position: absolute;
    top: -6px;
    left: -6px;
  }
  #mabinogim .game_info_npc .npc_wrap .pager .scroll_over_area .free_scroll ul li.on span,
  #mabinogim .info .npc_wrap .pager .scroll_over_area .free_scroll ul li.on span,
  #mabinogim .container .npc_wrap .pager .scroll_over_area .free_scroll ul li.on span {
    display: none;
  }
  #mabinogim .game_info_npc .npc_wrap .pager .scroll_over_area .free_scroll ul li.on span::after,
  #mabinogim .info .npc_wrap .pager .scroll_over_area .free_scroll ul li.on span::after,
  #mabinogim .container .npc_wrap .pager .scroll_over_area .free_scroll ul li.on span::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -4px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #f65606;
  }
}
#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;
  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;
  margin-right: 120px;
}
#mabinogim .info .pagination .swiper ul li a {
  color: #fff;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  font-size: 16px;
}
#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::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::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;
  }
}
#mabinogim .info .pagination .swiper ul li:last-child {
  margin-right: 0;
}
@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;
    background: none;
    backdrop-filter: none;
  }
  #mabinogim .info .pagination .swiper ul li {
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 0;
  }
  #mabinogim .info .pagination .swiper ul li a {
    color: #fff;
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    font-size: 14px;
  }
  #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 fadeInOpacity2 {
  0% {
    opacity: 0.4;
  }
  100% {
    transform: scale(1.02);
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    transform: scale(0.95);
    opacity: 0.4;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes fadeOut {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0.95);
    opacity: 0;
  }
}
@keyframes fadeUp {
  0% {
    transform: translateY(2%);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}