html {
  overflow-x: hidden;
}
*,
:after,
:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
img {
  max-width: 100%;
  height: auto;
}
.aligncenter,
div.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.alignleft {
  float: left;
}

.alignright {
  float: right;
}

.wp-caption {
  border: 1px solid #ddd;
  text-align: center;
  background-color: #f3f3f3;

  margin: 10px;
  /* optional rounded corners for browsers that support it */
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.wp-caption img {
  margin: 0;
  padding: 0;
  border: 0 none;
}

.wp-caption p.wp-caption-text {
  font-size: 14px;
  line-height: 16px;
  padding: 15px 5px;
  margin: 0;
}
.mark {
  position: relative;
}
.mark .mark-text {
  white-space: nowrap;
}
.mark[class*="al-"]::before {
  content: "";
  background-repeat: no-repeat;
  background-position: center center;
  transition: 0.3s ease;
}
.mark[class*="ar-"]::after {
  content: "";
  background-repeat: no-repeat;
  background-position: center center;
  transition: 0.3s ease;
}
.mark.design1 {
  display: flex;
  align-items: center;
}
.mark.design1.case1[class*="square"]::before {
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 0.4rem;
  margin-right: 0.8rem;
}
.mark.design1.case2 {
  align-items: baseline;
}
.mark.design1.case2[class*="square"]::before {
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 0.4rem;
  margin-right: 0.8rem;
  top: 0.2rem;
  position: relative;
}
.mark.design1.type1 .mark-text {
  font-weight: 700;
  font-size: 1.4rem;
  color: rgb(63, 63, 70);
  line-height: 2.2rem;
}

.section-content.our-business .section-body {
  max-width: 700px;
  margin: 0 auto;
  width: 100%;
}

@media (max-width: 1023px) {
  .mark.design1.type1 .mark-text {
    font-weight: 700;
    font-size: 1.2rem;
    line-height: 1.9rem;
  }
}
.mark.design1.type2 .mark-text {
  font-weight: 500;
  font-size: 1.6rem;
  color: rgb(63, 63, 70);
  line-height: 2.6rem;
}
.mark.design1[class*="color1"]::before {
  background-color: rgb(151, 53, 208);
}
.mark.design1[class*="color2"]::before {
  background-color: rgb(109, 12, 166);
}
.mark.design1[class*="color3"]::before {
  background-color: rgb(223, 192, 240);
}
.mark.design1[class*="color4"]::before {
  background-color: rgb(245, 235, 250);
}
.mark.design1[class*="color5"]::before {
  background: linear-gradient(180deg, #9735d0 0%, rgba(151, 53, 208, 0.4) 100%);
}
.mark.design1[class*="color6"]::before {
  background: linear-gradient(180deg, #6d0ca6 0%, rgba(109, 12, 166, 0.4) 100%);
}
.mark.design1[class*="color7"]::before {
  background: linear-gradient(180deg, #e4e4e7 0%, rgba(228, 228, 228, 0.4) 100%);
}
.mark.design2 {
  display: flex;
}
.mark.design2.case1 .mark-text {
  font-weight: 700;
  font-size: 1.8rem;
  color: rgb(63, 63, 70);
}
@media (max-width: 1023px) {
  .mark.design2.case1 .mark-text {
    font-weight: 700;
    font-size: 1.6rem;
  }
}
.mark.design2.case1 .mark-text-area {
  margin-top: 0.5rem;
}
@media (max-width: 1023px) {
  .mark.design2.case1 .mark-text-area {
    margin-top: 0rem;
  }
}
.mark.design2.case1[class*="al-icon-"]::before,
.mark.design2.case1[class*="ar-icon-"]::after {
  width: 4rem;
  min-width: 4rem;
  height: 4rem;
}
@media (max-width: 1023px) {
  .mark.design2.case1[class*="al-icon-"]::before,
  .mark.design2.case1[class*="ar-icon-"]::after {
    width: 2.6rem;
    min-width: 2.6rem;
    height: 2.6rem;
  }
}
.mark.design2.case1[class*="al-icon-"]::before {
  margin-right: 1.6rem;
}
@media (max-width: 1023px) {
  .mark.design2.case1[class*="al-icon-"]::before {
    margin-right: 0.8rem;
  }
}
.mark.design2.case1[class*="ar-icon-"]::after {
  margin-left: 1.6rem;
}
.mark.design2.case1[class*="location"]::before {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='22' viewBox='0 0 20 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.99983 1.90156C5.58768 1.90156 2.01094 5.47831 2.01094 9.89045C2.01094 14.1618 5.40878 17.8233 9.99983 20.0093C14.5909 17.8233 17.9887 14.1618 17.9887 9.89045C17.9887 5.47831 14.412 1.90156 9.99983 1.90156ZM0.210938 9.89045C0.210938 4.4842 4.59357 0.101562 9.99983 0.101562C15.4061 0.101562 19.7887 4.4842 19.7887 9.89045C19.7887 15.3231 15.4115 19.5398 10.371 21.8215C10.1351 21.9283 9.86459 21.9283 9.62868 21.8215C4.58816 19.5398 0.210938 15.3231 0.210938 9.89045ZM9.99983 7.45712C8.65593 7.45712 7.56649 8.54656 7.56649 9.89045C7.56649 11.2343 8.65593 12.3238 9.99983 12.3238C11.3437 12.3238 12.4332 11.2343 12.4332 9.89045C12.4332 8.54656 11.3437 7.45712 9.99983 7.45712ZM5.76649 9.89045C5.76649 7.55245 7.66182 5.65712 9.99983 5.65712C12.3378 5.65712 14.2332 7.55245 14.2332 9.89045C14.2332 12.2285 12.3378 14.1238 9.99983 14.1238C7.66182 14.1238 5.76649 12.2285 5.76649 9.89045Z' fill='rgb(63,63,70)'/%3E%3C/svg%3E%0A");
  background-size: 2rem 2.2rem;
  background-color: rgb(246, 246, 247);
  border-radius: 1.6rem;
}
@media (max-width: 1023px) {
  .mark.design2.case1[class*="location"]::before {
    background-size: 1.4rem 1.6rem;
    border-radius: 100%;
  }
}
.mark.design2.case1[class*="calendar"]::before {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='18' height='20' viewBox='0 0 18 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.00156 0.101562C6.49862 0.101562 6.90156 0.504506 6.90156 1.00156V2.10156H11.1016V1.00156C11.1016 0.504506 11.5045 0.101562 12.0016 0.101562C12.4986 0.101562 12.9016 0.504506 12.9016 1.00156V2.10156H15.0016C16.6032 2.10156 17.9016 3.39994 17.9016 5.00156V17.0016C17.9016 18.6032 16.6032 19.9016 15.0016 19.9016H3.00156C1.39994 19.9016 0.101562 18.6032 0.101562 17.0016V5.00156C0.101562 3.39994 1.39994 2.10156 3.00156 2.10156H5.10156V1.00156C5.10156 0.504506 5.50451 0.101562 6.00156 0.101562ZM3.00156 3.90156C2.39405 3.90156 1.90156 4.39405 1.90156 5.00156V8.10156H16.1016V5.00156C16.1016 4.39405 15.6091 3.90156 15.0016 3.90156H3.00156ZM16.1016 9.90156H1.90156V17.0016C1.90156 17.6091 2.39405 18.1016 3.00156 18.1016H15.0016C15.6091 18.1016 16.1016 17.6091 16.1016 17.0016V9.90156Z' fill='rgb(63,63,70)'/%3E%3C/svg%3E%0A");
  background-size: 1.9rem 2rem;
  background-color: rgb(246, 246, 247);
  border-radius: 1.6rem;
}
@media (max-width: 1023px) {
  .mark.design2.case1[class*="calendar"]::before {
    background-size: 1.2rem 1.4rem;
    border-radius: 100%;
  }
}

.mark-text-area {
  display: flex;
}
.mark-text-area.case1 {
  flex-direction: column;
}
@media (max-width: 1023px) {
  .mark-text-area.case1 {
    flex-direction: row;
    gap: 0.8rem;
  }
}

.mark-display .mark-list {
  display: flex;
  flex-wrap: wrap;
}
.mark-display.case1 .mark-list {
  gap: 1.6rem;
}
@media (max-width: 1023px) {
  .mark-display.case1 .mark-list {
    gap: 0.8rem 1.2rem;
  }
}
.mark-display.case2 .mark-list {
  flex-direction: column;
  gap: 0.8rem;
}
@media (max-width: 1023px) {
  .mark-display.case2 .mark-list {
    flex-direction: row;
    gap: 0.8rem 2.4rem;
  }
}
.mark-display.case3 .mark-list {
  flex-direction: column;
  gap: 1.2rem;
}

.banner.design1 {
  background-image: url("../images/bg-banner.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 2.4rem;
}
.banner.design1 .banner-wrap {
  position: relative;
}
.banner.design1 .banner-wrap .banner-util {
  position: absolute;
  right: 0;
  bottom: 0;
}
@media (max-width: 1023px) {
  .banner.design1 {
    background-image: linear-gradient(180deg, rgb(21, 21, 26) 0%, rgb(63, 63, 70) 100%);
  }
  .banner.design1 .banner-wrap {
    text-align: center;
  }
  .banner.design1 .banner-wrap .banner-util {
    position: static;
  }
}
.banner.design2 {
  background-image: url("../images/bg-banner-02.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 2.4rem;
}
.banner.design2 .banner-wrap {
  position: relative;
}
.banner.design2 .banner-wrap .banner-head > picture {
  display: block;
  height: 100%;
}
.banner.design2 .banner-wrap .banner-util {
  position: absolute;
  right: 0;
  bottom: 0;
}
@media (max-width: 1023px) {
  .banner.design2 {
    background-image: linear-gradient(180deg, rgb(21, 21, 26) 0%, rgb(39, 39, 42) 100%);
  }
  .banner.design2 .banner-wrap .banner-head {
    width: 15.5rem;
    height: 6.6rem;
  }
  .banner.design2 .banner-wrap .banner-head > picture {
    padding: 0.795rem;
    padding-bottom: 0.873rem;
  }
  .banner.design2 .banner-wrap .banner-head > picture > img {
    width: 100%;
    height: 100%;
  }
  .banner.design2 .banner-wrap .banner-util {
    position: static;
  }
}
.banner.design3 {
  background-image: url("../images/bg-banner-04.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 2.4rem;
}
.banner.design3 .banner-wrap {
  position: relative;
}
.banner.design3 .banner-wrap .banner-util {
  position: absolute;
  right: 0;
  bottom: 0;
}
@media (max-width: 1023px) {
  .banner.design3 {
    background-image: linear-gradient(180deg, rgb(21, 21, 26) 0%, rgb(63, 63, 70) 100%);
  }
  .banner.design3 .banner-wrap {
    text-align: center;
  }
  .banner.design3 .banner-wrap .banner-util {
    position: static;
  }
}
.banner.case1 {
  padding: 6.4rem;
}
.banner.case1 .banner-wrap {
  padding-right: 20rem;
}
.banner.case1 .banner-wrap .banner-head ~ .banner-body {
  padding-top: 2.4rem;
}
.banner.case1 .banner-wrap .banner-head ~ .banner-footer {
  padding-top: 1.6rem;
}
@media (max-width: 1023px) {
  .banner.case1 {
    padding: 3.2rem 2.4rem;
  }
  .banner.case1 .banner-wrap {
    padding-right: 0;
  }
  .banner.case1 .banner-wrap .banner-head ~ .banner-footer {
    padding-top: 2.4rem;
  }
  .banner.case1 .banner-wrap .banner-head ~ .banner-util {
    padding-top: 4.8rem;
  }
  .kr .banner.case1 .banner-wrap .banner-body {
    padding: 2.4rem 4rem 0;
  }
}
.banner.case2 {
  padding: 6.4rem;
}
.banner.case2 .banner-wrap {
  padding-right: 20rem;
}
.banner.case2 .banner-wrap .banner-head ~ .banner-body {
  padding-top: 2.4rem;
}
.banner.case2 .banner-wrap .banner-head ~ .banner-footer {
  padding-top: 1.6rem;
}
@media (max-width: 1023px) {
  .banner.case2 {
    padding: 3.2rem 2.4rem;
  }
  .banner.case2 .banner-wrap {
    padding-right: 0;
  }
  .banner.case2 .banner-wrap .banner-head ~ .banner-footer {
    padding-top: 2.4rem;
  }
  .banner.case2 .banner-wrap .banner-head ~ .banner-util {
    padding-top: 4.8rem;
  }
  .banner.case2 .banner-wrap .banner-body {
    padding: 0;
  }
  .banner.case2 .banner-wrap .banner-util {
    text-align: center;
  }
}
.banner.type1 .banner-body .para {
  color: rgb(255, 255, 255);
  font-weight: 700;
  font-size: 3.2rem;
}
.banner.type1 .banner-footer .summary {
  color: rgb(255, 255, 255);
  font-weight: 500;
  font-size: 1.8rem;
}
@media (max-width: 1023px) {
  .banner.type1 .banner-body .para {
    font-weight: 700;
    font-size: 2.4rem;
  }
  .banner.type1 .banner-footer .summary {
    color: rgb(255, 255, 255);
    font-weight: 500;
    font-size: 1.6rem;
  }
}
.banner.type2 .banner-body .para {
  color: rgb(255, 255, 255);
  font-weight: 700;
  font-size: 2.4rem;
}
.banner.type2 .banner-footer .summary {
  color: rgb(255, 255, 255);
  font-weight: 500;
  font-size: 1.8rem;
}
@media (max-width: 1023px) {
  .banner.type2 .banner-body .para {
    font-weight: 700;
    font-size: 2.4rem;
  }
  .banner.type2 .banner-footer .summary {
    color: rgb(255, 255, 255);
    font-weight: 500;
    font-size: 1.6rem;
  }
}

.board-list.design1 {
  display: flex;
}
.board-list.design1 .board-wrap {
  display: flex;
}
.board-list.design1.case1 {
  gap: 2rem;
  flex-wrap: wrap;
}
.board-list.design1.case1 .board-item {
  padding: 4rem;
  border-radius: 0.4rem;
  background-color: rgb(246, 246, 247);
}
.board-list.design1.case1 .board-item .board-wrap {
  flex-direction: column;
}
.board-list.design1.case1 .board-item .board-wrap .board-head .board-subject + .board-date {
  margin-top: 1.6rem;
}
.board-list.design1.case1 .board-item .board-wrap .board-head + .board-util {
  margin-top: 2.4rem;
}
@media (max-width: 1023px) {
  .board-list.design1.case1 {
    gap: 1.6rem;
  }
  .board-list.design1.case1 .board-item {
    width: 100%;
    padding: 2.4rem;
  }
}
.board-list.design1.case1.type1 .board-item .board-wrap .board-head .board-subject {
  color: rgb(21, 21, 26);
  font-weight: 700;
  font-size: 2.4rem;
}
.board-list.design1.case1.type1 .board-item .board-wrap .board-head .board-date {
  color: rgb(21, 21, 26);
  font-weight: 500;
  font-size: 1.8rem;
}
@media (max-width: 1023px) {
  .board-list.design1.case1.type1 .board-item .board-wrap .board-head .board-subject {
    font-weight: 700;
    font-size: 2rem;
  }
  .board-list.design1.case1.type1 .board-item .board-wrap .board-head .board-date {
    font-weight: 500;
    font-size: 1.6rem;
  }
}
.board-list.design2 {
  display: flex;
}
.board-list.design2 .board-wrap {
  display: flex;
}
.board-list.design2.case1 .board-item {
  width: 100%;
  padding: 4rem 6.4rem;
  border-radius: 1.6rem;
  background-color: rgb(246, 246, 247);
}
.board-list.design2.case1 .board-item .board-info {
  display: flex;
  flex-wrap: nowrap;
}
.board-list.design2.case1 .board-item .board-info .board-name + .board-caption {
  margin-left: 2.4rem;
}
.board-list.design2.case1 .board-item .board-info + .board-info {
  margin-top: 1.6rem;
}
@media (max-width: 1023px) {
  .board-list.design2.case1 .board-item {
    padding: 2.5rem 3.2rem;
  }
  .board-list.design2.case1 .board-item .board-info .board-name + .board-caption {
    margin-left: 1.6rem;
  }
  .board-list.design2.case1 .board-item .board-info + .board-info {
    margin-top: 1.5rem;
  }
}
.board-list.design2.case1.type1 .board-item .board-info .board-name {
  color: rgb(21, 21, 26);
  white-space: nowrap;
  transition: 0.3s ease;
  font-weight: 700;
  font-size: 1.8rem;
}
.board-list.design2.case1.type1 .board-item .board-info .board-caption {
  color: rgb(63, 63, 70);
  transition: 0.3s ease;
  font-weight: 500;
  font-size: 1.8rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.board-list.design2.case1.type1 .board-item .board-info:hover .board-name,
.board-list.design2.case1.type1 .board-item .board-info:hover .board-caption {
  color: rgb(151, 53, 208);
}
@media (max-width: 1023px) {
  .board-list.design2.case1.type1 .board-item .board-info .board-name {
    font-weight: 700;
    font-size: 1.6rem;
  }
  .board-list.design2.case1.type1 .board-item .board-info .board-caption {
    font-weight: 500;
    font-size: 1.6rem;
  }
}
.board-list.design3 {
  display: flex;
}
.board-list.design3 .board-wrap {
  display: flex;
}
.board-list.design3.case1 .board-item {
  width: 100%;
  padding: 4rem;
  border-radius: 1.6rem;
  background-color: rgb(246, 246, 247);
}
.board-list.design3.case1 .board-item .board-wrap {
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}
.board-list.design3.case1 .board-item .board-wrap .board-info {
  display: inline-block;
}
@media (max-width: 1023px) {
  .board-list.design3.case1 .board-item {
    padding: 3.2rem 2.4rem;
  }
  .board-list.design3.case1 .board-item .board-wrap {
    flex-direction: column;
    align-items: flex-start;
  }
  .board-list.design3.case1 .board-item .board-wrap .board-info + .board-util {
    margin-top: 4.8rem;
  }
}
.board-list.design3.case1.type1 .board-item .board-wrap .board-info .board-name {
  color: rgb(21, 21, 26);
  font-weight: 700;
  font-size: 2.4rem;
}
@media (max-width: 1023px) {
  .board-list.design3.case1.type1 .board-item .board-wrap .board-info .board-name {
    font-weight: 700;
    font-size: 2rem;
  }
}
.board-list.design3.case2 {
  display: flex;
  gap: 2.4rem;
}
.board-list.design3.case2 .board-item {
  width: calc(33.3333333333% - 1.2rem);
  padding: 4rem;
  border-radius: 1.6rem;
  background-color: rgb(246, 246, 247);
}
@media (max-width: 1023px) {
  .board-list.design3.case2 {
    flex-direction: column;
    gap: 1.6rem;
  }
  .board-list.design3.case2 .board-item {
    width: 100%;
    padding: 3.2rem 2.4rem;
  }
  .board-list.design3.case2 .board-item .board-wrap {
    flex-direction: column;
    align-items: flex-start;
  }
  .board-list.design3.case2 .board-item .board-wrap .board-info + .board-util {
    margin-top: 4.8rem;
  }
}
.board-list.design3.case3 {
  display: flex;
  gap: 6.4rem;
}
.board-list.design3.case3 .board-item {
  position: relative;
  width: calc(33.3333333333% - 4.2666rem);
  padding: 4rem;
  border-radius: 1.6rem;
  background-color: rgb(246, 246, 247);
}
.board-list.design3.case3 .board-item ~ .board-item::before {
  position: absolute;
  top: 50%;
  left: -4.8rem;
  width: 3.2rem;
  height: 3.2rem;
  content: "";
  transform: translateY(-50%);
  background-image: url("data:image/svg+xml,%0A%3Csvg width='9' height='14' viewBox='0 0 9 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.365166 0.365166C0.716638 0.0136945 1.28649 0.0136945 1.63796 0.365166L8.27435 7.00156L1.63796 13.638C1.28649 13.9894 0.716638 13.9894 0.365166 13.638C0.0136945 13.2865 0.0136945 12.7166 0.365166 12.3652L5.72877 7.00156L0.365166 1.63796C0.0136945 1.28649 0.0136945 0.716638 0.365166 0.365166Z' fill='rgb(151,53,208)'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 1.2rem 1.9rem;
  background-position: center center;
}
@media (max-width: 1023px) {
  .board-list.design3.case3 {
    flex-direction: column;
    gap: 4rem;
  }
  .board-list.design3.case3 .board-item {
    width: 100%;
    padding: 2.4rem;
  }
  .board-list.design3.case3 .board-item ~ .board-item::before {
    top: -3.6rem;
    left: 50%;
    transform: rotate(90deg) translateY(50%);
  }
}
.board-list.design4 {
  display: flex;
}
.board-list.design4 .board-wrap {
  display: flex;
}
.board-list.design4.case1 {
  gap: 2rem;
  flex-wrap: wrap;
}
.board-list.design4.case1 .board-item {
  display: inline-block;
  width: calc(25% - 1.5rem);
  padding: 4rem;
  background: rgb(255, 255, 255);
  align-items: stretch;
  border-radius: 1.6rem;
  box-shadow: 0px 1.336px 5.342px 0px rgba(0, 0, 0, 0.1);
}
.board-list.design4.case1 .board-item .board-wrap {
  height: 100%;
  flex-direction: column;
  justify-content: space-between;
}
.board-list.design4.case1 .board-item .board-wrap .board-info .board-caption {
  display: inline-block;
  padding: 0.8rem 1.6rem;
  background-color: rgba(109, 12, 166, 0.1);
  border-radius: 1.2rem;
}
.board-list.design4.case1 .board-item .board-wrap .board-info .board-caption + .board-name {
  margin-top: 1.6rem;
}
.board-list.design4.case1 .board-item .board-wrap .board-info + .board-util {
  margin-top: 2.4rem;
}
@media (max-width: 1023px) {
  .board-list.design4.case1 {
    gap: 1.6rem;
    flex-direction: column;
  }
  .board-list.design4.case1 .board-item {
    width: 100%;
    padding: 2.4rem;
  }
}
.board-list.design4.case1.type1 .board-item .board-wrap .board-info .board-caption {
  color: rgb(109, 12, 166);
  font-weight: 700;
  font-size: 1.4rem;
}
.board-list.design4.case1.type1 .board-item .board-wrap .board-info .board-name {
  color: rgb(21, 21, 26);
  font-weight: 700;
  font-size: 2.4rem;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
@media (max-width: 1023px) {
  .board-list.design4.case1.type1 .board-item .board-wrap .board-info .board-caption {
    padding: 0.4rem 0.8rem;
    font-weight: 700;
    font-size: 1.2rem;
  }
  .board-list.design4.case1.type1 .board-item .board-wrap .board-info .board-caption + .board-name {
    margin-top: 1.2rem;
  }
  .board-list.design4.case1.type1 .board-item .board-wrap .board-info .board-name {
    font-weight: 700;
    font-size: 2rem;
  }
  .board-list.design4.case1.type1 .board-item .board-wrap .board-info + .board-util {
    margin-top: 1.6rem;
  }
}
.board-list.design5 {
  display: flex;
}
.board-list.design5 .board-wrap {
  display: flex;
}
.board-list.design5.case2 {
  gap: 2.4rem;
  flex-wrap: wrap;
  flex-direction: column;
  max-width: 49rem;
}
.en .board-list.design5.case2 {
  max-width: 75.1rem;
}

.board-list.design5.case2 .board-item {
  padding: 4rem 4rem 6.4rem;
  border: 2px solid rgb(255, 255, 255);
  background: rgba(255, 255, 255, 0.75);
  border-radius: 0.8rem;
  box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.15);
  backdrop-filter: blur(2rem);
}
.board-list.design5.case2 .board-item .board-wrap {
  flex-direction: column;
}
.board-list.design5.case2 .board-item .board-wrap .board-head + .board-body {
  margin-top: 1.6rem;
}
@media (max-width: 1023px) {
  .board-list.design5.case2 {
    max-width: 100%;
    gap: 1.6rem;
  }
  .board-list.design5.case2 .board-item {
    padding: 2.4rem 2.4rem 3.2rem;
  }
  .board-list.design5.case2 .board-item .board-wrap .board-head + .board-body {
    margin-top: 1.2rem;
  }
}
.board-list.design5.case2.type1 .board-item .board-wrap .board-head .board-name {
  color: rgb(109, 12, 166);
  font-weight: 700;
  font-size: 2.4rem;
}
.board-list.design5.case2.type1 .board-item .board-wrap .board-body .para {
  color: rgb(63, 63, 70);
  font-weight: 700;
  font-size: 1.6rem;
}
@media (max-width: 1023px) {
  .board-list.design5.case2.type1 .board-item .board-wrap .board-head .board-name {
    font-weight: 700;
    font-size: 2rem;
  }
  .board-list.design5.case2.type1 .board-item .board-wrap .board-body .para {
    font-weight: 500;
    font-size: 1.6rem;
  }
}
.board-list.design6 {
  display: flex;
}
.board-list.design6 .board-wrap {
  display: flex;
}
.board-list.design6.case1 {
  gap: 4rem;
  flex-wrap: wrap;
}
.board-list.design6.case1 .board-item {
  width: calc(33.3333333333% - 2.7rem);
}
.board-list.design6.case1 .board-item .board-wrap {
  flex-direction: column;
}
.board-list.design6.case1 .board-item .board-wrap .board-head {
  padding: 8.9rem 3.2rem;
  border: 1px solid rgb(228, 228, 231);
  border-radius: 1.6rem;
  background-color: rgb(255, 255, 255);
}
.board-list.design6.case1 .board-item .board-wrap .board-info {
  padding: 2.4rem;
}
.board-list.design6.case1 .board-item .board-wrap .board-info .data-head + .data-body {
  margin-top: 0.8rem;
}
.board-list.design6.case1 .board-item .board-wrap .board-info .data-body .head + .body {
  margin-left: 0.8rem;
}
@media (max-width: 1023px) {
  .board-list.design6.case1 {
    gap: 2.4rem;
    flex-wrap: nowrap;
  }
  .board-list.design6.case1 .board-item {
    width: calc(33.3333333333% - 1.6rem);
    min-width: 24rem;
  }
  .board-list.design6.case1 .board-item .board-wrap .board-head {
    padding: 5.9rem 3.2rem;
  }
  .board-list.design6.case1 .board-item .board-wrap .board-info {
    padding: 1.6rem;
  }
}
.board-list.design6.case1.type1 .board-item .board-wrap .board-head .board-rank {
  color: rgb(0, 0, 0);
  text-align: center;
  font-weight: 700;
  font-size: 6.4rem;
}
.board-list.design6.case1.type1 .board-item .board-wrap .board-info .data-head .data-subject {
  color: rgb(21, 21, 26);
  font-weight: 700;
  font-size: 2.4rem;
}
.board-list.design6.case1.type1 .board-item .board-wrap .board-info .data-body {
  color: rgb(113, 113, 122);
  font-weight: 500;
  font-size: 1.8rem;
}
@media (max-width: 1023px) {
  .board-list.design6.case1.type1 .board-item .board-wrap .board-info .data-head .data-subject {
    font-weight: 700;
    font-size: 2rem;
  }
  .board-list.design6.case1.type1 .board-item .board-wrap .board-info .data-body {
    font-weight: 500;
    font-size: 1.6rem;
  }
}
.board-list.design6 + .comment {
  margin-top: 1.6rem;
}
@media (max-width: 1023px) {
  .board-list.design6 + .comment {
    margin-top: 1.2rem;
  }
}
.board-list.design7 {
  display: flex;
  justify-content: center;
}
.board-list.design7 .board-wrap {
  display: flex;
}
.board-list.design7 .board-item {
  padding: 6.4rem 2.4rem;
  flex: 1;
  background-color: rgba(0, 0, 0, 0.28);
  border-radius: 1.6rem;
  box-shadow: 0 0.1336rem 0.5342rem 0 rgba(0, 0, 0, 0.1);
}
.board-list.design7 .board-item .board-wrap {
  flex-direction: column;
  align-items: center;
}
.board-list.design7 .board-item .board-wrap .board-figure {
  display: inline-block;
  width: 10.8rem;
  height: 10.8rem;
}
.board-list.design7 .board-item .board-wrap .board-figure > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.board-list.design7 .board-item .board-wrap .board-figure + .board-info {
  padding-top: 2.4rem;
}
@media (max-width: 1023px) {
  .board-list.design7 .board-item .board-wrap .board-figure + .board-info {
    padding-top: 1.6rem;
  }
}
@media (max-width: 1023px) {
  .board-list.design7 .board-item .board-wrap .board-figure {
    width: 9.2rem;
    height: 9.2rem;
  }
}
.board-list.design7 .board-item .board-wrap .board-info {
  width: 100%;
  text-align: center;
}
.board-list.design7 .board-item .board-wrap .board-info .board-name ~ .comment,
.board-list.design7 .board-item .board-wrap .board-info .board-name ~ .board-data {
  padding-top: 1.6rem;
}
@media (max-width: 1023px) {
  .board-list.design7 .board-item .board-wrap .board-info .board-name ~ .comment,
  .board-list.design7 .board-item .board-wrap .board-info .board-name ~ .board-data {
    padding-top: 1.2rem;
  }
}
@media (min-width: 1024px) {
  .board-list.design7 .board-item ~ .board-item {
    margin-left: 2rem;
  }
}
@media (max-width: 1023px) {
  .board-list.design7 {
    flex-direction: column;
  }
  .board-list.design7 .board-item ~ .board-item {
    margin-top: 1.6rem;
  }
}
.board-list.design7.case1 .board-item {
  padding: 8rem 2.4rem;
  max-width: 38.6rem;
  flex: 1;
}
.board-list.design7.case1 .board-item .board-wrap .board-info .para .accent {
  display: inline-block;
}
@media (max-width: 1023px) {
  .board-list.design7.case1 .board-item {
    padding: 4.8rem 1.6rem;
    max-width: unset;
  }
}
.board-list.design7.case2 .board-item {
  padding: 4rem;
}
@media (max-width: 1023px) {
  .board-list.design7.case2 .board-item {
    padding: 2.4rem 1.6rem;
  }
}
.board-list.design7.type1 .board-item .board-wrap .board-info .board-name {
  display: block;
  color: rgb(255, 255, 255);
  font-weight: 700;
  font-size: 3.2rem;
}
@media (min-width: 1024px) {
  .board-list.design7.type1 .board-item .board-wrap .board-info .board-name ~ .para {
    padding-top: 1.6rem;
  }
}
@media (max-width: 1023px) {
  .board-list.design7.type1 .board-item .board-wrap .board-info .board-name ~ .para {
    padding-top: 1.2rem;
  }
}
@media (max-width: 1023px) {
  .board-list.design7.type1 .board-item .board-wrap .board-info .board-name {
    font-weight: 700;
    font-size: 2rem;
  }
}
.board-list.design7.type1 .board-item .board-wrap .board-info .para {
  color: rgb(212, 212, 216);
  font-weight: 500;
  font-size: 1.8rem;
}
@media (max-width: 1023px) {
  .board-list.design7.type1 .board-item .board-wrap .board-info .para {
    font-weight: 500;
    font-size: 1.6rem;
  }
}
.board-list.design7.type2 .board-item .board-wrap .board-info .board-name {
  color: rgb(255, 255, 255);
  font-weight: 700;
  font-size: 1.8rem;
}
.board-list.design7.type2 .board-item .board-wrap .board-info .board-name ~ .para {
  padding-top: 0.4rem;
}
.board-list.design7.type2 .board-item .board-wrap .board-info .board-name ~ .note {
  display: inline-block;
  color: rgb(212, 212, 216);
  font-weight: 500;
  font-size: 1.4rem;
}
@media (min-width: 1024px) {
  .board-list.design7.type2 .board-item .board-wrap .board-info .board-name ~ .note {
    padding-top: 1.2rem;
  }
}
@media (max-width: 1023px) {
  .board-list.design7.type2 .board-item .board-wrap .board-info .board-name ~ .note {
    padding-top: 0.8rem;
  }
}
@media (max-width: 1023px) {
  .board-list.design7.type2 .board-item .board-wrap .board-info .board-name {
    font-weight: 700;
    font-size: 1.6rem;
  }
}
.board-list.design7.type2 .board-item .board-wrap .board-info .para {
  color: rgb(255, 255, 255);
  font-weight: 700;
  font-size: 3.2rem;
}
@media (max-width: 1023px) {
  .board-list.design7.type2 .board-item .board-wrap .board-info .para {
    font-weight: 700;
    font-size: 2.4rem;
  }
}
.board-list.design7.type3 .board-item .board-wrap .board-info .board-name {
  color: rgb(63, 63, 70);
  font-weight: 700;
  font-size: 1.8rem;
}
@media (max-width: 1023px) {
  .board-list.design7.type3 .board-item .board-wrap .board-info .board-name {
    font-weight: 700;
    font-size: 1.6rem;
  }
}
.board-list.design7.type3 .board-item .board-wrap .board-info .para {
  color: rgb(21, 21, 26);
  font-weight: 700;
  font-size: 3.2rem;
}
@media (max-width: 1023px) {
  .board-list.design7.type3 .board-item .board-wrap .board-info .para {
    font-weight: 700;
    font-size: 2.4rem;
  }
}
.board-list.design7.type3 .board-item .board-wrap .board-info .board-data {
  display: block;
  color: rgb(63, 63, 70);
  font-weight: 500;
  font-size: 1.4rem;
}
@media (max-width: 1023px) {
  .board-list.design7.type3 .board-item .board-wrap .board-info .board-data {
    font-weight: 700;
    font-size: 1.2rem;
  }
}
.board-list.design7.type4 .board-item {
  background-color: rgb(255, 255, 255);
}
.board-list.design7.type4 .board-item .board-wrap .board-info .board-name {
  display: block;
  color: rgb(21, 21, 26);
  font-weight: 700;
  font-size: 2.4rem;
}
@media (min-width: 1024px) {
  .board-list.design7.type4 .board-item .board-wrap .board-info .board-name ~ .para {
    padding-top: 0.8rem;
  }
}
@media (max-width: 1023px) {
  .board-list.design7.type4 .board-item .board-wrap .board-info .board-name ~ .para {
    padding-top: 0.4rem;
  }
}
@media (max-width: 1023px) {
  .board-list.design7.type4 .board-item .board-wrap .board-info .board-name {
    font-weight: 700;
    font-size: 2rem;
  }
}
.board-list.design7.type4 .board-item .board-wrap .board-info .para {
  color: rgb(63, 63, 70);
  font-weight: 500;
  font-size: 1.6rem;
}
@media (max-width: 1023px) {
  .board-list.design7.type4 .board-item .board-wrap .board-info .para {
    font-weight: 500;
    font-size: 1.4rem;
  }
}
.board-list.design8 {
  display: flex;
}
.board-list.design8 .board-wrap {
  display: flex;
}
.board-list.design8.case1 .board-item {
  padding: 4rem;
  text-align: center;
  flex: 1;
  background-color: rgb(255, 255, 255);
  border-radius: 1.6rem;
  box-shadow: 0 0.1336rem 0.5342rem 0 rgba(0, 0, 0, 0.1);
}
.board-list.design8.case1 .board-item .board-wrap {
  height: 100%;
  flex-direction: column;
  justify-content: center;
}
.board-list.design8.case1 .board-item .board-wrap .board-head + .board-body {
  padding-top: 1.6rem;
}
.board-list.design8.case1 .board-item + .board-item {
  margin-left: 2rem;
}
@media (max-width: 1023px) {
  .board-list.design8.case1 {
    flex-direction: column;
  }
  .board-list.design8.case1 .board-item {
    padding: 2.4rem;
  }
  .board-list.design8.case1 .board-item .board-wrap .board-head + .board-body {
    padding-top: 1.2rem;
  }
  .board-list.design8.case1 .board-item + .board-item {
    margin-top: 1.6rem;
    margin-left: 0;
  }
}
.board-list.design8.type1 .board-head .board-name {
  color: rgb(21, 21, 26);
  font-weight: 700;
  font-size: 1.8rem;
}
.board-list.design8.type1 .board-body {
  color: rgb(63, 63, 70);
  font-weight: 700;
  font-size: 3.2rem;
}
@media (max-width: 1023px) {
  .board-list.design8.type1 .board-head .board-name {
    font-weight: 700;
    font-size: 1.6rem;
  }
  .board-list.design8.type1 .board-body {
    font-weight: 700;
    font-size: 2.4rem;
  }
}
.board-list.design9 {
  display: flex;
}
.board-list.design9 .board-wrap {
  display: flex;
}
.board-list.design9.case1 {
  gap: 4rem;
}
.board-list.design9.case1 > .board-item {
  width: calc(50% - 2rem);
  padding: 3.2rem 8rem 4rem 8rem;
  background-color: rgb(255, 255, 255);
  border-radius: 0.8rem;
}
.board-list.design9.case1 > .board-item .board-wrap {
  flex-direction: column;
  align-items: center;
}
.board-list.design9.case1 > .board-item .board-wrap .board-subject + .board-figure {
  width: 100%;
  margin-top: 0.8rem;
}
.board-list.design9.case1 > .board-item .board-wrap .board-subject + .board-figure img {
  width: 100%;
}
.board-list.design9.case1 > .board-item .board-wrap .board-subject + .board-figure + .board-info {
  padding: 0 0.8rem;
  margin-top: 1.6rem;
}
@media (max-width: 1023px) {
  .board-list.design9.case1 {
    gap: 2.4rem;
    flex-direction: column;
  }
  .board-list.design9.case1 > .board-item {
    width: 100%;
    padding: 2.4rem 1.2rem;
  }
  .board-list.design9.case1 > .board-item .board-wrap .board-subject + .board-figure + .board-info {
    padding: 0 2rem;
    margin-top: 1.2rem;
  }
}
.board-list.design9.type1 > .board-item .board-name {
  color: rgb(21, 21, 26);
  font-weight: 700;
  font-size: 2.4rem;
}
.board-list.design9.type1 > .board-item .board-info {
  color: rgb(63, 63, 70);
  font-weight: 500;
  font-size: 1.6rem;
}
@media (max-width: 1023px) {
  .board-list.design9.type1 > .board-item .board-name {
    font-weight: 700;
    font-size: 2rem;
  }
  .board-list.design9.type1 > .board-item .board-info {
    font-weight: 500;
    font-size: 1.4rem;
  }
}
.board-list.design10 {
  display: flex;
}
.board-list.design10 .board-wrap {
  display: flex;
}
.board-list.design10.case1 {
  display: flex;
  flex-direction: column;
}
.board-list.design10.case1 .board-item {
  width: 100%;
  padding: 4rem;
  background-color: rgb(255, 255, 255);
  border-radius: 1.6rem;
  box-shadow: 0 0.1336rem 0.5342rem 0 rgba(0, 0, 0, 0.1);
}
.board-list.design10.case1 .board-item .board-wrap {
  display: flex;
  gap: 6.4rem;
  align-items: center;
}
.board-list.design10.case1 .board-item .board-wrap .board-figure {
  display: inline-block;
  width: 100%;
  height: 100%;
  min-width: 39rem;
}
.board-list.design10.case1 .board-item .board-wrap .board-figure > img {
  width: 100%;
  object-fit: cover;
  border-radius: 0.8rem;
}
.board-list.design10.case1 .board-item .board-wrap .board-info .board-name ~ .para {
  padding-top: 2.4rem;
}
.board-list.design10.case1 .board-item ~ .board-item {
  margin-top: 2.4rem;
}
@media (max-width: 1023px) {
  .board-list.design10.case1 {
    flex-direction: column;
  }
  .board-list.design10.case1 .board-item {
    padding: 2.4rem;
  }
  .board-list.design10.case1 .board-item .board-wrap {
    flex-direction: column-reverse;
    gap: 3.2rem;
  }
  .board-list.design10.case1 .board-item .board-wrap .board-figure {
    min-width: unset;
  }
  .board-list.design10.case1 .board-item .board-wrap .board-figure + .board-info {
    margin-top: 1.6rem;
  }
  .board-list.design10.case1 .board-item .board-wrap .board-info .board-name ~ .para {
    padding-top: 1.6rem;
  }
  .board-list.design10.case1 .board-item .board-wrap ~ .board-item {
    margin-top: 0.8rem;
    margin-left: 0;
  }
}
.board-list.design10.type1 .board-item .board-wrap .board-info .board-name {
  color: rgb(21, 21, 26);
  font-weight: 700;
  font-size: 2.4rem;
}
@media (max-width: 1023px) {
  .board-list.design10.type1 .board-item .board-wrap .board-info .board-name {
    font-weight: 700;
    font-size: 2rem;
  }
}
.board-list.design10.type1 .board-item .board-wrap .board-info .para {
  color: rgb(63, 63, 70);
  font-weight: 500;
  font-size: 1.6rem;
}
@media (max-width: 1023px) {
  .board-list.design10.type1 .board-item .board-wrap .board-info .para {
    font-weight: 500;
    font-size: 1.4rem;
  }
}
.board-list.design11 {
  display: flex;
  justify-content: center;
}
.board-list.design11 .board-wrap {
  display: flex;
}
.board-list.design11.case1 {
  width: 100%;
  margin: 0 auto;
  gap: 6.4rem;
}
.board-list.design11.case1 .board-item {
  display: flex;
  position: relative;
  width: calc(16.6666666667% - 6.4rem);
  justify-content: center;
}
@media (max-width: 1023px) {
  .board-list.design11.case1 .board-item {
    width: calc(16.6666666667% - 4rem);
  }
}
.board-list.design11.case1 .board-item .board-wrap {
  display: flex;
  text-align: center;
  flex-direction: column;
}
.board-list.design11.case1 .board-item .board-wrap .board-figure {
  position: relative;
  width: 12.4rem;
  height: 12.4rem;
  background: #fff;
  padding-bottom: 50%;
  border-radius: 100%;
  box-shadow: 0px 1.336px 5.342px 0px rgba(0, 0, 0, 0.1);
}
.board-list.design11.case1 .board-item .board-wrap .board-figure > img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.board-list.design11.case1 .board-item .board-wrap .board-figure + .board-info {
  width: 12.4rem;
  margin-top: 2.4rem;
}
.board-list.design11.case1 .board-item:last-child .board-wrap .board-figure::after {
  display: none;
}
.board-list.design11.case1 .board-item:last-child::after {
  display: none;
}
.board-list.design11.case1 .board-item::after {
  display: block;
  position: absolute;
  top: 34%;
  right: -4.9rem;
  width: 3.2rem;
  height: 3.2rem;
  content: "";
  transform: translateY(-40%);
  background-image: url("data:image/svg+xml,%0A%3Csvg width='9' height='14' viewBox='0 0 9 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.365166 0.365166C0.716638 0.0136945 1.28649 0.0136945 1.63796 0.365166L8.27435 7.00156L1.63796 13.638C1.28649 13.9894 0.716638 13.9894 0.365166 13.638C0.0136945 13.2865 0.0136945 12.7166 0.365166 12.3652L5.72877 7.00156L0.365166 1.63796C0.0136945 1.28649 0.0136945 0.716638 0.365166 0.365166Z' fill='rgb(113,113,122)'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 1.1rem 1.9rem;
  background-position: center;
}
.en .board-list.design11.case1 .board-item::after {
  top: 30%;
}

@media (max-width: 1023px) {
  .board-list.design11.case1 {
    flex-direction: unset !important;
    justify-content: unset;
    gap: 0.8rem;
    padding-left: 0 !important;
    padding-bottom: 0 !important;
    margin-left: -1.4rem !important;
    width: calc(100% + 3.6rem);
    max-width: unset;
    overflow: auto;
    padding-bottom: 1.6rem;
    padding-right: 1.8rem;
    padding-left: 1.8rem;
    margin-left: -1.8rem;
  }
  .board-list.design11.case1::-webkit-scrollbar {
    height: 0.5rem;
  }
  .board-list.design11.case1::-webkit-scrollbar-thumb {
    background-color: #d5d4d9;
    border-radius: 5rem;
  }
  .board-list.design11.case1::-webkit-scrollbar-track {
    margin-left: 1.8rem;
    margin-right: 1.8rem;
    border-radius: 5rem;
  }
  .board-list.design11.case1 .board-item {
    width: calc(16.6666666667% - 4rem);
  }
  .board-list.design11.case1 .board-item .board-wrap .board-figure {
    position: relative;
    width: 10rem;
    height: 10rem;
    padding-bottom: 50%;
  }
  .board-list.design11.case1 .board-item .board-wrap .board-figure > img {
    width: 4.8rem;
    height: 4.8rem;
  }
  .board-list.design11.case1 .board-item .board-wrap .board-figure + .board-info {
    width: 10rem;
    margin-top: 1.6rem;
  }
  .board-list.design11.case1 .board-item::after {
    display: block;
    position: absolute;
    top: 36%;
    right: -1.7rem;
    width: 2.4rem;
    height: 2.4rem;
    transform: translateY(-40%);
    background-image: url("data:image/svg+xml,%0A%3Csvg width='9' height='14' viewBox='0 0 9 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.365166 0.365166C0.716638 0.0136945 1.28649 0.0136945 1.63796 0.365166L8.27435 7.00156L1.63796 13.638C1.28649 13.9894 0.716638 13.9894 0.365166 13.638C0.0136945 13.2865 0.0136945 12.7166 0.365166 12.3652L5.72877 7.00156L0.365166 1.63796C0.0136945 1.28649 0.0136945 0.716638 0.365166 0.365166Z' fill='rgb(113,113,122)'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: 0.9rem 1.4rem;
  }
  .en .board-list.design11.case1 .board-item::after {
    top: 35%;
  }
}
.board-list.design11.type1 .board-item .board-wrap .board-info .board-name {
  color: rgb(21, 21, 26);
  font-weight: 600;
  font-size: 2rem;
}
@media (max-width: 1023px) {
  .board-list.design11.type1 .board-item .board-wrap .board-info .board-name {
    font-weight: 700;
    font-size: 1.8rem;
  }
}
.board-list.design12 {
  width: 100%;
}
.board-list.design12.case1 {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  gap: 2rem;
}
.board-list.design12.case1 > .board-item {
  width: calc(50% - 2rem);
  background-color: rgb(255, 255, 255);
  border-radius: 1.6rem;
  box-shadow: 0 0.1336rem 0.5342rem 0 rgba(0, 0, 0, 0.1);
}
.board-list.design12.case1 > .board-item > .board-wrap {
  padding: 4rem;
  text-align: left;
}
.board-list.design12.case1 > .board-item > .board-wrap > .board-name + .board-body {
  margin-top: 0.8rem;
}
@media (max-width: 1023px) {
  .board-list.design12.case1 {
    width: 100%;
    flex-direction: column;
  }
  .board-list.design12.case1 > .board-item {
    width: 100%;
  }
  .board-list.design12.case1 > .board-item > .board-wrap {
    padding: 2.4rem;
  }
}
.board-list.design12.case2 > .board-item {
  background-color: rgb(255, 255, 255);
  border-radius: 1.6rem;
  box-shadow: 0 0.1336rem 0.5342rem 0 rgba(0, 0, 0, 0.1);
}
.board-list.design12.case2 > .board-item > .board-wrap {
  padding: 4rem;
  text-align: left;
}
.board-list.design12.case2 > .board-item > .board-wrap .board-name + .board-body {
  margin-top: 2.4rem;
}
.board-list.design12.case2 > .board-item + .board-item {
  margin-top: 2rem;
}
@media (max-width: 1023px) {
  .board-list.design12.case2 > .board-item > .board-wrap {
    padding: 2.4rem;
  }
  .board-list.design12.case2 > .board-item > .board-wrap .board-name + .board-body {
    margin-top: 1.6rem;
  }
  .board-list.design12.case2 > .board-item + .board-item {
    margin-top: 1.6rem;
  }
}
.board-list.design12.type1 > .board-item > .board-wrap > .board-name {
  color: rgb(151, 53, 208);
  font-weight: 700;
  font-size: 2rem;
}
@media (max-width: 1023px) {
  .board-list.design12.type1 > .board-item > .board-wrap > .board-name {
    font-weight: 700;
    font-size: 1.8rem;
  }
}
.board-list.design12.type1 > .board-item > .board-wrap .board-body > .para {
  color: rgb(63, 63, 70);
  font-weight: 500;
  font-size: 1.6rem;
}
@media (max-width: 1023px) {
  .board-list.design12 {
    width: 100%;
    flex-direction: column;
  }
}
.board-list.design13 {
  display: flex;
}
.board-list.design13 .board-item {
  width: 50%;
}
@media (max-width: 1023px) {
  .board-list.design13 .board-item {
    width: 100%;
  }
}
.board-list.design13 .board-item .board-wrap .board-head {
  padding: 2.4rem;
  background: rgb(151, 53, 208);
  text-align: center;
  border-radius: 1.6rem;
  align-content: center;
}
.board-list.design13 .board-item .board-wrap .board-head .board-subject {
  color: rgb(255, 255, 255);
  font-weight: 700;
  font-size: 2rem;
}
.board-list.design13 .board-item .board-wrap .board-head + .board-body {
  margin-top: 1.6rem;
}
.en .board-list.design13 .board-item .board-wrap .board-head {
  min-height: 11.2rem;
}
@media (max-width: 1023px) {
  .en .board-list.design13 .board-item .board-wrap .board-head {
    min-height: unset;
  }
}
.board-list.design13 .board-item .board-wrap .board-body {
  padding: 4rem 2.4rem;
  border-radius: 1.6rem;
  box-shadow: 0px 1.336px 5.342px 0px rgba(0, 0, 0, 0.1);
}
.board-list.design13 .board-item.type1 .board-wrap .board-head {
  background-color: rgb(151, 53, 208);
}
.board-list.design13 .board-item + .board-item {
  margin-left: 6.4rem;
}
@media (max-width: 1023px) {
  .board-list.design13 {
    flex-direction: column;
  }
  .board-list.design13 .board-item .board-wrap .board-head {
    padding: 1.6rem;
  }
  .board-list.design13 .board-item .board-wrap .board-head .board-subject {
    font-weight: 700;
    font-size: 1.8rem;
  }
  .board-list.design13 .board-item .board-wrap .board-head + .board-body {
    margin-top: 0.8rem;
  }
  .board-list.design13 .board-item .board-wrap .board-body {
    padding: 2.4rem 1.6rem;
  }
  .board-list.design13 .board-item + .board-item {
    margin-left: unset;
    margin-top: 3.2rem;
  }
}
.board-list.design14 {
  display: flex;
  flex-wrap: wrap;
  gap: 1.6rem 1.95rem;
}
.board-list.design14 .board-item {
  width: calc(33.3333333333% - 1.3rem);
  padding: 4rem;
  border: 0.1rem solid rgb(228, 228, 231);
  border-radius: 1.6rem;
  min-height: 21.6rem;
  background-color: rgb(255, 255, 255);
}
.board-list.design14 .board-item .board-wrap {
  display: flex;
  height: 100%;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1.6rem;
}
.board-list.design14 .board-item .board-wrap .board-util {
  width: 100%;
}
.board-list.design14.type1 .board-subject {
  color: rgb(113, 113, 122);
  font-weight: 700;
  font-size: 1.8rem;
}
@media (max-width: 1023px) {
  .board-list.design14 {
    flex-direction: column;
    gap: 1.2rem;
  }
  .board-list.design14 .board-item {
    width: 100%;
    padding: 2.4rem;
    border-radius: 0.8rem;
    min-height: unset;
  }
  .board-list.design14 .board-item .board-wrap {
    gap: 1.2rem;
  }
}
.board-list.design15 {
  display: flex;
  flex-direction: column;
  gap: 1.6rem 1.95rem;
}
.board-list.design15 .board-item {
  width: 100%;
  padding: 6.4rem 4rem;
  box-shadow: 0px 1.336px 5.342px 0px rgba(0, 0, 0, 0.1);
  border-radius: 1.6rem;
  background-color: rgb(255, 255, 255);
}
.board-list.design15 .board-item .board-wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4rem;
}
.board-list.design15 .board-item .board-wrap .board-figure {
  width: 100%;
  border-radius: 1.6rem;
  overflow: hidden;
}
.board-list.design15 .board-item .board-wrap .board-figure img {
  display: inline-block;
  width: 100%;
}
.board-list.design15 .board-item .board-wrap + .data-display {
  margin-top: 6.4rem;
}
@media (max-width: 1023px) {
  .board-list.design15 .board-item .board-wrap + .data-display {
    margin-top: 3.2rem;
  }
}
.board-list.design15 .board-item .comment.design2 {
  margin: 6.4rem 0 2.4rem;
}
.board-list.design15 .board-item .comment.design1 {
  margin-top: 1.6rem;
}
@media (min-width: 1024px) {
  .board-list.design15 .board-item + .board-item {
    margin-top: 8rem;
  }
}
.board-list.design15.case1 .board-wrap .board-info .para {
  margin-top: 2.4rem;
}
@media (max-width: 1023px) {
  .board-list.design15.case1 .board-wrap .board-info .para {
    margin-top: 1.6rem;
  }
}
.board-list.design15.type1 .board-item .board-wrap .board-info .board-name {
  color: rgb(21, 21, 26);
  font-weight: 700;
  font-size: 2.4rem;
}
@media (max-width: 1023px) {
  .board-list.design15.type1 .board-item .board-wrap .board-info .board-name {
    font-weight: 700;
    font-size: 2rem;
  }
}
.board-list.design15.type1 .board-item .board-wrap .board-info .para {
  color: rgb(63, 63, 70);
  font-weight: 500;
  font-size: 1.6rem;
}
@media (max-width: 1023px) {
  .board-list.design15.type1 .board-item .board-wrap .board-info .para {
    font-weight: 500;
    font-size: 1.4rem;
  }
}
@media (max-width: 1023px) {
  .board-list.design15 {
    gap: 4.8rem;
  }
  .board-list.design15 .board-item {
    width: calc(100% + 3.6rem);
    padding: 3.2rem 2.4rem;
    border-radius: 0.8rem;
    margin-left: -1.8rem;
  }
  .board-list.design15 .board-item .board-wrap {
    gap: 2.4rem;
  }
}
.board-list.design16 {
  display: flex;
  flex-wrap: wrap;
  gap: 5.6rem;
}
.board-list.design16 .board-item {
  display: flex;
  position: relative;
  border-radius: 1.6rem;
  background-color: #fff7f2;
  align-items: center;
  justify-content: center;
}
.board-list.design16 .board-item ~ .board-item::after {
  position: absolute;
  top: 50%;
  left: -4rem;
  width: 2.4rem;
  height: 2.4rem;
  content: "";
  background-image: url("data:image/svg+xml,%0A%3Csvg width='15' height='14' viewBox='0 0 15 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.28033 0.217717C7.98744 -0.0751764 7.51256 -0.0751764 7.21967 0.217717C6.92678 0.51061 6.92678 0.985484 7.21967 1.27838L11.9393 5.99805L0.75 5.99805C0.335786 5.99805 0 6.33383 0 6.74805C0 7.16226 0.335786 7.49805 0.75 7.49805L11.9393 7.49805L7.21967 12.2177C6.92678 12.5106 6.92678 12.9855 7.21967 13.2784C7.51256 13.5713 7.98744 13.5713 8.28033 13.2784L14.8107 6.74805L8.28033 0.217717Z' fill='rgb(244,119,37)'/%3E%3C/svg%3E%0A");
  background-size: 1.6rem 1.4rem;
  background-repeat: no-repeat;
  background-position: center center;
  transform: translateY(-50%);
}
.board-list.design16.case1 .board-item {
  width: calc(20% - 4.48rem);
}
.board-list.design16.case1 .board-item:nth-child(odd) .board-body {
  padding: 2.4rem;
}
.board-list.design16.case1 .board-item:nth-child(even) .board-body {
  padding: 2.4rem 2.4rem 2.4rem 1.6rem;
}
@media (max-width: 1023px) {
  .board-list.design16.case1 .board-item {
    width: 100%;
  }
}
.board-list.design16.type1 .para {
  color: rgb(63, 63, 70);
  text-align: center;
  font-weight: 500;
  font-size: 1.6rem;
}
@media (max-width: 1023px) {
  .board-list.design16.type1 .para {
    font-weight: 500;
    font-size: 1.4rem;
  }
}
@media (max-width: 1023px) {
  .board-list.design16 {
    flex-direction: column;
    gap: 3.2rem;
  }
  .board-list.design16 .board-item ~ .board-item::after {
    top: -2.8rem;
    left: 50%;
    transform: translateX(-50%) rotate(90deg);
  }
}
.board-list.design17 {
  display: flex;
  gap: 2rem;
}
.board-list.design17 .board-item {
  width: calc(25% - 1.5rem);
  background-color: rgb(246, 246, 247);
  border-radius: 1.6rem;
}
.board-list.design17 .board-item .board-figure {
  border-radius: 0.8rem;
}
.board-list.design17.case1 .board-item {
  padding: 2.4rem 2.4rem 4rem;
}
@media (max-width: 1023px) {
  .board-list.design17.case1 .board-item {
    padding: 1.6rem 1.6rem 2.4rem;
  }
}
.board-list.design17.case1 .board-item .board-figure {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgb(255, 255, 255);
  min-height: 10rem;
}
@media (max-width: 1023px) {
  .board-list.design17.case1 .board-item .board-figure {
    min-height: 8.4rem;
  }
}
.board-list.design17.case1 .board-item .board-name {
  margin-top: 2.4rem;
}
@media (max-width: 1023px) {
  .board-list.design17.case1 .board-item .board-name {
    margin-top: 1.2rem;
  }
}
.board-list.design17.case1 .board-item .board-name .para {
  margin-top: 1.6rem;
}
@media (max-width: 1023px) {
  .board-list.design17.case1 .board-item .board-name .para {
    margin-top: 0.8rem;
  }
}
.board-list.design17.type1 .board-item {
  text-align: center;
}
.board-list.design17.type1 .board-item .board-name .board-caption {
  color: rgb(109, 12, 166);
  font-weight: 700;
  font-size: 2.4rem;
}
@media (max-width: 1023px) {
  .board-list.design17.type1 .board-item .board-name .board-caption {
    font-weight: 700;
    font-size: 2rem;
  }
}
.board-list.design17.type1 .board-item .board-name .para {
  font-weight: 500;
  font-size: 1.6rem;
}
@media (max-width: 1023px) {
  .board-list.design17.type1 .board-item .board-name .para {
    font-weight: 700;
    font-size: 1.4rem;
  }
}
@media (max-width: 1023px) {
  .board-list.design17 {
    flex-wrap: wrap;
    gap: 1.6rem;
  }
  .board-list.design17 .board-item {
    width: calc(50% - 0.8rem);
  }
}
.board-list.design18 {
  display: flex;
}
.board-list.design18 .board-item {
  padding: 2.4rem 0 3.2rem;
  border: 1px solid rgb(228, 228, 231);
  background: rgb(246, 246, 247);
  border-radius: 2.4rem;
}
.board-list.design18 .board-item .board-wrap {
  text-align: center;
}
.board-list.design18 .board-item .board-wrap .board-head .subject {
  color: rgb(21, 21, 26);
  font-weight: 700;
  font-size: 2.4rem;
}
.board-list.design18 .board-item .board-wrap .board-head + .board-figure {
  margin: 2.6rem auto 0;
}
.board-list.design18 .board-item .board-wrap .board-figure img {
  width: 100%;
}
.board-list.design18 .board-item + .board-item {
  margin-left: 2.4rem;
}
@media (max-width: 1023px) {
  .board-list.design18 .board-item {
    padding: 1.39rem 0 2.12rem;
    border-radius: 1.39rem;
  }
  .board-list.design18 .board-item .board-wrap .board-head .subject {
    font-weight: 700;
    font-size: 1.4rem;
  }
  .board-list.design18 .board-item .board-wrap .board-head + .board-figure {
    margin: 1.5rem auto 0;
  }
  .board-list.design18 .board-item .board-wrap .board-figure img {
    width: 100%;
  }
  .board-list.design18 .board-item + .board-item {
    margin-left: 0.8rem;
  }
}
.board-list.design19 {
  width: 100%;
}
.board-list.design19 .board-item {
  padding: 4rem 6.4rem;
  background: rgb(246, 246, 247);
  border-radius: 1.6rem;
}
.board-list.design19 .board-item .board-body .para {
  color: rgb(109, 12, 166);
  text-align: center;
  font-weight: 700;
  font-size: 2rem;
}
@media (max-width: 1023px) {
  .board-list.design19 .board-item {
    padding: 2.4rem 3.2rem;
  }
  .board-list.design19 .board-item .board-body .para {
    font-weight: 700;
    font-size: 1.8rem;
  }
}
.board-list.design20 {
  display: flex;
  flex-wrap: wrap;
}
.board-list.design20.case1 {
  gap: 2rem;
}
.board-list.design20.case1 .board-item {
  width: calc(33.3333333333% - 1.333rem);
}
.board-list.design20.case1 .board-item .board-figure {
  position: relative;
  width: 100%;
  height: 0;
  border-radius: 1.6rem;
  overflow: hidden;
  padding-bottom: 56.33%;
}
.board-list.design20.case1 .board-item .board-figure img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: translate(-50%, -50%);
}
.board-list.design20.case1 .board-item .board-figure + .board-inform {
  margin-top: 2.4rem;
}
.board-list.design20.case1 .board-item .board-inform .head {
  font-weight: 700;
  font-size: 1.8rem;
}
.board-list.design20.case1 .board-item .board-inform .head + .body {
  margin-top: 0.8rem;
}
.board-list.design20.case1 .board-item .board-inform .body {
  color: rgb(63, 63, 70);
  font-weight: 500;
  font-size: 1.6rem;
}
@media (max-width: 1023px) {
  .board-list.design20.case1 {
    gap: 3rem;
  }
  .board-list.design20.case1 .board-item {
    width: 100%;
  }
  .board-list.design20.case1 .board-item .board-figure {
    border-radius: 0.8rem;
    padding-bottom: 64.9%;
  }
  .board-list.design20.case1 .board-item .board-figure + .board-inform {
    margin-top: 1.6rem;
  }
  .board-list.design20.case1 .board-item .board-inform .head {
    font-weight: 700;
    font-size: 1.6rem;
  }
  .board-list.design20.case1 .board-item .board-inform .body {
    font-weight: 700;
    font-size: 1.4rem;
  }
}
.board-list.design21 {
  padding: 4rem;
  border-radius: 1.6rem;
  box-shadow: 0px 1.336px 5.342px 0px rgba(0, 0, 0, 0.1);
}
@media (max-width: 1023px) {
  .board-list.design21 {
    padding: 2.4rem;
  }
}
.board-list.design22 {
  display: flex;
}
@media (max-width: 1023px) {
  .board-list.design22 {
    flex-direction: column;
  }
}
.board-list.design22 .board-wrap {
  display: flex;
}
.board-list.design22.case1 {
  gap: 2rem;
}
@media (max-width: 1023px) {
  .board-list.design22.case1 {
    gap: 1.6rem;
  }
}
.board-list.design22.case1 .board-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: calc(33.3333333333% - 1.333rem);
  padding: 4rem;
  border-radius: 1.6rem;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 1.336px 5.342px 0px rgba(0, 0, 0, 0.1);
}
@media (max-width: 1023px) {
  .board-list.design22.case1 .board-item {
    width: 100%;
    padding: 3.2rem 2.4rem;
  }
}
.board-list.design22.case1 .board-item .board-wrap {
  flex-direction: column;
  align-items: center;
}
.board-list.design22.case1 .board-item .board-wrap .board-head .board-subject {
  color: rgb(151, 53, 208);
  text-align: center;
  font-weight: 700;
  font-size: 3.2rem;
}
@media (max-width: 1023px) {
  .board-list.design22.case1 .board-item .board-wrap .board-head .board-subject {
    font-weight: 700;
    font-size: 2.4rem;
  }
}
.board-list.design22.case1 .board-item .board-wrap .board-head + .board-body {
  margin-top: 0.8rem;
}
.board-list.design22.case1 .board-item .board-wrap .board-body .para {
  color: rgb(63, 63, 70);
  text-align: center;
  font-weight: 700;
  font-size: 1.8rem;
}
@media (max-width: 1023px) {
  .board-list.design22.case1 .board-item .board-wrap .board-body .para {
    font-weight: 700;
    font-size: 1.6rem;
  }
}
.board-list.hico .board-item {
  border-radius: 1.6rem;
  background-color: rgba(0, 0, 0, 0.32);
}
.board-list.hico .board-item .board-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.board-list.hico .board-item .board-wrap .board-head .title {
  color: rgb(255, 255, 255);
}
@media (min-width: 1024px) {
  .board-list.hico .board-item .board-wrap .board-head .title {
    font-weight: 700;
    font-size: 4.8rem;
  }
}
@media (max-width: 1023px) {
  .board-list.hico .board-item .board-wrap .board-head .title {
    font-weight: 700;
    font-size: 2.4rem;
  }
}
.board-list.hico .board-item .board-wrap .board-body {
  color: rgb(255, 255, 255);
}
@media (min-width: 1024px) {
  .board-list.hico .board-item .board-wrap .board-body {
    font-weight: 700;
    font-size: 3.2rem;
  }
  .board-list.hico .board-item .board-wrap .board-body .accent {
    padding-right: 1.1rem;
    font-weight: 700;
    font-size: 4.8rem;
  }
}
@media (max-width: 1023px) {
  .board-list.hico .board-item .board-wrap .board-body {
    font-weight: 700;
    font-size: 1.8rem;
  }
  .board-list.hico .board-item .board-wrap .board-body .accent {
    padding-right: 0.5rem;
    font-weight: 700;
    font-size: 2.4rem;
  }
}
@media (min-width: 1024px) {
  .board-list.hico .board-item .board-wrap {
    padding: 4rem 6.4rem;
  }
}
@media (max-width: 1023px) {
  .board-list.hico .board-item .board-wrap {
    padding: 2.4rem;
  }
}
@media (min-width: 1024px) {
  .board-list.hico .board-item + .board-item {
    margin-top: 1.6rem;
  }
}
@media (max-width: 1023px) {
  .board-list.hico .board-item + .board-item {
    margin-top: 1.2rem;
  }
}
.board-list.esg-health {
  display: flex;
  width: 100%;
  gap: 2rem;
}
.board-list.esg-health .board-item {
  width: calc(16.6666666667% - 1rem);
  padding: 3.45rem;
  background: rgb(255, 255, 255);
  text-align: center;
  border-radius: 1.6rem;
  box-shadow: 0px 1.336px 5.342px 0px rgba(0, 0, 0, 0.1);
}
.en .board-list.esg-health .board-item {
  padding: 3.45rem 2rem;
}
@media (max-width: 1023px) {
  .en .board-list.esg-health .board-item {
    padding: 1.4rem;
  }
}

.board-list.esg-health .board-item .board-wrap .board-figure {
  width: 7.2rem;
  height: 7.2rem;
  margin: 0 auto;
  background-size: cover !important;
}
.board-list.esg-health .board-item .board-wrap .board-figure.medi {
  background: url(../fonts/medi.svg);
}
.board-list.esg-health .board-item .board-wrap .board-figure.health {
  background: url(../fonts/health.svg);
}
.board-list.esg-health .board-item .board-wrap .board-figure.fit {
  background: url(../fonts/fit.svg);
}
.board-list.esg-health .board-item .board-wrap .board-figure.food {
  background: url(../fonts/food.svg);
}
.board-list.esg-health .board-item .board-wrap .board-figure.mass {
  background: url(../fonts/mass.svg);
}
.board-list.esg-health .board-item .board-wrap .board-figure.stairs {
  background: url(../fonts/stairs.svg);
}
.board-list.esg-health .board-item .board-wrap .board-name {
  margin-top: 1.6rem;
  font-weight: 700;
  font-size: 1.6rem;
}
@media (max-width: 1023px) {
  .board-list.esg-health {
    flex-wrap: wrap;
    gap: 1.6rem;
  }
  .board-list.esg-health .board-item {
    width: calc(33.3333333333% - 1.0666rem);
    padding: 1.4rem 1.25rem;
  }
  .board-list.esg-health .board-item .board-wrap .board-figure {
    width: 4rem;
    height: 4rem;
  }
  .board-list.esg-health .board-item .board-wrap .board-name {
    margin-top: 1.2rem;
    font-weight: 700;
    font-size: 1.4rem;
  }
}
.board-list.esg-stand {
  display: flex;
  width: 100%;
  gap: 2rem;
}
.board-list.esg-stand .board-item {
  width: calc(33.3333333333% - 1rem);
  padding: 4rem;
  background: rgb(255, 255, 255);
  text-align: center;
  border-radius: 1.6rem;
  box-shadow: 0px 1.336px 5.342px 0px rgba(0, 0, 0, 0.1);
}
.board-list.esg-stand .board-item .board-wrap .board-figure {
  width: 7.2rem;
  height: 7.2rem;
  margin: 0 auto;
  background-size: cover !important;
}
.board-list.esg-stand .board-item .board-wrap .board-figure.earth {
  background: url(../images/earth.png);
}
.board-list.esg-stand .board-item .board-wrap .board-figure.people {
  background: url(../images/people.png);
}
.board-list.esg-stand .board-item .board-wrap .board-figure.law {
  background: url(../images/law.png);
}
.board-list.esg-stand .board-item .board-wrap .board-name {
  color: rgb(151, 53, 208);
  margin-top: 0.8rem;
  font-weight: 700;
  font-size: 1.8rem;
}
.board-list.esg-stand .board-item .board-wrap .board-body {
  display: flex;
  gap: 1.6rem;
  margin-top: 2.4rem;
}
.board-list.esg-stand .board-item .board-wrap .board-body .bullet-display {
  width: calc(50% - 1.6rem);
}
@media (max-width: 1023px) {
  .board-list.esg-stand .board-item .board-wrap .board-body {
    margin: 2.4rem auto 0;
    max-width: 29.1rem;
  }
}
@media (max-width: 1023px) {
  .board-list.esg-stand {
    flex-direction: column;
    gap: 1.6rem;
  }
  .board-list.esg-stand .board-item {
    width: 100%;
    padding: 2.4rem;
  }
  .board-list.esg-stand .board-item .board-wrap .board-name {
    margin-top: 1.2rem;
    font-weight: 700;
    font-size: 1.4rem;
  }
}
.board-list.esg-layout.case1 .borad-item {
  display: flex;
  padding: 2.4rem;
  border: 1px solid rgb(228, 228, 231);
  border-radius: 1.6rem;
  flex: 1;
  gap: 2rem;
}
.board-list.esg-layout.case1 .borad-item > .board-head {
  width: 12.41%;
}
.board-list.esg-layout.case1 .borad-item > .board-body {
  width: 87.59%;
}
@media (max-width: 1023px) {
  .board-list.esg-layout.case1 .borad-item {
    padding: 1.6rem;
    flex-direction: column;
    gap: 1.6rem;
  }
  .board-list.esg-layout.case1 .borad-item > .board-head {
    width: 100%;
  }
  .board-list.esg-layout.case1 .borad-item > .board-body {
    width: 100%;
  }
}
.board-list.esg-layout.case2 {
  display: flex;
  width: 100%;
  gap: 2rem;
}
.board-list.esg-layout.case2 .borad-item {
  width: 100%;
  padding: 2.4rem;
  border: 1px solid rgb(228, 228, 231);
  border-radius: 1.6rem;
}
.board-list.esg-layout.case2 .borad-item > .board-head {
  width: 100%;
}
.board-list.esg-layout.case2 .borad-item > .board-head + .board-body {
  margin-top: 2.4rem;
}
.board-list.esg-layout.case2 .borad-item > .board-body {
  width: 100%;
}
@media (max-width: 1023px) {
  .board-list.esg-layout.case2 {
    flex-wrap: wrap;
    gap: 1.6rem;
  }
  .board-list.esg-layout.case2 .borad-item {
    width: calc(50% - 0.8rem);
    padding: 1.6rem 1.6rem 2.4rem;
  }
  .board-list.esg-layout.case2 .borad-item > .board-head + .board-body {
    padding: 0 1.2rem;
    margin-top: 1.6rem;
  }
}
.board-list.esg-layout.case3 {
  display: flex;
  gap: 2rem;
}
.board-list.esg-layout.case3 .borad-item {
  width: calc(25% - 1.5rem);
  padding: 4rem 2.4rem;
  text-align: center;
  background-color: rgb(246, 246, 247);
  border-radius: 1.6rem;
}
.board-list.esg-layout.case3 .borad-item .board-figure {
  width: 14rem;
  height: 14rem;
  margin: 0 auto;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.board-list.esg-layout.case3 .borad-item .board-figure.esg-csr-sv-1 {
  background-image: url(../fonts/esg-csr-sv-1.svg);
}
.board-list.esg-layout.case3 .borad-item .board-figure.esg-csr-sv-2 {
  background-image: url(../fonts/esg-csr-sv-2.svg);
}
.board-list.esg-layout.case3 .borad-item .board-figure.esg-csr-sv-3 {
  background-image: url(../fonts/esg-csr-sv-3.svg);
}
.board-list.esg-layout.case3 .borad-item .board-figure.esg-csr-sv-4 {
  background-image: url(../fonts/esg-csr-sv-4.svg);
}
.board-list.esg-layout.case3 .borad-item .board-figure.esg-csr-sv-5 {
  background-image: url(../fonts/esg-csr-sv-5.svg);
}
.board-list.esg-layout.case3 .borad-item .board-figure.esg-csr-sv-6 {
  background-image: url(../fonts/esg-csr-sv-6.svg);
}
.board-list.esg-layout.case3 .borad-item .board-figure.esg-csr-sv-7 {
  background-image: url(../fonts/esg-csr-sv-7.svg);
}
.board-list.esg-layout.case3 .borad-item .board-figure.esg-csr-sv-8 {
  background-image: url(../fonts/esg-csr-sv-8.svg);
}
.board-list.esg-layout.case3 .borad-item .haed {
  color: rgb(63, 63, 70);
  font-weight: 700;
  font-size: 1.8rem;
}
.board-list.esg-layout.case3 .borad-item .haed + .body {
  margin-top: 0.8rem;
}
.board-list.esg-layout.case3 .borad-item .body {
  color: rgb(21, 21, 26);
  font-weight: 700;
  font-size: 2.4rem;
}
.board-list.esg-layout.case3 .borad-item.type1 {
  display: flex;
  border: 1px solid rgb(151, 53, 208);
  align-items: center;
  justify-content: center;
  background-color: rgb(151, 53, 208);
}
.board-list.esg-layout.case3 .borad-item.type1 .body {
  color: rgb(255, 255, 255);
  font-weight: 700;
  font-size: 3.2rem;
}
@media (max-width: 1023px) {
  .board-list.esg-layout.case3 {
    gap: 1.6rem;
  }
  .board-list.esg-layout.case3 .borad-item {
    width: 20rem;
    padding: 2.4rem 1.6rem;
    border-radius: 0.8rem;
  }
  .board-list.esg-layout.case3 .borad-item .board-figure {
    width: 7.2rem;
    height: 7.2rem;
  }
  .board-list.esg-layout.case3 .borad-item .board-figure + .board-info {
    margin-top: 1.2rem;
  }
  .board-list.esg-layout.case3 .borad-item .haed {
    font-weight: 700;
    font-size: 1.6rem;
  }
  .board-list.esg-layout.case3 .borad-item .body {
    font-weight: 700;
    font-size: 2rem;
  }
  .board-list.esg-layout.case3 .borad-item.type1 .body {
    font-weight: 700;
    font-size: 2.4rem;
  }
}
.board-list.esg-layout.case4 .borad-item {
  position: relative;
  padding: 2rem 2rem 2.4rem;
  background-color: rgb(246, 246, 247);
  border-radius: 1.6rem;
}
.board-list.esg-layout.case4 .board-head + .board-body {
  margin-top: 1.1rem;
}
@media (max-width: 1023px) {
  .board-list.esg-layout.case4 .borad-item {
    padding: 2rem 2rem 1.65rem 0;
  }
  .board-list.esg-layout.case4 .board-head + .board-body {
    margin-top: 3.2rem;
  }
}
.board-list.esg-layout.type1 .board-head .board-subject {
  color: rgb(21, 21, 26);
  font-weight: 700;
  font-size: 2rem;
}
.board-list.esg-layout.type1 .board-head .caption {
  color: rgb(63, 63, 70);
  text-align: right;
  font-weight: 500;
  font-size: 1.6rem;
}
@media (max-width: 1023px) {
  .board-list.esg-layout.type1 .board-head .board-subject {
    font-weight: 700;
    font-size: 1.8rem;
  }
  .board-list.esg-layout.type1 .board-head .caption {
    font-weight: 500;
    font-size: 1.4rem;
  }
}
.board-list.esg-layout .data-list {
  display: flex;
  gap: 2rem;
}
.board-list.esg-layout .data-list.emblum1 {
  display: flex;
  gap: 2rem;
}
.board-list.esg-layout .data-list.emblum1 .data-item {
  width: 22.24%;
  padding: 1.6rem;
  text-align: center;
}
.board-list.esg-layout .data-list.emblum1 .para {
  font-weight: 700;
  font-size: 1.8rem;
}
.board-list.esg-layout .data-list.emblum1.case1 .figure {
  width: 14rem;
  height: 14rem;
  padding: 1.4rem 2.25rem;
  margin: 0 auto;
}
.board-list.esg-layout .data-list.emblum1.case1 .figure img {
  width: 9.5rem;
  height: 11.2rem;
}
.board-list.esg-layout .data-list.emblum1.case1 .figure + .para {
  margin-top: 1.6rem;
}
.board-list.esg-layout .data-list.emblum1.case2 .figure {
  display: inline-block;
  width: 9.5rem;
  height: 11.2rem;
  margin: 1.4rem 2.25rem;
  background: url("../images/esg-common-rate-img.png") 0 0;
  vertical-align: middle;
}
.board-list.esg-layout .data-list.emblum1.case2 .figure img {
  width: 9.5rem;
  height: 11.2rem;
}
.board-list.esg-layout .data-list.emblum1.case2 .figure + .para {
  margin-top: 1.6rem;
}
@media (max-width: 1023px) {
  .board-list.esg-layout .data-list.emblum1 {
    flex-wrap: wrap;
    gap: 1.6rem;
  }
  .board-list.esg-layout .data-list.emblum1 .data-item {
    width: calc(50% - 0.8rem);
    padding: unset;
    padding: 2.6rem 0 1.2rem;
  }
  .board-list.esg-layout .data-list.emblum1 .para {
    font-weight: 700;
    font-size: 1.6rem;
  }
  .board-list.esg-layout .data-list.emblum1.case1 .figure {
    width: unset;
    height: unset;
    padding: unset;
  }
  .board-list.esg-layout .data-list.emblum1.case1 .figure + .para {
    margin-top: 2.6rem;
  }
  .board-list.esg-layout .data-list.emblum1.case2 .figure {
    margin: unset;
    vertical-align: middle;
  }
  .board-list.esg-layout .data-list.emblum1.case2 .figure + .para {
    margin-top: 2.6rem;
  }
}
.board-list.esg-layout .data-list.emblum2 {
  justify-content: center;
}
.board-list.esg-layout .data-list.emblum2 .figure {
  padding: 2rem;
  margin: 0 auto;
}
@media (max-width: 1023px) {
  .board-list.esg-layout .data-list.emblum2 .figure {
    padding: unset;
    margin: 0 auto;
  }
  .board-list.esg-layout .data-list.emblum2 .figure img {
    width: 100%;
  }
}
.board-list.esg-layout .data-list.emblum3 {
  justify-content: center;
}
.board-list.esg-layout .data-list.emblum3 .figure {
  max-width: 17.2rem;
}
.board-list.esg-layout .data-list.emblum3 .figure img {
  width: 100%;
}
.board-list.esg-happy-day {
  display: flex;
  width: 100%;
  gap: 2rem;
}
.board-list.esg-happy-day .board-item {
  width: calc((100% - 2rem) / 6);
}
.board-list.esg-happy-day .board-item .board-wrap .board-figure {
  position: relative;
  width: 18.3rem;
  height: 0;
  margin: 0 auto;
  border-radius: 2rem;
  background-size: cover !important;
  box-shadow: 0px 1.336px 5.342px 0px rgba(0, 0, 0, 0.1);
  background-position: center;
  padding-bottom: 100%;
}
.board-list.esg-happy-day .board-item .board-wrap .board-figure.day1 {
  background: url(../images/day1.jpg);
  background-repeat: no-repeat;
}
.board-list.esg-happy-day .board-item .board-wrap .board-figure.day2 {
  background: url(../images/day2.jpg);
}
.board-list.esg-happy-day .board-item .board-wrap .board-figure.day3 {
  background: url(../images/day3.jpg);
}
.board-list.esg-happy-day .board-item .board-wrap .board-figure.day4 {
  background: url(../images/day4.jpg);
}
.board-list.esg-happy-day .board-item .board-wrap .board-figure.day5 {
  background: url(../images/day5.jpg);
}
.board-list.esg-happy-day .board-item .board-wrap .board-figure.day6 {
  background: url(../images/day6.jpg);
}
.board-list.esg-happy-day .board-item .board-wrap .board-name {
  margin-top: 1.6rem;
  font-weight: 700;
  font-size: 1.6rem;
}
@media (max-width: 1023px) {
  .board-list.esg-happy-day {
    flex-wrap: wrap;
    gap: 0.8rem;
  }
  .board-list.esg-happy-day .board-item {
    width: calc(33.3333333333% - 0.8rem);
  }
  .board-list.esg-happy-day .board-item .board-wrap .board-figure {
    width: 100%;
    border-radius: 0.8rem;
  }
}
.board-list.brand-inquiry {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  gap: 2rem;
  max-width: 120rem;
}
.board-list.brand-inquiry .board-item {
  position: relative;
  width: 22.4rem;
  height: 24.2rem;
  border: 0.1rem solid rgb(228, 228, 231);
  border-radius: 0.8rem;
  background-color: rgb(255, 255, 255);
  overflow: hidden;
}
.board-list.brand-inquiry .board-item .board-wrap {
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: flex-end;
}
.board-list.brand-inquiry .board-item .board-wrap .btn {
  margin-bottom: 2.4rem;
}
@media (min-width: 1024px) {
  .en .board-list.brand-inquiry .board-item .board-wrap .btn .btn-text {
    max-width: 14rem;
  }
}

.board-list.brand-inquiry .board-item.walkerhill .board-wrap {
  background: url("../fonts/logo-walkerhill.svg") no-repeat center -1.7rem/20.3rem;
}
.board-list.brand-inquiry .board-item.networksService .board-wrap {
  background: url("../images/logo-sknetworksService-kr.png") no-repeat center 2.3rem/17.2rem;
}
.en .board-list.brand-inquiry .board-item.networksService .board-wrap {
  background: url("../images/logo-sknetworksService-en.png") no-repeat center 5.3rem/17.2rem;
}

.board-list.brand-inquiry .board-item.intellix .board-wrap {
  background: url("../fonts/logo-skIntellix.svg") no-repeat center 2rem/17.3rem;
}
.en .board-list.brand-inquiry .board-item.intellix .board-wrap {
  background: url("../fonts/logo_skintellix_e.svg") no-repeat center 4.2rem/12rem;
}

.board-list.brand-inquiry .board-item.magic .board-wrap {
  background: url("../fonts/logo-skMagic_1.svg") no-repeat center -1.7rem/20.3rem;
}
.en .board-list.brand-inquiry .board-item.magic .board-wrap {
  background: url("../fonts/logo-skMagic.svg") no-repeat center 4.2rem/12rem;
}

.board-list.brand-inquiry .board-item.speedmate .board-wrap {
  background: url("../fonts/logo-speedmate-k.svg") no-repeat center 2.3rem/17.2rem;
}
.en .board-list.brand-inquiry .board-item.speedmate .board-wrap {
  background: url("../images/logo-speedmate-e.png") no-repeat center 4.7rem/14.6rem;
}

.board-list.brand-inquiry .board-item.electlink .board-wrap {
  background: url("../fonts/logo-electLink.svg") no-repeat center -1.7rem/20.3rem;
}
.en .board-list.brand-inquiry .board-item.electlink .board-wrap {
  background: url("../images/logo_electlink_e.png") no-repeat center 4.7rem/14.6rem;
}

.board-list.brand-inquiry .board-item.mintit .board-wrap {
  background: url("../fonts/logo-mintit.svg") no-repeat center -1.7rem/20.3rem;
}
.board-list.brand-inquiry .board-item.encore .board-wrap {
  background: url("../fonts/logo-encore-b.svg") no-repeat center 2.3rem/17.2rem;
}
@media (min-width: 1024px) {
  .board-list.brand-inquiry .board-item:hover .board-wrap > a::after,
  .board-list.brand-inquiry .board-item:focus-within .board-wrap > a::after {
    color: rgb(255, 255, 255);
    background-color: rgba(0, 0, 0, 0.9);
  }
  .board-list.brand-inquiry .board-item:hover::after,
  .board-list.brand-inquiry .board-item:focus-within::after {
    background-color: rgb(39, 39, 42);
    background-image: url("data:image/svg+xml,%0A%3Csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.45703 0C1.04282 0 0.707031 0.335787 0.707031 0.75C0.707031 1.16421 1.04282 1.5 1.45703 1.5H8.13372L0.21967 9.41405C-0.0732233 9.70694 -0.0732233 10.1818 0.21967 10.4747C0.512563 10.7676 0.987437 10.7676 1.28033 10.4747L9.19231 2.56273V9.23528C9.19231 9.6495 9.5281 9.98528 9.94231 9.98528C10.3565 9.98528 10.6923 9.6495 10.6923 9.23528V0H1.45703Z' fill='rgb(255,255,255)'/%3E%3C/svg%3E%0A");
  }
}
@media (max-width: 1023px) {
  .board-list.brand-inquiry {
    gap: 1.2rem;
  }
  .board-list.brand-inquiry .board-item {
    display: flex;
    width: auto;
    height: auto;
    border: 0;
    align-items: center;
  }
  .board-list.brand-inquiry .board-item .board-wrap {
    background: none !important;
  }
  .board-list.brand-inquiry .board-item .board-wrap .btn {
    margin-bottom: 0;
  }
}
.board-list.inquiry-process {
  display: flex;
  justify-content: center;
}
.board-list.inquiry-process .board-item {
  display: flex;
}
.board-list.inquiry-process .board-item .board-wrap {
  display: flex;
  position: relative;
  width: 100%;
  height: 100%;
  padding: 2.4rem;
  text-align: center;
  min-width: 16.2rem;
  justify-content: center;
  align-items: center;
  padding-top: 17rem;
  min-height: 5.8rem;
}
.board-list.inquiry-process .board-item .board-wrap .num {
  display: none;
  color: rgb(109, 12, 166);
  margin-right: 1.2rem;
  font-weight: 700;
  font-size: 1.8rem;
}
.board-list.inquiry-process .board-item .board-wrap .board-name {
  display: inline-block;
  max-width: 11rem;
  word-break: keep-all;
  font-weight: 700;
  font-size: 2rem;
}
.board-list.inquiry-process .board-item .board-wrap .board-name > span {
  display: inline-block;
  height: 100%;
}
.board-list.inquiry-process .board-item .board-wrap::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 16.2rem;
  height: 16.2rem;
  content: "";
  background-repeat: no-repeat;
  background-position: center;
}
.board-list.inquiry-process .board-item.regi .board-wrap::before {
  background-image: url("../fonts/process1-figure.svg");
}
.board-list.inquiry-process .board-item.receive .board-wrap::before {
  background-image: url("../fonts/process2-figure.svg");
}
.board-list.inquiry-process .board-item.review .board-wrap::before {
  background-image: url("../fonts/process3-figure.svg");
}
.board-list.inquiry-process .board-item.reply .board-wrap::before {
  background-image: url("../fonts/process4-figure.svg");
}
.board-list.inquiry-process .board-item + .board-item::before {
  display: inline-block;
  position: relative;
  top: 6.5rem;
  width: 3.2rem;
  height: 3.2rem;
  margin: 0 1.6rem;
  content: "";
  background-image: url("data:image/svg+xml,%0A%3Csvg width='9' height='14' viewBox='0 0 9 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.365166 0.365166C0.716638 0.0136945 1.28649 0.0136945 1.63796 0.365166L8.27435 7.00156L1.63796 13.638C1.28649 13.9894 0.716638 13.9894 0.365166 13.638C0.0136945 13.2865 0.0136945 12.7166 0.365166 12.3652L5.72877 7.00156L0.365166 1.63796C0.0136945 1.28649 0.0136945 0.716638 0.365166 0.365166Z' fill='rgb(39,39,42)'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
}
@media (max-width: 1023px) {
  .board-list.inquiry-process {
    padding: 2.4rem 3.2rem;
    align-items: flex-start;
    flex-direction: column;
    background-color: rgb(255, 255, 255);
    border-radius: 0.8rem;
    box-shadow: 0 0.1336rem 0.5342rem 0 rgba(0, 0, 0, 0.1);
  }
  .board-list.inquiry-process .board-item .board-wrap {
    padding: 0;
    min-height: unset;
    justify-content: flex-start;
  }
  .board-list.inquiry-process .board-item .board-wrap .num {
    display: inline-block;
    height: 100%;
  }
  .board-list.inquiry-process .board-item .board-wrap .board-name {
    max-width: unset;
  }
  .board-list.inquiry-process .board-item .board-wrap::before {
    display: none;
  }
  .board-list.inquiry-process .board-item + .board-item {
    padding-top: 1.6rem;
  }
  .board-list.inquiry-process .board-item + .board-item::before {
    display: none;
  }
}
@media (max-width: 1023px) {
  .board-list.scroll {
    width: calc(100% + 3.6rem);
    max-width: unset;
    overflow: auto;
    padding-bottom: 1.6rem;
    padding-right: 1.8rem;
    padding-left: 1.8rem;
    margin-left: -1.8rem;
  }
  .board-list.scroll::-webkit-scrollbar {
    height: 0.5rem;
  }
  .board-list.scroll::-webkit-scrollbar-thumb {
    background-color: #d5d4d9;
    border-radius: 5rem;
  }
  .board-list.scroll::-webkit-scrollbar-track {
    margin-left: 1.8rem;
    margin-right: 1.8rem;
    border-radius: 5rem;
  }
}

.btn {
  display: inline-flex;
  border: 1px solid transparent;
  text-align: center;
  align-items: center;
  justify-content: center;
  transition: 0.3s ease;
  cursor: pointer;
  /* Shape Variations */
  /* icon only */
}
.btn .btn-text {
  display: flex;
  position: relative;
  text-align: left;
  align-items: center;
  word-break: break-word;
}
.btn .btn-text::after,
.btn .btn-text::before {
  transition: 0.3s ease;
}
.btn.design1.case1 {
  padding: 1.4rem 3.1rem;
  border-radius: 5rem;
  min-height: 5.6rem;
}
.btn.design1.case2 {
  padding: 0.7rem 1.5rem;
  border-radius: 5rem;
}
.btn.design2.case1 {
  padding: 1.4rem 0;
}
.btn.design2.case2 {
  padding: 0;
}
.btn.design3.case1 {
  padding: 1.4rem 0.7rem 1.4rem 3.1rem;
  border-radius: 5rem;
  min-height: 5.6rem;
}
.btn.design3.case1.type1 .btn-text {
  padding-right: 6.4rem;
}
.btn.design3.case1[class*="-icon"][class*="al-"] .btn-text::before,
.btn.design3.case1[class*="-icon"][class*="ar-"] .btn-text::after {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.btn.design3.case2 {
  padding: 1.4rem 0;
  min-height: 5.6rem;
}
.btn.design3.case3 {
  padding: 1.5rem;
  border-radius: 0.8rem;
}
@media (max-width: 1023px) {
  .btn.design3.case3 {
    padding: 1.1rem;
  }
  .btn.design3.case3.type1 .btn-text {
    font-weight: 700;
    font-size: 1.4rem;
  }
}
.btn.design3.case4 {
  padding: 0;
  border: unset;
}
.btn.design3[class*="-icon"][class*="al-"] .btn-text::before,
.btn.design3[class*="-icon"][class*="ar-"] .btn-text::after {
  display: block;
  content: "";
  background-repeat: no-repeat;
  background-position: center center;
  flex: none;
}
.btn.design3.ar-icon- {
  position: relative;
}
.btn.design3.ar-icon-arrow-right2-bg .btn-text::after {
  width: 4rem;
  height: 4rem;
  margin-left: 2.4rem;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='15' height='14' viewBox='0 0 15 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.28033 0.217717C7.98744 -0.0751764 7.51256 -0.0751764 7.21967 0.217717C6.92678 0.51061 6.92678 0.985484 7.21967 1.27838L11.9393 5.99805L0.75 5.99805C0.335786 5.99805 0 6.33383 0 6.74805C0 7.16226 0.335786 7.49805 0.75 7.49805L11.9393 7.49805L7.21967 12.2177C6.92678 12.5106 6.92678 12.9855 7.21967 13.2784C7.51256 13.5713 7.98744 13.5713 8.28033 13.2784L14.8107 6.74805L8.28033 0.217717Z' fill='rgb(255,255,255)'/%3E%3C/svg%3E%0A");
  background-size: 1.5rem 1.4rem;
  background-color: rgb(63, 63, 70);
  border-radius: 100%;
}
.btn.design3.ar-icon-arrow-right2 .btn-text::after {
  width: 2.4rem;
  height: 2.4rem;
  margin-left: 0.8rem;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='15' height='14' viewBox='0 0 15 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.28033 0.217717C7.98744 -0.0751764 7.51256 -0.0751764 7.21967 0.217717C6.92678 0.51061 6.92678 0.985484 7.21967 1.27838L11.9393 5.99805L0.75 5.99805C0.335786 5.99805 0 6.33383 0 6.74805C0 7.16226 0.335786 7.49805 0.75 7.49805L11.9393 7.49805L7.21967 12.2177C6.92678 12.5106 6.92678 12.9855 7.21967 13.2784C7.51256 13.5713 7.98744 13.5713 8.28033 13.2784L14.8107 6.74805L8.28033 0.217717Z' fill='rgb(0,0,0)'/%3E%3C/svg%3E%0A");
  background-size: 1.5rem 1.4rem;
}
.btn.design3.ar-icon-arrow-fill-down .btn-text::after {
  width: 1.6rem;
  height: 1.6rem;
  margin-left: 0.8rem;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.99916 8L0.803008 0.5L11.1953 0.500001L5.99916 8Z' fill='rgb(0,0,0)'/%3E%3C/svg%3E%0A");
  background-size: 0.8rem 0.6rem;
}
.btn.design3.ar-icon-arrow-right-up2 .btn-text::after {
  width: 1.6rem;
  height: 1.6rem;
  margin-left: 0.8rem;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.45703 0C1.04282 0 0.707031 0.335787 0.707031 0.75C0.707031 1.16421 1.04282 1.5 1.45703 1.5H8.13372L0.21967 9.41405C-0.0732233 9.70694 -0.0732233 10.1818 0.21967 10.4747C0.512563 10.7676 0.987437 10.7676 1.28033 10.4747L9.19231 2.56273V9.23528C9.19231 9.6495 9.5281 9.98528 9.94231 9.98528C10.3565 9.98528 10.6923 9.6495 10.6923 9.23528V0H1.45703Z' fill='rgb(151,53,208)'/%3E%3C/svg%3E%0A");
  background-size: 0.8rem 0.8rem;
}
.btn.design3.ar-icon-arrow-right-up2-2 .btn-text::after {
  width: 2.4rem;
  height: 2.4rem;
  margin-left: 0.8rem;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.45703 0C1.04282 0 0.707031 0.335787 0.707031 0.75C0.707031 1.16421 1.04282 1.5 1.45703 1.5H8.13372L0.21967 9.41405C-0.0732233 9.70694 -0.0732233 10.1818 0.21967 10.4747C0.512563 10.7676 0.987437 10.7676 1.28033 10.4747L9.19231 2.56273V9.23528C9.19231 9.6495 9.5281 9.98528 9.94231 9.98528C10.3565 9.98528 10.6923 9.6495 10.6923 9.23528V0H1.45703Z' fill='rgb(0,0,0)'/%3E%3C/svg%3E%0A");
  background-size: 1.1rem 1.1rem;
}
.btn.design3.ar-icon-download-bg .btn-text::after {
  width: 4rem;
  height: 4rem;
  margin-left: 2.4rem;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='18' height='17' viewBox='0 0 18 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.8 0.915625C9.8 0.418568 9.39706 0.015625 8.9 0.015625C8.40294 0.015625 8 0.418568 8 0.915625V9.72721L5.5364 7.2636C5.18492 6.91213 4.61508 6.91213 4.2636 7.2636C3.91213 7.61508 3.91213 8.18492 4.2636 8.5364L8.17172 12.4445C8.33533 12.6694 8.60059 12.8156 8.9 12.8156C9.19941 12.8156 9.46468 12.6694 9.62829 12.4445L13.5364 8.5364C13.8879 8.18492 13.8879 7.61508 13.5364 7.2636C13.1849 6.91213 12.6151 6.91213 12.2636 7.2636L9.8 9.72721V0.915625ZM1.8 11.9C1.8 11.4029 1.39706 11 0.9 11C0.402944 11 0 11.4029 0 11.9V15.9C0 16.3971 0.402944 16.8 0.9 16.8H16.9C17.3971 16.8 17.8 16.3971 17.8 15.9V11.9C17.8 11.4029 17.3971 11 16.9 11C16.4029 11 16 11.4029 16 11.9V15H1.8V11.9Z' fill='rgb(255,255,255)'/%3E%3C/svg%3E%0A");
  background-size: 1.8rem 1.8rem;
  background-color: rgb(63, 63, 70);
  border-radius: 100%;
}
.btn.design3.ar-icon-download .btn-text::after {
  width: 2.4rem;
  height: 2.4rem;
  margin-left: 0.8rem;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='18' height='17' viewBox='0 0 18 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.8 0.915625C9.8 0.418568 9.39706 0.015625 8.9 0.015625C8.40294 0.015625 8 0.418568 8 0.915625V9.72721L5.5364 7.2636C5.18492 6.91213 4.61508 6.91213 4.2636 7.2636C3.91213 7.61508 3.91213 8.18492 4.2636 8.5364L8.17172 12.4445C8.33533 12.6694 8.60059 12.8156 8.9 12.8156C9.19941 12.8156 9.46468 12.6694 9.62829 12.4445L13.5364 8.5364C13.8879 8.18492 13.8879 7.61508 13.5364 7.2636C13.1849 6.91213 12.6151 6.91213 12.2636 7.2636L9.8 9.72721V0.915625ZM1.8 11.9C1.8 11.4029 1.39706 11 0.9 11C0.402944 11 0 11.4029 0 11.9V15.9C0 16.3971 0.402944 16.8 0.9 16.8H16.9C17.3971 16.8 17.8 16.3971 17.8 15.9V11.9C17.8 11.4029 17.3971 11 16.9 11C16.4029 11 16 11.4029 16 11.9V15H1.8V11.9Z' fill='rgb(0,0,0)'/%3E%3C/svg%3E%0A");
  background-size: 1.8rem 1.7rem;
}
.btn.design3.ar-icon-plus-bg .btn-text::after {
  width: 4rem;
  height: 4rem;
  margin-left: 2.4rem;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6 12.9C6 13.3971 6.40294 13.8 6.9 13.8C7.39706 13.8 7.8 13.3971 7.8 12.9V7.8H12.9C13.3971 7.8 13.8 7.39706 13.8 6.9C13.8 6.40294 13.3971 6 12.9 6H7.8V0.9C7.8 0.402944 7.39706 0 6.9 0C6.40294 0 6 0.402944 6 0.9V6H0.9C0.402944 6 0 6.40294 0 6.9C0 7.39706 0.402944 7.8 0.9 7.8H6V12.9Z' fill='rgb(255,255,255)'/%3E%3C/svg%3E%0A");
  background-size: 1.5rem 1.4rem;
  background-color: rgb(63, 63, 70);
  border-radius: 100%;
}
.btn.design3.ar-icon-refresh .btn-text::after {
  width: 1.6rem;
  height: 1.6rem;
  margin-left: 0.8rem;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='22' height='18' viewBox='0 0 22 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.80334 8.99766C4.80334 5.01819 8.02934 1.79219 12.0088 1.79219C15.9883 1.79219 19.2143 5.01819 19.2143 8.99766C19.2143 12.9771 15.9883 16.2031 12.0088 16.2031C10.0747 16.2031 8.32019 15.4423 7.02514 14.2017C6.6662 13.8578 6.09649 13.8701 5.75264 14.229C5.4088 14.588 5.42104 15.1577 5.77997 15.5015C7.39665 17.0502 9.59239 18.0031 12.0088 18.0031C16.9824 18.0031 21.0143 13.9712 21.0143 8.99766C21.0143 4.02407 16.9824 -0.0078125 12.0088 -0.0078125C7.03522 -0.0078125 3.00334 4.02407 3.00334 8.99766C3.00334 9.24872 3.01364 9.49754 3.03385 9.74369L1.50728 8.34566C1.14072 8.00995 0.571419 8.03498 0.235718 8.40154C-0.099983 8.76811 -0.0749625 9.3374 0.291603 9.67311L3.79744 12.8838L7.30328 9.67311C7.66985 9.3374 7.69487 8.76811 7.35917 8.40154C7.02347 8.03498 6.45417 8.00995 6.0876 8.34566L4.82094 9.50567C4.80928 9.33795 4.80334 9.16855 4.80334 8.99766Z' fill='rgb(0,0,0)'/%3E%3C/svg%3E%0A");
  background-size: 1.4rem 1.2rem;
}
.btn.design3.ar-icon-arrow-down1 .btn-text::after {
  width: 2.4rem;
  height: 2.4rem;
  margin-left: 0.8rem;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='14' height='9' viewBox='0 0 14 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.6348 0.365166C13.9863 0.716638 13.9863 1.28649 13.6348 1.63796L6.99844 8.27435L0.362041 1.63796C0.0105695 1.28649 0.0105695 0.716638 0.362041 0.365166C0.713513 0.0136939 1.28336 0.013694 1.63483 0.365166L6.99844 5.72877L12.362 0.365166C12.7135 0.0136945 13.2834 0.0136945 13.6348 0.365166Z' fill='rgb(0,0,0)'/%3E%3C/svg%3E%0A");
  background-size: 1.4rem 0.9rem;
}
.btn.design3.ar-icon-close .btn-text::after {
  width: 2.4rem;
  height: 2.4rem;
  margin-left: 0.8rem;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.2626 11.5344C10.6141 11.8859 11.1839 11.8859 11.5354 11.5344C11.8869 11.183 11.8869 10.6131 11.5354 10.2617L7.1718 5.89803L11.5354 1.53444C11.8868 1.18297 11.8868 0.61312 11.5354 0.261649C11.1839 -0.0898215 10.614 -0.0898198 10.2626 0.261653L5.89901 4.62524L1.53542 0.261651C1.18395 -0.0898212 0.614099 -0.0898211 0.262627 0.261651C-0.0888446 0.613123 -0.0888446 1.18297 0.262628 1.53444L4.62622 5.89803L0.262626 10.2617C-0.0888451 10.6131 -0.0888434 11.183 0.26263 11.5344C0.614102 11.8859 1.18395 11.8859 1.53542 11.5344L5.89901 7.17083L10.2626 11.5344Z' fill='rgb(0,0,0)'/%3E%3C/svg%3E%0A");
  background-size: 1.2rem 1.2rem;
}
.btn.design3.al-icon- {
  position: relative;
}
.btn.design3.al-icon-arrow-left2 .btn-text::before {
  width: 2.4rem;
  height: 2.4rem;
  margin-right: 0.8rem;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='15' height='14' viewBox='0 0 15 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.78217 0.217717C7.07506 -0.0751764 7.54994 -0.0751764 7.84283 0.217717C8.13572 0.51061 8.13572 0.985484 7.84283 1.27838L3.12316 5.99805L13.75 5.99805C14.1642 5.99805 14.5 6.33383 14.5 6.74805C14.5 7.16226 14.1642 7.49805 13.75 7.49805L3.12316 7.49805L7.84283 12.2177C8.13572 12.5106 8.13572 12.9855 7.84283 13.2784C7.54994 13.5713 7.07506 13.5713 6.78217 13.2784L1.00184 7.49805H1V7.49621L0.25184 6.74805L1 5.99989V5.99805H1.00184L6.78217 0.217717Z' fill='rgb(0,0,0)'/%3E%3C/svg%3E%0A");
  background-size: 1.5rem 1.4rem;
}
.btn.design3.al-icon-info .btn-text::before {
  width: 1.6rem;
  height: 1.6rem;
  margin-right: 0.8rem;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.8 9.9C1.8 5.42649 5.42649 1.8 9.9 1.8C14.3735 1.8 18 5.42649 18 9.9C18 14.3735 14.3735 18 9.9 18C5.42649 18 1.8 14.3735 1.8 9.9ZM9.9 0C4.43238 0 0 4.43238 0 9.9C0 15.3676 4.43238 19.8 9.9 19.8C15.3676 19.8 19.8 15.3676 19.8 9.9C19.8 4.43238 15.3676 0 9.9 0ZM9 6.1C9 6.59706 9.40294 7 9.9 7C10.3971 7 10.8 6.59706 10.8 6.1V5.9C10.8 5.40294 10.3971 5 9.9 5C9.40294 5 9 5.40294 9 5.9V6.1ZM10.8001 9C10.8001 8.50294 10.3972 8.1 9.9001 8.1C9.40304 8.1 9.0001 8.50294 9.0001 9V14.5C9.0001 14.9971 9.40304 15.4 9.9001 15.4C10.3972 15.4 10.8001 14.9971 10.8001 14.5V9Z' fill='rgb(0,0,0)'/%3E%3C/svg%3E%0A");
  background-size: 1.4rem 1.4rem;
}
.btn.design3.al-icon-printer .btn-text::before {
  width: 2.4rem;
  height: 2.4rem;
  margin-right: 0.8rem;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.0549 0.250001H10.9451C9.57754 0.24998 8.47522 0.249963 7.60825 0.366524C6.70814 0.48754 5.95027 0.746434 5.34835 1.34835C4.60837 2.08833 4.37952 3.07517 4.29879 4.29943C4.05377 4.31578 3.82374 4.33755 3.60825 4.36652C2.70814 4.48754 1.95027 4.74643 1.34835 5.34835C0.746434 5.95027 0.48754 6.70814 0.366524 7.60825C0.249963 8.47522 0.24998 9.57754 0.250001 10.9451V11.0549C0.24998 12.4225 0.249963 13.5248 0.366524 14.3918C0.48754 15.2919 0.746434 16.0497 1.34835 16.6517C2.08833 17.3916 3.07517 17.6205 4.29942 17.7012C4.31578 17.9462 4.33755 18.1763 4.36652 18.3918C4.48754 19.2919 4.74643 20.0497 5.34835 20.6517C5.95027 21.2536 6.70814 21.5125 7.60825 21.6335C8.47522 21.75 9.57754 21.75 10.9451 21.75H11.0549C12.4225 21.75 13.5248 21.75 14.3918 21.6335C15.2919 21.5125 16.0497 21.2536 16.6517 20.6517C17.2536 20.0497 17.5125 19.2919 17.6335 18.3918C17.6625 18.1763 17.6842 17.9462 17.7006 17.7012C18.9248 17.6205 19.9117 17.3916 20.6517 16.6517C21.2536 16.0497 21.5125 15.2919 21.6335 14.3918C21.75 13.5248 21.75 12.4225 21.75 11.0549V10.9451C21.75 9.57754 21.75 8.47522 21.6335 7.60825C21.5125 6.70814 21.2536 5.95027 20.6517 5.34835C20.0497 4.74643 19.2919 4.48754 18.3918 4.36652C18.1763 4.33755 17.9462 4.31578 17.7012 4.29943C17.6205 3.07517 17.3916 2.08833 16.6517 1.34835C16.0497 0.746434 15.2919 0.48754 14.3918 0.366524C13.5248 0.249963 12.4225 0.24998 11.0549 0.250001ZM6.94512 4.25C6.54313 4.24999 6.16406 4.24999 5.80714 4.25295C5.88909 3.23209 6.0735 2.74452 6.40901 2.40901C6.68577 2.13225 7.07434 1.9518 7.80812 1.85315C8.56347 1.75159 9.56458 1.75 11 1.75C12.4354 1.75 13.4365 1.75159 14.1919 1.85315C14.9257 1.9518 15.3142 2.13225 15.591 2.40901C15.9265 2.74452 16.1109 3.23209 16.1929 4.25295C15.8359 4.24999 15.4569 4.24999 15.0549 4.25H6.94512ZM4.25 15.0549C4.24999 15.4569 4.24999 15.8359 4.25294 16.1929C3.23209 16.1109 2.74452 15.9265 2.40901 15.591C2.13225 15.3142 1.9518 14.9257 1.85315 14.1919C1.75159 13.4365 1.75 12.4354 1.75 11C1.75 9.56458 1.75159 8.56347 1.85315 7.80812C1.9518 7.07435 2.13225 6.68577 2.40901 6.40901C2.68577 6.13225 3.07435 5.9518 3.80812 5.85315C4.56347 5.75159 5.56458 5.75 7 5.75H15C16.4354 5.75 17.4365 5.75159 18.1919 5.85315C18.9257 5.9518 19.3142 6.13225 19.591 6.40901C19.8678 6.68577 20.0482 7.07435 20.1469 7.80812C20.2484 8.56347 20.25 9.56458 20.25 11C20.25 12.4354 20.2484 13.4365 20.1469 14.1919C20.0482 14.9257 19.8678 15.3142 19.591 15.591C19.2555 15.9265 18.7679 16.1109 17.7471 16.1929C17.75 15.8359 17.75 15.4569 17.75 15.0549V14.75H18C18.4142 14.75 18.75 14.4142 18.75 14C18.75 13.5858 18.4142 13.25 18 13.25H4C3.58579 13.25 3.25 13.5858 3.25 14C3.25 14.4142 3.58579 14.75 4 14.75H4.25V15.0549ZM5.75 15V14.75H16.25V15C16.25 16.4354 16.2484 17.4365 16.1469 18.1919C16.0482 18.9257 15.8678 19.3142 15.591 19.591C15.3142 19.8678 14.9257 20.0482 14.1919 20.1469C13.4365 20.2484 12.4354 20.25 11 20.25C9.56458 20.25 8.56347 20.2484 7.80812 20.1469C7.07435 20.0482 6.68577 19.8678 6.40901 19.591C6.13225 19.3142 5.9518 18.9257 5.85315 18.1919C5.75159 17.4365 5.75 16.4354 5.75 15ZM5 8.25C4.58579 8.25 4.25 8.58579 4.25 9C4.25 9.41421 4.58579 9.75 5 9.75H8C8.41421 9.75 8.75 9.41421 8.75 9C8.75 8.58579 8.41421 8.25 8 8.25H5ZM16 10C16.5523 10 17 9.55229 17 9C17 8.44772 16.5523 8 16 8C15.4477 8 15 8.44772 15 9C15 9.55229 15.4477 10 16 10Z' fill='rgb(0,0,0)'/%3E%3C/svg%3E%0A");
  background-size: 2.2rem 2.2rem;
}
.btn.design3.al-icon-share .btn-text::before {
  width: 2.4rem;
  height: 2.4rem;
  margin-right: 0.8rem;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='18' height='20' viewBox='0 0 18 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.2 3.49805C16.2 4.43585 15.4398 5.19609 14.502 5.19609C13.5641 5.19609 12.8039 4.43585 12.8039 3.49805C12.8039 2.56024 13.5641 1.8 14.502 1.8C15.4398 1.8 16.2 2.56024 16.2 3.49805ZM18 3.49805C18 5.42997 16.4339 6.99609 14.502 6.99609C13.6096 6.99609 12.7954 6.66199 12.1774 6.11207L6.89504 9.16185C6.96107 9.43038 6.99609 9.7111 6.99609 10C6.99609 10.326 6.95149 10.6416 6.86806 10.9411L12.0966 13.9597C12.7235 13.3663 13.5699 13.0024 14.5012 13.0024C16.4335 13.0024 18 14.5689 18 16.5012C18 18.4335 16.4335 20 14.5012 20C12.5689 20 11.0024 18.4335 11.0024 16.5012C11.0024 16.1503 11.0541 15.8114 11.1502 15.4918L5.95344 12.4915C5.3219 13.1139 4.45483 13.498 3.49805 13.498C1.56613 13.498 0 11.9319 0 10C0 8.06808 1.56613 6.50195 3.49805 6.50195C4.49296 6.50195 5.39087 6.91731 6.02781 7.58408L11.1835 4.60745C11.067 4.25886 11.0039 3.88582 11.0039 3.49805C11.0039 1.56613 12.57 0 14.502 0C16.4339 0 18 1.56613 18 3.49805ZM3.49805 11.698C4.43585 11.698 5.19609 10.9378 5.19609 10C5.19609 9.06219 4.43585 8.30195 3.49805 8.30195C2.56024 8.30195 1.8 9.06219 1.8 10C1.8 10.9378 2.56024 11.698 3.49805 11.698ZM14.5012 18.2C15.4394 18.2 16.2 17.4394 16.2 16.5012C16.2 15.563 15.4394 14.8024 14.5012 14.8024C13.563 14.8024 12.8024 15.563 12.8024 16.5012C12.8024 17.4394 13.563 18.2 14.5012 18.2Z' fill='rgb(0,0,0)'/%3E%3C/svg%3E%0A");
  background-size: 1.8rem 2rem;
}
.btn[class*="design"] {
  /* font info */
  /* color */
}
.btn[class*="design"].type1 .btn-text {
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 2.6rem;
}
.btn[class*="design"].type2 .btn-text {
  font-weight: 700;
  font-size: 1.4rem;
}
.btn[class*="design"].type3 .btn-text {
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 2.6rem;
}
.btn[class*="design"].type4 .btn-text {
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 2.6rem;
}
@media (max-width: 1023px) {
  .btn[class*="design"].type4 .btn-text {
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 2.2rem;
  }
}
.btn[class*="design"].color1 {
  color: rgb(255, 255, 255);
  background-color: #ec2225;
  border-color: #ec2225;
}
.btn[class*="design"].color1.disabled {
  color: rgb(212, 212, 216) !important;
  background-color: rgb(246, 246, 247) !important;
  border-color: rgb(246, 246, 247) !important;
}
.btn[class*="design"].color1.disabled[class*="-icon"][class*="arrow-right2-bg"] .btn-text::after {
  background-color: rgb(212, 212, 216) !important;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='15' height='14' viewBox='0 0 15 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.28033 0.217717C7.98744 -0.0751764 7.51256 -0.0751764 7.21967 0.217717C6.92678 0.51061 6.92678 0.985484 7.21967 1.27838L11.9393 5.99805L0.75 5.99805C0.335786 5.99805 0 6.33383 0 6.74805C0 7.16226 0.335786 7.49805 0.75 7.49805L11.9393 7.49805L7.21967 12.2177C6.92678 12.5106 6.92678 12.9855 7.21967 13.2784C7.51256 13.5713 7.98744 13.5713 8.28033 13.2784L14.8107 6.74805L8.28033 0.217717Z' fill='rgb(255,255,255)'/%3E%3C/svg%3E%0A") !important;
}
@media (min-width: 1024px) {
  .btn[class*="design"].color1:hover,
  .btn[class*="design"].color1:focus-visible {
    background-color: #c01114;
    border-color: #c01114;
  }
}
.btn[class*="design"].color2 {
  color: rgb(0, 0, 0);
  background-color: rgb(255, 255, 255);
  border-color: rgb(228, 228, 231);
}
.btn[class*="design"].color2.disabled {
  color: rgb(212, 212, 216) !important;
  border-color: rgb(246, 246, 247) !important;
}
.btn[class*="design"].color2.disabled[class*="-icon"][class*="arrow-right2-bg"] .btn-text::after {
  background-color: rgb(212, 212, 216) !important;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='15' height='14' viewBox='0 0 15 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.28033 0.217717C7.98744 -0.0751764 7.51256 -0.0751764 7.21967 0.217717C6.92678 0.51061 6.92678 0.985484 7.21967 1.27838L11.9393 5.99805L0.75 5.99805C0.335786 5.99805 0 6.33383 0 6.74805C0 7.16226 0.335786 7.49805 0.75 7.49805L11.9393 7.49805L7.21967 12.2177C6.92678 12.5106 6.92678 12.9855 7.21967 13.2784C7.51256 13.5713 7.98744 13.5713 8.28033 13.2784L14.8107 6.74805L8.28033 0.217717Z' fill='rgb(255,255,255)'/%3E%3C/svg%3E%0A") !important;
}
@media (min-width: 1024px) {
  .btn[class*="design"].color2:hover,
  .btn[class*="design"].color2:focus-visible {
    color: rgb(255, 255, 255);
    background-color: rgb(39, 39, 42);
    border-color: rgb(39, 39, 42);
  }
}
.btn[class*="design"].color3 {
  color: rgb(255, 255, 255);
  background-color: transparent;
  border-color: rgb(255, 255, 255);
}
.btn[class*="design"].color3.disabled {
  color: rgb(113, 113, 122) !important;
  border-color: rgb(113, 113, 122) !important;
}
.btn[class*="design"].color3.disabled[class*="-icon"][class*="arrow-right2-bg"] .btn-text::after {
  background-color: rgb(113, 113, 122) !important;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='15' height='14' viewBox='0 0 15 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.28033 0.217717C7.98744 -0.0751764 7.51256 -0.0751764 7.21967 0.217717C6.92678 0.51061 6.92678 0.985484 7.21967 1.27838L11.9393 5.99805L0.75 5.99805C0.335786 5.99805 0 6.33383 0 6.74805C0 7.16226 0.335786 7.49805 0.75 7.49805L11.9393 7.49805L7.21967 12.2177C6.92678 12.5106 6.92678 12.9855 7.21967 13.2784C7.51256 13.5713 7.98744 13.5713 8.28033 13.2784L14.8107 6.74805L8.28033 0.217717Z' fill='rgb(82,82,91)'/%3E%3C/svg%3E%0A") !important;
}
@media (min-width: 1024px) {
  .btn[class*="design"].color3:hover,
  .btn[class*="design"].color3:focus-visible {
    color: rgb(0, 0, 0);
    background-color: rgb(255, 255, 255);
    border-color: rgb(255, 255, 255);
  }
}
.btn[class*="design"].color4 {
  color: rgb(0, 0, 0);
  background-color: transparent;
  border-color: transparent;
}
.btn[class*="design"].color4.disabled {
  color: rgb(212, 212, 216) !important;
}
.btn[class*="design"].color4.disabled[class*="-icon"][class*="arrow-left2"] .btn-text::before {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='15' height='14' viewBox='0 0 15 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.78217 0.217717C7.07506 -0.0751764 7.54994 -0.0751764 7.84283 0.217717C8.13572 0.51061 8.13572 0.985484 7.84283 1.27838L3.12316 5.99805L13.75 5.99805C14.1642 5.99805 14.5 6.33383 14.5 6.74805C14.5 7.16226 14.1642 7.49805 13.75 7.49805L3.12316 7.49805L7.84283 12.2177C8.13572 12.5106 8.13572 12.9855 7.84283 13.2784C7.54994 13.5713 7.07506 13.5713 6.78217 13.2784L1.00184 7.49805H1V7.49621L0.25184 6.74805L1 5.99989V5.99805H1.00184L6.78217 0.217717Z' fill='rgb(212,212,216)'/%3E%3C/svg%3E%0A") !important;
}
.btn[class*="design"].color4.disabled[class*="-icon"][class*="arrow-right2"] .btn-text::after {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='15' height='14' viewBox='0 0 15 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.28033 0.217717C7.98744 -0.0751764 7.51256 -0.0751764 7.21967 0.217717C6.92678 0.51061 6.92678 0.985484 7.21967 1.27838L11.9393 5.99805L0.75 5.99805C0.335786 5.99805 0 6.33383 0 6.74805C0 7.16226 0.335786 7.49805 0.75 7.49805L11.9393 7.49805L7.21967 12.2177C6.92678 12.5106 6.92678 12.9855 7.21967 13.2784C7.51256 13.5713 7.98744 13.5713 8.28033 13.2784L14.8107 6.74805L8.28033 0.217717Z' fill='rgb(212,212,216)'/%3E%3C/svg%3E%0A") !important;
}
@media (min-width: 1024px) {
  .btn[class*="design"].color4:hover,
  .btn[class*="design"].color4:focus-visible {
    color: rgb(151, 53, 208);
  }
  .btn[class*="design"].color4:hover[class*="-icon"][class*="arrow-left2"] .btn-text::before,
  .btn[class*="design"].color4:focus-visible[class*="-icon"][class*="arrow-left2"] .btn-text::before {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='15' height='14' viewBox='0 0 15 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.78217 0.217717C7.07506 -0.0751764 7.54994 -0.0751764 7.84283 0.217717C8.13572 0.51061 8.13572 0.985484 7.84283 1.27838L3.12316 5.99805L13.75 5.99805C14.1642 5.99805 14.5 6.33383 14.5 6.74805C14.5 7.16226 14.1642 7.49805 13.75 7.49805L3.12316 7.49805L7.84283 12.2177C8.13572 12.5106 8.13572 12.9855 7.84283 13.2784C7.54994 13.5713 7.07506 13.5713 6.78217 13.2784L1.00184 7.49805H1V7.49621L0.25184 6.74805L1 5.99989V5.99805H1.00184L6.78217 0.217717Z' fill='rgb(151,53,208)'/%3E%3C/svg%3E%0A");
  }
  .btn[class*="design"].color4:hover[class*="-icon"][class*="arrow-right2"] .btn-text::after,
  .btn[class*="design"].color4:focus-visible[class*="-icon"][class*="arrow-right2"] .btn-text::after {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='15' height='14' viewBox='0 0 15 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.28033 0.217717C7.98744 -0.0751764 7.51256 -0.0751764 7.21967 0.217717C6.92678 0.51061 6.92678 0.985484 7.21967 1.27838L11.9393 5.99805L0.75 5.99805C0.335786 5.99805 0 6.33383 0 6.74805C0 7.16226 0.335786 7.49805 0.75 7.49805L11.9393 7.49805L7.21967 12.2177C6.92678 12.5106 6.92678 12.9855 7.21967 13.2784C7.51256 13.5713 7.98744 13.5713 8.28033 13.2784L14.8107 6.74805L8.28033 0.217717Z' fill='rgb(151,53,208)'/%3E%3C/svg%3E%0A");
  }
  .btn[class*="design"].color4:hover[class*="-icon"][class*="arrow-down1"] .btn-text::after,
  .btn[class*="design"].color4:focus-visible[class*="-icon"][class*="arrow-down1"] .btn-text::after {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='14' height='9' viewBox='0 0 14 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.6348 0.365166C13.9863 0.716638 13.9863 1.28649 13.6348 1.63796L6.99844 8.27435L0.362041 1.63796C0.0105695 1.28649 0.0105695 0.716638 0.362041 0.365166C0.713513 0.0136939 1.28336 0.013694 1.63483 0.365166L6.99844 5.72877L12.362 0.365166C12.7135 0.0136945 13.2834 0.0136945 13.6348 0.365166Z' fill='rgb(151,53,208)'/%3E%3C/svg%3E%0A");
  }
  .btn[class*="design"].color4:hover[class*="-icon"][class*="close"] .btn-text::after,
  .btn[class*="design"].color4:focus-visible[class*="-icon"][class*="close"] .btn-text::after {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.2626 11.5344C10.6141 11.8859 11.1839 11.8859 11.5354 11.5344C11.8869 11.183 11.8869 10.6131 11.5354 10.2617L7.1718 5.89803L11.5354 1.53444C11.8868 1.18297 11.8868 0.61312 11.5354 0.261649C11.1839 -0.0898215 10.614 -0.0898198 10.2626 0.261653L5.89901 4.62524L1.53542 0.261651C1.18395 -0.0898212 0.614099 -0.0898211 0.262627 0.261651C-0.0888446 0.613123 -0.0888446 1.18297 0.262628 1.53444L4.62622 5.89803L0.262626 10.2617C-0.0888451 10.6131 -0.0888434 11.183 0.26263 11.5344C0.614102 11.8859 1.18395 11.8859 1.53542 11.5344L5.89901 7.17083L10.2626 11.5344Z' fill='rgb(151,53,208)'/%3E%3C/svg%3E%0A");
  }
  .btn[class*="design"].color4:hoverclose .btn-text::after,
  .btn[class*="design"].color4:focus-visibleclose .btn-text::after {
    width: 2.4rem;
    height: 2.4rem;
    margin-left: 0.8rem;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.2626 11.5344C10.6141 11.8859 11.1839 11.8859 11.5354 11.5344C11.8869 11.183 11.8869 10.6131 11.5354 10.2617L7.1718 5.89803L11.5354 1.53444C11.8868 1.18297 11.8868 0.61312 11.5354 0.261649C11.1839 -0.0898215 10.614 -0.0898198 10.2626 0.261653L5.89901 4.62524L1.53542 0.261651C1.18395 -0.0898212 0.614099 -0.0898211 0.262627 0.261651C-0.0888446 0.613123 -0.0888446 1.18297 0.262628 1.53444L4.62622 5.89803L0.262626 10.2617C-0.0888451 10.6131 -0.0888434 11.183 0.26263 11.5344C0.614102 11.8859 1.18395 11.8859 1.53542 11.5344L5.89901 7.17083L10.2626 11.5344Z' fill='rgb(0,0,0)'/%3E%3C/svg%3E%0A");
    background-size: 1.2rem 1.2rem;
  }
}
.btn[class*="design"].color5 {
  color: rgb(0, 0, 0);
  background-color: transparent;
  border-color: transparent;
}
.btn[class*="design"].color5.disabled {
  color: rgb(212, 212, 216) !important;
}
.btn[class*="design"].color5.disabled[class*="-icon"][class*="download"] .btn-text::after {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='18' height='17' viewBox='0 0 18 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.8 0.915625C9.8 0.418568 9.39706 0.015625 8.9 0.015625C8.40294 0.015625 8 0.418568 8 0.915625V9.72721L5.5364 7.2636C5.18492 6.91213 4.61508 6.91213 4.2636 7.2636C3.91213 7.61508 3.91213 8.18492 4.2636 8.5364L8.17172 12.4445C8.33533 12.6694 8.60059 12.8156 8.9 12.8156C9.19941 12.8156 9.46468 12.6694 9.62829 12.4445L13.5364 8.5364C13.8879 8.18492 13.8879 7.61508 13.5364 7.2636C13.1849 6.91213 12.6151 6.91213 12.2636 7.2636L9.8 9.72721V0.915625ZM1.8 11.9C1.8 11.4029 1.39706 11 0.9 11C0.402944 11 0 11.4029 0 11.9V15.9C0 16.3971 0.402944 16.8 0.9 16.8H16.9C17.3971 16.8 17.8 16.3971 17.8 15.9V11.9C17.8 11.4029 17.3971 11 16.9 11C16.4029 11 16 11.4029 16 11.9V15H1.8V11.9Z' fill='rgb(212,212,216)'/%3E%3C/svg%3E%0A") !important;
}
@media (min-width: 1024px) {
  .btn[class*="design"].color5:hover,
  .btn[class*="design"].color5:focus-visible {
    color: rgb(151, 53, 208);
  }
  .btn[class*="design"].color5:hover[class*="-icon"][class*="download"] .btn-text::after,
  .btn[class*="design"].color5:focus-visible[class*="-icon"][class*="download"] .btn-text::after {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='18' height='17' viewBox='0 0 18 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.8 0.915625C9.8 0.418568 9.39706 0.015625 8.9 0.015625C8.40294 0.015625 8 0.418568 8 0.915625V9.72721L5.5364 7.2636C5.18492 6.91213 4.61508 6.91213 4.2636 7.2636C3.91213 7.61508 3.91213 8.18492 4.2636 8.5364L8.17172 12.4445C8.33533 12.6694 8.60059 12.8156 8.9 12.8156C9.19941 12.8156 9.46468 12.6694 9.62829 12.4445L13.5364 8.5364C13.8879 8.18492 13.8879 7.61508 13.5364 7.2636C13.1849 6.91213 12.6151 6.91213 12.2636 7.2636L9.8 9.72721V0.915625ZM1.8 11.9C1.8 11.4029 1.39706 11 0.9 11C0.402944 11 0 11.4029 0 11.9V15.9C0 16.3971 0.402944 16.8 0.9 16.8H16.9C17.3971 16.8 17.8 16.3971 17.8 15.9V11.9C17.8 11.4029 17.3971 11 16.9 11C16.4029 11 16 11.4029 16 11.9V15H1.8V11.9Z' fill='rgb(151,53,208)'/%3E%3C/svg%3E%0A") !important;
  }
  .btn[class*="design"].color5:hover[class*="-icon"][class*="arrow-right-up2-2"] .btn-text::after,
  .btn[class*="design"].color5:focus-visible[class*="-icon"][class*="arrow-right-up2-2"] .btn-text::after {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.45703 0C1.04282 0 0.707031 0.335787 0.707031 0.75C0.707031 1.16421 1.04282 1.5 1.45703 1.5H8.13372L0.21967 9.41405C-0.0732233 9.70694 -0.0732233 10.1818 0.21967 10.4747C0.512563 10.7676 0.987437 10.7676 1.28033 10.4747L9.19231 2.56273V9.23528C9.19231 9.6495 9.5281 9.98528 9.94231 9.98528C10.3565 9.98528 10.6923 9.6495 10.6923 9.23528V0H1.45703Z' fill='rgb(151,53,208)'/%3E%3C/svg%3E%0A") !important;
  }
  .btn[class*="design"].color5:hover[class*="-icon"][class*="printer"] .btn-text::before,
  .btn[class*="design"].color5:focus-visible[class*="-icon"][class*="printer"] .btn-text::before {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.0549 0.250001H10.9451C9.57754 0.24998 8.47522 0.249963 7.60825 0.366524C6.70814 0.48754 5.95027 0.746434 5.34835 1.34835C4.60837 2.08833 4.37952 3.07517 4.29879 4.29943C4.05377 4.31578 3.82374 4.33755 3.60825 4.36652C2.70814 4.48754 1.95027 4.74643 1.34835 5.34835C0.746434 5.95027 0.48754 6.70814 0.366524 7.60825C0.249963 8.47522 0.24998 9.57754 0.250001 10.9451V11.0549C0.24998 12.4225 0.249963 13.5248 0.366524 14.3918C0.48754 15.2919 0.746434 16.0497 1.34835 16.6517C2.08833 17.3916 3.07517 17.6205 4.29942 17.7012C4.31578 17.9462 4.33755 18.1763 4.36652 18.3918C4.48754 19.2919 4.74643 20.0497 5.34835 20.6517C5.95027 21.2536 6.70814 21.5125 7.60825 21.6335C8.47522 21.75 9.57754 21.75 10.9451 21.75H11.0549C12.4225 21.75 13.5248 21.75 14.3918 21.6335C15.2919 21.5125 16.0497 21.2536 16.6517 20.6517C17.2536 20.0497 17.5125 19.2919 17.6335 18.3918C17.6625 18.1763 17.6842 17.9462 17.7006 17.7012C18.9248 17.6205 19.9117 17.3916 20.6517 16.6517C21.2536 16.0497 21.5125 15.2919 21.6335 14.3918C21.75 13.5248 21.75 12.4225 21.75 11.0549V10.9451C21.75 9.57754 21.75 8.47522 21.6335 7.60825C21.5125 6.70814 21.2536 5.95027 20.6517 5.34835C20.0497 4.74643 19.2919 4.48754 18.3918 4.36652C18.1763 4.33755 17.9462 4.31578 17.7012 4.29943C17.6205 3.07517 17.3916 2.08833 16.6517 1.34835C16.0497 0.746434 15.2919 0.48754 14.3918 0.366524C13.5248 0.249963 12.4225 0.24998 11.0549 0.250001ZM6.94512 4.25C6.54313 4.24999 6.16406 4.24999 5.80714 4.25295C5.88909 3.23209 6.0735 2.74452 6.40901 2.40901C6.68577 2.13225 7.07434 1.9518 7.80812 1.85315C8.56347 1.75159 9.56458 1.75 11 1.75C12.4354 1.75 13.4365 1.75159 14.1919 1.85315C14.9257 1.9518 15.3142 2.13225 15.591 2.40901C15.9265 2.74452 16.1109 3.23209 16.1929 4.25295C15.8359 4.24999 15.4569 4.24999 15.0549 4.25H6.94512ZM4.25 15.0549C4.24999 15.4569 4.24999 15.8359 4.25294 16.1929C3.23209 16.1109 2.74452 15.9265 2.40901 15.591C2.13225 15.3142 1.9518 14.9257 1.85315 14.1919C1.75159 13.4365 1.75 12.4354 1.75 11C1.75 9.56458 1.75159 8.56347 1.85315 7.80812C1.9518 7.07435 2.13225 6.68577 2.40901 6.40901C2.68577 6.13225 3.07435 5.9518 3.80812 5.85315C4.56347 5.75159 5.56458 5.75 7 5.75H15C16.4354 5.75 17.4365 5.75159 18.1919 5.85315C18.9257 5.9518 19.3142 6.13225 19.591 6.40901C19.8678 6.68577 20.0482 7.07435 20.1469 7.80812C20.2484 8.56347 20.25 9.56458 20.25 11C20.25 12.4354 20.2484 13.4365 20.1469 14.1919C20.0482 14.9257 19.8678 15.3142 19.591 15.591C19.2555 15.9265 18.7679 16.1109 17.7471 16.1929C17.75 15.8359 17.75 15.4569 17.75 15.0549V14.75H18C18.4142 14.75 18.75 14.4142 18.75 14C18.75 13.5858 18.4142 13.25 18 13.25H4C3.58579 13.25 3.25 13.5858 3.25 14C3.25 14.4142 3.58579 14.75 4 14.75H4.25V15.0549ZM5.75 15V14.75H16.25V15C16.25 16.4354 16.2484 17.4365 16.1469 18.1919C16.0482 18.9257 15.8678 19.3142 15.591 19.591C15.3142 19.8678 14.9257 20.0482 14.1919 20.1469C13.4365 20.2484 12.4354 20.25 11 20.25C9.56458 20.25 8.56347 20.2484 7.80812 20.1469C7.07435 20.0482 6.68577 19.8678 6.40901 19.591C6.13225 19.3142 5.9518 18.9257 5.85315 18.1919C5.75159 17.4365 5.75 16.4354 5.75 15ZM5 8.25C4.58579 8.25 4.25 8.58579 4.25 9C4.25 9.41421 4.58579 9.75 5 9.75H8C8.41421 9.75 8.75 9.41421 8.75 9C8.75 8.58579 8.41421 8.25 8 8.25H5ZM16 10C16.5523 10 17 9.55229 17 9C17 8.44772 16.5523 8 16 8C15.4477 8 15 8.44772 15 9C15 9.55229 15.4477 10 16 10Z' fill='rgb(151,53,208)'/%3E%3C/svg%3E%0A") !important;
  }
  .btn[class*="design"].color5:hover[class*="-icon"][class*="share"] .btn-text::before,
  .btn[class*="design"].color5:focus-visible[class*="-icon"][class*="share"] .btn-text::before {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='18' height='20' viewBox='0 0 18 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.2 3.49805C16.2 4.43585 15.4398 5.19609 14.502 5.19609C13.5641 5.19609 12.8039 4.43585 12.8039 3.49805C12.8039 2.56024 13.5641 1.8 14.502 1.8C15.4398 1.8 16.2 2.56024 16.2 3.49805ZM18 3.49805C18 5.42997 16.4339 6.99609 14.502 6.99609C13.6096 6.99609 12.7954 6.66199 12.1774 6.11207L6.89504 9.16185C6.96107 9.43038 6.99609 9.7111 6.99609 10C6.99609 10.326 6.95149 10.6416 6.86806 10.9411L12.0966 13.9597C12.7235 13.3663 13.5699 13.0024 14.5012 13.0024C16.4335 13.0024 18 14.5689 18 16.5012C18 18.4335 16.4335 20 14.5012 20C12.5689 20 11.0024 18.4335 11.0024 16.5012C11.0024 16.1503 11.0541 15.8114 11.1502 15.4918L5.95344 12.4915C5.3219 13.1139 4.45483 13.498 3.49805 13.498C1.56613 13.498 0 11.9319 0 10C0 8.06808 1.56613 6.50195 3.49805 6.50195C4.49296 6.50195 5.39087 6.91731 6.02781 7.58408L11.1835 4.60745C11.067 4.25886 11.0039 3.88582 11.0039 3.49805C11.0039 1.56613 12.57 0 14.502 0C16.4339 0 18 1.56613 18 3.49805ZM3.49805 11.698C4.43585 11.698 5.19609 10.9378 5.19609 10C5.19609 9.06219 4.43585 8.30195 3.49805 8.30195C2.56024 8.30195 1.8 9.06219 1.8 10C1.8 10.9378 2.56024 11.698 3.49805 11.698ZM14.5012 18.2C15.4394 18.2 16.2 17.4394 16.2 16.5012C16.2 15.563 15.4394 14.8024 14.5012 14.8024C13.563 14.8024 12.8024 15.563 12.8024 16.5012C12.8024 17.4394 13.563 18.2 14.5012 18.2Z' fill='rgb(151,53,208)'/%3E%3C/svg%3E%0A") !important;
  }
}
.btn[class*="design"].color6 {
  color: rgb(0, 0, 0);
  background-color: rgb(255, 255, 255);
  border-color: rgb(228, 228, 231);
}
.btn[class*="design"].color6.disabled {
  color: rgb(212, 212, 216) !important;
  background-color: rgb(255, 255, 255) !important;
  border-color: rgb(246, 246, 247) !important;
}
.btn[class*="design"].color6.disabled[class*="-icon"][class*="arrow-right-up2"] .btn-text::after {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.45703 0C1.04282 0 0.707031 0.335787 0.707031 0.75C0.707031 1.16421 1.04282 1.5 1.45703 1.5H8.13372L0.21967 9.41405C-0.0732233 9.70694 -0.0732233 10.1818 0.21967 10.4747C0.512563 10.7676 0.987437 10.7676 1.28033 10.4747L9.19231 2.56273V9.23528C9.19231 9.6495 9.5281 9.98528 9.94231 9.98528C10.3565 9.98528 10.6923 9.6495 10.6923 9.23528V0H1.45703Z' fill='rgb(212,212,216)'/%3E%3C/svg%3E%0A") !important;
}
@media (min-width: 1024px) {
  .btn[class*="design"].color6:hover,
  .btn[class*="design"].color6:focus-visible {
    color: rgb(255, 255, 255);
    background-color: rgb(151, 53, 208);
  }
  .btn[class*="design"].color6:hover[class*="-icon"][class*="arrow-right-up2"] .btn-text::after,
  .btn[class*="design"].color6:focus-visible[class*="-icon"][class*="arrow-right-up2"] .btn-text::after {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.45703 0C1.04282 0 0.707031 0.335787 0.707031 0.75C0.707031 1.16421 1.04282 1.5 1.45703 1.5H8.13372L0.21967 9.41405C-0.0732233 9.70694 -0.0732233 10.1818 0.21967 10.4747C0.512563 10.7676 0.987437 10.7676 1.28033 10.4747L9.19231 2.56273V9.23528C9.19231 9.6495 9.5281 9.98528 9.94231 9.98528C10.3565 9.98528 10.6923 9.6495 10.6923 9.23528V0H1.45703Z' fill='rgb(255,255,255)'/%3E%3C/svg%3E%0A");
  }
}
.btn[class*="design"].color7 {
  color: rgb(0, 0, 0);
  background-color: rgb(246, 246, 247);
  border-color: rgb(246, 246, 247);
}
.btn[class*="design"].color8 {
  color: rgb(63, 63, 70);
  background-color: transparent;
  border-color: transparent;
}
.btn.icon {
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 100%;
  transition: all 0.3s;
}
.btn.icon.case1 {
  width: 4rem;
  height: 4rem;
}
.btn.icon.case2 {
  width: 3.2rem;
  height: 3.2rem;
}
.btn.icon.case3 {
  width: 2.4rem;
  height: 2.4rem;
}
.btn.icon.arrow-right2-bg {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='15' height='14' viewBox='0 0 15 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.28033 0.217717C7.98744 -0.0751764 7.51256 -0.0751764 7.21967 0.217717C6.92678 0.51061 6.92678 0.985484 7.21967 1.27838L11.9393 5.99805L0.75 5.99805C0.335786 5.99805 0 6.33383 0 6.74805C0 7.16226 0.335786 7.49805 0.75 7.49805L11.9393 7.49805L7.21967 12.2177C6.92678 12.5106 6.92678 12.9855 7.21967 13.2784C7.51256 13.5713 7.98744 13.5713 8.28033 13.2784L14.8107 6.74805L8.28033 0.217717Z' fill='rgb(0,0,0)'/%3E%3C/svg%3E%0A");
  background-size: 1.6rem 1.4rem;
  background-color: rgb(246, 246, 247);
}
.btn.icon.arrow-right2-bg.disabled {
  background-color: rgb(212, 212, 216) !important;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='15' height='14' viewBox='0 0 15 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.28033 0.217717C7.98744 -0.0751764 7.51256 -0.0751764 7.21967 0.217717C6.92678 0.51061 6.92678 0.985484 7.21967 1.27838L11.9393 5.99805L0.75 5.99805C0.335786 5.99805 0 6.33383 0 6.74805C0 7.16226 0.335786 7.49805 0.75 7.49805L11.9393 7.49805L7.21967 12.2177C6.92678 12.5106 6.92678 12.9855 7.21967 13.2784C7.51256 13.5713 7.98744 13.5713 8.28033 13.2784L14.8107 6.74805L8.28033 0.217717Z' fill='rgb(244,244,245)'/%3E%3C/svg%3E%0A") !important;
}
@media (min-width: 1024px) {
  .btn.icon.arrow-right2-bg:hover,
  .btn.icon.arrow-right2-bg:focus-visible {
    background-color: rgb(39, 39, 42);
    background-image: url("data:image/svg+xml,%0A%3Csvg width='15' height='14' viewBox='0 0 15 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.28033 0.217717C7.98744 -0.0751764 7.51256 -0.0751764 7.21967 0.217717C6.92678 0.51061 6.92678 0.985484 7.21967 1.27838L11.9393 5.99805L0.75 5.99805C0.335786 5.99805 0 6.33383 0 6.74805C0 7.16226 0.335786 7.49805 0.75 7.49805L11.9393 7.49805L7.21967 12.2177C6.92678 12.5106 6.92678 12.9855 7.21967 13.2784C7.51256 13.5713 7.98744 13.5713 8.28033 13.2784L14.8107 6.74805L8.28033 0.217717Z' fill='rgb(244,244,245)'/%3E%3C/svg%3E%0A");
  }
}
.btn.icon.arrow-left2-bg {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='15' height='14' viewBox='0 0 15 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.78217 0.217717C7.07506 -0.0751764 7.54994 -0.0751764 7.84283 0.217717C8.13572 0.51061 8.13572 0.985484 7.84283 1.27838L3.12316 5.99805L13.75 5.99805C14.1642 5.99805 14.5 6.33383 14.5 6.74805C14.5 7.16226 14.1642 7.49805 13.75 7.49805L3.12316 7.49805L7.84283 12.2177C8.13572 12.5106 8.13572 12.9855 7.84283 13.2784C7.54994 13.5713 7.07506 13.5713 6.78217 13.2784L1.00184 7.49805H1V7.49621L0.25184 6.74805L1 5.99989V5.99805H1.00184L6.78217 0.217717Z' fill='rgb(0,0,0)'/%3E%3C/svg%3E%0A");
  background-size: 1.6rem 1.4rem;
  background-color: rgb(246, 246, 247);
}
.btn.icon.arrow-left2-bg.disabled {
  background-color: rgb(212, 212, 216) !important;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='15' height='14' viewBox='0 0 15 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.78217 0.217717C7.07506 -0.0751764 7.54994 -0.0751764 7.84283 0.217717C8.13572 0.51061 8.13572 0.985484 7.84283 1.27838L3.12316 5.99805L13.75 5.99805C14.1642 5.99805 14.5 6.33383 14.5 6.74805C14.5 7.16226 14.1642 7.49805 13.75 7.49805L3.12316 7.49805L7.84283 12.2177C8.13572 12.5106 8.13572 12.9855 7.84283 13.2784C7.54994 13.5713 7.07506 13.5713 6.78217 13.2784L1.00184 7.49805H1V7.49621L0.25184 6.74805L1 5.99989V5.99805H1.00184L6.78217 0.217717Z' fill='rgb(244,244,245)'/%3E%3C/svg%3E%0A") !important;
}
@media (min-width: 1024px) {
  .btn.icon.arrow-left2-bg:hover,
  .btn.icon.arrow-left2-bg:focus-visible {
    background-color: rgb(39, 39, 42);
    background-image: url("data:image/svg+xml,%0A%3Csvg width='15' height='14' viewBox='0 0 15 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.78217 0.217717C7.07506 -0.0751764 7.54994 -0.0751764 7.84283 0.217717C8.13572 0.51061 8.13572 0.985484 7.84283 1.27838L3.12316 5.99805L13.75 5.99805C14.1642 5.99805 14.5 6.33383 14.5 6.74805C14.5 7.16226 14.1642 7.49805 13.75 7.49805L3.12316 7.49805L7.84283 12.2177C8.13572 12.5106 8.13572 12.9855 7.84283 13.2784C7.54994 13.5713 7.07506 13.5713 6.78217 13.2784L1.00184 7.49805H1V7.49621L0.25184 6.74805L1 5.99989V5.99805H1.00184L6.78217 0.217717Z' fill='rgb(244,244,245)'/%3E%3C/svg%3E%0A");
  }
}
.btn.icon.menu-header {
  display: inline-block;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='12' viewBox='0 0 24 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.439453 0.439453C0.167969 0.710938 0 1.08594 0 1.5C0 2.32837 0.671875 3 1.5 3H22.5C23.3281 3 24 2.32837 24 1.5C24 0.671631 23.3281 0 22.5 0H1.5C1.08594 0 0.710938 0.167969 0.439453 0.439453ZM22.5 9H1.5C0.671875 9 0 9.67163 0 10.5C0 11.3284 0.671875 12 1.5 12H22.5C23.3281 12 24 11.3284 24 10.5C24 10.1174 23.8574 9.76831 23.6211 9.50317C23.3457 9.19434 22.9453 9 22.5 9Z' fill='rgb(0,0,0)'/%3E%3C/svg%3E%0A");
}
.btn.icon.modal-close {
  background-color: rgb(246, 246, 247);
  background-image: url("data:image/svg+xml,%0A%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.2626 11.5344C10.6141 11.8859 11.1839 11.8859 11.5354 11.5344C11.8869 11.183 11.8869 10.6131 11.5354 10.2617L7.1718 5.89803L11.5354 1.53444C11.8868 1.18297 11.8868 0.61312 11.5354 0.261649C11.1839 -0.0898215 10.614 -0.0898198 10.2626 0.261653L5.89901 4.62524L1.53542 0.261651C1.18395 -0.0898212 0.614099 -0.0898211 0.262627 0.261651C-0.0888446 0.613123 -0.0888446 1.18297 0.262628 1.53444L4.62622 5.89803L0.262626 10.2617C-0.0888451 10.6131 -0.0888434 11.183 0.26263 11.5344C0.614102 11.8859 1.18395 11.8859 1.53542 11.5344L5.89901 7.17083L10.2626 11.5344Z' fill='rgb(0,0,0)'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
}
.btn.disabled {
  pointer-events: none;
  cursor: not-allowed;
}

/* button display */
.btn-display {
  display: flex;
}
.btn-display .btn-area {
  display: flex;
  flex-wrap: wrap;
}
.btn-display.design1 .btn-area .btn.flex {
  width: 100%;
}
.btn-display.design2 .btn-area {
  flex-direction: column;
}
.btn-display.case1 .btn-area {
  gap: 0.5rem;
}
.btn-display.case2 .btn-area {
  gap: 1.2rem;
}
.btn-display.case3 .btn-area {
  gap: 2.4rem;
}
@media (max-width: 1023px) {
  .btn-display.case3 .btn-area {
    gap: 1.6rem;
  }
}
.btn-display.case4 .btn-area {
  gap: 4rem;
}
@media (max-width: 1023px) {
  .btn-display.case4 .btn-area {
    gap: 2.4rem;
  }
}
.btn-display.case5 .btn-area {
  gap: 1.6rem;
}
@media (max-width: 1023px) {
  .btn-display.case5 .btn-area {
    gap: 1.2rem;
  }
}
.btn-display.case6 .btn-area {
  gap: 2.4rem;
}
@media (max-width: 1023px) {
  .btn-display.case6 .btn-area {
    gap: 0.4rem;
  }
}
.btn-display.align2 .btn-area {
  flex: 1 1 100%;
  justify-content: end;
}
.btn-display.align3 .btn-area {
  flex: 1 1 100%;
  justify-content: center;
}
.btn-display.align4 .btn-area {
  flex: 1 1 100%;
  justify-content: space-between;
}
@media (max-width: 1023px) {
  .btn-display.align5 .btn-area {
    flex: 1 1 100%;
    justify-content: center;
    flex-direction: column;
  }
}

/* font-family:"SUIT" */
@font-face {
  font-family: "SUIT";
  font-weight: 300;
  font-style: normal;
  src:
    url("../fonts/SUIT-Light.woff2") format("woff2"),
    url("../SUIT-Light.otf") format("opentype"),
    url("../fonts/SUIT-Light.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "SUIT";
  font-weight: 400;
  font-style: normal;
  src:
    url("../fonts/SUIT-Regular.woff2") format("woff2"),
    url("../SUIT-Regular.otf") format("opentype"),
    url("../fonts/SUIT-Regular.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "SUIT";
  font-weight: 500;
  font-style: normal;
  src:
    url("../fonts/SUIT-Medium.woff2") format("woff2"),
    url("../SUIT-Medium.otf") format("opentype"),
    url("../fonts/SUIT-Medium.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "SUIT";
  font-weight: 600;
  font-style: normal;
  src:
    url("../fonts/SUIT-SemiBold.woff2") format("woff2"),
    url("../SUIT-SemiBold.otf") format("opentype"),
    url("../fonts/SUIT-SemiBold.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "SUIT";
  font-weight: 700;
  font-style: normal;
  src:
    url("../fonts/SUIT-Bold.woff2") format("woff2"),
    url("../SUIT-Bold.otf") format("opentype"),
    url("../fonts/SUIT-Bold.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "SUIT";
  font-weight: 800;
  font-style: normal;
  src:
    url("../fonts/SUIT-ExtraBold.woff2") format("woff2"),
    url("../SUIT-ExtraBold.otf") format("opentype"),
    url("../fonts/SUIT-ExtraBold.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "SUIT";
  font-weight: 900;
  font-style: normal;
  src:
    url("../fonts/SUIT-Heavy.woff2") format("woff2"),
    url("../SUIT-Heavy.otf") format("opentype"),
    url("../fonts/SUIT-Heavy.ttf") format("truetype");
  font-display: swap;
}
.submit-form {
  display: flex;
}
.submit-form.design1 .form-list {
  display: inline-flex;
}
@media (max-width: 1023px) {
  .submit-form.design1 .form-list {
    width: 100%;
    flex-direction: column;
  }
}
@media (min-width: 1024px) {
  .submit-form.case1 .form-list .form-item ~ .form-item {
    margin-left: 2rem;
  }
}
@media (max-width: 1023px) {
  .submit-form.case1 .form-list .form-item ~ .form-item {
    margin-top: 1.6rem;
  }
}
@media (min-width: 1024px) {
  .submit-form.case2 .form-list .form-item ~ .form-item {
    margin-left: 1.6rem;
  }
}
@media (max-width: 1023px) {
  .submit-form.case2 .form-list .form-item ~ .form-item {
    margin-top: 1.2rem;
  }
}
.submit-form.align1 {
  justify-content: flex-start;
}
.submit-form.align2 {
  justify-content: flex-end;
}
.submit-form.align3 {
  justify-content: center;
}

.form.input {
  display: inline-block;
  position: relative;
}
.form.input.design1 {
  position: relative;
  width: 28.5rem;
  border: 0.1rem solid rgb(228, 228, 231);
  border-radius: 0.8rem;
  background-color: rgb(255, 255, 255);
}
.form.input.design1 .input-elem {
  width: 100%;
  padding-right: 3.4rem;
}
.form.input.design1 .input-elem:focus {
  outline: none;
}
.form.input.design1 .input-icon {
  position: absolute;
  top: 50%;
  right: 1.6rem;
  transform: translateY(-50%);
}
.form.input.design1 .input-icon .remove {
  display: none;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.2626 11.5344C10.6141 11.8859 11.1839 11.8859 11.5354 11.5344C11.8869 11.183 11.8869 10.6131 11.5354 10.2617L7.1718 5.89803L11.5354 1.53444C11.8868 1.18297 11.8868 0.61312 11.5354 0.261649C11.1839 -0.0898215 10.614 -0.0898198 10.2626 0.261653L5.89901 4.62524L1.53542 0.261651C1.18395 -0.0898212 0.614099 -0.0898211 0.262627 0.261651C-0.0888446 0.613123 -0.0888446 1.18297 0.262628 1.53444L4.62622 5.89803L0.262626 10.2617C-0.0888451 10.6131 -0.0888434 11.183 0.26263 11.5344C0.614102 11.8859 1.18395 11.8859 1.53542 11.5344L5.89901 7.17083L10.2626 11.5344Z' fill='rgb(0,0,0)'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
.form.input.design1.disabled {
  background-color: rgb(246, 246, 247);
  border-color: rgb(246, 246, 247);
}
.form.input.design1.error {
  display: none;
  border-color: #ff4848;
}
.form.input.design1.error:focus-within {
  border-color: #ff4848;
}
.form.input.design1:focus-within {
  border-color: rgb(39, 39, 42);
}
@media (max-width: 1023px) {
  .form.input.design1 {
    width: 100%;
  }
}
.form.input.case1 {
  padding: 1.4rem 1.6rem;
}
.form.input.type1 .input-elem {
  color: rgb(113, 113, 122);
  font-weight: 500;
  font-size: 1.6rem;
}
.form.input.type1 .input-elem:focus {
  color: rgb(0, 0, 0);
}
.form.input.type1 .input-elem::placeholder {
  color: rgb(113, 113, 122);
}
.form.input.type1.disabled .input-elem {
  color: rgb(212, 212, 216);
}
.form.input.type1.disabled .input-elem::placeholder {
  color: rgb(212, 212, 216);
}
.form.input.type1.error {
  display: none;
}
.form.input.type1.error .input-elem::placeholder {
  color: rgb(0, 0, 0);
}
.form.input.type1.error .input-elem:focus {
  color: rgb(0, 0, 0);
}
.form.input.type1.error .input-elem:focus::placeholder {
  color: rgb(113, 113, 122);
}
.form.search {
  display: inline-block;
  position: relative;
}
.form.search.design1 {
  position: relative;
  width: 28.5rem;
  border: 0.1rem solid rgb(228, 228, 231);
  border-radius: 0.8rem;
  background-color: rgb(255, 255, 255);
}
.form.search.design1 .input-elem {
  width: 100%;
  padding-right: 7.4rem;
}
.form.search.design1 .input-elem:focus {
  color: rgb(0, 0, 0);
  outline: none;
}
.form.search.design1 .input-elem::placeholder {
  color: rgb(113, 113, 122);
}
.form.search.design1 .input-icon {
  display: flex;
  position: absolute;
  top: 50%;
  right: 1.6rem;
  transform: translateY(-50%);
}
.form.search.design1 .input-icon .icon.remove {
  display: none;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.2626 11.5344C10.6141 11.8859 11.1839 11.8859 11.5354 11.5344C11.8869 11.183 11.8869 10.6131 11.5354 10.2617L7.1718 5.89803L11.5354 1.53444C11.8868 1.18297 11.8868 0.61312 11.5354 0.261649C11.1839 -0.0898215 10.614 -0.0898198 10.2626 0.261653L5.89901 4.62524L1.53542 0.261651C1.18395 -0.0898212 0.614099 -0.0898211 0.262627 0.261651C-0.0888446 0.613123 -0.0888446 1.18297 0.262628 1.53444L4.62622 5.89803L0.262626 10.2617C-0.0888451 10.6131 -0.0888434 11.183 0.26263 11.5344C0.614102 11.8859 1.18395 11.8859 1.53542 11.5344L5.89901 7.17083L10.2626 11.5344Z' fill='rgb(0,0,0)'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
.form.search.design1 .input-icon .icon.search {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.2 8.5C15.2 12.2003 12.2003 15.2 8.5 15.2C4.79969 15.2 1.8 12.2003 1.8 8.5C1.8 4.79969 4.79969 1.8 8.5 1.8C12.2003 1.8 15.2 4.79969 15.2 8.5ZM13.6346 15.2745C12.2081 16.3574 10.4291 17 8.5 17C3.80558 17 0 13.1944 0 8.5C0 3.80558 3.80558 0 8.5 0C13.1944 0 17 3.80558 17 8.5C17 10.6167 16.2263 12.5527 14.9462 14.0406L18.2728 17.3672C18.6243 17.7187 18.6243 18.2885 18.2728 18.64C17.9213 18.9914 17.3515 18.9914 17 18.64L13.6346 15.2745Z' fill='rgb(151,53,208)'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
.form.search.design1 .input-icon .icon ~ .icon {
  margin-left: 1.6rem;
}
.form.search.design1.disabled {
  background-color: rgb(246, 246, 247);
  border-color: rgb(246, 246, 247);
}
.form.search.design1.disabled .input-icon .search {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.2 8.5C15.2 12.2003 12.2003 15.2 8.5 15.2C4.79969 15.2 1.8 12.2003 1.8 8.5C1.8 4.79969 4.79969 1.8 8.5 1.8C12.2003 1.8 15.2 4.79969 15.2 8.5ZM13.6346 15.2745C12.2081 16.3574 10.4291 17 8.5 17C3.80558 17 0 13.1944 0 8.5C0 3.80558 3.80558 0 8.5 0C13.1944 0 17 3.80558 17 8.5C17 10.6167 16.2263 12.5527 14.9462 14.0406L18.2728 17.3672C18.6243 17.7187 18.6243 18.2885 18.2728 18.64C17.9213 18.9914 17.3515 18.9914 17 18.64L13.6346 15.2745Z' fill='rgb(212,212,216)'/%3E%3C/svg%3E%0A");
  cursor: auto;
}
.form.search.design1.disabled:focus-within {
  border-color: rgb(246, 246, 247);
}
.form.search.design1:focus-within {
  border-color: rgb(39, 39, 42);
}
@media (max-width: 1023px) {
  .form.search.design1 {
    width: 100%;
  }
}
.form.search.case1 {
  padding: 1.4rem 1.6rem;
}
.form.search.type1 .input-elem {
  color: rgb(113, 113, 122);
  font-weight: 500;
  font-size: 1.6rem;
}
.form.search.type1 .input-elem:focus {
  color: rgb(0, 0, 0);
}
.form.search.type1 .input-elem::placeholder {
  color: rgb(113, 113, 122);
}
.form.search.type1.disabled .input-elem {
  color: rgb(212, 212, 216);
}
.form.search.type1.disabled .input-elem::placeholder {
  color: rgb(212, 212, 216);
}
.form.select.design1 {
  display: inline-block;
  position: relative;
}
.form.select.design1 > select {
  display: flex;
  border: 0.1rem solid rgb(228, 228, 231);
  min-width: 18.3rem;
  border-radius: 0.8rem;
  background-color: rgb(255, 255, 255);
}
.form.select.design1 > select option[value=""][disabled] {
  display: none;
}
.form.select.design1 > select:focus {
  color: rgb(0, 0, 0);
  outline: none;
  border-color: rgb(39, 39, 42);
}
.form.select.design1 > select:disabled {
  color: rgb(212, 212, 216);
  opacity: 1;
  background-color: rgb(246, 246, 247);
  border-color: transparent;
}
.form.select.design1::after {
  display: block;
  position: absolute;
  top: 1.6rem;
  right: 1.6rem;
  pointer-events: none;
  transition: transform 0.3s ease;
}
.form.select.design1 .arrow {
  position: absolute;
  top: 1.6rem;
  right: 1.6rem;
  width: 2.4rem;
  height: 2.4rem;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.99916 8L0.803008 0.5L11.1953 0.500001L5.99916 8Z' fill='rgb(0,0,0)'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none;
}
.form.select.design1.open .arrow {
  transform: rotate(180deg);
}
.form.select.design1.disabled .arrow {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.99916 8L0.803008 0.5L11.1953 0.500001L5.99916 8Z' fill='rgb(212,212,216)'/%3E%3C/svg%3E%0A");
}
.form.select.design1.error {
  display: none;
}
.form.select.design1.error > select {
  border-color: #ff4848;
}
@media (max-width: 1023px) {
  .form.select.design1 {
    width: 100%;
  }
  .form.select.design1 > select {
    width: 100%;
  }
}
.form.select.case1 > select {
  padding: 1.4rem 4rem 1.4rem 1.5rem;
}
.form.select.type1 > select {
  color: rgb(113, 113, 122);
  font-weight: 500;
  font-size: 1.6rem;
}
.form.select.type1:focus {
  color: rgb(0, 0, 0);
}
.form.select.type1:disabled {
  color: rgb(212, 212, 216);
}
.form.select.type1.error {
  display: none;
}
.form.select.type1.error > select {
  color: rgb(0, 0, 0);
}
.form.radio.design1 .radio-list {
  display: flex;
}
.form.radio.design1 .radio-list .radio-item label {
  display: inline-block;
  height: 100%;
}
.form.radio.design1 .radio-list .radio-item label .option {
  vertical-align: middle;
}
.form.radio.design1 .radio-list .radio-item input[type="radio"] {
  background: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.0016 1.90156C5.52806 1.90156 1.90156 5.52806 1.90156 10.0016C1.90156 14.4751 5.52806 18.1016 10.0016 18.1016C14.4751 18.1016 18.1016 14.4751 18.1016 10.0016C18.1016 5.52806 14.4751 1.90156 10.0016 1.90156ZM0.101562 10.0016C0.101562 4.53394 4.53394 0.101562 10.0016 0.101562C15.4692 0.101562 19.9016 4.53394 19.9016 10.0016C19.9016 15.4692 15.4692 19.9016 10.0016 19.9016C4.53394 19.9016 0.101562 15.4692 0.101562 10.0016Z' fill='rgb(0,0,0)'/%3E%3C/svg%3E%0A")
    no-repeat center/100%;
}
.form.radio.design1 .radio-list .radio-item input[type="radio"]:checked {
  background: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.90234 10C1.90234 5.53125 5.52734 1.89844 10 1.89844C14.4766 1.89844 18.1016 5.53125 18.1016 10C18.1016 14.4766 14.4766 18.1016 10 18.1016C5.52734 18.1016 1.90234 14.4766 1.90234 10ZM10 0.101562C4.53516 0.101562 0.101562 4.53125 0.101562 10C0.101562 15.4688 4.53516 19.8984 10 19.8984C15.4688 19.8984 19.9023 15.4688 19.9023 10C19.9023 4.53125 15.4688 0.101562 10 0.101562ZM10 15C12.7617 15 15 12.7578 15 10C15 8.51562 14.3555 7.1875 13.3281 6.27344C12.4453 5.48438 11.2773 5 10 5C7.23828 5 5 7.24219 5 10C5 11.3359 5.52734 12.5547 6.38281 13.4531C7.29297 14.4062 8.57812 15 10 15Z' fill='rgb(0,0,0)'/%3E%3C/svg%3E%0A")
    no-repeat center/100%;
}
.form.radio.case1 .radio-item input[type="radio"] {
  width: 2rem;
  height: 2rem;
  margin-right: 0.8rem;
}
.form.radio.case1 .radio-item + .radio-item {
  padding-left: 1.6rem;
}
.form.radio.case2 {
  padding: 1.5rem 0;
}
.form.radio.case2 .radio-item input[type="radio"] {
  width: 1.6rem;
  height: 1.6rem;
  margin-right: 0.8rem;
}
.form.radio.case2 .radio-item + .radio-item {
  padding-left: 1.6rem;
}
.form.radio.type1 .radio-item > label {
  font-size: 0;
}
.form.radio.type1 .radio-item > label .option {
  color: rgb(0, 0, 0);
  font-weight: 700;
  font-size: 1.6rem;
}
.form.radio.type2 .radio-item > label {
  font-size: 0;
}
.form.radio.type2 .radio-item > label .option {
  color: rgb(0, 0, 0);
  font-weight: 700;
  font-size: 1.4rem;
}
.form.radio.disabled input {
  background: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.0016 1.90156C5.52806 1.90156 1.90156 5.52806 1.90156 10.0016C1.90156 14.4751 5.52806 18.1016 10.0016 18.1016C14.4751 18.1016 18.1016 14.4751 18.1016 10.0016C18.1016 5.52806 14.4751 1.90156 10.0016 1.90156ZM0.101562 10.0016C0.101562 4.53394 4.53394 0.101562 10.0016 0.101562C15.4692 0.101562 19.9016 4.53394 19.9016 10.0016C19.9016 15.4692 15.4692 19.9016 10.0016 19.9016C4.53394 19.9016 0.101562 15.4692 0.101562 10.0016Z' fill='rgb(212,212,216)'/%3E%3C/svg%3E%0A")
    no-repeat center/100% !important;
}
.form.radio.disabled .option {
  color: rgb(212, 212, 216) !important;
}
.form.checkbox.design1 .checkbox-list {
  display: flex;
}
.form.checkbox.design1 .checkbox-list .checkbox-item label {
  display: inline-block;
  height: 100%;
}
.form.checkbox.design1 .checkbox-list .checkbox-item label .option {
  vertical-align: middle;
}
.form.checkbox.design1 .checkbox-list .checkbox-item input[type="checkbox"] {
  background: url("data:image/svg+xml,%0A%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 1.8H4C2.78497 1.8 1.8 2.78497 1.8 4V12C1.8 13.215 2.78497 14.2 4 14.2H12C13.215 14.2 14.2 13.215 14.2 12V4C14.2 2.78497 13.215 1.8 12 1.8ZM4 0C1.79086 0 0 1.79086 0 4V12C0 14.2091 1.79086 16 4 16H12C14.2091 16 16 14.2091 16 12V4C16 1.79086 14.2091 0 12 0H4Z' fill='rgb(0,0,0)'/%3E%3C/svg%3E%0A")
    no-repeat center/1.6rem 1.6rem;
}
.form.checkbox.design1 .checkbox-list .checkbox-item input[type="checkbox"]:checked {
  background: url("data:image/svg+xml,%0A%3Csvg width='16' height='12' viewBox='0 0 16 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.638 0.365166C15.9894 0.716638 15.9894 1.28649 15.638 1.63796L5.99151 11.2844C5.44478 11.8311 4.55835 11.8311 4.01161 11.2844L0.365166 7.63796C0.0136946 7.28649 0.0136945 6.71664 0.365166 6.36517C0.716638 6.01369 1.28649 6.01369 1.63796 6.36517L5.00156 9.72877L14.3652 0.365166C14.7166 0.0136945 15.2865 0.0136945 15.638 0.365166Z' fill='rgb(151,53,208)'/%3E%3C/svg%3E%0A")
    no-repeat center/1.6rem 1.2rem;
}
.form.checkbox.design1 .checkbox-list .checkbox-item input[type="checkbox"]:checked + .option {
  color: rgb(151, 53, 208);
}
.form.checkbox.case1 .checkbox-item input[type="checkbox"] {
  width: 2.4rem;
  height: 2.4rem;
  margin-right: 0.8rem;
}
.form.checkbox.case1 .checkbox-item + .checkbox-item {
  padding-left: 1.6rem;
}
.form.checkbox.type1 .checkbox-item > label {
  font-size: 0;
}
.form.checkbox.type1 .checkbox-item > label .option {
  color: rgb(0, 0, 0);
  font-weight: 700;
  font-size: 1.6rem;
}
.form.textArea {
  width: 100%;
  height: 16.8rem;
  border: 0.1rem solid rgb(228, 228, 231);
  border-radius: 0.8rem;
}
.form.textArea > textarea {
  width: 100%;
  height: 100%;
  padding: 1.4rem 1.5rem;
  color: rgb(113, 113, 122);
  resize: none;
  font-weight: 500;
  font-size: 1.6rem;
}
.form + .form-text {
  padding-top: 1.6rem;
}
.form + .form-text.error {
  display: none;
}
.form + .form-text.error .comment {
  color: #ff4848 !important;
}

.form-bundle + .form-text {
  padding-top: 1.6rem;
}
.form-bundle + .form-text.error {
  display: none;
}
.form-bundle + .form-text.error .comment {
  color: #ff4848 !important;
}

#header {
  position: fixed;
  top: 0;
  width: 100%;
  height: 7.2rem;
  z-index: 999;
  transition: top 0.5s cubic-bezier(0.5, 0, 0, 1);
}
#header .header-inner {
  display: flex;
  height: 100%;
  padding: 0 6rem;
  max-height: 7.2rem;
  justify-content: space-between;
  align-items: center;
}
#header .header-inner .site-logo {
  display: inline-block;
  max-width: 180px;
  width: 100%;
}

body:not(.home) #header .header-inner .site-logo a img:first-child {
  display: none !important;
}

.home #header .header-inner .site-logo a img + img {
  display: none;
}

#header.up-color .header-inner .site-logo a img + img {
  display: block;
}

#header.up-color .header-inner .site-logo a img:first-child {
  display: none;
}

#header.hover .header-inner .site-logo a img:first-child {
  display: none;
}

#header.hover .header-inner .site-logo a img:first-child + img {
  display: block;
}

#header .header-inner .site-logo .site-name {
  display: inline-block;
  width: 104px;
  height: 36px;
  background-size: 100% 100%;
}
#header .header-inner .site-navi .depth1-list {
  display: flex;
}
#header .header-inner .site-navi .depth1-list .depth1-item .depth1 {
  display: inline-block;
  position: relative;
  padding: 2.3rem 3rem;
  transition: color 0.3s ease;
  font-weight: 700;
  font-size: 1.6rem;
}

@media (min-width: 1200px) {
  #header .header-inner .site-navi .depth1-list .depth1-item .depth1::after {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 0.3rem;
    content: "";
    background-color: rgb(236 35 38);
    transform: translateX(-50%);
    transition: width 0.3s ease;
  }
  #header .header-inner .site-navi .depth1-list .depth1-item .depth1:hover,
  #header .header-inner .site-navi .depth1-list .depth1-item .depth1:focus {
    color: rgb(151, 53, 208);
  }
  #header .header-inner .site-navi .depth1-list .depth1-item .depth1:hover::after,
  #header .header-inner .site-navi .depth1-list .depth1-item .depth1:focus::after {
    width: calc(100% - 3.6rem);
  }
}
#header .header-inner .site-navi .depth1-list .depth1-item .depth2-wrap .depth2-list {
  display: flex;
  justify-content: flex-start;
  row-gap: 2.4rem;
  padding-top: 4rem;
  overflow: hidden;
}
#header .header-inner .site-navi .depth1-list .depth1-item .depth2-wrap .depth2-list .depth2-item {
  display: block;
  /*min-width: 13.5rem;*/
  margin-left: 4.1rem;
}
#header .header-inner .site-navi .depth1-list .depth1-item .depth2-wrap .depth2-list .depth2-item .depth2 {
  display: block;
  position: relative;
  color: rgb(21, 21, 26);
  transition: color 0.3s ease;
  font-weight: 700;
  font-size: 1.8rem;
}
#header .header-inner .site-navi .depth1-list .depth1-item .depth2-wrap .depth2-list .depth2-item .depth2.spec {
  white-space: nowrap;
}
#header .header-inner .site-navi .depth1-list .depth1-item .depth2-wrap .depth2-list .depth2-item .depth2::before {
  display: inline-block;
  position: absolute;
  top: 0.5rem;
  left: -2.5rem;
  width: 0.1rem;
  height: 1.9rem;
  content: "";
  background-color: #e4e4e7;
}

#header .header-inner .site-navi .depth1-list .depth1-item .depth2-wrap .depth2-list .depth2-item:nth-child(1) .depth2::before {
  background: none;
}

@media (min-width: 1200px) {
  #header .header-inner .site-navi .depth1-list .depth1-item .depth2-wrap .depth2-list .depth2-item .depth2:hover,
  #header .header-inner .site-navi .depth1-list .depth1-item .depth2-wrap .depth2-list .depth2-item .depth2:focus {
    color: rgb(236 35 38);
  }
}
#header .header-inner .site-navi .depth1-list .depth1-item .depth2-wrap .depth2-list .depth2-item .depth3-wrap {
  padding-top: 2.4rem;
  padding-left: 0.1rem;
}
#header .header-inner .site-navi .depth1-list .depth1-item .depth2-wrap .depth2-list .depth2-item .depth3-wrap .depth3-item .depth3 {
  display: block;
  color: rgb(113, 113, 122);
  transition: color 0.3s ease;
  font-weight: 500;
  font-size: 1.6rem;
}
@media (min-width: 1200px) {
  #header .header-inner .site-navi .depth1-list .depth1-item .depth2-wrap .depth2-list .depth2-item .depth3-wrap .depth3-item .depth3:hover,
  #header .header-inner .site-navi .depth1-list .depth1-item .depth2-wrap .depth2-list .depth2-item .depth3-wrap .depth3-item .depth3:focus {
    color: rgb(151, 53, 208);
  }
}
@media (min-width: 1200px) {
  #header .header-inner .site-navi .depth1-list .depth1-item .depth2-wrap .depth2-list .depth2-item .depth3-wrap .depth3-item + .depth3-item {
    padding-top: 1.6rem;
  }
}
@media (min-width: 1200px) {
  .en #header .header-inner .site-navi .depth1-list .depth1-item .depth2-wrap .depth2-list .depth2-item {
    width: 16rem;
  }
}
@media (min-width: 1200px) {
  #header .header-inner .site-navi .depth1-list .depth1-item .depth2-wrap .depth2-list {
    height: 20rem;
    align-content: flex-start;
  }
}
@media (min-width: 1200px) {
  #header .header-inner .site-navi .depth1-list .depth1-item .depth2-wrap {
    position: absolute;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -1rem);
    opacity: 0;
    transition:
      opacity 0.5s cubic-bezier(0.5, 0, 0, 1),
      transform 0.5s cubic-bezier(0.5, 0, 0, 1);
    visibility: hidden;
  }
  #header .header-inner .site-navi .depth1-list .depth1-item.active:hover .depth1,
  #header .header-inner .site-navi .depth1-list .depth1-item.active:focus-within .depth1 {
    color: #ec2326;
  }
  #header .header-inner .site-navi .depth1-list .depth1-item.active:hover .depth1::after,
  #header .header-inner .site-navi .depth1-list .depth1-item.active:focus-within .depth1::after {
    width: calc(100% - 3.6rem);
  }
  #header .header-inner .site-navi .depth1-list .depth1-item.active:hover .depth2-wrap,
  #header .header-inner .site-navi .depth1-list .depth1-item.active:focus-within .depth2-wrap {
    display: flex;
    justify-content: center;
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, 0);
  }
}
#header .header-inner .site-navi::after {
  position: absolute;
  top: 7.2rem;
  left: 0;
  width: 100%;
  height: 0;
  content: "";
  z-index: -1;
  transition: height 0.5s cubic-bezier(0.5, 0, 0, 1);
}
@media (min-width: 1200px) {
  /* #header .header-inner .site-navi:not(.close):hover::after, #header .header-inner .site-navi:not(.close):focus-within::after {
    height: 39.9rem;
    border-bottom: 0.1rem solid rgb(246, 246, 247);
    background-color: rgb(255, 255, 255);
  }*/

  #header .header-inner .site-navi.tg_active::after {
    height: 12rem;
    border-bottom: 0.1rem solid rgb(246, 246, 247);
    background-color: rgb(255, 255, 255);
  }
}
#header .header-inner .site-util {
  display: flex;
  align-items: center;
  min-width: 180px;
  justify-content: flex-end;
}
#header .header-inner .site-util .util.contact-wrap .btn.contact {
  font-weight: 700;
  font-size: 1.4rem;
}
#header .header-inner .site-util .util.lang {
  position: relative;
  display: none;
}
#header .header-inner .site-util .util.lang .selected {
  display: inline-block;
  padding: 1rem 0;
  cursor: pointer;
}
#header .header-inner .site-util .util.lang .selected .select-text {
  display: inline-block;
  vertical-align: middle;
  transition: color 0.3s ease;
  font-weight: 700;
  font-size: 1.6rem;
}
#header .header-inner .site-util .util.lang .selected::after {
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  content: "";
  margin-left: 0.8rem;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.99916 8L0.803008 0.5L11.1953 0.500001L5.99916 8Z' fill='rgb(0,0,0)'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: middle;
  transition: background-image 0.3s ease;
}
#header .header-inner .site-util .util.lang .option-area .option-list {
  padding: 0.7rem;
  border: 0.1rem solid rgb(228, 228, 231);
  border-radius: 0.2rem;
  background-color: rgb(255, 255, 255);
}
#header .header-inner .site-util .util.lang .option-area .option-list .option-item {
  text-align: center;
}
#header .header-inner .site-util .util.lang .option-area .option-list .option-item .option {
  display: inline-block;
  padding: 0.5rem 1rem;
  font-weight: 500;
  font-size: 1.6rem;
}
@media (min-width: 1200px) {
  #header .header-inner .site-util .util.lang .option-area .option-list .option-item .option:hover,
  #header .header-inner .site-util .util.lang .option-area .option-list .option-item .option:focus {
    color: rgb(151, 53, 208);
    font-weight: 700;
    font-size: 1.6rem;
  }
}
@media (min-width: 1200px) {
  #header .header-inner .site-util .util.lang .option-area {
    position: absolute;
    top: 100%;
    transform: translateY(-1rem);
    opacity: 0;
    transition: 0.3s ease;
    z-index: 10;
    min-width: 5.9rem;
    visibility: hidden;
  }
  #header .header-inner .site-util .util.lang .option-area.active {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
  }
}
@media (max-width: 1199px) {
  #header .header-inner .site-util .util.lang .selected {
    display: none;
  }
  #header .header-inner .site-util .util.lang .option-area {
    padding: 0 0.8rem;
  }
  #header .header-inner .site-util .util.lang .option-area .option-list {
    display: flex;
    padding: 0;
    border: none;
  }
  #header .header-inner .site-util .util.lang .option-area .option-list .option-item .option {
    padding: 0;
    color: rgb(63, 63, 70);
    font-weight: 500;
    font-size: 1.4rem;
  }
  #header .header-inner .site-util .util.lang .option-area .option-list .option-item .option.active {
    text-decoration: underline;
  }
  #header .header-inner .site-util .util.lang .option-area .option-list .option-item + .option-item {
    margin-left: 2.4rem;
  }
}
#header .header-inner .site-util .util ~ .util {
  margin-left: 3.2rem;
}
#header .header-inner .site-control {
  display: none;
}
#header:after {
  transition: background-color 0.3s ease;
}
#header.dark,
#header.transparent {
  background-color: rgba(32, 32, 32, 0.12);
  backdrop-filter: blur(40px);
  transition: 0.3s ease;
}
#header.dark .header-inner .site-logo .site-name,
#header.transparent .header-inner .site-logo .site-name {
  background-image: url("../fonts/logo-w-e.svg");
}
#header.dark .header-inner .site-navi::after,
#header.transparent .header-inner .site-navi::after {
  background-color: rgba(32, 32, 32, 0.12);
  backdrop-filter: blur(40px);
  transition: 0.3s ease;
}
@media (min-width: 1200px) {
  #header.dark .header-inner .site-navi:hover::after,
  #header.transparent .header-inner .site-navi:hover::after,
  #header.dark .header-inner .site-navi:focus-within::after,
  #header.transparent .header-inner .site-navi:focus-within::after {
    background-color: rgb(255, 255, 255);
  }
}
#header.dark .depth1,
#header.transparent .depth1 {
  color: rgb(255, 255, 255);
}
#header.dark .selected .select-text,
#header.transparent .selected .select-text {
  color: rgb(255, 255, 255);
}
#header.dark .selected::after,
#header.transparent .selected::after {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.99916 8L0.803008 0.5L11.1953 0.500001L5.99916 8Z' fill='rgb(255,255,255)'/%3E%3C/svg%3E%0A");
}
#header.dark::after,
#header.transparent::after {
  background-color: rgba(238, 238, 238, 0.2);
}
@media (min-width: 1200px) {
  #header.dark.hover:hover,
  #header.hover.transparent:hover,
  #header.dark.hover:focus-within,
  #header.hover.transparent:focus-within {
    background-color: rgb(255, 255, 255);
  }
  #header.dark.hover:hover .site-logo .site-name,
  #header.hover.transparent:hover .site-logo .site-name,
  #header.dark.hover:focus-within .site-logo .site-name,
  #header.hover.transparent:focus-within .site-logo .site-name {
    background-image: url("../fonts/logo-c2-e.svg");
  }
  #header.dark.hover:hover .site-navi .depth1-list .depth1-item .depth1,
  #header.hover.transparent:hover .site-navi .depth1-list .depth1-item .depth1,
  #header.dark.hover:focus-within .site-navi .depth1-list .depth1-item .depth1,
  #header.hover.transparent:focus-within .site-navi .depth1-list .depth1-item .depth1 {
    color: rgb(0, 0, 0);
  }
  #header.dark.hover:hover .site-navi .depth1-list .depth1-item .depth1:hover,
  #header.hover.transparent:hover .site-navi .depth1-list .depth1-item .depth1:hover,
  #header.dark.hover:focus-within .site-navi .depth1-list .depth1-item .depth1:hover,
  #header.hover.transparent:focus-within .site-navi .depth1-list .depth1-item .depth1:hover {
    color: rgb(236 35 38);
  }
  #header.dark.hover:hover .site-util .contact-wrap .contact,
  #header.hover.transparent:hover .site-util .contact-wrap .contact,
  #header.dark.hover:focus-within .site-util .contact-wrap .contact,
  #header.hover.transparent:focus-within .site-util .contact-wrap .contact {
    color: rgb(255, 255, 255);
    background-color: rgb(39, 39, 42);
    border-color: rgb(39, 39, 42);
  }
  #header.dark.hover:hover .site-util .contact-wrap .contact:hover,
  #header.hover.transparent:hover .site-util .contact-wrap .contact:hover,
  #header.dark.hover:hover .site-util .contact-wrap .contact:focus,
  #header.hover.transparent:hover .site-util .contact-wrap .contact:focus,
  #header.dark.hover:focus-within .site-util .contact-wrap .contact:hover,
  #header.hover.transparent:focus-within .site-util .contact-wrap .contact:hover,
  #header.dark.hover:focus-within .site-util .contact-wrap .contact:focus,
  #header.hover.transparent:focus-within .site-util .contact-wrap .contact:focus {
    background-color: rgb(82, 82, 91);
    border-color: rgb(82, 82, 91);
  }
  #header.dark.hover:hover .site-util .lang .selected .cur-lang,
  #header.hover.transparent:hover .site-util .lang .selected .cur-lang,
  #header.dark.hover:focus-within .site-util .lang .selected .cur-lang,
  #header.hover.transparent:focus-within .site-util .lang .selected .cur-lang {
    color: rgb(0, 0, 0);
  }
  #header.dark.hover:hover .site-util .lang .selected::after,
  #header.hover.transparent:hover .site-util .lang .selected::after,
  #header.dark.hover:focus-within .site-util .lang .selected::after,
  #header.hover.transparent:focus-within .site-util .lang .selected::after {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.99916 8L0.803008 0.5L11.1953 0.500001L5.99916 8Z' fill='rgb(0,0,0)'/%3E%3C/svg%3E%0A");
  }
  #header.dark.hover:hover::after,
  #header.hover.transparent:hover::after,
  #header.dark.hover:focus-within::after,
  #header.hover.transparent:focus-within::after {
    background-color: #eeeeee;
  }
}
@media (max-width: 1199px) {
  #header.dark .site-control .menu-header,
  #header.transparent .site-control .menu-header {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='12' viewBox='0 0 24 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.439453 0.439453C0.167969 0.710938 0 1.08594 0 1.5C0 2.32837 0.671875 3 1.5 3H22.5C23.3281 3 24 2.32837 24 1.5C24 0.671631 23.3281 0 22.5 0H1.5C1.08594 0 0.710938 0.167969 0.439453 0.439453ZM22.5 9H1.5C0.671875 9 0 9.67163 0 10.5C0 11.3284 0.671875 12 1.5 12H22.5C23.3281 12 24 11.3284 24 10.5C24 10.1174 23.8574 9.76831 23.6211 9.50317C23.3457 9.19434 22.9453 9 22.5 9Z' fill='rgb(255,255,255)'/%3E%3C/svg%3E%0A");
  }
  #header.dark.open,
  #header.open.transparent {
    background-color: rgb(255, 255, 255);
  }
  #header.dark.open .site-logo .site-name,
  #header.open.transparent .site-logo .site-name {
    background-image: url("../fonts/logo-c2-e.svg");
  }
  #header.dark.open .site-navi .depth1-list .depth1-item .depth1,
  #header.open.transparent .site-navi .depth1-list .depth1-item .depth1 {
    color: rgb(21, 21, 26);
  }
}
#header.transparent {
  background-color: transparent;
  backdrop-filter: blur(4rem);
}
#header.transparent .header-inner .site-navi::after {
  background-color: transparent;
  backdrop-filter: none;
}
#header.transparent .header-inner .site-util .util .btn {
  color: rgb(0, 0, 0);
  background-color: rgb(255, 255, 255);
  border-color: rgb(228, 228, 231);
}
#header.transparent .header-inner .site-util .util.lang .selected::after {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.99916 8L0.803008 0.5L11.1953 0.500001L5.99916 8Z' fill='rgb(255,255,255)'/%3E%3C/svg%3E%0A");
}
#header.transparent::after {
  background-color: rgba(238, 238, 238, 0.2);
}
#header.transparent.hover .header-inner .site-util .util.lang .selected::after {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.99916 8L0.803008 0.5L11.1953 0.500001L5.99916 8Z' fill='rgb(0,0,0)'/%3E%3C/svg%3E%0A");
}
#header.light,
#header.up-color {
  background-color: rgb(255, 255, 255);
}
#header.light .header-inner .site-logo .site-name,
#header.up-color .header-inner .site-logo .site-name {
  background-image: url("../fonts/logo-c2-e.svg");
}
#header.light .header-inner .site-navi .depth1,
#header.up-color .header-inner .site-navi .depth1 {
  color: rgb(0, 0, 0);
}
#header.light .header-inner .site-navi::after,
#header.up-color .header-inner .site-navi::after {
  background-color: rgb(255, 255, 255);
}
#header.light .header-inner .site-util .util.lang .selected .select-text,
#header.up-color .header-inner .site-util .util.lang .selected .select-text {
  color: rgb(0, 0, 0);
}
#header.light .header-inner .site-util .util.lang .selected::after,
#header.up-color .header-inner .site-util .util.lang .selected::after {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.99916 8L0.803008 0.5L11.1953 0.500001L5.99916 8Z' fill='rgb(0,0,0)'/%3E%3C/svg%3E%0A");
}
#header.light .header-inner .site-util .util .btn,
#header.up-color .header-inner .site-util .util .btn {
  color: rgb(255, 255, 255);
  background-color: rgb(39, 39, 42);
  border-color: rgb(39, 39, 42);
}
@media (max-width: 1199px) {
  #header.light .header-inner .site-control .menu-header,
  #header.up-color .header-inner .site-control .menu-header {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='12' viewBox='0 0 24 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.439453 0.439453C0.167969 0.710938 0 1.08594 0 1.5C0 2.32837 0.671875 3 1.5 3H22.5C23.3281 3 24 2.32837 24 1.5C24 0.671631 23.3281 0 22.5 0H1.5C1.08594 0 0.710938 0.167969 0.439453 0.439453ZM22.5 9H1.5C0.671875 9 0 9.67163 0 10.5C0 11.3284 0.671875 12 1.5 12H22.5C23.3281 12 24 11.3284 24 10.5C24 10.1174 23.8574 9.76831 23.6211 9.50317C23.3457 9.19434 22.9453 9 22.5 9Z' fill='rgb(0,0,0)'/%3E%3C/svg%3E%0A");
  }
}
#header.light::after,
#header.up-color::after {
  background-color: #eeeeee;
}
@media (min-width: 1200px) {
  #header.regular {
    top: -7.2rem;
  }
  #header.regular-focus {
    top: -47.2rem;
  }
  #header::after {
    position: absolute;
    top: 7.1rem;
    left: 0;
    width: 100%;
    height: 0.1rem;
    content: "";
    pointer-events: none;
  }
}
@media (max-width: 1199px) {
  #header {
    height: 5.8rem;
    overflow: hidden;
    transition: top 0.3s ease;
  }
  #header.regular,
  #header.regular-focus:not(.open) {
    top: -5.8rem;
  }
  #header .header-inner {
    padding: 0;
    flex-direction: column-reverse;
    justify-content: flex-end;
    padding-top: 5.8rem;
    max-height: unset;
  }
  #header .header-inner .site-logo {
    position: absolute;
    top: 0;
    width: 100%;
    padding: 2rem 0 0 0;
    left: 2rem;
  }
  #header .header-inner .site-logo .site-name {
    width: 9rem;
    height: 3rem;
  }
  #header .header-inner .site-logo .site-name > img {
    vertical-align: top;
  }
  #header .header-inner .site-navi {
    display: none;
    width: 100%;
    height: 100%;
    padding: 3.2rem 0 4rem;
    opacity: 0;
    transition: opacity 0.3s ease;
    overflow-y: auto;
  }
  #header .header-inner .site-navi .depth1-list {
    flex-direction: column;
  }
  #header .header-inner .site-navi .depth1-list .depth1-item {
    overflow: hidden;
  }
  #header .header-inner .site-navi .depth1-list .depth1-item .depth1 {
    display: flex;
    width: 100%;
    padding: 0 1.8rem;
    align-items: center;
    justify-content: space-between;
    font-weight: 700;
    font-size: 3.2rem;
  }
  #header .header-inner .site-navi .depth1-list .depth1-item:nth-child(3) .depth1::after,
  #header .header-inner .site-navi .depth1-list .depth1-item:nth-child(4) .depth1::after {
    display: block;
    width: 1.7rem;
    height: 1.7rem;
    padding: 0.5rem;
    content: "";
    margin-right: 0.5rem;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6 12.9C6 13.3971 6.40294 13.8 6.9 13.8C7.39706 13.8 7.8 13.3971 7.8 12.9V7.8H12.9C13.3971 7.8 13.8 7.39706 13.8 6.9C13.8 6.40294 13.3971 6 12.9 6H7.8V0.9C7.8 0.402944 7.39706 0 6.9 0C6.40294 0 6 0.402944 6 0.9V6H0.9C0.402944 6 0 6.40294 0 6.9C0 7.39706 0.402944 7.8 0.9 7.8H6V12.9Z' fill='rgb(0,0,0)'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-repeat: no-repeat;
    transition: background-image 0.1s;
  }
  #header .header-inner .site-navi .depth1-list .depth1-item .depth1.active {
    color: rgb(151, 53, 208);
  }
  #header .header-inner .site-navi .depth1-list .depth1-item .depth1.active ~ .depth2-wrap {
    height: 100%;
  }
  #header .header-inner .site-navi .depth1-list .depth1-item .depth1.active::after {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='15' height='2' viewBox='0 0 15 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.261719 1.00156C0.261719 0.504506 0.664662 0.101562 1.16172 0.101562L13.1617 0.101562C13.6588 0.101562 14.0617 0.504506 14.0617 1.00156C14.0617 1.49862 13.6588 1.90156 13.1617 1.90156L1.16172 1.90156C0.664662 1.90156 0.261719 1.49862 0.261719 1.00156Z' fill='rgb(0,0,0)'/%3E%3C/svg%3E%0A");
  }
  #header .header-inner .site-navi .depth1-list .depth1-item .depth2-wrap {
    display: none;
  }
  #header .header-inner .site-navi .depth1-list .depth1-item .depth2-wrap .depth2-list {
    flex-direction: column;
    gap: 0;
    padding-top: 2rem;
  }
  #header .header-inner .site-navi .depth1-list .depth1-item .depth2-wrap .depth2-list .depth2-item {
    padding-left: 3.4rem;
    margin-left: 0;
    background-color: rgb(246, 246, 247);
  }
  #header .header-inner .site-navi .depth1-list .depth1-item .depth2-wrap .depth2-list .depth2-item .depth2 {
    padding: 2.7rem 0 2rem;
  }
  #header .header-inner .site-navi .depth1-list .depth1-item .depth2-wrap .depth2-list .depth2-item .depth2::before {
    display: none;
  }
  #header .header-inner .site-navi .depth1-list .depth1-item .depth2-wrap .depth2-list .depth2-item .depth3-wrap {
    padding-top: 0;
    padding-left: 0.8rem;
    padding-bottom: 1.5rem;
  }
  #header .header-inner .site-navi .depth1-list .depth1-item .depth2-wrap .depth2-list .depth2-item .depth3-wrap .depth3-item .depth3 {
    display: block;
    padding: 0.4rem 0;
  }
  #header .header-inner .site-navi .depth1-list .depth1-item .depth2-wrap .depth2-list .depth2-item + .depth2-item {
    border-top: 0.1rem solid rgb(228, 228, 231);
  }
  #header .header-inner .site-navi .depth1-list .depth1-item + .depth1-item {
    margin-top: 1.6rem;
  }
  #header .header-inner .site-util {
    display: none;
    width: 100%;
    padding: 1.3rem 1.8rem 1.6rem;
    justify-content: space-between;
    border-bottom: 0.1rem solid rgb(228, 228, 231);
    opacity: 0;
    transition: opacity 0.3s ease;
  }
  #header .header-inner .site-util .util.contact-wrap .btn.contact {
    padding: 0;
    border: none;
    color: rgb(63, 63, 70);
    background-color: transparent;
    font-weight: 500;
    font-size: 1.6rem;
  }
  #header .header-inner .site-control {
    display: inline-block;
    position: absolute;
    top: 1.4rem;
    right: 1.8rem;
  }
  #header .header-inner .site-control .menu-header {
    transition: 0.1s ease;
  }
  #header.open {
    position: fixed;
  }
  #header.open .header-inner {
    background-color: rgb(255, 255, 255);
  }
}
#header.open {
  max-height: 100vh;
}
#header.open .header-inner {
  transition: background-color 0.3s ease;
}
#header.open .header-inner .site-navi,
#header.open .header-inner .site-util {
  opacity: 1;
}
#header.open .header-inner .site-navi .depth1-item {
  animation: depth1Fade 0.3s forwards;
  transform: translateY(2rem);
  opacity: 0;
}
@keyframes depth1Fade {
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
#header.open .header-inner .site-control .menu-header {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.2626 11.5344C10.6141 11.8859 11.1839 11.8859 11.5354 11.5344C11.8869 11.183 11.8869 10.6131 11.5354 10.2617L7.1718 5.89803L11.5354 1.53444C11.8868 1.18297 11.8868 0.61312 11.5354 0.261649C11.1839 -0.0898215 10.614 -0.0898198 10.2626 0.261653L5.89901 4.62524L1.53542 0.261651C1.18395 -0.0898212 0.614099 -0.0898211 0.262627 0.261651C-0.0888446 0.613123 -0.0888446 1.18297 0.262628 1.53444L4.62622 5.89803L0.262626 10.2617C-0.0888451 10.6131 -0.0888434 11.183 0.26263 11.5344C0.614102 11.8859 1.18395 11.8859 1.53542 11.5344L5.89901 7.17083L10.2626 11.5344Z' fill='rgb(0,0,0)'/%3E%3C/svg%3E%0A");
  background-size: 1.8rem;
}

.header-dark {
  background-color: #050505;
}

#footer {
  position: relative;
  width: 100%;
  padding: 6rem 6rem 4rem 6rem;
  background-image: url(../images/bg-footer-pc.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  box-sizing: border-box;
  z-index: 99;
}
@media (max-width: 1023px) {
  #footer {
    padding: 4rem 1.8rem;
    background-image: url(../images/bg-footer-mo.jpg);
  }
}
#footer .footer-inner {
  position: relative;
  width: 100%;
}
#footer .footer-inner .footer-head {
  position: absolute;
  top: 0.4rem;
  left: 0;
  width: 18rem;
  height: 6.4rem;
  z-index: 1;
}
@media (max-width: 1023px) {
  #footer .footer-inner .footer-head {
    position: static;
    width: 11.8rem;
    height: 4.2rem;
  }
}
#footer .footer-inner .footer-head .footer-subject {
  display: block;
  width: 100%;
  height: 100%;
  background-image: url(../fonts/logo-w-e.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  box-sizing: border-box;
}
@media (max-width: 1023px) {
  #footer .footer-inner .footer-head + .footer-body {
    margin-top: 1rem;
  }
}
#footer .footer-inner .footer-body .section.policy {
  width: 100%;
  padding-left: 18rem;
}
@media (max-width: 1023px) {
  #footer .footer-inner .footer-body .section.policy {
    padding-left: 0;
  }
}
#footer .footer-inner .footer-body .section.policy .section-wrap .section-body {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
@media (max-width: 1023px) {
  #footer .footer-inner .footer-body .section.policy .section-wrap .section-body {
    flex-direction: row;
    justify-content: space-between;
  }
}
#footer .footer-inner .footer-body .section.policy .section-wrap .section-body .navi-list {
  display: flex;
}
@media (max-width: 1023px) {
  #footer .footer-inner .footer-body .section.policy .section-wrap .section-body .navi-list {
    flex-direction: column;
  }
}
#footer .footer-inner .footer-body .section.policy .section-wrap .section-body .navi-list .navi-item {
  position: relative;
}
#footer .footer-inner .footer-body .section.policy .section-wrap .section-body .navi-list .navi-item .navi-text {
  color: rgb(161, 161, 170);
  font-weight: 500;
  font-size: 1.6rem;
}
#footer .footer-inner .footer-body .section.policy .section-wrap .section-body .navi-list .navi-item .navi-text.privacy {
  color: rgb(255, 255, 255);
  font-weight: 700;
  font-size: 1.6rem;
}
@media (max-width: 1023px) {
  #footer .footer-inner .footer-body .section.policy .section-wrap .section-body .navi-list .navi-item .navi-text {
    font-weight: 700;
    font-size: 1.4rem;
  }
}
#footer .footer-inner .footer-body .section.policy .section-wrap .section-body .navi-list .navi-item + .navi-item {
  margin-left: 3rem;
}
@media (max-width: 1023px) {
  #footer .footer-inner .footer-body .section.policy .section-wrap .section-body .navi-list .navi-item + .navi-item {
    margin: 1.8rem 0 0 0;
  }
}
#footer .footer-inner .footer-body .section.policy .section-wrap .section-body .navi-list .navi-item + .navi-item::before {
  position: absolute;
  top: 50%;
  left: -1.5rem;
  width: 0.1rem;
  height: 1rem;
  content: "";
  transform: translateY(-50%);
  background-color: rgb(113, 113, 122);
  opacity: 0.2;
}
@media (max-width: 1023px) {
  #footer .footer-inner .footer-body .section.policy .section-wrap .section-body .navi-list .navi-item + .navi-item::before {
    display: none;
  }
}
#footer .footer-inner .footer-body .section.policy .section-wrap .section-body .navi-list + .info-list {
  margin-top: 2.4rem;
}
@media (max-width: 1023px) {
  #footer .footer-inner .footer-body .section.policy .section-wrap .section-body .navi-list + .info-list {
    margin-top: 0;
  }
}
#footer .footer-inner .footer-body .section.policy .section-wrap .section-body .info-list {
  display: flex;
}
#footer .footer-inner .footer-body .section.policy .section-wrap .section-body .info-list .info-item {
  background-repeat: no-repeat;
  background-size: 100%;
}
#footer .footer-inner .footer-body .section.policy .section-wrap .section-body .info-list .info-item.ncsi {
  width: 4.8rem;
  height: 4rem;
  background-image: url(../fonts/logo-ncsi.svg);
}
#footer .footer-inner .footer-body .section.policy .section-wrap .section-body .info-list .info-item.isms {
  width: 4.4rem;
  height: 4rem;
  background-image: url(../fonts/logo-isms.svg);
}
#footer .footer-inner .footer-body .section.policy .section-wrap .section-body .info-list .info-item.wa {
  width: 4.8rem;
  height: 4rem;
  background-image: url(../images/logo-wa.png);
}
#footer .footer-inner .footer-body .section.policy .section-wrap .section-body .info-list .info-item + .info-item {
  margin-left: 2.4rem;
}
#footer .footer-inner .footer-body .section.policy + .info {
  margin-top: 0;
}
@media (max-width: 1023px) {
  #footer .footer-inner .footer-body .section.policy + .info {
    margin-top: 2.6rem;
  }
}
#footer .footer-inner .footer-body .section.info {
  padding: 2rem 42.2rem 0 0;
}
@media (max-width: 1023px) {
  #footer .footer-inner .footer-body .section.info {
    padding: 0;
  }
}
#footer .footer-inner .footer-body .section.info .section-wrap .section-body .data-list {
  display: flex;
  max-width: 50rem;
  flex-wrap: wrap;
  column-gap: 2rem;
  row-gap: 0.8rem;
}
#footer .footer-inner .footer-body .section.info .section-wrap .section-body .data-list .data-item .data-text {
  font-weight: 500;
  font-size: 1.4rem;
  color: rgb(228, 228, 231);
}
@media (max-width: 1023px) {
  #footer .footer-inner .footer-body .section.info .section-wrap .section-body .data-list .data-item .data-text {
    font-weight: 500;
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 760px) {
  #footer .footer-inner .footer-body .section.info .section-wrap .section-body .data-list .data-item:last-child {
    margin-top: 0.8rem;
  }
}

.en #footer .footer-inner .footer-body .section.info .section-wrap .section-body .data-list {
  max-width: 80rem;
}
@media (max-width: 1023px) {
  .en #footer .footer-inner .footer-body .section.info .section-wrap .section-body .data-list {
    width: 100%;
    flex-direction: column;
  }
}

@media (max-width: 1023px) {
  #footer .footer-inner .footer-body .section.info + .family-site {
    margin-top: 3.2rem;
  }
}
#footer .footer-inner .footer-body .section.family-site {
  position: absolute;
  right: 0;
  bottom: 0;
  width: auto;
  height: auto;
  z-index: 5;
}
#footer .footer-inner .footer-body .section.family-site .btn-family {
  display: flex;
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0 4rem;
  text-align: left;
  align-items: center;
  background-color: rgb(0, 0, 0);
  border-radius: 0.8rem;
  z-index: 5;
  transition: background-color 0.3s ease;
}
#footer .footer-inner .footer-body .section.family-site .btn-family .btn-text {
  display: inline-block;
  color: rgb(246, 246, 247);
  font-weight: 500;
  font-size: 1.6rem;
}
#footer .footer-inner .footer-body .section.family-site .btn-family::after {
  position: absolute;
  right: 4rem;
  width: 2rem;
  height: 2rem;
  content: "";
  background-image: url("data:image/svg+xml,%0A%3Csvg width='14' height='9' viewBox='0 0 14 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.6348 0.365166C13.9863 0.716638 13.9863 1.28649 13.6348 1.63796L6.99844 8.27435L0.362041 1.63796C0.0105695 1.28649 0.0105695 0.716638 0.362041 0.365166C0.713513 0.0136939 1.28336 0.013694 1.63483 0.365166L6.99844 5.72877L12.362 0.365166C12.7135 0.0136945 13.2834 0.0136945 13.6348 0.365166Z' fill='rgb(228,228,231)'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-repeat: no-repeat;
  transition: transform 0.3s ease;
}
@media (max-width: 1023px) {
  #footer .footer-inner .footer-body .section.family-site .btn-family::after {
    right: 3.2rem;
    width: 1.8rem;
    height: 1.8rem;
    background-size: 1.2rem 0.7rem;
  }
}
@media (max-width: 1023px) {
  #footer .footer-inner .footer-body .section.family-site .btn-family {
    padding: 0 3.2rem;
  }
}
#footer .footer-inner .footer-body .section.family-site .site-area {
  position: absolute;
  bottom: 8.6rem;
  width: 100%;
  transform: translateY(1rem);
  transition: 0.3s ease;
  opacity: 0;
  visibility: hidden;
  z-index: 4;
}
#footer .footer-inner .footer-body .section.family-site .site-area .site-list {
  background-color: rgb(255, 255, 255);
  border-radius: 0.8rem;
  box-shadow: 0 0.1336rem 0.5342rem 0 rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
#footer .footer-inner .footer-body .section.family-site .site-area .site-list .site-item {
  transition: background-color 0.3s ease;
}
#footer .footer-inner .footer-body .section.family-site .site-area .site-list .site-item .site {
  display: inline-block;
  width: 100%;
  height: 100%;
  padding: 1.1rem 0;
  color: rgb(21, 21, 26);
  padding-left: 4rem;
  transition: color 0.3s ease;
  font-weight: 500;
  font-size: 1.6rem;
}
@media (max-width: 1023px) {
  #footer .footer-inner .footer-body .section.family-site .site-area .site-list .site-item .site {
    padding: 0.9rem 0;
    padding-left: 3.2rem;
  }
}
#footer .footer-inner .footer-body .section.family-site .site-area .site-list .site-item + .site-item {
  border-top: 0.1rem solid rgb(228, 228, 231);
}
#footer .footer-inner .footer-body .section.family-site .site-area .site-list .site-item:hover {
  background-color: rgb(246, 246, 247);
}
#footer .footer-inner .footer-body .section.family-site .site-area .site-list .site-item:hover .site {
  color: rgb(109, 12, 166);
}
#footer .footer-inner .footer-body .section.family-site.active .btn-family {
  background-color: rgb(151, 53, 208);
}
#footer .footer-inner .footer-body .section.family-site.active .btn-family::after {
  transform: rotate(-180deg);
}
#footer .footer-inner .footer-body .section.family-site.active .site-area {
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
}
@media (max-width: 1023px) {
  #footer .footer-inner .footer-body .section.family-site {
    position: static;
    width: 100% !important;
    height: 5.8rem;
  }
}
#footer .btn-to-top {
  position: fixed;
  bottom: 1.6rem;
  right: 6rem;
  z-index: 1;
  transition: 0.3s ease;
  opacity: 0;
  visibility: hidden;
}
#footer .btn-to-top .top-btn {
  padding: 0.8rem 1.6rem;
  border-radius: 3.2rem;
  border: 1.5px solid rgba(184, 184, 194, 0.4);
}
#footer .btn-to-top .top-btn .btn-text {
  display: block;
  text-align: center;
  color: #85858c;
  font-weight: 800;
  font-size: 1.6rem;
}
#footer .btn-to-top.active {
  visibility: visible;
  opacity: 100%;
}
#footer .btn-to-top.fixed {
  position: absolute;
  top: -6rem;
  bottom: unset;
}
@media (max-width: 1023px) {
  #footer .btn-to-top {
    right: 1.7rem;
  }
}

.data-display {
  /* common list */
  /* util list */
  /* special list */
}
.data-display.design1.case1 > .data-list .data-item .data-head + .data-body {
  margin-top: 1.6rem;
}
.data-display.design1.case1 > .data-list .data-item .data-body > .para + .para {
  margin-top: 1.6rem;
}
@media (max-width: 1023px) {
  .data-display.design1.case1 > .data-list .data-item .data-head + .data-body {
    margin-top: 1.2rem;
  }
  .data-display.design1.case1 > .data-list .data-item .data-body > .para + .para {
    margin-top: 1.2rem;
  }
}
.data-display.design1.case2 > .data-list .data-item .data-head + .data-body {
  margin-top: 2.4rem;
}
@media (max-width: 1023px) {
  .data-display.design1.case2 > .data-list .data-item .data-head + .data-body {
    margin-top: 1.6rem;
  }
}
@media (max-width: 1023px) {
  .data-display.design1.case3 > .data-list .data-item .data-head .data-subject {
    padding: 0;
  }
}
.data-display.design1.case3 > .data-list .data-item .data-head + .data-body {
  margin-top: 0.8rem;
}
.data-display.design1.case4 > .data-list > .data-item {
  margin-top: 2.4rem;
}
.data-display.design1.case4 > .data-list > .data-item > .data-head > .data-subject {
  padding: 1.2rem 0;
}
.data-display.design1.case4 > .data-list > .data-item > .data-head + .data-body {
  margin-top: 1rem;
}
@media (max-width: 1023px) {
  .data-display.design1.case4 > .data-list > .data-item {
    margin-top: 1.6rem;
  }
}
@media (max-width: 1023px) and (max-width: 1023px) {
  .data-display.design1.case4 > .data-list > .data-item > .data-head > .data-subject {
    padding: 0;
    padding-top: 1.35rem;
  }
}
.data-display.design1.case5 > .data-list > .data-item > .data-head + .data-body {
  margin-top: 0.8rem;
}
.data-display.design1.case6 > .data-list > .data-item > .data-wrap {
  display: flex;
}
.data-display.design1.case6 > .data-list > .data-item > .data-wrap > .data-head + .data-body {
  margin-top: 0;
}
.data-display.design1.case6 > .data-list > .data-item + .data-item {
  margin-top: 8rem;
}
.data-display.design1.case6 + .data-display.design1.case6 {
  margin-top: 8rem;
}
@media (max-width: 1023px) {
  .data-display.design1.case6 > .data-list > .data-item > .data-wrap {
    flex-direction: column;
  }
  .data-display.design1.case6 > .data-list > .data-item + .data-item {
    margin-top: 6rem;
  }
  .data-display.design1.case6 + .data-display.design1.case6 {
    margin-top: 4.8rem;
  }
}
.data-display.design1.case7 > .data-list > .data-item .data-head + .data-body {
  margin-top: 4rem;
}
@media (max-width: 1023px) {
  .data-display.design1.case7 > .data-list > .data-item .data-head + .data-body {
    margin-top: 2.4rem;
  }
}
@media (max-width: 1023px) {
  .data-display.design1.case8 > .data-list {
    padding: 0 2.4rem;
  }
}
.data-display.design1.case8 > .data-list > .data-item .data-wrap {
  display: flex;
  gap: 2.4rem;
}
@media (max-width: 1023px) {
  .data-display.design1.case8 > .data-list > .data-item .data-wrap {
    gap: 1.6rem;
  }
}
.data-display.design1.case8 > .data-list > .data-item .data-wrap .data-head {
  flex-shrink: 0;
  min-width: 6rem;
}
.data-display.design1.case8 > .data-list > .data-item + .data-item {
  margin-top: 0.8rem;
}
.data-display.design1.case9 > .data-list > .data-item .data-head + .data-body {
  margin-top: 6.4rem;
}
@media (max-width: 1023px) {
  .data-display.design1.case9 > .data-list > .data-item .data-head + .data-body {
    margin-top: 3.2rem;
  }
}
.data-display.design1.type1 > .data-list .data-item .data-head .data-subject {
  font-weight: 700;
  font-size: 2.4rem;
  color: rgb(21, 21, 26);
}
.data-display.design1.type1 > .data-list .data-item .data-head .data-summary {
  font-weight: 700;
  font-size: 1.8rem;
  color: rgb(21, 21, 26);
}
.data-display.design1.type1 > .data-list .data-item .data-body > .para {
  font-weight: 500;
  font-size: 1.8rem;
  color: rgb(63, 63, 70);
}
@media (max-width: 1023px) {
  .data-display.design1.type1 > .data-list .data-item .data-head .data-subject {
    font-weight: 700;
    font-size: 2rem;
  }
  .data-display.design1.type1 > .data-list .data-item .data-head .data-summary {
    font-weight: 700;
    font-size: 1.6rem;
  }
  .data-display.design1.type1 > .data-list .data-item .data-body > .para {
    font-weight: 500;
    font-size: 1.6rem;
  }
}
.data-display.design1.type2 > .data-list .data-item .data-head .data-subject {
  font-weight: 700;
  font-size: 2rem;
  color: rgb(21, 21, 26);
}
.data-display.design1.type2 > .data-list .data-item .data-body > .para {
  font-weight: 500;
  font-size: 1.8rem;
  color: rgb(63, 63, 70);
}
@media (max-width: 1023px) {
  .data-display.design1.type2 > .data-list .data-item .data-head .data-subject {
    font-weight: 700;
    font-size: 1.8rem;
  }
  .data-display.design1.type2 > .data-list .data-item .data-body > .para {
    font-weight: 500;
    font-size: 1.6rem;
  }
}
.data-display.design1.type3 > .data-list .data-item .data-head .data-subject {
  font-weight: 700;
  font-size: 1.8rem;
  color: rgb(21, 21, 26);
}
.data-display.design1.type3 > .data-list .data-item .data-body .para {
  font-weight: 500;
  font-size: 1.6rem;
  color: rgb(63, 63, 70);
}
@media (max-width: 1023px) {
  .data-display.design1.type3 > .data-list .data-item .data-head .data-subject {
    font-weight: 700;
    font-size: 1.6rem;
  }
  .data-display.design1.type3 > .data-list .data-item .data-body .para {
    font-weight: 500;
    font-size: 1.4rem;
  }
}
.data-display.design1.type4 > .data-list .data-item .data-head .data-subject {
  font-weight: 700;
  font-size: 2rem;
  color: rgb(21, 21, 26);
}
@media (max-width: 1023px) {
  .data-display.design1.type4 > .data-list .data-item .data-head .data-subject {
    font-weight: 700;
    font-size: 1.8rem;
  }
}
.data-display.design1.type4 > .data-list .data-item .data-body .para {
  font-weight: 500;
  font-size: 1.6rem;
  color: rgb(63, 63, 70);
}
@media (max-width: 1023px) {
  .data-display.design1.type4 > .data-list .data-item .data-head .data-subject {
    font-weight: 700;
    font-size: 1.8rem;
  }
  .data-display.design1.type4 > .data-list .data-item .data-body .para {
    font-weight: 500;
    font-size: 1.4rem;
  }
}
.data-display.design1.type5 > .data-list .data-item .data-head .data-subject {
  font-weight: 700;
  font-size: 1.6rem;
  color: rgb(21, 21, 26);
}
@media (max-width: 1023px) {
  .data-display.design1.type5 > .data-list .data-item .data-head .data-subject {
    font-weight: 700;
    font-size: 1.4rem;
  }
}
.data-display.design1.type6 > .data-list .data-item {
  color: rgb(255, 255, 255);
}
.data-display.design1.type6 > .data-list .data-item .data-head .data-subject {
  font-weight: 700;
  font-size: 1.8rem;
}
@media (max-width: 1023px) {
  .data-display.design1.type6 > .data-list .data-item .data-head .data-subject {
    font-weight: 700;
    font-size: 1.6rem;
  }
}
.data-display.design1.type6 > .data-list .data-item .data-body .para {
  font-weight: 500;
  font-size: 1.8rem;
}
@media (max-width: 1023px) {
  .data-display.design1.type6 > .data-list .data-item .data-body .para {
    font-weight: 500;
    font-size: 1.6rem;
  }
}
.data-display.design1.type7 > .data-list > .data-item > .data-wrap > .data-head {
  text-align: center;
}
.data-display.design1.type7 > .data-list > .data-item > .data-wrap > .data-head .data-subject {
  color: rgb(21, 21, 26);
  font-weight: 700;
  font-size: 3.2rem;
}
@media (max-width: 1023px) {
  .data-display.design1.type7 > .data-list > .data-item > .data-wrap > .data-head {
    text-align: left;
  }
  .data-display.design1.type7 > .data-list > .data-item > .data-wrap > .data-head .data-subject {
    font-weight: 700;
    font-size: 2.4rem;
  }
}
.data-display.design1.type8 > .data-list .data-item .data-head .data-subject {
  color: rgb(21, 21, 26);
  font-weight: 700;
  font-size: 2.4rem;
}
.data-display.design1.type8 > .data-list .data-item .data-body > .para {
  color: rgb(63, 63, 70);
  font-weight: 500;
  font-size: 1.6rem;
}
@media (max-width: 1023px) {
  .data-display.design1.type8 > .data-list .data-item .data-head .data-subject {
    font-weight: 700;
    font-size: 2rem;
  }
  .data-display.design1.type8 > .data-list .data-item .data-body > .para {
    font-weight: 500;
    font-size: 1.4rem;
  }
}
.data-display.design2.case1 > .data-list .data-item {
  padding: 0.8rem 1.6rem;
  border-bottom: 1px solid rgb(228, 228, 231);
}
.data-display.design2.case1 > .data-list .data-item .item-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 1023px) {
  .data-display.design2.case1 > .data-list .data-item {
    padding: 2.4rem 1.2rem;
  }
  .data-display.design2.case1 > .data-list .data-item .item-wrap {
    gap: 0.8rem;
    flex-direction: column;
    align-items: flex-start;
  }
}
.data-display.design2.case1.type1 > .data-list .data-item .item-head .item-date {
  font-weight: 500;
  font-size: 1.8rem;
  color: rgb(21, 21, 26);
}
@media (max-width: 1023px) {
  .data-display.design2.case1.type1 > .data-list .data-item .item-head .item-date {
    font-weight: 500;
    font-size: 1.6rem;
  }
}
.data-display.design2.case2 > .data-list .data-item {
  padding: 0 0 2.4rem;
  border-bottom: 1px solid rgb(228, 228, 231);
}
.data-display.design2.case2 > .data-list .data-item .item-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 1023px) {
  .data-display.design2.case2 > .data-list .data-item {
    padding: 0 0 1.6rem;
  }
}
.data-display.design2.case2.type1 > .data-list .data-item .item-head .item-date {
  font-weight: 500;
  font-size: 1.8rem;
  color: rgb(113, 113, 122);
}
@media (max-width: 1023px) {
  .data-display.design2.case2.type1 > .data-list .data-item .item-head .item-date {
    font-weight: 500;
    font-size: 1.6rem;
  }
}
.data-display.design2.case2.type2 > .data-list .data-item .item-head .item-date {
  font-weight: 400;
  font-size: 14px;
  color: rgb(113, 113, 122);
  display: flex;
  align-items: center;
  gap: 5px;
}
@media (max-width: 1023px) {
  .data-display.design2.case2.type2 > .data-list .data-item .item-head .item-date {
    font-weight: 700;
    font-size: 1.6rem;
  }
}
.data-display.design2.case3 > .data-list .data-item {
  padding: 3.2rem 0;
  border-top: 1px solid rgb(228, 228, 231);
  border-bottom: 1px solid rgb(228, 228, 231);
}
.data-display.design2.case3 > .data-list .data-item .item-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1rem;
}
.data-display.design2.case3 > .data-list .data-item .item-wrap .item-head {
  flex: 1;
}
.data-display.design2.case3 > .data-list .data-item .item-wrap .item-util .download-list {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.data-display.design2.case3 > .data-list .data-item .item-wrap .item-util .download-item + .download-item {
  margin-top: 1.6rem;
}
@media (max-width: 1023px) {
  .data-display.design2.case3 > .data-list .data-item .item-data .data-item + .data-item {
    margin-top: 1.2rem;
  }
}
.data-display.design2.case3.type1 > .data-list .data-item .item-head .item-subject {
  font-weight: 700;
  font-size: 1.8rem;
  color: rgb(63, 63, 70);
}
.data-display.design2.case3.type1 > .data-list .data-item .item-util .download-item {
  font-weight: 500;
  font-size: 1.6rem;
  color: rgb(113, 113, 122);
  text-decoration: underline;
}
@media (max-width: 1023px) {
  .data-display.design2.case3.type1 > .data-list .data-item .item-head .item-subject {
    font-weight: 700;
    font-size: 1.6rem;
  }
}
.data-display.design2.case4 > .data-list .data-item .item-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}
@media (max-width: 1023px) {
  .data-display.design2.case4 > .data-list .data-item .item-wrap {
    flex-direction: column;
    align-items: flex-start;
    gap: 2.4rem;
  }
}
.data-display.design2.case4.type1 > .data-list .data-item .item-head .item-subject {
  font-weight: 700;
  font-size: 3.2rem;
  color: rgb(21, 21, 26);
}
@media (max-width: 1023px) {
  .data-display.design2.case4.type1 > .data-list .data-item .item-head .item-subject {
    font-weight: 700;
    font-size: 2.4rem;
  }
}
.data-display.design2.case4.type2 > .data-list .data-item .item-head .item-subject {
  font-weight: 700;
  font-size: 2.4rem;
  color: rgb(21, 21, 26);
}
@media (max-width: 1023px) {
  .data-display.design2.case4.type2 > .data-list .data-item .item-head .item-subject {
    font-weight: 700;
    font-size: 2rem;
  }
}
.data-display.design2.case5 > .data-list .data-item .item-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.data-display.design2.case5 > .data-list .data-item .item-wrap .data-display + .data-display {
  margin-top: 4rem;
}
.data-display.design2.case5 > .data-list .data-item .item-wrap + .t-display {
  margin-top: 2rem;
}
.data-display.design2.case5 > .data-list .data-item + .data-item {
  margin-top: 4rem;
}
@media (max-width: 1023px) {
  .data-display.design2.case5 > .data-list .data-item .item-wrap {
    align-items: center;
    gap: 2.4rem;
  }
  .data-display.design2.case5 > .data-list .data-item .item-wrap .data-display + .data-display {
    margin-top: 3.2rem;
  }
  .data-display.design2.case5 > .data-list .data-item .item-wrap + .t-display {
    margin-top: 1.6rem;
  }
}
.data-display.design2.case5.type1 > .data-list .data-item .item-head .item-subject {
  color: rgb(21, 21, 26);
  font-weight: 700;
  font-size: 2.4rem;
}
@media (max-width: 1023px) {
  .data-display.design2.case5.type1 > .data-list .data-item .item-head .item-subject {
    font-weight: 700;
    font-size: 2rem;
  }
}
.data-display.design2.case5.type2 > .data-list .data-item .item-head .item-subject {
  color: rgb(21, 21, 26);
  font-weight: 700;
  font-size: 2rem;
}
@media (max-width: 1023px) {
  .data-display.design2.case5.type2 > .data-list .data-item .item-head .item-subject {
    font-weight: 700;
    font-size: 2rem;
  }
}
.data-display.design2.case6 > .data-list .data-item {
  padding: 0.8rem 1.6rem;
  border-bottom: 1px solid rgb(228, 228, 231);
}
.data-display.design2.case6 > .data-list .data-item .item-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 1023px) {
  .data-display.design2.case6 > .data-list .data-item {
    padding: 0.8rem 1.2rem;
  }
  .data-display.design2.case6 > .data-list .data-item .item-wrap {
    gap: 1rem;
    flex-direction: column;
    align-items: baseline;
  }
}
.data-display.design2.case6.type1 > .data-list .data-item .item-head .item-date {
  color: rgb(63, 63, 70);
  font-weight: 700;
  font-size: 1.8rem;
}
@media (max-width: 1023px) {
  .data-display.design2.case6.type1 > .data-list .data-item .item-head .item-date {
    font-weight: 700;
    font-size: 1.6rem;
  }
}
.data-display.design2.case6.type2 > .data-list .data-item .item-head .item-subject {
  color: rgb(63, 63, 70);
  font-weight: 700;
  font-size: 1.8rem;
}
@media (max-width: 1023px) {
  .data-display.design2.case6.type2 > .data-list .data-item .item-head .item-subject {
    font-weight: 700;
    font-size: 1.6rem;
  }
}
.data-display.design2.case7 > .data-list .data-item .item-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 1023px) {
  .data-display.design2.case7 > .data-list .data-item .item-wrap {
    flex-direction: column;
    align-items: flex-start;
    gap: 2.4rem;
  }
}
.data-display.design2.case7.type1 > .data-list .data-item .item-head .item-subject {
  color: rgb(21, 21, 26);
  font-weight: 700;
  font-size: 3.2rem;
}
@media (max-width: 1023px) {
  .data-display.design2.case7.type1 > .data-list .data-item .item-head .item-subject {
    font-weight: 700;
    font-size: 2.4rem;
  }
}
.data-display.design3.case1 > .data-list .data-item .data-head .data-subject::before {
  margin-right: 1.6rem;
}
@media (max-width: 1023px) {
  .data-display.design3.case1 > .data-list .data-item .data-head .data-subject::before {
    margin-right: 1.2rem;
  }
}
.data-display.design3.case1 > .data-list .data-item .data-head + .data-body {
  margin-top: 1.6rem;
}
.data-display.design3.case1 > .data-list .data-item + .data-item {
  margin-top: 6.4rem;
}
.data-display.design3.case1 .para {
  margin-top: 1.6rem;
}
@media (max-width: 1023px) {
  .data-display.design3.case1 > .data-list .data-item .data-head + .data-body {
    margin-top: 1.2rem;
  }
  .data-display.design3.case1 > .data-list .data-item + .data-item {
    margin-top: 3.2rem;
  }
  .data-display.design3.case1 .para {
    margin-top: 1.2rem;
  }
}
.data-display.design3.case2 > .data-list .data-item .data-head + .data-body {
  margin-top: 2.4rem;
}
@media (max-width: 1023px) {
  .data-display.design3.case2 > .data-list .data-item .data-head + .data-body {
    margin-top: 1.6rem;
  }
}
.data-display.design3.case2 > .data-list .data-item + .data-item {
  margin-top: 3.2rem;
}
.data-display.design3.case2 .para {
  margin-top: 0;
}
.data-display.design3.case2 .para + .para {
  margin-top: 1.6rem;
}
.data-display.design3.case2 .para + .order-list {
  margin-top: 1.6rem;
}
@media (max-width: 1023px) {
  .data-display.design3.case2 .para + .para {
    margin-top: 1.2rem;
  }
  .data-display.design3.case2 .para + .order-list {
    margin-top: 1.2rem;
  }
}
@media (max-width: 1023px) {
  .data-display.design3.case2 .para {
    margin-top: 1.6rem;
  }
}
.data-display.design3.case3 > .data-list .data-item .data-head .data-subject {
  display: flex;
}
.data-display.design3.case3 > .data-list .data-item .data-head .data-subject .tit {
  margin-left: 1.6rem;
}
.data-display.design3.case3 > .data-list .data-item .data-head + .data-body {
  margin-top: 1.6rem;
}
.data-display.design3.case3 > .data-list .data-item + .data-item {
  margin-top: 4rem;
}
@media (max-width: 1023px) {
  .data-display.design3.case3 > .data-list .data-item .data-head .data-subject .tit {
    margin-left: 1.2rem;
  }
  .data-display.design3.case3 > .data-list .data-item .data-head + .data-body {
    margin-top: 1.2rem;
  }
}
.data-display.design3.case4 > .data-list .data-item .data-head .data-subject::before {
  margin-right: 2.4rem;
}
.data-display.design3.type1 > .data-list {
  counter-reset: data-subject;
}
.data-display.design3.type1 > .data-list .data-item .data-head .data-subject {
  display: flex;
  color: rgb(21, 21, 26);
  font-weight: 700;
  font-size: 2rem;
}
.data-display.design3.type1 > .data-list .data-item .data-head .data-subject::before {
  color: rgb(109, 12, 166);
  content: counter(data-subject, decimal-leading-zero) " ";
  counter-increment: data-subject;
}
.data-display.design3.type1 > .data-list .data-item .data-body > .para {
  font-weight: 500;
  font-size: 1.8rem;
  color: rgb(63, 63, 70);
}
.data-display.design3.type1 > .data-list + .para {
  font-weight: 500;
  font-size: 1.4rem;
  color: rgb(63, 63, 70);
}
@media (max-width: 1023px) {
  .data-display.design3.type1 > .data-list .data-item .data-head .data-subject {
    font-weight: 700;
    font-size: 1.8rem;
  }
  .data-display.design3.type1 > .data-list .data-item .data-body > .para {
    font-weight: 500;
    font-size: 1.6rem;
    color: rgb(63, 63, 70);
  }
  .data-display.design3.type1 > .data-list + .para {
    font-weight: 500;
    font-size: 1.2rem;
    color: rgb(63, 63, 70);
  }
}
.data-display.design3.type2 > .data-list > .data-item .data-head .data-subject {
  font-weight: 700;
  font-size: 2rem;
  color: rgb(151, 53, 208);
}
.data-display.design3.type2 > .data-list > .data-item .data-body {
  flex-direction: column;
  counter-reset: item-counter; /* 카운터 초기화 */
}
.data-display.design3.type2 > .data-list > .data-item .data-body .para {
  font-weight: 700;
  font-size: 1.6rem;
  display: flex;
  color: rgb(63, 63, 70);
  gap: 0.5rem;
}
.data-display.design3.type2 > .data-list > .data-item .data-body .para.pop button {
  font-weight: 700;
  font-size: 1.6rem;
  width: 100%;
  text-decoration: underline;
  text-align: left !important;
}
@media (max-width: 1023px) {
  .data-display.design3.type2 > .data-list > .data-item .data-body .para {
    font-weight: 700;
    font-size: 1.4rem;
  }
  .data-display.design3.type2 > .data-list > .data-item .data-body .para.pop button {
    font-weight: 700;
    font-size: 1.4rem;
  }
}
.data-display.design3.type3 > .data-list {
  counter-reset: data-subject;
}
.data-display.design3.type3 > .data-list .data-item .data-head .data-subject {
  color: rgb(21, 21, 26);
  font-weight: 700;
  font-size: 2.4rem;
}
.data-display.design3.type3 > .data-list .data-item .data-head .data-subject::before {
  width: 3.6rem;
  color: rgb(109, 12, 166);
  text-align: center;
  content: counter(data-subject, decimal-leading-zero) " ";
  counter-increment: data-subject;
}
.data-display.design3.type3 > .data-list .data-item .data-body > .para {
  font-weight: 500;
  font-size: 1.6rem;
  color: rgb(113, 113, 122);
}
@media (max-width: 1023px) {
  .data-display.design3.type3 > .data-list .data-item .data-head .data-subject {
    font-weight: 700;
    font-size: 2rem;
  }
  .data-display.design3.type3 > .data-list .data-item .data-body > .para {
    font-weight: 500;
    font-size: 1.4rem;
  }
}
.data-display.design3.type4 > .data-list {
  counter-reset: data-subject;
}
.data-display.design3.type4 > .data-list .data-item .data-head .data-subject {
  display: flex;
  color: rgb(63, 63, 70);
  font-weight: 700;
  font-size: 1.6rem;
}
.data-display.design3.type4 > .data-list .data-item .data-head .data-subject::before {
  color: rgb(109, 12, 166);
  content: counter(data-subject, decimal-leading-zero) " ";
  counter-increment: data-subject;
  font-weight: 700;
  font-size: 1.8rem;
}
@media (max-width: 1023px) {
  .data-display.design3.type4 > .data-list .data-item .data-head .data-subject::before {
    display: inline-block;
    text-align: center;
    min-width: 2.4rem;
    font-weight: 700;
    font-size: 1.6rem;
  }
}
.data-display.design3.type4 > .data-list .data-item .data-body > .para {
  font-weight: 500;
  font-size: 1.8rem;
  color: rgb(63, 63, 70);
}
.data-display.design3.type4 > .data-list + .para {
  font-weight: 500;
  font-size: 1.4rem;
  color: rgb(63, 63, 70);
}
@media (max-width: 1023px) {
  .data-display.design3.type4 > .data-list .data-item .data-head .data-subject {
    font-weight: 700;
    font-size: 1.8rem;
  }
  .data-display.design3.type4 > .data-list .data-item .data-body > .para {
    font-weight: 500;
    font-size: 1.6rem;
    color: rgb(63, 63, 70);
  }
  .data-display.design3.type4 > .data-list + .para {
    font-weight: 500;
    font-size: 1.2rem;
    color: rgb(63, 63, 70);
  }
}
.data-display.design4 .data-item {
  border-top: 1px solid rgb(228, 228, 231);
}
.data-display.design4 .data-item .data-wrap {
  display: flex;
  align-items: stretch;
}
.data-display.design4 .data-item .data-head {
  display: flex;
  width: 23.75%;
  padding: 1.4rem 2rem;
  background-color: rgb(246, 246, 247);
  border-right: 1px solid rgb(228, 228, 231);
  flex-direction: column;
  justify-content: center;
}
.data-display.design4 .data-item .data-head .data-subject {
  font-weight: 700;
  font-size: 1.6rem;
  color: rgb(63, 63, 70);
}
.data-display.design4 .data-item .data-head .data-subject + .data-summary {
  margin-top: 0.4rem;
}
.data-display.design4 .data-item .data-head .data-summary {
  font-weight: 500;
  font-size: 1.4rem;
  color: rgb(113, 113, 122);
}
.data-display.design4 .data-item .data-body {
  display: flex;
  width: 76.25%;
  padding: 1.8rem 2rem;
  flex-direction: column;
  justify-content: center;
}
.data-display.design4 .data-item .data-body .para {
  font-weight: 700;
  font-size: 1.8rem;
  color: rgb(63, 63, 70);
}
.data-display.design4 .data-item:last-child {
  border-bottom: 1px solid rgb(228, 228, 231);
}
@media (max-width: 1023px) {
  .data-display.design4 .data-item .data-head .data-subject {
    font-weight: 700;
    font-size: 1.4rem;
  }
  .data-display.design4 .data-item .data-head .data-summary {
    font-weight: 500;
    font-size: 1.2rem;
  }
  .data-display.design4 .data-item .data-body {
    padding: 1.5rem 2.4rem;
  }
  .data-display.design4 .data-item .data-body .para {
    font-weight: 700;
    font-size: 1.6rem;
  }
}
.data-display.design5 .data-list {
  padding: 6.4rem 6.4rem;
  border: 0.1rem solid rgb(228, 228, 231);
  border-radius: 1.6rem;
}
.data-display.design5 .data-list .data-item .data-wrap .data-head .subject {
  color: rgb(21, 21, 26);
  font-weight: 700;
  font-size: 2rem;
}
.data-display.design5 .data-list .data-item .data-wrap .data-head + .data-body {
  margin-top: 1.6rem;
}
.data-display.design5 .data-list .data-item .data-wrap .data-body {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  gap: 8rem;
}
.data-display.design5 .data-list .data-item .data-wrap .data-body .para {
  max-width: 73.8rem;
  font-weight: 500;
  font-size: 1.8rem;
}
.data-display.design5 .data-list .data-item .data-wrap .data-body .order-list {
  width: 100%;
  max-width: 73.8rem;
}
.data-display.design5 .data-list .data-item + .data-item {
  margin-top: 6.4rem;
  padding-top: 4rem;
  border-top: 1px solid rgb(228, 228, 231);
}
@media (max-width: 1023px) {
  .data-display.design5 .data-list {
    padding: 3.2rem;
  }
  .data-display.design5 .data-list .data-item .data-wrap .data-head .subject {
    font-weight: 700;
    font-size: 1.8rem;
  }
  .data-display.design5 .data-list .data-item .data-wrap .data-head + .data-body {
    margin-top: 1.2rem;
  }
  .data-display.design5 .data-list .data-item .data-wrap .data-body {
    flex-direction: column;
    gap: 4.8rem;
  }
  .data-display.design5 .data-list .data-item .data-wrap .data-body .para {
    max-width: unset;
    font-weight: 500;
    font-size: 1.6rem;
  }
  .data-display.design5 .data-list .data-item .data-wrap .data-body .order-list {
    max-width: unset;
  }
  .data-display.design5 .data-list .data-item + .data-item {
    margin-top: 4.8rem;
    padding-top: 3.2rem;
  }
}
.data-display.design6.case1 .data-list {
  display: grid;
  gap: 2rem;
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 1023px) {
  .data-display.design6.case1 .data-list {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.6rem;
  }
}
.data-display.design6.case1 .data-list .data-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2.4rem 1.6rem;
  border-radius: 1.6rem;
  box-shadow: 0 1.336px 5.342px 0 rgba(0, 0, 0, 0.1);
}
@media (max-width: 1023px) {
  .data-display.design6.case1 .data-list .data-item {
    padding: 1.6rem 1.2rem;
  }
}
.data-display.design6.case1 .data-list .data-item .item-figure {
  width: 7.2rem;
  height: 7.2rem;
}
@media (max-width: 1023px) {
  .data-display.design6.case1 .data-list .data-item .item-figure {
    width: 6.4rem;
    height: 6.4rem;
  }
}
.data-display.design6.case1 .data-list .data-item .item-figure img {
  width: 100%;
}
.data-display.design6.case1 .data-list .data-item .item-figure + .item-body {
  margin-top: 1.6rem;
}
@media (max-width: 1023px) {
  .data-display.design6.case1 .data-list .data-item .item-figure + .item-body {
    margin-top: 1.2rem;
  }
}
.data-display.design6.case1 .data-list .data-item .item-body .para {
  text-align: center;
  font-size: 1.6rem;
  font-weight: 700;
  color: #15151a;
}
@media (max-width: 1023px) {
  .data-display.design6.case1 .data-list .data-item .item-body .para {
    font-size: 1.4rem;
  }
}
.data-display.roadmap {
  position: relative;
}
.data-display.roadmap::after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background: url("../images/roadmap-bg.png");
  content: "";
  padding-bottom: 17.5%;
  background-size: cover;
  z-index: -1;
}
.data-display.roadmap > .data-list > .data-item .data-head {
  display: flex;
  position: relative;
  height: 0;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  padding-bottom: 54.4%;
}
.data-display.roadmap > .data-list > .data-item .data-head .data-head-area {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
}
@media (max-width: 1023px) {
  .data-display.roadmap > .data-list::after {
    display: none;
  }
  .data-display.roadmap > .data-list > .data-list {
    flex-direction: column;
    gap: 2rem;
  }
  .data-display.roadmap > .data-list > .data-list > .data-item {
    padding: 0;
  }
  .data-display.roadmap > .data-list > .data-list > .data-item .data-head {
    padding: 2.4rem;
    background: linear-gradient(180deg, rgba(151, 53, 208, 0.6) 0%, rgba(109, 12, 166, 0.9) 100%);
    border-radius: 0.8rem;
  }
}
.data-display.roadmap.case1 > .data-list {
  display: flex;
  gap: 2rem;
}
.data-display.roadmap.case1 > .data-list > .data-item {
  width: 35.92%;
}
.data-display.roadmap.case1 > .data-list > .data-item .data-head + .data-body {
  padding: 0 2.4rem;
  margin-top: 4rem;
}
.data-display.roadmap.case1 > .data-list > .data-item .data-head + .data-body .para {
  margin-bottom: 1.6rem;
}
@media (max-width: 1023px) {
  .data-display.roadmap.case1 > .data-list > .data-item .data-head + .data-body .para {
    margin-bottom: 1.2rem;
    margin-top: 1.6rem;
  }
}
.data-display.roadmap.case1 > .data-list > .data-item .data-head + .data-body .bullet-display + .para {
  margin-top: 3.2rem;
}
.data-display.roadmap.case1 > .data-list > .data-item .data-head + .data-body .bullet-display + .comment {
  margin-top: 1.6rem;
}
@media (max-width: 1023px) {
  .data-display.roadmap.case1 > .data-list > .data-item .data-head + .data-body .bullet-display + .para {
    margin-top: 1.2rem;
  }
  .data-display.roadmap.case1 > .data-list > .data-item .data-head + .data-body .bullet-display + .comment {
    margin-top: 1.2rem;
  }
}
.data-display.roadmap.case1 > .data-list > .data-item .data-body .cate-wrap + .cate-wrap {
  margin-top: 8rem;
}
.data-display.roadmap.case1 > .data-list > .data-item + .data-item {
  margin-top: 0 !important;
}
@media (max-width: 1023px) {
  .data-display.roadmap.case1::after {
    display: none;
  }
  .data-display.roadmap.case1 > .data-list {
    flex-direction: column;
    gap: 3.2rem;
  }
  .data-display.roadmap.case1 > .data-list > .data-item {
    width: 100%;
    padding: 0;
  }
  .data-display.roadmap.case1 > .data-list > .data-item .data-head {
    height: auto;
    padding: 2.4rem;
    background: linear-gradient(180deg, rgba(151, 53, 208, 0.6) 0%, rgba(109, 12, 166, 0.9) 100%);
    border-radius: 0.8rem;
  }
  .data-display.roadmap.case1 > .data-list > .data-item .data-head .data-head-area {
    position: relative;
    top: unset;
    left: unset;
    transform: unset;
  }
  .data-display.roadmap.case1 > .data-list > .data-item .data-head + .data-body {
    padding: unset;
    margin-top: 2.4rem;
  }
  .data-display.roadmap.case1 > .data-list > .data-item .data-head + .data-body.tab2 {
    margin-top: 2.4rem;
  }
  .data-display.roadmap.case1 > .data-list > .data-item + .data-item {
    margin-top: 3.2rem;
  }
}
.data-display.roadmap.case2 > .data-list {
  display: flex;
  gap: 2rem;
}
.data-display.roadmap.case2 > .data-list > .data-item {
  width: 35.92%;
}
.data-display.roadmap.case2 > .data-list > .data-item .data-head + .data-body {
  padding: 0 2.4rem;
  margin-top: 3.2rem;
}
.data-display.roadmap.case2 > .data-list > .data-item .data-head + .data-body .para {
  margin-bottom: 1.6rem;
}
@media (max-width: 1023px) {
  .data-display.roadmap.case2 > .data-list > .data-item .data-head + .data-body .para {
    margin-bottom: 0.4rem;
  }
}
.data-display.roadmap.case2 > .data-list > .data-item .data-head + .data-body .bullet-display + .para {
  margin-top: 3.2rem;
}
.data-display.roadmap.case2 > .data-list > .data-item .data-head + .data-body .bullet-display + .comment {
  margin-top: 1.6rem;
}
@media (max-width: 1023px) {
  .data-display.roadmap.case2 > .data-list > .data-item .data-head + .data-body .bullet-display + .para {
    margin-top: 1.2rem;
  }
  .data-display.roadmap.case2 > .data-list > .data-item .data-head + .data-body .bullet-display + .comment {
    margin-top: 1.2rem;
  }
}
.data-display.roadmap.case2 > .data-list > .data-item + .data-item {
  margin-top: 0 !important;
}
@media (max-width: 1023px) {
  .data-display.roadmap.case2::after {
    display: none;
  }
  .data-display.roadmap.case2 > .data-list {
    flex-direction: column;
    gap: 3.2rem;
  }
  .data-display.roadmap.case2 > .data-list > .data-item {
    width: 100%;
    padding: 0;
  }
  .data-display.roadmap.case2 > .data-list > .data-item .data-head {
    height: auto;
    padding: 2.4rem;
    background: linear-gradient(180deg, rgba(151, 53, 208, 0.6) 0%, rgba(109, 12, 166, 0.9) 100%);
    padding-bottom: unset;
    border-radius: 0.8rem;
  }
  .data-display.roadmap.case2 > .data-list > .data-item .data-head .data-head-area {
    position: relative;
    top: unset;
    left: unset;
    transform: unset;
  }
  .data-display.roadmap.case2 > .data-list > .data-item .data-head + .data-body {
    padding: unset;
    margin-top: 2.4rem;
  }
  .data-display.roadmap.case2 > .data-list > .data-item .data-head + .data-body.tab2 {
    margin-top: 2.4rem;
  }
  .data-display.roadmap.case2 > .data-list > .data-item + .data-item {
    margin-top: 3.2rem;
  }
}
.data-display.roadmap.type1 > .data-list > .data-item .data-head .data-subject {
  font-weight: 700;
  font-size: 4.8rem;
  color: rgb(255, 255, 255);
}
.data-display.roadmap.type1 > .data-list > .data-item .data-head .data-subject + .para {
  font-weight: 700;
  font-size: 1.8rem;
  color: rgb(255, 255, 255);
}
.data-display.roadmap.type1 > .data-list > .data-item .data-head + .data-body .para {
  font-weight: 700;
  font-size: 2rem;
  color: rgb(151, 53, 208);
}
@media (max-width: 1023px) {
  .data-display.roadmap.type1 > .data-list > .data-item .data-head + .data-body .para {
    font-weight: 700;
    font-size: 1.8rem;
  }
}
@media (max-width: 1023px) {
  .data-display.roadmap.type1::after {
    display: none;
  }
  .data-display.roadmap.type1 > .data-list > .data-item {
    padding: 0;
  }
  .data-display.roadmap.type1 > .data-list > .data-item .data-head .data-subject {
    font-weight: 700;
    font-size: 3.2rem;
  }
  .data-display.roadmap.type1 > .data-list > .data-item .data-head .data-subject + .para {
    font-weight: 700;
    font-size: 1.6rem;
  }
}
.data-display.roadmap.ethical > .data-list {
  display: flex;
}
.data-display.roadmap.ethical > .data-list > .data-item {
  flex: 1;
}
.data-display.roadmap.ethical > .data-list > .data-item > .data-head {
  height: auto;
  padding: 3.75rem 0;
}
.data-display.roadmap.ethical > .data-list > .data-item > .data-head .data-subject {
  color: rgb(255, 255, 255);
  font-weight: 800;
  font-size: 4.8rem;
}
.data-display.roadmap.ethical > .data-list > .data-item > .data-head .para {
  color: rgb(255, 255, 255);
  font-weight: 700;
  font-size: 1.8rem;
}
.data-display.roadmap.ethical > .data-list > .data-item > .data-head + .data-body {
  margin-top: 7.2rem;
}
.data-display.roadmap.ethical > .data-list > .data-item > .data-body {
  padding: 0 2.4rem;
}
.data-display.roadmap.ethical > .data-list > .data-item > .data-body .data-content .cate-title {
  display: block;
  color: rgb(151, 53, 208);
  font-weight: 700;
  font-size: 2rem;
}
.data-display.roadmap.ethical > .data-list > .data-item > .data-body .data-content .cate-title + .bullet-display {
  padding-top: 1.6rem;
}
.data-display.roadmap.ethical > .data-list > .data-item > .data-body .data-content .bullet-display {
  min-height: 10.4rem;
}
.data-display.roadmap.ethical > .data-list > .data-item > .data-body .data-content + .data-content {
  margin-top: 5.6rem;
}
.data-display.roadmap.ethical > .data-list > .data-item:first-child > .data-body {
  margin-top: 4rem;
}
.data-display.roadmap.ethical > .data-list > .data-item:first-child > .data-body .data-content + .data-content {
  margin-top: 2.4rem;
}
.data-display.business-overview {
  min-height: 72rem;
  padding-top: 6.4rem;
  padding-left: 49.16%;
  background-repeat: no-repeat;
  background-size: 49.16%;
}
.data-display.business-overview .data-head,
.data-display.business-overview .data-body,
.data-display.business-overview .data-aside {
  margin-left: 6.4rem;
}
.data-display.business-overview .data-head .data-name {
  font-weight: 700;
  font-size: 2.4rem;
}
.data-display.business-overview .data-head + .data-body {
  margin-top: 2.4rem;
}
.data-display.business-overview .data-head ~ .data-aside {
  margin-top: 6.4rem;
}
.data-display.business-overview .data-body .para {
  font-weight: 500;
  font-size: 1.8rem;
}
.data-display.business-overview .data-body .para + .para,
.data-display.business-overview .data-body .para + .comment {
  padding-top: 1.6rem;
}
@media (max-width: 1023px) {
  .data-display.business-overview {
    min-height: unset;
    padding-top: 44.8rem;
    padding-left: 0;
    background-size: auto;
    background-position: center top;
  }
  .data-display.business-overview .data-head,
  .data-display.business-overview .data-body,
  .data-display.business-overview .data-aside {
    margin-left: 0;
  }
  .data-display.business-overview .data-head .data-name {
    font-weight: 700;
    font-size: 2rem;
  }
  .data-display.business-overview .data-head + .data-body {
    margin-top: 1.6rem;
  }
  .data-display.business-overview .data-head ~ .data-aside {
    margin-top: 3.2rem;
  }
  .data-display.business-overview .data-body .para {
    font-weight: 500;
    font-size: 1.6rem;
  }
  .data-display.business-overview .data-body .para + .para,
  .data-display.business-overview .data-body .para + .comment {
    padding-top: 1.2rem;
  }
  .data-display.business-overview .data-aside .data-list .data-item {
    padding-left: 6.4rem;
  }
  .data-display.business-overview .data-aside .data-list .data-item .data-name {
    font-weight: 700;
    font-size: 1.4rem;
  }
  .data-display.business-overview .data-aside .data-list .data-item .data-name + .para {
    padding-top: 1.2rem;
  }
  .data-display.business-overview .data-aside .data-list .data-item .para {
    font-weight: 500;
    font-size: 1.2rem;
  }
  .data-display.business-overview .data-aside .data-list .data-item + .data-item {
    margin-top: 2.4rem;
  }
}
.data-display.business-network {
  display: flex;
  width: 100%;
  padding: 0 1.8rem;
  margin: 0 auto;
  max-width: 123.6rem;
}
.data-display.business-network .contents-item + .contents-item {
  margin-top: 6.4rem;
}
@media (max-width: 1023px) {
  .data-display.business-network .contents-item + .contents-item {
    margin-top: 3.2rem;
  }
}
@media (max-width: 1023px) {
  .data-display.business-network.case2 > .data-head .data-name {
    font-size: 3.2rem;
  }
}
@media (max-width: 1023px) {
  .data-display.business-network.case2 > .data-head + .data-body {
    margin-top: 2.4rem;
  }
}
.data-display.business-network > .data-head {
  min-width: 34.3rem;
  flex-shrink: 0;
}
.data-display.business-network > .data-head .data-name {
  display: inline-block;
  position: sticky;
  top: 8rem;
  color: rgb(21, 21, 26);
  font-weight: 700;
  font-size: 4.8rem;
}
.data-display.business-network > .data-head + .data-body {
  margin-left: 6.4rem;
}
.data-display.business-network > .data-body > .data-list > .data-item {
  background-repeat: no-repeat;
  background-position: top center;
}
.data-display.business-network > .data-body > .data-list > .data-item .contents .contents-name {
  font-weight: 700;
  font-size: 3.2rem;
}
.data-display.business-network > .data-body > .data-list > .data-item .contents .contents-name + .para {
  padding-top: 2.4rem;
}
.data-display.business-network > .data-body > .data-list > .data-item .contents .contents-name.type1 {
  color: rgb(109, 12, 166);
}
.data-display.business-network > .data-body > .data-list > .data-item .contents .contents-name.type2 {
  color: rgb(21, 21, 26);
}
.data-display.business-network > .data-body > .data-list > .data-item .contents .para {
  color: rgb(63, 63, 70);
  font-weight: 500;
  font-size: 1.8rem;
}
.data-display.business-network > .data-body > .data-list > .data-item .contents .para + .para,
.data-display.business-network > .data-body > .data-list > .data-item .contents .para + .note {
  padding-top: 1.6rem;
}
.data-display.business-network > .data-body > .data-list > .data-item .contents .comment {
  display: inline-block;
  margin-top: 1.6rem;
}
.data-display.business-network > .data-body > .data-list > .data-item .contents .note {
  display: inline-block;
  color: rgb(63, 63, 70);
  font-weight: 500;
  font-size: 1.4rem;
}
.data-display.business-network > .data-body > .data-list > .data-item .contents ~ .contents-figure {
  padding-top: 6.4rem;
}
.data-display.business-network > .data-body > .data-list > .data-item .contents ~ .contents-aside {
  padding-top: 16rem;
}
.data-display.business-network > .data-body > .data-list > .data-item .contents ~ .contents-util {
  padding-top: 8rem;
}
.data-display.business-network > .data-body > .data-list > .data-item .contents-util {
  font-size: 0;
}
@media (min-width: 1024px) {
  .data-display.business-network > .data-body > .data-list > .data-item .contents-util .btn + .btn {
    margin-left: 1.6rem;
  }
}
.data-display.business-network > .data-body > .data-list > .data-item .contents-figure {
  width: 100%;
}
.data-display.business-network > .data-body > .data-list > .data-item .contents-figure picture {
  display: block;
  height: 100%;
}
.data-display.business-network > .data-body > .data-list > .data-item .contents-figure img {
  width: 100%;
}
.data-display.business-network > .data-body > .data-list > .data-item[class*="back-"] {
  position: relative;
  padding-top: 42rem;
}
.data-display.business-network > .data-body > .data-list > .data-item[class*="back-"].back-hicosystem::after {
  background: url("../images/thumb-02-pc.jpg") no-repeat center/cover;
}
.data-display.business-network > .data-body > .data-list > .data-item[class*="back-"].back-wholesale::after {
  background: url("../images/thumb-04-pc.jpg") no-repeat center/cover;
}
.data-display.business-network > .data-body > .data-list > .data-item[class*="back-"].back-logiService::after {
  background: url("../images/thumb-05-pc.jpg") no-repeat center/cover;
}
.data-display.business-network > .data-body > .data-list > .data-item[class*="back-"].back-dist::after {
  background: url("../images/thumb-06-pc.jpg") no-repeat center/cover;
}
.data-display.business-network > .data-body > .data-list > .data-item[class*="back-"].back-subsidiary::after {
  background: url("../images/thumb-07-pc.jpg") no-repeat center/cover;
}
.data-display.business-network > .data-body > .data-list > .data-item[class*="back-"].back-grand::after {
  background: url("../images/thumb-09-pc.jpg") no-repeat center/cover;
}
.data-display.business-network > .data-body > .data-list > .data-item[class*="back-"].back-vista::after {
  background: url("../images/thumb-10-pc.jpg") no-repeat center/cover;
}
.data-display.business-network > .data-body > .data-list > .data-item[class*="back-"].back-douglas::after {
  background: url("../images/thumb-11-pc.jpg") no-repeat center/cover;
}
.data-display.business-network > .data-body > .data-list > .data-item[class*="back-"].back-outside::after {
  background: url("../images/thumb-12-pc.jpg") no-repeat center/cover;
}
.data-display.business-network > .data-body > .data-list > .data-item[class*="back-"].back-wellness::after,
.data-display.business-network > .data-body > .data-list > .data-item[class*="back-"].back-rental::after {
  background: url("../images/thumb-14-pc.jpg") no-repeat center/cover;
}
.data-display.business-network > .data-body > .data-list > .data-item[class*="back-"].back-namuh::after {
  background: url("../images/thumb-15-pc.jpg") no-repeat center/cover;
}
.data-display.business-network > .data-body > .data-list > .data-item[class*="back-"].back-pers::after {
  background: url("../images/thumb-16-pc.png") no-repeat center/cover;
}
.data-display.business-network > .data-body > .data-list > .data-item[class*="back-"].back-corp::after {
  background: url("../images/thumb-17-pc.png") no-repeat center/cover;
}
.data-display.business-network > .data-body > .data-list > .data-item[class*="back-"].back-shortTerm::after {
  background: url("../images/thumb-18-pc.png") no-repeat center/cover;
}
.data-display.business-network > .data-body > .data-list > .data-item[class*="back-"].back-carLife::after {
  background: url("../images/thumb-19-pc.png") no-repeat center/cover;
}
.data-display.business-network > .data-body > .data-list > .data-item[class*="back-"].back-acs::after {
  background: url("../images/thumb-21-pc.jpg") no-repeat center/cover;
}
.data-display.business-network > .data-body > .data-list > .data-item[class*="back-"].back-adm::after {
  background: url("../images/thumb-22-pc.jpg") no-repeat center/cover;
}
.data-display.business-network > .data-body > .data-list > .data-item[class*="back-"].back-maintenance::after {
  background: url("../images/thumb-24-pc.jpg") no-repeat center/cover;
}
.data-display.business-network > .data-body > .data-list > .data-item[class*="back-"].back-distparts::after {
  background: url("../images/thumb-25-pc.jpg") no-repeat center/cover;
}
.data-display.business-network > .data-body > .data-list > .data-item[class*="back-"].back-ers::after {
  background: url("../images/thumb-26-pc.jpg") no-repeat center/cover;
}
.data-display.business-network > .data-body > .data-list > .data-item[class*="back-"].back-cartini::after {
  background: url("../images/thumb-27-pc.png") no-repeat center/cover;
}
.data-display.business-network > .data-body > .data-list > .data-item[class*="back-"].back-socialValues::after {
  background: url("../images/thumb-30-pc.jpg") no-repeat center/cover;
}
.data-display.business-network > .data-body > .data-list > .data-item[class*="back-"].back-dataConsulting::after {
  background: url("../images/thumb-33-pc.jpg") no-repeat center/cover;
}
.data-display.business-network > .data-body > .data-list > .data-item[class*="back-"].back-dataware::after {
  background: url("../images/thumb-34-pc.jpg") no-repeat center/cover;
}
.data-display.business-network > .data-body > .data-list > .data-item[class*="back-"].back-playData::after {
  background: url("../images/thumb-35-pc.jpg") no-repeat center/cover;
}
.data-display.business-network > .data-body > .data-list > .data-item[class*="back-"].back-mintitBusi::after {
  background: url("../images/thumb-36-pc.jpg") no-repeat center/cover;
}
.data-display.business-network > .data-body > .data-list > .data-item[class*="back-"]::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 34rem;
  content: "";
  clip-path: inset(0% 0% 0% 0% round 1.6rem);
}
.data-display.business-network > .data-body > .data-list > .data-item + .data-item {
  margin-top: 16rem;
}
@media (max-width: 1023px) {
  .data-display.business-network {
    flex-direction: column;
  }
  .data-display.business-network > .data-head .data-name {
    font-weight: 700;
    font-size: 4rem;
  }
  .data-display.business-network > .data-head + .data-body {
    margin-top: 3.2rem;
    margin-left: 0;
  }
  .data-display.business-network > .data-body > .data-list > .data-item .contents .contents-name {
    font-weight: 700;
    font-size: 2.4rem;
  }
  .data-display.business-network > .data-body > .data-list > .data-item .contents .contents-name + .para {
    padding-top: 1.6rem;
  }
  .data-display.business-network > .data-body > .data-list > .data-item .contents .para {
    font-weight: 500;
    font-size: 1.6rem;
  }
  .data-display.business-network > .data-body > .data-list > .data-item .contents .para + .para,
  .data-display.business-network > .data-body > .data-list > .data-item .contents .para + .note {
    padding-top: 1.2rem;
  }
  .data-display.business-network > .data-body > .data-list > .data-item .contents .comment {
    margin-top: 1.2rem;
  }
  .data-display.business-network > .data-body > .data-list > .data-item .contents ~ .contents-figure {
    padding-top: 3.2rem;
  }
  .data-display.business-network > .data-body > .data-list > .data-item .contents ~ .contents-aside {
    padding-top: 8rem;
  }
  .data-display.business-network > .data-body > .data-list > .data-item .contents ~ .contents-util {
    padding-top: 4.8rem;
  }
  .data-display.business-network > .data-body > .data-list > .data-item .contents-util .btn + .btn {
    margin-top: 1.2rem;
  }
  .data-display.business-network > .data-body > .data-list > .data-item[class*="back-"] {
    padding-top: 32.8rem;
  }
  .data-display.business-network > .data-body > .data-list > .data-item[class*="back-"]::after {
    height: 28rem;
  }
  .data-display.business-network > .data-body > .data-list > .data-item[class*="back-"].back-hicosystem::after {
    background: url("../images/thumb-02-mo.jpg") no-repeat center/cover;
    clip-path: inset(0% 0% 0% 0% round 0.8rem);
  }
  .data-display.business-network > .data-body > .data-list > .data-item[class*="back-"].back-wholesale::after {
    background: url("../images/thumb-04-mo.jpg") no-repeat center/cover;
    clip-path: inset(0% 0% 0% 0% round 0.8rem);
  }
  .data-display.business-network > .data-body > .data-list > .data-item[class*="back-"].back-logiService::after {
    background: url("../images/thumb-05-mo.jpg") no-repeat center/cover;
    clip-path: inset(0% 0% 0% 0% round 0.8rem);
  }
  .data-display.business-network > .data-body > .data-list > .data-item[class*="back-"].back-dist::after {
    background: url("../images/thumb-06-mo.jpg") no-repeat center/cover;
    clip-path: inset(0% 0% 0% 0% round 0.8rem);
  }
  .data-display.business-network > .data-body > .data-list > .data-item[class*="back-"].back-subsidiary::after {
    background: url("../images/thumb-07-mo.jpg") no-repeat center/cover;
    clip-path: inset(0% 0% 0% 0% round 0.8rem);
  }
  .data-display.business-network > .data-body > .data-list > .data-item[class*="back-"].back-grand::after {
    background: url("../images/thumb-09-mo.jpg") no-repeat center/cover;
    clip-path: inset(0% 0% 0% 0% round 0.8rem);
  }
  .data-display.business-network > .data-body > .data-list > .data-item[class*="back-"].back-vista::after {
    background: url("../images/thumb-10-mo.jpg") no-repeat center/cover;
    clip-path: inset(0% 0% 0% 0% round 0.8rem);
  }
  .data-display.business-network > .data-body > .data-list > .data-item[class*="back-"].back-douglas::after {
    background: url("../images/thumb-11-mo.jpg") no-repeat center/cover;
    clip-path: inset(0% 0% 0% 0% round 0.8rem);
  }
  .data-display.business-network > .data-body > .data-list > .data-item[class*="back-"].back-outside::after {
    background: url("../images/thumb-12-mo.jpg") no-repeat center/cover;
    clip-path: inset(0% 0% 0% 0% round 0.8rem);
  }
  .data-display.business-network > .data-body > .data-list > .data-item[class*="back-"].back-wellness::after,
  .data-display.business-network > .data-body > .data-list > .data-item[class*="back-"].back-rental::after {
    background: url("../images/thumb-14-mo.jpg") no-repeat center/cover;
    clip-path: inset(0% 0% 0% 0% round 0.8rem);
  }
  .data-display.business-network > .data-body > .data-list > .data-item[class*="back-"].back-namuh::after {
    background: url("../images/thumb-15-mo.jpg") no-repeat center/cover;
    clip-path: inset(0% 0% 0% 0% round 0.8rem);
  }
  .data-display.business-network > .data-body > .data-list > .data-item[class*="back-"].back-pers::after {
    background: url("../images/thumb-16-mo.jpg") no-repeat center/cover;
    clip-path: inset(0% 0% 0% 0% round 0.8rem);
  }
  .data-display.business-network > .data-body > .data-list > .data-item[class*="back-"].back-corp::after {
    background: url("../images/thumb-17-mo.jpg") no-repeat center/cover;
    clip-path: inset(0% 0% 0% 0% round 0.8rem);
  }
  .data-display.business-network > .data-body > .data-list > .data-item[class*="back-"].back-shortTerm::after {
    background: url("../images/thumb-18-mo.jpg") no-repeat center/cover;
    clip-path: inset(0% 0% 0% 0% round 0.8rem);
  }
  .data-display.business-network > .data-body > .data-list > .data-item[class*="back-"].back-carLife::after {
    background: url("../images/thumb-19-mo.jpg") no-repeat center/cover;
    clip-path: inset(0% 0% 0% 0% round 0.8rem);
  }
  .data-display.business-network > .data-body > .data-list > .data-item[class*="back-"].back-acs::after {
    background: url("../images/thumb-21-mo.jpg") no-repeat center/cover;
    clip-path: inset(0% 0% 0% 0% round 0.8rem);
  }
  .data-display.business-network > .data-body > .data-list > .data-item[class*="back-"].back-adm::after {
    background: url("../images/thumb-22-mo.jpg") no-repeat center/cover;
    clip-path: inset(0% 0% 0% 0% round 0.8rem);
  }
  .data-display.business-network > .data-body > .data-list > .data-item[class*="back-"].back-maintenance::after {
    background: url("../images/thumb-24-mo.jpg") no-repeat center/cover;
    clip-path: inset(0% 0% 0% 0% round 0.8rem);
  }
  .data-display.business-network > .data-body > .data-list > .data-item[class*="back-"].back-distparts::after {
    background: url("../images/thumb-25-mo.jpg") no-repeat center/cover;
    clip-path: inset(0% 0% 0% 0% round 0.8rem);
  }
  .data-display.business-network > .data-body > .data-list > .data-item[class*="back-"].back-ers::after {
    background: url("../images/thumb-26-mo.jpg") no-repeat center/cover;
    clip-path: inset(0% 0% 0% 0% round 0.8rem);
  }
  .data-display.business-network > .data-body > .data-list > .data-item[class*="back-"].back-cartini::after {
    background: url("../images/thumb-27-mo.jpg") no-repeat center/cover;
    clip-path: inset(0% 0% 0% 0% round 0.8rem);
  }
  .data-display.business-network > .data-body > .data-list > .data-item[class*="back-"].back-socialValues::after {
    background: url("../images/thumb-30-mo.jpg") no-repeat center/cover;
    clip-path: inset(0% 0% 0% 0% round 0.8rem);
  }
  .data-display.business-network > .data-body > .data-list > .data-item[class*="back-"].back-dataConsulting::after {
    background: url("../images/thumb-33-mo.jpg") no-repeat center/cover;
    clip-path: inset(0% 0% 0% 0% round 0.8rem);
  }
}
@media (max-width: 1023px) and (max-width: 1023px) {
  .data-display.business-network > .data-body > .data-list > .data-item[class*="back-"].back-dataware .contents-figure {
    margin: 0 auto;
    max-width: 19.2rem;
  }
}
@media (max-width: 1023px) {
  .data-display.business-network > .data-body > .data-list > .data-item[class*="back-"].back-dataware::after {
    background: url("../images/thumb-34-mo.jpg") no-repeat center/cover;
    clip-path: inset(0% 0% 0% 0% round 0.8rem);
  }
  .data-display.business-network > .data-body > .data-list > .data-item[class*="back-"].back-playData::after {
    background: url("../images/thumb-35-mo.jpg") no-repeat center/cover;
    clip-path: inset(0% 0% 0% 0% round 0.8rem);
  }
  .data-display.business-network > .data-body > .data-list > .data-item[class*="back-"].back-mintitBusi::after {
    background: url("../images/thumb-36-mo.jpg") no-repeat center/cover;
    clip-path: inset(0% 0% 0% 0% round 0.8rem);
  }
  .data-display.business-network > .data-body > .data-list > .data-item + .data-item {
    margin-top: 8rem;
  }
}
.data-display.investment .data-list {
  display: flex;
}
.data-display.investment .data-list .data-item {
  text-align: center;
  flex: 1;
  background-color: rgb(255, 255, 255);
  box-shadow: 0 0.1336rem 0.5342rem 0 rgba(0, 0, 0, 0.1);
  border-radius: 1.6rem;
}
.data-display.investment .data-list .data-item .data-head {
  display: block;
}
.data-display.investment .data-list .data-item .data-head .data-name {
  display: inline-block;
  color: rgb(21, 21, 26);
}
@media (min-width: 1024px) {
  .data-display.investment .data-list .data-item .data-head .data-name {
    font-weight: 700;
    font-size: 2.4rem;
  }
}
@media (max-width: 1023px) {
  .data-display.investment .data-list .data-item .data-head .data-name {
    font-weight: 700;
    font-size: 2rem;
  }
}
.data-display.investment .data-list .data-item .data-body {
  display: block;
  color: rgb(63, 63, 70);
}
.data-display.investment .data-list .data-item .data-body .accent {
  color: rgb(151, 53, 208);
  font-weight: 700;
  font-size: 4.8rem;
}
@media (min-width: 1024px) {
  .data-display.investment .data-list .data-item .data-body .accent {
    padding-right: 1.1rem;
  }
  .en .data-display.investment .data-list .data-item .data-body .accent {
    padding-right: 0;
  }
}
@media (max-width: 1023px) {
  .data-display.investment .data-list .data-item .data-body .accent {
    padding-right: 0.7rem;
  }
  .en .data-display.investment .data-list .data-item .data-body .accent {
    padding-right: 0;
  }
}
@media (min-width: 1024px) {
  .data-display.investment .data-list .data-item .data-body {
    font-weight: 700;
    font-size: 3.2rem;
  }
}
.data-display.investment .data-list .data-item.active {
  background-color: rgb(151, 53, 208);
}
.data-display.investment .data-list .data-item.active .data-head .data-name {
  color: rgb(255, 255, 255);
}
.data-display.investment .data-list .data-item.active .data-body,
.data-display.investment .data-list .data-item.active .data-body .accent {
  color: rgb(255, 255, 255);
}
@media (min-width: 1024px) {
  .data-display.investment .data-list .data-item {
    padding: 0 4rem;
    min-height: 22rem;
  }
  .data-display.investment .data-list .data-item + .data-item {
    margin-left: 2rem;
  }
}
@media (max-width: 1023px) {
  .data-display.investment .data-list .data-item + .data-item {
    margin-top: 1.2rem;
  }
}
.data-display.investment .data-list ~ .data-aside {
  padding-top: 1.6rem;
}
.data-display.investment + .portfolio {
  margin-top: 16rem;
}
@media (max-width: 1023px) {
  .data-display.investment .data-list {
    flex-direction: column;
  }
  .data-display.investment .data-list .data-item {
    padding: 3.2rem 2.4rem;
    border-radius: 0.8rem;
  }
  .data-display.investment .data-list .data-item .data-head + .data-body {
    padding-top: 0.4rem;
  }
}
@media (max-width: 1023px) and (min-width: 1024px) {
  .data-display.investment .data-list .data-item .data-body {
    font-weight: 700;
    font-size: 3.2rem;
  }
}
@media (max-width: 1023px) and (max-width: 1023px) {
  .data-display.investment .data-list .data-item .data-body {
    font-weight: 700;
    font-size: 2.4rem;
  }
}
@media (max-width: 1023px) {
  .data-display.investment .data-list ~ .data-aside {
    padding-top: 1.2rem;
  }
  .data-display.investment + .portfolio {
    margin-top: 8rem;
  }
}
.data-display.portfolio {
  padding: 0 1.8rem;
  margin: 0 auto;
  max-width: 123.6rem;
}
@media (min-width: 1024px) {
  .data-display.portfolio .data-util ~ .data-body {
    margin-top: 4rem;
  }
}
@media (max-width: 1023px) {
  .data-display.portfolio .data-util ~ .data-body {
    margin-top: 2.4rem;
  }
}
.data-display.portfolio .data-body {
  border-top: 0.1rem solid rgb(228, 228, 231);
}
.data-display.portfolio .data-body .data-item {
  display: flex;
  padding: 6.4rem 0;
  align-items: center;
  border-bottom: 0.1rem solid rgb(228, 228, 231);
}
.data-display.portfolio .data-body .data-item .portfolio-figure {
  position: relative;
  width: 30rem;
  border: 0.4rem solid rgba(151, 53, 208, 0);
  flex-shrink: 0;
  border-radius: 1.6rem;
  min-height: 20.5rem;
  transition: border 0.3s ease;
}
.data-display.portfolio .data-body .data-item .portfolio-figure > img {
  position: absolute;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
}
.data-display.portfolio .data-body .data-item .portfolio-figure + .portfolio-info {
  margin-left: 8rem;
}
.data-display.portfolio .data-body .data-item .portfolio-figure::after {
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  width: 3.2rem;
  height: 3.2rem;
  content: "";
  background-image: url("data:image/svg+xml,%0A%3Csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.45703 0C1.04282 0 0.707031 0.335787 0.707031 0.75C0.707031 1.16421 1.04282 1.5 1.45703 1.5H8.13372L0.21967 9.41405C-0.0732233 9.70694 -0.0732233 10.1818 0.21967 10.4747C0.512563 10.7676 0.987437 10.7676 1.28033 10.4747L9.19231 2.56273V9.23528C9.19231 9.6495 9.5281 9.98528 9.94231 9.98528C10.3565 9.98528 10.6923 9.6495 10.6923 9.23528V0H1.45703Z' fill='rgb(151,53,208)'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.5rem;
  transform: translate(-1rem, 1rem);
  opacity: 0;
  transition: 0.3s ease;
}
@media (min-width: 1024px) {
  .data-display.portfolio .data-body .data-item .portfolio-figure:hover {
    border-color: rgba(151, 53, 208, 0.1);
  }
  .data-display.portfolio .data-body .data-item .portfolio-figure:hover::after {
    opacity: 1;
    transform: translate(0, 0);
  }
}
.data-display.portfolio .data-body .data-item .portfolio-info .portfolio-head .portfolio-name {
  display: inline-block;
  color: rgb(109, 12, 166);
  font-weight: 700;
  font-size: 2.4rem;
}
.data-display.portfolio .data-body .data-item .portfolio-info .portfolio-head ~ .portfolio-body {
  padding-top: 1.6rem;
}
.data-display.portfolio .data-body .data-item .portfolio-info .portfolio-head ~ .portfolio-aside {
  padding-top: 4rem;
}
.data-display.portfolio .data-body .data-item .portfolio-info .portfolio-body .para {
  color: rgb(63, 63, 70);
  font-weight: 500;
  font-size: 1.8rem;
}
.data-display.portfolio .data-body .data-item .portfolio-info .portfolio-aside {
  display: flex;
  font-size: 0;
  flex-wrap: wrap;
  gap: 1.6rem;
}
.data-display.portfolio .data-body .data-item .portfolio-info .portfolio-aside .label {
  display: inline-block;
  padding: 0.8rem 1.6rem;
  border-radius: 0.8rem;
  background-color: rgb(246, 246, 247);
}
.data-display.portfolio .data-body .data-item .portfolio-info .portfolio-aside .label .label-name {
  display: inline-block;
  color: rgb(63, 63, 70);
  padding-right: 1.6rem;
  font-weight: 500;
  font-size: 1.6rem;
}
.data-display.portfolio .data-body .data-item .portfolio-info .portfolio-aside .label .label-data {
  display: inline-block;
  color: rgb(63, 63, 70);
  font-weight: 700;
  font-size: 1.6rem;
}
.data-display.portfolio .data-body .data-item .portfolio-info .portfolio-aside .label .label-data .mail {
  display: inline-block;
  text-decoration: underline;
  vertical-align: top;
}
@media (min-width: 1024px) {
  .data-display.portfolio .data-body .data-item .portfolio-info .portfolio-aside .label.break {
    margin-right: 24rem;
  }
}
.data-display.portfolio .data-body .data-item .portfolio-info .portfolio-aside br.mo-only + .label {
  margin-left: 1.6rem;
}
.data-display.portfolio .data-body .data-item .portfolio-info .portfolio-aside br + .label {
  margin-top: 1.6rem;
}
@media (min-width: 1024px) {
  .data-display.portfolio .data-body .data-item .portfolio-info .portfolio-aside {
    padding-right: 6rem;
  }
}
@media (min-width: 1024px) {
  .data-display.portfolio .data-body ~ .data-aside {
    padding-top: 1.6rem;
  }
}
@media (max-width: 1023px) {
  .data-display.portfolio .data-body ~ .data-aside {
    padding-top: 1.2rem;
  }
}
@media (max-width: 1023px) {
  .data-display.portfolio .data-head .data-name {
    font-weight: 700;
    font-size: 2.4rem;
  }
  .data-display.portfolio .data-head + .data-util,
  .data-display.portfolio .data-head ~ .data-body {
    margin-top: 2.4rem;
  }
  .data-display.portfolio .data-body .data-item {
    padding: 4.8rem 0;
    flex-direction: column;
  }
  .data-display.portfolio .data-body .data-item .portfolio-figure {
    min-height: 15.7rem;
  }
  .data-display.portfolio .data-body .data-item .portfolio-figure + .portfolio-info {
    margin-top: 4.8rem;
    margin-left: 0;
  }
  .data-display.portfolio .data-body .data-item .portfolio-info {
    align-self: flex-start;
  }
  .data-display.portfolio .data-body .data-item .portfolio-info .portfolio-head .portfolio-name {
    font-weight: 700;
    font-size: 2rem;
  }
  .data-display.portfolio .data-body .data-item .portfolio-info .portfolio-head ~ .portfolio-body {
    padding-top: 1.2rem;
  }
  .data-display.portfolio .data-body .data-item .portfolio-info .portfolio-head ~ .portfolio-aside {
    padding-top: 2.4rem;
  }
  .data-display.portfolio .data-body .data-item .portfolio-info .portfolio-body .para {
    font-weight: 500;
    font-size: 1.6rem;
  }
  .data-display.portfolio .data-body .data-item .portfolio-info .portfolio-aside .label {
    padding: 0.8rem 1.2rem;
  }
  .data-display.portfolio .data-body .data-item .portfolio-info .portfolio-aside .label .label-name {
    padding-right: 1.2rem;
    font-weight: 500;
    font-size: 1.4rem;
  }
  .data-display.portfolio .data-body .data-item .portfolio-info .portfolio-aside .label .label-data {
    font-weight: 700;
    font-size: 1.4rem;
  }
  .data-display.portfolio .data-body .data-item .portfolio-info .portfolio-aside br.mo-only + .label {
    margin-left: 0;
  }
}
.data-display.wellness .data-item,
.data-display.rental .data-item {
  position: relative;
  padding: 6.4rem 0 6.4rem 41%;
  min-height: 37.8rem;
  border-top: 0.1rem solid rgb(228, 228, 231);
  background-repeat: no-repeat;
  background-position-y: 6.4rem;
  background-size: 41%;
}
.data-display.wellness .data-item .data-head .data-name,
.data-display.rental .data-item .data-head .data-name {
  font-weight: 700;
  font-size: 2rem;
}
.data-display.wellness .data-item .data-head + .data-body,
.data-display.rental .data-item .data-head + .data-body {
  padding-top: 2.4rem;
}
.data-display.wellness .data-item .data-body .para,
.data-display.rental .data-item .data-body .para {
  font-weight: 500;
  font-size: 1.8rem;
}
.data-display.wellness .data-item.wellness01,
.data-display.rental .data-item.wellness01 {
  background-image: url("../images/bg-wellness01.jpg");
}
.data-display.wellness .data-item.wellness02,
.data-display.rental .data-item.wellness02 {
  background-image: url("../images/bg-wellness02.jpg");
}
.data-display.wellness .data-item.wellness03,
.data-display.rental .data-item.wellness03 {
  background-image: url("../images/bg-wellness03.jpg");
}
.data-display.wellness .data-item.wellness04,
.data-display.rental .data-item.wellness04 {
  background-image: url("../images/bg-wellness04.jpg");
}
.data-display.wellness .data-item.rental01,
.data-display.rental .data-item.rental01 {
  background-image: url("../images/bg-rental01.jpg");
}
.data-display.wellness .data-item.rental02,
.data-display.rental .data-item.rental02 {
  background-image: url("../images/bg-rental01.jpg");
}
.data-display.wellness .data-item.rental03,
.data-display.rental .data-item.rental03 {
  background-image: url("../images/bg-rental01.jpg");
}
.data-display.wellness .data-item.rental04,
.data-display.rental .data-item.rental04 {
  background-image: url("../images/bg-rental01.jpg");
}
@media (max-width: 1023px) {
  .data-display.wellness .data-item,
  .data-display.rental .data-item {
    padding: 30.6rem 0 3.2rem;
    min-height: unset;
    background-position: center 3.2rem;
    background-size: auto;
  }
  .data-display.wellness .data-item .data-head + .data-body,
  .data-display.rental .data-item .data-head + .data-body {
    padding-top: 1.6rem;
  }
  .data-display.wellness .data-item:last-child,
  .data-display.rental .data-item:last-child {
    padding-bottom: 0;
  }
}
.data-display.history-layout > .data-list {
  padding-bottom: 16rem;
}
.data-display.history-layout > .data-list .data-item {
  border-bottom: 1px solid rgb(228, 228, 231);
}
.data-display.history-layout > .data-list .data-item .data-wrap {
  display: flex;
  justify-content: space-between;
}
.data-display.history-layout > .data-list .data-item .data-wrap .data-inform {
  width: 53.58%;
}
.data-display.history-layout > .data-list .data-item .data-wrap .data-inform .data-subject .data-name {
  font-weight: 700;
  font-size: 3.2rem;
  color: rgb(63, 63, 70);
}
.data-display.history-layout > .data-list .data-item .data-wrap .data-inform .data-subject .data-name + .data-name {
  margin-top: 1.6rem;
}
.data-display.history-layout > .data-list .data-item .data-wrap .data-inform .data-subject + .data-date {
  margin-top: 4rem;
}
.data-display.history-layout > .data-list .data-item .data-wrap .data-inform .data-date {
  font-weight: 700;
  font-size: 2.4rem;
  color: rgb(113, 113, 122);
}
.data-display.history-layout > .data-list .data-item .data-wrap .data-figure {
  width: 40.67%;
}
.data-display.history-layout > .data-list .data-item .data-wrap .data-figure .figure-item {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 54.1%;
  border-radius: 0.8rem;
  overflow: hidden;
}
.data-display.history-layout > .data-list .data-item .data-wrap .data-figure .figure-item img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: translate(-50%, -50%);
}
.data-display.history-layout > .data-list .data-item .data-wrap .data-figure .figure-item + .figure-item {
  margin-top: 2.4rem;
}
.data-display.history-layout > .data-list .data-item:first-child {
  padding-top: unset;
  padding-bottom: 6.4rem;
}
.data-display.history-layout > .data-list .data-item:last-child {
  padding-bottom: 6.4rem;
}
.data-display.history-layout > .data-list .data-item ~ .data-item {
  padding-top: 6.4rem;
  padding-bottom: 6.4rem;
  min-height: 39.2rem;
}
@media (max-width: 1023px) {
  .data-display.history-layout > .data-list {
    padding-bottom: 8rem;
  }
  .data-display.history-layout > .data-list .data-item .data-wrap {
    flex-direction: column;
  }
  .data-display.history-layout > .data-list .data-item .data-wrap .data-inform {
    width: 100%;
  }
  .data-display.history-layout > .data-list .data-item .data-wrap .data-inform .data-subject .data-name {
    font-weight: 700;
    font-size: 2rem;
  }
  .data-display.history-layout > .data-list .data-item .data-wrap .data-inform .data-subject .data-name + .data-name {
    margin-top: 0.4rem;
  }
  .data-display.history-layout > .data-list .data-item .data-wrap .data-inform .data-subject + .data-date {
    margin-top: 1.6rem;
  }
  .data-display.history-layout > .data-list .data-item .data-wrap .data-inform .data-date {
    font-weight: 700;
    font-size: 1.6rem;
  }
  .data-display.history-layout > .data-list .data-item .data-wrap .data-inform + .data-figure {
    margin-top: 3.2rem;
  }
  .data-display.history-layout > .data-list .data-item .data-wrap .data-figure {
    width: 100%;
  }
  .data-display.history-layout > .data-list .data-item .data-wrap .data-figure .figure-item {
    padding-bottom: 54.27%;
  }
  .data-display.history-layout > .data-list .data-item:first-child {
    padding-bottom: 3.2rem;
  }
  .data-display.history-layout > .data-list .data-item:last-child {
    padding-bottom: 3.2rem;
  }
  .data-display.history-layout > .data-list .data-item ~ .data-item {
    padding-top: 3.2rem;
    padding-bottom: 3.2rem;
    min-height: unset;
  }
}
.data-display.sk-color > .data-list {
  display: flex;
  flex-wrap: wrap;
  gap: 4rem 1.95rem;
}
.data-display.sk-color > .data-list .data-item {
  width: calc(33.3333333333% - 1.3rem);
}
.data-display.sk-color > .data-list .data-item .item-head {
  padding: 1.2rem 2.4rem;
  border: 1px solid transparent;
  border-radius: 0.4rem;
}
.data-display.sk-color > .data-list .data-item .item-head .item-subject {
  font-weight: 700;
  font-size: 2rem;
  color: rgb(255, 255, 255);
}
.data-display.sk-color > .data-list .data-item .item-head + .item-body {
  margin-top: 0.8rem;
}
.data-display.sk-color > .data-list .data-item .item-body {
  padding: 2.4rem;
  box-shadow: 0px 1.336px 5.342px 0px rgba(0, 0, 0, 0.1);
  background-color: rgb(255, 255, 255);
  border-radius: 0.4rem;
}
.data-display.sk-color > .data-list .data-item .item-body > .color-list .list-item {
  display: flex;
  color: rgb(63, 63, 70);
  justify-content: space-between;
}
.data-display.sk-color > .data-list .data-item .item-body > .color-list .list-item .head {
  font-weight: 700;
  font-size: 1.6rem;
}
.data-display.sk-color > .data-list .data-item .item-body > .color-list .list-item .body {
  font-weight: 700;
  font-size: 1.8rem;
}
.data-display.sk-color > .data-list .data-item .item-body > .color-list .list-item + .list-item {
  margin-top: 0.8rem;
}
@media (max-width: 1023px) {
  .data-display.sk-color > .data-list {
    flex-direction: column;
    gap: 2rem;
  }
  .data-display.sk-color > .data-list .data-item {
    width: 100%;
  }
  .data-display.sk-color > .data-list .data-item .item-head .item-subject {
    font-weight: 700;
    font-size: 1.8rem;
  }
  .data-display.sk-color > .data-list .data-item .item-body > .color-list .list-item .head {
    font-weight: 700;
    font-size: 1.4rem;
  }
  .data-display.sk-color > .data-list .data-item .item-body > .color-list .list-item .body {
    font-weight: 500;
    font-size: 1.6rem;
  }
}
.data-display.onePair-table > .data-list .data-item .data-head {
  border-radius: 0.8rem;
  background-color: rgb(39, 39, 42);
}
.data-display.onePair-table > .data-list .data-item .data-head .data-tr {
  display: flex;
}
.data-display.onePair-table > .data-list .data-item .data-head .data-tr .data-th {
  width: 33.3333333333%;
  padding: 1.8rem;
  color: rgb(255, 255, 255);
  text-align: center;
  font-weight: 700;
  font-size: 1.8rem;
}
.data-display.onePair-table > .data-list .data-item .data-head .data-tr .data-th + .data-th {
  border-left: 1px solid rgb(113, 113, 122);
}
.data-display.onePair-table > .data-list .data-item .data-body {
  border-radius: 0 0 0.8rem 0.8rem;
  overflow: hidden;
}
.data-display.onePair-table > .data-list .data-item .data-body .data-tr {
  display: flex;
  overflow: hidden;
  border-bottom: 1px solid rgb(228, 228, 231);
}
.data-display.onePair-table > .data-list .data-item .data-body .data-tr .data-th {
  width: 33.3333333333%;
  padding: 1.8rem 2rem;
  color: rgb(63, 63, 70);
  text-align: center;
  font-weight: 700;
  font-size: 1.8rem;
}
.data-display.onePair-table > .data-list .data-item .data-body .data-tr .data-th.al {
  padding: 1.6rem 2rem;
  line-height: 2.9rem;
  text-align: left;
}
@media (max-width: 1023px) {
  .data-display.onePair-table > .data-list .data-item .data-body .data-tr .data-th.al {
    padding: 1.6rem 2.4rem;
    line-height: 2.6rem;
  }
}
.data-display.onePair-table > .data-list .data-item .data-body .data-tr .data-th + .data-th {
  position: relative;
}
.data-display.onePair-table > .data-list .data-item .data-body .data-tr .data-th + .data-th::before {
  position: absolute;
  top: 50%;
  left: 0;
  height: 10rem;
  content: "";
  border-left: 1px solid rgb(228, 228, 231);
  transform: translateY(-50%);
  pointer-events: none;
}
.data-display.onePair-table > .data-list .data-item .data-body .data-tr .data-td {
  width: 33.3333333333%;
  padding: 1.4rem;
  color: rgb(63, 63, 70);
  text-align: center;
  font-weight: 700;
  font-size: 1.6rem;
}
.data-display.onePair-table > .data-list .data-item .data-body > .data-tr {
  border-bottom: 1px solid rgb(228, 228, 231);
}
.data-display.onePair-table > .data-list .data-item .data-body .accordion-item.active [class*="arrow-down1-line"] .btn-text::after {
  transform: rotate(-180deg);
}
.data-display.onePair-table > .data-list .data-item .data-body .accordion-body {
  background-color: rgb(246, 246, 247);
}
.data-display.onePair-table > .data-list .data-item .data-body .accordion-body .data-tr {
  border: none;
}
.data-display.onePair-table > .data-list .data-item [class*="arrow-down1-line"] .btn-text {
  line-height: 2.9rem;
  justify-content: space-between;
}
.data-display.onePair-table > .data-list .data-item [class*="arrow-down1-line"] .btn-text::after {
  width: 3.2rem;
  height: 3.2rem;
  border: 1px solid rgb(228, 228, 231);
  margin-left: 0;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='14' height='9' viewBox='0 0 14 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.6348 0.365166C13.9863 0.716638 13.9863 1.28649 13.6348 1.63796L6.99844 8.27435L0.362041 1.63796C0.0105695 1.28649 0.0105695 0.716638 0.362041 0.365166C0.713513 0.0136939 1.28336 0.013694 1.63483 0.365166L6.99844 5.72877L12.362 0.365166C12.7135 0.0136945 13.2834 0.0136945 13.6348 0.365166Z' fill='rgb(113,113,122)'/%3E%3C/svg%3E%0A");
  background-size: 1.4rem 0.9rem;
  background-position: center 56%;
  border-radius: 1.2rem;
  transition: unset;
}
@media (max-width: 1023px) {
  .data-display.onePair-table > .data-list .data-item [class*="arrow-down1-line"] .btn-text::after {
    width: 2.4rem;
    height: 2.4rem;
  }
}
@media (max-width: 1023px) {
  .data-display.onePair-table > .data-list .data-item [class*="arrow-down1-line"] .btn-text {
    line-height: 2.6rem;
    font-weight: 700;
    font-size: 1.6rem;
  }
  .data-display.onePair-table > .data-list .data-item [class*="arrow-down1-line"] .btn-text::after {
    width: 2.4rem;
    height: 2.4rem;
    background-size: 1.2rem 0.7rem;
    border-radius: 0.9rem;
  }
}
.data-display.onePair-table > .data-list + .comment {
  margin-top: 1.6rem;
}
@media (max-width: 1023px) {
  .data-display.onePair-table > .data-list + .comment {
    margin-top: 1.2rem;
  }
}
@media (max-width: 1023px) {
  .data-display.onePair-table > .data-list .data-item .data-head .data-tr .data-th {
    width: 30%;
    padding: 1.5rem;
    font-weight: 700;
    font-size: 1.6rem;
  }
  .data-display.onePair-table > .data-list .data-item .data-head .data-tr .data-th:first-child {
    width: 40%;
  }
  .en .data-display.onePair-table > .data-list .data-item .data-head .data-tr .data-th {
    width: 18.91%;
  }
  .en .data-display.onePair-table > .data-list .data-item .data-head .data-tr .data-th:first-child {
    width: 42%;
  }
  .data-display.onePair-table > .data-list .data-item .data-body .data-tr .data-th {
    width: 30%;
    padding: 1.5rem 2.4rem;
    font-weight: 700;
    font-size: 1.6rem;
  }
  .data-display.onePair-table > .data-list .data-item .data-body .data-tr .data-th:first-child {
    width: 41%;
  }
  .en .data-display.onePair-table > .data-list .data-item .data-body .data-tr .data-th {
    width: 18.91%;
  }
  .en .data-display.onePair-table > .data-list .data-item .data-body .data-tr .data-th:first-child {
    width: 43%;
  }
  .data-display.onePair-table > .data-list .data-item .data-body .data-tr .data-td {
    width: 30%;
    padding: 1.5rem;
    font-weight: 700;
    font-size: 1.6rem;
  }
  .data-display.onePair-table > .data-list .data-item .data-body .data-tr .data-td:first-child {
    width: 40%;
  }
  .en .data-display.onePair-table > .data-list .data-item .data-body .data-tr .data-td {
    width: 18.91%;
  }
  .en .data-display.onePair-table > .data-list .data-item .data-body .data-tr .data-td:first-child {
    width: 42%;
  }
}
.data-display.table-layout > .data-list .data-item .data-head {
  border-radius: 0.8rem;
  background-color: rgb(39, 39, 42);
}
.data-display.table-layout > .data-list .data-item .data-head .data-tr {
  display: flex;
}
.data-display.table-layout > .data-list .data-item .data-head .data-tr .data-th {
  font-weight: 700;
  font-size: 1.8rem;
  padding: 1.8rem;
  color: rgb(255, 255, 255);
  text-align: center;
}
.data-display.table-layout > .data-list .data-item .data-head .data-tr .data-th + .data-th {
  border-left: 1px solid rgb(113, 113, 122);
}
.data-display.table-layout > .data-list .data-item .data-body .data-tr {
  display: flex;
  border-bottom: 1px solid rgb(228, 228, 231);
}
.data-display.table-layout > .data-list .data-item .data-body .data-tr .data-td {
  font-weight: 700;
  font-size: 1.8rem;
  padding: 1.8rem;
  color: rgb(63, 63, 70);
  text-align: center;
}
.data-display.table-layout > .data-list .data-item .data-body .data-tr .data-td + .data-td {
  border-left: 1px solid rgb(228, 228, 231);
}
.data-display.table-layout > .data-list + .comment {
  margin-top: 1.6rem;
}
@media (max-width: 1023px) {
  .data-display.table-layout > .data-list + .comment {
    margin-top: 1.2rem;
  }
}
.data-display.table-layout.case1 > .data-list .data-item .data-head .data-tr .data-th:nth-child(1) {
  width: 8.5%;
}
.data-display.table-layout.case1 > .data-list .data-item .data-head .data-tr .data-th:nth-child(2) {
  width: 57.5%;
}
.data-display.table-layout.case1 > .data-list .data-item .data-head .data-tr .data-th:nth-child(3) {
  width: 17%;
}
.data-display.table-layout.case1 > .data-list .data-item .data-head .data-tr .data-th:nth-child(4) {
  width: 17%;
}
.data-display.table-layout.case1 > .data-list .data-item .data-body .data-tr .data-td:nth-child(1) {
  width: 8.5%;
}
.data-display.table-layout.case1 > .data-list .data-item .data-body .data-tr .data-td:nth-child(2) {
  width: 57.5%;
}
.data-display.table-layout.case1 > .data-list .data-item .data-body .data-tr .data-td:nth-child(3) {
  width: 17%;
}
.data-display.table-layout.case1 > .data-list .data-item .data-body .data-tr .data-td:nth-child(4) {
  width: 17%;
}
@media (max-width: 1023px) {
  .data-display.table-layout.case1 > .data-list .data-item .data-body .data-tr .data-td {
    width: 100% !important;
  }
}
@media (max-width: 1023px) {
  .data-display.table-layout > .data-list .data-item .data-head {
    display: block;
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    border: 0;
    font-size: 1px;
    line-height: 1px;
    overflow: hidden;
    visibility: hidden;
    clip: rect(0 0 0 0);
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
  }
  .data-display.table-layout > .data-list .data-item .data-body {
    border-top: 1px solid rgb(0, 0, 0);
  }
  .data-display.table-layout > .data-list .data-item .data-body .data-tr {
    padding: 2.4rem 0.8rem;
    flex-direction: column;
  }
  .data-display.table-layout > .data-list .data-item .data-body .data-tr .data-td {
    padding: unset;
    text-align: left;
  }
  .data-display.table-layout > .data-list .data-item .data-body .data-tr .data-td.num {
    display: block;
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    border: 0;
    font-size: 1px;
    line-height: 1px;
    overflow: hidden;
    visibility: hidden;
    clip: rect(0 0 0 0);
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
  }
  .data-display.table-layout > .data-list .data-item .data-body .data-tr .data-td.title {
    margin: 1.2rem 0;
    color: rgb(21, 21, 26);
    order: 2;
    font-weight: 700;
    font-size: 2rem;
  }
  .data-display.table-layout > .data-list .data-item .data-body .data-tr .data-td.name {
    color: rgb(113, 113, 122);
    order: 3;
    font-weight: 700;
    font-size: 1.4rem;
  }
  .data-display.table-layout > .data-list .data-item .data-body .data-tr .data-td.date {
    color: rgb(113, 113, 122);
    order: 1;
    font-weight: 500;
    font-size: 1.2rem;
  }
  .data-display.table-layout > .data-list .data-item .data-body .data-tr .data-td + .data-td {
    border-left: unset;
  }
}
.data-display.video-layout > .data-list .data-item .data-figure {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56%;
  overflow: hidden;
  aspect-ratio: 16/9;
}
.data-display.video-layout > .data-list .data-item .data-figure iframe,
.data-display.video-layout > .data-list .data-item .data-figure object {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.data-display.video-layout > .data-list .data-item .data-figure + .data-script {
  margin-top: 3.2rem;
}
.data-display.video-layout > .data-list .data-item .data-script .head {
  font-weight: 700;
  font-size: 2.4rem;
  color: rgb(21, 21, 26);
}
.data-display.video-layout > .data-list .data-item .data-script .head + .body {
  margin-top: 3.2rem;
}
.data-display.video-layout > .data-list .data-item .data-script .body {
  padding: 2.4rem;
  background: #f6f6f7;
}
.data-display.video-layout > .data-list .data-item .data-script .body .para {
  font-weight: 500;
  font-size: 1.6rem;
  color: rgb(63, 63, 70);
}
.data-display.video-layout > .data-list .data-item .data-script + .data-swiper {
  position: relative;
  margin-top: 8rem;
}
@media (max-width: 1023px) {
  .data-display.video-layout > .data-list .data-item .data-script .head {
    font-weight: 700;
    font-size: 2rem;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .data-display.video-layout > .data-list .data-item .data-script .body .para {
    font-weight: 500;
    font-size: 1.4rem;
  }
  .data-display.video-layout > .data-list .data-item .data-script + .data-swiper {
    margin-top: 4.8rem;
  }
}
.data-display.inquiry-form > .data-list {
  border-top: 0.2rem solid rgb(39, 39, 42);
}
.data-display.inquiry-form > .data-list > .data-item {
  display: flex;
  padding: 2.3rem 0;
  border-bottom: 0.1rem solid rgb(228, 228, 231);
}
.data-display.inquiry-form > .data-list > .data-item .data-head {
  padding: 1.2rem 0;
  padding-left: 1.6rem;
  min-width: 38.7rem;
}
.data-display.inquiry-form > .data-list > .data-item .data-head .data-name {
  display: inline-block;
  height: 100%;
  font-weight: 700;
  font-size: 2rem;
}
.data-display.inquiry-form > .data-list > .data-item .data-head .data-name .required {
  color: rgb(151, 53, 208);
  padding-left: 0.4rem;
}
.data-display.inquiry-form > .data-list > .data-item .data-head + .data-body {
  margin-left: 2rem;
}
.data-display.inquiry-form > .data-list > .data-item .data-body {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.data-display.inquiry-form > .data-list > .data-item .data-body .form-bundle {
  display: flex;
  align-items: center;
}
.data-display.inquiry-form > .data-list > .data-item .data-body .form ~ .para,
.data-display.inquiry-form > .data-list > .data-item .data-body .form ~ .btn {
  margin-top: 1.6rem;
}
.data-display.inquiry-form > .data-list > .data-item .data-body .para {
  font-weight: 500;
  font-size: 1.6rem;
}
.data-display.inquiry-form > .data-list > .data-item .data-body .bullet-display {
  padding-top: 1.6rem;
}
.data-display.inquiry-form > .data-list > .data-item.email .data-body .sign {
  margin: 0 0.8rem;
  color: rgb(113, 113, 122);
  font-weight: 500;
  font-size: 1.6rem;
}
.data-display.inquiry-form > .data-list > .data-item.email .data-body .email2 + .select {
  margin-left: 2rem;
}
.data-display.inquiry-form > .data-list > .data-item.inquiry-sort .data-body .btn-display {
  margin-top: 1.6rem;
}
@media (max-width: 1023px) {
  .data-display.inquiry-form > .data-list > .data-item {
    padding: 1.6rem 0;
    flex-direction: column;
  }
  .data-display.inquiry-form > .data-list > .data-item .data-head {
    padding: 0;
    padding-left: 1.2rem;
    min-width: unset;
  }
  .data-display.inquiry-form > .data-list > .data-item .data-head + .data-body {
    margin-top: 1.6rem;
    margin-left: 0;
  }
  .data-display.inquiry-form > .data-list > .data-item .data-body .form ~ .para,
  .data-display.inquiry-form > .data-list > .data-item .data-body .form ~ .btn {
    margin-top: 1.2rem;
  }
  .data-display.inquiry-form > .data-list > .data-item .data-body .bullet-display {
    padding-top: 1.2rem;
  }
  .data-display.inquiry-form > .data-list > .data-item.inquiry-sort .data-body {
    padding-left: 1.2rem;
  }
}
.data-display.consent-use {
  margin-top: 2.4rem;
}
.data-display.consent-use .data-item .data-subject {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.data-display.consent-use .data-item .data-subject .radio {
  padding-left: 0.4rem;
  padding-right: 0.4rem;
}
.data-display.consent-use .data-item + .data-item {
  padding-top: 2.4rem;
}
@media (max-width: 1023px) {
  .data-display.consent-use {
    margin-top: 1.7rem;
  }
  .data-display.consent-use .data-item .data-list .data-subject {
    flex-wrap: wrap;
  }
  .data-display.consent-use .data-item + .data-item {
    padding-top: 0.1rem;
  }
}
.data-display.doudle-circle {
  display: flex;
  width: 100%;
  justify-content: center;
}
.data-display.doudle-circle .data-list {
  display: flex;
  gap: 7.2rem;
  margin-top: 6.4rem;
}
@media (max-width: 1023px) {
  .data-display.doudle-circle .data-list {
    flex-direction: column;
    gap: 2rem;
    margin-top: 3.2rem;
  }
}
.data-display.doudle-circle .data-list .data-item {
  position: relative;
  width: 43.6rem;
  height: 43.6rem;
  text-align: center;
  border-radius: 100%;
}
@media (max-width: 1023px) {
  .data-display.doudle-circle .data-list .data-item {
    width: 33rem;
    height: 33rem;
  }
}
.data-display.doudle-circle .data-list .data-item .data-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
}
@media (min-width: 1024px) {
  .data-display.doudle-circle .data-list .data-item .data-wrap {
    padding: 0 4rem;
  }
}
@media (max-width: 1023px) {
  .data-display.doudle-circle .data-list .data-item .data-wrap {
    padding: 0 3rem;
  }
}
.data-display.doudle-circle .data-list .data-item.purple {
  background: #f6effb;
  color: rgb(109, 12, 166);
}
.data-display.doudle-circle .data-list .data-item.purple .data-util .value-type {
  padding: 1.2rem 2rem;
  color: rgb(151, 53, 208);
}
@media (max-width: 1023px) {
  .data-display.doudle-circle .data-list .data-item.purple .data-util .value-type {
    padding: 0.9rem 1.6rem;
  }
}
.data-display.doudle-circle .data-list .data-item.orange {
  background: #f6effb;
  color: rgb(109, 12, 166);
}
.data-display.doudle-circle .data-list .data-item.orange .data-util .value-type {
  padding: 1.2rem 1.6rem;
  color: rgb(151, 53, 208);
  line-height: 140%;
}
@media (max-width: 1023px) {
  .data-display.doudle-circle .data-list .data-item.orange .data-util .value-type {
    padding: 0.9rem 1.3rem;
  }
}
.data-display.doudle-circle .data-list .data-item .data-head .data-subject {
  font-weight: 700;
  font-size: 2rem;
}
@media (max-width: 1023px) {
  .data-display.doudle-circle .data-list .data-item .data-head .data-subject {
    font-weight: 700;
    font-size: 1.6rem;
  }
}
.data-display.doudle-circle .data-list .data-item .data-body .para {
  font-weight: 500;
  font-size: 1.6rem;
  margin: 0.8rem 0 3.2rem;
}
@media (max-width: 1023px) {
  .data-display.doudle-circle .data-list .data-item .data-body .para {
    margin: 0.8rem 0 2rem;
    font-weight: 500;
    font-size: 1.2rem;
  }
}
.data-display.doudle-circle .data-list .data-item .data-util {
  display: flex;
  align-items: center;
  justify-content: center;
}
.data-display.doudle-circle .data-list .data-item .data-util .value-type {
  background: rgb(255, 255, 255);
  border-radius: 6.8rem;
  font-weight: 700;
  font-size: 1.6rem;
}
@media (max-width: 1023px) {
  .data-display.doudle-circle .data-list .data-item .data-util .value-type {
    padding: 1.1rem;
  }
}
.data-display.doudle-circle .data-list .data-item .data-util .value-type + .value-type {
  margin-left: 0.8rem;
}
@media (max-width: 1023px) {
  .data-display.doudle-circle .data-list .data-item .data-util .value-type + .value-type {
    margin-left: 0.6rem;
  }
}
@media (max-width: 1023px) {
  .data-display.doudle-circle .data-list .data-item .data-util .value-type {
    font-weight: 700;
    font-size: 1.2rem;
  }
}
.en .data-display.doudle-circle .data-list .data-item {
  padding: 9.7rem 4.85rem 7.8rem;
}
@media (max-width: 1023px) {
  .en .data-display.doudle-circle .data-list .data-item {
    padding: 7.6rem 4.85rem 7.8rem;
  }
}
.en .data-display.doudle-circle .data-list .data-item .data-util {
  flex-wrap: wrap;
}
.en .data-display.doudle-circle .data-list .data-item .data-util .value-type + .value-type {
  margin-left: unset;
  margin-top: 0.8rem;
}
@media (max-width: 1023px) {
  .en .data-display.doudle-circle .data-list .data-item .data-util .value-type + .value-type {
    margin-top: 0.6rem;
  }
}

.data-display.doudle-circle .data-list .data-item + .data-item {
  margin-top: 0 !important;
}

/* bullet list */
.bullet-display.design1.case1 > .data-list > .data-item {
  display: flex;
  padding-left: 0.9rem;
}
@media (max-width: 1023px) {
  .bullet-display.design1.case1 > .data-list > .data-item {
    padding-left: 0.8rem;
  }
}
.bullet-display.design1.case1 > .data-list > .data-item::before {
  content: "•";
  margin-right: 0.9rem;
}
@media (max-width: 1023px) {
  .bullet-display.design1.case1 > .data-list > .data-item::before {
    margin-right: 0.8rem;
  }
}
.bullet-display.design1.case2 > .data-list > .data-item {
  display: flex;
}
.bullet-display.design1.case2 > .data-list > .data-item::before {
  content: "•";
  margin-right: 1rem;
}
@media (max-width: 1023px) {
  .bullet-display.design1.case2 > .data-list > .data-item::before {
    margin-right: 0.8rem;
  }
}
.bullet-display.design1.case3 > .data-list > .data-item {
  display: flex;
  padding-left: 1.8rem;
}
@media (max-width: 1023px) {
  .bullet-display.design1.case3 > .data-list > .data-item {
    padding-left: 1.5rem;
  }
}
.bullet-display.design1.case3 > .data-list > .data-item::before {
  content: "-";
  margin-right: 0.5rem;
}
.bullet-display.design1.type1 > .data-list > .data-item {
  font-weight: 500;
  font-size: 1.6rem;
  color: rgb(63, 63, 70);
}
@media (max-width: 1023px) {
  .bullet-display.design1.type1 > .data-list > .data-item {
    font-weight: 500;
    font-size: 1.4rem;
  }
}
.bullet-display.design1.type1 > .data-list > .data-item::before {
  font-weight: 500;
  font-size: 1.4rem;
  color: rgb(63, 63, 70);
}
@media (max-width: 1023px) {
  .bullet-display.design1.type1 > .data-list > .data-item::before {
    font-weight: 500;
    font-size: 1.2rem;
  }
}
.bullet-display.design1.type2 > .data-list > .data-item {
  font-weight: 700;
  font-size: 1.8rem;
  color: rgb(63, 63, 70);
}
@media (max-width: 1023px) {
  .bullet-display.design1.type2 > .data-list > .data-item {
    font-weight: 700;
    font-size: 1.6rem;
  }
}
.bullet-display.design1.type2 > .data-list > .data-item::before {
  font-weight: 700;
  font-size: 1.8rem;
  color: rgb(63, 63, 70);
}
@media (max-width: 1023px) {
  .bullet-display.design1.type2 > .data-list > .data-item::before {
    font-weight: 700;
    font-size: 1.6rem;
  }
}
.bullet-display.design1.type3 > .data-list > .data-item {
  color: rgb(113, 113, 122);
  font-weight: 500;
  font-size: 1.6rem;
}
@media (max-width: 1023px) {
  .bullet-display.design1.type3 > .data-list > .data-item {
    font-weight: 500;
    font-size: 1.4rem;
  }
}
.bullet-display.design1.type3 > .data-list > .data-item::before {
  color: rgb(113, 113, 122);
  font-weight: 500;
  font-size: 1.4rem;
}
@media (max-width: 1023px) {
  .bullet-display.design1.type3 > .data-list > .data-item::before {
    font-weight: 500;
    font-size: 1.2rem;
  }
}
.bullet-display.design1.type4 > .data-list > .data-item {
  font-weight: 700;
  font-size: 1.8rem;
  color: rgb(113, 113, 122);
}
@media (max-width: 1023px) {
  .bullet-display.design1.type4 > .data-list > .data-item {
    font-weight: 700;
    font-size: 1.6rem;
  }
}
.bullet-display.design1.type4 > .data-list > .data-item::before {
  font-weight: 700;
  font-size: 1.8rem;
  color: rgb(113, 113, 122);
}
@media (max-width: 1023px) {
  .bullet-display.design1.type4 > .data-list > .data-item::before {
    font-weight: 700;
    font-size: 1.6rem;
  }
}
.bullet-display.design1.type5 > .data-list > .data-item {
  color: rgb(63, 63, 70);
  padding-left: 0;
  font-weight: 500;
  font-size: 1.6rem;
}
@media (max-width: 1023px) {
  .bullet-display.design1.type5 > .data-list > .data-item {
    font-weight: 500;
    font-size: 1.4rem;
  }
}
.bullet-display.design1.type5 > .data-list > .data-item::before {
  font-weight: 700;
  font-size: 1.4rem;
  color: rgb(63, 63, 70);
}
@media (max-width: 1023px) {
  .bullet-display.design1.type5 > .data-list > .data-item::before {
    font-weight: 700;
    font-size: 1.2rem;
  }
}
.bullet-display.design1.type6 > .data-list > .data-item {
  font-weight: 500;
  font-size: 1.8rem;
  color: rgb(63, 63, 70);
}
@media (max-width: 1023px) {
  .bullet-display.design1.type6 > .data-list > .data-item {
    font-weight: 500;
    font-size: 1.6rem;
  }
}
.bullet-display.design1.type6 > .data-list > .data-item::before {
  font-weight: 700;
  font-size: 1.8rem;
  color: rgb(63, 63, 70);
}
@media (max-width: 1023px) {
  .bullet-display.design1.type6 > .data-list > .data-item::before {
    font-weight: 700;
    font-size: 1.6rem;
  }
}
.bullet-display.design1.type7 > .data-list > .data-item {
  font-weight: 700;
  font-size: 1.6rem;
  color: rgb(63, 63, 70);
}
@media (max-width: 1023px) {
  .bullet-display.design1.type7 > .data-list > .data-item {
    font-weight: 700;
    font-size: 1.4rem;
  }
}
.bullet-display.design1.type7 > .data-list > .data-item::before {
  font-weight: 700;
  font-size: 1.4rem;
  color: rgb(63, 63, 70);
}
@media (max-width: 1023px) {
  .bullet-display.design1.type7 > .data-list > .data-item::before {
    font-weight: 700;
    font-size: 1.2rem;
  }
}
.bullet-display.design1.type8 > .data-list > .data-item {
  font-weight: 500;
  font-size: 1.8rem;
  color: rgb(21, 21, 26);
}
@media (max-width: 1023px) {
  .bullet-display.design1.type8 > .data-list > .data-item {
    font-weight: 500;
    font-size: 1.6rem;
  }
}
.bullet-display.design1.type8 > .data-list > .data-item::before {
  font-weight: 700;
  font-size: 1.8rem;
  color: rgb(21, 21, 26);
}
@media (max-width: 1023px) {
  .bullet-display.design1.type8 > .data-list > .data-item::before {
    font-weight: 700;
    font-size: 1.6rem;
  }
}

/* order list */
.order-list.design1 {
  counter-reset: data-subject;
}
.order-list.design1 > .order-item {
  position: relative;
}
.order-list.design1 > .order-item::before {
  position: absolute;
  left: 0;
  text-align: center;
  content: counter(data-subject) ".";
  counter-increment: data-subject;
}
.order-list.design1.case1 > .order-item {
  padding-left: 2.2rem;
}
.order-list.design1.case1 > .order-item::before {
  width: 2rem;
}
@media (max-width: 1023px) {
  .order-list.design1.case1 > .order-item {
    padding-left: 2rem;
  }
}
.order-list.design1.type1 > .order-item {
  font-weight: 500;
  font-size: 1.8rem;
  color: rgb(63, 63, 70);
}
@media (max-width: 1023px) {
  .order-list.design1.type1 > .order-item {
    font-weight: 500;
    font-size: 1.6rem;
  }
}
.order-list.design1.type2 > .order-item {
  color: rgb(63, 63, 70);
  font-weight: 500;
  font-size: 1.6rem;
}
@media (max-width: 1023px) {
  .order-list.design1.type2 > .order-item {
    font-weight: 500;
    font-size: 1.4rem;
  }
}
.order-list.design2 {
  display: flex;
}
.order-list.design2 .list-inner {
  width: calc(33.3333333333% - 0.1333rem);
}
.order-list.design2 .list-inner > .order-item {
  color: rgb(63, 63, 70);
  font-weight: 700;
  font-size: 1.6rem;
}
.order-list.design2 .list-inner > .order-item .num {
  display: inline-block;
  color: rgb(113, 113, 122);
  min-width: 2.6rem;
  margin-right: 0.2rem;
}
.order-list.design2 .list-inner > .order-item + .order-item {
  margin-top: 0.4rem;
}
.order-list.design2 .list-inner + .list-inner {
  margin-left: 0.8rem;
}
@media (max-width: 1023px) {
  .order-list.design2 {
    flex-direction: column;
  }
  .order-list.design2 .list-inner {
    width: 100%;
  }
  .order-list.design2 .list-inner > .order-item {
    font-weight: 700;
    font-size: 1.4rem;
  }
  .order-list.design2 .list-inner + .list-inner {
    margin-left: unset;
  }
}

.post-list {
  /** special **/
}
.post-list.design1 {
  display: flex;
  flex-wrap: wrap;
  gap: 6.4rem 1.9rem;
}
@media (max-width: 1023px) {
  .post-list.design1 {
    gap: 3.2rem;
  }
}
.post-list.design1 .post-item {
  width: calc(33.3333333333% - 1.2666rem);
}
.post-list.design1 .post-item .post-figure {
  position: relative;
  width: 100%;
  height: 0;
  border-radius: 1.6rem;
  overflow: hidden;
  padding-bottom: 56.33%;
}
.post-list.design1 .post-item .post-figure img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: translate(-50%, -50%);
  transition: transform 0.3s ease-out;
}
.post-list.design1 .post-item .post-figure .figure-name {
  position: absolute;
  top: 1.6rem;
  left: 1.6rem;
  padding: 0.4rem 1.2rem;
  border-radius: 1.2rem;
  background-color: rgb(255, 255, 255);
}
.post-list.design1 .post-item a.post-figure {
  display: block;
}
.post-list.design1 .post-item .post-head .post-subject {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.post-list.design1 .post-item .post-date {
  color: rgb(113, 113, 122);
  font-weight: 500;
  font-size: 1.4rem;
}
.post-list.design1 .post-item .post-util .tag-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}
.post-list.design1 .post-item .post-util .tag-list .tag {
  display: block;
  padding: 0.3rem 0.7rem;
  border: 1px solid rgb(228, 228, 231);
  border-radius: 0.6rem;
  background-color: rgb(255, 255, 255);
  color: rgb(21, 21, 26);
  font-weight: 500;
  font-size: 1.4rem;
}
@media (min-width: 1024px) {
  .post-list.design1 .post-item:hover .post-figure img,
  .post-list.design1 .post-item:focus-visible .post-figure img {
    transform: translate(-50%, -50%) scale(1.1);
  }
}
@media (max-width: 1023px) {
  .post-list.design1 .post-item .post-figure {
    border-radius: 0.8rem;
  }
  .post-list.design1 .post-item .post-date {
    font-weight: 500;
    font-size: 1.2rem;
  }
}
.post-list.design1.case1 .post-head {
  padding: 0 1.6rem;
}
.post-list.design1.case1 .post-head + .post-date {
  padding: 0 1.6rem;
  margin-top: 1.6rem;
}
.post-list.design1.case1 .post-head + .post-util {
  padding: 0 1.6rem;
  margin-top: 2.4rem;
}
.post-list.design1.case1 .post-head .post-caption + .post-subject {
  margin-top: 0.8rem;
}
.post-list.design1.case1 .post-figure + .post-head {
  margin-top: 2.4rem;
}
@media (max-width: 1023px) {
  .post-list.design1.case1 {
    flex-direction: column;
  }
  .post-list.design1.case1 .post-head + .post-date {
    margin-top: 1.2rem;
  }
  .post-list.design1.case1 .post-head + .post-util {
    margin-top: 1.6rem;
  }
  .post-list.design1.case1 .post-head .post-caption + .post-subject {
    margin-top: 1.2rem;
  }
  .post-list.design1.case1 .post-item {
    width: 100%;
  }
  .post-list.design1.case1 .post-figure + .post-head {
    margin-top: 1.6rem;
  }
}
.post-list.design1.type1 .post-head .post-caption {
  color: rgb(151, 53, 208);
  font-weight: 700;
  font-size: 1.6rem;
}
.post-list.design1.type1 .post-head .post-subject {
  color: rgb(21, 21, 26);
  font-weight: 700;
  font-size: 2.4rem;
}
.post-list.design1.type1 .post-head .post-subject + .post-summary {
  margin-top: 1.2rem;
}
.post-list.design1.type1 .post-head .post-summary {
  color: rgb(63, 63, 70);
  font-weight: 500;
  font-size: 1.6rem;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.post-list.design1.type1 .post-head .post-figure .figure-name {
  color: rgb(39, 39, 42);
  font-weight: 700;
  font-size: 1.4rem;
}
@media (max-width: 1023px) {
  .post-list.design1.type1 .post-head .post-caption {
    font-weight: 700;
    font-size: 1.4rem;
  }
  .post-list.design1.type1 .post-head .post-subject {
    font-weight: 700;
    font-size: 2rem;
  }
  .post-list.design1.type1 .post-head .post-figure .figure-name {
    font-weight: 700;
    font-size: 1.2rem;
  }
}
.post-list.design1.type2 .post-figure .figure-name {
  color: rgb(39, 39, 42);
  font-weight: 700;
  font-size: 1.4rem;
}
@media (max-width: 1023px) {
  .post-list.design1.type2 .post-figure .figure-name {
    font-weight: 700;
    font-size: 1.2rem;
  }
}
.post-list.design1.type2 .post-head .post-subject {
  color: rgb(21, 21, 26);
  font-weight: 700;
  font-size: 2rem;
}
@media (max-width: 1023px) {
  .post-list.design1.type2 .post-head .post-subject {
    font-weight: 700;
    font-size: 1.8rem;
  }
}
.post-list.design2 {
  display: flex;
  flex-wrap: wrap;
  gap: 6.4rem;
}
.post-list.design2 .post-item .post-figure {
  position: relative;
  width: 32.25%;
  height: 0;
  border-radius: 1.6rem;
  padding-bottom: 18.17%;
  overflow: hidden;
}
.post-list.design2 .post-item .post-figure img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: translate(-50%, -50%);
  transition: transform 0.2s ease-out;
}
@media (min-width: 1024px) {
  .post-list.design2 .post-item:hover .post-figure img,
  .post-list.design2 .post-item:focus-visible .post-figure img {
    transform: translate(-50%, -50%) scale(1.1);
  }
}
.post-list.design2.case1 {
  width: 100%;
  flex-direction: column;
}
.post-list.design2.case1 .post-item {
  width: 100%;
}
.post-list.design2.case1 .post-wrap {
  display: flex;
  align-items: center;
  gap: 4rem;
}
.post-list.design2.case1 .post-wrap .post-inform {
  width: 64.42%;
}
.post-list.design2.case1 .post-wrap .post-inform .post-head + .post-date {
  margin-top: 1.6rem;
}
.post-list.design2.case1 .post-wrap .post-inform .post-head .post-caption + .post-subject {
  margin-top: 0.8rem;
}
.post-list.design2.case1 .post-wrap .post-inform .post-head .post-caption + .post-subject + .post-summary {
  margin-top: 1.2rem;
}
@media (max-width: 1023px) {
  .post-list.design2.case1 .post-wrap {
    flex-direction: column;
    gap: 2.4rem;
  }
  .post-list.design2.case1 .post-wrap .post-figure {
    width: 100%;
    padding-bottom: 56.33%;
  }
  .post-list.design2.case1 .post-wrap .post-inform {
    width: 100%;
    padding: 0 0.8rem;
  }
  .post-list.design2.case1 .post-wrap .post-inform .post-head + .post-date {
    margin-top: 1.2rem;
  }
  .post-list.design2.case1 .post-wrap .post-inform .post-head .post-caption + .post-subject {
    margin-top: 1.2rem;
  }
}
.post-list.design2.type1 .post-item .post-caption {
  color: #ec2326;
  font-weight: 700;
  font-size: 1.6rem;
}
.post-list.design2.type1 .post-item .post-subject {
  color: rgb(21, 21, 26);
  font-weight: 700;
  font-size: 2.2rem;
}
.post-list.design2.type1 .post-item .post-summary {
  color: rgb(63, 63, 70);
  font-weight: 500;
  font-size: 1.6rem;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.post-list.design2.type1 .post-item .post-date {
  color: rgb(113, 113, 122);
  font-weight: 500;
  font-size: 1.4rem;
}
@media (max-width: 1023px) {
  .post-list.design2.type1 .post-item .post-caption {
    font-weight: 700;
    font-size: 1.4rem;
  }
  .post-list.design2.type1 .post-item .post-caption + .post-subject {
    margin-top: 1.2rem;
  }
  .post-list.design2.type1 .post-item .post-subject {
    font-weight: 700;
    font-size: 2rem;
  }
  .post-list.design2.type1 .post-item .post-summary {
    font-weight: 500;
    font-size: 1.4rem;
  }
  .post-list.design2.type1 .post-item .post-date {
    font-weight: 500;
    font-size: 1.2rem;
  }
}
@media (max-width: 1023px) {
  .post-list.design2 {
    gap: 3.2rem;
  }
}
.post-list.design3 {
  display: flex;
  flex-wrap: wrap;
}
.post-list.design3 .post-item {
  width: calc(25% - 1.5rem);
}
.post-list.design3 .post-item .post-figure {
  position: relative;
  width: 100%;
  height: 0;
  border-radius: 1.6rem;
  overflow: hidden;
  padding-bottom: 56.33%;
}
.post-list.design3 .post-item .post-figure img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: translate(-50%, -50%);
}
.post-list.design3 .post-item .post-head .post-subject {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.post-list.design3 .post-item + .post-item {
  margin-left: 2rem;
}
@media (max-width: 1023px) {
  .post-list.design3 .post-item {
    width: 100%;
  }
  .post-list.design3 .post-item .post-figure {
    border-radius: 1.2rem;
    overflow: hidden;
    padding-bottom: 47.2%;
  }
  .post-list.design3 .post-item + .post-item {
    margin-left: 0;
    margin-top: 3.2rem;
  }
}
.post-list.design3.case1 .post-figure + .post-inform {
  margin-top: 2.4rem;
  margin-left: 1.6rem;
}
.post-list.design3.case1 .post-head + .post-body {
  margin-top: 1.6rem;
}
@media (max-width: 1023px) {
  .post-list.design3.case1 {
    flex-direction: column;
  }
  .post-list.design3.case1 .post-figure + .post-inform {
    margin-top: 1.6rem;
  }
  .post-list.design3.case1 .post-head + .post-body {
    margin-top: 1.2rem;
  }
}
.post-list.design3.type1 .post-head .post-caption {
  font-weight: 700;
  font-size: 2rem;
}
.post-list.design3.type1 .post-head .post-summary {
  font-weight: 500;
  font-size: 1.6rem;
}
@media (max-width: 1023px) {
  .post-list.design3.type1 .post-head .post-caption {
    font-weight: 700;
    font-size: 1.8rem;
  }
  .post-list.design3.type1 .post-head .post-summary {
    font-weight: 500;
    font-size: 1.4rem;
  }
}
.post-list.design4 {
  display: flex;
  flex-wrap: wrap;
  gap: 0 2.4rem;
}
@media (max-width: 1023px) {
  .post-list.design4 {
    gap: 0.8rem;
  }
  .post-list.design4 .post-item {
    width: calc(50% - 0.4rem);
  }
}
.post-list.design5 .post-figure {
  text-align: center;
  overflow: hidden;
}
.post-list.design5 .post-figure img {
  display: inline-block;
  max-width: 100%;
}
@media (max-width: 1023px) {
  .post-list.design5 .post-figure {
    width: calc(100% + 3.6rem);
    max-width: unset;
    overflow: auto;
    padding-bottom: 1.6rem;
    padding-right: 1.8rem;
    padding-left: 1.8rem;
    margin-left: -1.8rem;
  }
  .post-list.design5 .post-figure::-webkit-scrollbar {
    height: 0.5rem;
  }
  .post-list.design5 .post-figure::-webkit-scrollbar-thumb {
    background-color: #d5d4d9;
    border-radius: 5rem;
  }
  .post-list.design5 .post-figure::-webkit-scrollbar-track {
    margin-left: 1.8rem;
    margin-right: 1.8rem;
    border-radius: 5rem;
  }
}
.post-list.design5 .post-body + .comment {
  margin-top: 1.6rem;
}
@media (max-width: 1023px) {
  .post-list.design5 .post-body + .comment {
    margin-top: 1.2rem;
  }
}
.post-list.design5.case1 .post-head + .post-figure {
  margin-top: 4rem;
}
@media (max-width: 1023px) {
  .post-list.design5.case1 .post-head + .post-figure {
    margin-top: 2.4rem;
  }
}
.post-list.design5.case2 .post-head + .post-figure {
  margin-top: 2.4rem;
}
@media (max-width: 1023px) {
  .post-list.design5.case2 .post-head + .post-figure {
    margin-top: 1.6rem;
  }
}
.post-list.design5.type1 .post-head .post-subject {
  font-weight: 700;
  font-size: 2.4rem;
  text-align: center;
}
@media (max-width: 1023px) {
  .post-list.design5.type1 .post-head .post-subject {
    font-weight: 700;
    font-size: 2rem;
    text-align: left;
  }
}
@media (max-width: 1023px) {
  .post-list.design5.type1 .post-figure img {
    display: inline-block;
  }
}
.post-list.design5.type2 .post-head .post-subject {
  font-weight: 700;
  font-size: 2.4rem;
}
@media (max-width: 1023px) {
  .post-list.design5.type2 .post-head .post-subject {
    font-weight: 700;
    font-size: 2rem;
  }
}
@media (max-width: 1023px) {
  .post-list.design5.type2 .post-figure img {
    display: inline-block;
  }
}
.post-list.design6 .post-wrap {
  display: flex;
  gap: 6.4rem;
}
.post-list.design6 .post-wrap .post-inform .para + .para {
  margin-top: 1.6rem;
}
.post-list.design6 .post-wrap .post-inform .para + .comment {
  margin-top: 1.6rem;
}
.post-list.design6 .post-wrap .post-body .post-figure {
  border-radius: 1.6rem;
  overflow: hidden;
}
.post-list.design6 .post-wrap .post-body .post-figure img {
  width: 100%;
}
.post-list.design6 .post-wrap .post-body .post-figure + .comment {
  margin-top: 1.6rem;
}
@media (max-width: 1023px) {
  .post-list.design6 .post-wrap {
    gap: 3.2rem;
  }
  .post-list.design6 .post-wrap .post-inform .para + .para {
    margin-top: 1.2rem;
  }
  .post-list.design6 .post-wrap .post-inform .para + .comment {
    margin-top: 1.2rem;
  }
  .post-list.design6 .post-wrap .post-body {
    width: 100%;
  }
  .post-list.design6 .post-wrap .post-body .post-figure + .comment {
    margin-top: 1.2rem;
  }
}
.post-list.design6.case1 .post-wrap {
  align-items: flex-start;
}
.post-list.design6.case1 .post-wrap .post-inform .head + .para {
  margin-top: 1.6rem;
}
@media (max-width: 1023px) {
  .post-list.design6.case1 .post-wrap {
    flex-direction: column-reverse;
  }
  .post-list.design6.case1 .post-wrap .post-inform .head + .para {
    margin-top: 1.2rem;
  }
}
.post-list.design6.case2 .post-wrap {
  align-items: center;
}
@media (max-width: 1023px) {
  .post-list.design6.case2 .post-wrap {
    flex-direction: column;
  }
}
.post-list.design6.case3 .post-wrap {
  align-items: flex-start;
}
.post-list.design6.case3 .post-wrap .post-inform .head + .para {
  margin-top: 2.4rem;
}
@media (max-width: 1023px) {
  .post-list.design6.case3 .post-wrap {
    flex-direction: column;
  }
  .post-list.design6.case3 .post-wrap .post-inform .head + .para {
    margin-top: 1.6rem;
  }
}
.post-list.design6.type1 .post-inform .head {
  font-weight: 700;
  font-size: 2rem;
  color: rgb(63, 63, 70);
}
@media (max-width: 1023px) {
  .post-list.design6.type1 .post-inform .head {
    font-weight: 500;
    font-size: 1.8rem;
  }
}
.post-list.design6.type1 .post-inform .para {
  font-weight: 500;
  font-size: 1.8rem;
  color: rgb(63, 63, 70);
}
@media (max-width: 1023px) {
  .post-list.design6.type1 .post-inform .para {
    font-weight: 500;
    font-size: 1.6rem;
  }
}
.post-list.design6.type2 .post-inform .head {
  font-weight: 700;
  font-size: 2.4rem;
  color: rgb(21, 21, 26);
}
@media (max-width: 1023px) {
  .post-list.design6.type2 .post-inform .head {
    font-weight: 700;
    font-size: 2rem;
  }
}
.post-list.design6.type2 .post-inform .para {
  font-weight: 500;
  font-size: 1.6rem;
  color: rgb(63, 63, 70);
}
@media (max-width: 1023px) {
  .post-list.design6.type2 .post-inform .para {
    font-weight: 500;
    font-size: 1.4rem;
  }
}
.post-list.design6 + .design6 {
  margin-top: 8rem;
}
@media (max-width: 1023px) {
  .post-list.design6 + .design6 {
    margin-top: 4.8rem;
  }
}
.post-list.design7 {
  display: flex;
  gap: 8rem;
}
.post-list.design7 .post-item {
  width: calc(50% - 4rem);
}
.post-list.design7 .post-item .post-wrap {
  display: flex;
  flex-direction: column;
}
@media (max-width: 1023px) {
  .post-list.design7 .post-item .post-wrap {
    flex-direction: column-reverse;
  }
}
.post-list.design7.case1 .post-inform .post-head {
  margin: 6.4rem 0 2.4rem;
}
@media (max-width: 1023px) {
  .post-list.design7.case1 .post-inform .post-head {
    margin-top: 0;
  }
}
.post-list.design7.case1 .post-figure {
  margin-top: 4.8rem;
}
.post-list.design7.type1 .post-inform .post-head .post-subject {
  font-weight: 700;
  font-size: 3.2rem;
}
@media (max-width: 1023px) {
  .post-list.design7.type1 .post-inform .post-head .post-subject {
    font-weight: 700;
    font-size: 2.4rem;
  }
}
.post-list.design7.type1 .post-inform .post-body .para {
  font-weight: 500;
  font-size: 1.8rem;
  color: rgb(63, 63, 70);
}
@media (max-width: 1023px) {
  .post-list.design7.type1 .post-inform .post-body .para {
    font-weight: 500;
    font-size: 1.6rem;
  }
}
.post-list.design7.type1 .post-figure {
  width: 100%;
  text-align: center;
}
.post-list.design7.type1 .post-figure img {
  border-radius: 1.6rem;
}
.post-list.design7.type1 .post-figure img + .comment {
  margin-top: 1.6rem;
}
@media (max-width: 1023px) {
  .post-list.design7.type1 .post-figure img + .comment {
    margin-top: 1.2rem;
  }
}
@media (max-width: 1023px) {
  .post-list.design7.type1 .post-figure img {
    display: inline-block;
    width: 100%;
  }
}
@media (max-width: 1023px) {
  .post-list.design7 {
    flex-direction: column;
  }
  .post-list.design7 .post-item {
    width: 100%;
  }
}
.post-list.csr-governance {
  display: flex;
  flex-wrap: wrap;
  gap: 6.4rem;
}
.post-list.csr-governance > .post-item {
  width: calc(50% - 3.2rem);
}
.post-list.csr-governance > .post-item .post-inform {
  display: flex;
  align-items: stretch;
  gap: 6.4rem;
}
.post-list.csr-governance > .post-item .post-inform .post-figure {
  width: 42.96%;
  height: 0;
  padding-bottom: 54.23%;
  position: relative;
  border-radius: 0.8rem;
  overflow: hidden;
  background-color: rgb(246, 246, 247);
}
.post-list.csr-governance > .post-item .post-inform .post-figure img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.post-list.csr-governance > .post-item .post-inform .post-body {
  display: flex;
  margin: 4rem 0;
  flex-direction: column;
  justify-content: space-between;
}
.post-list.csr-governance > .post-item .post-inform .post-body .head .caption {
  font-weight: 500;
  font-size: 1.8rem;
  color: rgb(151, 53, 208);
}
.post-list.csr-governance > .post-item .post-inform .post-body .head .caption + .name {
  margin-top: 0.8rem;
}
.post-list.csr-governance > .post-item .post-inform .post-body .head .name {
  font-weight: 700;
  font-size: 2.4rem;
  color: rgb(21, 21, 26);
}
.post-list.csr-governance > .post-item .post-inform .post-body .body .data-list .data-item {
  display: flex;
}
.post-list.csr-governance > .post-item .post-inform .post-body .body .data-list .data-item .title {
  color: rgb(21, 21, 26);
  min-width: 6.4rem;
  font-weight: 700;
  font-size: 1.8rem;
}
.en .post-list.csr-governance > .post-item .post-inform .post-body .body .data-list .data-item .title {
  min-width: unset;
}

.post-list.csr-governance > .post-item .post-inform .post-body .body .data-list .data-item .data {
  color: rgb(63, 63, 70);
  font-weight: 500;
  font-size: 1.6rem;
}
.en .post-list.csr-governance > .post-item .post-inform .post-body .body .data-list .data-item .data {
  padding-left: 2rem;
}

.post-list.csr-governance > .post-item .post-inform .post-body .body .data-list .data-item + .data-item {
  margin-top: 0.8rem;
}
@media (max-width: 1023px) {
  .post-list.csr-governance > .post-item {
    width: calc(50% - 0.8rem);
  }
  .post-list.csr-governance > .post-item .post-inform .post-figure {
    padding-bottom: 125.93%;
  }
  .post-list.csr-governance > .post-item .post-inform .post-figure + .post-body {
    margin-top: 0.8rem;
  }
  .post-list.csr-governance > .post-item .post-inform .post-body {
    margin: 0.8rem 1.2rem;
  }
  .post-list.csr-governance > .post-item .post-inform .post-body .head .caption {
    font-weight: 500;
    font-size: 1.6rem;
  }
  .post-list.csr-governance > .post-item .post-inform .post-body .head .caption + .name {
    margin-top: 0.4rem;
  }
  .en .post-list.csr-governance > .post-item .post-inform .post-body .head .caption + .name {
    min-height: 6.4rem;
  }
  .post-list.csr-governance > .post-item .post-inform .post-body .head .name {
    font-weight: 700;
    font-size: 2rem;
  }
  .post-list.csr-governance > .post-item .post-inform .post-body .head + .body {
    margin-top: 1.6rem;
  }
  .post-list.csr-governance > .post-item .post-inform .post-body .body .data-list .data-item .title {
    font-weight: 700;
    font-size: 1.6rem;
    min-width: 5.2rem;
  }
  .post-list.csr-governance > .post-item .post-inform .post-body .body .data-list .data-item .data {
    font-weight: 500;
    font-size: 1.6rem;
  }
  .post-list.csr-governance > .post-item .post-inform .post-body .body .data-list .data-item + .data-item {
    margin-top: 0.8rem;
  }
  .en .post-list.csr-governance > .post-item .post-inform .post-body .body .data-list .data-item {
    flex-direction: column;
  }
}
.post-list.csr-governance.case1 {
  border-bottom: 1px solid rgb(228, 228, 231);
  padding-bottom: 4rem;
}
@media (max-width: 1023px) {
  .post-list.csr-governance.case1 {
    gap: 1.6rem;
    padding-bottom: 2.4rem;
  }
  .post-list.csr-governance.case1 > .post-item .post-inform {
    flex-direction: column;
    gap: 0.8rem;
  }
  .post-list.csr-governance.case1 > .post-item .post-inform .post-figure {
    width: 100%;
  }
  .post-list.csr-governance.case1 > .post-item .post-inform .post-body .body .data-item .title + .data {
    padding-left: 1.2rem;
  }
  .en .post-list.csr-governance.case1 > .post-item .post-inform .post-body .body .data-item .title + .data {
    padding-left: unset;
  }
}
.post-list.csr-governance.case2 > .post-item .post-inform + .post-profile {
  margin-top: 2.4rem;
}
.post-list.csr-governance.case2 > .post-item .post-profile {
  padding: 1.6rem 2.4rem 2.4rem;
  border: 1px solid rgb(228, 228, 231);
  border-radius: 0.8rem;
  min-height: 20.1rem;
}
.post-list.csr-governance.case2 > .post-item .post-profile .caption {
  font-weight: 700;
  font-size: 1.8rem;
  color: rgb(21, 21, 26);
}
.post-list.csr-governance.case2 > .post-item .post-profile .caption + .data-list {
  margin-top: 1.6rem;
}
.post-list.csr-governance.case2 > .post-item .post-profile > .data-list .data-item {
  font-weight: 500;
  font-size: 1.6rem;
  color: rgb(63, 63, 70);
}
.post-list.csr-governance.case2 > .post-item .post-profile > .data-list .data-item + .data-item {
  margin-top: 0.4rem;
}
@media (max-width: 1023px) {
  .post-list.csr-governance.case2 {
    gap: 3.2rem;
  }
  .post-list.csr-governance.case2 > .post-item {
    width: 100%;
  }
  .post-list.csr-governance.case2 > .post-item .post-inform {
    gap: 2.4rem;
  }
  .post-list.csr-governance.case2 > .post-item .post-inform + .post-profile {
    margin-top: 1.8rem;
  }
  .post-list.csr-governance.case2 > .post-item .post-inform .post-figure {
    width: 43.2%;
    padding-bottom: 60.18%;
  }
  .post-list.csr-governance.case2 > .post-item .post-inform .post-body {
    width: 40.8%;
    justify-content: normal;
  }
  .post-list.csr-governance.case2 > .post-item .post-inform .post-body .body .data-item .title + .data {
    padding-left: 0.4rem;
  }
  .en .post-list.csr-governance.case2 > .post-item .post-inform .post-body .body .data-item .title + .data {
    padding-left: unset;
  }
  .en .post-list.csr-governance.case2 > .post-item .post-inform {
    gap: 1rem;
  }
  .en .post-list.csr-governance.case2 > .post-item .post-inform .post-figure {
    width: 54%;
  }
  .en .post-list.csr-governance.case2 > .post-item .post-inform .post-body {
    width: 40%;
  }
  .post-list.csr-governance.case2 > .post-item .post-profile {
    padding: 1.2rem 1.6rem;
    min-height: unset;
  }
  .post-list.csr-governance.case2 > .post-item .post-profile .caption {
    font-weight: 700;
    font-size: 1.6rem;
  }
  .post-list.csr-governance.case2 > .post-item .post-profile .caption + .data-list {
    margin-top: 1.2rem;
  }
  .post-list.csr-governance.case2 > .post-item .post-profile > .data-list .data-item {
    font-weight: 500;
    font-size: 1.4rem;
  }
  .post-list.csr-governance.case2 > .post-item .post-profile > .data-list .data-item + .data-item {
    margin-top: 0.4rem;
  }
}

.tab-display.design1 .tab-wrap .tab-list {
  align-items: flex-end;
}
.tab-display.design1 .tab-wrap .tab-item {
  max-width: 60rem;
  flex-shrink: 1;
}
.tab-display.design1 .tab-wrap .tab-item .tab-text {
  display: inline-block;
  position: relative;
  width: 100%;
  transition: color 0.3s ease;
}
.tab-display.design1 .tab-wrap .tab-item .tab-text::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.1rem;
  content: "";
  background-color: rgb(228, 228, 231);
  transition: 0.3s ease;
}
.tab-display.design1 .tab-wrap .tab-item.active .tab-text::after {
  height: 0.3rem;
  background-color: rgb(0, 0, 0);
}
.tab-display.design1 .tab-wrap.full .tab-item {
  width: 100%;
  flex-shrink: 1;
}
@media (max-width: 1023px) {
  .tab-display.design1 {
    position: relative;
  }
  .tab-display.design1 .tab-list .tab-item {
    width: auto;
    max-width: unset;
    flex-shrink: 0;
  }
  .tab-display.design1::after {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 0.1rem;
    content: "";
    background-color: rgb(228, 228, 231);
  }
}
.tab-display.case1 .tab-wrap .tab-item .tab-text {
  padding: 2rem 1rem;
}
@media (max-width: 1023px) {
  .tab-display.case1 .tab-wrap .tab-item .tab-text {
    padding: 2rem;
  }
}
.tab-display.case2 .tab-wrap .tab-item .tab-text {
  padding: 2rem 1rem;
}
.tab-display.type1 .tab-wrap .tab-item .tab-text {
  color: rgb(113, 113, 122);
  font-weight: 700;
  font-size: 1.8rem;
}
.tab-display.type1 .tab-wrap .tab-item.active .tab-text {
  color: rgb(0, 0, 0);
}
.tab-display.type2 .tab-wrap .tab-item .tab-text {
  color: rgb(113, 113, 122);
  font-weight: 700;
  font-size: 1.8rem;
}
@media (max-width: 1023px) {
  .tab-display.type2 .tab-wrap .tab-item .tab-text {
    font-weight: 700;
    font-size: 1.6rem;
  }
}
.tab-display.type2 .tab-wrap .tab-item.active .tab-text {
  color: rgb(0, 0, 0);
}

.panel-display.design1 .panel-list .panel-item.hidden {
  display: none;
}
.panel-display.case1 {
  padding-top: 6.4rem;
}
@media (max-width: 1023px) {
  .panel-display.case1 {
    padding-top: 3.2rem;
  }
}

.accordion-display .accordion-item .accordion-head {
  cursor: pointer;
}
.accordion-display .accordion-item .accordion-head .btn {
  display: block;
  width: 100%;
}
.accordion-display .accordion-item .accordion-head .btn .btn-text {
  white-space: normal;
}
.accordion-display .accordion-item .accordion-body {
  height: 0;
  transition: height 0.3s ease;
  overflow: hidden;
}
.accordion-display.collapse {
  height: auto;
}
.accordion-display.design2.case1 .accordion-item .accordion-head {
  position: relative;
  background-color: rgb(255, 255, 255);
}
@media (min-width: 1024px) {
  .accordion-display.design2.case1 .accordion-item .accordion-head {
    border-bottom: 1px solid rgb(113, 113, 122);
  }
}
.accordion-display.design2.case1 .accordion-item .accordion-head .btn {
  position: relative;
  padding: 2.4rem 5.6rem 2.4rem 0;
}
.accordion-display.design2.case1 .accordion-item .accordion-head .btn::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 2.4rem;
  height: 2.4rem;
  background: url("data:image/svg+xml,%0A%3Csvg width='14' height='9' viewBox='0 0 14 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.6348 0.365166C13.9863 0.716638 13.9863 1.28649 13.6348 1.63796L6.99844 8.27435L0.362041 1.63796C0.0105695 1.28649 0.0105695 0.716638 0.362041 0.365166C0.713513 0.0136939 1.28336 0.013694 1.63483 0.365166L6.99844 5.72877L12.362 0.365166C12.7135 0.0136945 13.2834 0.0136945 13.6348 0.365166Z' fill='rgb(39,39,42)'/%3E%3C/svg%3E%0A")
    no-repeat center center;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='14' height='9' viewBox='0 0 14 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.6348 0.365166C13.9863 0.716638 13.9863 1.28649 13.6348 1.63796L6.99844 8.27435L0.362041 1.63796C0.0105695 1.28649 0.0105695 0.716638 0.362041 0.365166C0.713513 0.0136939 1.28336 0.013694 1.63483 0.365166L6.99844 5.72877L12.362 0.365166C12.7135 0.0136945 13.2834 0.0136945 13.6348 0.365166Z' fill='rgb(39,39,42)'/%3E%3C/svg%3E%0A");
  background-size: 1.4rem 0.9rem;
  transform: translateY(-50%);
  transition: all 0.3s ease;
}
@media (max-width: 1023px) {
  .accordion-display.design2.case1 .accordion-item .accordion-head .btn {
    padding: 1.6rem 4.8rem 1.6rem 0;
  }
}
.accordion-display.design2.case1 .accordion-item .accordion-body .accordion-inner {
  padding: 2.4rem 0 8rem;
}
@media (max-width: 1023px) {
  .accordion-display.design2.case1 .accordion-item .accordion-body .accordion-inner {
    padding: 1.6rem 0 4.8rem;
  }
}
.accordion-display.design2.case1 .accordion-item .accordion-body .para + .para {
  margin-top: 1.6rem;
}
@media (max-width: 1023px) {
  .accordion-display.design2.case1 .accordion-item .accordion-body .para + .para {
    margin-top: 1.2rem;
  }
}
.accordion-display.design2.case1 .accordion-item:last-child .accordion-body .accordion-inner {
  padding: 2.4rem 0 0;
}
@media (max-width: 1023px) {
  .accordion-display.design2.case1 .accordion-item:last-child .accordion-body .accordion-inner {
    padding: 1.6rem 0 0;
  }
}
.accordion-display.design2.case1 .accordion-item.active .accordion-head .btn::after {
  transform: translateY(-50%) rotate(-180deg);
}
.accordion-display.design2.type1 .accordion-item .accordion-head .btn .btn-text {
  color: rgb(21, 21, 26);
  text-align: left;
  font-weight: 700;
  font-size: 2.4rem;
}
@media (max-width: 1023px) {
  .accordion-display.design2.type1 .accordion-item .accordion-head .btn .btn-text {
    font-weight: 700;
    font-size: 2rem;
  }
}
.accordion-display.design2.type1 .accordion-item .accordion-body .para {
  color: rgb(63, 63, 70);
  font-weight: 500;
  font-size: 1.8rem;
}
@media (max-width: 1023px) {
  .accordion-display.design2.type1 .accordion-item .accordion-body .para {
    font-weight: 500;
    font-size: 1.6rem;
  }
}
.accordion-display.design2.type2 .accordion-item .accordion-head .btn .btn-text {
  color: rgb(21, 21, 26);
  text-align: left;
  font-weight: 700;
  font-size: 2rem;
}
@media (max-width: 1023px) {
  .accordion-display.design2.type2 .accordion-item .accordion-head .btn .btn-text {
    font-weight: 700;
    font-size: 1.8rem;
  }
}
.accordion-display.design2.type2 .accordion-item .accordion-body .para {
  color: rgb(63, 63, 70);
  font-weight: 500;
  font-size: 1.6rem;
}
@media (max-width: 1023px) {
  .accordion-display.design2.type2 .accordion-item .accordion-body .para {
    font-weight: 500;
    font-size: 1.4rem;
  }
}

.t-display {
  width: 100%;
  margin: 0 auto;
  max-width: 120rem;
}
.t-display table {
  width: 100%;
  table-layout: fixed;
  border-spacing: 0;
  border-collapse: collapse;
  border-right: hidden;
  border-left: hidden;
  border-top: hidden;
}
@media (max-width: 1023px) {
  .t-display.scroll {
    width: calc(100% + 3.6rem);
    max-width: unset;
    overflow: auto;
    padding-bottom: 1.6rem;
    padding-right: 1.8rem;
    padding-left: 1.8rem;
    margin-left: -1.8rem;
  }
  .t-display.scroll::-webkit-scrollbar {
    height: 0.5rem;
  }
  .t-display.scroll::-webkit-scrollbar-thumb {
    background-color: #d5d4d9;
    border-radius: 5rem;
  }
  .t-display.scroll::-webkit-scrollbar-track {
    margin-left: 1.8rem;
    margin-right: 1.8rem;
    border-radius: 5rem;
  }
  .t-display.scroll table {
    padding-right: 1.8rem;
  }
}
.t-display.design1.case1 table > thead > tr > th {
  padding: 1.8rem;
  background-color: rgb(39, 39, 42);
  border-right: 1px solid rgb(113, 113, 122);
  border-left: 1px solid rgb(113, 113, 122);
  border-top: 1px solid rgb(113, 113, 122);
}
@media (max-width: 1023px) {
  .t-display.design1.case1 table > thead > tr > th {
    padding: 1.5rem 1rem;
  }
}
.t-display.design1.case1 table > thead > tr > th.radius-type1 {
  border-radius: 0 0.8rem 0 0 !important;
}
.t-display.design1.case1 table > thead > tr > th.radius-type2 {
  border-radius: 0 0 0.8rem 0 !important;
}
.t-display.design1.case1 table > thead > tr:first-child > th:first-child {
  border-radius: 0.8rem 0 0 0.8rem;
}
.t-display.design1.case1 table > thead > tr:first-child > th:last-child {
  border-radius: 0 0.8rem 0.8rem 0;
}
.t-display.design1.case1 table > tbody > tr > th,
.t-display.design1.case1 table > tbody > tr > td {
  padding: 1.8rem 2rem;
  vertical-align: middle;
  border-right: 1px solid rgb(228, 228, 231);
  border-bottom: 1px solid rgb(228, 228, 231);
}
.t-display.design1.case1 table > tbody > tr > th.t-bg,
.t-display.design1.case1 table > tbody > tr > td.t-bg {
  background: rgb(246, 246, 247);
}
@media (max-width: 1023px) {
  .t-display.design1.case1 table > tbody > tr > th,
  .t-display.design1.case1 table > tbody > tr > td {
    padding: 1.5rem 2.4rem;
  }
}
.t-display.design1.case1 .table-info .info-text {
  font-weight: 700;
  font-size: 1.8rem;
  color: #15151a;
}
@media (max-width: 1023px) {
  .t-display.design1.case1 .table-info .info-text {
    font-size: 1.6rem;
  }
}
.t-display.design1.case1 .table-info + table {
  margin-top: 2.4rem;
}
@media (max-width: 1023px) {
  .t-display.design1.case1 .table-info + table {
    margin-top: 1.6rem;
  }
}
.t-display.design1.case2 table > thead > tr > th {
  padding: 1.8rem;
  background-color: rgb(39, 39, 42);
  border-right: 1px solid rgb(113, 113, 122);
}
@media (max-width: 1023px) {
  .t-display.design1.case2 table > thead > tr > th {
    padding: 1.5rem 1rem;
  }
}
.t-display.design1.case2 table > thead > tr:first-child > th:first-child {
  border-radius: 0.8rem 0 0 0.8rem;
}
.t-display.design1.case2 table > thead > tr:first-child > th:last-child {
  border-radius: 0 0.8rem 0.8rem 0;
}
.t-display.design1.case2 table > tbody > tr > th,
.t-display.design1.case2 table > tbody > tr > td {
  padding: 1.8rem 2rem;
  vertical-align: middle;
  border-right: 1px solid rgb(228, 228, 231);
}
@media (max-width: 1023px) {
  .t-display.design1.case2 table > tbody > tr > th,
  .t-display.design1.case2 table > tbody > tr > td {
    padding: 1.5rem 2.4rem;
  }
}
.t-display.design1.type1 table > thead > tr > th {
  color: rgb(255, 255, 255);
  text-align: center;
  font-weight: 700;
  font-size: 1.8rem;
}
@media (max-width: 1023px) {
  .t-display.design1.type1 table > thead > tr > th {
    font-weight: 700;
    font-size: 1.6rem;
  }
}
.t-display.design1.type1 table > tbody > tr > th,
.t-display.design1.type1 table > tbody > tr > td {
  color: rgb(63, 63, 70);
  font-weight: 700;
  font-size: 1.8rem;
}
@media (max-width: 1023px) {
  .t-display.design1.type1 table > tbody > tr > th,
  .t-display.design1.type1 table > tbody > tr > td {
    font-weight: 700;
    font-size: 1.6rem;
  }
}
@media (max-width: 1023px) {
  .t-display.design1.mo-layout1 table > colgroup col:first-child {
    display: none;
  }
  .t-display.design1.mo-layout1 table > thead > tr > th:first-child {
    display: none;
  }
  .t-display.design1.mo-layout1 table > thead > tr > th:nth-child(2) {
    border-radius: 0.8rem 0 0 0.8rem;
  }
  .t-display.design1.mo-layout1 table > tbody > tr > td:first-child {
    display: none;
  }
  .t-display.design1.mo-layout1 table > tbody > tr > td.fs-0 .btn .btn-text {
    font-size: 0;
  }
  .t-display.design1.mo-layout1 table > tbody > tr > td.fs-0 .btn .btn-text::after {
    margin-left: 0;
  }
}
.t-display.design2.case1 table > thead > tr > th {
  padding: 1.8rem;
  background-color: rgb(39, 39, 42);
  border-right: 1px solid rgb(113, 113, 122);
  border-left: 1px solid rgb(113, 113, 122);
}
@media (max-width: 1023px) {
  .t-display.design2.case1 table > thead > tr > th {
    padding: 1.5rem 1rem;
  }
}
.t-display.design2.case1 table > tbody > tr > th,
.t-display.design2.case1 table > tbody > tr > td {
  padding: 2rem;
  vertical-align: middle;
  border-right: 1px solid rgb(228, 228, 231);
  border-bottom: 1px solid rgb(228, 228, 231);
}
@media (max-width: 1023px) {
  .t-display.design2.case1 table > tbody > tr > th,
  .t-display.design2.case1 table > tbody > tr > td {
    padding: 1.5rem 2.4rem;
  }
}
.t-display.design2.case1 table > tbody > tr > th.t-bg,
.t-display.design2.case1 table > tbody > tr > td.t-bg {
  background: rgb(246, 246, 247);
  text-align: center;
}
.t-display.design2.type1 table > thead > tr > th {
  font-weight: 700;
  font-size: 1.8rem;
  color: rgb(255, 255, 255);
  text-align: center;
}
@media (max-width: 1023px) {
  .t-display.design2.type1 table > thead > tr > th {
    font-weight: 700;
    font-size: 1.6rem;
  }
}
.t-display.design2.type1 table > tbody > tr > th,
.t-display.design2.type1 table > tbody > tr > td {
  font-weight: 700;
  font-size: 1.8rem;
  color: rgb(63, 63, 70);
}
@media (max-width: 1023px) {
  .t-display.design2.type1 table > tbody > tr > th,
  .t-display.design2.type1 table > tbody > tr > td {
    font-weight: 700;
    font-size: 1.6rem;
  }
}
.t-display.design3 {
  display: flex;
}
.t-display.design3.case1 table {
  border-top: 1px solid rgb(113, 113, 122);
}
.t-display.design3.case1 table > thead > tr > th {
  padding: 1.8rem;
  background-color: rgb(39, 39, 42);
  border-right: 1px solid rgb(113, 113, 122);
  border-left: 1px solid rgb(113, 113, 122);
  border-top: 1px solid rgb(113, 113, 122);
  border-bottom: 1px solid rgb(113, 113, 122);
}
@media (max-width: 1023px) {
  .t-display.design3.case1 table > thead > tr > th {
    padding: 1.5rem 1rem;
  }
}
.t-display.design3.case1 table > tbody > tr > th,
.t-display.design3.case1 table > tbody > tr > td {
  padding: 1.8rem;
  vertical-align: middle;
  border-right: 1px solid rgb(228, 228, 231);
}
@media (max-width: 1023px) {
  .t-display.design3.case1 table > tbody > tr > th,
  .t-display.design3.case1 table > tbody > tr > td {
    padding: 1.5rem 2.4rem;
  }
}
.t-display.design3.case1 table > tbody > tr > th.t-bg,
.t-display.design3.case1 table > tbody > tr > td.t-bg {
  background: rgb(246, 246, 247);
  border-bottom: 1px solid rgb(228, 228, 231);
}
.t-display.design3.case1 table > tbody > tr > th.bl-bg,
.t-display.design3.case1 table > tbody > tr > td.bl-bg {
  background-color: rgb(39, 39, 42);
  border-bottom: 1px solid rgb(113, 113, 122);
}
.t-display.design3.case1 table > tbody > tr > td {
  border-bottom: 1px solid rgb(228, 228, 231);
}
.t-display.design3.case1 table + table {
  border-top: unset;
  border-left: 1px solid rgb(113, 113, 122);
  position: relative;
}
@media (max-width: 1023px) {
  .t-display.design3.case1 table + table {
    border-top: 1px solid rgb(113, 113, 122);
  }
}
.t-display.design3.case1 table + table > tbody > tr:first-child > td {
  border-top: 1px solid rgb(228, 228, 231);
}
.t-display.design3.type1 table > thead > tr > th {
  font-weight: 700;
  font-size: 1.8rem;
  color: rgb(255, 255, 255);
  text-align: center;
}
@media (max-width: 1023px) {
  .t-display.design3.type1 table > thead > tr > th {
    font-weight: 700;
    font-size: 1.6rem;
  }
}
.t-display.design3.type1 table > tbody > tr > th,
.t-display.design3.type1 table > tbody > tr > td {
  font-weight: 700;
  font-size: 1.8rem;
  color: rgb(63, 63, 70);
}
@media (max-width: 1023px) {
  .t-display.design3.type1 table > tbody > tr > th,
  .t-display.design3.type1 table > tbody > tr > td {
    font-weight: 700;
    font-size: 1.6rem;
  }
}
.t-display.design3.type1 table > tbody > tr > th.bl-bg,
.t-display.design3.type1 table > tbody > tr > td.bl-bg {
  color: rgb(246, 246, 247);
}
.t-display.design4.case1 table > thead > tr > th {
  padding: 1.8rem;
  background-color: rgb(39, 39, 42);
  border-right: 1px solid rgb(113, 113, 122);
  border-left: 1px solid rgb(113, 113, 122);
  border-top: 1px solid rgb(113, 113, 122);
  border-bottom: 1px solid rgb(113, 113, 122);
}
@media (max-width: 1023px) {
  .t-display.design4.case1 table > thead > tr > th {
    padding: 1.5rem 1rem;
  }
}
.t-display.design4.case1 table > thead > tr > th.t-bg {
  background: rgb(246, 246, 247);
  border-right: 1px solid rgb(228, 228, 231);
  border-bottom: 1px solid rgb(228, 228, 231);
}
.t-display.design4.case1 table > tbody > tr > th,
.t-display.design4.case1 table > tbody > tr > td {
  padding: 2rem;
  vertical-align: middle;
  border-right: 1px solid rgb(228, 228, 231);
  border-bottom: 1px solid rgb(228, 228, 231);
}
@media (max-width: 1023px) {
  .t-display.design4.case1 table > tbody > tr > th,
  .t-display.design4.case1 table > tbody > tr > td {
    padding: 1.5rem 2.4rem;
  }
}
.t-display.design4.case1 table > tbody > tr > td.t-bg {
  background: rgb(246, 246, 247);
}
.t-display.design4.case1 table > tbody > tr > td .radio-list {
  align-items: center;
  justify-content: center;
}
.t-display.design4.type1 table > thead > tr > th {
  font-weight: 700;
  font-size: 1.8rem;
  color: rgb(255, 255, 255);
  text-align: center;
}
@media (max-width: 1023px) {
  .t-display.design4.type1 table > thead > tr > th {
    font-weight: 700;
    font-size: 1.6rem;
  }
}
.t-display.design4.type1 table > thead > tr > th.t-bg {
  font-weight: 700;
  font-size: 1.6rem;
  color: rgb(63, 63, 70);
}
@media (max-width: 1023px) {
  .t-display.design4.type1 table > thead > tr > th.t-bg {
    font-weight: 700;
    font-size: 1.4rem;
  }
}
.t-display.design4.type1 table > tbody > tr > th,
.t-display.design4.type1 table > tbody > tr > td {
  font-weight: 700;
  font-size: 1.8rem;
  color: rgb(63, 63, 70);
}
@media (max-width: 1023px) {
  .t-display.design4.type1 table > tbody > tr > th,
  .t-display.design4.type1 table > tbody > tr > td {
    font-weight: 700;
    font-size: 1.6rem;
  }
}
.t-display.align1 tbody {
  text-align: left;
}
.t-display.align2 tbody {
  text-align: right;
}
.t-display.align3 tbody {
  text-align: center;
}
.t-display th.align1,
.t-display td.align1 {
  text-align: left;
}
.t-display th.align2,
.t-display td.align2 {
  text-align: right;
}
.t-display th.align3,
.t-display td.align3 {
  text-align: center;
}
.t-display .t-info.type1 {
  color: rgb(161, 161, 170);
  font-weight: 600;
  font-size: 3.2rem;
}
.t-display .t-info.type2 {
  color: rgb(161, 161, 170);
  font-weight: 600;
  font-size: 1.3rem;
}
.t-display .t-info + table {
  margin-top: 2rem;
}
.t-display table + .t-info {
  margin-top: 2rem;
}
.t-display .no-results {
  padding: 6.6rem 0 7.8rem;
}
.t-display + .comment {
  margin-top: 1.6rem;
}
@media (max-width: 1023px) {
  .t-display + .comment {
    margin-top: 1.2rem;
  }
}

.pagination.design1.case1 {
  display: flex;
  align-items: center;
  justify-content: center;
}
.pagination.design1.case1 .page-util .util-item.disabled {
  pointer-events: none;
}
.pagination.design1.case1 .page-list {
  display: flex;
  margin: 0 4rem;
  gap: 0.1rem;
}
.pagination.design1.case1 .page-list .page-item {
  font-weight: 700;
  font-size: 1.8rem;
  color: rgb(39, 39, 42);
  text-align: center;
  min-width: 4rem;
}
.pagination.design1.case1 .page-list .page-item.current {
  color: rgb(151, 53, 208);
}
@media (max-width: 1023px) {
  .pagination.design1.case1 .page-list {
    margin: 0 2.4rem;
  }
}

.swiper-display.pr-swiper1 {
  width: 88%;
  max-width: 105.6rem;
}
.swiper-display.pr-swiper1 .swiper-wrapper .swiper-slide .img {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56%;
  border-radius: 1.6rem;
  overflow: hidden;
  aspect-ratio: 336/189;
}
.swiper-display.pr-swiper1 .swiper-wrapper .swiper-slide .img iframe,
.swiper-display.pr-swiper1 .swiper-wrapper .swiper-slide .img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.swiper-display.pr-swiper1 .swiper-wrapper .swiper-slide .img::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  content: "";
  background-image: url("data:image/svg+xml,%0A%3Csvg width='16' height='18' viewBox='0 0 16 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 7.26945C16.3333 8.03925 16.3333 9.96375 15 10.7336L3 17.6618C1.66667 18.4316 -6.72981e-08 17.4693 0 15.9297L6.0568e-07 2.0733C6.72978e-07 0.533696 1.66667 -0.428555 3 0.341246L15 7.26945Z' fill='rgb(255,255,255)'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center center;
  background-color: rgba(0, 0, 0, 0.6);
  background-size: 1.6rem 1.8rem;
  transform: translate(-50%, -50%);
}
.swiper-display.pr-swiper1 .swiper-wrapper .swiper-slide .para {
  position: absolute;
  bottom: 1.6rem;
  left: 50%;
  width: calc(100% - 3.2rem);
  color: rgb(255, 255, 255);
  transform: translateX(-50%);
  z-index: 1;
  font-weight: 700;
  font-size: 1.4rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.swiper-display.pr-swiper1 .swiper-wrapper .swiper-slide.swiper-slide-active .img::after {
  display: none;
}
.swiper-display.pr-swiper1 .swiper-wrapper .swiper-slide.swiper-slide-active .para {
  color: transparent;
}
.swiper-display.pr-swiper1 .swiper-wrapper .swiper-slide.swiper-slide-active::after {
  position: absolute;
  right: 0.8rem;
  bottom: 0.8rem;
  width: 4.8rem;
  height: 4.8rem;
  content: "";
  background-image: url("data:image/svg+xml,%0A%3Csvg width='25' height='28' viewBox='0 0 25 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.7109 2C16.7109 1.17157 17.3825 0.5 18.2109 0.5C19.0394 0.5 19.7109 1.17157 19.7109 2V26C19.7109 26.8284 19.0394 27.5 18.2109 27.5C17.3825 27.5 16.7109 26.8284 16.7109 26V2ZM12.9609 7.25C12.1325 7.25 11.4609 7.92157 11.4609 8.75V26C11.4609 26.8284 12.1325 27.5 12.9609 27.5C13.7894 27.5 14.4609 26.8284 14.4609 26V8.75C14.4609 7.92157 13.7894 7.25 12.9609 7.25ZM0.960938 17.75C0.960938 16.9216 1.63251 16.25 2.46094 16.25C3.28936 16.25 3.96094 16.9216 3.96094 17.75V26C3.96094 26.8284 3.28936 27.5 2.46094 27.5C1.63251 27.5 0.960938 26.8284 0.960938 26V17.75ZM6.21094 20C6.21094 19.1716 6.88251 18.5 7.71094 18.5C8.53936 18.5 9.21094 19.1716 9.21094 20V26C9.21094 26.8284 8.53936 27.5 7.71094 27.5C6.88251 27.5 6.21094 26.8284 6.21094 26V20ZM23.4609 9.5C22.6325 9.5 21.9609 10.1716 21.9609 11V26C21.9609 26.8284 22.6325 27.5 23.4609 27.5C24.2894 27.5 24.9609 26.8284 24.9609 26V11C24.9609 10.1716 24.2894 9.5 23.4609 9.5Z' fill='rgb(255,255,255)'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 2.4rem 2.7rem;
  background-position: center center;
}
.swiper-display.pr-swiper1 + .swiper-control .swiper-button-prev {
  left: 0;
}
.swiper-display.pr-swiper1 + .swiper-control .swiper-button-next {
  right: 0;
}
@media (max-width: 1023px) {
  .swiper-display.pr-swiper1 + .swiper-control {
    display: flex;
    position: relative;
    margin-top: 2.4rem;
    align-items: center;
  }
  .swiper-display.pr-swiper1 + .swiper-control .swiper-button-next {
    left: 1.2rem;
  }
  .swiper-display.pr-swiper1 + .swiper-control [class*="swiper-button"] {
    position: relative;
    margin: unset;
    transform: unset;
  }
}
@media (max-width: 1023px) {
  .swiper-display.pr-swiper1 {
    width: 100%;
  }
  .swiper-display.pr-swiper1 .swiper-wrapper .swiper-slide .img + .para {
    margin-top: 1.2rem;
  }
  .swiper-display.pr-swiper1 .swiper-wrapper .swiper-slide .img::after {
    display: none;
  }
  .swiper-display.pr-swiper1 .swiper-wrapper .swiper-slide .para {
    position: relative;
    bottom: unset;
    left: unset;
    width: 100%;
    padding: 0 0.8rem;
    color: rgb(21, 21, 26);
    white-space: wrap;
    transform: unset;
    z-index: 1;
    font-weight: 700;
    font-size: 1.2rem;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .swiper-display.pr-swiper1 .swiper-wrapper .swiper-slide.swiper-slide-active .img::after {
    display: none;
  }
  .swiper-display.pr-swiper1 .swiper-wrapper .swiper-slide.swiper-slide-active .para {
    color: rgb(21, 21, 26);
  }
  .swiper-display.pr-swiper1 .swiper-wrapper .swiper-slide.swiper-slide-active::after {
    display: none;
  }
}
.swiper-display.pr-swiper2 {
  position: relative;
}
.swiper-display.pr-swiper2 .swiper-wrapper .swiper-slide:has(a:focus-visible) {
  outline: auto;
}
.swiper-display.pr-swiper2 .swiper-wrapper .swiper-slide > a {
  display: flex;
  position: relative;
  pointer-events: none;
}
.swiper-display.pr-swiper2 .swiper-wrapper .swiper-slide > a img,
.swiper-display.pr-swiper2 .swiper-wrapper .swiper-slide > a .tit,
.swiper-display.pr-swiper2 .swiper-wrapper .swiper-slide > a .des {
  pointer-events: auto;
}
.swiper-display.pr-swiper2 .swiper-wrapper .swiper-slide > a .figure-wrap {
  position: relative;
  border-radius: 1.6rem;
  overflow: hidden;
  width: 49.17%;
  max-width: 59rem;
  height: 0;
  padding-bottom: 45.3rem;
}
.swiper-display.pr-swiper2 .swiper-wrapper .swiper-slide > a .figure-wrap > img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  object-fit: cover;
  transition: transform 0.3s ease-out;
}
@media (max-width: 1023px) {
  .swiper-display.pr-swiper2 .swiper-wrapper .swiper-slide > a .figure-wrap {
    width: 100%;
    max-width: unset;
    height: 0;
    padding-bottom: 76.7%;
  }
}
.swiper-display.pr-swiper2 .swiper-wrapper .swiper-slide > a .text-wrap {
  width: 100%;
  width: 53rem;
  flex-shrink: 0;
}
.swiper-display.pr-swiper2 .swiper-wrapper .swiper-slide > a .text-wrap .slide-head .cate {
  display: block;
  color: rgb(151, 53, 208);
}
.swiper-display.pr-swiper2 .swiper-wrapper .swiper-slide > a .text-wrap .slide-head .cate + .tit {
  color: rgb(21, 21, 26);
}
@media (min-width: 1024px) {
  .swiper-display.pr-swiper2 .swiper-wrapper .swiper-slide > a .text-wrap .slide-head .cate + .tit {
    margin-top: 2.4rem;
    font-weight: 700;
    font-size: 3.2rem;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
}
@media (max-width: 1023px) {
  .swiper-display.pr-swiper2 .swiper-wrapper .swiper-slide > a .text-wrap .slide-head .cate + .tit {
    margin-top: 1.6rem;
    font-weight: 700;
    font-size: 2.4rem;
  }
}
@media (min-width: 1024px) {
  .swiper-display.pr-swiper2 .swiper-wrapper .swiper-slide > a .text-wrap .slide-head .cate {
    font-weight: 700;
    font-size: 1.6rem;
  }
}
@media (max-width: 1023px) {
  .swiper-display.pr-swiper2 .swiper-wrapper .swiper-slide > a .text-wrap .slide-head .cate {
    font-weight: 700;
    font-size: 1.4rem;
  }
}
.swiper-display.pr-swiper2 .swiper-wrapper .swiper-slide > a .text-wrap .slide-head + .slide-body .des {
  color: rgb(63, 63, 70);
  margin-top: 1.2rem;
}
@media (min-width: 1024px) {
  .swiper-display.pr-swiper2 .swiper-wrapper .swiper-slide > a .text-wrap .slide-head + .slide-body .des {
    font-weight: 500;
    font-size: 1.8rem;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
  .swiper-display.pr-swiper2 .swiper-wrapper .swiper-slide > a .text-wrap .slide-head + .slide-body .des + .date {
    padding-top: 2.4rem;
  }
}
@media (max-width: 1023px) {
  .swiper-display.pr-swiper2 .swiper-wrapper .swiper-slide > a .text-wrap .slide-head + .slide-body .des {
    font-weight: 500;
    font-size: 1.6rem;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
  .swiper-display.pr-swiper2 .swiper-wrapper .swiper-slide > a .text-wrap .slide-head + .slide-body .des + .date {
    padding-top: 1.6rem;
  }
}
.swiper-display.pr-swiper2 .swiper-wrapper .swiper-slide > a .text-wrap .slide-head + .slide-body .date {
  display: inline-block;
  color: rgb(113, 113, 122);
}
@media (min-width: 1024px) {
  .swiper-display.pr-swiper2 .swiper-wrapper .swiper-slide > a .text-wrap .slide-head + .slide-body .date {
    font-weight: 500;
    font-size: 1.4rem;
  }
}
@media (max-width: 1023px) {
  .swiper-display.pr-swiper2 .swiper-wrapper .swiper-slide > a .text-wrap .slide-head + .slide-body .date {
    font-weight: 500;
    font-size: 1.2rem;
  }
}
@media (min-width: 1024px) {
  .swiper-display.pr-swiper2 .swiper-wrapper .swiper-slide > a .text-wrap .slide-head {
    padding-top: 4rem;
  }
}
@media (min-width: 1024px) {
  .swiper-display.pr-swiper2 .swiper-wrapper .swiper-slide > a {
    gap: 3rem;
    justify-content: space-between;
  }
  .swiper-display.pr-swiper2 .swiper-wrapper .swiper-slide > a:hover .figure-wrap img {
    transform: translate(-50%, -50%) scale(1.1);
  }
}
@media (max-width: 1023px) {
  .swiper-display.pr-swiper2 .swiper-wrapper .swiper-slide > a {
    flex-direction: column;
    gap: 4.8rem;
  }
}
@media (min-width: 1024px) {
  .swiper-display.pr-swiper2 .swiper-wrapper .swiper-slide.swiper-slide-active {
    z-index: 10;
  }
}
.swiper-display.pr-swiper2 .swiper-control .btn {
  display: inline-block;
  position: unset;
  margin-top: 0;
}
.swiper-display.pr-swiper2 .swiper-control .btn + .btn {
  margin-left: 1.2rem;
}
.swiper-display.pr-swiper2 .swiper-control .btn::after {
  display: none;
}
@media (min-width: 1024px) {
  .swiper-display.pr-swiper2 .swiper-control {
    position: absolute;
    right: 43.8rem;
    bottom: 4rem;
    z-index: 10;
  }
}
@media (max-width: 1023px) {
  .swiper-display.pr-swiper2 .swiper-control {
    margin-top: 2.4rem;
  }
}
.swiper-display + .swiper-control .btn::after {
  display: none;
}
.swiper-display.design2 {
  width: 100%;
  height: 100%;
  border: 1px solid #e4e4e7;
  border-radius: 1.6rem;
  overflow: hidden;
}
.swiper-display.design2 .swiper-wrapper {
  width: 100%;
  height: 100%;
}
.swiper-display.design2 .swiper-wrapper .swiper-slide {
  width: 100%;
  height: 0;
  padding-bottom: 53.972%;
}
.swiper-display.design2 .swiper-wrapper .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.swiper-display.design2 + .swiper-control .swiper-button-next,
.swiper-display.design2 + .swiper-control .swiper-button-prev {
  width: 4rem;
  height: 4rem;
  top: auto;
  bottom: 0;
  left: auto;
}
.swiper-display.design2 + .swiper-control .swiper-button-next:after,
.swiper-display.design2 + .swiper-control .swiper-button-prev:after {
  display: none;
}
.swiper-display.design2 + .swiper-control .swiper-button-next.swiper-button-disabled,
.swiper-display.design2 + .swiper-control .swiper-button-prev.swiper-button-disabled {
  opacity: 1;
}
.swiper-display.design2 + .swiper-control .swiper-button-next.swiper-button-disabled .btn,
.swiper-display.design2 + .swiper-control .swiper-button-prev.swiper-button-disabled .btn {
  background-color: rgb(212, 212, 216);
}
.swiper-display.design2 + .swiper-control .swiper-button-next {
  right: 0;
}
.swiper-display.design2 + .swiper-control .swiper-button-next.swiper-button-disabled .btn {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='15' height='14' viewBox='0 0 15 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.28033 0.217717C7.98744 -0.0751764 7.51256 -0.0751764 7.21967 0.217717C6.92678 0.51061 6.92678 0.985484 7.21967 1.27838L11.9393 5.99805L0.75 5.99805C0.335786 5.99805 0 6.33383 0 6.74805C0 7.16226 0.335786 7.49805 0.75 7.49805L11.9393 7.49805L7.21967 12.2177C6.92678 12.5106 6.92678 12.9855 7.21967 13.2784C7.51256 13.5713 7.98744 13.5713 8.28033 13.2784L14.8107 6.74805L8.28033 0.217717Z' fill='rgb(244,244,245)'/%3E%3C/svg%3E%0A");
}
.swiper-display.design2 + .swiper-control .swiper-button-prev {
  right: 5.6rem;
}
.swiper-display.design2 + .swiper-control .swiper-button-prev.swiper-button-disabled .btn {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='15' height='14' viewBox='0 0 15 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.78217 0.217717C7.07506 -0.0751764 7.54994 -0.0751764 7.84283 0.217717C8.13572 0.51061 8.13572 0.985484 7.84283 1.27838L3.12316 5.99805L13.75 5.99805C14.1642 5.99805 14.5 6.33383 14.5 6.74805C14.5 7.16226 14.1642 7.49805 13.75 7.49805L3.12316 7.49805L7.84283 12.2177C8.13572 12.5106 8.13572 12.9855 7.84283 13.2784C7.54994 13.5713 7.07506 13.5713 6.78217 13.2784L1.00184 7.49805H1V7.49621L0.25184 6.74805L1 5.99989V5.99805H1.00184L6.78217 0.217717Z' fill='rgb(244,244,245)'/%3E%3C/svg%3E%0A");
}
.swiper-display.design2 + .swiper-control .btn {
  display: block;
  flex-shrink: 0;
}

.chart-display.design1 {
  margin-bottom: 8rem;
}
@media (max-width: 1023px) {
  .chart-display.design1 .chart-wrap {
    flex-direction: column;
    gap: 2.4rem !important;
  }
  .chart-display.design1 .chart-wrap .chart-aside .chart-bar-color {
    display: flex;
    gap: 0.8rem 2.4rem;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .chart-display.design1 .chart-wrap .chart-aside .chart-util {
    font-weight: 700;
    font-size: 1.4rem;
  }
  .chart-display.design1 .chart-wrap .chart-aside .chart-util {
    font-weight: 700;
    font-size: 1.4rem;
  }
  .chart-display.design1 .chart-wrap .mo-only {
    width: calc(100% + 3.6rem);
    max-width: unset;
    overflow: auto;
    padding-bottom: 1.6rem;
    padding-right: 1.8rem;
    padding-left: 1.8rem;
    margin-left: -1.8rem;
  }
  .chart-display.design1 .chart-wrap .mo-only::-webkit-scrollbar {
    height: 0.5rem;
  }
  .chart-display.design1 .chart-wrap .mo-only::-webkit-scrollbar-thumb {
    background-color: #d5d4d9;
    border-radius: 5rem;
  }
  .chart-display.design1 .chart-wrap .mo-only::-webkit-scrollbar-track {
    margin-left: 1.8rem;
    margin-right: 1.8rem;
    border-radius: 5rem;
  }
  .chart-display.design1 .chart-wrap .mo-only img {
    width: 100%;
    min-width: 49.9rem;
  }
}
.chart-display.design1.case1 .chart-list {
  width: 100%;
}
.chart-display.design1.case1 .chart-list .chart-item .chart-wrap {
  font-weight: 500;
  font-size: 1.6rem;
  display: flex;
  color: rgb(63, 63, 70);
  gap: 9.4rem;
}
.chart-display.design1.case1 .chart-list .chart-item .chart-wrap .chart-aside .chart-bar-color {
  padding: 2.4rem;
  border: 0.1rem solid rgb(228, 228, 231);
  border-radius: 8px;
  margin-bottom: 2.4rem;
}
.chart-display.design1.case1 .chart-list .chart-item .chart-wrap .chart-body {
  position: relative;
}
.chart-display.design1.case1 .chart-list .chart-item .chart-wrap .chart-body .unit-list {
  display: flex;
  flex-direction: column;
  padding-bottom: 2.7rem;
  gap: 1.4rem;
}
.chart-display.design1.case1 .chart-list .chart-item .chart-wrap .chart-body .unit-list .unit-item {
  display: flex;
  position: relative;
  color: rgb(63, 63, 70);
  align-items: center;
  font-weight: 700;
  font-size: 1.6rem;
}
.chart-display.design1.case1 .chart-list .chart-item .chart-wrap .chart-body .unit-list .unit-item::after {
  display: block;
  position: absolute;
  width: 89.5rem;
  height: 0.1rem;
  content: "";
  background-color: rgb(228, 228, 231);
  margin-left: 7.6rem;
}
.chart-display.design1.case1 .chart-list .chart-item .chart-wrap .chart-body .unit-list .unit-item .num {
  width: 100%;
  text-align: right;
}
.chart-display.design1.case1 .chart-list .chart-item .chart-wrap .chart-body .year-list {
  display: flex;
  position: absolute;
  bottom: 0rem;
  padding-left: 22.3rem;
  gap: 16.1rem;
}
.chart-display.design1.case1 .chart-list .chart-item .chart-wrap .chart-body .year-list .year-item {
  position: relative;
  width: 12.4rem;
  color: rgb(21, 21, 26);
  text-align: center;
  font-weight: 700;
  font-size: 1.8rem;
}
.chart-display.design1.case1 .chart-list .chart-item .chart-wrap .chart-body .year-list .year-item .graph-list {
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  margin-bottom: 4rem;
  gap: 2.4rem;
  align-items: baseline;
  justify-content: center;
}
.chart-display.design1.case1 .chart-list .chart-item .chart-wrap .chart-body .year-list .year-item .graph-list .graph-item {
  position: relative;
  width: 3.2rem;
  border-radius: 0.4rem 0.4rem 0 0;
  cursor: pointer;
}
.chart-display.design1.case1 .chart-list .chart-item .chart-wrap .chart-body .year-list .year-item .graph-list .graph-item.color1 {
  background: linear-gradient(180deg, #9735d0 0%, rgba(151, 53, 208, 0.4) 100%);
}
.chart-display.design1.case1
  .chart-list
  .chart-item
  .chart-wrap
  .chart-body
  .year-list
  .year-item
  .graph-list
  .graph-item.color1
  .graph-subject::before {
  background: linear-gradient(180deg, #9735d0 0%, rgba(151, 53, 208, 0.4) 100%);
}
.chart-display.design1.case1 .chart-list .chart-item .chart-wrap .chart-body .year-list .year-item .graph-list .graph-item.color2 {
  background: linear-gradient(180deg, #6d0ca6 0%, rgba(109, 12, 166, 0.4) 100%);
}
.chart-display.design1.case1
  .chart-list
  .chart-item
  .chart-wrap
  .chart-body
  .year-list
  .year-item
  .graph-list
  .graph-item.color2
  .graph-subject::before {
  background: linear-gradient(180deg, #6d0ca6 0%, rgba(109, 12, 166, 0.4) 100%);
}
.chart-display.design1.case1 .chart-list .chart-item .chart-wrap .chart-body .year-list .year-item .graph-list .graph-item.color3 {
  background: linear-gradient(180deg, #e4e4e7 0%, rgba(228, 228, 228, 0.4) 100%);
}
.chart-display.design1.case1
  .chart-list
  .chart-item
  .chart-wrap
  .chart-body
  .year-list
  .year-item
  .graph-list
  .graph-item.color3
  .graph-subject::before {
  background: linear-gradient(180deg, #e4e4e7 0%, rgba(228, 228, 228, 0.4) 100%);
}
.chart-display.design1.case1 .chart-list .chart-item .chart-wrap .chart-body .year-list .year-item .graph-list .graph-item .graph-info {
  display: flex;
  position: absolute;
  top: 0;
  left: 50%;
  width: max-content;
  padding: 0.8rem 1.6rem;
  border: 0.1rem solid rgb(113, 113, 122);
  background: rgba(255, 255, 255, 0.85);
  align-items: center;
  transform: translateX(-50%);
  border-radius: 0.8rem;
  opacity: 0;
  transition: all 0.5s ease;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.08);
  backdrop-filter: blur(2px);
  z-index: 10;
}
.chart-display.design1.case1
  .chart-list
  .chart-item
  .chart-wrap
  .chart-body
  .year-list
  .year-item
  .graph-list
  .graph-item
  .graph-info
  .graph-subject {
  position: relative;
  padding-left: 2.4rem;
}
.chart-display.design1.case1
  .chart-list
  .chart-item
  .chart-wrap
  .chart-body
  .year-list
  .year-item
  .graph-list
  .graph-item
  .graph-info
  .graph-subject::before {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 1.6rem;
  height: 1.6rem;
  content: "";
  transform: translateY(-50%);
  border-radius: 0.4rem;
}
.chart-display.design1.case1 .chart-list .chart-item .chart-wrap .chart-body .year-list .year-item .graph-list .graph-item:hover .graph-info {
  opacity: 1;
  z-index: 10;
}
.chart-display.design1.case1 .chart-list .chart-item .chart-wrap .chart-body .year-list .year-item .graph-list .graph-item:hover::after {
  display: inline-block;
  position: absolute;
  top: -1.5rem;
  left: 50%;
  color: #333; /* 텍스트 색상 */
  content: attr(data-percent); /* data-percent 속성값을 content로 사용 */
  transform: translateX(-50%);
  z-index: 10;
  font-weight: 500;
  font-size: 1.2rem;
}
.en .chart-display.design1.case1 .chart-list .chart-item .chart-wrap .chart-body .year-list {
  padding-left: 28.5rem;
}

.chart-display.design1.case1 .chart-list .chart-item .chart-wrap .chart-body.mo-only {
  display: none;
}
.en .chart-display.design1.case1 .chart-list .chart-item .chart-wrap {
  gap: 3.9rem;
}

.chart-display.design1.case2 .chart-list {
  width: 100%;
}
.chart-display.design1.case2 .chart-list .chart-item .chart-wrap {
  font-weight: 500;
  font-size: 1.6rem;
  display: flex;
  color: rgb(63, 63, 70);
  gap: 9.4rem;
}
.chart-display.design1.case2 .chart-list .chart-item .chart-wrap .chart-aside .chart-bar-color {
  padding: 2.4rem;
  border: 0.1rem solid rgb(228, 228, 231);
  border-radius: 8px;
  margin-bottom: 2.4rem;
}
.chart-display.design1.case2 .chart-list .chart-item .chart-wrap .chart-body {
  position: relative;
}
.chart-display.design1.case2 .chart-list .chart-item .chart-wrap .chart-body .unit-list {
  display: flex;
  flex-direction: column;
  padding-bottom: 2.7rem;
  gap: 1.4rem;
}
.chart-display.design1.case2 .chart-list .chart-item .chart-wrap .chart-body .unit-list .unit-item {
  display: flex;
  position: relative;
  color: rgb(63, 63, 70);
  align-items: center;
  font-weight: 700;
  font-size: 1.6rem;
}
.chart-display.design1.case2 .chart-list .chart-item .chart-wrap .chart-body .unit-list .unit-item::after {
  display: block;
  position: absolute;
  width: 89.5rem;
  height: 0.1rem;
  content: "";
  background-color: rgb(228, 228, 231);
  margin-left: 7.6rem;
}
.chart-display.design1.case2 .chart-list .chart-item .chart-wrap .chart-body .unit-list .unit-item .num {
  width: 100%;
  text-align: right;
}
.chart-display.design1.case2 .chart-list .chart-item .chart-wrap .chart-body .year-list {
  display: flex;
  position: absolute;
  bottom: 3.8rem;
  padding-left: 11.9rem;
  gap: 5.6rem;
}
.chart-display.design1.case2 .chart-list .chart-item .chart-wrap .chart-body .year-list .year-item {
  position: relative;
  width: 12.4rem;
  text-align: center;
  font-weight: 700;
  font-size: 1.8rem;
}
.chart-display.design1.case2 .chart-list .chart-item .chart-wrap .chart-body .year-list .year-item .year-head .year-subject {
  position: absolute;
  top: 1.1rem;
  left: 50%;
  transform: translateX(-50%);
}
.chart-display.design1.case2 .chart-list .chart-item .chart-wrap .chart-body .year-list .year-item .year-body .graph-list {
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  margin-bottom: 4.1rem;
  gap: 1.2rem;
  align-items: baseline;
  justify-content: center;
}
.chart-display.design1.case2 .chart-list .chart-item .chart-wrap .chart-body .year-list .year-item .year-body .graph-list .graph-item {
  position: relative;
  width: 3.2rem;
  border-radius: 0.4rem 0.4rem 0 0;
  cursor: pointer;
}
.chart-display.design1.case2 .chart-list .chart-item .chart-wrap .chart-body .year-list .year-item .year-body .graph-list .graph-item.color1 {
  background: linear-gradient(180deg, #9735d0 0%, rgba(151, 53, 208, 0.4) 100%);
}
.chart-display.design1.case2
  .chart-list
  .chart-item
  .chart-wrap
  .chart-body
  .year-list
  .year-item
  .year-body
  .graph-list
  .graph-item.color1
  .graph-subject::before {
  background: linear-gradient(180deg, #9735d0 0%, rgba(151, 53, 208, 0.4) 100%);
}
.chart-display.design1.case2 .chart-list .chart-item .chart-wrap .chart-body .year-list .year-item .year-body .graph-list .graph-item.color2 {
  background: linear-gradient(180deg, #6d0ca6 0%, rgba(109, 12, 166, 0.4) 100%);
}
.chart-display.design1.case2
  .chart-list
  .chart-item
  .chart-wrap
  .chart-body
  .year-list
  .year-item
  .year-body
  .graph-list
  .graph-item.color2
  .graph-subject::before {
  background: linear-gradient(180deg, #6d0ca6 0%, rgba(109, 12, 166, 0.4) 100%);
}
.chart-display.design1.case2 .chart-list .chart-item .chart-wrap .chart-body .year-list .year-item .year-body .graph-list .graph-item.color3 {
  background: linear-gradient(180deg, #e4e4e7 0%, rgba(228, 228, 228, 0.4) 100%);
}
.chart-display.design1.case2
  .chart-list
  .chart-item
  .chart-wrap
  .chart-body
  .year-list
  .year-item
  .year-body
  .graph-list
  .graph-item.color3
  .graph-subject::before {
  background: linear-gradient(180deg, #e4e4e7 0%, rgba(228, 228, 228, 0.4) 100%);
}
.chart-display.design1.case2 .chart-list .chart-item .chart-wrap .chart-body .year-list .year-item .year-body .graph-list .graph-item.mines {
  top: 0.7rem;
  background: linear-gradient(360deg, #e4e4e7 0%, rgba(228, 228, 228, 0.4) 100%);
  border-radius: 0 0 0.4rem 0.4rem;
  z-index: 9;
}
.chart-display.design1.case2 .chart-list .chart-item .chart-wrap .chart-body .year-list .year-item .year-body .graph-list .graph-item .graph-info {
  display: flex;
  position: absolute;
  top: 0;
  left: 50%;
  width: max-content;
  padding: 0.8rem 1.6rem;
  border: 0.1rem solid rgb(113, 113, 122);
  background: rgba(255, 255, 255, 0.85);
  align-items: center;
  transform: translateX(-50%);
  border-radius: 0.8rem;
  opacity: 0;
  transition: all 0.5s ease;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.08);
  backdrop-filter: blur(2px);
  z-index: 10;
}
.chart-display.design1.case2
  .chart-list
  .chart-item
  .chart-wrap
  .chart-body
  .year-list
  .year-item
  .year-body
  .graph-list
  .graph-item
  .graph-info
  .graph-subject {
  position: relative;
  padding-left: 2.4rem;
}
.chart-display.design1.case2
  .chart-list
  .chart-item
  .chart-wrap
  .chart-body
  .year-list
  .year-item
  .year-body
  .graph-list
  .graph-item
  .graph-info
  .graph-subject::before {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 1.6rem;
  height: 1.6rem;
  content: "";
  transform: translateY(-50%);
  border-radius: 0.4rem;
}
.chart-display.design1.case2
  .chart-list
  .chart-item
  .chart-wrap
  .chart-body
  .year-list
  .year-item
  .year-body
  .graph-list
  .graph-item:hover
  .graph-info {
  opacity: 1;
  z-index: 10;
}
.chart-display.design1.case2 .chart-list .chart-item .chart-wrap .chart-body .year-list .year-item .year-body .graph-list .graph-item:hover::after {
  display: inline-block;
  position: absolute;
  top: -1.5rem;
  left: 50%;
  color: #333; /* 텍스트 색상 */
  content: attr(data-percent); /* data-percent 속성값을 content로 사용 */
  transform: translateX(-50%);
  z-index: 10;
  font-weight: 500;
  font-size: 1.2rem;
}
.chart-display.design1.case2 .chart-list .chart-item .chart-wrap .chart-body.mo-only {
  display: none;
}
.en .chart-display.design1.case2 .chart-list .chart-item .chart-wrap {
  gap: 3.5rem;
}

.chart-display.design2 {
  margin-bottom: 8rem;
}
.chart-display.design2 .chart-list {
  display: flex;
  gap: 6rem;
}
.chart-display.design2 .chart-list .chart-item {
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 4rem;
}
.chart-display.design2 .chart-list .chart-item .chart-diagram {
  text-align: center;
}
.chart-display.design2 .chart-list .chart-item .chart-diagram img {
  display: inline-block;
}
@media (max-width: 1023px) {
  .chart-display.design2 .chart-list {
    flex-direction: column;
    gap: 6rem;
  }
  .chart-display.design2 .chart-list .chart-item {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 4rem;
  }
  .chart-display.design2 .chart-list .chart-item .chart-diagram {
    display: flex;
    text-align: center;
    justify-content: center;
  }
  .chart-display.design2 .chart-list .chart-item .chart-diagram img {
    display: inline-block;
    max-width: 100%;
  }
  .chart-display.design2 .chart-list .chart-item .chart-diagram .t-display table {
    min-width: auto;
  }
}
.chart-display.design3 .chart-list {
  display: flex;
  gap: 8.6rem;
}
.chart-display.design3 .chart-list .chart-item {
  width: 100%;
}
.chart-display.design3 .chart-list .chart-item .chart-img .chart-img-head {
  display: flex;
  justify-content: space-between;
}
.chart-display.design3 .chart-list .chart-item .chart-img .chart-img-body {
  padding: 3.2rem 5.5rem;
  background: rgb(255, 255, 255);
  border-radius: 1.6rem;
  box-shadow: 0px 1.336px 5.342px 0px rgba(0, 0, 0, 0.1);
}
.chart-display.design3 .chart-list .chart-item .chart-compare-list {
  display: flex;
  gap: 2.4rem;
  flex-shrink: 1;
}
.chart-display.design3 .chart-list .chart-item .chart-compare-list .item {
  width: 100%;
  padding: 3.2rem;
  background: rgb(255, 255, 255);
  border-radius: 1.6rem;
  box-shadow: 0px 1.336px 5.342px 0px rgba(0, 0, 0, 0.1);
  max-width: 25rem;
}
.chart-display.design3 .chart-list .chart-item .chart-compare-list .item .item-head {
  font-weight: 700;
  font-size: 2rem;
  color: rgb(21, 21, 26);
}
.chart-display.design3 .chart-list .chart-item .chart-compare-list .item.blue .item-body {
  width: 6.4rem;
  width: 100%;
  height: 7.3rem;
  margin: 2.4rem 0 3.4rem;
  background: url(../images/chart-down.png);
  background-repeat: no-repeat;
  background-position: center;
}
.chart-display.design3 .chart-list .chart-item .chart-compare-list .item.red .item-body {
  width: 6.4rem;
  width: 100%;
  height: 7.3rem;
  margin: 2.4rem 0 3.4rem;
  background: url(../images/chart-up.png);
  background-repeat: no-repeat;
  background-position: center;
}
.chart-display.design3 .chart-list .chart-item .chart-compare-list .item .item-util {
  font-weight: 700;
  font-size: 3.2rem;
}
.chart-display.design3 .chart-list .chart-item .chart-compare-list .item .item-util .exchange {
  font-weight: 700;
  font-size: 1.6rem;
}
@media (max-width: 1023px) {
  .chart-display.design3 .chart-list {
    flex-direction: column;
    gap: 2.4rem;
  }
  .chart-display.design3 .chart-list .chart-item .chart-img .chart-img-head {
    width: 100%;
    flex-direction: column;
    gap: 1.2rem;
  }
  .chart-display.design3 .chart-list .chart-item .chart-img .chart-img-head + .chart-img-body {
    margin-top: 1.6rem;
  }
  .chart-display.design3 .chart-list .chart-item .chart-img .chart-img-body {
    padding: 1.6rem;
  }
  .chart-display.design3 .chart-list .chart-item .chart-img .chart-img-body img {
    width: 100%;
  }
  .chart-display.design3 .chart-list .chart-item .chart-compare-list {
    gap: 1.6rem;
  }
  .chart-display.design3 .chart-list .chart-item .chart-compare-list .item {
    padding: 2.9rem;
    max-width: 50%;
  }
  .chart-display.design3 .chart-list .chart-item .chart-compare-list .item .item-util {
    text-align: center;
    font-weight: 700;
    font-size: 2.4rem;
  }
  .chart-display.design3 .chart-list .chart-item .chart-compare-list .item .item-util .exchange {
    font-weight: 700;
    font-size: 1.4rem;
  }
}
.chart-display.design4 {
  display: flex;
  position: relative;
  min-height: 27.9rem;
  justify-content: center;
}
.chart-display.design4 .year-list {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 10.4rem;
}
.chart-display.design4 .year-list .year-item {
  position: relative;
  width: 7.6rem;
  text-align: center;
}
.chart-display.design4 .year-list .year-item .year-wrap {
  display: flex;
  flex-direction: column;
  justify-content: end;
}
.chart-display.design4 .year-list .year-item .year-value {
  font-weight: 700;
  font-size: 2.4rem;
  color: rgb(21, 21, 26);
}
.chart-display.design4 .year-list .year-item .year-value + .year-body {
  margin-top: 1.6rem;
}
.chart-display.design4 .year-list .year-item .year-body {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.chart-display.design4 .year-list .year-item .year-body .graph-item {
  width: 100%;
  background: linear-gradient(180deg, #f47725 0%, rgba(244, 119, 37, 0.4) 100%);
  border-radius: 0.4rem 0.4rem 0 0;
}
.chart-display.design4 .year-list .year-item .year-body + .year-head {
  margin-top: 1.6rem;
}
.chart-display.design4 .year-list .year-item .year-head .year-subject {
  font-weight: 700;
  font-size: 1.8rem;
  color: rgb(63, 63, 70);
}
.chart-display.design4 .year-list .year-item.down {
  top: -2.9rem;
  transform: rotate(-180deg);
  transform-origin: bottom center;
}
.chart-display.design4 .year-list .year-item.down .year-value {
  transform: rotate(180deg);
}
.chart-display.design4 .year-list .year-item.down .year-head {
  transform: rotate(180deg);
}
.chart-display.design4.case1 {
  align-items: flex-end;
}
.chart-display.design4.case2 {
  align-items: flex-start;
}
@media (max-width: 1023px) {
  .chart-display.design4 {
    padding-left: 3.2rem;
  }
  .chart-display.design4 .chart-list .chart-item .year-list {
    gap: 6.4rem;
  }
  .chart-display.design4 .chart-list .chart-item .year-list .year-item .year-value {
    font-weight: 700;
    font-size: 2rem;
  }
  .chart-display.design4 .chart-list .chart-item .year-list .year-item .year-value + .year-body {
    margin-top: 1.2rem;
  }
  .chart-display.design4 .chart-list .chart-item .year-list .year-item .year-head .year-subject {
    font-weight: 700;
    font-size: 1.6rem;
  }
  .chart-display.design4 .chart-list .chart-item .year-list .year-item.down {
    top: -2rem;
  }
}
@media (max-width: 767px) {
  .chart-display.design4 {
    justify-content: flex-start;
    padding-left: 3.2rem;
  }
  .chart-display.design4 .chart-list .chart-item .year-list {
    justify-content: flex-start;
  }
}
@media (max-width: 1023px) {
  .chart-display.scroll {
    width: calc(100% + 3.6rem);
    max-width: unset;
    overflow: auto;
    padding-bottom: 1.6rem;
    padding-right: 1.8rem;
    padding-left: 1.8rem;
    margin-left: -1.8rem;
  }
  .chart-display.scroll::-webkit-scrollbar {
    height: 0.5rem;
  }
  .chart-display.scroll::-webkit-scrollbar-thumb {
    background-color: #d5d4d9;
    border-radius: 5rem;
  }
  .chart-display.scroll::-webkit-scrollbar-track {
    margin-left: 1.8rem;
    margin-right: 1.8rem;
    border-radius: 5rem;
  }
}
@media (max-width: 1023px) {
  .chart-display.scroll-2 {
    width: calc(100% + 1.8rem);
    max-width: unset;
    overflow: auto;
    padding-bottom: 1.6rem;
    padding-right: 1.8rem;
  }
  .chart-display.scroll-2::-webkit-scrollbar {
    height: 0.5rem;
  }
  .chart-display.scroll-2::-webkit-scrollbar-thumb {
    background-color: #d5d4d9;
    border-radius: 5rem;
  }
  .chart-display.scroll-2::-webkit-scrollbar-track {
    margin-left: 1.8rem;
    margin-right: 1.8rem;
    border-radius: 5rem;
  }
}

body.modal-open {
  overflow: hidden !important;
  pointer-events: none !important;
}

.modal.design1 {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 2.4rem;
  z-index: 60;
  background-color: rgba(0, 0, 0, 0.3);
  pointer-events: none;
  z-index: 9999;
}
@media (max-width: 1023px) {
  .modal.design1 {
    padding: 0;
  }
}
.modal.design1 .modal-inner {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
@media (max-width: 1023px) {
  .modal.design1 .modal-inner {
    justify-content: flex-end;
  }
}
.modal.design1 .modal-inner .modal-area {
  position: relative;
  padding: 4rem 0.5rem 8rem 2rem;
  max-width: 100%;
  background-color: rgb(255, 255, 255);
  border-radius: 2.4rem;
  pointer-events: auto;
  max-height: 100%;
  transition: all 0.5s linear;
}
@media (max-width: 1023px) {
  .modal.design1 .modal-inner .modal-area {
    padding: 5.6rem 1rem 4.8rem 2rem;
    border-radius: 2.4rem 2.4rem 0 0;
  }
}
.modal.design1 .modal-inner .modal-area .modal-wrap {
  width: 100%;
  padding: 0 3.5rem 0 2rem;
  max-height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
.modal.design1 .modal-inner .modal-area .modal-wrap::-webkit-scrollbar {
  width: 0.5rem;
}
.modal.design1 .modal-inner .modal-area .modal-wrap::-webkit-scrollbar-thumb {
  background-color: #d5d4d9;
  border-radius: 5rem;
}
@media (max-width: 1023px) {
  .modal.design1 .modal-inner .modal-area .modal-wrap {
    padding: 0 1rem 0 0;
  }
}
.modal.design1 .modal-inner .modal-area .modal-wrap .modal-list .modal-item + .modal-item {
  margin-top: 8rem;
}
@media (max-width: 1023px) {
  .modal.design1 .modal-inner .modal-area .modal-wrap .modal-list .modal-item + .modal-item {
    margin-top: 4.8rem;
  }
}
.modal.design1 .modal-inner .modal-area .modal-wrap .modal-head .modal-subjec .modal-name {
  font-weight: 700;
  font-size: 3.2rem;
  color: rgb(109, 12, 166);
}
@media (max-width: 1023px) {
  .modal.design1 .modal-inner .modal-area .modal-wrap .modal-head .modal-subjec .modal-name {
    font-weight: 700;
    font-size: 2.4rem;
  }
}
.modal.design1 .modal-inner .modal-area .modal-wrap .modal-head + .modal-body {
  margin-top: 1.6rem;
}
@media (max-width: 1023px) {
  .modal.design1 .modal-inner .modal-area .modal-wrap .modal-head + .modal-body {
    margin-top: 1.2rem;
  }
}
.modal.design1 .modal-inner .modal-area .modal-fuc {
  position: absolute;
  top: 2.4rem;
  right: 2.4rem;
}
@media (max-width: 1023px) {
  .modal.design1 .modal-inner .modal-area .modal-fuc {
    top: 1.6rem;
    right: 1.8rem;
  }
}
.modal.design1.medium .modal-area {
  width: 79.4rem;
  max-height: 100%;
}

.modal-display {
  display: none;
  flex-wrap: wrap;
  align-items: flex-start;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 9.6rem 4rem 4rem 4rem;
  gap: 2rem;
  pointer-events: none;
  z-index: 99;
}
.modal-display.show {
  display: flex;
}
@media (max-width: 1023px) {
  .modal-display {
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 1.6rem;
    padding: 8.2rem 1.8rem 1.8rem 1.8rem;
  }
}
.modal-display .modal.notice {
  display: none;
  max-width: 48.8rem;
  min-width: 40.7rem;
  top: 10rem;
}
.modal-display .modal.notice.show {
  display: block;
}
body.en .modal-display .modal.notice {
  max-width: 55rem;
  min-width: 40.7rem;
}
@media (max-width: 1023px) {
  body.en .modal-display .modal.notice {
    max-width: unset;
    width: 100%;
    min-width: unset;
  }
}
@media (max-width: 1023px) {
  .modal-display .modal.notice {
    max-width: unset;
    min-width: unset;
    width: 100%;
  }
}
.modal-display .modal.notice .modal-inner {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
@media (max-width: 1023px) {
  .modal-display .modal.notice .modal-inner {
    justify-content: flex-end;
  }
}
.modal-display .modal.notice .modal-inner .modal-area {
  position: relative;
  max-width: 100%;
  width: 100%;
  background-color: rgb(255, 255, 255);
  border-radius: 2.4rem;
  pointer-events: auto;
  max-height: 100%;
  overflow: hidden;
  transition: all 0.5s linear;
}
.modal-display .modal.notice .modal-inner .modal-area .modal-wrap {
  width: 100%;
  max-height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-display .modal.notice .modal-inner .modal-area .modal-wrap .modal-body {
  padding: 6.4rem 4rem 4rem;
}
.modal-display .modal.notice .modal-inner .modal-area .modal-wrap .modal-body .section-head .section-subject .section-name {
  display: block;
  text-align: center;
  color: rgb(21, 21, 26);
  font-weight: 700;
  font-size: 2.4rem;
}
.modal-display .modal.notice .modal-inner .modal-area .modal-wrap .modal-body .section-head .section-subject .section-name .small {
  font-size: 2rem;
}
.modal-display .modal.notice .modal-inner .modal-area .modal-wrap .modal-body .section-head + .section-body {
  margin-top: 2.4rem;
}
.modal-display .modal.notice .modal-inner .modal-area .modal-wrap .modal-body .section-body .para {
  color: rgb(63, 63, 70);
  text-align: center;
  font-weight: 500;
  font-size: 1.6rem;
}
.modal-display .modal.notice .modal-inner .modal-area .modal-wrap .modal-body .section-body .para .bold {
  font-weight: 700 !important;
}
.modal-display .modal.notice .modal-inner .modal-area .modal-wrap .modal-body .section-body .para + .para {
  margin-top: 1rem;
}
.modal-display .modal.notice .modal-inner .modal-area .modal-wrap .modal-body .section-body + .section-util {
  margin-top: 4rem;
}
@media (max-width: 1023px) {
  .modal-display .modal.notice .modal-inner .modal-area .modal-wrap .modal-body {
    padding: 3.2rem 2.4rem 2.4rem;
  }
  .modal-display .modal.notice .modal-inner .modal-area .modal-wrap .modal-body .section-head .section-subject .section-name {
    font-weight: 700;
    font-size: 2rem;
  }
  .modal-display .modal.notice .modal-inner .modal-area .modal-wrap .modal-body .section-head + .section-body {
    margin-top: 1.6rem;
  }
  .modal-display .modal.notice .modal-inner .modal-area .modal-wrap .modal-body .section-body .para {
    font-weight: 500;
    font-size: 1.4rem;
  }
  .modal-display .modal.notice .modal-inner .modal-area .modal-wrap .modal-body .section-body + .section-util {
    margin-top: 2.4rem;
  }
}
.modal-display .modal.notice .modal-inner .modal-area .modal-wrap .modal-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.8rem 2.4rem;
  background-color: rgb(246, 246, 247);
}
@media (max-width: 1023px) {
  .modal-display .modal.notice .modal-inner .modal-area .modal-wrap .modal-footer {
    padding: 0.8rem 1.6rem;
  }
}

body {
  /* Accent */
}
body .blind {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  border: 0;
  white-space: nowrap;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  overflow: hidden;
}
@media (min-width: 1024px) {
  body .mo-only {
    display: none !important;
  }
}
@media (max-width: 1023px) {
  body .pc-only {
    display: none !important;
  }
}
body .accent.case1 {
  font-weight: 400 !important;
}
body .accent.case2 {
  font-weight: 500 !important;
}
body .accent.case3 {
  font-weight: 600 !important;
}
body .accent.case4 {
  font-weight: 700 !important;
}
body .accent.case5 {
  font-weight: 900 !important;
}
body .accent.color1 {
  color: rgb(234, 0, 44) !important;
}
body .accent.color2 {
  color: rgb(0, 114, 198) !important;
}
body .accent.color3 {
  color: rgb(113, 113, 122) !important;
}
body .accent.color4 {
  color: rgb(255, 255, 255) !important;
}
body .accent.color5 {
  color: rgb(0, 0, 0) !important;
}
body .accent.color6 {
  color: rgb(21, 21, 26) !important;
}
body .accent.color7 {
  color: rgb(109, 12, 166) !important;
}
body .accent.color8 {
  color: rgb(63, 63, 70) !important;
}
body .accent.color9 {
  color: rgb(151, 53, 208) !important;
}
body .accent.color10 {
  color: rgb(244, 119, 37) !important;
}
body .accent.underline {
  text-decoration: underline;
}
body .accent.scale1 {
  transform: scale(1.15);
}
body .skip ul li a {
  display: flex;
  position: absolute;
  top: -10rem;
  right: 0;
  left: 0;
  height: 5.6rem;
  background: rgb(63, 63, 70);
  color: rgb(255, 255, 255);
  font-size: 16px;
  line-height: 5.6rem;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  z-index: 99999;
}
body .skip ul li a:focus-within,
body .skip ul li a:focus,
body .skip ul li a:active {
  top: 0;
}
body .scroll-guide {
  display: flex;
  color: rgb(255, 255, 255);
  align-items: center;
  gap: 0.8rem;
  font-weight: 700;
  font-size: 1.4rem;
}
body .scroll-guide::after {
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  content: "";
  background-image: url("data:image/svg+xml,%0A%3Csvg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.00098 0.75C6.00098 0.335786 6.33676 0 6.75098 0C7.16519 0 7.50098 0.335786 7.50098 0.75L7.50098 11.9393L12.2206 7.21967C12.5135 6.92678 12.9884 6.92678 13.2813 7.21967C13.5742 7.51256 13.5742 7.98744 13.2813 8.28033L6.75098 14.8107L0.220646 8.28033C-0.0722467 7.98744 -0.0722467 7.51256 0.220646 7.21967C0.51354 6.92678 0.988413 6.92678 1.28131 7.21967L6.00098 11.9393L6.00098 0.75Z' fill='rgb(255,255,255)'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 1rem;
  background-position: center;
}
@media (max-width: 1023px) {
  body .type-scroll {
    width: calc(100% + 3.6rem);
    max-width: unset;
    overflow: auto;
    padding-bottom: 1.6rem;
    padding-right: 1.8rem;
    padding-left: 1.8rem;
    margin-left: -1.8rem;
    position: relative;
  }
  body .type-scroll::-webkit-scrollbar {
    height: 0.5rem;
  }
  body .type-scroll::-webkit-scrollbar-thumb {
    background-color: #d5d4d9;
    border-radius: 5rem;
  }
  body .type-scroll::-webkit-scrollbar-track {
    margin-left: 1.8rem;
    margin-right: 1.8rem;
    border-radius: 5rem;
  }
}
body .no-result-wrap {
  padding: 16rem 0;
  text-align: center;
}
body .no-result-wrap .no-result-title {
  font-weight: 700;
  font-size: 2rem;
  color: rgb(113, 113, 122);
}
@media (max-width: 1023px) {
  body .no-result-wrap {
    padding: 8rem 0;
  }
  body .no-result-wrap .no-result-title {
    font-weight: 700;
    font-size: 1.8rem;
  }
}
body .text-bundle {
  display: inline-block;
}
body.no-scroll {
  overflow: hidden;
}
body .error-page {
  min-height: calc(100vh - 29rem);
}
body .error-page .main-inner {
  max-width: 123.6rem;
  margin: 0 auto;
  margin-top: 13.6rem;
  padding-left: 26.7rem;
}
@media (max-width: 1023px) {
  body .error-page .main-inner {
    margin-top: 9rem;
    padding-left: unset;
    padding-bottom: 8rem;
  }
}
body .error-page .main-inner .content-head {
  font-size: 16rem;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: -0.32rem;
  color: #6d0ca6;
  opacity: 0.5;
}
body .error-page .main-inner .content-head + .content-body {
  margin-top: 1.6rem;
}
@media (max-width: 1023px) {
  body .error-page .main-inner .content-head {
    font-size: 14rem;
    letter-spacing: -0.28rem;
    text-align: center;
    display: block;
  }
  body .error-page .main-inner .content-head + .content-body {
    margin-top: 1.2rem;
  }
}
body .error-page .main-inner .content-body .para.type1 {
  font-size: 3.2rem;
  font-weight: 700;
  color: #15151a;
}
@media (max-width: 1023px) {
  body .error-page .main-inner .content-body .para.type1 {
    font-size: 2.4rem;
  }
}
body .error-page .main-inner .content-body .para.type2 {
  font-size: 1.8rem;
  font-weight: 500;
  color: #3f3f46;
}
@media (max-width: 1023px) {
  body .error-page .main-inner .content-body .para.type2 {
    font-size: 1.6re;
  }
}
body .error-page .main-inner .content-body .para + .para {
  margin-top: 2.4rem;
}
@media (max-width: 1023px) {
  body .error-page .main-inner .content-body .para + .para {
    margin-top: 1.6rem;
  }
}
body .error-page .main-inner .content-body + .content-util {
  margin-top: 8rem;
}
@media (max-width: 1023px) {
  body .error-page .main-inner .content-body + .content-util {
    margin-top: 4.8rem;
  }
  body .error-page .main-inner .content-body + .content-util .btn-display {
    align-items: center;
    justify-content: center;
  }
}

* {
  padding: 0;
  margin: 0;
  border: 0;
  background: transparent;
  color: inherit;
  line-height: 160%;
  font-style: normal;
  box-sizing: border-box;
  word-wrap: break-word;
  word-break: keep-all;
  touch-action: auto;
  -webkit-tap-highlight-color: transparent !important;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important;
}

*:before,
*:after {
  box-sizing: inherit;
}

html {
  font-size: 62.5%;
}

body {
  font-size: 1rem;
}

html,
body {
  font-family: "SUIT", sans-serif;
  letter-spacing: 0;
  -webkit-overflow-scrolling: touch;
  -moz-overflow-scrolling: touch;
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -o-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

html body {
  font-family: "Roboto", sans-serif;
}

ul,
ol,
li {
  list-style: none;
}

em,
i,
cite,
code,
address {
  font-weight: normal;
  font-style: normal;
}

a,
ins {
  color: inherit;
  text-decoration: none;
}

table caption {
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  border: 0;
  color: transparent;
  font-size: 1px;
  line-height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip: rect(0, 0, 0, 0);
}

button {
  border: none;
  background: none;
  font-family: "SUITE", sans-serif;
  cursor: pointer;
}

label,
img,
input,
select,
textarea,
button,
a {
  vertical-align: middle;
}

input,
button,
select,
textarea {
  font-family: unset;
  appearance: none;
  border-radius: 0;
}

sup {
  font-size: small;
  vertical-align: super;
}

sub {
  font-size: small;
  vertical-align: text-bottom;
}

#guide-list .page-head {
  position: sticky;
  top: 0;
  width: 100%;
  padding: 1rem 1.8rem;
  background-color: #ffffff;
  border-bottom: 0.1rem solid #e9e9e9;
  z-index: 101;
  transition: background-color 0.3s ease;
}
#guide-list .page-head .page-head-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#guide-list .page-head .page-subject {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#guide-list .page-head .page-control {
  display: flex;
  z-index: 101;
}
#guide-list .page-head .page-control .control-btn.guide-intro {
  display: block;
  padding: 1rem 3.7rem;
  border: 0.1rem solid #e3e3e3;
  background-color: #14121f;
  border-radius: 0.6rem;
}
#guide-list .page-head .page-control .control-btn.guide-intro .btn-txt {
  display: inline-block;
  color: #fff;
  font-weight: 600;
  font-size: 1.4rem;
  letter-spacing: -0.05rem;
}
@media (max-width: 1023px) {
  #guide-list .page-head .page-control .control-btn.guide-intro {
    padding: 1rem 1.4rem;
  }
}
#guide-list .page-head .page-control .control-btn.guide-menu {
  display: block;
  position: relative;
  width: 4rem;
  height: 4rem;
  padding: 1.2rem 1rem;
  border: 0.1rem solid #e3e3e3;
  background-color: #f6f6f6;
  border-radius: 0.6rem;
}
#guide-list .page-head .page-control .control-btn.guide-menu .line {
  display: block;
  position: absolute;
  height: 0.2rem;
  background: #1c1c1c;
  border-radius: 0.6rem;
  transition: 0.3s ease;
}
#guide-list .page-head .page-control .control-btn.guide-menu .line.top {
  top: 1.2rem;
  width: 1.8rem;
}
#guide-list .page-head .page-control .control-btn.guide-menu .line.middle {
  top: 1.8rem;
  width: 1.3rem;
}
#guide-list .page-head .page-control .control-btn.guide-menu .line.bottom {
  top: 2.4rem;
  width: 1.8rem;
}
#guide-list .page-head .page-control .control-btn ~ .control-btn {
  margin-left: 1.5rem;
}
#guide-list .page-body {
  position: relative;
  min-height: calc(100vh - 12rem);
  background-color: #fbfbfb;
}
#guide-list .page-body .local-head {
  position: relative;
  padding: 0 1.8rem;
}
#guide-list .page-body .local-head .local-subject {
  padding: 10rem 0 2.5rem;
  margin: 0 auto;
  max-width: 120rem;
  border-bottom: 0.1rem solid #b9b9b9;
}
#guide-list .page-body .local-head .local-subject .local-name {
  display: block;
  color: #000000;
  letter-spacing: -0.05rem;
  font-weight: 800;
  font-size: 8rem;
}
#guide-list .page-body .local-head .local-subject .local-name + .local-desc {
  padding-top: 1rem;
}
#guide-list .page-body .local-head .local-subject .local-desc {
  display: block;
  color: #1c1c1c;
  font-weight: 400;
  font-size: 1.8rem;
}
#guide-list .page-body .local-head.anchor-area + .local-body {
  padding: 12rem 1.8rem 15rem;
}
@media (max-width: 1023px) {
  #guide-list .page-body .local-head.anchor-area + .local-body {
    padding: 9rem 1.8rem 15rem;
  }
}
#guide-list .page-body .local-head + .local-body {
  padding: 7rem 1.8rem 15rem;
}
@media (max-width: 1023px) {
  #guide-list .page-body .local-head .local-subject {
    padding: 5rem 0 2.5rem;
  }
  #guide-list .page-body .local-head .local-subject .local-name {
    font-weight: 700;
    font-size: 4.5rem;
  }
  #guide-list .page-body .local-head .local-subject .local-desc {
    font-weight: 400;
    font-size: 1.4rem;
  }
  #guide-list .page-body .local-head + .local-body {
    padding-top: 3rem;
  }
}
#guide-list .page-body .local-body .section {
  margin: 0 auto;
  max-width: 120rem;
}
#guide-list .page-body .local-body .section .section-head .section-subject .section-name {
  color: #1c1c1c;
  font-weight: 700;
  font-size: 3.8rem;
  letter-spacing: -0.05rem;
}
#guide-list .page-body .local-body .section .section-head .section-subject + .section-desc {
  color: #1c1c1c;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 150%;
  padding-top: 0.8rem;
}
#guide-list .page-body .local-body .section .section-head + .section-body {
  padding-top: 6rem;
  padding-left: 7rem;
}
@media (max-width: 1023px) {
  #guide-list .page-body .local-body .section .section-head .section-subject .section-name {
    font-size: 2.6rem;
  }
  #guide-list .page-body .local-body .section .section-head .section-subject + .section-desc {
    font-size: 1.4rem;
  }
  #guide-list .page-body .local-body .section .section-head + .section-body {
    padding-top: 2.5rem;
    padding-left: 0;
  }
}
#guide-list .page-body .local-body .section .section-body .subsection .subsection-head {
  color: #1c1c1c;
  font-weight: 600;
  font-size: 2.2rem;
}
#guide-list .page-body .local-body .section .section-body .subsection .subsection-head + .subsection-body {
  margin-top: 1.8rem;
}
#guide-list .page-body .local-body .section .section-body .subsection .subsection-head + .subsection-body > .subcategory {
  margin-top: 1.8rem;
}
#guide-list .page-body .local-body .section .section-body .subsection .subsection-head + .subsection-body .subcategory .subcategory-head {
  color: #1c1c1c;
  font-weight: 500;
  font-size: 1.6rem;
}
#guide-list
  .page-body
  .local-body
  .section
  .section-body
  .subsection
  .subsection-head
  + .subsection-body
  .subcategory
  .subcategory-head
  + .subcategory-body {
  margin-top: 1rem;
}
#guide-list .page-body .local-body .section .section-body .subsection .subsection-head + .subsection-body .subcategory ~ .subcategory {
  margin-top: 1.8rem;
}
#guide-list .page-body .local-body .section .section-body .subsection .subsection-head + .subsection-body .subcontent-wrap .subcontent-head {
  color: rgb(83, 137, 252);
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 150%;
}
#guide-list
  .page-body
  .local-body
  .section
  .section-body
  .subsection
  .subsection-head
  + .subsection-body
  .subcontent-wrap
  .subcontent-head
  + .subcontent-body {
  margin-top: 0.6rem;
}
#guide-list .page-body .local-body .section .section-body .subsection .subsection-head + .subsection-body .subcontent-wrap ~ .subcontent-wrap {
  margin-top: 2rem;
}
#guide-list .page-body .local-body .section .section-body .subsection .subsection-head + .subsection-body .highlight-js + .subcategory {
  padding-top: 1.8rem;
}
#guide-list .page-body .local-body .section .section-body .subsection .subsection-head + .subsection-info {
  margin-top: 1.8rem;
}
#guide-list .page-body .local-body .section .section-body .subsection ~ .subsection {
  padding-top: 5rem;
}
#guide-list .page-body .local-body .section .section-body .subsection.line {
  border-top: 0.1rem solid #cacaca;
  margin-top: 5rem;
}
#guide-list .page-body .local-body .section .section-body .data-table .table {
  width: 100%;
  table-layout: fixed;
  border-spacing: 0;
  border-collapse: collapse;
  border-right: hidden;
  border-left: hidden;
  border-top: hidden;
}
#guide-list .page-body .local-body .section .section-body .data-table tbody {
  border-bottom: 1px solid #626262;
}
#guide-list .page-body .local-body .section .section-body .data-table tbody th,
#guide-list .page-body .local-body .section .section-body .data-table tbody td {
  padding: 1rem 1.5rem;
  font-size: 1.6rem;
}
#guide-list .page-body .local-body .section .section-body .data-table tbody th {
  text-align: left;
  border-top: 1px solid #626262;
  border-right: 1px solid #626262;
  border-left: 1px solid #626262;
  background-color: #e7e7e7;
}
#guide-list .page-body .local-body .section .section-body .data-table tbody td {
  border-top: 1px solid #626262;
  border-right: 1px solid #626262;
  border-left: 1px solid #626262;
}
#guide-list .page-body .local-body .section .section-body .data-table + .para-list {
  margin-top: 1.8rem;
}
@media (max-width: 1023px) {
  #guide-list .page-body .local-body .section .section-body .data-table {
    width: calc(100% + 3.6rem);
    max-width: unset;
    overflow: auto;
    padding-bottom: 1.6rem;
    padding-right: 1.8rem;
    padding-left: 1.8rem;
    margin-left: -1.8rem;
  }
  #guide-list .page-body .local-body .section .section-body .data-table::-webkit-scrollbar {
    height: 0.5rem;
  }
  #guide-list .page-body .local-body .section .section-body .data-table::-webkit-scrollbar-thumb {
    background-color: #d5d4d9;
    border-radius: 5rem;
  }
  #guide-list .page-body .local-body .section .section-body .data-table::-webkit-scrollbar-track {
    margin-left: 1.8rem;
    margin-right: 1.8rem;
    border-radius: 5rem;
  }
  #guide-list .page-body .local-body .section .section-body .data-table .table {
    min-width: 80rem;
  }
  #guide-list .page-body .local-body .section .section-body .data-table tbody {
    border-bottom: 1px solid #626262;
  }
  #guide-list .page-body .local-body .section .section-body .data-table tbody th,
  #guide-list .page-body .local-body .section .section-body .data-table tbody td {
    font-size: 1.4rem;
  }
}
#guide-list .page-body .local-body .section .section-body .link {
  display: inline-block;
}
#guide-list .page-body .local-body .section .section-body .link:hover {
  text-decoration: underline;
}
#guide-list .page-body .local-body .section .section-body .bold {
  font-weight: 700;
}
@media (max-width: 1023px) {
  #guide-list .page-body .local-body .section .section-body .subsection ~ .subsection {
    padding-top: 3.5rem;
  }
  #guide-list .page-body .local-body .section .section-body .subsection .subsection-head {
    font-size: 1.6rem;
  }
}
#guide-list .page-body .local-body .section ~ .section {
  padding-top: 12rem;
}
@media (max-width: 1023px) {
  #guide-list .page-body .local-body .section ~ .section {
    padding-top: 8rem;
  }
}
#guide-list .page-body .local-body .section.hidden {
  display: none;
}
#guide-list .page-side {
  display: none;
}
#guide-list .page-side .aside-body {
  width: 100%;
  height: 100%;
  padding: 10rem 1.8rem;
  margin: 0 auto;
  max-width: 120rem;
  overflow: auto;
}
#guide-list .page-side .aside-body .section .section-head {
  padding-bottom: 3rem;
  border-bottom: 0.1rem solid #484848;
}
#guide-list .page-side .aside-body .section .section-head .section-subject .section-name {
  color: #fafafa;
  font-weight: 600;
  font-size: 3rem;
  line-height: 150%;
  margin-bottom: 3rem;
}
#guide-list .page-side .aside-body .section .section-head .section-subject .section-name + .para {
  padding-top: 1rem;
}
#guide-list .page-side .aside-body .section .section-head .section-subject .para {
  color: #6f6f6f;
  font-weight: 400;
  font-size: 1.4rem;
}
#guide-list .page-side .aside-body .section .section-head + .section-body {
  padding-top: 9rem;
}
@media (max-width: 1023px) {
  #guide-list .page-side .aside-body .section .section-head + .section-body {
    padding-top: 4rem;
  }
  #guide-list .page-side .aside-body .section .section-head .section-subject .section-name {
    font-size: 1.8rem;
  }
  #guide-list .page-side .aside-body .section .section-head .section-subject .para {
    font-size: 1.2rem;
  }
}
#guide-list .page-side .aside-body .section .section-body {
  position: relative;
}
#guide-list .page-side .aside-body .section .section-body .gnb-list .gnb-item .gnb-name {
  color: #ffffff;
  font-weight: 700;
  font-size: 4.8rem;
}
#guide-list .page-side .aside-body .section .section-body .gnb-list .gnb-item .gnb-name + .lnb-list {
  padding-top: 5rem;
}
#guide-list .page-side .aside-body .section .section-body .gnb-list .gnb-item ~ .gnb-item {
  padding-top: 10rem;
}
#guide-list .page-side .aside-body .section .section-body .lnb-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  row-gap: 4rem;
  z-index: 100;
}
#guide-list .page-side .aside-body .section .section-body .lnb-list .lnb-item {
  width: 16.6666666667%;
}
#guide-list .page-side .aside-body .section .section-body .lnb-list .lnb-item .lnb-name {
  display: inline-block;
  position: relative;
  width: 100%;
  padding: 1rem;
  color: #dddddd;
  font-weight: 500;
  font-size: 2rem;
  transition: 0.4s ease;
}
#guide-list .page-side .aside-body .section .section-body .lnb-list .lnb-item .lnb-name::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 1px;
  content: "";
  background-color: #ffffff;
  transition: 0.4s ease;
  opacity: 0;
}
#guide-list .page-side .aside-body .section .section-body .lnb-list .lnb-item .lnb-name:hover {
  opacity: 0.8;
}
#guide-list .page-side .aside-body .section .section-body .lnb-list .lnb-item .lnb-name:hover::after {
  width: 80%;
  opacity: 0.8;
}
@media (max-width: 1023px) {
  #guide-list .page-side .aside-body {
    height: 100%;
    padding: 2rem 1.8rem;
  }
  #guide-list .page-side .aside-body .section .section-body .gnb-list .gnb-item .gnb-name {
    font-size: 2.4rem;
  }
  #guide-list .page-side .aside-body .section .section-body .gnb-list .gnb-item .gnb-name + .lnb-list {
    padding-top: 2rem;
    row-gap: 0.5rem;
  }
  #guide-list .page-side .aside-body .section .section-body .gnb-list .gnb-item .gnb-name + .lnb-list .lnb-item {
    width: 100%;
  }
  #guide-list .page-side .aside-body .section .section-body .gnb-list .gnb-item .gnb-name + .lnb-list .lnb-item .lnb-name {
    padding: 1.5rem 3rem;
    font-size: 1.8rem;
  }
  #guide-list .page-side .aside-body .section .section-body .gnb-list .gnb-item ~ .gnb-item {
    padding-top: 5rem;
  }
}
#guide-list.open-aside,
#guide-list.fixed {
  position: fixed;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#guide-list.open-aside {
  background-color: #1c1c1c;
  overflow-y: auto;
}
#guide-list.open-aside .page-head {
  border: none;
  background-color: #1c1c1c;
}
#guide-list.open-aside .page-head .page-head-inner .page-control .guide-menu .line.top {
  left: 1.3rem;
  transform: rotate(45deg);
  transform-origin: top left;
}
#guide-list.open-aside .page-head .page-head-inner .page-control .guide-menu .line.middle {
  transform: translateX(-20px);
  opacity: 0;
}
#guide-list.open-aside .page-head .page-head-inner .page-control .guide-menu .line.bottom {
  right: 0.7rem;
  transform: rotate(-45deg);
  transform-origin: bottom left;
}
#guide-list.open-aside .page-head.back-white {
  background-color: #ffffff;
}
#guide-list.open-aside .page-side {
  display: block;
}
#guide-list.open-aside .pub-list,
#guide-list.open-aside .page-body {
  display: none;
}
#guide-list .highlight-js .hljs {
  padding: 1.5rem;
  font-size: 1.2rem;
  line-height: 1.5;
  font-family:
    Consolas,
    Courier New,
    monospace,
    "Apple SD Gothic Neo",
    "Malgun Gothic",
    "맑은 고딕",
    dotum,
    돋움,
    sans-serif;
  scrollbar-color: #cdcdcd #f0f0f0;
}
#guide-list .highlight-js .hljs {
  padding: 1.5rem;
  border: 0.1rem solid #f3f3f3;
  background: #ffffff;
  font-size: 1.2rem;
  line-height: 1.5;
  font-family:
    Consolas,
    Courier New,
    monospace,
    "Apple SD Gothic Neo",
    "Malgun Gothic",
    "맑은 고딕",
    dotum,
    돋움,
    sans-serif;
  scrollbar-color: #cdcdcd #f0f0f0;
}

.page-foot {
  width: 100%;
  text-align: center;
  background-color: #1a1a1a;
}
.page-foot .copyright {
  padding: 2rem;
  color: #ffffff;
  font-weight: 300;
  font-size: 1.4rem;
}
.page-foot .copyright .email {
  color: inherit;
  font-weight: inherit;
}
@media (max-width: 1023px) {
  .page-foot .copyright {
    font-size: 1.2rem;
  }
}

#wrap #guide-intro {
  position: relative;
  min-height: 100vh;
  height: 100%;
  overflow-y: auto;
}
@media (max-width: 1200px) {
  #wrap #guide-intro {
    height: auto;
  }
}
#wrap #guide-intro .guide-wrap {
  display: flex;
  height: 100%;
  justify-content: flex-start;
}
@media (max-width: 1200px) {
  #wrap #guide-intro .guide-wrap {
    flex-direction: column;
  }
}
#wrap #guide-intro .guide-wrap .guide-head {
  flex-shrink: 0;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 300px;
  padding-left: 230px;
}
@media (max-width: 1200px) {
  #wrap #guide-intro .guide-wrap .guide-head {
    padding-left: 135px;
  }
}
@media (max-width: 768px) {
  #wrap #guide-intro .guide-wrap .guide-head {
    width: 100%;
    padding: 150px 20px 0 20px;
  }
}
#wrap #guide-intro .guide-wrap .guide-head::after {
  content: "";
  position: absolute;
  top: 0;
  left: 350px;
  width: 2px;
  height: 200px;
  background-color: #454545;
}
@media (max-width: 1200px) {
  #wrap #guide-intro .guide-wrap .guide-head::after {
    width: 1px;
    left: 250px;
  }
}
@media (max-width: 768px) {
  #wrap #guide-intro .guide-wrap .guide-head::after {
    display: none;
  }
}
#wrap #guide-intro .guide-wrap .guide-head .guide-summary {
  font-size: 20px;
  font-weight: 200;
  color: #202020;
  letter-spacing: 3px;
  text-transform: uppercase;
}
#wrap #guide-intro .guide-wrap .guide-head .guide-summary + .guide-subject {
  margin-top: 10px;
}
@media (max-width: 1200px) {
  #wrap #guide-intro .guide-wrap .guide-head .guide-summary {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  #wrap #guide-intro .guide-wrap .guide-head .guide-summary {
    font-size: 14px;
  }
}
#wrap #guide-intro .guide-wrap .guide-head .guide-subject {
  font-size: 120px;
  font-weight: 900;
  color: #14121f;
  line-height: 1;
}
@media (max-width: 1200px) {
  #wrap #guide-intro .guide-wrap .guide-head .guide-subject {
    font-size: 80px;
  }
}
@media (max-width: 768px) {
  #wrap #guide-intro .guide-wrap .guide-head .guide-subject {
    font-size: 50px;
  }
}
#wrap #guide-intro .guide-wrap .guide-head .guide-subject + .guide-title {
  margin-top: 270px;
}
@media (max-width: 1200px) {
  #wrap #guide-intro .guide-wrap .guide-head .guide-subject + .guide-title {
    margin-top: 50px;
  }
}
@media (max-width: 768px) {
  #wrap #guide-intro .guide-wrap .guide-head .guide-subject + .guide-title {
    margin-top: 70px;
  }
}
#wrap #guide-intro .guide-wrap .guide-head .guide-title {
  padding-left: 10px;
  font-size: 24px;
  font-weight: 900;
  color: #14121f;
}
@media (max-width: 1200px) {
  #wrap #guide-intro .guide-wrap .guide-head .guide-title {
    padding-left: 0;
    font-size: 18px;
  }
}
@media (max-width: 768px) {
  #wrap #guide-intro .guide-wrap .guide-head .guide-title {
    font-size: 14px;
  }
}
#wrap #guide-intro .guide-wrap::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 500px;
  height: 100%;
  background-color: #f4f4f4;
  z-index: -1;
}
@media (max-width: 1200px) {
  #wrap #guide-intro .guide-wrap::before {
    width: 320px;
  }
}
@media (max-width: 768px) {
  #wrap #guide-intro .guide-wrap::before {
    width: 130px;
  }
}
#wrap #guide-intro .guide-wrap .guide-body {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1200px) {
  #wrap #guide-intro .guide-wrap .guide-body {
    justify-content: flex-start;
  }
}
#wrap #guide-intro .guide-wrap .guide-body .para {
  font-size: 16px;
  line-height: 1.4;
  padding: 478px 20px 0 6.25vw;
  color: #afaeae;
  text-align: left;
}
#wrap #guide-intro .guide-wrap .guide-body .para strong {
  color: #454545;
}
@media (max-width: 1200px) {
  #wrap #guide-intro .guide-wrap .guide-body .para {
    padding: 100px 20px 0 135px;
    font-size: 14px;
  }
}
@media (max-width: 768px) {
  #wrap #guide-intro .guide-wrap .guide-body .para {
    padding: 150px 20px 0 20px;
    font-size: 12px;
  }
}
#wrap #guide-intro .guide-wrap .guide-util {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  padding-top: 20px;
  padding-right: 40px;
  height: 75px;
  align-items: center;
  gap: 40px;
}
@media (max-width: 768px) {
  #wrap #guide-intro .guide-wrap .guide-util {
    padding: 20px;
    width: 100%;
    justify-content: space-between;
  }
}
#wrap #guide-intro .guide-wrap .guide-util .btn {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: auto;
  padding: 12px 50px;
  max-width: 250px;
  margin: 1rem auto;
  text-transform: uppercase;
  border: 1px solid currentColor;
  color: #161616;
  font-size: 16px;
  border-radius: 0px;
}
@media (max-width: 768px) {
  #wrap #guide-intro .guide-wrap .guide-util .btn {
    padding: 6px 25px;
    font-size: 14px;
  }
}
#wrap #guide-intro .guide-wrap .guide-util .btn .btn-text {
  position: relative;
  z-index: 2;
}
#wrap #guide-intro .guide-wrap .guide-util .btn::before {
  content: "";
  position: absolute;
  top: 0;
  right: -50px;
  bottom: 0;
  left: 0;
  border-right: 50px solid transparent;
  border-bottom: 80px solid #161616;
  transform: translateX(-100%);
  box-sizing: border-box;
  transition: 0.5s ease-in-out;
}
#wrap #guide-intro .guide-wrap .guide-util .btn:hover {
  color: #ffffff;
}
#wrap #guide-intro .guide-wrap .guide-util .btn:hover::before {
  transform: translateX(0);
}

#guide-list .page-body.pub-list {
  min-height: calc(100vh - 12rem);
  background-color: #f6f4f5;
}
#guide-list .page-body.pub-list .local-head {
  position: relative;
  background-color: #fff;
}
#guide-list .page-body.pub-list .local-head .page-search {
  display: flex;
  width: 100%;
  margin: 0 auto;
  gap: 1.5rem;
  max-width: 120rem;
  padding-top: 4rem;
  padding-bottom: 3.6rem;
}
@media (max-width: 1023px) {
  #guide-list .page-body.pub-list .local-head .page-search {
    gap: 1.3rem;
    padding-top: 2.7rem;
    padding-bottom: 2.4rem;
  }
}
#guide-list .page-body.pub-list .local-head .page-search .select-wrap {
  position: relative;
  width: 23.1rem;
  border: 0.1rem solid #dddbdc;
  justify-content: space-between;
  align-items: center;
  border-radius: 0.6rem;
  cursor: pointer;
}
@media (max-width: 1023px) {
  #guide-list .page-body.pub-list .local-head .page-search .select-wrap {
    width: 10rem;
  }
}
#guide-list .page-body.pub-list .local-head .page-search .select-wrap .search-select {
  display: flex;
  padding: 1.1rem 1.9rem;
  align-items: center;
  padding-right: 5rem;
}
@media (max-width: 1023px) {
  #guide-list .page-body.pub-list .local-head .page-search .select-wrap .search-select {
    padding: 0.7rem 1rem;
  }
}
#guide-list .page-body.pub-list .local-head .page-search .select-wrap .search-select .select-item {
  width: 100%;
  color: #afaeae;
  font-weight: 600;
  font-size: 2rem;
  line-height: 3.2rem;
  letter-spacing: -0.05rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media (max-width: 1023px) {
  #guide-list .page-body.pub-list .local-head .page-search .select-wrap .search-select .select-item {
    font-size: 1.4rem;
    line-height: 1.6rem;
  }
}
#guide-list .page-body.pub-list .local-head .page-search .select-wrap .search-select::after {
  display: inline-block;
  position: absolute;
  right: 1.8rem;
  width: 1.6rem;
  height: 1.6rem;
  content: "";
  background-image: url("data:image/svg+xml,%0A%3Csvg width='16' height='10' viewBox='0 0 16 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 0.585815L15.7071 8.29292C16.0976 8.68345 16.0976 9.31661 15.7071 9.70714C15.3166 10.0977 14.6834 10.0977 14.2929 9.70714L8 3.41424L1.70711 9.70714C1.31658 10.0977 0.683417 10.0977 0.292893 9.70714C-0.0976311 9.31661 -0.0976311 8.68345 0.292893 8.29292L8 0.585815Z' fill='rgb(175,174,174)'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  transform: rotate(180deg);
  transition: 0.3s ease;
}
@media (max-width: 1023px) {
  #guide-list .page-body.pub-list .local-head .page-search .select-wrap .search-select::after {
    right: 1rem;
    background-size: 1rem;
  }
}
#guide-list .page-body.pub-list .local-head .page-search .select-wrap .search-select.active + .search-category {
  top: 5.8rem;
  opacity: 1;
  z-index: 10;
}
@media (max-width: 1023px) {
  #guide-list .page-body.pub-list .local-head .page-search .select-wrap .search-select.active + .search-category {
    top: 3.8rem;
  }
}
#guide-list .page-body.pub-list .local-head .page-search .select-wrap .search-select.active::after {
  transform: rotate(0deg);
}
#guide-list .page-body.pub-list .local-head .page-search .select-wrap .search-category {
  position: absolute;
  top: 4.8rem;
  width: 100%;
  padding: 1.1rem 1.9rem;
  border: 0.1rem solid #dddbdc;
  background-color: #fff;
  border-radius: 0.6rem;
  opacity: 0;
  z-index: -1;
  transition: 0.3s ease;
}
@media (max-width: 1023px) {
  #guide-list .page-body.pub-list .local-head .page-search .select-wrap .search-category {
    top: 2.8rem;
    padding: 1.1rem 0.9rem;
  }
}
#guide-list .page-body.pub-list .local-head .page-search .select-wrap .search-category .select-item {
  color: #afaeae;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 3.2rem;
  letter-spacing: -0.05rem;
  cursor: default;
}
@media (max-width: 1023px) {
  #guide-list .page-body.pub-list .local-head .page-search .select-wrap .search-category .select-item {
    font-size: 1.2rem;
    line-height: 2.4rem;
  }
}
#guide-list .page-body.pub-list .local-head .page-search .select-wrap .search-category .select-item:hover {
  color: #14121f;
}
#guide-list .page-body.pub-list .local-head .page-search .search-input-wrap {
  display: flex;
  position: relative;
  flex-grow: 1;
  align-items: center;
}
#guide-list .page-body.pub-list .local-head .page-search .search-input-wrap .search-input {
  width: 100%;
  padding: 1.1rem 1.4rem 1.1rem 6.2rem;
  color: #afaeae;
  font-weight: 500;
  font-size: 2rem;
  line-height: 3.2rem;
  background-color: #f6f4f5;
  border-radius: 0.6rem;
}
@media (max-width: 1023px) {
  #guide-list .page-body.pub-list .local-head .page-search .search-input-wrap .search-input {
    padding: 0.7rem 1rem 0.7rem 3.2rem;
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 1.6rem;
  }
}
#guide-list .page-body.pub-list .local-head .page-search .search-input-wrap .search-input::placeholder {
  color: #afaeae;
  font-weight: 400;
  font-size: 2rem;
  line-height: 3.2rem;
}
@media (max-width: 1023px) {
  #guide-list .page-body.pub-list .local-head .page-search .search-input-wrap .search-input::placeholder {
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 1.6rem;
  }
}
#guide-list .page-body.pub-list .local-head .page-search .search-input-wrap::before {
  display: block;
  position: absolute;
  left: 1.4rem;
  width: 2.6rem;
  height: 2.6rem;
  content: "";
  background-image: url("data:image/svg+xml,%0A%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.375 2.15758C9.90664 2.15771 8.4596 2.5075 7.15461 3.17779C5.84962 3.84807 4.72452 4.81941 3.87317 6.01076C3.02183 7.20211 2.46893 8.57892 2.2606 10.0263C2.05227 11.4737 2.19456 12.9498 2.67559 14.3313C3.15662 15.7128 3.96245 16.9597 5.02584 17.968C6.08923 18.9764 7.37935 19.7168 8.78856 20.1277C10.1978 20.5385 11.6852 20.6078 13.1268 20.3297C14.5683 20.0517 15.9222 19.4344 17.0755 18.5293L21.0318 22.4691C21.2362 22.6656 21.5098 22.7743 21.7939 22.7718C22.0779 22.7694 22.3496 22.6559 22.5505 22.4559C22.7513 22.2559 22.8653 21.9853 22.8677 21.7025C22.8702 21.4196 22.761 21.1471 22.5637 20.9437L18.6073 17.0039C19.6777 15.6518 20.3441 14.0269 20.5304 12.3152C20.7166 10.6035 20.4152 8.87416 19.6606 7.32509C18.906 5.77603 17.7286 4.46982 16.2633 3.55594C14.798 2.64207 13.104 2.15747 11.375 2.15758ZM4.33333 11.3273C4.33333 9.46757 5.07522 7.68401 6.39579 6.36897C7.71636 5.05394 9.50743 4.31516 11.375 4.31516C13.2426 4.31516 15.0336 5.05394 16.3542 6.36897C17.6748 7.68401 18.4167 9.46757 18.4167 11.3273C18.4167 13.187 17.6748 14.9706 16.3542 16.2856C15.0336 17.6007 13.2426 18.3394 11.375 18.3394C9.50743 18.3394 7.71636 17.6007 6.39579 16.2856C5.07522 14.9706 4.33333 13.187 4.33333 11.3273Z' fill='rgb(165,165,165)'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
}
@media (max-width: 1023px) {
  #guide-list .page-body.pub-list .local-head .page-search .search-input-wrap::before {
    left: 1rem;
    width: 1.4rem;
    height: 1.4rem;
    background-size: 1.4rem;
  }
}
#guide-list .page-body.pub-list .local-head .page-search .search-btn {
  flex-shrink: 0;
}
#guide-list .page-body.pub-list .local-head .menu-anchor {
  position: absolute;
  top: 13rem;
  left: 0;
  width: 100%;
  padding: 0 1.5rem;
  background-color: #ffffff;
}
@media (max-width: 1023px) {
  #guide-list .page-body.pub-list .local-head .menu-anchor {
    top: 8.3rem;
  }
}
#guide-list .page-body.pub-list .local-head .menu-anchor .anchor-list {
  display: flex;
  width: 100%;
  max-width: 120rem;
}
@media (max-width: 1023px) {
  #guide-list .page-body.pub-list .local-head .menu-anchor .anchor-list {
    gap: 2rem;
  }
}
#guide-list .page-body.pub-list .local-head .menu-anchor .anchor-list .anchor-item {
  position: relative;
  width: auto;
  cursor: pointer;
}
#guide-list .page-body.pub-list .local-head .menu-anchor .anchor-list .anchor-item .anchor-btn {
  display: inline-block;
  color: #afaeae;
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 4rem;
  margin-bottom: 0.5rem;
  transition: color 0.3s ease;
}
@media (max-width: 1023px) {
  #guide-list .page-body.pub-list .local-head .menu-anchor .anchor-list .anchor-item .anchor-btn {
    font-size: 1.4rem;
    margin-bottom: 0;
  }
}
#guide-list .page-body.pub-list .local-head .menu-anchor .anchor-list .anchor-item.active .anchor-btn {
  color: #14121f;
}
#guide-list .page-body.pub-list .local-head .menu-anchor .anchor-list .anchor-item.active::after {
  width: 100%;
}
#guide-list .page-body.pub-list .local-head .menu-anchor .anchor-list .anchor-item::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 0.2rem;
  content: "";
  background-color: #14121f;
  border-radius: 0.6rem;
  transform: translateX(-50%);
  transition: width 0.3s ease;
}
#guide-list .page-body.pub-list .local-head .menu-anchor .anchor-list .anchor-item + .anchor-item {
  margin-left: 6rem;
}
@media (max-width: 1023px) {
  #guide-list .page-body.pub-list .local-head .menu-anchor .anchor-list .anchor-item + .anchor-item {
    margin-left: 2rem;
  }
}
#guide-list .page-body.pub-list .local-head .menu-anchor.fix {
  position: fixed;
  top: 0;
  z-index: 999;
}
#guide-list .page-body.pub-list .local-head .menu-anchor.fix .swiper-wrapper {
  justify-content: center;
}
@media (max-width: 1023px) {
  #guide-list .page-body.pub-list .local-head .menu-anchor.fix .swiper-wrapper {
    justify-content: flex-start;
  }
}
#guide-list .page-body.pub-list .local-body {
  position: relative;
  padding: 0 1.8rem;
  margin: 6rem auto 0;
  max-width: 119rem;
}
#guide-list .page-body.pub-list .local-body .content-body {
  min-height: 65rem;
  padding-top: 0;
  padding-bottom: 10rem;
}
@media (max-width: 1023px) {
  #guide-list .page-body.pub-list .local-body .content-body {
    padding-top: 2.8rem;
  }
}
#guide-list .page-body.pub-list .local-body .content-body .section {
  padding-top: 6rem;
}
@media (max-width: 1023px) {
  #guide-list .page-body.pub-list .local-body .content-body .section {
    padding-top: 3.2rem;
  }
}
#guide-list .page-body.pub-list .local-body .content-body .section .section-head {
  position: relative;
}
#guide-list .page-body.pub-list .local-body .content-body .section .section-head .section-subject .section-name {
  color: #14121f;
  font-weight: 600;
  font-size: 2.8rem;
  line-height: 4rem;
}
@media (max-width: 1023px) {
  #guide-list .page-body.pub-list .local-body .content-body .section .section-head .section-subject .section-name {
    font-size: 2rem;
    line-height: 2rem;
  }
}
#guide-list .page-body.pub-list .local-body .content-body .section .section-head .section-subject + .para {
  color: #000;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 1.5;
  padding-top: 1rem;
}
#guide-list .page-body.pub-list .local-body .content-body .section .section-head + .section-body {
  padding-top: 1.8rem;
  padding-left: 0;
}
@media (max-width: 1023px) {
  #guide-list .page-body.pub-list .local-body .content-body .section .section-head + .section-body {
    padding-top: 1.5rem;
  }
}
#guide-list .page-body.pub-list .local-body .content-body .section .section-head button {
  position: absolute;
  top: 1.5rem;
  right: 0;
  padding: 0.5rem 1rem;
  border: 0.1rem solid #2d2d2d;
  font-size: 1.4rem;
  border-radius: 0.5rem;
}
#guide-list .page-body.pub-list .local-body .content-body .section .section-body .data-display .data-head {
  padding: 1.1rem 0;
  background-color: #14121f;
  border-top-left-radius: 1.2rem;
  border-top-right-radius: 1.2rem;
}
@media (max-width: 1023px) {
  #guide-list .page-body.pub-list .local-body .content-body .section .section-body .data-display .data-head {
    padding: 0.5rem 0;
    border-top-left-radius: 0.4rem;
    border-top-right-radius: 0.4rem;
  }
}
#guide-list .page-body.pub-list .local-body .content-body .section .section-body .data-display .data-head .cate-list {
  display: flex;
  width: 100%;
  color: #ffffff;
  max-width: 111rem;
}
@media (max-width: 1023px) {
  #guide-list .page-body.pub-list .local-body .content-body .section .section-body .data-display .data-head .cate-list {
    display: none;
  }
}
#guide-list .page-body.pub-list .local-body .content-body .section .section-body .data-display .data-head .cate-list .cate-item {
  color: #ffffff;
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 3rem;
}
#guide-list .page-body.pub-list .local-body .content-body .section .section-body .data-display .data-head .cate-list .cate-item.al {
  padding-left: 2rem;
}
#guide-list .page-body.pub-list .local-body .content-body .section .section-body .data-display .data-head .cate-list .cate-item.ac {
  text-align: center;
}
#guide-list .page-body.pub-list .local-body .content-body .section .section-body .data-display .data-head .cate-list .cate-item:nth-child(1) {
  width: 7.75%;
}
#guide-list .page-body.pub-list .local-body .content-body .section .section-body .data-display .data-head .cate-list .cate-item:nth-child(2) {
  width: 18.47%;
}
#guide-list .page-body.pub-list .local-body .content-body .section .section-body .data-display .data-head .cate-list .cate-item:nth-child(3) {
  width: 29.55%;
}
#guide-list .page-body.pub-list .local-body .content-body .section .section-body .data-display .data-head .cate-list .cate-item:nth-child(4) {
  flex: 1;
}
#guide-list .page-body.pub-list .local-body .content-body .section .section-body .data-display .data-head .cate-list .cate-item:nth-child(5),
#guide-list .page-body.pub-list .local-body .content-body .section .section-body .data-display .data-head .cate-list .cate-item:nth-child(6) {
  width: 7.21%;
}
#guide-list .page-body.pub-list .local-body .content-body .section .section-body .data-display .data-body {
  background-color: #ffffff;
}
#guide-list .page-body.pub-list .local-body .content-body .section .section-body .data-display .data-body .data-item {
  transition: border-top 0.3s ease;
}
@media (max-width: 1023px) {
  #guide-list .page-body.pub-list .local-body .content-body .section .section-body .data-display .data-body .data-item {
    transition: margin 0.3s ease;
  }
}
#guide-list .page-body.pub-list .local-body .content-body .section .section-body .data-display .data-body .data-item .data-area .data-wrap {
  display: flex;
  flex-direction: column;
}
#guide-list .page-body.pub-list .local-body .content-body .section .section-body .data-display .data-body .data-item .data-area .data {
  display: inline-block;
  font-weight: 600;
  font-size: 1.5rem;
  letter-spacing: -0.05rem;
  word-break: break-all;
}
@media (max-width: 1023px) {
  #guide-list .page-body.pub-list .local-body .content-body .section .section-body .data-display .data-body .data-item .data-area .data {
    text-align: left;
  }
}
#guide-list .page-body.pub-list .local-body .content-body .section .section-body .data-display .data-body .data-item .data-area.default {
  border: 0.1rem solid #ffffff;
  border-left-width: 0.6rem;
  transition: border-color 0.3s ease;
}
@media (max-width: 1023px) {
  #guide-list .page-body.pub-list .local-body .content-body .section .section-body .data-display .data-body .data-item .data-area.default {
    border: none;
  }
}
#guide-list
  .page-body.pub-list
  .local-body
  .content-body
  .section
  .section-body
  .data-display
  .data-body
  .data-item
  .data-area.default
  .default-list {
  display: flex;
  width: 100%;
  padding: 1.3rem 0;
  max-width: 119rem;
}
@media (max-width: 1023px) {
  #guide-list
    .page-body.pub-list
    .local-body
    .content-body
    .section
    .section-body
    .data-display
    .data-body
    .data-item
    .data-area.default
    .default-list {
    position: relative;
    padding: 1.5rem;
    flex-direction: column;
    gap: 1.2rem;
    padding-bottom: 0;
    padding-bottom: 2rem;
  }
}
#guide-list
  .page-body.pub-list
  .local-body
  .content-body
  .section
  .section-body
  .data-display
  .data-body
  .data-item
  .data-area.default
  .default-list
  .default-item {
  display: flex;
  text-align: center;
  flex-direction: column;
}
#guide-list
  .page-body.pub-list
  .local-body
  .content-body
  .section
  .section-body
  .data-display
  .data-body
  .data-item
  .data-area.default
  .default-list
  .default-item
  .data {
  color: #4d4d4d;
  line-height: 3rem;
}
#guide-list
  .page-body.pub-list
  .local-body
  .content-body
  .section
  .section-body
  .data-display
  .data-body
  .data-item
  .data-area.default
  .default-list
  .default-item
  .data.data-view
  .data-text {
  display: inline-block;
  width: 6rem;
  border: 0.1rem solid #e1e1e1;
  color: #4e4e4e;
  border-radius: 0.6rem;
  background-color: #f3f3f3;
  transition: 0.3s ease;
}
@media (max-width: 1023px) {
  #guide-list
    .page-body.pub-list
    .local-body
    .content-body
    .section
    .section-body
    .data-display
    .data-body
    .data-item
    .data-area.default
    .default-list
    .default-item
    .data.data-view
    .data-text {
    width: auto;
    padding: 0.3rem 0.85rem;
  }
}
#guide-list
  .page-body.pub-list
  .local-body
  .content-body
  .section
  .section-body
  .data-display
  .data-body
  .data-item
  .data-area.default
  .default-list
  .default-item
  .data.data-view
  .data-text
  + .data-text {
  margin-top: 0.5rem;
}
#guide-list
  .page-body.pub-list
  .local-body
  .content-body
  .section
  .section-body
  .data-display
  .data-body
  .data-item
  .data-area.default
  .default-list
  .default-item
  .data.data-view
  .data-text.disabled {
  pointer-events: none;
}
#guide-list
  .page-body.pub-list
  .local-body
  .content-body
  .section
  .section-body
  .data-display
  .data-body
  .data-item
  .data-area.default
  .default-list
  .default-item
  .data.data-view
  .data-text.complete {
  color: #ffffff;
  background-color: #39d979;
  border-color: #39d979;
}
#guide-list
  .page-body.pub-list
  .local-body
  .content-body
  .section
  .section-body
  .data-display
  .data-body
  .data-item
  .data-area.default
  .default-list
  .default-item
  .data.data-view
  .data-text.remove {
  color: #ffffff;
  background-color: rgb(215, 29, 29);
  background-color: rgb(215, 29, 29);
  pointer-events: none;
}
@media (max-width: 1023px) {
  #guide-list
    .page-body.pub-list
    .local-body
    .content-body
    .section
    .section-body
    .data-display
    .data-body
    .data-item
    .data-area.default
    .default-list
    .default-item
    .data.data-view
    + .data-view {
    margin-top: 0.4rem;
  }
}
#guide-list
  .page-body.pub-list
  .local-body
  .content-body
  .section
  .section-body
  .data-display
  .data-body
  .data-item
  .data-area.default
  .default-list
  .default-item
  .data
  + .data {
  margin-top: 1rem;
}
@media (max-width: 1023px) {
  #guide-list
    .page-body.pub-list
    .local-body
    .content-body
    .section
    .section-body
    .data-display
    .data-body
    .data-item
    .data-area.default
    .default-list
    .default-item
    .data {
    font-size: 1.3rem;
    line-height: 1.4rem;
  }
}
#guide-list
  .page-body.pub-list
  .local-body
  .content-body
  .section
  .section-body
  .data-display
  .data-body
  .data-item
  .data-area.default
  .default-list
  .default-item.no,
#guide-list
  .page-body.pub-list
  .local-body
  .content-body
  .section
  .section-body
  .data-display
  .data-body
  .data-item
  .data-area.default
  .default-list
  .default-item.status,
#guide-list
  .page-body.pub-list
  .local-body
  .content-body
  .section
  .section-body
  .data-display
  .data-body
  .data-item
  .data-area.default
  .default-list
  .default-item.view,
#guide-list
  .page-body.pub-list
  .local-body
  .content-body
  .section
  .section-body
  .data-display
  .data-body
  .data-item
  .data-area.default
  .default-list
  .default-item.btn {
  width: 6.76%;
}
@media (max-width: 1023px) {
  #guide-list
    .page-body.pub-list
    .local-body
    .content-body
    .section
    .section-body
    .data-display
    .data-body
    .data-item
    .data-area.default
    .default-list
    .default-item.no,
  #guide-list
    .page-body.pub-list
    .local-body
    .content-body
    .section
    .section-body
    .data-display
    .data-body
    .data-item
    .data-area.default
    .default-list
    .default-item.status,
  #guide-list
    .page-body.pub-list
    .local-body
    .content-body
    .section
    .section-body
    .data-display
    .data-body
    .data-item
    .data-area.default
    .default-list
    .default-item.view,
  #guide-list
    .page-body.pub-list
    .local-body
    .content-body
    .section
    .section-body
    .data-display
    .data-body
    .data-item
    .data-area.default
    .default-list
    .default-item.btn {
    width: 100%;
  }
}
#guide-list
  .page-body.pub-list
  .local-body
  .content-body
  .section
  .section-body
  .data-display
  .data-body
  .data-item
  .data-area.default
  .default-list
  .default-item.no,
#guide-list
  .page-body.pub-list
  .local-body
  .content-body
  .section
  .section-body
  .data-display
  .data-body
  .data-item
  .data-area.default
  .default-list
  .default-item.menu {
  align-self: center;
}
#guide-list
  .page-body.pub-list
  .local-body
  .content-body
  .section
  .section-body
  .data-display
  .data-body
  .data-item
  .data-area.default
  .default-list
  .default-item.id {
  width: 17.31%;
}
@media (max-width: 1023px) {
  #guide-list
    .page-body.pub-list
    .local-body
    .content-body
    .section
    .section-body
    .data-display
    .data-body
    .data-item
    .data-area.default
    .default-list
    .default-item.id {
    width: 100%;
  }
}
#guide-list
  .page-body.pub-list
  .local-body
  .content-body
  .section
  .section-body
  .data-display
  .data-body
  .data-item
  .data-area.default
  .default-list
  .default-item.menu {
  width: 27.7%;
  text-align: left;
  padding-left: 2rem;
}
@media (max-width: 1023px) {
  #guide-list
    .page-body.pub-list
    .local-body
    .content-body
    .section
    .section-body
    .data-display
    .data-body
    .data-item
    .data-area.default
    .default-list
    .default-item.menu {
    width: 100%;
    padding: 0;
    padding-right: 15rem;
  }
}
#guide-list
  .page-body.pub-list
  .local-body
  .content-body
  .section
  .section-body
  .data-display
  .data-body
  .data-item
  .data-area.default
  .default-list
  .default-item.root {
  text-align: left;
  padding-left: 2rem;
  flex: 1;
}
@media (max-width: 1023px) {
  #guide-list
    .page-body.pub-list
    .local-body
    .content-body
    .section
    .section-body
    .data-display
    .data-body
    .data-item
    .data-area.default
    .default-list
    .default-item.root {
    width: 100%;
    padding: 0;
    padding-right: 15rem;
  }
  #guide-list
    .page-body.pub-list
    .local-body
    .content-body
    .section
    .section-body
    .data-display
    .data-body
    .data-item
    .data-area.default
    .default-list
    .default-item.root
    .data-root {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
#guide-list
  .page-body.pub-list
  .local-body
  .content-body
  .section
  .section-body
  .data-display
  .data-body
  .data-item
  .data-area.default
  .default-list
  .default-item.btn {
  display: flex;
  align-items: center;
  flex-direction: column;
}
#guide-list
  .page-body.pub-list
  .local-body
  .content-body
  .section
  .section-body
  .data-display
  .data-body
  .data-item
  .data-area.default
  .default-list
  .default-item.btn
  .btn {
  display: inline-block;
  width: 3rem;
  height: 3rem;
  background-color: #f3f3f3;
  border-radius: 50%;
  transition: background-color 0.3s ease;
}
@media (max-width: 1023px) {
  #guide-list
    .page-body.pub-list
    .local-body
    .content-body
    .section
    .section-body
    .data-display
    .data-body
    .data-item
    .data-area.default
    .default-list
    .default-item.btn
    .btn {
    width: 2rem;
    height: 2rem;
  }
}
#guide-list
  .page-body.pub-list
  .local-body
  .content-body
  .section
  .section-body
  .data-display
  .data-body
  .data-item
  .data-area.default
  .default-list
  .default-item.btn
  .btn::after {
  display: block;
  height: 100%;
  content: "";
  background-image: url("data:image/svg+xml,%0A%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.264138 0.266446C0.433317 0.0958407 0.662742 0 0.901961 0C1.14118 0 1.37061 0.0958407 1.53978 0.266446L6.00545 4.77111L10.4711 0.266446C10.6413 0.100676 10.8691 0.00894946 11.1057 0.0110229C11.3422 0.0130963 11.5685 0.108803 11.7358 0.277531C11.903 0.446259 11.9979 0.674507 12 0.913115C12.002 1.15172 11.9111 1.3816 11.7468 1.55323L6.64327 6.7013C6.47409 6.8719 6.24467 6.96774 6.00545 6.96774C5.76623 6.96774 5.5368 6.8719 5.36762 6.7013L0.264138 1.55323C0.0950107 1.38258 0 1.15115 0 0.90984C0 0.668531 0.0950107 0.437102 0.264138 0.266446Z' fill='rgb(204,204,204)'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center 1.303rem;
  transition: 0.3s ease;
}
@media (max-width: 1023px) {
  #guide-list
    .page-body.pub-list
    .local-body
    .content-body
    .section
    .section-body
    .data-display
    .data-body
    .data-item
    .data-area.default
    .default-list
    .default-item.btn
    .btn::after {
    background-size: 0.8rem;
    background-position: center;
  }
}
#guide-list
  .page-body.pub-list
  .local-body
  .content-body
  .section
  .section-body
  .data-display
  .data-body
  .data-item
  .data-area.default
  .default-list
  .default-item.btn
  .btn
  + .btn {
  margin-top: 0.5rem;
}
@media (max-width: 1023px) {
  #guide-list
    .page-body.pub-list
    .local-body
    .content-body
    .section
    .section-body
    .data-display
    .data-body
    .data-item
    .data-area.default
    .default-list
    .default-item.btn {
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
    width: auto;
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 1.2rem;
  }
}
@media (max-width: 1023px) {
  #guide-list
    .page-body.pub-list
    .local-body
    .content-body
    .section
    .section-body
    .data-display
    .data-body
    .data-item
    .data-area.default
    .default-list
    .default-item {
    text-align: left;
  }
  #guide-list
    .page-body.pub-list
    .local-body
    .content-body
    .section
    .section-body
    .data-display
    .data-body
    .data-item
    .data-area.default
    .default-list
    .default-item.no {
    display: none;
  }
  #guide-list
    .page-body.pub-list
    .local-body
    .content-body
    .section
    .section-body
    .data-display
    .data-body
    .data-item
    .data-area.default
    .default-list
    .default-item.status {
    position: absolute;
    top: 50%;
    right: 10.5rem;
    width: auto;
    font-size: 1.2rem;
    max-width: unset;
    transform: translateY(-50%);
  }
  #guide-list
    .page-body.pub-list
    .local-body
    .content-body
    .section
    .section-body
    .data-display
    .data-body
    .data-item
    .data-area.default
    .default-list
    .default-item.status
    .data {
    line-height: 2rem;
    text-align: right;
  }
  #guide-list
    .page-body.pub-list
    .local-body
    .content-body
    .section
    .section-body
    .data-display
    .data-body
    .data-item
    .data-area.default
    .default-list
    .default-item.view {
    position: absolute;
    top: 50%;
    right: 5.5rem;
    width: auto;
    text-align: center;
    transform: translateY(-50%);
  }
}
#guide-list .page-body.pub-list .local-body .content-body .section .section-body .data-display .data-body .data-item .data-area.detail {
  height: 0;
  overflow: hidden;
  transition: height 0.3s ease;
}
#guide-list .page-body.pub-list .local-body .content-body .section .section-body .data-display .data-body .data-item .data-area.detail .data-inner {
  padding: 1.5rem 0;
  background-color: #efefef;
  border-left-width: 0.6rem;
  border-style: solid;
  border-color: #ffffff;
}
@media (max-width: 1023px) {
  #guide-list .page-body.pub-list .local-body .content-body .section .section-body .data-display .data-body .data-item .data-area.detail .data-inner {
    padding: 0.2rem 0;
    margin: 0 1.5rem;
    border: none;
    border-radius: 0.4rem;
  }
}
#guide-list .page-body.pub-list .local-body .content-body .section .section-body .data-display .data-body .data-item .data-area.detail .data-list {
  display: flex;
  position: relative;
  width: 100%;
  padding: 1.5rem 0.6rem;
  margin: 0 auto;
  justify-content: space-between;
  max-width: 100rem;
}
#guide-list
  .page-body.pub-list
  .local-body
  .content-body
  .section
  .section-body
  .data-display
  .data-body
  .data-item
  .data-area.detail
  .data-list
  .data {
  color: #14121f;
  line-height: 2rem;
  max-width: 50rem;
}
@media (max-width: 1023px) {
  #guide-list
    .page-body.pub-list
    .local-body
    .content-body
    .section
    .section-body
    .data-display
    .data-body
    .data-item
    .data-area.detail
    .data-list
    .data.name {
    font-size: 1.2rem;
    line-height: 1.4rem;
    letter-spacing: 0.05rem;
  }
  #guide-list
    .page-body.pub-list
    .local-body
    .content-body
    .section
    .section-body
    .data-display
    .data-body
    .data-item
    .data-area.detail
    .data-list
    .data.contents {
    font-size: 1rem;
    line-height: 1.2rem;
  }
}
#guide-list
  .page-body.pub-list
  .local-body
  .content-body
  .section
  .section-body
  .data-display
  .data-body
  .data-item
  .data-area.detail
  .data-list
  .data.title {
  font-weight: 600;
  padding-right: 1.8rem;
}
@media (max-width: 1023px) {
  #guide-list
    .page-body.pub-list
    .local-body
    .content-body
    .section
    .section-body
    .data-display
    .data-body
    .data-item
    .data-area.detail
    .data-list
    .data.title {
    font-size: 1.2rem;
    line-height: 1.4rem;
    letter-spacing: -0.025rem;
  }
}
#guide-list
  .page-body.pub-list
  .local-body
  .content-body
  .section
  .section-body
  .data-display
  .data-body
  .data-item
  .data-area.detail
  .data-list
  .data.name,
#guide-list
  .page-body.pub-list
  .local-body
  .content-body
  .section
  .section-body
  .data-display
  .data-body
  .data-item
  .data-area.detail
  .data-list
  .data.contents {
  font-weight: 400;
}
#guide-list
  .page-body.pub-list
  .local-body
  .content-body
  .section
  .section-body
  .data-display
  .data-body
  .data-item
  .data-area.detail
  .data-list
  .data.name {
  position: relative;
}
#guide-list
  .page-body.pub-list
  .local-body
  .content-body
  .section
  .section-body
  .data-display
  .data-body
  .data-item
  .data-area.detail
  .data-list
  .data.name.ko::before {
  content: "ko";
}
#guide-list
  .page-body.pub-list
  .local-body
  .content-body
  .section
  .section-body
  .data-display
  .data-body
  .data-item
  .data-area.detail
  .data-list
  .data.name.en::before {
  content: "en";
}
#guide-list
  .page-body.pub-list
  .local-body
  .content-body
  .section
  .section-body
  .data-display
  .data-body
  .data-item
  .data-area.detail
  .data-list
  .data.name::before {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: -5rem;
  width: 3.5rem;
  padding: 0.1rem 0;
  color: #fff;
  text-align: center;
  background-color: #14121f;
  border-radius: 0.6rem;
  transform: translateY(-50%);
}
@media (max-width: 1023px) {
  #guide-list
    .page-body.pub-list
    .local-body
    .content-body
    .section
    .section-body
    .data-display
    .data-body
    .data-item
    .data-area.detail
    .data-list
    .data.name::before {
    right: 4rem;
  }
}
#guide-list
  .page-body.pub-list
  .local-body
  .content-body
  .section
  .section-body
  .data-display
  .data-body
  .data-item
  .data-area.detail
  .data-list
  .data.name
  + .name {
  margin-top: 1.2rem;
}
#guide-list
  .page-body.pub-list
  .local-body
  .content-body
  .section
  .section-body
  .data-display
  .data-body
  .data-item
  .data-area.detail
  .data-list.worker
  .title {
  align-self: center;
}
#guide-list
  .page-body.pub-list
  .local-body
  .content-body
  .section
  .section-body
  .data-display
  .data-body
  .data-item
  .data-area.detail
  .data-list
  + .data-list::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  content: "";
  border-top: 0.05rem solid #000000;
  opacity: 0.4;
}
@media (max-width: 1023px) {
  #guide-list .page-body.pub-list .local-body .content-body .section .section-body .data-display .data-body .data-item .data-area.detail .data-list {
    padding: 0.9rem 1.2rem 0.9rem 1.5rem;
  }
}
#guide-list .page-body.pub-list .local-body .content-body .section .section-body .data-display .data-body .data-item .data-area.detail .data {
  line-height: 2rem;
}
#guide-list .page-body.pub-list .local-body .content-body .section .section-body .data-display .data-body .data-item + .data-item {
  border-top: 0.1rem solid #eeeded;
}
#guide-list .page-body.pub-list .local-body .content-body .section .section-body .data-display .data-body .data-item.active .default {
  border-color: #14121f;
}
#guide-list
  .page-body.pub-list
  .local-body
  .content-body
  .section
  .section-body
  .data-display
  .data-body
  .data-item.active
  .default
  .default-list
  .default-item.btn
  .btn {
  background-color: #000;
}
#guide-list
  .page-body.pub-list
  .local-body
  .content-body
  .section
  .section-body
  .data-display
  .data-body
  .data-item.active
  .default
  .default-list
  .default-item.btn
  .btn::after {
  background-position: center;
  transform: rotate(180deg);
}
@media (max-width: 1023px) {
  #guide-list .page-body.pub-list .local-body .content-body .section .section-body .data-display .data-body .data-item.active {
    padding-bottom: 2rem;
  }
}
#guide-list .page-body.pub-list .local-body .content-body .section .section-body .data-display .data-body .data-item.active + .data-item {
  border-top: 0;
}
@media (max-width: 1023px) {
  #guide-list .page-body.pub-list .local-body .content-body .section .section-body .data-display .data-body .data-item.active + .data-item {
    border-top: 0.1rem solid #eeeded;
  }
}
#guide-list .page-body.pub-list .local-body .content-body .section .section-body .data-display .data-body .data-item.hidden {
  display: none;
}
#guide-list .page-body.pub-list .local-body .content-body .no-result {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#guide-list .page-body.pub-list .local-body .content-body .no-result .no-result-inner::before {
  display: block;
  width: 5.5rem;
  height: 5.5rem;
  margin: 0 auto;
  content: "";
  margin-bottom: 3rem;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='55' height='55' viewBox='0 0 55 55' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M27.5 52.7083C41.4222 52.7083 52.7083 41.4222 52.7083 27.5C52.7083 13.5778 41.4222 2.29167 27.5 2.29167C13.5778 2.29167 2.29167 13.5778 2.29167 27.5C2.29167 41.4222 13.5778 52.7083 27.5 52.7083ZM27.5 55C42.6878 55 55 42.6878 55 27.5C55 12.3122 42.6878 0 27.5 0C12.3122 0 0 12.3122 0 27.5C0 42.6878 12.3122 55 27.5 55ZM27.9582 12.3177C28.7493 12.3177 29.3905 12.959 29.3905 13.75V33C29.3905 33.791 28.7493 34.4323 27.9582 34.4323C27.1672 34.4323 26.5259 33.791 26.5259 33V13.75C26.5259 12.959 27.1672 12.3177 27.9582 12.3177ZM27.9583 44.0001C29.4771 44.0001 30.7083 42.7689 30.7083 41.2501C30.7083 39.7313 29.4771 38.5001 27.9583 38.5001C26.4396 38.5001 25.2083 39.7313 25.2083 41.2501C25.2083 42.7689 26.4396 44.0001 27.9583 44.0001Z' fill='rgb(68,68,68)'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
}
#guide-list .page-body.pub-list .local-body .content-body .no-result .des {
  color: #4d4d4d;
  font-weight: 600;
  font-size: 2rem;
  line-height: 2rem;
  letter-spacing: -0.05rem;
}
#guide-list .page-body.pub-list .local-body .content-body .no-result.active {
  display: block;
}

#guide-list .page-body .local-body .section.color-guide .subsection-body .data-list {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
}
@media (max-width: 1023px) {
  #guide-list .page-body .local-body .section.color-guide .subsection-body .data-list {
    gap: 2rem 0;
  }
}
#guide-list .page-body .local-body .section.color-guide .subsection-body .data-list .data-item {
  display: flex;
  width: 10rem;
  flex-direction: column;
  align-items: center;
  position: relative;
}
@media (max-width: 1023px) {
  #guide-list .page-body .local-body .section.color-guide .subsection-body .data-list .data-item {
    pointer-events: none;
  }
}
#guide-list .page-body .local-body .section.color-guide .subsection-body .data-list .data-item .data-box {
  position: relative;
  width: 7.5rem;
  height: 8rem;
  border-radius: 1rem;
  box-shadow: -0.3rem -0.4rem 0.7rem rgba(0, 0, 0, 0.1) inset;
}
#guide-list .page-body .local-body .section.color-guide .subsection-body .data-list .data-item .data-box .use {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #fff;
  font-size: 1.2rem;
  transform: translate(-50%, -50%);
  text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
  width: 90%;
}
#guide-list .page-body .local-body .section.color-guide .subsection-body .data-list .data-item .data-box + .data-name {
  padding-top: 0.8rem;
}
#guide-list .page-body .local-body .section.color-guide .subsection-body .data-list .data-item .data-name {
  color: #555555;
  font-weight: 500;
  font-size: 1.3rem;
}
#guide-list .page-body .local-body .section.color-guide .subsection-body .data-list .data-item .data-name + .data-code {
  padding-top: 0.7rem;
}
@media (max-width: 1023px) {
  #guide-list .page-body .local-body .section.color-guide .subsection-body .data-list .data-item .data-name + .data-code {
    padding-top: 0.3rem;
  }
}
#guide-list .page-body .local-body .section.color-guide .subsection-body .data-list .data-item .data-code {
  width: 100%;
  color: #8c8c8c;
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 130%;
}
#guide-list .page-body .local-body .section.color-guide .subsection-body .data-list .data-item span[class^="data"] {
  display: block;
  text-align: center;
}
#guide-list .page-body .local-body .section.color-guide .subsection-body .data-list .data-item .copied-text {
  position: absolute;
  top: -40px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #a1a1aa;
  color: #f6f6f7;
  padding: 5px;
  font-size: 12px;
  border-radius: 5px;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  transition:
    opacity 0.3s ease,
    visibility 0.3s ease;
}
#guide-list .page-body .local-body .section.color-guide .subsection-body .data-list .data-item .copied-text.show {
  opacity: 1;
  visibility: visible;
}
#guide-list .page-body .local-body .section.button-guide .subsection .subsection-body .guide-button-area {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 1.8rem;
  gap: 0.8rem;
}
#guide-list .page-body .local-body .section.font-guide .section-head + .section-body {
  padding-left: 0;
}
#guide-list .page-body .local-body .section.font-guide .subsection .subsection-body .table {
  width: 100%;
  table-layout: fixed;
  border-spacing: 0;
  border-collapse: collapse;
  border-right: hidden;
  border-left: hidden;
  border-top: hidden;
}
#guide-list .page-body .local-body .section.font-guide .subsection .subsection-body .table thead {
  background-color: #14121f;
}
#guide-list .page-body .local-body .section.font-guide .subsection .subsection-body .table tbody tr {
  height: 14rem;
  border-bottom: 0.1rem solid #b9b9b9;
}
#guide-list .page-body .local-body .section.font-guide .subsection .subsection-body .table th {
  padding: 1.2rem;
  color: #ffffff;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: normal;
}
#guide-list .page-body .local-body .section.font-guide .subsection .subsection-body .table th:first-child {
  border-radius: 1.2rem 0 0 0;
}
#guide-list .page-body .local-body .section.font-guide .subsection .subsection-body .table th:last-child {
  border-radius: 0 1.2rem 0 0;
}
#guide-list .page-body .local-body .section.font-guide .subsection .subsection-body .table td {
  text-align: center;
}
#guide-list .page-body .local-body .section.font-guide .subsection .subsection-body .table td:first-child {
  text-align: left;
  padding-left: 1rem;
}
#guide-list .page-body .local-body .section.font-guide .subsection .subsection-body .table td span {
  color: #1a1a1a;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 150%;
}
#guide-list .page-body .local-body .section.font-guide .subsection .subsection-body .font-info {
  display: inline-block;
  height: auto;
  padding: 3rem 2rem;
  min-width: 20rem;
  background-color: #fff;
  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.1);
  margin-right: 1rem;
  margin-bottom: 1rem;
}
#guide-list .page-body .local-body .section.font-guide .subsection .subsection-body .font-info .text {
  padding: 0 1rem 1rem 1rem;
  color: #14121f;
  font-size: 8rem;
  line-height: 100%;
  border-bottom: 1px solid #dadada;
}
#guide-list .page-body .local-body .section.font-guide .subsection .subsection-body .font-info .text + .family {
  color: #14121f;
  font-weight: 600;
  font-size: 1.6rem;
  padding-top: 1.5rem;
}
#guide-list .page-body .local-body .section.font-guide .subsection .subsection-body .font-info .text + .family + .type {
  display: flex;
  color: #4f4f4f;
  font-weight: 400;
  font-size: 1.4rem;
  padding-top: 0.8rem;
  justify-content: space-between;
}
#guide-list .page-body .local-body .section.font-guide .subsection .subsection-body .font-info.light .text {
  font-weight: 300;
}
#guide-list .page-body .local-body .section.font-guide .subsection .subsection-body .font-info.medium .text {
  font-weight: 500;
}
#guide-list .page-body .local-body .section.font-guide .subsection .subsection-body .font-info.semibold .text {
  font-weight: 600;
}
#guide-list .page-body .local-body .section.font-guide .subsection .subsection-body .font-info.bold .text {
  font-weight: 700;
}
@media (max-width: 1023px) {
  #guide-list .page-body .local-body .section.font-guide .subsection .subsection-body {
    width: calc(100% + 3.6rem);
    max-width: unset;
    overflow: auto;
    padding-bottom: 1.6rem;
    padding-right: 1.8rem;
    padding-left: 1.8rem;
    margin-left: -1.8rem;
  }
  #guide-list .page-body .local-body .section.font-guide .subsection .subsection-body::-webkit-scrollbar {
    height: 0.5rem;
  }
  #guide-list .page-body .local-body .section.font-guide .subsection .subsection-body::-webkit-scrollbar-thumb {
    background-color: #d5d4d9;
    border-radius: 5rem;
  }
  #guide-list .page-body .local-body .section.font-guide .subsection .subsection-body::-webkit-scrollbar-track {
    margin-left: 1.8rem;
    margin-right: 1.8rem;
    border-radius: 5rem;
  }
  #guide-list .page-body .local-body .section.font-guide .subsection .subsection-body .table {
    min-width: 100rem;
  }
  #guide-list .page-body .local-body .section.font-guide .subsection .subsection-body .table th:first-child {
    width: 40%;
  }
}
#guide-list .page-body .local-body .section.wai-guide .section-body .para-list .para {
  position: relative;
  color: #1c1c1c;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 150%;
  padding-left: 1.3rem;
}
#guide-list .page-body .local-body .section.wai-guide .section-body .para-list .para::before {
  position: absolute;
  top: 0;
  left: 0.2rem;
  content: "-";
}
#guide-list .page-body .local-body .section.wai-guide .section-body .data-list .data {
  position: relative;
  color: #1c1c1c;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 150%;
  padding-left: 1.2rem;
}
#guide-list .page-body .local-body .section.wai-guide .section-body .data-list .data ~ .data {
  margin-top: 0.8rem;
}
#guide-list .page-body .local-body .section.wai-guide .section-body .data-list .data::before {
  position: absolute;
  top: 0;
  left: 0.2rem;
  font-size: 2rem;
  content: "·";
}
#guide-list .page-body .local-body .section.wai-guide .section-body .data-list .data .data-table {
  margin-top: 1.2rem;
}
#guide-list .page-body .local-body .section.wai-guide .section-body .data-list .data .highlight-js {
  margin-top: 0.8rem;
}
#guide-list .page-body .local-body .section.wai-guide .section-body .data-list .data .highlight-js + .para-list {
  margin-top: 1.2rem;
}
#guide-list .page-body .local-body .section.wai-guide .section-body .data-list .data .link:hover {
  text-decoration: underline;
}
#guide-list .page-body .local-body .section.source-guide .section-head + .section-body {
  padding-top: 3rem;
  padding-left: unset;
}
#guide-list .page-body .local-body .section.icon-guide .data-list.svg-icon {
  display: flex;
  flex-wrap: wrap;
}
#guide-list .page-body .local-body .section.icon-guide .data-list.svg-icon .data-item {
  margin-right: 2rem;
  margin-bottom: 2rem;
}
#guide-list .page-body .local-body .section.icon-guide .data-list.svg-icon .data-item .data-name {
  display: flex;
  width: 9rem;
  font-size: 1.4rem;
  text-align: center;
  flex-direction: column;
  align-items: center;
  min-height: 10rem;
}
#guide-list .page-body .local-body .section.icon-guide .data-list.svg-icon .data-item .data-name::before {
  width: 3rem;
  height: 3rem;
  margin: 1rem auto 1.6rem;
  content: "";
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
#guide-list .page-body .local-body .section.icon-guide .data-list.svg-icon .data-item.link:hover {
  text-decoration: none;
}
#guide-list .page-body .local-body .section.icon-guide .data-list.svg-icon .data-item.arrow-up1 .data-name::before {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='14' height='9' viewBox='0 0 14 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.365166 8.63483C0.0136945 8.28336 0.0136945 7.71351 0.365166 7.36204L7.00156 0.725645L13.638 7.36204C13.9894 7.71351 13.9894 8.28336 13.638 8.63483C13.2865 8.9863 12.7166 8.9863 12.3652 8.63483L7.00156 3.27123L1.63796 8.63483C1.28649 8.98631 0.716638 8.98631 0.365166 8.63483Z' fill='rgb(0,0,0)'/%3E%3C/svg%3E%0A");
}
#guide-list .page-body .local-body .section.icon-guide .data-list.svg-icon .data-item.arrow-down1 .data-name::before {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='14' height='9' viewBox='0 0 14 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.6348 0.365166C13.9863 0.716638 13.9863 1.28649 13.6348 1.63796L6.99844 8.27435L0.362041 1.63796C0.0105695 1.28649 0.0105695 0.716638 0.362041 0.365166C0.713513 0.0136939 1.28336 0.013694 1.63483 0.365166L6.99844 5.72877L12.362 0.365166C12.7135 0.0136945 13.2834 0.0136945 13.6348 0.365166Z' fill='rgb(0,0,0)'/%3E%3C/svg%3E%0A");
}
#guide-list .page-body .local-body .section.icon-guide .data-list.svg-icon .data-item.arrow-down2 .data-name::before {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.00098 0.75C6.00098 0.335786 6.33676 0 6.75098 0C7.16519 0 7.50098 0.335786 7.50098 0.75L7.50098 11.9393L12.2206 7.21967C12.5135 6.92678 12.9884 6.92678 13.2813 7.21967C13.5742 7.51256 13.5742 7.98744 13.2813 8.28033L6.75098 14.8107L0.220646 8.28033C-0.0722467 7.98744 -0.0722467 7.51256 0.220646 7.21967C0.51354 6.92678 0.988413 6.92678 1.28131 7.21967L6.00098 11.9393L6.00098 0.75Z' fill='rgb(0,0,0)'/%3E%3C/svg%3E%0A");
}
#guide-list .page-body .local-body .section.icon-guide .data-list.svg-icon .data-item.arrow-left1 .data-name::before {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='9' height='14' viewBox='0 0 9 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.63483 0.365166C8.28336 0.0136945 7.71351 0.0136945 7.36204 0.365166L0.725645 7.00156L7.36204 13.638C7.71351 13.9894 8.28336 13.9894 8.63483 13.638C8.98631 13.2865 8.98631 12.7166 8.63483 12.3652L3.27123 7.00156L8.63483 1.63796C8.98631 1.28649 8.98631 0.716638 8.63483 0.365166Z' fill='rgb(0,0,0)'/%3E%3C/svg%3E%0A");
}
#guide-list .page-body .local-body .section.icon-guide .data-list.svg-icon .data-item.arrow-left2 .data-name::before {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='15' height='14' viewBox='0 0 15 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.78217 0.217717C7.07506 -0.0751764 7.54994 -0.0751764 7.84283 0.217717C8.13572 0.51061 8.13572 0.985484 7.84283 1.27838L3.12316 5.99805L13.75 5.99805C14.1642 5.99805 14.5 6.33383 14.5 6.74805C14.5 7.16226 14.1642 7.49805 13.75 7.49805L3.12316 7.49805L7.84283 12.2177C8.13572 12.5106 8.13572 12.9855 7.84283 13.2784C7.54994 13.5713 7.07506 13.5713 6.78217 13.2784L1.00184 7.49805H1V7.49621L0.25184 6.74805L1 5.99989V5.99805H1.00184L6.78217 0.217717Z' fill='rgb(0,0,0)'/%3E%3C/svg%3E%0A");
}
#guide-list .page-body .local-body .section.icon-guide .data-list.svg-icon .data-item.arrow-right1 .data-name::before {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='9' height='14' viewBox='0 0 9 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.365166 0.365166C0.716638 0.0136945 1.28649 0.0136945 1.63796 0.365166L8.27435 7.00156L1.63796 13.638C1.28649 13.9894 0.716638 13.9894 0.365166 13.638C0.0136945 13.2865 0.0136945 12.7166 0.365166 12.3652L5.72877 7.00156L0.365166 1.63796C0.0136945 1.28649 0.0136945 0.716638 0.365166 0.365166Z' fill='rgb(0,0,0)'/%3E%3C/svg%3E%0A");
}
#guide-list .page-body .local-body .section.icon-guide .data-list.svg-icon .data-item.arrow-right2 .data-name::before {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='15' height='14' viewBox='0 0 15 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.28033 0.217717C7.98744 -0.0751764 7.51256 -0.0751764 7.21967 0.217717C6.92678 0.51061 6.92678 0.985484 7.21967 1.27838L11.9393 5.99805L0.75 5.99805C0.335786 5.99805 0 6.33383 0 6.74805C0 7.16226 0.335786 7.49805 0.75 7.49805L11.9393 7.49805L7.21967 12.2177C6.92678 12.5106 6.92678 12.9855 7.21967 13.2784C7.51256 13.5713 7.98744 13.5713 8.28033 13.2784L14.8107 6.74805L8.28033 0.217717Z' fill='rgb(0,0,0)'/%3E%3C/svg%3E%0A");
}
#guide-list .page-body .local-body .section.icon-guide .data-list.svg-icon .data-item.arrow-right-up2 .data-name::before {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.45703 0C1.04282 0 0.707031 0.335787 0.707031 0.75C0.707031 1.16421 1.04282 1.5 1.45703 1.5H8.13372L0.21967 9.41405C-0.0732233 9.70694 -0.0732233 10.1818 0.21967 10.4747C0.512563 10.7676 0.987437 10.7676 1.28033 10.4747L9.19231 2.56273V9.23528C9.19231 9.6495 9.5281 9.98528 9.94231 9.98528C10.3565 9.98528 10.6923 9.6495 10.6923 9.23528V0H1.45703Z' fill='rgb(0,0,0)'/%3E%3C/svg%3E%0A");
}
#guide-list .page-body .local-body .section.icon-guide .data-list.svg-icon .data-item.arrow-right-up3 .data-name::before {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='11' height='12' viewBox='0 0 11 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.47446 2.77539L1.40625 2.77539C0.853965 2.77539 0.40625 2.32768 0.40625 1.77539C0.40625 1.22311 0.853965 0.775391 1.40625 0.775391L9.89153 0.775391C10.1567 0.775391 10.4111 0.880747 10.5986 1.06828C10.7862 1.25582 10.8915 1.51017 10.8915 1.77539V10.2607C10.8915 10.813 10.4438 11.2607 9.89153 11.2607C9.33925 11.2607 8.89153 10.813 8.89153 10.2607V4.18674L2.81648 10.2618C2.42596 10.6523 1.79279 10.6523 1.40227 10.2618C1.01174 9.87127 1.01174 9.23811 1.40227 8.84758L7.47446 2.77539Z' fill='rgb(0,0,0)'/%3E%3C/svg%3E%0A");
}
#guide-list .page-body .local-body .section.icon-guide .data-list.svg-icon .data-item.arrow-fill-up .data-name::before {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.00084 -9.08524e-07L11.197 7.5L0.804689 7.5L6.00084 -9.08524e-07Z' fill='rgb(0,0,0)'/%3E%3C/svg%3E%0A");
}
#guide-list .page-body .local-body .section.icon-guide .data-list.svg-icon .data-item.arrow-fill-down .data-name::before {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.99916 8L0.803008 0.5L11.1953 0.500001L5.99916 8Z' fill='rgb(0,0,0)'/%3E%3C/svg%3E%0A");
}
#guide-list .page-body .local-body .section.icon-guide .data-list.svg-icon .data-item.arrow-fill-right .data-name::before {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 6.00084L0.5 11.197L0.5 0.804688L8 6.00084Z' fill='rgb(0,0,0)'/%3E%3C/svg%3E%0A");
}
#guide-list .page-body .local-body .section.icon-guide .data-list.svg-icon .data-item.arrow-fill-left .data-name::before {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M-6.19635e-08 6.00084L7.5 11.197L7.5 0.804688L-6.19635e-08 6.00084Z' fill='rgb(0,0,0)'/%3E%3C/svg%3E%0A");
}
#guide-list .page-body .local-body .section.icon-guide .data-list.svg-icon .data-item.more .data-name::before {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='3' height='14' viewBox='0 0 3 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.5 3C2.32812 3 3 2.32812 3 1.5C3 0.671875 2.32812 0 1.5 0C1.33203 0 1.16797 0.03125 1.01562 0.0859375C0.425781 0.28125 0 0.84375 0 1.5C0 2.32812 0.671875 3 1.5 3ZM3 7C3 7.82812 2.32812 8.5 1.5 8.5C0.671875 8.5 0 7.82812 0 7C0 6.17188 0.671875 5.5 1.5 5.5C1.89844 5.5 2.26172 5.65625 2.53125 5.90625C2.66016 6.03125 2.76953 6.17969 2.84766 6.34375C2.94531 6.54688 3 6.76562 3 7ZM3 12.5C3 13.3281 2.32812 14 1.5 14C0.671875 14 0 13.3281 0 12.5C0 11.6719 0.671875 11 1.5 11C2.32812 11 3 11.6719 3 12.5Z' fill='rgb(0,0,0)'/%3E%3C/svg%3E%0A");
}
#guide-list .page-body .local-body .section.icon-guide .data-list.svg-icon .data-item.trash .data-name::before {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='18' height='19' viewBox='0 0 18 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.25 3C5.25 1.48122 6.48122 0.25 8 0.25H10C11.5188 0.25 12.75 1.48122 12.75 3V3.25H17C17.4142 3.25 17.75 3.58579 17.75 4C17.75 4.41421 17.4142 4.75 17 4.75H15.75V16C15.75 17.5188 14.5188 18.75 13 18.75H5C3.48122 18.75 2.25 17.5188 2.25 16V4.75H1C0.585786 4.75 0.25 4.41421 0.25 4C0.25 3.58579 0.585786 3.25 1 3.25H5.25V3ZM3.75 4.75V16C3.75 16.6904 4.30964 17.25 5 17.25H13C13.6904 17.25 14.25 16.6904 14.25 16V4.75H3.75ZM11.25 3.25H6.75V3C6.75 2.30964 7.30964 1.75 8 1.75H10C10.6904 1.75 11.25 2.30964 11.25 3V3.25ZM7 7.25C7.41421 7.25 7.75 7.58579 7.75 8V14C7.75 14.4142 7.41421 14.75 7 14.75C6.58579 14.75 6.25 14.4142 6.25 14V8C6.25 7.58579 6.58579 7.25 7 7.25ZM11 7.25C11.4142 7.25 11.75 7.58579 11.75 8V14C11.75 14.4142 11.4142 14.75 11 14.75C10.5858 14.75 10.25 14.4142 10.25 14V8C10.25 7.58579 10.5858 7.25 11 7.25Z' fill='rgb(0,0,0)'/%3E%3C/svg%3E%0A");
}
#guide-list .page-body .local-body .section.icon-guide .data-list.svg-icon .data-item.language .data-name::before {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.18054 2.22032C9.52088 1.88212 9.78138 1.80829 9.94463 1.80818H9.945C10.1082 1.80818 10.3689 1.88187 10.7095 2.22032C11.0537 2.5624 11.4124 3.1139 11.7351 3.88788C12.0548 4.65488 12.3166 5.58639 12.4973 6.63298C12.6276 7.38792 12.7128 8.18525 12.75 9H7.14004C7.17724 8.18525 7.26237 7.38792 7.39272 6.63297C7.57343 5.58639 7.83523 4.65488 8.15495 3.88788C8.47758 3.1139 8.8363 2.5624 9.18054 2.22032ZM5.25405 9C5.29241 8.08892 5.38619 7.19205 5.53375 6.33741C5.73183 5.19021 6.02522 4.12839 6.4054 3.21634C6.51562 2.95193 6.63394 2.69816 6.76044 2.45725C5.80111 2.86526 4.92889 3.45391 4.1914 4.1914C3.43583 4.94697 2.83647 5.84397 2.42756 6.83117C2.13974 7.52603 1.95024 8.25599 1.86324 9H5.25405ZM1.85323 10.8H5.25045C5.2863 11.742 5.38133 12.6698 5.53375 13.5526C5.73183 14.6998 6.02522 15.7616 6.4054 16.6737C6.51562 16.9381 6.63394 17.1918 6.76044 17.4327C5.80111 17.0247 4.92889 16.4361 4.1914 15.6986C3.43583 14.943 2.83647 14.046 2.42756 13.0588C2.12815 12.336 1.93513 11.5751 1.85323 10.8ZM5.98722e-05 9.91049C1.99607e-05 9.92199 0 9.93349 0 9.945C0 11.251 0.257235 12.5442 0.757018 13.7508C1.2568 14.9574 1.98934 16.0537 2.91282 16.9772C3.8363 17.9007 4.93263 18.6332 6.13921 19.133C7.3458 19.6328 8.639 19.89 9.945 19.89C11.251 19.89 12.5442 19.6328 13.7508 19.133C14.9574 18.6332 16.0537 17.9007 16.9772 16.9772C17.9007 16.0537 18.6332 14.9574 19.133 13.7508C19.6328 12.5442 19.89 11.251 19.89 9.945C19.89 8.63901 19.6328 7.3458 19.133 6.13921C18.6332 4.93263 17.9007 3.8363 16.9772 2.91282C16.0537 1.98935 14.9574 1.2568 13.7508 0.757019C12.5442 0.257235 11.251 0 9.945 0C8.63901 0 7.3458 0.257235 6.13921 0.757018C4.93263 1.2568 3.8363 1.98934 2.91282 2.91282C1.98935 3.8363 1.2568 4.93263 0.757018 6.13921C0.265482 7.32589 0.00855537 8.59635 0.000210059 9.88036C7.0257e-05 9.88689 0 9.89344 0 9.9C0 9.9035 1.99932e-05 9.907 5.98722e-05 9.91049ZM7.13612 10.8H12.7539C12.719 11.646 12.6324 12.4743 12.4973 13.257C12.3166 14.3036 12.0548 15.2351 11.7351 16.0021C11.4124 16.7761 11.0537 17.3276 10.7095 17.6697C10.3689 18.0081 10.1082 18.0818 9.945 18.0818C9.78177 18.0818 9.52114 18.0081 9.18054 17.6697C8.8363 17.3276 8.47758 16.7761 8.15495 16.0021C7.83523 15.2351 7.57343 14.3036 7.39272 13.257C7.25758 12.4743 7.17104 11.646 7.13612 10.8ZM14.6396 10.8C14.6037 11.742 14.5087 12.6698 14.3562 13.5526C14.1582 14.6998 13.8648 15.7616 13.4846 16.6737C13.3744 16.9381 13.2561 17.1918 13.1296 17.4327C14.0889 17.0247 14.9611 16.4361 15.6986 15.6986C16.4542 14.943 17.0535 14.046 17.4624 13.0588C17.7619 12.336 17.9549 11.5751 18.0368 10.8H14.6396ZM18.0268 9C17.9398 8.25599 17.7503 7.52603 17.4624 6.83118C17.0535 5.84397 16.4542 4.94697 15.6986 4.1914C14.9611 3.45391 14.0889 2.86526 13.1296 2.45725C13.2561 2.69816 13.3744 2.95193 13.4846 3.21634C13.8648 4.1284 14.1582 5.19021 14.3562 6.33742C14.5038 7.19206 14.5976 8.08892 14.6359 9H18.0268Z' fill='rgb(0,0,0)'/%3E%3C/svg%3E%0A");
}
#guide-list .page-body .local-body .section.icon-guide .data-list.svg-icon .data-item.download .data-name::before {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='18' height='17' viewBox='0 0 18 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.8 0.915625C9.8 0.418568 9.39706 0.015625 8.9 0.015625C8.40294 0.015625 8 0.418568 8 0.915625V9.72721L5.5364 7.2636C5.18492 6.91213 4.61508 6.91213 4.2636 7.2636C3.91213 7.61508 3.91213 8.18492 4.2636 8.5364L8.17172 12.4445C8.33533 12.6694 8.60059 12.8156 8.9 12.8156C9.19941 12.8156 9.46468 12.6694 9.62829 12.4445L13.5364 8.5364C13.8879 8.18492 13.8879 7.61508 13.5364 7.2636C13.1849 6.91213 12.6151 6.91213 12.2636 7.2636L9.8 9.72721V0.915625ZM1.8 11.9C1.8 11.4029 1.39706 11 0.9 11C0.402944 11 0 11.4029 0 11.9V15.9C0 16.3971 0.402944 16.8 0.9 16.8H16.9C17.3971 16.8 17.8 16.3971 17.8 15.9V11.9C17.8 11.4029 17.3971 11 16.9 11C16.4029 11 16 11.4029 16 11.9V15H1.8V11.9Z' fill='rgb(0,0,0)'/%3E%3C/svg%3E%0A");
}
#guide-list .page-body .local-body .section.icon-guide .data-list.svg-icon .data-item.close .data-name::before {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.2626 11.5344C10.6141 11.8859 11.1839 11.8859 11.5354 11.5344C11.8869 11.183 11.8869 10.6131 11.5354 10.2617L7.1718 5.89803L11.5354 1.53444C11.8868 1.18297 11.8868 0.61312 11.5354 0.261649C11.1839 -0.0898215 10.614 -0.0898198 10.2626 0.261653L5.89901 4.62524L1.53542 0.261651C1.18395 -0.0898212 0.614099 -0.0898211 0.262627 0.261651C-0.0888446 0.613123 -0.0888446 1.18297 0.262628 1.53444L4.62622 5.89803L0.262626 10.2617C-0.0888451 10.6131 -0.0888434 11.183 0.26263 11.5344C0.614102 11.8859 1.18395 11.8859 1.53542 11.5344L5.89901 7.17083L10.2626 11.5344Z' fill='rgb(0,0,0)'/%3E%3C/svg%3E%0A");
}
#guide-list .page-body .local-body .section.icon-guide .data-list.svg-icon .data-item.minus .data-name::before {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='15' height='2' viewBox='0 0 15 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.261719 1.00156C0.261719 0.504506 0.664662 0.101562 1.16172 0.101562L13.1617 0.101562C13.6588 0.101562 14.0617 0.504506 14.0617 1.00156C14.0617 1.49862 13.6588 1.90156 13.1617 1.90156L1.16172 1.90156C0.664662 1.90156 0.261719 1.49862 0.261719 1.00156Z' fill='rgb(0,0,0)'/%3E%3C/svg%3E%0A");
}
#guide-list .page-body .local-body .section.icon-guide .data-list.svg-icon .data-item.plus .data-name::before {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6 12.9C6 13.3971 6.40294 13.8 6.9 13.8C7.39706 13.8 7.8 13.3971 7.8 12.9V7.8H12.9C13.3971 7.8 13.8 7.39706 13.8 6.9C13.8 6.40294 13.3971 6 12.9 6H7.8V0.9C7.8 0.402944 7.39706 0 6.9 0C6.40294 0 6 0.402944 6 0.9V6H0.9C0.402944 6 0 6.40294 0 6.9C0 7.39706 0.402944 7.8 0.9 7.8H6V12.9Z' fill='rgb(0,0,0)'/%3E%3C/svg%3E%0A");
}
#guide-list .page-body .local-body .section.icon-guide .data-list.svg-icon .data-item.menu .data-name::before {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='19' height='14' viewBox='0 0 19 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.9 0.101562C0.402944 0.101562 0 0.504506 0 1.00156C0 1.49862 0.402944 1.90156 0.9 1.90156H17.378C17.8751 1.90156 18.278 1.49862 18.278 1.00156C18.278 0.504506 17.8751 0.101562 17.378 0.101562H0.9ZM0 7.00156C0 6.50451 0.402944 6.10156 0.9 6.10156H17.378C17.8751 6.10156 18.278 6.50451 18.278 7.00156C18.278 7.49862 17.8751 7.90156 17.378 7.90156H0.9C0.402944 7.90156 0 7.49862 0 7.00156ZM0 13.0016C0 12.5045 0.402944 12.1016 0.9 12.1016H17.378C17.8751 12.1016 18.278 12.5045 18.278 13.0016C18.278 13.4986 17.8751 13.9016 17.378 13.9016H0.9C0.402944 13.9016 0 13.4986 0 13.0016Z' fill='rgb(0,0,0)'/%3E%3C/svg%3E%0A");
}
#guide-list .page-body .local-body .section.icon-guide .data-list.svg-icon .data-item.menu-header .data-name::before {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='12' viewBox='0 0 24 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.439453 0.439453C0.167969 0.710938 0 1.08594 0 1.5C0 2.32837 0.671875 3 1.5 3H22.5C23.3281 3 24 2.32837 24 1.5C24 0.671631 23.3281 0 22.5 0H1.5C1.08594 0 0.710938 0.167969 0.439453 0.439453ZM22.5 9H1.5C0.671875 9 0 9.67163 0 10.5C0 11.3284 0.671875 12 1.5 12H22.5C23.3281 12 24 11.3284 24 10.5C24 10.1174 23.8574 9.76831 23.6211 9.50317C23.3457 9.19434 22.9453 9 22.5 9Z' fill='rgb(0,0,0)'/%3E%3C/svg%3E%0A");
}
#guide-list .page-body .local-body .section.icon-guide .data-list.svg-icon .data-item.link .data-name::before {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.195 2.71893C13.2468 1.66298 14.7336 1.68117 15.5249 2.47561C16.3189 3.27269 16.3356 4.77127 15.2826 5.82839L13.3435 7.77499C12.9927 8.12714 12.9938 8.69699 13.346 9.04778C13.6981 9.39857 14.268 9.39746 14.6188 9.04531L16.5578 7.09872C18.182 5.46817 18.4157 2.8271 16.8002 1.20528C15.182 -0.419174 12.5451 -0.183109 10.9197 1.44861L7.04157 5.34177L7.67587 5.97362L7.04157 5.34178C5.41734 6.97232 5.18365 9.61342 6.79918 11.2352C7.14997 11.5874 7.71982 11.5885 8.07197 11.2377C8.42413 10.8869 8.42523 10.3171 8.07444 9.96491C7.28044 9.16783 7.26379 7.66923 8.31683 6.6121L12.195 2.71893L11.5669 2.09327L12.195 2.71893ZM11.1986 6.76256C10.8478 6.41041 10.278 6.40931 9.92584 6.7601C9.57369 7.11089 9.57259 7.68073 9.92338 8.03289C10.7174 8.82998 10.734 10.3285 9.68099 11.3857L5.80289 15.2789C4.75102 16.3348 3.26425 16.3166 2.47288 15.5222C1.67887 14.7251 1.66223 13.2265 2.71527 12.1694L4.65434 10.2228C5.00513 9.87061 5.00403 9.30076 4.65188 8.94997C4.29972 8.59918 3.72988 8.60029 3.37909 8.95244L1.44001 10.899C-0.184227 12.5296 -0.417917 15.1707 1.19763 16.7925C2.8158 18.417 5.45274 18.1809 7.07815 16.5492L10.9562 12.656C12.5805 11.0254 12.8142 8.38438 11.1986 6.76256Z' fill='rgb(0,0,0)'/%3E%3C/svg%3E%0A");
}
#guide-list .page-body .local-body .section.icon-guide .data-list.svg-icon .data-item.people .data-name::before {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='16' viewBox='0 0 24 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.0016 1.90156C10.8418 1.90156 9.90156 2.84176 9.90156 4.00156C9.90156 5.16136 10.8418 6.10156 12.0016 6.10156C13.1614 6.10156 14.1016 5.16136 14.1016 4.00156C14.1016 2.84176 13.1614 1.90156 12.0016 1.90156ZM8.10156 4.00156C8.10156 1.84765 9.84765 0.101562 12.0016 0.101562C14.1555 0.101562 15.9016 1.84765 15.9016 4.00156C15.9016 6.15547 14.1555 7.90156 12.0016 7.90156C9.84765 7.90156 8.10156 6.15547 8.10156 4.00156ZM6.85012 0.872356C7.01576 1.341 6.77013 1.85519 6.30148 2.02083C5.48464 2.30955 4.90156 3.08862 4.90156 4.00157C4.90156 4.91452 5.48464 5.6936 6.30148 5.98231C6.77013 6.14795 7.01576 6.66214 6.85012 7.13079C6.68448 7.59943 6.17029 7.84506 5.70164 7.67942C4.1881 7.14446 3.10156 5.70106 3.10156 4.00157C3.10156 2.30208 4.1881 0.85868 5.70164 0.323722C6.17029 0.15808 6.68448 0.403712 6.85012 0.872356ZM17.153 0.872356C17.3186 0.403712 17.8328 0.15808 18.3015 0.323722C19.815 0.85868 20.9016 2.30208 20.9016 4.00157C20.9016 5.70106 19.815 7.14446 18.3015 7.67942C17.8328 7.84506 17.3186 7.59943 17.153 7.13079C16.9874 6.66214 17.233 6.14795 17.7016 5.98231C18.5185 5.6936 19.1016 4.91452 19.1016 4.00157C19.1016 3.08862 18.5185 2.30955 17.7016 2.02083C17.233 1.85519 16.9874 1.341 17.153 0.872356ZM5.10156 14.0016C5.10156 11.2954 7.29537 9.10156 10.0016 9.10156H14.0016C16.7078 9.10156 18.9016 11.2954 18.9016 14.0016V15.0016C18.9016 15.4986 18.4986 15.9016 18.0016 15.9016H6.00156C5.50451 15.9016 5.10156 15.4986 5.10156 15.0016V14.0016ZM10.0016 10.9016C8.28948 10.9016 6.90156 12.2895 6.90156 14.0016V14.1016H17.1016V14.0016C17.1016 12.2895 15.7136 10.9016 14.0016 10.9016H10.0016ZM4.87316 9.90324C4.99705 10.3846 4.70726 10.8753 4.22589 10.9992C2.88865 11.3433 1.90156 12.5583 1.90156 14.0016V14.1016H3.00156C3.49862 14.1016 3.90156 14.5045 3.90156 15.0016C3.90156 15.4986 3.49862 15.9016 3.00156 15.9016H1.00156C0.504506 15.9016 0.101562 15.4986 0.101562 15.0016V14.0016C0.101562 11.7171 1.66402 9.79988 3.77723 9.25598C4.2586 9.13208 4.74926 9.42187 4.87316 9.90324ZM19.13 9.90324C19.2539 9.42187 19.7445 9.13208 20.2259 9.25598C22.3391 9.79988 23.9016 11.7171 23.9016 14.0016V15.0016C23.9016 15.4986 23.4986 15.9016 23.0016 15.9016H21.0016C20.5045 15.9016 20.1016 15.4986 20.1016 15.0016C20.1016 14.5045 20.5045 14.1016 21.0016 14.1016H22.1016V14.0016C22.1016 12.5583 21.1145 11.3433 19.7772 10.9992C19.2959 10.8753 19.0061 10.3846 19.13 9.90324Z' fill='rgb(0,0,0)'/%3E%3C/svg%3E%0A");
}
#guide-list .page-body .local-body .section.icon-guide .data-list.svg-icon .data-item.radio-on .data-name::before {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.0016 1.90156C5.52806 1.90156 1.90156 5.52806 1.90156 10.0016C1.90156 14.4751 5.52806 18.1016 10.0016 18.1016C14.4751 18.1016 18.1016 14.4751 18.1016 10.0016C18.1016 5.52806 14.4751 1.90156 10.0016 1.90156ZM0.101562 10.0016C0.101562 4.53394 4.53394 0.101562 10.0016 0.101562C15.4692 0.101562 19.9016 4.53394 19.9016 10.0016C19.9016 15.4692 15.4692 19.9016 10.0016 19.9016C4.53394 19.9016 0.101562 15.4692 0.101562 10.0016Z' fill='rgb(0,0,0)'/%3E%3C/svg%3E%0A");
}
#guide-list .page-body .local-body .section.icon-guide .data-list.svg-icon .data-item.radio-off .data-name::before {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.90234 10C1.90234 5.53125 5.52734 1.89844 10 1.89844C14.4766 1.89844 18.1016 5.53125 18.1016 10C18.1016 14.4766 14.4766 18.1016 10 18.1016C5.52734 18.1016 1.90234 14.4766 1.90234 10ZM10 0.101562C4.53516 0.101562 0.101562 4.53125 0.101562 10C0.101562 15.4688 4.53516 19.8984 10 19.8984C15.4688 19.8984 19.9023 15.4688 19.9023 10C19.9023 4.53125 15.4688 0.101562 10 0.101562ZM10 15C12.7617 15 15 12.7578 15 10C15 8.51562 14.3555 7.1875 13.3281 6.27344C12.4453 5.48438 11.2773 5 10 5C7.23828 5 5 7.24219 5 10C5 11.3359 5.52734 12.5547 6.38281 13.4531C7.29297 14.4062 8.57812 15 10 15Z' fill='rgb(0,0,0)'/%3E%3C/svg%3E%0A");
}
#guide-list .page-body .local-body .section.icon-guide .data-list.svg-icon .data-item.check-off .data-name::before {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 1.8H4C2.78497 1.8 1.8 2.78497 1.8 4V12C1.8 13.215 2.78497 14.2 4 14.2H12C13.215 14.2 14.2 13.215 14.2 12V4C14.2 2.78497 13.215 1.8 12 1.8ZM4 0C1.79086 0 0 1.79086 0 4V12C0 14.2091 1.79086 16 4 16H12C14.2091 16 16 14.2091 16 12V4C16 1.79086 14.2091 0 12 0H4Z' fill='rgb(0,0,0)'/%3E%3C/svg%3E%0A");
}
#guide-list .page-body .local-body .section.icon-guide .data-list.svg-icon .data-item.info .data-name::before {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.8 9.9C1.8 5.42649 5.42649 1.8 9.9 1.8C14.3735 1.8 18 5.42649 18 9.9C18 14.3735 14.3735 18 9.9 18C5.42649 18 1.8 14.3735 1.8 9.9ZM9.9 0C4.43238 0 0 4.43238 0 9.9C0 15.3676 4.43238 19.8 9.9 19.8C15.3676 19.8 19.8 15.3676 19.8 9.9C19.8 4.43238 15.3676 0 9.9 0ZM9 6.1C9 6.59706 9.40294 7 9.9 7C10.3971 7 10.8 6.59706 10.8 6.1V5.9C10.8 5.40294 10.3971 5 9.9 5C9.40294 5 9 5.40294 9 5.9V6.1ZM10.8001 9C10.8001 8.50294 10.3972 8.1 9.9001 8.1C9.40304 8.1 9.0001 8.50294 9.0001 9V14.5C9.0001 14.9971 9.40304 15.4 9.9001 15.4C10.3972 15.4 10.8001 14.9971 10.8001 14.5V9Z' fill='rgb(0,0,0)'/%3E%3C/svg%3E%0A");
}
#guide-list .page-body .local-body .section.icon-guide .data-list.svg-icon .data-item.refresh .data-name::before {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='22' height='18' viewBox='0 0 22 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.80334 8.99766C4.80334 5.01819 8.02934 1.79219 12.0088 1.79219C15.9883 1.79219 19.2143 5.01819 19.2143 8.99766C19.2143 12.9771 15.9883 16.2031 12.0088 16.2031C10.0747 16.2031 8.32019 15.4423 7.02514 14.2017C6.6662 13.8578 6.09649 13.8701 5.75264 14.229C5.4088 14.588 5.42104 15.1577 5.77997 15.5015C7.39665 17.0502 9.59239 18.0031 12.0088 18.0031C16.9824 18.0031 21.0143 13.9712 21.0143 8.99766C21.0143 4.02407 16.9824 -0.0078125 12.0088 -0.0078125C7.03522 -0.0078125 3.00334 4.02407 3.00334 8.99766C3.00334 9.24872 3.01364 9.49754 3.03385 9.74369L1.50728 8.34566C1.14072 8.00995 0.571419 8.03498 0.235718 8.40154C-0.099983 8.76811 -0.0749625 9.3374 0.291603 9.67311L3.79744 12.8838L7.30328 9.67311C7.66985 9.3374 7.69487 8.76811 7.35917 8.40154C7.02347 8.03498 6.45417 8.00995 6.0876 8.34566L4.82094 9.50567C4.80928 9.33795 4.80334 9.16855 4.80334 8.99766Z' fill='rgb(0,0,0)'/%3E%3C/svg%3E%0A");
}
#guide-list .page-body .local-body .section.icon-guide .data-list.svg-icon .data-item.restore .data-name::before {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='22' height='18' viewBox='0 0 22 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.0088 1.8C8.02934 1.8 4.80334 5.026 4.80334 9.00547C4.80334 9.17636 4.80928 9.34576 4.82094 9.51348L6.0876 8.35347C6.45417 8.01777 7.02347 8.04279 7.35917 8.40935C7.69487 8.77592 7.66985 9.34522 7.30328 9.68092L3.79744 12.8916L0.291603 9.68092C-0.0749625 9.34522 -0.099983 8.77592 0.235718 8.40935C0.571419 8.04279 1.14072 8.01777 1.50728 8.35347L3.03385 9.7515C3.01364 9.50535 3.00334 9.25654 3.00334 9.00547C3.00334 4.03189 7.03522 0 12.0088 0C16.9824 0 21.0143 4.03189 21.0143 9.00547C21.0143 13.9791 16.9824 18.0109 12.0088 18.0109C9.59239 18.0109 7.39665 17.058 5.77997 15.5093C5.42104 15.1655 5.4088 14.5958 5.75264 14.2368C6.09649 13.8779 6.6662 13.8657 7.02514 14.2095C8.32019 15.4501 10.0747 16.2109 12.0088 16.2109C15.9883 16.2109 19.2143 12.9849 19.2143 9.00547C19.2143 5.026 15.9883 1.8 12.0088 1.8ZM12.6237 5.95469C12.6237 5.45763 12.2207 5.05469 11.7237 5.05469C11.2266 5.05469 10.8237 5.45763 10.8237 5.95469V9.81692L14.5889 12.1811C15.0099 12.4455 15.5654 12.3185 15.8297 11.8975C16.094 11.4766 15.9671 10.9211 15.5461 10.6567L12.6237 8.82173V5.95469Z' fill='rgb(0,0,0)'/%3E%3C/svg%3E%0A");
}
#guide-list .page-body .local-body .section.icon-guide .data-list.svg-icon .data-item.filter .data-name::before {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5 4.2C5.66274 4.2 6.2 3.66274 6.2 3C6.2 2.33726 5.66274 1.8 5 1.8C4.33726 1.8 3.8 2.33726 3.8 3C3.8 3.66274 4.33726 4.2 5 4.2ZM7.86704 3.88594C7.48913 5.11033 6.34846 6 5 6C3.65154 6 2.51087 5.11033 2.13296 3.88594H1.00156C0.504507 3.88594 0.101562 3.48299 0.101562 2.98594C0.101562 2.48888 0.504507 2.08594 1.00156 2.08594H2.1418C2.52839 0.876074 3.66189 0 5 0C6.33811 0 7.47161 0.876074 7.8582 2.08594L17.0016 2.08594C17.4986 2.08594 17.9016 2.48888 17.9016 2.98594C17.9016 3.48299 17.4986 3.88594 17.0016 3.88594L7.86704 3.88594ZM5 16.2C5.66274 16.2 6.2 15.6627 6.2 15C6.2 14.3373 5.66274 13.8 5 13.8C4.33726 13.8 3.8 14.3373 3.8 15C3.8 15.6627 4.33726 16.2 5 16.2ZM7.86704 15.8859C7.48912 17.1103 6.34846 18 5 18C3.65154 18 2.51088 17.1103 2.13296 15.8859L1.00156 15.8859C0.504507 15.8859 0.101562 15.483 0.101562 14.9859C0.101562 14.4889 0.504507 14.0859 1.00156 14.0859H2.1418C2.52839 12.8761 3.66189 12 5 12C6.33811 12 7.47161 12.8761 7.8582 14.0859H17.0016C17.4986 14.0859 17.9016 14.4889 17.9016 14.9859C17.9016 15.483 17.4986 15.8859 17.0016 15.8859L7.86704 15.8859ZM11.8 9C11.8 9.66274 12.3373 10.2 13 10.2C13.6627 10.2 14.2 9.66274 14.2 9C14.2 8.33726 13.6627 7.8 13 7.8C12.3373 7.8 11.8 8.33726 11.8 9ZM10.133 9.88594C10.5109 11.1103 11.6515 12 13 12C14.3485 12 15.4891 11.1103 15.867 9.88594L17.0016 9.88594C17.4986 9.88594 17.9016 9.48299 17.9016 8.98594C17.9016 8.48888 17.4986 8.08594 17.0016 8.08594H15.8582C15.4716 6.87607 14.3381 6 13 6C11.6619 6 10.5284 6.87607 10.1418 8.08594H1.00156C0.504506 8.08594 0.101562 8.48888 0.101562 8.98594C0.101562 9.48299 0.504506 9.88594 1.00156 9.88594L10.133 9.88594Z' fill='rgb(0,0,0)'/%3E%3C/svg%3E%0A");
}
#guide-list .page-body .local-body .section.icon-guide .data-list.svg-icon .data-item.calendar .data-name::before {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='18' height='20' viewBox='0 0 18 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.00156 0.101562C6.49862 0.101562 6.90156 0.504506 6.90156 1.00156V2.10156H11.1016V1.00156C11.1016 0.504506 11.5045 0.101562 12.0016 0.101562C12.4986 0.101562 12.9016 0.504506 12.9016 1.00156V2.10156H15.0016C16.6032 2.10156 17.9016 3.39994 17.9016 5.00156V17.0016C17.9016 18.6032 16.6032 19.9016 15.0016 19.9016H3.00156C1.39994 19.9016 0.101562 18.6032 0.101562 17.0016V5.00156C0.101562 3.39994 1.39994 2.10156 3.00156 2.10156H5.10156V1.00156C5.10156 0.504506 5.50451 0.101562 6.00156 0.101562ZM3.00156 3.90156C2.39405 3.90156 1.90156 4.39405 1.90156 5.00156V8.10156H16.1016V5.00156C16.1016 4.39405 15.6091 3.90156 15.0016 3.90156H3.00156ZM16.1016 9.90156H1.90156V17.0016C1.90156 17.6091 2.39405 18.1016 3.00156 18.1016H15.0016C15.6091 18.1016 16.1016 17.6091 16.1016 17.0016V9.90156Z' fill='rgb(0,0,0)'/%3E%3C/svg%3E%0A");
}
#guide-list .page-body .local-body .section.icon-guide .data-list.svg-icon .data-item.check .data-name::before {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='16' height='12' viewBox='0 0 16 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.638 0.365166C15.9894 0.716638 15.9894 1.28649 15.638 1.63796L5.99151 11.2844C5.44478 11.8311 4.55835 11.8311 4.01161 11.2844L0.365166 7.63796C0.0136946 7.28649 0.0136945 6.71664 0.365166 6.36517C0.716638 6.01369 1.28649 6.01369 1.63796 6.36517L5.00156 9.72877L14.3652 0.365166C14.7166 0.0136945 15.2865 0.0136945 15.638 0.365166Z' fill='rgb(0,0,0)'/%3E%3C/svg%3E%0A");
}
#guide-list .page-body .local-body .section.icon-guide .data-list.svg-icon .data-item.warning .data-name::before {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='22' height='19' viewBox='0 0 22 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.2955 1.81938C12.765 -0.603852 9.23116 -0.60386 7.70069 1.81938L1.14367 12.2013C-0.496469 14.7982 1.36961 18.1839 4.44108 18.1839H17.5551C20.6266 18.1839 22.4927 14.7982 20.8525 12.2013L14.2955 1.81938ZM9.22257 2.78057C10.0467 1.47575 11.9495 1.47575 12.7736 2.78057L19.3306 13.1625C20.2138 14.5608 19.209 16.3839 17.5551 16.3839H4.44108C2.78721 16.3839 1.7824 14.5608 2.66555 13.1625L9.22257 2.78057ZM10.0973 10.102C10.0973 10.599 10.5002 11.002 10.9973 11.002C11.4943 11.002 11.8973 10.599 11.8973 10.102V5.90195C11.8973 5.4049 11.4943 5.00195 10.9973 5.00195C10.5002 5.00195 10.0973 5.4049 10.0973 5.90195V10.102ZM10.0973 13.1019C10.0973 13.599 10.5002 14.0019 10.9973 14.0019C11.4943 14.0019 11.8973 13.599 11.8973 13.1019V12.9019C11.8973 12.4049 11.4943 12.0019 10.9973 12.0019C10.5002 12.0019 10.0973 12.4049 10.0973 12.9019V13.1019Z' fill='rgb(0,0,0)'/%3E%3C/svg%3E%0A");
}
#guide-list .page-body .local-body .section.icon-guide .data-list.svg-icon .data-item.share .data-name::before {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='18' height='20' viewBox='0 0 18 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.2 3.49805C16.2 4.43585 15.4398 5.19609 14.502 5.19609C13.5641 5.19609 12.8039 4.43585 12.8039 3.49805C12.8039 2.56024 13.5641 1.8 14.502 1.8C15.4398 1.8 16.2 2.56024 16.2 3.49805ZM18 3.49805C18 5.42997 16.4339 6.99609 14.502 6.99609C13.6096 6.99609 12.7954 6.66199 12.1774 6.11207L6.89504 9.16185C6.96107 9.43038 6.99609 9.7111 6.99609 10C6.99609 10.326 6.95149 10.6416 6.86806 10.9411L12.0966 13.9597C12.7235 13.3663 13.5699 13.0024 14.5012 13.0024C16.4335 13.0024 18 14.5689 18 16.5012C18 18.4335 16.4335 20 14.5012 20C12.5689 20 11.0024 18.4335 11.0024 16.5012C11.0024 16.1503 11.0541 15.8114 11.1502 15.4918L5.95344 12.4915C5.3219 13.1139 4.45483 13.498 3.49805 13.498C1.56613 13.498 0 11.9319 0 10C0 8.06808 1.56613 6.50195 3.49805 6.50195C4.49296 6.50195 5.39087 6.91731 6.02781 7.58408L11.1835 4.60745C11.067 4.25886 11.0039 3.88582 11.0039 3.49805C11.0039 1.56613 12.57 0 14.502 0C16.4339 0 18 1.56613 18 3.49805ZM3.49805 11.698C4.43585 11.698 5.19609 10.9378 5.19609 10C5.19609 9.06219 4.43585 8.30195 3.49805 8.30195C2.56024 8.30195 1.8 9.06219 1.8 10C1.8 10.9378 2.56024 11.698 3.49805 11.698ZM14.5012 18.2C15.4394 18.2 16.2 17.4394 16.2 16.5012C16.2 15.563 15.4394 14.8024 14.5012 14.8024C13.563 14.8024 12.8024 15.563 12.8024 16.5012C12.8024 17.4394 13.563 18.2 14.5012 18.2Z' fill='rgb(0,0,0)'/%3E%3C/svg%3E%0A");
}
#guide-list .page-body .local-body .section.icon-guide .data-list.svg-icon .data-item.search .data-name::before {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.2 8.5C15.2 12.2003 12.2003 15.2 8.5 15.2C4.79969 15.2 1.8 12.2003 1.8 8.5C1.8 4.79969 4.79969 1.8 8.5 1.8C12.2003 1.8 15.2 4.79969 15.2 8.5ZM13.6346 15.2745C12.2081 16.3574 10.4291 17 8.5 17C3.80558 17 0 13.1944 0 8.5C0 3.80558 3.80558 0 8.5 0C13.1944 0 17 3.80558 17 8.5C17 10.6167 16.2263 12.5527 14.9462 14.0406L18.2728 17.3672C18.6243 17.7187 18.6243 18.2885 18.2728 18.64C17.9213 18.9914 17.3515 18.9914 17 18.64L13.6346 15.2745Z' fill='rgb(0,0,0)'/%3E%3C/svg%3E%0A");
}
#guide-list .page-body .local-body .section.icon-guide .data-list.svg-icon .data-item.folder .data-name::before {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='17' viewBox='0 0 20 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 4.8C9.55532 4.8 9.12639 4.6354 8.79586 4.33793L6.03299 1.85134C5.99626 1.81829 5.9486 1.8 5.8992 1.8H2C1.88954 1.8 1.8 1.88954 1.8 2V15C1.8 15.1105 1.88954 15.2 2 15.2H18C18.1105 15.2 18.2 15.1105 18.2 15V5C18.2 4.88954 18.1105 4.8 18 4.8H10ZM10 3L7.23712 0.513412C6.86987 0.182887 6.39328 0 5.8992 0H2C0.895431 0 0 0.89543 0 2V15C0 16.1046 0.895431 17 2 17H18C19.1046 17 20 16.1046 20 15V5C20 3.89543 19.1046 3 18 3H10Z' fill='rgb(0,0,0)'/%3E%3C/svg%3E%0A");
}
#guide-list .page-body .local-body .section.icon-guide .data-list.svg-icon .data-item.copy .data-name::before {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='19' viewBox='0 0 20 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 1.8H13C13.1105 1.8 13.2 1.88954 13.2 2V13C13.2 13.1105 13.1105 13.2 13 13.2H2C1.88954 13.2 1.8 13.1105 1.8 13V2C1.8 1.88954 1.88954 1.8 2 1.8ZM0 2C0 0.89543 0.895431 0 2 0H13C14.1046 0 15 0.895431 15 2V4H18C19.1046 4 20 4.89543 20 6V17C20 18.1046 19.1046 19 18 19H7C5.89543 19 5 18.1046 5 17V15H2C0.89543 15 0 14.1046 0 13V2ZM6.8 15V17C6.8 17.1105 6.88954 17.2 7 17.2H18C18.1105 17.2 18.2 17.1105 18.2 17V6C18.2 5.88954 18.1105 5.8 18 5.8H15V13C15 14.1046 14.1046 15 13 15H6.8Z' fill='rgb(0,0,0)'/%3E%3C/svg%3E%0A");
}
#guide-list .page-body .local-body .section.icon-guide .data-list.svg-icon .data-item.home .data-name::before {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='19' viewBox='0 0 20 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.80005 16.9665L1.8 8.43528C1.8 8.06462 1.97128 7.71477 2.26404 7.48745L9.26393 2.05218C9.69697 1.71594 10.3028 1.71594 10.7359 2.05218L17.7357 7.48745C18.029 7.71516 18.1997 8.06428 18.1997 8.43429V16.9689C18.1997 17.0766 18.113 17.1665 17.9997 17.1665H11.5V12.9531C11.5 12.2628 10.9404 11.7031 10.25 11.7031C9.55964 11.7031 9 12.2628 9 12.9531V17.1665H2.00005C1.8896 17.1665 1.80005 17.077 1.80005 16.9665ZM0 8.43529L5.24605e-05 16.9665C5.92527e-05 18.0711 0.895488 18.9665 2.00005 18.9665H17.9997C19.1043 18.9665 19.9997 18.0735 19.9997 16.9689V8.43429C19.9997 7.50767 19.5715 6.63403 18.8397 6.06572L11.8398 0.630457C10.7572 -0.210151 9.24258 -0.210152 8.15999 0.630452L1.1601 6.06572C0.428198 6.63402 -5.69799e-06 7.50866 0 8.43529Z' fill='rgb(0,0,0)'/%3E%3C/svg%3E%0A");
}
#guide-list .page-body .local-body .section.icon-guide .data-list.svg-icon .data-item.location .data-name::before {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='22' viewBox='0 0 20 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.99983 1.90156C5.58768 1.90156 2.01094 5.47831 2.01094 9.89045C2.01094 14.1618 5.40878 17.8233 9.99983 20.0093C14.5909 17.8233 17.9887 14.1618 17.9887 9.89045C17.9887 5.47831 14.412 1.90156 9.99983 1.90156ZM0.210938 9.89045C0.210938 4.4842 4.59357 0.101562 9.99983 0.101562C15.4061 0.101562 19.7887 4.4842 19.7887 9.89045C19.7887 15.3231 15.4115 19.5398 10.371 21.8215C10.1351 21.9283 9.86459 21.9283 9.62868 21.8215C4.58816 19.5398 0.210938 15.3231 0.210938 9.89045ZM9.99983 7.45712C8.65593 7.45712 7.56649 8.54656 7.56649 9.89045C7.56649 11.2343 8.65593 12.3238 9.99983 12.3238C11.3437 12.3238 12.4332 11.2343 12.4332 9.89045C12.4332 8.54656 11.3437 7.45712 9.99983 7.45712ZM5.76649 9.89045C5.76649 7.55245 7.66182 5.65712 9.99983 5.65712C12.3378 5.65712 14.2332 7.55245 14.2332 9.89045C14.2332 12.2285 12.3378 14.1238 9.99983 14.1238C7.66182 14.1238 5.76649 12.2285 5.76649 9.89045Z' fill='rgb(0,0,0)'/%3E%3C/svg%3E%0A");
}
#guide-list .page-body .local-body .section.icon-guide .data-list.svg-icon .data-item.printer .data-name::before {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.0549 0.250001H10.9451C9.57754 0.24998 8.47522 0.249963 7.60825 0.366524C6.70814 0.48754 5.95027 0.746434 5.34835 1.34835C4.60837 2.08833 4.37952 3.07517 4.29879 4.29943C4.05377 4.31578 3.82374 4.33755 3.60825 4.36652C2.70814 4.48754 1.95027 4.74643 1.34835 5.34835C0.746434 5.95027 0.48754 6.70814 0.366524 7.60825C0.249963 8.47522 0.24998 9.57754 0.250001 10.9451V11.0549C0.24998 12.4225 0.249963 13.5248 0.366524 14.3918C0.48754 15.2919 0.746434 16.0497 1.34835 16.6517C2.08833 17.3916 3.07517 17.6205 4.29942 17.7012C4.31578 17.9462 4.33755 18.1763 4.36652 18.3918C4.48754 19.2919 4.74643 20.0497 5.34835 20.6517C5.95027 21.2536 6.70814 21.5125 7.60825 21.6335C8.47522 21.75 9.57754 21.75 10.9451 21.75H11.0549C12.4225 21.75 13.5248 21.75 14.3918 21.6335C15.2919 21.5125 16.0497 21.2536 16.6517 20.6517C17.2536 20.0497 17.5125 19.2919 17.6335 18.3918C17.6625 18.1763 17.6842 17.9462 17.7006 17.7012C18.9248 17.6205 19.9117 17.3916 20.6517 16.6517C21.2536 16.0497 21.5125 15.2919 21.6335 14.3918C21.75 13.5248 21.75 12.4225 21.75 11.0549V10.9451C21.75 9.57754 21.75 8.47522 21.6335 7.60825C21.5125 6.70814 21.2536 5.95027 20.6517 5.34835C20.0497 4.74643 19.2919 4.48754 18.3918 4.36652C18.1763 4.33755 17.9462 4.31578 17.7012 4.29943C17.6205 3.07517 17.3916 2.08833 16.6517 1.34835C16.0497 0.746434 15.2919 0.48754 14.3918 0.366524C13.5248 0.249963 12.4225 0.24998 11.0549 0.250001ZM6.94512 4.25C6.54313 4.24999 6.16406 4.24999 5.80714 4.25295C5.88909 3.23209 6.0735 2.74452 6.40901 2.40901C6.68577 2.13225 7.07434 1.9518 7.80812 1.85315C8.56347 1.75159 9.56458 1.75 11 1.75C12.4354 1.75 13.4365 1.75159 14.1919 1.85315C14.9257 1.9518 15.3142 2.13225 15.591 2.40901C15.9265 2.74452 16.1109 3.23209 16.1929 4.25295C15.8359 4.24999 15.4569 4.24999 15.0549 4.25H6.94512ZM4.25 15.0549C4.24999 15.4569 4.24999 15.8359 4.25294 16.1929C3.23209 16.1109 2.74452 15.9265 2.40901 15.591C2.13225 15.3142 1.9518 14.9257 1.85315 14.1919C1.75159 13.4365 1.75 12.4354 1.75 11C1.75 9.56458 1.75159 8.56347 1.85315 7.80812C1.9518 7.07435 2.13225 6.68577 2.40901 6.40901C2.68577 6.13225 3.07435 5.9518 3.80812 5.85315C4.56347 5.75159 5.56458 5.75 7 5.75H15C16.4354 5.75 17.4365 5.75159 18.1919 5.85315C18.9257 5.9518 19.3142 6.13225 19.591 6.40901C19.8678 6.68577 20.0482 7.07435 20.1469 7.80812C20.2484 8.56347 20.25 9.56458 20.25 11C20.25 12.4354 20.2484 13.4365 20.1469 14.1919C20.0482 14.9257 19.8678 15.3142 19.591 15.591C19.2555 15.9265 18.7679 16.1109 17.7471 16.1929C17.75 15.8359 17.75 15.4569 17.75 15.0549V14.75H18C18.4142 14.75 18.75 14.4142 18.75 14C18.75 13.5858 18.4142 13.25 18 13.25H4C3.58579 13.25 3.25 13.5858 3.25 14C3.25 14.4142 3.58579 14.75 4 14.75H4.25V15.0549ZM5.75 15V14.75H16.25V15C16.25 16.4354 16.2484 17.4365 16.1469 18.1919C16.0482 18.9257 15.8678 19.3142 15.591 19.591C15.3142 19.8678 14.9257 20.0482 14.1919 20.1469C13.4365 20.2484 12.4354 20.25 11 20.25C9.56458 20.25 8.56347 20.2484 7.80812 20.1469C7.07435 20.0482 6.68577 19.8678 6.40901 19.591C6.13225 19.3142 5.9518 18.9257 5.85315 18.1919C5.75159 17.4365 5.75 16.4354 5.75 15ZM5 8.25C4.58579 8.25 4.25 8.58579 4.25 9C4.25 9.41421 4.58579 9.75 5 9.75H8C8.41421 9.75 8.75 9.41421 8.75 9C8.75 8.58579 8.41421 8.25 8 8.25H5ZM16 10C16.5523 10 17 9.55229 17 9C17 8.44772 16.5523 8 16 8C15.4477 8 15 8.44772 15 9C15 9.55229 15.4477 10 16 10Z' fill='rgb(0,0,0)'/%3E%3C/svg%3E%0A");
}
#guide-list .page-body .local-body .section.icon-guide .data-list.svg-icon .data-item.price .data-name::before {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.0589 17.0134L2.52081 9.51671C2.48307 9.47918 2.46185 9.42816 2.46184 9.37494L2.46034 2.68282L9.53354 2.68281C9.59088 2.68281 9.63659 2.70348 9.67061 2.7372C11.0722 4.1264 14.7007 7.72381 17.1379 10.1499C17.2134 10.2252 17.2154 10.3502 17.1339 10.4293L10.3391 17.0152C10.2609 17.0911 10.1362 17.0903 10.0589 17.0134ZM1.25152 10.793L8.78963 18.2897C9.56268 19.0585 10.8091 19.0665 11.5919 18.3077L18.3867 11.7217C19.1886 10.9445 19.1992 9.66213 18.4077 8.87425C15.969 6.44655 12.3392 2.84782 10.9377 1.45876C10.5633 1.08762 10.0608 0.882811 9.53354 0.882813L1.66016 0.882818C1.10778 0.882819 0.660032 1.33067 0.660156 1.88304L0.661839 9.37535C0.661959 9.90753 0.874178 10.4177 1.25152 10.793ZM7.24987 6.00781C6.55959 6.00781 6 6.56739 6 7.25768C6 7.94796 6.55959 8.50754 7.24987 8.50754C7.94015 8.50754 8.49974 7.94796 8.49974 7.25768C8.49974 6.56739 7.94015 6.00781 7.24987 6.00781Z' fill='rgb(0,0,0)'/%3E%3C/svg%3E%0A");
}
#guide-list .page-body .local-body .section.icon-guide .data-list.svg-icon .data-item.category .data-name::before {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='21' height='18' viewBox='0 0 21 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.2031 6.8125C18.2031 9.57812 15.957 11.8203 13.1914 11.8203C10.4219 11.8203 8.17969 9.57812 8.17969 6.8125C8.17969 4.04688 10.4219 1.79688 13.1914 1.79688C15.957 1.79688 18.2031 4.04688 18.2031 6.8125ZM15.8086 13.1016C15.0039 13.4375 14.1211 13.625 13.1914 13.625C10.9648 13.625 8.98438 12.5547 7.74219 10.8984H1.75781C1.26172 10.8984 0.859375 10.5 0.859375 10C0.859375 9.5 1.26172 9.10156 1.75781 9.10156H6.77344C6.51953 8.38281 6.37891 7.61719 6.37891 6.8125C6.37891 6.14844 6.47656 5.50781 6.65234 4.89844H1.75781C1.26172 4.89844 0.859375 4.5 0.859375 4C0.859375 3.5 1.26172 3.10156 1.75781 3.10156H7.50391C8.71875 1.23438 10.7969 0 13.1914 0C16.9531 0 20 3.04688 20 6.8125C20 9 18.9688 10.9453 17.3672 12.1953L19.9531 16.3359C20.2188 16.7578 20.0898 17.3125 19.668 17.5781C19.5742 17.6406 19.4727 17.6797 19.3672 17.6953C19.0117 17.7656 18.6328 17.6172 18.4297 17.2891L15.8086 13.1016ZM1.75781 15.1016C1.26172 15.1016 0.859375 15.5 0.859375 16C0.859375 16.5 1.26172 16.8984 1.75781 16.8984H12.2461C12.7461 16.8984 13.1484 16.5 13.1484 16C13.1484 15.5 12.7461 15.1016 12.2461 15.1016H1.75781Z' fill='rgb(0,0,0)'/%3E%3C/svg%3E%0A");
}
#guide-list .page-body .local-body .section.icon-guide .data-list.svg-icon .data-item.my-page .data-name::before {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='19' viewBox='0 0 20 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.4486 5.25C13.4486 7.15625 11.9057 8.70312 9.99943 8.70312C8.09318 8.70312 6.54631 7.15625 6.54631 5.25C6.54631 3.34375 8.09318 1.79688 9.99943 1.79688C11.9057 1.79688 13.4486 3.34375 13.4486 5.25ZM13.1401 9.45312C14.4213 8.49219 15.2494 6.96875 15.2494 5.25C15.2494 3.91406 14.7494 2.69531 13.9252 1.76562C12.9643 0.679688 11.5619 0 9.99943 0C7.09709 0 4.74552 2.35156 4.74552 5.25C4.74552 6.96875 5.57365 8.49219 6.8549 9.45312C3.56193 10.4141 1.27287 12.8906 0.397868 16.0391C-0.0513504 17.6328 1.33927 19 2.99943 19H16.9994C18.6557 19 20.0463 17.6328 19.601 16.0391C18.7221 12.8906 16.4291 10.4141 13.1401 9.45312ZM2.12834 16.5234C3.05021 13.2266 5.84318 10.8203 9.99943 10.8203C14.1518 10.8203 16.9447 13.2344 17.8666 16.5234C17.8901 16.6094 17.8861 16.6719 17.8744 16.7109C17.8627 16.7578 17.8315 16.8203 17.7651 16.8984C17.7065 16.9609 17.6322 17.0156 17.5424 17.0703C17.394 17.1484 17.2104 17.2031 16.9994 17.2031H2.99943C2.65568 17.2031 2.37834 17.0547 2.23381 16.8984C2.16349 16.8203 2.13224 16.7578 2.12052 16.7109C2.10881 16.6719 2.1049 16.6094 2.12834 16.5234Z' fill='rgb(0,0,0)'/%3E%3C/svg%3E%0A");
}
#guide-list .page-body .local-body .section.icon-guide .data-list.svg-icon .data-item.play .data-name::before {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='16' height='18' viewBox='0 0 16 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 7.26945C16.3333 8.03925 16.3333 9.96375 15 10.7336L3 17.6618C1.66667 18.4316 -6.72981e-08 17.4693 0 15.9297L6.0568e-07 2.0733C6.72978e-07 0.533696 1.66667 -0.428555 3 0.341246L15 7.26945Z' fill='rgb(0,0,0)'/%3E%3C/svg%3E%0A");
}
#guide-list .page-body .local-body .section.icon-guide .data-list.svg-icon .data-item.volume .data-name::before {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='25' height='28' viewBox='0 0 25 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.7109 2C16.7109 1.17157 17.3825 0.5 18.2109 0.5C19.0394 0.5 19.7109 1.17157 19.7109 2V26C19.7109 26.8284 19.0394 27.5 18.2109 27.5C17.3825 27.5 16.7109 26.8284 16.7109 26V2ZM12.9609 7.25C12.1325 7.25 11.4609 7.92157 11.4609 8.75V26C11.4609 26.8284 12.1325 27.5 12.9609 27.5C13.7894 27.5 14.4609 26.8284 14.4609 26V8.75C14.4609 7.92157 13.7894 7.25 12.9609 7.25ZM0.960938 17.75C0.960938 16.9216 1.63251 16.25 2.46094 16.25C3.28936 16.25 3.96094 16.9216 3.96094 17.75V26C3.96094 26.8284 3.28936 27.5 2.46094 27.5C1.63251 27.5 0.960938 26.8284 0.960938 26V17.75ZM6.21094 20C6.21094 19.1716 6.88251 18.5 7.71094 18.5C8.53936 18.5 9.21094 19.1716 9.21094 20V26C9.21094 26.8284 8.53936 27.5 7.71094 27.5C6.88251 27.5 6.21094 26.8284 6.21094 26V20ZM23.4609 9.5C22.6325 9.5 21.9609 10.1716 21.9609 11V26C21.9609 26.8284 22.6325 27.5 23.4609 27.5C24.2894 27.5 24.9609 26.8284 24.9609 26V11C24.9609 10.1716 24.2894 9.5 23.4609 9.5Z' fill='rgb(0,0,0)'/%3E%3C/svg%3E%0A");
}
#guide-list .page-body .local-body .section.icon-guide .icon-button::after {
  display: block;
  width: 20rem;
  height: 20rem;
  content: "";
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.0549 0.250001H10.9451C9.57754 0.24998 8.47522 0.249963 7.60825 0.366524C6.70814 0.48754 5.95027 0.746434 5.34835 1.34835C4.60837 2.08833 4.37952 3.07517 4.29879 4.29943C4.05377 4.31578 3.82374 4.33755 3.60825 4.36652C2.70814 4.48754 1.95027 4.74643 1.34835 5.34835C0.746434 5.95027 0.48754 6.70814 0.366524 7.60825C0.249963 8.47522 0.24998 9.57754 0.250001 10.9451V11.0549C0.24998 12.4225 0.249963 13.5248 0.366524 14.3918C0.48754 15.2919 0.746434 16.0497 1.34835 16.6517C2.08833 17.3916 3.07517 17.6205 4.29942 17.7012C4.31578 17.9462 4.33755 18.1763 4.36652 18.3918C4.48754 19.2919 4.74643 20.0497 5.34835 20.6517C5.95027 21.2536 6.70814 21.5125 7.60825 21.6335C8.47522 21.75 9.57754 21.75 10.9451 21.75H11.0549C12.4225 21.75 13.5248 21.75 14.3918 21.6335C15.2919 21.5125 16.0497 21.2536 16.6517 20.6517C17.2536 20.0497 17.5125 19.2919 17.6335 18.3918C17.6625 18.1763 17.6842 17.9462 17.7006 17.7012C18.9248 17.6205 19.9117 17.3916 20.6517 16.6517C21.2536 16.0497 21.5125 15.2919 21.6335 14.3918C21.75 13.5248 21.75 12.4225 21.75 11.0549V10.9451C21.75 9.57754 21.75 8.47522 21.6335 7.60825C21.5125 6.70814 21.2536 5.95027 20.6517 5.34835C20.0497 4.74643 19.2919 4.48754 18.3918 4.36652C18.1763 4.33755 17.9462 4.31578 17.7012 4.29943C17.6205 3.07517 17.3916 2.08833 16.6517 1.34835C16.0497 0.746434 15.2919 0.48754 14.3918 0.366524C13.5248 0.249963 12.4225 0.24998 11.0549 0.250001ZM6.94512 4.25C6.54313 4.24999 6.16406 4.24999 5.80714 4.25295C5.88909 3.23209 6.0735 2.74452 6.40901 2.40901C6.68577 2.13225 7.07434 1.9518 7.80812 1.85315C8.56347 1.75159 9.56458 1.75 11 1.75C12.4354 1.75 13.4365 1.75159 14.1919 1.85315C14.9257 1.9518 15.3142 2.13225 15.591 2.40901C15.9265 2.74452 16.1109 3.23209 16.1929 4.25295C15.8359 4.24999 15.4569 4.24999 15.0549 4.25H6.94512ZM4.25 15.0549C4.24999 15.4569 4.24999 15.8359 4.25294 16.1929C3.23209 16.1109 2.74452 15.9265 2.40901 15.591C2.13225 15.3142 1.9518 14.9257 1.85315 14.1919C1.75159 13.4365 1.75 12.4354 1.75 11C1.75 9.56458 1.75159 8.56347 1.85315 7.80812C1.9518 7.07435 2.13225 6.68577 2.40901 6.40901C2.68577 6.13225 3.07435 5.9518 3.80812 5.85315C4.56347 5.75159 5.56458 5.75 7 5.75H15C16.4354 5.75 17.4365 5.75159 18.1919 5.85315C18.9257 5.9518 19.3142 6.13225 19.591 6.40901C19.8678 6.68577 20.0482 7.07435 20.1469 7.80812C20.2484 8.56347 20.25 9.56458 20.25 11C20.25 12.4354 20.2484 13.4365 20.1469 14.1919C20.0482 14.9257 19.8678 15.3142 19.591 15.591C19.2555 15.9265 18.7679 16.1109 17.7471 16.1929C17.75 15.8359 17.75 15.4569 17.75 15.0549V14.75H18C18.4142 14.75 18.75 14.4142 18.75 14C18.75 13.5858 18.4142 13.25 18 13.25H4C3.58579 13.25 3.25 13.5858 3.25 14C3.25 14.4142 3.58579 14.75 4 14.75H4.25V15.0549ZM5.75 15V14.75H16.25V15C16.25 16.4354 16.2484 17.4365 16.1469 18.1919C16.0482 18.9257 15.8678 19.3142 15.591 19.591C15.3142 19.8678 14.9257 20.0482 14.1919 20.1469C13.4365 20.2484 12.4354 20.25 11 20.25C9.56458 20.25 8.56347 20.2484 7.80812 20.1469C7.07435 20.0482 6.68577 19.8678 6.40901 19.591C6.13225 19.3142 5.9518 18.9257 5.85315 18.1919C5.75159 17.4365 5.75 16.4354 5.75 15ZM5 8.25C4.58579 8.25 4.25 8.58579 4.25 9C4.25 9.41421 4.58579 9.75 5 9.75H8C8.41421 9.75 8.75 9.41421 8.75 9C8.75 8.58579 8.41421 8.25 8 8.25H5ZM16 10C16.5523 10 17 9.55229 17 9C17 8.44772 16.5523 8 16 8C15.4477 8 15 8.44772 15 9C15 9.55229 15.4477 10 16 10Z' fill='rgb(255,0,0)'/%3E%3C/svg%3E%0A");
}
#guide-list .page-body .local-body .section.table-guide .t-display + .t-display {
  margin-top: 7rem;
}
#guide-list .page-body .local-body .section.mark-guide .subsection .subsection-body .guide-mark-area {
  display: flex;
  flex-wrap: wrap;
  padding-top: 1.8rem;
  gap: 2rem;
}
#guide-list .page-body .local-body .section.post-guide .section-head + .section-body {
  padding-left: unset;
}
#guide-list .page-body .local-body .section .guide-tab-area {
  padding-top: 1.8rem;
}
#guide-list .page-body .local-body .section .guide-tab-panel-area {
  padding-top: 1.8rem;
}
#guide-list .page-body .local-body .section .guide-tab-panel-area .panel-wrap {
  height: 30rem;
  line-height: 30rem;
  text-align: center;
  font-weight: 500;
  font-size: 3.2rem;
}
#guide-list .page-body .local-body .section .guide-swiper {
  padding-top: 1.8rem;
}
#guide-list .page-body .local-body .section.board-guide .section-head + .section-body {
  padding-left: unset;
}
#guide-list .page-body .local-body .section.list-guide .section-head + .section-body {
  padding-left: unset;
}
#guide-list .page-body .local-body .section.list-guide .section-head + .section-body .subsection .subsection-head {
  color: rgb(83, 137, 252);
}
#guide-list .page-body .local-body .section.list-guide .section-head + .section-body .subsection.line {
  border-top: 0.1rem dashed rgb(63, 63, 70);
}
#guide-list .page-body .local-body .section.list-guide .data-display.design1.case6 .data-head {
  width: 20%;
}
#guide-list .page-body .local-body .section.list-guide .data-display.design1.case6 .data-body {
  width: 70%;
}
#guide-list .page-body .local-body .section.layout-guide .section-head + .section-body {
  padding-left: unset;
  padding-top: unset;
}
#guide-list .page-body .local-body .section.layout-guide .section[class*="design"].type1 .section-name {
  font-size: 3.2rem !important;
  color: rgb(21, 21, 26) !important;
}
#guide-list .page-body .local-body .section.layout-guide .section[class*="design"].type2 .section-name {
  font-size: 2.4rem !important;
  color: rgb(21, 21, 26) !important;
}
#guide-list .page-body .local-body .section.accordion-guide .guide-accordion-area {
  margin-top: 2rem;
}
#guide-list .page-body .local-body .section.accordion-guide .guide-accordion-area .accordion-display .accordion-item + .accordion-item {
  margin-top: 3rem;
}
#guide-list .page-body .local-body .section.accordion-guide .guide-accordion-area .accordion-display .accordion-head .btn-text {
  font-weight: 700;
  font-size: 1.8rem;
}
#guide-list .page-body .local-body .section.accordion-guide .guide-accordion-area .accordion-display .accordion-head + .accordion-body {
  margin-top: 0.5rem;
}
#guide-list .page-body .local-body .section.accordion-guide .guide-accordion-area .accordion-display .accordion-body {
  font-weight: 400;
  font-size: 1.6rem;
  color: rgb(63, 63, 70);
}

#wrap {
  position: relative;
  min-height: 100vh;
  overflow: hidden;
}
#wrap .main {
  padding: 0 1.8rem;
}
#wrap .local.design1 {
  margin: 0 auto;
  max-width: 120rem;
}
#wrap .local.design1 .local-body .content-body {
  padding-bottom: 2rem;
}
@media (max-width: 1023px) {
  #wrap .local.design1 .local-body .content-body {
    padding-bottom: 8rem;
  }
}
#wrap .local.design2 {
  width: 100%;
}
#wrap .local.design2 .local-body .content-body {
  padding-bottom: 0;
}
#wrap .local.design3 {
  margin: 0 auto;
  max-width: 120rem;
}
#wrap .local.design3 .local-body .content-body {
  padding-top: 23.2rem;
  padding-bottom: 16rem;
}
@media (max-width: 1023px) {
  #wrap .local.design3 .local-body .content-body {
    padding: 13.8rem 1.6rem 8rem;
  }
}
#wrap .local-head.design1 .local-subject .local-name {
  font-weight: 700;
  font-size: 12rem;
  line-height: 120%;
  text-align: left;
}
@media (max-width: 1023px) {
  #wrap .local-head.design1 .local-subject .local-name {
    font-weight: 700;
    font-size: 4rem;
  }
}
#wrap .local-head.design2 .local-subject .local-name {
  font-weight: 700;
  font-size: 6.4rem;
  text-align: center;
}
@media (max-width: 1023px) {
  #wrap .local-head.design2 .local-subject .local-name {
    font-weight: 700;
    font-size: 4.8rem;
  }
}
#wrap .local-head.design3 {
  padding: 3.2rem 1.8rem 0;
}
#wrap .local-head.design3 .local-subject .local-name {
  color: rgb(21, 21, 26);
  text-align: center;
  font-weight: 800;
  font-size: 4.8rem;
}
@media (max-width: 1023px) {
  #wrap .local-head.design3 {
    padding: 4rem 1.8rem 6.4rem;
  }
  #wrap .local-head.design3 .local-subject .local-name {
    font-weight: 800;
    font-size: 3.2rem;
  }
}
#wrap .local-head.design4 {
  display: flex;
  position: relative;
  width: 100%;
  height: 100vh;
  padding: 14rem 0 20rem 0;
  margin: 0 auto;
  justify-content: flex-start;
  flex-direction: column;
  min-height: 980px;
  max-width: 1200px;
  opacity: 0;
  transition: opacity 0.5s ease-out;
}
@media (max-width: 1023px) {
  #wrap .local-head.design4 {
    width: 100%;
    padding: 8.2rem 0 20rem 0;
    min-height: 60rem;
    max-width: 100%;
  }
}
#wrap .local-head.design4 .local-info {
  margin: 0;
}
#wrap .local-head.design4 .local-info + .local-subject {
  margin-top: 10rem;
}
@media (max-width: 1023px) {
  #wrap .local-head.design4 .local-info + .local-subject {
    margin-top: 5.5rem;
  }
}
#wrap .local-head.design4 .local-subject {
  display: flex;
  position: relative;
  top: 50px;
  transition: top 0.5s ease-out;
  align-items: center;
}
#wrap .local-head.design4 .local-subject .local-name {
  font-weight: 700;
  font-size: 12rem;
  color: rgb(21, 21, 26);
  line-height: 1.2;
  transition: color 1s ease-out;
}
@media (max-width: 1023px) {
  #wrap .local-head.design4 .local-subject .local-name {
    font-weight: 700;
    font-size: 4rem;
  }
}
#wrap .local-head.design4 .local-subject + .local-aside {
  margin-top: 12rem;
}
@media (max-width: 1023px) {
  #wrap .local-head.design4 .local-subject + .local-aside {
    margin-top: 48px;
  }
}
#wrap .local-head.design4 .local-aside {
  display: flex;
  position: relative;
  top: 50px;
  height: auto;
  justify-content: flex-end;
  align-items: flex-end;
  transition: top 0.5s ease-out;
}
#wrap .local-head.design4 .local-aside .local-wrap {
  width: 506px;
}
@media (max-width: 1023px) {
  #wrap .local-head.design4 .local-aside .local-wrap {
    width: 100%;
  }
}
#wrap .local-head.design4 .local-aside .local-wrap .local-title {
  font-weight: 700;
  font-size: 3.2rem;
  color: #ec2225;
  transition: color 1s ease-out;
}
@media (max-width: 1023px) {
  #wrap .local-head.design4 .local-aside .local-wrap .local-title {
    font-weight: 700;
    font-size: 2.4rem;
  }
}
#wrap .local-head.design4 .local-aside .local-wrap .local-title + .local-summary {
  margin-top: 16px;
}
#wrap .local-head.design4 .local-aside .local-wrap .local-summary {
  color: rgb(63, 63, 70);
  transition: color 1s ease-out;
  font-weight: 700;
  font-size: 1.8rem;
}
@media (max-width: 1023px) {
  #wrap .local-head.design4 .local-aside .local-wrap .local-summary {
    font-weight: 700;
    font-size: 1.6rem;
  }
}
#wrap .local-head.design4 .local-figure {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 0;
  transform: translateX(-50%);
  overflow: hidden;
  border-radius: 16px 16px 0 0;
  z-index: -1;
  transition: all 0.5s ease-out;
}
@media (max-width: 1023px) {
  #wrap .local-head.design4 .local-figure {
    border-radius: 8px 8px 0 0;
  }
}
#wrap .local-head.design4 .local-figure video,
#wrap .local-head.design4 .local-figure img {
  position: absolute;
  top: 0;
  left: 50%;
  width: 1200px;
  height: 100%;
  transform: translateX(-50%);
  -o-object-fit: cover;
  object-fit: cover;
}
@media (max-width: 1023px) {
  #wrap .local-head.design4 .local-figure video,
  #wrap .local-head.design4 .local-figure img {
    width: 100vw;
  }
}
#wrap .local-head.design4 .local-figure::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: rgba(0, 0, 0, 0);
  transition: background-color 0.3s ease;
}
#wrap .local-head.design4 .local-util {
  position: absolute;
  bottom: 48px;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 1023px) {
  #wrap .local-head.design4 .local-util {
    bottom: 10rem;
  }
}
#wrap .local-head.design4.active1 {
  opacity: 1;
}
#wrap .local-head.design4.active1 .local-subject {
  top: 0;
}
#wrap .local-head.design4.active1 .local-aside {
  top: 0;
}
#wrap .local-head.design4.active1 .local-figure {
  width: 1200px;
  height: 200px;
}
@media (max-width: 1023px) {
  #wrap .local-head.design4.active1 .local-figure {
    width: 100%;
  }
}
#wrap .local-head.design4.active2 .local-subject .local-name {
  color: rgb(255, 255, 255);
}
#wrap .local-head.design4.active2 .local-aside .local-wrap .local-title {
  color: rgb(255, 255, 255);
}
#wrap .local-head.design4.active2 .local-aside .local-wrap .local-summary {
  color: rgb(255, 255, 255);
}
#wrap .local-head.design4.active2 .local-figure {
  width: 100vw;
  height: 100%;
  border-radius: 0;
}
#wrap .local-head.design4.active2 .local-figure video,
#wrap .local-head.design4.active2 .local-figure img {
  width: 100%;
  height: 100%;
}
#wrap .local-head.design4.active2 .local-figure::after {
  background-color: rgba(0, 0, 0, 0.5);
}
#wrap .local-head.design5 {
  position: relative;
  width: 100%;
  padding: 14rem 0 0 0;
  margin: 0 auto;
}
@media (max-width: 1023px) {
  #wrap .local-head.design5 {
    padding: 8.2rem 0 0;
  }
}
@media (max-width: 1023px) {
  #wrap .local-head.design5 .local-info {
    margin: 0 !important;
  }
}
#wrap .local-head.design5 .local-subject {
  display: flex;
  position: relative;
  height: 60.573vh;
  text-align: center;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1023px) {
  #wrap .local-head.design5 .local-subject {
    height: 50vh;
    padding: 0 1rem;
  }
}
#wrap .local-head.design5 .local-subject .local-name {
  position: relative;
  color: rgb(21, 21, 26);
  transform: translateY(30%);
  opacity: 0;
  font-weight: 400;
  font-size: 5.4rem;
}
#wrap .local-head.design5 .local-subject .local-name.en {
  font-weight: 700;
  font-size: 4.8rem;
}
@media (max-width: 1023px) {
  #wrap .local-head.design5 .local-subject .local-name {
    font-weight: 700;
    font-size: 3.2rem;
  }
  #wrap .local-head.design5 .local-subject .local-name.en {
    font-weight: 700;
    font-size: 3.2rem;
  }
}
#wrap .local-head.design5 .local-aside {
  display: flex;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100vh;
  align-items: center;
  justify-content: center;
  z-index: 2;
}
#wrap .local-head.design5 .local-aside .local-wrap .local-title {
  color: rgb(255, 255, 255);
  font-weight: 700;
  font-size: 6.4rem;
}
@media (max-width: 1023px) {
  #wrap .local-head.design5 .local-aside .local-wrap .local-title {
    text-align: center;
    font-weight: 700;
    font-size: 3.2rem;
  }
}
.en #wrap .local-head.design5 .local-aside .local-wrap .local-title {
  text-align: center;
}

#wrap .local-head.design5 .local-figure {
  position: relative;
  left: 50%;
  width: 90vw;
  height: 100vh;
  transform: translateY(15%);
  overflow: hidden;
  z-index: 1;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0);
}
#wrap .local-head.design5 .local-figure img {
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translateX(-50%);
  -o-object-fit: cover;
  object-fit: cover;
}
#wrap .local-head.design5 .local-figure::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: inherit;
  transition: background-color 0.3s ease;
}
#wrap .local-head.design5 .local-util {
  position: fixed;
  top: calc(100vh - 4.8rem - 2.3rem);
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}
@media (max-width: 1023px) {
  #wrap .local-head.design5 .local-util {
    top: calc(100vh - 10rem - 2.3rem);
  }
}
#wrap .local-body .content-head {
  display: block;
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  border: 0;
  font-size: 1px;
  line-height: 1px;
  overflow: hidden;
  visibility: hidden;
  clip: rect(0 0 0 0);
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
#wrap .section.design2 .section-wrap {
  display: flex;
}
@media (max-width: 1023px) {
  #wrap .section.design2 .section-wrap {
    flex-direction: column;
  }
}
#wrap .section.design3 .section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 1023px) {
  #wrap .section.design3 .section-head {
    flex-direction: column;
    align-items: flex-start;
  }
  #wrap .section.design3 .section-head .section-name + .section-util {
    width: 100%;
    margin-top: 2.4rem;
  }
}
#wrap .section.design4 .section-body {
  display: flex;
}
@media (max-width: 1023px) {
  #wrap .section.design4 .section-body {
    flex-direction: column;
  }
}
#wrap .section.design5 .section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 1023px) {
  #wrap .section.design5 .section-head {
    flex-direction: column;
    align-items: flex-start;
  }
  #wrap .section.design5 .section-head .section-name + .section-util {
    margin-top: 4.8rem;
  }
}
#wrap .section[class*="design"].case1 .section-wrap .section-head + .section-body {
  margin-top: 4rem;
}
@media (max-width: 1023px) {
  #wrap .section[class*="design"].case1 .section-wrap .section-head + .section-body {
    margin-top: 2.4rem;
  }
}
#wrap .section[class*="design"].case1 .section-wrap .section-body > .para + .para {
  margin-top: 1.6rem;
}
#wrap .section[class*="design"].case1 .section-wrap .section-body > .para + .note {
  display: inline-block;
  margin-top: 1.6rem;
}
@media (max-width: 1023px) {
  #wrap .section[class*="design"].case1 .section-wrap .section-body > .para + .para {
    margin-top: 1.2rem;
  }
  #wrap .section[class*="design"].case1 .section-wrap .section-body > .para + .note {
    display: inline-block;
    margin-top: 1.2rem;
  }
}
#wrap .section[class*="design"].case1 .section-wrap .section-body + .section-util {
  margin-top: 4rem;
}
@media (max-width: 1023px) {
  #wrap .section[class*="design"].case1 .section-wrap .section-body + .section-util {
    margin-top: 4.8rem;
  }
}
#wrap .section[class*="design"].case2 .section-wrap .section-head .section-name + .section-summary {
  margin-top: 4rem;
}
@media (max-width: 1023px) {
  #wrap .section[class*="design"].case2 .section-wrap .section-head .section-name + .section-summary {
    margin-top: 2.4rem;
  }
}
#wrap .section[class*="design"].case2 .section-wrap .section-head + .section-body {
  margin-top: 2.4rem;
}
@media (max-width: 1023px) {
  #wrap .section[class*="design"].case2 .section-wrap .section-head + .section-body {
    margin-top: 1.6rem;
  }
}
#wrap .section[class*="design"].case2 .section-wrap .section-body > .para + .para {
  margin-top: 1.6rem;
}
@media (max-width: 1023px) {
  #wrap .section[class*="design"].case2 .section-wrap .section-body > .para + .para {
    margin-top: 1.2rem;
  }
}
#wrap .section[class*="design"].case3 .section-wrap .section-head .section-subject + .comment {
  margin-top: 1.6rem;
}
@media (max-width: 1023px) {
  #wrap .section[class*="design"].case3 .section-wrap .section-head .section-subject + .comment {
    margin-top: 1.2rem;
  }
}
#wrap .section[class*="design"].case3 .section-wrap .section-head + .section-body {
  margin-top: 6.4rem;
}
@media (max-width: 1023px) {
  #wrap .section[class*="design"].case3 .section-wrap .section-head + .section-body {
    margin-top: 3.2rem;
  }
}
#wrap .section[class*="design"].case3 .section-wrap .section-body > .para + .para {
  margin-top: 1.6rem;
}
@media (max-width: 1023px) {
  #wrap .section[class*="design"].case3 .section-wrap .section-body > .para + .para {
    margin-top: 1.2rem;
  }
}
#wrap .section[class*="design"].case4 .section-wrap .section-head + .section-body {
  margin-top: 8rem;
}
@media (max-width: 1023px) {
  #wrap .section[class*="design"].case4 .section-wrap .section-head + .section-body {
    margin-top: 4.8rem;
  }
}
#wrap .section[class*="design"].case4 .section-wrap .section-body > .para + .para {
  margin-top: 1.6rem;
}
@media (max-width: 1023px) {
  #wrap .section[class*="design"].case4 .section-wrap .section-body > .para + .para {
    margin-top: 1.2rem;
  }
}
#wrap .section[class*="design"].case5 .section-wrap .section-caption ~ .section-head {
  margin-top: 4rem;
}
@media (max-width: 1023px) {
  #wrap .section[class*="design"].case5 .section-wrap .section-caption ~ .section-head {
    margin-top: 2.4rem;
  }
}
#wrap .section[class*="design"].case5 .section-wrap .section-head .section-name + .section-summary {
  margin-top: 1.6rem;
}
@media (max-width: 1023px) {
  #wrap .section[class*="design"].case5 .section-wrap .section-head .section-name + .section-summary {
    margin-top: 1.2rem;
  }
}
#wrap .section[class*="design"].case5 .section-wrap .section-head + .section-body {
  margin-top: 4rem;
}
@media (max-width: 1023px) {
  #wrap .section[class*="design"].case5 .section-wrap .section-head + .section-body {
    margin-top: 2.4rem;
  }
}
#wrap .section[class*="design"].case5 .section-wrap .section-body > .para + .para,
#wrap .section[class*="design"].case5 .section-wrap .section-body > .para + .note {
  margin-top: 1.6rem;
}
@media (max-width: 1023px) {
  #wrap .section[class*="design"].case5 .section-wrap .section-body > .para + .para,
  #wrap .section[class*="design"].case5 .section-wrap .section-body > .para + .note {
    margin-top: 1.2rem;
  }
}
#wrap .section[class*="design"].case5 .section-wrap .section-body + .section-util {
  margin-top: 8rem;
}
@media (max-width: 1023px) {
  #wrap .section[class*="design"].case5 .section-wrap .section-body + .section-util {
    margin-top: 4.8rem;
  }
}
#wrap .section[class*="design"].case6 .section-wrap .section-head + .section-body {
  margin-top: 3rem;
}
@media (max-width: 1023px) {
  #wrap .section[class*="design"].case6 .section-wrap .section-head + .section-body {
    margin-top: 2.7rem;
  }
}
#wrap .section[class*="design"].case6 .section-wrap .section-body > .para + .para {
  margin-top: 1.6rem;
}
@media (max-width: 1023px) {
  #wrap .section[class*="design"].case6 .section-wrap .section-body > .para + .para {
    margin-top: 1.2rem;
  }
}
#wrap .section[class*="design"].case7 .section-wrap .section-head ~ .section-body {
  margin-top: 1.6rem;
}
@media (max-width: 1023px) {
  #wrap .section[class*="design"].case7 .section-wrap .section-head ~ .section-body {
    margin-top: 1.2rem;
  }
}
#wrap .section[class*="design"].case7 .section-wrap .section-head ~ .section-util {
  margin-top: 4rem;
}
@media (max-width: 1023px) {
  #wrap .section[class*="design"].case7 .section-wrap .section-head ~ .section-util {
    margin-top: 2.4rem;
  }
}
#wrap .section[class*="design"].case7 .section-wrap .section-body > .para + .para {
  margin-top: 1.6rem;
}
@media (max-width: 1023px) {
  #wrap .section[class*="design"].case7 .section-wrap .section-body > .para + .para {
    margin-top: 1.2rem;
  }
}
#wrap .section[class*="design"].case8 .section-wrap .section-body > .para + .para {
  margin-top: 4rem;
}
@media (max-width: 1023px) {
  #wrap .section[class*="design"].case8 .section-wrap .section-body > .para + .para {
    margin-top: 2.4rem;
  }
}
#wrap .section[class*="design"].case9 .section-wrap .section-head .section-name + .section-summary {
  margin-top: 2.4rem;
}
@media (max-width: 1023px) {
  #wrap .section[class*="design"].case9 .section-wrap .section-head .section-name + .section-summary {
    margin-top: 1.6rem;
  }
}
#wrap .section[class*="design"].case9 .section-wrap .section-head + .section-body {
  margin-top: 6.4rem;
}
@media (max-width: 1023px) {
  #wrap .section[class*="design"].case9 .section-wrap .section-head + .section-body {
    margin-top: 4rem;
  }
}
#wrap .section[class*="design"].case9 .section-wrap .section-body > .para + .para {
  margin-top: 1.6rem;
}
@media (max-width: 1023px) {
  #wrap .section[class*="design"].case9 .section-wrap .section-body > .para + .para {
    margin-top: 1.2rem;
  }
}
#wrap .section[class*="design"].case10 .section-wrap .section-head + .section-body {
  margin-top: 2.4rem;
}
@media (max-width: 1023px) {
  #wrap .section[class*="design"].case10 .section-wrap .section-head + .section-body {
    margin-top: 1.6rem;
  }
}
#wrap .section[class*="design"].case10 .section-wrap .section-body + .section-util {
  margin-top: 8rem;
}
@media (max-width: 1023px) {
  #wrap .section[class*="design"].case10 .section-wrap .section-body + .section-util {
    margin-top: 4.8rem;
  }
}
#wrap .section[class*="design"].case10 .section-wrap .section-util + .section-body {
  margin-top: 8rem;
}
@media (max-width: 1023px) {
  #wrap .section[class*="design"].case10 .section-wrap .section-util + .section-body {
    margin-top: 4.8rem;
  }
}
#wrap .section[class*="design"].type1 .section-caption {
  color: rgb(109, 12, 166);
  font-weight: 500;
  font-size: 1.4rem;
}
#wrap .section[class*="design"].type1 .section-name {
  font-weight: 700;
  font-size: 3.2rem;
  color: rgb(21, 21, 26);
}
@media (max-width: 1023px) {
  #wrap .section[class*="design"].type1 .section-name {
    font-weight: 700;
    font-size: 2.4rem;
  }
}
#wrap .section[class*="design"].type1 .section-name + .section-summary {
  color: rgb(63, 63, 70);
  margin-top: 0.4rem;
  font-weight: 500;
  font-size: 1.8rem;
}
@media (max-width: 1023px) {
  #wrap .section[class*="design"].type1 .section-name + .section-summary {
    margin-top: 1.6rem;
    font-weight: 500;
    font-size: 1.6rem;
  }
}
#wrap .section[class*="design"].type1 .section-body > .para {
  color: rgb(63, 63, 70);
  font-weight: 500;
  font-size: 1.8rem;
}
@media (max-width: 1023px) {
  #wrap .section[class*="design"].type1 .section-body > .para {
    font-weight: 500;
    font-size: 1.6rem;
  }
}
#wrap .section[class*="design"].type2 .section-name {
  color: rgb(21, 21, 26);
  font-weight: 700;
  font-size: 2.4rem;
}
@media (max-width: 1023px) {
  #wrap .section[class*="design"].type2 .section-name {
    font-weight: 700;
    font-size: 2rem;
  }
}
#wrap .section[class*="design"].type2 .section-name + .section-summary {
  color: rgb(63, 63, 70);
  margin-top: 1.6rem;
  font-weight: 500;
  font-size: 1.6rem;
}
@media (max-width: 1023px) {
  #wrap .section[class*="design"].type2 .section-name + .section-summary {
    margin-top: 1.6rem;
    font-weight: 500;
    font-size: 1.4rem;
  }
}
#wrap .section[class*="design"].type2 .section-body > .para {
  color: rgb(63, 63, 70);
  font-weight: 500;
  font-size: 1.8rem;
}
@media (max-width: 1023px) {
  #wrap .section[class*="design"].type2 .section-body > .para {
    font-weight: 500;
    font-size: 1.6rem;
  }
}
#wrap .section[class*="design"].type3 .section-name {
  color: rgb(21, 21, 26);
  font-weight: 700;
  font-size: 4.8rem;
}
@media (max-width: 1023px) {
  #wrap .section[class*="design"].type3 .section-name {
    font-weight: 700;
    font-size: 3.2rem;
  }
}
#wrap .section[class*="design"].type3 .section-name + .section-summary {
  color: rgb(63, 63, 70);
  margin-top: 2.4rem;
  font-weight: 500;
  font-size: 1.8rem;
}
@media (max-width: 1023px) {
  #wrap .section[class*="design"].type3 .section-name + .section-summary {
    margin-top: 1.6rem;
    font-weight: 500;
    font-size: 1.6rem;
  }
}
#wrap .section[class*="design"].type3 .section-body > .para {
  color: rgb(21, 21, 26);
  font-weight: 700;
  font-size: 2.4rem;
}
@media (max-width: 1023px) {
  #wrap .section[class*="design"].type3 .section-body > .para {
    font-weight: 700;
    font-size: 2rem;
  }
}
#wrap .section[class*="design"].type3 .section-body .note {
  display: inline-block;
  color: rgb(63, 63, 70);
  font-weight: 500;
  font-size: 1.8rem;
}
@media (max-width: 1023px) {
  #wrap .section[class*="design"].type3 .section-body .note {
    font-weight: 500;
    font-size: 1.6rem;
  }
}
#wrap .section[class*="design"].type4 .section-name {
  color: #000;
  font-weight: 700;
  font-size: 1.6rem;
}
#wrap .section[class*="design"].type4 .section-body > .para {
  color: rgb(63, 63, 70);
  font-weight: 500;
  font-size: 1.6rem;
}
@media (max-width: 1023px) {
  #wrap .section[class*="design"].type4 .section-body > .para {
    font-weight: 500;
    font-size: 1.4rem;
  }
}
#wrap .section[class*="design"].type5 .section-head .section-name {
  color: rgb(21, 21, 26);
  font-weight: 700;
  font-size: 4.8rem;
}
@media (max-width: 1023px) {
  #wrap .section[class*="design"].type5 .section-head .section-name {
    font-weight: 700;
    font-size: 3.2rem;
  }
}
#wrap .section[class*="design"].type5 .section-head .section-summary {
  color: rgb(63, 63, 70);
  font-weight: 700;
  font-size: 2rem;
}
@media (max-width: 1023px) {
  #wrap .section[class*="design"].type5 .section-head .section-summary {
    font-weight: 700;
    font-size: 1.8rem;
  }
}
#wrap .section[class*="design"].type5 .section-body > .para {
  color: rgb(63, 63, 70);
  font-weight: 500;
  font-size: 1.8rem;
}
@media (max-width: 1023px) {
  #wrap .section[class*="design"].type5 .section-body > .para {
    font-weight: 500;
    font-size: 1.6rem;
  }
}
#wrap .section[class*="design"].type6 .section-name {
  font-weight: 700;
  font-size: 2.4rem;
  color: rgb(21, 21, 26);
}
@media (max-width: 1023px) {
  #wrap .section[class*="design"].type6 .section-name {
    font-weight: 700;
    font-size: 2rem;
  }
}
#wrap .section[class*="design"].type6 .section-name + .section-summary {
  font-weight: 500;
  font-size: 1.8rem;
  color: rgb(63, 63, 70);
}
@media (max-width: 1023px) {
  #wrap .section[class*="design"].type6 .section-name + .section-summary {
    font-weight: 500;
    font-size: 1.6rem;
  }
}
#wrap .section[class*="design"].type6 .section-body > .para {
  color: rgb(63, 63, 70);
  font-weight: 500;
  font-size: 1.8rem;
}
@media (max-width: 1023px) {
  #wrap .section[class*="design"].type6 .section-body > .para {
    font-weight: 500;
    font-size: 1.6rem;
  }
}
#wrap .section[class*="design"].type7 .section-name {
  font-weight: 700;
  font-size: 3.2rem;
  color: rgb(21, 21, 26);
}
@media (max-width: 1023px) {
  #wrap .section[class*="design"].type7 .section-name {
    font-weight: 700;
    font-size: 2.4rem;
  }
}
#wrap .section[class*="design"].type7 .section-body > .para {
  font-weight: 500;
  font-size: 1.6rem;
  color: rgb(63, 63, 70);
}
@media (max-width: 1023px) {
  #wrap .section[class*="design"].type7 .section-body > .para {
    font-weight: 500;
    font-size: 1.4rem;
  }
}
#wrap .section[class*="design"].type8 .section-name {
  font-weight: 700;
  font-size: 3.2rem;
  color: rgb(255, 255, 255);
}
@media (max-width: 1023px) {
  #wrap .section[class*="design"].type8 .section-name {
    font-weight: 700;
    font-size: 2.4rem;
  }
}
#wrap .section[class*="design"].type8 .section-body > .para {
  color: rgb(255, 255, 255);
  font-weight: 500;
  font-size: 1.8rem;
}
@media (max-width: 1023px) {
  #wrap .section[class*="design"].type8 .section-body > .para {
    font-weight: 500;
    font-size: 1.6rem;
  }
}
#wrap .section[class*="design"].type9 .section-name {
  font-weight: 700;
  font-size: 4.8rem;
  color: rgb(21, 21, 26);
}
@media (max-width: 1023px) {
  #wrap .section[class*="design"].type9 .section-name {
    font-weight: 700;
    font-size: 3.2rem;
  }
}
#wrap .section[class*="design"].type9 .section-name + .section-summary {
  color: rgb(63, 63, 70);
  margin-top: 2.4rem;
  font-weight: 700;
  font-size: 2rem;
}
@media (max-width: 1023px) {
  #wrap .section[class*="design"].type9 .section-name + .section-summary {
    font-weight: 700;
    font-size: 2.4rem;
  }
}
#wrap .section[class*="design"].type9 .section-body > .para {
  color: rgb(0, 0, 0);
  font-weight: 500;
  font-size: 1.8rem;
}
@media (max-width: 1023px) {
  #wrap .section[class*="design"].type9 .section-body > .para {
    font-weight: 500;
    font-size: 1.6rem;
  }
}
#wrap .section[class*="design"].type9 .section-body > .para + .para {
  margin-top: 1.6rem;
}
@media (max-width: 1023px) {
  #wrap .section[class*="design"].type9 .section-body > .para + .para {
    margin-top: 1.2rem;
  }
}
#wrap .section[class*="design"].align1 .section-head {
  text-align: left;
}
#wrap .section[class*="design"].align2 .section-caption,
#wrap .section[class*="design"].align2 .section-head {
  text-align: right;
}
#wrap .section[class*="design"].align3 .section-head {
  text-align: center;
}
#wrap .section[class*="design"].align4 .section-caption,
#wrap .section[class*="design"].align4 .section-head,
#wrap .section[class*="design"].align4 .section-body {
  text-align: center;
}
#wrap .section.detail-layout .section-wrap .section-head .section-name + .section-summary {
  margin-top: 3.2rem;
}
#wrap .section.detail-layout .section-wrap .section-head + .section-body {
  margin-top: 6.4rem;
}
#wrap .section.detail-layout .section-wrap .section-head + .section-body img {
  max-width: 100%;
}
#wrap .section.detail-layout .section-wrap .section-head + .section-body + .section-aside {
  margin-top: 6.4rem;
}
#wrap .section.detail-layout .section-wrap .section-head + .section-body + .section-aside + .section-util {
  margin-top: 8rem;
}
#wrap .section.detail-layout .section-wrap .section-head + .section-body + .section-util {
  margin-top: 8rem;
}
#wrap .section.detail-layout .section-wrap .section-util .btn-display {
  justify-content: center;
}
#wrap .section.detail-layout .section-wrap .section-util .btn-display + .board-dipslay {
  margin-top: 6.4rem;
}
@media (max-width: 1023px) {
  #wrap .section.detail-layout .section-wrap .section-head + .section-body {
    margin-top: 3.2rem;
  }
  #wrap .section.detail-layout .section-wrap .section-head + .section-body + .section-aside {
    margin-top: 3.2rem;
  }
  #wrap .section.detail-layout .section-wrap .section-head + .section-body + .section-aside + .section-util {
    margin-top: 4.8rem;
  }
  #wrap .section.detail-layout .section-wrap .section-head + .section-body + .section-util {
    margin-top: 4.8rem;
  }
  #wrap .section.detail-layout .section-wrap .section-util .btn-display + .board-dipslay {
    margin-top: 3.2rem;
  }
  #wrap .section.detail-layout .section-wrap .section-body .data-display .data-subject {
    font-weight: 700;
    font-size: 1.8rem;
  }
  #wrap .section.detail-layout .section-wrap .section-body .data-display .data-body .para {
    font-weight: 700;
    font-size: 1.4rem;
  }
}
#wrap .section .comment.design1 {
  color: rgb(63, 63, 70);
  font-weight: 500;
  font-size: 1.4rem;
}
@media (max-width: 1023px) {
  #wrap .section .comment.design1 {
    font-weight: 500;
    font-size: 1.2rem;
  }
}
#wrap .section .comment.design2 {
  color: rgb(0, 0, 0);
  font-weight: 700;
  font-size: 2rem;
}
@media (max-width: 1023px) {
  #wrap .section .comment.design2 {
    font-weight: 700;
    font-size: 1.8rem;
  }
}
#wrap .section .comment.design3 {
  color: rgb(0, 0, 0);
  font-weight: 700;
  font-size: 1.8rem;
}
@media (max-width: 1023px) {
  #wrap .section .comment.design3 {
    font-weight: 700;
    font-size: 1.6rem;
  }
}
#wrap .local-info {
  margin: 0 auto;
  max-width: 120rem;
}
#wrap .local-info .data-list.breadcrumb {
  display: flex;
}
#wrap .local-info .data-list.breadcrumb.design1.case1 {
  padding-top: 17.2rem;
  justify-content: center;
}
@media (max-width: 1023px) {
  #wrap .local-info .data-list.breadcrumb.design1.case1 {
    padding-top: 8.2rem;
  }
}
#wrap .local-info .data-list.breadcrumb.design1.case2 {
  position: relative;
}
@media (max-width: 1023px) {
  #wrap .local-info .data-list.breadcrumb.design1.case2 {
    justify-content: center;
  }
}
#wrap .local-info .data-list.breadcrumb.design1.case2.active1 {
  opacity: 1;
  transition: opacity 0.2s ease-out;
}
#wrap .local-info .data-list.breadcrumb.design1.dark,
#wrap .local-info .data-list.breadcrumb.design1#header.transparent {
  color: rgb(113, 113, 122);
}
#wrap .local-info .data-list.breadcrumb.design1.dark .data-item:last-child .item-text,
#wrap .local-info .data-list.breadcrumb.design1#header.transparent .data-item:last-child .item-text {
  color: rgb(39, 39, 42);
  font-weight: 700;
}
#wrap .local-info .data-list.breadcrumb.design1.light {
  color: rgb(255, 255, 255);
}
#wrap .local-info .data-list.breadcrumb.design1.light .data-item:last-child .item-text {
  font-weight: 700;
}
#wrap .local-info .data-list.breadcrumb.design1 .data-item {
  position: relative;
  flex-shrink: 0;
}
#wrap .local-info .data-list.breadcrumb.design1 .data-item .item-text {
  font-weight: 500;
  font-size: 1.4rem;
  position: relative;
}
#wrap .local-info .data-list.breadcrumb.design1 .data-item + .data-item {
  margin-left: 3.2rem;
}
#wrap .local-info .data-list.breadcrumb.design1 .data-item + .data-item .item-text::before {
  position: absolute;
  top: 0.1rem;
  left: -2.3rem;
  width: 1.6rem;
  height: 1.6rem;
  content: "";
  background-image: url("data:image/svg+xml,%0A%3Csvg width='9' height='14' viewBox='0 0 9 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.365166 0.365166C0.716638 0.0136945 1.28649 0.0136945 1.63796 0.365166L8.27435 7.00156L1.63796 13.638C1.28649 13.9894 0.716638 13.9894 0.365166 13.638C0.0136945 13.2865 0.0136945 12.7166 0.365166 12.3652L5.72877 7.00156L0.365166 1.63796C0.0136945 1.28649 0.0136945 0.716638 0.365166 0.365166Z' fill='rgb(228,228,231)'/%3E%3C/svg%3E%0A");
  background-size: 0.7rem 1rem;
  background-repeat: no-repeat;
  background-position: center center;
}
#wrap .local-info .data-list.breadcrumb.design1 .data-item:last-child {
  flex-shrink: unset;
}
@media (max-width: 1023px) {
  #wrap .local-info .data-list.breadcrumb.design1 .data-item {
    display: block;
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    border: 0;
    font-size: 1px;
    line-height: 1px;
    overflow: hidden;
    visibility: hidden;
    clip: rect(0 0 0 0);
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
  }
  #wrap .local-info .data-list.breadcrumb.design1 .data-item .item-text {
    font-weight: 500;
    font-size: 1.2rem;
  }
  #wrap .local-info .data-list.breadcrumb.design1 .data-item + .data-item {
    margin-left: 2.4rem;
  }
  #wrap .local-info .data-list.breadcrumb.design1 .data-item + .data-item .item-text::before {
    top: -0.1rem;
    left: -1.9rem;
    width: 1.6rem;
    height: 1.6rem;
    content: "";
    background-size: 0.6rem 1.1rem;
  }
}

#wrap.main {
  overflow: unset;
}
@media (max-width: 1023px) {
  #wrap.main {
    overflow: hidden;
  }
}

.sk-main {
  width: 100%;
  height: 100%;
  background-color: #050505;
}
.sk-main .section.intro {
  position: relative;
  overflow: hidden;
}
.sk-main .section.intro .intro-video {
  position: absolute;
  top: 7.2rem;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(5, 5, 5, 0) 78.89%, #050505 89.07%);
  opacity: 0;
  transform: scale(1.2);
  transition: 1.8s cubic-bezier(0.5, 0, 0, 1);
  transform-origin: center;
}
.sk-main .section.intro .intro-video > video {
  width: 100%;
}
.sk-main .section.intro .section-content {
  height: 100vh;
}
.sk-main .section.intro .section-content.our-business {
  position: relative;
  z-index: 2;
  transition: transform 1s ease;
}
.sk-main .section.intro .section-content.our-business .content-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  text-align: center;
  transform: translate(-50%, -50%);
  padding-top: 10.4rem;
  transition: 1.8s cubic-bezier(0.5, 0, 0, 1);
}
.sk-main .section.intro .section-content.our-business .content-inner .section-head {
  display: flex;
  justify-content: center;
}
.sk-main .section.intro .section-content.our-business .content-inner .section-head .section-name {
  position: relative;
  padding: 0 1.8rem;
  margin: 0 auto;
  color: rgb(255, 255, 255);
  transition: 1s ease;
  opacity: 0;
}

.section.company {
  padding: 0 15px;
}

.section.family-site .social_ft {
  display: flex;
  gap: 10px;
  align-items: center;
}

.section.family-site .social_ft li svg {
  width: 24px;
  height: 24px;
}

.section.family-site .social_ft li svg path {
  fill: rgb(161, 161, 170);
}

.section.family-site .social_ft li a {
  width: 40px;
  height: 40px;
  border: 1px solid rgb(161, 161, 170);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.section.family-site .social_ft li:nth-child(1) svg {
  width: 16px;
  height: 16px;
}

.section.family-site .social_ft li a:hover {
  border: 1px solid #fff;
}

.section.family-site .social_ft li a:hover svg path {
  fill: #fff;
}

.section.story1 .data-item {
  padding: 0 20px 0 0;
}
.section.story1 .data-item h3 {
  color: #000;
  font-size: 50px;
  line-height: 60px;
  margin: 0 0 20px 0;
}
.section.story1 .data-item ul li {
  position: relative;
  padding: 0 0 0 20px;
}
.section.story1 .data-item p,
.section.story1 .data-item ul li {
  text-align: justify;
  font-size: 24px !important;
  line-height: 32px;
}

.section.story1 .data-item ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.section.story1 .data-item ul li::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  position: absolute;
  top: 13px;
  left: 0;
  background: #3f3f46fa;
}
.page-template-page-template-gioithieu .local-head .local-info ul li {
  color: #71717a;
}
.page-template-page-template-gioithieu .local-head.active2 .local-info ul li {
  color: #fff;
}

.tg_pagination {
  display: table;
  margin: 0px auto 0px auto;
  clear: both;
  padding: 30px 0px 0px 0px;
  clear: both;
}
.tg_pagination .dots {
  color: #fff;
}
.tg_pagination span.current {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  color: #fff;
  background: #ec2326;
  text-align: center;
  font-weight: 700;
  font-size: 14px;
  position: relative;
  top: 1px;
  margin: 0px 4px;
}
.tg_pagination a {
  color: #000;
  display: inline-flex;
  width: 25px;
  height: 24px;
  background: #fff;
  border-radius: 50%;
  text-align: center;
  font-weight: 700;
  margin: 0 4px;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}

.single .main .section-body {
  font-size: 18px;
  line-height: 26px;
}

[id*="attachment_"] {
  max-width: 100% !important;
}

.btn-display .btn-area ul {
  display: flex;
  align-items: center;
  gap: 10px;
}

.btn-display .btn-area ul li a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  width: 30px;
  height: 30px;
}

.btn-display .btn-area ul li i.fa {
  color: #fff;
}

.btn-display .btn-area ul li.facebook_sg a {
  background: #0766ff;
}

.btn-display .btn-area ul li.twitter_sg a {
  background: #000000;
}

.btn-display .btn-area ul li.linkedin_sg a {
  background: #0073b2;
}

.author_area {
  display: flex;
  gap: 30px;
  margin: 0;
}

.author_area .author_area_left {
  flex-shrink: 0;
}

.author_area .author_area_left img {
  width: 200px;
  height: 200px;
  object-fit: cover;
  border-radius: 50%;
}

.author_area .author_area_right h1 {
  margin: 0 0 20px 0;

  font-size: 28px;

  line-height: 36px;
}

.author_area .author_area_right h1 span trong {
}

.author_area .author_area_right .author_social {
}

.author_area .author_area_right .author_social ul {
  display: flex;
  gap: 10px;
}

.author_area .author_area_right .author_social ul li a {
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #003984;
  color: #fff;
}

.author_area .author_area_right .author_social ul li.zalo_u a {
  background: #0065f7;
}

.author_area .author_area_right .author_social ul li.linkedin_u a {
  background: #007ab5;
}

.author_area .author_area_right .author_social ul li.x_u a {
  background: #000000;
}

.author_area .author_area_right .author_social ul li.telegram_u a {
  background: #32abe7;
}

.author_area .author_area_right .author_social ul li.tiktok_u a {
  background: #000000;
}

.author_area .author_area_right .author_social ul li.email_u a {
  background: #e66a1f;
}

.author_area .author_area_right .author_desc {
  font-size: 16px;
  line-height: 23px;
  margin: 20px 0 0 0;
  opacity: 0.8;
  font-weight: 300;
}

.author_area .author_area_right .author_desc p {
  margin: 0 0 10px 0;
}

.item-head {
  display: flex;
  gap: 30px;
  align-items: center;
  margin: 20px 0 0 0;
}

.item-head svg {
  width: 20px;
  height: 20px;
}

.item-head span,
.item-head span a {
  font-size: 14px;
  line-height: 22px;
  color: #615c5c;
}

.item-head span {
  display: flex;
  gap: 3px;
  align-items: center;
}

.item-date {
}

.list_contact_social {
  display: flex;
  gap: 20px;
}

.list_contact_social .contact_item {
  border: 1px solid #e6e6e6;
  border-radius: 20px;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex: 1;
}

.list_contact_social .contact_item a {
  font-size: 18px;
  line-height: 28px;
  white-space: nowrap;
  max-width: 270px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.list_contact_social .contact_item p {
  display: flex;
  gap: 10px;
  font-size: 20px;
}

.list_contact_social .contact_item figure {
  min-height: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
}

.form_contact_pop h4 {
  color: #000;
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 33.6px */
  margin: 0px 0px 30px 0px;
  font-weight: 700;
}

.form_contact_pop .tg_textwidget label span {
  color: #000;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  border: 1px solid #bcb8b8;
  border-radius: 30px;
  padding: 10px 15px;
  display: inline-block;
  margin: 0px 0px 20px 0px;
  cursor: pointer;
}

.form_contact_pop .tg_checkbox_rdu label:hover span {
  border: 1px solid #ec2225;
  color: #ec2225;
}

.form_contact_pop .tg_textwidget label input:checked + span {
  border: 1px solid #ec2225;
  color: #ec2225;
}

.form_contact_pop .tg_checkbox_rdu {
  max-width: 900px;
  margin: 0px auto;
  text-align: center;
}

.form_contact_pop .tg_textwidget {
  margin: 0px 0px 60px 0px;
}

.form_contact_pop .tg_textwidget:nth-child(3) {
  margin: 0px;
}

.form_contact_pop .tg_form_ct {
  max-width: 900px;
  margin: 0px auto;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.form_contact_pop .tg_form_ct input,
.form_contact_pop .tg_form_ct textarea {
  border-radius: 8px;
  border: 1px solid #bcb8b8;
  background: none;
  color: #ffc191;
  padding: 15px 15px;
  width: 100%;
}

.form_contact_pop .tg_form_ct textarea {
  height: 110px;
  resize: none;
}

.form_contact_pop .tg_form_ct [class*="tg_flex"] {
  display: flex;
  gap: 10px;
}

.form_contact_pop .tg_form_ct [class*="tg_flex"] * {
  width: 100%;
}

.form_contact_pop .tg_form_ct .tg_flex_6 .tg_item {
  width: 50%;
}

.form_contact_pop .tg_form_ct input::placeholder,
.form_contact_pop .tg_form_ct textarea::placeholder {
  color: bcb8b8;
  text-align: left;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 22.4px */
}

.form_contact_pop .tg_form_ct input:focus,
.form_contact_pop .tg_form_ct textarea:focus {
  border: 1px solid #ffc191;
}

.form_contact_pop .tg_wrap_submit {
  max-width: 500px;
  display: table;
  margin: 30px auto 0px auto;
  width: 100%;
}

.form_contact_pop .tg_wrap_submit button {
  color: #fff;
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  border-radius: 8px;
  background: #ec2225;
  padding: 16px 20px;
  display: table;
  width: 100%;
  max-width: 344px;
  margin: 0px auto;
}

.form_contact_pop {
  background: #f8f8f8;
  padding: 50px;
  border-radius: 30px;
}

.page-template-page-template-lienhe #wrap .section[class*="design"].case3 .section-wrap .section-head + .section-body {
  margin-top: 3.4rem;
}

.contact_page .main-inner {
  padding-bottom: 0;
}

.contact_page .local.design1 {
  background: transparent;
}

.contact_page .local-body {
  padding-bottom: 0;
}

.contact_page .content-head {
  display: none;
}

.contact_page .content-body {
  margin-top: 0;
}

.contact_page .contact_hero {
  display: flex;
  align-items: center;
  padding: 72px 0 72px 0;
}

.contact_page .contact_hero .section-wrap {
  width: min(100%, 1240px);
}

.contact_page .contact_layout {
  display: grid;
  grid-template-columns: minmax(280px, 0.72fr) minmax(520px, 1fr);
  gap: 72px;
  align-items: center;
}

.contact_page .contact_title {
  margin: 0 0 16px;
  color: #1f1f1f;
  font-size: 42px;
  font-weight: 800;
  line-height: 1.18;
}

.contact_page .contact_summary {
  max-width: 520px;
  margin: 0 0 38px;
  color: #5f5f66;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.7;
}

.contact_page .contact_info_list {
  display: flex;
  flex-direction: column;
  gap: 28px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.contact_page .contact_info_item {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 18px;
  align-items: flex-start;
}

.contact_page .contact_icon {
  width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.72);
  color: #ec2326;
  box-shadow: 0 10px 24px rgba(105, 57, 30, 0.08);
}

.contact_page .contact_icon svg {
  width: 20px;
  height: 20px;
}

.contact_page .contact_icon path {
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.contact_page .contact_info_text {
  display: flex;
  flex-direction: column;
  gap: 7px;
  min-width: 0;
}

.contact_page .contact_info_text strong {
  color: #b9473f;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.2;
  text-transform: uppercase;
}

.contact_page .contact_info_text span,
.contact_page .contact_info_text a {
  color: #202024;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.55;
}

.contact_page .contact_info_text span {
  color: #5e5e66;
}

.contact_page .contact_info_text a:hover,
.contact_page .contact_info_text a:focus {
  color: #ec2326;
}

.contact_page .contact_form_card {
  width: 100%;
  padding: 40px;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 28px 60px rgba(39, 32, 28, 0.08);
}

.contact_page .contact_form_title {
  margin: 0 0 26px;
  color: #1f1f1f;
  font-size: 24px;
  font-weight: 800;
  line-height: 1.35;
}

.contact_page .form_contact_pop {
  background: transparent;
  padding: 0;
  border-radius: 0;
}

.contact_page .form_contact_pop .tg_textwidget {
  margin: 0;
}

.contact_page .form_contact_pop .tg_title_form,
.contact_page .form_contact_pop h4 {
  max-width: 620px;
  margin: 0 0 28px;
  color: #1f1f1f;
  font-size: 23px;
  font-weight: 800;
  line-height: 1.45;
  text-align: left;
}

.contact_page .form_contact_pop .tg_form_ct {
  max-width: none;
  margin: 0;
  display: grid;
  gap: 22px;
}

.contact_page .form_contact_pop .tg_form_ct [class*="tg_flex"] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}

.contact_page .form_contact_pop .tg_form_ct .tg_flex {
  grid-template-columns: 1fr;
}

.contact_page .form_contact_pop .tg_form_ct [class*="tg_flex"] *,
.contact_page .form_contact_pop .tg_form_ct .tg_flex_6 .tg_item {
  width: 100%;
}

.contact_page .form_contact_pop .tg_form_ct .tg_item {
  min-width: 0;
}

.contact_page .form_contact_pop .tg_form_ct label {
  display: block;
  margin: 0 0 10px;
  color: #242428;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.35;
}

.contact_page .form_contact_pop .tg_form_ct .wpcf7-form-control-wrap {
  display: block;
  width: 100%;
}

.contact_page .form_contact_pop .tg_form_ct input,
.contact_page .form_contact_pop .tg_form_ct textarea,
.contact_page .form_contact_pop .tg_form_ct select {
  width: 100%;
  border: 1px solid #dedede;
  border-radius: 8px;
  background-color: #fff;
  color: #202024;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.45;
  outline: none;
  transition:
    border-color 0.22s ease,
    box-shadow 0.22s ease,
    background-color 0.22s ease;
}

.contact_page .form_contact_pop .tg_form_ct input,
.contact_page .form_contact_pop .tg_form_ct select {
  height: 46px;
  padding: 0 16px;
}

.contact_page .form_contact_pop .tg_form_ct select {
  appearance: auto;
  cursor: pointer;
}

.contact_page .form_contact_pop .tg_form_ct textarea {
  min-height: 122px;
  padding: 14px 16px;
  resize: vertical;
  resize: none;
}

.contact_page .form_contact_pop .tg_form_ct input::placeholder,
.contact_page .form_contact_pop .tg_form_ct textarea::placeholder {
  color: #8a8a92;
  opacity: 1;
}

.contact_page .form_contact_pop .tg_form_ct input:focus,
.contact_page .form_contact_pop .tg_form_ct textarea:focus,
.contact_page .form_contact_pop .tg_form_ct select:focus {
  border-color: #ec2326;
  box-shadow: 0 0 0 3px rgba(236, 35, 38, 0.12);
}

.contact_page .form_contact_pop .tg_wrap_submit {
  display: block;
  max-width: none;
  width: 100%;
  margin: 26px 0 0;
}

.contact_page .form_contact_pop .tg_wrap_submit button,
.contact_page .form_contact_pop .tg_wrap_submit input[type="submit"] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: none;
  min-height: 44px;
  margin: 0;
  border: 0;
  border-radius: 999px;
  background: #ec2326;
  color: #fff;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.3;
  cursor: pointer;
  transition:
    background-color 0.22s ease,
    transform 0.22s ease,
    box-shadow 0.22s ease;
}

.contact_page .form_contact_pop .tg_wrap_submit button::after {
  content: " ↗";
  font-weight: 800;
}

.contact_page .form_contact_pop .tg_wrap_submit button:hover,
.contact_page .form_contact_pop .tg_wrap_submit button:focus,
.contact_page .form_contact_pop .tg_wrap_submit input[type="submit"]:hover,
.contact_page .form_contact_pop .tg_wrap_submit input[type="submit"]:focus {
  background: #c91b1f;
  box-shadow: 0 12px 26px rgba(236, 35, 38, 0.24);
  transform: translateY(-1px);
}

.contact_page .wpcf7 form {
  position: relative;
}

.contact_page .form_contact_group {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px 20px;
  margin: 0;
}

.contact_page .form_contact_group::before,
.contact_page .form_contact_group::after {
  display: none;
}

.contact_page .form_contact_group .list_group {
  width: auto;
  max-width: none;
  float: none;
  margin: 0;
  padding: 0;
  position: relative;
}

.contact_page .form_contact_group .list_group::before {
  display: block;
  margin-bottom: 10px;
  color: #242428;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.3;
}

.contact_page .form_contact_group .list_group:nth-child(1)::before {
  content: "Tên *";
}

.contact_page .form_contact_group .list_group:nth-child(2)::before {
  content: "Email *";
}

.contact_page .form_contact_group .list_group:nth-child(3)::before {
  content: "Điện thoại *";
}

.contact_page .form_contact_group .list_group:nth-child(4)::before {
  content: "Ngành nghề *";
}

.contact_page .form_contact_group .list_group:nth-child(5)::before {
  content: "Công ty";
}

.contact_page .form_contact_group .list_group:nth-child(6)::before {
  content: "Nội dung";
}

.contact_page .form_contact_group .col-sm-12,
.contact_page .form_contact_group .tg_has_area {
  grid-column: 1 / -1;
}

.contact_page .form_contact_group .wpcf7-form-control-wrap {
  display: block;
}

.contact_page .form_contact_group input,
.contact_page .form_contact_group textarea,
.contact_page .form_contact_group select {
  width: 100%;
  border: 1px solid #dedede;
  border-radius: 8px;
  background: #fff;
  color: #202024;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.45;
  outline: none;
  transition:
    border-color 0.22s ease,
    box-shadow 0.22s ease;
}

.contact_page .form_contact_group input,
.contact_page .form_contact_group select {
  height: 44px;
  padding: 0 16px;
}

.contact_page .form_contact_group textarea {
  min-height: 120px;
  padding: 14px 16px;
  resize: vertical;
}

.contact_page .form_contact_group input::placeholder,
.contact_page .form_contact_group textarea::placeholder {
  color: #8a8a92;
  opacity: 1;
}

.contact_page .form_contact_group input:focus,
.contact_page .form_contact_group textarea:focus,
.contact_page .form_contact_group select:focus {
  border-color: #ec2326;
  box-shadow: 0 0 0 3px rgba(236, 35, 38, 0.12);
}

.contact_page .form_contact_group cite {
  display: none;
}

.contact_page .form_contact_group button[type="submit"],
.contact_page .form_contact_group input[type="submit"] {
  grid-column: 1 / -1;
  width: 100%;
  min-height: 42px;
  margin: 0;
  border: 0;
  border-radius: 999px;
  background: #ec2326;
  color: #fff;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.3;
  text-align: center;
  cursor: pointer;
  transition:
    background-color 0.22s ease,
    transform 0.22s ease,
    box-shadow 0.22s ease;
}

.contact_page .form_contact_group button[type="submit"]::after {
  content: " ↗";
  font-weight: 800;
}

.contact_page .form_contact_group button[type="submit"]:hover,
.contact_page .form_contact_group button[type="submit"]:focus,
.contact_page .form_contact_group input[type="submit"]:hover,
.contact_page .form_contact_group input[type="submit"]:focus {
  background: #c91b1f;
  box-shadow: 0 12px 26px rgba(236, 35, 38, 0.24);
  transform: translateY(-1px);
}

.contact_page .wpcf7-not-valid-tip {
  position: static;
  display: block;
  margin-top: 6px;
  padding: 0;
  background: transparent;
  color: #b9473f !important;
  font-size: 12px !important;
  font-weight: 500;
  line-height: 1.4;
  text-align: left;
}

.contact_page .wpcf7-not-valid-tip::before {
  display: none;
}

.contact_page .wpcf7 form .wpcf7-response-output {
  grid-column: 1 / -1;
  margin: 16px 0 0 !important;
  border-radius: 8px;
  font-size: 13px;
  line-height: 1.45;
}

.contact_page .wpcf7-spinner {
  position: absolute !important;
  right: 0;
  bottom: -34px;
  margin: 0;
}

@media (max-width: 1199px) {
  .contact_page .contact_hero {
    padding: 56px 0 72px;
  }

  .contact_page .contact_layout {
    grid-template-columns: minmax(0, 1fr);
    gap: 42px;
  }

  .contact_page .contact_title,
  .contact_page .contact_summary {
    max-width: 760px;
  }

  .contact_page .contact_info_list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
  }
}

@media (max-width: 767px) {
  .contact_page .contact_hero {
    min-height: unset;
    padding: 36px 0 52px;
  }

  .contact_page .contact_title {
    font-size: 30px;
  }

  .contact_page .contact_summary {
    margin-bottom: 28px;
    font-size: 15px;
  }

  .contact_page .contact_info_list {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .contact_page .contact_info_item {
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 14px;
  }

  .contact_page .contact_info_text span,
  .contact_page .contact_info_text a {
    font-size: 15px;
  }

  .contact_page .contact_form_card {
    padding: 24px 18px;
    border-radius: 16px;
  }

  .contact_page .contact_form_title {
    margin-bottom: 22px;
    font-size: 22px;
  }

  .contact_page .form_contact_pop .tg_title_form,
  .contact_page .form_contact_pop h4 {
    margin-bottom: 22px;
    font-size: 20px;
  }

  .contact_page .form_contact_pop .tg_form_ct {
    gap: 18px;
  }

  .contact_page .form_contact_pop .tg_form_ct [class*="tg_flex"] {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .contact_page .form_contact_pop .tg_form_ct input,
  .contact_page .form_contact_pop .tg_form_ct select {
    height: 46px;
  }

  .contact_page .form_contact_pop .tg_wrap_submit button,
  .contact_page .form_contact_pop .tg_wrap_submit input[type="submit"] {
    min-height: 46px;
  }

  .contact_page .form_contact_group {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .contact_page .form_contact_group .list_group {
    grid-column: 1 / -1;
  }

  .contact_page .form_contact_group button[type="submit"],
  .contact_page .form_contact_group input[type="submit"] {
    min-height: 46px;
  }
}

.item-head .item-date a {
  display: flex;
  align-items: center;
  gap: 3px;
}

.single .detail-layout .section-head {
  margin: 0 0 40px 0;
}

#wrap .business .content-body .section.core .section-wrap.section-u-banner {
  padding: 8rem 0 0 0;
}

#wrap .business .content-body .section.core .section-wrap.section-u-banner img {
  margin: 0 0 30px 0;
}

#wrap .business .content-body .section.core .section-wrap.section-u-banner p {
  font-size: 18px;
  line-height: 30px;
  color: rgb(63, 63, 70);
}

.tg_content_slient_us_general {
  display: flex;
  align-items: center;
  gap: 13rem;
  align-items: flex-start;
}

.tg_content_slient_us_general_left {
  width: 35%;
}

.tg_main_title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.6rem;
}

.tg_main_title_left h2 {
  font-size: 4rem;
  line-height: 4.8rem;
  color: #1a1919;
  font-weight: 600;
  font-style: normal;
}

.tg_content_slient_us_general_right {
  width: 65%;
}

.tg_content_slient_us_general_right_bg {
  overflow: visible;
}

.tg_content_slient_us_general_right_bg > .swiper-wrapper {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-gap: 1.5rem;
}

.tg_content_slient_us_general_right_bg_detailds .tg_wrap_figure {
  width: 100%;
  height: 10rem;
  position: relative;
  transition: all 0.3s;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.tg_content_slient_us_general_right_bg_detailds .tg_wrap_figure img {
  mix-blend-mode: multiply;
  max-width: 80%;
  height: 100%;
  object-fit: contain;
}

.tg_container {
  padding: 0 2rem;
}

#wrap .business .content-body .section.core .section-wrap.section-wrap-pt8 {
  padding: 8rem 0 0 0;
}

.py-8 {
  padding: 8rem 0 !important;
}

.pt-b-8 {
  padding: 0 0 8rem 0;
}

.banner-section .banner.type1 .banner-head {
  max-width: 130px;
}

.tg_content_service_work-process {
  background: #eff4ff;
  padding: 8rem 0;
  min-height: 58rem;
  position: relative;
}
.tg_content_service_work-process_tit {
  font-size: 4rem;
  line-height: 4.8rem;
  color: #1a1919;
  font-weight: 600;
  font-style: normal;
  text-align: center;
}

.tg_content_service_work-process_step {
  margin: 3.2rem 0 0 0;
}

.tg_content_service_work-process.tg_process_business_app .tg_content_service_work-process_step_list_item {
  background: none;
  height: auto;
  width: 5.6rem;
  border-radius: 0;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
}

.tg_content_service_work-process.tg_process_business_app .tg_content_service_work-process_step_list_item cite {
  font-size: 2.2rem;
  line-height: 2.8rem;
  color: #aeaeae;
  font-weight: 300;
  font-style: normal;
  width: 5.6rem;
  height: 5.6rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0.2rem solid #d2dff0;
  background: #eff4ff;
}

.tg_content_service_work-process.tg_process_business_app .tg_content_service_work-process_detail .tg_content_service_work-process_detail_item {
  box-shadow: none;
  text-align: center;
  min-height: 26rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  height: auto;
  background-color: #fff;
  box-shadow: 0 10px 30px 0 rgba(31, 68, 122, 0.0588235294);
  padding: 3.2rem 2.2rem;
  border-radius: 1.6rem;
  text-align: center;
}

.tg_content_service_work-process_detail_item_img {
  text-align: center;
}

.tg_content_service_work-process_detail_item_txt {
  margin: 1.6rem 0 0 0;
  font-size: 2.2rem;
  line-height: 2.8rem;
  color: #1a1919;
  font-weight: 500;
  font-style: normal;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  margin: 1.6rem 0 0 0;
}

.tg_content_service_work-process.tg_process_business_app
  .tg_content_service_work-process_detail
  .tg_content_service_work-process_detail_item_catalog {
  font-size: 1.6rem;
  line-height: 150%;
  color: #1a1919;
  font-weight: 300;
  font-style: normal;
  margin: 2rem 0 0 0;
}

.tg_content_service_work-process_detail_item_catalog p {
  font-size: 1.6rem;
  line-height: 150%;
  color: #1a1919;
  font-weight: 400;
  font-style: normal;
}

.tg_content_industries_whychooseus_tit {
  font-size: 4rem;
  line-height: 4.8rem;
  color: #1a1919;
  font-weight: 600;
  font-style: normal;
}

.tg_content_industries_whychooseus_wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 4rem;
  margin: 4rem 0 0 0;
}

.tg_content_industries_whychooseus_wrap_right {
  width: 100%;
  max-width: 97.3rem;
  border-left: 0.1rem solid #7ebffd;
  padding: 0 0 0 8.5rem;
  display: flex;
  flex-direction: column;
  gap: 12rem;
}

.tg_content_industries_whychooseus_wrap_right_item {
  position: relative;
}

.tg_content_industries_whychooseus_wrap_right_item::before {
  content: "";
  position: absolute;
  left: -9.1rem;
  top: 3.5rem;
  display: block;
  width: 1.1rem;
  height: 1.1rem;
  background-color: #7ebffd;
  border-radius: 2rem;
}

.tg_content_industries_whychooseus_wrap_right_item_number {
  position: absolute;
  z-index: 2;
  top: -4rem;
  left: 0;
  font-size: 14rem;
  line-height: 11rem;
  color: #7ebffd;
  font-weight: 700;
  font-style: normal;
  opacity: 0.16;
}

.tg_content_industries_whychooseus_wrap_right_item_tit {
  margin: 2rem 0 0 0.5rem;
  font-size: 3.2rem;
  line-height: 4.1rem;
  color: #1a1919;
  font-weight: 500;
  font-style: normal;
  position: relative;
  z-index: 3;
}

.tg_content_industries_whychooseus_wrap_right_item_desc {
  margin: 1.6rem 0 0 0;
  font-size: 1.8rem;
  line-height: 140%;
  color: #1a1919;
  font-weight: 300;
  font-style: normal;
  position: relative;
  z-index: 3;
}

.tg_content_service_offerings_tit {
  font-size: 4rem;
  line-height: 4.8rem;
  color: #1a1919;
  font-weight: 700;
  font-style: normal;
}

.tg_content_service_offerings_wrap {
  margin: 2.4rem 0 0 0;
}

.tg_content_service_offerings_wrap_item {
  padding: 3rem 0 3rem 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 0.1rem solid #e4e4e4;
  flex-direction: column;
}

.tg_content_service_offerings_wrap_item_center_top_tit {
  display: flex;
  align-items: center;
  cursor: pointer;
  gap: 10rem;
  padding: 0 4rem 0 0;
  position: relative;
  width: 100%;
  font-size: 2.8rem;
  line-height: 3.5rem;
  color: #1a1919;
  font-weight: 500;
  font-style: normal;
}

.tg_content_service_offerings_wrap_item_center_top_tit::before {
  content: url(../../images/add_icon.svg);
  position: absolute;
  top: 5px;
  right: 0;
  cursor: pointer;
}

.tg_content_service_offerings_wrap_item.tg_current .tg_content_service_offerings_wrap_item_center_top_tit::before {
  content: url(../../images/icon_close_service_0510.svg);
}

.tg_content_service_offerings_wrap_item_left {
  width: 30%;
  max-width: 9rem;
  font-size: 8rem;
  line-height: 6.6rem;
  color: #8d8c8c;
  font-weight: 100;
  font-style: normal;
}

.tg_content_service_offerings_wrap_item_right {
  flex: 1 0;
}

.tg_content_service_offerings_wrap_item_right b {
  font-size: 2.6rem;
  line-height: 3.6rem;
  color: #1a1919;
  font-weight: 500;
  font-style: normal;
  display: block;
}

.tg_content_service_offerings_wrap_item_center_bottom_wrap_item p {
  font-size: 1.8rem;
  line-height: 2.6rem;
  color: #1a1919;
  font-weight: 300;
  font-style: normal;
}

.tg_content_service_offerings_wrap_item_center {
  width: 100%;
  padding: 0 0 0 19rem;
}

.tg_content_slient_us .swiper-control,
.tg_content_slient_us_general_right > .slider_partner_control {
  display: none;
  margin: 1.6rem 0 0 0;
}

.tg_content_slient_us_general_right > .slider_partner_control .sl_prev,
.tg_content_slient_us_general_right > .slider_partner_control .sl_next {
  width: 4rem;
  height: 4rem;
  border: 1px solid #d9d9d9;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.tg_content_slient_us_general_right > .slider_partner_control .swiper-button-disabled {
  opacity: 0.35;
  cursor: default;
}

@media (max-width: 1024px) {
  .section.story1 .data-item h3 {
    font-size: 36px;
    line-height: 46px;
    margin: 0 0 10px 0;
  }
  .section.story1 .data-item ul li::before {
    top: 10px;
  }
  .section.story1 .data-item p,
  .section.story1 .data-item ul li {
    font-size: 16px !important;
    line-height: 26px;
  }
  .tg_content_slient_us_general {
    flex-direction: column;
    gap: 3rem;
  }
  .section.story1 .data-item ul li {
    padding: 0 0 0 14px;
  }
  .tg_content_slient_us_general_left,
  .tg_content_slient_us_general_right {
    width: 100%;
  }

  .tg_content_slient_us_general_right_bg.slider_partner {
    overflow: hidden;
  }

  .tg_content_slient_us_general_right_bg.slider_partner > .swiper-wrapper {
    display: flex;
    grid-gap: 0;
  }

  .tg_content_slient_us_general_right > .slider_partner_control {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 1.2rem;
  }

  .tg_content_slient_us_general_right > .slider_partner_control .pagination-swipe {
    width: auto;
    min-width: 4.8rem;
    text-align: center;
    font-size: 1.6rem;
    line-height: 4rem;
    color: #1a1919;
  }
}

.tg_content_service_work-process_step_list::after {
  content: "";
  position: absolute;
  top: 2.8rem;
  height: 0.2rem;
  background-color: #d2dff0;
  display: block;
  width: 80%;
  left: 10%;
}

.tg_content_service_work-process_detail {
  margin: 2.4rem 0 0 0;
  display: block !important;
  overflow: initial !important;
}

.tg_content_service_work-process.tg_process_business_app .tg_content_service_work-process_detail .swiper-wrapper {
  padding: 0 2rem 2rem 0;
}

.tg_process_business_app .control-workflow {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.2rem;
  margin: 2.4rem auto 0;
}

.tg_process_business_app .control-workflow .sl_prev,
.tg_process_business_app .control-workflow .sl_next {
  width: 4rem;
  height: 4rem;
  border: 1px solid #d9d9d9;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.tg_process_business_app .control-workflow .pagination-swipe {
  width: auto;
  min-width: 4.8rem;
  text-align: center;
  font-size: 1.6rem;
  line-height: 4rem;
  color: #1a1919;
}

.tg_process_business_app .control-workflow .swiper-button-disabled {
  opacity: 0.35;
  cursor: default;
}

.tg_content_service_work-process {
}

#wrap .business .content-body .section.core .tg_content_service_work-process .section-wrap.section-wrap-pt8 {
  max-width: 127.6rem;
  padding: 0 2rem;
  overflow: hidden;
}

.logoMarqueeSection {
  height: 180px;
}

#logoMarqueeSection {
  max-width: 1920px !important;
  margin: 0 auto;
}

.default-content-container {
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 5rem;
  padding-right: 5rem;
  padding-top: 4.5rem;
  padding-bottom: 4.5rem;
  width: 100%;
  min-height: 100vh;
}

.logoMarqueeSection > div > div {
  padding-top: 0;
  padding-bottom: 0;
  min-height: 0;
}

.marquee-wrapper {
  display: inline-block;
  white-space: nowrap;
}

.marquee {
  display: inline-block;
  white-space: nowrap;
  position: relative;
  transform: translate3d(0%, 0, 0);
  animation-name: marquee;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

.marquee a {
  display: inline-block;
  width: 227px;
  margin: 0 0.5em;
  padding: 0.5em 1.5em;
  height: 110px;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-radius: 16px;
  overflow: hidden;
  text-align: center;
}

@keyframes marquee {
  0% {
    transform: translate3d(0%, 0, 0);
  }

  100% {
    transform: translate3d(-100%, 0, 0);
  }
}

.marqueelogo {
  max-width: 170px;
  height: 100px;
  object-fit: contain;
}
.ninja_solution p {
  margin: 0 0 10px 0;
}

.tg_mb {
  display: none;
}

.tg_pc {
  display: block;
}

.btn-readmore-home {
  color: rgb(255, 255, 255) !important;
  background-color: rgb(39, 39, 42) !important;
  border-color: rgb(39, 39, 42) !important;
}

.btn-readmore-home:hover {
  background-color: rgb(82, 82, 91) !important;
  border-color: rgb(82, 82, 91) !important;
}

.br_pc {
  display: block;
}
.br_mb {
  display: none;
}

/*end rau*/
@media (min-width: 1024px) {
  .sk-main .section.intro .section-content.our-business .content-inner .section-head .section-name {
    font-weight: 700;
    font-size: 6.4rem;
    line-height: 140%;
  }
  .sk-main .section.intro .section-content.our-business .content-inner .section-head .section-name::after {
    position: absolute;
    top: -5.8rem;
    right: 9rem;
    width: 7.2rem;
    height: 7.2rem;
    background: url("../images/intro-hexa.gif") no-repeat center/cover;
    content: "";
    mix-blend-mode: lighten;
    opacity: 0;
    transition: opacity 1.8s cubic-bezier(0.5, 0, 0, 1);
  }
  .en .sk-main .section.intro .section-content.our-business .content-inner .section-head .section-name::after {
    right: 19.7rem;
  }
}
@media (max-width: 1023px) {
  .sk-main .section.intro .section-content.our-business .content-inner .section-head .section-name {
    font-weight: 800;
    font-size: 2.8rem;
  }
}
.sk-main .section.intro .section-content.our-business .content-inner .section-head ~ .section-body {
  padding-top: 4.8rem;
}
@media (max-width: 1023px) {
  .sk-main .section.intro .section-content.our-business .content-inner .section-head ~ .section-body {
    padding-top: 2.4rem;
  }
}
.sk-main .section.intro .section-content.our-business .content-inner .section-head ~ .section-util {
  padding-top: 4.8rem;
}
.sk-main .section.intro .section-content.our-business .content-inner .section-name,
.sk-main .section.intro .section-content.our-business .content-inner .section-body {
  opacity: 0;
  transform: scale(1.2);
  transition: 1s ease;
}
.sk-main .section.intro .section-content.our-business .content-inner .section-name .para,
.sk-main .section.intro .section-content.our-business .content-inner .section-body .para {
  color: rgb(212, 212, 216);
  font-weight: 700;
  font-size: 2.4rem;
}
@media (max-width: 1023px) {
  .sk-main .section.intro .section-content.our-business .content-inner .section-name .para,
  .sk-main .section.intro .section-content.our-business .content-inner .section-body .para {
    font-weight: 500;
    font-size: 1.6rem;
  }
}
.sk-main .section.intro .section-content.our-business .content-inner .section-util {
  opacity: 0;
  transition: opacity 1.8s cubic-bezier(0.5, 0, 0, 1);
  pointer-events: none;
}
@media (max-width: 1023px) {
  .sk-main .section.intro .section-content.our-business .content-inner {
    width: 100%;
    padding-top: 0;
  }
}
.sk-main .section.intro .section-content.our-esg {
  position: relative;
  left: 50%;
  min-width: 192rem;
  transform: translateX(-50%);
  overflow: hidden;
  z-index: 2;
  opacity: 0;
  transition: opacity 1.7s cubic-bezier(0.5, 0, 0, 1);
}
.sk-main .section.intro .section-content.our-esg .content-background [class*="figure-bundle"] [class*="figure"] {
  position: absolute;
  transform: scale(0.3);
  opacity: 1;
  transition: 1.7s cubic-bezier(0.5, 0, 0, 1);
}
.sk-main .section.intro .section-content.our-esg .content-background [class*="figure-bundle"]::before {
  transform: translateY(50%) scale(0.6);
  transition: 1.7s cubic-bezier(0.5, 0, 0, 1);
}
.sk-main .section.intro .section-content.our-esg .content-background .figure-bundle1 .figure1 {
  bottom: 8.1%;
  left: 3%;
  width: 24rem;
  height: 24rem;
  background: url("../images/figure1.png") no-repeat;
  background-size: cover;
  transform-origin: bottom;
}
@media (max-width: 1023px) {
  .sk-main .section.intro .section-content.our-esg .content-background .figure-bundle1 .figure1 {
    bottom: 3.1%;
    left: 29%;
  }
}
.sk-main .section.intro .section-content.our-esg .content-background .figure-bundle1 .figure2 {
  bottom: 33.75%;
  left: 18.76%;
  width: 24rem;
  height: 24rem;
  background: url("../images/figure2.png") no-repeat center;
  z-index: 2;
  transform-origin: right center;
}
@media (max-width: 1023px) {
  .sk-main .section.intro .section-content.our-esg .content-background .figure-bundle1 .figure2 {
    bottom: 10.75%;
    left: 31.76%;
  }
}
.sk-main .section.intro .section-content.our-esg .content-background .figure-bundle1 .figure3 {
  bottom: 12.49%;
  left: 31.21%;
  width: 18rem;
  height: 18rem;
  background: url("../images/figure3.png") no-repeat center;
  transform-origin: right bottom;
}
@media (max-width: 1023px) {
  .sk-main .section.intro .section-content.our-esg .content-background .figure-bundle1 .figure3 {
    bottom: 5.49%;
    left: 38.51%;
  }
}
.sk-main .section.intro .section-content.our-esg .content-background .figure-bundle1::before {
  position: absolute;
  bottom: 6.67%;
  left: 12.24%;
  width: 35.8rem;
  height: 42.9rem;
  background: url("../images/bg-intro4.png") no-repeat center;
  content: "";
}
@media (max-width: 1023px) {
  .sk-main .section.intro .section-content.our-esg .content-background .figure-bundle1::before {
    bottom: -17.43%;
    left: 30.54%;
  }
}
.sk-main .section.intro .section-content.our-esg .content-background .figure-bundle2 .figure4 {
  right: 28.06%;
  bottom: 0%;
  width: 24rem;
  height: 24rem;
  background: url("../images/figure4.png") no-repeat center;
  transform-origin: left bottom;
}
@media (max-width: 1023px) {
  .sk-main .section.intro .section-content.our-esg .content-background .figure-bundle2 .figure4 {
    right: 35.06%;
  }
}
.sk-main .section.intro .section-content.our-esg .content-background .figure-bundle2 .figure5 {
  right: 22.38%;
  bottom: 35.08%;
  width: 18rem;
  height: 18rem;
  background: url("../images/figure5.png") no-repeat center;
  z-index: 2;
  transform-origin: left bottom;
}
@media (max-width: 1023px) {
  .sk-main .section.intro .section-content.our-esg .content-background .figure-bundle2 .figure5 {
    right: 34.58%;
    bottom: 23.08%;
  }
}
.sk-main .section.intro .section-content.our-esg .content-background .figure-bundle2 .figure6 {
  right: 3%;
  bottom: 6.58%;
  width: 24rem;
  height: 24rem;
  background: url("../images/figure6.png") no-repeat center;
  transform-origin: left bottom;
}
@media (max-width: 1023px) {
  .sk-main .section.intro .section-content.our-esg .content-background .figure-bundle2 .figure6 {
    right: 26%;
    bottom: 9.58%;
  }
}
.sk-main .section.intro .section-content.our-esg .content-background .figure-bundle2::before {
  position: absolute;
  right: 11.46%;
  bottom: -5.22%;
  width: 41.3rem;
  height: 32.8rem;
  background: url("../images/bg-intro5.png") no-repeat center;
  content: "";
}
@media (max-width: 1023px) {
  .sk-main .section.intro .section-content.our-esg .content-background .figure-bundle2::before {
    right: 25.46%;
    bottom: -8.22%;
  }
}
.sk-main .section.intro .section-content.our-esg .content-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  transform: translate(-50%, -40%) scale(1.3);
  transform-origin: bottom;
  transition: 1.7s cubic-bezier(0.5, 0, 0, 1);
  opacity: 1;
  z-index: 1;
}
.sk-main .section.intro .section-content.our-esg .content-inner .section-head {
  transition: transform 1.7s cubic-bezier(0.5, 0, 0, 1);
}
.sk-main .section.intro .section-content.our-esg .content-inner .section-head .section-name {
  color: rgb(255, 255, 255);
  line-height: 130%;
  transform: scale(1.5);
  transition: transform 1.7s cubic-bezier(0.5, 0, 0, 1);
  font-weight: 700;
  font-size: 6.4rem;
}
@media (max-width: 1023px) {
  .sk-main .section.intro .section-content.our-esg .content-inner .section-head .section-name {
    font-weight: 700;
    font-size: 2.4rem;
  }
}
.sk-main .section.intro .section-content.our-esg .content-inner .section-head ~ .section-body {
  padding-top: 4.8rem;
}
@media (max-width: 1023px) {
  .sk-main .section.intro .section-content.our-esg .content-inner .section-head ~ .section-body {
    padding-top: 1.6rem;
  }
}
.sk-main .section.intro .section-content.our-esg .content-inner .section-head ~ .section-util {
  padding-top: 4.8rem;
}
.sk-main .section.intro .section-content.our-esg .content-inner .section-body {
  max-width: 59.4rem;
  transition: transform 1.7s cubic-bezier(0.5, 0, 0, 1);
}
.sk-main .section.intro .section-content.our-esg .content-inner .section-body .para {
  color: rgb(212, 212, 216);
  font-weight: 400;
  font-size: 2.4rem;
}
@media (max-width: 1023px) {
  .sk-main .section.intro .section-content.our-esg .content-inner .section-body .para {
    font-weight: 500;
    font-size: 1.6rem;
  }
}
@media (max-width: 1023px) {
  .sk-main .section.intro .section-content.our-esg .content-inner .section-body {
    max-width: 25rem;
  }
  .en .sk-main .section.intro .section-content.our-esg .content-inner .section-body {
    max-width: 30rem;
  }
}
@media (max-width: 1023px) {
  .sk-main .section.intro .section-content.our-esg .content-inner {
    transform: translate(-50%, -40%) scale(0.9);
  }
}
.sk-main .section.intro .section-content.our-esg::after {
  position: absolute;
  bottom: -4rem;
  left: 50%;
  width: 105.1%;
  height: 77.7rem;
  content: "";
  mask-image: radial-gradient(52.37% 120.37% at 50.01% 46.21%, transparent 0%, rgba(255, 255, 255, 0) 57.3%, rgba(255, 255, 255, 0.93) 85.21%);
  background-color: #050505;
  transform: translateX(-50%);
  pointer-events: none;
}
@media (max-width: 1023px) {
  .sk-main .section.intro .section-content.our-esg {
    left: 50%;
    width: 130rem;
    transform: translateX(-50%);
  }
}
.sk-main .section.intro::before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  background: url("../images/bg-intro1.png") no-repeat center;
  content: "";
  background-size: contain;
  opacity: 0;
  transform: translate(-50%, -45.1%);
  pointer-events: none;
  transition: 1s ease;
  z-index: 1;
}
.sk-main .section.intro::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  background: url("../images/bg-intro2.png") no-repeat center;
  content: "";
  background-size: contain;
  opacity: 0;
  transform: translate(-50%, -54.7%) scale(0.6);
  pointer-events: none;
  transition: 1.7s cubic-bezier(0.5, 0, 0, 1);
  z-index: 1;
}
@media (max-width: 1023px) {
  .sk-main .section.intro::after {
    transform: translate(-50%, -55%) scale(2.05);
  }
}
.sk-main .section.intro.active1 .section-content.our-business .content-inner .section-name,
.sk-main .section.intro.active1 .section-content.our-business .content-inner .section-body {
  opacity: 1;
  transform: none;
}
.sk-main .section.intro.active1::before {
  opacity: 1;
  transform: translate(-50%, -53.1%);
}
@media (max-width: 1023px) {
  .sk-main .section.intro.active1::before {
    transform: translate(-50%, -53.1%) scale(3.6);
  }
}
.sk-main .section.intro.active2 .intro-video {
  transform: scale(1);
  opacity: 1;
}
.sk-main .section.intro.active2 .section-content.our-business .content-inner {
  transform: translate(-50%, -60%);
  padding-top: 0;
}
.sk-main .section.intro.active2 .section-content.our-business .content-inner .section-head .section-name::after {
  opacity: 1;
}
.sk-main .section.intro.active2 .section-content.our-business .content-inner .section-util {
  opacity: 1;
  pointer-events: auto;
}
.sk-main .section.intro.active2::before {
  opacity: 0;
  transform: translate(-50%, -51.4%) scale(1.3);
  transition:
    opacity 1.6s cubic-bezier(0.5, 0, 0, 1),
    transform 1.7s cubic-bezier(0.5, 0, 0, 1);
}
@media (max-width: 1023px) {
  .sk-main .section.intro.active2::before {
    transform: translate(-50%, -52.1%) scale(3.6);
  }
}
.sk-main .section.intro.active2::after {
  background: url("../images/bg-intro2.png") no-repeat center;
  background-size: contain;
  opacity: 1;
  transform: translate(-50%, -53.8%) scale(0.75);
  transition: 2s cubic-bezier(0.5, 0, 0, 1);
}
@media (max-width: 1023px) {
  .sk-main .section.intro.active2::after {
    transform: translate(-50%, -53.8%) scale(2.05);
  }
}
.sk-main .section.intro.active3 .intro-video {
  transform: scale(1.5);
  opacity: 0;
}
.sk-main .section.intro.active3 .section-content.our-business .content-inner {
  opacity: 0;
}
.sk-main .section.intro.active3 .section-content.our-business .content-inner .section-util {
  pointer-events: none;
}
.sk-main .section.intro.active3 .section-content.our-esg {
  position: relative;
  opacity: 1;
}
.sk-main .section.intro.active3 .section-content.our-esg .content-background [class*="figure-bundle"] [class*="figure"] {
  transform: scale(1);
}
@media (max-width: 1023px) {
  .sk-main .section.intro.active3 .section-content.our-esg .content-background [class*="figure-bundle"] [class*="figure"] {
    transform: scale(0.45);
  }
}
.sk-main .section.intro.active3 .section-content.our-esg .content-background [class*="figure-bundle"]::before {
  transform: translateY(0) scale(0.6);
}
.sk-main .section.intro.active3 .section-content.our-esg .content-inner {
  transform: translate(-50%, -40%);
}
.sk-main .section.intro.active3 .section-content.our-esg .content-inner .section-head .section-name {
  transform: scale(1);
}
.sk-main .section.intro.active3::before {
  opacity: 0;
  transition: 2s ease;
}
.sk-main .section.intro.active3::after {
  background: url("../images/bg-intro3.png") no-repeat center;
  background-size: contain;
  transform: translate(-50%, -40%) scale(1);
  transition: 1.7s cubic-bezier(0.5, 0, 0, 1);
}
@media (max-width: 1023px) {
  .sk-main .section.intro.active3::after {
    transform: translate(-50%, -40%) scale(2);
  }
}
.sk-main .section.intro.active4 .section-content.our-esg .content-background .figure-bundle1 [class*="figure"] {
  opacity: 0;
  transform: translateX(-80%) scale(0.7);
}
.sk-main .section.intro.active4 .section-content.our-esg .content-background .figure-bundle1:before {
  transform: translateX(-60%);
  opacity: 0;
}
.sk-main .section.intro.active4 .section-content.our-esg .content-background .figure-bundle2 [class*="figure"] {
  opacity: 0;
  transform: translateX(80%) scale(0.7);
}
.sk-main .section.intro.active4 .section-content.our-esg .content-background .figure-bundle2:before {
  transform: translateX(60%);
  opacity: 0;
}
.sk-main .section.intro.active4 .section-content.our-esg .content-inner {
  opacity: 0;
}
.sk-main .section.intro.active4 .section-content.our-esg .content-inner .section-head,
.sk-main .section.intro.active4 .section-content.our-esg .content-inner .section-body {
  transform: translateY(-100%);
}
.sk-main .section.intro.active4 .section-content.our-esg .content-inner .section-util {
  pointer-events: none;
}
.sk-main .section.intro.active4::after {
  opacity: 0;
}
.sk-main .section.company {
  background-color: #050505;
  overflow: hidden;
}
.sk-main .section.company .section-wrap .section-content.subsidiary {
  position: relative;
  min-height: 46rem;
  margin-bottom: 7rem;
  z-index: 1;
}
.sk-main .section.company .section-wrap .section-content.subsidiary .content-background {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100vh;
  background: #050505;
  z-index: -1;
}
.sk-main .section.company .section-wrap .section-content.subsidiary .content-background > video {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  transform: translateY(14.8rem);
  opacity: 0;
  transition:
    transform 1.7s 1.5s cubic-bezier(0.5, 0, 0, 1),
    opacity 1.7s cubic-bezier(0.5, 0, 0, 1);
  object-fit: cover;
  object-position: top;
}
@media (max-width: 1023px) {
  .sk-main .section.company .section-wrap .section-content.subsidiary .content-background > video {
    transform: translateY(3.8rem);
  }
}
.sk-main .section.company .section-wrap .section-content.subsidiary .content-inner {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.sk-main .section.company .section-wrap .section-content.subsidiary .content-inner .section-head {
  transform: translateY(30rem);
  transition: transform 1.7s cubic-bezier(0.5, 0, 0, 1);
}
.sk-main .section.company .section-wrap .section-content.subsidiary .content-inner .section-head [class*="split-wrap"] {
  text-align: center;
  overflow: hidden;
}
.sk-main .section.company .section-wrap .section-content.subsidiary .content-inner .section-head [class*="split-wrap"] .split {
  display: inline-block;
  color: rgb(255, 255, 255);
  transform: translateY(100%);
  font-weight: 700;
  font-size: 4.8rem;
}
@media (max-width: 1023px) {
  .sk-main .section.company .section-wrap .section-content.subsidiary .content-inner .section-head [class*="split-wrap"] .split {
    font-weight: 700;
    font-size: 2.4rem;
  }
}
.sk-main .section.company .section-wrap .section-content.subsidiary .content-inner .section-head .split-wrap1 .split {
  transition: transform 1.7s cubic-bezier(0.5, 0, 0, 1);
}
.sk-main .section.company .section-wrap .section-content.subsidiary .content-inner .section-head .split-wrap2 .split {
  transition: transform 1.7s 0.2s cubic-bezier(0.5, 0, 0, 1);
}
.sk-main .section.company .section-wrap .section-content.subsidiary .content-inner .section-head .split-wrap3 .split {
  transition: transform 1.7s 0.4s cubic-bezier(0.5, 0, 0, 1);
}
@media (max-width: 1023px) {
  .sk-main .section.company .section-wrap .section-content.subsidiary .content-inner .section-head {
    transform: translateY(10rem);
  }
}
.sk-main .section.company .section-wrap .section-content.subsidiary .content-inner .section-body {
  height: 0;
  overflow: hidden;
  transition: 1.7s cubic-bezier(0.5, 0, 0, 1);
}
.sk-main .section.company .section-wrap .section-content.subsidiary .content-inner .section-body > video {
  width: 100%;
  height: 14.8rem;
  mix-blend-mode: plus-lighter;
}
@media (max-width: 1023px) {
  .sk-main .section.company .section-wrap .section-content.subsidiary .content-inner .section-body > video {
    width: auto;
    height: 8.4rem;
  }
}
@media (max-width: 1023px) {
  .sk-main .section.company .section-wrap .section-content.subsidiary {
    min-height: 28.6rem;
    margin-bottom: 0;
  }
}
.sk-main .section.company .section-wrap .section-content.network {
  position: relative;
  transform: translateY(30rem);
  transition: transform 1.7s cubic-bezier(0.5, 0, 0, 1);
  z-index: 1;
}
.sk-main .section.company .section-wrap .section-content.network .content-inner {
  background-color: #050505;
  padding-bottom: 8.7rem;
  border-radius: 0 0 6rem 6rem;
  box-shadow:
    0rem 4.7rem 2.8rem 0rem rgba(0, 0, 0, 0.05),
    0rem 2.1rem 2.1rem 0rem rgba(0, 0, 0, 0.09);
  transition: 1s cubic-bezier(0.5, 0, 0, 1);
}
@media (max-width: 1023px) {
  .sk-main .section.company .section-wrap .section-content.network .content-inner {
    padding: 0 1.8rem 8rem;
    border-radius: 0 0 1.6rem 1.6rem;
  }
}
.sk-main .section.company .section-wrap .section-content.network .content-inner .section-head,
.sk-main .section.company .section-wrap .section-content.network .content-inner .section-body {
  width: 100%;
  margin: 0 auto;
  max-width: 120rem;
  opacity: 0;
  transition: opacity 1.7s cubic-bezier(0.5, 0, 0, 1);
}
.sk-main .section.company .section-wrap .section-content.network .content-inner .section-head {
  text-align: center;
}
.sk-main .section.company .section-wrap .section-content.network .content-inner .section-head .section-subject {
  transform: scale(2);
  transition: transform 1.7s cubic-bezier(0.5, 0, 0, 1);
}
.sk-main .section.company .section-wrap .section-content.network .content-inner .section-head .section-subject .section-name {
  color: rgb(255, 255, 255);
  font-weight: 700;
  font-size: 6rem;
  line-height: 130%;
}
@media (max-width: 1023px) {
  .sk-main .section.company .section-wrap .section-content.network .content-inner .section-head .section-subject .section-name {
    font-weight: 700;
    font-size: 2.4rem;
  }
}
.sk-main .section.company .section-wrap .section-content.network .content-inner .section-head .section-subject + .section-summary {
  padding-top: 2.4rem;
}
@media (max-width: 1023px) {
  .sk-main .section.company .section-wrap .section-content.network .content-inner .section-head .section-subject + .section-summary {
    padding-top: 1.6rem;
  }
}
.sk-main .section.company .section-wrap .section-content.network .content-inner .section-head .section-summary {
  display: inline-block;
  color: rgb(212, 212, 216);
  max-width: 55rem;
  transform: translateY(5rem);
  transition: transform 1.7s cubic-bezier(0.5, 0, 0, 1);
  word-break: keep-all;
  font-weight: 500;
  font-size: 2.4rem;
}
.en .sk-main .section.company .section-wrap .section-content.network .content-inner .section-head .section-summary {
  max-width: 80rem;
}

@media (max-width: 1023px) {
  .sk-main .section.company .section-wrap .section-content.network .content-inner .section-head .section-summary {
    max-width: 34rem;
    font-weight: 500;
    font-size: 1.6rem;
  }
  .en .sk-main .section.company .section-wrap .section-content.network .content-inner .section-head .section-summary {
    max-width: 49rem;
  }
}
.sk-main .section.company .section-wrap .section-content.network .content-inner .section-head + .section-body {
  padding-top: 6.4rem;
}
@media (max-width: 1023px) {
  .sk-main .section.company .section-wrap .section-content.network .content-inner .section-head + .section-body {
    padding-top: 4.8rem;
  }
}
.sk-main .section.company .section-wrap .section-content.network .content-inner .section-body .board-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 4.8rem;
}
@media (max-width: 1023px) {
  .sk-main .section.company .section-wrap .section-content.network .content-inner .section-body .board-list {
    gap: 0.8rem;
    transform: translateY(8rem);
    transition: transform 1.7s cubic-bezier(0.5, 0, 0, 1);
  }
}
.sk-main .section.company .section-wrap .section-content.network .content-inner .section-body .board-list .item {
  position: relative;
  width: 36.8rem;
  height: 28.4rem;
  background: linear-gradient(146deg, rgba(255, 255, 255, 0.16) 0%, transparent 60%, transparent 100%);
  text-align: center;
  padding-top: 13.7rem;
  border-radius: 2.4rem;
  transition: transform 1.7s cubic-bezier(0.5, 0, 0, 1);
  z-index: 12;
}
.sk-main .section.company .section-wrap .section-content.network .content-inner .section-body .board-list .item .board-head .board-name {
  color: rgb(255, 255, 255);
  font-weight: 700;
  font-size: 2.4rem;
}
@media (max-width: 1023px) {
  .sk-main .section.company .section-wrap .section-content.network .content-inner .section-body .board-list .item .board-head .board-name {
    font-weight: 700;
    font-size: 1.6rem;
  }
}
.sk-main .section.company .section-wrap .section-content.network .content-inner .section-body .board-list .item .board-head + .board-body {
  padding-top: 0.8rem;
}
.sk-main .section.company .section-wrap .section-content.network .content-inner .section-body .board-list .item .board-head::before {
  position: absolute;
  top: 4.8rem;
  left: 50%;
  width: 6.4rem;
  height: 6.4rem;
  content: "";
  background-color: #0f0f0f;
  background-repeat: no-repeat;
  background-size: 100%;
  border-radius: 1.6rem;
  overflow: hidden;
  transform: translateX(-50%);
  background-position: center;
}
@media (max-width: 1023px) {
  .sk-main .section.company .section-wrap .section-content.network .content-inner .section-body .board-list .item .board-head::before {
    top: 1.6rem;
    left: 1.6rem;
    width: 4.8rem;
    height: 4.8rem;
    transform: translateX(0);
    border-radius: 0.8rem;
  }
}
.sk-main .section.company .section-wrap .section-content.network .content-inner .section-body .board-list .item .board-body {
  padding: 0 1.6rem;
}
@media (max-width: 1023px) {
  .sk-main .section.company .section-wrap .section-content.network .content-inner .section-body .board-list .item .board-body {
    padding: 0 0rem;
  }
}
.sk-main .section.company .section-wrap .section-content.network .content-inner .section-body .board-list .item .board-body .para {
  color: rgb(161, 161, 170);
  font-weight: 500;
  font-size: 1.6rem;
}
@media (max-width: 1023px) {
  .sk-main .section.company .section-wrap .section-content.network .content-inner .section-body .board-list .item .board-body .para {
    font-weight: 500;
    font-size: 1.4rem;
  }
}
.sk-main
  .section.company
  .section-wrap
  .section-content.network
  .content-inner
  .section-body
  .board-list
  .item.global-investment
  .board-head::before {
  background-image: url("../fonts/figure-main-network1.svg");
}
@media (min-width: 1024px) {
  .sk-main .section.company .section-wrap .section-content.network .content-inner .section-body .board-list .item.global-investment {
    transform: translateX(-20rem);
  }
}
.sk-main .section.company .section-wrap .section-content.network .content-inner .section-body .board-list .item.infocom .board-head::before {
  background-image: url("../fonts/figure-main-network2.svg");
}
@media (min-width: 1024px) {
  .sk-main .section.company .section-wrap .section-content.network .content-inner .section-body .board-list .item.infocom {
    transform: scale(1.3);
    transform-origin: bottom center;
  }
}
.sk-main .section.company .section-wrap .section-content.network .content-inner .section-body .board-list .item.mobility .board-head::before {
  background-image: url("../fonts/figure-main-network3.svg");
}
@media (min-width: 1024px) {
  .sk-main .section.company .section-wrap .section-content.network .content-inner .section-body .board-list .item.mobility {
    transform: translateY(20rem) scale(1.3);
    transform-origin: bottom top;
  }
}
.sk-main .section.company .section-wrap .section-content.network .content-inner .section-body .board-list .item.global-trading .board-head::before {
  background-image: url("../fonts/figure-main-network4.svg");
}
@media (min-width: 1024px) {
  .sk-main .section.company .section-wrap .section-content.network .content-inner .section-body .board-list .item.global-trading {
    transform: translate(25rem, 20rem);
  }
}
.sk-main .section.company .section-wrap .section-content.network .content-inner .section-body .board-list .item.ai .board-head::before {
  background-image: url("../fonts/figure-main-ai.svg");
}
@media (min-width: 1024px) {
  .sk-main .section.company .section-wrap .section-content.network .content-inner .section-body .board-list .item.ai {
    transform: translate(25rem, 20rem);
  }
}
.sk-main .section.company .section-wrap .section-content.network .content-inner .section-body .board-list .item.hotel .board-head::before {
  background-image: url("../fonts/figure-main-network5.svg");
}
@media (min-width: 1024px) {
  .sk-main .section.company .section-wrap .section-content.network .content-inner .section-body .board-list .item.hotel {
    transform: translateX(20rem);
  }
}
.sk-main .section.company .section-wrap .section-content.network .content-inner .section-body .board-list .item.rental .board-head::before {
  background-image: url("../fonts/figure-main-network6.svg");
}
@media (min-width: 1024px) {
  .sk-main .section.company .section-wrap .section-content.network .content-inner .section-body .board-list .item.rental {
    transform: translate(-25rem, 20rem);
  }
}
.sk-main .section.company .section-wrap .section-content.network .content-inner .section-body .board-list .item::before {
  display: block;
  position: absolute;
  top: 0.1rem;
  right: 0.1rem;
  bottom: 0.1rem;
  left: 0.1rem;
  content: "";
  border-radius: 2.4rem;
  background-color: #0f0f0f;
  z-index: -1;
}
@media (max-width: 1023px) {
  .sk-main .section.company .section-wrap .section-content.network .content-inner .section-body .board-list .item::before {
    border-radius: 1.6rem;
  }
}
@media (max-width: 1023px) {
  .sk-main .section.company .section-wrap .section-content.network .content-inner .section-body .board-list .item {
    width: 100%;
    height: auto;
    padding: 1.6rem 1.2rem 1.6rem 8.4rem;
    text-align: left;
    border-radius: 1.6rem;
  }
}
.sk-main .section.company .section-wrap .section-content.network .content-inner::before {
  position: absolute;
  top: 22.8rem;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  background-color: #050505;
  z-index: -1;
}
.sk-main .section.company .section-wrap .section-content.network::before {
  display: block;
  width: 100%;
  height: 22rem;
  background: url("../images/bg-network1-pc.png") no-repeat center;
  content: "";
  background-size: cover;
  background-position: top;
  clip-path: polygon(0 0, 100% 0, 100% 101%, 0 101%);
  transition: 1s cubic-bezier(0.5, 0, 0, 1);
}
@media (max-width: 1023px) {
  .sk-main .section.company .section-wrap .section-content.network::before {
    height: 12rem;
    background: url("../images/bg-network1-mo.png") no-repeat top;
  }
}
@media (max-width: 1023px) {
  .sk-main .section.company .section-wrap .section-content.network {
    padding-top: 3.2rem;
    transform: translateY(5rem);
  }
}
.sk-main .section.company.active1 .section-wrap .section-content.subsidiary .content-background > video {
  transform: translateY(0);
  opacity: 1;
}
.sk-main .section.company.active1 .section-wrap .section-content.subsidiary .content-inner .section-head {
  transform: translateY(0);
}
.sk-main .section.company.active1 .section-wrap .section-content.subsidiary .content-inner .section-head [class*="split-wrap"] .split {
  transform: translate(0);
}
.sk-main .section.company.active1 .section-wrap .section-content.subsidiary .content-inner .section-head + .section-body {
  margin-top: 8rem;
}
@media (max-width: 1023px) {
  .sk-main .section.company.active1 .section-wrap .section-content.subsidiary .content-inner .section-head + .section-body {
    margin-top: 3.1rem;
  }
}
.sk-main .section.company.active1 .section-wrap .section-content.subsidiary .content-inner .section-body {
  height: 14.8rem;
  transition: 1.7s 0.1s cubic-bezier(0.5, 0, 0, 1);
}
@media (max-width: 1023px) {
  .sk-main .section.company.active1 .section-wrap .section-content.subsidiary .content-inner .section-body {
    height: 8.4rem;
  }
}
.sk-main .section.company.active1 .section-wrap .section-content.network {
  transform: translateY(0);
}
.sk-main .section.company.active2 .section-wrap .section-content.network .content-inner .section-head,
.sk-main .section.company.active2 .section-wrap .section-content.network .content-inner .section-body {
  opacity: 1;
}
.sk-main .section.company.active2 .section-wrap .section-content.network .content-inner .section-head .section-subject {
  transform: scale(1);
}
.sk-main .section.company.active2 .section-wrap .section-content.network .content-inner .section-head .section-summary {
  transform: translateY(0);
}
.sk-main .section.company.active2 .section-wrap .section-content.network .content-inner .section-body .board-list {
  transform: translateY(0);
}
.sk-main .section.company.active2 .section-wrap .section-content.network .content-inner .section-body .board-list .item {
  transform: translateX(0) scale(1);
}
.sk-main .section.media {
  padding-bottom: 2rem;
  background-color: #050505;
}
.sk-main .section.media .press-media {
  position: sticky;
  padding: 11.3rem 2.4rem 0;
  margin-bottom: 10rem;
}
.sk-main .section.media .press-media .content-inner {
  width: 100%;
  padding: 14rem 0 7rem 1.8rem;
  margin: 0 auto;
  margin-bottom: 7rem;
  border-radius: 4.8rem;
  background-color: rgb(21, 21, 26);
  clip-path: inset(0% 15% 0% 15% round 4.8rem);
  transition: 1.7s cubic-bezier(0.5, 0, 0, 1);
  z-index: 1;
}
.sk-main .section.media .press-media .content-inner .section-head {
  width: 100%;
  margin: 0 auto;
  max-width: 120rem;
}
.sk-main .section.media .press-media .content-inner .section-head .section-subject .section-name {
  color: rgb(255, 255, 255);
  font-weight: 700;
  font-size: 4.8rem;
}
@media (max-width: 1023px) {
  .sk-main .section.media .press-media .content-inner .section-head .section-subject .section-name {
    font-weight: 700;
    font-size: 2.4rem;
  }
}
.sk-main .section.media .press-media .content-inner .section-head .section-subject + .section-summary {
  padding-top: 1.2rem;
}
.sk-main .section.media .press-media .content-inner .section-head .section-summary {
  color: rgb(255, 255, 255);
  font-weight: 600;
  font-size: 2rem;
}
@media (max-width: 1023px) {
  .sk-main .section.media .press-media .content-inner .section-head .section-summary {
    font-weight: 500;
    font-size: 1.6rem;
  }
}
.sk-main .section.media .press-media .content-inner .section-head ~ .section-body {
  padding-top: 5.6rem;
}
@media (max-width: 1023px) {
  .sk-main .section.media .press-media .content-inner .section-head ~ .section-body {
    padding-top: 4.8rem;
  }
}
.sk-main .section.media .press-media .content-inner .section-head ~ .section-util {
  padding-top: 8rem;
}
@media (max-width: 1023px) {
  .sk-main .section.media .press-media .content-inner .section-head ~ .section-util {
    padding-top: 4.8rem;
  }
}
.sk-main .section.media .press-media .content-inner .section-body {
  overflow: hidden;
}
.sk-main .section.media .press-media .content-inner .section-body .swiper {
  overflow: visible;
}
@media (max-width: 1023px) {
  .sk-main .section.media .press-media .content-inner .section-body .swiper .swiper-wrapper {
    flex-direction: column;
    max-height: 48.2rem;
    overflow: hidden;
  }
}
.sk-main .section.media .press-media .content-inner .section-body .swiper .swiper-wrapper .swiper-slide {
  width: 38.7rem;
  transform: translateX(15rem);
  transition: 1.7s 0.8s cubic-bezier(0.5, 0, 0, 1);
}
.sk-main .section.media .press-media .content-inner .section-body .swiper .swiper-wrapper .swiper-slide .link .swiper-head {
  position: relative;
}
.sk-main .section.media .press-media .content-inner .section-body .swiper .swiper-wrapper .swiper-slide .link .swiper-head .img-wrap {
  position: relative;
  height: 0;
  padding-bottom: 56.33%;
  border-radius: 2rem;
  overflow: hidden;
  z-index: 1;
}
.sk-main .section.media .press-media .content-inner .section-body .swiper .swiper-wrapper .swiper-slide .link .swiper-head .img-wrap img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  object-fit: cover;
  transition: transform 0.3s ease-out;
}
@media (max-width: 1023px) {
  .sk-main .section.media .press-media .content-inner .section-body .swiper .swiper-wrapper .swiper-slide .link .swiper-head .img-wrap {
    border-radius: 1.2rem;
    padding-bottom: 68.24%;
  }
}
@media (min-width: 1024px) {
  .sk-main .section.media .press-media .content-inner .section-body .swiper .swiper-wrapper .swiper-slide .link .swiper-head::after {
    position: absolute;
    top: -0.1rem;
    right: -0.1rem;
    bottom: -0.1rem;
    left: -0.1rem;
    background: linear-gradient(252deg, rgba(244, 119, 37, 0.5) 0%, rgba(151, 53, 208, 0.5) 100%);
    content: "";
    filter: blur(2rem);
    background-position: center;
    transform: scale(0.9);
    opacity: 0;
    transition: 0.2s ease-out;
  }
}
@media (max-width: 1023px) {
  .sk-main .section.media .press-media .content-inner .section-body .swiper .swiper-wrapper .swiper-slide .link .swiper-head {
    width: 14.8rem;
    flex-shrink: 0;
  }
}
@media (min-width: 1024px) {
  .sk-main .section.media .press-media .content-inner .section-body .swiper .swiper-wrapper .swiper-slide .link .swiper-head + .swiper-body {
    padding-top: 2.4rem;
  }
}
.sk-main .section.media .press-media .content-inner .section-body .swiper .swiper-wrapper .swiper-slide .link .swiper-body {
  padding: 0 1.6rem;
}
@media (max-width: 1023px) {
  .sk-main .section.media .press-media .content-inner .section-body .swiper .swiper-wrapper .swiper-slide .link .swiper-body {
    padding-left: 2rem;
    padding-right: 0;
  }
}
.sk-main .section.media .press-media .content-inner .section-body .swiper .swiper-wrapper .swiper-slide .link .swiper-body .swiper-caption {
  display: inline-block;
  color: rgb(238 63 65 / 70%);
  font-weight: 700;
  font-size: 1.6rem;
}
@media (max-width: 1023px) {
  .sk-main .section.media .press-media .content-inner .section-body .swiper .swiper-wrapper .swiper-slide .link .swiper-body .swiper-caption {
    font-weight: 700;
    font-size: 1.4rem;
  }
}
.sk-main .section.media .press-media .content-inner .section-body .swiper .swiper-wrapper .swiper-slide .link .swiper-body .swiper-caption ~ .para {
  color: rgb(161, 161, 170);
  padding-top: 0.8rem;
}
@media (max-width: 1023px) {
  .sk-main .section.media .press-media .content-inner .section-body .swiper .swiper-wrapper .swiper-slide .link .swiper-body .swiper-caption ~ .para {
    color: rgb(212, 212, 216);
  }
}
.sk-main .section.media .press-media .content-inner .section-body .swiper .swiper-wrapper .swiper-slide .link .swiper-body .swiper-caption ~ .date {
  padding-top: 1.6rem;
}
@media (max-width: 1023px) {
  .sk-main .section.media .press-media .content-inner .section-body .swiper .swiper-wrapper .swiper-slide .link .swiper-body .swiper-caption ~ .date {
    padding-top: 0.8rem;
  }
}
.sk-main .section.media .press-media .content-inner .section-body .swiper .swiper-wrapper .swiper-slide .link .swiper-body .para {
  color: rgb(161, 161, 170);
  transition: color 0.2s ease-out;
  font-weight: 700;
  font-size: 1.8rem;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media (max-width: 1023px) {
  .sk-main .section.media .press-media .content-inner .section-body .swiper .swiper-wrapper .swiper-slide .link .swiper-body .para {
    font-weight: 700;
    font-size: 1.4rem;
  }
}
.sk-main .section.media .press-media .content-inner .section-body .swiper .swiper-wrapper .swiper-slide .link .swiper-body .date {
  display: inline-block;
  color: rgb(161, 161, 170);
  font-weight: 500;
  font-size: 1.4rem;
}
@media (max-width: 1023px) {
  .sk-main .section.media .press-media .content-inner .section-body .swiper .swiper-wrapper .swiper-slide .link .swiper-body .date {
    font-weight: 500;
    font-size: 1.2rem;
    color: rgb(113, 113, 122);
  }
}
@media (min-width: 1024px) {
  .sk-main .section.media .press-media .content-inner .section-body .swiper .swiper-wrapper .swiper-slide .link:hover .swiper-head .img-wrap img {
    transform: translate(-50%, -50%) scale(1.1);
  }
  .sk-main .section.media .press-media .content-inner .section-body .swiper .swiper-wrapper .swiper-slide .link:hover .swiper-head::after {
    transform: scale(1);
    opacity: 1;
  }
  .sk-main .section.media .press-media .content-inner .section-body .swiper .swiper-wrapper .swiper-slide .link:hover .swiper-body .para {
    color: rgb(255, 255, 255);
  }
}
@media (max-width: 1023px) {
  .sk-main .section.media .press-media .content-inner .section-body .swiper .swiper-wrapper .swiper-slide .link {
    display: flex;
    height: 100%;
  }
}
.sk-main .section.media .press-media .content-inner .section-body .swiper .swiper-wrapper .swiper-slide:nth-child(1) {
  transition: transform 1.7s 0s cubic-bezier(0.5, 0, 0, 1);
}
.sk-main .section.media .press-media .content-inner .section-body .swiper .swiper-wrapper .swiper-slide:nth-child(2) {
  transition: transform 1.6s 0.1s cubic-bezier(0.5, 0, 0, 1);
}
.sk-main .section.media .press-media .content-inner .section-body .swiper .swiper-wrapper .swiper-slide:nth-child(3) {
  transition: transform 1.5s 0.2s cubic-bezier(0.5, 0, 0, 1);
}
.sk-main .section.media .press-media .content-inner .section-body .swiper .swiper-wrapper .swiper-slide:nth-child(4) {
  transition: transform 1.4s 0.3s cubic-bezier(0.5, 0, 0, 1);
}
.sk-main .section.media .press-media .content-inner .section-body .swiper .swiper-wrapper .swiper-slide:nth-child(5) {
  transition: transform 1.3s 0.4s cubic-bezier(0.5, 0, 0, 1);
}
.sk-main .section.media .press-media .content-inner .section-body .swiper .swiper-wrapper .swiper-slide:nth-child(6) {
  transition: transform 1.2s 0.5s cubic-bezier(0.5, 0, 0, 1);
}
.sk-main .section.media .press-media .content-inner .section-body .swiper .swiper-wrapper .swiper-slide:nth-child(7) {
  transition: transform 1.1s 0.6s cubic-bezier(0.5, 0, 0, 1);
}
@media (min-width: 1024px) {
  .sk-main .section.media .press-media .content-inner .section-body .swiper .swiper-wrapper .swiper-slide + .swiper-slide {
    margin-left: 2rem;
  }
}
@media (max-width: 1023px) {
  .sk-main .section.media .press-media .content-inner .section-body .swiper .swiper-wrapper .swiper-slide {
    width: 100%;
    height: 10.1rem;
    transform: translateX(0);
  }
  .sk-main .section.media .press-media .content-inner .section-body .swiper .swiper-wrapper .swiper-slide + .swiper-slide {
    margin-top: 2.4rem;
  }
}
.sk-main .section.media .press-media .content-inner .section-body .swiper .swiper-scrollbar {
  bottom: 0;
  left: 0;
  width: 120rem;
  height: 0.3rem;
  padding: 0;
  margin-left: calc((100% - 120rem) / 2);
  background-color: rgb(39, 39, 42);
  transition: height 0.3s ease-out;
}
.sk-main .section.media .press-media .content-inner .section-body .swiper .swiper-scrollbar .swiper-scrollbar-drag {
  background-color: rgb(161, 161, 170);
  transition: transform 0.3s ease-out;
}
@media (max-width: 1023px) {
  .sk-main .section.media .press-media .content-inner .section-body .swiper .swiper-scrollbar {
    display: none;
  }
}
@media (min-width: 1024px) {
  .sk-main .section.media .press-media .content-inner .section-body .swiper {
    padding-left: calc((100% - 120rem) / 2);
    padding-bottom: 6rem;
  }
}
.sk-main .section.media .press-media .content-inner .section-util {
  text-align: center;
}
.en .sk-main .section.media .press-media .content-inner {
  margin-bottom: 0;
}

@media (max-width: 1023px) {
  .sk-main .section.media .press-media .content-inner {
    padding: 4.8rem 1.8rem;
    margin-bottom: 0;
    border-radius: 2.4rem;
    clip-path: unset;
  }
}
.en .sk-main .section.media .press-media {
  margin-bottom: 0;
}

@media (max-width: 1023px) {
  .sk-main .section.media .press-media {
    position: static;
    padding: 0;
    margin-bottom: 0;
  }
}
.sk-main .section.media .sns-media {
  position: relative;
  top: 0;
  padding: 11.3rem 2.4rem 0;
  z-index: 10;
  transition: 1.7s cubic-bezier(0.5, 0, 0, 1);
}
@media (max-width: 1023px) {
  .sk-main .section.media .sns-media {
    padding: 2.4rem 0 0;
  }
}
.sk-main .section.media .sns-media .content-inner {
  width: 100%;
  padding: 14rem 1.8rem 10rem;
  margin: 0 auto;
  background-color: rgb(21, 21, 26);
  border-radius: 4.8rem;
}
@media (max-width: 1023px) {
  .sk-main .section.media .sns-media .content-inner {
    padding: 4.8rem 0;
    border-radius: 2.4rem;
  }
}
.sk-main .section.media .sns-media .content-inner .section-head {
  padding: 0 1.8rem;
  margin: 0 auto;
  max-width: 120rem;
}
.sk-main .section.media .sns-media .content-inner .section-head .section-name {
  display: flex;
  color: rgb(255, 255, 255);
  align-items: center;
  font-weight: 700;
  font-size: 4.8rem;
}
@media (max-width: 1023px) {
  .sk-main .section.media .sns-media .content-inner .section-head .section-name {
    font-weight: 700;
    font-size: 2.4rem;
  }
}
.sk-main .section.media .sns-media .content-inner .section-head .section-name::before {
  display: inline-block;
  width: 9rem;
  height: 9rem;
  background: url("../fonts/figure-media-sns.svg") no-repeat center center;
  content: "";
}
@media (max-width: 1023px) {
  .sk-main .section.media .sns-media .content-inner .section-head .section-name::before {
    width: 5.2rem;
    height: 5.2rem;
    background-size: 100%;
  }
}
.sk-main .section.media .sns-media .content-inner .section-head ~ .section-body {
  padding-top: 5.6rem;
}
@media (max-width: 1023px) {
  .sk-main .section.media .sns-media .content-inner .section-head ~ .section-body {
    padding-top: 3.2rem;
  }
}
.sk-main .section.media .sns-media .content-inner .section-head ~ .section-util {
  padding-top: 8rem;
}
@media (max-width: 1023px) {
  .sk-main .section.media .sns-media .content-inner .section-head ~ .section-util {
    padding-top: 6.2rem;
  }
}
.sk-main .section.media .sns-media .content-inner .section-body {
  margin: 0 auto;
  max-width: 120rem;
}
.sk-main .section.media .sns-media .content-inner .section-body .sns-newest {
  width: 100%;
  padding: 0 1.8rem;
}
.sk-main .section.media .sns-media .content-inner .section-body .sns-newest .link {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}
@media (max-width: 1023px) {
  .sk-main .section.media .sns-media .content-inner .section-body .sns-newest .link {
    flex-direction: column;
  }
  .sk-main .section.media .sns-media .content-inner .section-body .sns-newest .link .post-head .img-wrap {
    border-radius: 1.6rem;
  }
  .sk-main .section.media .sns-media .content-inner .section-body .sns-newest .link .post-body {
    padding-top: 2.4rem;
  }
}
@media (min-width: 1024px) {
  .sk-main .section.media .sns-media .content-inner .section-body .sns-newest .post-head {
    width: 49.17%;
    margin-left: 3rem;
  }
}
.sk-main .section.media .sns-media .content-inner .section-body .sns-newest .post-head + .post-body {
  padding-top: 0;
}
@media (max-width: 1023px) {
  .sk-main .section.media .sns-media .content-inner .section-body .sns-newest .post-head + .post-body {
    padding-top: 2.4rem;
  }
}
.sk-main .section.media .sns-media .content-inner .section-body .sns-newest .post-body {
  max-width: 48.8rem;
}
.sk-main .section.media .sns-media .content-inner .section-body .sns-newest .post-body .post-cate {
  color: #c45fff;
  font-weight: 700;
  font-size: 1.8rem;
}
.sk-main .section.media .sns-media .content-inner .section-body .sns-newest .post-body .post-cate ~ .post-name {
  padding-top: 1.6rem;
}
@media (max-width: 1023px) {
  .sk-main .section.media .sns-media .content-inner .section-body .sns-newest .post-body .post-cate ~ .post-name {
    padding-top: 0.8rem;
  }
}
.sk-main .section.media .sns-media .content-inner .section-body .sns-newest .post-body .post-cate ~ .para {
  padding-top: 2.4rem;
}
@media (max-width: 1023px) {
  .sk-main .section.media .sns-media .content-inner .section-body .sns-newest .post-body .post-cate ~ .para {
    padding-top: 1.6rem;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
}
.sk-main .section.media .sns-media .content-inner .section-body .sns-newest .post-body .post-cate ~ .date {
  padding-top: 3.2rem;
}
@media (max-width: 1023px) {
  .sk-main .section.media .sns-media .content-inner .section-body .sns-newest .post-body .post-cate ~ .date {
    padding-top: 1.2rem;
  }
}
@media (max-width: 1023px) {
  .sk-main .section.media .sns-media .content-inner .section-body .sns-newest .post-body .post-cate {
    font-weight: 700;
    font-size: 1.4rem;
  }
}
.sk-main .section.media .sns-media .content-inner .section-body .sns-newest .post-body .post-name {
  color: rgb(255, 255, 255);
  font-weight: 700;
  font-size: 2.8rem;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
@media (max-width: 1023px) {
  .sk-main .section.media .sns-media .content-inner .section-body .sns-newest .post-body .post-name {
    font-weight: 700;
    font-size: 1.8rem;
    opacity: 0.9;
  }
}
.sk-main .section.media .sns-media .content-inner .section-body .sns-newest .post-body .para {
  color: rgb(161, 161, 170);
  transition: color 0.2s ease-out;
  font-weight: 500;
  font-size: 1.6rem;
}
@media (max-width: 1023px) {
  .sk-main .section.media .sns-media .content-inner .section-body .sns-newest .post-body .para {
    font-weight: 500;
    font-size: 1.4rem;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
}
.sk-main .section.media .sns-media .content-inner .section-body .sns-newest .post-body .date {
  color: rgb(161, 161, 170);
  font-weight: 500;
  font-size: 1.4rem;
}
@media (max-width: 1023px) {
  .sk-main .section.media .sns-media .content-inner .section-body .sns-newest .post-body .date {
    font-weight: 500;
    font-size: 1.2rem;
    color: rgb(113, 113, 122);
  }
}
.sk-main .section.media .sns-media .content-inner .section-body .sns-newest ~ .item {
  padding-top: 6rem;
}
@media (max-width: 1023px) {
  .sk-main .section.media .sns-media .content-inner .section-body .sns-newest ~ .item {
    padding-top: 1.2rem;
  }
}
.sk-main .section.media .sns-media .content-inner .section-body .sns-newest + .sns-swiper {
  padding-top: 8rem;
}
@media (max-width: 1023px) {
  .sk-main .section.media .sns-media .content-inner .section-body .sns-newest + .sns-swiper {
    padding: 4.8rem 1.8rem 1.4rem;
  }
}
.sk-main .section.media .sns-media .content-inner .section-body .sns-swiper {
  padding: 0 1.8rem;
  overflow: visible;
}
.sk-main .section.media .sns-media .content-inner .section-body .sns-swiper .post-list {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 1023px) {
  .sk-main .section.media .sns-media .content-inner .section-body .sns-swiper .post-list {
    min-width: 80.8rem;
    overflow: hidden;
  }
}
.sk-main .section.media .sns-media .content-inner .section-body .sns-swiper .post-list .item {
  width: calc((100% - 4rem) / 3);
  flex-shrink: 0;
}
.sk-main .section.media .sns-media .content-inner .section-body .sns-swiper .post-list .item + .item {
  margin-left: 2rem;
}
.sk-main .section.media .sns-media .content-inner .section-body .post-head {
  position: relative;
}
.sk-main .section.media .sns-media .content-inner .section-body .post-head .img-wrap {
  position: relative;
  height: 0;
  padding-bottom: 56.33%;
  border-radius: 2rem;
  z-index: 1;
  overflow: hidden;
}
.sk-main .section.media .sns-media .content-inner .section-body .post-head .img-wrap > img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  object-fit: cover;
  transition: transform 0.3s ease-out;
}
@media (max-width: 1023px) {
  .sk-main .section.media .sns-media .content-inner .section-body .post-head .img-wrap {
    border-radius: 0.8rem;
  }
}
.sk-main .section.media .sns-media .content-inner .section-body .post-head + .post-body {
  padding-top: 2.4rem;
}
@media (max-width: 1023px) {
  .sk-main .section.media .sns-media .content-inner .section-body .post-head + .post-body {
    padding-top: 1.6rem;
  }
}
@media (min-width: 1024px) {
  .sk-main .section.media .sns-media .content-inner .section-body .post-head::after {
    position: absolute;
    top: -0.1rem;
    right: -0.1rem;
    bottom: -0.1rem;
    left: -0.1rem;
    background: linear-gradient(252deg, rgba(244, 119, 37, 0.5) 0%, rgba(151, 53, 208, 0.5) 100%);
    content: "";
    filter: blur(2rem);
    background-position: center;
    transform: scale(0.9);
    opacity: 0;
    transition: 0.2s ease-out;
  }
}
.sk-main .section.media .sns-media .content-inner .section-body .post-body {
  padding: 0 1.6rem;
}
@media (max-width: 1023px) {
  .sk-main .section.media .sns-media .content-inner .section-body .post-body {
    padding: 0 1.2rem;
  }
}
.sk-main .section.media .sns-media .content-inner .section-body .post-body .post-cate {
  display: block;
  color: #c45fff;
  font-weight: 700;
  font-size: 1.6rem;
}
@media (max-width: 1023px) {
  .sk-main .section.media .sns-media .content-inner .section-body .post-body .post-cate {
    font-weight: 700;
    font-size: 1.4rem;
  }
}
.sk-main .section.media .sns-media .content-inner .section-body .post-body .post-cate ~ .post-name {
  padding-top: 0.8rem;
}
.sk-main .section.media .sns-media .content-inner .section-body .post-body .post-cate ~ .date {
  padding-top: 1.6rem;
}
@media (max-width: 1023px) {
  .sk-main .section.media .sns-media .content-inner .section-body .post-body .post-cate ~ .date {
    padding-top: 1.2rem;
  }
}
.sk-main .section.media .sns-media .content-inner .section-body .post-body .post-name {
  color: rgb(161, 161, 170);
  transition: color 0.2s ease-out;
  font-weight: 700;
  font-size: 1.8rem;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media (max-width: 1023px) {
  .sk-main .section.media .sns-media .content-inner .section-body .post-body .post-name {
    font-weight: 700;
    font-size: 1.4rem;
    color: rgb(212, 212, 216);
    opacity: 0.9;
  }
}
.sk-main .section.media .sns-media .content-inner .section-body .post-body .date {
  display: block;
  color: rgb(161, 161, 170);
  font-weight: 500;
  font-size: 1.4rem;
}
@media (max-width: 1023px) {
  .sk-main .section.media .sns-media .content-inner .section-body .post-body .date {
    font-weight: 500;
    font-size: 1.2rem;
    color: rgb(113, 113, 122);
  }
}
@media (min-width: 1024px) {
  .sk-main .section.media .sns-media .content-inner .section-body .link:hover .post-head .img-wrap > img {
    transform: translate(-50%, -50%) scale(1.1);
  }
  .sk-main .section.media .sns-media .content-inner .section-body .link:hover .post-head::after {
    transform: scale(1);
    opacity: 1;
  }
  .sk-main .section.media .sns-media .content-inner .section-body .link:hover .post-body .post-name,
  .sk-main .section.media .sns-media .content-inner .section-body .link:hover .post-body .para {
    color: rgb(255, 255, 255);
  }
}
.sk-main .section.media .sns-media .content-inner .section-util {
  margin: 0 auto;
  text-align: center;
  max-width: 120rem;
}
.sk-main .section.media.active2 .press-media .content-inner {
  transform: scale(0.7);
  opacity: 0;
}
.en .sk-main .section.media {
  padding-bottom: 0;
}

@media (min-width: 1024px) {
  .sk-main .section.media.active1 .press-media .content-inner {
    clip-path: inset(0% 0% 0% 0% round 4.8rem);
  }
  .sk-main .section.media.active1 .press-media .content-inner .section-body .press-swiper .swiper-wrapper .swiper-slide {
    transform: translateX(0);
  }
}
@media (max-width: 1023px) {
  .sk-main .section.media {
    padding-bottom: 2.4rem;
  }
}
.sk-main .section.investment {
  position: relative;
  background-color: #050505;
  overflow: hidden;
}
.sk-main .section.investment .section-wrap {
  position: relative;
  clip-path: inset(0% 5% 0% 5% round 4.8rem 4.8rem 0 0);
  transition: clip-path 1.7s cubic-bezier(0.5, 0, 0, 1);
  z-index: 1;
}
@media (max-width: 1023px) {
  .sk-main .section.investment .section-wrap {
    clip-path: unset;
    border-radius: 2.4rem 2.4rem 0 0;
  }
}
.sk-main .section.investment .section-wrap .content-inner {
  width: 100%;
  padding: 14rem 1.8rem 13.5rem;
  margin: 0 auto;
  max-width: 120rem;
}
@media (max-width: 1023px) {
  .sk-main .section.investment .section-wrap .content-inner {
    padding: 3.2rem 1.8rem 4.8rem;
  }
}
.sk-main .section.investment .section-wrap .content-inner .section-head .section-name {
  color: rgb(255, 255, 255);
  font-weight: 700;
  font-size: 4.8rem;
}
@media (max-width: 1023px) {
  .sk-main .section.investment .section-wrap .content-inner .section-head .section-name {
    font-weight: 700;
    font-size: 3.2rem;
  }
}
.sk-main .section.investment .section-wrap .content-inner .section-head + .section-body {
  padding-top: 4rem;
}
@media (max-width: 1023px) {
  .sk-main .section.investment .section-wrap .content-inner .section-head + .section-body {
    padding-top: 3.2rem;
  }
}
.sk-main .section.investment .section-wrap .content-inner .section-body .board-list {
  display: grid;
  height: 45rem;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 2rem;
}
@media (max-width: 1023px) {
  .sk-main .section.investment .section-wrap .content-inner .section-body .board-list {
    height: 100%;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 16rem 14.8rem 22.5rem;
  }
}
.sk-main .section.investment .section-wrap .content-inner .section-body .board-list .board-item {
  position: relative;
  width: 100%;
  height: 100%;
  background: linear-gradient(146deg, rgba(255, 255, 255, 0.16) 0%, transparent 60%, transparent 100%);
  border-radius: 2.4rem;
  transition: transform 1.7s cubic-bezier(0.5, 0, 0, 1);
}
.sk-main .section.investment .section-wrap .content-inner .section-body .board-list .board-item .link {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 100%;
  padding: 4rem 2.4rem;
  transition:
    transform 1.7s cubic-bezier(0.5, 0, 0, 1),
    background-size 0.2s ease;
}
.sk-main .section.investment .section-wrap .content-inner .section-body .board-list .board-item .link .board-head,
.sk-main .section.investment .section-wrap .content-inner .section-body .board-list .board-item .link .board-footer {
  position: relative;
}
.sk-main .section.investment .section-wrap .content-inner .section-body .board-list .board-item .link .board-head .board-name {
  color: rgb(255, 255, 255);
  line-height: 120%;
  font-weight: 700;
  font-size: 2rem;
}
@media (max-width: 1023px) {
  .sk-main .section.investment .section-wrap .content-inner .section-body .board-list .board-item .link .board-head .board-name {
    line-height: 160%;
    font-weight: 700;
    font-size: 1.8rem;
  }
}
.sk-main .section.investment .section-wrap .content-inner .section-body .board-list .board-item .link .board-footer .note {
  display: inline-block;
  color: rgb(255, 255, 255);
  font-weight: 700;
  font-size: 1.6rem;
}
.sk-main .section.investment .section-wrap .content-inner .section-body .board-list .board-item .link .board-footer .note .gap {
  color: #ff5050;
}
@media (max-width: 1023px) {
  .sk-main .section.investment .section-wrap .content-inner .section-body .board-list .board-item .link {
    padding: 2rem;
  }
}
.sk-main .section.investment .section-wrap .content-inner .section-body .board-list .board-item .board-body {
  position: relative;
}
.sk-main .section.investment .section-wrap .content-inner .section-body .board-list .board-item .board-body .board-name {
  color: rgb(255, 255, 255);
  line-height: 120%;
  font-weight: 700;
  font-size: 2rem;
}
@media (max-width: 1023px) {
  .sk-main .section.investment .section-wrap .content-inner .section-body .board-list .board-item .board-body .board-name {
    line-height: 160%;
    font-weight: 700;
    font-size: 1.8rem;
  }
}
@media (max-width: 1023px) {
  .sk-main .section.investment .section-wrap .content-inner .section-body .board-list .board-item {
    border-radius: 1.6rem;
  }
}
.sk-main .section.investment .section-wrap .content-inner .section-body .board-list .board-item::before {
  position: absolute;
  top: 0.1rem;
  right: 0.1rem;
  bottom: 0.1rem;
  left: 0.1rem;
  content: "";
  border-radius: 2.4rem;
  background-color: #0f0f0f;
  pointer-events: none;
}
@media (max-width: 1023px) {
  .sk-main .section.investment .section-wrap .content-inner .section-body .board-list .board-item::before {
    border-radius: 1.6rem;
  }
}
.sk-main .section.investment .section-wrap .content-inner .section-body .board-list .board-item.sk-stock {
  position: relative;
  padding: 4rem 2.4rem;
  grid-row: 1/3;
  grid-column: 1/2;
  overflow: hidden;
}
.sk-main .section.investment .section-wrap .content-inner .section-body .board-list .board-item.sk-stock iframe {
  position: relative;
}
.sk-main .section.investment .section-wrap .content-inner .section-body .board-list .board-item.sk-stock::after {
  position: absolute;
  background: url("../fonts/bg-investment-iframe.svg") no-repeat center center;
  content: "";
  transition: transform 0.2s ease;
}
@media (min-width: 1024px) {
  .sk-main .section.investment .section-wrap .content-inner .section-body .board-list .board-item.sk-stock {
    transform: translate(-10%, 10%);
  }
  .sk-main .section.investment .section-wrap .content-inner .section-body .board-list .board-item.sk-stock::after {
    bottom: 0;
    left: -50%;
    width: 73.7rem;
    height: 29.6rem;
  }
  .sk-main .section.investment .section-wrap .content-inner .section-body .board-list .board-item.sk-stock:hover::after {
    transform: translateX(-8.5rem);
  }
}
@media (max-width: 1023px) {
  .sk-main .section.investment .section-wrap .content-inner .section-body .board-list .board-item.sk-stock {
    height: 16rem;
    padding: 2rem;
    grid-row: 1/2;
    grid-column: 1/3;
  }
  .sk-main .section.investment .section-wrap .content-inner .section-body .board-list .board-item.sk-stock::after {
    right: -7.2rem;
    bottom: -4.3rem;
    width: 32.3rem;
    height: 13rem;
    background-size: 100%;
  }
}
.sk-main .section.investment .section-wrap .content-inner .section-body .board-list .board-item.stock-info {
  grid-row: 1/2;
  grid-column: 2/3;
}
.sk-main .section.investment .section-wrap .content-inner .section-body .board-list .board-item.stock-info .link {
  background: url("../images/bg-investment01-pc.png") no-repeat;
  background-position: calc(100% + 5rem) calc(100% + 2rem);
  background-size: 84%;
  transition:
    background-position 1.7s cubic-bezier(0.5, 0, 0, 1),
    background-size 0.2s ease;
}
.sk-main .section.investment .section-wrap .content-inner .section-body .board-list .board-item.stock-info .link .board-head .board-name::after {
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  content: "";
  margin-left: 0.8rem;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='11' height='12' viewBox='0 0 11 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.47446 2.77539L1.40625 2.77539C0.853965 2.77539 0.40625 2.32768 0.40625 1.77539C0.40625 1.22311 0.853965 0.775391 1.40625 0.775391L9.89153 0.775391C10.1567 0.775391 10.4111 0.880747 10.5986 1.06828C10.7862 1.25582 10.8915 1.51017 10.8915 1.77539V10.2607C10.8915 10.813 10.4438 11.2607 9.89153 11.2607C9.33925 11.2607 8.89153 10.813 8.89153 10.2607V4.18674L2.81648 10.2618C2.42596 10.6523 1.79279 10.6523 1.40227 10.2618C1.01174 9.87127 1.01174 9.23811 1.40227 8.84758L7.47446 2.77539Z' fill='rgb(255,255,255)'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center 0.3rem;
  transform: translate(-0.5rem, 0.5rem);
  opacity: 0;
  transition: 0.2s ease;
}
@media (min-width: 1024px) {
  .sk-main .section.investment .section-wrap .content-inner .section-body .board-list .board-item.stock-info .link:hover {
    background-size: 88%;
  }
  .sk-main
    .section.investment
    .section-wrap
    .content-inner
    .section-body
    .board-list
    .board-item.stock-info
    .link:hover
    .board-head
    .board-name::after {
    transform: translate(0);
    opacity: 1;
  }
}
@media (max-width: 1023px) {
  .sk-main .section.investment .section-wrap .content-inner .section-body .board-list .board-item.stock-info .link {
    background: url("../images/bg-investment01-mo.png") no-repeat;
    background-position: calc(100% + 20.5rem) 5.4rem;
    background-size: 33rem;
  }
}
@media (min-width: 1024px) {
  .sk-main .section.investment .section-wrap .content-inner .section-body .board-list .board-item.stock-info {
    transform: translateY(-5%);
  }
}
@media (max-width: 1023px) {
  .sk-main .section.investment .section-wrap .content-inner .section-body .board-list .board-item.stock-info {
    grid-row: 2/3;
    grid-column: 1/2;
  }
}
.sk-main .section.investment .section-wrap .content-inner .section-body .board-list .board-item.fina-info {
  grid-row: 2/3;
  grid-column: 2/3;
  transition: transform 1.7s cubic-bezier(0.5, 0, 0, 1);
}
.sk-main .section.investment .section-wrap .content-inner .section-body .board-list .board-item.fina-info .link {
  background: url("../images/bg-investment02-pc.png") no-repeat;
  background-position: 100% calc(100% + 5rem);
  background-size: 60%;
  background-origin: right center;
  transition:
    background-position 1.7s cubic-bezier(0.5, 0, 0, 1),
    background-size 0.2s ease;
}
.sk-main .section.investment .section-wrap .content-inner .section-body .board-list .board-item.fina-info .link .board-head .board-name::after {
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  content: "";
  margin-left: 0.8rem;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='11' height='12' viewBox='0 0 11 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.47446 2.77539L1.40625 2.77539C0.853965 2.77539 0.40625 2.32768 0.40625 1.77539C0.40625 1.22311 0.853965 0.775391 1.40625 0.775391L9.89153 0.775391C10.1567 0.775391 10.4111 0.880747 10.5986 1.06828C10.7862 1.25582 10.8915 1.51017 10.8915 1.77539V10.2607C10.8915 10.813 10.4438 11.2607 9.89153 11.2607C9.33925 11.2607 8.89153 10.813 8.89153 10.2607V4.18674L2.81648 10.2618C2.42596 10.6523 1.79279 10.6523 1.40227 10.2618C1.01174 9.87127 1.01174 9.23811 1.40227 8.84758L7.47446 2.77539Z' fill='rgb(255,255,255)'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center 0.3rem;
  transform: translate(-0.5rem, 0.5rem);
  opacity: 0;
  transition: 0.2s ease;
}
@media (min-width: 1024px) {
  .sk-main .section.investment .section-wrap .content-inner .section-body .board-list .board-item.fina-info .link:hover {
    background-size: 64%;
  }
  .sk-main
    .section.investment
    .section-wrap
    .content-inner
    .section-body
    .board-list
    .board-item.fina-info
    .link:hover
    .board-head
    .board-name::after {
    transform: translate(0);
    opacity: 1;
  }
}
@media (max-width: 1023px) {
  .sk-main .section.investment .section-wrap .content-inner .section-body .board-list .board-item.fina-info .link {
    background: url("../images/bg-investment02-mo.png") no-repeat;
    background-position: calc(100% + 2.7rem) 8rem;
    background-size: 14.4rem;
  }
}
@media (min-width: 1024px) {
  .sk-main .section.investment .section-wrap .content-inner .section-body .board-list .board-item.fina-info {
    transform: translateY(5%);
  }
}
@media (max-width: 1023px) {
  .sk-main .section.investment .section-wrap .content-inner .section-body .board-list .board-item.fina-info {
    grid-row: 2/3;
    grid-column: 2/3;
  }
}
.sk-main .section.investment .section-wrap .content-inner .section-body .board-list .board-item.ir {
  padding: 1.6rem;
  grid-row: 1/3;
  grid-column: 3/4;
  transition: transform 1.7s cubic-bezier(0.5, 0, 0, 1);
}
.sk-main .section.investment .section-wrap .content-inner .section-body .board-list .board-item.ir .board-head {
  position: relative;
  height: 20rem;
  background: url("../images/bg-investment03.png") no-repeat center;
  background-size: 120%;
  transition: background-size 1.7s cubic-bezier(0.5, 0, 0, 1);
  border-radius: 0.8rem;
}
@media (max-width: 1023px) {
  .sk-main .section.investment .section-wrap .content-inner .section-body .board-list .board-item.ir .board-head {
    display: none;
  }
}
.sk-main .section.investment .section-wrap .content-inner .section-body .board-list .board-item.ir .board-head .sk-logo {
  position: absolute;
  right: 2.4rem;
  bottom: 2.4rem;
}
@media (min-width: 1024px) {
  .sk-main .section.investment .section-wrap .content-inner .section-body .board-list .board-item.ir .board-head + .board-body {
    padding-top: 3.2rem;
  }
}
.sk-main .section.investment .section-wrap .content-inner .section-body .board-list .board-item.ir .board-body .board-util {
  padding-top: 2.4rem;
}
.sk-main .section.investment .section-wrap .content-inner .section-body .board-list .board-item.ir .board-body .board-util .ir-link {
  display: flex;
  width: 100%;
  padding: 2rem 2.4rem;
  justify-content: space-between;
  align-items: center;
  border-radius: 0.8rem;
  background-color: rgba(255, 255, 255, 0.05);
  transition: background-color 0.2s ease;
}
.sk-main .section.investment .section-wrap .content-inner .section-body .board-list .board-item.ir .board-body .board-util .ir-link .text {
  color: rgb(255, 255, 255);
  line-height: 100%;
  font-weight: 500;
  font-size: 1.8rem;
}
@media (max-width: 1023px) {
  .sk-main .section.investment .section-wrap .content-inner .section-body .board-list .board-item.ir .board-body .board-util .ir-link .text {
    line-height: 160%;
    font-weight: 500;
    font-size: 1.6rem;
  }
}
.sk-main .section.investment .section-wrap .content-inner .section-body .board-list .board-item.ir .board-body .board-util .ir-link::after {
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  background: url("../fonts/icon-arrow-main.svg") no-repeat;
  content: "";
  transition: transform 0.2s ease;
}
.sk-main .section.investment .section-wrap .content-inner .section-body .board-list .board-item.ir .board-body .board-util .ir-link + .ir-link {
  margin-top: 0.8rem;
}
@media (min-width: 1024px) {
  .sk-main .section.investment .section-wrap .content-inner .section-body .board-list .board-item.ir .board-body .board-util .ir-link:hover {
    background-color: rgba(255, 255, 255, 0.1);
  }
  .sk-main .section.investment .section-wrap .content-inner .section-body .board-list .board-item.ir .board-body .board-util .ir-link:hover::after {
    transform: translate(0.4rem, -0.4rem);
  }
}
@media (max-width: 1023px) {
  .sk-main .section.investment .section-wrap .content-inner .section-body .board-list .board-item.ir .board-body .board-util .ir-link {
    padding: 1.6rem;
  }
}
@media (min-width: 1024px) {
  .sk-main .section.investment .section-wrap .content-inner .section-body .board-list .board-item.ir {
    transform: translate(10%, 10%);
  }
}
@media (max-width: 1023px) {
  .sk-main .section.investment .section-wrap .content-inner .section-body .board-list .board-item.ir {
    padding: 2rem 2rem 2.8rem 2rem;
    grid-row: 3/4;
    grid-column: 1/3;
  }
}
.sk-main .section.investment::after {
  position: absolute;
  top: 69%;
  left: 50%;
  width: 331rem;
  height: 93.5rem;
  background: radial-gradient(
    99.98% 99.98% at 98.28% 37.06%,
    rgba(243, 104, 159, 0.1) 25.55%,
    rgba(129, 30, 231, 0.1) 43.61%,
    rgba(10, 224, 186, 0.1) 70.5%,
    rgba(245, 153, 67, 0.1) 86.5%
  );
  content: "";
  filter: blur(15rem);
  transform: translateX(-50%);
}
.sk-main .section.investment.active1 .section-wrap {
  clip-path: inset(0% 0% -1% 0% round 4.8rem 4.8rem 0 0);
}
@media (max-width: 1023px) {
  .sk-main .section.investment.active1 .section-wrap {
    clip-path: unset;
  }
}
.sk-main .section.investment.active1 .section-wrap .content-inner .section-body .board-list .board-item {
  transform: translate(0);
}
@media (min-width: 1024px) {
  .sk-main .section.investment.active1 .section-wrap .content-inner .section-body .board-list .board-item .link {
    background-position: 100% 100%;
  }
}
@media (max-width: 1023px) {
  .sk-main .section.investment.active1 .section-wrap .content-inner .section-body .board-list .board-item.stock-info .link {
    padding: 2rem;
  }
  .sk-main .section.investment.active1 .section-wrap .content-inner .section-body .board-list .board-item.fina-info .link {
    padding: 2rem;
  }
}
.sk-main .section.investment.active1 .section-wrap .content-inner .section-body .board-list .board-item.ir .board-head {
  background-size: 100%;
}

/* Company CSS */
.company.introduction {
  position: relative;
}
.company.introduction .tab-display {
  position: relative;
  margin: 16rem auto 0;
  max-width: 1200px;
}
@media (max-width: 1023px) {
  .company.introduction .tab-display {
    margin: 8rem auto 0;
  }
}
.company.introduction .section-wrap {
  position: relative;
}
.company.introduction .section-wrap .bg {
  display: block;
  position: absolute;
  left: 50%;
  width: 100vw;
  height: 100%;
  content: "";
  transform: translateX(-50%);
  z-index: -1;
}
.company.introduction .section-wrap > .bg1 {
  background-color: rgb(255, 255, 255);
}
.company.introduction .section.story1 {
  width: 100%;
  margin: 0 auto;
  max-width: 120rem;
}
.company.introduction .section.story1 .section-body {
  display: flex;
  position: relative;
  height: 100vh !important;
  height: 100vh;
  margin: 0;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 1023px) {
  .company.introduction .section.story1 .section-body {
    flex-direction: column;
    padding-bottom: 12vh;
  }
}
.company.introduction .section.story1 .post-list {
  position: relative;
  width: 49.16666%;
  padding-bottom: 42.25%;
  overflow: hidden;
}
@media (max-width: 1023px) {
  .company.introduction .section.story1 .post-list {
    width: 100%;
    order: 2;
    padding-bottom: 42.01474vh;
  }
}
.company.introduction .section.story1 .post-list .post-item {
  position: absolute;
  width: 100%;
  height: 100%;
  transform: translateY(100%);
  border-radius: 1.2rem;
  overflow: hidden;
  transition: all 0.5s ease-out;
}
.company.introduction .section.story1 .post-list .post-item img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  object-fit: cover;
}
.company.introduction .section.story1 .post-list .post-item.previous {
  transform: scale(0.9);
  transition: all 0.5s ease-out 0.2s;
}
.company.introduction .section.story1 .post-list .post-item.active {
  transition: all 0.5s ease-out;
  transform: translateY(0);
}
.company.introduction .section.story1 .data-list {
  display: flex;
  position: relative;
  width: 590px;
  height: 100%;
  align-items: center;
}
@media (max-width: 1023px) {
  .company.introduction .section.story1 .data-list {
    width: 100%;
    align-items: flex-end;
    order: 1;
  }
  .company.introduction .section.story1 .data-list + .post-list {
    margin-top: 4rem;
  }
}
.company.introduction .section.story1 .data-list .data-item {
  position: absolute;
  width: 100%;
  color: rgb(63, 63, 70);
  transition: all 0.2s linear;
  z-index: 0;
  opacity: 0;
  font-weight: 500;
  font-size: 3.2rem;
}
@media (max-width: 1023px) {
  .company.introduction .section.story1 .data-list .data-item {
    font-weight: 500;
    font-size: 2rem;
  }
}
.company.introduction .section.story1 .data-list .data-item.active {
  z-index: 1;
  opacity: 1;
}
.company.introduction .section.story2 {
  position: relative;
}
.company.introduction .section.story2 .bg {
  display: block;
  position: absolute;
  left: 50%;
  width: 100vw;
  height: 100%;
  content: "";
  transform: translateX(-50%);
  z-index: -1;
  background-color: #000;
}
.company.introduction .section.story2 .section-head {
  display: flex;
  width: 100%;
  height: 29.74vw;
  margin: 0 auto;
  text-align: center;
  justify-content: center;
  align-items: center;
}
@media (max-width: 1023px) {
  .company.introduction .section.story2 .section-head {
    height: 74.667vw;
  }
}
.company.introduction .section.story2 .section-head .section-subject .section-sub {
  display: block;
  color: rgb(255, 255, 255);
  font-weight: 700;
  font-size: 2.5vw;
  line-height: 4vw;
}
@media (max-width: 1023px) {
  .company.introduction .section.story2 .section-head .section-subject .section-sub {
    font-size: 6.4vw;
    line-height: 10.24vw;
  }
}
.company.introduction .section.story2 .section-head .section-subject .section-sub + .section-name {
  margin-top: 0.833vw;
}
@media (max-width: 1023px) {
  .company.introduction .section.story2 .section-head .section-subject .section-sub + .section-name {
    margin-top: 3.2vw;
  }
}
.company.introduction .section.story2 .section-head .section-subject .section-name {
  display: block;
  color: rgb(255, 255, 255);
  font-weight: 700;
  font-size: 3.333vw;
  line-height: 5.333vw;
}
@media (max-width: 1023px) {
  .company.introduction .section.story2 .section-head .section-subject .section-name {
    font-size: 8.533vw;
    line-height: 11.1653vw;
  }
}
.company.introduction .section.story2 .section-body .post-list {
  position: relative;
  padding-bottom: 232vw;
}
@media (max-width: 1023px) {
  .company.introduction .section.story2 .section-body .post-list {
    padding-bottom: 710vw;
  }
}
.company.introduction .section.story2 .section-body .post-list .post-item {
  position: absolute;
}
.company.introduction .section.story2 .section-body .post-list .post-item .post-figure + .post-date {
  margin-top: 0.521vw;
}
@media (max-width: 1023px) {
  .company.introduction .section.story2 .section-body .post-list .post-item .post-figure + .post-date {
    margin-top: 1.333vw;
  }
}
.company.introduction .section.story2 .section-body .post-list .post-item .post-date {
  color: rgb(255, 255, 255);
  font-weight: 500;
  font-size: 3rem;
  text-align: right;
}
@media (max-width: 1023px) {
  .company.introduction .section.story2 .section-body .post-list .post-item .post-date {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.6rem;
  }
}
.company.introduction .section.story2 .section-body .post-list .post-item:nth-child(1) {
  top: 0;
  left: 10.417vw;
  width: 35vw;
}
@media (max-width: 1023px) {
  .company.introduction .section.story2 .section-body .post-list .post-item:nth-child(1) {
    top: 0;
    left: 0;
    width: 66.667vw;
  }
}
.company.introduction .section.story2 .section-body .post-list .post-item:nth-child(1) .post-wrap .post-figure {
  width: 100%;
  height: 24.063vw;
}
@media (max-width: 1023px) {
  .company.introduction .section.story2 .section-body .post-list .post-item:nth-child(1) .post-wrap .post-figure {
    height: 45.867vw;
  }
}
.company.introduction .section.story2 .section-body .post-list .post-item:nth-child(2) {
  top: 18.125vw;
  right: 10.417vw;
  width: 23.021vw;
}
@media (max-width: 1023px) {
  .company.introduction .section.story2 .section-body .post-list .post-item:nth-child(2) {
    top: 66.4vw;
    right: 0;
    width: 58.933vw;
  }
}
.company.introduction .section.story2 .section-body .post-list .post-item:nth-child(2) .post-wrap .post-figure {
  width: 100%;
  height: 24.063vw;
}
@media (max-width: 1023px) {
  .company.introduction .section.story2 .section-body .post-list .post-item:nth-child(2) .post-wrap .post-figure {
    height: 61.6vw;
  }
}
.company.introduction .section.story2 .section-body .post-list .post-item:nth-child(3) {
  top: 39.32291vw;
  left: 23.021vw;
  width: 30.521vw;
}
@media (max-width: 1023px) {
  .company.introduction .section.story2 .section-body .post-list .post-item:nth-child(3) {
    top: 148.533vw;
    left: 0;
    width: 78.133vw;
  }
}
.company.introduction .section.story2 .section-body .post-list .post-item:nth-child(3) .post-wrap .post-figure {
  width: 100%;
  height: 17.604vw;
}
@media (max-width: 1023px) {
  .company.introduction .section.story2 .section-body .post-list .post-item:nth-child(3) .post-wrap .post-figure {
    height: 45.067vw;
  }
}
.company.introduction .section.story2 .section-body .post-list .post-item:nth-child(4) {
  top: 54.6875vw;
  right: 18.75vw;
  width: 18.385vw;
}
@media (max-width: 1023px) {
  .company.introduction .section.story2 .section-body .post-list .post-item:nth-child(4) {
    top: 224.8vw;
    right: 0;
    width: 42.933vw;
  }
}
.company.introduction .section.story2 .section-body .post-list .post-item:nth-child(4) .post-wrap .post-figure {
  width: 100%;
  height: 19.479vw;
}
@media (max-width: 1023px) {
  .company.introduction .section.story2 .section-body .post-list .post-item:nth-child(4) .post-wrap .post-figure {
    height: 45.6vw;
  }
}
.company.introduction .section.story2 .section-body .post-list .post-item:nth-child(5) {
  top: 85.78125vw;
  left: 17.0912%;
  width: 16.667vw;
}
@media (max-width: 1023px) {
  .company.introduction .section.story2 .section-body .post-list .post-item:nth-child(5) {
    top: 296.267vw;
    left: 0;
    width: 27.2vw;
  }
}
.company.introduction .section.story2 .section-body .post-list .post-item:nth-child(5) .post-wrap .post-figure {
  width: 100%;
  height: 22.188vw;
}
@media (max-width: 1023px) {
  .company.introduction .section.story2 .section-body .post-list .post-item:nth-child(5) .post-wrap .post-figure {
    height: 36.267vw;
  }
}
.company.introduction .section.story2 .section-body .post-list .post-item:nth-child(6) {
  top: 94.323vw;
  left: 41.50743%;
  width: 16.667vw;
}
@media (max-width: 1023px) {
  .company.introduction .section.story2 .section-body .post-list .post-item:nth-child(6) {
    top: 309.6vw;
    left: 35.10324%;
    width: 27.2vw;
  }
}
.company.introduction .section.story2 .section-body .post-list .post-item:nth-child(6) .post-wrap .post-figure {
  width: 100%;
  height: 22.188vw;
}
@media (max-width: 1023px) {
  .company.introduction .section.story2 .section-body .post-list .post-item:nth-child(6) .post-wrap .post-figure {
    height: 36.267vw;
  }
}
.company.introduction .section.story2 .section-body .post-list .post-item:nth-child(7) {
  top: 100.99vw;
  right: 17.091295%;
  width: 16.667vw;
}
@media (max-width: 1023px) {
  .company.introduction .section.story2 .section-body .post-list .post-item:nth-child(7) {
    top: 322.933vw;
    left: unset;
    right: 0%;
    width: 27.2vw;
  }
}
.company.introduction .section.story2 .section-body .post-list .post-item:nth-child(7) .post-wrap .post-figure {
  width: 100%;
  height: 22.188vw;
}
@media (max-width: 1023px) {
  .company.introduction .section.story2 .section-body .post-list .post-item:nth-child(7) .post-wrap .post-figure {
    height: 36.267vw;
  }
}
.company.introduction .section.story2 .section-body .post-list .post-item:nth-child(8) {
  top: 130.365vw;
  left: 8.646vw;
  width: 35vw;
}
@media (max-width: 1023px) {
  .company.introduction .section.story2 .section-body .post-list .post-item:nth-child(8) {
    top: 384.8vw;
    left: -18px;
    width: 90.4vw;
  }
}
.company.introduction .section.story2 .section-body .post-list .post-item:nth-child(8) .post-wrap .post-figure {
  width: 100%;
  height: 33.542vw;
}
@media (max-width: 1023px) {
  .company.introduction .section.story2 .section-body .post-list .post-item:nth-child(8) .post-wrap .post-figure {
    height: 86.667vw;
  }
}
.company.introduction .section.story2 .section-body .post-list .post-item:nth-child(9) {
  top: 138.07291vw;
  right: 13.438vw;
  width: 16.09375vw;
}
@media (max-width: 1023px) {
  .company.introduction .section.story2 .section-body .post-list .post-item:nth-child(9) {
    top: 499.733vw;
    right: 45.333vw;
    width: 41.067vw;
  }
}
.company.introduction .section.story2 .section-body .post-list .post-item:nth-child(9) .post-wrap .post-figure {
  width: 100%;
  height: 21.770833vw;
}
@media (max-width: 1023px) {
  .company.introduction .section.story2 .section-body .post-list .post-item:nth-child(9) .post-wrap .post-figure {
    height: 50.133vw;
  }
}
.company.introduction .section.story2 .section-body .post-list .post-item:nth-child(10) {
  top: 170.906vw;
  right: 23.698vw;
  width: 24.115vw;
}
@media (max-width: 1023px) {
  .company.introduction .section.story2 .section-body .post-list .post-item:nth-child(10) {
    top: 570.4vw;
    right: 3.733vw;
    width: 61.867vw;
  }
}
.company.introduction .section.story2 .section-body .post-list .post-item:nth-child(10) .post-wrap .post-figure {
  width: 100%;
  height: 17.708vw;
}
@media (max-width: 1023px) {
  .company.introduction .section.story2 .section-body .post-list .post-item:nth-child(10) .post-wrap .post-figure {
    height: 45.333vw;
  }
}
.company.introduction .section.story2 .section-body .post-list .post-item:nth-child(11) {
  top: 194.427083vw;
  left: 22.135vw;
  width: 36.71875vw;
}
@media (max-width: 1023px) {
  .company.introduction .section.story2 .section-body .post-list .post-item:nth-child(11) {
    top: 644vw;
    left: 5.867vw;
    width: 61.867vw;
  }
}
.company.introduction .section.story2 .section-body .post-list .post-item:nth-child(11) .post-wrap .post-figure {
  width: 100%;
  height: 35.20833vw;
}
@media (max-width: 1023px) {
  .company.introduction .section.story2 .section-body .post-list .post-item:nth-child(11) .post-wrap .post-figure {
    height: 58.4vw;
  }
}
.company.introduction .section.story2 .section-body .post-list .post-item .post-wrap .post-figure {
  position: relative;
}
.company.introduction .section.story2 .section-body .post-list .post-item .post-wrap .post-figure img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  -o-object-fit: cover;
  object-fit: cover;
}
.company.introduction .section.story3 {
  display: flex;
  position: relative;
  min-height: 100vh;
  justify-content: center;
  align-items: center;
}
@media (max-width: 1023px) {
  .company.introduction .section.story3 {
    height: auto;
    padding: 27.6rem 0;
  }
}
.company.introduction .section.story3::before {
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  width: 100vw;
  height: 100%;
  content: "";
  transform: translateX(-50%);
  background-image: url(../images/bg-story3.jpg);
  background-repeat: repeat;
  background-size: cover;
  z-index: -1;
}
.company.introduction .section.story3::after {
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  width: 100vw;
  height: 100%;
  content: "";
  transform: translateX(-50%);
  background-color: rgb(0, 0, 0);
  opacity: 0.3;
  z-index: 0;
  transition: all 0.5s ease-out;
}
.company.introduction .section.story3.active::after {
  opacity: 0.7;
}
.company.introduction .section.story3 .post-list {
  position: relative;
  z-index: 1;
}
.company.introduction .section.story3 .post-list .post-item .post-wrap {
  display: flex;
  text-align: center;
  flex-direction: column;
  align-items: center;
}
.company.introduction .section.story3 .post-list .post-item .post-wrap .post-head .post-sub {
  font-weight: 700;
  font-size: 3.2rem;
  color: rgb(255, 255, 255);
}
@media (max-width: 1023px) {
  .company.introduction .section.story3 .post-list .post-item .post-wrap .post-head .post-sub {
    font-weight: 700;
    font-size: 2rem;
  }
}
.company.introduction .section.story3 .post-list .post-item .post-wrap .post-head + .post-body {
  margin-top: 4rem;
}
@media (max-width: 1023px) {
  .company.introduction .section.story3 .post-list .post-item .post-wrap .post-head + .post-body {
    margin-top: 2.4rem;
  }
}
.company.introduction .section.story3 .post-list .post-item .post-wrap .post-body .para {
  font-weight: 700;
  font-size: 4.8rem;
  color: rgb(255, 255, 255);
}
@media (max-width: 1023px) {
  .company.introduction .section.story3 .post-list .post-item .post-wrap .post-body .para {
    font-weight: 700;
    font-size: 3.2rem;
  }
}
.company.introduction .section.story4 {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
}
@media (max-width: 1023px) {
  .company.introduction .section.story4 {
    min-height: auto;
    padding-bottom: 106.1946902655%;
  }
}
.company.introduction .section.story4::before {
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  width: 100vw;
  height: 100%;
  content: "";
  transform: translateX(-50%);
  background-image: url(../images/bg-story4.png);
  background-repeat: repeat;
  background-size: cover;
  z-index: -1;
}
.company.introduction .section.story4::after {
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  width: 100vw;
  height: 100%;
  content: "";
  transform: translateX(-50%);
  background-image: url(../images/story4-mountaion.png);
  background-repeat: repeat;
  background-size: cover;
  z-index: 10;
}
.company.introduction .section.story4 .section-body {
  width: 100%;
}
@media (max-width: 1023px) {
  .company.introduction .section.story4 .section-body {
    display: flex;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    align-items: center;
  }
}
.company.introduction .section.story4 .section-body .data-list {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 1023px) {
  .company.introduction .section.story4 .section-body .data-list {
    position: absolute;
    top: 32.26666666vw;
    width: 100%;
  }
}
.company.introduction .section.story4 .section-body .data-list .data-item {
  position: relative;
  transition: all 0.5s ease-out;
}
.company.introduction .section.story4 .section-body .data-list .data-item .data-text {
  display: flex;
  color: rgb(255, 255, 255);
  font-weight: 600;
  font-size: 8.333333vw;
  align-items: center;
}
@media (max-width: 1023px) {
  .company.introduction .section.story4 .section-body .data-list .data-item .data-text {
    font-size: 10vw;
  }
}
.company.introduction .section.story4 .section-body .data-list .data-item .data-text .accent {
  font-weight: 500;
  font-size: 10.41666vw;
}
@media (max-width: 1023px) {
  .company.introduction .section.story4 .section-body .data-list .data-item .data-text .accent {
    font-size: 14vw;
  }
}
.company.introduction .section.story4 .section-body .data-list .data-item:nth-child(1) {
  transform: translateY(-50px);
}
.company.introduction .section.story4 .section-body .data-list .data-item:nth-child(2) {
  transform: translateY(-20px);
  margin-left: 1.9791666vw;
}
.company.introduction .section.story4 .section-body .data-list .data-item:nth-child(3) {
  transform: translateY(10px);
  margin-left: 3.3854166vw;
}
.company.introduction .section.story5 {
  position: relative;
  width: 100%;
  padding: 20rem 0rem 16rem 0rem;
  margin: 0 auto;
  max-width: 182.4rem;
}
@media (max-width: 1023px) {
  .company.introduction .section.story5 {
    padding: 8rem 0rem 4.8rem 0rem;
  }
}
.company.introduction .section.story5 .section-head {
  width: 100%;
  margin: 0 auto;
  max-width: 113.2rem;
}
@media (max-width: 1023px) {
  .company.introduction .section.story5 .section-head {
    padding: 0;
  }
}
.company.introduction .section.story5 .section-head .section-subject .section-name {
  display: block;
  font-weight: 700;
  font-size: 10rem;
  line-height: 1.2;
  color: rgb(151, 53, 208);
}
@media (max-width: 1023px) {
  .company.introduction .section.story5 .section-head .section-subject .section-name {
    font-weight: 700;
    font-size: 3.6rem;
  }
}
.company.introduction .section.story5 .section-head .section-subject + .section-summary {
  margin-top: 6rem;
}
@media (max-width: 1023px) {
  .company.introduction .section.story5 .section-head .section-subject + .section-summary {
    margin-top: 3rem;
  }
}
.company.introduction .section.story5 .section-head .section-summary {
  position: relative;
  color: rgb(63, 63, 70);
  transition: all 0.5s ease-out;
  font-weight: 500;
  font-size: 2.4rem;
}
@media (max-width: 1023px) {
  .company.introduction .section.story5 .section-head .section-summary {
    font-weight: 500;
    font-size: 1.8rem;
    color: #333;
  }
}
.company.introduction .section.story5 .section-head + .section-body {
  margin-top: 12rem;
}
@media (max-width: 1023px) {
  .company.introduction .section.story5 .section-head + .section-body {
    margin-top: 4.8rem;
  }
}
.company.introduction .section.story5 .section-body {
  position: relative;
}
.company.introduction .section.story5 .section-body .post-list {
  display: flex;
  column-gap: 1.6rem;
}
@media (max-width: 1023px) {
  .company.introduction .section.story5 .section-body .post-list {
    flex-direction: column;
    row-gap: 4.8rem;
    column-gap: 0;
  }
}
.company.introduction .section.story5 .section-body .post-list .post-item .product-list .product-item .product-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.company.introduction .section.story5 .section-body .post-list .post-item .product-list .product-item .product-wrap .product-figure {
  position: relative;
  width: 100%;
  border-radius: 1.2rem;
  overflow: hidden;
}
.company.introduction .section.story5 .section-body .post-list .post-item .product-list .product-item .product-wrap .product-figure img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  object-fit: cover;
}
.company.introduction .section.story5 .section-body .post-list .post-item .product-list .product-item .product-wrap .product-figure + .product-body {
  width: 100%;
  padding: 0 2rem 0 0;
  margin-top: 4rem;
}
@media (max-width: 1023px) {
  .company.introduction
    .section.story5
    .section-body
    .post-list
    .post-item
    .product-list
    .product-item
    .product-wrap
    .product-figure
    + .product-body {
    margin-top: 2rem;
  }
}
.company.introduction .section.story5 .section-body .post-list .post-item .product-list .product-item .product-wrap .product-body .para {
  font-weight: 500;
  font-size: 1.8rem;
  color: rgb(63, 63, 70);
  line-height: 1.8;
}
@media (max-width: 1023px) {
  .company.introduction .section.story5 .section-body .post-list .post-item .product-list .product-item .product-wrap .product-body .para {
    color: #333;
    font-size: 15px;
    line-height: 1.7;
  }
}
.company.introduction
  .section.story5
  .section-body
  .post-list
  .post-item
  .product-list
  .product-item
  .product-wrap
  .product-body
  .para
  + .btn-display {
  margin-top: 3.2rem;
}
@media (max-width: 1023px) {
  .company.introduction
    .section.story5
    .section-body
    .post-list
    .post-item
    .product-list
    .product-item
    .product-wrap
    .product-body
    .para
    + .btn-display {
    margin-top: 4.8rem;
  }
  .company.introduction
    .section.story5
    .section-body
    .post-list
    .post-item
    .product-list
    .product-item
    .product-wrap
    .product-body
    .para
    + .btn-display
    .btn-area {
    flex: 1 1 100%;
    justify-content: center;
  }
}
.company.introduction .section.story5 .section-body .post-list .post-item:nth-child(1) {
  width: calc(43.146929% - 8px);
}
@media (max-width: 1023px) {
  .company.introduction .section.story5 .section-body .post-list .post-item:nth-child(1) {
    width: 100%;
  }
}
.company.introduction .section.story5 .section-body .post-list .post-item:nth-child(1) .product-list .product-item .product-wrap .product-figure {
  padding-bottom: 86.0077%;
}
@media (max-width: 1023px) {
  .company.introduction .section.story5 .section-body .post-list .post-item:nth-child(1) .product-list .product-item .product-wrap .product-figure {
    padding-bottom: 85.84070796%;
  }
}
.company.introduction .section.story5 .section-body .post-list .post-item:nth-child(2) {
  width: calc(56.85307% - 8px);
}
@media (max-width: 1023px) {
  .company.introduction .section.story5 .section-body .post-list .post-item:nth-child(2) {
    width: 100vw;
    margin: 0 -1.8rem 0 -1.8rem;
  }
}
.company.introduction .section.story5 .section-body .post-list .post-item:nth-child(2) .product-list {
  display: flex;
  flex-wrap: wrap;
  column-gap: 1.6rem;
  row-gap: 1.6rem;
}
@media (max-width: 1023px) {
  .company.introduction .section.story5 .section-body .post-list .post-item:nth-child(2) .product-list {
    column-gap: 1rem;
    row-gap: 1rem;
  }
}
.company.introduction .section.story5 .section-body .post-list .post-item:nth-child(2) .product-list .product-item:nth-child(1) {
  width: 100%;
}
.company.introduction
  .section.story5
  .section-body
  .post-list
  .post-item:nth-child(2)
  .product-list
  .product-item:nth-child(1)
  .product-wrap
  .product-figure {
  padding-bottom: 41.78814%;
}
@media (max-width: 1023px) {
  .company.introduction
    .section.story5
    .section-body
    .post-list
    .post-item:nth-child(2)
    .product-list
    .product-item:nth-child(1)
    .product-wrap
    .product-figure {
    border-radius: 0;
    padding-bottom: 52.8%;
  }
}
.company.introduction .section.story5 .section-body .post-list .post-item:nth-child(2) .product-list .product-item:nth-child(2) {
  width: calc(34.98542274% - 8px);
}
@media (max-width: 1023px) {
  .company.introduction .section.story5 .section-body .post-list .post-item:nth-child(2) .product-list .product-item:nth-child(2) {
    width: calc(37% - 5px);
  }
}
.company.introduction
  .section.story5
  .section-body
  .post-list
  .post-item:nth-child(2)
  .product-list
  .product-item:nth-child(2)
  .product-wrap
  .product-figure {
  padding-bottom: 95.73863%;
}
@media (max-width: 1023px) {
  .company.introduction
    .section.story5
    .section-body
    .post-list
    .post-item:nth-child(2)
    .product-list
    .product-item:nth-child(2)
    .product-wrap
    .product-figure {
    border-radius: 0 1.2rem 1.2rem 0;
    padding-bottom: 114.285%;
  }
}
.company.introduction .section.story5 .section-body .post-list .post-item:nth-child(2) .product-list .product-item:nth-child(3) {
  width: calc(65.014577% - 8px);
}
@media (max-width: 1023px) {
  .company.introduction .section.story5 .section-body .post-list .post-item:nth-child(2) .product-list .product-item:nth-child(3) {
    width: calc(63% - 5px);
  }
}
.company.introduction
  .section.story5
  .section-body
  .post-list
  .post-item:nth-child(2)
  .product-list
  .product-item:nth-child(3)
  .product-wrap
  .product-figure {
  padding-bottom: 35.400907%;
}
@media (max-width: 1023px) {
  .company.introduction
    .section.story5
    .section-body
    .post-list
    .post-item:nth-child(2)
    .product-list
    .product-item:nth-child(3)
    .product-wrap
    .product-figure {
    border-radius: 1.2rem 0 0 1.2rem;
    padding-bottom: 49.81385%;
  }
}
.company.introduction .section.story5 .pallarax {
  opacity: 0;
  transform: translateY(15rem);
  transition: transform 0.5s ease-out;
}
.company.introduction .section.story5 .pallarax.active {
  opacity: 1;
  transform: translateY(0);
  transition: 0.5s ease-out;
}
.company.introduction .section.story6 {
  position: relative;
  width: 100%;
  padding: 16rem 0rem 16rem 0rem;
  margin: 0 auto;
  max-width: 182.4rem;
}
.company.introduction .section.story6::before {
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  width: 100vw;
  height: 100%;
  content: "";
  transform: translateX(-50%);
  background-color: #f1f6f3;
  z-index: -1;
}
@media (max-width: 1023px) {
  .company.introduction .section.story6 {
    padding: 8rem 0rem 0rem 0rem;
  }
}
.company.introduction .section.story6 .section-head {
  width: 100%;
  margin: 0 auto;
  max-width: 106.4rem;
}

.company.introduction .section.story6 .section-head .section-subject .section-name {
  display: block;
  font-weight: 700;
  font-size: 10rem;
  line-height: 1.2;
  color: #008039;
}
@media (max-width: 1023px) {
  .company.introduction .section.story6 .section-head .section-subject .section-name {
    font-weight: 700;
    font-size: 3.6rem;
  }
}
.company.introduction .section.story6 .section-head .section-subject + .section-summary {
  margin-top: 6rem;
}
@media (max-width: 1023px) {
  .company.introduction .section.story6 .section-head .section-subject + .section-summary {
    margin-top: 3rem;
  }
}
.company.introduction .section.story6 .section-head .section-summary {
  position: relative;
  color: rgb(63, 63, 70);
  font-weight: 500;
  font-size: 2.4rem;
}
@media (max-width: 1023px) {
  .company.introduction .section.story6 .section-head .section-summary {
    font-weight: 500;
    font-size: 1.8rem;
    color: #333;
  }
}
.company.introduction .section.story6 .section-head + .section-body {
  margin-top: 12rem;
}
@media (max-width: 1023px) {
  .company.introduction .section.story6 .section-head + .section-body {
    margin-top: 4.8rem;
  }
}
.company.introduction .section.story6 .section-body {
  position: relative;
}
.company.introduction .section.story6 .section-body .post-list {
  display: flex;
  column-gap: 1.6rem;
}
@media (max-width: 1023px) {
  .company.introduction .section.story6 .section-body .post-list {
    flex-direction: column;
    row-gap: 4.8rem;
    column-gap: 0;
  }
}
.company.introduction .section.story6 .section-body .post-list .post-item .product-list .product-item .product-wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.company.introduction .section.story6 .section-body .post-list .post-item .product-list .product-item .product-wrap .product-figure {
  position: relative;
  width: 100%;
  border-radius: 1.2rem;
  overflow: hidden;
}
.company.introduction .section.story6 .section-body .post-list .post-item .product-list .product-item .product-wrap .product-figure img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  object-fit: cover;
}
.company.introduction .section.story6 .section-body .post-list .post-item .product-list .product-item .product-wrap .product-figure + .product-body {
  margin-top: 4rem;
}
@media (max-width: 1023px) {
  .company.introduction
    .section.story6
    .section-body
    .post-list
    .post-item
    .product-list
    .product-item
    .product-wrap
    .product-figure
    + .product-body {
    margin-top: 2rem;
  }
}
.company.introduction .section.story6 .section-body .post-list .post-item .product-list .product-item .product-wrap .product-body .para {
  font-weight: 500;
  font-size: 1.8rem;
  color: rgb(63, 63, 70);
  line-height: 1.8;
}
@media (max-width: 1023px) {
  .company.introduction .section.story6 .section-body .post-list .post-item .product-list .product-item .product-wrap .product-body .para {
    color: #333;
    font-size: 15px;
    line-height: 1.7;
  }
}
.company.introduction
  .section.story6
  .section-body
  .post-list
  .post-item
  .product-list
  .product-item
  .product-wrap
  .product-body
  .para
  + .btn-display {
  margin-top: 3.2rem;
}
@media (max-width: 1023px) {
  .company.introduction
    .section.story6
    .section-body
    .post-list
    .post-item
    .product-list
    .product-item
    .product-wrap
    .product-body
    .para
    + .btn-display {
    margin-top: 4.8rem;
  }
  .company.introduction
    .section.story6
    .section-body
    .post-list
    .post-item
    .product-list
    .product-item
    .product-wrap
    .product-body
    .para
    + .btn-display
    .btn-area {
    flex: 1 1 100%;
  }
}
.company.introduction .section.story6 .section-body .post-list .post-item:nth-child(1) {
  width: calc(55.48245614% - 8px);
}
@media (max-width: 1023px) {
  .company.introduction .section.story6 .section-body .post-list .post-item:nth-child(1) {
    width: 100vw;
    margin: 0 -1.8rem 0 -1.8rem;
    order: 2;
  }
}
.company.introduction .section.story6 .section-body .post-list .post-item:nth-child(1) .product-list .product-item .product-wrap .product-figure {
  padding-bottom: 99.6015936%;
}
@media (max-width: 1023px) {
  .company.introduction .section.story6 .section-body .post-list .post-item:nth-child(1) .product-list .product-item .product-wrap .product-figure {
    padding-bottom: 95.4666666%;
    border-radius: 0;
  }
}
.company.introduction .section.story6 .section-body .post-list .post-item:nth-child(2) {
  width: calc(44.2982456% - 8px);
}
@media (max-width: 1023px) {
  .company.introduction .section.story6 .section-body .post-list .post-item:nth-child(2) {
    width: 100%;
    order: 1;
  }
}
.company.introduction .section.story6 .section-body .post-list .post-item:nth-child(2) .product-list {
  display: flex;
  flex-wrap: wrap;
  column-gap: 1.6rem;
  row-gap: 1.6rem;
}
@media (max-width: 1023px) {
  .company.introduction .section.story6 .section-body .post-list .post-item:nth-child(2) .product-list {
    column-gap: 1rem;
    row-gap: 1rem;
  }
}
.company.introduction .section.story6 .section-body .post-list .post-item:nth-child(2) .product-list .product-item:nth-child(1) {
  width: 100%;
}
.company.introduction
  .section.story6
  .section-body
  .post-list
  .post-item:nth-child(2)
  .product-list
  .product-item:nth-child(1)
  .product-wrap
  .product-figure {
  padding-bottom: 83.75%;
}
@media (max-width: 1023px) {
  .company.introduction
    .section.story6
    .section-body
    .post-list
    .post-item:nth-child(2)
    .product-list
    .product-item:nth-child(1)
    .product-wrap
    .product-figure {
    padding-bottom: 77.6%;
  }
}
.company.introduction
  .section.story6
  .section-body
  .post-list
  .post-item:nth-child(2)
  .product-list
  .product-item:nth-child(1)
  .product-wrap
  .product-body {
  padding-left: 2.4rem;
}
@media (max-width: 1023px) {
  .company.introduction
    .section.story6
    .section-body
    .post-list
    .post-item:nth-child(2)
    .product-list
    .product-item:nth-child(1)
    .product-wrap
    .product-body {
    padding-left: 0;
  }
}
.company.introduction .section.story6 .pallarax {
  opacity: 0;
  transform: translateY(15rem);
  transition: transform 0.8s ease-out;
}
.company.introduction .section.story6 .pallarax.active {
  opacity: 1;
  transform: translateY(0);
  transition: 0.5s ease-out;
}
.company.introduction .section.story7 {
  position: relative;
  width: 100%;
  padding: 16rem 0rem 20rem 0rem;
  margin: 0 auto;
  max-width: 162rem;
}
@media (max-width: 1023px) {
  .company.introduction .section.story7 {
    padding: 8rem 0rem 0rem 0rem;
  }
}
.company.introduction .section.story7 .section-head {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.company.introduction .section.story7 .section-head .section-subject .section-name {
  display: block;
  color: rgb(21, 21, 26);
  font-weight: 700;
  font-size: 6.4rem;
  line-height: 1.2;
}
@media (max-width: 1023px) {
  .company.introduction .section.story7 .section-head .section-subject .section-name {
    font-weight: 700;
    font-size: 3.6rem;
    line-height: 1.2;
  }
}
.company.introduction .section.story7 .section-head .section-subject + .section-summary {
  margin-top: 6rem;
}
@media (max-width: 1023px) {
  .company.introduction .section.story7 .section-head .section-subject + .section-summary {
    margin-top: 3rem;
  }
}
.company.introduction .section.story7 .section-head .section-summary {
  font-weight: 500;
  font-size: 2.4rem;
  color: rgb(63, 63, 70);
}
@media (max-width: 1023px) {
  .company.introduction .section.story7 .section-head .section-summary {
    font-weight: 500;
    font-size: 1.8rem;
    text-align: center;
  }
}
.company.introduction .section.story7 .section-head + .section-body {
  margin-top: 12rem;
}
@media (max-width: 1023px) {
  .company.introduction .section.story7 .section-head + .section-body {
    margin-top: 3.2rem;
  }
}
.company.introduction .section.story7 .section-body .data-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  column-gap: 2.4rem;
  row-gap: 2.4rem;
}
@media (max-width: 1023px) {
  .company.introduction .section.story7 .section-body .data-list {
    column-gap: 0.9rem;
    row-gap: 1rem;
  }
}
.company.introduction .section.story7 .section-body .data-list .data-item {
  position: relative;
  width: calc(25% - 18px);
  padding-bottom: 385px;
  border-radius: 12px;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}
.company.introduction .section.story7 .section-body .data-list .data-item:nth-child(1) {
  transition-delay: 0.1s;
}
.company.introduction .section.story7 .section-body .data-list .data-item:nth-child(2) {
  transition-delay: 0.2s;
}
.company.introduction .section.story7 .section-body .data-list .data-item:nth-child(3) {
  transition-delay: 0.3s;
}
.company.introduction .section.story7 .section-body .data-list .data-item:nth-child(4) {
  transition-delay: 0.4s;
}
@media (max-width: 1023px) {
  .company.introduction .section.story7 .section-body .data-list .data-item {
    width: calc(50% - 4.5px);
    padding-bottom: 46.66666%;
  }
  .company.introduction .section.story7 .section-body .data-list .data-item::before {
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    width: 100%;
    height: 100%;
    content: "";
    transform: translateX(-50%);
    background-color: #000;
    z-index: 1;
    opacity: 0.2;
  }
}
.company.introduction .section.story7 .section-body .data-list .data-item .data-wrap {
  display: flex;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 6rem 5rem 6rem 5rem;
  text-align: center;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  text-align: left;
  z-index: 1;
}
.en .company.introduction .section.story7 .section-body .data-list .data-item .data-wrap {
  padding: 6rem 4rem 6rem 4rem;
}

@media (max-width: 1023px) {
  .company.introduction .section.story7 .section-body .data-list .data-item .data-wrap {
    padding: 2.4rem 1rem 2.4rem 1rem;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
}
.company.introduction .section.story7 .section-body .data-list .data-item .data-wrap .data-head .data-subject .data-name {
  display: block;
  color: rgb(255, 255, 255);
  line-height: 1.8;
  font-weight: 500;
  font-size: 1.8rem;
}
@media (max-width: 1023px) {
  .company.introduction .section.story7 .section-body .data-list .data-item .data-wrap .data-head .data-subject .data-name {
    font-weight: 600;
    font-size: 1.5rem;
  }
}
.company.introduction .section.story7 .section-body .data-list .data-item .data-wrap .data-body {
  font-weight: 800;
  font-size: 4rem;
  color: rgb(255, 255, 255);
  line-height: 1.8;
}
@media (max-width: 1023px) {
  .company.introduction .section.story7 .section-body .data-list .data-item .data-wrap .data-body {
    font-size: 1.9rem;
    line-height: 1.5;
  }
}
.company.introduction .section.story7 .section-body .data-list .data-item .data-wrap .data-base {
  display: block;
  color: rgb(255, 255, 255);
  line-height: 1.8;
  font-weight: 800;
  font-size: 1.8rem;
}
@media (max-width: 1023px) {
  .company.introduction .section.story7 .section-body .data-list .data-item .data-wrap .data-base {
    font-weight: 800;
    font-size: 1.2rem;
  }
}
.company.introduction .section.story7 .section-body .data-list .data-item:nth-child(1) {
  background-image: url(../images/story7-profile-01.jpg);
}
.company.introduction .section.story7 .section-body .data-list .data-item:nth-child(2) {
  background-image: url(../images/story7-profile-02.jpg);
}
.company.introduction .section.story7 .section-body .data-list .data-item:nth-child(3) {
  background-image: url(../images/story7-profile-03.jpg);
}
.company.introduction .section.story7 .section-body .data-list .data-item:nth-child(4) {
  background-image: url(../images/story7-profile-04.jpg);
}
.company.introduction .section.story7 .section-body .data-list .data-item:nth-child(5) {
  background-image: url(../images/story7-profile-05.jpg);
}
.company.introduction .section.story7 .section-body .data-list .data-item:nth-child(6) {
  background-image: url(../images/story7-profile-06.jpg);
}
.company.introduction .section.story7 .pallarax {
  transform: translateY(8rem);
  opacity: 0;
  transition: transform 0.7s;
}
.company.introduction .section.story7 .pallarax.active {
  transform: translateY(0);
  opacity: 1;
  transition: 0.7s;
}
.company.introduction .section.story8 {
  position: relative;
  width: 100%;
  padding: 16rem 1.8rem 12rem 32.1rem;
  margin: 0 auto 3.2rem;
  max-width: 185.6rem;
  border-radius: 3.2rem;
  overflow: hidden;
}
@media (max-width: 1023px) {
  .company.introduction .section.story8 {
    padding: 0rem 0rem 0rem 0rem;
    margin: 0 auto;
    overflow: visible;
  }
}
.company.introduction .section.story8 .section-head {
  width: 100%;
  margin: 0 auto;
}
@media (max-width: 1023px) {
  .company.introduction .section.story8 .section-head {
    padding: 8rem 0rem 0rem 0rem;
  }
}
.company.introduction .section.story8 .section-head .section-subject .section-name {
  display: block;
  color: rgb(255, 255, 255);
  font-weight: 700;
  font-size: 6.4rem;
}
@media (max-width: 1023px) {
  .company.introduction .section.story8 .section-head .section-subject .section-name {
    font-weight: 700;
    font-size: 3.6rem;
    color: rgb(21, 21, 26);
    line-height: 1.2;
  }
}
.company.introduction .section.story8 .section-head .section-subject + .section-summary {
  margin-top: 3.2rem;
}
@media (max-width: 1023px) {
  .company.introduction .section.story8 .section-head .section-subject + .section-summary {
    margin-top: 3rem;
  }
}
.company.introduction .section.story8 .section-head .section-subject + .section-util {
  margin-top: 6rem;
}
@media (max-width: 1023px) {
  .company.introduction .section.story8 .section-head .section-subject + .section-util {
    margin-top: 4.8rem;
  }
}
.company.introduction .section.story8 .section-head .section-summary {
  font-weight: 500;
  font-size: 1.8rem;
  color: rgb(255, 255, 255);
  line-height: 1.8;
}
@media (max-width: 1023px) {
  .company.introduction .section.story8 .section-head .section-summary {
    color: rgb(63, 63, 70);
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 1.6;
  }
}
@media (max-width: 1023px) {
  .company.introduction .section.story8 .section-head .btn.color3 {
    color: rgb(0, 0, 0);
    border-color: rgb(228, 228, 231);
  }
}
.company.introduction .section.story8 .section-head + .section-body {
  margin-top: 6rem;
}
@media (max-width: 1023px) {
  .company.introduction .section.story8 .section-head + .section-body {
    margin-top: 4.8rem;
  }
}
.company.introduction .section.story8 .section-body {
  display: flex;
  margin: 0 auto;
  justify-content: flex-end;
  max-width: 132.7rem;
}
@media (max-width: 1023px) {
  .company.introduction .section.story8 .section-body {
    display: block;
    position: relative;
    padding: 6.4rem 0 4.8rem 0;
  }
}
.company.introduction .section.story8 .section-body .bg {
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translateX(-50%);
  z-index: -1;
}
@media (max-width: 1023px) {
  .company.introduction .section.story8 .section-body .bg {
    width: 100vw;
  }
}
.company.introduction .section.story8 .section-body .bg video {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  object-fit: cover;
}
@media (max-width: 1023px) {
  .company.introduction .section.story8 .section-body .bg video {
    width: 100vw;
  }
}
.company.introduction .section.story8 .section-body .bg::after {
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(26, 66, 207, 0.12) 0%, rgba(26, 66, 207, 0.12) 100%);
  content: "";
  transform: translateX(-50%);
  z-index: 0;
}
.company.introduction .section.story8 .section-body .board-list {
  display: flex;
}
@media (max-width: 1023px) {
  .company.introduction .section.story8 .section-body .board-list {
    flex-direction: column;
  }
}
.company.introduction .section.story8 .section-body .board-list .board-item {
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(4px);
  border-radius: 1.2rem;
}
.company.introduction .section.story8 .section-body .board-list .board-item + .board-item {
  margin-left: 2rem;
  max-width: 60rem;
}
@media (max-width: 1023px) {
  .company.introduction .section.story8 .section-body .board-list .board-item + .board-item {
    margin: 1.6rem 0 0 0;
  }
}
.company.introduction .section.story8 .section-body .board-list .board-item .board-wrap {
  display: flex;
  padding: 4.2rem 6.5rem 7rem 4.2rem;
}
@media (max-width: 1023px) {
  .company.introduction .section.story8 .section-body .board-list .board-item .board-wrap {
    padding: 3.2rem 3.2rem 4rem 3.2rem;
  }
}
.company.introduction .section.story8 .section-body .board-list .board-item .board-wrap .board-head {
  flex-shrink: 0;
}
.company.introduction .section.story8 .section-body .board-list .board-item .board-wrap .board-head .board-subject .board-name {
  color: rgb(255, 255, 255);
  font-weight: 700;
  font-size: 2.2rem;
}
@media (max-width: 1023px) {
  .company.introduction .section.story8 .section-body .board-list .board-item .board-wrap .board-head .board-subject .board-name {
    font-weight: 700;
    font-size: 2.4rem;
  }
}
.company.introduction .section.story8 .section-body .board-list .board-item .board-wrap .board-head + .board-body {
  padding-left: 4rem;
}
@media (max-width: 1023px) {
  .company.introduction .section.story8 .section-body .board-list .board-item .board-wrap .board-head + .board-body {
    padding-left: 3rem;
  }
}
.company.introduction .section.story8 .section-body .board-list .board-item .board-wrap .board-body {
  display: flex;
}
.company.introduction .section.story8 .section-body .board-list .board-item .board-wrap .board-body .data-list {
  display: flex;
  flex-direction: column;
  gap: 0.8rem 4rem;
}
.company.introduction .section.story8 .section-body .board-list .board-item .board-wrap .board-body .data-list .data-item .data-text {
  color: #eee;
  font-weight: 500;
  font-size: 1.5rem;
}
.company.introduction .section.story8 .section-body .board-list .board-item .board-wrap .board-body .data-list.case1 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.company.introduction .section.story8 .section-body .board-list .board-item .board-wrap .board-body .data-list.case1 .data-item {
  width: calc(50% - 2rem);
}
@media (max-width: 1023px) {
  .company.introduction .section.story8 .section-body .board-list .board-item .board-wrap .board-body .data-list.case1 {
    flex-direction: column;
  }
  .company.introduction .section.story8 .section-body .board-list .board-item .board-wrap .board-body .data-list.case1 .data-item {
    width: 100%;
  }
}
.company.introduction .section.story8 .section-body .board-list .board-item .board-wrap .board-body .data-list + .data-list {
  padding-left: 4rem;
}
.company.introduction .section.story9 {
  position: relative;
  width: 100%;
  margin: 16rem auto 16rem;
  max-width: 120rem;
}
@media (max-width: 1023px) {
  .company.introduction .section.story9 {
    margin: 8rem auto 8rem;
    max-width: 100%;
  }
}
.company.introduction .section.story9 .section-head {
  display: flex;
  justify-content: center;
}
.company.introduction .section.story9 .section-head .section-summary {
  font-weight: 700;
  font-size: 3.2rem;
  color: rgb(21, 21, 26);
  text-align: center;
}
@media (max-width: 1023px) {
  .company.introduction .section.story9 .section-head .section-summary {
    font-weight: 700;
    font-size: 2.4rem;
  }
}
.company.introduction .section.story9 .section-head + .section-body {
  margin-top: 8rem;
}
@media (max-width: 1023px) {
  .company.introduction .section.story9 .section-head + .section-body {
    margin-top: 4.8rem;
  }
}
.company.introduction .section.story9 .section-body .data-list {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.company.introduction .section.story9 .section-body .data-list .data-item {
  position: relative;
  width: calc(25% - 15px);
  border: 1px solid #e4e4e7;
  flex-shrink: 0;
  padding-bottom: 13.3333333333%;
  border-radius: 8px;
  overflow: hidden;
}
@media (max-width: 1023px) {
  .company.introduction .section.story9 .section-body .data-list .data-item {
    width: 100%;
    padding-bottom: 47.197640118%;
    min-height: 16rem;
  }
}
.company.introduction .section.story9 .section-body .data-list .data-item img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  object-fit: cover;
}
@media (max-width: 1023px) {
  .company.introduction .section.story9 .section-body .data-list {
    padding: 0 2.7rem;
  }
}
.company.greetings .content-body {
  padding: 16rem 0;
}
.company.greetings .content-body .section {
  width: 100%;
  margin: 0 auto;
  max-width: 120rem;
}
.company.greetings .content-body .section .section-body .para {
  word-break: keep-all;
}
.company.greetings .content-body .section.representative-greetings {
  margin-bottom: 9rem;
}
.company.greetings .content-body .section.representative-greetings .section-body {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.company.greetings .content-body .section.representative-greetings .section-body .data-display {
  position: relative;
  max-width: 58rem;
  background-position: right center;
  background-repeat: no-repeat;
}
.company.greetings .content-body .section.representative-greetings .section-body .data-display .data-head .data-name {
  color: rgb(21, 21, 26);
  font-weight: 700;
  font-size: 2rem;
}
@media (max-width: 1023px) {
  .company.greetings .content-body .section.representative-greetings .section-body .data-display .data-head .data-name {
    font-weight: 700;
    font-size: 1.8rem;
  }
}
.company.greetings .content-body .section.representative-greetings .section-body .data-display .data-head ~ .data-body {
  padding-top: 2.4rem;
}
@media (max-width: 1023px) {
  .company.greetings .content-body .section.representative-greetings .section-body .data-display .data-head ~ .data-body {
    padding-top: 2.4rem;
  }
}
.company.greetings .content-body .section.representative-greetings .section-body .data-display .data-body .para {
  color: rgb(63, 63, 70);
  word-break: keep-all;
  font-weight: 500;
  font-size: 1.8rem;
}
@media (max-width: 1023px) {
  .company.greetings .content-body .section.representative-greetings .section-body .data-display .data-body .para {
    font-weight: 500;
    font-size: 1.6rem;
  }
}
@media (max-width: 1023px) {
  .company.greetings .content-body .section.representative-greetings .section-body .data-display {
    background: none;
    padding-left: 1.2rem;
    padding-right: 1.2rem;
  }
  .company.greetings .content-body .section.representative-greetings .section-body .data-display + .data-figure {
    margin-top: 4.8rem;
    padding-top: 51.1rem;
  }
}
.company.greetings .content-body .section.representative-greetings .section-body .data-figure .img-wrap ~ .caption-wrap {
  padding-top: 2.4rem;
}
@media (max-width: 1023px) {
  .company.greetings .content-body .section.representative-greetings .section-body .data-figure .img-wrap ~ .caption-wrap {
    padding-top: 1.6rem;
  }
}
@media (max-width: 1023px) {
  .company.greetings .content-body .section.representative-greetings .section-body .data-figure .img-wrap {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
}
.company.greetings .content-body .section.representative-greetings .section-body .data-figure .caption-wrap {
  display: flex;
  margin: 0 auto;
  align-items: center;
  max-width: 50rem;
}
.company.greetings .content-body .section.representative-greetings .section-body .data-figure .caption-wrap .position {
  display: inline-block;
  color: rgb(113, 113, 122);
  font-weight: 700;
  font-size: 1.8rem;
}
.company.greetings .content-body .section.representative-greetings .section-body .data-figure .caption-wrap .position + .name {
  margin-left: 2.4rem;
}
@media (max-width: 1023px) {
  .company.greetings .content-body .section.representative-greetings .section-body .data-figure .caption-wrap .position {
    font-weight: 700;
    font-size: 1.8rem;
  }
}
.company.greetings .content-body .section.representative-greetings .section-body .data-figure .caption-wrap .name {
  display: inline-block;
  color: rgb(21, 21, 26);
  font-weight: 700;
  font-size: 2.4rem;
}
@media (max-width: 1023px) {
  .company.greetings .content-body .section.representative-greetings .section-body .data-figure .caption-wrap .name {
    font-weight: 700;
    font-size: 2.4rem;
  }
}
@media (max-width: 1023px) {
  .company.greetings .content-body .section.representative-greetings .section-body .data-figure {
    position: relative;
    width: 100%;
  }
}
@media (max-width: 1023px) {
  .company.greetings .content-body .section.representative-greetings .section-body {
    flex-direction: column;
  }
}
.company.greetings .content-body .section[class*="direction"]::after {
  display: block;
  width: 100%;
  height: 40rem;
  content: "";
  margin-top: 8rem;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  border-radius: 0.8rem;
  overflow: hidden;
}
@media (max-width: 1023px) {
  .company.greetings .content-body .section[class*="direction"]::after {
    margin-top: 4.8rem;
  }
}
.company.greetings .content-body .section.direction1::after {
  background-image: url("../images/bg-greetings1-pc.png");
}
@media (max-width: 1023px) {
  .company.greetings .content-body .section.direction1::after {
    background-image: url("../images/bg-greetings1-mo.png");
  }
}
.company.greetings .content-body .section.direction2::after {
  background-image: url("../images/bg-greetings2-pc.png");
}
@media (max-width: 1023px) {
  .company.greetings .content-body .section.direction2::after {
    background-image: url("../images/bg-greetings2-mo.png");
  }
}
.company.greetings .content-body .section.closing .section-wrap .section-body .para,
.company.greetings .content-body .section.closing .section-wrap .section-body .closing-comment {
  color: rgb(21, 21, 26);
  font-weight: 700;
  font-size: 2rem;
}
.company.greetings .content-body .section.closing .section-wrap .section-body .para + .para {
  padding-top: 1.6rem;
}
.company.greetings .content-body .section.closing .section-wrap .section-body .closing-comment {
  padding-top: 4rem;
}
@media (max-width: 1023px) {
  .company.greetings .content-body .section.closing .section-wrap .section-body .para,
  .company.greetings .content-body .section.closing .section-wrap .section-body .closing-comment {
    font-weight: 700;
    font-size: 1.8rem;
  }
  .company.greetings .content-body .section.closing .section-wrap .section-body .para + .para {
    padding-top: 1.2rem;
  }
  .company.greetings .content-body .section.closing .section-wrap .section-body .closing-comment {
    padding-top: 2.4rem;
  }
}
.company.greetings .content-body .section + .section {
  margin-top: 16rem;
}
@media (max-width: 1023px) {
  .company.greetings .content-body .section + .section {
    margin-top: 8rem;
  }
}
@media (max-width: 1023px) {
  .company.greetings .content-body {
    padding: 8rem 0;
  }
}
.company.greetings .pallarax {
  opacity: 0;
  transform: translateY(15rem);
  transition: transform 0.5s ease-out;
}
.company.greetings .pallarax.active {
  opacity: 1;
  transform: translateY(0);
  transition: 0.5s ease-out;
}
@media (min-width: 1024px) {
  .company.greetings .local-head .local-subject {
    margin: 0 auto;
    max-width: 105rem;
  }
}
.company.globalnetwork .local-body {
  width: 100%;
  margin: 0 auto;
  max-width: 120rem;
}
.company.globalnetwork .local-body .content-body {
  padding: 16rem 0;
}
.company.globalnetwork .local-body .content-body .panel-display .section .section-wrap .section-head {
  width: 100%;
  max-width: 38.7rem;
}
.company.globalnetwork .local-body .content-body .panel-display .section .section-wrap .section-head + .section-body {
  margin-left: 2rem;
}
.company.globalnetwork .local-body .content-body .panel-display .section .section-wrap .section-body {
  width: 100%;
  flex: 1;
}
.company.globalnetwork .local-body .content-body .panel-display .section .section-wrap .section-body .board-list {
  background-color: rgb(255, 255, 255);
}
.company.globalnetwork .local-body .content-body .panel-display .section .section-wrap .section-body .board-list .board-item {
  position: relative;
  padding: 4rem;
  border: 0.1rem solid rgb(113, 113, 122);
  padding-bottom: 6.4rem;
  border-radius: 0.8rem;
}
.company.globalnetwork .local-body .content-body .panel-display .section .section-wrap .section-body .board-list .board-item .board-head {
  display: flex;
  align-items: center;
  min-height: 5.6rem;
  margin-right: 14.1rem;
}
.company.globalnetwork
  .local-body
  .content-body
  .panel-display
  .section
  .section-wrap
  .section-body
  .board-list
  .board-item
  .board-head
  .board-subject {
  color: rgb(21, 21, 26);
  font-weight: 700;
  font-size: 2.4rem;
}
.company.globalnetwork .local-body .content-body .panel-display .section .section-wrap .section-body .board-list .board-item .board-head::after {
  display: none;
  width: 2.4rem;
  height: 2.4rem;
  content: "";
  background-image: url("data:image/svg+xml,%0A%3Csvg width='14' height='9' viewBox='0 0 14 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.6348 0.365166C13.9863 0.716638 13.9863 1.28649 13.6348 1.63796L6.99844 8.27435L0.362041 1.63796C0.0105695 1.28649 0.0105695 0.716638 0.362041 0.365166C0.713513 0.0136939 1.28336 0.013694 1.63483 0.365166L6.99844 5.72877L12.362 0.365166C12.7135 0.0136945 13.2834 0.0136945 13.6348 0.365166Z' fill='rgb(39,39,42)'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  transition: transform 0.3s ease;
}
.company.globalnetwork
  .local-body
  .content-body
  .panel-display
  .section
  .section-wrap
  .section-body
  .board-list
  .board-item
  .board-head
  ~ .board-figure.active {
  margin-top: 4rem;
}
.company.globalnetwork .local-body .content-body .panel-display .section .section-wrap .section-body .board-list .board-item .board-body {
  max-height: 100%;
  transition: height 0.3s ease;
}
.company.globalnetwork .local-body .content-body .panel-display .section .section-wrap .section-body .board-list .board-item .board-body .info-list {
  padding-top: 4rem;
}
.company.globalnetwork
  .local-body
  .content-body
  .panel-display
  .section
  .section-wrap
  .section-body
  .board-list
  .board-item
  .board-body
  .info-list
  .info-item {
  display: flex;
}
.company.globalnetwork
  .local-body
  .content-body
  .panel-display
  .section
  .section-wrap
  .section-body
  .board-list
  .board-item
  .board-body
  .info-list
  .info-item
  .info-title {
  display: inline-block;
  color: rgb(21, 21, 26);
  min-width: 8.1rem;
  font-weight: 700;
  font-size: 1.8rem;
}
.company.globalnetwork
  .local-body
  .content-body
  .panel-display
  .section
  .section-wrap
  .section-body
  .board-list
  .board-item
  .board-body
  .info-list
  .info-item
  .info-content {
  display: inline-block;
  color: rgb(63, 63, 70);
  font-weight: 500;
  font-size: 1.8rem;
}
.company.globalnetwork
  .local-body
  .content-body
  .panel-display
  .section
  .section-wrap
  .section-body
  .board-list
  .board-item
  .board-body
  .info-list
  .info-item
  + .info-item {
  padding-top: 0.8rem;
}
.company.globalnetwork
  .local-body
  .content-body
  .panel-display
  .section
  .section-wrap
  .section-body
  .board-list
  .board-item
  .board-body
  .btn-display {
  position: absolute;
  top: 4rem;
  right: 4rem;
}
.company.globalnetwork .local-body .content-body .panel-display .section .section-wrap .section-body .board-list .board-item .board-figure {
  display: block;
  height: 0;
  transition: 0.3s ease;
  border-radius: 0.8rem;
  overflow: hidden;
}
.company.globalnetwork .local-body .content-body .panel-display .section .section-wrap .section-body .board-list .board-item .board-figure .map-area {
  width: 100%;
  height: 38.4rem;
}
.company.globalnetwork
  .local-body
  .content-body
  .panel-display
  .section
  .section-wrap
  .section-body
  .board-list
  .board-item
  .board-figure
  .map-area
  > img {
  width: 100%;
  height: 100%;
}
.company.globalnetwork
  .local-body
  .content-body
  .panel-display
  .section
  .section-wrap
  .section-body
  .board-list
  .board-item.active
  .board-head::after {
  transform: rotate(-180deg);
}
.company.globalnetwork .local-body .content-body .panel-display .section .section-wrap .section-body .board-list .board-item + .board-item {
  margin-top: 2.4rem;
}
.company.globalnetwork .local-body .content-body .panel-display .section + .section {
  margin-top: 8rem;
}
@media (max-width: 1023px) {
  .company.globalnetwork .local-body .content-body {
    padding: 8rem 0;
  }
  .company.globalnetwork .local-body .content-body .panel-display {
    padding-top: 3.2rem;
  }
  .company.globalnetwork .local-body .content-body .panel-display .section .section-wrap .section-head {
    min-width: unset;
  }
  .company.globalnetwork .local-body .content-body .panel-display .section .section-wrap .section-head + .section-body {
    margin-left: 0;
    margin-top: 1.6rem;
  }
  .company.globalnetwork .local-body .content-body .panel-display .section .section-wrap .section-body .board-list .board-item {
    padding: 0;
    border: none;
    border-radius: 0;
    border-top: 0.2rem solid rgb(39, 39, 42);
  }
  .company.globalnetwork .local-body .content-body .panel-display .section .section-wrap .section-body .board-list .board-item .board-head {
    padding: 2.3rem 1.6rem;
    justify-content: space-between;
    margin-right: 0;
    border-bottom: 0.1rem solid rgb(113, 113, 122);
    cursor: pointer;
  }
  .company.globalnetwork
    .local-body
    .content-body
    .panel-display
    .section
    .section-wrap
    .section-body
    .board-list
    .board-item
    .board-head
    .board-subject {
    font-weight: 700;
    font-size: 1.8rem;
  }
  .company.globalnetwork .local-body .content-body .panel-display .section .section-wrap .section-body .board-list .board-item .board-head::after {
    display: block;
  }
  .company.globalnetwork .local-body .content-body .panel-display .section .section-wrap .section-body .board-list .board-item .board-body {
    height: 0;
    overflow: hidden;
    background-color: rgb(246, 246, 247);
  }
  .company.globalnetwork
    .local-body
    .content-body
    .panel-display
    .section
    .section-wrap
    .section-body
    .board-list
    .board-item
    .board-body
    .board-inner {
    padding: 1.6rem 2.4rem;
    border-bottom: 0.1rem solid rgb(113, 113, 122);
  }
  .company.globalnetwork
    .local-body
    .content-body
    .panel-display
    .section
    .section-wrap
    .section-body
    .board-list
    .board-item
    .board-body
    .board-inner
    .info-list {
    padding: 0;
  }
  .company.globalnetwork
    .local-body
    .content-body
    .panel-display
    .section
    .section-wrap
    .section-body
    .board-list
    .board-item
    .board-body
    .board-inner
    .info-list
    .info-item {
    display: flex;
  }
  .company.globalnetwork
    .local-body
    .content-body
    .panel-display
    .section
    .section-wrap
    .section-body
    .board-list
    .board-item
    .board-body
    .board-inner
    .info-list
    .info-item
    .info-title {
    flex-shrink: 0;
    font-weight: 700;
    font-size: 1.6rem;
  }
  .company.globalnetwork
    .local-body
    .content-body
    .panel-display
    .section
    .section-wrap
    .section-body
    .board-list
    .board-item
    .board-body
    .board-inner
    .info-list
    .info-item
    .info-title
    + .info-content {
    margin-left: 1.6rem;
  }
  .company.globalnetwork
    .local-body
    .content-body
    .panel-display
    .section
    .section-wrap
    .section-body
    .board-list
    .board-item
    .board-body
    .board-inner
    .info-list
    .info-item
    .info-content {
    font-weight: 500;
    font-size: 1.6rem;
  }
  .company.globalnetwork
    .local-body
    .content-body
    .panel-display
    .section
    .section-wrap
    .section-body
    .board-list
    .board-item
    .board-body
    .board-inner
    .info-list
    .info-item
    + .info-item {
    padding-top: 0.4rem;
  }
  .company.globalnetwork
    .local-body
    .content-body
    .panel-display
    .section
    .section-wrap
    .section-body
    .board-list
    .board-item
    .board-body
    .board-inner
    .btn-display {
    position: static;
    padding-top: 2.4rem;
  }
  .company.globalnetwork
    .local-body
    .content-body
    .panel-display
    .section
    .section-wrap
    .section-body
    .board-list
    .board-item
    .board-body
    .board-inner
    .btn-display
    .btn-text::after {
    background-size: 0.7rem;
  }
  .company.globalnetwork .local-body .content-body .panel-display .section .section-wrap .section-body .board-list .board-item .board-figure {
    display: none;
  }
  .company.globalnetwork .local-body .content-body .panel-display .section .section-wrap .section-body .board-list .board-item + .board-item {
    border-top: none;
    margin-top: 0;
  }
  .company.globalnetwork .local-body .content-body .panel-display .section + .section {
    margin-top: 4.8rem;
  }
}
.company.history .content-body {
  position: relative;
}
.company.history .section.anchor-area {
  position: absolute;
  top: 2rem;
  left: 50%;
  width: 100%;
  transform: translateX(-50%);
  max-width: 120rem;
  z-index: 15;
  transition: transform 0.4s ease;
}
.company.history .section.anchor-area .anchor-display {
  overflow: visible;
}
@media (max-width: 1199px) {
  .company.history .section.anchor-area .anchor-display {
    padding-right: 3.6rem;
  }
}
.company.history .section.anchor-area .anchor-display .anchor-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 2rem;
}
@media (max-width: 1199px) {
  .company.history .section.anchor-area .anchor-display .anchor-list {
    column-gap: 1.2rem;
  }
}
.company.history .section.anchor-area .anchor-display .anchor-list .anchor-item {
  width: calc(25% - 1.5rem);
}
@media (max-width: 1199px) {
  .company.history .section.anchor-area .anchor-display .anchor-list .anchor-item {
    width: calc(25% - 0.9rem);
    min-width: 10.5rem;
  }
}
.company.history .section.anchor-area .anchor-display .anchor-list .anchor-link {
  display: block;
  padding: 1.5rem 1rem;
  border: 1px solid transparent;
  background: rgba(0, 0, 0, 0.2);
  text-align: center;
  border-radius: 0.8rem;
  backdrop-filter: blur(30px);
  transition: 0.5s ease;
}
@media (max-width: 1199px) {
  .company.history .section.anchor-area .anchor-display .anchor-list .anchor-link {
    padding: 1rem 0.4rem;
  }
  .en .company.history .section.anchor-area .anchor-display .anchor-list .anchor-link {
    min-height: unset;
  }
}
.company.history .section.anchor-area .anchor-display .anchor-list .anchor-link .link-text {
  color: rgb(255, 255, 255);
}
.company.history .section.anchor-area .anchor-display .anchor-list .anchor-link .link-text.title {
  font-weight: 700;
  font-size: 2rem;
}
.company.history .section.anchor-area .anchor-display .anchor-list .anchor-link .link-text.date {
  display: block;
  font-weight: 700;
  font-size: 2rem;
}
@media (min-width: 1024px) and (max-width: 1133px) {
  .company.history .section.anchor-area .anchor-display .anchor-list .anchor-link .link-text.title {
    font-size: 1.8rem !important;
  }
}
@media (max-width: 1199px) {
  .company.history .section.anchor-area .anchor-display .anchor-list .anchor-link .link-text.title {
    display: none;
  }
  .company.history .section.anchor-area .anchor-display .anchor-list .anchor-link .link-text.date {
    font-weight: 700;
    font-size: 1.4rem;
  }
}
.company.history .section.anchor-area .anchor-display .anchor-list .anchor-link:hover {
  background: rgba(255, 255, 255, 0.4);
  border: 1px solid rgba(255, 255, 255, 0.4);
}
.company.history .section.anchor-area .anchor-display .anchor-list .anchor-link.active {
  background: rgb(255, 255, 255);
}
.company.history .section.anchor-area .anchor-display .anchor-list .anchor-link.active .link-text.title {
  font-weight: 700;
  font-size: 2rem;
}
.company.history .section.anchor-area .anchor-display .anchor-list .anchor-link.active .link-text.date {
  color: rgb(21, 21, 26);
  font-weight: 700;
  font-size: 2rem;
}
@media (max-width: 1199px) {
  .company.history .section.anchor-area .anchor-display .anchor-list .anchor-link.active .link-text.title {
    display: none;
  }
  .company.history .section.anchor-area .anchor-display .anchor-list .anchor-link.active .link-text.date {
    font-weight: 700;
    font-size: 1.4rem;
  }
}
.company.history .section.anchor-area.fixed {
  position: fixed;
  width: calc(100% - 3.6rem);
}
.company.history .section.anchor-area.fixed.anchor-dropping {
  transform: translateX(-50%) translateY(7.2rem);
}
@media (max-width: 1199px) {
  .company.history .section.anchor-area.fixed.anchor-dropping {
    transform: translateX(-50%) translateY(6.2rem);
  }
}
.company.history .section.history-area {
  position: relative;
}
.company.history .section.history-area .history-list .history-item {
  position: relative;
}
.company.history .section.history-area .history-list .history-item .head {
  position: relative;
  width: calc(100% + 3.6rem);
  min-height: 46rem;
  transition-duration: 0.4s;
  z-index: 1;
  margin-top: -0.1rem;
  overflow: hidden;
  margin-left: -1.8rem;
}
@media (max-width: 1199px) {
  .company.history .section.history-area .history-list .history-item .head {
    min-height: 19.3rem;
  }
}
.company.history .section.history-area .history-list .history-item .head .subject {
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
  max-width: 120rem;
  transform: translate(-50%, 21.8rem);
  transition-duration: 0.3s;
  padding-right: 1.8rem;
}
@media (max-width: 1199px) {
  .company.history .section.history-area .history-list .history-item .head .subject {
    transform: translate(-50%, 10.8rem);
    left: calc(50% + 1.8rem);
  }
  .en .company.history .section.history-area .history-list .history-item .head .subject {
    transform: translate(-50%, 9.6rem);
  }
}
@media (max-width: 1236px) {
  .en .company.history .section.history-area .history-list .history-item .head .subject {
    left: calc(50% + 1.8rem);
  }
}

.company.history .section.history-area .history-list .history-item .head .summary {
  color: rgb(255, 255, 255);
  opacity: 1;
  transition: opacity 0.4s ease;
  font-weight: 700;
  font-size: 1.8rem;
}
.company.history .section.history-area .history-list .history-item .head .summary + .name {
  color: rgb(255, 255, 255);
  padding-right: 1rem;
  margin-top: 1.6rem;
  transform-origin: bottom left;
  transition-duration: 0.4s;
  font-weight: 700;
  font-size: 4.8rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.en .company.history .section.history-area .history-list .history-item .head .summary + .name {
  white-space: unset;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  transition-duration: unset;
}

@media (max-width: 1199px) {
  .company.history .section.history-area .history-list .history-item .head .summary {
    font-weight: 700;
    font-size: 1.2rem;
  }
  .company.history .section.history-area .history-list .history-item .head .summary + .name {
    margin-top: 0.8rem;
    font-weight: 700;
    font-size: 2rem;
  }
  .en .company.history .section.history-area .history-list .history-item .head .summary + .name {
    font-weight: 700;
    font-size: 1.6rem;
  }
}
.company.history .section.history-area .history-list .history-item .head .progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 0.4rem;
  background-color: rgb(39, 39, 42);
  z-index: 10;
}
.company.history .section.history-area .history-list .history-item .head + .body {
  margin: 0 auto;
  max-width: 120rem;
  padding-top: 16rem;
  overflow: hidden;
}
@media (max-width: 1199px) {
  .company.history .section.history-area .history-list .history-item .head + .body {
    padding-top: 6.4rem;
  }
}
.company.history .section.history-area .history-list .history-item .head::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  left: calc(50% - 50vw);
  width: 100vw;
  height: 100%;
  content: "";
  z-index: -1;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.company.history .section.history-area .history-list .history-item .head::after {
  position: absolute;
  bottom: 0;
  left: calc(50% - 50vw);
  width: 100vw;
  height: 0.4rem;
  content: "";
  background-color: rgb(228, 228, 231);
}
.company.history .section.history-area .history-list .history-item.anchor0 .head::before {
  background-image: url("../images/bg-history-00.jpg");
}
@media (max-width: 1199px) {
  .company.history .section.history-area .history-list .history-item.anchor0 .head::before {
    background-image: url("../images/bg-history-00-mo.jpg");
  }
}
.company.history .section.history-area .history-list .history-item.anchor1 .head::before {
  background-image: url("../images/bg-history-01.jpg");
}
@media (max-width: 1199px) {
  .company.history .section.history-area .history-list .history-item.anchor1 .head::before {
    background-image: url("../images/bg-history-01-mo.jpg");
  }
}
.company.history .section.history-area .history-list .history-item.anchor2 .head::before {
  background-image: url("../images/bg-history-02.jpg");
}
@media (max-width: 1199px) {
  .company.history .section.history-area .history-list .history-item.anchor2 .head::before {
    background-image: url("../images/bg-history-02-mo.jpg");
  }
}
.company.history .section.history-area .history-list .history-item.anchor3 .head::before {
  background-image: url("../images/bg-history-03.jpg");
}
@media (max-width: 1199px) {
  .company.history .section.history-area .history-list .history-item.anchor3 .head::before {
    background-image: url("../images/bg-history-03-mo.jpg");
  }
}
.company.history .section.history-area .history-list .history-item.active1 .head {
  position: sticky;
  top: 0;
}
.company.history .section.history-area .history-list .history-item.active1.menu-rising .head {
  top: -26rem;
}
@media (max-width: 1199px) {
  .company.history .section.history-area .history-list .history-item.active1.menu-rising .head {
    top: -1px;
    transform: translateY(0);
  }
}
.company.history .section.history-area .history-list .history-item.active1.menu-dropping .head {
  top: -18.8rem;
}
@media (max-width: 1199px) {
  .company.history .section.history-area .history-list .history-item.active1.menu-dropping .head {
    top: -1px;
    transform: translateY(5.8rem);
  }
}
.company.history .section.history-area .history-list .history-item.active2 .head .subject {
  transform: translate(-50%, 31rem);
}
.en .company.history .section.history-area .history-list .history-item.active2 .head .subject {
  transform: translate(-50%, 35rem);
}

@media (max-width: 1199px) {
  .company.history .section.history-area .history-list .history-item.active2 .head .subject {
    transform: translate(-50%, 10.8rem);
  }
  .en .company.history .section.history-area .history-list .history-item.active2 .head .subject {
    transform: translate(-50%, 9.6rem);
  }
}
.company.history .section.history-area .history-list .history-item.active2 .head .summary {
  opacity: 0;
}
.company.history .section.history-area .history-list .history-item.active2 .head .summary + .name {
  transform: scale(0.5);
}
.en .company.history .section.history-area .history-list .history-item.active2 .head .summary + .name {
  transform: unset;
  font-weight: 700;
  font-size: 2.4rem;
}

@media (max-width: 1199px) {
  .company.history .section.history-area .history-list .history-item.active2 .head .summary {
    opacity: 1;
    font-weight: 700;
    font-size: 1.2rem;
  }
  .company.history .section.history-area .history-list .history-item.active2 .head .summary + .name {
    transform: scale(1);
    font-weight: 700;
    font-size: 2rem;
  }
  .en .company.history .section.history-area .history-list .history-item.active2 .head .summary + .name {
    font-weight: 700;
    font-size: 1.6rem;
  }
}
.company.history .section.history-area .history-list .history-item.active2.menu-rising .head {
  top: -26rem;
}
@media (max-width: 1199px) {
  .company.history .section.history-area .history-list .history-item.active2.menu-rising .head {
    top: -1px;
    transform: translateY(0);
    transition-duration: 0.5s;
  }
}
.company.history .section.history-area .history-list .history-item.active2.menu-dropping .head {
  top: -18.8rem;
}
@media (max-width: 1199px) {
  .company.history .section.history-area .history-list .history-item.active2.menu-dropping .head {
    top: -1px;
    transform: translateY(5.8rem);
    transition-duration: 0.5s;
  }
}

#wrap .business:not(.overview) .local-figure {
  max-width: 100%;
}
#wrap .business .content-body {
  background-color: rgb(255, 255, 255);
}
@media (min-width: 1024px) {
  #wrap .business .content-body .section .section-wrap .article .article-head .title {
    font-weight: 700;
    font-size: 4.8rem;
  }
}
@media (max-width: 1023px) {
  #wrap .business .content-body .section .section-wrap .article .article-head .title {
    font-weight: 700;
    font-size: 3.2rem;
  }
}
#wrap .business .content-body .section .section-wrap .article.intro .article-wrap .title {
  color: rgb(255, 255, 255);
}
@media (min-width: 1024px) {
  #wrap .business .content-body .section .section-wrap .article.intro .article-wrap .title {
    font-weight: 700;
    font-size: 4.8rem;
  }
  #wrap .business .content-body .section .section-wrap .article.intro .article-wrap .title ~ .para {
    padding-top: 2.4rem;
  }
}
@media (max-width: 1023px) {
  #wrap .business .content-body .section .section-wrap .article.intro .article-wrap .title {
    font-weight: 700;
    font-size: 3.2rem;
  }
  #wrap .business .content-body .section .section-wrap .article.intro .article-wrap .title ~ .para {
    padding-top: 1.6rem;
  }
}
@media (min-width: 1024px) {
  #wrap .business .content-body .section .section-wrap .article.intro .article-wrap .title ~ .sub-title {
    padding-top: 2.4rem;
  }
}
@media (max-width: 1023px) {
  #wrap .business .content-body .section .section-wrap .article.intro .article-wrap .title ~ .sub-title {
    padding-top: 1.6rem;
  }
}
#wrap .business .content-body .section .section-wrap .article.intro .article-wrap .sub-title {
  color: rgb(255, 255, 255);
}
@media (min-width: 1024px) {
  #wrap .business .content-body .section .section-wrap .article.intro .article-wrap .sub-title {
    font-weight: 700;
    font-size: 3.2rem;
  }
}
@media (max-width: 1023px) {
  #wrap .business .content-body .section .section-wrap .article.intro .article-wrap .sub-title {
    font-weight: 700;
    font-size: 2rem;
  }
}
@media (min-width: 1024px) {
  #wrap .business .content-body .section .section-wrap .article.intro .article-wrap .article-head ~ .article-body {
    margin-top: 6.4rem;
  }
}
@media (max-width: 1023px) {
  #wrap .business .content-body .section .section-wrap .article.intro .article-wrap .article-head ~ .article-body {
    margin-top: 3.2rem;
  }
}
#wrap .business .content-body .section .section-wrap .article.intro .article-wrap .article-body {
  position: relative;
}
@media (min-width: 1024px) {
  #wrap .business .content-body .section .section-wrap .article.intro .article-wrap .article-body .title {
    padding-top: 6.4rem;
  }
}
@media (max-width: 1023px) {
  #wrap .business .content-body .section .section-wrap .article.intro .article-wrap .article-body .title {
    padding-top: 3.2rem;
  }
}
@media (min-width: 1024px) {
  #wrap .business .content-body .section .section-wrap .article.intro .article-wrap .article-body .title ~ .para {
    padding-top: 2.4rem;
  }
}
@media (max-width: 1023px) {
  #wrap .business .content-body .section .section-wrap .article.intro .article-wrap .article-body .title ~ .para {
    padding-top: 1.6rem;
  }
}
#wrap .business .content-body .section .section-wrap .article.intro .article-wrap .article-body .para {
  color: rgb(212, 212, 216);
}
@media (min-width: 1024px) {
  #wrap .business .content-body .section .section-wrap .article.intro .article-wrap .article-body .para.case1 {
    font-weight: 400;
    font-size: 2.2rem;
  }
}
@media (min-width: 1024px) {
  #wrap .business .content-body .section .section-wrap .article.intro .article-wrap .article-body .para.case2 {
    font-weight: 500;
    font-size: 1.8rem;
  }
}
@media (min-width: 1024px) {
  #wrap .business .content-body .section .section-wrap .article.intro .article-wrap .article-body .para ~ .para {
    padding-top: 1.6rem;
  }
}
@media (max-width: 1023px) {
  #wrap .business .content-body .section .section-wrap .article.intro .article-wrap .article-body .para ~ .para {
    padding-top: 1.2rem;
  }
}
@media (min-width: 1024px) {
  #wrap .business .content-body .section .section-wrap .article.intro .article-wrap .article-body .para {
    padding-top: 8rem;
  }
}
@media (max-width: 1023px) {
  #wrap .business .content-body .section .section-wrap .article.intro .article-wrap .article-body .para {
    padding-top: 4.8rem;
    font-weight: 500;
    font-size: 1.6rem;
  }
}
#wrap .business .content-body .section .section-wrap .article.intro .article-wrap .article-body + .article-util {
  margin-top: 8rem;
}
@media (min-width: 1024px) {
  #wrap .business .content-body .section .section-wrap .article.intro .article-wrap .article-body {
    padding-top: 60rem;
  }
}
@media (max-width: 1023px) {
  #wrap .business .content-body .section .section-wrap .article.intro .article-wrap .article-body {
    padding-top: 28rem;
  }
  #wrap .business .content-body .section .section-wrap .article.intro .article-wrap .article-body + .article-util {
    margin-top: 4.8rem;
  }
}
#wrap .business .content-body .section .section-wrap .article.intro .article-wrap .article-body::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  content: "";
  clip-path: inset(0% 25% 0% 25% round 1.6rem);
  opacity: 0;
  transition: 1.4s cubic-bezier(0, 0, 0.2, 1);
}
@media (min-width: 1024px) {
  #wrap .business .content-body .section .section-wrap .article.intro .article-wrap .article-body::before {
    height: 60rem;
  }
}
@media (max-width: 1023px) {
  #wrap .business .content-body .section .section-wrap .article.intro .article-wrap .article-body::before {
    height: 28rem;
  }
}
#wrap .business .content-body .section .section-wrap .article.intro.active .article-wrap .article-body::before {
  opacity: 1;
  clip-path: inset(0% 0% 0% 0% round 1.6rem);
}
#wrap .business .content-body .section .section-wrap .article.major .article-wrap .article-head ~ .article-body {
  padding-top: 4rem;
}
@media (max-width: 1023px) {
  #wrap .business .content-body .section .section-wrap .article.major .article-wrap .article-head ~ .article-body {
    padding-top: 2.4rem;
  }
}
@media (min-width: 1024px) {
  #wrap .business .content-body .section .section-wrap .article.major .article-wrap .article-head {
    text-align: center;
  }
}
#wrap .business .content-body .section .section-wrap .article.major .article-wrap .article-body .board-list .board-item {
  transform: translateY(20%);
  opacity: 0;
  transition: 1.4s cubic-bezier(0, 0, 0.2, 1);
}
#wrap .business .content-body .section .section-wrap .article.major .article-wrap .article-body .board-list .board-item:nth-child(1) {
  transition-delay: 0.2s;
}
#wrap .business .content-body .section .section-wrap .article.major .article-wrap .article-body .board-list .board-item:nth-child(2) {
  transition-delay: 0.4s;
}
#wrap .business .content-body .section .section-wrap .article.major .article-wrap .article-body .board-list .board-item:nth-child(3) {
  transition-delay: 0.6s;
}
#wrap .business .content-body .section .section-wrap .article.major .article-wrap .article-body .board-list .board-item:nth-child(4) {
  transition-delay: 0.8s;
}
#wrap .business .content-body .section .section-wrap .article.major.active .article-wrap .article-body .board-list .board-item {
  transform: translateY(0);
  opacity: 1;
}
#wrap .business .content-body .section .section-wrap .article.hico .article-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4.8rem;
}
#wrap .business .content-body .section .section-wrap .article.hico .article-head .info-wrap {
  width: 100%;
  flex-shrink: 0;
}
#wrap .business .content-body .section .section-wrap .article.hico .article-head .info-wrap .title ~ .para {
  padding-top: 2.4rem;
}
#wrap .business .content-body .section .section-wrap .article.hico .article-head .info-wrap .para {
  color: rgb(255, 255, 255);
}
@media (min-width: 1024px) {
  #wrap .business .content-body .section .section-wrap .article.hico .article-head .info-wrap .para {
    font-weight: 700;
    font-size: 2rem;
  }
}
@media (max-width: 1023px) {
  #wrap .business .content-body .section .section-wrap .article.hico .article-head .info-wrap .para {
    font-weight: 500;
    font-size: 1.6rem;
  }
}
@media (min-width: 1024px) {
  #wrap .business .content-body .section .section-wrap .article.hico .article-head .info-wrap {
    max-width: 48.4rem;
  }
}
#wrap .business .content-body .section .section-wrap .article.hico .article-head .figure-wrap {
  position: relative;
  opacity: 0;
  transition: opacity 1s cubic-bezier(0, 0, 0.2, 1);
}
#wrap .business .content-body .section .section-wrap .article.hico .article-head .figure-wrap img {
  position: absolute;
  transition: 1s cubic-bezier(0, 0, 0.2, 1);
}
#wrap .business .content-body .section .section-wrap .article.hico .article-head .figure-wrap img.hyper {
  top: 8%;
  left: 50%;
  transform: translateX(-50%);
}
#wrap .business .content-body .section .section-wrap .article.hico .article-head .figure-wrap img.intel {
  bottom: 5%;
  left: 5%;
}
#wrap .business .content-body .section .section-wrap .article.hico .article-head .figure-wrap img.eco {
  right: 5%;
  bottom: 5%;
}
@media (min-width: 1024px) {
  #wrap .business .content-body .section .section-wrap .article.hico .article-head .figure-wrap img {
    width: 23.2rem;
    height: 20rem;
  }
}
@media (max-width: 1023px) {
  #wrap .business .content-body .section .section-wrap .article.hico .article-head .figure-wrap img {
    width: 13rem;
    height: 11.2rem;
  }
}
#wrap .business .content-body .section .section-wrap .article.hico .article-head .figure-wrap::before {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
  animation: rotate 17s linear infinite;
  animation-delay: 0.8s;
  animation-play-state: paused;
  transform-origin: 50% 58.5%;
}
@media (min-width: 1024px) {
  #wrap .business .content-body .section .section-wrap .article.hico .article-head .figure-wrap::before {
    background: url("../fonts/figure-hico-circle.svg") no-repeat center 78%;
  }
}
@media (max-width: 1023px) {
  #wrap .business .content-body .section .section-wrap .article.hico .article-head .figure-wrap::before {
    background: url("../fonts/figure-hico-circle.svg") no-repeat center 78%/19.5rem;
  }
}
@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
@media (min-width: 1024px) {
  #wrap .business .content-body .section .section-wrap .article.hico .article-head .figure-wrap {
    width: 57.8rem;
    height: 49.5rem;
    margin: 0 1.1rem;
  }
}
@media (max-width: 1023px) {
  #wrap .business .content-body .section .section-wrap .article.hico .article-head .figure-wrap {
    width: 100%;
    height: 27.9rem;
    max-width: 33.9rem;
  }
}
@media (min-width: 1024px) {
  #wrap .business .content-body .section .section-wrap .article.hico .article-head ~ .article-body {
    padding-top: 20rem;
  }
}
@media (max-width: 1023px) {
  #wrap .business .content-body .section .section-wrap .article.hico .article-head {
    flex-direction: column;
  }
  #wrap .business .content-body .section .section-wrap .article.hico .article-head ~ .article-body {
    padding-top: 9.6rem;
  }
}
#wrap .business .content-body .section .section-wrap .article.hico .article-body .board-list + .comment {
  margin-top: 1.6rem;
}
@media (max-width: 1023px) {
  #wrap .business .content-body .section .section-wrap .article.hico .article-body .board-list + .comment {
    margin-top: 1.2rem;
  }
}
#wrap .business .content-body .section .section-wrap .article.hico .article-body .board-item {
  opacity: 0;
  transform: translateY(80%);
  transition: 1s cubic-bezier(0, 0, 0.2, 1);
}
#wrap .business .content-body .section .section-wrap .article.hico .article-body .board-item:nth-child(1) {
  transition-delay: 0s;
}
#wrap .business .content-body .section .section-wrap .article.hico .article-body .board-item:nth-child(2) {
  transition-delay: 0.2s;
}
#wrap .business .content-body .section .section-wrap .article.hico .article-body .board-item:nth-child(3) {
  transition-delay: 0.4s;
}
#wrap .business .content-body .section .section-wrap .article.hico .article-body .comment.design1 {
  color: #fff;
  opacity: 0;
  transform: translateY(100px);
  transition: 1s cubic-bezier(0, 0, 0.2, 1);
  transition-delay: 0.6s;
}
#wrap .business .content-body .section .section-wrap .article.hico.active1 .article-head .figure-wrap {
  opacity: 1;
  overflow: hidden;
}
#wrap .business .content-body .section .section-wrap .article.hico.active1 .article-head .figure-wrap img.hyper {
  top: 0;
}
#wrap .business .content-body .section .section-wrap .article.hico.active1 .article-head .figure-wrap img.intel {
  bottom: 0;
  left: 0;
}
#wrap .business .content-body .section .section-wrap .article.hico.active1 .article-head .figure-wrap img.eco {
  right: 0;
  bottom: 0;
}
#wrap .business .content-body .section .section-wrap .article.hico.active1 .article-head .figure-wrap::before {
  animation-play-state: running;
}
#wrap .business .content-body .section .section-wrap .article.hico.active2 .article-body .board-item {
  transform: translateY(0);
  opacity: 1;
}
#wrap .business .content-body .section .section-wrap .article.hico.active2 .article-body .comment.design1 {
  transform: translateY(0);
  opacity: 1;
}
#wrap .business .content-body .section .section-wrap .article.history .article-head {
  text-align: center;
}
@media (min-width: 1024px) {
  #wrap .business .content-body .section .section-wrap .article.history .article-head .title ~ .para {
    padding-top: 2.4rem;
  }
}
@media (max-width: 1023px) {
  #wrap .business .content-body .section .section-wrap .article.history .article-head .title ~ .para {
    padding-top: 1.6rem;
  }
}
#wrap .business .content-body .section .section-wrap .article.history .article-head .para {
  color: rgb(212, 212, 216);
}
@media (min-width: 1024px) {
  #wrap .business .content-body .section .section-wrap .article.history .article-head .para {
    font-weight: 700;
    font-size: 2rem;
  }
}
@media (max-width: 1023px) {
  #wrap .business .content-body .section .section-wrap .article.history .article-head .para {
    font-weight: 500;
    font-size: 1.6rem;
  }
}
@media (min-width: 1024px) {
  #wrap .business .content-body .section .section-wrap .article.history .article-head ~ .article-body {
    padding-top: 6.4rem;
  }
}
@media (max-width: 1023px) {
  #wrap .business .content-body .section .section-wrap .article.history .article-head ~ .article-body {
    padding-top: 3.2rem;
  }
}
#wrap .business .content-body .section .section-wrap .article.history .article-body .history-list {
  display: flex;
}
#wrap .business .content-body .section .section-wrap .article.history .article-body .history-list .history-item {
  display: flex;
  background: linear-gradient(180deg, #9735d0 0%, rgba(118, 41, 163, 0.56) 50%, rgba(77, 27, 106, 0) 100%);
  color: rgb(255, 255, 255);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  transform: translateY(30%);
  opacity: 0;
  transition: 1.4s cubic-bezier(0, 0, 0.2, 1);
}
#wrap .business .content-body .section .section-wrap .article.history .article-body .history-list .history-item:nth-child(1) {
  transition-delay: 0.2s;
}
#wrap .business .content-body .section .section-wrap .article.history .article-body .history-list .history-item:nth-child(2) {
  transition-delay: 0.4s;
}
#wrap .business .content-body .section .section-wrap .article.history .article-body .history-list .history-item:nth-child(3) {
  transition-delay: 0.6s;
}
#wrap .business .content-body .section .section-wrap .article.history .article-body .history-list .history-item .date {
  display: inline-block;
}
#wrap .business .content-body .section .section-wrap .article.history .article-body .history-list .history-item .date + .para {
  padding-top: 0.4rem;
}
@media (min-width: 1024px) {
  #wrap .business .content-body .section .section-wrap .article.history .article-body .history-list .history-item .date {
    font-weight: 800;
    font-size: 3.2rem;
  }
}
@media (max-width: 1023px) {
  #wrap .business .content-body .section .section-wrap .article.history .article-body .history-list .history-item .date {
    font-weight: 800;
    font-size: 2.4rem;
  }
}
#wrap .business .content-body .section .section-wrap .article.history .article-body .history-list .history-item .para {
  text-align: center;
}
#wrap .business .content-body .section .section-wrap .article.history .article-body .history-list .history-item .para .note {
  display: block;
  text-align: center;
  padding-top: 0.4rem;
}
@media (min-width: 1024px) {
  #wrap .business .content-body .section .section-wrap .article.history .article-body .history-list .history-item .para .note {
    font-weight: 700;
    font-size: 1.4rem;
  }
}
@media (max-width: 1023px) {
  #wrap .business .content-body .section .section-wrap .article.history .article-body .history-list .history-item .para .note {
    font-weight: 700;
    font-size: 1.2rem;
  }
}
@media (min-width: 1024px) {
  #wrap .business .content-body .section .section-wrap .article.history .article-body .history-list .history-item .para {
    font-weight: 700;
    font-size: 2.4rem;
  }
}
@media (max-width: 1023px) {
  #wrap .business .content-body .section .section-wrap .article.history .article-body .history-list .history-item .para {
    font-weight: 700;
    font-size: 2rem;
  }
}
@media (min-width: 1024px) {
  #wrap .business .content-body .section .section-wrap .article.history .article-body .history-list .history-item {
    width: 30rem;
    height: 30rem;
  }
  #wrap .business .content-body .section .section-wrap .article.history .article-body .history-list .history-item + .history-item {
    margin-left: 6.4rem;
  }
}
@media (max-width: 1023px) {
  #wrap .business .content-body .section .section-wrap .article.history .article-body .history-list .history-item {
    width: 24rem;
    height: 24rem;
  }
  #wrap .business .content-body .section .section-wrap .article.history .article-body .history-list .history-item + .history-item {
    margin-top: 1.2rem;
  }
}
@media (min-width: 1024px) {
  #wrap .business .content-body .section .section-wrap .article.history .article-body .history-list {
    padding: 2.4rem 0;
    justify-content: center;
  }
}
@media (max-width: 1023px) {
  #wrap .business .content-body .section .section-wrap .article.history .article-body .history-list {
    padding: 1.6rem 0;
    flex-direction: column;
    align-items: center;
  }
}
#wrap .business .content-body .section .section-wrap .article.history.active .article-body .history-list .history-item {
  transform: translateY(0);
  opacity: 1;
}
@media (min-width: 1024px) {
  #wrap .business .content-body .section .section-wrap .article + .article {
    margin-top: 16rem;
  }
}
@media (max-width: 1023px) {
  #wrap .business .content-body .section .section-wrap .article + .article {
    margin-top: 8rem;
  }
}
@media (min-width: 1024px) {
  #wrap .business .content-body .section .section-wrap .section-util {
    margin-top: 8rem;
  }
}

#wrap .business .content-body .section.core .comment {
  display: inline-block;
  color: rgb(212, 212, 216);
}
#wrap .business .content-body .section.core .section-wrap {
  margin: 0 auto;
  max-width: 123.6rem;
}
#wrap .business .content-body .section.core .section-wrap .article {
  padding: 0 1.8rem;
}
#wrap .business .content-body .section.core .section-wrap .article .article-head .title {
  color: rgb(255, 255, 255);
}
@media (min-width: 1024px) {
  #wrap .business .content-body .section.core .section-wrap {
    padding: 16rem 0;
  }
}

@media (min-width: 1024px) {
}
@media (max-width: 1023px) {
  #wrap .business .content-body .section.core {
    border-radius: 0 0 1.6rem 1.6rem;
  }
}
#wrap .business .content-body .section.portfolio .section-wrap .article .article-head {
  padding: 0 1.8rem;
  margin: 0 auto;
  max-width: 123.6rem;
}
#wrap .business .content-body .section.portfolio .section-wrap .article .article-head .title {
  color: rgb(21, 21, 26);
}
@media (min-width: 1024px) {
  #wrap .business .content-body .section.portfolio .section-wrap .article .article-head .title ~ .investment {
    padding-top: 8rem;
  }
}
@media (max-width: 1023px) {
  #wrap .business .content-body .section.portfolio .section-wrap .article .article-head .title ~ .investment {
    padding-top: 4.8rem;
  }
}
@media (max-width: 1023px) {
  #wrap .business .content-body .section.portfolio .section-wrap .article .article-head .title {
    text-align: center;
    font-weight: 700;
    font-size: 2.4rem;
  }
}
#wrap .business .content-body .section.portfolio .section-wrap .article .article-head .investment {
  transform: translateY(20%);
  opacity: 0;
  transition: 1.4s cubic-bezier(0, 0, 0.2, 1);
}
@media (min-width: 1024px) {
  #wrap .business .content-body .section.portfolio .section-wrap .article .article-head {
    margin-bottom: 16rem;
  }
}
@media (max-width: 1023px) {
  #wrap .business .content-body .section.portfolio .section-wrap .article .article-head {
    margin-bottom: 8rem;
  }
}
#wrap .business .content-body .section.portfolio .section-wrap .article .article-body {
  background-color: rgb(255, 255, 255);
  transition: 1.4s cubic-bezier(0, 0, 0.2, 1);
}
@media (min-width: 1024px) {
  #wrap .business .content-body .section.portfolio .section-wrap .article .article-body {
    padding-top: 16rem;
    clip-path: inset(0% 7% 0% 7% round 4.8rem);
  }
}
@media (max-width: 1023px) {
  #wrap .business .content-body .section.portfolio .section-wrap .article .article-body {
    padding-top: 8rem;
    clip-path: inset(0% 0% 0% 0% round 1.6rem);
  }
}
#wrap .business .content-body .section.portfolio.active1 .section-wrap .article .article-head .investment {
  transform: translateY(0);
  opacity: 1;
}
@media (min-width: 1024px) {
  #wrap .business .content-body .section.portfolio.active2 .section-wrap .article .article-body {
    clip-path: inset(0% 0% 0% 0%);
  }
}
#wrap .business .content-body .section.banner-section,
#wrap .business .content-body .section.press,
#wrap .business .content-body .section.gen-ai,
#wrap .business .content-body .section.product {
  background-color: rgb(255, 255, 255);
}
#wrap .business .content-body .section.banner-section .section-wrap,
#wrap .business .content-body .section.press .section-wrap,
#wrap .business .content-body .section.gen-ai .section-wrap,
#wrap .business .content-body .section.product .section-wrap {
  padding: 0 1.8rem;
  margin: 0 auto;
  max-width: 123.6rem;
}
#wrap .business .content-body .section.product .section-name + .section-summary {
  font-weight: 700;
  font-size: 2rem;
}
@media (max-width: 1023px) {
  #wrap .business .content-body .section.product .section-name + .section-summary {
    font-weight: 700;
    font-size: 1.8rem;
  }
}
#wrap .business .content-body .section.gen-ai .section-body .para + .board-list {
  margin-top: 4rem;
}
@media (max-width: 1023px) {
  #wrap .business .content-body .section.gen-ai .section-body .para + .board-list {
    margin-top: 2.4rem;
  }
}
#wrap .business .content-body .section.gen-ai .section-body .board-list + .comment {
  margin-top: 1.6rem;
}
@media (max-width: 1023px) {
  #wrap .business .content-body .section.gen-ai .section-body .board-list + .comment {
    margin-top: 1.2rem;
  }
}
#wrap .business .content-body .section.business-profile .data-display .data-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#wrap .business .content-body .section.business-profile .data-display .data-list .data-item {
  position: relative;
  width: calc((100% - 4rem) / 3);
  height: 25.8rem;
  border-radius: 1.6rem;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
#wrap .business .content-body .section.business-profile .data-display .data-list .data-item > a {
  display: inline-block;
  width: 100%;
  height: 100%;
}
#wrap .business .content-body .section.business-profile .data-display .data-list .data-item > a .data-title {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  color: rgb(255, 255, 255);
  text-align: center;
  transform: translate(-50%, -50%);
  font-weight: 700;
  font-size: 2.4rem;
}
#wrap .business .content-body .section.business-profile .data-display .data-list .data-item::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: rgba(0, 0, 0, 0.5);
  pointer-events: none;
}
#wrap .business .content-body .section.business-profile .data-display .data-list .data-item:nth-child(n + 4) {
  margin-top: 2rem;
}
#wrap .business .content-body .section.business-profile .data-display .data-list .data-item.invest {
  background-image: url("../images/banner-thietkeweb.webp");
}
#wrap .business .content-body .section.business-profile .data-display .data-list .data-item.infocom {
  background-image: url("../images/dich-vu-thiet-ke-app-mobile.webp");
}
#wrap .business .content-body .section.business-profile .data-display .data-list .data-item.hotel {
  background-image: url("../images/dich-vu-bao-tri-website.webp");
}
#wrap .business .content-body .section.business-profile .data-display .data-list .data-item.wellness {
  background-image: url("../images/dich-vu-hosting.webp");
}
#wrap .business .content-body .section.business-profile .data-display .data-list .data-item.mobility {
  background-image: url("../images/dich-vu-marketing-digital.webp");
}
#wrap .business .content-body .section.business-profile .data-display .data-list .data-item.trading {
  background-image: url("../images/dich-vu-branding.webp");
}
#wrap .business .content-body .section.business-profile .data-display .data-list .data-item.ai {
  background-image: url("../images/dich-vu-AI-tich-hop.webp");
}
#wrap .business .content-body .section.business-profile .data-display .data-list .data-item:has(a:focus-visible) {
  outline: 5px dotted rgb(21, 21, 26);
}
@media (max-width: 1023px) {
  #wrap .business .content-body .section.business-profile .data-display .data-list .data-item {
    width: calc((100% - 1.6rem) / 2);
    height: 9rem;
    border-radius: 0.8rem;
  }
  #wrap .business .content-body .section.business-profile .data-display .data-list .data-item > a .data-title {
    width: 100%;
    text-align: center;
    font-weight: 700;
    font-size: 1.6rem;
  }
  #wrap .business .content-body .section.business-profile .data-display .data-list .data-item:nth-child(n + 3) {
    margin-top: 1.6rem;
  }
}
@media (min-width: 1024px) {
}

#wrap .business .content-body .section .comment-wrap {
  display: flex;
  flex-direction: column;
  padding-top: 1.6rem;
}
#wrap .business#main:not(.overview) {
  padding: 0;
}
#wrap .business#main:not(.overview) .content-body::after {
  display: block;
  width: 100%;
  content: "";
  background-color: rgb(255, 255, 255);
}
@media (min-width: 1024px) {
  #wrap .business#main:not(.overview) .content-body::after {
    height: 16rem;
  }
}
@media (max-width: 1023px) {
  #wrap .business#main:not(.overview) .content-body::after {
    height: 8rem;
  }
}
@media (min-width: 1024px) {
  #wrap .business.overview .local-body {
    padding-top: 8rem;
  }
}
@media (max-width: 1023px) {
  #wrap .business.overview .local-body {
    padding-top: 8rem;
  }
}
#wrap .business.overview .section {
  width: 100%;
  margin: 0 auto;
  max-width: 120rem;
}
#wrap .business.overview .section .section-head {
  position: relative;
  padding-bottom: 46.4rem;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom;
}
#wrap .business.overview .section .section-head::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40rem;
  content: "";
}
@media (max-width: 1023px) {
  #wrap .business.overview .section .section-head::after {
    height: 18rem;
  }
}
#wrap .business.overview .section .section-body .board-list {
  display: block;
}
#wrap .business.overview .section .section-body .board-list .board-item {
  width: 100%;
  border-radius: 16px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0 0.1336rem 0.5342rem 0 rgba(0, 0, 0, 0.1);
}
#wrap .business.overview .section .section-body .board-list .board-item .board-wrap {
  position: relative;
  padding: 4rem;
}
#wrap .business.overview .section .section-body .board-list .board-item .board-wrap .board-head .board-name {
  display: flex;
  color: rgb(109, 12, 166);
  align-items: center;
  font-weight: 700;
  font-size: 2.4rem;
}
#wrap .business.overview .section .section-body .board-list .board-item .board-wrap .board-head .board-name .btn {
  margin-left: 2.4rem;
}
#wrap .business.overview .section .section-body .board-list .board-item .board-wrap .board-head .board-name + .board-summary {
  padding-top: 2.4rem;
}
#wrap .business.overview .section .section-body .board-list .board-item .board-wrap .board-head .board-summary {
  color: rgb(63, 63, 70);
  font-weight: 500;
  font-size: 1.8rem;
}
#wrap .business.overview .section .section-body .board-list .board-item .board-wrap .board-head ~ .board-body {
  padding-top: 4rem;
}
#wrap .business.overview .section .section-body .board-list .board-item .board-wrap .board-head ~ .board-util {
  padding-top: 4rem;
}
#wrap .business.overview .section .section-body .board-list .board-item .board-wrap .board-body .board-list-sub {
  display: flex;
  flex-wrap: wrap;
}
#wrap .business.overview .section .section-body .board-list .board-item .board-wrap .board-body .board-list-sub .board-item-sub {
  display: flex;
  width: calc((100% - 2rem) / 2);
  padding: 2.4rem;
  flex-direction: column;
  justify-content: center;
  border-radius: 0.8rem;
  background-color: rgb(246, 246, 247);
}
#wrap .business.overview .section .section-body .board-list .board-item .board-wrap .board-body .board-list-sub .board-item-sub .board-name-sub {
  display: inline-block;
  color: rgb(63, 63, 70);
  font-weight: 700;
  font-size: 1.6rem;
}
#wrap
  .business.overview
  .section
  .section-body
  .board-list
  .board-item
  .board-wrap
  .board-body
  .board-list-sub
  .board-item-sub
  .board-name-sub
  + .para {
  padding-top: 1.2rem;
}
#wrap .business.overview .section .section-body .board-list .board-item .board-wrap .board-body .board-list-sub .board-item-sub .para {
  color: rgb(63, 63, 70);
  font-weight: 700;
  font-size: 1.8rem;
}
#wrap .business.overview .section .section-body .board-list .board-item .board-wrap .board-body .board-list-sub .board-item-sub:nth-child(2n) {
  margin-left: 2rem;
}
#wrap .business.overview .section .section-body .board-list .board-item .board-wrap .board-body .board-list-sub .board-item-sub:nth-child(n + 3) {
  margin-top: 2rem;
}
#wrap .business.overview .section .section-body .board-list .board-item + .board-item {
  margin-top: 4rem;
}
#wrap .business.overview .section.business-profile .section-head {
  padding-bottom: 0;
}
#wrap .business.overview .section.invest .section-head::after {
  background: url("../images/bg-invest-pc.jpg") no-repeat center/cover;
  clip-path: inset(0% 0% 0% 0% round 1.6rem);
}
#wrap .business.overview .section.infocom .section-head::after {
  background: url("../images/bg-infocom-pc.jpg") no-repeat center/cover;
  clip-path: inset(0% 0% 0% 0% round 1.6rem);
}
@media (min-width: 1024px) {
  #wrap .business.overview .section.infocom .section-body .board-list .board-item .board-wrap .board-head .board-summary {
    padding-right: 22rem;
  }
}
#wrap .business.overview .section.infocom .section-body .board-list .board-item .board-wrap .board-body {
  padding-top: 0 !important;
}
#wrap .business.overview .section.infocom .section-body .board-list .board-item .board-wrap .board-body .board-list-sub .accordion-display {
  width: 100%;
}
#wrap
  .business.overview
  .section.infocom
  .section-body
  .board-list
  .board-item
  .board-wrap
  .board-body
  .board-list-sub
  .accordion-display
  .accordion-item {
  width: 100%;
}
#wrap
  .business.overview
  .section.infocom
  .section-body
  .board-list
  .board-item
  .board-wrap
  .board-body
  .board-list-sub
  .accordion-display
  .accordion-item
  .accordion-head {
  position: absolute;
  top: 7.7rem;
  right: 4rem;
  width: 12rem;
}
#wrap
  .business.overview
  .section.infocom
  .section-body
  .board-list
  .board-item
  .board-wrap
  .board-body
  .board-list-sub
  .accordion-display
  .accordion-item
  .accordion-head
  .btn
  .btn-text {
  justify-content: end;
}
#wrap
  .business.overview
  .section.infocom
  .section-body
  .board-list
  .board-item
  .board-wrap
  .board-body
  .board-list-sub
  .accordion-display
  .accordion-item
  .accordion-body
  .accordion-body-inner {
  display: flex;
  padding-top: 4rem;
}
#wrap
  .business.overview
  .section.infocom
  .section-body
  .board-list
  .board-item
  .board-wrap
  .board-body
  .board-list-sub
  .accordion-display
  .accordion-item.active
  .accordion-head
  .btn.design3.ar-icon-arrow-down1
  .btn-text::after {
  transform: rotate(180deg);
}
#wrap .business.overview .section.hotel .section-head::after {
  background: url("../images/bg-hotel-pc.jpg") no-repeat center/cover;
  clip-path: inset(0% 0% 0% 0% round 1.6rem);
}
#wrap .business.overview .section.wellness .section-head::after {
  background: url("../images/bg-wellness-pc.jpg") no-repeat center/cover;
  clip-path: inset(0% 0% 0% 0% round 1.6rem);
}
#wrap .business.overview .section.mobility .section-head::after {
  background: url("../images/bg-mobility-pc.jpg") no-repeat center/cover;
  clip-path: inset(0% 0% 0% 0% round 1.6rem);
}
#wrap .business.overview .section.trading .section-head::after {
  background: url("../images/bg-trading-pc.jpg") no-repeat center/cover;
  clip-path: inset(0% 0% 0% 0% round 1.6rem);
}
#wrap .business.overview .section.ai .section-head::after {
  background: url("../images/bg-ai-pc.jpg") no-repeat center/cover;
  clip-path: inset(0% 0% 0% 0% round 1.6rem);
}
#wrap .business.overview .section.ai .section-body .board-list .board-item .board-wrap .board-body .board-list-sub .board-item-sub {
  width: 100%;
}
@media (max-width: 1023px) {
  #wrap .business.overview .section .section-head {
    padding-bottom: 21.2rem;
  }
  #wrap .business.overview .section .section-body .board-list .board-item .board-wrap {
    padding: 2.4rem;
  }
  #wrap .business.overview .section .section-body .board-list .board-item .board-wrap .board-head .board-name {
    justify-content: space-between;
    font-weight: 700;
    font-size: 2rem;
  }
  #wrap .business.overview .section .section-body .board-list .board-item .board-wrap .board-head .board-summary {
    font-weight: 500;
    font-size: 1.6rem;
  }
  #wrap .business.overview .section .section-body .board-list .board-item .board-wrap .board-head ~ .board-body {
    padding-top: 3.2rem;
  }
  #wrap .business.overview .section .section-body .board-list .board-item .board-wrap .board-head ~ .board-util {
    padding-top: 3.2rem;
  }
  #wrap .business.overview .section .section-body .board-list .board-item .board-wrap .board-body .board-list-sub {
    flex-direction: column;
  }
  #wrap .business.overview .section .section-body .board-list .board-item .board-wrap .board-body .board-list-sub .board-item-sub {
    width: 100%;
    padding: 1.6rem;
  }
  #wrap .business.overview .section .section-body .board-list .board-item .board-wrap .board-body .board-list-sub .board-item-sub .board-name-sub {
    font-weight: 700;
    font-size: 1.2rem;
  }
  #wrap
    .business.overview
    .section
    .section-body
    .board-list
    .board-item
    .board-wrap
    .board-body
    .board-list-sub
    .board-item-sub
    .board-name-sub
    + .para {
    padding-top: 0.8rem;
  }
  #wrap .business.overview .section .section-body .board-list .board-item .board-wrap .board-body .board-list-sub .board-item-sub .para {
    font-weight: 700;
    font-size: 1.6rem;
  }
  #wrap .business.overview .section .section-body .board-list .board-item .board-wrap .board-body .board-list-sub .board-item-sub + .board-item-sub {
    margin-top: 0.8rem;
    margin-left: 0;
  }
  #wrap .business.overview .section .section-body .board-list .board-item + .board-item {
    margin-top: 2.4rem;
  }
  #wrap .business.overview .section.invest .section-head::after {
    background: url("../images/bg-invest-mo.jpg") no-repeat center/cover;
    clip-path: inset(0% 0% 0% 0% round 0.8rem);
  }
  #wrap .business.overview .section.infocom .section-head::after {
    background: url("../images/bg-infocom-mo.jpg") no-repeat center/cover;
    clip-path: inset(0% 0% 0% 0% round 0.8rem);
  }
}
@media (max-width: 1023px) and (max-width: 1023px) {
  #wrap
    .business.overview
    .section.infocom
    .section-body
    .board-list
    .board-item
    .board-wrap
    .board-body
    .board-list-sub
    .accordion-display
    .accordion-item
    .accordion-head {
    position: relative;
    top: auto;
  }
}
@media (max-width: 1023px) and (max-width: 1023px) {
  #wrap
    .business.overview
    .section.infocom
    .section-body
    .board-list
    .board-item
    .board-wrap
    .board-body
    .board-list-sub
    .accordion-display
    .accordion-item
    .accordion-body {
    height: auto;
  }
  #wrap
    .business.overview
    .section.infocom
    .section-body
    .board-list
    .board-item
    .board-wrap
    .board-body
    .board-list-sub
    .accordion-display
    .accordion-item
    .accordion-body
    .accordion-body-inner {
    flex-direction: column;
    padding-top: 3.2rem;
  }
}
@media (max-width: 1023px) {
  #wrap .business.overview .section.hotel .section-head::after {
    background: url("../images/bg-hotel-mo.jpg") no-repeat center/cover;
    clip-path: inset(0% 0% 0% 0% round 0.8rem);
  }
  #wrap .business.overview .section.wellness .section-head::after {
    background: url("../images/bg-wellness-mo.jpg") no-repeat center/cover;
    clip-path: inset(0% 0% 0% 0% round 0.8rem);
  }
  #wrap .business.overview .section.mobility .section-head::after {
    background: url("../images/bg-mobility-mo.jpg") no-repeat center/cover;
    clip-path: inset(0% 0% 0% 0% round 0.8rem);
  }
  #wrap .business.overview .section.trading .section-head::after {
    background: url("../images/bg-trading-mo.jpg") no-repeat center/cover;
    clip-path: inset(0% 0% 0% 0% round 0.8rem);
  }
  #wrap .business.overview .section.ai .section-head::after {
    background: url("../images/bg-ai-mo.jpg") no-repeat center/cover;
    clip-path: inset(0% 0% 0% 0% round 0.8rem);
  }
}
#wrap .business.globalInvestment .content-body {
  background-color: none;
}
@media (min-width: 1024px) {
  #wrap .business.globalInvestment .content-body .section .article.intro .article-wrap .article-body::before {
    background: url("../images/bg-intro-section-globalInvestment-pc.jpg") no-repeat center/cover;
  }
}
@media (max-width: 1023px) {
  #wrap .business.globalInvestment .content-body .section .article.intro .article-wrap .article-body::before {
    background: url("../images/bg-intro-section-globalInvestment-mo.jpg") no-repeat center/cover;
  }
}
@media (min-width: 1024px) {
  #wrap .business.globalInvestment .content-body .section .article.major {
    padding: 8rem 0;
  }
}
#wrap .business.globalInvestment .content-body .section .comment {
  color: rgb(63, 63, 70);
}
#wrap .business.globalInvestment .content-body .section .comment .mail {
  text-decoration: underline;
  vertical-align: top;
}
@media (min-width: 1024px) {
  #wrap .business.infocom .content-body .section .article.intro .article-wrap .article-body::before {
    background: url("../images/bg-intro-section-infoCom-pc.jpg") no-repeat center/cover;
  }
}
@media (max-width: 1023px) {
  #wrap .business.infocom .content-body .section .article.intro .article-wrap .article-body::before {
    background: url("../images/bg-intro-section-infoCom-mo.jpg") no-repeat center/cover;
  }
}
@media (min-width: 1024px) {
  #wrap .business.hotel .content-body .section .article.intro .article-wrap .article-body::before {
    background: url("../images/bg-intro-section-hotel-pc.jpg") no-repeat center/cover;
  }
}
@media (max-width: 1023px) {
  #wrap .business.hotel .content-body .section .article.intro .article-wrap .article-body::before {
    background: url("../images/bg-intro-section-hotel-mo.jpg") no-repeat center/cover;
  }
}
@media (min-width: 1024px) {
  #wrap .business.skmagic .content-body .section .article.intro .article-wrap .article-body::before {
    background: url("../images/bg-intro-section-skMagic-pc.jpg") no-repeat center/cover;
  }
}
@media (max-width: 1023px) {
  #wrap .business.skmagic .content-body .section .article.intro .article-wrap .article-body::before {
    background: url("../images/bg-intro-section-skMagic-mo.jpg") no-repeat center/cover;
  }
}
@media (min-width: 1024px) {
  #wrap .business.electlink .content-body .section .article.intro .article-wrap .article-body::before {
    background: url("../images/bg-intro-section-electLink-pc.jpg") no-repeat center/cover;
  }
}
@media (max-width: 1023px) {
  #wrap .business.electlink .content-body .section .article.intro .article-wrap .article-body::before {
    background: url("../images/bg-intro-section-electLink-mo.jpg") no-repeat center/cover;
  }
}
#wrap .business.electlink .content-body .section.banner-section .banner-head {
  width: 10.4rem;
}
#wrap .business.electlink .content-body .section.banner-section .banner-head > img {
  width: 100%;
}
@media (min-width: 1024px) {
  #wrap .business.speedmate .content-body .section .article.intro .article-wrap .article-body::before {
    background: url("../images/bg-local-head-business-speedmate.jpg") no-repeat center/cover;
  }
}
@media (max-width: 1023px) {
  #wrap .business.speedmate .content-body .section .article.intro .article-wrap .article-body::before {
    background: url("../images/bg-local-head-business-speedmate.jpg") no-repeat center/cover;
  }
}
#wrap .business.speedmate .content-body .section.banner-section .banner-head img {
  width: 10.9rem;
}
@media (min-width: 1024px) {
  #wrap .business.globalTrading .content-body .section .article.intro .article-wrap .article-body::before {
    background: url("../images/bg-intro-section-globalTrading-pc.jpg") no-repeat center/cover;
  }
}
@media (max-width: 1023px) {
  #wrap .business.globalTrading .content-body .section .article.intro .article-wrap .article-body::before {
    background: url("../images/bg-intro-section-globalTrading-mo.jpg") no-repeat center/cover;
  }
}
@media (min-width: 1024px) {
  #wrap .business.mintit .content-body .section .article.intro .article-wrap .article-body::before {
    background: url("../images/bg-intro-section-mintit-pc.jpg") no-repeat center/cover;
  }
}
@media (max-width: 1023px) {
  #wrap .business.mintit .content-body .section .article.intro .article-wrap .article-body::before {
    background: url("../images/bg-intro-section-mintit-mo.jpg") no-repeat center/cover;
  }
}
@media (min-width: 1024px) {
  #wrap .business.encore .content-body .section .article.intro .article-wrap .article-body::before {
    background: url("../images/bg-intro-section-encore-pc.jpg") no-repeat center/cover;
  }
}
@media (max-width: 1023px) {
  #wrap .business.encore .content-body .section .article.intro .article-wrap .article-body::before {
    background: url("../images/bg-intro-section-encore-mo.jpg") no-repeat center/cover;
  }
}
#wrap .business.phnyxLab .content-body .section.core {
  background-color: #191f28 !important;
}
#wrap .business.phnyxLab .content-body .section.gen-ai {
  background-color: unset;
}
#wrap .business.phnyxLab .content-body .section.gen-ai .section-body .para + .figure-wrap {
  margin-top: 2.4rem;
}
#wrap .business.phnyxLab .content-body .section.gen-ai .section-body .figure-wrap img {
  width: 100%;
}
#wrap .business.phnyxLab .content-body .section.gen-ai .section-body .figure-wrap + .board-list {
  margin-top: 4rem;
}
@media (max-width: 1023px) {
  #wrap .business.phnyxLab .content-body .section.gen-ai .section-body .figure-wrap + .board-list {
    margin-top: 2.4rem;
  }
}
#wrap .business.phnyxLab .content-body .section.product .section-body .para:first-child {
  font-size: 3.2rem;
}
@media (max-width: 1023px) {
  #wrap .business.phnyxLab .content-body .section.product .section-body .para:first-child {
    font-size: 2.4rem;
  }
}
#wrap .business.phnyxLab .content-body .section.business .data-display.business-network > .data-body {
  width: calc(100% - 34.3rem - 6.3rem);
}
@media (max-width: 1023px) {
  #wrap .business.phnyxLab .content-body .section.business .data-display.business-network > .data-body {
    width: 100%;
  }
}
#wrap .business.phnyxLab .content-body .section.business .data-display.business-network > .data-body > .data-list > .data-item .swiper-area {
  position: relative;
  padding-bottom: 6.4rem;
}
#wrap .business.phnyxLab .content-body .section.business .data-display.business-network > .data-body > .data-list > .data-item + .data-item {
  margin-top: 8rem;
}
@media (max-width: 1023px) {
  #wrap .business.phnyxLab .content-body .section.business .data-display.business-network > .data-body > .data-list > .data-item + .data-item {
    margin-top: 4.8rem;
  }
}
#wrap .business.phnyxLab .content-body .section .article.intro .article-wrap .article-head + .article-figure {
  margin-top: 6.4rem;
}
@media (max-width: 1023px) {
  #wrap .business.phnyxLab .content-body .section .article.intro .article-wrap .article-head + .article-figure {
    margin-top: 3.2rem;
  }
}
#wrap .business.phnyxLab .content-body .section .article.intro .article-wrap .article-head ~ .article-body {
  margin-top: unset;
}
#wrap .business.phnyxLab .content-body .section .article.intro .article-wrap .article-figure {
  opacity: 0;
  clip-path: inset(0% 25% 0% 25% round 1.6rem);
  transition: 1.4s cubic-bezier(0, 0, 0.2, 1);
}
#wrap .business.phnyxLab .content-body .section .article.intro .article-wrap .article-figure img {
  width: 100%;
}
#wrap .business.phnyxLab .content-body .section .article.intro .article-wrap .article-figure .figure-logo + .figure-office {
  margin-top: 8rem;
}
@media (max-width: 1023px) {
  #wrap .business.phnyxLab .content-body .section .article.intro .article-wrap .article-figure .figure-logo + .figure-office {
    margin-top: 4.8rem;
  }
}
#wrap .business.phnyxLab .content-body .section .article.intro .article-wrap .article-figure .figure-office .figure-list {
  display: flex;
  align-items: center;
  gap: 2.4rem;
}
@media (max-width: 1023px) {
  #wrap .business.phnyxLab .content-body .section .article.intro .article-wrap .article-figure .figure-office .figure-list {
    gap: 1.6rem;
  }
}
#wrap .business.phnyxLab .content-body .section .article.intro .article-wrap .article-figure .figure-office .figure-list .figure-item {
  border-radius: 0.6rem;
  overflow: hidden;
  position: relative;
}
@media (max-width: 1023px) {
  #wrap .business.phnyxLab .content-body .section .article.intro .article-wrap .article-figure .figure-office .figure-list .figure-item {
    border-radius: 1.6rem;
  }
}
#wrap .business.phnyxLab .content-body .section .article.intro .article-wrap .article-figure .figure-office .figure-list .figure-item .figure-text {
  position: absolute;
  left: 3.2rem;
  bottom: 2rem;
  font-size: 1.8rem;
  color: #fff;
  font-weight: 500;
}
@media (max-width: 1023px) {
  #wrap .business.phnyxLab .content-body .section .article.intro .article-wrap .article-figure .figure-office .figure-list .figure-item .figure-text {
    left: 1.5rem;
    bottom: 1.2rem;
    font-size: 1.2rem;
  }
}
#wrap .business.phnyxLab .content-body .section .article.intro .article-wrap .article-body {
  padding-top: unset;
}
#wrap .business.phnyxLab .content-body .section .article.intro.active .article-figure {
  opacity: 1;
  clip-path: inset(0% 0% 0% 0% round 1.6rem);
}
@media (max-width: 1023px) {
  #wrap .business .content-body .section .section-head ~ .section-util {
    padding-top: 4.8rem;
  }
  #wrap .business .content-body .section.major {
    padding: 4.8rem 0;
  }
}
#wrap:has(.main.business:not(.overview)) {
  overflow: unset;
}

/* IR CSS */
.ir.stock-info.credit-rating .section.credit-year {
  position: relative;
  width: 100%;
  height: 24rem;
  margin: 0 auto;
  background: url(../images/banner1-ir.jpg);
  border-radius: 2.4rem;
  margin-bottom: 16rem;
}
.ir.stock-info.credit-rating .section.credit-year .section-head {
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  transform: translate(-50%, -50%);
}
.ir.stock-info.credit-rating .section.credit-year .section-head .section-name {
  font-weight: 700;
  font-size: 2rem;
  margin-bottom: 2.4rem;
}
@media (max-width: 1023px) {
  .ir.stock-info.credit-rating .section.credit-year {
    width: 100vw;
    height: 16.5rem;
    background: url(../images/banner1-ir-mo.jpg);
    background-size: cover;
    border-radius: unset;
    margin-left: -1.8rem;
    margin-bottom: 8rem;
  }
  .ir.stock-info.credit-rating .section.credit-year .section-head {
    width: 100%;
  }
  .ir.stock-info.credit-rating .section.credit-year .section-head .section-name {
    font-weight: 700;
    font-size: 1.8rem;
    margin-bottom: 1.6rem;
  }
  .ir.stock-info.credit-rating .section.credit-year .section-head .submit-form {
    width: 18.3rem;
    margin: 0 auto;
  }
}
.ir.stock-info.credit-rating .section.credit-area {
  display: none;
}
.ir.stock-info.credit-rating .section.credit-area .section-wrap {
  gap: 2rem;
}
.ir.stock-info.credit-rating .section.credit-area .section-head {
  width: 18.3%;
}
.ir.stock-info.credit-rating .section.credit-area .section-body {
  width: 81.7%;
}
@media (max-width: 1023px) {
  .ir.stock-info.credit-rating .section.credit-area .section-head {
    width: 100%;
  }
  .ir.stock-info.credit-rating .section.credit-area .section-head .submit-form .form-list .form.select.design1 > select {
    width: 18.3rem;
  }
  .ir.stock-info.credit-rating .section.credit-area .section-body {
    width: 100%;
  }
}
.ir.stock-info.credit-rating .section ~ .section {
  width: 100%;
  margin-top: 16rem;
}
.ir.stock-info.credit-rating .section ~ .section .section-wrap {
  margin-top: 16rem;
}
@media (max-width: 1023px) {
  .ir.stock-info.credit-rating .section .section-head {
    width: 100%;
  }
  .ir.stock-info.credit-rating .section .section-body {
    width: 100%;
  }
  .ir.stock-info.credit-rating .section .section-body .form.select.design1 {
    width: 18.3rem !important;
  }
  .ir.stock-info.credit-rating .section ~ .section {
    width: 100%;
    margin-top: 0rem;
  }
  .ir.stock-info.credit-rating .section ~ .section.hidden {
    display: none;
  }
  .ir.stock-info.credit-rating .section ~ .section .section-wrap {
    margin-top: 8rem;
  }
}
.ir.stock-info.credit-rating .dataCont {
  display: none;
}
.ir.stock-info.audit-report .section .section-wrap {
  gap: 2rem;
}
.ir.stock-info.audit-report .section .section-head {
  width: 32.25%;
}
.ir.stock-info.audit-report .section .section-head .section-name {
  color: rgb(255, 255, 255);
  font-weight: 700;
  font-size: 2rem;
}
.ir.stock-info.audit-report .section .section-body {
  width: 67.75%;
}
.ir.stock-info.audit-report .section .section-body .board-list .board-item {
  width: 38.6rem;
}
.ir.stock-info.audit-report .section.current .section-wrap {
  align-items: center;
}
.ir.stock-info.audit-report .section ~ .section {
  margin-top: 16rem;
}
@media (max-width: 1023px) {
  .ir.stock-info.audit-report .section .section-head {
    width: 100%;
  }
  .ir.stock-info.audit-report .section .section-body {
    width: 100%;
  }
  .ir.stock-info.audit-report .section .section-body .board-list .board-item {
    width: 100%;
  }
  .ir.stock-info.audit-report .section.current .section-wrap {
    gap: 1.6rem;
  }
  .ir.stock-info.audit-report .section.report .section-wrap {
    gap: 2.4rem;
  }
  .ir.stock-info.audit-report .section ~ .section {
    margin-top: 8rem;
  }
  .ir.stock-info.audit-report .section ~ .section .section-wrap {
    margin-top: 0;
  }
}
.ir.stock-info.financial-status .section .section-wrap {
  flex-direction: column;
}
.ir.stock-info.financial-status .section ~ .section {
  width: 100%;
  margin-top: 16rem;
}
@media (max-width: 1023px) {
  .ir.stock-info.financial-status .section .section-head {
    width: 100%;
  }
  .ir.stock-info.financial-status .section .section-body {
    width: 100%;
  }
  .ir.stock-info.financial-status .section .onePair-table > .data-list {
    width: calc(100% + 3.6rem);
    max-width: unset;
    overflow: auto;
    padding-bottom: 1.6rem;
    padding-right: 1.8rem;
    padding-left: 1.8rem;
    margin-left: -1.8rem;
  }
  .ir.stock-info.financial-status .section .onePair-table > .data-list::-webkit-scrollbar {
    height: 0.5rem;
  }
  .ir.stock-info.financial-status .section .onePair-table > .data-list::-webkit-scrollbar-thumb {
    background-color: #d5d4d9;
    border-radius: 5rem;
  }
  .ir.stock-info.financial-status .section .onePair-table > .data-list::-webkit-scrollbar-track {
    margin-left: 1.8rem;
    margin-right: 1.8rem;
    border-radius: 5rem;
  }
  .ir.stock-info.financial-status .section ~ .section {
    margin-top: 8rem;
  }
}
@media (max-width: 1023px) {
  .ir.stock-info.financial-status table.col-w-1 col.col1 {
    width: 40%;
  }
  .ir.stock-info.financial-status table.col-w-1 col.col2 {
    width: 19%;
  }
}
@media (max-width: 1023px) {
  .en .ir.stock-info.financial-status table.col-w-1 col.col.col1 {
    width: 35%;
  }
}

.ir.stock-info.ir-schedule .content-body .section .section-wrap {
  flex-direction: column;
  gap: 4rem;
}
.ir.stock-info.ir-schedule .content-body .section .section-wrap .section-body {
  width: 100%;
}
.ir.stock-info.ir-schedule .content-body .section .section-wrap .btn-display {
  margin-top: 8rem;
  justify-content: center;
}
.ir.stock-info.ir-schedule .content-body .section ~ .section {
  width: 100%;
  margin-top: 16rem;
}
@media (max-width: 1023px) {
  .ir.stock-info.ir-schedule .content-body .section .section-wrap {
    gap: 2.4rem;
  }
  .ir.stock-info.ir-schedule .content-body .section .section-wrap .section-head {
    width: 100%;
  }
  .ir.stock-info.ir-schedule .content-body .section .section-wrap .section-body {
    width: 100%;
  }
  .ir.stock-info.ir-schedule .content-body .section .section-wrap .btn-display {
    margin-top: 4.8rem;
  }
  .ir.stock-info.ir-schedule .content-body .section ~ .section {
    margin-top: 8rem;
  }
  .ir.stock-info.ir-schedule .content-body .section ~ .section .section-wrap {
    margin-top: 8rem;
  }
}
.ir.stock-info.ir-schedule .content-body.bg-color {
  position: relative;
  padding-top: 8rem;
}
@media (max-width: 1023px) {
  .ir.stock-info.ir-schedule .content-body.bg-color {
    padding-top: 4.8rem;
  }
}
.ir.stock-info.ir-schedule .content-body.bg-color::after {
  position: absolute;
  top: 0;
  left: 50%;
  width: 100vw;
  height: 100%;
  content: "";
  background-color: rgb(246, 246, 247);
  transform: translateX(-50%);
  z-index: -1;
}
.ir.stock-info.ir-document .section .panel-display .panel-head + .panel-body {
  margin-top: 4rem;
}
.ir.stock-info.ir-document .section .panel-display .panel-body .pagination {
  margin-top: 6.4rem;
}
@media (max-width: 1023px) {
  .ir.stock-info.ir-document .section .section-head {
    width: 100%;
  }
  .ir.stock-info.ir-document .section .section-body {
    width: 100%;
  }
  .ir.stock-info.ir-document .section .section-body .panel-head .data-display .item-util {
    width: 100%;
  }
  .ir.stock-info.ir-document .section .section-body .panel-head + .panel-body {
    margin-top: 2.4rem;
  }
  .ir.stock-info.ir-document .section .section-body .panel-body .pagination {
    margin-top: 3.2rem;
  }
  .ir.stock-info.ir-document .section ~ .section {
    margin-top: 8rem;
  }
  .ir.stock-info.ir-document .section ~ .section .section-wrap {
    margin-top: 8rem;
  }
}
.ir.stock-info.price-info .content-body {
  padding-bottom: 0 !important;
}
.ir.stock-info.price-info .content-body .section.bg-color {
  position: relative;
  padding: 8rem 0 16rem;
}
@media (max-width: 1023px) {
  .ir.stock-info.price-info .content-body .section.bg-color {
    padding: 4.8rem 0 8rem;
  }
}
.ir.stock-info.price-info .content-body .section.bg-color::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 100vw;
  height: 100%;
  content: "";
  background-color: rgb(246, 246, 247);
  transform: translateX(-50%);
  z-index: -1;
}
.ir.stock-info.price-info .content-body .section .section-body.sk {
  display: flex;
  gap: 10.4rem;
}
.ir.stock-info.price-info .content-body .section .section-body.sk .table-result {
  width: 32.25%;
  padding: 4.4rem 0;
  text-align: center;
}
.ir.stock-info.price-info .content-body .section .section-body.sk .table-result .result-data {
  font-weight: 700;
  font-size: 6.4rem;
}
.ir.stock-info.price-info .content-body .section .section-body.sk .table-result .t-display table {
  min-width: 54rem;
}
.ir.stock-info.price-info .content-body .section .section-body.sk .t-display.design1.type1 table > tbody > tr > td {
  padding: 4.8rem 1.8rem;
  background: transparent;
}
.ir.stock-info.price-info .content-body .section .section-body.chart-display.case1 {
  margin-top: -2.2rem !important;
}
@media (max-width: 1023px) {
  .ir.stock-info.price-info .content-body .section .section-body.chart-display.case1 {
    margin-top: 2.4rem !important;
  }
}
.ir.stock-info.price-info .content-body .section .section-body .chart-info {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 1.6rem;
}
.ir.stock-info.price-info .content-body .section .section-body .chart-info + .chart-list {
  margin-top: 2rem;
}
@media (max-width: 1023px) {
  .ir.stock-info.price-info .content-body .section .section-body .chart-info {
    justify-content: flex-start;
  }
}
.ir.stock-info.price-info .content-body .section .section-body .chart-exchange {
  width: 100%;
  padding: 1.6rem 0;
  margin-top: 6.8rem;
  border-top: 0.1rem solid rgb(113, 113, 122);
  border-bottom: 0.1rem solid rgb(113, 113, 122);
}
.ir.stock-info.price-info .content-body .section .section-body .chart-exchange .chart-exchange-list {
  display: flex;
  width: 100%;
}
.ir.stock-info.price-info .content-body .section .section-body .chart-exchange .chart-exchange-list .item {
  display: flex;
  width: 20%;
  padding: 2.4rem;
  border-right: 0.1rem solid rgb(228, 228, 231);
  flex-direction: column;
  gap: 2.4rem;
}
.ir.stock-info.price-info .content-body .section .section-body .chart-exchange .chart-exchange-list .item .title {
  font-weight: 700;
  font-size: 1.4rem;
  color: rgb(21, 21, 26);
}
.ir.stock-info.price-info .content-body .section .section-body .chart-exchange .chart-exchange-list .item .title + .data {
  padding-top: 0.8rem;
}
.ir.stock-info.price-info .content-body .section .section-body .chart-exchange .chart-exchange-list .item .data {
  font-weight: 700;
  font-size: 1.8rem;
  color: rgb(63, 63, 70);
}
.ir.stock-info.price-info .content-body .section .section-body .chart-exchange .chart-exchange-list .item:last-child {
  border-right: none;
}
.ir.stock-info.price-info .content-body .section ~ .section {
  width: 100%;
  margin-top: 16rem;
}
.ir.stock-info.price-info .content-body .section ~ .section .section-head .section-subject {
  display: flex;
  justify-content: space-between;
}
.ir.stock-info.price-info .content-body .section ~ .section .section-head .comment {
  margin-top: 2.4rem;
}
@media (max-width: 1023px) {
  .ir.stock-info.price-info .content-body .section .section-body.sk {
    flex-direction: column;
    gap: 2rem;
  }
  .ir.stock-info.price-info .content-body .section .section-body.sk .data-display.onePair-table > .data-list .data-item {
    min-width: auto;
  }
  .ir.stock-info.price-info .content-body .section .section-body.sk .data-display.onePair-table > .data-list .data-item .data-tr .data-th {
    flex: 1;
  }
  .ir.stock-info.price-info .content-body .section .section-body.sk .table-result {
    width: 100%;
  }
  .ir.stock-info.price-info .content-body .section .section-body .chart-exchange {
    width: 100%;
    padding: 1.6rem 0;
    margin-top: 3.2rem;
  }
  .ir.stock-info.price-info .content-body .section .section-body .chart-exchange .chart-exchange-list {
    flex-wrap: wrap;
  }
  .ir.stock-info.price-info .content-body .section .section-body .chart-exchange .chart-exchange-list .item {
    width: 50%;
    padding: 1.6rem 2.4rem;
  }
  .ir.stock-info.price-info .content-body .section .section-body .chart-exchange .chart-exchange-list .item:last-child {
    border-right: 0.1rem solid rgb(228, 228, 231);
  }
  .ir.stock-info.price-info .content-body .section .section-body .chart-exchange .chart-exchange-list .item:nth-child(2),
  .ir.stock-info.price-info .content-body .section .section-body .chart-exchange .chart-exchange-list .item:nth-child(4) {
    border-right: none;
  }
  .ir.stock-info.price-info .content-body .section ~ .section {
    margin-top: 8rem;
  }
  .ir.stock-info.price-info .content-body .section ~ .section .section-head .section-subject {
    flex-direction: column;
  }
  .ir.stock-info.price-info .content-body .section ~ .section .section-head .section-subject .section-summary {
    flex-wrap: wrap;
  }
}
.ir.stock-info.price-info .content-body .section.shareholder-status {
  position: relative;
  padding-bottom: 16rem;
}
@media (max-width: 1023px) {
  .ir.stock-info.price-info .content-body .section.shareholder-status {
    padding-bottom: 8rem;
  }
}
.ir.stock-info.price-info .content-body .section.shareholder-status::before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 100vw;
  height: 93.3rem;
  content: "";
  transform: translateX(-50%);
  background-color: #f6f6f7;
  z-index: -1;
}
@media (max-width: 1023px) {
  .ir.stock-info.price-info .content-body .section.shareholder-status::before {
    height: 141.8rem;
  }
}
.ir.stock-info.price-info .content-body .section.shareholder-status iframe {
  height: 125.7rem;
}
@media (min-width: 1024px) {
  .ir.stock-info.price-info .content-body .section.shareholder-status iframe {
    width: calc(100% + 1.7rem);
    margin-left: -0.85rem;
  }
}
@media (max-width: 1023px) {
  .ir.stock-info.price-info .content-body .section.shareholder-status iframe {
    width: 100%;
  }
}
@media (max-width: 1023px) {
  .ir.stock-info.price-info .content-body .section.shareholder-status iframe {
    height: 201.8rem;
  }
  .en .ir.stock-info.price-info .content-body .section.shareholder-status iframe {
    height: 205.7rem;
  }
}
.ir.stock-info.price-info table.col-w-1 col.col1 {
  width: 33.333%;
}
.ir.stock-info.price-info table.col-w-1 col.col2 {
  width: 33.333%;
}
.ir.stock-info.price-info table.col-w-1 col.col3 {
  width: 33.333%;
}
@media (max-width: 1023px) {
  .ir.stock-info.price-info table.col-w-1 col.col1 {
    width: auto;
  }
  .ir.stock-info.price-info table.col-w-1 col.col2 {
    width: 34.98%;
  }
  .ir.stock-info.price-info table.col-w-1 col.col3 {
    width: 29%;
  }
  .en .ir.stock-info.price-info table.col-w-1 col.col1 {
    width: auto;
  }
  .en .ir.stock-info.price-info table.col-w-1 col.col2 {
    width: 35.65%;
  }
  .en .ir.stock-info.price-info table.col-w-1 col.col3 {
    width: 28%;
  }
}
.ir.stock-info.price-info table.col-w-2 col.col1 {
  width: 25%;
}
.ir.stock-info.price-info table.col-w-2 col.col2 {
  width: 25%;
}
.ir.stock-info.price-info table.col-w-2 col.col3 {
  width: 25%;
}
.ir.stock-info.price-info table.col-w-2 col.col4 {
  width: 25%;
}
@media (max-width: 1023px) {
  .ir.stock-info.price-info table.col-w-2 col.col1 {
    width: auto;
  }
  .ir.stock-info.price-info table.col-w-2 col.col2 {
    width: auto;
  }
  .ir.stock-info.price-info table.col-w-2 col.col3 {
    width: 22.12%;
  }
  .ir.stock-info.price-info table.col-w-2 col.col4 {
    width: 25.55%;
  }
  .en .ir.stock-info.price-info table.col-w-2 col.col1 {
    width: 29.41%;
  }
  .en .ir.stock-info.price-info table.col-w-2 col.col2 {
    width: auto;
  }
  .en .ir.stock-info.price-info table.col-w-2 col.col3 {
    width: 21.24%;
  }
  .en .ir.stock-info.price-info table.col-w-2 col.col4 {
    width: 17.21%;
  }
}
.ir.stock-info.ir-shareholders .section {
  position: relative;
}
.ir.stock-info.ir-shareholders .section .section-wrap .section-head + .section-body.banner {
  padding-top: 53rem;
}
@media (max-width: 1023px) {
  .ir.stock-info.ir-shareholders .section .section-wrap .section-head + .section-body.banner {
    padding-top: 51.4rem;
  }
  .en .ir.stock-info.ir-shareholders .section .section-wrap .section-head + .section-body.banner {
    padding-top: 54.5rem;
  }
}
.ir.stock-info.ir-shareholders .section .section-wrap .section-body.banner {
  position: relative;
}
.ir.stock-info.ir-shareholders .section .section-wrap .section-body.banner::after {
  display: block;
  position: absolute;
  top: 6.4rem;
  left: 50%;
  width: calc(100vw - 4.8rem);
  height: 46.4rem;
  background: url(../images/banner2-ir.jpg);
  content: "";
  transform: translateX(-50%);
  background-repeat: no-repeat;
  border-radius: 2.4rem;
  z-index: -1;
  background-size: cover;
}
@media (max-width: 1023px) {
  .ir.stock-info.ir-shareholders .section .section-wrap .section-body.banner::after {
    top: 3.2rem;
    background-position: center;
  }
}
.ir.stock-info.ir-shareholders .section .section-wrap .section-body.banner .board-list {
  position: absolute;
  top: 12.8rem;
  right: 4.2rem;
}
.ir.stock-info.ir-shareholders .section .section-wrap .section-body .t-display tbody tr td {
  background: transparent;
}
.ir.stock-info.ir-shareholders .section ~ .section.design1.case1 {
  margin-top: 16rem;
}
.ir.stock-info.ir-shareholders .section ~ .section.design1.case1 .section-wrap {
  flex-direction: column;
}
.ir.stock-info.ir-shareholders .section ~ .section.design1.case1 .section-wrap .section-body {
  height: auto;
}
.ir.stock-info.ir-shareholders .section.design1.case1 + .section.design1.case2 {
  margin-top: 8rem;
}
.ir.stock-info.ir-shareholders .section.design1.case2 .board-list.design21 .board-item > .data-display > .data-list {
  display: flex;
  gap: 8rem;
}
.ir.stock-info.ir-shareholders .section.design1.case2 .board-list.design21 .board-item > .data-display > .data-list .para + .bullet-display {
  margin-top: 0.8rem;
}
@media (max-width: 1023px) {
  .ir.stock-info.ir-shareholders .section.design1.case2 .board-list.design21 .board-item > .data-display > .data-list {
    flex-direction: column;
    gap: 1.6rem;
  }
}
.ir.stock-info.ir-shareholders .section.design1.case2 + .section.design1.case2 {
  margin-top: 6.4rem;
}
@media (max-width: 1023px) {
  .ir.stock-info.ir-shareholders .section .section-wrap .section-body.banner::after {
    top: 3.2rem;
    width: 100vw;
    border-radius: 0;
  }
  .ir.stock-info.ir-shareholders .section .section-wrap .section-body.banner .board-list {
    top: 6.4rem;
    right: 0;
    left: 2.2rem;
  }
  .ir.stock-info.ir-shareholders .section .section-wrap .section-body.banner .board-list .board-item {
    border-radius: 0.8rem;
  }
  .ir.stock-info.ir-shareholders .section .section-wrap .section-body .data-display .data-head .data-subject {
    font-weight: 700;
    font-size: 2rem;
  }
  .ir.stock-info.ir-shareholders .section .section-wrap .section-body .data-display .data-body .para.accent {
    font-weight: 500;
    font-size: 1.6rem;
  }
  .ir.stock-info.ir-shareholders .section ~ .section.design1.case1 {
    margin-top: 8rem;
  }
  .ir.stock-info.ir-shareholders .section.design1.case1 + .section.design1.case2 {
    margin-top: 4.8rem;
  }
  .ir.stock-info.ir-shareholders .section.design1.case2 + .section.design1.case2 {
    margin-top: 3.2rem;
  }
}
@media (max-width: 1023px) {
  .ir.stock-info.ir-shareholders table.col-w-1 col.col1 {
    width: auto;
  }
  .ir.stock-info.ir-shareholders table.col-w-1 col.col2 {
    width: 15.2%;
  }
  .ir.stock-info.ir-shareholders table.col-w-1 col.col3 {
    width: 15.2%;
  }
  .ir.stock-info.ir-shareholders table.col-w-1 col.col4 {
    width: 15.2%;
  }
  .ir.stock-info.ir-shareholders table.col-w-1 col.col5 {
    width: 15.2%;
  }
  .ir.stock-info.ir-shareholders table.col-w-1 col.col6 {
    width: 16.3%;
  }
  .en .ir.stock-info.ir-shareholders table.col-w-1 col.col1 {
    width: auto;
  }
  .en .ir.stock-info.ir-shareholders table.col-w-1 col.col2 {
    width: 14.06%;
  }
  .en .ir.stock-info.ir-shareholders table.col-w-1 col.col3 {
    width: 13.78%;
  }
  .en .ir.stock-info.ir-shareholders table.col-w-1 col.col4 {
    width: 13.78%;
  }
  .en .ir.stock-info.ir-shareholders table.col-w-1 col.col5 {
    width: 13.65%;
  }
  .en .ir.stock-info.ir-shareholders table.col-w-1 col.col6 {
    width: 15.56%;
  }
}
@media (max-width: 1023px) {
  .ir.stock-info.ir-shareholders table.col-w-2 col.col1 {
    width: 29.56%;
  }
  .ir.stock-info.ir-shareholders table.col-w-2 col.col2 {
    width: 30%;
  }
  .ir.stock-info.ir-shareholders table.col-w-2 col.col3 {
    width: 20%;
  }
  .ir.stock-info.ir-shareholders table.col-w-2 col.col4 {
    width: auto;
  }
  .en .ir.stock-info.ir-shareholders table.col-w-2 col.col1 {
    width: 26.86%;
  }
  .en .ir.stock-info.ir-shareholders table.col-w-2 col.col2 {
    width: auto;
  }
  .en .ir.stock-info.ir-shareholders table.col-w-2 col.col3 {
    width: 21.6%;
  }
  .en .ir.stock-info.ir-shareholders table.col-w-2 col.col4 {
    width: 22%;
  }
}
.ir.stock-info.ir-news .section .section-wrap .section-head .section-subject {
  display: flex;
  justify-content: space-between;
}
.ir.stock-info.ir-news .section .section-wrap .section-body {
  margin-top: 4rem;
}
.ir.stock-info.ir-news .section .section-wrap .section-body .pagination {
  margin-top: 6.4rem;
}
@media (max-width: 1023px) {
  .ir.stock-info.ir-news .section .section-wrap .section-head .section-subject {
    flex-direction: column;
  }
  .ir.stock-info.ir-news .section .section-wrap .section-body {
    margin-top: 2.4rem;
  }
  .ir.stock-info.ir-news .section .section-wrap .section-body .pagination {
    margin-top: 4.8rem;
  }
}
.ir.stock-info.ir-dart .section .section-subject {
  display: flex;
  justify-content: space-between;
}
.ir.stock-info.ir-dart .section .section-subject .btn {
  padding: 0;
}
@media (min-width: 1024px) {
  .ir.stock-info.ir-dart .section .section-subject .section-name + .section-summary {
    margin-top: unset !important;
  }
}
.ir.stock-info.ir-dart .section .section-body iframe {
  height: 100%;
  min-height: 880px;
}
@media (min-width: 1024px) {
  .ir.stock-info.ir-dart .section .section-body iframe {
    width: calc(100% + 1.7rem);
    margin-left: -0.85rem;
  }
}
@media (max-width: 1023px) {
  .ir.stock-info.ir-dart .section .section-body iframe {
    width: 100%;
  }
}
@media (max-width: 1023px) {
  .ir.stock-info.ir-dart .section .section-subject {
    flex-direction: column;
  }
  .ir.stock-info.ir-dart .section .section-body iframe {
    min-height: 1335px;
  }
}
.ir.stock-info.elect-not .section .section-subject {
  display: flex;
  justify-content: space-between;
}
.ir.stock-info.elect-not .section .section-subject .btn {
  padding: 0;
}
.ir.stock-info.elect-not .section .pagination {
  margin-top: 6.4rem;
}
.ir.stock-info.elect-not .section .t-display table td .link {
  display: block;
  width: 100%;
}
@media (max-width: 1023px) {
  .ir.stock-info.elect-not .section .section-subject {
    display: block;
  }
  .ir.stock-info.elect-not .section .section-subject .section-name + .submit-form {
    margin-top: 2.4rem;
  }
  .ir.stock-info.elect-not .section .pagination {
    margin-top: 3.2rem;
  }
}
.ir.stock-info.elect-not table.col-w-1 col.col1 {
  width: 8%;
}
.ir.stock-info.elect-not table.col-w-1 col.col2 {
  width: 71.17%;
}
.ir.stock-info.elect-not table.col-w-1 col.col3 {
  width: auto;
}
@media (max-width: 1023px) {
  .ir.stock-info.elect-not table.col-w-1 col.col1 {
    width: 0;
  }
  .ir.stock-info.elect-not table.col-w-1 col.col2 {
    width: 61.06%;
  }
  .ir.stock-info.elect-not table.col-w-1 col.col3 {
    width: 38.94%;
  }
}

.pr.news-room .section + .section {
  margin-top: 12rem;
}
@media (max-width: 1023px) {
  .pr.news-room .section + .section {
    margin-top: 6.4rem;
  }
}
.pr.news-room .tab-display + .panel-display .submit-form + .post-list {
  margin-top: 4rem;
}
.pr.news-room .tab-display + .panel-display .submit-form + .post-list + .btn-display {
  margin-top: 8rem;
}
.pr.news-room .tab-display + .panel-display .board-list + .post-list {
  margin-top: 8rem;
}
.pr.news-room .tab-display + .panel-display .board-list + .post-list + .btn-display {
  margin-top: 8rem;
}
@media (max-width: 1023px) {
  .pr.news-room .tab-display + .panel-display .submit-form + .post-list {
    margin-top: 2.4rem;
  }
  .pr.news-room .tab-display + .panel-display .submit-form + .post-list + .btn-display {
    margin-top: 4.8rem;
  }
  .pr.news-room .tab-display + .panel-display .board-list + .post-list {
    margin-top: 4.8rem;
  }
}
.pr.brand .section + .section {
  margin-top: 16rem;
}
.pr.brand .section.brand-ci .section-body .para {
  width: 66.08%;
}
.pr.brand .section.brand-ci .section-body .section-figure {
  width: 32.25%;
}
.pr.brand .section.brand-ci .section-body .section-figure img {
  width: 100%;
}
.pr.brand .section.regulation-util .section-wrap {
  justify-content: space-between;
}
@media (max-width: 1023px) {
  .pr.brand .section.regulation-util .section-wrap .section-head + .section-body {
    margin-top: 4.8rem;
  }
}
.pr.brand .section.spatial-regulation {
  position: relative;
  padding-top: 5.6rem;
  padding-bottom: 5.6rem;
  margin-top: 6.4rem;
}
.pr.brand .section.spatial-regulation::after {
  position: absolute;
  top: 0;
  left: 50%;
  width: 100vw;
  height: 100%;
  background: url(../images/brand-bg-01.jpg) no-repeat center center;
  content: "";
  background-size: cover;
  transform: translateX(-50%);
  z-index: -1;
}
.pr.brand .section.color-regulation .section-body > .para + .data-display {
  margin-top: 8rem;
}
.pr.brand .section.color-regulation .section-body > .data-display > .data-list > .data-item + .data-item {
  margin-top: 6.4rem;
}
.pr.brand .section.color-criteria .section-body .data-display {
  margin-top: 8rem;
}
.pr.brand .section.color-criteria .section-body .data-display .data-body {
  text-align: center;
}
.pr.brand .section.color-criteria .section-body .data-display .data-item + .data-item {
  margin-top: 6.4rem;
}
@media (max-width: 1023px) and (max-width: 1023px) {
  .pr.brand .section + .section {
    margin-top: 8rem;
  }
}
@media (max-width: 1023px) {
  .pr.brand .section.brand-ci .section-body {
    flex-direction: column;
  }
  .pr.brand .section.brand-ci .section-body .para {
    width: 100%;
  }
  .pr.brand .section.brand-ci .section-body .para + .section-figure {
    margin: 0 auto;
    margin-top: 3rem;
  }
  .pr.brand .section.brand-ci .section-body .section-figure {
    width: 100%;
  }
  .pr.brand .section.regulation-util .section-body + .section-util {
    margin-top: 4.8rem;
  }
  .pr.brand .section.spatial-regulation {
    position: relative;
    padding-top: 5.6rem;
    padding-bottom: 5.6rem;
    margin-top: 6.4rem;
  }
  .pr.brand .section.color-regulation .section-body > .para + .data-display {
    margin-top: 4.8rem;
  }
  .pr.brand .section.color-regulation .section-body > .data-display > .data-list > .data-item + .data-item {
    margin-top: 3.2rem;
  }
  .pr.brand .section.color-criteria .section-body .data-display {
    margin-top: 8rem;
  }
  .pr.brand .section.color-criteria .section-body .data-display > .data-list > .data-item + .data-item {
    margin-top: 3.2rem;
  }
  .pr.brand .section.color-criteria .section-body .data-display.align3 .data-body img {
    width: 100%;
  }
}

.etc.inquiry-proposal .section + .section {
  margin-top: 8rem;
}
@media (max-width: 1023px) {
  .etc.inquiry-proposal .section .section-body.scroll {
    margin-left: -1.8rem;
    margin-right: -1.8rem;
  }
  .etc.inquiry-proposal .section.brand-inquiry {
    padding: 0;
    background: none;
    min-height: unset;
  }
  .etc.inquiry-proposal .section + .section {
    margin-top: 8rem;
  }
}
.etc.sk-inquiry .section .required-caption {
  margin-bottom: 1.5rem;
}
.etc.sk-inquiry .section .data-display.consent-use .data-subject .form.radio .radio-list::before {
  display: inline-block;
  height: 100%;
  content: "( ";
  padding-top: 0.2rem;
  padding-right: 0.4rem;
}
.etc.sk-inquiry .section .data-display.consent-use .data-subject .form.radio .radio-list::after {
  display: inline-block;
  height: 100%;
  content: " )";
  padding-top: 0.2rem;
  padding-left: 0.4rem;
}
.en .etc.sk-inquiry .section .data-display.consent-use .data-subject .form.radio {
  padding-top: 0;
  padding-bottom: 0;
}

.en .etc.sk-inquiry .section .data-display.consent-use .data-subject {
  padding: 1.5rem 0;
}

.etc.sk-inquiry .section .form.radio .radio-list {
  align-items: center;
}
.etc.sk-inquiry .section .form.radio .radio-list .radio-item + .radio-item {
  padding-left: 1.2rem;
}
.etc.sk-inquiry .section .onePair-table {
  margin-top: 2.4rem;
}
.etc.sk-inquiry .section .onePair-table .data-head .table-title {
  display: block;
  color: rgb(21, 21, 26);
  font-weight: 700;
  font-size: 1.8rem;
}
.etc.sk-inquiry .section .onePair-table .data-head + .data-list {
  padding-top: 1.6rem;
}
.etc.sk-inquiry .section .onePair-table .data-list .data-item {
  min-width: unset;
}
.etc.sk-inquiry .section .onePair-table .data-list .data-item .data-wrap {
  width: 100%;
}
.etc.sk-inquiry .section .onePair-table .data-list .data-item .data-wrap .data-tr {
  align-items: center;
}
.etc.sk-inquiry .section .onePair-table .data-list .data-item .data-wrap .data-tr .data-th {
  height: 100%;
  flex: 1;
  word-break: keep-all;
}
.etc.sk-inquiry .section .onePair-table .data-list .data-item .data-wrap .data-tr .data-th.color1 {
  color: rgb(109, 12, 166);
}
.etc.sk-inquiry .section .onePair-table .data-list ~ .data-list {
  padding-top: 1.6rem;
}
.etc.sk-inquiry .section + .section {
  margin-top: 6.4rem;
}
.etc.sk-inquiry .btn-display {
  margin-top: 8rem;
}
@media (max-width: 1023px) {
  .etc.sk-inquiry .section .required-caption {
    margin-bottom: 1.1rem;
  }
  .etc.sk-inquiry .section + .section {
    margin-top: 3.2rem;
  }
  .etc.sk-inquiry .btn-display {
    margin-top: 4.8rem;
  }
}
@media (max-width: 1023px) {
  .etc.sk-inquiry table.col-w-1 col.col1 {
    width: 13.38%;
  }
  .etc.sk-inquiry table.col-w-1 col.col2 {
    width: 18.31%;
  }
  .etc.sk-inquiry table.col-w-1 col.col3 {
    width: auto;
  }
  .etc.sk-inquiry table.col-w-1 col.col4 {
    width: 27.64%;
  }
}
.etc.sk-inquiry table.col-w-2 col.col1 {
  width: 32.25%;
}
.etc.sk-inquiry table.col-w-2 col.col2 {
  width: auto;
}
@media (max-width: 1023px) {
  .etc.sk-inquiry table.col-w-2 col.col1 {
    width: 43.78%;
  }
  .etc.sk-inquiry table.col-w-2 col.col2 {
    width: auto;
  }
}
.etc.inquiry-complete {
  min-height: calc(100vh - 29.8rem);
}
.etc.inquiry-complete .section-caption > img {
  width: 17.5rem;
  padding: 1.5rem 0;
}
.etc.sitemap .section .section-head .section-name {
  color: rgb(151, 53, 208);
  font-weight: 700;
  font-size: 3.2rem;
}
.etc.sitemap .section .section-body {
  border-top: 0.1rem solid rgb(228, 228, 231);
}
.etc.sitemap .section .section-body .sitemap-list {
  display: flex;
  flex-wrap: wrap;
  gap: 6.4rem;
  padding-top: 4rem;
}
.etc.sitemap .section .section-body .sitemap-list .sitemap-item {
  min-width: 14rem;
  min-height: 3.8rem;
}
.etc.sitemap .section .section-body .sitemap-list .sitemap-item .sitemap {
  display: inline-block;
  color: rgb(63, 63, 70);
  transition: color 0.3s ease;
  font-weight: 700;
  font-size: 2rem;
}
@media (min-width: 1024px) {
  .etc.sitemap .section .section-body .sitemap-list .sitemap-item .sitemap:hover,
  .etc.sitemap .section .section-body .sitemap-list .sitemap-item .sitemap:focus {
    color: rgb(151, 53, 208);
  }
}
.etc.sitemap .section .section-body .sitemap-list .sitemap-item .sitemap-list-depth2 {
  padding-top: 1.6rem;
}
.etc.sitemap .section .section-body .sitemap-list .sitemap-item .sitemap-list-depth2 .sitemap-item-depth2 .sitemap-depth2 {
  display: inline-block;
  color: rgb(113, 113, 122);
  min-height: 2.6rem;
  font-weight: 500;
  font-size: 1.6rem;
}
@media (min-width: 1024px) {
  .etc.sitemap .section .section-body .sitemap-list .sitemap-item .sitemap-list-depth2 .sitemap-item-depth2 .sitemap-depth2:hover,
  .etc.sitemap .section .section-body .sitemap-list .sitemap-item .sitemap-list-depth2 .sitemap-item-depth2 .sitemap-depth2:focus {
    color: rgb(151, 53, 208);
  }
}
.etc.sitemap .section .section-body .sitemap-list .sitemap-item .sitemap-list-depth2 .sitemap-item-depth2 + .sitemap-item-depth2 {
  margin-top: 1rem;
}
.etc.sitemap .section .section-body .sitemap-list + .sitemap-util {
  margin-top: 7rem;
}
.etc.sitemap .section .section-body .sitemap-util .btn.blog::before {
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  background: url("../fonts/icon-blog.svg") no-repeat;
  content: "";
  margin-right: 0.8rem;
}
.etc.sitemap .section .section-body .sitemap-util .btn.post::before {
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  background: url("../fonts/icon-post.svg") no-repeat;
  content: "";
  margin-right: 0.8rem;
}
.etc.sitemap .section .section-body .sitemap-util .btn.facebook::before {
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  background: url("../fonts/icon-facebook.svg") no-repeat;
  content: "";
  margin-right: 0.8rem;
}
.etc.sitemap .section .section-body .sitemap-util .btn.youtube::before {
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  background: url("../fonts/icon-youtube.svg") no-repeat;
  content: "";
  margin-right: 0.8rem;
}
.etc.sitemap .section .section-body .sitemap-util .btn.insta::before {
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  background: url("../images/icon-insta.png") no-repeat;
  content: "";
  margin-right: 0.8rem;
}
.etc.sitemap .section + .section {
  margin-top: 12rem;
}
@media (max-width: 1023px) {
  .etc.sitemap .section .section-wrap {
    display: flex;
    padding: 3.2rem 0 1.6rem;
  }
  .etc.sitemap .section .section-wrap .section-head {
    min-width: 12rem;
  }
  .etc.sitemap .section .section-wrap .section-head .section-name {
    font-weight: 700;
    font-size: 2rem;
  }
  .etc.sitemap .section .section-wrap .section-head + .section-body {
    margin-top: 0 !important;
  }
  .etc.sitemap .section .section-wrap .section-body {
    border-top: none;
    margin-left: 1.6rem;
  }
  .etc.sitemap .section .section-wrap .section-body .sitemap-list {
    padding-top: 0;
    gap: 0;
  }
  .etc.sitemap .section .section-wrap .section-body .sitemap-list .sitemap-item {
    padding: 0.3rem 0 1.6rem;
    min-height: unset;
  }
  .etc.sitemap .section .section-wrap .section-body .sitemap-list .sitemap-item .sitemap {
    font-weight: 700;
    font-size: 1.6rem;
  }
  .etc.sitemap .section .section-wrap .section-body .sitemap-list .sitemap-item .sitemap-list-depth2 {
    padding-top: 1.2rem;
  }
  .etc.sitemap .section .section-wrap .section-body .sitemap-list .sitemap-item .sitemap-list-depth2 .sitemap-depth2 {
    font-weight: 500;
    font-size: 1.4rem;
  }
  .etc.sitemap .section .section-wrap .section-body .sitemap-list .sitemap-item .sitemap-list-depth2 .sitemap-item-depth2 + .sitemap-item-depth2 {
    margin-top: 0.8rem;
  }
  .etc.sitemap .section .section-wrap .section-body .sitemap-list + .sitemap-util {
    margin-top: 0.7rem;
  }
  .etc.sitemap .section + .section {
    margin-top: 2.4rem;
    border-top: 0.1rem solid rgb(228, 228, 231);
  }
}
.etc.personal-info .content-body {
  display: none;
  visibility: hidden;
}
.kr .etc.personal-info .content-body {
  padding-bottom: unset !important;
}
.kr .etc.personal-info .content-body + .content-footer {
  margin-top: 4rem;
  padding-bottom: 16rem;
}
@media (max-width: 1023px) {
  .kr .etc.personal-info .content-body + .content-footer {
    margin-top: 2.4rem;
    padding-bottom: 8rem;
  }
}

.etc.personal-info .content-body.active {
  display: block;
  visibility: unset;
}
.etc.personal-info .section.anchor-area {
  padding: 2.4rem 1.6rem;
  margin-top: 4rem;
  border-top: 2px solid rgb(39, 39, 42);
  border-bottom: 2px solid rgb(39, 39, 42);
}
.etc.personal-info .section.anchor-area .anchor-display {
  display: flex;
}
.etc.personal-info .section.anchor-area .anchor-display .anchor-list {
  width: 50%;
}
.etc.personal-info .section.anchor-area .anchor-display .anchor-list .anchor-item + .anchor-item {
  margin-top: 1.6rem;
}
.etc.personal-info .section.anchor-area .anchor-display .anchor-list .anchor-link .link-text {
  color: rgb(0, 0, 0);
  font-weight: 700;
  font-size: 1.4rem;
}
.etc.personal-info .section.anchor-area + .accordion-display {
  margin-top: 8rem;
}
.etc.personal-info .section.anchor-area + .accordion-display .accordion-item .accordion-head {
  border-bottom: 1px solid rgb(113, 113, 122);
}
@media (max-width: 1023px) {
  .etc.personal-info .section.anchor-area {
    padding: 1.6rem 1.2rem;
    margin-top: 2.4rem;
  }
  .etc.personal-info .section.anchor-area .anchor-display {
    flex-direction: column;
  }
  .etc.personal-info .section.anchor-area .anchor-display .anchor-list {
    width: 100%;
  }
  .etc.personal-info .section.anchor-area .anchor-display .anchor-list .anchor-item + .anchor-item {
    margin-top: 0.8rem;
  }
  .etc.personal-info .section.anchor-area .anchor-display .anchor-list + .anchor-list {
    margin-top: 0.8rem;
  }
  .etc.personal-info .section.anchor-area + .accordion-display {
    margin-top: 4.8rem;
  }
}
.etc.personal-info .section .para + .t-display {
  margin-top: 4rem;
}
.etc.personal-info .section .para + .t-display + .para {
  margin-top: 4rem;
}
.etc.personal-info .section .para + .order-list,
.etc.personal-info .section .para + .bullet-display {
  margin-top: 1.6rem;
}
.etc.personal-info .section .para + .order-list + .para,
.etc.personal-info .section .para + .bullet-display + .para {
  margin-top: 1.6rem;
}
@media (max-width: 1023px) {
  .etc.personal-info .section .para + .t-display {
    margin-top: 2.4rem;
  }
  .etc.personal-info .section .para + .t-display + .para {
    margin-top: 2.4rem;
  }
  .etc.personal-info .section .para + .order-list,
  .etc.personal-info .section .para + .bullet-display {
    margin-top: 1.2rem;
  }
  .etc.personal-info .section .para + .order-list + .para,
  .etc.personal-info .section .para + .bullet-display + .para {
    margin-top: 1.2rem;
  }
}
.etc.personal-info .section .accordion-select {
  margin-top: 2.4rem;
}
.etc.personal-info .section .accordion-select .para {
  color: rgb(63, 63, 70);
  font-weight: 500;
  font-size: 1.8rem;
}
.etc.personal-info .section .accordion-select .para + .para {
  margin-top: 1.6rem;
}
.etc.personal-info .section .accordion-select .accordion-util {
  margin-top: 4rem;
}
.etc.personal-info .section .accordion-select .accordion-util select {
  width: 59rem;
}
@media (max-width: 1023px) {
  .etc.personal-info .section .accordion-select .accordion-util {
    margin-top: 3.2rem;
  }
  .etc.personal-info .section .accordion-select .accordion-util select {
    width: 100%;
  }
}
@media (max-width: 1023px) {
  .etc.personal-info .section .accordion-select {
    margin-top: 1.6rem;
  }
  .etc.personal-info .section .accordion-select .para {
    font-weight: 500;
    font-size: 1.6rem;
  }
  .etc.personal-info .section .accordion-select .para + .para {
    margin-top: 1.2rem;
  }
}
.etc.personal-info table.col-w-1 col.col1 {
  width: 6%;
}
.etc.personal-info table.col-w-1 col.col2 {
  width: 15%;
}
.etc.personal-info table.col-w-1 col.col3 {
  width: 23%;
}
.etc.personal-info table.col-w-1 col.col4 {
  width: 35%;
}
.etc.personal-info table.col-w-1 col.col5 {
  width: auto;
}
@media (max-width: 1023px) {
  .etc.personal-info table.col-w-1 col.col1 {
    width: 8%;
  }
  .etc.personal-info table.col-w-1 col.col2 {
    width: 18%;
  }
  .etc.personal-info table.col-w-1 col.col3 {
    width: 18%;
  }
  .etc.personal-info table.col-w-1 col.col4 {
    width: auto;
  }
  .etc.personal-info table.col-w-1 col.col5 {
    width: 16%;
  }
}
.etc.personal-info table.col-w-2 col.col1 {
  width: 32.25%;
}
.etc.personal-info table.col-w-2 col.col2 {
  width: auto;
}
@media (max-width: 1023px) {
  .etc.personal-info table.col-w-2 col.col1 {
    width: 43.27%;
  }
  .etc.personal-info table.col-w-2 col.col2 {
    width: auto;
  }
}

.career .content-body .section.bg-color {
  position: relative;
  padding: 8rem 0;
}
.career .content-body .section.bg-color::after {
  position: absolute;
  top: 0;
  left: 50%;
  width: 100vw;
  height: 100%;
  content: "";
  background-color: rgb(246, 246, 247);
  transform: translateX(-50%);
  z-index: -1;
}
.career .content-body .section .t-display {
  margin-top: 4rem;
}
.career .content-body .section .t-display + .para {
  margin-top: 2.4rem;
}
.career .content-body .section .t-display + .para + .btn-display {
  margin-top: 8rem;
}
.career .content-body .section ~ .section {
  margin-top: 16rem;
}
@media (max-width: 1023px) {
  .career .content-body .section.bg-color {
    padding: 4.8rem 0;
  }
  .career .content-body .section ~ .section {
    margin-top: 8rem;
  }
  .career .content-body .section ~ .section .t-display {
    margin-top: 2.4rem;
  }
  .career .content-body .section ~ .section .t-display + .para {
    margin-top: 1.6rem;
  }
  .career .content-body .section ~ .section .t-display + .para + .btn-display {
    margin-top: 4.8rem;
  }
}
.career.corporate-culture .section.corp-cul .section-subject {
  text-align: center;
}
.career.corporate-culture .section.corp-cul .section-body .board-list.design7 {
  margin-top: 6.4rem;
}
.career.corporate-culture .section.corp-cul .section-body .board-list.design7 .board-item {
  max-height: 34.2rem;
}
@media (max-width: 1023px) {
  .career.corporate-culture .section.corp-cul .section-body .board-list.design7 {
    flex-wrap: wrap;
    gap: 1.6rem;
    flex-direction: row;
    margin-top: 3.2rem;
  }
  .career.corporate-culture .section.corp-cul .section-body .board-list.design7 .board-item {
    width: calc(50% - 0.8rem);
    padding: 2.4rem 1.6rem;
    margin-top: 0;
    min-height: 24.4rem;
    flex: none;
  }
}
.career.corporate-culture .section.corp-system .section-head .section-name {
  margin-bottom: 2.4rem;
}
.career.corporate-culture .section.corp-system .section-head .section-summary .para + .para {
  margin-top: 1.6rem;
}
.career.corporate-culture .section.corp-system .section-body .management {
  margin: 6.4rem 0 8rem;
  text-align: center;
}
@media (max-width: 1023px) {
  .career.corporate-culture .section.corp-system .section-head .section-name {
    margin-bottom: 1.6rem;
  }
  .career.corporate-culture .section.corp-system .section-head .section-summary .para + .para {
    margin-top: 1.2rem;
  }
  .career.corporate-culture .section.corp-system .section-body .management {
    margin: 3.2rem 0 4.8rem;
  }
  .career.corporate-culture .section.corp-system .section-body .management img {
    width: 100%;
  }
}
.career.talented-person .post-list {
  width: 100%;
  margin-top: 4rem;
}
@media (max-width: 1023px) {
  .career.talented-person .post-list {
    margin-top: 2.4rem;
  }
  .career.talented-person .post-list .post-wrap {
    width: calc(100% + 3.6rem);
    max-width: unset;
    overflow: auto;
    padding-bottom: 1.6rem;
    padding-right: 1.8rem;
    padding-left: 1.8rem;
    margin-left: -1.8rem;
  }
  .career.talented-person .post-list .post-wrap::-webkit-scrollbar {
    height: 0.5rem;
  }
  .career.talented-person .post-list .post-wrap::-webkit-scrollbar-thumb {
    background-color: #d5d4d9;
    border-radius: 5rem;
  }
  .career.talented-person .post-list .post-wrap::-webkit-scrollbar-track {
    margin-left: 1.8rem;
    margin-right: 1.8rem;
    border-radius: 5rem;
  }
  .career.talented-person .post-list .post-wrap img {
    width: 100%;
  }
}
@media (max-width: 1023px) {
  .career.talented-person table.col-w-1 col.col1 {
    width: 32.89%;
  }
  .career.talented-person table.col-w-1 col.col2 {
    width: 34.61%;
  }
  .career.talented-person table.col-w-1 col.col3 {
    width: 33.16%;
  }
}
.career.evaluation .section.performance .section-body {
  display: flex;
}
.career.evaluation .section.performance .section-body .board-list {
  width: 49.83%;
}
.career.evaluation .section.performance .section-body .board-list .board-item {
  width: calc(50% - 1.2rem);
}
.career.evaluation .section.performance .section-body .bullet-display {
  width: 39.92%;
  margin-top: 4rem;
  margin-left: 6.4rem;
}
.career.evaluation .section.performance .section-body .bullet-display .data-item + .data-item {
  margin-top: 0.8rem;
}
@media (max-width: 1023px) {
  .career.evaluation .section.performance .section-body {
    flex-direction: column;
  }
  .career.evaluation .section.performance .section-body .board-list {
    width: 100%;
  }
  .career.evaluation .section.performance .section-body .board-list .board-item {
    width: calc(50% - 0.4rem);
  }
  .career.evaluation .section.performance .section-body .board-list .board-item .board-figure {
    max-width: 16.5rem;
  }
  .career.evaluation .section.performance .section-body .bullet-display {
    width: 100%;
    margin-top: 3.2rem;
    margin-left: 0;
  }
}
.career.evaluation .section.compensation .section-body .title {
  text-align: center;
  margin-top: 6.4rem;
  font-weight: 700;
  font-size: 2.4rem;
}
.career.evaluation .section.compensation .section-body .board-list {
  margin-top: 2.4rem;
}
.career.evaluation .section.compensation .section-body .board-list .board-item {
  padding: 4rem 2.35rem;
}
.career.evaluation .section.compensation .section-body .board-list .board-item .board-info .board-txt {
  display: flex;
  justify-content: space-between;
  margin-top: 4rem;
}
.career.evaluation .section.compensation .section-body .board-list .board-item .board-info .board-txt > li {
  flex: 1;
}
.career.evaluation .section.compensation .section-body .board-list .board-item .board-info .board-txt > li .para:first-child {
  color: rgb(63, 63, 70);
  margin-bottom: 0.4rem;
  font-weight: 700;
  font-size: 1.8rem;
}
@media (max-width: 1023px) {
  .career.evaluation .section.compensation .section-body .board-list .board-item .board-info .board-txt > li .para:first-child {
    margin-bottom: 0;
    font-weight: 700;
    font-size: 1.6rem;
  }
}
.career.evaluation .section.compensation .section-body .board-list .board-item .board-figure {
  width: 14rem;
  height: 14rem;
}
.career.evaluation .section.compensation .section-body + .section-footer {
  padding-top: 8rem;
}
@media (max-width: 1023px) {
  .career.evaluation .section.compensation .section-body + .section-footer {
    padding-top: 4.8rem;
  }
}
@media (max-width: 1023px) {
  .career.evaluation .section.compensation .section-body .title {
    margin-top: 3.2rem;
    font-weight: 700;
    font-size: 2rem;
  }
  .career.evaluation .section.compensation .section-body .board-list {
    gap: 1.6rem;
  }
  .career.evaluation .section.compensation .section-body .board-list .board-item .board-info .board-txt {
    display: inline-flex;
    width: unset;
    margin-top: 2.4rem;
    flex-direction: column;
  }
  .career.evaluation .section.compensation .section-body .board-list .board-item .board-info .board-txt > li {
    display: flex;
    gap: 2.4rem;
  }
  .career.evaluation .section.compensation .section-body .board-list .board-item .board-info .board-txt > li .para:first-child {
    width: 8.9rem;
    text-align: right;
    flex-shrink: 0;
  }
  .career.evaluation .section.compensation .section-body .board-list .board-item .board-info .board-txt > li .para {
    text-align: left;
  }
  .career.evaluation .section.compensation .section-body .board-list .board-item:nth-child(2) .board-info .board-txt > li .para:first-child {
    width: 100%;
    text-align: center;
  }
}
.career.recruit .section.rec-info .item-head {
  margin: 6.4rem 0 4rem;
}
.career.recruit .section.rec-info .item-body {
  width: 100%;
  text-align: center;
}
.career.recruit .section.rec-info .item-body.bg {
  position: relative;
  width: 100%;
  height: 24rem;
  margin: 0 auto;
  background: url(../images/rec-banner.jpg) center center;
  border-radius: 1.6rem;
  margin-bottom: 4rem;
  background-size: cover;
}
.career.recruit .section.rec-info .tab-display .tab-list .recruit-tab-item:not(.tab-item) {
  max-width: 60rem;
  flex-shrink: 1;
}
.career.recruit .section.rec-info .tab-display .tab-list .recruit-tab-item:not(.tab-item) .tab-text {
  display: inline-block;
  position: relative;
  width: 100%;
  padding: 2rem 1rem;
  color: rgb(113, 113, 122);
  font-weight: 700;
  font-size: 1.8rem;
  text-align: center;
  white-space: nowrap;
  transition: color 0.3s ease;
}
.career.recruit .section.rec-info .tab-display .tab-list .recruit-tab-item:not(.tab-item) .tab-text::before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.1rem;
  content: "";
  background-color: rgb(228, 228, 231);
  transition: 0.3s ease;
}
.career.recruit .section.rec-info .tab-display .tab-list .recruit-tab-item:not(.tab-item) .tab-text::after {
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  content: "";
  vertical-align: text-bottom;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.45703 0C1.04282 0 0.707031 0.335787 0.707031 0.75C0.707031 1.16421 1.04282 1.5 1.45703 1.5H8.13372L0.21967 9.41405C-0.0732233 9.70694 -0.0732233 10.1818 0.21967 10.4747C0.512563 10.7676 0.987437 10.7676 1.28033 10.4747L9.19231 2.56273V9.23528C9.19231 9.6495 9.5281 9.98528 9.94231 9.98528C10.3565 9.98528 10.6923 9.6495 10.6923 9.23528V0H1.45703Z' fill='rgb(113,113,122)'/%3E%3C/svg%3E%0A");
  background-size: 1.1rem 1.1rem;
  background-repeat: no-repeat;
  background-position: center center;
}
.career.recruit .section.rec-info .tab-display .tab-list .recruit-tab-item:not(.tab-item) .tab-text:hover {
  color: rgb(151, 53, 208);
}
.career.recruit .section.rec-info .tab-display .tab-list .recruit-tab-item:not(.tab-item) .tab-text:hover::after {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.45703 0C1.04282 0 0.707031 0.335787 0.707031 0.75C0.707031 1.16421 1.04282 1.5 1.45703 1.5H8.13372L0.21967 9.41405C-0.0732233 9.70694 -0.0732233 10.1818 0.21967 10.4747C0.512563 10.7676 0.987437 10.7676 1.28033 10.4747L9.19231 2.56273V9.23528C9.19231 9.6495 9.5281 9.98528 9.94231 9.98528C10.3565 9.98528 10.6923 9.6495 10.6923 9.23528V0H1.45703Z' fill='rgb(151,53,208)'/%3E%3C/svg%3E%0A");
}
.career.recruit .section.rec-info .tab-display .tab-list .recruit-tab-item:not(.tab-item) .tab-text:focus-visible {
  box-shadow: 0 0 0 1px #000 inset;
}
@media (max-width: 1023px) {
  .career.recruit .section.rec-info .tab-display .tab-list .recruit-tab-item:not(.tab-item) .tab-text {
    width: auto;
  }
}
.career.recruit .section.rec-info .panel-display {
  padding-top: 0;
}
.career.recruit .section.rec-info .panel-display .panel-body .board-list.design1 .board-item {
  width: calc(50% - 1rem);
  padding: 2.4rem;
  border-radius: 1.6rem;
}
.career.recruit .section.rec-info .panel-display .panel-body .board-list.design1 .board-item .board-subject {
  margin: 0 2rem;
  color: rgb(109, 12, 166);
  font-weight: 700;
  font-size: 2.4rem;
}
.career.recruit .section.rec-info .panel-display .panel-body .board-list.design1 .board-item .data-list {
  margin-top: 1.6rem;
}
.career.recruit .section.rec-info .panel-display .panel-body .board-list.design1.design11 {
  gap: unset;
  max-width: 100rem;
}
.career.recruit .section.rec-info .panel-display .panel-body .data-list .data-item .item-head .para {
  color: rgb(63, 63, 70);
  margin-top: 2.4rem;
  font-weight: 500;
  font-size: 1.8rem;
}
@media (max-width: 1023px) {
  .career.recruit .section.rec-info .panel-display .panel-body .data-list .data-item .item-head .para {
    margin-top: 1.6rem;
    font-weight: 500;
    font-size: 1.6rem;
  }
}
@media (max-width: 1023px) {
  .career.recruit .section.rec-info .panel-display .item-head {
    margin: 4.8rem 0 0rem;
  }
  .career.recruit .section.rec-info .panel-display .item-body.bg {
    background: url(../images/rec-banner-m.jpg) center center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .career.recruit .section.rec-info .panel-display .tab-display .tab-list .recruit-tab-item {
    width: auto;
  }
  .career.recruit .section.rec-info .panel-display .tab-display .tab-list .recruit-tab-item:not(.tab-item) .tab-text {
    padding: 2rem;
  }
  .career.recruit .section.rec-info .panel-display .panel-body .board-list {
    flex-direction: column;
  }
  .career.recruit .section.rec-info .panel-display .panel-body .board-list .board-item {
    width: 100% !important;
    padding: 1.6rem !important;
    border-radius: 1.6rem;
  }
  .career.recruit .section.rec-info .panel-display .panel-body .board-list .board-item .board-subject {
    font-weight: 700;
    font-size: 2rem;
  }
  .career.recruit .section.rec-info .panel-display .panel-body .board-list .board-item .data-list {
    margin-top: 1.2rem;
  }
}

.esg:not(.overview) .content-body {
  padding-top: 16rem;
}
.esg:not(.overview) .content-body .section + .section {
  margin-top: 16rem;
}
.esg:not(.overview) .content-body .section.bg-color {
  position: relative;
  padding: 8rem 0;
}
.esg:not(.overview) .content-body .section.bg-color::after {
  position: absolute;
  top: 0;
  left: 50%;
  width: 100vw;
  height: 100%;
  content: "";
  background-color: rgb(246, 246, 247);
  transform: translateX(-50%);
  z-index: -1;
}
.esg:not(.overview) .content-body .section.bg-color .section-subject .section-name {
  text-align: center;
}
@media (max-width: 1023px) {
  .esg:not(.overview) .content-body .section.bg-color {
    padding: 4.8rem 0;
  }
}
.esg:not(.overview) .content-body .section.over img {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.esg:not(.overview) .content-body .section.over .post-list + .data-display {
  margin-top: 8rem;
}
@media (max-width: 1023px) {
  .esg:not(.overview) .content-body .section.over .post-list + .data-display {
    margin-top: 6.4rem;
  }
}
@media (max-width: 1023px) {
  .esg:not(.overview) .content-body .section .section-body .section-figure img {
    width: 100%;
  }
}
.esg:not(.overview).double-bottom-line .data-display .data-item + .data-item {
  margin-top: 8rem;
}
.esg:not(.overview).double-bottom-line .data-display .data-item .para + .comment {
  margin-top: 1.6rem;
}
@media (max-width: 1023px) {
  .esg:not(.overview).double-bottom-line .data-display .data-item + .data-item {
    margin-top: 4.8rem;
  }
  .esg:not(.overview).double-bottom-line .data-display .data-item .para + .comment {
    margin-top: 1.2rem;
  }
}
.esg:not(.overview).double-bottom-line .section-figure.hotel {
  position: relative;
  width: 100%;
  height: 40rem;
  background: url(../images/skms-banner.jpg) no-repeat center center;
  border-radius: 1.6rem;
  margin-bottom: 6.4rem;
  background-size: cover;
}
@media (max-width: 1023px) {
  .esg:not(.overview).double-bottom-line .section-figure.hotel {
    background: url(../images/skms-banner-m.jpg) no-repeat center center;
    border-radius: 0.8rem;
    background-size: cover;
    margin-bottom: 3.2rem;
  }
}
.esg:not(.overview).double-bottom-line .section.value-diagram .section-body > .para + .doudle-bottom {
  margin-top: 7.6rem;
}
@media (max-width: 1023px) {
  .esg:not(.overview).double-bottom-line .section.value-diagram .section-body > .para + .doudle-bottom {
    margin-top: 3.2rem;
  }
}
.esg:not(.overview).environmental .section .section-body .comment {
  margin-top: 3.2rem;
}
@media (max-width: 1023px) {
  .esg:not(.overview).environmental .section .section-body .comment {
    margin-top: 2.4rem;
  }
}
.esg:not(.overview).environmental .section .section-body .table {
  margin-top: 6.4rem;
}
.esg:not(.overview).environmental .section .section-body .table .section-wrap .section-body {
  margin-top: 2.4rem !important;
}
@media (max-width: 1023px) {
  .esg:not(.overview).environmental .section .section-body .table {
    margin-top: 3.2rem !important;
  }
}
.esg:not(.overview).environmental .section .section-body img {
  display: inline-block;
  width: 100%;
}
.esg:not(.overview).environmental .section .section-body button {
  font-weight: 500;
  font-size: 1.8rem;
  text-decoration: underline;
  vertical-align: top;
}
@media (max-width: 1023px) {
  .esg:not(.overview).environmental .section .section-body button {
    font-weight: 500;
    font-size: 1.6rem;
  }
}
.esg:not(.overview).environmental .form.radio.case1 .radio-item input[type="radio"] {
  margin-right: 0;
}
.esg:not(.overview).environmental table.col-w-1 col.col1 {
  width: 13%;
}
.esg:not(.overview).environmental table.col-w-1 col.col2 {
  width: 17.4%;
}
.esg:not(.overview).environmental table.col-w-1 col.col3 {
  width: 17.4%;
}
.esg:not(.overview).environmental table.col-w-1 col.col4 {
  width: 17.4%;
}
.esg:not(.overview).environmental table.col-w-1 col.col5 {
  width: 17.4%;
}
.esg:not(.overview).environmental table.col-w-1 col.col6 {
  width: auto;
}
@media (max-width: 1023px) {
  .esg:not(.overview).environmental table.col-w-1 col.col1 {
    width: 14.15%;
  }
  .esg:not(.overview).environmental table.col-w-1 col.col2 {
    width: 15.72%;
  }
  .esg:not(.overview).environmental table.col-w-1 col.col3 {
    width: 14.68%;
  }
  .esg:not(.overview).environmental table.col-w-1 col.col4 {
    width: 16.56%;
  }
  .esg:not(.overview).environmental table.col-w-1 col.col5 {
    width: 18.66%;
  }
  .esg:not(.overview).environmental table.col-w-1 col.col6 {
    width: auto;
  }
}
.esg:not(.overview).environmental table.col-w-2 col.col1 {
  width: 14.1%;
}
.esg:not(.overview).environmental table.col-w-2 col.col2 {
  width: 13.55%;
}
.esg:not(.overview).environmental table.col-w-2 col.col3 {
  width: 25%;
}
.esg:not(.overview).environmental table.col-w-2 col.col4 {
  width: auto;
}
@media (max-width: 1023px) {
  .esg:not(.overview).environmental table.col-w-2 col.col1 {
    width: 13.35%;
  }
  .esg:not(.overview).environmental table.col-w-2 col.col2 {
    width: 12.78%;
  }
  .esg:not(.overview).environmental table.col-w-2 col.col3 {
    width: 23.58%;
  }
  .esg:not(.overview).environmental table.col-w-2 col.col4 {
    width: 50.28%;
  }
}
@media (max-width: 1023px) {
  .esg:not(.overview).environmental table.col-w-2 {
    min-width: 720px;
  }
}
.en .esg:not(.overview).environmental table.col-w-2 col.col1 {
  width: 14%;
}
.en .esg:not(.overview).environmental table.col-w-2 col.col2 {
  width: 24%;
}
.en .esg:not(.overview).environmental table.col-w-2 col.col3 {
  width: 26%;
}
.en .esg:not(.overview).environmental table.col-w-2 col.col4 {
  width: auto;
}
@media (max-width: 1023px) {
  .en .esg:not(.overview).environmental table.col-w-2 col.col1 {
    width: 14%;
  }
  .en .esg:not(.overview).environmental table.col-w-2 col.col2 {
    width: 25%;
  }
  .en .esg:not(.overview).environmental table.col-w-2 col.col3 {
    width: 26%;
  }
  .en .esg:not(.overview).environmental table.col-w-2 col.col4 {
    width: auto;
  }
}

.esg:not(.overview).environmental table.col-w-3 col.col1 {
  width: 32%;
}
.esg:not(.overview).environmental table.col-w-3 col.col2 {
  width: auto;
}
.esg:not(.overview).environmental table.col-w-3 col.col3 {
  width: 28.53%;
}
.esg:not(.overview).environmental table.col-w-3 col.col4 {
  width: auto;
}
@media (max-width: 1023px) {
  .esg:not(.overview).environmental table.col-w-3 col.col1 {
    width: 32%;
  }
  .esg:not(.overview).environmental table.col-w-3 col.col2 {
    width: auto;
  }
  .esg:not(.overview).environmental table.col-w-3 col.col3 {
    width: 35%;
  }
  .esg:not(.overview).environmental table.col-w-3 col.col4 {
    width: auto;
  }
}
.en .esg:not(.overview).environmental table.col-w-3 col.col1 {
  width: 19%;
}
.en .esg:not(.overview).environmental table.col-w-3 col.col2 {
  width: 33%;
}
.en .esg:not(.overview).environmental table.col-w-3 col.col3 {
  width: 19%;
}
.en .esg:not(.overview).environmental table.col-w-3 col.col4 {
  width: auto;
}
@media (max-width: 1023px) {
  .en .esg:not(.overview).environmental table.col-w-3 col.col1 {
    width: 20%;
  }
  .en .esg:not(.overview).environmental table.col-w-3 col.col2 {
    width: auto;
  }
  .en .esg:not(.overview).environmental table.col-w-3 col.col3 {
    width: 18%;
  }
  .en .esg:not(.overview).environmental table.col-w-3 col.col4 {
    width: auto;
  }
}

.esg:not(.overview).environmental table.col-w-4 col.col1 {
  width: 20.8%;
}
.esg:not(.overview).environmental table.col-w-4 col.col2 {
  width: 27.8%;
}
.esg:not(.overview).environmental table.col-w-4 col.col3 {
  width: 13.3%;
}
.esg:not(.overview).environmental table.col-w-4 col.col4 {
  width: 13.3%;
}
.esg:not(.overview).environmental table.col-w-4 col.col5 {
  width: 13.3%;
}
.esg:not(.overview).environmental table.col-w-4 col.col6 {
  width: auto;
}
@media (max-width: 1023px) {
  .esg:not(.overview).environmental table.col-w-4 col.col1 {
    width: 20.88%;
  }
  .esg:not(.overview).environmental table.col-w-4 col.col2 {
    width: 27.84%;
  }
  .esg:not(.overview).environmental table.col-w-4 col.col3 {
    width: 13.35%;
  }
  .esg:not(.overview).environmental table.col-w-4 col.col4 {
    width: 13.35%;
  }
  .esg:not(.overview).environmental table.col-w-4 col.col5 {
    width: 13.35%;
  }
  .esg:not(.overview).environmental table.col-w-4 col.col6 {
    width: auto;
  }
}
.en .esg:not(.overview).environmental table.col-w-4 col.col1 {
  width: 23%;
}
.en .esg:not(.overview).environmental table.col-w-4 col.col2 {
  width: 27%;
}
.en .esg:not(.overview).environmental table.col-w-4 col.col3 {
  width: auto;
}
.en .esg:not(.overview).environmental table.col-w-4 col.col4 {
  width: auto;
}
.en .esg:not(.overview).environmental table.col-w-4 col.col5 {
  width: auto;
}
.en .esg:not(.overview).environmental table.col-w-4 col.col6 {
  width: 17%;
}
@media (max-width: 1023px) {
  .en .esg:not(.overview).environmental table.col-w-4 col.col1 {
    width: 23%;
  }
  .en .esg:not(.overview).environmental table.col-w-4 col.col2 {
    width: 28%;
  }
  .en .esg:not(.overview).environmental table.col-w-4 col.col3 {
    width: auto;
  }
  .en .esg:not(.overview).environmental table.col-w-4 col.col4 {
    width: auto;
  }
  .en .esg:not(.overview).environmental table.col-w-4 col.col5 {
    width: auto;
  }
  .en .esg:not(.overview).environmental table.col-w-4 col.col6 {
    width: 14%;
  }
}

.esg:not(.overview).member .section .section-head .section-subject + .comment.design1 {
  margin-top: 1.6rem;
}
@media (max-width: 1023px) {
  .esg:not(.overview).member .section .section-head .section-subject + .comment.design1 {
    margin-top: 1.2rem;
  }
}
.esg:not(.overview).member .section .section-body .para + .comment.design1 {
  margin-top: 1.6rem;
}
@media (max-width: 1023px) {
  .esg:not(.overview).member .section .section-body .para + .comment.design1 {
    margin-top: 1.2rem;
  }
}
.esg:not(.overview).member .section.response .section-wrap {
  justify-content: space-between;
  align-items: flex-start;
}
.esg:not(.overview).member .section.response .section-wrap .section-head {
  width: 45.5%;
}
.esg:not(.overview).member .section.response .section-wrap .section-figure {
  width: 49.25%;
  border-radius: 1.6rem;
  overflow: hidden;
}
.esg:not(.overview).member .section.response .section-wrap .section-figure img {
  width: 100%;
  height: auto;
}
@media (max-width: 1023px) {
  .esg:not(.overview).member .section.response .section-wrap .section-head {
    width: 100%;
  }
  .esg:not(.overview).member .section.response .section-wrap .section-head + .section-figure {
    margin-top: 3.2rem;
  }
  .esg:not(.overview).member .section.response .section-wrap .section-figure {
    width: 100%;
  }
}
.esg:not(.overview).member .section.health-support {
  padding-top: 8rem;
  border-top: 1px solid rgb(228, 228, 231);
}
@media (max-width: 1023px) {
  .esg:not(.overview).member .section.health-support {
    padding-top: 4.8rem;
  }
}
.esg:not(.overview).member .section.health-layout .section-body > .para + .board-list,
.esg:not(.overview).member .section.health-layout .section-body > .para + .data-display,
.esg:not(.overview).member .section.health-layout .section-body > .para + .t-display {
  margin-top: 6.4rem;
}
@media (max-width: 1023px) {
  .esg:not(.overview).member .section.health-layout .section-body > .para + .board-list,
  .esg:not(.overview).member .section.health-layout .section-body > .para + .data-display,
  .esg:not(.overview).member .section.health-layout .section-body > .para + .t-display {
    margin-top: 3.2rem;
  }
}
.esg:not(.overview).member .section.health-layout .board-list .data-body .para + .bullet-display {
  margin-top: 0.8rem;
}
.esg:not(.overview).member .section.health-layout .board-list + .t-display {
  margin-top: 8rem;
}
@media (max-width: 1023px) {
  .esg:not(.overview).member .section.health-layout .board-list + .t-display {
    margin-top: 4.8rem;
  }
}
.esg:not(.overview).member .panel-display .panel-list .panel-item .panel-head {
  margin-top: 6.4rem;
}
@media (max-width: 1023px) {
  .esg:not(.overview).member .panel-display .panel-list .panel-item .panel-head {
    margin-top: 3.2rem;
  }
}
.esg:not(.overview).member .panel-display .panel-list .panel-item .panel-body .section .section-subject + .comment {
  margin-top: 1.6rem;
}
@media (max-width: 1023px) {
  .esg:not(.overview).member .panel-display .panel-list .panel-item .panel-body .section .section-subject + .comment {
    margin-top: 1.2rem;
  }
}
.esg:not(.overview).member .panel-display .panel-list .panel-item .panel-body .section .para + .comment {
  margin-top: 1.6rem;
}
@media (max-width: 1023px) {
  .esg:not(.overview).member .panel-display .panel-list .panel-item .panel-body .section .para + .comment {
    margin-top: 1.2rem;
  }
}
.esg:not(.overview).member .panel-display .panel-list .panel-item .panel-body .section .section-body .post-list.design5 .post-item .post-head {
  text-align: center;
}
.esg:not(.overview).member
  .panel-display
  .panel-list
  .panel-item
  .panel-body
  .section
  .section-body
  .post-list.design5
  .post-item
  .post-head
  .post-subject {
  padding: 4rem 0 6.4rem;
}
@media (max-width: 1023px) {
  .esg:not(.overview).member .panel-display .panel-list .panel-item .panel-body .section .section-body .post-list.design5 .post-item .post-figure {
    width: calc(100% + 3.6rem);
    max-width: unset;
    overflow: auto;
    padding-bottom: 1.6rem;
    padding-right: 1.8rem;
    padding-left: 1.8rem;
    margin-left: -1.8rem;
  }
  .esg:not(.overview).member
    .panel-display
    .panel-list
    .panel-item
    .panel-body
    .section
    .section-body
    .post-list.design5
    .post-item
    .post-figure::-webkit-scrollbar {
    height: 0.5rem;
  }
  .esg:not(.overview).member
    .panel-display
    .panel-list
    .panel-item
    .panel-body
    .section
    .section-body
    .post-list.design5
    .post-item
    .post-figure::-webkit-scrollbar-thumb {
    background-color: #d5d4d9;
    border-radius: 5rem;
  }
  .esg:not(.overview).member
    .panel-display
    .panel-list
    .panel-item
    .panel-body
    .section
    .section-body
    .post-list.design5
    .post-item
    .post-figure::-webkit-scrollbar-track {
    margin-left: 1.8rem;
    margin-right: 1.8rem;
    border-radius: 5rem;
  }
}
.esg:not(.overview).member .panel-display .panel-list .panel-item .panel-body .section .section-body > .para + .data-display {
  margin-top: 6.4rem;
}
@media (max-width: 1023px) {
  .esg:not(.overview).member .panel-display .panel-list .panel-item .panel-body .section .section-body > .para + .data-display {
    margin-top: 3.2rem;
  }
}
.esg:not(.overview).member .panel-display .panel-list .panel-item .panel-body .section .section-body > .para + .post-list {
  margin-top: 6.4rem;
}
@media (max-width: 1023px) {
  .esg:not(.overview).member .panel-display .panel-list .panel-item .panel-body .section .section-body > .para + .post-list {
    margin-top: 3.2rem;
  }
}
.esg:not(.overview).member .panel-display .panel-list .panel-item .panel-body .section .section-body.process {
  align-items: center;
  justify-content: space-between;
}
.esg:not(.overview).member .panel-display .panel-list .panel-item .panel-body .section .section-body.process > .post-list {
  width: 46.83%;
}
.esg:not(.overview).member .panel-display .panel-list .panel-item .panel-body .section .section-body.process > .data-display {
  width: 43.83%;
}
.esg:not(.overview).member
  .panel-display
  .panel-list
  .panel-item
  .panel-body
  .section
  .section-body.process
  > .data-display
  > .data-list
  > .data-item {
  padding: 2.4rem 0;
}
.esg:not(.overview).member
  .panel-display
  .panel-list
  .panel-item
  .panel-body
  .section
  .section-body.process
  > .data-display
  > .data-list
  > .data-item
  + .data-item {
  border-top: 0.1rem solid #e4e4e7;
}
@media (max-width: 1023px) {
  .esg:not(.overview).member .panel-display .panel-list .panel-item .panel-body .section .section-body.process {
    flex-direction: column;
    gap: 2.4rem;
  }
  .esg:not(.overview).member .panel-display .panel-list .panel-item .panel-body .section .section-body.process > .post-list {
    width: 100%;
  }
  .esg:not(.overview).member .panel-display .panel-list .panel-item .panel-body .section .section-body.process > .data-display {
    width: 100%;
  }
  .esg:not(.overview).member
    .panel-display
    .panel-list
    .panel-item
    .panel-body
    .section
    .section-body.process
    > .data-display
    > .data-list
    > .data-item {
    padding: 1.6rem 0;
  }
  .esg:not(.overview).member .panel-display .panel-list .panel-item .panel-body .section .section-body.process .post-figure {
    width: 100%;
  }
}
.esg:not(.overview).member .panel-display .panel-list .panel-item .panel-body .section .section-body .t-display.design1 {
  margin-top: 6.4rem;
}
.esg:not(.overview).member .panel-display .panel-list .panel-item .panel-body .section .section-body .t-display.design1 .comment {
  margin-top: 8rem;
}
.esg:not(.overview).member .panel-display .panel-list .panel-item .panel-body .section .section-body .t-display.design1 .comment + table {
  margin-top: 2.4rem;
}
@media (max-width: 1023px) {
  .esg:not(.overview).member .panel-display .panel-list .panel-item .panel-body .section .section-body .t-display.design1 .comment {
    margin-top: 4.8rem;
  }
  .esg:not(.overview).member .panel-display .panel-list .panel-item .panel-body .section .section-body .t-display.design1 .comment + table {
    margin-top: 1.6rem;
  }
}
.esg:not(.overview).member .panel-display .panel-list .panel-item .panel-body .section .section-body .board-list.design3 {
  margin-top: 6.4rem;
}
@media (max-width: 1023px) {
  .esg:not(.overview).member .panel-display .panel-list .panel-item .panel-body .section .section-body .board-list.design3 {
    margin-top: 3.2rem;
  }
}
.esg:not(.overview).member .panel-display .panel-list .panel-item .panel-body .section .section-body .board-list.esg-health {
  margin-top: 6.4rem;
}
@media (max-width: 1023px) {
  .esg:not(.overview).member .panel-display .panel-list .panel-item .panel-body .section .section-body .board-list.esg-health {
    margin-top: 3.2rem;
  }
}
.esg:not(.overview).member .panel-display .panel-list .panel-item .panel-body .section .section-body .board-list.esg-happy-day {
  margin-top: 6.4rem;
}
@media (max-width: 1023px) {
  .esg:not(.overview).member .panel-display .panel-list .panel-item .panel-body .section .section-body .board-list.esg-happy-day {
    margin-top: 3.2rem;
  }
}
@media (max-width: 1023px) {
  .esg:not(.overview).member .panel-display .panel-list .panel-item .panel-body .section .section-body .section-figure img {
    width: 100% !important;
  }
}
.esg:not(.overview).member .panel-display .panel-list .panel-item .panel-body .section .section-body + .section-util {
  margin-top: 8rem;
}
@media (max-width: 1023px) {
  .esg:not(.overview).member .panel-display .panel-list .panel-item .panel-body .section .section-body + .section-util {
    margin-top: 4.8rem;
  }
}
.esg:not(.overview).member .panel-display .panel-list .panel-item .panel-body .section .section-aside {
  margin-top: 14.4rem;
}
@media (max-width: 1023px) {
  .esg:not(.overview).member .panel-display .panel-list .panel-item .panel-body .section .section-aside {
    margin-top: 4.8rem;
  }
}
.esg:not(.overview).member .panel-display .panel-list .panel-item .panel-body .section.family-friendly .section-wrap {
  justify-content: space-between;
}
.esg:not(.overview).member .panel-display .panel-list .panel-item .panel-body .section.family-friendly .section-wrap .section-head {
  width: 70.92%;
}
.esg:not(.overview).member .panel-display .panel-list .panel-item .panel-body .section.family-friendly .section-wrap .section-figure {
  display: flex;
  width: 23.75%;
  padding: 4rem;
  border: 1px solid rgb(228, 228, 231);
  border-radius: 1.6rem;
  align-items: center;
  justify-content: center;
}
.esg:not(.overview).member .panel-display .panel-list .panel-item .panel-body .section.family-friendly .section-wrap .section-figure img {
  width: 12rem;
  height: 12rem;
}
@media (max-width: 1023px) {
  .esg:not(.overview).member .panel-display .panel-list .panel-item .panel-body .section.family-friendly .section-wrap .section-head {
    width: 100%;
  }
  .esg:not(.overview).member
    .panel-display
    .panel-list
    .panel-item
    .panel-body
    .section.family-friendly
    .section-wrap
    .section-head
    + .section-figure {
    margin-top: 3.2rem;
  }
  .esg:not(.overview).member .panel-display .panel-list .panel-item .panel-body .section.family-friendly .section-wrap .section-figure {
    width: 100%;
    padding: 2.4rem;
  }
}
.esg:not(.overview).member .panel-display .panel-list .panel-item .panel-body .section.balance-roadmap .section-body > .data-display + .btn-display {
  margin-top: 6.4rem;
}
@media (max-width: 1023px) {
  .esg:not(.overview).member
    .panel-display
    .panel-list
    .panel-item
    .panel-body
    .section.balance-roadmap
    .section-body
    > .data-display
    + .btn-display {
    margin-top: 4.8rem;
  }
}
.esg:not(.overview).member table.col-w-1 col.col1 {
  width: 25%;
}
.esg:not(.overview).member table.col-w-1 col.col2 {
  width: auto;
}
@media (max-width: 1023px) {
  .esg:not(.overview).member table.col-w-1 col.col1 {
    width: 17.15%;
  }
  .esg:not(.overview).member table.col-w-1 col.col2 {
    width: auto;
  }
  .en .esg:not(.overview).member table.col-w-1 col.col1 {
    width: 30%;
  }
  .en .esg:not(.overview).member table.col-w-1 col.col2 {
    width: auto;
  }
}
.esg:not(.overview).understand .panel-display .panel-list .panel-item .t-display tbody {
  border-bottom: 0.1rem solid rgb(228, 228, 231);
}
.esg:not(.overview).understand .panel-display .panel-list .panel-item .t-display tbody tr th,
.esg:not(.overview).understand .panel-display .panel-list .panel-item .t-display tbody tr td {
  vertical-align: top;
}
.esg:not(.overview).understand .panel-display .panel-list .panel-item .t-display tbody tr th {
  text-align: center;
}
.esg:not(.overview).understand .panel-display .panel-list .panel-item .t-display tbody tr.sort-line {
  border-top: 0.1rem solid rgb(228, 228, 231);
}
.esg:not(.overview).understand .panel-display .panel-list .panel-item .section .section-body .post-list.social .post-wrap .post-head {
  padding: 2.7rem;
  text-align: center;
  background-color: rgb(151, 53, 208);
  border-radius: 1.6rem;
  margin-bottom: 1.6rem;
}
.esg:not(.overview).understand .panel-display .panel-list .panel-item .section .section-body .post-list.social .post-wrap .post-head .post-caption {
  font-weight: 700;
  font-size: 1.8rem;
  color: rgb(255, 255, 255);
}
.esg:not(.overview).understand
  .panel-display
  .panel-list
  .panel-item
  .section
  .section-body
  .post-list.social
  .post-wrap
  .post-body
  .data-display
  .data-list
  .data-head
  .data-subject {
  color: rgb(151, 53, 208);
}
.esg:not(.overview).understand .panel-display .panel-list .panel-item .section .section-body .post-list.design5 .post-figure {
  margin-top: 6.4rem;
}
@media (max-width: 1023px) {
  .esg:not(.overview).understand .panel-display .panel-list .panel-item .section .section-body .post-list.design5 .post-figure {
    margin-top: 3.2rem;
    width: calc(100% + 3.6rem);
    max-width: unset;
    overflow: auto;
    padding-bottom: 1.6rem;
    padding-right: 1.8rem;
    padding-left: 1.8rem;
    margin-left: -1.8rem;
  }
  .esg:not(.overview).understand .panel-display .panel-list .panel-item .section .section-body .post-list.design5 .post-figure::-webkit-scrollbar {
    height: 0.5rem;
  }
  .esg:not(.overview).understand
    .panel-display
    .panel-list
    .panel-item
    .section
    .section-body
    .post-list.design5
    .post-figure::-webkit-scrollbar-thumb {
    background-color: #d5d4d9;
    border-radius: 5rem;
  }
  .esg:not(.overview).understand
    .panel-display
    .panel-list
    .panel-item
    .section
    .section-body
    .post-list.design5
    .post-figure::-webkit-scrollbar-track {
    margin-left: 1.8rem;
    margin-right: 1.8rem;
    border-radius: 5rem;
  }
}
.esg:not(.overview).understand .panel-display .panel-list .panel-item .section .section-body .post-list + .comment {
  width: 100%;
  text-align: right;
}
.esg:not(.overview).understand .panel-display .panel-list .panel-item .section .section-body .para + .data-display.roadmap {
  margin-top: 6.4rem;
}
@media (max-width: 1023px) {
  .esg:not(.overview).understand .panel-display .panel-list .panel-item .section .section-body .para + .data-display.roadmap {
    margin-top: 3.2rem;
  }
}
.esg:not(.overview).understand .panel-display .panel-list .panel-item .section .section-body .btn-display .btn-area {
  display: flex;
  gap: 2.4rem;
  margin-top: 8rem;
}
@media (max-width: 1023px) {
  .esg:not(.overview).understand .panel-display .panel-list .panel-item .section .section-body .btn-display .btn-area {
    margin-top: 4.8rem;
    gap: 1.6rem;
  }
}
.esg:not(.overview).understand .panel-display .panel-list .panel-item .section.design2 .section-wrap {
  gap: 6.4rem;
}
@media (max-width: 1023px) {
  .esg:not(.overview).understand .panel-display .panel-list .panel-item .section.design2 .section-wrap {
    gap: 4.8rem;
  }
}
.esg:not(.overview).understand .panel-display .panel-list .panel-item .section.design2 .section-wrap .section-body {
  width: 100%;
}
.esg:not(.overview).understand .panel-display .panel-list .panel-item .section.sharing .section-head {
  width: 45.5%;
}
.esg:not(.overview).understand .panel-display .panel-list .panel-item .section.sharing .section-figure {
  width: 49.25%;
  border-radius: 1.6rem;
  overflow: hidden;
}
.esg:not(.overview).understand .panel-display .panel-list .panel-item .section.sharing .section-figure img {
  width: 100%;
}
@media (max-width: 1023px) {
  .esg:not(.overview).understand .panel-display .panel-list .panel-item .section.sharing .section-head {
    width: 100%;
  }
  .esg:not(.overview).understand .panel-display .panel-list .panel-item .section.sharing .section-figure {
    width: 100%;
  }
}
.esg:not(.overview).understand .panel-display .panel-list .panel-item .section.gallery .section-head {
  width: 47.5%;
}
.esg:not(.overview).understand .panel-display .panel-list .panel-item .section.gallery .section-figure {
  width: 45%;
  border-radius: 1.6rem;
  overflow: hidden;
}
.esg:not(.overview).understand .panel-display .panel-list .panel-item .section.gallery .section-figure img {
  width: 100%;
}
@media (max-width: 1023px) {
  .esg:not(.overview).understand .panel-display .panel-list .panel-item .section.gallery .section-head {
    width: 100%;
  }
  .esg:not(.overview).understand .panel-display .panel-list .panel-item .section.gallery .section-figure {
    width: calc(100% - 6rem);
    margin: 0 auto;
  }
}
.esg:not(.overview).understand .panel-display .panel-list .panel-item .section.probono .section-body .post-list.layout1 .post-inform {
  width: 100%;
}
.esg:not(.overview).understand .panel-display .panel-list .panel-item .section.probono .section-body .post-list.layout1 .post-body {
  width: 49.17%;
}
.esg:not(.overview).understand .panel-display .panel-list .panel-item .section.probono .section-body .post-list.layout1 ~ .board-list {
  margin-top: 8rem;
}
.esg:not(.overview).understand
  .panel-display
  .panel-list
  .panel-item
  .section.probono
  .section-body
  .post-list.layout1
  ~ .board-list
  + .data-display {
  margin-top: 8rem;
}
@media (max-width: 1023px) {
  .esg:not(.overview).understand .panel-display .panel-list .panel-item .section.probono .section-body .post-list.layout1 .post-inform {
    width: 100%;
  }
  .esg:not(.overview).understand .panel-display .panel-list .panel-item .section.probono .section-body .post-list.layout1 .post-body {
    width: 100%;
  }
  .esg:not(.overview).understand .panel-display .panel-list .panel-item .section.probono .section-body .post-list.layout1 ~ .board-list {
    margin-top: 4.8rem;
  }
  .esg:not(.overview).understand
    .panel-display
    .panel-list
    .panel-item
    .section.probono
    .section-body
    .post-list.layout1
    ~ .board-list
    + .data-display {
    margin-top: 4.8rem;
  }
}
.esg:not(.overview).understand .panel-display .panel-list .panel-item .section.collabo .section-head {
  width: 45.5%;
}
.esg:not(.overview).understand .panel-display .panel-list .panel-item .section.collabo .section-figure {
  width: 49.25%;
  border-radius: 1.6rem;
  overflow: hidden;
}
.esg:not(.overview).understand .panel-display .panel-list .panel-item .section.collabo .section-figure img {
  width: 100%;
}
@media (max-width: 1023px) {
  .esg:not(.overview).understand .panel-display .panel-list .panel-item .section.collabo .section-head {
    width: 100%;
  }
  .esg:not(.overview).understand .panel-display .panel-list .panel-item .section.collabo .section-figure {
    width: 100%;
  }
}
.esg:not(.overview).understand .panel-display .panel-list .panel-item .section.growth-fund .section-body > .para + .data-display {
  margin-top: 8rem;
}
@media (max-width: 1023px) {
  .esg:not(.overview).understand .panel-display .panel-list .panel-item .section.growth-fund .section-body > .para + .data-display {
    margin-top: 4.8rem;
  }
}
.esg:not(.overview).understand .panel-display .panel-list .panel-item .section.esg-risk .section-body > .para + .data-display {
  margin-top: 8rem;
}
.esg:not(.overview).understand .panel-display .panel-list .panel-item .section.esg-risk .section-body > .para + .data-display + .data-display {
  margin-top: 8rem;
}
.esg:not(.overview).understand
  .panel-display
  .panel-list
  .panel-item
  .section.esg-risk
  .section-body
  .data-display.align1
  .bullet-display.design1.type1
  > .data-list
  > .data-item {
  text-align: left;
}
.esg:not(.overview).understand .panel-display .panel-list .panel-item .section.esg-risk .section-body .data-display.flex .data-list {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1023px) {
  .esg:not(.overview).understand .panel-display .panel-list .panel-item .section.esg-risk .section-body .data-display.flex .data-list .data-body {
    width: calc(100% + 3.6rem);
    max-width: unset;
    overflow: auto;
    padding-bottom: 1.6rem;
    padding-right: 1.8rem;
    padding-left: 1.8rem;
    margin-left: -1.8rem;
  }
  .esg:not(.overview).understand
    .panel-display
    .panel-list
    .panel-item
    .section.esg-risk
    .section-body
    .data-display.flex
    .data-list
    .data-body::-webkit-scrollbar {
    height: 0.5rem;
  }
  .esg:not(.overview).understand
    .panel-display
    .panel-list
    .panel-item
    .section.esg-risk
    .section-body
    .data-display.flex
    .data-list
    .data-body::-webkit-scrollbar-thumb {
    background-color: #d5d4d9;
    border-radius: 5rem;
  }
  .esg:not(.overview).understand
    .panel-display
    .panel-list
    .panel-item
    .section.esg-risk
    .section-body
    .data-display.flex
    .data-list
    .data-body::-webkit-scrollbar-track {
    margin-left: 1.8rem;
    margin-right: 1.8rem;
    border-radius: 5rem;
  }
}
.esg:not(.overview).understand
  .panel-display
  .panel-list
  .panel-item
  .section.esg-risk
  .section-body
  .data-display.flex
  .data-list
  .data-item.dispersion {
  width: 67.92%;
}
.esg:not(.overview).understand
  .panel-display
  .panel-list
  .panel-item
  .section.esg-risk
  .section-body
  .data-display.flex
  .data-list
  .data-item.change {
  width: 25.33%;
}
.esg:not(.overview).understand
  .panel-display
  .panel-list
  .panel-item
  .section.esg-risk
  .section-body
  .data-display.flex
  .data-list
  .data-item
  .data-body
  img {
  width: 100%;
}
.esg:not(.overview).understand
  .panel-display
  .panel-list
  .panel-item
  .section.esg-risk
  .section-body
  .data-display.flex
  .data-list
  .data-wrap
  + .comment {
  margin-top: 1.6rem;
}
@media (max-width: 1023px) {
  .esg:not(.overview).understand .panel-display .panel-list .panel-item .section.esg-risk .section-body > .para + .data-display {
    margin-top: 4.8rem;
  }
  .esg:not(.overview).understand .panel-display .panel-list .panel-item .section.esg-risk .section-body > .para + .data-display + .data-display {
    margin-top: 4.8rem;
  }
  .esg:not(.overview).understand .panel-display .panel-list .panel-item .section.esg-risk .section-body .data-display.flex .data-list {
    flex-direction: column;
  }
  .esg:not(.overview).understand
    .panel-display
    .panel-list
    .panel-item
    .section.esg-risk
    .section-body
    .data-display.flex
    .data-list
    .data-item.dispersion {
    width: 100%;
  }
  .esg:not(.overview).understand
    .panel-display
    .panel-list
    .panel-item
    .section.esg-risk
    .section-body
    .data-display.flex
    .data-list
    .data-item.dispersion
    .data-body {
    width: calc(100% + 3.6rem);
    max-width: unset;
    overflow: auto;
    padding-bottom: 1.6rem;
    padding-right: 1.8rem;
    padding-left: 1.8rem;
    margin-left: -1.8rem;
  }
  .esg:not(.overview).understand
    .panel-display
    .panel-list
    .panel-item
    .section.esg-risk
    .section-body
    .data-display.flex
    .data-list
    .data-item.dispersion
    .data-body::-webkit-scrollbar {
    height: 0.5rem;
  }
  .esg:not(.overview).understand
    .panel-display
    .panel-list
    .panel-item
    .section.esg-risk
    .section-body
    .data-display.flex
    .data-list
    .data-item.dispersion
    .data-body::-webkit-scrollbar-thumb {
    background-color: #d5d4d9;
    border-radius: 5rem;
  }
  .esg:not(.overview).understand
    .panel-display
    .panel-list
    .panel-item
    .section.esg-risk
    .section-body
    .data-display.flex
    .data-list
    .data-item.dispersion
    .data-body::-webkit-scrollbar-track {
    margin-left: 1.8rem;
    margin-right: 1.8rem;
    border-radius: 5rem;
  }
  .esg:not(.overview).understand
    .panel-display
    .panel-list
    .panel-item
    .section.esg-risk
    .section-body
    .data-display.flex
    .data-list
    .data-item.dispersion
    + .change {
    margin-top: 4.8rem;
  }
  .esg:not(.overview).understand
    .panel-display
    .panel-list
    .panel-item
    .section.esg-risk
    .section-body
    .data-display.flex
    .data-list
    .data-item.change {
    width: 100%;
  }
  .esg:not(.overview).understand
    .panel-display
    .panel-list
    .panel-item
    .section.esg-risk
    .section-body
    .data-display.flex
    .data-list
    .data-wrap
    + .comment {
    margin-top: 1.2rem;
  }
}
.esg:not(.overview).understand .panel-display .panel-list .panel-item .section.social-system .section-body .post-list + .para {
  margin-top: 6.4rem;
}
@media (max-width: 1023px) {
  .esg:not(.overview).understand .panel-display .panel-list .panel-item .section.social-system .section-body .post-list + .para {
    margin-top: 3.2rem;
  }
}
.esg:not(.overview).understand .panel-display .panel-list .panel-item .section.local-activities .section-body > .para + .comment + .data-display {
  margin-top: 8rem;
}
@media (max-width: 1023px) {
  .esg:not(.overview).understand .panel-display .panel-list .panel-item .section.local-activities .section-body > .para + .comment + .data-display {
    margin-top: 4.8rem;
  }
}
.esg:not(.overview).understand .panel-display .panel-list .panel-item .post-figure img {
  width: 100%;
}
.esg:not(.overview).understand table.col-w-1 col.col1 {
  width: auto;
}
@media (max-width: 1023px) {
  .esg:not(.overview).understand table.col-w-1 col.col1 {
    width: 13.7%;
  }
}
.esg:not(.overview).understand .comment {
  margin-top: 1.6rem;
}
@media (max-width: 1023px) {
  .esg:not(.overview).understand .comment {
    margin-top: 1.2rem;
  }
}
.esg:not(.overview).social-val .section-body .data-display.type2 .data-item .item-wrap .item-head .item-subject {
  font-weight: 700;
  font-size: 2.4rem;
}
.esg:not(.overview).report-st .section.design2 .section-wrap {
  gap: 14.7rem;
}
.esg:not(.overview).report-st .section.design2 .section-wrap .section-head {
  width: 32.25%;
}
.esg:not(.overview).report-st .section.design2 .section-wrap .section-head .section-name {
  font-weight: 700;
  font-size: 2rem;
  color: rgb(255, 255, 255);
  margin-bottom: 2.4rem;
}
@media (max-width: 1023px) {
  .esg:not(.overview).report-st .section.design2 .section-wrap .section-head {
    width: 100%;
  }
}
.esg:not(.overview).report-st .section.design2 .section-wrap .section-body {
  width: 67.75%;
}
.esg:not(.overview).report-st .section.design2 .section-wrap .section-body .post-list.design5 .post-figure img {
  border-radius: 1.6rem;
}
@media (max-width: 1023px) {
  .esg:not(.overview).report-st .section.design2 .section-wrap .section-body .post-list.design5 .post-figure img {
    width: 100%;
  }
}
.esg:not(.overview).report-st .section.design2 .section-wrap .section-body .data-list .item-util .btn .btn-text {
  line-height: 160% !important;
}
.esg:not(.overview).report-st .section.design2 .section-wrap .section-body .data-list.network .data-item {
  padding: 0;
  border-bottom: none;
  margin-top: 2.4rem;
}
.esg:not(.overview).report-st .section.design2 .section-wrap .section-body .data-list.network .data-item .item-wrap .item-head .item-date {
  font-weight: 700;
  font-size: 2.4rem;
}
@media (max-width: 1023px) {
  .esg:not(.overview).report-st .section.design2 .section-wrap .section-body .data-list.network .data-item .item-wrap .item-head .item-date {
    font-weight: 700;
    font-size: 2rem;
  }
}
@media (max-width: 1023px) {
  .esg:not(.overview).report-st .section.design2 .section-wrap .section-body .data-list.network .data-item .item-wrap {
    flex-direction: column;
    justify-content: center;
  }
}
@media (max-width: 1023px) {
  .esg:not(.overview).report-st .section.design2 .section-wrap .section-body {
    width: 100%;
  }
}
@media (max-width: 1023px) {
  .esg:not(.overview).report-st .section.design2 .section-wrap {
    gap: 0;
  }
}
.esg:not(.overview).report-st .section.design1 .section-wrap .section-body {
  width: 100%;
}
.esg:not(.overview).report-st .section.design1 .section-wrap .section-body .data-display.design5 {
  margin-top: 4rem;
}
.esg:not(.overview).report-st .section.design1 .section-wrap .section-body .data-display.design5 .btn-display {
  flex-shrink: 0;
}
@media (max-width: 1023px) {
  .esg:not(.overview).report-st .section.design1 .section-wrap .section-body .data-display.design5 {
    margin-top: 2.4rem;
  }
}
.esg:not(.overview).social-val .section .board-display .board-list + .comment {
  margin-top: 1.6rem;
}
.esg:not(.overview).social-val .section .board-display + .board-display {
  margin-top: 6.4rem;
}
.esg:not(.overview).social-val .section .data-display.design2 + .board-display {
  margin-top: 4rem;
}
.esg:not(.overview).social-val .section .data-display.design2 + .esg-inform-list {
  margin-top: 4rem;
}
.esg:not(.overview).social-val .section.select-value .section-body > .para + .data-display.design2 {
  margin-top: 6.4rem;
}
@media (max-width: 1023px) {
  .esg:not(.overview).social-val .section .board-display .board-list + .comment {
    margin-top: 1.2rem;
  }
  .esg:not(.overview).social-val .section .board-display + .board-display {
    margin-top: 3.2rem;
  }
  .esg:not(.overview).social-val .section .board-display.scroll {
    width: calc(100% + 3.6rem);
    max-width: unset;
    overflow: auto;
    padding-bottom: 1.6rem;
    padding-right: 1.8rem;
    padding-left: 1.8rem;
    margin-left: -1.8rem;
  }
  .esg:not(.overview).social-val .section .board-display.scroll::-webkit-scrollbar {
    height: 0.5rem;
  }
  .esg:not(.overview).social-val .section .board-display.scroll::-webkit-scrollbar-thumb {
    background-color: #d5d4d9;
    border-radius: 5rem;
  }
  .esg:not(.overview).social-val .section .board-display.scroll::-webkit-scrollbar-track {
    margin-left: 1.8rem;
    margin-right: 1.8rem;
    border-radius: 5rem;
  }
  .esg:not(.overview).social-val .section .data-display.design2 + .board-display {
    margin-top: 4rem;
  }
  .esg:not(.overview).social-val .section.select-value .section-body > .para + .data-display.design2 {
    margin-top: 3.2rem;
  }
  .esg:not(.overview).social-val .section.select-value .esg-inform {
    margin-top: 2.4rem;
  }
}
.esg:not(.overview).climate-change .section.csr-cont {
  position: relative;
  padding: 6.4rem 0;
}
.esg:not(.overview).climate-change .section.csr-cont .data-display .data-item + .data-item {
  margin-top: 4rem;
}
.esg:not(.overview).climate-change .section.csr-cont::before {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(50% - (50vw - 5%));
  width: calc(100vw - 10%);
  height: 100%;
  content: "";
  z-index: -1;
  background-color: rgb(246, 246, 247);
  border-radius: 1.6rem;
}
@media (max-width: 1380px) {
  .esg:not(.overview).climate-change .section.csr-cont::before {
    left: calc(50% - 50vw);
    width: 100vw;
    border-radius: unset;
  }
}
@media (max-width: 1023px) {
  .esg:not(.overview).climate-change .section.csr-cont {
    padding: 8rem 0;
  }
  .esg:not(.overview).climate-change .section.csr-cont .data-display .data-item + .data-item {
    margin-top: 2.4rem;
  }
}
.esg:not(.overview).climate-change .section.net-zero .post-list .post-item {
  position: relative;
}
@media (max-width: 1023px) {
  .esg:not(.overview).climate-change .section.net-zero .post-list .post-item .post-head + .post-aside {
    margin-top: 2.4rem;
  }
}
.esg:not(.overview).climate-change .section.net-zero .post-list .post-item .post-aside {
  display: flex;
  position: absolute;
  top: 18.55%;
  left: 50%;
  width: 89.33%;
  transform: translateX(-50%);
  align-items: center;
  justify-content: space-between;
}
.esg:not(.overview).climate-change .section.net-zero .post-list .post-item .post-aside .path {
  position: relative;
  color: rgb(63, 63, 70);
  padding-left: 2.8rem;
  font-weight: 500;
  font-size: 1.6rem;
}
.esg:not(.overview).climate-change .section.net-zero .post-list .post-item .post-aside .path::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 1.6rem;
  height: 1.6rem;
  border: 4px solid #6d0ca6;
  content: "";
  transform: translateY(-50%);
  background-color: #fff;
  border-radius: 100%;
}
.esg:not(.overview).climate-change .section.net-zero .post-list .post-item .post-aside .unit {
  color: rgb(63, 63, 70);
  font-weight: 500;
  font-size: 1.6rem;
}
.esg:not(.overview).climate-change .section.net-zero .post-list .post-item .post-aside + .post-figure {
  margin-top: 4rem;
}
@media (max-width: 1023px) {
  .esg:not(.overview).climate-change .section.net-zero .post-list .post-item .post-aside {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    transform: unset;
  }
  .esg:not(.overview).climate-change .section.net-zero .post-list .post-item .post-aside .path {
    font-weight: 500;
    font-size: 1.4rem;
  }
  .esg:not(.overview).climate-change .section.net-zero .post-list .post-item .post-aside .unit {
    font-weight: 500;
    font-size: 1.4rem;
  }
}
@media (max-width: 1023px) and (max-width: 1023px) {
  .esg:not(.overview).climate-change .section.net-zero .post-list .post-item .post-aside + .post-figure {
    margin-top: 1.2rem;
  }
}
.esg:not(.overview).climate-change .section .post-list.design5 + .data-display {
  margin-top: 8rem;
}
@media (max-width: 1023px) {
  .esg:not(.overview).climate-change .section .post-list.design5 + .data-display {
    margin-top: 4.8rem;
    width: calc(100% + 3.6rem);
    max-width: unset;
    overflow: auto;
    padding-bottom: 1.6rem;
    padding-right: 1.8rem;
    padding-left: 1.8rem;
    margin-left: -1.8rem;
  }
  .esg:not(.overview).climate-change .section .post-list.design5 + .data-display::-webkit-scrollbar {
    height: 0.5rem;
  }
  .esg:not(.overview).climate-change .section .post-list.design5 + .data-display::-webkit-scrollbar-thumb {
    background-color: #d5d4d9;
    border-radius: 5rem;
  }
  .esg:not(.overview).climate-change .section .post-list.design5 + .data-display::-webkit-scrollbar-track {
    margin-left: 1.8rem;
    margin-right: 1.8rem;
    border-radius: 5rem;
  }
}
@media (max-width: 1023px) {
  .esg:not(.overview).climate-change .section .post-list.design5 .post-figure {
    width: calc(100% + 3.6rem);
    max-width: unset;
    overflow: auto;
    padding-bottom: 1.6rem;
    padding-right: 1.8rem;
    padding-left: 1.8rem;
    margin-left: -1.8rem;
  }
  .esg:not(.overview).climate-change .section .post-list.design5 .post-figure::-webkit-scrollbar {
    height: 0.5rem;
  }
  .esg:not(.overview).climate-change .section .post-list.design5 .post-figure::-webkit-scrollbar-thumb {
    background-color: #d5d4d9;
    border-radius: 5rem;
  }
  .esg:not(.overview).climate-change .section .post-list.design5 .post-figure::-webkit-scrollbar-track {
    margin-left: 1.8rem;
    margin-right: 1.8rem;
    border-radius: 5rem;
  }
}
.esg:not(.overview).climate-change .section .data-display.design2 + .esg-inform-list {
  margin-top: 4rem;
}
.esg:not(.overview).climate-change .section .data-display.design2 + .esg-inform-list + .banner {
  margin-top: 8rem;
}
@media (max-width: 1023px) {
  .esg:not(.overview).climate-change .section .data-display.design2 + .esg-inform-list + .esg-inform-list {
    margin-top: 2.4rem;
  }
  .esg:not(.overview).climate-change .section .data-display.design2 + .esg-inform-list + .esg-inform-list + .banner {
    margin-top: 4.8rem;
  }
}
@media (max-width: 1023px) {
  .esg:not(.overview).climate-change table.col-w-1 {
    min-width: 1298px;
  }
}
.esg:not(.overview).climate-change .comment.design1 {
  margin-top: 1.6rem;
}
@media (max-width: 1023px) {
  .esg:not(.overview).climate-change .comment.design1 {
    margin-top: 1.2rem;
  }
}
.esg:not(.overview).governance-structure .section.structure .data-display.design1.case2 > .data-list > .data-item + .data-item {
  margin-top: 6.4rem;
}
@media (max-width: 1023px) {
  .esg:not(.overview).governance-structure .section.structure .data-display.design1.case2 > .data-list > .data-item + .data-item {
    margin-top: 3.2rem;
  }
}
.esg:not(.overview).governance-structure .section.activity-detail .data-display + .data-display {
  margin-top: 6.4rem;
}
.esg:not(.overview).governance-structure .section.activity-detail .data-display.design2 + .esg-inform-list {
  margin-top: 2.4rem;
}
@media (max-width: 1023px) {
  .esg:not(.overview).governance-structure .section.activity-detail .data-display + .data-display {
    margin-top: 3.2rem;
  }
  .esg:not(.overview).governance-structure .section.activity-detail .data-display.design2 + .esg-inform-list {
    margin-top: 1.6rem;
  }
}
.esg:not(.overview).governance-structure .section.committee > .section-wrap > .section-body > .data-display + .data-display {
  margin-top: 6.4rem;
}
.esg:not(.overview).governance-structure .section.committee > .section-wrap > .section-body > .data-display .data-display.design1.case6 .data-wrap {
  gap: 2rem;
}
.esg:not(.overview).governance-structure .section.committee > .section-wrap > .section-body > .data-display .data-display.design1.case6 .data-head {
  width: 32.25%;
}
.esg:not(.overview).governance-structure .section.committee > .section-wrap > .section-body > .data-display .data-display.design1.case6 .data-body {
  width: 66.08%;
}
.esg:not(.overview).governance-structure
  .section.committee
  > .section-wrap
  > .section-body
  > .data-display
  .data-display.design1.case6
  .data-body
  .data-display
  ~ .data-display {
  margin-top: 4rem;
}
.esg:not(.overview).governance-structure
  .section.committee
  > .section-wrap
  > .section-body
  > .data-display
  .data-display.design1.case6
  .data-body
  .comment {
  margin-top: 1.6rem;
}
.esg:not(.overview).governance-structure
  .section.committee
  > .section-wrap
  > .section-body
  > .data-display
  .data-display.design1.case6
  .data-body
  .comment
  + .data-display {
  margin-top: 6.4rem;
}
.esg:not(.overview).governance-structure .section.committee .data-display.design2 + .esg-inform-list {
  margin-top: 2.4rem;
}
.esg:not(.overview).governance-structure .section.committee .accordion-display .accordion-head {
  border-bottom: 1px solid rgb(113, 113, 122);
}
.esg:not(.overview).governance-structure .section.committee .accordion-display .accordion-body .para + .comment {
  margin-top: 1.6rem;
}
.esg:not(.overview).governance-structure .section.committee .accordion-display .accordion-body .para + .comment + .data-display {
  margin-top: 6.4rem;
}
.esg:not(.overview).governance-structure .section.committee .accordion-display .accordion-body .data-display + .data-display {
  margin-top: 6.4rem;
}
@media (max-width: 1023px) {
  .esg:not(.overview).governance-structure .section.committee > .section-wrap > .section-body > .data-display + .data-display {
    margin-top: 3.2rem;
  }
  .esg:not(.overview).governance-structure .section.committee > .section-wrap > .section-body > .data-display .data-display.design1.case6 .data-wrap {
    gap: 1.2rem;
  }
  .esg:not(.overview).governance-structure .section.committee > .section-wrap > .section-body > .data-display .data-display.design1.case6 .data-head {
    width: 100%;
  }
  .esg:not(.overview).governance-structure .section.committee > .section-wrap > .section-body > .data-display .data-display.design1.case6 .data-body {
    width: 100%;
  }
  .esg:not(.overview).governance-structure
    .section.committee
    > .section-wrap
    > .section-body
    > .data-display
    .data-display.design1.case6
    .data-body
    .data-display
    ~ .data-display {
    margin-top: 3.2rem;
  }
  .esg:not(.overview).governance-structure
    .section.committee
    > .section-wrap
    > .section-body
    > .data-display
    .data-display.design1.case6
    .data-body
    .comment {
    margin-top: 1.2rem;
  }
  .esg:not(.overview).governance-structure
    .section.committee
    > .section-wrap
    > .section-body
    > .data-display
    .data-display.design1.case6
    .data-body
    .comment
    + .data-display {
    margin-top: 3.2rem;
  }
  .esg:not(.overview).governance-structure .section.committee .data-display.design2 + .esg-inform-list {
    margin-top: 1.6rem;
  }
  .esg:not(.overview).governance-structure .section.committee .accordion-display .accordion-body .para + .comment {
    margin-top: 1.2rem;
  }
  .esg:not(.overview).governance-structure .section.committee .accordion-display .accordion-body .para + .comment + .data-display {
    margin-top: 3.2rem;
  }
  .esg:not(.overview).governance-structure .section.committee .accordion-display .accordion-body .data-display + .data-display {
    margin-top: 3.2rem;
  }
}
.esg:not(.overview).governance-structure .section.download1 .board-list .board-item {
  width: calc(50% - 1rem);
}
.esg:not(.overview).governance-structure .section.download1 .board-list .board-item .board-head {
  min-height: 8.3rem;
}
@media (max-width: 1023px) {
  .esg:not(.overview).governance-structure .section.download1 .board-list .board-item {
    width: 100%;
  }
}
.esg:not(.overview).governance-structure .section.download2 .section-wrap {
  gap: 2rem;
}
.esg:not(.overview).governance-structure .section.download2 .section-wrap .section-head {
  width: 32.25%;
}
.esg:not(.overview).governance-structure .section.download2 .section-wrap .section-body {
  width: calc(67.75% - 2rem);
}
@media (max-width: 1023px) {
  .esg:not(.overview).governance-structure .section.download2 .section-wrap {
    gap: 2.4rem;
  }
  .esg:not(.overview).governance-structure .section.download2 .section-wrap .section-head {
    width: 100%;
  }
  .esg:not(.overview).governance-structure .section.download2 .section-wrap .section-body {
    width: 100%;
  }
}
@media (max-width: 1023px) {
  .esg:not(.overview).governance-structure .esg-committee-table {
    min-width: 1337px;
  }
  .esg:not(.overview).governance-structure .esg-personnel-table table {
    min-width: 844px;
  }
  .esg:not(.overview).governance-structure .esg-management-table table {
    min-width: 696px;
  }
  .esg:not(.overview).governance-structure .esg-activity-table table {
    min-width: 880px;
  }
  .esg:not(.overview).governance-structure .esg-audit-table table {
    min-width: 1024px;
  }
  .esg:not(.overview).governance-structure .esg-generalMeeting-table table {
    min-width: 1126px;
  }
}
@media (max-width: 1023px) {
  .esg:not(.overview).governance-structure table.col-w-1 col.col1 {
    width: 23%;
  }
  .esg:not(.overview).governance-structure table.col-w-1 col.col2 {
    width: 24%;
  }
  .esg:not(.overview).governance-structure table.col-w-1 col.col3 {
    width: auto;
  }
  .esg:not(.overview).governance-structure table.col-w-1 col.col4 {
    width: 23%;
  }
}
@media (max-width: 1023px) {
  .en .esg:not(.overview).governance-structure table.col-w-1 col.col1 {
    width: 27%;
  }
  .en .esg:not(.overview).governance-structure table.col-w-1 col.col2 {
    width: 24%;
  }
  .en .esg:not(.overview).governance-structure table.col-w-1 col.col3 {
    width: auto;
  }
  .en .esg:not(.overview).governance-structure table.col-w-1 col.col4 {
    width: 23%;
  }
}

@media (max-width: 1023px) {
  .esg:not(.overview).governance-structure table.col-w-2 col.col1 {
    width: 9.8%;
  }
  .esg:not(.overview).governance-structure table.col-w-2 col.col2 {
    width: 33.5%;
  }
  .esg:not(.overview).governance-structure table.col-w-2 col.col3 {
    width: 26.36%;
  }
  .esg:not(.overview).governance-structure table.col-w-2 col.col4 {
    width: auto;
  }
}
@media (max-width: 1023px) {
  .en .esg:not(.overview).governance-structure table.col-w-2 col.col1 {
    width: 16%;
  }
  .en .esg:not(.overview).governance-structure table.col-w-2 col.col2 {
    width: 28%;
  }
  .en .esg:not(.overview).governance-structure table.col-w-2 col.col3 {
    width: 28%;
  }
  .en .esg:not(.overview).governance-structure table.col-w-2 col.col4 {
    width: 28%;
  }
}

.esg:not(.overview).governance-structure table.col-w-3 col.col1 {
  width: 8.33%;
}
.esg:not(.overview).governance-structure table.col-w-3 col.col2 {
  width: 15.38%;
}
.esg:not(.overview).governance-structure table.col-w-3 col.col3 {
  width: auto;
}
.esg:not(.overview).governance-structure table.col-w-3 col.col4 {
  width: 15.38%;
}
.esg:not(.overview).governance-structure table.col-w-3 col.col5 {
  width: 15.38%;
}
.esg:not(.overview).governance-structure table.col-w-3 col.col6 {
  width: 15.38%;
}
@media (max-width: 1023px) {
  .esg:not(.overview).governance-structure table.col-w-3 col.col1 {
    width: 8.79%;
  }
  .esg:not(.overview).governance-structure table.col-w-3 col.col2 {
    width: 14%;
  }
  .esg:not(.overview).governance-structure table.col-w-3 col.col3 {
    width: auto;
  }
  .esg:not(.overview).governance-structure table.col-w-3 col.col4 {
    width: 18.15%;
  }
  .esg:not(.overview).governance-structure table.col-w-3 col.col5 {
    width: 12.02%;
  }
  .esg:not(.overview).governance-structure table.col-w-3 col.col6 {
    width: 12.02%;
  }
}
.en .esg:not(.overview).governance-structure table.col-w-3 col.col1 {
  width: 8%;
}
.en .esg:not(.overview).governance-structure table.col-w-3 col.col2 {
  width: 10%;
}
.en .esg:not(.overview).governance-structure table.col-w-3 col.col3 {
  width: auto;
}
.en .esg:not(.overview).governance-structure table.col-w-3 col.col4 {
  width: 17%;
}
.en .esg:not(.overview).governance-structure table.col-w-3 col.col5 {
  width: 14%;
}
.en .esg:not(.overview).governance-structure table.col-w-3 col.col6 {
  width: 14%;
}
@media (max-width: 1023px) {
  .en .esg:not(.overview).governance-structure table.col-w-3 col.col1 {
    width: 8%;
  }
  .en .esg:not(.overview).governance-structure table.col-w-3 col.col2 {
    width: 13%;
  }
  .en .esg:not(.overview).governance-structure table.col-w-3 col.col3 {
    width: auto;
  }
  .en .esg:not(.overview).governance-structure table.col-w-3 col.col4 {
    width: 18%;
  }
  .en .esg:not(.overview).governance-structure table.col-w-3 col.col5 {
    width: 14%;
  }
  .en .esg:not(.overview).governance-structure table.col-w-3 col.col6 {
    width: 14%;
  }
}

.esg:not(.overview).governance-structure table.col-w-4 col.col1 {
  width: 8.33%;
}
.esg:not(.overview).governance-structure table.col-w-4 col.col2 {
  width: 15.38%;
}
.esg:not(.overview).governance-structure table.col-w-4 col.col3 {
  width: auto;
}
.esg:not(.overview).governance-structure table.col-w-4 col.col4 {
  width: 15.38%;
}
.esg:not(.overview).governance-structure table.col-w-4 col.col5 {
  width: 15.38%;
}
@media (max-width: 1023px) {
  .esg:not(.overview).governance-structure table.col-w-4 col.col1 {
    width: 8.79%;
  }
  .esg:not(.overview).governance-structure table.col-w-4 col.col2 {
    width: 14%;
  }
  .esg:not(.overview).governance-structure table.col-w-4 col.col3 {
    width: auto;
  }
  .esg:not(.overview).governance-structure table.col-w-4 col.col4 {
    width: 18.15%;
  }
  .esg:not(.overview).governance-structure table.col-w-4 col.col5 {
    width: 12.02%;
  }
}
.en .esg:not(.overview).governance-structure table.col-w-4 col.col1 {
  width: 8%;
}
.en .esg:not(.overview).governance-structure table.col-w-4 col.col2 {
  width: 14%;
}
.en .esg:not(.overview).governance-structure table.col-w-4 col.col3 {
  width: auto;
}
.en .esg:not(.overview).governance-structure table.col-w-4 col.col4 {
  width: 18%;
}
.en .esg:not(.overview).governance-structure table.col-w-4 col.col5 {
  width: 16%;
}
@media (max-width: 1023px) {
  .en .esg:not(.overview).governance-structure table.col-w-4 col.col1 {
    width: 8%;
  }
  .en .esg:not(.overview).governance-structure table.col-w-4 col.col2 {
    width: 14%;
  }
  .en .esg:not(.overview).governance-structure table.col-w-4 col.col3 {
    width: auto;
  }
  .en .esg:not(.overview).governance-structure table.col-w-4 col.col4 {
    width: 18.15%;
  }
  .en .esg:not(.overview).governance-structure table.col-w-4 col.col5 {
    width: 14%;
  }
}

.esg:not(.overview).governance-structure table.col-w-5 col.col1 {
  width: 11%;
}
.esg:not(.overview).governance-structure table.col-w-5 col.col2 {
  width: 15.64%;
}
.esg:not(.overview).governance-structure table.col-w-5 col.col3 {
  width: 42.88%;
}
.esg:not(.overview).governance-structure table.col-w-5 col.col4 {
  width: 15.64%;
}
.esg:not(.overview).governance-structure table.col-w-5 col.col5 {
  width: auto;
}
@media (max-width: 1023px) {
  .esg:not(.overview).governance-structure table.col-w-5 col.col1 {
    width: 11.21%;
  }
  .esg:not(.overview).governance-structure table.col-w-5 col.col2 {
    width: 17.7%;
  }
  .esg:not(.overview).governance-structure table.col-w-5 col.col3 {
    width: 42.48%;
  }
  .esg:not(.overview).governance-structure table.col-w-5 col.col4 {
    width: 11.21%;
  }
  .esg:not(.overview).governance-structure table.col-w-5 col.col5 {
    width: auto;
  }
}
.en .esg:not(.overview).governance-structure table.col-w-5 col.col1 {
  width: 10%;
}
.en .esg:not(.overview).governance-structure table.col-w-5 col.col2 {
  width: 16%;
}
.en .esg:not(.overview).governance-structure table.col-w-5 col.col3 {
  width: auto;
}
.en .esg:not(.overview).governance-structure table.col-w-5 col.col4 {
  width: 18%;
}
.en .esg:not(.overview).governance-structure table.col-w-5 col.col5 {
  width: 17%;
}
@media (max-width: 1023px) {
  .en .esg:not(.overview).governance-structure table.col-w-5 col.col1 {
    width: 9%;
  }
  .en .esg:not(.overview).governance-structure table.col-w-5 col.col2 {
    width: 19%;
  }
  .en .esg:not(.overview).governance-structure table.col-w-5 col.col3 {
    width: auto;
  }
  .en .esg:not(.overview).governance-structure table.col-w-5 col.col4 {
    width: 19.5%;
  }
  .en .esg:not(.overview).governance-structure table.col-w-5 col.col5 {
    width: 17%;
  }
}

.esg:not(.overview).governance-structure table.col-w-6 col.col1 {
  width: 9%;
}
.esg:not(.overview).governance-structure table.col-w-6 col.col2 {
  width: 15.38%;
}
.esg:not(.overview).governance-structure table.col-w-6 col.col3 {
  width: auto;
}
.esg:not(.overview).governance-structure table.col-w-6 col.col4 {
  width: 15.38%;
}
.esg:not(.overview).governance-structure table.col-w-6 col.col5 {
  width: 15.38%;
}
.esg:not(.overview).governance-structure table.col-w-6 col.col6 {
  width: 15.38%;
}
@media (max-width: 1023px) {
  .esg:not(.overview).governance-structure table.col-w-6 col.col1 {
    width: 7.42%;
  }
  .esg:not(.overview).governance-structure table.col-w-6 col.col2 {
    width: 12%;
  }
  .esg:not(.overview).governance-structure table.col-w-6 col.col3 {
    width: auto;
  }
  .esg:not(.overview).governance-structure table.col-w-6 col.col4 {
    width: 8%;
  }
  .esg:not(.overview).governance-structure table.col-w-6 col.col5 {
    width: 11.91%;
  }
  .esg:not(.overview).governance-structure table.col-w-6 col.col6 {
    width: 11.52%;
  }
}
.en .esg:not(.overview).governance-structure table.col-w-6 col.col1 {
  width: 9%;
}
.en .esg:not(.overview).governance-structure table.col-w-6 col.col2 {
  width: 13%;
}
.en .esg:not(.overview).governance-structure table.col-w-6 col.col3 {
  width: auto;
}
.en .esg:not(.overview).governance-structure table.col-w-6 col.col4 {
  width: 17.5%;
}
.en .esg:not(.overview).governance-structure table.col-w-6 col.col5 {
  width: 19%;
}
.en .esg:not(.overview).governance-structure table.col-w-6 col.col6 {
  width: 17%;
}
@media (max-width: 1023px) {
  .en .esg:not(.overview).governance-structure table.col-w-6 col.col1 {
    width: 7%;
  }
  .en .esg:not(.overview).governance-structure table.col-w-6 col.col2 {
    width: 11%;
  }
  .en .esg:not(.overview).governance-structure table.col-w-6 col.col3 {
    width: auto;
  }
  .en .esg:not(.overview).governance-structure table.col-w-6 col.col4 {
    width: 15%;
  }
  .en .esg:not(.overview).governance-structure table.col-w-6 col.col5 {
    width: 17%;
  }
  .en .esg:not(.overview).governance-structure table.col-w-6 col.col6 {
    width: 12%;
  }
}

.esg:not(.overview).governance-structure table.col-w-7 col.col1 {
  width: 9%;
}
.esg:not(.overview).governance-structure table.col-w-7 col.col2 {
  width: 7%;
}
.esg:not(.overview).governance-structure table.col-w-7 col.col3 {
  width: auto;
}
.esg:not(.overview).governance-structure table.col-w-7 col.col4 {
  width: 7%;
}
.esg:not(.overview).governance-structure table.col-w-7 col.col5 {
  width: 12%;
}
.esg:not(.overview).governance-structure table.col-w-7 col.col6 {
  width: 12.5%;
}
.esg:not(.overview).governance-structure table.col-w-7 col.col7 {
  width: 12.5%;
}
.esg:not(.overview).governance-structure table.col-w-7 col.col8 {
  width: 11.5%;
}
.esg:not(.overview).governance-structure table.col-w-7 col.col9 {
  width: 11.5%;
}
@media (max-width: 1023px) {
  .esg:not(.overview).governance-structure table.col-w-7 col.col1 {
    width: 10%;
  }
  .esg:not(.overview).governance-structure table.col-w-7 col.col2 {
    width: 7%;
  }
  .esg:not(.overview).governance-structure table.col-w-7 col.col3 {
    width: auto;
  }
  .esg:not(.overview).governance-structure table.col-w-7 col.col4 {
    width: 7%;
  }
  .esg:not(.overview).governance-structure table.col-w-7 col.col5 {
    width: 12.5%;
  }
  .esg:not(.overview).governance-structure table.col-w-7 col.col6 {
    width: 13.5%;
  }
  .esg:not(.overview).governance-structure table.col-w-7 col.col7 {
    width: 12.8%;
  }
  .esg:not(.overview).governance-structure table.col-w-7 col.col8 {
    width: 12%;
  }
  .esg:not(.overview).governance-structure table.col-w-7 col.col9 {
    width: 11.5%;
  }
}
.en .esg:not(.overview).governance-structure table.col-w-7 col.col1 {
  width: 6%;
}
.en .esg:not(.overview).governance-structure table.col-w-7 col.col3 {
  width: auto;
}
.en .esg:not(.overview).governance-structure table.col-w-7 col.col4 {
  width: 12%;
}
.en .esg:not(.overview).governance-structure table.col-w-7 col.col5 {
  width: 12.5%;
}
.en .esg:not(.overview).governance-structure table.col-w-7 col.col6 {
  width: 12.5%;
}
.en .esg:not(.overview).governance-structure table.col-w-7 col.col7 {
  width: 12.5%;
}
.en .esg:not(.overview).governance-structure table.col-w-7 col.col8 {
  width: 12%;
}
.en .esg:not(.overview).governance-structure table.col-w-7 col.col9 {
  width: 12%;
}
@media (max-width: 1023px) {
  .en .esg:not(.overview).governance-structure table.col-w-7 col.col1 {
    width: 7%;
  }
  .en .esg:not(.overview).governance-structure table.col-w-7 col.col3 {
    width: auto;
  }
  .en .esg:not(.overview).governance-structure table.col-w-7 col.col4 {
    width: 12%;
  }
  .en .esg:not(.overview).governance-structure table.col-w-7 col.col5 {
    width: 13%;
  }
  .en .esg:not(.overview).governance-structure table.col-w-7 col.col6 {
    width: 13%;
  }
  .en .esg:not(.overview).governance-structure table.col-w-7 col.col7 {
    width: 13%;
  }
  .en .esg:not(.overview).governance-structure table.col-w-7 col.col8 {
    width: 12%;
  }
  .en .esg:not(.overview).governance-structure table.col-w-7 col.col9 {
    width: 12%;
  }
}

.esg:not(.overview).governance-structure table.col-w-8 col.col1 {
  width: 9%;
}
.esg:not(.overview).governance-structure table.col-w-8 col.col2 {
  width: 7%;
}
.esg:not(.overview).governance-structure table.col-w-8 col.col3 {
  width: auto;
}
.esg:not(.overview).governance-structure table.col-w-8 col.col4 {
  width: 7%;
}
.esg:not(.overview).governance-structure table.col-w-8 col.col5 {
  width: 12.5%;
}
.esg:not(.overview).governance-structure table.col-w-8 col.col6 {
  width: 12.5%;
}
.esg:not(.overview).governance-structure table.col-w-8 col.col7 {
  width: 12.5%;
}
.esg:not(.overview).governance-structure table.col-w-8 col.col8 {
  width: 11.5%;
}
.esg:not(.overview).governance-structure table.col-w-8 col.col9 {
  width: 11.5%;
}
@media (max-width: 1023px) {
  .esg:not(.overview).governance-structure table.col-w-8 col.col1 {
    width: 10%;
  }
  .esg:not(.overview).governance-structure table.col-w-8 col.col2 {
    width: 7%;
  }
  .esg:not(.overview).governance-structure table.col-w-8 col.col3 {
    width: auto;
  }
  .esg:not(.overview).governance-structure table.col-w-8 col.col4 {
    width: 7%;
  }
  .esg:not(.overview).governance-structure table.col-w-8 col.col5 {
    width: 13.5%;
  }
  .esg:not(.overview).governance-structure table.col-w-8 col.col6 {
    width: 12.5%;
  }
  .esg:not(.overview).governance-structure table.col-w-8 col.col7 {
    width: 13.5%;
  }
  .esg:not(.overview).governance-structure table.col-w-8 col.col8 {
    width: 12.5%;
  }
  .esg:not(.overview).governance-structure table.col-w-8 col.col9 {
    width: 11.5%;
  }
}
.en .esg:not(.overview).governance-structure table.col-w-8 col.col1 {
  width: 9%;
}
.en .esg:not(.overview).governance-structure table.col-w-8 col.col2 {
  width: 7%;
}
.en .esg:not(.overview).governance-structure table.col-w-8 col.col3 {
  width: auto;
}
.en .esg:not(.overview).governance-structure table.col-w-8 col.col4 {
  width: 7%;
}
.en .esg:not(.overview).governance-structure table.col-w-8 col.col5 {
  width: 12.5%;
}
.en .esg:not(.overview).governance-structure table.col-w-8 col.col6 {
  width: 12.5%;
}
.en .esg:not(.overview).governance-structure table.col-w-8 col.col7 {
  width: 12.5%;
}
.en .esg:not(.overview).governance-structure table.col-w-8 col.col8 {
  width: 11.5%;
}
.en .esg:not(.overview).governance-structure table.col-w-8 col.col9 {
  width: 11.5%;
}
@media (max-width: 1023px) {
  .en .esg:not(.overview).governance-structure table.col-w-8 col.col1 {
    width: 9%;
  }
  .en .esg:not(.overview).governance-structure table.col-w-8 col.col2 {
    width: 7%;
  }
  .en .esg:not(.overview).governance-structure table.col-w-8 col.col3 {
    width: auto;
  }
  .en .esg:not(.overview).governance-structure table.col-w-8 col.col4 {
    width: 7%;
  }
  .en .esg:not(.overview).governance-structure table.col-w-8 col.col5 {
    width: 12.5%;
  }
  .en .esg:not(.overview).governance-structure table.col-w-8 col.col6 {
    width: 12.5%;
  }
  .en .esg:not(.overview).governance-structure table.col-w-8 col.col7 {
    width: 12.5%;
  }
  .en .esg:not(.overview).governance-structure table.col-w-8 col.col8 {
    width: 11.5%;
  }
  .en .esg:not(.overview).governance-structure table.col-w-8 col.col9 {
    width: 11.5%;
  }
}

.esg:not(.overview).governance-structure table.col-w-9 col.col1 {
  width: 10%;
}
.esg:not(.overview).governance-structure table.col-w-9 col.col2 {
  width: 10%;
}
.esg:not(.overview).governance-structure table.col-w-9 col.col3 {
  width: auto;
}
.esg:not(.overview).governance-structure table.col-w-9 col.col4 {
  width: 10%;
}
.esg:not(.overview).governance-structure table.col-w-9 col.col5 {
  width: 13%;
}
.esg:not(.overview).governance-structure table.col-w-9 col.col6 {
  width: 13%;
}
.esg:not(.overview).governance-structure table.col-w-9 col.col7 {
  width: 13%;
}
@media (max-width: 1023px) {
  .esg:not(.overview).governance-structure table.col-w-9 col.col1 {
    width: 10%;
  }
  .esg:not(.overview).governance-structure table.col-w-9 col.col2 {
    width: 10%;
  }
  .esg:not(.overview).governance-structure table.col-w-9 col.col3 {
    width: auto;
  }
  .esg:not(.overview).governance-structure table.col-w-9 col.col4 {
    width: 10%;
  }
  .esg:not(.overview).governance-structure table.col-w-9 col.col5 {
    width: 13%;
  }
  .esg:not(.overview).governance-structure table.col-w-9 col.col6 {
    width: 13%;
  }
  .esg:not(.overview).governance-structure table.col-w-9 col.col7 {
    width: 13%;
  }
}
.en .esg:not(.overview).governance-structure table.col-w-9 col.col1 {
  width: 10%;
}
.en .esg:not(.overview).governance-structure table.col-w-9 col.col3 {
  width: auto;
}
.en .esg:not(.overview).governance-structure table.col-w-9 col.col4 {
  width: 14%;
}
.en .esg:not(.overview).governance-structure table.col-w-9 col.col5 {
  width: 13%;
}
.en .esg:not(.overview).governance-structure table.col-w-9 col.col6 {
  width: 13%;
}
.en .esg:not(.overview).governance-structure table.col-w-9 col.col7 {
  width: 14%;
}
@media (max-width: 1023px) {
  .en .esg:not(.overview).governance-structure table.col-w-9 col.col1 {
    width: 10%;
  }
  .en .esg:not(.overview).governance-structure table.col-w-9 col.col3 {
    width: auto;
  }
  .en .esg:not(.overview).governance-structure table.col-w-9 col.col4 {
    width: 14%;
  }
  .en .esg:not(.overview).governance-structure table.col-w-9 col.col5 {
    width: 13%;
  }
  .en .esg:not(.overview).governance-structure table.col-w-9 col.col6 {
    width: 13%;
  }
  .en .esg:not(.overview).governance-structure table.col-w-9 col.col7 {
    width: 14%;
  }
}

.esg:not(.overview).ethical-man .panel-display .panel-list .panel-item .panel-head {
  margin-top: 6.4rem;
}
.esg:not(.overview).ethical-man .panel-display .panel-list .panel-item .panel-body .section .section-subject + .comment {
  margin-top: 1.6rem;
}
@media (max-width: 1023px) {
  .esg:not(.overview).ethical-man .panel-display .panel-list .panel-item .panel-body .section .section-subject + .comment {
    margin-top: 1.2rem;
  }
}
.esg:not(.overview).ethical-man .panel-display .panel-list .panel-item .panel-body .section .para + .comment {
  margin-top: 1.6rem;
}
@media (max-width: 1023px) {
  .esg:not(.overview).ethical-man .panel-display .panel-list .panel-item .panel-body .section .para + .comment {
    margin-top: 1.2rem;
  }
}
@media (max-width: 1023px) {
  .esg:not(.overview).ethical-man
    .panel-display
    .panel-list
    .panel-item
    .panel-body
    .section
    .section-body
    .post-list.design5
    .post-item
    .post-figure {
    width: calc(100% + 3.6rem);
    max-width: unset;
    overflow: auto;
    padding-bottom: 1.6rem;
    padding-right: 1.8rem;
    padding-left: 1.8rem;
    margin-left: -1.8rem;
  }
  .esg:not(.overview).ethical-man
    .panel-display
    .panel-list
    .panel-item
    .panel-body
    .section
    .section-body
    .post-list.design5
    .post-item
    .post-figure::-webkit-scrollbar {
    height: 0.5rem;
  }
  .esg:not(.overview).ethical-man
    .panel-display
    .panel-list
    .panel-item
    .panel-body
    .section
    .section-body
    .post-list.design5
    .post-item
    .post-figure::-webkit-scrollbar-thumb {
    background-color: #d5d4d9;
    border-radius: 5rem;
  }
  .esg:not(.overview).ethical-man
    .panel-display
    .panel-list
    .panel-item
    .panel-body
    .section
    .section-body
    .post-list.design5
    .post-item
    .post-figure::-webkit-scrollbar-track {
    margin-left: 1.8rem;
    margin-right: 1.8rem;
    border-radius: 5rem;
  }
}
.esg:not(.overview).ethical-man .panel-display .panel-list .panel-item .panel-body .section .section-body > .para + .data-display {
  margin-top: 6.4rem;
}
@media (max-width: 1023px) {
  .esg:not(.overview).ethical-man .panel-display .panel-list .panel-item .panel-body .section .section-body > .para + .data-display {
    margin-top: 3.2rem;
  }
}
.esg:not(.overview).ethical-man .panel-display .panel-list .panel-item .panel-body .section .section-body.process {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 2.4rem !important;
}
.esg:not(.overview).ethical-man .panel-display .panel-list .panel-item .panel-body .section .section-body.process > .post-list {
  width: 46.83%;
}
.esg:not(.overview).ethical-man .panel-display .panel-list .panel-item .panel-body .section .section-body.process > .data-display {
  width: 43.83%;
}
.esg:not(.overview).ethical-man .panel-display .panel-list .panel-item .panel-body .section .section-body.process > .data-display > .data-list {
  margin-top: 7.8rem;
}
@media (max-width: 1023px) {
  .esg:not(.overview).ethical-man .panel-display .panel-list .panel-item .panel-body .section .section-body.process > .data-display > .data-list {
    margin-top: 0;
  }
}
.esg:not(.overview).ethical-man
  .panel-display
  .panel-list
  .panel-item
  .panel-body
  .section
  .section-body.process
  > .data-display
  > .data-list
  > .data-item {
  border-bottom: 0.1rem solid #e4e4e7;
}
.esg:not(.overview).ethical-man
  .panel-display
  .panel-list
  .panel-item
  .panel-body
  .section
  .section-body.process
  > .data-display
  > .data-list
  > .data-item
  .num-tit {
  font-weight: 700;
}
@media (max-width: 1023px) {
  .esg:not(.overview).ethical-man
    .panel-display
    .panel-list
    .panel-item
    .panel-body
    .section
    .section-body.process
    > .data-display
    > .data-list
    > .data-item
    .num-tit {
    font-weight: 700;
    font-size: 1.4rem;
  }
}
@media (min-width: 1024px) {
  .esg:not(.overview).ethical-man
    .panel-display
    .panel-list
    .panel-item
    .panel-body
    .section
    .section-body.process
    > .data-display
    > .data-list
    > .data-item
    + .data-item {
    padding: 2.4rem 0;
    margin-top: 0;
  }
  .esg:not(.overview).ethical-man
    .panel-display
    .panel-list
    .panel-item
    .panel-body
    .section
    .section-body.process
    > .data-display
    > .data-list
    > .data-item:first-child {
    padding-bottom: 2.4rem;
  }
}
@media (max-width: 1023px) {
  .esg:not(.overview).ethical-man .panel-display .panel-list .panel-item .panel-body .section .section-body.process {
    flex-direction: column;
    gap: 2.4rem;
  }
  .esg:not(.overview).ethical-man .panel-display .panel-list .panel-item .panel-body .section .section-body.process > .post-list {
    width: 100%;
  }
  .esg:not(.overview).ethical-man .panel-display .panel-list .panel-item .panel-body .section .section-body.process > .data-display {
    width: 100%;
    padding: 0.8rem 2.4rem 0;
    margin-top: 0;
    padding-top: 0;
  }
  .esg:not(.overview).ethical-man
    .panel-display
    .panel-list
    .panel-item
    .panel-body
    .section
    .section-body.process
    > .data-display
    > .data-list
    > .data-item {
    padding: 1.6rem 0;
  }
  .esg:not(.overview).ethical-man .panel-display .panel-list .panel-item .panel-body .section .section-body.process .post-list {
    margin-top: 0;
  }
}
.esg:not(.overview).ethical-man .panel-display .panel-list .panel-item .panel-body .section .section-body .comment.design1 {
  margin-top: 1.6rem;
}
@media (max-width: 1023px) {
  .esg:not(.overview).ethical-man .panel-display .panel-list .panel-item .panel-body .section .section-body .comment.design1 {
    margin-top: 1.2rem;
  }
}
.esg:not(.overview).ethical-man .panel-display .panel-list .panel-item .panel-body .section .section-body .comment.design2 {
  margin: 8rem 0 2.4rem;
}
@media (max-width: 1023px) {
  .esg:not(.overview).ethical-man .panel-display .panel-list .panel-item .panel-body .section .section-body .comment.design2 {
    margin: 4.8rem 0 1.6rem;
  }
}
@media (min-width: 1024px) {
  .esg:not(.overview).ethical-man
    .panel-display
    .panel-list
    .panel-item
    .panel-body
    .section
    .section-body
    .roadmap
    .data-item
    .data-head
    + .data-body {
    margin-top: 8rem;
  }
}
.esg:not(.overview).ethical-man
  .panel-display
  .panel-list
  .panel-item
  .panel-body
  .section
  .section-body
  .roadmap
  .data-item
  .data-body
  .data-content
  .spec
  > .data-list {
  height: 100%;
  min-height: 10.4rem;
}
.en
  .esg:not(.overview).ethical-man
  .panel-display
  .panel-list
  .panel-item
  .panel-body
  .section
  .section-body
  .roadmap
  .data-item
  .data-body
  .data-content
  .spec
  > .data-list {
  min-height: 13.6rem;
}
@media (max-width: 1023px) {
  .en
    .esg:not(.overview).ethical-man
    .panel-display
    .panel-list
    .panel-item
    .panel-body
    .section
    .section-body
    .roadmap
    .data-item
    .data-body
    .data-content
    .spec
    > .data-list {
    min-height: auto;
  }
}

@media (max-width: 1023px) {
  .esg:not(.overview).ethical-man
    .panel-display
    .panel-list
    .panel-item
    .panel-body
    .section
    .section-body
    .roadmap
    .data-item
    .data-body
    .data-content
    .spec
    > .data-list {
    min-height: auto;
  }
}
.esg:not(.overview).ethical-man
  .panel-display
  .panel-list
  .panel-item
  .panel-body
  .section
  .section-body
  .roadmap
  .data-item
  .data-body
  .data-content
  + .data-content {
  margin-top: 8rem;
}
@media (max-width: 1023px) {
  .esg:not(.overview).ethical-man
    .panel-display
    .panel-list
    .panel-item
    .panel-body
    .section
    .section-body
    .roadmap
    .data-item
    .data-body
    .data-content
    + .data-content {
    margin-top: 1.6rem;
  }
}
@media (min-width: 1024px) {
  .esg:not(.overview).ethical-man
    .panel-display
    .panel-list
    .panel-item
    .panel-body
    .section
    .section-body
    .roadmap
    .data-item:nth-child(1)
    .data-head
    + .data-body {
    margin-top: 4rem;
  }
}
.esg:not(.overview).ethical-man
  .panel-display
  .panel-list
  .panel-item
  .panel-body
  .section
  .section-body
  .roadmap
  .data-item:nth-child(1)
  .data-body
  .data-content
  + .data-content {
  margin-top: 2.4rem;
}
.esg:not(.overview).ethical-man .panel-display .panel-list .panel-item .panel-body .section .section-util .btn-area {
  gap: 2.4rem;
}
@media (max-width: 1023px) {
  .esg:not(.overview).ethical-man .panel-display .panel-list .panel-item .panel-body .section .section-util .btn-area {
    gap: 1.2rem;
  }
}
.esg:not(.overview).ethical-man .panel-display .panel-list .panel-item .panel-body .section.bg-color {
  position: relative;
  padding: 8rem 0;
}
@media (max-width: 1023px) {
  .esg:not(.overview).ethical-man .panel-display .panel-list .panel-item .panel-body .section.bg-color {
    padding: 4.8rem 0;
  }
}
.esg:not(.overview).ethical-man .panel-display .panel-list .panel-item .panel-body .section.bg-color::after {
  position: absolute;
  top: 0;
  left: 50%;
  width: 100vw;
  height: 100%;
  content: "";
  background-color: rgb(39, 39, 42);
  transform: translateX(-50%);
  z-index: -1;
}
.esg:not(.overview).ethical-man .panel-display .panel-list .panel-item .panel-body .section.bg-color .section-head .section-name {
  color: rgb(255, 255, 255) !important;
  text-align: center;
}
.esg:not(.overview).ethical-man .panel-display .panel-list .panel-item .panel-body .section.bg-color .section-figure {
  margin: 4rem 0;
  border-radius: 1.6rem;
  overflow: hidden;
}
@media (max-width: 1023px) {
  .esg:not(.overview).ethical-man .panel-display .panel-list .panel-item .panel-body .section.bg-color .section-figure {
    margin: 2.4rem 0;
  }
}
.esg:not(.overview).ethical-man .panel-display .panel-list .panel-item .panel-body .section.bg-color .section-figure img {
  width: 100%;
}
.esg:not(.overview).ethical-man .panel-display .panel-list .panel-item .panel-body .section.bg-color .section-util {
  display: flex;
  padding-top: 0;
  justify-content: space-between;
}
.esg:not(.overview).ethical-man .panel-display .panel-list .panel-item .panel-body .section.bg-color .section-util .btn-display {
  flex-shrink: 0;
}
@media (min-width: 1024px) {
  .esg:not(.overview).ethical-man .panel-display .panel-list .panel-item .panel-body .section.bg-color .section-util {
    gap: 3rem;
  }
  .esg:not(.overview).ethical-man .panel-display .panel-list .panel-item .panel-body .section.bg-color .section-util .btn-display {
    align-self: flex-end;
  }
}
@media (max-width: 1023px) {
  .esg:not(.overview).ethical-man .panel-display .panel-list .panel-item .panel-body .section.bg-color .section-util {
    flex-direction: column;
  }
  .esg:not(.overview).ethical-man .panel-display .panel-list .panel-item .panel-body .section.bg-color .section-util .btn-display {
    text-align: center;
    margin-top: 4.8rem;
  }
}
.esg:not(.overview).ethical-man .panel-display .panel-list .panel-item .panel-body .section.internal-audit .section-body .bullet-display + .comment {
  padding-left: 11px;
}
.esg:not(.overview).ethical-man .panel-display .panel-list .panel-item .panel-body .section.internal-audit .section-body .comment + .data-display {
  margin-top: 8rem;
}
@media (max-width: 1023px) {
  .esg:not(.overview).ethical-man .panel-display .panel-list .panel-item .panel-body .section.internal-audit .section-body .comment + .data-display {
    margin-top: 4.8rem;
  }
}
.esg:not(.overview).ethical-man .panel-display .panel-list .panel-item .panel-body .section.internal-audit .section-util {
  margin-top: 8rem;
}
@media (max-width: 1023px) {
  .esg:not(.overview).ethical-man .panel-display .panel-list .panel-item .panel-body .section.internal-audit .section-util {
    margin-top: 4.8rem;
  }
}
@media (min-width: 1024px) {
  .esg:not(.overview).ethical-man .panel-display .panel-list .panel-item .panel-body .section.compliance .section-head + .section-body {
    margin-top: 8rem;
  }
}
@media (max-width: 1023px) {
  .esg:not(.overview).ethical-man .panel-display .panel-list .panel-item .panel-body .section.compliance .section-head + .section-body {
    margin-top: 4.8rem;
  }
}
.esg:not(.overview).ethical-man .panel-display .panel-list .panel-item .panel-body .section.compliance .section-body .board-name {
  color: rgb(21, 21, 26);
}
@media (min-width: 1024px) {
  .esg:not(.overview).ethical-man .panel-display .panel-list .panel-item .panel-body .section.compliance .section-body .board-name {
    margin-bottom: 2.4rem;
    font-weight: 700;
    font-size: 2.4rem;
  }
}
@media (max-width: 1023px) {
  .esg:not(.overview).ethical-man .panel-display .panel-list .panel-item .panel-body .section.compliance .section-body .board-name {
    margin-bottom: 1.6rem;
    font-weight: 700;
    font-size: 2rem;
  }
}
.esg:not(.overview).ethical-man .panel-display .panel-list .panel-item .panel-body .section.ethical-system .section-head .para {
  font-weight: 500;
  font-size: 1.8rem;
  margin-top: 2.4rem;
  color: rgb(63, 63, 70);
}
@media (max-width: 1023px) {
  .esg:not(.overview).ethical-man .panel-display .panel-list .panel-item .panel-body .section.ethical-system .section-head .para {
    font-weight: 500;
    font-size: 1.6rem;
    margin-top: 1.6rem;
  }
}
.esg:not(.overview).ethical-man .panel-display .panel-list .panel-item .panel-body .section.ethical-system .section-head .btn-display {
  margin-top: 8rem;
}
@media (max-width: 1023px) {
  .esg:not(.overview).ethical-man .panel-display .panel-list .panel-item .panel-body .section.ethical-system .section-head .btn-display {
    margin-top: 4.8rem;
  }
}
.esg:not(.overview).ethical-man .panel-display .panel-list .panel-item .panel-body .section.ethical-system .section-body .post-list + .data-display {
  margin-top: 6.4rem;
}
@media (max-width: 1023px) {
  .esg:not(.overview).ethical-man
    .panel-display
    .panel-list
    .panel-item
    .panel-body
    .section.ethical-system
    .section-body
    .post-list
    + .data-display {
    margin-top: 3.2rem;
  }
}
.esg:not(.overview).ethical-man .panel-display .panel-list .panel-item .panel-body .section.ethical-system .data-display .data-item + .data-item {
  margin-top: 6.4rem;
}
@media (max-width: 1023px) {
  .esg:not(.overview).ethical-man .panel-display .panel-list .panel-item .panel-body .section.ethical-system .data-display .data-item + .data-item {
    margin-top: 3.2rem;
  }
}
@media (max-width: 1023px) {
  .esg:not(.overview).ethical-man .board-list.design15 .t-display.scroll {
    width: calc(100% + 4.8rem);
    padding-right: 2.4rem;
    padding-left: 2.4rem;
    margin-left: -2.4rem;
  }
}
.esg:not(.overview).ethical-man table.col-w-1 col.col1 {
  width: 20.9%;
}
.esg:not(.overview).ethical-man table.col-w-1 col.col2 {
  width: auto;
}
.esg:not(.overview).ethical-man table.col-w-1 col.col3 {
  width: 9%;
}
.en .esg:not(.overview).ethical-man table.col-w-1 col.col1 {
  width: 17%;
}
.en .esg:not(.overview).ethical-man table.col-w-1 col.col2 {
  width: auto;
}
.en .esg:not(.overview).ethical-man table.col-w-1 col.col3 {
  width: 11%;
}

@media (max-width: 1023px) {
  .esg:not(.overview).ethical-man table.col-w-1 col.col1 {
    width: 20.35%;
  }
  .esg:not(.overview).ethical-man table.col-w-1 col.col2 {
    width: 25%;
  }
  .esg:not(.overview).ethical-man table.col-w-1 col.col3 {
    width: auto;
  }
}
.esg:not(.overview).ethical-man table.col-w-2 > thead > tr:first-child > th:first-child {
  border-radius: 0.8rem 0 0 0.8rem;
}
.esg:not(.overview).ethical-man table.col-w-2 > thead > tr:first-child > th:last-child {
  border-radius: 0 0.8rem 0 0;
}
.esg:not(.overview).ethical-man table.col-w-2 > thead > tr:last-child > th:last-child {
  border-radius: 0 0 0.8rem 0;
}
.esg:not(.overview).ethical-man table.col-w-2 > tbody > tr > td.title {
  position: relative;
  border-bottom: unset;
}
.esg:not(.overview).ethical-man table.col-w-2 > tbody > tr > td.title::before {
  position: absolute;
  top: 0;
  right: 0;
  width: calc(100% - 2.4rem);
  height: 100%;
  content: "";
  border-bottom: 1px solid rgb(228, 228, 231);
}
.esg:not(.overview).ethical-man table.col-w-2 > tbody > tr > td.accent {
  position: relative;
  padding-left: 4.4rem;
}
.esg:not(.overview).ethical-man table.col-w-2 > tbody > tr > td.accent:not(.last) {
  border-bottom: unset;
}
.esg:not(.overview).ethical-man table.col-w-2 > tbody > tr > td.accent:not(.last)::before {
  position: absolute;
  top: 0;
  right: 0;
  width: calc(100% - 2.4rem);
  height: 100%;
  content: "";
  border-left: 1px solid rgb(228, 228, 231);
  border-bottom: 1px solid rgb(228, 228, 231);
}
.esg:not(.overview).ethical-man table.col-w-2 > tbody > tr > td.accent.last::before {
  position: absolute;
  top: 0;
  right: 0;
  width: calc(100% - 2.4rem);
  height: 100%;
  content: "";
  border-left: 1px solid rgb(228, 228, 231);
}
@media (max-width: 1023px) {
  .esg:not(.overview).ethical-man table.col-w-2 > tbody > tr > td.title::before {
    width: calc(100% - 2rem);
  }
  .esg:not(.overview).ethical-man table.col-w-2 > tbody > tr > td.accent {
    padding-left: 4.4rem;
  }
  .esg:not(.overview).ethical-man table.col-w-2 > tbody > tr > td.accent:not(.last)::before {
    width: calc(100% - 2rem);
  }
  .esg:not(.overview).ethical-man table.col-w-2 > tbody > tr > td.accent.last::before {
    width: calc(100% - 22rem);
  }
}
.esg:not(.overview).ethical-man table.col-w-2 col.col1 {
  width: 180px;
}
.esg:not(.overview).ethical-man table.col-w-2 col.col2 {
  width: 9.444%;
}
.esg:not(.overview).ethical-man table.col-w-2 col.col3 {
  width: 9.444%;
}
.esg:not(.overview).ethical-man table.col-w-2 col.col4 {
  width: 9.444%;
}
@media (max-width: 1023px) {
  .esg:not(.overview).ethical-man table.col-w-2 col.col1 {
    width: 172px;
  }
  .esg:not(.overview).ethical-man table.col-w-2 col.col2 {
    width: 11.11%;
  }
  .esg:not(.overview).ethical-man table.col-w-2 col.col3 {
    width: 11.11%;
  }
  .esg:not(.overview).ethical-man table.col-w-2 col.col4 {
    width: 11.11%;
  }
}
@media (max-width: 1023px) {
  .esg:not(.overview).ethical-man table.col-w-2 {
    min-width: 123.4rem;
  }
}
.en .esg:not(.overview).ethical-man table.col-w-2 > thead > tr > th {
  padding: 1.8rem 0.5rem;
}
.en .esg:not(.overview).ethical-man table.col-w-2 col.col1 {
  width: auto;
}
.en .esg:not(.overview).ethical-man table.col-w-2 col.col2 {
  width: 9.444%;
}
.en .esg:not(.overview).ethical-man table.col-w-2 col.col3 {
  width: 9.444%;
}
.en .esg:not(.overview).ethical-man table.col-w-2 col.col4 {
  width: 10%;
}
@media (max-width: 1023px) {
  .en .esg:not(.overview).ethical-man table.col-w-2 col.col1 {
    width: 172px;
  }
  .en .esg:not(.overview).ethical-man table.col-w-2 col.col2 {
    width: 11.11%;
  }
  .en .esg:not(.overview).ethical-man table.col-w-2 col.col3 {
    width: 11.11%;
  }
  .en .esg:not(.overview).ethical-man table.col-w-2 col.col4 {
    width: 11.11%;
  }
}

@media (max-width: 1023px) {
  .esg:not(.overview) .content-body {
    padding-top: 8rem;
  }
  .esg:not(.overview) .content-body .section.major {
    padding: 4.8rem 0;
  }
  .esg:not(.overview) .content-body .section + .section {
    margin-top: 8rem;
  }
}
.esg:not(.overview).award .section .data-display.design1 > .data-list > .data-item + .data-item {
  margin-top: 8rem;
}
.esg:not(.overview).award .section .data-display.design2 > .data-list > .data-item .item-head {
  width: calc(100% - 30rem);
}
.en .esg:not(.overview).award .section .data-display.design2 > .data-list > .data-item .item-head {
  max-width: 75.1rem;
}

@media (max-width: 1023px) {
  .esg:not(.overview).award .section .data-display.design1 > .data-list > .data-item + .data-item {
    margin-top: 4.8rem;
  }
  .esg:not(.overview).award .section .data-display.design2 > .data-list > .data-item .item-head {
    width: calc(100% - 9rem);
  }
  .esg:not(.overview).award .section .data-display.design2 > .data-list > .data-item .item-util .btn-text {
    font-size: 0;
  }
  .esg:not(.overview).award .section .data-display.design2 > .data-list > .data-item .item-util .btn-text::after {
    margin-left: 0;
  }
}
.esg:not(.overview).info-protection .note {
  font-weight: 500;
  font-size: 1.4rem;
  display: block;
  color: rgb(63, 63, 70);
  margin-top: 1.6rem;
}
@media (max-width: 1023px) {
  .esg:not(.overview).info-protection .note {
    font-weight: 500;
    font-size: 1.2rem;
  }
}
.esg:not(.overview).info-protection .section.security .section-body .para + .board-list {
  margin-top: 8rem;
}
.esg:not(.overview).info-protection .section.security .section-body .para + .board-list + .data-display {
  margin-top: 8rem;
}
.esg:not(.overview).info-protection .section.security .section-body > .data-display + .data-display {
  margin-top: 8rem;
}
.esg:not(.overview).info-protection .section.security .section-body > .data-display .data-display.roadmap .data-body .bullet-display {
  min-height: 5.2rem;
}
.esg:not(.overview).info-protection .section.security .section-body > .data-display.guide-line .data-item + .data-item {
  margin-top: 6.4rem;
}
.esg:not(.overview).info-protection .section.security .section-body > .data-display.guide-line .data-item .data-head + .data-figure {
  margin-top: 2.4rem;
}
@media (max-width: 1023px) {
  .esg:not(.overview).info-protection .section.security .section-body > .data-display.guide-line .data-item .data-body.layout1 {
    width: calc(100% + 3.6rem);
    max-width: unset;
    overflow: auto;
    padding-bottom: 1.6rem;
    padding-right: 1.8rem;
    padding-left: 1.8rem;
    margin-left: -1.8rem;
  }
  .esg:not(.overview).info-protection .section.security .section-body > .data-display.guide-line .data-item .data-body.layout1::-webkit-scrollbar {
    height: 0.5rem;
  }
  .esg:not(.overview).info-protection
    .section.security
    .section-body
    > .data-display.guide-line
    .data-item
    .data-body.layout1::-webkit-scrollbar-thumb {
    background-color: #d5d4d9;
    border-radius: 5rem;
  }
  .esg:not(.overview).info-protection
    .section.security
    .section-body
    > .data-display.guide-line
    .data-item
    .data-body.layout1::-webkit-scrollbar-track {
    margin-left: 1.8rem;
    margin-right: 1.8rem;
    border-radius: 5rem;
  }
}
.esg:not(.overview).info-protection .section.security .section-body > .data-display.guide-line .data-item .post-list.design6 .post-inform {
  width: 61.08%;
}
.esg:not(.overview).info-protection .section.security .section-body > .data-display.guide-line .data-item .post-list.design6 .post-body {
  width: 33.58%;
}
.esg:not(.overview).info-protection .section.security .section-body > .data-display.guide-line .data-item .post-list.design6 .post-wrap {
  align-items: normal;
}
@media (max-width: 1023px) {
  .esg:not(.overview).info-protection .section.security .section-body .para + .board-list {
    margin-top: 4.8rem;
  }
  .esg:not(.overview).info-protection .section.security .section-body .para + .board-list + .data-display {
    margin-top: 4.8rem;
  }
  .esg:not(.overview).info-protection .section.security .section-body > .data-display + .data-display {
    margin-top: 4.8rem;
  }
  .esg:not(.overview).info-protection .section.security .section-body > .data-display .data-display.roadmap .data-body .bullet-display {
    min-height: unset;
  }
  .esg:not(.overview).info-protection .section.security .section-body > .data-display.guide-line .data-item + .data-item {
    margin-top: 3.2rem;
  }
  .esg:not(.overview).info-protection .section.security .section-body > .data-display.guide-line .data-item .data-head + .data-figure {
    margin-top: 1.2rem;
  }
  .esg:not(.overview).info-protection .section.security .section-body > .data-display.guide-line .data-item .post-list.design6 .post-inform {
    width: 100%;
  }
  .esg:not(.overview).info-protection .section.security .section-body > .data-display.guide-line .data-item .post-list.design6 .post-body {
    width: 100%;
  }
}
.esg:not(.overview).info-protection .section.bg-1 {
  position: relative;
  padding: 8rem 0;
}
.esg:not(.overview).info-protection .section.bg-1 .section-body .section-figure {
  display: flex;
  justify-content: center;
}
.esg:not(.overview).info-protection .section.bg-1 .section-body .section-figure img + img {
  margin-left: 1.6rem;
}
.esg:not(.overview).info-protection .section.bg-1 .section-body .section-figure + .data-display {
  margin-top: 4rem;
}
.esg:not(.overview).info-protection .section.bg-1 .section-body .section-figure + .data-display .data-list .data-item .data-body .para + .comment {
  margin-top: 1.6rem;
}
@media (max-width: 1023px) {
  .esg:not(.overview).info-protection .section.bg-1 .section-body .section-figure + .data-display .data-list .data-item .data-body .para + .comment {
    margin-top: 1.2rem;
  }
}
.esg:not(.overview).info-protection .section.bg-1 .section-body .section-figure + .data-display .data-list .data-item + .data-item {
  margin-top: 6.4rem;
}
@media (max-width: 1023px) {
  .esg:not(.overview).info-protection .section.bg-1 .section-body .section-figure + .data-display .data-list .data-item + .data-item {
    margin-top: 3.2rem;
  }
}
.esg:not(.overview).info-protection .section.bg-1::before {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(50% - 50vw);
  width: 100vw;
  height: 100%;
  content: "";
  z-index: -1;
  background-color: rgb(246, 246, 247);
}
@media (max-width: 1023px) {
  .esg:not(.overview).info-protection .section.bg-1 {
    padding: 4.8rem 0;
  }
  .esg:not(.overview).info-protection .section.bg-1 .section-body .section-figure img {
    max-width: 13.3rem;
  }
  .esg:not(.overview).info-protection .section.bg-1 .section-body .section-figure img + img {
    margin-left: 1.2rem;
  }
  .esg:not(.overview).info-protection .section.bg-1 .section-body .section-figure + .para {
    margin-top: 2.4rem;
  }
  .esg:not(.overview).info-protection .section.bg-1 .section-body .section-figure + .para + .comment {
    margin-top: 1.2rem;
  }
}
.esg:not(.overview).info-protection .section.organization .section-body .data-body + .data-figure {
  margin-top: 6.4rem;
}
@media (max-width: 1023px) {
  .esg:not(.overview).info-protection .section.organization .section-body .data-body + .data-figure {
    margin-top: 3.2rem;
    width: calc(100% + 3.6rem);
    max-width: unset;
    overflow: auto;
    padding-bottom: 1.6rem;
    padding-right: 1.8rem;
    padding-left: 1.8rem;
    margin-left: -1.8rem;
  }
  .esg:not(.overview).info-protection .section.organization .section-body .data-body + .data-figure::-webkit-scrollbar {
    height: 0.5rem;
  }
  .esg:not(.overview).info-protection .section.organization .section-body .data-body + .data-figure::-webkit-scrollbar-thumb {
    background-color: #d5d4d9;
    border-radius: 5rem;
  }
  .esg:not(.overview).info-protection .section.organization .section-body .data-body + .data-figure::-webkit-scrollbar-track {
    margin-left: 1.8rem;
    margin-right: 1.8rem;
    border-radius: 5rem;
  }
}
.esg:not(.overview).info-protection .section.response .data-display + .comment {
  margin-top: 1.6rem;
}
@media (max-width: 1023px) {
  .esg:not(.overview).info-protection .section.response .data-display + .comment {
    margin-top: 1.2rem;
  }
}
.esg:not(.overview).info-protection .section.direction .section-body > .para + .data-display {
  margin-top: 6.4rem;
}
.esg:not(.overview).info-protection .section.direction .section-body > .para + .data-display + .para {
  margin-top: 8rem;
}
@media (max-width: 1023px) {
  .esg:not(.overview).info-protection .section.direction .section-body > .para + .data-display {
    margin-top: 3.2rem;
  }
  .esg:not(.overview).info-protection .section.direction .section-body > .para + .data-display + .para {
    margin-top: 4.8rem;
  }
}
.esg:not(.overview).info-protection .section.performance .section-body .bullet-display + .comment {
  margin-top: 1.6rem;
}
@media (max-width: 1023px) {
  .esg:not(.overview).info-protection .section.performance .section-body .bullet-display + .comment {
    margin-top: 1.2rem;
  }
}
.esg:not(.overview).info-protection .section.operation .section-body .data-figure {
  border-radius: 1.6rem;
  overflow: hidden;
}
.esg:not(.overview).info-protection .section.operation .section-body .data-figure img {
  width: 100%;
}
.esg:not(.overview).info-protection .section.process .section-body .data-figure img {
  width: 100%;
}
.esg:not(.overview).info-protection .section.process .section-body .data-figure + .comment {
  margin-top: 1.6rem;
}
@media (max-width: 1023px) {
  .esg:not(.overview).info-protection .section.process .section-body .data-figure + .comment {
    margin-top: 1.2rem;
  }
}
.esg:not(.overview).info-protection .section.configuration .section-body > .para + .comment {
  margin-top: 1.6rem;
}
@media (max-width: 1023px) {
  .esg:not(.overview).info-protection .section.configuration .section-body > .para + .comment {
    margin-top: 1.2rem;
  }
}
.esg:not(.overview).info-protection .section.configuration .section-body > .para + .comment + .board-list {
  margin-top: 4rem;
}
@media (max-width: 1023px) {
  .esg:not(.overview).info-protection .section.configuration .section-body > .para + .comment + .board-list {
    margin-top: 2.4rem;
  }
}
.esg:not(.overview).info-protection .data-figure img {
  width: 100%;
}
.esg:not(.overview).info-protection .board-list.design16 + .para {
  margin-top: 4rem;
}
.esg:not(.overview).info-protection .board-list.design16 + .para + .comment {
  margin-top: 1.6rem;
}
@media (max-width: 1023px) {
  .esg:not(.overview).info-protection .board-list.design16 + .para {
    margin-top: 2.4rem;
  }
  .esg:not(.overview).info-protection .board-list.design16 + .para + .comment {
    margin-top: 1.2rem;
  }
}
.esg:not(.overview).info-protection .bg-shadow-layout {
  border-radius: 1.6rem;
  box-shadow: 0px 1.33562px 5.34247px rgba(0, 0, 0, 0.1);
}
.esg:not(.overview).info-protection .bg-shadow-layout.case1 {
  padding: 8rem 6.4rem;
}
@media (max-width: 1023px) {
  .esg:not(.overview).info-protection .bg-shadow-layout.case1 {
    padding: 4.8rem 3.2rem;
  }
}
.esg:not(.overview).info-protection .bg-shadow-layout.case2 {
  padding: 6.4rem;
}
@media (max-width: 1023px) {
  .esg:not(.overview).info-protection .bg-shadow-layout.case2 {
    padding: 3.2rem 2.4rem;
  }
}
.esg.overview .section.story1 .section-wrap {
  padding: 16rem 0;
  margin: 0 auto;
  max-width: 120rem;
}
@media (max-width: 1023px) {
  .esg.overview .section.story1 .section-wrap {
    padding: 8rem 0;
  }
}
.esg.overview .section.story1 .section-wrap .section-head .section-subject .section-name {
  font-weight: 700;
  font-size: 7.4rem;
  color: rgb(21, 21, 26);
  line-height: 1.4;
}
@media (max-width: 1023px) {
  .esg.overview .section.story1 .section-wrap .section-head .section-subject .section-name {
    font-weight: 700;
    font-size: 4rem;
    color: rgb(21, 21, 26);
    line-height: 1.2;
  }
}
.esg.overview .section.story1 .section-wrap .section-head + .section-body {
  margin-top: 6.4rem;
}
@media (max-width: 1023px) {
  .esg.overview .section.story1 .section-wrap .section-head + .section-body {
    margin-top: 4.8rem;
  }
}
.esg.overview .section.story1 .section-wrap .section-body .post-list.visaul .post-item .post-wrap {
  display: flex;
  flex-direction: column;
}
.esg.overview .section.story1 .section-wrap .section-body .post-list.visaul .post-item .post-wrap .post-figure {
  position: relative;
  width: 100%;
  padding-bottom: 30px;
  transition: all 0.5s ease-out;
}
@media (max-width: 1023px) {
  .esg.overview .section.story1 .section-wrap .section-body .post-list.visaul .post-item .post-wrap .post-figure {
    padding-bottom: 8.4rem;
  }
}
.esg.overview .section.story1 .section-wrap .section-body .post-list.visaul .post-item .post-wrap .post-figure .post-figure-wrap {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 1.6rem;
  overflow: hidden;
  transition: all 0.5s ease-out;
}
.esg.overview .section.story1 .section-wrap .section-body .post-list.visaul .post-item .post-wrap .post-figure .post-figure-wrap img {
  position: absolute;
  top: 0;
  left: 50%;
  width: 1200px;
  height: 100%;
  transform: translateX(-50%);
  object-fit: cover;
}
@media (max-width: 1023px) {
  .esg.overview .section.story1 .section-wrap .section-body .post-list.visaul .post-item .post-wrap .post-figure .post-figure-wrap img {
    width: 100%;
  }
}
.esg.overview .section.story1 .section-wrap .section-body .post-list.visaul .post-item .post-wrap .post-figure + .post-head {
  margin-top: 8rem;
}
@media (max-width: 1023px) {
  .esg.overview .section.story1 .section-wrap .section-body .post-list.visaul .post-item .post-wrap .post-figure + .post-head {
    margin-top: 4.8rem;
  }
}
.esg.overview .section.story1 .section-wrap .section-body .post-list.visaul .post-item .post-wrap .post-head {
  max-width: 48.8rem;
}
@media (max-width: 1023px) {
  .esg.overview .section.story1 .section-wrap .section-body .post-list.visaul .post-item .post-wrap .post-head {
    max-width: 100%;
  }
}
.esg.overview .section.story1 .section-wrap .section-body .post-list.visaul .post-item .post-wrap .post-head .post-subject .post-name {
  font-weight: 700;
  font-size: 2.4rem;
  color: rgb(21, 21, 26);
}
@media (max-width: 1023px) {
  .esg.overview .section.story1 .section-wrap .section-body .post-list.visaul .post-item .post-wrap .post-head .post-subject .post-name {
    font-weight: 700;
    font-size: 2rem;
  }
}
.esg.overview .section.story1 .section-wrap .section-body .post-list.visaul .post-item .post-wrap .post-head .post-subject + .post-summary {
  margin-top: 2.4rem;
}
@media (max-width: 1023px) {
  .esg.overview .section.story1 .section-wrap .section-body .post-list.visaul .post-item .post-wrap .post-head .post-subject + .post-summary {
    margin-top: 1.6rem;
  }
}
.esg.overview .section.story1 .section-wrap .section-body .post-list.visaul .post-item .post-wrap .post-head .post-summary {
  font-weight: 500;
  font-size: 1.8rem;
  color: rgb(63, 63, 70);
}
@media (max-width: 1023px) {
  .esg.overview .section.story1 .section-wrap .section-body .post-list.visaul .post-item .post-wrap .post-head .post-summary {
    font-weight: 500;
    font-size: 1.6rem;
  }
}
.esg.overview .section.story1 .section-wrap .section-body .post-list.visaul .post-item .post-wrap .post-head + .post-figure {
  margin-top: 8rem;
}
@media (max-width: 1023px) {
  .esg.overview .section.story1 .section-wrap .section-body .post-list.visaul .post-item .post-wrap .post-head + .post-figure {
    margin-top: 4.8rem;
  }
}
.esg.overview .section.story1 .section-wrap .section-body .post-list.visaul .post-item + .post-item {
  margin-top: 1.6rem;
}
@media (max-width: 1023px) {
  .esg.overview .section.story1 .section-wrap .section-body .post-list.visaul .post-item + .post-item {
    margin-top: 1.2rem;
  }
}
.esg.overview .section.story1 .section-wrap .section-body .post-list.visaul .post-item.first .post-wrap {
  align-items: flex-end;
}
@media (max-width: 1023px) {
  .esg.overview .section.story1 .section-wrap .section-body .post-list.visaul .post-item.first .post-wrap {
    align-items: flex-start;
  }
}
.esg.overview .section.story1 .section-wrap .section-body .post-list.visaul .post-item.first .post-wrap .post-figure .post-figure-wrap {
  width: 0;
  height: 0;
}
.esg.overview .section.story1 .section-wrap .section-body .post-list.visaul .post-item.first.active1 .post-wrap .post-figure {
  padding-bottom: 500px;
}
@media (max-width: 1023px) {
  .esg.overview .section.story1 .section-wrap .section-body .post-list.visaul .post-item.first.active1 .post-wrap .post-figure {
    padding-bottom: 30rem;
  }
}
.esg.overview .section.story1 .section-wrap .section-body .post-list.visaul .post-item.first.active1 .post-wrap .post-figure-wrap {
  width: 100%;
  height: 500px;
}
@media (max-width: 1023px) {
  .esg.overview .section.story1 .section-wrap .section-body .post-list.visaul .post-item.first.active1 .post-wrap .post-figure-wrap {
    width: 100%;
    height: 30rem;
  }
}
.esg.overview .section.story1 .section-wrap .section-body .post-list.visaul .post-item.first.active2 .post-wrap .post-figure {
  padding-bottom: 0;
}
.esg.overview .section.story1 .section-wrap .section-body .post-list.visaul .post-item.first.active2 .post-wrap .post-figure-wrap {
  width: 1200px;
  height: 0px;
}
@media (max-width: 1023px) {
  .esg.overview .section.story1 .section-wrap .section-body .post-list.visaul .post-item.first.active2 .post-wrap .post-figure-wrap {
    width: 100%;
  }
}
.esg.overview .section.story1 .section-wrap .section-body .post-list.visaul .post-item.second .post-wrap {
  align-items: flex-start;
}
.esg.overview .section.story1 .section-wrap .section-body .post-list.visaul .post-item.second .post-wrap .post-figure .post-figure-wrap {
  width: 100%;
  height: 30px;
}
@media (max-width: 1023px) {
  .esg.overview .section.story1 .section-wrap .section-body .post-list.visaul .post-item.second .post-wrap .post-figure .post-figure-wrap {
    width: 100%;
    height: 8rem;
  }
}
.esg.overview .section.story1 .section-wrap .section-body .post-list.visaul .post-item.second.active {
  margin-top: 0;
  transition: margin-top 0.5s ease 0.4s;
}
.esg.overview .section.story1 .section-wrap .section-body .post-list.visaul .post-item.second.active .post-wrap .post-figure {
  padding-bottom: 500px;
}
@media (max-width: 1023px) {
  .esg.overview .section.story1 .section-wrap .section-body .post-list.visaul .post-item.second.active .post-wrap .post-figure {
    padding-bottom: 300px;
  }
}
.esg.overview .section.story1 .section-wrap .section-body .post-list.visaul .post-item.second.active .post-wrap .post-figure-wrap {
  height: 500px;
}
@media (max-width: 1023px) {
  .esg.overview .section.story1 .section-wrap .section-body .post-list.visaul .post-item.second.active .post-wrap .post-figure-wrap {
    height: 300px;
  }
}
.esg.overview .section.story1 .section-wrap .section-body .post-list.visaul + .post-display {
  margin-top: 16rem;
}
@media (max-width: 1023px) {
  .esg.overview .section.story1 .section-wrap .section-body .post-list.visaul + .post-display {
    margin-top: 8rem;
  }
}
.esg.overview .section.story1 .section-wrap .section-body .post-display {
  display: flex;
  flex-direction: column;
  row-gap: 4rem;
}
@media (max-width: 1023px) {
  .esg.overview .section.story1 .section-wrap .section-body .post-display {
    row-gap: 2.4rem;
  }
}
.esg.overview .section.story1 .section-wrap .section-body .post-display.slide .post-list {
  display: flex;
  position: relative;
  column-gap: 2rem;
  transition: 0.5s ease-out;
}
@media (max-width: 1023px) {
  .esg.overview .section.story1 .section-wrap .section-body .post-display.slide .post-list {
    column-gap: 1.6rem;
  }
}
.esg.overview .section.story1 .section-wrap .section-body .post-display.slide .post-list .post-item {
  position: relative;
  width: 26rem;
  padding-bottom: 15.2rem;
  overflow: hidden;
  border-radius: 1.6rem;
  flex-shrink: 0;
}
@media (max-width: 1023px) {
  .esg.overview .section.story1 .section-wrap .section-body .post-display.slide .post-list .post-item {
    width: 12rem;
    padding-bottom: 7.2rem;
  }
}
.esg.overview .section.story1 .section-wrap .section-body .post-display.slide .post-list .post-item img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  object-fit: cover;
}
.esg.overview .section.story1 .section-wrap .section-body .post-display.slide .post-list.first {
  transform: translateX(-42%);
}
.esg.overview .section.story1 .section-wrap .section-body .post-display.slide .post-list.second {
  transform: translateX(42%);
}
.esg.overview .section.story2 {
  position: relative;
  margin: 0 -1.8rem -300px -1.8rem;
  transition: 0.5s ease-out;
  background-color: #fff;
}
@media (max-width: 1023px) {
  .esg.overview .section.story2 {
    margin: 0 -1.8rem -200px -1.8rem;
  }
}
.esg.overview .section.story2::after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  border-radius: 2.4rem;
  background-image: url(../images/bg-story2.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  z-index: -1;
  opacity: 1;
}
.esg.overview .section.story2 .section-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 2.4rem;
  z-index: -2;
  transition: 0.5s ease-out;
}
.esg.overview .section.story2 .section-wrap {
  display: flex;
  padding: 8rem 0 16rem 0;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 1023px) {
  .esg.overview .section.story2 .section-wrap {
    padding: 4.8rem 1.8rem 4.8rem 1.8rem;
  }
}
.esg.overview .section.story2 .section-wrap .section-head {
  text-align: center;
}
.esg.overview .section.story2 .section-wrap .section-head .section-subject .section-name {
  font-weight: 700;
  font-size: 3.2rem;
  color: rgb(21, 21, 26);
}
@media (max-width: 1023px) {
  .esg.overview .section.story2 .section-wrap .section-head .section-subject .section-name {
    font-weight: 700;
    font-size: 2.4rem;
  }
}
.esg.overview .section.story2 .section-wrap .section-head .section-subject .section-name + .section-summary {
  margin-top: 2.4rem;
}
@media (max-width: 1023px) {
  .esg.overview .section.story2 .section-wrap .section-head .section-subject .section-name + .section-summary {
    margin-top: 1.6rem;
  }
}
.esg.overview .section.story2 .section-wrap .section-head .section-subject .section-summary {
  font-weight: 500;
  font-size: 1.8rem;
  color: rgb(63, 63, 70);
}
@media (max-width: 1023px) {
  .esg.overview .section.story2 .section-wrap .section-head .section-subject .section-summary {
    font-weight: 500;
    font-size: 1.6rem;
  }
}
.esg.overview .section.story2 .section-wrap .section-head + .section-body {
  margin-top: 6.4rem;
}
@media (max-width: 1023px) {
  .esg.overview .section.story2 .section-wrap .section-head + .section-body {
    margin-top: 3.2rem;
  }
}
.esg.overview .section.story2 .section-wrap .section-body .post-list {
  display: flex;
  width: 79.4rem;
  flex-wrap: wrap;
  justify-content: center;
  column-gap: 20px;
  row-gap: 2.4rem;
}
@media (max-width: 1023px) {
  .esg.overview .section.story2 .section-wrap .section-body .post-list {
    width: 100%;
    row-gap: 1.6rem;
  }
}
.esg.overview .section.story2 .section-wrap .section-body .post-list .post-item {
  position: relative;
  width: calc(50% - 10px);
  height: 58rem;
  padding: 4rem 2.4rem 2.4rem 2.4rem;
  border-radius: 1.6rem;
  overflow: hidden;
  transition: 0.5s ease-out;
}
@media (max-width: 1023px) {
  .esg.overview .section.story2 .section-wrap .section-body .post-list .post-item {
    width: 100%;
    height: 38rem;
    padding: 2.4rem 2.4rem 2.4rem 2.4rem;
    row-gap: 1.6rem;
  }
}
.esg.overview .section.story2 .section-wrap .section-body .post-list .post-item::after {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 30rem;
  content: "";
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: top;
}
@media (max-width: 1023px) {
  .esg.overview .section.story2 .section-wrap .section-body .post-list .post-item::after {
    height: 18rem;
  }
}
.esg.overview .section.story2 .section-wrap .section-body .post-list .post-item .post-wrap {
  display: flex;
  flex-direction: column;
}
.esg.overview .section.story2 .section-wrap .section-body .post-list .post-item .post-wrap .post-head .post-subject .post-name {
  font-weight: 700;
  font-size: 2.4rem;
  color: rgb(255, 255, 255);
}
@media (max-width: 1023px) {
  .esg.overview .section.story2 .section-wrap .section-body .post-list .post-item .post-wrap .post-head .post-subject .post-name {
    font-weight: 700;
    font-size: 2rem;
  }
}
.esg.overview .section.story2 .section-wrap .section-body .post-list .post-item .post-wrap .post-head + .post-body {
  margin-top: 1.6rem;
}
@media (max-width: 1023px) {
  .esg.overview .section.story2 .section-wrap .section-body .post-list .post-item .post-wrap .post-head + .post-body {
    margin-top: 1.2rem;
  }
}
.esg.overview .section.story2 .section-wrap .section-body .post-list .post-item .post-wrap .post-body .para {
  font-weight: 400;
  font-size: 1.6rem;
  color: rgb(255, 255, 255);
}
@media (max-width: 1023px) {
  .esg.overview .section.story2 .section-wrap .section-body .post-list .post-item .post-wrap .post-body .para {
    font-weight: 400;
    font-size: 1.4rem;
  }
}
.esg.overview .section.story2 .section-wrap .section-body .post-list .post-item:nth-child(1) {
  background-color: #008080;
}
.esg.overview .section.story2 .section-wrap .section-body .post-list .post-item:nth-child(1)::after {
  background-image: url(../images/bg-story2-01.png);
}
.esg.overview .section.story2 .section-wrap .section-body .post-list .post-item:nth-child(2) {
  transform: translateY(250px);
  background-color: #0072c6;
}
@media (max-width: 1023px) {
  .esg.overview .section.story2 .section-wrap .section-body .post-list .post-item:nth-child(2) {
    transform: translateY(150px);
  }
}
.esg.overview .section.story2 .section-wrap .section-body .post-list .post-item:nth-child(2)::after {
  background-image: url(../images/bg-story2-02.png);
}
.esg.overview .section.story2 .section-wrap .section-body .post-list .post-item:nth-child(3) {
  transform: translateY(280px);
  background-color: #0e306d;
}
@media (max-width: 1023px) {
  .esg.overview .section.story2 .section-wrap .section-body .post-list .post-item:nth-child(3) {
    transform: translateY(280px);
  }
}
.esg.overview .section.story2 .section-wrap .section-body .post-list .post-item:nth-child(3)::after {
  background-image: url(../images/bg-story2-03.png);
}
.esg.overview .section.story2 .section-wrap .section-body .post-list .post-item:nth-child(4) {
  transform: translateY(300px);
  background-color: #9735d0;
}
@media (max-width: 1023px) {
  .esg.overview .section.story2 .section-wrap .section-body .post-list .post-item:nth-child(4) {
    transform: translateY(400px);
  }
}
.esg.overview .section.story2 .section-wrap .section-body .post-list .post-item:nth-child(4)::after {
  background-image: url(../images/bg-story2-04.png);
}
.esg.overview .section.story3 .section-wrap {
  padding: 16rem 0;
  margin: 0 auto;
  max-width: 120rem;
}
@media (max-width: 1023px) {
  .esg.overview .section.story3 .section-wrap {
    padding: 8rem 0;
  }
}
.esg.overview .section.story3 .section-wrap .section-head .section-subject .section-name {
  font-weight: 700;
  font-size: 3.2rem;
  color: rgb(21, 21, 26);
}
@media (max-width: 1023px) {
  .esg.overview .section.story3 .section-wrap .section-head .section-subject .section-name {
    font-weight: 700;
    font-size: 2.4rem;
  }
}
.esg.overview .section.story3 .section-wrap .section-head .section-subject .section-name + .section-summary {
  margin-top: 2.4rem;
}
@media (max-width: 1023px) {
  .esg.overview .section.story3 .section-wrap .section-head .section-subject .section-name + .section-summary {
    margin-top: 1.6rem;
  }
}
.esg.overview .section.story3 .section-wrap .section-head .section-subject .section-summary {
  font-weight: 500;
  font-size: 1.8rem;
  color: rgb(63, 63, 70);
}
@media (max-width: 1023px) {
  .esg.overview .section.story3 .section-wrap .section-head .section-subject .section-summary {
    font-weight: 500;
    font-size: 1.6rem;
  }
}
.esg.overview .section.story3 .section-wrap .section-head + .section-body {
  margin-top: 6.4rem;
}
@media (max-width: 1023px) {
  .esg.overview .section.story3 .section-wrap .section-head + .section-body {
    margin-top: 3.2rem;
  }
}
.esg.overview .section.story3 .section-wrap .section-body .data-list {
  display: flex;
  position: relative;
  flex-wrap: wrap;
  gap: 2rem;
  transform: translateY(50px);
  transition: all 0.5s ease-out;
}
@media (max-width: 1023px) {
  .esg.overview .section.story3 .section-wrap .section-body .data-list {
    gap: 1.6rem;
  }
}
.esg.overview .section.story3 .section-wrap .section-body .data-list .data-item {
  width: calc(50% - 10px);
  padding: 4rem;
  border-radius: 1.6rem;
  box-shadow: 0px 1.336px 5.342px 0px rgba(0, 0, 0, 0.1);
}
@media (max-width: 1023px) {
  .esg.overview .section.story3 .section-wrap .section-body .data-list .data-item {
    width: 100%;
    padding: 2.4rem;
    border-radius: 0.8rem;
  }
}
.esg.overview .section.story3 .section-wrap .section-body .data-list .data-item .data-wrap {
  display: flex;
  flex-direction: column;
}
@media (max-width: 1023px) {
  .esg.overview .section.story3 .section-wrap .section-body .data-list .data-item .data-wrap {
    align-items: center;
  }
}
.esg.overview .section.story3 .section-wrap .section-body .data-list .data-item .data-wrap .data-figure + .data-head {
  margin-top: 2.4rem;
}
@media (max-width: 1023px) {
  .esg.overview .section.story3 .section-wrap .section-body .data-list .data-item .data-wrap .data-figure + .data-head {
    margin-top: 1.6rem;
  }
}
.esg.overview .section.story3 .section-wrap .section-body .data-list .data-item .data-wrap .data-head .data-subject .data-name {
  font-weight: 700;
  font-size: 2rem;
  color: rgb(21, 21, 26);
}
@media (max-width: 1023px) {
  .esg.overview .section.story3 .section-wrap .section-body .data-list .data-item .data-wrap .data-head .data-subject .data-name {
    font-weight: 700;
    font-size: 1.8rem;
  }
}
.esg.overview .section.story3 .section-wrap .section-body .data-list .data-item .data-wrap .data-head + .data-body {
  margin-top: 2.4rem;
}
@media (max-width: 1023px) {
  .esg.overview .section.story3 .section-wrap .section-body .data-list .data-item .data-wrap .data-head + .data-body {
    margin-top: 1.6rem;
  }
}
.esg.overview .section.story3 .section-wrap .section-body .data-list .data-item .data-wrap .data-body .para {
  font-weight: 500;
  font-size: 1.6rem;
  color: rgb(63, 63, 70);
}
@media (max-width: 1023px) {
  .esg.overview .section.story3 .section-wrap .section-body .data-list .data-item .data-wrap .data-body .para {
    font-weight: 700;
    font-size: 1.4rem;
  }
}
.esg.overview .section.story4 {
  position: relative;
  transition: 0.5s ease-out;
  padding-top: 16rem;
}
@media (max-width: 1023px) {
  .esg.overview .section.story4 {
    padding-top: 8rem;
  }
}
.esg.overview .section.story4 .section-wrap .section-head {
  text-align: center;
}
.esg.overview .section.story4 .section-wrap .section-head .section-subject .section-name {
  font-weight: 700;
  font-size: 3.2rem;
  color: rgb(21, 21, 26);
}
@media (max-width: 1023px) {
  .esg.overview .section.story4 .section-wrap .section-head .section-subject .section-name {
    font-weight: 700;
    font-size: 2.4rem;
  }
}
.esg.overview .section.story4 .section-wrap .section-head .section-subject .section-name + .section-summary {
  margin-top: 2.4rem;
}
@media (max-width: 1023px) {
  .esg.overview .section.story4 .section-wrap .section-head .section-subject .section-name + .section-summary {
    margin-top: 1.6rem;
  }
}
.esg.overview .section.story4 .section-wrap .section-head .section-subject .section-summary {
  font-weight: 500;
  font-size: 1.8rem;
  color: rgb(63, 63, 70);
}
@media (max-width: 1023px) {
  .esg.overview .section.story4 .section-wrap .section-head .section-subject .section-summary {
    font-weight: 500;
    font-size: 1.6rem;
  }
}
.esg.overview .section.story4 .section-wrap .section-head + .section-body {
  margin-top: 6.4rem;
}
@media (max-width: 1023px) {
  .esg.overview .section.story4 .section-wrap .section-head + .section-body {
    margin-top: 3.2rem;
  }
}
.esg.overview .section.story4 .section-wrap .section-body {
  display: flex;
  justify-content: center;
}
.esg.overview .section.story4 .section-wrap .section-body .post-list {
  display: flex;
  position: relative;
  flex-wrap: wrap;
  max-width: 120rem;
  column-gap: 20px;
}
@media (max-width: 1023px) {
  .esg.overview .section.story4 .section-wrap .section-body .post-list {
    row-gap: 4.8rem;
  }
}
.esg.overview .section.story4 .section-wrap .section-body .post-list .post-item {
  position: relative;
  width: calc(33.3333333333% - 13.333px);
}
@media (max-width: 1023px) {
  .esg.overview .section.story4 .section-wrap .section-body .post-list .post-item {
    width: 100%;
  }
}
.esg.overview .section.story4 .section-wrap .section-body .post-list .post-item .post-wrap {
  display: flex;
  flex-direction: column;
}
.esg.overview .section.story4 .section-wrap .section-body .post-list .post-item .post-wrap .post-figure {
  display: flex;
  position: relative;
  width: 100%;
  height: 34rem;
  justify-content: center;
  align-items: center;
  background-color: rgb(246, 246, 247);
  border-radius: 0.8rem;
}
@media (max-width: 1023px) {
  .esg.overview .section.story4 .section-wrap .section-body .post-list .post-item .post-wrap .post-figure {
    height: 28rem;
  }
}
.esg.overview .section.story4 .section-wrap .section-body .post-list .post-item .post-wrap .post-figure::after {
  position: absolute;
  top: 0;
  width: 100%;
  height: 70%;
  content: "";
  background-color: #fff;
  transition: all 0.5s ease-out;
}
.esg.overview .section.story4 .section-wrap .section-body .post-list .post-item .post-wrap .post-figure + .post-head {
  margin-top: 2.4rem;
}
@media (max-width: 1023px) {
  .esg.overview .section.story4 .section-wrap .section-body .post-list .post-item .post-wrap .post-figure + .post-head {
    margin-top: 1.6rem;
  }
}
.esg.overview .section.story4 .section-wrap .section-body .post-list .post-item .post-wrap .post-head {
  padding: 0 1.6rem;
}
@media (max-width: 1023px) {
  .esg.overview .section.story4 .section-wrap .section-body .post-list .post-item .post-wrap .post-head {
    padding: 0 1.2rem;
  }
}
.esg.overview .section.story4 .section-wrap .section-body .post-list .post-item .post-wrap .post-head .post-subject .post-name {
  font-weight: 700;
  font-size: 2rem;
  color: rgb(21, 21, 26);
}
@media (max-width: 1023px) {
  .esg.overview .section.story4 .section-wrap .section-body .post-list .post-item .post-wrap .post-head .post-subject .post-name {
    font-weight: 700;
    font-size: 1.8rem;
  }
}
.esg.overview .section.story4 .section-wrap .section-body .post-list .post-item .post-wrap .post-head + .post-date {
  margin-top: 0.8rem;
}
.esg.overview .section.story4 .section-wrap .section-body .post-list .post-item .post-wrap .post-date {
  padding: 0 1.6rem;
  color: rgb(113, 113, 122);
  font-weight: 500;
  font-size: 1.8rem;
}
@media (max-width: 1023px) {
  .esg.overview .section.story4 .section-wrap .section-body .post-list .post-item .post-wrap .post-date {
    padding: 0 1.2rem;
    font-weight: 500;
    font-size: 1.6rem;
  }
}
.esg.overview .section.story4 .section-wrap .section-body .post-list .post-item .post-wrap .post-date + .post-body {
  margin-top: 2.4rem;
}
@media (max-width: 1023px) {
  .esg.overview .section.story4 .section-wrap .section-body .post-list .post-item .post-wrap .post-date + .post-body {
    margin-top: 1.6rem;
  }
}
.esg.overview .section.story4 .section-wrap .section-body .post-list .post-item .post-wrap .post-body {
  padding: 0 1.6rem;
}
@media (max-width: 1023px) {
  .esg.overview .section.story4 .section-wrap .section-body .post-list .post-item .post-wrap .post-body {
    padding: 0 1.2rem;
  }
}
.esg.overview .section.story4 .section-wrap .section-body .post-list .post-item .post-wrap .post-body .para {
  font-weight: 500;
  font-size: 1.6rem;
  color: rgb(63, 63, 70);
}
@media (max-width: 1023px) {
  .esg.overview .section.story4 .section-wrap .section-body .post-list .post-item .post-wrap .post-body .para {
    font-weight: 500;
    font-size: 1.4rem;
  }
}
.esg.overview .section.story4 .section-wrap .section-body .post-list .post-item:nth-child(1) img {
  mix-blend-mode: darken;
}
.esg.overview .section.story4 .section-wrap .section-body .post-list .post-item:nth-child(2),
.esg.overview .section.story4 .section-wrap .section-body .post-list .post-item:nth-child(4) {
  margin-top: 6rem;
}
@media (max-width: 1023px) {
  .esg.overview .section.story4 .section-wrap .section-body .post-list .post-item:nth-child(2),
  .esg.overview .section.story4 .section-wrap .section-body .post-list .post-item:nth-child(4) {
    margin-top: 0;
  }
  .esg.overview .section.story4 .section-wrap .section-body .post-list .post-item:nth-child(2) img,
  .esg.overview .section.story4 .section-wrap .section-body .post-list .post-item:nth-child(4) img {
    max-width: 224px;
  }
}
@media (max-width: 1023px) {
  .esg.overview .section.story4 .section-wrap .section-body .post-list .post-item:nth-child(3) img {
    max-width: 210px;
  }
}
.esg.overview .section.story4.active .section-wrap .section-body .post-list .post-item .post-wrap .post-figure::after {
  height: 0;
}
.esg.overview .section.story5 {
  position: relative;
  padding: 16rem 0;
  transition: 0.5s ease-out;
}
@media (max-width: 1023px) {
  .esg.overview .section.story5 {
    padding: 8rem 0;
  }
}
.esg.overview .section.story5 .section-wrap {
  margin: 0 auto;
  max-width: 120rem;
}
.esg.overview .section.story5 .section-wrap .section-head {
  text-align: center;
  padding-top: 8.4rem;
  border-top: 0.4rem solid rgba(151, 53, 208, 0.4);
}
@media (max-width: 1023px) {
  .esg.overview .section.story5 .section-wrap .section-head {
    padding-top: 4.8rem;
  }
}
.esg.overview .section.story5 .section-wrap .section-head .section-subject .section-name {
  font-weight: 700;
  font-size: 3.2rem;
  color: rgb(109, 12, 166);
}
@media (max-width: 1023px) {
  .esg.overview .section.story5 .section-wrap .section-head .section-subject .section-name {
    font-weight: 700;
    font-size: 2.4rem;
  }
}
.esg.overview .section.story5 .section-wrap .section-head + .section-body {
  margin-top: 6.4rem;
}
@media (max-width: 1023px) {
  .esg.overview .section.story5 .section-wrap .section-head + .section-body {
    margin-top: 3.2rem;
  }
}
.esg.overview .section.story5 .section-wrap .section-body {
  display: flex;
  justify-content: center;
}
.esg.overview .section.story5 .section-wrap .section-body .data-display {
  width: 100%;
}
.esg.overview .section.story5 .section-wrap .section-body + .section-util {
  margin-top: 8rem;
}
@media (max-width: 1023px) {
  .esg.overview .section.story5 .section-wrap .section-body + .section-util {
    margin-top: 4.8rem;
  }
}

@media (max-width: 1023px) {
  #modalLaw .modal-inner .modal-area {
    padding: 6.4rem 0.5rem 4rem 1.8rem;
  }
}
#modalLaw .modal-inner .modal-area .modal-wrap {
  padding: 0 4rem 0 2rem;
}
@media (max-width: 1023px) {
  #modalLaw .modal-inner .modal-area .modal-wrap {
    padding: unset;
    padding-right: 0.8rem;
  }
}
#modalLaw .modal-inner .modal-list .modal-item .modal-head .modal-caption {
  font-weight: 700;
  font-size: 2rem;
  margin-top: 1.6rem;
}
#modalLaw .modal-inner .modal-list .modal-item .modal-body .para + .para {
  margin-top: 1.6rem;
  margin-bottom: 4rem;
}
#modalLaw .modal-inner .modal-list .modal-item .modal-body .t-display.design4 {
  margin-top: 4rem;
}

#modalMatchup .modal-inner .modal-area {
  padding: 8rem 2.5rem 4rem 2rem;
}
@media (max-width: 1023px) {
  #modalMatchup .modal-inner .modal-area {
    padding: 8rem 0.8rem 4rem 1.8rem;
  }
}
#modalMatchup .modal-inner .modal-area .modal-list .modal-item .modal-head .modal-caption {
  font-weight: 700;
  font-size: 2rem;
  margin-top: 1.6rem;
}
#modalMatchup .modal-inner .modal-area .modal-list .modal-item .modal-body .para {
  margin-top: 1.6rem;
  margin-bottom: 4rem;
}
@media (max-width: 1023px) {
  #modalMatchup .modal-inner .modal-area .modal-list .modal-item .modal-body .para {
    margin-bottom: 2.4rem;
  }
}
#modalMatchup table.col-w-1 col.col1 {
  width: 26%;
}
#modalMatchup table.col-w-1 col.col2 {
  width: auto;
}
#modalMatchup table.col-w-1 col.col3 {
  width: auto;
}
#modalMatchup table.col-w-1 col.col4 {
  width: auto;
}
@media (max-width: 1023px) {
  #modalMatchup table.col-w-1 col.col1 {
    width: 35%;
  }
  #modalMatchup table.col-w-1 col.col2 {
    width: auto;
  }
  #modalMatchup table.col-w-1 col.col3 {
    width: auto;
  }
  #modalMatchup table.col-w-1 col.col4 {
    width: auto;
  }
}

#modalPerformance .modal-inner .modal-area {
  padding: 8rem 2.5rem 4rem 2rem;
}
@media (max-width: 1023px) {
  #modalPerformance .modal-inner .modal-area {
    padding: 8rem 0.8rem 4rem 1.8rem;
  }
}
#modalPerformance .modal-inner .modal-area .modal-list .modal-item .modal-body .para {
  margin-bottom: 1.6rem;
}
#modalPerformance .modal-inner .modal-area .modal-list .modal-item .modal-body .bullet-display .data-list .data-item {
  font-weight: 700 !important;
}

/**
 * Swiper 11.0.5
 */
@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}

:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  display: block;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-horizontal {
  touch-action: pan-y;
}

.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d {
  perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
  transform-style: preserve-3d;
}

.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}

:root {
  --swiper-navigation-size: 44px;
}

.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
  display: none !important;
}

.swiper-button-next svg,
.swiper-button-prev svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform-origin: center;
}

.swiper-rtl .swiper-button-next svg,
.swiper-rtl .swiper-button-prev svg {
  transform: rotate(180deg);
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

.swiper-button-lock {
  display: none;
}

.swiper-button-next:after,
.swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: "next";
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 0.3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical > .swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition:
    0.2s transform,
    0.2s top;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition:
    0.2s transform,
    0.2s left;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition:
    0.2s transform,
    0.2s right;
}

.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}

.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
}

.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical > .swiper-pagination-progressbar {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-lock {
  display: none;
}

.swiper-scrollbar {
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  touch-action: none;
  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
}

.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: var(--swiper-scrollbar-sides-offset, 1%);
  bottom: var(--swiper-scrollbar-bottom, 4px);
  top: var(--swiper-scrollbar-top, auto);
  z-index: 50;
  height: var(--swiper-scrollbar-size, 4px);
  width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical > .swiper-scrollbar {
  position: absolute;
  left: var(--swiper-scrollbar-left, auto);
  right: var(--swiper-scrollbar-right, 4px);
  top: var(--swiper-scrollbar-sides-offset, 1%);
  z-index: 50;
  width: var(--swiper-scrollbar-size, 4px);
  height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
  touch-action: none;
}

.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-fade .swiper-slide-active {
  pointer-events: auto;
}

.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube {
  overflow: visible;
}

.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}

.swiper-cube .swiper-cube-shadow:before {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}

.swiper-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-flip {
  overflow: visible;
}

.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height;
}

.swiper-cards {
  overflow: visible;
}

.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
}

.home .section.company {
  padding: 0;
}

.title-section-service {
  font-size: 4.8rem;
  line-height: 4.8rem;
  color: #1a1919;
  font-weight: 600;
  font-style: normal;
  margin: 0 0 4rem 0;
}
.title-section-service.title-center {
  text-align: center;
}

.tg_content_industries_whychooseus .title-section-service {
  margin: 0 0 80px 0;
}

.mt-8 {
  margin-top: 8rem;
}

/*g-custom*/

#wrap .business .content-body .section.core.customer_ninja {
  position: relative;
  overflow: hidden;
  background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(246, 250, 255) 100%);
}

#wrap .business .content-body .section.core.customer_ninja::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 18rem;
  content: "";
  background-image: url("../../images/upscalemedia-transformed.jpeg");
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover;
  pointer-events: none;
}

#wrap .business .content-body .section.core.customer_ninja .section-wrap {
  position: relative;
  z-index: 1;
  padding: 8rem 0;
}

.customer_ninja .customer_ninja_inner {
  max-width: 120rem;
  margin: 0 auto;
}

.customer_ninja .customer_ninja_head {
  max-width: 78rem;
  margin: 0 auto;
  text-align: center;
}

.customer_ninja .customer_ninja_eyebrow {
  display: block;
  color: rgb(0, 104, 201);
  font-size: 1.6rem;
  line-height: 1.4;
  font-weight: 800;
  text-transform: uppercase;
}

.customer_ninja .customer_ninja_title {
  margin: 1.6rem 0 0;
  color: rgb(15, 23, 42);
  font-size: 4.4rem;
  line-height: 1.24;
  font-weight: 600;
}

.customer_ninja .customer_ninja_title span {
  color: #ec2326;
}

.customer_ninja .customer_ninja_summary {
  max-width: 62rem;
  margin: 2.4rem auto 0;
  color: rgb(71, 85, 105);
  font-size: 1.8rem;
  line-height: 1.65;
  font-weight: 500;
}

.customer_ninja .customer_ninja_stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 2.8rem;
  margin-top: 5.6rem;
}

.customer_ninja .customer_ninja_stat {
  display: grid;
  grid-template-columns: 6.8rem minmax(0, 1fr);
  column-gap: 1.8rem;
  align-items: center;
  min-height: 13.2rem;
  padding: 2.4rem;
  border: 1px solid rgb(219, 231, 245);
  border-radius: 1.2rem;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 1.6rem 4rem rgba(15, 23, 42, 0.04);
}

.customer_ninja .customer_ninja_stat_icon,
.customer_ninja .customer_ninja_cta_icon {
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgb(0, 104, 201);
  background: rgb(232, 242, 255);
  border-radius: 50%;
}

.customer_ninja .customer_ninja_stat_icon {
  width: 6.8rem;
  height: 6.8rem;
  grid-row: span 2;
}

.customer_ninja .customer_ninja_stat_icon svg,
.customer_ninja .customer_ninja_cta_icon svg {
  display: block;
  width: 3.4rem;
  height: 3.4rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.customer_ninja .customer_ninja_stat_number {
  color: rgb(0, 104, 201);
  font-size: 3.2rem;
  line-height: 1.1;
  font-weight: 800;
}

.customer_ninja .customer_ninja_stat_text {
  margin-top: 0.8rem;
  color: rgb(71, 85, 105);
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: 500;
}

.customer_ninja .customer_ninja_logos_slider {
  margin-top: 4.8rem;
  overflow: visible;
}

.customer_ninja .customer_ninja_logos {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 2rem;
  margin-top: 0;
}

.customer_ninja .customer_ninja_logos li {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 10.4rem;
  padding: 2rem;
  border: 1px solid rgb(219, 231, 245);
  border-radius: 1.2rem;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 1.2rem 3rem rgba(15, 23, 42, 0.035);
}

.customer_ninja .customer_ninja_logos img {
  display: block;
  max-width: 100%;
  max-height: 110px;
  object-fit: contain;
}

.customer_ninja .customer_ninja_logo_text {
  display: block;
  color: rgb(15, 23, 42);
  font-size: 2rem;
  line-height: 1.2;
  font-weight: 800;
  text-align: center;
}

.customer_ninja .customer_ninja_logo_control {
  display: none;
}

.customer_ninja .customer_ninja_logo_control .sl_prev,
.customer_ninja .customer_ninja_logo_control .sl_next {
  width: 4rem;
  height: 4rem;
  border: 1px solid #d9d9d9;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgb(255, 255, 255);
}

.customer_ninja .customer_ninja_logo_control .pagination-swipe {
  width: auto;
  min-width: 4.8rem;
  text-align: center;
  font-size: 1.6rem;
  line-height: 4rem;
  color: #1a1919;
}

.customer_ninja .customer_ninja_logo_control .swiper-button-disabled {
  opacity: 0.35;
  cursor: default;
}

.customer_ninja .customer_ninja_cta {
  display: grid;
  grid-template-columns: 6.8rem minmax(0, auto);
  justify-content: center;
  align-items: center;
  column-gap: 2.4rem;
  row-gap: 2.4rem;
  margin-top: 5.6rem;
  text-align: left;
}

.customer_ninja .customer_ninja_cta_icon {
  width: 6.8rem;
  height: 6.8rem;
}

.customer_ninja .customer_ninja_cta_text strong {
  display: block;
  color: rgb(15, 23, 42);
  font-size: 2.2rem;
  line-height: 1.35;
  font-weight: 800;
}

.customer_ninja .customer_ninja_cta_text span {
  display: block;
  margin-top: 0.8rem;
  color: rgb(71, 85, 105);
  font-size: 1.6rem;
  line-height: 1.55;
  font-weight: 500;
}

.customer_ninja .customer_ninja_btn {
  grid-column: 1 / -1;
  justify-self: center;
  min-width: 29rem;
  color: rgb(255, 255, 255);
  background: rgb(0, 104, 201);
  border-color: rgb(0, 104, 201);
}

.customer_ninja .customer_ninja_btn.btn.design3.ar-icon-arrow-right2-bg .btn-text::after {
  background-color: transparent;
}

@media (min-width: 1024px) {
  .customer_ninja .customer_ninja_btn:hover,
  .customer_ninja .customer_ninja_btn:focus-visible {
    color: rgb(255, 255, 255);
    background: rgb(0, 83, 166);
    border-color: rgb(0, 83, 166);
  }
}

@media (max-width: 1199px) {
  .customer_ninja .customer_ninja_stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .customer_ninja .customer_ninja_logos {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

@media (max-width: 1024px) {
  #wrap .business .content-body .section.core.customer_ninja .section-wrap {
    padding: 6.4rem 0;
  }

  .customer_ninja .customer_ninja_title {
    font-size: 3.4rem;
  }

  .customer_ninja .customer_ninja_summary {
    margin-top: 1.8rem;
    font-size: 1.6rem;
  }

  .customer_ninja .customer_ninja_stats {
    gap: 1.6rem;
    margin-top: 4rem;
  }

  .customer_ninja .customer_ninja_stat {
    min-height: 11.6rem;
    padding: 2rem;
  }

  .customer_ninja .customer_ninja_logos_slider {
    margin-top: 3.2rem;
    overflow: hidden;
  }

  .customer_ninja .customer_ninja_logos.swiper-wrapper {
    display: flex;
    gap: 0;
  }

  .customer_ninja .customer_ninja_logos li {
    min-height: 9.2rem;
    padding: 1.6rem;
    height: auto;
  }

  .customer_ninja .customer_ninja_logo_control {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.2rem;
    margin: 2.4rem auto 0;
  }
}

@media (max-width: 767px) {
  #wrap .business .content-body .section.core.customer_ninja .section-wrap {
    padding: 5.6rem 0;
  }

  .customer_ninja .customer_ninja_title {
    font-size: 2.8rem;
  }

  .customer_ninja .customer_ninja_title br {
    display: none;
  }

  .customer_ninja .customer_ninja_stats {
    grid-template-columns: 1fr;
  }

  .customer_ninja .customer_ninja_stat {
    grid-template-columns: 5.6rem minmax(0, 1fr);
    min-height: auto;
    padding: 1.8rem;
  }

  .customer_ninja .customer_ninja_stat_icon,
  .customer_ninja .customer_ninja_cta_icon {
    width: 5.6rem;
    height: 5.6rem;
  }

  .customer_ninja .customer_ninja_stat_icon svg,
  .customer_ninja .customer_ninja_cta_icon svg {
    width: 2.8rem;
    height: 2.8rem;
  }

  .customer_ninja .customer_ninja_stat_number {
    font-size: 2.8rem;
  }

  .customer_ninja .customer_ninja_logos li {
    min-height: 8.4rem;
  }

  .customer_ninja .customer_ninja_logo_text {
    font-size: 1.6rem;
  }

  .customer_ninja .customer_ninja_cta {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 4rem;
    text-align: center;
  }

  .customer_ninja .customer_ninja_cta_text strong {
    font-size: 2rem;
  }

  .customer_ninja .customer_ninja_btn {
    min-width: 100%;
  }
}

#wrap .business .content-body .section.core.challenge_business {
  background: rgb(255, 255, 255);
}

@media (max-width: 1024px) {
  #wrap .business .content-body .section.core.faq_section .section-wrap.section-wrap-pt8 {
    padding: 6.4rem 0 0;
  }

  #wrap .business .content-body .section.core.faq_section .title-section-service {
    font-size: 3.4rem;
    line-height: 1.25;
  }

  .faq_section .tg_content_service_offerings_wrap {
    margin-top: 3.2rem;
  }

  .faq_section .tg_content_service_offerings_wrap_item {
    padding: 2.4rem 0;
  }

  .faq_section .tg_content_service_offerings_wrap_item_center_top_tit {
    gap: 2.4rem;
    align-items: flex-start;
    padding-right: 4.4rem;
    font-size: 2rem;
    line-height: 1.45;
  }

  .faq_section .tg_content_service_offerings_wrap_item_center_top_tit::before {
    top: 0.4rem;
    right: 0;
    width: 2.4rem;
    height: 2.4rem;
  }

  .faq_section .tg_content_service_offerings_wrap_item_left {
    flex: 0 0 5.6rem;
    width: 5.6rem;
    max-width: none;
    font-size: 4.8rem;
    line-height: 1;
  }

  .faq_section .tg_content_service_offerings_wrap_item_right {
    min-width: 0;
  }

  .faq_section .tg_content_service_offerings_wrap_item_right b {
    font-size: 2rem;
    line-height: 1.45;
    font-weight: 600;
    word-break: break-word;
  }

  .faq_section .tg_content_service_offerings_wrap_item_center {
    padding: 0 4.4rem 0 8rem;
  }

  .faq_section .tg_content_service_offerings_wrap_item_center_bottom_wrap {
    padding-top: 1.6rem;
  }

  .faq_section .tg_content_service_offerings_wrap_item_center_bottom_wrap_item p {
    font-size: 1.6rem;
    line-height: 1.7;
  }
}

@media (max-width: 767px) {
  #wrap .business .content-body .section.core.faq_section .section-wrap.section-wrap-pt8 {
    padding: 5.6rem 0 0;
  }

  #wrap .business .content-body .section.core.faq_section .title-section-service {
    font-size: 2.8rem;
  }

  .faq_section .tg_content_service_offerings_wrap {
    margin-top: 2.4rem;
  }

  .faq_section .tg_content_service_offerings_wrap_item {
    padding: 2rem 0;
  }

  .faq_section .tg_content_service_offerings_wrap_item_center_top_tit {
    gap: 1.4rem;
    padding-right: 3.6rem;
  }

  .faq_section .tg_content_service_offerings_wrap_item_left {
    flex-basis: 4.2rem;
    width: 4.2rem;
    font-size: 3.6rem;
  }

  .faq_section .tg_content_service_offerings_wrap_item_right b {
    font-size: 1.7rem;
    line-height: 1.45;
  }

  .faq_section .tg_content_service_offerings_wrap_item_center {
    padding: 0 0 0 5.6rem;
  }

  .faq_section .tg_content_service_offerings_wrap_item_center_bottom_wrap {
    padding-top: 1.4rem;
  }

  .faq_section .tg_content_service_offerings_wrap_item_center_bottom_wrap_item p {
    font-size: 1.5rem;
    line-height: 1.65;
  }
}

.challenge_business .challenge_business_inner {
  display: grid;
  grid-template-columns: minmax(24rem, 34rem) minmax(0, 1fr);
  gap: clamp(6rem, 9vw, 15rem);
  align-items: flex-start;
  max-width: 120rem;
  margin: 0 auto;
}

.challenge_business .challenge_business_head {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

#wrap .business .content-body .section.core.challenge_business .section-wrap.section-u-banner .challenge_business_head .title {
  margin: 0;
  color: rgb(0, 0, 0);
  font-size: 4.2rem;
  line-height: 1.18;
  font-weight: 700;
}

.challenge_business .challenge_business_btn {
  min-width: 19.6rem;
  margin-top: 4rem;
  color: rgb(255, 255, 255);
  background: rgb(0, 104, 201);
  border-color: rgb(0, 104, 201);
}

.challenge_business .challenge_business_btn.btn.design3.ar-icon-arrow-right2-bg .btn-text::after {
  background-color: transparent;
}

@media (min-width: 1024px) {
  .challenge_business .challenge_business_btn:hover,
  .challenge_business .challenge_business_btn:focus-visible {
    color: rgb(255, 255, 255);
    background: rgb(0, 83, 166);
    border-color: rgb(0, 83, 166);
  }
}

.challenge_business .challenge_business_list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: clamp(5.6rem, 7vw, 10.8rem);
  row-gap: 6.4rem;
}

.challenge_business .challenge_business_item {
  min-width: 0;
}

.challenge_business .challenge_business_icon {
  width: 5.8rem;
  height: 5.8rem;
  margin-bottom: 2rem;
  color: rgb(0, 104, 201);
}

.challenge_business .challenge_business_icon svg {
  display: block;
  width: 100%;
  height: 100%;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.challenge_business .challenge_business_icon .accent {
  stroke: rgb(239, 68, 68);
}

.challenge_business .challenge_business_title {
  margin: 0;
  color: rgb(0, 0, 0);
  font-size: 2.4rem;
  line-height: 1.35;
  font-weight: 600;
}

#wrap .business .content-body .section.core.challenge_business .section-wrap.section-u-banner .challenge_business_desc {
  margin: 1.6rem 0 0;
  color: rgb(39, 39, 42);
  font-size: 1.7rem;
  line-height: 1.6;
  font-weight: 400;
  text-align: justify;
}

@media (max-width: 1199px) {
  .challenge_business .challenge_business_inner {
    grid-template-columns: minmax(22rem, 30rem) minmax(0, 1fr);
    gap: 5rem;
  }

  .challenge_business .challenge_business_list {
    column-gap: 4rem;
  }
}

@media (max-width: 1023px) {
  #wrap .business .content-body .section.core.challenge_business .section-wrap.section-u-banner {
    padding: 6.4rem 0;
  }

  .challenge_business .challenge_business_inner {
    display: block;
  }

  #wrap .business .content-body .section.core.challenge_business .section-wrap.section-u-banner .challenge_business_head .title {
    max-width: 52rem;
    font-size: 3.2rem;
  }

  .challenge_business .challenge_business_btn {
    margin-top: 2.4rem;
  }

  .challenge_business .challenge_business_list {
    margin-top: 5.6rem;
    row-gap: 4rem;
  }

  .challenge_business .challenge_business_title {
    font-size: 2rem;
  }

  #wrap .business .content-body .section.core.challenge_business .section-wrap.section-u-banner .challenge_business_desc {
    font-size: 1.6rem;
  }
}

@media (max-width: 767px) {
  #wrap .business .content-body .section.core.challenge_business .section-wrap.section-u-banner {
    padding: 5.6rem 0;
  }

  .challenge_business .challenge_business_list {
    grid-template-columns: 1fr;
    margin-top: 4.8rem;
    row-gap: 3.6rem;
  }

  .challenge_business .challenge_business_icon {
    width: 4.4rem;
    height: 4.4rem;
    margin-bottom: 1.6rem;
  }

  .challenge_business .challenge_business_btn {
    min-width: 18rem;
  }
}

@media (max-width: 1024px) {
  .marquee a {
    width: 157px;
  }
  .marqueelogo {
    height: 80px;
    max-width: 130px;
  }
  #footer .footer-inner .footer-body .section.info .section-wrap .section-body .data-list {
    width: 100%;
    flex-direction: column;
  }
  .py-8 {
    padding: 4rem 0 !important;
  }
  .title-section-service {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }
  .tg_content_industries_whychooseus .title-section-service {
    margin: 0 0 40px 0;
  }
  .tg_mb {
    display: inline-block;
  }

  .tg_pc {
    display: none;
  }
  .tg_content_industries_whychooseus_wrap {
    margin: 2rem 0 0 0;
  }
  .tg_content_industries_whychooseus_wrap_left {
    display: none;
  }
  .tg_content_industries_whychooseus_wrap_right {
    gap: 1.6rem;
    padding: 0;
    border: none;
  }
  .tg_content_industries_whychooseus_wrap_right_item_number {
    font-size: 10rem;
    line-height: 11rem;
    color: #7ebffd;
    font-weight: 700;
    font-style: normal;
    top: -1.5rem;
  }
  .tg_content_industries_whychooseus_wrap_right_item_tit {
    font-size: 2.2rem;
    line-height: 2.8rem;
    color: #1a1919;
    font-weight: 500;
    font-style: normal;
    margin: 4rem 0 0 0;
  }
  .tg_content_industries_whychooseus_wrap_right_item_desc {
    font-size: 1.6rem;
    line-height: 150%;
    color: #1a1919;
    font-weight: 300;
    font-style: normal;
  }
  #wrap .business .content-body .section.core .section-wrap.section-u-banner {
    padding: 4rem 0;
  }
  #wrap .business .content-body .section.core .section-wrap.section-u-banner p {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
  .tg_content_policy_sustainability.mt-8 {
    margin: 0;
  }
  .br_pc {
    display: none;
  }
  .br_mb {
    display: block;
  }
}