.visual {
  width: 100%;
  height: 59.6rem;
  background-size: cover;
}
.visual.vis1 {
  background-image: url("../img/sub/visual/visual.png");
}
.visual.vis2 {
  background-image: url("../img/sub/visual/visual-1.png");
}
.visual.vis3 {
  background-image: url("../img/sub/visual/visual-2.png");
  background-position: 75%;
}
.visual.vis4 {
  background-image: url("../img/sub/visual/visual-3.png");
  background-position: 75%;
}
.visual.vis5 {
  background-image: url("../img/sub/visual/visual-4.png");
  background-position: 75%;
}
.visual.vis6 {
  background-image: url("../img/sub/visual/visual-5.png");
  background-position: 75%;
}
.visual.vis7 {
  background-image: url("../img/sub/visual/visual-6.png");
  background-position: 75%;
}
.visual.vis8 {
  background-image: url("../img/sub/visual/visual-7.png");
  background-position: 75%;
}
.visual.vis9 {
  background-image: url("../img/sub/visual/visual-8.png");
  background-position: 75%;
}
.visual.vis10 {
  background-image: url("../img/sub/visual/visual-9.png");
  background-position: 75%;
}
.visual.vis11 {
  background-image: url("../img/sub/visual/visual-10.png");
  background-position: 75%;
}
.visual.vis12 {
  background-image: url("../img/sub/visual/visual-11.png");
  background-position: 75%;
}
.visual.vis13 {
  background-image: url("../img/sub/visual/visual-12.png");
  background-position: 75%;
}
.visual.vis14 {
  background-image: url("../img/sub/visual/visual-13.png");
  background-position: 75%;
}
.visual.vis15 {
  background-image: url("../img/sub/visual/visual-14.png");
  background-position: 75%;
}
.visual.vis16 {
  background-image: url("../img/sub/visual/visual-15.png");
  background-position: 75%;
}
.visual.vis17 {
  background-image: url("../img/sub/visual/visual-16.png");
}
.visual.vis18 {
  background-image: url("../img/sub/visual/visual-17.png");
}
.visual.vis19 {
  background-image: url("../img/sub/visual/visual-18.png");
}
.visual.vis20 {
  background-image: url("../img/sub/visual/visual-19.png");
}
.visual .inner {
  height: 100%;
}
.visual .vtxt {
  display: flex;
  flex-direction: column;
  gap: 4rem;
}
.visual .v-wrap {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 4rem;
  height: 100%;
  padding-top: 20rem;
  padding-bottom: 10rem;
}
.visual .v-tit {
  font-size: var(--fs-vtit);
  font-weight: 700;
  line-height: 1.25;
  color: #fff;
}
.visual .v-desc {
  font-size: var(--fs-stit);
  font-weight: 400;
  line-height: 1.36364;
  color: #EEEEEE;
}
.visual .v-flex {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 4rem;
}
.visual .btn-flex {
  display: flex;
  gap: 2rem;
}
.visual .btn {
  display: flex;
  gap: 1rem;
  align-items: center;
  padding: 1.1rem 2rem;
  border: 0.1rem solid #fff;
  font-size: var(--fs-com);
  font-weight: 400;
  line-height: 1.5;
  color: #fff;
  transition: border-color 0.3s, background 0.3s;
  -webkit-transition: border-color 0.3s, background 0.3s;
  -moz-transition: border-color 0.3s, background 0.3s;
  -ms-transition: border-color 0.3s, background 0.3s;
  -o-transition: border-color 0.3s, background 0.3s;
}
.visual .btn .icon {
  display: block;
}
.visual .btn .icon img {
  display: block;
}
.visual .btn:hover {
  border-color: #0D7F9E;
  background: #0D7F9E;
  font-weight: 600;
  transition: border-color 0.3s, background 0.3s;
  -webkit-transition: border-color 0.3s, background 0.3s;
  -moz-transition: border-color 0.3s, background 0.3s;
  -ms-transition: border-color 0.3s, background 0.3s;
  -o-transition: border-color 0.3s, background 0.3s;
}
.visual .nav {
  display: flex;
  gap: 2rem;
}
.visual .nav li {
  position: relative;
  font-size: var(--fs-sm);
  font-weight: 400;
  line-height: 1.57143;
  color: #EEEEEE;
}
.visual .nav li::before {
  content: "";
  position: absolute;
  right: -1.1rem;
  top: 50%;
  transform: translateY(-50%);
  width: 0.1rem;
  height: 1.4rem;
  background: #fff;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.visual .nav li:last-child::before {
  display: none;
}

.inner {
  margin: 0 auto;
  padding: 0 4rem;
  width: 100%;
  max-width: 140rem;
}

.section {
  padding: 12rem 0;
}

.sec-tit {
  font-size: var(--fs-vtit);
  text-align: center;
  color: #000;
  line-height: 1.25;
}

