﻿@charset "UTF-8";
#header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  min-width: 1360px;
  background-color: transparent;
}
#header::after {
  content: "";
  display: none;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 1px;
  background-color: #c7c7c7;
}
#header > #section-aside {
  position: relative;
  height: 52px;
  background-color: #fa7319;
}
#header > #section-aside > .aside-content {
  height: 52px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 20px;
}
#header > #section-aside > .aside-content > .aside-text {
  line-height: 2.4rem;
  font-size: 1.6rem;
  font-weight: 500;
  color: #fff;
  letter-spacing: -0.032rem;
}
#header > #section-aside > .aside-content > .aside-button {
  padding: 3px 24px;
  background-color: transparent;
  border: solid 1px #fff;
  border-radius: 13.5px;
  line-height: 1.9rem;
  font-size: 1.3rem;
  font-weight: 500;
  color: #fff;
  letter-spacing: -0.026rem;
}
#header > #section-aside > .aside-stop {
  position: absolute;
  top: 14px;
  right: 92px;
  display: flex;
  align-items: center;
  column-gap: 6px;
}
#header > #section-aside > .aside-stop > .aside-check {
  display: block;
  width: 24px;
  height: 24px;
  background-image: url("/images/main/toggle_check_box-off.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
#header > #section-aside > .aside-stop > .aside-check:checked {
  background-image: url("/images/main/toggle_check_box-on.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
#header > #section-aside > .aside-stop > .aside-check-text {
  line-height: 2.4rem;
  font-size: 1.6rem;
  font-weight: 500;
  color: #fff;
  letter-spacing: -0.032rem;
}
#header > #section-aside > .aside-close {
  position: absolute;
  top: 14px;
  right: 20px;
  width: 24px;
  height: 24px;
  background-image: url("/images/main/ic_close.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
#header > #section-navigation {
  width: 1320px;
  margin: 0 auto;
  padding: 0 20px;
  display: grid;
  grid-template: 84px/1fr repeat(5, auto);
  align-items: center;
  gap: 0 144px;
}
#header > #section-navigation > .navigation-logo {
  width: 120px;
  height: 24px;
  margin: 30px 0;
  background-image: url("/images/main/t-on_logo_white.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
#header > #section-navigation > .navigation-box {
  position: relative;
}
#header > #section-navigation > .navigation-box > .navigation-sub {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 84px;
  line-height: 2.4rem;
  font-size: 1.8rem;
  font-weight: 500;
  color: #fff;
  letter-spacing: -0.036rem;
}
#header > #section-navigation > .navigation-box > .navigation-menu-box {
  box-sizing: border-box;
  display: none;
  position: absolute;
  top: 83px;
  left: 50%;
  z-index: 10;
  width: fit-content;
  margin: 0 0 0 -60px;
  padding: 16px 20px;
  background-color: #fff;
  border: solid 1px #c7c7c7;
  border-radius: 0 0 12px 12px;
  min-width: 120px;
  flex-direction: column;
  align-items: start;
  row-gap: 12px;
}
#header > #section-navigation > .navigation-box > .navigation-menu-box > .navigation-menu-list > .navigation-menu {
  line-height: 2rem;
  font-size: 1.4rem;
  color: #000;
  letter-spacing: -0.028rem;
  white-space: nowrap;
}
#header > #section-navigation > .navigation-box > .navigation-menu-box > .navigation-menu-list > .navigation-menu:hover {
  font-weight: 500;
  text-decoration: underline;
  text-underline-offset: 0.2rem;
}
#header > #section-navigation > .navigation-box > .navigation-menu-box > .navigation-menu-list > .navigation-menu.active {
  font-weight: 500;
  color: #6923af;
}
#header > #section-navigation > .navigation-box > .navigation-menu-box.flex {
  display: flex;
}
#header > #section-navigation > .language-box {
  position: absolute;
  right: 0;
  bottom: 0;
  width: calc((100% - 1360px) / 2);
  height: 84px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
#header > #section-navigation > .language-box > .language-select {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 0 20px;
}
#header > #section-navigation > .language-box > .language-select > .language-text {
  line-height: 2.4rem;
  font-size: 1.6rem;
  color: #9b9b9b;
}
#header > #section-navigation > .language-box > .language-select > .language-text.active {
  font-weight: 500;
  color: #fff;
}
#header > #section-navigation > .language-box > .language-select > .vertical-bar {
  width: 1px;
  height: 1rem;
  margin: 0.2rem 0 0;
  background-color: #c7c7c7;
}
#header.white {
  background-color: #fff;
}
#header.white > #section-navigation > .navigation-logo {
  background-image: url("/images/main//t-on_logo_purple.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
#header.white > #section-navigation > .navigation-box .navigation-sub {
  color: #000;
}
#header.white > #section-navigation > .navigation-box .navigation-sub:hover {
  color: #6923af;
}
#header.white > #section-navigation > .navigation-box.active > .navigation-sub {
  position: relative;
  color: #6923af;
}
#header.white > #section-navigation > .navigation-box.active > .navigation-sub::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: 1px;
  left: 0;
  height: 2px;
  background-color: #6923af;
}
#header.white > #section-navigation > .language-box > .language-select > .language-text.active {
  color: #000;
}
#header.white::after {
  display: block;
}

#main {
  /* 
  > #section-site {
      position:absolute;
      top:0;
      left:50%;
      margin-left:calc(760px - 37px);

      > .close-button {
          position:absolute;
          top:-2px;
          right:-2px;
      }

      &.fixed {
          position:fixed;
          top:unset;
          bottom:196px;
          margin-top:0;
      }

      > .site-button {
          display:inline-block;
      }
  }

  > #section-top {
      position:absolute;
      top:0;
      left:50%;
      margin-left:760px;

      > .top-button {
          @include box(80px, 80px, null, null, $white, null, 40px);
          @include text(22px, 18px, null, $black, -0.36px);
          font-family:Roboto;
          @include flex;
          flex-direction:column;
          row-gap:3px;
          box-shadow:0 1px 4px 0 rgba(0,0,0,0.16);

          &::before {
              content:"";
              display:block;
              @include box(24px, 24px, 13px 0 0);
              @include image("/images/main/ic_arrow_top_24px.svg");
          }
      }

      &.fixed {
          position:fixed;
          top:unset;
          bottom:70px;
          margin-top:0;
      }
  }

  > #section-search {
      > .section-content {
          @include box(1320px, null, 0 auto, 130px 20px 167px);
          text-align:center;

          > .search-image {
              @include box(auto, 64px);
          }

          > .search-title {
              margin:1.2rem 0 0.8rem;
              @include text(8.3rem, 5.6rem, 500, $color-main, -0.112rem);
          }
          > .search-text {
              @include text(3.6rem, 2.4rem, null, $gray-400, -0.048rem);
          }
          > .search-box {
              position: relative;
              @include box(840px, 80px, 40px auto 0);

              > .search-input {
                  box-sizing:border-box;
                  @include box(840px, 80px, 0, 22px 100px 22px 48px, null, solid 1px $gray-200, 40px);
                  @include text(2.8rem, 2.4rem, null, $black, -0.048rem);

                  &::-webkit-search-decoration,
                  &::-webkit-search-cancel-button,
                  &::-webkit-search-results-button,
                  &::-webkit-search-results-decoration {
                      display:none;
                  }

                  &::placeholder {
                      color:$gray-400;
                  }
              }
              > .search-button {
                  position: absolute;
                  top: 20px;
                  right: 48px;
                  @include box(40px, 40px);
                  @include image("/images/main/ic_search.svg");
              }
          }
      }
  }

  > #section-introduce {
      > .section-content {
          @include box(1320px, null, 0 auto, 350px 20px 280px);
          text-align:center;

          > .introduce-title {
              position:relative;
              display:inline-block;
              width:auto;
              margin-bottom:50px;
              text-align:center;
              @include text(8.3rem, 5.6rem, 500, $black, -0.112rem);

              > span {
                  position:absolute;
                  bottom:0.5rem;
                  left:7.4rem;
                  z-index:-1;
                  @include box(37.3rem, 2rem, null, null, $color-main-light, null, 1rem);

                  &::after {
                      content:"";
                      display:block;
                      position:absolute;
                      top:0;
                      right:-3.2rem;
                      bottom:0;
                      @include box(2rem, 2rem, null, null, inherit, null, 1rem);
                  }
              }
          }

          > .introduce-content {
              @include grid(220px 82px 56px / repeat(4, 330px), center, center);
              justify-items:center;

              > .introduce-sub {
                  margin:20px 0 12px;
                  @include text(5rem, 3.4rem, 500, $black, -0.068rem);
              }

              > .introduce-text {
                  text-align:center;
                  @include text(2.8rem, 1.8rem, null, $black, -0.036rem);
              }
          }
      }
  }

  > #section-service {
      > .section-content {
          @include box(1320px, null, 0 auto, 0 20px);
          @include grid(225px 84px 1fr / 660px 1fr, null, null, 18px 90px);

          > .service-image {
              grid-area: 1 / 1 / 4 / 2;
          }

          > .service-title {
              align-self:end;
              @include text(8.3rem, 5.6rem, 500, $black, -0.112rem);
          }

          > .service-text {
              @include text(2.8rem, 1.8rem, 500, null, -0.036rem);
          }

          > .service-button {
              box-sizing:border-box;
              @include box(200px, 50px, 22px 0 0, 11px 0 11px 20px, null, solid 1px $color-main, 12px);
              @include text(2.8rem, 1.8rem, null, $color-main, -0.036rem);
              @include image("/images/main/arrow_purple.svg", no-repeat, center right 17px, 36px);
          }
      }
  }

  > #section-guide {
      > .section-content {
          @include box(1320px, null, 0 auto, 200px 20px 350px);
          @include grid(225px 84px 1fr / 1fr 660px, null, null, 18px 90px);

          > .guide-image {
              grid-area: 1 / 2 / 4 / 3;
          }

          > .guide-title {
              align-self:end;
              margin-left:110px;
              @include text(8.3rem, 5.6rem, 500, $black, -0.112rem);
          }

          > .guide-text {
              margin-left:110px;
              @include text(2.8rem, 1.8rem, 500, null, -0.036rem);
          }

          > .guide-button {
              box-sizing:border-box;
              @include box(200px, 50px, 22px 0 0 110px, 11px 0 11px 20px, null, solid 1px $color-main, 12px);
              @include text(2.8rem, 1.8rem, null, $color-main, -0.036rem);
              @include image("/images/main/arrow_purple.svg", no-repeat, center right 17px, 36px);
          }
      }
  }

  > #section-youtube {
      background-color:$gray-100;

      > .section-content {
          @include box(1320px, null, 0 auto, 190px 20px);
          @include grid(83px 56px 1fr / 788px 460px, null, null, 18px 72px);

          > .youtube-box {
              grid-area: 1 / 1 / 4 / 2;
              height:443px;
              background-color:$gray-200;

              > div {
                  width:100%;
                  height:100%;
              }
          }

          > .youtube-title {
              justify-self:start;
              @include flex(center, $g:20px);
              padding-right:78px;
              @include text(8.3rem, 5.6rem, 500, $black, -0.112rem);
              @include image("/images/main/ic_youtube_62px.svg", no-repeat, center right, 6.2rem);

              &::before {
                  content:"";
                  display:block;
                  @include box(23rem, 4.6rem, 0.5rem 0 0);
                  @include image("/images/main/t-on_logo_purple.svg", $s:contain);
              }
          }

          > .youtube-text {
              @include text(2.8rem, 1.8rem, null, $black, -0.036rem);
          }

          > .youtube-list {
              margin-top:20px;
              border-top:solid 1px $gray-200;

              .youtube-empty {
                  padding:16px 0;
                  border-bottom:solid 1px $gray-200;
                  text-align:center;
                  @include text(2.7rem, 1.8rem, null, $black, -0.036rem);
              }

              .youtube-button {
                  width:100%;
                  padding:18px 0 14px;
                  background-color: transparent;
                  border-bottom:solid 1px $gray-200;
                  text-align:left;
                  vertical-align: baseline;
                  @include text(2.7rem, 1.8rem, null, $black, -0.036rem);
                  @include ellipsis();
              }

              > .list-active {
                  .youtube-button {
                      color:$color-main;
                  }
              }
          }
      }
  }
  */
}
#main > #section-slide > .section-content > .slide-slide .swiper-slide {
  width: 100vw;
  height: 100vh;
}
#main > #section-slide > .section-content > .slide-slide .swiper-slide > video, #main > #section-slide > .section-content > .slide-slide .swiper-slide img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#main > #section-slide > .section-content > .slide-slide .swiper-slide > .slide-text-box {
  position: absolute;
  right: 0;
  bottom: 244px;
  left: 0;
  z-index: 10;
  text-align: center;
}
#main > #section-slide > .section-content > .slide-slide .swiper-slide > .slide-text-box > .slide-title {
  line-height: 12.8rem;
  font-size: 8.6rem;
  font-weight: bold;
  color: #fff;
  letter-spacing: -0.172rem;
  word-break: keep-all;
}
#main > #section-slide > .section-content > .slide-slide .swiper-slide > .slide-text-box > .slide-text {
  margin-top: 12px;
  line-height: 4.1rem;
  font-size: 2.8rem;
  font-weight: 500;
  color: #fff;
  letter-spacing: -0.056rem;
  word-break: keep-all;
}
#main > #section-slide > .section-content > .slide-slide .swiper-slide::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 5;
  background-color: rgba(0, 0, 0, 0.2);
}
#main > #section-slide > .section-content > .slide-slide > .slide-custom-navigation {
  position: absolute;
  bottom: 150px;
  left: calc(50% - 100px);
  z-index: 10;
  width: 200px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 8px;
}
#main > #section-slide > .section-content > .slide-slide > .slide-custom-navigation > .slide-custom-button {
  width: 30px;
  height: 30px;
  margin: 0 4px;
}
#main > #section-slide > .section-content > .slide-slide > .slide-custom-navigation > .slide-custom-button.slide-custom-prev {
  background-image: url("/images/main/ic_arrow_white_left_24px.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
#main > #section-slide > .section-content > .slide-slide > .slide-custom-navigation > .slide-custom-button.slide-custom-next {
  background-image: url("/images/main/ic_arrow_white_right_24px.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
#main > #section-slide > .section-content > .slide-slide > .slide-custom-navigation > .slide-index {
  font-family: Roboto;
  line-height: 1.9rem;
  font-size: 1.6rem;
  font-weight: bold;
  color: #fff;
}
#main > #section-slide > .section-content > .slide-slide > .slide-custom-navigation > .slide-vertical-bar {
  width: 1px;
  height: 8px;
  background-color: #fff;
}
#main > #section-slide > .section-content > .slide-slide > .slide-scroll {
  position: absolute;
  bottom: 30px;
  left: calc(50% - 48px);
  z-index: 10;
  width: 96px;
  height: 96px;
}
#main > .main-section > .section-content {
  width: 1320px;
  margin: 0 auto;
  padding: 0 20px;
  text-align: center;
}
#main > .main-section > .section-content > .section-text {
  line-height: 5rem;
  font-size: 3.4rem;
  font-weight: 500;
  color: #707070;
  letter-spacing: -0.068rem;
}
#main > .main-section > .section-content > .section-title {
  line-height: 8.3rem;
  font-size: 5.6rem;
  font-weight: 500;
  color: #000;
  letter-spacing: -0.112rem;
}
#main > .main-section > .section-content > .section-title > b {
  position: relative;
  line-height: 8.3rem;
  font-size: 5.6rem;
  font-weight: bold;
  color: #000;
  letter-spacing: -0.112rem;
}
#main > .main-section > .section-content > .section-title > b > span {
  position: absolute;
  right: -0.8rem;
  bottom: 0.3rem;
  left: -0.8rem;
  z-index: 0;
  height: 2rem;
  background-color: rgba(156, 85, 227, 0.27);
  border-radius: 1rem;
}
#main > .main-section > .section-content > .section-title > b > span::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: -3.2rem;
  bottom: 0;
  width: 2rem;
  height: 2rem;
  background-color: inherit;
  border-radius: 1rem;
}
#main > #section-cate > .section-content {
  padding: 140px 20px 0;
}
#main > #section-cate > .section-content > .cate-title {
  margin: 12px 0 80px;
}
#main > #section-cate > .section-content > .cate-image {
  width: 100%;
}
#main > #section-cate > .section-content > .cate-list {
  display: grid;
  grid-template: auto/repeat(3, 1fr);
  align-items: start;
  justify-items: center;
  margin-top: 36px;
}
#main > #section-cate > .section-content > .cate-list > .cate-list-item > .cate-list-title {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 202px;
  height: 4.4rem;
  margin: 0 auto 16px;
  background-color: #eff1f6;
  border-radius: 2.2rem;
  line-height: 3.6rem;
  font-size: 2.4rem;
  font-weight: bold;
  color: #000;
  letter-spacing: -0.048rem;
}
#main > #section-cate > .section-content > .cate-list > .cate-list-item > .cate-list-text {
  line-height: 3rem;
  font-size: 2rem;
  font-weight: 500;
  color: #444141;
}
#main > #section-center > .section-content {
  padding: 180px 20px;
}
#main > #section-center > .section-content > .center-title {
  margin: 12px 0 70px;
}
#main > #section-center > .section-content > .center-list {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
#main > #section-center > .section-content > .center-list > .center-list-item {
  width: 290px;
  height: 100%;
  padding: 0 0 33px;
  background-color: #eff1f6;
  border-radius: 16px;
  overflow: hidden;
}
#main > #section-center > .section-content > .center-list > .center-list-item > .center-list-image {
  height: 181px;
}
#main > #section-center > .section-content > .center-list > .center-list-item > .center-list-image > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#main > #section-center > .section-content > .center-list > .center-list-item > .center-list-title {
  margin: 20px 0 10px;
  line-height: 3.7rem;
  font-size: 2.4rem;
  font-weight: bold;
  color: #000;
  letter-spacing: -0.048rem;
}
#main > #section-center > .section-content > .center-list > .center-list-item > .center-list-text {
  line-height: 2.8rem;
  font-size: 1.8rem;
  font-weight: 500;
  color: #444141;
  letter-spacing: -0.036rem;
}
#main > #section-result {
  background-image: linear-gradient(to bottom, #fbf8ff, #ead6ff);
}
#main > #section-result > .section-content {
  padding: 140px 20px 162px;
}
#main > #section-result > .section-content > .result-title {
  margin: 12px 0 72px;
}
#main > #section-result > .section-content > .result-image {
  display: inline-block;
  width: 100%;
  margin: 8px 0 160px;
}
#main > #section-result > .section-content > .result-percentage {
  display: grid;
  grid-template: 5rem 9.2rem/1fr 1fr;
  align-items: center;
  justify-items: center;
  gap: 0 23px;
  box-sizing: border-box;
  padding: 61px 0 63px;
  border-radius: 40px;
  background-image: url("/images/main/web_img_2-2@3x.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
#main > #section-result > .section-content > .result-percentage > h4 {
  line-height: 5rem;
  font-size: 3.4rem;
  font-weight: 500;
  color: #fff;
  letter-spacing: -0.068rem;
}
#main > #section-result > .section-content > .result-percentage > div {
  line-height: 9.2rem;
  font-family: Roboto;
  font-size: 8.4rem;
  color: #fdffb8;
  letter-spacing: -0.168rem;
}
#main > #section-review > .section-content {
  width: 100%;
  padding: 130px 0 150px;
  background-image: linear-gradient(to bottom, #994ce6, #9143de 26%, #7627c5);
  overflow: hidden;
}
#main > #section-review > .section-content > .review-text {
  color: #fff;
}
#main > #section-review > .section-content > .review-title {
  margin: 12px 0 87px;
  color: #fff;
}
#main > #section-review > .section-content > .review-title > b {
  font-weight: bold;
  color: #fff;
}
#main > #section-review > .section-content > .review-list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 8381px;
  animation-name: review;
  animation-duration: 30s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
