@charset "UTF-8";
:root {
  --main-wrap:1440px;
  --aside-width:230px;
  --footer-color-background:#3D3D3D;
  --footer-color-text-basic: #ddd;
  --footer-color-text-subtle: #a9a9a9;
  --select-padding-right-medium:var(--padding-08);
  --select-padding-left-medium:var(--padding-02);
  --select-border-radius: var(--border-radius-small);
  --select-height-medium:var(--number-11);
  --select-color-border:var(--color-gray-20);
  --select-color-border-hover:var(--color-gray-40);
  --select-color-disabled:var(--color-gray-30);
  --select-font-size-medium:var(--font-size-label-medium);
  --input-text-border-radius: var(--border-radius-small);
  --input-padding-x:var(--padding-02);
  --input-padding-y:var(--padding-02);
  --input-color-border:var(--color-gray-20);
  --input-color-border-hover:var(--color-gray-40);
  --input-color-readonly:var(--color-gray-10);
  --input-check-color-border:var(--color-gray-60);
  --input-check-color-border-hover:var(--color-gray-30);
  --input-font-size-medium:var(--font-size-label-medium);
  --input-radio-icon-size:var(--icon-size-xxsmall);
  --input-check-icon-size:var(--icon-size-xxsmall);
  --table-box-color-border:var(--color-border-gray-subtle);
  --table-th-padding:var(--padding-04);
  --table-th-padding-small:var(--padding-02);
  --table-th-color-border: var(--color-secondary-10);
  --table-th-color-background: var(--color-background-secondary-subtler);
  --table-th-color-text:var(--color-text-basic);
  --table-td-padding:var(--padding-04);
  --table-td-padding-small:var(--padding-02);
  --table-td-padding-xsmall:var(--padding-01);
  --table-td-color-border: var(--color-gray-20);
  --table-td-color-background: var(--color-background-white-subtle);
  --table-td-color-text:var(--color-text-basic);
  --table-tr-color-hover: var(--color-background-primary-subtler);
  --table-text-unit: var(--color-text-disabled);
  --icon-size-large: var(--number-12);
  --icon-size-medium: var(--number-10);
  --icon-size-small: var(--number-09);
  --icon-size-xsmall: var(--number-08);
  --icon-size-xxsmall: var(--number-07);
  --icon-color-background:var(--color-background-icon-color);
  --button-font-weight-bold: var(--font-weight-bold);
  --button-font-weight-regular: var(--font-weight-regular);
  --button-primary-color: var(--color-background-primary);
  --button-primary-color-hover: var(--color-background-primary-hover);
  --button-primary-color-text: var(--color-text-inverse-static);
  --button-secondary-color: var(--color-background-primary-subtler);
  --button-secondary-color-hover: var(--color-background-primary-subtler-hover);
  --button-secondary-color-text: var(--color-text-primary);
  --button-secondary-color-border: var(--color-background-primary);
  --button-tertiary-color:var(--color-background-tertiary);
  --button-tertiary-color-hover:var(--color-background-tertiary-hover);
  --button-tertiary-color-text:var(--color-text-subtle);
  --button-tertiary-color-border:var(--color-border-gray);
  --button-dark-color:var(--color-gray-80);
  --button-dark-color-hover:var(--color-gray-60);
  --button-disabled-color:var(--color-gray-30);
  --button-red-color: var(--color-background-danger);
  --button-red-color-hover:var(--color-background-danger-hover);
  --button-red-color-subtle: var(--color-background-danger-subtle);
  --button-red-color-text:var(--color-text-basic);
  --button-color-border-unset: var(--color-border-unset);
  --button-font-size-medium: var(--font-size-label-small);
  --button-font-size-small: var(--font-size-label-xsmall);
  --button-padding-medium: var(--padding-04);
  --button-padding-small: var(--padding-02);
  --button-padding-xsmall: var(--padding-01);
  --popup-window-header-color-background: var(--color-background-secondary-subtle);
  --popup-window-body-color-background:var(--color-gray-20);
  --popup-window-body-color-background-subtle:var(--color-gray-05);
}

.txt.red {
  color: var(--color-background-danger);
}

.dim {
  display: none;
}
.dim.active, .dim.table__dim {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1;
}
.dim.table__dim {
  z-index: 2;
}

.mt-24 {
  margin-top: var(--padding-07);
}

.mt-40 {
  margin-top: var(--padding-09);
}

.mb-40 {
  margin-bottom: var(--padding-09);
}

.txt-c {
  text-align: center !important;
}

.txt-r {
  text-align: right !important;
}

.txt-l {
  text-align: left !important;
}

textarea {
  border: 1px solid var(--color-border-gray-subtle);
  border-radius: var(--border-radius-small);
  font-size: var(--font-size-label-small);
  padding: var(--input-padding-y) var(--input-padding-x);
}
textarea:focus {
  outline: 1px solid var(--color-background-primary);
}

.btn {
  font-weight: var(--button-font-weight-bold);
  padding: var(--button-padding-small);
  font-size: var(--button-font-size-medium);
  border-radius: var(--border-radius-small);
  border: 1px solid var(--button-color-border-unset);
  cursor: pointer;
}
.btn.primary {
  background-color: var(--button-primary-color);
  color: var(--button-primary-color-text);
  min-width: var(--min-width-01);
}
.btn.primary:hover {
  background-color: var(--button-primary-color-hover);
}
.btn.secondary {
  background-color: var(--button-secondary-color);
  color: var(--button-secondary-color-text);
  border: 1px solid var(--button-secondary-color-border);
  min-width: var(--min-width-01);
}
.btn.secondary:hover {
  background-color: var(--button-secondary-color-hover);
}
.btn.tertiary {
  background-color: var(--button-tertiary-color);
  color: var(--button-tertiary-color-text);
  border: 1px solid var(--button-tertiary-color-border);
  min-width: var(--min-width-01);
}
.btn.tertiary:hover {
  background-color: var(--button-tertiary-color-hover);
}
.btn.dark {
  background-color: var(--button-dark-color);
  color: var(--button-primary-color-text);
  min-width: var(--min-width-01);
}
.btn.dark:hover {
  background-color: var(--button-dark-color-hover);
}
.btn.delete {
  background-color: var(--button-red-color-subtle);
  color: var(--button-red-color-text);
  border: 1px solid var(--button-red-color);
  min-width: var(--min-width-01);
}
.btn.delete:hover {
  background-color: var(--button-red-color-hover);
}
.btn.delete.ico {
  border: 1px solid var(--color-border-gray);
  background: var(--button-tertiary-color);
  min-width: unset;
  font-weight: var(--button-font-weight-regular);
}
.btn.delete.ico::after {
  content: "";
  display: inline-block;
  width: var(--icon-size-xsmall);
  height: var(--icon-size-xsmall);
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../images/common/ico-delete.svg);
  vertical-align: middle;
}
.btn.delete.ico::before {
  content: none;
}
.btn.delete.ico span {
  vertical-align: middle;
}
.btn.download {
  background-color: var(--button-dark-color);
  color: var(--button-primary-color-text);
  font-weight: var(--font-weight-regular);
  padding: var(--padding-01) var(--padding-02);
}
.btn.download:hover {
  background-color: var(--button-primary-color-hover);
}
.btn.download::after {
  content: "";
  display: inline-block;
  width: var(--icon-size-xsmall);
  height: var(--icon-size-xsmall);
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../images/common/ico-download.svg);
  margin-left: var(--padding-01);
  vertical-align: middle;
}
.btn.search {
  width: var(--icon-size-large);
  background: var(--button-secondary-color) url(../images/common/ico-search_primary.svg) no-repeat center;
  border: 1px solid var(--button-secondary-color-border);
}
.btn.search:hover {
  background-color: var(--button-secondary-color-hover);
}
.btn.excel {
  border: 1px solid var(--button-tertiary-color-border);
  background-color: var(--button-tertiary-color);
}
.btn.excel::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: var(--icon-size-xsmall);
  height: var(--icon-size-xsmall);
  background-image: url(../images/common/ico-excel.svg);
  margin-right: var(--padding-02);
  position: relative;
  top: -2px;
}
.btn.excel:hover {
  background-color: var(--button-tertiary-color-hover);
}
.btn.more {
  color: var(--button-primary-color-text);
  background-color: var(--button-dark-color);
  padding: var(--button-padding-xsmall) var(--button-padding-medium);
  font-weight: var(--button-font-weight-regular);
  border-radius: var(--border-radius-maximum);
}
.btn.ico {
  min-width: unset;
  display: inline-block;
  font-weight: var(--button-font-weight-bold);
  color: var(--color-text-subtle);
}
.btn.ico:not(.primary):not(.dark):hover {
  background-color: var(--color-background-primary-subtler);
}
.btn.ico::before {
  content: "";
  display: inline-block;
  width: var(--icon-size-small);
  height: var(--icon-size-small);
  background-position: center;
  background-repeat: no-repeat;
  vertical-align: middle;
}
.btn.ico span {
  vertical-align: middle;
}
.btn.ico.search {
  background-image: unset;
  background-color: unset;
  border: 1px solid var(--button-color-border-unset);
  width: unset;
}
.btn.ico.search:hover {
  background-color: var(--color-background-primary-subtler);
}
.btn.ico.search::before {
  background-image: url(../images/common/ico-search_gray.svg);
}
.btn.ico.logout::before {
  background-image: url(../images/common/ico-logout.svg);
}
.btn.ico.sitemap::before {
  background-image: url(../images/common/ico-sitemap_type01.svg);
}
.btn.ico.signin::before {
  background-image: url(../images/common/ico-sign-in.svg);
}
.btn.ico.signup::before {
  background-image: url(../images/common/ico-sign-up.svg);
}
.btn.ico.gotomap {
  background-color: var(--button-primary-color);
  color: var(--button-primary-color-text);
}
.btn.ico.gotomap::before {
  background-image: url(../images/common/ico-gotomap.svg);
  margin-right: var(--padding-02);
  vertical-align: middle;
}
.btn.ico.detail::before {
  background-image: url(../images/main/ico-detail.svg);
}
.btn.ico.map::before {
  background-image: url(../images/common/ico-gotomap.svg);
}
.btn.share {
  background-color: transparent;
}
.btn.share:hover {
  background-color: var(--color-background-primary-subtler);
}
.btn.menu::before {
  background-image: url(../images/mobile/ico-mob-menu.svg);
}

.btn__box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  gap: var(--gap-03);
}
.btn__box:not(:first-of-type) {
  margin-top: var(--padding-05);
}
.btn__box:first-of-type {
  margin-bottom: var(--padding-03);
}
.btn__box--end {
  justify-content: flex-end;
}
.btn__box--end .list {
  position: absolute;
  left: 0;
}
.btn__box--center {
  justify-content: center;
}
.btn__box div {
  display: flex;
  align-items: center;
  justify-content: unset;
  flex-direction: row;
  gap: var(--gap-03);
}
.btn__box + .table-box-outer {
  margin-top: var(--padding-05);
}
.btn__box .share__box {
  position: relative;
}
.btn__box .btn__share + ul {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: unset;
  flex-direction: row;
  padding: var(--padding-05);
  box-shadow: var(--shadow-normal-gray);
  background-color: #fff;
  border-radius: var(--border-radius-small);
  border: 1px solid var(--color-border-gray-subtle);
  gap: var(--padding-05);
  bottom: -80px;
  left: 50%;
  transform: translateX(-50%);
}
.btn__box .btn__share + ul::after {
  content: none;
}
.btn__box .btn__share + ul::before {
  content: "";
  display: block;
  position: absolute;
  top: -16px;
  left: 50%;
  transform: translateX(-50%);
  width: var(--icon-size-xsmall);
  height: var(--icon-size-xsmall);
  background: url(../images/common/ico-user-info-box.svg) no-repeat center;
}
.btn__box .btn__share + ul button:not(.lisk__explain button):not(.link__box button) {
  border: 0;
  cursor: pointer;
  border-radius: var(--border-radius-small);
}

label {
  box-sizing: border-box;
  position: relative;
}
label input:focus + span {
  outline: 1px solid var(--color-background-primary);
}
label input[type=color] {
  -webkit-appearance: none;
  appearance: none;
  width: var(--icon-size-small);
  border-radius: var(--border-radius-small);
  border: 1px solid #fff;
  background: #fff;
  flex-shrink: 0;
  position: relative;
  top: 1px;
}
label.check {
  display: inline-block;
}
label.check:hover .check__mark {
  border: 1px solid var(--input-check-color-border-hover);
}
label input[type=checkbox], label input[type=radio] {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
label input[type=checkbox]:checked + .check__mark, label input[type=radio]:checked + .check__mark {
  background-color: var(--button-primary-color);
  border: 1px solid var(--button-primary-color);
  background-image: url(../images/common/ico-check.svg);
}
label input[type=checkbox]:checked + .check__mark.large, label input[type=radio]:checked + .check__mark.large {
  background-image: url(../images/common/ico-check.svg);
  background-size: 20px;
}
label input[type=checkbox].neutral + .check__mark, label input[type=radio].neutral + .check__mark {
  background-color: var(--button-primary-color);
  border: 1px solid var(--button-primary-color);
  background-image: url(../images/common/ico-neutral.svg);
}
label input[type=checkbox]:checked + .radio__mark, label input[type=radio]:checked + .radio__mark {
  background-color: var(--button-tertiary-color);
  border: 1px solid var(--button-primary-color);
  position: relative;
}
label input[type=checkbox]:checked + .radio__mark::before, label input[type=radio]:checked + .radio__mark::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--button-primary-color);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
label .check__mark {
  position: relative;
  top: -1px;
  vertical-align: middle;
  display: inline-block;
  height: var(--icon-size-xxsmall);
  width: var(--icon-size-xxsmall);
  border-radius: var(--border-radius-xsmall);
  border: 1px solid var(--input-check-color-border);
  background-color: var(--color-background-white-subtle);
  background-position: center;
  background-repeat: no-repeat;
}
label .check__mark.large {
  height: var(--icon-size-small);
  width: var(--icon-size-small);
}
label .radio__mark {
  vertical-align: middle;
  display: inline-block;
  height: var(--icon-size-xxsmall);
  width: var(--icon-size-xxsmall);
  border-radius: 50%;
  border: 1px solid var(--input-check-color-border);
  background-color: var(--color-background-white-subtle);
  background-position: center;
  background-repeat: no-repeat;
}
label .radio__name {
  white-space: nowrap;
  vertical-align: middle;
  display: inline-block;
  padding: var(--padding-02) var(--padding-01) var(--padding-02) 0;
}

.check__name {
  white-space: nowrap;
  display: inline-block;
}
.check__name:not(.accordion__list .check__name) {
  padding: var(--padding-02) var(--padding-01) var(--padding-02) 0;
}

.table-box-outer {
  overflow: hidden;
  border-radius: var(--border-radius-small);
  border: 1px solid var(--table-box-color-border);
}

