@charset "UTF-8";
@import url(https://lwres.nexon.com/css/mabinogim/brand/common/font.css);
@import url(https://lwres.nexon.com/css/mabinogim/brand/common/common.css);
@import url(https://lwres.nexon.com/css/mabinogim/brand/common/modal.css);
@import url(https://lwres.nexon.com/css/mabinogim/brand/common/loading.css);
#mabinogim .container {
  max-width: 1740px;
  margin: 0 auto;
  padding: 60px 60px 140px;
}
#mabinogim .container .creators_tab_wrap {
  margin-bottom: 60px;
}
#mabinogim .container .creators_tab_wrap .tab_list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 28px;
}
#mabinogim .container .creators_tab_wrap .tab_list a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 60px;
  background: #fff;
  border-radius: 24px;
  max-height: 48px;
}
#mabinogim .container .creators_tab_wrap .tab_list a span {
  font-family: "Pretendard-Bold";
  white-space: nowrap;
  font-size: 16px;
  line-height: 130%;
  /* 20.8px */
  letter-spacing: -2%;
  margin-left: 10px;
}
#mabinogim .container .creators_tab_wrap .tab_list a.on {
  background: #2BAF7E;
}
#mabinogim .container .creators_tab_wrap .tab_list a.on span {
  color: #fff;
}
@media (hover: hover) and (min-width: 1281px) {
  #mabinogim .container .creators_tab_wrap .tab_list a:hover {
    background: #2BAF7E;
  }
  #mabinogim .container .creators_tab_wrap .tab_list a:hover span {
    color: #fff;
  }
}
#mabinogim .container .creators_tab_wrap .tab_list a.tab_1::before {
  display: block;
  content: "";
  width: 28px;
  min-width: 28px;
  height: 30px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='30' fill='none'%3E%3Cg fill='%23525252'%3E%3Cpath d='m13.753 12.781-6.809-1.617c-.047-.011-.092.026-.092.077v10.153c0 .036.024.07.059.077l8.612 2.027c.018.005.037 0 .054-.008l6.535-3.822c.06-.035.047-.13-.022-.145L13.81 17.6v-4.74a.078.078 0 0 0-.059-.078h.002ZM22.072 8.497l-8.445-1.995a.078.078 0 0 0-.053.008L6.89 10.256c-.06.035-.05.13.018.147l8.327 2.07a.069.069 0 0 0 .053-.007l6.802-3.824c.062-.034.049-.13-.02-.146l.002.001Z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: cover;
}
#mabinogim .container .creators_tab_wrap .tab_list a.tab_1.on::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='30' fill='none'%3E%3Cg fill='%23fff'%3E%3Cpath d='m13.752 12.781-6.808-1.617c-.047-.011-.092.026-.092.077v10.153c0 .036.024.07.059.077l8.612 2.027c.018.005.037 0 .054-.008l6.534-3.822c.061-.035.047-.13-.02-.145L13.81 17.6v-4.74a.078.078 0 0 0-.06-.078h.002ZM22.072 8.497l-8.445-1.995a.078.078 0 0 0-.053.008L6.89 10.256c-.06.035-.05.13.018.147l8.327 2.07a.07.07 0 0 0 .053-.007l6.802-3.824c.062-.034.049-.13-.02-.146l.002.001Z'/%3E%3C/g%3E%3C/svg%3E");
}
@media (hover: hover) and (min-width: 1281px) {
  #mabinogim .container .creators_tab_wrap .tab_list a.tab_1:hover::before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='30' fill='none'%3E%3Cg fill='%23fff'%3E%3Cpath d='m13.752 12.781-6.808-1.617c-.047-.011-.092.026-.092.077v10.153c0 .036.024.07.059.077l8.612 2.027c.018.005.037 0 .054-.008l6.534-3.822c.061-.035.047-.13-.02-.145L13.81 17.6v-4.74a.078.078 0 0 0-.06-.078h.002ZM22.072 8.497l-8.445-1.995a.078.078 0 0 0-.053.008L6.89 10.256c-.06.035-.05.13.018.147l8.327 2.07a.07.07 0 0 0 .053-.007l6.802-3.824c.062-.034.049-.13-.02-.146l.002.001Z'/%3E%3C/g%3E%3C/svg%3E");
  }
}
#mabinogim .container .creators_tab_wrap .tab_list a.tab_2::before {
  display: block;
  content: "";
  width: 28px;
  min-width: 28px;
  height: 30px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='30' fill='none'%3E%3Cpath fill='%23525252' fill-rule='evenodd' d='M22.5 15v6.5a2.5 2.5 0 0 1-5 0c0 1.38-1.343 2.5-3 2.5s-3-1.12-3-2.5a2.5 2.5 0 0 1-5 0V15a8 8 0 1 1 16 0Zm-11 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm6 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm-1 1a2 2 0 1 1-4 0h4Z' clip-rule='evenodd'/%3E%3C/svg%3E");
  background-size: cover;
}
#mabinogim .container .creators_tab_wrap .tab_list a.tab_2.on::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='30' fill='none'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M22.5 15v6.5a2.5 2.5 0 0 1-5 0c0 1.38-1.343 2.5-3 2.5s-3-1.12-3-2.5a2.5 2.5 0 0 1-5 0V15a8 8 0 1 1 16 0Zm-11 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm6 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm-1 1a2 2 0 1 1-4 0h4Z' clip-rule='evenodd'/%3E%3C/svg%3E");
}
@media (hover: hover) and (min-width: 1281px) {
  #mabinogim .container .creators_tab_wrap .tab_list a.tab_2:hover::before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='30' fill='none'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M22.5 15v6.5a2.5 2.5 0 0 1-5 0c0 1.38-1.343 2.5-3 2.5s-3-1.12-3-2.5a2.5 2.5 0 0 1-5 0V15a8 8 0 1 1 16 0Zm-11 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm6 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm-1 1a2 2 0 1 1-4 0h4Z' clip-rule='evenodd'/%3E%3C/svg%3E");
  }
}
#mabinogim .container .creators_tab_wrap .tab_list a.tab_3::before {
  display: block;
  content: "";
  width: 28px;
  min-width: 28px;
  height: 30px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='30' fill='none'%3E%3Cg fill='%23525252' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M21.402 13.147c0 1.304-.36 2.524-.987 3.566l.003-.001-.012.015a6.957 6.957 0 0 1-.181.285c-.304.535-.763 1.684.19 2.601 1.156 1.058 1.853 2.428 1.853 3.925H6.682c0-1.515.714-2.9 1.895-3.963.885-.894.466-1.995.168-2.534a6.927 6.927 0 1 1 12.657-3.894Zm-9.525 0a.866.866 0 1 0 0-1.732.866.866 0 0 0 0 1.732Zm5.196 0a.866.866 0 1 0 0-1.732.866.866 0 0 0 0 1.732Zm-.866.866a1.732 1.732 0 1 1-3.464 0h3.464Z'/%3E%3Cpath d='M16.227 20.742c-1.027.577-1.752.902-1.752.902s-.725-.325-1.752-.902a7.819 7.819 0 0 0 3.504 0Zm5.135-3.944a7.793 7.793 0 1 0-13.774 0 8.599 8.599 0 0 1-.805-1.09 2.598 2.598 0 0 1-.449-5.003 8.5 8.5 0 0 1 16.33.17 2.597 2.597 0 0 1-.44 4.736c-.242.41-.535.806-.862 1.187Z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: cover;
}
#mabinogim .container .creators_tab_wrap .tab_list a.tab_3.on::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='30' fill='none'%3E%3Cg fill='%23fff' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M21.402 13.147c0 1.304-.36 2.524-.987 3.566l.003-.001-.012.015a6.957 6.957 0 0 1-.181.285c-.304.535-.763 1.684.19 2.601 1.156 1.058 1.853 2.428 1.853 3.925H6.682c0-1.515.714-2.9 1.895-3.963.885-.894.466-1.995.168-2.534a6.927 6.927 0 1 1 12.657-3.894Zm-9.525 0a.866.866 0 1 0 0-1.732.866.866 0 0 0 0 1.732Zm5.196 0a.866.866 0 1 0 0-1.732.866.866 0 0 0 0 1.732Zm-.866.866a1.732 1.732 0 1 1-3.464 0h3.464Z'/%3E%3Cpath d='M16.227 20.742c-1.027.577-1.752.902-1.752.902s-.725-.325-1.752-.902a7.819 7.819 0 0 0 3.504 0Zm5.135-3.944a7.793 7.793 0 1 0-13.774 0 8.599 8.599 0 0 1-.805-1.09 2.598 2.598 0 0 1-.449-5.003 8.5 8.5 0 0 1 16.33.17 2.597 2.597 0 0 1-.44 4.736c-.242.41-.535.806-.862 1.187Z'/%3E%3C/g%3E%3C/svg%3E");
}
@media (hover: hover) and (min-width: 1281px) {
  #mabinogim .container .creators_tab_wrap .tab_list a.tab_3:hover::before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='30' fill='none'%3E%3Cg fill='%23fff' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M21.402 13.147c0 1.304-.36 2.524-.987 3.566l.003-.001-.012.015a6.957 6.957 0 0 1-.181.285c-.304.535-.763 1.684.19 2.601 1.156 1.058 1.853 2.428 1.853 3.925H6.682c0-1.515.714-2.9 1.895-3.963.885-.894.466-1.995.168-2.534a6.927 6.927 0 1 1 12.657-3.894Zm-9.525 0a.866.866 0 1 0 0-1.732.866.866 0 0 0 0 1.732Zm5.196 0a.866.866 0 1 0 0-1.732.866.866 0 0 0 0 1.732Zm-.866.866a1.732 1.732 0 1 1-3.464 0h3.464Z'/%3E%3Cpath d='M16.227 20.742c-1.027.577-1.752.902-1.752.902s-.725-.325-1.752-.902a7.819 7.819 0 0 0 3.504 0Zm5.135-3.944a7.793 7.793 0 1 0-13.774 0 8.599 8.599 0 0 1-.805-1.09 2.598 2.598 0 0 1-.449-5.003 8.5 8.5 0 0 1 16.33.17 2.597 2.597 0 0 1-.44 4.736c-.242.41-.535.806-.862 1.187Z'/%3E%3C/g%3E%3C/svg%3E");
  }
}
#mabinogim .container .view_header_wrap {
  width: 100%;
  background-color: #fff;
  border-radius: 24px;
  padding: 30px;
}
#mabinogim .container .view_header_wrap .title_box {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
}
#mabinogim .container .view_header_wrap .title_box .type {
  width: min-content;
  height: min-content;
  border: 1px solid #d9d9d9;
  font-size: 14px;
  color: #626262;
  background: #fff;
  border-radius: 20px;
  padding: 5px 15px;
  margin-right: 12px;
  white-space: nowrap;
  display: flex;
}
#mabinogim .container .view_header_wrap .title_box .type span {
  display: flex;
  align-items: center;
  width: min-content;
}
#mabinogim .container .view_header_wrap .title_box .type span:last-child::after {
  display: none;
}
#mabinogim .container .view_header_wrap .title_box .type span::after {
  display: block;
  content: "";
  width: 5px;
  height: 8px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='8' fill='none'%3E%3Cpath fill='%23D9D9D9' d='M3 3h1v2H3V3ZM2 2h1v1H2V2ZM1 1h1v1H1V1ZM0 0h1v1H0V0ZM2 5h1v1H2V5ZM1 6h1v1H1V6ZM0 7h1v1H0V7ZM0 6h1v1H0V6ZM1 5h1v1H1V5ZM2 3h1v2H2V3ZM1 2h1v1H1V2ZM0 1h1v1H0V1ZM1 7h1v1H1V7ZM2 6h1v1H2V6ZM3 5h1v1H3V5ZM4 3h1v2H4V3ZM3 2h1v1H3V2ZM2 1h1v1H2V1ZM1 0h1v1H1V0Z'/%3E%3C/svg%3E") no-repeat;
  margin: 0 6px;
}
#mabinogim .container .view_header_wrap .title_box .title {
  width: auto;
  color: #626262;
}
#mabinogim .container .view_header_wrap .title_box .title::after {
  display: inline-block;
  margin-bottom: 2px;
}
#mabinogim .container .view_header_wrap .title_box .title span {
  width: auto;
  font-size: 22px;
  line-height: 130%;
  word-break: break-all;
}
#mabinogim .container .view_header_wrap .info {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
  background: #f6f4f4;
  border-radius: 20px;
  padding: 10px 20px;
  max-height: 54px;
}
#mabinogim .container .view_header_wrap .info .order_1 {
  position: relative;
}
#mabinogim .container .view_header_wrap .info .order_1 .user_info {
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
}
#mabinogim .container .view_header_wrap .info .order_1 .user_info .profile_image {
  width: 34px;
  min-width: 34px;
  height: 34px;
  border-radius: 50%;
  overflow: hidden;
}
#mabinogim .container .view_header_wrap .info .order_1 .user_info .profile_image img {
  width: 100%;
  height: 100%;
}
#mabinogim .container .view_header_wrap .info .order_1 .user_info .name {
  margin-left: 10px;
  color: #5c5c5c;
  font-size: 16px;
  letter-spacing: -0.28px;
  max-width: 230px;
  min-width: 230px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#mabinogim .container .view_header_wrap .info .order_2 {
  display: flex;
  align-items: center;
}
#mabinogim .container .view_header_wrap .info .order_2 .sub_info {
  display: flex;
}
#mabinogim .container .view_header_wrap .info .order_2 .sub_info > div {
  display: flex;
  align-items: center;
  margin-right: 16px;
}
#mabinogim .container .view_header_wrap .info .order_2 .sub_info > div span {
  color: #797979;
  margin-left: 6px;
}
#mabinogim .container .view_header_wrap .info .order_2 .sub_info .comment::before {
  display: block;
  content: "";
  width: 18px;
  height: 20px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%238E8E8E' d='m4 17-3-2h3v2Z'/%3E%3Cpath fill='%23AAA' d='M1 7a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2H1V7Z'/%3E%3Cpath fill='%23F6F4F4' d='M4 9h2v2H4V9ZM8 9h2v2H8V9ZM12 9h2v2h-2V9Z'/%3E%3C/svg%3E");
  background-size: cover;
}
#mabinogim .container .view_header_wrap .info .order_2 .sub_info .view::before {
  display: block;
  content: "";
  min-width: 18px;
  width: 18px;
  height: 10px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='10' fill='none'%3E%3Cpath fill='%23AAA' fill-rule='evenodd' d='M9 10c5.61 0 9-4.22 9-5 0-.78-3.39-5-9-5-4.809 0-9 4.22-9 5 0 .78 4.191 5 9 5Zm0-1.25c2.13 0 3.857-1.679 3.857-3.75 0-2.071-1.727-3.75-3.857-3.75S5.143 2.929 5.143 5C5.143 7.071 6.87 8.75 9 8.75Z' clip-rule='evenodd'/%3E%3Cpath fill='%23AAA' fill-rule='evenodd' d='M9 7.5c1.42 0 2.571-1.12 2.571-2.5H9V2.5C7.58 2.5 6.428 3.62 6.428 5S7.58 7.5 9 7.5Z' clip-rule='evenodd'/%3E%3C/svg%3E");
  background-size: cover;
}
#mabinogim .container .view_header_wrap .info .order_2 .sub_info .like::before {
  display: block;
  content: "";
  width: 12px;
  min-width: 12px;
  height: 11px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='11' fill='none'%3E%3Cpath fill='%23AAA' d='M0 2v4l3 3 3 2 3-2 3-3V2L9 0 6 2 3 0 0 2Z'/%3E%3C/svg%3E");
  background-size: cover;
  margin-top: -1px;
}
#mabinogim .container .view_header_wrap .info .order_2 .date {
  padding: 5px 20px;
  background: #fff;
  border-radius: 24px;
  margin-left: 10px;
  margin-right: 0;
}
#mabinogim .container .view_header_wrap .info .order_2 .date span {
  font-size: 12px;
  color: #aaa;
  font-weight: bold;
}
#mabinogim .container .view_header_wrap .creator_card {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 30px;
  border-radius: 30px;
  margin-top: 20px;
  border: 1px solid #F6F4F4;
}
#mabinogim .container .view_header_wrap .creator_card .order_1 {
  position: relative;
  display: flex;
  align-items: center;
  max-width: 86%;
}
#mabinogim .container .view_header_wrap .creator_card .order_1 .profile_image {
  position: relative;
  min-width: 110px;
  max-width: 110px;
  height: 110px;
  border-radius: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 28px;
}
#mabinogim .container .view_header_wrap .creator_card .order_1 .profile_image img {
  max-width: 100%;
}
#mabinogim .container .view_header_wrap .creator_card .order_1 .item_desc {
  position: relative;
  max-width: 86%;
}
#mabinogim .container .view_header_wrap .creator_card .order_1 .item_desc .title {
  display: inline-block;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  cursor: pointer;
}
#mabinogim .container .view_header_wrap .creator_card .order_1 .item_desc .title span {
  color: #404040;
  display: inline-block;
  max-width: 100%;
  font-size: 20px;
  letter-spacing: -2%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#mabinogim .container .view_header_wrap .creator_card .order_1 .item_desc .community_box {
  margin-top: 12px;
  display: flex;
  align-items: center;
}
#mabinogim .container .view_header_wrap .creator_card .order_1 .item_desc .community_box .user_info {
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
}
#mabinogim .container .view_header_wrap .creator_card .order_1 .item_desc .community_box .user_info .community_profile_image {
  min-width: 20px;
  height: 20px;
  border-radius: 50%;
  overflow: hidden;
}
#mabinogim .container .view_header_wrap .creator_card .order_1 .item_desc .community_box .user_info .community_profile_image img {
  width: 100%;
  height: 100%;
}
#mabinogim .container .view_header_wrap .creator_card .order_1 .item_desc .community_box .user_info .name {
  margin-left: 6px;
  color: #5C5C5C;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.28px;
}
#mabinogim .container .view_header_wrap .creator_card .order_1 .item_desc .community_box .sub_info {
  margin-left: 10px;
}
#mabinogim .container .view_header_wrap .creator_card .order_1 .item_desc .community_box .sub_info .date span {
  color: #aaa;
  font-size: 12px;
}
#mabinogim .container .view_header_wrap .creator_card .order_1 .item_desc .creator_box {
  width: max-content;
  display: flex;
  border-radius: 50px;
  border: 1px solid #F3F5F8;
  padding: 8px 16px 8px 8px;
  margin-top: 22px;
}
#mabinogim .container .view_header_wrap .creator_card .order_1 .item_desc .creator_box .creator_grade {
  display: flex;
  align-items: center;
  padding: 6px 30px;
  background: #F6F4F4;
  border-radius: 80px;
}
#mabinogim .container .view_header_wrap .creator_card .order_1 .item_desc .creator_box .creator_grade img {
  width: 25px;
}
#mabinogim .container .view_header_wrap .creator_card .order_1 .item_desc .creator_box .creator_grade span {
  font-size: 14px;
  color: #FC9700;
  margin-left: 4px;
}
#mabinogim .container .view_header_wrap .creator_card .order_1 .item_desc .creator_box .supporter_count {
  display: flex;
  align-items: center;
}
#mabinogim .container .view_header_wrap .creator_card .order_1 .item_desc .creator_box .supporter_count span:nth-child(1) {
  font-size: 14px;
  letter-spacing: -0.3px;
  color: #17191C;
  margin-left: 16px;
}
#mabinogim .container .view_header_wrap .creator_card .order_1 .item_desc .creator_box .supporter_count span:nth-child(2) {
  font-size: 14px;
  letter-spacing: -0.3px;
  color: #2BAF7E;
  margin-left: 4px;
}
#mabinogim .container .view_header_wrap .creator_card .order_1 .item_desc .creator_box .supporter_count::after {
  content: "";
  display: block;
  width: 1px;
  height: 10px;
  background: #D9D9D9;
  margin: 0 16px;
}
#mabinogim .container .view_header_wrap .creator_card .order_1 .item_desc .creator_box .creator_code {
  display: flex;
  align-items: center;
}
#mabinogim .container .view_header_wrap .creator_card .order_1 .item_desc .creator_box .creator_code span {
  font-weight: 400;
  font-size: 14px;
  letter-spacing: -0.3px;
  color: #17191C;
}
#mabinogim .container .view_header_wrap .creator_card .order_1 .item_desc .creator_box .creator_code button {
  color: #747A86;
  display: flex;
  align-items: center;
  margin-left: 4px;
  white-space: nowrap;
}
#mabinogim .container .view_header_wrap .creator_card .order_1 .item_desc .creator_box .creator_code button::after {
  content: "";
  display: block;
  width: 13px;
  height: 16px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='16' fill='none'%3E%3Cg fill='%23858A95' clip-path='url(%23a)'%3E%3Cpath d='M11.25 4.5v8s1 0 1-1v-7a4 4 0 0 0-4-4h-4c-1 0-1 1-1 1h5a3 3 0 0 1 3 3Z'/%3E%3Cpath fill-rule='evenodd' d='M2.25 14.5h5a1 1 0 0 0 1-1v-8a1 1 0 0 0-1-1h-5a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1Zm5 1a2 2 0 0 0 2-2v-8a2 2 0 0 0-2-2h-5a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h5Z' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M.25.5h12v15h-12z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  margin-left: 4px;
}
#mabinogim .container .view_header_wrap .creator_card .order_2 {
  position: relative;
  margin: auto 0 0 0;
  z-index: 2;
}
#mabinogim .container .view_header_wrap .creator_card .order_2 .boost_button a {
  font-family: "Pretendard-Bold";
  display: flex;
  padding: 10px 30px;
  background: #00B670;
  letter-spacing: -0.36px;
  color: #fff;
  font-size: 14px;
  border-radius: 12px;
  white-space: nowrap;
}
@media (hover: hover) and (min-width: 1281px) {
  #mabinogim .container .view_header_wrap .creator_card .order_2 .boost_button a:hover {
    background: #0C8B5A;
  }
}
#mabinogim .container .view_header_wrap .creator_card .order_2 ul.channel_list {
  display: flex;
  justify-content: center;
  gap: 4px;
  margin-top: 16px;
}
#mabinogim .container .view_header_wrap .creator_card .order_2 ul.channel_list li {
  width: 32px;
  height: 32px;
}
#mabinogim .container .view_header_wrap .creator_card .order_2 ul.channel_list li a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  width: 100%;
  height: 100%;
  border: 1px solid #E8EBF2;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 200%;
}
@media (hover: hover) and (min-width: 1281px) {
  #mabinogim .container .view_header_wrap .creator_card .order_2 ul.channel_list li a:hover {
    background: #f7f8fd;
  }
}
#mabinogim .container .view_header_wrap .creator_card .order_2 ul.channel_list li.youtube a::before {
  display: block;
  content: "";
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='red' d='M22.542 6.427a2.767 2.767 0 0 0-1.945-1.962C18.88 4 12.001 4 12.001 4s-6.88 0-8.595.464A2.767 2.767 0 0 0 1.46 6.427C1 8.157 1 11.769 1 11.769s0 3.612.46 5.342a2.767 2.767 0 0 0 1.945 1.962c1.715.464 8.595.464 8.595.464s6.88 0 8.594-.464a2.767 2.767 0 0 0 1.945-1.962c.46-1.73.46-5.342.46-5.342s0-3.612-.46-5.342h.002Z'/%3E%3Cpath fill='%23fff' d='m9.802 14.935 5.717-3.328-5.717-3.329v6.657Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
#mabinogim .container .view_header_wrap .creator_card .order_2 ul.channel_list li.afreecatv a::before {
  display: block;
  content: "";
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%230545B1' d='M16.808 5.6a6.336 6.336 0 0 0-4.735 2.118.123.123 0 0 1-.186 0 6.353 6.353 0 1 0 0 8.469.123.123 0 0 1 .186 0A6.353 6.353 0 1 0 16.808 5.6Zm0 9.655c-1.017 0-1.866-.49-2.387-1.043-.166-.176-.371-.418-.598-.624a5.089 5.089 0 0 0-.318-.264 2.62 2.62 0 0 0-1.525-.483c-.572 0-1.1.18-1.525.483-.103.078-.21.166-.318.264-.227.206-.432.448-.598.624-.52.553-1.37 1.043-2.387 1.043l-.077-.001a3.377 3.377 0 0 1-.131-.006c-.03-.001-.06-.004-.09-.007-.017 0-.035-.003-.052-.004a3.303 3.303 0 0 1-2.953-3.285v.014-.028.014a3.304 3.304 0 0 1 2.953-3.284l.056-.005.085-.007.133-.005.076-.002c1.016 0 1.865.49 2.387 1.043.165.177.37.419.598.624.107.098.215.185.318.265a2.62 2.62 0 0 0 1.524.482c.573 0 1.1-.18 1.525-.482.104-.079.21-.167.319-.265.226-.205.432-.447.598-.624.52-.553 1.37-1.043 2.386-1.043l.076.002c.044.001.089.002.133.005l.084.007c.019 0 .039.003.058.005a3.303 3.303 0 0 1 2.946 3.09l.002.032a4.535 4.535 0 0 1 .002.225c0 .034 0 .068-.002.102l-.001.02a3.303 3.303 0 0 1-2.947 3.1l-.06.005-.082.006c-.043.003-.089.004-.133.006l-.076.002Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M.8 5.6h22.36v12.704H.8z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
#mabinogim .container .view_header_wrap .creator_card .order_2 ul.channel_list li.chzzk a::before {
  display: block;
  content: "";
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Crect width='19' height='19' x='2.5' y='2.5' fill='%23000' rx='1.9'/%3E%3Cpath fill='%2300FFA3' d='M14.809 6.089H10.77l-3.304 4.63h3.965L6.511 17.7h10.647v-3.013h-4.442l4.773-6.798h-4.002l1.322-1.8Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
#mabinogim .container .view_header_wrap .creator_card.on {
  background: #fff;
}
#mabinogim .container .view_header_wrap .creator_card.on::before {
  opacity: 1;
}
#mabinogim .container .view_header_wrap .creator_card.on .order_1 .title span {
  color: #F65606;
}
@media (hover: hover) and (min-width: 1281px) {
  #mabinogim .container .view_header_wrap .creator_card:hover {
    background: #fff;
  }
  #mabinogim .container .view_header_wrap .creator_card:hover::before {
    opacity: 1;
  }
  #mabinogim .container .view_header_wrap .creator_card:hover .order_1 .title span {
    color: #F65606;
  }
}
#mabinogim .container .view_body_wrap {
  margin-top: 10px;
  margin-bottom: 30px;
  background-color: #fff;
  border-radius: 24px;
  position: relative;
  overflow: hidden;
  clip-path: inset(0 0 0 0);
}
#mabinogim .container .view_body_wrap .content_area {
  padding: 30px 30px 20px;
}
#mabinogim .container .view_body_wrap .content_area .content {
  overflow: hidden;
  overflow-x: auto;
  font-size: 16px;
  color: #626262;
  word-break: keep-all;
  word-wrap: break-word;
  line-height: 130%;
}
#mabinogim .container .view_body_wrap .content_area .content p, #mabinogim .container .view_body_wrap .content_area .content div, #mabinogim .container .view_body_wrap .content_area .content span, #mabinogim .container .view_body_wrap .content_area .content b, #mabinogim .container .view_body_wrap .content_area .content iframe, #mabinogim .container .view_body_wrap .content_area .content ul, #mabinogim .container .view_body_wrap .content_area .content li, #mabinogim .container .view_body_wrap .content_area .content dl, #mabinogim .container .view_body_wrap .content_area .content dt, #mabinogim .container .view_body_wrap .content_area .content dd, #mabinogim .container .view_body_wrap .content_area .content section, #mabinogim .container .view_body_wrap .content_area .content table {
  position: static !important;
}
#mabinogim .container .view_body_wrap .content_area .content > div,
#mabinogim .container .view_body_wrap .content_area .content > p {
  line-height: 130%;
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
  font-size: 16px;
  color: #626262;
  word-break: keep-all;
  word-wrap: break-word;
}
#mabinogim .container .view_body_wrap .content_area .content img {
  max-width: 100%;
  height: auto !important;
  object-fit: contain;
}
#mabinogim .container .view_body_wrap .content_area .content .added_emoticon,
#mabinogim .container .view_body_wrap .content_area .content .sticker {
  max-width: 84px !important;
}
#mabinogim .container .view_body_wrap .content_area .content .added_image {
  max-width: 100%;
}
#mabinogim .container .view_body_wrap .content_area .content b, #mabinogim .container .view_body_wrap .content_area .content strong {
  font-family: "Pretendard-Bold";
}
#mabinogim .container .view_body_wrap .content_area .content b span, #mabinogim .container .view_body_wrap .content_area .content strong span {
  font-family: "Pretendard-Bold";
}
#mabinogim .container .view_body_wrap .content_area .content table, #mabinogim .container .view_body_wrap .content_area .content td, #mabinogim .container .view_body_wrap .content_area .content th {
  max-width: 100% !important;
  border-spacing: 0;
  border: 1px solid black;
  border-collapse: collapse;
}
#mabinogim .container .view_body_wrap .content_area .content table td, #mabinogim .container .view_body_wrap .content_area .content td td, #mabinogim .container .view_body_wrap .content_area .content th td {
  padding: 5px;
}
#mabinogim .container .view_body_wrap .content_area .survey_content {
  margin-block-end: 0;
}
#mabinogim .container .view_body_wrap .content_area .survey_content div {
  margin: 0;
}
#mabinogim .container .view_body_wrap .content_area .survey_content .survey h1 {
  font-size: 25px;
  line-height: 130%;
}
#mabinogim .container .view_body_wrap .content_area .survey_content .survey h2 {
  margin-top: 10px;
  font-size: 16px;
  line-height: 130%;
}
#mabinogim .container .view_body_wrap .content_area .survey_content .survey .survey_item {
  margin-top: 20px;
  border-radius: 24px;
  border: 1px solid #dbdbdb;
  background: #fff;
  padding: 10px 10px 20px;
}
#mabinogim .container .view_body_wrap .content_area .survey_content .survey .survey_item .question {
  display: flex;
  align-items: center;
  padding: 8px 20px 5px;
  background: #f1f1f1;
  border-radius: 30px;
  margin: 0;
}
#mabinogim .container .view_body_wrap .content_area .survey_content .survey .survey_item ul li {
  padding: 0 10px 0;
}
#mabinogim .container .view_body_wrap .content_area .survey_content .survey .survey_item ul li:first-child {
  margin-top: 10px;
}
#mabinogim .container .view_body_wrap .content_area .survey_content .survey .survey_item ul li label {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  cursor: pointer;
  margin-top: 6px;
  width: 100%;
}
#mabinogim .container .view_body_wrap .content_area .survey_content .survey .survey_item ul li label span {
  white-space: nowrap;
  color: #626262;
  font-size: 16px;
}
#mabinogim .container .view_body_wrap .content_area .survey_content .survey .survey_item ul li label .other_input {
  display: none;
  min-width: 100%;
  margin-top: 6px;
}
#mabinogim .container .view_body_wrap .content_area .survey_content .survey .survey_item ul li label .other_input input[type=text] {
  width: 100%;
  color: #5c5c5c;
  padding: 5px;
  border: 1px solid #dbdbdb;
}
#mabinogim .container .view_body_wrap .content_area .survey_content .survey .survey_item ul.radio_type li label {
  position: relative;
}
#mabinogim .container .view_body_wrap .content_area .survey_content .survey .survey_item ul.radio_type li label input[type=radio] {
  position: absolute;
  visibility: hidden;
}
#mabinogim .container .view_body_wrap .content_area .survey_content .survey .survey_item ul.radio_type li label i {
  position: relative;
  border: 1px solid #626262;
  border-radius: 50%;
  width: 16px;
  min-width: 16px;
  height: 16px;
  margin-right: 10px;
}
#mabinogim .container .view_body_wrap .content_area .survey_content .survey .survey_item ul.radio_type li label input[type=radio]:checked ~ i {
  border: 1px solid #626262;
}
#mabinogim .container .view_body_wrap .content_area .survey_content .survey .survey_item ul.radio_type li label input[type=radio]:checked ~ i::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: "";
  width: 8px;
  height: 8px;
  background: #00b670;
  border-radius: 50%;
}
#mabinogim .container .view_body_wrap .content_area .survey_content .survey .survey_item ul.radio_type li label input[type=radio]:checked ~ .other_input {
  display: block;
}
#mabinogim .container .view_body_wrap .content_area .survey_content .survey .survey_item ul.checkbox_type li label input[type=checkbox] {
  position: absolute;
  visibility: hidden;
}
#mabinogim .container .view_body_wrap .content_area .survey_content .survey .survey_item ul.checkbox_type li label i {
  position: relative;
  border: 1px solid #626262;
  width: 16px;
  min-width: 16px;
  height: 16px;
  margin-right: 10px;
}
#mabinogim .container .view_body_wrap .content_area .survey_content .survey .survey_item ul.checkbox_type li label input[type=checkbox]:checked ~ i::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: "";
  width: 8px;
  height: 8px;
  background: #00b670;
}
#mabinogim .container .view_body_wrap .content_area .survey_content .survey .survey_item ul.checkbox_type li label input[type=checkbox]:checked ~ .other_input {
  display: block;
}
#mabinogim .container .view_body_wrap .content_area .survey_content .survey .survey_item .text_area {
  padding: 10px 10px 0;
}
#mabinogim .container .view_body_wrap .content_area .survey_content .survey .survey_item .text_area input[type=text] {
  width: 100%;
  color: #5c5c5c;
  padding: 10px;
  border: 1px solid #dbdbdb;
}
#mabinogim .container .view_body_wrap .content_area .survey_content .survey .survey_item .text_area textarea {
  width: 100%;
  color: #5c5c5c;
  font-size: 14px;
  line-height: 130%;
  letter-spacing: -0.28px;
  text-transform: uppercase;
  padding: 10px;
  min-height: 110px;
  border: 1px solid #dbdbdb;
  outline: none;
}
#mabinogim .container .view_body_wrap .content_area .survey_content .survey .button_area {
  width: 100%;
  display: flex;
  justify-content: center;
  border-top: none;
}
#mabinogim .container .view_body_wrap .content_area .survey_content .survey .button_area .survey_apply_button {
  font-family: "Pretendard-Bold";
  width: min-content;
  border-radius: 12px;
  background: #2baf7e;
  color: #fff;
  text-align: center;
  font-size: 18px;
  letter-spacing: -0.36px;
  padding: 10px 24px;
  white-space: nowrap;
}
#mabinogim .container .view_body_wrap .content_area .survey_content .survey_finish {
  width: 100%;
  padding: 60px 0;
}
#mabinogim .container .view_body_wrap .content_area .survey_content .survey_finish span {
  font-family: "Pretendard-Bold";
  width: 100%;
  display: inline-block;
  color: #626262;
  text-align: center;
  font-size: 28px;
  line-height: 130%;
  letter-spacing: -0.56px;
}
#mabinogim .container .view_body_wrap .content_area .survey_content .survey_finish .button_area {
  width: 100%;
  display: flex;
  justify-content: center;
  border-top: none;
}
#mabinogim .container .view_body_wrap .content_area .survey_content .survey_finish .button_area a,
#mabinogim .container .view_body_wrap .content_area .survey_content .survey_finish .button_area button {
  font-family: "Pretendard-Bold";
  width: min-content;
  min-width: 110px;
  border-radius: 12px;
  text-align: center;
  font-size: 18px;
  letter-spacing: -0.36px;
  padding: 10px 24px;
  white-space: nowrap;
}
#mabinogim .container .view_body_wrap .content_area .survey_content .survey_finish .button_area .survey_apply_button {
  background: #2baf7e;
  color: #fff;
}
#mabinogim .container .view_body_wrap .content_area .survey_content .survey_finish .button_area .list_button {
  border: 1px solid #626262;
  background: #fff;
  color: #525252;
}
#mabinogim .container .view_body_wrap .content_area .survey_content.done .survey .survey_item {
  pointer-events: none;
}
#mabinogim .container .view_body_wrap .content_area .survey_content.done .survey .survey_item ul {
  opacity: 0.2;
}
#mabinogim .container .view_body_wrap .content_area .survey_content.done .survey .survey_item .input_text_wrap {
  opacity: 0.2;
}
#mabinogim .container .view_body_wrap .content_area .survey_content.done .survey .survey_item textarea {
  opacity: 0.2;
}
#mabinogim .container .view_body_wrap .content_area .util_button {
  position: relative;
  display: flex;
  justify-content: center;
  padding: 60px 0;
}
#mabinogim .container .view_body_wrap .content_area .util_button > li {
  position: relative;
  margin-right: 20px;
}
#mabinogim .container .view_body_wrap .content_area .util_button > li .report_button::before {
  display: block;
  content: "";
  min-width: 48px;
  width: 48px;
  height: 48px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' fill='none'%3E%3Crect width='47' height='47' x='.5' y='.5' stroke='%235C5C5C' rx='23.5'/%3E%3Cpath fill='%23626262' d='M32.794 27.675c-.563-.986-1.233-2.858-1.233-6.175v-.685c0-4.278-3.366-7.784-7.503-7.815H24a7.479 7.479 0 0 0-5.346 2.263 7.815 7.815 0 0 0-2.214 5.464v.773c0 3.316-.67 5.188-1.233 6.175a1.572 1.572 0 0 0-.007 1.549c.133.235.324.431.554.568.23.136.492.208.758.208h14.976c.266 0 .528-.072.758-.208a1.53 1.53 0 0 0 .553-.568 1.572 1.572 0 0 0-.005-1.549ZM27.2 31h-6.4a.73.73 0 0 0-.566.293A1.14 1.14 0 0 0 20 32c0 .265.084.52.234.707A.73.73 0 0 0 20.8 33h6.4a.73.73 0 0 0 .566-.293A1.14 1.14 0 0 0 28 32c0-.265-.084-.52-.234-.707A.73.73 0 0 0 27.2 31Z'/%3E%3C/svg%3E");
  background-size: cover;
}
@media (hover: hover) and (min-width: 1281px) {
  #mabinogim .container .view_body_wrap .content_area .util_button > li .report_button:hover::before {
    display: block;
    content: "";
    min-width: 48px;
    width: 48px;
    height: 48px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' fill='none'%3E%3Crect width='47' height='47' x='.5' y='.5' fill='%23626262' rx='23.5'/%3E%3Crect width='47' height='47' x='.5' y='.5' stroke='%235C5C5C' rx='23.5'/%3E%3Cpath fill='%23fff' d='M32.794 27.675c-.563-.986-1.233-2.858-1.233-6.175v-.685c0-4.278-3.366-7.784-7.503-7.815H24a7.479 7.479 0 0 0-5.346 2.263 7.815 7.815 0 0 0-2.214 5.464v.773c0 3.316-.67 5.188-1.233 6.175a1.572 1.572 0 0 0-.007 1.549c.133.235.324.431.554.568.23.136.492.208.758.208h14.976c.266 0 .528-.072.758-.208a1.53 1.53 0 0 0 .553-.568 1.572 1.572 0 0 0-.005-1.549ZM27.2 31h-6.4a.73.73 0 0 0-.566.293A1.14 1.14 0 0 0 20 32c0 .265.084.52.234.707A.73.73 0 0 0 20.8 33h6.4a.73.73 0 0 0 .566-.293A1.14 1.14 0 0 0 28 32c0-.265-.084-.52-.234-.707A.73.73 0 0 0 27.2 31Z'/%3E%3C/svg%3E");
    background-size: cover;
  }
}
#mabinogim .container .view_body_wrap .content_area .util_button > li .report_button .mini_card_toggle {
  top: 50px;
}
#mabinogim .container .view_body_wrap .content_area .util_button > li .like_button::before {
  display: block;
  content: "";
  min-width: 48px;
  width: 48px;
  height: 48px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' fill='none'%3E%3Crect width='47' height='47' x='.5' y='.5' fill='%23FBAC1B' rx='23.5'/%3E%3Crect width='47' height='47' x='.5' y='.5' stroke='%23EC9F11' rx='23.5'/%3E%3Cpath fill='%23fff' d='M32.695 17.779A5.335 5.335 0 0 0 28.836 16a5.452 5.452 0 0 0-3.941 1.57l-.858.855-.672-.67c-2.09-2.087-5.493-2.262-7.58-.384a5.361 5.361 0 0 0-1.783 3.846 5.348 5.348 0 0 0 1.574 3.936l7.447 7.428a1.437 1.437 0 0 0 2.027 0l7.261-7.242c2.092-2.087 2.264-5.48.384-7.561Z'/%3E%3C/svg%3E");
  background-size: cover;
}
#mabinogim .container .view_body_wrap .content_area .util_button > li .like_button.dislike_button::before {
  display: block;
  content: "";
  min-width: 48px;
  width: 48px;
  height: 48px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' fill='none'%3E%3Crect width='47' height='47' x='.5' y='.5' stroke='%235C5C5C' rx='23.5'/%3E%3Cpath fill='%23626262' d='M32.695 17.779A5.335 5.335 0 0 0 28.836 16a5.452 5.452 0 0 0-3.941 1.57l-.858.855-.672-.67c-2.09-2.087-5.493-2.262-7.58-.384a5.361 5.361 0 0 0-1.783 3.846 5.348 5.348 0 0 0 1.574 3.936l7.447 7.428a1.437 1.437 0 0 0 2.027 0l7.261-7.242c2.092-2.087 2.264-5.48.384-7.561Z'/%3E%3C/svg%3E");
  background-size: cover;
}
@media (hover: hover) and (min-width: 1281px) {
  #mabinogim .container .view_body_wrap .content_area .util_button > li .like_button.dislike_button:hover::before {
    display: block;
    content: "";
    min-width: 48px;
    width: 48px;
    height: 48px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' fill='none'%3E%3Crect width='47' height='47' x='.5' y='.5' fill='%23626262' rx='23.5'/%3E%3Crect width='47' height='47' x='.5' y='.5' stroke='%235C5C5C' rx='23.5'/%3E%3Cpath fill='%23fff' d='M32.695 17.779A5.335 5.335 0 0 0 28.836 16a5.452 5.452 0 0 0-3.941 1.57l-.858.855-.672-.67c-2.09-2.087-5.493-2.262-7.58-.384a5.361 5.361 0 0 0-1.783 3.846 5.348 5.348 0 0 0 1.574 3.936l7.447 7.428a1.437 1.437 0 0 0 2.027 0l7.261-7.242c2.092-2.087 2.264-5.48.384-7.561Z'/%3E%3C/svg%3E");
    background-size: cover;
  }
}
#mabinogim .container .view_body_wrap .content_area .util_button > li .share_button::before {
  display: block;
  content: "";
  min-width: 48px;
  width: 48px;
  height: 48px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' fill='none'%3E%3Crect width='47' height='47' x='.5' y='.5' stroke='%235C5C5C' rx='23.5'/%3E%3Cpath fill='%23626262' d='M29 34a2.893 2.893 0 0 1-2.125-.875A2.893 2.893 0 0 1 26 31c0-.117.008-.238.025-.363s.042-.238.075-.337l-7.05-4.1c-.283.25-.6.446-.95.588-.35.142-.717.213-1.1.212a2.893 2.893 0 0 1-2.125-.875A2.893 2.893 0 0 1 14 24c0-.833.292-1.542.875-2.125A2.893 2.893 0 0 1 17 21c.383 0 .75.071 1.1.213.35.142.667.338.95.587l7.05-4.1a1.842 1.842 0 0 1-.075-.337A2.734 2.734 0 0 1 26 17c0-.833.292-1.542.875-2.125A2.893 2.893 0 0 1 29 14c.833 0 1.542.292 2.125.875S32 16.167 32 17s-.292 1.542-.875 2.125A2.893 2.893 0 0 1 29 20c-.383 0-.75-.07-1.1-.212a3.271 3.271 0 0 1-.95-.588l-7.05 4.1c.033.1.058.213.075.338a2.741 2.741 0 0 1 0 .725 1.818 1.818 0 0 1-.075.337l7.05 4.1c.283-.25.6-.446.95-.587.35-.141.717-.212 1.1-.213.833 0 1.542.292 2.125.875S32 30.167 32 31s-.292 1.542-.875 2.125A2.893 2.893 0 0 1 29 34Zm0-16a.968.968 0 0 0 .713-.288A.964.964 0 0 0 30 17a.968.968 0 0 0-.288-.713A.964.964 0 0 0 29 16a.968.968 0 0 0-.713.288A.964.964 0 0 0 28 17c0 .283.096.521.288.713.192.192.43.288.712.287Zm-12 7a.968.968 0 0 0 .713-.288A.964.964 0 0 0 18 24a.968.968 0 0 0-.288-.713A.964.964 0 0 0 17 23a.968.968 0 0 0-.713.288A.964.964 0 0 0 16 24c0 .283.096.521.288.713.192.192.43.288.712.287Zm12 7a.968.968 0 0 0 .713-.288A.964.964 0 0 0 30 31a.968.968 0 0 0-.288-.713A.964.964 0 0 0 29 30a.968.968 0 0 0-.713.288A.964.964 0 0 0 28 31c0 .283.096.521.288.713.192.192.43.288.712.287Z'/%3E%3C/svg%3E");
  background-size: cover;
}
#mabinogim .container .view_body_wrap .content_area .util_button > li .share_button::after {
  position: absolute;
  top: -15px;
  display: block;
  content: "";
  min-width: 48px;
  width: 48px;
  height: 20px;
  background: none;
}
@media (hover: hover) and (min-width: 1281px) {
  #mabinogim .container .view_body_wrap .content_area .util_button > li .share_button:hover::before {
    display: block;
    content: "";
    min-width: 48px;
    width: 48px;
    height: 48px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' fill='none'%3E%3Crect width='47' height='47' x='.5' y='.5' fill='%23626262' rx='23.5'/%3E%3Crect width='47' height='47' x='.5' y='.5' stroke='%235C5C5C' rx='23.5'/%3E%3Cpath fill='%23fff' d='M29 34a2.893 2.893 0 0 1-2.125-.875A2.893 2.893 0 0 1 26 31c0-.117.008-.238.025-.363s.042-.238.075-.337l-7.05-4.1c-.283.25-.6.446-.95.588-.35.142-.717.213-1.1.212a2.893 2.893 0 0 1-2.125-.875A2.893 2.893 0 0 1 14 24c0-.833.292-1.542.875-2.125A2.893 2.893 0 0 1 17 21c.383 0 .75.071 1.1.213.35.142.667.338.95.587l7.05-4.1a1.842 1.842 0 0 1-.075-.337A2.734 2.734 0 0 1 26 17c0-.833.292-1.542.875-2.125A2.893 2.893 0 0 1 29 14c.833 0 1.542.292 2.125.875S32 16.167 32 17s-.292 1.542-.875 2.125A2.893 2.893 0 0 1 29 20c-.383 0-.75-.07-1.1-.212a3.271 3.271 0 0 1-.95-.588l-7.05 4.1c.033.1.058.213.075.338a2.741 2.741 0 0 1 0 .725 1.818 1.818 0 0 1-.075.337l7.05 4.1c.283-.25.6-.446.95-.587.35-.141.717-.212 1.1-.213.833 0 1.542.292 2.125.875S32 30.167 32 31s-.292 1.542-.875 2.125A2.893 2.893 0 0 1 29 34Zm0-16a.968.968 0 0 0 .713-.288A.964.964 0 0 0 30 17a.968.968 0 0 0-.288-.713A.964.964 0 0 0 29 16a.968.968 0 0 0-.713.288A.964.964 0 0 0 28 17c0 .283.096.521.288.713.192.192.43.288.712.287Zm-12 7a.968.968 0 0 0 .713-.288A.964.964 0 0 0 18 24a.968.968 0 0 0-.288-.713A.964.964 0 0 0 17 23a.968.968 0 0 0-.713.288A.964.964 0 0 0 16 24c0 .283.096.521.288.713.192.192.43.288.712.287Zm12 7a.968.968 0 0 0 .713-.288A.964.964 0 0 0 30 31a.968.968 0 0 0-.288-.713A.964.964 0 0 0 29 30a.968.968 0 0 0-.713.288A.964.964 0 0 0 28 31c0 .283.096.521.288.713.192.192.43.288.712.287Z'/%3E%3C/svg%3E");
    background-size: cover;
  }
}
#mabinogim .container .view_body_wrap .content_area .util_button > li .share_button .mini_card_toggle {
  display: none;
  width: 118px;
  height: 50px;
  background-image: url("https://lwi.nexon.com/m_mabinogim/brand/community/pyop.png");
  background-size: 100% auto;
  position: absolute;
  top: -55px;
  left: -34px;
}
#mabinogim .container .view_body_wrap .content_area .util_button > li .share_button .mini_card_toggle ul li {
  display: inline-block;
  cursor: pointer;
}
#mabinogim .container .view_body_wrap .content_area .util_button > li .share_button .mini_card_toggle ul li.url {
  margin: 5px 0 0 8px;
  width: 30px;
  height: 30px;
}
#mabinogim .container .view_body_wrap .content_area .util_button > li .share_button .mini_card_toggle ul li.facebook {
  margin: 5px 0 0 4px;
  width: 30px;
  height: 30px;
}
#mabinogim .container .view_body_wrap .content_area .util_button > li .share_button .mini_card_toggle ul li.twitter {
  margin: 5px 0 0 1px;
  width: 30px;
  height: 30px;
}
@media (hover: hover) and (min-width: 1281px) {
  #mabinogim .container .view_body_wrap .content_area .util_button > li:hover .mini_card_toggle {
    display: block;
  }
}
#mabinogim .container .view_body_wrap .content_area .attachment_file_list ul li {
  display: inline-flex;
  border-radius: 5px;
  border: 1px solid #cacaca;
  background: #707070;
  padding: 5px 10px;
  margin: 0 10px 10px 0;
}
#mabinogim .container .view_body_wrap .content_area .attachment_file_list ul li a {
  display: flex;
  color: #fff;
  font-size: 14px;
}
#mabinogim .container .view_body_wrap .content_area .attachment_file_list ul li a::before {
  display: block;
  content: "";
  min-width: 17px;
  width: 17px;
  height: 16px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='16' fill='none'%3E%3Cg fill='%23fff' clip-path='url(%23a)'%3E%3Cpath d='m14.942 4.151-2.77-2.764C11.386.6 10.992.206 10.507 0L10.5 2.121c0 1.829 0 2.743.512 3.311C11.524 6 12.348 6 13.996 6H16.5c-.253-.546-.708-1-1.558-1.849Z'/%3E%3Cpath fill-rule='evenodd' d='M10.1 16H6.9c-3.017 0-4.526 0-5.462-.938C.5 14.126.5 12.617.5 9.6V6.4c0-3.017 0-4.526.938-5.462C2.374 0 3.89 0 6.924 0c.485 0 .873 0 1.2.014-.01.064-.016.128-.016.195L8.1 2.476c0 .878 0 1.654.084 2.278.091.678.3 1.356.854 1.91.552.551 1.23.76 1.908.852.624.084 1.4.084 2.278.084h3.242c.034.427.034.952.034 1.65v.35c0 3.017 0 4.526-.938 5.462C14.626 16 13.117 16 10.1 16ZM7.298 9.952a.6.6 0 0 1 .05.846l-2.133 2.4a.6.6 0 0 1-.897 0l-1.067-1.2a.6.6 0 0 1 .898-.796l.617.696 1.685-1.896a.6.6 0 0 1 .848-.05Z' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M.5 0h16v16H.5z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: cover;
  margin-right: 10px;
}
#mabinogim .container .view_body_wrap .content_area .tag {
  border-top: 1px solid #aaa;
  padding: 15px 20px;
}
#mabinogim .container .view_body_wrap .content_area .tag a {
  margin-right: 20px;
  font-size: 16px;
  color: #626262;
}
#mabinogim .container .view_body_wrap .content_area .tag a:last-child {
  margin-right: 0;
}
#mabinogim .container .view_body_wrap .content_area .user_info {
  border-top: 1px solid #aaa;
  padding: 25px 30px 35px;
}
#mabinogim .container .view_body_wrap .content_area .user_info .user_card {
  display: flex;
  align-items: center;
}
#mabinogim .container .view_body_wrap .content_area .user_info .user_card .profile_image {
  margin-right: 12px;
  position: relative;
  width: 146px;
  min-width: 146px;
  height: 143px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='146' height='144' fill='none'%3E%3Cpath fill='%23C4C4C4' d='M52.65 57.976a.81.81 0 1 0 .001-1.621.81.81 0 0 0 0 1.621ZM58.21 52.342a.81.81 0 1 0 0-1.622.81.81 0 0 0 0 1.622ZM65.24 48.698a.81.81 0 1 0 0-1.621.81.81 0 0 0 0 1.62ZM80.882 48.588a.81.81 0 1 0 .001-1.621.81.81 0 0 0 0 1.62ZM87.966 52.126a.81.81 0 1 0 0-1.621.81.81 0 0 0 0 1.62ZM93.603 57.68a.81.81 0 1 0 0-1.622.81.81 0 0 0 0 1.621ZM97.25 64.702a.81.81 0 1 0 .001-1.621.81.81 0 0 0 0 1.621ZM97.364 80.328a.81.81 0 1 0 .001-1.622.81.81 0 0 0 0 1.621ZM93.819 87.403a.81.81 0 1 0 0-1.62.81.81 0 0 0 0 1.62ZM88.26 93.034a.81.81 0 1 0 0-1.621.81.81 0 0 0 0 1.62ZM81.229 96.678a.81.81 0 1 0 0-1.621.81.81 0 0 0 0 1.62ZM65.587 96.792a.81.81 0 1 0 0-1.622.81.81 0 0 0 0 1.622ZM58.503 93.25a.81.81 0 1 0 .001-1.622.81.81 0 0 0 0 1.622ZM52.867 87.697a.81.81 0 1 0 0-1.622.81.81 0 0 0 0 1.621ZM49.219 80.674a.81.81 0 1 0 0-1.622.81.81 0 0 0 0 1.621ZM49.109 65.048a.81.81 0 1 0 0-1.621.81.81 0 0 0 0 1.621Z'/%3E%3Cpath fill='%23C4C4C4' d='m77.361 76.216 32.988-4.32-32.968-4.136-4.528-32.957-4.022 32.94L35.9 72.258l33 4.019 4.316 32.895 4.145-32.956Z'/%3E%3Cpath fill='%23C4C4C4' d='m78.45 71.782 5.587-11.375L73 66.44l-11.196-5.492 5.918 10.805-5.962 10.818 11.212-5.431 11.02 6.066-5.543-11.424ZM47.898 101.746a4.965 4.965 0 0 1-4.964-4.958 4.965 4.965 0 0 1 9.928 0 4.965 4.965 0 0 1-4.964 4.958Zm0-9.103a4.153 4.153 0 0 0-4.149 4.145 4.153 4.153 0 0 0 4.15 4.144 4.153 4.153 0 0 0 4.148-4.144 4.153 4.153 0 0 0-4.149-4.145Z'/%3E%3Cpath fill='%23C4C4C4' d='M44.882 93.624a.413.413 0 0 1-.326-.163 35.59 35.59 0 0 1-6.782-16.09.406.406 0 0 1 .343-.463.407.407 0 0 1 .464.342 34.819 34.819 0 0 0 6.627 15.723.404.404 0 0 1-.081.57.393.393 0 0 1-.245.081ZM66.94 107.129c-.025 0-.045 0-.07-.009a35.7 35.7 0 0 1-15.776-7.014.404.404 0 0 1-.07-.57.404.404 0 0 1 .57-.07 34.887 34.887 0 0 0 15.415 6.857c.22.036.37.248.33.472a.406.406 0 0 1-.4.338v-.004Z'/%3E%3Cpath fill='%23C4C4C4' d='M64.09 127.481c-.02 0-.04 0-.064-.004a.405.405 0 0 1-.339-.464l3.224-20.336a.407.407 0 0 1 .803.126l-3.224 20.336a.408.408 0 0 1-.403.342h.004ZM50.816 140.012a.404.404 0 0 1-.387-.533l1.203-3.697a.407.407 0 0 1 .774.253l-1.202 3.696a.41.41 0 0 1-.388.281ZM53.413 132.033a.404.404 0 0 1-.387-.534l8.436-26.072a.408.408 0 0 1 .514-.261c.216.069.33.297.26.513L53.8 131.752a.41.41 0 0 1-.387.281ZM47.45 122.074a.409.409 0 0 1-.363-.594l9.37-18.37a.41.41 0 0 1 .73.371l-9.37 18.369a.408.408 0 0 1-.363.224h-.004ZM31.021 129.785a.405.405 0 0 1-.33-.647l21.08-28.983a.41.41 0 0 1 .57-.09c.183.13.224.387.09.57l-21.08 28.983a.407.407 0 0 1-.33.167ZM32.892 112.185a.405.405 0 0 1-.29-.692l11.702-11.689a.406.406 0 0 1 .574.574l-11.7 11.689a.402.402 0 0 1-.29.118h.004ZM14.176 114.848a.407.407 0 0 1-.24-.737l2.967-2.154a.414.414 0 0 1 .57.09.409.409 0 0 1-.09.57l-2.966 2.153a.403.403 0 0 1-.24.078ZM20.852 110.003a.407.407 0 0 1-.24-.737l23.46-17.026a.409.409 0 0 1 .48.66l-23.46 17.026a.402.402 0 0 1-.24.077ZM21.244 98.522a.409.409 0 0 1-.183-.774l20.182-10.271a.409.409 0 1 1 .37.729L21.432 98.476a.434.434 0 0 1-.183.045h-.004ZM3.898 94.63a.408.408 0 0 1-.126-.794l35.42-11.497a.408.408 0 0 1 .253.773L4.024 94.61a.455.455 0 0 1-.126.02ZM15.049 81.736a.403.403 0 0 1-.4-.338.412.412 0 0 1 .33-.472l22.991-3.99a.41.41 0 0 1 .473.33.412.412 0 0 1-.33.472l-22.991 3.99c-.024 0-.049.004-.07.004l-.003.004ZM46.953 97.565l.937 2.744.807-2.752 2.763-.802-2.738-.949-.816-2.809-.97 2.793-2.795.953 2.812.822Zm.847-1.718.808.806-.807.806-.808-.806.807-.806ZM47.898 52.167a4.965 4.965 0 0 1-4.964-4.96 4.965 4.965 0 0 1 9.928 0 4.965 4.965 0 0 1-4.964 4.96Zm0-9.104a4.153 4.153 0 0 0-4.149 4.145 4.153 4.153 0 0 0 4.15 4.144 4.153 4.153 0 0 0 4.148-4.144 4.153 4.153 0 0 0-4.149-4.145Z'/%3E%3Cpath fill='%23C4C4C4' d='M38.178 67.092s-.04 0-.061-.004a.406.406 0 0 1-.343-.464 35.614 35.614 0 0 1 6.782-16.09.408.408 0 0 1 .652.489 34.8 34.8 0 0 0-6.627 15.723.404.404 0 0 1-.403.346ZM51.346 44.618a.407.407 0 0 1-.253-.725A35.663 35.663 0 0 1 66.87 36.88a.41.41 0 0 1 .473.33c.041.22-.11.431-.33.472A34.877 34.877 0 0 0 51.6 44.537a.412.412 0 0 1-.253.086v-.005Z'/%3E%3Cpath fill='%23C4C4C4' d='M67.315 37.665a.41.41 0 0 1-.404-.342l-3.224-20.336a.403.403 0 0 1 .339-.464.406.406 0 0 1 .464.338l3.224 20.335a.403.403 0 0 1-.338.465c-.02 0-.045.004-.065.004h.004ZM52.019 8.494a.41.41 0 0 1-.387-.28L50.429 4.52a.408.408 0 0 1 .775-.253l1.202 3.693a.408.408 0 0 1-.387.533ZM61.85 38.85a.41.41 0 0 1-.388-.281l-8.437-26.073a.408.408 0 0 1 .775-.252l8.436 26.072a.408.408 0 0 1-.387.533ZM56.82 41.105a.404.404 0 0 1-.363-.224l-9.37-18.37a.409.409 0 1 1 .73-.37l9.37 18.37a.409.409 0 0 1-.363.594h-.004ZM52.1 44.008a.407.407 0 0 1-.33-.167L30.69 14.858a.409.409 0 0 1 .661-.48l21.08 28.982a.409.409 0 0 1-.33.648ZM44.593 44.313a.418.418 0 0 1-.29-.118l-11.7-11.689a.405.405 0 1 1 .574-.574l11.701 11.689a.405.405 0 0 1-.29.692h.005ZM17.143 32.12a.412.412 0 0 1-.24-.078l-2.967-2.153a.405.405 0 0 1-.09-.57.406.406 0 0 1 .57-.09l2.968 2.154a.408.408 0 0 1-.24.737ZM44.308 51.833a.412.412 0 0 1-.24-.078L20.607 34.73a.405.405 0 0 1-.09-.57.406.406 0 0 1 .57-.09l23.46 17.027a.408.408 0 0 1-.24.737ZM41.426 56.56a.37.37 0 0 1-.183-.045L21.06 46.243a.41.41 0 0 1-.18-.55.41.41 0 0 1 .551-.179l20.183 10.272a.41.41 0 0 1-.184.773h-.004ZM39.32 61.681a.456.456 0 0 1-.127-.02L3.77 50.163a.404.404 0 0 1-.26-.512.408.408 0 0 1 .513-.261l35.421 11.497c.216.07.33.297.261.513a.41.41 0 0 1-.387.281ZM38.04 67.063c-.025 0-.045 0-.07-.004l-22.99-3.99a.408.408 0 0 1 .143-.802l22.99 3.99c.22.037.37.249.33.472a.406.406 0 0 1-.4.338l-.004-.004ZM44.14 47.253l2.797.952.97 2.793.815-2.809 2.738-.949-2.763-.802-.807-2.752-.937 2.744-2.812.823Zm2.853.09.807-.807.808.806-.807.806-.808-.806ZM98.106 101.746a4.965 4.965 0 0 1-4.964-4.958 4.965 4.965 0 0 1 9.928 0 4.964 4.964 0 0 1-4.964 4.958Zm0-9.103a4.153 4.153 0 0 0-4.149 4.145 4.153 4.153 0 0 0 4.15 4.144 4.153 4.153 0 0 0 4.148-4.144 4.153 4.153 0 0 0-4.149-4.145Z'/%3E%3Cpath fill='%23C4C4C4' d='M101.118 93.624a.408.408 0 0 1-.326-.651 34.796 34.796 0 0 0 6.627-15.723.407.407 0 0 1 .465-.342c.224.032.375.24.342.464a35.593 35.593 0 0 1-6.782 16.09.413.413 0 0 1-.326.162ZM79.06 107.129a.41.41 0 0 1-.07-.811 34.874 34.874 0 0 0 15.416-6.856.407.407 0 0 1 .501.64 35.667 35.667 0 0 1-15.777 7.014c-.024.004-.049.009-.07.009v.004Z'/%3E%3Cpath fill='%23C4C4C4' d='M81.91 127.481a.41.41 0 0 1-.404-.342l-3.224-20.336a.403.403 0 0 1 .339-.464.408.408 0 0 1 .464.338l3.224 20.336a.404.404 0 0 1-.338.464c-.02 0-.045.004-.066.004h.005ZM95.184 140.012a.41.41 0 0 1-.387-.281l-1.203-3.696a.407.407 0 0 1 .775-.253l1.202 3.697a.407.407 0 0 1-.387.533ZM92.592 132.033a.41.41 0 0 1-.387-.281l-8.437-26.073a.407.407 0 0 1 .774-.252l8.437 26.072a.407.407 0 0 1-.387.534ZM98.555 122.074a.403.403 0 0 1-.363-.224l-9.37-18.369a.409.409 0 1 1 .73-.371l9.37 18.37a.408.408 0 0 1-.363.594h-.004ZM114.979 129.785a.408.408 0 0 1-.33-.167L93.57 100.635a.409.409 0 0 1 .66-.48l21.079 28.983a.409.409 0 0 1-.089.57.404.404 0 0 1-.241.077ZM113.109 112.185a.422.422 0 0 1-.29-.118l-11.701-11.689a.407.407 0 0 1 .575-.574l11.701 11.689a.405.405 0 0 1-.289.692h.004ZM131.824 114.848a.409.409 0 0 1-.24-.078l-2.968-2.153a.405.405 0 0 1-.089-.57.405.405 0 0 1 .57-.09l2.967 2.154a.407.407 0 0 1-.24.737ZM125.152 110.003a.41.41 0 0 1-.24-.077L101.452 92.9a.405.405 0 0 1-.089-.57.406.406 0 0 1 .57-.09l23.46 17.026a.407.407 0 0 1-.241.737ZM124.757 98.522a.374.374 0 0 1-.184-.045l-20.182-10.272a.41.41 0 0 1-.18-.55.411.411 0 0 1 .551-.178l20.182 10.271a.41.41 0 0 1-.183.774h-.004ZM142.103 94.63a.46.46 0 0 1-.127-.02l-35.421-11.498a.405.405 0 0 1-.261-.513.41.41 0 0 1 .514-.26l35.421 11.497c.216.07.33.297.261.513a.41.41 0 0 1-.387.28ZM130.956 81.736c-.025 0-.045 0-.069-.004l-22.991-3.99a.405.405 0 0 1-.33-.472.405.405 0 0 1 .473-.33l22.99 3.99c.22.037.371.248.33.472a.404.404 0 0 1-.399.338l-.004-.004ZM101.86 96.743l-2.796-.953-.97-2.793-.815 2.81-2.739.948 2.763.802.807 2.752.938-2.744 2.812-.822Zm-2.853-.09-.807.806-.807-.806.807-.806.807.806ZM98.106 52.167a4.965 4.965 0 0 1-4.964-4.96 4.965 4.965 0 0 1 9.928 0 4.965 4.965 0 0 1-4.964 4.96Zm0-9.104a4.153 4.153 0 0 0-4.149 4.145 4.153 4.153 0 0 0 4.15 4.144 4.153 4.153 0 0 0 4.148-4.144 4.153 4.153 0 0 0-4.149-4.145Z'/%3E%3Cpath fill='%23C4C4C4' d='M107.823 67.092a.411.411 0 0 1-.404-.346 34.816 34.816 0 0 0-6.627-15.723.408.408 0 0 1 .652-.489 35.587 35.587 0 0 1 6.782 16.09.406.406 0 0 1-.342.464c-.021 0-.041.004-.061.004ZM94.654 44.618a.42.42 0 0 1-.253-.085 34.877 34.877 0 0 0-15.414-6.856.405.405 0 0 1-.33-.472.405.405 0 0 1 .473-.33 35.709 35.709 0 0 1 15.777 7.015.404.404 0 0 1-.253.724v.005Z'/%3E%3Cpath fill='%23C4C4C4' d='M78.686 37.665c-.02 0-.041 0-.066-.004a.405.405 0 0 1-.338-.465l3.224-20.335a.405.405 0 0 1 .465-.338.405.405 0 0 1 .338.464l-3.224 20.336a.407.407 0 0 1-.403.342h.004ZM93.986 8.494a.404.404 0 0 1-.387-.533L94.8 4.268a.408.408 0 0 1 .513-.26c.216.069.33.297.261.513l-1.202 3.692a.41.41 0 0 1-.387.281ZM84.151 38.85a.404.404 0 0 1-.387-.533l8.437-26.073a.408.408 0 0 1 .774.252L84.538 38.57a.41.41 0 0 1-.387.28ZM89.185 41.105a.41.41 0 0 1-.363-.594l9.37-18.37a.41.41 0 0 1 .73.37l-9.37 18.37a.409.409 0 0 1-.363.224h-.004ZM93.9 44.008a.405.405 0 0 1-.33-.647l21.079-28.984a.41.41 0 0 1 .571-.09c.183.13.224.387.089.57L94.23 43.842a.407.407 0 0 1-.33.167ZM101.407 44.313a.405.405 0 0 1-.289-.692l11.701-11.689a.407.407 0 0 1 .575.574l-11.701 11.689a.402.402 0 0 1-.29.118h.004ZM128.857 32.12a.407.407 0 0 1-.241-.737l2.968-2.154a.408.408 0 1 1 .48.66l-2.967 2.153a.402.402 0 0 1-.24.078ZM101.693 51.833a.409.409 0 0 1-.241-.737l23.46-17.026a.413.413 0 0 1 .57.09.409.409 0 0 1-.089.57l-23.46 17.025a.402.402 0 0 1-.24.078ZM104.574 56.56a.41.41 0 0 1-.183-.774l20.182-10.272a.408.408 0 1 1 .371.729l-20.182 10.272a.437.437 0 0 1-.184.044h-.004ZM106.681 61.681a.408.408 0 0 1-.126-.794l35.421-11.497a.409.409 0 0 1 .514.26.408.408 0 0 1-.261.514L106.808 61.66a.46.46 0 0 1-.127.02ZM107.961 67.063a.401.401 0 0 1-.399-.338.412.412 0 0 1 .33-.472l22.991-3.99a.41.41 0 0 1 .472.33.412.412 0 0 1-.33.472l-22.991 3.99c-.024 0-.048.004-.069.004l-.004.004ZM99.048 46.434l-.938-2.744-.807 2.752-2.763.802 2.739.949.815 2.81.97-2.794 2.796-.952-2.812-.823Zm-.848 1.718-.807-.806.807-.806.807.806-.807.806Z'/%3E%3C/svg%3E");
  background-size: cover;
}
#mabinogim .container .view_body_wrap .content_area .user_info .user_card .profile_image::before {
  display: block;
  content: "";
  width: 104px;
  height: 104px;
  position: absolute;
  background-color: #707070;
  z-index: 1;
  border-radius: 50%;
}
#mabinogim .container .view_body_wrap .content_area .user_info .user_card .profile_image img {
  position: relative;
  width: 77.04px;
  height: 77.04px;
  z-index: 2;
}
#mabinogim .container .view_body_wrap .content_area .user_info .user_card .profile_image.default img {
  position: relative;
  width: 104px;
  height: auto;
  z-index: 2;
}
#mabinogim .container .view_body_wrap .content_area .user_info .user_card .profile_info .user_name {
  font-size: 18px;
  color: #626262;
}
#mabinogim .container .view_body_wrap .content_area .user_info .user_card .profile_info ul {
  margin-top: 17px;
}
#mabinogim .container .view_body_wrap .content_area .user_info .user_card .profile_info ul li {
  height: 22px;
  display: flex;
  align-items: flex-start;
  margin-bottom: 3px;
}
#mabinogim .container .view_body_wrap .content_area .user_info .user_card .profile_info ul li span {
  color: #626262;
  white-space: nowrap;
}
#mabinogim .container .view_body_wrap .content_area .user_info .user_card .profile_info ul li span:first-child {
  display: flex;
  width: 80px;
  min-width: 80px;
  max-width: 120px;
}
#mabinogim .container .view_body_wrap .content_area .user_info .user_card .profile_info ul li span:first-child::before {
  display: block;
  content: "";
  min-width: 12px;
  width: 12px;
  height: 12px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23D9D9D9' d='M0 0h12v12H0z'/%3E%3Cpath fill='%23fff' d='M9 2h1v1H9V2ZM8 3h1v1H8V3ZM7 4h1v1H7V4ZM6 5h1v1H6V5ZM5 6h1v1H5V6ZM4 7h1v1H4V7ZM3 8h1v1H3V8ZM2 9h1v1H2V9Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Crect width='12' height='12' fill='%23fff' rx='3'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: cover;
  margin-right: 4px;
}
#mabinogim .container .view_body_wrap .content_area .user_info .user_card .profile_info ul li span:first-child::after {
  content: ":";
  display: block;
  margin-left: auto;
}
#mabinogim .container .view_body_wrap .content_area .user_info .user_card .profile_info ul li span:last-child {
  margin-left: 10px;
}
#mabinogim .container .view_body_wrap .content_area .user_info .badge_list_area {
  position: relative;
  margin-top: 20px;
  border-radius: 24px;
  border: 1px solid #dbdbdb;
  display: flex;
  align-items: center;
  padding: 0px 30px;
}
#mabinogim .container .view_body_wrap .content_area .user_info .badge_list_area .badge_list {
  position: relative;
  overflow: hidden;
  padding-right: 20px;
}
#mabinogim .container .view_body_wrap .content_area .user_info .badge_list_area .badge_list ul {
  position: relative;
  display: flex;
  padding: 20px 20px 20px;
}
#mabinogim .container .view_body_wrap .content_area .user_info .badge_list_area .badge_list ul:active {
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
#mabinogim .container .view_body_wrap .content_area .user_info .badge_list_area .badge_list ul li {
  min-width: 80px;
  width: 80px;
  height: 80px;
  margin-right: 30px;
}
#mabinogim .container .view_body_wrap .content_area .user_info .badge_list_area .badge_list ul li:last-child {
  margin-right: 0;
}
#mabinogim .container .view_body_wrap .content_area .user_info .badge_list_area .badge_list ul li img {
  width: 100%;
}
#mabinogim .container .view_body_wrap .content_area .user_info .badge_list_area button {
  display: flex;
  min-width: 95px;
  height: 80px;
  padding: 5px 0px 5px 20px;
  justify-content: center;
  align-items: center;
  border-radius: 24px;
  border-left: 1px solid #626262;
  background: linear-gradient(90deg, rgba(223, 223, 223, 0.68) 0%, rgba(223, 223, 223, 0) 36.84%);
  font-size: 14px;
  color: #525252;
}
#mabinogim .container .view_body_wrap .content_area .user_info .badge_list_area button::before {
  display: block;
  content: "";
  min-width: 12px;
  width: 12px;
  height: 12px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none'%3E%3Crect width='14' height='14' fill='%23626262' rx='4'/%3E%3Cpath fill='%23fff' d='M11 6v2H3V6z'/%3E%3Cpath fill='%23fff' d='M6 3h2v8H6z'/%3E%3C/svg%3E");
  background-size: cover;
  margin-right: 10px;
}
@media (hover: hover) and (min-width: 1281px) {
  #mabinogim .container .view_body_wrap .content_area .user_info .badge_list_area button:hover {
    border-left: 1px solid #acacac;
  }
}
#mabinogim .container .view_body_wrap .content_area .user_info .badge_empty {
  margin-top: 20px;
  border-radius: 24px;
  border: 1px solid #dbdbdb;
  padding: 20px 30px;
  display: flex;
  align-items: center;
}
#mabinogim .container .view_body_wrap .content_area .user_info .badge_empty::before {
  content: "";
  display: block;
  width: 76px;
  min-width: 76px;
  height: 76px;
  background: #aaa url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='46' fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='4' d='M23 15.094v8.625M23 5.03l15.094 5.75v14.375c0 6.469-5.75 12.938-15.094 15.813-9.344-2.875-15.094-8.625-15.094-15.813V10.781L23 5.031Z'/%3E%3Ccircle cx='23' cy='31' r='2' fill='%23fff'/%3E%3C/svg%3E") no-repeat;
  background-position: center center;
  border-radius: 60px;
}
#mabinogim .container .view_body_wrap .content_area .user_info .badge_empty span {
  margin-left: 30px;
  color: #626262;
  font-size: 16px;
  line-height: 130%;
  /* 20.8px */
  letter-spacing: -0.32px;
}
#mabinogim .container .view_body_wrap > .button_area {
  display: flex;
  justify-content: space-between;
  padding: 20px;
}
#mabinogim .container .view_body_wrap > .button_area .order_1 button {
  font-family: "Pretendard-Bold";
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 9px 38px;
  border-radius: 12px;
  border: 1px solid #626262;
  background: #fff;
  font-size: 18px;
  color: #525252;
  letter-spacing: -0.36px;
}
@media (hover: hover) and (min-width: 1281px) {
  #mabinogim .container .view_body_wrap > .button_area .order_1 button:hover {
    color: #fff;
    border: 1px solid #626262;
    background: #626262;
  }
}
#mabinogim .container .view_body_wrap > .button_area .order_2 {
  display: flex;
}
#mabinogim .container .view_body_wrap > .button_area .order_2 button {
  font-family: "Pretendard-Bold";
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 9px 38px;
  border-radius: 12px;
  background: #fff;
  font-size: 18px;
  color: #525252;
  letter-spacing: -0.36px;
}
@media (hover: hover) and (min-width: 1281px) {
  #mabinogim .container .view_body_wrap > .button_area .order_2 button:hover {
    background: #888;
  }
}
#mabinogim .container .view_body_wrap > .button_area .order_2 .edit_button {
  font-family: "Pretendard-Bold";
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: #aaa;
  color: #525252;
  letter-spacing: -0.36px;
  color: #fff;
  margin-right: 10px;
}
#mabinogim .container .view_body_wrap > .button_area .order_2 .delete_button {
  font-family: "Pretendard-Bold";
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: #aaa;
  letter-spacing: -0.36px;
  color: #fff;
  margin-right: 10px;
}
#mabinogim .container .view_body_wrap > .button_area .order_2 .write_button {
  font-family: "Pretendard-Bold";
  padding: 9px 54px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: #00b670;
  letter-spacing: -0.36px;
  color: #fff;
}
@media (hover: hover) and (min-width: 1281px) {
  #mabinogim .container .view_body_wrap > .button_area .order_2 .write_button:hover {
    background: #0c8b5a;
  }
}
#mabinogim .container .button_wrap {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
}
#mabinogim .container .button_wrap .order_1 button {
  font-family: "Pretendard-Bold";
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 9px 38px;
  border-radius: 12px;
  border: 1px solid #626262;
  background: #fff;
  font-size: 18px;
  color: #525252;
  letter-spacing: -0.36px;
}
@media (hover: hover) and (min-width: 1281px) {
  #mabinogim .container .button_wrap .order_1 button:hover {
    color: #fff;
    border: 1px solid #626262;
    background: #626262;
  }
}
#mabinogim .container .button_wrap .order_2 {
  display: flex;
}
#mabinogim .container .button_wrap .order_2 button {
  font-family: "Pretendard-Bold";
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 9px 38px;
  border-radius: 12px;
  background: #fff;
  font-size: 18px;
  color: #525252;
  letter-spacing: -0.36px;
}
@media (hover: hover) and (min-width: 1281px) {
  #mabinogim .container .button_wrap .order_2 button:hover {
    background: #888;
  }
}
#mabinogim .container .button_wrap .order_2 .edit_button {
  font-family: "Pretendard-Bold";
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: #aaa;
  color: #525252;
  letter-spacing: -0.36px;
  color: #fff;
  margin-right: 10px;
}
#mabinogim .container .button_wrap .order_2 .delete_button {
  font-family: "Pretendard-Bold";
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: #aaa;
  letter-spacing: -0.36px;
  color: #fff;
  margin-right: 10px;
}
#mabinogim .container .button_wrap .order_2 .write_button {
  font-family: "Pretendard-Bold";
  padding: 9px 54px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: #00b670;
  letter-spacing: -0.36px;
  color: #fff;
}
@media (hover: hover) and (min-width: 1281px) {
  #mabinogim .container .button_wrap .order_2 .write_button:hover {
    background: #0c8b5a;
  }
}
#mabinogim .container .comment_write_wrap {
  margin-top: 60px;
  padding: 30px;
  border-radius: 24px;
  background: #fff;
}
#mabinogim .container .comment_write_wrap .comment_total span:first-child {
  color: #626262;
  font-size: 18px;
}
#mabinogim .container .comment_write_wrap .comment_total span:last-child {
  color: #f65606;
  font-size: 18px;
  margin-left: 8px;
}
#mabinogim .container .comment_write_wrap .editor_area {
  padding-top: 10px;
}
#mabinogim .container .comment_write_wrap .editor_area .note-editor.note-airframe,
#mabinogim .container .comment_write_wrap .editor_area .note-editor.note-frame {
  border-radius: 12px 12px 0 0;
  border: 1px solid #626262;
  border-bottom: none;
}
#mabinogim .container .comment_write_wrap .editor_area .note-editor.note-airframe .note-editing-area img,
#mabinogim .container .comment_write_wrap .editor_area .note-editor.note-frame .note-editing-area img {
  max-width: 80px !important;
}
#mabinogim .container .comment_write_wrap .editor_area .note-editor.note-airframe .note-editing-area .note-placeholder,
#mabinogim .container .comment_write_wrap .editor_area .note-editor.note-frame .note-editing-area .note-placeholder {
  padding: 10px 20px;
  font-size: 14px;
  line-height: 1.4em;
  color: #aaa;
}
#mabinogim .container .comment_write_wrap .editor_area .note-editor.note-airframe .note-statusbar,
#mabinogim .container .comment_write_wrap .editor_area .note-editor.note-frame .note-statusbar {
  display: none;
}
#mabinogim .container .comment_write_wrap .editor_area .editor_add {
  position: relative;
  border: 1px solid #626262;
  border-top: 1px solid #dbdbdb;
  border-radius: 0 0 12px 12px;
  background: #f6f4f4;
  display: flex;
  justify-content: space-between;
  overflow: hidden;
}
#mabinogim .container .comment_write_wrap .editor_area .editor_add .order_1 {
  display: flex;
}
#mabinogim .container .comment_write_wrap .editor_area .editor_add .order_1 button,
#mabinogim .container .comment_write_wrap .editor_area .editor_add .order_1 label {
  padding: 10px 15px;
  border-right: 1px solid #dbdbdb;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (hover: hover) and (min-width: 1281px) {
  #mabinogim .container .comment_write_wrap .editor_area .editor_add .order_1 button:hover,