@keyframes review {
  0% {
    margin-left: 0;
  }
  100% {
    margin-left: -4010px;
  }
}
#main > #section-review > .section-content > .review-list:hover {
  animation-play-state: paused;
}
#main > #section-review > .section-content > .review-list > .review-list-item {
  position: relative;
  width: 361px;
  height: 455px;
  border-radius: 20px;
  overflow: hidden;
}
#main > #section-review > .section-content > .review-list > .review-list-item > .review-list-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#main > #section-review > .section-content > .review-list > .review-list-item > .review-list-title {
  position: absolute;
  inset: 257px 0 auto 0;
  line-height: 5rem;
  font-size: 3.4rem;
  font-weight: bold;
  color: #000;
  letter-spacing: -0.068rem;
}
#main > #section-review > .section-content > .review-list > .review-list-item > .review-list-title > span {
  line-height: 5rem;
  font-size: 3.4rem;
  font-weight: bold;
  color: #6923af;
  letter-spacing: -0.068rem;
}
#main > #section-review > .section-content > .review-list > .review-list-item > .review-list-text {
  position: absolute;
  inset: 328px 21px auto 21px;
  line-height: 2.8rem;
  font-size: 2rem;
  font-weight: 500;
  color: #444141;
  letter-spacing: -0.08rem;
}
#main > #section-free > .section-content {
  width: 100%;
  padding: 140px 0;
}
#main > #section-free > .section-content > .free-title {
  margin: 12px 0 97px;
}
#main > #section-free > .section-content > .free-slide > .swiper-wrapper {
  margin-bottom: 96px;
}
#main > #section-free > .section-content > .free-slide > .swiper-wrapper > .swiper-slide > img {
  height: 587px;
}
#main > #section-free > .section-content > .free-slide > .swiper-pagination {
  bottom: 0;
  display: flex;
  justify-content: center;
  gap: 26px;
}
#main > #section-free > .section-content > .free-slide > .swiper-pagination > .swiper-pagination-custom {
  display: block;
  width: 16px;
  height: 16px;
  background-color: #e9e9e9;
  border-radius: 8px;
  transition-property: width background-color;
  transition-duration: 0.3s;
}
#main > #section-free > .section-content > .free-slide > .swiper-pagination > .swiper-pagination-custom.swiper-pagination-custom-active {
  width: 40px;
  background-color: #6923af;
}
#main > #section-free > .section-content > .free-slide > .swiper-button-prev {
  inset: 213px 50% auto auto;
  margin-right: 565px;
  width: 80px;
  height: 80px;
  background-image: url("/images/main/ic_web_left.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
#main > #section-free > .section-content > .free-slide > .swiper-button-prev::after {
  display: none;
}
#main > #section-free > .section-content > .free-slide > .swiper-button-next {
  inset: 213px auto auto 50%;
  margin-left: 565px;
  width: 80px;
  height: 80px;
  background-image: url("/images/main/ic_web_right.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
#main > #section-free > .section-content > .free-slide > .swiper-button-next::after {
  display: none;
}
#main > #section-service > .section-content {
  width: 100%;
  padding: 130px 0;
  background-color: #f5f6f8;
}
#main > #section-service > .section-content > .service-title {
  margin: 0 0 70px;
}
#main > #section-service > .section-content > .service-list {
  display: flex;
  justify-content: center;
  gap: 13px;
}
#main > #section-service > .section-content > .service-list > .service-list-item {
  width: 310px;
  height: 450px;
  background-color: #fff;
  border-radius: 30px;
}
#main > #section-service > .section-content > .service-list > .service-list-item > .service-list-image {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 269px;
}
#main > #section-service > .section-content > .service-list > .service-list-item > .service-list-title {
  margin-bottom: 12px;
  line-height: 5rem;
  font-size: 3.4rem;
  font-weight: bold;
  color: #000;
  letter-spacing: -0.068rem;
}
#main > #section-service > .section-content > .service-list > .service-list-item > .service-list-text {
  line-height: 3.6rem;
  font-size: 2.4rem;
  font-weight: 500;
  color: #000;
  letter-spacing: -0.048rem;
}
#main > #section-start > .section-content {
  padding: 180px 0 0;
}
#main > #section-start > .section-content > .start-title {
  margin: 12px 0 80px;
}
#main > #section-start > .section-content > .start-list {
  display: flex;
  justify-content: center;
  gap: 40px;
}
#main > #section-start > .section-content > .start-list > .start-list-item {
  box-sizing: border-box;
  width: 640px;
  padding: 27px 0 45px;
  background-color: #fff6f1;
  border-radius: 30px;
}
#main > #section-start > .section-content > .start-list > .start-list-item > .start-list-tag {
  line-height: 5rem;
  font-size: 3.4rem;
  font-weight: bold;
  color: #ff1111;
  letter-spacing: -0.068rem;
}
#main > #section-start > .section-content > .start-list > .start-list-item > .start-list-title {
  margin: 38px 0 10px;
  line-height: 5rem;
  font-size: 3.4rem;
  font-weight: bold;
  color: #000;
  letter-spacing: -0.068rem;
}
#main > #section-start > .section-content > .start-list > .start-list-item > .start-list-text {
  line-height: 3.6rem;
  font-size: 2.4rem;
  font-weight: 500;
  color: #707070;
  letter-spacing: -0.048rem;
}
#main > #section-start > .section-content > .start-list > .start-list-item > .start-list-image {
  display: block;
  height: 248px;
  margin: 90px auto 30px;
}
#main > #section-start > .section-content > .start-list > .start-list-item > .start-list-name {
  margin-bottom: 60px;
  line-height: 3.6rem;
  font-size: 2.4rem;
  font-weight: 500;
  color: #444141;
  letter-spacing: -0.048rem;
}
#main > #section-start > .section-content > .start-list > .start-list-item > .start-list-button {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
  width: 422px;
  height: 70px;
  margin: 0 auto;
  background-color: #ff8737;
  border-radius: 35px;
  line-height: 3.6rem;
  font-size: 2.4rem;
  font-weight: bold;
  color: #fff;
  letter-spacing: -0.048rem;
}
#main > #section-start > .section-content > .start-list > .start-list-item.start-list-vr {
  background-color: #f4eeff;
}
#main > #section-start > .section-content > .start-list > .start-list-item.start-list-vr > .start-list-tag {
  color: #6923af;
}
#main > #section-start > .section-content > .start-list > .start-list-item.start-list-vr > .start-list-image {
  height: 319px;
  margin: 59px auto 86px;
}
#main > #section-start > .section-content > .start-list > .start-list-item.start-list-vr > .start-list-button {
  background-color: #6923af;
}
#main > #section-start > .section-content > .start-list > .start-list-item.start-list-vr > .start-list-button::before {
  content: "";
  display: block;
  width: 118px;
  height: 24px;
  background-image: url("/images/main/logo_meta_white.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
#main > #section-faq > .section-content {
  width: 1320px;
  margin: 0 auto;
  padding: 220px 20px 144px;
  display: grid;
  grid-template: 83px 300px/1fr 1fr;
  align-items: center;
  gap: 50px 40px;
}
#main > #section-faq > .section-content > .faq-title {
  grid-area: 1/1/2/3;
  justify-self: center;
  position: relative;
  line-height: 8.3rem;
  font-size: 5.6rem;
  font-weight: 500;
  color: #000;
  letter-spacing: -0.112rem;
}
#main > #section-faq > .section-content > .faq-title > span {
  position: absolute;
  bottom: 0.3rem;
  right: 0;
  z-index: -1;
  width: 38.8rem;
  height: 2rem;
  background-color: rgba(156, 85, 227, 0.27);
  border-radius: 1rem;
}
#main > #section-faq > .section-content > .faq-title > span::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: -3.2rem;
  bottom: 0;
  width: 2rem;
  height: 2rem;
  background-color: inherit;
  border-radius: 1rem;
}
#main > #section-faq > .section-content > .faq-anchor {
  position: relative;
  box-sizing: border-box;
  height: 300px;
  padding: 40px;
  background-color: #eef0f4;
  border-radius: 20px;
  background-image: url("/images/main/ic_arrow_circle.svg");
  background-repeat: no-repeat;
  background-position: bottom 40px left 40px;
  background-size: 34px;
}
#main > #section-faq > .section-content > .faq-anchor > .faq-sub {
  line-height: 5rem;
  font-size: 3.4rem;
  font-weight: 500;
  color: #000;
  letter-spacing: -0.068rem;
}
#main > #section-faq > .section-content > .faq-anchor > .faq-text {
  margin-top: 22px;
  line-height: 2.8rem;
  font-size: 1.8rem;
  color: #000;
  letter-spacing: -0.036rem;
}
#main > #section-faq > .section-content > .faq-anchor > .faq-image {
  position: absolute;
  right: 35px;
  bottom: 35px;
}
#main > #section-news > .section-content {
  width: 1320px;
  margin: 0 auto;
  padding: 144px 20px 250px;
  display: grid;
  grid-template: 83px 428px/570px 680px;
  align-items: center;
  gap: 50px 70px;
}
#main > #section-news > .section-content > .news-title {
  position: relative;
  line-height: 8.3rem;
  font-size: 5.6rem;
  font-weight: 500;
  color: #000;
  letter-spacing: -0.112rem;
}
#main > #section-news > .section-content > .news-title > span {
  position: absolute;
  bottom: 0.3rem;
  left: 20.8rem;
  z-index: -1;
  width: 22.6rem;
  height: 2rem;
  background-color: rgba(156, 85, 227, 0.27);
  border-radius: 1rem;
}
#main > #section-news > .section-content > .news-title > span::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: -3.2rem;
  bottom: 0;
  width: 2rem;
  height: 2rem;
  background-color: inherit;
  border-radius: 1rem;
}
#main > #section-news > .section-content > .news-shortcut {
  justify-self: end;
  position: relative;
  padding-right: 52px;
  line-height: 2.7rem;
  font-size: 1.8rem;
  font-weight: 500;
  color: #000;
  letter-spacing: -0.036rem;
  background-image: url("/images/main/ic_arrow_black.svg");
  background-repeat: no-repeat;
  background-position: top 6px right 0.6rem;
  background-size: 3.6rem;
}
#main > #section-news > .section-content > .news-shortcut::after {
  content: "";
  display: block;
  position: absolute;
  top: 0.2rem;
  right: 0;
  z-index: -1;
  width: 2.4rem;
  height: 2.4rem;
  background-color: rgba(156, 85, 227, 0.27);
  border-radius: 3.5rem;
  transition-property: top, width, height;
  transition-duration: 0.3s;
}
#main > #section-news > .section-content > .news-shortcut:hover::after {
  top: -2.1rem;
  width: 7rem;
  height: 7rem;
}
#main > #section-news > .section-content > .news-slide {
  width: 100%;
  height: 100%;
  background-color: #c7c7c7;
  border-radius: 12px;
  overflow: hidden;
}
#main > #section-news > .section-content > .news-slide .swiper-slide {
  box-sizing: border-box;
}
#main > #section-news > .section-content > .news-slide .swiper-slide > img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#main > #section-news > .section-content > .news-slide .swiper-slide > .slide-text-box {
  position: absolute;
  right: 40px;
  bottom: 82px;
  left: 40px;
  z-index: 10;
}
#main > #section-news > .section-content > .news-slide .swiper-slide > .slide-text-box > .slide-date {
  margin-bottom: 10px;
  font-family: Roboto;
  line-height: 2.2rem;
  font-size: 1.8rem;
  font-weight: 500;
  color: #fff;
  letter-spacing: -0.036rem;
}
#main > #section-news > .section-content > .news-slide .swiper-slide > .slide-text-box > .slide-title {
  width: 100%;
  line-height: 3.6rem;
  font-size: 2.4rem;
  color: #fff;
  letter-spacing: -0.048rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#main > #section-news > .section-content > .news-slide .swiper-slide::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 5;
  background-color: rgba(0, 0, 0, 0.2);
}
#main > #section-news > .section-content > .news-slide > .swiper-pagination {
  bottom: 40px;
  left: 40px;
  width: auto;
  display: flex;
  gap: 0 8px;
}
#main > #section-news > .section-content > .news-slide > .swiper-pagination > .swiper-pagination-custom {
  display: block;
  width: 12px;
  height: 12px;
  background-color: #fff;
  border-radius: 6px;
}
#main > #section-news > .section-content > .news-slide > .swiper-pagination > .swiper-pagination-custom.swiper-pagination-custom-active {
  background-color: #6923af;
}
#main > #section-news > .section-content > .news-list {
  height: 100%;
  border-top: solid 2px #c7c7c7;
}
#main > #section-news > .section-content > .news-list .list-empty {
  height: 141px;
  border-bottom: solid 1px #c7c7c7;
  display: flex;
  justify-content: center;
  align-items: center;
}
#main > #section-news > .section-content > .news-list .list-empty > .list-title {
  line-height: 2.7rem;
  font-size: 1.8rem;
  font-weight: 500;
  color: #000;
  letter-spacing: -0.036rem;
}
#main > #section-news > .section-content > .news-list .list-anchor {
  display: grid;
  grid-template: 141px/120px 1fr;
  align-items: center;
  padding: 0 100px 0 30px;
  border-bottom: solid 1px #c7c7c7;
  background-image: url("/images/main/ic_arrow_black.svg");
  background-repeat: no-repeat;
  background-position: center right 37px;
  background-size: 36px;
}
#main > #section-news > .section-content > .news-list .list-anchor > .list-date {
  margin-top: 0.2rem;
  font-family: Roboto;
  line-height: 2.2rem;
  font-size: 1.8rem;
  font-weight: 500;
  color: #c7c7c7;
  letter-spacing: -0.036rem;
}
#main > #section-news > .section-content > .news-list .list-anchor > .list-title {
  width: 100%;
  line-height: 2.7rem;
  font-size: 1.8rem;
  font-weight: 500;
  color: #000;
  letter-spacing: -0.036rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#main > #section-subscribe {
  background-color: #f8efff;
}
#main > #section-subscribe > .section-content {
  width: 1320px;
  margin: 0 auto;
  padding: 33px 20px;
  display: grid;
  grid-template: 70px/70px 1fr repeat(4, 56px);
  align-items: center;
  gap: 0 16px;
}
#main > #section-subscribe > .section-content > .subscribe-text {
  text-align: left;
  line-height: 4.5rem;
  font-size: 3rem;
  font-weight: 500;
  color: #6923af;
  letter-spacing: -0.06rem;
}
#main > #section-subscribe > .section-content > a {
  width: 56px;
  height: 56px;
  background-image: url("");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
