.compare-wrp {
    position: relative;
    overflow: hidden;

    width: 100%;
    border-radius: var(--systemSpacing-32);
}

.compare-img-wrp {
    position: absolute;
}

.compare-txt-wrp {
    position: absolute;
    display: flex;
    flex-direction: column;
    gap: var(--systemSpacing-4);
}

.compare-txt {
    font-size: var(--h4-fontSize);
    color: var(--systemPrimary);
    font-weight: 600;
}

.compare-txt-sm {
    font-size: var(--ph-fontSize);
    font-weight: 400;
}

.compare-svg-txt-wrp {
    display: flex;
    flex-direction: column;
    gap: var(--systemSpacing-12);
}

.icon-wrp svg {
    display: block;
    fill: var(--systemAccent);
    width: var(--systemSpacing-52);
    height: var(--systemSpacing-52);
}

/* compare first line */

.compare-first-line-all-wrp .compare-wrp {
    background-color: var(--systemBG-primary);
    height: var(--systemSpacing-1200);
}

.compare-first-line-all-wrp .compare-wrp .compare-txt-wrp {
    position: absolute;
    top: 10%;
    left: 50%;
    transform: translate(-50%, 0%);
}

.compare-first-line-all-wrp .compare-wrp .compare-txt-wrp .compare-txt {
    text-align: center;
    white-space: nowrap;
}

.compare-first-line-all-wrp .compare-wrp .compare-img-wrp {
    top: 25%;
    left: 50%;
    transform: translate(-50%, 0%);
    width: var(--systemSpacing-400);
    height: auto;
}

.compare-first-line-all-wrp .compare-wrp .compare-img-wrp img {
    display: block;
}

/* compare second line */

.compare-second-line-all-wrp .compare-wrp {
    height: var(--systemSpacing-400);
    background-color: var(--systemBG-primary);
}

.compare-second-line-all-wrp .compare-wrp .compare-txt-wrp {
    display: flex;
    flex-direction: column;
    gap: var(--systemSpacing-48);
}

