@charset "utf-8";

/** 공통 **/
#kboard-layout {
  --kboard-color-point: #1ab1ff;
  --kboard-color-white: #fff;
  --kboard-color-red: #f61b5d;
  --kboard-color-black: #333;
  --kboard-color-grey: #666;
  --kboard-bg-btn: #eaeaea;
  --kboard-color-line: #ddd;
  --kboard-el-gap: 40px;
  --kboard-font-size-header: 32px;
  --kboard-font-size-r: 16px;
  --kboard-font-size-s: 14px;
  --kboard-ani-time: 0.3s;
  --kboard-hover-opacity: 0.7;
  --kboard-board-r: 4px;

  font-size: var(--kboard-font-size-r);
  color: var(--kboard-color-black);
}
#kboard-layout > .container {
  padding-top: 0 !important;
}

/* 셀렉트 박스 */
#kboard-layout input,
#kboard-layout select {
  padding: 6px 8px;
  min-width: 0;
  min-height: 0;
  max-width: none;
  color: var(--kboard-color-grey);
  border: 1px solid var(--kboard-color-line);
  box-sizing: border-box;
  border-radius: var(--kboard-board-r);
}
#kboard-layout input[type='file'] {
  padding: 2px;
}
#kboard-layout select {
  padding-right: 22px;
  background: var(--kboard-color-white);
  vertical-align: middle;
  box-shadow: none;
  text-indent: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: no-repeat right 16px center/11px;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 11 9'%3E%3Cpolygon fill='%23333' points='0,0 11,0 5.5,9'/%3E%3C/svg%3E");
  cursor: pointer;
}

/* 버튼 */
#kboard-layout .kboard-control {
  display: flex;
  margin-top: var(--kboard-el-gap);
}
#kboard-layout .kboard-control .left {
}
#kboard-layout .kboard-control .right {
  margin-left: auto;
  padding-left: 16px;
  text-align: right;
}
#kboard-layout .kboard-button-small {
  display: inline-block;
  width: auto;
  padding: 8px 16px;
  border: none;
  border-radius: var(--kboard-board-r);

  color: var(--kboard-color-white);
  background: var(--kboard-color-point);
  text-decoration: none;
  line-height: 1;
  font-size: var(--kboard-font-size-r);

  position: relative;
  box-sizing: border-box;
  transition-duration: var(--kboard-ani-time);
  cursor: pointer;
}
#kboard-layout .kboard-button-small.del-btn {
  background-color: var(--kboard-color-red);
}
#kboard-layout .kboard-button-small:hover,
#kboard-layout .kboard-button-small:focus,
#kboard-layout .kboard-button-small:active {
  opacity: var(--kboard-hover-opacity);
}
#kboard-layout .kboard-control > div .kboard-button-small {
  margin-bottom: 4px;
}
#kboard-layout.kboard-document .kboard-document__backtolist {
  display: block;
  width: 152px;
  text-align: center;
  margin: 5% auto;
  border-radius: 48px;
  line-height: 48px;
  border: 1px solid #acacac;
  background: #fff;
  color: #333;
  padding: 0 24px;
}
#kboard-layout.kboard-document .kboard-document__backtolist:hover {
  background-color: var(--kboard-color-point);
  color: #fff;
  border-color: var(--kboard-color-point);
}
/* 새글 */
#kboard-layout .kboard-new-notify {
  display: inline-block;

  padding: 2px;
  line-height: 10px;

  vertical-align: middle;
  font-size: 10px;
  color: var(--kboard-color-white);
  background-color: var(--kboard-color-red);
  font-weight: normal;
}
/* 말줄임 */
#kboard-layout .kboard-cut-strings {
  width: auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-wrap: normal;
}

/* 총 게시글 수 */
#kboard-layout .kboard-total-count em {
  color: var(--kboard-color-point);
  font-weight: bold;
  font-style: normal;
}

/* 헤더 */
#kboard-layout .kboard-list-header {
  display: flex;
  justify-content: space-between;
}