.table__box {
  position: relative;
  border-radius: var(--border-radius-small);
  overflow: auto;
}
.table__box caption {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.table__box::-webkit-scrollbar-track {
  border-radius: var(--border-radius-small) !important;
}
.table__box table {
  width: 100%;
  border-collapse: collapse;
}
.table__box table .col-date {
  width: var(--min-width-02);
}
.table__box table .min-w40 {
  min-width: 4rem;
}
.table__box table .min-w60 {
  min-width: 6rem;
}
.table__box table .max-w40 {
  max-width: 4rem;
}
.table__box table .max-w60 {
  max-width: 6rem;
}
.table__box table .title-th-small {
  width: var(--min-width-03);
}
.table__box table .ellipsis {
  max-width: 0;
}
.table__box table .ellipsis a {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.table__box table .req::before {
  content: "*";
  color: var(--color-background-primary);
  margin-right: var(--padding-01);
  font-weight: var(--font-weight-bold);
}
.table__box table.type__list thead {
  position: sticky;
  top: 0;
  z-index: 1;
}
.table__box table.type__list thead th {
  font-weight: var(--font-weight-bold);
  color: var(--table-th-color-text);
  word-break: keep-all;
  padding: var(--table-th-padding);
  background-color: var(--table-th-color-background);
  border-bottom: 1px solid var(--table-th-color-border);
}
.table__box table.type__list thead [rowspan]:not(:first-child) {
  border-left: 1px solid var(--table-th-color-border);
}
.table__box table.type__list tbody tr:hover td {
  background-color: var(--table-tr-color-hover);
}
.table__box table.type__list tbody tr.active td, .table__box table.type__list tbody tr.selected td {
  background-color: var(--table-tr-color-hover);
  color: var(--color-text-primary);
  font-weight: var(--font-weight-bold);
}
.table__box table.type__list tbody tr.active td button.secondary, .table__box table.type__list tbody tr.selected td button.secondary {
  background-color: var(--button-tertiary-color);
  color: var(--button-tertiary-color-text);
}
.table__box table.type__list tbody tr:last-child td, .table__box table.type__list tbody tr:last-child th {
  border-bottom: 0;
}
.table__box table.type__list tbody tr:first-child td, .table__box table.type__list tbody tr:first-child th {
  border-top: 0;
}
.table__box table.type__list tbody tr th {
  border-top: 1px solid var(--table-td-color-border);
}
.table__box table.type__list tbody tr td {
  padding: var(--table-td-padding);
  background-color: var(--table-td-color-background);
  color: var(--table-td-color-text);
  word-break: keep-all;
  border-top: 1px solid var(--table-td-color-border);
}
.table__box table.type__list tbody tr td input[type=text] {
  width: 100%;
}
.table__box table.type__list tbody tr td[rowspan]:not(:first-child) {
  border-left: 1px solid var(--table-td-color-border);
}
.table__box table.type__list tbody tr th {
  background-color: var(--table-th-color-background);
}
.table__box table.all__border th:not(:last-child) {
  border-right: 1px solid var(--table-th-color-border);
}
.table__box table.all__border td:not(:last-child) {
  border-right: 1px solid var(--table-td-color-border);
}
.table__box table.type__normal .min-th-xsmall {
  min-width: var(--min-width-02);
}
.table__box table.type__normal .min-th-small {
  min-width: var(--min-width-03);
}
.table__box table.type__normal tbody tr:first-child td, .table__box table.type__normal tbody tr:first-child th {
  border-top: 0;
}
.table__box table.type__normal tbody tr th {
  min-width: var(--min-width-02);
  padding: var(--table-th-padding-small);
  background-color: var(--table-th-color-background);
  border-top: 1px solid var(--table-td-color-border);
  color: var(--table-th-color-text);
  text-align: left;
  vertical-align: top;
}
.table__box table.type__normal tbody tr th:not(:first-of-type) {
  border-left: 1px solid var(--table-th-color-border);
}
.table__box table.type__normal tbody tr td {
  padding: var(--table-td-padding-small);
  border-top: 1px solid var(--table-td-color-border);
  background-color: var(--table-td-color-background);
  color: var(--table-td-color-text);
  word-break: keep-all;
}
.table__box table.type__normal tbody tr td.num {
  text-align: right;
}
.table__box table.type__normal tbody tr td input[type=text] {
  width: 100%;
}
.table__box table.type__normal tbody tr td .primary {
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
}
.table__box table.type__normal tbody tr td .red {
  color: var(--color-background-danger);
}
.table__box table.type__normal tbody tr:last-child th, .table__box table.type__normal tbody tr:last-child td {
  border-bottom: 0;
}
.table__box table.type__normal tbody tr [rowspan]:not(:first-child) {
  border-left: 1px solid var(--table-td-color-border);
}
.table__box table .unit {
  color: var(--table-text-unit);
}
.table__box table a {
  text-decoration: underline;
}
.table__box table .btn {
  min-width: unset;
}
.table__box table .btn__box {
  gap: var(--gap-01);
}
.table__box table input[type=text] {
  max-width: 100%;
  font-size: var(--font-size-label-small);
}
.table__box table select {
  font-size: var(--font-size-label-small);
}
.table__box .search__type__date__box {
  align-items: center;
  gap: var(--gap-02);
  border: 0;
  padding: 0;
}
.table__box .search__type__date__box [class*=search__type] {
  padding: var(--padding-02);
}
.table__box.lisk td > p {
  color: var(--color-text-subtle);
}
.table__box.lisk td > p:nth-child(1) {
  font-size: var(--font-size-heading-small);
  font-weight: var(--font-weight-bold);
  margin-bottom: var(--padding-05);
}
.table__box.lisk td > p:nth-child(2) {
  font-size: var(--font-size-body-medium);
  margin-bottom: var(--padding-02);
}

.flex__box {
  display: flex;
  align-items: unset;
  justify-content: unset;
  flex-direction: row;
}
.flex__box.type__jcsb {
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--gap-03);
}
.flex__box.function__area {
  gap: var(--padding-05);
}

.search__results {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.search__results > div {
  display: flex;
  align-items: center;
  justify-content: unset;
  flex-direction: row;
  gap: var(--gap-02);
  font-size: var(--font-size-body-small);
  margin-bottom: var(--padding-02);
}
.search__results .tit {
  font-weight: var(--font-weight-bold);
}
.search__results .primary {
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
}
.search__results .primary span {
  font-weight: var(--font-weight-regular);
}

.paging {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  margin-top: var(--padding-08);
  gap: var(--gap-03);
}
.paging .page__nav {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  height: var(--icon-size-medium);
  padding: var(--padding-02) var(--padding-01);
  font-size: var(--font-size-body-medium);
  border-radius: var(--border-radius-small);
}
.paging .page__nav:hover {
  background-color: var(--color-background-secondary-subtler);
}
.paging .page__nav.prev::before {
  content: "";
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  width: var(--icon-size-small);
  height: var(--icon-size-small);
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../images/common/ico-page-prev.svg);
}
.paging .page__nav.next::after {
  background-image: url(../images/common/ico-page-next.svg);
  content: "";
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  width: var(--icon-size-small);
  height: var(--icon-size-small);
  background-position: center;
  background-repeat: no-repeat;
}
.paging ul li:not(:last-child) {
  margin-right: var(--padding-02);
}
.paging ul li.active a {
  background-color: var(--color-text-primary);
  color: var(--color-text-inverse-static);
}
.paging ul li a {
  font-size: var(--font-size-body-medium);
  color: var(--color-text-basic);
  background-color: var(--color-background-white-subtle);
  transition: all 0.2s ease-in-out;
  border-radius: var(--border-radius-small);
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: var(--icon-size-medium);
  padding: var(--padding-01);
  height: var(--icon-size-medium);
}
.paging ul li a:hover {
  background-color: var(--color-background-secondary-subtler);
}
.paging ul li a span.dot {
  width: 100%;
  height: 100%;
  display: block;
  background: url(../images/common/ico-ellipsis.svg) no-repeat center;
}

select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: #fff url(../images/common/ico-select-arrow.svg) no-repeat center right 8px;
  padding: var(--select-padding-left-medium) var(--select-padding-right-medium) var(--select-padding-left-medium) var(--select-padding-left-medium);
  font-size: var(--select-font-size-medium);
  border-radius: var(--select-border-radius);
  border: 1px solid var(--select-color-border);
  width: 100%;
}
select:hover {
  border: 1px solid var(--select-color-border-hover);
}
select:focus {
  outline: 1px solid var(--color-background-primary);
}
select option:disabled {
  color: var(--select-color-disabled);
}

input[type=text], input[type=search], input[type=number], input[type=password], input[type=email] {
  border: 1px solid var(--input-color-border);
  border-radius: var(--input-text-border-radius);
  padding: var(--input-padding-y) var(--input-padding-x);
  font-size: var(--input-font-size-medium);
}
input[type=text]:focus, input[type=search]:focus, input[type=number]:focus, input[type=password]:focus, input[type=email]:focus {
  outline: 1px solid var(--color-background-primary);
}
input[type=text][type=number], input[type=search][type=number], input[type=number][type=number], input[type=password][type=number], input[type=email][type=number] {
  text-align: right;
}
input[type=text].hasDatepicker, input[type=search].hasDatepicker, input[type=number].hasDatepicker, input[type=password].hasDatepicker, input[type=email].hasDatepicker {
  background: url(../images/common/ico-date.svg) no-repeat right 8px center;
  display: inline-block;
  width: 100%;
  text-align: right;
  padding-right: var(--padding-08);
}
input[type=text]:read-only, input[type=search]:read-only, input[type=number]:read-only, input[type=password]:read-only, input[type=email]:read-only {
  color: var(--select-color-disabled);
  cursor: not-allowed;
}

input[type=password] {
  width: 100%;
}

.wrap {
  max-width: var(--main-wrap);
  margin: 0 auto;
  padding: 0 var(--padding-07);
}
.map-body header .wrap {
  max-width: unset;
}

[class*=search__type] {
  background-color: var(--color-background-white-subtle);
  padding: var(--padding-03);
  border-radius: var(--border-radius-small);
  border: 1px solid var(--color-border-gray-subtle);
  flex: 1;
  display: flex;
  align-items: unset;
  justify-content: unset;
  flex-direction: row;
}
[class*=search__type].is-focused {
  border: 1px solid var(--color-background-primary);
}
[class*=search__type] .search__title {
  color: var(--color-text-subtle);
  font-size: var(--font-size-label-small);
  width: var(--min-width-01);
  flex-shrink: 0;
  margin-right: var(--padding-05);
  display: inline-block;
  border-right: 1px solid var(--color-border-gray-subtle);
}
[class*=search__type] select {
  border: 0;
  padding: 0 var(--select-padding-right-medium) 0 var(--padding-02);
}
[class*=search__type] select:focus {
  outline: none;
}
[class*=search__type] input[type=text] {
  border: 0;
  padding: 0;
  flex: 1;
}
[class*=search__type] input[type=text].hasDatepicker {
  padding-right: var(--padding-08);
}
[class*=search__type] input[type=text]:focus {
  outline: none;
}

header {
  position: relative;
  z-index: 3;
  background-color: var(--color-background-white-subtle);
  padding-bottom: var(--padding-04);
}
header:not(.map-body > header) {
  border-bottom: 1px solid var(--color-border-gray-subtle);
}
header .header__top .wrap {
  display: flex;
  align-items: unset;
  justify-content: end;
  flex-direction: row;
}
header .header__top .user__box {
  display: flex;
  align-items: center;
  justify-content: unset;
  flex-direction: row;
  gap: var(--padding-07);
}
header .header__top .user__box .btn.ico::before {
  margin-right: var(--padding-01);
}
header .header__top .user__box .user__info {
  display: flex;
  align-items: center;
  justify-content: unset;
  flex-direction: row;
  position: relative;
  padding: var(--padding-01) var(--padding-02);
  gap: var(--gap-03);
  background-color: rgba(0, 201, 200, 0.25);
  border-radius: var(--border-radius-small);
  color: var(--color-text-subtle);
}
header .header__top .user__box .user__info .btn__info {
  font-weight: var(--font-weight-bold);
}
header .header__top .user__box .user__info .btn__info__menu {
  background: url(../images/common/ico-user-info-box-common.svg) no-repeat center;
  width: var(--icon-size-xsmall);
  height: var(--icon-size-xsmall);
  background-color: rgba(255, 255, 255, 0.2);
  border: 0;
  cursor: pointer;
}
header .header__top .user__box .user__info__menu {
  display: none;
  position: absolute;
  width: 100%;
  top: 55px;
  background-color: var(--color-background-white-subtle);
  z-index: 3;
  border-radius: var(--border-radius-small);
  box-shadow: var(--shadow-normal-gray);
  border: 1px solid var(--color-border-gray-subtle);
  padding: var(--padding-02);
}
header .header__top .user__box .user__info__menu::before {
  content: "";
  display: block;
  position: absolute;
  top: -16px;
  left: 50%;
  transform: translateX(-50%);
  width: var(--icon-size-xsmall);
  height: var(--icon-size-xsmall);
  background: url(../images/common/ico-user-info-box.svg) no-repeat center;
}
header .header__top .user__box .user__info__menu.on {
  display: block;
}
header .header__top .user__box .user__info__menu ul {
  display: flex;
  align-items: unset;
  justify-content: unset;
  flex-direction: column;
}
header .header__top .user__box .user__info__menu ul li a {
  display: inline-block;
  padding: var(--padding-04) var(--padding-05);
  border-radius: var(--border-radius-small);
  color: var(--color-text-basic);
  vertical-align: middle;
  width: 100%;
}
header .header__top .user__box .user__info__menu ul li a:hover {
  background-color: var(--color-background-primary-subtler);
}
header .header__top .user__box .user__info__menu ul li:first-child .depth__tit {
  border-top: 0;
}
header .header__top .user__box .user__info__menu ul li .depth__tit {
  position: relative;
  border-top: 1px dashed var(--color-border-gray-subtle);
  color: var(--color-text-disabled);
  padding: var(--padding-03) var(--padding-05);
}
header .header__top .user__box .user__info__menu ul li .depth__tit .my__menu__edit {
  position: absolute;
  width: var(--icon-size-xsmall);
  height: var(--icon-size-xsmall);
  top: 50%;
  transform: translateY(-50%);
  right: 4px;
  background: url(../images/common/ico-settings.svg) no-repeat center/20px;
}
header .header__top .user__box .user__info__menu ul li.logout {
  border-top: 1px solid var(--color-border-gray-subtle);
}
header .header__top .user__box .user__info__menu ul li.logout a::before {
  content: "";
  display: inline-block;
  width: var(--icon-size-xsmall);
  height: var(--icon-size-xsmall);
  background: url(../images/common/ico-logout.svg) no-repeat center;
  vertical-align: middle;
  margin-right: var(--padding-02);
  position: relative;
  top: -1px;
}
header .header__top .user__box .btn {
  font-size: var(--font-size-label-xsmall);
}
header .header__bottom .wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
header .header__bottom .gnb {
  display: flex;
  align-items: center;
  justify-content: end;
  flex-direction: row;
  gap: var(--padding-10);
  flex: 1;
}
header .header__bottom .gnb::after {
  content: none;
}
header .header__bottom .gnb > li {
  flex-shrink: 0;
}
header .header__bottom .gnb > li:hover > a, header .header__bottom .gnb > li.open > a, header .header__bottom .gnb > li.active > a {
  color: var(--color-text-primary);
}
header .header__bottom .gnb > li:hover > a::after, header .header__bottom .gnb > li.open > a::after, header .header__bottom .gnb > li.active > a::after {
  background: url(../images/common/ico-accordion-down-line_hover.svg) no-repeat center;
}
header .header__bottom .gnb > li:hover > a::before, header .header__bottom .gnb > li.open > a::before, header .header__bottom .gnb > li.active > a::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -12px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 4px;
  background-color: var(--color-background-primary);
}
header .header__bottom .gnb > li > a {
  position: relative;
  font-size: var(--font-size-heading-small);
  font-weight: var(--font-weight-bold);
  vertical-align: middle;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: unset;
  flex-direction: row;
}
header .header__bottom .gnb > li > a::after {
  content: "";
  display: inline-block;
  width: var(--icon-size-xsmall);
  height: var(--icon-size-xsmall);
  background: url(../images/common/ico-accordion-down-line.svg) no-repeat center;
  vertical-align: middle;
  margin-left: var(--padding-03);
}
header .header__bottom .gnb > li > a.link {
  color: var(--color-text-primary);
}
header .header__bottom .gnb > li > a.link::after {
  background: url(../images/common/ico-link._primary.svg) no-repeat center;
}
header .header__bottom .gnb > li .sub-menu-wrap {
  display: none;
}
header .header__bottom .gnb > li.open .sub-menu-wrap {
  display: block;
  position: absolute;
  z-index: 2;
  background-color: #fff;
  width: 100%;
  left: 0;
  top: calc(100% + 1px);
}
header .header__bottom .gnb > li.open .sub-menu > li.open > button {
  background-color: var(--color-background-white-subtle);
  color: var(--color-text-primary);
}
header .header__bottom .gnb > li.open .sub-menu > li.open > button::after {
  background: url(../images/common/ico-accordion-right-primary.svg) no-repeat center;
}
header .header__bottom .gnb > li.open .sub-menu > li.open > div {
  display: block;
}
header .header__bottom .gnb > li.open .sub-menu > li.open > div ul {
  grid-template-columns: repeat(1, 1fr);
  grid-gap: var(--padding-02) var(--padding-04);
  display: grid;
}
header .header__bottom .gnb > li.open .sub-menu > li.open > div ul::after {
  content: none;
}
header .header__bottom .gnb > li .sub-menu {
  width: calc(var(--main-wrap) - var(--padding-07));
  min-height: 390px;
  margin: 0 auto;
  padding: var(--padding-05) 0;
  background-color: var(--color-background-secondary-subtler);
  position: relative;
}
header .header__bottom .gnb > li .sub-menu > li {
  float: none;
}
header .header__bottom .gnb > li .sub-menu > li > div {
  display: none;
  position: absolute;
  left: 28rem;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  padding: var(--padding-07) var(--padding-09);
  background-color: #fff;
}
header .header__bottom .gnb > li .sub-menu > li > div.hastit {
  padding-top: calc(52px + var(--padding-07) + var(--padding-07));
}
header .header__bottom .gnb > li .sub-menu > li > div h3 {
  margin-bottom: var(--padding-07);
}
header .header__bottom .gnb > li .sub-menu > li > div h3 a {
  font-size: var(--font-size-heading-medium);
}
header .header__bottom .gnb > li .sub-menu > li > div h3 a::before {
  content: none;
}
header .header__bottom .gnb > li .sub-menu > li > div h3 a::after {
  content: "";
  display: inline-block;
  width: var(--icon-size-small);
  height: var(--icon-size-small);
  background: url(../images/common/ico-accordion-right.svg) no-repeat center/24px;
  position: relative;
  top: -1px;
}
header .header__bottom .gnb > li .sub-menu > li > div a {
  display: flex;
  align-items: center;
  justify-content: unset;
  flex-direction: row;
  gap: var(--gap-02);
  padding: var(--padding-02) var(--padding-05);
  font-size: var(--font-size-label-medium);
  border-radius: var(--border-radius-small);
  height: fit-content;
  white-space: nowrap;
}
header .header__bottom .gnb > li .sub-menu > li > div a::before {
  content: "·";
  display: inline-block;
}
header .header__bottom .gnb > li .sub-menu > li > div a:hover {
  background-color: var(--color-background-gray-subtler);
}
header .header__bottom .gnb > li .sub-menu > li button, header .header__bottom .gnb > li .sub-menu > li > a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  border: 0;
  cursor: pointer;
  background-color: transparent;
  font-size: var(--font-size-label-medium);
  font-weight: var(--font-weight-bold);
  height: 5.6rem;
  width: 28rem;
  text-align: left;
  padding: 0 var(--padding-07);
}
header .header__bottom .gnb > li .sub-menu > li button:hover, header .header__bottom .gnb > li .sub-menu > li > a:hover {
  background-color: var(--color-background-white-subtle);
}
header .header__bottom .gnb > li .sub-menu > li button:not(a):after, header .header__bottom .gnb > li .sub-menu > li > a:not(a):after {
  content: "";
  display: inline-block;
  width: var(--icon-size-xsmall);
  height: var(--icon-size-xsmall);
  background: url(../images/common/ico-accordion-right.svg) no-repeat center;
  margin-left: var(--padding-02);
}

