@charset "UTF-8";
.title {
  font-weight: 700;
}

.desc {
  font-size: 1.6rem;
}

.fs28 {
  font-size: 2.8rem !important;
}

.fs24 {
  font-size: 2.4rem !important;
}

.fs22 {
  font-size: 2.2rem !important;
}

.fs20 {
  font-size: 2rem !important;
}

.fs18 {
  font-size: 1.8rem !important;
}

.fs16 {
  font-size: 1.6rem !important;
}

.fs14 {
  font-size: 1.4rem !important;
}

.fw40 {
  font-weight: 400 !important;
}

.fw50 {
  font-weight: 500 !important;
}

.fw60 {
  font-weight: 600 !important;
}

.fw70 {
  font-weight: 700 !important;
}

.c99 {
  color: #999 !important;
}

.c76 {
  color: #767676 !important;
}

.c77 {
  color: #777 !important;
}

.c55 {
  color: #555 !important;
}

.c33 {
  color: #333 !important;
}

.caa {
  color: #aaa !important;
}

.cff {
  color: #fff !important;
}

.c11 {
  color: #111 !important;
}

.lh14 {
  line-height: 1.4;
}

.lh15 {
  line-height: 1.5;
}

.lh16 {
  line-height: 1.6;
}

.c-sky {
  color: #1A80D1;
}

.c-blue {
  color: #0b50d0;
}

.flex-box {
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
  gap: 0.8rem;
}
.flex-box .wd-half {
  width: calc(50% - 0.4rem);
}
.flex-box .flex-grow {
  flex-grow: 1;
}
.flex-box .wd40 {
  width: 40rem;
}
.flex-box.nowrap {
  flex-wrap: nowrap;
}
.flex-box.grow {
  flex-grow: 1;
}
.flex-box .shrink {
  flex-shrink: 0;
}
.flex-box.column {
  flex-direction: column;
}
.flex-box.center {
  justify-content: center;
}
.flex-box.between {
  justify-content: space-between;
}
.flex-box.right {
  justify-content: flex-end;
}
.flex-box.a-start {
  align-items: flex-start;
}
.flex-box.a-center {
  align-items: center;
}
.flex-box.a-end {
  align-items: flex-end;
}
.flex-box.gap0 {
  gap: 0;
}
.flex-box.gap4 {
  gap: 0.4rem;
}
.flex-box.gap12 {
  gap: 1.2rem;
}
.flex-box.gap16 {
  gap: 1.6rem;
}
.flex-box.gap20 {
  gap: 2rem;
}
.flex-box.gap24 {
  gap: 2.4rem;
}
.flex-box.gap40 {
  gap: 4rem;
}

/*-------------------------------------------------
서브 레이아웃
-------------------------------------------------*/
.sub-visual {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 0.8rem;
  margin-bottom: 4rem;
}
.sub-visual-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.2rem;
  position: absolute;
}
.sub-visual-info-title {
  font-size: 4rem;
  font-weight: 700;
  color: #fff;
}
.sub-visual-info-desc {
  font-size: 2rem;
  color: #fff;
  opacity: 0.8;
}
.sub-visual-img {
  margin: 0 auto;
  object-fit: cover;
  min-height: 20rem;
}

.inner:has(.lnb) {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 4rem;
}

.lnb {
  width: 23rem;
}
.lnb-list {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}
.lnb-item .lnb-btn {
  font-size: 2rem;
  font-weight: 700;
}
.lnb-item .lnb-submenu {
  display: none;
}
.lnb-item.active .lnb-submenu {
  display: block;
}
.lnb-subitem {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.8rem;
  margin-top: 1rem;
}
.lnb-subitem .lnb-btn {
  font-size: 1.6rem;
  color: #666;
}
.lnb-subitem::before {
  content: "";
  width: 0.4rem;
  height: 0.4rem;
  margin-top: 1rem;
  background-color: #ccc;
  border-radius: 50%;
}

.contents {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 5.6rem;
  margin-bottom: 6.4rem;
  position: relative;
}
.contents-util {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 1.2rem;
  position: absolute;
  right: 0;
  top: 10rem;
}
.contents .share-menu {
  display: none;
}
.contents .share.active .share-menu {
  display: block;
}

.breadcrumb-wrap {
  font-size: 1.5rem;
}
.breadcrumb-wrap .breadcrumb {
  display: flex;
  gap: 0.4rem;
  align-items: center;
}
.breadcrumb-wrap .breadcrumb li {
  display: flex;
  gap: 0.4rem;
  align-items: center;
}
.breadcrumb-wrap .breadcrumb li:not(:last-child)::after {
  content: "\ea6e";
  font-family: "remixicon";
  display: block;
  width: 1.6rem;
  height: 1.6rem;
}
.breadcrumb-wrap .breadcrumb .current {
  font-weight: 700;
}

@media (max-width: 1024px) {
  .inner:has(.lnb) {
    flex-direction: column;
  }
  .lnb-item {
    display: none;
  }
  .lnb-item.active {
    display: block;
  }
  .contents {
    width: 100%;
  }
}
/*-------------------------------------------------
탭
-------------------------------------------------*/
.tab {
  display: flex;
  gap: 0.8rem;
  position: relative;
}
.tab-area {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.tab-btn {
  display: flex;
  min-width: 5.6rem;
  height: 4rem;
  padding: 0 0.4rem;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  position: relative;
  white-space: nowrap;
}
.tab-btn::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 0.3rem;
  background-color: var(--second-50);
  transition: 0.3s;
}
.tab-btn.active {
  color: var(--second-50);
}
.tab-btn.active::before {
  left: 0;
  width: 100%;
}
.tab-panel {
  display: none;
  width: 100%;
  position: relative;
}
.tab-panel.active {
  display: block;
}
.tab-panel .more {
  position: absolute;
  right: 0;
  top: 0;
  transform: translateY(-200%);
  transition: 0.25s;
  border-radius: 0.4rem;
  padding: 0.2rem 0.4rem;
  gap: 0.4rem;
}

.satisfaction {
  display: flex;
  flex-direction: column;
  row-gap: 1.6rem;
  padding: 2.4rem;
  border: 1px solid #ddd;
}
.satisfaction-form {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 1.2rem 2.4rem;
}
.satisfaction-form > ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem 1.6rem;
}
.satisfaction-form > ul > li {
  display: flex;
  gap: 0.8rem;
}
.satisfaction-form > button {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.8rem 1.6rem;
  background-color: var(--primary);
  border-color: var(--primary);
  color: #fff;
}

/* ==========================================================================
게시판 스타일
========================================================================== */
.board {
  /* ==========================================================================
  	게시판 공통 컴포넌트 : 아이콘
  ========================================================================== */
}
.board-icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}
.board-icon:before {
  font-family: "remixicon";
}
.board-icon.reply {
  font-size: 1.4rem;
  font-weight: 700;
  color: #777;
}
.board-icon.reply:before {
  content: "\f309";
}
.board-icon.secret:before {
  content: "\eece";
}
.board-icon.new {
  width: 1.6rem;
  border-radius: 50%;
  background-color: var(--primary);
  font-size: 1.2rem;
  font-weight: 700;
  color: #fff;
  line-height: 1;
  aspect-ratio: 1/1;
}
.board {
  /* ==========================================================================
  	게시판 공통 컴포넌트 : 인풋
  ========================================================================== */
}
.board-input {
  display: flex;
  position: realtive;
}
.board-input select,
.board-input input[type*=text],
.board-input input[type*=tel],
.board-input input[type*=email],
.board-input input[type*=number] {
  width: 100%;
  height: 4.8rem;
  padding: 0 1.6rem;
  border: 1px solid #e0e0e0;
  background-color: #fff;
}
.board-input.select select {
  padding: 0 3.2rem 0 1.6rem;
}
.board-input.text input[type=text] {
  height: 4.8rem;
}
.board-input.text:has(.board-btn.search) {
  gap: 0.8rem;
}
.board-input.text:has(.board-btn.search) .board-btn.search {
  height: 4.8rem;
}
.board {
  /* ==========================================================================
  	게시판 공통 컴포넌트 : 버튼
  ========================================================================== */
}
.board-btns {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
}
.board-btns.left {
  justify-content: flex-start;
}
.board-btns.center {
  justify-content: center;
}
.board-btns.right {
  justify-content: flex-end;
}
.board-btn {
  display: inline-flex;
  align-items: center;
}
.board-btn:not(.text) {
  line-height: 1;
}
.board-btn.small {
  height: 3.2rem;
  padding: 0 1.2rem;
  font-size: 1.4rem;
  gap: 0.4rem;
}
.board-btn.medium {
  height: 4rem;
  padding: 0 1.6rem;
  font-size: 1.6rem;
  gap: 0.6rem;
}
.board-btn.large {
  height: 4.8rem;
  padding: 0 2rem;
  font-size: 1.8rem;
  gap: 0.8rem;
}
.board-btn.xlarge {
  height: 5.6rem;
  padding: 0 2.4rem;
  font-size: 2rem;
  gap: 0.8rem;
}
.board-btn.text {
  height: auto !important;
}
.board-btn.text.small {
  padding: 0 0.2rem;
}
.board-btn.text.medium {
  padding: 0 0.4rem;
}
.board-btn.text.large {
  padding: 0 0.6rem;
}
.board-btn.text.xlarge {
  padding: 0 0.8rem;
}
.board-btn.text:hover {
  background-color: #f6f6f6;
}
.board-btn.list, .board-btn.view {
  background-color: #000;
  color: #fff;
}
.board-btn.write {
  background-color: var(--primary);
  color: #fff;
}
.board-btn.modify {
  background-color: var(--color-success);
  color: #fff;
}
.board-btn.delete {
  background-color: var(--color-error);
  color: #fff;
}
.board-btn.reply {
  background-color: var(--color-warning);
  color: #fff;
}
.board-btn.search {
  justify-content: center;
  background-color: #000;
  color: #fff;
  aspect-ratio: 1/1;
}
.board {
  /* ==========================================================================
  	게시판 공통 컴포넌트 : 카테고리
  ========================================================================== */
}
.board-category {
  display: inline-flex;
  flex-shrink: 0;
  padding: 0.8rem 1.2rem;
  border: 1px solid transparent;
  font-size: 1.4rem;
  font-weight: 500;
  color: #333;
  line-height: 1;
}
.board-category.border {
  background-color: #fff !important;
  border-color: #e0e0e0;
}
.board-category.border[data-category=wait] {
  color: var(--gray-50);
  border-color: var(--gray-50);
}
.board-category.border[data-category=receipt] {
  color: var(--color-success);
  border-color: var(--color-success);
}
.board-category.border[data-category=progress] {
  color: var(--color-warning);
  border-color: var(--color-warning);
}
.board-category.border[data-category=complete] {
  color: var(--primary);
  border-color: var(--primary);
}
.board-category.border[data-category=refusal] {
  color: var(--color-error);
  border-color: var(--color-error);
}
.board-category.fill {
  background-color: #f5f5f5;
}
.board-category.fill[data-category=wait] {
  background-color: var(--gray-50);
  color: #fff;
}
.board-category.fill[data-category=receipt] {
  background-color: var(--color-success);
  color: #fff;
}
.board-category.fill[data-category=progress] {
  background-color: var(--color-warning);
  color: #fff;
}
.board-category.fill[data-category=complete] {
  background-color: var(--primary);
  color: #fff;
}
.board-category.fill[data-category=refusal] {
  background-color: var(--color-error);
  color: #fff;
}
.board {
  /* ==========================================================================
  	게시판 공통 컴포넌트 : 컬럼
  ========================================================================== */
}
.board-column.info {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  gap: 0.8rem calc(1.6rem + 1px);
}
.board-column.info > li {
  display: inline-flex;
  position: relative;
  gap: 0.4rem;
}
.board-column.info > li:before {
  flex-shrink: 0;
}
.board-column.info > li:after {
  position: absolute;
  top: 0.7rem;
  left: calc(-0.8rem - 1px);
  width: 1px;
  height: 1.2rem;
  background-color: #c0c0c0;
  content: "";
}
.board-column.info.icon > li:before {
  font-family: "remixicon";
  font-weight: 400;
}
.board-column.info.icon > li.writer:before {
  content: "\f264";
}
.board-column.info.icon > li.date:before {
  content: "\f20f";
}
.board-column.info.icon > li.hit:before {
  content: "\ecb5";
}
.board-column.info.label > li {
  gap: 0.8rem;
}
.board-column.info.label > li:before {
  font-weight: 500;
  content: attr(aria-label);
}
.board-column.info[data-dir=col] {
  flex-direction: column;
}
.board {
  /* ==========================================================================
  	게시판 공통 컴포넌트 : 페이지네이션
  ========================================================================== */
}
.board-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.4rem;
}
.board-pagination a,
.board-pagination button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 4rem;
  border: 1px solid #e0e0e0;
  border-radius: 50%;
  text-align: center;
  aspect-ratio: 1/1;
}
.board-pagination a:hover, .board-pagination a:focus-visible,
.board-pagination button:hover,
.board-pagination button:focus-visible {
  border-color: var(--primary);
}
.board-pagination-numbers {
  display: flex;
  padding: 0 0.8rem;
  gap: 0.4rem;
}
.board-pagination-numbers > a.active,
.board-pagination-numbers > button.active {
  background-color: var(--primary);
  color: #fff;
  border-color: var(--primary);
}
.board {
  /* ==========================================================================
  	게시판 공통 컴포넌트 : 페이지네이션, 버튼 간격 정의
  ========================================================================== */
}
.board-list + .board-btns, .board-view + .board-btns, .board-pagination + .board-btns {
  margin-top: 4rem;
}
.board-list + .board-pagination, .board-view + .board-pagination, .board-btns + .board-pagination {
  margin-top: 4rem;
}
.board {
  /* ==========================================================================
  	게시판 리스트
  ========================================================================== */
}
.board-list {
  margin-top: 1.6rem;
  border-top: 2px solid #000;
  border-bottom: 1px solid #dedede;
}
.board-list:has(.board-list-nodata) {
  border-top: 0;
  border-bottom: 0;
}
.board-list {
  /* ==========================================================================
  	게시판 리스트 : NODATA 
  ========================================================================== */
}
.board-list-nodata {
  padding: 8rem 0 !important;
}
.board-list-nodata > img[src*=nodata] {
  width: 7.2rem;
  margin: 0 auto 2rem;
}
.board-list-nodata > strong {
  font-size: 2.4rem;
  font-weight: 700;
}
.board-list-nodata:before, .board-list-nodata:after {
  display: none;
}
.board-list {
  /* ==========================================================================
  	게시판 리스트 : 상단 영역
  ========================================================================== */
}
.board-list-top {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  gap: 1.2rem 2.4rem;
}
.board-list-top:not(:has(.board-list-view-mode)) {
  flex-direction: row-reverse;
}
.board-list-search {
  margin-left: auto;
}
.board-list-search .board-input label {
  display: none;
}
.board-list-search-group.default {
  display: flex;
  margin-left: auto;
  gap: 0.8rem;
}
.board-list-util {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-right: auto;
}
.board-list-util:has(> :nth-child(2)) {
  width: 100%;
}
.board-list-view-mode {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.board-list-view-mode > li {
  position: relative;
}
.board-list-view-mode > li:has([class*=on]) {
  z-index: 1;
}
.board-list-view-mode > li + li {
  margin-left: -1px;
}
.board-list-view-mode > li > button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 4rem;
  border: 1px solid #e0e0e0;
  font-size: 1.8rem;
  line-height: 1;
  aspect-ratio: 1/1;
}
.board-list-view-mode > li > button[class*=on], .board-list-view-mode > li > button[class*=active] {
  background-color: var(--primary);
  color: #fff;
  border-color: var(--primary);
}
.board-list {
  /* ==========================================================================
  	게시판 리스트 : 테이블형
  ========================================================================== */
}
.board-list[data-type*=table] .viewSubject {
  display: flex;
  align-items: center;
  position: relative;
  gap: 0.8rem;
}
.board-list[data-type*=table] .viewSubject > a {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.board-list[data-type*=table] .board-column.notice td {
  font-weight: 500;
  color: #000;
}
.board-list[data-type*=table] .board-column.reply .board-column.subject {
  padding-left: 4rem;
}
.board-list[data-type*=table] .board-column.subject {
  text-align: left;
}
.board-list[data-type*=table] .board-attach {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translatey(-50%);
  z-index: 1;
  padding: 2rem;
  border: 1px solid #e0e0e0;
  background-color: #fff;
}
.board-list[data-type*=table] .board-attach > strong {
  display: block;
  font-size: 1.6rem;
  color: #000;
  line-height: 1;
  text-align: left;
}
.board-list[data-type*=table] .board-attach > ul {
  display: flex;
  flex-direction: column;
  margin-top: 1.2rem;
  row-gap: 0.4rem;
}
.board-list[data-type*=table] .board-attach > ul > li > a {
  display: flex;
  align-items: center;
  font-size: 1.4rem;
  gap: 0.8rem;
}
.board-list[data-type*=table] .board-attach > ul > li > a > span {
  display: -webkit-box;
  max-width: 24rem;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.board-list[data-type*=table] .board-attach > ul > li > a > img {
  flex-shrink: 0;
  width: 1.6rem;
}
.board-list[data-type*=table] .board-attach-close {
  position: absolute;
  top: 1.6rem;
  right: 1.6rem;
}
.board-list[data-type*=table] .board-attach-close > i {
  font-size: 2rem;
}
.board-list[data-type*=table] table {
  width: 100%;
}
.board-list[data-type*=table] table th,
.board-list[data-type*=table] table td {
  padding: 1.6rem;
  text-align: center;
}
.board-list[data-type*=table] table thead th {
  background-color: #f5f5f5;
  font-weight: 600;
  color: #000;
}
.board-list[data-type*=table] table tbody td {
  position: relative;
  border-bottom: 1px solid #dedede;
  background-color: #fff;
  color: #616161;
}
.board-list[data-type*=table] table tbody tr:last-child td {
  border-bottom: 0;
}
.board-list[data-type*=table] table:has(.board-list-nodata) colgroup,
.board-list[data-type*=table] table:has(.board-list-nodata) th {
  display: none;
}
@media (max-width: 768px) {
  .board-list[data-type*=table][data-type*=default] table colgroup,
  .board-list[data-type*=table][data-type*=default] table thead, .board-list[data-type*=table][data-type*=column] table colgroup,
  .board-list[data-type*=table][data-type*=column] table thead {
    display: none;
  }
  .board-list[data-type*=table][data-type*=default] table tbody, .board-list[data-type*=table][data-type*=column] table tbody {
    width: 100%;
  }
  .board-list[data-type*=table][data-type*=default] table tbody tr, .board-list[data-type*=table][data-type*=column] table tbody tr {
    display: flex;
    padding: 2.4rem 0;
  }
  .board-list[data-type*=table][data-type*=default] table tbody tr:not(:first-child), .board-list[data-type*=table][data-type*=column] table tbody tr:not(:first-child) {
    border-top: 1px solid #e0e0e0;
  }
  .board-list[data-type*=table][data-type*=default] table tbody td, .board-list[data-type*=table][data-type*=column] table tbody td {
    padding: 0;
    border-bottom: 0;
  }
  .board-list[data-type*=table][data-type*=default] .board-column.reply .board-column.subject, .board-list[data-type*=table][data-type*=column] .board-column.reply .board-column.subject {
    padding-left: 0;
  }
  .board-list[data-type*=table][data-type*=default] .board-attach, .board-list[data-type*=table][data-type*=column] .board-attach {
    left: 0;
    right: auto;
  }
  .board-list[data-type*=table][data-type*=default] table tbody tr {
    flex-wrap: wrap;
    gap: 0.8rem calc(1.6rem + 1px);
  }
  .board-list[data-type*=table][data-type*=default] table tbody td:before {
    position: absolute;
    top: 0.7rem;
    left: calc(-0.8rem - 1px);
    width: 1px;
    height: 1.2rem;
    background-color: #c0c0c0;
    content: "";
  }
  .board-list[data-type*=table][data-type*=default] table tbody td.board-column.number {
    align-self: center;
  }
  .board-list[data-type*=table][data-type*=default] table tbody td.board-column.subject {
    width: 100%;
  }
  .board-list[data-type*=table][data-type*=default] table tbody td.board-column.subject + td:before {
    display: none;
  }
  .board-list[data-type*=table][data-type*=default] table tbody td.board-column.category:before {
    display: none;
  }
  .board-list[data-type*=table][data-type*=column] table tbody tr {
    flex-direction: column;
    row-gap: 0.8rem;
  }
  .board-list[data-type*=table][data-type*=column] table tbody td {
    display: flex;
    text-align: left;
    gap: 0.4rem;
  }
  .board-list[data-type*=table][data-type*=column] table tbody td:before {
    flex-shrink: 0;
    width: 10rem;
    font-weight: 500;
    color: #000;
    content: attr(aria-label);
  }
}
@media (max-width: 1024px) {
  .board-list[data-type*=table][data-type*=scroll] {
    overflow-x: scroll;
  }
  .board-list[data-type*=table][data-type*=scroll] table {
    min-width: 1024px;
  }
}
.board-list[data-type*=gall] {
  padding: 4rem 0;
}
.board-list[data-type*=gall] li {
  min-width: 0;
}
.board-list[data-type*=gall] .board-category {
  align-self: flex-start;
}
.board-list[data-type*=gall] .board-column.img {
  position: relative;
  width: 100%;
  background-color: #f5f5f5;
  aspect-ratio: 16/9;
}
.board-list[data-type*=gall] .board-column.img > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.board-list[data-type*=gall] .board-column.img > img[src*=noimg] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 7.6rem;
  width: calc(100% - 8rem);
  height: auto;
}
.board-list[data-type*=gall] .board-column.desc {
  display: flex;
  flex-direction: column;
  min-width: 0;
  row-gap: 1.2rem;
}
.board-list[data-type*=gall] .board-column.subject {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1.8rem;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.board-list[data-type*=gall] .board-column.text {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.board-list[data-type*=gall] > ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.4rem;
}
.board-list[data-type*=gall] > ul[data-cols="2"] {
  grid-template-columns: repeat(2, 1fr);
}
.board-list[data-type*=gall] > ul[data-cols="3"] {
  grid-template-columns: repeat(3, 1fr);
}
.board-list[data-type*=gall] > ul[data-cols="4"] {
  grid-template-columns: repeat(4, 1fr);
}
.board-list[data-type*=gall] > ul[data-cols="5"] {
  grid-template-columns: repeat(5, 1fr);
}
.board-list[data-type*=gall] > ul:has(.board-list-nodata) {
  grid-template-columns: repeat(1, 1fr) !important;
}
.board-list[data-type*=gall] > ul > li > a {
  display: flex;
}
@media (max-width: 1280px) {
  .board-list[data-type*=gall] > ul[data-cols="5"] {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 1024px) {
  .board-list[data-type*=gall] > ul[data-cols="4"], .board-list[data-type*=gall] > ul[data-cols="5"] {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 768px) {
  .board-list[data-type*=gall] > ul[data-cols="3"], .board-list[data-type*=gall] > ul[data-cols="4"], .board-list[data-type*=gall] > ul[data-cols="5"] {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 480px) {
  .board-list[data-type*=gall] > ul[data-cols="2"], .board-list[data-type*=gall] > ul[data-cols="3"], .board-list[data-type*=gall] > ul[data-cols="4"], .board-list[data-type*=gall] > ul[data-cols="5"] {
    grid-template-columns: repeat(1, 1fr);
  }
}
.board-list[data-type*=gall][data-type*=default] ul li > a {
  flex-direction: column;
  row-gap: 2.4rem;
}
.board-list[data-type*=gall][data-type*=col] > ul {
  grid-template-columns: repeat(1, 1fr);
}
.board-list[data-type*=gall][data-type*=col] > ul > li + li {
  padding-top: 2.4rem;
  border-top: 1px solid #e0e0e0;
}
.board-list[data-type*=gall][data-type*=col] > ul > li > a {
  gap: 2.4rem;
}
.board-list[data-type*=gall][data-type*=col] > ul > li > a .board-column.img {
  flex-shrink: 0;
  width: 32rem;
}
.board-list[data-type*=gall][data-type*=col] > ul > li > a .board-column.desc {
  flex: 1;
}
@media (max-width: 1024px) {
  .board-list[data-type*=gall][data-type*=col] > ul > li > a .board-column.img {
    width: 24rem;
  }
}
@media (max-width: 480px) {
  .board-list[data-type*=gall][data-type*=col] > ul > li > a {
    flex-direction: column;
  }
  .board-list[data-type*=gall][data-type*=col] > ul > li > a.board-column.img {
    width: 100%;
  }
}
.board-list[data-type*=gall][data-type*=video] .board-column.img:before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.25) url(../../images/common/bbs/icon-video.svg) no-repeat 50% 50%;
  background-size: 7.6rem;
  content: "";
}
.board-list[data-type*=box] {
  padding: 0;
  border: 0;
}
.board-list[data-type*=box] > ul {
  display: flex;
  flex-direction: column;
  row-gap: 1.6rem;
}
.board-list[data-type*=box] > ul > li {
  display: flex;
  flex-direction: column;
  position: relative;
}
.board-list[data-type*=box] > ul > li:before, .board-list[data-type*=box] > ul > li:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
}
.board-list[data-type*=box] > ul > li:before {
  border: 1px solid #e0e0e0;
}
.board-list[data-type*=box] > ul > li:after {
  opacity: 0;
  border: 2px solid var(--primary);
}
.board-list[data-type*=box] > ul > li:not(.board-list-nodata):hover:after, .board-list[data-type*=box] > ul > li:not(.board-list-nodata).active:after {
  opacity: 1;
}
.board-list[data-type*=box] > ul > li > * {
  position: relative;
  z-index: 1;
}
.board-list[data-type*=box] .board-column.subject {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 3.2rem 6.4rem;
  padding-left: 3.2rem;
  gap: 1.2rem;
}
.board-list[data-type*=box] .board-column.subject .board-category {
  align-self: flex-start;
}
.board-list[data-type*=box] .board-column.subject .board-column.info, .board-list[data-type*=box] .board-column.subject .board-column.text {
  width: 100%;
}
.board-list[data-type*=box] .board-column.subject:after {
  position: absolute;
  top: 3.2rem;
  right: 3.2rem;
  font-family: "remixicon";
  font-size: 2.4rem;
  color: #000;
  line-height: 1;
}
.board-list[data-type*=box] .board-column.desc {
  display: none;
  padding: 3.2rem;
  padding-top: 0;
}
.board-list[data-type*=box][data-type*=accordion] > ul > li.active .board-column.subject:after {
  transform: rotate(180deg);
}
.board-list[data-type*=box][data-type*=accordion] .board-column.subject:after {
  content: "\ea4e";
}
.board-list[data-type*=box][data-type*=accordion] .board-attach {
  padding-top: 2.4rem;
  margin-top: 2.4rem;
  border-top: 1px solid #e0e0e0;
}
.board-list[data-type*=box][data-type*=accordion] .board-attach-list {
  display: flex;
  flex-direction: column;
  padding: 2rem;
  margin-top: 1.2rem;
  background-color: #f5f5f5;
  row-gap: 0.4rem;
}
.board-list[data-type*=box][data-type*=accordion] .board-attach-list > li > a {
  display: flex;
  align-items: center;
  gap: 1.2rem;
}
.board-list[data-type*=box][data-type*=link] .board-column.subject:after {
  content: "\ea6c";
}
.board-list[data-type*=box][data-type*=link] .board-column.subject[target=_blank]:after {
  content: "\ecaf";
}
.board-list[data-type*=box][data-type*=faq] .board-column.subject {
  padding-left: 6.4rem;
}
.board-list[data-type*=box][data-type*=faq] .board-column.subject:before {
  position: absolute;
  top: 3.2rem;
  left: 3.2rem;
  font-weight: 700;
  color: var(--primary);
  content: "Q";
}
.board-list[data-type*=box][data-type*=faq] .board-column.subject:has(.board-category):before {
  top: 3.4rem;
}
.board-list[data-type*=box][data-type*=faq] .board-column.desc {
  display: none;
  padding-left: 6.4rem;
}
.board-list[data-type*=box][data-type*=faq] .board-column.desc:before {
  position: absolute;
  top: 0rem;
  left: 3.2rem;
  font-weight: 700;
  color: var(--color-success);
  content: "A";
}
@media (max-width: 768px) {
  .board-list-search {
    width: 100%;
  }
  .board-list-search-group.default {
    flex-direction: column;
    width: 100%;
    padding: 2.4rem;
    background-color: #f5f5f5;
  }
  .board-list-search-group.default .board-input {
    width: 100%;
  }
}
.board {
  /* ==========================================================================
  	게시판 뷰
  ========================================================================== */
}
.board-view-top {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 3.2rem;
  border-top: 2px solid #000;
  border-bottom: 1px solid #e0e0e0;
  background-color: #f5f5f5;
  gap: 1.6rem;
}
.board-view-top .board-column.subject {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  font-size: 2.4rem;
  font-weight: 700;
  color: #000;
  text-align: center;
  gap: 0.4rem 1.2rem;
}
.board-view-top.left {
  align-items: flex-start;
}
.board-view-top.center {
  align-items: center;
}
.board-view-top.right {
  align-items: flex-end;
}
.board-view-content {
  padding: 6.4rem 0;
}
.board-view-video:has(+ *), .board-view-thumb:has(+ *) {
  margin-bottom: 4rem;
}
.board-view-video {
  width: 100%;
  background-color: #000;
  aspect-ratio: 16/9;
}
.board-view-video iframe,
.board-view-video video {
  width: 100%;
  height: 100%;
}
.board-view-thumb {
  opacity: 0;
  overflow: hidden;
  transition: 0.5s opacity;
}
.board-view-thumb [data-action*=move-] {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  transform: translatey(-50%);
  z-index: 2;
}
.board-view-thumb [data-action*=move-][data-action*=-prev] {
  left: 0;
}
.board-view-thumb [data-action*=move-][data-action*=-next] {
  right: 0;
}
.board-view-thumb-main {
  position: relative;
}
.board-view-thumb-main > [data-action*=move-] {
  width: 5.6rem;
  height: 5.6rem;
  background-color: rgba(0, 0, 0, 0.4);
}
.board-view-thumb-main > [data-action*=move-] i {
  font-size: 2.4rem;
  color: #fff;
}
.board-view-thumb-main .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  background-color: #fafafa;
  text-align: center;
  aspect-ratio: 16/9;
}
.board-view-thumb-main .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.board-view-thumb-main .swiper-slide img.horizon {
  width: 100%;
  height: auto;
}
.board-view-thumb-main .swiper-slide img.vertical {
  width: auto;
  height: 100%;
}
.board-view-thumb-list {
  position: relative;
  margin: 8px -4px 0;
}
.board-view-thumb-list *, .board-view-thumb-list *:before, .board-view-thumb-list *:after {
  box-sizing: border-box;
}
.board-view-thumb-list .swiper-slide {
  width: 12.5%;
  padding: 0 4px;
}
.board-view-thumb-list .swiper-slide button {
  display: block;
  position: relative;
  width: 100%;
  padding-top: 66.6666666667%;
}
.board-view-thumb-list .swiper-slide button:before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  border: 2px solid rgba(0, 0, 0, 0);
  background-color: rgba(0, 0, 0, 0.4);
  transition: 0.5s;
  content: "";
}
.board-view-thumb-list .swiper-slide button img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.board-view-thumb-list .swiper-slide-thumb-active button:before {
  background-color: rgba(0, 0, 0, 0);
  border-color: rgb(0, 0, 0);
}
@media (max-width: 1024px) {
  .board-view-thumb-list .swiper-slide {
    width: 16.6666666667%;
  }
}
@media (max-width: 768px) {
  .board-view-thumb-list .swiper-slide {
    width: 25%;
  }
}
@media (max-width: 360px) {
  .board-view-thumb-list .swiper-slide {
    width: 33.3333333333%;
  }
}
.board-view-thumb-list-center[data-length="1"] .swiper-wrapper, .board-view-thumb-list-center[data-length="2"] .swiper-wrapper, .board-view-thumb-list-center[data-length="3"] .swiper-wrapper {
  justify-content: center;
}
@media (min-widtn: 361px) {
  .board-view-thumb-list-center[data-length="4"] .swiper-wrapper {
    justify-content: center;
  }
}
@media (min-width: 769px) {
  .board-view-thumb-list-center[data-length="5"] .swiper-wrapper {
    justify-content: center;
  }
}
@media (min-width: 1025px) {
  .board-view-thumb-list-center[data-length="6"] .swiper-wrapper, .board-view-thumb-list-center[data-length="7"] .swiper-wrapper {
    justify-content: center;
  }
}
.board-view-thumb-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 8.2rem;
  height: 3.2rem;
  margin: 2.4rem auto 0;
  border-radius: 3.2rem;
  background-color: #9e9e9e;
  color: #fff;
  column-gap: 0.5rem;
}
.board-view-reply {
  margin-top: 9.6rem;
  border-top: 1px solid #e0e0e0;
}
.board-view-reply-top {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1.6rem 2rem;
  background-color: #f5f5f5;
  row-gap: 1.2rem;
}
.board-view-reply-top > strong {
  font-size: 1.8rem;
  color: #000;
}
.board-view-reply-content {
  padding-top: 4.8rem;
}
.board-view-bottom {
  border-top: 1px solid #e0e0e0;
}
.board-view-attach, .board-view-page {
  display: grid;
  border-bottom: 1px solid #e0e0e0;
  grid-template-columns: 20rem 1fr;
}
.board-view-attach > dt,
.board-view-attach dd, .board-view-page > dt,
.board-view-page dd {
  padding: 1.6rem;
  border-top: 1px solid #e0e0e0;
}
.board-view-attach > dt:first-of-type,
.board-view-attach dd:first-of-type, .board-view-page > dt:first-of-type,
.board-view-page dd:first-of-type {
  border-top: 0;
}
.board-view-attach > dt, .board-view-page > dt {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  background-color: #f5f5f5;
  font-weight: 700;
  color: #000;
  text-align: center;
  gap: 0.8rem;
}
.board-view-attach > dt > [class*=ri-], .board-view-page > dt > [class*=ri-] {
  font-size: 1.8rem;
  font-weight: 400;
}
.board-view-attach .board-attach-list {
  display: flex;
  flex-direction: column;
  row-gap: 0.4rem;
}
.board-view-attach .board-attach-list > li {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.4rem 0.8rem;
}
.board-view-attach .board-attach-list > li .name > small {
  color: #777;
}
@media (max-width: 768px) {
  .board-view-attach, .board-view-page {
    grid-template-columns: repeat(1, 1fr);
  }
  .board-view-attach > dt, .board-view-page > dt {
    text-align: left;
  }
  .board-view-attach > dt:has(> [class*=ri-]), .board-view-page > dt:has(> [class*=ri-]) {
    justify-content: flex-start;
  }
}