/** 카테고리 **/
#kboard-layout .kboard-category {
  margin-top: calc(var(--kboard-el-gap) * 2);
  margin-bottom: var(--kboard-el-gap);
}
#kboard-layout .category-mobile {
  display: none;
}

/* 카테고리 PC */
#kboard-layout .kboard-category-list,
#kboard-layout .kboard-category-list li {
  padding: 0;
  margin: 0;
  list-style: none;
}
#kboard-layout .kboard-category-list {
  display: flex;
  justify-content: center;
  gap: 20px;
}
#kboard-layout .kboard-category-list li {
  flex-basis: 180px;
}
#kboard-layout .kboard-category-list li a {
  display: block;
  padding: 12px 16px;
  text-align: center;
  border-radius: 10em;
  border: 1px solid #707070;
  background-color: #fff;
  color: var(--kboard-color-grey);
  font-weight: 400;
  font-size: 1rem;

  opacity: var(--kboard-hover-opacity);
  transition: background-color var(--kboard-ani-time);
}
#kboard-layout .kboard-category-list li:hover a,
#kboard-layout .kboard-category-list li:active a,
#kboard-layout .kboard-category-list li.kboard-category-selected a {
  background: var(--kboard-color-point);
  color: #fff;
  border-color: var(--kboard-color-point);
}
#kboard-layout .kboard-category-list li.kboard-category-selected a {
  opacity: 1;
}

/* 페이지네이션 */
#kboard-layout .kboard-pagination,
#kboard-layout .kboard-pagination li {
  padding: 0;
  margin: 0;
  list-style: none;
}
#kboard-layout .kboard-pagination {
  display: flex;
  justify-content: center;
  gap: 4px;
  margin: var(--kboard-el-gap) 0;
}
#kboard-layout .kboard-pagination li a {
  display: block;
  width: 32px;
  height: 32px;
  line-height: 32px;
  border-radius: var(--kboard-board-r);
  border: 1px solid var(--kboard-color-line);
  color: var(--kboard-color-grey);
  text-align: center;
}
#kboard-layout .kboard-pagination li:hover a,
#kboard-layout .kboard-pagination li:active a,
#kboard-layout .kboard-pagination li.active a {
  background-color: var(--kboard-color-point);
  border-color: var(--kboard-color-point);
  color: var(--kboard-color-white);
}
#kboard-layout .kboard-pagination li[class$='-page'] a {
  font-size: 0;
  position: relative;
}
#kboard-layout .kboard-pagination li[class$='-page'] a::before,
#kboard-layout .kboard-pagination li[class$='-page'] a::after {
  content: '';
  width: 6px;
  height: 6px;
  position: absolute;
  top: calc(50% - 3px);
  border: 1px solid var(--kboard-color-grey);
  border-bottom: none;
}
#kboard-layout .kboard-pagination li[class$='-page']:hover a::before,
#kboard-layout .kboard-pagination li[class$='-page']:hover a::after {
  border-color: var(--kboard-color-white);
}
#kboard-layout .kboard-pagination li.prev-page a:after,
#kboard-layout .kboard-pagination li.next-page a:after {
  display: none;
}

/* 이전, 처음 */
#kboard-layout .kboard-pagination li.prev-page a:before,
#kboard-layout .kboard-pagination li.first-page a:before,
#kboard-layout .kboard-pagination li.first-page a::after {
  border-right: none;
  transform: rotate(-45deg);
}
#kboard-layout .kboard-pagination li.prev-page a:before {
  right: calc(50% - 5px);
}
#kboard-layout .kboard-pagination li.first-page a:before {
  right: calc(50% - 2px);
}
#kboard-layout .kboard-pagination li.first-page a::after {
  right: calc(50% - 8px);
}

/* 다음, 마지막 */
#kboard-layout .kboard-pagination li.next-page a:before,
#kboard-layout .kboard-pagination li.last-page a:before,
#kboard-layout .kboard-pagination li.last-page a::after {
  border-left: none;
  transform: rotate(45deg);
}
#kboard-layout .kboard-pagination li.next-page a:before {
  left: calc(50% - 5px);
}
#kboard-layout .kboard-pagination li.last-page a:before {
  left: calc(50% - 8px);
}
#kboard-layout .kboard-pagination li.last-page a::after {
  left: calc(50% - 2px);
}