.compare-second-line-all-wrp .compare-txt-wrp {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.systemAccent {
    color: var(--systemAccent);
}

.systemPrimary {
    color: var(--systemPrimary);
}

.systemTertiary {
    color: var(--systemTertiary);
}

.compare-second-line-all-wrp .compare-wrp .compare-txt-wrp .txt-wrp .compare-txt {
    font-size: var(--h2-fontSize);
    white-space: nowrap;
    font-weight: 600;
}

.compare-second-line-all-wrp .compare-wrp-en .compare-txt-wrp .txt-wrp .compare-txt {
    line-height: 110%;
}

.compare-second-line-all-wrp .compare-wrp-kr .compare-txt-wrp .txt-wrp .compare-txt {
    line-height: 135%;
}

/* compare third line */

.compare-third-line-all-wrp .compare-flx-all-wrp {
    position: relative;
    width: 100%;
    background-color: var(--systemBG-primary);
    border-radius: var(--systemSpacing-32);
    height: var(--systemSpacing-800);
}

.compare-third-line-all-wrp .compare-flx-wrp {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

    display: flex;
    flex-direction: column;
}

.compare-third-line-all-wrp .compare-flx-wrp .compare-flx-img-dsc-wrp {
    display: flex;
    flex-direction: row;
    align-items: end;
    gap: var(--systemSpacing-40);
}

.compare-third-line-all-wrp .compare-flx-wrp .compare-flx-img-dsc-wrp .compare-flx-img-wrp {
    width: var(--systemSpacing-320);
}

.compare-third-line-all-wrp .compare-flx-wrp .compare-flx-img-dsc-wrp .compare-flx-img-wrp img {
    display: block;
}

.compare-third-line-all-wrp .compare-flx-wrp .compare-flx-img-dsc-wrp .compare-flx-txt-sm-wrp {
    padding-bottom: var(--systemSpacing-20);
}

.compare-third-line-all-wrp .compare-flx-wrp .compare-flx-img-dsc-wrp .compare-flx-txt-sm-wrp .compare-flx-txt-sm {
    font-size: var(--h4-fontSize);
    font-weight: 600;
    white-space: nowrap;
}

.compare-third-line-all-wrp .compare-flx-wrp-kr .compare-flx-img-dsc-wrp .compare-flx-txt-sm-wrp .compare-flx-txt-sm {
    line-height: 135%;
}

/* compare fifth line */

.compare-fifth-line-all-wrp .compare-wrp {
    height: var(--systemSpacing-400);
    background-color: var(--systemBG-primary);
}

.compare-fifth-line-all-wrp .compare-wrp .compare-fifth-all-wrp {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
}

.compare-fifth-line-all-wrp .compare-wrp .compare-fifth-all-wrp .img-wrp img {
    display: block;
}

.compare-fifth-line-all-wrp .compare-wrp .compare-fifth-all-wrp .compare-fifth-txt-all-wrp {
    display: flex;
    flex-direction: column;
    gap: var(--systemSpacing-12);
    align-items: center;
}

.compare-fifth-line-all-wrp .compare-wrp .compare-fifth-all-wrp .compare-fifth-txt-all-wrp .compare-fifth-dsc {
    font-size: var(--ph-fontSize);
    color: var(--systemTertiary);
    font-weight: 600;
    width: 100%;
}

.compare-fifth-line-all-wrp .compare-wrp .compare-fifth-all-wrp .compare-fifth-txt-all-wrp .compare-fifth-dsc-kr {
    line-height: 135%;
}

/* compare sixth line */

.compare-sixth-line-all-wrp .compare-wrp {
    height: var(--systemSpacing-600);
    background-color: var(--systemBG-primary);
}

.compare-sixth-line-all-wrp .compare-wrp .compare-sixth-line-img-txt-wrp {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

    display: flex;
    flex-direction: row;
    align-items: end;
    justify-content: center;
    gap: var(--systemSpacing-20);
}

.compare-sixth-line-all-wrp .compare-wrp .compare-sixth-line-img-txt-wrp .compare-sixth-line-img-wrp {
    width: var(--systemSpacing-320);
}

.compare-sixth-line-all-wrp .compare-wrp .compare-sixth-line-img-txt-wrp .compare-sixth-line-img-wrp img {
    display: block;
}

.compare-sixth-line-all-wrp .compare-wrp .compare-sixth-line-img-txt-wrp .compare-sixth-line-txt-wrp {
    display: flex;
    flex-direction: column;
}

.compare-sixth-line-all-wrp .compare-wrp .compare-sixth-line-img-txt-wrp .compare-sixth-line-txt-wrp .compare-sixth-line-txt {
    font-size: var(--h4-fontSize);
    font-weight: 600;
    white-space: nowrap;
}

/* .compare-sixth-line-all-wrp .compare-wrp .compare-sixth-line-img-txt-wrp .compare-sixth-line-txt-wrp .compare-sixth-line-txt-en {
    line-height: 100%;
} */

.compare-sixth-line-all-wrp .compare-wrp .compare-sixth-line-img-txt-wrp .compare-sixth-line-txt-wrp .compare-sixth-line-txt-kr {
    line-height: 135%;
}

/* compare seventh line */

.compare-seventh-line-all-wrp .compare-wrp {
    height: var(--systemSpacing-400);
    background-color: var(--systemBG-primary);
    border-radius: var(--systemSpacing-32);
}

.compare-seventh-line-all-wrp .compare-wrp .compare-txt-wrp {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.compare-seventh-line-all-wrp .compare-wrp .compare-txt-wrp .txt-wrp .compare-txt {
    font-size: var(--h4-fontSize);
    font-weight: 600;
    white-space: nowrap;
}

/* .compare-seventh-line-all-wrp .compare-wrp .compare-txt-wrp .txt-wrp .compare-txt-en {
    line-height: 100%;
} */

.compare-seventh-line-all-wrp .compare-wrp .compare-txt-wrp .txt-wrp .compare-txt-kr {
    line-height: 135%;
}

/* compare eighth line */

.compare-eighth-line-all-wrp .compare-wrp {
    height: var(--systemSpacing-400);
    background-color: var(--systemBG-primary);
    border-radius: var(--systemSpacing-32);
}

.compare-eighth-line-all-wrp .compare-wrp .compare-txt-wrp {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.compare-eighth-line-all-wrp .compare-wrp .compare-txt-wrp .txt-wrp .compare-txt {
    font-size: var(--h4-fontSize);
    font-weight: 600;
}

.compare-eighth-line-all-wrp .compare-wrp .compare-txt-wrp .txt-wrp .compare-txt-kr {
    line-height: 135%;
}

.menuCtnr-systemWhite-primary {
    color: var(--menuCtnr-systemWhite-primary);
}

/* compare ninth line */

.compare-ninth-line-all-wrp .compare-wrp {
    height: var(--systemSpacing-800);
    background-color: var(--systemBG-primary);
}

.compare-ninth-line-all-wrp .compare-wrp .compare-ninth-txt-img-wrp {
    display: flex;
    flex-direction: column;
    gap: var(--systemSpacing-32);
    
    position: absolute;
    top: 20%;
    left: 50%;
    transform: translate(-50%, 0%);
}

.compare-ninth-line-all-wrp .compare-wrp .compare-ninth-txt-img-wrp .compare-ninth-img-wrp {
    width: var(--systemSpacing-400);
}

.compare-ninth-line-all-wrp .compare-wrp .compare-ninth-txt-img-wrp .compare-ninth-txt-wrp .compare-txt {
    font-size: var(--h4-fontSize);
}


/* compare tenth line */

.compare-tenth-line-all-wrp .compare-wrp {
    height: var(--systemSpacing-600);
    background-color: var(--systemBG-primary);
}

.compare-tenth-line-all-wrp .compare-wrp .compare-tenth-icon-txt-dsc-wrp {
    display: flex;
    flex-direction: column;
    gap: var(--systemSpacing-32);

    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.compare-tenth-line-all-wrp .compare-wrp .compare-tenth-icon-txt-dsc-wrp .compare-tenth-icon-txt-wrp {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--systemSpacing-20);
}

.compare-tenth-line-all-wrp .compare-wrp .compare-tenth-icon-txt-dsc-wrp .compare-tenth-icon-txt-wrp .compare-tenth-icon-wrp svg {
    display: block;
    fill: var(--systemPrimary);
    width: var(--systemSpacing-72);
    height: auto;
}

.compare-tenth-line-all-wrp .compare-wrp .compare-tenth-icon-txt-dsc-wrp .compare-tenth-icon-txt-wrp .compare-tenth-txt-wrp .compare-tenth-txt {
    font-size: var(--h2-fontSize);
    color: var(--systemPrimary);
    font-weight: 600;
    text-align: center;
    white-space: nowrap;
}

.compare-tenth-line-all-wrp .compare-wrp .compare-tenth-icon-txt-dsc-wrp .compare-tenth-icon-txt-wrp .compare-tenth-txt-wrp .compare-tenth-txt-kr {
    line-height: 135%;
}

.compare-tenth-line-all-wrp .compare-wrp .compare-tenth-icon-txt-dsc-wrp .compare-tenth-dsc-wrp {
    width: var(--systemSpacing-520);
}

.compare-tenth-line-all-wrp .compare-wrp .compare-tenth-icon-txt-dsc-wrp .compare-tenth-dsc-wrp .compare-tenth-dsc {
    font-size: var(--h6-fontSize);
    font-weight: 600;
    color: var(--systemTertiary);
    text-align: center;
}

.compare-tenth-line-all-wrp .compare-wrp .compare-tenth-icon-txt-dsc-wrp .compare-tenth-dsc-wrp .compare-tenth-dsc-kr {
    line-height: 135%;
}


/* */
/* */

@media screen and (max-width: 1294px) {

    /* */
    /* compare common */

    /* compare third line */

    .compare-third-line-all-wrp .compare-flx-wrp .compare-flx-img-dsc-wrp {
        gap: var(--systemSpacing-20);
    }
    
    .compare-third-line-all-wrp .compare-flx-wrp .compare-flx-img-dsc-wrp .compare-flx-img-wrp {
        width: var(--systemSpacing-240);
    }

    .compare-third-line-all-wrp .compare-flx-wrp .compare-flx-img-dsc-wrp .compare-flx-txt-sm-wrp .compare-flx-txt-sm {
        font-size: var(--h6-fontSize);
        font-weight: 600;
        white-space: nowrap;
    }

    /* compare fifth line */

    .compare-fifth-line-all-wrp .compare-wrp .compare-fifth-all-wrp .compare-fifth-txt-all-wrp {
        flex-direction: column;
        gap: var(--systemSpacing-12);
        left: var(--systemSpacing-120);
    }

    .compare-fifth-line-all-wrp .compare-wrp .compare-fifth-all-wrp .img-wrp {
        position: relative;
        left: var(--systemSpacing-120);
        width: var(--systemSpacing-600);
    }

    /* compare sixth line */

    .compare-sixth-line-all-wrp .compare-wrp .compare-sixth-line-img-txt-wrp .compare-sixth-line-img-wrp {
        width: var(--systemSpacing-240);
    }

    .compare-sixth-line-all-wrp .compare-wrp .compare-sixth-line-img-txt-wrp .compare-sixth-line-txt-wrp .compare-sixth-line-txt {
        font-size: var(--h6-fontSize);
    }


    /* compare tenth line */

    .compare-tenth-line-all-wrp .compare-wrp .compare-tenth-icon-txt-dsc-wrp .compare-tenth-icon-txt-wrp .compare-tenth-icon-wrp svg {
        width: var(--systemSpacing-60);
    }

    .compare-tenth-line-all-wrp .compare-wrp .compare-tenth-icon-txt-dsc-wrp .compare-tenth-icon-txt-wrp .compare-tenth-txt-wrp .compare-tenth-txt {
        font-size: var(--h4-fontSize);
    }

    .compare-tenth-line-all-wrp .compare-wrp .compare-tenth-icon-txt-dsc-wrp .compare-tenth-dsc-wrp {
        width: var(--systemSpacing-400);
    }
    
    .compare-tenth-line-all-wrp .compare-wrp .compare-tenth-icon-txt-dsc-wrp .compare-tenth-dsc-wrp .compare-tenth-dsc {
        font-size: var(--hl-fontSize);
    }

}


/**/
/**/

@media screen and (max-width: 960px) {

    /* */
    /* compare common */

    .compare-txt {
        font-size: var(--h5-fontSize);
    }

    /* compare second line */

    .compare-second-line-all-wrp .compare-wrp {
        height: var(--systemSpacing-200);
    }

    .icon-wrp svg {
        width: var(--systemSpacing-48);
        height: var(--systemSpacing-48);
    }

    .compare-second-line-all-wrp .compare-wrp .compare-txt-wrp .txt-wrp .compare-txt {
        font-size: var(--h5-fontSize);
    }

    /* compare third line */

    .compare-third-line-all-wrp .compare-flx-all-wrp {
        height: var(--systemSpacing-800);
    }
    

    .compare-third-line-all-wrp .compare-flx-wrp .compare-flx-img-dsc-wrp {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: var(--systemSpacing-40);
    }

    .compare-third-line-all-wrp .compare-flx-wrp .compare-flx-img-dsc-wrp .compare-flx-txt-sm-wrp {
        padding-bottom: var(--systemSpacing-0);
    }

    /* compare sixth line */

    .compare-sixth-line-all-wrp .compare-wrp {
        height: var(--systemSpacing-840);
    }
    
    .compare-sixth-line-all-wrp .compare-wrp .compare-sixth-line-img-txt-wrp {
        display: flex;
        flex-direction: column;
        align-items: start;
        justify-content: center;
        gap: var(--systemSpacing-32)
    }

    .compare-sixth-line-all-wrp .compare-wrp .compare-sixth-line-img-txt-wrp .compare-sixth-line-img-wrp {
        min-width: var(--systemSpacing-400);
    }

    .compare-sixth-line-all-wrp .compare-wrp .compare-sixth-line-img-txt-wrp .compare-sixth-line-txt-wrp .compare-sixth-line-txt {
        font-size: var(--h4-fontSize);
    }

    /* compare seventh line */

    .compare-seventh-line-all-wrp .compare-wrp {
        height: var(--systemSpacing-200);
    }

    .compare-seventh-line-all-wrp .compare-wrp .compare-txt-wrp .txt-wrp .compare-txt {
        font-size: var(--h5-fontSize);
        text-align: center;
    }

    /* compare eighth line */

    .compare-eighth-line-all-wrp .compare-wrp {
        height: var(--systemSpacing-200);
    }

    .compare-eighth-line-all-wrp .compare-wrp .compare-txt-wrp .txt-wrp .compare-txt {
        font-size: var(--h5-fontSize);
        text-align: center;
    }

    /* compare ninth line */

    .compare-ninth-line-all-wrp .compare-wrp {
        height: var(--systemSpacing-720);
    }

    .compare-ninth-line-all-wrp .compare-wrp .compare-ninth-txt-img-wrp .compare-ninth-img-wrp {
        width: var(--systemSpacing-360);
    }
    
    .compare-ninth-line-all-wrp .compare-wrp .compare-ninth-txt-img-wrp .compare-ninth-txt-wrp .compare-txt {
        font-size: var(--h5-fontSize);
    }
}


/**/
/**/

@media screen and (max-width: 600px) {

    /* */
    /* compare common */

    .compare-txt {
        font-size: var(--h6-fontSize);
    }

    /* compare first line */

    .compare-first-line-all-wrp .compare-wrp {
        height: var(--systemSpacing-480);
    }

    .compare-first-line-all-wrp .compare-wrp .compare-img-wrp {
        top: 100%;
        left: 50%;
        transform: translate(-50%, -55%);
        width: var(--systemSpacing-280);
        height: auto;
    }

    /* compare second line */

    .compare-second-line-all-wrp .compare-wrp .compare-txt-wrp .txt-wrp .compare-txt {
        font-size: var(--h6-fontSize);
    }

    /* compare third line */

    .compare-third-line-all-wrp .compare-flx-wrp .compare-flx-tl-wrp .compare-flx-txt {
        font-size: var(--h6-fontSize);
    }

    .compare-third-line-all-wrp .compare-flx-wrp .compare-flx-img-dsc-wrp {
        display: flex;
        flex-direction: column;
    }

    .compare-third-line-all-wrp .compare-flx-wrp .compare-flx-img-dsc-wrp .compare-flx-img-wrp {
        width: var(--systemSpacing-280);
    }

    .compare-third-line-all-wrp .compare-flx-wrp .compare-flx-img-dsc-wrp .compare-flx-txt-sm-wrp .compare-flx-txt-sm {
        font-size: var(--hl-fontSize);
    }

    /* compare fifth line */

    .compare-fifth-line-all-wrp .compare-wrp .compare-fifth-all-wrp .img-wrp {
        left: var(--systemSpacing-120);
        width: var(--systemSpacing-600);
    }

    .compare-fifth-line-all-wrp .compare-wrp .compare-fifth-all-wrp .compare-fifth-txt-all-wrp {
        left: var(--systemSpacing-120);
    }

    .compare-fifth-line-all-wrp .compare-wrp .compare-fifth-all-wrp .compare-fifth-txt-all-wrp .compare-fifth-dsc {
        font-size: var(--p-fontSize);
    }

    /* compare sixth line */

    .compare-sixth-line-all-wrp .compare-wrp .compare-sixth-line-img-txt-wrp .compare-sixth-line-img-wrp {
        min-width: var(--systemSpacing-320);
    }

    .compare-sixth-line-all-wrp .compare-wrp .compare-sixth-line-img-txt-wrp .compare-sixth-line-txt-wrp .compare-sixth-line-txt {
        font-size: var(--h4-fontSize);
    }

    /* compare seventh line */

    .compare-seventh-line-all-wrp .compare-wrp .compare-txt-wrp .txt-wrp .compare-txt {
        font-size: var(--h6-fontSize);
    }

    /* compare eighth line */

    .compare-eighth-line-all-wrp .compare-wrp .compare-txt-wrp .txt-wrp .compare-txt {
        font-size: var(--h6-fontSize);
    }

    /* compare ninth line */

    .compare-ninth-line-all-wrp .compare-wrp .compare-ninth-txt-img-wrp {
        top: 15%;
        left: 50%;
        transform: translate(-50%, 0%);
    }

    .compare-ninth-line-all-wrp .compare-wrp {
        height: var(--systemSpacing-600);
    }

    .compare-ninth-line-all-wrp .compare-wrp .compare-ninth-txt-img-wrp .compare-ninth-img-wrp {
        width: var(--systemSpacing-320);
    }
    
    .compare-ninth-line-all-wrp .compare-wrp .compare-ninth-txt-img-wrp .compare-ninth-txt-wrp .compare-txt {
        font-size: var(--h6-fontSize);
    }

    /* compare tenth line */

    .compare-tenth-line-all-wrp .compare-wrp {
        height: var(--systemSpacing-400);
    }

    .compare-tenth-line-all-wrp .compare-wrp .compare-tenth-icon-txt-dsc-wrp .compare-tenth-icon-txt-wrp .compare-tenth-icon-wrp svg {
        width: var(--systemSpacing-48);
    }

    .compare-tenth-line-all-wrp .compare-wrp .compare-tenth-icon-txt-dsc-wrp .compare-tenth-icon-txt-wrp .compare-tenth-txt-wrp .compare-tenth-txt {
        font-size: var(--h6-fontSize);
    }

    .compare-tenth-line-all-wrp .compare-wrp .compare-tenth-icon-txt-dsc-wrp .compare-tenth-dsc-wrp {
        width: var(--systemSpacing-360);
    }
    
    .compare-tenth-line-all-wrp .compare-wrp .compare-tenth-icon-txt-dsc-wrp .compare-tenth-dsc-wrp .compare-tenth-dsc {
        font-size: var(--ph-fontSize);
    }
}


/**/
/**/

@media screen and (max-width: 450px) {
        
    /* compare sixth line*/

    .compare-sixth-line-all-wrp .compare-wrp {
        height: var(--systemSpacing-600);
    }

    .compare-sixth-line-all-wrp .compare-wrp .compare-sixth-line-img-txt-wrp .compare-sixth-line-img-wrp {
        min-width: var(--systemSpacing-280);
    }
        
    .compare-sixth-line-all-wrp .compare-wrp .compare-sixth-line-img-txt-wrp .compare-sixth-line-txt-wrp .compare-sixth-line-txt {
        font-size: var(--h6-fontSize);
    }

    /* compare ninth line */

    .compare-ninth-line-all-wrp .compare-wrp .compare-ninth-txt-img-wrp {
        top: 10%;
        left: 50%;
        transform: translate(-50%, 0%);
    }

    .compare-ninth-line-all-wrp .compare-wrp {
        height: var(--systemSpacing-520);
    }

    .compare-ninth-line-all-wrp .compare-wrp .compare-ninth-txt-img-wrp .compare-ninth-img-wrp {
        width: var(--systemSpacing-280);
    }
    
    .compare-ninth-line-all-wrp .compare-wrp .compare-ninth-txt-img-wrp .compare-ninth-txt-wrp .compare-txt {
        font-size: var(--h6-fontSize);
    }

    /* compare tenth line */

    .compare-tenth-line-all-wrp .compare-wrp .compare-tenth-icon-txt-dsc-wrp .compare-tenth-dsc-wrp {
        width: var(--systemSpacing-280);
    }
}