@charset "UTF-8";
/*-------------------------------------------------
title       : 메인
Author      : PLANI moni
Create date : 2024-05-10
Last modification : 2024-05-14
-------------------------------------------------*/
#main.start {
  /*transition: all .5s ease-out .3s;*/
}

.main_wrap {
  position: relative;
}

#content {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

section {
  position: relative;
}

#visual {
  height: 100vh;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  background-image: url(../images/mbg2.jpg);
}

#visual2 {
  height: 100vh;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  background-image: url(../images/mo_main_bg.jpg);
}

#visual .inner {
  position: relative;
}
#visual .inner::before {
  content: "";
  width: 100%;
  height: 8.5rem;
  position: absolute;
  left: 0;
  top: 9.5rem;
  z-index: 1;
}
#visual .inner::after {
  content: "";
  width: 100%;
  height: 11.3rem;
  position: absolute;
  left: 0;
  top: -2.8rem;
  z-index: 4;
}
#visual .img_bg1 {
  position: absolute;
  right: 0;
  top: 9.6rem;
  -webkit-transform: translateY(15rem);
          transform: translateY(15rem);
  opacity: 0;
  z-index: 5;
  width: 66.7rem;
}
#visual .img_bg2 {
  position: absolute;
  left: 0;
  top: calc(50% + 19rem);
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  opacity: 0;
  z-index: 5;
  width: 56.8rem;
}
#visual .img_bg3 {
  position: absolute;
  right: 0;
  bottom: 0rem;
  -webkit-transform: translateY(15rem);
          transform: translateY(15rem);
  opacity: 0;
  z-index: 5;
  width: 106.9rem;
}
#visual .img1 {
  display: block;
  margin: 0 auto -1px;
  -webkit-transform: translateY(8.5rem);
          transform: translateY(8.5rem);
  opacity: 0;
  position: relative;
  z-index: 2;
  width: 745px;
}
#visual .img2 {
  display: block;
  margin: 0 auto 0;
  position: relative;
  z-index: 3;
  width: 48.1rem;
}
#visual .img3 {
  display: block;
  margin: 0 auto 0;
  padding: 2.6rem 0 4.6rem;
  -webkit-transform: translateY(-11.3rem);
          transform: translateY(-11.3rem);
  opacity: 0;
  position: relative;
  z-index: 3;
  width: 47.3rem;
}
#visual .txt {
  font-size: 4rem;
  font-weight: 400;
  color: #333;
  line-height: 1.25;
}
#visual .txt b {
  font-weight: 800;
}
#visual .txt span {
  opacity: 0;
  display: inline-block;
  min-width: 1rem;
}
#visual .txt.txt2 span:nth-child(-n+95) {
  font-weight: 800;
}
#visual .scr {
  font-size: 2.8rem;
  color: #999999;
  position: absolute;
  left: 50%;
  top: calc(50% + 16rem);
  -webkit-transform: translate(-50%, 50%);
          transform: translate(-50%, 50%);
  opacity: 0;
  -webkit-animation: down 1.3s infinite 2s;
          animation: down 1.3s infinite 2s;
}
#visual.active .inner::before {
  height: 0;
  z-index: 0;
  -webkit-transition: all 0s 0.6s;
  transition: all 0s 0.6s;
}
#visual.active .inner::after {
  height: 0;
  z-index: 0;
  -webkit-transition: all 0s 0.6s;
  transition: all 0s 0.6s;
}
#visual.active .img_bg1 {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
#visual.active .img_bg2 {
  top: calc(50% + 4rem);
  opacity: 1;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
#visual.active .img_bg3 {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
#visual.active .img1 {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
  -webkit-transition: all 0.5s ease-in-out 0.5s;
  transition: all 0.5s ease-in-out 0.5s;
}
#visual.active .img3 {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
  background: #fff;
  -webkit-transition: all 0.5s ease-in-out 0s, background 0s ease-in-out 0.5s;
  transition: all 0.5s ease-in-out 0s, background 0s ease-in-out 0.5s;
}


#visual.active .txt.txt1 span {
  font-size: 1.9rem;
  -webkit-animation: fadeIn 0.3s ease-in-out forwards;
          animation: fadeIn 0.3s ease-in-out forwards;
}
#visual.active .txt.txt1 span:nth-child(1) {
  font-size: 1.9rem;
  -webkit-animation-delay: 0.94s;
          animation-delay: 0.94s;
}
#visual.active .txt.txt1 span:nth-child(2) {
  font-size: 1.9rem;
  -webkit-animation-delay: 0.98s;
          animation-delay: 0.98s;
}
#visual.active .txt.txt1 span:nth-child(3) {
  font-size: 1.9rem;
  -webkit-animation-delay: 1.02s;
          animation-delay: 1.02s;
}
#visual.active .txt.txt1 span:nth-child(4) {
  font-size: 1.9rem;
  -webkit-animation-delay: 1.06s;
          animation-delay: 1.06s;
}
#visual.active .txt.txt1 span:nth-child(5) {
  font-size: 1.9rem;
  -webkit-animation-delay: 1.1s;
          animation-delay: 1.1s;
}
#visual.active .txt.txt1 span:nth-child(6) {
  font-size: 1.9rem;
  -webkit-animation-delay: 1.14s;
          animation-delay: 1.14s;
}
#visual.active .txt.txt1 span:nth-child(7) {
  font-size: 1.9rem;
  -webkit-animation-delay: 1.18s;
          animation-delay: 1.18s;
}
#visual.active .txt.txt1 span:nth-child(8) {
  font-size: 1.9rem;
  -webkit-animation-delay: 1.22s;
          animation-delay: 1.22s;
}
#visual.active .txt.txt1 span:nth-child(9) {
  font-size: 1.9rem;
  -webkit-animation-delay: 1.26s;
          animation-delay: 1.26s;
}
#visual.active .txt.txt1 span:nth-child(10) {
  font-size: 1.9rem;
  -webkit-animation-delay: 1.3s;
          animation-delay: 1.3s;
}
#visual.active .txt.txt1 span:nth-child(11) {
  font-size: 1.9rem;
  -webkit-animation-delay: 1.34s;
          animation-delay: 1.34s;
}
#visual.active .txt.txt1 span:nth-child(12) {
  font-size: 1.9rem;
  -webkit-animation-delay: 1.38s;
          animation-delay: 1.38s;
}
#visual.active .txt.txt1 span:nth-child(13) {
  font-size: 1.9rem;
  -webkit-animation-delay: 1.42s;
          animation-delay: 1.42s;
}
#visual.active .txt.txt1 span:nth-child(14) {
  font-size: 1.9rem;
  -webkit-animation-delay: 1.46s;
          animation-delay: 1.46s;
}
#visual.active .txt.txt1 span:nth-child(15) {
  font-size: 1.9rem;
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
}
#visual.active .txt.txt1 span:nth-child(16) {
  font-size: 1.9rem;
  -webkit-animation-delay: 1.54s;
          animation-delay: 1.54s;
}
#visual.active .txt.txt1 span:nth-child(17) {
  font-size: 1.9rem;
  -webkit-animation-delay: 1.58s;
          animation-delay: 1.58s;
}
#visual.active .txt.txt1 span:nth-child(18) {
  font-size: 1.9rem;
  -webkit-animation-delay: 1.62s;
          animation-delay: 1.62s;
}
#visual.active .txt.txt1 span:nth-child(19) {
  font-size: 1.9rem;
  -webkit-animation-delay: 1.66s;
          animation-delay: 1.66s;
}
#visual.active .txt.txt1 span:nth-child(20) {
  font-size: 1.9rem;
  -webkit-animation-delay: 1.7s;
          animation-delay: 1.7s;
}
#visual.active .txt.txt1 span:nth-child(21) {
  font-size: 1.9rem;
  -webkit-animation-delay: 1.74s;
          animation-delay: 1.74s;
}
#visual.active .txt.txt1 span:nth-child(22) {
  font-size: 1.9rem;
  -webkit-animation-delay: 1.78s;
          animation-delay: 1.78s;
}
#visual.active .txt.txt1 span:nth-child(23) {
  font-size: 1.9rem;
  -webkit-animation-delay: 1.82s;
          animation-delay: 1.82s;
}
#visual.active .txt.txt1 span:nth-child(24) {
  font-size: 1.9rem;
  -webkit-animation-delay: 1.86s;
          animation-delay: 1.86s;
}
#visual.active .txt.txt1 span:nth-child(25) {
  font-size: 1.9rem;
  -webkit-animation-delay: 1.9s;
          animation-delay: 1.9s;
}
#visual.active .txt.txt1 span:nth-child(26) {
  font-size: 1.9rem;
  -webkit-animation-delay: 1.94s;
          animation-delay: 1.94s;
}
#visual.active .txt.txt1 span:nth-child(27) {
  font-size: 1.9rem;
  -webkit-animation-delay: 1.98s;
          animation-delay: 1.98s;
}
#visual.active .txt.txt1 span:nth-child(28) {
  font-size: 1.9rem;
  -webkit-animation-delay: 2.02s;
          animation-delay: 2.02s;
}
#visual.active .txt.txt1 span:nth-child(29) {
  font-size: 1.9rem;
  -webkit-animation-delay: 2.06s;
          animation-delay: 2.06s;
}
#visual.active .txt.txt1 span:nth-child(30) {
  font-size: 1.9rem;
  -webkit-animation-delay: 2.1s;
          animation-delay: 2.1s;
}
#visual.active .txt.txt1 span:nth-child(31) {
  font-size: 1.9rem;
  -webkit-animation-delay: 2.5s;
          animation-delay: 2.5s;
}
#visual.active .txt.txt1 span:nth-child(32) {
  font-size: 1.9rem;
  -webkit-animation-delay: 2.9s;
          animation-delay: 2.9s;
}
#visual.active .txt.txt1 span:nth-child(33) {
  font-size: 1.9rem;
  -webkit-animation-delay: 3.03s;
          animation-delay: 3.03s;
}
#visual.active .txt.txt1 span:nth-child(34) {
  font-size: 1.9rem;
  -webkit-animation-delay: 3.07s;
          animation-delay: 3.07s;
}
#visual.active .txt.txt1 span:nth-child(35) {
  font-size: 1.9rem;
  -webkit-animation-delay: 3.1s;
          animation-delay: 3.1s;
}




