.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: 200;
}

.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);
    height: var(--systemSpacing-1000);
}

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

.img-top-wrp {
    display: block;
    width: var(--systemSpacing-120);
}

.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-en .compare-img-wrp {
    bottom: 17%;
    left: 50%;
    transform: translate(-50%, 0%);
    width: var(--systemSpacing-200);
    height: auto;
}

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

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

.compare-first-line-all-wrp .btn-ctnr {
    position: absolute;
    bottom: 5%;
    left: 50%;
    transform: translate(-50%, 0%);
    background-color: var(--systemBG-primary);
    padding: var(--systemSpacing-20) var(--systemSpacing-40);
    border-radius: var(--systemSpacing-20);

    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--systemSpacing-20);
    width: var(--systemSpacing-400);
}

.btn-buy:hover {
    background-color: var(--systemAccent-hover);
}

.btn-buy {
    font-size: var(--p-fontSize);
    background-color: var(--systemAccent);
    width: fit-content;
    padding: var(--systemSpacing-12) var(--systemSpacing-24);
    border-radius: var(--systemSpacing-9999);
    color: var(--systemWhite);
    cursor: pointer;
}

.price-info {
    color: var(--systemPrimary);
    font-size: var(--p-fontSize);
    font-weight: 600;
    white-space: nowrap;
}

/* compare second line */

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

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

    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.compare-second-line-all-wrp .compare-wrp .compare-txt-wrp .compart-txt {
    white-space: nowrap;
}

.compare-second-line-all-wrp .compare-wrp .compare-img-wrp {
    bottom: 10%;
    left: 50%;
    transform: translate(-50%, 0%);
    width: var(--systemSpacing-240);
    height: auto;
}

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

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

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

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

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

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

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

/* compare third line */

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

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

    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.compare-third-line-all-wrp .compare-wrp .compare-txt-wrp .compart-txt {
    white-space: nowrap;
}

.compare-third-line-all-wrp .compare-wrp .compare-img-wrp {
    bottom: 0%;
    left: 50%;
    transform: translate(-50%, 0%);
    width: var(--systemSpacing-360);
    height: auto;
}

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

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

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

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

/* compare fourth line */

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

.compare-fourth-line-all-wrp .compare-wrp .compare-txt-wrp {
    position: absolute;
    top: 10%;
    left: 10%;

    display: flex;
    flex-direction: column;
    width: 100%;
}

.compare-fourth-line-all-wrp .compare-wrp .compare-img-wrp {
    top: 45%;
    left: 0%;
    width: var(--systemSpacing-600);
    height: auto;
}

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

.compare-fourth-line-all-wrp .compare-wrp .compare-txt-wrp .compare-txt {
    font-size: var(--h6-fontSize);
    white-space: nowrap;
    font-weight: 300;
}

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

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


/* compare fifth line */

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

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

.compare-fifth-line-all-wrp .compare-wrp .compare-txt-wrp .compare-txt {
    font-size: var(--h6-fontSize);
    font-weight: 400;
    white-space: nowrap;
}

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

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

.compare-fifth-line-all-wrp .compare-wrp .compare-img-wrp {
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: var(--systemSpacing-160);
    height: auto;
}

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

/* 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-txt-wrp {
    position: absolute;
    top: 10%;
    left: 42%;
    transform: translate(-50%, 0%);
}

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

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

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

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

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


/* compare seventh line */

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

.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 .compare-txt {
    font-size: var(--h6-fontSize);
    font-weight: 400;
    white-space: nowrap;
}

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

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

/* compare eighth line */

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

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

.compare-eighth-line-all-wrp .compare-wrp .compare-txt-wrp .compare-txt:first-child {
    font-size: var(--p-fontSize);
    color: var(--systemSecondary);
    font-weight: 400;
    white-space: nowrap;
}

.compare-eighth-line-all-wrp .compare-wrp .compare-txt-wrp .compare-txt {
    font-size: var(--h4-fontSize);
    color: var(--systemPrimary);
    font-weight: 400;
    white-space: nowrap;
}

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

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

.compare-eighth-line-all-wrp .compare-wrp .compare-img-wrp {
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: var(--systemSpacing-600);
    height: auto;
}

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

/* */
/* */

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

    /* */
    /* compare common */

    /* compare fourth line */

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

    .compare-fourth-line-all-wrp .compare-wrp .compare-img-wrp {
        top: 50%;
        left: -7%;
        width: var(--systemSpacing-480);
        height: auto;
    }

    /* compare eighth line */

    .compare-eighth-line-all-wrp .compare-wrp .compare-img-wrp {
        width: var(--systemSpacing-480);
    }

}


/**/
/**/

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

    /* */
    /* compare common */

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

    /* compare fourth line */

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

    .compare-fourth-line-all-wrp .compare-wrp .compare-img-wrp {
        top: 45%;
        left: 0%;
        width: var(--systemSpacing-480);
        height: auto;
    }

    /* 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-400);
    }

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


/**/
/**/

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

    /* */
    /* compare common */

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

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

    /* compare first line */

    .compare-first-line-all-wrp .btn-ctnr {
        width: 100%
    }

    /* compare second line */

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

    /* compare third line */

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

    /* compare fourth line */

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

    .compare-fourth-line-all-wrp .compare-wrp .compare-img-wrp {
        top: 50%;
        left: -10%;
        width: var(--systemSpacing-440);
        height: auto;
    }

    /* compare fifth line */

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

    /* compare sixth line */

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

    .compare-sixth-line-all-wrp .compare-wrp .compare-img-wrp {
        bottom: 0%;
        left: 50%;
        transform: translate(-50%, 0%);
        width: var(--systemSpacing-320);
        height: auto;
    }

    .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 .compare-txt {
        font-size: var(--p-fontSize);
    }

    /* compare eighth line */

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


/**/
/**/

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

    /* compare fourth line */

    .compare-fourth-line-all-wrp .compare-wrp .compare-img-wrp {
        top: 45%;
        left: -10%;
        width: var(--systemSpacing-320);
        height: auto;
    }

    /* compare sixth line */

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

    .compare-sixth-line-all-wrp .compare-wrp .compare-img-wrp {
        bottom: 0%;
        left: 50%;
        transform: translate(-50%, 0%);
        width: var(--systemSpacing-280);
        height: auto;
    }

    /* compare eighth line */

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

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