@import url(https://lwres.nexon.com/css/mabinogim/brand/common/font.css);
@import url(https://lwres.nexon.com/css/mabinogim/global/en/common/common.css);
@import url(https://lwres.nexon.com/css/mabinogim/global/en/common/modal.css);
@import url(https://lwres.nexon.com/css/mabinogim/brand/common/loading.css);
#mabinogim {
  overflow: hidden;
}
#mabinogim .game_info_class, #mabinogim .info, #mabinogim .container {
  position: relative;
  background: url(https://lwi.nexon.com/m_mabinogim/brand/info/class/bg.png);
  background-size: cover;
  background-position: center top;
  transition: 0.3s;
}
#mabinogim .game_info_class .intro_wrap, #mabinogim .info .intro_wrap, #mabinogim .container .intro_wrap {
  position: relative;
  margin: auto 0;
  width: 100%;
  height: calc(var(--vh, 1vh) * 100 - var(--pc-top-height));
  min-height: 720px;
  z-index: 1;
}
#mabinogim .game_info_class .intro_wrap .inner, #mabinogim .info .intro_wrap .inner, #mabinogim .container .intro_wrap .inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: calc(var(--vh, 1vh) * 100 - var(--pc-top-height) - 104px);
  min-height: 720px;
}
#mabinogim .game_info_class .intro_wrap .inner h1, #mabinogim .info .intro_wrap .inner h1, #mabinogim .container .intro_wrap .inner h1 {
  font-family: "Paperlogy-7Bold";
  color: #FFF;
  font-size: 48px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}