#visual.active .txt.txt2 span {
  -webkit-animation: fadeIn 0.3s ease-in-out forwards;
          animation: fadeIn 0.3s ease-in-out forwards;
}
#visual.active .txt.txt2 span:nth-child(1) {
  -webkit-animation-delay: 1.24s;
          animation-delay: 1.24s;
}
#visual.active .txt.txt2 span:nth-child(2) {
  -webkit-animation-delay: 1.28s;
          animation-delay: 1.28s;
}
#visual.active .txt.txt2 span:nth-child(3) {
  -webkit-animation-delay: 1.32s;
          animation-delay: 1.32s;
}
#visual.active .txt.txt2 span:nth-child(4) {
  -webkit-animation-delay: 1.36s;
          animation-delay: 1.36s;
}
#visual.active .txt.txt2 span:nth-child(5) {
  -webkit-animation-delay: 1.4s;
          animation-delay: 1.4s;
}
#visual.active .txt.txt2 span:nth-child(6) {
  -webkit-animation-delay: 1.44s;
          animation-delay: 1.44s;
}
#visual.active .txt.txt2 span:nth-child(7) {
  -webkit-animation-delay: 1.48s;
          animation-delay: 1.48s;
}
#visual.active .txt.txt2 span:nth-child(8) {
  -webkit-animation-delay: 1.52s;
          animation-delay: 1.52s;
}
#visual.active .txt.txt2 span:nth-child(9) {
  -webkit-animation-delay: 1.56s;
          animation-delay: 1.56s;
}
#visual.active .txt.txt2 span:nth-child(10) {
  -webkit-animation-delay: 1.6s;
          animation-delay: 1.6s;
}
#visual.active .txt.txt2 span:nth-child(11) {
  -webkit-animation-delay: 1.64s;
          animation-delay: 1.64s;
}
#visual.active .txt.txt2 span:nth-child(12) {
  -webkit-animation-delay: 1.68s;
          animation-delay: 1.68s;
}
#visual.active .txt.txt2 span:nth-child(13) {
  -webkit-animation-delay: 1.72s;
          animation-delay: 1.72s;
}
#visual.active .txt.txt2 span:nth-child(14) {
  -webkit-animation-delay: 1.76s;
          animation-delay: 1.76s;
}
#visual.active .txt.txt2 span:nth-child(15) {
  -webkit-animation-delay: 1.8s;
          animation-delay: 1.8s;
}
#visual.active .txt.txt2 span:nth-child(16) {
  -webkit-animation-delay: 1.84s;
          animation-delay: 1.84s;
}
#visual.active .txt.txt2 span:nth-child(17) {
  -webkit-animation-delay: 1.88s;
          animation-delay: 1.88s;
}
#visual.active .txt.txt2 span:nth-child(18) {
  -webkit-animation-delay: 1.92s;
          animation-delay: 1.92s;
}
#visual.active .txt.txt2 span:nth-child(19) {
  -webkit-animation-delay: 1.96s;
          animation-delay: 1.96s;
}
#visual.active .txt.txt2 span:nth-child(20) {
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}
#visual.active .txt.txt2 span:nth-child(21) {
  -webkit-animation-delay: 2.04s;
          animation-delay: 2.04s;
}
#visual.active .txt.txt2 span:nth-child(22) {
  -webkit-animation-delay: 2.08s;
          animation-delay: 2.08s;
}
#visual.active .txt.txt2 span:nth-child(23) {
  -webkit-animation-delay: 2.12s;
          animation-delay: 2.12s;
}
#visual.active .txt.txt2 span:nth-child(24) {
  -webkit-animation-delay: 2.16s;
          animation-delay: 2.16s;
}
#visual.active .txt.txt2 span:nth-child(25) {
  -webkit-animation-delay: 2.2s;
          animation-delay: 2.2s;
}
#visual.active .txt.txt2 span:nth-child(26) {
  -webkit-animation-delay: 2.24s;
          animation-delay: 2.24s;
}
#visual.active .txt.txt2 span:nth-child(27) {
  -webkit-animation-delay: 2.28s;
          animation-delay: 2.28s;
}
#visual.active .txt.txt2 span:nth-child(28) {
  -webkit-animation-delay: 2.32s;
          animation-delay: 2.32s;
}
#visual.active .txt.txt2 span:nth-child(29) {
  -webkit-animation-delay: 2.36s;
          animation-delay: 2.36s;
}
#visual.active .txt.txt2 span:nth-child(30) {
  -webkit-animation-delay: 2.4s;
          animation-delay: 2.4s;
}

@-webkit-keyframes down {
  0% {
    top: calc(50% + 16rem);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    top: calc(50% + 17.5rem);
    opacity: 0;
  }
}

@keyframes down {
  0% {
    top: calc(50% + 16rem);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    top: calc(50% + 17.5rem);
    opacity: 0;
  }
}
@-webkit-keyframes down2 {
  0% {
    top: calc(50% + 11rem);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    top: calc(50% + 12.5rem);
    opacity: 0;
  }
}
@keyframes down2 {
  0% {
    top: calc(50% + 11rem);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    top: calc(50% + 12.5rem);
    opacity: 0;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2.5rem);
            transform: translateY(2.5rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2.5rem);
            transform: translateY(2.5rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}
#section_1 .group_1 {
  height: 150vh;
  background: -webkit-gradient(linear, left top, left bottom, from(#208E81), to(#3D5695));
  background: linear-gradient(180deg, #208E81 0%, #3D5695 100%);
  position: relative;
  text-align: center;
  color: #fff;
  width: 60rem;
  border-radius: 6rem;
  margin: 0 auto;
  -webkit-transition: all 0.8s ease-in-out 0.1s;
  transition: all 0.8s ease-in-out 0.1s;
}
#section_1 .group_1::after {
  content: "";
  display: block;
  clear: both;
}
#section_1 .group_1 .img1 {
  position: sticky;
  left: 7.6rem;
  top: 17.4rem;
  float: left;
  margin-top: 17.4rem;
  margin-left: 7.6rem;
  margin-bottom: calc(100vh - 14.4rem);
  width: 33.1rem;
}
#section_1 .group_1 .img2 {
  position: sticky;
  right: 0;
  float: right;
  margin-top: calc(100vh - 44.5rem);
  top: calc(100vh - 44.5rem);
  width: 44.8rem;
}
#section_1 .group_1 .inner {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  top: 50%;
}
#section_1 .group_1 .txt1 {
  font-size: 6rem;
  font-weight: 800;
  line-height: 1.2;
  margin-bottom: 4rem;
  opacity: 0;
  -webkit-transform: translateY(6rem);
          transform: translateY(6rem);
  -webkit-transition: all 0.5s ease-in-out 0.3s;
  transition: all 0.5s ease-in-out 0.3s;
}
#section_1 .group_1 .txt1 b {
  color: #C2F2ED;
}
#section_1 .group_1 .box {
  background: #fff url(../img/s2_1.png) no-repeat;
  background-size: 100%;
  border-radius: 6rem;
  width: 96rem;
  padding: 15rem 5rem;
  margin-bottom: 2rem;
  opacity: 0;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  -webkit-transition: all 0.5s ease-in-out 0.5s;
  transition: all 0.5s ease-in-out 0.5s;
}
#section_1 .group_1 .img3 {
  width: 63.7rem;
}
#section_1 .group_1 .txt2 {
  font-size: 2.8rem;
  line-height: 1.5;
  opacity: 0;
  -webkit-transform: translateY(6rem);
          transform: translateY(6rem);
  -webkit-transition: all 0.5s ease-in-out 0.8s;
  transition: all 0.5s ease-in-out 0.8s;
}
#section_1 .group_1 .txt2 b {
  font-weight: 700;
}
#section_1 .group_1 .scr {
  color: #fff;
  font-size: 2.8rem;
  position: absolute;
  left: 50%;
  bottom: 4rem;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-animation: down 1.5s infinite;
          animation: down 1.5s infinite;
}
#section_1 .group_1.active {
  width: 100%;
  border-radius: 0;
}
#section_1 .group_1.active .txt1 {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
#section_1 .group_1.active .box {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
#section_1 .group_1.active .txt2 {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.section_2 {
  text-align: center;
  position: relative;
  background: #fff;
  padding-top: 0.5rem;
}
.section_2::before {
  content: "";
  width: 128rem;
  max-width: calc(100% - 4rem);
  height: 60rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 20rem;
  border-radius: 6rem;
  -webkit-transition: all 1s ease-in-out 0.2s;
  transition: all 1s ease-in-out 0.2s;
}
.section_2 .group {
  width: 128rem;
  max-width: calc(100% - 4rem);
  margin-left: auto !important;
  margin-right: auto !important;
  padding-top: 8rem;
  position: relative;
}
.section_2 .title_a {
  font-size: 4rem;
  font-weight: 800;
  color: #333;
  line-height: 1.25;
  margin-bottom: 2rem;
  letter-spacing: -1.2px;
}
.section_2 .title_b a {
  color: #00A390;
  font-weight: 800;
}