*:has(> .swiper) {
  min-width: 0;
}

/* swiper slider */
.swiper {
  display: block;
  position: relative;
  z-index: 1;
  width: 100%;
  overflow: hidden;
  padding: 0;
  margin-left: auto;
  margin-right: auto;
  list-style: none;
}
.swiper-wrapper {
  display: flex;
  transform: translate3d(0px, 0, 0);
  z-index: 1;
  width: 100%;
  transition-property: transform;
  box-sizing: content-box;
}
.swiper-pointer-events {
  touch-action: pan-y;
}
.swiper-slide {
  display: block;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  width: 100%;
  height: 100%;
  transition-property: transform;
}
.swiper-scrollbar {
  display: none;
  background: var(--gray-0);
}
.swiper-scrollbar-drag {
  background: var(--primary-60);
}
.swiper-button {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  z-index: 1;
  width: 4rem;
  height: 4rem;
  margin-top: initial;
  border: 1px solid #e4e4e4;
  border-radius: 4rem;
  background: #fff;
  font-size: 2.4rem;
  transition: var(--trs-base);
  gap: 0;
}
.swiper-button:hover {
  background: var(--secondary-5);
}
.swiper-button i::after {
  width: 2.4rem;
  height: 2.4rem;
}
.swiper-button-disabled {
  opacity: 0.7;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev {
  width: 2.4rem;
  height: 2.4rem;
}
.swiper-button-prev i::after {
  transform: rotate(180deg);
}
.swiper-button-prev .swiper-navigation-icon {
  transform: rotateY(180deg);
}
.swiper-button-next {
  width: 2.4rem;
  height: 2.4rem;
}
.swiper-indicator {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
.swiper-navigation {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
.swiper-navigation button {
  display: flex;
  justify-content: center;
  align-items: center;
}
.swiper-navigation-icon {
  width: 1.4rem;
  height: 1.4rem;
}
.swiper-navigation-icon path {
  fill: var(--gray-90);
}
.swiper-controller button {
  display: none;
  font-size: 2.4rem;
}
.swiper-controller button.active {
  display: flex !important;
}
.swiper-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
}
.swiper-pagination-bullets {
  flex-wrap: wrap;
}
.swiper-pagination-bullet {
  width: 2.5rem;
  height: 2.5rem;
  overflow: hidden;
  padding: 0.7rem;
  cursor: pointer;
}
.swiper-pagination-bullet::before {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 0.5rem;
  background: var(--gray-30);
  transition: 0.2s;
  content: "";
}
.swiper-pagination-bullet-active {
  width: 2.7rem;
  padding-left: 0.2rem;
  padding-right: 0.2rem;
}
.swiper-pagination-bullet-active::before {
  background: var(--primary-50);
  border-color: transparent;
}
.swiper-pagination-current {
  color: var(--primary-60);
}
.swiper-3d {
  perspective: 1200px;
}
.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
  transform-style: preserve-3d;
}
.swiper-3d .swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-fade .swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-autoheight {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-initialized {
  overflow: hidden;
}
.swiper-initialized [id*=swiper-wrapper] {
  display: flex;
}
.swiper-initialized [id*=swiper-wrapper] > * {
  flex-shrink: 0;
}
.swiper-initialized.swiper-vertical,
.swiper-initialized.swiper-vertical [id*=swiper-wrapper],
.swiper-initialized.swiper-vertical [id*=swiper-wrapper] > * {
  height: 100%;
}
.swiper-initialized.swiper-vertical [id*=swiper-wrapper] {
  flex-direction: column;
}

@media (max-width: 768px) {
  .swiper-scrollbar {
    display: block;
  }
}
.search__box {
  display: flex;
  flex-direction: column;
  padding: 0 4.8rem;
  margin-bottom: 4rem;
  border-radius: 1.2rem;
  background: #f8f8fa;
}
.search__box-fold {
  display: none;
}
.search__box-open {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 1.7rem;
  color: #222;
  gap: 0.4rem;
}
.search__box-open::before {
  font-family: "remixicon";
  content: "\f2db";
}
.search__item {
  padding: 3.2rem 0;
}
.search__item + .search__item {
  border-top: 1px solid #ddd;
}
.search__item .input__wrap {
  position: relative;
  width: 60rem;
}
.search__item .input__wrap .search-btn {
  position: absolute;
  top: 50%;
  right: 1.2rem;
  transform: translateY(-50%);
  font-size: 2rem;
  color: #222;
}
.search__item .input__wrap input {
  padding-right: 4rem;
}

.board__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 2rem;
  gap: 0.8rem 4rem;
}
.board__top-search {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
}
.board__top-btn {
  display: flex;
  align-items: center;
  height: 4.8rem;
  padding: 0 2.2rem;
  border-radius: 0.6rem;
  background: #111;
  font-size: 1.6rem;
  color: #fff;
  gap: 0.6rem;
}
.board__count {
  font-family: Pretendard;
  font-size: 1.6rem;
  font-weight: 600;
  color: #111;
  line-height: 150%; /* 2.4rem */
  font-style: normal;
}
.board__count strong {
  color: #364fc7;
}
.board__menu {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem 1.2rem;
}
.board__menu-item {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.8rem 1.2rem;
}
.board__menu-title {
  font-family: Pretendard;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: var(--typo-letter-spacing-0, 0);
  line-height: 150%; /* 2.4rem */
  font-style: normal;
}
.board__menu-count {
  position: relative;
}
.board__menu-count > button {
  display: inline-flex;
  align-items: center;
  font-family: Pretendard;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: var(--typo-letter-spacing-0, 0);
  line-height: 150%; /* 2.4rem */
  font-style: normal;
}
.board__menu-count > button::after {
  font-family: "remixicon";
  font-size: 2rem;
  line-height: 1;
  transition: 0.3s ease;
  content: "\ea4e";
}
.board__menu-count > ul {
  position: absolute;
  bottom: -0.4rem;
  left: 50%;
  transform: translateY(100%) translateX(-50%);
  opacity: 0;
  z-index: 1;
  width: max-content;
  visibility: hidden;
  padding: 0.8rem 1.2rem;
  border: 1px solid #ddd;
  border-radius: 0.8rem;
  background: #fff;
  pointer-events: none;
  transition: opacity 0.24s ease, visibility 0.24s ease;
}
.board__menu-count > ul > li {
  font-family: Pretendard;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: var(--typo-letter-spacing-0, 0);
  line-height: 150%; /* 2.4rem */
  cursor: pointer;
  font-style: normal;
}
.board__menu-count > ul > li + li {
  margin-top: 0.2rem;
}
.board__menu-count.active > button::after {
  transform: rotate(180deg);
}
.board__menu-count.active > ul {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.board__menu-sort {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
.board__menu-sort > a {
  display: flex;
  align-items: center;
  padding: 0 0.4rem;
  border-radius: 0.4rem;
  font-family: Pretendard;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 150%; /* 2.4rem */
  gap: 0.2rem;
  font-style: normal;
}
.board__menu-sort > a.active {
  background: #f3f7fc;
  text-decoration-line: underline;
  text-underline-offset: 0.3rem;
}
.board__paging {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 4rem;
  gap: 0 1.6rem;
}
.board__paging-wrap {
  display: flex;
  align-items: center;
  font-size: 1.8rem;
  font-weight: 500;
  color: #333;
}
.board__paging-wrap-current {
  padding-right: 0.4rem;
  color: #13976c;
}
.board__paging-mobile {
  display: none;
}
.board__paging-btn {
  display: inline-flex;
  align-items: center;
  font-size: 0;
  color: #333;
}
.board__paging-btn i {
  font-size: 2rem;
  line-height: 1;
}
.board__paging-btn:disabled {
  opacity: 1;
  color: #757575;
}
.board__paging-list {
  display: flex;
  gap: 0.8rem;
}
.board__paging-num, .board__paging-skip {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 4rem;
  height: 4rem;
  border-radius: 0.6rem;
  font-size: 1.7rem;
  color: #333;
}
.board__paging-num.active, .board__paging-skip.active {
  background-color: #063a74;
  font-weight: 700;
  color: #fff;
}

@media (max-width: 480px) {
  .board__top-search {
    flex-direction: column;
    width: 100%;
  }
  .board__top-search .input__wrap {
    flex-grow: 1;
  }
}
.consult__list {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}
.consult__item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 4rem 5rem;
  border: 1px solid #ddd;
  border-radius: 1.4rem;
  align-self: stretch;
}
.consult__item:hover .consult__title {
  text-decoration-line: underline;
  text-underline-offset: 0.3rem;
}
.consult__title {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin: 2rem 0;
  font-family: Pretendard;
  font-size: 2.2rem;
  font-weight: 600;
  color: #111;
  letter-spacing: var(--typo-letter-spacing-0, 0);
  line-height: 150%; /* 3.3rem */
  font-style: normal;
}
.consult__title.new::after {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0 1rem;
  font-family: Pretendard;
  font-size: 1.4rem;
  font-weight: 600;
  color: #f02525;
  letter-spacing: -0.028rem;
  vertical-align: middle;
  content: "NEW";
  font-style: normal;
}
.consult__status {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3.2rem;
  padding: 0.6rem 1rem;
  border: 1px solid #ddd;
  border-radius: 0.4rem;
  font-family: Pretendard;
  font-size: 1.4rem;
  font-weight: 500;
  color: #555;
  letter-spacing: -0.028rem;
  line-height: 140%; /* 1.96rem */
  gap: 0.4rem;
  font-style: normal;
}
.consult__status.lock {
  width: 3.2rem;
  padding: 0;
  font-family: remixicon;
  font-size: 1.6rem;
  font-weight: 400;
  color: #111;
  letter-spacing: var(--typo-letter-spacing-0, 0);
  text-align: center;
  font-style: normal;
}
.consult__status .ri-checkbox-circle-fill {
  font-family: remixicon;
  font-size: 1.6rem;
  font-weight: 400;
  color: #349e7b;
  letter-spacing: -0.032rem;
  line-height: normal;
  font-style: normal;
}
.consult__status-wrap {
  display: flex;
  margin-bottom: 2rem;
  gap: 0.4rem;
}
.consult__date {
  display: flex;
  gap: 2rem;
}
.consult__date strong {
  min-width: 8rem;
  font-family: Pretendard;
  font-size: 1.6rem;
  font-weight: 700;
  color: #111;
  letter-spacing: var(--typo-letter-spacing-0, 0);
  line-height: 150%; /* 2.4rem */
  font-style: normal;
}
.consult__date p {
  font-family: Pretendard;
  font-size: 1.6rem;
  font-weight: 400;
  color: #333;
  letter-spacing: var(--typo-letter-spacing-0, 0);
  line-height: 150%; /* 2.4rem */
  font-style: normal;
}

@media (max-width: 1024px) {
  .consult__item {
    padding: 3.4rem 3rem;
  }
  .search__box {
    padding: 0 4rem;
  }
}
@media (max-width: 768px) {
  .search__box {
    padding: 0 3rem;
  }
  .search__box .search__item .flex-box {
    flex-direction: column;
  }
  .search__box .search__item .flex-box > div {
    width: 100% !important;
  }
  .search__box .search__item .flex-box label {
    margin-right: auto;
  }
  .search__item {
    padding: 2.4rem 0;
  }
  .board__paging-list {
    display: none;
  }
  .board__paging {
    gap: 20px;
  }
  .board__paging-mobile {
    display: flex;
    font-size: 16px;
    gap: 4px;
  }
  .board__paging-mobile strong {
    color: #063a74;
  }
  .board__paging-btn i {
    font-size: 18px;
  }
}
.info__board {
  display: flex;
  flex-direction: column;
  width: calc(33.3333333333% - 1.6rem);
  padding: 3.2rem;
  border: 1px solid #e0e0e0;
  border-radius: 1.2rem;
}
.info__board-wrap {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 6rem;
  gap: 2.4rem;
}
.info__board-tag {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1.6rem;
  gap: 0.6rem;
}
.info__board-thumb {
  width: 100%;
  overflow: hidden;
  margin-bottom: 2rem;
  border-radius: 0.8rem;
  aspect-ratio: 36/22;
}
.info__board-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.info__board-title {
  overflow: hidden;
  margin-bottom: 1.6rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: Pretendard;
  font-size: 2rem;
  font-weight: 700;
  color: #111;
  letter-spacing: var(--typo-letter-spacing-0, 0);
  line-height: 150%; /* 3rem */
  font-style: normal;
}
.info__board-title.new::after {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-left: 0.7rem;
  font-family: Pretendard;
  font-size: 1.4rem;
  font-weight: 600;
  color: #f02525;
  letter-spacing: -0.028rem;
  vertical-align: middle;
  content: "NEW";
  font-style: normal;
}
.info__board-btn {
  margin-top: auto;
}
.info__board-btn .btn-style {
  flex: 1 0 0;
}
.info__board-list {
  display: flex;
  flex-direction: column;
  margin-bottom: 4.8rem;
  gap: 1.2rem;
}
.info__board-list:last-child {
  margin-bottom: 0;
}
.info__board-item {
  display: flex;
  gap: 0.8rem;
}
.info__board-label {
  min-width: 8rem;
  font-family: Pretendard;
  font-size: 1.6rem;
  font-weight: 700;
  color: #111;
  letter-spacing: var(--typo-letter-spacing-0, 0);
  line-height: 150%; /* 2.4rem */
  font-style: normal;
}
.info__board-con {
  font-family: Pretendard;
  font-size: 1.6rem;
  font-weight: 400;
  color: #333;
  letter-spacing: var(--typo-letter-spacing-0, 0);
  line-height: 150%; /* 2.4rem */
  font-style: normal;
}
.info__board-con .ri-vip-crown-2-fill {
  margin-right: 0.5rem;
  font-size: 13px;
  color: #337eff;
}

@media (max-width: 1024px) {
  .info__board {
    width: calc(50% - 1.2rem);
    padding: 3rem 2.4rem;
  }
}
@media (max-width: 580px) {
  .info__board {
    width: 100%;
  }
}
.box__board {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}
.box__board-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 4rem 5rem;
  border: 1px solid #ddd;
  border-radius: 1.4rem;
  align-self: stretch;
}
.box__board-item:hover .box__board-title {
  text-decoration-line: underline;
  text-underline-offset: 0.3rem;
}
.box__board-title {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-family: Pretendard;
  font-size: 2.2rem;
  font-weight: 600;
  color: #111;
  letter-spacing: var(--typo-letter-spacing-0, 0);
  line-height: 150%; /* 3.3rem */
  font-style: normal;
}
.box__board-title.new::after {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-left: 0.7rem;
  font-family: Pretendard;
  font-size: 1.4rem;
  font-weight: 600;
  color: #f02525;
  letter-spacing: -0.028rem;
  vertical-align: middle;
  content: "NEW";
  font-style: normal;
}
.box__board-title + .box__board-action {
  margin-top: 1.4rem;
}
.box__board-action {
  display: flex;
  gap: 1.6rem;
}
.box__board-action > span {
  display: inline-block;
  position: relative;
  padding-left: 2.4rem;
  font-family: Pretendard;
  font-size: 1.4rem;
  font-weight: 500;
  color: #111;
  letter-spacing: -0.028rem;
  line-height: 140%; /* 1.96rem */
  font-style: normal;
}
.box__board-action > span::before {
  position: absolute;
  top: 0;
  left: 0;
  font-family: "remixicon";
  font-size: 1.8rem;
  color: #9e9e9e;
}
.box__board-action > span.recommend::before {
  content: "\f207";
}
.box__board-action > span.comment::before {
  content: "\eb51";
}
.box__board-action > span.view::before {
  content: "\ecb1";
}
.box__board-action > span::after {
  position: absolute;
  top: 50%;
  right: -0.8rem;
  transform: translateY(-50%);
  width: 1px;
  height: 1rem;
  background-color: #ddd;
  content: "";
}
.box__board-action > span:last-of-type::after {
  display: none;
}
.box__board-btm {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  margin-top: 2rem;
  gap: 1.2rem 4rem;
}
.box__board-btm .flex-box.gap24 {
  min-width: 0;
  gap: 0.8rem 2.4rem;
}
.box__board-btm .flex-box.column {
  min-width: 0;
}
.box__board-info {
  display: flex;
  align-items: center;
  position: relative;
  min-width: 0;
  gap: 1.4rem;
}
.box__board-info::after {
  position: absolute;
  top: 50%;
  right: -1.2rem;
  transform: translateY(-50%);
  width: 1px;
  height: 1rem;
  background-color: #ddd;
  content: "";
}
.box__board-info:last-of-type::after {
  display: none;
}
.box__board-info strong {
  flex-shrink: 0;
  font-family: Pretendard;
  font-size: 1.6rem;
  font-weight: 700;
  color: #111;
  letter-spacing: var(--typo-letter-spacing-0, 0);
  line-height: 150%; /* 2.4rem */
  font-style: normal;
}
.box__board-info p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: Pretendard;
  font-size: 1.6rem;
  font-weight: 400;
  color: #333;
  letter-spacing: var(--typo-letter-spacing-0, 0);
  line-height: 150%; /* 2.4rem */
  font-style: normal;
}
.box__board-more {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  font-family: Pretendard;
  font-size: 1.4rem;
  font-weight: 500;
  color: #111;
  letter-spacing: -0.028rem;
  gap: 0.4rem;
}
.box__board-more i {
  font-size: 1.8rem;
  line-height: 1;
}