/* 검색 */
#kboard-layout .kboard-search {
  margin: var(--kboard-el-gap) 0;
}
#kboard-layout .kboard-search > div,
#kboard-layout .kboard-search > form {
  display: flex;
  justify-content: center;
  gap: 10px;
}
#kboard-layout .kboard-search select {
  flex-shrink: 0;
  height: 50px;
  padding: 0 24px;
  padding-right: 60px;
  border-radius: 50px;
  font-size: 1rem;
}
#kboard-layout .kboard-search input {
  width: 360px;
  line-height: 48px;
  padding: 0 24px;
  border-radius: 0;
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
  border-right: none;
}
#kboard-layout .kboard-search .kboard-button-small {
  width: 80px;
  height: 50px;
  background: #fff no-repeat center / 24px;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-width='2'%3E%3Ccircle cx='10' cy='10' r='9' /%3E%3Cline x1='16.5' y1='16.5' x2='23' y2='23'/%3E%3C/g%3E%3C/svg%3E");
  border: 1px solid var(--kboard-color-line);
  border-left: 0;
  border-radius: 0;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
  margin-left: -10px;
  color: transparent;
}
/* 목록 */
#kboard-layout .kboard-grid__wrap {
}
#kboard-layout .kboard-grid,
#kboard-layout .kboard-grid__item {
  margin: 0;
  padding: 0;
  list-style: none;
}
#kboard-layout .kboard-grid {
  display: block;
  border-top: 3px solid #333;
}
#kboard-layout .kboard-grid__item {
  display: block;
  border-bottom: 1px solid #666;
}
#kboard-layout .kboard-grid__item.kboard-list-empty {
  padding: 10% 0;
  text-align: center;
}
#kboard-layout .kboard-grid__link {
  display: flex;
  align-items: center;
  padding: 14px 16px;
  color: #333;
}
#kboard-layout .kboard-list-notice .kboard-grid__link {
  background-color: #ebf5ff;
}
#kboard-layout .kboard-grid__link:after {
  flex-shrink: 0;
  content: '';
  display: block;
  width: 60px;
  height: 60px;
  border: 1px solid #333;
  border-radius: 50%;
  background: #fff no-repeat center / 22px;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 22 22'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round'%3E%3Cline x1='1' y1='11' x2='21' y2='11'/%3E%3Cline x1='11' y1='1' x2='21' y2='11'/%3E%3Cline x1='11' y1='21' x2='21' y2='11'/%3E%3C/g%3E%3C/svg%3E");
  transition:
    background var(--kboard-ani-time),
    border var(--kboard-ani-time);
}
#kboard-layout .kboard-grid__link:hover:after {
  background-color: var(--kboard-color-point);
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 22 22'%3E%3Cg fill='none' stroke='%23fff' stroke-linecap='round'%3E%3Cline x1='1' y1='11' x2='21' y2='11'/%3E%3Cline x1='11' y1='1' x2='21' y2='11'/%3E%3Cline x1='11' y1='21' x2='21' y2='11'/%3E%3C/g%3E%3C/svg%3E");
  border-color: var(--kboard-color-point);
}
#kboard-layout .kboard-grid__thumbnail {
  overflow: hidden;
  border-radius: 30px;
  margin-bottom: 16px;
  aspect-ratio: 456/338;
  background: no-repeat center/40%;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 74 34' width='74' height='34'%3E%3Cg fill='%23333' opacity='0.2'%3E%3Cpath d='M12.1,33.9c-1.8,0-3.6-.3-5.3-.9-1.5-.5-2.8-1.5-3.8-2.6-1.1-1.3-1.9-2.9-2.3-4.5C.2,23.7,0,21.5,0,19.3V3.5h7.1v16.6c0,1.5.1,3,.6,4.5.3,1,.9,1.8,1.7,2.4.8.5,1.8.8,2.7.7,1,0,1.9-.2,2.8-.7.8-.6,1.4-1.4,1.7-2.4.4-1.5.6-3,.6-4.5V3.5h6.9v15.8c0,2.2-.2,4.4-.7,6.5-.4,1.7-1.2,3.2-2.2,4.5-1,1.2-2.3,2.1-3.7,2.6-1.7.6-3.4.9-5.2.9'/%3E%3Cpath d='M28.3,16.1v-5.3l3.5-.3h10.7v5.6h-14.2Z'/%3E%3Cpath d='M31.3,33.3V9.7c0-1.5.3-3,.8-4.4.6-1.3,1.5-2.5,2.7-3.2,1.5-.9,3.3-1.3,5-1.2.9,0,1.7.1,2.6.3v5.7c-.5-.3-1-.4-1.5-.4-.7,0-1.4.2-1.8.7-.5.7-.8,1.6-.7,2.4v23.8h-7.1Z'/%3E%3Cpath fill='%2300A6E3' d='M50.8,7.4c-1,0-2.1-.3-2.9-1-.7-.7-1.1-1.7-1.1-2.7,0-1,.4-2,1.1-2.6.8-.7,1.8-1,2.9-1,1.1,0,2.1.3,2.9,1,.7.7,1.2,1.6,1.1,2.6,0,1-.4,2-1.1,2.7-.8.7-1.8,1-2.9,1'/%3E%3Crect x='47.3' y='10.6' width='7.1' height='22.8'/%3E%3Cpath d='M69,33.9c-1.6,0-3.2-.3-4.6-1.1-1.2-.8-2.1-1.9-2.6-3.2-.6-1.5-.9-3.1-.8-4.7v-8.8h-3.1v-5.6h3.5l.8-6h5.9v6h5.4v5.6h-5.4v8.7c0,1,.2,1.9.8,2.7.5.5,1.3.8,2.1.8.4,0,.8,0,1.1-.1.4,0,1.6-.6,1.9-.7v5.9c-.3,0-1.3.4-1.9.5-1,0-2,.1-3.1,0Z'/%3E%3C/g%3E%3C/svg%3E");
}
#kboard-layout .kboard-grid__thumbnail img {
  display: block;
  transition: transform var(--kboard-ani-time);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#kboard-layout .kboard-grid__thumbnail .icon-picture {
  font-size: var(--kboard-font-size-s);
}
#kboard-layout .kboard-grid__uid {
  min-width: 120px;
  flex-basis: 10%;
  text-align: center;
}
#kboard-layout .kboard-grid__uid span {
  display: inline-block;
  line-height: 34px;
  background: var(--kboard-color-point);
  padding: 0 24px;
  border-radius: 10em;
  color: #fff;
  font-weight: bold;
}
#kboard-layout .kboard-grid__link:hover img,
#kboard-layout .kboard-grid__link:active img,
#kboard-layout .kboard-grid__link:focus img {
  transform: scale(1.1);
}