.section_2 .title_b {
  font-size: 6rem;
  font-weight: 800;
  color: #333;
  line-height: 1.25;
  margin-bottom: 2rem;
  letter-spacing: -1.2px;
}
.section_2 .title_b b {
  color: #00A390;
  font-weight: 800;
}
.section_2 .desc {
  font-size: 2.2rem;
  color: #555;
  font-weight: 500;
  margin-bottom: 6rem;
  word-break: normal;
}
.section_2 .desc b {
  color: #333;
  font-weight: 700;
}
.section_2 .info {
  text-align: center;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.4rem;
  margin-bottom: 2.4rem;
}
.section_2 .info i {
  color: #AAAAAA;
  font-size: 2rem;
  vertical-align: top;
  line-height: 2.4rem;
  margin-right: 0.3rem;
}
.section_2 .part {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: calc(100% + 4rem);
  position: relative;
}
.section_2 .part .item {
  -webkit-box-flex: calc(100% - 4rem);
      -ms-flex: calc(100% - 4rem);
          flex: calc(100% - 4rem);
  margin-right: 4rem;
  position: relative;
}
.section_2 .group_divi {
  height: 60rem;
  background: #222;
  border-radius: 6rem;
  padding: 11rem 3rem 30rem;
  text-align: center;
  -webkit-transition: all 0.1s ease-in-out 1.2s;
  transition: all 0.1s ease-in-out 1.2s;
}
.section_2 .group_divi .txt1 {
  font-size: 4.8rem;
  font-weight: 800;
  color: #E2E2E2;
  margin-bottom: 1.6rem;
  line-height: 1.2;
  opacity: 1;
  -webkit-transform: translateY(0) scale(1);
          transform: translateY(0) scale(1);
  -webkit-transition: all 0.75s cubic-bezier(0.68, -0.6, 0.32, 1.6) 0.4s;
  transition: all 0.75s cubic-bezier(0.68, -0.6, 0.32, 1.6) 0.4s;
}
.section_2 .group_divi .txt1 i {
  margin: 0 0.5rem;
}
.section_2 .group_divi .txt1 .yellow {
  color: #FCCD6B;
}
.section_2 .group_divi .txt2 {
  font-size: 9.6rem;
  font-weight: 800;
  color: #fff;
  line-height: 1.2;
  letter-spacing: -1.92px;
  opacity: 1;
  -webkit-transform: translateY(0) scale(1);
          transform: translateY(0) scale(1);
  -webkit-transition: all 0.75s cubic-bezier(0.68, -0.6, 0.32, 1.6) 0.4s;
  transition: all 0.75s cubic-bezier(0.68, -0.6, 0.32, 1.6) 0.4s;
}
.section_2 .group_divi .img3 {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%) scale(1);
          transform: translateX(-50%) scale(1);
  bottom: 0;
  opacity: 1;
  -webkit-transition: all 0.5s ease-in-out 0.8s;
  transition: all 0.5s ease-in-out 0.8s;
  width: 18.8rem;
}
.section_2.active::before {
  width: 128rem;
  max-width: calc(100% - 4rem);
  height: 60rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 20rem;
  border-radius: 6rem;
}
.section_2.active .group_divi {
  background: #222;
}
.section_2.active .group_divi .txt1 {
  opacity: 1;
  -webkit-transform: translateY(0) scale(1);
          transform: translateY(0) scale(1);
}
.section_2.active .group_divi .txt2 {
  opacity: 1;
  -webkit-transform: translateY(0) scale(1);
          transform: translateY(0) scale(1);
}
.section_2.active .group_divi .img3 {
  opacity: 1;
  -webkit-transform: translateX(-50%) scale(1);
          transform: translateX(-50%) scale(1);
}

#section_2 .group_2 {
  padding-bottom: 16rem;
}
#section_2 .part_1 .img1 {
  -webkit-transform: scale(0.7);
          transform: scale(0.7);
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out 0.2s;
  transition: all 0.3s ease-in-out 0.2s;
  padding-top: 2.5rem;
}
#section_2 .part_1 .bubble {
  background-color: #353331;
  color: #fff;
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 1.25;
  padding: 1.6rem 2rem;
  border-radius: 1.6rem;
  display: block;
  -webkit-filter: drop-shadow(0px 16px 24px rgba(0, 0, 0, 0.2));
          filter: drop-shadow(0px 16px 24px rgba(0, 0, 0, 0.2));
  white-space: nowrap;
  position: absolute;
  opacity: 0;
  -webkit-transform: scale(0.7);
          transform: scale(0.7);
  -webkit-transition: all 0.5s cubic-bezier(0.68, -0.6, 0.32, 1.6) 0.4s;
  transition: all 0.5s cubic-bezier(0.68, -0.6, 0.32, 1.6) 0.4s;
}
#section_2 .part_1 .bubble::before {
  content: "\eb58";
  font-family: "xeicon";
  color: #353331;
  font-size: 3.4rem;
  position: absolute;
}
#section_2 .part_1 .bubble.bubble_10 {
  top: 4.8rem;
  left: 5.4rem;
  background-color: #043754;
}
#section_2 .part_1 .bubble.bubble_10::before {
  left: 3rem;
  bottom: -2.2rem;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  color: #043754;
}
#section_2 .part_1 .bubble.bubble_11 {
  top: 9.9rem;
  right: 6.3rem;
  background: #FCCD6B;
  color: #363331;
}
#section_2 .part_1 .bubble.bubble_11::before {
  right: 3rem;
  bottom: -2.2rem;
  -webkit-transform: rotate(-125deg);
          transform: rotate(-125deg);
  color: #FCCD6B;
}
#section_2 .part_1 .bubble.bubble_20 {
  top: 5.5rem;
  left: calc(50% - 18rem);
}
#section_2 .part_1 .bubble.bubble_20::before {
  right: 3rem;
  bottom: -2.2rem;
  -webkit-transform: rotate(-125deg);
          transform: rotate(-125deg);
}
#section_2 .part_1 .circle {
  position: absolute;
  left: calc(50% - 2rem);
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  top: 50%;
  width: 16rem;
  height: 16rem;
  border-radius: 50%;
  font-size: 1.8rem;
  font-weight: 500;
  color: #555;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#section_2 .part_1 .circle span {
  font-size: 2.8rem;
  color: #1A1A1A;
  font-weight: 600;
  display: block;
  line-height: 1.2;
}
#section_2 .part_2 .item {
  padding: 4rem 7rem 5.8rem;
  background-color: #F2F2F2;
  border-radius: 4rem;
  opacity: 0;
  -webkit-transform: translateX(33rem);
          transform: translateX(33rem);
  -webkit-transition: all 0.7s ease-in-out 0.2s;
  transition: all 0.7s ease-in-out 0.2s;
}
#section_2 .part_2 .item.item_1 {
  cursor: url("../img/cursor.png"), auto;
}
#section_2 .part_2 .item.item_2 {
  background-color: #DDEAF5;
  -webkit-transform: translateX(-33rem);
          transform: translateX(-33rem);
}
#section_2 .part_2 .item .img1 {
  margin-bottom: 3rem;
  width: 20rem;
}
#section_2 .part_2 .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: calc(100% - 13rem);
}
#section_2 .part_2 .list li {
  background-color: #fff;
  border-radius: 2rem;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  margin-bottom: 1.6rem;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