#main > #section-subscribe > .section-content > a.subscribe-facebook {
  grid-area: 1/4/2/5;
  background-image: url(/images/main/btn_facebook.svg);
}
#main > #section-subscribe > .section-content > a.subscribe-youtube {
  grid-area: 1/5/2/6;
  background-image: url(/images/main/btn_youtube.svg);
}
#main > #section-subscribe > .section-content > a.subscribe-insta {
  grid-area: 1/6/2/7;
  background-image: url(/images/main/btn_insta.svg);
}
#main > #section-subscribe > .section-content > a.subscribe-kakao {
  background-image: url(/images/main/btn_kakao.svg);
}
#main > #section-app {
  background-color: #6923af;
}
#main > #section-app > .section-content {
  width: 1320px;
  margin: 0 auto;
  padding: 95px 20px;
  display: grid;
  grid-template: 138px 90px 1fr/1fr 392px;
  gap: 16px 0;
}
#main > #section-app > .section-content > .app-title {
  align-self: end;
  line-height: 8.3rem;
  font-size: 5.6rem;
  font-weight: 500;
  color: #fff;
  letter-spacing: -0.112rem;
}
#main > #section-app > .section-content > .app-text {
  line-height: 2.8rem;
  font-size: 1.8rem;
  color: #fff;
  letter-spacing: -0.036rem;
}
#main > #section-app > .section-content > .app-download {
  display: flex;
  align-items: center;
  column-gap: 20px;
}
#main > #section-app > .section-content > .app-download > .app-download-anchor {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 12px;
  box-sizing: border-box;
  width: 229px;
  height: 66px;
  padding: 13px 0 14px;
  background-color: rgba(255, 255, 255, 0.3);
  border: solid 3px #fff;
  border-radius: 33px;
  line-height: 3.3rem;
  font-size: 2.2rem;
  font-weight: 500;
  color: #fff;
}
#main > #section-app > .section-content > .app-download > .app-download-anchor::before {
  content: "";
  display: block;
  width: 32px;
  height: 32px;
  background-image: url("");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
#main > #section-app > .section-content > .app-download > .app-download-anchor.google::before {
  background-image: url(/images/main/ic_googleplay_32px.png);
}
#main > #section-app > .section-content > .app-download > .app-download-anchor.apple {
  font-weight: bold;
}
#main > #section-app > .section-content > .app-download > .app-download-anchor.apple::before {
  background-image: url(/images/main/ic_apple_32px.svg);
}
#main > #section-app > .section-content > .app-qr {
  grid-area: 1/2/4/3;
  box-sizing: border-box;
  width: 392px;
  height: 392px;
  padding: 49px 0 60px;
  background-color: #fff;
  border-radius: 20px;
  text-align: center;
}
#main > #section-app > .section-content > .app-qr > .app-qr-text {
  margin-top: 27px;
  line-height: 2.8rem;
  font-size: 1.8rem;
  color: #9b9b9b;
  letter-spacing: -0.036rem;
}

html[lang=en] #main > #section-center > .section-content > .center-list > .center-list-item {
  box-sizing: border-box;
  height: 402px;
}
html[lang=en] #main > #section-service > .section-content > .service-list > .service-list-item {
  height: 546px;
}

html[lang=jn] #main > #section-review > .section-content > .review-list > .review-list-item > .review-list-title {
  line-height: 4rem;
  font-size: 2.6rem;
}
html[lang=jn] #main > #section-review > .section-content > .review-list > .review-list-item > .review-list-title > span {
  line-height: 4rem;
  font-size: 2.6rem;
}
html[lang=jn] #main > #section-review > .section-content > .review-list > .review-list-item > .review-list-text {
  top: 310px;
  line-height: 2.4rem;
  font-size: 1.8rem;
}
html[lang=jn] #main > #section-service > .section-content > .service-list > .service-list-item {
  height: 500px;
}
html[lang=jn] #main > #section-news > .section-content > .news-title {
  white-space: nowrap;
}
html[lang=jn] #main > #section-news > .section-content > .news-title > span {
  left: auto;
  right: -4rem;
  width: 23rem;
}

