@charset "utf-8";

/* ============================================================
   BREADCRUMB.CSS
   ============================================================ */

.breadcrumb-container {
    width: 100%;
}
.p-t-0 {
    padding-top: 0 !important;
}

.breadcrumb-header {
    max-width: 1200px;
    margin: 0 auto;
    padding: 30px 0 35px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* ===========================
   제목
=========================== */
.breadcrumb-title {
    letter-spacing: -0.5px;
}

.breadcrumb-date {
    color: var(--desc);
    margin-top: 6px;
}

/* ===========================
   브레드크럼 경로
=========================== */
.breadcrumb-path {
    display: flex;
    align-items: center;
    gap: 6px;
    color: var(--breadcrumb);
}

.breadcrumb-home img {
    width: 10px;
    height: 10px;
    display: block;
}

.breadcrumb-home a {
    display: flex;
    align-items: center;
    transition: opacity var(--transition);
}

.breadcrumb-home a:hover {
    opacity: 0.7;
}

.breadcrumb-arrow {
    color: var(--breadcrumb);
    line-height: 1;
}

.breadcrumb-item {
    color: var(--breadcrumb);
}


/* ===========================
   RESPONSIVE
=========================== */
@media screen and (max-width: 767px) {
    .breadcrumb-header {
        padding: 20px 16px;
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .breadcrumb-header {
        padding: 24px 20px;
    }
}