#section_2 .part_2 .list.list_1 button {
  border: 2px solid #fff;
  min-height: 12rem;
  font-size: 2.4rem;
  border-radius: 2rem;
  font-weight: 600;
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: url("../img/cursor.png"), auto;
}
#section_2 .part_2 .list.list_1 img {
  margin-right: 0.8rem;
  width: 4.8rem;
}
#section_2 .part_2 .list.list_2 li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1rem 3rem;
  border: 2px solid #fff;
  position: relative;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
#section_2 .part_2 .list.list_2 li::after {
  content: "";
  position: absolute;
  left: -1rem;
  top: -1.2rem;
  background: url(../img/g3_check.png) no-repeat;
  width: 2.8rem;
  height: 2.8rem;
  opacity: 0;
  -webkit-transform: scale(0.7);
          transform: scale(0.7);
  -webkit-transition: all 0.2s cubic-bezier(0.68, -0.6, 0.32, 1.6) 0.25s;
  transition: all 0.2s cubic-bezier(0.68, -0.6, 0.32, 1.6) 0.25s;
  background-size: contain;
}
#section_2 .part_2 .list.list_2 li::before {
  content: "";
  position: absolute;
  left: -3px;
  top: -2px;
  border: 3px dashed #005DA9;
  width: 0;
  height: 0;
  border-radius: 2rem;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#section_2 .part_2 .list.list_2 li.active {
  border-color: transparent;
}
#section_2 .part_2 .list.list_2 li.active::before {
  width: 101%;
  height: 103%;
  opacity: 1;
}
#section_2 .part_2 .list.list_2 li.active::after {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
#section_2 .part_2 .list.list_2 .img_ci {
  margin-right: 1.8rem;
  width: 8rem;
}
#section_2 .part_2 .list.list_2 .txt_box {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 calc(100% - 9.8rem);
          flex: 1 1 calc(100% - 9.8rem);
}
#section_2 .part_2 .list.list_2 .txt1 {
  font-size: 1.8rem;
  color: #7A7A7A;
  text-align: left;
  line-height: 1.2;
}
#section_2 .part_2 .list.list_2 .txt1 b {
  font-size: 2rem;
  color: #333;
  font-weight: 600;
}
#section_2 .part_2 .list.list_2 .txt2 {
  font-size: 1.8rem;
  color: #7A7A7A;
  text-align: left;
}
#section_2 .part_2 .list button.active {
  border: 2px solid #555;
}
#section_2 .part_2 .list_d {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0.8rem;
}
#section_2 .part_2 .list_d p {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  border: 2px solid #ddd;
  border-radius: 0.8rem;
  margin-right: 0.8rem;
  line-height: 3.7rem;
  font-size: 1.8rem;
  color: #333;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#section_2 .part_2 .list_d p:last-child {
  margin-right: 0;
}
#section_2 .part_2 .list_d p::after {
  content: "";
  position: absolute;
  left: -1rem;
  top: -1.2rem;
  background: url(../img/g3_check.png) no-repeat;
  width: 2.8rem;
  height: 2.8rem;
  opacity: 0;
  -webkit-transform: scale(0.7);
          transform: scale(0.7);
  -webkit-transition: all 0.4s cubic-bezier(0.68, -0.6, 0.32, 1.6) 0.3s;
  transition: all 0.4s cubic-bezier(0.68, -0.6, 0.32, 1.6) 0.3s;
  background-size: contain;
}
#section_2 .part_2 .list_d p::before {
  content: "";
  position: absolute;
  left: -2px;
  top: -2px;
  border: 3px dashed #005DA9;
  width: 0;
  height: 0;
  border-radius: 0.8rem;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0;
}
#section_2 .part_2 .list_d p.active {
  border-color: transparent;
}
#section_2 .part_2 .list_d p.active::before {
  width: 103%;
  height: 110%;
  opacity: 1;
}
#section_2 .part_2 .list_d p.active::after {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
#section_2.active .group_1.active .part_1 .img1 {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
#section_2.active .group_1.active .part_1 .bubble {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
#section_2.active .group_2.active .part_2 .item {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

/*******************************************************************/
.section_22 {
  text-align: center;
  position: relative;
  background: #ebebeb;
  padding-top: 0.5rem;
  padding-bottom: 13.5rem;
}

.section_22::before {
  content: "";
  width: 128rem;
  max-width: calc(100% - 4rem);
  height: 60rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 20rem;
  border-radius: 6rem;
  -webkit-transition: all 1s ease-in-out 0.2s;
  transition: all 1s ease-in-out 0.2s;
}
.section_22 .group {
  width: 128rem;
  max-width: calc(100% - 4rem);
  margin-left: auto !important;
  margin-right: auto !important;
  padding-top: 8rem;
  position: relative;
}
.section_22 .title_a {
  font-size: 4rem;
  font-weight: 800;
  color: #333;
  line-height: 1.25;
  margin-bottom: 2rem;
  letter-spacing: -1.2px;
}

.section_22 .txt11 {
  font-size: 2rem;
  font-weight: 600;
  color: #333;
  line-height: 1.45;
  margin-bottom: 2rem;
  letter-spacing: -1.2px;
}

.section_22 .title_b a {
  color: #00A390;
  font-weight: 800;
}

.section_22 .title_b {
  font-size: 6rem;
  font-weight: 800;
  color: #333;
  line-height: 1.25;
  margin-bottom: 2rem;
  letter-spacing: -1.2px;
}
.section_22 .title_b b {
  color: #00A390;
  font-weight: 800;
}
.section_22 .desc {
  font-size: 2.2rem;
  color: #555;
  font-weight: 500;
  margin-bottom: 6rem;
  word-break: normal;
}
.section_22 .desc b {
  color: #333;
  font-weight: 700;
}
.section_22 .info {
  text-align: center;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.4rem;
  margin-bottom: 2.4rem;
}
.section_22 .info i {
  color: #AAAAAA;
  font-size: 2rem;
  vertical-align: top;
  line-height: 2.4rem;
  margin-right: 0.3rem;
}
.section_22 .part {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: calc(100% + 4rem);
  position: relative;
}
.section_22 .part .item {
  -webkit-box-flex: calc(100% - 4rem);
      -ms-flex: calc(100% - 4rem);
          flex: calc(100% - 4rem);
  margin-right: 4rem;
  position: relative;
}
.section_22 .group_divi {
  height: 60rem;
  background: #222;
  border-radius: 6rem;
  padding: 11rem 3rem 30rem;
  text-align: center;
  -webkit-transition: all 0.1s ease-in-out 1.2s;
  transition: all 0.1s ease-in-out 1.2s;
}
.section_22 .group_divi .txt1 {
  font-size: 4.8rem;
  font-weight: 800;
  color: #E2E2E2;
  margin-bottom: 1.6rem;
  line-height: 1.2;
  opacity: 1;
  -webkit-transform: translateY(0) scale(1);
          transform: translateY(0) scale(1);
  -webkit-transition: all 0.75s cubic-bezier(0.68, -0.6, 0.32, 1.6) 0.4s;
  transition: all 0.75s cubic-bezier(0.68, -0.6, 0.32, 1.6) 0.4s;
}
.section_22 .group_divi .txt1 i {
  margin: 0 0.5rem;
}
.section_22 .group_divi .txt1 .yellow {
  color: #FCCD6B;
}
.section_22 .group_divi .txt2 {
  font-size: 9.6rem;
  font-weight: 800;
  color: #fff;
  line-height: 1.2;
  letter-spacing: -1.92px;
  opacity: 1;
  -webkit-transform: translateY(0) scale(1);
          transform: translateY(0) scale(1);
  -webkit-transition: all 0.75s cubic-bezier(0.68, -0.6, 0.32, 1.6) 0.4s;
  transition: all 0.75s cubic-bezier(0.68, -0.6, 0.32, 1.6) 0.4s;
}
.section_22 .group_divi .img3 {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%) scale(1);
          transform: translateX(-50%) scale(1);
  bottom: 0;
  opacity: 1;
  -webkit-transition: all 0.5s ease-in-out 0.8s;
  transition: all 0.5s ease-in-out 0.8s;
  width: 18.8rem;
}
.section_22.active::before {
  width: 128rem;
  max-width: calc(100% - 4rem);
  height: 60rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 20rem;
  border-radius: 6rem;
}
.section_22.active .group_divi {
  background: #222;
}
.section_22.active .group_divi .txt1 {
  opacity: 1;
  -webkit-transform: translateY(0) scale(1);
          transform: translateY(0) scale(1);
}
.section_22.active .group_divi .txt2 {
  opacity: 1;
  -webkit-transform: translateY(0) scale(1);
          transform: translateY(0) scale(1);
}
.section_22.active .group_divi .img3 {
  opacity: 1;
  -webkit-transform: translateX(-50%) scale(1);
          transform: translateX(-50%) scale(1);
}

