body {
    background: #EEE;
    min-height: 100vh;
    font-family: 'Noto Sans KR', 'Noto Serif KR', 'Malgun Gothic', '맑은 고딕', sans-serif;
    /*font-family: 'Noto Serif KR', 'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', sans-serif;*/
    font-style: normal;
    display: flex;
    flex-direction: column;
}
.my-link {
    text-decoration: none;
}
.noto-sans-kr-go { /*고딕*/
    font-family: "Noto Sans KR", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}
.noto-serif-kr-my { /*명종*/
    font-family: "Noto Serif KR", serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
}


.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    color: #769CCD !important;
}

.nav-link {
    color: #FFF !important;
}

.nav-link:hover {
    color: #aaa !important;
}

#mainNav {
    background: #000 !important;
}

.navbar-toggler {
    background-color: #FFF !important;
}

/* custom button */
.btn-tel-custom {
    color: #fff;
    background-color: #cd8d14;
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    transition: background-color 0.3s ease;
}

.benefit-img {
    min-width: 540px;
}

.info-1st {
    margin-bottom: 56px;
}

.info-2nd {
    height: 608px;
}

.info-3th {
    margin-bottom: 28px;
}



@media (max-width: 768px) {
    .benefit-img {
        min-width: 100%;
    }

    .info-1st {
        margin-bottom: 0px;
    }

    .info-2nd {
        height: 100%;
    }

    .info-3th {
        margin-bottom: 0px;
    }
}

.card-pt {
    padding-top: 40px !important;
}

@media (max-width: 768px) {
    .card-pt {
        padding-top: 16px !important;
    }
}