.sitemap:not(.btn) {
  position: fixed;
  top: 2rem;
  bottom: 2rem;
  left: 2rem;
  right: 2rem;
  background: var(--color-background-white-subtle);
  overflow: auto;
  z-index: 3;
  box-shadow: var(--shadow-normal-gray);
  border: 1px solid var(--color-border-gray);
  border-radius: var(--border-radius-small);
}
.sitemap:not(.btn) > div {
  position: relative;
  max-width: var(--main-wrap);
  margin: 0 auto;
  width: 100%;
  padding: 0 var(--padding-08);
}
.sitemap:not(.btn) > div > ul {
  display: flex;
  align-items: unset;
  justify-content: unset;
  flex-direction: column;
}
.sitemap:not(.btn) > div > ul > li {
  padding: var(--padding-09) 0;
}
.sitemap:not(.btn) > div > ul > li:not(:last-child) {
  border-bottom: 1px solid var(--color-border-gray-subtle);
}
.sitemap:not(.btn) > div > ul > li > a {
  font-size: var(--font-size-heading-medium);
  font-weight: var(--font-weight-bold);
}
.sitemap:not(.btn) > div > ul .sub-menu {
  margin-top: var(--padding-06);
  display: flex;
  align-items: unset;
  justify-content: unset;
  flex-direction: column;
  gap: var(--padding-04);
}
.sitemap:not(.btn) > div > ul .sub-menu::after {
  content: none;
}
.sitemap:not(.btn) > div > ul .sub-menu > li {
  width: 100%;
  position: relative;
  display: flex;
  align-items: unset;
  justify-content: unset;
  flex-direction: row;
  padding: var(--padding-05);
  border-radius: var(--border-radius-small);
}
.sitemap:not(.btn) > div > ul .sub-menu > li:hover {
  background: var(--color-background-gray-subtler);
}
.sitemap:not(.btn) > div > ul .sub-menu > li > p, .sitemap:not(.btn) > div > ul .sub-menu > li > a {
  width: 200px;
  font-size: var(--font-size-heading-small);
  font-weight: var(--font-weight-bold);
  flex-shrink: 0;
  color: var(--color-text-subtle);
  margin-right: var(--padding-05);
}
.sitemap:not(.btn) > div > ul .sub-menu > li > div {
  display: flex;
  align-items: unset;
  justify-content: unset;
  flex-direction: row;
  word-break: keep-all;
  width: 100%;
  flex-wrap: wrap;
  row-gap: var(--padding-03);
  column-gap: var(--padding-09);
}
.sitemap:not(.btn) > div > ul .sub-menu > li > div a {
  display: inline-block;
  font-size: var(--font-size-label-medium);
  min-width: calc(25% - var(--padding-09) - var(--padding-05));
}
.sitemap:not(.btn) > div > ul .sub-menu > li > div a::before {
  content: "·";
  display: inline-block;
  margin-right: var(--padding-02);
}
.sitemap:not(.btn) > div > ul .sub-menu > li > div a:hover {
  font-weight: var(--font-weight-bold);
}
.sitemap:not(.btn) > div a.sitemap__close {
  width: var(--icon-size-medium);
  height: var(--icon-size-medium);
  display: inline-block;
  background: url(../images/common/ico-sitemap-close.svg) no-repeat center;
  position: fixed;
  top: var(--icon-size-medium);
  right: var(--icon-size-medium);
}

footer {
  margin-top: 80px;
  background-color: var(--footer-color-background);
}
footer .footer__top {
  padding: var(--padding-03) 0;
  border-bottom: 1px solid #666;
}
footer .footer__top .wrap {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: unset;
  flex-direction: row;
  font-size: var(--font-size-body-small);
  color: var(--color-text-basic);
  padding: var(--padding-03) var(--padding-07);
}
footer .footer__top .wrap select {
  position: absolute;
  width: 200px;
  right: 24px;
}
footer .footer__top .wrap a {
  color: var(--footer-color-text-subtle);
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-label-medium);
}
footer .footer__top .wrap a.privacy {
  color: var(--color-background-white-subtle);
}
footer .footer__top .wrap a:not(:last-child) {
  margin-right: var(--padding-10);
}
footer .footer__bottom {
  padding: var(--padding-04) var(--padding-07);
}
footer .footer__bottom .wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  min-height: 78px;
}
footer .footer__bottom .wrap > div {
  position: relative;
}
footer .footer__bottom .wrap > div a {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
footer .footer__bottom .wrap > div div {
  padding-left: 300px;
  color: var(--footer-color-text-basic);
}
footer .footer__bottom .wrap > div div:not(:last-child) {
  margin-bottom: var(--padding-03);
}
footer .address {
  word-break: keep-all;
}

.search__box {
  display: flex;
  align-items: center;
  justify-content: unset;
  flex-direction: row;
  position: relative;
  padding: var(--padding-02) var(--padding-03);
  border-radius: var(--border-radius-small);
  border: 1px solid var(--color-border-gray-subtle);
  background-color: var(--color-background-white-subtle);
  gap: var(--gap-03);
}
.search__box input[type=text] {
  border: 0;
  padding: 0;
  padding-right: var(--padding-09);
  flex: 1;
}
.search__box input[type=text]:focus {
  outline: none;
}
.search__box .btn__search {
  cursor: pointer;
  position: absolute;
  right: var(--padding-01);
  background: url(../images/common/ico-search_gray.svg) no-repeat center/24px;
  width: var(--icon-size-medium);
  height: var(--icon-size-medium);
  border: 0;
  border-radius: var(--border-radius-small);
}
.search__box.is-focused {
  border: 1px solid var(--color-background-primary);
}
.search__box select {
  border: 0;
  width: unset;
}
.search__box select:focus {
  outline: none;
}
.search__box .bar {
  height: 20px;
  width: 1px;
  background-color: var(--color-border-gray-subtle);
  flex-shrink: 0;
}
.search__box .title {
  color: var(--color-text-subtle);
  font-size: var(--font-size-label-medium);
  margin-right: var(--padding-02);
}

.w400 {
  width: 400px;
}

.search__area {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  margin-bottom: var(--padding-07);
}

.body section + main {
  margin-top: var(--padding-11);
}

.body__top {
  position: relative;
  height: 25rem;
}
.body__top .wrap {
  display: flex;
  align-items: unset;
  justify-content: end;
  flex-direction: column;
  height: 100%;
}
.body__top .wrap ul {
  display: flex;
  align-items: center;
  justify-content: unset;
  flex-direction: row;
  width: fit-content;
  margin-top: var(--padding-09);
  background-image: linear-gradient(-90deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.5));
  border-radius: 5px 5px 0 0;
  position: relative;
  padding: 0 32px;
  overflow: hidden;
}
.body__top .wrap ul > li:not(:last-child):after {
  content: "";
  display: inline-block;
  position: relative;
  top: -2px;
  width: var(--icon-size-xxsmall);
  height: var(--icon-size-xxsmall);
  margin: 0 24px;
  background: url(../images/common/ico-nav-right_white.svg) no-repeat center/var(--icon-size-xxsmall);
  vertical-align: middle;
}
.body__top .wrap ul > li a {
  color: var(--color-background-white-subtle);
  padding: 20px 0;
  display: inline-block;
  font-size: var(--font-size-heading-xxsmall);
  font-weight: var(--font-weight-bold);
}
.body__top .wrap ul > li a.body__top__home::after {
  content: "";
  display: inline-block;
  height: 15px;
  width: 16px;
  background: url(../images/common/ico-home_white.png) no-repeat center;
}
.body__top img {
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}
.body__top h1 {
  font-size: var(--font-size-heading-large);
  color: var(--color-text-inverse-static);
}
.body__top__nav {
  border-bottom: 1px solid var(--color-border-gray-subtle);
}
.body__top__nav .wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  gap: var(--padding-09);
}
.body__top__nav .wrap li a {
  color: var(--color-text-disabled);
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-heading-xsmall);
  padding: var(--padding-06);
  display: inline-block;
}
.body__top__nav .wrap li.active a {
  color: var(--color-text-primary);
  background-color: var(--color-background-white-subtle);
}
.body__top__nav .wrap li.active a span {
  position: relative;
}
.body__top__nav .wrap li.active a span::after {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  position: absolute;
  background-color: var(--color-background-primary);
  bottom: -23px;
  left: 0;
}

.search__results__total {
  color: var(--color-text-subtle);
  font-size: var(--font-size-body-medium);
}
.search__results__total .num {
  color: var(--color-text-primary);
  font-weight: var(--font-weight-bold);
}

.popup__window {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  border: 1px solid var(--popup-window-body-color-background);
  border-radius: var(--border-radius-small);
  z-index: 2;
}
.popup__window.use__dim {
  position: fixed;
  transform: translate(-50%, -50%);
  z-index: 3;
}
.popup__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  background-color: var(--popup-window-header-color-background);
  border-radius: var(--border-radius-small) var(--border-radius-small) 0 0;
  padding: var(--padding-02);
  font-size: var(--font-size-heading-xsmall);
  font-weight: var(--font-weight-bold);
}
.popup__header .btn__close {
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../images/common/ico-modal-close.svg);
  width: var(--icon-size-small);
  height: var(--icon-size-small);
  border: 0;
  cursor: pointer;
}
.popup__body {
  overflow: auto;
  max-height: calc(100vh - 40px);
  background: var(--popup-window-body-color-background);
}
.popup__sec {
  border-radius: var(--border-radius-small);
  background: var(--color-background-white-subtle);
  padding: var(--padding-05);
}
.popup__sec:first-child {
  border-radius: 0 0 var(--border-radius-small) var(--border-radius-small) !important;
}
.popup__sec:last-of-type {
  border-radius: var(--border-radius-small) var(--border-radius-small) 0 0;
}
.popup__sec:not(:first-child) {
  margin-top: var(--padding-01);
}
.popup__sec .search-box {
  margin-bottom: var(--padding-05);
}
.popup__sec .search-box select {
  width: unset;
}

.popup__search {
  width: 100%;
  top: 104px;
  left: 0;
  border-radius: 0 0 var(--border-radius-small) var(--border-radius-small);
}
.popup__search .mob-search {
  display: none;
}
.popup__search .mob-search .btn {
  flex: 1;
  width: 100%;
}
.popup__search .popup__body {
  padding: var(--padding-07);
  border-radius: 0 0 var(--border-radius-small) var(--border-radius-small);
  background-color: #fafafa;
}
.popup__search .popup__body .popup__wrap {
  position: relative;
  max-width: var(--main-wrap);
  margin: 0 auto;
  padding: 0 var(--padding-07);
}
.popup__search .popup__body .popup__wrap .search__box {
  margin-bottom: var(--padding-09);
}
.popup__search__title {
  font-size: var(--font-size-heading-medium);
  color: var(--color-text-basic);
  font-weight: var(--font-weight-bold);
  margin-bottom: var(--padding-07);
}
.popup__search .btn__close {
  border: 0;
  cursor: pointer;
  width: var(--icon-size-medium);
  height: var(--icon-size-medium);
  display: inline-block;
  background: url(../images/common/ico-sitemap-close.svg) no-repeat center;
  position: absolute;
  right: var(--icon-size-small);
  top: 0;
}
.popup__search .popup__bg {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  z-index: -1;
  top: 0;
}
.popup__search__filter.cell__box {
  gap: var(--gap-03);
}
.popup__search__filter select {
  min-width: var(--min-width-04);
}

