@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic&display=swap');

.btn-brand{
    background-color: #00246B !important;
    color: #ffffff !important;
}

.text_color{
    color: #00246B;
}

.nanum-gothic-regular {
    font-family: "Nanum Gothic", sans-serif;
    font-weight: 400;
    font-style: normal;
  }
  

  .container {
    width: 50%;
    height: 100vh;
    overflow: hidden;
    position: relative;
}

.container img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: opacity 0.5s ease;
}

.container img:first-of-type {
    opacity: 1;
    animation: fade 5s infinite;
}

.container img:last-of-type {
    opacity: 0;
    animation: fade 5s infinite;
    animation-delay: 2.5s; /* delay to stagger the images */
}

@keyframes fade {
    0%, 50% {
        opacity: 1;
    }
    50.1%, 100% {
        opacity: 0;
    }
}