@media all and (max-width: 64rem) {
  .section {
    padding: 10rem 0;
  }
  .visual {
    height: 50rem;
  }
  .visual .v-wrap {
    padding-top: 17rem;
    padding-bottom: 8rem;
    gap: 3rem;
  }
  .visual .v-flex {
    margin-top: 2rem;
  }
  .visual .v-desc br {
    display: none;
  }
}
@media all and (max-width: 63.9375rem) {
  .visual .v-wrap {
    padding-bottom: 6rem;
  }
}
@media all and (max-width: 47.9375rem) {
  .section {
    padding: 8rem 0;
  }
  .inner {
    padding: 0 2rem;
  }
  .visual {
    height: 45rem;
  }
  .visual .v-wrap {
    padding-top: 15rem;
    gap: 2rem;
  }
  .visual .vtxt {
    gap: 2rem;
  }
  .visual .v-flex {
    flex-direction: column;
    align-items: flex-start;
    gap: 2rem;
    margin-top: 0;
  }
  .visual .v-desc {
    font-size: var(--fs-com);
  }
  .visual .btn-flex {
    gap: 1.2rem;
  }
  .visual .btn {
    padding: 1.1rem 1.6rem;
  }
}
.inq .section {
  padding-bottom: 0;
}
.inq .inq-form-wrap {
  margin: 10rem auto 0;
  max-width: 109.6rem;
  width: 100%;
}
.inq .inq-form {
  display: flex;
  flex-direction: column;
  gap: 4rem;
}
.inq .inner-wrap {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.inq .inner-wrap:nth-of-type(2) {
  padding: 4rem 0;
  border-top: 0.1rem solid #EEEEEE;
  border-bottom: 0.1rem solid #EEEEEE;
}
.inq .sub-tit {
  font-size: var(--fs-mtit);
  font-weight: 600;
  color: #000;
}
.inq .wrap1 {
  display: flex;
  gap: 3rem;
}
.inq .wrap1 .input-wrap {
  display: flex;
  gap: 1rem;
  align-items: center;
}
.inq .wrap1 label {
  font-size: var(--fs-com);
  font-weight: 400;
  line-height: 1.5;
}
.inq .wrap1 input {
  min-width: 1.8rem;
  height: 1.8rem;
  background: url("../img/sub/sub2/checkbox.png") no-repeat;
  background-size: cover;
}
.inq .wrap1 input:checked {
  background: url("../img/sub/sub2/checkbox-c.png") no-repeat;
}
.inq .wrap2 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.inq .wrap2 .input-wrap {
  display: flex;
  align-items: center;
}
.inq .wrap2 label {
  display: block;
  min-width: 20rem;
  font-size: var(--fs-com);
  font-weight: 600;
  line-height: 1.5;
}
.inq .wrap2 select {
  width: calc(100% - 20rem);
  padding: 1.2rem 2rem;
  border: 0.1rem solid #EEEEEE;
  font-size: var(--fs-com);
  font-weight: 400;
  line-height: 1.5;
  color: #666666;
  outline: none;
  background: url("../img/sub/sub2/arrow.png") no-repeat;
  background-position: calc(100% - 2rem);
}
.inq .wrap2 input {
  width: calc(100% - 20rem);
  padding: 1.2rem 2rem;
  border: 0.1rem solid #EEEEEE;
  font-size: var(--fs-com);
  font-weight: 400;
  line-height: 1.5;
  color: #666666;
  outline: none;
}
.inq .wrap2 input::-moz-placeholder {
  color: #666666;
}
.inq .wrap2 input::placeholder {
  color: #666666;
}
.inq textarea {
  width: 100%;
  padding: 1.2rem 2rem;
  height: 24rem;
  resize: none;
  border: 0.1rem solid #EEEEEE;
  font-size: var(--fs-com);
  font-weight: 400;
  line-height: 1.5;
  color: #666666;
  outline: none;
}
.inq textarea::-moz-placeholder {
  color: #666666;
}
.inq textarea::placeholder {
  color: #666666;
}
.inq .btn-wrap {
  margin: 10rem 0 12rem;
  display: flex;
  justify-content: center;
}
.inq .btn-wrap .btn {
  padding: 1.1rem 2rem;
  border: 0.1rem solid #0D7F9E;
  text-align: center;
  font-size: var(--fs-com);
  font-weight: 400;
  line-height: 1.5;
  color: #0D7F9E;
}
.inq .map {
  width: 100%;
  height: 58.2rem;
}
.inq .map iframe {
  width: 100%;
  height: 100%;
}

@media all and (max-width: 85.375rem) {
  .inq .btn-wrap {
    margin: 10rem 0;
  }
}
@media all and (max-width: 64rem) {
  .inq .inq-form-wrap {
    margin-top: 8rem;
  }
  .inq .wrap1 {
    gap: 2rem;
  }
  .inq .wrap1 label {
    font-size: var(--fs-sm);
  }
  .inq .btn-wrap {
    margin: 8rem 0;
  }
  .inq .map {
    height: 45rem;
  }
}
@media all and (max-width: 63.9375rem) {
  .inq .wrap1 {
    flex-wrap: wrap;
    gap: 1rem 2rem;
  }
  .inq .wrap1 .input-wrap {
    width: calc(33.3333333333% - 1.3333333333rem);
  }
}
@media all and (max-width: 47.9375rem) {
  .inq .inq-form-wrap {
    margin-top: 6rem;
  }
  .inq .inq-form {
    gap: 3rem;
  }
  .inq .inner-wrap:nth-of-type(2) {
    padding: 3rem 0;
  }
  .inq .wrap1 .input-wrap {
    width: calc(50% - 1rem);
  }
  .inq .wrap2 label {
    min-width: 13rem;
  }
  .inq .wrap2 input,
  .inq .wrap2 select {
    width: calc(100% - 13rem);
  }
  .inq .btn-wrap {
    margin: 6rem 0 8rem;
  }
  .inq .map {
    height: 35rem;
  }
}
.tech .txt-wrap {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.tech .txt-wrap .type {
  font-size: var(--fs-com);
  font-weight: 400;
  line-height: 1.5;
  color: #0D7F9E;
}
.tech .txt-wrap .sub-tit {
  font-size: var(--fs-tit);
  font-weight: 700;
  line-height: 1.25;
  color: #000;
}
.tech .desc {
  font-size: var(--fs-md);
  font-weight: 400;
  line-height: 1.5;
}
.tech .point {
  font-weight: 700;
  color: #0D7F9E;
}
.tech .btn {
  display: inline-flex;
  align-items: center;
  padding: 1.1rem 2rem;
  border: 0.1rem solid #0D7F9E;
  gap: 1rem;
  font-size: var(--fs-com);
  font-weight: 400;
  line-height: 1.5;
  color: #0D7F9E;
}
.tech .btn .icon {
  display: block;
}
.tech .btn .icon img {
  display: block;
}
.tech .btn:hover {
  background: #0D7F9E;
  color: #fff;
  font-weight: 600;
}
.tech .btn:hover .icon img {
  content: url("../img/sub/sub1/arrow-w.png");
}
.tech .sec-1 .flex-wrap {
  display: flex;
  justify-content: space-between;
  margin-top: 10rem;
}
.tech .sec-1 .left {
  display: flex;
  flex-direction: column;
  gap: 4rem;
}
.tech .sec-1 .video-wrap {
  position: relative;
  width: 100%;
  max-width: 64.8rem;
  padding-bottom: 27.576%;
}
.tech .sec-1 .video-wrap iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.tech .sec-2 {
  background: url("../img/sub/sub1/tech/section_02.jpg") no-repeat bottom center;
  background-size: cover;
}
.tech .sec-2 .sec-tit {
  color: #fff;
}
.tech .sec-2 .sub-tit,
.tech .sec-2 .desc {
  color: #fff;
}
.tech .sec-2 .desc2 {
  font-size: var(--fs-stit);
  font-weight: 400;
  line-height: 1.36364;
  text-align: center;
  color: #fff;
}
.tech .sec-2 .full {
  width: 100%;
  text-align: center;
  margin: 10rem auto 0;
}
.tech .sec-2 .article {
  margin-top: 10rem;
}
.tech .sec-2 .article.none {
  margin-top: 0;
}
.tech .sec-2 .box {
  display: flex;
  flex-wrap: wrap;
  gap: 2.4rem;
  margin-top: 8rem;
}
.tech .sec-2 .box li {
  padding: 4rem 3rem;
  background: #1D1E1F;
  width: calc(25% - 1.8rem);
}
.tech .sec-2 .box .num {
  font-size: var(--fs-sm);
  font-weight: 400;
  line-height: 1.57143;
  color: #0D7F9E;
}
.tech .sec-2 .box dl {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  color: #fff;
}
.tech .sec-2 .box dt {
  font-size: var(--fs-mtit);
  font-weight: 600;
  line-height: 1.33333;
}
.tech .sec-2 .box dd {
  font-size: var(--fs-com);
  font-weight: 400;
  line-height: 1.5;
}
.tech .sec-2 .desc {
  margin-top: 4rem;
}
.tech .sec-2 .flex-wrap {
  display: flex;
  justify-content: space-between;
}
.tech .sec-2 .btn-wrap {
  margin-top: 4rem;
}
.tech .sec-3 .desc {
  margin-top: 4rem;
  text-align: center;
}
.tech .sec-3 .icon-card {
  margin: 10rem auto 0;
  display: flex;
  justify-content: center;
  gap: 2.4rem;
  flex-wrap: wrap;
  max-width: 64.8rem;
  width: 100%;
}
.tech .sec-3 .icon-card li {
  width: calc(33.3333333333% - 1.6rem);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.4rem;
}
.tech .sec-3 .icon-card .de {
  text-align: center;
  font-size: var(--fs-com);
  font-weight: 400;
  line-height: 1.5;
}
.tech .sec-4 {
  background: #FBFBFB;
}
.tech .sec-4 .desc {
  margin-top: 4rem;
}
.tech .sec-4 .img-wrap {
  display: flex;
  gap: 2.4rem;
  margin-top: 10rem;
}
.tech .sec-5 {
  background: #EEEEEE;
}
.tech .sec-5 .article {
  margin-top: 10rem;
}
.tech .sec-5 .table-tit {
  margin-bottom: 2rem;
  font-size: var(--fs-mtit);
  font-weight: 600;
  line-height: 1.33333;
}
.tech .table-wrap {
  width: 100%;
  border-top: 0.2rem solid #000;
  border-bottom: 0.1rem solid #000;
  background: #fff;
}
.tech .type-1 .img {
  padding: 0 !important;
  background: #fff;
}
.tech .type-1 tbody tr:nth-child(odd) {
  background: #FBFBFB;
}
.tech .table {
  width: 100%;
}
.tech table {
  width: 100%;
}
.tech thead tr {
  border-bottom: 0.1rem solid #000;
}
.tech tbody tr {
  border-bottom: 0.1rem solid #EEEEEE;
}
.tech th,
.tech td {
  vertical-align: middle;
  border-right: 0.1rem solid #EEEEEE;
  text-align: center;
}
.tech th:last-child,
.tech td:last-child {
  border-right: none;
}
.tech th {
  padding: 2rem;
  line-height: 1.44444;
  font-size: calc(var(--fs-com) + 0.2rem);
}
.tech td {
  padding: 1.2rem 2rem;
  line-height: 1.5;
  font-size: var(--fs-com);
}
.tech td:last-child {
  color: #666666;
}
.tech td.fw-600 {
  color: #000;
}
.tech .black {
  color: #000;
}
.tech .wid-img {
  width: 40%;
}
.tech .item-wid {
  width: 30%;
}
.tech .small-wid {
  width: 20.757576%;
}
.tech .index-wid {
  width: 16.969697%;
}
.tech .dis-wid {
  width: 20%;
}
.tech .sec-add .in-box {
  position: relative;
}
.tech .sec-add .tab {
  position: absolute;
  z-index: 15;
  top: 0;
  left: 0;
  display: flex;
  gap: 4.8rem;
  padding-top: 2rem;
}
.tech .sec-add .tab li {
  position: relative;
  font-weight: 600;
  line-height: 1.4444;
  font-size: var(--fs-md);
  color: #666666;
}
.tech .sec-add .tab li a {
  display: block;
}
.tech .sec-add .tab li::before {
  content: "";
  position: absolute;
  top: 50%;
  right: -2.5rem;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  width: 0.1rem;
  height: 1.8rem;
  opacity: 0.5;
  background: #666666;
}
.tech .sec-add .tab li:last-child::before {
  display: none;
}
.tech .sec-add .tab li.on {
  color: #0D7F9E;
}
.tech .sec-add .tab-box {
  margin-top: 10rem;
}
.tech .sec-add td {
  color: #1D1E1F !important;
}
.tech .sec-add .download {
  display: flex;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  gap: 1rem;
  padding: 1.1rem 2rem;
  border: 0.1rem solid #666666;
  font-size: var(--fs-com);
  font-weight: 400;
  line-height: 1.5;
  color: #666666;
}
.tech .sec-add .download .icon,
.tech .sec-add .download img {
  display: block;
}
.tech .sec-add .table-wrap {
  margin-top: 4rem;
}
.tech .sec-6 {
  background: #FBFBFB;
}
.tech .sec-6 .img-wrap {
  margin-top: 10rem;
  margin-bottom: 4rem;
}
.tech .sec-6 .table {
  background: #fff;
}
.tech .sec-7 .desc {
  margin-top: 4rem;
  text-align: center;
}
.tech .sec-7 .img-flex {
  display: flex;
  gap: 2.4rem;
  margin-top: 10rem;
  margin-bottom: 4rem;
}
.tech .sec-7 .small {
  font-size: var(--fs-com);
  font-weight: 400;
}
.tech .sec-7 .center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.tech .sec-7 td:not(:first-child) {
  color: #666666;
}
.tech .sec-7 td.point {
  color: #0D7F9E !important;
}
.tech .sec-8 {
  background: #FBFBFB;
}
.tech .sec-8 .flex-wrap {
  display: flex;
  justify-content: space-between;
}
.tech .sec-8 .sec-tit {
  margin-bottom: 10rem;
  color: #0D7F9E;
  text-align: left;
}
.tech .sec-8 .sub-tit {
  font-size: var(--fs-tit);
  font-weight: 700;
  line-height: 1.25;
}
.tech .sec-8 .desc {
  margin-top: 4rem;
}
.tech .sec-9 .desc {
  margin-top: 4rem;
}
.tech .sec-9 .article {
  margin-top: 10rem;
}
.tech .sec-9 .arti-tit {
  margin-bottom: 4rem;
  font-size: calc(var(--fs-tit) - 0.8rem);
}
.tech .sec-9 .card {
  display: flex;
  gap: 2.4rem;
  flex-wrap: wrap;
}
.tech .sec-9 .card li {
  width: calc(33.3333333333% - 1.6rem);
  display: flex;
  flex-direction: column;
  gap: 4rem;
  align-items: center;
  padding: 4rem 0;
  background: #FBFBFB;
}
.tech .sec-9 .name {
  font-size: calc(var(--fs-md) - 0.2rem);
  font-weight: 600;
  line-height: 1.44444;
  text-align: center;
}

@media all and (max-width: 85.375rem) {
  .tech .sec-1 .video-wrap {
    padding-bottom: 29%;
  }
  .tech .desc {
    font-size: calc(var(--fs-md) - 0.2rem);
  }
}
@media all and (max-width: 64rem) {
  .tech .sec-1 .flex-wrap {
    flex-direction: column;
    gap: 6rem;
    margin-top: 8rem;
  }
  .tech .sec-1 .video-wrap {
    padding-bottom: 40%;
  }
  .tech .sec-1 .desc br {
    display: none;
  }
  .tech .sec-2 .article {
    margin-top: 8rem;
  }
  .tech .sec-2 .full {
    margin-top: 8rem;
  }
  .tech .sec-2 .box {
    margin-top: 6rem;
  }
  .tech .sec-2 .box li {
    width: calc(33.3333333333% - 1.6rem);
  }
  .tech .sec-2 .flex-wrap {
    gap: 4rem;
  }
  .tech .sec-2 .left {
    width: 50%;
  }
  .tech .sec-2 .left .desc br {
    display: none;
  }
  .tech .sec-3 .icon-card {
    margin: 8rem auto 0;
  }
  .tech .sec-4 .img-wrap {
    margin-top: 8rem;
  }
  .tech .sec-5 .article {
    margin-top: 8rem;
  }
  .tech .sec-add .tab-box {
    margin-top: 8rem;
  }
  .tech .index-wid {
    width: 12.969697%;
  }
  .tech .small-wid {
    width: 22.757576%;
  }
  .tech .sec-6 .img-wrap {
    margin-top: 8rem;
  }
  .tech .sec-7 .img-flex {
    margin-top: 8rem;
  }
  .tech .sec-8 .flex-wrap {
    flex-direction: column;
    gap: 6rem;
  }
  .tech .sec-8 .sec-tit {
    margin-bottom: 8rem;
  }
  .tech .sec-8 .desc br {
    display: none;
  }
  .tech .sec-9 .article {
    margin-top: 8rem;
  }
  .tech .sec-9 .card li {
    align-items: center;
    justify-content: center;
  }
  .tech .sec-9 .card li .img {
    width: 80%;
  }
}
@media all and (max-width: 63.9375rem) {
  .tech .sec-1 .flex-wrap {
    margin-top: 6rem;
  }
  .tech .sec-1 .video-wrap {
    padding-bottom: 57%;
  }
  .tech .sec-2 .box li {
    width: calc(50% - 1.2rem);
  }
  .tech .sec-2 .flex-wrap {
    flex-direction: column;
    gap: 6rem;
  }
  .tech .sec-2 .left {
    width: 100%;
  }
  .tech .sec-3 .desc br {
    display: none;
  }
  .tech .sec-4 .img-wrap {
    margin-top: 6rem;
  }
  .tech .sec-4 .desc br {
    display: none;
  }
  .tech .sec-add .tab-box {
    margin-top: 6rem;
  }
  .tech .table-wrap {
    overflow-X: scroll;
  }
  .tech .table {
    min-width: 90rem;
  }
}
@media all and (max-width: 47.9375rem) {
  .tech .sec-1 .flex-wrap {
    gap: 4rem;
  }
  .tech .sec-1 .left {
    gap: 2.4rem;
  }
  .tech .sec-2 .desc {
    margin-top: 2.4rem;
  }
  .tech .sec-2 .full {
    margin-top: 4rem;
  }
  .tech .sec-2 .box {
    margin-top: 4rem;
  }
  .tech .sec-2 .box li {
    padding: 3rem 2rem;
    width: 100%;
  }
  .tech .sec-3 .desc {
    margin-top: 2.4rem;
  }
  .tech .sec-3 .icon-card {
    margin: 6rem auto 0;
    gap: 1.6rem;
  }
  .tech .sec-3 .icon-card li {
    width: calc(50% - 0.8rem);
  }
  .tech .sec-4 .desc {
    margin-top: 2.4rem;
  }
  .tech .sec-4 .img-wrap {
    flex-direction: column;
    gap: 1.6rem;
    margin-top: 4rem;
  }
  .tech .sec-5 .article {
    margin-top: 6rem;
  }
  .tech .sec-5 .table-tit {
    margin-bottom: 3rem;
    font-size: var(--fs-md);
  }
  .tech .sec-add .tab-box {
    margin-top: 4rem;
  }
  .tech .sec-add .tab {
    gap: 2.4rem;
    padding-top: 1.8rem;
  }
  .tech .sec-add .tab li::before {
    right: -1.3rem;
  }
  .tech .sec-add .table-wrap {
    margin-top: 2rem;
  }
  .tech .sec-add .download {
    padding: 1.1rem 1.6rem;
  }
  .tech .sec-6 .img-wrap {
    margin-top: 4rem;
    margin-bottom: 3rem;
  }
  .tech .sec-7 .desc {
    margin-top: 2.4rem;
  }
  .tech .sec-7 .img-flex {
    margin-top: 4rem;
    flex-direction: column;
    gap: 1.6rem;
  }
  .tech .sec-8 .flex-wrap {
    gap: 4rem;
  }
  .tech .sec-8 .sec-tit {
    margin-bottom: 4rem;
  }
  .tech .sec-8 .desc {
    margin-top: 2.4rem;
  }
  .tech .sec-9 .desc {
    margin-top: 2.4rem;
  }
  .tech .sec-9 .article {
    margin-top: 6rem;
  }
  .tech .sec-9 .arti-tit {
    margin-bottom: 3rem;
  }
  .tech .sec-9 .card {
    gap: 2rem 1.6rem;
  }
  .tech .sec-9 .card li {
    padding: 3rem 0;
    gap: 2rem;
    width: calc(50% - 0.8rem);
  }
}
.case .sec-1 .desc {
  margin-top: 4rem;
  font-size: var(--fs-stit);
  text-align: center;
  line-height: 1.36364;
}
.case .sec-1 .img-wrap {
  margin-top: 10rem;
  text-align: center;
}
.case .sec-2 {
  background: #FBFBFB;
}
.case .sec-2 .txt-wrap {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.case .sec-2 .txt-wrap .type {
  font-size: var(--fs-com);
  font-weight: 400;
  line-height: 1.5;
  color: #0D7F9E;
}
.case .sec-2 .txt-wrap .sub-tit {
  font-size: var(--fs-tit);
  font-weight: 700;
  line-height: 1.25;
  color: #000;
}
.case .sec-2 .article {
  padding-top: 10rem;
  margin-bottom: 10rem;
  border-top: 0.1rem solid #EEEEEE;
}
.case .sec-2 .article:first-of-type {
  border-top: none;
}
.case .sec-2 .article:last-of-type {
  margin-bottom: 0;
}
.case .sec-2 .flex-wrap {
  display: flex;
  justify-content: space-between;
}
.case .sec-2 .arti-tit {
  font-size: var(--fs-vtit);
  font-weight: 700;
  line-height: 1.25;
  color: #000;
}
.case .sec-2 .left {
  display: flex;
  flex-direction: column;
  gap: 4rem;
}
.case .sec-2 .desc {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  font-size: var(--fs-md);
  font-weight: 400;
  line-height: 1.5;
}
.case .sec-2 .desc .sub {
  font-size: var(--fs-mtit);
  font-weight: 600;
  line-height: 1.33333;
  color: #0D7F9E;
}
.case .sec-2 .view {
  display: flex;
  align-items: center;
  gap: 1rem;
  font-size: var(--fs-sm);
  font-weight: 400;
  line-height: 1.57143;
  color: #666666;
}
.case .sec-2 .view .icon {
  display: block;
  width: 2.6rem;
}
.case .sec-2 .view .icon img {
  display: block;
}
.case .sec-2 .view:hover {
  color: #0D7F9E;
}
.case .sec-2 .view:hover .icon img {
  content: url("../img/main/arrow-h.png");
}

@media all and (max-width: 85.375rem) {
  .case .sec-2 .flex-wrap {
    gap: 4rem;
  }
  .case .sec-2 .left {
    width: 50%;
    min-width: 50%;
  }
  .case .sec-2 .desc br {
    display: none;
  }
}
@media all and (max-width: 64rem) {
  .case .sec-1 .desc br {
    display: none;
  }
  .case .sec-1 .img-wrap {
    margin-top: 8rem;
  }
  .case .sec-2 .article {
    padding-top: 8rem;
    margin-bottom: 8rem;
  }
  .case .sec-2 .arti-tit {
    font-size: var(--fs-tit);
  }
  .case .sec-2 .desc {
    font-size: calc(var(--fs-md) - 0.2rem);
  }
  .case .sec-2 .desc .sub {
    font-size: var(--fs-md);
  }
}
@media all and (max-width: 63.9375rem) {
  .case .sec-2 .article {
    padding-top: 6rem;
    margin-bottom: 6rem;
  }
  .case .sec-2 .left {
    gap: 3rem;
  }
}
@media all and (max-width: 47.9375rem) {
  .case .sec-1 .desc {
    margin-top: 2.4rem;
  }
  .case .sec-1 .img-wrap {
    margin-top: 4rem;
  }
  .case .sec-2 .article {
    padding-top: 4rem;
    margin-bottom: 4rem;
  }
  .case .sec-2 .flex-wrap {
    flex-direction: column;
  }
  .case .sec-2 .left {
    width: 100%;
    max-width: none;
    gap: 2.4rem;
  }
}
.case-in .sec-1 .top {
  display: flex;
  flex-direction: column;
  gap: 10rem;
  align-items: center;
}
.case-in .sec-1 .desc {
  font-size: var(--fs-stit);
  font-weight: 400;
  line-height: 1.36364;
  text-align: center;
}
.case-in .sec-1 .img-area {
  display: flex;
  gap: 2.4rem;
  flex-direction: column;
  margin-top: 12rem;
}
.case-in .sec-1 .img-wrap {
  display: flex;
  gap: 2.4rem;
}
.case-in .sec-1 .desc-in {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4rem;
}
.case-in .sec-1 .btn-wrap {
  display: flex;
  justify-content: center;
  gap: 2rem;
}
.case-in .sec-1 .btn {
  display: inline-flex;
  align-items: center;
  padding: 1.1rem 2rem;
  border: 0.1rem solid #0D7F9E;
  gap: 1rem;
  font-size: var(--fs-com);
  font-weight: 400;
  line-height: 1.5;
  color: #0D7F9E;
}
.case-in .sec-1 .btn .icon {
  display: block;
}
.case-in .sec-1 .btn .icon img {
  display: block;
}
.case-in .sec-1 .btn:hover {
  background: #0D7F9E;
  color: #fff;
  font-weight: 600;
}
.case-in .sec-1 .btn:hover .icon img {
  content: url("../img/sub/sub1/arrow-w.png");
}
.case-in .sec-1 .txt-wrap {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.case-in .sec-1 .txt-wrap .type {
  font-size: var(--fs-com);
  font-weight: 400;
  line-height: 1.5;
  color: #0D7F9E;
}
.case-in .sec-1 .txt-wrap .sub-tit {
  font-size: var(--fs-tit);
  font-weight: 700;
  line-height: 1.25;
  color: #000;
}
.case-in .sec-1 .left {
  display: flex;
  flex-direction: column;
  gap: 4rem;
}
.case-in .sec-1 .left .desc {
  text-align: left;
}
.case-in .sec-1 .under {
  margin-top: 12rem;
}
.case-in .sec-1 .under .img-area {
  margin-top: 10rem;
}
.case-in .sec-2 {
  background: #FBFBFB;
}
.case-in .sec-2 .txt-wrap {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.case-in .sec-2 .txt-wrap .type {
  font-size: var(--fs-com);
  font-weight: 400;
  line-height: 1.5;
  color: #0D7F9E;
}
.case-in .sec-2 .txt-wrap .sub-tit {
  font-size: var(--fs-tit);
  font-weight: 700;
  line-height: 1.25;
  color: #000;
}
.case-in .sec-2 .desc {
  font-size: var(--fs-md);
  font-weight: 400;
  line-height: 1.5;
}
.case-in .sec-2 .left {
  display: flex;
  flex-direction: column;
  gap: 4rem;
}
.case-in .sec-2 .btn {
  display: inline-flex;
  align-items: center;
  padding: 1.1rem 2rem;
  border: 0.1rem solid #0D7F9E;
  gap: 1rem;
  font-size: var(--fs-com);
  font-weight: 400;
  line-height: 1.5;
  color: #0D7F9E;
}
.case-in .sec-2 .btn .icon {
  display: block;
}
.case-in .sec-2 .btn .icon img {
  display: block;
}
.case-in .sec-2 .btn:hover {
  background: #0D7F9E;
  color: #fff;
  font-weight: 600;
}
.case-in .sec-2 .btn:hover .icon img {
  content: url("../img/sub/sub1/arrow-w.png");
}
.case-in .sec-2 .flex-wrap {
  display: flex;
  justify-content: space-between;
}
.case-in .sec-2 .vertical {
  flex-direction: column;
  gap: 10rem;
}
.case-in .sec-2 .flex {
  display: flex;
  gap: 2.4rem;
}
.case-in .sec-2 .video-wrap {
  position: relative;
  width: 100%;
  max-width: 64.8rem;
  padding-bottom: 27.576%;
}
.case-in .sec-2 .video-wrap iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.case-in .sec-2 .flex-ver {
  display: flex;
  flex-direction: column;
  gap: 10rem;
}
.case-in .sec-2 .txt-top {
  display: flex;
  flex-direction: column;
  gap: 4rem;
}
.case-in .sec-2 .img-wrap {
  display: flex;
  gap: 2.4rem;
}
.case-in .card {
  display: flex;
  gap: 2.4rem;
}
.case-in .card li {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  padding: 4rem;
  width: calc(33.3333333333% - 1.6rem);
  background: #fff;
  border: 0.1rem solid #EEEEEE;
}
.case-in .card .num {
  font-size: var(--fs-sm);
  font-weight: 400;
  line-height: 1.57143;
  color: #0D7F9E;
}
.case-in .card .small {
  font-size: var(--fs-com);
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
}

@media all and (max-width: 85.375rem) {
  .case-in .sec-1 .img-area {
    margin-top: 10rem;
  }
  .case-in .sec-1 .under {
    margin-top: 10rem;
  }
  .case-in .sec-1 .under .img-area {
    margin-top: 8rem;
  }
  .case-in .sec-2 .video-wrap {
    padding-bottom: 29%;
  }
  .case-in .sec-2 .vertical {
    gap: 8rem;
  }
  .case-in .sec-2 .flex-ver {
    gap: 8rem;
  }
}
@media all and (max-width: 64rem) {
  .case-in .sec-1 .top {
    gap: 8rem;
  }
  .case-in .sec-1 .desc br {
    display: none;
  }
  .case-in .sec-1 .img-area {
    margin-top: 8rem;
  }
  .case-in .sec-1 .under {
    margin-top: 8rem;
  }
  .case-in .sec-1 .under .img-area {
    margin-top: 6rem;
  }
  .case-in .sec-1 .left .desc {
    font-size: calc(var(--fs-md) - 0.2rem);
  }
  .case-in .sec-1 .left .desc br {
    display: none;
  }
  .case-in .sec-2 .flex-wrap {
    gap: 4rem;
  }
  .case-in .sec-2 .left {
    width: 50%;
    min-width: 50%;
  }
  .case-in .sec-2 .card li {
    padding: 3rem 2rem;
  }
}
@media all and (max-width: 63.9375rem) {
  .case-in .sec-1 .top {
    gap: 6rem;
  }
  .case-in .sec-1 .img-area {
    margin-top: 6rem;
  }
  .case-in .sec-1 .under {
    margin-top: 6rem;
  }
  .case-in .sec-1 .under .img-area {
    margin-top: 4rem;
  }
  .case-in .sec-2 .flex-wrap {
    flex-direction: column;
  }
  .case-in .sec-2 .left {
    width: 100%;
    min-width: none;
  }
  .case-in .sec-2 .video-wrap {
    padding-bottom: 57%;
  }
  .case-in .sec-2 .flex {
    flex-direction: column;
  }
  .case-in .sec-2 .flex-ver {
    gap: 4rem;
  }
  .case-in .sec-2 .card li {
    padding: 3rem 1.6rem;
  }
  .case-in .sec-2 .card li .small br {
    display: none;
  }
  .case-in .sec-2 .desc {
    font-size: calc(var(--fs-md) - 0.2rem);
  }
  .case-in .sec-2 .desc br {
    display: none;
  }
}
@media all and (max-width: 47.9375rem) {
  .case-in .sec-1 .top {
    gap: 4rem;
  }
  .case-in .sec-1 .img-area {
    margin-top: 4rem;
    gap: 1.6rem;
  }
  .case-in .sec-1 .desc-in {
    gap: 2rem;
  }
  .case-in .sec-1 .btn-wrap {
    flex-direction: column;
    gap: 1rem;
    align-items: center;
  }
  .case-in .sec-1 .btn-wrap .btn {
    width: -moz-fit-content;
    width: fit-content;
  }
  .case-in .sec-1 .desc {
    font-size: var(--fs-com);
  }
  .case-in .sec-1 .img-wrap {
    flex-direction: column;
    gap: 1.6rem;
  }
  .case-in .sec-1 .left {
    gap: 3rem;
  }
  .case-in .sec-1 .txt-wrap .sub-tit br {
    display: none;
  }
  .case-in .sec-2 .left {
    gap: 3rem;
  }
  .case-in .sec-2 .flex {
    gap: 1.6rem;
  }
  .case-in .sec-2 .card {
    flex-wrap: wrap;
  }
  .case-in .sec-2 .card li {
    width: 100%;
  }
  .case-in .sec-2 .img-wrap {
    flex-direction: column;
    gap: 1.6rem;
  }
}
.case-sol .top {
  display: flex;
  flex-direction: column;
  gap: 10rem;
  align-items: center;
}
.case-sol .top .desc {
  font-size: var(--fs-stit);
  font-weight: 400;
  line-height: 1.36364;
  text-align: center;
}
.case-sol .sub-tit {
  margin-bottom: 10rem;
  font-size: var(--fs-tit);
  color: #000;
  font-weight: 700;
  line-height: 1.25;
}
.case-sol .sec-2 {
  background: #FBFBFB;
}
.case-sol .sec-2 .card {
  display: flex;
  justify-content: center;
  gap: 2.4rem;
}
.case-sol .sec-2 .card li {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  width: calc(33.3333333333% - 1.6rem);
  background: #0D7F9E;
  padding: 4rem;
}
.case-sol .sec-2 .card .num {
  color: #fff;
  font-size: var(--fs-sm);
  text-align: center;
}
.case-sol .sec-2 .card dl {
  display: flex;
  gap: 2rem;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.case-sol .sec-2 .card dt {
  font-size: var(--fs-mtit);
  font-weight: 600;
  line-height: 1.33333;
  color: #fff;
}
.case-sol .sec-2 .card dd {
  font-size: var(--fs-com);
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
  color: #fff;
}
.case-sol .sec-3 .table-wrap {
  width: 100%;
  border-top: 0.2rem solid #000;
  border-bottom: 0.1rem solid #000;
  background: #fff;
}
.case-sol .sec-3 .table {
  width: 100%;
}
.case-sol .sec-3 table {
  width: 100%;
}
.case-sol .sec-3 thead tr {
  border-bottom: 0.1rem solid #000;
}
.case-sol .sec-3 tbody tr {
  border-bottom: 0.1rem solid #EEEEEE;
}
.case-sol .sec-3 th,
.case-sol .sec-3 td {
  vertical-align: middle;
  border-right: 0.1rem solid #EEEEEE;
  text-align: center;
}
.case-sol .sec-3 th:last-child,
.case-sol .sec-3 td:last-child {
  border-right: none;
}
.case-sol .sec-3 th {
  padding: 2rem;
  line-height: 1.44444;
  font-size: calc(var(--fs-com) + 0.2rem);
}
.case-sol .sec-3 th .center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.case-sol .sec-3 td {
  padding: 1.2rem 2rem;
  line-height: 1.5;
  font-size: var(--fs-com);
  color: #666666;
}
.case-sol .sec-3 td:last-child {
  color: #0D7F9E;
  font-weight: 600;
}
.case-sol .sec-3 td:first-child {
  color: #000;
  font-weight: 600;
}
.case-sol .sec-3 td.fw-600 {
  color: #000;
}
.case-sol .sec-4 {
  background: #FBFBFB;
}
.case-sol .sec-4 .icon-card {
  display: flex;
  gap: 2.4rem;
  flex-wrap: wrap;
}
.case-sol .sec-4 .icon-card li {
  display: flex;
  width: calc(33.3333333333% - 1.6rem);
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  padding: 4rem 3rem;
  background: #fff;
  border: 0.1rem solid #EEEEEE;
}
.case-sol .sec-4 .icon-card .num {
  color: #0D7F9E;
  font-size: var(--fs-sm);
  text-align: center;
}
.case-sol .sec-4 .icon-card .about {
  margin-top: 1rem;
  font-size: var(--fs-com);
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
}
.case-sol .sec-4 .icon-card .about .color {
  color: #0D7F9E;
}
.case-sol .sec-5 .img-list {
  display: flex;
  gap: 2.4rem;
  flex-wrap: wrap;
}
.case-sol .sec-5 .img-list li {
  display: flex;
  flex-direction: column;
  gap: 4rem;
  width: calc(50% - 1.2rem);
  padding: 4rem 0;
  background: #FBFBFB;
}
.case-sol .sec-5 .img-list li .info {
  font-size: calc(var(--fs-com) + 0.2rem);
  font-weight: 600;
  line-height: 1.4444;
  text-align: center;
}
.case-sol .sec-5 .img-list .img {
  text-align: center;
}

@media all and (max-width: 85.375rem) {
  .case-sol .top {
    gap: 8rem;
  }
  .case-sol .sub-tit {
    margin-bottom: 8rem;
  }
}
@media all and (max-width: 64rem) {
  .case-sol .sec-2 .card li {
    padding: 4rem 2rem;
  }
  .case-sol .sec-2 .card dt {
    font-size: var(--fs-stit);
  }
  .case-sol .sec-4 .icon-card li {
    padding: 4rem 2rem;
  }
  .case-sol .sec-4 .icon-card .about br {
    display: none;
  }
  .case-sol .sec-5 .img {
    width: 80%;
    margin: 0 auto;
  }
  .case-sol .sec-5 .img-list li .info {
    font-size: var(--fs-com);
  }
}
@media all and (max-width: 63.9375rem) {
  .case-sol .top {
    gap: 6rem;
  }
  .case-sol .top .desc br {
    display: none;
  }
  .case-sol .sub-tit {
    margin-bottom: 6rem;
  }
  .case-sol .sec-2 .card {
    gap: 1.6rem;
  }
  .case-sol .sec-2 .card dl {
    gap: 1.6rem;
  }
  .case-sol .sec-2 .card li {
    padding: 3rem 1.2rem;
    width: calc(33.3333333333% - 1.0666666667rem);
  }
  .case-sol .sec-2 .card dt {
    font-size: var(--fs-md);
  }
  .case-sol .sec-4 .icon-card {
    gap: 1.6rem;
  }
  .case-sol .sec-4 .icon-card li {
    width: calc(50% - 0.8rem);
  }
  .case-sol .sec-5 .img-list {
    gap: 1.6rem;
  }
  .case-sol .sec-5 .img-list li {
    width: calc(50% - 0.8rem);
  }
}
@media all and (max-width: 47.9375rem) {
  .case-sol .sec-tit br {
    display: none;
  }
  .case-sol .top .desc {
    font-size: calc(var(--fs-com-0.2rem));
  }
  .case-sol .sub-tit {
    margin-bottom: 4rem;
  }
  .case-sol .sec-2 .card {
    flex-direction: column;
  }
  .case-sol .sec-2 .card li {
    width: 100%;
  }
  .case-sol .sec-3 .table-wrap {
    overflow-x: scroll;
  }
  .case-sol .sec-3 .table {
    min-width: 60rem;
  }
  .case-sol .sec-4 .icon-card li {
    width: 100%;
  }
  .case-sol .sec-5 .img-list li {
    width: 100%;
  }
}
.us .sec-1 .desc {
  margin-top: 4rem;
  font-size: var(--fs-stit);
  font-weight: 400;
  line-height: 1.36364;
  text-align: center;
}
.us .sec-1 .img-wrap {
  margin-top: 10rem;
}
.us .txt-wrap {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.us .txt-wrap .type {
  font-size: var(--fs-com);
  font-weight: 400;
  line-height: 1.5;
  color: #0D7F9E;
}
.us .txt-wrap .sub-tit {
  font-size: var(--fs-tit);
  font-weight: 700;
  line-height: 1.25;
  color: #000;
}
.us .sec-2 {
  background: #F3F8FA;
}
.us .sec-2 .flex-wrap {
  display: flex;
  gap: 2.4rem;
}
.us .sec-2 .left {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-width: 42.4rem;
}
.us .sec-2 .right {
  display: flex;
  flex-direction: column;
  gap: 4rem;
}
.us .sec-2 .desc-wrap {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.us .sec-2 .desc {
  font-size: var(--fs-com);
  font-weight: 400;
  line-height: 1.5;
}
.us .sec-2 .ceo {
  display: flex;
  align-items: center;
  font-size: var(--fs-com);
  font-weight: 400;
  line-height: 1.5;
  gap: 1rem;
}
.us .sec-2 .ceo span {
  font-weight: 600;
}
.us .sec-3 .number {
  display: flex;
  gap: 2.4rem;
  flex-wrap: wrap;
  margin-top: 10rem;
}
.us .sec-3 .number li {
  width: calc(33.3333333333% - 1.6rem);
}
.us .sec-3 .number .flex {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.us .sec-3 .number .icon {
  min-width: 4rem;
  width: 4rem;
}
.us .sec-3 .number dl {
  display: flex;
  flex-direction: column;
}
.us .sec-3 .number dt {
  font-size: var(--fs-sm);
  font-weight: 400;
  color: #0D7F9E;
  line-height: 1.57143;
}
.us .sec-3 .number dd {
  font-size: var(--fs-com);
  font-weight: 400;
  line-height: 1.5;
}

@media all and (max-width: 85.375rem) {
  .us .sec-1 .img-wrap {
    margin-top: 8rem;
  }
  .us .sec-3 .number {
    margin-top: 8rem;
  }
}
@media all and (max-width: 64rem) {
  .us .sec-2 .left {
    min-width: 30rem;
  }
  .us .sec-3 .number li {
    width: calc(50% - 1.2rem);
  }
}
@media all and (max-width: 63.9375rem) {
  .us .sec-1 .img-wrap {
    margin-top: 6rem;
  }
  .us .sec-2 .flex-wrap {
    flex-direction: column;
  }
  .us .sec-2 .left {
    gap: 4rem;
  }
  .us .sec-3 .number {
    margin-top: 6rem;
  }
}
@media all and (max-width: 47.9375rem) {
  .us .sec-1 .desc {
    margin-top: 2.4rem;
  }
  .us .sec-1 .desc br {
    display: none;
  }
  .us .sec-1 .img-wrap {
    margin-top: 4rem;
  }
  .us .sec-3 .number {
    margin-top: 4rem;
  }
  .us .sec-3 .number li {
    width: 100%;
  }
}
.faq .accordion-list {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-top: 10rem;
}
.faq .accordion {
  width: 100%;
  border-bottom: 0.1rem solid #EEEEEE;
}
.faq .accordion:not(:first-child) {
  margin-top: -0.1rem;
}
.faq .accordion-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  gap: 2rem;
  padding: 2rem;
  border-top: 0.1rem solid #EEEEEE;
}
.faq .top-flex {
  display: flex;
  gap: 1rem;
  color: #000;
}
.faq .top-flex .num {
  display: block;
  min-width: 4.1rem;
  font-size: calc(var(--fs-md) - 0.2rem);
  font-weight: 600;
  line-height: 1.44444;
}
.faq .top-flex .header-txt {
  font-size: calc(var(--fs-md) - 0.2rem);
  font-weight: 600;
  line-height: 1.44444;
  text-align: left;
}
.faq .icon {
  min-width: 1.4rem;
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transition: transform 0.6s;
  -webkit-transition: transform 0.6s;
  -moz-transition: transform 0.6s;
  -ms-transition: transform 0.6s;
  -o-transition: transform 0.6s;
}
.faq .accordion-body {
  display: none;
  padding: 4rem 7.1rem;
  border-top: 0.1rem solid #EEEEEE;
  background: #FBFBFB;
}
.faq .accordion-body .desc {
  font-size: var(--fs-com);
  font-weight: 400;
  line-height: 1.5;
}
.faq .accordion-body .accordion-inner {
  display: flex;
  flex-direction: column;
  gap: 4rem;
}
.faq .open .num,
.faq .open .header-txt {
  color: #0D7F9E;
}
.faq .open .icon {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transition: transform 0.6s;
  -webkit-transition: transform 0.6s;
  -moz-transition: transform 0.6s;
  -ms-transition: transform 0.6s;
  -o-transition: transform 0.6s;
}
.faq .flex-wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding-top: 4rem;
  border-top: 0.1rem solid #EEEEEE;
}
.faq .txt-wrap {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.faq .txt-wrap .type {
  font-size: var(--fs-com);
  font-weight: 400;
  line-height: 1.5;
  color: #0D7F9E;
}
.faq .txt-wrap .sub-tit {
  font-size: var(--fs-tit);
  font-weight: 700;
  line-height: 1.25;
  color: #000;
}
.faq .btn {
  display: inline-flex;
  align-items: center;
  padding: 1.1rem 2rem;
  border: 0.1rem solid #0D7F9E;
  gap: 1rem;
  font-size: var(--fs-com);
  font-weight: 400;
  line-height: 1.5;
  color: #0D7F9E;
}
.faq .btn .icon {
  display: block;
}
.faq .btn .icon img {
  display: block;
}
.faq .btn:hover {
  background: #0D7F9E;
  color: #fff;
  font-weight: 600;
}
.faq .btn:hover .icon img {
  content: url("../img/sub/sub1/arrow-w.png");
}
.faq .sec-2 {
  padding: 0 0 18rem;
}

@media all and (max-width: 85.375rem) {
  .faq .accordion-list {
    margin-top: 8rem;
  }
  .faq .sec-2 {
    padding-bottom: 15rem;
  }
}
@media all and (max-width: 63.9375rem) {
  .faq .accordion-list {
    margin-top: 6rem;
  }
  .faq .sec-2 {
    padding-bottom: 12rem;
  }
}
@media all and (max-width: 47.9375rem) {
  .faq .accordion-list {
    margin-top: 4rem;
  }
  .faq .accordion-header {
    gap: 1rem;
    padding: 1rem 0.6rem;
  }
  .faq .accordion-body {
    padding: 1.6rem 2rem;
  }
  .faq .accordion-body .accordion-inner {
    gap: 2rem;
  }
  .faq .accordion-body .desc {
    font-size: var(--fs-sm);
  }
  .faq .top-flex {
    gap: 0.6rem;
  }
  .faq .top-flex .header-txt {
    font-size: var(--fs-com);
  }
  .faq .top-flex .num {
    min-width: 3.3rem;
    font-size: var(--fs-com);
  }
  .faq .icon {
    width: 1.2rem;
    min-width: 1.2rem;
  }
  .faq .flex-wrap {
    flex-direction: column;
    align-items: flex-start;
    gap: 3rem;
  }
  .faq .sec-2 {
    padding-bottom: 10rem;
  }
}
.blog .txt-wrap {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.blog .txt-wrap .type {
  font-size: var(--fs-com);
  font-weight: 400;
  line-height: 1.5;
  color: #0D7F9E;
}
.blog .txt-wrap .sub-tit {
  font-size: var(--fs-tit);
  font-weight: 700;
  line-height: 1.25;
  color: #000;
}
.blog .sec-1 .flex-wrap {
  display: flex;
  justify-content: space-between;
  gap: 2.4rem;
  margin-top: 10rem;
}
.blog .sec-1 .link-box {
  display: flex;
  gap: 2.4rem;
}
.blog .sec-2 .video-wrap {
  display: flex;
  gap: 6rem 2.4rem;
  flex-wrap: wrap;
  margin-top: 10rem;
}
.blog .sec-2 .video-wrap li {
  width: calc(50% - 1.2rem);
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
}
.blog .sec-2 .video-wrap .name {
  font-size: var(--fs-mtit);
  font-weight: 600;
  line-height: 1.33333;
}
.blog .sec-2 .video-wrap .video {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.17284%;
}
.blog .sec-2 .video-wrap .video iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.blog .sec-3 .flex-wrap {
  display: flex;
  justify-content: space-between;
}
.blog .sec-3 .left {
  display: flex;
  flex-direction: column;
  gap: 4rem;
}
.blog .sec-3 .desc {
  font-size: var(--fs-md);
  font-weight: 400;
  line-height: 1.5;
}

@media all and (max-width: 85.375rem) {
  .blog .sec-1 .flex-wrap {
    margin-top: 8rem;
  }
  .blog .sec-2 .video-wrap {
    margin-top: 8rem;
  }
}
@media all and (max-width: 64rem) {
  .blog .sec-1 .flex-wrap {
    flex-direction: column;
    gap: 4rem;
  }
  .blog .sec-3 .flex-wrap {
    flex-direction: column;
    gap: 4rem;
  }
  .blog .sec-3 .left {
    gap: 3rem;
  }
}
@media all and (max-width: 63.9375rem) {
  .blog .sec-1 .flex-wrap {
    margin-top: 6rem;
  }
  .blog .sec-2 .video-wrap {
    margin-top: 6rem;
  }
  .blog .sec-2 .video-wrap .name {
    font-size: var(--fs-md);
  }
}
@media all and (max-width: 47.9375rem) {
  .blog .sec-1 .flex-wrap {
    margin-top: 4rem;
  }
  .blog .sec-1 .link-box {
    flex-direction: column;
    gap: 1.6rem;
  }
  .blog .sec-2 .video-wrap {
    margin-top: 4rem;
    gap: 3rem;
  }
  .blog .sec-2 .video-wrap li {
    width: 100%;
    gap: 1.6rem;
  }
  .blog .sec-3 .left {
    gap: 2rem;
  }
}
/*aos*/
.v-tit,
.v-desc,
.v-flex {
  opacity: 0;
}

.content-wrap .sec-tit,
.content-wrap .desc,
.content-wrap .txt-wrap,
.content-wrap .btn,
.content-wrap .img,
.content-wrap .img-wrap,
.content-wrap .full,
.content-wrap .video-wrap,
.content-wrap .table-wrap,
.content-wrap .table-tit,
.content-wrap .inq-form-wrap,
.content-wrap .accordion-list {
  opacity: 0;
}
.content-wrap .table-wrap .img {
  opacity: 1;
}

.tech .box,
.tech .icon-card,
.tech .arti-tit,
.tech .name {
  opacity: 0;
}
.tech .sec-8 .sub-tit {
  opacity: 0;
}

.case-sol .sub-tit,
.case-sol .card,
.case-sol .icon-card,
.case-sol .info {
  opacity: 0;
}

.case .flex-wrap {
  opacity: 0;
}
.case .sec-2 .desc {
  opacity: 1;
}

.case-in .card {
  opacity: 0;
}

.us .ceo,
.us .logo,
.us .number {
  opacity: 0;
}

.blog .link-box {
  opacity: 0;
}