@charset "UTF-8";
@import url(https://lwres.nexon.com/css/mabinogim/brand/common/font.css);
.date {
  font-family: "Noto Sans TC", "Microsoft JhengHei", "Apple LiGothic Medium", sans-serif;
  color: #fff;
  text-align: center;
  font-weight: 300;
  font-size: 30px;
  line-height: 100%;
  padding-bottom: 1%;
  color: #ccc;
}
@media (max-width: 1280px) {
  .date {
    font-size: 20px;
  }
}
@media (max-width: 720px) {
  .date {
    font-size: 2vw;
  }
}

.t1 {
  font-family: "Noto Sans TC", "Microsoft JhengHei", "Apple LiGothic Medium", sans-serif;
  text-align: center;
  background: linear-gradient(137deg, #c8c8c9, #e9e9e9, #ffffff);
  background: -webkit-linear-gradient(137deg, #c8c8c9, #e9e9e9, #ffffff);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  font-weight: 900;
  font-size: 109px;
  line-height: 100%;
  padding-bottom: 1%;
}
@media (max-width: 1280px) {
  .t1 {
    font-size: 55px;
  }
}
@media (max-width: 720px) {
  .t1 {
    font-size: 7.8vw;
  }
}

.t2 {
  font-family: "Noto Sans TC", "Microsoft JhengHei", "Apple LiGothic Medium", sans-serif;
  text-align: center;
  background: linear-gradient(137deg, #c8c8c9, #e9e9e9, #ffffff);
  background: -webkit-linear-gradient(137deg, #c8c8c9, #e9e9e9, #ffffff);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  font-weight: 900;
  font-size: 59px;
  line-height: 100%;
  padding-bottom: 1%;
}
@media (max-width: 1280px) {
  .t2 {
    font-size: 25px;
  }
}
@media (max-width: 720px) {
  .t2 {
    font-size: 7.8vw;
  }
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Pretendard-Medium", sans-serif;
  font-weight: 500;
  line-height: 1;
}

:root {
  --pc-top-height: 62px;
  --mobile-top-height: 110px;
  --vh: 100%;
}

html,
body {
  height: 100%;
  font-synthesis: none;
}

body {
  min-width: 220px;
  margin: 0 auto;
  overflow: hidden;
}
body::-webkit-scrollbar {
  display: none;
}

button {
  background: none;
  outline: none;
  border: none;
  cursor: pointer;
}

li {
  list-style: none;
}

a {
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}

label {
  cursor: pointer;
}

.blind {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}

.text_blind {
  display: block;
  text-indent: 200%;
  overflow: hidden;
  white-space: nowrap;
}

img {
  vertical-align: top;
  width: 100%;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

.inner {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
}

@media (max-width: 720px) {
  body {
    overflow: auto;
  }
  .inner {
    overflow: hidden;
    max-width: 720px;
  }
}
.gnb {
  position: fixed;
  top: 38%;
  right: 0%;
  z-index: 10;
}
.gnb ul {
  padding: 6px 4px 12px 0;
}
.gnb ul::after {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: block;
  content: "";
  width: 4px;
  border-radius: 3px 0px 0px 3px;
  background: #4D4ED4;
}
.gnb ul li {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 8px;
}
.gnb ul li a {
  display: flex;
  align-items: center;
  border-radius: 8px 0px 0px 8px;
  color: #fff;
  padding: 0 15px 0 10px;
  font-size: 12px;
  letter-spacing: 1px;
}
.gnb ul li a::after {
  display: none;
  position: absolute;
  right: 4px;
  content: "";
  width: 6px;
  height: 8px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='8' fill='none'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M5.718.243a.75.75 0 0 1 0 1.172L2.72 4l2.998 2.585a.75.75 0 0 1 0 1.172 1.073 1.073 0 0 1-1.36 0L0 4 4.359.243a1.073 1.073 0 0 1 1.36 0Z' clip-rule='evenodd'/%3E%3C/svg%3E");
}
.gnb ul li:nth-child(1) a {
  height: 26px;
  background-repeat: no-repeat;
}
.gnb ul li:nth-child(2) a {
  height: 26px;
  background-repeat: no-repeat;
}
.gnb ul li:nth-child(3) a {
  height: 26px;
  background-repeat: no-repeat;
}
.gnb ul li:nth-child(4) a {
  height: 26px;
  background-repeat: no-repeat;
}
.gnb ul li:nth-child(5) a {
  background-color: #000;
  color: #fff;
  height: 26px;
  background-repeat: no-repeat;
}
.gnb ul li:nth-child(5) a::after {
  opacity: 0;
}
.gnb ul li {
  /*
  &:last-child{
    display: flex !important;
    margin-bottom: 0;
  }
    */
}
.gnb ul li.active a, .gnb ul li.on a {
  background-color: #4D4ED4;
  background-position-y: 100%;
}
.gnb ul li.active a::after, .gnb ul li.on a::after {
  display: block;
}
@media (hover: hover) and (min-width: 1280px) {
  .gnb ul li a:hover {
    background-color: #4D4ED4;
    background-position-y: 100%;
  }
  .gnb ul li a:hover::after {
    display: block;
  }
}

@media (max-width: 1280px) {
  .gnbContainer {
    position: absolute !important;
    top: -150px !important;
    width: 0 !important;
    min-width: 0 !important;
    height: 0 !important;
    visibility: hidden !important;
    display: none !important;
  }
  .gnbContainer .gnbBar {
    display: none !important;
  }
  .gnb {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 2;
  }
  .gnb ul {
    padding: 0;
    height: 46px;
    background: #0A0C0F;
    display: flex;
    justify-content: center;
  }
  .gnb ul::after {
    display: none;
  }
  .gnb ul li {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 0;
    margin-right: 24px;
  }
  .gnb ul li a {
    display: flex;
    align-items: center;
    border-radius: 0;
    background-size: 100% auto;
    background-repeat: no-repeat;
    padding: 0 15px;
  }
  .gnb ul li a::after {
    display: none !important;
  }
  .gnb ul li:nth-child(1) a {
    height: 46px;
  }
  .gnb ul li:nth-child(2) a {
    height: 46px;
  }
  .gnb ul li:nth-child(3) a {
    height: 46px;
  }
  .gnb ul li:nth-child(4) {
    margin-right: 0;
  }
  .gnb ul li:nth-child(4) a {
    height: 46px;
  }
  .gnb ul li {
    /*
    &:last-child{
      margin-right: 0;
      position: fixed;
      bottom:2%;
      right:0;
      background: transparent;
      visibility: visible;
      a{
        width: 34px;
        height: 34px;
        background-image: url(https://lwi.nexon.com/m_mabinogim/event/2025/0424_event_BC47981295413D28/m/top_button.png);
        background-repeat: no-repeat;
        background-color: transparent;
      }
    }
    */
  }
  .gnb ul li.active a, .gnb ul li.on a {
    background-color: transparent;
    background-position-y: 100%;
  }
  .gnb ul li.active a::before, .gnb ul li.on a::before {
    display: block !important;
    background-color: #4D4ED4;
    content: "";
    width: 70%;
    height: 4px;
    border-radius: 5px 5px 0 0;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
  }
}
body.forMobile .gnbContainer {
  position: absolute !important;
  top: -150px !important;
  width: 0 !important;
  min-width: 0 !important;
  height: 0 !important;
  visibility: hidden !important;
  display: none !important;
}
body.forMobile .gnbContainer .gnbBar {
  display: none !important;
}
body.forMobile .gnb {
  position: fixed;
  top: 64px;
  right: 0;
  left: 0;
  z-index: 2;
}
body.forMobile .gnb ul {
  padding: 0;
  height: 46px;
  background: #0A0C0F;
  display: flex;
  justify-content: center;
}
body.forMobile .gnb ul::after {
  display: none;
}
body.forMobile .gnb ul li {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 0;
  margin-right: 24px;
}
body.forMobile .gnb ul li a {
  display: flex;
  align-items: center;
  border-radius: 0;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
body.forMobile .gnb ul li a::after {
  display: none;
}
body.forMobile .gnb ul li:nth-child(1) a {
  width: 61px;
  height: 46px;
  background-image: url(https://lwi.nexon.com/m_mabinogim/event/2025/0529_event_00DCF0AE21316AB6/gnb_menu_1_m.png);
}
body.forMobile .gnb ul li:nth-child(2) a {
  width: 47px;
  height: 46px;
  background-image: url(https://lwi.nexon.com/m_mabinogim/event/2025/0529_event_00DCF0AE21316AB6/gnb_menu_3_m.png);
}
body.forMobile .gnb ul li:nth-child(3) {
  margin-right: 0;
}
body.forMobile .gnb ul li:nth-child(3) a {
  width: 35px;
  height: 46px;
  background-image: url(https://lwi.nexon.com/m_mabinogim/event/2025/0529_event_00DCF0AE21316AB6/gnb_menu_4_m.png);
}
body.forMobile .gnb ul li:last-child {
  margin-right: 0;
  position: fixed;
  bottom: 2%;
  right: 0;
  background: transparent;
  visibility: visible;
}
body.forMobile .gnb ul li:last-child a {
  width: 34px;
  height: 34px;
  background-image: url(https://lwi.nexon.com/m_mabinogim/event/2025/0424_event_BC47981295413D28/m/top_button.png);
  background-repeat: no-repeat;
  background-color: transparent;
}
body.forMobile .gnb ul li.on a {
  background-color: transparent;
  background-position-y: 100%;
}
body.forMobile .gnb ul li.on a::after {
  display: none;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  min-width: 320px;
  height: 100%;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.6);
  padding: 20px;
  overflow-y: auto;
  flex-direction: column;
  align-items: center;
  display: none;
}
.modal .modal_inner {
  width: 100%;
  margin: auto 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.modal .modal_inner .modal_header {
  padding: 10px 15px;
  width: 100%;
  max-width: 800px;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #fff;
  border-radius: 16px 16px 0 0;
}
.modal .modal_inner .modal_header .logo {
  display: block;
  width: 84px;
  height: 24px;
  background-image: url("https://nxtw.dn.nexoncdn.co.kr/mbm/home/img/mmlogo.svg");
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.modal .modal_inner .modal_header .logo img {
  display: none;
}
.modal .modal_inner .modal_header .close_button {
  display: block;
  min-width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none'%3E%3Cpath fill='%23838383' fill-rule='evenodd' d='M17.497 15.07a1.717 1.717 0 0 1-2.428 2.427L9 11.428l-6.069 6.07a1.717 1.717 0 0 1-2.428-2.429L6.573 9 .502 2.93A1.717 1.717 0 0 1 2.93.504L9 6.573 15.07.502a1.717 1.717 0 0 1 2.428 2.428L11.428 9l6.07 6.068Z' clip-rule='evenodd'/%3E%3C/svg%3E");
  background-size: cover;
  opacity: 1;
}
.modal .modal_inner .modal_body {
  width: 100%;
  max-width: 800px;
  padding: 30px;
  position: relative;
  background-color: #f6f4f4;
}
.modal .modal_inner .modal_body h1 {
  color: #626262;
  font-size: 25px;
}
.modal .modal_inner .button_area {
  width: 100%;
  max-width: 800px;
  display: flex;
  justify-content: center;
  background: #f6f4f4;
  padding-bottom: 30px;
  transform: translateY(-1px);
  border-radius: 0 0 16px 16px;
}
.modal .modal_inner .button_area button {
  font-family: "微軟正黑體";
  padding: 10px 50px;
  white-space: nowrap;
  text-align: center;
  width: 50%;
  max-width: 132px;
  border-radius: 12px;
  color: #fff;
  font-size: 18px;
  margin-right: 10px;
  background: #4041cd;
}
.modal .modal_inner .button_area button:last-child {
  margin-right: 0;
}
.modal .modal_inner .button_area .cancel_button {
  background: #aaa;
}
.modal .disable {
  opacity: 0.3;
  pointer-events: none;
}

.modal_notice .modal_inner {
  max-width: 600px;
}
.modal_notice .modal_inner .title {
  text-align: center;
  font-size: 20px;
  margin-bottom: 10px;
}
.modal_notice .modal_inner .content {
  padding: 10px 20px 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.modal_notice .modal_inner .content ul.list {
  list-style: disc;
  padding-left: 20px;
  width: auto;
}
.modal_notice .modal_inner .content ul.list li {
  font-size: 13px;
  line-height: 1.5rem;
  padding-left: 0;
  word-wrap: break-word;
  word-break: break-all;
  white-space: normal;
}

.hyperlink_modal ul {
  background: #fff;
  padding: 20px;
  margin-top: 10px;
}
.hyperlink_modal ul li {
  margin-bottom: 23px;
}
.hyperlink_modal ul li label {
  display: block;
}
.hyperlink_modal ul li label span {
  display: block;
  margin-bottom: 15px;
  font-size: 16px;
  color: #626262;
}
.hyperlink_modal ul li label input[type=text] {
  width: 100%;
  height: 38px;
  border: 1px solid #515151;
  padding: 0 10px;
}
.hyperlink_modal ul li.checkbox label {
  cursor: pointer;
}
.hyperlink_modal ul li.checkbox label input {
  display: none;
}
.hyperlink_modal ul li.checkbox label span {
  display: flex;
  align-items: center;
}
.hyperlink_modal ul li.checkbox label span::before {
  content: "";
  display: block;
  width: 17px;
  height: 17px;
  border: 1px solid #626262;
  margin-right: 10px;
}
.hyperlink_modal ul li.checkbox label input[type=checkbox]:checked ~ span::before {
  background: linear-gradient(#00b670, #00b670) no-repeat;
  background-position: center center;
  background-size: 50% 50%;
}

.add_image_modal h1 {
  display: flex;
  align-items: flex-end;
}
.add_image_modal h1 span {
  font-size: 13px;
}
.add_image_modal h1 span.current_image_length {
  margin-left: 10px;
  color: #f65606;
}
.add_image_modal .upload_list_wrap {
  margin-top: 10px;
  padding: 20px;
  background: #fff;
}
.add_image_modal .upload_list_wrap .button_label {
  display: block;
  position: relative;
  width: 160px;
  height: 40px;
  background: #525252;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
}
.add_image_modal .upload_list_wrap .button_label span {
  font-size: 18px;
  color: #fff;
  font-weight: bold;
}
.add_image_modal .upload_list_wrap .button_label input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.add_image_modal .upload_list_wrap .image_list {
  display: flex;
  flex-wrap: wrap;
  padding-top: 20px;
  min-height: 300px;
  max-height: 440px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #00b670 #aaa;
}
.add_image_modal .upload_list_wrap .image_list::-webkit-scrollbar {
  width: 6px;
  border-radius: 10px;
}
.add_image_modal .upload_list_wrap .image_list::-webkit-scrollbar-corner {
  background: transparent;
  border-radius: 10px;
}
.add_image_modal .upload_list_wrap .image_list::-webkit-scrollbar-thumb {
  background-color: #5d5ded;
  border-radius: 10px;
}
.add_image_modal .upload_list_wrap .image_list::-webkit-scrollbar-track {
  background-color: #aaa;
  border-radius: 10px;
}
.add_image_modal .upload_list_wrap .image_list::-webkit-scrollbar-button:vertical:start:increment {
  display: block;
  height: 4%;
}
.add_image_modal .upload_list_wrap .image_list::-webkit-scrollbar-button:vertical:end:increment {
  display: block;
  height: 4%;
}
.add_image_modal .upload_list_wrap .image_list li {
  position: relative;
  width: 120px;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 20px;
  margin-bottom: 20px;
  overflow: hidden;
}
.add_image_modal .upload_list_wrap .image_list li:nth-child(5n) {
  margin-right: 0;
}
.add_image_modal .upload_list_wrap .image_list li img {
  max-width: 100%;
  max-height: 100%;
}
.add_image_modal .upload_list_wrap .image_list li .added_image {
  max-width: 100% !important;
  max-height: 100% !important;
}
.add_image_modal .upload_list_wrap .image_list li .delete_button {
  position: absolute;
  top: 0;
  right: 0;
  width: 15px;
  height: 15px;
  background-color: #4041cd;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='7' fill='none'%3E%3Cpath fill='%23fff' d='M0 .5h1v1H0v-1ZM1 1.5h1v1H1v-1ZM2 2.5h1v1H2v-1ZM3 3.5h1v1H3v-1ZM4 4.5h1v1H4v-1ZM5 5.5h1v1H5v-1ZM6 .5H5v1h1v-1ZM5 1.5H4v1h1v-1ZM4 2.5H3v1h1v-1ZM3 3.5H2v1h1v-1ZM2 4.5H1v1h1v-1ZM1 5.5H0v1h1v-1Z'/%3E%3C/svg%3E");
  background-size: 6px 7px;
  background-position: 51% center;
  background-repeat: no-repeat;
}
.add_image_modal .total_image_size {
  display: flex;
  justify-content: flex-end;
  padding: 10px 50px;
}
.add_image_modal .total_image_size span {
  font-size: 13px;
  color: #626262;
}
.add_image_modal .total_image_size span.current_total_size {
  color: #f65606;
}
.add_image_modal .noti {
  font-size: 14px;
  text-align: center;
}

.add_video_modal h1 {
  display: flex;
  align-items: flex-end;
}
.add_video_modal h1 span {
  font-size: 13px;
}
.add_video_modal h1 span.current_image_length {
  margin-left: 10px;
  color: #f65606;
}
.add_video_modal .video_upload_wrap {
  margin-top: 10px;
  padding: 20px;
  background: #fff;
}
.add_video_modal .video_upload_wrap .radio_box {
  display: flex;
}
.add_video_modal .video_upload_wrap .radio_box li {
  margin-right: 16px;
}
.add_video_modal .video_upload_wrap .radio_box li input[type=radio] {
  position: absolute;
  visibility: hidden;
}
.add_video_modal .video_upload_wrap .radio_box li input[type=radio]:checked + label i {
  border: 1px solid #626262;
}
.add_video_modal .video_upload_wrap .radio_box li input[type=radio]:checked + label i::after {
  content: "";
  width: 8px;
  height: 8px;
  text-align: center;
  background: #00b670;
  border-radius: 50%;
}
.add_video_modal .video_upload_wrap .radio_box li input[type=radio] + label {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.add_video_modal .video_upload_wrap .radio_box li input[type=radio] + label i {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #626262;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  margin-right: 8px;
}
.add_video_modal .video_upload_wrap .radio_box li span {
  color: #626262;
  font-size: 16px;
}
.add_video_modal .video_upload_wrap .video_data_input {
  margin-top: 20px;
  height: 44px;
  border: 1px solid #bdbdbd;
}
.add_video_modal .video_upload_wrap .video_data_input input {
  width: 100%;
  height: 100%;
  padding: 0 20px;
  text-overflow: ellipsis;
}
.add_video_modal .video_upload_wrap .notice {
  margin-top: 20px;
  padding-left: 14px;
}
.add_video_modal .video_upload_wrap .notice li {
  position: relative;
  color: #626262;
  margin-bottom: 6px;
  font-size: 14px;
  line-height: 18px;
}
.add_video_modal .video_upload_wrap .notice li::before {
  position: absolute;
  top: 8px;
  left: -12px;
  content: "";
  display: block;
  width: 6px;
  height: 2px;
  background: #00b670;
}
.add_video_modal .video_upload_wrap .notice li span {
  color: #00a2cb;
}

.add_emoticon_modal .modal_inner {
  position: relative;
  width: 100%;
  max-width: 500px;
  min-height: 100%;
  overflow: auto;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.add_emoticon_modal .modal_inner .modal_body {
  border-radius: 0 0 16px 16px;
}
.add_emoticon_modal .modal_inner .modal_body .emoticon_upload_wrap {
  position: relative;
  min-height: 300px;
}
.add_emoticon_modal .modal_inner .modal_body .emoticon_upload_wrap .emoticon_list {
  position: relative;
  display: flex;
  background: #fff;
  border-radius: 20px;
  width: 100%;
}
.add_emoticon_modal .modal_inner .modal_body .emoticon_upload_wrap .emoticon_list .prev {
  min-width: 38px;
  height: 97px;
  background: #c9c9c9;
  border-radius: 20px 0 0 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.add_emoticon_modal .modal_inner .modal_body .emoticon_upload_wrap .emoticon_list .prev::before {
  display: block;
  content: "";
  width: 13px;
  min-width: 13px;
  min-height: 20px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='20' fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-width='4' d='m10.828 2-8 8 8 8'/%3E%3C/svg%3E");
  background-size: cover;
}
.add_emoticon_modal .modal_inner .modal_body .emoticon_upload_wrap .emoticon_list .next {
  min-width: 38px;
  height: 97px;
  background: #c9c9c9;
  border-radius: 0 20px 20px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.add_emoticon_modal .modal_inner .modal_body .emoticon_upload_wrap .emoticon_list .next::before {
  display: block;
  content: "";
  width: 13px;
  min-width: 13px;
  min-height: 20px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='20' fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-width='4' d='m2.172 2 8 8-8 8'/%3E%3C/svg%3E");
  background-size: cover;
}
.add_emoticon_modal .modal_inner .modal_body .emoticon_upload_wrap .emoticon_list ul {
  max-width: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  overflow-x: auto;
}
.add_emoticon_modal .modal_inner .modal_body .emoticon_upload_wrap .emoticon_list ul li {
  max-width: 60px;
  margin-left: 20px;
  min-width: 10%;
  cursor: pointer;
}
.add_emoticon_modal .modal_inner .modal_body .emoticon_upload_wrap .emoticon_list ul li img {
  max-width: 100%;
  max-height: 100%;
}
.add_emoticon_modal .modal_inner .modal_body .emoticon_upload_wrap .emoticon_list ul li .added_emoticon {
  max-width: 84px !important;
  max-height: 84px !important;
}
.add_emoticon_modal .modal_inner .modal_body .emoticon_upload_wrap .active_list {
  margin-top: 20px;
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  overflow-y: auto;
  max-height: 510px;
}
.add_emoticon_modal .modal_inner .modal_body .emoticon_upload_wrap .active_list li {
  margin: 0 14px 10px 0;
  max-width: 60px;
  max-height: 60px;
  cursor: pointer;
}
.add_emoticon_modal .modal_inner .modal_body .emoticon_upload_wrap .active_list li:nth-child(6n) {
  margin-right: 0;
}
.add_emoticon_modal .modal_inner .modal_body .emoticon_upload_wrap .active_list li img {
  max-width: 100%;
  max-height: 100%;
}

.report_modal .modal_inner {
  max-width: 600px;
}
.report_modal .modal_inner .modal_body h1 {
  padding: 0 20px;
}
.report_modal .modal_inner .modal_body h2 {
  padding: 10px 20px 0;
  display: flex;
  flex-direction: column;
}
.report_modal .modal_inner .modal_body h2 span {
  font-size: 16px;
  line-height: 130%;
  letter-spacing: 0;
}
.report_modal .modal_inner .modal_body h2 span.highlight {
  color: #f65606;
}
.report_modal .modal_inner .modal_body .report_wrap {
  position: relative;
  background: #fff;
  border: 1px solid #dbdbdb;
  margin-top: 24px;
}
.report_modal .modal_inner .modal_body .report_wrap .report_title {
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #dbdbdb;
}
.report_modal .modal_inner .modal_body .report_wrap .report_title span {
  padding: 10px 20px;
  flex: 1;
}
.report_modal .modal_inner .modal_body .report_wrap .report_title span:first-child {
  padding: 10px 0;
  flex: 0.3;
  border-right: 1px solid #dbdbdb;
  text-align: center;
}
.report_modal .modal_inner .modal_body .report_wrap .report_user {
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #dbdbdb;
}
.report_modal .modal_inner .modal_body .report_wrap .report_user span {
  padding: 10px 20px;
  flex: 1;
}
.report_modal .modal_inner .modal_body .report_wrap .report_user span:first-child {
  padding: 10px 0;
  flex: 0.3;
  border-right: 1px solid #dbdbdb;
  text-align: center;
}
.report_modal .modal_inner .modal_body .report_wrap .report_reason {
  padding: 8px 10px;
}
.report_modal .modal_inner .modal_body .report_wrap .report_reason .select_box {
  border: 1px solid #5c5c5c;
  position: relative;
  height: 100%;
  z-index: 10;
  border-radius: 16px;
  display: flex;
}
.report_modal .modal_inner .modal_body .report_wrap .report_reason .select_box .selected {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 8px 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  cursor: pointer;
}
.report_modal .modal_inner .modal_body .report_wrap .report_reason .select_box .selected span {
  font-size: 12px;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #525252;
  letter-spacing: -0.24px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.report_modal .modal_inner .modal_body .report_wrap .report_reason .select_box .selected::after {
  display: block;
  content: "";
  min-width: 10px;
  width: 10px;
  height: 8px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='8' fill='none'%3E%3Cpath stroke='%235C5C5C' stroke-linecap='round' stroke-width='3' d='M8 2 5 5 2 2'/%3E%3C/svg%3E");
  background-size: cover;
  margin-left: 4px;
}
.report_modal .modal_inner .modal_body .report_wrap .report_reason .select_box .select_option {
  display: none;
  position: absolute;
  width: 100%;
  top: 30px;
  left: 0;
  border: 1px solid #626262;
  background: #fff;
  padding: 10px;
  border-radius: 16px;
}
.report_modal .modal_inner .modal_body .report_wrap .report_reason .select_box .select_option li {
  padding: 6px 10px;
  margin-bottom: 6px;
  font-size: 12px;
  cursor: pointer;
  border-radius: 8px;
}
.report_modal .modal_inner .modal_body .report_wrap .report_reason .select_box .select_option li[data-selected=true] {
  background: #2d2d2d;
  color: #fff;
}
.report_modal .modal_inner .modal_body .report_wrap .report_reason textarea {
  width: 100%;
  min-height: 100px;
  padding: 10px;
  border: none;
  margin-top: 4px;
}

.reject_modal .modal_inner {
  max-width: 600px;
}
.reject_modal .modal_inner .modal_body h1 {
  padding: 0 20px;
  text-align: center;
}
.reject_modal .modal_inner .modal_body h2 {
  padding: 10px 20px 0;
  display: flex;
  flex-direction: column;
}
.reject_modal .modal_inner .modal_body h2 span {
  font-size: 16px;
  line-height: 130%;
  letter-spacing: 0;
  color: #626262;
  text-align: center;
}
.reject_modal .modal_inner .modal_body h2 span.highlight {
  color: #f65606;
}
.reject_modal .modal_inner .modal_body .reject_wrap {
  position: relative;
  margin-top: 24px;
}
.reject_modal .modal_inner .modal_body .reject_wrap .reject_user {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.reject_modal .modal_inner .modal_body .reject_wrap .reject_user .user_profile {
  width: 146px;
  height: 146px;
}
.reject_modal .modal_inner .modal_body .reject_wrap .reject_user .user_profile img {
  width: 100%;
}
.reject_modal .modal_inner .modal_body .reject_wrap .reject_user span {
  color: #626262;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
}
.reject_modal .modal_inner .modal_body .reject_wrap .reject_user::before {
  display: block;
  content: "";
  min-width: 421px;
  width: 421px;
  height: 14px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='421' height='14' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath stroke='%23C7C7C7' stroke-miterlimit='10' stroke-width='3' d='m218.61 3.73-8.22 8-2.67-2.44M202.28 10.06l8.22-8 2.67 2.45'/%3E%3Cpath fill='%23C7C7C7' d='M197.72 8.31V5.75S.61 6.09.61 6.98c0 .89 197.11 1.33 197.11 1.33Z'/%3E%3Cpath fill='%23C7C7C7' d='m198.387 10.18 3.14-3.14-3.14-3.139-3.139 3.14 3.139 3.14ZM223.28 8.31V5.75s197.11.33 197.11 1.22c0 .89-197.11 1.33-197.11 1.33v.01ZM204.358 4.5l-1.859-1.86-1.86 1.86 1.86 1.86 1.859-1.86ZM219.859 9.999 218 8.139 216.14 10l1.86 1.86 1.859-1.86Z'/%3E%3Cpath fill='%23C7C7C7' d='m225.756 7.029-3.139-3.14-3.14 3.14 3.14 3.14 3.139-3.14Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M.61 0h419.78v13.79H.61z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: cover;
  margin-bottom: 15px;
}
.reject_modal .modal_inner .modal_body .reject_wrap .reject_user::after {
  display: block;
  content: "";
  min-width: 421px;
  width: 421px;
  height: 14px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='421' height='14' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath stroke='%23C7C7C7' stroke-miterlimit='10' stroke-width='3' d='m218.61 3.73-8.22 8-2.67-2.44M202.28 10.06l8.22-8 2.67 2.45'/%3E%3Cpath fill='%23C7C7C7' d='M197.72 8.31V5.75S.61 6.09.61 6.98c0 .89 197.11 1.33 197.11 1.33Z'/%3E%3Cpath fill='%23C7C7C7' d='m198.387 10.18 3.14-3.14-3.14-3.139-3.139 3.14 3.139 3.14ZM223.28 8.31V5.75s197.11.33 197.11 1.22c0 .89-197.11 1.33-197.11 1.33v.01ZM204.358 4.5l-1.859-1.86-1.86 1.86 1.86 1.86 1.859-1.86ZM219.859 9.999 218 8.139 216.14 10l1.86 1.86 1.859-1.86Z'/%3E%3Cpath fill='%23C7C7C7' d='m225.756 7.029-3.139-3.14-3.14 3.14 3.14 3.14 3.139-3.14Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M.61 0h419.78v13.79H.61z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: cover;
  margin-top: 15px;
}
.reject_modal .modal_inner .modal_body .reject_wrap .reject_period {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border-radius: 26px;
  border: 1px solid #dbdbdb;
  overflow: hidden;
  margin-top: 30px;
}
.reject_modal .modal_inner .modal_body .reject_wrap .reject_period span {
  text-align: center;
  color: #626262;
  font-size: 16px;
  line-height: 130%;
  letter-spacing: 0;
}
.reject_modal .modal_inner .modal_body .reject_wrap .reject_period span:first-child {
  font-family: "微軟正黑體";
  width: 100%;
  border-bottom: 1px solid #dbdbdb;
  background: #fafafa;
  padding: 5px 0;
}
.reject_modal .modal_inner .modal_body .reject_wrap .reject_period span:last-child {
  width: 100%;
  background: #fff;
  padding: 10px 0 20px;
  font-weight: 400;
}
.reject_modal .modal_inner .modal_body .reject_wrap .reject_reason {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border-radius: 26px;
  border: 1px solid #dbdbdb;
  overflow: hidden;
  margin-top: 10px;
}
.reject_modal .modal_inner .modal_body .reject_wrap .reject_reason > span {
  font-family: "微軟正黑體";
  width: 100%;
  border-bottom: 1px solid #dbdbdb;
  background: #fafafa;
  padding: 5px 0;
  text-align: center;
  color: #626262;
  font-size: 16px;
  line-height: 130%;
  letter-spacing: 0;
}
.reject_modal .modal_inner .modal_body .reject_wrap .reject_reason div {
  width: 100%;
  padding: 10px 20px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #fff;
}
.reject_modal .modal_inner .modal_body .reject_wrap .reject_reason div span:first-child {
  width: min-content;
  border-radius: 50px;
  background: #626262;
  color: #fff;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
  white-space: nowrap;
  padding: 8px 20px;
}
.reject_modal .modal_inner .modal_body .reject_wrap .reject_reason div span:last-child {
  margin-top: 10px;
  color: #626262;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
}

.profile_edit_modal .modal_inner .modal_header {
  max-width: 600px;
}
.profile_edit_modal .modal_inner .modal_body {
  max-width: 600px;
}
.profile_edit_modal .modal_inner .modal_body h1 {
  font-family: "微軟正黑體";
  color: #626262;
  font-style: normal;
  text-align: center;
  font-size: 28px;
}
.profile_edit_modal .modal_inner .modal_body h2 {
  margin-top: 10px;
  text-align: center;
  font-size: 16px;
  color: #626262;
}
.profile_edit_modal .modal_inner .modal_body .edit_wrap {
  margin-top: 10px;
}
.profile_edit_modal .modal_inner .modal_body .edit_wrap .profile_image {
  position: relative;
  display: flex;
  justify-content: center;
  max-width: 146px;
  margin: 0 auto;
}
.profile_edit_modal .modal_inner .modal_body .edit_wrap .profile_image .selected_image {
  position: relative;
  width: 146px;
  min-width: 146px;
  height: 146px;
  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='143' fill='none'%3E%3Cpath fill='%23515563' d='M52.65 57.476a.81.81 0 1 0 .001-1.621.81.81 0 0 0 0 1.621ZM58.21 51.842a.81.81 0 1 0 0-1.622.81.81 0 0 0 0 1.622ZM65.24 48.198a.81.81 0 1 0 0-1.621.81.81 0 0 0 0 1.62ZM80.882 48.088a.81.81 0 1 0 .001-1.621.81.81 0 0 0 0 1.62ZM87.966 51.626a.81.81 0 1 0 0-1.621.81.81 0 0 0 0 1.62ZM93.602 57.18a.81.81 0 1 0 .001-1.622.81.81 0 0 0 0 1.621ZM97.25 64.202a.81.81 0 1 0 .001-1.621.81.81 0 0 0-.001 1.621ZM97.364 79.828a.81.81 0 1 0 .001-1.622.81.81 0 0 0 0 1.621ZM93.818 86.903a.81.81 0 1 0 .001-1.62.81.81 0 0 0 0 1.62ZM88.26 92.534a.81.81 0 1 0 0-1.621.81.81 0 0 0 0 1.62ZM81.229 96.178a.81.81 0 1 0 0-1.621.81.81 0 0 0 0 1.62ZM65.586 96.292a.81.81 0 1 0 .001-1.622.81.81 0 0 0 0 1.622ZM58.503 92.75a.81.81 0 1 0 0-1.622.81.81 0 0 0 0 1.622ZM52.866 87.197a.81.81 0 1 0 .001-1.622.81.81 0 0 0 0 1.621ZM49.219 80.174a.81.81 0 1 0 0-1.622.81.81 0 0 0 0 1.621ZM49.108 64.548a.81.81 0 1 0 .002-1.621.81.81 0 0 0-.002 1.621Z'/%3E%3Cpath fill='%23515563' d='m77.36 75.716 32.989-4.32-32.968-4.136-4.528-32.957-4.022 32.94-32.932 4.515 33 4.019 4.317 32.895 4.145-32.956Z'/%3E%3Cpath fill='%23515563' d='m78.45 71.282 5.587-11.375L73 65.94l-11.196-5.492 5.918 10.805-5.963 10.818 11.212-5.431 11.021 6.066-5.543-11.424ZM47.898 101.246a4.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='%23515563' d='M44.882 93.124a.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.82 34.82 0 0 0 6.627 15.723.404.404 0 0 1-.081.57.393.393 0 0 1-.245.081ZM66.94 106.629c-.025 0-.045 0-.07-.009a35.698 35.698 0 0 1-15.777-7.014.403.403 0 0 1-.069-.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='%23515563' d='M64.09 126.981c-.02 0-.04 0-.065-.004a.405.405 0 0 1-.338-.464l3.224-20.336a.407.407 0 0 1 .803.126l-3.224 20.336a.408.408 0 0 1-.403.342h.004ZM50.816 139.512a.404.404 0 0 1-.387-.533l1.202-3.697a.407.407 0 0 1 .775.253l-1.203 3.696a.41.41 0 0 1-.387.281ZM53.412 131.533a.404.404 0 0 1-.387-.534l8.437-26.072a.408.408 0 0 1 .513-.261c.216.069.33.297.261.513L53.8 131.252a.41.41 0 0 1-.388.281ZM47.45 121.574a.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.02 129.285a.405.405 0 0 1-.33-.647l21.08-28.984a.41.41 0 0 1 .57-.089c.184.13.225.387.09.57l-21.08 28.983a.407.407 0 0 1-.33.167ZM32.892 111.685a.405.405 0 0 1-.29-.692l11.701-11.689a.406.406 0 0 1 .575.575l-11.701 11.688a.402.402 0 0 1-.29.118h.005ZM14.176 114.348a.408.408 0 0 1-.24-.737l2.967-2.154a.414.414 0 0 1 .57.09.41.41 0 0 1-.09.57l-2.966 2.153a.403.403 0 0 1-.24.078ZM20.852 109.503a.407.407 0 0 1-.24-.737L44.07 91.74a.409.409 0 0 1 .481.66l-23.46 17.026a.402.402 0 0 1-.24.077ZM21.243 98.022a.409.409 0 0 1-.183-.774l20.183-10.271a.408.408 0 1 1 .37.729L21.431 97.976a.434.434 0 0 1-.184.045h-.004ZM3.897 94.13a.408.408 0 0 1-.126-.794l35.422-11.497a.408.408 0 0 1 .253.773L4.023 94.11a.455.455 0 0 1-.127.02ZM15.048 81.236a.403.403 0 0 1-.4-.338.412.412 0 0 1 .331-.472l22.99-3.99a.41.41 0 0 1 .474.33.412.412 0 0 1-.33.472l-22.991 3.99c-.025 0-.05.004-.07.004l-.004.004ZM46.953 97.065l.937 2.744.807-2.752 2.763-.802-2.739-.949-.815-2.809-.97 2.793-2.796.953 2.813.822Zm.847-1.718.807.806-.807.806-.807-.806.807-.806ZM47.898 51.667a4.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='%23515563' d='M38.178 66.592s-.041 0-.061-.004a.406.406 0 0 1-.343-.464 35.615 35.615 0 0 1 6.782-16.09.408.408 0 0 1 .652.489 34.803 34.803 0 0 0-6.627 15.723.404.404 0 0 1-.403.346ZM51.346 44.118a.406.406 0 0 1-.253-.725A35.663 35.663 0 0 1 66.87 36.38a.41.41 0 0 1 .473.33.41.41 0 0 1-.33.472 34.878 34.878 0 0 0-15.414 6.856.411.411 0 0 1-.253.086v-.005Z'/%3E%3Cpath fill='%23515563' d='M67.314 37.165a.41.41 0 0 1-.403-.342l-3.224-20.336a.403.403 0 0 1 .338-.464.406.406 0 0 1 .465.338l3.224 20.335a.403.403 0 0 1-.338.465c-.02 0-.045.004-.066.004h.004ZM52.019 7.994a.41.41 0 0 1-.388-.28L50.43 4.02a.408.408 0 0 1 .774-.253l1.203 3.693a.408.408 0 0 1-.387.533ZM61.849 38.35a.41.41 0 0 1-.387-.281l-8.437-26.073a.408.408 0 0 1 .775-.252l8.436 26.072a.408.408 0 0 1-.387.533ZM56.82 40.605a.404.404 0 0 1-.363-.224l-9.37-18.37a.408.408 0 1 1 .73-.37l9.37 18.37a.409.409 0 0 1-.363.594h-.004ZM52.1 43.508a.407.407 0 0 1-.33-.167L30.69 14.358a.409.409 0 0 1 .66-.48L52.43 42.86a.409.409 0 0 1-.33.648ZM44.593 43.813a.418.418 0 0 1-.29-.118l-11.7-11.689a.406.406 0 1 1 .575-.574l11.7 11.689a.405.405 0 0 1-.29.692h.005ZM17.143 31.62a.411.411 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.307 51.333a.412.412 0 0 1-.24-.078L20.607 34.23a.405.405 0 0 1-.09-.57.406.406 0 0 1 .572-.09l23.459 17.027a.407.407 0 0 1-.24.737ZM41.426 56.06a.371.371 0 0 1-.184-.045L21.06 45.743a.41.41 0 0 1 .37-.729l20.183 10.272a.41.41 0 0 1-.183.773h-.004ZM39.319 61.181a.455.455 0 0 1-.127-.02L3.773 49.663a.404.404 0 0 1-.262-.512.408.408 0 0 1 .514-.261l35.421 11.497c.216.07.33.297.261.513a.41.41 0 0 1-.387.281ZM38.04 66.563c-.025 0-.046 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 46.753l2.796.952.97 2.793.815-2.809 2.74-.949-2.764-.802-.807-2.752-.938 2.744-2.812.823Zm2.853.09.807-.807.807.806-.807.806-.807-.806ZM98.106 101.246a4.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.15 4.145 4.153 4.153 0 0 0 4.15 4.144c2.286 0 4.149-1.86 4.149-4.144a4.153 4.153 0 0 0-4.15-4.145Z'/%3E%3Cpath fill='%23515563' d='M101.118 93.124a.408.408 0 0 1-.326-.651 34.807 34.807 0 0 0 6.627-15.723.406.406 0 0 1 .464-.342c.225.032.375.24.343.464a35.604 35.604 0 0 1-6.782 16.09.414.414 0 0 1-.326.162ZM79.06 106.629a.403.403 0 0 1-.399-.338.41.41 0 0 1 .33-.473 34.873 34.873 0 0 0 15.414-6.856.407.407 0 0 1 .501.64 35.663 35.663 0 0 1-15.776 7.014c-.025.004-.05.009-.07.009v.004Z'/%3E%3Cpath fill='%23515563' d='M81.91 126.981a.41.41 0 0 1-.404-.342l-3.224-20.336a.403.403 0 0 1 .338-.464.408.408 0 0 1 .465.338l3.224 20.336a.403.403 0 0 1-.339.464c-.02 0-.044.004-.065.004h.004ZM95.184 139.512a.41.41 0 0 1-.388-.281l-1.202-3.696a.407.407 0 0 1 .775-.253l1.202 3.697a.407.407 0 0 1-.387.533ZM92.592 131.533a.41.41 0 0 1-.388-.281l-8.436-26.073a.407.407 0 0 1 .774-.252l8.437 26.072a.407.407 0 0 1-.387.534ZM98.554 121.574a.404.404 0 0 1-.362-.224l-9.37-18.369a.409.409 0 1 1 .73-.371l9.369 18.37a.408.408 0 0 1-.363.594h-.004ZM114.979 129.285a.407.407 0 0 1-.33-.167l-21.08-28.983a.409.409 0 0 1 .661-.48l21.079 28.983a.409.409 0 0 1-.089.57.404.404 0 0 1-.241.077ZM113.108 111.685a.42.42 0 0 1-.289-.118l-11.701-11.688a.405.405 0 1 1 .574-.575l11.702 11.689a.405.405 0 0 1-.29.692h.004ZM131.824 114.348a.414.414 0 0 1-.241-.078l-2.967-2.153a.405.405 0 0 1-.089-.57.405.405 0 0 1 .57-.09l2.967 2.154a.408.408 0 0 1-.24.737ZM125.152 109.503a.413.413 0 0 1-.241-.077L101.452 92.4a.406.406 0 0 1-.09-.57.407.407 0 0 1 .571-.09l23.459 17.026a.407.407 0 0 1-.24.737ZM124.757 98.022a.371.371 0 0 1-.184-.045l-20.182-10.272a.41.41 0 0 1 .37-.728l20.183 10.271a.41.41 0 0 1-.183.774h-.004ZM142.103 94.13a.46.46 0 0 1-.127-.02l-35.421-11.498a.405.405 0 0 1-.261-.513.41.41 0 0 1 .513-.26l35.422 11.497c.216.07.33.297.261.513a.41.41 0 0 1-.387.28ZM130.956 81.236c-.025 0-.045 0-.07-.004l-22.99-3.99a.406.406 0 0 1-.331-.472.406.406 0 0 1 .473-.33l22.991 3.99c.22.037.371.248.33.472a.406.406 0 0 1-.399.338l-.004-.004ZM101.86 96.243l-2.796-.953-.97-2.793-.815 2.81-2.74.948 2.764.802.807 2.752.937-2.744 2.813-.822Zm-2.853-.09-.807.806-.807-.806.807-.806.807.806ZM98.106 51.667a4.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.15 4.145 4.153 4.153 0 0 0 4.15 4.144c2.286 0 4.149-1.86 4.149-4.144a4.154 4.154 0 0 0-4.15-4.145Z'/%3E%3Cpath fill='%23515563' d='M107.822 66.592a.41.41 0 0 1-.403-.346 34.827 34.827 0 0 0-6.627-15.723.404.404 0 0 1 .081-.57.41.41 0 0 1 .571.081 35.598 35.598 0 0 1 6.782 16.09.407.407 0 0 1-.343.464c-.02 0-.04.004-.061.004ZM94.654 44.118a.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.776 7.015c.18.138.208.395.07.57a.41.41 0 0 1-.322.154v.005Z'/%3E%3Cpath fill='%23515563' d='M78.686 37.165c-.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-.404.342h.005ZM93.985 7.994a.404.404 0 0 1-.387-.533l1.203-3.693a.408.408 0 0 1 .774.253l-1.202 3.692a.41.41 0 0 1-.388.281ZM84.15 38.35a.404.404 0 0 1-.387-.533L92.2 11.743a.408.408 0 0 1 .775.252L84.538 38.07a.41.41 0 0 1-.387.28ZM89.184 40.605a.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 43.508a.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.342a.407.407 0 0 1-.33.167ZM101.407 43.813a.405.405 0 0 1-.289-.692l11.701-11.689a.407.407 0 0 1 .575.574l-11.702 11.689a.398.398 0 0 1-.289.118h.004ZM128.857 31.62a.409.409 0 0 1-.241-.737l2.967-2.154a.41.41 0 0 1 .571.09.409.409 0 0 1-.09.57l-2.967 2.153a.402.402 0 0 1-.24.078ZM101.692 51.333a.409.409 0 0 1-.33-.167.41.41 0 0 1 .09-.57l23.459-17.026a.414.414 0 0 1 .571.09.409.409 0 0 1-.09.57l-23.459 17.025a.403.403 0 0 1-.241.078ZM104.574 56.06a.408.408 0 0 1-.183-.774l20.182-10.272a.409.409 0 0 1 .371.729l-20.183 10.272a.432.432 0 0 1-.183.044h-.004ZM106.681 61.181a.408.408 0 0 1-.126-.794l35.421-11.497a.409.409 0 0 1 .514.26.408.408 0 0 1-.261.514L106.807 61.16a.447.447 0 0 1-.126.02ZM107.961 66.563a.403.403 0 0 1-.4-.338.413.413 0 0 1 .331-.472l22.99-3.99a.41.41 0 0 1 .473.33.412.412 0 0 1-.33.472l-22.991 3.99c-.024 0-.049.004-.069.004l-.004.004ZM99.047 45.934l-.937-2.744-.807 2.752-2.763.802 2.739.949.815 2.81.97-2.794 2.796-.952-2.813-.823Zm-.847 1.718-.807-.806.807-.806.807.806-.807.806Z'/%3E%3C/svg%3E");
  background-size: cover;
}
.profile_edit_modal .modal_inner .modal_body .edit_wrap .profile_image .selected_image img {
  width: 100%;
  max-width: 104px;
  height: 100%;
  max-height: 104px;
  object-fit: cover;
  border-radius: 100%;
}
.profile_edit_modal .modal_inner .modal_body .edit_wrap .profile_image .image_upload {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 24px;
  height: 24px;
  background: #00a2cb;
  border-radius: 100%;
  z-index: 20;
  cursor: pointer;
}
.profile_edit_modal .modal_inner .modal_body .edit_wrap .profile_image .image_upload button {
  display: block;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
.profile_edit_modal .modal_inner .modal_body .edit_wrap .profile_image .image_upload button::after {
  content: "";
  display: block;
  width: 15px;
  height: 14px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='14' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23fff' d='M12.944 1.556H2.055a.778.778 0 0 0-.778.777v9.334a.778.778 0 0 0 .778.777h10.889a.778.778 0 0 0 .778-.777V2.333a.778.778 0 0 0-.778-.777ZM3.968 3.11a1.167 1.167 0 1 1 0 2.333 1.167 1.167 0 0 1 0-2.333ZM2.833 10.5V8.906L5.166 6.54a.389.389 0 0 1 .549 0l1.007.984L3.735 10.5h-.902Zm9.333 0h-7.33l2.422-2.423 2.1-2.1a.389.389 0 0 1 .549 0l2.26 2.26V10.5Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M.5 0h14v14H.5z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.profile_edit_modal .modal_inner .modal_body .edit_wrap .profile_image .image_upload input[type=file] {
  position: absolute;
  top: 0;
  left: -72px;
  width: 100px;
  height: 100%;
  z-index: 10;
  opacity: 0;
  cursor: pointer;
}
.profile_edit_modal .modal_inner .modal_body .edit_wrap .select_box {
  position: relative;
  width: min-content;
  z-index: 10;
  border-radius: 16px;
  margin: 10px auto 0;
  border: 1px solid #5c5c5c;
}
.profile_edit_modal .modal_inner .modal_body .edit_wrap .select_box .selected {
  position: relative;
  border-radius: 16px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: min-content;
  min-width: 230px;
  padding: 10px 40px;
}
.profile_edit_modal .modal_inner .modal_body .edit_wrap .select_box .selected span {
  font-size: 16px;
  color: #5c5c5c;
  letter-spacing: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.profile_edit_modal .modal_inner .modal_body .edit_wrap .select_box .selected::after {
  display: block;
  content: "";
  min-width: 10px;
  width: 10px;
  height: 8px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='8' fill='none'%3E%3Cpath stroke='%235C5C5C' stroke-linecap='round' stroke-width='3' d='M8 2 5 5 2 2'/%3E%3C/svg%3E") no-repeat;
  background-size: cover;
  margin-left: 6px;
}
.profile_edit_modal .modal_inner .modal_body .edit_wrap .select_box .select_option {
  display: none;
  position: absolute;
  width: 100%;
  max-height: 210px;
  overflow-y: auto;
  top: 40px;
  left: 0;
  border: 1px solid #626262;
  background: #fff;
  padding: 10px;
  border-radius: 16px;
}
.profile_edit_modal .modal_inner .modal_body .edit_wrap .select_box .select_option::-webkit-scrollbar {
  width: 18px;
}
.profile_edit_modal .modal_inner .modal_body .edit_wrap .select_box .select_option::-webkit-scrollbar-thumb {
  background-color: #5d5ded;
  border: 7px solid rgb(255, 255, 255);
  border-radius: 10px;
}
.profile_edit_modal .modal_inner .modal_body .edit_wrap .select_box .select_option::-webkit-scrollbar-track {
  background-color: #fff;
  border-radius: 10px;
}
.profile_edit_modal .modal_inner .modal_body .edit_wrap .select_box .select_option::-webkit-scrollbar-button:vertical:start:increment {
  display: block;
  height: 5%;
}
.profile_edit_modal .modal_inner .modal_body .edit_wrap .select_box .select_option::-webkit-scrollbar-button:vertical:end:increment {
  display: block;
  height: 5%;
}
.profile_edit_modal .modal_inner .modal_body .edit_wrap .select_box .select_option li {
  padding: 8px 10px;
  margin-bottom: 8px;
  font-size: 14px;
  cursor: pointer;
  border-radius: 8px;
}
.profile_edit_modal .modal_inner .modal_body .edit_wrap .select_box .select_option li:last-child {
  margin-bottom: 0px;
}
.profile_edit_modal .modal_inner .modal_body .edit_wrap .select_box .select_option li[data-selected=true] {
  background: #2d2d2d;
  color: #fff;
}
.profile_edit_modal .modal_inner .modal_body .edit_wrap .community_nickname {
  border-radius: 16px;
  border: 1px solid #232631;
  background: #f9f9f9;
  margin: 40px 0 10px;
}
.profile_edit_modal .modal_inner .modal_body .edit_wrap .community_nickname input {
  width: 100%;
  height: 100%;
  padding: 20px;
  color: #626262;
  font-size: 16px;
}
.profile_edit_modal .modal_inner .button_area {
  max-width: 600px;
  padding-bottom: 60px;
}

.character_edit_modal .modal_inner {
  max-width: 600px;
}
.character_edit_modal .modal_inner .modal_body h1 {
  font-family: "微軟正黑體";
  color: #626262;
  font-style: normal;
  text-align: center;
  font-size: 28px;
}
.character_edit_modal .modal_inner .modal_body h2 {
  margin-top: 12px;
  text-align: center;
  font-size: 16px;
  color: #626262;
}
.character_edit_modal .modal_inner .modal_body .character_edit_wrap .character_list_area .select_box {
  position: relative;
  width: min-content;
  z-index: 10;
  border-radius: 16px;
  margin: 25px auto 0;
  border: 1px solid #5c5c5c;
}
.character_edit_modal .modal_inner .modal_body .character_edit_wrap .character_list_area .select_box .selected {
  position: relative;
  border-radius: 16px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: min-content;
  min-width: 280px;
  padding: 10px 40px;
}
.character_edit_modal .modal_inner .modal_body .character_edit_wrap .character_list_area .select_box .selected span {
  font-size: 16px;
  color: #5c5c5c;
  letter-spacing: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.character_edit_modal .modal_inner .modal_body .character_edit_wrap .character_list_area .select_box .selected::after {
  display: block;
  content: "";
  min-width: 10px;
  width: 10px;
  height: 8px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='8' fill='none'%3E%3Cpath stroke='%235C5C5C' stroke-linecap='round' stroke-width='3' d='M8 2 5 5 2 2'/%3E%3C/svg%3E") no-repeat;
  background-size: cover;
  margin-left: 6px;
}
.character_edit_modal .modal_inner .modal_body .character_edit_wrap .character_list_area .select_box .select_option {
  display: none;
  position: absolute;
  width: 100%;
  top: 40px;
  left: 0;
  border: 1px solid #626262;
  background: #fff;
  padding: 10px;
  border-radius: 16px;
}
.character_edit_modal .modal_inner .modal_body .character_edit_wrap .character_list_area .select_box .select_option li {
  padding: 8px 10px;
  margin-bottom: 8px;
  font-size: 14px;
  cursor: pointer;
  border-radius: 8px;
}
.character_edit_modal .modal_inner .modal_body .character_edit_wrap .character_list_area .select_box .select_option li:last-child {
  margin-bottom: 0px;
}
.character_edit_modal .modal_inner .modal_body .character_edit_wrap .character_list_area .select_box .select_option li[data-selected=true] {
  background: #2d2d2d;
  color: #fff;
}
.character_edit_modal .modal_inner .modal_body .character_edit_wrap .character_list_area > ul {
  margin-top: 25px;
  border-radius: 24px;
  background: #fff;
  max-height: 230px;
  overflow-y: auto;
  padding: 20px 10px 20px 20px;
}
.character_edit_modal .modal_inner .modal_body .character_edit_wrap .character_list_area > ul > li {
  border-radius: 16px;
  border: 1px solid #232631;
  background: #f9f9f9;
  padding: 10px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.character_edit_modal .modal_inner .modal_body .character_edit_wrap .character_list_area > ul > li:last-child {
  margin-bottom: 0;
}
.character_edit_modal .modal_inner .modal_body .character_edit_wrap .character_list_area > ul > li span {
  font-size: 16px;
  color: #626262;
  font-weight: 500;
}
.character_edit_modal .modal_inner .modal_body .character_edit_wrap .character_list_area > ul > li button {
  color: #fff;
  font-size: 12px;
  padding: 5px 10px;
  border-radius: 60px;
  background: #626262;
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.character_edit_modal .modal_inner .modal_body .character_edit_wrap .character_list_area > ul > li button::before {
  display: block;
  content: "";
  min-width: 16px;
  width: 16px;
  height: 16px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath fill='%23fff' d='M1.207 6.485a1 1 0 0 1 1.414 0l3.536 3.536 7.07-7.071a1 1 0 0 1 1.415 1.414l-8.485 8.485-4.95-4.95a1 1 0 0 1 0-1.414Z'/%3E%3C/svg%3E") no-repeat;
  background-size: cover;
  margin-right: 6px;
}
.character_edit_modal .modal_inner .modal_body .character_edit_wrap .character_list_area > ul > li.on button {
  background: #00a2cb;
}
.character_edit_modal .modal_inner .modal_body .character_edit_wrap .character_list_area > ul > li.on button::before {
  display: block;
  content: "";
  min-width: 16px;
  width: 16px;
  height: 16px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath fill='%23fff' d='M1.207 6.485a1 1 0 0 1 1.414 0l3.536 3.536 7.07-7.071a1 1 0 0 1 1.415 1.414l-8.485 8.485-4.95-4.95a1 1 0 0 1 0-1.414Z'/%3E%3C/svg%3E") no-repeat;
  background-size: cover;
  margin-right: 6px;
}
.character_edit_modal .modal_inner .modal_body .character_edit_wrap .character_list_area > ul::-webkit-scrollbar {
  width: 18px;
}
.character_edit_modal .modal_inner .modal_body .character_edit_wrap .character_list_area > ul::-webkit-scrollbar-thumb {
  background-color: #5d5ded;
  border: 7px solid rgb(255, 255, 255);
  border-radius: 10px;
}
.character_edit_modal .modal_inner .modal_body .character_edit_wrap .character_list_area > ul::-webkit-scrollbar-track {
  background-color: #fff;
  border-radius: 10px;
}
.character_edit_modal .modal_inner .modal_body .character_edit_wrap .character_list_area > ul::-webkit-scrollbar-button:vertical:start:increment {
  display: block;
  height: 5%;
}
.character_edit_modal .modal_inner .modal_body .character_edit_wrap .character_list_area > ul::-webkit-scrollbar-button:vertical:end:increment {
  display: block;
  height: 5%;
}
.character_edit_modal .modal_inner .modal_body .character_edit_wrap .character_list_area .character_hidden_button {
  background: #00a2cb;
  margin: 20px auto 0;
  border-radius: 12px;
  padding: 8px 20px;
  width: min-content;
  display: flex;
  align-items: center;
  justify-content: center;
}
.character_edit_modal .modal_inner .modal_body .character_edit_wrap .character_list_area .character_hidden_button span {
  font-size: 12px;
  white-space: nowrap;
  color: #fff;
}
.character_edit_modal .modal_inner .modal_body .character_edit_wrap .character_list_area .character_hidden_button::before {
  display: block;
  content: "";
  min-width: 17px;
  width: 17px;
  height: 16px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='16' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M2.166 6a1 1 0 0 1 1.963-.27c1.298 4.335 7.439 4.336 8.74.004a1 1 0 1 1 1.918.567 6.737 6.737 0 0 1-1.082 2.157l.64.64a1 1 0 1 1-1.415 1.413l-.673-.673c-.35.24-.723.444-1.114.61l.162.604a1 1 0 0 1-1.931.517l-.167-.623c-.47.049-.945.049-1.415 0l-.167.623a1 1 0 1 1-1.932-.517l.162-.605a6.407 6.407 0 0 1-1.113-.609l-.673.673a1 1 0 1 1-1.415-1.413l.64-.64a6.734 6.734 0 0 1-1.08-2.153A1 1 0 0 1 2.166 6Z' 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") no-repeat;
  background-size: cover;
  margin-right: 6px;
}
.character_edit_modal .modal_inner .modal_body .character_empty {
  margin-top: 40px;
  padding: 50px 20px;
  background: #fff;
  border-radius: 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.character_edit_modal .modal_inner .modal_body .character_empty span {
  font-family: "微軟正黑體";
  color: #5c5c5c;
  font-size: 20px;
  line-height: 140%;
  letter-spacing: 0;
}
.character_edit_modal .modal_inner .modal_body .character_empty::before {
  display: block;
  content: "";
  min-width: 147px;
  width: 147px;
  height: 144px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='147' height='144' fill='none'%3E%3Cg fill='%23DADADA' opacity='.5'%3E%3Cpath d='M53.15 58.266a.81.81 0 1 0 .001-1.621.81.81 0 0 0 0 1.621ZM58.71 52.632a.81.81 0 1 0 0-1.622.81.81 0 0 0 0 1.622ZM65.74 48.988a.81.81 0 1 0 .001-1.621.81.81 0 0 0 0 1.62ZM81.382 48.878a.81.81 0 1 0 .001-1.621.81.81 0 0 0 0 1.621ZM88.466 52.416a.81.81 0 1 0 0-1.621.81.81 0 0 0 0 1.62ZM94.103 57.97a.81.81 0 1 0 0-1.622.81.81 0 0 0 0 1.621ZM97.75 64.992a.81.81 0 1 0 .001-1.621.81.81 0 0 0 0 1.621ZM97.864 80.618a.81.81 0 1 0 .001-1.622.81.81 0 0 0 0 1.622ZM94.319 87.693a.81.81 0 1 0 0-1.62.81.81 0 0 0 0 1.62ZM88.76 93.324a.81.81 0 1 0 0-1.621.81.81 0 0 0 0 1.62ZM81.729 96.968a.81.81 0 1 0 0-1.621.81.81 0 0 0 0 1.62ZM66.087 97.082a.81.81 0 1 0 0-1.622.81.81 0 0 0 0 1.622ZM59.003 93.54a.81.81 0 1 0 .001-1.621.81.81 0 0 0 0 1.62ZM53.367 87.987a.81.81 0 1 0 0-1.622.81.81 0 0 0 0 1.622ZM49.719 80.964a.81.81 0 1 0 0-1.622.81.81 0 0 0 0 1.622ZM49.609 65.338a.81.81 0 1 0 0-1.621.81.81 0 0 0 0 1.621Z'/%3E%3Cpath d='m77.861 76.506 32.988-4.32-32.968-4.137-4.528-32.956-4.022 32.94L36.4 72.548l33 4.019 4.316 32.895 4.145-32.956Z'/%3E%3Cpath d='m78.95 72.072 5.587-11.375L73.5 66.73l-11.196-5.493 5.918 10.805-5.962 10.818 11.212-5.431 11.02 6.066-5.543-11.424ZM48.398 102.036a4.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 d='M45.382 93.914a.413.413 0 0 1-.326-.163 35.588 35.588 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.081ZM67.44 107.419c-.025 0-.045 0-.07-.008a35.713 35.713 0 0 1-15.776-7.015.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 d='M64.59 127.771c-.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.004ZM51.316 140.302a.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.913 132.323a.404.404 0 0 1-.387-.534l8.436-26.072a.408.408 0 0 1 .514-.261c.216.07.33.298.26.513L54.3 132.042a.41.41 0 0 1-.387.281ZM47.95 122.364a.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.521 130.075a.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.167ZM33.392 112.475a.405.405 0 0 1-.29-.692l11.702-11.689a.407.407 0 0 1 .574.575l-11.7 11.688a.398.398 0 0 1-.29.118h.004ZM14.676 115.138a.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.078ZM21.352 110.293a.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.744 98.812a.409.409 0 0 1-.183-.773l20.182-10.272a.408.408 0 1 1 .37.729L21.932 98.766a.434.434 0 0 1-.183.045h-.004ZM4.398 94.92a.408.408 0 0 1-.126-.794l35.42-11.497a.408.408 0 0 1 .253.774L4.524 94.9a.455.455 0 0 1-.126.02ZM15.549 82.026a.402.402 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.004ZM47.453 97.855l.937 2.744.807-2.752 2.763-.802-2.738-.948-.816-2.81-.97 2.793-2.795.953 2.812.822Zm.847-1.718.808.806-.807.806-.808-.806.807-.806ZM48.398 52.457a4.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 d='M38.678 67.382s-.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.846 44.908a.407.407 0 0 1-.253-.725A35.665 35.665 0 0 1 67.37 37.17a.41.41 0 0 1 .473.33.41.41 0 0 1-.33.472A34.876 34.876 0 0 0 52.1 44.827a.412.412 0 0 1-.253.086v-.005Z'/%3E%3Cpath d='M67.815 37.955a.41.41 0 0 1-.404-.342l-3.224-20.336a.406.406 0 1 1 .803-.126l3.224 20.336a.403.403 0 0 1-.338.464c-.02 0-.045.004-.065.004h.004ZM52.519 8.784a.41.41 0 0 1-.387-.28L50.929 4.81a.408.408 0 0 1 .775-.253l1.202 3.693a.408.408 0 0 1-.387.533ZM62.35 39.14a.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.533ZM57.32 41.395a.404.404 0 0 1-.363-.224l-9.37-18.37a.409.409 0 1 1 .73-.37l9.37 18.37a.408.408 0 0 1-.363.594h-.004ZM52.6 44.298a.407.407 0 0 1-.33-.167L31.19 15.148a.409.409 0 0 1 .661-.48l21.08 28.983a.409.409 0 0 1-.33.647ZM45.093 44.603a.418.418 0 0 1-.29-.118l-11.7-11.688a.405.405 0 1 1 .574-.575l11.701 11.689a.405.405 0 0 1-.29.692h.005ZM17.643 32.41a.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.808 52.123a.412.412 0 0 1-.24-.078L21.107 35.02a.405.405 0 0 1-.09-.57.406.406 0 0 1 .57-.09l23.46 17.027a.407.407 0 0 1-.24.737ZM41.926 56.85a.37.37 0 0 1-.183-.045L21.56 46.533a.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.82 61.971a.456.456 0 0 1-.127-.02L4.27 50.453a.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.54 67.353c-.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.64 47.543l2.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.606 102.036a4.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 d='M101.618 93.914a.408.408 0 0 1-.326-.651 34.797 34.797 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.56 107.419a.41.41 0 0 1-.07-.811 34.875 34.875 0 0 0 15.416-6.856.407.407 0 0 1 .501.64 35.656 35.656 0 0 1-15.777 7.014.367.367 0 0 1-.07.009v.004Z'/%3E%3Cpath d='M82.41 127.771a.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.684 140.302a.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.533ZM93.092 132.323a.41.41 0 0 1-.387-.281l-8.437-26.073a.408.408 0 0 1 .26-.513.408.408 0 0 1 .514.261l8.437 26.072a.407.407 0 0 1-.387.534ZM99.055 122.364a.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-.004ZM115.479 130.075a.408.408 0 0 1-.33-.167L94.07 100.925a.409.409 0 0 1 .66-.48l21.079 28.983a.409.409 0 0 1-.33.647ZM113.609 112.475a.422.422 0 0 1-.29-.118l-11.701-11.688a.406.406 0 1 1 .575-.575l11.701 11.689a.405.405 0 0 1-.289.692h.004ZM132.324 115.138a.409.409 0 0 1-.24-.078l-2.968-2.153a.405.405 0 0 1-.089-.57.406.406 0 0 1 .57-.09l2.967 2.154a.407.407 0 0 1-.24.737ZM125.652 110.293a.41.41 0 0 1-.24-.077l-23.46-17.026a.405.405 0 0 1-.089-.57.406.406 0 0 1 .57-.09l23.46 17.026a.407.407 0 0 1-.241.737ZM125.257 98.812a.372.372 0 0 1-.184-.045l-20.182-10.272a.41.41 0 0 1-.18-.55c.102-.199.347-.28.551-.178l20.182 10.272a.41.41 0 0 1-.183.773h-.004ZM142.603 94.92a.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.28ZM131.456 82.026c-.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-.004ZM102.36 97.033l-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.606 52.457a4.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 d='M108.323 67.382a.411.411 0 0 1-.404-.346 34.815 34.815 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.004ZM95.154 44.908a.42.42 0 0 1-.253-.085 34.878 34.878 0 0 0-15.414-6.856.405.405 0 0 1-.33-.472.405.405 0 0 1 .473-.33 35.711 35.711 0 0 1 15.777 7.015.404.404 0 0 1-.253.724v.004Z'/%3E%3Cpath d='M79.186 37.955c-.02 0-.041 0-.066-.004a.405.405 0 0 1-.338-.464l3.224-20.336a.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.004ZM94.486 8.784a.404.404 0 0 1-.387-.533L95.3 4.558a.408.408 0 0 1 .513-.26c.216.069.33.297.261.513l-1.202 3.692a.41.41 0 0 1-.387.281ZM84.651 39.14a.404.404 0 0 1-.387-.533l8.437-26.073a.408.408 0 0 1 .774.252L85.038 38.86a.41.41 0 0 1-.387.28ZM89.685 41.395a.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-.004ZM94.4 44.298a.405.405 0 0 1-.33-.647l21.079-28.984a.41.41 0 0 1 .571-.09c.183.13.224.387.089.57L94.73 44.132a.407.407 0 0 1-.33.167ZM101.907 44.603a.405.405 0 0 1-.289-.692l11.701-11.689a.407.407 0 0 1 .575.575l-11.701 11.688a.403.403 0 0 1-.29.118h.004ZM129.357 32.41a.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.078ZM102.193 52.123a.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.078ZM105.074 56.85a.41.41 0 0 1-.183-.773l20.182-10.273a.408.408 0 1 1 .371.729l-20.182 10.272a.437.437 0 0 1-.184.044h-.004ZM107.181 61.971a.408.408 0 0 1-.126-.794l35.421-11.497a.408.408 0 0 1 .253.773l-35.421 11.498a.46.46 0 0 1-.127.02ZM108.461 67.353a.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.548 46.724l-.938-2.744-.807 2.752-2.763.803 2.739.948.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/g%3E%3Crect width='104' height='104' x='21.5' y='19.29' fill='%23636366' rx='52'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='m64.26 59.093 6.263-6.109a1.103 1.103 0 0 0 .023-1.553 1.078 1.078 0 0 0-1.538-.024l-7.595 7.407a1.103 1.103 0 0 0-.024 1.553 1.078 1.078 0 0 0 1.538.024' clip-rule='evenodd'/%3E%3Cmask id='a' width='10' height='10' x='61' y='51' maskUnits='userSpaceOnUse' style='mask-type:luminance'%3E%3Cpath fill='%23fff' d='m64.26 59.093 6.263-6.109a1.103 1.103 0 0 0 .023-1.553 1.078 1.078 0 0 0-1.538-.024l-7.595 7.407a1.103 1.103 0 0 0-.024 1.553 1.078 1.078 0 0 0 1.538.024'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%23fff' d='m60.826 50.636-.18 10.311 10.466.184.18-10.312-10.466-.183Z'/%3E%3C/g%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='m86.014 62.23 6.05 6.324a1.078 1.078 0 0 0 1.538.023 1.104 1.104 0 0 0 .024-1.552l-7.336-7.67a1.078 1.078 0 0 0-1.538-.023 1.103 1.103 0 0 0-.023 1.552' clip-rule='evenodd'/%3E%3Cmask id='b' width='10' height='10' x='84' y='59' maskUnits='userSpaceOnUse' style='mask-type:luminance'%3E%3Cpath fill='%23fff' d='m86.014 62.23 6.05 6.324a1.078 1.078 0 0 0 1.538.023 1.104 1.104 0 0 0 .024-1.552l-7.336-7.67a1.078 1.078 0 0 0-1.538-.023 1.103 1.103 0 0 0-.023 1.552'/%3E%3C/mask%3E%3Cg mask='url(%23b)'%3E%3Cpath fill='%23fff' d='m84.169 58.587-.184 10.567 10.213.179.184-10.567-10.213-.179Z'/%3E%3C/g%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M85.304 45.013c.67.7 1.175 1.529 1.49 2.476.805 2.397.159 5.081-1.648 6.833L79.775 59.5c-.726.709-1.262 1.624-1.404 2.628a4.391 4.391 0 0 0 1.175 3.695c1.207 1.258 3.045 1.633 4.622 1.06l.063-.025c.395-.151.955-.533 1.546.247.505 1.067-.07 1.553-.804 1.832l-.032.016c-2.366.876-5.135.318-6.965-1.593a6.536 6.536 0 0 1-1.49-2.477c-.805-2.397-.158-5.08 1.648-6.833l5.372-5.176c.725-.709 1.262-1.625 1.404-2.628a4.391 4.391 0 0 0-1.176-3.695c-1.206-1.259-3.044-1.633-4.622-1.06l-.063.024c-.394.151-.954.534-1.546-.247-.505-1.067.071-1.553.805-1.831l.031-.016c2.367-.876 5.135-.319 6.965 1.593Z' clip-rule='evenodd'/%3E%3Cmask id='c' width='12' height='27' x='76' y='43' maskUnits='userSpaceOnUse' style='mask-type:luminance'%3E%3Cpath fill='%23fff' d='M85.304 45.013c.67.7 1.175 1.529 1.49 2.476.805 2.397.159 5.081-1.648 6.833L79.775 59.5c-.726.709-1.262 1.624-1.404 2.628a4.391 4.391 0 0 0 1.175 3.695c1.207 1.258 3.045 1.633 4.622 1.06l.063-.025c.395-.151.955-.533 1.546.247.505 1.067-.07 1.553-.804 1.832l-.032.016c-2.366.876-5.135.318-6.965-1.593a6.536 6.536 0 0 1-1.49-2.477c-.805-2.397-.158-5.08 1.648-6.833l5.372-5.176c.725-.709 1.262-1.625 1.404-2.628a4.391 4.391 0 0 0-1.176-3.695c-1.206-1.259-3.044-1.633-4.622-1.06l-.063.024c-.394.151-.954.534-1.546-.247-.505-1.067.071-1.553.805-1.831l.031-.016c2.367-.876 5.135-.319 6.965 1.593Z'/%3E%3C/mask%3E%3Cg mask='url(%23c)'%3E%3Cpath fill='%23fff' d='m75.535 42.224-.481 27.726 12.673.222.482-27.726-12.674-.222Z'/%3E%3C/g%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M63.274 52.204c.694-.598.244-.98.102-1.378-.6-1.633-.268-3.512.986-4.762a4.262 4.262 0 0 1 3.069-1.25c1.104.015 2.2.47 3.028 1.353l6.295 6.73c.41.438 1.096.453 1.522.023a1.14 1.14 0 0 0 .024-1.576l-6.279-6.706-.016-.016c-2.24-2.222-5.726-2.7-8.29-.884a6.6 6.6 0 0 0-2.413 3.178 6.9 6.9 0 0 0-.008 4.643c.268.764 1.033 1.457 1.972.637l.008.008Z' clip-rule='evenodd'/%3E%3Cmask id='d' width='19' height='12' x='60' y='42' maskUnits='userSpaceOnUse' style='mask-type:luminance'%3E%3Cpath fill='%23fff' d='M63.274 52.204c.694-.598.244-.98.102-1.378-.6-1.633-.268-3.512.986-4.762a4.262 4.262 0 0 1 3.069-1.25c1.104.015 2.2.47 3.028 1.353l6.295 6.73c.41.438 1.096.453 1.522.023a1.14 1.14 0 0 0 .024-1.576l-6.279-6.706-.016-.016c-2.24-2.222-5.726-2.7-8.29-.884a6.6 6.6 0 0 0-2.413 3.178 6.9 6.9 0 0 0-.008 4.643c.268.764 1.033 1.457 1.972.637l.008.008Z'/%3E%3C/mask%3E%3Cg mask='url(%23d)'%3E%3Cpath fill='%23fff' d='m60.619 42.106-.198 11.386 18.439.324.198-11.387-18.44-.323Z'/%3E%3C/g%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='m82.662 83.996-6.263 6.108a1.104 1.104 0 0 0-.024 1.553 1.078 1.078 0 0 0 1.538.024l7.596-7.407a1.103 1.103 0 0 0 .024-1.553 1.078 1.078 0 0 0-1.538-.024' clip-rule='evenodd'/%3E%3Cmask id='e' width='10' height='10' x='76' y='82' maskUnits='userSpaceOnUse' style='mask-type:luminance'%3E%3Cpath fill='%23fff' d='m82.662 83.996-6.263 6.108a1.104 1.104 0 0 0-.024 1.553 1.078 1.078 0 0 0 1.538.024l7.596-7.407a1.103 1.103 0 0 0 .024-1.553 1.078 1.078 0 0 0-1.538-.024'/%3E%3C/mask%3E%3Cg mask='url(%23e)'%3E%3Cpath fill='%23fff' d='m75.8 81.949-.179 10.311 10.466.184.179-10.312L75.8 81.95Z'/%3E%3C/g%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M100.015 83.279a6.478 6.478 0 0 1-9.22-.16l-5.128-5.423c-.702-.733-1.61-1.274-2.603-1.418a4.297 4.297 0 0 0-3.66 1.187c-1.246 1.218-1.617 3.074-1.049 4.667l.024.064c.15.398.528.963-.245 1.56-1.057.51-1.538-.071-1.814-.812l-.016-.032c-.867-2.389-.315-5.184 1.578-7.032a6.478 6.478 0 0 1 9.22.16l5.128 5.423c.702.733 1.609 1.274 2.603 1.417 1.364.2 2.69-.239 3.66-1.186 1.246-1.219 1.617-3.074 1.049-4.667l-.024-.064c-.15-.398-.528-.963.245-1.56 1.056-.51 1.538.071 1.814.812l.015.032c.868 2.389.316 5.184-1.577 7.032Z' clip-rule='evenodd'/%3E%3Cmask id='f' width='27' height='12' x='75' y='74' maskUnits='userSpaceOnUse' style='mask-type:luminance'%3E%3Cpath fill='%23fff' d='M100.015 83.279a6.478 6.478 0 0 1-9.22-.16l-5.128-5.423c-.702-.733-1.61-1.274-2.603-1.418a4.297 4.297 0 0 0-3.66 1.187c-1.246 1.218-1.617 3.074-1.049 4.667l.024.064c.15.398.528.963-.245 1.56-1.057.51-1.538-.071-1.814-.812l-.016-.032c-.867-2.389-.315-5.184 1.578-7.032a6.478 6.478 0 0 1 9.22.16l5.128 5.423c.702.733 1.609 1.274 2.603 1.417 1.364.2 2.69-.239 3.66-1.186 1.246-1.219 1.617-3.074 1.049-4.667l-.024-.064c-.15-.398-.528-.963.245-1.56 1.056-.51 1.538.071 1.814.812l.015.032c.868 2.389.316 5.184-1.577 7.032Z'/%3E%3C/mask%3E%3Cg mask='url(%23f)'%3E%3Cpath fill='%23fff' d='m75.318 72.939-.222 12.796 27.5.482.223-12.796-27.501-.482Z'/%3E%3C/g%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M92.774 60.908c.442.621 1.097.375 1.491.231 1.617-.605 3.479-.27 4.717.996a4.346 4.346 0 0 1 1.238 3.098 4.296 4.296 0 0 1-1.34 3.058l-6.666 6.355a1.077 1.077 0 0 0-.023 1.537c.426.43 1.12.446 1.561.024l6.642-6.34.016-.007c2.2-2.262 2.674-5.782.875-8.37a6.553 6.553 0 0 0-3.147-2.437 6.711 6.711 0 0 0-4.599-.008c-.757.27-1.522.796-.757 1.863h-.008Z' clip-rule='evenodd'/%3E%3Cmask id='g' width='12' height='19' x='91' y='58' maskUnits='userSpaceOnUse' style='mask-type:luminance'%3E%3Cpath fill='%23fff' d='M92.774 60.908c.442.621 1.097.375 1.491.231 1.617-.605 3.479-.27 4.717.996a4.346 4.346 0 0 1 1.238 3.098 4.296 4.296 0 0 1-1.34 3.058l-6.666 6.355a1.077 1.077 0 0 0-.023 1.537c.426.43 1.12.446 1.561.024l6.642-6.34.016-.007c2.2-2.262 2.674-5.782.875-8.37a6.553 6.553 0 0 0-3.147-2.437 6.711 6.711 0 0 0-4.599-.008c-.757.27-1.522.796-.757 1.863h-.008Z'/%3E%3C/mask%3E%3Cg mask='url(%23g)'%3E%3Cpath fill='%23fff' d='m91.612 58.156-.324 18.617 11.357.199.323-18.617-11.356-.199Z'/%3E%3C/g%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='m61.041 80.945-6.05-6.323a1.078 1.078 0 0 0-1.538-.024 1.103 1.103 0 0 0-.023 1.553l7.335 7.67a1.078 1.078 0 0 0 1.538.023 1.103 1.103 0 0 0 .024-1.553' clip-rule='evenodd'/%3E%3Cmask id='h' width='10' height='11' x='53' y='74' maskUnits='userSpaceOnUse' style='mask-type:luminance'%3E%3Cpath fill='%23fff' d='m61.041 80.945-6.05-6.323a1.078 1.078 0 0 0-1.538-.024 1.103 1.103 0 0 0-.023 1.553l7.335 7.67a1.078 1.078 0 0 0 1.538.023 1.103 1.103 0 0 0 .024-1.553'/%3E%3C/mask%3E%3Cg mask='url(%23h)'%3E%3Cpath fill='%23fff' d='m52.85 73.844-.183 10.567 10.213.179.184-10.566-10.213-.18Z'/%3E%3C/g%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M61.901 98.163a6.538 6.538 0 0 1-1.49-2.477c-.805-2.397-.158-5.08 1.648-6.833l5.371-5.176c.726-.709 1.262-1.625 1.404-2.628a4.391 4.391 0 0 0-1.175-3.695c-1.207-1.259-3.044-1.633-4.622-1.06l-.063.024c-.394.152-.955.534-1.546-.246-.505-1.068.07-1.553.804-1.832l.032-.016c2.366-.876 5.135-.319 6.965 1.593.67.7 1.175 1.529 1.49 2.476.805 2.397.158 5.081-1.648 6.833L63.7 90.303c-.726.709-1.263 1.624-1.405 2.628a4.391 4.391 0 0 0 1.176 3.695c1.207 1.258 3.045 1.633 4.622 1.06l.063-.025c.394-.15.954-.533 1.546.247.505 1.068-.07 1.553-.804 1.832l-.032.016c-2.366.876-5.135.319-6.965-1.593Z' clip-rule='evenodd'/%3E%3Cmask id='i' width='12' height='28' x='60' y='73' maskUnits='userSpaceOnUse' style='mask-type:luminance'%3E%3Cpath fill='%23fff' d='M61.901 98.163a6.538 6.538 0 0 1-1.49-2.477c-.805-2.397-.158-5.08 1.648-6.833l5.371-5.176c.726-.709 1.262-1.625 1.404-2.628a4.391 4.391 0 0 0-1.175-3.695c-1.207-1.259-3.044-1.633-4.622-1.06l-.063.024c-.394.152-.955.534-1.546-.246-.505-1.068.07-1.553.804-1.832l.032-.016c2.366-.876 5.135-.319 6.965 1.593.67.7 1.175 1.529 1.49 2.476.805 2.397.158 5.081-1.648 6.833L63.7 90.303c-.726.709-1.263 1.624-1.405 2.628a4.391 4.391 0 0 0 1.176 3.695c1.207 1.258 3.045 1.633 4.622 1.06l.063-.025c.394-.15.954-.533 1.546.247.505 1.068-.07 1.553-.804 1.832l-.032.016c-2.366.876-5.135.319-6.965-1.593Z'/%3E%3C/mask%3E%3Cg mask='url(%23i)'%3E%3Cpath fill='%23fff' d='m59.476 73.006-.483 27.765 12.674.223.482-27.766-12.673-.222Z'/%3E%3C/g%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M83.758 90.693c-.615.446-.37 1.107-.229 1.505.6 1.633.269 3.512-.986 4.763a4.262 4.262 0 0 1-3.068 1.25 4.221 4.221 0 0 1-3.029-1.354l-6.294-6.73a1.053 1.053 0 0 0-1.523-.023 1.14 1.14 0 0 0-.023 1.577l6.278 6.705.016.016c2.24 2.222 5.727 2.7 8.29.884a6.6 6.6 0 0 0 2.414-3.177 6.9 6.9 0 0 0 .008-4.643c-.268-.765-.79-1.537-1.846-.765l-.008-.008Z' clip-rule='evenodd'/%3E%3Cmask id='j' width='19' height='12' x='68' y='89' maskUnits='userSpaceOnUse' style='mask-type:luminance'%3E%3Cpath fill='%23fff' d='M83.758 90.693c-.615.446-.37 1.107-.229 1.505.6 1.633.269 3.512-.986 4.763a4.262 4.262 0 0 1-3.068 1.25 4.221 4.221 0 0 1-3.029-1.354l-6.294-6.73a1.053 1.053 0 0 0-1.523-.023 1.14 1.14 0 0 0-.023 1.577l6.278 6.705.016.016c2.24 2.222 5.727 2.7 8.29.884a6.6 6.6 0 0 0 2.414-3.177 6.9 6.9 0 0 0 .008-4.643c-.268-.765-.79-1.537-1.846-.765l-.008-.008Z'/%3E%3C/mask%3E%3Cg mask='url(%23j)'%3E%3Cpath fill='%23fff' d='m68.05 89.189-.21 12.047 18.455.324.21-12.048-18.455-.323Z'/%3E%3C/g%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M46.977 59.793a6.478 6.478 0 0 1 9.22.16l5.128 5.423c.702.733 1.61 1.274 2.603 1.417 1.365.2 2.69-.238 3.66-1.186 1.247-1.219 1.617-3.074 1.05-4.667l-.024-.064c-.15-.398-.529-.963.244-1.56 1.057-.51 1.538.071 1.814.812l.016.032c.868 2.389.316 5.184-1.577 7.032a6.478 6.478 0 0 1-9.22-.16l-5.128-5.423c-.702-.733-1.61-1.274-2.603-1.418a4.297 4.297 0 0 0-3.66 1.187c-1.246 1.219-1.617 3.074-1.05 4.667l.024.064c.15.398.529.963-.244 1.56-1.057.51-1.538-.071-1.814-.812l-.016-.032c-.868-2.389-.316-5.184 1.578-7.032Z' clip-rule='evenodd'/%3E%3Cmask id='k' width='27' height='13' x='45' y='57' maskUnits='userSpaceOnUse' style='mask-type:luminance'%3E%3Cpath fill='%23fff' d='M46.977 59.793a6.478 6.478 0 0 1 9.22.16l5.128 5.423c.702.733 1.61 1.274 2.603 1.417 1.365.2 2.69-.238 3.66-1.186 1.247-1.219 1.617-3.074 1.05-4.667l-.024-.064c-.15-.398-.529-.963.244-1.56 1.057-.51 1.538.071 1.814.812l.016.032c.868 2.389.316 5.184-1.577 7.032a6.478 6.478 0 0 1-9.22-.16l-5.128-5.423c-.702-.733-1.61-1.274-2.603-1.418a4.297 4.297 0 0 0-3.66 1.187c-1.246 1.219-1.617 3.074-1.05 4.667l.024.064c.15.398.529.963-.244 1.56-1.057.51-1.538-.071-1.814-.812l-.016-.032c-.868-2.389-.316-5.184 1.578-7.032Z'/%3E%3C/mask%3E%3Cg mask='url(%23k)'%3E%3Cpath fill='%23fff' d='m44.436 56.861-.222 12.797 27.453.48.222-12.795-27.453-.482Z'/%3E%3C/g%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M54.226 81.861c-.441-.62-1.096-.374-1.49-.23-1.617.605-3.479.27-4.717-.996a4.347 4.347 0 0 1-1.239-3.098 4.3 4.3 0 0 1 1.341-3.058l6.665-6.355c.434-.414.45-1.107.024-1.537a1.114 1.114 0 0 0-1.562-.024l-6.641 6.339-.016.008c-2.2 2.262-2.674 5.782-.876 8.37a6.554 6.554 0 0 0 3.148 2.437c1.49.55 3.131.541 4.598.008.758-.271 1.523-.797.758-1.864h.007Z' clip-rule='evenodd'/%3E%3Cmask id='l' width='12' height='19' x='44' y='66' maskUnits='userSpaceOnUse' style='mask-type:luminance'%3E%3Cpath fill='%23fff' d='M54.226 81.861c-.441-.62-1.096-.374-1.49-.23-1.617.605-3.479.27-4.717-.996a4.347 4.347 0 0 1-1.239-3.098 4.3 4.3 0 0 1 1.341-3.058l6.665-6.355c.434-.414.45-1.107.024-1.537a1.114 1.114 0 0 0-1.562-.024l-6.641 6.339-.016.008c-2.2 2.262-2.674 5.782-.876 8.37a6.554 6.554 0 0 0 3.148 2.437c1.49.55 3.131.541 4.598.008.758-.271 1.523-.797.758-1.864h.007Z'/%3E%3C/mask%3E%3Cg mask='url(%23l)'%3E%3Cpath fill='%23fff' d='m44.437 65.8-.324 18.618 11.278.197L55.715 66 44.437 65.8Z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: cover;
}
.character_edit_modal .modal_inner .button_area {
  padding-bottom: 60px;
}

.gameinfo_policy_modal .modal_inner {
  max-width: 500px;
}
.gameinfo_policy_modal .modal_inner .modal_body h1 {
  font-family: "微軟正黑體";
  color: #626262;
  font-style: normal;
  text-align: center;
  font-size: 28px;
}
.gameinfo_policy_modal .modal_inner .modal_body .policy_wrap {
  margin-top: 40px;
  background: #fff;
  padding: 50px 20px;
  border-radius: 24px;
}
.gameinfo_policy_modal .modal_inner .modal_body .policy_wrap ul li {
  margin-bottom: 16px;
}
.gameinfo_policy_modal .modal_inner .modal_body .policy_wrap ul li span {
  display: flex;
  color: #626262;
  font-size: 14px;
  line-height: 130%;
  letter-spacing: 0;
  word-break: keep-all;
}
.gameinfo_policy_modal .modal_inner .modal_body .policy_wrap ul li span::before {
  display: block;
  content: "";
  min-width: 2px;
  height: 2px;
  background: #626262;
  border-radius: 100%;
  margin-top: 8px;
  margin-right: 8px;
}

.badge_edit_modal .modal_inner {
  max-width: 740px;
}
.badge_edit_modal .modal_inner .modal_body {
  position: relative;
}
.badge_edit_modal .modal_inner .modal_body h1 {
  font-family: "微軟正黑體";
  color: #626262;
  font-style: normal;
  text-align: center;
  font-size: 28px;
}
.badge_edit_modal .modal_inner .modal_body .badge_edit_wrap {
  margin-top: 15px;
}
.badge_edit_modal .modal_inner .modal_body .badge_edit_wrap .top {
  padding: 8px 20px;
  background: #fff;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.badge_edit_modal .modal_inner .modal_body .badge_edit_wrap .top span {
  color: #626262;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
}
.badge_edit_modal .modal_inner .modal_body .badge_edit_wrap .top button {
  padding: 5px 10px;
  background-color: #626262;
  border-radius: 60px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.badge_edit_modal .modal_inner .modal_body .badge_edit_wrap .top button::before {
  display: block;
  content: "";
  min-width: 18px;
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath fill='%23fff' d='M13.266 8.44a.667.667 0 0 1 0-.88l.854-.96a.667.667 0 0 0 .08-.78l-1.334-2.307a.667.667 0 0 0-.713-.32l-1.253.254a.667.667 0 0 1-.767-.44l-.407-1.22a.667.667 0 0 0-.633-.454H6.426a.667.667 0 0 0-.666.454l-.374 1.22a.667.667 0 0 1-.766.44l-1.287-.254a.667.667 0 0 0-.667.32L1.333 5.82a.667.667 0 0 0 .067.78l.846.96a.667.667 0 0 1 0 .88L1.4 9.4a.667.667 0 0 0-.067.78l1.333 2.307a.667.667 0 0 0 .714.32l1.253-.254a.667.667 0 0 1 .767.44l.406 1.22a.667.667 0 0 0 .667.454H9.14a.667.667 0 0 0 .633-.454l.407-1.22a.667.667 0 0 1 .766-.44l1.254.254a.667.667 0 0 0 .713-.32l1.333-2.307a.667.667 0 0 0-.08-.78l-.9-.96Zm-.993.893.533.6-.853 1.48-.787-.16a2 2 0 0 0-2.3 1.334l-.253.746H6.906l-.24-.76a2 2 0 0 0-2.3-1.333l-.786.16-.867-1.473.533-.6a2 2 0 0 0 0-2.667l-.533-.6.853-1.467.787.16a2 2 0 0 0 2.3-1.333l.253-.753h1.707l.253.76a2 2 0 0 0 2.3 1.333l.787-.16.853 1.48-.533.6a2 2 0 0 0 0 2.653Zm-4.513-4a2.667 2.667 0 1 0 0 5.334 2.667 2.667 0 0 0 0-5.334Zm0 4a1.333 1.333 0 1 1 0-2.666 1.333 1.333 0 0 1 0 2.666Z'/%3E%3C/svg%3E");
  background-size: cover;
  margin-right: 4px;
}
.badge_edit_modal .modal_inner .modal_body .badge_edit_wrap .top .edit_text {
  width: 100%;
  text-align: center;
}
.badge_edit_modal .modal_inner .modal_body .badge_edit_wrap .badge_list {
  position: relative;
  margin-top: 25px;
}
.badge_edit_modal .modal_inner .modal_body .badge_edit_wrap .badge_list ul {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, 158px);
  max-height: 420px;
  max-width: 110%;
  overflow-y: auto;
  overflow-x: hidden;
  gap: 10px;
}
.badge_edit_modal .modal_inner .modal_body .badge_edit_wrap .badge_list ul li {
  background: #fff;
  border-radius: 18px;
  pointer-events: none;
}
.badge_edit_modal .modal_inner .modal_body .badge_edit_wrap .badge_list ul li:nth-child(4n) {
  margin-right: 0px;
}
.badge_edit_modal .modal_inner .modal_body .badge_edit_wrap .badge_list ul li .badge_image {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 40px;
}
.badge_edit_modal .modal_inner .modal_body .badge_edit_wrap .badge_list ul li .badge_image img {
  width: 80px;
}
.badge_edit_modal .modal_inner .modal_body .badge_edit_wrap .badge_list ul li .badge_name {
  overflow: hidden;
  border-top: 2px dotted #e3e3e3;
  height: 66px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.badge_edit_modal .modal_inner .modal_body .badge_edit_wrap .badge_list ul li .badge_name span {
  color: #5c5c5c;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
  padding: 0 10px;
}
.badge_edit_modal .modal_inner .modal_body .badge_edit_wrap .badge_list ul::-webkit-scrollbar {
  width: 18px;
}
.badge_edit_modal .modal_inner .modal_body .badge_edit_wrap .badge_list ul::-webkit-scrollbar-thumb {
  background-color: #5d5ded;
  border: 7px solid #f6f4f4;
  border-radius: 10px;
}
.badge_edit_modal .modal_inner .modal_body .badge_edit_wrap .badge_list ul::-webkit-scrollbar-track {
  background-color: #f6f4f4;
  border-radius: 10px;
}
.badge_edit_modal .modal_inner .modal_body .badge_edit_wrap .badge_list ul::-webkit-scrollbar-button:vertical:start:increment {
  display: block;
  height: 0%;
}
.badge_edit_modal .modal_inner .modal_body .badge_edit_wrap .badge_list ul::-webkit-scrollbar-button:vertical:end:increment {
  display: block;
  height: 0%;
}
.badge_edit_modal .modal_inner .modal_body .badge_edit_wrap .badge_list.edit_able ul li {
  cursor: grab;
  pointer-events: auto;
}
.badge_edit_modal .modal_inner .modal_body .badge_edit_wrap .badge_list.edit_able ul li:active {
  cursor: grabbing;
}
.badge_edit_modal .modal_inner .button_area {
  padding-bottom: 60px;
}

.badge_history_modal .modal_inner {
  max-width: 740px;
}
.badge_history_modal .modal_inner .modal_body h1 {
  font-family: "微軟正黑體";
  color: #626262;
  text-align: center;
  font-size: 28px;
}
.badge_history_modal .modal_inner .modal_body .badge_history_wrap {
  margin-top: 15px;
}
.badge_history_modal .modal_inner .modal_body .badge_history_wrap .top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 10px 0 0;
}
.badge_history_modal .modal_inner .modal_body .badge_history_wrap .top span {
  color: #fff;
  font-size: 16px;
  letter-spacing: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.badge_history_modal .modal_inner .modal_body .badge_history_wrap .top span:first-child {
  flex: 0.3;
  background: #4d4d4d;
  border-radius: 24px 0 0 24px;
  border-right: 1px dotted #e3e3e3;
  padding: 8px 30px;
  white-space: nowrap;
}
.badge_history_modal .modal_inner .modal_body .badge_history_wrap .top span:first-child::before {
  content: "";
  display: block;
  width: 17px;
  min-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%3Ccircle cx='8.5' cy='8' r='5' fill='%23AAA'/%3E%3Cpath fill='%23fff' d='M7.5 5h1v4h-1V5ZM9.509 8.014l-.014 1L8.5 9l.014-1 .995.014ZM10.509 8.014l-.014 1L9.5 9l.014-1 .995.014Z'/%3E%3C/svg%3E");
  background-size: cover;
  margin-right: 4px;
}
.badge_history_modal .modal_inner .modal_body .badge_history_wrap .top span:last-child {
  flex: 1;
  background: #626262;
  border-radius: 0 24px 24px 0;
  padding: 8px 10px;
}
.badge_history_modal .modal_inner .modal_body .badge_history_wrap .history_list {
  margin-top: 10px;
}
.badge_history_modal .modal_inner .modal_body .badge_history_wrap .history_list ul {
  max-height: 420px;
  overflow-y: auto;
  padding: 0 0px 0 0;
}
.badge_history_modal .modal_inner .modal_body .badge_history_wrap .history_list ul::-webkit-scrollbar {
  width: 18px;
}
.badge_history_modal .modal_inner .modal_body .badge_history_wrap .history_list ul::-webkit-scrollbar-thumb {
  background-color: #5d5ded;
  border: 7px solid #f6f4f4;
  border-radius: 10px;
}
.badge_history_modal .modal_inner .modal_body .badge_history_wrap .history_list ul::-webkit-scrollbar-track {
  background-color: #f6f4f4;
  border-radius: 10px;
}
.badge_history_modal .modal_inner .modal_body .badge_history_wrap .history_list ul::-webkit-scrollbar-button:vertical:start:increment {
  display: block;
  height: 0%;
}
.badge_history_modal .modal_inner .modal_body .badge_history_wrap .history_list ul::-webkit-scrollbar-button:vertical:end:increment {
  display: block;
  height: 0%;
}
.badge_history_modal .modal_inner .modal_body .badge_history_wrap .history_list ul li {
  border-radius: 18px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
}
.badge_history_modal .modal_inner .modal_body .badge_history_wrap .history_list ul li span {
  font-size: 14px;
  font-style: normal;
  line-height: 130%;
  letter-spacing: 0;
  color: #8c8c8c;
  display: flex;
  align-items: center;
  justify-content: center;
}
.badge_history_modal .modal_inner .modal_body .badge_history_wrap .history_list ul li span:first-child {
  flex: 0.3;
  border-radius: 12px 0 0 12px;
  border-right: 1px dotted #e3e3e3;
  padding: 16px 30px;
  white-space: nowrap;
}
.badge_history_modal .modal_inner .modal_body .badge_history_wrap .history_list ul li span:first-child::before {
  content: "";
  display: block;
  width: 17px;
  min-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%3Ccircle cx='8.5' cy='8' r='5' fill='%23AAA'/%3E%3Cpath fill='%23fff' d='M7.5 5h1v4h-1V5ZM9.509 8.014l-.014 1L8.5 9l.014-1 .995.014ZM10.509 8.014l-.014 1L9.5 9l.014-1 .995.014Z'/%3E%3C/svg%3E");
  background-size: cover;
  margin-right: 4px;
}
.badge_history_modal .modal_inner .modal_body .badge_history_wrap .history_list ul li span:last-child {
  color: #5c5c5c;
  flex: 1;
  border-radius: 0 12px 12px 0;
  padding: 0 10px;
}
.badge_history_modal .modal_inner .modal_body .badge_history_wrap .history_empty {
  border-bottom: 1px solid #aaa;
}
.badge_history_modal .modal_inner .modal_body .badge_history_wrap .history_empty span {
  min-height: 220px;
  height: 220px;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.badge_history_modal .modal_inner .button_area {
  padding-bottom: 40px;
}

.video_modal .modal_inner .modal_header {
  max-width: 910px;
}
.video_modal .modal_inner .modal_body {
  position: relative;
  padding: 30px;
  border-radius: 0 0 16px 16px;
  max-width: 910px;
}
.video_modal .modal_inner .modal_body .video {
  position: relative;
  width: 100%;
  padding-bottom: 56.4%;
}
.video_modal .modal_inner .modal_body .video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video_modal .modal_inner .modal_body .video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video_modal .modal_inner .modal_body .title {
  padding: 20px 0 30px;
  color: #5c5c5c;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}
.video_modal .modal_inner .modal_body .today_close_button {
  padding-top: 20px;
  margin: 0 auto;
  width: min-content;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.video_modal .modal_inner .modal_body .today_close_button i {
  position: relative;
  border: 1px solid #626262;
  width: 16px;
  min-width: 16px;
  height: 16px;
  margin-right: 10px;
}
.video_modal .modal_inner .modal_body .today_close_button i::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: "";
  width: 8px;
  height: 8px;
  background: #00b670;
}
.video_modal .modal_inner .modal_body .today_close_button span {
  color: #5c5c5c;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  white-space: nowrap;
}
.video_modal .modal_inner .pager {
  position: absolute;
  width: 100%;
  max-width: 910px;
  top: 50%;
}
.video_modal .modal_inner .pager .prev_button {
  position: absolute;
  top: 50%;
  left: -70px;
}
.video_modal .modal_inner .pager .prev_button::before {
  content: "";
  display: block;
  width: 50px;
  height: 50px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' fill='none'%3E%3Crect width='50' height='50' fill='%23fff' rx='10'/%3E%3Cpath stroke='%231D2A33' stroke-linecap='round' stroke-width='4' d='m24 32-6-6 6-6M21 26h12'/%3E%3C/svg%3E");
}
.video_modal .modal_inner .pager .next_button {
  position: absolute;
  top: 50%;
  right: -70px;
}
.video_modal .modal_inner .pager .next_button::before {
  content: "";
  display: block;
  width: 50px;
  height: 50px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' fill='none'%3E%3Crect width='50' height='50' fill='%23fff' rx='10' transform='matrix(-1 0 0 1 50 0)'/%3E%3Cpath stroke='%231D2A33' stroke-linecap='round' stroke-width='4' d='m26 32 6-6-6-6M29 26H17'/%3E%3C/svg%3E");
}

.normal_video_modal .modal_inner .modal_header {
  max-width: 910px;
}
.normal_video_modal .modal_inner .modal_body {
  position: relative;
  padding: 30px;
  border-radius: 0 0 16px 16px;
  max-width: 910px;
}
.normal_video_modal .modal_inner .modal_body .video {
  position: relative;
  width: 100%;
  padding-bottom: 56.4%;
}
.normal_video_modal .modal_inner .modal_body .video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.normal_video_modal .modal_inner .modal_body .video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.normal_video_modal .modal_inner .modal_body .title {
  padding: 20px 0 30px;
  color: #5c5c5c;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}
.normal_video_modal .modal_inner .modal_body .today_close_button {
  padding-top: 20px;
  margin: 0 auto;
  width: min-content;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.normal_video_modal .modal_inner .modal_body .today_close_button i {
  position: relative;
  border: 1px solid #626262;
  width: 16px;
  min-width: 16px;
  height: 16px;
  margin-right: 10px;
}
.normal_video_modal .modal_inner .modal_body .today_close_button i::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: "";
  width: 8px;
  height: 8px;
  background: #00b670;
}
.normal_video_modal .modal_inner .modal_body .today_close_button span {
  color: #5c5c5c;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  white-space: nowrap;
}
.normal_video_modal .modal_inner .pager {
  position: absolute;
  width: 100%;
  max-width: 910px;
  top: 50%;
}
.normal_video_modal .modal_inner .pager .prev_button {
  position: absolute;
  top: 50%;
  left: -70px;
}
.normal_video_modal .modal_inner .pager .prev_button::before {
  content: "";
  display: block;
  width: 50px;
  height: 50px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' fill='none'%3E%3Crect width='50' height='50' fill='%23fff' rx='10'/%3E%3Cpath stroke='%231D2A33' stroke-linecap='round' stroke-width='4' d='m24 32-6-6 6-6M21 26h12'/%3E%3C/svg%3E");
}
.normal_video_modal .modal_inner .pager .next_button {
  position: absolute;
  top: 50%;
  right: -70px;
}
.normal_video_modal .modal_inner .pager .next_button::before {
  content: "";
  display: block;
  width: 50px;
  height: 50px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' fill='none'%3E%3Crect width='50' height='50' fill='%23fff' rx='10' transform='matrix(-1 0 0 1 50 0)'/%3E%3Cpath stroke='%231D2A33' stroke-linecap='round' stroke-width='4' d='m26 32 6-6-6-6M29 26H17'/%3E%3C/svg%3E");
}

.image_modal .modal_inner {
  width: auto;
}
.image_modal .modal_inner .modal_header {
  min-width: 312px;
  max-width: 950px;
}
.image_modal .modal_inner .modal_body {
  position: relative;
  padding: 30px;
  border-radius: 0 0 16px 16px;
  width: auto;
  min-width: 312px;
  max-width: 950px;
}
.image_modal .modal_inner .modal_body .detail_image {
  display: flex;
  align-items: center;
  justify-content: center;
}
.image_modal .modal_inner .modal_body .detail_image img {
  max-width: 100%;
}
.image_modal .modal_inner .modal_body .title {
  padding: 20px 0 10px 0;
  color: #5c5c5c;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}
.image_modal .modal_inner .modal_body .today_close_button {
  padding-top: 20px;
  margin: 0 auto;
  width: min-content;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.image_modal .modal_inner .modal_body .today_close_button i {
  position: relative;
  border: 1px solid #626262;
  width: 16px;
  min-width: 16px;
  height: 16px;
  margin-right: 10px;
}
.image_modal .modal_inner .modal_body .today_close_button i::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: "";
  width: 8px;
  height: 8px;
  background: #00b670;
}
.image_modal .modal_inner .modal_body .today_close_button span {
  color: #5c5c5c;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  white-space: nowrap;
}
.image_modal .modal_inner .pager {
  position: absolute;
  width: 100%;
  max-width: 910px;
  top: 50%;
}
.image_modal .modal_inner .pager .prev_button {
  position: absolute;
  top: 50%;
  left: -70px;
}
.image_modal .modal_inner .pager .prev_button::before {
  content: "";
  display: block;
  width: 50px;
  height: 50px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' fill='none'%3E%3Crect width='50' height='50' fill='%23fff' rx='10'/%3E%3Cpath stroke='%231D2A33' stroke-linecap='round' stroke-width='4' d='m24 32-6-6 6-6M21 26h12'/%3E%3C/svg%3E");
}
.image_modal .modal_inner .pager .next_button {
  position: absolute;
  top: 50%;
  right: -70px;
}
.image_modal .modal_inner .pager .next_button::before {
  content: "";
  display: block;
  width: 50px;
  height: 50px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' fill='none'%3E%3Crect width='50' height='50' fill='%23fff' rx='10' transform='matrix(-1 0 0 1 50 0)'/%3E%3Cpath stroke='%231D2A33' stroke-linecap='round' stroke-width='4' d='m26 32 6-6-6-6M29 26H17'/%3E%3C/svg%3E");
}

.ranking_detail_modal .modal_inner {
  max-width: 670px;
}
.ranking_detail_modal .modal_inner .modal_body {
  padding: 30px 30px 16px;
}
.ranking_detail_modal .modal_inner .modal_body h1 {
  font-family: "微軟正黑體";
  color: #626262;
  letter-spacing: 0;
  text-align: center;
  margin-bottom: 20px;
  font-size: 20px;
}
.ranking_detail_modal .modal_inner .modal_body .ranking_content_box {
  border-radius: 24px;
  background: #fff;
  padding: 20px 30px;
  margin-bottom: 8px;
}
.ranking_detail_modal .modal_inner .modal_body .ranking_content_box h2 {
  color: #626262;
  font-size: 18px;
}
.ranking_detail_modal .modal_inner .modal_body .ranking_content_box ul {
  margin-top: 12px;
}
.ranking_detail_modal .modal_inner .modal_body .ranking_content_box ul li {
  position: relative;
}
.ranking_detail_modal .modal_inner .modal_body .ranking_content_box ul li p {
  color: #626262;
  font-weight: 500;
  word-break: keep-all;
  padding: 0 10px 0 26px;
  line-height: 20px;
  letter-spacing: 3px;
  font-size: 14px;
}
.ranking_detail_modal .modal_inner .modal_body .ranking_content_box ul li p:first-child::before {
  content: "•";
  display: inline-block;
  position: absolute;
  left: 10px;
}

.alert_modal .modal_inner {
  position: relative;
  width: 100%;
  max-width: 500px;
}
.alert_modal .modal_inner .modal_body {
  padding: 30px 30px 25px;
  border-radius: 0;
}
.alert_modal .modal_inner .modal_body .title {
  font-family: "微軟正黑體";
  color: #626262;
  font-size: 28px;
  letter-spacing: 0;
  text-align: center;
}
.alert_modal .modal_inner .modal_body .message {
  margin-top: 15px;
  color: #626262;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
  max-height: 500px;
  overflow-y: auto;
}

.start_game_modal .modal_inner {
  position: relative;
  width: 100%;
  max-width: 500px;
}
.start_game_modal .modal_inner .modal_header .top {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  padding: 20px;
}
.start_game_modal .modal_inner .modal_header .top .title {
  font-family: "微軟正黑體";
  color: #626262;
  font-size: 25px;
  letter-spacing: 0;
  text-align: center;
  margin-bottom: 10px;
}
.start_game_modal .modal_inner .modal_header .top .sub_title {
  color: #626262;
  text-align: center;
  overflow: hidden;
  font-size: 16px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
  max-height: 500px;
  margin-bottom: 0;
}
.start_game_modal .modal_inner .modal_header .close_button {
  position: absolute;
  right: 15px;
  top: 10px;
}
.start_game_modal .modal_inner .modal_body {
  padding: 30px 30px 25px;
  border-radius: 0 0 16px 16px;
}
.start_game_modal .modal_inner .modal_body .content {
  display: flex;
  justify-content: space-around;
  font-size: 14px;
}
.start_game_modal .modal_inner .modal_body .content span {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #8c8c8c;
  padding: 10px;
  line-height: 130%;
}
.start_game_modal .modal_inner .modal_body .button_area {
  justify-content: space-around;
}

.winner_modal {
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  min-width: 320px;
  height: 100%;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.6);
  padding: 20px;
  overflow-y: auto;
  flex-direction: column;
  align-items: center;
  margin: 0 auto;
}
.winner_modal * {
  font-family: "微軟正黑體";
}
.winner_modal .wm_inner {
  width: 100%;
  margin: auto 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.winner_modal .wm_inner .wm_header {
  padding: 10px 15px;
  width: 100%;
  max-width: 455px;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #fff;
  border-radius: 16px 16px 0 0;
}
.winner_modal .wm_inner .wm_header .logo {
  display: block;
  width: 84px;
  height: 22px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='84' height='22' fill='none'%3E%3Cpath fill='%23000' d='m69.665 9.897-4.955-.018-.009-2.922h4.179V5.62h-8.181V.844h-1.427v5.223c0 .492.409.89.916.89h3.086l.01 2.922-4.858.018v1.252h11.24V9.897ZM28.385 11.176h5.21V.884H27.47v9.402c0 .492.41.89.916.89ZM29 2.136h3.058v7.788H29V2.137ZM39.169 4.33h-1.952V.514h-1.534v11.06h1.534V5.587h.004v.226h1.985V4.335h-.037V4.33ZM47.916 4.335h-3.248V.83h-1.534v9.465c0 .492.409.89.915.89h5.397V.83h-1.534v3.5l.005.005Zm0 5.602h-3.248V5.813h3.248v4.124ZM53.63.5h-1.535v11.074h1.534V.5ZM84 .545h-1.436v11.31H84V.545ZM77.92 2.91c0 2.908-.26 5.436-3.467 6.95l-.656.308.623 1.311.656-.307c3.964-1.872 4.3-5.246 4.3-8.262l.008-2.07h-5.893V2.2h4.434v.71h-.005ZM49.144 20.324h4.48v-1.809H48.08v.674h4.68v.475h-4.68v1.284c0 .303.251.552.567.552h5.062v-.687h-4.56v-.48l-.004-.009ZM53.624 14.925h-.864v3.21h.864v-3.21ZM49.334 18.009c.312 0 .604-.063.87-.194.269-.132.478-.312.636-.548.158-.235.233-.502.233-.795 0-.294-.08-.575-.233-.81a1.588 1.588 0 0 0-.637-.552 1.957 1.957 0 0 0-.869-.198c-.311 0-.609.067-.874.198a1.561 1.561 0 0 0-.627.552 1.454 1.454 0 0 0-.233.81c0 .302.08.565.233.795.158.236.367.416.627.543.26.131.553.195.87.195l.004.004Zm-.65-2.184a.9.9 0 0 1 .65-.258c.256 0 .474.086.656.258.176.172.27.389.27.651a.843.843 0 0 1-.27.629.915.915 0 0 1-.651.257.908.908 0 0 1-.65-.257.844.844 0 0 1-.266-.633c0-.254.088-.475.265-.652l-.005.005ZM44.598 17.48H43.51v-2.41h-.85v6.416h.85v-3.278h.005v.136h1.101v-.86h-.018v-.004ZM40.35 17.47h-2.004v-2.22H37.5v5.431c0 .303.251.552.567.552H41.2v-5.978h-.846v2.22l-.005-.004Zm0 3.04h-2.004v-2.18h2.003v2.18ZM30.77 18.904h2.435v-.009h.005v-3.581h-5.624v.009h-.005v3.034c0 .303.251.552.567.552h1.766v1.714l-2.733.009v.732h6.4v-.732l-2.798-.01V18.91l-.013-.005Zm-2.33-.737v-2.125h3.91v2.125h-3.91ZM6.45 7.382h-.009a.517.517 0 0 1-.372-.158.501.501 0 0 1 .014-.728l2.733-2.568a.543.543 0 0 1 .377-.145c.14 0 .274.059.372.158a.505.505 0 0 1-.014.728L6.818 7.238a.52.52 0 0 1-.367.144ZM17.494 10.222h-.009a.525.525 0 0 1-.372-.158l-2.64-2.659a.5.5 0 0 1 .014-.728.482.482 0 0 1 .377-.145c.14 0 .274.06.371.159l2.64 2.658a.5.5 0 0 1-.013.729.52.52 0 0 1-.367.144Z'/%3E%3Cpath fill='%23000' d='M13.827 10.376c-.67 0-1.315-.258-1.79-.733a2.372 2.372 0 0 1 .06-3.419l1.935-1.794c.255-.24.423-.534.464-.832.06-.435-.079-.86-.385-1.167a1.475 1.475 0 0 0-1.52-.335l-.07.027c-.135.06-.414.172-.665-.149-.107-.208-.12-.37-.065-.506.06-.145.195-.254.414-.335.944-.335 1.985-.104 2.668.583.256.258.446.566.567.91.307.881.06 1.867-.627 2.509L12.879 6.93c-.256.24-.423.534-.465.832-.065.434.08.86.386 1.167.39.389.985.52 1.52.335l.07-.028c.134-.054.413-.171.664.15.107.208.121.37.065.506-.06.145-.195.253-.413.335a2.58 2.58 0 0 1-.879.149Z'/%3E%3Cpath fill='%23000' d='M11.977 4.796h-.01a.525.525 0 0 1-.371-.158L9.332 2.304a1.407 1.407 0 0 0-.99-.43 1.43 1.43 0 0 0-1.004.394c-.4.384-.525.977-.32 1.506a.45.45 0 0 0 .032.068c.06.113.177.325-.107.56-.209.177-.395.177-.511.145-.181-.045-.34-.203-.423-.425a2.459 2.459 0 0 1 0-1.7c.181-.484.493-.873.92-1.167.953-.651 2.283-.515 3.161.321l.084.077 2.189 2.257c.2.208.195.533-.014.732a.524.524 0 0 1-.367.15l-.005.004ZM11.842 18.24h-.009a.525.525 0 0 1-.52-.525c0-.136.06-.267.162-.362l2.733-2.568a.475.475 0 0 1 .377-.145c.144 0 .274.059.372.159a.501.501 0 0 1-.014.728l-2.733 2.568a.52.52 0 0 1-.368.145Z'/%3E%3Cpath fill='%23000' d='M18.443 15.857a2.518 2.518 0 0 1-1.79-.737l-1.845-1.882a1.51 1.51 0 0 0-.855-.452 1.442 1.442 0 0 0-1.2.376c-.4.38-.534.958-.344 1.478l.028.068c.056.131.177.402-.153.651-.214.104-.381.118-.52.063-.15-.058-.26-.19-.345-.402a2.392 2.392 0 0 1 .6-2.596 2.534 2.534 0 0 1 3.514.059l1.845 1.881c.247.249.549.412.856.452.441.06.883-.076 1.199-.375.4-.38.534-.958.344-1.474l-.028-.068c-.056-.13-.177-.402.153-.65.214-.105.377-.119.52-.064.15.058.261.19.345.402.344.918.107 1.931-.6 2.596a2.516 2.516 0 0 1-1.724.678v-.004Z'/%3E%3Cpath fill='%23000' d='M17.536 12.868a.57.57 0 0 1-.385-.154.497.497 0 0 1 .01-.728l2.397-2.202c.28-.254.433-.597.442-.964a1.344 1.344 0 0 0-.404-.976c-.396-.39-1.005-.511-1.553-.312-.14.05-.474.171-.697-.127-.126-.172-.168-.33-.121-.475.051-.163.204-.285.46-.375a2.633 2.633 0 0 1 1.748 0c.497.176.897.48 1.199.895.67.927.53 2.22-.33 3.075l-.07.072-2.324 2.135a.548.548 0 0 1-.372.145v-.01ZM6.223 15.517h-.01a.517.517 0 0 1-.371-.158L3.202 12.7a.501.501 0 0 1 .013-.728.52.52 0 0 1 .368-.144h.009c.14 0 .274.058.372.158l2.64 2.659a.501.501 0 0 1-.014.728.52.52 0 0 1-.367.144Z'/%3E%3Cpath fill='%23000' d='M8.045 21.07c-.67 0-1.316-.257-1.79-.732a2.372 2.372 0 0 1 .06-3.419l1.934-1.795c.256-.24.423-.534.465-.832a1.355 1.355 0 0 0-.386-1.167 1.475 1.475 0 0 0-1.52-.334l-.07.027c-.134.059-.413.172-.664-.15-.107-.207-.12-.37-.065-.506.06-.145.195-.253.414-.335.943-.334 1.984-.104 2.668.584a2.372 2.372 0 0 1-.06 3.419l-1.934 1.795c-.256.24-.423.533-.465.832-.06.434.079.859.386 1.166.39.39.985.52 1.52.335l.07-.027c.134-.054.413-.167.664.15.107.207.12.37.065.506-.06.144-.195.253-.414.334-.288.104-.585.15-.878.15Z'/%3E%3Cpath fill='%23000' d='M12.74 21.147a2.626 2.626 0 0 1-1.809-.732l-.097-.095-2.17-2.243a.514.514 0 0 1 .013-.733.525.525 0 0 1 .367-.149h.01c.139 0 .274.059.371.158l2.264 2.334c.26.271.614.42.99.43a1.37 1.37 0 0 0 1.004-.394c.4-.384.525-.977.32-1.51-.05-.136-.176-.462.13-.679.178-.122.34-.163.489-.117.167.05.297.199.386.447a2.433 2.433 0 0 1-.92 2.867 2.398 2.398 0 0 1-1.353.412l.005.004ZM7.315 10.277a2.518 2.518 0 0 1-1.79-.738L3.68 7.66a1.509 1.509 0 0 0-.855-.453 1.462 1.462 0 0 0-1.2.375c-.399.38-.534.96-.343 1.48l.028.067c.055.131.176.402-.154.651-.213.104-.38.118-.52.063-.149-.058-.26-.19-.344-.402a2.392 2.392 0 0 1 .6-2.596 2.533 2.533 0 0 1 3.514.059L6.25 8.784c.246.249.548.412.855.452.442.064.883-.076 1.2-.375.399-.38.534-.959.343-1.479l-.028-.067c-.056-.132-.176-.403.154-.652.213-.104.38-.117.52-.063.149.059.265.19.344.403.344.918.107 1.93-.6 2.595a2.516 2.516 0 0 1-1.724.678Z'/%3E%3Cpath fill='%23000' d='M2.495 15.508c-.297 0-.595-.05-.874-.149a2.455 2.455 0 0 1-1.2-.895c-.668-.927-.529-2.22.33-3.075l.08-.082h.005L3.15 9.182a.55.55 0 0 1 .753.014.498.498 0 0 1-.01.728l-2.397 2.202a1.354 1.354 0 0 0-.442.963c-.005.366.14.715.404.977.396.389 1.004.51 1.553.312.14-.05.474-.172.697.127.126.171.167.33.121.474-.051.163-.205.29-.46.376-.284.1-.577.149-.874.149v.004Z'/%3E%3C/svg%3E");
  background-size: 100% auto;
}
.winner_modal .wm_inner .wm_header .logo img {
  display: none;
}
.winner_modal .wm_inner .wm_header .wm_close_button {
  display: block;
  min-width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none'%3E%3Cpath fill='%23838383' fill-rule='evenodd' d='M17.497 15.07a1.717 1.717 0 0 1-2.428 2.427L9 11.428l-6.069 6.07a1.717 1.717 0 0 1-2.428-2.429L6.573 9 .502 2.93A1.717 1.717 0 0 1 2.93.504L9 6.573 15.07.502a1.717 1.717 0 0 1 2.428 2.428L11.428 9l6.07 6.068Z' clip-rule='evenodd'/%3E%3C/svg%3E");
  background-size: cover;
  opacity: 1;
}
.winner_modal .wm_inner .wm_body {
  width: 100%;
  padding: 30px;
  position: relative;
  background-color: #f6f4f4;
  max-width: 455px;
  min-height: 582px;
  border-radius: 0 0 16px 16px;
}
.winner_modal .wm_inner .wm_body p.w_title {
  margin-bottom: 20px;
  color: #626262;
  font-size: 28px;
  font-weight: 700;
  line-height: 36.4px;
  letter-spacing: 0;
}
.winner_modal .wm_inner .wm_body .w_tb1 p.w_t2 {
  margin-bottom: 10px;
  color: #626262;
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
  letter-spacing: 0;
}
.winner_modal .wm_inner .wm_body .w_tb1 p.w_nt {
  margin-bottom: 10px;
  color: #626262;
  font-size: 15px;
  font-weight: 400;
  line-height: 21.75px;
  letter-spacing: 0;
}
.winner_modal .wm_inner .wm_body .w_tb1 p.w_nt2 {
  margin-bottom: 22px;
}
.winner_modal .wm_inner .wm_body .w_tb1::after {
  display: block;
  content: "";
  width: 136px;
  height: 1px;
  background: #DCDCDC;
}
.winner_modal .wm_inner .wm_body .w_tb2 {
  margin-top: 24px;
}
.winner_modal .wm_inner .wm_body .w_tb2 .wi_line {
  margin-bottom: 16px;
}
.winner_modal .wm_inner .wm_body .w_tb2 .wi_line .winner_ic {
  width: 143px;
  height: 23px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='143' height='23' viewBox='0 0 143 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M75.1092 12.5951V11.3791H78.7165V5.05302H69.4536V7.00008H76.7488V9.43206H69.4536V11.3791H73.1419V14.5413H80.438V18.6367H82.4052V12.5951H75.1092Z' fill='%23211D1D'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M62.1203 8.86295H58.1034V6.99812H62.1203V8.86295ZM56.1357 5.0511V10.8086H64.0875V5.0511H56.1357Z' fill='%23211D1D'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M67.4042 16.4045V5.01098H65.4365V18.311H65.5603V18.3516H73.1021V16.4045H67.4042Z' fill='%23211D1D'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M36.9278 6.99812V5.05105H30.1514V10.8086H36.9278V8.86284H32.1186V6.99812H36.9278Z' fill='%23211D1D'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M40.3429 5.01243V7.16165H39.4687V5.01243H37.5015V11.6622H39.4687V9.10741H40.3429V18.3125H42.3102V5.01243H40.3429Z' fill='%23211D1D'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M118.606 6.99812V5.05105H111.831V10.8086H118.606V8.86284H113.797V6.99812H118.606Z' fill='%23211D1D'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M122.022 5.01243V7.16165H121.148V5.01243H119.181V11.6622H121.148V9.10741H122.022V18.3125H123.989V5.01243H122.022Z' fill='%23211D1D'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M94.203 4.82284V6.97206H93.1104V5.03023H83.8467V6.97598H91.1427V11.0718H93.1104V8.91782H94.203V11.4727H96.1703V4.82284H94.203Z' fill='%23211D1D'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M99.0108 18.1211H97.0435V4.82161H99.0108V18.1211Z' fill='%23211D1D'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M47.8434 5.05294V2.98519H45.8761V5.05294H43.0889V7H50.6302V5.05294H47.8434Z' fill='%23211D1D'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M53.5131 16.4045V9.10595H55.3165V7.15976H53.5131V5.01098H51.5454V18.311H51.6687V18.3516H59.2105V16.4045H53.5131Z' fill='%23211D1D'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M46.8187 9.18819C46.3904 9.19801 45.983 9.37322 45.6836 9.67634C45.3842 9.97946 45.2166 10.3864 45.2166 10.8102C45.2166 11.234 45.3842 11.641 45.6836 11.9441C45.983 12.2473 46.3904 12.4225 46.8187 12.4323C47.2535 12.4323 47.6706 12.2614 47.978 11.9572C48.2855 11.653 48.4583 11.2404 48.4583 10.8102C48.4583 10.38 48.2855 9.96747 47.978 9.66328C47.6706 9.35908 47.2535 9.18819 46.8187 9.18819ZM50.4255 10.8102C50.4255 11.7567 50.0455 12.6644 49.369 13.3337C48.6925 14.0029 47.7749 14.3789 46.8182 14.3789C45.8615 14.3789 44.944 14.0029 44.2675 13.3337C43.591 12.6644 43.2109 11.7567 43.2109 10.8102C43.2109 9.86376 43.591 8.95606 44.2675 8.2868C44.944 7.61755 45.8615 7.24156 46.8182 7.24156C47.7749 7.24156 48.6925 7.61755 49.369 8.2868C50.0455 8.95606 50.4255 9.86376 50.4255 10.8102Z' fill='%23211D1D'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M135.615 10.3893L131.357 6.17669L129.965 4.80081L128.575 6.17669L124.317 10.3893L125.708 11.7656L129.965 7.55345L134.224 11.7656L135.615 10.3893Z' fill='%23211D1D'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M139.393 17.7261C138.958 17.7259 138.541 17.5549 138.234 17.2508C137.926 16.9467 137.753 16.5342 137.753 16.1041C137.753 15.6738 137.926 15.2611 138.233 14.9568C138.541 14.6525 138.958 14.4816 139.393 14.4816C139.828 14.4816 140.245 14.6525 140.553 14.9568C140.86 15.2611 141.033 15.6738 141.033 16.1041C141.033 16.5343 140.86 16.9469 140.553 17.2511C140.245 17.5552 139.828 17.7261 139.393 17.7261ZM139.393 12.5354C138.823 12.5357 138.261 12.6705 137.753 12.9284V9.10615H140.5V7.15995H137.753V5.01073H135.786V15.5377H135.836C135.804 15.7249 135.788 15.9143 135.786 16.1041C135.786 16.8098 135.998 17.4996 136.394 18.0864C136.791 18.6731 137.354 19.1304 138.013 19.4004C138.672 19.6704 139.397 19.741 140.097 19.6033C140.797 19.4655 141.439 19.1257 141.944 18.6266C142.448 18.1276 142.791 17.4918 142.931 16.7996C143.07 16.1074 142.998 15.39 142.725 14.738C142.452 14.086 141.99 13.5288 141.397 13.1367C140.804 12.7447 140.106 12.5354 139.393 12.5354Z' fill='%23211D1D'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M113.833 16.4044H110.031V14.9401H113.833V16.4044ZM110.031 12.994V5.01052H108.064V18.3109H108.187V18.3516H115.729V18.2243H115.8V12.994H110.031Z' fill='%23211D1D'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M103.616 6.25547C103.398 6.25197 103.182 6.29135 102.98 6.37132C102.778 6.45129 102.594 6.57025 102.439 6.72126C102.284 6.87227 102.16 7.05232 102.076 7.2509C101.992 7.44949 101.949 7.66265 101.949 7.87795C101.949 8.09326 101.992 8.3064 102.076 8.50497C102.161 8.70353 102.284 8.88354 102.439 9.03451C102.594 9.18548 102.778 9.30439 102.98 9.38431C103.182 9.46422 103.398 9.50355 103.616 9.49999C104.046 9.49296 104.457 9.31892 104.758 9.01541C105.06 8.71189 105.229 8.30322 105.229 7.87752C105.229 7.45181 105.06 7.04318 104.758 6.73975C104.456 6.43632 104.046 6.26239 103.616 6.25547ZM107.223 7.87708C107.223 8.82349 106.843 9.73112 106.166 10.4003C105.49 11.0695 104.572 11.4454 103.616 11.4453C102.659 11.4453 101.742 11.0692 101.065 10.4C100.389 9.73073 100.009 8.82305 100.009 7.87664C100.009 6.93023 100.389 6.0226 101.065 5.35343C101.742 4.68425 102.659 4.30835 103.616 4.3084C104.573 4.30846 105.49 4.68448 106.167 5.35373C106.843 6.02299 107.223 6.93066 107.223 7.87708Z' fill='%23211D1D'/%3E%3Cmask id='mask0_19660_13695' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='23'%3E%3Cpath d='M0.180369 9.02255C-1.39097 19.4467 7.82125 22.3126 7.82125 22.3126C16.7569 25.3301 21.625 17.4356 21.625 17.4356C24.1516 13.473 23.1656 9.69307 23.1656 9.69307C23.5047 15.2101 20.3307 18.2886 20.3307 18.2886C16.6644 22.5256 10.9331 21.5811 10.9331 21.5811C4.89437 20.1176 5.07934 15.4083 5.07934 15.4083C4.94062 10.7901 11.5959 9.96754 11.5959 9.96754L11.5906 9.91962C13.9401 9.49744 15.7215 7.46586 15.7215 5.01994C15.7215 2.26774 13.4671 0.0374794 10.686 0.0374794C10.6261 0.0374794 10.5662 0.0400944 10.5068 0.0422726L10.5019 1.14441e-05C1.7517 0.640028 0.180369 9.02255 0.180369 9.02255Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_19660_13695)'%3E%3Cpath d='M0.180369 9.02255C-1.39097 19.4467 7.82125 22.3126 7.82125 22.3126C16.7569 25.3301 21.625 17.4356 21.625 17.4356C24.1516 13.473 23.1656 9.69307 23.1656 9.69307C23.5047 15.2101 20.3307 18.2886 20.3307 18.2886C16.6644 22.5256 10.9331 21.5811 10.9331 21.5811C4.89437 20.1176 5.07934 15.4083 5.07934 15.4083C4.94062 10.7901 11.5959 9.96754 11.5959 9.96754L11.5906 9.91962C13.9401 9.49744 15.7215 7.46586 15.7215 5.01994C15.7215 2.26774 13.4671 0.0374794 10.686 0.0374794C10.6261 0.0374794 10.5662 0.0400944 10.5068 0.0422726L10.5019 1.14441e-05C1.7517 0.640028 0.180369 9.02255 0.180369 9.02255Z' fill='url(%23paint0_radial_19660_13695)'/%3E%3C/g%3E%3Cmask id='mask1_19660_13695' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='13' y='7' width='15' height='14'%3E%3Cpath d='M17.3391 7.75927C17.3391 7.75927 12.6511 9.89716 13.5649 15.0182L13.5909 15.0147C13.5988 15.0487 13.6059 15.0835 13.6147 15.1184C13.8116 15.8854 14.3085 16.5436 14.9959 16.9483C15.6834 17.353 16.5052 17.471 17.2805 17.2763C17.9647 17.1043 18.5663 16.7004 18.9806 16.1349C19.3948 15.5693 19.5955 14.878 19.5477 14.1812L19.5768 14.1769C19.5768 14.1769 19.0787 10.2331 21.8091 9.63227C21.8091 9.63227 24.5462 8.83192 26.295 12.0852C26.295 12.0852 27.6937 15.2378 25.7476 17.969C25.7476 17.969 24.4084 20.245 21.1203 20.8633C21.1203 20.8633 23.4844 20.8724 25.4371 18.8374C25.4371 18.8374 29.3531 14.8774 26.2655 10.1895C26.2655 10.1895 24.3216 7.07525 20.532 7.07568C19.5829 7.07568 18.518 7.27087 17.3391 7.75927Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask1_19660_13695)'%3E%3Cpath d='M17.3391 7.75927C17.3391 7.75927 12.6511 9.89716 13.5649 15.0182L13.5909 15.0147C13.5988 15.0487 13.6059 15.0835 13.6147 15.1184C13.8116 15.8854 14.3085 16.5436 14.9959 16.9483C15.6834 17.353 16.5052 17.471 17.2805 17.2763C17.9647 17.1043 18.5663 16.7004 18.9806 16.1349C19.3948 15.5693 19.5955 14.878 19.5477 14.1812L19.5768 14.1769C19.5768 14.1769 19.0787 10.2331 21.8091 9.63227C21.8091 9.63227 24.5462 8.83192 26.295 12.0852C26.295 12.0852 27.6937 15.2378 25.7476 17.969C25.7476 17.969 24.4084 20.245 21.1203 20.8633C21.1203 20.8633 23.4844 20.8724 25.4371 18.8374C25.4371 18.8374 29.3531 14.8774 26.2655 10.1895C26.2655 10.1895 24.3216 7.07525 20.532 7.07568C19.5829 7.07568 18.518 7.27087 17.3391 7.75927Z' fill='url(%23paint1_radial_19660_13695)'/%3E%3C/g%3E%3Cdefs%3E%3CradialGradient id='paint0_radial_19660_13695' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(9.54981 2.68338) scale(21.4384 21.2089)'%3E%3Cstop stop-color='white'/%3E%3Cstop offset='0.00565' stop-color='white'/%3E%3Cstop offset='0.0193968' stop-color='white'/%3E%3Cstop offset='0.248587' stop-color='%23EC2026'/%3E%3Cstop offset='1' stop-color='%239F1B21'/%3E%3C/radialGradient%3E%3CradialGradient id='paint1_radial_19660_13695' cx='0' cy='0' r='1' gradientTransform='matrix(3.15837 12.3138 12.447 -3.12456 14.9725 14.0963)' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white'/%3E%3Cstop offset='0.00565' stop-color='white'/%3E%3Cstop offset='0.0193968' stop-color='white'/%3E%3Cstop offset='0.248587' stop-color='%233C81CB'/%3E%3Cstop offset='1' stop-color='%232C2E77'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.winner_modal .wm_inner .wm_body .w_tb2 p.w_t3 {
  margin-bottom: 9px;
  color: #626262;
  font-size: 18px;
  font-weight: 700;
  line-height: 23.4px;
  letter-spacing: 0;
}
.winner_modal .wm_inner .wm_body .w_tb2 ul.w_list li {
  color: #626262;
  font-size: 15px;
  font-weight: 400;
  line-height: 22.5px;
  letter-spacing: 0;
}
.winner_modal .wm_inner .wm_body .w_trophy {
  position: absolute;
  bottom: 0;
  right: 26px;
  width: 190px;
  height: 357px;
  background-image: url(https://lwi.nexon.com/m_mabinogim/brand/common/w_trophy.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
}

.live_video_modal {
  position: absolute;
  right: 15px;
  z-index: 999;
  width: 300px;
  bottom: 15px;
  height: auto;
  aspect-ratio: 16/12;
  position: fixed;
  border-radius: 14px;
  background: #f6f4f4;
  flex-direction: column;
  overflow: hidden;
  opacity: 1;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  border: 1px solid #ddd;
  transition: all 0.3s;
}
.live_video_modal.on {
  right: 15px;
  bottom: 104px;
}
.live_video_modal .inner {
  height: 100%;
}
.live_video_modal .inner .modal_header {
  padding: 10px 15px;
  width: 100%;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #fff;
  border-radius: 16px 16px 0 0;
}
.live_video_modal .inner .modal_header .logo {
  display: block;
  width: 84px;
  height: 20px;
  background-image: url("https://nxtw.dn.nexoncdn.co.kr/mbm/home/img/mmlogo.svg");
  background-repeat: no-repeat;
  background-size: 80% auto;
}
.live_video_modal .inner .modal_header .onair {
  color: #f65606;
  font-weight: bold;
  position: relative;
  padding-left: 15px;
  font-size: 14px;
  width: 60%;
}
.live_video_modal .inner .modal_header .onair::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  background-color: #f65606;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  margin-right: 6px;
}
.live_video_modal .inner .modal_header .close_button {
  display: block;
  min-width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none'%3E%3Cpath fill='%23838383' fill-rule='evenodd' d='M17.497 15.07a1.717 1.717 0 0 1-2.428 2.427L9 11.428l-6.069 6.07a1.717 1.717 0 0 1-2.428-2.429L6.573 9 .502 2.93A1.717 1.717 0 0 1 2.93.504L9 6.573 15.07.502a1.717 1.717 0 0 1 2.428 2.428L11.428 9l6.07 6.068Z' clip-rule='evenodd'/%3E%3C/svg%3E");
  background-size: cover;
  opacity: 1;
}
.live_video_modal .inner .modal_body {
  width: 100%;
  height: calc(100% - 40px);
  padding: 8px 8px;
  position: relative;
  background-color: #f6f4f4;
}
.live_video_modal .inner .modal_body iframe {
  border-radius: 5px;
}

.normal_modal .modal_inner .modal_header {
  max-width: 910px;
}
.normal_modal .modal_inner .modal_body {
  position: relative;
  padding: 30px;
  border-radius: 0 0 16px 16px;
  max-width: 910px;
}
.normal_modal .modal_inner .modal_body .video {
  position: relative;
  width: 100%;
  padding-bottom: 56.4%;
}
.normal_modal .modal_inner .modal_body .video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.normal_modal .modal_inner .modal_body .video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.normal_modal .modal_inner .modal_body .title {
  padding: 20px 0 30px;
  color: #5c5c5c;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}
.normal_modal .modal_inner .modal_body .today_close_button {
  padding-top: 20px;
  margin: 0 auto;
  width: min-content;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.normal_modal .modal_inner .modal_body .today_close_button i {
  position: relative;
  border: 1px solid #626262;
  width: 16px;
  min-width: 16px;
  height: 16px;
  margin-right: 10px;
}
.normal_modal .modal_inner .modal_body .today_close_button i::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: "";
  width: 8px;
  height: 8px;
  background: #00b670;
}
.normal_modal .modal_inner .modal_body .today_close_button span {
  color: #5c5c5c;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  white-space: nowrap;
}
.normal_modal .modal_inner .pager {
  position: absolute;
  width: 100%;
  max-width: 910px;
  top: 50%;
}
.normal_modal .modal_inner .pager .prev_button {
  position: absolute;
  top: 50%;
  left: -70px;
}
.normal_modal .modal_inner .pager .prev_button::before {
  content: "";
  display: block;
  width: 50px;
  height: 50px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' fill='none'%3E%3Crect width='50' height='50' fill='%23fff' rx='10'/%3E%3Cpath stroke='%231D2A33' stroke-linecap='round' stroke-width='4' d='m24 32-6-6 6-6M21 26h12'/%3E%3C/svg%3E");
}
.normal_modal .modal_inner .pager .next_button {
  position: absolute;
  top: 50%;
  right: -70px;
}
.normal_modal .modal_inner .pager .next_button::before {
  content: "";
  display: block;
  width: 50px;
  height: 50px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' fill='none'%3E%3Crect width='50' height='50' fill='%23fff' rx='10' transform='matrix(-1 0 0 1 50 0)'/%3E%3Cpath stroke='%231D2A33' stroke-linecap='round' stroke-width='4' d='m26 32 6-6-6-6M29 26H17'/%3E%3C/svg%3E");
}

@media (hover: hover) and (min-width: 1281px) {
  .character_edit_modal .modal_inner .modal_body .character_edit_wrap .character_list_area .select_box .select_option li:hover {
    background: #2d2d2d;
    color: #fff;
  }
  .profile_edit_modal .modal_inner .modal_body .edit_wrap .select_box .select_option li:hover {
    background: #2d2d2d;
    color: #fff;
  }
  .report_modal .modal_inner .modal_body .report_wrap .report_reason .select_box .select_option li:hover {
    background: #2d2d2d;
    color: #fff;
  }
  .add_image_modal .upload_list_wrap .button_label:hover {
    background: #8b8b8b;
  }
  .modal .modal_inner .button_area button:hover {
    background: #5d5ded;
  }
}
@media (max-width: 1280px) and (hover: hover) and (min-width: 1281px) {
  .report_modal .modal_inner .modal_body .report_wrap .report_reason .select_box .select_option li:hover {
    border-radius: 8px;
    background: #2d2d2d;
    color: #626262;
    font-size: 12px;
  }
}
@media (max-width: 1280px) {
  .modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999999;
    background: rgba(0, 0, 0, 0.6);
    padding: 20px;
    overflow-y: auto;
    flex-direction: column;
    align-items: center;
    display: none;
  }
  .modal .modal_inner {
    margin: auto 0;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .modal .modal_inner .modal_header {
    padding: 10px 15px;
    width: 100%;
    max-width: 800px;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #fff;
    border-radius: 16px 16px 0 0;
  }
  .modal .modal_inner .modal_header .close_button {
    display: block;
    min-width: 18px;
    height: 18px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none'%3E%3Cpath fill='%23838383' fill-rule='evenodd' d='M17.497 15.07a1.717 1.717 0 0 1-2.428 2.427L9 11.428l-6.069 6.07a1.717 1.717 0 0 1-2.428-2.429L6.573 9 .502 2.93A1.717 1.717 0 0 1 2.93.504L9 6.573 15.07.502a1.717 1.717 0 0 1 2.428 2.428L11.428 9l6.07 6.068Z' clip-rule='evenodd'/%3E%3C/svg%3E");
    background-size: cover;
    opacity: 1;
  }
  .modal .modal_inner .modal_body {
    width: 100%;
    max-width: 800px;
    padding: 20px 10px;
    position: relative;
    background-color: #f6f4f4;
  }
  .modal .modal_inner .modal_body h1 {
    font-size: 20px;
  }
  .hyperlink_modal ul {
    background: #fff;
    padding: 20px;
    margin-top: 10px;
  }
  .hyperlink_modal ul li {
    margin-bottom: 23px;
  }
  .hyperlink_modal ul li label {
    display: block;
  }
  .hyperlink_modal ul li label span {
    display: block;
    margin-bottom: 15px;
    font-size: 16px;
    color: #626262;
  }
  .hyperlink_modal ul li label input[type=text] {
    width: 100%;
    height: 38px;
    border: 1px solid #515151;
    padding: 0 10px;
  }
  .hyperlink_modal ul li.checkbox label {
    cursor: pointer;
  }
  .hyperlink_modal ul li.checkbox label input {
    display: none;
  }
  .hyperlink_modal ul li.checkbox label span {
    display: flex;
    align-items: center;
  }
  .hyperlink_modal ul li.checkbox label span::before {
    content: "";
    display: block;
    width: 17px;
    height: 17px;
    border: 1px solid #626262;
    margin-right: 10px;
  }
  .hyperlink_modal ul li.checkbox label input[type=checkbox]:checked ~ span::before {
    background: linear-gradient(#00b670, #00b670) no-repeat;
    background-position: center center;
    background-size: 50% 50%;
  }
  .add_image_modal .modal_inner .modal_body {
    padding: 20px 10px;
  }
  .add_image_modal .modal_inner .modal_body h1 span {
    font-size: 12px;
  }
  .add_image_modal .modal_inner .modal_body h1 span.current_image_length {
    margin-left: 10px;
    color: #fff;
  }
  .add_image_modal .modal_inner .modal_body .upload_list_wrap {
    margin-top: 10px;
    padding: 20px;
    background: #fff;
  }
  .add_image_modal .modal_inner .modal_body .upload_list_wrap .button_label {
    display: block;
    position: relative;
    width: auto;
    height: auto;
    padding: 10px 20px;
    max-width: 108px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    white-space: nowrap;
  }
  .add_image_modal .modal_inner .modal_body .upload_list_wrap .button_label span {
    font-size: 14px;
    color: #f65606;
    font-weight: bold;
  }
  .add_image_modal .modal_inner .modal_body .upload_list_wrap .button_label input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
  }
  .add_image_modal .modal_inner .modal_body .upload_list_wrap .image_list {
    display: flex;
    flex-wrap: wrap;
    padding-top: 20px;
    min-height: 300px;
    max-height: 300px;
    overflow-y: auto;
  }
  .add_image_modal .modal_inner .modal_body .upload_list_wrap .image_list li {
    position: relative;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
    margin-bottom: 20px;
    overflow: hidden;
  }
  .add_image_modal .modal_inner .modal_body .upload_list_wrap .image_list li:nth-child(5n) {
    margin-right: 0;
  }
  .add_image_modal .modal_inner .modal_body .upload_list_wrap .image_list li img {
    max-width: 100%;
    max-height: 100%;
  }
  .add_image_modal .modal_inner .modal_body .total_image_size {
    display: flex;
    justify-content: flex-end;
    padding: 10px 10px;
  }
  .add_image_modal .modal_inner .modal_body .total_image_size span {
    font-size: 11px;
    color: #626262;
  }
  .add_image_modal .modal_inner .modal_body .total_image_size span.current_total_size {
    color: #fff;
  }
  .add_image_modal .modal_inner .modal_body .noti {
    font-size: 12px;
    text-align: center;
  }
  .add_video_modal h1 span {
    font-size: 13px;
  }
  .add_video_modal h1 span.current_image_length {
    margin-left: 10px;
    color: #fff;
  }
  .add_video_modal .video_upload_wrap {
    margin-top: 10px;
    padding: 20px;
    background: #fff;
  }
  .add_video_modal .video_upload_wrap .radio_box {
    display: flex;
  }
  .add_video_modal .video_upload_wrap .radio_box li {
    margin-right: 10px;
  }
  .add_video_modal .video_upload_wrap .radio_box li input[type=radio] {
    position: absolute;
    visibility: hidden;
  }
  .add_video_modal .video_upload_wrap .radio_box li input[type=radio]:checked + label i {
    border: 1px solid #626262;
  }
  .add_video_modal .video_upload_wrap .radio_box li input[type=radio]:checked + label i::after {
    content: "";
    width: 8px;
    height: 8px;
    text-align: center;
    background: #00b670;
    border-radius: 50%;
  }
  .add_video_modal .video_upload_wrap .radio_box li input[type=radio] + label {
    display: flex;
    align-items: center;
    cursor: pointer;
  }
  .add_video_modal .video_upload_wrap .radio_box li input[type=radio] + label i {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #626262;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    margin-right: 4px;
  }
  .add_video_modal .video_upload_wrap .radio_box li span {
    color: #626262;
    font-size: 12px;
  }
  .add_video_modal .video_upload_wrap .video_data_input {
    margin-top: 20px;
    height: auto;
    padding: 6px 0px;
    border: 1px solid #bdbdbd;
  }
  .add_video_modal .video_upload_wrap .video_data_input input {
    width: 100%;
    height: 100%;
    padding: 0 20px;
    text-overflow: ellipsis;
    font-size: 14px;
  }
  .add_video_modal .video_upload_wrap .notice {
    margin-top: 20px;
    padding-left: 14px;
  }
  .add_video_modal .video_upload_wrap .notice li {
    position: relative;
    color: #626262;
    margin-bottom: 0;
    font-size: 11px;
    line-height: 18px;
  }
  .add_video_modal .video_upload_wrap .notice li::before {
    position: absolute;
    top: 8px;
    left: -12px;
    content: "";
    display: block;
    width: 6px;
    height: 2px;
    background: #00b670;
  }
  .add_video_modal .video_upload_wrap .notice li span {
    color: #00a2cb;
  }
  .add_emoticon_modal .modal_inner {
    max-width: 520px;
  }
  .add_emoticon_modal .modal_inner .modal_body {
    border-radius: 0 0 16px 16px;
  }
  .add_emoticon_modal .modal_inner .modal_body .emoticon_upload_wrap {
    position: relative;
    min-height: 300px;
  }
  .add_emoticon_modal .modal_inner .modal_body .emoticon_upload_wrap .emoticon_list {
    position: relative;
    display: flex;
    background: #fff;
    border-radius: 20px;
    width: 100%;
  }
  .add_emoticon_modal .modal_inner .modal_body .emoticon_upload_wrap .emoticon_list .prev {
    display: none;
  }
  .add_emoticon_modal .modal_inner .modal_body .emoticon_upload_wrap .emoticon_list .next {
    display: none;
  }
  .add_emoticon_modal .modal_inner .modal_body .emoticon_upload_wrap .emoticon_list ul {
    max-width: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    overflow-y: hidden;
    overflow-x: auto;
    padding: 10px 0;
  }
  .add_emoticon_modal .modal_inner .modal_body .emoticon_upload_wrap .emoticon_list ul li {
    margin-left: 20px;
    min-width: 7%;
    max-width: 40px;
    cursor: pointer;
  }
  .add_emoticon_modal .modal_inner .modal_body .emoticon_upload_wrap .emoticon_list ul li img {
    max-width: 100%;
    max-height: 100%;
  }
  .add_emoticon_modal .modal_inner .modal_body .emoticon_upload_wrap .active_list {
    margin-top: 20px;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    overflow-y: auto;
    max-height: 510px;
  }
  .add_emoticon_modal .modal_inner .modal_body .emoticon_upload_wrap .active_list li {
    width: 60px;
    max-width: 60px;
    max-height: 60px;
    cursor: pointer;
  }
  .add_emoticon_modal .modal_inner .modal_body .emoticon_upload_wrap .active_list li:nth-child(6n) {
    margin-right: 10px;
  }
  .add_emoticon_modal .modal_inner .modal_body .emoticon_upload_wrap .active_list li img {
    max-width: 100%;
    max-height: 100%;
  }
  .report_modal .modal_inner {
    max-width: 600px;
  }
  .report_modal .modal_inner .modal_body h1 {
    padding: 0 10px;
  }
  .report_modal .modal_inner .modal_body h2 {
    padding: 10px 10px 0;
    display: flex;
    flex-direction: column;
  }
  .report_modal .modal_inner .modal_body h2 span {
    font-size: 14px;
    line-height: 130%;
    letter-spacing: 0;
  }
  .report_modal .modal_inner .modal_body h2 span.highlight {
    color: #fff;
  }
  .report_modal .modal_inner .modal_body .report_wrap {
    position: relative;
    background: #fff;
    border: 1px solid #dbdbdb;
    margin-top: 20px;
  }
  .report_modal .modal_inner .modal_body .report_wrap .report_title {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .report_modal .modal_inner .modal_body .report_wrap .report_title span {
    padding: 10px 10px;
    flex: 1;
    font-size: 12px;
  }
  .report_modal .modal_inner .modal_body .report_wrap .report_title span:first-child {
    padding: 10px 0;
    flex: 0.3;
    border-right: 1px solid #dbdbdb;
    text-align: center;
  }
  .report_modal .modal_inner .modal_body .report_wrap .report_user {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .report_modal .modal_inner .modal_body .report_wrap .report_user span {
    padding: 10px 10px;
    flex: 1;
    font-size: 12px;
  }
  .report_modal .modal_inner .modal_body .report_wrap .report_user span:first-child {
    padding: 10px 0;
    flex: 0.3;
    border-right: 1px solid #dbdbdb;
    text-align: center;
  }
  .report_modal .modal_inner .modal_body .report_wrap .report_reason {
    padding: 8px 10px;
  }
  .report_modal .modal_inner .modal_body .report_wrap .report_reason .select_box {
    border: 1px solid #5c5c5c;
    position: relative;
    height: 100%;
    z-index: 10;
    border-radius: 16px;
    display: flex;
  }
  .report_modal .modal_inner .modal_body .report_wrap .report_reason .select_box .selected {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 8px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    cursor: pointer;
  }
  .report_modal .modal_inner .modal_body .report_wrap .report_reason .select_box .selected span {
    font-size: 12px;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #525252;
    letter-spacing: -0.24px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .report_modal .modal_inner .modal_body .report_wrap .report_reason .select_box .selected::after {
    display: block;
    content: "";
    min-width: 10px;
    width: 10px;
    height: 8px;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='8' fill='none'%3E%3Cpath stroke='%235C5C5C' stroke-linecap='round' stroke-width='3' d='M8 2 5 5 2 2'/%3E%3C/svg%3E");
    background-size: cover;
    margin-left: 4px;
  }
  .report_modal .modal_inner .modal_body .report_wrap .report_reason .select_box .select_option {
    display: none;
    position: absolute;
    width: 100%;
    top: 30px;
    left: 0;
    border: 1px solid #626262;
    background: #fff;
    padding: 10px;
    border-radius: 16px;
  }
  .report_modal .modal_inner .modal_body .report_wrap .report_reason .select_box .select_option li {
    padding: 6px 10px;
    margin-bottom: 6px;
    font-size: 12px;
    cursor: pointer;
  }
  .report_modal .modal_inner .modal_body .report_wrap .report_reason textarea {
    width: 100%;
    min-height: 100px;
    padding: 10px;
    border: none;
    margin-top: 4px;
  }
  .reject_modal .modal_inner {
    max-width: 600px;
  }
  .reject_modal .modal_inner .modal_body h1 {
    padding: 0 20px;
    text-align: center;
  }
  .reject_modal .modal_inner .modal_body h2 {
    padding: 10px 20px 0;
    display: flex;
    flex-direction: column;
  }
  .reject_modal .modal_inner .modal_body h2 span {
    font-size: 14px;
    line-height: 130%;
    letter-spacing: 0;
    color: #626262;
    text-align: center;
  }
  .reject_modal .modal_inner .modal_body h2 span.highlight {
    color: #fff;
  }
  .reject_modal .modal_inner .modal_body .reject_wrap {
    position: relative;
    margin-top: 24px;
  }
  .reject_modal .modal_inner .modal_body .reject_wrap .reject_user {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }
  .reject_modal .modal_inner .modal_body .reject_wrap .reject_user .user_profile {
    width: 146px;
    height: 146px;
  }
  .reject_modal .modal_inner .modal_body .reject_wrap .reject_user .user_profile img {
    width: 100%;
  }
  .reject_modal .modal_inner .modal_body .reject_wrap .reject_user span {
    color: #626262;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: 0;
  }
  .reject_modal .modal_inner .modal_body .reject_wrap .reject_user::before {
    display: block;
    content: "";
    min-width: 100%;
    width: 100%;
    height: 14px;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='421' height='14' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath stroke='%23C7C7C7' stroke-miterlimit='10' stroke-width='3' d='m218.61 3.73-8.22 8-2.67-2.44M202.28 10.06l8.22-8 2.67 2.45'/%3E%3Cpath fill='%23C7C7C7' d='M197.72 8.31V5.75S.61 6.09.61 6.98c0 .89 197.11 1.33 197.11 1.33Z'/%3E%3Cpath fill='%23C7C7C7' d='m198.387 10.18 3.14-3.14-3.14-3.139-3.139 3.14 3.139 3.14ZM223.28 8.31V5.75s197.11.33 197.11 1.22c0 .89-197.11 1.33-197.11 1.33v.01ZM204.358 4.5l-1.859-1.86-1.86 1.86 1.86 1.86 1.859-1.86ZM219.859 9.999 218 8.139 216.14 10l1.86 1.86 1.859-1.86Z'/%3E%3Cpath fill='%23C7C7C7' d='m225.756 7.029-3.139-3.14-3.14 3.14 3.14 3.14 3.139-3.14Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M.61 0h419.78v13.79H.61z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat;
    background-size: 100% 100%;
    margin-bottom: 15px;
  }
  .reject_modal .modal_inner .modal_body .reject_wrap .reject_user::after {
    display: block;
    content: "";
    min-width: 100%;
    width: 100%;
    height: 14px;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='421' height='14' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath stroke='%23C7C7C7' stroke-miterlimit='10' stroke-width='3' d='m218.61 3.73-8.22 8-2.67-2.44M202.28 10.06l8.22-8 2.67 2.45'/%3E%3Cpath fill='%23C7C7C7' d='M197.72 8.31V5.75S.61 6.09.61 6.98c0 .89 197.11 1.33 197.11 1.33Z'/%3E%3Cpath fill='%23C7C7C7' d='m198.387 10.18 3.14-3.14-3.14-3.139-3.139 3.14 3.139 3.14ZM223.28 8.31V5.75s197.11.33 197.11 1.22c0 .89-197.11 1.33-197.11 1.33v.01ZM204.358 4.5l-1.859-1.86-1.86 1.86 1.86 1.86 1.859-1.86ZM219.859 9.999 218 8.139 216.14 10l1.86 1.86 1.859-1.86Z'/%3E%3Cpath fill='%23C7C7C7' d='m225.756 7.029-3.139-3.14-3.14 3.14 3.14 3.14 3.139-3.14Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M.61 0h419.78v13.79H.61z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat;
    background-size: 100% 100%;
    margin-top: 15px;
  }
  .reject_modal .modal_inner .modal_body .reject_wrap .reject_period {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border-radius: 26px;
    border: 1px solid #dbdbdb;
    overflow: hidden;
    margin-top: 30px;
  }
  .reject_modal .modal_inner .modal_body .reject_wrap .reject_period span {
    text-align: center;
    color: #626262;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: 0;
  }
  .reject_modal .modal_inner .modal_body .reject_wrap .reject_period span:first-child {
    width: 100%;
    border-bottom: 1px solid #dbdbdb;
    background: #fafafa;
    padding: 5px 0;
  }
  .reject_modal .modal_inner .modal_body .reject_wrap .reject_period span:last-child {
    width: 100%;
    background: #fff;
    padding: 10px 0 20px;
    font-weight: 400;
  }
  .reject_modal .modal_inner .modal_body .reject_wrap .reject_reason {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border-radius: 26px;
    border: 1px solid #dbdbdb;
    overflow: hidden;
    margin-top: 10px;
  }
  .reject_modal .modal_inner .modal_body .reject_wrap .reject_reason > span {
    width: 100%;
    border-bottom: 1px solid #dbdbdb;
    background: #fafafa;
    padding: 5px 0;
    text-align: center;
    color: #626262;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: 0;
  }
  .reject_modal .modal_inner .modal_body .reject_wrap .reject_reason div span:first-child {
    width: min-content;
    border-radius: 50px;
    background: #626262;
    color: #f65606;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: 0;
    white-space: nowrap;
    padding: 8px 20px;
  }
  .reject_modal .modal_inner .modal_body .reject_wrap .reject_reason div span:last-child {
    margin-top: 10px;
    color: #626262;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: 0;
  }
  .profile_edit_modal .modal_inner {
    max-width: 600px;
  }
  .profile_edit_modal .modal_inner .modal_body h1 {
    color: #626262;
    font-style: normal;
    text-align: center;
    font-size: 20px;
  }
  .profile_edit_modal .modal_inner .modal_body h2 {
    margin-top: 10px;
    text-align: center;
    font-size: 14px;
    color: #626262;
  }
  .profile_edit_modal .modal_inner .modal_body .edit_wrap {
    margin-top: 10px;
  }
  .profile_edit_modal .modal_inner .modal_body .edit_wrap .profile_image .image_upload {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 26px;
    height: 26px;
    background: #00a2cb;
    border-radius: 100%;
    z-index: 20;
    cursor: pointer;
  }
  .profile_edit_modal .modal_inner .modal_body .edit_wrap .profile_image .image_upload button {
    display: block;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .profile_edit_modal .modal_inner .modal_body .edit_wrap .profile_image .image_upload button::after {
    content: "";
    display: block;
    width: 15px;
    height: 14px;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='14' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23fff' d='M12.944 1.556H2.055a.778.778 0 0 0-.778.777v9.334a.778.778 0 0 0 .778.777h10.889a.778.778 0 0 0 .778-.777V2.333a.778.778 0 0 0-.778-.777ZM3.968 3.11a1.167 1.167 0 1 1 0 2.333 1.167 1.167 0 0 1 0-2.333ZM2.833 10.5V8.906L5.166 6.54a.389.389 0 0 1 .549 0l1.007.984L3.735 10.5h-.902Zm9.333 0h-7.33l2.422-2.423 2.1-2.1a.389.389 0 0 1 .549 0l2.26 2.26V10.5Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M.5 0h14v14H.5z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  }
  .profile_edit_modal .modal_inner .modal_body .edit_wrap .profile_image .image_upload input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
  }
  .profile_edit_modal .modal_inner .modal_body .edit_wrap .select_box {
    position: relative;
    width: min-content;
    z-index: 10;
    border-radius: 16px;
    margin: 10px auto 0;
    border: 1px solid #5c5c5c;
  }
  .profile_edit_modal .modal_inner .modal_body .edit_wrap .select_box .selected {
    position: relative;
    border-radius: 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: min-content;
    min-width: 230px;
    padding: 10px 40px;
  }
  .profile_edit_modal .modal_inner .modal_body .edit_wrap .select_box .selected span {
    font-size: 14px;
    color: #5c5c5c;
    letter-spacing: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .profile_edit_modal .modal_inner .modal_body .edit_wrap .select_box .selected::after {
    display: block;
    content: "";
    min-width: 10px;
    width: 10px;
    height: 8px;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='8' fill='none'%3E%3Cpath stroke='%235C5C5C' stroke-linecap='round' stroke-width='3' d='M8 2 5 5 2 2'/%3E%3C/svg%3E") no-repeat;
    background-size: cover;
    margin-left: 6px;
  }
  .profile_edit_modal .modal_inner .modal_body .edit_wrap .select_box .select_option {
    display: none;
    position: absolute;
    width: 100%;
    left: 0;
    border: 1px solid #626262;
    background: #fff;
    padding: 10px;
    border-radius: 16px;
  }
  .profile_edit_modal .modal_inner .modal_body .edit_wrap .select_box .select_option li {
    padding: 8px 10px;
    margin-bottom: 8px;
    font-size: 14px;
    cursor: pointer;
  }
  .profile_edit_modal .modal_inner .modal_body .edit_wrap .select_box .select_option li:last-child {
    margin-bottom: 0px;
  }
  .profile_edit_modal .modal_inner .modal_body .edit_wrap .community_nickname {
    border-radius: 16px;
    border: 1px solid #232631;
    background: #f9f9f9;
    margin: 40px 0 10px;
  }
  .profile_edit_modal .modal_inner .modal_body .edit_wrap .community_nickname input {
    width: 100%;
    height: 100%;
    padding: 20px;
    color: #626262;
    font-size: 14px;
  }
  .profile_edit_modal .modal_inner .button_area {
    padding-bottom: 30px;
  }
  .live_video_modal {
    width: 55%;
    max-width: 250px;
  }
  .character_edit_modal .modal_inner {
    max-width: 600px;
  }
  .character_edit_modal .modal_inner .modal_body h2 {
    margin-top: 12px;
    text-align: center;
    font-size: 14px;
    color: #626262;
  }
  .character_edit_modal .modal_inner .modal_body .character_edit_wrap .character_list .select_box {
    position: relative;
    width: min-content;
    z-index: 10;
    border-radius: 16px;
    margin: 25px auto 0;
    border: 1px solid #5c5c5c;
  }
  .character_edit_modal .modal_inner .modal_body .character_edit_wrap .character_list .select_box .selected {
    position: relative;
    border-radius: 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: min-content;
    min-width: 280px;
    padding: 10px 40px;
  }
  .character_edit_modal .modal_inner .modal_body .character_edit_wrap .character_list .select_box .selected span {
    font-size: 16px;
    color: #5c5c5c;
    letter-spacing: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .character_edit_modal .modal_inner .modal_body .character_edit_wrap .character_list .select_box .selected::after {
    display: block;
    content: "";
    min-width: 10px;
    width: 10px;
    height: 8px;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='8' fill='none'%3E%3Cpath stroke='%235C5C5C' stroke-linecap='round' stroke-width='3' d='M8 2 5 5 2 2'/%3E%3C/svg%3E") no-repeat;
    background-size: cover;
    margin-left: 6px;
  }
  .character_edit_modal .modal_inner .modal_body .character_edit_wrap .character_list .select_box .select_option {
    display: none;
    position: absolute;
    width: 100%;
    top: 34px;
    left: 0;
    border: 1px solid #626262;
    background: #fff;
    padding: 10px;
    border-radius: 16px;
  }
  .character_edit_modal .modal_inner .modal_body .character_edit_wrap .character_list .select_box .select_option li {
    padding: 8px 10px;
    margin-bottom: 8px;
    font-size: 14px;
    cursor: pointer;
  }
  .character_edit_modal .modal_inner .modal_body .character_edit_wrap .character_list .select_box .select_option li:last-child {
    margin-bottom: 0px;
  }
  .character_edit_modal .modal_inner .modal_body .character_edit_wrap .character_list ul li {
    border-radius: 16px;
    border: 1px solid #232631;
    background: #f9f9f9;
    padding: 10px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
  }
  .character_edit_modal .modal_inner .modal_body .character_edit_wrap .character_list ul li span {
    font-size: 11px;
    color: #626262;
    font-weight: 500;
  }
  .character_edit_modal .modal_inner .modal_body .character_edit_wrap .character_list ul li button {
    color: #f65606;
    font-size: 12px;
    padding: 5px 10px;
    border-radius: 60px;
    background: #626262;
    display: flex;
    align-items: center;
  }
  .character_edit_modal .modal_inner .modal_body .character_edit_wrap .character_list ul li button::before {
    display: block;
    content: "";
    min-width: 16px;
    width: 16px;
    height: 16px;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath fill='%23fff' d='M1.207 6.485a1 1 0 0 1 1.414 0l3.536 3.536 7.07-7.071a1 1 0 0 1 1.415 1.414l-8.485 8.485-4.95-4.95a1 1 0 0 1 0-1.414Z'/%3E%3C/svg%3E") no-repeat;
    background-size: cover;
    margin-right: 6px;
  }
  .character_edit_modal .modal_inner .modal_body .character_edit_wrap .character_list ul li button.on {
    background: #00a2cb;
  }
  .character_edit_modal .modal_inner .modal_body .character_edit_wrap .character_list ul li button.on::before {
    display: block;
    content: "";
    min-width: 16px;
    width: 16px;
    height: 16px;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath fill='%23fff' d='M1.207 6.485a1 1 0 0 1 1.414 0l3.536 3.536 7.07-7.071a1 1 0 0 1 1.415 1.414l-8.485 8.485-4.95-4.95a1 1 0 0 1 0-1.414Z'/%3E%3C/svg%3E") no-repeat;
    background-size: cover;
    margin-right: 6px;
  }
  .character_edit_modal .modal_inner .modal_body .character_edit_wrap .character_list .character_hidden_button {
    background: #00a2cb;
    margin: 0 auto;
    border-radius: 12px;
    padding: 8px 20px;
    width: min-content;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .character_edit_modal .modal_inner .modal_body .character_edit_wrap .character_list .character_hidden_button span {
    font-size: 12px;
    white-space: nowrap;
    color: #f65606;
  }
  .character_edit_modal .modal_inner .modal_body .character_edit_wrap .character_list .character_hidden_button::before {
    display: block;
    content: "";
    min-width: 17px;
    width: 17px;
    height: 16px;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='16' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M2.166 6a1 1 0 0 1 1.963-.27c1.298 4.335 7.439 4.336 8.74.004a1 1 0 1 1 1.918.567 6.737 6.737 0 0 1-1.082 2.157l.64.64a1 1 0 1 1-1.415 1.413l-.673-.673c-.35.24-.723.444-1.114.61l.162.604a1 1 0 0 1-1.931.517l-.167-.623c-.47.049-.945.049-1.415 0l-.167.623a1 1 0 1 1-1.932-.517l.162-.605a6.407 6.407 0 0 1-1.113-.609l-.673.673a1 1 0 1 1-1.415-1.413l.64-.64a6.734 6.734 0 0 1-1.08-2.153A1 1 0 0 1 2.166 6Z' 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") no-repeat;
    background-size: cover;
    margin-right: 6px;
  }
  .character_edit_modal .modal_inner .modal_body .character_empty {
    margin-top: 20px;
  }
  .character_edit_modal .modal_inner .button_area {
    padding-bottom: 60px;
  }
  .gameinfo_policy_modal .modal_inner {
    max-width: 500px;
  }
  .gameinfo_policy_modal .modal_inner .modal_body .policy_wrap {
    margin-top: 25px;
    background: #fff;
    padding: 50px 20px;
    border-radius: 24px;
  }
  .gameinfo_policy_modal .modal_inner .modal_body .policy_wrap ul li {
    margin-bottom: 16px;
  }
  .gameinfo_policy_modal .modal_inner .modal_body .policy_wrap ul li span {
    display: flex;
    color: #626262;
    font-size: 12px;
    line-height: 130%;
    letter-spacing: 0;
    word-break: keep-all;
  }
  .gameinfo_policy_modal .modal_inner .modal_body .policy_wrap ul li span::before {
    display: block;
    content: "";
    min-width: 2px;
    height: 2px;
    background: #626262;
    border-radius: 100%;
    margin-top: 8px;
    margin-right: 8px;
  }
  .badge_edit_modal .modal_inner .modal_body h1 {
    color: #626262;
    font-style: normal;
    text-align: center;
    font-size: 28px;
  }
  .badge_edit_modal .modal_inner .modal_body .badge_edit_wrap {
    margin-top: 15px;
  }
  .badge_edit_modal .modal_inner .modal_body .badge_edit_wrap .top {
    padding: 8px 20px;
    background: #fff;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .badge_edit_modal .modal_inner .modal_body .badge_edit_wrap .top span {
    color: #626262;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: 0;
  }
  .badge_edit_modal .modal_inner .modal_body .badge_edit_wrap .top button {
    padding: 5px 10px;
    background-color: #5d5ded;
    border-radius: 60px;
    color: #f65606;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .badge_edit_modal .modal_inner .modal_body .badge_edit_wrap .top button::before {
    display: block;
    content: "";
    min-width: 18px;
    width: 18px;
    height: 18px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath fill='%23fff' d='M13.266 8.44a.667.667 0 0 1 0-.88l.854-.96a.667.667 0 0 0 .08-.78l-1.334-2.307a.667.667 0 0 0-.713-.32l-1.253.254a.667.667 0 0 1-.767-.44l-.407-1.22a.667.667 0 0 0-.633-.454H6.426a.667.667 0 0 0-.666.454l-.374 1.22a.667.667 0 0 1-.766.44l-1.287-.254a.667.667 0 0 0-.667.32L1.333 5.82a.667.667 0 0 0 .067.78l.846.96a.667.667 0 0 1 0 .88L1.4 9.4a.667.667 0 0 0-.067.78l1.333 2.307a.667.667 0 0 0 .714.32l1.253-.254a.667.667 0 0 1 .767.44l.406 1.22a.667.667 0 0 0 .667.454H9.14a.667.667 0 0 0 .633-.454l.407-1.22a.667.667 0 0 1 .766-.44l1.254.254a.667.667 0 0 0 .713-.32l1.333-2.307a.667.667 0 0 0-.08-.78l-.9-.96Zm-.993.893.533.6-.853 1.48-.787-.16a2 2 0 0 0-2.3 1.334l-.253.746H6.906l-.24-.76a2 2 0 0 0-2.3-1.333l-.786.16-.867-1.473.533-.6a2 2 0 0 0 0-2.667l-.533-.6.853-1.467.787.16a2 2 0 0 0 2.3-1.333l.253-.753h1.707l.253.76a2 2 0 0 0 2.3 1.333l.787-.16.853 1.48-.533.6a2 2 0 0 0 0 2.653Zm-4.513-4a2.667 2.667 0 1 0 0 5.334 2.667 2.667 0 0 0 0-5.334Zm0 4a1.333 1.333 0 1 1 0-2.666 1.333 1.333 0 0 1 0 2.666Z'/%3E%3C/svg%3E");
    background-size: cover;
    margin-right: 4px;
  }
  .badge_edit_modal .modal_inner .modal_body .badge_edit_wrap .badge_list.edit_able ul li {
    cursor: grab;
    pointer-events: auto;
  }
  .badge_edit_modal .modal_inner .modal_body .badge_edit_wrap .badge_list.edit_able ul li:active {
    cursor: grabbing;
  }
  .badge_edit_modal .modal_inner .modal_body .badge_edit_wrap .badge_list ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .badge_edit_modal .modal_inner .modal_body .badge_edit_wrap .badge_list ul li .badge_image {
    padding: 20px 0;
  }
  .badge_edit_modal .modal_inner .modal_body .badge_edit_wrap .badge_list ul li .badge_image img {
    width: 60px;
    height: 60px;
  }
  .badge_edit_modal .modal_inner .modal_body .badge_edit_wrap .badge_list ul li .badge_name span {
    font-size: 12px;
    letter-spacing: 0;
  }
  .badge_edit_modal .modal_inner .button_area {
    padding-bottom: 60px;
  }
  .badge_history_modal .modal_inner {
    max-width: 740px;
  }
  .badge_history_modal .modal_inner .modal_body .badge_history_wrap {
    margin-top: 15px;
  }
  .badge_history_modal .modal_inner .modal_body .badge_history_wrap .top {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .badge_history_modal .modal_inner .modal_body .badge_history_wrap .top span {
    color: #f65606;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .badge_history_modal .modal_inner .modal_body .badge_history_wrap .top span:first-child {
    min-width: 30%;
    flex: 0.3;
    background: #4d4d4d;
    border-radius: 24px 0 0 24px;
    border-right: 1px dotted #e3e3e3;
  }
  .badge_history_modal .modal_inner .modal_body .badge_history_wrap .top span:first-child::before {
    content: "";
    display: block;
    width: 17px;
    min-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%3Ccircle cx='8.5' cy='8' r='5' fill='%23AAA'/%3E%3Cpath fill='%23fff' d='M7.5 5h1v4h-1V5ZM9.509 8.014l-.014 1L8.5 9l.014-1 .995.014ZM10.509 8.014l-.014 1L9.5 9l.014-1 .995.014Z'/%3E%3C/svg%3E");
    background-size: cover;
    margin-right: 4px;
  }
  .badge_history_modal .modal_inner .modal_body .badge_history_wrap .top span:last-child {
    flex: 1;
    background: #626262;
    border-radius: 0 24px 24px 0;
  }
  .badge_history_modal .modal_inner .modal_body .badge_history_wrap .history_list {
    margin-top: 10px;
  }
  .badge_history_modal .modal_inner .modal_body .badge_history_wrap .history_list ul {
    max-height: 420px;
    overflow-y: auto;
  }
  .badge_history_modal .modal_inner .modal_body .badge_history_wrap .history_list ul li {
    border-radius: 18px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
  }
  .badge_history_modal .modal_inner .modal_body .badge_history_wrap .history_list ul li span {
    font-size: 12px;
    letter-spacing: 0;
    color: #8c8c8c;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .badge_history_modal .modal_inner .modal_body .badge_history_wrap .history_list ul li span:first-child {
    min-width: 30%;
    flex: 0.3;
    border-radius: 12px 0 0 12px;
    border-right: 1px dotted #e3e3e3;
  }
  .badge_history_modal .modal_inner .modal_body .badge_history_wrap .history_list ul li span:first-child::before {
    content: "";
    display: block;
    width: 17px;
    min-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%3Ccircle cx='8.5' cy='8' r='5' fill='%23AAA'/%3E%3Cpath fill='%23fff' d='M7.5 5h1v4h-1V5ZM9.509 8.014l-.014 1L8.5 9l.014-1 .995.014ZM10.509 8.014l-.014 1L9.5 9l.014-1 .995.014Z'/%3E%3C/svg%3E");
    background-size: cover;
    margin-right: 4px;
  }
  .badge_history_modal .modal_inner .modal_body .badge_history_wrap .history_list ul li span:last-child {
    color: #5c5c5c;
    flex: 1;
    border-radius: 0 12px 12px 0;
  }
  .badge_history_modal .modal_inner .modal_body .badge_history_wrap .history_empty {
    border-bottom: 1px solid #aaa;
  }
  .badge_history_modal .modal_inner .modal_body .badge_history_wrap .history_empty span {
    min-height: 180px;
    height: 180px;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .badge_history_modal .modal_inner .button_area {
    padding-bottom: 40px;
  }
  .video_modal .modal_inner .modal_header {
    max-width: 910px;
  }
  .video_modal .modal_inner .modal_body {
    padding: 10px 10px;
    border-radius: 0 0 16px 16px;
    max-width: 910px;
  }
  .video_modal .modal_inner .modal_body .video {
    position: relative;
    width: 100%;
    padding-bottom: 56.4%;
  }
  .video_modal .modal_inner .modal_body .video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .video_modal .modal_inner .modal_body .title {
    padding: 20px 0;
    color: #5c5c5c;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
  }
  .video_modal .modal_inner .modal_body .today_close_button {
    padding-top: 20px;
    margin: 0 auto;
    width: min-content;
    cursor: pointer;
  }
  .video_modal .modal_inner .modal_body .today_close_button i {
    position: relative;
    border: 1px solid #626262;
    width: 16px;
    min-width: 16px;
    height: 16px;
    margin-right: 10px;
  }
  .video_modal .modal_inner .modal_body .today_close_button i::before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    content: "";
    width: 8px;
    height: 8px;
    background: #00b670;
  }
  .video_modal .modal_inner .modal_body .today_close_button span {
    color: #5c5c5c;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    white-space: nowrap;
  }
  .video_modal .modal_inner .pager {
    position: relative;
    top: 30px;
    width: 100%;
    max-width: 0px;
    display: flex;
    justify-content: center;
    gap: 0;
  }
  .video_modal .modal_inner .pager .prev_button {
    position: relative;
    left: -10px;
  }
  .video_modal .modal_inner .pager .prev_button::before {
    content: "";
    display: block;
    width: 40px;
    height: 40px;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' fill='none'%3E%3Crect width='50' height='50' fill='%23fff' rx='10'/%3E%3Cpath stroke='%231D2A33' stroke-linecap='round' stroke-width='4' d='m24 32-6-6 6-6M21 26h12'/%3E%3C/svg%3E");
    background-size: cover;
  }
  .video_modal .modal_inner .pager .next_button {
    position: relative;
    right: -10px;
  }
  .video_modal .modal_inner .pager .next_button::before {
    content: "";
    display: block;
    width: 40px;
    height: 40px;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' fill='none'%3E%3Crect width='50' height='50' fill='%23fff' rx='10' transform='matrix(-1 0 0 1 50 0)'/%3E%3Cpath stroke='%231D2A33' stroke-linecap='round' stroke-width='4' d='m26 32 6-6-6-6M29 26H17'/%3E%3C/svg%3E");
    background-size: cover;
  }
  .normal_modal .modal_inner .modal_header,
  .normal_video_modal .modal_inner .modal_header {
    max-width: 910px;
  }
  .normal_modal .modal_inner .modal_body,
  .normal_video_modal .modal_inner .modal_body {
    padding: 10px 10px;
    border-radius: 0 0 16px 16px;
    max-width: 910px;
  }
  .normal_modal .modal_inner .modal_body .video,
  .normal_video_modal .modal_inner .modal_body .video {
    position: relative;
    width: 100%;
    padding-bottom: 56.4%;
  }
  .normal_modal .modal_inner .modal_body .video iframe,
  .normal_video_modal .modal_inner .modal_body .video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .normal_modal .modal_inner .modal_body .title,
  .normal_video_modal .modal_inner .modal_body .title {
    padding: 20px 0;
    color: #5c5c5c;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
  }
  .normal_modal .modal_inner .modal_body .today_close_button,
  .normal_video_modal .modal_inner .modal_body .today_close_button {
    padding-top: 20px;
    margin: 0 auto;
    width: min-content;
    cursor: pointer;
  }
  .normal_modal .modal_inner .modal_body .today_close_button i,
  .normal_video_modal .modal_inner .modal_body .today_close_button i {
    position: relative;
    border: 1px solid #626262;
    width: 16px;
    min-width: 16px;
    height: 16px;
    margin-right: 10px;
  }
  .normal_modal .modal_inner .modal_body .today_close_button i::before,
  .normal_video_modal .modal_inner .modal_body .today_close_button i::before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    content: "";
    width: 8px;
    height: 8px;
    background: #00b670;
  }
  .normal_modal .modal_inner .modal_body .today_close_button span,
  .normal_video_modal .modal_inner .modal_body .today_close_button span {
    color: #5c5c5c;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    white-space: nowrap;
  }
  .normal_modal .modal_inner .pager,
  .normal_video_modal .modal_inner .pager {
    position: relative;
    top: 30px;
    width: 100%;
    max-width: 0px;
    display: flex;
    justify-content: center;
    gap: 0;
  }
  .normal_modal .modal_inner .pager .prev_button,
  .normal_video_modal .modal_inner .pager .prev_button {
    position: relative;
    left: -10px;
  }
  .normal_modal .modal_inner .pager .prev_button::before,
  .normal_video_modal .modal_inner .pager .prev_button::before {
    content: "";
    display: block;
    width: 40px;
    height: 40px;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' fill='none'%3E%3Crect width='50' height='50' fill='%23fff' rx='10'/%3E%3Cpath stroke='%231D2A33' stroke-linecap='round' stroke-width='4' d='m24 32-6-6 6-6M21 26h12'/%3E%3C/svg%3E");
    background-size: cover;
  }
  .normal_modal .modal_inner .pager .next_button,
  .normal_video_modal .modal_inner .pager .next_button {
    position: relative;
    right: -10px;
  }
  .normal_modal .modal_inner .pager .next_button::before,
  .normal_video_modal .modal_inner .pager .next_button::before {
    content: "";
    display: block;
    width: 40px;
    height: 40px;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' fill='none'%3E%3Crect width='50' height='50' fill='%23fff' rx='10' transform='matrix(-1 0 0 1 50 0)'/%3E%3Cpath stroke='%231D2A33' stroke-linecap='round' stroke-width='4' d='m26 32 6-6-6-6M29 26H17'/%3E%3C/svg%3E");
    background-size: cover;
  }
  .image_modal .modal_inner .modal_body {
    position: relative;
    padding: 10px;
    border-radius: 0 0 16px 16px;
  }
  .image_modal .modal_inner .modal_body .detail_image img {
    max-width: 100%;
  }
  .image_modal .modal_inner .modal_body .title {
    padding: 20px 0 10px;
    color: #5c5c5c;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
  }
  .image_modal .modal_inner .modal_body .today_close_button {
    padding-top: 10px;
    margin: 0 auto;
    width: min-content;
    cursor: pointer;
  }
  .image_modal .modal_inner .modal_body .today_close_button i {
    position: relative;
    border: 1px solid #626262;
    width: 16px;
    min-width: 16px;
    height: 16px;
    margin-right: 10px;
  }
  .image_modal .modal_inner .modal_body .today_close_button i::before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    content: "";
    width: 8px;
    height: 8px;
    background: #00b670;
  }
  .image_modal .modal_inner .modal_body .today_close_button span {
    color: #5c5c5c;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    white-space: nowrap;
  }
  .image_modal .modal_inner .pager {
    position: relative;
    top: 30px;
    width: 100%;
    max-width: 0px;
    display: flex;
    justify-content: center;
    gap: 0%;
  }
  .image_modal .modal_inner .pager .prev_button {
    position: relative;
    left: -10px;
  }
  .image_modal .modal_inner .pager .prev_button::before {
    content: "";
    display: block;
    width: 40px;
    height: 40px;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' fill='none'%3E%3Crect width='50' height='50' fill='%23fff' rx='10'/%3E%3Cpath stroke='%231D2A33' stroke-linecap='round' stroke-width='4' d='m24 32-6-6 6-6M21 26h12'/%3E%3C/svg%3E");
    background-size: cover;
  }
  .image_modal .modal_inner .pager .next_button {
    position: relative;
    right: -10px;
  }
  .image_modal .modal_inner .pager .next_button::before {
    content: "";
    display: block;
    width: 40px;
    height: 40px;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' fill='none'%3E%3Crect width='50' height='50' fill='%23fff' rx='10' transform='matrix(-1 0 0 1 50 0)'/%3E%3Cpath stroke='%231D2A33' stroke-linecap='round' stroke-width='4' d='m26 32 6-6-6-6M29 26H17'/%3E%3C/svg%3E");
    background-size: cover;
  }
  .ranking_detail_modal .modal_inner .modal_body h1 {
    font-size: 18px;
  }
  .ranking_detail_modal .modal_inner .modal_body .ranking_content_box h2 {
    font-size: 16px;
  }
  .ranking_detail_modal .modal_inner .modal_body .ranking_content_box ul li p {
    color: #626262;
    font-weight: 500;
    word-break: keep-all;
    padding: 0 10px 0 22px;
    line-height: 18px;
    font-size: 14px;
  }
  .ranking_detail_modal .modal_inner .modal_body .ranking_content_box ul li p:first-child::before {
    content: "•";
    display: inline-block;
    position: absolute;
    left: 8px;
  }
  .alert_modal .modal_inner {
    position: relative;
    width: 100%;
    max-width: 500px;
  }
  .alert_modal .modal_inner .modal_body {
    padding: 30px 30px 25px;
  }
  .alert_modal .modal_inner .modal_body .title {
    color: #626262;
    font-size: 20px;
    font-style: normal;
    letter-spacing: 0;
    text-align: center;
  }
  .alert_modal .modal_inner .modal_body .message {
    margin-top: 15px;
    color: #626262;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: 0;
    max-height: 500px;
    overflow-y: auto;
  }
  .winner_modal .modal_inner {
    max-width: 455px;
    padding: 0;
  }
  .live_video_modal {
    right: 15px;
    bottom: 15px;
  }
  .live_video_modal.on {
    right: 60px;
    bottom: 15px;
  }
}
@media (max-width: 720px) {
  .winner_modal .wm_inner {
    max-width: 298px;
  }
  .winner_modal .wm_inner .wm_body {
    padding: 30px 15px;
    min-height: 500px;
  }
  .winner_modal .wm_inner .wm_body p.w_title {
    margin-right: 0;
    margin-bottom: 16px;
    font-size: 22px;
    font-weight: 700;
    line-height: 28.6px;
    letter-spacing: -0.44px;
  }
  .winner_modal .wm_inner .wm_body .w_tb1 p.w_t2 {
    margin-right: 0;
    font-size: 15px;
    font-weight: 700;
    line-height: 19.5px;
    letter-spacing: 0;
  }
  .winner_modal .wm_inner .wm_body .w_tb1 p.w_nt {
    font-size: 13px;
    font-weight: 400;
    line-height: 18.85px;
    letter-spacing: -0.26px;
  }
  .winner_modal .wm_inner .wm_body .w_tb1 p.w_nt2 {
    margin-bottom: 18px;
  }
  .winner_modal .wm_inner .wm_body .w_tb2 {
    margin-top: 17px;
  }
  .winner_modal .wm_inner .wm_body .w_tb2 p.w_t3 {
    font-size: 16px;
    font-weight: 700;
    line-height: 20.8px;
    letter-spacing: 0;
  }
  .winner_modal .wm_inner .wm_body .w_tb2 ul.w_list li {
    color: #626262;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0;
  }
  .winner_modal .wm_inner .wm_body .w_trophy {
    right: 14px;
    width: 152px;
    height: 286px;
    background-image: url(https://lwi.nexon.com/m_mabinogim/brand/common/m/w_trophy_m.png);
  }
}
footer#footerJS {
  width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  min-height: 80px;
  background-color: #fff !important;
  position: relative;
}

.footBox {
  width: 98%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  max-width: 1080px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 15px 0;
  gap: 20px;
}
@media (max-width: 991px) {
  .footBox {
    max-width: 530px;
    width: 106%;
    height: auto;
    transform: scale(0.9) translateX(-2%);
    justify-content: center;
    padding: 10px 0;
    gap: 10px;
  }
}
.footBox img.foCi {
  margin: 5px 0;
  margin-right: 10px;
  max-height: 30px;
}
.footBox img.foTasri {
  margin: 5px 10px;
  max-width: 50px;
}
@media (max-width: 991px) {
  .footBox img.foTasri {
    width: 40px;
    margin: 0 10px 0 0;
  }
}
.footBox p.foCopy {
  font-size: 10px;
  font-weight: 400;
  line-height: 40px;
  letter-spacing: 0;
  color: #525252;
  text-align: center;
}
@media (max-width: 991px) {
  .footBox p.foCopy {
    font-size: 10px;
    font-weight: 400;
    line-height: 2em;
    letter-spacing: 0;
    width: 100%;
  }
}
.footBox .bi {
  display: flex;
  align-items: center;
}
.footBox .list {
  display: flex;
  align-items: center;
}
@media (max-width: 991px) {
  .footBox .list {
    justify-content: center;
    transform: scale(0.9);
  }
}
.footBox ul.foList {
  font-size: 10px;
  font-weight: 400;
  line-height: 1.3em;
  letter-spacing: 0;
  list-style-type: none;
  color: #525252;
}
@media (max-width: 991px) {
  .footBox ul.foList {
    letter-spacing: 0 !important;
    width: auto;
    flex: 0 0 auto;
  }
}
.footBox ul.foList li {
  line-height: 1.5em;
}

#header {
  width: 100%;
  display: flex;
  position: absolute;
  align-items: center;
  top: 55px;
  z-index: 10;
  padding: 16px 16px 16px 56px;
}
#header .logo {
  display: none;
}
#header .util {
  display: flex;
  margin-left: auto;
  margin-right: 8px;
}
#header .util > li {
  width: 48px;
  height: 48px;
  cursor: pointer;
}
#header .util > li:not(.btn_share) {
  filter: brightness(0.9);
}
#header .util > li a,
#header .util > li button {
  display: block;
  font-size: 0px;
  width: 100%;
  height: 100%;
}
#header .util > li:hover:not(.btn_share) {
  filter: brightness(1);
}
#header .util .home {
  background: url(https://lwi.nexon.com/m_mabinogim/event/2025/0327_festival_E9A78225DE2FAD5B/header/ic_home_8207494acb5c1c5f.webp);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  max-width: 30px;
  aspect-ratio: 1/1;
  margin: 0 8px;
}
#header .util .youtube {
  background: url(https://lwi.nexon.com/m_mabinogim/event/2025/0327_festival_E9A78225DE2FAD5B/header/ic_youtube_b4b1db420fd6bbeb.webp);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  max-width: 30px;
  aspect-ratio: 1/1;
  margin: 0 8px;
}
#header .util .dc {
  background: url(https://nxtw.dn.nexoncdn.co.kr/mbm/event/2026/0722_06e0iyemi5/icon_dc.BRRKIwQn.png);
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  max-width: 30px;
  aspect-ratio: 1/1;
  margin: 0 8px;
}
#header .util .share {
  background: url(https://nxtw.dn.nexoncdn.co.kr/mbm/event/2026/0826_m8zug5ezdq/header/ic_share.png);
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  max-width: 20px;
  aspect-ratio: 1/1;
  margin: 0 8px;
}
#header .util .btn_share {
  display: flex;
  flex-direction: column;
  background: url(https://lwi.nexon.com/m_mabinogim/event/2025/0327_festival_E9A78225DE2FAD5B/header/ic_share_4ab0a5489d5430c9.webp);
  background-size: cover;
  border-top-left-radius: 26px;
  border-top-right-radius: 26px;
  cursor: pointer;
  position: relative;
  z-index: 1012;
}
#header .util .btn_share:hover {
  background: url(https://lwi.nexon.com/m_mabinogim/event/2025/0327_festival_E9A78225DE2FAD5B/header/ic_share_hover_db564c65ad966867.webp) #fff;
  width: 48px;
  background-size: contain;
}
#header .util .btn_share:hover .sns {
  visibility: visible;
}
#header .util .sns {
  display: flex;
  flex-direction: column;
  border-radius: 26px;
  background: #FFF;
  margin-top: 48px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  visibility: hidden;
  padding: 6px;
  align-items: center;
  width: 48px;
  position: relative;
}
#header .util .sns li {
  width: 36px;
  height: 36px;
}
#header .util .sns li:hover {
  filter: brightness(0.95);
}
#header .util .sns .btn_link {
  background: url(https://lwi.nexon.com/m_mabinogim/event/2025/0327_festival_E9A78225DE2FAD5B/header/ic_link_131d1f4c05ab94e5.webp);
  background-size: cover;
}
#header .util .sns .btn_fb {
  background: url(https://lwi.nexon.com/m_mabinogim/event/2025/0327_festival_E9A78225DE2FAD5B/header/ic_fb_2a187fa3a3146028.webp);
  background-size: cover;
}
#header .util .sns .btn_x {
  background: url(https://lwi.nexon.com/m_mabinogim/event/2025/0327_festival_E9A78225DE2FAD5B/header/ic_x_c6db70d1fd8a9e01.webp);
  background-size: cover;
}
#header .btn_gameStart {
  font-family: "Klavika NX Bold";
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
  width: 148px;
  height: 48px;
  font-size: 13px;
  background-color: #fff;
  transition: all 300ms ease-in-out;
}
@media (max-width: 1280px) {
  #header .btn_gameStart {
    height: 30px;
    font-size: 10px;
  }
}
@media (max-width: 720px) {
  #header .btn_gameStart {
    display: none;
  }
}
#header .btn_gameStart:hover {
  color: #fff;
  background-color: #0fb376;
}
#header .today_close {
  position: absolute;
  top: 80px;
  right: 16px;
  width: 147px;
  height: 19px;
  background-image: url(https://lwi.nexon.com/m_mabinogim/event/2025/0529_event_00DCF0AE21316AB6/today_close.png);
  background-size: 100% auto;
}
@media (hover: hover) and (min-width: 1280px) {
  #header .today_close:hover {
    background-position-y: 100%;
  }
}

@media (max-width: 1280px) {
  #header {
    top: 50px;
    transition: 0.5s all;
  }
}
@media (max-width: 720px) {
  #header {
    padding-right: 0;
    transform-origin: right center;
  }
}
nav {
  position: fixed !important;
  top: 0;
  z-index: 999;
  width: 100%;
}

.isHide nav {
  display: none !important;
}

.wrap {
  position: relative;
  width: 100%;
  height: calc(var(--vh, 1vh) * 100 - var(--pc-top-height));
  min-height: 836px;
  overflow: hidden;
  background-color: #000;
}
.wrap .scroll_area {
  position: relative;
  height: 100%;
  overflow: hidden;
  /*------------------ Section_layout -------------------*/
}
.wrap .scroll_area .section {
  position: relative;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  overflow: hidden;
  min-height: 900px;
}
.wrap .scroll_area .section .inner {
  position: relative;
  width: 100%;
  max-width: 1200px;
  height: 100%;
}
.wrap .scroll_area .section .inner .content_area {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.wrap .scroll_area {
  /*------------------ Section_1 PC -------------------*/
}
.wrap .scroll_area .section_1 {
  background-color: #000;
}
.wrap .scroll_area .section_1 .video_bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
}
.wrap .scroll_area .section_1 .video_bg video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  vertical-align: top;
}
.wrap .scroll_area .section_1 .video_bg .dimmed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}
.wrap .scroll_area .section_1 .inner .content_area .logo {
  width: 8.4166666667%;
  margin-bottom: 0%;
  margin-top: 0%;
  transition: 0.5s all;
}
.wrap .scroll_area .section_1 .inner .content_area .title {
  width: 45.75%;
  margin-bottom: 2%;
  transition: 0.5s all;
}
.wrap .scroll_area .section_1 .inner .content_area button.video_button {
  position: relative;
  width: 12.5%;
  padding-bottom: 11.2%;
  background-image: url(https://nxtw.dn.nexoncdn.co.kr/mbm/event/2026/0826_m8zug5ezdq/s1/play.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
  aspect-ratio: 1/1;
}
.wrap .scroll_area .section_1 .inner .content_area button.video_button .round_1 {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  transform-origin: center 50%;
  aspect-ratio: 1/1;
  animation: round_1 26s reverse infinite linear;
}
.wrap .scroll_area .section_1 .inner .content_area button.video_button .round_2 {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  transform-origin: center 50%;
  transform-origin: center 50%;
  aspect-ratio: 1/1;
  animation: round_2 26s reverse infinite linear;
}
@keyframes round_1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes round_2 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
@media (hover: hover) and (min-width: 1280px) {
  .wrap .scroll_area .section_1 .inner .content_area button.video_button:hover {
    background-position-y: 100%;
  }
}
.wrap .scroll_area .section_1 .inner .content_area .float_scroll {
  position: absolute;
  bottom: 10%;
  width: 18px;
  height: 55px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='55' fill='none'%3E%3Cg clip-path='url(%23clip0_3831_2191)'%3E%3Crect width='16' height='24' x='1' y='1' stroke='%23fff' stroke-width='2' rx='8'/%3E%3Crect width='2' height='3' x='8' y='7' fill='%23fff' rx='1'/%3E%3C/g%3E%3C/svg%3E");
  z-index: 1;
  transition: all 0.3s;
}
.wrap .scroll_area .section_1 .inner .content_area .float_scroll span:nth-child(1) {
  position: absolute;
  left: 3px;
  top: 30px;
  width: 12px;
  height: 7px;
  background-image: url(https://lwi.nexon.com/m_mabinogim/event/2025/0424_event_BC47981295413D28/scroll_1.png);
  animation: scrollMove 1.6s infinite linear;
}
.wrap .scroll_area .section_1 .inner .content_area .float_scroll span:nth-child(2) {
  position: absolute;
  left: 3px;
  top: 40px;
  width: 12px;
  height: 7px;
  background-image: url(https://lwi.nexon.com/m_mabinogim/event/2025/0424_event_BC47981295413D28/scroll_2.png);
  animation: scrollMove 1.6s 0.1s infinite linear;
}
.wrap .scroll_area .section_1 .inner .content_area .float_scroll span:nth-child(3) {
  position: absolute;
  left: 3px;
  top: 50px;
  width: 12px;
  height: 7px;
  background-image: url(https://lwi.nexon.com/m_mabinogim/event/2025/0424_event_BC47981295413D28/scroll_3.png);
  animation: scrollMove 1.6s 0.2s infinite linear;
}
@keyframes scrollMove {
  0% {
    opacity: 0;
    transform: translateY(0px);
  }
  100% {
    opacity: 1;
    transform: translateY(5px);
  }
}
.wrap .scroll_area .section_1 .inner .content_area .game_button {
  position: absolute;
  bottom: 0;
  width: 29.1666666667%;
  aspect-ratio: 350/60;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-image: url(https://nxtw.dn.nexoncdn.co.kr/mbm/event/2026/0826_m8zug5ezdq/s1/start_btn.png);
}
@media (hover: hover) and (min-width: 1280px) {
  .wrap .scroll_area .section_1 .inner .content_area .game_button:hover {
    background-image: url(https://nxtw.dn.nexoncdn.co.kr/mbm/event/2026/0826_m8zug5ezdq/s1/start_btn.png);
    filter: brightness(1.2);
    transition: 0.5s all;
  }
}
.wrap .scroll_area {
  /*------------------ Section_2 PC -------------------*/
}
.wrap .scroll_area .section_2 {
  background: url(https://nxtw.dn.nexoncdn.co.kr/mbm/event/2026/0826_m8zug5ezdq/s2/bg_2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
.wrap .scroll_area .section_2 .inner .content_area .title {
  width: 69.625%;
}
.wrap .scroll_area .section_2 .inner .content_area .register {
  position: relative;
  margin-top: 28px;
  width: 90.5%;
  aspect-ratio: 1086/580;
  background-repeat: no-repeat;
  background-size: 100%;
}
.wrap .scroll_area .section_2 .inner .content_area .register .pc_image {
  display: block;
}
.wrap .scroll_area .section_2 .inner .content_area .register .mobile_image {
  display: none;
}
.wrap .scroll_area .section_2 .inner .content_area .register .register_area {
  position: absolute;
  top: 0px;
  left: 42%;
  width: 58.012%;
  height: 100%;
  padding: 0 3.684%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.wrap .scroll_area .section_2 .inner .content_area .register .register_area .age_checker {
  color: #4D4ED4;
  text-align: center;
  margin-bottom: 5%;
}
.wrap .scroll_area .section_2 .inner .content_area .register .register_area .store_selector {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 8%;
}
.wrap .scroll_area .section_2 .inner .content_area .register .register_area .store_selector .store {
  display: flex;
  height: 100%;
  width: 52.4%;
}
.wrap .scroll_area .section_2 .inner .content_area .register .register_area .store_selector .store .radio_box {
  position: relative;
  border-radius: 40px;
  border: 2px solid #EEE;
  width: 54%;
  height: 100%;
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 0 2%;
}
.wrap .scroll_area .section_2 .inner .content_area .register .register_area .store_selector .store .radio_box:has(> input[type=radio]:checked) {
  border: 2px solid #4D4EDC;
}
.wrap .scroll_area .section_2 .inner .content_area .register .register_area .store_selector .store .radio_box input {
  width: 1px;
  height: 1px;
  visibility: hidden;
}
.wrap .scroll_area .section_2 .inner .content_area .register .register_area .store_selector .store .radio_box .check_icon {
  width: 21.25%;
  height: 59%;
  margin-right: 6%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' fill='none'%3E%3Ccircle cx='12' cy='12.5' r='11' stroke='%23EEE' stroke-width='2' style='stroke:%23eee;stroke:color(display-p3 .9333 .9333 .9333);stroke-opacity:1'/%3E%3C/svg%3E");
  background-size: 100% auto;
  background-repeat: no-repeat;
}
.wrap .scroll_area .section_2 .inner .content_area .register .register_area .store_selector .store .radio_box .check_icon.on {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' fill='none'%3E%3Ccircle cx='12' cy='12.5' r='8' stroke='%234D4ED4' stroke-width='8' style='stroke:%234d4ed4;stroke:color(display-p3 .3039 .3076 .8317);stroke-opacity:1'/%3E%3C/svg%3E");
}
.wrap .scroll_area .section_2 .inner .content_area .register .register_area .store_selector .store .radio_box:has(> input[type=radio]:checked) > .check_icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' fill='none'%3E%3Ccircle cx='12' cy='12.5' r='8' stroke='%234D4ED4' stroke-width='8' style='stroke:%234d4ed4;stroke:color(display-p3 .3039 .3076 .8317);stroke-opacity:1'/%3E%3C/svg%3E");
}
.wrap .scroll_area .section_2 .inner .content_area .register .register_area .store_selector .store .radio_box span {
  display: flex;
  align-items: center;
  font-size: min(1.34vw, 16px);
  letter-spacing: -0.32px;
  white-space: nowrap;
}
.wrap .scroll_area .section_2 .inner .content_area .register .register_area .store_selector .store .radio_box:last-child {
  width: 60%;
  margin-left: 6%;
}
.wrap .scroll_area .section_2 .inner .content_area .register .register_area .store_selector .store .radio_box:last-child .check_icon {
  width: 18.92%;
}
.wrap .scroll_area .section_2 .inner .content_area .register .register_area .store_selector .notice {
  font-family: "Pretendard-Bold", sans-serif;
  border: 1px solid #CCC;
  font-size: min(1.2vw, 14px);
  color: #999;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 80%;
  white-space: nowrap;
  width: 26%;
}
.wrap .scroll_area .section_2 .inner .content_area .register .register_area .store_selector .notice::before {
  content: "";
  display: block;
  width: 11.348%;
  min-width: 11.348%;
  height: 52.7%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Ccircle cx='8' cy='8' r='8' fill='%23CCC' style='fill:%23ccc;fill:color(display-p3 .8 .8 .8);fill-opacity:1'/%3E%3Cpath fill='%23fff' d='M7 4h2v5H7V4ZM7 10h2v2H7v-2Z' style='fill:%23fff;fill-opacity:1'/%3E%3C/svg%3E");
  background-size: 100% auto;
  background-repeat: no-repeat;
  margin-right: 4%;
}
@media (hover: hover) and (min-width: 1280px) {
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .store_selector .notice:hover {
    border: 1px solid #4D4EDC;
    color: #4D4EDC;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .store_selector .notice:hover::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Ccircle cx='8' cy='8' r='8' fill='%234D4ED4' style='fill:%234d4ed4;fill:color(display-p3 .302 .3059 .8314);fill-opacity:1'/%3E%3Cpath fill='%23fff' d='M7 4h2v5H7V4ZM7 10h2v2H7v-2Z' style='fill:%23fff;fill-opacity:1'/%3E%3C/svg%3E");
  }
}
.wrap .scroll_area .section_2 .inner .content_area .register .register_area .agree_selector {
  margin-top: 2%;
  height: 29.6551%;
}
.wrap .scroll_area .section_2 .inner .content_area .register .register_area .agree_selector .agree_all {
  height: 36.0465%;
  border-radius: 18px;
  background: #F3F3F3;
}
.wrap .scroll_area .section_2 .inner .content_area .register .register_area .agree_selector .agree_all label {
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0 4%;
}
.wrap .scroll_area .section_2 .inner .content_area .register .register_area .agree_selector .agree_all label input {
  width: 1px;
  height: 1px;
  visibility: hidden;
}
.wrap .scroll_area .section_2 .inner .content_area .register .register_area .agree_selector .agree_all label .checkbox_icon {
  width: 4.744%;
  height: 38.5%;
  margin-right: 2%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Crect width='22' height='22' x='1' y='1' stroke='%23CCC' stroke-width='2' rx='3' style='stroke:%23ccc;stroke:color(display-p3 .8 .8 .8);stroke-opacity:1'/%3E%3Cpath fill='%23CCC' d='M15.96 7.336a1.217 1.217 0 0 1 1.608-.063c.477.391.568 1.07.228 1.565l-.074.097L10.88 17l-4.529-4.45-.082-.09a1.163 1.163 0 0 1 .082-1.577 1.215 1.215 0 0 1 1.606-.08l.091.08 2.67 2.623 5.16-6.082.082-.088Z' style='fill:%23ccc;fill:color(display-p3 .8 .8 .8);fill-opacity:1'/%3E%3C/svg%3E");
  background-size: 100% auto;
  background-repeat: no-repeat;
}
.wrap .scroll_area .section_2 .inner .content_area .register .register_area .agree_selector .agree_all label .checkbox_icon.on {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Crect width='21' height='21' x='1.5' y='1.5' stroke='%234D4ED4' stroke-width='3' rx='2.5' style='stroke:%234d4ed4;stroke:color(display-p3 .302 .3059 .8314);stroke-opacity:1'/%3E%3Cpath fill='%234D4ED4' d='M15.96 7.336a1.217 1.217 0 0 1 1.608-.063c.477.391.568 1.07.228 1.565l-.074.097L10.88 17l-4.529-4.45-.082-.09a1.163 1.163 0 0 1 .082-1.577 1.215 1.215 0 0 1 1.606-.08l.091.08 2.67 2.623 5.16-6.082.082-.088Z' style='fill:%234d4ed4;fill:color(display-p3 .302 .3059 .8314);fill-opacity:1'/%3E%3C/svg%3E");
}
.wrap .scroll_area .section_2 .inner .content_area .register .register_area .agree_selector .agree_all label:has(> input[type=checkbox]:checked) > .checkbox_icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Crect width='21' height='21' x='1.5' y='1.5' stroke='%234D4ED4' stroke-width='3' rx='2.5' style='stroke:%234d4ed4;stroke:color(display-p3 .302 .3059 .8314);stroke-opacity:1'/%3E%3Cpath fill='%234D4ED4' d='M15.96 7.336a1.217 1.217 0 0 1 1.608-.063c.477.391.568 1.07.228 1.565l-.074.097L10.88 17l-4.529-4.45-.082-.09a1.163 1.163 0 0 1 .082-1.577 1.215 1.215 0 0 1 1.606-.08l.091.08 2.67 2.623 5.16-6.082.082-.088Z' style='fill:%234d4ed4;fill:color(display-p3 .302 .3059 .8314);fill-opacity:1'/%3E%3C/svg%3E");
}
.wrap .scroll_area .section_2 .inner .content_area .register .register_area .agree_selector .agree_all label span {
  font-size: min(1.4vw, 17px);
}
.wrap .scroll_area .section_2 .inner .content_area .register .register_area .agree_selector .agree_list {
  height: 100%;
}
.wrap .scroll_area .section_2 .inner .content_area .register .register_area .agree_selector .agree_list ul {
  height: 100%;
}
.wrap .scroll_area .section_2 .inner .content_area .register .register_area .agree_selector .agree_list ul li {
  display: flex;
  justify-content: space-between;
}
.wrap .scroll_area .section_2 .inner .content_area .register .register_area .agree_selector .agree_list ul li:first-child {
  margin-top: 2.2%;
}
.wrap .scroll_area .section_2 .inner .content_area .register .register_area .agree_selector .agree_list ul li:nth-child(2) {
  margin-top: 1%;
}
.wrap .scroll_area .section_2 .inner .content_area .register .register_area .agree_selector .agree_list ul li:nth-child(3) {
  margin-top: 1.8%;
}
.wrap .scroll_area .section_2 .inner .content_area .register .register_area .agree_selector .agree_list ul li label {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-start;
  padding: 0 4%;
}
.wrap .scroll_area .section_2 .inner .content_area .register .register_area .agree_selector .agree_list ul li label input {
  width: 1px;
  height: 1px;
  visibility: hidden;
}
.wrap .scroll_area .section_2 .inner .content_area .register .register_area .agree_selector .agree_list ul li label .checkbox_icon {
  width: 4%;
  aspect-ratio: 1/1;
  height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Crect width='19' height='19' x='.5' y='.5' stroke='%23CCC' rx='3.5' style='stroke:%23ccc;stroke:color(display-p3 .8 .8 .8);stroke-opacity:1'/%3E%3Cpath fill='%23CCC' d='M13.3 6.268a1.046 1.046 0 0 1 1.34-.05.907.907 0 0 1 .19 1.252l-.062.078L9.068 14l-3.775-3.56-.069-.072a.904.904 0 0 1 .069-1.262 1.044 1.044 0 0 1 1.338-.064l.076.064 2.224 2.098 4.3-4.865.07-.07Z' style='fill:%23ccc;fill:color(display-p3 .8 .8 .8);fill-opacity:1'/%3E%3C/svg%3E");
  background-size: 100% auto;
  background-repeat: no-repeat;
}
.wrap .scroll_area .section_2 .inner .content_area .register .register_area .agree_selector .agree_list ul li label .checkbox_icon.on {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Crect width='18' height='18' x='1' y='1' stroke='%234D4ED4' stroke-width='2' rx='3' style='stroke:%234d4ed4;stroke:color(display-p3 .302 .3059 .8314);stroke-opacity:1'/%3E%3Cpath fill='%234D4ED4' d='M13.3 6.268a1.046 1.046 0 0 1 1.34-.05.907.907 0 0 1 .19 1.252l-.062.078L9.068 14l-3.775-3.56-.069-.072a.904.904 0 0 1 .069-1.262 1.044 1.044 0 0 1 1.338-.064l.076.064 2.224 2.098 4.3-4.865.07-.07Z' style='fill:%234d4ed4;fill:color(display-p3 .302 .3059 .8314);fill-opacity:1'/%3E%3C/svg%3E");
}
.wrap .scroll_area .section_2 .inner .content_area .register .register_area .agree_selector .agree_list ul li label:has(> input[type=checkbox]:checked) > .checkbox_icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Crect width='18' height='18' x='1' y='1' stroke='%234D4ED4' stroke-width='2' rx='3' style='stroke:%234d4ed4;stroke:color(display-p3 .302 .3059 .8314);stroke-opacity:1'/%3E%3Cpath fill='%234D4ED4' d='M13.3 6.268a1.046 1.046 0 0 1 1.34-.05.907.907 0 0 1 .19 1.252l-.062.078L9.068 14l-3.775-3.56-.069-.072a.904.904 0 0 1 .069-1.262 1.044 1.044 0 0 1 1.338-.064l.076.064 2.224 2.098 4.3-4.865.07-.07Z' style='fill:%234d4ed4;fill:color(display-p3 .302 .3059 .8314);fill-opacity:1'/%3E%3C/svg%3E");
}
.wrap .scroll_area .section_2 .inner .content_area .register .register_area .agree_selector .agree_list ul li label span {
  color: #666;
  font-size: min(1vw, 13px);
  line-height: min(1.6vw, 20px);
  letter-spacing: 0;
  margin-left: 2%;
}
.wrap .scroll_area .section_2 .inner .content_area .register .register_area .agree_selector .agree_list ul li label a.link {
  color: #7979b8;
  text-decoration: underline;
  padding: 0 2px;
}
.wrap .scroll_area .section_2 .inner .content_area .register .register_area .agree_selector .agree_list ul li button {
  font-family: "Pretendard-Bold", sans-serif;
  border: 1px solid #ccc;
  border-radius: 24px;
  font-size: min(1vw, 12px);
  color: #999;
  margin-right: 4.4%;
  white-space: nowrap;
  width: 15%;
  height: 106%;
}
@media (hover: hover) and (min-width: 1280px) {
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .agree_selector .agree_list ul li button:hover {
    border: 1px solid #4D4EDC;
    color: #4D4EDC;
  }
}
.wrap .scroll_area .section_2 .inner .content_area .register .register_area .phone_number_input {
  height: 10.6896%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #F3F3F3;
  border-radius: 18px;
}
.wrap .scroll_area .section_2 .inner .content_area .register .register_area .phone_number_input .input_box {
  width: 100%;
  display: flex;
  align-items: center;
  height: 100%;
}
.wrap .scroll_area .section_2 .inner .content_area .register .register_area .phone_number_input .input_box .first {
  font-family: "Pretendard-Bold", sans-serif;
  font-size: min(2.4vw, 28px);
  margin: 0 2% 0 4%;
}
.wrap .scroll_area .section_2 .inner .content_area .register .register_area .phone_number_input .input_box .phone_select {
  appearance: base-select;
  border: none;
  background: none;
  border-radius: 0;
  font-size: min(1.7vw, 20px);
  display: flex;
  align-items: center;
}
.wrap .scroll_area .section_2 .inner .content_area .register .register_area .phone_number_input .input_box .phone_select::picker-icon {
  content: "▼";
  color: #4D4EDC;
  transition: rotate 0.2s;
  font-size: 12px;
}
.wrap .scroll_area .section_2 .inner .content_area .register .register_area .phone_number_input .input_box .phone_select option {
  border: 1px solid red;
  font-size: 12px;
}
.wrap .scroll_area .section_2 .inner .content_area .register .register_area .phone_number_input .input_box input[type=text] {
  width: 64%;
  outline: none;
  border: none;
  margin-left: 1.2%;
  letter-spacing: -0.34px;
  display: flex;
  height: 100%;
  background-color: #F3F3F3;
  font-size: min(1.4vw, 17px);
}
.wrap .scroll_area .section_2 .inner .content_area .register .register_area .phone_number_input .input_box input[type=text]::placeholder {
  font-size: min(1.4vw, 17px);
  color: #666;
  letter-spacing: 1px;
}
.wrap .scroll_area .section_2 .inner .content_area .register .register_area .phone_number_input button {
  width: 22.548%;
  height: 68.02%;
  margin-right: 2.2%;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
@media (hover: hover) and (min-width: 1280px) {
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .phone_number_input button:hover {
    background-position-y: 100%;
  }
}
.wrap .scroll_area .section_2 .inner .content_area .register .register_area .phone_number_input .get_verify_button {
  background-image: url(https://lwi.nexon.com/m_mabinogim/event/2025/0529_event_00DCF0AE21316AB6/6260AC8ADA3482EE.png);
  background-position-y: 100%;
}
.wrap .scroll_area .section_2 .inner .content_area .register .register_area .phone_number_input .re_verify_button {
  background-image: url(https://lwi.nexon.com/m_mabinogim/event/2025/0529_event_00DCF0AE21316AB6/8260AC8ADA3482EE.png);
  background-position-y: 100%;
}
.wrap .scroll_area .section_2 .inner .content_area .register .register_area .phone_number_confirm {
  margin-top: 1.5%;
  height: 10.6896%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #F3F3F3;
  border-radius: 18px;
  animation: fadeIn 0.6s forwards linear;
}
.wrap .scroll_area .section_2 .inner .content_area .register .register_area .phone_number_confirm .input_box {
  width: 40%;
  height: 100%;
  display: flex;
  align-items: center;
  margin-left: 5.3%;
}
.wrap .scroll_area .section_2 .inner .content_area .register .register_area .phone_number_confirm .input_box input[type=text] {
  background-color: #F3F3F3;
  height: 100%;
  width: 100%;
  outline: none;
  border: none;
  font-size: min(1.4vw, 17px);
  letter-spacing: -0.34px;
}
.wrap .scroll_area .section_2 .inner .content_area .register .register_area .phone_number_confirm .confirm_box {
  width: 20%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.wrap .scroll_area .section_2 .inner .content_area .register .register_area .phone_number_confirm .confirm_box .remain_time {
  display: flex;
}
.wrap .scroll_area .section_2 .inner .content_area .register .register_area .phone_number_confirm .confirm_box .remain_time span {
  white-space: nowrap;
  font-size: min(1.2vw, 14px);
}
.wrap .scroll_area .section_2 .inner .content_area .register .register_area .phone_number_confirm .confirm_box .remain_time span:nth-child(2) {
  margin-left: 4%;
  color: #DF622D;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.wrap .scroll_area .section_2 .inner .content_area .register .register_area .register_button {
  margin-top: 3.6%;
  width: 100%;
  height: 10.69%;
  background-image: url(https://nxtw.dn.nexoncdn.co.kr/mbm/event/2026/0826_m8zug5ezdq/s2/btn_register.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
}
@media (hover: hover) and (min-width: 1280px) {
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .register_button:hover {
    background-position-y: 100%;
  }
}
.wrap .scroll_area .section_2 .inner .content_area .register .register_area .register_button.disable {
  pointer-events: none;
  opacity: 1;
  background-image: url(https://lwi.nexon.com/m_mabinogim/event/2025/0529_event_00DCF0AE21316AB6/CFF3DADCA9C71C95_disable.png);
}
.wrap .scroll_area .section_2 .inner .content_area .register .register_area .download_selector {
  margin-top: 3.5%;
  width: 100%;
  height: 9.09%;
  display: flex;
  justify-content: center;
}
.wrap .scroll_area .section_2 .inner .content_area .register .register_area .download_selector a {
  display: block;
  width: 26.184%;
  height: 100%;
}
.wrap .scroll_area .section_2 .inner .content_area .register .register_area .download_selector a:nth-child(1) {
  background-image: url("https://nxtw.dn.nexoncdn.co.kr/mbm/event/2026/0716_pptdvq158u/main/icon_ios.png");
  background-size: 100% auto;
  background-repeat: no-repeat;
}
.wrap .scroll_area .section_2 .inner .content_area .register .register_area .download_selector a:nth-child(2) {
  margin-left: 1.4%;
  height: 97.84%;
  background-image: url("https://nxtw.dn.nexoncdn.co.kr/mbm/event/2026/0716_pptdvq158u/main/icon_aos.png");
  background-size: 100% auto;
  background-repeat: no-repeat;
}
.wrap .scroll_area .section_2 .inner .content_area .register .register_area .download_selector a:nth-child(3) {
  margin-left: 1.4%;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-image: url("https://nxtw.dn.nexoncdn.co.kr/mbm/event/2026/0716_pptdvq158u/main/icon_win.png");
}
.wrap .scroll_area .section_2 .inner .content_area .register .register_area.disable .store_selector,
.wrap .scroll_area .section_2 .inner .content_area .register .register_area.disable .agree_selector,
.wrap .scroll_area .section_2 .inner .content_area .register .register_area.disable .phone_number_input,
.wrap .scroll_area .section_2 .inner .content_area .register .register_area.disable .phone_number_confirm,
.wrap .scroll_area .section_2 .inner .content_area .register .register_area.disable .register_button {
  pointer-events: none;
  opacity: 0.4;
}
.wrap .scroll_area .section_2 .inner .content_area .register .register_area .phone_number_cancel {
  position: absolute;
  bottom: 0;
  right: 20px;
  border: 1px solid #000;
}
.wrap .scroll_area .section_2 .inner .content_area .character {
  position: absolute;
  left: -27%;
  bottom: 0%;
  width: 44.1666666667%;
  pointer-events: none;
  height: 95%;
  min-height: 800px;
  max-height: 1100px;
  background: url(https://nxtw.dn.nexoncdn.co.kr/mbm/event/2026/0826_m8zug5ezdq/s2/s2_char.png);
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: center;
}
@media (max-width: 1500px) {
  .wrap .scroll_area .section_2 .inner .content_area .character {
    opacity: 0;
    transition: 0.5s all;
  }
}
.wrap .scroll_area {
  /*------------------ Section_3 PC -------------------*/
}
.wrap .scroll_area .section_3 .slide_mobile {
  display: none;
}
.wrap .scroll_area .section_3 .section_3_1 {
  position: relative;
  background-image: url(https://lwi.nexon.com/m_mabinogim/event/2025/0529_event_00DCF0AE21316AB6/bg_3_1.png);
  background-size: cover;
  background-position: center top;
  height: 100%;
  overflow: hidden;
}
.wrap .scroll_area .section_3 .section_3_1 .inner .content_area .character_area_1 {
  position: relative;
  width: 100%;
  height: 100%;
}
.wrap .scroll_area .section_3 .section_3_1 .inner .content_area .character_area_1 .left_character {
  position: absolute;
  top: 4.16%;
  left: -35.8%;
  width: 80%;
}
.wrap .scroll_area .section_3 .section_3_1 .inner .content_area .character_area_1 .right_character {
  position: absolute;
  top: 5.6%;
  left: 57.4%;
  width: 93.4%;
}
.wrap .scroll_area .section_3 .section_3_1 .inner .content_area .character_area_2 .left_character {
  position: absolute;
  top: -28.16%;
  left: -110%;
  width: 168%;
  z-index: 2;
}
.wrap .scroll_area .section_3 .section_3_1 .inner .content_area .character_area_2 .right_character {
  position: absolute;
  top: -24.16%;
  left: 44.4%;
  width: 193.4166666667%;
  z-index: 1;
}
.wrap .scroll_area .section_3 .section_3_1 .inner .content_area .title {
  position: absolute;
  bottom: 84px;
  width: 700px;
  z-index: 4;
}
.wrap .scroll_area .section_3 .section_3_1 .inner .content_area .cover {
  position: absolute;
  width: 213.3333333333%;
  bottom: 0;
  z-index: 1;
}
.wrap .scroll_area .section_3 .section_3_2 {
  position: relative;
  background-image: url(https://lwi.nexon.com/m_mabinogim/event/2025/0529_event_00DCF0AE21316AB6/bg_3_2.png);
  background-size: cover;
  background-position: center top;
  height: 100%;
  overflow: hidden;
}
.wrap .scroll_area .section_3 .section_3_2 .inner .dimmed {
  position: absolute;
  top: 0;
  left: -56.8%;
  width: 213.3333333333%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
}
.wrap .scroll_area .section_3 .section_3_2 .inner .content_area .character_area .left_character {
  position: absolute;
  top: 0%;
  left: -55%;
  width: 213.1666666667%;
  z-index: 2;
}
.wrap .scroll_area .section_3 .section_3_2 .inner .content_area .character_area .right_character {
  position: absolute;
  top: 0%;
  left: -55%;
  width: 213.1666666667%;
}
.wrap .scroll_area .section_3 .section_3_2 .inner .content_area .character_area .right_character .star_1 {
  position: absolute;
  top: 2.3%;
  left: 47.4%;
  width: 2%;
}
.wrap .scroll_area .section_3 .section_3_2 .inner .content_area .character_area .right_character .star_2 {
  position: absolute;
  top: 19%;
  left: 49.2%;
  width: 2%;
}
.wrap .scroll_area .section_3 .section_3_2 .inner .content_area .character_area .right_character .star_3 {
  position: absolute;
  top: 5%;
  left: 56.74%;
  width: 2%;
}
.wrap .scroll_area .section_3 .section_3_2 .inner .content_area .character_area .right_character .star_4 {
  position: absolute;
  top: 0.6%;
  left: 78.44%;
  width: 2.8%;
}
@keyframes star {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.wrap .scroll_area .section_3 .section_3_2 .inner .content_area .title {
  position: absolute;
  bottom: 84px;
  width: 700px;
  z-index: 4;
}
.wrap .scroll_area .section_3 .section_3_2 .inner .content_area .cover {
  position: absolute;
  width: 213.3333333333%;
  bottom: 0;
  z-index: 1;
}
.wrap .scroll_area .section_3 .section_3_3 {
  position: relative;
  background-image: url(https://lwi.nexon.com/m_mabinogim/event/2025/0529_event_00DCF0AE21316AB6/bg_3_3.png);
  background-size: cover;
  background-position: center top;
  height: 100%;
  overflow: hidden;
}
.wrap .scroll_area .section_3 .section_3_3 .inner .content_area .character_area {
  display: flex;
  justify-content: center;
}
.wrap .scroll_area .section_3 .section_3_3 .inner .content_area .character_area .character {
  position: absolute;
  width: 256.75%;
  top: -15%;
}
.wrap .scroll_area .section_3 .section_3_3 .inner .content_area .character_area .object_1 {
  position: absolute;
  width: 213.3333333333%;
  top: -15%;
}
.wrap .scroll_area .section_3 .section_3_3 .inner .content_area .character_area .object_2 {
  position: absolute;
  width: 213.3333333333%;
  top: -15%;
}
@keyframes updown {
  0% {
    transform: translateY(-0.5%);
  }
  100% {
    transform: translateY(0.3%);
  }
}
.wrap .scroll_area .section_3 .section_3_3 .inner .content_area .title {
  position: absolute;
  bottom: 84px;
  width: 700px;
  z-index: 4;
}
.wrap .scroll_area .section_3 .section_3_3 .inner .content_area .cover {
  position: absolute;
  width: 213.3333333333%;
  bottom: 0;
  z-index: 1;
}
.wrap .scroll_area .section_3 .section_3_1 .inner,
.wrap .scroll_area .section_3 .section_3_2 .inner,
.wrap .scroll_area .section_3 .section_3_3 .inner {
  opacity: 0;
}
.wrap .scroll_area .section_3 .pagination {
  position: absolute;
  bottom: 0px;
  width: 100%;
  border-top: 1px solid rgba(210, 210, 210, 0.3);
  background: linear-gradient(180deg, rgba(24, 26, 35, 0.28) 0%, rgba(24, 26, 35, 0.83) 100%);
  backdrop-filter: blur(10px);
  z-index: 6;
  height: 84px;
}
.wrap .scroll_area .section_3 .pagination ul {
  width: 100%;
  max-width: 800px;
  height: 100%;
  display: flex;
  justify-content: center;
  margin: 0 auto;
}
.wrap .scroll_area .section_3 .pagination ul li {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 148px;
  cursor: pointer;
  color: #ccc;
  letter-spacing: 2px;
}
.wrap .scroll_area .section_3 .pagination ul li::before {
  content: "";
  position: absolute;
  top: 0px;
  transform: translateY(-50%);
  display: block;
  width: 41px;
  min-width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='41' height='40' fill='none'%3E%3Cpath fill='%23EEE' d='m20.334 15 3.535 1.465L25.334 20l-1.465 3.535L20.334 25l-3.536-1.465L15.334 20l1.464-3.535L20.334 15Z' style='fill:%23eee;fill:color(display-p3 .9333 .9333 .9333);fill-opacity:1'/%3E%3Cpath fill='url(%23a)' fill-opacity='.2' d='m20.334 15 3.535 1.465L25.334 20l-1.465 3.535L20.334 25l-3.536-1.465L15.334 20l1.464-3.535L20.334 15Z'/%3E%3Cpath fill='url(%23b)' fill-opacity='.2' d='m20.334 15 3.535 1.465L25.334 20l-1.465 3.535L20.334 25l-3.536-1.465L15.334 20l1.464-3.535L20.334 15Z'/%3E%3Cpath fill='url(%23c)' fill-opacity='.2' d='m20.334 15 3.535 1.465L25.334 20l-1.465 3.535L20.334 25l-3.536-1.465L15.334 20l1.464-3.535L20.334 15Z'/%3E%3Cpath fill='url(%23d)' fill-opacity='.2' d='m20.334 15 3.535 1.465L25.334 20l-1.465 3.535L20.334 25l-3.536-1.465L15.334 20l1.464-3.535L20.334 15Z'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='20.334' x2='20.334' y1='25' y2='15' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff' stop-opacity='0' style='stop-color:none;stop-opacity:0'/%3E%3Cstop offset='.5' stop-color='%23fff' style='stop-color:white;stop-opacity:1'/%3E%3Cstop offset='.5' stop-color='%23fff' stop-opacity='0' style='stop-color:none;stop-opacity:0'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' x1='23.863' x2='16.804' y1='23.529' y2='16.471' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff' stop-opacity='0' style='stop-color:none;stop-opacity:0'/%3E%3Cstop offset='.5' stop-color='%23fff' style='stop-color:white;stop-opacity:1'/%3E%3Cstop offset='.5' stop-color='%23fff' stop-opacity='0' style='stop-color:none;stop-opacity:0'/%3E%3C/linearGradient%3E%3ClinearGradient id='c' x1='25.334' x2='15.334' y1='20' y2='20' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff' stop-opacity='0' style='stop-color:none;stop-opacity:0'/%3E%3Cstop offset='.5' stop-color='%23fff' style='stop-color:white;stop-opacity:1'/%3E%3Cstop offset='.5' stop-color='%23fff' stop-opacity='0' style='stop-color:none;stop-opacity:0'/%3E%3C/linearGradient%3E%3ClinearGradient id='d' x1='23.863' x2='16.804' y1='16.471' y2='23.529' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff' stop-opacity='0' style='stop-color:none;stop-opacity:0'/%3E%3Cstop offset='.5' stop-color='%23fff' style='stop-color:white;stop-opacity:1'/%3E%3Cstop offset='.5' stop-color='%23fff' stop-opacity='0' style='stop-color:none;stop-opacity:0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}
.wrap .scroll_area .section_3 .pagination ul li:nth-child(1) {
  margin-left: 0;
}
.wrap .scroll_area .section_3 .pagination ul li:nth-child(1) button {
  width: 75px;
  height: 18px;
  background-size: 100% auto;
  background-repeat: no-repeat;
  color: #ccc;
  letter-spacing: 1px;
}
.wrap .scroll_area .section_3 .pagination ul li:nth-child(2) button {
  width: 109px;
  height: 18px;
  background-size: 100% auto;
  background-repeat: no-repeat;
  color: #ccc;
  letter-spacing: 1px;
}
.wrap .scroll_area .section_3 .pagination ul li:nth-child(3) button {
  width: 75px;
  height: 18px;
  background-size: 100% auto;
  background-repeat: no-repeat;
  color: #ccc;
  letter-spacing: 1px;
}
.wrap .scroll_area .section_3 .pagination ul li.on::before, .wrap .scroll_area .section_3 .pagination ul li:hover::before {
  width: 63px;
  min-width: 63px;
  height: 62px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='63' height='62' fill='none'%3E%3Cpath fill='%237475DD' d='m31.334 11 8.485 11.515L51.333 31 39.82 39.485 31.333 51l-8.485-11.515L11.334 31l11.514-8.485L31.334 11Z' style='fill:%237475dd;fill:color(display-p3 .4549 .4588 .8667);fill-opacity:1'/%3E%3Cg filter='url(%23a)'%3E%3Cpath fill='%234D4ED4' d='m31.334 14 12.02 4.98L48.334 31l-4.98 12.02L31.334 48l-12.021-4.98L14.333 31l4.98-12.02L31.333 14Z' style='fill:%234d4ed4;fill:color(display-p3 .302 .3059 .8314);fill-opacity:1'/%3E%3Cpath fill='url(%23b)' fill-opacity='.1' d='m31.334 14 12.02 4.98L48.334 31l-4.98 12.02L31.334 48l-12.021-4.98L14.333 31l4.98-12.02L31.333 14Z'/%3E%3Cpath fill='url(%23c)' fill-opacity='.1' d='m31.334 14 12.02 4.98L48.334 31l-4.98 12.02L31.334 48l-12.021-4.98L14.333 31l4.98-12.02L31.333 14Z'/%3E%3Cpath fill='url(%23d)' fill-opacity='.1' d='m31.334 14 12.02 4.98L48.334 31l-4.98 12.02L31.334 48l-12.021-4.98L14.333 31l4.98-12.02L31.333 14Z'/%3E%3Cpath fill='url(%23e)' fill-opacity='.1' d='m31.334 14 12.02 4.98L48.334 31l-4.98 12.02L31.334 48l-12.021-4.98L14.333 31l4.98-12.02L31.333 14Z'/%3E%3C/g%3E%3Cpath fill='%23fff' d='m38.334 32.787-5.457 5.29 2.502 2.427L33.836 42l-2.502-2.426L28.83 42l-1.543-1.496 2.502-2.426-5.456-5.291 7-6.787 7 6.787Zm-10.914 0 3.913 3.794 3.914-3.794-3.913-3.794-3.914 3.794ZM28.334 21.5l3-2.5 3 2.5-3 2.5-3-2.5Z' style='fill:%23fff;fill-opacity:1'/%3E%3Cdefs%3E%3ClinearGradient id='b' x1='31.334' x2='31.334' y1='48' y2='14' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff' stop-opacity='0' style='stop-color:none;stop-opacity:0'/%3E%3Cstop offset='.5' stop-color='%23fff' style='stop-color:white;stop-opacity:1'/%3E%3Cstop offset='.5' stop-color='%23fff' stop-opacity='0' style='stop-color:none;stop-opacity:0'/%3E%3C/linearGradient%3E%3ClinearGradient id='c' x1='43.334' x2='19.334' y1='43' y2='19' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff' stop-opacity='0' style='stop-color:none;stop-opacity:0'/%3E%3Cstop offset='.5' stop-color='%23fff' style='stop-color:white;stop-opacity:1'/%3E%3Cstop offset='.5' stop-color='%23fff' stop-opacity='0' style='stop-color:none;stop-opacity:0'/%3E%3C/linearGradient%3E%3ClinearGradient id='d' x1='48.334' x2='14.334' y1='31' y2='31' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff' stop-opacity='0' style='stop-color:none;stop-opacity:0'/%3E%3Cstop offset='.5' stop-color='%23fff' style='stop-color:white;stop-opacity:1'/%3E%3Cstop offset='.5' stop-color='%23fff' stop-opacity='0' style='stop-color:none;stop-opacity:0'/%3E%3C/linearGradient%3E%3ClinearGradient id='e' x1='43.334' x2='19.334' y1='19' y2='43' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff' stop-opacity='0' style='stop-color:none;stop-opacity:0'/%3E%3Cstop offset='.5' stop-color='%23fff' style='stop-color:white;stop-opacity:1'/%3E%3Cstop offset='.5' stop-color='%23fff' stop-opacity='0' style='stop-color:none;stop-opacity:0'/%3E%3C/linearGradient%3E%3Cfilter id='a' width='62' height='62' x='.333' y='0' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='7'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix values='0 0 0 0 0.115385 0 0 0 0 0.123652 0 0 0 0 1 0 0 0 1 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_677_1789'/%3E%3CfeBlend in='SourceGraphic' in2='effect1_dropShadow_677_1789' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
}
.wrap .scroll_area .section_3 .pagination ul li.on button, .wrap .scroll_area .section_3 .pagination ul li:hover button {
  background-position-y: 100%;
  color: #7171ed;
  font-weight: bold;
}
.wrap .scroll_area .section_4 {
  background-image: url(https://nxtw.dn.nexoncdn.co.kr/mbm/event/2026/0826_m8zug5ezdq/s4/bg_4.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}
.wrap .scroll_area .section_4 .inner .content_area {
  position: relative;
}
.wrap .scroll_area .section_4 .inner .content_area .title {
  width: 70.9166666667%;
}
.wrap .scroll_area .section_4 .inner .content_area .event_list {
  position: relative;
  margin-left: 38%;
  width: 57.5%;
  display: flex;
  flex-direction: column;
  margin-top: 5%;
  gap: 20px;
}
.wrap .scroll_area .section_4 .inner .content_area .event_list a {
  width: 95%;
  height: 34.2%;
  border-radius: 30px;
  left: 0%;
  background: #2d0f48;
  position: relative;
  overflow: hidden;
}
.wrap .scroll_area .section_4 .inner .content_area .event_list a img {
  width: 100%;
}
.wrap .scroll_area .section_4 .inner .content_area .event_list a.disable {
  pointer-events: none;
}
@media (hover: hover) and (min-width: 1280px) {
  .wrap .scroll_area .section_4 .inner .content_area .event_list a:hover:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    box-shadow: 0 0 0px 5px #4D4ED4 inset;
    border-radius: 30px;
    top: 0;
    left: 0;
    transition: 0.5s all;
  }
}
.wrap .scroll_area .section_4 .inner .content_area .event_list .character {
  position: absolute;
  left: -90%;
  top: -18%;
  width: 110%;
  pointer-events: none;
  height: 200%;
  transform: translateY(0%);
  min-height: 884px;
  background: url(https://nxtw.dn.nexoncdn.co.kr/mbm/event/2026/0826_m8zug5ezdq/s4/s4_char.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: top center;
  /* Safari / 舊版 WebKit 瀏覽器支援 */
}

@media (max-width: 1920px) {
  .wrap .scroll_area .section_2 {
    background: url(https://nxtw.dn.nexoncdn.co.kr/mbm/event/2026/0826_m8zug5ezdq/s2/bg_2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
  }
  .wrap .scroll_area .section_2 .inner {
    max-width: 900px;
  }
  .wrap .scroll_area .section_2 .inner .content_area .title {
    width: 69.625%;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register {
    position: relative;
    margin-top: 28px;
    width: 90.5%;
    aspect-ratio: 1086/580;
    background-repeat: no-repeat;
    background-size: 100%;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .pc_image {
    display: block;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .mobile_image {
    display: none;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area {
    position: absolute;
    top: 0px;
    left: 42%;
    width: 58.012%;
    height: 100%;
    padding: 0 3.684%;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .age_checker {
    color: #4D4ED4;
    text-align: center;
    margin-bottom: 5%;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .store_selector {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 8%;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .store_selector .store {
    display: flex;
    height: 100%;
    width: 52.4%;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .store_selector .store .radio_box {
    position: relative;
    border-radius: 40px;
    border: 2px solid #EEE;
    width: 54%;
    height: 100%;
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 0 2%;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .store_selector .store .radio_box:has(> input[type=radio]:checked) {
    border: 2px solid #4D4EDC;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .store_selector .store .radio_box input {
    width: 1px;
    height: 1px;
    visibility: hidden;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .store_selector .store .radio_box .check_icon {
    width: 21.25%;
    height: 59%;
    margin-right: 6%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' fill='none'%3E%3Ccircle cx='12' cy='12.5' r='11' stroke='%23EEE' stroke-width='2' style='stroke:%23eee;stroke:color(display-p3 .9333 .9333 .9333);stroke-opacity:1'/%3E%3C/svg%3E");
    background-size: 100% auto;
    background-repeat: no-repeat;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .store_selector .store .radio_box .check_icon.on {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' fill='none'%3E%3Ccircle cx='12' cy='12.5' r='8' stroke='%234D4ED4' stroke-width='8' style='stroke:%234d4ed4;stroke:color(display-p3 .3039 .3076 .8317);stroke-opacity:1'/%3E%3C/svg%3E");
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .store_selector .store .radio_box:has(> input[type=radio]:checked) > .check_icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' fill='none'%3E%3Ccircle cx='12' cy='12.5' r='8' stroke='%234D4ED4' stroke-width='8' style='stroke:%234d4ed4;stroke:color(display-p3 .3039 .3076 .8317);stroke-opacity:1'/%3E%3C/svg%3E");
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .store_selector .store .radio_box span {
    display: flex;
    align-items: center;
    font-size: min(1.2vw, 12px);
    letter-spacing: -0.32px;
    white-space: nowrap;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .store_selector .store .radio_box:last-child {
    width: 60%;
    margin-left: 6%;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .store_selector .store .radio_box:last-child .check_icon {
    width: 18.92%;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .store_selector .notice {
    font-family: "Pretendard-Bold", sans-serif;
    border: 1px solid #CCC;
    font-size: min(1.2vw, 11px);
    color: #999;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 80%;
    white-space: nowrap;
    width: 26%;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .store_selector .notice::before {
    content: "";
    display: block;
    width: 11.348%;
    min-width: 11.348%;
    height: 52.7%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Ccircle cx='8' cy='8' r='8' fill='%23CCC' style='fill:%23ccc;fill:color(display-p3 .8 .8 .8);fill-opacity:1'/%3E%3Cpath fill='%23fff' d='M7 4h2v5H7V4ZM7 10h2v2H7v-2Z' style='fill:%23fff;fill-opacity:1'/%3E%3C/svg%3E");
    background-size: 100% auto;
    background-repeat: no-repeat;
    margin-right: 4%;
  }
}
@media (max-width: 1920px) and (hover: hover) and (min-width: 1280px) {
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .store_selector .notice:hover {
    border: 1px solid #4D4EDC;
    color: #4D4EDC;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .store_selector .notice:hover::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Ccircle cx='8' cy='8' r='8' fill='%234D4ED4' style='fill:%234d4ed4;fill:color(display-p3 .302 .3059 .8314);fill-opacity:1'/%3E%3Cpath fill='%23fff' d='M7 4h2v5H7V4ZM7 10h2v2H7v-2Z' style='fill:%23fff;fill-opacity:1'/%3E%3C/svg%3E");
  }
}
@media (max-width: 1920px) {
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .agree_selector {
    margin-top: 2%;
    height: 29.6551%;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .agree_selector .agree_all {
    height: 36.0465%;
    border-radius: 18px;
    background: #F3F3F3;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .agree_selector .agree_all label {
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0 4%;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .agree_selector .agree_all label input {
    width: 1px;
    height: 1px;
    visibility: hidden;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .agree_selector .agree_all label .checkbox_icon {
    width: 4.744%;
    height: 38.5%;
    margin-right: 2%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Crect width='22' height='22' x='1' y='1' stroke='%23CCC' stroke-width='2' rx='3' style='stroke:%23ccc;stroke:color(display-p3 .8 .8 .8);stroke-opacity:1'/%3E%3Cpath fill='%23CCC' d='M15.96 7.336a1.217 1.217 0 0 1 1.608-.063c.477.391.568 1.07.228 1.565l-.074.097L10.88 17l-4.529-4.45-.082-.09a1.163 1.163 0 0 1 .082-1.577 1.215 1.215 0 0 1 1.606-.08l.091.08 2.67 2.623 5.16-6.082.082-.088Z' style='fill:%23ccc;fill:color(display-p3 .8 .8 .8);fill-opacity:1'/%3E%3C/svg%3E");
    background-size: 100% auto;
    background-repeat: no-repeat;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .agree_selector .agree_all label .checkbox_icon.on {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Crect width='21' height='21' x='1.5' y='1.5' stroke='%234D4ED4' stroke-width='3' rx='2.5' style='stroke:%234d4ed4;stroke:color(display-p3 .302 .3059 .8314);stroke-opacity:1'/%3E%3Cpath fill='%234D4ED4' d='M15.96 7.336a1.217 1.217 0 0 1 1.608-.063c.477.391.568 1.07.228 1.565l-.074.097L10.88 17l-4.529-4.45-.082-.09a1.163 1.163 0 0 1 .082-1.577 1.215 1.215 0 0 1 1.606-.08l.091.08 2.67 2.623 5.16-6.082.082-.088Z' style='fill:%234d4ed4;fill:color(display-p3 .302 .3059 .8314);fill-opacity:1'/%3E%3C/svg%3E");
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .agree_selector .agree_all label:has(> input[type=checkbox]:checked) > .checkbox_icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Crect width='21' height='21' x='1.5' y='1.5' stroke='%234D4ED4' stroke-width='3' rx='2.5' style='stroke:%234d4ed4;stroke:color(display-p3 .302 .3059 .8314);stroke-opacity:1'/%3E%3Cpath fill='%234D4ED4' d='M15.96 7.336a1.217 1.217 0 0 1 1.608-.063c.477.391.568 1.07.228 1.565l-.074.097L10.88 17l-4.529-4.45-.082-.09a1.163 1.163 0 0 1 .082-1.577 1.215 1.215 0 0 1 1.606-.08l.091.08 2.67 2.623 5.16-6.082.082-.088Z' style='fill:%234d4ed4;fill:color(display-p3 .302 .3059 .8314);fill-opacity:1'/%3E%3C/svg%3E");
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .agree_selector .agree_all label span {
    font-size: min(1.4vw, 14px);
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .agree_selector .agree_list {
    height: 100%;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .agree_selector .agree_list ul {
    height: 100%;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .agree_selector .agree_list ul li {
    display: flex;
    justify-content: space-between;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .agree_selector .agree_list ul li:first-child {
    margin-top: 2.2%;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .agree_selector .agree_list ul li:nth-child(2) {
    margin-top: 1%;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .agree_selector .agree_list ul li:nth-child(3) {
    margin-top: 1.8%;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .agree_selector .agree_list ul li label {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-start;
    padding: 0 4%;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .agree_selector .agree_list ul li label input {
    width: 1px;
    height: 1px;
    visibility: hidden;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .agree_selector .agree_list ul li label .checkbox_icon {
    width: 4%;
    aspect-ratio: 1/1;
    height: 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Crect width='19' height='19' x='.5' y='.5' stroke='%23CCC' rx='3.5' style='stroke:%23ccc;stroke:color(display-p3 .8 .8 .8);stroke-opacity:1'/%3E%3Cpath fill='%23CCC' d='M13.3 6.268a1.046 1.046 0 0 1 1.34-.05.907.907 0 0 1 .19 1.252l-.062.078L9.068 14l-3.775-3.56-.069-.072a.904.904 0 0 1 .069-1.262 1.044 1.044 0 0 1 1.338-.064l.076.064 2.224 2.098 4.3-4.865.07-.07Z' style='fill:%23ccc;fill:color(display-p3 .8 .8 .8);fill-opacity:1'/%3E%3C/svg%3E");
    background-size: 100% auto;
    background-repeat: no-repeat;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .agree_selector .agree_list ul li label .checkbox_icon.on {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Crect width='18' height='18' x='1' y='1' stroke='%234D4ED4' stroke-width='2' rx='3' style='stroke:%234d4ed4;stroke:color(display-p3 .302 .3059 .8314);stroke-opacity:1'/%3E%3Cpath fill='%234D4ED4' d='M13.3 6.268a1.046 1.046 0 0 1 1.34-.05.907.907 0 0 1 .19 1.252l-.062.078L9.068 14l-3.775-3.56-.069-.072a.904.904 0 0 1 .069-1.262 1.044 1.044 0 0 1 1.338-.064l.076.064 2.224 2.098 4.3-4.865.07-.07Z' style='fill:%234d4ed4;fill:color(display-p3 .302 .3059 .8314);fill-opacity:1'/%3E%3C/svg%3E");
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .agree_selector .agree_list ul li label:has(> input[type=checkbox]:checked) > .checkbox_icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Crect width='18' height='18' x='1' y='1' stroke='%234D4ED4' stroke-width='2' rx='3' style='stroke:%234d4ed4;stroke:color(display-p3 .302 .3059 .8314);stroke-opacity:1'/%3E%3Cpath fill='%234D4ED4' d='M13.3 6.268a1.046 1.046 0 0 1 1.34-.05.907.907 0 0 1 .19 1.252l-.062.078L9.068 14l-3.775-3.56-.069-.072a.904.904 0 0 1 .069-1.262 1.044 1.044 0 0 1 1.338-.064l.076.064 2.224 2.098 4.3-4.865.07-.07Z' style='fill:%234d4ed4;fill:color(display-p3 .302 .3059 .8314);fill-opacity:1'/%3E%3C/svg%3E");
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .agree_selector .agree_list ul li label span {
    color: #666;
    font-size: 9px;
    line-height: 15px;
    letter-spacing: 0;
    margin-left: 2%;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .agree_selector .agree_list ul li label a.link {
    color: #7979b8;
    text-decoration: underline;
    padding: 0 2px;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .agree_selector .agree_list ul li button {
    font-family: "Pretendard-Bold", sans-serif;
    border: 1px solid #ccc;
    border-radius: 24px;
    font-size: min(1vw, 12px);
    color: #999;
    margin-right: 4.4%;
    white-space: nowrap;
    width: 15%;
    height: 106%;
  }
}
@media (max-width: 1920px) and (hover: hover) and (min-width: 1280px) {
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .agree_selector .agree_list ul li button:hover {
    border: 1px solid #4D4EDC;
    color: #4D4EDC;
  }
}
@media (max-width: 1920px) {
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .phone_number_input {
    height: 10.6896%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #F3F3F3;
    border-radius: 18px;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .phone_number_input .input_box {
    width: 100%;
    display: flex;
    align-items: center;
    height: 100%;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .phone_number_input .input_box .first {
    font-family: "Pretendard-Bold", sans-serif;
    font-size: min(1.2vw, 10px);
    margin: 0 2% 0 4%;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .phone_number_input .input_box .phone_select {
    appearance: base-select;
    border: none;
    background: none;
    border-radius: 0;
    font-size: min(1.4vw, 15px);
    display: flex;
    align-items: center;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .phone_number_input .input_box .phone_select::picker-icon {
    content: "▼";
    color: #4D4EDC;
    transition: rotate 0.2s;
    font-size: 12px;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .phone_number_input .input_box .phone_select option {
    border: 1px solid red;
    font-size: 12px;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .phone_number_input .input_box input[type=text] {
    width: 64%;
    outline: none;
    border: none;
    margin-left: 1.2%;
    letter-spacing: -0.34px;
    display: flex;
    height: 100%;
    background-color: #F3F3F3;
    font-size: min(1.4vw, 15px);
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .phone_number_input .input_box input[type=text]::placeholder {
    font-size: min(1.4vw, 15px);
    color: #666;
    letter-spacing: 1px;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .phone_number_input button {
    width: 22.548%;
    height: 68.02%;
    margin-right: 2.2%;
    background-size: 100% auto;
    background-repeat: no-repeat;
  }
}
@media (max-width: 1920px) and (hover: hover) and (min-width: 1280px) {
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .phone_number_input button:hover {
    background-position-y: 100%;
  }
}
@media (max-width: 1920px) {
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .phone_number_input .get_verify_button {
    background-image: url(https://lwi.nexon.com/m_mabinogim/event/2025/0529_event_00DCF0AE21316AB6/6260AC8ADA3482EE.png);
    background-position-y: 100%;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .phone_number_input .re_verify_button {
    background-image: url(https://lwi.nexon.com/m_mabinogim/event/2025/0529_event_00DCF0AE21316AB6/8260AC8ADA3482EE.png);
    background-position-y: 100%;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .phone_number_confirm {
    margin-top: 1.5%;
    height: 10.6896%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #F3F3F3;
    border-radius: 18px;
    animation: fadeIn 0.6s forwards linear;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .phone_number_confirm .input_box {
    width: 40%;
    height: 100%;
    display: flex;
    align-items: center;
    margin-left: 5.3%;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .phone_number_confirm .input_box input[type=text] {
    background-color: #F3F3F3;
    height: 100%;
    width: 100%;
    outline: none;
    border: none;
    font-size: min(1.4vw, 17px);
    letter-spacing: -0.34px;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .phone_number_confirm .confirm_box {
    width: 20%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .phone_number_confirm .confirm_box .remain_time {
    display: flex;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .phone_number_confirm .confirm_box .remain_time span {
    white-space: nowrap;
    font-size: min(1.2vw, 14px);
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .phone_number_confirm .confirm_box .remain_time span:nth-child(2) {
    margin-left: 4%;
    color: #DF622D;
  }
  @keyframes fadeIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .register_button {
    margin-top: 3.6%;
    width: 100%;
    height: 10.69%;
    background-image: url(https://nxtw.dn.nexoncdn.co.kr/mbm/event/2026/0826_m8zug5ezdq/s2/btn_register.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
  }
}
@media (max-width: 1920px) and (hover: hover) and (min-width: 1280px) {
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .register_button:hover {
    background-position-y: 100%;
  }
}
@media (max-width: 1920px) {
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .register_button.disable {
    pointer-events: none;
    opacity: 1;
    background-image: url(https://lwi.nexon.com/m_mabinogim/event/2025/0529_event_00DCF0AE21316AB6/CFF3DADCA9C71C95_disable.png);
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .download_selector {
    margin-top: 3.5%;
    width: 100%;
    height: 9.09%;
    display: flex;
    justify-content: center;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .download_selector a {
    display: block;
    width: 26.184%;
    height: 100%;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .download_selector a:nth-child(1) {
    background-image: url("https://nxtw.dn.nexoncdn.co.kr/mbm/event/2026/0716_pptdvq158u/main/icon_ios.png");
    background-size: 100% auto;
    background-repeat: no-repeat;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .download_selector a:nth-child(2) {
    margin-left: 1.4%;
    height: 97.84%;
    background-image: url("https://nxtw.dn.nexoncdn.co.kr/mbm/event/2026/0716_pptdvq158u/main/icon_aos.png");
    background-size: 100% auto;
    background-repeat: no-repeat;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .download_selector a:nth-child(3) {
    margin-left: 1.4%;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-image: url("https://nxtw.dn.nexoncdn.co.kr/mbm/event/2026/0716_pptdvq158u/main/icon_win.png");
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area.disable .store_selector,
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area.disable .agree_selector,
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area.disable .phone_number_input,
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area.disable .phone_number_confirm,
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area.disable .register_button {
    pointer-events: none;
    opacity: 0.4;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .phone_number_cancel {
    position: absolute;
    bottom: 0;
    right: 20px;
    border: 1px solid #000;
  }
  .wrap .scroll_area .section_2 .inner .content_area .character {
    position: absolute;
    left: -32%;
    bottom: 0%;
    width: 44.1666666667%;
    pointer-events: none;
    height: 95%;
    min-height: 800px;
    max-height: 1100px;
    background: url(https://nxtw.dn.nexoncdn.co.kr/mbm/event/2026/0826_m8zug5ezdq/s2/s2_char.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center;
  }
}
@media (max-width: 1920px) and (max-width: 1280px) {
  .wrap .scroll_area .section_2 .inner .content_area .character {
    opacity: 0;
    transition: 0.5s all;
  }
}
@media (max-width: 1920px) {
  .wrap .scroll_area .section_3 .section_3_1 .inner .content_area .character_area_1 {
    position: relative;
    width: 100%;
    height: 100%;
    min-width: 1200px;
  }
  .wrap .scroll_area .section_3 .section_3_1 .inner .content_area .character_area_1 .left_character {
    position: absolute;
    top: 4.16%;
    left: -14.2%;
    width: 59.8%;
  }
  .wrap .scroll_area .section_3 .section_3_1 .inner .content_area .character_area_1 .right_character {
    position: absolute;
    top: 5.6%;
    left: 55.8%;
    width: 69.4%;
  }
  .wrap .scroll_area .section_3 .section_3_1 .inner .content_area .character_area_2 .left_character {
    position: absolute;
    top: -26.16%;
    left: -67%;
    width: 126%;
  }
  .wrap .scroll_area .section_3 .section_3_1 .inner .content_area .character_area_2 .right_character {
    position: absolute;
    top: -24.16%;
    left: 42.2%;
    width: 151.4166666667%;
  }
  .wrap .scroll_area .section_3 .section_3_1 .inner .content_area .title {
    position: absolute;
    bottom: 8%;
    width: 500px;
    z-index: 4;
  }
  .wrap .scroll_area .section_3 .section_3_2 .inner .content_area .character_area {
    position: absolute;
    top: 0;
    width: 100%;
    min-width: 1000px;
  }
  .wrap .scroll_area .section_3 .section_3_2 .inner .content_area .character_area .left_character {
    position: absolute;
    top: 0%;
    left: -30%;
    width: 160%;
  }
  .wrap .scroll_area .section_3 .section_3_2 .inner .content_area .character_area .right_character {
    position: absolute;
    top: 0%;
    left: -30%;
    width: 160%;
  }
  .wrap .scroll_area .section_3 .section_3_2 .inner .content_area .character_area .right_character .star_1 {
    position: absolute;
    top: 2.3%;
    left: 47.4%;
    width: 2%;
  }
  .wrap .scroll_area .section_3 .section_3_2 .inner .content_area .character_area .right_character .star_2 {
    position: absolute;
    top: 19%;
    left: 49.2%;
    width: 2%;
  }
  .wrap .scroll_area .section_3 .section_3_2 .inner .content_area .character_area .right_character .star_3 {
    position: absolute;
    top: 5%;
    left: 56.74%;
    width: 2%;
  }
  .wrap .scroll_area .section_3 .section_3_2 .inner .content_area .character_area .right_character .star_4 {
    position: absolute;
    top: 0.6%;
    left: 78.44%;
    width: 2.8%;
  }
  @keyframes star {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  .wrap .scroll_area .section_3 .section_3_2 .inner .content_area .title {
    position: absolute;
    bottom: 10%;
    width: 466px;
    z-index: 4;
  }
  .wrap .scroll_area .section_3 .section_3_2 .inner .content_area .cover {
    position: absolute;
    width: 213.3333333333%;
    bottom: 0;
    left: -56.6%;
    z-index: 2;
  }
  .wrap .scroll_area .section_3 .section_3_3 {
    overflow: hidden;
  }
  .wrap .scroll_area .section_3 .section_3_3 .inner .content_area .character_area {
    display: flex;
    justify-content: center;
    position: absolute;
    top: -10%;
    width: 100%;
    min-width: 1000px;
  }
  .wrap .scroll_area .section_3 .section_3_3 .inner .content_area .character_area .character {
    position: absolute;
    width: 160%;
  }
  .wrap .scroll_area .section_3 .section_3_3 .inner .content_area .character_area .object_1 {
    position: absolute;
    width: 160%;
  }
  .wrap .scroll_area .section_3 .section_3_3 .inner .content_area .character_area .object_2 {
    position: absolute;
    width: 160%;
  }
  @keyframes updown {
    0% {
      transform: translateY(-0.2%);
    }
    100% {
      transform: translateY(0.3%);
    }
  }
  .wrap .scroll_area .section_3 .section_3_3 .inner .content_area .title {
    position: absolute;
    bottom: 10%;
    width: 500px;
    z-index: 4;
  }
  .wrap .scroll_area .section_3 .section_3_3 .inner .content_area .cover {
    position: absolute;
    width: 160%;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
  }
  .wrap .scroll_area .section_3 .pagination {
    position: absolute;
    bottom: 0px;
    width: 100%;
    border-top: 1px solid rgba(210, 210, 210, 0.3);
    background: linear-gradient(180deg, rgba(24, 26, 35, 0.28) 0%, rgba(24, 26, 35, 0.83) 100%);
    backdrop-filter: blur(10px);
    z-index: 2;
    height: 84px;
  }
  .wrap .scroll_area .section_3 .pagination ul {
    width: 100%;
    max-width: 800px;
    height: 100%;
    display: flex;
    justify-content: center;
    margin: 0 auto;
  }
  .wrap .scroll_area .section_3 .pagination ul li {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 148px;
    cursor: pointer;
  }
  .wrap .scroll_area .section_3 .pagination ul li::before {
    content: "";
    position: absolute;
    top: 0px;
    transform: translateY(-50%);
    display: block;
    width: 41px;
    min-width: 40px;
    height: 40px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='41' height='40' fill='none'%3E%3Cpath fill='%23EEE' d='m20.334 15 3.535 1.465L25.334 20l-1.465 3.535L20.334 25l-3.536-1.465L15.334 20l1.464-3.535L20.334 15Z' style='fill:%23eee;fill:color(display-p3 .9333 .9333 .9333);fill-opacity:1'/%3E%3Cpath fill='url(%23a)' fill-opacity='.2' d='m20.334 15 3.535 1.465L25.334 20l-1.465 3.535L20.334 25l-3.536-1.465L15.334 20l1.464-3.535L20.334 15Z'/%3E%3Cpath fill='url(%23b)' fill-opacity='.2' d='m20.334 15 3.535 1.465L25.334 20l-1.465 3.535L20.334 25l-3.536-1.465L15.334 20l1.464-3.535L20.334 15Z'/%3E%3Cpath fill='url(%23c)' fill-opacity='.2' d='m20.334 15 3.535 1.465L25.334 20l-1.465 3.535L20.334 25l-3.536-1.465L15.334 20l1.464-3.535L20.334 15Z'/%3E%3Cpath fill='url(%23d)' fill-opacity='.2' d='m20.334 15 3.535 1.465L25.334 20l-1.465 3.535L20.334 25l-3.536-1.465L15.334 20l1.464-3.535L20.334 15Z'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='20.334' x2='20.334' y1='25' y2='15' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff' stop-opacity='0' style='stop-color:none;stop-opacity:0'/%3E%3Cstop offset='.5' stop-color='%23fff' style='stop-color:white;stop-opacity:1'/%3E%3Cstop offset='.5' stop-color='%23fff' stop-opacity='0' style='stop-color:none;stop-opacity:0'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' x1='23.863' x2='16.804' y1='23.529' y2='16.471' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff' stop-opacity='0' style='stop-color:none;stop-opacity:0'/%3E%3Cstop offset='.5' stop-color='%23fff' style='stop-color:white;stop-opacity:1'/%3E%3Cstop offset='.5' stop-color='%23fff' stop-opacity='0' style='stop-color:none;stop-opacity:0'/%3E%3C/linearGradient%3E%3ClinearGradient id='c' x1='25.334' x2='15.334' y1='20' y2='20' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff' stop-opacity='0' style='stop-color:none;stop-opacity:0'/%3E%3Cstop offset='.5' stop-color='%23fff' style='stop-color:white;stop-opacity:1'/%3E%3Cstop offset='.5' stop-color='%23fff' stop-opacity='0' style='stop-color:none;stop-opacity:0'/%3E%3C/linearGradient%3E%3ClinearGradient id='d' x1='23.863' x2='16.804' y1='16.471' y2='23.529' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff' stop-opacity='0' style='stop-color:none;stop-opacity:0'/%3E%3Cstop offset='.5' stop-color='%23fff' style='stop-color:white;stop-opacity:1'/%3E%3Cstop offset='.5' stop-color='%23fff' stop-opacity='0' style='stop-color:none;stop-opacity:0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  }
  .wrap .scroll_area .section_3 .pagination ul li:nth-child(1) {
    margin-left: 0;
  }
  .wrap .scroll_area .section_3 .pagination ul li:nth-child(1) button {
    width: 75px;
    height: 18px;
    background-size: 100% auto;
    background-repeat: no-repeat;
  }
  .wrap .scroll_area .section_3 .pagination ul li:nth-child(2) button {
    width: 109px;
    height: 18px;
    background-size: 100% auto;
    background-repeat: no-repeat;
  }
  .wrap .scroll_area .section_3 .pagination ul li:nth-child(3) button {
    width: 75px;
    height: 18px;
    background-size: 100% auto;
    background-repeat: no-repeat;
  }
  .wrap .scroll_area .section_3 .pagination ul li.on::before, .wrap .scroll_area .section_3 .pagination ul li:hover::before {
    width: 63px;
    min-width: 63px;
    height: 62px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='63' height='62' fill='none'%3E%3Cpath fill='%237475DD' d='m31.334 11 8.485 11.515L51.333 31 39.82 39.485 31.333 51l-8.485-11.515L11.334 31l11.514-8.485L31.334 11Z' style='fill:%237475dd;fill:color(display-p3 .4549 .4588 .8667);fill-opacity:1'/%3E%3Cg filter='url(%23a)'%3E%3Cpath fill='%234D4ED4' d='m31.334 14 12.02 4.98L48.334 31l-4.98 12.02L31.334 48l-12.021-4.98L14.333 31l4.98-12.02L31.333 14Z' style='fill:%234d4ed4;fill:color(display-p3 .302 .3059 .8314);fill-opacity:1'/%3E%3Cpath fill='url(%23b)' fill-opacity='.1' d='m31.334 14 12.02 4.98L48.334 31l-4.98 12.02L31.334 48l-12.021-4.98L14.333 31l4.98-12.02L31.333 14Z'/%3E%3Cpath fill='url(%23c)' fill-opacity='.1' d='m31.334 14 12.02 4.98L48.334 31l-4.98 12.02L31.334 48l-12.021-4.98L14.333 31l4.98-12.02L31.333 14Z'/%3E%3Cpath fill='url(%23d)' fill-opacity='.1' d='m31.334 14 12.02 4.98L48.334 31l-4.98 12.02L31.334 48l-12.021-4.98L14.333 31l4.98-12.02L31.333 14Z'/%3E%3Cpath fill='url(%23e)' fill-opacity='.1' d='m31.334 14 12.02 4.98L48.334 31l-4.98 12.02L31.334 48l-12.021-4.98L14.333 31l4.98-12.02L31.333 14Z'/%3E%3C/g%3E%3Cpath fill='%23fff' d='m38.334 32.787-5.457 5.29 2.502 2.427L33.836 42l-2.502-2.426L28.83 42l-1.543-1.496 2.502-2.426-5.456-5.291 7-6.787 7 6.787Zm-10.914 0 3.913 3.794 3.914-3.794-3.913-3.794-3.914 3.794ZM28.334 21.5l3-2.5 3 2.5-3 2.5-3-2.5Z' style='fill:%23fff;fill-opacity:1'/%3E%3Cdefs%3E%3ClinearGradient id='b' x1='31.334' x2='31.334' y1='48' y2='14' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff' stop-opacity='0' style='stop-color:none;stop-opacity:0'/%3E%3Cstop offset='.5' stop-color='%23fff' style='stop-color:white;stop-opacity:1'/%3E%3Cstop offset='.5' stop-color='%23fff' stop-opacity='0' style='stop-color:none;stop-opacity:0'/%3E%3C/linearGradient%3E%3ClinearGradient id='c' x1='43.334' x2='19.334' y1='43' y2='19' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff' stop-opacity='0' style='stop-color:none;stop-opacity:0'/%3E%3Cstop offset='.5' stop-color='%23fff' style='stop-color:white;stop-opacity:1'/%3E%3Cstop offset='.5' stop-color='%23fff' stop-opacity='0' style='stop-color:none;stop-opacity:0'/%3E%3C/linearGradient%3E%3ClinearGradient id='d' x1='48.334' x2='14.334' y1='31' y2='31' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff' stop-opacity='0' style='stop-color:none;stop-opacity:0'/%3E%3Cstop offset='.5' stop-color='%23fff' style='stop-color:white;stop-opacity:1'/%3E%3Cstop offset='.5' stop-color='%23fff' stop-opacity='0' style='stop-color:none;stop-opacity:0'/%3E%3C/linearGradient%3E%3ClinearGradient id='e' x1='43.334' x2='19.334' y1='19' y2='43' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff' stop-opacity='0' style='stop-color:none;stop-opacity:0'/%3E%3Cstop offset='.5' stop-color='%23fff' style='stop-color:white;stop-opacity:1'/%3E%3Cstop offset='.5' stop-color='%23fff' stop-opacity='0' style='stop-color:none;stop-opacity:0'/%3E%3C/linearGradient%3E%3Cfilter id='a' width='62' height='62' x='.333' y='0' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='7'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix values='0 0 0 0 0.115385 0 0 0 0 0.123652 0 0 0 0 1 0 0 0 1 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_677_1789'/%3E%3CfeBlend in='SourceGraphic' in2='effect1_dropShadow_677_1789' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
  }
  .wrap .scroll_area .section_3 .pagination ul li.on button, .wrap .scroll_area .section_3 .pagination ul li:hover button {
    background-position-y: 100%;
  }
  .wrap .scroll_area .section_4 .inner {
    max-width: 900px;
  }
}
@media (max-width: 1280px) {
  #header {
    top: 100px;
  }
  .gnb {
    top: 56px;
  }
  .isHide nav {
    position: fixed;
  }
  .isHide .gnb {
    top: 0;
  }
  .isHide #header {
    margin-top: 0;
  }
  .wrap {
    position: relative;
    width: 100%;
    height: auto;
    overflow: auto;
    max-width: 1280px;
  }
  .wrap .scroll_area {
    position: relative;
    height: auto;
    overflow: hidden;
  }
  .wrap .scroll_area .section {
    display: flex;
    justify-content: center;
  }
  .wrap .scroll_area .section .inner {
    max-width: 1280px;
  }
  .wrap .scroll_area .section_1 {
    height: calc(var(--vh, 1vh) * 100);
    min-height: 600px;
  }
  .wrap .scroll_area .section_1 .pc_vod {
    display: none;
  }
  .wrap .scroll_area .section_1 .mobile_vod {
    display: flex;
  }
  .wrap .scroll_area .section_1 .inner .content_area .logo {
    width: 8.3333333333%;
    margin-bottom: 0.2%;
  }
  .wrap .scroll_area .section_1 .inner .content_area .title {
    width: 34.7222222222%;
    margin-bottom: 0.8%;
  }
  .wrap .scroll_area .section_1 .inner .content_area button.video_button {
    width: 11.1111111111%;
    padding-bottom: 13.8%;
    background-image: url(https://lwi.nexon.com/m_mabinogim/event/2025/0529_event_00DCF0AE21316AB6/088C1670C1FB03B7_m.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
  }
  .wrap .scroll_area .section_1 .inner .content_area button.video_button .round_1 {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    transform-origin: center center;
  }
  .wrap .scroll_area .section_1 .inner .content_area button.video_button .round_2 {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    transform-origin: center center;
  }
  @keyframes round_1 {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  @keyframes round_2 {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(-360deg);
    }
  }
  .wrap .scroll_area .section_1 .inner .content_area .float_scroll {
    display: none;
  }
  .wrap .scroll_area .section_1 .inner .content_area .game_button {
    position: absolute;
    bottom: 0;
    width: 37.5%;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-image: url(https://nxtw.dn.nexoncdn.co.kr/mbm/event/2026/0826_m8zug5ezdq/s1/start_btn.png);
  }
  .wrap .scroll_area {
    /*------------------ Section_2 MB -------------------*/
  }
  .wrap .scroll_area .section_2 {
    background-image: none;
    background-color: #4F638E;
    height: auto !important;
  }
  .wrap .scroll_area .section_2 .fp-tableCell {
    height: auto !important;
  }
  .wrap .scroll_area .section_2 .inner {
    max-width: 1280px;
    min-width: auto;
  }
  .wrap .scroll_area .section_2 .inner .content_area .title {
    width: 80%;
    max-width: 490px;
    margin-top: 60px;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register {
    position: relative;
    margin-top: 0;
    width: 100%;
    aspect-ratio: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background: none;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .pc_image {
    display: none;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .mobile_image {
    display: block;
    max-width: 720px;
    width: 100%;
    margin: 0 auto;
    transition: 0.5s all;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    padding: 24px 16px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    background: #fff;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .age_checker {
    color: #4D4ED4;
    text-align: center;
    margin-bottom: 5%;
    max-width: 720px;
    width: 100%;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .store_selector {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    height: 68px;
    max-width: 720px;
    width: 100%;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .store_selector .store {
    display: flex;
    align-items: flex-end;
    height: 100%;
    width: 100%;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .store_selector .store .radio_box {
    position: relative;
    border-radius: 40px;
    border: 2px solid #EEE;
    width: 102px;
    height: 32px;
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 0 8px;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .store_selector .store .radio_box:has(> input[type=radio]:checked) {
    border: 2px solid #4D4EDC;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .store_selector .store .radio_box input {
    width: 1px;
    height: 1px;
    visibility: hidden;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .store_selector .store .radio_box .check_icon {
    width: 18px;
    height: 19px;
    margin-right: 4px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' fill='none'%3E%3Ccircle cx='12' cy='12.5' r='11' stroke='%23EEE' stroke-width='2' style='stroke:%23eee;stroke:color(display-p3 .9333 .9333 .9333);stroke-opacity:1'/%3E%3C/svg%3E");
    background-size: 100% auto;
    background-repeat: no-repeat;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .store_selector .store .radio_box .check_icon.on {
    width: 18px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' fill='none'%3E%3Ccircle cx='12' cy='12.5' r='8' stroke='%234D4ED4' stroke-width='8' style='stroke:%234d4ed4;stroke:color(display-p3 .3039 .3076 .8317);stroke-opacity:1'/%3E%3C/svg%3E");
    background-size: 100% auto;
    background-repeat: no-repeat;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .store_selector .store .radio_box span {
    display: flex;
    align-items: center;
    font-size: 12px;
    letter-spacing: -0.32px;
    white-space: nowrap;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .store_selector .store .radio_box:last-child {
    width: min-content;
    margin-left: 6px;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .store_selector .store .radio_box:last-child .check_icon {
    width: 18px;
    height: 19px;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .store_selector .notice {
    position: absolute;
    right: 0;
    font-family: "Pretendard-Bold", sans-serif;
    border: 1px solid #CCC;
    font-size: 11px;
    color: #999;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    width: min-content;
    height: 32px;
    padding: 0 8px;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .store_selector .notice::before {
    content: "";
    display: block;
    width: 12px;
    min-width: 12px;
    height: 12px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Ccircle cx='8' cy='8' r='8' fill='%23CCC' style='fill:%23ccc;fill:color(display-p3 .8 .8 .8);fill-opacity:1'/%3E%3Cpath fill='%23fff' d='M7 4h2v5H7V4ZM7 10h2v2H7v-2Z' style='fill:%23fff;fill-opacity:1'/%3E%3C/svg%3E");
    background-size: 100% auto;
    background-repeat: no-repeat;
    margin-right: 4%;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .agree_selector {
    margin-top: 2%;
    max-width: 720px;
    width: 100%;
    height: auto;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .agree_selector .agree_all {
    border-radius: 16px;
    background: #F3F3F3;
    height: 50px;
    padding: 0 16px;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .agree_selector .agree_all label {
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .agree_selector .agree_all label input {
    width: 1px;
    height: 1px;
    visibility: hidden;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .agree_selector .agree_all label .checkbox_icon {
    width: 24px;
    min-width: 24px;
    height: 24px;
    margin-right: 2%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Crect width='22' height='22' x='1' y='1' stroke='%23CCC' stroke-width='2' rx='3' style='stroke:%23ccc;stroke:color(display-p3 .8 .8 .8);stroke-opacity:1'/%3E%3Cpath fill='%23CCC' d='M15.96 7.336a1.217 1.217 0 0 1 1.608-.063c.477.391.568 1.07.228 1.565l-.074.097L10.88 17l-4.529-4.45-.082-.09a1.163 1.163 0 0 1 .082-1.577 1.215 1.215 0 0 1 1.606-.08l.091.08 2.67 2.623 5.16-6.082.082-.088Z' style='fill:%23ccc;fill:color(display-p3 .8 .8 .8);fill-opacity:1'/%3E%3C/svg%3E");
    background-size: 100% auto;
    background-repeat: no-repeat;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .agree_selector .agree_all label .checkbox_icon.on {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Crect width='21' height='21' x='1.5' y='1.5' stroke='%234D4ED4' stroke-width='3' rx='2.5' style='stroke:%234d4ed4;stroke:color(display-p3 .302 .3059 .8314);stroke-opacity:1'/%3E%3Cpath fill='%234D4ED4' d='M15.96 7.336a1.217 1.217 0 0 1 1.608-.063c.477.391.568 1.07.228 1.565l-.074.097L10.88 17l-4.529-4.45-.082-.09a1.163 1.163 0 0 1 .082-1.577 1.215 1.215 0 0 1 1.606-.08l.091.08 2.67 2.623 5.16-6.082.082-.088Z' style='fill:%234d4ed4;fill:color(display-p3 .302 .3059 .8314);fill-opacity:1'/%3E%3C/svg%3E");
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .agree_selector .agree_all label span {
    font-size: 13px;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .agree_selector .agree_list {
    height: auto;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .agree_selector .agree_list ul {
    height: 100%;
    padding: 0 10px;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .agree_selector .agree_list ul li {
    display: flex;
    justify-content: space-between;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .agree_selector .agree_list ul li:first-child {
    margin-top: 15px;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .agree_selector .agree_list ul li:nth-child(2) {
    margin-top: 8px;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .agree_selector .agree_list ul li:nth-child(3) {
    margin-top: 8px;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .agree_selector .agree_list ul li label {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-start;
    padding: 0;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .agree_selector .agree_list ul li label font input {
    width: 1px;
    height: 1px;
    visibility: hidden;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .agree_selector .agree_list ul li label .checkbox_icon {
    aspect-ratio: 1/1;
    width: 6%;
    max-width: 18px;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .agree_selector .agree_list ul li label span {
    color: #666;
    letter-spacing: 0;
    margin-left: 2%;
    font-size: min(4vw, 12px);
    line-height: min(4.5vw, 20px);
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .agree_selector .agree_list ul li button {
    font-family: "Pretendard-Bold", sans-serif;
    border: 1px solid #ccc;
    border-radius: 24px;
    font-size: 10px;
    color: #999;
    margin-right: 0;
    white-space: nowrap;
    width: 68px;
    height: 22px;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .phone_number_input {
    margin-top: 2%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 16px;
    padding: 0 16px;
    max-width: 720px;
    width: 100%;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .phone_number_input .input_box {
    width: 100%;
    display: flex;
    align-items: center;
    height: 100%;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .phone_number_input .input_box .first {
    font-family: "Pretendard-Bold", sans-serif;
    font-size: 13px;
    margin-left: 0;
    min-width: 90px;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .phone_number_input .input_box .phone_select {
    appearance: base-select;
    border: none;
    background: none;
    border-radius: 0;
    font-size: min(4.5vw, 13px);
    display: flex;
    align-items: center;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .phone_number_input .input_box .phone_select::picker-icon {
    content: "▼";
    color: #4D4EDC;
    transition: rotate 0.2s;
    font-size: 12px;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .phone_number_input .input_box .phone_select option {
    border: 1px solid red;
    font-size: 12px;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .phone_number_input .input_box input[type=text] {
    width: 100%;
    outline: none;
    border: none;
    margin-left: 1.2%;
    letter-spacing: -0.34px;
    display: flex;
    height: 100%;
    font-size: 12px !important;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .phone_number_input .input_box input[type=text]::placeholder {
    font-size: 12px;
    color: #0A0C0F;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .phone_number_input button {
    width: 80px;
    min-width: 80px;
    height: 28px;
    margin-right: 0;
    background-size: 100% auto;
    background-repeat: no-repeat;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .phone_number_input .get_verify_button {
    background-image: url(https://lwi.nexon.com/m_mabinogim/event/2025/0529_event_00DCF0AE21316AB6/6260AC8ADA3482EE_m.png);
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .phone_number_input .re_verify_button {
    background-image: url(https://lwi.nexon.com/m_mabinogim/event/2025/0529_event_00DCF0AE21316AB6/8260AC8ADA3482EE_m.png);
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .phone_number_confirm {
    margin-top: 1.5%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 16px;
    padding: 0 16px;
    max-width: 720px;
    width: 100%;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .phone_number_confirm .input_box {
    width: 60%;
    height: 100%;
    display: flex;
    align-items: center;
    margin-left: 0;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .phone_number_confirm .input_box input[type=text] {
    height: 100%;
    width: 100%;
    outline: none;
    border: none;
    font-size: 12px;
    letter-spacing: -0.34px;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .phone_number_confirm .confirm_box {
    min-width: 80px;
    width: 80px;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .phone_number_confirm .confirm_box .remain_time {
    display: flex;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .phone_number_confirm .confirm_box .remain_time span {
    white-space: nowrap;
    font-size: 12px;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .phone_number_confirm .confirm_box .remain_time span:nth-child(2) {
    margin-left: 4%;
  }
  @keyframes fadeIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .register_button {
    margin-top: 1.2%;
    max-width: 720px;
    width: 100%;
    height: 50px;
    background-image: url(https://nxtw.dn.nexoncdn.co.kr/mbm/event/2026/0826_m8zug5ezdq/s2/btn_register_m.png);
    background-size: auto 40%;
    background-repeat: no-repeat;
    background-color: #4D4ED4;
    background-position: center center;
    border-radius: 16px;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .register_button.disable {
    pointer-events: none;
    opacity: 1;
    background-image: url(https://lwi.nexon.com/m_mabinogim/event/2025/0529_event_00DCF0AE21316AB6/CFF3DADCA9C71C95_m.png);
    background-color: #CCCCCC;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .download_selector {
    margin-top: 12px;
    max-width: 720px;
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .download_selector a {
    display: block;
    width: auto;
    height: auto;
    margin-right: 5px;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .download_selector a:nth-child(1) {
    margin-left: 0;
    width: 105px;
    min-width: 105px;
    height: 32px;
    background-size: 100% auto;
    background-repeat: no-repeat;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .download_selector a:nth-child(2) {
    margin-left: 0;
    width: 106px;
    min-width: 106px;
    height: 32px;
    background-size: 100% auto;
    background-repeat: no-repeat;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .download_selector a:nth-child(3) {
    margin-left: 0;
    width: 105px;
    min-width: 105px;
    height: 32px;
    background-size: 100% auto;
    background-repeat: no-repeat;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .download_selector a:last-child {
    margin-right: 0;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .banner {
    margin-top: 17px;
    display: flex;
    justify-content: center;
    max-width: 328px;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .banner img {
    min-width: 328px;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area.disable .store_selector,
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area.disable .agree_selector,
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area.disable .phone_number_input,
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area.disable .phone_number_confirm,
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area.disable .register_button {
    pointer-events: none;
    opacity: 0.4;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .phone_number_cancel {
    position: absolute;
    bottom: 0;
    right: 20px;
    border: 1px solid #000;
  }
  .wrap .scroll_area .section_3 {
    height: auto !important;
    display: flex;
    flex-direction: column;
  }
  .wrap .scroll_area .section_3 .fp-tableCell {
    height: auto !important;
  }
  .wrap .scroll_area .section_3 .fp-slides {
    display: none;
  }
  .wrap .scroll_area .section_3 .slide_mobile {
    display: block;
  }
  .wrap .scroll_area .section_3 .slide_mobile.s1 .title {
    width: 100%;
    padding: 5% 0;
    background: url(https://nxtw.dn.nexoncdn.co.kr/mbm/event/2026/0826_m8zug5ezdq/s3/s3_title_bg_1.png) no-repeat;
    background-size: 100%;
    background-position: bottom center;
    background-color: #2C2E51;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .wrap .scroll_area .section_3 .slide_mobile.s2 .title {
    width: 100%;
    padding: 5% 0;
    background: url(https://nxtw.dn.nexoncdn.co.kr/mbm/event/2026/0826_m8zug5ezdq/s3/s3_title_bg_2.png) no-repeat;
    background-size: 100%;
    background-position: bottom center;
    background-color: #815C5B;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .wrap .scroll_area .section_3 .slide_mobile.s3 .title {
    width: 100%;
    padding: 5% 0;
    display: flex;
    align-items: center;
    background-color: #4F4C6C;
    justify-content: center;
  }
  .wrap .scroll_area .section_3 .slide_mobile.s1 .title, .wrap .scroll_area .section_3 .slide_mobile.s2 .title, .wrap .scroll_area .section_3 .slide_mobile.s3 .title {
    padding: 8% 0;
  }
  .wrap .scroll_area .section_3 .slide_mobile.s1 .title img, .wrap .scroll_area .section_3 .slide_mobile.s2 .title img, .wrap .scroll_area .section_3 .slide_mobile.s3 .title img {
    width: 50%;
  }
  .wrap .scroll_area .section_3 .pagination {
    display: none !important;
  }
  .wrap .scroll_area {
    /*------------------ Section_4 MB -------------------*/
  }
  .wrap .scroll_area .section_4 {
    background-image: url(https://nxtw.dn.nexoncdn.co.kr/mbm/event/2026/0826_m8zug5ezdq/s4/s4_bg_m.png);
    background-size: cover;
    background-repeat: no-repeat;
    height: auto !important;
    padding: 10% 0;
  }
  .wrap .scroll_area .section_4 .fp-tableCell {
    height: auto !important;
  }
  .wrap .scroll_area .section_4 .inner .content_area {
    position: relative;
  }
  .wrap .scroll_area .section_4 .inner .content_area .title {
    width: 60%;
  }
  .wrap .scroll_area .section_4 .inner .content_area .event_list {
    position: relative;
    margin-left: 0%;
    width: 50%;
    display: flex;
    flex-direction: column;
    margin-top: 20px;
    gap: 20px;
  }
  .wrap .scroll_area .section_4 .inner .content_area .event_list a {
    border-radius: 15px;
    width: 100%;
  }
  .wrap .scroll_area .section_4 .inner .content_area .event_list .character {
    opacity: 0;
    transition: 0.5s all;
  }
}
@media (max-width: 720px) {
  .fp-slidesContainer {
    width: 100% !important;
    transform: none !important;
  }
  .section .slide {
    width: 100% !important;
    float: none !important;
    position: relative !important;
    left: 0 !important;
    display: block !important;
  }
  .fp-controlArrow,
  .fp-slidesNav {
    display: none !important;
  }
  .wrap .scroll_area .section {
    min-height: auto;
  }
  .wrap .scroll_area {
    /*------------------ Section_1 MB -------------------*/
  }
  .wrap .scroll_area .section_1 .pc_vod {
    display: none;
  }
  .wrap .scroll_area .section_1 .mobile_vod {
    display: block;
  }
  .wrap .scroll_area .section_1 .mobile_vod video {
    position: absolute;
    top: 64px;
    width: 100%;
    height: 100%;
    min-height: 800px;
    object-fit: cover;
  }
  .wrap .scroll_area .section_1 .inner {
    max-width: 480px;
  }
  .wrap .scroll_area .section_1 .inner .content_area .logo {
    width: 18.4722222222%;
    margin-bottom: 0%;
    margin-top: 50%;
    transition: 0.5s all;
  }
  .wrap .scroll_area .section_1 .inner .content_area .title {
    width: 69.4444444444%;
    margin-top: 4%;
    margin-bottom: 0%;
    transition: 0.5s all;
  }
  .wrap .scroll_area .section_1 .inner .content_area button.video_button {
    margin-top: 2%;
    width: 20.8333333333%;
    padding-bottom: 13.8%;
    background-size: 100% auto;
    background-repeat: no-repeat;
  }
  .wrap .scroll_area .section_1 .inner .content_area button.video_button .round_1 {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    transform-origin: center center;
  }
  .wrap .scroll_area .section_1 .inner .content_area button.video_button .round_2 {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    transform-origin: center center;
  }
  @keyframes round_1 {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  @keyframes round_2 {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(-360deg);
    }
  }
  .wrap .scroll_area .section_1 .inner .content_area .float_scroll {
    bottom: 8%;
    pointer-events: none;
  }
  .wrap .scroll_area .section_1 .inner .content_area .game_button {
    position: absolute;
    bottom: 0;
    aspect-ratio: 100/17;
    height: auto;
    width: 60%;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-image: url(https://nxtw.dn.nexoncdn.co.kr/mbm/event/2026/0826_m8zug5ezdq/s1/start_btn.png);
  }
  .wrap .scroll_area {
    /*------------------ Section_2 MB -------------------*/
    /*------------------ Section_3 MB -------------------*/
  }
}
@media (max-width: 720px) and (hover: hover) and (min-width: 1280px) {
  .wrap .scroll_area .section_1 .inner .content_area .game_button:hover {
    background-image: url(https://nxtw.dn.nexoncdn.co.kr/mbm/event/2026/0826_m8zug5ezdq/s1/start_btn.png);
    filter: brightness(1.2);
    transition: 0.5s all;
  }
}
@media (max-width: 720px) {
  .wrap .scroll_area .section_2 {
    background-image: none;
    background-color: #4F638E;
    height: auto !important;
  }
  .wrap .scroll_area .section_2 .fp-tableCell {
    height: auto !important;
  }
  .wrap .scroll_area .section_2 .inner {
    max-width: 1280px;
    min-width: auto;
  }
  .wrap .scroll_area .section_2 .inner .content_area .title {
    width: 80%;
    max-width: 490px;
    margin-top: 60px;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register {
    position: relative;
    margin-top: 0;
    width: 100%;
    aspect-ratio: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background: none;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .pc_image {
    display: none;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .mobile_image {
    display: block;
    max-width: 720px;
    width: 100%;
    margin: 0 auto;
    transition: 0.5s all;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    padding: 24px 16px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    background: #fff;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .age_checker {
    color: #4D4ED4;
    text-align: center;
    margin-bottom: 5%;
    max-width: 720px;
    width: 100%;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .store_selector {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    height: 68px;
    max-width: 720px;
    width: 100%;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .store_selector .store {
    display: flex;
    align-items: flex-end;
    height: 100%;
    width: 100%;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .store_selector .store .radio_box {
    position: relative;
    border-radius: 40px;
    border: 2px solid #EEE;
    width: 102px;
    height: 32px;
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 0 8px;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .store_selector .store .radio_box:has(> input[type=radio]:checked) {
    border: 2px solid #4D4EDC;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .store_selector .store .radio_box input {
    width: 1px;
    height: 1px;
    visibility: hidden;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .store_selector .store .radio_box .check_icon {
    width: 18px;
    height: 19px;
    margin-right: 4px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' fill='none'%3E%3Ccircle cx='12' cy='12.5' r='11' stroke='%23EEE' stroke-width='2' style='stroke:%23eee;stroke:color(display-p3 .9333 .9333 .9333);stroke-opacity:1'/%3E%3C/svg%3E");
    background-size: 100% auto;
    background-repeat: no-repeat;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .store_selector .store .radio_box .check_icon.on {
    width: 18px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' fill='none'%3E%3Ccircle cx='12' cy='12.5' r='8' stroke='%234D4ED4' stroke-width='8' style='stroke:%234d4ed4;stroke:color(display-p3 .3039 .3076 .8317);stroke-opacity:1'/%3E%3C/svg%3E");
    background-size: 100% auto;
    background-repeat: no-repeat;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .store_selector .store .radio_box span {
    display: flex;
    align-items: center;
    font-size: 12px;
    letter-spacing: -0.32px;
    white-space: nowrap;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .store_selector .store .radio_box:last-child {
    width: min-content;
    margin-left: 6px;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .store_selector .store .radio_box:last-child .check_icon {
    width: 18px;
    height: 19px;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .store_selector .notice {
    position: absolute;
    right: 0;
    font-family: "Pretendard-Bold", sans-serif;
    border: 1px solid #CCC;
    font-size: 11px;
    color: #999;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    width: min-content;
    height: 32px;
    padding: 0 8px;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .store_selector .notice::before {
    content: "";
    display: block;
    width: 12px;
    min-width: 12px;
    height: 12px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Ccircle cx='8' cy='8' r='8' fill='%23CCC' style='fill:%23ccc;fill:color(display-p3 .8 .8 .8);fill-opacity:1'/%3E%3Cpath fill='%23fff' d='M7 4h2v5H7V4ZM7 10h2v2H7v-2Z' style='fill:%23fff;fill-opacity:1'/%3E%3C/svg%3E");
    background-size: 100% auto;
    background-repeat: no-repeat;
    margin-right: 4%;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .agree_selector {
    margin-top: 2%;
    max-width: 720px;
    width: 100%;
    height: auto;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .agree_selector .agree_all {
    border-radius: 16px;
    background: #F3F3F3;
    height: 50px;
    padding: 0 16px;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .agree_selector .agree_all label {
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .agree_selector .agree_all label input {
    width: 1px;
    height: 1px;
    visibility: hidden;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .agree_selector .agree_all label .checkbox_icon {
    width: 24px;
    min-width: 24px;
    height: 24px;
    margin-right: 2%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Crect width='22' height='22' x='1' y='1' stroke='%23CCC' stroke-width='2' rx='3' style='stroke:%23ccc;stroke:color(display-p3 .8 .8 .8);stroke-opacity:1'/%3E%3Cpath fill='%23CCC' d='M15.96 7.336a1.217 1.217 0 0 1 1.608-.063c.477.391.568 1.07.228 1.565l-.074.097L10.88 17l-4.529-4.45-.082-.09a1.163 1.163 0 0 1 .082-1.577 1.215 1.215 0 0 1 1.606-.08l.091.08 2.67 2.623 5.16-6.082.082-.088Z' style='fill:%23ccc;fill:color(display-p3 .8 .8 .8);fill-opacity:1'/%3E%3C/svg%3E");
    background-size: 100% auto;
    background-repeat: no-repeat;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .agree_selector .agree_all label .checkbox_icon.on {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Crect width='21' height='21' x='1.5' y='1.5' stroke='%234D4ED4' stroke-width='3' rx='2.5' style='stroke:%234d4ed4;stroke:color(display-p3 .302 .3059 .8314);stroke-opacity:1'/%3E%3Cpath fill='%234D4ED4' d='M15.96 7.336a1.217 1.217 0 0 1 1.608-.063c.477.391.568 1.07.228 1.565l-.074.097L10.88 17l-4.529-4.45-.082-.09a1.163 1.163 0 0 1 .082-1.577 1.215 1.215 0 0 1 1.606-.08l.091.08 2.67 2.623 5.16-6.082.082-.088Z' style='fill:%234d4ed4;fill:color(display-p3 .302 .3059 .8314);fill-opacity:1'/%3E%3C/svg%3E");
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .agree_selector .agree_all label span {
    font-size: 13px;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .agree_selector .agree_list {
    height: auto;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .agree_selector .agree_list ul {
    height: 100%;
    padding: 0 10px;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .agree_selector .agree_list ul li {
    display: flex;
    justify-content: space-between;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .agree_selector .agree_list ul li:first-child {
    margin-top: 15px;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .agree_selector .agree_list ul li:nth-child(2) {
    margin-top: 8px;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .agree_selector .agree_list ul li:nth-child(3) {
    margin-top: 8px;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .agree_selector .agree_list ul li label {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-start;
    padding: 0;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .agree_selector .agree_list ul li label font input {
    width: 1px;
    height: 1px;
    visibility: hidden;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .agree_selector .agree_list ul li label .checkbox_icon {
    aspect-ratio: 1/1;
    width: 6%;
    max-width: 18px;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .agree_selector .agree_list ul li label span {
    color: #666;
    letter-spacing: 0;
    margin-left: 2%;
    font-size: min(4vw, 11px);
    line-height: min(4.5vw, 20px);
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .agree_selector .agree_list ul li button {
    font-family: "Pretendard-Bold", sans-serif;
    border: 1px solid #ccc;
    border-radius: 24px;
    font-size: 10px;
    color: #999;
    margin-right: 0;
    white-space: nowrap;
    width: 68px;
    height: 22px;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .phone_number_input {
    margin-top: 2%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 16px;
    padding: 0 16px;
    max-width: 720px;
    width: 100%;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .phone_number_input .input_box {
    width: 100%;
    display: flex;
    align-items: center;
    height: 100%;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .phone_number_input .input_box .first {
    font-family: "Pretendard-Bold", sans-serif;
    font-size: 13px;
    margin-left: 0;
    min-width: 90px;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .phone_number_input .input_box .phone_select {
    appearance: base-select;
    border: none;
    background: none;
    border-radius: 0;
    font-size: min(4.5vw, 13px);
    display: flex;
    align-items: center;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .phone_number_input .input_box .phone_select::picker-icon {
    content: "▼";
    color: #4D4EDC;
    transition: rotate 0.2s;
    font-size: 12px;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .phone_number_input .input_box .phone_select option {
    border: 1px solid red;
    font-size: 12px;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .phone_number_input .input_box input[type=text] {
    width: 100%;
    outline: none;
    border: none;
    margin-left: 1.2%;
    letter-spacing: -0.34px;
    display: flex;
    height: 100%;
    font-size: 12px !important;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .phone_number_input .input_box input[type=text]::placeholder {
    font-size: 12px;
    color: #0A0C0F;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .phone_number_input button {
    width: 80px;
    min-width: 80px;
    height: 28px;
    margin-right: 0;
    background-size: 100% auto;
    background-repeat: no-repeat;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .phone_number_input .get_verify_button {
    background-image: url(https://lwi.nexon.com/m_mabinogim/event/2025/0529_event_00DCF0AE21316AB6/6260AC8ADA3482EE_m.png);
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .phone_number_input .re_verify_button {
    background-image: url(https://lwi.nexon.com/m_mabinogim/event/2025/0529_event_00DCF0AE21316AB6/8260AC8ADA3482EE_m.png);
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .phone_number_confirm {
    margin-top: 1.5%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 16px;
    padding: 0 16px;
    max-width: 720px;
    width: 100%;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .phone_number_confirm .input_box {
    width: 60%;
    height: 100%;
    display: flex;
    align-items: center;
    margin-left: 0;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .phone_number_confirm .input_box input[type=text] {
    height: 100%;
    width: 100%;
    outline: none;
    border: none;
    font-size: 12px;
    letter-spacing: -0.34px;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .phone_number_confirm .confirm_box {
    min-width: 80px;
    width: 80px;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .phone_number_confirm .confirm_box .remain_time {
    display: flex;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .phone_number_confirm .confirm_box .remain_time span {
    white-space: nowrap;
    font-size: 12px;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .phone_number_confirm .confirm_box .remain_time span:nth-child(2) {
    margin-left: 4%;
  }
  @keyframes fadeIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .register_button {
    margin-top: 1.2%;
    max-width: 720px;
    width: 100%;
    height: 50px;
    background-image: url(https://nxtw.dn.nexoncdn.co.kr/mbm/event/2026/0826_m8zug5ezdq/s2/btn_register_m.png);
    background-size: auto 40%;
    background-repeat: no-repeat;
    background-color: #4D4ED4;
    background-position: center center;
    border-radius: 16px;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .register_button.disable {
    pointer-events: none;
    opacity: 1;
    background-image: url(https://lwi.nexon.com/m_mabinogim/event/2025/0529_event_00DCF0AE21316AB6/CFF3DADCA9C71C95_m.png);
    background-color: #CCCCCC;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .download_selector {
    margin-top: 12px;
    max-width: 720px;
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .download_selector a {
    display: block;
    width: auto;
    height: auto;
    margin-right: 5px;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .download_selector a:nth-child(1) {
    margin-left: 0;
    width: 105px;
    min-width: 105px;
    height: 32px;
    background-size: 100% auto;
    background-repeat: no-repeat;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .download_selector a:nth-child(2) {
    margin-left: 0;
    width: 106px;
    min-width: 106px;
    height: 32px;
    background-size: 100% auto;
    background-repeat: no-repeat;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .download_selector a:nth-child(3) {
    margin-left: 0;
    width: 105px;
    min-width: 105px;
    height: 32px;
    background-size: 100% auto;
    background-repeat: no-repeat;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .download_selector a:last-child {
    margin-right: 0;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .banner {
    margin-top: 17px;
    display: flex;
    justify-content: center;
    max-width: 328px;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .banner img {
    min-width: 328px;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area.disable .store_selector,
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area.disable .agree_selector,
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area.disable .phone_number_input,
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area.disable .phone_number_confirm,
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area.disable .register_button {
    pointer-events: none;
    opacity: 0.4;
  }
  .wrap .scroll_area .section_2 .inner .content_area .register .register_area .phone_number_cancel {
    position: absolute;
    bottom: 0;
    right: 20px;
    border: 1px solid #000;
  }
  .wrap .scroll_area .section_3 {
    height: auto !important;
    display: flex;
    flex-direction: column;
  }
  .wrap .scroll_area .section_3 .fp-tableCell {
    height: auto !important;
  }
  .wrap .scroll_area .section_3 .fp-slides {
    display: none;
  }
  .wrap .scroll_area .section_3 .slide_mobile {
    display: block;
  }
  .wrap .scroll_area .section_3 .slide_mobile.s1 .title {
    width: 100%;
    background: url(https://nxtw.dn.nexoncdn.co.kr/mbm/event/2026/0826_m8zug5ezdq/s3/s3_title_bg_1.png) no-repeat;
    background-size: 100%;
    background-position: bottom center;
    background-color: #2C2E51;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .wrap .scroll_area .section_3 .slide_mobile.s1 .title img {
    width: 80%;
  }
  .wrap .scroll_area .section_3 .slide_mobile.s2 .title {
    width: 100%;
    background: url(https://nxtw.dn.nexoncdn.co.kr/mbm/event/2026/0826_m8zug5ezdq/s3/s3_title_bg_2.png) no-repeat;
    background-size: 100%;
    background-position: bottom center;
    background-color: #815C5B;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .wrap .scroll_area .section_3 .slide_mobile.s2 .title img {
    width: 80%;
  }
  .wrap .scroll_area .section_3 .slide_mobile.s3 .title {
    width: 100%;
    display: flex;
    align-items: center;
    background-color: #4F4C6C;
    justify-content: center;
    padding: 10% 0;
  }
  .wrap .scroll_area .section_3 .slide_mobile.s3 .title img {
    width: 80%;
  }
  .wrap .scroll_area .section_3 .pagination {
    display: none !important;
  }
}