@media (max-width: 1024px) {
  .box__board-item {
    padding: 3.4rem 3rem;
  }
}
@media (max-width: 768px) {
  .box__board-btm {
    flex-direction: column;
    align-items: flex-start;
  }
  .box__board-more {
    font-size: 14px;
    gap: 4px;
  }
  .box__board-more i {
    font-size: 16px;
  }
}
@media (max-width: 480px) {
  .box__board-btm .flex-box.gap24 {
    flex-direction: column;
    align-items: flex-start;
    gap: 1.2rem;
  }
  .box__board-info {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.4rem;
  }
  .box__board-info::after {
    display: none;
  }
  .box__board-more {
    margin-top: 1.2rem;
  }
}
.board__view-top {
  padding: 4rem 5rem;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.board__view-title {
  font-family: Pretendard;
  font-size: 2.2rem;
  font-weight: 600;
  color: #111;
  letter-spacing: var(--typo-letter-spacing-0, 0);
  line-height: 150%; /* 3.3rem */
  font-style: normal;
}
.board__view-title + .box__board-action {
  margin-top: 1.4rem;
}
.board__view-info {
  padding: 3.2rem 4.8rem;
  border-bottom: 1px solid #ddd;
}
.board__view-info.recruit {
  border-bottom: 1px solid #ddd;
}
.board__view-info.recruit .commu__info-label {
  min-width: 10rem;
}
.board__view-info + .info-box {
  margin-top: 4rem;
}
.board__view-data {
  display: flex;
  flex-wrap: wrap;
  gap: 1.6rem 2.4rem;
}
.board__view-data > div {
  width: calc(50% - 1.2rem);
}
.board__view-down {
  font-weight: 600;
  color: #668eae;
  text-decoration: underline;
  text-underline-offset: 0.3rem;
}
.board__view-file {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 2.4rem;
  margin-top: 1.6rem;
  border: 0.4px solid #b1b8be;
  border-radius: 1.2rem;
  gap: 1.2rem;
  align-self: stretch;
}
.board__view-file-item {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  gap: 0.6rem;
}
.board__view-file-item img {
  flex-shrink: 0;
  width: 2rem;
  margin-top: 0.2rem;
}
.board__view-file-item:hover .board__view-file-name {
  text-decoration: underline;
  text-underline-offset: 0.3rem;
}
.board__view-file-name {
  font-size: 1.6rem;
  color: #616161;
}
.board__view-file-size {
  font-size: 1.4rem;
  color: #9e9e9e;
}
.board__view-file-remove {
  font-size: 2rem;
  color: #757575;
}
.board__view-file-pre {
  display: inline-flex;
  align-items: center;
  margin-left: auto;
  font-size: 1.5rem;
  gap: 0.3rem;
}
.board__view-file-pre::after {
  font-family: "remixicon";
  content: "\f0d1";
}
.board__view-btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 2rem 4rem;
}
.board__view-con {
  padding: 6rem 4.8rem 8rem;
}
.board__view-con img {
  display: unset;
}

.board__other {
  margin-top: 7rem;
  border-top: 1px solid #ddd;
}
.board__other-item {
  display: flex;
  border-bottom: 1px solid #ddd;
}
.board__other-label {
  display: flex;
  flex-shrink: 0;
  width: 20rem;
  padding: 1.6rem;
  background: #f3f7fc;
  font-family: Pretendard;
  font-size: 1.6rem;
  font-weight: 600;
  color: #111;
  gap: 0.6rem;
  font-style: normal;
}
.board__other-label i {
  font-size: 2rem;
  font-weight: 400;
  line-height: 1;
}
.board__other-title {
  display: flex;
  align-items: center;
  flex-grow: 1;
  padding: 1.6rem;
  font-family: Pretendard;
  font-size: 1.6rem;
  font-weight: 400;
  color: #333;
  line-height: 150%; /* 2.4rem */
  font-style: normal;
}
.board__other-title > a {
  color: #333;
}
.board__other-title > a:hover {
  text-decoration: underline;
  text-underline-offset: 0.3rem;
}

@media (max-width: 1024px) {
  .board__view-top,
  .board__view-info {
    padding: 3rem 2rem;
  }
  .board__view-con {
    padding: 3rem 2rem 4.6rem;
  }
  .board__view-file {
    padding: 2rem;
  }
}
@media (max-width: 768px) {
  .board__view-data > div {
    width: 100%;
  }
  .board__other-label {
    width: 14rem;
  }
  .board__view-btn .flex-box {
    justify-content: center;
    width: 100%;
  }
}
.comment__wrap {
  margin-top: 6rem;
}
.comment__total {
  display: flex;
  margin-bottom: 1.6rem;
  font-family: Pretendard;
  font-size: 1.8rem;
  font-weight: 600;
  color: #000;
  line-height: 140%; /* 2.52rem */
  font-style: normal;
  gap: 0.4rem;
}
.comment__total strong {
  color: #063a74;
}
.comment__input {
  display: flex;
  flex-direction: column;
  padding: 2rem;
  border: 1px solid #ccc;
  border-radius: 1rem;
  background: #fff;
  gap: 1.6rem;
}
.comment__input:first-child {
  margin-top: 0 !important;
}
.comment__input textarea {
  min-height: 8.6rem;
  font-family: Pretendard;
  font-size: 1.6rem;
  font-weight: 400;
  color: #333;
  letter-spacing: -0.032rem;
  line-height: 170%; /* 2.72rem */
  resize: none;
  font-style: normal;
}
.comment__input textarea::placeholder {
  color: #666;
}
.comment__input textarea:focus {
  outline: none;
}
.comment__input-btn {
  display: flex;
  justify-content: flex-end;
  gap: 0.6rem;
}
.comment__list {
  margin-top: 1.6rem;
}
.comment__item {
  position: relative;
  padding: 2.4rem 0;
  border-bottom: 1px solid #ddd;
}
.comment__item.reply {
  padding-left: 9.2rem;
}
.comment__item.reply::before {
  position: absolute;
  top: 2rem;
  left: 5.6rem;
  font-family: "remixicon";
  font-size: 2rem;
  color: #333;
  content: "\f309";
}
.comment__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.8rem 6rem;
}
.comment__info {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.8rem 1.6rem;
}
.comment__writer {
  font-family: Pretendard;
  font-size: 1.6rem;
  font-weight: 600;
  color: #333;
  line-height: 150%; /* 2.4rem */
  font-style: normal;
}
.comment__writer:has(.badge-style) {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
.comment__writer .badge-style {
  min-height: 2.5rem;
  padding: 0 0.6rem;
  font-size: 14px;
}
.comment__date {
  font-family: Pretendard;
  font-size: 1.6rem;
  font-weight: 400;
  color: #666;
  line-height: 150%; /* 2.4rem */
  font-style: normal;
}
.comment__btn {
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: Pretendard;
  font-size: 1.6rem;
  font-weight: 400;
  color: #808080;
  line-height: normal;
  transition: 0.14s;
  font-style: normal;
}
.comment__btn:hover {
  color: #063a74;
  text-decoration: underline;
  text-underline-offset: 0.3rem;
}
.comment__btn-wrap {
  display: flex;
  align-items: center;
  gap: 1.6rem;
}
.comment__con {
  margin-top: 1.6rem;
  font-family: Pretendard;
  font-size: 1.6rem;
  font-weight: 400;
  color: #333;
  line-height: 150%; /* 2.4rem */
  font-style: normal;
}
.comment__con-file {
  margin-top: 2rem;
}
.comment__con .js-cmnt-con {
  white-space: pre-wrap;
}
.comment__btm {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 2.4rem;
}
.comment__btm-tool {
  display: flex;
  gap: 0.6rem;
}
.comment__recommend {
  display: inline-flex;
  align-items: center;
  font-family: Pretendard;
  font-size: 1.4rem;
  font-weight: 500;
  color: #111;
  letter-spacing: -0.028rem;
  line-height: 140%; /* 1.96rem */
  font-style: normal;
  gap: 0.6rem;
}
.comment__recommend::before {
  font-family: "remixicon";
  font-size: 1.8rem;
  color: #9e9e9e;
  content: "\f207";
}
.comment__add {
  padding: 2.4rem;
  padding-left: 5.6rem;
  margin-top: 2.4rem;
  border-radius: 1rem;
  background: #eef2f8;
}
.comment__add .comment__item:first-child {
  padding-top: 0;
}
.comment__add .comment__item:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
.comment__add .comment__input {
  margin-top: 2.4rem;
}
.comment__add .icon-btn + .comment__input {
  margin-top: 0;
}
.comment__add .comment__file {
  padding: 0;
}
.comment__file {
  padding: 2rem;
  margin: 1.6rem 0 3.2rem;
  border-radius: 1rem;
  background: #eef2f8;
}
.comment__file-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.2rem 1.6rem;
  border: 1px solid #ccc;
  border-radius: 0.8rem;
  background: #fff;
  gap: 1rem 2rem;
}
.comment__file-item + .comment__file-item {
  margin-top: 1rem;
}
.comment__file-name {
  font-size: 1.6rem;
  color: #616161;
  overflow-wrap: anywhere;
}
.comment__file-btn {
  display: inline-flex;
  align-items: center;
  margin-left: auto;
  font-size: 1.5rem;
  color: #555;
  gap: 0.3rem;
}
.comment__file-btn.remove::after {
  font-family: "remixicon";
  color: #767676;
  content: "\eb96";
}
.comment__file-btn.download::after {
  font-family: "remixicon";
  content: "\ec54";
}

@media (max-width: 768px) {
  .comment__add {
    padding-left: 2.4rem;
  }
  .comment__item.reply {
    padding-left: 4rem;
  }
  .comment__item.reply::before {
    left: 1.2rem;
  }
}
.recruit__wrap {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}
.recruit__item {
  display: flex;
  padding: 4rem 5rem;
  border: 1px solid #ddd;
  border-radius: 1.4rem;
}
.recruit__organ {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  flex-shrink: 0;
  width: 20rem;
  padding-right: 3.2rem;
  border-right: 1px solid #ddd;
  gap: 3.2rem;
}
.recruit__organ-title {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  font-family: Pretendard;
  font-size: 1.6rem;
  font-weight: 500;
  color: var(--blue, #1a80d1);
  line-height: 140%; /* 2.24rem */
  font-style: normal;
  overflow-wrap: anywhere;
}
.recruit__organ-view {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 3.2rem;
  padding: 0 1.6rem;
  border: 1px solid #ccc;
  border-radius: 0.4rem;
  background: #fff;
  font-family: Pretendard;
  font-size: 1.6rem;
  font-weight: 500;
  color: #111;
  line-height: normal;
  text-align: center;
  gap: 0.6rem;
  font-style: normal;
}
.recruit__con {
  display: flex;
  justify-content: space-between;
  flex-grow: 1;
  padding-left: 3.2rem;
  gap: 2rem 4rem;
}
.recruit__con-info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1.6rem;
}
.recruit__con-title {
  font-family: Pretendard;
  font-size: 2rem;
  font-weight: 700;
  color: #111;
  letter-spacing: var(--typo-letter-spacing-0, 0);
  line-height: 150%; /* 3rem */
  font-style: normal;
}
.recruit__con-title.new::after {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-left: 0.7rem;
  font-family: Pretendard;
  font-size: 1.4rem;
  font-weight: 600;
  color: #f02525;
  letter-spacing: -0.028rem;
  vertical-align: middle;
  content: "NEW";
  font-style: normal;
}
.recruit__con-tag {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem 2.4rem;
}
.recruit__con-tag > span {
  position: relative;
  font-family: Pretendard;
  font-size: 1.6rem;
  font-weight: 400;
  color: #333;
  letter-spacing: var(--typo-letter-spacing-0, 0);
  line-height: 150%; /* 2.4rem */
  font-style: normal;
}
.recruit__con-tag > span::after {
  position: absolute;
  top: 50%;
  right: -1.2rem;
  transform: translateY(-50%);
  width: 1px;
  height: 1rem;
  background: #ddd;
  content: "";
}
.recruit__con-tag > span:last-of-type::after {
  display: none;
}
.recruit__con-detail {
  position: relative;
  padding-left: 2.4rem;
  font-family: Pretendard;
  font-size: 1.6rem;
  font-weight: 400;
  color: #555;
  letter-spacing: var(--typo-letter-spacing-0, 0);
  line-height: 150%; /* 2.4rem */
  font-style: normal;
}
.recruit__con-detail.cate::before {
  position: absolute;
  top: 0.2rem;
  left: 0;
  font-family: "remixicon";
  font-size: 1.8rem;
  color: #9e9e9e;
  line-height: 1;
  content: "\ed24";
}
.recruit__con-detail.date::before {
  position: absolute;
  top: 0.2rem;
  left: 0;
  font-family: "remixicon";
  font-size: 1.8rem;
  color: #9e9e9e;
  line-height: 1;
  content: "\eb27";
}
.recruit__con-side {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  flex-shrink: 0;
  text-align: right;
  gap: 1.6rem;
}
.recruit__con-side .box__board-more {
  margin-top: auto;
}
.recruit__con-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  height: 4rem;
  padding: 0 2.4rem;
  border: 1px solid #ccc;
  border-radius: 0.4rem;
  background: #fff;
  font-family: Pretendard;
  font-size: 1.6rem;
  font-weight: 500;
  color: #111;
  line-height: normal;
  text-align: center;
  gap: 0.6rem;
  font-style: normal;
}
.recruit__con-date strong {
  font-family: Pretendard;
  font-size: 1.5rem;
  font-weight: 500;
  color: #333;
  letter-spacing: var(--typo-letter-spacing-0, 0);
  line-height: 150%; /* 2.25rem */
  font-style: normal;
}
.recruit__con-date p {
  font-family: Pretendard;
  font-size: 1.5rem;
  font-weight: 500;
  color: #757575;
  line-height: 150%; /* 2.25rem */
  font-style: normal;
}