.cell__box {
  display: flex;
  align-items: unset;
  justify-content: unset;
  flex-direction: column;
  gap: var(--gap-01);
}
.cell__box.sign__up {
  margin-bottom: var(--padding-09);
}
.cell__box.sign__up .cell__title {
  background-color: var(--color-background-gray-subtler);
  padding: var(--padding-05);
  font-size: var(--font-size-label-medium);
  width: 200px;
  border-radius: var(--border-radius-small);
}
.cell__box.sign__up .cell__list {
  gap: var(--padding-05);
}
.cell__box.sign__up .cell__cont {
  flex: 1;
}
.cell__box.sign__up .cell__cont input, .cell__box.sign__up .cell__cont select {
  width: 300px;
}
.cell__box.sign__up span {
  color: var(--color-text-subtle);
}
.cell__box.sign__up span.red {
  color: var(--color-background-danger);
  font-weight: var(--font-weight-bold);
}
.cell__box.sign__up span.blue {
  color: var(--color-text-primary);
  font-weight: var(--font-weight-bold);
}
.cell__list {
  display: flex;
  align-items: center;
  justify-content: unset;
  flex-direction: row;
  flex-wrap: wrap;
}
.cell__cont {
  display: flex;
  align-items: center;
  justify-content: unset;
  flex-direction: row;
  gap: var(--padding-05);
}
.cell__title {
  width: var(--min-width-02);
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-label-medium);
  color: var(--color-text-basic);
}

.label__list {
  display: flex;
  align-items: unset;
  justify-content: unset;
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--padding-07);
}

.board__list.wrap {
  margin-top: var(--padding-09);
}
.board__list > ul {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: var(--padding-09);
}
.board__list > ul li.card {
  position: relative;
  border-radius: var(--border-radius-small);
}
.board__list > ul li.card::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: -1px;
  left: -1px;
  border: 1px solid var(--color-border-gray-subtle);
  z-index: -1;
}
.board__list > ul li.card:hover a {
  text-decoration: underline;
}
.board__list > ul li.card:hover::after {
  border: 1px solid var(--color-border-primary);
}
.board__list > ul li.card img {
  width: 100%;
  height: 210px;
  object-fit: cover;
}
.board__list > ul li.card div:not(.disabled-overlay) {
  padding-top: var(--padding-06);
  padding-right: var(--padding-06);
  padding-left: var(--padding-06);
}
.board__list > ul li.card div:not(.disabled-overlay):last-child {
  padding-bottom: var(--padding-06);
}
.board__list > ul li.card .title a {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: var(--font-size-heading-xsmall);
  font-weight: var(--font-weight-bold);
  min-height: 50px;
}
.board__list > ul li.card .content {
  color: var(--color-text-subtle);
  min-height: 86px;
}
.board__list > ul li.card .content p {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.board__list > ul li.card .card-bottom {
  display: flex;
  align-items: unset;
  justify-content: space-between;
  flex-direction: row;
}
.board__list > ul li.card .card-bottom span:not(.type__research span):not(.cont) {
  vertical-align: middle;
  color: var(--color-text-subtle);
}
.board__list > ul li.card .card-bottom span:not(.type__research span):not(.cont)::before {
  content: "";
  display: inline-block;
  width: var(--icon-size-xsmall);
  height: var(--icon-size-xsmall);
  vertical-align: sub;
  margin-right: var(--padding-02);
  background: url(../images/common/ico-date.svg) no-repeat center/var(--icon-size-xsmall);
  opacity: 0.5;
}
.board__list > ul li.card .card-bottom span:not(.type__research span):not(.cont).rdcnt::before {
  background: url(../images/common/ico-view.svg) no-repeat center/var(--icon-size-small);
}
.board__list > ul li.card .card-bottom span:not(.type__research span):not(.cont).author::before {
  background: url(../images/common/ico-user_gray.svg) no-repeat center/var(--icon-size-xsmall);
}
.board__list > ul li.card .card-bottom span:not(.type__research span):not(.cont).download::before {
  background: url(../images/common/ico-download__gray.svg) no-repeat center/var(--icon-size-xsmall);
}
.board__list > ul li.card .card-bottom ul li {
  width: 100%;
}
.board__list > ul li.card .card-bottom ul li:not(:last-child) {
  margin-bottom: var(--padding-01);
}
.board__list > ul li.card .card-bottom ul li span.title {
  min-width: var(--min-width-02);
  display: inline-block;
}

.login__text__main {
  font-size: var(--font-size-heading-large);
  margin-top: var(--padding-11);
  text-align: center;
  margin-bottom: var(--padding-07);
}
.login__text__main.check::before {
  content: "";
  display: block;
  width: 80px;
  height: 80px;
  margin: 0 auto var(--padding-05);
  background: url(../images/common/img-check.svg) no-repeat center;
}
.login__text__sub {
  margin-top: var(--padding-09);
  font-size: var(--font-size-heading-small);
  text-align: center;
}

.id__box {
  margin: var(--padding-11) auto 0 auto;
  width: 480px;
}
.id__box [class*=__input] > input {
  padding: var(--padding-02) var(--padding-03) var(--padding-02) var(--padding-10);
  background-position: center left 10px;
  background-repeat: no-repeat;
  width: 100%;
  height: 60px;
  margin-bottom: var(--padding-02);
}
.id__box .id__input input {
  background-image: url(../images/common/ico-login__user.svg);
}
.id__box .pw__input input {
  background-image: url(../images/common/ico-login__password.svg);
}
.id__box .id__remember {
  text-align: right;
}
.id__box .id__remember input[type=checkbox] {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.id__box .id__remember input[type=checkbox] + label {
  font-size: var(--font-size-label-small);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-disabled);
}
.id__box .id__remember input[type=checkbox] + label::before {
  content: "";
  display: inline-block;
  width: var(--icon-size-xxsmall);
  height: var(--icon-size-xxsmall);
  margin-right: var(--padding-02);
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center top 2px;
  border: 3px solid var(--color-border-gray-subtle);
  border-radius: var(--border-radius-maximum);
  background-image: url(../images/common/ico-check__gray.svg);
  background-size: 14px;
  position: relative;
  top: -1px;
}
.id__box .id__remember input[type=checkbox]:checked + label {
  color: var(--color-text-primary);
}
.id__box .id__remember input[type=checkbox]:checked + label::before {
  border: 3px solid var(--color-border-primary);
  background-image: url(../images/common/ico-check__primary.svg);
}
.id__box .btn__login {
  background-image: linear-gradient(90deg, #00C9C8, #0082E5);
  width: 100%;
  border: 0;
  cursor: pointer;
  border-radius: var(--border-radius-small);
  color: var(--color-text-inverse-static);
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-heading-small);
  height: 60px;
  margin: var(--padding-10) 0;
}
.id__box .login__another {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  gap: var(--padding-09);
}
.id__box .login__another a img {
  vertical-align: middle;
}
.id__box .login__another a span {
  margin-right: var(--padding-01);
}
.id__box .find__info {
  margin-top: var(--padding-09);
  text-align: center;
}
.id__box .find__info a {
  color: var(--color-text-subtle);
}
.id__box .find__info a:not(:last-child):after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 16px;
  background-color: var(--color-border-gray-subtle);
  vertical-align: middle;
  margin: 0 var(--padding-09);
}

.terms__of__service_all {
  margin-top: var(--padding-07);
  padding: var(--padding-02) var(--padding-05);
  font-size: var(--font-size-label-large);
  font-weight: var(--font-weight-bold);
  border-radius: var(--border-radius-small);
  background-color: var(--color-background-secondary-subtler);
}

[class*=terms__of__service] input[type=checkbox] {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
[class*=terms__of__service] input[type=checkbox] + label {
  display: inline-block;
  padding: var(--padding-02) 0;
  font-weight: var(--font-weight-bold);
  color: var(--color-text-disabled);
  font-size: var(--font-size-label-medium);
}
[class*=terms__of__service] input[type=checkbox] + label.req::after {
  content: "[필수]";
  display: block;
  position: absolute;
  top: 9px;
  left: 50px;
  color: var(--color-text-basic);
}
[class*=terms__of__service] input[type=checkbox] + label::before {
  content: "";
  display: inline-block;
  width: var(--icon-size-xsmall);
  height: var(--icon-size-xsmall);
  margin-right: var(--padding-02);
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center top 2px;
  border: 3px solid var(--color-border-gray-subtle);
  border-radius: var(--border-radius-maximum);
  background-image: url(../images/common/ico-check__gray.svg);
  background-color: #fff;
  background-size: var(--icon-size-xxsmall);
  position: relative;
  top: -1px;
}
[class*=terms__of__service] input[type=checkbox]:checked + label {
  color: var(--color-text-primary);
}
[class*=terms__of__service] input[type=checkbox]:checked + label.req::after {
  content: "[필수]";
  display: block;
  position: absolute;
  top: 9px;
  left: 50px;
  color: var(--color-text-primary);
}
[class*=terms__of__service] input[type=checkbox]:checked + label::before {
  border: 3px solid var(--color-border-primary);
  background-image: url(../images/common/ico-check__primary.svg);
}

.terms__of__service {
  border: 1px solid var(--color-border-gray-subtle);
  border-radius: var(--border-radius-small);
  padding: var(--padding-07);
  margin-top: var(--padding-07);
  margin-bottom: var(--padding-09);
}
.terms__of__service input + label::before {
  margin-right: 80px !important;
}
.terms__of__service > div {
  padding: var(--padding-03) var(--padding-02);
  border-radius: var(--border-radius-small);
}
.terms__of__service > div:hover, .terms__of__service > div.open {
  background-color: var(--color-background-primary-subtler);
}
.terms__of__service > div .terms {
  display: none;
}
.terms__of__service > div.open {
  margin-bottom: var(--padding-05);
}
.terms__of__service > div.open .terms {
  display: block;
  margin-top: var(--padding-07);
  overflow: auto;
  height: calc(100% - 56px);
  padding: 0 var(--padding-05);
}
.terms__of__service .btn__terms {
  margin-left: var(--padding-05);
  cursor: pointer;
  background-color: #00C9C8;
  border-radius: var(--border-radius-maximum);
  border: 0;
  color: var(--color-background-white-subtle);
  font-size: var(--font-size-label-small);
  font-weight: var(--font-weight-bold);
  padding: var(--padding-02) var(--padding-05);
}
.terms__of__service .btn__terms:hover {
  background-color: var(--color-background-primary);
}
.terms__of__service .btn__terms span::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: var(--icon-size-xsmall);
  height: var(--icon-size-xsmall);
  background: url(../images/common/ico-search_white.svg) no-repeat center/var(--icon-size-xsmall);
  margin-right: var(--padding-01);
  position: relative;
  top: -1px;
}

.sub__text {
  margin-bottom: var(--padding-07);
  font-size: var(--font-size-body-medium);
}

.identity__verification {
  padding: var(--padding-09);
  border: 1px solid var(--color-border-gray-subtle);
  border-radius: var(--border-radius-small);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  gap: 120px;
}
.identity__verification .bar {
  height: 100px;
  width: 1px;
  background-color: var(--color-border-gray-subtle);
}
.identity__verification a {
  display: flex;
  align-items: center;
  justify-content: unset;
  flex-direction: column;
  padding: var(--padding-05) var(--padding-07);
  gap: var(--padding-07);
  border-radius: var(--border-radius-small);
}
.identity__verification a:hover {
  background-color: var(--color-background-primary-subtler);
}
.identity__verification a .identity__verification__title {
  font-size: var(--font-size-heading-small);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-basic);
}

.req::before {
  content: "*";
  color: var(--color-background-primary);
  margin-right: var(--padding-01);
  font-weight: var(--font-weight-bold);
}

.text__main {
  font-size: var(--font-size-heading-large);
  margin-top: var(--padding-11);
  text-align: center;
  margin-bottom: var(--padding-07);
}

.border__detail__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: row;
  margin-bottom: var(--padding-11);
  gap: var(--padding-10);
  position: relative;
  border-bottom: 1px solid var(--color-border-gray-subtle);
  padding-bottom: var(--padding-09);
}
.border__detail__header .thumbnail__img {
  height: 250px;
  display: flex;
  align-items: center;
  justify-content: unset;
  flex-direction: row;
}
.border__detail__header .thumbnail__img img {
  max-width: 350px;
  height: 100%;
  object-fit: cover;
}
.border__detail__header__info {
  flex: 1;
}
.border__detail__header__info__list {
  color: var(--color-text-basic);
  display: flex;
  align-items: unset;
  justify-content: unset;
  flex-direction: row;
  gap: var(--gap-01);
}
.border__detail__header__info__list:not(:first-child) {
  margin-top: var(--padding-04);
}
.border__detail__header__info__list .title {
  display: inline-block;
  width: var(--min-width-01);
  flex-shrink: 0;
  color: var(--color-text-subtle);
}
.border__detail__header__info__list .text__detail {
  padding-right: 110px;
}
.border__detail__header__info .btn__box {
  position: absolute;
  right: 0;
  bottom: var(--padding-09);
}
.border__detail__header__info:not(.thumbnail__img + .border__detail__header__info) .border__detail__header__info__list {
  display: inline-block;
  margin-right: var(--padding-09);
}
.border__detail__header__info:not(.thumbnail__img + .border__detail__header__info) .border__detail__header__info__list .title {
  width: auto;
  margin-right: var(--padding-02);
}
.border__detail__body {
  padding-bottom: var(--padding-11);
  border-bottom: 1px solid var(--color-border-gray-subtle);
  margin-bottom: var(--padding-07);
}
.border__detail__body img {
  max-width: 100%;
}
.border__detail__body p {
  color: var(--color-text-basic);
}

.mb-80 {
  margin-bottom: 80px;
}

.types__of__ecological__risks .flex__box {
  gap: var(--padding-09);
}
.types__of__ecological__risks .explanation__box ul li:not(:last-child) {
  margin-bottom: var(--padding-07);
}

.explanation__title {
  font-size: var(--font-size-heading-medium);
  font-weight: var(--font-weight-bold);
  margin-bottom: var(--padding-07);
}
.explanation__title::before {
  content: "";
  display: inline-block;
  vertical-align: top;
  width: var(--icon-size-small);
  height: var(--icon-size-small);
  background: url(../images/common/ico-point.svg) no-repeat center/var(--icon-size-small);
}
.explanation__cont {
  font-size: var(--font-size-body-medium);
}

.accordion__area {
  width: 400px;
  flex-shrink: 0;
  background-color: var(--color-background-gray-subtler);
  padding: var(--padding-06);
  border-radius: var(--border-radius-small);
}
.accordion__area li:not(ul.data li) {
  padding: var(--padding-02) var(--padding-02) var(--padding-02) var(--padding-08);
  border-radius: var(--border-radius-small);
  width: 100%;
  position: relative;
  word-break: keep-all;
}
.accordion__area li > a:not(ul.data > li > a)::before {
  content: "";
  display: inline-block;
  width: var(--icon-size-xsmall);
  height: var(--icon-size-xsmall);
  background: var(--color-background-primary) url(../images/common/ico-accordion-right_white.svg) no-repeat center/var(--icon-size-xsmall);
  border-radius: var(--border-radius-small);
  margin-right: var(--padding-02);
  position: absolute;
  left: 4px;
}
.accordion__area li ul.depth {
  display: none;
}
.accordion__area li ul.depth li.active {
  background-color: var(--color-background-gray-subtler);
}
.accordion__area li.active {
  background-color: #fff;
  border: 1px solid var(--color-border-gray-subtle);
}
.accordion__area li.active > a {
  font-weight: var(--font-weight-bold);
}
.accordion__area li.active > a::before {
  background: #fff url(../images/common/ico-accordion-down-line_hover.svg) no-repeat center/var(--icon-size-xsmall) !important;
}
.accordion__area li.active ul.depth {
  display: block;
}
.accordion__area li.active > ul.data {
  display: block;
}
.accordion__area li.active > a + ul {
  margin-top: var(--padding-04);
}
.accordion__area li:not(:last-child) {
  margin-bottom: var(--padding-01);
}
.accordion__area > ul > li > a {
  font-weight: var(--font-weight-bold);
}
.accordion__area ul.data {
  display: none;
}
.accordion__area ul.data li {
  width: 100%;
  padding: var(--padding-01) var(--padding-04);
}
.accordion__area ul.data li.active {
  background-color: var(--color-background-primary) !important;
  border: 0;
  border-radius: var(--border-radius-small);
}
.accordion__area ul.data li.active a {
  color: var(--color-text-inverse-static) !important;
}

