@import url(../common.css);

body {
  padding: 0;
  margin: 0;
  min-width: 0 !important;
  width: 100vw !important;
  max-width: 100vw !important;
}

.header {
  min-width: 100vw !important;
}

.container {
  width: 85.641vw !important;
  margin: 0 auto;
  min-width: 0 !important;
  max-width: unset !important;
  padding-left: 0!important;
  padding-right: 0!important;
}

.container-lg {
  width: 92.307vw !important;
  margin: 0 auto;
  min-width: 0 !important;
  max-width: unset !important;
  padding-left: 0!important;
  padding-right: 0!important;
}
.container-xl {
  width: 100vw !important;
  margin: 0 auto;
  min-width: 0 !important;
  max-width: unset !important;
  padding-left: 0!important;
  padding-right: 0!important;
}

#introduce01 .head {
  border-bottom: 1px solid #e2e2e2;
  width: 100vw;
  background-color: #fff;
  padding-top: 15.128vw;
}
#introduce01 .head p {
  font-size: 4.102vw;
  font-weight: 400;
  line-height: 7.179vw;
  color: #558ed5;

  text-align: center;
  margin: 0 auto;
  margin-bottom: 1.282vw;
}
#introduce01 .head h1 {
  font-size: 7.692vw;
  font-weight: 600;
  letter-spacing: -0.04em;
  line-height: 10.256vw;
  color: #171717;
  margin: 0 auto;

  margin-bottom: 7.692vw;
  text-align: center;
}

#introduce01 .head div {
  width: 85.128vw;
  height: 10.512vw;
  margin: 0 auto;
  margin-bottom: -1px;
}
#introduce01 .head div ul {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
#introduce01 .head div ul li {
  width: 28.461vw;
  height: 100%;
}

#introduce01 .head div ul li button {
  background-color: transparent;
  border: 1px solid #e2e2e2;
  width: 100%;
  height: 100%;
    display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 3.589vw;
  font-weight: 400;
  line-height: 5.384vw;
  letter-spacing: -0.04em;
   color: #333!important;
}

#introduce01 .head div ul li button a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 3.589vw;
  font-weight: 400;
  line-height: 5.384vw;
  letter-spacing: -0.04em;
   color: #333;
}

#introduce01 .head div ul li:hover button {
  background-color: #558ed5;
border: 1px solid #e2e2e2;
  color: #fff;
  font-weight: 600;
}
#introduce01 .head div ul li:hover button a {
  color: #fff;
  font-weight: 600;
}

#introduce01 .head div ul li.active button {
  background-color: #558ed5;
border: 1px solid #e2e2e2;
  color: #fff;
  font-weight: 600;
}
#introduce01 .head div ul li.active button a {
  color: #fff;
  font-weight: 600;
}

#introduce01 {
}

#introduce01 #section01 {
  padding-top: 10.256vw;
}

#introduce01 #section02 {
  background-image: url(../../img/mobile/introduce01Sect02BG.png);
     background-size: contain;
    background-position: center;
}
#introduce01 #section02 .container-xl {
  padding-top: 17.948vw;
  padding-bottom: 15.641vw;
}

#introduce01 #section02 .container-xl h2 {
  font-size: 7.692vw;
  letter-spacing: -0.04em;
  line-height: 10.256vw;
  text-align: center;
  margin: 0 auto;
  font-weight: 300;
  color: #fff;
  margin-bottom: 5.128vw;
}

#introduce01 #section02 .container-xl h2 span {
  font-weight: bold;
  color: #9ac7ff;
}
#introduce01 #section02 .container-xl p {
  font-size: 4.615vw;
  font-weight: 400;
  color: #ffffff;
  letter-spacing: -0.04em;
  line-height: 7.179vw;
  text-align: center;
  margin: 0 auto;
}
#introduce01 #section02 .container-xl > div {
  margin-top: 10.897vw;
  margin-bottom: 0;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
}

#introduce01 #section02 .container-xl > div.result-swiper-wrapper {
  border: none;
}

#introduce01 #section02 .container-xl div div {
  padding-top: 13.128vw;
}

#introduce01 #section02 .container-xl div div h2 {
  display: flex;
  align-items: end;
  justify-content: center;
  gap: 8.461vw;
  position: relative;
}

