.side-content {
    display: grid;
    grid-template-columns: 100%;
    row-gap: 24px;
}



.grid-slpit-2 {
    grid-template-columns: 1fr 1fr;
    gap: 48px;
}

    /*1.4¹èÅ­*/
    .grid-slpit-2.wide-right-14 {
        grid-template-columns: 1fr 1.4fr;
    }

    /*1.5¹èÅ­*/
    .grid-slpit-2.wide-right-15 {
        grid-template-columns: 1fr 1.5fr;
    }

    .grid-slpit-2.wide-right-20 {
        grid-template-columns: 1fr 2fr;
    }

    .grid-slpit-2.wide-left-15 {
        grid-template-columns: 1.5fr 1fr;
    }

.grid-slpit-3 {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 48px;
}

    .grid-slpit-3.wide-101215 {
        grid-template-columns: 1fr 1.2fr 1.5fr;
    }

.grid-slpit-5 {
    grid-template-columns: 180px 48px 1fr 48px 1fr;
}

.grid-slpit-7 {
    grid-template-columns: 180px 48px 1fr 48px 1fr 48px 1fr;
}


@media (max-width: 1380px) {
    .grid-slpit-2.wide-right-14 {
        grid-template-columns: 100%;
    }

    .grid-slpit-2.wide-right-15 {
        grid-template-columns: 100%;
    }

    .grid-slpit-2.wide-right-20 {
        grid-template-columns: 100%;
    }

    .grid-slpit-2.wide-left-15 {
        grid-template-columns: 100%;
    }

    .grid-slpit-3.wide-101215 {
        grid-template-columns: 100%;
    }

    .mobile-order-1 {
        order: 1;
    }

    .mobile-order-2 {
        order: 2;
    }
}

@media (max-width: 768px) {
    .grid-slpit-2 {
        grid-template-columns: 100%;
    }

        .grid-slpit-2.wide-right-15 {
            grid-template-columns: 100%;
        }

        .grid-slpit-2.wide-left-15 {
            grid-template-columns: 100%;
        }

    .grid-slpit-3 {
        grid-template-columns: 100%;
    }

        .grid-slpit-3.wide-101215 {
            grid-template-columns: 100%;
        }

    .grid-slpit-5 {
        grid-template-columns: 100%;
    }

    .grid-slpit-7 {
        grid-template-columns: 100%;
    }
}


.side-box {
    display: flex;
    flex-direction: column;
    gap: 16px;
}


.side-item-split {
    display: flex;
    gap: 12px;
}




.side-item-ttl {
    font-size: 18px;
    font-weight: 500;
    min-height: 32px;
    display: flex;
    justify-content: space-between;
    /*column-span: all;*/ /* ¿­ Àüü¿¡ °ÉÃÄ Á¦¸ñ Ç¥½Ã */
}


.side-item {
    break-inside: avoid; /* Ç׸ñÀÌ ¿­ »çÀÌ¿¡¼­ ÂÉ°³ÁöÁö ¾Ê°Ô */
    display: flex;
    justify-content: space-between;
    word-break: break-word; /* ´Ü¾î°¡ ±æ¾îµµ ÁÙ¹Ù²Þ */
    white-space: normal; /* ÁÙ¹Ù²Þ Çã¿ë */
    gap: 24px;
}

    .side-item .side-item-name {
        flex-shrink: 0;
        font-weight: 500;
        min-width: 80px;
    }

    .side-item .side-item-value {
        flex-grow: 1;
        text-align: right; /* ÇÊ¿ä ½Ã ¿À¸¥ÂÊ Á¤·Ä */
    }


        .side-item .side-item-value.badge {
            font-size: 13px;
            flex-grow: 0;
            line-height: 1.1;
        }




    .side-item .img-container {
        padding: 2px;
        border: 1px solid #cbcdd4;
        border-radius: 4px;
        max-width: 180px;
    }


    .side-item.under-line {
        border-bottom: 1px solid var(--la-line-color);
        padding-bottom: 8px;
    }

.side-item-free {
    display: flex;
    gap: 6px;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}