@charset "UTF-8";
@import url("/public/fonts/naumsquareneo/font_nanumsquareneo.css");
@import url("/public/fonts/remixicon/font_remixicon.css");
/*-------------------------------------------------
title       : components
Author      : ljh
Create date : 2026-07-13
-------------------------------------------------*/
.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.4rem;
  margin-top: 4rem;
}
.pagination .page-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.4rem;
  margin: 0 1rem;
}
.pagination .page-links .page-link {
  border: 1px solid rgba(255, 255, 255, 0.2);
  font-weight: 300;
}
.pagination .page-links .page-link.active {
  color: #222;
  background: #00CE65;
  border-color: #00CE65;
  font-weight: 300;
}
.pagination .page-link {
  width: 4.6rem;
  height: 4.6rem;
  border-radius: 0.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.4rem;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.pagination .page-link:hover {
  background: rgba(255, 255, 255, 0.3);
}

.meetup_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 4rem 2rem;
  margin-top: 4rem;
}
.meetup_list > li {
  width: calc((100% - 4rem) / 3);
  border-radius: 1.2rem;
  border: 1px solid rgba(255, 255, 255, 0.5);
  background: #1B3C38;
  min-height: 55.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 3.2rem;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  overflow: hidden;
  padding: 4rem;
}
.meetup_list > li:hover {
  border-color: #00CE65;
}
.meetup_list .top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 3.2rem;
}
.meetup_list .top .img {
  width: 9.6rem;
  height: 9.6rem;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  margin-right: 2rem;
}
.meetup_list .top .img img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  min-height: 100%;
  height: auto;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.meetup_list .top .info {
  width: calc(100% - 11.6rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.4rem;
}
.meetup_list .top .info .category1 {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.016rem;
}
.meetup_list .top .info .category1.type1 {
  color: #00CE65;
}
.meetup_list .top .info .category1.type2 {
  color: #BCE33D;
}
.meetup_list .top .info .category1.type3 {
  color: #09F5BE;
}
.meetup_list .top .info .name {
  color: #FFF;
  font-size: 2.2rem;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.066rem;
  word-break: break-all;
}
.meetup_list .top .info .name .position {
  color: #9E9E9E;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: -0.018rem;
  margin-left: 0.8rem;
  vertical-align: middle;
}
.meetup_list .top .info .category2 {
  color: rgba(255, 255, 255, 0.9);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.4rem 2.4rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.014rem;
}
.meetup_list .top .info .category2 strong {
  font-weight: 500;
  position: relative;
}
.meetup_list .top .info .category2 strong:has(+ span)::after {
  content: "";
  width: 1px;
  height: 1.2rem;
  background: rgba(255, 255, 255, 0.3);
  position: absolute;
  top: 0.3rem;
  right: -1.2rem;
}
.meetup_list .top .info .category2 span {
  font-size: 1.4rem;
}
.meetup_list .top .desc {
  overflow: hidden;
  color: #FFF;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 180%;
  letter-spacing: -0.048rem;
  opacity: 0.9;
  text-overflow: ellipsis;
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-top: 3.2rem;
}
.meetup_list .txt .list {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  overflow: hidden;
  width: calc(100% + 4rem);
}
.meetup_list .txt .list::before {
  z-index: 1;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 3rem;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(rgba(27, 60, 56, 0)), to(#1B3C38));
  background: linear-gradient(90deg, rgba(27, 60, 56, 0) 0%, #1B3C38 100%);
}
.meetup_list .txt .list + .list {
  margin-top: 1.6rem;
}
.meetup_list .txt .list > li {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  white-space: nowrap;
}
.meetup_list .txt .list .text {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
  word-break: keep-all;
  font-weight: 400;
}
.meetup_list .txt .type1 {
  gap: 0.8rem;
}
.meetup_list .txt .type1 .text {
  border-radius: 36rem;
  border: 1px solid #00CE65;
  color: #00CE65;
  font-size: 1.2rem;
  line-height: 140%;
  letter-spacing: -0.012rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.4rem 0.8rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
}
.meetup_list .txt .type2 {
  gap: 0.8rem;
}
.meetup_list .txt .type2 .text {
  border-radius: 36rem;
  background: rgba(0, 206, 101, 0.2);
  font-size: 1.3rem;
  line-height: 140%;
  letter-spacing: -0.012rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.4rem 0.8rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
}
.meetup_list .txt .type3 li:not(:last-child)::after {
  content: ",";
  display: inline-block;
  margin-right: 0.8rem;
}
.meetup_list .txt .type3 .text {
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1.6rem;
  line-height: 120%;
  letter-spacing: -0.048rem;
  opacity: 0.9;
}
.meetup_list .txt .type4 {
  gap: 1.2rem;
}
.meetup_list .txt .type4 .text {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.8rem;
  color: #FFF;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: normal;
}
.meetup_list .txt .type4 i img {
  width: 2rem;
  height: 2rem;
}
.meetup_list .btn_wrap {
  margin-top: auto;
  padding-top: 3.2rem;
}
.meetup_list .btn_wrap .btn {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
  padding-left: 1rem;
  padding-right: 1rem;
  height: 4.8rem;
  min-height: 4.8rem;
}

@media (max-width: 1280px) {
  .meetup_list > li {
    padding: 4rem 2rem;
  }
  .meetup_list > li .txt .list {
    width: calc(100% + 2rem);
  }
}
@media (max-width: 1080px) {
  .meetup_list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .meetup_list > li {
    width: 100%;
    padding: 3rem;
    min-height: 0;
  }
}
@media (max-width: 768px) {
  .meetup_list {
    gap: 2rem;
  }
  .meetup_list > li {
    padding: 4rem 2rem;
  }
}
.logo_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 4rem 2rem;
  margin-top: 6.4rem;
}
.logo_list > li {
  width: calc((100% - 4rem) / 3);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  border-radius: 1.2rem;
  border: 1px solid rgba(255, 255, 255, 0.2);
  padding: 3.2rem;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.logo_list > li:hover {
  border-color: #00CE65;
}
.logo_list > li.noimg .img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1rem;
  align-items: center;
}
.logo_list > li.noimg .img::before, .logo_list > li.noimg .img::after {
  color: #222;
  font-size: 3.2rem;
  line-height: 100%;
  text-transform: uppercase;
  letter-spacing: -0.032rem;
  opacity: 0.5;
}
.logo_list > li.noimg .img::before {
  content: "SIW";
  font-weight: 700;
}
.logo_list > li.noimg .img::after {
  content: "2026";
  font-weight: 300;
}
.logo_list .img {
  background-color: #fff;
  height: 10rem;
  border-radius: 1.2rem;
  padding: 1.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.logo_list .img img {
  max-height: 100%;
  width: auto;
}
.logo_list .txt {
  padding: 2.4rem 0.6rem 0 0.6rem;
}
.logo_list .txt span {
  display: block;
}
.logo_list .txt .category {
  color: #00CE65;
  font-size: 1.4rem;
  font-weight: 5 0;
  line-height: 140%;
  letter-spacing: -0.014rem;
  margin-bottom: 1.2rem;
}
.logo_list .txt .category .type {
  position: relative;
  display: inline-block;
  color: #9e9e9e;
  margin-left: 1.6rem;
}
.logo_list .txt .category .type::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -0.8rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1px;
  height: 0.8rem;
  background: #616161;
}
.logo_list .txt .category.color2 {
  color: #BCE33D;
}
.logo_list .txt .category.color3 {
  color: #09F5BE;
}
.logo_list .txt .name {
  color: #fff;
  font-size: 2.2rem;
  font-weight: 600;
  line-height: 140%;
  letter-spacing: -0.066rem;
  margin-bottom: 1.6rem;
}
.logo_list .txt .desc {
  color: #fff;
  font-size: 1.8rem;
  font-weight: 100;
  line-height: 180%;
  letter-spacing: -0.054rem;
  opacity: 0.6;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.logo_list:not(.type2) .hash {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.4rem;
  margin-top: 1.6rem;
  overflow: hidden;
  position: relative;
}
.logo_list:not(.type2) .hash > span.is-hidden,
.logo_list:not(.type2) .hash > i.is-hidden {
  display: none;
}
.logo_list:not(.type2) .hash > span.last[data-more]::after,
.logo_list:not(.type2) .hash > i.last[data-more]::after {
  content: "... +" attr(data-more);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: inline-block;
  color: #00CE65;
  margin-left: 0.4rem;
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 140%;
  padding-top: 0.4rem;
}
.logo_list:not(.type2) .hash i {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  gap: 0 0.4rem;
  max-width: 100%;
}
.logo_list:not(.type2) .hash i b {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 1.3rem;
  font-weight: 400;
}
.logo_list:not(.type2) .hash i b.text {
  letter-spacing: -0.013rem;
  line-height: 140%;
  padding: 0.4rem 0.8rem;
  border-radius: 36rem;
  background: rgba(0, 206, 101, 0.2);
  color: rgba(255, 255, 255, 0.8);
}
.logo_list .btn_wrap {
  padding-top: 2.4rem;
  margin-top: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.8rem;
}
.logo_list .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 4.8rem;
  font-size: 1.6rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.4rem;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  border-radius: 0.8rem;
  font-weight: 400;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  border: 1px solid transparent;
}
.logo_list .btn.type1 {
  background: #1B3A37;
  color: #fff;
}
.logo_list .btn.type2 {
  background: #00CE65;
  color: #222;
}
.logo_list .btn:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.1)));
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
  border-color: rgba(255, 255, 255, 0.3);
}
.logo_list.type2 {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0;
  border-top: 1px solid #FFF;
}
.logo_list.type2 > li {
  width: 100%;
  border: 0 none;
  border-radius: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.logo_list.type2 .btn_wrap {
  margin-top: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.8rem;
  width: 18rem;
  padding-top: 0;
}
.logo_list.type2 .btn_wrap .btn {
  height: 4.8rem;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  width: 100%;
}
.logo_list.type2 .btn_wrap .btn.type2 {
  border: 0 none;
}
.logo_list.type2 .img {
  width: 32rem;
}
.logo_list.type2 .txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.8rem 1.2rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: calc(100% - 50rem);
  padding: 0 6.4rem;
  container-type: inline-size;
}
.logo_list.type2 .txt > .category {
  margin-bottom: 0;
  width: 100%;
}
.logo_list.type2 .txt .name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 1.2rem;
  width: 100%;
  margin-bottom: 0.4rem;
  color: #fff;
  font-size: 2.2rem;
  font-weight: 600;
  line-height: 140%;
  letter-spacing: -0.066rem;
}
.logo_list.type2 .txt .name p {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin: 0;
  white-space: nowrap;
}
.logo_list.type2 .txt .name .category {
  width: auto;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-bottom: 0;
  white-space: nowrap;
  font-size: 1.4rem;
  font-weight: 500;
}
.logo_list.type2 .txt .profile {
  margin-top: 1.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem 2.4rem;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 2px;
  width: 100%;
  overflow: hidden;
}
.logo_list.type2 .txt .profile .item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: auto;
  position: relative;
  top: -0.2rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.8rem;
  color: rgba(255, 255, 255, 0.5647058824);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 180%;
  letter-spacing: -0.048rem;
}
.logo_list.type2 .txt .profile .item .p_img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 50%;
  display: block;
  position: relative;
  overflow: hidden;
}
.logo_list.type2 .txt .profile .item .p_img img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: auto;
  height: auto;
  min-height: 101%;
  min-width: 101%;
}
.logo_list.type2 .txt .profile .item i {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  white-space: nowrap;
}
.logo_list.type2 .txt .profile .item b {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 0.8rem;
  color: rgba(255, 255, 255, 0.8901960784);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 180%;
  letter-spacing: -0.048rem;
}
.logo_list.type2 .txt .profile .item.p_last ~ .item {
  display: none;
}
.logo_list.type2 .txt .profile .item.p_last, .logo_list.type2 .txt .profile .item.p_last + .item, .logo_list.type2 .txt .profile .item.p_last + .item + .item, .logo_list.type2 .txt .profile .item.p_last + .item + .item + .item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0;
  width: auto;
  min-width: 0;
}
.logo_list.type2 .txt .profile .item.p_last i, .logo_list.type2 .txt .profile .item.p_last + .item i, .logo_list.type2 .txt .profile .item.p_last + .item + .item i, .logo_list.type2 .txt .profile .item.p_last + .item + .item + .item i {
  display: none;
}
.logo_list.type2 .txt .profile .item.p_last .p_img, .logo_list.type2 .txt .profile .item.p_last + .item .p_img, .logo_list.type2 .txt .profile .item.p_last + .item + .item .p_img, .logo_list.type2 .txt .profile .item.p_last + .item + .item + .item .p_img {
  position: relative;
  z-index: 1;
}
.logo_list.type2 .txt .profile .item.p_last .p_img::before, .logo_list.type2 .txt .profile .item.p_last + .item .p_img::before, .logo_list.type2 .txt .profile .item.p_last + .item + .item .p_img::before, .logo_list.type2 .txt .profile .item.p_last + .item + .item + .item .p_img::before {
  content: "";
  position: absolute;
  border-radius: 50%;
  z-index: 1;
  top: -1px;
  left: -1px;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border: 3px solid #021A1D;
}
.logo_list.type2 .txt .profile .item.p_last + .item {
  z-index: 2;
  margin-left: -3.5rem;
}
.logo_list.type2 .txt .profile .item.p_last + .item + .item {
  z-index: 3;
  margin-left: -3.5rem;
}
.logo_list.type2 .txt .profile .item.p_last + .item + .item + .item {
  z-index: 4;
  margin-left: -3.5rem;
}
.logo_list.type2 .txt .profile .item.p_last ~ .item.p_badge, .logo_list.type2 .txt .profile .item.p_last.p_badge {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0;
  overflow: visible;
}
.logo_list.type2 .txt .profile .item.p_last ~ .item.p_badge::after, .logo_list.type2 .txt .profile .item.p_last.p_badge::after {
  content: "외 " attr(data-index) "명";
  display: inline-block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  white-space: nowrap;
  margin-left: 0.4rem;
  color: #00CE65;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 3.2rem;
  letter-spacing: -0.042rem;
}
.logo_list.type2 .txt .desc {
  width: 100%;
  overflow: hidden;
  color: #FFF;
  text-overflow: ellipsis;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 180%;
  letter-spacing: -0.048rem;
}
.logo_list.type2 .txt .list_wrap {
  width: 100%;
}
.logo_list.type2 .txt .list_wrap .hash {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  position: relative;
  margin-top: 0;
}
.logo_list.type2 .txt .list_wrap .hash + .hash {
  margin-top: 0.8rem;
}
.logo_list.type2 .txt .list_wrap .hash > li.is-hidden {
  display: none;
}
.logo_list.type2 .txt .list_wrap .hash > li.last[data-more]::after {
  content: "... +" attr(data-more);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: inline-block;
  color: #00CE65;
  margin-left: 0.4rem;
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 140%;
  padding-top: 0.4rem;
}
.logo_list.type2 .txt .list_wrap .hash.type1 > li, .logo_list.type2 .txt .list_wrap .hash.type2 > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.logo_list.type2 .txt .list_wrap .hash.type3 {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.logo_list.type2 .txt .list_wrap .hash.type3 > li {
  display: inline;
  width: auto;
}
.logo_list.type2 .txt .list_wrap .hash.type3 > li.last[data-more]::after {
  line-height: 120%;
}
.logo_list.type2 .txt .hash {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.logo_list.type2 .txt .hash.type1 {
  gap: 0.8rem;
}
.logo_list.type2 .txt .hash.type1 .text {
  border-radius: 36rem;
  border: 1px solid #00CE65;
  color: #00CE65;
  font-size: 1.2rem;
  line-height: 140%;
  letter-spacing: -0.012rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.4rem 0.8rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
}
.logo_list.type2 .txt .hash.type2 {
  gap: 0.4rem;
}
.logo_list.type2 .txt .hash.type2 .text {
  border-radius: 36rem;
  background: rgba(0, 206, 101, 0.2);
  font-size: 1.3rem;
  line-height: 140%;
  letter-spacing: -0.012rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.4rem 0.8rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
}
.logo_list.type2 .txt .hash.type3 {
  gap: 0;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.logo_list.type2 .txt .hash.type3 > li {
  display: inline;
  width: auto;
}
.logo_list.type2 .txt .hash.type3 > li:not(:last-child):not(.last)::after {
  content: ",";
  display: inline-block;
  margin-right: 0.8rem;
}
.logo_list.type2 .txt .hash.type3 .text {
  display: inline;
  width: auto;
  white-space: nowrap;
  overflow: visible;
  text-overflow: unset;
  padding: 0;
  background: none;
  border-radius: 0;
  font-size: 1.6rem;
  line-height: 180%;
  letter-spacing: -0.048rem;
  opacity: 0.9;
}

@container (max-width: 48rem) {
  .logo_list.type2 > li .txt .profile.m_hidden:has(> li.item:nth-child(2))::before {
    content: "";
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    width: 0;
    height: 0;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .logo_list.type2 > li .txt .profile.m_hidden:has(> li.item:nth-child(2)) > li.item:first-child {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
  .logo_list.type2 > li .txt .profile.m_hidden:has(> li.item:nth-child(2)) > li.item:not(:first-child) {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
[class*=check_input] input {
  width: 0;
  height: 0;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  left: 0;
  top: 0;
}
[class*=check_input] input:checked + label::before {
  content: "\eb7b";
  border-color: #00CE65;
}
[class*=check_input] input:disabled + label {
  cursor: not-allowed;
}
[class*=check_input] label {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
[class*=check_input] label::before {
  content: " ";
  display: block;
  font-family: "remixicon";
  color: #00CE65;
  width: 2rem;
  height: 2rem;
  font-size: 1.4rem;
  text-align: center;
  line-height: 1.6rem;
  margin-right: 1rem;
  border: 2px solid rgba(255, 255, 255, 0.2);
  border-radius: 0.4rem;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.check_input_box input:checked + label {
  border-color: #00CE65;
  background: rgba(255, 255, 255, 0.1);
}
.check_input_box input:disabled + label {
  border-radius: 0.8rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.5);
}
.check_input_box label {
  border-radius: 0.8rem;
  border: 1px solid rgba(255, 255, 255, 0.2);
  padding: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.check_input_box label small {
  color: rgba(255, 255, 255, 0.6);
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 160%;
  letter-spacing: -0.014rem;
  display: block;
  padding-top: 0.4rem;
}

.check_input_box.item label span {
  width: calc(100% - 4rem);
}

[class*=board-wrap] {
  border-top: 0 none;
}
[class*=board-wrap] .pagination {
  margin-top: 6.4rem;
}
[class*=board-wrap] ~ .pagination {
  margin-top: 6.4rem;
}
[class*=board-wrap] .nodata {
  width: 100%;
  text-align: center;
  padding: 10rem 0;
}
[class*=board-wrap] .nodata p {
  color: #fff;
  margin-top: 2.4rem;
  font-size: 2rem;
  font-weight: 400;
  line-height: 160%;
  letter-spacing: -0.02rem;
}

.board-list-table table {
  border-top: 1px solid #fff;
}
.board-list-table table thead {
  display: none;
}
.board-list-table table td {
  background: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  color: #fff;
  font-size: 1.8rem;
}
.board-list-table .noti_row {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.1);
}
.board-list-table .board-cell-number {
  color: rgba(255, 255, 255, 0.8);
  text-align: center;
  font-weight: 800;
  line-height: 140%;
  letter-spacing: -0.018rem;
}
.board-list-table .board-cell-number .noti {
  color: var(--main-Color, #00CE65);
  font-weight: 600;
  line-height: 140%;
  letter-spacing: -0.018rem;
}
.board-list-table .board-cell-date {
  color: rgba(255, 255, 255, 0.6);
  font-size: 1.6rem;
}

.board-list-info-list li:not(:first-child):before {
  background-color: rgba(255, 255, 255, 0.2);
}
.board-list-info-list li {
  color: rgba(255, 255, 255, 0.8);
  font-size: 1.8rem;
  font-weight: 100;
  line-height: 140%;
  letter-spacing: -0.018rem;
}
.board-list-info-list li strong {
  color: #FFFFFF;
  font-weight: 800;
  line-height: 140%;
  letter-spacing: -0.018rem;
}

.mxds-button {
  border-radius: 0.8rem;
  background: #00CE65;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 5.76rem;
  padding: 0 2.64rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.72rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.016rem;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  border: 0 none;
}
.mxds-button:hover {
  background: #00B359;
}
.mxds-button.save {
  background: #00CE65;
}

.mxds-select {
  z-index: auto;
}
.mxds-select .chosen-container {
  border: 1px solid rgba(255, 255, 255, 0.5019607843);
  height: 5.8rem;
  border-radius: 0.8rem;
}
.mxds-select .chosen-single {
  background: none;
  border: 0 none;
}
.mxds-select .chosen-search input {
  color: #222;
}
.mxds-select .chosen-search::after {
  display: none;
}
.mxds-select .chosen-drop {
  color: #222;
}

.mxds-input-item input[type=text], .mxds-input-item input[type=password], .mxds-input-item input[type=number], .mxds-input-item textarea {
  border-radius: 0.8rem;
  border: 1px solid rgba(255, 255, 255, 0.5);
  background: none;
  height: 5.8rem;
}

.board-view-info {
  padding: 4rem 0;
  gap: 1.6rem 1rem;
  border-top: 1px solid var(--color-white, #FFF);
  background: rgba(255, 255, 255, 0.1);
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.board-view-info .board-view-info-subject {
  padding: 0 4rem;
  overflow: hidden;
  color: var(--color-white, #FFF);
  text-overflow: ellipsis;
  font-size: 2.8rem;
  font-weight: 800;
  line-height: 140%; /* 3.92rem */
  letter-spacing: -0.028rem;
}
.board-view-info .board-view-info-subject .noti {
  color: var(--main-Color, #00CE65);
  text-align: center;
  font-size: 1.8rem;
  font-weight: 800;
  line-height: 140%; /* 2.52rem */
  letter-spacing: -0.018rem;
}
.board-view-info .board-view-info-list li {
  color: rgba(255, 255, 255, 0.8);
  font-size: 1.8rem;
}
.board-view-info .board-view-info-list li + li:before {
  background-color: rgba(255, 255, 255, 0.8);
}

.board-view-content {
  padding: 6.4rem 4rem;
  color: #FFF;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 180%;
  letter-spacing: -0.018rem;
}
.board-view-content iframe {
  border: 0 none;
}
.board-view-content img {
  height: auto !important;
}

.board-view-video {
  background: none;
}

.board-view-util {
  border-color: rgba(255, 255, 255, 0.5);
}
.board-view-util dl {
  border-color: rgba(255, 255, 255, 0.5);
}
.board-view-util dl > * {
  padding: 2rem 2.4rem;
  border-color: rgba(255, 255, 255, 0.5);
}
.board-view-util dl dt {
  border-top: 0 none;
  color: #fff;
  text-align: center;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 160%;
  letter-spacing: -0.018rem;
  background: rgba(255, 255, 255, 0.1);
}

.board-view-file-link {
  color: #fff;
}

.icon-download::before {
  content: "\ec5a";
  font-family: "remixicon";
}

.board-view-file-volume {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 180%;
  letter-spacing: -0.014rem;
  color: #757575;
}

.board-button-center {
  gap: 1rem 2.4rem;
}
.board-button-center .mxds-button {
  width: 16rem;
  border-radius: 0.8rem;
}
.board-button-center .mxds-button.list {
  background-color: #33544E;
}
.board-button-center .mxds-button.list span::before {
  display: none;
}
.board-button-center .mxds-button.list + .mxds-button {
  margin-left: auto;
}
.board-button-center .mxds-button.config {
  border: 1px solid #09F5BE;
  background-color: transparent;
  font-weight: 300;
}
.board-button-center .mxds-button.config span {
  color: #09F5BE;
}
.board-button-center .mxds-button.config:hover {
  background-color: #09F5BE;
}
.board-button-center .mxds-button.config:hover span {
  color: #222;
}
.board-button-center .mxds-button.del {
  border: 1px solid #FF5457;
  background-color: transparent;
}
.board-button-center .mxds-button.del:hover {
  background-color: #FF5457;
}
.board-button-center .mxds-button.del:hover span {
  color: #fff;
}

.board-list-thumb-row > ul, .board-list-pdf-row > ul {
  margin: 0 -2.8rem;
  padding: 6rem 1.6rem;
}

.board-list-thumb-info > li, .board-list-pdf-info > li {
  color: rgba(255, 255, 255, 0.8);
}

.board-list-thumb-row > ul > li, .board-list-pdf-row > ul > li {
  padding: 0 2.8rem;
}
.board-list-thumb-row > ul > li.noimg .board-list-thumb-img,
.board-list-thumb-row > ul > li.noimg .board-list-pdf-img, .board-list-pdf-row > ul > li.noimg .board-list-thumb-img,
.board-list-pdf-row > ul > li.noimg .board-list-pdf-img {
  position: relative;
  background-color: rgba(255, 255, 255, 0.1019607843);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.board-list-thumb-row > ul > li.noimg .board-list-thumb-img::before, .board-list-thumb-row > ul > li.noimg .board-list-thumb-img::after,
.board-list-thumb-row > ul > li.noimg .board-list-pdf-img::before,
.board-list-thumb-row > ul > li.noimg .board-list-pdf-img::after, .board-list-pdf-row > ul > li.noimg .board-list-thumb-img::before, .board-list-pdf-row > ul > li.noimg .board-list-thumb-img::after,
.board-list-pdf-row > ul > li.noimg .board-list-pdf-img::before,
.board-list-pdf-row > ul > li.noimg .board-list-pdf-img::after {
  color: #FFF;
  font-size: 4rem;
  line-height: 100%;
  text-transform: uppercase;
  letter-spacing: -0.032rem;
  opacity: 0.5;
  text-align: center;
  position: absolute;
  width: 100%;
  left: 0;
}
.board-list-thumb-row > ul > li.noimg .board-list-thumb-img::before,
.board-list-thumb-row > ul > li.noimg .board-list-pdf-img::before, .board-list-pdf-row > ul > li.noimg .board-list-thumb-img::before,
.board-list-pdf-row > ul > li.noimg .board-list-pdf-img::before {
  content: "SIW";
  font-weight: 700;
  bottom: 50%;
  padding-bottom: 0.5rem;
}
.board-list-thumb-row > ul > li.noimg .board-list-thumb-img::after,
.board-list-thumb-row > ul > li.noimg .board-list-pdf-img::after, .board-list-pdf-row > ul > li.noimg .board-list-thumb-img::after,
.board-list-pdf-row > ul > li.noimg .board-list-pdf-img::after {
  content: "2026";
  font-weight: 300;
  top: 50%;
  padding-top: 0.5rem;
}

.board-list-thumb-subject .board-list-new, .board-list-pdf-subject .board-list-new {
  font-size: 1rem;
  -webkit-transform: none;
          transform: none;
  margin-bottom: 0.7rem;
}

.board-list-thumb-subject, .board-list-pdf-subject {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  width: 100%;
}
.board-list-thumb-subject span, .board-list-pdf-subject span {
  width: 100%;
  overflow: hidden;
  color: var(--color-white, #FFF);
  text-overflow: ellipsis;
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
  letter-spacing: -0.02rem;
  max-height: 6.4rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.board-view-thumb-pagination {
  background-color: #00CE65;
  font-size: 1.6rem;
}
.board-view-thumb-pagination strong {
  font-weight: 400;
}

.board-list-table table {
  table-layout: fixed;
}
.board-list-table table td.board-cell-subject .board-list-link {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.board-list-table table td.board-cell-subject .board-list-new {
  margin-top: 0.4rem;
}

.board-list-thumb-subject *:not(.borad-list-thumb-subject-text), .board-list-pdf-subject *:not(.borad-list-thumb-subject-text) {
  -ms-flex-negative: initial;
      flex-shrink: initial;
  word-break: break-all;
}

.board-list-thumb-subject, .board-list-pdf-subject {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

.board-list-thumb-subject .board-list-new, .board-list-pdf-subject .board-list-new {
  min-width: 3rem;
  margin-bottom: 0;
}

.mxds-table:after {
  display: none;
}

.board-write-label-essential:before {
  color: #00CE65;
}
.board-write-label-essential {
  color: #fff;
}

.board-write table {
  border-top: 1px solid #fff;
}
.board-write table th {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  font-size: 1.8rem;
}
.board-write table td {
  background: none;
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.board-write .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
}
.board-write .flex + .flex {
  margin-top: 1rem;
}
.board-write [class*=board-write-label] {
  color: #fff;
  padding: 0 1rem 0 0;
}
.board-write .board-write-label-essential:before {
  left: auto;
  right: 0;
  top: -0.2rem;
}

.mxds-input-item input[type=text], .mxds-input-item input[type=password], .mxds-input-item input[type=number], .mxds-input-item textarea {
  color: #fff;
}
.mxds-input-item input[type=text]:hover, .mxds-input-item input[type=text]:focus-visible, .mxds-input-item input[type=password]:hover, .mxds-input-item input[type=password]:focus-visible, .mxds-input-item input[type=number]:hover, .mxds-input-item input[type=number]:focus-visible, .mxds-input-item textarea:hover, .mxds-input-item textarea:focus-visible {
  border-color: #00CE65;
}

.pi-icon.month:before {
  content: "\eb53";
  font-family: "remixicon";
}

.message-modal__tab.is-active {
  color: #00CE65;
}

.form_check {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
}
.form_check input {
  width: 0;
  height: 0;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  left: 0;
  top: 0;
}
.form_check input:checked + label::before {
  border-color: #00CE65;
  font-size: 1.4rem;
}
.form_check input:disabled + label {
  cursor: not-allowed;
}
.form_check label {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 0.8rem;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  gap: 0.8rem;
}
.form_check label::before {
  content: "\eb7b";
  display: block;
  font-family: "remixicon";
  color: #00CE65;
  width: 2rem;
  height: 2rem;
  text-align: center;
  line-height: 1.8rem;
  font-size: 0;
  border: 2px solid rgba(255, 255, 255, 0.2);
  border-radius: 0.4rem;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

[class*=message_] .category.type1 {
  color: #09F5BE;
}
[class*=message_] .category.type2 {
  color: #00CE65;
}
[class*=message_] .category.type3 {
  color: #BCE33D;
}

.message_list {
  margin-top: 2.4rem;
}
.message_list > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4.8rem;
  padding: 3.2rem 4rem;
  border: 1px solid transparent;
  border-radius: 0.8rem;
  background: rgba(255, 255, 255, 0.1);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.message_list > li + li {
  margin-top: 0.8rem;
}
.message_list > li:hover {
  border-color: rgba(255, 255, 255, 0.5);
}
.message_list > li.on {
  border-color: #00CE65;
}
.message_list .txt {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.message_list .txt > p span {
  display: block;
}
.message_list .txt > p .name {
  width: 20rem;
  overflow: hidden;
  color: #FFF;
  text-overflow: ellipsis;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: -0.018rem;
}
.message_list .txt > p .category {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.014rem;
  margin-top: 0.8rem;
}
.message_list .cont {
  width: calc(100% - 20rem);
  overflow: hidden;
  white-space: nowrap;
}
.message_list .cont .tit {
  width: 100%;
  overflow: hidden;
  color: #FFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 0.4rem;
}
.message_list .cont .tit:hover span {
  text-decoration: underline;
}
.message_list .cont .tit span {
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: -0.018rem;
}
.message_list .cont .tit .new {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  color: #00CE65;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: -0.036rem;
}
.message_list .cont ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem 2rem;
  margin-top: 0.8rem;
}
.message_list .cont ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.8rem;
  color: rgba(255, 255, 255, 0.5019607843);
}
.message_list .cont ul li + li::before {
  content: "";
  width: 1px;
  height: 1.2rem;
  background-color: #fff;
  opacity: 0.3;
  margin-right: 1.2rem;
}
.message_list .cont ul i {
  font-size: 2rem;
  color: rgba(255, 255, 255, 0.5019607843);
}
.message_list .cont .cmt {
  color: #00CE65;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.014rem;
}
.message_list .cont .cmt b {
  margin-left: -0.4rem;
  font-weight: 600;
}
.message_list .cont .cmt.zero {
  color: rgba(255, 255, 255, 0.6);
}
.message_list a.go {
  border-radius: 0.8rem;
  background: rgba(255, 255, 255, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 4.8rem;
  height: 4.8rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.4rem;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  font-size: 2rem;
}
.message_list a.go:hover {
  background: var(--main-Color, #00CE65);
}

:root {
  --message_side_pd:4rem;
}

.message_view {
  border-radius: 2rem;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.1);
  word-break: break-all;
}
.message_view .head {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  padding: var(--message_side_pd);
}
.message_view .head p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 1.2rem;
  gap: 1.2rem;
}
.message_view .head p span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.2rem;
}
.message_view .head p span i {
  overflow: hidden;
  color: rgba(255, 255, 255, 0.5019607843);
  text-overflow: ellipsis;
  display: block;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.014rem;
}
.message_view .head p .date {
  margin-left: auto;
  color: rgba(255, 255, 255, 0.5019607843);
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.014rem;
}
.message_view .content {
  color: rgba(255, 255, 255, 0.9);
  padding: var(--message_side_pd);
}
.message_view .group {
  margin-top: var(--message_side_pd);
  padding-top: var(--message_side_pd);
  border-top: 1px solid rgba(255, 255, 255, 0.3);
}
.message_view .group h5 {
  color: #FFF;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: -0.016rem;
}
.message_view .group .link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.8rem;
  margin-top: 0.8rem;
  line-height: 2rem;
  height: 5.4rem;
  padding: 0 2rem;
  margin-top: 1rem;
  border-radius: 0.8rem;
  border: 1px solid rgba(255, 255, 255, 0.5);
  background: rgba(0, 0, 0, 0.1);
}
.message_view .group .link > i {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
  opacity: 0.5;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.message_view .group .link small {
  color: #757575;
  font-weight: 600;
}
.message_view .group .link span {
  margin-left: auto;
  color: #FFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.4rem;
  font-size: 1.4rem;
}
.message_view .group .link span i {
  font-size: 2.1rem;
  font-weight: 100;
}
.message_view .group .link:hover i {
  opacity: 1;
}

.message_cmt {
  margin-top: 4rem;
  border-radius: 2rem;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.1);
}
.message_cmt .head {
  padding: 2rem var(--message_side_pd);
}
.message_cmt .head strong {
  color: #FFF;
  font-size: 2rem;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.02rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.8rem;
}
.message_cmt .head strong b {
  color: #00CE65;
  font-weight: 700;
  font-size: 2rem;
}
.message_cmt .content {
  padding: 0 var(--message_side_pd) 3.2rem var(--message_side_pd);
  border-top: 1px solid rgba(255, 255, 255, 0.3);
}
.message_cmt .cmt_list .cmt_item {
  padding: 3.2rem 0;
}
.message_cmt .cmt_list .cmt_item:last-child {
  padding-bottom: 0;
}
.message_cmt .cmt_list .cmt_item + .cmt_item {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.message_cmt .cmt_list .cmt_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.8rem 2.4rem;
}
.message_cmt .cmt_list .cmt_info .name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.8rem;
  color: #FFF;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: -0.018rem;
  max-width: calc(100% - 30rem);
  word-break: break-all;
}
.message_cmt .cmt_list .cmt_info .name span {
  border-radius: 0.4rem;
  border: 1px solid #00CE65;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.2rem 0.6rem;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  color: #00CE65;
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.013rem;
}
.message_cmt .cmt_list .cmt_info .date {
  overflow: hidden;
  opacity: 0.8;
  color: #FFF;
  text-overflow: ellipsis;
  font-size: 1.4rem;
  font-weight: 300;
  line-height: 140%;
  letter-spacing: -0.014rem;
}
.message_cmt .cmt_list .cmt_info .btn {
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.8rem;
}
.message_cmt .cmt_list .cmt_info .btn a {
  position: relative;
  color: #FFF;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.014rem;
}
.message_cmt .cmt_list .cmt_info .btn a.modify {
  color: #09F5BE;
}
.message_cmt .cmt_list .cmt_info .btn a.delete {
  color: #FF5457;
}
.message_cmt .cmt_list .cmt_info .btn a + a {
  margin-left: 2.4rem;
}
.message_cmt .cmt_list .cmt_info .btn a + a::before {
  content: "";
  width: 1px;
  height: 1.2rem;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: -1.4rem;
  background-color: #fff;
  opacity: 0.3;
  margin-right: 1.2rem;
}
.message_cmt .cmt_list .cmt_content,
.message_cmt .cmt_list .cmt_content > * {
  margin-top: 1.2rem;
  color: #FFF;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 140%;
  letter-spacing: -0.016rem;
  opacity: 0.9;
  word-break: break-all;
}
.message_cmt .cmt_write {
  margin-top: 3.2rem;
}
.message_cmt .cmt_write textarea {
  display: block;
  border-radius: 0.8rem;
  border: 1px solid rgba(255, 255, 255, 0.5);
  background: rgba(0, 0, 0, 0.1);
  resize: none;
  width: 100%;
  height: 12rem;
  padding: 1.6rem;
}
.message_cmt .cmt_write textarea:placeholder {
  color: #A2B0AD;
}
.message_cmt .cmt_write > div, .message_cmt .cmt_write > p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.2rem;
  margin-top: 1.6rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.message_cmt .cmt_write > div span, .message_cmt .cmt_write > p span {
  opacity: 0.6;
  color: #FFF;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; /* 2.56rem */
  letter-spacing: -0.016rem;
}
.message_cmt .cmt_write .submit {
  border-radius: 0.8rem;
  background: #00CE65;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 4.8rem;
  padding: 0 2.4rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #222;
  font-size: 1.6rem;
  line-height: normal;
}

.message_bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 4rem;
}
.message_bottom .btn_wrap {
  margin-top: 0;
}
.message_bottom .btn_wrap .btn.long {
  width: 20rem;
}
.message_bottom .pagination {
  margin-top: 0;
}

.depth3 ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2.4rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 6.4rem;
}
.depth3 ul li {
  color: #FFF;
  font-size: 2rem;
  border-bottom: 3px solid transparent;
  font-weight: 300;
  line-height: 160%;
  letter-spacing: -0.02rem;
  padding: 1.8rem 0;
}
.depth3 ul li.active {
  color: #00CE65;
  border-color: #00CE65;
}

@media (max-width: 900px) {
  :root {
    --message_side_pd:2rem;
  }
  .message_bottom {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 3.2rem;
  }
  .message_bottom .pagination {
    margin-top: 0;
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
    width: 100%;
  }
  .message_bottom .btn_wrap {
    margin: 0;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .message_bottom .btn_wrap.left {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .message_bottom .btn_wrap.right {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .message_list > li {
    padding: 2.4rem 2rem;
    gap: 2rem;
  }
  .message_list > li .txt {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 2rem;
  }
  .message_list > li .txt > p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.8rem;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .message_list > li .txt > p .name {
    width: auto;
  }
  .message_list > li .txt > p .category {
    margin-top: 0;
  }
  .message_list > li .cont {
    width: 100%;
  }
  .message_cmt .cmt_list .cmt_info {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .message_cmt .cmt_list .cmt_info .name {
    max-width: 100%;
  }
  .message_cmt .cmt_list .cmt_info .btn {
    width: 100%;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .message_cmt .cmt_list .cmt_content {
    margin-top: 2rem;
  }
  .message_cmt .cmt_list .cmt_item {
    padding: 1rem 0 2rem 0;
  }
  .message_view .group .link {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    height: auto;
    padding: 1rem;
  }
  .message_view .group .link > i {
    display: none;
  }
  .message_view .group .link span {
    width: 100%;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .message_view .head p {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .message_view .head p .date {
    width: 100%;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
@media (max-width: 480px) {
  .message_list .cont ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 1.6rem;
    gap: 0.5rem;
  }
  .message_list .cont ul li + li::before {
    display: none;
  }
  .message_bottom .btn_wrap .btn.long {
    width: auto;
    padding: 0 3rem;
  }
}
.w10 {
  width: 10%;
}

.w15 {
  width: 15%;
}

.w20 {
  width: 20%;
}

.w25 {
  width: 25%;
}

.w30 {
  width: 30%;
}

.w35 {
  width: 35%;
}

.w40 {
  width: 40%;
}

.w45 {
  width: 45%;
}

.w50 {
  width: 50%;
}

@media (max-width: 1080px) {
  .logo_list > li {
    width: calc((100% - 2rem) / 2);
    padding: 2rem;
  }
  .logo_list.type2 > li .img {
    width: 24rem;
  }
  .logo_list.type2 > li .txt {
    width: calc(100% - 36rem);
    padding: 0 3.2rem;
  }
  .logo_list.type2 > li .txt .profile {
    width: 100%;
    padding: 0.5rem 0;
    margin-left: 0;
    padding-left: 0;
  }
  .logo_list.type2 > li .txt .profile::before {
    display: none;
  }
  .logo_list.type2 .txt .profile {
    gap: 1.2rem;
  }
  .logo_list.type2 .txt .profile .item.p_last + .item {
    z-index: 2;
    margin-left: -3rem;
  }
  .logo_list.type2 .txt .profile .item.p_last + .item + .item {
    z-index: 3;
    margin-left: -3rem;
  }
  .logo_list.type2 .txt .profile .item.p_last + .item + .item + .item {
    z-index: 4;
    margin-left: -3rem;
  }
}
@media (max-width: 768px) {
  .board-view-content {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .pagination {
    gap: 0.5rem;
  }
  .pagination .page-link {
    width: auto;
    height: auto;
    padding: 0.2rem 0.6rem;
    border-radius: 0;
    border-bottom: 1px solid transparent;
  }
  .pagination .page-links {
    margin: 0 0.2rem;
  }
  .pagination .page-links .page-link {
    background: none;
    border: 0 none;
    border-bottom: 1px solid transparent;
  }
  .pagination .page-links .page-link.active {
    border-bottom: 1px solid #fff;
    background: none;
    color: #fff;
    font-weight: 700;
  }
  .logo_list.type2 > li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 4rem 2rem;
  }
  .logo_list.type2 > li .img {
    width: 100%;
  }
  .logo_list.type2 > li .txt {
    width: 100%;
    padding: 3rem 0;
  }
  .logo_list.type2 > li .txt .profile .p_img {
    width: 32px;
    height: 32px;
  }
  .logo_list.type2 .btn_wrap {
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 1.2rem;
  }
  .logo_list.type2 .btn_wrap .btn {
    width: 50%;
  }
  .logo_list .btn_wrap .btn {
    padding: 1.2rem;
  }
  .board-view-util dl dt {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  }
  .board-view-info .board-view-info-subject {
    padding: 0 2rem;
  }
}
@media (max-width: 767px) {
  .board-list-table table td {
    border-bottom: 0 none;
  }
  .board-cell-subject .board-list-link-text {
    color: #fff;
    line-height: 1.6;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: keep-all;
  }
  .board-list-table tr:not(.noti_row) .board-cell-number {
    display: none;
  }
  .board-list-table tr:not(.noti_row) .board-cell-subject {
    margin-top: 0;
  }
  .meetup_list .top .img {
    width: 6rem;
    height: 6rem;
    margin-top: 1rem;
  }
  .meetup_list .top .info .category2 {
    display: block;
  }
  .meetup_list .top .info .category2 strong {
    margin-right: 2.4rem;
  }
  .meetup_list .top .info .category2 strong:has(+ span)::after {
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .meetup_list .top .info .category2 strong, .meetup_list .top .info .category2 span {
    display: inline-block;
    word-break: break-all;
    margin-bottom: 0.3rem;
    line-height: 1.3;
  }
}
@media (max-width: 600px) {
  .logo_list.type2 > li .txt .profile.m_hidden:has(> li.item:nth-child(2))::before {
    content: "";
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    width: 0;
    height: 0;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .logo_list.type2 > li .txt .profile.m_hidden:has(> li.item:nth-child(2)) > li.item:first-child {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
  .logo_list.type2 > li .txt .profile.m_hidden:has(> li.item:nth-child(2)) > li.item:not(:first-child) {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
@media (max-width: 480px) {
  .logo_list > li {
    width: calc((100% - 0rem) / 1);
  }
  .board-button-center .mxds-button {
    width: 100%;
  }
  .board-button-center .mxds-button.list + .mxds-button {
    margin-top: 1.6rem;
  }
}