/* 전체 레이아웃 */

.section__inner {
    align-items: center;
    gap: var(--spacing-60);
    padding: var(--spacing-100) var(--spacing-32);
    height: 100%;
}
.section__wrap{
    margin-top: 75px;
}

.solution {
    padding: 0;
}

/* 솔루션 리스트 섹션 */
.main__text{
    padding: var(--spacing-100) var(--spacing-32) 0 var(--spacing-32);
}
.main__text .main__text-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.main__text .main__text-header > img{
    width: 20px; height: 20px;
}
.main__text-header--title{
    font-size: var(--fs-heading);
    font-weight: var(--fw-sb);
}
.main__text-des{
    font-size: var(--fs-title-md);
    margin-top: var(--spacing-8);
}

.main__contents{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    width: 100%;
}
.main__content .main__content-wrap{
    display: block;
}
.main__content{
    overflow: hidden;
    border-bottom: 1px solid var(--color-pri-80);
    border-right: 1px solid var(--color-pri-80);
}
.main__content:nth-child(3n){
    display: block;
    border-right: none;
}
.main__content-wrap{
    overflow: hidden;
    transition: transform 0.4s ease-in-out;
}
.main__content-wrap:hover{
    transform: scale(1.025);
}
/* .main__content .main__content-wrap{
    border-right: 1px solid var(--color-pri-80);
    display: block;
    border-bottom: 1px solid var(--color-pri-80);
    height: 368px;
}
.main__content:nth-child(3n) .main__content-wrap{
    border-right: none;
    display: block;
    border-bottom: 1px solid var(--color-pri-80);
    height: 368px;
} */
.main__content .main__content-wrap > img{
    width: 100%; height: auto;
}
.main__content-wrapper{
    padding: var(--spacing-32);
}
.main__content-wrapper--title{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--spacing-32);
}
.main__content-wrapper--title---logo{
    display: flex;
    align-items: center;
    gap: var(--spacing-8);
}
.main__content-wrapper--title---logo > img{
    width: 28px; height: auto;
}
.main__content-wrapper--title---logo > p{
    font-size: var(--fs-title-md);
    font-weight: var(--fw-b);
}
.main__content-wrapper--title > img{
    width: 14px; height: 14px;
}
.main__content-wrapper--des{
    font-size: var(--fs-body-sm);
}
.main__content-wrapper--des > span{
    font-weight: var(--fw-b);
}

/* 솔루션 디테일 최상단 섹션 */
.main__keyimg{
    padding-left: var(--spacing-32);
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.main__keyimg--title---logo{
    display: flex;
    align-items: center;
    gap: var(--spacing-8);
    margin-bottom: var(--spacing-16);
}
.main__keyimg--title---logo > img {
    width: 35px;
}
.main__keyimg-content--title{
    font-size: var(--fs-heading);
    font-weight: var(--fw-sb);
}

/* 솔루션 디테일 두번째 섹션 */
.solution__sec--title {
    font-size: var(--fs-heading);
    font-weight: var(--fw-sb);
    margin-bottom: var(--spacing-16);
}
.solution__sec--text {
    font-size: var(--fs-title-md);
    font-weight: var(--fw-r);
}

/* 솔루션 디테일 세번째 섹션 */
.solution__third{
    background-color: var(--color-sec-80);
}
.solution__third-wrap{
    padding: var(--spacing-100) var(--spacing-32);
    color: var(--color-gray-0);
}
.solution__third-wrap > h3{
    font-size: var(--fs-heading);
    font-weight: var(--fw-sb);
}
.solution__third-wrap--title--img{
    width: 40px; height: auto;
    margin-bottom: var(--spacing-4);
}
.solution__third-wrap--content {
    padding: 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    color: var(--color-gray-0);
    border-top: 1px solid var(--color-gray-0);
}
.solution__third-wrap--content--item {
    border-left: 1px solid var(--color-gray-0);
    padding: var(--spacing-64) var(--spacing-32);
}
.solution__third-wrap--content--item:nth-last-child(3n-2) {
    border-right: 1px solid var(--color-gray-0);
}
.solution__third-wrap--content--item img {
    width: 50px; height: 50px;
}
.solution__third-wrap--content--item h4 {
    margin-top: var(--spacing-8);
    margin-bottom: var(--spacing-8);
    font-size: var(--fs-title-xl);
    font-weight: var(--fw-sb);
}
.solution__third-wrap--content--item p {
    font-size: var(--fs-body-md);
    font-weight: var(--fw-r);
}

/* 솔루션 디테일 네번째 섹션 */
.solution__fourth{
    background-color: var(--color-gray-0);
}
.solution__fourth-wrap{
    padding: var(--spacing-100) var(--spacing-32);
    color: var(--color-gray-90);
}
.solution__fourth-wrap > h3{
    font-size: var(--fs-heading);
    font-weight: var(--fw-sb);
}
.solution__fourth-wrap--title--img{
    width: 40px; height: auto;
    margin-bottom: var(--spacing-4);
}
.solution__fourth-wrap--content {
    padding: 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    color: var(--color-gray-90);
    border-top: 1px solid var(--color-pri-80);
}
.solution__fourth-wrap--content--item {
    border-left: 1px solid var(--color-pri-80);
    padding: var(--spacing-64) var(--spacing-32);
}
.solution__fourth-wrap--content--item:nth-last-child(3n-2) {
    border-right: 1px solid var(--color-pri-80);
}
.solution__fourth-wrap--content--item img {
    width: 50px; height: 50px;
}
.solution__fourth-wrap--content--item h4 {
    margin-top: var(--spacing-8);
    margin-bottom: var(--spacing-8);
    font-size: var(--fs-title-xl);
    font-weight: var(--fw-sb);
}
.solution__fourth-wrap--content--item p {
    font-size: var(--fs-body-md);
    font-weight: var(--fw-r);
}

/* 솔루션 디테일 마지막 섹션 */
.solution__last--img {
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    gap: 0;
    border-left: 1px solid var(--color-pri-80);
    border-right: 1px solid var(--color-pri-80);
}
.solution__last--img:has(> :first-child:nth-last-child(3)) {
    grid-template-columns: repeat(3, 1fr);
}
.solution__last--img > video {
    width: 100%;
    grid-column: 1 / -1;
}