@charset "UTF-8";
/* white-space:nowrap */
.nowrap {
  white-space: nowrap;
}

/* border:1px solid red */
/* media-query */
/* br(줄바꿈) */
.br1920 {
  display: none;
}

@media (min-width: 1280px) {
  .br1920 {
    display: block;
  }
}
.br1920-2 {
  display: block;
}

@media (min-width: 1280px) {
  .br1920-2 {
    display: none;
  }
}
.br1280 {
  display: none;
}

@media (min-width: 768px) and (max-width: 1279px) {
  .br1280 {
    display: block;
  }
}
.br1280-2 {
  display: block;
}

@media (min-width: 768px) and (max-width: 1279px) {
  .br1280-2 {
    display: none;
  }
}
.br1280-3 {
  display: none;
}

@media (max-width: 1279px) {
  .br1280-3 {
    display: block;
  }
}
.br1280-4 {
  display: block;
}

@media (max-width: 1279px) {
  .br1280-4 {
    display: none;
  }
}
.br768 {
  display: none;
}

@media (max-width: 767px) {
  .br768 {
    display: block;
  }
}
.br768-2 {
  display: block;
}

@media (max-width: 767px) {
  .br768-2 {
    display: none;
  }
}
.br768-3 {
  display: none;
}

@media (min-width: 767px) {
  .br768-3 {
    display: block;
  }
}
.br768-4 {
  display: block;
}

@media (min-width: 767px) {
  .br768-4 {
    display: none;
  }
}
.br822 {
  display: block;
}

@media (max-width: 822px) {
  .br822 {
    display: none;
  }
}
.br500 {
  display: none;
}

@media (max-width: 500px) {
  .br500 {
    display: block;
  }
}
.br500-2 {
  display: block;
}

@media (max-width: 500px) {
  .br500-2 {
    display: none;
  }
}
.br570-2 {
  display: block;
}

@media (max-width: 570px) {
  .br570-2 {
    display: none;
  }
}
.br550-2 {
  display: block;
}

@media (max-width: 550px) {
  .br550-2 {
    display: none;
  }
}
.br624-2 {
  display: block;
}

@media (max-width: 624px) {
  .br624-2 {
    display: none;
  }
}
.br430 {
  display: none;
}

@media (max-width: 430px) {
  .br430 {
    display: block;
  }
}
.br430-2 {
  display: block;
}

@media (max-width: 430px) {
  .br430-2 {
    display: none;
  }
}
.br400 {
  display: none;
}

@media (max-width: 400px) {
  .br400 {
    display: block;
  }
}
.br400-2 {
  display: block;
}

@media (max-width: 400px) {
  .br400-2 {
    display: none;
  }
}
.br900-2 {
  display: block;
}

@media (max-width: 900px) {
  .br900-2 {
    display: none;
  }
}
.br900-3 {
  display: block;
}

@media (min-width: 768px) and (max-width: 900px) {
  .br900-3 {
    display: none;
  }
}
.br990-3 {
  display: block;
}

@media (min-width: 768px) and (max-width: 990px) {
  .br990-3 {
    display: none;
  }
}
.br868 {
  display: block;
}

@media (min-width: 768px) and (max-width: 868px) {
  .br868 {
    display: none;
  }
}
.br999 {
  display: block;
}

@media (min-width: 768px) and (max-width: 999px) {
  .br999 {
    display: none;
  }
}
.show-pc {
  display: none;
}

@media (min-width: 768px) {
  .show-pc {
    display: block;
  }
}
.show-mobile {
  display: none;
}

@media (max-width: 767px) {
  .show-mobile {
    display: block;
  }
}
/* animation */
@keyframes dataFadeDownAni {
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}
@keyframes dataFadeAni {
  100% {
    opacity: 1;
  }
}
@keyframes blink {
  0% {
    opacity: 0.2;
    transform: scale(0.85);
  }
  80% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-3rem);
  }
  60% {
    transform: translateY(-1.5rem);
  }
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
[data-ani~=fade-left] {
  opacity: 0;
  transform: translateX(-100px);
}

[data-ani~=fade-right] {
  opacity: 0;
  transform: translateX(100px);
}

[data-ani~=fade-up] {
  opacity: 0;
  transform: translateY(100px);
}

[data-ani~=fade-down] {
  opacity: 0;
  transform: translateY(-100px);
}

[data-ani~=fade] {
  opacity: 0;
}

.animate[data-ani~=fade-up] {
  animation: dataFadeDownAni 1.5s forwards;
}

.animate[data-ani~=fade-down] {
  animation: dataFadeDownAni 1.5s forwards;
}

.animate[data-ani~=fade-left] {
  animation: dataFadeDownAni 1.5s forwards;
}

.animate[data-ani~=fade-right] {
  animation: dataFadeDownAni 1.5s forwards;
}

.animate[data-ani~=fade] {
  animation: dataFadeAni 1.5s forwards;
}

.animate[data-ani~=delay0] {
  animation-delay: 0s;
}

.animate[data-ani~=delay1] {
  animation-delay: 0.1s;
}

.animate[data-ani~=delay2] {
  animation-delay: 0.2s;
}

.animate[data-ani~=delay3] {
  animation-delay: 0.3s;
}

.animate[data-ani~=delay4] {
  animation-delay: 0.4s;
}

.animate[data-ani~=delay5] {
  animation-delay: 0.5s;
}

.animate[data-ani~=delay6] {
  animation-delay: 0.6s;
}

.animate[data-ani~=delay7] {
  animation-delay: 0.7s;
}

.animate[data-ani~=delay8] {
  animation-delay: 0.8s;
}

.animate[data-ani~=delay9] {
  animation-delay: 0.9s;
}

.animate[data-ani~=delay10] {
  animation-delay: 1s;
}

.animate[data-ani~=delay16] {
  animation-delay: 1.6s;
}

.animate[data-ani~=delay18] {
  animation-delay: 1.8s;
}

.animate[data-ani~=delay20] {
  animation-delay: 2s;
}

/* main-banner */
@media (min-width: 1921px) {
  #wrap .part-body-pc > div .part-body {
    width: 100%;
  }
  #wrap .part-body-pc > div .part-body > img {
    width: 100%;
  }
  #wrap .part-body-pc > div .part-body > .pointer {
    position: absolute;
    animation: blink 1.6s ease infinite alternate both;
  }
  #wrap .part-body-pc > div .part-body > .pointer > img {
    width: 100%;
  }
  #wrap .part-body-pc > div .part-body .inner-box {
    width: 100%;
    position: absolute;
    top: 49%;
    transform: translateY(-50%);
    display: flex;
    justify-content: flex-end;
  }
}
.part-body-mobile {
  display: none;
}

.main-banner-mobile {
  display: none;
}

