:root {
  --body-width: 100vw;
  --header-height: 110px;
  --layout-width: 1420px;
  --layout-padding: 50px;
  --layout-margin: max(
    var(--layout-padding),
    calc(((var(--body-width)) - var(--layout-width)) / 2)
  );
  --floating-h: 80px;
  --floating-safe: env(safe-area-inset-bottom, 0px);
  --floating-space: calc(var(--floating-h) + var(--floating-safe));
}
@media (max-width: 1519px) {
  :root {
    --header-height: 100px;
  }
}
@media (max-width: 1279px) {
  :root {
    --layout-padding: 30px;
  }
}
@media (max-width: 1023px) {
  :root {
    --layout-padding: 16px;
    --header-height: 72px;
  }
}
:root {
  --font-gothic: "gothic", sans-serif;
  --font-base: var(--font-gothic);
  --font-point: "title_font", var(--font-base);
}

a, button, .icon {
  transition: background-color 0.3s ease-in-out, background-image 0.3s ease-in-out, color 0.3s ease-in-out, border 0.3s ease-in-out, box-shadow 0.3s ease-in-out, inset 0.3s ease-in-out, transform 0.3s ease-in-out, -webkit-mask-image 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out, background-image 0.3s ease-in-out, color 0.3s ease-in-out, border 0.3s ease-in-out, mask-image 0.3s ease-in-out, box-shadow 0.3s ease-in-out, inset 0.3s ease-in-out, transform 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out, background-image 0.3s ease-in-out, color 0.3s ease-in-out, border 0.3s ease-in-out, mask-image 0.3s ease-in-out, box-shadow 0.3s ease-in-out, inset 0.3s ease-in-out, transform 0.3s ease-in-out, -webkit-mask-image 0.3s ease-in-out;
}

a, button, .icon, *::before, *::after {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.hide, .sr-only, .skip, .blind {
  z-index: -1;
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
}

.layout {
  position: relative;
  width: 100%;
  max-width: calc(var(--layout-width) + var(--layout-padding) * 2);
  padding: 0 var(--layout-padding);
  margin: 0 auto;
}

#top_link {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}

#top_layout {
  position: absolute;
  left: 0;
  top: 48px;
  height: var(--header-height);
}
#top_layout::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: var(--header-height);
  background-color: rgba(0, 0, 0, 0.04);
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(4px);
  opacity: 0;
  transition: opacity 0.3s;
  pointer-events: none;
}
#top_layout .top_wrap {
  z-index: 1;
}
#top_layout .top_wrap .utile_wrap li.pc a, #top_layout .top_wrap .utile_wrap li.pc button, #top_layout .top_wrap .utile_wrap li.pc span, #top_layout .top_wrap .utile_wrap li.mo a, #top_layout .top_wrap .utile_wrap li.mo button, #top_layout .top_wrap .utile_wrap li.mo span {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg width='23' height='18' viewBox='0 0 23 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='8' y1='1' x2='23' y2='1' stroke='%23222222' stroke-width='2'/%3E%3Cline x1='8.74228e-08' y1='9' x2='23' y2='9' stroke='%23222222' stroke-width='2'/%3E%3Cline x1='3' y1='17' x2='23' y2='17' stroke='%23222222' stroke-width='2'/%3E%3C/svg%3E%0A");
}
#top_layout:not(.on) {
  background: transparent;
  border-bottom-color: transparent;
}
#top_layout:not(.on)::after {
  opacity: 1;
}
#top_layout:not(.on) .top_wrap #logo .logo .logo-icon {
  background-image: url(/images/mayor/common/logo-white.svg);
}
#top_layout:not(.on) .top_wrap #logo .logo em {
  color: #FFF;
}
#top_layout:not(.on) .top_wrap .utile_wrap li.pc a, #top_layout:not(.on) .top_wrap .utile_wrap li.pc button, #top_layout:not(.on) .top_wrap .utile_wrap li.pc span, #top_layout:not(.on) .top_wrap .utile_wrap li.mo a, #top_layout:not(.on) .top_wrap .utile_wrap li.mo button, #top_layout:not(.on) .top_wrap .utile_wrap li.mo span {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg width='23' height='18' viewBox='0 0 23 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='8' y1='1' x2='23' y2='1' stroke='%23FFFFFF' stroke-width='2'/%3E%3Cline x1='8.74228e-08' y1='9' x2='23' y2='9' stroke='%23FFFFFF' stroke-width='2'/%3E%3Cline x1='3' y1='17' x2='23' y2='17' stroke='%23FFFFFF' stroke-width='2'/%3E%3C/svg%3E%0A");
}
#top_layout:not(.on) #gnb_layout .depth1_ul > li > a span {
  color: #FFF;
}

#gnb_layout {
  min-height: var(--header-height);
}
#gnb_layout .layout {
  max-width: var(--layout-width);
}
#gnb_layout .depth1_ul > li > a span {
  line-height: var(--header-height);
}
#gnb_layout .depth1_ul > li .item {
  top: var(--header-height);
  padding-left: 330px;
}
#gnb_layout.open::before, #gnb_layout.open::after {
  top: var(--header-height);
}

#gnb {
  height: var(--header-height);
}

@media (max-width: 767px) {
  #foot_layout::after {
    display: block;
    height: var(--floating-space);
    content: "";
  }
}

