@charset "utf-8";
.technology-hero-section {background-image: url(/img/sub/technology-hero-bg.webp);}
/* R&D */
.rnd-section .rnd-top {display: flex;  align-items: flex-start; justify-content: space-between; column-gap: var(--space-100);}
.rnd-section .rnd-top .img-wrap {width: 50%; max-width: 580px; height: auto; aspect-ratio: 580/352; border-radius: 10px; overflow: hidden;}
.rnd-section .rnd-top .img-wrap img {width: 100%; height: 100%; object-fit: cover;}
.rnd-section .rnd-bot {margin-top: var(--space-100);}
.rnd-section .rnd-bot .rnd-list {display: flex; flex-direction: column; row-gap: var(--fs-40);}
.rnd-section .rnd-bot .rnd-card {padding: var(--fs-50) var(--space-100); border-radius: 10px; border: 1px solid var(--color-border2); display: flex; align-items: center; column-gap: var(--fs-40);}
.rnd-section .rnd-bot .rnd-card .tit-wrap {min-width: 300px; flex: 1; display: flex; align-items: flex-start; column-gap: var(--fs-30);}
.rnd-section .rnd-bot .rnd-card .tit-wrap .num {color: var(--color-static4);}
.rnd-section .rnd-bot .rnd-card .tit-wrap .tit-txt {display: flex; flex-direction: column; align-items: flex-start; row-gap: 10px;}
.rnd-section .rnd-bot .rnd-card .tit-wrap .tit-txt .body-large {color: var(--color-static2);}
.rnd-section .rnd-bot .rnd-card .txt-wrap {flex: 2;}
.rnd-section .rnd-bot .rnd-card .txt-wrap .body-medium {color: var(--color-font2);}
/* 기술정보 */
.info-tit-section {padding-bottom: var(--fs-40);}
.info-section {margin-bottom: var(--space-80);}
.info-section .tech-info-item + .tech-info-item {margin-top: var(--fs-40); padding-top: var(--fs-40); border-top: 1px solid var(--color-border1);}
.info-section .tech-info-item .item-header {margin-bottom: var(--fs-40); display: flex; align-items: flex-start; column-gap: var(--fs-30);}
.info-section .tech-info-item .item-header .num {color: var(--color-font4);}
.info-section .tech-info-item .item-header .item-sub-title {color: var(--color-static2);}
.info-section .tech-info-item .item-header .item-desc {color: var(--color-font2); margin-top: 10px;}
.info-section .tech-info-item .download-card-wrap {display: flex; align-items: stretch; column-gap: var(--fs-40);}
.info-section .tech-info-item .download-card {transition: box-shadow 0.2s, border 0.2s; background-color: var(--color-white); flex: 1; padding: var(--fs-40); border-radius: 10px; border: 1px solid var(--color-border2); display: flex; align-items: center; justify-content: space-between;}
.info-section .tech-info-item .download-card .card-info {display: flex; flex-direction: column; align-items: flex-start; row-gap: 6px;}
.info-section .tech-info-item .download-card .card-info .badge-wrap {display: flex; align-items: center; column-gap: var(--fs-16);}
.info-section .tech-info-item .download-card:has(.down-btn:hover) {border-color: var(--color-static2); box-shadow: var(--box-shadow);}

@media (max-width: 1024px) {
    .rnd-section .rnd-top {column-gap: 40px;}
}

@media screen and (max-width: 768px) {
    .rnd-section .rnd-top {flex-direction: column; row-gap: 40px;}
    .rnd-section .rnd-top .img-wrap {width: 100%;}
    .rnd-section .rnd-bot .rnd-card .tit-wrap .tit-txt {row-gap: 0;}
    .rnd-section .rnd-bot .rnd-card {padding: 30px 24px; flex-direction: column; align-items: flex-start; row-gap: 20px;}

    .info-section .tech-info-item .download-card-wrap {flex-direction: column; row-gap: 24px;}
    .info-section .tech-info-item .download-card {padding: 24px;}
}

@media screen and (max-width: 480px) {
    .rnd-section .rnd-bot .rnd-card {padding: 24px 20px;}
}

@media screen and (max-width: 375px) {
    .rnd-section .rnd-bot .rnd-card .tit-wrap {flex-direction: column; align-items: flex-start; row-gap: 10px;}

    .info-section .tech-info-item .download-card {flex-direction: column; row-gap: 20px; align-items: flex-start;}
}