.main-banner-pc {
  transition: opacity 1.2s 0s;
  opacity: 0;
  position: relative;
}
.main-banner-pc > img {
  width: 100%;
}
.main-banner-pc .txt-area {
  position: absolute;
  top: 48.8%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.main-banner-pc .txt-area .symbol {
  padding-bottom: 1.3541666667vw;
}
.main-banner-pc .txt-area .symbol img {
  width: 3.8020833333vw;
}
.main-banner-pc .txt-area span {
  font-family: "pretendard";
  font-weight: 400;
  text-transform: uppercase;
  font-size: 1.2rem;
  letter-spacing: 0.29em;
  color: #092f57;
  vertical-align: top;
  display: inline-block;
  margin-bottom: 4rem;
  letter-spacing: 0.28em;
  font-size: 0.625vw;
  margin-bottom: 2.0833333333vw;
}
.main-banner-pc .txt-area h2 {
  font-size: 2.7083333333vw;
  line-height: 1.25;
  padding-bottom: 1.875vw;
}
.main-banner-pc .txt-area p {
  font-size: 1.1458333333vw;
  line-height: 1.3081818182;
  padding-bottom: 2.2916666667vw;
}
.main-banner-pc .txt-area .click-button {
  line-height: 1.3;
  margin: 0 auto;
  flex-direction: column;
  color: #fff;
  background: linear-gradient(to bottom, #0a2f58, #061f3a);
  width: 23.3333333333vw;
  height: 8.4895833333vw;
  border-radius: 5.2083333333vw;
}
.main-banner-pc .txt-area .click-button p {
  animation: pulse 1s;
  padding-top: 1.6666666667vw;
  font-size: 1.3541666667vw;
}
.main-banner-pc .txt-area .click-button p strong {
  font-size: 2.3958333333vw;
}
.main-banner-pc > div .pointer {
  animation: blink 1.2s ease infinite alternate both;
  cursor: pointer;
  position: absolute;
}
.main-banner-pc > div .pointer > img {
  width: 3.1770833333vw;
}
.main-banner-pc .upper .pointer.neck {
  top: 24.5%;
  left: 20.5%;
  animation-delay: 0.7s;
}
.main-banner-pc .upper .pointer.shoulder {
  top: 36%;
  left: 26.9%;
  animation-delay: 1.4s;
}
.main-banner-pc .upper .pointer.elbow {
  top: 63.5%;
  left: 27.8%;
  animation-delay: 0s;
}
.main-banner-pc .upper .pointer.back {
  top: 73.3%;
  left: 17.6%;
  animation-delay: 2.1s;
}
.main-banner-pc .upper .pointer.wrist {
  top: 88.2%;
  left: 27.3%;
  animation-delay: 2.8s;
}
.main-banner-pc .lower .pointer.hip {
  top: 5.2%;
  right: 13.35%;
  animation-delay: 0s;
}
.main-banner-pc .lower .pointer.knee {
  top: 46.9%;
  right: 12.75%;
  animation-delay: 1.4s;
}
.main-banner-pc .lower .pointer.foot {
  top: 81.2%;
  right: 13.15%;
  animation-delay: 0.7s;
}
.main-banner-pc.active {
  opacity: 1;
}

.part-body-pc .lower-body .part-body .inner-box {
  justify-content: flex-start;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 1246px;
  margin: 0 auto;
}
.part-body-pc .lower-body .part-body .inner-box .txt {
  width: 100%;
  padding-left: 30px;
}
.part-body-pc > div .part-body {
  position: absolute;
  top: 193px;
  transition: opacity 1.2s 0s;
  opacity: 0;
  pointer-events: none;
}
.part-body-pc > div .part-body > img {
  width: 100%;
}
.part-body-pc > div .part-body > .pointer {
  position: absolute;
  animation: blink 1.6s ease infinite alternate both;
  width: 5.15625vw;
  cursor: pointer;
}
.part-body-pc > div .part-body .inner-box {
  width: 100%;
  position: absolute;
  top: 49%;
  transform: translateY(-50%);
  display: flex;
  justify-content: flex-end;
}
.part-body-pc > div .part-body .inner-box .txt {
  width: calc(52.5% - 20px);
  padding-right: 20px;
}
.part-body-pc > div .part-body .inner-box .txt h2 {
  font-size: 2.7083333333vw;
  font-weight: 800;
  color: #092f57;
  padding-bottom: 1.5625vw;
}
.part-body-pc > div .part-body .inner-box .txt p {
  font-size: 1.1458333333vw;
  line-height: 1.3636363636;
  padding-bottom: 1.71875vw;
}
.part-body-pc > div .part-body .inner-box .txt p > b {
  font-weight: 700;
  color: #092f57;
}
.part-body-pc > div .part-body .inner-box .txt ul {
  padding-left: 0.8rem;
  padding-bottom: 3.125vw;
  display: flex;
}
.part-body-pc > div .part-body .inner-box .txt ul li {
  font-size: 1.0416666667vw;
  text-align: center;
  width: 8.2291666667vw;
  height: 8.2291666667vw;
  border-radius: 50%;
  background-color: #092f57;
  margin: 0 -0.8rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  color: #fff;
}
.part-body-pc > div .part-body .inner-box .txt .go-back {
  font-size: 1.0416666667vw;
  font-weight: 700;
  display: inline-block;
  width: 12.1354166667vw;
  height: 4.5833333333vw;
  border-radius: 5.2083333333vw;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  box-sizing: border-box;
  border: 2px solid #092f57;
  background-color: #f7f6f1;
  cursor: pointer;
}
.part-body-pc > div .part-body.neck .pointer {
  top: 32%;
  left: 24%;
}
.part-body-pc > div .part-body.shoulder .pointer {
  top: 18%;
  left: 35.3%;
}
.part-body-pc > div .part-body.elbow .pointer {
  top: 40%;
  left: 35.5%;
}
.part-body-pc > div .part-body.back .pointer {
  top: 44%;
  left: 21.4%;
}
.part-body-pc > div .part-body.wrist .pointer {
  top: 53%;
  left: 32%;
}
.part-body-pc > div .part-body.hip .pointer {
  top: 10%;
  right: 22%;
}
.part-body-pc > div .part-body.knee .pointer {
  top: 45%;
  right: 21%;
}
.part-body-pc > div .part-body.foot .pointer {
  bottom: 23%;
  right: 22%;
}
.part-body-pc > div .part-body.active {
  opacity: 1;
  pointer-events: auto;
}

@media (max-width: 1279px) {
  .main-banner-pc {
    margin-top: 61px;
  }
  .main-banner-pc .txt-area .symbol {
    padding-bottom: 1.9vw;
  }
  .main-banner-pc .txt-area .symbol > img {
    width: 3.4vw;
  }
  .main-banner-pc .txt-area > span {
    font-size: 0.8vw;
    margin-bottom: 1.9vw;
  }
  .main-banner-pc .txt-area h2 {
    font-size: 3vw;
    padding-bottom: 1.875vw;
  }
  .main-banner-pc .txt-area p {
    font-size: 1.4vw;
    padding-bottom: 2.2916666667vw;
  }
  .main-banner-pc .txt-area .click-button {
    width: 23.3333333333vw;
    height: 8.4895833333vw;
  }
  .main-banner-pc .txt-area .click-button > p {
    padding-top: 1.6666666667vw;
    font-size: 1.6vw;
  }
  .main-banner-pc .txt-area .click-button > p > strong {
    font-size: 2.6vw;
  }
  .part-body-pc .lower-body .part-body .inner-box .txt p br {
    display: block;
  }
  .part-body-pc > div .part-body {
    top: 61px;
  }
  .part-body-pc > div .part-body .inner-box {
    top: 51%;
  }
  .part-body-pc > div .part-body .inner-box .txt {
    width: 52.5%;
  }
  .part-body-pc > div .part-body .inner-box .txt h2 {
    font-size: 3.2vw;
    font-weight: 800;
    color: #092f57;
    padding-bottom: 1.4vw;
  }
  .part-body-pc > div .part-body .inner-box .txt p {
    font-size: 1.65vw;
    line-height: 1.3636363636;
    padding-bottom: 2vw;
  }
  .part-body-pc > div .part-body .inner-box .txt p > b {
    font-weight: 700;
  }
  .part-body-pc > div .part-body .inner-box .txt p br {
    display: none;
  }
  .part-body-pc > div .part-body .inner-box .txt ul {
    padding-left: 0.8rem;
    padding-bottom: 3.125vw;
    display: flex;
  }
  .part-body-pc > div .part-body .inner-box .txt ul li {
    font-size: 1.5vw;
    text-align: center;
    width: 11vw;
    height: 11vw;
    border-radius: 50%;
    background-color: #092f57;
    margin: 0 -0.8rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    color: #fff;
  }
  .part-body-pc > div .part-body .inner-box .txt .go-back {
    font-size: 1.7vw;
    font-weight: 700;
    display: inline-block;
    width: 15vw;
    height: 5.5vw;
    border-radius: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    box-sizing: border-box;
    border: 2px solid #092f57;
    cursor: pointer;
  }
}
@media (max-width: 767px) {
  .part-body-pc {
    display: none;
  }
  .main-banner-pc {
    display: none;
  }
  .main-banner-mobile {
    position: relative;
    z-index: 10;
    transition: opacity 1.2s 0s;
    opacity: 0;
    padding-top: 50px;
    display: block;
    background-color: #f7f6f1;
    margin-top: 42px;
  }
  .main-banner-mobile .txt-area {
    text-align: center;
  }
  .main-banner-mobile .txt-area .symbol {
    padding-bottom: 2rem;
  }
  .main-banner-mobile .txt-area .symbol > img {
    width: 25px;
  }
  .main-banner-mobile .txt-area > span {
    font-family: "pretendard";
    font-weight: 400;
    text-transform: uppercase;
    font-size: 1.2rem;
    letter-spacing: 0.29em;
    color: #092f57;
    vertical-align: top;
    display: inline-block;
    margin-bottom: 4rem;
    font-size: 6.5px;
    margin-bottom: 2.5rem;
  }
  .main-banner-mobile .txt-area h2 {
    font-size: 21.5px;
    padding-bottom: 2rem;
  }
  .main-banner-mobile .txt-area > p {
    font-size: 1.7rem;
    padding-bottom: 2.5rem;
  }
  .main-banner-mobile .txt-area .click-button {
    text-align: center;
    background: linear-gradient(to bottom, #0a2f58, #061f3a);
    border-radius: 100px;
    width: 150px;
    height: 50px;
    margin: 0 auto 5rem;
    color: #fff;
    flex-direction: column;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
  }
  .main-banner-mobile .txt-area .click-button > p {
    animation: pulse 1s;
    line-height: 1.25;
    font-size: 1.7rem;
  }
  .main-banner-mobile .txt-area .click-button > p > strong {
    font-size: 2rem;
  }
  .main-banner-mobile .body-swiper .swiper-wrapper .swiper-slide {
    background-color: #f7f6f1;
  }
  .main-banner-mobile .body-swiper .swiper-wrapper .swiper-slide > div {
    position: relative;
    background-repeat: no-repeat;
    padding-bottom: 20px;
  }
  .main-banner-mobile .body-swiper .swiper-wrapper .swiper-slide > div .pointer {
    animation: blink 1.2s ease infinite alternate both;
    position: absolute;
    cursor: pointer;
  }
  .main-banner-mobile .body-swiper .swiper-wrapper .swiper-slide > div .pointer > img {
    width: 27px;
  }
  .main-banner-mobile .body-swiper .swiper-wrapper .swiper-slide .upper-body {
    margin: 0 auto;
    width: 211px;
    height: 320px;
    position: relative;
    right: 20px;
    background-image: url("../img/upper_body.png");
    background-size: 211px 320px;
  }
  .main-banner-mobile .body-swiper .swiper-wrapper .swiper-slide .upper-body .pointer.neck {
    top: 58px;
    right: 45px;
    animation-delay: 0.7s;
  }
  .main-banner-mobile .body-swiper .swiper-wrapper .swiper-slide .upper-body .pointer.shoulder {
    top: 100px;
    right: -5px;
    animation-delay: 1.4s;
  }
  .main-banner-mobile .body-swiper .swiper-wrapper .swiper-slide .upper-body .pointer.elbow {
    top: 190px;
    right: -10px;
    animation-delay: 0s;
  }
  .main-banner-mobile .body-swiper .swiper-wrapper .swiper-slide .upper-body .pointer.back {
    bottom: 90px;
    right: 63px;
    animation-delay: 2.1s;
  }
  .main-banner-mobile .body-swiper .swiper-wrapper .swiper-slide .upper-body .pointer.wrist {
    bottom: 45px;
    right: -3.5px;
    animation-delay: 2.8s;
  }
  .main-banner-mobile .body-swiper .swiper-wrapper .swiper-slide .lower-body {
    margin: 0 auto;
    width: 182px;
    height: 320px;
    position: relative;
    left: 20px;
    background-image: url("../img/lower_body.png");
    background-size: 182px 320px;
  }
  .main-banner-mobile .body-swiper .swiper-wrapper .swiper-slide .lower-body .pointer.hip {
    top: 20px;
    right: 70px;
    animation-delay: 0s;
  }
  .main-banner-mobile .body-swiper .swiper-wrapper .swiper-slide .lower-body .pointer.knee {
    top: 155px;
    right: 66px;
    animation-delay: 1.4s;
  }
  .main-banner-mobile .body-swiper .swiper-wrapper .swiper-slide .lower-body .pointer.foot {
    bottom: 40px;
    right: 68px;
    animation-delay: 0.7s;
  }
  .main-banner-mobile .body-swiper .button {
    padding-bottom: 20px;
    display: flex;
    justify-content: center;
    gap: 15px;
  }
  .main-banner-mobile .body-swiper .button > div {
    cursor: pointer;
    color: #092f57;
    background-color: #fff;
    width: 80px;
    text-align: center;
    padding: 8px 0;
    border-radius: 30px;
    font-size: 2.1rem;
    box-sizing: border-box;
    border: 1px solid #092f57;
  }
  .main-banner-mobile .body-swiper .button > div.active {
    color: #fff;
    background-color: #092f57;
  }
  .main-banner-mobile.active {
    opacity: 1;
  }
  .part-body-mobile {
    position: absolute;
    top: 42px;
    display: block;
    width: 100%;
    min-height: 706px;
    background-color: #f7f6f1;
  }
  .part-body-mobile .part-body {
    width: 100%;
    opacity: 0;
    transition: opacity 1.2s;
    padding-top: 50px;
    position: absolute;
    top: 0;
  }
  .part-body-mobile .part-body .txt {
    width: calc(100% - 60px);
    padding-left: 30px;
    padding-right: 30px;
  }
  .part-body-mobile .part-body .txt h2 {
    font-weight: 800;
    color: #092f57;
    font-size: 3.6rem;
    padding-bottom: 2.5rem;
  }
  .part-body-mobile .part-body .txt p {
    font-size: 1.9rem;
    padding-bottom: 2rem;
    line-height: 1.35;
  }
  .part-body-mobile .part-body .txt p br {
    display: none;
  }
  .part-body-mobile .part-body .txt ul {
    display: flex;
    padding-bottom: 4.5rem;
  }
  .part-body-mobile .part-body .txt ul li {
    width: 12.5rem;
    height: 12.5rem;
    color: #fff;
    background-color: #092f57;
    border-radius: 50%;
    margin: 0 -0.8rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    text-align: center;
    font-size: 1.7rem;
  }
  .part-body-mobile .part-body .figure {
    width: 220px;
    margin: 0 auto;
    position: relative;
    top: 0px;
    z-index: 10;
  }
  .part-body-mobile .part-body .figure > img:first-child {
    width: 220px;
    height: 278px;
    -o-object-fit: contain;
       object-fit: contain;
    margin: 0 auto;
    display: block;
  }
  .part-body-mobile .part-body .figure .pointer {
    animation: blink 1.2s ease infinite alternate both;
    position: absolute;
    width: 36px;
    cursor: pointer;
    z-index: 10;
  }
  .part-body-mobile .part-body .go-back {
    z-index: 10;
    cursor: pointer;
    position: absolute;
    right: 35px;
    top: 45px;
    width: 36px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
  }
  .part-body-mobile .part-body .go-back img {
    width: 27px;
    transform: rotate(180deg);
    opacity: 0.65;
  }
  .part-body-mobile .part-body.neck .figure .pointer {
    top: 80px;
    left: 120px;
  }
  .part-body-mobile .part-body.shoulder .figure .pointer {
    top: 47.5px;
    right: -5px;
  }
  .part-body-mobile .part-body.elbow .figure .pointer {
    top: 107px;
    right: -10px;
  }
  .part-body-mobile .part-body.back .figure .pointer {
    bottom: 120px;
    right: 70px;
  }
  .part-body-mobile .part-body.wrist .figure .pointer {
    bottom: 100px;
    right: -5px;
  }
  .part-body-mobile .part-body.hip .figure .pointer {
    top: 55px;
    right: 95px;
  }
  .part-body-mobile .part-body.knee .figure .pointer {
    top: 120px;
    right: 80px;
  }
  .part-body-mobile .part-body.foot .figure .pointer {
    bottom: 32px;
    right: 58px;
  }
  .part-body-mobile .part-body.active {
    opacity: 1;
    pointer-events: auto;
  }
}
/* article - 유튜브 */
article {
  position: relative;
  background-color: #f8f8f8;
  padding: 9.6rem 0 10.3rem;
}
article .inner-box {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 1480px;
  margin: 0 auto;
  padding: 0 20px 0 40px;
}
article .inner-box .txt-area {
  padding-right: 3.3%;
  padding-bottom: 0.7rem;
}
article .inner-box .txt-area h3 {
  font-size: 4.2rem;
  font-family: "pretendard";
  font-weight: 400;
  line-height: 1.1428571429;
  padding-bottom: 1.8rem;
}
article .inner-box .txt-area h3 b {
  font-weight: 800;
}
article .inner-box .txt-area .sub-txt p {
  font-family: "pretendard";
  font-weight: 400;
  font-size: 1.8rem;
  padding-bottom: 8.4rem;
}
article .inner-box .txt-area .sub-txt a {
  font-family: "pretendard";
  font-weight: 600;
  font-size: 1.8rem;
  color: #092f57;
  background-color: #fff;
  display: inline-block;
  border: 1px solid #092f57;
  border-radius: 100px;
  width: 23.9rem;
  height: 6.2rem;
  text-align: center;
  line-height: 6.2rem;
  box-sizing: border-box;
}
article .inner-box .video-area {
  display: flex;
  align-items: center;
  gap: 2.3%;
}
article .inner-box .video-area .thumbnail {
  padding-top: 1.6rem;
}
article .inner-box .video-area .thumbnail iframe {
  width: 66.8rem;
  height: 37.3rem;
}
article .inner-box .video-area .list {
  padding-right: 2.2%;
  width: 38.4rem;
  height: 58.3rem;
  overflow-y: scroll;
}
article .inner-box .video-area .list li {
  cursor: pointer;
  position: relative;
  margin: 1.3rem 0;
}
article .inner-box .video-area .list li .title {
  width: calc(100% - 30px);
  opacity: 0;
  transition: all 0.3s ease 0s;
  position: absolute;
  top: 0;
  left: 0;
  height: calc(100% - 15px);
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  font-weight: 700;
  font-size: 1.85rem;
  font-family: "Nanum";
  padding-left: 15px;
  padding-top: 15px;
  padding-right: 15px;
}
article .inner-box .video-area .list li .title.active {
  opacity: 1;
}
article .inner-box .video-area .list li .title:hover {
  opacity: 1;
}
article .inner-box .video-area .list::-webkit-scrollbar {
  width: 9px;
  background-color: #fff;
  border-radius: 10px;
}
article .inner-box .video-area .list::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #ddd;
}
article::after {
  width: 46.9%;
  right: 0;
  height: 100%;
  top: 0;
  background-color: #092f57;
  content: "";
  display: block;
  position: absolute;
}

@media (max-width: 1500px) {
  article {
    padding: 10rem 0;
  }
  article .inner-box {
    justify-content: center;
    padding: 0 20px 0 40px;
  }
  article .inner-box .txt-area {
    padding-right: 3.3%;
  }
  article .inner-box .txt-area > h3 {
    font-size: 3.8rem;
  }
  article .inner-box .txt-area .sub-txt p {
    padding-bottom: 7rem;
  }
  article .inner-box .video-area {
    gap: 0;
    flex-direction: column;
  }
  article .inner-box .video-area .thumbnail {
    padding-bottom: 0px;
  }
  article .inner-box .video-area .thumbnail iframe {
    width: 66.8rem;
    height: 37.6rem;
  }
  article .inner-box .video-area .list {
    display: flex;
    padding-right: 0;
    width: 66.8rem;
    height: unset;
    overflow-x: scroll;
    overflow-y: hidden;
    padding-bottom: 7px;
  }
  article .inner-box .video-area .list li {
    width: 250px;
    min-width: 250px;
    padding: 0rem 0;
    margin-right: 7px;
  }
  article .inner-box .video-area .list li .title {
    font-size: 1.65rem;
    top: 0;
    width: calc(100% - 20px);
    height: calc(100% - 10px);
    padding-left: 10px;
    padding-top: 10px;
    padding-right: 10px;
  }
  article .inner-box .video-area .list::-webkit-scrollbar {
    height: 7.5px;
    background-color: #fff;
    border-radius: 5px;
  }
  article .inner-box .video-area .list::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: #ddd;
  }
}
@media (min-width: 946px) and (max-width: 1279px) {
  article .inner-box .txt-area .sub-txt p {
    padding-bottom: 5rem;
  }
  article .inner-box .video-area .list {
    margin-top: -1px;
    padding-bottom: 6.5px;
  }
  article .inner-box .video-area .list > li {
    min-width: 220px;
    margin-right: 6.5px;
  }
  article .inner-box .video-area .list > li > .title {
    font-size: 1.75rem;
  }
}
@media (max-width: 945px) {
  article .inner-box {
    justify-content: center;
    flex-direction: column;
    padding: 0 20px;
  }
  article .inner-box .txt-area {
    padding-right: 0;
    display: flex;
    width: 66.8rem;
    padding-bottom: 5rem;
    justify-content: space-around;
    align-items: center;
  }
  article .inner-box .txt-area > h3 {
    padding-bottom: 0;
    font-size: 3.6rem;
  }
  article .inner-box .txt-area .sub-txt {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  article .inner-box .txt-area .sub-txt p {
    padding-bottom: 2rem;
  }
  article .inner-box .video-area {
    gap: 0;
    flex-direction: column;
  }
  article .inner-box .video-area .thumbnail {
    padding-bottom: 3px;
  }
  article .inner-box .video-area .list {
    width: 66.8rem;
    height: unset;
    padding-bottom: 7px;
    margin-top: -4px;
  }
  article .inner-box .video-area .list li {
    min-width: 200px;
    margin-right: 6px;
  }
  article .inner-box .video-area .list li .title {
    font-size: 1.7rem;
    top: 0;
    height: calc(100% - 10px);
    padding-left: 10px;
    padding-top: 10px;
    padding-right: 10px;
  }
  article .inner-box .video-area .list::-webkit-scrollbar {
    height: 7.5px;
    background-color: #fff;
    border-radius: 5px;
  }
  article .inner-box .video-area .list::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: #ddd;
  }
  article::after {
    height: 47%;
    right: 0;
    width: 100%;
    top: unset;
    bottom: 0;
    background-color: #092f57;
    content: "";
    display: block;
    position: absolute;
  }
}
@media (max-width: 768px) {
  article {
    padding: 8rem 0;
  }
  article .inner-box {
    justify-content: center;
    flex-direction: column;
    padding: 0 12px;
  }
  article .inner-box .txt-area {
    padding-right: 0;
    display: flex;
    align-items: flex-start;
    width: unset;
    padding-bottom: 0rem;
    margin-bottom: 2rem;
    justify-content: space-between;
    gap: 40px;
  }
  article .inner-box .txt-area h3 {
    font-size: 2.4rem;
    padding-right: 0;
    padding-top: 10px;
  }
  article .inner-box .txt-area .sub-txt p {
    padding-bottom: 1.5rem;
    font-size: 1.5rem;
  }
  article .inner-box .txt-area .sub-txt a {
    width: 20rem;
    height: 4.5rem;
    line-height: 4.5rem;
    font-size: 1.5rem;
  }
  article .inner-box .video-area {
    max-width: 400px;
    width: 100%;
    gap: 0;
    flex-direction: column;
  }
  article .inner-box .video-area .thumbnail {
    width: 100%;
    padding-bottom: 0px;
  }
  article .inner-box .video-area .thumbnail iframe {
    width: 100%;
    max-height: 206px;
  }
  article .inner-box .video-area .list {
    margin-top: -1px;
    width: 100%;
    height: unset;
    padding-bottom: 5px;
    margin-top: -2px;
  }
  article .inner-box .video-area .list li {
    width: 170px;
    min-width: 130px;
    margin-right: 4px;
  }
  article .inner-box .video-area .list li .title {
    width: calc(100% - 10px);
    font-size: 1.35rem;
    top: 0;
    height: calc(100% - 5px);
    padding-left: 5px;
    padding-top: 5px;
    padding-right: 5px;
  }
  article .inner-box .video-area .list::-webkit-scrollbar {
    height: 5px;
    background-color: #fff;
    border-radius: 5px;
  }
  article .inner-box .video-area .list::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: #ddd;
  }
  article::after {
    height: 47%;
    right: 0;
    width: 100%;
    top: unset;
    bottom: 0;
    background-color: #092f57;
    content: "";
    display: block;
    position: absolute;
  }
}
/* section01 - 의료진 소개 */
.section01 {
  padding-top: 15.1rem;
}
.section01 .circle-wrap {
  padding: 6.3rem 0 13.1rem;
  display: flex;
  justify-content: center;
}
.section01 .circle-wrap li {
  width: 30.2rem;
  height: 30.2rem;
  border-radius: 50%;
  background-color: #f8f8f8;
  mix-blend-mode: multiply;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  flex-direction: column;
  text-align: center;
  margin: 0 -2rem;
}
.section01 .circle-wrap li .icon {
  padding-bottom: 1.9rem;
}
.section01 .medical-team .doctor .profile {
  padding-top: 14.1rem;
}
.section01 .medical-team .doctor .profile .inner-box {
  padding: 0 0 0 40px;
  display: flex;
}
.section01 .medical-team .doctor .profile .inner-box .figure {
  display: flex;
  align-items: flex-end;
  width: 50%;
}
.section01 .medical-team .doctor .profile .inner-box .figure img {
  -o-object-fit: cover;
     object-fit: cover;
}
.section01 .medical-team .doctor .profile .inner-box .list {
  width: 50%;
  padding-top: 3rem;
  padding-bottom: 10rem;
}
.section01 .medical-team .doctor .profile .inner-box .list .title-area {
  display: flex;
  gap: 5.5rem;
  padding-bottom: 7rem;
}
.section01 .medical-team .doctor .profile .inner-box .list .title-area .title .sub-title {
  font-size: 3.2rem;
  font-weight: 800;
  color: #092f57;
  display: inline-block;
  margin-bottom: 1.8rem;
}
.section01 .medical-team .doctor .profile .inner-box .list .title-area .title h3 {
  font-size: 4rem;
}
.section01 .medical-team .doctor .profile .inner-box .list .title-area .title h3 > b {
  font-weight: 800;
  font-size: 5.2rem;
  display: inline-block;
  margin-right: 6px;
}
.section01 .medical-team .doctor .profile .inner-box .list .title-area .medals {
  padding-top: 1.4rem;
}
.section01 .medical-team .doctor .profile .inner-box .list .title-area .medals img:first-child {
  margin-right: 2.1rem;
}
.section01 .medical-team .doctor .profile .inner-box .list ul li {
  letter-spacing: -0.06em;
  padding-bottom: 0.9rem;
}
.section01 .medical-team .doctor .profile .inner-box .list ul li > b {
  font-size: 2.4rem;
  display: inline-block;
  margin-bottom: 0.8rem;
}
.section01 .medical-team .doctor .profile .inner-box .list ul li.pd {
  padding-bottom: 1.8rem;
}
.section01 .medical-team .doctor .thesis {
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  color: #fff;
  padding-top: 11rem;
  padding-bottom: 13.5rem;
}
.section01 .medical-team .doctor .thesis .inner-box {
  max-width: 1445px;
  margin: 0 auto;
  padding: 0 20px;
}
.section01 .medical-team .doctor .thesis .inner-box > span {
  font-size: 2.6rem;
  display: inline-block;
  width: 12rem;
  height: 6.2rem;
  box-sizing: border-box;
  border-radius: 100px;
  border: 1px solid #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  line-height: 1;
  margin-bottom: 5.1rem;
  letter-spacing: -0.025em;
  font-weight: 800;
}
.section01 .medical-team .doctor .thesis .inner-box ul {
  padding-left: 3.8rem;
}
.section01 .medical-team .doctor .thesis .inner-box ul li {
  padding-bottom: 0.65rem;
  font-size: 2.2rem;
  letter-spacing: -0.025em;
  line-height: 1.3831818182;
}
.section01 .medical-team .doctor.doctor01 .profile {
  background-color: #f7f6f1;
}
.section01 .medical-team .doctor.doctor01 .profile .inner-box .figure {
  padding-right: 2.7rem;
  width: calc(50% - 2.7rem);
  display: flex;
  justify-content: flex-end;
}
.section01 .medical-team .doctor.doctor01 .thesis {
  background-image: url("../img/sc01_bg01.png");
}
.section01 .medical-team .doctor.doctor02 .profile {
  background-color: #f8f8f8;
}
.section01 .medical-team .doctor.doctor02 .profile .inner-box {
  max-width: 1360px;
  margin: 0 auto;
}
.section01 .medical-team .doctor.doctor02 .profile .inner-box .list {
  padding-top: 10rem;
}
.section01 .medical-team .doctor.doctor02 .profile .inner-box .list .title-area {
  padding-bottom: 8rem;
}
.section01 .medical-team .doctor.doctor02 .profile .inner-box .list ul li {
  padding-bottom: 2rem;
}
.section01 .medical-team .doctor.doctor02 .thesis {
  background-image: url("../img/sc01_bg02.png");
}