#mabinogim .container .comment_write_wrap .editor_area .editor_add .order_1 label:hover {
    background: #fff;
  }
}
#mabinogim .container .comment_write_wrap .editor_area .editor_add .order_1 .add_emoticon_button::before {
  display: block;
  content: "";
  width: 17px;
  min-width: 17px;
  height: 17px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' fill='none'%3E%3Cpath fill='%235C5C5C' d='M10.555 10.451a3.008 3.008 0 0 1-3.776 0 .801.801 0 0 0-1.024 1.232 4.544 4.544 0 0 0 5.824 0 .8.8 0 1 0-1.024-1.232ZM6.267 7.867a.8.8 0 1 0 0-1.6.8.8 0 0 0 0 1.6Zm4.8-1.6a.8.8 0 1 0 0 1.6.8.8 0 0 0 0-1.6Zm-2.4-5.6a8 8 0 1 0 0 16 8 8 0 0 0 0-16Zm0 14.4a6.4 6.4 0 1 1 0-12.8 6.4 6.4 0 0 1 0 12.8Z'/%3E%3C/svg%3E");
  background-size: cover;
}
#mabinogim .container .comment_write_wrap .editor_area .editor_add .order_1 .add_image_button {
  position: relative;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
#mabinogim .container .comment_write_wrap .editor_area .editor_add .order_1 .add_image_button::before {
  display: block;
  content: "";
  min-width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath stroke='%235C5C5C' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.6' d='M16.25 2.5H3.75A1.25 1.25 0 0 0 2.5 3.75v12.5a1.25 1.25 0 0 0 1.25 1.25h12.5a1.25 1.25 0 0 0 1.25-1.25V3.75a1.25 1.25 0 0 0-1.25-1.25Z'/%3E%3Cpath stroke='%235C5C5C' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.333' d='m17.5 15-4.583-4.166-4.167 3.75-2.917-2.5-3.333 2.5m5-5a2.083 2.083 0 1 0 0-4.167 2.083 2.083 0 0 0 0 4.167Z'/%3E%3C/svg%3E");
  background-size: cover;
}
#mabinogim .container .comment_write_wrap .editor_area .editor_add .order_1 .add_image_button input {
  position: absolute;
  width: 1px;
  height: 1px;
  font-size: 0;
  line-height: 0;
  text-indent: -9999px;
  visibility: hidden;
  cursor: pointer;
}
#mabinogim .container .comment_write_wrap .editor_area .editor_add .order_2 {
  display: flex;
  align-items: center;
}
#mabinogim .container .comment_write_wrap .editor_area .editor_add .order_2 .comment_length {
  margin-right: 12px;
}
#mabinogim .container .comment_write_wrap .editor_area .editor_add .order_2 .comment_length span {
  font-size: 13px;
}
#mabinogim .container .comment_write_wrap .editor_area .editor_add .order_2 .comment_length span.length {
  color: #f65606;
}
#mabinogim .container .comment_write_wrap .editor_area .editor_add .order_2 .confirm_button {
  height: 100%;
  padding: 5px 25px;
  background: #626262;
  font-size: 14px;
  color: #fff;
  border-bottom-right-radius: 10px;
}
@media (hover: hover) and (min-width: 1281px) {
  #mabinogim .container .comment_write_wrap .editor_area .editor_add .order_2 .confirm_button:hover {
    background: #444;
  }
}
#mabinogim .container .comment_write_wrap .editor_area.ban {
  pointer-events: none;
}
#mabinogim .container .comment_write_wrap .editor_area.ban .note-editor {
  border: 1px solid #ccc;
}
#mabinogim .container .comment_write_wrap .editor_area.ban .editor_add {
  border: 1px solid #ccc;
  border-top: none;
}
#mabinogim .container .comment_write_wrap .editor_area.ban .order_1 {
  opacity: 0.5;
}
#mabinogim .container .comment_write_wrap .editor_area.ban .order_2 .comment_length {
  opacity: 0.5;
}
#mabinogim .container .comment_write_wrap .editor_area.ban .order_2 .confirm {
  pointer-events: auto;
}
#mabinogim .container .comment_list_wrap {
  margin-top: 60px;
  margin-bottom: 60px;
}
#mabinogim .container .comment_list_wrap .filter_area {
  padding: 0 20px 20px;
  border-bottom: 1px solid #dbdbdb;
}
#mabinogim .container .comment_list_wrap .filter_area button {
  position: relative;
  margin-right: 0px;
  color: #525252;
  padding: 4px 10px;
}
#mabinogim .container .comment_list_wrap .filter_area button.active, #mabinogim .container .comment_list_wrap .filter_area button.on {
  background: #5c5c5c;
  color: #fff;
  border-radius: 6px;
}
#mabinogim .container .comment_list_wrap .filter_area button.active::after, #mabinogim .container .comment_list_wrap .filter_area button.on::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -4px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 5px solid #5C5C5C;
}
@media (hover: hover) and (min-width: 1281px) {
  #mabinogim .container .comment_list_wrap .filter_area button:hover {
    background: #5c5c5c;
    color: #fff;
    border-radius: 6px;
  }
  #mabinogim .container .comment_list_wrap .filter_area button:hover::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -4px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 5px solid #5C5C5C;
  }
}
#mabinogim .container .comment_list_wrap .list_area {
  position: relative;
  overflow: hidden;
  clip-path: inset(0 0 0 0);
}
#mabinogim .container .comment_list_wrap .list_area > ul > li {
  position: relative;
  padding: 20px 40px;
  background: #fff;
  border-bottom: 1px solid #dbdbdb;
}
#mabinogim .container .comment_list_wrap .list_area > ul > li > div {
  position: relative;
}
#mabinogim .container .comment_list_wrap .list_area > ul > li > div .comment_header {
  display: flex;
  justify-content: space-between;
}
#mabinogim .container .comment_list_wrap .list_area > ul > li > div .comment_header .order_1 {
  display: flex;
  align-items: center;
}
#mabinogim .container .comment_list_wrap .list_area > ul > li > div .comment_header .order_1 .user_info {
  position: relative;
  display: flex;
  align-items: center;
  margin-right: 30px;
  cursor: pointer;
}
#mabinogim .container .comment_list_wrap .list_area > ul > li > div .comment_header .order_1 .user_info .profile_image {
  width: 34px;
  min-width: 34px;
  height: 34px;
  border-radius: 50%;
  overflow: hidden;
}
#mabinogim .container .comment_list_wrap .list_area > ul > li > div .comment_header .order_1 .user_info .profile_image img {
  width: 100%;
  height: 100%;
}
#mabinogim .container .comment_list_wrap .list_area > ul > li > div .comment_header .order_1 .user_info .name {
  margin-left: 10px;
  color: #5c5c5c;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.28px;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#mabinogim .container .comment_list_wrap .list_area > ul > li > div .comment_header .order_1 .user_info .isAuthor {
  display: flex;
  padding: 4px 15px;
  border-radius: 20px;
  background: #5c5c5c;
  color: #fff;
  font-size: 13px;
  margin-left: 12px;
}
#mabinogim .container .comment_list_wrap .list_area > ul > li > div .comment_header .order_1 .sub_info {
  display: flex;
  align-items: center;
}
#mabinogim .container .comment_list_wrap .list_area > ul > li > div .comment_header .order_1 .sub_info .like {
  display: flex;
  align-items: center;
  cursor: pointer;
}
#mabinogim .container .comment_list_wrap .list_area > ul > li > div .comment_header .order_1 .sub_info .like span {
  font-size: 14px;
  color: #707070;
  margin-right: 40px;
}
#mabinogim .container .comment_list_wrap .list_area > ul > li > div .comment_header .order_1 .sub_info .like::before {
  display: block;
  content: "";
  width: 12px;
  min-width: 12px;
  height: 11px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='11' fill='none'%3E%3Cpath fill='%23FF7C7C' d='m3 0 3 1.833V5.5L3 7.333 0 5.5V1.833L3 0ZM9 0l3 1.833V5.5L9 7.333 6 5.5V1.833L9 0Z'/%3E%3Cpath fill='%23FF7C7C' d='m6 5.5 3 1.833v1.834L6 11 3 9.167V7.333L6 5.5Z'/%3E%3Cpath fill='%23FF7C7C' d='M3 9.167 0 5.5h6L3 9.167ZM9 9.167 6 5.5h6L9 9.167Z'/%3E%3C/svg%3E");
  background-size: cover;
  margin-right: 6px;
}
#mabinogim .container .comment_list_wrap .list_area > ul > li > div .comment_header .order_1 .sub_info .dislike::before {
  display: block;
  content: "";
  width: 12px;
  min-width: 12px;
  height: 11px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='11' fill='none'%3E%3Cpath fill='%23AAA' d='M0 2v4l3 3 3 2 3-2 3-3V2L9 0 6 2 3 0 0 2Z'/%3E%3C/svg%3E");
  background-size: cover;
  margin-right: 6px;
}
#mabinogim .container .comment_list_wrap .list_area > ul > li > div .comment_header .order_1 .sub_info .date span {
  font-size: 12px;
  color: #aaa;
}
#mabinogim .container .comment_list_wrap .list_area > ul > li > div .comment_header .order_2 {
  display: flex;
}
#mabinogim .container .comment_list_wrap .list_area > ul > li > div .comment_header .order_2 > button {
  position: relative;
  font-size: 12px;
  color: #626262;
  display: flex;
  align-items: center;
  white-space: nowrap;
}
#mabinogim .container .comment_list_wrap .list_area > ul > li > div .comment_header .order_2 > button::after {
  display: block;
  content: "";
  width: 1px;
  height: 8px;
  background: #aaa;
  margin-left: 10px;
  margin-right: 10px;
}
#mabinogim .container .comment_list_wrap .list_area > ul > li > div .comment_header .order_2 > button:last-child::after {
  display: none;
}
#mabinogim .container .comment_list_wrap .list_area > ul > li > div .comment_body .content {
  margin-top: 20px;
  overflow: hidden;
  overflow-x: auto;
  font-size: 14px;
  line-height: 130%;
  color: #626262;
  word-break: keep-all;
  word-wrap: break-word;
}
#mabinogim .container .comment_list_wrap .list_area > ul > li > div .comment_body .content div,
#mabinogim .container .comment_list_wrap .list_area > ul > li > div .comment_body .content p {
  color: #626262;
  font-size: 14px;
  line-height: 130%;
  letter-spacing: -0.28px;
  margin-block-start: 0em;
  margin-block-end: 1em;
  margin-inline-start: 0;
  margin-inline-end: 0;
  word-break: keep-all;
  word-wrap: break-word;
}
#mabinogim .container .comment_list_wrap .list_area > ul > li > div .comment_body .content .added_image,
#mabinogim .container .comment_list_wrap .list_area > ul > li > div .comment_body .content .added_emoticon {
  max-width: 84px !important;
}
#mabinogim .container .comment_list_wrap .list_area > ul > li > div .comment_bottom {
  padding: 10px 0 0 0px;
}
#mabinogim .container .comment_list_wrap .list_area > ul > li > div .comment_bottom .button_area {
  display: flex;
  justify-content: flex-end;
}
#mabinogim .container .comment_list_wrap .list_area > ul > li > div .comment_bottom .button_area button.write_button {
  padding: 4px 12px;
  border-radius: 5px;
  background: #00b670;
  color: #fff;
  font-size: 12px;
}
@media (hover: hover) and (min-width: 1281px) {
  #mabinogim .container .comment_list_wrap .list_area > ul > li > div .comment_bottom .button_area button.write_button:hover {
    background: #0c8b5a;
  }
}
#mabinogim .container .comment_list_wrap .list_area > ul > li > div .comment_bottom .button_area button.cancel_button {
  padding: 4px 12px;
  border-radius: 5px;
  color: #fff;
  font-size: 12px;
  border: 1px solid #5c5c5c;
  color: #5c5c5c;
}
#mabinogim .container .comment_list_wrap .list_area > ul > li > div .comment_bottom .recomment_write_area {
  display: flex;
  align-items: flex-start;
  padding-top: 10px;
}
#mabinogim .container .comment_list_wrap .list_area > ul > li > div .comment_bottom .recomment_write_area::before {
  content: "";
  display: block;
  width: 19px;
  min-width: 19px;
  height: 17px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='17' fill='none'%3E%3Cpath fill='%235C5C5C' d='M0 2a2 2 0 0 1 2-2h15a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2ZM16.5 16.5 12 12h4.5v4.5Z'/%3E%3Ccircle cx='4.5' cy='5.5' r='1.5' fill='%23fff'/%3E%3Ccircle cx='9.5' cy='5.5' r='1.5' fill='%23fff'/%3E%3Ccircle cx='14.5' cy='5.5' r='1.5' fill='%23fff'/%3E%3C/svg%3E");
  background-size: cover;
}
#mabinogim .container .comment_list_wrap .list_area > ul > li > div .comment_bottom .recomment_write_area .editor_area {
  width: 100%;
  margin-left: 20px;
}
#mabinogim .container .comment_list_wrap .list_area > ul > li > div .comment_bottom .recomment_write_area .editor_area .editor_add {
  border: 1px solid #626262;
  border-top: 1px solid #dbdbdb;
  border-radius: 0 0 12px 12px;
  background: #f6f4f4;
  display: flex;
  justify-content: space-between;
  overflow: hidden;
}
#mabinogim .container .comment_list_wrap .list_area > ul > li > div .comment_bottom .recomment_write_area .editor_area .editor_add .order_1 {
  display: flex;
}
#mabinogim .container .comment_list_wrap .list_area > ul > li > div .comment_bottom .recomment_write_area .editor_area .editor_add .order_1 button,
#mabinogim .container .comment_list_wrap .list_area > ul > li > div .comment_bottom .recomment_write_area .editor_area .editor_add .order_1 label {
  padding: 10px 15px;
  border-right: 1px solid #dbdbdb;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (hover: hover) and (min-width: 1281px) {
  #mabinogim .container .comment_list_wrap .list_area > ul > li > div .comment_bottom .recomment_write_area .editor_area .editor_add .order_1 button:hover,