#kboard-layout .kboard-grid__content {
  width: calc(100% - 60px - max(10%, 120px));
  padding: 4px 16px;
}
#kboard-layout .kboard-grid__content .kboard-title {
  font-size: 1.125rem;
  font-weight: bold;
}
#kboard-layout .kboard-grid__meta {
  display: inline-block;
  font-size: 0.875rem;
  margin-top: 12px;
}
#kboard-layout .kboard-grid__meta .meta-item:after {
  content: ' | ';
}
#kboard-layout .kboard-grid__meta .meta-item:last-child::after {
  display: none;
}
/** 문서 **/
#kboard-layout.kboard-document {
  max-width: 100%;
}
#kboard-layout .kboard-document__thumbnail {
  text-align: center;
  margin-bottom: 24px;
}
#kboard-layout .kboard-document__hgroup {
  display: flex;
  align-items: flex-end;
  min-height: 560px;
  background: no-repeat center / cover;
  background-image: url(/assets/news-details-page_visual.jpg);
  padding-top: calc(var(--h-header, 80px) + calc(var(--pd-base) * 3) + var(--wp-admin--admin-bar--height));
  overflow: hidden;
  border-bottom-left-radius: 50px;
  border-bottom-right-radius: 50px;
  position: relative;
}
#kboard-layout .kboard-document__hgroup .kboard-document__thumbnail {
  width: 100%;
  height: 100%;
  margin-bottom: 0;

  position: absolute;
  top: 0;
  left: 0;
}
#kboard-layout .kboard-document__hgroup .kboard-document__thumbnail::after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(26, 148, 255, 0), rgba(0, 204, 227, 0.6));
  position: absolute;
  top: 0;
  left: 0;
}
#kboard-layout .kboard-document__hgroup .kboard-document__thumbnail img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#kboard-layout .kboard-document__hgroup .container {
  margin: 0 auto;
  padding: var(--h-header, 80px) 0;
}
#kboard-layout .kboard-document__hgroup .kboard-title h2 {
  font-size: clamp(1.5rem, 1.77vw, 2.125rem);
  font-weight: bold;
  line-height: 1.2;
  color: #fff;
}
/* 문서 - 정보 */
#kboard-layout .kboard-document__hgroup .kboard-detail {
  opacity: 0.8;
  margin: 0;
  padding: 0;
}
#kboard-layout .kboard-document__hgroup .detail-attr {
  display: inline-block;
  font-size: 1rem;
  color: #fff;
  margin-right: 36px;
}
#kboard-layout.kboard-document .detail-attr .detail-name {
  display: none;
}
#kboard-layout.kboard-document .detail-attr .detail-value {
  margin: 0;
}
#kboard-layout.kboard-document .detail-view .detail-value {
  padding-left: 30px;
  background: no-repeat left / 22px;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 22 14'%3E%3Cpath fill='%23fff' d='M14.2,7c0,1.7-1.5,3.1-3.2,3.1-1.7,0-3.1-1.2-3.2-2.9,0-1.7,1.2-3.1,2.9-3.2,0,0,.2,0,.3,0,1.7,0,3.2,1.3,3.2,3.1ZM11,.6c-1.9,0-3.8.5-5.5,1.3-1.4.7-2.7,1.6-3.8,2.7-.7.6-1.2,1.4-1.4,2.3.2.9.7,1.7,1.4,2.3,1.1,1.1,2.4,2,3.8,2.7,1.7.8,3.6,1.3,5.5,1.3,1.9,0,3.8-.5,5.5-1.3,1.4-.7,2.7-1.6,3.8-2.7.7-.6,1.2-1.4,1.4-2.3-.2-.9-.7-1.7-1.4-2.3-1.1-1.1-2.4-2-3.8-2.7-1.7-.8-3.6-1.3-5.5-1.3ZM11,2.2c2.7-.1,4.9,1.9,5,4.6.1,2.7-1.9,4.9-4.6,5-.1,0-.3,0-.4,0-2.7.1-4.9-1.9-5-4.6-.1-2.7,1.9-4.9,4.6-5,.1,0,.3,0,.4,0Z'/%3E%3C/svg%3E");
}