#section_22 .group_2 {
  padding-bottom: 16rem;
}
#section_22 .part_1 .img1 {
  -webkit-transform: scale(0.7);
          transform: scale(0.7);
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out 0.2s;
  transition: all 0.3s ease-in-out 0.2s;
  padding-top: 2.5rem;
}
#section_22 .part_1 .bubble {
  background-color: #353331;
  color: #fff;
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 1.25;
  padding: 1.6rem 2rem;
  border-radius: 1.6rem;
  display: block;
  -webkit-filter: drop-shadow(0px 16px 24px rgba(0, 0, 0, 0.2));
          filter: drop-shadow(0px 16px 24px rgba(0, 0, 0, 0.2));
  white-space: nowrap;
  position: absolute;
  opacity: 0;
  -webkit-transform: scale(0.7);
          transform: scale(0.7);
  -webkit-transition: all 0.5s cubic-bezier(0.68, -0.6, 0.32, 1.6) 0.4s;
  transition: all 0.5s cubic-bezier(0.68, -0.6, 0.32, 1.6) 0.4s;
}
#section_22 .part_1 .bubble::before {
  content: "\eb58";
  font-family: "xeicon";
  color: #353331;
  font-size: 3.4rem;
  position: absolute;
}
#section_22 .part_1 .bubble.bubble_10 {
  top: 4.8rem;
  left: 5.4rem;
  background-color: #043754;
}
#section_22 .part_1 .bubble.bubble_10::before {
  left: 3rem;
  bottom: -2.2rem;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  color: #043754;
}
#section_22 .part_1 .bubble.bubble_11 {
  top: 9.9rem;
  right: 6.3rem;
  background: #FCCD6B;
  color: #363331;
}
#section_22 .part_1 .bubble.bubble_11::before {
  right: 3rem;
  bottom: -2.2rem;
  -webkit-transform: rotate(-125deg);
          transform: rotate(-125deg);
  color: #FCCD6B;
}
#section_22 .part_1 .bubble.bubble_20 {
  top: 5.5rem;
  left: calc(50% - 18rem);
}
#section_22 .part_1 .bubble.bubble_20::before {
  right: 3rem;
  bottom: -2.2rem;
  -webkit-transform: rotate(-125deg);
          transform: rotate(-125deg);
}
#section_22 .part_1 .circle {
  position: absolute;
  left: calc(50% - 2rem);
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  top: 50%;
  width: 16rem;
  height: 16rem;
  border-radius: 50%;
  font-size: 1.8rem;
  font-weight: 500;
  color: #555;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#section_22 .part_1 .circle span {
  font-size: 2.8rem;
  color: #1A1A1A;
  font-weight: 600;
  display: block;
  line-height: 1.2;
}
#section_22 .part_2 .item {
  padding: 4rem 7rem 5.8rem;
  background-color: #F2F2F2;
  border-radius: 4rem;
  opacity: 0;
  -webkit-transform: translateX(33rem);
          transform: translateX(33rem);
  -webkit-transition: all 0.7s ease-in-out 0.2s;
  transition: all 0.7s ease-in-out 0.2s;
}
#section_22 .part_2 .item.item_1 {
  cursor: url("../img/cursor.png"), auto;
}
#section_22 .part_2 .item.item_2 {
  background-color: #DDEAF5;
  -webkit-transform: translateX(-33rem);
          transform: translateX(-33rem);
}
#section_22 .part_2 .item .img1 {
  margin-bottom: 3rem;
  width: 20rem;
}
#section_22 .part_2 .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: calc(100% - 13rem);
}
#section_22 .part_2 .list li {
  background-color: #fff;
  border-radius: 2rem;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  margin-bottom: 1.6rem;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
#section_22 .part_2 .list.list_1 button {
  border: 2px solid #fff;
  min-height: 12rem;
  font-size: 2.4rem;
  border-radius: 2rem;
  font-weight: 600;
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: url("../img/cursor.png"), auto;
}
#section_22 .part_2 .list.list_1 img {
  margin-right: 0.8rem;
  width: 4.8rem;
}
#section_22 .part_2 .list.list_2 li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1rem 3rem;
  border: 2px solid #fff;
  position: relative;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
#section_22 .part_2 .list.list_2 li::after {
  content: "";
  position: absolute;
  left: -1rem;
  top: -1.2rem;
  background: url(../img/g3_check.png) no-repeat;
  width: 2.8rem;
  height: 2.8rem;
  opacity: 0;
  -webkit-transform: scale(0.7);
          transform: scale(0.7);
  -webkit-transition: all 0.2s cubic-bezier(0.68, -0.6, 0.32, 1.6) 0.25s;
  transition: all 0.2s cubic-bezier(0.68, -0.6, 0.32, 1.6) 0.25s;
  background-size: contain;
}
#section_22 .part_2 .list.list_2 li::before {
  content: "";
  position: absolute;
  left: -3px;
  top: -2px;
  border: 3px dashed #005DA9;
  width: 0;
  height: 0;
  border-radius: 2rem;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#section_22 .part_2 .list.list_2 li.active {
  border-color: transparent;
}
#section_22 .part_2 .list.list_2 li.active::before {
  width: 101%;
  height: 103%;
  opacity: 1;
}
#section_22 .part_2 .list.list_2 li.active::after {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
#section_22 .part_2 .list.list_2 .img_ci {
  margin-right: 1.8rem;
  width: 8rem;
}
#section_22 .part_2 .list.list_2 .txt_box {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 calc(100% - 9.8rem);
          flex: 1 1 calc(100% - 9.8rem);
}
#section_22 .part_2 .list.list_2 .txt1 {
  font-size: 1.8rem;
  color: #7A7A7A;
  text-align: left;
  line-height: 1.2;
}
#section_22 .part_2 .list.list_2 .txt1 b {
  font-size: 2rem;
  color: #333;
  font-weight: 600;
}
#section_22 .part_2 .list.list_2 .txt2 {
  font-size: 1.8rem;
  color: #7A7A7A;
  text-align: left;
}
#section_22 .part_2 .list button.active {
  border: 2px solid #555;
}
#section_22 .part_2 .list_d {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0.8rem;
}
#section_22 .part_2 .list_d p {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  border: 2px solid #ddd;
  border-radius: 0.8rem;
  margin-right: 0.8rem;
  line-height: 3.7rem;
  font-size: 1.8rem;
  color: #333;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#section_22 .part_2 .list_d p:last-child {
  margin-right: 0;
}
#section_22 .part_2 .list_d p::after {
  content: "";
  position: absolute;
  left: -1rem;
  top: -1.2rem;
  background: url(../img/g3_check.png) no-repeat;
  width: 2.8rem;
  height: 2.8rem;
  opacity: 0;
  -webkit-transform: scale(0.7);
          transform: scale(0.7);
  -webkit-transition: all 0.4s cubic-bezier(0.68, -0.6, 0.32, 1.6) 0.3s;
  transition: all 0.4s cubic-bezier(0.68, -0.6, 0.32, 1.6) 0.3s;
  background-size: contain;
}
#section_22 .part_2 .list_d p::before {
  content: "";
  position: absolute;
  left: -2px;
  top: -2px;
  border: 3px dashed #005DA9;
  width: 0;
  height: 0;
  border-radius: 0.8rem;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0;
}
#section_22 .part_2 .list_d p.active {
  border-color: transparent;
}
#section_22 .part_2 .list_d p.active::before {
  width: 103%;
  height: 110%;
  opacity: 1;
}
#section_22 .part_2 .list_d p.active::after {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
#section_22.active .group_1.active .part_1 .img1 {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
#section_22.active .group_1.active .part_1 .bubble {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
#section_22.active .group_2.active .part_2 .item {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
/*********************************************************************************/




#section_3 .part_3 .rbox {
  padding-bottom: 0.5rem;
  padding-top: 3.7rem;
  position: relative;
  border-radius: 4rem 4rem 0px 0px;
  background: -webkit-gradient(linear, left top, left bottom, from(#F2F2F2), to(rgba(242, 242, 242, 0)));
  background: linear-gradient(180deg, #F2F2F2 0%, rgba(242, 242, 242, 0) 100%);
}
#section_3 .part_3 .rbox::after {
  content: "";
  width: 2.4rem;
  height: 1.7rem;
  background-image: url();
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 2.2rem;
}
#section_3 .part_3 .txt1 {
  font-size: 2.1rem;
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 5rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 5rem 2rem;
  line-height: 1.5;
}
#section_3 .part_3 .txt1 span {
  background: #fff;
  border-radius: 0.8rem;
  color: #333;
  font-weight: 400;
  font-size: 1.6rem;
  padding: 0.6rem;
  margin-right: 0.8rem;
}
#section_3 .part_3 .box {
  position: relative;
  padding: 3.6rem 2rem;
  height: 39rem;
  background: #3D5695;
  border-radius: 4rem;
  overflow: hidden;
}
#section_3 .part_3 .box .img1 {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 0;
  width: 35.5rem;
}
#section_3 .part_3 .box.box_1 {
  -webkit-transform: rotate(-10deg) translate(38rem, 7rem);
          transform: rotate(-10deg) translate(38rem, 7rem);
  -webkit-transition: all 0.5s ease-in-out 0.3s;
  transition: all 0.5s ease-in-out 0.3s;
}
#section_3 .part_3 .box.box_2 {
  background: #448BCC;
  -webkit-transform: rotate(5deg);
          transform: rotate(5deg);
  -webkit-transition: all 0.5s ease-in-out 0.3s;
  transition: all 0.5s ease-in-out 0.3s;
}
#section_3 .part_3 .box.box_3 {
  background: #5E6C87;
  -webkit-transform: rotate(15deg) translate(-36rem, 9rem);
          transform: rotate(15deg) translate(-36rem, 9rem);
  -webkit-transition: all 0.5s ease-in-out 0.3s;
  transition: all 0.5s ease-in-out 0.3s;
}
#section_3 .part_3 .txt2 {
  color: #fff;
  font-size: 3.2rem;
  font-weight: 800;
  margin-bottom: 0.6rem;
  position: relative;
}
#section_3 .part_3 .txt3 {
  color: #fff;
  font-size: 2rem;
  position: relative;
}






