@charset "UTF-8";
:root {
  --nd-body-font-family: var(--nd-user-font-family, sans-serif);
}

body[onselectstart="return false"] *:not(input):not(textarea) {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
body[onselectstart="return false"] img {
  pointer-events: none;
}

#user-wrap::after,
#user-gnb::after, #user-header::after, #user-nav:not(.gl-nav)::after,
#user-container::after, #user-container .user-content::after {
  content: "";
  display: table;
  clear: both;
}

.user-wrap {
  width: auto;
  min-width: var(--nd-index-width, auto);
}
.mobile .user-wrap, .user-wrap.mobile {
  --nd-user-container-width: auto;
  --nd-user-container-max-width: var(--nd-index-width, auto);
  --nd-user-padding-x: 1.25rem;
  max-width: 100%;
  min-width: unset;
}
.user-header {
  position: relative;
  z-index: var(--nd-user-header-zindex, auto);
  margin-bottom: var(--nd-user-header-margin-bottom, 0);
}
.user-container {
  position: relative;
  width: var(--nd-user-container-width, var(--nd-index-width, auto));
  max-width: var(--nd-user-container-max-width, none);
  margin-right: auto;
  margin-left: auto;
  padding-left: var(--nd-account-item-padding-x, 0.5rem);
  padding-right: var(--nd-account-item-padding-x, 0.5rem);
}
#user-wrapper[style*=width] {
  margin-right: auto;
  margin-left: auto;
}

.view-aside {
  position: absolute;
  z-index: var(--nd-view-aside-zindex, 90);
  width: var(--nd-view-aside-width, -moz-max-content);
  width: var(--nd-view-aside-width, max-content);
  height: var(--nd-view-aside-height, auto);
  top: var(--nd-view-aside-offset-top, 0);
  right: var(--nd-view-aside-offset-right, auto);
  bottom: var(--nd-view-aside-offset-bottom, auto);
  left: var(--nd-view-aside-offset-left, auto);
}
.view-aside::before, .view-aside::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
.view-aside::after {
  clear: both;
}
.view-aside.left-wing {
  --nd-view-aside-offset-right: calc(100% + 1rem);
}
.view-aside.right-wing {
  --nd-view-aside-offset-left: calc(100% + 1rem);
}

.gl-wrap {
  position: relative;
  z-index: var(--nd-wrap-zindex, 99);
  margin: var(--nd-wrap-margin, 0 0 2rem);
}

.gl-logo {
  display: flex;
  align-items: var(--nd-logo-valign, center);
  justify-content: var(--nd-logo-align, normal);
  font-size: var(--nd-logo-font-size, 1em);
  line-height: 1;
}
.gl-logo-container .gl-logo {
  flex: 1 1 0;
  max-width: 100%;
  min-width: 0;
  align-self: stretch;
}
.gl-banner {
  width: var(--nd-logo-banner-width, 18.75rem);
}
.gl-logo-container .gl-banner {
  flex: 0 0 auto;
  max-width: 100%;
}

.gl-logo-container {
  display: flex;
  flex-wrap: wrap;
  align-items: var(--nd-logo-container-valign, center);
  gap: var(--nd-logo-padding-x, 1.5rem);
  width: var(--nd-logo-container-width, var(--nd-index-width, auto));
  margin: var(--nd-logo-container-margin, 0 auto);
}
.gl-logo-container > * {
  padding-top: var(--nd-logo-padding-top, var(--nd-logo-padding-y, 1.25rem));
  padding-bottom: var(--nd-logo-padding-bottom, var(--nd-logo-padding-y, 1.25rem));
}

.gl-gnb {
  margin: var(--nd-gnb-margin, 0);
  padding: var(--nd-gnb-padding, 0.5rem 0);
  font-size: var(--nd-gnb-font-size, 0.875em);
  color: var(--nd-gnb-color, #6c757d);
  background: var(--nd-gnb-bg, transparent);
  border-width: var(--nd-gnb-border-width, 0);
  border-style: var(--nd-gnb-border-style, solid);
  border-color: var(--nd-gnb-border-color, transparent);
}

.gl-updated {
  font-size: var(--nd-updated-font-size, 1em);
  font-weight: var(--nd-updated-font-weight, 400);
  line-height: var(--nd-updated-line-height, inherit);
  color: var(--nd-updated-color, inherit);
}

.gl-account {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: var(--nd-account-margin, 0);
  padding: var(--nd-account-padding, 0);
  font-size: var(--nd-account-font-size, 1em);
  color: var(--nd-account-color, inherit);
  list-style: none;
}
.gl-account > * {
  display: block;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
.gl-account-item {
  white-space: var(--nd-account-item-white-space, normal);
}
.gl-account-item + .gl-account-item {
  padding-left: var(--nd-account-item-padding-x, 0.5rem);
}
.gl-account-item + .gl-account-item::before {
  float: left;
  padding-right: var(--nd-account-item-padding-x, 0.5rem);
  color: var(--nd-account-divider-color, #d2d2d4);
  content: var(--nd-account-divider, "|");
}
.gl-account-link {
  display: inline-block;
  color: inherit;
  transition: color 0.15s ease-in-out;
}
.gl-account-link:hover {
  color: var(--nd-account-hover-color, inherit);
}

.gl-sns {
  display: block;
  padding: var(--nd-sns-padding-y, 0) var(--nd-sns-padding-x, 0);
  font-size: var(--nd-sns-font-size, 1.25rem);
  line-height: var(--nd-sns-line-height, 1);
  color: var(--nd-sns-color, inherit);
  background: var(--nd-sns-bg, transparent);
  border: var(--nd-sns-border, 0);
  border-radius: var(--nd-sns-border-radius, 0);
  transition: var(--nd-sns-transition, color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out);
}
.gl-sns:hover {
  color: var(--nd-sns-hover-color, inherit);
  background: var(--nd-sns-hover-bg, transparent);
  border-color: var(--nd-sns-hover-border-color, transparent);
}
.gl-sns.active {
  color: var(--nd-sns-active-color, inherit);
  background: var(--nd-sns-active-bg, transparent);
  border-color: var(--nd-sns-active-border-color, transparent);
}
.gl-sns-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: var(--nd-sns-align, normal);
  align-items: var(--nd-sns-valign, center);
  gap: var(--nd-sns-gap, 0.5rem);
}

.gl-search {
  display: flex;
  flex-direction: row;
  gap: var(--nd-search-gap, 0.25rem);
  width: var(--nd-search-width, auto);
  height: var(--nd-search-height, auto);
  font-size: var(--nd-search-font-size, 0.875em);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.gl-search-container:not(.is-active) .gl-search {
  display: none;
}
.gl-search-input {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
  margin-bottom: 0;
  padding: var(--nd-search-padding-y, 0.375rem) var(--nd-search-padding-x, 0.75rem);
  font-size: inherit;
  color: var(--nd-search-color, #000);
  background: var(--nd-search-bg, transparent);
  border: var(--nd-search-border-width, 1px) solid var(--nd-search-border-color, #ced4da);
  border-radius: var(--nd-search-border-radius, 0.25rem);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out;
  outline: 0;
  box-shadow: none;
}
.gl-search-input:focus {
  color: var(--nd-search-focus-color, #000);
  background: var(--nd-search-focus-bg, transparent);
  border-width: var(--nd-search-border-width, 1px);
  border-color: var(--nd-search-focus-border-color, #6c757d);
}
.gl-search-input::-moz-placeholder {
  color: var(--nd-search-placeholder, #ced4da);
}
.gl-search-input::placeholder {
  color: var(--nd-search-placeholder, #ced4da);
}
.gl-search-btn {
  padding: var(--nd-search-btn-padding-y, 0) var(--nd-search-btn-padding-x, 0.75rem);
  font-size: var(--nd-search-btn-font-size, 1.25rem);
  color: var(--nd-search-btn-color, #fff);
  background: var(--nd-search-btn-bg, var(--nd-primary, #007aff));
  border: var(--nd-search-btn-border, 0);
  border-radius: var(--nd-search-border-radius, 0.25rem);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
  cursor: pointer;
  -webkit-appearance: button;
     -moz-appearance: button;
          appearance: button;
}
.gl-search-btn:hover {
  color: var(--nd-search-btn-hover-color, #fff);
  background: var(--nd-search-btn-hover-bg, var(--nd-primary-hover, #006ee6));
  border-width: var(--nd-search-border-width, 1px);
  border-color: var(--nd-search-btn-hover-border-color, transparent);
}
.gl-search-stack {
  --nd-search-gap: 0;
}
.gl-search-stack .gl-search-input {
  height: auto;
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.gl-search-stack .gl-search-input:focus + .gl-search-btn {
  color: var(--nd-search-btn-active-color, #fff);
  background: var(--nd-search-btn-active-bg, var(--nd-primary-active, #0062cc));
  border-color: var(--nd-search-btn-active-border-color, transparent);
}
.gl-search-stack .gl-search-btn {
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.gl-search-ab {
  position: var(--nd-search-position, absolute);
  z-index: var(--nd-search-zindex, 5);
  top: var(--nd-search-offset-y, 50%);
  right: var(--nd-search-offset-x, 0);
  transform: var(--nd-search-transform, translateY(-50%));
}
.gl-search-ab.bottom {
  top: auto;
  bottom: var(--nd-search-offset-y, 0);
}
.gl-search-ab.left {
  left: var(--nd-search-offset-x, 0);
  right: auto;
}
.gl-search-container {
  position: relative;
  margin: var(--nd-search-container-margin, 0);
}
.gl-search-action {
  display: block;
  width: var(--nd-search-action-width, auto);
  height: var(--nd-search-action-height, auto);
  margin: var(--nd-search-action-margin, 0);
  padding: var(--nd-search-action-padding-y, 0) var(--nd-search-action-padding-x, 0);
  font-size: var(--nd-search-action-font-size, 1.25rem);
  color: var(--nd-search-action-color, #000);
  background-color: var(--nd-search-action-bg, transparent);
  border: var(--nd-search-action-border, 0);
  border-radius: var(--nd-search-action-border-radius, 0);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
  cursor: pointer;
  -webkit-appearance: button;
     -moz-appearance: button;
          appearance: button;
}
.gl-search-action:hover {
  color: var(--nd-search-action-hover-color, #000);
  background-color: var(--nd-search-action-hover-bg, transparent);
  border-color: var(--nd-search-action-hover-border-color, transparent);
}
.gl-search-container.is-active .gl-search-action, .gl-search-action.active {
  color: var(--nd-search-action-active-color, #000);
  background-color: var(--nd-search-action-active-bg, transparent);
  border-color: var(--nd-search-action-active-border-color, transparent);
}

.gl-nav {
  position: relative;
  padding: var(--nd-nav-padding, 0);
  background: var(--nd-nav-bg, transparent);
}
.gl-nav-sub.gl-nav::after, .gl-nav-sub:not(.gl-nav) {
  height: var(--nd-nav-sub-height, 2.5rem);
  background: var(--nd-nav-sub-bg, var(--nd-primary, #007aff));
}

.gl-nav-sub.gl-nav::after {
  content: "";
  display: block;
}

.gl-menu {
  display: var(--nd-menu-display, flex);
  position: var(--nd-menu-position, relative);
  width: var(--nd-menu-width, auto);
  margin: var(--nd-menu-margin, 0);
  padding: var(--nd-menu-padding, 0);
  font-size: var(--nd-menu-font-size, 1em);
  font-weight: var(--nd-menu-font-weight, 700);
  line-height: var(--nd-menu-line-height, 1.5);
  list-style: none;
}
.gl-menu-horz:not(.gl-menu-vert) {
  flex-direction: row;
  flex-wrap: wrap;
}
.gl-menu-horz:not(.gl-menu-vert).gl-menu-sub {
  flex-wrap: nowrap;
}
.gl-menu-vert:not(.gl-menu-horz) {
  flex-direction: column;
}
.gl-menu-item {
  display: block;
  position: relative;
}
.gl-menu .gl-menu-item {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
.gl-menu-link {
  display: block;
  padding: var(--nd-menu-link-padding-y, 1rem) var(--nd-menu-link-padding-x, 1rem);
  color: var(--nd-menu-link-color, inherit);
  background: var(--nd-menu-link-bg, transparent);
  -webkit-text-decoration: var(--nd-menu-link-text-decoration, none);
          text-decoration: var(--nd-menu-link-text-decoration, none);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
.gl-menu-link:focus {
  text-decoration: none;
}
.gl-menu-link:hover {
  color: var(--nd-menu-link-hover-color, var(--nd-primary, #007aff));
  background: var(--nd-menu-link-hover-bg, transparent);
  -webkit-text-decoration: var(--nd-menu-link-hover-text-decoration, none);
          text-decoration: var(--nd-menu-link-hover-text-decoration, none);
}
.active > .gl-menu-link {
  color: var(--nd-menu-link-active-color, var(--nd-primary, #007aff));
  background: var(--nd-menu-link-active-bg, transparent);
}
.active > .gl-menu-link:not(:hover) {
  -webkit-text-decoration: var(--nd-menu-link-active-text-decoration, none);
          text-decoration: var(--nd-menu-link-active-text-decoration, none);
}
.show > .gl-menu-link {
  color: var(--nd-menu-link-show-color, var(--nd-primary, #007aff));
  background: var(--nd-menu-link-show-bg, transparent);
}
.show > .gl-menu-link:not(:hover) {
  -webkit-text-decoration: var(--nd-menu-link-show-text-decoration, none);
          text-decoration: var(--nd-menu-link-show-text-decoration, none);
}
.gl-menu-arrow::after {
  content: "";
  display: inline-block;
  width: var(--nd-menu-arrow-width, 1em);
  height: var(--nd-menu-arrow-height, 1em);
  margin-left: var(--nd-menu-arrow-gap, 0.25em);
  line-height: 1;
  background-color: var(--nd-menu-arrow-color, currentColor);
  -webkit-mask-image: var(--nd-menu-arrow-icon, url("data:image/svg+xml,%3Csvg width='16' height='16' stroke-width='2' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' color='%23000'%3E%3Cpath d='m6 9 6 6 6-6' stroke='%23000' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"));
          mask-image: var(--nd-menu-arrow-icon, url("data:image/svg+xml,%3Csvg width='16' height='16' stroke-width='2' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' color='%23000'%3E%3Cpath d='m6 9 6 6 6-6' stroke='%23000' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"));
  -webkit-mask-size: cover;
          mask-size: cover;
  vertical-align: -0.125em;
}
.gl-menu-sub {
  display: flex;
  overflow: hidden;
  width: var(--nd-menu-sub-width, auto);
  margin: var(--nd-menu-sub-margin, 0);
  padding: var(--nd-menu-sub-padding-y, 0) var(--nd-menu-sub-padding-x, 0);
  font-size: var(--nd-menu-sub-font-size, 0.875em);
  font-weight: var(--nd-menu-sub-font-weight, 400);
  line-height: var(--nd-menu-sub-line-height, inherit);
  background: var(--nd-menu-sub-bg, transparent);
  border: var(--nd-menu-sub-border, 0);
  border-radius: var(--nd-menu-sub-border-radius, 0);
  text-align: var(--nd-menu-sub-text-align, inherit);
  list-style: none;
  box-sizing: border-box;
  visibility: hidden;
}
.gl-menu .gl-menu-sub {
  position: absolute;
  z-index: var(--nd-menu-sub-z-index, 10);
  left: var(--nd-menu-sub-offset-x, 0);
  top: var(--nd-menu-sub-offset-y, 100%);
}
.gl-menu[data-menu-direction=horizon] .gl-menu-sub {
  flex-wrap: wrap;
}
.gl-menu[data-menu-position=center] .gl-menu-sub {
  transform: translateX(-50%);
}
.gl-menu[data-menu-position=center] {
  --nd-menu-sub-offset-x: 50%;
}

.gl-menu[data-menu-position=right] .gl-menu-sub {
  left: auto;
  right: var(--nd-menu-sub-offset-x, 0);
}
.gl-menu-sub.gl-menu-vert {
  --nd-menu-sub-padding-x: calc(var(--nd-menu-link-padding-x) * .5);
  --nd-menu-sub-padding-y: calc(var(--nd-menu-link-padding-y) * .5);
  --nd-menu-sub-bg: #fff;
  --nd-menu-sub-border: 1px solid rgba(0, 0, 0, 0.175);
  min-width: var(--nd-menu-sub-min-width, 6.5rem);
}
.gl-menu-animate .gl-menu-sub {
  transition: max-height 0.15s ease-in-out;
}
.show > .gl-menu-sub {
  visibility: visible;
}
.gl-menu-item:not(.show) > .gl-menu-sub {
  height: 0;
}
.gl-menu-animate .gl-menu-item:not(.show) > .gl-menu-sub {
  height: auto;
  max-height: 0;
}
.gl-menu-animate .gl-menu-item.show > .gl-menu-sub {
  max-height: var(--nd-menu-sub-active-max-height, 50rem);
}
.gl-menu-sub-link {
  display: block;
  padding: var(--nd-menu-sub-link-padding-y, 0.5rem) var(--nd-menu-sub-link-padding-x, 1rem);
  color: var(--nd-menu-sub-link-color, #6c757d);
  background: var(--nd-menu-sub-link-bg, transparent);
  -webkit-text-decoration: var(--nd-menu-sub-link-text-decoration, none);
          text-decoration: var(--nd-menu-sub-link-text-decoration, none);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
.gl-menu-sub-link:focus {
  text-decoration: none;
}
.gl-menu-sub-link:hover {
  color: var(--nd-menu-sub-link-hover-color, #000);
  background: var(--nd-menu-sub-link-hover-bg, transparent);
  -webkit-text-decoration: var(--nd-menu-sub-link-hover-text-decoration, underline);
          text-decoration: var(--nd-menu-sub-link-hover-text-decoration, underline);
}
.is-current > .gl-menu-sub-link {
  color: var(--nd-menu-sub-link-active-color, #000);
  background: var(--nd-menu-sub-link-active-bg, transparent);
}
.is-current > .gl-menu-sub-link:not(:hover) {
  -webkit-text-decoration: var(--nd-menu-sub-link-active-text-decoration, none);
          text-decoration: var(--nd-menu-sub-link-active-text-decoration, none);
}
.gl-menu-sub-arrow .gl-menu-sub-link {
  position: relative;
}
.gl-menu-sub-arrow .gl-menu-sub-link::after {
  content: "";
  display: block;
  overflow: hidden;
  position: absolute;
  z-index: 5;
  right: var(--nd-menu-sub-arrow-offset-x, calc(1rem - 0.3em));
  top: var(--nd-menu-sub-arrow-offset-y, 50%);
  width: var(--nd-menu-sub-arrow-width, 0.6em);
  height: var(--nd-menu-sub-arrow-height, 0.6em);
  margin-top: calc(var(--nd-menu-sub-arrow-height, 0.6em) * -0.5);
  line-height: 1;
  background-color: var(--nd-menu-sub-arrow-color, currentColor);
  -webkit-mask-image: var(--nd-menu-sub-arrow-icon, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E"));
          mask-image: var(--nd-menu-sub-arrow-icon, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E"));
  -webkit-mask-size: cover;
          mask-size: cover;
  visibility: hidden;
}
.is-current > .gl-menu-sub-link::after, .gl-menu-sub-arrow .gl-menu-sub-link:hover::after {
  visibility: visible;
}

.gl-menu-vr > * + * {
  position: relative;
}
.gl-menu-vr > * + *::before {
  content: var(--nd-menu-divider, "|");
  position: absolute;
  z-index: 1;
  left: -1px;
  top: 50%;
  font-weight: 400;
  color: var(--nd-menu-divider-color, #d2d2d4);
  transform: translateY(-50%);
}
.gl-menu-obj {
  display: block;
  padding: var(--nd-menu-obj-padding-y, 0) var(--nd-menu-obj-padding-x, 0);
  font-size: var(--nd-menu-obj-font-size, 1.5rem);
  line-height: var(--nd-menu-obj-line-height, 1);
  color: var(--nd-menu-obj-color, inherit);
  background: var(--nd-menu-obj-bg, transparent);
  border: var(--nd-menu-obj-border-width, 0) var(--nd-menu-obj-border-style, solid) var(--nd-menu-obj-border-color, transparent);
  border-radius: var(--nd-menu-obj-border-radius, 0);
  transition: var(--nd-menu-obj-transition, color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out);
}
.gl-menu-obj:hover {
  color: var(--nd-menu-obj-hover-color, inherit);
  background: var(--nd-menu-obj-hover-bg, transparent);
  border-color: var(--nd-menu-obj-hover-border-color, transparent);
}
.gl-menu-obj.active {
  color: var(--nd-menu-obj-active-color, inherit);
  background: var(--nd-menu-obj-active-bg, transparent);
  border-color: var(--nd-menu-obj-active-border-color, transparent);
}
.gl-menu-obj-group {
  display: flex;
  flex-wrap: wrap;
  justify-content: var(--nd-menu-obj-group-align, normal);
  align-items: var(--nd-menu-obj-group-valign, center);
  gap: var(--nd-menu-obj-group-gap, 0.5rem);
}
.gl-menu-obj-group > * {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
.gl-menu-btn {
  display: block;
  overflow: hidden;
  padding: var(--nd-menu-btn-padding-y, 0.5rem) var(--nd-menu-btn-padding-x, 0.5rem);
  font-size: var(--nd-menu-btn-font-size, 1.5rem);
  line-height: var(--nd-menu-btn-line-height, 1);
  color: var(--nd-menu-btn-color, inherit);
  background: var(--nd-menu-btn-bg, transparent);
  border-width: var(--nd-menu-btn-border-width, 0);
  border-style: var(--nd-menu-btn-border-style, solid);
  border-color: var(--nd-menu-btn-border-color, transparent);
  border-radius: var(--nd-menu-btn-border-radius, 0);
  transition: var(--nd-menu-btn-transition, color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out);
}
.gl-menu-btn:hover {
  color: var(--nd-menu-btn-hover-color, var(--nd-primary, #007aff));
  background: var(--nd-menu-btn-hover-bg, transparent);
  border-color: var(--nd-menu-btn-hover-border-color, transparent);
}
.is-off-canvas-open .gl-menu-btn, .gl-menu-btn.active {
  color: var(--nd-menu-btn-active-color, var(--nd-primary, #007aff));
  background: var(--nd-menu-btn-active-bg, transparent);
  border-color: var(--nd-menu-btn-active-border-color, transparent);
}

.gl-service {
  padding: var(--nd-service-padding-y, 1.5rem) var(--nd-service-padding-x, 1.5rem);
  background: var(--nd-service-bg, var(--nd-body-bg, #fff));
  border: var(--nd-service-border-width, 0) solid var(--nd-service-border-color, transparent);
  border-radius: var(--nd-service-border-radius, 0);
  text-align: var(--nd-service-text-align, left);
}
.gl-service-body {
  display: grid;
  grid-template-columns: repeat(var(--nd-service-cols, 6), 1fr);
  grid-template-rows: repeat(var(--nd-service-rows, 1), 1fr);
  gap: var(--nd-service-gutter-y, 1.5rem) var(--nd-service-gutter-x, 1.5rem);
  width: var(--nd-service-width, var(--nd-index-width, auto));
  margin: var(--nd-service-margin, 0 auto);
}
.gl-service-item {
  position: relative;
  padding: var(--nd-service-item-padding-y, 0) var(--nd-service-item-padding-x, 0);
}
.gl-service-link {
  display: block;
  margin-bottom: var(--nd-service-link-margin-bottom, 0.5rem);
  font-size: var(--nd-service-link-font-size, 1em);
  font-weight: var(--nd-service-link-font-weight, 700);
  color: var(--nd-service-link-color, #000);
  transition: color 0.15s ease-in-out;
}
.gl-service-link:hover {
  color: var(--nd-service-link-hover-color, var(--nd-primary, #007aff));
}
.gl-service-menu {
  font-size: var(--nd-service-menu-font-size, 0.875em);
  font-weight: var(--nd-service-menu-font-weight, 400);
  color: var(--nd-service-menu-link-color, #6c757d);
  margin-bottom: 0;
  margin-left: 0;
  list-style: none;
}
.gl-service-menu-link {
  display: block;
  padding: var(--nd-service-menu-link-padding-y, 0.375rem) var(--nd-service-menu-link-padding-x, 0);
  color: inherit;
  transition: color 0.15s ease-in-out;
}
.gl-service-menu-link:hover {
  color: var(--nd-service-menu-link-hover-color, #212529);
}
.gl-service-horz {
  --nd-service-cols: 1;
  --nd-service-link-width: 6rem;
  --nd-service-link-margin-bottom: var(--nd-service-gutter-x, 1.5rem);
}
.gl-service-horz .gl-service-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: calc(var(--nd-service-gutter-x, 1.5rem) * 0.5);
}
.gl-service-horz .gl-service-link {
  flex: 0 0 auto;
  width: var(--nd-service-link-width, auto);
  max-width: 100%;
  margin-right: var(--nd-service-link-margin-bottom, 0.5rem);
  margin-bottom: 0;
}
.gl-service-horz .gl-service-menu {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex: 1 1 0;
  max-width: 100%;
  min-width: 0;
  gap: var(--nd-service-gutter-x, 1.5rem);
}
.gl-service-horz .gl-service-menu > * {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
.gl-service-floating {
  position: var(--nd-service-position, absolute);
  z-index: var(--nd-service-z-index, 1003);
  left: var(--nd-service-offset-x, 0);
  top: var(--nd-service-offset-y, 100%);
  width: var(--nd-service-width, 100%);
}
.gl-service-floating.bottom {
  top: auto;
  bottom: var(--nd-service-offset-y, 100%);
}
.gl-service-floating.right {
  left: auto;
  right: var(--nd-service-offset-x, 0);
}
.gl-service-vr {
  --nd-service-item-padding-x: var(--nd-service-gutter-x, 1.5rem);
  --nd-service-item-padding-y: 0;
}
.gl-service-vr .gl-service-item {
  border-left: var(--nd-service-vr-border-width, 1px) var(--nd-service-vr-border-style, solid) var(--nd-service-vr-border-color, #d2d2d4);
}

.mb-header {
  display: flex;
  flex-direction: row;
  gap: var(--nd-header-gap, 1rem);
  position: relative;
  width: var(--nd-header-width, auto);
  height: var(--nd-header-height, auto);
  padding: var(--nd-header-padding, 0);
  margin: var(--nd-header-margin, 0);
  background-color: var(--nd-header-bg, transparent);
  border-width: var(--nd-header-border-width, 0);
  border-style: var(--nd-header-border-style, solid);
  border-color: var(--nd-header-border-color, transparent);
}
.mb-header-side {
  align-self: var(--nd-header-side-align-self, stretch);
  flex: 0 0 auto;
  width: var(--nd-header-side-width, auto);
  max-width: 100%;
}
.mb-header-btn {
  display: var(--nd-header-btn-display, block);
  width: var(--nd-header-btn-width, auto);
  height: var(--nd-header-btn-height, auto);
  padding: var(--nd-header-btn-padding, 0.25rem);
  font-size: var(--nd-header-btn-font-size, 1.5rem);
  font-weight: var(--nd-header-btn-font-weight, 400);
  line-height: var(--nd-header-btn-line-height, 1);
  color: var(--nd-header-btn-color, inherit);
  background-color: var(--nd-header-btn-bg, transparent);
  border: var(--nd-header-btn-border, 0);
  border-radius: var(--nd-header-btn-border-radius, 0);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
.mb-header-btn.active {
  color: var(--nd-header-btn-active-color, inherit);
  background-color: var(--nd-header-btn-active-bg, transparent);
  border: var(--nd-header-btn-active-border-color, transparent);
}
.mb-logo {
  display: flex;
  align-items: center;
  flex: 1 1 0;
  min-width: 0;
  max-width: 100%;
  font-size: var(--nd-logo-font-size, 1em);
}
.mb-logo:not(.first):not(.last) {
  justify-content: center;
}
.mb-logo.first {
  order: -1;
  justify-content: normal;
}
.mb-logo.last {
  order: 13;
  justify-content: flex-end;
}
.mb-logo img {
  max-width: var(--nd-logo-max-width, 6.5rem);
  max-height: var(--nd-logo-max-height, unset);
  -o-object-fit: scale-down;
     object-fit: scale-down;
}

.mb-menu {
  display: flex;
  flex-direction: row;
  gap: var(--nd-menu-gap, 0);
  width: var(--nd-menu-width, auto);
  height: var(--nd-menu-height, auto);
  padding: var(--nd-menu-padding, 0);
  text-align: var(--nd-menu-text-align, center);
}
.mb-menu-container:not(.scroll) .mb-menu {
  flex-wrap: wrap;
}
.mb-menu-link {
  display: block;
  flex: 0 0 auto;
  width: var(--nd-menu-link-width, 25%);
  max-width: 100%;
  padding: var(--nd-menu-link-padding, 0.25rem 0.5rem);
  font-size: var(--nd-menu-link-font-size, 1em);
  font-weight: var(--nd-menu-link-font-weight, inherit);
  line-height: var(--nd-menu-link-line-height, inherit);
  letter-spacing: var(--nd-menu-link-letter-spacing, inherit);
  color: var(--nd-menu-link-color, inherit);
  background-color: var(--nd-menu-link-bg, transparent);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;
}
.mb-menu-link:hover, .mb-menu-link:focus {
  text-decoration: none;
}
.mb-menu-link.active {
  font-weight: var(--nd-menu-link-active-font-weight, inherit);
  color: var(--nd-menu-link-active-color, inherit);
  background-color: var(--nd-menu-link-active-bg, transparent);
}
.mb-menu-container {
  display: block;
  margin: var(--nd-menu-container-margin, 0);
  background-color: var(--nd-menu-container-bg, transparent);
  border-width: var(--nd-menu-container-border-width, 0);
  border-style: var(--nd-menu-container-border-style, solid);
  border-color: var(--nd-menu-container-border-color, transparent);
}
.mb-menu-container.scroll {
  --nd-menu-link-width: auto;
  overflow-x: auto;
  overflow-y: hidden;
}

.mb-nav {
  overflow-x: hidden;
  overflow-y: auto;
  position: var(--nd-nav-position, fixed);
  z-index: var(--nd-nav-zindex, 1004);
  left: 0;
  top: 0;
  width: var(--nd-nav-width, 80%);
  height: var(--nd-nav-height, 100%);
  background-color: var(--nd-nav-bg, #e8e8e9);
  transition: transform 0.3s ease-in-out;
}
.user-header:not(.is-show) .mb-nav {
  transform: var(--nd-nav-active-transform, translateX(-100%));
}
@media print, screen and (min-width: 40em) {
  .mb-nav {
    max-width: var(--nd-nav-max-width, 23.4375rem);
  }
}
.mb-nav-overlay {
  position: var(--nd-nav-overlay-position, fixed);
  z-index: var(--nd-nav-overlay-zindex, 1001);
  background-color: var(--nd-nav-overlay-bg, rgba(0, 0, 0, 0.5));
}
@supports not (inset: 0) {
  .mb-nav-overlay {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
}
@supports (inset: 0) {
  .mb-nav-overlay {
    inset: 0;
  }
}
.user-header:not(.is-show) .mb-nav-overlay {
  display: none;
}
.mb-nav-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--nd-nav-header-gap, 1.5rem);
  padding: var(--nd-nav-header-padding, 1rem 1.25rem);
  background-color: var(--nd-nav-header-bg, #fff);
}
.mb-nav-header-side {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--nd-nav-header-side-gap, 0.5rem);
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
.mb-nav-logo + .mb-nav-header-side {
  margin-left: auto;
}
.mb-nav-header-btn {
  display: block;
  width: var(--nd-nav-header-btn-width, auto);
  height: var(--nd-nav-header-btn-height, auto);
  padding: var(--nd-nav-header-btn-padding, 0.25rem);
  font-size: var(--nd-nav-header-btn-font-size, 1.5rem);
  font-weight: var(--nd-nav-header-btn-font-weight, 400);
  line-height: var(--nd-nav-header-btn-line-height, 1);
  color: var(--nd-nav-header-btn-color, inherit);
  background-color: var(--nd-nav-header-btn-bg, transparent);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;
}
.mb-nav-header-btn.small {
  --nd-nav-header-btn-font-size: 1.125rem;
  --nd-nav-header-btn-color: #6c757d;
}
.mb-nav-header-btn.active {
  color: var(--nd-nav-header-btn-active-color, inherit);
  background-color: var(--nd-nav-header-btn-active-bg, transparent);
}
.mb-nav-logo {
  display: block;
  flex: 0 0 auto;
  width: var(--nd-nav-logo-width, auto);
  max-width: 100%;
}
.mb-nav-logo img {
  max-width: var(--nd-nav-logo-max-width, 6.5rem);
  max-height: var(--nd-nav-logo-max-height, 2rem);
  -o-object-fit: scale-down;
     object-fit: scale-down;
}
.mb-nav-body::before, .mb-nav-body::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
.mb-nav-body::after {
  clear: both;
}
.mb-nav-search {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  width: var(--nd-nav-search-width, auto);
  height: var(--nd-nav-search-height, 3rem);
  background-color: var(--nd-nav-search-bg, #212529);
}
.mb-nav-search-input {
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
  height: auto;
  margin-bottom: 0;
  font-size: var(--nd-nav-search-font-size, 0.875rem);
  font-weight: var(--nd-nav-search-font-weight, 400);
  color: var(--nd-nav-search-color, #fff);
  background-color: transparent;
  border: var(--nd-nav-search-border, 0);
  border-radius: var(--nd-nav-search-border-radius, 0);
}
.mb-nav-search-input:focus {
  color: var(--nd-nav-search-focus-color, #fff);
  background-color: transparent;
  border: var(--nd-nav-search-focus-border, 0);
  border-radius: var(--nd-nav-search-focus-border-radius, 0);
}
.mb-nav-search-input::-moz-placeholder {
  color: var(--nd-nav-search-placeholder, rgba(255, 255, 255, 0.2));
}
.mb-nav-search-input::placeholder {
  color: var(--nd-nav-search-placeholder, rgba(255, 255, 255, 0.2));
}
.mb-nav-search-btn {
  display: block;
  flex: 0 0 auto;
  width: var(--nd-nav-search-btn-width, 4rem);
  max-width: 100%;
  height: var(--nd-nav-search-btn-height, auto);
  font-size: var(--nd-nav-search-btn-font-size, 1.5rem);
  font-weight: var(--nd-nav-search-btn-font-weight, 400);
  line-height: var(--nd-nav-search-btn-line-height, 1);
  color: var(--nd-nav-search-btn-color, #fff);
  background: var(--nd-nav-search-btn-bg, linear-gradient(to right, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 30%));
  border-radius: var(--nd-nav-search-btn-border-radius, 0);
}
.mb-nav-menu {
  display: flex;
  flex-wrap: wrap;
  margin: var(--nd-nav-menu-margin, 0 0 0.75rem);
  padding: var(--nd-nav-menu-padding, 1rem 0);
  font-size: var(--nd-nav-menu-font-size, 1em);
  font-weight: var(--nd-nav-menu-font-weight, 400);
  line-height: var(--nd-nav-menu-line-height, 1.5);
  background-color: var(--nd-nav-menu-bg, #fff);
  text-align: var(--nd-nav-menu-text-align, left);
  list-style: none;
}
.mb-nav-menu[data-accordion] {
  --nd-nav-menu-font-weight: 700;
}
.mb-nav-menu-vert {
  --nd-nav-menu-item-width: 100%;
  flex-direction: column;
}
.mb-nav-menu-item {
  flex: 0 0 auto;
  width: var(--nd-nav-menu-item-width, 50%);
  max-width: 100%;
}
.mb-nav-menu-link {
  display: block;
  padding: var(--nd-nav-menu-link-padding-y, 0.5rem) var(--nd-nav-menu-link-padding-x, 1.25rem);
  color: var(--nd-nav-menu-link-color, #000);
}
.mb-nav-menu-link:hover, .mb-nav-menu-link:focus {
  text-decoration: none;
}
.mb-nav-menu-link[aria-expanded=true], .mb-nav-menu-link[aria-expanded=false] {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.mb-nav-menu-link[aria-expanded=true]::after, .mb-nav-menu-link[aria-expanded=false]::after {
  content: "";
  display: block;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
  width: 1em;
  height: 1em;
  margin-left: auto;
  line-height: 1;
  background-color: currentColor;
  -webkit-mask-image: var(--nd-nav-menu-link-icon);
          mask-image: var(--nd-nav-menu-link-icon);
  -webkit-mask-size: cover;
          mask-size: cover;
}

.mb-nav-menu-link[aria-expanded=false] {
  --nd-nav-menu-link-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4'/%3E%3C/svg%3E");
}
.mb-nav-menu-link[aria-expanded=true] {
  --nd-nav-menu-link-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8'/%3E%3C/svg%3E");
}
.mb-nav-submenu {
  display: flex;
  flex-wrap: wrap;
  margin: var(--nd-nav-submenu-margin, 0 0 0.5rem 1rem);
  padding: var(--nd-nav-submenu-padding, 1rem 0);
  font-size: var(--nd-nav-submenu-font-size, 0.875em);
  font-weight: var(--nd-nav-submenu-font-weight, 400);
  line-height: var(--nd-nav-submenu-line-height, 1.5);
  color: var(--nd-nav-submenu-color, #6c757d);
  background-color: var(--nd-nav-submenu-bg, #f8f9fa);
  border: var(--nd-nav-submenu-border, 0);
  border-radius: var(--nd-nav-submenu-border-radius, 0);
  list-style: none;
}
.mb-nav-submenu > *:nth-child(even) {
  border-left: var(--nd-nav-submenu-divider, 1px solid rgba(0, 0, 0, 0.05));
}
.mb-nav-submenu-item {
  flex: 0 0 auto;
  width: var(--nd-nav-submenu-item-width, 50%);
  max-width: 100%;
}
.mb-nav-submenu-link {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: var(--nd-nav-submenu-link-padding, 0.5rem 1rem);
  color: currentColor;
}
.mb-nav-submenu-link:hover, .mb-nav-submenu-link:focus {
  text-decoration: none;
}
.mb-nav-submenu-container {
  display: none;
}
.mb-nav-footer {
  margin: var(--nd-nav-footer-margin, 2rem 0 1.25rem);
  padding: var(--nd-nav-footer-padding, 0 1.25rem);
  background-color: var(--nd-nav-footer-bg, transparent);
}
.mb-nav-footer-menu {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  font-size: var(--nd-nav-footer-menu-font-size, 0.8125rem);
  font-weight: var(--nd-nav-footer-menu-font-weight, 400);
  line-height: var(--nd-nav-footer-menu-line-height, 1.5);
  color: var(--nd-nav-footer-menu-color, #6c757d);
  margin-bottom: 20px;
  margin-left: 0;
  list-style: none;
}
.mb-nav-footer-menu-item + .mb-nav-footer-menu-item {
  padding-left: var(--nd-nav-footer-menu-item-padding-x, 0.75rem);
}
.mb-nav-footer-menu-item + .mb-nav-footer-menu-item::before {
  content: var(--nd-nav-footer-menu-divider, "|");
  float: left;
  padding-right: var(--nd-nav-footer-menu-item-padding-x, 0.75rem);
  font-weight: 400;
  color: var(--nd-nav-footer-menu-divider-color, #d2d2d4);
}
.mb-nav-footer-menu-link {
  display: inline-block;
  color: currentColor;
}
.mb-nav-footer-menu-link:hover, .mb-nav-footer-menu-link:focus {
  text-decoration: none;
}
.mb-nav-address {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin: var(--nd-nav-address-margin, 0.75rem 0 0);
  padding: var(--nd-nav-address-padding, 0.75rem 0);
  font-size: var(--nd-nav-address-font-size, 0.75rem);
  font-weight: var(--nd-nav-address-font-weight, 400);
  line-height: var(--nd-nav-address-line-height, 1.5);
  color: var(--nd-nav-address-color, #6c757d);
  border-top: var(--nd-nav-address-border-top, 1px solid rgba(0, 0, 0, 0.05));
  text-align: center;
  list-style: none;
}
.mb-nav-address > * {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
.mb-nav-address a {
  color: currentColor;
}
.mb-nav-address a:hover, .mb-nav-address a:focus {
  text-decoration: none;
}
.mb-nav-address-item {
  padding: var(--nd-nav-address-item-padding, 0.25rem 0.5rem);
}
.mb-nav-address-item.zips {
  flex: 0 0 auto;
  width: 100%;
  max-width: 100%;
}
.mb-nav .go-to-desktop {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: var(--nd-nav-desktop-margin, 0 0 1rem);
  padding: var(--nd-nav-desktop-padding, 0.75rem 1.25rem);
  font-size: var(--nd-nav-desktop-font-size, 0.9375rem);
  font-weight: var(--nd-nav-desktop-font-weight, 400);
  line-height: var(--nd-nav-desktop-line-height, 1.2);
  color: var(--nd-nav-desktop-color, #000);
  background-color: var(--nd-nav-desktop-bg, #fff);
  border: var(--nd-nav-desktop-border, 0);
  border-radius: var(--nd-nav-desktop-border-radius, 50rem);
  text-align: var(--nd-nav-desktop-text-align, center);
}
.mb-nav .go-to-desktop:hover, .mb-nav .go-to-desktop:focus {
  text-decoration: none;
}

.user-page-header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: var(--nd-user-page-header-margin-bottom, 1.5rem);
}
@media print, screen and (max-width: 49.99875em) {
  .mobile .user-page-header {
    flex-direction: column;
  }
}
@media print, screen and (max-width: 39.99875em) {
  .mobile .user-page {
    flex-direction: column;
    align-items: stretch;
  }
}
.user-page-titles {
  display: block;
  margin-bottom: var(--nd-user-page-title-margin-bottom, 0);
  font-size: var(--nd-user-page-title-font-size, 1.5rem);
  font-weight: var(--nd-user-page-title-font-weight, 700);
  line-height: var(--nd-user-page-title-line-height, 1.2);
  color: var(--nd-user-page-title-color, #000);
  white-space: var(--nd-user-page-title-white-space, nowrap);
}
.mobile .user-page-titles {
  --nd-user-page-title-font-size: calc(1.5rem + 1.5vw);
}
.user-page-titles > small {
  font-size: 0.875rem;
  font-weight: 400;
  color: #6c757d;
}
.mobile .user-page-titles > small {
  font-size: 0.8em;
}
.user-page-summary {
  display: block;
  margin: 0;
  padding: 0;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.2;
  color: #6c757d;
}
.user-page-summary::before {
  content: "|";
  float: left;
  padding-right: 1.25rem;
  font-weight: 400;
  color: #d2d2d4;
}
@media print, screen and (max-width: 39.99875em) {
  .mobile .user-page-summary::before {
    content: normal;
  }
}
.user-page-titles + .user-page-summary {
  padding-left: 1.25rem;
}
@media print, screen and (max-width: 39.99875em) {
  .mobile .user-page-titles + .user-page-summary {
    margin-top: 0.5rem;
  }
}

.vote-guide {
  display: block;
  overflow: hidden;
  padding: 1.875rem;
  background-color: #f8f9fa;
  border: 1px solid #e8e8e9;
}
@media print, screen and (max-width: 39.99875em) {
  .mobile .vote-guide {
    padding: 1.25rem;
  }
}
.vote-guide .for-guide {
  display: block;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
}
@media print, screen and (max-width: 39.99875em) {
  .mobile .vote-guide .for-guide {
    font-size: 0.9375rem;
  }
}
.vote-guide .for-guide .point {
  color: #dc3545;
  text-decoration: underline;
}
.vote-guide .for-guide .under-line {
  text-decoration: underline;
}
.vote-guide .helper {
  font-size: 0.8em;
  font-weight: 400;
  color: #dc3545;
}
.vote-guide .for-certify {
  display: block;
  margin-top: 1.875rem;
  padding-top: 1.875rem;
  font-size: 1.875rem;
  font-weight: 700;
  line-height: 1.2;
  color: #343a40;
  border-top: 1px solid #e8e8e9;
  text-align: center;
}
@media print, screen and (max-width: 39.99875em) {
  .mobile .vote-guide .for-certify {
    margin-top: 1.25rem;
    padding-top: 1.25rem;
    font-size: 1.375rem;
  }
}
.vote-guide .for-certify > a {
  color: inherit;
}
.vote-guide .for-certify > a > a.vote-btn {
  color: var(--nd-primary, #007aff);
}

.global-menu {
  --nd-global-menu-link-padding-x: 0.75rem;
  --nd-global-menu-link-padding-y: var(--nd-global-menu-link-padding-x);
  --nd-global-menu-link-icon: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke-width='1.5' fill='none' xmlns='http://www.w3.org/2000/svg' color='%23000'%3E%3Cpath d='m6 9 6 6 6-6' stroke='%23000' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  display: flex;
  flex-direction: column;
  margin: var(--nd-global-menu-margin, 0);
  list-style: none;
}
.global-menu-wrapper.for-horz .global-menu-body > .global-menu {
  flex: 0 0 auto;
  width: 100%;
  max-width: 100%;
}
.global-menu-wrapper.is-show .global-menu-body > .global-menu {
  width: calc(var(--nd-offcanvas-width) - var(--nd-global-menu-padding-x));
}
.global-menu-item {
  position: relative;
}
.global-menu-item + .global-menu-item {
  border-top: var(--nd-global-menu-border-width, 1px) solid var(--nd-global-menu-border-color, #e8e8e9);
}
.global-menu-content .global-menu-item + .global-menu-item {
  border-top: 0;
}
.global-menu-content {
  --nd-global-menu-link-padding-x: 0.75rem;
  --nd-global-menu-link-padding-y: 0.5rem;
  --nd-global-menu-margin: 0 0 calc(var(--nd-global-menu-link-padding-y) * 2) var(--nd-global-menu-link-padding-x);
  --nd-global-menu-link-font-size: 0.875em;
  --nd-global-menu-link-font-weight: 400;
  display: none;
}
.global-menu-item[data-dropover] > .global-menu-content {
  --nd-global-menu-margin: 0 0 0 var(--nd-offcanvas-gap);
  position: absolute;
  z-index: 10;
  top: 0;
  left: 100%;
  width: var(--nd-offcanvas-panel-width);
}
.global-menu-item[data-dropover].is-active > .global-menu-content {
  display: block;
}
.global-menu-link {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
  padding: var(--nd-global-menu-link-padding-y) var(--nd-global-menu-link-padding-x);
  font-size: var(--nd-global-menu-link-font-size, 1em);
  font-weight: var(--nd-global-menu-link-font-weight, 500);
  line-height: var(--nd-global-menu-link-line-height, 1.2);
  color: var(--nd-global-menu-link-color, #000);
  background-color: var(--nd-global-menu-link-bg, transparent);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;
}
.global-menu-item[data-dropover] > .global-menu-link::after, .global-menu-item[data-accordion-item] > .global-menu-link::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 5;
  top: 50%;
  right: var(--nd-global-menu-link-padding-x);
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  line-height: 1;
  background-color: var(--nd-global-menu-link-icon-color, #adb5bd);
  -webkit-mask-image: var(--nd-global-menu-link-icon);
          mask-image: var(--nd-global-menu-link-icon);
  -webkit-mask-size: cover;
          mask-size: cover;
  transition: color 0.15s ease-in-out, transform 0.15s ease-in-out;
}
.global-menu-item[data-accordion-item].is-active > .global-menu-link {
  --nd-global-menu-link-icon-color: currentColor;
}
.global-menu-item[data-accordion-item].is-active > .global-menu-link::after {
  transform: scaleY(-1);
}
.global-menu-item[data-dropover].is-active > .global-menu-link {
  --nd-global-menu-link-icon-color: currentColor;
}
.global-menu-item[data-dropover].is-active > .global-menu-link::after {
  transform: rotate(-90deg);
}
.global-menu-link:focus {
  text-decoration: none;
}
.global-menu-link.active {
  color: var(--nd-global-menu-link-active-color, var(--nd-primary, #007aff));
  background-color: var(--nd-global-menu-link-active-bg, transparent);
}
.global-menu-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: var(--nd-global-menu-padding-y) var(--nd-global-menu-padding-x);
}
.global-menu-wrapper.for-horz .global-menu-header {
  border-bottom: 1px solid #ced4da;
}
.global-menu-title {
  display: block;
  flex: 0 0 auto;
  width: auto;
  max-width: var(--nd-global-menu-title-max-width, none);
  font-size: var(--nd-global-menu-title-font-size, 1.25rem);
  font-weight: var(--nd-global-menu-title-font-weight, 700);
  color: var(--nd-global-menu-title-color, #000);
}
.global-menu-title:hover, .global-menu-title:focus {
  text-decoration: none;
}
.global-menu-title > img {
  max-height: var(--nd-global-menu-title-max-height, 2rem);
}
.global-menu-body {
  padding: var(--nd-global-menu-padding-y) var(--nd-global-menu-padding-x);
}
.global-menu-wrapper:not(.for-horz) .global-menu-header + .global-menu-body {
  padding-top: 0;
}
.global-menu-wrapper.for-horz .global-menu-body {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  flex: 1 1 auto;
  min-height: 0;
}
.global-menu-body-side {
  flex: 1 1 0;
  max-width: 100%;
  min-width: 0;
  margin: calc(var(--nd-global-menu-padding-y) * -1) calc(var(--nd-global-menu-padding-x) * -1) calc(var(--nd-global-menu-padding-y) * -1) 0;
  background-color: #f8f9fa;
}
.global-menu-wrapper:not(.is-show) .global-menu-body-side {
  display: none;
}
.global-menu-wrapper.for-horz {
  --nd-offcanvas-gap: 1rem;
  --nd-offcanvas-width: 17.5rem;
  --nd-offcanvas-panel-width: 12.5rem;
  --nd-offcanvas-expaned-width: calc(var(--nd-offcanvas-gap) + var(--nd-offcanvas-width) + var(--nd-offcanvas-panel-width));
  overflow-x: hidden;
  overflow-y: auto;
  width: var(--nd-offcanvas-width);
}
.global-menu-wrapper.for-horz:not(.is-open) {
  transform: translateX(calc(var(--nd-offcanvas-width) * -1));
}
.global-menu-wrapper.for-horz.is-show {
  width: var(--nd-offcanvas-expaned-width);
  transition: width 0.35s ease;
}
.global-menu-container {
  --nd-global-menu-padding-x: 1.25rem;
  --nd-global-menu-padding-y: var(--nd-global-menu-padding-x);
}
.global-menu-wrapper.for-horz .global-menu-container {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}

.index-wrap::before, .index-wrap::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
.index-wrap::after {
  clear: both;
}
.index-wrap.mobile {
  margin-right: calc(var(--nd-user-padding-x, 0) * -1);
  margin-left: calc(var(--nd-user-padding-x, 0) * -1);
  background: var(--nd-index-bg, transparent);
}
.admin-wrap .index-wrap.mobile {
  --nd-user-padding-x: 0px;
}
.nd-notify .index-wrap.letter {
  background-color: #fff;
  border-radius: 0.25rem;
}
.index-wrap.letter table {
  float: none;
  max-width: 50rem;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
}
.index-wrap.letter table thead,
.index-wrap.letter table tbody,
.index-wrap.letter table tfoot,
.index-wrap.letter table tr,
.index-wrap.letter table th,
.index-wrap.letter table td {
  padding: 0;
  margin: 0;
  background: transparent;
  border: none;
}
.index-wrap.letter table img {
  width: revert-layer;
}
.index-wrap.default-tv .index-columns-flex {
  background-color: #efefef;
}
.mobile .index-wrap.default-tv .index-columns-flex {
  margin-right: -1.25rem;
  margin-left: -1.25rem;
}
@media print, screen and (max-width: 49.99875em) {
  .index-wrap.default-tv .index-columns-flex {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}
.index-wrap.default-tv .box-skin .header strong.main-title-tv,
.index-wrap.default-tv .box-skin .header a.main-title-tv {
  font-size: 1.375rem;
  font-weight: 400;
}
.index-wrap.default-tv .body-more-btn {
  display: block;
  margin-top: 1.25rem;
  margin-bottom: 2rem;
  padding: 0.875rem 1rem;
  border: 1px solid rgba(0, 0, 0, 0.12);
  font-size: 1.0625rem;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  transition: all 0.25s;
}
.index-wrap.default-tv .body-more-btn:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.index-wrap.default-tv .body-more-btn::after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.75rem;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent transparent #212529;
}
.mobile .index-wrap:not(.mobile) .index-width, .index-width {
  width: var(--nd-index-width, auto);
  margin-left: auto;
  margin-right: auto;
}

.index-width .index-width {
  width: auto !important;
}
.mobile .index-width:not(.index-wrap) {
  width: auto;
  max-width: var(--nd-index-width, auto);
}
.index-max-width {
  max-width: var(--nd-index-width, auto);
}
.admin-wrap .dspan-editmain .index-max-width {
  width: var(--nd-index-width, auto);
  max-width: none;
}

.index-min-width {
  min-width: var(--nd-index-width, auto);
}

.index-grid, .index-row {
  display: flex;
  flex-wrap: wrap;
}
@media print, screen and (max-width: 39.99875em) {
  .index-wrap.mobile .index-grid, .index-wrap.mobile .index-row, .index-wrap.responsive .index-grid, .index-wrap.responsive .index-row {
    flex-direction: column;
  }
}

.index-col, .index-column, .index-columns {
  flex: 1 1 0%;
  max-width: 100%;
  min-width: 0;
}
.index-col::before, .index-col::after, .index-column::before, .index-column::after, .index-columns::before, .index-columns::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
.index-col::after, .index-column::after, .index-columns::after {
  clear: both;
}
@media print, screen and (max-width: 74.99875em) {
  .index-wrap.mobile .index-col, .index-wrap.responsive .index-col, .index-wrap.mobile .index-column, .index-wrap.responsive .index-column, .index-wrap.mobile .index-columns, .index-wrap.responsive .index-columns {
    flex: 0 0 auto;
    width: 100%;
    min-width: unset;
  }
}
.index-grid {
  align-items: stretch;
  width: var(--nd-grid-inner-width, auto);
  margin: var(--nd-grid-inner-margin, 0);
}
.index-grid .index-grid {
  --nd-grid-inner-width: auto;
}
.dsframe-skin-image .index-grid {
  width: 100%;
  height: 2.5rem;
  background-color: #f8f9fa;
  border: 1px solid rgba(0, 0, 0, 0.175);
}
.dsframe-skin-image .index-grid > * {
  flex: 1 1 0;
  width: auto;
  max-width: 100%;
  min-width: 0;
}
.dsframe-skin-image .index-grid > * + * {
  border-left: 1px solid rgba(0, 0, 0, 0.175);
}
.index-grid-container {
  width: var(--nd-grid-width, auto);
  margin: var(--nd-grid-margin, 0);
  padding: var(--nd-grid-padding, 0);
  background: var(--nd-grid-bg, transparent);
}
.dspan-editmain .index-grid-container {
  margin-right: 0;
  margin-left: 0;
}
@media print, screen and (max-width: 89.99875em) {
  .admmb .index-wrap:not(.mobile):not(.responsive) .index-grid-container {
    min-width: var(--nd-index-width, auto);
    margin-right: 0;
    margin-left: 0;
  }
}
.index-item {
  flex: 0 0 auto;
  max-width: 100%;
}
.index-item::before, .index-item::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
.index-item::after {
  clear: both;
}
.index-item.fixed {
  width: 100%;
}
.index-item.grid-1 {
  width: var(--nd-grid1-width, auto);
  padding: var(--nd-grid1-padding, 0);
  margin: var(--nd-grid1-margin, 0);
  background: var(--nd-grid1-bg, transparent);
  border-width: var(--nd-grid1-border-width, 0);
  border-style: var(--nd-grid1-border-style, solid);
  border-color: var(--nd-grid1-border-color, transparent);
}
.index-grid.row-cols-1 > .index-item {
  width: 100%;
}
.index-item.grid-2 {
  width: var(--nd-grid2-width, auto);
  padding: var(--nd-grid2-padding, 0);
  margin: var(--nd-grid2-margin, 0);
  background: var(--nd-grid2-bg, transparent);
  border-width: var(--nd-grid2-border-width, 0);
  border-style: var(--nd-grid2-border-style, solid);
  border-color: var(--nd-grid2-border-color, transparent);
}
.index-grid.row-cols-2 > .index-item {
  width: 50%;
}
.index-item.grid-3 {
  width: var(--nd-grid3-width, auto);
  padding: var(--nd-grid3-padding, 0);
  margin: var(--nd-grid3-margin, 0);
  background: var(--nd-grid3-bg, transparent);
  border-width: var(--nd-grid3-border-width, 0);
  border-style: var(--nd-grid3-border-style, solid);
  border-color: var(--nd-grid3-border-color, transparent);
}
.index-grid.row-cols-3 > .index-item {
  width: 33.3333333333%;
}
.index-item.grid-4 {
  width: var(--nd-grid4-width, auto);
  padding: var(--nd-grid4-padding, 0);
  margin: var(--nd-grid4-margin, 0);
  background: var(--nd-grid4-bg, transparent);
  border-width: var(--nd-grid4-border-width, 0);
  border-style: var(--nd-grid4-border-style, solid);
  border-color: var(--nd-grid4-border-color, transparent);
}
.index-grid.row-cols-4 > .index-item {
  width: 25%;
}
.index-item.grid-5 {
  width: var(--nd-grid5-width, auto);
  padding: var(--nd-grid5-padding, 0);
  margin: var(--nd-grid5-margin, 0);
  background: var(--nd-grid5-bg, transparent);
  border-width: var(--nd-grid5-border-width, 0);
  border-style: var(--nd-grid5-border-style, solid);
  border-color: var(--nd-grid5-border-color, transparent);
}
.index-grid.row-cols-5 > .index-item {
  width: 20%;
}
.index-item.grid-6 {
  width: var(--nd-grid6-width, auto);
  padding: var(--nd-grid6-padding, 0);
  margin: var(--nd-grid6-margin, 0);
  background: var(--nd-grid6-bg, transparent);
  border-width: var(--nd-grid6-border-width, 0);
  border-style: var(--nd-grid6-border-style, solid);
  border-color: var(--nd-grid6-border-color, transparent);
}
.index-grid.row-cols-6 > .index-item {
  width: 16.6666666667%;
}
.index-item.grid-7 {
  width: var(--nd-grid7-width, auto);
  padding: var(--nd-grid7-padding, 0);
  margin: var(--nd-grid7-margin, 0);
  background: var(--nd-grid7-bg, transparent);
  border-width: var(--nd-grid7-border-width, 0);
  border-style: var(--nd-grid7-border-style, solid);
  border-color: var(--nd-grid7-border-color, transparent);
}
.index-grid.row-cols-7 > .index-item {
  width: 14.2857142857%;
}
.index-item.grid-8 {
  width: var(--nd-grid8-width, auto);
  padding: var(--nd-grid8-padding, 0);
  margin: var(--nd-grid8-margin, 0);
  background: var(--nd-grid8-bg, transparent);
  border-width: var(--nd-grid8-border-width, 0);
  border-style: var(--nd-grid8-border-style, solid);
  border-color: var(--nd-grid8-border-color, transparent);
}
.index-grid.row-cols-8 > .index-item {
  width: 12.5%;
}
.index-item.grid-9 {
  width: var(--nd-grid9-width, auto);
  padding: var(--nd-grid9-padding, 0);
  margin: var(--nd-grid9-margin, 0);
  background: var(--nd-grid9-bg, transparent);
  border-width: var(--nd-grid9-border-width, 0);
  border-style: var(--nd-grid9-border-style, solid);
  border-color: var(--nd-grid9-border-color, transparent);
}
.index-grid.row-cols-9 > .index-item {
  width: 11.1111111111%;
}
.index-item.grid-10 {
  width: var(--nd-grid10-width, auto);
  padding: var(--nd-grid10-padding, 0);
  margin: var(--nd-grid10-margin, 0);
  background: var(--nd-grid10-bg, transparent);
  border-width: var(--nd-grid10-border-width, 0);
  border-style: var(--nd-grid10-border-style, solid);
  border-color: var(--nd-grid10-border-color, transparent);
}
.index-grid.row-cols-10 > .index-item {
  width: 10%;
}
.index-item.grid-11 {
  width: var(--nd-grid11-width, auto);
  padding: var(--nd-grid11-padding, 0);
  margin: var(--nd-grid11-margin, 0);
  background: var(--nd-grid11-bg, transparent);
  border-width: var(--nd-grid11-border-width, 0);
  border-style: var(--nd-grid11-border-style, solid);
  border-color: var(--nd-grid11-border-color, transparent);
}
.index-grid.row-cols-11 > .index-item {
  width: 9.0909090909%;
}
.index-item.grid-12 {
  width: var(--nd-grid12-width, auto);
  padding: var(--nd-grid12-padding, 0);
  margin: var(--nd-grid12-margin, 0);
  background: var(--nd-grid12-bg, transparent);
  border-width: var(--nd-grid12-border-width, 0);
  border-style: var(--nd-grid12-border-style, solid);
  border-color: var(--nd-grid12-border-color, transparent);
}
.index-grid.row-cols-12 > .index-item {
  width: 8.3333333333%;
}
.index-item.expanded, .index-grid.expanded .index-item {
  flex: 1 1 0;
  width: auto;
  min-width: 0;
}

.index-sticky {
  position: sticky;
  z-index: var(--nd-sticky-zindex, unset);
  top: var(--nd-sticky-top, 0);
  right: var(--nd-sticky-right, unset);
  bottom: var(--nd-sticky-bottom, unset);
  left: var(--nd-sticky-left, 0);
  width: var(--nd-sticky-width, auto);
}
.index-sticky::before, .index-sticky::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
.index-sticky::after {
  clear: both;
}

#sections:not(.grid-body) {
  display: flex;
  flex-direction: column;
  gap: var(--nd-section-gap, 1.5rem);
}
#sections .header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding-bottom: 0.75rem;
  margin-bottom: 1.5rem;
  border-bottom: 2px solid #212529;
}
#sections .header > * {
  max-width: 100%;
}
#sections .header > .titles {
  margin-bottom: 0;
  font-size: 1.25rem;
  font-style: normal;
  line-height: 1.2;
  word-wrap: break-word;
  word-break: break-all;
}
#sections .header > .titles > small {
  font-size: 0.625em;
  font-weight: 400;
  font-style: normal;
  color: #6c757d;
}
#sections .header > .view-type {
  margin-left: auto;
}
#sections .header .button-group {
  margin-bottom: 0;
}
#sections .pagination {
  justify-content: center;
}

.section-nav {
  margin-bottom: 1rem;
  border: 1px solid #d2d2d4;
}
#sections .section-nav {
  flex: 0 0 auto;
  width: var(--nd-section-nav-width, 8rem);
  max-width: 100%;
  margin-bottom: 0;
  border: 0;
}
@media print, screen and (max-width: 39.99875em) {
  .mobile #sections .section-nav {
    display: none;
  }
}
.section-nav .first {
  padding-bottom: 0.875rem;
  margin-bottom: 0.875rem;
  font-size: 1.25rem;
  font-weight: 700;
  font-style: normal;
  line-height: 1.2;
  border-bottom: 2px solid #212529;
}
.section-nav .menu {
  font-size: 0.875em;
}
.section-nav .menu > li + li {
  border-top: 1px solid #e8e8e9;
}
.section-nav .menu > li > a {
  padding: 1rem;
  font-weight: 400;
  color: #212529;
}
.section-nav .menu > li > a.current-menu {
  color: var(--nd-primary, #007aff);
}
.section-nav .menu > li.is-dropdown-submenu-parent.opens-right a::after, .section-nav .menu > li.is-drilldown-submenu-parent[aria-expanded] a::after {
  margin-top: -3px;
  border-width: 4px;
  border-left-color: #adb5bd;
}
.section-nav .menu.submenu {
  margin-left: 0;
}
.section-nav .menu .submenu {
  width: calc(100% - 0.5625rem);
}

.section-nav .menu.submenu > li + li {
  border-top: 0;
}
.section-nav .menu.submenu > li > a {
  padding: 0.625rem 1rem;
  font-size: 0.8125rem;
  font-weight: 400;
  color: #6c757d;
}
.section-nav .menu.submenu > li > a:hover, .section-nav .menu.submenu > li > a.active {
  background-color: #f8f9fa;
}
.section-nav .menu.submenu > li > a.current-menu {
  font-weight: 700;
  color: #212529;
}
@media print, screen and (max-width: 39.99875em) {
  .mobile .section-nav .menu.submenu > li:last-child {
    margin-bottom: 0.5rem;
  }
  .mobile .section-nav .menu.submenu > li.js-drilldown-back {
    margin-bottom: 0.5rem;
    border-bottom: 1px solid #e8e8e9;
  }
  .mobile .section-nav .menu.submenu > li.js-drilldown-back a[tabindex] {
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-size: 0.9375rem;
    font-weight: 700;
    color: #212529;
    background: transparent;
  }
  .mobile .section-nav .menu.submenu > li.js-drilldown-back a[tabindex]::before {
    margin-top: -3px;
    border-width: 4px;
    border-right-color: #adb5bd;
  }
  .mobile .section-nav .menu.submenu > li.is-drilldown-submenu-parent[aria-expanded] .is-drilldown-submenu.is-active {
    box-shadow: 1px 0 3px 3px rgba(0, 0, 0, 0.16);
  }
}

.section-body {
  flex: 1 1 0;
  max-width: 100%;
  min-width: 0;
}

#section-list {
  display: block;
  text-align: left;
}
#section-list::before, #section-list::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
#section-list::after {
  clear: both;
}
#section-list > ul,
#section-list > ol {
  padding: 0;
  margin-bottom: 0;
  margin-left: 0;
  list-style: none;
}
#section-list > ul::before, #section-list > ul::after,
#section-list > ol::before,
#section-list > ol::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
#section-list > ul::after,
#section-list > ol::after {
  clear: both;
}
#section-list > ul[class*=type] > li::after,
#section-list > ol[class*=type] > li::after {
  content: "";
  display: table;
  clear: both;
}
#section-list .type1 {
  display: flex;
  flex-direction: column;
}
#section-list .type1 > li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
#section-list .type1 > li:not(:first-child) {
  margin-top: 0.875rem;
}
@media print, screen and (max-width: 39.99875em) {
  .mobile #section-list .type1 > li:not(:first-child) {
    margin-top: 1rem;
  }
}
#section-list .type1 > li:not(:first-child):nth-child(5n+1) {
  margin-top: 1.25rem;
  padding-top: 1.25rem;
  border-top: 1px solid #e8e8e9;
}
#section-list .type1 > li > [class^=icon-] ~ .category {
  margin-left: 0.25rem;
}
#section-list .type1 .titles {
  margin: 0;
  font-size: 1.0625rem;
  font-weight: 500;
  line-height: 1.5;
  color: #000;
  word-wrap: break-word;
  word-break: break-all;
}
@media print, screen and (max-width: 39.99875em) {
  .mobile #section-list .type1 .titles {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .mobile #section-list .type1 .titles + * {
    margin-left: 0;
  }
}
#section-list .type1 .info:not(.label), #section-list .type1 > li > [class^=icon-] {
  margin-left: 0.625rem;
  font-size: 0.75rem;
  font-weight: 400;
  font-style: normal;
  line-height: 1.2;
  color: #6c757d;
}

#section-list .type1 .name,
#section-list .type1 .dated {
  padding-left: 0.625rem;
  font-weight: 400;
  border-left: 1px solid #e8e8e9;
}
#section-list .type1 .label {
  padding: 0.25rem !important;
  font-size: 0.5625rem !important;
  border-radius: 0;
}
#section-list .type1 .label-group {
  margin-left: 0.625rem;
}
@media print, screen and (max-width: 39.99875em) {
  .mobile #section-list .type1 .label-group {
    display: block;
    margin: 0.375rem 0 0;
  }
}
#section-list .type2 {
  display: flex;
  flex-direction: column;
}
#section-list .type2 > li {
  display: block;
}
#section-list .type2 > li::before, #section-list .type2 > li::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
#section-list .type2 > li::after {
  clear: both;
}
#section-list .type2 > li:not(:first-child) {
  margin-top: 1.25rem;
  padding-top: 1.25rem;
  border-top: 1px solid #e8e8e9;
}
#section-list .type2 .thumb {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  float: left;
  position: relative;
  width: 10rem;
  margin-right: 1.25rem;
}
#section-list .type3 .thumb, #section-list .type2 .thumb {
  background: center/24px 24px no-repeat #f8f9fa url("data:image/svg+xml,%3Csvg width='24' height='24' stroke-width='1.5' fill='none' xmlns='http://www.w3.org/2000/svg' color='%23adb5bd'%3E%3Cpath d='M21 3.6v16.8a.6.6 0 0 1-.6.6H3.6a.6.6 0 0 1-.6-.6V3.6a.6.6 0 0 1 .6-.6h16.8a.6.6 0 0 1 .6.6z' stroke='%23adb5bd' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='m3 16 7-3 11 5M16 10a2 2 0 1 1 0-4 2 2 0 0 1 0 4z' stroke='%23adb5bd' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
#section-list .type3 .thumb > img, #section-list .type2 .thumb > img {
  min-width: 100%;
  min-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  aspect-ratio: 3/2;
}
#section-list .type3 .thumb::before, #section-list .type2 .thumb::before {
  content: "";
  position: absolute;
  z-index: 5;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: none;
  border: 1px solid rgba(0, 0, 0, 0.08);
}

@media print, screen and (max-width: 39.99875em) {
  .mobile #section-list .type2 .thumb {
    float: none;
    width: auto;
    margin-right: 0;
    margin-bottom: 0.75rem;
  }
}
#section-list .type2 .view-cont {
  display: block;
}
#section-list .type3 .titles > a, #section-list .type2 .lead > a, #section-list .type2 .titles > a {
  color: inherit;
}

#section-list .type2 .titles {
  margin-bottom: 0.5rem;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.2;
  color: #000;
  word-wrap: break-word;
  word-break: break-all;
}
#section-list .type2 .titles > a {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#section-list .type2 .lead {
  margin: 0 0 1rem;
  padding: 0;
  font-size: 0.875rem;
  font-weight: 400;
  color: #6c757d;
  word-wrap: break-word;
  word-break: break-all;
}
#section-list .type2 .lead > a {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
#section-list .type2 .lead > a:hover, #section-list .type2 .lead > a:focus {
  text-decoration: none;
}
#section-list .type2 .byline {
  display: flex;
  flex-wrap: wrap;
  margin-top: 1rem;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.2;
  color: #6c757d;
}
#section-list .type2 .byline > * {
  display: block;
  font-style: normal;
}
#section-list .type2 .byline > * + * {
  padding-left: 0.5rem;
}
#section-list .type2 .byline > * + *::before {
  content: "|";
  float: left;
  padding-right: 0.5rem;
  font-weight: 400;
  color: #d2d2d4;
}
#section-list .type2 .byline > .label {
  padding: 0.25rem !important;
  font-size: 0.5625rem !important;
  border-radius: 0;
}
#section-list .type2 .byline > .label-group {
  display: inline-block;
  margin: 0 0 0 0.625rem;
  vertical-align: middle;
}
@media print, screen and (max-width: 39.99875em) {
  .mobile #section-list .type2 .byline > .label-group {
    display: block;
    margin: 0.75rem 0 0;
  }
}
#section-list .type3 {
  display: grid;
  grid-template-columns: repeat(var(--nd-section-list-cols, 4), 1fr);
  grid-template-rows: repeat(var(--nd-section-list-rows, 1), 1fr);
  gap: var(--nd-section-list-gap, 1.25rem);
}
@media print, screen and (max-width: 49.99875em) {
  .mobile #section-list .type3 {
    --nd-section-list-cols: 3;
  }
}
@media print, screen and (max-width: 39.99875em) {
  .mobile #section-list .type3 {
    --nd-section-list-cols: 2;
  }
}
#section-list .type3 > li {
  display: block;
  max-width: 100%;
  min-width: 0;
}
#section-list .type3 > li.noimage {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 1.25rem;
  background-color: #f8f9fa;
  border: 1px solid #e8e8e9;
  text-align: center;
}
#section-list .type3 > li.noimage .byline {
  color: #495057;
}
#section-list .type3 .category {
  display: block;
  margin-bottom: 0.5rem;
  font-size: 0.875em;
  font-weight: 400;
  font-style: normal;
  line-height: 1.2;
}
#section-list .type3 .thumb {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
  margin-bottom: 0.5rem;
}
#section-list .type3 .titles {
  margin-bottom: 0.5rem;
  font-size: 1em;
  font-weight: 500;
  font-style: normal;
  line-height: 1.2;
  color: #000;
  word-wrap: break-word;
  word-break: break-all;
}
#section-list .type3 .titles > a {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
#section-list .type3 .byline {
  display: block;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.5;
  color: #6c757d;
}
#section-list .type3 .byline > em {
  display: block;
  font-style: normal;
}
#section-list .type3 .label-group {
  display: block;
  margin-top: 1rem;
}
#section-list .pagination {
  margin-top: 2rem;
  text-align: center;
}
.list-btn-more {
  margin: 1.25rem 0;
  clear: both;
}

.photo-article-list .list-block {
  padding: 1rem;
  margin-bottom: 1rem;
  border: 1px solid #e8e8e9;
}
.photo-article-list .list-block:hover {
  border-color: #ced4da;
}
.photo-article-list .list-block .list-image {
  display: table;
  width: 100%;
  margin-bottom: 1rem;
}
.photo-article-list .list-block .list-image .dis-table-cell {
  height: 9.375rem;
  text-align: center;
  vertical-align: middle;
}
.photo-article-list .list-block .list-image img {
  max-height: 100%;
}
.photo-article-list .list-block .list-summary {
  margin-bottom: 0.7em;
  font-size: 0.8125rem;
  line-height: 1.2;
  color: #6c757d;
}
.photo-article-list .list-block .list-dated {
  font-size: 0.8125rem;
  color: #6c757d;
}
.photo-article-list .list-block .button {
  margin-top: 1rem;
  margin-bottom: 0;
}

.heading {
  margin-bottom: var(--nd-heading-margin-bottom, 1rem);
  font-size: var(--nd-heading-font-size, 2.5rem);
  font-weight: var(--nd-heading-font-weight, 700);
  line-height: var(--nd-heading-line-height, 1.2);
  color: var(--nd-heading-color, inherit);
  letter-spacing: var(--nd-heading-letter-spacing, -0.75px);
}
.breadcrumbs + .heading, nav[rol=navigation] + .heading, nav[role=navigation] + .heading {
  margin-top: var(--nd-heading-margin-top, 1.5rem);
}

.subheading {
  margin-bottom: var(--nd-subheading-margin-bottom, 1.5rem);
  padding-left: var(--nd-subheading-padding-left, 1rem);
  font-size: var(--nd-subheading-font-size, 1.25em);
  font-weight: var(--nd-subheading-font-weight, 400);
  line-height: var(--nd-subheading-line-height, inherit);
  color: var(--nd-subheading-color, inherit);
  border-left: var(--nd-subheading-border, 3px solid #6c757d);
}

.shoulder {
  display: var(--nd-shoulder-display, inline-block);
  width: var(--nd-shoulder-width, auto);
  max-width: var(--nd-shoulder-max-width, 100%);
  margin: var(--nd-shoulder-margin, 1rem 0 0.75rem);
  padding: var(--nd-shoulder-padding, 0.375rem 0.75rem);
  font-size: var(--nd-shoulder-font-size, 1em);
  font-weight: var(--nd-shoulder-font-weight, 400);
  line-height: var(--nd-shoulder-line-height, 1.2);
  color: var(--nd-shoulder-color, #fff);
  background: var(--nd-shoulder-bg, #212529);
  border: var(--nd-shoulder-border, 0);
  border-radius: var(--nd-shoulder-border-radius, 0);
}

.article-veiw-body, .heading, .subheading, .shoulder {
  word-wrap: break-word;
  word-break: break-all;
}

.view-in-banner {
  float: right;
  max-width: 18.75rem;
  margin: 0 0 1.25rem 1.375rem;
  clear: both;
}
@media print, screen and (max-width: 39.99875em) {
  .view-in-banner {
    float: none;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
  }
}
.view-in-banner ~ .simplebox {
  clear: both;
}

.article-veiw-body {
  font-size: var(--nd-atl-view-font-size, 1.125rem);
  font-weight: var(--nd-atl-view-font-weight, 400);
  line-height: var(--nd-atl-view-line-height, 1.72);
}
.article-veiw-body::before, .article-veiw-body::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
.article-veiw-body::after {
  clear: both;
}
.article-veiw-body img {
  width: revert-layer;
}
.article-veiw-body > *:not(br) {
  margin-bottom: var(--nd-atl-view-item-gutter-y, 1.5em);
}
.article-veiw-body > *:first-child {
  margin-top: 0;
}
.article-veiw-body > *:last-child {
  margin-bottom: 0;
}
.article-veiw-body.font-size14 {
  --nd-atl-view-font-size: 0.875rem;
}
.article-veiw-body.font-size15 {
  --nd-atl-view-font-size: 0.9375rem;
}
.article-veiw-body.font-size16 {
  --nd-atl-view-font-size: 1rem;
}
.article-veiw-body.font-size17 {
  --nd-atl-view-font-size: 1.0625rem;
}
.article-veiw-body.font-size18 {
  --nd-atl-view-font-size: 1.125rem;
}
.article-veiw-body.font-size19 {
  --nd-atl-view-font-size: 1.1875rem;
}
.article-veiw-body.font-size20 {
  --nd-atl-view-font-size: 1.25rem;
}
.article-veiw-body.font-size21 {
  --nd-atl-view-font-size: 1.3125rem;
}
.article-veiw-body.font-size22 {
  --nd-atl-view-font-size: 1.375rem;
}
.article-veiw-body.font-size23 {
  --nd-atl-view-font-size: 1.4375rem;
}
.article-veiw-body.font-size24 {
  --nd-atl-view-font-size: 1.5rem;
}
.article-veiw-body .simplebox {
  margin-bottom: 1rem;
}
.article-veiw-body .simplebox::before, .article-veiw-body .simplebox::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
.article-veiw-body .simplebox::after {
  clear: both;
}
.article-veiw-body .simplebox-content[data-type=video] {
  position: relative;
  overflow: hidden;
  height: 0;
  padding-bottom: 56.25%;
}
.article-veiw-body .simplebox-content[data-type=video] > * {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.article-veiw-body .simplebox .button {
  margin: 0;
}
.article-veiw-body .simplebox.shorts, .simplebox.shorts {
  display: flex;
  justify-content: center;
}
.simplebox.shorts .simplebox-content {
  width: calc((100vh - 8rem) * 0.5625);
  min-width: 20rem;
  height: calc(100vh - 8rem);
  min-height: 35rem;
}

.photo-layout {
  position: relative;
}
.article-veiw-body > [style*="text-align:center"]::before, .photo-layout-container::before, .article-veiw-body > [style*="text-align:center"]::after, .photo-layout-container::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
.article-veiw-body > [style*="text-align:center"]::after, .photo-layout-container::after {
  clear: both;
}

.photo-layout.float-left {
  margin-right: 1.5rem;
}
.photo-layout.float-right {
  margin-left: 1.5rem;
}
@media print, screen and (max-width: 39.99875em) {
  .mobile .article-veiw-body .simplebox, .article-veiw-body .mobile .simplebox, .mobile .photo-layout {
    margin-right: calc(var(--nd-user-padding-x) * -1);
    margin-left: calc(var(--nd-user-padding-x) * -1);
  }
  .mobile .photo-layout {
    display: block !important;
    float: none !important;
    width: auto !important;
    max-width: none !important;
    text-align: center;
  }
}
#article-view-content-div.card-news .photo-layout, #admin-content.card-news .photo-layout {
  display: none !important;
}
.photo-layout figcaption, .simplebox-title {
  padding: 0 0.625rem;
  margin-top: 0.75rem;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1.5;
  color: #6c757d;
}
.photo-layout figcaption:not([class*=text-]), .simplebox-title:not([class*=text-]) {
  text-align: left;
}
@media print, screen and (max-width: 39.99875em) {
  .mobile .photo-layout figcaption, .photo-layout .mobile figcaption, .mobile .simplebox-title {
    padding-right: var(--nd-user-padding-x);
    padding-left: var(--nd-user-padding-x);
  }
}
.photo-layout figcaption:empty, .simplebox-title:empty {
  padding-top: 0;
  padding-bottom: 0;
}

.photo-layout.bigsize {
  cursor: pointer;
}
.photo-layout.bigsize::before {
  content: "";
  position: absolute;
  right: 0.625rem;
  top: 0.625rem;
  z-index: 20;
  width: 2.1875rem;
  height: 2.1875rem;
  background: url("/image/image-zoom.svg") 0 0 no-repeat;
  cursor: pointer;
}
@media print, screen and (max-width: 39.99875em) {
  .mobile .photo-layout.bigsize::before {
    right: 0.5rem;
    top: 0.5rem;
  }
}

.outside-article {
  text-align: left;
  line-height: 1.5;
}
.outside-article img {
  display: inline-block !important;
  width: auto !important;
}
.outside-article table {
  width: initial !important;
  border-collapse: collapse !important;
  border: 0 !important;
}
.outside-article table tbody {
  border: 0;
  padding: 0 !important;
  margin: 0 !important;
}
.outside-article table tr {
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
}
.outside-article table td {
  padding: 0;
  margin: 0;
}
.outside-article table td[width] {
  width: 0px !important;
}
.outside-article table td[padding-left],
.outside-article table td[colspan] {
  padding: 0.625rem 0 !important;
  font-size: 0.8rem !important;
  color: #6c757d !important;
  background: transparent !important;
}
.outside-article table font[color] {
  color: #6c757d !important;
}
.outside-article table[align=center] {
  max-width: 100% !important;
  margin: 0 auto 1rem !important;
  padding: 0 !important;
}
.outside-article table[align=left] {
  float: left !important;
  margin-right: 1.25rem !important;
}
.outside-article table[align=right] {
  float: right !important;
  margin-left: 1.25rem !important;
}
@media print, screen and (max-width: 39.99875em) {
  .mobile .outside-article table[align] {
    max-width: 100% !important;
    margin: 0 auto 1rem !important;
  }
}
.outside-article .ndmedian-relation-origin {
  float: none !important;
  margin: 1rem auto !important;
  padding: 0 !important;
  font-size: 1rem !important;
  line-height: 1 !important;
  background: transparent !important;
  border: none !important;
}
.outside-article .ndmedian-relation-origin a[style] {
  display: block !important;
  padding: 0.9375rem !important;
  font-family: inherit !important;
  font-size: 1rem !important;
  line-height: 1 !important;
  color: #fff !important;
  background-color: #6c757d !important;
  border: 1px solid #e8e8e9 !important;
  transition: background-color 0.25s;
}
.outside-article .ndmedian-relation-origin a[style]:hover, .outside-article .ndmedian-relation-origin a[style]:active, .outside-article .ndmedian-relation-origin a[style]:focus {
  background: var(--nd-primary, #007aff) !important;
}
@media print, screen and (max-width: 39.99875em) {
  .mobile .outside-article .ndmedian-relation-origin a[style] {
    padding: 0.625rem !important;
  }
}
.outside-article .ndmedian-relation-news td[height="10"] {
  font-size: 1px !important;
}
.outside-article .ndmedian-relation-news td div[style] {
  position: relative;
  margin-bottom: 0.25rem;
  padding-left: 0.8125rem;
  line-height: 1;
}

.outside-article .ndmedian-relation-news td span[style] {
  display: none;
}

.outside-article .ndmedian-relation-news td a[style] {
  font-size: 0.875rem !important;
  font-weight: 400 !important;
  opacity: 0.8;
}
.outside-article .ndmedian-relation-news td a[style]:hover, .outside-article .ndmedian-relation-news td a[style]:active, .outside-article .ndmedian-relation-news td a[style]:focus {
  text-decoration: underline !important;
  opacity: 1;
}
.outside-article .ndmedian-relation-news td a[style]::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.5625rem;
  width: 0.25rem;
  height: 0.25rem;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
}

.outside-article .ndmedian-relation-news td.view_r {
  height: initial !important;
  padding: 0 0 1rem !important;
  margin: 0 !important;
}
.outside-article .ndmedian-relation-news td.view_r a[style]::before {
  display: none;
}

.article-cardnews {
  position: relative;
  margin-bottom: 2rem;
  text-align: center;
}
.article-cardnews::before, .article-cardnews::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
.article-cardnews::after {
  clear: both;
}
.article-cardnews img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.article-cardnews .cardnews-btns {
  position: absolute;
  z-index: 99;
  width: 50%;
  top: 0;
  bottom: 0;
  cursor: pointer;
}
@media print, screen and (max-width: 49.99875em) {
  .mobile .article-cardnews .cardnews-btns {
    width: auto;
  }
}
.article-cardnews .cardnews-btns.prev-btn .inner-btn, .article-cardnews .cardnews-btns.prev-btn {
  left: 0;
}

.article-cardnews .cardnews-btns.next-btn .inner-btn, .article-cardnews .cardnews-btns.next-btn {
  right: 0;
}

.article-cardnews .cardnews-btns:hover .inner-btn {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.8);
}
.article-cardnews .cardnews-btns .inner-btn {
  position: absolute;
  z-index: 1;
  padding: 1.5rem 1.25rem;
  font-size: 3rem;
  color: rgba(255, 255, 255, 0.3);
  background-color: rgba(0, 0, 0, 0.3);
  top: 50%;
  transform: translateY(-50%);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;
}
@media print, screen and (max-width: 49.99875em) {
  .mobile .article-cardnews .cardnews-btns .inner-btn {
    position: static;
    z-index: inherit;
    transform: translateY(0);
  }
}
@media print, screen and (max-width: 39.99875em) {
  .mobile .article-cardnews .cardnews-btns .inner-btn {
    font-size: 2.25rem;
  }
}

.view-editors {
  margin: 1.5rem 0 1rem;
}
.view-editors::before, .view-editors::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
.view-editors::after {
  clear: both;
}
@media print, screen and (max-width: 39.99875em) {
  .mobile .view-editors {
    float: none !important;
    margin-left: auto;
    margin-right: auto;
  }
}
.view-editors .profile-images {
  overflow: hidden;
  float: left;
  position: relative;
  width: 2.8125rem;
  height: 2.8125rem;
  margin-right: 0.625rem;
  border-radius: 50%;
}
.view-editors .profile-images::before {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 50%;
}
.view-editors .names {
  display: block;
  overflow: hidden;
  min-width: 5.9375rem;
  line-height: 1.2;
}
.view-editors .articles {
  display: inline-block;
  overflow: hidden;
  position: relative;
  padding-right: 0.8125rem;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.2;
  color: #6c757d;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.view-editors .articles:hover, .view-editors .articles:active {
  color: rgba(0, 0, 0, 0.75);
}
.view-editors .articles::after {
  content: "";
  position: absolute;
  z-index: 1;
  right: 0;
  top: 50%;
  border-width: 3px;
  border-style: solid;
  border-color: transparent transparent transparent #dc3545;
  transform: translateY(-50%);
}

.relation {
  margin: var(--nd-relation-margin, 0 0 1.5rem);
  padding: var(--nd-relation-padding, 0);
  font-size: var(--nd-relation-font-size, 1rem);
  border: var(--nd-relation-border, 0);
  border-radius: var(--nd-relation-border-radius, 0);
}
.relation .titles {
  margin-bottom: var(--nd-relation-title-margin-bottom, 1rem);
  font-size: var(--nd-relation-title-font-size, 1.125rem);
  font-weight: var(--nd-relation-title-font-weight, 700);
  line-height: var(--nd-relation-title-line-height, 26px);
  color: var(--nd-relation-title-color, inherit);
}
.relation .list {
  display: flex;
  flex-direction: column;
  gap: var(--nd-relation-list-gap, 0.5rem);
  margin: var(--nd-relation-list-margin, 0);
  padding: var(--nd-relation-list-padding, 0);
  font-size: var(--nd-relation-list-font-size, 1em);
  font-weight: var(--nd-relation-list-font-weight, 400);
  line-height: var(--nd-relation-list-line-height, 1.5);
  color: var(--nd-relation-list-color, #000);
  list-style: none;
}
.relation .list > li {
  display: flex;
  flex-direction: row;
}
.relation .list > li::before {
  content: "";
  display: block;
  overflow: hidden;
  align-self: center;
  flex: 0 0 auto;
  width: var(--nd-relation-list-icon-width, 0.375em);
  height: var(--nd-relation-list-icon-height, 0.375em);
  margin-right: var(--nd-relation-list-icon-margin-right, 0.5em);
  background-color: var(--nd-relation-list-icon-bg, transparent);
  border-width: var(--nd-relation-list-icon-border-width, 0 0 1px 1px);
  border-style: var(--nd-relation-list-icon-border-style, solid);
  border-color: var(--nd-relation-list-icon-border-color, currentColor);
  border-radius: var(--nd-relation-list-icon-border-radius, 0);
}
.relation .list > li > a {
  display: block;
  overflow: hidden;
  flex: 1 1 0%;
  max-width: 100%;
  min-width: 0;
  color: inherit;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.tag {
  display: block;
  padding: var(--nd-tag-padding, 0.25rem 0.5rem);
  font-size: var(--nd-tag-font-size, 0.875em);
  font-weight: var(--nd-tag-font-weight, 500);
  line-height: var(--nd-tag-line-height, 1.5);
  color: var(--nd-tag-color, #000);
  background-color: var(--nd-tag-bg, transparent);
  border: var(--nd-tag-border, 1px solid #000);
  border-radius: var(--nd-tag-border-radius, 50rem);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
.tag:hover {
  color: var(--nd-tag-hover-color, var(--nd-primary));
  background-color: var(--nd-tag-hover-bg, transparent);
  border-color: var(--nd-tag-hover-border-color, var(--nd-primary));
  text-decoration: none;
}
.default-old .tag.Tags {
  --nd-tag-color: #fff;
  --nd-tag-bg: #343a40;
}
.tag-group {
  display: flex;
  flex-wrap: wrap;
  gap: var(--nd-tag-group-gap, 0.25rem);
  position: relative;
  margin: var(--nd-tag-group-margin, 3rem 0);
}
.default-old .tag-group {
  --nd-tag-group-margin: 0;
  --nd-tag-font-size: 0.75rem;
  --nd-tag-border-radius: 0;
}

#article-view {
  --nd-breadcrumbs-item-font-size: 0.875rem;
  --nd-breadcrumbs-item-active-color: #6c757d;
  --nd-breadcrumbs-divider: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath d='m4 2 4 4-4 4' fill='none' stroke='%23adb5bd' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2'/%3E%3C/svg%3E");
  display: block;
}
#article-view .wrapper {
  margin-right: auto;
  margin-left: auto;
  transition: width 0.35s ease;
}
#article-view .article-view-header {
  padding-bottom: 1.5rem;
  margin-bottom: 2.5rem;
  border-bottom: 1px solid #e8e8e9;
}
#article-view .article-view-content {
  display: block;
}
#article-view .article-view-content.for-admin {
  transition: width 0.35s ease;
}
#article-view .info-group {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
@media print, screen and (max-width: 39.99875em) {
  .mobile #article-view .info-group {
    flex-direction: column;
    align-items: stretch;
    gap: 0.5rem;
  }
}
@media print, screen and (max-width: 39.99875em) {
  .mobile #article-view .info-group > .item {
    margin-right: auto;
    margin-left: auto;
  }
}
#article-view .info-group > .item + .item {
  margin-left: auto;
}
#article-view .infomation {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 0.8125rem;
  font-weight: 400;
  color: #6c757d;
  margin-bottom: 0;
  margin-left: 0;
  list-style: none;
}
@media print, screen and (max-width: 39.99875em) {
  .mobile #article-view .infomation {
    align-self: stretch;
    justify-content: center;
  }
}
#article-view .infomation > li + li {
  padding-left: 0.5rem;
}
#article-view .infomation > li + li::before {
  content: "|";
  float: left;
  padding-right: 0.5rem;
  font-weight: 400;
  color: #d2d2d4;
}
#article-view .infomation > li > a {
  color: inherit;
}
#article-view .quick-tool {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-left: auto;
}
.info-group #article-view .quick-tool {
  margin-right: 0;
  margin-left: 0;
}
#article-view .quick-tool > .tool {
  display: block;
  width: 2.25rem;
  height: 2rem;
  font-size: 0.875rem;
  line-height: 1;
  color: #212529;
  background-color: #fff;
  border: 1px solid #e8e8e9;
  border-radius: 0;
  text-align: center;
  transition: color 0.15s ease-in-out, border-color 0.15s ease-in-out, background-color 0.15s ease-in-out;
  cursor: pointer;
  -webkit-appearance: button;
     -moz-appearance: button;
          appearance: button;
}
#article-view .quick-tool > .tool + .tool {
  margin-left: -1px;
}
#article-view .quick-tool > .tool:focus, #article-view .quick-tool > .tool:hover {
  position: relative;
  z-index: 5;
  color: #000;
  background-color: #fff;
  border-color: #6c757d;
  text-decoration: none;
}
#article-view .quick-tool .font-size.up {
  --nd-font-size-icon: url("/image/fs-default-up.svg");
}
#article-view .quick-tool .font-size.down {
  --nd-font-size-icon: url("/image/fs-default-down.svg");
}
#article-view .quick-tool .font-size::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  background-color: currentColor;
  -webkit-mask-image: var(--nd-font-size-icon, unset);
          mask-image: var(--nd-font-size-icon, unset);
  -webkit-mask-size: cover;
          mask-size: cover;
  vertical-align: -0.125em;
}
#article-view .writer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 1rem 0;
  margin-top: 3rem;
  border-top: 1px solid #e8e8e9;
}
#article-view.default-old .writer {
  margin-bottom: 2rem;
  border-top: 0;
}

#article-view .writer > .item {
  display: block;
  flex: 0 0 auto;
  width: 50%;
  max-width: 100%;
}
#article-view .writer > .item.profile:not(:empty) {
  display: block;
  width: auto;
  padding: 0.625rem;
  font-size: 0.75rem;
  font-weight: 400;
  font-style: normal;
  line-height: 1.5;
  color: #6c757d;
}
#article-view .account {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
  text-align: left;
}
#article-view .account > * {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
  font-style: normal;
}
#article-view .account > .image {
  overflow: hidden;
  position: relative;
  width: 2.5rem;
  height: 2.5rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
  border-radius: 50%;
}
#article-view .account > .image::before {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #e8e8e9;
  border-radius: 50%;
}
#article-view .account > .name {
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.2;
  color: #000;
  white-space: nowrap;
}
@media print, screen and (max-width: 49.99875em) {
  .mobile #article-view .account > .name {
    flex: 1 1 0;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
#article-view .account > .email {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.2;
  color: #6c757d;
  white-space: nowrap;
}
@media print, screen and (max-width: 49.99875em) {
  .mobile #article-view .account > .email {
    display: none;
  }
}
#article-view .article-more {
  display: inline-block;
  position: relative;
  font-size: 0.8125rem;
  font-weight: 500;
  font-style: normal;
  line-height: 1.4;
  color: #212529;
  background-image: linear-gradient(transparent 0%, transparent calc(50% - 8px), rgba(var(--nd-primary-rgb), 0.25) calc(50% - 8px), rgba(var(--nd-primary-rgb), 0.25) 100%);
  background-position: 0 0;
  background-size: 100% 200%;
  transition: background-position 120ms ease-in-out, color 120ms ease-in-out;
  text-decoration: none;
}
#article-view .article-more:hover, #article-view .article-more:focus {
  text-decoration: none;
}
#article-view .article-more:hover {
  color: #fff;
  background-image: linear-gradient(transparent 0%, transparent calc(50% - 8px), rgba(var(--nd-primary-rgb), 0.6) calc(50% - 8px), rgba(var(--nd-primary-rgb), 0.6) 100%);
  background-position: 0 100%;
}
#article-view .article-copy {
  display: block;
  margin-bottom: 3rem;
  padding: 1rem 0;
  font-size: 0.875rem;
  font-weight: 400;
  font-style: normal;
  color: #6c757d;
  border-top: 1px solid #6c757d;
  text-align: right;
}
#article-view.default-old .sticky-article .article-copy {
  padding: 0;
  margin-bottom: 4rem;
  font-size: 0.8125rem;
  border-top: 0;
  text-align: left;
}

#article-view .respons-edit::before, #article-view .respons-edit::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
#article-view .respons-edit::after {
  clear: both;
}

.aht-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1.5rem;
  margin-right: auto;
  margin-left: auto;
}
.aht-wrapper > .item {
  display: block;
}
.aht-wrapper > .item.logo {
  position: relative;
  flex: 0 0 auto;
  width: auto;
  max-width: 11rem;
  font-size: 0;
}
.aht-wrapper > .item.logo img {
  max-height: 2.5rem;
}
.aht-wrapper > .item.titles {
  flex: 1 1 0;
  max-width: 100%;
  min-width: 0;
}
.aht-wrapper > .item.options {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
.aht-title-view {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.2;
}
.aht-btn {
  overflow: hidden;
  position: absolute;
  z-index: 10;
  top: 50%;
  width: 4rem;
  height: 3rem;
  font-size: 2rem;
  line-height: 1;
  text-align: center;
  transform: translateY(-50%);
  cursor: pointer;
  -webkit-appearance: button;
     -moz-appearance: button;
          appearance: button;
}
.aht-btn.prev {
  left: 0;
}
.aht-btn.next {
  right: 0;
}
.aht-control {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0;
  text-align: left;
}
.aht-bar {
  display: block;
  overflow: hidden;
  width: 0;
  height: 0;
  border-top-width: 3px;
  border-top-style: solid;
}

.social-group {
  display: flex;
  flex-wrap: wrap;
  gap: var(--nd-sns-group-gap, 0);
}
@media print, screen and (max-width: 39.99875em) {
  .mobile .social-group {
    justify-content: center;
    margin-bottom: 2rem;
  }
}
.default-old .social-group {
  --nd-sns-group-gap: 0.25rem;
  --nd-sns-width: 2.0625rem;
  --nd-sns-height: var(--nd-sns-width);
  --nd-sns-border-radius: 50%;
  float: left;
}
.social-group .sns {
  display: block;
  width: var(--nd-sns-width, 2.25rem);
  height: var(--nd-sns-height, 2.25rem);
  padding: var(--nd-sns-padding, 0);
  margin: 0;
  font-size: var(--nd-sns-font-size, 1rem);
  line-height: 1;
  color: var(--nd-sns-color, #fff);
  background-color: var(--nd-sns-bg, #6c757d);
  border: var(--nd-sns-border, 0);
  border-radius: var(--nd-sns-border-radius, 0);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;
  cursor: pointer;
  -webkit-appearance: button;
     -moz-appearance: button;
          appearance: button;
}
.social-group .sns:hover, .social-group .sns:focus {
  text-decoration: none;
}
.social-group .sns:hover {
  color: var(--nd-sns-hover-color, #fff);
  background-color: var(--nd-sns-hover-bg, #495057);
}
.social-group .sns.naver {
  --nd-sns-color: #fff;
  --nd-sns-bg: #19ce60;
  --nd-sns-hover-color: var(--nd-sns-color);
  --nd-sns-hover-bg: #17b956;
}
.social-group .sns.band {
  --nd-sns-color: #fff;
  --nd-sns-bg: #21c531;
  --nd-sns-hover-color: var(--nd-sns-color);
  --nd-sns-hover-bg: #1eb12c;
}
.social-group .sns.blog {
  --nd-sns-color: #fff;
  --nd-sns-bg: #19ce60;
  --nd-sns-hover-color: var(--nd-sns-color);
  --nd-sns-hover-bg: #17b956;
}
.social-group .sns.line {
  --nd-sns-color: #fff;
  --nd-sns-bg: #19ce60;
  --nd-sns-hover-color: var(--nd-sns-color);
  --nd-sns-hover-bg: #17b956;
}
.social-group .sns.facebook {
  --nd-sns-color: #fff;
  --nd-sns-bg: #4267b2;
  --nd-sns-hover-color: var(--nd-sns-color);
  --nd-sns-hover-bg: #3b5da0;
}
.social-group .sns.twitter {
  --nd-sns-color: #fff;
  --nd-sns-bg: #000;
  --nd-sns-hover-color: var(--nd-sns-color);
  --nd-sns-hover-bg: black;
}
.social-group .sns.kakao {
  --nd-sns-color: #452007;
  --nd-sns-bg: #fee500;
  --nd-sns-hover-color: var(--nd-sns-color);
  --nd-sns-hover-bg: #e5ce00;
}
.social-group .sns.story {
  --nd-sns-color: #fff;
  --nd-sns-bg: #f9e000;
  --nd-sns-hover-color: var(--nd-sns-color);
  --nd-sns-hover-bg: #e0ca00;
}
.social-group .sns.google {
  --nd-sns-color: #fff;
  --nd-sns-bg: #db4437;
  --nd-sns-hover-color: var(--nd-sns-color);
  --nd-sns-hover-bg: #d13326;
}
.social-group .sns.youtube {
  --nd-sns-color: #fff;
  --nd-sns-bg: #ff0000;
  --nd-sns-hover-color: var(--nd-sns-color);
  --nd-sns-hover-bg: #e60000;
}
.social-group .sns.android {
  --nd-sns-color: #fff;
  --nd-sns-bg: #3ddc84;
  --nd-sns-hover-color: var(--nd-sns-color);
  --nd-sns-hover-bg: #27d675;
}
.social-group .sns.instagram {
  --nd-sns-color: #fff;
  --nd-sns-bg: #c13584;
  --nd-sns-hover-color: var(--nd-sns-color);
  --nd-sns-hover-bg: #ae3077;
}
.social-group .sns.daum {
  --nd-sns-color: #fff;
  --nd-sns-bg: #608df9;
  --nd-sns-hover-color: var(--nd-sns-color);
  --nd-sns-hover-bg: #3f75f8;
}
.social-group .sns.zum {
  --nd-sns-color: #fff;
  --nd-sns-bg: #1b52ed;
  --nd-sns-hover-color: var(--nd-sns-color);
  --nd-sns-hover-bg: #1147dc;
}
.social-group .sns.pinterest {
  --nd-sns-color: #fff;
  --nd-sns-bg: #e60023;
  --nd-sns-hover-color: var(--nd-sns-color);
  --nd-sns-hover-bg: #cf0020;
}
.social-group .sns.telegram {
  --nd-sns-color: #fff;
  --nd-sns-bg: #229ed9;
  --nd-sns-hover-color: var(--nd-sns-color);
  --nd-sns-hover-bg: #1f8ec3;
}
.social-group .sns.tistory {
  --nd-sns-color: #fff;
  --nd-sns-bg: #ff5544;
  --nd-sns-hover-color: var(--nd-sns-color);
  --nd-sns-hover-bg: #ff3824;
}
.social-group .sns.apple {
  --nd-sns-color: #fff;
  --nd-sns-bg: #000;
  --nd-sns-hover-color: var(--nd-sns-color);
  --nd-sns-hover-bg: black;
}
.social-group .sns.tiktok {
  --nd-sns-color: #fff;
  --nd-sns-bg: #010101;
  --nd-sns-hover-color: var(--nd-sns-color);
  --nd-sns-hover-bg: #010101;
}
.social-group .sns.weibo {
  --nd-sns-color: #fff;
  --nd-sns-bg: #df2029;
  --nd-sns-hover-color: var(--nd-sns-color);
  --nd-sns-hover-bg: #c91d25;
}
.social-group .sns.podbbang {
  --nd-sns-color: #fff;
  --nd-sns-bg: #1fa1eb;
  --nd-sns-hover-color: var(--nd-sns-color);
  --nd-sns-hover-bg: #1493dc;
}
.social-group .sns.rss {
  --nd-sns-color: #fff;
  --nd-sns-bg: #f26522;
  --nd-sns-hover-color: var(--nd-sns-color);
  --nd-sns-hover-bg: #eb550e;
}
.social-group .sns.url {
  --nd-sns-color: #fff;
  --nd-sns-bg: #20c997;
  --nd-sns-hover-color: var(--nd-sns-color);
  --nd-sns-hover-bg: #1db588;
}
.social-group .sns.cyworld {
  --nd-sns-color: #fff;
  --nd-sns-bg: #ff6500;
  --nd-sns-hover-color: var(--nd-sns-color);
  --nd-sns-hover-bg: #e65b00;
}
.social-group .sns.vingle {
  --nd-sns-color: #fff;
  --nd-sns-bg: #e00;
  --nd-sns-hover-color: var(--nd-sns-color);
  --nd-sns-hover-bg: #d60000;
}
.social-group .sns.linkedin {
  --nd-sns-color: #fff;
  --nd-sns-bg: #0177b5;
  --nd-sns-hover-color: var(--nd-sns-color);
  --nd-sns-hover-bg: #016ba3;
}
.social-group .sns.link {
  --nd-sns-color: #fff;
  --nd-sns-bg: #6610f2;
  --nd-sns-hover-color: var(--nd-sns-color);
  --nd-sns-hover-bg: #5b0cdc;
}
.social-group .sns.mail {
  --nd-sns-color: #fff;
  --nd-sns-bg: #ff8811;
  --nd-sns-hover-color: var(--nd-sns-color);
  --nd-sns-hover-bg: #f57a00;
}
.social-group .sns.share {
  --nd-sns-color: #fff;
  --nd-sns-bg: #20c997;
  --nd-sns-hover-color: var(--nd-sns-color);
  --nd-sns-hover-bg: #1db588;
}
.default-old #sticky-header .aht-wrapper > .options .social-group .sns {
  width: auto;
  height: auto;
  font-size: 1.5rem;
  color: #212529;
  background-color: #fff;
}
.social-group.for-other {
  --nd-sns-group-gap: 1rem;
  --nd-sns-width: 100%;
  --nd-sns-height: auto;
  --nd-sns-padding: 1.25rem 0.5rem;
  --nd-sns-font-size: 1.5rem;
  display: grid;
  grid-template-columns: repeat(var(--nd-sns-group-cols, 4), 1fr);
  grid-template-rows: repeat(var(--nd-sns-group-rows, 1), 1fr);
}
@media print, screen and (max-width: 39.99875em) {
  .mobile .social-group.for-other {
    --nd-sns-group-cols: 3;
  }
}

.article-popular {
  padding: 1rem;
  margin-bottom: 1rem;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.article-popular::before, .article-popular::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
.article-popular::after {
  clear: both;
}
@media print, screen and (max-width: 39.99875em) {
  .mobile .article-popular-photo, .mobile .article-popular-list {
    float: none;
    width: 100%;
    margin-top: 1rem;
  }
}

.article-popular-photo {
  position: relative;
  width: 16.875rem;
}
.article-popular-photo .photo-titbg {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0.625rem;
  background-color: #495057;
}
.article-popular-photo .photo-titbg a {
  color: #fff;
}

.default-old .article-view-sns {
  padding-bottom: 4rem;
  margin-bottom: 4rem;
  border-bottom: 1px solid #e8e8e9;
  text-align: center;
}
.default-old .article-view-sns .social-group {
  float: none;
}
.default-old .article-view-sns .social-group .sns {
  width: 3rem;
  height: 3rem;
  font-size: 1.5rem;
}

#sticky-header {
  position: fixed;
  z-index: 1004;
  left: 0;
  right: 0;
  top: 0;
  padding: 1rem 1.5rem;
  background-color: #fff;
  border-bottom: 1px solid #d2d2d4;
  transition: transform 0.35s ease;
}
@media print, screen and (max-width: 49.99875em) {
  .mobile #sticky-header {
    display: none !important;
  }
}
#sticky-header:not(.scroll) {
  transform: translateY(-100%);
}
@media print {
  #sticky-header {
    display: none !important;
  }
}

.article-lang {
  --nd-lang-gap: 0.25rem;
  --nd-lang-btn-width: calc(20% - var(--nd-lang-gap) * 2);
  display: flex;
  flex-wrap: wrap;
  gap: var(--nd-lang-gap);
}
.article-lang .lang-btns {
  display: block;
  flex: 0 0 auto;
  width: var(--nd-lang-btn-width);
  padding: 0.625rem 0;
  font-size: 0.75rem;
  font-weight: 400;
  text-align: center;
  color: #6c757d;
  cursor: pointer;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;
}
.article-lang .lang-btns:hover {
  color: #fff;
  background-color: #6c757d;
}
.article-lang .lang-btns::before {
  content: "";
  display: block;
  width: 3.125rem;
  height: 2.0625rem;
  margin-right: auto;
  margin-bottom: 0.5rem;
  margin-left: auto;
  background: var(--nd-lang-btn-bg-position, 0 0)/50px auto no-repeat url("/image/lang-mark.png");
}
.article-lang .lang-btns.ko {
  --nd-lang-btn-bg-position: 0 0;
}
.article-lang .lang-btns.en {
  --nd-lang-btn-bg-position: 0 -40px;
}
.article-lang .lang-btns.jp {
  --nd-lang-btn-bg-position: 0 -80px;
}
.article-lang .lang-btns.cn {
  --nd-lang-btn-bg-position: 0 -120px;
}
.article-lang .lang-btns.fr {
  --nd-lang-btn-bg-position: 0 -160px;
}
.article-lang .lang-btns.es {
  --nd-lang-btn-bg-position: 0 -200px;
}
.article-lang .lang-btns.ru {
  --nd-lang-btn-bg-position: 0 -240px;
}
.article-lang .lang-btns.id {
  --nd-lang-btn-bg-position: 0 -280px;
}
#google_translate_element,
.goog-te-banner-frame {
  display: none !important;
}

.article-table > :not(caption) > * > *:not(:last-child) {
  border-right: 1px solid #ebebeb;
}
.article-table.cke_show_border > :not(caption) > * > *:hover {
  background-color: #fafafa;
}

.helper-tool {
  display: block;
  width: var(--nd-tool-width, 2.5rem);
  height: var(--nd-tool-height, 2.5rem);
  font-size: var(--nd-tool-font-size, 1.5rem);
  line-height: 1;
  color: var(--nd-tool-color, var(--nd-dark, #212529));
  background-color: var(--nd-tool-bg, transparent);
  border: var(--nd-tool-border, 0);
  border-radius: var(--nd-tool-border-radius, var(--nd-border-radius, 0.25rem));
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
.helper-tool:hover {
  color: var(--nd-tool-hover-color, var(--nd-body-color, #000));
  background-color: var(--nd-tool-hover-bg, var(--nd-light, #f8f9fa));
  border-color: var(--nd-tool-hover-border-color, transparent);
}
.helper-tool.hover, .helper-tool.active {
  color: var(--nd-tool-active-color, var(--nd-body-color, #000));
  background-color: var(--nd-tool-active-bg, var(--nd-light, #f8f9fa));
  border-color: var(--nd-tool-active-border-color, transparent);
}
.helper-tool.page-share {
  --nd-tool-icon: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke-width='1.5' fill='none' xmlns='http://www.w3.org/2000/svg' color='%23000'%3E%3Cpath d='M18 22a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM18 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM6 15a3 3 0 1 0 0-6 3 3 0 0 0 0 6z' stroke='%23000' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='m15.5 6.5-7 4M8.5 13.5l7 4' stroke='%23000'/%3E%3C/svg%3E");
}
.helper-tool.page-scrap {
  --nd-tool-icon: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke-width='1.5' fill='none' xmlns='http://www.w3.org/2000/svg' color='%23000'%3E%3Cpath d='M5 21V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16l-5.918-3.805a2 2 0 0 0-2.164 0L5 21z' stroke='%23000' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.helper-tool.page-print {
  --nd-tool-icon: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke-width='1.5' fill='none' xmlns='http://www.w3.org/2000/svg' color='%23000'%3E%3Cpath d='M17.571 18H20.4a.6.6 0 0 0 .6-.6V11a4 4 0 0 0-4-4H7a4 4 0 0 0-4 4v6.4a.6.6 0 0 0 .6.6h2.829M8 7V3.6a.6.6 0 0 1 .6-.6h6.8a.6.6 0 0 1 .6.6V7' stroke='%23000'/%3E%3Cpath d='M6.098 20.315 6.428 18l.498-3.485A.6.6 0 0 1 7.52 14h8.96a.6.6 0 0 1 .594.515L17.57 18l.331 2.315a.6.6 0 0 1-.594.685H6.692a.6.6 0 0 1-.594-.685z' stroke='%23000'/%3E%3Cpath d='m17 10.01.01-.011' stroke='%23000' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.helper-tool.font-size {
  --nd-tool-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M10.52 5.34h2.59c0 1.7-.23 3.31-.7 4.81-.47 1.51-1.24 2.89-2.32 4.14s-2.56 2.35-4.45 3.3l-1.48-2.02c1.45-.76 2.65-1.6 3.58-2.53.94-.93 1.63-1.99 2.09-3.19.46-1.19.68-2.55.68-4.06v-.47zm-5.41 0h6.75v2.12H5.11V5.34zm9.83-1.73h2.66v16.78h-2.66V3.61zm1.98 6.32h2.92v2.16h-2.92V9.93z' fill='%23000'/%3E%3C/svg%3E");
}
.helper-tool::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  background-color: currentColor;
  -webkit-mask-image: var(--nd-tool-icon, unset);
          mask-image: var(--nd-tool-icon, unset);
  -webkit-mask-size: cover;
          mask-size: cover;
  vertical-align: -0.125em;
}
.helper-tool-group {
  --nd-dropdown-width: 18.5rem;
  --nd-dropdown-padding-x: 1.25rem;
  --nd-dropdown-padding-y: var(--nd-dropdown-padding-x);
  --nd-dropdown-padding: var(--nd-dropdown-padding-y) var(--nd-dropdown-padding-x);
  --nd-dropdown-font-size: var(--nd-body-font-size, 1em);
  --nd-dropdown-bg: var(--nd-white, #fff);
  --nd-dropdown-border: 1px solid var(--nd-dark, #212529);
  --nd-dropdown-border-radius: var(--atlview-radius);
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--nd-tool-group-gap, 0.25rem);
}
.helper-tool-group > * {
  flex: 0 0 auto;
  max-width: 100%;
}
.helper-tool-group > *:not(.helper-tool) {
  width: auto;
}

.fontsize-slider-bar, .fontsize-slider, .fontsize-header {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.fontsize-header {
  margin-bottom: var(--nd-dropdown-padding-y);
  padding-bottom: var(--nd-dropdown-padding-y);
  border-bottom: 1px solid var(--nd-gray-200, #e8e8e9);
}
.fontsize-title {
  font-weight: 600;
}
.fontsize-slider {
  gap: 0.25rem;
}
.fontsize-slider-text {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
  font-size: 1rem;
  line-height: 1.2;
}
.fontsize-slider-text.for-large {
  font-size: 1.5rem;
}
.fontsize-slider-bar {
  justify-content: space-between;
  position: relative;
  flex: 1 1 0;
  min-width: 0;
  max-width: 100%;
  margin-bottom: 0;
  margin-left: 0;
  list-style: none;
}
.fontsize-slider-bar::before {
  content: "";
  display: block;
  overflow: hidden;
  position: absolute;
  z-index: 1;
  inset: 50% var(--nd-slider-offset, calc(0.5 * var(--nd-slider-item-width, 20%))) auto;
  height: var(--nd-slider-line-width, 2px);
  margin-top: calc(-0.5 * var(--nd-slider-line-width, 2px));
  background-color: var(--nd-slider-line-bg, var(--nd-gray-300, #d2d2d4));
}
.fontsize-slider-bar::after {
  content: "";
  position: absolute;
  z-index: 5;
  inset: 50% auto auto var(--nd-slider-icon-offset-x, calc(var(--nd-slider-icon-left, 20%) + var(--nd-slider-offset, calc(0.5 * var(--nd-slider-item-width, 20%)))));
  width: var(--nd-slider-icon-width, 1rem);
  height: var(--nd-slider-icon-height, 1rem);
  margin-top: calc(-0.5 * var(--nd-slider-icon-height, 1rem));
  margin-left: calc(-0.5 * var(--nd-slider-icon-width, 1rem));
  background-color: var(--nd-slider-icon-bg, var(--nd-primary, #007aff));
  border-radius: var(--nd-border-radius-pill, 50rem);
  transition: left 0.15s ease-in-out;
}
.fontsize-slider-item {
  position: relative;
  z-index: 2;
  flex: 0 0 auto;
  width: var(--nd-slider-item-width, 20%);
  max-width: 100%;
  height: 2.5rem;
  isolation: isolate;
  cursor: pointer;
  -webkit-appearance: button;
     -moz-appearance: button;
          appearance: button;
}
.fontsize-slider-item::before {
  content: "";
  display: block;
  overflow: hidden;
  position: absolute;
  z-index: -1;
  inset: 50% auto auto 50%;
  width: var(--nd-slider-line-width, 2px);
  height: 0.75rem;
  margin-right: auto;
  margin-left: auto;
  background-color: var(--nd-slider-line-bg, var(--nd-gray-300, #d2d2d4));
  transform: translate(-50%, -50%);
}
.fontsize-preview {
  margin-top: var(--nd-dropdown-padding-y);
  font-size: var(--nd-slider-preview-font-size, 1.125rem);
}

.article-writer {
  margin: var(--nd-writer-margin, 3rem 0 1.5rem);
  padding: var(--nd-writer-padding, 1.25rem 0);
  background-color: var(--nd-writer-bg, transparent);
  border-width: var(--nd-writer-border-width, 1px 0);
  border-style: var(--nd-writer-border-style, solid);
  border-color: var(--nd-writer-border-color, var(--nd-gray-300, #d2d2d4));
}
.article-writer-account, .article-writer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.article-writer-image {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
  flex: 0 0 auto;
  width: var(--nd-writer-image-width, 2.5rem);
  max-width: 100%;
  height: var(--nd-writer-image-height, 2.5rem);
  margin: var(--nd-writer-image-margin, 0 0.75rem 0 0);
  background: var(--nd-writer-image-bg, var(--nd-light, #f8f9fa));
  border-radius: var(--nd-writer-image-border-radius, var(--nd-border-radius-pill, 50rem));
}
.article-writer-image::before {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
  border: var(--nd-writer-image-border, 1px solid rgba(var(--nd-black-rgb, 0, 0, 0), 0.08));
  border-radius: var(--nd-writer-image-border-radius, var(--nd-border-radius-pill, 50rem));
}
.article-writer-image > img {
  -o-object-fit: var(--nd-writer-image-object-fit, cover);
     object-fit: var(--nd-writer-image-object-fit, cover);
  aspect-ratio: var(--nd-writer-image-ratio, 1/1);
}
.article-writer-content {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  flex: 1 1 0;
  min-width: 0;
  max-width: 100%;
}
.article-writer-name {
  font-size: var(--nd-writer-name-font-size, 1rem);
  font-weight: var(--nd-writer-name-font-weight, 600);
  line-height: var(--nd-writer-name-line-height, 24px);
  color: var(--nd-writer-name-color, inherit);
}
.article-writer-mail {
  margin: var(--nd-writer-mail-margin, 0.125rem 0 0);
  font-size: var(--nd-writer-mail-font-size, 0.8125rem);
  font-weight: var(--nd-writer-mail-font-weight, 400);
  line-height: var(--nd-writer-mail-line-height, 21px);
  color: var(--nd-writer-mail-color, var(--nd-secondary, #6c757d));
}
.article-writer-more {
  display: var(--nd-writer-more-display, block);
  margin: var(--nd-writer-more-margin, 0 0 0 auto);
  padding: var(--nd-writer-more-padding, 0.25rem 0.75rem);
  font-size: var(--nd-writer-more-font-size, 0.875rem);
  font-weight: var(--nd-writer-more-font-weight, 400);
  line-height: var(--nd-writer-more-line-height, 1.5);
  color: var(--nd-writer-more-color, var(--nd-white, #fff));
  background-color: var(--nd-writer-more-bg, var(--nd-primary, #007aff));
  border: var(--nd-writer-more-border, 0);
  border-radius: var(--nd-writer-more-border-radius, 0);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
.article-writer-more:hover, .article-writer-more:focus {
  text-decoration: none;
}
.article-writer-more:hover {
  color: var(--nd-writer-more-hover-color, var(--nd-white, #fff));
  background-color: var(--nd-writer-more-hover-bg, var(--nd-primary-hover, #006ee6));
  border-color: var(--nd-writer-more-hover-border-color, transparent);
}

.article-copyright {
  margin: var(--nd-copyright-margin, 3rem 0);
  font-size: var(--nd-copyright-font-size, 1rem);
  font-weight: var(--nd-copyright-font-weight, 400);
  line-height: var(--nd-copyright-line-height, inherit);
  color: var(--nd-copyright-color, inherit);
}

#tem-type-1 {
  margin-bottom: 3rem;
  font-size: 1.25rem;
  font-weight: 400;
  text-align: center;
}
#tem-type-1::before {
  content: "\e805";
  display: block;
  font-size: 1em;
  font-family: "fontello";
  font-variant: normal;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-bottom: 1.25rem;
}
#tem-type-1::after {
  content: "\e809";
  display: block;
  font-size: 1em;
  font-family: "fontello";
  font-variant: normal;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-top: 1.25rem;
}
#tem-type-1 p {
  margin: 0;
  padding: 0;
  line-height: 1.5;
  text-align: center;
}

#tem-type-2 {
  position: relative;
  margin-bottom: 3rem;
  padding-left: 1.25rem;
  font-size: 1.25rem;
  font-weight: 400;
  text-align: left;
}
#tem-type-2::before {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  bottom: 0;
  border-left: 4px solid #000;
}
#tem-type-2::after {
  content: "";
  display: table;
  clear: both;
}
#tem-type-2 p {
  margin: 0;
  padding: 0;
  line-height: 1.5;
}

#tem-type-3 {
  margin-bottom: 5rem;
  text-align: center;
}
#tem-type-3::before, #tem-type-3::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
#tem-type-3::after {
  clear: both;
}
#tem-type-3 .wrapper {
  display: inline-block;
  position: relative;
  padding: 1rem 1.5rem;
  font-size: 1.3rem;
  font-weight: 400;
  text-align: left;
  border: 5px solid #e8e8e9;
}
#tem-type-3 .wrapper::before {
  content: "";
  position: absolute;
  z-index: 2;
  width: 3.125rem;
  height: 3.125rem;
  top: calc(100% - 1.5625rem);
  left: 30%;
  border-width: 5px;
  border-style: solid;
  border-color: transparent #e8e8e9 transparent transparent;
  box-sizing: border-box;
  transform: rotate(45deg);
}
#tem-type-3 .wrapper::after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 1.875rem;
  border-top: 5px solid #fff;
  left: calc(30% + 1.4375rem);
  top: 100%;
  box-sizing: border-box;
}
#tem-type-3 .wrapper p {
  margin: 0;
  padding: 0;
  line-height: 1.5;
  text-align: left;
}

#tem-type-4 {
  margin-bottom: 5rem;
  text-align: center;
}
#tem-type-4::before, #tem-type-4::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
#tem-type-4::after {
  clear: both;
}
#tem-type-4 .wrapper {
  display: inline-block;
  position: relative;
  padding-bottom: 1rem;
  font-size: 1.25rem;
  font-weight: 400;
  text-align: left;
  border-bottom: 1px solid #000;
}
#tem-type-4 .wrapper::before {
  content: "\e805";
  display: inline-block;
  font-size: 1em;
  font-family: "fontello";
  font-variant: normal;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-bottom: 1.25rem;
}
#tem-type-4 .wrapper::after {
  content: "";
  display: table;
  clear: both;
}
#tem-type-4 .wrapper p {
  margin: 0;
  padding: 0;
  line-height: 1.5;
  text-align: left;
}

#tem-type-5 {
  margin-bottom: 5rem;
  text-align: center;
}
#tem-type-5::before, #tem-type-5::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
#tem-type-5::after {
  clear: both;
}
#tem-type-5 .wrapper {
  display: inline-block;
  position: relative;
  padding: 1rem 3.75rem 1rem 1.5rem;
  font-size: 1.25rem;
  font-weight: 400;
  text-align: left;
  border: 5px solid #d2d2d4;
  box-sizing: border-box;
}
#tem-type-5 .wrapper::before {
  content: "";
  position: absolute;
  z-index: 1;
  right: -5px;
  bottom: -5px;
  border-width: 25px;
  border-style: solid;
  border-color: #ced4da #fff #fff #ced4da;
}
#tem-type-5 .wrapper::after {
  content: "";
  display: table;
  clear: both;
}
#tem-type-5 .wrapper p {
  margin: 0;
  padding: 0;
  line-height: 1.5;
  text-align: left;
}

#tem-type-6 {
  margin-bottom: 5rem;
  text-align: center;
}
#tem-type-6::before, #tem-type-6::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
#tem-type-6::after {
  clear: both;
}
#tem-type-6 .wrapper {
  display: inline-block;
  position: relative;
  padding: 1rem 1.5rem;
  font-size: 1.25rem;
  font-weight: 400;
  text-align: left;
}
#tem-type-6 .wrapper::after, #tem-type-6 .wrapper::before {
  content: "";
  position: absolute;
  z-index: 1;
  width: 2.1875rem;
  height: 2.1875rem;
  border-width: 5px;
  border-style: solid;
  border-color: transparent;
}

#tem-type-6 .wrapper::before {
  left: 0;
  top: 0;
  border-left-color: #495057;
  border-top-color: #495057;
}
#tem-type-6 .wrapper::after {
  right: 0;
  bottom: 0;
  border-right-color: #495057;
  border-bottom-color: #495057;
}
#tem-type-6 .wrapper p {
  margin: 0;
  padding: 0;
  line-height: 1.5;
  text-align: left;
}

#tem-type-7 {
  position: relative;
  margin-bottom: 3rem;
  padding-bottom: 1.5rem;
  font-size: 1.25rem;
  font-weight: 400;
  text-align: center;
}
#tem-type-7::after {
  content: "";
  position: absolute;
  z-index: 2;
  width: 60px;
  left: 50%;
  bottom: 0;
  border-bottom: 2px solid #343a40;
  transform: translateX(-50%);
}
#tem-type-7 .icons {
  position: relative;
  display: block;
  width: 8.125rem;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.25rem;
}
#tem-type-7 .icons::before {
  content: "\e815";
  display: inline-block;
  font-size: 1em;
  font-family: "fontello";
  font-variant: normal;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  z-index: 2;
  width: 2.125rem;
  background: #fff;
}
#tem-type-7 .icons::after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  top: 50%;
  border-top: 1px solid #343a40;
}
#tem-type-7 .header-titles {
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  padding: 0.25rem;
  color: #fff;
  background: #343a40;
  line-height: 1;
}
#tem-type-7 p {
  margin: 0;
  padding: 0;
  font-size: 2.375rem;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
}

#tem-type-8 {
  margin-bottom: 2rem;
  padding: 1rem;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
#tem-type-8 p:first-child {
  margin-top: 0;
}
#tem-type-8 p:last-child {
  margin-bottom: 0;
}

#tem-type-9 {
  margin-bottom: 2rem;
  padding-bottom: 1rem;
  font-size: 1.25rem;
  border-bottom: 1px solid #343a40;
}
#tem-type-9 p:first-child {
  margin-top: 0;
}
#tem-type-9 p:last-child {
  margin-bottom: 0;
}

#tem-type-10 {
  border: 1px solid rgba(0, 0, 0, 0.12);
}
#tem-type-10 .contents, #tem-type-10 .titles {
  padding: 0.625rem 0.9375rem;
  box-sizing: border-box;
}

#tem-type-10 .titles {
  font-size: 1.125rem;
  font-weight: 900;
  font-style: normal;
  line-height: 1.3;
  color: #000;
  background-color: #f8f9fa;
  text-align: center;
}
#tem-type-10 .contents {
  font-size: 0.9375rem;
  font-weight: 400;
  font-style: normal;
  line-height: 1.5;
  color: #6c757d;
}
#tem-type-10 .contents > *:first-child {
  margin-top: 0;
}
#tem-type-10 .contents > *:last-child {
  margin-bottom: 0;
}

.navernews_end_em {
  font-style: normal;
  background-color: #e3eeff;
}
.navernews_end_title {
  display: block;
  padding: 0.5rem 0;
  font-weight: 600;
  border-top: 1px solid #6c757d;
  border-bottom: 1px solid #d2d2d4;
}
.navernews_end_blockquote_center {
  padding: 1rem 0;
  font-style: italic;
  font-weight: 400;
  color: #6c757d;
  border-top: 1px solid #d2d2d4;
  border-bottom: 1px solid #d2d2d4;
  text-align: center;
}
.navernews_end_blockquote_center::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cpath d='M11.93 10.11c.69-.48 1.6-1.04 2.73-1.69l-1.29-2.17c-.75.46-1.68 1.04-2.78 1.77-1.11.72-2.15 1.6-3.14 2.63A14.76 14.76 0 0 0 5 14.11c-.67 1.27-1.01 2.69-1.01 4.26 0 2.21.44 4 1.33 5.37.89 1.35 2.37 2.02 4.43 2.02 1.32 0 2.35-.43 3.1-1.3.72-.77 1.13-1.79 1.16-2.85 0-1.41-.43-2.48-1.3-3.2-.84-.75-2.01-1.12-3.49-1.12H7.49c.15-1.25.4-2.27.76-3.06.39-.84.91-1.61 1.55-2.28.64-.69 1.35-1.31 2.13-1.83zm13.33 0c.7-.48 1.61-1.04 2.74-1.69l-1.29-2.17c-.75.46-1.68 1.04-2.78 1.77-1.11.72-2.15 1.6-3.14 2.63a14.76 14.76 0 0 0-2.45 3.46c-.68 1.27-1.01 2.69-1.01 4.26 0 2.21.44 4 1.33 5.37.89 1.35 2.37 2.02 4.43 2.02 1.32 0 2.35-.43 3.1-1.3.72-.77 1.13-1.79 1.16-2.85 0-1.41-.43-2.48-1.3-3.2-.84-.75-2.01-1.12-3.49-1.12h-1.73c.1-1.04.34-2.06.73-3.03.36-.8.88-1.56 1.58-2.31.64-.69 1.35-1.31 2.13-1.85z' fill='%23adb5bd'/%3E%3C/svg%3E");
}
.navernews_end_blockquote_left blockquote, .navernews_end_blockquote_center blockquote {
  margin-bottom: 0;
  color: inherit;
}
.navernews_end_blockquote_left blockquote > *:first-child, .navernews_end_blockquote_center blockquote > *:first-child {
  margin-top: 0;
}
.navernews_end_blockquote_left blockquote > *:last-child, .navernews_end_blockquote_center blockquote > *:last-child {
  margin-bottom: 0;
}
.navernews_end_blockquote_left blockquote p, .navernews_end_blockquote_center blockquote p {
  color: inherit;
}

.navernews_end_blockquote_left {
  display: flex;
  flex-direction: row;
  padding: 1rem 0 1rem 2.5rem;
  font-weight: 500;
  border-top: 1px solid #d2d2d4;
  border-bottom: 1px solid #d2d2d4;
  background: 0 14px/32px 32px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cpath d='M12.95 11.58c.52-.36 1.2-.78 2.05-1.27l-.97-1.62c-.56.34-1.26.78-2.09 1.32-.83.54-1.61 1.2-2.35 1.97-.73.77-1.35 1.64-1.84 2.59-.5.95-.76 2.02-.76 3.19 0 1.66.33 3 1 4.03.67 1.01 1.77 1.51 3.32 1.51.99 0 1.77-.32 2.32-.97.54-.58.85-1.34.87-2.14 0-1.06-.32-1.86-.97-2.4-.63-.56-1.5-.84-2.62-.84h-1.3c.11-.94.3-1.7.57-2.3.29-.63.69-1.2 1.16-1.71.48-.52 1.01-.98 1.6-1.37zm10 0c.52-.36 1.21-.78 2.05-1.27l-.97-1.62c-.56.34-1.26.78-2.09 1.32-.83.54-1.61 1.2-2.35 1.97-.73.77-1.35 1.64-1.84 2.59-.51.95-.76 2.02-.76 3.19 0 1.66.33 3 1 4.03.67 1.01 1.77 1.51 3.32 1.51.99 0 1.77-.32 2.32-.97.54-.58.85-1.34.87-2.14 0-1.06-.32-1.86-.97-2.4-.63-.56-1.5-.84-2.62-.84h-1.3c.07-.78.26-1.54.54-2.27.27-.6.66-1.17 1.19-1.73a8.77 8.77 0 0 1 1.6-1.38z' fill='%23000'/%3E%3C/svg%3E");
}

#comment {
  position: relative;
}

.reply-header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.25rem;
  border-bottom: 1px solid #6c757d;
}
.reply-header .titles {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 1.25rem;
  line-height: 1.2;
}
.reply-header .titles > small {
  margin-left: 0.25rem;
}
.reply-header .toggle-btn {
  display: none;
  width: 2.5rem;
  height: 2.5rem;
  margin-left: auto;
  font-size: 1.25rem;
  line-height: 1;
  color: #6c757d;
  cursor: pointer;
}
.reply-comment {
  margin-bottom: 2rem;
}
.reply-comment .cmt-header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 0.625rem 0;
}
.reply-comment .cmt-header > *:not(:only-child) {
  display: block;
  flex: 0 0 auto;
  width: 50%;
  max-width: 100%;
}
.reply-comment .cmt-header .logbox-btn {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 2.625rem;
  cursor: pointer;
  text-align: left;
}
.reply-comment .cmt-header .logbox-btn > i[class^=icon-] {
  overflow: hidden;
  width: 1.625rem;
  height: 1.625rem;
  font-size: 1rem;
  line-height: 1.625rem;
  color: #fff;
  background-color: #6c757d;
  border-radius: 50%;
  text-align: center;
}
.reply-comment .cmt-header .logbox-btn > .text {
  margin-left: 0.375rem;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.2;
  color: #adb5bd;
}
.reply-comment .cmt-header .login-member {
  font-size: 1rem;
  font-weight: 500;
  line-height: 2.625rem;
  color: #495057;
  text-align: left;
}
.reply-comment .cmt-container {
  border: 1px solid #e8e8e9;
}
.reply-comment .cmt-container textarea {
  overflow: hidden;
  min-height: 5.9375rem;
  margin: 0;
  padding: 1.125rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  border: 0 !important;
  border-radius: 0;
  transition: background-color 0.15s ease-in-out;
}
.reply-comment .cmt-container textarea:focus {
  background-color: #f8f9fa;
}
.reply-comment .cmt-container textarea[readonly] {
  background-color: rgba(0, 0, 0, 0.025);
  cursor: pointer;
}
.reply-comment .cmt-footer {
  display: flex;
  flex-direction: row;
  align-items: center;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.reply-comment .cmt-footer .reply-textnum {
  padding: 0 1.125rem;
  font-size: 0.6875rem;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.5);
}
.reply-comment .cmt-footer .reply-textnum > strong {
  color: #000;
}
.reply-comment .cmt-footer .button {
  margin-left: auto;
  margin-bottom: -1px;
  margin-right: -1px;
}
.reply-name {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.25rem;
  justify-content: flex-end;
}
.reply-name > .item {
  display: block;
  flex: 0 0 auto;
  width: 7.5rem;
}
.reply-name input[type=text],
.reply-name input[type=password] {
  margin-bottom: 0;
  font-size: 0.75rem;
  font-weight: 400;
}

.reply-login .reply-btngroup .button.on {
  --nd-btn-color: #fff;
  --nd-btn-bg: #495057;
  --nd-btn-border-color: transparent;
  --nd-btn-hover-color: var(--nd-btn-color);
  --nd-btn-hover-bg: #343a40;
  --nd-btn-hover-border-color: var(--nd-btn-hover-bg);
  --nd-btn-active-color: var(--nd-btn-color);
  --nd-btn-active-bg: #212529;
  --nd-btn-active-border-color: var(--nd-btn-active-bg);
}
.reply-login .reply-btngroup .button.on i[class^=icon-] {
  background-color: #fff;
}
.reply-login .reply-btngroup i[class^=icon-] {
  display: block;
  overflow: hidden;
  width: 3.75rem;
  height: 3.75rem;
  margin: 0 auto 0.75rem;
  font-size: 2.375rem;
  line-height: 3.75rem;
  color: #495057;
  background-color: #f8f9fa;
  border-radius: 50%;
}

.reply-list .header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1.125rem;
}
.reply-list .header > a[href] {
  margin-right: 0.75rem;
  font-size: 1rem;
  line-height: 1.2;
  color: #6c757d;
  cursor: pointer;
}
.reply-list .header > a[href]:not(.active) > [class^=icon-] {
  display: none;
}
.reply-list .header > a[href].active {
  font-weight: 500;
  color: #000;
}
.reply-list .header .help-text {
  margin: 0;
  font-size: 0.6875rem;
  font-weight: 400;
  color: #adb5bd;
}
@media print, screen and (max-width: 39.99875em) {
  .mobile .reply-list .header .help-text {
    display: block;
    margin-top: 0.375rem;
  }
}
.reply-list .list-comments {
  padding: 1.375rem 0;
  border-top: 1px solid #e8e8e9;
}
.reply-list .list-comments::before, .reply-list .list-comments::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
.reply-list .list-comments::after {
  clear: both;
}
.reply-list .list-comments.reply-notice {
  padding-left: 1.375rem;
  padding-right: 1.375rem;
  font-size: 0;
  background-color: #f8f9fa;
}
.reply-list .list-comments.reply-notice::before {
  content: "notice";
  display: inline-block;
  overflow: hidden;
  max-width: 100%;
  padding: 0 0.375rem;
  font-size: 0.625rem;
  line-height: 1.125rem;
  color: #fff;
  background-color: #ff8811;
  border-radius: 0.125rem;
  text-transform: uppercase;
}
.reply-list .list-comments .comments-header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 0.625rem 0;
  line-height: 1;
}
.reply-list .list-comments .comments-user strong {
  font-size: 0.875rem;
  color: #000;
}
@media print, screen and (max-width: 39.99875em) {
  .mobile .reply-list .list-comments .comments-user strong {
    font-size: 1rem;
  }
}
.reply-list .list-comments .comments-user small {
  margin-left: 0.25rem;
  font-size: 0.75rem;
  font-weight: 400;
  color: #adb5bd;
}
@media print, screen and (max-width: 39.99875em) {
  .mobile .reply-list .list-comments .comments-user small {
    font-size: 0.8125rem;
  }
}
.reply-list .list-comments .comments-more {
  position: relative;
  margin-left: auto;
}
.reply-list .list-comments .comments-more-btn {
  width: 1.875rem;
  height: 1.875rem;
  font-size: 0.875rem;
  color: #d2d2d4;
  cursor: pointer;
}
.reply-list .list-comments .comments-more-option {
  display: none;
  position: absolute;
  z-index: 2;
  right: 0;
  top: 100%;
  width: 6.5625rem;
  padding: 0 0.625rem;
  margin: 0;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.125rem;
  list-style: none;
}
.reply-list .list-comments .comments-more-option::after, .reply-list .list-comments .comments-more-option::before {
  content: "";
  position: absolute;
  bottom: 100%;
  border-style: solid;
  border-color: transparent;
}

.reply-list .list-comments .comments-more-option::before {
  z-index: 1;
  border-width: 5px;
  right: 0.5625rem;
  border-bottom-color: rgba(0, 0, 0, 0.2);
}
.reply-list .list-comments .comments-more-option::after {
  z-index: 2;
  border-width: 4px;
  right: 0.625rem;
  border-bottom-color: #fff;
}
.reply-list .list-comments .comments-more-option li {
  display: block;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1;
  text-align: center;
}
.reply-list .list-comments .comments-more-option li a {
  display: block;
  padding: 0.625rem 0;
  color: #6c757d;
}
.reply-list .list-comments .comments-more-option li:not(:first-child) a {
  border-top: 1px dotted rgba(0, 0, 0, 0.12);
}
.reply-list .re-op-notice {
  position: relative;
  padding: 0.625rem 0;
  text-align: center;
}
.reply-list .re-op-notice > input[type=checkbox] {
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.reply-list .re-op-notice > input[type=checkbox]:not(caption) {
  position: absolute !important;
}
.reply-list .re-op-notice > input[type=checkbox] + label {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0;
  color: #6c757d;
}
.reply-list .re-op-notice > input[type=checkbox] + label > [class^=icon-] {
  position: relative;
  width: 0.75rem;
  height: 0.75rem;
  margin-right: 0.375rem;
  font-size: 1rem;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.reply-list .re-op-notice > input[type=checkbox] + label > [class^=icon-]::before {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.reply-list .re-op-notice > input[type=checkbox] + label > .text {
  font-size: 0.75rem;
  font-weight: 400;
  font-style: normal;
}
.reply-list .re-op-notice > input[type=checkbox]:checked + label {
  color: #000;
}
.reply-list .re-op-notice > input[type=checkbox]:checked + label > [class^=icon-]::before {
  content: "\e929";
}
.reply-list .comments-content {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1.25rem;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
}
@media print, screen and (max-width: 39.99875em) {
  .mobile .reply-list .comments-content {
    font-size: 1rem;
  }
}
.reply-list .comments-footer .comments-reply {
  padding: 0 0.625rem;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.875rem;
  color: #6c757d;
  background-color: #fff;
  border: 1px solid #e8e8e9;
  cursor: pointer;
  transition: border-color 0.15s ease-in-out;
}
.reply-list .comments-footer .comments-reply:hover {
  border-color: #adb5bd;
}
.reply-list .comments-footer .comments-vote {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  margin-left: auto;
}
.reply-list .comments-footer .comments-vote .vote-btn {
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1;
  color: #6c757d;
  cursor: pointer;
}
.reply-list .sub-reply-wrap {
  display: none;
  margin-top: -1.4375rem;
  margin-bottom: 1rem;
  padding: 1rem;
  background-color: #f8f9fa;
  border-top: 1px solid #e8e8e9;
}
.reply-list .sub-reply-wrap .cmt-header {
  padding: 0;
  margin-bottom: 1.125rem;
}
.reply-list .sub-reply-wrap .logbox-btn {
  height: auto;
}
.reply-list .sub-reply-wrap .login-member {
  line-height: 1.2;
}
.reply-list .sub-reply-wrap .list-comments, .reply-list .sub-reply-wrap .reply-container {
  position: relative;
  padding-left: 1.5rem;
}
.reply-list .sub-reply-wrap .list-comments::before, .reply-list .sub-reply-wrap .reply-container::before {
  content: "";
  position: absolute;
  left: 0;
  width: 0.5rem;
  height: 0.5rem;
  border-left: 2px solid rgba(0, 0, 0, 0.25);
  border-bottom: 2px solid rgba(0, 0, 0, 0.25);
}

.reply-list .sub-reply-wrap .list-comments {
  border-bottom-color: #e8e8e9;
}
.reply-list .sub-reply-wrap .reply-container::before {
  top: 0;
}
.reply-list .sub-reply-wrap .reply-container .reply-comment {
  margin-bottom: 1rem;
}
.reply-list .sub-reply-wrap .list-comments::before {
  top: 1.125rem;
}

.article-reply .reply-footer {
  margin-top: 1.25rem;
}

#comment.default {
  --nd-comment-item-gap: 1.25rem;
  --nd-comment-photo-width: 2.8125rem;
  --nd-comment-photo-height: var(--nd-comment-photo-width);
  --nd-comment-textbox-width: 100%;
  --nd-comment-second-padding: 2rem;
  display: block;
  margin: 2.5rem auto;
}
@media print, screen and (max-width: 39.99875em) {
  .mobile #comment.default {
    --nd-comment-photo-width: 2.1875rem;
    --nd-comment-photo-height: var(--nd-comment-photo-width);
    --nd-comment-second-padding: 1.625rem;
  }
}
[data-whatintent=touch] #comment.default button,
[data-whatintent=touch] #comment.default button:focus {
  outline: 0;
}
#comment.default .cmt-header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  height: 2.25rem;
}
#comment.default .cmt-header::before, #comment.default .cmt-header::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
#comment.default .cmt-header::after {
  clear: both;
}
#comment.default .cmt-header .titles {
  font-size: 1.25rem;
  font-weight: 400;
  color: #000;
}
#comment.default .cmt-header .comment-count {
  font-weight: 700;
}
#comment.default .cmt-header .my-cmt {
  margin-left: auto;
  font-size: 0.875rem;
  color: #000;
}
#comment.default .cmt-header .my-cmt > i[class^=icon-] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  width: 0.9375rem;
  height: 0.9375rem;
  font-size: 0.5rem;
  line-height: 1;
  color: #000;
  border: 1px solid rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  vertical-align: 0.1875em;
}
#comment.default .comment-write {
  display: block;
  overflow: hidden;
  margin-bottom: 2rem;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 0.375rem;
}
#comment.default .comment-write .wrt-header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  min-height: 1.75rem;
  padding: 1.25rem;
}
#comment.default .comment-write .wrt-header::before, #comment.default .comment-write .wrt-header::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
#comment.default .comment-write .wrt-header::after {
  clear: both;
}
@media print, screen and (max-width: 39.99875em) {
  .mobile #comment.default .comment-write .wrt-header {
    flex-direction: column;
    align-items: stretch;
    gap: 0.375rem;
  }
  .mobile #comment.default .comment-write .wrt-header::before, .mobile #comment.default .comment-write .wrt-header::after {
    content: normal;
  }
}
#comment.default .comment-write #comment-guest {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 0.25rem;
  max-width: 15rem;
  margin-left: auto;
}
@media print, screen and (max-width: 39.99875em) {
  .mobile #comment.default .comment-write #comment-guest {
    max-width: none;
    margin-right: 0;
    margin-left: 0;
  }
}
#comment.default .comment-write #comment-guest input[type=text],
#comment.default .comment-write #comment-guest input[type=password] {
  display: block;
  flex: 1 1 0%;
  width: 1%;
  min-width: 0;
  height: 2rem;
  margin: 0;
  font-size: 0.8125rem;
  border-radius: 50rem;
}
#comment.default .comment-write .comment-content {
  display: block;
  height: 4rem;
  margin: 0 auto;
  padding: 0 1.25rem;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.5;
  color: #000;
  border: none;
  border-radius: 0;
  resize: vertical;
}
#comment.default .comment-write .comment-content:focus {
  box-shadow: none;
}
#comment.default .comment-write .comment-content[readonly] {
  background: none;
  cursor: default;
}
@media print, screen and (max-width: 39.99875em) {
  .mobile #comment.default .comment-write .comment-content {
    height: 80px;
    font-size: 0.875rem;
  }
}
#comment.default .comment-write .recaptcha-container {
  display: block;
  font-size: 0;
  text-align: center;
}
@media print, screen and (max-width: 39.99875em) {
  .mobile #comment.default .comment-write .recaptcha-container {
    overflow: hidden;
    max-width: 100%;
  }
}
#comment.default .comment-write .recaptcha-container .recaptcha-view {
  display: inline-block;
  margin: 0 auto 1rem;
}
#comment.default .comment-write .wrt-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 0.375rem 1.25rem;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}
#comment.default .comment-write .wrt-footer::before, #comment.default .comment-write .wrt-footer::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
#comment.default .comment-write .wrt-footer::after {
  clear: both;
}
#comment.default .comment-write .wrt-footer .cur--length {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 2rem;
  color: #6c757d;
}
#comment.default .comment-write .wrt-footer .comment-text-cur {
  color: #000;
}
#comment.default .comment-write .wrt-footer .btn-comment-save {
  margin-left: auto;
  height: 2rem;
  padding: 0 1.125rem;
  font-size: 0.875em;
  line-height: 1;
  color: #fff;
  border-radius: 0.25rem;
  background-color: var(--nd-primary, #007aff);
  cursor: pointer;
  -webkit-appearance: button;
     -moz-appearance: button;
          appearance: button;
}
@media print, screen and (max-width: 39.99875em) {
  .mobile #comment.default .comment-write .btn-comment-login {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    text-decoration: underline;
  }
  .mobile #comment.default .comment-write .btn-comment-login::before {
    content: "\e9f5";
    display: inline-block;
    font-size: 1em;
    font-family: "fontello";
    font-variant: normal;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}
#comment.default #comment-list {
  display: block;
}
#comment.default #comment-list .list-sort {
  margin-bottom: 1.5rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
#comment.default #comment-list .list-sort::before, #comment.default #comment-list .list-sort::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
#comment.default #comment-list .list-sort::after {
  clear: both;
}
#comment.default #comment-list .list-sort > .option {
  float: left;
  font-size: 0;
  white-space: nowrap;
  text-align: left;
}
#comment.default #comment-list .btn-comment-orderby {
  display: inline-block;
  font-size: 1rem;
  line-height: 35px;
  color: #6c757d;
  vertical-align: middle;
  cursor: pointer;
}
#comment.default #comment-list .btn-comment-orderby.secondary {
  font-weight: 700;
  color: #000;
}
#comment.default #comment-list .list-sort > .option > .btn-comment-orderby:not(:first-child) {
  margin-left: 1rem;
}
#comment.default #comment-list .explain {
  float: right;
  position: relative;
}
#comment.default #comment-list .explain > .explain-btn {
  font-size: 0.8125rem;
  line-height: 35px;
  color: rgba(0, 0, 0, 0.7);
}
#comment.default #comment-list .explain > .guide {
  display: none;
  position: absolute;
  z-index: 10;
  right: 0;
  top: 100%;
  width: 13.75rem;
  padding: 1rem;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.375;
  color: rgba(0, 0, 0, 0.85);
  background: #f8f9fa;
  border: 1px solid rgba(0, 0, 0, 0.08);
}
#comment.default #comment-list .explain > .guide > strong {
  display: block;
  margin-bottom: 0.5rem;
  font-size: 0.8125rem;
}
#comment.default #comment-list .explain .close-button {
  right: 0.5rem;
  font-size: 1rem;
}
#comment.default #comment-list .btn-comment-more {
  display: block;
  width: 100%;
  height: 3.125rem;
  background-color: #fff;
  border: 1px solid #d2d2d4;
  border-radius: 0;
  text-align: center;
  cursor: pointer;
  -webkit-appearance: button;
     -moz-appearance: button;
          appearance: button;
}
#comment.default #comment-list .more-info {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.9375rem;
  line-height: 1;
  color: #000;
}
#comment.default #comment-list .more-info::after {
  content: "\e943";
  display: inline-block;
  font-size: 0.9375rem;
  font-family: "fontello";
  font-variant: normal;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #000;
}
#comment.default .normal-content > *:first-child .first {
  padding-top: 0;
  border-top: 0;
}
#comment.default .comment-item {
  display: block;
}
#comment.default .comment-item .first {
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}
#comment.default .comment-item .comment-item-sub, #comment.default .comment-item .first {
  display: flex;
  flex-direction: row;
  gap: var(--nd-comment-item-gap);
  padding: 1.25rem 0;
}

#comment.default .comment-item .user-textbox {
  flex: 0 0 auto;
  width: var(--nd-comment-textbox-width);
  max-width: 100%;
}
#comment.default .comment-item .photo {
  flex: 0 0 auto;
  width: var(--nd-comment-photo-width);
  max-width: 100%;
  align-self: flex-start;
}
#comment.default .comment-item .photo > .pfile {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  width: var(--nd-comment-photo-width);
  height: var(--nd-comment-photo-height);
  background: center/cover no-repeat #f8f9fa url("/image/default-user.png");
  border-radius: 50%;
}
#comment.default .comment-item .photo > .pfile > img {
  min-width: 100%;
  min-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 1/1;
}
#comment.default .comment-item .photo + .user-textbox {
  --nd-comment-textbox-width: calc(100% - (var(--nd-comment-photo-width) + var(--nd-comment-item-gap)));
}
#comment.default .comment-item .textbox-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 0.75rem;
}
@media print, screen and (max-width: 39.99875em) {
  .mobile #comment.default .comment-item .textbox-header {
    flex-direction: column;
    align-items: stretch;
  }
}
#comment.default .comment-item .textbox-info {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
}
#comment.default .comment-item .textbox-info > .name {
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.2;
  color: #000;
}
#comment.default .comment-item .textbox-info > .name > small {
  font-size: 0.625rem;
  font-weight: 400;
  opacity: 0.8;
}
#comment.default .comment-item .textbox-info > .name > .vote::before {
  content: "";
  display: inline-block;
  overflow: hidden;
  width: 0.9375rem;
  height: 0.9375rem;
  margin-right: 0.25rem;
  background: center/contain no-repeat url("/image/comment/vote-mark.svg");
  vertical-align: middle;
}
#comment.default .comment-item .textbox-info > .name + .datetime {
  padding-left: 0.5rem;
}
#comment.default .comment-item .textbox-info > .name + .datetime::before {
  content: "";
  overflow: hidden;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 50%;
  width: 0;
  height: 0.625rem;
  border-left: 1px solid #d2d2d4;
  transform: translateY(-50%);
}
#comment.default .comment-item .textbox-info > .user-comment-info {
  cursor: pointer;
}
#comment.default .comment-item .textbox-info > .datetime {
  position: relative;
  font-size: 0.8125rem;
  color: #495057;
}
#comment.default .comment-item .textbox-info > .ip {
  overflow: hidden;
  width: 1.5625rem;
  padding: 0 0.375rem;
  font-size: 0.625rem;
  line-height: 0.875rem;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
  text-align: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-transform: uppercase;
  cursor: pointer;
  transition: width 0.15s ease-in-out;
}
@media print, screen and (max-width: 39.99875em) {
  .mobile #comment.default .comment-item .textbox-info > .ip {
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
  }
  .mobile #comment.default .comment-item .textbox-info > .ip:not(caption) {
    position: absolute !important;
  }
}
#comment.default .comment-item .textbox-info > .ip > .viewing {
  display: none;
  font-style: normal;
}
#comment.default .comment-item .textbox-info > .ip:hover {
  width: 6rem;
}
#comment.default .comment-item .textbox-info > .ip:hover > .viewing {
  display: inline-block;
}
#comment.default .comment-item .textbox-option {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.75rem;
  margin-left: auto;
  font-size: 0.8125rem;
  line-height: 1.2;
  color: #6c757d;
}
@media print, screen and (max-width: 39.99875em) {
  .mobile #comment.default .comment-item .textbox-option {
    margin-top: 0.375rem;
    margin-left: 0;
  }
}
#comment.default .comment-item .textbox-option > * {
  display: block;
  position: relative;
  color: inherit;
}
#comment.default .comment-item .textbox-option > * + * {
  padding-left: 0.75rem;
}
#comment.default .comment-item .textbox-option > * + *::before {
  content: "";
  overflow: hidden;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 50%;
  width: 0;
  height: 0.625rem;
  border-left: 1px solid #d2d2d4;
  transform: translateY(-50%);
}
#comment.default .comment-item .textbox-footer {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 2rem;
  margin-top: 1.25rem;
}
#comment.default .comment-item .comment-content-view {
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.4;
  color: #000;
  word-wrap: break-word;
  word-break: break-all;
}
#comment.default .comment-item .btn-comment-sub {
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 25px;
  color: #212529;
  cursor: pointer;
}
#comment.default .comment-item .comment-sub-count {
  color: #000;
}
#comment.default .comment-item .user-vote {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch;
  gap: 0.75rem;
}
#comment.default .comment-item .user-vote > .btn-comment-vote {
  display: block;
  font-size: 0.8125rem;
  line-height: 1.5;
  color: #000;
  cursor: pointer;
}
#comment.default .comment-item .user-vote > .btn-comment-vote.vote-up-on {
  color: #dc3545;
}
#comment.default .comment-item .user-vote > .btn-comment-vote.vote-down-on {
  color: #007aff;
}
#comment.default .comment-item .second {
  display: none;
  padding: 1.25rem 1.5rem;
  background-color: #f8f9fa;
  border-top: 1px solid #e8e8e9;
}
#comment.default .comment-item .second::before, #comment.default .comment-item .second::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
#comment.default .comment-item .second::after {
  clear: both;
}
#comment.default .comment-item .second .btn-comment-sub-write {
  display: block;
  width: 100%;
  margin-bottom: 2rem;
  padding: 1.25rem 1.5rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1;
  color: #6c757d;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 0.375rem;
  text-align: left;
  cursor: pointer;
}
#comment.default .comment-item .second .btn-comment-sub {
  float: none;
  width: 100%;
  font-size: 0.9375rem;
  text-align: center;
}
#comment.default .comment-item .sec-option {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
  margin-bottom: 0.5rem;
}
#comment.default .comment-item .btn-sub-comment-orderby {
  display: block;
  font-size: 0.875rem;
  line-height: 1.3;
  color: #495057;
  cursor: pointer;
}
#comment.default .comment-item .btn-sub-comment-orderby.secondary {
  font-weight: 700;
  color: #000;
}
#comment.default .comment-item .comment-item-sub {
  position: relative;
  border-top: 1px solid #e8e8e9;
}
#comment.default .comment-item .comment-item-sub-footer::before, #comment.default .comment-item .comment-item-sub::before {
  content: "";
  display: block;
  overflow: hidden;
  position: absolute;
  z-index: 1;
  width: 1.125rem;
  height: 1.3125rem;
  background: url("/image/comment/comment_type1_reply.png") 0 0 no-repeat;
}
@media print, screen and (max-width: 39.99875em) {
  .mobile #comment.default .comment-item .comment-item-sub-footer::before, #comment.default .comment-item .mobile .comment-item-sub-footer::before, .mobile #comment.default .comment-item .comment-item-sub::before, #comment.default .comment-item .mobile .comment-item-sub::before {
    width: 0.5625rem;
    height: 0.6875rem;
    background-size: contain;
  }
}

#comment.default .comment-item .comment-item-sub::before {
  left: calc(var(--nd-comment-second-padding) * -1);
  top: 1.625rem;
}
#comment.default .comment-item .comment-item-sub::after {
  content: "";
  display: table;
  clear: both;
}
#comment.default .comment-item .comment-item-sub-body {
  padding-left: var(--nd-comment-second-padding);
}
#comment.default .comment-item .comment-item-sub-body > *:first-child {
  border-top: 0;
}
#comment.default .comment-item .comment-item-sub-footer {
  display: block;
  position: relative;
  margin-top: 1rem;
  padding-left: var(--nd-comment-second-padding);
}
#comment.default .comment-item .comment-item-sub-footer::before {
  left: 0;
  top: 0.625rem;
}
#comment.default .comment-item .comment-item-sub-footer .comment-write {
  margin-bottom: 0;
  background: none;
  border: none;
  border-radius: 0;
}
#comment.default .comment-item .comment-item-sub-footer .comment-form {
  display: block;
  overflow: hidden;
  margin-bottom: 2rem;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 0.375rem;
}
#comment.default .comment-item .best {
  display: inline-block;
  overflow: hidden;
  margin-right: 0.25rem;
  padding: 0 0.375rem;
  font-size: 0.625rem;
  line-height: 1rem;
  color: #fff;
  background-color: #dc3545;
  border-radius: 0.125rem;
  text-transform: uppercase;
  vertical-align: -0.125em;
}
#comment.default .best-content {
  display: block;
}
#comment.default .best-content > *:first-of-type > .first {
  padding-top: 0;
  border-top: 0;
}
#comment.default .best-content > *:last-of-type {
  margin-bottom: 1.25rem;
}
#comment.default .best-content > *:last-of-type > .first {
  border-bottom: 1px solid #d2d2d4;
}
#comment.default .best-content > *:last-of-type .second {
  border-top: 0;
  border-bottom: 1px solid #e8e8e9;
}
#userCommentInfo.default {
  --nd-article-gap: 1rem;
  --nd-article-image-width: 2.5rem;
  --nd-article-image-height: var(--nd-article-image-width);
  display: none;
}
.block {
  overflow: hidden !important;
  touch-action: none;
}

#userCommentInfo.default .cmt-info {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  background-color: #fff;
  border-radius: 0.375rem;
  backface-visibility: hidden;
}
@media print, screen and (max-width: 39.99875em) {
  #userCommentInfo.default .cmt-info {
    border-radius: 0;
  }
}
#userCommentInfo.default .cmt-info-block {
  display: flex;
  align-items: stretch;
  justify-content: stretch;
  overflow: hidden;
  position: fixed;
  z-index: 1005;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  padding: 3rem 1.5rem;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@supports (width: 100dvw) and (height: 100dvh) {
  #userCommentInfo.default .cmt-info-block {
    width: 100dvw;
    height: 100dvh;
  }
}
@media print, screen and (max-width: 39.99875em) {
  #userCommentInfo.default .cmt-info-block {
    padding: 0;
  }
}
#userCommentInfo.default .info-header {
  --nd-reveal-padding: 0.75rem 1.5rem 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: var(--nd-reveal-padding, 1.5rem);
}
#userCommentInfo.default .info-header .titles {
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.2;
  color: #000;
}
#userCommentInfo.default .info-header .cmt-info-close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.125rem;
  height: 3.125rem;
  margin-left: auto;
  margin-right: -0.75rem;
  font-size: 1.5rem;
  cursor: pointer;
  -webkit-appearance: button;
     -moz-appearance: button;
          appearance: button;
}
#userCommentInfo.default .info-body {
  --nd-reveal-padding: 0 1.5rem 1.5rem;
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  padding: var(--nd-reveal-padding, 1.5rem);
}
#userCommentInfo.default .user-infomation {
  display: block;
  overflow: hidden;
  padding: 1rem 1.25rem;
  margin-bottom: 1.875rem;
  background-color: #3f63bf;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 0.25rem;
}
#userCommentInfo.default .user-infomation::before, #userCommentInfo.default .user-infomation::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
#userCommentInfo.default .user-infomation::after {
  clear: both;
}
#userCommentInfo.default .user-infomation .image {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  float: left;
  width: 3.25rem;
  height: 3.25rem;
  margin-right: 1rem;
  background: center/cover no-repeat #f8f9fa url("/image/default-user.png");
  border-radius: 50%;
}
#userCommentInfo.default .user-infomation .image > img {
  min-width: 100%;
  min-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 1/1;
}
#userCommentInfo.default .user-infomation .user-data {
  display: block;
}
#userCommentInfo.default .user-infomation .name {
  display: block;
  overflow: hidden;
  line-height: 1.3;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 0.625rem;
  font-size: 1rem;
  font-weight: 700;
  color: #fff;
}
#userCommentInfo.default .user-infomation .lists {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 0.8125rem;
  line-height: 1.2;
  color: rgba(255, 255, 255, 0.75);
  margin-bottom: 0;
  margin-left: 0;
  list-style: none;
}
#userCommentInfo.default .user-infomation .lists > li + li {
  padding-left: 0.75rem;
}
#userCommentInfo.default .user-infomation .lists > li + li::before {
  content: "|";
  float: left;
  padding-right: 0.75rem;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.25);
}
#userCommentInfo.default .cmt-item, #userCommentInfo.default .cmt-info-body {
  display: block;
}

#userCommentInfo.default .cmt-info-body > .cmt-item:not(:first-child) {
  margin-top: 2.5rem;
}
#userCommentInfo.default .cmt-item .dated {
  display: block;
  padding: 0;
  margin: 0 auto 0.625rem;
  font-size: 0.8125rem;
  line-height: 1;
  color: #6c757d;
  white-space: nowrap;
}
#userCommentInfo.default .cmt-item .org-article {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--nd-article-gap);
  margin-bottom: 0.625rem;
}
#userCommentInfo.default .cmt-item .org-article::before, #userCommentInfo.default .cmt-item .org-article::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
#userCommentInfo.default .cmt-item .org-article::after {
  clear: both;
}
#userCommentInfo.default .cmt-item .org-article > .image {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  flex: 0 0 auto;
  width: var(--nd-article-image-width);
  max-width: 100%;
  height: var(--nd-article-image-height);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
#userCommentInfo.default .cmt-item .org-article > .image > img {
  min-width: 100%;
  min-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 1/1;
}
#userCommentInfo.default .cmt-item .org-article > .image + .subject {
  flex: 0 0 auto;
  width: calc(100% - (var(--nd-article-image-width) + var(--nd-article-gap)));
  max-width: 100%;
}
#userCommentInfo.default .cmt-item .org-article > .subject {
  display: block;
  overflow: hidden;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1.0625rem;
  font-weight: 700;
  color: #000;
}
#userCommentInfo.default .cmt-item .cmt-box {
  display: block;
  overflow: hidden;
  padding: 1.25rem;
  background-color: #f8f9fa;
  border: 1px solid #e8e8e9;
  border-radius: 0.25rem;
}
#userCommentInfo.default .cmt-item .text {
  display: block;
  padding: 0;
  margin: 0 auto 1rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  color: #000;
}
#userCommentInfo.default .cmt-item.recomment .text::before {
  content: "답글";
  display: inline-block;
  overflow: hidden;
  padding: 0 0.625rem;
  margin-right: 0.75rem;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.375rem;
  color: #fff;
  background-color: #6c757d;
  border-radius: 0.125rem;
  white-space: nowrap;
  vertical-align: middle;
}
#userCommentInfo.default .cmt-item.recomment .helper-box > li:first-child {
  display: none !important;
}
#userCommentInfo.default .cmt-item .helper-box {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 2rem;
  font-size: 0.8125rem;
  font-weight: 400;
  margin-bottom: 0;
  margin-left: 0;
  list-style: none;
}
#userCommentInfo.default .cmt-item-more {
  display: block;
  overflow: hidden;
  width: 100%;
  height: 3.125rem;
  margin-top: 2.5rem;
  font-size: 0.9375rem;
  background-color: #fff;
  border: 1px solid #e8e8e9;
  border-radius: 0.375rem;
  text-align: center;
  cursor: pointer;
  -webkit-appearance: button;
     -moz-appearance: button;
          appearance: button;
}

#myCommnetView {
  max-width: 800px;
  background-color: #fff;
}
@media print, screen and (max-width: 39.99875em) {
  .mobile #myCommnetView {
    max-width: none;
  }
}
#myCommnetView > .view-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 1.25rem 1.875rem;
}
#myCommnetView > .view-header .titles {
  margin: 0;
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 1.2;
}
#myCommnetView > .view-header .close {
  align-self: stretch;
  height: 3rem;
  margin-left: auto;
  font-size: 1.875rem;
  line-height: 1;
  cursor: pointer;
  -webkit-appearance: button;
     -moz-appearance: button;
          appearance: button;
}

.auto-article, .auto-article > .item, .auto-article .item > a:not(.frame):not(.auto-images):not([class*=line-]) {
  display: block;
}

.auto-article::after, .auto-article > .item::after, .auto-article .item > a:not(.frame):not(.auto-images):not([class*=line-])::after, .auto-article > ul::after {
  content: "";
  display: table;
  clear: both;
}

.auto-article ol, .auto-article ul, .auto-article p {
  margin: 0;
  padding: 0;
}

.auto-article ol, .auto-article ul {
  list-style: none;
}

.auto-article em,
.auto-article i {
  font-style: normal;
}
.auto-article .slick-dotted.slick-slider, .auto-article.slick-dotted.slick-slider {
  margin-bottom: 0;
}
.auto-article a {
  color: currentColor;
}
.auto-article a:focus, .auto-article a:hover {
  text-decoration: none;
}
.auto-article a:hover .auto-article .onload, .auto-article .onload:hover {
  text-decoration: underline;
}

.auto-article h6:not(.auto-titles), .auto-article h5:not(.auto-titles), .auto-article h4:not(.auto-titles), .auto-article h3:not(.auto-titles), .auto-article h2:not(.auto-titles), .auto-article h1:not(.auto-titles) {
  margin-bottom: 0;
}
.auto-article h6:not(.auto-titles):not([class*=size-]), .auto-article h5:not(.auto-titles):not([class*=size-]), .auto-article h4:not(.auto-titles):not([class*=size-]), .auto-article h3:not(.auto-titles):not([class*=size-]), .auto-article h2:not(.auto-titles):not([class*=size-]), .auto-article h1:not(.auto-titles):not([class*=size-]) {
  font-size: inherit;
}

.auto-article.tiles-2x {
  margin-top: -2%;
}
.auto-article.tiles-2x > .item {
  float: left;
  min-height: 1px;
  margin-top: 2%;
  margin-left: 2%;
  width: 48%;
}
.auto-article.tiles-2x > :nth-child(2n+1) {
  margin-left: 0;
  clear: both;
}
.auto-article.tiles-3x {
  margin-top: -2%;
}
.auto-article.tiles-3x > .item {
  float: left;
  min-height: 1px;
  margin-top: 2%;
  margin-left: 2%;
  width: 32%;
}
.auto-article.tiles-3x > :nth-child(3n+1) {
  margin-left: 0;
  clear: both;
}
.auto-article.tiles-4x {
  margin-top: -2%;
}
.auto-article.tiles-4x > .item {
  float: left;
  min-height: 1px;
  margin-top: 2%;
  margin-left: 2%;
  width: 23.5%;
}
.auto-article.tiles-4x > :nth-child(4n+1) {
  margin-left: 0;
  clear: both;
}
.auto-article.tiles-5x {
  margin-top: -2.5%;
}
.auto-article.tiles-5x > .item {
  float: left;
  min-height: 1px;
  margin-top: 2.5%;
  margin-left: 2.5%;
  width: 18%;
}
.auto-article.tiles-5x > :nth-child(5n+1) {
  margin-left: 0;
  clear: both;
}

.auto-titles {
  margin: var(--nd-atx-title-margin, 0);
  color: var(--nd-atx-title-color, #000);
}
.auto-titles:not([class*=size-]) {
  font-size: var(--nd-atx-title-font-size, 1em);
  line-height: var(--nd-atx-title-line-height, inherit);
  letter-spacing: var(--nd-atx-title-letter-spacing, inherit);
}
.auto-titles:not([class*=weight-]) {
  font-weight: var(--nd-atx-title-font-weight, inherit);
}
.auto-titles[class*=weight-] > * {
  font-weight: inherit;
}
.auto-boll .auto-titles {
  position: relative;
  padding-left: var(--nd-atx-dots-padding-left, 0.625rem);
}
.auto-boll .auto-titles::before {
  content: "";
  position: absolute;
  z-index: 1;
  left: var(--nd-atx-dots-offset-x, 0);
  top: var(--nd-atx-dots-offset-y, 50%);
  width: var(--nd-atx-dots-width, 3px);
  height: var(--nd-atx-dots-height, 3px);
  margin-top: calc(var(--nd-atx-dots-height, 3px) * -0.5);
  background-color: var(--nd-atx-dots-bg, rgba(0, 0, 0, 0.35));
  border-radius: var(--nd-atx-dots-border-radius, 50%);
}
.auto-titles.auto-reset, .auto-reset .auto-titles {
  position: static;
  padding-left: 0;
}
.auto-titles.auto-reset::before, .auto-reset .auto-titles::before {
  content: normal;
}
.auto-date:not([class*=line-]), .auto-name:not([class*=line-]), .auto-section:not([class*=line-]), .auto-sums:not([class*=line-]), .auto-subtitles:not([class*=line-]), .auto-titles:not([class*=line-]) {
  display: block;
}

.auto-subtitles {
  margin: var(--nd-atx-subtitle-margin, 0);
}
a.auto-subtitles, .auto-subtitles {
  color: var(--nd-atx-subtitle-color, inherit);
}

.auto-subtitles:not([class*=size-]) {
  font-size: var(--nd-atx-subtitle-font-size, 1em);
  line-height: var(--nd-atx-subtitle-line-height, inherit);
  letter-spacing: var(--nd-atx-subtitle-letter-spacing, inherit);
}
.auto-subtitles:not([class*=weight-]) {
  font-weight: var(--nd-atx-subtitle-font-weight, inherit);
}

.auto-sums {
  margin: var(--nd-atx-summary-margin, 0);
  word-wrap: break-word;
  word-break: break-all;
}
a.auto-sums, .auto-sums {
  color: var(--nd-atx-summary-color, #6c757d);
}

.auto-sums:not([class*=size-]) {
  font-size: var(--nd-atx-summary-font-size, 0.875rem);
  line-height: var(--nd-atx-summary-line-height, inherit);
  letter-spacing: var(--nd-atx-summary-letter-spacing, inherit);
}

.auto-section {
  margin: var(--nd-atx-section-margin, 0);
}
a.auto-section, .auto-section {
  color: var(--nd-atx-section-color, #6c757d);
}

.auto-section:not([class*=size-]) {
  font-size: var(--nd-atx-section-font-size, 0.8125rem);
  line-height: var(--nd-atx-section-line-height, inherit);
  letter-spacing: var(--nd-atx-section-letter-spacing, inherit);
}

.auto-name {
  margin: var(--nd-atx-name-margin, 0);
}
a.auto-name, .auto-name {
  color: var(--nd-atx-name-color, #6c757d);
}

.auto-name:not([class*=size-]) {
  font-size: var(--nd-atx-name-font-size, 0.8125rem);
  line-height: var(--nd-atx-name-line-height, inherit);
  letter-spacing: var(--nd-atx-name-letter-spacing, inherit);
}

.auto-date {
  margin: var(--nd-atx-date-margin, 0);
}
a.auto-date, .auto-date {
  color: var(--nd-atx-date-color, #6c757d);
}

.auto-date:not([class*=size-]) {
  font-size: var(--nd-atx-date-font-size, 0.8125rem);
  line-height: var(--nd-atx-date-line-height, inherit);
  letter-spacing: var(--nd-atx-date-letter-spacing, inherit);
}

.auto-info {
  display: flex;
  flex-wrap: wrap;
  padding: var(--nd-atx-info-padding, 0);
  margin: var(--nd-atx-info-margin, 0);
  font-size: var(--nd-atx-info-font-size, 0.8125rem);
  font-weight: var(--nd-atx-info-font-weight, inherit);
  color: var(--nd-atx-info-color, #6c757d);
  list-style: none;
}
.auto-info-item {
  font-size: 1em;
  color: inherit;
}
.auto-info-item + .auto-info-item {
  padding-left: var(--nd-atx-info-item-padding-x, 0.25rem);
}
.auto-info-item + .auto-info-item::before {
  content: "";
  display: inline-block;
  margin-right: var(--nd-atx-info-item-padding-x, 0.25rem);
  width: 1em;
  height: 1em;
  line-height: 1;
  background-color: var(--nd-atx-info-divider-color, #d2d2d4);
  -webkit-mask-image: var(--nd-atx-info-divider, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2c.55 0 1 .56 1 1.25v17.5c0 .69-.45 1.25-1 1.25s-1-.56-1-1.25V3.25c0-.69.45-1.25 1-1.25z'/%3E%3C/svg%3E"));
          mask-image: var(--nd-atx-info-divider, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2c.55 0 1 .56 1 1.25v17.5c0 .69-.45 1.25-1 1.25s-1-.56-1-1.25V3.25c0-.69.45-1.25 1-1.25z'/%3E%3C/svg%3E"));
  -webkit-mask-size: cover;
          mask-size: cover;
  vertical-align: -0.125em;
}
.auto-info-item > a {
  color: inherit;
}

.auto-images, .frame {
  overflow: hidden;
  position: relative;
}

.frame:not([class*=height-]) {
  display: block;
}
.frame[class*=height-] {
  --nd-atx-image-width:	100%;
  --nd-atx-image-height:	100%;
  --nd-atx-image-padding:	0;
  display: flex;
  align-items: stretch;
  justify-content: stretch;
}

.auto-images {
  display: flex;
  align-items: var(--nd-atx-image-valign, center);
  justify-content: var(--nd-atx-image-align, center);
  width: var(--nd-atx-image-width, auto);
  height: var(--nd-atx-image-height, 0);
  border: 0;
  image-rendering: -webkit-optimize-contrast;
}
.auto-images[style*=background-image] {
  --nd-atx-image-bg-size: cover;
}
.auto-images:not([class*=height-]) {
  padding: var(--nd-atx-image-padding, 0 0 56.25%);
}
.auto-images:not(.thumb) {
  background-image: var(--nd-atx-image-bg, url("/image/logo/csslogo.png"), url("/image/autobox/noimage_bg.jpg"));
  background-position: var(--nd-atx-image-bg-position, center);
  background-repeat: var(--nd-atx-image-bg-repeat, no-repeat);
  background-color: var(--nd-atx-image-bg-color, #f8f9fa);
  background-size: var(--nd-atx-image-bg-size, 45% auto, cover);
}
.frame.ratio-32 > .auto-images, .auto-images.ratio-32 {
  --nd-atx-image-ratio:	3 / 2;
}
.frame.ratio-32 > .auto-images:not(.thumb), .auto-images.ratio-32:not(.thumb) {
  --nd-atx-image-padding:	0 0 66.66667%;
}
.frame.ratio-43 > .auto-images, .auto-images.ratio-43 {
  --nd-atx-image-ratio:	4 / 3;
}
.frame.ratio-43 > .auto-images:not(.thumb), .auto-images.ratio-43:not(.thumb) {
  --nd-atx-image-padding:	0 0 75%;
}
.frame.ratio-11 > .auto-images, .auto-images.ratio-11 {
  --nd-atx-image-ratio:	1 / 1;
}
.frame.ratio-11 > .auto-images:not(.thumb), .auto-images.ratio-11:not(.thumb) {
  --nd-atx-image-padding:	0 0 100%;
}
.line.frame::before, .line.auto-images::before {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: var(--nd-atx-image-line-border, 1px solid rgba(0, 0, 0, 0.05));
}
.frame.radius > .auto-images, .auto-images.radius, .line.radius.frame::before, .line.radius.auto-images::before {
  border-radius: var(--nd-atx-image-border-radius, 50%);
}

.frame.contain > .auto-images, .auto-images.contain {
  --nd-atx-image-object-fit:	contain;
}
.frame.contain > .auto-images:not(.thumb), .auto-images.contain:not(.thumb) {
  --nd-atx-image-bg-size: contain;
}
.auto-images:not(.thumb) > img {
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.auto-images:not(.thumb) > img:not(caption) {
  position: absolute !important;
}
.auto-images.thumb {
  --nd-atx-image-height:	auto;
  --nd-atx-image-padding:	0;
}
.auto-images.thumb > img {
  display: block;
  min-width: 100%;
  min-height: 100%;
  margin: 0;
  aspect-ratio: var(--nd-atx-image-ratio, 16/9);
  -o-object-fit: var(--nd-atx-image-object-fit, cover);
     object-fit: var(--nd-atx-image-object-fit, cover);
}
.frame.top > .auto-images, .auto-images.top {
  --nd-atx-image-valign: flex-start;
}
.frame.top > .auto-images:not(.thumb), .auto-images.top:not(.thumb) {
  background-position: center top;
}
.frame.bottom > .auto-images, .auto-images.bottom {
  --nd-atx-image-valign: flex-end;
}
.frame.bottom > .auto-images:not(.thumb), .auto-images.bottom:not(.thumb) {
  background-position: center bottom;
}
.frame.movie-3 > .auto-images::after, .auto-images.movie-3::after, .frame.movie-2 > .auto-images::after, .auto-images.movie-2::after, .frame.movie > .auto-images::after, .auto-images.movie::after {
  content: "";
  overflow: hidden;
  position: absolute;
  z-index: 11;
  right: 0.5rem;
  bottom: 0.5rem;
  width: 1.3125rem;
  height: 1.3125rem;
  font-size: 0;
  color: transparent;
  text-indent: -9999px;
  background: url("/image/autobox/autobox-icons.png") no-repeat;
}
@media print, screen and (max-width: 49.99875em) {
  .mobile .frame.movie-3 > .auto-images::after, .mobile .auto-images.movie-3::after, .mobile .frame.movie-2 > .auto-images::after, .mobile .auto-images.movie-2::after, .mobile .frame.movie > .auto-images::after, .mobile .auto-images.movie::after, .admmb .frame.movie-3 > .auto-images::after, .admmb .auto-images.movie-3::after, .admmb .frame.movie-2 > .auto-images::after, .admmb .auto-images.movie-2::after, .admmb .frame.movie > .auto-images::after, .admmb .auto-images.movie::after {
    background-size: 125px auto;
  }
}

.frame.movie > .auto-images::after, .auto-images.movie::after {
  background-position: 0 -30px;
}
@media print, screen and (max-width: 49.99875em) {
  .mobile .frame.movie > .auto-images::after, .admmb .frame.movie > .auto-images::after, .mobile .auto-images.movie::after, .admmb .auto-images.movie::after {
    background-position: -40px 0;
  }
}
.frame.movie-2 > .auto-images::after, .auto-images.movie-2::after {
  background-position: 0 -60px;
}
@media print, screen and (max-width: 49.99875em) {
  .mobile .frame.movie-2 > .auto-images::after, .admmb .frame.movie-2 > .auto-images::after, .mobile .auto-images.movie-2::after, .admmb .auto-images.movie-2::after {
    background-position: -65px 0;
  }
}
.frame.movie-3 > .auto-images::after, .auto-images.movie-3::after {
  background-position: 0 -90px;
}
@media print, screen and (max-width: 49.99875em) {
  .mobile .frame.movie-3 > .auto-images::after, .admmb .frame.movie-3 > .auto-images::after, .mobile .auto-images.movie-3::after, .admmb .auto-images.movie-3::after {
    background-position: -90px 0;
  }
}
.auto-images .responsive-embed {
  margin-bottom: 0;
}
.frame.photo-2 > .auto-images::after, .auto-images.photo-2::after, .frame.photo > .auto-images::after, .auto-images.photo::after {
  content: "";
  overflow: hidden;
  position: absolute;
  z-index: 11;
  right: 0.5rem;
  bottom: 0.5rem;
  font-size: 0;
  color: transparent;
  text-indent: -9999px;
  background: url("/image/autobox/autobox-icons.png") no-repeat;
}

.frame.photo > .auto-images::after, .auto-images.photo::after {
  width: 1.3125rem;
  height: 1.3125rem;
  background-position: 0 0;
}
@media print, screen and (max-width: 49.99875em) {
  .mobile .frame.photo > .auto-images::after, .admmb .frame.photo > .auto-images::after, .mobile .auto-images.photo::after, .admmb .auto-images.photo::after {
    background-position: -15px 0;
  }
}
.frame.photo-2 > .auto-images::after, .auto-images.photo-2::after {
  width: 1.125rem;
  height: 0.875rem;
  background-position: 0 -120px;
}
@media print, screen and (max-width: 49.99875em) {
  .mobile .frame.photo-2 > .auto-images::after, .admmb .frame.photo-2 > .auto-images::after, .mobile .auto-images.photo-2::after, .admmb .auto-images.photo-2::after {
    background-position: -15px -60px;
  }
}
.frame.grayscale > .auto-images, .auto-images.grayscale {
  filter: grayscale(100%);
}

.auto-mov {
  position: relative;
}
.auto-mov::before, .auto-mov::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
.auto-mov::after {
  clear: both;
}
.auto-mov > * {
  position: relative;
  z-index: 1;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
.auto-mov-title {
  padding: 0.5rem 0.625rem;
  background-color: #000;
  text-align: center;
}

.auto-relation {
  position: relative;
  padding-left: var(--nd-atx-relation-padding-left, 1.25rem);
  font-size: var(--nd-atx-relation-font-size, 1em);
  font-weight: var(--nd-atx-relation-font-weight, 500);
}
a.auto-relation, .auto-relation {
  color: var(--nd-atx-relation-color, #000);
}

.auto-relation:not([class*=line-]) {
  display: block;
  overflow: var(--nd-atx-relation-overflow, hidden);
  line-height: var(--nd-atx-relation-line-height, 1.5);
  letter-spacing: var(--nd-atx-relation-letter-spacing, inherit);
  white-space: var(--nd-atx-relation-white-space, nowrap);
  text-overflow: var(--nd-atx-relation-text-overflow, ellipsis);
}
.auto-relation::before {
  content: var(--nd-atx-relation-content, "");
  position: absolute;
  z-index: var(--nd-atx-relation-icon-zindex, 1);
  left: var(--nd-atx-relation-icon-offset-x, 0.5rem);
  top: var(--nd-atx-relation-icon-offset-y, 50%);
  width: var(--nd-atx-relation-icon-width, 0.375rem);
  height: var(--nd-atx-relation-icon-height, 0.375rem);
  margin: var(--nd-atx-relation-icon-margin, -0.1875rem 0 0);
  background-color: var(--nd-atx-relation-icon-bg, transparent);
  border-width: var(--nd-atx-relation-icon-border-width, 0 0 1px 1px);
  border-style: var(--nd-atx-relation-icon-border-style, solid);
  border-color: var(--nd-atx-relation-icon-border-color, #212529);
  border-radius: var(--nd-atx-relation-icon-border-radius, 0);
  transform: var(--nd-atx-relation-icon-transform, none);
}
.auto-relation-container {
  display: flex;
  flex-direction: column;
  gap: var(--nd-atx-relation-gap, 0.25rem);
  margin: var(--nd-atx-relation-margin, 0);
}
.auto-relation-horz {
  flex-direction: row;
}

.auto-pager {
  position: var(--nd-atx-pager-position, relative);
  z-index: var(--nd-atx-pager-zindex, 1);
  font-size: var(--nd-atx-pager-font-size, 1em);
  text-align: var(--nd-atx-pager-text-align, center);
  margin-bottom: 0;
  margin-left: 0;
  list-style: none;
}
.auto-pager::before, .auto-pager::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
.auto-pager::after {
  clear: both;
}
.auto-pager.absolute {
  --nd-atx-pager-position: absolute;
  bottom: var(--nd-atx-pager-bottom, 0);
  left: var(--nd-atx-pager-left, 0);
}
.auto-pager.absolute.right {
  --nd-atx-pager-left: auto;
  right: var(--nd-atx-pager-right, 0);
}
.auto-pager.absolute.top {
  --nd-atx-pager-bottom: auto;
  top: var(--nd-atx-pager-top, 0);
}
.auto-pager.white {
  --nd-atx-pager-icon-bg:	rgba(255, 255, 255, 0.45);
  --nd-atx-pager-icon-active-bg:	var(--nd-primary, #007aff);
}
.auto-pager li[id*=slick-] {
  display: inline-block;
  margin: 0 auto;
}
.auto-pager-icon, .auto-pager li[id*=slick-] button[data-role] {
  display: block;
  overflow: hidden;
  width: var(--nd-atx-pager-icon-width, 0.5rem);
  height: var(--nd-atx-pager-icon-height, 0.5rem);
  margin-right: var(--nd-atx-pager-icon-gutter-x, 0.1875rem);
  margin-left: var(--nd-atx-pager-icon-gutter-x, 0.1875rem);
  color: transparent;
  text-indent: -5000px;
  background: var(--nd-atx-pager-icon-bg, rgba(0, 0, 0, 0.25));
  border: var(--nd-atx-pager-icon-border, 0);
  border-radius: var(--nd-atx-pager-icon-border-radius, 50%);
  cursor: pointer;
  -webkit-appearance: button;
     -moz-appearance: button;
          appearance: button;
}

.auto-pager li[id*=slick-].slick-active button[data-role], .auto-pager li[id*=slick-].slick-active .auto-pager-icon {
  width: var(--nd-atx-pager-icon-active-width, var(--nd-atx-pager-icon-width, 0.5rem));
  height: var(--nd-atx-pager-icon-active-height, var(--nd-atx-pager-icon-height, 0.5rem));
  background: var(--nd-atx-pager-icon-active-bg, var(--nd-primary, #007aff));
  border-color: var(--nd-atx-pager-icon-active-border-color);
}

.photo-titbg {
  display: block;
  position: absolute;
  z-index: var(--nd-atx-titbg-zindex, 10);
  left: var(--nd-atx-titbg-offset-x, 0);
  bottom: var(--nd-atx-titbg-offset-y, 0);
  width: var(--nd-atx-titbg-width, 100%);
  padding: var(--nd-atx-titbg-padding, 0.5rem 0.625rem);
  background: var(--nd-atx-titbg-bg, rgba(0, 0, 0, 0.75));
}
.photo-titbg::before, .photo-titbg::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
.photo-titbg::after {
  clear: both;
}
.photo-titbg.right {
  left: auto;
  right: var(--nd-atx-titbg-offset-x, 0);
}
.photo-titbg.right.cover {
  top: var(--nd-atx-titbg-offset-y, 0);
  left: var(--nd-atx-titbg-offset-x, 0);
}
.photo-titbg.cover {
  top: var(--nd-atx-titbg-offset-y, 0);
  right: var(--nd-atx-titbg-offset-x, 0);
}
.photo-titbg.gradient {
  padding: var(--nd-atx-titbg-gradient-padding, 1rem 0.625rem 0.5rem);
  text-shadow: var(--nd-atx-titbg-gradient-text-shadow, 1px 1px rgba(0, 0, 0, 0.75));
}
.photo-titbg.gradient:not(.cover) {
  background: var(--nd-atx-titbg-gradient-bg, linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75)));
}
.photo-titbg.gradient.cover {
  background: var(--nd-atx-titbg-gradient-cover-bg, linear-gradient(rgba(0, 0, 0, 0) 42%, rgba(0, 0, 0, 0.9)));
}

.photo-btn {
  display: block;
  overflow: hidden;
  position: absolute;
  z-index: 11;
  width: auto;
  font-size: 0;
  line-height: 0;
  cursor: pointer;
}
.photo-btn.over {
  top: 0;
  bottom: 0;
  outline-width: 0;
}
.photo-btn.over .btn-inner {
  display: block;
  overflow: hidden;
  width: 4rem;
  height: 4rem;
  padding-top: 0.5rem;
  font-size: 3.125rem;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 50%;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.08);
  transform: scale3d(0.7, 0.7, 1);
  opacity: 0;
  transition: transform 0.35s;
}
.auto-article:hover .photo-btn.over .btn-inner {
  opacity: 1;
  transform: scale3d(1, 1, 1);
}
.photo-btn.over.auto-prev {
  left: -2rem;
}
.photo-btn.over.auto-next {
  right: -2rem;
}

.auto-btn {
  display: block;
  overflow: hidden;
  width: var(--nd-atx-btn-width, auto);
  height: var(--nd-atx-btn-height, auto);
  padding: var(--nd-atx-btn-padding, 0);
  font-size: var(--nd-atx-btn-font-size, 1.5rem);
  font-weight: 400;
  line-height: 1;
  color: var(--nd-atx-btn-color, #000);
  background-color: var(--nd-atx-btn-bg, transparent);
  border: var(--nd-atx-btn-border-width, 1px) var(--nd-atx-btn-border-style, solid) var(--nd-atx-btn-border-color, transparent);
  border-radius: var(--nd-atx-btn-border-radius, 0);
}
.auto-btn-backdrop > .auto-btn {
  width: auto;
  height: auto;
  padding: 0;
  font-size: inherit;
  color: inherit;
  background-color: transparent;
}
.auto-btn:not(.over) {
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, opacity 0.15s ease-in-out;
}
.auto-btn.slick-disabled, .auto-btn:disabled {
  opacity: 0.25;
  cursor: default;
}
.auto-btn:not(:disabled):not(.active):hover {
  color: var(--nd-atx-btn-hover-color, var(--nd-atx-btn-color, #000));
  background-color: var(--nd-atx-btn-hover-bg, var(--nd-atx-btn-bg, transparent));
  border-color: var(--nd-atx-btn-hover-border-color, var(--nd-atx-btn-border-color, transparent));
}
.auto-btn-backdrop > .auto-btn:not(:disabled):not(.active):hover {
  color: inherit;
  background-color: inherit;
}
.auto-btn.active {
  color: var(--nd-atx-btn-active-color, var(--nd-atx-btn-color, #000));
  background-color: var(--nd-atx-btn-active-bg, var(--nd-atx-btn-bg, transparent));
  border-color: var(--nd-atx-btn-active-border-color, var(--nd-atx-btn-border-color, transparent));
}
.auto-btn-backdrop > .auto-btn.active {
  color: inherit;
  background-color: inherit;
}
.auto-btn.absolute:not(.auto-btn-backdrop) {
  position: absolute;
  z-index: var(--nd-atx-btn-zindex, 20);
  top: var(--nd-atx-btn-offset-y, 0);
}
.auto-btn.absolute:not(.auto-btn-backdrop).middle {
  --nd-atx-btn-offset-y: 50%;
  transform: translateY(-50%);
}
.auto-btn.absolute:not(.auto-btn-backdrop).bottom {
  top: auto;
  bottom: var(--nd-atx-btn-offset-y, 0);
}
.auto-btn-backdrop.over > .auto-btn, .auto-btn.over {
  box-shadow: var(--nd-atx-btn-box-shadow, 1px 1px 1px rgba(0, 0, 0, 0.08));
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, opacity 0.15s ease-in-out, transform 0.15s ease-in-out;
}

.auto-btn-backdrop.over:not(:hover) > .auto-btn, .auto-btn.over:not(:hover) {
  transform: scale3d(0.7, 0.7, 1);
  opacity: 0;
}

.auto-btn-icon::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  background-color: currentColor;
  -webkit-mask-size: cover;
          mask-size: cover;
}
.auto-btn-prev.auto-btn-backdrop, .auto-btn-prev.absolute {
  left: var(--nd-atx-btn-offset-x, 0);
}
.auto-btn-prev > .auto-btn-icon::before, .auto-btn-prev.auto-btn-icon::before {
  -webkit-mask-image: var(--nd-atx-btn-prev-icon, url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg' color='%23000'%3E%3Cpath d='m15 6-6 6 6 6' stroke='%23000' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"));
          mask-image: var(--nd-atx-btn-prev-icon, url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg' color='%23000'%3E%3Cpath d='m15 6-6 6 6 6' stroke='%23000' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"));
}
.auto-btn-next.auto-btn-backdrop, .auto-btn-next.absolute {
  right: var(--nd-atx-btn-offset-x, 0);
}
.auto-btn-next > .auto-btn-icon::before, .auto-btn-next.auto-btn-icon::before {
  -webkit-mask-image: var(--nd-atx-btn-next-icon, url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg' color='%23000'%3E%3Cpath d='m9 6 6 6-6 6' stroke='%23000' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"));
          mask-image: var(--nd-atx-btn-next-icon, url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg' color='%23000'%3E%3Cpath d='m9 6 6 6-6 6' stroke='%23000' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"));
}
.auto-btn-backdrop {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  z-index: var(--nd-atx-btn-zindex, 20);
  top: var(--nd-atx-btn-offset-y, 0);
  width: var(--nd-atx-btn-width, auto);
  height: var(--nd-atx-btn-height, 100%);
  padding: var(--nd-atx-btn-padding, 0);
  font-size: var(--nd-atx-btn-font-size, 1.5rem);
  color: var(--nd-atx-btn-color, #000);
  background: var(--nd-atx-btn-bg, transparent);
  border: none;
}
.auto-btn-backdrop:not(.over) {
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, opacity 0.15s ease-in-out;
}
.auto-btn-backdrop:disabled {
  opacity: 0.25;
  cursor: not-allowed;
}
.auto-btn-backdrop:not(:disabled):hover {
  color: var(--nd-atx-btn-hover-color, var(--nd-atx-btn-color, #000));
  background-color: var(--nd-atx-btn-hover-bg, var(--nd-atx-btn-bg, transparent));
}
.auto-btn-backdrop.active {
  color: var(--nd-atx-btn-active-color, var(--nd-atx-btn-color, #000));
  background-color: var(--nd-atx-btn-active-bg, var(--nd-atx-btn-bg, transparent));
}
.auto-valign {
  display: block;
  font-size: 0;
  text-align: left;
}
.auto-valign > .for-bottom, .auto-valign > .for-middle, .auto-valign > .for-top {
  display: inline-block;
}
.auto-valign > .frame.for-bottom, .auto-valign > .frame.for-middle, .auto-valign > .frame.for-top, .auto-valign > .auto-images.for-bottom, .auto-valign > .auto-images.for-middle, .auto-valign > .auto-images.for-top {
  display: inline-flex;
}

.auto-valign > .for-top {
  vertical-align: top;
}
.auto-valign > .for-middle {
  vertical-align: middle;
}
.auto-valign > .for-bottom {
  vertical-align: bottom;
}

.auto-fontA {
  color: #000 !important;
}

.auto-fontB {
  color: #666 !important;
}

.auto-fontC {
  color: #555 !important;
}

.auto-fontD {
  color: #006f97 !important;
}

.auto-fontE {
  color: #444 !important;
}

.auto-fontF {
  color: #fff !important;
}

.auto-fontG {
  color: #344289 !important;
}

.auto-fontH {
  color: #242961 !important;
}

.auto-fontI {
  color: #496579 !important;
}

.auto-fontJ {
  color: rgba(255, 255, 255, 0.65) !important;
}

.auto-fontK {
  color: #999 !important;
}

.auto-fontL {
  color: #29aba5 !important;
}

.tabs-wrap {
  --nd-tabs-border-width: 1px;
  --nd-tabs-border-style: solid;
  --nd-tabs-border-color: #e8e8e9;
  padding: var(--nd-tabs-padding-y, 0) var(--nd-tabs-padding-x, 0);
  background-color: var(--nd-tabs-bg, transparent);
  border: var(--nd-tabs-border, 0);
  border-radius: var(--nd-tabs-border-radius, 0);
}
.tabs-wrap::before, .tabs-wrap::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
.tabs-wrap::after {
  clear: both;
}
.tabs-wrap.line {
  --nd-tabs-padding-x: 1rem;
  --nd-tabs-padding-y: var(--nd-tabs-padding-x);
  --nd-tabs-bg: #fff;
  --nd-tabs-border: var(--nd-tabs-border-width) var(--nd-tabs-border-style) var(--nd-tabs-border-color);
}
.tabs-wrap .tabs-header {
  display: block;
  margin-bottom: var(--nd-tabs-header-margin-bottom, 1rem);
  font-size: var(--nd-tabs-header-font-size, 1em);
  font-weight: var(--nd-tabs-header-font-weight, 700);
  line-height: var(--nd-tabs-header-line-height, 1.2);
}
.tabs-wrap .tabs-navs {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  padding: 0;
  margin-bottom: var(--nd-tabs-navs-margin-bottom, 1rem);
  margin-left: 0;
  list-style: none;
}
.tabs-vertical .tabs-navs {
  flex: 0 0 auto;
  width: var(--nd-tabs-navs-width, 12.5rem);
}

.tabs-wrap .tabs-item {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
  border: var(--nd-tabs-border-width) var(--nd-tabs-border-style) var(--nd-tabs-border-color);
  text-align: center;
}
.tabs-wrap .tabs-navs.expanded .tabs-item {
  flex: 1 1 0%;
  min-width: 0;
}

.tabs-wrap .tabs-item.active {
  position: relative;
  z-index: 5;
  border-color: var(--nd-tabs-active-border-color, var(--nd-tabs-border-color));
  border-bottom-color: transparent;
}
.tabs-wrap .tabs-item > a {
  display: block;
  padding: var(--nd-tabs-link-padding-y, 0.5rem) var(--nd-tabs-link-padding-x, 1rem);
  font-size: var(--nd-tabs-link-font-size, 0.875em);
  font-weight: var(--nd-tabs-link-font-weight, 400);
  line-height: var(--nd-tabs-link-line-height, 1.5);
  color: var(--nd-tabs-link-color, #6c757d);
  background-color: var(--nd-tabs-link-bg, #fff);
}
.tabs-wrap .tabs-item > a:hover, .tabs-wrap .tabs-item > a:focus {
  text-decoration: none;
}
.tabs-wrap .tabs-item > a:hover {
  color: var(--nd-tabs-link-hover-color, #000);
  background-color: var(--nd-tabs-link-hover-bg, #fff);
}
.tabs-wrap .tabs-item.active > a {
  font-weight: var(--nd-tabs-link-active-font-weight, 700);
  color: var(--nd-tabs-link-active-color, var(--nd-primary, #007aff));
  background-color: var(--nd-tabs-link-active-bg, #fff);
}

.tabs-wrap .tabs-panel {
  min-height: var(--nd-tabs-panel-min-height, unset);
  padding: var(--nd-tabs-panel-padding-y, 0) var(--nd-tabs-panel-padding-x, 0);
  background-color: var(--nd-tabs-panel-bg, transparent);
}
.tabs-wrap .tabs-vertical {
  --nd-tabs-border: var(--nd-tabs-border-width) var(--nd-tabs-border-style) var(--nd-tabs-border-color);
  --nd-tabs-navs-margin-bottom: 0;
  display: flex;
  flex-direction: row;
}
.tabs-wrap .tabs-vertical .tabs-navs {
  flex-direction: column;
}
.tabs-wrap .tabs-vertical .tabs-navs.expanded .tabs-item {
  flex: 1 1 auto;
  width: auto;
  min-height: 0;
}
.tabs-wrap .tabs-vertical .tabs-item.active {
  border-bottom-color: var(--nd-tabs-active-border-color, var(--nd-tabs-border-color));
  border-right-color: transparent;
}
.tabs-wrap .tabs-vertical .tabs-navs.expanded .tabs-item {
  display: flex;
}
.tabs-wrap .tabs-vertical .tabs-navs.expanded .tabs-item > a {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 100%;
  align-self: stretch;
}

.tabs-wrap .tabs-vertical .tabs-item + .tabs-item {
  margin-top: calc(var(--nd-tabs-border-width) * -1);
  padding-top: calc(var(--nd-tabs-border-width) * 0.5);
  padding-bottom: calc(var(--nd-tabs-border-width) * 0.5);
}
.tabs-wrap .tabs-vertical .tabs-item + .tabs-item > a {
  margin-top: calc(var(--nd-tabs-border-width) * -0.5);
  margin-bottom: calc(var(--nd-tabs-border-width) * -0.5);
}
.tabs-wrap .tabs-vertical .tabs-panel {
  flex: 1 1 0%;
  max-width: 100%;
  min-width: 0;
}
.tabs-wrap.type-B .tabs-navs, .tabs-wrap.type-A .tabs-navs {
  position: relative;
  z-index: 5;
}
.tabs-wrap.type-B .tabs-item.active, .tabs-wrap.type-A .tabs-item.active {
  border-bottom-color: var(--nd-tabs-link-active-bg, #fff);
}
.tabs-wrap.type-B .tabs-panel, .tabs-wrap.type-A .tabs-panel {
  margin-top: calc(var(--nd-tabs-border-width) * -1);
  border: var(--nd-tabs-border-width) var(--nd-tabs-border-style) var(--nd-tabs-border-color);
}

.tabs-wrap.type-A {
  --nd-tabs-navs-margin-bottom: 0;
  --nd-tabs-panel-padding-x: 1.25rem;
  --nd-tabs-panel-padding-y: var(--nd-tabs-panel-padding-x);
}
.tabs-wrap.type-B {
  --nd-tabs-bg: #f8f9fa;
  --nd-tabs-navs-margin-bottom: 0;
  --nd-tabs-panel-padding-x: 1.25rem;
  --nd-tabs-panel-padding-y: var(--nd-tabs-panel-padding-x);
  --nd-tabs-panel-bg: #fff;
}
.tabs-wrap.type-B .tabs-item.active {
  border-top-color: var(--nd-tabs-link-active-color, var(--nd-primary, #007aff));
}
.tabs-wrap.type-D {
  --nd-tabs-active-border-color: var(--nd-tabs-link-active-color, var(--nd-primary, #007aff));
}
.tabs-wrap.type-D .tabs-navs::after {
  content: "";
  overflow: hidden;
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  right: 0;
  height: 0;
  margin-top: calc(var(--nd-tabs-border-width) * -1);
  border-top: var(--nd-tabs-border-width) var(--nd-tabs-border-style) var(--nd-tabs-active-border-color);
}
.tabs-wrap.type-D .tabs-item {
  border-bottom-color: var(--nd-tabs-link-active-bg, #fff);
}
.tabs-wrap.type-E {
  --nd-tabs-border-width: 0;
}
.tabs-wrap.type-F {
  --nd-tabs-panel-padding-x: 1.25rem;
  --nd-tabs-panel-padding-y: var(--nd-tabs-panel-padding-x);
}
.tabs-wrap.type-F .tabs-panel {
  border-width: var(--nd-tabs-border-width) var(--nd-tabs-border-width) var(--nd-tabs-border-width) 0;
  border-style: var(--nd-tabs-border-style);
  border-color: var(--nd-tabs-border-color);
}
.tabs-wrap.type-G {
  --nd-tabs-header-margin-bottom: 0;
  --nd-tabs-navs-margin-bottom: var(--nd-tabs-header-margin-bottom);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.tabs-wrap.type-G .tabs-navs {
  --nd-tabs-border-width: 0;
  --nd-tabs-link-padding-x: 0;
  --nd-tabs-link-padding-y: var(--nd-tabs-link-padding-x);
  margin-left: auto;
}
.tabs-wrap.type-G .tabs-item + .tabs-item > a {
  padding-left: 0.5rem;
}
.tabs-wrap.type-G .tabs-item + .tabs-item > a::before {
  content: "|";
  float: left;
  padding-right: 0.5rem;
  font-weight: 400;
  color: #d2d2d4;
}
.tabs-wrap.type-G .tabs-item > a {
  background-color: transparent !important;
}
.tabs-wrap.type-G .tabs-panel {
  flex: 0 0 auto;
  width: 100%;
  margin-top: var(--nd-tabs-panel-margin-top, 1rem);
}
.tabs-wrap.type-H {
  --nd-tabs-header-margin-bottom: 0;
  --nd-tabs-navs-margin-bottom: var(--nd-tabs-header-margin-bottom);
  --nd-tabs-panel-padding-y: 1.25rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.tabs-wrap.type-H .tabs-navs {
  z-index: 5;
  margin-left: auto;
}
.tabs-wrap.type-H .tabs-item.active {
  border-bottom-color: var(--nd-tabs-link-active-bg, #fff);
}
.tabs-wrap.type-H .tabs-panel {
  flex: 0 0 auto;
  width: 100%;
  margin-top: calc(var(--nd-tabs-border-width) * -1);
  padding-bottom: 0;
  border-top: var(--nd-tabs-border-width) var(--nd-tabs-border-style) var(--nd-tabs-border-color);
}
.tabs-wrap.type-I {
  --nd-tabs-header-margin-bottom: 1rem;
  --nd-tabs-navs-margin-bottom: var(--nd-tabs-header-margin-bottom);
}
.tabs-wrap.type-I .tabs-header {
  padding-bottom: var(--nd-tabs-header-margin-bottom);
  border-bottom: var(--nd-tabs-border-width) var(--nd-tabs-border-style) var(--nd-tabs-border-color);
}
.tabs-wrap.type-I .tabs-navs {
  padding-bottom: var(--nd-tabs-navs-margin-bottom);
  border-bottom: var(--nd-tabs-border-width) var(--nd-tabs-border-style) var(--nd-tabs-border-color);
}
.tabs-wrap.type-I .tabs-item {
  --nd-tabs-border-width: 0;
  --nd-tabs-link-padding-x: 0;
  --nd-tabs-link-padding-y: var(--nd-tabs-link-padding-x);
}
.tabs-wrap.type-I .tabs-item + .tabs-item > a {
  padding-left: 0.5rem;
}
.tabs-wrap.type-I .tabs-item + .tabs-item > a::before {
  content: "|";
  float: left;
  padding-right: 0.5rem;
  font-weight: 400;
  color: #d2d2d4;
}
.tabs-wrap.type-I .tabs-item > a {
  background-color: transparent !important;
}

.box-skin {
  display: block;
  position: relative;
  margin: var(--nd-box-skin-margin, 0);
  padding: var(--nd-box-skin-padding, 0);
  background: var(--nd-box-skin-bg, transparent);
  border: var(--nd-box-skin-border, 0);
  border-radius: var(--nd-box-skin-border-radius, 0);
  text-align: left;
  word-wrap: break-word;
  word-break: break-all;
}
.box-skin::before, .box-skin::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
.box-skin::after {
  clear: both;
}
.dsframe-skin .box-skin {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.tv-wrap .box-skin {
  --nd-box-skin-title-margin-bottom: 2rem;
  --nd-box-skin-title-font-size: 2.25rem;
}
.box-skin > .header a, .box-skin > .header strong {
  margin-bottom: var(--nd-box-skin-title-margin-bottom, 1rem);
  padding: var(--nd-box-skin-title-padding, 0);
  font-family: var(--nd-box-skin-title-font-family, inherit);
  font-size: var(--nd-box-skin-title-font-size, 1.25rem);
  font-weight: var(--nd-box-skin-title-font-weight, 700);
  line-height: var(--nd-box-skin-title-line-height, 1.2);
  letter-spacing: var(--nd-box-skin-title-letter-spacing, inherit);
  text-align: var(--nd-box-skin-title-text-align, inherit);
  color: var(--nd-box-skin-title-color, #000);
  display: block;
}

.box-skin > .header a:hover, .box-skin > .header a:focus {
  text-decoration: none;
}
.box-skin > .header a.btm-Icon, .box-skin > .header a.btm-Eng, .box-skin > .header a.btm-Kor {
  position: relative;
}
.box-skin > .header a.btm-Icon::after, .box-skin > .header a.btm-Eng::after, .box-skin > .header a.btm-Kor::after {
  content: var(--nd-box-skin-icon-content, normal);
  display: var(--nd-box-skin-icon-display, block);
  position: var(--nd-box-skin-icon-position, absolute);
  z-index: var(--nd-box-skin-icon-zindex, auto);
  top: var(--nd-box-skin-icon-top, auto);
  right: var(--nd-box-skin-icon-right, auto);
  bottom: var(--nd-box-skin-icon-bottom, auto);
  left: var(--nd-box-skin-icon-left, auto);
  padding: var(--nd-box-skin-icon-padding, 0);
  font-size: var(--nd-box-skin-icon-font-size, 0.8em);
  font-weight: var(--nd-box-skin-icon-font-weight, 400);
  line-height: var(--nd-box-skin-icon-line-height, 1.5);
  color: var(--nd-box-skin-icon-color, currentColor);
  background: var(--nd-box-skin-icon-bg, transparent);
  white-space: var(--nd-box-skin-icon-white-space, nowrap);
  transform: var(--nd-box-skin-icon-transform, none);
}

.box-skin > .header a.btm-Kor {
  background: var(--nd-box-skin-title-bg, 100% 50% no-repeat url("/image/btm-kor.png"));
}
.box-skin > .header a.btm-Eng {
  background: var(--nd-box-skin-title-bg, 100% 50% no-repeat url("/image/btm-eng.png"));
}
.box-skin > .header a.btm-Icon {
  background: var(--nd-box-skin-title-bg, 100% 50% no-repeat url("/image/btm-icon.png"));
}
.box-skin.header-line > .header {
  --nd-box-skin-title-margin-bottom: 1rem;
  margin-bottom: var(--nd-box-skin-title-margin-bottom, 1rem);
  border-bottom: 1px solid #e8e8e9;
}

.box-skin > .container {
  display: flex;
  flex-direction: row;
  gap: var(--nd-box-skin-container-gap, 0);
}
.box-skin > .container > * {
  flex: 1 1 0%;
  max-width: 100%;
  min-width: 0;
}
.box-skin.line {
  --nd-box-skin-padding: 1rem;
  --nd-box-skin-bg: #fff;
  --nd-box-skin-border: 1px solid #e8e8e9;
}
@media print, screen and (max-width: 39.99875em) {
  .mobile .box-skin.line {
    --nd-box-skin-padding: 0.75rem;
  }
}
.box-skin.bg {
  --nd-box-skin-bg: #f8f9fa;
}
.box-skin.white {
  --nd-box-skin-title-color: #000;
  --nd-box-skin-bg: #fff;
}
.box-skin.black {
  --nd-box-skin-title-color: #fff;
  --nd-box-skin-bg: #000;
}
.box-skin.blue {
  --nd-box-skin-title-color: #fff;
  --nd-box-skin-bg: #005ca0;
}
.box-skin.red {
  --nd-box-skin-title-color: #fff;
  --nd-box-skin-bg: linear-gradient(135deg, #ff6517 0%, #e70033 100%);
}
.box-skin.brown {
  --nd-box-skin-title-color: #000;
  --nd-box-skin-bg: #dbd7cc;
}
.box-skin.seablue {
  --nd-box-skin-title-color: #fff;
  --nd-box-skin-padding: 1.5rem 2.75rem;
  z-index: 10;
}
.box-skin.dark {
  --nd-box-skin-title-color: #fff;
  --nd-box-skin-padding: 2rem;
  --nd-box-skin-title-margin-bottom: 1.875rem;
  --nd-box-skin-title-font-size: 1.1875rem;
}
.box-skin.radius {
  --nd-box-skin-border-radius: 0.25rem;
  overflow: hidden;
}
.box-skin.radius.line > *:first-child {
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}
.box-skin.radius.line > *:last-child {
  border-bottom-left-radius: calc(0.25rem - 1px);
  border-bottom-right-radius: calc(0.25rem - 1px);
}
.box-skin.header-bg {
  --nd-box-skin-title-margin-bottom: 0;
}
.box-skin.header-bg.line {
  --nd-box-skin-padding: 0;
  --nd-box-skin-title-margin-bottom: 0;
}
.box-skin.header-bg.bg {
  --nd-box-skin-bg: transparent;
}
.box-skin.header-bg.header-line {
  border-bottom-color: rgba(0, 0, 0, 0.08);
}
.box-skin.header-bg > .header {
  padding: 1rem;
  margin-bottom: 0.75rem;
  background-color: #f8f9fa;
}
@media print, screen and (max-width: 39.99875em) {
  .mobile .box-skin.header-bg > .header {
    padding: 0.75rem;
  }
}
.box-skin.header-bg > .content,
.box-skin.header-bg > .container {
  padding: 1rem;
}
@media print, screen and (max-width: 39.99875em) {
  .mobile .box-skin.header-bg > .content,
  .mobile .box-skin.header-bg > .container {
    padding: 0.75rem;
  }
}
.box-skin.design-1 {
  --nd-box-skin-bg: #fff;
  --nd-box-skin-title-margin-bottom: 0;
  --nd-box-skin-title-color: #fff;
}
.box-skin.design-1 > .header {
  padding: 1rem;
  background-color: var(--nd-primary, #007aff);
  border-radius: 0 0.875rem 0 0;
}
.box-skin.design-1 > .content,
.box-skin.design-1 > .container {
  padding: 1rem;
}
@media print, screen and (max-width: 39.99875em) {
  .mobile .box-skin.design-1 > .content,
  .mobile .box-skin.design-1 > .container {
    padding: 0.75rem;
  }
}
.box-skin.design-2 {
  --nd-box-skin-title-margin-bottom: 0;
}
.box-skin.design-2 > .header {
  position: relative;
  min-height: 0.625rem;
  margin-bottom: 1rem;
}
.box-skin.design-2 > .header::before {
  content: "";
  overflow: hidden;
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  top: 50%;
  height: 0;
  border-top: 1px solid #e8e8e9;
}
.box-skin.design-2 > .header > .icon {
  position: absolute;
  z-index: 3;
  right: 0;
  top: 50%;
  width: 0.6875rem;
  height: 0.6875rem;
  margin-top: -0.3125rem;
  background-color: var(--nd-primary, #007aff);
  border-radius: 50rem;
}
.box-skin.design-2 > .header > .icon::after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  margin: -3px 0 0 -1px;
  border-width: 3px;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
}
.box-skin.design-2 > .header > *[class*=btm-] {
  background: none !important;
}
.box-skin.design-2 > .header strong,
.box-skin.design-2 > .header a {
  position: relative;
  z-index: 2;
  display: inline-block;
  padding-right: 0.75rem;
  background: #fff !important;
}
.box-skin.design-3 {
  --nd-box-skin-padding: 1rem;
  --nd-box-skin-border: 1px solid #e8e8e9;
  --nd-box-skin-title-margin-bottom: 0;
}
@media print, screen and (max-width: 39.99875em) {
  .mobile .box-skin.design-3 {
    padding: 0.75rem;
  }
}
.box-skin.design-3 > .header {
  height: 2rem;
  padding-top: 0.3125rem;
  padding-left: 2.5rem;
  margin-bottom: 1rem;
  background: url("/image/box/box-skin-human.png") 0 0 no-repeat;
}
@media print, screen and (max-width: 39.99875em) {
  .mobile .box-skin.design-3 > .header {
    margin-bottom: 0.5rem;
  }
}
.box-skin.design-4 {
  --nd-box-skin-title-margin-bottom: 0;
}
.box-skin.design-4 > .header {
  height: 1.875rem;
  padding: 0.3125rem 0.625rem 0 0.625rem;
  margin-bottom: 1rem;
  border-left: 1px solid #d2d2d4;
  background: 100% 0 no-repeat var(--nd-primary, #007aff) url("/image/box/box-skin-circle.png");
}
@media print, screen and (max-width: 39.99875em) {
  .mobile .box-skin.design-4 > .header {
    margin-bottom: 0.5rem;
  }
}
.box-skin.design-5 {
  --nd-box-skin-title-margin-bottom: 0;
  --nd-box-skin-title-color: #fff;
}
.box-skin.design-5 > .header {
  position: relative;
  padding: 0.75rem 1rem;
  margin-bottom: 1rem;
  background-color: var(--nd-primary, #007aff);
}
@media print, screen and (max-width: 39.99875em) {
  .mobile .box-skin.design-5 > .header {
    padding: 0.75rem;
    margin-bottom: 0.5rem;
  }
}
.box-skin.design-5 > .header::before {
  content: "";
  position: absolute;
  z-index: 2;
  top: 100%;
  left: 1rem;
  border-width: 6px;
  border-style: solid;
  border-color: var(--nd-primary, #007aff) transparent transparent transparent;
}
@media print, screen and (max-width: 39.99875em) {
  .mobile .box-skin.design-5 > .header::before {
    border-width: 4px;
  }
}
.box-skin.design-6 {
  --nd-box-skin-title-margin-bottom: 0;
  --nd-box-skin-title-color: #fff;
}
.box-skin.design-6 > .header {
  height: 2rem;
  padding: 0.4375rem 0.625rem 0;
  margin-bottom: 1rem;
  background: 100% 0 no-repeat url("/image/box/box-skin-shadow.png");
}
@media print, screen and (max-width: 39.99875em) {
  .mobile .box-skin.design-6 > .header {
    margin-bottom: 0.5rem;
  }
}
.box-skin.design-7 {
  --nd-box-skin-title-margin-bottom: 0;
}
.box-skin.design-7 > .header {
  margin-bottom: 1rem;
  padding: 0.875rem 0;
  border-top: 2px solid #212529;
  border-bottom: 1px solid #e8e8e9;
}
.box-margins {
  display: block;
  overflow: hidden;
  padding: 0;
  margin: 0;
  font-size: 0;
  border: 0;
  clear: both;
}
.box-dotted-x, .box-dotted, .box-dashed-x, .box-dashed, .box-solid-x, .box-solid {
  border-top-width: var(--nd-box-margins-border-width, 1px);
}

.box-dotted-5x, .box-dotted-4x, .box-dotted-3x, .box-dotted-2x, .box-dotted-x, .box-dotted, .box-dashed-5x, .box-dashed-4x, .box-dashed-3x, .box-dashed-2x, .box-dashed-x, .box-dashed, .box-solid-5x, .box-solid-4x, .box-solid-3x, .box-solid-2x, .box-solid-x, .box-solid {
  border-top-color: var(--nd-box-margins-border-color, #e8e8e9);
}

.box-dotted-5x, .box-dotted-4x, .box-dotted-3x, .box-dotted-2x, .box-dotted-x, .box-dashed-5x, .box-dashed-4x, .box-dashed-3x, .box-dashed-2x, .box-dashed-x, .box-solid-5x, .box-solid-4x, .box-solid-3x, .box-solid-2x, .box-solid-x, .box-solid {
  border-top-style: var(--nd-box-margins-border-style, solid);
}

.box-dashed {
  border-top-style: var(--nd-box-margins-border-style, dashed);
}

.box-dotted {
  border-top-style: var(--nd-box-margins-border-style, dotted);
}

.box-solid-2x {
  --nd-box-margins-border-width: 2px;
}
.box-solid-3x {
  --nd-box-margins-border-width: 3px;
}
.box-solid-4x {
  --nd-box-margins-border-width: 4px;
}
.box-solid-5x {
  --nd-box-margins-border-width: 5px;
}
.box-dashed-2x {
  --nd-box-margins-border-width: 2px;
}
.box-dashed-3x {
  --nd-box-margins-border-width: 3px;
}
.box-dashed-4x {
  --nd-box-margins-border-width: 4px;
}
.box-dashed-5x {
  --nd-box-margins-border-width: 5px;
}
.box-dotted-2x {
  --nd-box-margins-border-width: 2px;
}
.box-dotted-3x {
  --nd-box-margins-border-width: 3px;
}
.box-dotted-4x {
  --nd-box-margins-border-width: 4px;
}
.box-dotted-5x {
  --nd-box-margins-border-width: 5px;
}

.manual a:hover, .manual a:focus {
  text-decoration: none;
}
.manual-content::before, .manual-article::before, .manual-content::after, .manual-article::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
.manual-content::after, .manual-article::after {
  clear: both;
}

.manual-article {
  text-align: center;
}
.manual-summary, .manual-sub-title, .manual-title {
  text-align: left;
  word-wrap: break-word;
  word-break: break-all;
}
.manual-summary a, .manual-sub-title a, .manual-title a {
  color: inherit;
}

.manual-title {
  margin-bottom: 0.75rem;
  font-size: var(--nd-manual-title-font-size, 1em);
  font-weight: var(--nd-manual-title-font-weight, 400);
  line-height: 1.2;
  letter-spacing: var(--nd-manual-title-letter-spacing, -0.5px);
}
.manual-article.type-T .manual-title {
  --nd-manual-title-font-size: 1.625rem;
  --nd-manual-title-font-weight: 700;
  --nd-manual-title-letter-spacing: -1px;
}
.manual-article.type-I .manual-title {
  --nd-manual-title-font-size: 1.125rem;
  --nd-manual-title-font-weight: 700;
  --nd-manual-title-letter-spacing: -0.75px;
}
.manual-article.type-F .manual-title {
  --nd-manual-title-font-size: 1rem;
  --nd-manual-title-font-weight: 500;
}
.manual-article.type-G .manual-title {
  --nd-manual-title-font-size: 0.875rem;
}
.manual-article.type-C .manual-title {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.manual-article.type-R .manual-title {
  --nd-manual-title-font-size: 0.875rem;
}
.manual-article.type-R .manual-title::before {
  content: "";
  float: left;
  width: 8px;
  height: 8px;
  margin-right: 0.625rem;
  border-left: 1px solid #000;
  border-bottom: 1px solid #000;
}
.manual-article.type-R .manual-title::after {
  content: "";
  display: table;
  clear: both;
}
.manual-article.type-D .manual-title::before {
  content: "";
  float: left;
  width: 5px;
  height: 5px;
  margin-top: 0.375rem;
  margin-right: 0.625rem;
  background-color: rgba(0, 0, 0, 0.15);
  border-radius: 50%;
}
.manual-article.type-D .manual-title::after {
  content: "";
  display: table;
  clear: both;
}
.manual-article.type-E .manual-title {
  --nd-manual-title-font-size: 0.875rem;
}
.manual-article.type-E .manual-title::before {
  content: "";
  float: left;
  width: 4px;
  height: 4px;
  margin-top: 0.375rem;
  margin-right: 0.625rem;
  background-color: rgba(0, 0, 0, 0.15);
  border-radius: 50%;
}
.manual-article.type-E .manual-title::after {
  content: "";
  display: table;
  clear: both;
}
.manual-article.type-L .manual-title {
  --nd-manual-title-font-size: 0.8125rem;
  margin-top: 1rem;
  text-align: center;
}
.manual-sub-title {
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
  color: #016d94;
}
.manual-article.type-B .manual-sub-title {
  font-size: 0.875rem;
}
.manual-summary {
  font-size: 0.8125rem;
  font-weight: 400;
  color: #6c757d;
  line-height: 1.5;
}
.manual-images {
  position: relative;
}
.manual-article.type-L .manual-images {
  display: inline-block;
  margin-right: auto;
  margin-left: auto;
}
.manual-images a {
  display: block;
}
.manual-images a::before {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: transparent;
  border: 1px solid #e8e8e9;
}
.manual-images.float-left {
  margin-right: 1rem;
}
.manual-images.float-right {
  margin-left: 1rem;
}
.manual-images.float-center {
  display: inline-block;
  margin-bottom: 1rem;
}
.manual-lines::before, .manual-lines::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
.manual-lines::after {
  clear: both;
}
.manual-lines.margin, .manual-lines.dotted, .manual-lines.solid {
  --nd-manual-lines-gutter-y: 1em;
  height: var(--nd-manual-lines-gutter-y);
}

.manual-lines.solid {
  margin-top: var(--nd-manual-lines-gutter-y);
  border-top: 1px solid #e8e8e9;
}
.manual-lines.dotted {
  margin-top: var(--nd-manual-lines-gutter-y);
  border-top: 1px solid #d2d2d4;
}
.manual-lines.small-margin {
  --nd-manual-lines-gutter-y: .5em;
  height: var(--nd-manual-lines-gutter-y);
}

.popup-wrap {
  --nd-popup-footer-height: 2.5rem;
  width: var(--nd-popup-width, 100%);
  height: var(--nd-popup-height, auto);
}
.popup-wrap::before, .popup-wrap::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
.popup-wrap::after {
  clear: both;
}
.popup-wrap.no-footer {
  --nd-popup-footer-height: 0;
}
.popup-wrap.windows .popup-header {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}
.popup-wrap.windows .popup-container {
  text-align: center;
}
.popup-wrap.windows .popup-container img {
  margin-left: auto;
  margin-right: auto;
}
@media print, screen and (max-width: 39.99875em) {
  .popup-wrap.layers {
    width: 100%;
    max-width: var(--nd-popup-width, auto);
  }
  .popup-wrap.layers:not(.for-html) {
    height: auto;
    max-height: var(--nd-popup-height, auto);
  }
}
.popup-wrap.for-html {
  display: flex;
  flex-direction: column;
}
.popup-header {
  position: relative;
  padding: 1.25rem;
  background-color: #fff;
}
.popup-header::before, .popup-header::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
.popup-header::after {
  clear: both;
}
.popup-header-title {
  display: block;
  font-size: 1.125rem;
  font-weight: 500;
  font-style: normal;
  line-height: 1.2;
  white-space: nowrap;
}
.popup-header-close {
  display: block;
  overflow: hidden;
  position: absolute;
  z-index: 5;
  right: 1.25rem;
  top: 50%;
  width: 2.25rem;
  height: 2.25rem;
  padding: 0;
  margin: 0;
  font-size: 1.125rem;
  color: #000;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.025);
  cursor: pointer;
  transform: translateY(-50%);
  transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
}
.popup-header-close:hover {
  background-color: rgba(0, 0, 0, 0.025);
  border-color: rgba(0, 0, 0, 0.5);
}
.popup-container {
  position: relative;
}
.popup-container::before, .popup-container::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
.popup-container::after {
  clear: both;
}
.popup-wrap.for-html .popup-container {
  flex: 1 1 auto;
  min-height: 0;
}
.popup-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  height: var(--nd-popup-footer-height, 2.5rem);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.2;
  color: #fff;
  background-color: #212529;
}
.popup-wrap.for-html .popup-footer {
  flex: 0 0 auto;
}
.popup-footer .icon-for-close {
  display: block;
  width: 0.9375rem;
  height: 0.9375rem;
  margin-left: auto;
  margin-right: auto;
  background: 0 0/100% auto no-repeat url("/image/popup-close.png");
}
.popup-days {
  padding: 0 1rem;
}
.popup-days a {
  color: inherit;
}
.popup-days a:focus {
  text-decoration: none;
}
.popup_close {
  width: 2.1875rem;
  height: 2rem;
  margin-left: auto;
  text-align: center;
  cursor: pointer;
}

.layer_box {
  position: var(--nd-popup-position, absolute);
  z-index: var(--nd-popup-zindex, auto);
  top: var(--nd-popup-offset-y, 0);
  left: var(--nd-popup-offset-x, 0);
  background-color: var(--nd-popup-bg, #fff);
  transform: var(--nd-popup-transform, none);
}
.layer_box_fixed {
  --nd-popup-position: fixed;
}
.layer_box_cursor_move {
  cursor: move;
}
.layer_box_border {
  border: var(--nd-popup-border, 1px solid #000);
}
.layer_close_box {
  position: static;
}
.layer_position_TL {
  top: 0;
  left: 0;
}
.layer_position_TR {
  top: 0;
  right: 0;
}
.layer_position_BL {
  bottom: 0;
  left: 0;
}
.layer_position_BR {
  bottom: 0;
  right: 0;
}

.popup_icon_close {
  position: absolute;
  padding: 0.5rem;
  font-size: 0.875rem;
  font-weight: 400;
  color: #fff;
  background-color: rgba(33, 37, 41, 0.5);
  border-radius: 0;
  cursor: pointer;
  transition: background-color 0.15s ease-in-out;
}
.popup_icon_close:hover {
  background-color: #212529;
}

.banner_box {
  display: block;
  width: var(--nd-banner-width, auto);
  padding: var(--nd-banner-padding, 0);
  line-height: var(--nd-banner-line-height, 1);
  background: var(--nd-banner-bg, transparent);
  border: var(--nd-banner-border, 0);
  border-radius: var(--nd-banner-border-radius, 0);
  text-align: var(--nd-banner-text-align, center);
}
.banner_box > a {
  display: block;
  color: currentColor;
}
.slick-slide .banner_box img {
  margin-right: auto;
  margin-left: auto;
}

.ad-finished,
.banner_finished {
  margin: 0 0 0.5rem;
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--nd-ad-finished-color, #6c757d);
  background-color: var(--nd-ad-finished-bg, #fff);
  border-radius: 0.25rem;
  text-align: center;
  pointer-events: none;
  word-wrap: break-word;
  word-break: break-all;
}
.user-wrap .ad-finished,
.user-wrap .banner_finished {
  display: none !important;
}
.ad-finished.banner-later, .ad-finished.later,
.banner_finished.banner-later,
.banner_finished.later {
  --nd-ad-finished-color:	#fff;
  --nd-ad-finished-bg:	#198754;
}
.ad-finished.banner-finish, .ad-finished.finish,
.banner_finished.banner-finish,
.banner_finished.finish {
  --nd-ad-finished-color:	#fff;
  --nd-ad-finished-bg:	#dc3545;
}

.vote_banner_box_finish {
  margin-bottom: 1px;
  padding: 1.875rem 0.625rem;
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  background-color: #dc3545;
  border: 3px solid var(--nd-primary, #007aff);
  text-align: center;
}
.vote_banner_box_finish::before {
  content: "선거배너";
}
.vote_banner_box_finish::after {
  content: "이 배너가 보이면 꼭 삭제해주세요.";
  display: block;
  margin-top: 0.375rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
}

.banner_event_box {
  overflow: hidden;
}
.banner_event_box ul,
.banner_event_box ol {
  margin-bottom: 0;
  margin-left: 0;
  list-style: none;
}

.beb_box {
  border: 0;
}
.beb_box::before, .beb_box::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
.beb_box::after {
  clear: both;
}

.beb_ul {
  overflow: hidden;
  height: auto;
  margin-bottom: 0;
}

.beb_li {
  display: none;
  float: left;
  overflow: hidden;
  text-align: center;
}

.rolling-bn {
  position: relative;
}
.rolling-bn ul,
.rolling-bn ol {
  margin-bottom: 0;
  margin-left: 0;
  list-style: none;
}
.rolling-bn .slick-slide {
  padding: 0 0.25rem;
  margin: 1px 0;
}
.rolling-bn .auto-pager {
  margin-top: 1rem;
  font-size: 0;
}
.rolling-bn .roll-btns {
  overflow: hidden;
  position: absolute;
  z-index: 1;
  top: 50%;
  width: 3rem;
  height: 3rem;
  font-size: 2rem;
  cursor: pointer;
  outline: 0;
  transform: translateY(-50%);
}
.rolling-bn .roll-btns:hover {
  color: var(--nd-primary, #007aff);
}
.rolling-bn .roll-btns.btn-prev {
  right: 100%;
}
.rolling-bn .roll-btns.btn-next {
  left: 100%;
}

#layer-popups {
  position: relative;
}

.bbs-skin {
  --nd-bbs-gap: 1rem;
  --nd-btn-padding-x: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: var(--nd-bbs-gap);
  margin-bottom: var(--nd-bbs-margin-bottom, 2rem);
}
.bbs-skin.delete {
  width: 100%;
  max-width: 28.125rem;
  margin-right: auto;
  margin-left: auto;
  padding: 2rem;
  border: 1px solid #e8e8e9;
  border-radius: 0.25rem;
  text-align: center;
}
@media print, screen and (max-width: 39.99875em) {
  .admmb .bbs-skin.delete {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}
.bbs-skin.delete .titles {
  display: block;
  margin-bottom: 1.5rem;
  font-size: 1.375rem;
  font-weight: 700;
  font-style: normal;
  line-height: 1.2;
  color: #000;
}
.bbs-skin.delete .button-group {
  justify-content: center;
}
.bbs-header {
  display: flex;
  flex-direction: row;
}
.bbs-title {
  font-size: 1.25rem;
  font-weight: 600;
  color: #000;
}
.bbs-footer {
  display: flex;
  flex-direction: column;
  gap: var(--nd-bbs-gap);
}
@media print, screen and (max-width: 49.99875em) {
  .mobile .bbs-footer {
    --nd-btn-group-gap: 0.25rem;
    --nd-btn-min-width: calc(50% - var(--nd-btn-group-gap) * 0.5);
  }
  .mobile .bbs-footer .button-group {
    align-items: stretch;
    justify-content: flex-start;
  }
}
.bbs-footer-btns {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
}
@media print, screen and (max-width: 49.99875em) {
  .mobile .bbs-footer-btns {
    flex-direction: column;
    align-items: stretch;
    gap: 0.25rem;
  }
}
.bbs-navs {
  --nd-bbs-navs-gap: 0.5rem;
  --nd-bbs-navs-item-width: calc(16.6666666667% - var(--nd-bbs-navs-gap));
  display: flex;
  flex-wrap: wrap;
  gap: var(--nd-bbs-navs-gap, 0.5rem);
  position: relative;
  margin-bottom: var(--nd-bbs-navs-margin-bottom, 1.5rem);
  text-align: center;
}
.mobile .bbs-navs {
  --nd-bbs-navs-item-width: calc(33.3333333333% - var(--nd-bbs-navs-gap));
}
.bbs-navs > .item {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1 1 0;
  max-width: 100%;
  min-width: var(--nd-bbs-navs-item-width, 16.6666666667%);
  padding: var(--nd-bbs-navs-item-padding-y, 0.5rem) var(--nd-bbs-navs-item-padding-x, 1rem);
  font-size: var(--nd-bbs-navs-item-font-size, 1rem);
  font-weight: var(--nd-bbs-navs-item-font-weight, 400);
  line-height: var(--nd-bbs-navs-item-line-height, 1.5);
  color: var(--nd-bbs-navs-item-color, #6c757d);
  background-color: var(--nd-bbs-navs-item-bg, transparent);
  border: var(--nd-bbs-navs-item-border-width, 1px) solid var(--nd-bbs-navs-item-border-color, #e8e8e9);
  border-radius: var(--nd-bbs-navs-item-border-radius, 0.25rem);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
.bbs-navs > .item:hover, .bbs-navs > .item:focus {
  text-decoration: none;
}
.bbs-navs > .item:hover {
  color: var(--nd-bbs-navs-item-hover-color, #000);
  background-color: var(--nd-bbs-navs-item-hover-bg, #f8f9fa);
  border-color: var(--nd-bbs-navs-item-hover-border-color, #6c757d);
}
.bbs-navs > .item.active {
  color: var(--nd-bbs-navs-item-active-color, #fff);
  background-color: var(--nd-bbs-navs-item-active-bg, var(--nd-primary, #007aff));
  border-color: var(--nd-bbs-navs-item-active-border-color, var(--nd-primary, #007aff));
}
.bbs-search {
  --nd-btn-padding-x: 0.75rem;
  display: flex;
  flex-direction: row;
  gap: 0.25rem;
  margin-left: auto;
}
@media print, screen and (max-width: 49.99875em) {
  .mobile .bbs-search {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    margin-left: 0;
  }
}
.bbs-search-item {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
.bbs-search-item.for-words {
  min-width: 15rem;
}
@media print, screen and (max-width: 49.99875em) {
  .mobile .bbs-search-item.for-words {
    width: auto;
    min-width: unset;
  }
}
.bbs-search-item input,
.bbs-search-item textarea,
.bbs-search-item select,
.bbs-search-item .input-group {
  margin-bottom: 0;
}
.bbs-search-item select {
  max-width: 8rem;
}
@media print, screen and (max-width: 49.99875em) {
  .mobile .bbs-search-item select {
    max-width: none;
  }
}
.bbs-table {
  margin-bottom: 0;
  font-size: var(--nd-bbs-table-font-size, 0.875em);
}
.bbs-table > :not(caption) > * > * {
  padding: var(--nd-bbs-table-padding-y, 0.875rem) var(--nd-bbs-table-padding-x, 0.75rem);
}
.bbs-table > thead,
.bbs-table > tbody,
.bbs-table > tfoot {
  border-right: 0;
  border-left: 0;
}
.bbs-table > thead {
  background-color: var(--nd-bbs-table-cap-bg, transparent);
  border-top: var(--nd-bbs-table-cap-border-top, 2px solid #212529);
}
.bbs-table > thead > tr:hover {
  background-color: transparent !important;
}
.bbs-table > tbody > tr.notice {
  background-color: #fafafa;
}
.bbs-table > tbody > * > * {
  color: var(--nd-bbs-table-color, #6c757d);
}
.bbs-table-file, .bbs-table-showing, .bbs-table-dated, .bbs-table-name, .bbs-table-number, .bbs-table-chkbox {
  text-align: center;
}

@media print, screen and (max-width: 74.99875em) {
  .bbs-table-file, .bbs-table-showing {
    display: none !important;
  }
}

@media print, screen and (max-width: 49.99875em) {
  .bbs-table-dated, .bbs-table-name, .bbs-table-number {
    display: none !important;
  }
}

.bbs-table-chkbox {
  width: 3.5rem;
}
.bbs-table-number {
  width: 6rem;
}
.notice .bbs-table-number {
  font-weight: 700;
  color: var(--nd-primary, #007aff);
}
.bbs-table-dated, .bbs-table-name {
  width: 8rem;
}

.bbs-table-file, .bbs-table-showing {
  width: 5rem;
}
.bbs-icons, .bbs-table-link {
  display: inline-flex;
  max-width: 100%;
  vertical-align: middle;
}

.bbs-table-link {
  font-size: var(--nd-bbs-table-link-font-size, 1.0625rem);
  font-weight: var(--nd-bbs-table-link-font-weight, 500);
  word-wrap: break-word;
  word-break: break-all;
}
.bbs-answer > .bbs-table-link {
  padding-left: var(--nd-bbs-answer-padding-left, 0);
}
.bbs-answer > .bbs-table-link::before {
  content: "";
  display: inline-block;
  align-self: center;
  width: 0.375em;
  height: 0.375em;
  margin-right: 0.5em;
  line-height: 1;
  border-width: 0 0 2px 2px;
  border-style: solid;
  border-color: currentColor;
  opacity: 0.5;
}
.bbs-answer {
  --nd-bbs-answer-padding-left: calc(1rem * var(--nd-bbs-answer-step, 0));
}
.bbs-album {
  --nd-bbs-album-gutter-x: 1rem;
  --nd-bbs-album-gutter-y: var(--nd-bbs-album-gutter-x);
  --nd-bbs-album-border-width: 1px;
  --nd-bbs-album-border-color: #e8e8e9;
  --nd-bbs-album-border-radius: 0.25rem;
  --nd-bbs-album-inner-border-radius: calc(var(--nd-bbs-album-border-radius) - var(--nd-bbs-album-border-width));
  --nd-bbs-album-content-padding-x: 1.25rem;
  --nd-bbs-album-content-padding-y: 1rem;
  --nd-breadcrumbs-item-font-size: 0.875em;
  --nd-breadcrumbs-item-active-color: #6c757d;
  --nd-breadcrumbs-item-margin-x: 0.5rem;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(var(--nd-bbs-album-gutter-y) * -1);
  margin-right: calc(var(--nd-bbs-album-gutter-x) * -0.5);
  margin-left: calc(var(--nd-bbs-album-gutter-x) * -0.5);
  margin-bottom: 0;
  margin-left: 0;
  list-style: none;
}
@media screen and (min-width: 75em) {
  .admin-wrap .bbs-album {
    --nd-bbs-album-item-width: 20%;
  }
}
@media screen and (min-width: 90em) {
  .admin-wrap .bbs-album {
    --nd-bbs-album-item-width: 16.6666666667%;
  }
}
.mobile .bbs-album {
  --nd-bbs-album-item-width: 50%;
}
@media print, screen and (min-width: 40em) {
  .mobile .bbs-album {
    --nd-bbs-album-item-width: 33.3333333333%;
  }
}
@media print, screen and (min-width: 64em) {
  .mobile .bbs-album {
    --nd-bbs-album-item-width: 25%;
  }
}
.bbs-album-item {
  width: var(--nd-bbs-album-item-width, 25%);
  margin-top: var(--nd-bbs-album-gutter-y);
  padding-right: calc(var(--nd-bbs-album-gutter-x) * 0.5);
  padding-left: calc(var(--nd-bbs-album-gutter-x) * 0.5);
}
.bbs-album-box {
  display: block;
  min-height: var(--nd-bbs-album-box-min-height, 100%);
  background-color: var(--nd-bbs-album-bg, #fff);
  border: var(--nd-bbs-album-border-width) solid var(--nd-bbs-album-border-color);
  border-radius: var(--nd-bbs-album-border-radius);
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
.bbs-album-box:hover {
  background-color: var(--nd-bbs-album-hover-bg, #f8f9fa);
  border-color: var(--nd-bbs-album-hover-border-color, #adb5bd);
}
a.bbs-album-box:hover, a.bbs-album-box:focus {
  text-decoration: none;
}

.bbs-album-image {
  display: block;
  overflow: hidden;
  position: relative;
  padding-bottom: var(--nd-bbs-album-image-ratio, 56.25%);
  background: center/24px 24px no-repeat #f8f9fa url("data:image/svg+xml,%3Csvg width='24' height='24' stroke-width='1.5' fill='none' xmlns='http://www.w3.org/2000/svg' color='%23adb5bd'%3E%3Cpath d='M21 3.6v16.8a.6.6 0 0 1-.6.6H3.6a.6.6 0 0 1-.6-.6V3.6a.6.6 0 0 1 .6-.6h16.8a.6.6 0 0 1 .6.6z' stroke='%23adb5bd' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='m3 16 7-3 11 5M16 10a2 2 0 1 1 0-4 2 2 0 0 1 0 4z' stroke='%23adb5bd' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  border-top-left-radius: var(--nd-bbs-album-inner-border-radius);
  border-top-right-radius: var(--nd-bbs-album-inner-border-radius);
}
.bbs-album-image > img {
  position: absolute;
  z-index: 5;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  transform: translate(-50%, -50%);
}
.bbs-album-notify {
  display: inline-block;
  overflow: hidden;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  font-size: 0.875em;
  font-weight: 400;
  line-height: 1.5;
  color: #fff;
  background-color: var(--nd-primary, #007aff);
  border-radius: var(--nd-bbs-album-inner-border-radius);
}
.bbs-album-image .bbs-album-notify {
  position: absolute;
  z-index: 10;
  top: 0.25rem;
  left: 0.25rem;
}
.bbs-album-content {
  display: flex;
  flex-direction: column;
  gap: calc(var(--nd-bbs-album-content-padding-y) * 0.5);
  overflow: hidden;
  padding: var(--nd-bbs-album-content-padding-y) var(--nd-bbs-album-content-padding-x);
  border-bottom-left-radius: var(--nd-bbs-album-inner-border-radius);
  border-bottom-right-radius: var(--nd-bbs-album-inner-border-radius);
}
.bbs-album-section {
  font-size: 0.875em;
  color: var(--nd-primary, #007aff);
}
.bbs-album-title {
  color: #000;
}
.bbs-album-title > small {
  opacity: 0.75;
}
.bbs-faq {
  --nd-bbs-faq-item-padding-x: 1.5rem;
  --nd-bbs-faq-item-padding-y: 1.25rem;
  display: flex;
  flex-direction: column;
  border-top: 1px solid #212529;
  margin-bottom: 0;
  margin-left: 0;
  list-style: none;
}
.bbs-faq-item {
  border-bottom: 1px solid #e8e8e9;
}
.bbs-faq-title {
  --nd-bbs-faq-title-icon: "Q";
  display: block;
  padding: var(--nd-bbs-faq-item-padding-y) var(--nd-bbs-faq-item-padding-x);
  font-weight: 700;
}
.bbs-faq-item.is-active .bbs-faq-title {
  --nd-bbs-faq-title-icon-color: #fff;
  --nd-bbs-faq-title-icon-bg: #dc3545;
}
.bbs-faq-content::before, .bbs-faq-title::before {
  content: var(--nd-bbs-faq-title-icon, normal);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  width: 2em;
  height: 2em;
  margin-right: 0.5em;
  line-height: 1;
  font-size: 0.75rem;
  font-weight: 400;
  color: var(--nd-bbs-faq-title-icon-color, #212529);
  background-color: var(--nd-bbs-faq-title-icon-bg, #f8f9fa);
  border-radius: 50rem;
  vertical-align: middle;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;
}

.bbs-faq-title:hover, .bbs-faq-title:focus {
  text-decoration: none;
}
.bbs-faq-content {
  --nd-bbs-faq-title-icon: "A";
  display: none;
  position: relative;
  padding: 0 var(--nd-bbs-faq-item-padding-x) var(--nd-bbs-faq-item-padding-y) calc(var(--nd-bbs-faq-item-padding-x) + 2rem);
  font-size: 0.875em;
  color: #6c757d;
}
.bbs-faq-content::before {
  position: absolute;
  z-index: 1;
  top: 0;
  left: var(--nd-bbs-faq-item-padding-x);
  margin: 0;
}
.bbs-faq-content > * {
  margin-bottom: 1em;
}
.bbs-faq-content > *:first-child {
  margin-top: 0;
}
.bbs-faq-content > *:last-child {
  margin-bottom: 0;
}
.bbs-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  overflow: hidden;
  width: 1rem;
  height: 1rem;
  padding: 0.25rem;
  font-size: 0.625rem;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-transform: uppercase;
  background-color: var(--nd-bbs-table-icon-bg, #adb5bd);
  border-radius: 0.25rem;
}
.bbs-icon.for-new {
  --nd-bbs-table-icon-bg: #ff8811;
}
.bbs-icon.for-hot {
  --nd-bbs-table-icon-bg: #dc3545;
}
.bbs-icon.for-reply {
  --nd-bbs-table-icon-bg: #6f42c1;
}
.bbs-icons {
  flex-wrap: wrap;
  align-items: center;
  gap: 1px;
}
.bbs-album .bbs-icons {
  display: flex;
}
.bbs-table-link + .bbs-icons {
  margin-left: 0.5rem;
}
.bbs-write {
  --nd-bbs-write-gutter-x: 3rem;
  --nd-bbs-write-gutter-y: 1.5rem;
  --nd-bbs-write-font-size: 0.875rem;
}
@media print, screen and (max-width: 49.99875em) {
  .mobile .bbs-write {
    --nd-bbs-write-font-size: var(--nd-body-font-size, 1em);
    --nd-bbs-write-item-width: 100%;
    --nd-bbs-write-item-gap: 0.5rem;
    --nd-bbs-write-label-width: 100%;
  }
}
.bbs-write hr {
  margin-top: var(--nd-bbs-write-gutter-y);
  margin-bottom: var(--nd-bbs-write-gutter-y);
}
.bbs-write-form {
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(var(--nd-bbs-write-gutter-y) * -1);
  margin-right: calc(var(--nd-bbs-write-gutter-x) * -0.5);
  margin-left: calc(var(--nd-bbs-write-gutter-x) * -0.5);
}
@media print, screen and (max-width: 49.99875em) {
  .mobile .bbs-write-form {
    flex-direction: column;
  }
}
.bbs-write-item {
  display: flex;
  flex-direction: row;
  gap: var(--nd-bbs-write-item-gap, 1rem);
  flex: 0 0 auto;
  width: var(--nd-bbs-write-item-width, 50%);
  max-width: 100%;
  margin-top: var(--nd-bbs-write-gutter-y);
  padding-right: calc(var(--nd-bbs-write-gutter-x) * 0.5);
  padding-left: calc(var(--nd-bbs-write-gutter-x) * 0.5);
}
@media print, screen and (max-width: 49.99875em) {
  .mobile .bbs-write-item {
    flex-direction: column;
  }
}
.bbs-write-flex {
  --nd-bbs-write-item-width: 100%;
}
.bbs-write-label {
  flex: 0 0 auto;
  width: var(--nd-bbs-write-label-width, 8rem);
  max-width: 100%;
  font-size: var(--nd-bbs-write-font-size);
  font-weight: 400;
}
.bbs-write-label:not(.align-self-center) {
  margin-top: 0.5rem;
}
.bbs-write-label.essen::after {
  content: "*";
  display: inline-block;
  margin-left: 0.25em;
  color: #dc3545;
  vertical-align: top;
}
.bbs-write-content {
  flex: 1 1 0;
  max-width: 100%;
  min-width: 0;
  font-size: var(--nd-bbs-write-font-size);
}
.bbs-write-content input,
.bbs-write-content select,
.bbs-write-content textarea,
.bbs-write-content .input-group {
  margin-bottom: 0;
  font-size: inherit;
}
@media print, screen and (max-width: 49.99875em) {
  .mobile .bbs-write-content .hstack {
    flex-direction: column;
    align-items: stretch;
  }
}
.bbs-write-select {
  max-width: 9.5rem;
}
@media print, screen and (max-width: 49.99875em) {
  .mobile .bbs-write-select {
    max-width: none;
  }
}
.iframe-wrap .button[onclick*=history] {
  display: none !important;
}

.bbs-view {
  display: flex;
  flex-direction: column;
  gap: var(--nd-bbs-gap);
}
.bbs-view-header {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.bbs-view-header .print {
  display: block;
  padding: 0.5rem;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1;
  color: #6c757d;
  background-color: #fff;
  border: 1px solid #e8e8e9;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
.bbs-view-header .print:hover {
  color: #000;
  border-color: #adb5bd;
}
.bbs-view-title {
  margin-bottom: 0.5rem;
  font-size: 1.75rem;
  font-weight: 700;
}
.bbs-view-form {
  --nd-breadcrumbs-item-font-size: 0.875rem;
  --nd-breadcrumbs-item-active-color: #495057;
  border-top: 1px solid #212529;
}
.bbs-view-form-item {
  border-bottom: 1px solid #e8e8e9;
}
.bbs-view-form-content, .bbs-view-form-value, .bbs-view-form-item:not(.bbs-view-form-row) {
  padding: 1rem;
}
@media print, screen and (max-width: 49.99875em) {
  .mobile .bbs-view-form-content, .mobile .bbs-view-form-value, .mobile .bbs-view-form-item:not(.bbs-view-form-row) {
    padding: 1rem 0;
  }
}

.bbs-view-form-row {
  display: flex;
  flex-direction: row;
  font-size: var(--nd-breadcrumbs-item-font-size);
}
.bbs-view-form-value {
  flex: 0 0 auto;
  width: 9.5rem;
  font-weight: 700;
  background-color: #f8f9fa;
}
.bbs-view-form-content {
  flex: 1 1 0;
  max-width: 100%;
  min-width: 0;
}
.bbs-view-content {
  padding: 1.5rem 1rem;
  font-size: 1.125rem;
  line-height: 1.72;
}
@media print, screen and (max-width: 49.99875em) {
  .mobile .bbs-view-content {
    padding: 1.25rem 0;
  }
}
.bbs-view-content > *:not(br) {
  margin-bottom: 1.5em;
}
.bbs-view-content > *:first-child {
  margin-top: 0;
}
.bbs-view-content > p {
  line-height: inherit;
}
.bbs-view-attach {
  display: inline-block;
  overflow: hidden;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bbs-view-attach::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  background-color: #adb5bd;
  -webkit-mask-image: url("/image/paperclip.svg");
          mask-image: url("/image/paperclip.svg");
  -webkit-mask-size: cover;
          mask-size: cover;
  vertical-align: -0.125em;
}
.bbs-view-attach > small {
  opacity: 0.75;
}
.bbs-view-attach-group {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
}
.bbs-view-nav {
  display: flex;
  flex-direction: column;
  font-size: 0.875rem;
  border-top: 1px solid #e8e8e9;
}
.bbs-view-nav-item {
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
  padding: 0.75rem 1rem;
  border-bottom: 1px solid #e8e8e9;
}
.bbs-view-nav-label {
  flex: 0 0 auto;
  width: 6rem;
  max-width: 100%;
  color: #6c757d;
}
@media print, screen and (max-width: 49.99875em) {
  .mobile .bbs-view-nav-label {
    width: 4rem;
  }
}
.bbs-view-nav-prev .bbs-view-nav-label::before, .bbs-view-nav-next .bbs-view-nav-label::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-right: 0.5em;
  line-height: 1;
  background-color: currentColor;
  -webkit-mask-image: var(--nd-bbs-view-nav-icon, unset);
          mask-image: var(--nd-bbs-view-nav-icon, unset);
  -webkit-mask-size: cover;
          mask-size: cover;
  vertical-align: -0.125em;
}

.bbs-view-nav-prev {
  --nd-bbs-view-nav-icon: url("/image/bbs-chevron-up.svg");
}
.bbs-view-nav-next {
  --nd-bbs-view-nav-icon: url("/image/bbs-chevron-down.svg");
}
.bbs-view-nav-link {
  display: inline-block;
  overflow: hidden;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
  font-size: 1.0625rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bbs-card {
  --nd-bbs-card-padding-x: 1.5rem;
  --nd-bbs-card-padding-y: var(--nd-bbs-card-padding-x);
  --nd-btn-padding-x: 1.5rem;
  display: block;
  width: 100%;
  max-width: 27rem;
  margin-right: auto;
  margin-bottom: 2rem;
  margin-left: auto;
  background-color: #fff;
  border: 1px solid #e8e8e9;
  border-radius: 0.25rem;
}
.bbs-card-header {
  padding: calc(var(--nd-bbs-card-padding-y) * 0.75) var(--nd-bbs-card-padding-x);
  border-bottom: 1px solid #e8e8e9;
}
.bbs-card-body {
  padding: var(--nd-bbs-card-padding-y) var(--nd-bbs-card-padding-x);
  font-size: 0.875rem;
}
.bbs-card-label {
  margin-bottom: 0.5rem;
}
.bbs-card-control {
  margin-bottom: 0;
  font-size: inherit;
}
.bbs-card-footer {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  gap: 0.25rem;
  padding: calc(var(--nd-bbs-card-padding-y) * 0.75) var(--nd-bbs-card-padding-x);
  border-top: 1px solid #e8e8e9;
}
.bbs-user-page .titles {
  display: block;
  margin-bottom: 1.5rem;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.2;
  color: #000;
}
.mobile .bbs-user-page .titles {
  font-size: calc(1.375rem + 1.5vw);
}
.bbs-upload-remove {
  position: relative;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
.bbs-upload-remove-input {
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.bbs-upload-remove-input:not(caption) {
  position: absolute !important;
}
.bbs-upload-remove-btn {
  max-width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 0.75rem;
  font-weight: 400;
  color: #6c757d;
  background-color: #fff;
  border: 1px solid #d2d2d4;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.bbs-upload-remove-btn::before {
  content: "\e96f";
  display: inline-block;
  font-size: 1em;
  font-family: "fontello";
  font-variant: normal;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 0.25em;
}
[type=checkbox] + .bbs-upload-remove-btn, [type=radio] + .bbs-upload-remove-btn {
  margin: 0;
}
.bbs-upload-remove-btn:hover, .bbs-upload-remove-btn:focus {
  text-decoration: none;
}
.bbs-upload-remove-btn:hover {
  color: #000;
  background-color: #f8f9fa;
  border-color: #6c757d;
}
.bbs-upload-remove-btn.active, .bbs-upload-remove-input:checked + .bbs-upload-remove-btn {
  color: #fff;
  background-color: #6c757d;
  border-color: transparent;
}
.bbs-upload-remove-btn.active::before, .bbs-upload-remove-input:checked + .bbs-upload-remove-btn::before {
  content: "\e928";
}

.emoji-admin {
  --nd-emoji-width: 1.5625rem;
}
#emoji-for {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  margin: 1.5rem 0;
}

.emoji-box {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
}
.emoji-btns {
  display: inline-block;
}
#emoji-for .emoji-btns {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.5rem 1rem;
}
.emoji-btns::before {
  content: "";
  display: block;
  overflow: hidden;
  width: var(--nd-emoji-width, 2.5rem);
  height: var(--nd-emoji-height, var(--nd-emoji-width, 2.5rem));
  background: var(--nd-emoji-icon-offset, center)/var(--nd-emoji-icon-size, contain) no-repeat var(--nd-emoji-icon, unset);
}
.emoji-btns:hover::before {
  animation: bobble 0.5s 2;
}
@media print, screen and (max-width: 49.99875em) {
  .mobile .emoji-btns:hover::before {
    animation: unset;
  }
}

.emoji-btns.good {
  --nd-emoji-icon: url("/image/emoji/emoji-good.png");
}
.emoji-btns.warm {
  --nd-emoji-icon: url("/image/emoji/emoji-warm.png");
}
.emoji-btns.sad {
  --nd-emoji-icon: url("/image/emoji/emoji-sad.png");
}
.emoji-btns.angry {
  --nd-emoji-icon: url("/image/emoji/emoji-angry.png");
}
.emoji-btns.want {
  --nd-emoji-icon: url("/image/emoji/emoji-want.png");
}
.emoji-btns.joy {
  --nd-emoji-icon: url("/image/emoji/emoji-joy.png");
}
.emoji-btns.cool {
  --nd-emoji-icon: url("/image/emoji/emoji-cool.png");
}
.emoji-btns.sleep {
  --nd-emoji-icon: url("/image/emoji/emoji-sleep.png");
}
.emoji-btns.dissa {
  --nd-emoji-icon: url("/image/emoji/emoji-dissa.png");
}
.emoji-btns.lovely {
  --nd-emoji-icon: url("/image/emoji/emoji-lovely.png");
}
.emoji-btns.shadow_good {
  --nd-emoji-icon: url("/image/emoji/emoji-shadow_good.png");
}
.emoji-btns.shadow_warm {
  --nd-emoji-icon: url("/image/emoji/emoji-shadow_warm.png");
}
.emoji-btns.shadow_sad {
  --nd-emoji-icon: url("/image/emoji/emoji-shadow_sad.png");
}
.emoji-btns.shadow_angry {
  --nd-emoji-icon: url("/image/emoji/emoji-shadow_angry.png");
}
.emoji-btns.shadow_want {
  --nd-emoji-icon: url("/image/emoji/emoji-shadow_want.png");
}
.emoji-btns.line_good {
  --nd-emoji-icon: url("/image/emoji/emoji-line_good.png");
}
.emoji-btns.line_warm {
  --nd-emoji-icon: url("/image/emoji/emoji-line_warm.png");
}
.emoji-btns.line_sad {
  --nd-emoji-icon: url("/image/emoji/emoji-line_sad.png");
}
.emoji-btns.line_angry {
  --nd-emoji-icon: url("/image/emoji/emoji-line_angry.png");
}
.emoji-btns.line_want {
  --nd-emoji-icon: url("/image/emoji/emoji-line_want.png");
}
.emoji-btns.recom_good {
  --nd-emoji-icon: url("/image/emoji/emoji-recom_good.png");
}
.emoji-btns.recom_bad {
  --nd-emoji-icon: url("/image/emoji/emoji-recom_bad.png");
}
.emoji-btns.recom_line_good {
  --nd-emoji-icon: url("/image/emoji/emoji-recom_line_good.png");
}
.emoji-btns.recom_line_bad {
  --nd-emoji-icon: url("/image/emoji/emoji-recom_line_bad.png");
}
.emoji-btns .text {
  display: block;
  overflow: hidden;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.8125rem;
  color: #6c757d;
}
@media print, screen and (max-width: 39.99875em) {
  .mobile .emoji-btns .text {
    font-size: 0.6875rem;
  }
}
.emoji-btns .number {
  display: block;
  font-size: 0.75rem;
  font-style: normal;
  line-height: 1;
  color: #212529;
}

@keyframes bobble {
  0%, to {
    transform: rotate(0);
  }
  25% {
    transform: rotate(-30deg);
  }
  50% {
    transform: rotate(15deg);
  }
  90% {
    transform: rotate(-5deg);
  }
}
.pdf {
  --nd-pdf-padding-x: 1.5rem;
  --nd-pdf-padding-y: var(--nd-pdf-padding-x);
  --nd-pdf-border-color: #e8e8e9;
  --nd-pdf-list-padding-x: 1rem;
  --nd-pdf-list-padding-y: var(--nd-pdf-list-padding-x);
  --nd-pdf-thumb-radius: 0.25rem;
}
.pdf-header {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  padding-bottom: var(--nd-pdf-padding-y);
  border-bottom: 1px solid var(--nd-pdf-border-color);
}
.pdf-header > select {
  width: auto;
  height: 35px;
  margin-bottom: 0;
  font-size: 0.875rem;
}
.pdf-header .help-text {
  flex-basis: 100%;
  width: 100%;
  margin-top: 0;
  text-align: center;
}
.pdf-header .button {
  padding: 0.375rem 0.75rem;
  height: 35px;
  line-height: 1.5;
  font-size: 0.875rem;
}
#admin-content .pdf-header .button {
  font-weight: 700;
}
.pdf .blank {
  padding-top: var(--nd-pdf-padding-y);
  width: 100%;
  text-align: center;
  font-size: 0.875rem;
  color: #6c757d;
}
.pdf-list {
  display: flex;
  background-color: #fff;
}
.pdf-list-header {
  padding: calc(var(--nd-pdf-list-padding-y) * 0.75) var(--nd-pdf-list-padding-x);
  font-size: 0.875rem;
  font-weight: 700;
  background-color: #f8f9fa;
  border-bottom: 1px solid var(--nd-pdf-border-color);
}
.pdf-list-body {
  padding: var(--nd-pdf-list-padding-y) var(--nd-pdf-list-padding-x) calc(var(--nd-pdf-list-padding-y) * 0.5);
}
.pdf-list-image {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  width: var(--nd-pdf-thumb-width, auto);
  height: var(--nd-pdf-thumb-height, 180px);
  max-width: 100%;
  max-height: var(--nd-pdf-thumb-height);
  border-radius: var(--nd-pdf-thumb-radius);
}
.pdf-list-image img {
  max-width: 100%;
  max-height: var(--nd-pdf-img-max-height, 100%);
  -o-object-fit: var(--nd-pdf-img-object, contain);
     object-fit: var(--nd-pdf-img-object, contain);
  border-radius: var(--nd-pdf-thumb-radius);
}
.pdf-list-txt {
  flex: 1 1 auto;
  min-height: 0;
}
.pdf-list-txt > a {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: calc(var(--nd-pdf-list-padding-y) * 0.5) var(--nd-pdf-list-padding-x) var(--nd-pdf-list-padding-y);
  font-size: 0.875rem;
  text-decoration: none;
}
.pdf-list-title {
  font-weight: 700;
}
.pdf-list-sum {
  font-size: 0.875em;
  color: rgba(0, 0, 0, 0.5);
}
.pdf-list-footer {
  display: flex;
  flex-direction: row;
  padding: calc(var(--nd-pdf-list-padding-y) * 0.5) var(--nd-pdf-list-padding-x);
  border-top: 1px solid var(--nd-pdf-border-color);
}
.pdf-list-container {
  display: grid;
  grid-template-columns: repeat(var(--nd-pdf-list-cols), 1fr);
  grid-template-rows: auto;
  width: 100%;
}
.pdf-list-wrap {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 3rem;
  padding: 0 0 var(--nd-pdf-padding-y) 0;
}
@media print, screen and (max-width: 89.99875em) {
  .mobile .pdf-list-wrap {
    gap: 1.5rem;
  }
}
@media print, screen and (max-width: 49.99875em) {
  .mobile .pdf-list-wrap {
    flex-direction: column;
  }
}
.pdf-list-side {
  max-width: 20rem;
}
@media print, screen and (max-width: 49.99875em) {
  .mobile .pdf-list-side {
    max-width: 100%;
    margin: 0 auto;
  }
}
.pdf-wrap.type-tile .pdf-header:not(.dis-none) + .pdf-list-wrap {
  margin-top: var(--nd-pdf-padding-y);
}
.pdf-wrap.type-tile .pdf-header:not(.dis-none) + .pdf-list-wrap .blank {
  padding-top: 0;
}
.pdf-wrap.type-tile .pdf-list {
  flex-direction: column;
  border: 1px solid var(--nd-pdf-border-color);
  border-radius: 0.25rem;
}
.pdf-wrap.type-tile .pdf-list > *:first-child {
  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}
.pdf-wrap.type-tile .pdf-list > *:last-child {
  border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}
.pdf-wrap.type-tile .pdf-list-container {
  --nd-pdf-list-cols: 6;
  gap: 1.5rem;
}
@media print, screen and (max-width: 89.99875em) {
  .pdf-wrap.type-tile .pdf-list-container {
    --nd-pdf-list-cols: 4;
  }
}
#user-wrap .pdf-wrap.type-tile .pdf-list-container {
  --nd-pdf-list-cols: 4;
}
#user-wrap.mobile .pdf-wrap.type-tile .pdf-list-container {
  --nd-pdf-list-cols: 1;
}
@media print, screen and (min-width: 40em) {
  #user-wrap.mobile .pdf-wrap.type-tile .pdf-list-container {
    --nd-pdf-list-cols: 2;
  }
}
@media screen and (min-width: 75em) {
  #user-wrap.mobile .pdf-wrap.type-tile .pdf-list-container {
    --nd-pdf-list-cols: 4;
  }
}
.pdf-wrap.type-tile .pdf-list-side + .pdf-list-container {
  --nd-pdf-list-cols: 5;
}
@media print, screen and (max-width: 89.99875em) {
  .pdf-wrap.type-tile .pdf-list-side + .pdf-list-container {
    --nd-pdf-list-cols: 3;
  }
}
#user-wrap .pdf-wrap.type-tile .pdf-list-side + .pdf-list-container {
  --nd-pdf-list-cols: 3;
}
#user-wrap.mobile .pdf-wrap.type-tile .pdf-list-side + .pdf-list-container {
  --nd-pdf-list-cols: 1;
}
@media print, screen and (min-width: 40em) {
  #user-wrap.mobile .pdf-wrap.type-tile .pdf-list-side + .pdf-list-container {
    --nd-pdf-list-cols: 2;
  }
}
@media screen and (min-width: 75em) {
  #user-wrap.mobile .pdf-wrap.type-tile .pdf-list-side + .pdf-list-container {
    --nd-pdf-list-cols: 3;
  }
}
.pdf-wrap.type-list {
  --nd-pdf-thumb-width: 3.5rem;
  --nd-pdf-thumb-height: var(--nd-pdf-thumb-width);
  --nd-pdf-thumb-radius: 0.25rem;
  --nd-pdf-img-max-height: auto;
  --nd-pdf-img-object: cover;
}
.pdf-wrap.type-list .pdf-list {
  flex-direction: row;
  align-items: center;
  border-bottom: 1px solid var(--nd-pdf-border-color);
}
.pdf-wrap.type-list .pdf-list:hover {
  background-color: #f8f9fa;
}
.pdf-wrap.type-list .pdf-list-header {
  flex: 0 0 auto;
  font-weight: 400;
  color: #6c757d;
  font-size: 0.875em;
  border-bottom: none;
  background-color: transparent;
}
.pdf-wrap.type-list .pdf-list-body {
  padding-bottom: var(--nd-pdf-list-padding-y);
}
.pdf-wrap.type-list .pdf-list-txt {
  max-width: 880px;
}
.pdf-wrap.type-list .pdf-list-txt > a {
  padding-top: var(--nd-pdf-list-padding-y);
}
.pdf-wrap.type-list .pdf-list-footer {
  flex: 0 0 auto;
  border-top: none;
}
.pdf-user {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1.5rem;
}
@media print, screen and (max-width: 49.99875em) {
  .mobile .pdf-user {
    flex-direction: column;
    align-items: flex-start;
  }
}

.calendar-month {
  --nd-calendar-month-padding-y: 0.5rem;
  --nd-calendar-month-padding-x: var(--nd-calendar-month-padding-y);
}
.calendar-month-control {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  align-items: center;
}
.calendar-month-control .month-btn {
  flex: 1 1 auto;
  padding: var(--nd-calendar-month-padding-y) var(--nd-calendar-month-padding-x);
  font-size: var(--nd-calendar-btn-font-size, 1rem);
  color: #6c757d;
  text-align: center;
}
.calendar-month-control .prev {
  --nd-calendar-btn-font-size: 1.5rem;
  flex: 0 0 auto;
  order: -1;
}
.calendar-month-control .next {
  --nd-calendar-btn-font-size: 1.5rem;
  flex: 0 0 auto;
  order: 13;
}
.calendar-month-table {
  margin-bottom: 0;
}
.calendar-month-table thead, .calendar-month-table tbody, .calendar-month-table tfoot {
  border: none;
}
.calendar-month-table.table > thead {
  background-color: #f8f9fa;
}
.calendar-month-table.table > :not(caption) > * > td {
  padding: 0;
}
.calendar-month-table th {
  font-size: 0.8125rem;
  line-height: 1.6;
}
.calendar-month-table td {
  font-size: 0.75rem;
}
.calendar-month-table td a {
  display: block;
  padding: 0.75rem 1rem;
  color: #6c757d;
  text-decoration: none;
}
.calendar-month-table td a:hover {
  background-color: #f8f9fa;
}
.calendar-month-table td:first-child a {
  color: #dc3545;
}
.calendar-month-table td :last-child a {
  color: #adb5bd;
}
.calendar-month-table td.selected {
  font-weight: 700;
}
.calendar-month-table td.selected a {
  background-color: #212529;
  color: #fff;
}

#calendar-wrap::before, #calendar-wrap::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
#calendar-wrap::after {
  clear: both;
}
#calendar-wrap .calendar-header {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  margin-bottom: 1rem;
}
#calendar-wrap .calendar-title {
  margin-bottom: 0;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -0.75px;
}
#calendar-wrap .calendar-list {
  width: 100%;
  box-sizing: border-box;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
}
#calendar-wrap .calendar-list th {
  padding: 0.625rem 0;
  font-size: 0.875rem;
  font-weight: 400;
  text-transform: uppercase;
  text-align: center;
}
#calendar-wrap .calendar-list th.sunday {
  color: #dc3545;
}
#calendar-wrap .calendar-list td {
  width: 14.2857142857%;
  padding: 1.5% 0 5%;
  font-size: 0.875rem;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.6);
  transition: all 0.3s;
  vertical-align: initial;
  border-left: 1px solid rgba(0, 0, 0, 0.05);
}
#calendar-wrap .calendar-list td.sunday {
  color: rgba(220, 53, 69, 0.65);
}
#calendar-wrap .calendar-list td.today {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.35);
}
#calendar-wrap .calendar-list .day:hover {
  background-color: rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
#calendar-wrap span.number {
  margin-left: 10%;
}
#calendar-wrap span.event {
  display: block;
  height: 0.25rem;
  margin: 0.3125rem 10%;
  background-color: var(--nd-primary, #007aff);
  border-radius: 0.25rem;
}
#calendar-wrap span.event-multiday {
  margin: 0.3125rem -1px;
  border-radius: 0;
}
#calendar-wrap span.event-multiday-start {
  margin-right: -1px;
  border-radius: 0.25rem 0 0 0.25rem;
}
#calendar-wrap span.event-multiday-finish {
  margin-left: -1px;
  border-radius: 0 0.25rem 0.25rem 0;
}
#calendar-wrap span.event-ghost {
  background-color: transparent;
}
#calendar-wrap span.event.color-1 {
  background-color: #1abc9c;
}
#calendar-wrap span.event.color-2 {
  background-color: #2ecc71;
}
#calendar-wrap span.event.color-3 {
  background-color: #3498db;
}
#calendar-wrap span.event.color-4 {
  background-color: #9b59b6;
}
#calendar-wrap span.event.color-5 {
  background-color: #34495e;
}
#calendar-wrap span.event.color-6 {
  background-color: #f39c12;
}
#calendar-wrap span.event.color-7 {
  background-color: #d35400;
}
#calendar-wrap span.event.color-8 {
  background-color: #e74c3c;
}
#calendar-wrap span.event.color-9 {
  background-color: #bdc3c7;
}
#calendar-wrap span.event.color-10 {
  background-color: #7f8c8d;
}
#calendar-wrap .weekly {
  margin-bottom: 1rem;
  border-top: 2px solid #212529;
  border-bottom: 1px solid #ced4da;
}
#calendar-wrap .weekly-list {
  margin: 0 10% 2rem;
  line-height: 1.2;
  color: #000;
}
#calendar-wrap .weekly-list small {
  display: block;
  margin-bottom: 0.25rem;
  color: #6c757d;
}
#calendar-wrap .weekly .menu li {
  padding: 0.75rem;
  line-height: 1;
  text-align: center;
  color: #6c757d;
}
@media print, screen and (max-width: 39.99875em) {
  .admmb #calendar-wrap .weekly .menu li, .mobile #calendar-wrap .weekly .menu li {
    padding-right: 0.25rem;
    padding-left: 0.25rem;
  }
}
#calendar-wrap .weekly-days {
  display: block;
  margin-bottom: 0.25rem;
  text-align: center;
}
#calendar-wrap .weekly-dated {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.1875rem;
  height: 2.1875rem;
  font-size: 1.125rem;
  line-height: 1;
  letter-spacing: -0.75px;
  color: #495057;
  border: 1px solid transparent;
  border-radius: 50%;
  cursor: pointer;
}
#calendar-wrap .weekly-dated.select-day {
  font-weight: 700;
  border-color: #000;
}
#calendar-wrap .calendar-view-list {
  margin-bottom: 0;
  margin-left: 0;
  list-style: none;
}
#calendar-wrap .calendar-view-list::before, #calendar-wrap .calendar-view-list::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
#calendar-wrap .calendar-view-list::after {
  clear: both;
}
#calendar-wrap .calendar-view-list > li {
  padding: 1.25rem 1rem;
  line-height: 1;
}
#calendar-wrap .calendar-view-list > li + li {
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}
#calendar-wrap .calendar-view-list p {
  margin: 0;
  padding: 0;
}
#calendar-wrap .calendar-view-times {
  display: inline-block;
  padding: 0.25rem 0.5rem;
  margin-bottom: 0.75rem;
  color: #fff;
  background-color: var(--nd-primary, #007aff);
  border-radius: 50rem;
}
#calendar-wrap .calendar-view-title {
  margin-bottom: 1rem;
  font-size: 1.375rem;
  line-height: 1.2;
  color: #000;
}
#calendar-wrap .calendar-view-summary {
  font-size: 0.875rem;
  line-height: 1.5;
  color: #6c757d;
}
#calendar-wrap .calendar-view-summary a {
  color: inherit;
  transition: color 0.15s ease-in-out;
}
#calendar-wrap .calendar-view-summary a:focus {
  text-decoration: none;
}
#calendar-wrap .calendar-view-summary a:hover {
  color: #000;
}
#calendar-wrap .calendar-view-write {
  display: block;
  width: 100%;
  font-size: 1.375rem;
  color: rgba(0, 0, 0, 0.25);
  cursor: pointer;
  transition: color 0.35s ease-in-out;
}
#calendar-wrap .calendar-view-write:hover, #calendar-wrap .calendar-view-write:focus {
  color: rgba(0, 0, 0, 0.55);
}
#calendar-wrap .dis-table {
  width: 100%;
  table-layout: fixed;
}
@media print, screen and (max-width: 39.99875em) {
  .admmb #calendar-wrap .dis-table, .mobile #calendar-wrap .dis-table {
    display: block !important;
    width: auto !important;
  }
}
#calendar-wrap .dis-table-cell {
  width: 100%;
  vertical-align: top;
}
@media print, screen and (max-width: 39.99875em) {
  .admmb #calendar-wrap .dis-table-cell, .mobile #calendar-wrap .dis-table-cell {
    display: block !important;
    width: auto !important;
  }
}
#calendar-wrap .dis-table-cell.aside {
  width: 17.5rem;
}
@media print, screen and (max-width: 39.99875em) {
  .admmb #calendar-wrap .dis-table-cell.aside, .mobile #calendar-wrap .dis-table-cell.aside {
    margin-bottom: 2rem;
  }
}
#calendar-wrap .dis-table-cell.container {
  padding-left: 1.25rem;
}
@media print, screen and (max-width: 39.99875em) {
  .admmb #calendar-wrap .dis-table-cell.container, .mobile #calendar-wrap .dis-table-cell.container {
    padding-left: 0;
  }
}
#calendar-wrap .calendar-month .month-header {
  position: relative;
  margin-bottom: 0.5rem;
}
#calendar-wrap .calendar-month .month-header::before, #calendar-wrap .calendar-month .month-header::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
#calendar-wrap .calendar-month .month-header::after {
  clear: both;
}
#calendar-wrap .calendar-month .month-header .years {
  text-align: center;
}
#calendar-wrap .calendar-month .month-header .month-btn {
  position: absolute;
  z-index: 1;
  top: 50%;
  cursor: pointer;
  transform: translateY(-50%);
}
#calendar-wrap .calendar-month .month-header .month-btn.prev {
  left: 0;
}
#calendar-wrap .calendar-month .month-header .month-btn.next {
  right: 0;
}
#calendar-wrap .month-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
#calendar-wrap .month-table th,
#calendar-wrap .month-table td {
  text-align: center;
}
#calendar-wrap .month-table th:not(:first-child),
#calendar-wrap .month-table td:not(:first-child) {
  border-left: 1px solid rgba(0, 0, 0, 0.05);
}
#calendar-wrap .month-table tr th:first-child,
#calendar-wrap .month-table tr td:first-child {
  color: #dc3545;
}
#calendar-wrap .month-table thead th,
#calendar-wrap .month-table thead td {
  padding: 0.625rem 0;
}
#calendar-wrap .month-table tbody th,
#calendar-wrap .month-table tbody td {
  padding: 0;
  color: rgba(0, 0, 0, 0.6);
  text-align: center;
}
#calendar-wrap .month-table a {
  display: block;
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  padding: 0.625rem;
  font-size: 0.875rem;
  line-height: 1;
  color: inherit;
  text-decoration: none;
}
#calendar-wrap .month-table a:hover {
  color: rgba(0, 0, 0, 0.9);
  background-color: rgba(0, 0, 0, 0.03);
}
#calendar-wrap .month-table .on-data {
  background-color: rgba(0, 0, 0, 0.03);
}
#calendar-wrap .month-table .on-data a {
  font-weight: 700;
  color: black;
}
#calendar-wrap .month-table .on-data.today a {
  color: #fff;
  background-color: var(--nd-primary, #007aff);
}
#calendar-wrap .month-table .on-data.selected a {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.75);
}
#calendar-wrap .calendar-approved {
  --nd-approved-gutter-x: 1.5rem;
  --nd-approved-gutter-y: var(--nd-approved-gutter-x);
  --nd-approved-padding-x: 1rem;
  --nd-approved-padding-y: var(--nd-approved-padding-x);
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(var(--nd-approved-gutter-y) * -1);
  margin-right: calc(var(--nd-approved-gutter-x) * -0.5);
  margin-left: calc(var(--nd-approved-gutter-x) * -0.5);
  list-style: none;
}
.admin-wrap #calendar-wrap .calendar-approved {
  --nd-approved-item-width: 25%;
}
@media screen and (min-width: 75em) {
  .admin-wrap #calendar-wrap .calendar-approved {
    --nd-approved-item-width: 20%;
  }
}
@media screen and (min-width: 90em) {
  .admin-wrap #calendar-wrap .calendar-approved {
    --nd-approved-item-width: 16.6666666667%;
  }
}
.admin-wrap.is-active #calendar-wrap .calendar-approved {
  --nd-approved-item-width: 33.3333333333%;
}
@media screen and (min-width: 75em) {
  .admin-wrap.is-active #calendar-wrap .calendar-approved {
    --nd-approved-item-width: 25%;
  }
}
@media screen and (min-width: 90em) {
  .admin-wrap.is-active #calendar-wrap .calendar-approved {
    --nd-approved-item-width: 20%;
  }
}
.admmb #calendar-wrap .calendar-approved, .mobile #calendar-wrap .calendar-approved {
  --nd-approved-item-width: 25%;
}
@media print, screen and (max-width: 74.99875em) {
  .admmb #calendar-wrap .calendar-approved, .mobile #calendar-wrap .calendar-approved {
    --nd-approved-item-width: 33.3333333333%;
  }
}
@media print, screen and (max-width: 49.99875em) {
  .admmb #calendar-wrap .calendar-approved, .mobile #calendar-wrap .calendar-approved {
    --nd-approved-item-width: 50%;
  }
}
@media print, screen and (max-width: 39.99875em) {
  .admmb #calendar-wrap .calendar-approved, .mobile #calendar-wrap .calendar-approved {
    --nd-approved-item-width: 100%;
  }
}
#calendar-wrap .calendar-approved-item {
  flex: 0 0 auto;
  width: var(--nd-approved-item-width, 25%);
  margin-top: var(--nd-approved-gutter-y);
  padding-right: calc(var(--nd-approved-gutter-x) * 0.5);
  padding-left: calc(var(--nd-approved-gutter-x) * 0.5);
}
#calendar-wrap .calendar-approved-box {
  display: block;
  background-color: #fff;
  border: 1px solid #e8e8e9;
  border-radius: 0.25rem;
}
#calendar-wrap .calendar-approved-box > *:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
#calendar-wrap .calendar-approved-box > *:last-child {
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
#calendar-wrap .calendar-approved-body {
  padding: var(--nd-approved-padding-y) var(--nd-approved-padding-x);
}
#calendar-wrap .calendar-approved-footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
  padding: var(--nd-approved-padding-y) var(--nd-approved-padding-x);
  border-top: 1px solid #e8e8e9;
}

.admgr-each-box {
  display: flex;
  flex-direction: row;
  border: var(--nd-border-width) solid var(--nd-border-color);
  border-radius: 0.25rem;
}
.admgr-each-box > :first-child {
  border-right: var(--nd-border-width) solid var(--nd-border-color);
}
.admgr-each-item {
  flex: 1 1 50%;
  padding: 0.75rem 1rem;
}
.admgr-each-item .tit {
  font-size: 0.875rem;
  margin-bottom: 0.3125rem;
}
.admgr-each-item .ui-widget.ui-widget-content {
  border: none;
  padding: 0;
}
.admgr-each .ui-widget.ui-widget-content {
  --nd-admgr-tagit-color: ;
  --nd-admgr-tagit-border-color: var(--nd-admgr-tagit-color);
  --nd-admgr-tagit-bg-color: #fff;
  --nd-admgr-tagit-hover-color: ;
}
.admgr-each .ui-widget.ui-widget-content .tagit-choice {
  color: var(--nd-admgr-tagit-color);
  border: var(--nd-border-width) solid var(--nd-admgr-tagit-border-color);
  border-radius: 1.875rem;
  background-color: var(--nd-admgr-tagit-bg-color);
}
.admgr-each .ui-widget.ui-widget-content .tagit-choice:hover {
  --nd-admgr-tagit-bg-color: var(--nd-admgr-tagit-color);
  color: var(--nd-admgr-tagit-hover-color);
}
.admgr-each .ui-widget.ui-widget-content.admgr-each-add {
  --nd-admgr-tagit-color: #198754;
  --nd-admgr-tagit-hover-color: #000;
}
.admgr-each .ui-widget.ui-widget-content.admgr-each-exc {
  --nd-admgr-tagit-color: #dc3545;
  --nd-admgr-tagit-hover-color: #fff;
}
.admgr-each .search-list-set {
  position: relative;
}
.admgr-each .search-list-set .search-btn-set {
  position: absolute;
  bottom: -32px;
}
.reveal .admgr-each .search-list-set .search-btn-set {
  right: 0.25rem;
  top: 0.25rem;
  bottom: inherit;
}
.admgr-each .search-list .search-select {
  padding-right: 0.5rem;
}
.admgr-each .search-list .search-select option {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.admgr-check {
  --nd-admgr-check-color: #007aff;
}
.nd-only .admgr-check {
  --nd-admgr-check-color: #dc1a5b;
}
.admgr-check-input {
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.admgr-check-input:not(caption) {
  position: absolute !important;
}
.admgr-check-btn {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  min-height: 100%;
  padding: var(--nd-admgr-check-padding, 0.375rem);
  line-height: 1;
  color: var(--nd-admgr-check-color);
  background-color: var(--nd-admgr-check-bg, #fff);
  border: var(--nd-border-width) solid var(--nd-admgr-check-border-color, var(--nd-admgr-check-color));
  border-radius: 0.25rem;
  cursor: pointer;
  -webkit-appearance: button;
     -moz-appearance: button;
          appearance: button;
  font-size: var(--nd-admgr-check-font-size, 1.5rem);
}
[type=radio] + .admgr-check-btn {
  margin: 0;
}
.admgr-check-input:not(:checked) + .admgr-check-btn {
  opacity: var(--nd-admgr-check-opacity, 0.5);
}
.admgr-check-input:checked + .admgr-check-btn {
  color: var(--nd-admgr-check-active-color, #fff);
  background-color: var(--nd-admgr-check-color);
  border-color: var(--nd-admgr-check-active-border-color, transparent);
}
.admgr-code {
  --nd-admgr-code-border-color: var(--nd-border-color);
}
.admgr-code .CodeMirror {
  border: var(--nd-border-width) solid var(--nd-admgr-code-border-color);
  border-radius: 0.25rem;
}
.nd-only .admgr-code .CodeMirror {
  --nd-admgr-code-border-color: #f1a3bd;
}
.nd-only .admgr-code .CodeMirror .CodeMirror-gutters {
  background-color: #fdf4f7;
}
.nd-only .admgr-code .CodeMirror .CodeMirror-linenumber {
  color: #dc1a5b;
}
.admgr-code .CodeMirror .CodeMirror-scroll {
  margin-right: -34px;
}
.admgr-code .ad-code {
  position: relative;
}
.admgr-code .ad-code .code-btn {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0.25rem;
}
.admgr .ad-help .ex {
  padding: 0.75rem 1rem;
  border-radius: 0.25rem;
  background-color: #fff;
}
.admgr .ad-help .ex-title {
  margin-bottom: 0.3125rem;
  color: #212529;
  font-weight: 700;
}
.admgr-title {
  --nd-admgr-title-color: #212529;
  --nd-admgr-title-border-color: #d2d2d4;
}
.admgr-title .ad-description {
  --nd-admgr-description-padding: 0.75rem;
  width: var(--nd-admgr-description-width, 18.75rem);
  padding: var(--nd-admgr-description-padding);
  background-color: #fff;
  border: 1px solid var(--nd-admgr-title-border-color);
  border-radius: 0.25rem;
}
.admgr-title .ad-description-box {
  margin: 0;
  list-style: none;
}
.admgr-title .ad-description-box > :first-child:not(:only-child) {
  margin-bottom: var(--nd-admgr-description-padding);
  padding-bottom: var(--nd-admgr-description-padding);
  border-bottom: 1px solid var(--nd-border-color);
}
.admgr-title .ad-description-box > :not(:first-child) {
  margin-top: calc(var(--nd-admgr-description-padding) * 0.5);
}
.admgr-title .ad-description-item {
  font-size: 0.6875rem;
}
.admgr-modal .ui-widget.ui-widget-content {
  align-items: flex-start;
  height: 100%;
}
.admgr-modal .ui-sortable {
  --nd-admgr-handle-padding: 0.75rem;
  --nd-admgr-handle-icon: url("/image/admin/arrows-v.svg");
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  list-style: none;
  margin: 0;
}
.admgr-modal .ui-sortable-handle {
  display: flex;
  flex-direction: row;
  align-items: center;
  overflow: hidden;
  padding: var(--nd-admgr-handle-padding);
  font-size: 0.6875rem;
  color: #6c757d;
  border: 1px solid var(--nd-border-color);
  border-radius: 0.25rem;
  background-color: var(--nd-admgr-handle-bg, #fff);
  cursor: move;
}
.admgr-modal .ui-sortable-handle:hover {
  --nd-admgr-handle-bg: #f8f9fa;
}
.admgr-modal .ui-sortable-handle:hover .ui-sortable-move {
  --nd-admgr-handle-icon-color: #212529;
}
.admgr-modal .ui-sortable-handle .ad-title-label:not(:last-child):after {
  content: "|";
  display: inline-block;
  margin: 0 0.25rem;
  color: #d2d2d4;
}
.admgr-modal .ui-sortable-move {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  align-self: stretch;
  justify-content: center;
  width: 3rem;
  margin: calc(var(--nd-admgr-handle-padding) * -1) var(--nd-admgr-handle-padding) calc(var(--nd-admgr-handle-padding) * -1) calc(var(--nd-admgr-handle-padding) * -1);
  font-size: 1rem;
  color: var(--nd-admgr-handle-icon-color, #adb5bd);
  background-color: var(--nd-admgr-handle-bg-color, #f8f9fa);
  cursor: move;
  transition: color 0.15s ease-in-out;
}
.admgr-modal .ui-sortable-move::before {
  content: "";
  display: block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--nd-admgr-handle-icon);
          mask-image: var(--nd-admgr-handle-icon);
  -webkit-mask-size: cover;
          mask-size: cover;
}
.admgr-modal .ui-sortable-code {
  margin: 0 0.375rem;
  font-weight: 700;
  color: #212529;
}

.ad-template {
  position: relative;
}

.ad-code-id {
  position: absolute;
  left: 0;
  top: 0;
  padding: 0.0625rem 0.3125rem;
  font-size: 0.5625rem;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.3);
}

.ad-template.ad-close.ad-close-br .ad-close-btn, .ad-template.ad-close.ad-close-bl .ad-close-btn, .ad-template.ad-close.ad-close-tr .ad-close-btn, .ad-template.ad-close.ad-close-tl .ad-close-btn {
  position: absolute;
  padding: 0.0625rem 0.3125rem;
  font-size: 0.5625rem;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.7);
  cursor: pointer;
}

.ad-template.ad-close.ad-close-tl .ad-close-btn {
  top: 0;
  left: 0;
}
.ad-template.ad-close.ad-close-tr .ad-close-btn {
  top: 0;
  right: 0;
}
.ad-template.ad-close.ad-close-bl .ad-close-btn {
  bottom: 0;
  left: 0;
}
.ad-template.ad-close.ad-close-br .ad-close-btn {
  bottom: 0;
  right: 0;
}

.wing-banner-left, .wing-banner-right {
  position: absolute;
}

.wing-banner-right {
  left: var(--nd-wing-banner-offset-right, calc(100% + 1rem));
}
.wing-banner-left {
  right: var(--nd-wing-banner-offset-left, calc(100% + 1rem));
}

.photobox-list {
  --nd-photobox-image-width: 2.5rem;
}
.photobox-list-tit {
  font-size: 0.875rem;
}
.photobox-list img {
  overflow: hidden;
  max-width: var(--nd-photobox-image-width);
  height: var(--nd-photobox-image-height, var(--nd-photobox-image-width));
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: var(--nd-photobox-image-ratio, 1/1);
  border-radius: 0.25rem;
}

.scrap-guide {
  font-size: 0.75rem;
  font-weight: 400;
  color: #6c757d;
}
.scrap-list {
  --nd-breadcrumbs-item-font-size: 0.8125rem;
  --nd-breadcrumbs-item-active-color: #6c757d;
  margin-bottom: 0;
  margin-left: 0;
  list-style: none;
}
.scrap-list-item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
}
@media print, screen and (max-width: 49.99875em) {
  .mobile .scrap-list-item {
    flex-direction: column;
    align-items: stretch;
  }
}
.scrap-list-item + .scrap-list-item {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid #e8e8e9;
}
.scrap-link {
  flex: 1 1 0;
  max-width: 100%;
  min-width: 0;
}
@media print, screen and (max-width: 49.99875em) {
  .mobile .scrap-link {
    flex: unset;
    min-width: unset;
  }
}
.scrap-title {
  font-size: 1em;
  font-weight: 700;
  line-height: 1.2;
}
.scrap-dated {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.2;
  color: #6c757d;
}
@media print, screen and (max-width: 49.99875em) {
  .mobile .scrap-dated {
    display: none;
  }
}

.poll-list {
  --nd-poll-list-gutter-x: 1.5rem;
  --nd-poll-list-gutter-y: var(--nd-poll-list-gutter-x);
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(var(--nd-poll-list-gutter-y) * -1);
  margin-right: calc(var(--nd-poll-list-gutter-x) * -0.5);
  margin-bottom: 0;
  margin-left: calc(var(--nd-poll-list-gutter-x) * -0.5);
  list-style: none;
}
@media print, screen and (max-width: 49.99875em) {
  .mobile .poll-list {
    --nd-poll-list-item-width: 33.3333333333%;
  }
}
@media print, screen and (max-width: 39.99875em) {
  .mobile .poll-list {
    --nd-poll-list-item-width: 50%;
  }
}
.poll-list-item {
  flex: 0 0 auto;
  width: var(--nd-poll-list-item-width, 25%);
  margin-top: var(--nd-poll-list-gutter-y);
  padding-right: calc(var(--nd-poll-list-gutter-x) * 0.5);
  padding-left: calc(var(--nd-poll-list-gutter-x) * 0.5);
}

.poll-panel {
  display: block;
  padding: 1rem;
  background-color: #fff;
  border: 1px solid #e8e8e9;
  border-radius: 0.25rem;
  text-align: center;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
.poll-panel:hover {
  background-color: #f8f9fa;
  border-color: #adb5bd;
}

.poll-state {
  display: inline-block;
  margin-bottom: 1rem;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1.2;
  color: #adb5bd;
  text-decoration: underline;
}
.poll-state.going {
  color: var(--nd-primary, #007aff);
}

.poll-titles {
  margin-bottom: 0.5rem;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.2;
}

.poll-dated {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 1rem;
  line-height: 1.2;
  font-size: 0.75rem;
  font-weight: 400;
  color: #6c757d;
}

.poll-view {
  margin-bottom: 1rem;
  border: 1px solid #e8e8e9;
  text-align: left;
}
.poll-view::before, .poll-view::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
.poll-view::after {
  clear: both;
}
.poll-view-header {
  padding: 2rem;
}
.poll-view-header::before, .poll-view-header::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
.poll-view-header::after {
  clear: both;
}
.poll-weiget .poll-view-header {
  padding: 1rem;
}
.poll-view-state {
  float: left;
  margin-right: 1.25rem;
  padding: 0.625rem 0.9375rem;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1;
  color: #fff;
  background: rgba(0, 0, 0, 0.25);
  text-align: center;
}
.poll-weiget .poll-view-state {
  padding: 0.625rem 0.75rem;
  margin-right: 0.8125rem;
  font-size: 0.625rem;
  font-weight: 400;
}
.poll-view-state.going {
  color: #fff;
  background: var(--nd-primary, #007aff);
}
.poll-view-state .quest {
  margin-bottom: 0.25rem;
  font-size: 1.5rem;
}
.poll-weiget .poll-view-state .quest {
  font-size: 1rem;
}
.poll-view-titles {
  margin-bottom: 0.5rem;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.3;
}
.poll-weiget .poll-view-titles {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1rem;
  line-height: 1.2;
}
.poll-view-dated {
  font-size: 0.875rem;
  color: #6c757d;
}
.poll-weiget .poll-view-dated {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.6875rem;
  font-weight: 400;
  line-height: 1.2;
}
.poll-view-content {
  padding: 2rem;
  background: #f8f9fa;
}
.poll-view-content::before, .poll-view-content::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
.poll-view-content::after {
  clear: both;
}
.poll-weiget .poll-view-content {
  padding: 1rem;
}
.poll-view-msg {
  margin-bottom: 2rem;
  font-size: 1.3125rem;
  font-weight: 400;
  line-height: 1.2;
  color: #212529;
  text-align: center;
}
.poll-view-msg::before, .poll-view-msg::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
.poll-view-msg::after {
  clear: both;
}
.poll-weiget .poll-view-msg {
  margin-bottom: 1rem;
  font-size: 0.875rem;
  color: #6c757d;
  text-align: left;
}
.poll-view-footer {
  margin-top: 1.25rem;
}
.poll-view-footer::before, .poll-view-footer::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
.poll-view-footer::after {
  clear: both;
}
.poll-view-footer .button, .poll-view-footer .button-group {
  margin-bottom: 0;
}
.poll-view-footer .button-group {
  justify-content: center;
}

.poll-radio [type=radio],
.poll-radio [type=checkbox] {
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.poll-radio [type=radio]:not(caption),
.poll-radio [type=checkbox]:not(caption) {
  position: absolute !important;
}
.poll-radio [type=radio] + label,
.poll-radio [type=checkbox] + label {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  padding: 1rem 1.25rem;
  margin: 0;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
  background: #fff;
  border-width: 0 1px 1px;
  border-style: solid;
  border-color: #e8e8e9;
}
.poll-radio [type=radio] + label::before,
.poll-radio [type=checkbox] + label::before {
  content: "\e928";
  display: flex;
  font-size: 1.25rem;
  font-family: "fontello";
  font-variant: normal;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #ced4da;
  align-items: center;
  justify-content: center;
  width: 2.1875rem;
  height: 2.1875rem;
  margin-left: auto;
  cursor: pointer;
  border: 1px solid #ced4da;
  border-radius: 50%;
  order: 13;
}
.poll-weiget .poll-radio [type=radio] + label::before,
.poll-weiget .poll-radio [type=checkbox] + label::before {
  width: 1.375rem;
  height: 1.375rem;
  font-size: 0.75rem;
  font-weight: 400;
}
.poll-weiget .poll-radio [type=radio] + label,
.poll-weiget .poll-radio [type=checkbox] + label {
  padding: 0.625rem 0.875rem;
}
.poll-radio [type=radio] + label strong,
.poll-radio [type=checkbox] + label strong {
  display: block;
  line-height: 1.2;
}
.poll-weiget .poll-radio [type=radio] + label strong,
.poll-weiget .poll-radio [type=checkbox] + label strong {
  display: block;
  overflow: hidden;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: calc(100% - 25px);
  padding-top: 0;
  margin-top: 0.125rem;
  font-size: 0.875rem;
}
@media print, screen and (max-width: 39.99875em) {
  .admmb .poll-radio [type=radio] + label strong, .mobile .poll-radio [type=radio] + label strong,
  .admmb .poll-radio [type=checkbox] + label strong,
  .mobile .poll-radio [type=checkbox] + label strong {
    padding-top: 0;
  }
}
.poll-radio [type=radio] + label strong::before,
.poll-radio [type=checkbox] + label strong::before {
  content: "";
  position: absolute;
  z-index: 2;
  left: -1px;
  right: -1px;
  top: -1px;
  bottom: -1px;
  border: 1px solid rgba(0, 0, 0, 0.7);
  visibility: hidden;
}
.poll-radio [type=radio]:first-child + label,
.poll-radio [type=checkbox]:first-child + label {
  border-top: 1px solid #e8e8e9;
}
.poll-radio [type=radio]:checked + label::before,
.poll-radio [type=checkbox]:checked + label::before {
  color: #fff;
  border-color: transparent;
  background: var(--nd-primary, #007aff);
}
.poll-radio [type=radio] + label:hover strong::before,
.poll-radio [type=checkbox] + label:hover strong::before, .poll-radio [type=radio]:checked + label strong::before,
.poll-radio [type=checkbox]:checked + label strong::before {
  visibility: visible;
  border-color: var(--nd-primary, #007aff);
}

.poll-result li {
  display: block;
  position: relative;
  margin: 0;
  background: #fff;
  border-width: 0 1px 1px;
  border-style: solid;
  border-color: #e8e8e9;
}
.poll-result li::before, .poll-result li::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
.poll-result li::after {
  clear: both;
}
.poll-result li:first-child {
  border-top: 1px solid #e8e8e9;
}
.poll-result .inner {
  float: left;
  width: calc(100% - 6.25rem);
  height: 75px;
  position: relative;
  z-index: 1;
}
.poll-result .inner::before, .poll-result .inner::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
.poll-result .inner::after {
  clear: both;
}
@media print, screen and (max-width: 39.99875em) {
  .admmb .poll-result .inner, .mobile .poll-result .inner {
    float: none;
    width: auto;
    margin-left: auto;
    margin-right: auto;
  }
}
.poll-result .inner .titles {
  padding: 1.5rem 1.25rem;
}
.poll-result .inner .titles .contents {
  overflow: hidden;
  font-weight: 700;
  white-space: nowrap;
}
@media print, screen and (max-width: 39.99875em) {
  .admmb .poll-result .inner .contents, .mobile .poll-result .inner .contents {
    text-overflow: ellipsis;
  }
}
.poll-result .inner .graph {
  overflow: hidden;
  position: absolute;
  z-index: 2;
  padding: 1.5rem 1.25rem;
  font-weight: 700;
  color: #fff;
  background-color: #6c757d;
  border-bottom: 2px solid rgba(255, 255, 255, 0.05);
  white-space: nowrap;
  left: 0;
  top: -1px;
  bottom: -1px;
}
.poll-result .result-more {
  overflow: hidden;
  float: right;
  width: 6.25rem;
  height: 4.6875rem;
  text-align: center;
  padding: 1rem 1.25rem;
}
@media print, screen and (max-width: 39.99875em) {
  .admmb .poll-result .result-more, .mobile .poll-result .result-more {
    float: none;
    width: auto;
    margin-left: auto;
    margin-right: auto;
  }
}
.poll-result .result-more .numbers {
  font-size: 1.5rem;
  line-height: 1;
}
.poll-result .result-more .counts {
  font-size: 0.75rem;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.45);
}

.vs-content {
  display: flex;
  flex-direction: row;
  align-items: center;
}
@media print, screen and (max-width: 49.99875em) {
  .admmb .vs-content, .mobile .vs-content {
    flex-direction: column;
    align-items: stretch;
    gap: 1rem;
  }
}
.vs-content .poll-radio {
  flex: 1 1 0;
  max-width: 100%;
  min-width: 0;
}
.vs-content .vs-icons {
  flex: 0 0 auto;
  width: 9.25rem;
  max-width: 100%;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1;
  color: #6c757d;
  text-align: center;
}
.poll-view.type-vs.poll-weiget .vs-content .vs-icons {
  padding-top: 0.625rem;
  font-size: 1.125rem;
}

@media print, screen and (max-width: 49.99875em) {
  .admmb .vs-content .vs-icons, .mobile .vs-content .vs-icons {
    width: 100%;
  }
}

.poll-view.type-vs .poll-result ul {
  display: flex;
  flex-wrap: wrap;
}
.poll-view.type-vs .poll-result li {
  flex: 0 0 auto;
  width: 50%;
  max-width: 100%;
  border-top: 1px solid #e8e8e9;
}
.poll-view.type-vs .poll-result li::before, .poll-view.type-vs .poll-result li::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
.poll-view.type-vs .poll-result li::after {
  clear: both;
}
.poll-view.type-vs .poll-result li:nth-child(2n) {
  border-left: none;
}
.poll-view.type-vs .poll-result li:nth-child(2n) .inner {
  float: right;
}
.poll-view.type-vs .poll-result li:nth-child(2n) .inner .titles {
  text-align: right;
}
.poll-view.type-vs .poll-result li:nth-child(2n) .inner .graph {
  left: auto;
  right: 0;
}
.poll-view.type-vs .poll-result li:nth-child(2n) .inner .graph-titles {
  position: absolute;
  z-index: 1;
  right: 1.25rem;
  top: 1.5rem;
}
.poll-view.type-vs .poll-result li:nth-child(2n) .result-more {
  float: left;
}
.poll-view.type-vs .poll-result li:nth-child(2n+1) {
  clear: both;
}
@media print, screen and (max-width: 49.99875em) {
  .admmb .poll-view.type-vs .poll-result li, .mobile .poll-view.type-vs .poll-result li {
    width: 100%;
  }
  .admmb .poll-view.type-vs .poll-result li:first-child, .mobile .poll-view.type-vs .poll-result li:first-child {
    border-top: 1px solid #e8e8e9;
  }
  .admmb .poll-view.type-vs .poll-result li:nth-child(2n) .inner, .mobile .poll-view.type-vs .poll-result li:nth-child(2n) .inner {
    float: left;
    border-left: 1px solid #e8e8e9;
  }
}
@media print, screen and (max-width: 49.99875em) and (max-width: 39.99875em) {
  .admmb .admmb .poll-view.type-vs .poll-result li:nth-child(2n) .inner, .mobile .admmb .poll-view.type-vs .poll-result li:nth-child(2n) .inner, .admmb .mobile .poll-view.type-vs .poll-result li:nth-child(2n) .inner, .mobile .mobile .poll-view.type-vs .poll-result li:nth-child(2n) .inner {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
}
@media print, screen and (max-width: 49.99875em) {
  .admmb .poll-view.type-vs .poll-result li:nth-child(2n) .inner .titles, .mobile .poll-view.type-vs .poll-result li:nth-child(2n) .inner .titles {
    text-align: left;
  }
  .admmb .poll-view.type-vs .poll-result li:nth-child(2n) .inner .graph, .mobile .poll-view.type-vs .poll-result li:nth-child(2n) .inner .graph {
    left: 0;
    bottom: -1px;
    right: auto;
  }
  .admmb .poll-view.type-vs .poll-result li:nth-child(2n) .inner .graph-titles, .mobile .poll-view.type-vs .poll-result li:nth-child(2n) .inner .graph-titles {
    position: static;
    right: auto;
    top: auto;
  }
  .admmb .poll-view.type-vs .poll-result li:nth-child(2n) .result-more, .mobile .poll-view.type-vs .poll-result li:nth-child(2n) .result-more {
    float: right;
  }
}
@media print, screen and (max-width: 49.99875em) and (max-width: 39.99875em) {
  .admmb .admmb .poll-view.type-vs .poll-result li:nth-child(2n) .result-more, .mobile .admmb .poll-view.type-vs .poll-result li:nth-child(2n) .result-more, .admmb .mobile .poll-view.type-vs .poll-result li:nth-child(2n) .result-more, .mobile .mobile .poll-view.type-vs .poll-result li:nth-child(2n) .result-more {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
}

.serial {
  --nd-serial-gap: 1.5rem;
  --nd-serial-border-color: #e8e8e9;
}
.serial-nav {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-self: stretch;
  gap: var(--nd-serial-nav-padding-x, 0.5rem);
  margin-bottom: var(--nd-serial-gap);
  padding: var(--nd-serial-nav-padding-y, 0.25rem) var(--nd-serial-nav-padding-x, 0.5rem);
  background: var(--nd-serial-nav-bg, #f8f9fa);
  border: 1px solid var(--nd-serial-border-color);
  border-radius: var(--nd-serial-nav-border-radius, 0.25rem);
}
.serial-nav-item {
  flex: 1 0 0%;
  padding: var(--nd-serial-nav-item-padding-y, 0.75rem) var(--nd-serial-nav-item-padding-x, 0.5rem);
  font-size: var(--nd-serial-nav-item-font-size, 0.875rem);
  color: var(--nd-serial-nav-item-color, #6c757d);
  background: var(--nd-serial-nav-item-bg, transparent);
  border-radius: calc(var(--nd-serial-nav-border-radius) * 0.5);
  text-align: var(--nd-serial-nav-item-text-align, center);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;
}
.serial-nav-item:hover {
  color: var(--nd-serial-nav-item-hover-color, #212529);
}
.serial-nav-item.active {
  font-weight: 700;
  color: var(--nd-serial-nav-item-active-color, #007aff);
  background-color: var(--nd-serial-nav-item-active-bg, #fff);
}
.serial-list {
  --nd-serial-list-gutter-x: 1.5rem;
  --nd-serial-list-gutter-y: var(--nd-serial-list-gutter-x);
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(var(--nd-serial-list-gutter-y) * -1);
  margin-right: calc(var(--nd-serial-list-gutter-x) * -0.5);
  margin-bottom: 0;
  margin-left: calc(var(--nd-serial-list-gutter-x) * -0.5);
  list-style: none;
}
.admin-wrap .serial-list {
  --nd-serial-list-item-width: 25%;
}
@media screen and (min-width: 75em) {
  .admin-wrap .serial-list {
    --nd-serial-list-item-width: 20%;
  }
}
@media screen and (min-width: 90em) {
  .admin-wrap .serial-list {
    --nd-serial-list-item-width: 16.6666666667%;
  }
}
.admin-wrap.is-active .serial-list {
  --nd-serial-list-item-width: 33.3333333333%;
}
@media screen and (min-width: 75em) {
  .admin-wrap.is-active .serial-list {
    --nd-serial-list-item-width: 25%;
  }
}
@media screen and (min-width: 90em) {
  .admin-wrap.is-active .serial-list {
    --nd-serial-list-item-width: 20%;
  }
}
@media print, screen and (max-width: 49.99875em) {
  .admmb .serial-list, .mobile .serial-list {
    --nd-serial-list-item-width: 50%;
  }
}
@media print, screen and (max-width: 39.99875em) {
  .admmb .serial-list, .mobile .serial-list {
    --nd-serial-list-item-width: 100%;
  }
}
.serial-list-item {
  flex: 0 0 auto;
  width: var(--nd-serial-list-item-width, 25%);
  margin-top: var(--nd-serial-list-gutter-y);
  padding-right: calc(var(--nd-serial-list-gutter-x) * 0.5);
  padding-left: calc(var(--nd-serial-list-gutter-x) * 0.5);
}
.serial-panel {
  --nd-serial-panel-padding-x: 1rem;
  --nd-serial-panel-padding-y: var(--nd-serial-panel-padding-x);
  --nd-serial-panel-border-width: 1px;
  --nd-serial-panel-border-color: #e8e8e9;
  --nd-serial-panel-border-radius: 0.25rem;
  --nd-serial-panel-inner-border-radius: calc(var(--nd-serial-panel-border-radius) - var(--nd-serial-panel-border-width));
  display: flex;
  flex-direction: column;
  background-color: #fff;
  border: var(--nd-serial-panel-border-width) solid var(--nd-serial-panel-border-color);
  border-radius: var(--nd-serial-panel-border-radius);
}
.serial-panel > *:first-child {
  border-top-left-radius: var(--nd-serial-panel-inner-border-radius);
  border-top-right-radius: var(--nd-serial-panel-inner-border-radius);
}
.serial-panel > *:last-child {
  border-bottom-left-radius: var(--nd-serial-panel-inner-border-radius);
  border-bottom-right-radius: var(--nd-serial-panel-inner-border-radius);
}
.serial-panel-header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: var(--nd-serial-panel-padding-y) var(--nd-serial-panel-padding-x);
  font-size: 0.875em;
  color: #6c757d;
  border-bottom: var(--nd-serial-panel-border-width) solid var(--nd-serial-panel-border-color);
}
.serial-panel-body {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: var(--nd-serial-panel-padding-y) var(--nd-serial-panel-padding-x);
  text-align: center;
}
.serial-panel-image {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 11rem;
}
.serial-panel-image img {
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: var(--nd-serial-panel-inner-border-radius);
}
.serial-panel-title {
  display: block;
  overflow: hidden;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1.125rem;
  font-weight: 500;
  color: #000;
}
.serial-panel-summary {
  display: block;
  overflow: hidden;
  line-height: 1.5;
  text-overflow: ellipsis;
  display: -webkit-box;
  max-height: 3em;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 0.875em;
  font-weight: 400;
  color: #6c757d;
}
.serial-panel-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  padding: calc(var(--nd-serial-panel-padding-y) * 0.5) var(--nd-serial-panel-padding-x);
  background-color: #f8f9fa;
  border-top: var(--nd-serial-panel-border-width) solid var(--nd-serial-panel-border-color);
}

#median-outlink {
  margin: 3.125rem auto;
  padding: 1.375rem;
  background-color: var(--nd-light, #f8f9fa);
  border: 1px solid rgba(var(--nd-black-rgb, 0, 0, 0), 0.05);
}
#median-outlink .no-bullet {
  padding: 0;
  margin-bottom: 0;
  margin-left: 0;
  list-style: none;
}
#median-outlink .no-bullet li {
  font-size: 0.875rem;
  font-weight: 400;
  font-style: normal;
  line-height: 1.3;
  color: var(--nd-black, #000);
}
#median-outlink .no-bullet li + li {
  margin-top: 0.625rem;
}
#median-outlink .no-bullet li a {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font: inherit;
  color: inherit;
}

.privacy hr {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.privacy-list {
  margin-bottom: 1.5rem;
  padding: 1.5rem;
  border: 3px solid #e8e8e9;
}
.privacy-list::before, .privacy-list::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
.privacy-list::after {
  clear: both;
}
@media print, screen and (max-width: 49.99875em) {
  .privacy-list {
    padding: 1rem;
  }
}
.privacy-list hr {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.privacy-list-header {
  font-size: 1rem;
}
.privacy-list-groups {
  margin-bottom: 0;
}
.privacy-list-groups li {
  font-size: 0.9375rem;
  line-height: 1.2;
}
.privacy-list-groups li + li {
  margin-top: 1rem;
}
.privacy-list-groups li a {
  display: block;
}
@media print, screen and (max-width: 49.99875em) {
  .privacy-list-groups + .privacy-list-groups {
    margin-top: 1rem;
  }
}
.privacy-group::before, .privacy-group::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
.privacy-group::after {
  clear: both;
}
.privacy-group-title {
  margin-bottom: 1rem;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1;
}
.privacy-group-list {
  margin-bottom: 0;
}
.privacy-group-list li {
  font-size: 0.8125rem;
  font-weight: 400;
  color: #495057;
}
.privacy-group-list li + li {
  margin-top: 1rem;
}
.privacy-group-summary {
  font-size: 0.875rem;
  color: #6c757d;
}
.privacy-group table thead,
.privacy-group table tbody,
.privacy-group table tfoot,
.privacy-group table tr {
  border-color: #e8e8e9 !important;
}
.privacy-group table th,
.privacy-group table td {
  padding: 1rem;
  font-size: 0.8125rem;
  font-weight: 400;
}
@media print, screen and (max-width: 39.99875em) {
  .privacy-group table th,
  .privacy-group table td {
    padding: 0.625rem;
  }
}
.privacy-group table th {
  width: 33.3333333333%;
  border-right: 1px solid #e8e8e9;
}
.privacy-group table td {
  color: #6c757d;
}
.privacy-group table ul,
.privacy-group table ol {
  margin-bottom: 0;
}
.privacy-group table ul li,
.privacy-group table ol li {
  line-height: 1.2;
  color: #6c757d;
}
.privacy-group table ul li + li,
.privacy-group table ol li + li {
  margin-top: 0.6875rem;
}
.privacy-info {
  text-align: left;
}
.privacy-info-header {
  margin-bottom: 1rem;
  font-size: 0.875rem;
  font-weight: 500;
}
.privacy-info-content li {
  margin-bottom: 0.5rem;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1.2;
  color: #6c757d;
}
.privacy-info-box::before, .privacy-info::before, .privacy-info-header::before, .privacy-info-content::before, .privacy-info-box::after, .privacy-info::after, .privacy-info-header::after, .privacy-info-content::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
.privacy-info-box::after, .privacy-info::after, .privacy-info-header::after, .privacy-info-content::after {
  clear: both;
}

.privacy-info-box {
  overflow-y: auto;
  max-height: 10rem;
  padding: 1rem;
  margin-bottom: 1rem;
  line-height: 1.5;
  background-color: #f8f9fa;
  border: 1px solid #e8e8e9;
  text-align: left;
}
@media print, screen and (max-width: 39.99875em) {
  .privacy-info-box {
    padding: 0.75rem;
  }
}

.coming {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
  height: 100dvh;
  padding: 1.5rem;
  text-align: left;
}
.coming-wrapper {
  display: flex;
  flex-direction: column;
}
.coming-title {
  font-family: "Black Han Sans", sans-serif;
  font-size: 2rem;
  line-height: 1.2;
  letter-spacing: -0.75px;
}
@media print, screen and (min-width: 40em) {
  .coming-title {
    font-size: 4rem;
    line-height: 1;
    letter-spacing: -1.5px;
  }
}
.coming-subtitle {
  font-size: 1.125rem;
  font-weight: 500;
}
@media print, screen and (min-width: 40em) {
  .coming-subtitle {
    font-size: 1.375rem;
    font-weight: 700;
  }
}
.coming-summary {
  margin-top: 1.5rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  color: #6c757d;
}

.desktop-to-mobile {
  display: block;
  overflow: hidden;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 1.5em 1.25em;
  padding: 0.75em 1em;
  font-size: var(--nd-desktop-to-mobile-font-size, 4.25vmin);
  font-weight: 400;
  background-color: #fff;
  border: var(--nd-desktop-to-mobile-border-width, 0.0625em) solid #e8e8e9;
  border-radius: 0.25em;
  text-align: center;
  white-space: nowrap;
}
@media screen and (min-width: 90em) {
  .desktop-to-mobile {
    --nd-desktop-to-mobile-font-size: 1.25rem;
    --nd-desktop-to-mobile-border-width: 1px;
  }
}
.desktop-to-mobile:hover, .desktop-to-mobile:focus {
  text-decoration: none;
}

.preview-guide {
  display: block;
  position: fixed;
  z-index: 1005;
  bottom: 1rem;
  left: 1rem;
  min-width: 6rem;
  padding: var(--nd-preview-guide-padding, 0.5rem 1rem);
  font-size: var(--nd-preview-guide-font-size, 0.875rem);
  font-weight: 400;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.9);
  border: 0;
  border-radius: var(--nd-preview-guide-border-radius, 0.25rem);
  white-space: nowrap;
  text-align: center;
}
.preview-guide.for-mobile {
  --nd-preview-guide-padding: 0.5em 1em;
  --nd-preview-guide-font-size: 3.5vmin;
  --nd-preview-guide-border-radius: 0.25em;
}
@media screen and (min-width: 90em) {
  .preview-guide.for-mobile {
    --nd-preview-guide-font-size: 0.875rem;
  }
}

.mview-guide {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5em;
  padding: 0.75em 1em;
  font-size: var(--nd-mview-guide-font-size, 4.5vmin);
  font-weight: 400;
  line-height: 1.2;
  color: #fff;
  background-color: #000;
}
@media screen and (min-width: 90em) {
  .mview-guide {
    --nd-mview-guide-font-size: 1.25rem;
  }
}
.mview-guide-text {
  flex: 1 1 0;
  max-width: 100%;
  min-width: 0;
}
.mview-guide-point {
  font-weight: 700;
  text-decoration: underline;
  color: #ffda6a;
}
.mview-guide-btn {
  display: block;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
  padding: 0.375em 0.75em;
  font-size: 0.875em;
  font-weight: 400;
  line-height: 1.5;
  color: #000;
  background-color: #fff;
  border: 0;
  border-radius: 0.25em;
  white-space: nowrap;
}

.customer-header {
  margin-bottom: 1rem;
}
.customer-header::before, .customer-header::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
.customer-header::after {
  clear: both;
}
.customer-header-title {
  margin-bottom: 1rem;
}
.customer-content::before, .customer-content::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
.customer-content::after {
  clear: both;
}

.event-image-preview img {
  max-height: 7.5rem;
}
.event-image-preview .button-group {
  margin-top: 1rem;
}

.user-rss::before, .user-rss::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
.user-rss::after {
  clear: both;
}
@media print, screen and (max-width: 49.99875em) {
  .mobile .user-rss table {
    table-layout: fixed;
  }
}
.user-rss-title {
  float: left;
  width: 20%;
  font-size: 2rem;
  line-height: 1;
}
@media print, screen and (max-width: 49.99875em) {
  .mobile .user-rss-title {
    float: none;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2rem;
  }
}
.user-rss-title::before, .user-rss-title::after {
  content: "";
}
.user-rss-title::before {
  display: block;
  margin-bottom: 0.625rem;
  border-top: 1px solid #000;
}
.user-rss-title::after {
  display: table;
  clear: both;
}
.user-rss-container {
  float: right;
  width: 80%;
  padding-left: 2rem;
}
.user-rss-container::before, .user-rss-container::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
.user-rss-container::after {
  clear: both;
}
@media print, screen and (max-width: 49.99875em) {
  .mobile .user-rss-container {
    float: none;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
  }
}
.user-rss-content {
  margin-bottom: 2rem;
  line-height: 1.5;
}
.user-rss-content::before, .user-rss-content::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
.user-rss-content::after {
  clear: both;
}
.user-rss .button {
  min-width: 5rem;
  margin: 0;
}
.user-rss .links {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.search-detail {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  margin-bottom: 3rem;
  padding: 1.5rem;
  background-color: #fff;
  border: 1px solid #e8e8e9;
}
@media print, screen and (max-width: 49.99875em) {
  .mobile .search-detail {
    padding: 0;
    background: transparent;
    border: 0;
  }
}
.search-detail-tabs {
  display: flex;
  flex-direction: row;
  gap: 0.25rem;
  text-align: center;
  margin-bottom: 0;
  margin-left: 0;
  list-style: none;
}
.search-detail-tabs-item {
  flex: 1 1 0;
  max-width: 100%;
  min-width: 0;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.5;
  background-color: transparent;
  border: 1px solid #e8e8e9;
  white-space: nowrap;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
.search-detail-tabs-item:hover {
  background-color: #f8f9fa;
}
.search-detail-tabs-item.is-active {
  color: #fff;
  background-color: #000;
  border-color: transparent;
}
.search-detail-tabs-link {
  display: block;
  padding: 0.5rem 1rem;
  color: currentColor;
}
.search-detail-tabs-link:hover, .search-detail-tabs-link:focus {
  text-decoration: none;
}
.search-detail-content {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%;
  max-width: 640px;
  margin-right: auto;
  margin-left: auto;
}
@media print, screen and (max-width: 49.99875em) {
  .mobile .search-detail-content {
    gap: 1rem;
  }
}
.search-detail-row {
  display: flex;
  flex-direction: row;
  align-items: center;
}
@media print, screen and (max-width: 49.99875em) {
  .mobile .search-detail-row {
    flex-direction: column;
    align-items: stretch;
    gap: 0.25rem;
  }
}
.search-detail-label {
  display: block;
  flex: 0 0 auto;
  width: 6.5rem;
  max-width: 100%;
}
@media print, screen and (max-width: 49.99875em) {
  .mobile .search-detail-label {
    width: auto;
  }
}
.search-detail-item {
  display: block;
  flex: 1 1 0;
  max-width: 100%;
  min-width: 0;
  font-size: 0.875em;
}
.search-detail-item input,
.search-detail-item select,
.search-detail-item textarea,
.search-detail-item .input-group {
  margin-bottom: 0;
  font-size: inherit;
}
.search-detail-and {
  max-width: 8rem;
}
.search-detail-hstack {
  display: flex;
  flex-direction: row;
  gap: 0.25rem;
}
@media print, screen and (max-width: 49.99875em) {
  .mobile .search-detail-hstack {
    flex-direction: column;
  }
}
.search-detail-hstack > input,
.search-detail-hstack > select {
  flex: 1 1 0%;
  width: 1%;
  min-width: 0;
}
@media print, screen and (max-width: 49.99875em) {
  .mobile .search-detail-hstack > input,
  .mobile .search-detail-hstack > select {
    flex: 0 0 auto;
    width: 100%;
    max-width: 100%;
    min-width: unset;
  }
}

#curation-wrap {
  text-align: center;
  background-color: #f8f9fa;
}
#curation-wrap::before, #curation-wrap::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
#curation-wrap::after {
  clear: both;
}
#curation-wrap.view-pages {
  background: transparent;
}
#curation-wrap .curation-section-header {
  display: table;
  width: 100%;
}
#curation-wrap .curation-section-header::before, #curation-wrap .curation-section-header::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
#curation-wrap .curation-section-header::after {
  clear: both;
}
#curation-wrap .curation-section-bg {
  display: table-cell;
  vertical-align: middle;
  overflow: hidden;
  position: relative;
  height: 450px;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #000;
  background-size: cover;
  background-attachment: fixed;
}
#curation-wrap .curation-section-bg::before {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 450px;
  background: rgba(0, 0, 0, 0.65);
}
#curation-wrap .curation-section-title {
  position: relative;
  z-index: 2;
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 1.25;
  color: #fff;
  text-shadow: 2px 1px 3px rgba(0, 0, 0, 0.5);
}
#curation-wrap .curation-content {
  display: block;
  margin: 0 auto;
  padding: 1.25rem 0;
}
#curation-wrap .curation-content.view {
  max-width: 700px;
}
#curation-wrap .curation-content .panel {
  overflow: hidden;
  border-radius: 0.25rem;
  display: table;
  width: 100%;
  min-height: 324px;
  margin-bottom: 1rem;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
#curation-wrap .curation-content .panel > a {
  display: table-cell;
  vertical-align: middle;
}
#curation-wrap .curation-content .panel > a:hover {
  text-decoration: none;
}
#curation-wrap .curation-content .panel > a:hover .panel-block-title {
  text-decoration: underline;
}
#curation-wrap .curation-content .panel > a:hover .panel-image::after {
  background-color: rgba(255, 255, 255, 0.35);
}
#curation-wrap .curation-content .panel-image {
  overflow: hidden;
  position: relative;
  height: var(--nd-curation-panel-image-height, 160px);
  color: transparent;
  text-indent: -500px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
#curation-wrap .curation-content .panel-block {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  padding: 1.25rem;
}
#curation-wrap .curation-content .panel-block-title {
  display: block;
  display: -webkit-box;
  overflow: hidden;
  max-height: 2.8em;
  margin-bottom: 0.8125rem;
  font-size: var(--nd-curation-panel-block-title-size, 1.125rem);
  line-height: 1.375;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
}
#curation-wrap .curation-content .panel-block-dated {
  position: relative;
  margin-bottom: 1rem;
  padding-top: 0.75rem;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  color: #333;
}
#curation-wrap .curation-content .panel-block-dated::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 1;
  width: 30%;
  max-width: 50px;
  border-top: 1px solid #333;
  transform: translateX(-50%);
}
#curation-wrap .curation-content .panel-block-names {
  font-size: 0.875rem;
  font-weight: 400;
  color: #888;
}
#curation-wrap .curation-content.view {
  padding-left: var(--nd-curation-view-pad);
  padding-right: var(--nd-curation-view-pad);
  font-size: var(--nd-curation-view-size, 1.0625rem);
}
#curation-wrap .curation-content.view p {
  margin: 1.25em 0;
  font-size: inherit;
  line-height: inherit;
  text-align: justify;
}
#curation-wrap .curation-content.view div[style] .photo-layout {
  margin-left: var(--nd-curation-photo-style-marleft);
  margin-right: var(--nd-curation-photo-style-maright);
  margin-bottom: 1rem !important;
}
#curation-wrap .curation-content.view div[style*=text-align] {
  margin-left: var(--nd-curation-view-marleft);
  margin-right: var(--nd-curation-view-maright);
}
#curation-wrap .curation-content.view .photo-layout {
  float: var(--nd-curation-photo-layout-offset);
  display: block !important;
  width: 100%;
  margin-left: var(--nd-curation-photo-layout-marleft);
  margin-bottom: 1rem !important;
  margin-right: var(--nd-curation-photo-layout-maright);
}
#curation-wrap .curation-content.view .photo-layout.float-left {
  --nd-curation-photo-layout-maright:	1.25rem !important;
}
#curation-wrap .curation-content.view .photo-layout.float-right {
  --nd-curation-photo-layout-marleft:	1.25rem !important;
}
#curation-wrap .curation-content.view .photo-layout figcaption {
  padding: 0.6875rem var(--nd-curation-figcaption-pad-x);
  font-size: 0.8125rem;
  line-height: 1.625;
  color: #919191;
  text-align: left;
}
@media print, screen and (max-width: 49.99875em) {
  #curation-wrap .curation-content {
    --nd-curation-panel-image-height:	200px;
    --nd-curation-photo-layout-offset:	none !important;
    --nd-curation-photo-layout-marleft:	auto !important;
    --nd-curation-photo-layout-maright:	auto !important;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
}
@media print, screen and (max-width: 39.99875em) {
  #curation-wrap .curation-content {
    --nd-curation-panel-image-height:	240px;
    --nd-curation-panel-block-title-size:	1.3125rem;
    --nd-curation-view-pad:	1.25rem;
    --nd-curation-view-size:	1.1875rem;
    --nd-curation-view-marleft:	-1.25rem;
    --nd-curation-view-maright:	var(--nd-curation-view-marleft);
    --nd-curation-photo-layout-marleft:	var(--nd-curation-view-marleft);
    --nd-curation-photo-layout-maright:	var(--nd-curation-view-maright);
    --nd-curation-photo-style-marleft:	auto;
    --nd-curation-photo-style-maright:	auto;
    --nd-curation-figcaption-pad-x:	1.25rem;
  }
}
#curation-wrap .curation-view-panel {
  position: absolute;
  z-index: 988;
  left: 0;
  top: 0;
  width: 100%;
  vertical-align: top;
  transition: all 0.35s ease-in-out;
}
#curation-wrap .curation-view-panel .wrapper {
  display: block;
  max-width: 980px;
  margin: 0 auto;
  padding: 0.625rem 0.9375rem;
  font-size: 0;
}
#curation-wrap .curation-view-panel .wrapper::before, #curation-wrap .curation-view-panel .wrapper::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
#curation-wrap .curation-view-panel .wrapper::after {
  clear: both;
}
#curation-wrap .curation-view-panel .wrapper > * {
  display: inline-block;
  vertical-align: middle;
}
#curation-wrap .curation-view-panel .back {
  float: left;
  width: 32px;
  height: 32px;
  font-size: 1.125rem;
  color: #fff;
  cursor: pointer;
}
#curation-wrap .curation-view-panel .reply {
  float: right;
  color: #fff;
}
#curation-wrap .curation-view-panel .reply a {
  display: inline-block;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 32px;
  color: #fff;
  text-decoration: none;
}
#curation-wrap .curation-view-panel .section {
  padding: 0 0.9375rem;
  font-size: 1rem;
  line-height: 32px;
  color: #fff;
  background-color: #16a085;
  border-radius: 2rem;
  white-space: nowrap;
}
@media print, screen and (max-width: 39.99875em) {
  #curation-wrap .curation-view-panel .section {
    overflow: hidden;
    max-width: 160px;
    text-overflow: ellipsis;
  }
}
#curation-wrap .curation-view-panel.active {
  position: fixed;
  background-color: rgba(255, 255, 255, 0.85);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.35);
}
#curation-wrap .curation-view-panel.active .back, #curation-wrap .curation-view-panel.active .reply a {
  color: #000;
}
#curation-wrap .curation-view-title {
  position: relative;
  z-index: 5;
  max-width: 700px;
  text-shadow: 2px 3px 2px rgba(0, 0, 0, 0.5);
}
#curation-wrap .curation-view-title .title {
  font-size: var(--nd-curation-view-titie-size, 3rem);
  font-weight: 700;
  line-height: 1.25;
  color: #fff;
}
#curation-wrap .curation-view-title .sub-title {
  margin-bottom: var(--nd-curation-view-sub-titie-margin, 1.5rem);
  font-size: var(--nd-curation-view-sub-titie-size, 1.125rem);
  line-height: 1;
  color: #fff;
  text-decoration: underline;
}
@media print, screen and (max-width: 49.99875em) {
  #curation-wrap .curation-view-title {
    --nd-curation-view-titie-size:	2.1875rem;
    --nd-curation-view-sub-titie-margin:	0.9375rem;
    --nd-curation-view-sub-titie-size:	1rem;
    padding-left: 1.25rem;
    padding-right: 2rem;
  }
}
@media print, screen and (max-width: 39.99875em) {
  #curation-wrap .curation-view-title {
    --nd-curation-view-titie-size:	1.5rem;
    --nd-curation-view-sub-titie-margin:	0.75rem;
    --nd-curation-view-sub-titie-size:	0.8125rem;
  }
}
#curation-wrap .curation-view-dated {
  position: absolute;
  z-index: 3;
  width: 100%;
  padding: 0.9375rem;
  color: rgba(255, 255, 255, 0.75);
  text-shadow: 1px 1px rgba(0, 0, 0, 0.35);
  left: 0;
  bottom: 0;
}
@media print, screen and (max-width: 39.99875em) {
  #curation-wrap .curation-view-dated {
    padding: 0.625rem;
    font-size: 0.8125rem;
  }
}
#curation-header {
  position: relative;
  padding: 0.625rem 0.9375rem;
  background-color: #fff;
}
#curation-header::before, #curation-header::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
#curation-header::after {
  clear: both;
}
#curation-header .dis-table {
  width: 100%;
}
#curation-header .header-column {
  display: table-cell;
  width: 33.3333333333%;
  vertical-align: middle;
}
#curation-header .user-logo img {
  max-width: 195px;
  max-height: 25px;
}
#curation-header .curation-logo {
  font-size: 1.4375rem;
  font-weight: 700;
  text-align: center;
}
#curation-header .curation-intro .search-icon {
  display: block;
  overflow: hidden;
  width: 24px;
  height: 22px;
  color: transparent;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("/image/curation-search.png");
}
#curation-header .curation-intro .nav-icon {
  display: block;
  overflow: hidden;
  width: 24px;
  height: 22px;
  color: transparent;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("/image/curation-bars.png");
}
#curation-header .curation-search {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  z-index: 1000;
  padding: 0.625rem;
  background-color: rgba(0, 0, 0, 0.75);
  transition: all 0.2s ease-in-out;
}
#curation-header .curation-search .search-input {
  float: left;
  width: calc(100% - 35px);
  height: 1.8125rem;
  padding: 0 0.25rem;
  margin-bottom: 0;
}
#curation-header .curation-search .search-button {
  float: right;
  padding-top: 3px;
}
#curation-header .curation-search .search-button .search-icon {
  background-image: url("/image/curation-search-white.png");
}
#curation-header .curation-nav {
  display: none;
  position: absolute;
  z-index: 1001;
  min-width: 120px;
  max-width: 250px;
  background-color: #fff;
  border: 1px solid #aaa;
  right: 0.9375rem;
  top: 100%;
  transition: all 0.2s ease-in-out;
}
#curation-header .curation-nav::after, #curation-header .curation-nav::before {
  content: "";
  position: absolute;
  border-style: solid;
  border-color: transparent;
  bottom: 100%;
}

#curation-header .curation-nav::before {
  border-width: 6px;
  border-bottom-color: #aaa;
  right: 5px;
}
#curation-header .curation-nav::after {
  border-width: 5px;
  border-bottom-color: #fff;
  right: 6px;
}
#curation-header .curation-nav ul {
  margin-bottom: 0;
}
#curation-header .curation-nav ul li {
  display: block;
  text-align: left;
}
#curation-header .curation-nav ul li a {
  display: block;
  padding: 0.625rem 0.9375rem;
  font-size: 0.9375rem;
  line-height: 1;
}
#curation-header .curation-nav ul li a:hover {
  background-color: var(--nd-curation-nav-hover-bg, rgba(0, 0, 0, 0.03));
}
#curation-header .curation-nav ul li.back-home a {
  font-size: 0.8125rem;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.55);
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}
#curation-header .curation-nav ul li.back-home a:hover {
  color: var(--nd-curation-nav-hover-color, rgba(0, 0, 0, 0.9));
}
@media print, screen and (max-width: 49.99875em) {
  #curation-header .curation-nav ul li {
    --nd-curation-nav-hover-bg:	transparent;
    --nd-curation-nav-hover-color:	rgba(0, 0, 0, 0.55);
  }
}
#curation-header #search-btn, #curation-header #nav-btn {
  cursor: pointer;
}
#curation-footer {
  margin-top: 1rem;
  padding: 0.9375rem;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1;
  color: rgba(0, 0, 0, 0.55);
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}
#curation-footer a {
  color: currentColor;
}
#curation-footer .wrapper {
  max-width: 980px;
  margin: 0 auto;
}
#curation-footer .wrapper::before, #curation-footer .wrapper::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
#curation-footer .wrapper::after {
  clear: both;
}
#curation-footer .footer-nav {
  display: flex;
  gap: 0.9375rem;
}
#curation-container .social-group {
  margin: 3.875rem 0;
  justify-content: center;
}
#curation-container .social-group .sns {
  display: inline-block;
  width: 3.125rem;
  height: 3.125rem;
  margin-left: 0.3125rem;
  font-size: 1.5rem;
  border-radius: 50%;
}
@media print, screen and (max-width: 39.99875em) {
  #curation-container .social-group .sns {
    width: 2rem;
    height: 2rem;
    font-size: 1rem;
  }
}
#curation-container .pagination {
  justify-content: center;
  margin-bottom: 1rem;
}

.gallery-bg {
  background: #212529;
}

#gallery-header {
  position: relative;
  padding: 1.5rem 0.9375rem;
  background-color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
#gallery-header::before, #gallery-header::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
#gallery-header::after {
  clear: both;
}
#gallery-header .dis-table {
  width: 100%;
}
#gallery-header .header-column {
  display: table-cell;
  width: 33.3333333333%;
  vertical-align: middle;
}
#gallery-header .user-logo img {
  max-width: 195px;
  max-height: 25px;
}
#gallery-header .gallery-logo {
  font-family: "Nanum Myeongjo", "Batang", serif;
  font-size: 1.3125rem;
  font-weight: 400;
  text-align: center;
}
#gallery-header .gallery-logo a {
  display: block;
  overflow: hidden;
  color: #212529;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#gallery-header .gallery-intro .search-icon {
  display: block;
  overflow: hidden;
  width: 24px;
  height: 22px;
  color: transparent;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("/image/curation-search.png");
}
#gallery-header .gallery-intro .nav-icon {
  display: block;
  overflow: hidden;
  width: 24px;
  height: 22px;
  color: transparent;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("/image/curation-bars.png");
}
#gallery-header .gallery-search {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  z-index: 1000;
  padding: 0.625rem;
  background-color: rgba(0, 0, 0, 0.75);
  transition: all 0.2s ease-in-out;
}
#gallery-header .gallery-search .search-input {
  float: left;
  width: calc(100% - 35px);
  height: 1.8125rem;
  padding: 0 0.25rem;
  margin-bottom: 0;
}
#gallery-header .gallery-search .search-button {
  float: right;
  padding-top: 3px;
}
#gallery-header .gallery-search .search-button .search-icon {
  background-image: url("/image/curation-search-white.png");
}
#gallery-header .gallery-nav {
  display: none;
  position: absolute;
  z-index: 1001;
  min-width: 120px;
  max-width: 250px;
  background-color: #fff;
  border: 1px solid #aaa;
  right: 0.9375rem;
  top: 100%;
  transition: all 0.2s ease-in-out;
}
#gallery-header .gallery-nav::after, #gallery-header .gallery-nav::before {
  content: "";
  position: absolute;
  border-style: solid;
  border-color: transparent;
  bottom: 100%;
}

#gallery-header .gallery-nav::before {
  border-width: 6px;
  border-bottom-color: #aaa;
  right: 5px;
}
#gallery-header .gallery-nav::after {
  border-width: 5px;
  border-bottom-color: #fff;
  right: 6px;
}
#gallery-header .gallery-nav ul {
  margin-bottom: 0;
}
#gallery-header .gallery-nav ul li {
  display: block;
  text-align: left;
}
#gallery-header .gallery-nav ul li a {
  display: block;
  padding: 0.625rem 0.9375rem;
  font-size: 0.9375rem;
  line-height: 1;
}
#gallery-header .gallery-nav ul li a:hover {
  background-color: var(--nd-gallery-nav-hover-bg, rgba(0, 0, 0, 0.03));
}
#gallery-header .gallery-nav ul li.back-home a {
  font-size: 0.8125rem;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.55);
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}
#gallery-header .gallery-nav ul li.back-home a:hover {
  color: var(--nd-gallery-nav-hover-color, rgba(0, 0, 0, 0.9));
}
@media print, screen and (max-width: 49.99875em) {
  #gallery-header .gallery-nav ul li {
    --nd-gallery-nav-hover-bg:	transparent;
    --nd-gallery-nav-hover-color:	rgba(0, 0, 0, 0.55);
  }
}
#gallery-container {
  padding: 0 0 2.25rem;
}
#gallery-container::before, #gallery-container::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
#gallery-container::after {
  clear: both;
}
@media print, screen and (max-width: 39.99875em) {
  #gallery-container {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}
#gallery-wrap {
  --nd-pagination-item-color:	rgba(255, 255, 255, 0.6);
  --nd-pagination-item-bg:	transparent;
  --nd-pagination-item-hover-color:	#fff;
  --nd-pagination-item-hover-bg:	rgba(255, 255, 255, 0.1);
  --nd-pagination-item-hover-border-color:	rgba(255, 255, 255, 0.175);
  --nd-pagination-item-active-color:	#fff;
  --nd-pagination-item-active-bg:	var(--nd-pagination-item-hover-bg);
  --nd-pagination-item-active-border-color:	var(--nd-pagination-item-active-color);
  text-align: center;
}
#gallery-wrap::before, #gallery-wrap::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
#gallery-wrap::after {
  clear: both;
}
#gallery-wrap .gallery-visual {
  margin-bottom: 0.5rem;
}
#gallery-wrap .gallery-visual::before, #gallery-wrap .gallery-visual::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
#gallery-wrap .gallery-visual::after {
  clear: both;
}
#gallery-wrap .gallery-visual .visual-content {
  position: relative;
  z-index: 1;
  height: var(--nd-gallery-visual-height, 520px);
}
#gallery-wrap .gallery-visual .visual-content img {
  position: var(--nd-gallery-visual-img-position, relative);
  height: var(--nd-gallery-visual-img-height, 100%);
}
#gallery-wrap .gallery-visual .visual-overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.4);
}
#gallery-wrap .gallery-visual .visual-overlay-wrapper {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  width: 100%;
  padding: 1.5rem;
  transform: translateY(-50%) translateX(-50%);
}
#gallery-wrap .gallery-visual .visual-title {
  font-family: "Nanum Myeongjo", "Batang", serif;
  margin-bottom: 1rem;
  font-size: 2.3125rem;
  line-height: 1.375;
  color: #fff;
  text-align: center;
}
#gallery-wrap .gallery-visual .visual-name {
  position: relative;
  padding-top: 1rem;
  font-size: 0.8125rem;
  color: rgba(255, 255, 255, 0.75);
}
#gallery-wrap .gallery-visual .visual-name::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  z-index: 1;
  width: 50%;
  max-width: 50px;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  transform: translateX(-50%);
}
#gallery-wrap .gallery-visual .visual-btn {
  --nd-gallery-visual-prev-offset:	1.5rem;
  --nd-gallery-visual-next-offset:	var(--nd-gallery-visual-prev-offset);
  position: absolute;
  top: 50%;
  z-index: 1000;
  width: var(--nd-gallery-visual-btn-width, 100px);
  height: var(--nd-gallery-visual-btn-height, 100px);
  font-size: var(--nd-gallery-visual-btn-size, 5rem);
  color: #212529;
  background-color: rgba(255, 255, 255, 0.35);
  transform: translateY(-50%);
  border-radius: 50%;
  cursor: pointer;
}
#gallery-wrap .gallery-visual .visual-btn:hover {
  background-color: #fff;
}
#gallery-wrap .gallery-visual .visual-btn.prev-btn {
  left: var(--nd-gallery-visual-prev-offset);
}
#gallery-wrap .gallery-visual .visual-btn.next-btn {
  right: var(--nd-gallery-visual-next-offset);
}
#gallery-wrap .gallery-visual .visual-dots {
  margin-top: 1.25rem;
}
#gallery-wrap .gallery-visual .visual-dots li {
  display: inline-block;
}
#gallery-wrap .gallery-visual .visual-dots li button {
  position: relative;
  margin: 0 0.625rem;
  padding-top: 0.4375rem;
  font-size: 0.9375rem;
  color: rgba(255, 255, 255, 0.35);
  cursor: pointer;
}
#gallery-wrap .gallery-visual .visual-dots li button::before {
  content: "0";
}
#gallery-wrap .gallery-visual .visual-dots li button::after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.35);
}
#gallery-wrap .gallery-visual .visual-dots li.slick-active button {
  color: #fff;
}
#gallery-wrap .gallery-visual .visual-dots li.slick-active button::after {
  border-top-color: #fff;
}
@media print, screen and (max-width: 39.99875em) {
  #gallery-wrap .gallery-visual {
    --nd-gallery-visual-height:	auto;
    --nd-gallery-visual-img-position:	inherit;
    --nd-gallery-visual-img-height:	auto;
    --nd-gallery-visual-btn-width:	60px;
    --nd-gallery-visual-btn-height:	60px;
    --nd-gallery-visual-btn-size:	2.8125rem;
    --nd-gallery-visual-prev-offset:	1rem;
    margin-left: -1.25rem;
    margin-right: -1.25rem;
  }
}
#gallery-wrap .gallery-list-header {
  position: relative;
  margin-bottom: 5rem;
  padding-top: 1.125rem;
}
#gallery-wrap .gallery-list-header::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  z-index: 1;
  width: 50%;
  max-width: 60px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  transform: translateX(-50%);
}
#gallery-wrap .gallery-list-header .list-header-eng {
  font-family: "Nanum Myeongjo", "Batang", serif;
  font-size: 2rem;
  color: #fff;
}
#gallery-wrap .gallery-list-header .list-header-kor {
  font-size: 0.8125rem;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.6);
}
#gallery-wrap .gallery-card {
  overflow: hidden;
  margin-bottom: 1rem;
  background-color: #fff;
  text-align: center;
  border-radius: 0.25rem;
}
#gallery-wrap .gallery-card::before, #gallery-wrap .gallery-card::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
#gallery-wrap .gallery-card::after {
  clear: both;
}
#gallery-wrap .gallery-card a {
  text-decoration: none;
}
#gallery-wrap .gallery-card-content {
  padding: 1.5rem 1rem;
  line-height: 1;
  color: #212529;
}
#gallery-wrap .gallery-card-section {
  position: relative;
  margin-bottom: 1.5rem;
  padding-top: 0.75rem;
  font-size: 0.8125rem;
  color: #212529;
}
#gallery-wrap .gallery-card-section::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  z-index: 1;
  width: 30%;
  max-width: 25px;
  border-top: 1px solid rgba(0, 0, 0, 0.3);
  transform: translateX(-50%);
}
#gallery-wrap .gallery-card-title {
  font-family: "Nanum Myeongjo", "Batang", serif;
  font-size: 1.375rem;
  line-height: 1.25;
}
#gallery-wrap .gallery-card-writer {
  margin-top: 1.5rem;
  font-size: 0.9375rem;
  color: #95a5a6;
}
#gallery-wrap .gallery-content .slick-track {
  margin-left: 0;
}
#gallery-wrap .gallery-content.view-page {
  margin-top: 1.25rem;
}
#gallery-wrap .gallery-content.view-page .gallery-for {
  position: relative;
  margin: 1.5rem var(--nd-gallery-for-margin-x, 0);
  text-align: center;
}
#gallery-wrap .gallery-content.view-page .gallery-for .for-content img {
  margin-left: auto;
  margin-right: auto;
}
@media print, screen and (max-width: 39.99875em) {
  #gallery-wrap .gallery-content.view-page .gallery-for {
    --nd-gallery-for-margin-x:	-1.25rem;
  }
}
#gallery-wrap .gallery-content.view-page .gallery-thumb .nav-content {
  position: relative;
  height: 80px;
  cursor: pointer;
}
#gallery-wrap .gallery-content.view-page .gallery-thumb .nav-content::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
  border: 1px solid rgba(0, 0, 0, 0.08);
}
#gallery-wrap .gallery-content.view-page .gallery-thumb .nav-content.slick-current::before {
  border-width: 0.1875rem;
  border-color: #e6336d;
}
#gallery-wrap .gallery-content.view-page .gallery-thumb .nav-content img {
  position: relative;
  height: 100%;
}
#gallery-wrap .gallery-content.view-page .gallery-btn {
  --nd-gallery-btn-width:	6.25rem;
  --nd-gallery-btn-height:	var(--nd-gallery-btn-width);
  --nd-gallery-btn-offset:	1.25rem;
  position: absolute;
  top: 50%;
  z-index: 999;
  width: var(--nd-gallery-btn-width);
  height: var(--nd-gallery-btn-height);
  font-size: var(--nd-gallery-btn-size, 5rem);
  color: #212529;
  background-color: rgba(255, 255, 255, 0.35);
  border-radius: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
#gallery-wrap .gallery-content.view-page .gallery-btn.prev-btn {
  left: var(--nd-gallery-btn-offset);
}
#gallery-wrap .gallery-content.view-page .gallery-btn.next-btn {
  right: var(--nd-gallery-btn-offset);
}
@media print, screen and (max-width: 39.99875em) {
  #gallery-wrap .gallery-content.view-page .gallery-btn {
    --nd-gallery-btn-width:	3.75rem;
    --nd-gallery-btn-size:	2.8125rem;
    --nd-gallery-btn-offset:	1rem;
  }
}
#gallery-wrap .gallery-article {
  padding: 1.25rem;
}
#gallery-wrap .gallery-article-viewer {
  text-align: left;
}
#gallery-wrap .gallery-article-viewer .viewer-titles {
  margin-bottom: 1.25rem;
  font-size: 2rem;
  line-height: 1.25;
  color: #fff;
}
#gallery-wrap .gallery-article-viewer .viewer-summary {
  margin: 0;
  font-size: 0.9375rem;
  line-height: 1.625;
  color: rgba(255, 255, 255, 0.55);
}
#gallery-wrap .gallery-article-viewer .button-group {
  justify-content: center;
  margin-top: 2rem;
}
@media print, screen and (max-width: 39.99875em) {
  #gallery-wrap .gallery-article {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
  }
}
#gallery-wrap .card-columns {
  margin-bottom: 2rem;
}
@media print, screen and (min-width: 40em) {
  #gallery-wrap .card-columns {
    -moz-column-count: 3;
         column-count: 3;
    -moz-column-gap: 1.25rem;
         column-gap: 1.25rem;
  }
  #gallery-wrap .card-columns .gallery-card {
    display: inline-block;
    width: 100%;
    margin-bottom: 0.75rem;
  }
}
@media print, screen and (min-width: 64em) {
  #gallery-wrap .card-columns {
    -moz-column-count: 4;
         column-count: 4;
    -moz-column-gap: 1.25rem;
         column-gap: 1.25rem;
  }
  #gallery-wrap .card-columns .gallery-card {
    display: inline-block;
    width: 100%;
    margin-bottom: 0.75rem;
  }
}
#gallery-wrap .pagination {
  justify-content: center;
}
#gallery-wrap .social-group {
  justify-content: center;
  margin: 3.875rem 0;
  text-align: center;
}
#gallery-wrap .social-group .sns {
  display: inline-block;
  width: 3.125rem;
  height: 3.125rem;
  margin-left: 0.3125rem;
  font-size: 1.5rem;
  border-radius: 50%;
}
@media print, screen and (max-width: 39.99875em) {
  #gallery-wrap .social-group .sns {
    width: 2rem;
    height: 2rem;
    font-size: 1rem;
  }
}
#gallery-wrap.type-1 .gallery-content.view-page .gallery-for .gallery-caption {
  margin-top: 2rem;
  padding: 0 1.25rem;
  font-size: 0.9375rem;
  line-height: 1.625;
  color: rgba(0, 0, 0, 0.6);
}
#gallery-wrap.type-1 .gallery-content.view-page .gallery-thumb {
  position: relative;
  padding: 0 2.625rem;
  margin-bottom: 1.25rem;
}
#gallery-wrap.type-1 .gallery-content.view-page .gallery-thumb .nav-content {
  margin: 0 0.1875rem;
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: cover;
}
#gallery-wrap.type-1 .gallery-content.view-page .gallery-thumb .thumb-btn {
  --nd-gallery-thumb-btn-offset:	0;
  overflow: hidden;
  position: absolute;
  z-index: 10;
  top: 0;
  width: 30px;
  height: 80px;
  background-color: #f8f9fa;
  border: 1px solid rgba(0, 0, 0, 0.08);
  cursor: pointer;
}
#gallery-wrap.type-1 .gallery-content.view-page .gallery-thumb .thumb-btn.slick-disabled {
  display: none !important;
}
#gallery-wrap.type-1 .gallery-content.view-page .gallery-thumb .thumb-btn.prev-btn {
  left: var(--nd-gallery-thumb-btn-offset);
}
#gallery-wrap.type-1 .gallery-content.view-page .gallery-thumb .thumb-btn.next-btn {
  right: var(--nd-gallery-thumb-btn-offset);
}
#gallery-wrap.type-1 .gallery-content.view-page .gallery-btn {
  overflow: hidden;
  width: 90px;
  height: 130px;
  font-size: 3rem;
  background-color: #f8f9fa;
  border-radius: 0;
  transform: translateY(-50%);
}
#gallery-wrap.type-1 .gallery-content.view-page .gallery-btn.slick-disabled {
  opacity: 0.25;
}
#gallery-wrap.type-1 .gallery-article-viewer .viewer-titles {
  color: rgba(0, 0, 0, 0.9);
  text-align: center;
}
#gallery-wrap.type-1 .gallery-article-viewer .viewer-summary {
  color: rgba(0, 0, 0, 0.6);
}
#gallery-wrap.type-1 .gallery-article #curation-wrap {
  background: transparent;
}
#gallery-wrap.type-1 .radio-group {
  text-align: center;
}
#gallery-wrap.type-1 .button-group {
  margin: 0;
}
@media print, screen and (max-width: 49.99875em) {
  .row #gallery-wrap.type-1 .gallery-content.view-page .gallery-thumb {
    margin-left: -0.625rem;
    margin-right: -0.625rem;
  }
  .row #gallery-wrap.type-1 .gallery-btn {
    width: 4.6875rem;
    height: 6.875rem;
    font-size: 2.25rem;
  }
}
@media print, screen and (max-width: 39.99875em) {
  .row #gallery-wrap.type-1 .gallery-content.view-page .gallery-for .gallery-caption {
    font-size: 0.8125rem;
  }
  .row #gallery-wrap.type-1 .gallery-btn {
    display: none !important;
  }
  .row #gallery-wrap.type-1 .gallery-article-viewer .viewer-titles {
    font-size: 1.625rem;
  }
}
#gallery-footer {
  padding: 0.9375rem;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
#gallery-footer::before, #gallery-footer::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
#gallery-footer::after {
  clear: both;
}
#gallery-footer .footer-nav li {
  float: left;
  padding: 0 0.625rem;
  font-size: 0.8125rem;
  line-height: 1;
  color: rgba(255, 255, 255, 0.55);
}
#gallery-footer .footer-nav li:first-child {
  padding-left: 0;
}
#gallery-footer .footer-nav li a {
  color: currentColor;
}
#gallery-footer .back-top {
  font-size: 0.8125rem;
  line-height: 1;
  color: #fff;
}
#gallery-footer .back-top a {
  color: currentColor;
}

.back-to-top {
  display: none;
  position: fixed;
  z-index: var(--nd-topbtn-zindex, 1004);
  right: var(--nd-topbtn-offset-x, 1rem);
  bottom: var(--nd-topbtn-offset-y, 1rem);
  width: var(--nd-topbtn-width, 2.5rem);
  height: var(--nd-topbtn-height, 2.5rem);
  font-size: var(--nd-topbtn-font-size, 1.25rem);
  color: var(--nd-topbtn-color, #212529);
  background: var(--nd-topbtn-bg, rgba(255, 255, 255, 0.8));
  border: var(--nd-topbtn-border-width, 1px) solid var(--nd-topbtn-border-color, rgba(0, 0, 0, 0.05));
  border-radius: var(--nd-topbtn-border-radius, 50%);
  text-align: center;
  box-shadow: var(--nd-topbtn-box-shadow, 1px 2px 2px rgba(0, 0, 0, 0.25));
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  cursor: pointer;
  -webkit-appearance: button;
     -moz-appearance: button;
          appearance: button;
}
@media print {
  .back-to-top {
    display: none !important;
  }
}
.back-to-top::before {
  content: "";
  display: block;
  width: 1em;
  height: 1em;
  margin-right: auto;
  margin-left: auto;
  line-height: 1;
  background-color: currentColor;
  -webkit-mask-image: var(--nd-topbtn-icon, url("data:image/svg+xml,%3Csvg width='24' height='24' stroke-width='1.5' fill='none' xmlns='http://www.w3.org/2000/svg' color='%23000'%3E%3Cpath d='M12 21V3m0 0 8.5 8.5M12 3l-8.5 8.5' stroke='%23000' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"));
          mask-image: var(--nd-topbtn-icon, url("data:image/svg+xml,%3Csvg width='24' height='24' stroke-width='1.5' fill='none' xmlns='http://www.w3.org/2000/svg' color='%23000'%3E%3Cpath d='M12 21V3m0 0 8.5 8.5M12 3l-8.5 8.5' stroke='%23000' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"));
  -webkit-mask-size: cover;
          mask-size: cover;
}
#admin-wrap .back-to-top:active, #admin-wrap .back-to-top:hover, .back-to-top:active, .back-to-top:hover {
  color: var(--nd-topbtn-active-color, #fff);
  background-color: var(--nd-topbtn-active-bg, #212529);
  box-shadow: var(--nd-topbtn-active-box-shadow, inset 1px 2px 2px rgba(0, 0, 0, 0.25));
}

.mobile .back-to-top, .back-to-top.for-mobile {
  --nd-topbtn-offset-y: 2.5rem;
}

#user-footer {
  margin: var(--nd-footer-margin, 0);
  padding: var(--nd-footer-padding, 1.5rem 0);
  color: var(--nd-footer-color, #000);
  background: var(--nd-footer-bg, transparent);
}
#user-footer::before, #user-footer::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
#user-footer::after {
  clear: both;
}
#user-footer .ndsoft {
  display: block;
  text-align: var(--nd-ndsoft-text-align, right);
  clear: both;
}
#user-footer .user-logo {
  float: var(--nd-logo-float, left);
  margin: var(--nd-logo-margin, 0 1rem 0 0);
}
#user-footer .user-logo img {
  max-width: var(--nd-logo-max-width, 100%);
  max-height: var(--nd-logo-max-height, none);
}
#user-footer .footer-menu {
  display: flex;
  flex-direction: row;
  align-items: center;
}
#user-footer .footer-menu .footer-columns {
  --nd-logo-float: none;
  --nd-logo-max-height: 2.1875rem;
  flex: 1 1 0;
  min-width: 0;
  max-width: 100%;
}
#user-footer .footer-menu .footer-columns.user-logo {
  flex: 0 0 auto;
  width: 8.4375rem;
  max-width: 100%;
  padding-right: 1.875rem;
  align-self: flex-start;
}
#user-footer .footer-menu .user-nav {
  margin-bottom: 1.125rem;
  font-size: 0.9375rem;
}
#user-footer .footer-menu .user-nav::before, #user-footer .footer-menu .user-nav::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
#user-footer .footer-menu .user-nav::after {
  clear: both;
}
#user-footer .footer-menu .user-nav a {
  float: left;
  padding: 0;
  color: currentColor;
}
#user-footer .footer-menu .user-nav a + a {
  padding-left: 0.75rem;
}
#user-footer .footer-menu .user-nav a + a::before {
  content: "|";
  float: left;
  padding-right: 0.75rem;
  font-weight: 400;
  color: #d2d2d4;
}
#user-footer.user-style-default {
  --nd-footer-margin: 2rem 0 0;
  --nd-footer-bg: var(--nd-body-bg, #fff);
  border-top: 1px solid rgba(0, 0, 0, 0.15);
}
#user-footer.user-style-default .gl-address-item.copyright {
  margin-top: 1.25rem;
}
#user-footer.user-style-black {
  --nd-footer-color: #fff;
  --nd-footer-bg: #212529;
  --nd-footer-nav-color: var(--nd-footer-color);
  --nd-footer-nav-divider-color: rgba(255, 255, 255, 0.15);
  --nd-address-color: rgba(255, 255, 255, 0.5);
  --nd-address-divider-color: rgba(255, 255, 255, 0.25);
  --nd-quick-menu-color: rgba(255, 255, 255, 0.6);
  --nd-quick-menu-border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  --nd-quick-menu-divider-color: rgba(255, 255, 255, 0.2);
}
#user-footer.user-style-black .user-nav a {
  color: var(--nd-footer-color);
}
#user-footer.user-style-black .user-nav a::before {
  border-color: rgba(255, 255, 255, 0.15);
}
#user-footer.user-logo-on {
  text-align: left;
}
#user-footer.user-logo-on .user-logo {
  display: block;
  left: 0;
}
#user-footer.user-logo-off {
  text-align: center;
}
#user-footer.user-logo-off .user-logo {
  display: none;
}
#user-footer .quick-menu {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: var(--nd-quick-menu-margin, 0);
  padding: var(--nd-quick-menu-padding, 0);
  font-size: var(--nd-quick-menu-font-size, 0.8125rem);
  font-weight: var(--nd-quick-menu-font-weight, 400);
  line-height: var(--nd-quick-menu-line-height, 1.5);
  color: var(--nd-quick-menu-color, #6c757d);
  text-align: var(--nd-quick-menu-text-align, center);
  border-bottom: var(--nd-quick-menu-border-bottom, 0);
  list-style: none;
}
#user-footer .quick-menu-item + .quick-menu-item {
  padding-left: var(--nd-quick-menu-item-padding-x, 0.75rem);
}
#user-footer .quick-menu-item + .quick-menu-item::before {
  content: var(--nd-quick-menu-divider, "|");
  float: left;
  padding-right: var(--nd-quick-menu-item-padding-x, 0.75rem);
  font-weight: 400;
  color: var(--nd-quick-menu-divider-color, #d2d2d4);
}
#user-footer .quick-menu-link {
  display: inline-block;
  color: currentColor;
}
#user-footer .quick-menu-link:hover, #user-footer .quick-menu-link:focus {
  text-decoration: none;
}

.user-address {
  position: relative;
  font-style: normal;
}
.gl-address, .user-address {
  font-size: var(--nd-address-font-size, 0.875rem);
  font-weight: var(--nd-address-font-weight, 400);
  text-align: var(--nd-address-text-align, left);
  color: var(--nd-address-color, #6c757d);
}

.gl-address-item, .user-address ul > li {
  float: var(--nd-address-item-float, left);
}
.clear.gl-address-item, .user-address ul > li.clear {
  clear: both;
}
.gl-address-item a, .user-address ul > li a {
  color: currentColor;
  text-decoration: none;
}
.gl-address-item a:hover, .user-address ul > li a:hover, .gl-address-item a:focus, .user-address ul > li a:focus {
  text-decoration: none;
}

.gl-address-item:not(.clear) + .gl-address-item:not(.clear)::before, .user-address ul > li.bars::before {
  content: var(--nd-address-divider, "|");
  font-weight: var(--nd-address-divider-font-weight, 400);
  color: var(--nd-address-divider-color, #d2d2d4);
}

.user-address ul {
  margin-bottom: 0;
  margin-left: 0;
  list-style: none;
}
.user-address ul::before, .user-address ul::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
.user-address ul::after {
  clear: both;
}
.user-address ul > li.bars::before {
  float: var(--nd-address-divider-float, right);
  padding: var(--nd-address-divider-padding, 0 0.625rem);
}

.gl-address {
  padding: var(--nd-address-padding, 0);
  margin: var(--nd-address-margin, 0);
  line-height: var(--nd-address-line-height, inherit);
  list-style: none;
}
.gl-address::before, .gl-address::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
.gl-address::after {
  clear: both;
}
.gl-address-item:not(.clear) + .gl-address-item:not(.clear) {
  padding-left: var(--nd-address-item-padding-x, 0.5rem);
}
.gl-address-item:not(.clear) + .gl-address-item:not(.clear)::before {
  float: var(--nd-address-divider-float, left);
  padding-right: var(--nd-address-item-padding-x, 0.5rem);
}

.footer-nav {
  display: flex;
  flex-wrap: wrap;
  align-items: var(--nd-footer-nav-valign, center);
  justify-content: var(--nd-footer-nav-align, normal);
  padding: var(--nd-footer-nav-padding, 0);
  margin: var(--nd-footer-nav-margin, 0 0 1rem);
  font-size: var(--nd-footer-nav-font-size, 0.9375rem);
  font-weight: var(--nd-footer-nav-font-weight, 700);
  color: var(--nd-footer-nav-color, #000);
  white-space: var(--nd-footer-nav-white-space, nowrap);
  list-style: none;
}
.footer-nav-item + .footer-nav-item {
  padding-left: var(--nd-footer-nav-item-gap, 0.75rem);
}
.footer-nav-item + .footer-nav-item::before {
  content: var(--nd-footer-nav-divider, normal);
  float: left;
  padding-right: var(--nd-footer-nav-item-gap, 0.75rem);
  font-weight: normal;
  color: var(--nd-footer-nav-divider-color, #d2d2d4);
}
.footer-nav-point {
  font-weight: var(--nd-footer-nav-point-font-weight, inherit);
  color: var(--nd-footer-nav-point-color, var(--nd-primary, #007aff));
}
.footer-nav-link {
  color: currentColor;
  transition: color 0.15s ease-in-out;
}
.footer-nav-link:hover {
  color: var(--nd-footer-nav-hover-color, #000);
}
.footer-nav-point .footer-nav-link:hover {
  color: var(--nd-footer-nav-point-hover-color, var(--nd-primary-hover, #006ee6));
}

.key-service {
  display: flex;
  flex-wrap: wrap;
  font-size: var(--nd-key-service-font-size, 1rem);
  font-weight: var(--nd-key-service-font-weight, 400);
  line-height: var(--nd-key-service-line-height, 1.2);
  color: var(--nd-key-service-color, var(--nd-body-color, #000));
  background-color: var(--nd-key-service-bg, #fff);
  text-align: var(--nd-key-service-text-align, center);
}
@media print, screen and (min-width: 40em) {
  .key-service {
    --nd-key-service-link-width: 25%;
  }
}
.key-service-link {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 0 0 auto;
  width: var(--nd-key-service-link-width, 33.3333333333%);
  max-width: 100%;
  margin: var(--nd-key-service-link-margin, 0);
  padding: var(--nd-key-service-link-padding, 0.625rem);
  color: currentColor;
  border-width: var(--nd-key-service-link-border-width, 1px 0 1px 1px);
  border-style: var(--nd-key-service-link-border-style, solid);
  border-color: var(--nd-key-service-link-border-color, #e8e8e9);
}
.key-service-link:hover, .key-service-link:focus {
  text-decoration: none;
}
@media print, screen and (min-width: 40em) {
  .key-service-link:not(:nth-of-type(-n + 4)) {
    --nd-key-service-link-margin: -1px 0 0;
  }
  .key-service-link:last-child:not(:nth-of-type(4n)) {
    --nd-key-service-link-border-width: 1px;
    --nd-key-service-link-width: calc(25% + var(--nd-key-service-link-border-width));
  }
  .key-service-link:nth-of-type(4n + 1) {
    --nd-key-service-link-border-width: 1px 0;
  }
  .key-service-link:nth-of-type(4n + 1):last-child {
    border-left: 0;
  }
}
@media print, screen and (max-width: 39.99875em) {
  .key-service-link:not(:nth-of-type(-n + 3)) {
    --nd-key-service-link-margin: -1px 0 0;
  }
  .key-service-link:last-child:not(:nth-of-type(3n)) {
    --nd-key-service-link-border-width: 1px;
    --nd-key-service-link-width: calc(33.3333333333% + var(--nd-key-service-link-border-width));
  }
  .key-service-link:nth-of-type(3n + 1) {
    --nd-key-service-link-border-width: 1px 0;
  }
  .key-service-link:nth-of-type(3n + 1):last-child {
    border-left: 0;
  }
}