/* 문서 - 콘텐츠 */
#kboard-layout.kboard-document .kboard-attach {
  background: #f7f8f9 no-repeat 20px / 20px;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23333' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21.8,11.4l-9.5,8.9c-2.5,2.3-6.3,2.3-8.7,0-2.3-2.1-2.4-5.6-.3-7.9.1-.1.2-.2.3-.3L13.1,3.1c1.6-1.5,4.2-1.5,5.8,0,1.5,1.4,1.6,3.8.2,5.3,0,0-.1.2-.2.2l-9.5,8.9c-.8.8-2.1.8-2.9,0-.8-.7-.8-1.9-.1-2.6,0,0,0,0,.1-.1L15.2,6.6'/%3E%3C/svg%3E");
  padding: 6px 16px;
  padding-left: 52px;
  border-radius: 10px;
  margin: 1em 0;
}
#kboard-layout.kboard-document .kboard-attach .kboard-button-download {
  line-height: 1.2;
  background-color: #fff;
  padding: 8px 20px;
  border: none;
  border-radius: 10em;
  margin: 4px;
  transition:
    background 300ms,
    color 300ms;
  cursor: pointer;
}
#kboard-layout.kboard-document .kboard-attach .kboard-button-download:hover {
  background-color: var(--kboard-color-point);
  color: #fff;
}
#kboard-layout.kboard-document .kboard-content {
  min-height: 120px;
  padding: 24px 0;
}