#mabinogim .game_info_class .intro_wrap .inner h1::before, #mabinogim .info .intro_wrap .inner h1::before, #mabinogim .container .intro_wrap .inner h1::before {
  display: block;
  content: "";
  min-width: 63px;
  width: 63px;
  height: 16px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='63' height='16' fill='none'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M3.54 4.875.5 8l3.04 3.125L6.577 8 3.54 4.875ZM15.087.5 9.514 6.232l-.013-.013-1.72 1.768.013.013-.013.013 1.72 1.768.013-.014 5.574 5.733 5.576-5.732 2.59 2.664 1.72-1.767L22.383 8l2.59-2.665-1.718-1.767-2.592 2.664L15.088.5Zm0 3.535L18.944 8l-3.855 3.964L11.232 8l3.855-3.964ZM55.415 9.25c.5 1.457 1.851 2.5 3.439 2.5 2.014 0 3.647-1.679 3.647-3.75 0-2.071-1.633-3.75-3.647-3.75-1.588 0-2.939 1.044-3.44 2.5H30.284l-1.823-1.875L25.42 8l3.04 3.125 1.823-1.875h25.13Z' clip-rule='evenodd'/%3E%3C/svg%3E");
  margin-right: 10px;
}
#mabinogim .game_info_class .intro_wrap .inner h1::after, #mabinogim .info .intro_wrap .inner h1::after, #mabinogim .container .intro_wrap .inner h1::after {
  display: block;
  content: "";
  width: 63px;
  min-width: 63px;
  height: 16px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='63' height='16' fill='none'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M3.54 4.875.5 8l3.04 3.125L6.577 8 3.54 4.875ZM15.087.5 9.514 6.232l-.013-.013-1.72 1.768.013.013-.013.013 1.72 1.768.013-.014 5.574 5.733 5.576-5.732 2.59 2.664 1.72-1.767L22.383 8l2.59-2.665-1.718-1.767-2.592 2.664L15.088.5Zm0 3.535L18.944 8l-3.855 3.964L11.232 8l3.855-3.964ZM55.415 9.25c.5 1.457 1.851 2.5 3.439 2.5 2.014 0 3.647-1.679 3.647-3.75 0-2.071-1.633-3.75-3.647-3.75-1.588 0-2.939 1.044-3.44 2.5H30.284l-1.823-1.875L25.42 8l3.04 3.125 1.823-1.875h25.13Z' clip-rule='evenodd'/%3E%3C/svg%3E");
  transform: rotate(180deg);
  margin-left: 10px;
}
#mabinogim .game_info_class .intro_wrap .inner .class_list, #mabinogim .info .intro_wrap .inner .class_list, #mabinogim .container .intro_wrap .inner .class_list {
  margin-top: 50px;
}
#mabinogim .game_info_class .intro_wrap .inner .class_list ul, #mabinogim .info .intro_wrap .inner .class_list ul, #mabinogim .container .intro_wrap .inner .class_list ul {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
}
#mabinogim .game_info_class .intro_wrap .inner .class_list ul li, #mabinogim .info .intro_wrap .inner .class_list ul li, #mabinogim .container .intro_wrap .inner .class_list ul li {
  position: relative;
  margin-right: 10px;
}
#mabinogim .game_info_class .intro_wrap .inner .class_list ul li .list_inner, #mabinogim .info .intro_wrap .inner .class_list ul li .list_inner, #mabinogim .container .intro_wrap .inner .class_list ul li .list_inner {
  position: relative;
  width: 277px;
  height: 644px;
  border-radius: 24px;
  background: #192B34;
  padding: 10px;
  cursor: pointer;
  overflow: hidden;
}
#mabinogim .game_info_class .intro_wrap .inner .class_list ul li .list_inner::before, #mabinogim .info .intro_wrap .inner .class_list ul li .list_inner::before, #mabinogim .container .intro_wrap .inner .class_list ul li .list_inner::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, rgb(25, 43, 52) 60%, rgba(20, 20, 20, 0) 90%);
  z-index: 2;
}
#mabinogim .game_info_class .intro_wrap .inner .class_list ul li .list_inner .deco_border, #mabinogim .info .intro_wrap .inner .class_list ul li .list_inner .deco_border, #mabinogim .container .intro_wrap .inner .class_list ul li .list_inner .deco_border {
  width: 100%;
  height: 100%;
  border-radius: 20px;
  border: 2px solid #3A4040;
}
#mabinogim .game_info_class .intro_wrap .inner .class_list ul li .list_inner .class_card, #mabinogim .info .intro_wrap .inner .class_list ul li .list_inner .class_card, #mabinogim .container .intro_wrap .inner .class_list ul li .list_inner .class_card {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}
#mabinogim .game_info_class .intro_wrap .inner .class_list ul li .list_inner .class_card .card_title, #mabinogim .info .intro_wrap .inner .class_list ul li .list_inner .class_card .card_title, #mabinogim .container .intro_wrap .inner .class_list ul li .list_inner .class_card .card_title {
  position: relative;
  padding-top: 70px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#mabinogim .game_info_class .intro_wrap .inner .class_list ul li .list_inner .class_card .card_title h2, #mabinogim .info .intro_wrap .inner .class_list ul li .list_inner .class_card .card_title h2, #mabinogim .container .intro_wrap .inner .class_list ul li .list_inner .class_card .card_title h2 {
  font-family: "Paperlogy-7Bold";
  color: #FFF;
  font-size: 30px;
}
#mabinogim .game_info_class .intro_wrap .inner .class_list ul li .list_inner .class_card .card_title button, #mabinogim .info .intro_wrap .inner .class_list ul li .list_inner .class_card .card_title button, #mabinogim .container .intro_wrap .inner .class_list ul li .list_inner .class_card .card_title button {
  display: flex;
  align-items: center;
  margin-top: 13px;
  color: #6F8289;
  font-size: 13px;
  border-radius: 10px;
  background: #01171E;
  padding: 8px 12px;
  width: fit-content;
  white-space: nowrap;
  transition: 0.4s;
  z-index: 2;
}
#mabinogim .game_info_class .intro_wrap .inner .class_list ul li .list_inner .class_card .card_title button::before, #mabinogim .info .intro_wrap .inner .class_list ul li .list_inner .class_card .card_title button::before, #mabinogim .container .intro_wrap .inner .class_list ul li .list_inner .class_card .card_title button::before {
  content: "Class";
  font-family: "Paperlogy-4Regular";
  display: block;
}
#mabinogim .game_info_class .intro_wrap .inner .class_list ul li .list_inner .class_card .class_line, #mabinogim .info .intro_wrap .inner .class_list ul li .list_inner .class_card .class_line, #mabinogim .container .intro_wrap .inner .class_list ul li .list_inner .class_card .class_line {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
@media (hover: hover) and (min-width: 1281px) {
  #mabinogim .game_info_class .intro_wrap .inner .class_list ul li:hover .list_inner, #mabinogim .info .intro_wrap .inner .class_list ul li:hover .list_inner, #mabinogim .container .intro_wrap .inner .class_list ul li:hover .list_inner {
    background: #04495E;
  }
  #mabinogim .game_info_class .intro_wrap .inner .class_list ul li:hover .list_inner::before, #mabinogim .info .intro_wrap .inner .class_list ul li:hover .list_inner::before, #mabinogim .container .intro_wrap .inner .class_list ul li:hover .list_inner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgb(4, 73, 94) 60%, rgba(4, 73, 94, 0) 90%);
    z-index: 2;
  }
  #mabinogim .game_info_class .intro_wrap .inner .class_list ul li:hover .list_inner .deco_border, #mabinogim .info .intro_wrap .inner .class_list ul li:hover .list_inner .deco_border, #mabinogim .container .intro_wrap .inner .class_list ul li:hover .list_inner .deco_border {
    border: 2px solid #585852;
  }
  #mabinogim .game_info_class .intro_wrap .inner .class_list ul li:hover .list_inner .class_card, #mabinogim .info .intro_wrap .inner .class_list ul li:hover .list_inner .class_card, #mabinogim .container .intro_wrap .inner .class_list ul li:hover .list_inner .class_card {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
  }
  #mabinogim .game_info_class .intro_wrap .inner .class_list ul li:hover .list_inner .class_card .card_title, #mabinogim .info .intro_wrap .inner .class_list ul li:hover .list_inner .class_card .card_title, #mabinogim .container .intro_wrap .inner .class_list ul li:hover .list_inner .class_card .card_title {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  #mabinogim .game_info_class .intro_wrap .inner .class_list ul li:hover .list_inner .class_card .card_title h2, #mabinogim .info .intro_wrap .inner .class_list ul li:hover .list_inner .class_card .card_title h2, #mabinogim .container .intro_wrap .inner .class_list ul li:hover .list_inner .class_card .card_title h2 {
    color: #FFF;
    font-size: 35px;
    font-weight: 700;
    letter-spacing: -0.7px;
  }
  #mabinogim .game_info_class .intro_wrap .inner .class_list ul li:hover .list_inner .class_card .card_title button, #mabinogim .info .intro_wrap .inner .class_list ul li:hover .list_inner .class_card .card_title button, #mabinogim .container .intro_wrap .inner .class_list ul li:hover .list_inner .class_card .card_title button {
    color: #fff;
    width: fit-content;
  }
  #mabinogim .game_info_class .intro_wrap .inner .class_list ul li:hover .list_inner .class_card .card_title button::before, #mabinogim .info .intro_wrap .inner .class_list ul li:hover .list_inner .class_card .card_title button::before, #mabinogim .container .intro_wrap .inner .class_list ul li:hover .list_inner .class_card .card_title button::before {
    content: "See Details";
    display: block;
    font-family: "Paperlogy-4Regular";
  }
  #mabinogim .game_info_class .intro_wrap .inner .class_list ul li:hover .list_inner .class_card .card_title button::after, #mabinogim .info .intro_wrap .inner .class_list ul li:hover .list_inner .class_card .card_title button::after, #mabinogim .container .intro_wrap .inner .class_list ul li:hover .list_inner .class_card .card_title button::after {
    content: "";
    display: block;
    width: 6px;
    min-width: 6px;
    height: 9px;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='9' fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-width='2' d='m1.5 7.5 3-3-3-3'/%3E%3C/svg%3E");
    z-index: 2;
    margin-left: 10px;
  }
}
#mabinogim .game_info_class .intro_wrap .inner .class_list ul li[data-line=warrior] .list_inner .class_card .class_line .class_line_1, #mabinogim .info .intro_wrap .inner .class_list ul li[data-line=warrior] .list_inner .class_card .class_line .class_line_1, #mabinogim .container .intro_wrap .inner .class_list ul li[data-line=warrior] .list_inner .class_card .class_line .class_line_1 {
  position: absolute;
  left: -372px;
  top: 130px;
  width: 830px;
  height: 1024px;
  background-image: url(https://lwi.nexon.com/m_mabinogim/brand/info/class/warrior_line_2_37B2D3A04C09CC2F.png);
  background-size: 100% auto;
  transition: all 0.4s;
}
#mabinogim .game_info_class .intro_wrap .inner .class_list ul li[data-line=warrior] .list_inner .class_card .class_line .class_line_2, #mabinogim .info .intro_wrap .inner .class_list ul li[data-line=warrior] .list_inner .class_card .class_line .class_line_2, #mabinogim .container .intro_wrap .inner .class_list ul li[data-line=warrior] .list_inner .class_card .class_line .class_line_2 {
  position: absolute;
  left: -372px;
  top: 300px;
  width: 888px;
  height: 1010px;
  background-image: url(https://lwi.nexon.com/m_mabinogim/brand/info/class/warrior_line_3_68958D98B3DDC1BF.png);
  background-size: 100% auto;
  transition: all 0.4s;
  opacity: 0;
}
#mabinogim .game_info_class .intro_wrap .inner .class_list ul li[data-line=warrior] .list_inner .class_card .class_line .class_line_3, #mabinogim .info .intro_wrap .inner .class_list ul li[data-line=warrior] .list_inner .class_card .class_line .class_line_3, #mabinogim .container .intro_wrap .inner .class_list ul li[data-line=warrior] .list_inner .class_card .class_line .class_line_3 {
  position: absolute;
  left: -388px;
  top: 152px;
  width: 1000px;
  height: 580px;
  background-image: url(https://lwi.nexon.com/m_mabinogim/brand/info/class/warrior_line_4_5F017124236C03D6.png);
  background-size: 100% auto;
  transition: all 0.4s;
  opacity: 0;
  transform: scaleX(-1);
}
@media (hover: hover) and (min-width: 1281px) {
  #mabinogim .game_info_class .intro_wrap .inner .class_list ul li[data-line=warrior]:hover .list_inner .class_card .class_line .class_line_1, #mabinogim .info .intro_wrap .inner .class_list ul li[data-line=warrior]:hover .list_inner .class_card .class_line .class_line_1, #mabinogim .container .intro_wrap .inner .class_list ul li[data-line=warrior]:hover .list_inner .class_card .class_line .class_line_1 {
    left: -222px;
    top: 128px;
    background-size: 84%;
  }
  #mabinogim .game_info_class .intro_wrap .inner .class_list ul li[data-line=warrior]:hover .list_inner .class_card .class_line .class_line_2, #mabinogim .info .intro_wrap .inner .class_list ul li[data-line=warrior]:hover .list_inner .class_card .class_line .class_line_2, #mabinogim .container .intro_wrap .inner .class_list ul li[data-line=warrior]:hover .list_inner .class_card .class_line .class_line_2 {
    left: -282px;
    top: 108px;
    opacity: 1;
  }
  #mabinogim .game_info_class .intro_wrap .inner .class_list ul li[data-line=warrior]:hover .list_inner .class_card .class_line .class_line_3, #mabinogim .info .intro_wrap .inner .class_list ul li[data-line=warrior]:hover .list_inner .class_card .class_line .class_line_3, #mabinogim .container .intro_wrap .inner .class_list ul li[data-line=warrior]:hover .list_inner .class_card .class_line .class_line_3 {
    left: -528px;
    top: 202px;
    opacity: 1;
    background-size: 82%;
  }
}
#mabinogim .game_info_class .intro_wrap .inner .class_list ul li[data-line=archer] .list_inner .class_card .class_line .class_line_1, #mabinogim .info .intro_wrap .inner .class_list ul li[data-line=archer] .list_inner .class_card .class_line .class_line_1, #mabinogim .container .intro_wrap .inner .class_list ul li[data-line=archer] .list_inner .class_card .class_line .class_line_1 {
  position: absolute;
  left: -128px;
  top: 90px;
  width: 512px;
  height: 1144px;
  background: url(https://lwi.nexon.com/m_mabinogim/brand/info/class/archer_line_2_946AEAF0A67A9596.png) no-repeat;
  background-size: 100%;
  transition: all 0.4s;
}
#mabinogim .game_info_class .intro_wrap .inner .class_list ul li[data-line=archer] .list_inner .class_card .class_line .class_line_2, #mabinogim .info .intro_wrap .inner .class_list ul li[data-line=archer] .list_inner .class_card .class_line .class_line_2, #mabinogim .container .intro_wrap .inner .class_list ul li[data-line=archer] .list_inner .class_card .class_line .class_line_2 {
  position: absolute;
  left: -424px;
  top: 70px;
  width: 672px;
  height: 1064px;
  background: url(https://lwi.nexon.com/m_mabinogim/brand/info/class/archer_line_3_1C943631C2AC78C3.png) no-repeat;
  background-size: 100%;
  transition: all 0.4s;
  opacity: 0;
}
#mabinogim .game_info_class .intro_wrap .inner .class_list ul li[data-line=archer] .list_inner .class_card .class_line .class_line_3, #mabinogim .info .intro_wrap .inner .class_list ul li[data-line=archer] .list_inner .class_card .class_line .class_line_3, #mabinogim .container .intro_wrap .inner .class_list ul li[data-line=archer] .list_inner .class_card .class_line .class_line_3 {
  position: absolute;
  left: -284px;
  top: 290px;
  width: 1124px;
  height: 1108px;
  background: url(https://lwi.nexon.com/m_mabinogim/brand/info/class/archer_line_4_87DDBBCFAFAB46A2.png) no-repeat;
  background-size: 100%;
  transition: all 0.4s;
  opacity: 0;
}
@media (hover: hover) and (min-width: 1281px) {
  #mabinogim .game_info_class .intro_wrap .inner .class_list ul li[data-line=archer]:hover .list_inner .class_card .class_line .class_line_1, #mabinogim .info .intro_wrap .inner .class_list ul li[data-line=archer]:hover .list_inner .class_card .class_line .class_line_1, #mabinogim .container .intro_wrap .inner .class_list ul li[data-line=archer]:hover .list_inner .class_card .class_line .class_line_1 {
    left: -18px;
    top: 80px;
    background-size: 80%;
  }
  #mabinogim .game_info_class .intro_wrap .inner .class_list ul li[data-line=archer]:hover .list_inner .class_card .class_line .class_line_2, #mabinogim .info .intro_wrap .inner .class_list ul li[data-line=archer]:hover .list_inner .class_card .class_line .class_line_2, #mabinogim .container .intro_wrap .inner .class_list ul li[data-line=archer]:hover .list_inner .class_card .class_line .class_line_2 {
    left: -224px;
    top: 40px;
    background-size: 84%;
    opacity: 1;
  }
  #mabinogim .game_info_class .intro_wrap .inner .class_list ul li[data-line=archer]:hover .list_inner .class_card .class_line .class_line_3, #mabinogim .info .intro_wrap .inner .class_list ul li[data-line=archer]:hover .list_inner .class_card .class_line .class_line_3, #mabinogim .container .intro_wrap .inner .class_list ul li[data-line=archer]:hover .list_inner .class_card .class_line .class_line_3 {
    left: -324px;
    top: 298px;
    background-size: 84%;
    opacity: 1;
  }
}
#mabinogim .game_info_class .intro_wrap .inner .class_list ul li[data-line=mage] .list_inner .class_card .class_line .class_line_1, #mabinogim .info .intro_wrap .inner .class_list ul li[data-line=mage] .list_inner .class_card .class_line .class_line_1, #mabinogim .container .intro_wrap .inner .class_list ul li[data-line=mage] .list_inner .class_card .class_line .class_line_1 {
  position: absolute;
  left: -65px;
  top: 194px;
  width: 466px;
  height: 1112px;
  background: url(https://lwi.nexon.com/m_mabinogim/brand/info/class/mage_line_2_3B83737BEFFE2F1E.png) no-repeat;
  background-size: 100%;
  transition: all 0.4s;
}
#mabinogim .game_info_class .intro_wrap .inner .class_list ul li[data-line=mage] .list_inner .class_card .class_line .class_line_2, #mabinogim .info .intro_wrap .inner .class_list ul li[data-line=mage] .list_inner .class_card .class_line .class_line_2, #mabinogim .container .intro_wrap .inner .class_list ul li[data-line=mage] .list_inner .class_card .class_line .class_line_2 {
  position: absolute;
  left: 22px;
  top: 360px;
  width: 480px;
  height: 1172px;
  background: url(https://lwi.nexon.com/m_mabinogim/brand/info/class/mage_line_3_8B52C51AC86C7FF4.png) no-repeat;
  background-size: 100%;
  transition: all 0.4s;
  opacity: 0;
}
#mabinogim .game_info_class .intro_wrap .inner .class_list ul li[data-line=mage] .list_inner .class_card .class_line .class_line_3, #mabinogim .info .intro_wrap .inner .class_list ul li[data-line=mage] .list_inner .class_card .class_line .class_line_3, #mabinogim .container .intro_wrap .inner .class_list ul li[data-line=mage] .list_inner .class_card .class_line .class_line_3 {
  position: absolute;
  left: -346px;
  top: 242px;
  width: 553px;
  height: 1198px;
  background: url(https://lwi.nexon.com/m_mabinogim/brand/info/class/mage_line_4_1407F0E540914B42.png) no-repeat;
  transition: all 0.4s;
  opacity: 0;
  z-index: -1;
}
@media (hover: hover) and (min-width: 1281px) {
  #mabinogim .game_info_class .intro_wrap .inner .class_list ul li[data-line=mage]:hover .list_inner .class_card .class_line .class_line_1, #mabinogim .info .intro_wrap .inner .class_list ul li[data-line=mage]:hover .list_inner .class_card .class_line .class_line_1, #mabinogim .container .intro_wrap .inner .class_list ul li[data-line=mage]:hover .list_inner .class_card .class_line .class_line_1 {
    left: -100px;
    top: 199px;
    background-size: 80%;
  }
  #mabinogim .game_info_class .intro_wrap .inner .class_list ul li[data-line=mage]:hover .list_inner .class_card .class_line .class_line_2, #mabinogim .info .intro_wrap .inner .class_list ul li[data-line=mage]:hover .list_inner .class_card .class_line .class_line_2, #mabinogim .container .intro_wrap .inner .class_list ul li[data-line=mage]:hover .list_inner .class_card .class_line .class_line_2 {
    left: -62px;
    top: 290px;
    background-size: 80%;
    opacity: 1;
  }
  #mabinogim .game_info_class .intro_wrap .inner .class_list ul li[data-line=mage]:hover .list_inner .class_card .class_line .class_line_3, #mabinogim .info .intro_wrap .inner .class_list ul li[data-line=mage]:hover .list_inner .class_card .class_line .class_line_3, #mabinogim .container .intro_wrap .inner .class_list ul li[data-line=mage]:hover .list_inner .class_card .class_line .class_line_3 {
    left: 16px;
    top: 82px;
    opacity: 1;
    background-size: 80%;
  }
}
#mabinogim .game_info_class .intro_wrap .inner .class_list ul li[data-line=healer] .list_inner .class_card .class_line .class_line_1, #mabinogim .info .intro_wrap .inner .class_list ul li[data-line=healer] .list_inner .class_card .class_line .class_line_1, #mabinogim .container .intro_wrap .inner .class_list ul li[data-line=healer] .list_inner .class_card .class_line .class_line_1 {
  position: absolute;
  left: -70px;
  top: 118px;
  width: 418px;
  height: 1172px;
  background: url(https://lwi.nexon.com/m_mabinogim/brand/info/class/healer_line_2_F36BCFDF34ADEF01.png) no-repeat;
  background-size: 100%;
  transition: all 0.4s;
}
#mabinogim .game_info_class .intro_wrap .inner .class_list ul li[data-line=healer] .list_inner .class_card .class_line .class_line_2, #mabinogim .info .intro_wrap .inner .class_list ul li[data-line=healer] .list_inner .class_card .class_line .class_line_2, #mabinogim .container .intro_wrap .inner .class_list ul li[data-line=healer] .list_inner .class_card .class_line .class_line_2 {
  position: absolute;
  left: -642px;
  top: 350px;
  width: 1196px;
  height: 1064px;
  background: url(https://lwi.nexon.com/m_mabinogim/brand/info/class/healer_line_3_2D469FC76BCE4EA2.png) no-repeat;
  transition: all 0.4s;
  opacity: 0;
}
#mabinogim .game_info_class .intro_wrap .inner .class_list ul li[data-line=healer] .list_inner .class_card .class_line .class_line_3, #mabinogim .info .intro_wrap .inner .class_list ul li[data-line=healer] .list_inner .class_card .class_line .class_line_3, #mabinogim .container .intro_wrap .inner .class_list ul li[data-line=healer] .list_inner .class_card .class_line .class_line_3 {
  position: absolute;
  left: 15px;
  top: 180px;
  width: 942px;
  height: 976px;
  background: url(https://lwi.nexon.com/m_mabinogim/brand/info/class/healer_line_4_937ABDCBE7D1B193.png) no-repeat;
  transition: all 0.4s;
  opacity: 0;
  z-index: -1;
}
@media (hover: hover) and (min-width: 1281px) {
  #mabinogim .game_info_class .intro_wrap .inner .class_list ul li[data-line=healer]:hover .list_inner .class_card .class_line .class_line_1, #mabinogim .info .intro_wrap .inner .class_list ul li[data-line=healer]:hover .list_inner .class_card .class_line .class_line_1, #mabinogim .container .intro_wrap .inner .class_list ul li[data-line=healer]:hover .list_inner .class_card .class_line .class_line_1 {
    left: -10px;
    top: 118px;
    background-size: 94%;
  }
  #mabinogim .game_info_class .intro_wrap .inner .class_list ul li[data-line=healer]:hover .list_inner .class_card .class_line .class_line_2, #mabinogim .info .intro_wrap .inner .class_list ul li[data-line=healer]:hover .list_inner .class_card .class_line .class_line_2, #mabinogim .container .intro_wrap .inner .class_list ul li[data-line=healer]:hover .list_inner .class_card .class_line .class_line_2 {
    left: -442px;
    top: 320px;
    background-size: 84%;
    opacity: 1;
  }
  #mabinogim .game_info_class .intro_wrap .inner .class_list ul li[data-line=healer]:hover .list_inner .class_card .class_line .class_line_3, #mabinogim .info .intro_wrap .inner .class_list ul li[data-line=healer]:hover .list_inner .class_card .class_line .class_line_3, #mabinogim .container .intro_wrap .inner .class_list ul li[data-line=healer]:hover .list_inner .class_card .class_line .class_line_3 {
    left: -165px;
    top: 100px;
    background-size: 84%;
    opacity: 1;
  }
}
#mabinogim .game_info_class .intro_wrap .inner .class_list ul li[data-line=bard] .list_inner .class_card .class_line .class_line_1, #mabinogim .info .intro_wrap .inner .class_list ul li[data-line=bard] .list_inner .class_card .class_line .class_line_1, #mabinogim .container .intro_wrap .inner .class_list ul li[data-line=bard] .list_inner .class_card .class_line .class_line_1 {
  position: absolute;
  left: -130px;
  top: 142px;
  width: 618px;
  height: 1202px;
  background: url(https://lwi.nexon.com/m_mabinogim/brand/info/class/bard_line_2_9BC13B02244F2CCE.png) no-repeat;
  background-size: 100%;
  transition: all 0.4s;
}
#mabinogim .game_info_class .intro_wrap .inner .class_list ul li[data-line=bard] .list_inner .class_card .class_line .class_line_2, #mabinogim .info .intro_wrap .inner .class_list ul li[data-line=bard] .list_inner .class_card .class_line .class_line_2, #mabinogim .container .intro_wrap .inner .class_list ul li[data-line=bard] .list_inner .class_card .class_line .class_line_2 {
  position: absolute;
  left: -315px;
  top: 180px;
  width: 608px;
  height: 1212px;
  background: url(https://lwi.nexon.com/m_mabinogim/brand/info/class/bard_line_3_292F7849A4CD3D6D.png) no-repeat;
  transition: all 0.4s;
  opacity: 0;
  z-index: 3;
}
#mabinogim .game_info_class .intro_wrap .inner .class_list ul li[data-line=bard] .list_inner .class_card .class_line .class_line_3, #mabinogim .info .intro_wrap .inner .class_list ul li[data-line=bard] .list_inner .class_card .class_line .class_line_3, #mabinogim .container .intro_wrap .inner .class_list ul li[data-line=bard] .list_inner .class_card .class_line .class_line_3 {
  position: absolute;
  left: 45px;
  top: 240px;
  width: 440px;
  height: 1196px;
  background: url(https://lwi.nexon.com/m_mabinogim/brand/info/class/bard_line_4_EE862F9C6C2F489E.png) no-repeat;
  transition: all 0.4s;
  opacity: 0;
  z-index: 2;
}
@media (hover: hover) and (min-width: 1281px) {
  #mabinogim .game_info_class .intro_wrap .inner .class_list ul li[data-line=bard]:hover .list_inner .class_card .class_line .class_line_1, #mabinogim .info .intro_wrap .inner .class_list ul li[data-line=bard]:hover .list_inner .class_card .class_line .class_line_1, #mabinogim .container .intro_wrap .inner .class_list ul li[data-line=bard]:hover .list_inner .class_card .class_line .class_line_1 {
    left: -150px;
    top: 142px;
    background-size: 84%;
  }
  #mabinogim .game_info_class .intro_wrap .inner .class_list ul li[data-line=bard]:hover .list_inner .class_card .class_line .class_line_2, #mabinogim .info .intro_wrap .inner .class_list ul li[data-line=bard]:hover .list_inner .class_card .class_line .class_line_2, #mabinogim .container .intro_wrap .inner .class_list ul li[data-line=bard]:hover .list_inner .class_card .class_line .class_line_2 {
    left: -285px;
    top: 50px;
    opacity: 1;
  }
  #mabinogim .game_info_class .intro_wrap .inner .class_list ul li[data-line=bard]:hover .list_inner .class_card .class_line .class_line_3, #mabinogim .info .intro_wrap .inner .class_list ul li[data-line=bard]:hover .list_inner .class_card .class_line .class_line_3, #mabinogim .container .intro_wrap .inner .class_list ul li[data-line=bard]:hover .list_inner .class_card .class_line .class_line_3 {
    left: -15px;
    top: 184px;
    opacity: 1;
    background-size: 84%;
  }
}
#mabinogim .game_info_class .intro_wrap .inner .class_list ul li[data-line=thief] .list_inner .class_card .class_line .class_line_1, #mabinogim .info .intro_wrap .inner .class_list ul li[data-line=thief] .list_inner .class_card .class_line .class_line_1, #mabinogim .container .intro_wrap .inner .class_list ul li[data-line=thief] .list_inner .class_card .class_line .class_line_1 {
  position: absolute;
  left: -224px;
  top: 166px;
  width: 730px;
  height: 1108px;
  background: url(https://lwi.nexon.com/m_mabinogim/brand/info/class/thief_line_2_329BACBB215B9685.png) no-repeat;
  background-size: 76%;
  transition: all 0.4s;
  z-index: 2;
}
#mabinogim .game_info_class .intro_wrap .inner .class_list ul li[data-line=thief] .list_inner .class_card .class_line .class_line_2, #mabinogim .info .intro_wrap .inner .class_list ul li[data-line=thief] .list_inner .class_card .class_line .class_line_2, #mabinogim .container .intro_wrap .inner .class_list ul li[data-line=thief] .list_inner .class_card .class_line .class_line_2 {
  position: absolute;
  left: -265px;
  top: 320px;
  width: 966px;
  height: 1282px;
  background: url(https://lwi.nexon.com/m_mabinogim/brand/info/class/thief_line_3_329BACBB215B9685.png) no-repeat;
  transition: all 0.4s;
  background-size: 72%;
  z-index: 3;
  opacity: 0;
}
#mabinogim .game_info_class .intro_wrap .inner .class_list ul li[data-line=thief] .list_inner .class_card .class_line .class_line_3, #mabinogim .info .intro_wrap .inner .class_list ul li[data-line=thief] .list_inner .class_card .class_line .class_line_3, #mabinogim .container .intro_wrap .inner .class_list ul li[data-line=thief] .list_inner .class_card .class_line .class_line_3 {
  position: absolute;
  left: 45px;
  top: 240px;
  width: 698px;
  height: 1108px;
  background: url(https://lwi.nexon.com/m_mabinogim/brand/info/class/thief_line_4_329BACBB215B9685.png) no-repeat;
  background-size: 60%;
  transition: all 0.4s;
  z-index: 1;
  opacity: 0;
}
@media (hover: hover) and (min-width: 1281px) {
  #mabinogim .game_info_class .intro_wrap .inner .class_list ul li[data-line=thief]:hover .list_inner .class_card .class_line .class_line_1, #mabinogim .info .intro_wrap .inner .class_list ul li[data-line=thief]:hover .list_inner .class_card .class_line .class_line_1, #mabinogim .container .intro_wrap .inner .class_list ul li[data-line=thief]:hover .list_inner .class_card .class_line .class_line_1 {
    left: -210px;
    top: 162px;
    background-size: 56%;
  }
  #mabinogim .game_info_class .intro_wrap .inner .class_list ul li[data-line=thief]:hover .list_inner .class_card .class_line .class_line_2, #mabinogim .info .intro_wrap .inner .class_list ul li[data-line=thief]:hover .list_inner .class_card .class_line .class_line_2, #mabinogim .container .intro_wrap .inner .class_list ul li[data-line=thief]:hover .list_inner .class_card .class_line .class_line_2 {
    left: -245px;
    top: 280px;
    opacity: 1;
  }
  #mabinogim .game_info_class .intro_wrap .inner .class_list ul li[data-line=thief]:hover .list_inner .class_card .class_line .class_line_3, #mabinogim .info .intro_wrap .inner .class_list ul li[data-line=thief]:hover .list_inner .class_card .class_line .class_line_3, #mabinogim .container .intro_wrap .inner .class_list ul li[data-line=thief]:hover .list_inner .class_card .class_line .class_line_3 {
    left: -98px;
    top: 222px;
    opacity: 1;
  }
}
#mabinogim .game_info_class .intro_wrap .inner .class_list ul li:last-child, #mabinogim .info .intro_wrap .inner .class_list ul li:last-child, #mabinogim .container .intro_wrap .inner .class_list ul li:last-child {
  margin-right: 0px;
}
#mabinogim .game_info_class .intro_wrap .inner .class_list ul li.new_class .list_inner .class_card .card_title h2, #mabinogim .info .intro_wrap .inner .class_list ul li.new_class .list_inner .class_card .card_title h2, #mabinogim .container .intro_wrap .inner .class_list ul li.new_class .list_inner .class_card .card_title h2 {
  position: relative;
  display: flex;
  justify-content: center;
}
#mabinogim .game_info_class .intro_wrap .inner .class_list ul li.new_class .list_inner .class_card .card_title h2::before, #mabinogim .info .intro_wrap .inner .class_list ul li.new_class .list_inner .class_card .card_title h2::before, #mabinogim .container .intro_wrap .inner .class_list ul li.new_class .list_inner .class_card .card_title h2::before {
  position: absolute;
  top: -24px;
  content: "";
  display: block;
  width: 32px;
  min-width: 32px;
  height: 12px;
  background-image: url("data:image/svg+xml,%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.13 3.13 0 0 1-2.9 1.92c-.39 0-.767-.069-1.128-.206a3.025 3.025 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");
  z-index: 2;
}
#mabinogim .game_info_class .intro_wrap .inner .class_list .mobile_frame, #mabinogim .info .intro_wrap .inner .class_list .mobile_frame, #mabinogim .container .intro_wrap .inner .class_list .mobile_frame {
  display: none;
}
#mabinogim .game_info_class .detail_wrap, #mabinogim .info .detail_wrap, #mabinogim .container .detail_wrap {
  display: flex;
  width: 100%;
  height: 100%;
  min-height: max(var(--vh, 1vh) * 100 - var(--pc-top-height), 870px);
}
#mabinogim .game_info_class .detail_wrap .inner, #mabinogim .info .detail_wrap .inner, #mabinogim .container .detail_wrap .inner {
  position: relative;
  padding: 0 56px;
  width: 100%;
  display: flex;
}
#mabinogim .game_info_class .detail_wrap .inner .class_list_area, #mabinogim .info .detail_wrap .inner .class_list_area, #mabinogim .container .detail_wrap .inner .class_list_area {
  position: relative;
  margin: auto 107px auto 0;
  width: 116px;
  z-index: 2;
  animation: fadeInLeft 0.3s forwards ease;
  opacity: 0;
}
#mabinogim .game_info_class .detail_wrap .inner .class_list_area .prev_button, #mabinogim .info .detail_wrap .inner .class_list_area .prev_button, #mabinogim .container .detail_wrap .inner .class_list_area .prev_button {
  position: relative;
  width: 100%;
  height: 48px;
  background: #fff;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#mabinogim .game_info_class .detail_wrap .inner .class_list_area .prev_button::after, #mabinogim .info .detail_wrap .inner .class_list_area .prev_button::after, #mabinogim .container .detail_wrap .inner .class_list_area .prev_button::after {
  content: "";
  display: block;
  width: 12px;
  min-width: 12px;
  height: 9px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='9' fill='none'%3E%3Cpath stroke='%2317252F' stroke-linecap='round' stroke-width='3' d='M10 2 6 6 2 2'/%3E%3C/svg%3E");
  transform: rotate(180deg);
  transition: all 0.3s;
}
@media (hover: hover) and (min-width: 1281px) {
  #mabinogim .game_info_class .detail_wrap .inner .class_list_area .prev_button:hover::after, #mabinogim .info .detail_wrap .inner .class_list_area .prev_button:hover::after, #mabinogim .container .detail_wrap .inner .class_list_area .prev_button:hover::after {
    transform: rotate(180deg) translateY(2px);
  }
}
#mabinogim .game_info_class .detail_wrap .inner .class_list_area .free_scroll, #mabinogim .info .detail_wrap .inner .class_list_area .free_scroll, #mabinogim .container .detail_wrap .inner .class_list_area .free_scroll {
  margin: 20px 0;
  max-height: 505px;
  overflow: hidden;
}
#mabinogim .game_info_class .detail_wrap .inner .class_list_area .free_scroll ul li, #mabinogim .info .detail_wrap .inner .class_list_area .free_scroll ul li, #mabinogim .container .detail_wrap .inner .class_list_area .free_scroll ul li {
  font-family: "Paperlogy-7Bold";
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 80px;
  border-radius: 12px;
  background: #17252F;
  color: #FFF;
  font-size: 15px;
  line-height: 24px;
  font-weight: 700;
  margin-bottom: 5px;
  cursor: pointer;
  text-align: center;
}
#mabinogim .game_info_class .detail_wrap .inner .class_list_area .free_scroll ul li:last-child, #mabinogim .info .detail_wrap .inner .class_list_area .free_scroll ul li:last-child, #mabinogim .container .detail_wrap .inner .class_list_area .free_scroll ul li:last-child {
  margin-bottom: 0;
}
#mabinogim .game_info_class .detail_wrap .inner .class_list_area .free_scroll ul li.on, #mabinogim .info .detail_wrap .inner .class_list_area .free_scroll ul li.on, #mabinogim .container .detail_wrap .inner .class_list_area .free_scroll ul li.on {
  border: 3px solid #00B670;
  background: rgba(0, 182, 112, 0.7);
}
@media (hover: hover) and (min-width: 1281px) {
  #mabinogim .game_info_class .detail_wrap .inner .class_list_area .free_scroll ul li:hover, #mabinogim .info .detail_wrap .inner .class_list_area .free_scroll ul li:hover, #mabinogim .container .detail_wrap .inner .class_list_area .free_scroll ul li:hover {
    border: 3px solid #00B670;
    background: rgba(0, 182, 112, 0.7);
  }
}
#mabinogim .game_info_class .detail_wrap .inner .class_list_area .next_button, #mabinogim .info .detail_wrap .inner .class_list_area .next_button, #mabinogim .container .detail_wrap .inner .class_list_area .next_button {
  position: relative;
  width: 100%;
  height: 48px;
  background: #fff;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#mabinogim .game_info_class .detail_wrap .inner .class_list_area .next_button::after, #mabinogim .info .detail_wrap .inner .class_list_area .next_button::after, #mabinogim .container .detail_wrap .inner .class_list_area .next_button::after {
  content: "";
  display: block;
  width: 12px;
  min-width: 12px;
  height: 9px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='9' fill='none'%3E%3Cpath stroke='%2317252F' stroke-linecap='round' stroke-width='3' d='M10 2 6 6 2 2'/%3E%3C/svg%3E");
  transition: all 0.3s;
}
@media (hover: hover) and (min-width: 1281px) {
  #mabinogim .game_info_class .detail_wrap .inner .class_list_area .next_button:hover::after, #mabinogim .info .detail_wrap .inner .class_list_area .next_button:hover::after, #mabinogim .container .detail_wrap .inner .class_list_area .next_button:hover::after {
    transform: translateY(2px);
  }
}
#mabinogim .game_info_class .detail_wrap .inner .detail_layout, #mabinogim .info .detail_wrap .inner .detail_layout, #mabinogim .container .detail_wrap .inner .detail_layout {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin: auto 0;
}
#mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_info, #mabinogim .info .detail_wrap .inner .detail_layout .detail_info, #mabinogim .container .detail_wrap .inner .detail_layout .detail_info {
  opacity: 0;
  animation: fadeUp 1s forwards ease;
  z-index: 2;
  max-width: 680px;
}
#mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_info .line_flag, #mabinogim .info .detail_wrap .inner .detail_layout .detail_info .line_flag, #mabinogim .container .detail_wrap .inner .detail_layout .detail_info .line_flag {
  margin-bottom: 8px;
  display: flex;
  align-items: center;
}
#mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_info .line_flag .new_class, #mabinogim .info .detail_wrap .inner .detail_layout .detail_info .line_flag .new_class, #mabinogim .container .detail_wrap .inner .detail_layout .detail_info .line_flag .new_class {
  display: block;
  width: 43px;
  height: 25px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='43' height='25' fill='none'%3E%3Cg filter='url(%23a)'%3E%3Cmask id='b' width='31' height='13' x='6' y='6.5' fill='%23000' maskUnits='userSpaceOnUse'%3E%3Cpath fill='%23fff' d='M6 6.5h31v13H6z'/%3E%3Cpath d='M15.208 17.5h-2.099l-3.78-6.453V17.5H7.367V7.697h2.099l3.78 6.46v-6.46h1.962V17.5Zm8.965 0h-6.72V7.697h6.72V9.66h-4.758v1.962h3.22v1.962h-3.22v1.955h4.758V17.5Zm11.521-2.803c0 .406-.077.789-.232 1.149a2.92 2.92 0 0 1-2.707 1.79 2.95 2.95 0 0 1-1.053-.19 2.825 2.825 0 0 1-.902-.561 2.807 2.807 0 0 1-.91.56 2.95 2.95 0 0 1-1.052.192 2.95 2.95 0 0 1-1.149-.226 3.077 3.077 0 0 1-.936-.629 3.075 3.075 0 0 1-.629-.936 2.949 2.949 0 0 1-.226-1.149v-7h1.962v7c0 .137.026.267.076.39.05.118.118.223.205.314.09.087.196.155.314.205a.97.97 0 0 0 .383.076.971.971 0 0 0 .977-.985v-7h1.962v7c0 .137.025.267.076.39.05.118.118.223.205.314.09.087.196.155.314.205.119.05.246.076.383.076a.971.971 0 0 0 .902-.595.948.948 0 0 0 .082-.39v-7h1.955v7Z'/%3E%3C/mask%3E%3Cpath fill='%2300B771' d='M15.208 17.5h-2.099l-3.78-6.453V17.5H7.367V7.697h2.099l3.78 6.46v-6.46h1.962V17.5Zm8.965 0h-6.72V7.697h6.72V9.66h-4.758v1.962h3.22v1.962h-3.22v1.955h4.758V17.5Zm11.521-2.803c0 .406-.077.789-.232 1.149a2.92 2.92 0 0 1-2.707 1.79 2.95 2.95 0 0 1-1.053-.19 2.825 2.825 0 0 1-.902-.561 2.807 2.807 0 0 1-.91.56 2.95 2.95 0 0 1-1.052.192 2.95 2.95 0 0 1-1.149-.226 3.077 3.077 0 0 1-.936-.629 3.075 3.075 0 0 1-.629-.936 2.949 2.949 0 0 1-.226-1.149v-7h1.962v7c0 .137.026.267.076.39.05.118.118.223.205.314.09.087.196.155.314.205a.97.97 0 0 0 .383.076.971.971 0 0 0 .977-.985v-7h1.962v7c0 .137.025.267.076.39.05.118.118.223.205.314.09.087.196.155.314.205.119.05.246.076.383.076a.971.971 0 0 0 .902-.595.948.948 0 0 0 .082-.39v-7h1.955v7Z' shape-rendering='crispEdges'/%3E%3Cpath fill='%23000' fill-opacity='.1' d='M15.208 17.5v1h1v-1h-1Zm-2.099 0-.863.506.29.494h.573v-1Zm-3.78-6.453.863-.506-1.863-3.18v3.686h1Zm0 6.453v1h1v-1h-1Zm-1.962 0h-1v1h1v-1Zm0-9.803v-1h-1v1h1Zm2.099 0 .863-.505-.29-.495h-.573v1Zm3.78 6.46-.863.505 1.863 3.184v-3.689h-1Zm0-6.46v-1h-1v1h1Zm1.962 0h1v-1h-1v1Zm0 9.803v-1h-2.099v2h2.099v-1Zm-2.099 0 .863-.506-3.78-6.453-.863.506-.863.505 3.78 6.454.863-.506Zm-3.78-6.453h-1V17.5h2v-6.453h-1Zm0 6.453v-1H7.367v2H9.33v-1Zm-1.962 0h1V7.697h-2V17.5h1Zm0-9.803v1h2.099v-2H7.367v1Zm2.099 0-.863.505 3.78 6.46.863-.505.863-.505-3.78-6.46-.863.505Zm3.78 6.46h1v-6.46h-2v6.46h1Zm0-6.46v1h1.962v-2h-1.962v1Zm1.962 0h-1V17.5h2V7.697h-1Zm8.965 9.803v1h1v-1h-1Zm-6.72 0h-1v1h1v-1Zm0-9.803v-1h-1v1h1Zm6.72 0h1v-1h-1v1Zm0 1.962v1h1v-1h-1Zm-4.758 0v-1h-1v1h1Zm0 1.962h-1v1h1v-1Zm3.22 0h1v-1h-1v1Zm0 1.962v1h1v-1h-1Zm-3.22 0v-1h-1v1h1Zm0 1.955h-1v1h1v-1Zm4.758 0h1v-1h-1v1Zm0 1.962v-1h-6.72v2h6.72v-1Zm-6.72 0h1V7.697h-2V17.5h1Zm0-9.803v1h6.72v-2h-6.72v1Zm6.72 0h-1V9.66h2V7.697h-1Zm0 1.962v-1h-4.758v2h4.758v-1Zm-4.758 0h-1v1.962h2V9.66h-1Zm0 1.962v1h3.22v-2h-3.22v1Zm3.22 0h-1v1.962h2v-1.962h-1Zm0 1.962v-1h-3.22v2h3.22v-1Zm-3.22 0h-1v1.955h2v-1.955h-1Zm0 1.955v1h4.758v-2h-4.758v1Zm4.758 0h-1V17.5h2v-1.962h-1Zm11.289.308-.919-.396-.002.006.921.39Zm-.629.936.707.707-.707-.707Zm-.936.63.39.92.005-.002-.395-.919Zm-2.195.033-.358.934.004.002.354-.936Zm-.902-.56.675-.738-.675-.618-.675.618.675.738Zm-3.11.526-.4.917.007.003.007.003.386-.923Zm-.937-.629-.713.701.006.006.006.006.701-.713Zm-.629-.936-.923.385.003.007.003.007.917-.4Zm-.226-8.149v-1h-1v1h1Zm1.962 0h1v-1h-1v1Zm.076 7.39-.927.377.006.013.92-.39Zm.205.314-.725.69.017.018.019.017.689-.725Zm.314.205-.39.921.39-.92Zm1.073-.205-.707-.707.707.707Zm.212-.314.921.39.005-.013-.926-.377Zm.076-7.39v-1h-1v1h1Zm1.961 0h1v-1h-1v1Zm.076 7.39-.927.377.006.013.92-.39Zm.205.314-.725.69.017.018.019.017.689-.725Zm1.08.205.39.921-.39-.92Zm.307-.205.708.707-.708-.707Zm.212-.314-.913-.406-.004.008-.004.008.921.39Zm.082-7.39v-1h-1v1h1Zm1.955 0h1v-1h-1v1Zm0 7h-1c0 .275-.051.523-.15.753l.918.396.918.395c.211-.49.314-1.007.314-1.544h-1Zm-.232 1.149-.921-.39a1.92 1.92 0 0 1-.415.62l.707.706.707.707a3.92 3.92 0 0 0 .843-1.254l-.921-.39Zm-.629.936-.707-.707c-.17.17-.375.31-.625.418l.396.918.395.919c.47-.203.89-.482 1.248-.84l-.707-.708Zm-.936.63-.39-.922a1.9 1.9 0 0 1-.752.147v2c.532 0 1.046-.1 1.531-.305l-.39-.92Zm-1.142.225v-1a1.95 1.95 0 0 1-.699-.127l-.354.935-.354.936c.452.17.923.256 1.407.256v-1Zm-1.053-.192.358-.933a1.826 1.826 0 0 1-.585-.365l-.675.738-.675.737c.359.33.767.584 1.22.757l.357-.934Zm-.902-.56-.675-.738c-.177.162-.37.28-.588.363l.354.935.354.936a3.806 3.806 0 0 0 1.23-.759l-.675-.737Zm-.91.56-.353-.935a1.949 1.949 0 0 1-.699.127v2a3.95 3.95 0 0 0 1.407-.256l-.354-.936Zm-1.052.192v-1c-.279 0-.53-.051-.763-.149l-.386.923-.385.923a3.95 3.95 0 0 0 1.534.303v-1Zm-1.149-.226.4-.917a2.076 2.076 0 0 1-.635-.425l-.701.713-.701.713c.358.353.774.63 1.238.833l.4-.917Zm-.936-.629.713-.7a2.078 2.078 0 0 1-.425-.636l-.917.4-.917.4c.203.464.48.879.833 1.237l.713-.7Zm-.629-.936.923-.386a1.951 1.951 0 0 1-.149-.763h-2c0 .533.1 1.047.303 1.534l.923-.385Zm-.226-1.149h1v-7h-2v7h1Zm0-7v1h1.962v-2h-1.962v1Zm1.962 0h-1v7h2v-7h-1Zm0 7h-1c0 .263.05.52.15.767l.926-.377.926-.377v-.002c-.001 0-.002-.004-.002-.01h-1Zm.076.39-.921.39c.095.226.23.433.4.613l.726-.689.725-.688c-.002-.002-.005-.005-.01-.016l-.92.39Zm.205.314-.689.725c.18.172.387.306.613.401l.39-.92.39-.921c-.01-.005-.014-.008-.015-.01l-.69.725Zm.314.205-.39.921c.25.106.51.155.773.155v-2h-.006l.013.003-.39.921Zm.383.076v1c.262 0 .523-.05.772-.155l-.39-.92-.389-.921a.064.064 0 0 1 .012-.004h-.005v1Zm.383-.076.39.921c.23-.097.442-.236.624-.419l-.707-.707-.707-.707a.07.07 0 0 1 .01-.009c.004-.002.004-.001 0 0l.39.921Zm.307-.205.707.707c.183-.182.326-.394.426-.631l-.92-.39-.922-.39.002-.002c0-.001.001-.002 0 0l.707.706Zm.212-.314.926.377c.1-.246.15-.505.15-.767h-2a.053.053 0 0 1-.002.013l.926.377Zm.076-.39h1v-7h-2v7h1Zm0-7v1h1.961v-2h-1.962v1Zm1.961 0h-1v7h2v-7h-1Zm0 7h-1c0 .263.05.52.15.767l.926-.377.926-.377v-.002c-.001 0-.002-.004-.002-.01h-1Zm.076.39-.921.39c.096.226.23.433.4.613l.726-.689.725-.688c-.002-.002-.005-.005-.01-.016l-.92.39Zm.205.314-.69.725c.181.172.388.306.615.401l.39-.92.389-.921c-.01-.005-.014-.008-.016-.01l-.688.725Zm.314.205-.39.921c.25.106.51.155.773.155v-2h-.006l.013.003-.39.921Zm.383.076v1c.262 0 .523-.05.772-.155l-.39-.92-.389-.921a.064.064 0 0 1 .013-.004h-.006v1Zm.383-.076.39.921c.23-.097.442-.236.625-.419l-.708-.707-.707-.707a.075.075 0 0 1 .01-.009c.004-.002.004-.001 0 0l.39.921Zm.307-.205.708.707c.181-.182.325-.394.425-.631l-.92-.39-.922-.39.002-.002c0-.001.001-.002 0 0l.707.706Zm.212-.314.914.406a1.95 1.95 0 0 0 .168-.796h-2l.001-.006a.055.055 0 0 1 .003-.01l.914.406Zm.082-.39h1v-7h-2v7h1Zm0-7v1h1.955v-2H33.74v1Zm1.955 0h-1v7h2v-7h-1Z' mask='url(%23b)'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='a' width='42.327' height='23.939' x='.367' y='.697' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='3'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_15170_211160'/%3E%3CfeBlend in='SourceGraphic' in2='effect1_dropShadow_15170_211160' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
  background-size: 100% auto;
}
#mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_info .line_flag span, #mabinogim .info .detail_wrap .inner .detail_layout .detail_info .line_flag span, #mabinogim .container .detail_wrap .inner .detail_layout .detail_info .line_flag span {
  font-family: "Paperlogy-7Bold";
  display: block;
  color: #fff;
  padding: 8px 15px;
  border-radius: 20px;
  background: #192B34;
  color: #FFF;
  font-size: 14px;
  font-weight: 700;
  width: min-content;
  white-space: nowrap;
}
#mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_info .name, #mabinogim .info .detail_wrap .inner .detail_layout .detail_info .name, #mabinogim .container .detail_wrap .inner .detail_layout .detail_info .name {
  display: flex;
  align-items: center;
}
#mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_info .name span, #mabinogim .info .detail_wrap .inner .detail_layout .detail_info .name span, #mabinogim .container .detail_wrap .inner .detail_layout .detail_info .name span {
  font-family: "Paperlogy-7Bold";
  color: #FFF;
  font-size: 64px;
  font-weight: 700;
}
#mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_info .description, #mabinogim .info .detail_wrap .inner .detail_layout .detail_info .description, #mabinogim .container .detail_wrap .inner .detail_layout .detail_info .description {
  font-family: "Paperlogy-4Regular";
  margin-top: 25px;
  color: #FFF;
  font-size: 20px;
  line-height: 32px;
  word-break: keep-all;
}
#mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_info .vod, #mabinogim .info .detail_wrap .inner .detail_layout .detail_info .vod, #mabinogim .container .detail_wrap .inner .detail_layout .detail_info .vod {
  position: relative;
  margin-top: 40px;
  border-radius: 24px;
  background: #4C5860;
  padding: 12px;
  width: min-content;
  cursor: pointer;
}
#mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_info .vod .for_mobile_button, #mabinogim .info .detail_wrap .inner .detail_layout .detail_info .vod .for_mobile_button, #mabinogim .container .detail_wrap .inner .detail_layout .detail_info .vod .for_mobile_button {
  display: none;
}
#mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_info .vod video, #mabinogim .info .detail_wrap .inner .detail_layout .detail_info .vod video, #mabinogim .container .detail_wrap .inner .detail_layout .detail_info .vod video {
  width: 330px;
  height: 206px;
  object-fit: cover;
  border-radius: 16px;
}
#mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_info .vod[data-state=stop]::before, #mabinogim .info .detail_wrap .inner .detail_layout .detail_info .vod[data-state=stop]::before, #mabinogim .container .detail_wrap .inner .detail_layout .detail_info .vod[data-state=stop]::before {
  content: "";
  display: block;
  width: 330px;
  height: 206px;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 12px;
  left: 12px;
  border-radius: 16px;
}
#mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_info .vod[data-state=stop]::after, #mabinogim .info .detail_wrap .inner .detail_layout .detail_info .vod[data-state=stop]::after, #mabinogim .container .detail_wrap .inner .detail_layout .detail_info .vod[data-state=stop]::after {
  content: "";
  width: 50px;
  height: 50px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' fill='none'%3E%3Cpath fill='%23fff' d='M35.067 22.402c2 1.155 2 4.041 0 5.196l-12.85 7.419c-2 1.155-4.5-.289-4.5-2.598V17.581c0-2.31 2.5-3.753 4.5-2.598l12.85 7.419Z'/%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M36.883 44.696A22.893 22.893 0 0 1 25 48C12.297 48 2 37.703 2 25A22.937 22.937 0 0 1 9.283 8.207L5.45 3.917M44.933 45.7 41.1 41.425A22.93 22.93 0 0 0 48 25C48 12.297 37.703 2 25 2c-4.19 0-8.117 1.12-11.5 3.077'/%3E%3C/svg%3E") no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_line, #mabinogim .info .detail_wrap .inner .detail_layout .detail_line, #mabinogim .container .detail_wrap .inner .detail_layout .detail_line {
  position: relative;
  transition: all 0.3s;
  z-index: 2;
  align-self: flex-end;
  margin-left: 10px;
  margin-bottom: -100px;
}
#mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_line .line_list, #mabinogim .info .detail_wrap .inner .detail_layout .detail_line .line_list, #mabinogim .container .detail_wrap .inner .detail_layout .detail_line .line_list {
  position: relative;
  display: flex;
  animation: fadeInLeft 1s 0.5s forwards ease;
  opacity: 0;
}
#mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_line .line_list .line_start, #mabinogim .info .detail_wrap .inner .detail_layout .detail_line .line_list .line_start, #mabinogim .container .detail_wrap .inner .detail_layout .detail_line .line_list .line_start {
  width: 107px;
  margin-right: 5px;
}
#mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_line .line_list .line_item, #mabinogim .info .detail_wrap .inner .detail_layout .detail_line .line_list .line_item, #mabinogim .container .detail_wrap .inner .detail_layout .detail_line .line_list .line_item {
  min-width: min-content;
  overflow: hidden;
  background: #263844;
  cursor: pointer;
  border-right: 1px solid #1C2931;
}
#mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_line .line_list .line_item.on, #mabinogim .info .detail_wrap .inner .detail_layout .detail_line .line_list .line_item.on, #mabinogim .container .detail_wrap .inner .detail_layout .detail_line .line_list .line_item.on {
  background: #04495E;
}
@media (hover: hover) and (min-width: 1281px) {
  #mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_line .line_list .line_item:hover, #mabinogim .info .detail_wrap .inner .detail_layout .detail_line .line_list .line_item:hover, #mabinogim .container .detail_wrap .inner .detail_layout .detail_line .line_list .line_item:hover {
    background: #04495E;
  }
}
#mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_line .line_list .line_item.line_1, #mabinogim .info .detail_wrap .inner .detail_layout .detail_line .line_list .line_item.line_1, #mabinogim .container .detail_wrap .inner .detail_layout .detail_line .line_list .line_item.line_1 {
  border-radius: 12px 12px 0 0;
  border-right: none;
}
#mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_line .line_list .line_item:last-child, #mabinogim .info .detail_wrap .inner .detail_layout .detail_line .line_list .line_item:last-child, #mabinogim .container .detail_wrap .inner .detail_layout .detail_line .line_list .line_item:last-child {
  border-right: none;
}
#mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_line .line_list .line_item .title, #mabinogim .info .detail_wrap .inner .detail_layout .detail_line .line_list .line_item .title, #mabinogim .container .detail_wrap .inner .detail_layout .detail_line .line_list .line_item .title {
  width: 107px;
  height: 206px;
  position: relative;
  overflow: hidden;
}
#mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_line .line_list .line_item .title .name, #mabinogim .info .detail_wrap .inner .detail_layout .detail_line .line_list .line_item .title .name, #mabinogim .container .detail_wrap .inner .detail_layout .detail_line .line_list .line_item .title .name {
  font-family: "Paperlogy-7Bold";
  color: #fff;
  font-size: 12px;
  line-height: 160%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100%;
  height: 78px;
  margin: 6px auto 0;
  padding: 0 8px;
}
#mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_line .line_list .line_item .title .name::before, #mabinogim .info .detail_wrap .inner .detail_layout .detail_line .line_list .line_item .title .name::before, #mabinogim .container .detail_wrap .inner .detail_layout .detail_line .line_list .line_item .title .name::before {
  content: "";
  display: block;
  width: 78px;
  height: 78px;
  position: absolute;
  background-size: 100% auto;
  opacity: 0.1;
}
#mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_line .line_list .line_item .title .name.new_class::after, #mabinogim .info .detail_wrap .inner .detail_layout .detail_line .line_list .line_item .title .name.new_class::after, #mabinogim .container .detail_wrap .inner .detail_layout .detail_line .line_list .line_item .title .name.new_class::after {
  position: absolute;
  top: -26px;
  content: "";
  display: block;
  width: 43px;
  height: 21px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='43' height='21' fill='none'%3E%3Crect width='42' height='20' x='.5' y='.5' fill='%2301171E' fill-opacity='.6' rx='10'/%3E%3Cpath fill='%2300B771' d='M17.006 14.5h-1.5l-2.7-4.61v4.61h-1.4V7.498h1.498l2.7 4.614V7.498h1.402V14.5Zm6.403 0h-4.8V7.498h4.8V8.9h-3.398v1.402h2.3v1.401h-2.3V13.1h3.398V14.5Zm8.23-2.002c0 .29-.055.563-.166.82a2.087 2.087 0 0 1-1.934 1.28c-.26 0-.51-.046-.752-.137a2.017 2.017 0 0 1-.644-.4c-.192.175-.409.309-.65.4-.24.091-.491.137-.752.137-.29 0-.563-.054-.82-.162a2.198 2.198 0 0 1-.669-.449 2.198 2.198 0 0 1-.45-.669 2.107 2.107 0 0 1-.16-.82v-5h1.401v5a.731.731 0 0 0 .2.503c.066.062.14.11.225.147a.694.694 0 0 0 .273.053.694.694 0 0 0 .699-.703v-5h1.401v5a.731.731 0 0 0 .2.503c.065.062.14.11.225.147a.695.695 0 0 0 .273.053.694.694 0 0 0 .645-.425.677.677 0 0 0 .058-.278v-5h1.397v5Z'/%3E%3C/svg%3E");
  background-size: 100% auto;
}
#mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_line .line_list .line_item .title .thumbnail, #mabinogim .info .detail_wrap .inner .detail_layout .detail_line .line_list .line_item .title .thumbnail, #mabinogim .container .detail_wrap .inner .detail_layout .detail_line .line_list .line_item .title .thumbnail {
  position: absolute;
  background-size: 100% auto;
}
#mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_line .line_list .tag, #mabinogim .info .detail_wrap .inner .detail_layout .detail_line .line_list .tag, #mabinogim .container .detail_wrap .inner .detail_layout .detail_line .line_list .tag {
  background: #1C2931;
  width: 100%;
  height: 24px;
  display: flex;
  align-items: center;
  border-radius: 0 0 12px 12px;
}
#mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_line .line_list .tag span, #mabinogim .info .detail_wrap .inner .detail_layout .detail_line .line_list .tag span, #mabinogim .container .detail_wrap .inner .detail_layout .detail_line .line_list .tag span {
  font-family: "Paperlogy-5Medium";
  color: #FFF;
  font-size: 11px;
  font-weight: 500;
  padding-left: 16px;
}
#mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_line .line_list .line_expert_swiper, #mabinogim .info .detail_wrap .inner .detail_layout .detail_line .line_list .line_expert_swiper, #mabinogim .container .detail_wrap .inner .detail_layout .detail_line .line_list .line_expert_swiper {
  position: relative;
  border-radius: 12px;
  background: #263844;
}
#mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_line .line_list .line_expert_swiper ul, #mabinogim .info .detail_wrap .inner .detail_layout .detail_line .line_list .line_expert_swiper ul, #mabinogim .container .detail_wrap .inner .detail_layout .detail_line .line_list .line_expert_swiper ul {
  height: auto;
  max-width: 324px;
}
#mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_line .line_list .line_expert_swiper .tag span, #mabinogim .info .detail_wrap .inner .detail_layout .detail_line .line_list .line_expert_swiper .tag span, #mabinogim .container .detail_wrap .inner .detail_layout .detail_line .line_list .line_expert_swiper .tag span {
  color: #A1B7C7;
}
#mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_line .line_list .pager, #mabinogim .info .detail_wrap .inner .detail_layout .detail_line .line_list .pager, #mabinogim .container .detail_wrap .inner .detail_layout .detail_line .line_list .pager {
  position: absolute;
  width: 98%;
  display: flex;
  justify-content: flex-end;
  bottom: -14px;
  right: 0;
  z-index: 12;
  height: 30px;
}
#mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_line .line_list .pager .swiper-pagination-bullet, #mabinogim .info .detail_wrap .inner .detail_layout .detail_line .line_list .pager .swiper-pagination-bullet, #mabinogim .container .detail_wrap .inner .detail_layout .detail_line .line_list .pager .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  background: #aaa;
  border-radius: 50%;
  opacity: 1;
}
#mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_line .line_list .pager .swiper-pagination-bullet:last-child, #mabinogim .info .detail_wrap .inner .detail_layout .detail_line .line_list .pager .swiper-pagination-bullet:last-child, #mabinogim .container .detail_wrap .inner .detail_layout .detail_line .line_list .pager .swiper-pagination-bullet:last-child {
  margin-right: 0;
}
#mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_line .line_list .pager .swiper-pagination-bullet-active, #mabinogim .info .detail_wrap .inner .detail_layout .detail_line .line_list .pager .swiper-pagination-bullet-active, #mabinogim .container .detail_wrap .inner .detail_layout .detail_line .line_list .pager .swiper-pagination-bullet-active {
  width: 25px;
  height: 8px;
  background: #2BAF7E;
  border-radius: 4px;
}
#mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=warrior] .line_1 .title .name::before, #mabinogim .info .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=warrior] .line_1 .title .name::before, #mabinogim .container .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=warrior] .line_1 .title .name::before {
  background-image: url(https://lwi.nexon.com/m_mabinogim/brand/info/class/warrior_icon_1_65811EBD4BEC0285.png);
}
#mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=warrior] .line_1 .title .thumbnail, #mabinogim .info .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=warrior] .line_1 .title .thumbnail, #mabinogim .container .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=warrior] .line_1 .title .thumbnail {
  top: 70px;
  left: -40px;
  width: 245px;
  height: 271px;
  background-image: url(https://lwi.nexon.com/m_mabinogim/brand/info/class/warrior_line_1_06066EE99E761EFA.png);
}
#mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=warrior] .line_2 .title .name::before, #mabinogim .info .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=warrior] .line_2 .title .name::before, #mabinogim .container .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=warrior] .line_2 .title .name::before {
  background-image: url(https://lwi.nexon.com/m_mabinogim/brand/info/class/warrior_icon_2_82FBE98DCDF420BB.png);
}
#mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=warrior] .line_2 .title .thumbnail, #mabinogim .info .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=warrior] .line_2 .title .thumbnail, #mabinogim .container .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=warrior] .line_2 .title .thumbnail {
  top: 62px;
  left: -126px;
  width: 296px;
  height: 364px;
  background-image: url(https://lwi.nexon.com/m_mabinogim/brand/info/class/warrior_line_2_37B2D3A04C09CC2F.png);
}
#mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=warrior] .line_3 .title .name::before, #mabinogim .info .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=warrior] .line_3 .title .name::before, #mabinogim .container .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=warrior] .line_3 .title .name::before {
  background-image: url(https://lwi.nexon.com/m_mabinogim/brand/info/class/warrior_icon_3_753F0A05E1F5E2F8.png);
}
#mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=warrior] .line_3 .title .thumbnail, #mabinogim .info .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=warrior] .line_3 .title .thumbnail, #mabinogim .container .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=warrior] .line_3 .title .thumbnail {
  top: 52px;
  left: -82px;
  width: 322px;
  height: 365px;
  background-image: url(https://lwi.nexon.com/m_mabinogim/brand/info/class/warrior_line_3_68958D98B3DDC1BF.png);
}
#mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=warrior] .line_4 .title .name::before, #mabinogim .info .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=warrior] .line_4 .title .name::before, #mabinogim .container .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=warrior] .line_4 .title .name::before {
  background-image: url(https://lwi.nexon.com/m_mabinogim/brand/info/class/warrior_icon_4_C1812DE239AB0EC8.png);
}
#mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=warrior] .line_4 .title .thumbnail, #mabinogim .info .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=warrior] .line_4 .title .thumbnail, #mabinogim .container .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=warrior] .line_4 .title .thumbnail {
  position: absolute;
  top: 36px;
  left: -62px;
  width: 308px;
  height: 373px;
  background-image: url(https://lwi.nexon.com/m_mabinogim/brand/info/class/warrior_line_4_5F017124236C03D6.png);
}
#mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=archer] .line_1 .title .name::before, #mabinogim .info .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=archer] .line_1 .title .name::before, #mabinogim .container .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=archer] .line_1 .title .name::before {
  background-image: url(https://lwi.nexon.com/m_mabinogim/brand/info/class/archer_icon_1_6C95C482C969A5DA.png);
}
#mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=archer] .line_1 .title .thumbnail, #mabinogim .info .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=archer] .line_1 .title .thumbnail, #mabinogim .container .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=archer] .line_1 .title .thumbnail {
  position: absolute;
  top: 16px;
  left: -28px;
  width: 219px;
  height: 428px;
  background-image: url(https://lwi.nexon.com/m_mabinogim/brand/info/class/archer_line_1_91D9F178871DF33E.png);
}
#mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=archer] .line_2 .title .name::before, #mabinogim .info .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=archer] .line_2 .title .name::before, #mabinogim .container .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=archer] .line_2 .title .name::before {
  background-image: url(https://lwi.nexon.com/m_mabinogim/brand/info/class/archer_icon_2_A336FF08A4F57E5A.png);
}
#mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=archer] .line_2 .title .thumbnail, #mabinogim .info .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=archer] .line_2 .title .thumbnail, #mabinogim .container .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=archer] .line_2 .title .thumbnail {
  position: absolute;
  top: 36px;
  left: -40px;
  width: 186px;
  height: 415px;
  background-image: url(https://lwi.nexon.com/m_mabinogim/brand/info/class/archer_line_2_946AEAF0A67A9596.png);
}
#mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=archer] .line_3 .title .name::before, #mabinogim .info .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=archer] .line_3 .title .name::before, #mabinogim .container .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=archer] .line_3 .title .name::before {
  background-image: url(https://lwi.nexon.com/m_mabinogim/brand/info/class/archer_icon_3_3406C778F7F364AF.png);
}
#mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=archer] .line_3 .title .thumbnail, #mabinogim .info .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=archer] .line_3 .title .thumbnail, #mabinogim .container .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=archer] .line_3 .title .thumbnail {
  top: 8px;
  left: -76px;
  width: 244px;
  height: 386px;
  background-image: url(https://lwi.nexon.com/m_mabinogim/brand/info/class/archer_line_3_1C943631C2AC78C3.png);
}
#mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=archer] .line_4 .title .name::before, #mabinogim .info .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=archer] .line_4 .title .name::before, #mabinogim .container .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=archer] .line_4 .title .name::before {
  background-image: url(https://lwi.nexon.com/m_mabinogim/brand/info/class/archer_icon_4_D99A386A246CC076.png);
}
#mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=archer] .line_4 .title .thumbnail, #mabinogim .info .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=archer] .line_4 .title .thumbnail, #mabinogim .container .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=archer] .line_4 .title .thumbnail {
  top: 52px;
  left: -146px;
  width: 393px;
  height: 388px;
  background-image: url(https://lwi.nexon.com/m_mabinogim/brand/info/class/archer_line_4_87DDBBCFAFAB46A2.png);
}
#mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=mage] .line_1 .title .name::before, #mabinogim .info .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=mage] .line_1 .title .name::before, #mabinogim .container .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=mage] .line_1 .title .name::before {
  background-image: url(https://lwi.nexon.com/m_mabinogim/brand/info/class/mage_icon_1_3399B9475E5FD2BA.png);
}
#mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=mage] .line_1 .title .thumbnail, #mabinogim .info .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=mage] .line_1 .title .thumbnail, #mabinogim .container .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=mage] .line_1 .title .thumbnail {
  top: 54px;
  left: -38px;
  width: 198px;
  height: 183px;
  background-image: url(https://lwi.nexon.com/m_mabinogim/brand/info/class/mage_line_1_ABCF78594DE826C6.png);
}
#mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=mage] .line_2 .title .name::before, #mabinogim .info .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=mage] .line_2 .title .name::before, #mabinogim .container .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=mage] .line_2 .title .name::before {
  background-image: url(https://lwi.nexon.com/m_mabinogim/brand/info/class/mage_icon_2_8A3C50B41D1A1A9E.png);
}
#mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=mage] .line_2 .title .thumbnail, #mabinogim .info .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=mage] .line_2 .title .thumbnail, #mabinogim .container .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=mage] .line_2 .title .thumbnail {
  top: 64px;
  left: -18px;
  width: 171px;
  height: 407px;
  background-image: url(https://lwi.nexon.com/m_mabinogim/brand/info/class/mage_line_2_3B83737BEFFE2F1E.png);
}
#mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=mage] .line_3 .title .name::before, #mabinogim .info .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=mage] .line_3 .title .name::before, #mabinogim .container .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=mage] .line_3 .title .name::before {
  background-image: url(https://lwi.nexon.com/m_mabinogim/brand/info/class/mage_icon_3_A721D69252722705.png);
}
#mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=mage] .line_3 .title .thumbnail, #mabinogim .info .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=mage] .line_3 .title .thumbnail, #mabinogim .container .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=mage] .line_3 .title .thumbnail {
  top: 44px;
  left: -30px;
  width: 168px;
  height: 448px;
  background-image: url(https://lwi.nexon.com/m_mabinogim/brand/info/class/mage_line_3_8B52C51AC86C7FF4.png);
}
#mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=mage] .line_4 .title .name::before, #mabinogim .info .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=mage] .line_4 .title .name::before, #mabinogim .container .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=mage] .line_4 .title .name::before {
  background-image: url(https://lwi.nexon.com/m_mabinogim/brand/info/class/mage_icon_4_A4B1DBBE4891A929.png);
}
#mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=mage] .line_4 .title .thumbnail, #mabinogim .info .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=mage] .line_4 .title .thumbnail, #mabinogim .container .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=mage] .line_4 .title .thumbnail {
  top: 34px;
  left: -46px;
  width: 213px;
  height: 473px;
  background-image: url(https://lwi.nexon.com/m_mabinogim/brand/info/class/mage_line_4_1407F0E540914B42.png);
}
#mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=healer] .line_1 .title .name::before, #mabinogim .info .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=healer] .line_1 .title .name::before, #mabinogim .container .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=healer] .line_1 .title .name::before {
  background-image: url(https://lwi.nexon.com/m_mabinogim/brand/info/class/healer_icon_1_697BB71C01BA77C7.png);
}
#mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=healer] .line_1 .title .thumbnail, #mabinogim .info .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=healer] .line_1 .title .thumbnail, #mabinogim .container .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=healer] .line_1 .title .thumbnail {
  top: 52px;
  left: -42px;
  width: 212px;
  height: 427px;
  background-image: url(https://lwi.nexon.com/m_mabinogim/brand/info/class/healer_line_1_CAA08532FD6A5564.png);
}
#mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=healer] .line_2 .title .name::before, #mabinogim .info .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=healer] .line_2 .title .name::before, #mabinogim .container .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=healer] .line_2 .title .name::before {
  background-image: url(https://lwi.nexon.com/m_mabinogim/brand/info/class/healer_icon_2_15972371DB794119.png);
}
#mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=healer] .line_2 .title .thumbnail, #mabinogim .info .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=healer] .line_2 .title .thumbnail, #mabinogim .container .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=healer] .line_2 .title .thumbnail {
  top: 34px;
  left: -28px;
  width: 162px;
  height: 461px;
  background-image: url(https://lwi.nexon.com/m_mabinogim/brand/info/class/healer_line_2_F36BCFDF34ADEF01.png);
}
#mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=healer] .line_3 .title .name::before, #mabinogim .info .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=healer] .line_3 .title .name::before, #mabinogim .container .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=healer] .line_3 .title .name::before {
  background-image: url(https://lwi.nexon.com/m_mabinogim/brand/info/class/healer_icon_3_5F6E5C85FD70A719.png);
}
#mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=healer] .line_3 .title .thumbnail, #mabinogim .info .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=healer] .line_3 .title .thumbnail, #mabinogim .container .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=healer] .line_3 .title .thumbnail {
  top: 54px;
  left: -196px;
  width: 474px;
  height: 422px;
  background-image: url(https://lwi.nexon.com/m_mabinogim/brand/info/class/healer_line_3_2D469FC76BCE4EA2.png);
}
#mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=healer] .line_4 .title .name::before, #mabinogim .info .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=healer] .line_4 .title .name::before, #mabinogim .container .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=healer] .line_4 .title .name::before {
  background-image: url(https://lwi.nexon.com/m_mabinogim/brand/info/class/healer_icon_4_D9E416836A696233.png);
}
#mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=healer] .line_4 .title .thumbnail, #mabinogim .info .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=healer] .line_4 .title .thumbnail, #mabinogim .container .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=healer] .line_4 .title .thumbnail {
  top: 42px;
  left: -62px;
  width: 365px;
  height: 379px;
  background-image: url(https://lwi.nexon.com/m_mabinogim/brand/info/class/healer_line_4_937ABDCBE7D1B193.png);
}
#mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=bard] .line_1 .title .name::before, #mabinogim .info .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=bard] .line_1 .title .name::before, #mabinogim .container .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=bard] .line_1 .title .name::before {
  background-image: url(https://lwi.nexon.com/m_mabinogim/brand/info/class/bard_icon_1_410D309C3257989E.png);
}
#mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=bard] .line_1 .title .thumbnail, #mabinogim .info .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=bard] .line_1 .title .thumbnail, #mabinogim .container .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=bard] .line_1 .title .thumbnail {
  top: 54px;
  left: -74px;
  width: 351px;
  height: 312px;
  background-image: url(https://lwi.nexon.com/m_mabinogim/brand/info/class/bard_line_1_665D3DD481B4F2B1.png);
}
#mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=bard] .line_2 .title .name::before, #mabinogim .info .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=bard] .line_2 .title .name::before, #mabinogim .container .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=bard] .line_2 .title .name::before {
  background-image: url(https://lwi.nexon.com/m_mabinogim/brand/info/class/bard_icon_2_AD3BA497BA26AFE8.png);
}
#mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=bard] .line_2 .title .thumbnail, #mabinogim .info .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=bard] .line_2 .title .thumbnail, #mabinogim .container .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=bard] .line_2 .title .thumbnail {
  top: 52px;
  left: -44px;
  width: 227px;
  height: 447px;
  background-image: url(https://lwi.nexon.com/m_mabinogim/brand/info/class/bard_line_2_9BC13B02244F2CCE.png);
}
#mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=bard] .line_3 .title .name::before, #mabinogim .info .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=bard] .line_3 .title .name::before, #mabinogim .container .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=bard] .line_3 .title .name::before {
  background-image: url(https://lwi.nexon.com/m_mabinogim/brand/info/class/bard_icon_3_C866D0245C7D57D4.png);
}
#mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=bard] .line_3 .title .thumbnail, #mabinogim .info .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=bard] .line_3 .title .thumbnail, #mabinogim .container .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=bard] .line_3 .title .thumbnail {
  top: -48px;
  left: -108px;
  width: 266px;
  height: 666px;
  background-image: url(https://lwi.nexon.com/m_mabinogim/brand/info/class/bard_line_3_292F7849A4CD3D6D.png);
}
#mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=bard] .line_4 .title .name::before, #mabinogim .info .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=bard] .line_4 .title .name::before, #mabinogim .container .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=bard] .line_4 .title .name::before {
  background-image: url(https://lwi.nexon.com/m_mabinogim/brand/info/class/bard_icon_4_A3E490DA005190F0.png);
}
#mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=bard] .line_4 .title .thumbnail, #mabinogim .info .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=bard] .line_4 .title .thumbnail, #mabinogim .container .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=bard] .line_4 .title .thumbnail {
  top: 38px;
  left: -42px;
  width: 162px;
  height: 439px;
  background-image: url(https://lwi.nexon.com/m_mabinogim/brand/info/class/bard_line_4_EE862F9C6C2F489E.png);
}
#mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=thief] .line_1 .title .name::before, #mabinogim .info .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=thief] .line_1 .title .name::before, #mabinogim .container .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=thief] .line_1 .title .name::before {
  background-image: url(https://lwi.nexon.com/m_mabinogim/brand/info/class/thief_icon_1_A8450BD19314134E.png);
}
#mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=thief] .line_1 .title .thumbnail, #mabinogim .info .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=thief] .line_1 .title .thumbnail, #mabinogim .container .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=thief] .line_1 .title .thumbnail {
  top: 76px;
  left: -58px;
  width: 210px;
  height: 358px;
  background-image: url(https://lwi.nexon.com/m_mabinogim/brand/info/class/thief_line_1_329BACBB215B9685.png);
}
#mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=thief] .line_2 .title .name::before, #mabinogim .info .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=thief] .line_2 .title .name::before, #mabinogim .container .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=thief] .line_2 .title .name::before {
  background-image: url(https://lwi.nexon.com/m_mabinogim/brand/info/class/thief_icon_2_A8450BD19314134E.png);
}
#mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=thief] .line_2 .title .thumbnail, #mabinogim .info .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=thief] .line_2 .title .thumbnail, #mabinogim .container .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=thief] .line_2 .title .thumbnail {
  top: 72px;
  left: -72px;
  width: 187px;
  height: 285px;
  background-image: url(https://lwi.nexon.com/m_mabinogim/brand/info/class/thief_line_2_329BACBB215B9685.png);
}
#mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=thief] .line_3 .title .name::before, #mabinogim .info .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=thief] .line_3 .title .name::before, #mabinogim .container .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=thief] .line_3 .title .name::before {
  background-image: url(https://lwi.nexon.com/m_mabinogim/brand/info/class/thief_icon_3_A8450BD19314134E.png);
}
#mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=thief] .line_3 .title .thumbnail, #mabinogim .info .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=thief] .line_3 .title .thumbnail, #mabinogim .container .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=thief] .line_3 .title .thumbnail {
  top: 20px;
  left: -96px;
  width: 303px;
  height: 403px;
  background-image: url(https://lwi.nexon.com/m_mabinogim/brand/info/class/thief_line_3_329BACBB215B9685.png);
}
#mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=thief] .line_4 .title .name::before, #mabinogim .info .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=thief] .line_4 .title .name::before, #mabinogim .container .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=thief] .line_4 .title .name::before {
  background-image: url(https://lwi.nexon.com/m_mabinogim/brand/info/class/thief_icon_4_A8450BD19314134E.png);
}
#mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=thief] .line_4 .title .thumbnail, #mabinogim .info .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=thief] .line_4 .title .thumbnail, #mabinogim .container .detail_wrap .inner .detail_layout .detail_line .line_list[data-line=thief] .line_4 .title .thumbnail {
  top: 55px;
  left: -66px;
  width: 195px;
  height: 425px;
  background-image: url(https://lwi.nexon.com/m_mabinogim/brand/info/class/thief_line_4_329BACBB215B9685.png);
}
#mabinogim .game_info_class .detail_wrap .inner .detail_layout .background, #mabinogim .info .detail_wrap .inner .detail_layout .background, #mabinogim .container .detail_wrap .inner .detail_layout .background {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  z-index: 1;
  overflow: hidden;
}
#mabinogim .game_info_class .detail_wrap .inner .detail_layout .background .video_area, #mabinogim .info .detail_wrap .inner .detail_layout .background .video_area, #mabinogim .container .detail_wrap .inner .detail_layout .background .video_area {
  width: 100%;
  height: 100%;
  animation: fadeIn 1s forwards ease;
}
#mabinogim .game_info_class .detail_wrap .inner .detail_layout .background .video_area::before, #mabinogim .info .detail_wrap .inner .detail_layout .background .video_area::before, #mabinogim .container .detail_wrap .inner .detail_layout .background .video_area::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  background: linear-gradient(90deg, rgba(38, 38, 38, 0.85) 0.1%, rgba(38, 38, 38, 0.74) 30.2%, rgba(38, 38, 38, 0) 52.66%);
}
#mabinogim .game_info_class .detail_wrap .inner .detail_layout .background .video_area video, #mabinogim .info .detail_wrap .inner .detail_layout .background .video_area video, #mabinogim .container .detail_wrap .inner .detail_layout .background .video_area video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#mabinogim .game_info_class .detail_wrap .inner .detail_layout .background .video_area video[data-type=pc], #mabinogim .info .detail_wrap .inner .detail_layout .background .video_area video[data-type=pc], #mabinogim .container .detail_wrap .inner .detail_layout .background .video_area video[data-type=pc] {
  display: block;
}
#mabinogim .game_info_class .detail_wrap .inner .detail_layout .background .video_area video[data-type=mobile], #mabinogim .info .detail_wrap .inner .detail_layout .background .video_area video[data-type=mobile], #mabinogim .container .detail_wrap .inner .detail_layout .background .video_area video[data-type=mobile] {
  display: none;
}
#mabinogim .game_info_class .detail_wrap .inner .detail_layout .back_button, #mabinogim .info .detail_wrap .inner .detail_layout .back_button, #mabinogim .container .detail_wrap .inner .detail_layout .back_button {
  font-family: "Paperlogy-7Bold";
  position: absolute;
  right: 0;
  top: 48px;
  padding: 10px 20px;
  border-radius: 12px 0px 0px 12px;
  background: #FFF;
  color: #5E5F66;
  font-size: 17px;
  font-weight: 700;
  display: flex;
  align-items: center;
  z-index: 3;
  transition: all 0.3s;
  animation: fadeInLeft 1s 0.5s forwards ease;
  opacity: 0;
}
#mabinogim .game_info_class .detail_wrap .inner .detail_layout .back_button::before, #mabinogim .info .detail_wrap .inner .detail_layout .back_button::before, #mabinogim .container .detail_wrap .inner .detail_layout .back_button::before {
  display: block;
  content: "";
  min-width: 16px;
  width: 16px;
  height: 17px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' fill='none'%3E%3Cpath fill='%235E5F66' d='M13.953 9.833a4.668 4.668 0 0 1-4.62 4H3.667V12.5h5.666a3.333 3.333 0 1 0 0-6.667H4.61L6.276 7.5l-.943.943-3.276-3.276L5.333 1.89l.943.942L4.609 4.5h4.724A4.667 4.667 0 0 1 14 9.167v.666h-.047Z'/%3E%3C/svg%3E");
  margin-right: 8px;
}
@media (hover: hover) and (min-width: 1281px) {
  #mabinogim .game_info_class .detail_wrap .inner .detail_layout .back_button:hover, #mabinogim .info .detail_wrap .inner .detail_layout .back_button:hover, #mabinogim .container .detail_wrap .inner .detail_layout .back_button:hover {
    padding: 10px 40px 10px 20px;
  }
}
#mabinogim .game_info_class .detail_wrap .inner .detail_layout .skill_component_mobile, #mabinogim .info .detail_wrap .inner .detail_layout .skill_component_mobile, #mabinogim .container .detail_wrap .inner .detail_layout .skill_component_mobile {
  display: none;
}

