body {
    /* 콘텐츠가 가려지는 문제 방지 */
    /* soul-care-apply 높이보다 조금 크게 */
    padding-bottom: 300rem;
}

/* ===================================
   Scroll to Top 버튼
   =================================== */
#scrollToTopBtn {
    bottom: 12.8rem;
}

/* ===============================================
   Soul Care Section
   =============================================== */
.soul-care-section {
    position: relative;
    width: 100%;
    min-height: 100vh;
}

/* ===============================================
   Header & Logo
   =============================================== */
.site-header {
    position: absolute;

    top: 0;
    left: 0;
    width: 100%;

    z-index: 10;
}

/* --- 1. soul-care-header --- */
/* --- soul-care-header --- */
/* --- soul-care-header --- */
.soul-care-header {
    width: 100%;
    height: 100vh;
    padding: 12.8rem 6.4rem;

    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 6.4rem;
}

@keyframes titleFadeOut {
    0% {
        opacity: 1;
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        transform: translateY(-6rem);
        pointer-events: none;
    }
}

.soul-care-header__title {
    width: 100%;
    padding: 0 6.4rem;
    display: flex;
    justify-content: center;

    animation: titleFadeOut 0.8s ease forwards;
    animation-delay: 1.2s;

    position: absolute;
}

.soul-care-header__title-text {
    padding: 0;
    margin: 0;
    font-family: "source-serif-pro", serif;
    font-size: 8.8rem;
    font-weight: var(--font-weight-regular);
    font-style: italic;
    line-height: 160%;
    color: var(--color-main);
    text-align: center;
}