.cont__title {
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-heading-xsmall);
  display: block;
  margin-bottom: var(--padding-02);
}

.filebox__wrap .filebox__header {
  margin-bottom: var(--padding-03);
}
.filebox__wrap .filebox__header .filebox {
  display: flex;
  align-items: center;
  justify-content: unset;
  flex-direction: row;
  gap: var(--gap-03);
}
.filebox__wrap .filebox__header .filebox p.tip {
  flex: 1;
}
.filebox__wrap .filebox__header.area {
  padding: var(--padding-08);
  border: 1px solid var(--color-border-gray-subtle);
  border-radius: var(--border-radius-small);
  background-color: var(--color-background-gray-subtler);
}
.filebox__wrap .filebox__header.area .filebox {
  display: flex;
  align-items: center;
  justify-content: unset;
  flex-direction: column-reverse;
}
.filebox__wrap .filebox__header.area--row {
  padding: var(--padding-05);
}
.filebox__wrap .filebox__header.area--row .filebox {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row-reverse;
}
.filebox__wrap .filebox__header.area--row .filebox .tip {
  flex: unset;
}
.filebox__wrap .filebox__list ul > li {
  float: none;
  width: 100%;
}
.filebox__wrap .filebox__list .filebox__item {
  display: flex;
  align-items: center;
  justify-content: unset;
  flex-direction: row;
  gap: var(--gap-03);
  padding: var(--padding-03) var(--padding-05);
  border-radius: var(--border-radius-small);
  background-color: var(--color-background-secondary-subtler);
  margin-bottom: var(--padding-01);
  position: relative;
}
.filebox__wrap .filebox__list .filebox__item .btn.ico.delete {
  padding: 0;
  border: 0;
  background: transparent;
}
.filebox__wrap .filebox__list .filebox__item .filebox__size {
  flex: 1;
  text-align: right;
  padding-right: var(--padding-05);
  font-size: var(--font-size-label-small);
  color: var(--color-text-subtle);
}
.filebox__wrap .filebox__list .filebox__item .unit {
  font-size: var(--font-size-label-xsmall);
}

.file {
  color: var(--color-text-basic);
  font-size: var(--font-size-label-small);
  font-weight: var(--font-weight-bold);
}
.file.ico {
  color: var(--color-text-subtle);
}
.file.ico::before {
  content: "";
  display: inline-block;
  width: var(--icon-size-small);
  height: var(--icon-size-small);
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: middle;
  margin-right: var(--padding-02);
}
.file.ico.xlsx::before {
  background-image: url(../images/common/ico-xlsx.svg);
}
.file.ico.pdf::before {
  background-image: url(../images/common/ico-pdf.svg);
}
.file.ico.shp::before {
  background-image: url(../images/common/ico-shp.svg);
}
.file.ico.img::before {
  background-image: url(../images/common/ico-img.svg);
}
.file.ico.jpg::before {
  background-image: url(../images/common/ico-jpg.svg);
}
.file.ico.png::before {
  background-image: url(../images/common/ico-png.svg);
}
.file.ico.hwp::before {
  background-image: url(../images/common/ico-hwp.svg);
}
.file.ico.hwpx::before {
  background-image: url(../images/common/ico-hwpx.svg);
}
.file.ico.etc::before {
  background-image: url(../images/common/ico-etc.svg);
}

.tab__list > ul {
  border: 1px solid var(--color-border-gray-subtle);
  border-radius: var(--border-radius-small);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: unset;
  flex-direction: row;
}
.tab__list > ul::after {
  content: none;
}
.tab__list > ul li {
  float: none;
  flex: 1;
  text-align: center;
}
.tab__list > ul li:not(:last-child) {
  border-right: 1px solid var(--color-border-gray-subtle);
}
.tab__list > ul li a {
  display: block;
  padding: var(--padding-04) var(--padding-03);
  font-size: var(--font-size-label-medium);
  font-weight: var(--font-weight-bold);
  background: var(--color-background-white-subtle);
  color: var(--color-text-subtle);
}
.tab__list > ul li a:hover {
  background-color: var(--color-background-primary-subtler-hover);
}
.tab__list > ul li.active a {
  background-color: var(--color-text-primary);
  color: var(--color-text-inverse-static);
}
.tab__list.tab__simply > ul {
  border: 0;
  overflow: unset;
}
.tab__list.tab__simply > ul li {
  border: 0;
}
.tab__list.tab__simply > ul li a {
  border-radius: var(--border-radius-small);
  position: relative;
  background-color: transparent;
  color: var(--color-text-basic);
  padding: var(--padding-01) !important;
  color: var(--color-text-subtle);
}
.tab__list.tab__simply > ul li a:hover {
  background-color: var(--color-background-primary-subtler-hover);
}
.tab__list.tab__simply > ul li:not(:last-child) {
  margin-right: var(--padding-02);
}
.tab__list.tab__simply > ul li.active a {
  color: var(--color-text-primary);
}
.tab__list.tab__simply > ul li.active a::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 4px;
  background-color: var(--color-background-primary);
}
.tab__list.type01 ul {
  border: 0;
  border-radius: 0;
  border-bottom: 1px solid var(--color-border-gray-subtle);
  gap: var(--gap-03);
}
.tab__list.type01 ul li {
  flex: unset;
  border: 0;
  min-width: var(--min-width-01);
}
.tab__list.type01 ul li a {
  background-color: var(--color-background-gray-subtler);
  border-radius: var(--border-radius-small) var(--border-radius-small) 0 0;
}
.tab__list.type01 ul li.active a {
  background: var(--color-background-primary);
}

.tab__body > ul > li {
  display: none;
  width: 100%;
}
.tab__body > ul > li.active {
  display: block;
}
.tab__body > ul > li .table-box-outer:first-of-type, .tab__body > ul > li .search__area:first-of-type {
  margin-top: var(--padding-09);
}

.word__top__area {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  margin-bottom: var(--padding-09);
  padding-bottom: var(--padding-09);
}
.word__top__area::after {
  content: none;
}
.word__top__area li a {
  display: block;
  padding: var(--padding-03);
  border: 2px solid var(--color-border-gray-subtle);
  border-radius: var(--border-radius-small);
  font-size: var(--font-size-heading-xsmall);
  font-weight: var(--font-weight-bold);
  text-align: center;
  min-width: 50px;
}
.word__top__area li.active a {
  font-weight: var(--font-weight-bold);
  color: var(--color-text-inverse-static);
  background-color: var(--color-background-primary);
  border-color: var(--color-background-primary);
}
.word__top__area li:hover a {
  background-color: var(--color-background-primary-subtler);
  border-color: var(--color-background-primary-subtler);
}

.word__list__area {
  border-top: 1px solid var(--color-border-gray-subtle);
  border-bottom: 1px solid var(--color-border-gray-subtle);
}
.word__list__area ul {
  padding: var(--padding-07);
}
.word__list__area ul li {
  width: 100%;
  padding: var(--padding-07) 0;
}
.word__list__area ul li:not(:last-child) {
  border-bottom: 1px dashed var(--color-border-gray-subtle);
}
.word__list__area ul li .title {
  font-size: var(--font-size-heading-medium);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-basic);
  margin-bottom: var(--padding-05);
}
.word__list__area ul li .title::before {
  content: "";
  display: inline-block;
  width: var(--icon-size-xsmall);
  height: var(--icon-size-xsmall);
  background: url(../images/common/ico-accordion-down-line.svg) no-repeat center/var(--icon-size-xsmall);
  margin-right: var(--padding-02);
  opacity: 0.5;
  transition: all 0.3s ease-in-out;
}
.word__list__area ul li .title.close::before {
  transform: rotate(-90deg);
  opacity: 1;
}
.word__list__area ul li .title:hover {
  text-decoration: underline;
}
.word__list__area ul li .title .tip {
  color: var(--color-text-disabled);
}
.word__list__area ul li .title + div {
  margin-top: var(--padding-04);
}
.word__list__area ul li .title + div p {
  word-break: keep-all;
  color: var(--color-text-subtles);
}

.search-body {
  background: var(--color-background-secondary-subtler);
}
.search-body .tab__body li {
  width: 100%;
}
.search-body .wrap {
  display: flex;
  align-items: unset;
  justify-content: unset;
  flex-direction: row;
}
.search-body + footer {
  margin-top: 0;
}
.search-body .search__form {
  display: flex;
  align-items: unset;
  justify-content: unset;
  flex-direction: row;
}
.search-body .integrated-search {
  width: 100%;
}
.search-body .integrated-search > div {
  max-width: unset;
  width: unset;
}
.search-body .search__results__notice {
  text-align: center;
  margin-top: var(--padding-09);
}
.search-body .search__results__notice h3 {
  font-size: var(--font-size-body-large);
}
.search-body .search__results__notice .primary {
  color: var(--color-text-primary);
}
.search-body .search__results__wrap {
  display: flex;
  align-items: unset;
  justify-content: unset;
  flex-direction: row;
  gap: var(--padding-09);
}
.search-body .search__results__wrap .search__results__area {
  flex: 1;
  max-width: calc(100% - var(--aside-width) - var(--padding-09));
}
.search-body .search__results__wrap .search__suggestion__wrap {
  margin-top: 0;
}
.search-body .search__results__wrap .results__section {
  margin-top: var(--padding-09);
}
.search-body .search__results__wrap .results__section .results__header {
  display: flex;
  align-items: center;
  justify-content: unset;
  flex-direction: row;
  gap: var(--padding-07);
  margin-bottom: var(--padding-03);
}
.search-body .search__results__wrap .results__section .results__header > div {
  flex: 1;
  color: var(--color-text-subtle);
}
.search-body .search__results__wrap .results__section .results__header > div .primary {
  color: var(--color-text-primary);
  font-size: var(--font-size-heading-small);
  font-weight: var(--font-weight-bold);
}
.search-body .search__results__wrap .results__section .results__header .tit {
  font-size: var(--font-size-heading-medium);
  font-weight: var(--font-weight-bold);
}
.search-body .search__results__wrap .results__section .search__results__list ul {
  width: 100%;
  border-radius: var(--border-radius-small);
  box-shadow: var(--shadow-normal-gray);
  padding: var(--padding-02) var(--padding-07);
  background: var(--color-background-white-subtle);
}
.search-body .search__results__wrap .results__section .search__results__list ul li {
  width: 100%;
  padding: var(--padding-09) var(--padding-02);
}
.search-body .search__results__wrap .results__section .search__results__list ul li:not(:last-child) {
  border-bottom: 1px solid var(--color-border-gray-subtle);
}
.search-body .search__results__wrap .results__section .search__results__list ul li .cont__tit {
  display: block;
  width: 100%;
  font-size: var(--font-size-label-large);
  font-weight: var(--font-weight-bold);
  margin-bottom: var(--padding-02);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.search-body .search__results__wrap .results__section .search__results__list ul li .cont__tit:hover {
  text-decoration: underline;
}
.search-body .search__results__wrap .results__section .search__results__list ul li .cont {
  display: flex;
  align-items: unset;
  justify-content: unset;
  flex-direction: column;
  gap: var(--gap-01);
}
.search-body .search__results__wrap .results__section .search__results__list ul li .cont__list {
  display: flex;
  align-items: flex-start;
  justify-content: unset;
  flex-direction: row;
  gap: var(--gap-02);
}
.search-body .search__results__wrap .results__section .search__results__list ul li .cont .info__tit {
  flex-shrink: 0;
  min-width: var(--min-width-02);
  color: var(--color-text-subtle);
  position: relative;
}
.search-body .search__results__wrap .results__section .search__results__list ul li .cont .info__tit::before {
  content: "-";
  margin-right: var(--padding-02);
}
.search-body .search__results__wrap .results__section .search__results__list ul li .cont .info__tit::after {
  content: ":";
  position: absolute;
  right: 0;
}
.search-body .search__results__wrap .results__section .search__results__list ul li .cont .info__cont {
  color: var(--color-text-basic);
}
.search-body .search__results__wrap .results__section .search__results__list ul li .cont .info__cont.taxonomic__rank span {
  white-space: nowrap;
}
.search-body .search__results__wrap .results__section .search__results__list ul li .cont .info__cont.taxonomic__rank span:not(:last-child):after {
  content: ">";
  display: inline-block;
  margin: 0 var(--padding-03);
}
.search-body .search__results__wrap .results__section .search__results__list.card ul {
  padding: var(--padding-02);
  background: transparent;
  box-shadow: none;
}
.search-body .search__results__wrap .results__section .search__results__list.card ul li {
  background: var(--color-background-white-subtle);
  box-shadow: var(--shadow-normal-gray);
  border-radius: var(--border-radius-small);
  border: 1px solid var(--color-border-gray);
  padding: var(--padding-09) var(--padding-08);
}
.search-body .search__results__wrap .results__section .search__results__list.card ul li:not(:last-child) {
  margin-bottom: var(--padding-02);
}
.search-body .search__results__wrap .results__section .search__results__list.card ul li .cont {
  gap: var(--padding-05);
}
.search-body .search__results__wrap .results__section .search__results__list.card ul li .cont > span {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.search-body .search__results__wrap .results__section .search__results__list .state {
  display: flex;
  align-items: center;
  justify-content: end;
  flex-direction: row;
  position: relative;
  gap: var(--padding-09);
  color: var(--color-text-basic);
}
.search-body .search__results__wrap .results__section .search__results__list .state .source {
  position: absolute;
  left: 0;
}
.search-body .search__results__wrap .results__section .search__results__list .state .ico {
  color: var(--color-text-subtle);
}
.search-body .search__results__wrap .results__section .search__results__list .state .ico::before {
  content: "";
  display: inline-block;
  width: var(--icon-size-xsmall);
  height: var(--icon-size-xsmall);
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: middle;
  margin-right: var(--padding-02);
  position: relative;
  top: -1px;
}
.search-body .search__results__wrap .results__section .search__results__list .state .ico.date::before {
  background-image: url(../images/common/ico-date.svg);
}
.search-body .search__results__wrap .results__section .search__results__list .state .ico.view::before {
  background-image: url(../images/common/ico-view.svg);
}
.search-body aside {
  width: var(--aside-width);
  flex-shrink: 0;
}
.search-body aside .search__suggestion__wrap {
  flex-direction: column;
}
.search-body aside .search__suggestion__wrap > div {
  border-right: 0;
  padding: var(--padding-09) 0;
}
.search-body aside .search__suggestion__wrap .search__tit {
  font-size: var(--font-size-heading-small);
  margin-bottom: var(--padding-07);
}
.search-body aside .search__suggestion__wrap .tab__list {
  right: 0;
}
.search-body .list-view {
  font-weight: var(--font-weight-bold);
  margin-right: calc(0% - var(--padding-03));
  color: var(--color-text-subtle);
}
.search-body .list-view + select {
  border: 1px solid var(--color-border-gray-subtle) !important;
}
.search-body .search__suggestion__wrap {
  display: flex;
  align-items: unset;
  justify-content: unset;
  flex-direction: row;
  margin-top: var(--padding-09);
}
.search-body .search__suggestion__wrap > div {
  flex: 1;
  padding: var(--padding-09) var(--padding-07);
  border-top: 1px solid var(--color-border-gray-subtle);
}
.search-body .search__suggestion__wrap .search__tit {
  font-size: var(--font-size-heading-medium);
  margin-bottom: var(--padding-08);
}
.search-body .search__suggestion__wrap .search__recommend {
  position: relative;
}
.search-body .search__suggestion__wrap .search__recommend .tab__list {
  position: absolute;
  top: calc(var(--padding-09) - 2px);
}
.search-body .search__suggestion__wrap .search__recommend .tab__list li a {
  font-size: var(--font-size-heading-xxsmall);
  padding: var(--padding-02) var(--padding-06);
}
.search-body .search__suggestion__wrap .search__recommend .tab__body ol li {
  width: 100%;
}
.search-body .search__suggestion__wrap .list ol li {
  float: none;
  width: 100%;
  position: relative;
}
.search-body .search__suggestion__wrap .list ol li a {
  display: inline-block;
  width: 100%;
  padding: var(--padding-02);
  border-radius: var(--border-radius-small);
}
.search-body .search__suggestion__wrap .list ol li .delete {
  display: none;
  border: 0;
  background: transparent;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.search-body .search__suggestion__wrap .list ol li:hover .delete {
  display: block;
}
.search-body .search__suggestion__wrap .list ol li:hover a {
  background: var(--color-background-icon-color);
}

.bar {
  height: 20px;
  width: 1px;
  background-color: var(--color-border-gray-subtle);
  flex-shrink: 0;
}

.integrated-search:not(a.integrated-search) a:hover {
  text-decoration: underline;
}
.integrated-search:not(a.integrated-search) .tit {
  font-size: var(--font-size-heading-medium);
  text-align: center;
}
.integrated-search:not(a.integrated-search) > div {
  position: relative;
  max-width: var(--main-wrap);
  margin: 0 auto;
  padding: var(--padding-07);
}
.integrated-search:not(a.integrated-search) .search__form {
  width: 100%;
  background: #fff;
  border-radius: var(--border-radius-small);
  border: 1px solid var(--color-border-gray-subtle);
  align-items: center;
  padding: var(--padding-04);
  gap: var(--gap-03);
}
.integrated-search:not(a.integrated-search) .search__form.is-focused {
  border: 1px solid var(--color-background-primary);
}
.integrated-search:not(a.integrated-search).open {
  display: block;
}
.integrated-search:not(a.integrated-search) select {
  width: unset;
  border: 0;
}
.integrated-search:not(a.integrated-search) .search-box {
  position: relative;
  margin: var(--icon-size-medium) auto 0;
  padding: 0;
  border: 0;
}
.integrated-search:not(a.integrated-search) .search-box input {
  flex: 1;
  border: 0;
}
.integrated-search:not(a.integrated-search) .search-box .btn__search {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: var(--icon-size-medium);
  height: var(--icon-size-medium);
  background: url(../images/common/ico-header-search.svg) no-repeat center/32px;
}
.integrated-search:not(a.integrated-search) .search-box .btn__search::before {
  content: none;
}
.integrated-search:not(a.integrated-search) a.search__close {
  width: var(--icon-size-medium);
  height: var(--icon-size-medium);
  display: inline-block;
  background: url(../images/common/ico-sitemap-close.svg) no-repeat center;
  position: absolute;
  right: var(--icon-size-medium);
}

.system__purpose__img {
  margin-top: var(--padding-07);
  text-align: center;
}
.system__purpose__img__box {
  position: relative;
}
.system__purpose__img__box span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: var(--font-size-heading-small);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-inverse-static);
  text-align: center;
}
.system__purpose__img > span {
  margin-top: var(--padding-05);
  display: inline-block;
  font-weight: var(--font-weight-bold);
}

.explanation__box:not(.types__of__ecological__risks .explanation__box) {
  margin-bottom: var(--padding-11);
}
.explanation__box .mini__title {
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-heading-xsmall);
  vertical-align: baseline;
  margin-right: var(--padding-02);
  margin-bottom: var(--padding-04);
  display: inline-block;
}
.explanation__box .mini__title.type__dot::before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  background-color: var(--color-text-basic);
  border-radius: var(--border-radius-maximum);
  vertical-align: middle;
  margin-right: var(--padding-02);
  position: relative;
  top: -2px;
}
.explanation__box .mini__title.type__req::before {
  content: "*";
  color: var(--color-background-primary);
  margin-right: var(--padding-01);
  font-weight: var(--font-weight-bold);
  position: relative;
  top: -2px;
}