#mabinogim .container .comment_list_wrap .list_area > ul > li > div .comment_bottom .recomment_write_area .editor_area .editor_add .order_1 label:hover {
    background: #fff;
  }
}
#mabinogim .container .comment_list_wrap .list_area > ul > li > div .comment_bottom .recomment_write_area .editor_area .editor_add .order_1 .add_emoticon_button::before {
  display: block;
  content: "";
  width: 17px;
  min-width: 17px;
  height: 17px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' fill='none'%3E%3Cpath fill='%235C5C5C' d='M10.555 10.451a3.008 3.008 0 0 1-3.776 0 .801.801 0 0 0-1.024 1.232 4.544 4.544 0 0 0 5.824 0 .8.8 0 1 0-1.024-1.232ZM6.267 7.867a.8.8 0 1 0 0-1.6.8.8 0 0 0 0 1.6Zm4.8-1.6a.8.8 0 1 0 0 1.6.8.8 0 0 0 0-1.6Zm-2.4-5.6a8 8 0 1 0 0 16 8 8 0 0 0 0-16Zm0 14.4a6.4 6.4 0 1 1 0-12.8 6.4 6.4 0 0 1 0 12.8Z'/%3E%3C/svg%3E");
  background-size: cover;
}
#mabinogim .container .comment_list_wrap .list_area > ul > li > div .comment_bottom .recomment_write_area .editor_area .editor_add .order_1 .add_image_button {
  position: relative;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
#mabinogim .container .comment_list_wrap .list_area > ul > li > div .comment_bottom .recomment_write_area .editor_area .editor_add .order_1 .add_image_button::before {
  display: block;
  content: "";
  min-width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath stroke='%235C5C5C' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.6' d='M16.25 2.5H3.75A1.25 1.25 0 0 0 2.5 3.75v12.5a1.25 1.25 0 0 0 1.25 1.25h12.5a1.25 1.25 0 0 0 1.25-1.25V3.75a1.25 1.25 0 0 0-1.25-1.25Z'/%3E%3Cpath stroke='%235C5C5C' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.333' d='m17.5 15-4.583-4.166-4.167 3.75-2.917-2.5-3.333 2.5m5-5a2.083 2.083 0 1 0 0-4.167 2.083 2.083 0 0 0 0 4.167Z'/%3E%3C/svg%3E");
  background-size: cover;
}
#mabinogim .container .comment_list_wrap .list_area > ul > li > div .comment_bottom .recomment_write_area .editor_area .editor_add .order_1 .add_image_button input {
  position: absolute;
  width: 1px;
  height: 1px;
  font-size: 0;
  line-height: 0;
  text-indent: -9999px;
  visibility: hidden;
  cursor: pointer;
}
#mabinogim .container .comment_list_wrap .list_area > ul > li > div .comment_bottom .recomment_write_area .editor_area .editor_add .order_2 {
  display: flex;
  align-items: center;
}
#mabinogim .container .comment_list_wrap .list_area > ul > li > div .comment_bottom .recomment_write_area .editor_area .editor_add .order_2 .comment_length {
  margin-right: 12px;
}
#mabinogim .container .comment_list_wrap .list_area > ul > li > div .comment_bottom .recomment_write_area .editor_area .editor_add .order_2 .comment_length span {
  font-size: 13px;
}
#mabinogim .container .comment_list_wrap .list_area > ul > li > div .comment_bottom .recomment_write_area .editor_area .editor_add .order_2 .comment_length span.length {
  color: #f65606;
}
#mabinogim .container .comment_list_wrap .list_area > ul > li > div .comment_bottom .recomment_write_area .editor_area .editor_add .order_2 .confirm_button {
  height: 100%;
  padding: 5px 25px;
  background: #626262;
  font-size: 14px;
  color: #fff;
  border-bottom-right-radius: 10px;
}
@media (hover: hover) and (min-width: 1281px) {
  #mabinogim .container .comment_list_wrap .list_area > ul > li > div .comment_bottom .recomment_write_area .editor_area .editor_add .order_2 .confirm_button:hover {
    background: #444;
  }
}
#mabinogim .container .comment_list_wrap .list_area > ul > li > div .comment_bottom.editbox .recomment_write_area::before {
  display: none;
}
#mabinogim .container .comment_list_wrap .list_area > ul .recomment {
  background: none;
  display: flex;
}
#mabinogim .container .comment_list_wrap .list_area > ul .recomment::before {
  content: "";
  display: block;
  width: 22px;
  min-width: 22px;
  height: 23px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='23' fill='none'%3E%3Cpath fill='%23626262' fill-rule='evenodd' d='M2 2h1v17h13v1H2V2Z' clip-rule='evenodd'/%3E%3Ccircle cx='2.5' cy='2.5' r='2' fill='%2399FFD8' stroke='%23626262'/%3E%3Cpath fill='%23626262' d='M16 21h1v-1h-1v1ZM15 22h1v-1h-1v1ZM14 23h1v-1h-1v1ZM17 19h1v1h-1v-1ZM16 19h1v1h-1v-1ZM16 18h1v1h-1v-1ZM15 17h1v1h-1v-1ZM14 16h1v1h-1v-1Z'/%3E%3C/svg%3E");
  background-size: cover;
}
#mabinogim .container .comment_list_wrap .list_area > ul .recomment > div {
  width: 100%;
  margin-left: 20px;
}
#mabinogim .container .comment_list_wrap .list_area > ul .recomment > div .comment_bottom .recomment_write_area .note-editor.note-airframe::before,
#mabinogim .container .comment_list_wrap .list_area > ul .recomment > div .comment_bottom .recomment_write_area .note-editor.note-frame::before {
  content: "";
  display: none;
}
#mabinogim .container .comment_list_wrap .list_area > ul .recomment > div .comment_bottom .recomment_write_area .editor_add {
  border: 1px solid #626262;
  border-top: 1px solid #dbdbdb;
  border-radius: 0 0 12px 12px;
  background: #f6f4f4;
  display: flex;
  justify-content: space-between;
}
#mabinogim .container .comment_list_wrap .list_area > ul .recomment > div .comment_bottom .recomment_write_area .editor_add .left_area {
  display: flex;
}
#mabinogim .container .comment_list_wrap .list_area > ul .recomment > div .comment_bottom .recomment_write_area .editor_add .left_area button {
  padding: 10px 15px;
  border-right: 1px solid #dbdbdb;
  display: flex;
  align-items: center;
  justify-content: center;
}
#mabinogim .container .comment_list_wrap .list_area > ul .recomment > div .comment_bottom .recomment_write_area .editor_add .right_area {
  display: flex;
  align-items: center;
}
#mabinogim .container .comment_list_wrap .list_area > ul .recomment > div .comment_bottom .recomment_write_area .editor_add .right_area .recomment_length {
  margin-right: 12px;
}
#mabinogim .container .comment_list_wrap .list_area > ul .recomment > div .comment_bottom .recomment_write_area .editor_add .right_area .recomment_length span {
  font-size: 13px;
}
#mabinogim .container .comment_list_wrap .list_area > ul .recomment > div .comment_bottom .recomment_write_area .editor_add .right_area .recomment_length span.length {
  color: #f65606;
}
#mabinogim .container .comment_list_wrap .list_area > ul .recomment > div .comment_bottom .recomment_write_area .editor_add .right_area .write_button {
  height: 100%;
  padding: 5px 25px;
  background: #626262;
  font-size: 14px;
  color: #fff;
  border-bottom-right-radius: 10px;
}
#mabinogim .container .comment_list_wrap .list_area > ul .deleted_comment {
  background: none;
}
#mabinogim .container .comment_list_wrap .list_area > ul .deleted_comment > div {
  display: flex;
  align-items: center;
}
#mabinogim .container .comment_list_wrap .list_area > ul .deleted_comment > div::before {
  display: block;
  content: "";
  min-width: 34px;
  height: 34px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' fill='none'%3E%3Crect width='34' height='34' fill='%23AAA' rx='17'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M17 6a3 3 0 0 0-3 3v8a3 3 0 1 0 6 0V9a3 3 0 0 0-3-3Zm0 16a3 3 0 1 0 0 6 3 3 0 0 0 0-6Z' clip-rule='evenodd'/%3E%3C/svg%3E");
  background-size: cover;
  margin-right: 10px;
}
#mabinogim .container .comment_list_wrap .list_area > ul .deleted_comment > div span {
  color: #5c5c5c;
  font-size: 16px;
}
#mabinogim .container .comment_list_wrap .pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 60px;
}
#mabinogim .container .comment_list_wrap .pagination ul {
  display: flex;
}
#mabinogim .container .comment_list_wrap .pagination ul li {
  font-size: 16px;
  color: #525252;
  margin-right: 4px;
  cursor: pointer;
  width: 44px;
  height: 30px;
  background: #fff;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#mabinogim .container .comment_list_wrap .pagination ul li.on {
  color: #fff;
  background: #2baf7e;
}
@media (hover: hover) and (min-width: 1281px) {
  #mabinogim .container .comment_list_wrap .pagination ul li:hover {
    color: #fff;
    background: #2baf7e;
  }
}
#mabinogim .container .comment_list_wrap .pagination ul li:first-child {
  margin-left: 26px;
}
#mabinogim .container .comment_list_wrap .pagination ul li:last-child {
  margin-right: 26px;
}
#mabinogim .container .comment_list_wrap .pagination button.prev_button {
  width: 48px;
  height: 34px;
  border-radius: 10px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