.floating-bar {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 100;
}
@media (max-width: 1919px) {
  .floating-bar {
    bottom: 56px;
  }
}
@media (max-width: 767px) {
  .floating-bar {
    right: 0;
    left: 0;
    bottom: 0;
    width: auto;
    height: var(--floating-h);
    background-color: #FFF;
    box-shadow: 0 3.2px 19.2px 0 rgba(4, 32, 28, 0.12);
    padding: 0 40px var(--floating-safe);
  }
}
@media (max-width: 399px) {
  .floating-bar {
    padding: 0 20px;
  }
}
.floating-ul {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
@media (max-width: 767px) {
  .floating-ul {
    flex-direction: row;
    gap: 60px;
    align-items: center;
    justify-content: center;
    height: 100%;
  }
}
@media (max-width: 575px) {
  .floating-ul {
    gap: 0;
    justify-content: space-between;
  }
}
.floating-ul::before {
  position: absolute;
  left: 50%;
  top: -80px;
  transform: translateX(-50%);
  display: block;
  width: 80px;
  aspect-ratio: 1;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(/images/mayor/main/floating-obj.png);
  content: "";
}
@media (max-width: 767px) {
  .floating-ul::before {
    display: none;
  }
}
.floating-link {
  display: flex;
  align-items: center;
  gap: 6px;
  border-radius: 1000px;
  border: 1px solid #EEE;
  background-color: #F8F8F8;
  padding: 12px 16px;
}
@media (max-width: 767px) {
  .floating-link {
    flex-direction: column;
    gap: 10px;
    border-radius: 0;
    border: none;
    background-color: transparent;
    padding: 0;
  }
}
@media (max-width: 575px) {
  .floating-link {
    gap: 2px;
  }
}
.floating-link .icon {
  flex-shrink: 0;
  width: 20px;
  aspect-ratio: 1;
}
.floating-link .icon.icon1 {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_32594_8023)'%3E%3Cpath d='M14.4271 1H8.81783L3.29688 6.52096V15.0448C3.29688 16.6787 4.62167 18.0035 6.25559 18.0035H14.4271C16.061 18.0035 17.3858 16.6787 17.3858 15.0448V3.95872C17.3858 2.3248 16.061 1 14.4271 1Z' fill='url(%23paint0_linear_32594_8023)'/%3E%3Cpath d='M5.85912 6.52096C7.49304 6.52096 8.81783 5.19616 8.81783 3.56224V1L3.29688 6.52096H5.85912Z' fill='%23B0D4FF'/%3E%3Cpath d='M10.591 13.4689L11.7727 14.1303C12.2249 14.3837 12.7663 13.9901 12.6655 13.4823L12.4015 12.1537C12.367 11.9789 12.4255 11.7994 12.5561 11.6785L13.5507 10.7588C13.9308 10.4065 13.7244 9.77095 13.2099 9.70951L11.8649 9.55015C11.6883 9.52903 11.5347 9.41767 11.4607 9.25639L10.8934 8.02663C10.6764 7.55623 10.0073 7.55623 9.79034 8.02663L9.22298 9.25639C9.1481 9.41767 8.99546 9.52903 8.81882 9.55015L7.47386 9.70951C6.9593 9.77095 6.7529 10.4065 7.13306 10.7588L8.12762 11.6785C8.25818 11.7994 8.31674 11.9789 8.28218 12.1537L8.01818 13.4823C7.91738 13.9911 8.45786 14.3837 8.91098 14.1303L10.0927 13.4689C10.2483 13.3815 10.4374 13.3815 10.5929 13.4689H10.591Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_32594_8023' x1='10.3414' y1='18.0045' x2='10.3414' y2='1' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2383B6FF'/%3E%3Cstop offset='1' stop-color='%23006FF4'/%3E%3C/linearGradient%3E%3CclipPath id='clip0_32594_8023'%3E%3Crect width='14.0899' height='17.0045' fill='white' transform='translate(3.29688 1)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.floating-link .icon.icon2 {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_32594_8031)'%3E%3Cpath d='M16.6035 3.50977H2.67969V11.4922H16.6035V3.50977Z' fill='url(%23paint0_linear_32594_8031)'/%3E%3Cpath d='M13.1016 9.34407V5.84199C13.1016 5.34785 12.7012 4.94727 12.2073 4.94727C11.7134 4.94727 11.3131 5.34785 11.3131 5.84199V9.34407C11.3131 9.83821 11.7134 10.2388 12.2073 10.2388C12.7012 10.2388 13.1016 9.83821 13.1016 9.34407Z' fill='white'/%3E%3Cpath d='M10.5394 9.34587V6.96699C10.5394 6.47259 10.1391 6.07227 9.64472 6.07227C9.15032 6.07227 8.75 6.47259 8.75 6.96699V9.34587C8.75 9.84027 9.15032 10.2406 9.64472 10.2406C10.1391 10.2406 10.5394 9.84027 10.5394 9.34587Z' fill='%23E6E3FF'/%3E%3Cpath d='M7.97694 9.34475V8.09003C7.97694 7.59563 7.57662 7.19531 7.08222 7.19531C6.58782 7.19531 6.1875 7.59563 6.1875 8.09003V9.34475C6.1875 9.83915 6.58782 10.2395 7.08222 10.2395C7.57662 10.2395 7.97694 9.83915 7.97694 9.34475Z' fill='%23C8C5FF'/%3E%3Cpath d='M9.64009 18.4764C9.12265 18.4764 8.70312 18.0569 8.70312 17.5394V13.1206C8.70312 12.6031 9.12265 12.1836 9.64009 12.1836C10.1575 12.1836 10.577 12.6031 10.577 13.1206V17.5394C10.577 18.0569 10.1575 18.4764 9.64009 18.4764Z' fill='%232B2BBC'/%3E%3Cpath d='M9.63888 19.4321C10.5699 19.4321 11.3246 18.6773 11.3246 17.7463C11.3246 16.8153 10.5699 16.0605 9.63888 16.0605C8.70787 16.0605 7.95312 16.8153 7.95312 17.7463C7.95312 18.6773 8.70787 19.4321 9.63888 19.4321Z' fill='url(%23paint1_linear_32594_8031)'/%3E%3Cpath d='M16.7462 1H2.55159C1.85847 1 1.29688 1.5616 1.29688 2.25472C1.29688 2.94784 1.85847 3.50944 2.55159 3.50944H16.7462C17.4393 3.50944 18.0009 2.94784 18.0009 2.25472C18.0009 1.5616 17.4393 1 16.7462 1Z' fill='%236352E2'/%3E%3Cpath d='M16.7462 11.4922H2.55159C1.85847 11.4922 1.29688 12.0538 1.29688 12.7469C1.29688 13.44 1.85847 14.0016 2.55159 14.0016H16.7462C17.4393 14.0016 18.0009 13.44 18.0009 12.7469C18.0009 12.0538 17.4393 11.4922 16.7462 11.4922Z' fill='%236352E2'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_32594_8031' x1='16.6035' y1='7.50049' x2='2.67969' y2='7.50049' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23ABA2F4'/%3E%3Cstop offset='1' stop-color='%237158ED'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_32594_8031' x1='7.95312' y1='17.7463' x2='11.3246' y2='17.7463' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23ABA2F4'/%3E%3Cstop offset='1' stop-color='%237158ED'/%3E%3C/linearGradient%3E%3CclipPath id='clip0_32594_8031'%3E%3Crect width='16.704' height='18.432' fill='white' transform='translate(1.29688 1)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.floating-link .icon.icon3 {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_32594_8044)'%3E%3Cpath d='M12.9167 2H7.97272C4.28536 2 1.29688 4.98848 1.29688 8.67584C1.29688 12.3632 4.28536 15.3517 7.97272 15.3517H8.56216L12.1929 18.6637C12.6268 19.0592 13.3238 18.752 13.3238 18.1645V15.3373C16.821 15.127 19.5926 12.225 19.5926 8.67488C19.5935 4.98848 16.6041 2 12.9167 2Z' fill='url(%23paint0_linear_32594_8044)'/%3E%3Cpath d='M14.8125 6.72364V6.71308C14.8125 6.15638 14.3612 5.70508 13.8045 5.70508L7.08738 5.70508C6.53068 5.70508 6.07938 6.15638 6.07938 6.71308V6.72364C6.07938 7.28034 6.53068 7.73164 7.08738 7.73164H13.8045C14.3612 7.73164 14.8125 7.28034 14.8125 6.72364Z' fill='white'/%3E%3Cpath d='M6.07812 10.297C6.07812 9.73728 6.5322 9.2832 7.09188 9.2832H9.64261C10.2023 9.2832 10.6564 9.73728 10.6564 10.297C10.6564 10.8566 10.2023 11.3107 9.64261 11.3107H7.09188C6.5322 11.3107 6.07812 10.8566 6.07812 10.297Z' fill='%23B0D4FF'/%3E%3Cpath d='M11.4219 10.297C11.4219 9.73728 11.876 9.2832 12.4356 9.2832C12.9953 9.2832 13.4494 9.73728 13.4494 10.297C13.4494 10.8566 12.9953 11.3107 12.4356 11.3107C11.876 11.3107 11.4219 10.8566 11.4219 10.297Z' fill='%23B0D4FF'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_32594_8044' x1='1.29688' y1='10.4211' x2='19.5935' y2='10.4211' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2383B6FF'/%3E%3Cstop offset='1' stop-color='%23006FF4'/%3E%3C/linearGradient%3E%3CclipPath id='clip0_32594_8044'%3E%3Crect width='18.2966' height='16.8422' fill='white' transform='translate(1.29688 2)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.floating-link .icon.icon4 {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_32594_8053)'%3E%3Cpath d='M12.7583 7.17568C12.1746 7.17568 11.7023 6.70336 11.7023 6.11968V4.60384C11.7023 3.78112 11.0332 3.112 10.2095 3.112H9.99447C9.17175 3.112 8.50262 3.78112 8.50262 4.60384V6.11968C8.50262 6.70336 8.03031 7.17568 7.44662 7.17568C6.86295 7.17568 6.39063 6.70336 6.39063 6.11968V4.60384C6.39062 2.61664 8.00823 1 9.99543 1H10.2105C12.1977 1 13.8153 2.61664 13.8153 4.60384V6.11968C13.8153 6.70336 13.3429 7.17568 12.7593 7.17568H12.7583Z' fill='%23392ECC'/%3E%3Cpath d='M15.2002 4.69141H5.00984C3.51151 4.69141 2.29688 5.90604 2.29688 7.40437V15.4712C2.29688 16.9696 3.51151 18.1842 5.00984 18.1842H15.2002C16.6986 18.1842 17.9132 16.9696 17.9132 15.4712V7.40437C17.9132 5.90604 16.6986 4.69141 15.2002 4.69141Z' fill='%23C8C5FF'/%3E%3Cpath d='M15.2002 4.69141H5.00984C3.51128 4.69141 2.29688 5.90581 2.29688 7.40437V9.17557C2.29688 9.95893 2.81719 10.6472 3.56984 10.8623C5.52152 11.4191 7.74488 11.7349 10.1046 11.7349C12.4642 11.7349 14.6876 11.4191 16.6393 10.8623C17.3929 10.6472 17.9122 9.95989 17.9122 9.17557V7.40437C17.9122 5.90581 16.6978 4.69141 15.1993 4.69141H15.2002Z' fill='url(%23paint0_linear_32594_8053)'/%3E%3Cpath d='M10.9745 12.8529H9.23016C8.56392 12.8529 8.02344 12.3124 8.02344 11.6462C8.02344 10.9799 8.56392 10.4395 9.23016 10.4395H10.9745C11.6407 10.4395 12.1812 10.9799 12.1812 11.6462C12.1812 12.3124 11.6407 12.8529 10.9745 12.8529Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_32594_8053' x1='2.29688' y1='8.21365' x2='17.9132' y2='8.21365' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23ABA2F4'/%3E%3Cstop offset='1' stop-color='%237158ED'/%3E%3C/linearGradient%3E%3CclipPath id='clip0_32594_8053'%3E%3Crect width='15.6163' height='17.184' fill='white' transform='translate(2.29688 1)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.floating-link:hover {
  border-color: #27313B;
  background-color: #27313B;
}
@media (max-width: 767px) {
  .floating-link:hover {
    border-color: transparent;
    background-color: transparent;
  }
}
.floating-link:hover .floating-name {
  color: #FFF;
}
@media (max-width: 767px) {
  .floating-link:hover .floating-name {
    color: #444;
  }
}
.floating-name {
  color: #444;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
  transition: color 0.3s ease-in-out;
}
@media (max-width: 575px) {
  .floating-name {
    font-size: 14px;
  }
}

.section-wrap {
  position: relative;
  display: block;
  width: 100%;
}
.section-wrap * {
  font-family: "gothic";
}

.section {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
}
.section-title {
  display: block;
  color: #222;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.5;
}
@media (max-width: 1519px) {
  .section-title {
    font-size: 30px;
  }
}
@media (max-width: 1023px) {
  .section-title {
    font-size: 24px;
  }
}
.section-title-sub {
  color: #444;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.5;
}
@media (max-width: 1519px) {
  .section-title-sub {
    font-size: 16px;
  }
}
@media (max-width: 1023px) {
  .section-title-sub {
    font-size: 15px;
  }
}
.section-title.color-white {
  color: #FFF;
}
.section .title-wrap {
  display: flex;
}
.section .view-more {
  position: absolute;
  right: 0;
  top: 10px;
}
@media (max-width: 1023px) {
  .section .view-more {
    top: 6px;
  }
}
.section .view-more-link {
  position: relative;
  display: block;
  width: 28px;
  aspect-ratio: 1;
}
@media (max-width: 1023px) {
  .section .view-more-link {
    width: 24px;
  }
}
.section .view-more-link::before, .section .view-more-link::after {
  position: absolute;
  display: block;
  background-color: #222;
  content: "";
}
.section .view-more-link::before {
  left: 1px;
  top: 50%;
  transform: translateY(-50%);
  width: 26px;
  height: 3px;
}
@media (max-width: 1023px) {
  .section .view-more-link::before {
    width: 22px;
    height: 2px;
  }
}
.section .view-more-link::after {
  left: 50%;
  top: 1px;
  transform: translateX(-50%);
  width: 3px;
  height: 26px;
}
@media (max-width: 1023px) {
  .section .view-more-link::after {
    width: 2px;
    height: 22px;
  }
}
.section .view-more-link:hover {
  transform: rotate(90deg);
}
.section.visual {
  min-height: 100vh;
  min-height: 100svh;
  min-height: 100dvh;
  height: 100vh;
  height: 100svh;
  height: 100dvh;
}
@media (max-width: 767px) {
  .section.visual {
    height: calc(100dvh - var(--floating-space));
    min-height: calc(100dvh - var(--floating-space));
  }
}
@supports (-webkit-touch-callout: none) {
  .section.visual {
    min-height: -webkit-fill-available;
  }
}
.section.visual .visual-swiper {
  --float-width: 537px;
  --visual-text-bottom: calc(708.5 / 1440 * 100%);
  --visual-control-bottom: calc(632.5 / 1440 * 100%);
  --visual-more-bottom: calc(500.5 / 1440 * 100%);
}
@media (max-width: 1519px) {
  .section.visual .visual-swiper {
    --float-width: 395px;
    --visual-text-bottom: calc(458 / 880 * 100%);
    --visual-control-bottom: calc(382 / 880 * 100%);
    --visual-more-bottom: calc(250 / 880 * 100%);
  }
}
@media (max-width: 1023px) {
  .section.visual .visual-swiper {
    --float-width: 264px;
    --visual-text-bottom: 241px;
    --visual-control-bottom: 189px;
    --visual-more-bottom: 112px;
  }
}
.section.visual .visual-swiper {
  width: 100%;
  height: 100%;
}
.section.visual .visual-swiper .swiper-link {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.section.visual .visual-swiper .swiper-thumb {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
@media (max-width: 575px) {
  .section.visual .visual-swiper .swiper-thumb::before {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 17.96%), linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 56.08%);
    content: "";
  }
}
.section.visual .visual-swiper .swiper-thumb img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.section.visual .visual-swiper .swiper-text {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 1;
  pointer-events: none;
}
.section.visual .visual-swiper .swiper-text .layout {
  height: 100%;
}
.section.visual .visual-swiper .swiper-text .float-box {
  bottom: calc(var(--visual-text-bottom) + env(safe-area-inset-bottom, 0));
  flex-direction: column;
  gap: 16px;
}
.section.visual .visual-swiper .swiper-title {
  position: relative;
  color: #FFF;
  font-size: 64px;
  font-weight: 800;
  line-height: 1.3;
  width: 100%;
}
@media (max-width: 1519px) {
  .section.visual .visual-swiper .swiper-title {
    font-size: 48px;
  }
}
@media (max-width: 1023px) {
  .section.visual .visual-swiper .swiper-title {
    font-size: 32px;
  }
}
.section.visual .visual-swiper .swiper-title-sub {
  position: relative;
  color: #FFF;
  font-size: 36px;
  font-weight: 400;
  line-height: 1.3;
  width: 100%;
  text-align: left;
}
@media (max-width: 1519px) {
  .section.visual .visual-swiper .swiper-title-sub {
    font-size: 24px;
  }
}
.section.visual .visual-swiper .swiper-title-sub .point {
  color: #FFC839;
  font-weight: 800;
}
.section.visual .visual-swiper .swiper-control {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
}
.section.visual .visual-swiper .swiper-control .layout {
  height: 100%;
}
.section.visual .visual-swiper .swiper-control .float-box {
  bottom: calc(var(--visual-control-bottom) + env(safe-area-inset-bottom, 0));
  align-items: center;
  gap: 8px;
}
@media (max-width: 575px) {
  .section.visual .visual-swiper .swiper-control .float-box {
    gap: 10px;
    width: calc(100% - 64px);
    max-width: none;
  }
}
.section.visual .visual-swiper .swiper-btn {
  flex-shrink: 0;
  width: 28px;
  aspect-ratio: 1;
  border-radius: 6px;
}
@media (max-width: 575px) {
  .section.visual .visual-swiper .swiper-btn {
    width: 20px;
    border-radius: 4px;
  }
}
@media (max-width: 575px) {
  .section.visual .visual-swiper .swiper-btn.prev, .section.visual .visual-swiper .swiper-btn.next {
    position: absolute;
    bottom: -74.5px;
    width: 40px;
    border-radius: 100%;
    background-color: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(1.6px);
    background-size: 70%;
  }
}
.section.visual .visual-swiper .swiper-btn.prev {
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.6326 14.0008L18.4073 19.7755L16.7574 21.4254L9.33276 14.0008L16.7574 6.57617L18.4073 8.22608L12.6326 14.0008Z' fill='%23FFFFFF'/%3E%3C/svg%3E%0A");
}
@media (max-width: 575px) {
  .section.visual .visual-swiper .swiper-btn.prev {
    right: 48px;
  }
}
.section.visual .visual-swiper .swiper-btn.next {
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.3685 14.0008L9.59375 8.22608L11.2437 6.57617L18.6683 14.0008L11.2437 21.4254L9.59375 19.7755L15.3685 14.0008Z' fill='%23FFFFFF'/%3E%3C/svg%3E%0A");
}
@media (max-width: 575px) {
  .section.visual .visual-swiper .swiper-btn.next {
    right: 0;
  }
}
.section.visual .visual-swiper .swiper-btn.toggle {
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.5001 8.16667C17.5001 7.52234 18.0224 7 18.6667 7C19.3111 7 19.8334 7.52234 19.8334 8.16667V19.8333C19.8334 20.4777 19.3111 21 18.6667 21C18.0224 21 17.5001 20.4777 17.5001 19.8333V8.16667ZM8.16675 8.16667C8.16675 7.52234 8.68909 7 9.33341 7C9.97774 7 10.5001 7.52234 10.5001 8.16667V19.8333C10.5001 20.4777 9.97774 21 9.33341 21C8.68909 21 8.16675 20.4777 8.16675 19.8333V8.16667Z' fill='%23FFFFFF'/%3E%3C/svg%3E%0A");
}
.section.visual .visual-swiper .swiper-btn.paused {
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.5 14.0002V7.93799L14.75 10.9691L20 14.0002L14.75 17.0313L9.5 20.0624V14.0002Z' fill='%23FFFFFF' stroke='%23FFFFFF' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.section.visual .visual-swiper .swiper-btn:hover {
  background-color: rgba(255, 255, 255, 0.3);
}
.section.visual .visual-swiper .swiper-pagination {
  position: relative;
  inset: auto;
  display: flex;
  align-items: center;
  gap: 16px;
  width: auto;
}
@media (max-width: 575px) {
  .section.visual .visual-swiper .swiper-pagination {
    gap: 10px;
  }
}
.section.visual .visual-swiper .swiper-pagination-current, .section.visual .visual-swiper .swiper-pagination-total {
  flex-shrink: 0;
  width: 21px;
  color: #FFF;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
}
@media (max-width: 575px) {
  .section.visual .visual-swiper .swiper-pagination-current, .section.visual .visual-swiper .swiper-pagination-total {
    width: 19px;
    font-size: 14px;
    width: auto;
  }
}
.section.visual .visual-swiper .swiper-timer {
  flex-shrink: 0;
  width: 90px;
  height: 6px;
  border-radius: 100px;
  background-color: rgba(255, 255, 255, 0.5);
  overflow: hidden;
}
@media (max-width: 575px) {
  .section.visual .visual-swiper .swiper-timer {
    width: 80px;
  }
}
.section.visual .visual-swiper .swiper-timer::before {
  display: block;
  width: calc(var(--auto-progress, 0) * 100%);
  height: 100%;
  background-color: #FFF;
  content: "";
}
.section.visual .visual-swiper .swiper-more {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
}
.section.visual .visual-swiper .swiper-more .layout {
  height: 100%;
}
.section.visual .visual-swiper .swiper-more .float-box {
  bottom: calc(var(--visual-more-bottom) + env(safe-area-inset-bottom, 0));
}
.section.visual .visual-swiper .swiper-more-button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: auto;
  border-radius: 1000px;
  border: 1px solid #FFF;
  background-color: rgba(61, 70, 79, 0.06);
  backdrop-filter: blur(4px);
  padding: 12px 16px 12px 20px;
  color: #FFF;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.4;
}
@media (max-width: 1023px) {
  .section.visual .visual-swiper .swiper-more-button {
    padding: 10px 14px 10px 18px;
    font-size: 18px;
  }
}
.section.visual .visual-swiper .swiper-more-button .icon {
  flex-shrink: 0;
  width: 24px;
  aspect-ratio: 1;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_32594_9881' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_32594_9881)'%3E%3Cpath d='M6.4 18L5 16.6L14.6 7H6V5H18V17H16V8.4L6.4 18Z' fill='%23FFFFFF'/%3E%3C/g%3E%3C/svg%3E%0A");
}
@media (max-width: 1023px) {
  .section.visual .visual-swiper .swiper-more-button .icon {
    width: 20px;
  }
}
.section.visual .visual-swiper .swiper-more-button:hover {
  background-color: rgba(61, 70, 79, 0.4);
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.24);
}
.section.visual .float-box {
  position: absolute;
  right: var(--layout-padding);
  display: flex;
  max-width: var(--float-width);
  width: 100%;
  pointer-events: auto;
  z-index: 1;
}
@media (max-width: 1519px) {
  .section.visual .float-box {
    right: 60px;
  }
}
@media (max-width: 1023px) {
  .section.visual .float-box {
    right: auto;
    left: 32px;
  }
}
.section.visual .schedule-box {
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 80px;
  z-index: 1;
}
@media (max-width: 1519px) {
  .section.visual .schedule-box {
    height: 72px;
  }
}
@media (max-width: 1023px) {
  .section.visual .schedule-box {
    height: 80px;
    background-color: #3D464F;
  }
}
.section.visual .schedule-box .layout {
  height: 100%;
}
@media (max-width: 1023px) {
  .section.visual .schedule-box .layout {
    --layout-padding: 24px;
  }
}
.section.visual .schedule-wrap {
  display: flex;
  gap: 80px;
  width: 100%;
  height: 100%;
  border-radius: 20px 20px 0 0;
  background-color: #3D464F;
  padding: 0 40px;
  min-width: 0;
}
@media (max-width: 1519px) {
  .section.visual .schedule-wrap {
    gap: 60px;
    padding: 0 32px;
  }
}
@media (max-width: 1023px) {
  .section.visual .schedule-wrap {
    flex-direction: column;
    justify-content: center;
    gap: 8px;
    border-radius: 0;
    padding: 0;
  }
}
.section.visual .schedule-head {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}
.section.visual .schedule-title {
  color: #FFF;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
}
@media (max-width: 1519px) {
  .section.visual .schedule-title {
    font-size: 22px;
  }
}
@media (max-width: 1023px) {
  .section.visual .schedule-title {
    font-size: 18px;
  }
}
.section.visual .schedule-more {
  width: 28px;
  aspect-ratio: 1;
}
@media (max-width: 1519px) {
  .section.visual .schedule-more {
    width: 24px;
  }
}
@media (max-width: 1023px) {
  .section.visual .schedule-more {
    width: 22px;
  }
}
.section.visual .schedule-more-link {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background-color: rgba(255, 255, 255, 0.1);
  background-size: 12px;
}
.section.visual .schedule-more-link::before, .section.visual .schedule-more-link::after {
  position: absolute;
  display: block;
  background-color: #FFF;
  content: "";
  transition: background-color 0.3s ease-in-out;
}
.section.visual .schedule-more-link::before {
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 12px;
  height: 2px;
}
@media (max-width: 1519px) {
  .section.visual .schedule-more-link::before {
    left: 7px;
    width: 10px;
  }
}
@media (max-width: 1023px) {
  .section.visual .schedule-more-link::before {
    left: 6px;
    height: 1px;
  }
}
.section.visual .schedule-more-link::after {
  left: 50%;
  top: 8px;
  transform: translateX(-50%);
  width: 2px;
  height: 12px;
}
@media (max-width: 1519px) {
  .section.visual .schedule-more-link::after {
    top: 7px;
    height: 10px;
  }
}
@media (max-width: 1023px) {
  .section.visual .schedule-more-link::after {
    top: 6px;
    width: 1px;
  }
}
.section.visual .schedule-more-link:hover {
  background-color: #FFF;
}
.section.visual .schedule-more-link:hover::before, .section.visual .schedule-more-link:hover::after {
  background-color: #3D464F;
}
.section.visual .schedule-body {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 80px;
}
@media (max-width: 1023px) {
  .section.visual .schedule-body {
    flex: none;
    gap: 0;
  }
}
.section.visual .schedule-item {
  flex: 0 0 calc((100% - 80px) / 2);
  min-width: 0;
}
@media (max-width: 1519px) {
  .section.visual .schedule-item {
    flex: 1;
  }
}
.section.visual .schedule-item.nodata {
  flex: 1;
}
@media (max-width: 1519px) {
  .section.visual .schedule-item:not(:first-child) {
    display: none;
  }
}
.section.visual .schedule-link {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 16px;
}
.section.visual .schedule-name {
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  white-space: nowrap;
  color: #FFF;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  width: auto;
}
@media (max-width: 1023px) {
  .section.visual .schedule-name {
    font-size: 14px;
    flex: 1;
    min-width: 0;
  }
}
.section.visual .schedule-line {
  flex: 1;
  min-width: 60px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.2);
}
@media (max-width: 1023px) {
  .section.visual .schedule-line {
    display: none;
  }
}
.section.visual .schedule-time {
  flex-shrink: 0;
  color: #FFF;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.2;
}
.section.quick {
  padding: 120px 0;
}
@media (max-width: 1519px) {
  .section.quick {
    padding: 100px 0;
  }
}
@media (max-width: 1023px) {
  .section.quick {
    padding: 60px 0;
  }
}
.section.quick .title-wrap {
  flex-direction: column;
  gap: 4px;
}
.section.quick .section-title {
  display: flex;
  align-items: center;
  gap: 12px;
}
.section.quick .section-title .icon {
  flex-shrink: 0;
  width: 36px;
  aspect-ratio: 1;
  border-radius: 100%;
  background-color: #3D464F;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_32594_9881' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_32594_9881)'%3E%3Cpath d='M6.4 18L5 16.6L14.6 7H6V5H18V17H16V8.4L6.4 18Z' fill='%23FFFFFF'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-size: 24px;
}
@media (max-width: 1519px) {
  .section.quick .section-title .icon {
    width: 32px;
    background-size: 22px;
  }
}
.section.quick .quick-box {
  display: grid;
  grid-template-columns: minmax(0, 600fr) minmax(0, 396fr) minmax(0, 396fr);
  gap: 24px;
}
@media (max-width: 1519px) {
  .section.quick .quick-box {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
  }
}
@media (max-width: 1023px) {
  .section.quick .quick-box {
    gap: 12px;
  }
}
@media (max-width: 767px) {
  .section.quick .quick-box {
    display: flex;
    flex-direction: column;
  }
}
.section.quick .quick-item {
  min-width: 0;
}
@media (max-width: 767px) {
  .section.quick .quick-item {
    flex: 1;
    width: 100%;
  }
}
.section.quick .quick-item.n1 {
  grid-row: 1/3;
}
@media (max-width: 1519px) {
  .section.quick .quick-item.n1 {
    grid-row: auto;
    grid-column: 1/3;
  }
}
.section.quick .quick-item.n1 .quick-link {
  justify-content: space-between;
  padding-bottom: 72px;
  background-color: #FBB80D;
}
@media (max-width: 1519px) {
  .section.quick .quick-item.n1 .quick-link {
    padding-bottom: 64px;
    min-height: 340px;
  }
}
@media (max-width: 1023px) {
  .section.quick .quick-item.n1 .quick-link {
    padding-bottom: 40px;
    min-height: auto;
  }
}
.section.quick .quick-item.n4 {
  grid-column: 2/4;
}
@media (max-width: 1519px) {
  .section.quick .quick-item.n4 {
    grid-column: 1/3;
  }
}
.section.quick .quick-item.n4 .quick-link {
  min-height: auto;
}
@media (max-width: 1519px) {
  .section.quick .quick-item.n4 .quick-link {
    min-height: 160px;
  }
}
@media (max-width: 1023px) {
  .section.quick .quick-item.n4 .quick-link {
    min-height: 188px;
  }
}
.section.quick .quick-link {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 48px;
  border-radius: 16px;
  background-color: #F2F4F6;
  min-height: 300px;
  overflow: hidden;
}
@media (max-width: 1519px) {
  .section.quick .quick-link {
    padding: 40px;
    min-height: 270px;
  }
}
@media (max-width: 1023px) {
  .section.quick .quick-link {
    padding: 28px;
    min-height: 188px;
    border-radius: 14px;
  }
}
.section.quick .quick-link > .icon {
  position: absolute;
  display: block;
  width: 180px;
  aspect-ratio: 1;
  z-index: 0;
}
@media (max-width: 1023px) {
  .section.quick .quick-link > .icon {
    width: 100px;
  }
}
.section.quick .quick-link > .icon.icon1 {
  right: 0;
  bottom: 0;
  width: 322px;
  aspect-ratio: 322/260;
  background-image: url(/images/mayor/main/quick-obj01.png);
}
@media (max-width: 1023px) {
  .section.quick .quick-link > .icon.icon1 {
    width: 240px;
  }
}
.section.quick .quick-link > .icon.icon2 {
  right: -10px;
  bottom: -36px;
  background-image: url(/images/mayor/main/quick-obj02.png);
}
@media (max-width: 1023px) {
  .section.quick .quick-link > .icon.icon2 {
    right: 0;
    bottom: -20px;
  }
}
.section.quick .quick-link > .icon.icon3 {
  right: 15px;
  bottom: -40px;
  background-image: url(/images/mayor/main/quick-obj03.png);
}
@media (max-width: 1023px) {
  .section.quick .quick-link > .icon.icon3 {
    right: 11px;
    bottom: -24px;
  }
}
.section.quick .quick-link > .icon.icon4 {
  right: 15px;
  bottom: -32px;
  background-image: url(/images/mayor/main/quick-obj04.png);
}
@media (max-width: 1023px) {
  .section.quick .quick-link > .icon.icon4 {
    right: 9px;
    bottom: -14px;
  }
}
.section.quick .quick-link > :not(.icon) {
  z-index: 1;
}
.section.quick .quick-link:is(a):hover {
  background-color: #E8EAEB;
}
.section.quick .quick-link:is(a):hover > .icon {
  transform: translateY(-10px);
}
.section.quick .quick-ul {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media (max-width: 1519px) {
  .section.quick .quick-ul {
    display: grid;
    grid-template-columns: repeat(2, 316px);
  }
}
@media (max-width: 1023px) {
  .section.quick .quick-ul {
    grid-template-columns: repeat(2, 280px);
    padding: 24px 0 0;
  }
}
@media (max-width: 767px) {
  .section.quick .quick-ul {
    display: flex;
    flex-direction: column;
  }
}
.section.quick .quick-ul-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 300px;
  border-radius: 1000px;
  border: 1px solid #27313B;
  padding: 13px 16px 13px 20px;
  color: #27313B;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.4;
}
@media (max-width: 1519px) {
  .section.quick .quick-ul-link {
    width: 316px;
  }
}
@media (max-width: 1023px) {
  .section.quick .quick-ul-link {
    width: 280px;
    padding: 12px 14px 12px 18px;
    font-size: 18px;
  }
}
@media (max-width: 399px) {
  .section.quick .quick-ul-link {
    width: 100%;
    padding: 10px 12px 10px 16px;
    font-size: 16px;
  }
}
.section.quick .quick-ul-link .icon {
  flex-shrink: 0;
  width: 24px;
  aspect-ratio: 1;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_32594_9881' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_32594_9881)'%3E%3Cpath d='M6.4 18L5 16.6L14.6 7H6V5H18V17H16V8.4L6.4 18Z' fill='%2327313B'/%3E%3C/g%3E%3C/svg%3E%0A");
}
@media (max-width: 1023px) {
  .section.quick .quick-ul-link .icon {
    width: 20px;
  }
}
.section.quick .quick-ul-link:hover {
  background-color: #27313B;
  color: #FFF;
}
.section.quick .quick-ul-link:hover .icon {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_32594_9881' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_32594_9881)'%3E%3Cpath d='M6.4 18L5 16.6L14.6 7H6V5H18V17H16V8.4L6.4 18Z' fill='%23FFFFFF'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.section.quick .quick-nodata {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  text-align: center;
  flex-grow: 1;
  justify-content: center;
}
.section.quick .quick-nodata .section-title {
  justify-content: center;
}
@media (min-width: 1024px) {
  .section.quick .quick-nodata .section-title {
    font-size: 24px;
  }
}
@media (max-width: 383px) {
  .section.quick .quick-nodata .section-title {
    font-size: 22px;
  }
}
.section.quick .quick-nodata::before {
  content: "";
  width: 180px;
  aspect-ratio: 1;
  background: url(/images/mayor/main/quick-obj06.png) no-repeat center/contain;
  flex-shrink: 0;
  margin-bottom: 4px;
}
@media (max-width: 1023px) {
  .section.quick .quick-nodata::before {
    width: 120px;
  }
}
@media (max-width: 383px) {
  .section.quick .quick-nodata::before {
    width: 100px;
  }
}
.section.quick .quick-nodata-tit {
  font-weight: 500;
  line-height: 1.4;
  padding: 0.4em;
  color: rgb(39, 49, 59);
}
.section.quick .quick-nodata .ib {
  display: inline-block;
  line-height: inherit;
}
@media (max-width: 1279px) {
  .section.counting > .layout {
    --layout-padding: 38px;
  }
}
@media (max-width: 1023px) {
  .section.counting > .layout {
    --layout-padding: 32px;
  }
}
@media (max-width: 1519px) {
  .section.counting .section-title {
    color: #FFF;
  }
}
@media (max-width: 1519px) {
  .section.counting .section-title-sub {
    color: rgba(255, 255, 255, 0.6);
  }
}
@media (max-width: 767px) {
  .section.counting .section-title-sub {
    display: none;
  }
}
.section.counting .counting-box {
  position: relative;
  display: flex;
  gap: 170px;
  min-width: 0;
}
@media (max-width: 1519px) {
  .section.counting .counting-box {
    flex-direction: column;
    gap: 40px;
    background-color: #3D464F;
    padding: 56px 0;
  }
}
@media (max-width: 1023px) {
  .section.counting .counting-box {
    padding: 32px 0;
    gap: 24px;
  }
}
@media (max-width: 1519px) {
  .section.counting .counting-box::before, .section.counting .counting-box::after {
    position: absolute;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: inherit;
    content: "";
    z-index: -1;
  }
}
.section.counting .counting-box::before {
  left: calc(-100% + 1px);
}
.section.counting .counting-box::after {
  right: calc(-100% + 1px);
}
.section.counting .counting-area {
  position: relative;
  padding: 64px 0;
  height: 290px;
}
@media (max-width: 1519px) {
  .section.counting .counting-area {
    padding: 0;
    height: auto;
  }
}
.section.counting .counting-area::before, .section.counting .counting-area::after {
  position: absolute;
  top: 0;
  display: block;
  height: 100%;
  background-color: inherit;
  content: "";
}
@media (max-width: 1519px) {
  .section.counting .counting-area::before, .section.counting .counting-area::after {
    display: none;
  }
}
.section.counting .counting-area::before {
  width: auto;
  aspect-ratio: 1/2;
}
.section.counting .counting-area::after {
  width: 100vw;
}
.section.counting .counting-area .view-more {
  right: 45px;
  top: 74px;
}
@media (max-width: 1519px) {
  .section.counting .counting-area .view-more {
    right: 0;
    top: 10px;
  }
}
@media (max-width: 1023px) {
  .section.counting .counting-area .view-more {
    top: 6px;
  }
}
@media (max-width: 1519px) {
  .section.counting .counting-area .view-more-link::before, .section.counting .counting-area .view-more-link::after {
    background-color: #FFF;
  }
}
.section.counting .counting-area.left {
  flex: 1;
  background-color: #F2F4F6;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-left: 10px;
  padding-right: 45px;
}
@media (max-width: 1519px) {
  .section.counting .counting-area.left {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 1519px) {
  .section.counting .counting-area.left {
    background-color: #3D464F;
  }
}
.section.counting .counting-area.left::before {
  right: 0;
  transform: translateX(100%);
  border-radius: 0 9999px 9999px 0;
}
.section.counting .counting-area.left::after {
  left: calc(-100vw + 1px);
}
.section.counting .counting-area.left .title-wrap {
  align-items: center;
  gap: 24px;
}
.section.counting .counting-area.right {
  flex: 0 0 125px;
  background-color: #3D464F;
  backdrop-filter: blur(7px);
}
@media (max-width: 1519px) {
  .section.counting .counting-area.right {
    flex: auto;
    backdrop-filter: none;
  }
}
.section.counting .counting-area.right::before {
  left: 0;
  transform: translateX(calc(-100% + 1px));
  border-radius: 9999px 0 0 9999px;
}
.section.counting .counting-area.right::after {
  right: calc(-100vw + 1px);
}
.section.counting .counting-area.right .title-wrap {
  position: relative;
  flex-direction: column;
  gap: 28px;
  z-index: 2;
  margin-left: -55px;
}
@media (max-width: 1519px) {
  .section.counting .counting-area.right .title-wrap {
    gap: 0;
    margin-left: auto;
    align-items: center;
  }
}
.section.counting .counting-area.right > .icon {
  position: absolute;
  right: -233px;
  bottom: 0;
  display: block;
  width: 352px;
  aspect-ratio: 352/244;
  background-image: url(/images/mayor/main/quick-obj05.png);
  content: "";
  z-index: 1;
  pointer-events: none;
}
@media (max-width: 1519px) {
  .section.counting .counting-area.right > .icon {
    right: -95px;
    bottom: -67px;
    width: 448px;
    aspect-ratio: 448/355;
    background-image: url(/images/mayor/main/quick-obj05-1024.png);
  }
}
@media (max-width: 767px) {
  .section.counting .counting-area.right > .icon {
    right: -32px;
    bottom: -14px;
    width: 264px;
    aspect-ratio: 264/233;
    background-image: url(/images/mayor/main/quick-obj05-400.png);
  }
}
@media (max-width: 1519px) {
  .section.counting .counting-area.right .section-title {
    display: none;
  }
}
.section.counting .counting-ul {
  display: flex;
  width: 100%;
}
@media (max-width: 1519px) {
  .section.counting .counting-ul {
    padding: 32px 0 0;
  }
}
@media (max-width: 1023px) {
  .section.counting .counting-ul {
    padding: 16px 0 0;
  }
}
@media (max-width: 767px) {
  .section.counting .counting-ul {
    flex-direction: column;
  }
}
.section.counting .counting-ul li {
  width: 14.2857142857%;
}
@media (max-width: 767px) {
  .section.counting .counting-ul li {
    width: 100%;
  }
}
.section.counting .counting-item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 18px 0 0;
}
@media (max-width: 767px) {
  .section.counting .counting-item {
    padding: 10px 0;
    flex-direction: row;
  }
}
.section.counting .counting-item .icon {
  position: absolute;
  left: calc(50% + 44px);
  top: 0;
  transform: translateX(-50%);
  display: block;
  width: 28px;
  aspect-ratio: 1;
}
@media (max-width: 767px) {
  .section.counting .counting-item .icon {
    position: relative;
    left: auto;
    top: auto;
    transform: none;
    width: 24px;
    margin: 0 4px 0 0;
    flex-shrink: 0;
    order: 1;
  }
}
.section.counting .counting-item .icon.icon1 {
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.875 20.9955V25.6667C14.875 26.15 14.4832 26.5417 14 26.5417C13.5168 26.5417 13.125 26.15 13.125 25.6667V20.9955H14.875Z' fill='%23A4ACB3'/%3E%3Cpath opacity='0.4' d='M3.5 5.83337H24.5V18.6667C24.5 19.9554 23.4553 21 22.1667 21H5.83333C4.54467 21 3.5 19.9554 3.5 18.6667V5.83337Z' fill='%23A4ACB3'/%3E%3Cpath d='M2.33334 4.66671C2.33334 3.37804 3.37801 2.33337 4.66668 2.33337H23.3333C24.622 2.33337 25.6667 3.37804 25.6667 4.66671C25.6667 5.95537 24.622 7.00004 23.3333 7.00004H4.66668C3.37801 7.00004 2.33334 5.95537 2.33334 4.66671Z' fill='%23A4ACB3'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.117 10.9166C19.5314 11.1652 19.6657 11.7027 19.4171 12.1171L18.1545 14.2214C17.0958 15.9859 14.6023 16.1536 13.3169 14.5468C12.7933 13.8923 11.7776 13.9607 11.3464 14.6794L10.0838 16.7837C9.83515 17.1981 9.29767 17.3325 8.88329 17.0839C8.46891 16.8352 8.33454 16.2977 8.58317 15.8834L9.84579 13.779C10.9045 12.0145 13.398 11.8468 14.6834 13.4536C15.207 14.1081 16.2227 14.0398 16.6539 13.3211L17.9165 11.2167C18.1651 10.8023 18.7026 10.6679 19.117 10.9166Z' fill='%23A4ACB3'/%3E%3C/svg%3E%0A");
}
.section.counting .counting-item .icon.icon2 {
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.4' d='M14.7992 5.83341L14 6.65303L13.2008 5.83343C10.7147 3.28392 6.68396 3.28392 4.19788 5.83342C1.77856 8.31446 1.70423 12.3129 4.02956 14.8867L10.7103 22.2813C12.4851 24.2457 15.5148 24.2457 17.2896 22.2813L23.9704 14.8866C26.2957 12.3128 26.2214 8.31444 23.8021 5.8334C21.316 3.2839 17.2853 3.28391 14.7992 5.83341Z' fill='%23A4ACB3'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.9583 7.58337C18.9583 7.10012 19.3501 6.70837 19.8333 6.70837C21.6052 6.70837 23.0416 8.14479 23.0416 9.91671C23.0416 10.4 22.6499 10.7917 22.1666 10.7917C21.6834 10.7917 21.2916 10.4 21.2916 9.91671C21.2916 9.11129 20.6387 8.45837 19.8333 8.45837C19.3501 8.45837 18.9583 8.06662 18.9583 7.58337Z' fill='%23A4ACB3'/%3E%3C/svg%3E%0A");
}
.section.counting .counting-item .icon.icon3 {
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.4' d='M13.2029 6.32852C10.7253 4.59237 7.24814 3.8056 4.66003 3.51315C3.37914 3.36841 2.33331 4.43803 2.33331 5.75771V18.8999C2.33331 20.2196 3.37914 21.2896 4.66003 21.4344C7.24814 21.7268 10.7253 22.5136 13.2029 24.2497C13.441 24.4166 13.7205 24.5 14 24.5V6.57878C13.7205 6.57878 13.441 6.49536 13.2029 6.32852Z' fill='%23A4ACB3'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.96875 9.49634C5.0427 9.01878 5.4898 8.6916 5.96735 8.76556C7.48726 9.00095 9.19893 9.39438 10.8157 10.0196C11.2664 10.1939 11.4905 10.7006 11.3162 11.1513C11.1419 11.602 10.6352 11.8261 10.1845 11.6518C8.7161 11.084 7.1331 10.717 5.69952 10.4949C5.22197 10.421 4.89479 9.97389 4.96875 9.49634Z' fill='%23A4ACB3'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.96875 14.163C5.0427 13.6854 5.4898 13.3582 5.96735 13.4322C6.73704 13.5514 7.55365 13.7108 8.38082 13.9195C8.84939 14.0377 9.1334 14.5134 9.01518 14.9819C8.89697 15.4505 8.42128 15.7345 7.95272 15.6163C7.18459 15.4225 6.42197 15.2735 5.69952 15.1616C5.22197 15.0876 4.89479 14.6405 4.96875 14.163Z' fill='%23A4ACB3'/%3E%3Cpath d='M14.797 6.32852C17.2747 4.59237 20.7518 3.8056 23.3399 3.51315C24.6208 3.36841 25.6667 4.43803 25.6667 5.75771V18.8999C25.6667 20.2196 24.6208 21.2896 23.3399 21.4344C20.7518 21.7268 17.2747 22.5136 14.797 24.2497C14.5589 24.4166 14.2795 24.5 14 24.5V6.57878C14.2795 6.57878 14.5589 6.49536 14.797 6.32852Z' fill='%23A4ACB3'/%3E%3C/svg%3E%0A");
}
.section.counting .counting-item .icon.icon4 {
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.4' d='M2.33331 7.00004C2.33331 4.42271 4.42265 2.33337 6.99998 2.33337H21C23.5773 2.33337 25.6666 4.42271 25.6666 7.00004V21C25.6666 23.5774 23.5773 25.6667 21 25.6667H6.99998C4.42265 25.6667 2.33331 23.5774 2.33331 21V7.00004Z' fill='%23A4ACB3'/%3E%3Cpath d='M6.99998 25.6665H21C23.5773 25.6665 25.6666 23.5772 25.6666 20.9998V16.3332L22.2378 13.8644C20.4561 12.5816 18.0211 12.7141 16.3892 14.1828L11.6107 18.4835C9.97885 19.9522 7.54388 20.0848 5.76215 18.8019L2.33331 16.3332V20.9998C2.33331 23.5772 4.42265 25.6665 6.99998 25.6665Z' fill='%23A4ACB3'/%3E%3Ccircle cx='9.91667' cy='9.91667' r='2.91667' fill='%23A4ACB3'/%3E%3C/svg%3E%0A");
}
.section.counting .counting-item .icon.icon5 {
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle opacity='0.4' cx='14' cy='14' r='11.6667' fill='%23A4ACB3'/%3E%3Cpath d='M8.9421 12.1368L17.1719 9.39353C18.0585 9.098 18.902 9.94149 18.6065 10.8281L15.8632 19.0579C15.5185 20.0919 14.056 20.0919 13.7114 19.0579L12.6984 16.0189C12.5855 15.6803 12.3197 15.4145 11.9811 15.3016L8.9421 14.2886C7.90813 13.944 7.90813 12.4815 8.9421 12.1368Z' fill='%23A4ACB3'/%3E%3C/svg%3E%0A");
}
.section.counting .counting-item .icon.icon6 {
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.4' d='M2.91036 12.4938C2.01215 11.4718 2.18319 9.90004 3.28022 9.09496L11.2685 3.23259C12.9037 2.03253 15.1294 2.03374 16.7633 3.23559L24.7219 9.08959C25.8092 9.88936 25.9861 11.4447 25.1062 12.468L24.5611 13.102C24.0187 13.7328 23.7205 14.537 23.7205 15.3687V21.0299C23.7205 23.5908 21.6436 25.6667 19.0816 25.6667H8.95237C6.39039 25.6667 4.3135 23.5907 4.3135 21.0299V15.4009C4.3135 14.5562 4.00592 13.7404 3.44818 13.1058L2.91036 12.4938Z' fill='%23A4ACB3'/%3E%3Cpath d='M11.6667 21H16.3334' stroke='%23A4ACB3' stroke-width='1.75' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}
.section.counting .counting-item .icon.icon7 {
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.4' d='M15.1667 3.5H12.8334C7.03438 3.5 2.33337 8.20101 2.33337 14V19.8333C2.33337 22.4107 4.42271 24.5 7.00004 24.5H15.1667C20.9657 24.5 25.6667 19.799 25.6667 14C25.6667 8.20101 20.9657 3.5 15.1667 3.5Z' fill='%23A4ACB3'/%3E%3Ccircle cx='14' cy='14' r='1.16667' fill='%23A4ACB3'/%3E%3Ccircle cx='18.6667' cy='14' r='1.16667' fill='%23A4ACB3'/%3E%3Ccircle cx='9.33342' cy='14' r='1.16667' fill='%23A4ACB3'/%3E%3C/svg%3E%0A");
}
.section.counting .counting-item-number {
  color: #27313B;
  font-family: "title_font";
  font-size: 46px;
  font-weight: 400;
  line-height: 1.2;
}
@media (max-width: 1519px) {
  .section.counting .counting-item-number {
    font-size: 40px;
    color: #FFF;
  }
}
@media (max-width: 1023px) {
  .section.counting .counting-item-number {
    font-size: 28px;
  }
}
@media (max-width: 767px) {
  .section.counting .counting-item-number {
    order: 4;
  }
}
.section.counting .counting-item-title {
  margin: -5px 0 0;
  color: #666;
  text-align: center;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
}
@media (max-width: 1519px) {
  .section.counting .counting-item-title {
    margin: 2px 0 0;
    font-size: 15px;
    color: rgba(255, 255, 255, 0.6);
  }
}
@media (max-width: 767px) {
  .section.counting .counting-item-title {
    margin: 0;
    font-size: 17px;
    color: #FFF;
    order: 2;
  }
}
.section.counting .counting-item-line {
  display: none;
  flex: 1;
  min-width: 0;
  width: 100%;
  border-bottom: 1px dashed rgba(238, 238, 238, 0.3);
  margin: 0 12px;
}
@media (max-width: 767px) {
  .section.counting .counting-item-line {
    display: block;
    order: 3;
  }
}
.section.counting .counting-more {
  width: 137px;
}
@media (max-width: 1519px) {
  .section.counting .counting-more {
    width: 252px;
  }
}
@media (max-width: 1023px) {
  .section.counting .counting-more {
    width: 189px;
  }
}
.section.counting .counting-more-link {
  position: relative;
  display: flex;
  align-items: center;
  gap: 4px;
  width: 100%;
  padding: 14px 20px;
  border-radius: 1000px;
  background-color: #FFF;
  overflow: hidden;
  transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
  box-shadow: 0 0 0 2px #FFF;
  backdrop-filter: blur(2px);
}
@media (max-width: 1519px) {
  .section.counting .counting-more-link {
    padding: 14px 80px;
  }
}
@media (max-width: 1023px) {
  .section.counting .counting-more-link {
    padding: 14px 56px;
  }
}
.section.counting .counting-more-link .icon {
  position: absolute;
  width: 24px;
  aspect-ratio: 1;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_32594_7997' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%239D242F'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_32594_7997)'%3E%3Cpath d='M2.00623 23.9993V19.9993H22.0062V23.9993H2.00623ZM6.00623 15.9993H7.40623L15.2062 8.22427L13.7812 6.79927L6.00623 14.5993V15.9993ZM4.00623 17.9993V13.7493L15.2062 2.57427C15.3896 2.39093 15.6021 2.24927 15.8437 2.14927C16.0854 2.04927 16.3396 1.99927 16.6062 1.99927C16.8729 1.99927 17.1312 2.04927 17.3812 2.14927C17.6312 2.24927 17.8562 2.39927 18.0562 2.59927L19.4312 3.99927C19.6312 4.1826 19.7771 4.39927 19.8687 4.64927C19.9604 4.89927 20.0062 5.1576 20.0062 5.42427C20.0062 5.67427 19.9604 5.9201 19.8687 6.16177C19.7771 6.40343 19.6312 6.62427 19.4312 6.82427L8.25623 17.9993H4.00623Z' fill='%23222222'/%3E%3C/g%3E%3C/svg%3E%0A");
  z-index: 9;
  transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
}
@media (max-width: 1023px) {
  .section.counting .counting-more-link .icon {
    width: 20px;
  }
}
.section.counting .counting-more-link .icon.before {
  right: 20px;
}
@media (max-width: 1519px) {
  .section.counting .counting-more-link .icon.before {
    right: 80px;
  }
}
@media (max-width: 1023px) {
  .section.counting .counting-more-link .icon.before {
    right: 56px;
  }
}
.section.counting .counting-more-link .icon.after {
  left: -40px;
}
@media (max-width: 1519px) {
  .section.counting .counting-more-link .icon.after {
    left: -160px;
  }
}
@media (max-width: 1023px) {
  .section.counting .counting-more-link .icon.after {
    left: -112px;
  }
}
.section.counting .counting-more-link .circle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 20px;
  background-color: #FFF;
  border-radius: 50%;
  opacity: 0;
  transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  pointer-events: none;
}
.section.counting .counting-more-link:hover {
  box-shadow: 0 0 0 12px transparent;
}
.section.counting .counting-more-link:hover .icon.before {
  right: -40px;
}
@media (max-width: 1519px) {
  .section.counting .counting-more-link:hover .icon.before {
    right: -160px;
  }
}
@media (max-width: 1023px) {
  .section.counting .counting-more-link:hover .icon.before {
    right: -112px;
  }
}
.section.counting .counting-more-link:hover .icon.after {
  left: 20px;
}
@media (max-width: 1519px) {
  .section.counting .counting-more-link:hover .icon.after {
    left: 80px;
  }
}
@media (max-width: 1023px) {
  .section.counting .counting-more-link:hover .icon.after {
    left: 56px;
  }
}
.section.counting .counting-more-link:hover .circle {
  width: 220px;
  height: 220px;
  opacity: 1;
}
.section.counting .counting-more-link:hover .counting-more-title {
  transform: translateX(calc(100% - 20px));
}
.section.counting .counting-more-title {
  position: relative;
  color: #222;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.4;
  z-index: 1;
  transform: translateX(0);
  transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
}
@media (max-width: 1519px) {
  .section.counting .counting-more-title {
    font-size: 22px;
  }
}
@media (max-width: 1023px) {
  .section.counting .counting-more-title {
    font-size: 18px;
  }
}
.section.board {
  padding: 120px 0;
}
@media (max-width: 1519px) {
  .section.board {
    padding: 100px 0;
  }
}
@media (max-width: 1023px) {
  .section.board {
    padding: 60px 0;
  }
}
.section.board .view-more {
  right: calc(var(--layout-padding) + 8px);
}
.section.board .board-box {
  position: relative;
  display: flex;
  gap: 32px;
  width: 100%;
  padding: 32px 0 0;
}
@media (max-width: 1519px) {
  .section.board .board-box {
    gap: 28px;
    padding: 28px 0 0;
  }
}
@media (max-width: 1023px) {
  .section.board .board-box {
    gap: 12px;
  }
}
@media (max-width: 575px) {
  .section.board .board-box {
    flex-direction: column;
  }
}
.section.board .board-item {
  flex: 0 0 calc((100% - 64px) / 3);
  min-width: 0;
}
@media (max-width: 1519px) {
  .section.board .board-item {
    flex: 0 0 calc((100% - 56px) / 3);
  }
}
@media (max-width: 1279px) {
  .section.board .board-item {
    flex: 0 0 calc((100% - 28px) / 2);
  }
}
@media (max-width: 1023px) {
  .section.board .board-item {
    flex: 0 0 calc((100% - 12px) / 2);
  }
}
@media (max-width: 575px) {
  .section.board .board-item {
    flex: 1;
  }
}
.section.board .board-item.nodata {
  flex: 1;
}
.section.board .board-item.nodata .board-title {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 339px;
  color: #222;
  font-size: 24px;
  border-radius: 16px;
  background-color: #F2F4F6;
}
@media (max-width: 1023px) {
  .section.board .board-item.nodata .board-title {
    border-radius: 14px;
    font-size: 20px;
    min-height: 200px;
  }
}
@media (max-width: 575px) {
  .section.board .board-item.nodata .board-title {
    font-size: 18px;
  }
}
@media (max-width: 1279px) {
  .section.board .board-item:nth-child(n+3) {
    display: none;
  }
}
.section.board .board-link {
  position: relative;
  display: block;
  width: 100%;
  border-radius: 16px;
  overflow: hidden;
}
@media (max-width: 1023px) {
  .section.board .board-link {
    border-radius: 14px;
  }
}
.section.board .board-link:hover .board-thumb img {
  transform: scale(1.1);
}
.section.board .board-thumb {
  display: block;
  width: 100%;
  height: 100%;
}
.section.board .board-thumb::before {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(39, 49, 59, 0) 60.91%, rgba(39, 49, 59, 0.8) 84.37%);
  content: "";
  z-index: 1;
}
.section.board .board-thumb img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 4/3;
  transition: transform 0.3s ease-in-out;
}
.section.board .board-text {
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  height: 100%;
  z-index: 2;
  padding: 26px 28px;
}
@media (max-width: 1023px) {
  .section.board .board-text {
    padding: 16px 24px;
  }
}
.section.board .board-title {
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  display: -webkit-box !important;
  white-space: normal;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #FFF;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
  height: 60px;
}
@media (max-width: 1023px) {
  .section.board .board-title {
    font-size: 18px;
    height: 54px;
  }
}/*# sourceMappingURL=main.css.map */