.function__description {
  width: 100%;
  position: relative;
  flex: 1;
  border: 3px solid var(--color-border-gray-subtle);
  border-radius: var(--border-radius-small);
  padding: var(--padding-09) var(--padding-04);
}
.function__description > ul {
  position: relative;
  display: flex;
  align-items: unset;
  justify-content: unset;
  flex-direction: row;
  margin-bottom: var(--padding-10);
}
.function__description > ul::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -20px;
  width: 510px;
  height: 4px;
  background-color: var(--color-border-gray-subtle);
  left: 50%;
  transform: translateX(-50%);
}
.function__description > ul::after {
  content: "";
  display: block;
  margin: 0 auto;
  width: 30px;
  height: 50px;
  background: url(../images/common/ico-arrow_down__type__img.svg) no-repeat center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -70px;
}
.function__description > ul > li {
  padding: 14px 4px;
  border: 2px solid var(--color-border-gray-subtle);
  border-radius: var(--border-radius-maximum);
  word-break: keep-all;
  text-align: center;
  font-size: var(--font-size-label-xsmall);
  position: relative;
  width: 20%;
}
.function__description > ul > li::after {
  content: "";
  display: block;
  position: absolute;
  width: 4px;
  height: 20px;
  background-color: var(--color-border-gray-subtle);
  left: 50%;
  transform: translateX(-50%);
  bottom: -20px;
}
.function__description__img {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  gap: var(--padding-07);
  margin-bottom: var(--padding-09);
  position: relative;
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-heading-small);
}
.function__description__img::after {
  content: "";
  display: block;
  position: absolute;
  width: 30px;
  height: 50px;
  background: url(../images/common/ico-arrow_down__type__img.svg) no-repeat center;
  left: 50%;
  transform: translateX(-50%);
  bottom: -50px;
}
.function__description__user {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.function__description__user > div {
  padding: var(--padding-05) var(--padding-04);
  border-radius: var(--border-radius-maximum);
  background-color: #cdcdcd;
  font-weight: var(--font-weight-bold);
  position: relative;
  margin-right: var(--padding-09);
}
.function__description__user > div::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 35px;
  height: 1px;
  border-bottom: 1px dashed #aaa;
  right: -35px;
}
.function__description__user > ul {
  display: flex;
  align-items: center;
  justify-content: unset;
  flex-direction: row;
}
.function__description__user > ul li {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 140px;
  height: 140px;
  border-radius: var(--border-radius-maximum);
  background-color: rgba(217, 217, 217, 0.7);
  font-weight: var(--font-weight-bold);
  gap: var(--padding-05);
}
.function__description__user > ul li:not(:last-child) {
  margin-right: -15px;
}
.function__service {
  flex: 1;
  background-color: #f7f7f7;
  border-radius: var(--border-radius-small);
  padding: var(--padding-09);
  display: flex;
  align-items: end;
  justify-content: unset;
  flex-direction: column;
  position: relative;
}
.function__service img {
  position: absolute;
  left: 40px;
  bottom: 40px;
  z-index: 0;
}
.function__service > ul {
  display: flex;
  align-items: center;
  justify-content: unset;
  flex-direction: row;
}
.function__service > ul li:not(:last-child)::after {
  content: "";
  display: inline-block;
  position: relative;
  top: -1px;
  width: 12px;
  height: 8px;
  margin: 0 var(--padding-07);
  background: url(../images/common/ico-arrow_right__type01.svg) no-repeat center/12px;
}
.function__service > ul li:last-child {
  font-size: var(--font-size-heading-small);
  font-weight: var(--font-weight-bold);
}
.function__service > *:not(img) {
  position: relative;
  z-index: 1;
}
.function__service > div {
  text-align: right;
}
.function__service > div > p {
  width: 300px;
  margin: var(--padding-06) 0 var(--padding-08) 0;
}

.direction__of__propulsion {
  margin-top: var(--padding-05);
}
.direction__of__propulsion > ul {
  display: flex;
  align-items: unset;
  justify-content: unset;
  flex-direction: row;
  flex-wrap: wrap;
}
.direction__of__propulsion > ul li {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  width: 50%;
  gap: var(--padding-07);
  position: relative;
  font-size: var(--font-size-heading-xsmall);
  font-weight: var(--font-weight-bold);
  min-width: 265px;
}
.direction__of__propulsion > ul li:nth-child(1), .direction__of__propulsion > ul li:nth-child(3) {
  border-right: 1px solid var(--color-border-gray-subtle);
}
.direction__of__propulsion > ul li:nth-child(1), .direction__of__propulsion > ul li:nth-child(2) {
  border-bottom: 1px solid var(--color-border-gray-subtle);
}
.direction__of__propulsion > ul li:nth-child(2), .direction__of__propulsion > ul li:nth-child(3) {
  background-color: #f7f7f7;
}

.promotion__based {
  display: flex;
  align-items: unset;
  justify-content: unset;
  flex-direction: row;
  gap: var(--padding-09);
}
.promotion__based > li {
  flex: 1;
  border: 1px solid var(--color-border-gray-subtle);
  border-radius: var(--border-radius-small);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 350px;
  gap: var(--padding-09);
  font-size: var(--font-size-heading-xsmall);
  font-weight: var(--font-weight-bold);
  text-align: center;
}

.consultative__box {
  margin-top: var(--padding-02);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  border-radius: var(--border-radius-small);
  background-color: var(--color-background-gray-subtler);
  padding: var(--padding-07);
  gap: var(--padding-09);
}

.agency {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: row;
  margin-top: var(--padding-09);
  gap: 120px;
}
.agency > div {
  display: flex;
  align-items: center;
  justify-content: unset;
  flex-direction: column;
  flex: 1;
}
.agency > div:nth-child(1) .agency__title {
  background-color: #01C7C9;
}
.agency > div:nth-child(2) .agency__title {
  background-color: #0184E5;
}
.agency__title {
  display: inline-block;
  font-size: var(--font-size-heading-medium);
  width: 85%;
  text-align: center;
  color: var(--color-text-inverse-static);
  margin-bottom: var(--padding-08);
  font-weight: var(--font-weight-bold);
  padding: var(--padding-05);
  border-radius: var(--border-radius-maximum);
}
.agency__box {
  display: flex;
  align-items: unset;
  justify-content: unset;
  flex-direction: row;
  gap: var(--padding-07);
  position: relative;
  background-color: #f9f9f9;
  border: 2px solid var(--color-border-gray-subtle);
  border-radius: var(--border-radius-small);
  margin-bottom: var(--padding-08);
  padding: var(--padding-10) var(--padding-06) var(--padding-06);
  flex-wrap: wrap;
}
.agency__box img {
  width: 120px;
}
.agency__box > div {
  width: calc(50% - 12px);
}
.agency__box__title {
  position: absolute;
  top: 0;
  left: 24px;
  transform: translateY(-50%);
  min-width: 90px;
  text-align: center;
  font-weight: var(--font-weight-bold);
  background-color: #d7d7d7;
  border-radius: var(--border-radius-small);
  padding: var(--padding-03);
}
.agency__box__depth {
  background-color: var(--color-background-white-subtle);
  border: 0.5px solid var(--color-border-gray-subtle);
  border-radius: var(--border-radius-small);
  padding: var(--padding-08) var(--padding-07) var(--padding-05);
  position: relative;
  word-break: keep-all;
}
.agency__box__depth p {
  display: flex;
  align-items: flex-start;
  justify-content: unset;
  flex-direction: row;
}
.agency__box__depth p::before {
  flex-shrink: 0;
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  background-color: var(--color-text-subtle);
  border-radius: var(--border-radius-maximum);
  margin-right: var(--padding-02);
  margin-top: var(--padding-02);
}
.agency__box__depth__title {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 90px;
  text-align: center;
  font-weight: var(--font-weight-bold);
  padding: var(--padding-03);
}
.agency__box__depth__title::before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 4px;
  background-color: #fff;
  vertical-align: middle;
  margin-right: var(--padding-02);
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  z-index: -1;
}
.agency__box .flex__box {
  gap: var(--padding-07);
}
.agency__box .flex__box.column {
  flex-direction: column;
}