@media (max-width: 1279px) {
  .section01 .circle-wrap li .icon {
    position: relative;
    bottom: 1.5rem;
    padding-bottom: 0rem;
  }
  .section01 .circle-wrap li .icon img {
    transform: scale(0.65);
  }
  .section01 .circle-wrap li p {
    position: relative;
    bottom: 1.5rem;
  }
  .section01 .medical-team .doctor .profile .inner-box {
    padding: 0 0 0 30px;
  }
  .section01 .medical-team .doctor .profile .inner-box .list .title-area {
    padding-bottom: 5rem;
  }
  .section01 .medical-team .doctor .profile .inner-box .list .title-area .medals img {
    transform: scale(0.8);
    transform-origin: left center;
  }
  .section01 .medical-team .doctor .profile .inner-box .list .title-area .medals img:first-child {
    margin-right: -1rem;
  }
  .section01 .medical-team .doctor .thesis .inner-box ul {
    padding-left: 2rem;
  }
  .section01 .medical-team .doctor.doctor01 .profile .inner-box {
    flex-direction: column-reverse;
  }
  .section01 .medical-team .doctor.doctor01 .profile .inner-box .list {
    width: 100%;
  }
  .section01 .medical-team .doctor.doctor01 .profile .inner-box .figure {
    padding-right: 0rem;
    width: 100%;
    display: flex;
    justify-content: center;
  }
  .section01 .medical-team .doctor.doctor01 .profile .inner-box .figure img {
    max-width: 450px;
  }
  .section01 .medical-team .doctor.doctor02 .profile .inner-box {
    max-width: 1360px;
    margin: 0 auto;
  }
  .section01 .medical-team .doctor.doctor02 .profile .inner-box .list {
    padding-top: 10rem;
  }
  .section01 .medical-team .doctor.doctor02 .profile .inner-box .list .title-area {
    padding-bottom: 8rem;
  }
  .section01 .medical-team .doctor.doctor02 .profile .inner-box .list ul li {
    padding-bottom: 2rem;
  }
}
@media (max-width: 767px) {
  .section01 {
    padding-top: 10rem;
  }
  .section01 .circle-wrap {
    padding: 8.5rem 30px 10rem;
    flex-wrap: wrap;
  }
  .section01 .circle-wrap li {
    width: 23rem;
    height: 23rem;
    margin: -2.4rem -1rem;
    font-size: 1.7rem;
  }
  .section01 .circle-wrap li .icon {
    position: relative;
    bottom: 1rem;
    padding-bottom: 0rem;
  }
  .section01 .circle-wrap li .icon img {
    transform: scale(0.48);
  }
  .section01 .circle-wrap li p {
    position: relative;
    bottom: 2rem;
  }
  .section01 .medical-team .doctor .profile .inner-box {
    padding: 0 10px 0 20px;
  }
  .section01 .medical-team .doctor .profile .inner-box .list {
    padding-bottom: 8rem;
  }
  .section01 .medical-team .doctor .profile .inner-box .list .title-area {
    gap: 0;
    padding-bottom: 1rem;
  }
  .section01 .medical-team .doctor .profile .inner-box .list .title-area .title .sub-title {
    font-size: 2.8rem;
  }
  .section01 .medical-team .doctor .profile .inner-box .list .title-area .title h3 {
    font-size: 3.6rem;
  }
  .section01 .medical-team .doctor .profile .inner-box .list .title-area .title h3 > b {
    font-size: 4.5rem;
  }
  .section01 .medical-team .doctor .profile .inner-box .list .title-area .medals {
    padding-top: 0;
    display: flex;
    align-items: center;
  }
  .section01 .medical-team .doctor .profile .inner-box .list .title-area .medals img {
    transform: scale(0.55);
    transform-origin: center;
  }
  .section01 .medical-team .doctor .profile .inner-box .list .title-area .medals img:first-child {
    margin-right: -6.5rem;
  }
  .section01 .medical-team .doctor .thesis {
    padding: 8rem 0;
    background-attachment: unset;
  }
  .section01 .medical-team .doctor .thesis .inner-box {
    padding: 0 10px 0 20px;
  }
  .section01 .medical-team .doctor .thesis .inner-box > span {
    font-size: 2.3rem;
    height: 5.5rem;
    line-height: normal;
  }
  .section01 .medical-team .doctor .thesis .inner-box ul {
    padding-left: 0rem;
  }
  .section01 .medical-team .doctor .thesis .inner-box ul li {
    font-size: 2rem;
  }
  .section01 .medical-team .doctor.doctor01 .profile {
    padding-top: 10rem;
  }
  .section01 .medical-team .doctor.doctor01 .profile .inner-box {
    flex-direction: column-reverse;
  }
  .section01 .medical-team .doctor.doctor01 .profile .inner-box .list {
    padding-top: 0;
    width: 100%;
  }
  .section01 .medical-team .doctor.doctor01 .profile .inner-box .figure {
    padding-right: 0rem;
    width: 100%;
    display: flex;
    justify-content: center;
  }
  .section01 .medical-team .doctor.doctor01 .profile .inner-box .figure img {
    max-width: 250px;
  }
  .section01 .medical-team .doctor.doctor02 .profile {
    padding-top: 0;
  }
  .section01 .medical-team .doctor.doctor02 .profile .inner-box {
    max-width: 1360px;
    margin: 0 auto;
    flex-direction: column;
  }
  .section01 .medical-team .doctor.doctor02 .profile .inner-box .list {
    width: 100%;
    padding-top: 10rem;
  }
  .section01 .medical-team .doctor.doctor02 .profile .inner-box .list .title-area {
    padding-bottom: 5rem;
  }
  .section01 .medical-team .doctor.doctor02 .profile .inner-box .list ul li {
    padding-bottom: 2rem;
  }
  .section01 .medical-team .doctor.doctor02 .profile .inner-box .figure {
    display: flex;
    justify-content: center;
    width: 100%;
  }
  .section01 .medical-team .doctor.doctor02 .profile .inner-box .figure img {
    max-width: 250px;
  }
}
/* section02 - 척추, 관절클리닉 */
.section02 {
  padding-top: 12.8rem;
}
.section02 .clinic-wrap {
  margin-top: 4.7rem;
}
.section02 .clinic-wrap .inner-box .tab-menu {
  display: flex;
  justify-content: center;
  gap: 1.4rem;
  transform: translateY(50%);
}
.section02 .clinic-wrap .inner-box .tab-menu li {
  transition: all 0.3s ease-in-out 0s;
  width: 27.6rem;
  height: 9.3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  border-radius: 100px;
  background-color: #f7f6f1;
  color: #092f57;
  font-size: 2.2rem;
  box-sizing: border-box;
}
.section02 .clinic-wrap .inner-box .tab-menu li.active {
  color: #fff;
  background-color: #092f57;
  border: 2px solid #fff;
}
.section02 .clinic-wrap .inner-box .tab-menu li:hover {
  color: #fff;
  background-color: #092f57;
  border: 2px solid #fff;
}
.section02 .clinic-wrap .inner-box .clinics .clinic {
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding-bottom: 19rem;
  padding-left: 20px;
  padding-right: 20px;
  color: #fff;
  display: none;
}
.section02 .clinic-wrap .inner-box .clinics .clinic .topic {
  padding-top: 15.5rem;
  padding-bottom: 10rem;
  text-align: center;
}
.section02 .clinic-wrap .inner-box .clinics .clinic .topic h3 {
  font-size: 3.8rem;
  line-height: 1.3684210526;
  padding-bottom: 3.3rem;
}
.section02 .clinic-wrap .inner-box .clinics .clinic .topic p {
  font-size: 2.2rem;
  line-height: 1.3636363636;
  letter-spacing: -0.075em;
}
.section02 .clinic-wrap .inner-box .clinics .clinic .item-wrap {
  position: relative;
  display: flex;
  gap: 1.7%;
  justify-content: center;
}
.section02 .clinic-wrap .inner-box .clinics .clinic .item-wrap .item .figure {
  padding-bottom: 7.9rem;
}
.section02 .clinic-wrap .inner-box .clinics .clinic .item-wrap .item .txt {
  position: relative;
}
.section02 .clinic-wrap .inner-box .clinics .clinic .item-wrap .item .txt .desc {
  display: flex;
  align-items: flex-end;
  gap: 4.5%;
  padding-bottom: 6.6rem;
}
.section02 .clinic-wrap .inner-box .clinics .clinic .item-wrap .item .txt .desc > span {
  display: inline-block;
  width: 31.5rem;
  height: 10rem;
  border-radius: 100px;
  background-color: #fff;
  font-weight: 800;
  color: #092f57;
  font-size: 2.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
.section02 .clinic-wrap .inner-box .clinics .clinic .item-wrap .item .txt .desc p {
  font-size: 2.2rem;
  padding-bottom: 0.5rem;
  white-space: nowrap;
}
.section02 .clinic-wrap .inner-box .clinics .clinic .item-wrap .item .txt ul {
  padding-left: 3.3rem;
  font-size: 2.2rem;
}
.section02 .clinic-wrap .inner-box .clinics .clinic .item-wrap .item .txt ul li {
  line-height: 1.3636363636;
}
.section02 .clinic-wrap .inner-box .clinics .clinic .item-wrap .item:last-child .desc {
  padding-left: 2rem;
}
.section02 .clinic-wrap .inner-box .clinics .clinic .item-wrap::after {
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  background-color: #fff;
  bottom: 3px;
  height: 31rem;
  left: 50%;
  transform: translateX(-50%);
}
.section02 .clinic-wrap .inner-box .clinics .clinic.active {
  display: block;
}
.section02 .clinic-wrap .inner-box .clinics .clinic.spine {
  background-image: url("../img/sc02_bg02.png");
}
.section02 .clinic-wrap .inner-box .clinics .clinic.joint {
  background-image: url("../img/sc02_bg.png");
}

@media (max-width: 1279px) {
  .section02 .clinic-wrap .inner-box .tab-menu li {
    height: 8.5rem;
  }
  .section02 .clinic-wrap .inner-box .clinics .clinic {
    padding-left: 15px;
    padding-right: 15px;
  }
  .section02 .clinic-wrap .inner-box .clinics .clinic .topic {
    padding-top: 12rem;
  }
  .section02 .clinic-wrap .inner-box .clinics .clinic .topic h3 {
    font-size: 3.2rem;
  }
  .section02 .clinic-wrap .inner-box .clinics .clinic .topic p {
    font-size: 2rem;
  }
  .section02 .clinic-wrap .inner-box .clinics .clinic .item-wrap .item .figure {
    padding-bottom: 6rem;
  }
  .section02 .clinic-wrap .inner-box .clinics .clinic .item-wrap .item .txt .desc {
    flex-direction: column;
    align-items: center;
    gap: 2.5rem;
  }
  .section02 .clinic-wrap .inner-box .clinics .clinic .item-wrap .item .txt .desc > span {
    height: 8.5rem;
    width: 27rem;
    font-size: 2.1rem;
  }
  .section02 .clinic-wrap .inner-box .clinics .clinic .item-wrap .item .txt .desc p {
    white-space: unset;
    font-size: 1.8rem;
  }
  .section02 .clinic-wrap .inner-box .clinics .clinic .item-wrap .item .txt ul {
    padding-left: 6%;
  }
  .section02 .clinic-wrap .inner-box .clinics .clinic .item-wrap .item .txt ul li {
    font-size: 1.8rem;
  }
  .section02 .clinic-wrap .inner-box .clinics .clinic .item-wrap .item:last-child .desc {
    padding-left: 0rem;
  }
  .section02 .clinic-wrap .inner-box .clinics .clinic .item-wrap::after {
    display: none;
  }
  .section02 .clinic-wrap .inner-box .clinics .clinic.joint {
    background-position: 70% 50%;
  }
}
@media (max-width: 767px) {
  .section02 {
    padding-top: 10rem;
  }
  .section02 .title-txt p br {
    display: none;
  }
  .section02 .clinic-wrap .inner-box .tab-menu li {
    width: 19rem;
    height: 6.5rem;
    font-size: 1.9rem;
  }
  .section02 .clinic-wrap .inner-box .clinics .clinic {
    background-attachment: unset;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 15rem;
  }
  .section02 .clinic-wrap .inner-box .clinics .clinic .topic {
    padding-top: 10rem;
  }
  .section02 .clinic-wrap .inner-box .clinics .clinic .topic h3 {
    font-size: 2.7rem;
  }
  .section02 .clinic-wrap .inner-box .clinics .clinic .topic p {
    font-size: 1.8rem;
  }
  .section02 .clinic-wrap .inner-box .clinics .clinic .item-wrap {
    flex-direction: column;
    gap: 50px;
  }
  .section02 .clinic-wrap .inner-box .clinics .clinic .item-wrap .item .figure {
    margin: 0 auto;
    max-width: 400px;
  }
  .section02 .clinic-wrap .inner-box .clinics .clinic .item-wrap .item .txt .desc {
    padding-bottom: 4.5rem;
    flex-direction: row;
    justify-content: center;
  }
  .section02 .clinic-wrap .inner-box .clinics .clinic .item-wrap .item .txt .desc > span {
    width: 20rem;
    height: 7rem;
    font-size: 2rem;
  }
  .section02 .clinic-wrap .inner-box .clinics .clinic .item-wrap .item .txt .desc p {
    font-size: 1.7rem;
  }
  .section02 .clinic-wrap .inner-box .clinics .clinic .item-wrap .item .txt ul {
    width: 280px;
    margin: 0 auto;
    padding-left: 0%;
  }
  .section02 .clinic-wrap .inner-box .clinics .clinic .item-wrap .item .txt ul li {
    font-size: 1.7rem;
  }
}
/* bg - txt-area */
.bg .txt-area h2 {
  font-size: 4rem;
  line-height: 1.25;
}
.bg .txt-area h2 > b {
  font-size: 6rem;
}
.bg .txt-area p {
  font-size: 2.2rem;
  line-height: 1.2727272727;
}
.bg .txt-area ul {
  display: flex;
}
.bg .txt-area ul li {
  text-align: center;
}
.bg .txt-area ul li > p {
  font-size: 2rem;
}
.bg .txt-area > span {
  font-size: 14.222rem;
  font-family: "lemonmilk";
  color: transparent;
  -webkit-text-stroke-width: 0.5px;
  line-height: 1;
}

/* bg01 - 체외충격파 */
.bg01 {
  position: relative;
  z-index: 1;
}
.bg01 .bg-swiper01 {
  position: relative;
  z-index: 1;
}
.bg01 .bg-swiper01 .swiper-wrapper .swiper-slide {
  min-height: 71.6rem;
  padding-top: 14.6rem;
}
.bg01 .bg-swiper01 .swiper-wrapper .swiper-slide .box-wrap {
  max-width: 1310px;
  margin: 0 auto;
  padding: 0 20px;
  display: flex;
  gap: 4.8%;
}
.bg01 .bg-swiper01 .swiper-wrapper .swiper-slide .box-wrap .txt-area {
  padding-top: 1.6rem;
}
.bg01 .bg-swiper01 .swiper-wrapper .swiper-slide .box-wrap .txt-area h2 {
  padding-bottom: 2.6rem;
}
.bg01 .bg-swiper01 .swiper-wrapper .swiper-slide .box-wrap .txt-area > p {
  padding-bottom: 6rem;
  white-space: nowrap;
}
.bg01 .bg-swiper01 .swiper-wrapper .swiper-slide .box-wrap .txt-area ul {
  padding-left: 5px;
  margin-bottom: 7rem;
  gap: 5.8rem;
}
.bg01 .bg-swiper01 .swiper-wrapper .swiper-slide .box-wrap .txt-area ul li {
  position: relative;
}
.bg01 .bg-swiper01 .swiper-wrapper .swiper-slide .box-wrap .txt-area ul li .icon {
  padding-bottom: 1.9rem;
}
.bg01 .bg-swiper01 .swiper-wrapper .swiper-slide .box-wrap .txt-area ul li:not(:last-child)::after {
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  background-color: #cfc7b6;
  height: 100%;
  right: -2.9rem;
  top: 50%;
  transform: translateY(-50%);
}
.bg01 .bg-swiper01 .swiper-wrapper .swiper-slide .box-wrap .txt-area > span {
  position: relative;
  right: 1rem;
  -webkit-text-stroke-color: #bbb7a4;
}
.bg01 .bg-swiper01 .swiper-wrapper .swiper-slide.item01 {
  background-image: url("../img/bg01_bg01.png");
}
.bg01 .bg-swiper01 .swiper-wrapper .swiper-slide.item02 {
  background-image: url("../img/bg01_bg02.png");
}
.bg01 .bg-swiper01 .swiper-wrapper .swiper-slide.item02 .box-wrap {
  flex-direction: row-reverse;
}
.bg01 .bg-swiper01 .bg-arrow-wrap {
  top: 0;
  max-width: 1920px;
  margin: 0 auto;
  position: absolute;
  width: 100%;
  height: 100%;
}
.bg01 .bg-swiper01 .bg-arrow-wrap .bg-arrow {
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 39px;
  height: 78px;
  cursor: pointer;
  z-index: 1;
}
.bg01 .bg-swiper01 .bg-arrow-wrap .bg-swiper-prev {
  background-image: url("../img/arrow_prev.png");
  left: 9.5%;
}
.bg01 .bg-swiper01 .bg-arrow-wrap .bg-swiper-next {
  background-image: url("../img/arrow_next.png");
  right: 9.5%;
}

@media (max-width: 1279px) {
  .bg01 .bg-swiper01 .swiper-wrapper .swiper-slide {
    min-height: 950px;
  }
  .bg01 .bg-swiper01 .swiper-wrapper .swiper-slide .box-wrap {
    flex-direction: column;
    align-items: center;
    gap: 50px;
    padding: 0;
  }
  .bg01 .bg-swiper01 .swiper-wrapper .swiper-slide .box-wrap .txt-area > p {
    white-space: unset;
  }
  .bg01 .bg-swiper01 .swiper-wrapper .swiper-slide .box-wrap .txt-area ul {
    margin-bottom: 4rem;
  }
  .bg01 .bg-swiper01 .swiper-wrapper .swiper-slide .box-wrap .txt-area ul li .icon {
    padding-bottom: 1rem;
  }
  .bg01 .bg-swiper01 .swiper-wrapper .swiper-slide .box-wrap .txt-area ul li .icon img {
    transform: scale(0.8);
  }
  .bg01 .bg-swiper01 .swiper-wrapper .swiper-slide .box-wrap .txt-area ul li > p {
    font-size: 1.8rem;
  }
  .bg01 .bg-swiper01 .swiper-wrapper .swiper-slide .box-wrap .txt-area > span {
    font-size: 12rem;
    right: 0;
  }
  .bg01 .bg-swiper01 .swiper-wrapper .swiper-slide .box-wrap .figure {
    max-width: 300px;
    margin: 0 auto;
  }
  .bg01 .bg-swiper01 .swiper-wrapper .swiper-slide .box-wrap .figure img {
    position: relative;
    top: 20px;
  }
  .bg01 .bg-swiper01 .swiper-wrapper .swiper-slide.item02 .box-wrap {
    flex-direction: column;
  }
  .bg01 .bg-swiper01 .swiper-wrapper .swiper-slide.item02 .box-wrap .figure {
    max-width: 500px;
  }
  .bg01 .bg-swiper01 .bg-arrow-wrap .bg-arrow {
    background-size: 70%;
    background-repeat: no-repeat;
    position: absolute;
    top: 40%;
    transform: translateY(-50%);
    width: 39px;
    height: 78px;
    cursor: pointer;
    z-index: 1;
  }
  .bg01 .bg-swiper01 .bg-arrow-wrap .bg-swiper-prev {
    background-image: url("../img/arrow_prev.png");
    left: 4%;
  }
  .bg01 .bg-swiper01 .bg-arrow-wrap .bg-swiper-next {
    background-image: url("../img/arrow_next.png");
    right: 4%;
    background-position: right center;
  }
}
@media (max-width: 767px) {
  .bg01 .bg-swiper01 .swiper-wrapper .swiper-slide {
    padding-top: 10rem;
    min-height: 94rem;
  }
  .bg01 .bg-swiper01 .swiper-wrapper .swiper-slide .box-wrap {
    gap: 40px;
    padding: 0 20px;
  }
  .bg01 .bg-swiper01 .swiper-wrapper .swiper-slide .box-wrap .txt-area {
    padding-top: 0;
  }
  .bg01 .bg-swiper01 .swiper-wrapper .swiper-slide .box-wrap .txt-area h2 {
    font-size: 2.7rem;
  }
  .bg01 .bg-swiper01 .swiper-wrapper .swiper-slide .box-wrap .txt-area h2 > b {
    font-size: 4.5rem;
  }
  .bg01 .bg-swiper01 .swiper-wrapper .swiper-slide .box-wrap .txt-area > p {
    font-size: 1.9rem;
    padding-bottom: 4rem;
    white-space: unset;
  }
  .bg01 .bg-swiper01 .swiper-wrapper .swiper-slide .box-wrap .txt-area ul {
    padding-left: 0;
    margin-bottom: 3rem;
    gap: 3rem;
  }
  .bg01 .bg-swiper01 .swiper-wrapper .swiper-slide .box-wrap .txt-area ul li .icon {
    padding-bottom: 1rem;
  }
  .bg01 .bg-swiper01 .swiper-wrapper .swiper-slide .box-wrap .txt-area ul li .icon img {
    transform: scale(0.55);
  }
  .bg01 .bg-swiper01 .swiper-wrapper .swiper-slide .box-wrap .txt-area ul li > p {
    font-size: 1.6rem;
  }
  .bg01 .bg-swiper01 .swiper-wrapper .swiper-slide .box-wrap .txt-area ul li:not(:last-child)::after {
    content: "";
    display: block;
    position: absolute;
    width: 1px;
    background-color: #cfc7b6;
    height: 80%;
    right: -1.5rem;
    top: 50%;
    transform: translateY(-50%);
  }
  .bg01 .bg-swiper01 .swiper-wrapper .swiper-slide .box-wrap .txt-area > span {
    font-size: 8rem;
  }
  .bg01 .bg-swiper01 .swiper-wrapper .swiper-slide .box-wrap .figure {
    max-width: 200px;
  }
  .bg01 .bg-swiper01 .swiper-wrapper .swiper-slide .box-wrap .figure img {
    top: 0px;
  }
  .bg01 .bg-swiper01 .swiper-wrapper .swiper-slide.item02 .box-wrap {
    flex-direction: column;
  }
  .bg01 .bg-swiper01 .swiper-wrapper .swiper-slide.item02 .box-wrap .figure {
    max-width: 300px;
  }
  .bg01 .bg-swiper01 .swiper-wrapper .swiper-slide.item02 .box-wrap .figure img {
    top: 0;
  }
  .bg01 .bg-swiper01 .bg-arrow-wrap {
    display: none;
  }
}
/* section03 - 비수술클리닉 */
.section03 {
  padding-top: 15.5rem;
  padding-bottom: 20.4rem;
}
.section03 .title-txt {
  margin-bottom: 8rem;
}
.section03 .inner-box {
  max-width: 1608px;
  margin: 0 auto;
  padding: 0 20px;
}
.section03 .inner-box .contents-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 1.6rem;
}
.section03 .inner-box .contents-wrap .content {
  width: calc(33.3333333333% - 1.1rem);
  background-color: #fbfbfb;
  border-top: 1px solid #092f57;
}
.section03 .inner-box .contents-wrap .content .txt {
  box-sizing: border-box;
  min-height: 500px;
  padding: 6.4rem 10% 0;
}
.section03 .inner-box .contents-wrap .content .txt > span {
  font-size: 1.6rem;
  color: #092f57;
  font-weight: 700;
  letter-spacing: 0;
  display: inline-block;
  margin-bottom: 1.5rem;
}
.section03 .inner-box .contents-wrap .content .txt h3 {
  font-weight: 800;
  color: #092f57;
  font-size: 2.8rem;
  padding-bottom: 2rem;
}
.section03 .inner-box .contents-wrap .content .txt p {
  font-size: 1.71rem;
  word-break: keep-all;
  letter-spacing: -0.05em;
  line-height: 1.3;
  padding-bottom: 6.4rem;
}
.section03 .inner-box .contents-wrap .content .txt ul {
  display: flex;
  padding-bottom: 9.8rem;
  margin: 0 -2rem;
}
.section03 .inner-box .contents-wrap .content .txt ul li {
  flex: 1;
  position: relative;
  text-align: center;
  font-size: 1.4rem;
  line-height: 1;
}
.section03 .inner-box .contents-wrap .content .txt ul li .icon {
  height: 4.7rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 1.3rem;
}
.section03 .inner-box .contents-wrap .content .txt ul li:not(:last-child) {
  border-right: 1px solid #cbcbcb;
}