#mabinogim .container .comment_list_wrap .pagination button.prev_button::before {
  display: block;
  content: "";
  min-width: 9px;
  width: 9px;
  height: 11px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='11' fill='none'%3E%3Cpath stroke='%23424242' stroke-linecap='round' stroke-width='3' d='m7 1.5-4 4 4 4'/%3E%3C/svg%3E");
  transition: all 0.3s;
}
@media (hover: hover) and (min-width: 1281px) {
  #mabinogim .container .comment_list_wrap .pagination button.prev_button:hover::before {
    transform: translateX(-4px);
  }
}
#mabinogim .container .comment_list_wrap .pagination button.next_button {
  width: 48px;
  height: 34px;
  border-radius: 10px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
#mabinogim .container .comment_list_wrap .pagination button.next_button::before {
  display: block;
  content: "";
  min-width: 9px;
  width: 9px;
  height: 11px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='11' fill='none'%3E%3Cpath stroke='%23424242' stroke-linecap='round' stroke-width='3' d='m2 1.5 4 4-4 4'/%3E%3C/svg%3E");
  transition: all 0.3s;
}
@media (hover: hover) and (min-width: 1281px) {
  #mabinogim .container .comment_list_wrap .pagination button.next_button:hover::before {
    transform: translateX(4px);
  }
}

@media (max-width: 1280px) {
  #mabinogim .container {
    padding: 30px 20px 57px;
  }
  #mabinogim .container .creators_tab_wrap {
    margin-bottom: 30px;
  }
  #mabinogim .container .creators_tab_wrap .tab_list {
    display: flex;
    justify-content: center;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 8px;
  }
  #mabinogim .container .creators_tab_wrap .tab_list a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 7px 25px;
    background: #fff;
    border-radius: 24px;
    max-height: 36px;
  }
  #mabinogim .container .creators_tab_wrap .tab_list a span {
    white-space: nowrap;
    font-size: 12px;
    font-weight: 500;
    line-height: 130%;
    /* 20.8px */
    letter-spacing: -0.32px;
    margin-left: 8px;
  }
  #mabinogim .container .view_header_wrap {
    width: 100%;
    height: auto;
    background-color: #fff;
    border-radius: 24px;
    padding: 15px;
  }
  #mabinogim .container .view_header_wrap .title_box {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
  }
  #mabinogim .container .view_header_wrap .title_box .type {
    border: 1px solid #d9d9d9;
    font-size: 10px;
    color: #626262;
    background: #fff;
    border-radius: 20px;
    padding: 5px 15px;
    margin-right: 12px;
    margin-bottom: 12px;
    white-space: nowrap;
  }
  #mabinogim .container .view_header_wrap .title_box .title span {
    font-size: 14px;
  }
  #mabinogim .container .view_header_wrap .info {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    margin-top: 20px;
    background: #f6f4f4;
    border-radius: 20px;
    padding: 15px;
    height: auto;
    max-height: inherit;
  }
  #mabinogim .container .view_header_wrap .info .order_1 {
    display: flex;
    align-items: center;
  }
  #mabinogim .container .view_header_wrap .info .order_1 .user_info {
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
  }
  #mabinogim .container .view_header_wrap .info .order_1 .user_info .profile_image {
    width: 20px;
    min-width: 20px;
    height: 20px;
    border-radius: 50%;
    overflow: hidden;
  }
  #mabinogim .container .view_header_wrap .info .order_1 .user_info .profile_image img {
    width: 100%;
    height: 100%;
  }
  #mabinogim .container .view_header_wrap .info .order_1 .user_info .name {
    margin-left: 10px;
    color: #5c5c5c;
    font-size: 12px;
    letter-spacing: -0.28px;
    max-width: 230px;
    min-width: 230px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  #mabinogim .container .view_header_wrap .info .order_2 {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    margin-top: 6px;
  }
  #mabinogim .container .view_header_wrap .info .order_2 .sub_info {
    display: flex;
  }
  #mabinogim .container .view_header_wrap .info .order_2 .sub_info div {
    display: flex;
    align-items: center;
    margin-right: 10px;
  }
  #mabinogim .container .view_header_wrap .info .order_2 .sub_info div span {
    color: #797979;
    margin-left: 4px;
    font-size: 11px;
  }
  #mabinogim .container .view_header_wrap .info .order_2 .date {
    width: 100%;
    padding: 5px 20px;
    background: #fff;
    border-radius: 24px;
    margin-top: 8px;
    margin-left: 0px;
    margin-right: 0;
  }
  #mabinogim .container .view_header_wrap .info .order_2 .date span {
    font-size: 11px;
    color: #aaa;
    font-weight: 500;
  }
  #mabinogim .container .view_header_wrap .creator_card {
    position: relative;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    border-radius: 30px;
  }
  #mabinogim .container .view_header_wrap .creator_card .order_1 {
    display: flex;
    align-items: center;
    flex-direction: column;
    max-width: 100%;
  }
  #mabinogim .container .view_header_wrap .creator_card .order_1 .profile_image {
    max-width: 110px;
    min-width: 110px;
    height: 110px;
    border-radius: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0px;
    margin-bottom: 18px;
  }
  #mabinogim .container .view_header_wrap .creator_card .order_1 .item_desc {
    max-width: 100%;
    width: 100%;
  }
  #mabinogim .container .view_header_wrap .creator_card .order_1 .item_desc .title {
    width: 100%;
    text-align: center;
  }
  #mabinogim .container .view_header_wrap .creator_card .order_1 .item_desc .title span {
    font-size: 16px;
  }
  #mabinogim .container .view_header_wrap .creator_card .order_1 .item_desc .community_box {
    display: flex;
    align-items: center;
    flex-direction: column;
  }
  #mabinogim .container .view_header_wrap .creator_card .order_1 .item_desc .community_box .user_info {
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
  }
  #mabinogim .container .view_header_wrap .creator_card .order_1 .item_desc .community_box .user_info .community_profile_image {
    min-width: 20px;
    height: 20px;
    border-radius: 50%;
    overflow: hidden;
  }
  #mabinogim .container .view_header_wrap .creator_card .order_1 .item_desc .community_box .user_info .community_profile_image img {
    width: 100%;
    height: 100%;
  }
  #mabinogim .container .view_header_wrap .creator_card .order_1 .item_desc .community_box .user_info .name {
    margin-left: 6px;
    color: #5C5C5C;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: -0.28px;
  }
  #mabinogim .container .view_header_wrap .creator_card .order_1 .item_desc .community_box .sub_info {
    margin-left: 0px;
  }
  #mabinogim .container .view_header_wrap .creator_card .order_1 .item_desc .community_box .sub_info .date span {
    color: #aaa;
    font-size: 12px;
  }
  #mabinogim .container .view_header_wrap .creator_card .order_1 .item_desc .creator_box {
    width: auto;
    display: flex;
    align-items: center;
    flex-direction: column;
    border-radius: 50px;
    border: none;
    padding: 8px 16px 8px 8px;
    margin-top: 8px;
  }
  #mabinogim .container .view_header_wrap .creator_card .order_1 .item_desc .creator_box .creator_grade {
    display: flex;
    align-items: center;
    padding: 6px 30px;
    background: #F6F4F4;
    border-radius: 80px;
  }
  #mabinogim .container .view_header_wrap .creator_card .order_1 .item_desc .creator_box .creator_grade img {
    width: 25px;
  }
  #mabinogim .container .view_header_wrap .creator_card .order_1 .item_desc .creator_box .creator_grade span {
    line-height: 22px;
    font-size: 14px;
    color: #FC9700;
    margin-left: 4px;
  }
  #mabinogim .container .view_header_wrap .creator_card .order_1 .item_desc .creator_box .supporter_count {
    display: flex;
    align-items: center;
    margin-top: 16px;
  }
  #mabinogim .container .view_header_wrap .creator_card .order_1 .item_desc .creator_box .supporter_count span:nth-child(1) {
    font-size: 12px;
    letter-spacing: -0.3px;
    color: #17191C;
    margin-left: 0px;
  }
  #mabinogim .container .view_header_wrap .creator_card .order_1 .item_desc .creator_box .supporter_count span:nth-child(2) {
    font-size: 12px;
    letter-spacing: -0.3px;
    color: #2BAF7E;
    margin-left: 4px;
  }
  #mabinogim .container .view_header_wrap .creator_card .order_1 .item_desc .creator_box .supporter_count::after {
    content: "";
    display: none;
  }
  #mabinogim .container .view_header_wrap .creator_card .order_1 .item_desc .creator_box .creator_code {
    display: flex;
    margin-top: 8px;
  }
  #mabinogim .container .view_header_wrap .creator_card .order_1 .item_desc .creator_box .creator_code span {
    font-weight: 400;
    font-size: 12px;
    line-height: 21px;
    letter-spacing: -0.3px;
    color: #17191C;
  }
  #mabinogim .container .view_header_wrap .creator_card .order_1 .item_desc .creator_box .creator_code button {
    color: #747A86;
    display: flex;
    align-items: center;
    margin-left: 4px;
  }
  #mabinogim .container .view_header_wrap .creator_card .order_1 .item_desc .creator_box .creator_code button::after {
    content: "";
    display: block;
    width: 13px;
    height: 16px;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='16' fill='none'%3E%3Cg fill='%23858A95' clip-path='url(%23a)'%3E%3Cpath d='M11.25 4.5v8s1 0 1-1v-7a4 4 0 0 0-4-4h-4c-1 0-1 1-1 1h5a3 3 0 0 1 3 3Z'/%3E%3Cpath fill-rule='evenodd' d='M2.25 14.5h5a1 1 0 0 0 1-1v-8a1 1 0 0 0-1-1h-5a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1Zm5 1a2 2 0 0 0 2-2v-8a2 2 0 0 0-2-2h-5a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h5Z' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M.25.5h12v15h-12z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    margin-left: 4px;
  }
  #mabinogim .container .view_header_wrap .creator_card .order_2 {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  #mabinogim .container .view_header_wrap .creator_card .order_2 .boost_button {
    position: relative;
    order: 2;
    margin-top: 25px;
    width: 100%;
  }
  #mabinogim .container .view_header_wrap .creator_card .order_2 .boost_button a {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 10px 44px;
    background: #00B670;
    letter-spacing: -0.36px;
    color: #fff;
    font-size: 18px;
    border-radius: 12px;
  }
  #mabinogim .container .view_header_wrap .creator_card .order_2 ul.channel_list {
    order: 1;
    display: flex;
    justify-content: center;
    gap: 4px;
    margin-top: 8px;
  }
  #mabinogim .container .view_body_wrap {
    margin-bottom: 20px;
  }
  #mabinogim .container .view_body_wrap .content_area {
    padding: 20px 15px;
  }
  #mabinogim .container .view_body_wrap .content_area .content {
    font-size: 14px;
  }
  #mabinogim .container .view_body_wrap .content_area .content div,
#mabinogim .container .view_body_wrap .content_area .content p {
    font-size: 14px;
  }
  #mabinogim .container .view_body_wrap .content_area .content table {
    width: auto !important;
    max-width: 100% !important;
  }
  #mabinogim .container .view_body_wrap .content_area .survey_content {
    margin-block-end: 0;
  }
  #mabinogim .container .view_body_wrap .content_area .survey_content div {
    margin: 0;
  }
  #mabinogim .container .view_body_wrap .content_area .survey_content .survey h1 {
    font-size: 25px;
    line-height: 130%;
  }
  #mabinogim .container .view_body_wrap .content_area .survey_content .survey h2 {
    margin-top: 10px;
    font-size: 16px;
    line-height: 130%;
  }
  #mabinogim .container .view_body_wrap .content_area .survey_content .survey .survey_item {
    margin-top: 20px;
    border-radius: 24px;
    border: 1px solid #dbdbdb;
    background: #fff;
    padding: 10px 10px 20px;
  }
  #mabinogim .container .view_body_wrap .content_area .survey_content .survey .survey_item .question {
    display: flex;
    align-items: center;
    padding: 8px 20px 5px;
    background: #f1f1f1;
    border-radius: 30px;
    margin: 0;
  }
  #mabinogim .container .view_body_wrap .content_area .survey_content .survey .survey_item ul li {
    padding: 0 10px 0;
  }
  #mabinogim .container .view_body_wrap .content_area .survey_content .survey .survey_item ul li:first-child {
    margin-top: 10px;
  }
  #mabinogim .container .view_body_wrap .content_area .survey_content .survey .survey_item ul li label span {
    color: #626262;
    font-size: 12px;
  }
  #mabinogim .container .view_body_wrap .content_area .survey_content .survey .survey_item ul li label .other_input {
    display: none;
  }
  #mabinogim .container .view_body_wrap .content_area .survey_content .survey .survey_item ul li label .other_input input[type=text] {
    width: 100%;
    color: #5c5c5c;
    padding: 4px;
    border: 1px solid #dbdbdb;
  }
  #mabinogim .container .view_body_wrap .content_area .survey_content .survey .survey_item ul.radio_type li label {
    position: relative;
  }
  #mabinogim .container .view_body_wrap .content_area .survey_content .survey .survey_item ul.radio_type li label input[type=radio] {
    position: absolute;
    visibility: hidden;
  }
  #mabinogim .container .view_body_wrap .content_area .survey_content .survey .survey_item ul.radio_type li label i {
    position: relative;
    border: 1px solid #626262;
    border-radius: 50%;
    width: 16px;
    min-width: 16px;
    height: 16px;
    margin-right: 10px;
  }
  #mabinogim .container .view_body_wrap .content_area .survey_content .survey .survey_item ul.radio_type li label input[type=radio]:checked ~ i {
    border: 1px solid #626262;
  }
  #mabinogim .container .view_body_wrap .content_area .survey_content .survey .survey_item ul.radio_type li label input[type=radio]:checked ~ i::after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    content: "";
    width: 8px;
    height: 8px;
    background: #00b670;
    border-radius: 50%;
  }
  #mabinogim .container .view_body_wrap .content_area .survey_content .survey .survey_item ul.checkbox_type li label input[type=checkbox] {
    position: absolute;
    visibility: hidden;
  }
  #mabinogim .container .view_body_wrap .content_area .survey_content .survey .survey_item ul.checkbox_type li label i {
    position: relative;
    border: 1px solid #626262;
    width: 16px;
    min-width: 16px;
    height: 16px;
    margin-right: 10px;
  }
  #mabinogim .container .view_body_wrap .content_area .survey_content .survey .survey_item ul.checkbox_type li label input[type=checkbox]:checked ~ i::before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    content: "";
    width: 8px;
    height: 8px;
    background: #00b670;
  }
  #mabinogim .container .view_body_wrap .content_area .survey_content .survey .survey_item .text_area {
    padding: 10px 10px 0;
  }
  #mabinogim .container .view_body_wrap .content_area .survey_content .survey .survey_item .text_area input[type=text] {
    width: 100%;
    color: #5c5c5c;
    padding: 10px;
    border: 1px solid #dbdbdb;
  }
  #mabinogim .container .view_body_wrap .content_area .survey_content .survey .survey_item .text_area textarea {
    width: 100%;
    color: #5c5c5c;
    font-size: 12px;
    line-height: 130%;
    letter-spacing: -0.28px;
    text-transform: uppercase;
    padding: 10px;
    min-height: 110px;
    border: 1px solid #dbdbdb;
    outline: none;
  }
  #mabinogim .container .view_body_wrap .content_area .survey_content .survey .button_area {
    width: 100%;
    display: flex;
    justify-content: center;
  }
  #mabinogim .container .view_body_wrap .content_area .survey_content .survey .button_area .survey_apply_button {
    width: min-content;
    border-radius: 12px;
    background: #2baf7e;
    color: #fff;
    text-align: center;
    font-size: 18px;
    letter-spacing: -0.36px;
    padding: 10px 24px;
  }
  #mabinogim .container .view_body_wrap .content_area .survey_content .survey_finish {
    width: 100%;
    padding: 60px 0;
  }
  #mabinogim .container .view_body_wrap .content_area .survey_content .survey_finish span {
    width: 100%;
    display: inline-block;
    color: #626262;
    text-align: center;
    font-size: 28px;
    line-height: 130%;
    letter-spacing: -0.56px;
  }
  #mabinogim .container .view_body_wrap .content_area .survey_content .survey_finish .button_area {
    width: 100%;
    display: flex;
    justify-content: center;
  }
  #mabinogim .container .view_body_wrap .content_area .survey_content .survey_finish .button_area a,
#mabinogim .container .view_body_wrap .content_area .survey_content .survey_finish .button_area button {
    width: min-content;
    min-width: 110px;
    border-radius: 12px;
    text-align: center;
    font-size: 18px;
    letter-spacing: -0.36px;
    padding: 10px 24px;
  }
  #mabinogim .container .view_body_wrap .content_area .survey_content .survey_finish .button_area .survey_apply_button {
    background: #2baf7e;
    color: #fff;
  }
  #mabinogim .container .view_body_wrap .content_area .survey_content .survey_finish .button_area .list_button {
    border: 1px solid #626262;
    background: #fff;
    color: #525252;
  }
  #mabinogim .container .view_body_wrap .content_area .survey_content.done .survey .survey_item ul {
    opacity: 0.2;
    pointer-events: none;
  }
  #mabinogim .container .view_body_wrap .content_area .survey_content.done .survey .survey_item .input_text_wrap {
    opacity: 0.2;
    pointer-events: none;
  }
  #mabinogim .container .view_body_wrap .content_area .util_button {
    padding: 40px 0;
  }
  #mabinogim .container .view_body_wrap .content_area .util_button > li .report .mini_card_toggle ul {
    border-radius: 12px;
    padding: 6px;
  }
  #mabinogim .container .view_body_wrap .content_area .util_button > li .report .mini_card_toggle ul li a {
    font-size: 12px;
  }
  #mabinogim .container .view_body_wrap .content_area .attachment_file_list ul li {
    display: inline-flex;
    border-radius: 5px;
    border: 1px solid #cacaca;
    background: #707070;
    padding: 5px 10px;
    margin: 0 5px 5px 0;
  }
  #mabinogim .container .view_body_wrap .content_area .attachment_file_list ul li a {
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 12px;
  }
  #mabinogim .container .view_body_wrap .content_area .attachment_file_list ul li a::before {
    display: block;
    content: "";
    min-width: 17px;
    width: 17px;
    height: 16px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='16' fill='none'%3E%3Cg fill='%23fff' clip-path='url(%23a)'%3E%3Cpath d='m14.942 4.151-2.77-2.764C11.386.6 10.992.206 10.507 0L10.5 2.121c0 1.829 0 2.743.512 3.311C11.524 6 12.348 6 13.996 6H16.5c-.253-.546-.708-1-1.558-1.849Z'/%3E%3Cpath fill-rule='evenodd' d='M10.1 16H6.9c-3.017 0-4.526 0-5.462-.938C.5 14.126.5 12.617.5 9.6V6.4c0-3.017 0-4.526.938-5.462C2.374 0 3.89 0 6.924 0c.485 0 .873 0 1.2.014-.01.064-.016.128-.016.195L8.1 2.476c0 .878 0 1.654.084 2.278.091.678.3 1.356.854 1.91.552.551 1.23.76 1.908.852.624.084 1.4.084 2.278.084h3.242c.034.427.034.952.034 1.65v.35c0 3.017 0 4.526-.938 5.462C14.626 16 13.117 16 10.1 16ZM7.298 9.952a.6.6 0 0 1 .05.846l-2.133 2.4a.6.6 0 0 1-.897 0l-1.067-1.2a.6.6 0 0 1 .898-.796l.617.696 1.685-1.896a.6.6 0 0 1 .848-.05Z' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M.5 0h16v16H.5z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-size: cover;
    margin-right: 10px;
  }
  #mabinogim .container .view_body_wrap .content_area .tag {
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    padding: 15px 20px;
  }
  #mabinogim .container .view_body_wrap .content_area .tag a {
    margin-right: 20px;
    font-size: 14px;
    color: #626262;
  }
  #mabinogim .container .view_body_wrap .content_area .tag a:last-child {
    margin-right: 0;
  }
  #mabinogim .container .view_body_wrap .content_area .user_info {
    padding: 25px 0 30px;
  }
  #mabinogim .container .view_body_wrap .content_area .user_info .user_card {
    display: flex;
    align-items: center;
  }
  #mabinogim .container .view_body_wrap .content_area .user_info .user_card .profile_info .user_name {
    font-size: 12px;
    color: #626262;
  }
  #mabinogim .container .view_body_wrap .content_area .user_info .user_card .profile_info ul {
    margin-top: 17px;
  }
  #mabinogim .container .view_body_wrap .content_area .user_info .user_card .profile_info ul li {
    font-size: 12px;
    height: auto;
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    line-height: 160px;
  }
  #mabinogim .container .view_body_wrap .content_area .user_info .user_card .profile_info ul li span {
    color: #626262;
  }
  #mabinogim .container .view_body_wrap .content_area .user_info .user_card .profile_info ul li span:first-child {
    display: flex;
    width: 60px;
    min-width: 60px;
  }
  #mabinogim .container .view_body_wrap .content_area .user_info .user_card .profile_info ul li span:first-child i {
    margin-right: 4px;
  }
  #mabinogim .container .view_body_wrap .content_area .user_info .user_card .profile_info ul li span:first-child::after {
    content: ":";
    display: block;
    margin-left: auto;
  }
  #mabinogim .container .view_body_wrap .content_area .user_info .user_card .profile_info ul li span:last-child {
    margin-left: 10px;
  }
  #mabinogim .container .view_body_wrap .content_area .user_info .badge_list_area {
    padding: 0px 0px;
  }
  #mabinogim .container .view_body_wrap .content_area .user_info .badge_list_area .badge_list ul li {
    margin-right: 20px;
  }
  #mabinogim .container .view_body_wrap .content_area .user_info .badge_list_area .badge_list ul li img {
    width: 100%;
  }
  #mabinogim .container .view_body_wrap .content_area .user_info .badge_list_area button {
    display: flex;
    min-width: 95px;
    height: 80px;
    padding: 5px 0px 5px 20px;
    justify-content: center;
    align-items: center;
    border-radius: 24px;
    border-left: 1px solid #626262;
    background: linear-gradient(90deg, rgba(223, 223, 223, 0.68) 0%, rgba(223, 223, 223, 0) 36.84%);
    font-size: 14px;
    color: #525252;
  }
  #mabinogim .container .view_body_wrap .content_area .user_info .badge_list_area button::before {
    display: block;
    content: "";
    min-width: 12px;
    width: 12px;
    height: 12px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none'%3E%3Crect width='14' height='14' fill='%23626262' rx='4'/%3E%3Cpath fill='%23fff' d='M11 6v2H3V6z'/%3E%3Cpath fill='%23fff' d='M6 3h2v8H6z'/%3E%3C/svg%3E");
    background-size: cover;
    margin-right: 10px;
  }
  #mabinogim .container .view_body_wrap .content_area .user_info .badge_empty span {
    font-size: 14px;
  }
  #mabinogim .container .view_body_wrap > .button_area {
    display: flex;
    justify-content: center;
  }
  #mabinogim .container .view_body_wrap > .button_area .order_1 {
    margin-right: 10px;
  }
  #mabinogim .container .view_body_wrap > .button_area .order_1 button {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 14px;
    width: min-content;
    white-space: nowrap;
    border-radius: 12px;
    border: 1px solid #626262;
    background: #fff;
    font-size: 14px;
    color: #525252;
    letter-spacing: -0.36px;
  }
  #mabinogim .container .view_body_wrap > .button_area .order_2 {
    display: flex;
  }
  #mabinogim .container .view_body_wrap > .button_area .order_2 button {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 14px;
    width: min-content;
    white-space: nowrap;
    border-radius: 12px;
    background: #fff;
    font-size: 14px;
    color: #525252;
    letter-spacing: -0.36px;
  }
  #mabinogim .container .view_body_wrap > .button_area .order_2 .edit_button {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: #aaa;
    color: #525252;
    letter-spacing: -0.36px;
    color: #fff;
  }
  #mabinogim .container .view_body_wrap > .button_area .order_2 .delete_button {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: #aaa;
    letter-spacing: -0.36px;
    color: #fff;
    margin-right: 10px;
  }
  #mabinogim .container .view_body_wrap > .button_area .order_2 .write_button {
    padding: 9px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: #00b670;
    letter-spacing: -0.36px;
    color: #fff;
    margin-right: 0px;
  }
  #mabinogim .container .button_wrap {
    display: flex;
    justify-content: center;
  }
  #mabinogim .container .button_wrap .order_1 {
    margin-right: 10px;
  }
  #mabinogim .container .button_wrap .order_1 button {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 14px;
    width: min-content;
    white-space: nowrap;
    border-radius: 12px;
    border: 1px solid #626262;
    background: #fff;
    font-size: 14px;
    color: #525252;
    letter-spacing: -0.36px;
  }
  #mabinogim .container .button_wrap .order_2 {
    display: flex;
  }
  #mabinogim .container .button_wrap .order_2 button {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 14px;
    width: min-content;
    white-space: nowrap;
    border-radius: 12px;
    background: #fff;
    font-size: 14px;
    color: #525252;
    letter-spacing: -0.36px;
  }
  #mabinogim .container .button_wrap .order_2 .edit_button {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: #aaa;
    color: #525252;
    letter-spacing: -0.36px;
    color: #fff;
  }
  #mabinogim .container .button_wrap .order_2 .delete_button {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: #aaa;
    letter-spacing: -0.36px;
    color: #fff;
    margin-right: 10px;
  }
  #mabinogim .container .button_wrap .order_2 .write_button {
    padding: 9px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: #00b670;
    letter-spacing: -0.36px;
    color: #fff;
    margin-right: 0px;
  }
  #mabinogim .container .comment_write_wrap {
    margin-top: 20px;
    padding: 15px;
    border-radius: 24px;
    background: #fff;
  }
  #mabinogim .container .comment_write_wrap .comment_total {
    display: flex;
    align-items: center;
  }
  #mabinogim .container .comment_write_wrap .comment_total span:first-child {
    color: #626262;
    font-size: 18px;
  }
  #mabinogim .container .comment_write_wrap .comment_total span:last-child {
    color: #f65606;
    font-size: 14px;
    margin-left: 10px;
  }
  #mabinogim .container .comment_write_wrap .editor_area .editor_add {
    border: 1px solid #626262;
    border-top: 1px solid #dbdbdb;
    border-radius: 0 0 12px 12px;
    background: #f6f4f4;
    display: flex;
    justify-content: space-between;
  }
  #mabinogim .container .comment_write_wrap .editor_area .editor_add .order_1 {
    display: flex;
  }
  #mabinogim .container .comment_write_wrap .editor_area .editor_add .order_1 button {
    padding: 10px 15px;
    border-right: 1px solid #dbdbdb;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #mabinogim .container .comment_write_wrap .editor_area .editor_add .order_2 {
    display: flex;
    align-items: center;
  }
  #mabinogim .container .comment_write_wrap .editor_area .editor_add .order_2 .comment_length {
    margin-right: 12px;
  }
  #mabinogim .container .comment_write_wrap .editor_area .editor_add .order_2 .comment_length span {
    font-size: 13px;
  }
  #mabinogim .container .comment_write_wrap .editor_area .editor_add .order_2 .comment_length span.length {
    color: #f65606;
  }
  #mabinogim .container .comment_write_wrap .editor_area .editor_add .order_2 .write_button {
    height: 100%;
    padding: 5px 25px;
    background: #626262;
    font-size: 14px;
    color: #fff;
    border-bottom-right-radius: 10px;
  }
  #mabinogim .container .comment_list_wrap {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  #mabinogim .container .comment_list_wrap .filter_area {
    padding: 0 20px 20px;
    border-bottom: 1px solid #dbdbdb;
  }
  #mabinogim .container .comment_list_wrap .filter_area button {
    position: relative;
    margin-right: 0px;
    color: #525252;
    padding: 4px 10px;
    font-size: 14px;
  }
  #mabinogim .container .comment_list_wrap .list_area > ul > li {
    position: relative;
    padding: 20px 15px;
    background: #fff;
    border-bottom: 1px solid #dbdbdb;
  }
  #mabinogim .container .comment_list_wrap .list_area > ul > li > div {
    position: relative;
  }
  #mabinogim .container .comment_list_wrap .list_area > ul > li > div .comment_header {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
  }
  #mabinogim .container .comment_list_wrap .list_area > ul > li > div .comment_header .order_1 {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
  }
  #mabinogim .container .comment_list_wrap .list_area > ul > li > div .comment_header .order_1 .user_info {
    position: relative;
    display: flex;
    align-items: center;
    margin-right: 0px;
    cursor: pointer;
  }
  #mabinogim .container .comment_list_wrap .list_area > ul > li > div .comment_header .order_1 .user_info .profile_image {
    width: 20px;
    min-width: 20px;
    height: 20px;
    border-radius: 50%;
    overflow: hidden;
  }
  #mabinogim .container .comment_list_wrap .list_area > ul > li > div .comment_header .order_1 .user_info .profile_image img {
    width: 100%;
    height: 100%;
  }
  #mabinogim .container .comment_list_wrap .list_area > ul > li > div .comment_header .order_1 .user_info .name {
    margin-left: 5px;
    color: #5c5c5c;
    font-size: 14px;
    letter-spacing: -0.28px;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  #mabinogim .container .comment_list_wrap .list_area > ul > li > div .comment_header .order_1 .user_info .isAuthor {
    display: flex;
    padding: 4px 15px;
    border-radius: 20px;
    background: #5c5c5c;
    color: #fff;
    font-size: 11px;
    margin-left: 6px;
  }
  #mabinogim .container .comment_list_wrap .list_area > ul > li > div .comment_header .order_1 .sub_info {
    margin-top: 12px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  #mabinogim .container .comment_list_wrap .list_area > ul > li > div .comment_header .order_1 .sub_info .like {
    display: flex;
    align-items: center;
    cursor: pointer;
  }
  #mabinogim .container .comment_list_wrap .list_area > ul > li > div .comment_header .order_1 .sub_info .like span {
    font-size: 11px;
    color: #707070;
    margin-right: 40px;
  }
  #mabinogim .container .comment_list_wrap .list_area > ul > li > div .comment_header .order_1 .sub_info .date span {
    font-size: 11px;
    color: #aaa;
  }
  #mabinogim .container .comment_list_wrap .list_area > ul > li > div .comment_header .order_2 {
    display: flex;
    margin-top: 10px;
  }
  #mabinogim .container .comment_list_wrap .list_area > ul > li > div .comment_header .order_2 > button {
    font-size: 12px;
    color: #626262;
    display: flex;
    align-items: center;
    white-space: nowrap;
  }
  #mabinogim .container .comment_list_wrap .list_area > ul > li > div .comment_header .order_2 > button::after {
    display: block;
    content: "";
    width: 1px;
    height: 8px;
    background: #aaa;
    margin-left: 10px;
    margin-right: 10px;
  }
  #mabinogim .container .comment_list_wrap .list_area > ul > li > div .comment_header .order_2 > button:last-child::after {
    display: none;
  }
  #mabinogim .container .comment_list_wrap .list_area > ul > li > div .comment_body .content {
    margin-top: 20px;
  }
  #mabinogim .container .comment_list_wrap .list_area > ul > li > div .comment_body .content p {
    color: #626262;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: -0.28px;
    display: block;
    margin-block-start: 0em;
    margin-block-end: 1em;
    margin-inline-start: 0;
    margin-inline-end: 0;
  }
  #mabinogim .container .comment_list_wrap .list_area > ul > li > div .comment_bottom {
    padding: 10px 0 0 0px;
  }
  #mabinogim .container .comment_list_wrap .list_area > ul > li > div .comment_bottom .button_area {
    display: flex;
    justify-content: flex-end;
  }
  #mabinogim .container .comment_list_wrap .list_area > ul > li > div .comment_bottom .button_area button.write_button {
    padding: 4px 12px;
    border-radius: 5px;
    background: #00b670;
    color: #fff;
    font-size: 12px;
  }
  #mabinogim .container .comment_list_wrap .list_area > ul > li > div .comment_bottom .button_area button.cancel_button {
    padding: 4px 12px;
    border-radius: 5px;
    color: #fff;
    font-size: 12px;
    border: 1px solid #5c5c5c;
    color: #5c5c5c;
  }
  #mabinogim .container .comment_list_wrap .list_area > ul > li > div .comment_bottom .recomment_write_area {
    display: flex;
    align-items: flex-start;
    padding-top: 20px;
  }
  #mabinogim .container .comment_list_wrap .list_area > ul > li > div .comment_bottom .recomment_write_area::before {
    content: "";
    display: block;
    width: 19px;
    min-width: 19px;
    height: 17px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='17' fill='none'%3E%3Cpath fill='%235C5C5C' d='M0 2a2 2 0 0 1 2-2h15a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2ZM16.5 16.5 12 12h4.5v4.5Z'/%3E%3Ccircle cx='4.5' cy='5.5' r='1.5' fill='%23fff'/%3E%3Ccircle cx='9.5' cy='5.5' r='1.5' fill='%23fff'/%3E%3Ccircle cx='14.5' cy='5.5' r='1.5' fill='%23fff'/%3E%3C/svg%3E");
    background-size: cover;
  }
  #mabinogim .container .comment_list_wrap .list_area > ul > li > div .comment_bottom .recomment_write_area .editor_area {
    width: 100%;
    margin-left: 7px;
  }
  #mabinogim .container .comment_list_wrap .list_area > ul > li > div .comment_bottom .recomment_write_area .editor_area .editor_add {
    border: 1px solid #626262;
    border-top: 1px solid #dbdbdb;
    border-radius: 0 0 12px 12px;
    background: #f6f4f4;
    display: flex;
    justify-content: space-between;
  }
  #mabinogim .container .comment_list_wrap .list_area > ul > li > div .comment_bottom .recomment_write_area .editor_area .editor_add .order_1 {
    display: flex;
  }
  #mabinogim .container .comment_list_wrap .list_area > ul > li > div .comment_bottom .recomment_write_area .editor_area .editor_add .order_1 button {
    padding: 10px 15px;
    border-right: 1px solid #dbdbdb;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #mabinogim .container .comment_list_wrap .list_area > ul > li > div .comment_bottom .recomment_write_area .editor_area .editor_add .order_2 {
    display: flex;
    align-items: center;
  }
  #mabinogim .container .comment_list_wrap .list_area > ul > li > div .comment_bottom .recomment_write_area .editor_area .editor_add .order_2 .recomment_length {
    margin-right: 12px;
  }
  #mabinogim .container .comment_list_wrap .list_area > ul > li > div .comment_bottom .recomment_write_area .editor_area .editor_add .order_2 .recomment_length span {
    font-size: 13px;
  }
  #mabinogim .container .comment_list_wrap .list_area > ul > li > div .comment_bottom .recomment_write_area .editor_area .editor_add .order_2 .recomment_length span.length {
    color: #f65606;
  }
  #mabinogim .container .comment_list_wrap .list_area > ul > li > div .comment_bottom .recomment_write_area .editor_area .editor_add .order_2 .write_button {
    height: 100%;
    padding: 5px 25px;
    background: #626262;
    font-size: 14px;
    color: #fff;
    border-bottom-right-radius: 10px;
  }
  #mabinogim .container .comment_list_wrap .list_area > ul > li > div .comment_bottom.editbox .recomment_write_area::before {
    display: none;
  }
  #mabinogim .container .comment_list_wrap .list_area > ul > li > div .comment_bottom.editbox .recomment_write_area .editor_area {
    margin-left: 0;
  }
  #mabinogim .container .comment_list_wrap .list_area > ul .recomment {
    background: none;
    display: flex;
  }
  #mabinogim .container .comment_list_wrap .list_area > ul .recomment::before {
    content: "";
    display: block;
    width: 22px;
    min-width: 22px;
    height: 23px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='23' fill='none'%3E%3Cpath fill='%23626262' fill-rule='evenodd' d='M2 2h1v17h13v1H2V2Z' clip-rule='evenodd'/%3E%3Ccircle cx='2.5' cy='2.5' r='2' fill='%2399FFD8' stroke='%23626262'/%3E%3Cpath fill='%23626262' d='M16 21h1v-1h-1v1ZM15 22h1v-1h-1v1ZM14 23h1v-1h-1v1ZM17 19h1v1h-1v-1ZM16 19h1v1h-1v-1ZM16 18h1v1h-1v-1ZM15 17h1v1h-1v-1ZM14 16h1v1h-1v-1Z'/%3E%3C/svg%3E");
    background-size: cover;
  }
  #mabinogim .container .comment_list_wrap .list_area > ul .recomment > div {
    width: 100%;
    margin-top: 10px;
    margin-left: 10px;
  }
  #mabinogim .container .comment_list_wrap .list_area > ul .recomment > div .comment_bottom .recomment_write_area {
    margin-left: 0;
  }
  #mabinogim .container .comment_list_wrap .list_area > ul .recomment > div .comment_bottom .recomment_write_area .note-editor.note-airframe::before,