.intro__list__nioe {
  background-color: var(--color-background-gray-subtler);
}
.intro__list__moe .logo__area, .intro__list__nioe .logo__area {
  width: 235px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.intro__list__moe > div, .intro__list__nioe > div {
  display: flex;
  align-items: center;
  justify-content: unset;
  flex-direction: row;
  gap: var(--padding-11);
  padding: var(--padding-11) var(--padding-08);
}
.intro__list__moe ul, .intro__list__nioe ul {
  display: flex;
  align-items: unset;
  justify-content: unset;
  flex-direction: column;
  gap: var(--padding-08);
  position: relative;
}
.intro__list__moe ul::before, .intro__list__nioe ul::before {
  content: "";
  display: block;
  width: 4px;
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 3px;
  background-color: #ddd;
}
.intro__list__moe ul li, .intro__list__nioe ul li {
  display: flex;
  align-items: center;
  justify-content: unset;
  flex-direction: row;
  gap: var(--padding-10);
  font-size: var(--font-size-heading-small);
}
.intro__list__moe ul li .blue, .intro__list__nioe ul li .blue {
  color: var(--color-text-primary);
  font-weight: var(--font-weight-bold);
}
.intro__list__moe ul li .year, .intro__list__nioe ul li .year {
  display: inline-block;
  width: 120px;
  text-align: center;
}
.intro__list__moe ul li::before, .intro__list__nioe ul li::before {
  content: "";
  display: block;
  box-sizing: border-box;
  width: 10px;
  height: 10px;
  border-radius: var(--border-radius-maximum);
  background-color: var(--color-text-subtle);
  border: 2px solid #fff;
  position: relative;
  z-index: 1;
}
.intro__list__moe ul::after, .intro__list__nioe ul::after {
  content: none;
}

.climate__category {
  display: flex;
  align-items: unset;
  justify-content: center;
  flex-direction: row;
  gap: var(--padding-07);
  margin-top: var(--padding-11);
  background: url(../images/common/ico-climate__category.svg) no-repeat bottom 10px right 10px;
}
.climate__category > div {
  flex: 1;
  position: relative;
}
.climate__category > div:not(:last-child)::after {
  content: "";
  display: block;
  position: absolute;
  top: 80px;
  right: -12px;
  bottom: 0;
  width: 1px;
  border-right: 1px dashed var(--color-border-gray-subtle);
}
.climate__category__title {
  font-size: var(--font-size-heading-small);
  text-align: center;
  padding: var(--padding-05) 0;
  background-color: var(--color-background-gray-subtler);
  border-radius: var(--border-radius-small);
  border: 1px solid var(--color-border-gray-subtle);
  margin-bottom: var(--padding-06);
}
.climate__category ul {
  display: flex;
  align-items: unset;
  justify-content: unset;
  flex-direction: column;
  padding: 0 var(--padding-03);
  gap: var(--padding-02);
}
.climate__category ul li {
  display: flex;
  align-items: center;
  justify-content: unset;
  flex-direction: row;
}
.climate__category ul li span:nth-child(1) {
  width: 80px;
  padding: var(--padding-04) 0;
  text-align: center;
  border-radius: var(--border-radius-maximum);
  margin-right: var(--padding-04);
  background-color: var(--color-background-gray-subtler);
}

.climate__bottom__title {
  width: 100%;
  background-image: linear-gradient(4deg, #00C9C8, #0082E5);
  color: var(--color-text-inverse-static);
  border-radius: var(--border-radius-small);
  text-align: center;
  padding: var(--padding-04) 0;
  margin-top: var(--padding-05);
}

.ecological__network {
  display: flex;
  align-items: center;
  justify-content: unset;
  flex-direction: row;
  padding: var(--padding-05) 0;
  border: 3px solid var(--color-border-gray-subtle);
  gap: var(--padding-09);
  border-radius: var(--border-radius-maximum);
  margin-bottom: var(--padding-08);
  padding-left: 110px;
}
.ecological__network__message {
  margin-top: var(--padding-09);
  margin-bottom: var(--padding-07);
}
.ecological__network__message h1 {
  font-size: var(--font-size-heading-medium);
  text-align: center;
}
.ecological__network .num {
  font-size: var(--font-size-heading-medium);
  color: #0082e5;
  font-weight: var(--font-weight-bold);
}
.ecological__network .num.type01 {
  color: #00C9C8;
}
.ecological__network > div {
  color: var(--color-text-subtle);
}
.ecological__network > div > p:nth-child(1) {
  font-size: var(--font-size-heading-small);
  font-weight: var(--font-weight-bold);
  margin-bottom: var(--padding-02);
}

.observational__box {
  display: flex;
  align-items: unset;
  justify-content: unset;
  flex-direction: row;
  gap: var(--padding-09);
}
.observational__box li {
  flex: 1;
  padding: var(--padding-05) 0;
  background-color: var(--color-background-gray-subtler);
  border-radius: var(--border-radius-small);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-height: 340px;
  text-align: center;
}
.observational__title {
  font-size: var(--font-size-heading-small);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-basic);
  margin-bottom: var(--padding-05);
}

.lisk__area {
  padding: var(--padding-11) var(--padding-08);
  align-items: center;
  justify-content: space-between;
}
.lisk__area .lisk__text {
  position: relative;
}
.lisk__area .lisk__text__title {
  font-size: var(--font-size-heading-large);
  font-weight: var(--font-weight-bold);
  padding-left: var(--padding-10);
}
.lisk__area .lisk__text__title .num {
  display: inline-block;
  vertical-align: middle;
  padding: var(--padding-01) var(--padding-04);
  border-radius: var(--border-radius-small);
  background-color: var(--color-text-basic);
  color: #fff;
  font-size: var(--font-size-heading-medium);
  margin-right: var(--padding-05);
  left: 0;
  position: absolute;
  top: 2px;
}
.lisk__area .lisk__text__box {
  margin-top: var(--padding-08);
}
.lisk__area .lisk__text__box > p {
  font-size: var(--font-size-heading-small);
  font-weight: var(--font-weight-bold);
  margin-bottom: var(--padding-03);
}
.lisk__area .lisk__text__box.type__absolute {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.lisk__area .lisk__text__box > p.type01 {
  padding-left: var(--padding-10);
}
.lisk__area .lisk__text .lisk__book {
  position: relative;
  word-break: keep-all;
  margin-top: var(--padding-11);
}
.lisk__area .lisk__text .lisk__book img {
  display: block;
}
.lisk__area .lisk__text .lisk__book__text {
  position: absolute;
  top: 0;
  left: 158px;
}
.lisk__area .lisk__text.type__absolute {
  position: absolute;
  right: 32px;
}
.lisk__area.type__bg {
  background-color: var(--color-background-gray-subtler);
}
.lisk__area.type__align__center {
  align-items: normal;
}

.po-r {
  position: relative;
}

.policy__list {
  border-bottom: 1px solid var(--color-border-gray-subtle);
}
.policy__list__box {
  margin-top: var(--padding-08);
}
.policy__list__title {
  font-size: var(--font-size-heading-medium);
  font-weight: var(--font-weight-bold);
  border-bottom: 2px solid var(--color-border-gray);
  padding-left: var(--padding-05);
  padding-bottom: var(--padding-02);
  margin-bottom: var(--padding-05);
}
.policy__list > a {
  display: block;
  width: 100%;
  padding: var(--padding-05);
  font-size: var(--font-size-heading-xsmall);
  position: relative;
  font-weight: var(--font-weight-bold);
}
.policy__list > a.active {
  padding-top: var(--padding-08);
  color: var(--color-text-subtle);
}
.policy__list > a.active::before {
  background: transparent url(../images/common/ico-accordion-down-line.svg) no-repeat center;
}
.policy__list > a::before {
  content: "";
  display: inline-block;
  width: var(--icon-size-small);
  height: var(--icon-size-small);
  border-radius: var(--border-radius-small);
  background: var(--color-background-primary) url(../images/common/ico-accordion-right_white.svg) no-repeat center;
  vertical-align: middle;
  position: relative;
  top: -2px;
  margin-right: var(--padding-02);
}
.policy__list > a + div {
  display: none;
  padding: var(--padding-05) var(--padding-05) var(--padding-08);
  word-break: keep-all;
}
.policy__text {
  margin: var(--padding-03) 0;
  color: var(--color-text-bolder);
  font-size: var(--font-size-body-medium);
}
.policy__text.type__light {
  font-weight: var(--font-weight-normal);
  color: var(--color-text-subtle);
  font-size: var(--font-size-body-small);
  margin: var(--padding-02) 0;
}
.policy__text a {
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
}
.policy__text a:hover {
  text-decoration: underline;
}
.policy__img__box {
  border: 2px solid var(--color-border-gray-subtle);
  border-radius: var(--border-radius-small);
  overflow: hidden;
  text-align: center;
  padding-bottom: var(--padding-05);
  margin-top: var(--padding-05);
}
.policy__img__title {
  display: inline-block;
  background-color: var(--color-background-gray-subtler);
  width: 100%;
  font-size: var(--font-size-heading-small);
  padding: var(--padding-02);
  margin-bottom: var(--padding-05);
  font-weight: var(--font-weight-bold);
}

.copyright__policy__explanation {
  font-size: var(--font-size-heading-small);
  font-weight: var(--font-weight-bold);
  padding: var(--padding-07);
  border: 1px solid var(--color-border-gray-subtle);
  border-radius: var(--border-radius-small);
  background-color: var(--color-background-gray-subtler);
}
.copyright__policy__text {
  margin-top: var(--padding-06);
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-body-small);
  word-break: keep-all;
}
.copyright__policy__text > p {
  padding-left: var(--padding-07);
  margin-top: var(--padding-02);
  font-weight: var(--font-weight-regular);
}

.error__box {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  margin: 85px 0;
}
.error__box > div > span {
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-heading-xlarge);
}
.error__box > div > span.en {
  font-size: var(--font-size-heading-large);
  color: var(--color-text-disabled);
  margin-left: var(--padding-05);
}
.error__box > div > div {
  font-size: var(--font-size-body-medium);
  color: var(--color-text-subtle);
  margin-top: var(--padding-09);
  position: relative;
  padding-left: var(--padding-07);
}
.error__box > div > div::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 100%;
  left: 0;
  background-color: #407bff;
  position: absolute;
  border-radius: var(--border-radius-maximum);
}

.keyword__box {
  display: flex;
  align-items: flex-start;
  justify-content: unset;
  flex-direction: row;
  margin-top: var(--padding-02);
}
.keyword__box .title {
  display: inline-block;
  padding-top: var(--padding-07);
  flex-shrink: 0;
  color: var(--color-text-subtle);
}
.keyword__list {
  padding: var(--padding-05);
  border-radius: var(--border-radius-small);
}
.keyword__list ul {
  display: flex;
  align-items: center;
  justify-content: unset;
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--gap-03);
}
.keyword__list ul li {
  padding: var(--padding-02) var(--padding-04);
  border-radius: var(--border-radius-small);
  color: var(--color-text-inverse-static);
  background: var(--color-background-gray);
  position: relative;
}

.service {
  display: flex;
  align-items: unset;
  justify-content: center;
  flex-direction: row;
  gap: var(--padding-07);
}
.service::after {
  content: none;
}
.service__item {
  border-radius: var(--border-radius-small);
  border: 1px solid var(--color-border-gray-subtle);
}
.service__item:hover {
  background-color: var(--color-background-primary-subtler);
  border: 1px solid var(--color-border-primary);
}
.service__link {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: var(--padding-07);
  text-align: center;
  width: 400px;
  height: 350px;
}
.service .tit {
  font-size: var(--font-size-heading-small);
  font-weight: var(--font-weight-bold);
}

.search-box.analysis {
  display: flex;
  align-items: unset;
  justify-content: unset;
  flex-direction: row;
  gap: var(--gap-03);
  background-color: var(--color-background-secondary-subtler);
  border-radius: var(--border-radius-small);
  border: 1px dashed var(--color-border-gray-subtle);
  padding: var(--padding-05);
  margin-bottom: var(--padding-09);
}
.search-box.analysis > ul {
  display: flex;
  align-items: unset;
  justify-content: unset;
  flex-direction: column;
  gap: var(--gap-02);
  flex: 1;
}
.search-box.analysis > ul > li {
  display: flex;
  align-items: unset;
  justify-content: unset;
  flex-direction: row;
  gap: var(--gap-02);
}
.search-box.analysis > ul::after {
  content: none;
}
.search-box.analysis .btn__search.icon {
  color: var(--button-primary-color-text);
  font-weight: var(--font-weight-bold);
  border: 0;
  border-radius: var(--border-radius-small);
  background-color: var(--button-primary-color);
  width: var(--min-width-01);
  font-size: var(--font-size-label-medium);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: var(--gap-02);
}
.search-box.analysis .btn__search.icon::before {
  content: "";
  display: block;
  width: var(--icon-size-medium);
  height: var(--icon-size-medium);
  background: url(../images/common/ico-search_white.svg) no-repeat center/32px;
  margin: 0 auto;
}

.radio__tab {
  border-bottom: 1px solid var(--color-border-gray-subtle);
  margin-bottom: var(--padding-05);
}
.radio__tab > label:not(:last-child) {
  margin-right: var(--padding-03);
}
.radio__tab .radio__name {
  display: inline-block;
  padding: var(--padding-04) var(--padding-03);
  font-size: var(--font-size-label-medium);
  font-weight: var(--font-weight-bold);
  background-color: var(--color-background-gray-subtler);
  border-radius: var(--border-radius-small) var(--border-radius-small) 0 0;
  color: var(--color-text-subtle);
}
.radio__tab input[type=radio]:checked + .radio__name {
  background: var(--color-background-primary);
  border-color: var(--color-border-primary);
  color: var(--color-text-inverse-static);
}

.statistics .map__wrap {
  position: relative;
}
.statistics .map__wrap .map {
  width: 750px;
  min-height: 500px;
  height: 100%;
  background-color: var(--color-background-gray-subtler);
  border-radius: var(--border-radius-small);
}
.statistics .map__wrap .map .center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.statistics .map__wrap .search__type__select {
  position: absolute;
  top: 20px;
  left: 20px;
}
.statistics__wrap {
  display: flex;
  align-items: unset;
  justify-content: unset;
  flex-direction: row;
  gap: var(--padding-09);
}
.statistics__wrap .boxing {
  display: flex;
  align-items: unset;
  justify-content: unset;
  flex-direction: row;
  gap: var(--padding-05);
}
.statistics__wrap .box.chart {
  flex: 1;
}
.statistics .title {
  font-size: var(--font-size-heading-small);
  font-weight: var(--font-weight-bold);
  margin-bottom: var(--padding-02);
}
.statistics .chart-area {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  background-color: var(--color-background-gray-subtler);
  padding: var(--padding-05);
  min-height: 190px;
  max-width: 600px;
}
.statistics .table__area {
  display: flex;
  align-items: unset;
  justify-content: unset;
  flex-direction: column;
  gap: var(--padding-07);
}
.statistics .array {
  border: 0;
  background-color: transparent;
  font-size: var(--font-size-label-small);
  font-weight: var(--font-weight-bold);
  cursor: pointer;
}
.statistics .array::after {
  content: "";
  display: inline-block;
  width: var(--icon-size-small);
  height: var(--icon-size-small);
  margin: 0 auto;
  vertical-align: middle;
  margin-left: var(--padding-02);
  position: relative;
  top: -2px;
  background: url(../images/common/ico-accordion-down-line.svg) no-repeat center;
  transition: all 0.3s;
}
.statistics .array.up::after {
  transform: rotate(180deg);
}
.statistics .search-box {
  margin-bottom: 0;
}

.quick__menu__title {
  display: flex;
  align-items: center;
  justify-content: unset;
  flex-direction: row;
  gap: var(--padding-07);
  margin-bottom: var(--padding-07);
}
.quick__menu__title h1 {
  font-size: var(--font-size-heading-large);
}
.quick__menu__title span {
  font-size: var(--font-size-heading-small);
  color: var(--color-text-subtle);
}
.quick__menu__list {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: row;
  padding: var(--padding-10) var(--padding-11);
  background: var(--color-background-gray-subtler);
  border-radius: var(--border-radius-small);
}
.quick__menu__list::after {
  content: none;
}
.quick__menu__list a:hover span {
  color: var(--color-text-primary);
}
.quick__menu__list a:hover span::before {
  border-color: var(--color-background-primary);
  background-color: var(--color-background-primary-subtler);
}
.quick__menu__list a span {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  font-weight: var(--font-weight-bold);
}
.quick__menu__list a span::before {
  content: "";
  display: block;
  width: var(--icon-size-large);
  height: var(--icon-size-large);
  margin: 0 auto;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #fff;
  border-radius: var(--border-radius-maximum);
  margin-bottom: var(--padding-05);
  padding: var(--padding-04);
  border: 2px solid var(--color-background-white-subtle);
}
.quick__menu__list li:nth-child(1) a span::before {
  background-image: url(../images/ico-quick01.svg);
}
.quick__menu__list li:nth-child(2) a span::before {
  background-image: url(../images/ico-quick02.svg);
}
.quick__menu__list li:nth-child(3) a span::before {
  background-image: url(../images/ico-quick03.svg);
}
.quick__menu__list li:nth-child(4) a span::before {
  background-image: url(../images/ico-quick04.svg);
}
.quick__menu__list li:nth-child(5) a span::before {
  background-image: url(../images/ico-quick05.svg);
}
.quick__menu__list li:nth-child(6) a span::before {
  background-image: url(../images/ico-quick06.svg);
}

.body.main section {
  margin-bottom: 80px;
}

.board__section .wrap {
  display: flex;
  align-items: unset;
  justify-content: space-between;
  flex-direction: row;
  gap: var(--padding-07);
}
.board__section .wrap .main__notice {
  width: calc(33.333% - 24px);
}
.board__section .title {
  display: inline-block;
  margin-bottom: var(--padding-04);
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-heading-medium);
  vertical-align: middle;
}
.board__section .title::after {
  content: "";
  display: inline-block;
  width: var(--icon-size-medium);
  height: var(--icon-size-medium);
  background: url(../images/ico-more.svg) no-repeat center;
  vertical-align: middle;
  margin-left: var(--padding-02);
  position: relative;
  top: -2px;
}
.board__section .board__list {
  width: 100%;
  border: 1px solid var(--color-border-gray-subtle);
  border-radius: var(--border-radius-small);
  padding: var(--padding-05) var(--padding-07);
  min-height: 184px;
}
.board__section .board__list li {
  width: 100%;
  position: relative;
}
.board__section .board__list li:not(:last-child) {
  margin-bottom: var(--padding-03);
}
.board__section .board__list li a {
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.board__section .board__list li a:hover {
  text-decoration: underline;
  color: var(--color-text-primary);
  font-weight: var(--font-weight-bold);
}
.board__section .board__list li a:hover::before {
  background-color: rgb(0, 130, 229);
}
.board__section .board__list li a::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  background-color: rgba(0, 130, 229, 0.5);
  border-radius: var(--border-radius-maximum);
  margin-right: var(--padding-02);
  vertical-align: middle;
}

.main-widget {
  position: fixed;
  bottom: 15vh;
  right: 7vw;
}
.main-widget ul {
  display: flex;
  align-items: unset;
  justify-content: unset;
  flex-direction: column;
  gap: var(--padding-01);
}
.main-widget ul::after {
  content: none;
}
.main-widget ul li {
  padding: var(--padding-02);
  border-radius: var(--border-radius-small);
  background-color: var(--color-background-white-subtle);
  box-shadow: var(--shadow-normal-gray);
  position: relative;
}
.main-widget ul li:hover {
  background-color: var(--color-background-primary-subtler-hover);
}
.main-widget ul li:hover span {
  display: block;
}
.main-widget ul li span {
  display: none;
  position: absolute;
  left: calc(100% + 4px);
  top: 50%;
  transform: translateY(-50%);
  white-space: nowrap;
  padding: var(--padding-02);
  background-color: #fff;
  border-radius: var(--border-radius-small);
}