@media (max-width: 1024px) {
  .recruit__item {
    padding: 3.4rem 3rem;
  }
  .recruit__organ {
    padding-right: 2.4rem;
  }
  .recruit__con {
    padding-left: 2.4rem;
  }
}
@media (max-width: 768px) {
  .recruit__item {
    flex-direction: column;
    padding: 3rem 2.4rem;
  }
  .recruit__organ {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    padding-right: 0;
    margin-bottom: 2.4rem;
    border-right: none;
    gap: 0.8rem 1.2rem;
  }
  .recruit__con {
    flex-direction: column;
    padding-left: 0;
  }
  .recruit__con-side {
    flex-direction: row-reverse;
    text-align: left;
  }
}
.bubble__wrap {
  position: relative;
}
.bubble__box {
  position: absolute;
  bottom: -1.6rem;
  left: 0;
  transform: translateY(100%);
  opacity: 0;
  z-index: 2;
  width: 60rem;
  visibility: hidden;
  padding: 2.4rem;
  border: 1px solid #000;
  border-radius: 1.2rem;
  background: #fff;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
  pointer-events: none;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.bubble__box::before {
  position: absolute;
  top: -0.9rem;
  left: 2.6rem;
  transform: rotate(-135deg);
  z-index: 0;
  width: 1.6rem;
  height: 1.6rem;
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  background: #fff;
  box-sizing: border-box;
  content: "";
}
.bubble__box > * {
  position: relative;
  z-index: 1;
}
.bubble__box.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.bubble__dot {
  position: relative;
  padding-left: 4rem;
  font-family: Pretendard;
  font-size: 1.6rem;
  font-weight: 400;
  color: #555;
  line-height: 150%; /* 2.4rem */
  font-style: normal;
}
.bubble__dot::before {
  position: absolute;
  top: 1rem;
  left: 1.7rem;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: #a3b2c9;
  content: "";
}
.bubble__dot + .bubble__dot {
  margin-top: 0.8rem;
}
.bubble__dot a[target=_blank]::after {
  margin-left: 0.4rem;
  font-family: "remixicon";
  font-size: 1.8rem;
  color: #bdbdbd;
  line-height: 1;
  content: "\ea70";
}

@media (max-width: 1540px) {
  .bubble__box {
    width: 100%;
  }
}
@media (max-width: 1280px) {
  .board__view-data > div:has(.bubble__dot) {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .bubble__box {
    left: auto;
    right: -2rem;
    min-width: calc(360px - 4rem);
    width: calc(100vw - 4rem);
  }
  .bubble__box::before {
    left: 19.5rem;
  }
}
.organ-info {
  display: flex;
  flex-direction: column;
  padding: 4rem 5rem;
  border: 1px solid #ddd;
  border-radius: 1.2rem;
}
.organ-info__title {
  overflow: hidden;
  padding-bottom: 2rem;
  text-overflow: ellipsis;
  font-family: Pretendard;
  font-size: 2rem;
  font-weight: 600;
  color: #111;
  line-height: 140%; /* 2.8rem */
  font-style: normal;
}
.organ-info__con {
  padding-top: 2rem;
  border-top: 1px solid #ddd;
}
.organ-info__con .board__view-data {
  width: 100%;
}

@media (max-width: 768px) {
  .organ-info {
    padding: 4rem 3rem;
  }
}
.board__program + .board__program {
  margin-top: 4rem;
}
.board__program-title {
  margin-bottom: 1.6rem;
  font-family: Pretendard;
  font-size: 2rem;
  font-weight: 700;
  color: #111;
  letter-spacing: var(--typo-letter-spacing-0, 0);
  line-height: 150%; /* 3rem */
  font-style: normal;
}
.board__program-con {
  font-family: Pretendard;
  font-size: 1.6rem;
  font-weight: 400;
  color: #555;
  line-height: 150%; /* 2.4rem */
  font-style: normal;
}

.board__list table {
  border-top: 2px solid #222;
  text-align: center;
}
.board__list table tbody tr {
  border-bottom: 1px solid #e0e0e0;
}
.board__list table th,
.board__list table td {
  padding: 2rem 1rem;
  font-size: 1.8rem;
  color: #616161;
  line-height: 1.4;
}
.board__list table th i,
.board__list table td i {
  line-height: 1;
}
.board__list table th {
  background: #f3f7fc;
  font-weight: 700;
  color: #222;
}
.board__cell-subject {
  text-align: left;
}
.board__link {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.board__link:hover {
  text-decoration: underline;
  text-underline-offset: 0.3rem;
}
.board__link.new::after {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-left: 0.7rem;
  font-family: Pretendard;
  font-size: 1.4rem;
  font-weight: 600;
  color: #f02525;
  letter-spacing: -0.028rem;
  vertical-align: middle;
  content: "NEW";
  font-style: normal;
}

@media (max-width: 768px) {
  .board__list table colgroup,
  .board__list table col,
  .board__list table thead {
    display: none;
  }
  .board__list table tr {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 1.4rem 0.8rem;
    gap: 0.8rem 1.2rem;
  }
  .board__list table td {
    position: relative;
    min-width: 0;
    padding: 0;
    font-size: 15px;
  }
  .board__cell-subject {
    width: 100%;
  }
  .board__cell-subject ~ td {
    padding-right: 1.2rem !important;
  }
  .board__cell-subject ~ td::after {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 12px;
    background-color: #ddd;
    content: "";
  }
  .board__cell-subject ~ td:last-child::after {
    display: none;
  }
  .board__link {
    font-size: 16px;
    font-weight: 600;
    color: #222;
  }
}
.faq__list {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
.faq__item {
  position: relative;
  border: 1px solid #e0e0e0;
  border-radius: 1rem;
  transition: 0.14s;
}
.faq__item::after {
  position: absolute;
  top: -1px;
  left: -1px;
  opacity: 0;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border: 2px solid #424242;
  border-radius: 1rem;
  pointer-events: none;
  transition: 0.2s;
  content: "";
}
.faq__item:hover::after {
  opacity: 1;
}
.faq__item.active::after {
  opacity: 1;
}
.faq__item.active .faq__question::after {
  transform: translateY(-50%) rotate(180deg);
}
.faq__question {
  position: relative;
  width: 100%;
  padding: 3.2rem 7.6rem 2.4rem;
  font-family: Pretendard;
  font-size: 1.8rem;
  font-weight: 700;
  color: #222;
  line-height: 160%; /* 2.88rem */
  text-align: left;
  cursor: pointer;
  font-style: normal;
}
.faq__question::before {
  position: absolute;
  top: 3.2rem;
  left: 4rem;
  font-size: 1.6rem;
  font-weight: 700;
  color: #424242;
  content: "Q";
}
.faq__question::after {
  position: absolute;
  top: 50%;
  right: 4rem;
  transform: translateY(-50%);
  font-family: "remixicon";
  font-size: 2.4rem;
  font-weight: 400;
  color: #424242;
  line-height: 1;
  transition: transform 0.24s;
  content: "\ea4e";
}
.faq__answer {
  display: none;
  position: relative;
  padding: 0 4rem 3.2rem;
  padding-left: 7.6rem;
  font-family: Pretendard;
  font-size: 1.8rem;
  font-weight: 400;
  color: #424242;
  line-height: 160%; /* 2.88rem */
  font-style: normal;
}
.faq__answer::before {
  position: absolute;
  top: 0.4rem;
  left: 4rem;
  font-family: Pretendard;
  font-size: 1.6rem;
  font-weight: 700;
  color: #9e9e9e;
  line-height: normal;
  font-style: normal;
  content: "A";
}

@media (max-width: 768px) {
  .faq__question {
    padding: 2rem 5.6rem 2rem;
    padding-left: 5.6rem;
  }
  .faq__question::before {
    top: 2rem;
    left: 2.6rem;
  }
  .faq__question::after {
    display: none;
  }
  .faq__answer {
    padding: 0 2.4rem 2rem;
    padding-left: 5.6rem;
  }
  .faq__answer::before {
    top: 0.4rem;
    left: 2.6rem;
  }
}
.profile__list {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
}
.profile__item {
  display: flex;
  flex-direction: column;
  position: relative;
  width: calc(33.3333333333% - 1.34rem);
  padding: 4rem 5rem;
  border: 1px solid #ddd;
  border-radius: 1.2rem;
  transition: 0.24s;
  gap: 2.2rem;
}
.profile__item::after {
  position: absolute;
  top: -1px;
  left: -1px;
  opacity: 0;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border: 2px solid #1a80d1;
  border-radius: 1.2rem;
  pointer-events: none;
  transition: 0.24s;
  content: "";
}
.profile__item:hover {
  box-shadow: 0 0 20px 0 rgba(26, 128, 209, 0.3);
}
.profile__item:hover::after {
  opacity: 1;
}
.profile__btm {
  display: flex;
  margin-top: auto;
  gap: 0.8rem 1.6rem;
}
.profile__cate {
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-family: Pretendard;
  font-size: 1.8rem;
  font-weight: 700;
  color: #111;
  letter-spacing: var(--typo-letter-spacing-0, 0);
  line-height: 150%; /* 2.7rem */
  text-align: center;
  font-style: normal;
  gap: 1.2rem;
}
.profile__cate-list {
  display: flex;
  width: 100%;
  gap: 1rem;
}
.profile__cate-list img {
  width: 6rem;
}
.profile__tag {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.2rem 0.6rem;
  border: 1px solid #ddd;
  border-radius: 0.2rem;
  font-family: Pretendard;
  font-size: 1.5rem;
  font-weight: 400;
  color: #333;
  letter-spacing: var(--typo-letter-spacing-0, 0);
  line-height: 150%; /* 2.25rem */
  gap: 1rem;
  font-style: normal;
}
.profile__tag-list {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 0.4rem;
}
.profile__info {
  flex-grow: 1;
  padding: 2rem 0;
  border-block: 1px solid #ddd;
}
.profile__info-item {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
.profile__info-item + .profile__info-item {
  margin-top: 1.2rem;
}
.profile__info-item strong {
  display: block;
  font-family: Pretendard;
  font-size: 1.6rem;
  font-weight: 700;
  color: #111;
  letter-spacing: var(--typo-letter-spacing-0, 0);
  line-height: 150%; /* 2.4rem */
  font-style: normal;
}
.profile__info-item p {
  font-family: Pretendard;
  font-size: 1.6rem;
  font-weight: 400;
  color: #333;
  letter-spacing: -0.02em;
  line-height: 150%; /* 2.4rem */
  font-style: normal;
  overflow-wrap: anywhere;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.profile__name {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 1.8rem;
  font-family: Pretendard;
  font-size: 2.2rem;
  font-weight: 600;
  color: #111;
  letter-spacing: var(--typo-letter-spacing-0, 0);
  line-height: 150%; /* 3.3rem */
  gap: 0.4rem 0.8rem;
  overflow-wrap: anywhere;
  font-style: normal;
}
.profile__name.new::after {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-family: Pretendard;
  font-size: 1.4rem;
  font-weight: 600;
  color: #f02525;
  letter-spacing: -0.028rem;
  vertical-align: middle;
  content: "NEW";
  font-style: normal;
}
.profile__btm {
  display: flex;
  align-items: center;
  gap: 0.8rem 1.6rem;
}
.profile__btm-item {
  display: inline-flex;
  position: relative;
  font-family: Pretendard;
  font-size: 1.4rem;
  font-weight: 500;
  color: #111;
  letter-spacing: -0.028rem;
  line-height: 140%; /* 1.96rem */
  gap: 0.6rem;
  font-style: normal;
}
.profile__btm-item::before {
  position: absolute;
  top: 50%;
  right: -0.8rem;
  transform: translateY(-50%);
  width: 1px;
  height: 1rem;
  background: #ddd;
  content: "";
}
.profile__btm-item:last-of-type::before {
  display: none;
}
.profile__btm-item i {
  font-size: 1.8rem;
  font-weight: 400;
  color: #9e9e9e;
  line-height: 1;
}
.profile__view {
  display: flex;
  gap: 6rem;
}
.profile__view-info {
  flex-shrink: 0;
  max-width: 100%;
  width: 32rem;
}
.profile__view .profile__item {
  width: 100%;
  padding: 3rem 4rem;
}
.profile__view .profile__item::after {
  display: none;
}
.profile__view .profile__item:hover {
  box-shadow: none;
}
.profile__view .profile__item .profile__info-item p {
  display: unset;
  overflow: unset;
  text-overflow: unset;
  -webkit-line-clamp: unset;
  -webkit-box-orient: unset;
}
.profile__view .profile__cate-list img {
  width: 5rem;
}
.profile__view-field {
  display: flex;
  flex-direction: column;
  padding: 3rem 4rem;
  margin-top: 1.2rem;
  border: 1px solid #ddd;
  border-radius: 1.2rem;
  background: #f5f6f7;
}
.profile__view-title {
  margin-bottom: 1rem;
  font-family: Pretendard;
  font-size: 2rem;
  font-weight: 700;
  color: #111;
  letter-spacing: var(--typo-letter-spacing-0, 0);
  line-height: 150%; /* 3rem */
  font-style: normal;
}
.profile__view-con {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: 2.4rem;
}
.profile__detail-title {
  margin-bottom: 1.2rem;
  font-family: Pretendard;
  font-size: 2rem;
  font-weight: 700;
  color: #111;
  letter-spacing: var(--typo-letter-spacing-0, 0);
  line-height: 150%; /* 3rem */
  font-style: normal;
}
.profile__detail-list {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 2rem 2.4rem;
  border: 1px solid #ddd;
  border-radius: 1rem;
  gap: 3rem;
  align-self: stretch;
}
.profile__detail-item {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 1.2rem;
}
.profile__detail-info {
  display: flex;
  flex-wrap: wrap;
  font-family: Pretendard;
  font-size: 1.6rem;
  font-weight: 400;
  color: #333;
  letter-spacing: var(--typo-letter-spacing-0, 0);
  line-height: 150%; /* 2.4rem */
  gap: 0.8rem 2.4rem;
  font-style: normal;
}
.profile__detail-info strong {
  font-weight: 500;
}
.profile__detail-info span {
  position: relative;
}
.profile__detail-info span::before {
  position: absolute;
  top: 50%;
  left: -1.2rem;
  transform: translateY(-50%);
  width: 1px;
  height: 1rem;
  background: #ddd;
  content: "";
}
.profile__detail-desc {
  display: flex;
  align-items: center;
  padding: 1rem 2rem;
  border-radius: 0.6rem;
  background: #f8f8f8;
  font-family: Pretendard;
  font-size: 1.6rem;
  font-weight: 400;
  color: #333;
  letter-spacing: var(--typo-letter-spacing-0, 0);
  line-height: 150%; /* 2.4rem */
  gap: 1rem;
  align-self: stretch;
  font-style: normal;
}

.review-title {
  display: flex;
  margin-bottom: 1.6rem;
  font-family: Pretendard;
  font-size: 2rem;
  font-weight: 700;
  color: #111;
  letter-spacing: var(--typo-letter-spacing-0, 0);
  line-height: 150%; /* 3rem */
  font-style: normal;
  gap: 0.4rem;
}
.review-title strong {
  font-family: Pretendard;
  font-size: 2rem;
  font-weight: 600;
  color: #063a74;
  line-height: 150%; /* 3rem */
  font-style: normal;
}
.review-title + .comment__item.review {
  border-top: 1px solid #ddd;
}

@media (max-width: 1280px) {
  .profile__item {
    padding: 4rem 3rem;
  }
  .profile__cate-list img {
    width: 5.6rem;
  }
}
@media (max-width: 1024px) {
  .profile__item {
    width: calc(50% - 1rem);
  }
  .profile__view-info {
    width: 28rem;
  }
  .profile__view {
    gap: 3rem;
  }
  .profile__view .profile__item {
    padding: 3rem 2.4rem;
  }
  .profile__view-field {
    padding: 3rem 2.4rem;
  }
}
@media (max-width: 768px) {
  .profile__view {
    flex-direction: column;
    gap: 4rem;
  }
  .profile__view-info {
    width: 100%;
  }
}
@media (max-width: 560px) {
  .profile__item {
    width: 100%;
    padding: 3rem 2.4rem;
  }
}
/*-------------------------------------------------
통합검색
-------------------------------------------------*/
.all-search__search {
  padding: 4rem 5rem;
  margin-bottom: 6rem;
  border: 1px solid #c9d7eb;
  border-radius: 1.4rem;
  background: #eef2f8;
}
.all-search__input {
  position: relative;
  max-width: 80rem;
  margin: 0 auto;
  margin-bottom: 4rem;
}
.all-search__input input {
  width: 100%;
  height: 6.4rem;
  padding-left: 2.4rem;
  padding-right: 7rem;
  border: 1px solid #5a6981;
  border-radius: 1rem;
  background-color: #fff;
  font-family: Pretendard;
  font-size: 2.2rem;
  font-weight: 700;
  color: #1e2124;
  line-height: 130%; /* 2.86rem */
  transition: border-color 0.2s;
  font-style: normal;
}
.all-search__input input:focus {
  outline: none;
  border-color: #308bd4;
}
.all-search__btn {
  position: absolute;
  top: 50%;
  right: 2.4rem;
  transform: translateY(-50%);
  font-size: 3.6rem;
  color: #33363d;
  line-height: 1;
}
.all-search__option {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 1.2rem;
}
.all-search__date {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 8rem;
  height: 4.8rem;
  padding: 0 1.2rem;
  border: 1px solid #ccc;
  border-radius: 0.6rem;
  background: #fff;
  font-family: Pretendard;
  font-size: 1.6rem;
  font-weight: 400;
  color: #222;
  line-height: 150%; /* 2.4rem */
  text-align: center;
  transition: border-color 0.2s, color 0.2s;
  gap: 0.8rem;
  font-style: normal;
}
.all-search__date.active {
  font-weight: 600;
  color: #308bd4;
  border-color: #308bd4;
}
.all-search__total {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 2.4rem;
  margin-bottom: 4rem;
  border-bottom: 1px solid #8a949e;
  gap: 1rem 2.4rem;
}
.all-search__total-item {
  position: relative;
  font-family: Pretendard;
  font-size: 2rem;
  font-weight: 700;
  color: #1e2124;
  line-height: 130%; /* 2.6rem */
  font-style: normal;
}
.all-search__total-item:first-child::before {
  position: absolute;
  top: 50%;
  right: -1.2rem;
  transform: translateY(-50%);
  width: 1px;
  height: 1.6rem;
  background: #8a949e;
  content: "";
}
.all-search__total-item strong {
  color: #063a74;
}
.all-search__wrap + .all-search__wrap {
  margin-top: 6rem;
}
.all-search__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 4rem;
  border-bottom: 1px solid #e0e0e0;
  gap: 4rem;
}
.all-search__tab {
  display: flex;
  align-items: center;
  position: relative;
  padding-bottom: 2.4rem;
  font-family: Pretendard;
  font-size: 3.2rem;
  font-weight: 700;
  color: #424242;
  line-height: 130%; /* 4.16rem */
  gap: 1rem;
  font-style: normal;
}
.all-search__tab::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #063a74;
  content: "";
}
.all-search__tab span {
  font-family: Pretendard;
  font-size: 1.8rem;
  font-weight: 700;
  color: var(--navy, #063a74);
  line-height: 150%; /* 2.7rem */
  font-style: normal;
}
.all-search__more {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 4.8rem;
  padding: 0 1.6rem;
  border: 1px solid #ddd;
  border-radius: 0.6rem;
  background: #fff;
  font-family: Pretendard;
  font-size: 1.6rem;
  font-weight: 500;
  color: #111;
  line-height: normal;
  gap: 0.6rem;
  font-style: normal;
}
.all-search__more i {
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1;
}
.all-search__list {
  display: flex;
  flex-direction: column;
  gap: 4rem;
}
.all-search__item {
  padding-bottom: 4rem;
  border-bottom: 1px solid #bdbdbd;
}
.all-search__cate {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 2.4rem;
  gap: 0.8rem;
}
.all-search__title {
  margin-bottom: 1.2rem;
  font-family: Pretendard;
  font-size: 2rem;
  font-weight: 700;
  color: #424242;
  line-height: 130%; /* 2.6rem */
  font-style: normal;
}
.all-search__desc {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 2rem;
  font-family: Pretendard;
  font-size: 1.8rem;
  font-weight: 400;
  color: #464c53;
  line-height: 160%;
  font-style: normal;
}
.all-search__info {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem 2.4rem;
}
.all-search__info-item {
  display: flex;
  position: relative;
  gap: 1.4rem;
}
.all-search__info-item::after {
  position: absolute;
  top: 50%;
  right: -1.2rem;
  transform: translateY(-50%);
  width: 1px;
  height: 1rem;
  background: #ddd;
  content: "";
}
.all-search__info-item:last-child::after {
  display: none;
}
.all-search__info-item strong {
  font-family: Pretendard;
  font-size: 1.6rem;
  font-weight: 700;
  color: #111;
  letter-spacing: var(--typo-letter-spacing-0, 0);
  line-height: 150%; /* 2.4rem */
  font-style: normal;
}
.all-search__info-item p {
  font-family: Pretendard;
  font-size: 1.6rem;
  font-weight: 400;
  color: #333;
  letter-spacing: var(--typo-letter-spacing-0, 0);
  line-height: 150%; /* 2.4rem */
  font-style: normal;
}
.all-search__btm {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 2.4rem;
  gap: 2.4rem 4rem;
}
.all-search__bread {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem 2.4rem;
}
.all-search__bread > a {
  display: inline-block;
  position: relative;
  padding: 0 0.2rem;
  font-family: Pretendard;
  font-size: 1.6rem;
  font-weight: 400;
  color: #1e2124;
  line-height: 150%; /* 2.4rem */
  font-style: normal;
  text-decoration-line: underline;
  text-underline-offset: 2px;
}
.all-search__bread > a::after {
  position: absolute;
  top: 50%;
  right: -2.2rem;
  transform: translateY(-50%);
  font-family: "remixicon";
  font-size: 1.8rem;
  line-height: 1;
  content: "\ea6e";
}
.all-search__bread > a:last-child::after {
  display: none;
}
.all-search__view {
  display: inline-flex;
  align-items: center;
  font-family: Pretendard;
  font-size: 1.6rem;
  font-weight: 400;
  color: #1e2124;
  line-height: 150%; /* 2.4rem */
  font-style: normal;
  gap: 0.4rem;
}
.all-search__view i {
  font-size: 1.8rem;
  line-height: 1;
}

.highlight {
  background: #d8e5fd;
  color: #063a74;
}

/*-------------------------------------------------
로그인
-------------------------------------------------*/
.conts-area {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4rem;
}

.sec-tit {
  font-size: 2.4rem;
}
.sec-tit .step-now {
  display: block;
  margin-bottom: 0.8rem;
  font-size: 1.7rem;
  color: #464c53;
}
.sec-tit .step-now strong {
  color: #0b50d0;
}

.text-point-primary {
  color: #0b50d0;
}

.fieldset-msg {
  position: relative;
  padding-left: 3.2rem;
  margin-bottom: 2.4rem;
  font-size: 1.9rem;
  color: #0b50d0;
}
.fieldset-msg::before {
  position: absolute;
  top: 0.2rem;
  left: 0;
  width: 2.4rem;
  height: 2.4rem;
  background-color: transparent !important;
  background-image: url(../../images/mps/member/ico_outline_chk.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
}

.txt-box.bg-white {
  display: flex;
  flex-direction: column;
  padding: 4rem;
  border: 1px solid #b1b8be;
  border-radius: 1.2rem;
  gap: 2.4rem;
}

.box-sec {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
}

.krds-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
  transition: 0.3s;
}
.krds-btn.xlarge {
  height: 6.4rem;
  padding: 0 2.4rem;
  border-radius: 1.2rem;
  font-size: 1.9rem;
}
.krds-btn.large {
  height: 5.6rem;
  padding: 0 1.6rem;
  border-radius: 0.8rem;
  font-size: 1.7rem;
}
.krds-btn.primary {
  border: 1px solid transparent;
  background: #256ef4;
  color: #fff;
}
.krds-btn.primary:hover {
  background: #0b50d0;
}
.krds-btn.secondary {
  border: 1px solid #256ef4;
  background: #ecf2fe;
  color: #0b50d0;
}
.krds-btn.secondary:hover {
  background: #d8e5fd;
}
.krds-btn.tertiary {
  border: 1px solid #58616a;
  background: transparent;
  color: #58616a;
}
.krds-btn.tertiary:hover {
  background: #f4f5f6;
}
.krds-btn.icon.medium {
  width: 2.4rem;
  height: 2.4rem;
}
.krds-btn.text, .krds-btn.link {
  display: inline-block;
  height: auto;
  white-space: normal;
  text-align: left;
}
.krds-btn.text.medium, .krds-btn.link.medium {
  padding: 0.2rem;
}

.krds-info-list.decimal > li {
  position: relative;
  padding-left: 3.2rem;
}
.krds-info-list.decimal > li::before {
  position: absolute;
  top: 1rem;
  left: 0.8rem;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  background-color: #464c53;
  content: "";
}

.svg-icon {
  font-size: 2rem;
}
.svg-icon::before {
  font-family: "remixicon";
  font-size: 2.4rem;
}
.svg-icon.ico-call::before {
  content: "\efec";
}
.svg-icon.ico-pw-visible::before {
  content: "\ecb7";
}
.svg-icon.ico-pw-visible-on::before {
  content: "\ecb5";
}

.input-group {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  gap: 1.6rem;
}

.krds-input,
.krds-form-select {
  position: relative;
  width: 100%;
  height: 5.6rem;
  padding: 0 1.6rem;
  border: 1px solid #58616a;
  border-radius: 0.8rem;
  font-size: 1.9rem;
  transition: 0.3s;
}
.krds-input[readonly],
.krds-form-select[readonly] {
  background-color: #cdd1d5;
  border-color: #b1b8be;
}

.krds-input-item {
  position: relative;
}

.krds-form-select {
  background-image: url(../../images/mps/member/ico_angle.svg);
  background-position: center right 1.6rem;
  background-repeat: no-repeat;
}

.form-group-row {
  display: flex;
  gap: 1.6rem;
}
.form-group-row .form-group {
  flex: 1;
}

.form-group {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 0.8rem;
}
.form-group .form-conts {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}
.form-group .form-conts.btn-ico-wrap {
  position: relative;
}
.form-group .form-conts.btn-ico-wrap .krds-btn {
  position: absolute;
  top: 50%;
  right: 2rem;
  transform: translateY(-50%);
}
.form-group .form-conts .krds-input-item {
  position: relative;
}
.form-group .form-conts .krds-input-item button:has([class*=ri-eye]) {
  position: absolute;
  top: 50%;
  right: 2rem;
  transform: translateY(-50%);
}
.form-group .form-hint {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 1.4rem;
  color: #464c53;
  gap: 0.4rem;
}
.form-group .form-hint:empty {
  display: none;
}
.form-group .form-hint.error::before, .form-group .form-hint.success::before {
  display: none;
}
.form-group .form-hint.error {
  color: var(--color-error);
}
.form-group .form-hint.success {
  color: var(--color-success);
}
.form-group .form-hint::before {
  font-family: "remixicon";
  content: "\eca1";
}

.link-group {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.link-group > li + li::before {
  display: inline-block;
  width: 1px;
  height: 1.6rem;
  margin: 0 0.8rem;
  background-color: #E0E0E0;
  vertical-align: middle;
  content: "";
}

.page-btn-wrap {
  display: flex;
  margin-top: 4rem;
  gap: 1.6rem;
}
.page-btn-wrap.both {
  justify-content: space-between;
}

.tab-conts {
  display: none;
}

.tab-conts.active {
  display: flex;
  flex-direction: column;
}

.login-type-tab .tab-conts {
  gap: 4rem;
}

.login-notice {
  display: flex;
  align-items: center;
  font-size: 1.6rem;
  font-weight: 500;
  color: #1b9b57;
  line-height: 1.5;
  gap: 0.6rem;
}
.login-notice > i {
  flex-shrink: 0;
  font-size: 2rem;
  color: #1b9b57;
}

.login-type-tab > div {
  flex: 1 0 0;
}
.login-type-tab .login-wrap {
  max-width: 42rem;
  width: 100%;
  margin: auto;
}
.login-type-tab .login-wrap .fieldset {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.login-type-tab .login-wrap .fieldset .input__wrap input {
  height: 5.4rem;
  border: 1px solid #DDD;
  border-radius: 0.6rem;
  background: #F5F6F7;
}
.login-type-tab .login-wrap .krds-btn.large.primary {
  width: 100%;
}
.login-type-tab .login-info-wrap {
  display: none;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0;
}
.login-type-tab .login-info-wrap .tit {
  margin-bottom: 3rem;
  font-size: 2rem;
  font-weight: 700;
  color: #333;
  line-height: 1.5;
}
.login-type-tab .login-info-wrap .btn-wrap {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 1.6rem;
}
.login-type-tab .login-info-wrap .btn-wrap .krds-btn {
  width: 100%;
}

.login-anyid {
  display: flex;
  align-items: center;
  width: 100%;
  margin-bottom: 3rem;
  gap: 2rem;
}
.login-anyid__icon {
  flex-shrink: 0;
  width: 9rem;
}
.login-anyid__icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.login-anyid__body {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}
.login-anyid__link {
  display: inline-flex;
  align-items: center;
  font-size: 2.2rem;
  font-weight: 700;
  color: #111;
}
.login-anyid__link > i {
  font-size: 2.6rem;
}
.login-anyid__desc {
  font-size: 1.6rem;
  color: #727272;
  line-height: 1.5;
}

.helper-box {
  width: 100%;
  padding: 2rem 3rem;
  margin-top: auto;
  border: 1px solid #ddd;
  border-radius: 0.8rem;
  background-color: #fff;
}
.helper-box .helper-tit {
  font-size: 1.6rem;
  font-weight: 700;
  color: #111;
  line-height: 1.5;
}
.helper-box .helper-desc-wrap {
  margin-top: 0.6rem;
  font-size: 1.6rem;
  color: #555;
  line-height: 1.5;
}

.login-form-area {
  display: flex;
  padding: clamp(2rem, 5vw, 5rem) clamp(2rem, 5vw, 6rem);
  border: 1px solid #C9D7EB;
  border-radius: 1.4rem;
  gap: 0;
}
.login-form-area > div {
  min-width: 0;
}
.login-form-area .login-info-wrap {
  padding-left: 8rem;
}

.krds-step-wrap {
  display: flex;
  margin-bottom: 6.4rem;
}
.krds-step-wrap > li {
  flex: 1;
  position: relative;
}
.krds-step-wrap > li::after {
  position: absolute;
  top: 0.85rem;
  left: 0.1rem;
  width: 100%;
  height: 0.3rem;
  content: "";
}
.krds-step-wrap > li:last-child::after {
  display: none;
}
.krds-step-wrap > li > span {
  display: flex;
  flex-direction: column;
  position: relative;
  padding-top: 3.2rem;
  padding-right: 3.2rem;
}
.krds-step-wrap > li > span::after {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0.85rem;
  left: 0.1rem;
  z-index: 1;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background: #256ef4;
}
.krds-step-wrap > li > span::before {
  position: absolute;
  top: 0.85rem;
  left: 0.1rem;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background: #256ef4;
}
.krds-step-wrap > li.active::after {
  background: #cdd1d5;
}
.krds-step-wrap > li.active > span::after {
  position: absolute;
  top: 0;
  left: 0.1rem;
  z-index: 1;
  width: 2rem;
  height: 2rem;
  border: 0.3rem solid #256ef4;
  border-radius: 50%;
  background: #256ef4;
  box-shadow: inset 0 0 0 0.2rem #fff;
  content: "";
}
.krds-step-wrap > li.done::after {
  background: #6d7882;
}
.krds-step-wrap > li.done > span::after {
  position: absolute;
  top: 0;
  background: #6d7882;
  font-family: "remixicon";
  font-size: 1.2rem;
  color: #fff;
  content: "\eb7b";
}

/*-------------------------------------------------
회원정보 관련
-------------------------------------------------*/
.member_box {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}
.member_box .login_area form {
  display: flex;
  gap: 1.6rem;
}
.member_box .login_input input {
  position: relative;
  width: 100%;
  height: 5.6rem;
  padding: 0 1.6rem;
  border: 1px solid #58616a;
  border-radius: 0.8rem;
  font-size: 1.9rem;
  transition: 0.3s;
}
.member_box .btn_login .btn_colorType02 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 5.6rem;
  padding: 0px 1.6rem;
  border: 1px solid transparent;
  border-radius: 0.8rem;
  background: #256ef4;
  white-space: nowrap;
  font-size: 1.7rem;
  color: #fff;
  transition: 0.3s;
}
.member_box .btn_login .btn_colorType02:hover {
  background: #0b50d0;
}

.member_info {
  display: flex;
  flex-direction: column;
  margin-bottom: 2rem;
  gap: 1.6rem;
}

.btn-area,
.btn-area_center {
  display: flex;
  margin-top: 2rem;
  gap: 1rem;
}

.btn-area_center {
  justify-content: center;
}

.btn-type01,
.btn-type02 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 5.6rem;
  padding: 0px 1.6rem;
  border-radius: 0.8rem;
  white-space: nowrap;
  font-size: 1.7rem;
  transition: 0.3s;
}

.btn-type02 {
  border: 1px solid transparent;
  background: #256ef4;
  color: #fff;
}
.btn-type02:hover {
  background: #0b50d0;
}

.btn-type01 {
  border: 1px solid #58616a;
  background: transparent;
  color: #58616a;
}
.btn-type01:hover {
  background: #f4f5f6;
}

form .tstyle-view {
  width: 100%;
  border-top: 1px solid #cdd1d5;
}
form .tstyle-view .col-sm-2 {
  width: 20%;
}
form .tstyle-view .col-sm-10 {
  width: 80%;
}
form .tstyle-view th,
form .tstyle-view td {
  padding: 1.6rem;
}
form .tstyle-view thead th,
form .tstyle-view tbody th {
  border-bottom: 1px solid #cdd1d5;
  background-color: #f5f5f5;
  font-weight: 600;
  color: #000;
}
form .tstyle-view tbody td {
  position: relative;
  border-bottom: 1px solid #dedede;
  background-color: #fff;
  color: #616161;
}
form .input-small {
  position: relative;
  width: 100%;
  height: 5.6rem;
  padding: 0 1.6rem;
  border: 1px solid #58616a;
  border-radius: 0.8rem;
  font-size: 1.9rem;
  transition: 0.3s;
}
form .block_smallTxt {
  margin-bottom: 0.8rem;
  font-size: 1.4rem;
  color: #464c53;
}

.completion {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}
.completion .congratulate {
  width: 100%;
  height: 100%;
  background-image: url(../../images/mps/member/ico_congratulate.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
.completion .btn-area {
  display: flex;
  justify-content: center;
  margin-top: 2rem;
  gap: 1rem;
}

/* 개인정보 재동의 시작 */
h2.h-tit {
  font-size: 2.8rem;
}

.d-tit {
  display: flex;
  flex-direction: column;
  margin: 3.2rem 0 2rem;
  gap: 1.6rem;
}
.d-tit strong {
  font-size: 2.4rem;
  font-weight: 700;
  color: var(--gray-90);
}

.result-box {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}
.result-box-title {
  display: flex;
  flex-direction: column;
  padding: 2.4rem;
  border-radius: 1.2rem;
  background-color: var(--gray-5);
  gap: 1.6rem;
}
.result-box-container {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}
.result-box-container .flex-column {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}
.result-box .form-tit {
  font-weight: 700;
}

.btn-wrap {
  display: flex;
  gap: 1rem;
}

/* 개인정보 재동의 끝 */
@media (max-width: 1280px) {
  .login-form-area .login-info-wrap {
    padding-left: 4rem;
  }
}
@media (max-width: 1024px) {
  .login-form-area {
    flex-direction: column;
    gap: 3.2rem;
  }
  .login-form-area .login-info-wrap {
    padding-left: 0;
  }
}
@media (max-width: 768px) {
  .conts-area {
    align-items: inherit;
  }
  .login-anyid {
    flex-direction: column;
  }
}
/*-------------------------------------------------
레이아웃
-------------------------------------------------*/
#container {
  padding-bottom: 12rem;
}

.sub__visual {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding: 4.8rem 0;
  gap: 2rem 4rem;
}
.sub__title {
  font-size: 4.6rem;
}
.sub__print, .sub__url {
  width: 4.8rem;
  height: 4.8rem;
  border: 1px solid #ddd;
  border-radius: 30rem;
  font-size: 2rem;
  color: #555;
}
.sub__nav {
  display: flex;
  align-items: center;
  border-radius: 0.8rem;
  background: #f5f6f7;
  color: #555;
}
.sub__nav-home {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 6.5rem;
  height: 6.5rem;
  font-size: 2rem;
}
.sub__nav-tab {
  position: relative;
  width: 28rem;
}
.sub__nav-tab::before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 1px;
  height: 2.2rem;
  background: #ccc;
  content: "";
}
.sub__nav-tab::after {
  position: absolute;
  top: 50%;
  right: 2rem;
  transform: translateY(-50%);
  font-family: "remixicon";
  font-size: 2rem;
  pointer-events: none;
  transition: 0.3s;
  content: "\ea4e";
}
.sub__nav-tab:last-child .sub__nav-btn {
  color: #111;
}
.sub__nav-tab.active::after {
  transform: translateY(-50%) rotate(180deg);
}
.sub__nav-tab.active .sub__nav-list {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.sub__nav-btn {
  width: 100%;
  height: 6.5rem;
  overflow: hidden;
  padding: 0 4.8rem 0 2rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1.8rem;
  font-weight: 500;
  text-align: left;
}
.sub__nav-list {
  display: flex;
  flex-direction: column;
  position: absolute;
  bottom: -0.8rem;
  left: 0;
  transform: translateY(100%);
  opacity: 0;
  z-index: 5;
  width: 100%;
  visibility: hidden;
  padding: 2rem;
  border-radius: 0.8rem;
  background: #f5f6f7;
  pointer-events: none;
  transition: 0.24s;
  gap: 1.2rem;
}
.sub__nav-item {
  display: block;
  font-size: 1.8rem;
  font-weight: 500;
}

@media (max-width: 1024px) {
  .sub__nav-tab {
    width: 24rem;
  }
}
@media (max-width: 768px) {
  .sub__visual {
    padding-bottom: 0;
  }
  .sub__nav,
  .sub__print {
    display: none;
  }
  .sub__title {
    font-size: 4rem;
  }
}
@media print {
  .sub__print,
  .sub__nav,
  .quick-menu {
    display: none !important;
  }
}
/*-------------------------------------------------
콘텐츠
-------------------------------------------------*/
#contents {
  padding-top: 5rem;
}

.step__box {
  padding: 3.5rem;
  margin-bottom: 5rem;
  border: 1px solid #ddd;
  border-radius: 1.4rem;
  background: #fff;
}
.step__list {
  display: flex;
  justify-content: space-between;
  position: relative;
  max-width: 84rem;
  margin: 0 auto;
}
.step__list::before {
  position: absolute;
  top: 4.5rem;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #ddd;
  content: "";
}
.step__item {
  z-index: 1;
  width: 16rem;
  background-color: #fff;
  text-align: center;
}
.step__item.active ~ .step__item .step__icon {
  border: 1px dashed #ccc;
}
.step__item.active ~ .step__item .step__icon span {
  display: block;
}
.step__item.active ~ .step__item .step__icon::before {
  display: none;
}
.step__item.active .step__icon {
  border: none;
}
.step__item.active .step__icon img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.step__item.active .step__count {
  color: #767676;
}
.step__item.active .step__title {
  color: #111;
}
.step__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 9rem;
  height: 9rem;
  overflow: hidden;
  margin: 0 auto 1.2rem;
  border: 1px solid #ddd;
  border-radius: 50%;
  font-size: 4rem;
  font-weight: 700;
  color: #ccc;
}
.step__icon img,
.step__icon span {
  display: none;
}
.step__icon::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: "remixicon";
  font-weight: 400;
  content: "\eb7a";
}
.step__count {
  font-size: 1.6rem;
  font-weight: 500;
  color: #999;
}
.step__title {
  margin-top: 0.4rem;
  font-size: 1.8rem;
  font-weight: 700;
  color: #999;
}

.form__step {
  margin-bottom: 1rem;
  font-family: Pretendard;
  font-size: 1.6rem;
  font-weight: 500;
  color: #767676;
  line-height: 150%;
  font-style: normal;
}
.form__step strong {
  font-family: Pretendard;
  font-size: 1.6rem;
  font-weight: 700;
  color: #1a80d1;
  line-height: 150%;
  /* 2.4rem */
  text-align: center;
  font-style: normal;
}
.form__title {
  margin-bottom: 2rem;
  font-family: Pretendard;
  font-size: 3rem;
  font-weight: 700;
  color: #111;
  line-height: 150%;
  /* 4.5rem */
  font-style: normal;
}
.form__desc {
  margin-bottom: 2rem;
  font-size: 1.6rem;
  font-weight: 400;
  color: #333;
}
.form__box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: 100%;
  min-width: 0;
  padding: 4rem 5rem;
  border: 1px solid #ddd;
  border-radius: 1.4rem;
  gap: 2rem;
  align-self: stretch;
}
.form__box + .form__box {
  margin-top: 1.6rem;
}
.form__box.gap0 {
  gap: 0;
}
.form__notice {
  font-family: Pretendard;
  font-size: 1.8rem;
  font-weight: 400;
  color: #555;
  line-height: 150%;
  /* 2.7rem */
  font-style: normal;
}
.form__notice i {
  margin-right: 0.2rem;
  color: #f02525;
}
.form__ask {
  margin-bottom: 2rem;
  font-family: Pretendard;
  font-size: 1.8rem;
  font-weight: 700;
  color: #111;
  line-height: 140%; /* 2.52rem */
  font-style: normal;
}
.form__ask.required::after {
  margin-left: 0.4rem;
  color: #f02525;
  content: "*";
}
.form__item {
  max-width: 100%;
  min-width: 0;
  width: 100%;
}
.form__item.flex {
  display: flex;
  align-items: flex-start;
  gap: 1.6rem;
}
.form__item.flex .form__label {
  flex-shrink: 0;
  width: 20rem;
}
.form__item.flex .form__input {
  flex: 1;
  min-width: 0;
}
@media (max-width: 768px) {
  .form__item.flex {
    display: block;
  }
  .form__item.flex .form__label {
    width: 100%;
  }
}
.form__label {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  min-height: 4.8rem;
  font-family: Pretendard;
  font-size: 1.8rem;
  font-weight: 700;
  color: #111;
  line-height: 140%;
  /* 2.52rem */
  font-style: normal;
  gap: 0.4rem;
}
.form__label.required::after {
  margin-left: 0.4rem;
  color: #f02525;
  content: "*";
}
.form__label.wd20 {
  width: 20rem;
}
.form__label strong {
  color: var(--blue, #1a80d1);
}
.form__input {
  max-width: 100%;
}
.form__input textarea {
  width: 100%;
  height: 12.6rem;
  padding: 1.2rem;
  border: 1px solid #ccc;
  border-radius: 0.6rem;
  background-color: #fff;
  font-size: 1.6rem;
  color: #111;
  transition: 0.2s;
  resize: none;
  outline: none;
}
.form__input textarea::placeholder {
  color: #555;
}
.form__input textarea:focus {
  border-color: var(--blue) !important;
}
.form__text {
  width: 100%;
  padding: 2.4rem;
  border-radius: 0.8rem;
  background: #eef2f8;
  font-family: Pretendard;
  font-size: 1.6rem;
  font-weight: 400;
  color: #333;
  line-height: 150%;
}
.form__file {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 20rem;
  padding: 1.6rem;
  border-radius: 0.8rem;
  background: #eef2f8;
  font-size: #333;
  font-size: 1.8rem;
  text-align: center;
  gap: 1.6rem;
  align-self: stretch;
}
.form__file-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  height: 4.8rem;
  padding: 0 1.6rem;
  border: 1px solid #063a74;
  border-radius: 0.6rem;
  background: #fff;
  font-family: Pretendard;
  font-size: 1.8rem;
  font-weight: 500;
  color: #063a74;
  line-height: normal;
  gap: 0.6rem;
  font-style: normal;
}
.form__upload {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  padding: 1.6rem 2rem;
  border: 1px solid #ddd;
  border-radius: 0.8rem;
  gap: 1rem 2.4rem;
}
.form__upload-name {
  display: flex;
  align-items: center;
  min-width: 0;
  font-family: Pretendard;
  font-size: 1.6rem;
  font-weight: 400;
  color: #333;
  line-height: normal;
  overflow-wrap: anywhere;
  gap: 0.8rem;
  font-style: normal;
}
.form__upload-name:hover {
  text-decoration: underline;
  text-underline-offset: 0.3rem;
}
.form__upload-name img {
  width: 2rem;
  height: 2rem;
}
.form__upload-info {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  font-family: Pretendard;
  font-size: 1.4rem;
  font-weight: 400;
  color: #9e9e9e;
  line-height: normal;
  gap: 2.4rem;
  font-style: normal;
}
.form__upload-remove {
  font-size: 2rem;
  line-height: 1;
}
.form__url-add {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 4.8rem;
  height: 4.8rem;
  border: 1px solid #063a74;
  border-radius: 0.6rem;
  background: #fff;
  font-size: 2.4rem;
  color: #063a74;
  line-height: 1;
}
.form__url-list {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-top: 1.2rem;
  gap: 0.8rem;
}
.form__url-list:empty {
  display: none;
}
.form__url-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 1.2rem 1.6rem;
  border-radius: 0.8rem;
  background: #eef2f8;
  gap: 1.2rem;
}
.form__url-link {
  display: flex;
  align-items: center;
  min-width: 0;
  gap: 0.8rem;
  overflow-wrap: anywhere;
}
.form__url-link:hover span {
  text-decoration: underline;
  text-underline-offset: 0.3rem;
}
.form__url-link i {
  flex-shrink: 0;
  color: #757575;
  line-height: 1;
}
.form__url-link span {
  font-size: 1.6rem;
  font-weight: 500;
  color: #111;
  letter-spacing: -0.032rem;
  line-height: 1.5;
}
.form__url-remove {
  flex-shrink: 0;
  font-size: 2rem;
  color: #9e9e9e;
  line-height: 1;
}

.info-box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 4rem 5rem;
  margin-bottom: 2rem;
  border: 1px solid #c9d7eb;
  border-radius: 1.4rem;
  background: #eef2f8;
  gap: 2rem;
  align-self: stretch;
}
.info-box p.c55.fs16 {
  white-space: pre-wrap;
}
.info-box.no-style {
  padding: 0;
  margin-bottom: 4rem;
  border: none;
  background: none;
  gap: 1.2rem;
}
.info-box.no-style .info-box__title {
  padding-left: 0;
}
.info-box.no-style .info-box__title::before {
  display: none;
}
.info-box.no-style .ml40 {
  margin-left: 0 !important;
}
.info-box + .form__box {
  margin-top: 1.6rem;
}
.info-box .btn-style {
  flex-shrink: 0;
}
.info-box__title {
  position: relative;
  padding-left: 4rem;
  font-family: Pretendard;
  font-size: 2.4rem;
  font-weight: 700;
  color: #111;
  line-height: 150%;
  /* 3.6rem */
  font-style: normal;
}
.info-box__title::before {
  position: absolute;
  top: 0.2rem;
  left: 0;
  width: 3rem;
  height: 3rem;
  background: url(../../images/mps/sub/info_icon01.png) no-repeat center center/contain;
  content: "";
}
.info-box__title.border {
  margin-top: 6rem;
}
.info-box__title.border::after {
  display: block;
  position: absolute;
  top: -3rem;
  left: 0;
  width: 100%;
  height: 1px;
  background: #ddd;
  content: "";
}
.info-box__title.no-icon {
  padding-left: 0;
}
.info-box__title.no-icon::before {
  display: none;
}
.info-box__title.icon02::before {
  background-image: url(../../images/mps/sub/info_icon02.png);
}
.info-box__title.icon03::before {
  top: 0;
  width: 3.4rem;
  height: 3.4rem;
  background-image: url(../../images/mps/sub/info_icon03.png);
}
.info-box__title.icon04::before {
  top: 0;
  width: 3.5rem;
  height: 3.5rem;
  background-image: url(../../images/mps/sub/info_icon04.png);
}
.info-box__title.icon05::before {
  background-image: url(../../images/mps/sub/info_icon05.png);
}
.info-box__title.icon06::before {
  background-image: url(../../images/mps/sub/info_icon06.png);
}
.info-box__title.icon07::before {
  background-image: url(../../images/mps/sub/info_icon07.png);
}
.info-box__title.icon08::before {
  background-image: url(../../images/mps/sub/info_icon08.png);
}
.info-box__title.icon09::before {
  background-image: url(../../images/mps/sub/info_icon09.png);
}
.info-box__title.icon10::before {
  background-image: url(../../images/mps/sub/info_icon10.png);
}
.info-box__title.icon11::before {
  top: 0;
  width: 3.5rem;
  height: 3.5rem;
  background-image: url(../../images/mps/sub/info_icon11.png);
}
.info-box__title.icon12::before {
  background-image: url(../../images/mps/sub/info_icon12.png);
}
.info-box__title.icon13::before {
  background-image: url(../../images/mps/sub/info_icon13.png);
}
.info-box__title.icon14::before {
  background-image: url(../../images/mps/sub/info_icon14.png);
}
.info-box__date {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 1.6rem 4rem;
  border-left: 4px solid var(--navy, #063a74);
  background: #fff;
}
.info-box__date-item {
  display: flex;
  font-family: Pretendard;
  font-size: 1.8rem;
  color: #555;
  line-height: 150%; /* 2.7rem */
  font-style: normal;
  gap: 0.4rem;
}
.info-box__date-item strong {
  flex-shrink: 0;
}
.info-box .commu-info {
  display: flex;
  flex-direction: column;
  max-width: 52rem;
  width: 100%;
  margin: 0 auto;
  gap: 1.6rem;
}
.info-box .commu-info__item {
  display: flex;
  gap: 0.8rem;
}
.info-box .commu-info__item strong {
  display: block;
  min-width: 8rem;
  font-family: Pretendard;
  font-size: 1.7rem;
  font-weight: 700;
  color: #111;
  letter-spacing: var(--typo-letter-spacing-0, 0);
  line-height: 150%;
  /* 2.55rem */
  font-style: normal;
}
.info-box .commu-info__item p {
  font-family: Pretendard;
  font-size: 1.7rem;
  font-weight: 400;
  color: #333;
  letter-spacing: var(--typo-letter-spacing-0, 0);
  line-height: 150%;
  /* 2.55rem */
  font-style: normal;
}

@media (max-width: 1024px) {
  .info-box .flex-box.nowrap {
    flex-direction: column;
  }
}
.dot-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.8rem;
  align-self: stretch;
}
.dot-list.gap6 {
  gap: 0.6rem;
}
.dot-list > li {
  position: relative;
  padding-left: 4rem;
  font-family: Pretendard;
  font-size: 1.8rem;
  font-weight: 400;
  color: #555;
  line-height: 150%;
  /* 2.7rem */
  font-style: normal;
}
.dot-list > li strong {
  font-weight: 600;
  color: #111;
}
.dot-list > li::before {
  position: absolute;
  top: 1rem;
  left: 1.6rem;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  background-color: #a3b2c9;
  content: "";
}