#section_3 .part_4 .item {
  padding-top: 4.5rem;
}
#section_3 .part_4 .img1 {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 0;
  width: 13rem;
}
#section_3 .part_4 .img_box {
  width: 100%; /*height: 48rem;*/
  overflow: hidden;
  border-radius: 4rem;
}
#section_3 .part_4 .img_box .img2 {
  -webkit-transform: translateY(-60rem);
          transform: translateY(-60rem);
  -webkit-transition: all 0.7s ease-in-out 0.2s;
  transition: all 0.7s ease-in-out 0.2s;
}
#section_3 .part_4 .bubble {
  background-color: #363331;
  color: #fff;
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 1.25;
  padding: 1.6rem 2rem;
  border-radius: 1.6rem;
  display: block;
  -webkit-filter: drop-shadow(0px 16px 24px rgba(0, 0, 0, 0.2));
          filter: drop-shadow(0px 16px 24px rgba(0, 0, 0, 0.2));
  white-space: nowrap;
  position: absolute;
  top: 12rem;
  left: 50%;
  -webkit-transform: translateX(-50%) scale(0.7);
          transform: translateX(-50%) scale(0.7);
  opacity: 0;
  -webkit-transition: all 0.5s cubic-bezier(0.68, -0.6, 0.32, 1.6) 0.4s;
  transition: all 0.5s cubic-bezier(0.68, -0.6, 0.32, 1.6) 0.4s;
}
#section_3 .part_4 .bubble::before {
  content: "\eb58";
  font-family: "xeicon";
  color: #363331;
  font-size: 3.4rem;
  position: absolute;
  top: -2rem;
  right: 6rem;
  -webkit-transform: rotate(50deg);
          transform: rotate(50deg);
}
#section_3 .part_4 .circle {
  position: absolute;
  left: calc(50% - 2rem);
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  top: calc(50% + 2rem);
  width: 13.2rem;
  height: 13.2rem;
  border-radius: 50%;
  font-size: 1.8rem;
  font-weight: 500;
  color: #555;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#section_3 .part_4 .circle img {
  width: 4rem;
}
#section_3 .part_5 .item {
  margin-bottom: 12rem;
}
#section_3 .part_5 video {
  border-radius: 4rem;
  -o-object-fit: cover;
     object-fit: cover;
}
#section_3 .part_5 .item_mb {
  display: none;
  margin-bottom: 4rem;
}
#section_3 .part_5 .img1 {
  margin-bottom: 4rem;
}
#section_3 .mb16 {
  margin-bottom: 16rem !important;
}
#section_3 .group_5 .part_5 {
  display: block;
  width: 100%;
}
#section_3 .group_5 .part_5 .item {
  margin-right: 0;
}
#section_3 .group_5 .desc {
  margin-bottom: 4rem;
}
#section_3.active .group_3.active .part_3 .box.box_1 {
  -webkit-transform: rotate(0) translate(0, 0);
          transform: rotate(0) translate(0, 0);
}
#section_3.active .group_3.active .part_3 .box.box_2 {
  -webkit-transform: rotate(0) translate(0, 0);
          transform: rotate(0) translate(0, 0);
}
#section_3.active .group_3.active .part_3 .box.box_3 {
  -webkit-transform: rotate(0) translate(0, 0);
          transform: rotate(0) translate(0, 0);
}
#section_3.active .group_4.active .part_4 .img_box .img2 {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
#section_3.active .group_4.active .part_4 .bubble {
  opacity: 1;
  -webkit-transform: translateX(-50%) scale(1);
          transform: translateX(-50%) scale(1);
}
#section_4 {
  overflow: hidden;
}
#section_4 .group_1 {
  background: #17b75e;
  color: #fff;
  padding: 8rem 2rem;
  text-align: center;
}
#section_4 .group_1 .txt1 {
  color: #C2F2ED;
  font-size: 4rem;
  font-weight: 600;
  line-height: 1.25;
  margin-bottom: 4rem;
  letter-spacing: -1.2px;
}
#section_4 .group_1 .img1 {
  display: block;
  margin: 0 auto 3.8rem;
  width: 49.8rem;
}
#section_4 .group_1 .img2 {
  position: relative;
  z-index: 2;
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
  -webkit-transition: all 0.5s cubic-bezier(0.68, -0.6, 0.32, 1.6) 0.4s;
  transition: all 0.5s cubic-bezier(0.68, -0.6, 0.32, 1.6) 0.4s;
}
#section_4 .group_1 .img_box {
  position: relative;
  width: 33.6rem;
  height: 33.6rem;
  margin: 0 auto;
}
#section_4 .group_1 .img3 {
  position: absolute;
  z-index: 2;
  margin-left: -3rem;
  -webkit-transform: scale(0.5) translate(-15rem, 15rem);
          transform: scale(0.5) translate(-15rem, 15rem);
  -webkit-transition: all 0.5s cubic-bezier(0.68, -0.6, 0.32, 1.6) 0.4s;
  transition: all 0.5s cubic-bezier(0.68, -0.6, 0.32, 1.6) 0.4s;
}
#section_4 .group_1 .twinkle {
  width: 1.2rem;
  height: 4rem;
  background: #fff;
  border-radius: 2rem;
  position: absolute;
  opacity: 0.5;
  -webkit-transition: all 1s cubic-bezier(0.68, -0.6, 0.32, 1.6) 0.3s, opacity 1.2s cubic-bezier(0.68, -0.6, 0.32, 1.6) 0.3s;
  transition: all 1s cubic-bezier(0.68, -0.6, 0.32, 1.6) 0.3s, opacity 1.2s cubic-bezier(0.68, -0.6, 0.32, 1.6) 0.3s;
}
#section_4 .group_1 .twinkle.twinkle1 {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 13rem;
}
#section_4 .group_1 .twinkle.twinkle2 {
  left: calc(50% + 4.5rem);
  -webkit-transform: translateX(-50%) rotate(45deg);
          transform: translateX(-50%) rotate(45deg);
  top: 13rem;
}
#section_4 .group_1 .twinkle.twinkle3 {
  left: calc(50% + 4rem);
  -webkit-transform: translateX(-50%) rotate(90deg);
          transform: translateX(-50%) rotate(90deg);
  top: 16rem;
}
#section_4 .group_1 .twinkle.twinkle4 {
  left: calc(50% + 4.5rem);
  -webkit-transform: translateX(-50%) rotate(135deg);
          transform: translateX(-50%) rotate(135deg);
  top: 19rem;
}
#section_4 .group_1 .twinkle.twinkle5 {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 11rem;
}
#section_4 .group_1 .twinkle.twinkle6 {
  left: calc(50% - 4.5rem);
  -webkit-transform: translateX(-50%) rotate(45deg);
          transform: translateX(-50%) rotate(45deg);
  top: 19rem;
}
#section_4 .group_1 .twinkle.twinkle7 {
  left: calc(50% - 4rem);
  -webkit-transform: translateX(-50%) rotate(90deg);
          transform: translateX(-50%) rotate(90deg);
  top: 16rem;
}
#section_4 .group_1 .twinkle.twinkle8 {
  left: calc(50% - 4.5rem);
  -webkit-transform: translateX(-50%) rotate(135deg);
          transform: translateX(-50%) rotate(135deg);
  top: 13rem;
}
#section_4 .group_1 .txt2 {
  font-size: 2.1rem;
  font-weight: 500;
  line-height: 1.5;
  margin-top: 2.4rem;
}
#section_4 .group_1 .txt2 b {
  font-weight: 700;
}
#section_4 .group_1 .link {
  display: inline-block;
  border-radius: 4rem;
  border: 0.3rem solid #fff;
  font-size: 2.2rem;
  font-weight: 700;
  padding: 1.6rem 4rem;
  line-height: 3.4rem;
}
#section_4 .group_1 .link i {
  font-size: 2.8rem;
  vertical-align: top;
  line-height: 3.4rem;
  margin-left: 0.5rem;
}
#section_4 .group_1.active .img2 {
  -webkit-transform: scale(1);
          transform: scale(1);
}
#section_4 .group_1.active .img3 {
  -webkit-transform: scale(1);
          transform: scale(1);
}
#section_4 .group_1.active .twinkle {
  height: 3rem;
  opacity: 0;
}
#section_4 .group_1.active .twinkle.twinkle1 {
  top: -6rem;
}
#section_4 .group_1.active .twinkle.twinkle2 {
  left: calc(50% + 19.5rem);
  top: -2rem;
}
#section_4 .group_1.active .twinkle.twinkle3 {
  left: calc(50% + 22rem);
  top: 15rem;
}
#section_4 .group_1.active .twinkle.twinkle4 {
  left: calc(50% + 19.5rem);
  top: 34rem;
}
#section_4 .group_1.active .twinkle.twinkle5 {
  bottom: -8rem;
}
#section_4 .group_1.active .twinkle.twinkle6 {
  left: calc(50% - 19.5rem);
  top: 34rem;
}
#section_4 .group_1.active .twinkle.twinkle7 {
  left: calc(50% - 22rem);
  top: 15rem;
}
#section_4 .group_1.active .twinkle.twinkle8 {
  left: calc(50% - 19.5rem);
  top: -2rem;
}
#section_4 .group_2 {
  padding: 16rem 0;
}
#section_4 .group_2 .box {
  width: 70rem;
  height: 70rem;
  margin: 14.3rem auto 8rem;
  text-align: center;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#section_4 .group_2 .box::before {
  content: "";
  width: 70rem;
  height: 70rem;
  border-radius: 50%;
  background: radial-gradient(50% 50% at 50% 50%, #FFF 0%, #FFF 48.5%, #F2F2F2 100%);
  position: absolute;
  opacity: 0.5;
  -webkit-transform: scale(0.1);
          transform: scale(0.1);
  -webkit-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
}
#section_4 .group_2 .txt1 {
  font-size: 4.8rem;
  font-weight: 800;
  color: #333;
  line-height: 1.25;
  margin-bottom: 1.2rem;
  position: relative;
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all 0.7s ease-in-out 0.2s;
  transition: all 0.7s ease-in-out 0.2s;
}
#section_4 .group_2 .txt2 {
  position: absolute;
  font-size: 2.8rem;
  font-weight: 800;
  color: #333;
  letter-spacing: -0.56px;
  white-space: nowrap;
  opacity: 1;
  -webkit-transition: all 0.7s ease-in-out 0.7s;
  transition: all 0.7s ease-in-out 0.7s;
}
#section_4 .group_2 .img0 {
  position: relative;
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all 0.7s ease-in-out 0.2s;
  transition: all 0.7s ease-in-out 0.2s;
  width: 31.9rem;
}
#section_4 .group_2 .list li {
  position: absolute;
  -webkit-transition: all 0.7s ease-in-out 0.2s;
  transition: all 0.7s ease-in-out 0.2s;
}
#section_4 .group_2 .list .item1 {
  left: 50%;
  -webkit-transform: translateX(-50%) scale(0.8);
          transform: translateX(-50%) scale(0.8);
  top: 4.7rem;
}
#section_4 .group_2 .list .item1 .txt2 {
  left: -5.3rem;
  top: 0;
}
#section_4 .group_2 .list .item2 {
  right: 5.5rem;
  top: calc(50% - 22rem + 4.5rem);
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
}
#section_4 .group_2 .list .item2 .txt2 {
  left: 50%;
  bottom: 0;
}
#section_4 .group_2 .list .item3 {
  right: 12.3rem;
  bottom: 8rem;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
}
#section_4 .group_2 .list .item3 .txt2 {
  left: 19.4rem;
  top: 5.4rem;
}
#section_4 .group_2 .list .item4 {
  left: 12.3rem;
  bottom: 8rem;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
}
#section_4 .group_2 .list .item4 .txt2 {
  left: -2.6rem;
  bottom: 2.5rem;
}
#section_4 .group_2 .list .item5 {
  left: 5.5rem;
  top: calc(50% - 22rem + 4.5rem);
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
}
#section_4 .group_2 .list .item5 .txt2 {
  left: -6.3rem;
  top: 4.2rem;
}
#section_4 .group_2 .img1 {
  width: 24rem;
}
#section_4 .group_2.active .box::before {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
#section_4 .group_2.active .txt1 {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
#section_4 .group_2.active .txt2 {
  opacity: 1;
}
#section_4 .group_2.active .img0 {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
#section_4 .group_2.active .list .item1 {
  -webkit-transform: translateX(-50%) scale(1);
          transform: translateX(-50%) scale(1);
  left: 50%;
  top: -14.3rem;
}
#section_4 .group_2.active .list .item2 {
  -webkit-transform: scale(1);
          transform: scale(1);
  right: -11.5rem;
  top: calc(50% - 22rem);
}
#section_4 .group_2.active .list .item3 {
  -webkit-transform: scale(1);
          transform: scale(1);
  right: 1.3rem;
  bottom: -7rem;
}
#section_4 .group_2.active .list .item4 {
  -webkit-transform: scale(1);
          transform: scale(1);
  left: 1.3rem;
  bottom: -7rem;
}
#section_4 .group_2.active .list .item5 {
  -webkit-transform: scale(1);
          transform: scale(1);
  left: -11.5rem;
  top: calc(50% - 22rem);
}
#section_4 .group_3 {
  width: 128rem;
  max-width: calc(100% - 4rem);
  margin-left: auto !important;
  margin-right: auto !important;
}
#section_4 .group_3 iframe {
  max-width: 100%;
  height: 72rem;
}