#mabinogim .container .comment_list_wrap .list_area > ul .recomment > div .comment_bottom .recomment_write_area .note-editor.note-frame::before {
    content: "";
    display: none;
  }
  #mabinogim .container .comment_list_wrap .list_area > ul .recomment > div .comment_bottom .recomment_write_area .editor_add {
    border: 1px solid #626262;
    border-top: 1px solid #dbdbdb;
    border-radius: 0 0 12px 12px;
    background: #f6f4f4;
    display: flex;
    justify-content: space-between;
  }
  #mabinogim .container .comment_list_wrap .list_area > ul .recomment > div .comment_bottom .recomment_write_area .editor_add .left_area {
    display: flex;
  }
  #mabinogim .container .comment_list_wrap .list_area > ul .recomment > div .comment_bottom .recomment_write_area .editor_add .left_area button {
    padding: 10px 15px;
    border-right: 1px solid #dbdbdb;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #mabinogim .container .comment_list_wrap .list_area > ul .recomment > div .comment_bottom .recomment_write_area .editor_add .right_area {
    display: flex;
    align-items: center;
  }
  #mabinogim .container .comment_list_wrap .list_area > ul .recomment > div .comment_bottom .recomment_write_area .editor_add .right_area .recomment_length {
    margin-right: 12px;
  }
  #mabinogim .container .comment_list_wrap .list_area > ul .recomment > div .comment_bottom .recomment_write_area .editor_add .right_area .recomment_length span {
    font-size: 13px;
  }
  #mabinogim .container .comment_list_wrap .list_area > ul .recomment > div .comment_bottom .recomment_write_area .editor_add .right_area .recomment_length span.length {
    color: #f65606;
  }
  #mabinogim .container .comment_list_wrap .list_area > ul .recomment > div .comment_bottom .recomment_write_area .editor_add .right_area .write_button {
    height: 100%;
    padding: 5px 25px;
    background: #626262;
    font-size: 14px;
    color: #fff;
    border-bottom-right-radius: 10px;
  }
  #mabinogim .container .comment_list_wrap .list_area > ul .deleted_comment {
    background: none;
  }
  #mabinogim .container .comment_list_wrap .list_area > ul .deleted_comment > div {
    display: flex;
    align-items: center;
  }
  #mabinogim .container .comment_list_wrap .list_area > ul .deleted_comment > div i {
    margin-right: 12px;
  }
  #mabinogim .container .comment_list_wrap .list_area > ul .deleted_comment > div span {
    color: #5c5c5c;
    font-size: 14px;
  }
  #mabinogim .container .comment_list_wrap .pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
  }
  #mabinogim .container .comment_list_wrap .pagination ul {
    display: flex;
  }
  #mabinogim .container .comment_list_wrap .pagination ul li {
    font-size: 10px;
    color: #525252;
    margin-right: 4px;
    cursor: pointer;
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #mabinogim .container .comment_list_wrap .pagination ul li.on, #mabinogim .container .comment_list_wrap .pagination ul lili:hover {
    color: #fff;
    background: #2baf7e;
  }
  #mabinogim .container .comment_list_wrap .pagination ul li:first-child {
    margin-left: 8px;
  }
  #mabinogim .container .comment_list_wrap .pagination ul li:last-child {
    margin-right: 8px;
  }
  #mabinogim .container .comment_list_wrap .pagination button.prev_button {
    width: 20px;
    height: 23px;
    border-radius: none;
    border: none;
    background: none;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #mabinogim .container .comment_list_wrap .pagination button.next_button {
    width: 20px;
    height: 23px;
    border-radius: none;
    border: none;
    background: none;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.note-editor.note-airframe,
.note-editor.note-frame {
  border-radius: 12px 12px 0 0;
  border: 1px solid #626262;
  border-bottom: none;
  background: #fff;
}
.note-editor.note-airframe .note-editing-area,
.note-editor.note-frame .note-editing-area {
  padding: 0 6px 0 0;
}
.note-editor.note-airframe .note-editing-area .note-placeholder,
.note-editor.note-frame .note-editing-area .note-placeholder {
  padding: 10px 20px;
  font-size: 14px;
  line-height: 1.4em;
  color: #aaa;
}
.note-editor.note-airframe .note-editing-area .note-editable,
.note-editor.note-frame .note-editing-area .note-editable {
  width: 100%;
  overflow-x: auto;
}
.note-editor.note-airframe .note-editing-area .note-editable::-webkit-scrollbar,
.note-editor.note-frame .note-editing-area .note-editable::-webkit-scrollbar {
  width: 4px;
  border-radius: 10px;
}
.note-editor.note-airframe .note-editing-area .note-editable::-webkit-scrollbar-corner,
.note-editor.note-frame .note-editing-area .note-editable::-webkit-scrollbar-corner {
  background: transparent;
}
.note-editor.note-airframe .note-editing-area .note-editable::-webkit-scrollbar-thumb,
.note-editor.note-frame .note-editing-area .note-editable::-webkit-scrollbar-thumb {
  background-color: #00b670;
  border-radius: 10px;
}
.note-editor.note-airframe .note-editing-area .note-editable::-webkit-scrollbar-track,
.note-editor.note-frame .note-editing-area .note-editable::-webkit-scrollbar-track {
  background-color: #aaa;
  border-radius: 30px;
}
.note-editor.note-airframe .note-editing-area .note-editable::-webkit-scrollbar-button:vertical:start:increment,
.note-editor.note-frame .note-editing-area .note-editable::-webkit-scrollbar-button:vertical:start:increment {
  display: block;
  height: 12%;
}
.note-editor.note-airframe .note-editing-area .note-editable::-webkit-scrollbar-button:vertical:end:increment,
.note-editor.note-frame .note-editing-area .note-editable::-webkit-scrollbar-button:vertical:end:increment {
  display: block;
  height: 10%;
}
.note-editor.note-airframe .note-editing-area .note-editable img,
.note-editor.note-frame .note-editing-area .note-editable img {
  max-width: 80px !important;
}
.note-editor.note-airframe .note-statusbar,
.note-editor.note-frame .note-statusbar {
  display: none;
}

#mabinogim .normal_list_wrap .list_area > ul {
  border-bottom: 1px solid #AAA;
}
#mabinogim .normal_list_wrap .list_area > ul > li {
  position: relative;
  height: 100px;
  border-top: 1px solid #AAA;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
}
#mabinogim .normal_list_wrap .list_area > ul > li::before {
  display: block;
  content: "";
  width: 5px;
  height: 100%;
  background: #00B670;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.5s;
  opacity: 0;
}
#mabinogim .normal_list_wrap .list_area > ul > li .order_1 {
  display: flex;
  align-items: center;
  max-width: 52%;
}
#mabinogim .normal_list_wrap .list_area > ul > li .order_1 .type {
  display: flex;
  width: min-content;
  border: 1px solid #D9D9D9;
  font-size: 14px;
  color: #626262;
  background: #fff;
  border-radius: 20px;
  padding: 5px 15px;
  margin-right: 12px;
  white-space: nowrap;
}
#mabinogim .normal_list_wrap .list_area > ul > li .order_1 .type span {
  display: flex;
  align-items: center;
  width: min-content;
}
#mabinogim .normal_list_wrap .list_area > ul > li .order_1 .type span:last-child::after {
  display: none;
}
#mabinogim .normal_list_wrap .list_area > ul > li .order_1 .type span::after {
  display: block;
  content: "";
  width: 5px;
  height: 8px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='8' fill='none'%3E%3Cpath fill='%23D9D9D9' d='M3 3h1v2H3V3ZM2 2h1v1H2V2ZM1 1h1v1H1V1ZM0 0h1v1H0V0ZM2 5h1v1H2V5ZM1 6h1v1H1V6ZM0 7h1v1H0V7ZM0 6h1v1H0V6ZM1 5h1v1H1V5ZM2 3h1v2H2V3ZM1 2h1v1H1V2ZM0 1h1v1H0V1ZM1 7h1v1H1V7ZM2 6h1v1H2V6ZM3 5h1v1H3V5ZM4 3h1v2H4V3ZM3 2h1v1H3V2ZM2 1h1v1H2V1ZM1 0h1v1H1V0Z'/%3E%3C/svg%3E") no-repeat;
  margin: 0 6px;
}
#mabinogim .normal_list_wrap .list_area > ul > li .order_1 .title {
  position: relative;
  width: 100%;
  margin-right: 6px;
  display: flex;
  align-items: center;
  overflow: hidden;
}
#mabinogim .normal_list_wrap .list_area > ul > li .order_1 .title span {
  display: inline-block;
  max-width: 100%;
  font-size: 18px;
  line-height: 24px;
  color: #525252;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#mabinogim .normal_list_wrap .list_area > ul > li .order_1 .title span b {
  color: #F65606;
}
#mabinogim .normal_list_wrap .list_area > ul > li .order_1 .etc {
  display: flex;
  align-items: center;
  margin-right: 12px;
}
#mabinogim .normal_list_wrap .list_area > ul > li .order_1 .etc div {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #707070;
  margin-right: 6px;
}
#mabinogim .normal_list_wrap .list_area > ul > li .order_1 .etc div.comment {
  white-space: nowrap;
}
#mabinogim .normal_list_wrap .list_area > ul > li .order_1 .etc div.comment::before {
  display: block;
  content: "";
  width: 18px;
  min-width: 18px;
  height: 20px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%238E8E8E' d='m4 17-3-2h3v2Z'/%3E%3Cpath fill='%23AAA' d='M1 7a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2H1V7Z'/%3E%3Cpath fill='%23F6F4F4' d='M4 9h2v2H4V9ZM8 9h2v2H8V9ZM12 9h2v2h-2V9Z'/%3E%3C/svg%3E");
  background-size: cover;
  margin-right: 2px;
}
#mabinogim .normal_list_wrap .list_area > ul > li .order_1 .etc div.etc_photo::before {
  display: block;
  content: "";
  min-width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none'%3E%3Cpath fill='%23AAA' d='M2 4a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V4Z'/%3E%3Cpath fill='%23F6F4F4' d='m6.196 9.206-2.16 3.24A1 1 0 0 0 4.87 14h8.592a1 1 0 0 0 .914-1.406l-2.16-4.86c-.39-.877-1.672-.754-1.888.182L10 9.339c-.194.839-1.288 1.057-1.788.356l-.369-.516a1 1 0 0 0-1.646.027Z'/%3E%3Crect width='3' height='3' x='5' y='4' fill='%23F6F4F4' rx='1.5'/%3E%3C/svg%3E");
  background-size: cover;
}
#mabinogim .normal_list_wrap .list_area > ul > li .order_1 .etc div.etc_video::before {
  display: block;
  content: "";
  min-width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none'%3E%3Cpath fill='%23AAA' d='M2 4a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V4Z'/%3E%3Cpath fill='%23fff' d='M11.5 8.134a1 1 0 0 1 0 1.732l-3 1.732a1 1 0 0 1-1.5-.866V7.268a1 1 0 0 1 1.5-.866l3 1.732Z'/%3E%3C/svg%3E");
  background-size: cover;
}
#mabinogim .normal_list_wrap .list_area > ul > li .order_2 {
  display: flex;
  align-items: center;
  max-width: 550px;
  min-width: 550px;
}
#mabinogim .normal_list_wrap .list_area > ul > li .order_2 .user_info {
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
}
#mabinogim .normal_list_wrap .list_area > ul > li .order_2 .user_info .profile_image {
  width: 34px;
  min-width: 34px;
  height: 34px;
  border-radius: 50%;
  overflow: hidden;
}
#mabinogim .normal_list_wrap .list_area > ul > li .order_2 .user_info .profile_image img {
  width: 100%;
  height: 100%;
}
#mabinogim .normal_list_wrap .list_area > ul > li .order_2 .user_info .name {
  margin-left: 10px;
  color: #5C5C5C;
  font-size: 16px;
  letter-spacing: -0.28px;
  max-width: 230px;
  min-width: 230px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#mabinogim .normal_list_wrap .list_area > ul > li .order_2 .sub_info {
  display: flex;
  margin-left: auto;
}
#mabinogim .normal_list_wrap .list_area > ul > li .order_2 .sub_info div {
  display: flex;
  align-items: center;
  width: 70px;
}
#mabinogim .normal_list_wrap .list_area > ul > li .order_2 .sub_info div span {
  font-size: 14px;
  color: #707070;
  white-space: nowrap;
}
#mabinogim .normal_list_wrap .list_area > ul > li .order_2 .sub_info .view {
  margin-right: 12px;
}
#mabinogim .normal_list_wrap .list_area > ul > li .order_2 .sub_info .view::before {
  display: block;
  content: "";
  min-width: 18px;
  width: 18px;
  height: 10px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='10' fill='none'%3E%3Cpath fill='%23AAA' fill-rule='evenodd' d='M9 10c5.61 0 9-4.22 9-5 0-.78-3.39-5-9-5-4.809 0-9 4.22-9 5 0 .78 4.191 5 9 5Zm0-1.25c2.13 0 3.857-1.679 3.857-3.75 0-2.071-1.727-3.75-3.857-3.75S5.143 2.929 5.143 5C5.143 7.071 6.87 8.75 9 8.75Z' clip-rule='evenodd'/%3E%3Cpath fill='%23AAA' fill-rule='evenodd' d='M9 7.5c1.42 0 2.571-1.12 2.571-2.5H9V2.5C7.58 2.5 6.428 3.62 6.428 5S7.58 7.5 9 7.5Z' clip-rule='evenodd'/%3E%3C/svg%3E");
  background-size: cover;
  margin-right: 6px;
}
#mabinogim .normal_list_wrap .list_area > ul > li .order_2 .sub_info .like::before {
  display: block;
  content: "";
  width: 12px;
  min-width: 12px;
  height: 11px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='11' fill='none'%3E%3Cpath fill='%23AAA' d='M0 2v4l3 3 3 2 3-2 3-3V2L9 0 6 2 3 0 0 2Z'/%3E%3C/svg%3E");
  background-size: cover;
  margin-right: 6px;
}
#mabinogim .normal_list_wrap .list_area > ul > li .order_2 .sub_info .date {
  margin-left: 40px;
}
#mabinogim .normal_list_wrap .list_area > ul > li .order_2 .sub_info .date span {
  color: #aaa;
}
#mabinogim .normal_list_wrap .list_area > ul > li.on {
  background: #fff;
}
#mabinogim .normal_list_wrap .list_area > ul > li.on::before {
  opacity: 1;
}
#mabinogim .normal_list_wrap .list_area > ul > li.on .order_1 .title span {
  color: #F65606;
}
@media (hover: hover) and (min-width: 1281px) {
  #mabinogim .normal_list_wrap .list_area > ul > li:hover {
    background: #fff;
  }
  #mabinogim .normal_list_wrap .list_area > ul > li:hover::before {
    opacity: 1;
  }
  #mabinogim .normal_list_wrap .list_area > ul > li:hover .order_1 .title span {
    color: #F65606;
  }
}
#mabinogim .normal_list_wrap .list_area .list_empty {
  border-top: 1px solid #AAA;
  border-bottom: 1px solid #AAA;
}
#mabinogim .normal_list_wrap .list_area .list_empty span {
  min-height: 220px;
  height: 220px;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#mabinogim .normal_list_wrap .list_area .list_empty span b {
  color: #F65606;
}
#mabinogim .normal_list_wrap .list_area .pager {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 40px auto 0;
}
#mabinogim .normal_list_wrap .list_area .pager .pagination {
  display: flex;
  align-items: center;
}
#mabinogim .normal_list_wrap .list_area .pager .pagination ul {
  display: flex;
}
#mabinogim .normal_list_wrap .list_area .pager .pagination ul li {
  font-size: 16px;
  color: #525252;
  margin-right: 4px;
  cursor: pointer;
  width: 44px;
  height: 30px;
  background: #fff;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#mabinogim .normal_list_wrap .list_area .pager .pagination ul li.on {
  color: #fff;
  background: #2BAF7E;
}
@media (hover: hover) and (min-width: 1281px) {
  #mabinogim .normal_list_wrap .list_area .pager .pagination ul li:hover {
    color: #fff;
    background: #2BAF7E;
  }
}
#mabinogim .normal_list_wrap .list_area .pager .pagination ul li:first-child {
  margin-left: 26px;
}
#mabinogim .normal_list_wrap .list_area .pager .pagination ul li:last-child {
  margin-right: 26px;
}
#mabinogim .normal_list_wrap .list_area .pager .pagination button.prev_button {
  width: 48px;
  height: 34px;
  border-radius: 10px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
#mabinogim .normal_list_wrap .list_area .pager .pagination button.prev_button::before {
  display: block;
  content: "";
  min-width: 9px;
  width: 9px;
  height: 11px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='11' fill='none'%3E%3Cpath stroke='%23424242' stroke-linecap='round' stroke-width='3' d='m7 1.5-4 4 4 4'/%3E%3C/svg%3E");
  transition: all 0.3s;
}
@media (hover: hover) and (min-width: 1281px) {
  #mabinogim .normal_list_wrap .list_area .pager .pagination button.prev_button:hover::before {
    transform: translateX(-4px);
  }
}
#mabinogim .normal_list_wrap .list_area .pager .pagination button.next_button {
  width: 48px;
  height: 34px;
  border-radius: 10px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
#mabinogim .normal_list_wrap .list_area .pager .pagination button.next_button::before {
  display: block;
  content: "";
  min-width: 9px;
  width: 9px;
  height: 11px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='11' fill='none'%3E%3Cpath stroke='%23424242' stroke-linecap='round' stroke-width='3' d='m2 1.5 4 4-4 4'/%3E%3C/svg%3E");
  transition: all 0.3s;
}
@media (hover: hover) and (min-width: 1281px) {
  #mabinogim .normal_list_wrap .list_area .pager .pagination button.next_button:hover::before {
    transform: translateX(4px);
  }
}
#mabinogim .normal_list_wrap .list_area .pager .write_button {
  width: min-content;
  padding: 10px 56px;
  background: #00B670;
  border-radius: 12px;
  font-size: 18px;
  color: #fff;
  white-space: nowrap;
  margin-left: auto;
}
@media (hover: hover) and (min-width: 1281px) {
  #mabinogim .normal_list_wrap .list_area .pager .write_button:hover {
    background: #0C8B5A;
  }
}
#mabinogim .event_list_wrap .list_area > ul > li {
  position: relative;
  display: flex;
  margin-bottom: 20px;
  overflow: hidden;
}
#mabinogim .event_list_wrap .list_area > ul > li:last-child {
  margin-bottom: 0;
}
#mabinogim .event_list_wrap .list_area > ul > li .thumbnail {
  position: relative;
  overflow: hidden;
  width: 100%;
  min-width: 385px;
  max-width: 385px;
  max-height: 140px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 24px;
}
#mabinogim .event_list_wrap .list_area > ul > li .thumbnail img {
  object-fit: cover;
  width: 100%;
  border-radius: 24px;
}
#mabinogim .event_list_wrap .list_area > ul > li .descript {
  width: 100%;
  background: #fff;
  padding: 0 30px;
  border-radius: 24px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  overflow: hidden;
}
#mabinogim .event_list_wrap .list_area > ul > li .descript .order_1 {
  width: 100%;
  display: flex;
  align-items: center;
  overflow: hidden;
}
#mabinogim .event_list_wrap .list_area > ul > li .descript .order_1 .type {
  color: #626262;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.28px;
  text-transform: uppercase;
  padding: 5px 15px;
  border-radius: 20px;
  border: 1px solid #d9d9d9;
  background: #fff;
  width: min-content;
  white-space: nowrap;
  transition: all 0.3s;
}
#mabinogim .event_list_wrap .list_area > ul > li .descript .order_1 .title {
  position: relative;
  display: flex;
  align-items: center;
  margin-left: 10px;
  width: 100%;
  overflow: hidden;
}
#mabinogim .event_list_wrap .list_area > ul > li .descript .order_1 .title span {
  display: inline-block;
  font-size: 20px;
  color: #626262;
  line-height: 140%;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all 0.3s;
  white-space: nowrap;
}
#mabinogim .event_list_wrap .list_area > ul > li .descript .order_1 .title span b {
  color: #f65606;
}
#mabinogim .event_list_wrap .list_area > ul > li .descript .order_2 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 12px;
}
#mabinogim .event_list_wrap .list_area > ul > li .descript .order_2 .date span {
  color: #aaa;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: -0.24px;
}
#mabinogim .event_list_wrap .list_area > ul > li .descript .order_2 .sub_info {
  display: flex;
}
#mabinogim .event_list_wrap .list_area > ul > li .descript .order_2 .sub_info div {
  display: flex;
  align-items: center;
}
#mabinogim .event_list_wrap .list_area > ul > li .descript .order_2 .sub_info div span {
  font-size: 14px;
  color: #707070;
  white-space: nowrap;
}
#mabinogim .event_list_wrap .list_area > ul > li .descript .order_2 .sub_info .comment {
  margin-right: 12px;
}
#mabinogim .event_list_wrap .list_area > ul > li .descript .order_2 .sub_info .comment::before {
  display: block;
  content: "";
  width: 18px;
  height: 20px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%238E8E8E' d='m4 17-3-2h3v2Z'/%3E%3Cpath fill='%23AAA' d='M1 7a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2H1V7Z'/%3E%3Cpath fill='%23F6F4F4' d='M4 9h2v2H4V9ZM8 9h2v2H8V9ZM12 9h2v2h-2V9Z'/%3E%3C/svg%3E");
  background-size: cover;
  margin-right: 4px;
}
#mabinogim .event_list_wrap .list_area > ul > li .descript .order_2 .sub_info .view {
  margin-right: 12px;
}
#mabinogim .event_list_wrap .list_area > ul > li .descript .order_2 .sub_info .view::before {
  display: block;
  content: "";
  min-width: 18px;
  width: 18px;
  height: 10px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='10' fill='none'%3E%3Cpath fill='%23AAA' fill-rule='evenodd' d='M9 10c5.61 0 9-4.22 9-5 0-.78-3.39-5-9-5-4.809 0-9 4.22-9 5 0 .78 4.191 5 9 5Zm0-1.25c2.13 0 3.857-1.679 3.857-3.75 0-2.071-1.727-3.75-3.857-3.75S5.143 2.929 5.143 5C5.143 7.071 6.87 8.75 9 8.75Z' clip-rule='evenodd'/%3E%3Cpath fill='%23AAA' fill-rule='evenodd' d='M9 7.5c1.42 0 2.571-1.12 2.571-2.5H9V2.5C7.58 2.5 6.428 3.62 6.428 5S7.58 7.5 9 7.5Z' clip-rule='evenodd'/%3E%3C/svg%3E");
  background-size: cover;
  margin-right: 4px;
}
#mabinogim .event_list_wrap .list_area > ul > li .descript .order_2 .sub_info .like::before {
  display: block;
  content: "";
  width: 12px;
  min-width: 12px;
  height: 11px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='11' fill='none'%3E%3Cpath fill='%23AAA' d='M0 2v4l3 3 3 2 3-2 3-3V2L9 0 6 2 3 0 0 2Z'/%3E%3C/svg%3E");
  background-size: cover;
  margin-right: 4px;
}
@media (hover: hover) and (min-width: 1281px) {
  #mabinogim .event_list_wrap .list_area > ul > li:hover .descript .order_1 .type {
    color: #21a071;
  }
  #mabinogim .event_list_wrap .list_area > ul > li:hover .descript .order_1 .title span {
    color: #21a071;
  }
}
#mabinogim .event_list_wrap .list_area .list_empty {
  border-top: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
}
#mabinogim .event_list_wrap .list_area .list_empty span {
  min-height: 220px;
  height: 220px;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#mabinogim .event_list_wrap .list_area .list_empty span b {
  color: #f65606;
}
#mabinogim .event_list_wrap .list_area .pager {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 40px auto 0;
}
#mabinogim .event_list_wrap .list_area .pager .pagination {
  display: flex;
  align-items: center;
}
#mabinogim .event_list_wrap .list_area .pager .pagination ul {
  display: flex;
}
#mabinogim .event_list_wrap .list_area .pager .pagination ul li {
  font-size: 16px;
  color: #525252;
  margin-right: 4px;
  cursor: pointer;
  width: 44px;
  height: 30px;
  background: #fff;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#mabinogim .event_list_wrap .list_area .pager .pagination ul li.on {
  color: #fff;
  background: #2baf7e;
}
@media (hover: hover) and (min-width: 1281px) {
  #mabinogim .event_list_wrap .list_area .pager .pagination ul li:hover {
    color: #fff;
    background: #2baf7e;
  }
}
#mabinogim .event_list_wrap .list_area .pager .pagination ul li:first-child {
  margin-left: 26px;
}
#mabinogim .event_list_wrap .list_area .pager .pagination ul li:last-child {
  margin-right: 26px;
}
#mabinogim .event_list_wrap .list_area .pager .pagination button.prev_button {
  width: 48px;
  height: 34px;
  border-radius: 10px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
#mabinogim .event_list_wrap .list_area .pager .pagination button.prev_button::before {
  display: block;
  content: "";
  min-width: 9px;
  width: 9px;
  height: 11px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='11' fill='none'%3E%3Cpath stroke='%23424242' stroke-linecap='round' stroke-width='3' d='m7 1.5-4 4 4 4'/%3E%3C/svg%3E");
  transition: all 0.3s;
}
@media (hover: hover) and (min-width: 1281px) {
  #mabinogim .event_list_wrap .list_area .pager .pagination button.prev_button:hover::before {
    transform: translateX(-4px);
  }
}
#mabinogim .event_list_wrap .list_area .pager .pagination button.next_button {
  width: 48px;
  height: 34px;
  border-radius: 10px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
#mabinogim .event_list_wrap .list_area .pager .pagination button.next_button::before {
  display: block;
  content: "";
  min-width: 9px;
  width: 9px;
  height: 11px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='11' fill='none'%3E%3Cpath stroke='%23424242' stroke-linecap='round' stroke-width='3' d='m2 1.5 4 4-4 4'/%3E%3C/svg%3E");
  transition: all 0.3s;
}
@media (hover: hover) and (min-width: 1281px) {
  #mabinogim .event_list_wrap .list_area .pager .pagination button.next_button:hover::before {
    transform: translateX(4px);
  }
}
#mabinogim .event_list_wrap .list_area .pager .write_button {
  width: min-content;
  padding: 10px 56px;
  background: #00b670;
  border-radius: 12px;
  font-size: 18px;
  color: #fff;
  white-space: nowrap;
  margin-left: auto;
}
@media (hover: hover) and (min-width: 1281px) {
  #mabinogim .event_list_wrap .list_area .pager .write_button:hover {
    background: #0c8b5a;
  }
}
#mabinogim .grid_list_wrap {
  margin: 0 auto;
}
#mabinogim .grid_list_wrap .list_area > ul {
  display: grid;
  grid-template-columns: repeat(4, minmax(0px, 1fr));
  gap: 26px;
}
#mabinogim .grid_list_wrap .list_area > ul > li {
  width: 100%;
}
#mabinogim .grid_list_wrap .list_area > ul > li > div {
  position: relative;
  display: block;
  padding: 20px;
  background: #fff;
  border-radius: 24px;
  cursor: pointer;
}
#mabinogim .grid_list_wrap .list_area > ul > li > div .thumbnail {
  position: relative;
  border-radius: 14px;
  width: 100%;
  height: 272px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
