.card .breadcrumb p {
    color: var(--grayScale-04);
}
.card .breadcrumb a {
    color: var(--grayScale-01);
}

.card .breadcrumb a:after {
    content: url('../images/ico_breadcrumb_arrow_wt.svg');
}
/***** card swiper *****/
.card section {
    margin-bottom: 0 !important;
    position: relative;
    z-index: 1;
    padding: 60px 0;

}
section .bg {
    background: var(--ci-blue-gradient);
    width: 100%;
    height: 330px;
    position: absolute;
    top: 0;
    z-index: -1;
}
.card-tit {
    text-align: center;
    color: var(--grayScale-01);
    font-size: 60px;
    font-weight: 700;
}
.card-tit span {
    display: block;
    color: var(--grayScale-01);
    font-size: 24px;
    font-weight: 500;
}
.card-img-slide {
    margin-top: 40px;
}
.card-img-slide .swiper-wrapper {
    align-items: center;
}
.card-img-slide .swiper-slide{
    width: 276px;
    height: 174px;
    border-radius: 12px;
    overflow: hidden;
    transform: scale(0.8) !important;
    transition: var(--ani);
}
.card-img-slide .swiper-slide img {
    max-width: none;
    max-height: 100%;
}
.card-img-slide .swiper-slide-active {
    transform: scale(1) !important;
    filter: drop-shadow(0 -4px 4px rgba(0, 0, 0, 0.25));
}
.card-txt-slide {
    margin-top: 40px;
}
.card-txt-slide .swiper-slide {
    opacity: 0!important;
    pointer-events: none!important;
}
.card-txt-slide .swiper-slide .slide-inner {
    width: 520px!important;
    text-align: center;
    margin: 0 auto;
}
.card-txt-slide .swiper-slide-thumb-active {
    opacity: 1!important;
    pointer-events: auto!important;
}
.card-txt-slide .swiper-slide h2 {
    color: var(--grayScale-15);
    font-size: 32px;
    font-weight: 700;
}
.card-txt-slide .swiper-slide h2 span {
    display: block;
    color: var(--grayScale-15);
    font-size: 20px;
    font-weight: 500;
}
.card-txt-slide .swiper-slide h2 span b {
    color: var(--ci-blue);
    font-weight: 700;
}
.card-txt-slide .swiper-slide .slide-inner > p {
    color: var(--grayScale-10);
    text-align: right;
    font-size: 13px;
    font-weight: 400;
    margin-top: 32px;
}
.card-detail-box {
    margin-top: 8px;
    background: var(--grayScale-03);
    padding: 20px;
    border-radius: 12px;
}
.card-detail-box > p {
    padding: 12px 0;
    border-bottom: 1px solid var(--grayScale-05);
    display: flex;
    justify-content: space-between;
}
.card-detail-box > p:first-of-type {
    padding-top: 0;
}
.card-detail-box > p:last-of-type {
    border-bottom: none;
    padding-bottom: 0;
}
.card-detail-box > p > span {
    color: var(--grayScale-15);
    font-size: 16px;
    font-weight: 500;
    display: inline-block;
}
.card-detail-box > p > span:last-of-type {
    font-weight: 700;
}
.card__button-wrap {
    font-size: 0;
    color: transparent;
    display: flex;
    gap: 4px;
}
.card__button-wrap a {
    display: block;
    border-radius: 12px;
    background: var(--ci-blue);
    padding: 16px 0;
    text-align: center;
    width: 100%;
    margin-top: 20px;
    cursor: pointer;
}
.card__button-wrap a span{
    color: var(--grayScale-01);
    font-size: 20px;
    font-weight: 700;
}
.card-txt-slide .swiper-slide .slide-inner > p.card__sub-script {
    text-align: left;
    margin-top: 20px;
}
/***** card swiper *****/