@-webkit-keyframes u-circle {
  0% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.4);
            transform: scale(1.4);
    opacity: 0;
  }
}

@keyframes u-circle {
  0% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.4);
            transform: scale(1.4);
    opacity: 0;
  }
}
@-webkit-keyframes scale-animation {
  0% {
    -webkit-transform: scale(1.15) translate(-50%, -50%);
            transform: scale(1.15) translate(-50%, -50%);
  }
  100% {
    -webkit-transform: scale(1) translate(-50%, -50%);
            transform: scale(1) translate(-50%, -50%);
  }
}
@keyframes scale-animation {
  0% {
    -webkit-transform: scale(1.15) translate(-50%, -50%);
            transform: scale(1.15) translate(-50%, -50%);
  }
  100% {
    -webkit-transform: scale(1) translate(-50%, -50%);
            transform: scale(1) translate(-50%, -50%);
  }
}





















.form-control {
	display: block;
	width: 100%;
	padding: 11px 35px;
	font-size: 14px;
	line-height: 1.25;
	color: #495057;
	background-color: #fff;
	background-image: none;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: 0.25rem;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.form-control::-ms-expand {
	background-color: transparent;
	border: 0;
}

.form-control:focus {
	color: #495057;
	background-color: #fff;
	border-color: #80bdff;
	outline: none;
	box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.form-control::placeholder {
	color: #868e96;
	opacity: 1;
}

.form-control:disabled, .form-control[readonly] {
	background-color: #e9ecef;
	opacity: 1;
}

select.form-control:not([size]):not([multiple]) {
	height: calc(2.25rem + 2px);
}

select.form-control:focus::-ms-value {
	color: #495057;
	background-color: #fff;
}

.form-control-file,
.form-control-range {
	display: block;
}

.col-form-label {
	padding-top: calc(11px + 1px);
	padding-bottom: calc(11px + 1px);
	margin-bottom: 0;
	line-height: 1.25;
}

.col-form-label-lg {
	padding-top: calc(12px + 1px);
	padding-bottom: calc(12px + 1px);
	font-size: 18px;
	line-height: 1.5;
}

.col-form-label-sm {
	padding-top: calc(5px + 1px);
	padding-bottom: calc(5px + 1px);
	font-size: 12px;
	line-height: 1.5;
}

.col-form-legend {
	padding-top: 11px;
	padding-bottom: 11px;
	margin-bottom: 0;
	font-size: 14px;
}

.form-control-plaintext {
	padding-top: 11px;
	padding-bottom: 11px;
	margin-bottom: 0;
	line-height: 1.25;
	background-color: transparent;
	border: solid transparent;
	border-width: 1px 0;
}

.form-control-plaintext.form-control-sm, .input-group-sm > .form-control-plaintext.form-control,
.input-group-sm > .form-control-plaintext.input-group-addon,
.input-group-sm > .input-group-btn > .form-control-plaintext.btn, .form-control-plaintext.form-control-lg, .input-group-lg > .form-control-plaintext.form-control,
.input-group-lg > .form-control-plaintext.input-group-addon,
.input-group-lg > .input-group-btn > .form-control-plaintext.btn {
	padding-right: 0;
	padding-left: 0;
}

.form-control-sm, .input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
	padding: 5px 25px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 0.2rem;
}

select.form-control-sm:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]),
.input-group-sm > select.input-group-addon:not([size]):not([multiple]),
.input-group-sm > .input-group-btn > select.btn:not([size]):not([multiple]) {
	height: calc(1.8125rem + 2px);
}