#mabinogim .grid_list_wrap .list_area > ul > li > div .thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s;
}
@media (hover: hover) and (min-width: 1281px) {
  #mabinogim .grid_list_wrap .list_area > ul > li > div:hover .thumbnail img {
    transform: scale(1.1);
  }
}
#mabinogim .grid_list_wrap .list_area > ul > li > div .descript {
  margin-top: 40px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
}
#mabinogim .grid_list_wrap .list_area > ul > li > div .descript .title {
  margin-bottom: auto;
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
}
#mabinogim .grid_list_wrap .list_area > ul > li > div .descript .title span {
  display: inline-block;
  font-size: 18px;
  letter-spacing: -0.36px;
  color: #5c5c5c;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#mabinogim .grid_list_wrap .list_area > ul > li > div .descript .title span b {
  color: #F65606;
}
#mabinogim .grid_list_wrap .list_area > ul > li > div .descript .user_info {
  margin-top: 12px;
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
}
#mabinogim .grid_list_wrap .list_area > ul > li > div .descript .user_info .profile_image {
  width: 20px;
  min-width: 20px;
  height: 20px;
  border-radius: 50%;
  overflow: hidden;
}
#mabinogim .grid_list_wrap .list_area > ul > li > div .descript .user_info .profile_image img {
  width: 100%;
  height: 100%;
}
#mabinogim .grid_list_wrap .list_area > ul > li > div .descript .user_info .name {
  margin-left: 10px;
  color: #5C5C5C;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.28px;
}
#mabinogim .grid_list_wrap .list_area > ul > li > div .descript:has(.user_info) .sub_info {
  margin-top: 9px;
}
#mabinogim .grid_list_wrap .list_area > ul > li > div .descript .sub_info {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#mabinogim .grid_list_wrap .list_area > ul > li > div .descript .sub_info .date {
  margin-right: 10px;
  max-width: 40%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
}
#mabinogim .grid_list_wrap .list_area > ul > li > div .descript .sub_info .date span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  width: 100%;
  color: #aaa;
  font-size: 12px;
}
#mabinogim .grid_list_wrap .list_area > ul > li > div .descript .sub_info .etc {
  display: flex;
  align-items: center;
}
#mabinogim .grid_list_wrap .list_area > ul > li > div .descript .sub_info .etc div {
  display: flex;
  align-items: center;
}
#mabinogim .grid_list_wrap .list_area > ul > li > div .descript .sub_info .etc div span {
  font-size: 14px;
  color: #707070;
  white-space: nowrap;
}
#mabinogim .grid_list_wrap .list_area > ul > li > div .descript .sub_info .etc .comment {
  margin-right: 12px;
}
#mabinogim .grid_list_wrap .list_area > ul > li > div .descript .sub_info .etc .comment::before {
  display: block;
  content: "";
  width: 18px;
  height: 20px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%238E8E8E' d='m4 17-3-2h3v2Z'/%3E%3Cpath fill='%23AAA' d='M1 7a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2H1V7Z'/%3E%3Cpath fill='%23F6F4F4' d='M4 9h2v2H4V9ZM8 9h2v2H8V9ZM12 9h2v2h-2V9Z'/%3E%3C/svg%3E");
  background-size: cover;
  margin-right: 4px;
}
#mabinogim .grid_list_wrap .list_area > ul > li > div .descript .sub_info .etc .view {
  margin-right: 12px;
}
#mabinogim .grid_list_wrap .list_area > ul > li > div .descript .sub_info .etc .view::before {
  display: block;
  content: "";
  min-width: 18px;
  width: 18px;
  height: 10px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='10' fill='none'%3E%3Cpath fill='%23AAA' fill-rule='evenodd' d='M9 10c5.61 0 9-4.22 9-5 0-.78-3.39-5-9-5-4.809 0-9 4.22-9 5 0 .78 4.191 5 9 5Zm0-1.25c2.13 0 3.857-1.679 3.857-3.75 0-2.071-1.727-3.75-3.857-3.75S5.143 2.929 5.143 5C5.143 7.071 6.87 8.75 9 8.75Z' clip-rule='evenodd'/%3E%3Cpath fill='%23AAA' fill-rule='evenodd' d='M9 7.5c1.42 0 2.571-1.12 2.571-2.5H9V2.5C7.58 2.5 6.428 3.62 6.428 5S7.58 7.5 9 7.5Z' clip-rule='evenodd'/%3E%3C/svg%3E");
  background-size: cover;
  margin-right: 4px;
}
#mabinogim .grid_list_wrap .list_area > ul > li > div .descript .sub_info .etc .like::before {
  display: block;
  content: "";
  width: 12px;
  min-width: 12px;
  height: 11px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='11' fill='none'%3E%3Cpath fill='%23AAA' d='M0 2v4l3 3 3 2 3-2 3-3V2L9 0 6 2 3 0 0 2Z'/%3E%3C/svg%3E");
  background-size: cover;
  margin-right: 4px;
}
#mabinogim .grid_list_wrap .list_area .list_empty {
  border-top: 1px solid #AAA;
  border-bottom: 1px solid #AAA;
}
#mabinogim .grid_list_wrap .list_area .list_empty span {
  min-height: 220px;
  height: 220px;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#mabinogim .grid_list_wrap .list_area .list_empty span b {
  color: #F65606;
}
#mabinogim .grid_list_wrap .list_area .pager {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 40px auto 0;
}
#mabinogim .grid_list_wrap .list_area .pager .pagination {
  display: flex;
  align-items: center;
}
#mabinogim .grid_list_wrap .list_area .pager .pagination ul {
  display: flex;
}
#mabinogim .grid_list_wrap .list_area .pager .pagination ul li {
  font-size: 16px;
  color: #525252;
  margin-right: 4px;
  cursor: pointer;
  width: 44px;
  height: 30px;
  background: #fff;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#mabinogim .grid_list_wrap .list_area .pager .pagination ul li.on {
  color: #fff;
  background: #2BAF7E;
}
@media (hover: hover) and (min-width: 1281px) {
  #mabinogim .grid_list_wrap .list_area .pager .pagination ul li:hover {
    color: #fff;
    background: #2BAF7E;
  }
}
#mabinogim .grid_list_wrap .list_area .pager .pagination ul li:first-child {
  margin-left: 26px;
}
#mabinogim .grid_list_wrap .list_area .pager .pagination ul li:last-child {
  margin-right: 26px;
}
#mabinogim .grid_list_wrap .list_area .pager .pagination button.prev_button {
  width: 48px;
  height: 34px;
  border-radius: 10px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
#mabinogim .grid_list_wrap .list_area .pager .pagination button.prev_button::before {
  display: block;
  content: "";
  min-width: 9px;
  width: 9px;
  height: 11px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='11' fill='none'%3E%3Cpath stroke='%23424242' stroke-linecap='round' stroke-width='3' d='m7 1.5-4 4 4 4'/%3E%3C/svg%3E");
  transition: all 0.3s;
}
@media (hover: hover) and (min-width: 1281px) {
  #mabinogim .grid_list_wrap .list_area .pager .pagination button.prev_button:hover::before {
    transform: translateX(-4px);
  }
}
#mabinogim .grid_list_wrap .list_area .pager .pagination button.next_button {
  width: 48px;
  height: 34px;
  border-radius: 10px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
#mabinogim .grid_list_wrap .list_area .pager .pagination button.next_button::before {
  display: block;
  content: "";
  min-width: 9px;
  width: 9px;
  height: 11px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='11' fill='none'%3E%3Cpath stroke='%23424242' stroke-linecap='round' stroke-width='3' d='m2 1.5 4 4-4 4'/%3E%3C/svg%3E");
  transition: all 0.3s;
}
@media (hover: hover) and (min-width: 1281px) {
  #mabinogim .grid_list_wrap .list_area .pager .pagination button.next_button:hover::before {
    transform: translateX(4px);
  }
}
#mabinogim .grid_list_wrap .list_area .pager .write_button {
  width: min-content;
  padding: 10px 56px;
  background: #00B670;
  border-radius: 12px;
  font-size: 18px;
  color: #fff;
  white-space: nowrap;
  margin-left: auto;
}
@media (hover: hover) and (min-width: 1281px) {
  #mabinogim .grid_list_wrap .list_area .pager .write_button:hover {
    background: #0C8B5A;
  }
}
#mabinogim .creation .grid_list_wrap {
  margin: 0 auto;
}
#mabinogim .creation .grid_list_wrap .list_area > ul {
  display: grid;
  grid-template-columns: repeat(4, minmax(0px, 1fr));
  gap: 24px;
}
#mabinogim .creation .grid_list_wrap .list_area > ul > li {
  width: 100%;
}
#mabinogim .creation .grid_list_wrap .list_area > ul > li > div {
  position: relative;
  display: block;
  padding: 18px;
  background: #fff;
  border-radius: 24px;
  cursor: pointer;
}
#mabinogim .creation .grid_list_wrap .list_area > ul > li > div .aspect_ratio_area {
  position: relative;
  width: 100%;
  height: 0px;
  width: 100%;
  overflow: hidden;
  border-radius: 14px;
  padding-bottom: 56.26%;
}
#mabinogim .creation .grid_list_wrap .list_area > ul > li > div .aspect_ratio_area .thumbnail {
  position: absolute;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
#mabinogim .creation .grid_list_wrap .list_area > ul > li > div .aspect_ratio_area .thumbnail img {
  width: auto;
  height: auto;
  max-width: 100%;
  transition: 0.3s;
  image-rendering: -moz-crisp-edges;
  /* firefox */
  image-rendering: -o-crisp-edges;
  /* opera */
  image-rendering: -webkit-optimize-contrast;
  /* chrome(비표준) */
  image-rendering: crisp-edges;
}
@media (hover: hover) and (min-width: 1281px) {
  #mabinogim .creation .grid_list_wrap .list_area > ul > li > div:hover .thumbnail img {
    transform: scale(1.05);
  }
}
#mabinogim .creation .grid_list_wrap .list_area > ul > li > div .descript {
  margin-top: 40px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
}
#mabinogim .creation .grid_list_wrap .list_area > ul > li > div .descript .title {
  margin-bottom: auto;
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
}
#mabinogim .creation .grid_list_wrap .list_area > ul > li > div .descript .title span {
  display: inline-block;
  font-size: 18px;
  letter-spacing: -0.36px;
  color: #5c5c5c;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#mabinogim .creation .grid_list_wrap .list_area > ul > li > div .descript .title span b {
  color: #F65606;
}
#mabinogim .creation .grid_list_wrap .list_area > ul > li > div .descript .user_info {
  margin-top: 12px;
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
}
#mabinogim .creation .grid_list_wrap .list_area > ul > li > div .descript .user_info .profile_image {
  width: 20px;
  min-width: 20px;
  height: 20px;
  border-radius: 50%;
  overflow: hidden;
}
#mabinogim .creation .grid_list_wrap .list_area > ul > li > div .descript .user_info .profile_image img {
  width: 100%;
  height: 100%;
}
#mabinogim .creation .grid_list_wrap .list_area > ul > li > div .descript .user_info .name {
  margin-left: 10px;
  color: #5C5C5C;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.28px;
}
#mabinogim .creation .grid_list_wrap .list_area .list_empty {
  border-top: 1px solid #AAA;
  border-bottom: 1px solid #AAA;
}
#mabinogim .creation .grid_list_wrap .list_area .list_empty span {
  min-height: 220px;
  height: 220px;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#mabinogim .creation .grid_list_wrap .list_area .list_empty span b {
  color: #F65606;
}
#mabinogim .creation .grid_list_wrap .list_area .pager {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 40px auto 0;
}
#mabinogim .creation .grid_list_wrap .list_area .pager .pagination {
  display: flex;
  align-items: center;
}
#mabinogim .creation .grid_list_wrap .list_area .pager .pagination ul {
  display: flex;
}
#mabinogim .creation .grid_list_wrap .list_area .pager .pagination ul li {
  font-size: 16px;
  color: #525252;
  margin-right: 4px;
  cursor: pointer;
  width: 44px;
  height: 30px;
  background: #fff;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#mabinogim .creation .grid_list_wrap .list_area .pager .pagination ul li.on {
  color: #fff;
  background: #2BAF7E;
}
@media (hover: hover) and (min-width: 1281px) {
  #mabinogim .creation .grid_list_wrap .list_area .pager .pagination ul li:hover {
    color: #fff;
    background: #2BAF7E;
  }
}
#mabinogim .creation .grid_list_wrap .list_area .pager .pagination ul li:first-child {
  margin-left: 26px;
}
#mabinogim .creation .grid_list_wrap .list_area .pager .pagination ul li:last-child {
  margin-right: 26px;
}
#mabinogim .creation .grid_list_wrap .list_area .pager .pagination button.prev_button {
  width: 48px;
  height: 34px;
  border-radius: 10px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
#mabinogim .creation .grid_list_wrap .list_area .pager .pagination button.prev_button::before {
  display: block;
  content: "";
  min-width: 9px;
  width: 9px;
  height: 11px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='11' fill='none'%3E%3Cpath stroke='%23424242' stroke-linecap='round' stroke-width='3' d='m7 1.5-4 4 4 4'/%3E%3C/svg%3E");
  transition: all 0.3s;
}
@media (hover: hover) and (min-width: 1281px) {
  #mabinogim .creation .grid_list_wrap .list_area .pager .pagination button.prev_button:hover::before {
    transform: translateX(-4px);
  }
}
#mabinogim .creation .grid_list_wrap .list_area .pager .pagination button.next_button {
  width: 48px;
  height: 34px;
  border-radius: 10px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
#mabinogim .creation .grid_list_wrap .list_area .pager .pagination button.next_button::before {
  display: block;
  content: "";
  min-width: 9px;
  width: 9px;
  height: 11px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='11' fill='none'%3E%3Cpath stroke='%23424242' stroke-linecap='round' stroke-width='3' d='m2 1.5 4 4-4 4'/%3E%3C/svg%3E");
  transition: all 0.3s;
}
@media (hover: hover) and (min-width: 1281px) {
  #mabinogim .creation .grid_list_wrap .list_area .pager .pagination button.next_button:hover::before {
    transform: translateX(4px);
  }
}
#mabinogim .creation .grid_list_wrap .list_area .pager .write_button {
  width: min-content;
  padding: 10px 56px;
  background: #00B670;
  border-radius: 12px;
  font-size: 18px;
  color: #fff;
  white-space: nowrap;
  margin-left: auto;
}
@media (hover: hover) and (min-width: 1281px) {
  #mabinogim .creation .grid_list_wrap .list_area .pager .write_button:hover {
    background: #0C8B5A;
  }
}
#mabinogim .report, #mabinogim .support {
  min-height: auto;
  max-width: 1740px;
  margin: 0 auto;
  padding: 60px 60px 180px;
}
#mabinogim .report .grid_list_wrap, #mabinogim .support .grid_list_wrap {
  margin-top: 115px;
}
#mabinogim .report .grid_list_wrap .list_area > ul, #mabinogim .support .grid_list_wrap .list_area > ul {
  width: fit-content;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
#mabinogim .report .grid_list_wrap .list_area > ul li, #mabinogim .support .grid_list_wrap .list_area > ul li {
  width: 100%;
  border-radius: 0;
}
#mabinogim .report .grid_list_wrap .list_area > ul li a, #mabinogim .support .grid_list_wrap .list_area > ul li a {
  font-family: "Pretendard-Bold";
  display: block;
  width: 308px;
  height: 189px;
  background-image: url("https://lwi.nexon.com/m_mabinogim/brand/customer/report_card.png");
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FCFCFC;
  font-size: 30px;
}
@media (hover: hover) and (min-width: 1281px) {
  #mabinogim .report .grid_list_wrap .list_area > ul li a:hover, #mabinogim .support .grid_list_wrap .list_area > ul li a:hover {
    background-image: url("https://lwi.nexon.com/m_mabinogim/brand/customer/report_card_on.png");
    color: #000;
  }
}
#mabinogim .video_list .grid_list_wrap .list_area > ul {
  display: grid;
  grid-template-columns: repeat(4, minmax(0px, 1fr));
  gap: 30px;
}
#mabinogim .video_list .grid_list_wrap .list_area > ul li {
  position: relative;
  border-radius: 24px;
  overflow: hidden;
  cursor: pointer;
}
#mabinogim .video_list .grid_list_wrap .list_area > ul li .order_1 {
  position: relative;
  padding: 10px 10px 30px;
  background: #fff;
  border-radius: 24px;
  overflow: hidden;
  cursor: pointer;
}
#mabinogim .video_list .grid_list_wrap .list_area > ul li .order_1 .aspect_ratio_area {
  position: relative;
  width: 100%;
  height: 0px;
  width: 100%;
  overflow: hidden;
  border-radius: 14px;
  padding-bottom: 56.26%;
}
@supports (aspect-ratio: 1.77) {
  #mabinogim .video_list .grid_list_wrap .list_area > ul li .order_1 .aspect_ratio_area {
    aspect-ratio: 16/9;
    padding-bottom: 0px;
    height: auto;
  }
}
#mabinogim .video_list .grid_list_wrap .list_area > ul li .order_1 .aspect_ratio_area .thumbnail {
  position: absolute;
  inset: 0px;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
#mabinogim .video_list .grid_list_wrap .list_area > ul li .order_1 .aspect_ratio_area .thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.3s;
}
#mabinogim .video_list .grid_list_wrap .list_area > ul li .order_1 .aspect_ratio_area .thumbnail::after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 182, 112, 0.5) 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;
  background-size: 50px 50px;
  background-position: center 60%;
  transition: 0.3s;
  opacity: 0;
}
@media (hover: hover) and (min-width: 1281px) {
  #mabinogim .video_list .grid_list_wrap .list_area > ul li .order_1:hover .thumbnail img {
    transform: scale(1);
  }
  #mabinogim .video_list .grid_list_wrap .list_area > ul li .order_1:hover .thumbnail::after {
    background-position: center center;
    opacity: 1;
  }
}
#mabinogim .video_list .grid_list_wrap .list_area > ul li .order_1 .title {
  position: relative;
  margin-top: 20px;
  padding-left: 34px;
  display: flex;
  align-items: center;
  overflow: hidden;
}
#mabinogim .video_list .grid_list_wrap .list_area > ul li .order_1 .title::before {
  content: "";
  position: absolute;
  display: block;
  top: -1px;
  left: 10px;
  width: 22px;
  height: 22px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='none'%3E%3Cpath fill='%237B7B7B' d='M10.667 16H16v1.333h-5.333A6.666 6.666 0 1 1 16 14.667h-1.805A5.334 5.334 0 1 0 10.667 16Zm0-6.667a1.333 1.333 0 1 1 0-2.666 1.333 1.333 0 0 1 0 2.666ZM8 12a1.334 1.334 0 1 1 0-2.667A1.334 1.334 0 0 1 8 12Zm5.333 0a1.334 1.334 0 1 1 0-2.667 1.334 1.334 0 0 1 0 2.667Zm-2.666 2.667a1.333 1.333 0 1 1 0-2.667 1.333 1.333 0 0 1 0 2.667Z'/%3E%3C/svg%3E");
}
#mabinogim .video_list .grid_list_wrap .list_area > ul li .order_1 .title span {
  font-size: 16px;
  color: #626262;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 20px;
}
#mabinogim .video_list .grid_list_wrap .list_area > ul li .order_1 .title span b {
  color: #F65606;
}
#mabinogim .video_list .grid_list_wrap .list_area .list_empty {
  border-top: 1px solid #AAA;
  border-bottom: 1px solid #AAA;
}
#mabinogim .video_list .grid_list_wrap .list_area .list_empty span {
  min-height: 220px;
  height: 220px;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#mabinogim .video_list .grid_list_wrap .list_area .list_empty span b {
  color: #F65606;
}
#mabinogim .video_list .grid_list_wrap .list_area .pager {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 40px auto 0;
}
#mabinogim .video_list .grid_list_wrap .list_area .pager .pagination {
  display: flex;
  align-items: center;
}
#mabinogim .video_list .grid_list_wrap .list_area .pager .pagination ul {
  display: flex;
}
#mabinogim .video_list .grid_list_wrap .list_area .pager .pagination ul li {
  font-size: 16px;
  color: #525252;
  margin-right: 4px;
  cursor: pointer;
  width: 44px;
  height: 30px;
  background: #fff;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#mabinogim .video_list .grid_list_wrap .list_area .pager .pagination ul li.on {
  color: #fff;
  background: #2BAF7E;
}
@media (hover: hover) and (min-width: 1281px) {
  #mabinogim .video_list .grid_list_wrap .list_area .pager .pagination ul li:hover {
    color: #fff;
    background: #2BAF7E;
  }
}
#mabinogim .video_list .grid_list_wrap .list_area .pager .pagination ul li:first-child {
  margin-left: 26px;
}
#mabinogim .video_list .grid_list_wrap .list_area .pager .pagination ul li:last-child {
  margin-right: 26px;
}
#mabinogim .video_list .grid_list_wrap .list_area .pager .pagination button.prev_button {
  width: 48px;
  height: 34px;
  border-radius: 10px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
#mabinogim .video_list .grid_list_wrap .list_area .pager .pagination button.prev_button::before {
  display: block;
  content: "";
  min-width: 9px;
  width: 9px;
  height: 11px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='11' fill='none'%3E%3Cpath stroke='%23424242' stroke-linecap='round' stroke-width='3' d='m7 1.5-4 4 4 4'/%3E%3C/svg%3E");
  transition: all 0.3s;
}
@media (hover: hover) and (min-width: 1281px) {
  #mabinogim .video_list .grid_list_wrap .list_area .pager .pagination button.prev_button:hover::before {
    transform: translateX(-4px);
  }
}
#mabinogim .video_list .grid_list_wrap .list_area .pager .pagination button.next_button {
  width: 48px;
  height: 34px;
  border-radius: 10px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
#mabinogim .video_list .grid_list_wrap .list_area .pager .pagination button.next_button::before {
  display: block;
  content: "";
  min-width: 9px;
  width: 9px;
  height: 11px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='11' fill='none'%3E%3Cpath stroke='%23424242' stroke-linecap='round' stroke-width='3' d='m2 1.5 4 4-4 4'/%3E%3C/svg%3E");
  transition: all 0.3s;
}
@media (hover: hover) and (min-width: 1281px) {
  #mabinogim .video_list .grid_list_wrap .list_area .pager .pagination button.next_button:hover::before {
    transform: translateX(4px);
  }
}
#mabinogim .video_list .grid_list_wrap .list_area .pager .write_button {
  width: min-content;
  padding: 10px 56px;
  background: #00B670;
  border-radius: 12px;
  font-size: 18px;
  color: #fff;
  white-space: nowrap;
  margin-left: auto;
}
@media (hover: hover) and (min-width: 1281px) {
  #mabinogim .video_list .grid_list_wrap .list_area .pager .write_button:hover {
    background: #0C8B5A;
  }
}
#mabinogim .image_list .grid_list_wrap .list_area > ul {
  display: grid;
  grid-template-columns: repeat(4, minmax(0px, 1fr));
  gap: 30px;
}
#mabinogim .image_list .grid_list_wrap .list_area > ul li {
  position: relative;
  border-radius: 24px;
  overflow: hidden;
  cursor: pointer;
}
#mabinogim .image_list .grid_list_wrap .list_area > ul li .order_1 {
  position: relative;
  padding: 10px 10px 30px;
  background: #fff;
  border-radius: 24px;
  overflow: hidden;
  cursor: pointer;
}
#mabinogim .image_list .grid_list_wrap .list_area > ul li .order_1 .aspect_ratio_area {
  position: relative;
  width: 100%;
  height: 0px;
  width: 100%;
  overflow: hidden;
  border-radius: 14px;
  padding-bottom: 56.26%;
}
@supports (aspect-ratio: 1.77) {
  #mabinogim .image_list .grid_list_wrap .list_area > ul li .order_1 .aspect_ratio_area {
    aspect-ratio: 16/9;
    padding-bottom: 0px;
    height: auto;
  }
}
#mabinogim .image_list .grid_list_wrap .list_area > ul li .order_1 .aspect_ratio_area .thumbnail {
  position: absolute;
  inset: 0px;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
#mabinogim .image_list .grid_list_wrap .list_area > ul li .order_1 .aspect_ratio_area .thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.3s;
}
#mabinogim .image_list .grid_list_wrap .list_area > ul li .order_1 .title {
  position: relative;
  margin-top: 20px;
  padding-left: 34px;
  display: flex;
  align-items: center;
}
#mabinogim .image_list .grid_list_wrap .list_area > ul li .order_1 .title::before {
  content: "";
  position: absolute;
  display: block;
  top: -1px;
  left: 10px;
  width: 22px;
  height: 22px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='22' fill='none'%3E%3Cpath stroke='%237E7E7E' stroke-width='1.63' d='m8.5 15.5 3.803-2.958a1 1 0 0 1 1.321.082L15.5 14.5M11 13l-1.367-1.367a1 1 0 0 0-1.332-.074L6.5 13'/%3E%3Ccircle cx='12.5' cy='8.5' r='1.5' fill='%237E7E7E'/%3E%3Ccircle cx='11.5' cy='10.5' r='5.7' stroke='%237B7B7B' stroke-width='1.6'/%3E%3C/svg%3E");
}
#mabinogim .image_list .grid_list_wrap .list_area > ul li .order_1 .title span {
  font-size: 16px;
  color: #626262;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 20px;
}
#mabinogim .image_list .grid_list_wrap .list_area > ul li .order_1 .title span b {
  color: #F65606;
}
#mabinogim .image_list .grid_list_wrap .list_area .list_empty {
  border-top: 1px solid #AAA;
  border-bottom: 1px solid #AAA;
}
#mabinogim .image_list .grid_list_wrap .list_area .list_empty span {
  min-height: 220px;
  height: 220px;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#mabinogim .image_list .grid_list_wrap .list_area .list_empty span b {
  color: #F65606;
}
#mabinogim .image_list .grid_list_wrap .list_area .pager {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 40px auto 0;
}
#mabinogim .image_list .grid_list_wrap .list_area .pager .pagination {
  display: flex;
  align-items: center;
}
#mabinogim .image_list .grid_list_wrap .list_area .pager .pagination ul {
  display: flex;
}
#mabinogim .image_list .grid_list_wrap .list_area .pager .pagination ul li {
  font-size: 16px;
  color: #525252;
  margin-right: 4px;
  cursor: pointer;
  width: 44px;
  height: 30px;
  background: #fff;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#mabinogim .image_list .grid_list_wrap .list_area .pager .pagination ul li.on {
  color: #fff;
  background: #2BAF7E;
}
@media (hover: hover) and (min-width: 1281px) {
  #mabinogim .image_list .grid_list_wrap .list_area .pager .pagination ul li:hover {
    color: #fff;
    background: #2BAF7E;
  }
}
#mabinogim .image_list .grid_list_wrap .list_area .pager .pagination ul li:first-child {
  margin-left: 26px;
}
#mabinogim .image_list .grid_list_wrap .list_area .pager .pagination ul li:last-child {
  margin-right: 26px;
}
#mabinogim .image_list .grid_list_wrap .list_area .pager .pagination button.prev_button {
  width: 48px;
  height: 34px;
  border-radius: 10px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
#mabinogim .image_list .grid_list_wrap .list_area .pager .pagination button.prev_button::before {
  display: block;
  content: "";
  min-width: 9px;
  width: 9px;
  height: 11px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='11' fill='none'%3E%3Cpath stroke='%23424242' stroke-linecap='round' stroke-width='3' d='m7 1.5-4 4 4 4'/%3E%3C/svg%3E");
  transition: all 0.3s;
}
@media (hover: hover) and (min-width: 1281px) {
  #mabinogim .image_list .grid_list_wrap .list_area .pager .pagination button.prev_button:hover::before {
    transform: translateX(-4px);
  }
}
#mabinogim .image_list .grid_list_wrap .list_area .pager .pagination button.next_button {
  width: 48px;
  height: 34px;
  border-radius: 10px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
#mabinogim .image_list .grid_list_wrap .list_area .pager .pagination button.next_button::before {
  display: block;
  content: "";
  min-width: 9px;
  width: 9px;
  height: 11px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='11' fill='none'%3E%3Cpath stroke='%23424242' stroke-linecap='round' stroke-width='3' d='m2 1.5 4 4-4 4'/%3E%3C/svg%3E");
  transition: all 0.3s;
}
@media (hover: hover) and (min-width: 1281px) {
  #mabinogim .image_list .grid_list_wrap .list_area .pager .pagination button.next_button:hover::before {
    transform: translateX(4px);
  }
}
#mabinogim .image_list .grid_list_wrap .list_area .pager .write_button {
  width: min-content;
  padding: 10px 56px;
  background: #00B670;
  border-radius: 12px;
  font-size: 18px;
  color: #fff;
  white-space: nowrap;
  margin-left: auto;
}
@media (hover: hover) and (min-width: 1281px) {
  #mabinogim .image_list .grid_list_wrap .list_area .pager .write_button:hover {
    background: #0C8B5A;
  }
}
#mabinogim .digitalgoods .grid_list_wrap .list_area > ul {
  display: grid;
  grid-template-columns: repeat(4, minmax(0px, 1fr));
  gap: 30px;
}
#mabinogim .digitalgoods .grid_list_wrap .list_area > ul li {
  position: relative;
  border-radius: 24px;
  overflow: hidden;
  cursor: pointer;
}
#mabinogim .digitalgoods .grid_list_wrap .list_area > ul li .order_1 {
  position: relative;
  padding: 20px;
  background: #fff;
  border-radius: 24px;
  overflow: hidden;
  cursor: pointer;
}
#mabinogim .digitalgoods .grid_list_wrap .list_area > ul li .order_1 .aspect_ratio_area {
  position: relative;
  width: 100%;
  height: 0px;
  width: 100%;
  overflow: hidden;
  border-radius: 14px;
  padding-bottom: 56.26%;
}
@supports (aspect-ratio: 1.77) {
  #mabinogim .digitalgoods .grid_list_wrap .list_area > ul li .order_1 .aspect_ratio_area {
    aspect-ratio: 16/9;
    padding-bottom: 0px;
    height: auto;
  }
}
#mabinogim .digitalgoods .grid_list_wrap .list_area > ul li .order_1 .aspect_ratio_area .thumbnail {
  position: absolute;
  inset: 0px;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
#mabinogim .digitalgoods .grid_list_wrap .list_area > ul li .order_1 .aspect_ratio_area .thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.3s;
}
#mabinogim .digitalgoods .grid_list_wrap .list_area > ul li .order_1 .descript {
  margin-top: 20px;
}
#mabinogim .digitalgoods .grid_list_wrap .list_area > ul li .order_1 .descript .type {
  width: min-content;
  color: #626262;
  font-size: 14px;
  letter-spacing: -0.28px;
  padding: 5px 15px;
  border-radius: 20px;
  border: 1px solid #D9D9D9;
  background: #FFF;
  white-space: nowrap;
  display: flex;
  margin-bottom: 10px;
}
#mabinogim .digitalgoods .grid_list_wrap .list_area > ul li .order_1 .descript .type span {
  display: flex;
  align-items: center;
  width: min-content;
}
#mabinogim .digitalgoods .grid_list_wrap .list_area > ul li .order_1 .descript .type span:last-child::after {
  display: none;
}
#mabinogim .digitalgoods .grid_list_wrap .list_area > ul li .order_1 .descript .type span::after {
  display: block;
  content: "";
  width: 5px;
  height: 8px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='8' fill='none'%3E%3Cpath fill='%23D9D9D9' d='M3 3h1v2H3V3ZM2 2h1v1H2V2ZM1 1h1v1H1V1ZM0 0h1v1H0V0ZM2 5h1v1H2V5ZM1 6h1v1H1V6ZM0 7h1v1H0V7ZM0 6h1v1H0V6ZM1 5h1v1H1V5ZM2 3h1v2H2V3ZM1 2h1v1H1V2ZM0 1h1v1H0V1ZM1 7h1v1H1V7ZM2 6h1v1H2V6ZM3 5h1v1H3V5ZM4 3h1v2H4V3ZM3 2h1v1H3V2ZM2 1h1v1H2V1ZM1 0h1v1H1V0Z'/%3E%3C/svg%3E") no-repeat;
  margin: 0 6px;
}
#mabinogim .digitalgoods .grid_list_wrap .list_area > ul li .order_1 .descript .type + .title {
  margin-top: 0;
}
#mabinogim .digitalgoods .grid_list_wrap .list_area > ul li .order_1 .title {
  position: relative;
  display: flex;
  align-items: center;
  overflow: hidden;
  margin-top: 36px;
}
#mabinogim .digitalgoods .grid_list_wrap .list_area > ul li .order_1 .title span {
  font-size: 16px;
  color: #626262;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 20px;
}
#mabinogim .digitalgoods .grid_list_wrap .list_area > ul li .order_1 .title span b {
  color: #F65606;
}
#mabinogim .digitalgoods .grid_list_wrap .list_area .list_empty {
  border-top: 1px solid #AAA;
  border-bottom: 1px solid #AAA;
}
#mabinogim .digitalgoods .grid_list_wrap .list_area .list_empty span {
  min-height: 220px;
  height: 220px;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#mabinogim .digitalgoods .grid_list_wrap .list_area .list_empty span b {
  color: #F65606;
}
#mabinogim .digitalgoods .grid_list_wrap .list_area .pager {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 40px auto 0;
}
#mabinogim .digitalgoods .grid_list_wrap .list_area .pager .pagination {
  display: flex;
  align-items: center;
}
#mabinogim .digitalgoods .grid_list_wrap .list_area .pager .pagination ul {
  display: flex;
}
#mabinogim .digitalgoods .grid_list_wrap .list_area .pager .pagination ul li {
  font-size: 16px;
  color: #525252;
  margin-right: 4px;
  cursor: pointer;
  width: 44px;
  height: 30px;
  background: #fff;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#mabinogim .digitalgoods .grid_list_wrap .list_area .pager .pagination ul li.on {
  color: #fff;
  background: #2BAF7E;
}
@media (hover: hover) and (min-width: 1281px) {
  #mabinogim .digitalgoods .grid_list_wrap .list_area .pager .pagination ul li:hover {
    color: #fff;
    background: #2BAF7E;
  }
}
#mabinogim .digitalgoods .grid_list_wrap .list_area .pager .pagination ul li:first-child {
  margin-left: 26px;
}
#mabinogim .digitalgoods .grid_list_wrap .list_area .pager .pagination ul li:last-child {
  margin-right: 26px;
}
#mabinogim .digitalgoods .grid_list_wrap .list_area .pager .pagination button.prev_button {
  width: 48px;
  height: 34px;
  border-radius: 10px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
#mabinogim .digitalgoods .grid_list_wrap .list_area .pager .pagination button.prev_button::before {
  display: block;
  content: "";
  min-width: 9px;
  width: 9px;
  height: 11px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='11' fill='none'%3E%3Cpath stroke='%23424242' stroke-linecap='round' stroke-width='3' d='m7 1.5-4 4 4 4'/%3E%3C/svg%3E");
  transition: all 0.3s;
}
@media (hover: hover) and (min-width: 1281px) {
  #mabinogim .digitalgoods .grid_list_wrap .list_area .pager .pagination button.prev_button:hover::before {
    transform: translateX(-4px);
  }
}
#mabinogim .digitalgoods .grid_list_wrap .list_area .pager .pagination button.next_button {
  width: 48px;
  height: 34px;
  border-radius: 10px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