/* 문서 - 액션 */
#kboard-layout .kboard-document-action {
  display: flex;
  padding: 16px 0;
}
#kboard-layout .kboard-document-action .right {
  margin-left: auto;
}
#kboard-layout .kboard-button-action {
  border-radius: var(--kboard-board-r);
  border: 1px solid var(--kboard-color-grey);
  color: var(--kboard-color-grey);
  background-color: var(--kboard-color-white);
  cursor: pointer;
}
#kboard-layout .kboard-button-action:hover,
#kboard-layout .kboard-button-action:active {
  opacity: var(--kboard-hover-opacity);
  background-color: var(--kboard-color-grey);
  color: var(--kboard-color-white);
}

/* 문서 - 댓글 */
#kboard-layout .kboard-comments-area {
  margin-top: var(--kboard-el-gap);
}

/* 문서 - 이전,다음글 */
#kboard-layout .kboard-document-navi {
  display: block;
  padding: 0;
  border-bottom: none;
  border: solid #666;
  border-width: 1px 0 1px 0;
}
#kboard-layout .kboard-document-navi a {
  display: flex;
  align-items: center;
  padding: 12px 0;
  color: #333;
}
#kboard-layout .kboard-document-navi a:hover,
#kboard-layout .kboard-document-navi a:active {
  text-decoration: underline;
}
#kboard-layout .kboard-document-navi .navi-arrow {
  flex-shrink: 0;
  display: block;
  line-height: 38px;
  padding: 0 24px;
  border: 1px solid #666;
  border-radius: 20px;
  color: #333;
  font-size: 1rem;
}
#kboard-layout .kboard-document-navi .navi-document-title {
  padding: 0 16px;
}
#kboard-layout .kboard-document-navi .kboard-prev-document:has(a) + .kboard-next-document a {
  border-top: 1px dashed #c8c8c8;
}

/* 작성,수정 */
#kboard-layout.kboard-editor {
  border-top: 2px solid var(--kboard-color-line);
  padding-top: calc(var(--h-header, 80px) + calc(var(--pd-base) * 3) + var(--wp-admin--admin-bar--height));
}
#kboard-layout.kboard-editor input,
#kboard-layout.kboard-editor select {
  width: 100%;
}
#kboard-layout.kboard-editor input[type='checkbox'],
#kboard-layout.kboard-editor input[type='radio'] {
  width: auto;
  line-height: 1;
}
#kboard-layout .attr-reset-button {
  color: var(--kboard-color-white);
  background-color: var(--kboard-color-point);
  font-size: var(--kboard-font-size-s);
  padding: 2px 4px;
  border-radius: var(--kboard-board-r);
  margin-left: 8px;
}
#kboard-layout .attr-reset-button:hover,
#kboard-layout .attr-reset-button:active {
  opacity: var(--kboard-hover-opacity);
}
#kboard-layout .wp-core-ui .button {
  width: auto;
  line-height: 2;
  padding: 0 12px;
  min-height: 30px;
}
#kboard-layout .kboard-attr-row {
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--kboard-color-line);
  padding: 8px 0;
}
#kboard-layout .kboard-attr-row.kboard-attr-textarea,
#kboard-layout .kboard-attr-row.kboard-attr-content,
#kboard-layout .kboard-attr-row.kboard-attr-wp-editor {
  display: block;
}

#kboard-layout .kboard-attr-row .attr-name {
  width: 120px;
  font-weight: bold;
  line-height: 1;
  word-break: keep-all;
}
#kboard-layout .kboard-attr-row .attr-required-text {
  color: var(--kboard-color-point);
}