.card-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--padding-04);
}
.card-list > li {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: var(--padding-02);
  border: 1px solid var(--color-border-gray-subtle);
  border-radius: var(--border-radius-small);
  padding: var(--padding-06);
}
.card-list > li:hover {
  cursor: pointer;
  border: 1px solid var(--color-border-primary);
  background-color: var(--color-background-primary-subtler);
}
.card-list > li > span {
  display: block;
  color: var(--color-text-subtle);
}
.card-list > li > span.card-title {
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-heading-small);
  color: var(--color-text-basic);
}
.card-list > li > span.card-count {
  font-size: var(--font-size-heading-xsmall);
  margin-bottom: var(--padding-02);
}
.card-list > li > span .cnt {
  color: var(--color-text-primary);
  font-weight: var(--font-weight-bold);
}

.main__lisk {
  height: 910px;
  position: relative;
}
.main__lisk .catchphrase {
  position: absolute;
  top: 60px;
  right: 0;
  text-align: right;
  font-size: var(--font-size-heading-xlarge);
  font-weight: var(--font-weight-bold);
}
.main__lisk .catchphrase span {
  font-size: var(--font-size-heading-small);
  font-weight: var(--font-weight-regular);
}
.main__lisk .catchphrase.type01 {
  bottom: 16px;
  right: unset;
  top: unset;
  left: 16px;
  z-index: 1;
  text-align: left;
  padding: var(--padding-02);
  font-size: var(--font-size-heading-medium);
}
.main__lisk .catchphrase.type01::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: var(--border-radius-small);
  background-color: rgb(255, 255, 255);
  box-shadow: 0 0 4px 5px rgb(255, 255, 255);
  opacity: 0.65;
  z-index: -1;
  position: absolute;
}
.main__lisk .lisk__box {
  height: 100%;
  background: url(../images/main/background-color.svg) no-repeat center/cover;
}
.main__lisk .area {
  position: relative;
  width: 1438px;
  height: 822px;
  margin: 0 auto;
}
.main__lisk .area .entire {
  position: absolute;
  top: 80px;
  left: 50%;
  transform: translateX(-50%);
}
.main__lisk .area .sun {
  position: absolute;
  top: 18%;
  width: clamp(150px, 13.25vw, 240px);
  height: clamp(150px, 13.25vw, 240px);
  right: 8%;
}
.main__lisk .area .lisk__explain > li {
  position: absolute;
}
.main__lisk .area .lisk__explain > li.active {
  z-index: 2;
}
.main__lisk .area .lisk__explain > li:hover {
  transition: scale 0.2s ease-in-out;
}
.main__lisk .area .lisk__explain > li:hover .img__box img {
  transform: scale(1.1);
}
.main__lisk .area .lisk__explain > li .lisk__detail {
  position: absolute;
  width: var(--icon-size-small);
  height: var(--icon-size-small);
  border: 1.5px solid var(--color-background-white-subtle);
  box-shadow: var(--shadow-normal-gray);
  background-image: url(../images/main/ico-lisk-open.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-color: rgba(37, 110, 244, 0.5);
  padding: 0;
  z-index: 1;
}
.main__lisk .area .lisk__explain > li .lisk__detail:hover {
  background-color: rgb(37, 110, 244);
}
.lisk__explain li.active .img__box img {
  transform: scale(1.3);
}
.lisk__explain li.active .lisk__detail {
  background-image: url(../images/main/ico-lisk-close.svg) !important;
  background-color: var(--color-text-subtle) !important;
}

.main__lisk .area .lisk__explain > li .img__box {
  display: inline-block;
  position: relative;
}
.main__lisk .area .lisk__explain > li .img__box img {
  transform: scale(1);
  transition: transform 0.1s ease-in-out;
}
.main__lisk .area .lisk__explain__box {
  display: none;
  position: relative;
  padding: var(--padding-07);
  box-shadow: var(--shadow-normal-gray);
  background-color: rgba(255, 255, 255, 0.85);
  width: 500px;
  margin: 0 auto;
  border-radius: var(--border-radius-small);
}
.main__lisk .area .lisk__explain__box .title {
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-heading-small);
  margin-bottom: var(--padding-05);
}
.main__lisk .area .lisk__explain__box .boxing {
  display: flex;
  align-items: unset;
  justify-content: unset;
  flex-direction: row;
  gap: var(--padding-03);
  color: var(--color-text-subtle);
}
.main__lisk .area .lisk__explain__box .boxing img {
  width: fit-content;
}
.main__lisk .area .lisk__explain__box .boxing span {
  word-break: keep-all;
}
.main__lisk .area .lisk__explain__box .boxing + button {
  margin-top: var(--padding-05);
  white-space: nowrap;
}
.main__lisk .area .lisk__explain__box .boxing + .btn__box > div {
  flex: 1;
}
.main__lisk .area .lisk__explain__box .boxing + .btn__box > div button {
  min-width: unset;
}
.main__lisk .area .lisk__explain__box .btn:not(.btn__share + ul button) {
  color: var(--color-text-inverse-static);
  flex: 1;
}
.main__lisk .area .lisk__explain__box .btn:not(.btn__share + ul button):disabled {
  background-color: var(--button-disabled-color);
  cursor: not-allowed;
}
.main__lisk .area .lisk__explain__box .btn:not(.btn__share + ul button)::before {
  margin-right: var(--padding-02);
}
.main__lisk .area .lisk__explain .land {
  bottom: -80px;
}
.main__lisk .area .lisk__explain .e01 {
  top: 9.9%;
  left: 6.1%;
}
.main__lisk .area .lisk__explain .e01 button.lisk__detail {
  left: 50%;
  transform: translateX(-50%);
  bottom: 85px;
  z-index: 1;
}
.main__lisk .area .lisk__explain .e01 .lisk__explain__box {
  top: -22px;
}
.main__lisk .area .lisk__explain .e15 {
  top: 19.5%;
  left: 5.7%;
}
.main__lisk .area .lisk__explain .e15 button.lisk__detail {
  bottom: 35%;
  right: 0px;
}
.main__lisk .area .lisk__explain .e05 {
  top: 23%;
  left: 33%;
}
.main__lisk .area .lisk__explain .e05 button.lisk__detail {
  bottom: 0;
  left: 20px;
}
.main__lisk .area .lisk__explain .e07 {
  top: 29.5%;
  left: 39%;
}
.main__lisk .area .lisk__explain .e07 button.lisk__detail {
  bottom: 35px;
  left: 35%;
}
.main__lisk .area .lisk__explain .e07 .lisk__explain__box {
  top: -30px;
}
.main__lisk .area .lisk__explain .e08 {
  top: 38%;
  left: 38%;
}
.main__lisk .area .lisk__explain .e08 button.lisk__detail {
  top: 128px;
  left: 50%;
  z-index: 1;
}
.main__lisk .area .lisk__explain .e08 .lisk__explain__box {
  bottom: -40px;
}
.main__lisk .area .lisk__explain .e09 {
  top: 38.7%;
  left: 54.1%;
}
.main__lisk .area .lisk__explain .e09 button.lisk__detail {
  bottom: 0;
  left: 50%;
}
.main__lisk .area .lisk__explain .e04 {
  top: 41%;
  left: 20.8%;
}
.main__lisk .area .lisk__explain .e04 button.lisk__detail {
  bottom: 60px;
  left: 35%;
}
.main__lisk .area .lisk__explain .e04 .lisk__explain__box {
  top: -22px;
}
.main__lisk .area .lisk__explain .e03_12 {
  top: 60.4%;
  left: 3.7%;
}
.main__lisk .area .lisk__explain .e03_12 button.lisk__detail {
  bottom: 0;
  left: 38%;
}
.main__lisk .area .lisk__explain .e03_12 .lisk__explain__box {
  top: -22px;
}
.main__lisk .area .lisk__explain .e10 {
  top: 70%;
  left: 31%;
}
.main__lisk .area .lisk__explain .e10 button.lisk__detail {
  top: 65%;
  left: 65%;
}
.main__lisk .area .lisk__explain .e14 {
  top: 46.5%;
  left: 71.2%;
}
.main__lisk .area .lisk__explain .e14 button.lisk__detail {
  top: 35%;
  left: 5%;
}
.main__lisk .area .lisk__explain .e14 .lisk__explain__box {
  top: 0;
  right: 90%;
  position: absolute;
}
.main__lisk .area .lisk__explain .e11 {
  bottom: -1%;
  left: 55.7%;
}
.main__lisk .area .lisk__explain .e11 button.lisk__detail {
  left: 33%;
  top: 0;
}
.main__lisk .lisk__dim {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.85);
  z-index: 1;
}
.main__lisk .lisk__dim.active {
  display: block;
}

.mobile-menu {
  display: none;
}
.mobile-menu .btn.ico {
  font-weight: var(--font-weight-regular);
  font-size: var(--font-size-body-xsmall);
  padding: 0;
}
.mobile-menu .btn.ico:not(:first-child) {
  margin-left: var(--padding-06);
}
.mobile-menu .btn.ico::before {
  width: var(--icon-size-xsmall);
  height: var(--icon-size-xsmall);
  display: block;
  margin: 0 auto 4px;
}
.mobile-menu .btn.ico.mobile-menu-open.active::before {
  background-image: url(../images/mobile/ico-mob-menu-close.svg);
}
.mobile-menu .mob-header {
  display: none;
  position: absolute;
  top: 100%;
  background-color: var(--color-background-white-subtle);
  border-top: 0.5px solid var(--color-border-gray-subtle);
  left: 0;
  right: 0;
  padding: var(--padding-04) var(--padding-06);
}
.mobile-menu .mob-header .boxing {
  display: flex;
  align-items: unset;
  justify-content: space-between;
  flex-direction: row;
}
.mobile-menu .mob-header .boxing .btn.ico.link::before {
  background-image: url(../images/mobile/ico-mob-link.svg);
}
.mobile-menu .mob-header a span {
  display: block;
}
.mobile-menu.active .mob-header {
  display: block;
}

.main__lisk__mobile {
  display: none;
}
.main__lisk__mobile__title {
  padding-top: var(--padding-09);
  padding-bottom: var(--padding-07);
  text-align: center;
}
.main__lisk__mobile__title p {
  font-size: var(--font-size-heading-medium);
  font-weight: var(--font-weight-bold);
  margin-bottom: var(--padding-02);
}
.main__lisk__mobile__title span {
  font-size: var(--font-size-heading-small);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-subtle);
}
.main__lisk__mobile .slick-dots {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  padding: 32px 20% 0;
}
.main__lisk__mobile .slick-dots::after {
  content: none;
}
.main__lisk__mobile .slick-dots .slick-active button {
  background-color: var(--color-background-primary);
  width: 12px;
  height: 12px;
}
.main__lisk__mobile .slick-dots button {
  width: 8px;
  height: 8px;
  border: 0;
  background-color: #ddd;
  border-radius: 50%;
  text-indent: 100%;
  overflow: hidden;
  cursor: pointer;
}
.main__lisk__mobile .slick-arrow {
  position: absolute;
  top: 43%;
  z-index: 1;
  width: var(--icon-size-medium);
  height: var(--icon-size-medium);
  background-color: rgb(255, 255, 255);
  background-position: center;
  background-repeat: no-repeat;
  border: 0;
  border-radius: var(--border-radius-small);
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  box-shadow: var(--shadow-normal-gray);
  cursor: pointer;
  transform: translateY(-50%);
}
.main__lisk__mobile .slick-arrow.slick-prev {
  left: 8px;
  background-image: url(../images/common/ico-accordion-left.svg);
}
.main__lisk__mobile .slick-arrow.slick-next {
  right: 8px;
  background-image: url(../images/common/ico-accordion-right.svg);
}
.main__lisk__mobile .single-item .item {
  border-radius: 10px;
  height: 400px;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: unset;
  flex-direction: row;
}
.main__lisk__mobile .single-item .item__box {
  padding: 0 8px;
  overflow: hidden;
}
.main__lisk__mobile .single-item .item::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.45) 65%);
}
.main__lisk__mobile .single-item .item.e01 img {
  min-width: 500px;
  top: 40% !important;
}
.main__lisk__mobile .single-item .item.e03 img {
  max-width: 500px;
  top: 40% !important;
}
.main__lisk__mobile .single-item .item.e04 img {
  top: 40% !important;
}
.main__lisk__mobile .single-item .item.e05 img {
  min-width: 490px;
  top: 40% !important;
}
.main__lisk__mobile .single-item .item.e07 img {
  min-width: 490px;
}
.main__lisk__mobile .single-item .item.e08 img {
  top: 0% !important;
  width: 490px;
}
.main__lisk__mobile .single-item .item.e06 img {
  max-width: 460px !important;
  top: 30%;
}
.main__lisk__mobile .single-item .item.e13 img {
  top: 30%;
}
.main__lisk__mobile .single-item .item .num {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 1;
  padding: 8px;
  border-radius: var(--border-radius-small);
  background-color: rgba(0, 0, 0, 0.45);
  width: fit-content;
  color: #fff;
  font-weight: var(--font-weight-bold);
  line-height: 26px;
}
.main__lisk__mobile .single-item .item .text-area {
  position: relative;
  z-index: 1;
  padding: var(--padding-02);
  word-break: keep-all;
  width: 100%;
}
.main__lisk__mobile .single-item .item .text-area .title {
  font-size: var(--font-size-heading-small);
  font-weight: var(--font-weight-bold);
  color: #fff;
  text-shadow: -1px -1px 0 #000000, 1px -1px 0 #000000, -1px 1px 0 #000000, 1px 1px 0 #000000;
  margin-bottom: var(--padding-02);
}
.main__lisk__mobile .single-item .item .text-area .link__box {
  width: 100%;
  display: flex;
  align-items: unset;
  justify-content: unset;
  flex-direction: row;
  gap: var(--padding-02);
  margin-top: var(--padding-05);
}
.main__lisk__mobile .single-item .item .text-area .link__box > div {
  flex: 1;
}
.main__lisk__mobile .single-item .item .text-area .link__box .btn:not(.btn__share + ul button) {
  flex: 1;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  gap: var(--gap-01);
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.25);
}
.main__lisk__mobile .single-item .item .text-area .link__box .btn:not(.btn__share + ul button):disabled {
  opacity: 0.4;
}
.main__lisk__mobile .single-item .item .text-area .link__box .btn__share + ul {
  bottom: calc(100% + 12px);
  flex-direction: column;
  background-color: rgba(255, 255, 255, 0.95);
}
.main__lisk__mobile .single-item .item .text-area .link__box .btn__share + ul::before {
  transform: translateX(-50%) rotate(180deg);
  top: unset;
  bottom: -16px;
}
.main__lisk__mobile .single-item .item .text-area__inner {
  color: #fff;
  text-shadow: -1px -1px 0 #000000, 1px -1px 0 #000000, -1px 1px 0 #000000, 1px 1px 0 #000000;
  display: block;
  width: 100%;
  padding: var(--padding-03);
  border-radius: var(--border-radius-small);
}
.main__lisk__mobile .single-item .item img {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.main__lisk__mobile .single-item .item.sea {
  background-color: #8DB5D9;
}
.main__lisk__mobile .single-item .item.land {
  background-color: #C2D46E;
}
.main__lisk__mobile .single-item .item.gray {
  background-color: #E0E0E2;
}

.help__title {
  position: relative;
}
.help__title > span {
  display: none;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  top: -40px;
  border-radius: var(--border-radius-small);
  padding: var(--padding-02);
  background: rgba(255, 255, 255, 0.95);
}
.help__title:hover span {
  display: block;
}