#introduce01 #section02 .container-xl div div h2 img {
  padding: 0;
  position: absolute;
  top: 5.179vw;
  right: 5.462vw;
}

#introduce01 #section02 .container-xl div div h2 span.counter {
  font-size: 17.179vw;
  font-weight: bold;
  letter-spacing: -0.04em;
  line-height: 35.128vw;
  color: #9ac7ff;
  font-family: "Escoredream";
}
#introduce01 #section02 .container-xl div div h2 span {
  font-size: 7.628vw;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 28.102vw;
  color: #fff;
}
#introduce01 #section02 .container-xl div div p {
  font-size: 6.153vw;
  font-weight: 400;
  letter-spacing: -0.05em;
  line-height: 9.23vw;
  color: #fff;
}
#introduce01 #section02 .container-xl div div p span {
  color: #9ac7ff;
  border-bottom: 1px solid #fff;
  padding-bottom: 1.769vw;
}
#introduce01 #section02 .container-xl div img {
  padding-top: 11.743vw;
  padding-bottom: 12.82vw;
}
#introduce01 #section02 .container-xl > img {
  margin-top: 5.487vw;
  margin-bottom: 13.589vw;
}

#introduce01 #section02 .result-swiper-wrapper {
  margin: 0;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
}
#introduce01 #section02 .result-swiper-wrapper .swiper {
  padding-top: 0 !important;
}

#introduce01 #section02 .result-swiper-wrapper .swiper .result-card {
  padding-top: 0!important;
}

#introduce01 #section02 .result-swiper-wrapper .swiper .swiper-wrapper {
  padding-top: 0 !important;
}
#introduce01
  #section02
  .container-xl
  .result-swiper-wrapper
  .resultSwiper
  .swiper-slide {
  position: relative;
  padding-top: 0 !important;
}
#introduce01
  #section02
  .container-xl
  .result-swiper-wrapper
  .resultSwiper
  .swiper-slide
  .result-card {
  padding-top: 0 !important;
}

#introduce01
  #section02
  .container-xl
  .result-swiper-wrapper
  .resultSwiper
  .swiper-slide
  .result-info {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#introduce01 #section03 {
 padding-bottom: 15.384vw;
}

#introduce01 #section03 .box01 {
  padding-top: 21.025vw;
  padding-left: 7.435vw;
}
#introduce01 #section03 .box01 p {
  font-size: 4.102vw;
  font-weight: 400;
  /* line-height: 8.717vw; */
  color: #558ed5;
  letter-spacing: 0;
  margin-bottom: 2.051vw;
}
#introduce01 #section03 .box01 h2 {
  font-size: 6.6666vw;
  font-weight: 300;
  line-height: 10.256vw;
  letter-spacing: -0.04em;
  color: #333333;
}
#introduce01 #section03 .box01 h2 span {
  color: #558ed5;
  font-weight: 600;
  font-size: 7.692vw;
}
#introduce01 #section03 .box01 a {
  width: 46.7vw;
  height: 9.833vw;
  display: flex;
}
#introduce01 #section03 .box01 a button {
  width: 100%;
  height: 100%;
  background-color: #558ed5;
  font-size: 4.016vw;
  letter-spacing: -0.04em;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 3.025vw;
  padding-right: 3.487vw;
  color: #fff;
  border: none;
}
#introduce01 #section03 .box01 a button img {
  width: 2vw;
}
#introduce01 #section03 .box01 em {
  display: block;
  height: 1px;
  background-color: #707070;
  width: 85.128vw;
  margin-top: 6.974vw;
  margin-bottom: 11.153vw;
}
#introduce01 #section03 .container p {
  text-align: left;
  font-size: 4.615vw;
  font-weight: 400;
  letter-spacing: -0.04em;
  line-height: 7.179vw;
  margin-bottom: 13.076vw;
}
#introduce01 #section06 {
  background-image: url(../../img/mobile/introduce01Sect06BG.png);
