/*
  Pretendard Font Weight Reference
  Thin: 100, ExtraLight: 200, Light: 300, Regular: 400,
  Medium: 500, SemiBold: 600, Bold: 700, ExtraBold: 800
*/

/* ===============================================
   Greeting Page
   =============================================== */
   
.greeting-section {
    padding: 4.8rem 2.0rem 25.6rem 2.0rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    gap: 4.8rem;
}

.greeting-section__content {
    width: 65ch;
    display: flex;
    flex-direction: column;
    gap: 6.4rem;
}

.greeting-section__article {
    display: grid;
    gap: 1.6rem;
}

.greeting-section__article p {
    padding: 0;
    margin: 0;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 200%;
}

.greeting-section__signature {
    padding-top: 1.6rem;
}

.greeting-section__signature p {
    padding: 0;
    margin: 0;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 200%;
}

/* --- Donation Info Section --- */
.donation-info {
    display: flex;
    flex-direction: column;
    gap: 6.4rem;
    padding: 1.6rem 0;
    border-top: 0.1rem solid var(--color-main);
    border-bottom: 0.1rem solid var(--color-main);
    color: var(--color-main);
}

.donation-info__instructions,
.donation-info__address {
    display: flex;
    flex-direction: column;
    gap: 1.0rem;
}

.donation-info__heading {
    padding: 0;
    margin: 0;
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 200%;
}

.donation-info__details {
    padding: 0;
    margin: 0;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 200%;
}



/* ===============================================
   모바일 반응형
   1152px == 72em  ( (1152 / 16 = 72) )
   1024px == 64em  ( (1024 / 16 = 64) )
   >>> 768px == 48em  ( (768 / 16 = 48) )
   672px == 42em  ( (672 / 16 = 42) )
   >>> 390px == 25em  ( (390 / 16 = 24.375) )
   320px == 16em  ( (320 / 16 = 16) )
   =============================================== */

@media (max-width: 48em) {
    .greeting-section {
        padding-top: 2.4rem;
        padding-bottom: 51.2rem;
        gap: 1.6rem;
    }

    .greeting-section__content {
        width: 100%;
    }

    .btn_translate {
        width: 100%;
    }
}



@media (max-width: 25em) {
    .greeting-section {
        padding-bottom: 6.4rem;
        padding-left: 1.6rem;
        padding-right: 1.6rem;
    }

    .donation-info {
        gap: 3.2rem;
    }
}