.sub-list {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
.sub-list > li {
  position: relative;
  padding-left: 4rem;
  font-size: 1.8rem;
  color: #555;
  line-height: 1.5;
}
.sub-list > li::before {
  position: absolute;
  top: 1.2rem;
  left: 1.5rem;
  width: 0.6rem;
  height: 0.2rem;
  background: #a3b2c9;
  content: "";
}

@media (max-width: 768px) {
  .step__box {
    display: none;
  }
  .info-box,
  .form__box {
    padding: 3.4rem 3rem;
  }
  .dot-list > li {
    padding-left: 3rem;
  }
  .dot-list > li::before {
    left: 1rem;
  }
  .info-box .ml40 {
    margin-left: 0 !important;
  }
}
@media (max-width: 480px) {
  .select__wrap:has(#join-email-domain-select) {
    width: 100%;
  }
}
.input__alert {
  position: relative;
  padding-left: 2.6rem;
  margin-top: 0.8rem;
  font-size: 1.6rem;
  font-weight: 500;
  color: #f02525;
  line-height: 150%;
  /* 2.4rem */
  font-style: normal;
}
.input__alert::before {
  position: absolute;
  top: -0.1rem;
  left: 0;
  font-family: "remixicon";
  font-size: 2rem;
  content: "\eca0";
}
.input__alert.success {
  color: #1a80d1;
}
.input__alert.success::before {
  content: "\eb80";
}
.input__alert.info {
  color: #13976c;
}
.input__alert.info::before {
  content: "\ee58";
}
.input__alert.warn {
  color: #f08a25;
}
.input__alert.warn::before {
  content: "\ea20";
}
.input__alert.notice {
  color: #757575;
}
.input__alert.notice::before {
  content: "\eca1";
}

.finish__wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 4rem;
}
.finish__title {
  margin-top: 2rem;
  font-family: Pretendard;
  font-size: 3.2rem;
  font-weight: 700;
  color: #111;
  line-height: 150%;
  /* 4.8rem */
  text-align: center;
  font-style: normal;
}
.finish__title span {
  color: #1a80d1;
}
.finish__desc {
  margin-top: 2rem;
  font-family: Pretendard;
  font-size: 2rem;
  font-weight: 400;
  color: #555;
  line-height: 150%;
  /* 3rem */
  text-align: center;
  font-style: normal;
}