.form-control-lg, .input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
	padding: 12px 50px;
	font-size: 18px;
	line-height: 1.5;
	border-radius: 0.3rem;
}

select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]),
.input-group-lg > select.input-group-addon:not([size]):not([multiple]),
.input-group-lg > .input-group-btn > select.btn:not([size]):not([multiple]) {
	height: calc(2.875rem + 2px);
}

.form-group {
	margin-bottom: 1rem;
}

.form-text {
	display: block;
	margin-top: 0.25rem;
}

.form-row {
	display: flex;
	flex-wrap: wrap;
	margin-right: -5px;
	margin-left: -5px;
}

.form-row > .col,
.form-row > [class*="col-"] {
	padding-right: 5px;
	padding-left: 5px;
}

.form-check {
	position: relative;
	display: block;
	margin-bottom: 0.5rem;
}

.form-check.disabled .form-check-label {
	color: #dedede;
}

.form-check-label {
	padding-left: 1.25rem;
	margin-bottom: 0;
}

.form-check-input {
	position: absolute;
	margin-top: 0.25rem;
	margin-left: -1.25rem;
}

.form-check-inline {
	display: inline-block;
	margin-right: 0.75rem;
}

.form-check-inline .form-check-label {
	vertical-align: middle;
}

.valid-feedback {
	display: none;
	margin-top: .25rem;
	font-size: .875rem;
	color: #98bf44;
}

.valid-tooltip {
	position: absolute;
	top: 100%;
	z-index: 5;
	display: none;
	width: 250px;
	padding: .5rem;
	margin-top: .1rem;
	font-size: .875rem;
	line-height: 1;
	color: #fff;
	background-color: rgba(152, 191, 68, 0.8);
	border-radius: .2rem;
}

.was-validated .form-control:valid, .form-control.is-valid, .was-validated
.custom-select:valid,
.custom-select.is-valid {
	border-color: #98bf44;
}

.was-validated .form-control:valid:focus, .form-control.is-valid:focus, .was-validated
.custom-select:valid:focus,
.custom-select.is-valid:focus {
	box-shadow: 0 0 0 0.2rem rgba(152, 191, 68, 0.25);
}

.was-validated .form-control:valid ~ .valid-feedback,
.was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback,
.form-control.is-valid ~ .valid-tooltip, .was-validated
.custom-select:valid ~ .valid-feedback,
.was-validated
.custom-select:valid ~ .valid-tooltip,
.custom-select.is-valid ~ .valid-feedback,
.custom-select.is-valid ~ .valid-tooltip {
	display: block;
}

.was-validated .form-check-input:valid + .form-check-label, .form-check-input.is-valid + .form-check-label {
	color: #98bf44;
}

.was-validated .custom-control-input:valid ~ .custom-control-indicator, .custom-control-input.is-valid ~ .custom-control-indicator {
	background-color: rgba(152, 191, 68, 0.25);
}

.was-validated .custom-control-input:valid ~ .custom-control-description, .custom-control-input.is-valid ~ .custom-control-description {
	color: #98bf44;
}

.was-validated .custom-file-input:valid ~ .custom-file-control, .custom-file-input.is-valid ~ .custom-file-control {
	border-color: #98bf44;
}

.was-validated .custom-file-input:valid ~ .custom-file-control::before, .custom-file-input.is-valid ~ .custom-file-control::before {
	border-color: inherit;
}

.was-validated .custom-file-input:valid:focus, .custom-file-input.is-valid:focus {
	box-shadow: 0 0 0 0.2rem rgba(152, 191, 68, 0.25);
}

.invalid-feedback {
	display: none;
	margin-top: .25rem;
	font-size: .875rem;
	color: #f5543f;
}

.invalid-tooltip {
	position: absolute;
	top: 100%;
	z-index: 5;
	display: none;
	width: 250px;
	padding: .5rem;
	margin-top: .1rem;
	font-size: .875rem;
	line-height: 1;
	color: #fff;
	background-color: rgba(245, 84, 63, 0.8);
	border-radius: .2rem;
}

.was-validated .form-control:invalid, .form-control.is-invalid, .was-validated
.custom-select:invalid,
.custom-select.is-invalid {
	border-color: #f5543f;
}

.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus, .was-validated
.custom-select:invalid:focus,
.custom-select.is-invalid:focus {
	box-shadow: 0 0 0 0.2rem rgba(245, 84, 63, 0.25);
}

.was-validated .form-control:invalid ~ .invalid-feedback,
.was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback,
.form-control.is-invalid ~ .invalid-tooltip, .was-validated
.custom-select:invalid ~ .invalid-feedback,
.was-validated
.custom-select:invalid ~ .invalid-tooltip,
.custom-select.is-invalid ~ .invalid-feedback,
.custom-select.is-invalid ~ .invalid-tooltip {
	display: block;
}

.was-validated .form-check-input:invalid + .form-check-label, .form-check-input.is-invalid + .form-check-label {
	color: #f5543f;
}

.was-validated .custom-control-input:invalid ~ .custom-control-indicator, .custom-control-input.is-invalid ~ .custom-control-indicator {
	background-color: rgba(245, 84, 63, 0.25);
}

.was-validated .custom-control-input:invalid ~ .custom-control-description, .custom-control-input.is-invalid ~ .custom-control-description {
	color: #f5543f;
}

.was-validated .custom-file-input:invalid ~ .custom-file-control, .custom-file-input.is-invalid ~ .custom-file-control {
	border-color: #f5543f;
}

.was-validated .custom-file-input:invalid ~ .custom-file-control::before, .custom-file-input.is-invalid ~ .custom-file-control::before {
	border-color: inherit;
}

.was-validated .custom-file-input:invalid:focus, .custom-file-input.is-invalid:focus {
	box-shadow: 0 0 0 0.2rem rgba(245, 84, 63, 0.25);
}

.form-inline {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
}

.form-inline .form-check {
	width: 100%;
}

@media (min-width: 576px) {
	.form-inline label {
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 0;
	}
	.form-inline .form-group {
		display: flex;
		flex: 0 0 auto;
		flex-flow: row wrap;
		align-items: center;
		margin-bottom: 0;
	}
	.form-inline .form-control {
		display: inline-block;
		width: auto;
		vertical-align: middle;
	}
	.form-inline .form-control-plaintext {
		display: inline-block;
	}
	.form-inline .input-group {
		width: auto;
	}
	.form-inline .form-check {
		display: flex;
		align-items: center;
		justify-content: center;
		width: auto;
		margin-top: 0;
		margin-bottom: 0;
	}
	.form-inline .form-check-label {
		padding-left: 0;
	}
	.form-inline .form-check-input {
		position: relative;
		margin-top: 0;
		margin-right: 0.25rem;
		margin-left: 0;
	}
	.form-inline .custom-control {
		display: flex;
		align-items: center;
		justify-content: center;
		padding-left: 0;
	}
	.form-inline .custom-control-indicator {
		position: static;
		display: inline-block;
		margin-right: 0.25rem;
		vertical-align: text-bottom;
	}
	.form-inline .has-feedback .form-control-feedback {
		top: 0;
	}
}

.btn {
	display: inline-block;
	font-weight: 700;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	user-select: none;
	border: 1px solid transparent;
	padding: 11px 35px;
	font-size: 14px;
	line-height: 1.25;
	border-radius: 5px;
	transition: all 0.15s ease-in-out;
}

.btn:focus, .btn:hover {
	text-decoration: none;
}

.btn:focus, .btn.focus {
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.btn.disabled, .btn:disabled {
	opacity: .65;
}

.btn:not([disabled]):not(.disabled):active, .btn:not([disabled]):not(.disabled).active {
	background-image: none;
}

a.btn.disabled,
fieldset[disabled] a.btn {
	pointer-events: none;
}

.btn-link {
	font-weight: 400;
	color: #f17b02;
	background-color: transparent;
}

.btn-link:hover {
	color: #3f9cc8;
	text-decoration: none;
	background-color: transparent;
	border-color: transparent;
}

.btn-link:focus, .btn-link.focus {
	border-color: transparent;
	box-shadow: none;
}

.btn-link:disabled, .btn-link.disabled {
	color: #dedede;
}

.btn-lg, .btn-group-lg > .btn {
	padding: 12px 50px;
	font-size: 18px;
	line-height: 1.5;
	border-radius: 6px;
}

.btn-sm, .btn-group-sm > .btn {
	padding: 5px 25px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px;
}

.btn-block {
	display: block;
	width: 100%;
}

.btn-block + .btn-block {
	margin-top: 0.5rem;
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
	width: 100%;
}