@media screen and (max-width: 1920px), screen and (max-height: 1080px) {
  #mabinogim {
    overflow: hidden;
  }
  #mabinogim .game_info_class, #mabinogim .info, #mabinogim .container {
    position: relative;
    background: url(https://lwi.nexon.com/m_mabinogim/brand/info/class/bg.png);
    background-size: cover;
    background-position: center top;
  }
  #mabinogim .game_info_class .intro_wrap .inner, #mabinogim .info .intro_wrap .inner, #mabinogim .container .intro_wrap .inner {
    min-height: 672px;
  }
  #mabinogim .game_info_class .intro_wrap .inner .class_list, #mabinogim .info .intro_wrap .inner .class_list, #mabinogim .container .intro_wrap .inner .class_list {
    margin-top: 34px;
  }
  #mabinogim .game_info_class .intro_wrap .inner .class_list ul li, #mabinogim .info .intro_wrap .inner .class_list ul li, #mabinogim .container .intro_wrap .inner .class_list ul li {
    position: relative;
  }
  #mabinogim .game_info_class .intro_wrap .inner .class_list ul li .list_inner, #mabinogim .info .intro_wrap .inner .class_list ul li .list_inner, #mabinogim .container .intro_wrap .inner .class_list ul li .list_inner {
    width: 225px;
    height: 510px;
  }
  #mabinogim .game_info_class .intro_wrap .inner .class_list ul li .list_inner .class_card .card_title h2, #mabinogim .info .intro_wrap .inner .class_list ul li .list_inner .class_card .card_title h2, #mabinogim .container .intro_wrap .inner .class_list ul li .list_inner .class_card .card_title h2 {
    font-size: 27px;
  }
}
@media screen and (max-width: 1920px) and (hover: hover) and (min-width: 1281px), screen and (max-height: 1080px) and (hover: hover) and (min-width: 1281px) {
  #mabinogim .game_info_class .intro_wrap .inner .class_list ul li:hover .list_inner .class_card, #mabinogim .info .intro_wrap .inner .class_list ul li:hover .list_inner .class_card, #mabinogim .container .intro_wrap .inner .class_list ul li:hover .list_inner .class_card {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
  }
  #mabinogim .game_info_class .intro_wrap .inner .class_list ul li:hover .list_inner .class_card .card_title, #mabinogim .info .intro_wrap .inner .class_list ul li:hover .list_inner .class_card .card_title, #mabinogim .container .intro_wrap .inner .class_list ul li:hover .list_inner .class_card .card_title {
    padding-top: 60px;
  }
}
@media screen and (max-width: 1920px), screen and (max-height: 1080px) {
  #mabinogim .game_info_class .intro_wrap .inner .class_list ul li[data-line=warrior] .list_inner .class_card .class_line .class_line_1, #mabinogim .info .intro_wrap .inner .class_list ul li[data-line=warrior] .list_inner .class_card .class_line .class_line_1, #mabinogim .container .intro_wrap .inner .class_list ul li[data-line=warrior] .list_inner .class_card .class_line .class_line_1 {
    position: absolute;
    left: -286px;
    top: 126px;
    background-size: 80% auto;
    transition: all 0.4s;
  }
  #mabinogim .game_info_class .intro_wrap .inner .class_list ul li[data-line=warrior] .list_inner .class_card .class_line .class_line_2, #mabinogim .info .intro_wrap .inner .class_list ul li[data-line=warrior] .list_inner .class_card .class_line .class_line_2, #mabinogim .container .intro_wrap .inner .class_list ul li[data-line=warrior] .list_inner .class_card .class_line .class_line_2 {
    position: absolute;
    left: -342px;
    top: 250px;
    background-size: 80% auto;
    opacity: 0;
  }
  #mabinogim .game_info_class .intro_wrap .inner .class_list ul li[data-line=warrior] .list_inner .class_card .class_line .class_line_3, #mabinogim .info .intro_wrap .inner .class_list ul li[data-line=warrior] .list_inner .class_card .class_line .class_line_3, #mabinogim .container .intro_wrap .inner .class_list ul li[data-line=warrior] .list_inner .class_card .class_line .class_line_3 {
    position: absolute;
    left: -388px;
    top: 152px;
    background-image: url(https://lwi.nexon.com/m_mabinogim/brand/info/class/warrior_line_4_5F017124236C03D6.png);
    background-size: 80% auto;
    opacity: 0;
    transform: scaleX(-1);
  }
}
@media screen and (max-width: 1920px) and (hover: hover) and (min-width: 1281px), screen and (max-height: 1080px) and (hover: hover) and (min-width: 1281px) {
  #mabinogim .game_info_class .intro_wrap .inner .class_list ul li[data-line=warrior]:hover .list_inner .class_card .class_line .class_line_1, #mabinogim .info .intro_wrap .inner .class_list ul li[data-line=warrior]:hover .list_inner .class_card .class_line .class_line_1, #mabinogim .container .intro_wrap .inner .class_list ul li[data-line=warrior]:hover .list_inner .class_card .class_line .class_line_1 {
    left: -162px;
    top: 118px;
    background-size: 65%;
  }
  #mabinogim .game_info_class .intro_wrap .inner .class_list ul li[data-line=warrior]:hover .list_inner .class_card .class_line .class_line_2, #mabinogim .info .intro_wrap .inner .class_list ul li[data-line=warrior]:hover .list_inner .class_card .class_line .class_line_2, #mabinogim .container .intro_wrap .inner .class_list ul li[data-line=warrior]:hover .list_inner .class_card .class_line .class_line_2 {
    left: -172px;
    top: 112px;
    opacity: 1;
    background-size: 65%;
  }
  #mabinogim .game_info_class .intro_wrap .inner .class_list ul li[data-line=warrior]:hover .list_inner .class_card .class_line .class_line_3, #mabinogim .info .intro_wrap .inner .class_list ul li[data-line=warrior]:hover .list_inner .class_card .class_line .class_line_3, #mabinogim .container .intro_wrap .inner .class_list ul li[data-line=warrior]:hover .list_inner .class_card .class_line .class_line_3 {
    left: -648px;
    top: 192px;
    opacity: 1;
    background-size: 58%;
  }
}
@media screen and (max-width: 1920px), screen and (max-height: 1080px) {
  #mabinogim .game_info_class .intro_wrap .inner .class_list ul li[data-line=archer] .list_inner .class_card .class_line .class_line_1, #mabinogim .info .intro_wrap .inner .class_list ul li[data-line=archer] .list_inner .class_card .class_line .class_line_1, #mabinogim .container .intro_wrap .inner .class_list ul li[data-line=archer] .list_inner .class_card .class_line .class_line_1 {
    position: absolute;
    left: -108px;
    top: 90px;
    background-size: 80%;
    transition: all 0.4s;
  }
  #mabinogim .game_info_class .intro_wrap .inner .class_list ul li[data-line=archer] .list_inner .class_card .class_line .class_line_2, #mabinogim .info .intro_wrap .inner .class_list ul li[data-line=archer] .list_inner .class_card .class_line .class_line_2, #mabinogim .container .intro_wrap .inner .class_list ul li[data-line=archer] .list_inner .class_card .class_line .class_line_2 {
    position: absolute;
    left: -424px;
    top: 70px;
    background-size: 80%;
  }
  #mabinogim .game_info_class .intro_wrap .inner .class_list ul li[data-line=archer] .list_inner .class_card .class_line .class_line_3, #mabinogim .info .intro_wrap .inner .class_list ul li[data-line=archer] .list_inner .class_card .class_line .class_line_3, #mabinogim .container .intro_wrap .inner .class_list ul li[data-line=archer] .list_inner .class_card .class_line .class_line_3 {
    position: absolute;
    left: -284px;
    top: 260px;
    background-size: 80%;
  }
}
@media screen and (max-width: 1920px) and (hover: hover) and (min-width: 1281px), screen and (max-height: 1080px) and (hover: hover) and (min-width: 1281px) {
  #mabinogim .game_info_class .intro_wrap .inner .class_list ul li[data-line=archer]:hover .list_inner .class_card .class_line .class_line_1, #mabinogim .info .intro_wrap .inner .class_list ul li[data-line=archer]:hover .list_inner .class_card .class_line .class_line_1, #mabinogim .container .intro_wrap .inner .class_list ul li[data-line=archer]:hover .list_inner .class_card .class_line .class_line_1 {
    left: -8px;
    top: 80px;
    background-size: 64%;
  }
  #mabinogim .game_info_class .intro_wrap .inner .class_list ul li[data-line=archer]:hover .list_inner .class_card .class_line .class_line_2, #mabinogim .info .intro_wrap .inner .class_list ul li[data-line=archer]:hover .list_inner .class_card .class_line .class_line_2, #mabinogim .container .intro_wrap .inner .class_list ul li[data-line=archer]:hover .list_inner .class_card .class_line .class_line_2 {
    left: -174px;
    top: 40px;
    background-size: 64%;
    opacity: 1;
  }
  #mabinogim .game_info_class .intro_wrap .inner .class_list ul li[data-line=archer]:hover .list_inner .class_card .class_line .class_line_3, #mabinogim .info .intro_wrap .inner .class_list ul li[data-line=archer]:hover .list_inner .class_card .class_line .class_line_3, #mabinogim .container .intro_wrap .inner .class_list ul li[data-line=archer]:hover .list_inner .class_card .class_line .class_line_3 {
    left: -234px;
    top: 248px;
    background-size: 60%;
    opacity: 1;
  }
}
@media screen and (max-width: 1920px), screen and (max-height: 1080px) {
  #mabinogim .game_info_class .intro_wrap .inner .class_list ul li[data-line=mage] .list_inner .class_card .class_line .class_line_1, #mabinogim .info .intro_wrap .inner .class_list ul li[data-line=mage] .list_inner .class_card .class_line .class_line_1, #mabinogim .container .intro_wrap .inner .class_list ul li[data-line=mage] .list_inner .class_card .class_line .class_line_1 {
    position: absolute;
    left: -55px;
    top: 158px;
    background-size: 80%;
  }
  #mabinogim .game_info_class .intro_wrap .inner .class_list ul li[data-line=mage] .list_inner .class_card .class_line .class_line_2, #mabinogim .info .intro_wrap .inner .class_list ul li[data-line=mage] .list_inner .class_card .class_line .class_line_2, #mabinogim .container .intro_wrap .inner .class_list ul li[data-line=mage] .list_inner .class_card .class_line .class_line_2 {
    position: absolute;
    left: 22px;
    top: 360px;
    background-size: 80%;
  }
  #mabinogim .game_info_class .intro_wrap .inner .class_list ul li[data-line=mage] .list_inner .class_card .class_line .class_line_3, #mabinogim .info .intro_wrap .inner .class_list ul li[data-line=mage] .list_inner .class_card .class_line .class_line_3, #mabinogim .container .intro_wrap .inner .class_list ul li[data-line=mage] .list_inner .class_card .class_line .class_line_3 {
    position: absolute;
    left: -346px;
    top: 242px;
    background-size: 80%;
    z-index: -1;
  }
}
@media screen and (max-width: 1920px) and (hover: hover) and (min-width: 1281px), screen and (max-height: 1080px) and (hover: hover) and (min-width: 1281px) {
  #mabinogim .game_info_class .intro_wrap .inner .class_list ul li[data-line=mage]:hover .list_inner .class_card .class_line .class_line_1, #mabinogim .info .intro_wrap .inner .class_list ul li[data-line=mage]:hover .list_inner .class_card .class_line .class_line_1, #mabinogim .container .intro_wrap .inner .class_list ul li[data-line=mage]:hover .list_inner .class_card .class_line .class_line_1 {
    left: -80px;
    top: 160px;
    background-size: 68%;
  }
  #mabinogim .game_info_class .intro_wrap .inner .class_list ul li[data-line=mage]:hover .list_inner .class_card .class_line .class_line_2, #mabinogim .info .intro_wrap .inner .class_list ul li[data-line=mage]:hover .list_inner .class_card .class_line .class_line_2, #mabinogim .container .intro_wrap .inner .class_list ul li[data-line=mage]:hover .list_inner .class_card .class_line .class_line_2 {
    left: -42px;
    top: 240px;
    background-size: 64%;
    opacity: 1;
  }
  #mabinogim .game_info_class .intro_wrap .inner .class_list ul li[data-line=mage]:hover .list_inner .class_card .class_line .class_line_3, #mabinogim .info .intro_wrap .inner .class_list ul li[data-line=mage]:hover .list_inner .class_card .class_line .class_line_3, #mabinogim .container .intro_wrap .inner .class_list ul li[data-line=mage]:hover .list_inner .class_card .class_line .class_line_3 {
    left: 12px;
    top: 82px;
    opacity: 1;
    background-size: 62%;
  }
}
@media screen and (max-width: 1920px), screen and (max-height: 1080px) {
  #mabinogim .game_info_class .intro_wrap .inner .class_list ul li[data-line=healer] .list_inner .class_card .class_line .class_line_1, #mabinogim .info .intro_wrap .inner .class_list ul li[data-line=healer] .list_inner .class_card .class_line .class_line_1, #mabinogim .container .intro_wrap .inner .class_list ul li[data-line=healer] .list_inner .class_card .class_line .class_line_1 {
    position: absolute;
    left: -54px;
    top: 102px;
    background-size: 80%;
  }
  #mabinogim .game_info_class .intro_wrap .inner .class_list ul li[data-line=healer] .list_inner .class_card .class_line .class_line_2, #mabinogim .info .intro_wrap .inner .class_list ul li[data-line=healer] .list_inner .class_card .class_line .class_line_2, #mabinogim .container .intro_wrap .inner .class_list ul li[data-line=healer] .list_inner .class_card .class_line .class_line_2 {
    position: absolute;
    left: -562px;
    top: 300px;
    background-size: 80%;
  }
  #mabinogim .game_info_class .intro_wrap .inner .class_list ul li[data-line=healer] .list_inner .class_card .class_line .class_line_3, #mabinogim .info .intro_wrap .inner .class_list ul li[data-line=healer] .list_inner .class_card .class_line .class_line_3, #mabinogim .container .intro_wrap .inner .class_list ul li[data-line=healer] .list_inner .class_card .class_line .class_line_3 {
    position: absolute;
    left: 15px;
    top: 180px;
    background-size: 80%;
  }
}
@media screen and (max-width: 1920px) and (hover: hover) and (min-width: 1281px), screen and (max-height: 1080px) and (hover: hover) and (min-width: 1281px) {
  #mabinogim .game_info_class .intro_wrap .inner .class_list ul li[data-line=healer]:hover .list_inner .class_card .class_line .class_line_1, #mabinogim .info .intro_wrap .inner .class_list ul li[data-line=healer]:hover .list_inner .class_card .class_line .class_line_1, #mabinogim .container .intro_wrap .inner .class_list ul li[data-line=healer]:hover .list_inner .class_card .class_line .class_line_1 {
    left: 16px;
    top: 108px;
    background-size: 70%;
  }
  #mabinogim .game_info_class .intro_wrap .inner .class_list ul li[data-line=healer]:hover .list_inner .class_card .class_line .class_line_2, #mabinogim .info .intro_wrap .inner .class_list ul li[data-line=healer]:hover .list_inner .class_card .class_line .class_line_2, #mabinogim .container .intro_wrap .inner .class_list ul li[data-line=healer]:hover .list_inner .class_card .class_line .class_line_2 {
    left: -352px;
    top: 260px;
    background-size: 68%;
    opacity: 1;
  }
  #mabinogim .game_info_class .intro_wrap .inner .class_list ul li[data-line=healer]:hover .list_inner .class_card .class_line .class_line_3, #mabinogim .info .intro_wrap .inner .class_list ul li[data-line=healer]:hover .list_inner .class_card .class_line .class_line_3, #mabinogim .container .intro_wrap .inner .class_list ul li[data-line=healer]:hover .list_inner .class_card .class_line .class_line_3 {
    left: -122px;
    top: 100px;
    background-size: 66%;
    opacity: 1;
  }
}
@media screen and (max-width: 1920px), screen and (max-height: 1080px) {
  #mabinogim .game_info_class .intro_wrap .inner .class_list ul li[data-line=bard] .list_inner .class_card .class_line .class_line_1, #mabinogim .info .intro_wrap .inner .class_list ul li[data-line=bard] .list_inner .class_card .class_line .class_line_1, #mabinogim .container .intro_wrap .inner .class_list ul li[data-line=bard] .list_inner .class_card .class_line .class_line_1 {
    position: absolute;
    left: -100px;
    top: 132px;
    background-size: 80%;
  }
  #mabinogim .game_info_class .intro_wrap .inner .class_list ul li[data-line=bard] .list_inner .class_card .class_line .class_line_2, #mabinogim .info .intro_wrap .inner .class_list ul li[data-line=bard] .list_inner .class_card .class_line .class_line_2, #mabinogim .container .intro_wrap .inner .class_list ul li[data-line=bard] .list_inner .class_card .class_line .class_line_2 {
    position: absolute;
    left: -315px;
    top: 180px;
    background-size: 80%;
  }
  #mabinogim .game_info_class .intro_wrap .inner .class_list ul li[data-line=bard] .list_inner .class_card .class_line .class_line_3, #mabinogim .info .intro_wrap .inner .class_list ul li[data-line=bard] .list_inner .class_card .class_line .class_line_3, #mabinogim .container .intro_wrap .inner .class_list ul li[data-line=bard] .list_inner .class_card .class_line .class_line_3 {
    position: absolute;
    left: 45px;
    top: 184px;
    background-size: 80%;
  }
}
@media screen and (max-width: 1920px) and (hover: hover) and (min-width: 1281px), screen and (max-height: 1080px) and (hover: hover) and (min-width: 1281px) {
  #mabinogim .game_info_class .intro_wrap .inner .class_list ul li[data-line=bard]:hover .list_inner .class_card .class_line .class_line_1, #mabinogim .info .intro_wrap .inner .class_list ul li[data-line=bard]:hover .list_inner .class_card .class_line .class_line_1, #mabinogim .container .intro_wrap .inner .class_list ul li[data-line=bard]:hover .list_inner .class_card .class_line .class_line_1 {
    left: -130px;
    top: 122px;
    background-size: 70%;
  }
  #mabinogim .game_info_class .intro_wrap .inner .class_list ul li[data-line=bard]:hover .list_inner .class_card .class_line .class_line_2, #mabinogim .info .intro_wrap .inner .class_list ul li[data-line=bard]:hover .list_inner .class_card .class_line .class_line_2, #mabinogim .container .intro_wrap .inner .class_list ul li[data-line=bard]:hover .list_inner .class_card .class_line .class_line_2 {
    left: -225px;
    top: 60px;
    opacity: 1;
  }
  #mabinogim .game_info_class .intro_wrap .inner .class_list ul li[data-line=bard]:hover .list_inner .class_card .class_line .class_line_3, #mabinogim .info .intro_wrap .inner .class_list ul li[data-line=bard]:hover .list_inner .class_card .class_line .class_line_3, #mabinogim .container .intro_wrap .inner .class_list ul li[data-line=bard]:hover .list_inner .class_card .class_line .class_line_3 {
    left: -18px;
    top: 144px;
    opacity: 1;
    background-size: 70%;
  }
}
@media screen and (max-width: 1920px), screen and (max-height: 1080px) {
  #mabinogim .game_info_class .intro_wrap .inner .class_list ul li[data-line=thief] .list_inner .class_card .class_line .class_line_1, #mabinogim .info .intro_wrap .inner .class_list ul li[data-line=thief] .list_inner .class_card .class_line .class_line_1, #mabinogim .container .intro_wrap .inner .class_list ul li[data-line=thief] .list_inner .class_card .class_line .class_line_1 {
    position: absolute;
    left: -138px;
    top: 160px;
    background-size: 54%;
    z-index: 2;
  }
  #mabinogim .game_info_class .intro_wrap .inner .class_list ul li[data-line=thief] .list_inner .class_card .class_line .class_line_2, #mabinogim .info .intro_wrap .inner .class_list ul li[data-line=thief] .list_inner .class_card .class_line .class_line_2, #mabinogim .container .intro_wrap .inner .class_list ul li[data-line=thief] .list_inner .class_card .class_line .class_line_2 {
    position: absolute;
    left: -315px;
    top: 250px;
    z-index: 3;
  }
  #mabinogim .game_info_class .intro_wrap .inner .class_list ul li[data-line=thief] .list_inner .class_card .class_line .class_line_3, #mabinogim .info .intro_wrap .inner .class_list ul li[data-line=thief] .list_inner .class_card .class_line .class_line_3, #mabinogim .container .intro_wrap .inner .class_list ul li[data-line=thief] .list_inner .class_card .class_line .class_line_3 {
    position: absolute;
    left: -45px;
    top: 144px;
    z-index: 1;
  }
}
@media screen and (max-width: 1920px) and (hover: hover) and (min-width: 1281px), screen and (max-height: 1080px) and (hover: hover) and (min-width: 1281px) {
  #mabinogim .game_info_class .intro_wrap .inner .class_list ul li[data-line=thief]:hover .list_inner .class_card .class_line .class_line_1, #mabinogim .info .intro_wrap .inner .class_list ul li[data-line=thief]:hover .list_inner .class_card .class_line .class_line_1, #mabinogim .container .intro_wrap .inner .class_list ul li[data-line=thief]:hover .list_inner .class_card .class_line .class_line_1 {
    left: -170px;
    top: 142px;
    background-size: 46%;
  }
  #mabinogim .game_info_class .intro_wrap .inner .class_list ul li[data-line=thief]:hover .list_inner .class_card .class_line .class_line_2, #mabinogim .info .intro_wrap .inner .class_list ul li[data-line=thief]:hover .list_inner .class_card .class_line .class_line_2, #mabinogim .container .intro_wrap .inner .class_list ul li[data-line=thief]:hover .list_inner .class_card .class_line .class_line_2 {
    left: -175px;
    top: 234px;
    opacity: 1;
    background-size: 54%;
  }
  #mabinogim .game_info_class .intro_wrap .inner .class_list ul li[data-line=thief]:hover .list_inner .class_card .class_line .class_line_3, #mabinogim .info .intro_wrap .inner .class_list ul li[data-line=thief]:hover .list_inner .class_card .class_line .class_line_3, #mabinogim .container .intro_wrap .inner .class_list ul li[data-line=thief]:hover .list_inner .class_card .class_line .class_line_3 {
    left: -80px;
    top: 174px;
    opacity: 1;
    background-size: 50%;
  }
}
@media screen and (max-width: 1920px), screen and (max-height: 1080px) {
  #mabinogim .game_info_class .detail_wrap .inner .class_list_area, #mabinogim .info .detail_wrap .inner .class_list_area, #mabinogim .container .detail_wrap .inner .class_list_area {
    margin: auto 71px auto 0;
    width: 104px;
  }
  #mabinogim .game_info_class .detail_wrap .inner .class_list_area .free_scroll, #mabinogim .info .detail_wrap .inner .class_list_area .free_scroll, #mabinogim .container .detail_wrap .inner .class_list_area .free_scroll {
    max-height: 335px;
  }
  #mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_info .name span, #mabinogim .info .detail_wrap .inner .detail_layout .detail_info .name span, #mabinogim .container .detail_wrap .inner .detail_layout .detail_info .name span {
    font-size: 50px;
  }
  #mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_info .description, #mabinogim .info .detail_wrap .inner .detail_layout .detail_info .description, #mabinogim .container .detail_wrap .inner .detail_layout .detail_info .description {
    margin-top: 25px;
  }
  #mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_line, #mabinogim .info .detail_wrap .inner .detail_layout .detail_line, #mabinogim .container .detail_wrap .inner .detail_layout .detail_line {
    margin-bottom: 40px;
  }
}
@media (max-width: 1280px) {
  #mabinogim {
    overflow: hidden;
  }
  #mabinogim .game_info_class, #mabinogim .info, #mabinogim .container {
    position: relative;
    background: url(https://lwi.nexon.com/m_mabinogim/brand/info/class/bg.png);
    background-size: cover;
    background-position: left top;
    height: calc(var(--vh, 1vh) * 100 - var(--mobile-top-height));
    min-height: 530px;
  }
  #mabinogim .game_info_class .intro_wrap, #mabinogim .info .intro_wrap, #mabinogim .container .intro_wrap {
    margin: auto 0;
    width: 100%;
    min-height: inherit;
  }
  #mabinogim .game_info_class .intro_wrap .inner, #mabinogim .info .intro_wrap .inner, #mabinogim .container .intro_wrap .inner {
    height: calc(var(--vh, 1vh) * 100 - var(--mobile-top-height) - 74px);
    min-height: 468px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #mabinogim .game_info_class .intro_wrap .inner h1, #mabinogim .info .intro_wrap .inner h1, #mabinogim .container .intro_wrap .inner h1 {
    display: none;
  }
  #mabinogim .game_info_class .intro_wrap .inner .class_list, #mabinogim .info .intro_wrap .inner .class_list, #mabinogim .container .intro_wrap .inner .class_list {
    display: block;
    margin-top: 0;
    width: 100%;
    max-width: 454px;
    position: relative;
  }
  #mabinogim .game_info_class .intro_wrap .inner .class_list .mobile_frame, #mabinogim .info .intro_wrap .inner .class_list .mobile_frame, #mabinogim .container .intro_wrap .inner .class_list .mobile_frame {
    display: block;
    max-width: 100%;
  }
  #mabinogim .game_info_class .intro_wrap .inner .class_list ul, #mabinogim .info .intro_wrap .inner .class_list ul, #mabinogim .container .intro_wrap .inner .class_list ul {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: 454px;
    display: block;
  }
  #mabinogim .game_info_class .intro_wrap .inner .class_list ul li, #mabinogim .info .intro_wrap .inner .class_list ul li, #mabinogim .container .intro_wrap .inner .class_list ul li {
    position: absolute;
    width: 30%;
    height: 45.8%;
  }
  #mabinogim .game_info_class .intro_wrap .inner .class_list ul li .list_inner, #mabinogim .info .intro_wrap .inner .class_list ul li .list_inner, #mabinogim .container .intro_wrap .inner .class_list ul li .list_inner {
    position: absolute;
    background: none;
    width: 100%;
    height: 100%;
  }
  #mabinogim .game_info_class .intro_wrap .inner .class_list ul li .list_inner::before, #mabinogim .info .intro_wrap .inner .class_list ul li .list_inner::before, #mabinogim .container .intro_wrap .inner .class_list ul li .list_inner::before {
    display: none;
  }
  #mabinogim .game_info_class .intro_wrap .inner .class_list ul li .list_inner .deco_border, #mabinogim .info .intro_wrap .inner .class_list ul li .list_inner .deco_border, #mabinogim .container .intro_wrap .inner .class_list ul li .list_inner .deco_border {
    display: none;
  }
  #mabinogim .game_info_class .intro_wrap .inner .class_list ul li .list_inner .class_card, #mabinogim .info .intro_wrap .inner .class_list ul li .list_inner .class_card, #mabinogim .container .intro_wrap .inner .class_list ul li .list_inner .class_card {
    display: none;
  }
  #mabinogim .game_info_class .intro_wrap .inner .class_list ul li[data-line=warrior], #mabinogim .info .intro_wrap .inner .class_list ul li[data-line=warrior], #mabinogim .container .intro_wrap .inner .class_list ul li[data-line=warrior] {
    top: 2%;
    left: 2.6%;
  }
  #mabinogim .game_info_class .intro_wrap .inner .class_list ul li[data-line=archer], #mabinogim .info .intro_wrap .inner .class_list ul li[data-line=archer], #mabinogim .container .intro_wrap .inner .class_list ul li[data-line=archer] {
    top: 2%;
    left: 34.8%;
  }
  #mabinogim .game_info_class .intro_wrap .inner .class_list ul li[data-line=mage], #mabinogim .info .intro_wrap .inner .class_list ul li[data-line=mage], #mabinogim .container .intro_wrap .inner .class_list ul li[data-line=mage] {
    top: 2%;
    left: 68.8%;
  }
  #mabinogim .game_info_class .intro_wrap .inner .class_list ul li[data-line=healer], #mabinogim .info .intro_wrap .inner .class_list ul li[data-line=healer], #mabinogim .container .intro_wrap .inner .class_list ul li[data-line=healer] {
    top: 52.4%;
    left: 2.6%;
  }
  #mabinogim .game_info_class .intro_wrap .inner .class_list ul li[data-line=bard], #mabinogim .info .intro_wrap .inner .class_list ul li[data-line=bard], #mabinogim .container .intro_wrap .inner .class_list ul li[data-line=bard] {
    top: 52.4%;
    left: 34.8%;
  }
  #mabinogim .game_info_class .intro_wrap .inner .class_list ul li[data-line=thief], #mabinogim .info .intro_wrap .inner .class_list ul li[data-line=thief], #mabinogim .container .intro_wrap .inner .class_list ul li[data-line=thief] {
    top: 52.4%;
    left: 68.8%;
  }
  #mabinogim .game_info_class .intro_wrap .inner .class_list ul li.new::before, #mabinogim .info .intro_wrap .inner .class_list ul li.new::before, #mabinogim .container .intro_wrap .inner .class_list ul li.new::before {
    display: none;
  }
  #mabinogim .game_info_class .detail_wrap, #mabinogim .info .detail_wrap, #mabinogim .container .detail_wrap {
    display: flex;
    width: 100%;
    height: calc(var(--vh, 1vh) * 100 - var(--mobile-top-height) - 70px);
    min-height: 470px;
  }
  #mabinogim .game_info_class .detail_wrap .inner, #mabinogim .info .detail_wrap .inner, #mabinogim .container .detail_wrap .inner {
    position: relative;
    padding: 0 20px;
    width: 100%;
  }
  #mabinogim .game_info_class .detail_wrap .inner .class_list_area, #mabinogim .info .detail_wrap .inner .class_list_area, #mabinogim .container .detail_wrap .inner .class_list_area {
    display: none;
  }
  #mabinogim .game_info_class .detail_wrap .inner .detail_layout, #mabinogim .info .detail_wrap .inner .detail_layout, #mabinogim .container .detail_wrap .inner .detail_layout {
    display: flex;
    flex-direction: column;
    margin: auto 0 0 0;
  }
  #mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_info, #mabinogim .info .detail_wrap .inner .detail_layout .detail_info, #mabinogim .container .detail_wrap .inner .detail_layout .detail_info {
    opacity: 0;
    animation: fadeUp 1s 0.5s forwards ease;
    z-index: 2;
  }
  #mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_info .line_flag span, #mabinogim .info .detail_wrap .inner .detail_layout .detail_info .line_flag span, #mabinogim .container .detail_wrap .inner .detail_layout .detail_info .line_flag span {
    color: #fff;
    border-radius: 20px;
    color: #FFF;
    font-size: 12px;
  }
  #mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_info .name, #mabinogim .info .detail_wrap .inner .detail_layout .detail_info .name, #mabinogim .container .detail_wrap .inner .detail_layout .detail_info .name {
    display: flex;
    align-items: center;
  }
  #mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_info .name span, #mabinogim .info .detail_wrap .inner .detail_layout .detail_info .name span, #mabinogim .container .detail_wrap .inner .detail_layout .detail_info .name span {
    color: #FFF;
    font-size: 36px;
    white-space: wrap;
    line-height: 130%;
  }
  #mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_info .description, #mabinogim .info .detail_wrap .inner .detail_layout .detail_info .description, #mabinogim .container .detail_wrap .inner .detail_layout .detail_info .description {
    margin-top: 20px;
    color: #FFF;
    font-size: 14px;
    line-height: 160%;
  }
  #mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_info .vod, #mabinogim .info .detail_wrap .inner .detail_layout .detail_info .vod, #mabinogim .container .detail_wrap .inner .detail_layout .detail_info .vod {
    margin-top: 20px;
    border-radius: 12px;
    background: #4C5860;
    padding: 12px 17px;
    width: min-content;
  }
  #mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_info .vod video, #mabinogim .info .detail_wrap .inner .detail_layout .detail_info .vod video, #mabinogim .container .detail_wrap .inner .detail_layout .detail_info .vod video {
    display: none;
  }
  #mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_info .vod[data-state=stop]::before, #mabinogim .info .detail_wrap .inner .detail_layout .detail_info .vod[data-state=stop]::before, #mabinogim .container .detail_wrap .inner .detail_layout .detail_info .vod[data-state=stop]::before {
    display: none;
  }
  #mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_info .vod[data-state=stop]::after, #mabinogim .info .detail_wrap .inner .detail_layout .detail_info .vod[data-state=stop]::after, #mabinogim .container .detail_wrap .inner .detail_layout .detail_info .vod[data-state=stop]::after {
    display: none;
  }
  #mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_info .vod .for_mobile_button, #mabinogim .info .detail_wrap .inner .detail_layout .detail_info .vod .for_mobile_button, #mabinogim .container .detail_wrap .inner .detail_layout .detail_info .vod .for_mobile_button {
    font-family: "Paperlogy-7Bold";
    color: #FFF;
    white-space: nowrap;
    font-size: 15px;
    display: flex;
    align-items: center;
  }
  #mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_info .vod .for_mobile_button::before, #mabinogim .info .detail_wrap .inner .detail_layout .detail_info .vod .for_mobile_button::before, #mabinogim .container .detail_wrap .inner .detail_layout .detail_info .vod .for_mobile_button::before {
    content: "";
    display: block;
    width: 8px;
    min-width: 8px;
    height: 10px;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='10' fill='none'%3E%3Cpath fill='%23fff' d='M7.5 4.134a1 1 0 0 1 0 1.732l-6 3.464A1 1 0 0 1 0 8.464V1.536A1 1 0 0 1 1.5.67l6 3.464Z'/%3E%3C/svg%3E");
    margin-right: 10px;
  }
  #mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_line, #mabinogim .info .detail_wrap .inner .detail_layout .detail_line, #mabinogim .container .detail_wrap .inner .detail_layout .detail_line {
    align-self: auto;
    margin-top: 35px;
    margin-bottom: 24px;
    margin-left: 0;
  }
  #mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_line .line_list, #mabinogim .info .detail_wrap .inner .detail_layout .detail_line .line_list, #mabinogim .container .detail_wrap .inner .detail_layout .detail_line .line_list {
    display: flex;
  }
  #mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_line .line_list .line_item, #mabinogim .info .detail_wrap .inner .detail_layout .detail_line .line_list .line_item, #mabinogim .container .detail_wrap .inner .detail_layout .detail_line .line_list .line_item {
    width: min-content;
    max-width: min-content;
    min-width: min-content;
    overflow: hidden;
    background: #263844;
    cursor: pointer;
    margin-right: 5px;
    border-right: none;
    border-radius: 16px;
  }
  #mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_line .line_list .line_item.on, #mabinogim .info .detail_wrap .inner .detail_layout .detail_line .line_list .line_item.on, #mabinogim .container .detail_wrap .inner .detail_layout .detail_line .line_list .line_item.on {
    background: #2BAF7E;
  }
  #mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_line .line_list .line_item.line_1, #mabinogim .info .detail_wrap .inner .detail_layout .detail_line .line_list .line_item.line_1, #mabinogim .container .detail_wrap .inner .detail_layout .detail_line .line_list .line_item.line_1 {
    border-radius: 16px;
  }
  #mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_line .line_list .line_item.line_2, #mabinogim .info .detail_wrap .inner .detail_layout .detail_line .line_list .line_item.line_2, #mabinogim .container .detail_wrap .inner .detail_layout .detail_line .line_list .line_item.line_2 {
    border-radius: 16px;
  }
  #mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_line .line_list .line_item:last-child, #mabinogim .info .detail_wrap .inner .detail_layout .detail_line .line_list .line_item:last-child, #mabinogim .container .detail_wrap .inner .detail_layout .detail_line .line_list .line_item:last-child {
    margin-right: 0;
    border-radius: 16px;
  }
  #mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_line .line_list .line_item .title, #mabinogim .info .detail_wrap .inner .detail_layout .detail_line .line_list .line_item .title, #mabinogim .container .detail_wrap .inner .detail_layout .detail_line .line_list .line_item .title {
    padding-top: 0;
    padding: 0px;
    width: auto;
    height: auto;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
  }
  #mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_line .line_list .line_item .title .name, #mabinogim .info .detail_wrap .inner .detail_layout .detail_line .line_list .line_item .title .name, #mabinogim .container .detail_wrap .inner .detail_layout .detail_line .line_list .line_item .title .name {
    padding: 10px 20px 10px 18px;
    color: #FFF;
    font-size: 15px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    height: 53px;
    display: flex;
    margin: 0;
  }
  #mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_line .line_list .line_item .title .name::before, #mabinogim .info .detail_wrap .inner .detail_layout .detail_line .line_list .line_item .title .name::before, #mabinogim .container .detail_wrap .inner .detail_layout .detail_line .line_list .line_item .title .name::before {
    content: "";
    position: relative;
    display: block;
    width: 32px;
    height: 32px;
    opacity: 1;
    margin-right: 6px;
  }
  #mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_line .line_list .line_item .title .name.new_class::after, #mabinogim .info .detail_wrap .inner .detail_layout .detail_line .line_list .line_item .title .name.new_class::after, #mabinogim .container .detail_wrap .inner .detail_layout .detail_line .line_list .line_item .title .name.new_class::after {
    margin-left: 5px;
    position: relative;
    top: auto;
    content: "";
    display: block;
    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%3CforeignObject width='28.667' height='28.667' x='-5.333' y='-5.333'%3E%3Cdiv xmlns='http://www.w3.org/1999/xhtml' style='backdrop-filter:blur(2.67px);clip-path:url(%23a);height:100%25;width:100%25'/%3E%3C/foreignObject%3E%3Ccircle cx='9' cy='9' r='9' fill='%2301171E' fill-opacity='.8' data-figma-bg-blur-radius='5.333'/%3E%3Cmask id='b' width='7' height='10' x='5.5' y='4.5' fill='%23000' maskUnits='userSpaceOnUse'%3E%3Cpath fill='%23fff' d='M5.5 4.5h7v10h-7z'/%3E%3Cpath d='M12.357 13.5H10.56l-3.24-5.531V13.5H5.636V5.098h1.799l3.24 5.537V5.098h1.681V13.5Z'/%3E%3C/mask%3E%3Cpath fill='%2300B771' d='M12.357 13.5H10.56l-3.24-5.531V13.5H5.636V5.098h1.799l3.24 5.537V5.098h1.681V13.5Z'/%3E%3Cpath fill='%2300B771' d='M12.357 13.5v.1h.1v-.1h-.1Zm-1.798 0-.087.05.03.05h.057v-.1Zm-3.24-5.531.086-.05-.187-.319v.369h.1Zm0 5.531v.1h.1v-.1h-.1Zm-1.682 0h-.1v.1h.1v-.1Zm0-8.402v-.1h-.1v.1h.1Zm1.799 0 .086-.05-.03-.05h-.056v.1Zm3.24 5.537-.087.05.187.319v-.37h-.1Zm0-5.537v-.1h-.1v.1h.1Zm1.681 0h.1v-.1h-.1v.1Zm0 8.402v-.1H10.56v.2h1.798v-.1Zm-1.798 0 .086-.05-3.24-5.532-.087.05-.086.051 3.24 5.531.087-.05Zm-3.24-5.531h-.1V13.5h.2V7.969h-.1Zm0 5.531v-.1H5.636v.2h1.681v-.1Zm-1.682 0h.1V5.098h-.2V13.5h.1Zm0-8.402v.1h1.799v-.2h-1.8v.1Zm1.799 0-.087.05 3.24 5.537.087-.05.086-.05-3.24-5.538-.086.05Zm3.24 5.537h.1V5.098h-.2v5.537h.1Zm0-5.537v.1h1.681v-.2h-1.681v.1Zm1.681 0h-.1V13.5h.2V5.098h-.1Z' mask='url(%23b)'/%3E%3Cdefs%3E%3CclipPath id='a' transform='translate(5.333 5.333)'%3E%3Ccircle cx='9' cy='9' r='9'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-size: 100% auto;
  }
  #mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_line .line_list .line_item .thumbnail, #mabinogim .info .detail_wrap .inner .detail_layout .detail_line .line_list .line_item .thumbnail, #mabinogim .container .detail_wrap .inner .detail_layout .detail_line .line_list .line_item .thumbnail {
    display: none;
  }
  #mabinogim .game_info_class .detail_wrap .inner .detail_layout .detail_line .line_list .line_item .tag, #mabinogim .info .detail_wrap .inner .detail_layout .detail_line .line_list .line_item .tag, #mabinogim .container .detail_wrap .inner .detail_layout .detail_line .line_list .line_item .tag {
    display: none;
  }
  #mabinogim .game_info_class .detail_wrap .inner .detail_layout .background, #mabinogim .info .detail_wrap .inner .detail_layout .background, #mabinogim .container .detail_wrap .inner .detail_layout .background {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 1;
    overflow: hidden;
  }
  #mabinogim .game_info_class .detail_wrap .inner .detail_layout .background .video_area, #mabinogim .info .detail_wrap .inner .detail_layout .background .video_area, #mabinogim .container .detail_wrap .inner .detail_layout .background .video_area {
    width: 100%;
    height: 100%;
    animation: fadeIn 1s forwards ease;
  }
  #mabinogim .game_info_class .detail_wrap .inner .detail_layout .background .video_area::before, #mabinogim .info .detail_wrap .inner .detail_layout .background .video_area::before, #mabinogim .container .detail_wrap .inner .detail_layout .background .video_area::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    background: linear-gradient(0deg, rgba(38, 38, 38, 0.85) 0.18%, rgba(38, 38, 38, 0.74) 48.4%, rgba(38, 38, 38, 0) 70.65%);
  }
  #mabinogim .game_info_class .detail_wrap .inner .detail_layout .background .video_area video, #mabinogim .info .detail_wrap .inner .detail_layout .background .video_area video, #mabinogim .container .detail_wrap .inner .detail_layout .background .video_area video {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  #mabinogim .game_info_class .detail_wrap .inner .detail_layout .background .video_area video[data-type=pc], #mabinogim .info .detail_wrap .inner .detail_layout .background .video_area video[data-type=pc], #mabinogim .container .detail_wrap .inner .detail_layout .background .video_area video[data-type=pc] {
    display: none;
  }
  #mabinogim .game_info_class .detail_wrap .inner .detail_layout .background .video_area video[data-type=mobile], #mabinogim .info .detail_wrap .inner .detail_layout .background .video_area video[data-type=mobile], #mabinogim .container .detail_wrap .inner .detail_layout .background .video_area video[data-type=mobile] {
    display: block;
  }
  #mabinogim .game_info_class .detail_wrap .inner .detail_layout .back_button, #mabinogim .info .detail_wrap .inner .detail_layout .back_button, #mabinogim .container .detail_wrap .inner .detail_layout .back_button {
    top: 18px;
    font-size: 15px;
  }
}
#mabinogim .info .pagination {
  width: 100%;
  position: absolute;
  bottom: 0;
  z-index: 2;
}
#mabinogim .info .pagination .swiper {
  position: relative;
  width: 100%;
  height: 104px;
  display: flex;
  align-items: flex-end;
}
#mabinogim .info .pagination .swiper ul {
  width: 100%;
  height: 84px;
  border-top: 1px solid rgba(210, 210, 210, 0.3);
  display: flex;
  justify-content: center;
  gap: 60px;
  background: linear-gradient(180deg, rgba(24, 26, 35, 0.28) 0%, rgba(24, 26, 35, 0.83) 100%);
  backdrop-filter: blur(10px);
}
#mabinogim .info .pagination .swiper ul li {
  width: auto;
  transition: 0.3s;
}
#mabinogim .info .pagination .swiper ul li a {
  width: 200px;
  font-family: "Paperlogy-4Regular";
  color: #fff;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  font-size: 16px;
  overflow: hidden;
}
#mabinogim .info .pagination .swiper ul li a::before {
  content: "";
  font-style: normal;
  position: absolute;
  top: 0px;
  transform: translateY(-50%);
  display: block;
  width: 20px;
  min-width: 20px;
  height: 20px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath fill='%23fff' d='m9.94 6.382.516.872a6 6 0 0 0 2.04 2.067l.98.597-1.122.726a5.999 5.999 0 0 0-1.845 1.887l-.57.922-.88-1.241a6 6 0 0 0-1.425-1.423l-1.23-.871 1.092-.728a6 6 0 0 0 1.63-1.613l.814-1.195Z'/%3E%3Cmask id='a' width='10' height='10' x='5' y='5' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%23D9D9D9' d='M8.776 5.948a3 3 0 0 1 2.296 0l.94.39a3 3 0 0 1 1.623 1.623l.39.94a3 3 0 0 1 0 2.296l-.39.94a3 3 0 0 1-1.623 1.623l-.94.39a3 3 0 0 1-2.296 0l-.94-.39a3 3 0 0 1-1.624-1.624l-.389-.94a3 3 0 0 1 0-2.296l.39-.94a3 3 0 0 1 1.623-1.623l.94-.39Z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%23E8E8E8' d='M4.302 9.918h5.753v5.23H4.302z'/%3E%3Cpath fill='%23DAD9D9' d='M9.793 9.656h5.491v5.491H9.793z'/%3E%3Cpath fill='%23fff' d='M4.302 4.426h5.753v5.491H4.302z'/%3E%3Cpath fill='%23EFEFEF' d='M9.793 4.688h5.491v5.491H9.793z'/%3E%3C/g%3E%3C/svg%3E");
}
#mabinogim .info .pagination .swiper ul li.on {
  transform: translateY(-2px);
}
#mabinogim .info .pagination .swiper ul li.on a {
  font-family: "Paperlogy-7Bold";
}
#mabinogim .info .pagination .swiper ul li.on a::before {
  top: 2px;
  width: 43px;
  min-width: 43px;
  height: 43px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='43' height='43' fill='none'%3E%3Cpath fill='%23fff' d='m21.063 3.063 5.906 9.976a6 6 0 0 0 2.04 2.067L39.5 21.5l-10.633 6.886a6.001 6.001 0 0 0-1.846 1.887l-5.959 9.665-7.086-9.984a5.999 5.999 0 0 0-1.425-1.423L2.626 21.5l9.788-6.525a6 6 0 0 0 1.63-1.613l7.02-10.3Z'/%3E%3Cmask id='a' width='34' height='34' x='4' y='5' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%23D9D9D9' d='M19.852 5.976a3 3 0 0 1 2.296 0l9.371 3.881a3 3 0 0 1 1.624 1.624l3.882 9.37a3.001 3.001 0 0 1 0 2.297l-3.882 9.371a3 3 0 0 1-1.624 1.624l-9.37 3.882a3.001 3.001 0 0 1-2.297 0l-9.371-3.882a3 3 0 0 1-1.624-1.624l-3.881-9.37a3 3 0 0 1 0-2.297l3.881-9.371a3 3 0 0 1 1.624-1.624l9.37-3.881Z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%23E8E8E8' d='M.729 21.529h20.743v18.857H.729z'/%3E%3Cpath fill='%23DAD9D9' d='M20.529 20.586h19.8v19.8h-19.8z'/%3E%3Cpath fill='%23fff' d='M.729 1.729h20.743v19.8H.729z'/%3E%3Cpath fill='%23EFEFEF' d='M20.529 2.671h19.8v19.8h-19.8z'/%3E%3C/g%3E%3Cpath fill='%236F6F6F' fill-rule='evenodd' d='M23.708 13.949 21 11.5l-2.708 2.449L21 16.398l2.708-2.449Zm3.792 9.306-4.968-4.492.011-.01-1.532-1.386-.011.01-.011-.01-1.532 1.386.011.01-4.968 4.492 4.968 4.493-2.31 2.087 1.533 1.386L21 29.133l2.31 2.088 1.531-1.386-2.31-2.088 4.969-4.492Zm-3.064 0L21 26.362l-3.436-3.107L21 20.148l3.436 3.107Z' clip-rule='evenodd'/%3E%3C/svg%3E");
  animation: hoverAction 0.2s forwards linear;
}
@media (hover: hover) and (min-width: 1281px) {
  #mabinogim .info .pagination .swiper ul li:hover {
    transform: translateY(-2px);
  }
  #mabinogim .info .pagination .swiper ul li:hover a {
    font-family: "Paperlogy-7Bold";
  }
  #mabinogim .info .pagination .swiper ul li:hover a::before {
    top: 2px;
    width: 43px;
    min-width: 43px;
    height: 43px;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='43' height='43' fill='none'%3E%3Cpath fill='%23fff' d='m21.063 3.063 5.906 9.976a6 6 0 0 0 2.04 2.067L39.5 21.5l-10.633 6.886a6.001 6.001 0 0 0-1.846 1.887l-5.959 9.665-7.086-9.984a5.999 5.999 0 0 0-1.425-1.423L2.626 21.5l9.788-6.525a6 6 0 0 0 1.63-1.613l7.02-10.3Z'/%3E%3Cmask id='a' width='34' height='34' x='4' y='5' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%23D9D9D9' d='M19.852 5.976a3 3 0 0 1 2.296 0l9.371 3.881a3 3 0 0 1 1.624 1.624l3.882 9.37a3.001 3.001 0 0 1 0 2.297l-3.882 9.371a3 3 0 0 1-1.624 1.624l-9.37 3.882a3.001 3.001 0 0 1-2.297 0l-9.371-3.882a3 3 0 0 1-1.624-1.624l-3.881-9.37a3 3 0 0 1 0-2.297l3.881-9.371a3 3 0 0 1 1.624-1.624l9.37-3.881Z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%23E8E8E8' d='M.729 21.529h20.743v18.857H.729z'/%3E%3Cpath fill='%23DAD9D9' d='M20.529 20.586h19.8v19.8h-19.8z'/%3E%3Cpath fill='%23fff' d='M.729 1.729h20.743v19.8H.729z'/%3E%3Cpath fill='%23EFEFEF' d='M20.529 2.671h19.8v19.8h-19.8z'/%3E%3C/g%3E%3Cpath fill='%236F6F6F' fill-rule='evenodd' d='M23.708 13.949 21 11.5l-2.708 2.449L21 16.398l2.708-2.449Zm3.792 9.306-4.968-4.492.011-.01-1.532-1.386-.011.01-.011-.01-1.532 1.386.011.01-4.968 4.492 4.968 4.493-2.31 2.087 1.533 1.386L21 29.133l2.31 2.088 1.531-1.386-2.31-2.088 4.969-4.492Zm-3.064 0L21 26.362l-3.436-3.107L21 20.148l3.436 3.107Z' clip-rule='evenodd'/%3E%3C/svg%3E");
    animation: hoverAction 0.2s forwards linear;
  }
}
@keyframes hoverAction {
  0% {
    transform: scale(0) translateY(-50%);
    transform-origin: 50% 0;
  }
  100% {
    transform: scale(1) translateY(-50%);
    transform-origin: 50% 0;
  }
}
#mabinogim .info .pagination .prev_button, #mabinogim .info .pagination .next_button {
  display: none;
}

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