#mabinogim .digitalgoods .grid_list_wrap .list_area .pager .pagination button.next_button::before {
  display: block;
  content: "";
  min-width: 9px;
  width: 9px;
  height: 11px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='11' fill='none'%3E%3Cpath stroke='%23424242' stroke-linecap='round' stroke-width='3' d='m2 1.5 4 4-4 4'/%3E%3C/svg%3E");
  transition: all 0.3s;
}
@media (hover: hover) and (min-width: 1281px) {
  #mabinogim .digitalgoods .grid_list_wrap .list_area .pager .pagination button.next_button:hover::before {
    transform: translateX(4px);
  }
}
#mabinogim .digitalgoods .grid_list_wrap .list_area .pager .write_button {
  width: min-content;
  padding: 10px 56px;
  background: #00B670;
  border-radius: 12px;
  font-size: 18px;
  color: #fff;
  white-space: nowrap;
  margin-left: auto;
}
@media (hover: hover) and (min-width: 1281px) {
  #mabinogim .digitalgoods .grid_list_wrap .list_area .pager .write_button:hover {
    background: #0C8B5A;
  }
}
#mabinogim .faq_list_wrap .list_area > ul.list {
  border-bottom: 1px solid #AAA;
}
#mabinogim .faq_list_wrap .list_area > ul.list > li {
  position: relative;
  height: 100px;
  border-top: 1px solid #AAA;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
}
#mabinogim .faq_list_wrap .list_area > ul.list > li::before {
  display: block;
  content: "";
  width: 5px;
  height: 100%;
  background: #00B670;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.5s;
  opacity: 0;
}
#mabinogim .faq_list_wrap .list_area > ul.list > li .order_1 {
  display: flex;
  align-items: center;
  overflow: hidden;
  width: 100%;
}
#mabinogim .faq_list_wrap .list_area > ul.list > li .order_1 .type {
  display: flex;
  width: min-content;
  border: 1px solid #D9D9D9;
  font-size: 14px;
  color: #626262;
  background: #fff;
  border-radius: 20px;
  padding: 5px 15px;
  margin-right: 12px;
  white-space: nowrap;
}
#mabinogim .faq_list_wrap .list_area > ul.list > li .order_1 .type span {
  display: flex;
  align-items: center;
  width: min-content;
}
#mabinogim .faq_list_wrap .list_area > ul.list > li .order_1 .type span:last-child::after {
  display: none;
}
#mabinogim .faq_list_wrap .list_area > ul.list > li .order_1 .type span::after {
  display: block;
  content: "";
  width: 5px;
  height: 8px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='8' fill='none'%3E%3Cpath fill='%23D9D9D9' d='M3 3h1v2H3V3ZM2 2h1v1H2V2ZM1 1h1v1H1V1ZM0 0h1v1H0V0ZM2 5h1v1H2V5ZM1 6h1v1H1V6ZM0 7h1v1H0V7ZM0 6h1v1H0V6ZM1 5h1v1H1V5ZM2 3h1v2H2V3ZM1 2h1v1H1V2ZM0 1h1v1H0V1ZM1 7h1v1H1V7ZM2 6h1v1H2V6ZM3 5h1v1H3V5ZM4 3h1v2H4V3ZM3 2h1v1H3V2ZM2 1h1v1H2V1ZM1 0h1v1H1V0Z'/%3E%3C/svg%3E") no-repeat;
  margin: 0 6px;
}
#mabinogim .faq_list_wrap .list_area > ul.list > li .order_1 .title {
  position: relative;
  width: 100%;
  margin-right: 6px;
  display: flex;
  align-items: center;
  overflow: hidden;
}
#mabinogim .faq_list_wrap .list_area > ul.list > li .order_1 .title span {
  display: inline-block;
  max-width: 100%;
  font-size: 18px;
  line-height: 24px;
  color: #525252;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#mabinogim .faq_list_wrap .list_area > ul.list > li .order_1 .title span b {
  color: #F65606;
}
#mabinogim .faq_list_wrap .list_area > ul.list > li .order_1 .etc {
  display: none;
}
#mabinogim .faq_list_wrap .list_area > ul.list > li .order_2 {
  display: none;
}
#mabinogim .faq_list_wrap .list_area .list_empty {
  border-top: 1px solid #AAA;
  border-bottom: 1px solid #AAA;
}
#mabinogim .faq_list_wrap .list_area .list_empty span {
  min-height: 220px;
  height: 220px;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#mabinogim .faq_list_wrap .list_area .list_empty span b {
  color: #F65606;
}
#mabinogim .faq_list_wrap .list_area .pager {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 40px auto 0;
}
#mabinogim .faq_list_wrap .list_area .pager .pagination {
  display: flex;
  align-items: center;
}
#mabinogim .faq_list_wrap .list_area .pager .pagination ul {
  display: flex;
}
#mabinogim .faq_list_wrap .list_area .pager .pagination ul li {
  font-size: 16px;
  color: #525252;
  margin-right: 4px;
  cursor: pointer;
  width: 44px;
  height: 30px;
  background: #fff;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#mabinogim .faq_list_wrap .list_area .pager .pagination ul li.on {
  color: #fff;
  background: #2BAF7E;
}
@media (hover: hover) and (min-width: 1281px) {
  #mabinogim .faq_list_wrap .list_area .pager .pagination ul li:hover {
    color: #fff;
    background: #2BAF7E;
  }
}
#mabinogim .faq_list_wrap .list_area .pager .pagination ul li:first-child {
  margin-left: 26px;
}
#mabinogim .faq_list_wrap .list_area .pager .pagination ul li:last-child {
  margin-right: 26px;
}
#mabinogim .faq_list_wrap .list_area .pager .pagination button.prev_button {
  width: 48px;
  height: 34px;
  border-radius: 10px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
#mabinogim .faq_list_wrap .list_area .pager .pagination button.prev_button::before {
  display: block;
  content: "";
  min-width: 9px;
  width: 9px;
  height: 11px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='11' fill='none'%3E%3Cpath stroke='%23424242' stroke-linecap='round' stroke-width='3' d='m7 1.5-4 4 4 4'/%3E%3C/svg%3E");
  transition: all 0.3s;
}
@media (hover: hover) and (min-width: 1281px) {
  #mabinogim .faq_list_wrap .list_area .pager .pagination button.prev_button:hover::before {
    transform: translateX(-4px);
  }
}
#mabinogim .faq_list_wrap .list_area .pager .pagination button.next_button {
  width: 48px;
  height: 34px;
  border-radius: 10px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
#mabinogim .faq_list_wrap .list_area .pager .pagination button.next_button::before {
  display: block;
  content: "";
  min-width: 9px;
  width: 9px;
  height: 11px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='11' fill='none'%3E%3Cpath stroke='%23424242' stroke-linecap='round' stroke-width='3' d='m2 1.5 4 4-4 4'/%3E%3C/svg%3E");
  transition: all 0.3s;
}
@media (hover: hover) and (min-width: 1281px) {
  #mabinogim .faq_list_wrap .list_area .pager .pagination button.next_button:hover::before {
    transform: translateX(4px);
  }
}
#mabinogim .faq_list_wrap .list_area .pager .write_button {
  width: min-content;
  padding: 10px 56px;
  background: #00B670;
  border-radius: 12px;
  font-size: 18px;
  color: #fff;
  white-space: nowrap;
  margin-left: auto;
}
@media (hover: hover) and (min-width: 1281px) {
  #mabinogim .faq_list_wrap .list_area .pager .write_button:hover {
    background: #0C8B5A;
  }
}
#mabinogim .policy_list_wrap .list_area > ul {
  max-width: 800px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 30px;
}
#mabinogim .policy_list_wrap .list_area > ul li {
  width: 380px;
}
#mabinogim .policy_list_wrap .list_area > ul li .thumbnail {
  position: relative;
  border-radius: 24px;
  overflow: hidden;
  width: 100%;
  height: 140px;
  background-size: cover;
  background-position: center center;
}
#mabinogim .policy_list_wrap .list_area > ul li .title {
  margin-top: 5px;
  background: #fff;
  max-width: 380px;
  padding: 20px 0;
  border-radius: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
}
#mabinogim .policy_list_wrap .list_area > ul li .title span {
  color: #5C5C5C;
  font-size: 18px;
  display: flex;
  align-items: center;
}
#mabinogim .policy_list_wrap .list_area > ul li .title span::after {
  content: "";
  display: block;
  width: 6px;
  height: 9px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='9' fill='none'%3E%3Cpath stroke='%23626262' stroke-linecap='round' stroke-width='2' d='m1.5 7.5 3-3-3-3'/%3E%3C/svg%3E");
  background-size: cover;
  margin-left: 10px;
}
@media (hover: hover) and (min-width: 1281px) {
  #mabinogim .policy_list_wrap .list_area > ul li:hover .title {
    background: #2BAF7E;
  }
  #mabinogim .policy_list_wrap .list_area > ul li:hover .title span {
    color: #fff;
  }
  #mabinogim .policy_list_wrap .list_area > ul li:hover .title span::after {
    background-image: 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");
  }
}
#mabinogim .policy_list_wrap .list_empty {
  border-top: 1px solid #AAA;
  border-bottom: 1px solid #AAA;
}
#mabinogim .policy_list_wrap .list_empty span {
  min-height: 220px;
  height: 220px;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#mabinogim .policy_list_wrap .list_empty span b {
  color: #F65606;
}
#mabinogim .audio_list_wrap {
  padding-top: 60px;
}
#mabinogim .audio_list_wrap h1 {
  display: flex;
  align-items: center;
  color: #4E4E4E;
  font-size: 18px;
  font-weight: 500;
}
#mabinogim .audio_list_wrap h1::before {
  content: "";
  display: block;
  width: 25px;
  min-width: 25px;
  height: 25px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' fill='none'%3E%3Cpath stroke='%234E4E4E' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.333' d='M6.25 21.875a3.125 3.125 0 1 0 0-6.25 3.125 3.125 0 0 0 0 6.25ZM9.375 18.75V5.208'/%3E%3Cpath stroke='%234E4E4E' stroke-linecap='round' stroke-width='1.333' d='m21.875 3.125-12.5 2.083m12.5 2.084-12.5 2.083'/%3E%3Cpath stroke='%234E4E4E' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.333' d='M18.75 19.792a3.125 3.125 0 1 0 0-6.25 3.125 3.125 0 0 0 0 6.25ZM21.875 16.667V3.125'/%3E%3C/svg%3E");
  margin-right: 10px;
}
#mabinogim .audio_list_wrap .list_area > ul {
  padding: 20px 0 0 0;
}
#mabinogim .audio_list_wrap .list_area > ul li {
  position: relative;
  border-radius: 24px;
  overflow: hidden;
  background: #fff;
  margin-bottom: 10px;
  transition: all 0.3s;
  cursor: pointer;
}
#mabinogim .audio_list_wrap .list_area > ul li:last-child {
  margin-bottom: 0;
}
#mabinogim .audio_list_wrap .list_area > ul li .order_1 {
  position: relative;
  padding: 16px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#mabinogim .audio_list_wrap .list_area > ul li .order_1 .thumbnail {
  max-width: 130px;
  max-height: 85px;
  overflow: hidden;
  border-radius: 14px;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}
#mabinogim .audio_list_wrap .list_area > ul li .order_1 .thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#mabinogim .audio_list_wrap .list_area > ul li .order_1 .play_button {
  width: 50px;
  height: 50px;
  border-radius: 14px;
  border: 1px solid #6f6f6f;
  display: flex;
  align-items: center;
  justify-content: center;
}
#mabinogim .audio_list_wrap .list_area > ul li .order_1 .play_button::before {
  content: "";
  display: block;
  width: 13px;
  min-width: 13px;
  height: 16px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='16' fill='none'%3E%3Cpath fill='%236F6F6F' d='M12 6.268c1.333.77 1.333 2.694 0 3.464l-9 5.196c-1.333.77-3-.192-3-1.732V2.804C0 1.264 1.667.302 3 1.072l9 5.196Z'/%3E%3C/svg%3E") no-repeat;
}
#mabinogim .audio_list_wrap .list_area > ul li .order_2 {
  position: absolute;
  top: 0;
  left: 150px;
  width: calc(100% - 220px);
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 30px;
  overflow: hidden;
}
#mabinogim .audio_list_wrap .list_area > ul li .order_2 .title {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  overflow: hidden;
}
#mabinogim .audio_list_wrap .list_area > ul li .order_2 .title::before {
  content: "";
  display: block;
  width: 16px;
  min-width: 16px;
  height: 16px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath stroke='%23888' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.333' d='M4 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4ZM6 12V3.333'/%3E%3Cpath stroke='%23888' stroke-linecap='round' stroke-width='1.333' d='M14 2 6 3.333m8 1.334L6 6'/%3E%3Cpath stroke='%23888' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.333' d='M12 12.667a2 2 0 1 0 0-4 2 2 0 0 0 0 4ZM14 10.667V2'/%3E%3C/svg%3E") no-repeat;
  margin-right: 6px;
}
#mabinogim .audio_list_wrap .list_area > ul li .order_2 .title span {
  display: block;
  font-size: 16px;
  color: #626262;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
#mabinogim .audio_list_wrap .list_area > ul li .order_2 .description {
  display: none;
}
#mabinogim .audio_list_wrap .list_area > ul li .order_2 .duration {
  padding: 5px 15px;
  width: min-content;
  border: 1px solid #F3F3F3;
  border-radius: 20px;
  margin-left: 10px;
}
#mabinogim .audio_list_wrap .list_area > ul li .order_2 .duration span {
  color: #6F6F6F;
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
}
@media (hover: hover) and (min-width: 1281px) {
  #mabinogim .audio_list_wrap .list_area > ul li:hover {
    background-color: #00B670;
  }
  #mabinogim .audio_list_wrap .list_area > ul li:hover .order_1 .play_button {
    border: 1px solid #fff;
  }
  #mabinogim .audio_list_wrap .list_area > ul li:hover .order_1 .play_button[data-state=false]::before {
    content: "";
    display: block;
    width: 13px;
    min-width: 13px;
    height: 16px;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='16' fill='none'%3E%3Cpath fill='%23fff' d='M12 6.268c1.333.77 1.333 2.694 0 3.464l-9 5.196c-1.333.77-3-.192-3-1.732V2.804C0 1.264 1.667.302 3 1.072l9 5.196Z'/%3E%3C/svg%3E") no-repeat;
  }
  #mabinogim .audio_list_wrap .list_area > ul li:hover .order_2 .title::before {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.333' d='M4 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4ZM6 12V3.333'/%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-width='1.333' d='M14 2 6 3.333m8 1.334L6 6'/%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.333' d='M12 12.667a2 2 0 1 0 0-4 2 2 0 0 0 0 4ZM14 10.667V2'/%3E%3C/svg%3E") no-repeat;
  }
  #mabinogim .audio_list_wrap .list_area > ul li:hover .order_2 .title span {
    color: #fff;
  }
  #mabinogim .audio_list_wrap .list_area > ul li:hover .order_2 .duration {
    padding: 5px 15px;
    width: min-content;
    border: 1px solid #fff;
    border-radius: 20px;
    background: #fff;
  }
  #mabinogim .audio_list_wrap .list_area > ul li:hover .order_2 .duration span {
    color: #6F6F6F;
    font-size: 12px;
    font-weight: 500;
    white-space: nowrap;
  }
}
#mabinogim .audio_list_wrap .list_area > ul li.on {
  background-color: #00B670;
}
#mabinogim .audio_list_wrap .list_area > ul li.on .order_1 .play_button, #mabinogim .audio_list_wrap .list_area > ul li.off .order_1 .play_button {
  border: 1px solid #fff;
}
#mabinogim .audio_list_wrap .list_area > ul li.on .order_1 .play_button[data-state=false]::before, #mabinogim .audio_list_wrap .list_area > ul li.off .order_1 .play_button[data-state=false]::before {
  content: "";
  display: block;
  width: 24px;
  min-width: 24px;
  height: 24px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24' height='24' fill='none'%3E%3Cpath fill='url(%23a)' d='M0 0h24v24H0z'/%3E%3Cdefs%3E%3Cpattern id='a' width='1' height='1' patternContentUnits='objectBoundingBox'%3E%3Cuse xlink:href='%23b' transform='scale(.02083)'/%3E%3C/pattern%3E%3Cimage xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAKlJREFUaEPt1UEKwzAQBEHr/49WrskhyFAswaR9XWas7RZoXQ//1sPPf7XArw1mIANIoCuEADmeAUaIBRlAgBzPACPEggwgQI5ngBFiQQYQIMczwAixIAMIkOMZYIRYkAEEyPH/MbD33u+41lofy0/Pv6m6bWD6gKf+FjgRmp5nYJrwqT8DJ0LTczbAT+ZQwe13YOj/XNsCjBALMoAAOZ4BRogFGUCAHH8B4kuAMYz1/NwAAAAASUVORK5CYII=' id='b' width='48' height='48'/%3E%3C/defs%3E%3C/svg%3E") no-repeat;
}
#mabinogim .audio_list_wrap .list_area > ul li.on .order_1 .play_button[data-state=true]::before, #mabinogim .audio_list_wrap .list_area > ul li.off .order_1 .play_button[data-state=true]::before {
  content: "";
  display: block;
  width: 24px;
  min-width: 24px;
  height: 24px;
  background: url(https://lwi.nexon.com/m_mabinogim/brand/media/sound_motion.gif);
  background-size: cover;
}
#mabinogim .audio_list_wrap .list_area > ul li.on .order_2 .title::before, #mabinogim .audio_list_wrap .list_area > ul li.off .order_2 .title::before {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.333' d='M4 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4ZM6 12V3.333'/%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-width='1.333' d='M14 2 6 3.333m8 1.334L6 6'/%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.333' d='M12 12.667a2 2 0 1 0 0-4 2 2 0 0 0 0 4ZM14 10.667V2'/%3E%3C/svg%3E") no-repeat;
}
#mabinogim .audio_list_wrap .list_area > ul li.on .order_2 .title span, #mabinogim .audio_list_wrap .list_area > ul li.off .order_2 .title span {
  color: #fff;
}
#mabinogim .audio_list_wrap .list_area > ul li.on .order_2 .duration, #mabinogim .audio_list_wrap .list_area > ul li.off .order_2 .duration {
  padding: 5px 15px;
  width: min-content;
  border: 1px solid #fff;
  border-radius: 20px;
  background: #fff;
}
#mabinogim .audio_list_wrap .list_area > ul li.on .order_2 .duration span, #mabinogim .audio_list_wrap .list_area > ul li.off .order_2 .duration span {
  color: #6F6F6F;
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
}
#mabinogim .audio_list_wrap .list_area .list_empty {
  margin-top: 20px;
  border-top: 1px solid #AAA;
  border-bottom: 1px solid #AAA;
}
#mabinogim .audio_list_wrap .list_area .list_empty span {
  min-height: 220px;
  height: 220px;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#mabinogim .audio_list_wrap .list_area .list_empty span b {
  color: #F65606;
}
#mabinogim .audio_list_wrap .list_area .pager {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 40px auto 0;
}
#mabinogim .audio_list_wrap .list_area .pager .pagination {
  display: flex;
  align-items: center;
}
#mabinogim .audio_list_wrap .list_area .pager .pagination ul {
  display: flex;
}
#mabinogim .audio_list_wrap .list_area .pager .pagination ul li {
  font-size: 16px;
  color: #525252;
  margin-right: 4px;
  cursor: pointer;
  width: 44px;
  height: 30px;
  background: #fff;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#mabinogim .audio_list_wrap .list_area .pager .pagination ul li.on {
  color: #fff;
  background: #2BAF7E;
}
@media (hover: hover) and (min-width: 1281px) {
  #mabinogim .audio_list_wrap .list_area .pager .pagination ul li:hover {
    color: #fff;
    background: #2BAF7E;
  }
}
#mabinogim .audio_list_wrap .list_area .pager .pagination ul li:first-child {
  margin-left: 26px;
}
#mabinogim .audio_list_wrap .list_area .pager .pagination ul li:last-child {
  margin-right: 26px;
}
#mabinogim .audio_list_wrap .list_area .pager .pagination button.prev_button {
  width: 48px;
  height: 34px;
  border-radius: 10px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
#mabinogim .audio_list_wrap .list_area .pager .pagination button.prev_button::before {
  display: block;
  content: "";
  min-width: 9px;
  width: 9px;
  height: 11px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='11' fill='none'%3E%3Cpath stroke='%23424242' stroke-linecap='round' stroke-width='3' d='m7 1.5-4 4 4 4'/%3E%3C/svg%3E");
  transition: all 0.3s;
}
@media (hover: hover) and (min-width: 1281px) {
  #mabinogim .audio_list_wrap .list_area .pager .pagination button.prev_button:hover::before {
    transform: translateX(-4px);
  }
}
#mabinogim .audio_list_wrap .list_area .pager .pagination button.next_button {
  width: 48px;
  height: 34px;
  border-radius: 10px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
#mabinogim .audio_list_wrap .list_area .pager .pagination button.next_button::before {
  display: block;
  content: "";
  min-width: 9px;
  width: 9px;
  height: 11px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='11' fill='none'%3E%3Cpath stroke='%23424242' stroke-linecap='round' stroke-width='3' d='m2 1.5 4 4-4 4'/%3E%3C/svg%3E");
  transition: all 0.3s;
}
@media (hover: hover) and (min-width: 1281px) {
  #mabinogim .audio_list_wrap .list_area .pager .pagination button.next_button:hover::before {
    transform: translateX(4px);
  }
}
#mabinogim .audio_list_wrap .list_area .pager .write_button {
  width: min-content;
  padding: 10px 56px;
  background: #00B670;
  border-radius: 12px;
  font-size: 18px;
  color: #fff;
  white-space: nowrap;
  margin-left: auto;
}
@media (hover: hover) and (min-width: 1281px) {
  #mabinogim .audio_list_wrap .list_area .pager .write_button:hover {
    background: #0C8B5A;
  }
}
#mabinogim .category_area {
  position: relative;
  width: 100%;
  background: #fff;
  border-radius: 24px;
  margin-bottom: 30px;
  padding: 10px;
}
#mabinogim .category_area ul {
  position: relative;
  display: flex;
  width: 100%;
}
#mabinogim .category_area ul li {
  width: auto;
  flex: 1;
  margin-right: 2px;
}
#mabinogim .category_area ul li:last-child {
  margin-right: 0;
}
#mabinogim .category_area ul li a {
  display: block;
  width: 100%;
  padding: 15px 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: min(16px, 1vw);
  border-radius: 12px;
  background: linear-gradient(#222632, #222632) no-repeat 0px -48px;
  white-space: nowrap;
}
#mabinogim .category_area ul li a::after {
  display: block;
  content: "";
  width: 8px;
  height: 7px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='7' fill='none'%3E%3Cpath stroke='%23AAA' d='M3.6 5.75a.5.5 0 0 0 .866 0l2.598-4.5A.5.5 0 0 0 6.631.5H1.435a.5.5 0 0 0-.433.75L3.6 5.75Z'/%3E%3C/svg%3E") no-repeat;
  margin: 2px 0 0 4px;
}
#mabinogim .category_area ul li a.active, #mabinogim .category_area ul li a.on {
  background: #222632;
  color: #fff;
}
#mabinogim .category_area ul li a.active::after, #mabinogim .category_area ul li a.on::after {
  display: block;
  content: "";
  width: 9px;
  height: 7px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='7' fill='none'%3E%3Cpath fill='%23FFF7CE' d='M3.634 6a1 1 0 0 0 1.732 0l2.598-4.5A1 1 0 0 0 7.098 0H1.902a1 1 0 0 0-.866 1.5L3.634 6Z'/%3E%3C/svg%3E") no-repeat;
  margin: 2px 0 0 4px;
}
@media (hover: hover) and (min-width: 1281px) {
  #mabinogim .category_area ul li a:hover {
    background: linear-gradient(#222632, #222632) no-repeat 0px 0px;
    color: #fff;
    transition: 0.3s;
  }
}
#mabinogim .filter_area {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
}
#mabinogim .filter_area .order_1 {
  position: relative;
  flex: 1;
  height: 52px;
  display: flex;
  align-items: flex-end;
  padding-left: 20px;
}
#mabinogim .filter_area .order_1 button {
  position: relative;
  margin-right: 18px;
  color: #525252;
  padding: 4px 10px;
  white-space: nowrap;
}
#mabinogim .filter_area .order_1 button.active, #mabinogim .filter_area .order_1 button.on {
  background: #5C5C5C;
  color: #fff;
  border-radius: 6px;
}
#mabinogim .filter_area .order_1 button.active::after, #mabinogim .filter_area .order_1 button.on::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -4px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 5px solid #5C5C5C;
}
@media (hover: hover) and (min-width: 1281px) {
  #mabinogim .filter_area .order_1 button:hover {
    background: #5C5C5C;
    color: #fff;
    border-radius: 6px;
  }
  #mabinogim .filter_area .order_1 button:hover::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -4px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 5px solid #5C5C5C;
  }
}
#mabinogim .filter_area .order_2 {
  position: relative;
  flex: 1;
  height: 52px;
  display: flex;
  justify-content: flex-end;
}
#mabinogim .filter_area .order_2 .total_list {
  position: relative;
  background: #5C5C5C;
  margin-right: 10px;
  border-radius: 16px;
}
#mabinogim .filter_area .order_2 .total_list button {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 52px;
  height: 52px;
}
#mabinogim .filter_area .order_2 .total_list button span {
  display: block;
  width: 20px;
  height: 3px;
  background: #fff;
  border-radius: 5px;
  margin-bottom: 4px;
}
#mabinogim .filter_area .order_2 .total_list button span:last-child {
  margin-bottom: 0;
}