background-size: 100vw 100%;
    background-repeat: no-repeat;
}
#introduce01 #section06 .container-lg {
  padding-top: 6.923vw;
  padding-bottom: 17.82vw;
}
#introduce01 #section06 .container-lg > img:nth-of-type(1) {
  margin-bottom: 7.692vw;
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
}
#introduce01 #section06 .container-lg .video {
  position: relative;
  margin-bottom: 15.384vw;
}
#introduce01 #section06 .container-lg .video a {
  width: 36.023vw;
  height: 9.833vw;
  display: flex;
  justify-content: center;
  position: absolute;
  bottom: 0;
  transform: translateY(50%) translateX(-50%);
  left: 50%;
}
#introduce01 #section06 .container-lg .video a button {
  width: 100%;
  height: 100%;
  background-color: #558ed5;
  font-size: 4.016vw;
  letter-spacing: -0.04em;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 3.025vw;
  padding-right: 3.487vw;
  color: #fff;
  border: none;
}

#introduce01 #section06 .container-lg .video a button img {
  width: 2vw;
}

#introduce01 #section08 {
  padding-top: 10.384vw;
}

#introduce01 #section08 {
  background-image: url(../../img/mobile/introduce01Sect08BG.png);
  background-size: cover;
}
#introduce01 #section08 .box01 {
  margin-top: 59.051vw;
  position: relative;
}
#introduce01 #section08 .box01 > img:nth-of-type(1) {
  top: -48.89vw;
  position: absolute;
  left: 1.282vw;
}
#introduce01 #section08 .box01 div {
  background-color: #fff;
  border-radius: 20px;
  border: 3px solid #dcdcdc;
  width: 92.307vw;
  height: 136.41vw;
  margin: 0 auto;
  padding-top: 23vw;
  display: flex;
  flex-direction: column;
  padding-left: 7.692vw;
  margin-bottom: 6.153vw;
  box-shadow: 0px 6px 8px 1px #dcdcdc;
}
#introduce01 #section08 .box01 div img {
  width: 73.589vw;
}
#introduce01 #section08 .box01 a {
  width: 56.743vw;
  height: 9.833vw;
  display: flex;
  justify-content: center;
  margin-top: 5.205vw;
}
#introduce01 #section08 .box01 a button {
  width: 100%;
  height: 100%;
  background-color: #29b04a;
  font-size: 4.016vw;
  letter-spacing: -0.04em;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 3.025vw;
  padding-right: 3.487vw;
  color: #fff;
  border: none;
  border-radius: 12px;
}
#introduce01 #section08 .box01 a button img {
  width: 2vw;
}

#introduce01 #section09 .swiper-container {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-top: 1px solid rgba(112, 112, 112, 0.5);
  border-bottom: 1px solid rgba(112, 112, 112, 0.5);
}

#introduce01 #section09 .swiper-equipment {
  width: 100%;
  /* height: 102.564vw;  */
  padding: 10.871vw 0;
}

#introduce01 #section09 .swiper-basic {
  width: 100%;
  /* height: 102.564vw;  */
    padding: 10.871vw 0;
}

#introduce01 #section09 .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
}
#introduce01 #section09 .swiper-slide a {
  padding: 0 3.871vw;
}

#introduce01 #section09 .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* 오른쪽에서 왼쪽으로 가는 하얀색 그라데이션 */
#introduce01 #section09 .swiper-gradient {
  position: absolute;
  top: 0;
  right: 0;
  width: 20%;
  height: 100%;
  background: linear-gradient(
    to left,
    rgba(255, 255, 255, 1) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  pointer-events: none;
  z-index: 10;
}

#introduce01 #section09 > div {
  padding-top: 15.128vw;
  padding-bottom: 25.794vw;
}
#introduce01 #section09 p {
  font-size: 4.102vw;
  font-weight: 400;
  letter-spacing: -0.04em;
  line-height: 9.743vw;
  color: #777777;
}
#introduce01 #section09 h2 {
  font-size: 7.692vw;
  font-weight: 300;
  letter-spacing: -0.04em;
  line-height: 9.743vw;
  color: #171717;
  margin-bottom: 11.6666vw;
}
#introduce01 #section09 h2 span {
  color: #558ed5;
  font-weight: bold;
}
#introduce01 #section09 > div .text-start > div:nth-of-type(1) {
  padding-left: 7.435vw;
}
#introduce01 #section09 > div .text-end > div:nth-of-type(1) {
  padding-right: 7.435vw;
  padding-top: 18.615vw;
}

/**********************************************************************************************/