.organ__select {
  display: flex;
  align-items: center;
  margin-bottom: 2.4rem;
  gap: 0.8rem 1.6rem;
}
.organ__select span {
  position: relative;
  font-family: Pretendard;
  font-size: 1.8rem;
  font-weight: 400;
  color: #333;
  line-height: 160%;
  /* 2.88rem */
  font-style: normal;
}
.organ__select span::after {
  position: absolute;
  top: 50%;
  right: -0.8rem;
  transform: translateY(-50%);
  width: 1px;
  height: 1rem;
  background-color: #ddd;
  content: "";
}
.organ__select strong {
  font-family: Pretendard;
  font-size: 1.8rem;
  font-weight: 600;
  color: var(--blue, #1a80d1);
  line-height: 160%;
  /* 2.88rem */
  font-style: normal;
}
.organ__search {
  position: relative;
  margin-bottom: 2.4rem;
}
.organ__search .input__wrap.search {
  position: relative;
}
.organ__search .input__wrap.search input {
  padding-right: 4.8rem;
}
.organ__search-btn {
  position: absolute;
  top: 50%;
  right: 2rem;
  transform: translateY(-50%);
  font-size: 2rem;
  color: #222;
}
.organ__search-list {
  position: absolute;
  bottom: -0.6rem;
  transform: translateY(100%);
  z-index: 1;
  width: 100%;
  max-height: 14.6rem;
  overflow: auto;
  padding: 2rem;
  border: 1px solid var(--blue, #1a80d1);
  border-radius: 0.6rem;
  background: #fff;
}
.organ__search-item {
  width: 100%;
  font-family: Pretendard;
  font-size: 1.8rem;
  font-weight: 400;
  color: #222;
  line-height: 160%;
  cursor: pointer;
  transition: 0.2s;
  font-style: normal;
}
.organ__search-item:hover {
  color: var(--blue, #1a80d1);
}
.organ__search-item + .organ__search-item {
  margin-top: 1rem;
}
.organ__search-total {
  margin-bottom: 2.4rem;
  font-family: Pretendard;
  font-size: 1.8rem;
  font-weight: 700;
  color: #111;
  line-height: 140%;
  /* 2.52rem */
  font-style: normal;
}
.organ__search-total strong {
  margin: 0 0.2rem;
  color: var(--blue, #1a80d1);
}

.search-table {
  position: relative;
}
.search-table thead th {
  padding: 1rem 0.8rem;
  background: #eef2f8;
  font-family: Pretendard;
  font-size: 1.6rem;
  font-weight: 600;
  color: #111;
  line-height: 150%;
  /* 2.4rem */
  text-align: center;
  font-style: normal;
}
.search-table thead th:first-child {
  border-radius: 0.4rem 0 0 0.4rem;
}
.search-table thead th:last-child {
  border-radius: 0 0.4rem 0 0.4rem;
}
.search-table tbody tr {
  border-bottom: 1px solid #ddd;
}
.search-table tbody tr td {
  padding: 1rem 0.8rem;
  font-family: Pretendard;
  font-size: 1.6rem;
  font-weight: 400;
  color: #555;
  line-height: 150%;
  /* 2.4rem */
  text-align: center;
  font-style: normal;
}

.search-input {
  position: relative;
}
.search-input input {
  padding-right: 4.8rem;
}
.search-input__btn {
  position: absolute;
  top: 50%;
  right: 2rem;
  transform: translateY(-50%);
  font-size: 2rem;
  color: #222;
}

@media (max-width: 480px) {
  .search-bar .select__wrap {
    width: 100%;
  }
}
.commu__top {
  margin-bottom: 6rem;
}
.commu__top > .flex-box {
  padding-bottom: 3rem;
  border-bottom: 2px solid #111;
  gap: 2rem 4rem;
}
.commu__title {
  font-family: Pretendard;
  font-size: 2.6rem;
  font-weight: 700;
  color: #111;
  letter-spacing: var(--typo-letter-spacing-0, 0);
  line-height: 150%;
  /* 3.9rem */
  font-style: normal;
}
.commu__info-list {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 2.4rem;
}
.commu__info-list > li {
  display: flex;
  position: relative;
  gap: 1.4rem;
}
.commu__info-list > li::before {
  position: absolute;
  top: 50%;
  right: -1.2rem;
  transform: translateY(-50%);
  width: 1px;
  height: 1rem;
  background: #ddd;
  content: "";
}
.commu__info-list > li:last-child::before {
  display: none;
}
.commu__info-list > li span {
  color: #333;
}
.commu__con {
  display: flex;
  align-items: center;
  padding-top: 4rem;
  gap: 5rem;
}
.commu__img {
  flex-shrink: 0;
  max-width: calc(50% - 5rem);
  width: 51rem;
}
.commu__img img {
  width: 100%;
  border-radius: 0.8rem;
}
.commu__info {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: 1.6rem;
}
.commu__info-item {
  display: flex;
  gap: 1rem 2rem;
}
.commu__info-label {
  display: block;
  flex-shrink: 0;
  position: relative;
  font-family: Pretendard;
  font-size: 1.6rem;
  font-weight: 700;
  color: #111;
  letter-spacing: var(--typo-letter-spacing-0, 0);
  line-height: 150%;
  font-style: normal;
}
.commu__info-label::after {
  position: absolute;
  top: 0.6rem;
  right: -1rem;
  width: 0.1rem;
  height: 1.2rem;
  background-color: #ddd;
  content: "";
}
.commu__info-con {
  flex-grow: 1;
  font-family: Pretendard;
  font-size: 1.6rem;
  font-weight: 400;
  color: #333;
  letter-spacing: var(--typo-letter-spacing-0, 0);
  line-height: 150%;
  /* 2.4rem */
  font-style: normal;
  overflow-wrap: anywhere;
}
.commu__info-con .ri-vip-crown-2-fill {
  margin-right: 0.5rem;
  font-size: 13px;
  color: #337eff;
}

@media (max-width: 768px) {
  .commu__con {
    flex-direction: column;
  }
  .commu__img {
    max-width: 100%;
    width: auto;
  }
}
.hot__wrap {
  margin-bottom: 9rem;
}
.hot__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 2rem;
  gap: 2rem 4rem;
}
.hot__title {
  position: relative;
  padding-left: 3.6rem;
  font-family: Pretendard;
  font-size: 2.4rem;
  font-weight: 700;
  color: #111;
  letter-spacing: -0.048rem;
  line-height: 140%;
  /* 3.36rem */
  font-style: normal;
}
.hot__title::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 3.3rem;
  height: 3.3rem;
  background: url(../../images/mps/sub/hot_icon.png) no-repeat center center/contain;
  content: "";
}
.hot__slide-tool {
  display: flex;
  align-items: center;
  margin-left: auto;
  gap: 1.2rem;
}
.hot__slide-item {
  display: flex;
  flex-direction: column;
  height: auto;
  padding: 4rem 5rem;
  border: 1px solid #dedede;
  border-radius: 1.2rem;
  background: #fff;
  transition: border 0.24s, box-shadow 0.24s;
}
.hot__slide-item:hover {
  border: 1.5px solid var(--blue, #1a80d1);
  box-shadow: 0 0 20px 0 rgba(26, 128, 209, 0.3);
}
.hot__slide-title {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  min-height: 6.6rem;
  margin-bottom: 1.6rem;
  font-family: Pretendard;
  font-size: 2.2rem;
  font-weight: 600;
  color: #111;
  letter-spacing: var(--typo-letter-spacing-0, 0);
  line-height: 150%;
  /* 3.3rem */
  font-style: normal;
}
.hot__slide-title.new::after {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-left: 0.7rem;
  font-family: Pretendard;
  font-size: 1.4rem;
  font-weight: 600;
  color: #f02525;
  letter-spacing: -0.028rem;
  vertical-align: middle;
  content: "NEW";
  font-style: normal;
}
.hot__slide-info {
  display: flex;
  flex-direction: column;
  padding-top: 2.2rem;
  margin-top: 2.2rem;
  border-top: 1px solid #ddd;
  gap: 1rem;
}
.hot__slide-info .box__board-info::after {
  display: none;
}
.hot__btn {
  font-size: 2.2rem;
  color: #111;
  transition: 0.14s;
}
.hot__count {
  display: flex;
  align-items: center;
  position: relative;
  font-size: 1.6rem;
  gap: 2rem;
}
.hot__count::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1px;
  height: 1rem;
  background: #95a3b6;
  content: "";
}
.hot__count-current {
  font-weight: 700;
  color: #111;
}
.hot__count-total {
  font-weight: 500;
  color: #999;
}

@media (max-width: 1280px) {
  .hot__slide-item {
    padding: 3.4rem 3rem;
  }
}
.cate-tab {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  padding: 0.8rem 1rem;
  margin-bottom: 4rem;
  border-radius: 50rem;
  background: #f4f4f8;
  gap: 2rem;
  justify-self: center;
}
.cate-tab:has(.cate-tab-list) {
  padding: 0.8rem 2rem 0.8rem 1rem;
}
.cate-tab-list {
  display: flex;
  align-items: center;
  overflow-x: auto;
  gap: 0.8rem;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.cate-tab-list::-webkit-scrollbar {
  display: none;
}
.cate-tab-item {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  padding: 1.4rem 2.4rem;
  border-radius: 50rem;
  font-family: Pretendard;
  font-size: 1.8rem;
  font-weight: 700;
  color: #999;
  line-height: normal;
  text-align: center;
  gap: 0.4rem;
  font-style: normal;
}
.cate-tab-item.active {
  background: #fff;
  box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.08);
  color: #063a74;
}
.cate-tab-item strong {
  margin-top: 0.2rem;
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--green, #13976c);
}
.cate-tab-side {
  display: flex;
  position: relative;
  padding-left: 1rem;
  border-left: 1px solid #ddd;
  gap: 0.8rem;
}
.cate-tab-side::before {
  position: absolute;
  top: 0;
  left: -2rem;
  transform: translateX(-100%);
  z-index: 1;
  width: 15rem;
  height: 100%;
  background: linear-gradient(90deg, rgba(244, 244, 248, 0) 29.36%, #f4f4f8 100%);
  pointer-events: none;
  transition: 0.1s;
  content: "";
}
.cate-tab-side.finish::before {
  opacity: 0;
}
.cate-tab-btn {
  font-family: remixicon;
  font-size: 2.8rem;
  font-weight: 400;
  color: #555;
  line-height: 1;
  text-align: center;
  cursor: pointer;
  transition: 0.1s;
  font-style: normal;
}
.cate-tab-btn.disabled {
  opacity: 0.5;
  cursor: default;
}

@media (max-width: 768px) {
  .search-table,
  .table__wrap {
    max-width: 100%;
    padding-top: 4rem;
  }
  .search-table::before,
  .table__wrap::before {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 1.8rem;
    font-weight: 500;
    color: var(--navy, #063a74);
    content: "좌우로 스크롤하여 전체 내용을 볼 수 있습니다.";
  }
  .search-table > div,
  .table__wrap > div {
    max-width: 100%;
    width: 100%;
    overflow-x: auto;
    scrollbar-width: thin;
    scrollbar-color: #ddd transparent;
  }
  .search-table > div::-webkit-scrollbar,
  .table__wrap > div::-webkit-scrollbar {
    width: 6px;
    height: 6px;
  }
  .search-table > div::-webkit-scrollbar-thumb,
  .table__wrap > div::-webkit-scrollbar-thumb {
    border-radius: 50px;
    background-color: #ddd;
  }
  .search-table > div::-webkit-scrollbar-track,
  .table__wrap > div::-webkit-scrollbar-track {
    background-color: transparent;
  }
  .search-table table,
  .table__wrap table {
    width: 980px;
  }
  .table__wrap.view table {
    width: 980px;
  }
  .cate-tab-item {
    padding: 1.4rem 2rem;
  }
  .cate-tab-side::before {
    width: 8rem;
  }
}
.pass__wrap {
  max-width: 100%;
  width: 60rem;
  padding: clamp(2rem, 5vw, 4rem) clamp(2rem, 5vw, 5rem);
  margin: 0 auto;
  border: 1px solid #c9d7eb;
  border-radius: 1.4rem;
  background: #eef2f8;
  text-align: center;
}
.pass__title {
  display: block;
  margin-bottom: 2rem;
  font-size: clamp(2rem, 5vw, 2.4rem);
}
.pass__btn {
  position: absolute;
  top: 50%;
  right: 1.2rem;
  transform: translateY(-50%);
  z-index: 1;
  font-size: 2rem;
}

.input__wrap:has(.pass__btn) {
  position: relative;
}
.input__wrap:has(.pass__btn) > input {
  padding-right: 4.8rem;
}

.career__wrap {
  max-width: 100%;
  min-width: 0;
  width: 100%;
  overflow: hidden;
}
.career__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.6rem;
  gap: 1.6rem;
}
.career__title {
  font-size: 2rem;
  font-weight: 700;
  color: #111;
  line-height: 150%;
}
.career__title.required::after {
  margin-left: 0.4rem;
  color: #f02525;
  content: "*";
}
.career__title span {
  font-size: 1.8rem;
  color: #aaa;
}
.career__count {
  flex-shrink: 0;
  font-size: 1.6rem;
  font-weight: 500;
  color: #555;
  line-height: 150%;
}
.career__count strong {
  font-weight: 700;
  color: #111;
}
.career__scroll {
  min-width: 100%;
  width: 0;
  overflow-x: auto;
}
.career__table {
  min-width: 96rem;
}
.career__head, .career__row {
  display: grid;
  gap: 0.8rem;
}
.career__table.type-career .career__head,
.career__table.type-career .career__row {
  grid-template-columns: minmax(14rem, 1.4fr) minmax(12rem, 1fr) minmax(18rem, 2fr) minmax(28rem, 1.8fr) 4.8rem;
}
.career__table.type-activity .career__head,
.career__table.type-activity .career__row {
  grid-template-columns: minmax(14rem, 1.4fr) minmax(22rem, 2.2fr) minmax(28rem, 1.8fr) 4.8rem;
}
.career__table.type-paper .career__head,
.career__table.type-paper .career__row {
  grid-template-columns: minmax(14rem, 1.4fr) minmax(22rem, 2.2fr) 20rem 4.8rem;
}
.career__head {
  padding: 0.8rem;
  background: #eef2f8;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 150%;
}
.career__body {
  display: flex;
  flex-direction: column;
}
.career__row {
  padding: 1.6rem 0;
  border-bottom: 1px solid #ddd;
}
.career__row .input__wrap,
.career__row .date__wrap {
  width: 100%;
}
.career__period {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  min-width: 0;
  gap: 0.8rem;
}
.career__period .date__wrap {
  flex: 1;
  min-width: 0;
  width: auto;
}
.career__btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 4.8rem;
  height: 4.8rem;
  border-radius: 0.6rem;
  font-size: 2.2rem;
  line-height: 1;
  transition: 0.2s;
}
.career__btn.add {
  border: 1px solid #1a80d1;
  color: #fff;
  color: #1a80d1;
}
.career__btn.del {
  background: #fff0f0;
  color: #cb5555;
}

@media (max-width: 768px) {
  .career__table {
    min-width: auto;
  }
  .career__head {
    display: none;
  }
  .career__row {
    grid-template-columns: 1fr !important;
  }
}
.agree__wrap {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.agree__all {
  padding: clamp(2rem, 2vw, 4rem) clamp(2rem, 2vw, 5rem);
  border-radius: 0.8rem;
  background: #f5f5f5;
}
.agree__all .check__wrap {
  width: 100%;
}
.agree__all .check__wrap label {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  font-weight: 400;
  gap: 0.4rem;
}
.agree__all .check__wrap label::before, .agree__all .check__wrap label::after {
  top: 0.7rem !important;
}
.agree__title {
  display: block;
  font-size: 2rem;
  font-weight: 700;
  color: #111;
}
.agree__desc {
  font-size: 1.8rem;
  color: #555;
}
.agree__list {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}
.agree__item {
  border: 1px solid #ddd;
  border-radius: 0.8rem;
  background: #fff;
}
.agree__item.active .agree__toggle i {
  transform: rotate(180deg);
}
.agree__item.active .agree__panel {
  display: block;
}
.agree__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: clamp(2rem, 2vw, 4.8rem);
  gap: 1.2rem;
}
.agree__head .check__wrap {
  flex: 1;
  min-width: 0;
}
.agree__head .check__wrap label {
  font-size: clamp(1.8rem, 2vw, 2.2rem) !important;
  font-weight: 700;
  color: #111;
}
.agree__head .check__wrap label::before, .agree__head .check__wrap label::after {
  top: 0.7rem !important;
}
.agree__head .check__wrap label strong {
  margin-right: 0.4rem;
  font-size: clamp(1.6rem, 2vw, 1.8rem) !important;
  color: #1a80d1;
}
.agree__toggle {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 3.2rem;
  height: 3.2rem;
  font-size: 2.4rem;
  color: #555;
}
.agree__toggle i {
  transition: transform 0.2s;
}
.agree__panel {
  display: none;
  padding: 0 2.4rem 2.4rem;
  font-size: 1.6rem;
  font-weight: 400;
  color: #555;
  line-height: 160%;
}
.agree__panel > div {
  max-height: 40rem;
  overflow-y: auto;
  padding: clamp(2rem, 2vw, 2.4rem) clamp(2rem, 2vw, 4.8rem);
  border-radius: 0.8rem;
  background: #f5f5f5;
}
.agree__panel > div * {
  color: #333;
}
.agree__panel > div h3 {
  margin-bottom: 1rem;
}
.agree__panel > div * + h4 {
  margin-top: 2rem;
  margin-bottom: 0.8rem;
}
.agree__panel > div .dot-list {
  gap: 0.4rem;
}
.agree__panel > div .dot-list > li {
  font-size: 1.6rem;
}
.agree__panel > div .dot-list > li::before {
  top: 0.8rem;
}

.survey__list {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 4.8rem;
}
.survey__item {
  width: 100%;
}
.survey__question {
  font-size: 1.8rem;
  font-weight: 700;
  color: #111;
}
.survey__scale {
  width: 100%;
}
.survey__options {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
  width: 100%;
  padding: 0 1rem;
  box-sizing: border-box;
}
.survey__options::before {
  position: absolute;
  top: 5.1rem;
  left: 1rem;
  right: 1rem;
  transform: translateY(-50%);
  z-index: 0;
  height: 1.4rem;
  border-radius: 999px;
  background: #f5f5f5;
  pointer-events: none;
  content: "";
}
.survey__option {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 0 0 0;
  position: relative;
  z-index: 1;
  min-width: 0;
  width: 0;
  overflow: visible;
  text-align: center;
  cursor: pointer;
  gap: 0.5rem;
}
.survey__option input[type=radio] {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin: 0;
}
.survey__option:first-child .survey__label,
.survey__option:first-child .survey__value {
  margin-left: -1rem;
  text-align: left;
  align-self: flex-start;
}
.survey__option:first-child .survey__label {
  justify-content: flex-start;
}
.survey__option:last-child .survey__label,
.survey__option:last-child .survey__value {
  margin-right: -1rem;
  text-align: right;
  align-self: flex-end;
}
.survey__option:last-child .survey__label {
  justify-content: flex-end;
}
.survey__label {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  max-width: 14rem;
  width: max-content;
  min-height: 3.6rem;
  word-break: keep-all;
  font-size: 14px;
  font-weight: 400;
  color: #555;
  line-height: 140%;
}
.survey__dot {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  position: relative;
  z-index: 1;
  width: 2rem;
  height: 2rem;
  border: 0.4rem solid transparent;
  border-radius: 50%;
  background: transparent;
  transition: 0.2s;
}
.survey__dot::after {
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background: #bdbdbd;
  transition: 0.2s;
  content: "";
}
.survey__option input[type=radio]:checked + .survey__dot {
  background: #fff;
  border-color: #13976c;
}
.survey__option input[type=radio]:checked + .survey__dot::after {
  display: none;
}
.survey__option input[type=radio]:focus-visible + .survey__dot {
  outline: 2px solid #13976c;
  outline-offset: 0.2rem;
}
.survey__value {
  font-size: 1.6rem;
  color: #333;
}
@media (max-width: 768px) {
  .survey__list {
    gap: 3.2rem;
  }
  .survey__options::before {
    top: 4.2rem;
  }
  .survey__option {
    padding-top: 3.2rem;
    gap: 0.5rem;
  }
  .survey__label {
    justify-content: center;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    max-width: 7.2rem;
    width: max-content;
    min-height: 3.2rem;
    margin: 0;
    font-size: 1.1rem;
  }
  .survey__option:nth-child(n+2):nth-child(-n+4) .survey__label {
    display: none;
  }
  .survey__option:first-child .survey__label {
    justify-content: flex-start;
    left: 0;
    transform: none;
    margin-left: -1rem;
    text-align: left;
  }
  .survey__option:last-child .survey__label {
    justify-content: flex-end;
    left: auto;
    right: 0;
    transform: none;
    margin-left: 0;
    margin-right: -1rem;
    text-align: right;
  }
}

.consulting__list {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
}
.consulting__item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: calc(50% - 1rem);
  padding: clamp(2rem, 2vw, 4rem);
  border: 1px solid #ddd;
  border-radius: 1.4rem;
  background: #fff;
  cursor: pointer;
  transition: 0.2s;
}
.consulting__item:hover, .consulting__item:focus-visible {
  box-shadow: 0 0 2rem 0 rgba(26, 128, 209, 0.3);
  border-color: #1a80d1;
}
.consulting__item .flex-box {
  width: 100%;
  margin-top: auto;
}
.consulting__item .flex-box .btn-style {
  flex: 1 0 0;
  height: 4.8rem;
}
.consulting__item .flex-box.btn-grid2 .btn-style {
  flex: 0 0 calc(50% - 0.4rem);
}
.consulting__item .flex-box.btn-grid2 .btn-style:last-child:nth-child(odd) {
  flex-basis: 100%;
}
.consulting__label {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  position: relative;
  width: 100%;
  margin-bottom: 2rem;
  gap: 1.2rem;
}
.consulting__label img {
  width: 6rem;
}
.consulting__label strong {
  font-size: 1.8rem;
  line-height: 1.5;
}
.consulting__label .badge-style {
  margin-right: auto;
}
.consulting__tag {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1.6rem;
  gap: 0.8rem;
}
.consulting__title {
  margin-bottom: 2rem;
  font-size: clamp(1.8rem, 2vw, 2.2rem);
}
.consulting__info {
  display: flex;
  flex-direction: column;
  margin-bottom: 5.2rem;
  gap: 1.2rem;
}
.consulting__info:last-child {
  margin-bottom: 0;
}
.consulting__info > li {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
}
.consulting__info-label {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  min-width: 8rem;
}
.consulting__info-value {
  flex-grow: 1;
  color: #333;
}
.consulting__detail {
  position: relative;
  padding: clamp(2rem, 2vw, 4rem) clamp(2rem, 2vw, 5rem);
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.consulting__detail .btn-link {
  position: absolute;
  top: clamp(2rem, 2vw, 4rem);
  right: clamp(2rem, 2vw, 5rem);
}
.consulting__detail-header {
  display: flex;
  align-items: center;
  padding-right: 16rem;
  margin-bottom: 2rem;
  gap: 1.2rem;
}
.consulting__detail-header img {
  width: 4rem;
}
.consulting__detail-header strong {
  font-size: 1.8rem;
  line-height: 1.5;
}
.consulting__detail-title {
  display: block;
  margin-bottom: 2rem;
  font-size: 2.2rem;
  font-size: 600;
  line-height: 1.5;
}
.consulting__detail-info {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 2.4rem;
}
.consulting__detail-info > li {
  display: flex;
  position: relative;
  gap: 1.4rem;
}
.consulting__detail-info > li::before {
  position: absolute;
  top: 50%;
  right: -1.2rem;
  transform: translateY(-50%);
  width: 1px;
  height: 1rem;
  background: #ddd;
  content: "";
}
.consulting__detail-info > li:last-child::before {
  display: none;
}
.consulting__detail-box {
  padding: clamp(2.4rem, 3vw, 4rem) clamp(2rem, 3vw, 5rem);
  border: 1px solid #ddd;
  border-radius: 1.2rem;
}
.consulting__detail-group {
  display: flex;
  flex-direction: column;
  gap: 1.8rem;
}
.consulting__detail-group + .consulting__detail-group {
  padding-top: 2.8rem;
  margin-top: 2.8rem;
  border-top: 1px dashed #ddd;
}
.consulting__detail-row {
  display: flex;
  align-items: flex-start;
  gap: 1.6rem;
}
.consulting__detail-row.column {
  flex-direction: column;
  gap: 2rem;
}
.consulting__detail-label {
  display: flex;
  align-items: flex-start;
  flex-shrink: 0;
  max-width: 40%;
  width: 40rem;
  font-size: 1.8rem;
  font-weight: 700;
  color: #111;
  line-height: 1.5;
  gap: 0.8rem;
}
.consulting__detail-label i {
  flex-shrink: 0;
  min-width: 2rem;
  margin-top: 0.1rem;
  font-size: 2rem;
  font-weight: 400;
  color: #9e9e9e;
  line-height: 1;
}
.consulting__detail-value {
  flex: 1;
  min-width: 0;
  font-size: 1.6rem;
  font-weight: 400;
  color: #333;
}
.consulting__detail-dates {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.consulting__detail-attach {
  display: flex;
  align-items: flex-start;
  padding: clamp(2rem, 2vw, 4rem) clamp(2rem, 2vw, 5rem);
  border: 1px solid #ddd;
  border-radius: 1.4rem;
  gap: 1.6rem;
}
.consulting__detail-attach-label {
  flex-shrink: 0;
  width: 40rem;
  font-size: 1.8rem;
  font-weight: 700;
  color: #111;
}
.consulting__detail-attach-files {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  gap: 1.2rem;
}
.consulting__detail-file {
  display: flex;
  align-items: flex-start;
  min-width: 0;
  font-size: 1.6rem;
  color: #333;
  line-height: 1.4;
  gap: 0.8rem;
  overflow-wrap: anywhere;
}
.consulting__detail-file img {
  flex-shrink: 0;
  width: 2rem;
  height: 2rem;
}
.consulting__detail-file:hover span {
  text-decoration: underline;
  text-underline-offset: 0.3rem;
}
.consulting__detail-file .file-size {
  flex-shrink: 0;
  font-size: 14px;
  color: #9e9e9e;
  line-height: 1.3;
}
.consulting__detail-link {
  display: flex;
  align-items: center;
  min-width: 0;
  font-size: 1.6rem;
  color: #333;
  line-height: 1.4;
  gap: 0.8rem;
  overflow-wrap: anywhere;
}
.consulting__detail-link i {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 2.8rem;
  height: 2.8rem;
  border-radius: 0.8rem;
  background: #eef2f8;
  font-size: 14px;
  color: #757575;
}
.consulting__detail-link span {
  color: #555;
  text-decoration: underline;
  text-underline-offset: 0.3rem;
}
@media (max-width: 768px) {
  .consulting__detail-row {
    flex-direction: column;
    gap: 0.6rem;
  }
  .consulting__detail-label {
    max-width: none;
    width: 100%;
  }
  .consulting__detail-label i.space {
    display: none;
  }
  .consulting__detail-attach {
    flex-direction: column;
    padding: 2rem;
    gap: 1.2rem;
  }
  .consulting__detail-attach-label {
    max-width: none;
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .consulting__item {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .consulting__label .btn-link {
    justify-content: center;
    width: 100%;
    margin-left: 0;
    order: 10;
  }
  .consulting__label strong {
    flex: 1 1 auto;
    min-width: 0;
  }
}
@media (max-width: 480px) {
  .consulting__label .btn-link {
    height: 3.6rem;
    padding: 0 1.6rem;
    font-size: 1.4rem;
  }
}
@media (max-width: 480px) {
  .consulting__detail .btn-link {
    justify-content: center;
    position: static;
    margin-bottom: 2rem;
  }
  .consulting__detail-header {
    padding-right: 0;
  }
}

.btn-link {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  height: 4rem;
  padding: 0 2rem;
  border-radius: 10rem;
  background: #1a80d1;
  color: #fff;
  gap: 0.4rem;
}
.btn-link.disabled {
  background: #bdbdbd;
  color: #fff;
}
.btn-link i {
  line-height: 1;
}

.satisf__wrap {
  padding: clamp(2rem, 2vw, 4rem) clamp(2rem, 2vw, 2.8rem);
  border: 1px solid #c9d7eb;
  border-radius: 1.4rem;
  background: #eef2f8;
}

.satisf__rate {
  display: flex;
  gap: 0.4rem;
}
.satisf__rate-item {
  flex: 1 0 0;
  min-width: 0;
  cursor: pointer;
}
.satisf__rate-item input:checked + .satisf__rate-card {
  border-color: var(--green, #13976c);
}
.satisf__rate-item input:checked + .satisf__rate-card .satisf__rate-check {
  opacity: 1;
}
.satisf__rate-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  min-height: 11rem;
  height: 100%;
  padding: 1rem;
  border: 1px solid #ddd;
  border-radius: 0.8rem;
  background: #fff;
  text-align: center;
  transition: border-color 0.2s;
  gap: 0.8rem;
}
.satisf__rate-card img {
  width: 3.2rem;
  height: 3.2rem;
}
.satisf__rate-check {
  position: absolute;
  top: 0.4rem;
  right: 0.4rem;
  opacity: 0;
  font-size: 1.8rem;
  color: #13976c;
  line-height: 1;
}
.satisf__rate-txt {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 4.2rem;
  font-size: 14px;
  color: #555;
  line-height: 1.3;
}
@media (max-width: 768px) {
  .satisf__rate {
    flex-wrap: wrap;
    padding: 1.6rem;
    gap: 0.8rem;
  }
  .satisf__rate-item {
    flex: 1 1 calc(50% - 0.8rem);
  }
}
@media (max-width: 480px) {
  .satisf__rate-item {
    flex: 1 1 100%;
  }
}

.survey__result-user {
  display: flex;
  align-items: center;
  padding: clamp(1.6rem, 2vw, 4rem) clamp(1.6rem, 2vw, 4.8rem);
  border: 1px solid #ddd;
  border-radius: 1.2rem;
  background: #fff;
  gap: 2rem;
}
.survey__result-avatar {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 4.8rem;
  height: 4.8rem;
  border-radius: 50%;
  background: var(--navy, #063a74);
  font-size: 2.4rem;
  color: #fff;
}
.survey__result-user-info {
  display: flex;
  flex-direction: column;
  min-width: 0;
  gap: 0.4rem;
}
.survey__result-user-label {
  font-size: 1.6rem;
  font-weight: 700;
  color: #111;
  line-height: 1.4;
}
.survey__result-user-name {
  word-break: break-word;
  font-size: 1.6rem;
  font-weight: 400;
  color: #555;
  line-height: 1.4;
}
.survey__result-title {
  margin-bottom: 1.2rem;
  font-size: 1.8rem;
  font-weight: 700;
  color: #111;
}
.survey__result-table-wrap {
  overflow: hidden;
  border-top: 1px solid #eee;
}
.survey__result-table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}
.survey__result-table tbody tr {
  border-bottom: 1px solid #ddd;
}
.survey__result-table tbody th {
  padding: 1.4rem 1.2rem;
  background: #f3f7fc;
  word-break: keep-all;
  font-size: 1.6rem;
  font-weight: 600;
  color: #333;
  line-height: 1.5;
  vertical-align: middle;
}
.survey__result-table tbody th.border-right {
  border-right: 1px solid #ddd;
}
.survey__result-table tbody td {
  padding: 1.4rem 1.2rem;
  word-break: keep-all;
  font-size: 1.6rem;
  color: #333;
  line-height: 1.5;
  vertical-align: middle;
}
@media (max-width: 480px) {
  .survey__result-user {
    padding: 1.6rem;
    gap: 1.2rem;
  }
  .survey__result-avatar {
    width: 4rem;
    height: 4rem;
    font-size: 2rem;
  }
  .survey__result-table tbody td {
    padding: 1.2rem 0.8rem;
    font-size: 1.4rem;
  }
  .survey__result-table tbody td:last-child {
    width: 9rem;
  }
}

/* 교육 참가증 (브라우저 인쇄 팝업) */
.edu-cert-page {
  min-height: 100vh;
  margin: 0;
  background: #f5f5f5;
}

.edu-cert {
  position: relative;
  width: 68rem;
  overflow: hidden;
  padding: 5rem 4rem 4rem;
  margin: 0 auto;
  border-top: 0.6rem solid #13976c;
  border-bottom: 0.6rem solid #13976c;
  background: url(../../images/mps/sub/cert_bg.png) no-repeat center bottom/100% auto, #fff;
  box-sizing: border-box;
}
.edu-cert__bg {
  position: absolute;
  z-index: 0;
  pointer-events: none;
  inset: 0;
}
.edu-cert__body {
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 1;
  gap: 4rem;
}
.edu-cert__main {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.4rem;
}
.edu-cert__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  text-align: center;
  gap: 2rem;
}
.edu-cert__heading {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.edu-cert__code {
  margin: 0;
  font-size: 1.6rem;
  font-weight: 400;
  color: #111;
  line-height: 1.4;
}
.edu-cert__title {
  margin: 0;
  font-size: 3.2rem;
  font-weight: 700;
  color: #13976c;
  line-height: 1.4;
}
.edu-cert__person {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.4rem;
}
.edu-cert__name {
  font-size: 1.6rem;
  font-weight: 600;
  color: #111;
  line-height: 1.4;
}
.edu-cert__org {
  font-size: 1.6rem;
  font-weight: 400;
  color: #555;
  line-height: 1.4;
}
.edu-cert__info {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 4rem;
  border-radius: 0.8rem;
  background: #f4f7f2;
  text-align: center;
  gap: 2rem;
  box-sizing: border-box;
}
.edu-cert__program {
  font-size: 1.8rem;
  font-weight: 700;
  color: #333;
  line-height: 1.4;
}
.edu-cert__divider {
  display: block;
  width: 1.4rem;
  height: 0;
  border-top: 0.2rem solid #13976c;
}
.edu-cert__meta {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  gap: 2rem;
}
.edu-cert__meta-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.2rem;
}
.edu-cert__meta-item dt {
  font-family: "Pretendard GOV", Pretendard, sans-serif;
  font-size: 1.6rem;
  font-weight: 600;
  color: #111;
  line-height: 1.4;
}
.edu-cert__meta-item dd {
  margin: 0;
  font-family: "Pretendard GOV", Pretendard, sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  color: #555;
  line-height: 1.4;
}
.edu-cert__statement {
  display: flex;
  flex-direction: column;
  width: 100%;
  text-align: center;
  gap: 1.2rem;
}
.edu-cert__statement > p {
  margin: 0;
  font-family: "Pretendard GOV", Pretendard, sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  color: #111;
  line-height: 1.4;
}
.edu-cert__date {
  font-family: Pretendard, sans-serif !important;
  font-size: 1.4rem !important;
  color: #555 !important;
}
.edu-cert__footer {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.edu-cert__brand {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.edu-cert__brand img {
  width: 2.1rem;
  height: 1.9rem;
}
.edu-cert__brand span {
  font-size: 1.6rem;
  font-weight: 700;
  color: #111;
  letter-spacing: 0.02em;
  line-height: 1.4;
  text-transform: uppercase;
}
.edu-cert__qr {
  flex-shrink: 0;
  width: 6.3rem;
  height: 6.3rem;
}
.edu-cert__btn {
  margin-top: 3rem;
  text-align: center;
}
.edu-cert__print {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-width: 13rem;
  padding: 0.6rem 1.4rem;
  border-radius: 0.4rem;
  background: var(--green, #13976c);
  font-family: Pretendard;
  font-size: 1.6rem;
  font-weight: 600;
  color: #fff;
  letter-spacing: -0.032rem;
  line-height: 3rem; /* 187.5% */
  gap: 0.8rem;
  font-style: normal;
  backdrop-filter: blur(50px);
}
.edu-cert__print i {
  font-weight: 400;
  line-height: 1;
}

@media print {
  .edu-cert-page {
    background: #fff;
  }
  .edu-cert {
    margin: 0 auto;
    background: url(../../images/mps/sub/cert_bg.png) no-repeat center bottom/100% auto, #fff;
    box-shadow: none;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
  .edu-cert__btn {
    display: none;
  }
  @page {
    margin: 10mm;
    size: auto;
  }
}
/* 마이페이지 알림 */
.alert__wrap .cate-tab {
  width: fit-content;
  margin: 0 auto 3.2rem;
}
.alert__toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.6rem;
}
.alert__toolbar .check__wrap label {
  padding-left: 2rem;
  font-size: 0;
  line-height: 0;
}
.alert__toolbar .check__wrap label::before, .alert__toolbar .check__wrap label::after {
  top: 0;
  width: 2rem;
  height: 2rem;
}
.alert__toolbar .check__wrap label::after {
  font-size: 2rem;
}
.alert__toolbar .btn-style {
  min-width: auto;
  padding: 0 1.6rem;
  border-radius: 0.4rem;
  font-size: 1.6rem;
  color: #555;
  border-color: #ddd;
  gap: 0.8rem;
}
.alert__toolbar .btn-style i {
  font-size: 1.8rem;
}
.alert__list {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}
.alert__item {
  display: flex;
  align-items: center;
  position: relative;
  padding: 3rem 4rem;
  border: 1px solid #ddd;
  border-radius: 1.2rem;
  background: #fff;
  gap: 2rem;
}
.alert__item.read {
  padding-left: 8.4rem;
  background: #f0f7fc;
  border-color: transparent;
}
.alert__item.read::after {
  position: absolute;
  top: 50%;
  left: 4rem;
  transform: translateY(-50%);
  font-family: "remixicon";
  font-size: 2.4rem;
  color: #1a80d1;
  content: "\eb7a";
}
.alert__item::before {
  position: absolute;
  top: -1px;
  left: -1px;
  opacity: 0;
  z-index: 1;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border: 2px solid #1a80d1;
  border-radius: 1.2rem;
  pointer-events: none;
  transition: 0.2s;
  content: "";
}
.alert__item:hover::before {
  opacity: 1;
}
.alert__item .check__wrap {
  flex-shrink: 0;
}
.alert__item .check__wrap label {
  padding-left: 2rem;
  font-size: 0;
  line-height: 0;
}
.alert__item .check__wrap label::before, .alert__item .check__wrap label::after {
  top: 0;
  width: 2rem;
  height: 2rem;
}
.alert__item .check__wrap label::after {
  font-size: 2rem;
}
.alert__item .btn-style {
  flex-shrink: 0;
  border-radius: 0.3rem;
  color: #424242;
  border-color: #757575;
}
.alert__body {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  gap: 0.4rem;
}
.alert__meta {
  display: flex;
  align-items: center;
  gap: 1.2rem;
}
.alert__cate {
  position: relative;
  padding-right: 1.6rem;
  font-size: 1.6rem;
  font-weight: 500;
  color: #555;
  line-height: 1.5;
}
.alert__cate::after {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  background: #bdbdbd;
  content: "";
}
.alert__time {
  font-size: 1.5rem;
  font-weight: 500;
  color: #757575;
  line-height: 1.5;
}
.alert__title {
  margin: 0;
  font-size: 1.8rem;
  font-weight: 600;
  color: #111;
  line-height: 1.5;
}
.alert__arrow {
  flex-shrink: 0;
  font-size: 2.4rem;
  color: #9e9e9e;
}

@media (max-width: 768px) {
  .alert__item {
    flex-direction: column;
    align-items: flex-start;
    padding: 2rem;
    gap: 1.2rem;
  }
  .alert__item.read {
    padding-left: 6.4rem;
  }
  .alert__item.read::after {
    left: 2.2rem;
  }
  .alert__arrow {
    display: none;
  }
}
.img-tab {
  display: flex;
  margin-top: 6rem;
  gap: 2.4rem;
}
.img-tab__item {
  display: flex;
  align-items: center;
  flex: 1 0 0;
  position: relative;
  padding: 4rem 5rem;
  padding-right: 9rem;
  border-radius: 1.2rem;
  background: #e8eff4;
  gap: 2rem;
}
.img-tab__item::after {
  position: absolute;
  top: 50%;
  right: 5rem;
  transform: translateY(-50%);
  font-family: "remixicon";
  font-size: 2.8rem;
  color: #555;
  line-height: 1;
  content: "\ea6e";
}
.img-tab__item.tab02 {
  background: #f9f5e9;
}
.img-tab__item.tab02 p strong {
  color: var(--orange, #f08a25);
}
.img-tab__item img {
  max-width: 9.5rem;
}
.img-tab__item p {
  font-family: Pretendard;
  font-size: 2rem;
  font-weight: 600;
  color: #111;
  letter-spacing: var(--typo-letter-spacing-0, 0);
  line-height: 150%;
  font-style: normal;
}
.img-tab__item p strong {
  color: var(--blue, #1a80d1);
}

@media (max-width: 1024px) {
  .img-tab__item {
    padding: 3rem 2rem;
    padding-right: 6rem;
  }
  .img-tab__item::after {
    right: 2.4rem;
  }
  .img-tab__item img {
    width: 9rem;
  }
}
@media (max-width: 860px) {
  .img-tab {
    flex-direction: column;
  }
}
@media (max-width: 420px) {
  .img-tab__item {
    padding: 3rem 2.4rem;
  }
  .img-tab__item::after {
    display: none;
  }
  .img-tab__item img {
    width: 8rem;
  }
}
.passport__wrap {
  display: flex;
  position: relative;
  padding: 1.4rem;
  margin-top: 5rem;
  border-radius: 2rem;
  background: #1d3252;
  gap: 1px;
}
.passport__wrap::before {
  position: absolute;
  top: 0.7rem;
  left: 0.7rem;
  width: calc(100% - 1.4rem);
  height: calc(100% - 1.4rem);
  border: 1.5px dashed rgba(255, 242, 202, 0.6);
  border-radius: 1.8rem;
  pointer-events: none;
  content: "";
}
.passport__wrap::after {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  z-index: 1;
  width: 4rem;
  height: 10rem;
  border-radius: 1.2rem 0 0 1.2rem;
  background: #0f2547;
  line-height: 1;
  content: url(../../images/mps/sub/airplane.svg);
}
.passport__box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  max-width: 32.6rem;
  padding: 5rem 6rem 12rem 5rem;
  border-radius: 1.8rem;
  background: #faf9f6;
  align-self: stretch;
}
.passport__box::before {
  position: absolute;
  bottom: 4.4rem;
  right: 0;
  width: 13.3rem;
  height: 9.7rem;
  background: url(../../images/mps/sub/passport_bg01.png) no-repeat center center/contain;
  content: "";
}
.passport__con {
  padding-bottom: 3.2rem;
  border-bottom: 1px solid #ddd;
}
.passport__kolab {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 3.2rem;
  padding: 0.6rem 1.6rem;
  margin-bottom: 2rem;
  border-radius: 0.6rem;
  background: #1d3252;
  font-family: Pretendard;
  font-size: 2rem;
  font-weight: 500;
  color: #fff;
  line-height: 125%; /* 2.5rem */
  gap: 1rem;
  font-style: normal;
}
.passport__title {
  width: 21.5rem;
  margin-bottom: 2rem;
}
.passport__desc {
  font-family: Pretendard;
  font-size: 1.8rem;
  font-weight: 400;
  color: #555;
  letter-spacing: var(--typo-letter-spacing-0, 0);
  line-height: 150%; /* 2.7rem */
  font-style: normal;
}
.passport__info {
  display: flex;
  flex-direction: column;
  padding-top: 3.2rem;
  gap: 2.8rem;
}
.passport__info-item {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.passport__info-item span {
  display: block;
  font-family: Pretendard;
  font-size: 1.6rem;
  font-weight: 400;
  color: #555;
  letter-spacing: var(--typo-letter-spacing-0, 0);
  line-height: 150%; /* 2.4rem */
  font-style: normal;
  text-transform: capitalize;
}
.passport__info-item p {
  font-family: Pretendard;
  font-size: 2rem;
  font-weight: 600;
  color: #333;
  letter-spacing: var(--typo-letter-spacing-0, 0);
  line-height: 150%; /* 3rem */
  font-style: normal;
  overflow-wrap: anywhere;
}

.badge__wrap {
  flex-grow: 1;
  position: relative;
  padding: 5rem 6rem;
  border-radius: 1.8rem;
  background: #faf9f6;
}
.badge__wrap::before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 26rem;
  background: url(../../images/mps/sub/passport_bg02.png) no-repeat center top/cover;
  content: "";
}
.badge__list {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  z-index: 1;
  gap: 1.2rem;
}
.badge__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  width: calc(33.3333333333% - 0.8rem);
  padding: 2rem 2rem 2.8rem;
  border: 1px solid #ececec;
  border-radius: 1.2rem;
  background: #fff;
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.04);
}
.badge__item::after {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 2rem;
  right: 2rem;
  width: 2.6rem;
  height: 2.6rem;
  border-radius: 50%;
  background-color: #d9d9d9;
  font-family: "remixicon";
  font-size: 1.5rem;
  color: #999;
  line-height: 1;
  content: "\eecb";
}
.badge__item.active::after {
  display: none;
}
.badge__img {
  width: 9.3rem;
  height: 9.3rem;
}
.badge__title {
  margin-top: 1.2rem;
  font-family: Pretendard;
  font-size: 2rem;
  font-weight: 600;
  color: #111;
  letter-spacing: var(--typo-letter-spacing-0, 0);
  line-height: 150%; /* 3rem */
  text-align: center;
  font-style: normal;
  text-transform: capitalize;
}
.badge__date {
  font-family: Pretendard;
  font-size: 1.6rem;
  font-weight: 400;
  color: #555;
  letter-spacing: var(--typo-letter-spacing-0, 0);
  line-height: 150%; /* 2.4rem */
  text-align: center;
  font-style: normal;
  text-transform: capitalize;
}
.badge__desc {
  position: absolute;
  bottom: 2.4rem;
  right: 3.8rem;
  z-index: 2;
}
.badge__desc:hover .badge__desc-box {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.badge__desc-text {
  display: inline-flex;
  align-items: center;
  font-family: Pretendard;
  font-size: 1.6rem;
  font-weight: 500;
  color: #757575;
  line-height: normal;
  text-align: center;
  cursor: pointer;
  font-style: normal;
  gap: 0.4rem;
}
.badge__desc-text i {
  font-size: 2rem;
  color: #9e9e9e;
  line-height: 1;
}
.badge__desc-box {
  position: absolute;
  top: -1.4rem;
  left: 4.5rem;
  transform: translateY(-100%) translateX(-100%);
  opacity: 0;
  width: 60rem;
  visibility: hidden;
  padding: 4rem 4.4rem;
  border: 1px solid #000;
  border-radius: 1.2rem;
  background: #fff;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
  pointer-events: none;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.badge__desc-box::before {
  position: absolute;
  bottom: -0.9rem;
  right: 2.6rem;
  transform: rotate(45deg);
  z-index: 0;
  width: 1.6rem;
  height: 1.6rem;
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  background: #fff;
  box-sizing: border-box;
  content: "";
}
.badge__desc-box > * {
  position: relative;
  z-index: 1;
}
.badge__desc-title {
  display: block;
  margin-bottom: 2.4rem;
  font-family: Pretendard;
  font-size: 1.8rem;
  font-weight: 600;
  color: #333;
  letter-spacing: var(--typo-letter-spacing-0, 0);
  line-height: 150%; /* 2.7rem */
  font-style: normal;
  text-transform: capitalize;
}
.badge__desc-item {
  display: flex;
  align-items: center;
  padding: 1.6rem 0;
  border-bottom: 1px dashed #ddd;
  gap: 1.6rem;
}
.badge__desc-item:first-child {
  padding-top: 0;
}
.badge__desc-item:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
.badge__desc-item img {
  width: 6rem;
  height: 6rem;
}
.badge__desc-item span {
  font-family: Pretendard;
  font-size: 1.6rem;
  font-weight: 500;
  color: #757575;
  letter-spacing: var(--typo-letter-spacing-0, 0);
  line-height: 150%; /* 2.4rem */
  text-align: center;
  font-style: normal;
  text-transform: capitalize;
}
.badge__desc-item p {
  margin-top: 0.4rem;
  font-family: Pretendard;
  font-size: 1.6rem;
  font-weight: 600;
  color: #111;
  letter-spacing: var(--typo-letter-spacing-0, 0);
  line-height: 150%; /* 2.4rem */
  font-style: normal;
  text-transform: capitalize;
}

@media (max-width: 1280px) {
  .passport__box {
    padding: 5rem 4rem 12rem;
  }
  .badge__wrap {
    padding: 5rem 4rem;
  }
}
@media (max-width: 1024px) {
  .passport__wrap {
    flex-direction: column;
  }
  .passport__wrap::after {
    display: none;
  }
  .passport__box {
    max-width: none;
    padding: 4rem 3rem 5rem;
  }
  .passport__box > div {
    width: 100%;
  }
  .passport__desc br {
    display: none;
  }
  .badge__wrap {
    padding: 4rem 3rem 6rem;
  }
}
@media (max-width: 600px) {
  .badge__desc-box {
    width: 40rem;
  }
}
@media (max-width: 560px) {
  .badge__item {
    width: calc(50% - 0.6rem);
  }
}
@media (max-width: 460px) {
  .badge__item {
    width: 100%;
  }
  .badge__desc-box {
    top: -1.4rem;
    left: auto;
    right: -2rem;
    transform: translateY(-100%) translateX(0);
    width: 36rem;
    padding: 4rem 3rem;
  }
}
a.blank::after {
  margin-left: 0.4rem;
  font-family: "remixicon";
  font-size: 1.8rem;
  color: #bdbdbd;
  line-height: 1;
  content: "\ea70";
}

.find__wrap {
  display: flex;
  padding: 6rem 0;
  border: 1px solid #c9d7eb;
  border-radius: 1.4rem;
}
.find__box {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1 0 0;
  padding: 0 3rem;
  text-align: center;
}
.find__box:first-child {
  border-right: 1px dashed #ccc;
}
.find__icon {
  width: 9rem;
  margin-bottom: 2.4rem;
}
.find__title {
  margin-bottom: 1.2rem;
  font-family: Pretendard;
  font-size: 2.4rem;
  font-weight: 700;
  color: #111;
  line-height: normal;
  font-style: normal;
}
.find__desc {
  margin-bottom: 4rem;
  font-family: Pretendard;
  font-size: 1.8rem;
  font-weight: 400;
  color: #555;
  line-height: 150%; /* 2.7rem */
  text-align: center;
  font-style: normal;
}

@media (max-width: 768px) {
  .find__wrap {
    flex-direction: column;
    padding: 4rem;
  }
  .find__box {
    padding: 0;
  }
  .find__box:first-child {
    padding-bottom: 4rem;
    margin-bottom: 4rem;
    border-bottom: 1px dashed #ccc;
    border-right: none;
  }
}
@media (max-width: 480px) {
  .find__wrap {
    flex-direction: column;
    padding: 4rem 2rem;
  }
}
.policy__table-top,
.terms__table-top {
  padding: 2rem;
  border-top: 1px solid #424242;
  background-color: #f5f5f5;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
}
.policy__table-list,
.terms__table-list {
  display: flex;
  flex-wrap: wrap;
}
.policy__table-list.label .policy__table-item,
.terms__table-list.label .policy__table-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 16.6666666667%;
  padding: 3.2rem;
  border-right: 1px solid #e0e0e0;
  text-align: center;
  gap: 2rem;
}
.policy__table-list.label .policy__table-item:nth-child(6n),
.terms__table-list.label .policy__table-item:nth-child(6n) {
  border-right: none;
}
.policy__table-list.label .policy__table-item img,
.terms__table-list.label .policy__table-item img {
  max-width: 7.2rem;
}
.policy__table-list.label .policy__table-item span,
.terms__table-list.label .policy__table-item span {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.2;
}
.policy__table-item,
.terms__table-item {
  width: 50%;
  border-bottom: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
}
.policy__table-item:nth-child(odd),
.terms__table-item:nth-child(odd) {
  border-right: none;
}
.policy__table-item.full,
.terms__table-item.full {
  width: 100%;
  padding: 2rem;
  border-right: none;
  color: #616161;
  text-align: center;
}
.policy__table-item.full p,
.terms__table-item.full p {
  margin-bottom: 0.8rem;
  font-size: 1.8rem;
  line-height: 1.4;
}
.policy__table-item.full span,
.terms__table-item.full span {
  display: block;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.2;
}
.policy__link,
.terms__link {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 2rem;
  gap: 1.6rem;
}
.policy__link-icon,
.terms__link-icon {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  flex-wrap: wrap;
  gap: 0.8rem;
}
.policy__link-icon img,
.terms__link-icon img {
  width: 5.6rem;
}
.policy__link span,
.terms__link span {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.4;
}
.policy__box,
.terms__box {
  margin-top: 4.8rem;
}
.policy__title,
.terms__title {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 1.6rem;
  font-size: 2rem;
  font-weight: 700;
  color: #081324;
  line-height: 1.2;
  gap: 1.6rem;
}
.policy__title-icon,
.terms__title-icon {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  flex-wrap: wrap;
  gap: 0.8rem;
}
.policy__title-icon img,
.terms__title-icon img {
  width: 5.6rem;
}
.policy__con,
.terms__con {
  font-size: 1.8rem;
  color: #616161;
  line-height: 1.4;
}
.policy__con p,
.terms__con p {
  line-height: 1.6;
}
.policy__con li > ul,
.terms__con li > ul {
  margin: 0.8rem 0 1rem;
}
.policy__con p + ul,
.policy__con ul + p,
.policy__con p + p,
.terms__con p + ul,
.terms__con ul + p,
.terms__con p + p {
  margin-top: 1rem;
}
.policy__con .dot-list,
.terms__con .dot-list {
  gap: 0.4rem;
}

.round-num {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
.round-num > li {
  position: relative;
  padding-left: 2.2rem;
}
.round-num > li > span {
  position: absolute;
  top: 0;
  left: 0;
}
.round-num > li > div {
  width: 100%;
}
.round-num > li .table__wrap {
  margin: 1.2rem 0;
}

.table__wrap {
  position: relative;
}
.table__wrap table {
  border-top: 1px solid var(--blue, #1a80d1);
  table-layout: fixed;
}
.table__wrap table th {
  padding: 2rem;
  border-right: 1px solid #e5e7f0;
  background-color: #f0f7ff;
  font-size: 1.6rem;
  font-weight: 700;
  color: #222;
  line-height: 1.4;
  text-align: center;
}
.table__wrap table th:last-child {
  border-right: none;
}
.table__wrap table td {
  padding: 2rem;
  border-right: 1px solid #e5e7f0;
  font-size: 1.8rem;
  color: #616161;
  line-height: 1.4;
  text-align: center;
}
.table__wrap table td:last-child {
  border-right: none;
}
.table__wrap table .bd-right {
  border-right: 1px solid #e5e7f0;
}
.table__wrap table tbody tr {
  border-bottom: 1px solid #e5e7f0;
}

.num-list {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  counter-reset: numList;
}
.num-list > li {
  position: relative;
  padding-left: 2.2rem;
}
.num-list > li::before {
  position: absolute;
  top: 0;
  left: 0;
  counter-increment: numList;
  content: counter(numList) ".";
}
.num-list:has(> li:nth-child(10)) > li {
  padding-left: 3rem;
}

@media (max-width: 1024px) {
  .policy__link-icon img,
  .policy__title-icon img {
    width: 5rem;
  }
}
@media (max-width: 768px) {
  .table__wrap {
    padding-top: 4rem;
  }
  .table__wrap::before {
    position: absolute;
    top: 0.6rem;
    right: 0;
    font-size: 1.8rem;
    font-weight: 500;
    color: var(--blue, #1a80d1);
    content: "좌우로 스크롤하여 전체 내용을 볼 수 있습니다.";
  }
  .table__wrap > div {
    overflow-x: scroll;
    scrollbar-width: thin;
    scrollbar-color: #d9d9d9 transparent;
  }
  .table__wrap > div::-webkit-scrollbar {
    width: 4px;
    height: 4px;
  }
  .table__wrap > div::-webkit-scrollbar-thumb {
    background: #d9d9d9;
  }
  .table__wrap table {
    width: 900px;
  }
  .policy__table-list.label .policy__table-item {
    width: 33.3333333333%;
    padding: 2rem;
  }
  .policy__table-list.label .policy__table-item:nth-child(3n) {
    border-right: none;
  }
  .policy__table-list.label .policy__table-item img {
    max-width: 6rem;
  }
}
@media (max-width: 480px) {
  .policy__table-list.label .policy__table-item {
    width: 50%;
  }
  .policy__table-list.label .policy__table-item:nth-child(3n) {
    border-right: 1px solid #e0e0e0;
  }
  .policy__table-list.label .policy__table-item:nth-child(2n) {
    border-right: none;
  }
  .policy__table-item {
    width: 100%;
    border-right: none;
  }
}
.email__wrap {
  padding: 4rem 5rem;
  border: 1px solid #c9d7eb;
  border-radius: 1.4rem;
  background: #eef2f8;
  text-align: center;
}
.email__wrap .info-box {
  border: none;
  background-color: #fff;
  text-align: left;
}
.email__icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 20rem;
  height: 20rem;
  border-radius: 300rem;
  background: #fff;
}
.email__icon img {
  width: 10rem;
}
.email__desc {
  margin: 2.4rem 0 4rem;
  font-family: Pretendard;
  font-size: 1.8rem;
  font-weight: 400;
  color: #555;
  line-height: 150%; /* 2.7rem */
  text-align: center;
  font-style: normal;
}

@media (max-width: 768px) {
  .email__wrap {
    padding: 4rem 3rem;
  }
}
.box__board-empty,
.consult__empty {
  position: relative;
  width: 100%;
  padding: 9.6rem 0 0 !important;
  margin: 10rem 0;
  font-family: Pretendard;
  font-size: 1.8rem;
  font-weight: 500;
  color: #111 !important;
  letter-spacing: -0.036rem;
  line-height: normal;
  text-align: center;
  font-style: normal;
}
.box__board-empty::before,
.consult__empty::before {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 8rem;
  height: 8rem;
  background: url(../../images/mps/sub/empty.svg) no-repeat center center/contain;
  content: "";
}

.comment__empty {
  position: relative;
  width: 100%;
  padding-top: 9.6rem;
  font-family: Pretendard;
  font-size: 1.8rem;
  color: #454545 !important;
  letter-spacing: -0.036rem;
  line-height: normal;
  text-align: center;
  font-style: normal;
}
.comment__empty::before {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 8rem;
  height: 8rem;
  background: url(../../images/mps/sub/comment_empty.svg) no-repeat center center/contain;
  content: "";
}

.check__wrap.career__current {
  width: 100%;
}/*# sourceMappingURL=sub.css.map */