@media (max-width: 1740px) {
  #mabinogim .grid_list_wrap .list_area > ul {
    grid-template-columns: repeat(3, minmax(0px, 1fr));
  }
  #mabinogim .video_list .grid_list_wrap .list_area > ul, #mabinogim .image_list .grid_list_wrap .list_area > ul, #mabinogim .creation .grid_list_wrap .list_area > ul, #mabinogim .digitalgoods .grid_list_wrap .list_area > ul {
    grid-template-columns: repeat(3, minmax(0px, 1fr));
  }
}
@media (max-width: 1280px) {
  #mabinogim .normal_list_wrap .list_area > ul {
    border-bottom: 1px solid #AAA;
  }
  #mabinogim .normal_list_wrap .list_area > ul > li {
    position: relative;
    height: auto;
    border-top: 1px solid #AAA;
    display: block;
    padding: 10px 10px;
  }
  #mabinogim .normal_list_wrap .list_area > ul > li .order_1 {
    display: block;
    max-width: 100%;
  }
  #mabinogim .normal_list_wrap .list_area > ul > li .order_1 .type {
    width: min-content;
    border: 1px solid #D9D9D9;
    font-size: 10px;
    color: #626262;
    background: #fff;
    border-radius: 20px;
    padding: 5px 15px;
    margin-right: 12px;
    margin-bottom: 6px;
    white-space: nowrap;
  }
  #mabinogim .normal_list_wrap .list_area > ul > li .order_1 .title {
    position: relative;
    margin-right: 0px;
  }
  #mabinogim .normal_list_wrap .list_area > ul > li .order_1 .title span {
    font-size: 14px;
    color: #525252;
  }
  #mabinogim .normal_list_wrap .list_area > ul > li .order_1 .etc {
    display: flex;
    align-items: center;
    margin-right: 0;
    margin-top: 8px;
  }
  #mabinogim .normal_list_wrap .list_area > ul > li .order_1 .etc div {
    display: flex;
    align-items: center;
    font-size: 12px;
    color: #707070;
    margin-right: 2px;
  }
  #mabinogim .normal_list_wrap .list_area > ul > li .order_1 .etc div.comment {
    margin-right: 4px;
  }
  #mabinogim .normal_list_wrap .list_area > ul > li .order_1 .etc div.comment i {
    margin-right: 2px;
  }
  #mabinogim .normal_list_wrap .list_area > ul > li .order_2 {
    display: block;
    margin-top: 10px;
    margin-left: 0;
    max-width: 100%;
    min-width: 100%;
  }
  #mabinogim .normal_list_wrap .list_area > ul > li .order_2 .user_info {
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
  }
  #mabinogim .normal_list_wrap .list_area > ul > li .order_2 .user_info .profile_image {
    width: 20px;
    min-width: 20px;
    height: 20px;
    border-radius: 50%;
    overflow: hidden;
  }
  #mabinogim .normal_list_wrap .list_area > ul > li .order_2 .user_info .profile_image img {
    width: 100%;
    height: 100%;
  }
  #mabinogim .normal_list_wrap .list_area > ul > li .order_2 .user_info .name {
    margin-left: 10px;
    color: #5C5C5C;
    font-size: 14px;
    letter-spacing: -0.28px;
    max-width: 100%;
    min-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  #mabinogim .normal_list_wrap .list_area > ul > li .order_2 .sub_info {
    display: flex;
    margin-top: 25px;
    margin-left: 0;
  }
  #mabinogim .normal_list_wrap .list_area > ul > li .order_2 .sub_info div {
    display: flex;
    align-items: center;
    min-width: auto;
  }
  #mabinogim .normal_list_wrap .list_area > ul > li .order_2 .sub_info div span {
    font-size: 11px;
    color: #707070;
  }
  #mabinogim .normal_list_wrap .list_area > ul > li .order_2 .sub_info .view {
    margin-right: 0;
  }
  #mabinogim .normal_list_wrap .list_area > ul > li .order_2 .sub_info .date {
    margin-left: 0;
  }
  #mabinogim .normal_list_wrap .list_area > ul > li .order_2 .sub_info .date span {
    color: #aaa;
  }
  #mabinogim .normal_list_wrap .list_area > ul > li.on {
    background: #fff;
  }
  #mabinogim .normal_list_wrap .list_area > ul > li.on::before {
    display: block;
    content: "";
    width: 3px;
    height: 100%;
    background: #00B670;
    position: absolute;
    top: 0;
    left: 0;
  }
  #mabinogim .normal_list_wrap .list_area > ul > li.on .order_1 .title span {
    color: #F65606;
  }
  #mabinogim .normal_list_wrap .list_area .list_empty {
    border-top: 1px solid #AAA;
    border-bottom: 1px solid #AAA;
  }
  #mabinogim .normal_list_wrap .list_area .list_empty span {
    min-height: 220px;
    height: 220px;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #mabinogim .normal_list_wrap .list_area .list_empty span b {
    color: #F65606;
  }
  #mabinogim .normal_list_wrap .list_area .pager {
    display: block;
    width: 100%;
    margin: 20px auto 0;
  }
  #mabinogim .normal_list_wrap .list_area .pager .pagination {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #mabinogim .normal_list_wrap .list_area .pager .pagination ul {
    display: flex;
  }
  #mabinogim .normal_list_wrap .list_area .pager .pagination ul li {
    font-size: 10px;
    color: #525252;
    margin-right: 4px;
    cursor: pointer;
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #mabinogim .normal_list_wrap .list_area .pager .pagination ul li.on {
    color: #fff;
    background: #2BAF7E;
  }
  #mabinogim .normal_list_wrap .list_area .pager .pagination ul li:first-child {
    margin-left: 8px;
  }
  #mabinogim .normal_list_wrap .list_area .pager .pagination ul li:last-child {
    margin-right: 8px;
  }
  #mabinogim .normal_list_wrap .list_area .pager .pagination button.prev_button {
    width: 20px;
    height: 23px;
    border-radius: none;
    border: none;
    background: none;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #mabinogim .normal_list_wrap .list_area .pager .pagination button.next_button {
    width: 20px;
    height: 23px;
    border-radius: none;
    border: none;
    background: none;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #mabinogim .normal_list_wrap .list_area .pager .write_button {
    display: block;
    background: #00B670;
    border-radius: 12px;
    font-size: 18px;
    color: #fff;
    margin: 30px auto 0;
  }
  #mabinogim .event_list_wrap .list_area > ul > li {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 350px;
    margin: 0 auto 20px;
  }
  #mabinogim .event_list_wrap .list_area > ul > li:last-child {
    margin-bottom: 0;
  }
  #mabinogim .event_list_wrap .list_area > ul > li .thumbnail {
    width: 100%;
    min-width: 100%;
    min-height: 120px;
    max-height: 120px;
    position: relative;
    overflow: hidden;
  }
  #mabinogim .event_list_wrap .list_area > ul > li .thumbnail img {
    border-radius: 24px;
  }
  #mabinogim .event_list_wrap .list_area > ul > li .descript {
    background: #fff;
    padding: 18px 30px;
    border-radius: 24px;
    display: flex;
    justify-content: center;
    flex-direction: column;
  }
  #mabinogim .event_list_wrap .list_area > ul > li .descript .order_1 {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
  }
  #mabinogim .event_list_wrap .list_area > ul > li .descript .order_1 .type {
    color: #626262;
    font-size: 10px;
    font-weight: 400;
    letter-spacing: -0.28px;
    text-transform: uppercase;
    padding: 5px 15px;
    border-radius: 20px;
    border: 1px solid #d9d9d9;
    background: #fff;
    width: min-content;
    white-space: nowrap;
  }
  #mabinogim .event_list_wrap .list_area > ul > li .descript .order_1 .title {
    position: relative;
    display: flex;
    align-items: center;
    margin-left: 0px;
    margin-top: 8px;
    width: 100%;
  }
  #mabinogim .event_list_wrap .list_area > ul > li .descript .order_1 .title span {
    font-size: 16px;
    color: #626262;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  #mabinogim .event_list_wrap .list_area > ul > li .descript .order_2 {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-top: 10px;
  }
  #mabinogim .event_list_wrap .list_area > ul > li .descript .order_2 .date span {
    color: #aaa;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: -0.24px;
  }
  #mabinogim .event_list_wrap .list_area > ul > li .descript .order_2 .sub_info {
    display: flex;
    margin-top: 10px;
  }
  #mabinogim .event_list_wrap .list_area > ul > li .descript .order_2 .sub_info div {
    display: flex;
    align-items: center;
  }
  #mabinogim .event_list_wrap .list_area > ul > li .descript .order_2 .sub_info div span {
    font-size: 11px;
    color: #707070;
  }
  #mabinogim .event_list_wrap .list_area > ul > li .descript .order_2 .sub_info .comment {
    margin-right: 12px;
  }
  #mabinogim .event_list_wrap .list_area > ul > li .descript .order_2 .sub_info .comment::before {
    display: block;
    content: "";
    width: 18px;
    height: 20px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%238E8E8E' d='m4 17-3-2h3v2Z'/%3E%3Cpath fill='%23AAA' d='M1 7a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2H1V7Z'/%3E%3Cpath fill='%23F6F4F4' d='M4 9h2v2H4V9ZM8 9h2v2H8V9ZM12 9h2v2h-2V9Z'/%3E%3C/svg%3E");
    background-size: cover;
    margin-right: 4px;
  }
  #mabinogim .event_list_wrap .list_area > ul > li .descript .order_2 .sub_info .view {
    margin-right: 12px;
  }
  #mabinogim .event_list_wrap .list_area > ul > li .descript .order_2 .sub_info .view::before {
    display: block;
    content: "";
    min-width: 18px;
    width: 18px;
    height: 10px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='10' fill='none'%3E%3Cpath fill='%23AAA' fill-rule='evenodd' d='M9 10c5.61 0 9-4.22 9-5 0-.78-3.39-5-9-5-4.809 0-9 4.22-9 5 0 .78 4.191 5 9 5Zm0-1.25c2.13 0 3.857-1.679 3.857-3.75 0-2.071-1.727-3.75-3.857-3.75S5.143 2.929 5.143 5C5.143 7.071 6.87 8.75 9 8.75Z' clip-rule='evenodd'/%3E%3Cpath fill='%23AAA' fill-rule='evenodd' d='M9 7.5c1.42 0 2.571-1.12 2.571-2.5H9V2.5C7.58 2.5 6.428 3.62 6.428 5S7.58 7.5 9 7.5Z' clip-rule='evenodd'/%3E%3C/svg%3E");
    background-size: cover;
    margin-right: 4px;
  }
  #mabinogim .event_list_wrap .list_area > ul > li .descript .order_2 .sub_info .like::before {
    display: block;
    content: "";
    width: 12px;
    min-width: 12px;
    height: 11px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='11' fill='none'%3E%3Cpath fill='%23AAA' d='M0 2v4l3 3 3 2 3-2 3-3V2L9 0 6 2 3 0 0 2Z'/%3E%3C/svg%3E");
    background-size: cover;
    margin-right: 4px;
  }
  #mabinogim .event_list_wrap .list_area .list_empty {
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
  }
  #mabinogim .event_list_wrap .list_area .list_empty span {
    min-height: 220px;
    height: 220px;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #mabinogim .event_list_wrap .list_area .list_empty span b {
    color: #f65606;
  }
  #mabinogim .event_list_wrap .list_area .pager {
    display: block;
    width: 100%;
    margin: 20px auto 0;
  }
  #mabinogim .event_list_wrap .list_area .pager .pagination {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #mabinogim .event_list_wrap .list_area .pager .pagination ul {
    display: flex;
  }
  #mabinogim .event_list_wrap .list_area .pager .pagination ul li {
    font-size: 10px;
    color: #525252;
    margin-right: 4px;
    cursor: pointer;
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #mabinogim .event_list_wrap .list_area .pager .pagination ul li.on {
    color: #fff;
    background: #2baf7e;
  }
  #mabinogim .event_list_wrap .list_area .pager .pagination ul li:first-child {
    margin-left: 8px;
  }
  #mabinogim .event_list_wrap .list_area .pager .pagination ul li:last-child {
    margin-right: 8px;
  }
  #mabinogim .event_list_wrap .list_area .pager .pagination button.prev_button {
    width: 20px;
    height: 23px;
    border-radius: none;
    border: none;
    background: none;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #mabinogim .event_list_wrap .list_area .pager .pagination button.next_button {
    width: 20px;
    height: 23px;
    border-radius: none;
    border: none;
    background: none;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #mabinogim .event_list_wrap .list_area .pager .write_button {
    display: block;
    background: #00b670;
    border-radius: 12px;
    font-size: 18px;
    color: #fff;
    margin: 30px auto 0;
  }
  #mabinogim .grid_list_wrap .list_area > ul {
    grid-template-columns: repeat(2, minmax(0px, 1fr));
    gap: 10px;
  }
  #mabinogim .grid_list_wrap .list_area > ul > li > div {
    position: relative;
    display: block;
    padding: 20px;
    background: #fff;
    border-radius: 24px;
    cursor: pointer;
  }
  #mabinogim .grid_list_wrap .list_area > ul > li > div .descript {
    margin-top: 24px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }
  #mabinogim .grid_list_wrap .list_area > ul > li > div .descript .title {
    margin-bottom: auto;
    position: relative;
    display: flex;
    align-items: center;
  }
  #mabinogim .grid_list_wrap .list_area > ul > li > div .descript .title span {
    display: inline-block;
    font-size: 14px;
    letter-spacing: -0.36px;
    color: #626262;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  #mabinogim .grid_list_wrap .list_area > ul > li > div .descript .user_info {
    margin-top: 12px;
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
  }
  #mabinogim .grid_list_wrap .list_area > ul > li > div .descript .user_info .profile_image {
    width: 20px;
    min-width: 20px;
    height: 20px;
    border-radius: 50%;
    overflow: hidden;
  }
  #mabinogim .grid_list_wrap .list_area > ul > li > div .descript .user_info .profile_image img {
    width: 100%;
    height: 100%;
  }
  #mabinogim .grid_list_wrap .list_area > ul > li > div .descript .user_info .name {
    margin-left: 10px;
    color: #5C5C5C;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: -0.28px;
  }
  #mabinogim .grid_list_wrap .list_area > ul > li > div .descript .sub_info {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  #mabinogim .grid_list_wrap .list_area > ul > li > div .descript .sub_info .date {
    margin-right: 10px;
  }
  #mabinogim .grid_list_wrap .list_area > ul > li > div .descript .sub_info .date span {
    font-size: 12px;
  }
  #mabinogim .grid_list_wrap .list_area > ul > li > div .descript .sub_info .etc {
    display: flex;
    align-items: center;
  }
  #mabinogim .grid_list_wrap .list_area > ul > li > div .descript .sub_info .etc div {
    display: flex;
    align-items: center;
  }
  #mabinogim .grid_list_wrap .list_area > ul > li > div .descript .sub_info .etc div span {
    font-size: 12px;
    color: #707070;
    white-space: nowrap;
  }
  #mabinogim .grid_list_wrap .list_area > ul > li > div .descript .sub_info .etc .comment {
    margin-right: 12px;
  }
  #mabinogim .grid_list_wrap .list_area > ul > li > div .descript .sub_info .etc .comment::before {
    display: block;
    content: "";
    width: 18px;
    height: 20px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%238E8E8E' d='m4 17-3-2h3v2Z'/%3E%3Cpath fill='%23AAA' d='M1 7a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2H1V7Z'/%3E%3Cpath fill='%23F6F4F4' d='M4 9h2v2H4V9ZM8 9h2v2H8V9ZM12 9h2v2h-2V9Z'/%3E%3C/svg%3E");
    background-size: cover;
    margin-right: 4px;
  }
  #mabinogim .grid_list_wrap .list_area > ul > li > div .descript .sub_info .etc .view {
    margin-right: 12px;
  }
  #mabinogim .grid_list_wrap .list_area > ul > li > div .descript .sub_info .etc .view::before {
    display: block;
    content: "";
    min-width: 18px;
    width: 18px;
    height: 10px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='10' fill='none'%3E%3Cpath fill='%23AAA' fill-rule='evenodd' d='M9 10c5.61 0 9-4.22 9-5 0-.78-3.39-5-9-5-4.809 0-9 4.22-9 5 0 .78 4.191 5 9 5Zm0-1.25c2.13 0 3.857-1.679 3.857-3.75 0-2.071-1.727-3.75-3.857-3.75S5.143 2.929 5.143 5C5.143 7.071 6.87 8.75 9 8.75Z' clip-rule='evenodd'/%3E%3Cpath fill='%23AAA' fill-rule='evenodd' d='M9 7.5c1.42 0 2.571-1.12 2.571-2.5H9V2.5C7.58 2.5 6.428 3.62 6.428 5S7.58 7.5 9 7.5Z' clip-rule='evenodd'/%3E%3C/svg%3E");
    background-size: cover;
    margin-right: 4px;
  }
  #mabinogim .grid_list_wrap .list_area > ul > li > div .descript .sub_info .etc .like::before {
    display: block;
    content: "";
    width: 12px;
    min-width: 12px;
    height: 11px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='11' fill='none'%3E%3Cpath fill='%23AAA' d='M0 2v4l3 3 3 2 3-2 3-3V2L9 0 6 2 3 0 0 2Z'/%3E%3C/svg%3E");
    background-size: cover;
    margin-right: 4px;
  }
  #mabinogim .grid_list_wrap .list_area .list_empty {
    border-top: 1px solid #AAA;
    border-bottom: 1px solid #AAA;
  }
  #mabinogim .grid_list_wrap .list_area .list_empty span {
    min-height: 220px;
    height: 220px;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #mabinogim .grid_list_wrap .list_area .list_empty span b {
    color: #F65606;
  }
  #mabinogim .grid_list_wrap .list_area .pager {
    display: block;
    width: 100%;
    margin: 20px auto 0;
  }
  #mabinogim .grid_list_wrap .list_area .pager .pagination {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #mabinogim .grid_list_wrap .list_area .pager .pagination ul {
    display: flex;
  }
  #mabinogim .grid_list_wrap .list_area .pager .pagination ul li {
    font-size: 10px;
    color: #525252;
    margin-right: 4px;
    cursor: pointer;
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #mabinogim .grid_list_wrap .list_area .pager .pagination ul li.on {
    color: #fff;
    background: #2BAF7E;
  }
  #mabinogim .grid_list_wrap .list_area .pager .pagination ul li:first-child {
    margin-left: 8px;
  }
  #mabinogim .grid_list_wrap .list_area .pager .pagination ul li:last-child {
    margin-right: 8px;
  }
  #mabinogim .grid_list_wrap .list_area .pager .pagination button.prev_button {
    width: 20px;
    height: 23px;
    border-radius: none;
    border: none;
    background: none;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #mabinogim .grid_list_wrap .list_area .pager .pagination button.next_button {
    width: 20px;
    height: 23px;
    border-radius: none;
    border: none;
    background: none;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #mabinogim .grid_list_wrap .list_area .pager .write_button {
    display: block;
    background: #00B670;
    border-radius: 12px;
    font-size: 18px;
    color: #fff;
    margin: 30px auto 0;
  }
  #mabinogim .creation .grid_list_wrap .list_area > ul {
    grid-template-columns: repeat(2, minmax(0px, 1fr));
    gap: 10px;
  }
  #mabinogim .creation .grid_list_wrap .list_area > ul li div .descript {
    margin-top: 20px;
  }
  #mabinogim .creation .grid_list_wrap .list_area .list_empty {
    border-top: 1px solid #AAA;
    border-bottom: 1px solid #AAA;
  }
  #mabinogim .creation .grid_list_wrap .list_area .list_empty span {
    min-height: 220px;
    height: 220px;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #mabinogim .creation .grid_list_wrap .list_area .list_empty span b {
    color: #F65606;
  }
  #mabinogim .creation .grid_list_wrap .list_area .pager {
    display: block;
    width: 100%;
    margin: 20px auto 0;
  }
  #mabinogim .creation .grid_list_wrap .list_area .pager .pagination {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #mabinogim .creation .grid_list_wrap .list_area .pager .pagination ul {
    display: flex;
  }
  #mabinogim .creation .grid_list_wrap .list_area .pager .pagination ul li {
    font-size: 10px;
    color: #525252;
    margin-right: 4px;
    cursor: pointer;
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #mabinogim .creation .grid_list_wrap .list_area .pager .pagination ul li.on, #mabinogim .creation .grid_list_wrap .list_area .pager .pagination ul lili:hover {
    color: #fff;
    background: #2BAF7E;
  }
  #mabinogim .creation .grid_list_wrap .list_area .pager .pagination ul li:first-child {
    margin-left: 8px;
  }
  #mabinogim .creation .grid_list_wrap .list_area .pager .pagination ul li:last-child {
    margin-right: 8px;
  }
  #mabinogim .creation .grid_list_wrap .list_area .pager .pagination button.prev_button {
    width: 20px;
    height: 23px;
    border-radius: none;
    border: none;
    background: none;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #mabinogim .creation .grid_list_wrap .list_area .pager .pagination button.next_button {
    width: 20px;
    height: 23px;
    border-radius: none;
    border: none;
    background: none;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #mabinogim .creation .grid_list_wrap .list_area .pager .write_button {
    display: block;
    background: #00B670;
    border-radius: 12px;
    font-size: 18px;
    color: #fff;
    margin: 30px auto 0;
  }
  #mabinogim .report, #mabinogim .support {
    padding: 26px 20px;
  }
  #mabinogim .report .grid_list_wrap, #mabinogim .support .grid_list_wrap {
    margin-top: 0;
  }
  #mabinogim .report .grid_list_wrap .list_area > ul, #mabinogim .support .grid_list_wrap .list_area > ul {
    max-width: 350px;
    width: 100%;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(2, minmax(0px, 1fr));
    gap: 10px;
  }
  #mabinogim .report .grid_list_wrap .list_area > ul li, #mabinogim .support .grid_list_wrap .list_area > ul li {
    width: 100%;
  }
  #mabinogim .report .grid_list_wrap .list_area > ul li a, #mabinogim .support .grid_list_wrap .list_area > ul li a {
    display: block;
    width: 100%;
    height: 74px;
    background-image: url("https://lwi.nexon.com/m_mabinogim/brand/customer/m_report_card.png");
    background-size: cover;
    background-position: center center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FCFCFC;
    font-size: 12px;
  }
  #mabinogim .video_list .grid_list_wrap .list_area > ul {
    grid-template-columns: repeat(2, minmax(0px, 1fr));
    gap: 20px;
  }
  #mabinogim .video_list .grid_list_wrap .list_area > ul li {
    position: relative;
    border-radius: 24px;
    overflow: hidden;
    cursor: pointer;
  }
  #mabinogim .video_list .grid_list_wrap .list_area > ul li .order_1 {
    position: relative;
    background: #fff;
  }
  #mabinogim .video_list .grid_list_wrap .list_area > ul li .order_1 .aspect_ratio_area .title {
    position: relative;
    margin-top: 20px;
    padding-left: 24px;
  }
  #mabinogim .video_list .grid_list_wrap .list_area > ul li .order_1 .aspect_ratio_area .title span {
    font-size: 14px;
    color: #626262;
    line-height: 120%;
  }
  #mabinogim .video_list .grid_list_wrap .list_area > ul li .order_1 .aspect_ratio_area .title::after {
    display: inline-block;
  }
  #mabinogim .video_list .grid_list_wrap .list_area .list_empty {
    border-top: 1px solid #AAA;
    border-bottom: 1px solid #AAA;
  }
  #mabinogim .video_list .grid_list_wrap .list_area .list_empty span {
    min-height: 220px;
    height: 220px;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #mabinogim .video_list .grid_list_wrap .list_area .list_empty span b {
    color: #F65606;
  }
  #mabinogim .video_list .grid_list_wrap .list_area .pager {
    display: block;
    width: 100%;
    margin: 20px auto 0;
  }
  #mabinogim .video_list .grid_list_wrap .list_area .pager .pagination {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #mabinogim .video_list .grid_list_wrap .list_area .pager .pagination ul {
    display: flex;
  }
  #mabinogim .video_list .grid_list_wrap .list_area .pager .pagination ul li {
    font-size: 10px;
    color: #525252;
    margin-right: 4px;
    cursor: pointer;
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #mabinogim .video_list .grid_list_wrap .list_area .pager .pagination ul li.on {
    color: #fff;
    background: #2BAF7E;
  }
  #mabinogim .video_list .grid_list_wrap .list_area .pager .pagination ul li:first-child {
    margin-left: 8px;
  }
  #mabinogim .video_list .grid_list_wrap .list_area .pager .pagination ul li:last-child {
    margin-right: 8px;
  }
  #mabinogim .video_list .grid_list_wrap .list_area .pager .pagination button.prev_button {
    width: 20px;
    height: 23px;
    border-radius: none;
    border: none;
    background: none;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #mabinogim .video_list .grid_list_wrap .list_area .pager .pagination button.next_button {
    width: 20px;
    height: 23px;
    border-radius: none;
    border: none;
    background: none;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #mabinogim .video_list .grid_list_wrap .list_area .pager .write_button {
    display: block;
    background: #00B670;
    border-radius: 12px;
    font-size: 18px;
    color: #fff;
    margin: 30px auto 0;
  }
  #mabinogim .image_list .grid_list_wrap .list_area > ul {
    grid-template-columns: repeat(2, minmax(0px, 1fr));
    gap: 20px;
  }
  #mabinogim .image_list .grid_list_wrap .list_area > ul li {
    position: relative;
    border-radius: 24px;
    overflow: hidden;
    cursor: pointer;
  }
  #mabinogim .image_list .grid_list_wrap .list_area > ul li .order_1 {
    position: relative;
    background: #fff;
  }
  #mabinogim .image_list .grid_list_wrap .list_area > ul li .order_1 .aspect_ratio_area .title {
    position: relative;
    margin-top: 20px;
    padding-left: 24px;
  }
  #mabinogim .image_list .grid_list_wrap .list_area > ul li .order_1 .aspect_ratio_area .title span {
    font-size: 14px;
    color: #626262;
    line-height: 120%;
  }
  #mabinogim .image_list .grid_list_wrap .list_area > ul li .order_1 .aspect_ratio_area .title::after {
    display: inline-block;
  }
  #mabinogim .image_list .grid_list_wrap .list_area .list_empty {
    border-top: 1px solid #AAA;
    border-bottom: 1px solid #AAA;
  }
  #mabinogim .image_list .grid_list_wrap .list_area .list_empty span {
    min-height: 220px;
    height: 220px;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #mabinogim .image_list .grid_list_wrap .list_area .list_empty span b {
    color: #F65606;
  }
  #mabinogim .image_list .grid_list_wrap .list_area .pager {
    display: block;
    width: 100%;
    margin: 20px auto 0;
  }
  #mabinogim .image_list .grid_list_wrap .list_area .pager .pagination {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #mabinogim .image_list .grid_list_wrap .list_area .pager .pagination ul {
    display: flex;
  }
  #mabinogim .image_list .grid_list_wrap .list_area .pager .pagination ul li {
    font-size: 10px;
    color: #525252;
    margin-right: 4px;
    cursor: pointer;
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #mabinogim .image_list .grid_list_wrap .list_area .pager .pagination ul li.on {
    color: #fff;
    background: #2BAF7E;
  }
  #mabinogim .image_list .grid_list_wrap .list_area .pager .pagination ul li:first-child {
    margin-left: 8px;
  }
  #mabinogim .image_list .grid_list_wrap .list_area .pager .pagination ul li:last-child {
    margin-right: 8px;
  }
  #mabinogim .image_list .grid_list_wrap .list_area .pager .pagination button.prev_button {
    width: 20px;
    height: 23px;
    border-radius: none;
    border: none;
    background: none;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #mabinogim .image_list .grid_list_wrap .list_area .pager .pagination button.next_button {
    width: 20px;
    height: 23px;
    border-radius: none;
    border: none;
    background: none;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #mabinogim .image_list .grid_list_wrap .list_area .pager .write_button {
    display: block;
    background: #00B670;
    border-radius: 12px;
    font-size: 18px;
    color: #fff;
    margin: 30px auto 0;
  }
  #mabinogim .digitalgoods .grid_list_wrap .list_area > ul {
    grid-template-columns: repeat(2, minmax(0px, 1fr));
    gap: 20px;
  }
  #mabinogim .digitalgoods .grid_list_wrap .list_area > ul li {
    position: relative;
    border-radius: 24px;
    overflow: hidden;
    cursor: pointer;
  }
  #mabinogim .digitalgoods .grid_list_wrap .list_area > ul li .order_1 {
    position: relative;
    background: #fff;
  }
  #mabinogim .digitalgoods .grid_list_wrap .list_area > ul li .order_1 .aspect_ratio_area .title {
    position: relative;
    margin-top: 20px;
    padding-left: 24px;
  }
  #mabinogim .digitalgoods .grid_list_wrap .list_area > ul li .order_1 .aspect_ratio_area .title span {
    font-size: 14px;
    color: #626262;
    line-height: 120%;
  }
  #mabinogim .digitalgoods .grid_list_wrap .list_area > ul li .order_1 .aspect_ratio_area .title::after {
    display: inline-block;
  }
  #mabinogim .digitalgoods .grid_list_wrap .list_area > ul li .order_1 .descript .type {
    font-size: 12px;
  }
  #mabinogim .digitalgoods .grid_list_wrap .list_area .list_empty {
    border-top: 1px solid #AAA;
    border-bottom: 1px solid #AAA;
  }
  #mabinogim .digitalgoods .grid_list_wrap .list_area .list_empty span {
    min-height: 220px;
    height: 220px;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #mabinogim .digitalgoods .grid_list_wrap .list_area .list_empty span b {
    color: #F65606;
  }
  #mabinogim .digitalgoods .grid_list_wrap .list_area .pager {
    display: block;
    width: 100%;
    margin: 20px auto 0;
  }
  #mabinogim .digitalgoods .grid_list_wrap .list_area .pager .pagination {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #mabinogim .digitalgoods .grid_list_wrap .list_area .pager .pagination ul {
    display: flex;
  }
  #mabinogim .digitalgoods .grid_list_wrap .list_area .pager .pagination ul li {
    font-size: 10px;
    color: #525252;
    margin-right: 4px;
    cursor: pointer;
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #mabinogim .digitalgoods .grid_list_wrap .list_area .pager .pagination ul li.on {
    color: #fff;
    background: #2BAF7E;
  }
  #mabinogim .digitalgoods .grid_list_wrap .list_area .pager .pagination ul li:first-child {
    margin-left: 8px;
  }
  #mabinogim .digitalgoods .grid_list_wrap .list_area .pager .pagination ul li:last-child {
    margin-right: 8px;
  }
  #mabinogim .digitalgoods .grid_list_wrap .list_area .pager .pagination button.prev_button {
    width: 20px;
    height: 23px;
    border-radius: none;
    border: none;
    background: none;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #mabinogim .digitalgoods .grid_list_wrap .list_area .pager .pagination button.next_button {
    width: 20px;
    height: 23px;
    border-radius: none;
    border: none;
    background: none;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #mabinogim .digitalgoods .grid_list_wrap .list_area .pager .write_button {
    display: block;
    background: #00B670;
    border-radius: 12px;
    font-size: 18px;
    color: #fff;
    margin: 30px auto 0;
  }
  #mabinogim .faq_list_wrap .list_area ul.list {
    border-bottom: 1px solid #AAA;
  }
  #mabinogim .faq_list_wrap .list_area ul.list > li {
    position: relative;
    height: auto;
    border-top: 1px solid #AAA;
    display: block;
    padding: 20px 10px;
  }
  #mabinogim .faq_list_wrap .list_area ul.list > li .order_1 {
    display: block;
  }
  #mabinogim .faq_list_wrap .list_area ul.list > li .order_1 .type {
    width: min-content;
    border: 1px solid #D9D9D9;
    font-size: 10px;
    color: #626262;
    background: #fff;
    border-radius: 20px;
    padding: 5px 15px;
    margin-right: 12px;
    margin-bottom: 6px;
    white-space: nowrap;
  }
  #mabinogim .faq_list_wrap .list_area ul.list > li .order_1 .title {
    position: relative;
    margin-right: 0px;
  }
  #mabinogim .faq_list_wrap .list_area ul.list > li .order_1 .title span {
    font-size: 14px;
    color: #525252;
  }
  #mabinogim .faq_list_wrap .list_area ul.list > li .order_1 .etc {
    display: none;
  }
  #mabinogim .faq_list_wrap .list_area ul.list > li .order_2 {
    display: none;
  }
  #mabinogim .faq_list_wrap .list_area .list_empty {
    border-top: 1px solid #AAA;
    border-bottom: 1px solid #AAA;
  }
  #mabinogim .faq_list_wrap .list_area .list_empty span {
    min-height: 220px;
    height: 220px;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #mabinogim .faq_list_wrap .list_area .list_empty span b {
    color: #F65606;
  }
  #mabinogim .faq_list_wrap .list_area .pager {
    display: block;
    width: 100%;
    margin: 20px auto 0;
  }
  #mabinogim .faq_list_wrap .list_area .pager .pagination {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #mabinogim .faq_list_wrap .list_area .pager .pagination ul {
    display: flex;
  }
  #mabinogim .faq_list_wrap .list_area .pager .pagination ul li {
    font-size: 10px;
    color: #525252;
    margin-right: 4px;
    cursor: pointer;
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #mabinogim .faq_list_wrap .list_area .pager .pagination ul li.on {
    color: #fff;
    background: #2BAF7E;
  }
  #mabinogim .faq_list_wrap .list_area .pager .pagination ul li:first-child {
    margin-left: 8px;
  }
  #mabinogim .faq_list_wrap .list_area .pager .pagination ul li:last-child {
    margin-right: 8px;
  }
  #mabinogim .faq_list_wrap .list_area .pager .pagination button.prev_button {
    width: 20px;
    height: 23px;
    border-radius: none;
    border: none;
    background: none;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #mabinogim .faq_list_wrap .list_area .pager .pagination button.next_button {
    width: 20px;
    height: 23px;
    border-radius: none;
    border: none;
    background: none;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #mabinogim .faq_list_wrap .list_area .pager .write {
    display: block;
    background: #00B670;
    border-radius: 12px;
    font-size: 18px;
    color: #fff;
    margin: 30px auto 0;
  }
  #mabinogim .policy_list_wrap .list_area > ul {
    max-width: 380px;
    margin: 0 auto;
    display: flex;
    gap: 20px;
  }
  #mabinogim .policy_list_wrap .list_area > ul li {
    width: 100%;
    max-width: 380px;
  }
  #mabinogim .policy_list_wrap .list_area > ul li .thumbnail {
    position: relative;
    border-radius: 24px;
    overflow: hidden;
    width: 100%;
    height: 140px;
    background-size: cover;
    background-position: center center;
  }
  #mabinogim .policy_list_wrap .list_area > ul li .title {
    margin-top: 5px;
    background: #fff;
    max-width: 380px;
    padding: 20px 0;
    border-radius: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #mabinogim .policy_list_wrap .list_area > ul li .title span {
    color: #5C5C5C;
    font-size: 12px;
    display: flex;
    align-items: center;
  }
  #mabinogim .policy_list_wrap .list_area > ul li .title span::after {
    content: "";
    display: block;
    width: 6px;
    height: 9px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='9' fill='none'%3E%3Cpath stroke='%23626262' stroke-linecap='round' stroke-width='2' d='m1.5 7.5 3-3-3-3'/%3E%3C/svg%3E") no-repeat;
    background-size: cover;
    margin-left: 10px;
  }
  #mabinogim .audio_list_wrap {
    padding-top: 30px;
  }
  #mabinogim .audio_list_wrap h1 {
    display: flex;
    align-items: center;
    color: #4E4E4E;
    font-size: 16px;
    font-weight: 500;
  }
  #mabinogim .audio_list_wrap h1::before {
    content: "";
    display: block;
    width: 25px;
    min-width: 25px;
    height: 25px;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' fill='none'%3E%3Cpath stroke='%234E4E4E' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.333' d='M6.25 21.875a3.125 3.125 0 1 0 0-6.25 3.125 3.125 0 0 0 0 6.25ZM9.375 18.75V5.208'/%3E%3Cpath stroke='%234E4E4E' stroke-linecap='round' stroke-width='1.333' d='m21.875 3.125-12.5 2.083m12.5 2.084-12.5 2.083'/%3E%3Cpath stroke='%234E4E4E' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.333' d='M18.75 19.792a3.125 3.125 0 1 0 0-6.25 3.125 3.125 0 0 0 0 6.25ZM21.875 16.667V3.125'/%3E%3C/svg%3E");
    margin-right: 10px;
  }
  #mabinogim .audio_list_wrap .list_area > ul {
    padding: 10px 0 0 0;
  }
  #mabinogim .audio_list_wrap .list_area > ul li {
    position: relative;
    border-radius: 24px;
    overflow: hidden;
    background: #fff;
    margin-bottom: 10px;
    padding: 20px;
    cursor: pointer;
  }
  #mabinogim .audio_list_wrap .list_area > ul li:last-child {
    margin-bottom: 0;
  }
  #mabinogim .audio_list_wrap .list_area > ul li .order_1 {
    position: relative;
    padding: 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  #mabinogim .audio_list_wrap .list_area > ul li .order_2 {
    position: relative;
    top: 0;
    left: 0px;
    width: calc(100%);
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0 0 0;
  }
  #mabinogim .audio_list_wrap .list_area > ul li .order_2 .title {
    position: relative;
    display: flex;
    align-items: center;
  }
  #mabinogim .audio_list_wrap .list_area > ul li .order_2 .title::before {
    content: "";
    display: inline-block;
    width: 16px;
    min-width: 16px;
    height: 16px;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath stroke='%23888' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.333' d='M4 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4ZM6 12V3.333'/%3E%3Cpath stroke='%23888' stroke-linecap='round' stroke-width='1.333' d='M14 2 6 3.333m8 1.334L6 6'/%3E%3Cpath stroke='%23888' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.333' d='M12 12.667a2 2 0 1 0 0-4 2 2 0 0 0 0 4ZM14 10.667V2'/%3E%3C/svg%3E") no-repeat;
    margin-right: 6px;
  }
  #mabinogim .audio_list_wrap .list_area > ul li .order_2 .title span {
    font-size: 14px;
  }
  #mabinogim .audio_list_wrap .list_area > ul li .order_2 .duration {
    padding: 2px 10px;
    width: min-content;
    border: 1px solid #F3F3F3;
    border-radius: 20px;
  }
  #mabinogim .audio_list_wrap .list_area > ul li .order_2 .duration span {
    color: #6F6F6F;
    font-size: 10px;
    font-weight: 500;
    white-space: nowrap;
  }
  #mabinogim .audio_list_wrap .list_area > ul li.on {
    background-color: #00B670;
  }
  #mabinogim .audio_list_wrap .list_area > ul li.on .order_2 .title::before {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.333' d='M4 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4ZM6 12V3.333'/%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-width='1.333' d='M14 2 6 3.333m8 1.334L6 6'/%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.333' d='M12 12.667a2 2 0 1 0 0-4 2 2 0 0 0 0 4ZM14 10.667V2'/%3E%3C/svg%3E") no-repeat;
  }
  #mabinogim .audio_list_wrap .list_area > ul li.on .order_2 .title span {
    color: #fff;
  }
  #mabinogim .audio_list_wrap .list_area > ul li.on .order_2 .duration {
    padding: 2px 10px;
    width: min-content;
    border: 1px solid #fff;
    border-radius: 20px;
    background: #fff;
  }
  #mabinogim .audio_list_wrap .list_area > ul li.on .order_2 .duration span {
    color: #6F6F6F;
    font-size: 10px;
    font-weight: 500;
    white-space: nowrap;
  }
  #mabinogim .audio_list_wrap .list_area .list_empty {
    border-top: 1px solid #AAA;
    border-bottom: 1px solid #AAA;
  }
  #mabinogim .audio_list_wrap .list_area .list_empty span {
    min-height: 220px;
    height: 220px;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #mabinogim .audio_list_wrap .list_area .list_empty span b {
    color: #F65606;
  }
  #mabinogim .audio_list_wrap .list_area .pager {
    display: block;
    width: 100%;
    margin: 20px auto 0;
  }
  #mabinogim .audio_list_wrap .list_area .pager .pagination {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #mabinogim .audio_list_wrap .list_area .pager .pagination ul {
    display: flex;
  }
  #mabinogim .audio_list_wrap .list_area .pager .pagination ul li {
    font-size: 10px;
    color: #525252;
    margin-right: 4px;
    cursor: pointer;
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #mabinogim .audio_list_wrap .list_area .pager .pagination ul li.on {
    color: #fff;
    background: #2BAF7E;
  }
  #mabinogim .audio_list_wrap .list_area .pager .pagination ul li:first-child {
    margin-left: 8px;
  }
  #mabinogim .audio_list_wrap .list_area .pager .pagination ul li:last-child {
    margin-right: 8px;
  }
  #mabinogim .audio_list_wrap .list_area .pager .pagination button.prev_button {
    width: 30px;
    height: 23px;
  }
  #mabinogim .audio_list_wrap .list_area .pager .pagination button.next_button {
    width: 30px;
    height: 23px;
  }
  #mabinogim .audio_list_wrap .list_area .pager .write_button {
    display: block;
    background: #00B670;
    border-radius: 12px;
    font-size: 18px;
    color: #fff;
    margin: 30px auto 0;
  }
  #mabinogim .category_area {
    width: 100%;
    margin-bottom: 20px;
  }
  #mabinogim .category_area ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 14px 18px;
    font-size: 12px;
    border-radius: 12px;
    background: linear-gradient(#222632, #222632) no-repeat 0px -48px;
  }
  #mabinogim .category_area ul li a::after {
    display: block;
    content: "";
    width: 8px;
    height: 7px;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='7' fill='none'%3E%3Cpath stroke='%23AAA' d='M3.6 5.75a.5.5 0 0 0 .866 0l2.598-4.5A.5.5 0 0 0 6.631.5H1.435a.5.5 0 0 0-.433.75L3.6 5.75Z'/%3E%3C/svg%3E") no-repeat;
    margin: 2px 0 0 4px;
  }
  #mabinogim .category_area ul li a.active, #mabinogim .category_area ul li a.on {
    background: #222632;
    color: #fff;
  }
  #mabinogim .category_area ul li a.active::after, #mabinogim .category_area ul li a.on::after {
    display: block;
    content: "";
    width: 9px;
    height: 7px;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='7' fill='none'%3E%3Cpath fill='%23FFF7CE' d='M3.634 6a1 1 0 0 0 1.732 0l2.598-4.5A1 1 0 0 0 7.098 0H1.902a1 1 0 0 0-.866 1.5L3.634 6Z'/%3E%3C/svg%3E") no-repeat;
    margin: 2px 0 0 4px;
  }
  #mabinogim .filter_area {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
  }
  #mabinogim .filter_area .order_1 {
    order: 1;
    position: relative;
    width: 100%;
    height: auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 20px 0 10px;
  }
  #mabinogim .filter_area .order_1 button {
    position: relative;
    margin-right: 7px;
    color: #525252;
    padding: 4px 10px;
    font-size: 12px;
  }
  #mabinogim .filter_area .order_1 button.active, #mabinogim .filter_area .order_1 button.on {
    background: #5C5C5C;
    color: #fff;
    border-radius: 6px;
  }
  #mabinogim .filter_area .order_2 {
    position: relative;
    height: 42px;
    display: flex;
    width: 100%;
  }
  #mabinogim .filter_area .order_2 .total_list {
    position: relative;
    background: #5C5C5C;
    margin-right: 10px;
    border-radius: 16px;
  }
  #mabinogim .filter_area .order_2 .total_list button {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 42px;
    height: 42px;
  }
  #mabinogim .filter_area .order_2 .total_list button span {
    display: block;
    width: 20px;
    height: 3px;
    background: #fff;
    border-radius: 5px;
    margin-bottom: 4px;
  }
  #mabinogim .filter_area .order_2 .total_list button span:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 700px) {
  #mabinogim .report .grid_list_wrap .list_area > ul, #mabinogim .support .grid_list_wrap .list_area > ul {
    max-width: 170px;
    width: 100%;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(1, minmax(0px, 1fr));
    gap: 10px;
  }
  #mabinogim .report .grid_list_wrap .list_area > ul li, #mabinogim .support .grid_list_wrap .list_area > ul li {
    width: 100%;
  }
  #mabinogim .report .grid_list_wrap .list_area > ul li a, #mabinogim .support .grid_list_wrap .list_area > ul li a {
    display: block;
    width: 100%;
    height: 74px;
    background-image: url("https://lwi.nexon.com/m_mabinogim/brand/customer/m_report_card.png");
    background-size: cover;
    background-position: center center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FCFCFC;
    font-size: 12px;
  }
  #mabinogim .video_list .grid_list_wrap .list_area > ul, #mabinogim .image_list .grid_list_wrap .list_area > ul, #mabinogim .creation .grid_list_wrap .list_area > ul, #mabinogim .digitalgoods .grid_list_wrap .list_area > ul {
    grid-template-columns: repeat(1, minmax(0px, 1fr));
  }
}