@keyframes contentFadeIn {
    0% {
        opacity: 0;
        transform: translateY(6rem);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.soul-care-header__content {
    width: 100%;
    display: flex;
    flex-direction: column;

    align-items: center;
    justify-content: center;
    gap: 3.2rem;

    opacity: 0;
    transform: translateY(6rem);
    animation: contentFadeIn 0.8s ease forwards;
    animation-delay: 1.7s;

    position: relative;

    color: var(--color-main);
}

.soul-care-header__figure {
    width: 37.4rem;
    height: 25.6rem;
    overflow: hidden;
    flex-shrink: 0;
}

.soul-care-header__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.soul-care-header__description {
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 1.6rem;
}

.soul-care-header__tagline {
    padding: 0;
    margin: 0;
    font-family: "source-serif-pro", serif;
    font-size: 6.4rem;
    font-weight: var(--font-weight-regular);
    font-style: italic;
    line-height: 160%;
    text-align: center;
}

.soul-care-header__text {
    padding: 0;
    margin: 0;
    font-size: 1.6rem;
    font-weight: var(--font-weight-medium);
    /* Figma = SemiBold --> CSS = Medium */
    line-height: 180%;
    text-align: center;
}



/* ===============================================
   soul-care-intro
   =============================================== */
.soul-care-intro {
    width: 100%;
    padding: 0 6.4rem 12.8rem 6.4rem;
    display: flex;
    justify-content: center;
}

.soul-care-intro__container {
    width: 64.0rem;
    display: flex;
    flex-direction: column;
    gap: 12.8rem;
}

/* 기본 상태 */
.scroll-reveal {
    opacity: 0;
    transform: translateY(6.0rem);
    transition:
        opacity 0.8s ease,
        transform 0.8s ease;
}

/* 화면에 들어왔을 때 */
.scroll-reveal.is-visible {
    opacity: 1;
    transform: translateY(0);
}

/* ✨ 순차 딜레이 */
.soul-care-intro__overview {
    transition-delay: 0s;
}

.soul-care-intro__quote {
    transition-delay: 0.2s;
}

.soul-care-counselors {
    transition-delay: 0.4s;
}

/* soul-care-intro__overview */
.soul-care-intro__overview {
    display: flex;
    flex-direction: column;
    gap: 4.8rem;

    padding-top: 12.8rem;
    border-top: 0.1rem solid var(--color-border-line-default);
}

.soul-care-intro__eyebrow {
    padding: 0;
    margin: 0;
    font-family: "source-serif-pro", serif;
    font-size: 6.4rem;
    font-weight: var(--font-weight-regular);
    font-style: italic;
    color: var(--color-main);
    text-align: center;
}

.soul-care-intro__message-container {
    display: flex;
    flex-direction: column;
    gap: 3.2rem;
}

.soul-care-intro__message {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
}

.soul-care-intro__subtitle {
    padding: 0;
    margin: 0;
    font-size: 2.4rem;
    font-weight: var(--font-weight-semibold);
    /* Figma = Bold --> CSS = SemiBold */
    line-height: 180%;
}

.soul-care-intro__text {
    padding: 0;
    margin: 0;
    font-size: 1.6rem;
    font-weight: var(--font-weight-medium);
    /* Figma = SemiBold --> CSS = Medium */
    line-height: 200%;
}

.soul-care-intro__highlight {
    color: var(--color-main);
}

.soul-care-intro__text-bold {
    padding: 0;
    margin: 0;
    font-size: 1.6rem;
    font-weight: var(--font-weight-medium);
    /* Figma = SemiBold --> CSS = Medium */
    line-height: 200%;
    color: var(--color-main);
}


/* soul-care-intro__quote-text */
.soul-care-intro__quote {

    /* color: var(--color-text-primary); */

    display: flex;
    flex-direction: column;
    gap: 2.4rem;

    padding-top: 12.8rem;
    border-top: 0.1rem solid var(--color-border-line-default);
}

.soul-care-intro__quote-text {
    padding: 0;
    margin: 0;
    font-family: "source-serif-pro", serif;
    font-size: 6.4rem;
    font-weight: var(--font-weight-light);
    font-style: italic;
    text-align: center;
}

.soul-care-intro__quote-source {
    padding: 0;
    margin: 0;
    font-family: "source-serif-pro", serif;
    font-size: 2.4rem;
    font-weight: var(--font-weight-regular);
    font-style: italic;
    text-align: center;
}

/* Soul Care Counselors */
.soul-care-counselors {
    width: 100%;
    padding-top: 12.8rem;
    border-top: 0.1rem solid var(--color-border-line-default);

    display: flex;
    flex-direction: column;
    gap: 4.8rem;
}

.soul-care-counselors__title {
    padding: 0;
    margin: 0;
    font-family: "source-serif-pro", serif;
    font-size: 6.4rem;
    font-weight: var(--font-weight-regular);
    font-style: italic;
    color: var(--color-main);
    text-align: center;
}

.soul-care-counselors__list {
    max-width: 64.0rem;
    width: 100%;
    height: fit-content;
    padding: 0 3.2rem;

    display: flex;
    flex-direction: row;
    flex-wrap: wrap;

    align-items: center;
    justify-content: center;
    gap: 4.8rem;
}



.soul-care-counselors__circle--outer {
    width: 16.0rem;
    height: 16.0rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: var(--color-main-soft);
    box-shadow: 0 0.4rem 0.4rem rgba(0, 0, 0, 0.1);
        
    transition:
        background-color 0.3s ease,
        box-shadow 0.35s ease,
        transform 0.2s ease;

    cursor: pointer;
}

.soul-care-counselors__item-1:hover,
.soul-care-counselors__item-1.is-active {
    background-color: #FFF1B8;
}

.soul-care-counselors__item-2:hover,
.soul-care-counselors__item-2.is-active {
    background-color: #FFD9C9;
}

.soul-care-counselors__item-3:hover,
.soul-care-counselors__item-3.is-active {
    background-color: #EFE9FF;
}

.soul-care-counselors__item-4:hover,
.soul-care-counselors__item-4.is-active {
    background-color: #EAF4FF;
}


.soul-care-counselors__item-5:hover,
.soul-care-counselors__item-5.is-active {
    background-color: #FFD3DC;
}

.soul-care-counselors__item-6:hover,
.soul-care-counselors__item-6.is-active {
    background-color: #F5F6F7;
}

.soul-care-counselors__item-7:hover,
.soul-care-counselors__item-7.is-active {
    background-color: #E6F2EC;
}

.soul-care-counselors__item-8:hover,
.soul-care-counselors__item-8.is-active {
    background-color: #FFFCF5;
}

.soul-care-counselors__item:hover {
    box-shadow:
        0 0.4rem 0.8rem rgba(60, 64, 67, 0.25),
        0 0.8rem 2.4rem rgba(60, 64, 67, 0.2);

    transform: translateY(-0.2rem);
}

.soul-care-counselors__item:active {
    transform: translateY(0);

    box-shadow:
        0 0.2rem 0.4rem rgba(60, 64, 67, 0.2);
}

/* hover, active 효과를 9번 제외하고 적용 */
.soul-care-counselors__circle--outer-last:hover,
.soul-care-counselors__circle--outer-last:active {
    box-shadow: 0 0.4rem 0.4rem rgba(0, 0, 0, 0.1);
    transform: none;
    cursor: default;
}



.soul-care-counselors__circle--inner {
    width: 12.8rem;
    height: 12.8rem;
    padding: 0.8rem;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    backdrop-filter: blur(1.2rem);
    -webkit-backdrop-filter: blur(1.2rem);
    border: 0.1rem solid rgba(255, 255, 255, 0.6);
}

.soul-care-counselors__circle--inner-last {
    background-color: var(--color-background-surface);
}

.soul-care-counselors__circle--flower {
    width: 3.2rem;
    height: 3.2rem;
}

.soul-care-counselors__circle--flower img {
    width: 100%;
    height: 100%;
    display: block;
}



.soul-care-counselors__text {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    color: var(--color-main);

    transition: color 0.3s ease;
}

.soul-care-counselors__item:hover .soul-care-counselors__text-1,
.soul-care-counselors__item:active .soul-care-counselors__text-1 {
    color: #E6C84F;
}

.soul-care-counselors__item:hover .soul-care-counselors__text-2,
.soul-care-counselors__item:active .soul-care-counselors__text-2 {
    color: #E07A5F;
}

.soul-care-counselors__item:hover .soul-care-counselors__text-3,
.soul-care-counselors__item:active .soul-care-counselors__text-3 {
    color: #7A6EDC;
}

.soul-care-counselors__item:hover .soul-care-counselors__text-4,
.soul-care-counselors__item:active .soul-care-counselors__text-4 {
    color: #4A8EDB;
}

.soul-care-counselors__item:hover .soul-care-counselors__text-5,
.soul-care-counselors__item:active .soul-care-counselors__text-5 {
    color: #D96C8A;
}

.soul-care-counselors__item:hover .soul-care-counselors__text-6,
.soul-care-counselors__item:active .soul-care-counselors__text-6 {
    color: #5E6470;
}

.soul-care-counselors__item:hover .soul-care-counselors__text-7,
.soul-care-counselors__item:active .soul-care-counselors__text-7 {
    color: #3F8F72;
}

.soul-care-counselors__item:hover .soul-care-counselors__text-8,
.soul-care-counselors__item:active .soul-care-counselors__text-8 {
    color: #6B6F64;
}

.soul-care-counselors__index {
    padding: 0;
    margin: 0;
    font-size: 1.0rem;
    font-weight: var(--font-weight-extrabold);
    text-align: center;
}

.soul-care-counselors__name {
    padding: 0;
    margin: 0;
    font-size: 2.2rem;
    font-weight: var(--font-weight-medium);
    /* Figma = SemiBold --> CSS = Medium */
    line-height: 120%;
    text-align: center;
}



/* ===============================================
   Soul Care Apply
   =============================================== */
.soul-care-apply {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;

    padding: 2.4rem 1.6rem;
    /* 모바일 safe-area 대응 (iOS 필수) */
    padding-bottom: calc(2.4rem + env(safe-area-inset-bottom));

    /* glass background */
    background: rgba(255, 255, 255, 0.6);
    border-top: 0.1rem solid rgba(255, 255, 255, 0.4);
    backdrop-filter: blur(1.2rem) saturate(140%);
    -webkit-backdrop-filter: blur(1.2rem) saturate(140%);
    box-shadow:
        0 -0.8rem 2.4rem var(--color-box-shadow-soul-care-apply-primary);

    display: flex;
    align-items: center;
    justify-content: center;

    z-index: 1000;
}

.soul-care-apply__container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    gap: 3.2rem;
}

.soul-care-apply__title {
    padding: 0;
    margin: 0;
    font-size: 2.4rem;
    font-weight: var(--font-weight-semibold);
    letter-spacing: 0.2rem;
    text-transform: uppercase;
    color: var(--color-text-primary);
}

.soul-care-apply__options {
    display: flex;
    flex-direction: row;
    gap: 3.2rem;
}

.soul-care-apply__decoration {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 3.2rem;
}

.soul-care-apply__flower-1 {
    width: 1.6rem;
    height: 1.6rem;
}

.soul-care-apply__flower-2 {
    width: 2.4rem;
    height: 2.4rem;
}

.soul-care-apply__flower-3 {
    width: 3.2rem;
    height: 3.2rem;
}

.soul-care-apply__decoration figure {
    margin: 0;
}

.soul-care-apply__decoration img {
    width: 100%;
    height: 100%;
    display: block;
}

.soul-care-apply__button {
    width: 16.0rem;
    height: fit-content;
    padding: 1.2rem 1.6rem;
    border: 0;
    border-radius: 5.0rem;
    background-color: var(--color-button-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.4rem;
    font-weight: var(--font-weight-semibold);
    text-transform: uppercase;
    color: var(--color-text-inverse);
}




/* ===============================================
   Soul Care Page Modal
   =============================================== */
/* ===== Modal Wrapper ===== */
.soul-care-modal {
    position: fixed;
    inset: 0;
    z-index: 1000;

    display: none;
    /* 기본은 숨김 */
}

/* 모달 열렸을 때 */
.soul-care-modal.is-open {
    display: block;
}

/* ===== Overlay (dim background) ===== */
.soul-care-modal__overlay {
    position: absolute;
    inset: 0;
    background: var(--color-background-modal);
}

/* ===== Modal Container (center box) ===== */
.soul-care-modal__container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

    width: 39.0rem;
    max-width: calc(100vw - 3.2rem);

    height: 78.0rem;
    max-height: calc(100vh - 3.2rem);

    display: flex;
    flex-direction: column;

    background: var(--color-background-primary);
    border: 0.2rem solid #FFFFFF;
    border-top-left-radius: 10.0rem;

    box-shadow: 0 0.4rem 0.4rem rgba(38, 38, 38, 0.1);

    overflow: hidden;
}

.soul-care-modal__header {
    width: 100%;
    height: 30.0rem;
    padding: 2.4rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: var(--color-main);
}

.soul-care-modal__close-wrap {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

.soul-care-modal__close {
    width: 3.2rem;
    height: 3.2rem;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;
    border: 0.01rem solid rgba(255, 255, 255, 0.20);

    background: rgba(255, 255, 255, 0.20);
    backdrop-filter: blur(1.2rem);
    -webkit-backdrop-filter: blur(1.2rem);

    outline: none;

    cursor: pointer;
    transition:
        background 0.25s ease,
        transform 0.2s ease;
}

.soul-care-modal__close:hover {
    background: rgba(255, 255, 255, 0.40);
    transform: scale(1.05);
}

.soul-care-modal__close:active {
    transform: scale(0.95);
    background: rgba(255, 255, 255, 0.60);
}

.soul-care-modal__close-icon {
    width: 2.4rem;
    height: 2.4rem;
}

.soul-care-modal__counselor {
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 1.6rem;
}

.soul-care-modal__counselor-image {
    width: 12.8rem;
    height: 12.8rem;
    border-radius: 50%;
    flex-shrink: 0;
    overflow: hidden;
}

.soul-care-modal__counselor-photo {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.soul-care-modal__counselor-info {
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 0.8rem;
    color: var(--color-text-fixed-white);
}

.soul-care-modal__counselor-name {
    padding: 0;
    margin: 0;
    font-size: 3.2rem;
    font-weight: var(--font-weight-medium);
    /* Figma = SemiBold --> CSS = Medium */
}

.soul-care-modal__counselor-role {
    padding: 0;
    margin: 0;
    font-size: 1.2rem;
    font-weight: var(--font-weight-medium);
    /* Figma = SemiBold --> CSS = Medium */
}



.soul-care-modal__body {
    flex: 1;

    width: 100%;
    height: 100%;
    padding: 2.4rem;

    overflow: hidden;
}

.soul-care-modal__details {
    width: 100%;
    height: 100%;

    display: flex;
    flex-direction: column;
    gap: 2.4rem;

    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

/* Languages */
.soul-care-modal__section--languages {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
}

.soul-care-modal__section-title {
    padding: 0;
    margin: 0;
    font-size: 1.6rem;
    font-weight: var(--font-weight-semibold);
    text-transform: uppercase;
    color: var(--color-main);
    letter-spacing: 0.1rem;
}

.soul-care-modal__tags {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1.2rem;
}

.soul-care-modal__tag-wrapper {
    width: fit-content;
    padding: 0.6rem 1.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--color-background-light-grey);
    border-radius: 20.0rem;
}

.soul-care-modal__tag {
    padding: 0;
    margin: 0;
    font-size: 1.4rem;
    font-weight: var(--font-weight-medium);
    /* Figma = SemiBold --> CSS = Medium */
    color: var(--color-text-fixed-black);
}

/* Specialty */
.soul-care-modal__section--specialty {
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
    padding: 2.4rem 0;
    border-top: 0.1rem solid var(--color-border-modal-grey);
    border-bottom: 0.1rem solid var(--color-border-modal-grey);
}

.soul-care-modal__list {
    width: 100%;
    padding: 1.2rem 1.6rem;
    /* soul-care-modal__list-item에서 list-style: disc;을 사용하기 위해 주석 처리함. */
    /* display: flex;
    flex-direction: column;
    gap: 0.8rem; */
    border-radius: 3.0rem;
    background-color: var(--color-background-light-grey);
}

.soul-care-modal__list-item {
    /* padding: 0; */
    margin: 0;
    font-size: 1.4rem;
    font-weight: var(--font-weight-medium);
    /* Figma = SemiBold --> CSS = Medium */
    color: var(--color-text-fixed-black);
    line-height: 180%;

    /* padding-left: 0.8rem; */
    list-style: disc;
    list-style-position: inside;
}

.soul-care-modal__section--bio {
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
}

.soul-care-modal__bio-text {
    padding: 0;
    margin: 0;
    font-size: 1.4rem;
    font-weight: var(--font-weight-medium);
    line-height: 180%;
}



/* ===============================================
   모바일 반응형
   Desktop : 1728px / (1512px) / 1440px / (1280px)
   Mobile : 1024px / 768px / 390px / 375px

            1512px = 95em(94.5)
            1280px = 80em
   반응형 --> 1024px = 64em
   반응형 --> 0768px = 48em
   반응형 --> 0612px = 39em(38.25) - 390px 대신
            0390px = 25em(24.375)
            0375px = 24em(23.43)
            0320px = 16em
   =============================================== */
/* 원래는 48em에 적용해야 하는 css인데, 반응형 필요에 따라 64em으로 변경 */
@media (max-width: 1024px) {
    /* --- soul-care-header --- */
    .soul-care-header__title-text {
        font-size: 6.4rem;
    }

    .soul-care-header__tagline {
        font-size: 4.8rem;
    }

    .soul-care-header__text {
        font-size: 1.4rem;
    }

   /* ===============================================
   soul-care-intro
   =============================================== */
    /* soul-care-intro__overview */
    .soul-care-intro__eyebrow {
        font-size: 4.8rem;
    }

    .soul-care-intro__subtitle {
        font-size: 2.0rem;
    }

    /* soul-care-intro__quote-text */
    .soul-care-intro__quote-text {
        font-size: 4.8rem;
        font-weight: var(--font-weight-regular);
    }

    .soul-care-intro__quote-text br {
        display: none;
    }

    /* Soul Care Counselors */
    .soul-care-counselors__title {
        font-size: 4.8rem;
    }

    /* ===============================================
    Soul Care Apply
    =============================================== */
    .soul-care-apply__container {
        gap: 2.4rem;
    }

    .soul-care-apply__title {
        font-size: 1.2rem;
    }

    .soul-care-apply__options {
        gap: 2.4rem;
    }

    .soul-care-apply__button {
        width: 12.8rem;
        font-size: 2.0rem;
    }
}



@media (max-width: 768px) {
    .soul-care-intro__container {
        width: 100%;
    }
}



@media (max-width: 612px) {
    /* --- soul-care-header --- */
    .soul-care-header {
        padding: 6.4rem 1.6rem;
    }

    .soul-care-header__title-text {
        font-size: 4.8rem;
        font-weight: var(--font-weight-semibold);
    }

    .soul-care-header__content {
        gap: 1.6rem;
    }

    .soul-care-header__figure {
        width: 100%;
        height: auto;
    }

    .soul-care-header__description {
        gap: 0.8rem;
    }

    .soul-care-header__tagline {
        font-size: 3.2rem;
        font-weight: var(--font-weight-semibold);
    }

    /* ===============================================
    soul-care-intro
    =============================================== */
    .soul-care-intro {
        padding: 0 1.6rem 6.4rem 1.6rem;
    }

    .soul-care-intro__container {
        gap: 6.4rem;
    }

    /* soul-care-intro__overview */
    .soul-care-intro__overview {
        gap: 3.2rem;
        padding-top: 6.4rem;
    }

    .soul-care-intro__eyebrow {
        font-size: 3.2rem;
        font-weight: var(--font-weight-semibold);
    }

    .soul-care-intro__message {
        gap: 1.0rem;
    }

    .soul-care-intro__text {
        font-weight: var(--font-weight-regular);
        /* Figma = Medium --> CSS = Regular */
    }

    /* soul-care-intro__quote-text */
    .soul-care-intro__quote {
        padding-top: 6.4rem;
    }

    /* Soul Care Counselors */
    .soul-care-counselors {
        gap: 3.2rem;
        padding-top: 6.4rem;
    }

    .soul-care-counselors__title {
        font-size: 3.2rem;
        font-weight: var(--font-weight-semibold);
    }

    .soul-care-counselors__list {
        gap: 3.2rem;
    }

    .soul-care-counselors__circle--outer {
        width: 12.8rem;
        height: 12.8rem;
    }

    .soul-care-counselors__circle--outer-last {
        display: none;
    }

    /* ===============================================
    Soul Care Apply
    =============================================== */
    .soul-care-apply {
        padding: 3.2rem 1.6rem;
    }
    .soul-care-apply__container {
        width: 100%;
        flex-direction: column;
        gap: 1.6rem;
    }

    .soul-care-apply__options {
        width: 100%;
        gap: 1.6rem;
    }

    .soul-care-apply__button {
        width: 100%;
    }

    /* ===============================================
    Soul Care Page Modal
    =============================================== */
    .soul-care-modal__container {
        width: 100%;
        max-width: calc(100vw - 1.6rem);
        height: 100vh;
        max-height: calc(100vh - 1.6rem);
    }

    .soul-care-modal__header {
        flex: 0 0 38.46%;
    }

    .soul-care-modal__body {
        flex: 1;
        overflow-y: auto;
    }

    /* ===================================
    Scroll to Top 버튼
    =================================== */
    #scrollToTopBtn {
        bottom: 16.0rem;
    }
}