#introduce02 .head {
  border-bottom: 1px solid #e2e2e2;
  width: 100vw;
  background-color: #fff;
 padding-top: 15.128vw;
}
#introduce02 .head p {
  font-size: 4.102vw;
  font-weight: 400;
  line-height: 7.179vw;
  color: #558ed5;

  text-align: center;
  margin: 0 auto;
  margin-bottom: 1.282vw;
}
#introduce02 .head h1 {
  font-size: 7.692vw;
  font-weight: 600;
  letter-spacing: -0.04em;
  line-height: 10.256vw;
  color: #171717;
  margin: 0 auto;

  margin-bottom: 7.692vw;
  text-align: center;
}

#introduce02 .head div {
  width: 85.128vw;
  height: 10.512vw;
  margin: 0 auto;
  margin-bottom: -1px;
}
#introduce02 .head div ul {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
#introduce02 .head div ul li {
  width: 28.461vw;
  height: 100%;
  margin-left: -1px;
    margin-top: -1px;
}

#introduce02 .head div ul li button {
  background-color: transparent;
  border: 1px solid #e2e2e2;
  width: 100%;
  height: 100%;
    display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 3.589vw;
  font-weight: 400;
  line-height: 5.384vw;
  letter-spacing: -0.04em;
   color: #333!important;
}

#introduce02 .head div ul li button a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 3.589vw;
  font-weight: 400;
  line-height: 5.384vw;
  letter-spacing: -0.04em;
   color: #333;
}

#introduce02 .head div ul li:hover button {
  background-color: #558ed5;
border: 1px solid #e2e2e2;
  color: #fff;
  font-weight: 600;
}
#introduce02 .head div ul li:hover button a {
  color: #fff;
  font-weight: 600;
}

#introduce02 .head div ul li.active button {
  background-color: #558ed5;
border: 1px solid #e2e2e2;
  color: #fff;
  font-weight: 600;
}
#introduce02 .head div ul li.active button a {
  color: #fff;
  font-weight: 600;
}

#introduce02 #section01 .container-xl {
  padding: 0;
  padding-top: 7.974vw;
}
#introduce02 #section01 .container-xl ul {
  gap: 2.82vw;
  margin: 0 auto;
  margin-top: 10vw;
  margin-bottom: 10.256vw;
  max-width: 87.435vw;
  border: none;
}
#introduce02 #section01 .container-xl ul li {
  width: 42.3vw;
  height: 10.512vw;
}
#introduce02 #section01 .container-xl ul li button {
  width: 100%;
  height: 100%;
  background-color: #e2e2e2;
  border: none;
  font-size: 4.102vw;
  font-weight: 400;
  letter-spacing: -0.04em;
  line-height: 4.871vw;
  color: #333333;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0;
  padding: 0;
}
#introduce02 #section01 .container-xl ul li button.active {
  background-color: #558ed5;
  color: #fff;
  font-weight: 600;
  border: 1px solid #E2E2E2;
}
#introduce02 #section01 .swiper-container {
  padding: 14.615vw 0 14.615vw 13.076vw;
  position: relative;
  margin-left: 13.076vw;
}
#introduce02 #section01 .accordion-toggle-btn {
  width: 100%;
  height: 13.589vw;
  background-color: #fff;
  border: 1px solid #707070;
  color: #171717;
  font-size: 4.615vw;
  font-weight: 400;
  letter-spacing: -0.02em;
  line-height: 10.256vw;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 7.179vw;
  margin: 10.256vw 0 12.692vw 0;
}
#introduce02 #section01 .accordion-toggle-btn img {
  width: 8vw;
  transform: all 3s;
}
#introduce02 #section01 .accordion-toggle-btn.collapsed img {
  transform: rotate(180deg);
}
#introduce02 #section01 .swiper-gradient {
  position: absolute;
  top: 0;
  right: -0.5128vw;
  width: 20%;
  height: 100%;
  background: linear-gradient(
    to left,
    rgba(255, 255, 255, 1) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  pointer-events: none;
  z-index: 10;
}
#introduce02 #section01 .collapse:not(.show) {
  display: block !important;
  height: 0;
  overflow: hidden;
}
#introduce02 #section01 .accordion-wrapper h6 {
  font-size: 4.61vw;
  letter-spacing: -0.04em;
  /* line-height: 17.435vw; */
  margin-bottom: 0;
}
#introduce02 #section01 .accordion-wrapper em {
  display: block;
  height: 1px;
  width: 66.666vw;
  background-color: #707070;
}
#introduce02 #section01 .accordion-wrapper div:nth-child(3) em {
  width: 57.43vw;
}
#introduce02 #section01 .accordion-wrapper .swiper-container {
  padding: 7.820vw 0 10.512vw 0;
  margin-left: 0;
}
#introduce02 #section01 .doctor-content #doctor1 {
  padding-bottom: 32.307vw;
}