main:not(#main) {
  padding-top: 84px;
}
main:not(#main).is-aside {
  padding-top: 136px;
}
main:not(#main) > #section-header > .section-content {
  width: 1320px;
  margin: 0 auto;
  padding: 0 20px;
  display: flex;
  align-items: center;
  flex-direction: column;
  row-gap: 14px;
  text-align: center;
}
main:not(#main) > #section-header > .section-content > .header-title {
  line-height: 3.6rem;
  font-size: 2.4rem;
  font-weight: 500;
  color: #6923af;
  letter-spacing: -0.048rem;
}
main:not(#main) > #section-header > .section-content > .header-text {
  line-height: 6.2rem;
  font-size: 4.2rem;
  font-weight: 500;
  color: #000;
  letter-spacing: -0.084rem;
}
main:not(#main) > #section-header > .section-content > .header-tab {
  margin-top: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 12px;
}
main:not(#main) > #section-header > .section-content > .header-tab > .header-tab-button {
  box-sizing: border-box;
  min-width: 138px;
  width: fit-content;
  height: 59px;
  padding: 0 20px;
  background-color: #fff;
  border: solid 1.5px #000;
  border-radius: 29.5px;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 2.7rem;
  font-size: 1.8rem;
  font-weight: 500;
  color: #000;
  letter-spacing: -0.036rem;
}
main:not(#main) > #section-header > .section-content > .header-tab > .header-tab-button.active {
  background-color: #000;
  color: #fff;
}
main:not(#main) #section-button > .section-content {
  width: 1320px;
  margin: 0 auto;
}
main:not(#main) #section-button > .section-content > .button-standard {
  box-sizing: border-box;
  width: fit-content;
  height: 59px;
  margin: 0 auto;
  padding: 0 17px 0 27px;
  background-color: #fff;
  border: solid 2px #6923af;
  border-radius: 29.5px;
  min-width: 198px;
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 4px;
  line-height: 2.7rem;
  font-size: 1.8rem;
  font-weight: bold;
  color: #6923af;
  letter-spacing: -0.036rem;
}
main:not(#main) #section-button > .section-content > .button-standard::after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background-image: url("/images/sub/ic_navigation_arrow_right.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
main:not(#main) #section-popup {
  position: fixed;
  top: 30vh;
  left: 50vw;
  box-sizing: border-box;
  width: 430px;
  height: 450px;
  padding: 44px 0;
  background-color: #fff;
  border-radius: 20px;
  margin-left: -215px;
  text-align: center;
  box-shadow: 0 0 6px 0 #b7b7b7;
}
main:not(#main) #section-popup > .popup-close {
  position: absolute;
  top: 18px;
  right: 18px;
  width: 24px;
  height: 24px;
  background-image: url("/images/sub/ic_close_black.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
main:not(#main) #section-popup > .popup-title {
  margin: 22px 0 19px;
  line-height: 3.5rem;
  font-size: 2.4rem;
  font-weight: 500;
  color: #000;
}
main:not(#main) #section-popup > .popup-text {
  line-height: 2.6rem;
  font-size: 1.7rem;
  color: #777;
}
main:not(#main) #section-popup > .popup-text > strong {
  line-height: inherit;
  font-size: inherit;
  font-weight: inherit;
  color: #000;
}
main:not(#main) #section-popup > .popup-button {
  box-sizing: border-box;
  display: inline-block;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 178px;
  height: 50px;
  margin: 46px auto 0;
  background-color: #6923af;
  border-radius: 25px;
  line-height: 2.7rem;
  font-size: 1.8rem;
  font-weight: 500;
  color: #fff;
}
main:not(#main) #section-popup2 {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: flex;
  justify-content: center;
  align-items: center;
}
main:not(#main) #section-popup2 > .section-back {
  position: fixed;
  inset: 0;
  z-index: -1;
  background-color: #000;
  opacity: 0.5;
}
main:not(#main) #section-popup2 > .section-content {
  position: relative;
}
main:not(#main) #section-popup2 > .section-content > .popup-close {
  position: absolute;
  inset: 18px 18px auto auto;
  width: 24px;
  height: 24px;
  background-image: url("/images/sub/ic_close_black.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
main:not(#main) #section-popup2 > .section-content > .popup-image {
  width: 520px;
}
main:not(#main) > .submit-wrapper > .form-section > .section-content {
  box-sizing: border-box;
  width: 1320px;
  margin: 0 auto;
  padding: 0 60px;
  display: grid;
  grid-template: auto/259px 1fr;
  justify-content: start;
  align-items: start;
}
main:not(#main) > .submit-wrapper > .form-section > .section-content > .form-title {
  line-height: 2.9rem;
  font-size: 2rem;
  font-weight: bold;
  color: #000;
  letter-spacing: -0.04rem;
}
main:not(#main) > .submit-wrapper > .form-section > .section-content > .form-content > .form-notice {
  margin-bottom: 19px;
  line-height: 2.8rem;
  font-size: 1.8rem;
  color: #000;
  letter-spacing: -0.036rem;
}
main:not(#main) > .submit-wrapper > .form-section > .section-content > .form-content > .form-hr {
  height: 2px;
  background-color: #000;
}
main:not(#main) > .submit-wrapper > .form-section > .section-content > .form-content > .form-row {
  display: grid;
  grid-template: auto/189px 1fr;
  justify-content: start;
  align-items: start;
  gap: 14px 0;
  margin-top: 18px;
}
main:not(#main) > .submit-wrapper > .form-section > .section-content > .form-content > .form-row > .form-key {
  display: flex;
  align-items: center;
  margin-top: 10px;
  line-height: 2.7rem;
  font-size: 1.8rem;
  font-weight: 500;
  color: #000;
}
main:not(#main) > .submit-wrapper > .form-section > .section-content > .form-content > .form-row > .form-key.required::after {
  content: "(필수)";
  display: block;
  margin-left: 8px;
  line-height: 2rem;
  font-size: 1.4rem;
  font-weight: 500;
  color: #6923af;
}
main:not(#main) > .submit-wrapper > .form-section > .section-content > .form-content > .form-row > .form-key.required.en::after {
  content: "(required)";
  padding-right: 10px;
}
main:not(#main) > .submit-wrapper > .form-section > .section-content > .form-content > .form-row > .form-key.required.jn::after {
  content: "(必須)";
  padding-right: 10px;
}
main:not(#main) > .submit-wrapper > .form-section > .section-content > .form-content > .form-row > .form-file {
  display: grid;
  grid-template: 56px/1fr 113px;
  align-items: center;
  column-gap: 11px;
  margin-top: 7px;
}
main:not(#main) > .submit-wrapper > .form-section > .section-content > .form-content > .form-row > .form-file > .file-box {
  padding: 16px 18px;
  background-color: #eef0f4;
  line-height: 2.4rem;
  font-size: 1.6rem;
  color: #777;
  letter-spacing: -0.032rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
main:not(#main) > .submit-wrapper > .form-section > .section-content > .form-content > .form-row > .form-explanation {
  grid-area: 2/2/3/3;
  line-height: 2rem;
  font-size: 1.4rem;
  color: #777;
  letter-spacing: -0.028rem;
}
main:not(#main) > .submit-wrapper > .form-section > .section-content > .form-content > .form-row > .form-hp {
  display: grid;
  grid-template: 56px/1fr auto 1fr auto 1fr 113px;
  align-items: center;
  column-gap: 11px;
}
main:not(#main) > .submit-wrapper > .form-section > .section-content > .form-content > .form-row > .form-hp > span {
  display: inline-block;
  padding: 0 7px;
  font-size: 2rem;
}
main:not(#main) > .submit-wrapper > .form-section > .section-content > .form-content > .form-row > .form-hp-auth {
  grid-area: 2/2/3/3;
  display: grid;
  grid-template: 56px/1fr 113px;
  align-items: center;
  column-gap: 11px;
}
main:not(#main) > .submit-wrapper > .form-section > .section-content > .form-content > .form-row > .form-hp-auth + .form-explanation {
  grid-area: 3/2/4/3;
}
main:not(#main) > .submit-wrapper > .form-section > .section-content > .form-content > .form-row > .form-email {
  display: grid;
  grid-template: auto/316fr auto 190fr 228px;
  align-items: center;
}
main:not(#main) > .submit-wrapper > .form-section > .section-content > .form-content > .form-row > .form-email > span {
  display: inline-block;
  padding: 0 10px;
  border-bottom: solid 1px #c7c7c7;
  line-height: 5.5rem;
  font-size: 2rem;
}
main:not(#main) > .submit-wrapper > .form-section > .section-content > .form-content > .form-row > .form-email > .select-box {
  margin-left: 42px;
}
main:not(#main) > .submit-wrapper > .form-section > .section-content > .form-content > .form-row > .form-email > .select-box > .select-box-title {
  padding-left: 10px;
}
main:not(#main) > .submit-wrapper > .form-section > .section-content > .form-content > .form-row > .form-fax {
  display: grid;
  grid-template: 56px/1fr auto 1fr auto 1fr;
  align-items: center;
  column-gap: 11px;
}
main:not(#main) > .submit-wrapper > .form-section > .section-content > .form-content > .form-row > .form-fax > span {
  display: inline-block;
  padding: 0 7px;
  font-size: 2rem;
}
main:not(#main) > .submit-wrapper > .form-section > .section-content > .form-content > .form-row input {
  border-radius: 0;
}
main:not(#main) > .submit-wrapper > .form-section > .section-content > .form-content > .form-row input[type=text], main:not(#main) > .submit-wrapper > .form-section > .section-content > .form-content > .form-row input[type=number] {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 56px;
  margin: 0;
  padding: 0;
  border: none;
  border-bottom: solid 1px #c7c7c7;
  line-height: 2.4rem;
  font-size: 1.6rem;
}
main:not(#main) > .submit-wrapper > .form-section > .section-content > .form-content > .form-row input[type=text]:focus, main:not(#main) > .submit-wrapper > .form-section > .section-content > .form-content > .form-row input[type=number]:focus {
  border-bottom: solid 1px #6923af;
  color: #6923af;
}
main:not(#main) > .submit-wrapper > .form-section > .section-content > .form-content > .form-row input[type=number] {
  text-align: center;
}
main:not(#main) > .submit-wrapper > .form-section > .section-content > .form-content > .form-row input[type=number]::-webkit-outer-spin-button, main:not(#main) > .submit-wrapper > .form-section > .section-content > .form-content > .form-row input[type=number]::-webkit-inner-spin-button {
  appearance: none;
  margin: 0;
}
main:not(#main) > .submit-wrapper > .form-section > .section-content > .form-content > .form-row input:not([type=checkbox]):focus {
  outline: none;
}
main:not(#main) > .submit-wrapper > .form-section > .section-content > .form-content > .form-row input::placeholder {
  color: #9b9b9b;
}
main:not(#main) > .submit-wrapper > .form-section > .section-content > .form-content > .form-row textarea {
  box-sizing: border-box;
  width: 100%;
  height: 272px;
  padding: 13px 0;
  border-bottom: solid 1px #c7c7c7;
  resize: none;
  font-family: inherit;
  line-height: 3.1rem;
  font-size: 1.6rem;
  color: #000;
  letter-spacing: -0.032rem;
}
main:not(#main) > .submit-wrapper > .form-section > .section-content > .form-content > .form-row textarea::placeholder {
  line-height: 3.1rem;
  font-size: 1.6rem;
  color: #777;
  letter-spacing: -0.032rem;
}
main:not(#main) > .submit-wrapper > .form-section > .section-content > .form-content > .form-row textarea:focus {
  border-bottom: solid 1px #6923af;
  outline: none;
}
main:not(#main) > .submit-wrapper > .form-section > .section-content > .form-content > .form-row textarea:focus::placeholder {
  color: #6923af;
}
main:not(#main) > .submit-wrapper > .form-section > .section-content > .form-content > .form-row .select-box {
  position: relative;
}
main:not(#main) > .submit-wrapper > .form-section > .section-content > .form-content > .form-row .select-box > .select-box-title {
  position: relative;
  border-bottom: solid 1px #c7c7c7;
  width: 100%;
  height: 56px;
  text-align: left;
  line-height: 2.4rem;
  font-size: 1.6rem;
  color: #777;
  letter-spacing: -0.032rem;
}
main:not(#main) > .submit-wrapper > .form-section > .section-content > .form-content > .form-row .select-box > .select-box-title::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 19px;
  right: 10px;
  width: 24px;
  height: 24px;
  background-image: url("/images/sub/expand_more_24px.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
main:not(#main) > .submit-wrapper > .form-section > .section-content > .form-content > .form-row .select-box > .select-box-title:focus {
  outline: none;
  border-bottom: solid 1px #6923af;
  color: #6923af;
}
main:not(#main) > .submit-wrapper > .form-section > .section-content > .form-content > .form-row .select-box > .select-box-option {
  position: absolute;
  top: 55px;
  right: 0;
  left: 0;
  z-index: 10;
  display: none;
  background-color: #fff;
  border: solid 1px #6923af;
}
main:not(#main) > .submit-wrapper > .form-section > .section-content > .form-content > .form-row .select-box > .select-box-option > .select-box-option-button {
  display: block;
  width: 100%;
  height: 40px;
  padding: 8px 18px;
  text-align: left;
  line-height: 2.4rem;
  font-size: 1.6rem;
  color: #444;
}
main:not(#main) > .submit-wrapper > .form-section > .section-content > .form-content > .form-row .select-box > .select-box-option > .select-box-option-button.active, main:not(#main) > .submit-wrapper > .form-section > .section-content > .form-content > .form-row .select-box > .select-box-option > .select-box-option-button:hover {
  background-color: #6923af;
  color: #fff;
}
main:not(#main) > .submit-wrapper > .form-section > .section-content > .form-content > .form-row .select-box.active > .select-box-title::after {
  background-image: url(/images/sub/expand_less_24px.svg);
}
main:not(#main) > .submit-wrapper > .form-section > .section-content > .form-content > .form-row .form-button {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 16px 0;
  background-color: #fff;
  border: solid 1px #c7c7c7;
  line-height: 2.4rem;
  font-size: 1.6rem;
  color: #000;
}
main:not(#main) > .submit-wrapper > .form-section > .section-content > .form-content > .form-row .form-button:hover {
  background-color: #c7c7c7 !important;
  border: solid 1px #c7c7c7 !important;
  color: #fff !important;
}
main:not(#main) > .submit-wrapper > .form-section > .section-content > .form-content > .form-row .form-button:focus {
  outline: none;
  border: solid 1px #6923af;
  color: #6923af;
}
main:not(#main) > .submit-wrapper > .form-section > .section-content > .form-content > .form-row .form-button > .form-hp-auth-time {
  display: inline-block;
  position: absolute;
  top: 14px;
  right: 122px;
  width: 100px;
  text-align: right;
  line-height: 2.4rem;
  font-size: 1.6rem;
  color: #6923af;
}
main:not(#main) > .submit-wrapper > .form-section > .section-content > .form-content > .form-row .form-button > .form-hp-auth-time > span {
  line-height: inherit;
  font-size: inherit;
}
main:not(#main) > .submit-wrapper > .form-section > .section-content > .form-content > .form-paragraph {
  line-height: 3rem;
  font-size: 1.6rem;
  color: #444;
  letter-spacing: -0.032rem;
}
main:not(#main) > .submit-wrapper > .form-section > .section-content > .form-content > .form-hr-gray {
  height: 1px;
  margin: 15px 0 23px;
  background-color: #ebebeb;
}
main:not(#main) > .submit-wrapper > .form-section > .section-content > .form-content > .form-checkbox {
  display: flex;
  align-items: center;
  width: fit-content;
  column-gap: 8px;
}
main:not(#main) > .submit-wrapper > .form-section > .section-content > .form-content > .form-checkbox > .input-checkbox {
  width: 24px;
  height: 24px;
  border-radius: 12px;
  background-image: url("/images/sub/toggle_check_box-off.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
main:not(#main) > .submit-wrapper > .form-section > .section-content > .form-content > .form-checkbox > .input-checkbox:checked {
  background-image: url(/images/sub/toggle_check_box_full-on.svg);
}
main:not(#main) > .submit-wrapper > .form-section > .section-content > .form-content > .form-checkbox > .checkbox-text {
  display: flex;
  align-items: center;
  width: auto;
  line-height: 2.7rem;
  font-size: 1.8rem;
  font-weight: 500;
  color: #000;
  letter-spacing: -0.036rem;
}
main:not(#main) > .submit-wrapper > .form-section > .section-content > .form-content > .form-checkbox > .checkbox-text::after {
  content: "(필수)";
  display: block;
  margin-left: 8px;
  line-height: 2rem;
  font-size: 1.4rem;
  font-weight: 500;
  color: #6923af;
}
main:not(#main) > .submit-wrapper > .form-section > .section-content > .form-content > .form-checkbox > .checkbox-text.en::after {
  content: "(required)";
}
main:not(#main) > .submit-wrapper > .form-section > .section-content > .form-content > .form-checkbox > .checkbox-text.jn::after {
  content: "(必須)";
}
main:not(#main) > .submit-wrapper > .form-section#section-company {
  margin-top: 122px;
}
main:not(#main) > .submit-wrapper > .form-section#section-privacy {
  margin-top: 130px;
}
main:not(#main) > .submit-wrapper > .form-section#section-notice {
  margin-top: 122px;
}
main:not(#main) > .submit-wrapper #section-button {
  margin-top: 145px;
}
main:not(#main) #section-list.list-section > .section-content {
  width: 1200px;
  margin: 0 auto;
}
main:not(#main) #section-list.list-section > .section-content > .list-table {
  border-top: solid 2px #000;
}
main:not(#main) #section-list.list-section > .section-content > .list-table > .list-row {
  display: grid;
  grid-template: 94px/100px 160px 1fr 240px;
  align-items: center;
  column-gap: 30px;
  border-bottom: solid 2px #c7c7c7;
}
main:not(#main) #section-list.list-section > .section-content > .list-table > .list-row.list-header {
  grid-template-rows: 70px;
}
main:not(#main) #section-list.list-section > .section-content > .list-table > .list-row.list-header > .list-type {
  text-align: center;
  line-height: 2.7rem;
  font-size: 1.8rem;
  font-weight: normal;
  color: #000;
}
main:not(#main) #section-list.list-section > .section-content > .list-table > .list-row.list-content > .list-status {
  width: 100px;
  height: 40px;
  border-radius: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 2.7rem;
  font-size: 1.8rem;
  font-weight: 500;
}
main:not(#main) #section-list.list-section > .section-content > .list-table > .list-row.list-content > .list-status.status-wait {
  background-color: #eaf7fc;
  color: #00b9dc;
}
main:not(#main) #section-list.list-section > .section-content > .list-table > .list-row.list-content > .list-status.status-progress {
  background-color: #e5faee;
  color: #00c563;
}
main:not(#main) #section-list.list-section > .section-content > .list-table > .list-row.list-content > .list-status.status-end {
  background-color: #f3f3f3;
  color: #777;
}
main:not(#main) #section-list.list-section > .section-content > .list-table > .list-row.list-content > .list-date {
  margin-top: 2px;
  text-align: center;
  font-family: Roboto;
  line-height: 2.2rem;
  font-size: 1.8rem;
  color: #777;
}
main:not(#main) #section-list.list-section > .section-content > .list-table > .list-row.list-content > .list-title {
  padding: 0 5px;
  line-height: 2.9rem;
  font-size: 2rem;
  font-weight: normal;
  color: #000;
}
main:not(#main) #section-list.list-section > .section-content > .list-table > .list-row.list-content > .list-manage {
  display: grid;
  grid-template: 56px/114px 114px;
  align-items: center;
  column-gap: 12px;
}
main:not(#main) #section-list.list-section > .section-content > .list-table > .list-row.list-content > .list-manage > .list-button {
  box-sizing: border-box;
  display: inline-block;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 114px;
  height: 56px;
  border: solid 1px #c7c7c7;
  line-height: 2.4rem;
  font-size: 1.6rem;
  color: #000;
}
main:not(#main) #section-list.list-section > .section-content > .list-table > .list-row.list-empty {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 94px;
  line-height: 2.9rem;
  font-size: 2rem;
  font-weight: normal;
  color: #000;
}
main:not(#main)#sub01.menu01 .section-content {
  text-align: center;
}
main:not(#main)#sub01.menu01 .section-content > .section-title {
  line-height: 6.2rem;
  font-size: 4.2rem;
  font-weight: 500;
  color: #000;
  letter-spacing: -0.084rem;
}
main:not(#main)#sub01.menu01 .section-content > .section-title > b {
  line-height: 6.2rem;
  font-size: 4.2rem;
  font-weight: bold;
  color: #fa7319;
  letter-spacing: -0.084rem;
}
main:not(#main)#sub01.menu01 .section-content > .section-text {
  line-height: 3.6rem;
  font-size: 2.4rem;
  color: #000;
  letter-spacing: -0.048rem;
}
main:not(#main)#sub01.menu01 > #section-01 > .section-content {
  position: relative;
  padding-top: 125px;
  background-image: url("/images/sub/img_2-2.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
main:not(#main)#sub01.menu01 > #section-01 > .section-content > .section-menu {
  line-height: 3.6rem;
  font-size: 2.4rem;
  font-weight: 500;
  color: #6923af;
  letter-spacing: -0.048rem;
}
main:not(#main)#sub01.menu01 > #section-01 > .section-content > .section-title {
  margin: 14px 0;
}
main:not(#main)#sub01.menu01 > #section-01 > .section-content > .section-group {
  position: absolute;
  top: 358px;
  left: 50%;
  margin-left: -156px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
}
main:not(#main)#sub01.menu01 > #section-01 > .section-content > .section-group > * {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 60px;
  background-color: #fff;
  border-radius: 30px;
  line-height: 2.9rem;
  font-size: 2rem;
  color: #000;
  letter-spacing: -0.04rem;
}
main:not(#main)#sub01.menu01 > #section-01 > .section-content > .section-group > *.section-anchor {
  border: solid 1px #c7c7c7;
}
main:not(#main)#sub01.menu01 > #section-01 > .section-content > .section-group > *.section-button {
  background-color: #6923af;
  color: #fff;
}
main:not(#main)#sub01.menu01 > #section-01 > .section-content > .section-image {
  margin-top: 40px;
}
main:not(#main)#sub01.menu01 > #section-02 {
  background-color: #f8efff;
}
main:not(#main)#sub01.menu01 > #section-02 > .section-content {
  width: 1320px;
  margin: 0 auto;
  padding: 100px 0 110px;
}
main:not(#main)#sub01.menu01 > #section-02 > .section-content > .section-text {
  margin: 14px 0 60px;
}
main:not(#main)#sub01.menu01 > #section-02 > .section-content > .section-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
main:not(#main)#sub01.menu01 > #section-02 > .section-content > .section-info > .section-info-unit {
  box-sizing: border-box;
  width: 240px;
  height: 344px;
  padding: 30px 0 0;
  background-color: #fff;
  border-radius: 12px;
}
main:not(#main)#sub01.menu01 > #section-02 > .section-content > .section-info > .section-info-unit > .section-info-title {
  margin: 18px 0 14px;
  line-height: 3.6rem;
  font-size: 2.4rem;
  font-weight: 500;
  color: #000;
  letter-spacing: -0.084rem;
}
main:not(#main)#sub01.menu01 > #section-02 > .section-content > .section-info > .section-info-unit > .section-info-text {
  line-height: 2.5rem;
  font-size: 1.6rem;
  color: #000;
  letter-spacing: -0.032rem;
}
main:not(#main)#sub01.menu01 > #section-03 > .section-content {
  width: 1320px;
  margin: 0 auto;
  padding: 128px 0 259px;
}
main:not(#main)#sub01.menu01 > #section-03 > .section-content > .section-title {
  color: #6923af;
}
main:not(#main)#sub01.menu01 > #section-03 > .section-content > .section-text {
  margin: 14px 0 128px;
}
main:not(#main)#sub01.menu01 > #section-03 > .section-content > .section-info-unit {
  text-align: left;
}
main:not(#main)#sub01.menu01 > #section-03 > .section-content > .section-info-unit > .section-info-title {
  align-self: end;
  line-height: 6.2rem;
  font-size: 4.2rem;
  font-weight: 500;
  color: #000;
  letter-spacing: -0.084rem;
}
main:not(#main)#sub01.menu01 > #section-03 > .section-content > .section-info-unit > .section-info-text {
  line-height: 2.8rem;
  font-size: 1.8rem;
  font-weight: 500;
  color: #000;
  letter-spacing: -0.036rem;
}
main:not(#main)#sub01.menu01 > #section-03 > .section-content > .section-info-unit.adventure {
  display: grid;
  grid-template: 199px 177px/660px 570px;
  gap: 24px 90px;
}
main:not(#main)#sub01.menu01 > #section-03 > .section-content > .section-info-unit.adventure > .section-info-image {
  grid-area: 1/1/3/2;
}
main:not(#main)#sub01.menu01 > #section-03 > .section-content > .section-info-unit.fitness {
  margin: 200px 0;
  display: grid;
  grid-template: 209px 167px/570px 660px;
  gap: 24px 90px;
}
main:not(#main)#sub01.menu01 > #section-03 > .section-content > .section-info-unit.fitness > .section-info-image {
  grid-area: 1/2/3/3;
}
main:not(#main)#sub01.menu01 > #section-03 > .section-content > .section-info-unit.meditation {
  display: grid;
  grid-template: 222px 154px/660px 570px;
  gap: 24px 90px;
}
main:not(#main)#sub01.menu01 > #section-03 > .section-content > .section-info-unit.meditation > .section-info-image {
  grid-area: 1/1/3/2;
}
main:not(#main)#sub01.menu01 #section-04 {
  background-color: #f8efff;
}
main:not(#main)#sub01.menu01 #section-04 > .section-content {
  position: relative;
  width: 1320px;
  margin: 0 auto;
  padding: 68px 0;
}
main:not(#main)#sub01.menu01 #section-04 > .section-content > .section-title-box {
  position: absolute;
  top: -39px;
  left: 50%;
  width: 424px;
  height: 78px;
  margin: 0 0 0 -212px;
  background-color: #6923af;
  border-radius: 39px;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 5rem;
  font-size: 3.4rem;
  font-weight: 500;
  color: #fff;
  letter-spacing: -0.068rem;
}
main:not(#main)#sub01.menu01 > #section-05 > .section-content {
  width: 1320px;
  margin: 0 auto;
  padding: 220px 0;
}
main:not(#main)#sub01.menu01 > #section-05 > .section-content > .section-info-unit {
  text-align: left;
}
main:not(#main)#sub01.menu01 > #section-05 > .section-content > .section-info-unit > .section-info-title {
  align-self: end;
  line-height: 6.2rem;
  font-size: 4.2rem;
  font-weight: 500;
  color: #000;
  letter-spacing: -0.084rem;
}
main:not(#main)#sub01.menu01 > #section-05 > .section-content > .section-info-unit > .section-info-text {
  line-height: 2.8rem;
  font-size: 1.8rem;
  font-weight: 500;
  color: #000;
  letter-spacing: -0.036rem;
}
main:not(#main)#sub01.menu01 > #section-05 > .section-content > .section-info-unit.move {
  display: grid;
  grid-template: 242px 186px/570px 660px;
  gap: 24px 90px;
}
main:not(#main)#sub01.menu01 > #section-05 > .section-content > .section-info-unit.move > .section-info-image {
  grid-area: 1/2/3/3;
}
main:not(#main)#sub01.menu01 > #section-05 > .section-content > .section-info-unit.excited {
  margin-top: 200px;
  display: grid;
  grid-template: 267px 199px/660px 570px;
  gap: 24px 90px;
}
main:not(#main)#sub01.menu01 > #section-05 > .section-content > .section-info-unit.excited > .section-info-image {
  grid-area: 1/1/3/2;
}
main:not(#main)#sub01.menu01 > #section-06 {
  background-color: #f4f4f4;
}
main:not(#main)#sub01.menu01 > #section-06 > .section-content {
  width: 1320px;
  margin: 0 auto;
  padding: 80px 0;
}
main:not(#main)#sub01.menu01 > #section-06 > .section-content > .section-text {
  margin: 24px 0 39px;
  line-height: 2.8rem;
  font-size: 1.8rem;
  color: #000;
  letter-spacing: -0.036rem;
}
main:not(#main)#sub01.menu01 > #section-07 > .section-content {
  width: 1320px;
  margin: 0 auto;
  padding: 220px 0;
}
main:not(#main)#sub01.menu01 > #section-07 > .section-content > .section-info-unit {
  text-align: left;
}
main:not(#main)#sub01.menu01 > #section-07 > .section-content > .section-info-unit > .section-info-title {
  align-self: end;
  line-height: 6.2rem;
  font-size: 4.2rem;
  font-weight: 500;
  color: #000;
  letter-spacing: -0.084rem;
}
main:not(#main)#sub01.menu01 > #section-07 > .section-content > .section-info-unit > .section-info-text {
  line-height: 2.8rem;
  font-size: 1.8rem;
  font-weight: 500;
  color: #000;
  letter-spacing: -0.036rem;
}
main:not(#main)#sub01.menu01 > #section-07 > .section-content > .section-info-unit.app {
  display: grid;
  grid-template: 311px 335px/570px 708px;
  gap: 24px 42px;
}
main:not(#main)#sub01.menu01 > #section-07 > .section-content > .section-info-unit.app > .section-info-image {
  grid-area: 1/2/3/3;
}
main:not(#main)#sub01.menu01 > #section-07 > .section-content > .section-info-unit.ranking {
  margin-top: 90px;
  display: grid;
  grid-template: 344px 303px/708px 570px;
  gap: 24px 42px;
}
main:not(#main)#sub01.menu01 > #section-07 > .section-content > .section-info-unit.ranking > .section-info-image {
  grid-area: 1/1/3/2;
}
main:not(#main)#sub01.menu01 > #section-08 {
  background-color: #f8efff;
}
main:not(#main)#sub01.menu01 > #section-08 > .section-content {
  width: 1320px;
  margin: 0 auto;
  padding: 100px 0 110px;
}
main:not(#main)#sub01.menu01 > #section-08 > .section-content > .section-sub {
  height: 62px;
  line-height: 3.4rem;
  font-size: 3.4rem;
  font-weight: bold;
  color: #6923af;
  letter-spacing: -0.068rem;
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 12px;
}
main:not(#main)#sub01.menu01 > #section-08 > .section-content > .section-sub > span {
  align-self: start;
  line-height: 5.6rem;
  font-size: 5rem;
  font-weight: 500;
  color: #6923af;
  letter-spacing: -0.1rem;
}
main:not(#main)#sub01.menu01 > #section-08 > .section-content > .section-title {
  margin: 6px 0 24px;
}
main:not(#main)#sub01.menu01 > #section-08 > .section-content > .section-image {
  margin: 50px 0 20px;
}
main:not(#main)#sub01.menu01 > #section-08 > .section-content > .section-image-text {
  width: 840px;
  height: 20px;
  margin: 0 auto;
  display: grid;
  grid-template: 56px/432px 152px 256px;
  align-items: center;
}
main:not(#main)#sub01.menu01 > #section-08 > .section-content > .section-image-text > div {
  line-height: 2.8rem;
  font-size: 1.8rem;
  color: #000;
  letter-spacing: -0.036rem;
}
main:not(#main)#sub01.menu01 > #section-08 > .section-content > .section-image-text > div:nth-child(1) {
  width: 258px;
}
main:not(#main)#sub01.menu01 > #section-08 > .section-content > .section-image-text > div:nth-child(2) {
  width: 152px;
}
main:not(#main)#sub01.menu01 > #section-08 > .section-content > .section-image-text > div:nth-child(3) {
  width: 256px;
}
main:not(#main)#sub01.menu01 > #section-app {
  background-color: #6923af;
}
main:not(#main)#sub01.menu01 > #section-app > .section-content {
  width: 1320px;
  margin: 0 auto;
  padding: 95px 20px;
  display: grid;
  grid-template: 138px 90px 1fr/1fr 392px;
  gap: 16px 0;
  text-align: unset;
}
main:not(#main)#sub01.menu01 > #section-app > .section-content > .app-title {
  align-self: end;
  line-height: 8.3rem;
  font-size: 5.6rem;
  font-weight: 500;
  color: #fff;
  letter-spacing: -0.112rem;
}
main:not(#main)#sub01.menu01 > #section-app > .section-content > .app-text {
  line-height: 2.8rem;
  font-size: 1.8rem;
  color: #fff;
  letter-spacing: -0.036rem;
}
main:not(#main)#sub01.menu01 > #section-app > .section-content > .app-download {
  display: flex;
  align-items: center;
  column-gap: 20px;
}
main:not(#main)#sub01.menu01 > #section-app > .section-content > .app-download > .app-download-anchor {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 12px;
  box-sizing: border-box;
  width: 229px;
  height: 66px;
  padding: 13px 0 14px;
  background-color: rgba(255, 255, 255, 0.3);
  border: solid 3px #fff;
  border-radius: 33px;
  line-height: 3.3rem;
  font-size: 2.2rem;
  font-weight: 500;
  color: #fff;
}
main:not(#main)#sub01.menu01 > #section-app > .section-content > .app-download > .app-download-anchor::before {
  content: "";
  display: block;
  width: 32px;
  height: 32px;
  background-image: url("");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
main:not(#main)#sub01.menu01 > #section-app > .section-content > .app-download > .app-download-anchor.google::before {
  background-image: url(/images/main/ic_googleplay_32px.png);
}
main:not(#main)#sub01.menu01 > #section-app > .section-content > .app-download > .app-download-anchor.apple {
  font-weight: bold;
}
main:not(#main)#sub01.menu01 > #section-app > .section-content > .app-download > .app-download-anchor.apple::before {
  background-image: url(/images/main/ic_apple_32px.svg);
}
main:not(#main)#sub01.menu01 > #section-app > .section-content > .app-qr {
  grid-area: 1/2/4/3;
  box-sizing: border-box;
  width: 392px;
  height: 392px;
  padding: 49px 0 60px;
  background-color: #fff;
  border-radius: 20px;
  text-align: center;
}
main:not(#main)#sub01.menu01 > #section-app > .section-content > .app-qr > .app-qr-text {
  margin-top: 27px;
  line-height: 2.8rem;
  font-size: 1.8rem;
  color: #9b9b9b;
  letter-spacing: -0.036rem;
}
main:not(#main)#sub01.menu02 {
  padding-bottom: 180px;
  border-bottom: solid 1px #c7c7c7;
}
main:not(#main)#sub01.menu02 > #section-header > .section-content {
  padding-top: 125px;
}
main:not(#main)#sub01.menu02 > #section-search > .section-content {
  width: 1204px;
  margin: 80px auto 50px;
}
main:not(#main)#sub01.menu02 > #section-search > .section-content > .search-box {
  position: relative;
  width: 920px;
  height: 80px;
  margin: 40px auto 0;
}
main:not(#main)#sub01.menu02 > #section-search > .section-content > .search-box > .search-input {
  box-sizing: border-box;
  width: 920px;
  height: 80px;
  margin: 0;
  padding: 22px 100px 22px 48px;
  border: solid 1px #c7c7c7;
  border-radius: 40px;
  line-height: 2.8rem;
  font-size: 2.4rem;
  color: #000;
  letter-spacing: -0.048rem;
}
main:not(#main)#sub01.menu02 > #section-search > .section-content > .search-box > .search-input::-webkit-search-decoration, main:not(#main)#sub01.menu02 > #section-search > .section-content > .search-box > .search-input::-webkit-search-cancel-button, main:not(#main)#sub01.menu02 > #section-search > .section-content > .search-box > .search-input::-webkit-search-results-button, main:not(#main)#sub01.menu02 > #section-search > .section-content > .search-box > .search-input::-webkit-search-results-decoration {
  display: none;
}
main:not(#main)#sub01.menu02 > #section-search > .section-content > .search-box > .search-button {
  position: absolute;
  top: 20px;
  right: 48px;
  width: 40px;
  height: 40px;
  background-image: url("/images/sub/ic_search.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
main:not(#main)#sub01.menu02 > #section-list > .section-content {
  width: 1204px;
  margin: 0 auto;
}
main:not(#main)#sub01.menu02 > #section-list > .section-content .list-wrapper .list-box {
  padding: 30px 0;
  border-bottom: solid 1px #c7c7c7;
  display: grid;
  grid-template: 69px repeat(3, 27px) 98px/530px 85px 1fr;
  align-items: start;
  gap: 8px 0;
}
main:not(#main)#sub01.menu02 > #section-list > .section-content .list-wrapper .list-box > .list-image {
  grid-area: 1/1/6/2;
  width: 490px;
  height: 100%;
  border-radius: 12px;
  overflow: hidden;
}
main:not(#main)#sub01.menu02 > #section-list > .section-content .list-wrapper .list-box > .list-image > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
main:not(#main)#sub01.menu02 > #section-list > .section-content .list-wrapper .list-box > .list-title {
  grid-area: 1/2/2/4;
  margin-top: 21px;
  line-height: 3.6rem;
  font-size: 2.4rem;
  font-weight: 500;
  color: #000;
  letter-spacing: -0.048rem;
}
main:not(#main)#sub01.menu02 > #section-list > .section-content .list-wrapper .list-box > .list-key {
  line-height: 2.7rem;
  font-size: 1.8rem;
  font-weight: normal;
  color: #6923af;
  letter-spacing: -0.036rem;
}
main:not(#main)#sub01.menu02 > #section-list > .section-content .list-wrapper .list-box > .list-value {
  line-height: 2.7rem;
  font-size: 1.8rem;
  color: #000;
  letter-spacing: -0.036rem;
}
main:not(#main)#sub01.menu02 > #section-list > .section-content .list-wrapper .list-box > .list-value > div {
  line-height: 2.7rem;
  font-size: 1.8rem;
  color: #000;
  letter-spacing: -0.036rem;
}
main:not(#main)#sub01.menu02 > #section-list > .section-content .list-wrapper .list-box > .list-map {
  grid-area: 5/2/6/4;
  width: 143px;
  height: 50px;
  margin: 26px 0 0;
  border: solid 1px #c7c7c7;
  border-radius: 26px;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 2.7rem;
  font-size: 1.8rem;
  font-weight: 500;
  color: #000;
  letter-spacing: -0.036rem;
}
main:not(#main)#sub01.menu02 > #section-page > .section-content {
  width: auto;
  height: 35px;
  margin: 33px auto 0;
  display: grid;
  grid-template: 35px/24px auto 24px;
  justify-content: center;
  align-items: center;
}
main:not(#main)#sub01.menu02 > #section-page > .section-content > button {
  width: 24px;
  height: 24px;
}
main:not(#main)#sub01.menu02 > #section-page > .section-content > button.page-prev {
  background-image: url("/images/sub/ic_navigation_arrow_left.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
main:not(#main)#sub01.menu02 > #section-page > .section-content > button.page-next {
  background-image: url("/images/sub/ic_navigation_arrow_right.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
main:not(#main)#sub01.menu02 > #section-page > .section-content > button.hidden {
  visibility: hidden;
}
main:not(#main)#sub01.menu02 > #section-page > .section-content > .page-number {
  display: flex;
  align-items: center;
}
main:not(#main)#sub01.menu02 > #section-page > .section-content > .page-number > .page-button {
  box-sizing: border-box;
  width: 35px;
  height: 35px;
  border-radius: 4px;
  font-family: Roboto;
  line-height: 1.9rem;
  font-size: 1.6rem;
  font-weight: 500;
  color: #000;
  letter-spacing: -0.04rem;
}
main:not(#main)#sub01.menu02 > #section-page > .section-content > .page-number > .page-button.active {
  border: solid 1px #e3e4e6;
}
main:not(#main)#sub01.read02 {
  padding-bottom: 180px;
  border-bottom: solid 1px #c7c7c7;
}
main:not(#main)#sub01.read02 > #section-header > .section-content {
  padding-top: 125px;
}
main:not(#main)#sub01.read02 > #section-map {
  padding: 80px 0;
}
main:not(#main)#sub01.read02 > #section-map > .section-content {
  position: relative;
  width: 100%;
  height: 700px;
}
main:not(#main)#sub01.read02 > #section-map > .section-content .map-info {
  box-sizing: border-box;
  min-width: 144px;
  width: fit-content;
  height: 54px;
  margin: 0 20px 3px;
  padding: 0 0 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: url("/images/sub/text_balloon.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  line-height: 2.4rem;
  font-size: 1.6rem;
  font-weight: 500;
  color: #000;
  letter-spacing: -0.032rem;
}
main:not(#main)#sub01.read02 > #section-map > .section-content:focus-visible {
  outline: none;
}
main:not(#main)#sub01.read02 > #section-info {
  padding-bottom: 110px;
}
main:not(#main)#sub01.read02 > #section-info > .section-content {
  width: 1204px;
  margin: 0 auto;
  display: grid;
  grid-template: 36px auto/374px 330px 374px;
  gap: 20px 63px;
}
main:not(#main)#sub01.read02 > #section-info > .section-content > .info-title {
  line-height: 3.6rem;
  font-size: 2.4rem;
  font-weight: 500;
  color: #000;
  letter-spacing: -0.048rem;
}
main:not(#main)#sub01.read02 > #section-info > .section-content > .info-data > div, main:not(#main)#sub01.read02 > #section-info > .section-content > .info-data a {
  line-height: 2.7rem;
  font-size: 1.8rem;
  color: #000;
  letter-spacing: -0.036rem;
}
main:not(#main)#sub01.read02 > #section-info > .section-content > .info-data > a {
  display: block;
  margin-top: 21px;
  color: #6923af;
  text-decoration: underline;
}
main:not(#main)#sub01.read02 > #section-button > .section-content > .button-standard {
  padding: 0;
}
main:not(#main)#sub01.read02 > #section-button > .section-content > .button-standard::after {
  display: none;
}
main:not(#main)#sub02 {
  padding-bottom: 180px;
  border-bottom: solid 1px #c7c7c7;
}
main:not(#main)#sub02 > #section-header > .section-content {
  padding: 125px 0 100px;
}
main:not(#main)#sub02 > .sub2-section:nth-of-type(2) {
  padding: 200px 0 185px;
}
main:not(#main)#sub02 > .sub2-section > .section-content {
  width: 1320px;
  margin: 0 auto;
  display: grid;
  grid-template: auto auto/240px 1fr;
  gap: 50px 0;
}
main:not(#main)#sub02 > .sub2-section > .section-content > .menu-index {
  grid-area: 1/1/2/2;
  margin-top: 2px;
}
main:not(#main)#sub02 > .sub2-section > .section-content > .menu-index > .menu-guide {
  font-family: Roboto;
  line-height: 2.2rem;
  font-size: 1.8rem;
  color: #6923af;
}
main:not(#main)#sub02 > .sub2-section > .section-content > .menu-index > .menu-no {
  line-height: 5rem;
  font-size: 3.4rem;
  font-weight: 500;
  color: #000;
  letter-spacing: -0.068rem;
}
main:not(#main)#sub02 > .sub2-section > .section-content > .menu-info {
  grid-area: 1/2/2/3;
}
main:not(#main)#sub02 > .sub2-section > .section-content > .menu-info > .menu-title {
  line-height: 6.2rem;
  font-size: 4.2rem;
  font-weight: 500;
  color: #000;
  letter-spacing: -0.084rem;
}
main:not(#main)#sub02 > .sub2-section > .section-content > .menu-info > .menu-text {
  margin-top: 4px;
  line-height: 2.7rem;
  font-size: 1.8rem;
  color: #000;
  letter-spacing: -0.036rem;
}
main:not(#main)#sub02 > .sub2-section > .section-content > .menu-content .content-box > .content-no > circle {
  fill: #6923af;
}
main:not(#main)#sub02 > .sub2-section > .section-content > .menu-content .content-box > .content-no > text {
  font-family: Roboto;
  fill: #fff;
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: -0.02rem;
}
main:not(#main)#sub02.menu01 > .sub2-section#section-01 > .section-content > .menu-content {
  grid-area: 2/2/3/3;
  display: grid;
  grid-template: 86px 300px/repeat(4, 1fr);
  gap: 30px 20px;
}
main:not(#main)#sub02.menu01 > .sub2-section#section-01 > .section-content > .menu-content > .content-banner {
  grid-area: 1/1/2/5;
  box-sizing: border-box;
  background-image: linear-gradient(97deg, #b343e3 0%, #4c23af 93%);
  width: 100%;
  height: 100%;
  padding: 25px 40px;
  border-radius: 12px;
  line-height: 3.6rem;
  font-size: 2.4rem;
  font-weight: bold;
  color: #fff;
  letter-spacing: -0.048rem;
}
main:not(#main)#sub02.menu01 > .sub2-section#section-01 > .section-content > .menu-content > .content-box {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 30px 20px;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.16);
  display: grid;
  grid-template: 1fr 64px 50px/1fr auto;
  gap: 4px 12px;
}
main:not(#main)#sub02.menu01 > .sub2-section#section-01 > .section-content > .menu-content > .content-box > .content-title {
  grid-area: 1/1/1/3;
  line-height: 3.6rem;
  font-size: 2.4rem;
  font-weight: normal;
  color: #000;
  letter-spacing: -0.048rem;
}
main:not(#main)#sub02.menu01 > .sub2-section#section-01 > .section-content > .menu-content > .content-box > .content-title > span {
  margin-left: 6px;
  line-height: 3.6rem;
  font-size: 2.4rem;
  font-weight: bold;
  color: #ef1d52;
  letter-spacing: -0.048rem;
}
main:not(#main)#sub02.menu01 > .sub2-section#section-01 > .section-content > .menu-content > .content-box > .content-discount {
  justify-self: end;
  width: 64px;
  height: 64px;
  background-image: url("/images/sub/illust_sale_1.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: Roboto;
  line-height: 2.4rem;
  font-size: 2rem;
  font-weight: bold;
  color: #6923af;
  letter-spacing: -0.04rem;
}
main:not(#main)#sub02.menu01 > .sub2-section#section-01 > .section-content > .menu-content > .content-box > .content-original {
  align-self: end;
  position: relative;
  line-height: 2.7rem;
  font-size: 1.8rem;
  color: #9b9b9b;
  letter-spacing: -0.036rem;
}
main:not(#main)#sub02.menu01 > .sub2-section#section-01 > .section-content > .menu-content > .content-box > .content-original::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: 10px;
  left: 0;
  height: 1px;
  background-color: #9b9b9b;
}
main:not(#main)#sub02.menu01 > .sub2-section#section-01 > .section-content > .menu-content > .content-box > .content-price {
  grid-area: 3/1/4/3;
  justify-self: end;
  line-height: 5rem;
  font-size: 3.4rem;
  font-weight: 500;
  color: #000;
  letter-spacing: -0.068rem;
}
main:not(#main)#sub02.menu01 > .sub2-section#section-02 > .section-content {
  row-gap: 38px;
}
main:not(#main)#sub02.menu01 > .sub2-section#section-02 > .section-content > .menu-content {
  grid-area: 2/2/3/3;
  display: grid;
  grid-template: 300px 300px/1fr 1fr;
  gap: 30px;
}
main:not(#main)#sub02.menu01 > .sub2-section#section-02 > .section-content > .menu-content > .content-box {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 36px 30px 0 36px;
  background-color: #fcf9ff;
  border-radius: 12px;
  display: grid;
  grid-template: 24px 72px 1fr/1fr 250px;
  gap: 8px 0;
}
main:not(#main)#sub02.menu01 > .sub2-section#section-02 > .section-content > .menu-content > .content-box > .content-no {
  grid-area: 1/1/2/2;
}
main:not(#main)#sub02.menu01 > .sub2-section#section-02 > .section-content > .menu-content > .content-box > .content-title {
  grid-area: 2/1/3/2;
  line-height: 3.6rem;
  font-size: 2.4rem;
  font-weight: 500;
  color: #000;
  letter-spacing: -0.048rem;
}
main:not(#main)#sub02.menu01 > .sub2-section#section-02 > .section-content > .menu-content > .content-box > .content-title > img {
  margin-top: 7px;
}
main:not(#main)#sub02.menu01 > .sub2-section#section-02 > .section-content > .menu-content > .content-box > .content-image {
  grid-area: 1/2/4/3;
  align-self: end;
}
main:not(#main)#sub02.menu01 > .sub2-section#section-02 > .section-content > .menu-content > .content-box > .content-app {
  margin-top: 4px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  column-gap: 12px;
}
main:not(#main)#sub02.menu01 > .sub2-section#section-02 > .section-content > .menu-content > .content-box > .content-login {
  margin-top: 12px;
}
main:not(#main)#sub02.menu02 > .sub2-section#section-03 > .section-content > .menu-content {
  grid-area: 2/2/3/3;
  display: grid;
  grid-template: 300px 300px/1fr 1fr;
  gap: 30px;
}
main:not(#main)#sub02.menu02 > .sub2-section#section-03 > .section-content > .menu-content > .content-box {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 36px 30px 0 36px;
  background-color: #fcf9ff;
  border-radius: 12px;
  display: grid;
  grid-template: 24px 1fr/1fr 250px;
  gap: 8px 0;
}
main:not(#main)#sub02.menu02 > .sub2-section#section-03 > .section-content > .menu-content > .content-box > .content-no {
  grid-area: 1/1/2/2;
}
main:not(#main)#sub02.menu02 > .sub2-section#section-03 > .section-content > .menu-content > .content-box > .content-title {
  grid-area: 2/1/3/2;
  line-height: 3.6rem;
  font-size: 2.4rem;
  font-weight: 500;
  color: #000;
  letter-spacing: -0.048rem;
}
main:not(#main)#sub02.menu02 > .sub2-section#section-03 > .section-content > .menu-content > .content-box > .content-image {
  grid-area: 1/2/3/3;
  align-self: end;
}
main:not(#main)#sub02.menu02 > .sub2-section#section-04 > .section-content > .menu-content {
  grid-area: 2/1/3/3;
  display: grid;
  grid-template: 320px/repeat(5, 1fr);
  gap: 30px;
}
main:not(#main)#sub02.menu02 > .sub2-section#section-04 > .section-content > .menu-content > .content-box {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 30px 0 0;
  background-color: #fff;
  border: solid 1px #c7c7c7;
  border-radius: 12px;
  display: flex;
  align-items: center;
  flex-direction: column;
}
main:not(#main)#sub02.menu02 > .sub2-section#section-04 > .section-content > .menu-content > .content-box > .content-title {
  margin-top: 20px;
  text-align: center;
  line-height: 3.2rem;
  font-size: 2.2rem;
  font-weight: 500;
  color: #6923af;
  letter-spacing: -0.044rem;
}
main:not(#main)#sub02.menu02 > .sub2-section#section-04 > .section-content > .menu-content > .content-box > .content-title.one-line {
  margin-top: 36px;
}
main:not(#main)#sub02.menu02 > .sub2-section#section-04 > .section-content > .menu-content > .content-box > .content-text {
  margin-top: 10px;
  text-align: center;
  line-height: 2.4rem;
  font-size: 1.6rem;
  color: #000;
  letter-spacing: -0.032rem;
}
main:not(#main)#sub02.menu03 > .sub2-section#section-05 > .section-content > .menu-content {
  grid-area: 2/1/3/3;
  display: grid;
  grid-template: 300px/repeat(3, 1fr);
  gap: 30px;
}
main:not(#main)#sub02.menu03 > .sub2-section#section-05 > .section-content > .menu-content > .content-box {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 0 0 0 36px;
  background-color: #fcf9ff;
  border-radius: 12px;
  display: grid;
  grid-template: 60px 1fr/1fr auto;
  gap: 8px 0;
}
main:not(#main)#sub02.menu03 > .sub2-section#section-05 > .section-content > .menu-content > .content-box > .content-no {
  grid-area: 1/1/2/2;
  align-self: end;
}
main:not(#main)#sub02.menu03 > .sub2-section#section-05 > .section-content > .menu-content > .content-box > .content-title {
  grid-area: 2/1/3/2;
  line-height: 3.6rem;
  font-size: 2.4rem;
  font-weight: 500;
  color: #000;
  letter-spacing: -0.048rem;
}
main:not(#main)#sub02.menu03 > .sub2-section#section-05 > .section-content > .menu-content > .content-box > .content-image {
  grid-area: 1/2/3/3;
}
main:not(#main)#sub02.menu03 > .sub2-section#section-05 > .section-content > .menu-content > .content-box > .content-image.section-05-first {
  margin: 0 20px 0 0;
}
main:not(#main)#sub02.menu03 > .sub2-section#section-05 > .section-content > .menu-content > .content-box > .content-image.section-05-second {
  margin: 32px 23px 0 0;
}
main:not(#main)#sub02.menu03 > .sub2-section#section-05 > .section-content > .menu-content > .content-box > .content-image.section-05-third {
  margin: 32px 16px 0 0;
}
main:not(#main)#sub02.menu03 > .sub2-section#section-06 > .section-content > .menu-content {
  grid-area: 2/1/3/3;
  display: grid;
  grid-template: 509px/repeat(3, 1fr);
  gap: 30px;
}
main:not(#main)#sub02.menu03 > .sub2-section#section-06 > .section-content > .menu-content > .content-box {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 36px 36px 0 36px;
  background-color: #fcf9ff;
  border-radius: 12px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
}
main:not(#main)#sub02.menu03 > .sub2-section#section-06 > .section-content > .menu-content > .content-box > .content-title {
  margin: 8px 0 25px;
  line-height: 3.6rem;
  font-size: 2.4rem;
  font-weight: 500;
  color: #000;
  letter-spacing: -0.048rem;
}
main:not(#main)#sub02.menu03 > .sub2-section#section-06 > .section-content > .menu-content > .content-box > .content-image {
  align-self: flex-end;
  margin-right: 49px;
}
main:not(#main)#sub03 {
  padding-bottom: 180px;
  border-bottom: solid 1px #c7c7c7;
}
main:not(#main)#sub03.menu01 > #section-header > .section-content {
  padding: 125px 0 100px;
}
main:not(#main)#sub03.menu01 > #section-tab > .section-content {
  width: 1040px;
  margin: 0 auto;
  padding: 0 0 21px 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
main:not(#main)#sub03.menu01 > #section-tab > .section-content > .tab-box {
  display: flex;
  align-items: center;
  column-gap: 32px;
}
main:not(#main)#sub03.menu01 > #section-tab > .section-content > .tab-box > .tab-button {
  line-height: 3.6rem;
  font-size: 2.4rem;
  font-weight: 500;
  color: #000;
  letter-spacing: -0.048rem;
}
main:not(#main)#sub03.menu01 > #section-tab > .section-content > .tab-box > .tab-button.active {
  color: #6923af;
}
main:not(#main)#sub03.menu01 > #section-tab > .section-content > .search-box {
  position: relative;
  width: 335px;
  height: 60px;
}
main:not(#main)#sub03.menu01 > #section-tab > .section-content > .search-box > .search-input {
  box-sizing: border-box;
  width: 335px;
  height: 60px;
  margin: 0;
  padding: 16px 86px 16px 36px;
  border: solid 1px #c7c7c7;
  border-radius: 30px;
  line-height: 2.8rem;
  font-size: 1.8rem;
  color: #000;
  letter-spacing: -0.036rem;
}
main:not(#main)#sub03.menu01 > #section-tab > .section-content > .search-box > .search-input::-webkit-search-decoration, main:not(#main)#sub03.menu01 > #section-tab > .section-content > .search-box > .search-input::-webkit-search-cancel-button, main:not(#main)#sub03.menu01 > #section-tab > .section-content > .search-box > .search-input::-webkit-search-results-button, main:not(#main)#sub03.menu01 > #section-tab > .section-content > .search-box > .search-input::-webkit-search-results-decoration {
  display: none;
}
main:not(#main)#sub03.menu01 > #section-tab > .section-content > .search-box > .search-input::placeholder {
  color: #9b9b9b;
}
main:not(#main)#sub03.menu01 > #section-tab > .section-content > .search-box > .search-button {
  position: absolute;
  top: 9px;
  right: 30px;
  width: 40px;
  height: 40px;
  background-image: url("/images/main/ic_search.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
main:not(#main)#sub03.menu01 > #section-tab > .section-content > .search-box.en {
  width: 260px;
}
main:not(#main)#sub03.menu01 > #section-tab > .section-content > .search-box.en > .search-input {
  width: 260px;
}
main:not(#main)#sub03.menu01 > #section-list > .section-content {
  width: 1040px;
  margin: 0 auto;
  border-top: solid 2px #000;
}
main:not(#main)#sub03.menu01 > #section-list > .section-content > .list-ul > .list-li {
  border-bottom: solid 1px #c7c7c7;
}
main:not(#main)#sub03.menu01 > #section-list > .section-content > .list-ul > .list-li > .list-empty {
  height: 207px;
  display: flex;
  justify-content: center;
  align-items: center;
}
main:not(#main)#sub03.menu01 > #section-list > .section-content > .list-ul > .list-li > .list-empty > .list-title {
  line-height: 3.6rem;
  font-size: 2.4rem;
  font-weight: bold;
  color: #000;
  letter-spacing: -0.048rem;
}
main:not(#main)#sub03.menu01 > #section-list > .section-content > .list-ul > .list-li > .list-box {
  padding: 40px 0 45px;
  display: grid;
  grid-template: 27px 48px 27px/auto 1px 1fr 110px;
  align-items: center;
  gap: 10px;
}
main:not(#main)#sub03.menu01 > #section-list > .section-content > .list-ul > .list-li > .list-box > .list-date {
  font-family: Roboto;
  line-height: 2.2rem;
  font-size: 1.8rem;
  color: #9b9b9b;
  letter-spacing: -0.036rem;
}
main:not(#main)#sub03.menu01 > #section-list > .section-content > .list-ul > .list-li > .list-box > .list-hr {
  width: 1px;
  height: 14px;
  background-color: #c7c7c7;
}
main:not(#main)#sub03.menu01 > #section-list > .section-content > .list-ul > .list-li > .list-box > .list-tab {
  line-height: 2.7rem;
  font-size: 1.8rem;
  color: #6923af;
  letter-spacing: -0.036rem;
}
main:not(#main)#sub03.menu01 > #section-list > .section-content > .list-ul > .list-li > .list-box > .list-tab.active {
  color: #fa7319;
}
main:not(#main)#sub03.menu01 > #section-list > .section-content > .list-ul > .list-li > .list-box > .list-title {
  grid-area: 2/1/3/4;
  align-self: end;
  line-height: 3.6rem;
  font-size: 2.4rem;
  font-weight: bold;
  color: #000;
  letter-spacing: -0.048rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
main:not(#main)#sub03.menu01 > #section-list > .section-content > .list-ul > .list-li > .list-box > .list-text {
  grid-area: 3/1/4/4;
  line-height: 2.7rem;
  font-size: 1.8rem;
  color: #000;
  letter-spacing: -0.036rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
main:not(#main)#sub03.menu01 > #section-list > .section-content > .list-ul > .list-li > .list-box > .list-image {
  grid-area: 1/4/4/5;
  justify-self: center;
}
main:not(#main)#sub03.menu01 > #section-page > .section-content {
  width: auto;
  height: 35px;
  margin: 33px auto 0;
  display: grid;
  grid-template: 35px/24px auto 24px;
  justify-content: center;
  align-items: center;
}
main:not(#main)#sub03.menu01 > #section-page > .section-content > button {
  width: 24px;
  height: 24px;
}
main:not(#main)#sub03.menu01 > #section-page > .section-content > button.page-prev {
  background-image: url("/images/sub/ic_navigation_arrow_left.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
main:not(#main)#sub03.menu01 > #section-page > .section-content > button.page-next {
  background-image: url("/images/sub/ic_navigation_arrow_right.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
main:not(#main)#sub03.menu01 > #section-page > .section-content > button.hidden {
  visibility: hidden;
}
main:not(#main)#sub03.menu01 > #section-page > .section-content > .page-number {
  display: flex;
  align-items: center;
}
main:not(#main)#sub03.menu01 > #section-page > .section-content > .page-number > .page-button {
  box-sizing: border-box;
  width: 35px;
  height: 35px;
  border-radius: 4px;
  line-height: 1.9rem;
  font-size: 1.6rem;
  font-weight: 500;
  color: #000;
  letter-spacing: -0.04rem;
}
main:not(#main)#sub03.menu01 > #section-page > .section-content > .page-number > .page-button.active {
  border: solid 1px #e3e4e6;
}
main:not(#main)#sub03.read01 > #read-header > .section-content {
  width: 1040px;
  margin: 0 auto;
  padding: 125px 0 100px;
}
main:not(#main)#sub03.read01 > #read-header > .section-content > .header-info {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 10px;
}
main:not(#main)#sub03.read01 > #read-header > .section-content > .header-info > .header-date {
  font-family: Roboto;
  line-height: 2.9rem;
  font-size: 2.4rem;
  color: #9b9b9b;
  letter-spacing: -0.048rem;
}
main:not(#main)#sub03.read01 > #read-header > .section-content > .header-info > .header-hr {
  width: 1px;
  height: 14px;
  background-color: #c7c7c7;
}
main:not(#main)#sub03.read01 > #read-header > .section-content > .header-info > .header-status {
  line-height: 3.6rem;
  font-size: 2.4rem;
  color: #6923af;
  letter-spacing: -0.048rem;
}
main:not(#main)#sub03.read01 > #read-header > .section-content > .header-info > .header-status.active {
  color: #fa7319;
}
main:not(#main)#sub03.read01 > #read-header > .section-content > .header-title {
  margin-top: 14px;
  text-align: center;
  line-height: 6.2rem;
  font-size: 4.2rem;
  font-weight: 500;
  color: #000;
  letter-spacing: -0.084rem;
}
main:not(#main)#sub03.read01 > #section-contents > .section-content {
  width: 1040px;
  margin: 0 auto 145px;
}
main:not(#main)#sub03.read01 > #section-contents > .section-content > .contents-hr {
  height: 2px;
  background-color: #000;
}
main:not(#main)#sub03.read01 > #section-contents > .section-content > .contents-text {
  padding: 40px 154px 50px;
  border-bottom: solid 1px #c7c7c7;
  line-height: 2.8rem;
  font-size: 1.8rem;
  color: #000;
  letter-spacing: -0.036rem;
}
main:not(#main)#sub03.read01 > #section-contents > .section-content > .contents-text * {
  font-size: inherit;
  word-break: break-all;
}
main:not(#main)#sub03.read01 > #section-contents > .section-content > .contents-text img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}
main:not(#main)#sub03.read01 > #section-contents > .section-content > .contents-text a {
  text-decoration: underline;
}
main:not(#main)#sub03.read01 > #section-contents > .section-content > .contents-move {
  display: grid;
  grid-template: 75px/109px 1fr;
  align-items: center;
  column-gap: 24px;
  border-bottom: solid 1px #c7c7c7;
}
main:not(#main)#sub03.read01 > #section-contents > .section-content > .contents-move > .move-key {
  text-align: center;
  line-height: 2.7rem;
  font-size: 1.8rem;
  font-weight: bold;
  color: #000;
  letter-spacing: -0.036rem;
}
main:not(#main)#sub03.read01 > #section-contents > .section-content > .contents-move > .move-value {
  line-height: 2.7rem;
  font-size: 1.8rem;
  font-weight: normal;
  color: #000;
  letter-spacing: -0.036rem;
}
main:not(#main)#sub03.read01 > #section-contents > .section-content > .contents-move.contents-empty > .move-value {
  color: #c7c7c7;
}
main:not(#main)#sub04 {
  padding-bottom: 180px;
  border-bottom: solid 1px #c7c7c7;
}
main:not(#main)#sub04 > #section-header > .section-content {
  padding: 125px 0 100px;
}
main:not(#main)#sub04.menu01 #section-auth {
  margin-bottom: 200px;
}
main:not(#main)#sub05 {
  padding-bottom: 180px;
  border-bottom: solid 1px #c7c7c7;
}
main:not(#main)#sub05 > #section-header > .section-content {
  padding: 125px 0 80px;
}
main:not(#main)#sub05 > #section-header > .section-content > .search-box {
  position: relative;
  width: 840px;
  height: 80px;
  margin: 36px auto 0;
}
main:not(#main)#sub05 > #section-header > .section-content > .search-box > .search-input {
  box-sizing: border-box;
  width: 840px;
  height: 80px;
  margin: 0;
  padding: 22px 100px 22px 48px;
  border: solid 1px #c7c7c7;
  border-radius: 40px;
  line-height: 2.8rem;
  font-size: 2.4rem;
  color: #000;
  letter-spacing: -0.048rem;
}
main:not(#main)#sub05 > #section-header > .section-content > .search-box > .search-input::-webkit-search-decoration, main:not(#main)#sub05 > #section-header > .section-content > .search-box > .search-input::-webkit-search-cancel-button, main:not(#main)#sub05 > #section-header > .section-content > .search-box > .search-input::-webkit-search-results-button, main:not(#main)#sub05 > #section-header > .section-content > .search-box > .search-input::-webkit-search-results-decoration {
  display: none;
}
main:not(#main)#sub05 > #section-header > .section-content > .search-box > .search-input::placeholder {
  color: #9b9b9b;
}
main:not(#main)#sub05 > #section-header > .section-content > .search-box > .search-button {
  position: absolute;
  top: 20px;
  right: 48px;
  width: 40px;
  height: 40px;
  background-image: url("/images/main/ic_search.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
main:not(#main)#sub05 > #section-tab > .section-content {
  width: 1040px;
  margin: 0 auto 28px;
}
main:not(#main)#sub05 > #section-tab > .section-content > .tab-box {
  display: flex;
  justify-content: center;
  align-items: center;
}
main:not(#main)#sub05 > #section-tab > .section-content > .tab-box > .tab-button {
  padding: 5px 16px;
  line-height: 3.6rem;
  font-size: 2.4rem;
  font-weight: 500;
  color: #000;
  letter-spacing: -0.048rem;
}
main:not(#main)#sub05 > #section-tab > .section-content > .tab-box > .tab-button.active {
  color: #6923af;
}
main:not(#main)#sub05 > #section-list > .section-content {
  width: 1040px;
  margin: 0 auto;
}
main:not(#main)#sub05 > #section-list > .section-content > .list-ul {
  border-top: solid 2px #000;
}
main:not(#main)#sub05 > #section-list > .section-content > .list-ul > .list-li {
  border-bottom: solid 1px #c7c7c7;
}
main:not(#main)#sub05 > #section-list > .section-content > .list-ul > .list-li > .list-empty {
  height: 107px;
  display: flex;
  justify-content: center;
  align-items: center;
}
main:not(#main)#sub05 > #section-list > .section-content > .list-ul > .list-li > .list-empty > .list-title {
  line-height: 2.9rem;
  font-size: 2rem;
  font-weight: 500;
  color: #000;
  letter-spacing: -0.04rem;
}
main:not(#main)#sub05 > #section-list > .section-content > .list-ul > .list-li > .list-box {
  width: 100%;
  display: grid;
  grid-template: 107px/124px 1fr 90px;
  align-items: center;
}
main:not(#main)#sub05 > #section-list > .section-content > .list-ul > .list-li > .list-box > .list-tab {
  margin-top: 1px;
  line-height: 2.7rem;
  font-size: 1.8rem;
  font-weight: 500;
  color: #6923af;
  letter-spacing: -0.036rem;
}
main:not(#main)#sub05 > #section-list > .section-content > .list-ul > .list-li > .list-box > .list-title {
  text-align: left;
  line-height: 2.9rem;
  font-size: 2rem;
  font-weight: 500;
  color: #000;
  letter-spacing: -0.04rem;
}
main:not(#main)#sub05 > #section-list > .section-content > .list-ul > .list-li > .list-box::after {
  content: "";
  display: block;
  width: 90px;
  height: 107px;
  background-image: url("/images/sub/expand_more_24px.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 24px;
}
main:not(#main)#sub05 > #section-list > .section-content > .list-ul > .list-li > .list-box.active::after {
  background-image: url("/images/sub/expand_less_24px.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 24px;
}
main:not(#main)#sub05 > #section-list > .section-content > .list-ul > .list-li > .list-answer {
  margin-bottom: 21px;
  padding: 36px;
  background-color: #eef0f4;
  border-radius: 20px;
  line-height: 3.2rem;
  font-size: 2rem;
  color: #000;
  letter-spacing: -0.04rem;
}
main:not(#main)#sub05 > #section-page > .section-content {
  width: auto;
  height: 35px;
  margin: 33px auto 0;
  display: grid;
  grid-template: 35px/24px auto 24px;
  justify-content: center;
  align-items: center;
}
main:not(#main)#sub05 > #section-page > .section-content > button {
  width: 24px;
  height: 24px;
}
main:not(#main)#sub05 > #section-page > .section-content > button.page-prev {
  background-image: url("/images/sub/ic_navigation_arrow_left.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
main:not(#main)#sub05 > #section-page > .section-content > button.page-next {
  background-image: url("/images/sub/ic_navigation_arrow_right.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
main:not(#main)#sub05 > #section-page > .section-content > button.hidden {
  visibility: hidden;
}
main:not(#main)#sub05 > #section-page > .section-content > .page-number {
  display: flex;
  align-items: center;
}
main:not(#main)#sub05 > #section-page > .section-content > .page-number > .page-button {
  box-sizing: border-box;
  width: 35px;
  height: 35px;
  border-radius: 4px;
  line-height: 1.9rem;
  font-size: 1.6rem;
  font-weight: 500;
  color: #000;
  letter-spacing: -0.04rem;
}
main:not(#main)#sub05 > #section-page > .section-content > .page-number > .page-button.active {
  border: solid 1px #e3e4e6;
}
main:not(#main)#sub05 > #section-contact > .section-content {
  position: relative;
  box-sizing: border-box;
  width: 1040px;
  height: 130px;
  margin: 100px auto 0;
  padding: 0 230px 0 50px;
  background-color: #eef0f4;
  border-radius: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
main:not(#main)#sub05 > #section-contact > .section-content > .contact-text {
  line-height: 3.4rem;
  font-size: 2rem;
  font-weight: 500;
  color: #000;
  letter-spacing: -0.04rem;
}
main:not(#main)#sub05 > #section-contact > .section-content > .contact-anchor {
  width: 206px;
  height: 50px;
  background-color: #fff;
  border-radius: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 2.7rem;
  font-size: 1.8rem;
  font-weight: 500;
  color: #6923af;
  letter-spacing: -0.036rem;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16);
}
main:not(#main)#sub05 > #section-contact > .section-content::after {
  content: "";
  display: block;
  position: absolute;
  right: 50px;
  bottom: 0;
  width: 160px;
  height: 160px;
  background-image: url("/images/sub/illust_1-6.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

html[lang=jn] main:not(#main)#sub01.menu01 > #section-02 > .section-content > .section-info > .section-info-unit {
  height: 370px;
}
html[lang=jn] main:not(#main)#sub02.menu01 > .sub2-section#section-01 > .section-content > .menu-content > .content-box > .content-price {
  font-size: 3.2rem;
}
html[lang=jn] main:not(#main)#sub02.menu01 > .sub2-section#section-02 > .section-content > .menu-content > .content-box > .content-title {
  font-size: 2.2rem;
}
html[lang=jn] main:not(#main) .form-hp-auth-require {
  font-size: 14px !important;
}

#footer {
  min-width: 1360px;
}
#footer > #section-sitemap > .section-content {
  width: 1320px;
  margin: 0 auto;
  padding: 65px 20px;
  display: grid;
  grid-template: 32px repeat(4, 28px)/repeat(5, 176px) 1fr repeat(4, 32px);
  align-items: start;
  gap: 12px 24px;
  justify-items: start;
}
#footer > #section-sitemap > .section-content > .sitemap-text.sub01 {
  grid-column-start: 1;
  grid-column-end: 2;
}
#footer > #section-sitemap > .section-content > .sitemap-text.sub01.menu01 {
  grid-row-start: 2;
  grid-row-end: 3;
}
#footer > #section-sitemap > .section-content > .sitemap-text.sub01.menu02 {
  grid-row-start: 3;
  grid-row-end: 4;
}
#footer > #section-sitemap > .section-content > .sitemap-text.sub01.menu03 {
  grid-row-start: 4;
  grid-row-end: 5;
}
#footer > #section-sitemap > .section-content > .sitemap-text.sub01.menu04 {
  grid-row-start: 5;
  grid-row-end: 6;
}
#footer > #section-sitemap > .section-content > .sitemap-text.sub02 {
  grid-column-start: 2;
  grid-column-end: 3;
}
#footer > #section-sitemap > .section-content > .sitemap-text.sub02.menu01 {
  grid-row-start: 2;
  grid-row-end: 3;
}
#footer > #section-sitemap > .section-content > .sitemap-text.sub02.menu02 {
  grid-row-start: 3;
  grid-row-end: 4;
}
#footer > #section-sitemap > .section-content > .sitemap-text.sub02.menu03 {
  grid-row-start: 4;
  grid-row-end: 5;
}
#footer > #section-sitemap > .section-content > .sitemap-text.sub02.menu04 {
  grid-row-start: 5;
  grid-row-end: 6;
}
#footer > #section-sitemap > .section-content > .sitemap-text.sub03 {
  grid-column-start: 3;
  grid-column-end: 4;
}
#footer > #section-sitemap > .section-content > .sitemap-text.sub03.menu01 {
  grid-row-start: 2;
  grid-row-end: 3;
}
#footer > #section-sitemap > .section-content > .sitemap-text.sub03.menu02 {
  grid-row-start: 3;
  grid-row-end: 4;
}
#footer > #section-sitemap > .section-content > .sitemap-text.sub03.menu03 {
  grid-row-start: 4;
  grid-row-end: 5;
}
#footer > #section-sitemap > .section-content > .sitemap-text.sub03.menu04 {
  grid-row-start: 5;
  grid-row-end: 6;
}
#footer > #section-sitemap > .section-content > .sitemap-text.sub04 {
  grid-column-start: 4;
  grid-column-end: 5;
}
#footer > #section-sitemap > .section-content > .sitemap-text.sub04.menu01 {
  grid-row-start: 2;
  grid-row-end: 3;
}
#footer > #section-sitemap > .section-content > .sitemap-text.sub04.menu02 {
  grid-row-start: 3;
  grid-row-end: 4;
}
#footer > #section-sitemap > .section-content > .sitemap-text.sub04.menu03 {
  grid-row-start: 4;
  grid-row-end: 5;
}
#footer > #section-sitemap > .section-content > .sitemap-text.sub04.menu04 {
  grid-row-start: 5;
  grid-row-end: 6;
}
#footer > #section-sitemap > .section-content > .sitemap-text.sub05 {
  grid-column-start: 5;
  grid-column-end: 6;
}
#footer > #section-sitemap > .section-content > .sitemap-text.sub05.menu01 {
  grid-row-start: 2;
  grid-row-end: 3;
}
#footer > #section-sitemap > .section-content > .sitemap-text.sub05.menu02 {
  grid-row-start: 3;
  grid-row-end: 4;
}
#footer > #section-sitemap > .section-content > .sitemap-text.sub05.menu03 {
  grid-row-start: 4;
  grid-row-end: 5;
}
#footer > #section-sitemap > .section-content > .sitemap-text.sub05.menu04 {
  grid-row-start: 5;
  grid-row-end: 6;
}
#footer > #section-sitemap > .section-content > .sitemap-text.sitemap-sub {
  line-height: 2.4rem;
  font-size: 1.6rem;
  font-weight: 500;
  color: #000;
  letter-spacing: -0.032rem;
  grid-row: 1/2;
}
#footer > #section-sitemap > .section-content > .sitemap-text.sitemap-menu {
  line-height: 2.4rem;
  font-size: 1.6rem;
  color: #9b9b9b;
  letter-spacing: -0.032rem;
}
#footer > #section-sitemap > .section-content > .sitemap-sns {
  width: 32px;
  height: 32px;
  background-image: url("");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  grid-row: 1/2;
}
#footer > #section-sitemap > .section-content > .sitemap-sns.sitemap-facebook {
  grid-column: 8/9;
  background-image: url(/images/main/btn_facebook_gray.svg);
}
#footer > #section-sitemap > .section-content > .sitemap-sns.sitemap-youtube {
  grid-column: 9/10;
  background-image: url(/images/main/btn_youtube_gray.svg);
}
#footer > #section-sitemap > .section-content > .sitemap-sns.sitemap-insta {
  grid-column: 10/11;
  background-image: url(/images/main/btn_insta_gray.svg);
}
#footer > #section-sitemap > .section-content > .sitemap-sns.sitemap-kakao {
  background-image: url(/images/main/btn_kakao_gray.svg);
}
#footer > #section-sitemap > .section-content > .sitemap-blank {
  grid-area: 1/6/6/7;
}
#footer > #section-info {
  border-top: solid 1px #c7c7c7;
}
#footer > #section-info > .section-content {
  position: relative;
  width: 1320px;
  margin: 0 auto;
  padding: 30px 20px 60px;
}
#footer > #section-info > .section-content > div > div {
  line-height: 2.4rem;
  font-size: 1.6rem;
  color: #9b9b9b;
  letter-spacing: -0.032rem;
}
#footer > #section-info > .section-content > div.info-logo {
  display: flex;
  align-items: center;
  column-gap: 14px;
}
#footer > #section-info > .section-content > div.info-top {
  display: flex;
  align-items: center;
  column-gap: 30px;
  margin-top: 30px;
}
#footer > #section-info > .section-content > div.info-middle {
  display: flex;
  align-items: center;
  column-gap: 30px;
  margin-top: 10px;
}
#footer > #section-info > .section-content > div.info-bottom {
  display: flex;
  align-items: center;
  column-gap: 14px;
  margin-top: 10px;
}
#footer > #section-info > .section-content > div.info-bottom > .info-vertical-bar {
  width: 1px;
  height: 1.2rem;
  background-color: #9b9b9b;
  border: unset;
}
#footer > #section-info > .section-content > div.info-call {
  position: absolute;
  right: 20px;
  bottom: 93px;
  column-gap: 10px;
  display: flex;
}
#footer > #section-info > .section-content > .info-call > a.info-inquire {
  font-size: 2.0rem;
  color: #414141;
}
#footer > #section-info > .section-content > .info-call > a.info-email {
  font-size: 2.0rem;
  color: #6923af;
  font-weight: bold;
}
#footer > #section-info > .section-content > div.info-copyright {
  position: absolute;
  right: 20px;
  bottom: 60px;
  line-height: 2.4rem;
  font-size: 1.6rem;
  color: #9b9b9b;
  letter-spacing: -0.032rem;
}