@media (max-width: 1279px) {
  .section03 .inner-box .contents-wrap .content .txt {
    min-height: 360px;
    padding: 4rem 6% 0;
  }
  .section03 .inner-box .contents-wrap .content .txt h3 {
    font-size: 2.5rem;
  }
  .section03 .inner-box .contents-wrap .content .txt p {
    font-size: 1.6rem;
  }
  .section03 .inner-box .contents-wrap .content .txt ul {
    padding-bottom: 0rem;
  }
  .section03 .inner-box .contents-wrap .content .txt ul li {
    white-space: nowrap;
    font-size: 1.3rem;
  }
  .section03 .inner-box .contents-wrap .content .txt ul li .icon img {
    transform: scale(0.65);
  }
}
@media (max-width: 767px) {
  .section03 {
    padding: 10rem 0;
  }
  .section03 .inner-box {
    padding: 0 10px;
  }
  .section03 .inner-box .contents-wrap {
    gap: 1rem;
  }
  .section03 .inner-box .contents-wrap .content {
    width: calc(50% - 0.5rem);
  }
  .section03 .inner-box .contents-wrap .content .txt p {
    padding-bottom: 5rem;
  }
  .section03 .inner-box .contents-wrap .content .txt ul {
    margin: 0;
    flex-wrap: wrap;
  }
  .section03 .inner-box .contents-wrap .content .txt ul li {
    white-space: unset;
    padding-bottom: 2rem;
    width: 49%;
    flex: unset;
  }
  .section03 .inner-box .contents-wrap .content .txt ul li .icon {
    padding-bottom: 0.5rem;
  }
  .section03 .inner-box .contents-wrap .content .txt ul li .icon img {
    transform: scale(0.55);
  }
  .section03 .inner-box .contents-wrap .content .txt ul li:not(:last-child) {
    border-right: none;
  }
  .section03 .inner-box .contents-wrap .content .figure {
    margin-top: 30px;
  }
}
/* bg02 - CT */
@media (min-width: 1921px) {
  #wrap .bg02 .inner-box .box-wrap .figure img {
    width: auto;
  }
}
.bg02 {
  position: relative;
  background-image: url("../img/bg02_bg.png");
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.bg02 .content-box {
  padding-top: 16.1rem;
  padding-bottom: 11.1rem;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
  max-width: 1920px;
  margin: 0 auto;
}
.bg02 .content-box .inner-box {
  max-width: 1290px;
  margin: 0 auto;
}
.bg02 .content-box .inner-box .box-wrap .txt-area {
  position: relative;
  z-index: 1;
  color: #fff;
}
.bg02 .content-box .inner-box .box-wrap .txt-area h2 {
  padding-bottom: 2.5rem;
}
.bg02 .content-box .inner-box .box-wrap .txt-area h2 > b {
  color: #f4ddc3;
}
.bg02 .content-box .inner-box .box-wrap .txt-area > p {
  padding-bottom: 5.7rem;
}
.bg02 .content-box .inner-box .box-wrap .txt-area ul {
  gap: 5.9rem;
}
.bg02 .content-box .inner-box .box-wrap .txt-area ul li {
  position: relative;
}
.bg02 .content-box .inner-box .box-wrap .txt-area ul li .icon {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding-bottom: 2.2rem;
  height: 4.7rem;
}
.bg02 .content-box .inner-box .box-wrap .txt-area ul li:not(:last-child)::after {
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  right: -2.95rem;
  top: 50%;
  transform: translateY(-50%);
  background-color: #fff;
  height: 100%;
}
.bg02 .content-box .inner-box .box-wrap .txt-area .sub-txt {
  padding-top: 9.8rem;
  font-size: 2.8rem;
}
.bg02 .content-box .inner-box .box-wrap .txt-area .sub-txt .bg-line {
  display: block;
  width: 32rem;
  height: 1px;
  background-color: #fff;
  margin-top: 1.5rem;
}
.bg02 .content-box .inner-box .box-wrap .figure {
  position: absolute;
  bottom: 0;
  right: 8%;
}
.bg02 .content-box .inner-box .box-wrap .figure img {
  width: 58.8020833333vw;
}

@media (max-width: 1279px) {
  .bg02 .content-box {
    padding-left: 30px;
  }
  .bg02 .content-box .inner-box .box-wrap .txt-area h2 {
    font-size: 3.6rem;
  }
  .bg02 .content-box .inner-box .box-wrap .txt-area h2 > b {
    font-size: 5rem;
  }
  .bg02 .content-box .inner-box .box-wrap .txt-area ul li .icon {
    padding-bottom: 1rem;
  }
  .bg02 .content-box .inner-box .box-wrap .txt-area ul li .icon img {
    transform: scale(0.75);
  }
  .bg02 .content-box .inner-box .box-wrap .figure {
    right: 3%;
    max-width: 600px;
  }
}
@media (max-width: 767px) {
  .bg02 {
    background-attachment: unset;
  }
  .bg02 .content-box {
    padding-top: 10rem;
    padding-bottom: 0rem;
    padding-left: 24px;
    padding-right: 24px;
  }
  .bg02 .content-box .inner-box .box-wrap .txt-area h2 {
    font-size: 3rem;
  }
  .bg02 .content-box .inner-box .box-wrap .txt-area h2 > b {
    font-size: 4rem;
  }
  .bg02 .content-box .inner-box .box-wrap .txt-area > p {
    font-size: 1.9rem;
  }
  .bg02 .content-box .inner-box .box-wrap .txt-area ul {
    gap: 0;
    margin: 0 0px 0 -15px;
  }
  .bg02 .content-box .inner-box .box-wrap .txt-area ul li {
    padding: 0 1.5rem;
  }
  .bg02 .content-box .inner-box .box-wrap .txt-area ul li .icon {
    padding-bottom: 0;
  }
  .bg02 .content-box .inner-box .box-wrap .txt-area ul li .icon img {
    transform: scale(0.6);
  }
  .bg02 .content-box .inner-box .box-wrap .txt-area ul li > p {
    font-size: 1.6rem;
  }
  .bg02 .content-box .inner-box .box-wrap .txt-area ul li:not(:last-child)::after {
    display: none;
  }
  .bg02 .content-box .inner-box .box-wrap .txt-area ul li:not(:last-child) {
    border-right: 1px solid #fff;
  }
  .bg02 .content-box .inner-box .box-wrap .txt-area .sub-txt {
    font-size: 2rem;
    padding-top: 5rem;
  }
  .bg02 .content-box .inner-box .box-wrap .txt-area .sub-txt .bg-line {
    width: 20rem;
  }
  .bg02 .content-box .inner-box .box-wrap .figure {
    padding-top: 8rem;
    position: unset;
  }
  .bg02 .content-box .inner-box .box-wrap .figure img {
    width: unset;
  }
}
/* section04  - 도수운동클리닉 */
.section04 {
  padding-top: 15.6rem;
  padding-bottom: 19.8rem;
}
.section04 .title-txt {
  margin-bottom: 8.7rem;
}
.section04 .inner-box {
  max-width: 1292px;
  margin: 0 auto;
  padding: 0 30px;
}
.section04 .inner-box .figure-wrap {
  width: 100%;
  padding-bottom: 8.3rem;
  display: flex;
}
.section04 .inner-box .figure-wrap img {
  width: 50%;
}
.section04 .inner-box > ul {
  display: flex;
  justify-content: space-between;
  padding-bottom: 10.5rem;
}
.section04 .inner-box > ul li {
  position: relative;
  width: calc(33.3333333333% - 3rem);
  text-align: center;
}
.section04 .inner-box > ul li .title {
  border-radius: 100px;
  background-color: #f8f8f8;
  display: flex;
  align-items: center;
  gap: 12%;
  margin-bottom: 3.8rem;
}
.section04 .inner-box > ul li .title .num {
  display: inline-block;
  border-radius: 50%;
  background-color: #092f57;
  width: 9.8rem;
  height: 9.8rem;
  font-size: 2.8rem;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
.section04 .inner-box > ul li .title .txt {
  font-size: 2.4rem;
  font-weight: 700;
}
.section04 .inner-box > ul li > p {
  font-size: 1.8rem;
  line-height: 1.3888888889;
}
.section04 .inner-box > ul li:not(:last-child)::after {
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #bfbfbf;
  top: 0;
  transform: translateX(-50%);
  right: -2.5rem;
}
.section04 .inner-box .box-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.section04 .inner-box .box-wrap .txt-wrap > h3 {
  font-size: 3rem;
  color: #092f57;
  padding-bottom: 2.3rem;
}
.section04 .inner-box .box-wrap .circle-wrap {
  display: flex;
  padding-right: 1.6rem;
}
.section04 .inner-box .box-wrap .circle-wrap li {
  width: 28.3rem;
  height: 28.3rem;
  border-radius: 50%;
  background-color: #092f57;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  flex-direction: column;
  text-align: center;
  margin: 0 -1.85rem;
}
.section04 .inner-box .box-wrap .circle-wrap li > h3 {
  font-weight: 800;
  font-size: 2.8rem;
  padding-bottom: 1.8rem;
  padding-top: 1rem;
}
.section04 .inner-box .box-wrap .circle-wrap li > p {
  font-size: 1.6rem;
  line-height: 1.25;
}

@media (max-width: 1279px) {
  .section04 .inner-box {
    padding: 0 15px;
  }
  .section04 .inner-box > ul li {
    width: calc(33.3333333333% - 1.5rem);
  }
  .section04 .inner-box > ul li .title {
    gap: 7.5%;
    margin-bottom: 2.7rem;
  }
  .section04 .inner-box > ul li .title .num {
    width: 8rem;
    height: 8rem;
    font-size: 2.4rem;
  }
  .section04 .inner-box > ul li .title .txt {
    font-size: 2.2rem;
  }
  .section04 .inner-box > ul li > p {
    font-size: 1.7rem;
  }
  .section04 .inner-box > ul li:not(:last-child)::after {
    right: -1.25rem;
  }
  .section04 .inner-box .box-wrap .txt-wrap > h3 {
    font-size: 2.7rem;
  }
  .section04 .inner-box .box-wrap .txt-wrap > p {
    font-size: 1.8rem;
  }
  .section04 .inner-box .box-wrap .circle-wrap li {
    width: 24rem;
    height: 24rem;
  }
  .section04 .inner-box .box-wrap .circle-wrap li > h3 {
    font-size: 2.4rem;
  }
  .section04 .inner-box .box-wrap .circle-wrap li > p {
    font-size: 1.5rem;
  }
}
@media (max-width: 767px) {
  .section04 {
    padding: 10rem 0;
  }
  .section04 .inner-box {
    padding: 0 10px;
  }
  .section04 .inner-box > ul {
    padding-left: 5px;
    flex-direction: column;
    align-items: flex-start;
    gap: 30px;
  }
  .section04 .inner-box > ul li {
    max-width: 450px;
    width: calc(100% - 20px);
  }
  .section04 .inner-box > ul li .title {
    gap: 5%;
  }
  .section04 .inner-box > ul li .title .num {
    width: 6.5rem;
    height: 6.5rem;
    font-size: 2rem;
  }
  .section04 .inner-box > ul li .title .txt {
    font-size: 2rem;
  }
  .section04 .inner-box > ul li > p {
    font-size: 1.8rem;
    -moz-text-align-last: left;
         text-align-last: left;
    padding-left: 60px;
  }
  .section04 .inner-box > ul li:not(:last-child)::after {
    display: none;
  }
  .section04 .inner-box .box-wrap {
    padding-left: 10px;
    gap: 30px;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }
  .section04 .inner-box .box-wrap .circle-wrap {
    padding-left: 0px;
  }
  .section04 .inner-box .box-wrap .circle-wrap li {
    margin: 0 -1.4rem;
    width: 18rem;
    height: 18rem;
  }
  .section04 .inner-box .box-wrap .circle-wrap li > h3 {
    font-size: 1.9rem;
    padding-bottom: 1rem;
    padding-top: 0;
  }
  .section04 .inner-box .box-wrap .circle-wrap li > p {
    font-size: 1.35rem;
  }
}
/* bg03 */
.bg03 {
  padding-top: 11.3rem;
  background-image: url("../img/bg03_bg.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
}
.bg03 .inner-box {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 20px;
  display: flex;
  justify-content: space-between;
}
.bg03 .inner-box .txt-area {
  padding-left: 3.8%;
  color: #fff;
}
.bg03 .inner-box .txt-area > span {
  -webkit-text-stroke-color: rgba(255, 255, 255, 0.3);
  margin-bottom: 2.6rem;
  display: inline-block;
  position: relative;
  right: 0.5rem;
}
.bg03 .inner-box .txt-area h2 {
  line-height: 1.2;
  padding-bottom: 3.7rem;
}
.bg03 .inner-box .txt-area h2 b {
  font-size: 4.2rem;
}
.bg03 .inner-box .txt-area h2 b > span {
  color: #f4ddc3;
}
.bg03 .inner-box .txt-area p {
  line-height: 1.2;
  font-size: 2rem;
}
.bg03 .inner-box .figure {
  padding-top: 1.6rem;
}
@media (max-width: 1279px) {
  .bg03 {
    padding: 11rem 0;
  }
  .bg03 .inner-box {
    padding: 0 15px 0 25px;
    align-items: center;
    gap: 30px;
  }
  .bg03 .inner-box .txt-area {
    padding-left: 0;
  }
  .bg03 .inner-box .txt-area > span {
    font-size: 10rem;
    right: 0.3rem;
  }
  .bg03 .inner-box .txt-area h2 > b {
    font-size: 3.6rem;
  }
  .bg03 .inner-box .txt-area p {
    font-size: 1.9rem;
  }
  .bg03 .inner-box .figure {
    max-width: 350px;
  }
}
@media (max-width: 767px) {
  .bg03 {
    background-attachment: unset;
    padding: 10rem 0;
  }
  .bg03 .inner-box {
    align-items: flex-start;
    padding: 0 20px;
    flex-direction: column;
    gap: 50px;
  }
  .bg03 .inner-box .txt-area > span {
    font-size: 8rem;
  }
  .bg03 .inner-box .txt-area p {
    font-size: 1.8rem;
  }
  .bg03 .inner-box .figure img {
    max-width: 120px;
  }
}
/* section05  - 영양수액클리닉 */
.section05 {
  padding-top: 11.7rem;
}
.section05 .title-txt {
  margin-bottom: 8.8rem;
}
.section05 .title-txt p > b {
  font-weight: 700;
}
.section05 > ul {
  padding: 0 20px;
  display: flex;
  justify-content: center;
  gap: 10rem;
  margin-bottom: 10.8rem;
}
.section05 > ul li {
  position: relative;
  text-align: center;
  width: 22.1rem;
  height: 22.1rem;
  border-radius: 50%;
  background-color: #fff;
  border: 1px solid #092f57;
  color: #092f57;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  flex-direction: column;
}
.section05 > ul li h4 {
  font-weight: 700;
  font-size: 1.8rem;
  text-transform: uppercase;
  padding-bottom: 2rem;
}
.section05 > ul li > p {
  font-weight: 700;
  font-size: 2rem;
  line-height: 1.2805;
}
.section05 > ul li::after {
  content: "";
  display: block;
  position: absolute;
  width: 115%;
  height: 115%;
  background-color: #f7f6f1;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.section05 > ul li:not(:last-child)::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -10rem;
  width: 10rem;
  z-index: -1;
  border-top: 1px dashed #092f57;
}
.section05 .sc05-swiper {
  position: relative;
  overflow: hidden;
}
.section05 .sc05-swiper .swiper-wrapper .swiper-slide {
  padding-top: 13.6rem;
  padding-bottom: 12.7rem;
  background-attachment: fixed;
  background-image: url("../img/sc05_bg.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.section05 .sc05-swiper .swiper-wrapper .swiper-slide .box-wrap {
  max-width: 1310px;
  margin: 0 auto;
  padding: 0 30px;
  display: flex;
  gap: 5%;
}
.section05 .sc05-swiper .swiper-wrapper .swiper-slide .box-wrap .txt {
  padding-top: 7.5px;
}
.section05 .sc05-swiper .swiper-wrapper .swiper-slide .box-wrap .txt h3 {
  font-size: 4.2rem;
  font-weight: 800;
  color: #092f57;
  padding-bottom: 3.7rem;
}
.section05 .sc05-swiper .swiper-wrapper .swiper-slide .box-wrap .txt strong {
  font-size: 2.8rem;
  font-weight: 700;
  color: #092f57;
  padding-bottom: 2.7rem;
  display: inline-block;
}
.section05 .sc05-swiper .swiper-wrapper .swiper-slide .box-wrap .txt > p {
  font-size: 2.2rem;
  line-height: 1.5;
  padding-bottom: 4.7rem;
  white-space: nowrap;
}
.section05 .sc05-swiper .swiper-wrapper .swiper-slide .box-wrap .txt > ul {
  display: flex;
  gap: 4px;
}
.section05 .sc05-swiper .swiper-wrapper .swiper-slide .box-wrap .txt > ul li {
  background-color: #092f57;
  border-radius: 100px;
  font-size: 1.8rem;
  line-height: 1.2;
  color: #fff;
  text-align: center;
  padding: 1.9rem 0;
  width: 15.7rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
.section05 .sc05-swiper .bg-arrow-wrap {
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  max-width: 1920px;
  margin: 0 auto;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.section05 .sc05-swiper .bg-arrow-wrap .bg-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 39px;
  height: 78px;
  background-repeat: no-repeat;
  cursor: pointer;
  z-index: 10;
}
.section05 .sc05-swiper .bg-arrow-wrap .bg-swiper-prev {
  background-image: url("../img/arrow_prev.png");
  left: 9.5%;
}
.section05 .sc05-swiper .bg-arrow-wrap .bg-swiper-next {
  background-image: url("../img/arrow_next.png");
  right: 9.5%;
}

@media (max-width: 1279px) {
  .section05 > ul {
    padding: 0 25px;
  }
  .section05 .sc05-swiper .swiper-wrapper .swiper-slide .box-wrap {
    gap: 2.5%;
    padding: 0 16px;
    align-items: center;
  }
  .section05 .sc05-swiper .swiper-wrapper .swiper-slide .box-wrap .figure {
    width: 45%;
  }
  .section05 .sc05-swiper .swiper-wrapper .swiper-slide .box-wrap .txt {
    padding-top: 0rem;
    width: 55%;
  }
  .section05 .sc05-swiper .swiper-wrapper .swiper-slide .box-wrap .txt h3 {
    font-size: 3.3rem;
  }
  .section05 .sc05-swiper .swiper-wrapper .swiper-slide .box-wrap .txt strong {
    font-size: 2.1rem;
  }
  .section05 .sc05-swiper .swiper-wrapper .swiper-slide .box-wrap .txt > p {
    white-space: unset;
    font-size: 1.9rem;
  }
  .section05 .sc05-swiper .swiper-wrapper .swiper-slide .box-wrap .txt > p br {
    display: none;
  }
  .section05 .sc05-swiper .swiper-wrapper .swiper-slide .box-wrap .txt > ul li {
    width: 12.5rem;
    padding: 1.35rem 0;
    font-size: 1.7rem;
  }
  .section05 .sc05-swiper .bg-arrow-wrap {
    pointer-events: none;
  }
  .section05 .sc05-swiper .bg-arrow-wrap .bg-arrow {
    display: none;
  }
}
@media (max-width: 767px) {
  .section05 {
    padding-top: 10rem;
  }
  .section05 .title-txt {
    margin-bottom: 7rem;
  }
  .section05 > ul {
    flex-direction: column;
    align-items: center;
    margin-bottom: 7.5rem;
    gap: 6rem;
  }
  .section05 > ul li:not(:last-child)::before {
    content: "";
    display: block;
    position: absolute;
    top: unset;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0rem;
    right: unset;
    width: 10rem;
    z-index: -1;
    border-top: 1px dashed #092f57;
    transform: rotate(90deg);
    transform-origin: left center;
  }
  .section05 .sc05-swiper {
    background-attachment: unset;
    padding: 0;
  }
  .section05 .sc05-swiper .swiper-wrapper .swiper-slide {
    padding: 10rem 0;
  }
  .section05 .sc05-swiper .swiper-wrapper .swiper-slide .box-wrap {
    flex-direction: column-reverse;
    padding: 0 25px;
    gap: 50px;
  }
  .section05 .sc05-swiper .swiper-wrapper .swiper-slide .box-wrap .figure {
    max-width: 450px;
    width: 100%;
  }
  .section05 .sc05-swiper .swiper-wrapper .swiper-slide .box-wrap .txt {
    width: 100%;
  }
}
/* section06  - 장비소개 */
.section06 {
  padding-top: 13rem;
  padding-bottom: 24.2rem;
}
.section06 .title-txt {
  margin-bottom: 9.2rem;
}
.section06 ul {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 30px;
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  row-gap: 1.4rem;
}
.section06 ul li {
  position: relative;
  width: calc(33.3333333333% - 0.67rem);
}
.section06 ul li .txt {
  padding: 10% 7% 0 10.5%;
  position: absolute;
}
.section06 ul li .txt .symbol {
  padding-bottom: 2rem;
}
.section06 ul li .txt .symbol > img {
  width: 3.8rem;
}
.section06 ul li .txt h3 {
  font-size: 2.4rem;
  font-weight: 800;
  color: #092f57;
  padding-bottom: 2rem;
}
.section06 ul li .txt p {
  font-size: 1.8rem;
  line-height: 1.2222222222;
  word-break: keep-all;
}
@media (max-width: 1279px) {
  .section06 ul {
    padding: 0 20px;
  }
  .section06 ul li {
    border-radius: 15px;
    background-color: #f8f8f8;
  }
  .section06 ul li .txt .symbol > img {
    width: 27px;
  }
  .section06 ul li .figure {
    padding-top: 13.5rem;
  }
}
@media (max-width: 767px) {
  .section06 {
    padding-top: 10rem;
    padding-bottom: 17rem;
  }
  .section06 ul {
    padding: 0 10px;
  }
  .section06 ul li {
    width: calc(50% - 0.5rem);
  }
  .section06 ul li .txt {
    padding: 25px 15px 0;
  }
  .section06 ul li .txt .symbol > img {
    width: 20px;
  }
  .section06 ul li .txt h3 {
    font-size: 2.3rem;
  }
  .section06 ul li .txt p {
    font-size: 1.7rem;
  }
  .section06 ul li .figure {
    padding-top: 17rem;
  }
}
/* section07  - 둘러보기 */
.section07 {
  padding-top: 21.3rem;
  padding-bottom: 17.6rem;
  background-image: url("../img/sc07_bg.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
}
.section07 .title-txt {
  color: #fff;
  margin-bottom: 5.6rem;
}
.section07 .title-txt .symbol img {
  width: 6rem;
}
.section07 .title-txt > span {
  color: #fff;
}
.section07 .title-txt h2 > b {
  color: #f4ddc3;
  font-weight: 900;
}
.section07 .inner-box {
  max-width: 1176px;
  margin: 0 auto;
  padding: 0 180px;
}
.section07 .inner-box .sub-swiper {
  position: relative;
}
.section07 .inner-box .sub-swiper .sub-arrow {
  background-repeat: no-repeat;
  position: absolute;
  top: 55%;
  transform: translateY(-50%);
  width: 39px;
  height: 78px;
  z-index: 100;
  cursor: pointer;
}
.section07 .inner-box .sub-swiper .sub-swiper-left {
  background-image: url("../img/arrow_prev.png");
  left: -15%;
}
.section07 .inner-box .sub-swiper .sub-swiper-right {
  background-image: url("../img/arrow_next.png");
  right: -15%;
}
.section07 .inner-box .thumb-btn {
  display: flex;
  flex-wrap: wrap;
  margin-top: 1.8rem;
  gap: 3px;
}
.section07 .inner-box .thumb-btn li {
  width: calc(20% - 2.4px);
}
@media (max-width: 1279px) {
  .section07 .inner-box {
    padding: 0 20px;
  }
  .section07 .inner-box .sub-swiper .sub-arrow {
    background-size: 80%;
  }
  .section07 .inner-box .sub-swiper .sub-swiper-left {
    left: 3.5%;
  }
  .section07 .inner-box .sub-swiper .sub-swiper-right {
    right: 3.5%;
    background-position: right center;
  }
  .section07 .inner-box .thumb-btn {
    margin-top: 1rem;
    gap: 3px;
  }
  .section07 .inner-box .thumb-btn li {
    width: calc(20% - 2.4px);
  }
}
@media (max-width: 767px) {
  .section07 {
    background-attachment: unset;
    padding: 12.5rem 0;
  }
  .section07 .inner-box {
    padding: 0 15px;
  }
  .section07 .inner-box .sub-swiper .sub-arrow {
    background-size: 80%;
    display: none;
  }
  .section07 .inner-box .thumb-btn {
    margin-top: 3px;
    gap: 3px;
  }
  .section07 .inner-box .thumb-btn li {
    width: calc(20% - 2.4px);
  }
}
/* section08  - 오시는길 */
.section08 {
  padding-top: 12.8rem;
}
.section08 .title-txt {
  margin-bottom: 4.4rem;
}
.section08 .title-txt p {
  padding-top: 2rem;
  font-size: 2.6rem;
  line-height: 1.55;
}
.section08 .title-txt p > b {
  font-size: 3rem;
}
.section08 .information {
  background-color: #f8f8f8;
  padding-top: 9.1rem;
  padding-bottom: 13.1rem;
}
.section08 .information .inner-box {
  max-width: 1244px;
  margin: 0 auto;
  padding: 0 35px;
}
.section08 .information .inner-box .box-wrap {
  position: relative;
  display: flex;
  justify-content: space-between;
}
.section08 .information .inner-box .box-wrap .left {
  display: flex;
  gap: 6.6rem;
}
.section08 .information .inner-box .box-wrap .left h3 {
  font-size: 3rem;
}
.section08 .information .inner-box .box-wrap .left .time-table {
  padding-top: 5px;
}
.section08 .information .inner-box .box-wrap .left .time-table li {
  font-size: 2.2rem;
  padding-bottom: 1.15rem;
}
.section08 .information .inner-box .box-wrap .left .time-table li .day {
  display: inline-block;
  width: 10.8rem;
  padding-right: 3rem;
  letter-spacing: -0.03em;
}
.section08 .information .inner-box .box-wrap .left .time-table li .hour {
  letter-spacing: 0.03em;
}
.section08 .information .inner-box .box-wrap .right > div {
  display: flex;
  padding-bottom: 2.3rem;
}
.section08 .information .inner-box .box-wrap .right > div > h3 {
  font-size: 3rem;
  width: 10rem;
  padding-right: 3.2rem;
}
.section08 .information .inner-box .box-wrap .right > div > a {
  font-size: 3rem;
  color: #092f57;
  font-family: "jalnan";
  letter-spacing: -0.025em;
}
.section08 .information .inner-box .box-wrap .right .kakao-plus {
  padding-top: 0.9rem;
}
.section08 .information .inner-box .box-wrap::after {
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  background-color: #ccc;
  height: 85%;
  left: 51.5%;
  transform: translate(-50%, -50%);
  top: 47%;
}

@media (max-width: 1279px) {
  .section08 .title-txt p > b {
    font-size: 2.4rem;
  }
  .section08 .information .inner-box .box-wrap {
    flex-direction: column;
    align-items: center;
    gap: 30px;
  }
  .section08 .information .inner-box .box-wrap .left {
    width: 543px;
  }
  .section08 .information .inner-box .box-wrap .right > div {
    padding-bottom: 3rem;
  }
  .section08 .information .inner-box .box-wrap .right .kakao-plus {
    padding-top: 2rem;
  }
  .section08 .information .inner-box .box-wrap::after {
    display: none;
  }
}
@media (max-width: 767px) {
  .section08 {
    padding-top: 10rem;
  }
  .section08 .title-txt p {
    padding-top: 0;
  }
  .section08 .title-txt p > b {
    font-size: 2rem;
    line-height: 1.2;
    position: relative;
    top: 5px;
  }
  .section08 .information {
    padding-bottom: 11.5rem;
  }
  .section08 .information .inner-box {
    padding: 0 30px;
  }
  .section08 .information .inner-box .box-wrap {
    gap: 25px;
  }
  .section08 .information .inner-box .box-wrap .left {
    gap: 3.2rem;
    width: auto;
    flex-direction: column;
  }
  .section08 .information .inner-box .box-wrap .left .time-table li {
    font-size: 2.1rem;
  }
  .section08 .information .inner-box .box-wrap .right .kakao-plus {
    max-width: 281px;
    padding-top: 1rem;
  }
}
/* kakao-map */
#map {
  height: 661px;
}
#map iframe {
  width: 100%;
  height: 100%;
}

@media (max-width: 1279px) {
  #map {
    height: 440px;
  }
}
@media (max-width: 767px) {
  #map {
    height: 220px;
  }
}
/* title-txt */
.title-txt {
  padding: 0 30px;
  text-align: center;
}
.title-txt .symbol {
  margin-bottom: 2.5rem;
}
.title-txt .symbol img {
  width: 6.1rem;
}
.title-txt > span {
  font-family: "pretendard";
  font-weight: 400;
  text-transform: uppercase;
  font-size: 1.2rem;
  letter-spacing: 0.29em;
  color: #092f57;
  vertical-align: top;
  display: inline-block;
  margin-bottom: 4rem;
  margin-bottom: 2.9rem;
}
.title-txt h2 {
  font-size: 4.2rem;
  line-height: 1.2380952381;
  padding-bottom: 3.7rem;
}
.title-txt h2 > b {
  font-weight: 800;
}
.title-txt p {
  font-size: 2rem;
  line-height: 1.2;
}

@media (max-width: 1279px) {
  #wrap .title-txt .symbol img {
    width: 40px;
  }
  #wrap .title-txt > span {
    font-size: 8px;
  }
  #wrap .title-txt h2 {
    font-size: 3.6rem;
  }
  #wrap .title-txt p {
    font-size: 1.8rem;
  }
}
@media (max-width: 767px) {
  #wrap .title-txt {
    padding: 0 27px;
  }
  #wrap .title-txt .symbol {
    margin-bottom: 2.3rem;
  }
  #wrap .title-txt .symbol img {
    width: 24px;
  }
  #wrap .title-txt > span {
    margin-bottom: 2.2rem;
    font-size: 6.5px;
  }
  #wrap .title-txt h2 {
    font-size: 3rem;
    padding-bottom: 2.7rem;
  }
  #wrap .title-txt p {
    font-size: 1.7rem;
  }
}/*# sourceMappingURL=main.css.map */