#introduce03 {
}

#introduce03 .head {
  border-bottom: 1px solid #e2e2e2;
  width: 100vw;
  background-color: #fff;
  padding-top: 15.128vw;
}
#introduce03 .head p {
  font-size: 4.102vw;
  font-weight: 400;
  line-height: 7.179vw;
  color: #558ed5;

  text-align: center;
  margin: 0 auto;
  margin-bottom: 1.282vw;
}
#introduce03 .head h1 {
  font-size: 7.692vw;
  font-weight: 600;
  letter-spacing: -0.04em;
  line-height: 10.256vw;
  color: #171717;
  margin: 0 auto;

  margin-bottom: 7.692vw;
  text-align: center;
}

#introduce03 .head div {
  width: 85.128vw;
  height: 10.512vw;
  margin: 0 auto;
  margin-bottom: -1px;
}
#introduce03 .head div ul {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
#introduce03 .head div ul li {
  width: 28.461vw;
  height: 100%;
}

#introduce03 .head div ul li button {
  background-color: transparent;
  border: 1px solid #e2e2e2;
  width: 100%;
  height: 100%;
    display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 3.589vw;
  font-weight: 400;
  line-height: 5.384vw;
  letter-spacing: -0.04em;
   color: #333!important;
}

#introduce03 .head div ul li button a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 3.589vw;
  font-weight: 400;
  line-height: 5.384vw;
  letter-spacing: -0.04em;
   color: #333;
}

#introduce03 .head div ul li:hover button {
  background-color: #558ed5;
  border: 1px solid #558ed5;
    color: #fff;
  font-weight: 600;
}
#introduce03 .head div ul li:hover button a {
  color: #fff;
  font-weight: 600;
}

#introduce03 .head div ul li.active button {
  background-color: #558ed5;
  border: 1px solid #e2e2e2;
    color: #fff;
  font-weight: 600;
}
#introduce03 .head div ul li.active button a {
  color: #fff;
  font-weight: 600;
}
#introduce03 #section09 {
  background-color: #f7f7f6;
  padding-top:12.82vw;
  padding-bottom: 18.461vw;
}

#introduce03 #section09 .container h2 {
  font-size: 7.692vw;
  font-weight: 300;
  letter-spacing: -0.04em;
  line-height: 10.256vw;
  color: #333333;
  margin-bottom: 6.23vw;
  text-align: center;
}
#introduce03 #section09 .container h2 span {
  font-weight: 600;
  color: #558ed5;
}
#introduce03 #section09 .container p {
  font-size: 4.615vw;
  font-weight: 300;
  letter-spacing: -0.04em;
  line-height: 6.666vw;
  color: #777777;
  margin-bottom: 13vw;
  text-align: center;
}

#introduce03 #section09 .swiper-slide {
  opacity: 0.2;
  transition: opacity 0.3s;
}
#introduce03 #section09 .swiper-slide-active {
  opacity: 1;
}


#introduce03 #section10 {
  padding-top: 12.897vw;
  padding-bottom: 20.256vw;
}

#introduce03 #section10 #map {
  /* margin-bottom: 10.435vw; */
}

#introduce03 #section10 .container h2 {
  font-size: 7.692vw;
  font-weight: 300;
  letter-spacing: -0.04em;
  line-height: 10.256vw;
  color: #333333;
  margin-bottom: 6.23vw;
  text-align: center;
}
#introduce03 #section10 .container h2 span {
  font-weight: 600;
  color: #558ed5;
}
#introduce03 #section10 .container p {
  font-size: 4.615vw;
  font-weight: 300;
  letter-spacing: -0.04em;
  line-height: 6.666vw;
  color: #777777;
  margin-bottom: 9.923vw;
  text-align: center;
}