#kboard-layout .kboard-attr-row .attr-value {
  flex-grow: 1;
}
#kboard-layout .kboard-attr-row.kboard-attr-textarea .attr-value,
#kboard-layout .kboard-attr-row.kboard-attr-content .kboard-content,
#kboard-layout .kboard-attr-row.kboard-attr-wp-editor .attr-value {
  width: 100%;
  max-width: none;
  margin-top: 16px;
}
#kboard-layout .kboard-attr-row.kboard-attr-textarea .attr-value textarea,
#kboard-layout .kboard-attr-row.kboard-attr-content .kboard-content textarea {
  min-width: 100%;
  width: 100%;
  max-width: 100%;
  height: 240px;
}
#kboard-layout .kboard-attr-row.kboard-attr-option .attr-value {
  display: flex;
  gap: 16px;
}
/* 작성 - 주소 */
#kboard-layout .kboard-attr-row.kboard-attr-address .attr-value > * ~ * {
  margin-top: 8px;
}
#kboard-layout .kboard-attr-row.kboard-attr-address .kboard-button-small {
  padding: 6px 12px;
}

/* 글모아보기 */
#kboard-layout.kboard-latest .kboard-table {
  border-top: 2px solid var(--kboard-color-line);
}
@media (max-width: 720px) {
  /* 카테고리 */
  #kboard-layout .category-pc {
    display: none;
  }
  #kboard-layout .category-mobile {
    display: block;
  }
  #kboard-layout .category-mobile select {
    width: 100%;
    height: 40px;
    padding: 8px 16px;
    padding-right: 40px;
  }

  /* 검색 */
  #kboard-layout .kboard-search > div,
  #kboard-layout .kboard-search > form {
    flex-wrap: wrap;
  }
  #kboard-layout .kboard-search select {
    width: 100%;
    height: 40px;
    font-size: 0.875rem;
  }
  #kboard-layout .kboard-search input {
    width: calc(100% - 50px);
    line-height: 38px;
  }
  #kboard-layout .kboard-search .kboard-button-small {
    width: 50px;
    height: 40px;
    background-size: 16px;
  }
  /* 목록 */
  #kboard-layout .kboard-list-notice .kboard-grid__link {
    display: block;
    padding: 20px 16px;
  }
  #kboard-layout .kboard-grid__link:after {
    display: none;
  }
  #kboard-layout .kboard-grid__thumbnail {
    border-radius: 20px;
  }
  #kboard-layout .kboard-grid__uid {
    display: none;
  }
  #kboard-layout .kboard-grid__content {
    width: 100%;
    padding: 0;
  }
  #kboard-layout .kboard-grid__content .kboard-title {
    font-size: 1rem;
  }

  /** 문서 **/
  #kboard-layout .kboard-document__hgroup {
    min-height: 40vh;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
  }
  #kboard-layout .kboard-document__hgroup .container {
    padding: 40px 16px 3e;
  }
  #kboard-layout.kboard-document .kboard-content {
    font-size: 0.9375rem;
  }
  /* 문서 - 댓글 */
  #kboard-layout .kboard-comments-area {
    margin-top: var(--kboard-el-gap);
  }

  /* 문서 - 이전,다음글 */
  #kboard-layout .kboard-document-navi a {
    padding: 8px 0;
  }
  #kboard-layout .kboard-document-navi .navi-arrow {
    line-height: 32px;
    padding: 0 16px;
    font-size: 0.875rem;
  }
  #kboard-layout .kboard-document-navi .navi-document-title {
    font-size: 0.875rem;
  }

  #kboard-layout.kboard-document .kboard-document__backtolist {
    width: 132px;
    font-size: 0.875rem;
    line-height: 40px;
  }
  /* 작성,편집 */
  #kboard-layout .kboard-attr-row {
    display: block;
    padding: 16px 0;
  }
  #kboard-layout .kboard-attr-row .attr-name {
    display: block;
    width: auto;
    margin-bottom: 16px;
  }

  /* 최근 글 모음 */
  #kboard-layout.kboard-latest .kboard-table thead {
    display: table-header-group;
  }
  #kboard-layout.kboard-latest .kboard-table .kboard-date {
    display: table-cell;
  }
}