.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);
}

.gradient-dp-font {
    font-size: var(--d1-fontSize);
    font-weight: 600;
}

/* compare first line */

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

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

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

.compare-first-line-all-wrp .compare-wrp .compare-txt-wrp .compare-txt {
    font-size: var(--d0-fontSize);
    text-align: center;
    z-index: 5000;
    background: linear-gradient(121deg, rgb(254, 5, 118) 24%, rgb(234, 18, 182) 40%, rgb(56, 203, 255) 60%) 0% 0% / 150% 100%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

.compare-first-line-all-wrp .compare-wrp .compare-img-wrp-airpod {
    top: 15%;
    left: 10%;
    width: var(--systemSpacing-120);
    height: auto;
}

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

.compare-first-line-all-wrp .compare-wrp .compare-img-wrp-watch {
    top: 15%;
    right: 1%;
    width: var(--systemSpacing-200);
    height: auto;
}

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

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

.compare-first-line-all-wrp .compare-wrp .compare-img-wrp-tv {
    bottom: 0%;
    right: 0%;
    transform: translate(0%, 0%);
    width: var(--systemSpacing-200);
    height: auto;
}

.compare-first-line-all-wrp .compare-wrp .compare-img-wrp-kr {
    bottom: 5%;
    left: 50%;
    transform: translate(-50%, 0%);
    width: var(--systemSpacing-480);
    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-600);
    background-color: var(--systemBG-primary);
}

.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 {
    display: flex;
    flex-direction: column;
    gap: var(--systemSpacing-20);
}

.compare-second-line-all-wrp .compare-wrp .compare-txt-wrp .txt-wrp .wrp .compare-txt {
    font-size: var(--h4-fontSize);
    white-space: nowrap;
    font-weight: 600;
    text-align: center;

    background: linear-gradient(135deg, #ff007a -5%, #1e76c9 50%, #35fced 200%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

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

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

/* compare third line */

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

.compare-third-line-all-wrp .compare-flx-wrp .compare-flx-tl-dsc-wrp {
    display: flex;
    flex-direction: column;
    gap: var(--systemSpacing-40);

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

.compare-third-line-all-wrp .compare-flx-wrp .compare-flx-tl-dsc-wrp .compare-flx-tl-subtl-wrp {
    display: flex;
    flex-direction: column;
    gap: var(--systemSpacing-20);
}

.compare-third-line-all-wrp .compare-flx-wrp .compare-flx-tl-dsc-wrp .compare-flx-tl-subtl-wrp .compare-flx-subtl {
    font-size: var(--h6-fontSize);
    color: var(--menuCtnr-systemWhite-primary);
    font-weight: 600;
}

.compare-third-line-all-wrp .compare-flx-wrp .compare-flx-tl-dsc-wrp .compare-flx-tl-subtl-wrp .compare-flx-tl {
    background: linear-gradient(108deg, #0894FF, #C959DD 34%, #FF2E54 68%, #FF9004);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

.compare-third-line-all-wrp .compare-flx-wrp-en .compare-flx-tl-dsc-wrp .compare-flx-tl-subtl-wrp .compare-flx-tl {
    line-height: 80%;
}

.compare-third-line-all-wrp .compare-flx-wrp-kr .compare-flx-tl-dsc-wrp .compare-flx-tl-subtl-wrp .compare-flx-tl {
    line-height: 100%;
}

.compare-third-line-all-wrp .compare-flx-wrp .compare-flx-tl-dsc-wrp .compare-flx-tl-subtl-wrp .compare-flx-tl:last-child {
    padding-bottom: var(--systemSpacing-32);
}

.compare-third-line-all-wrp .compare-flx-wrp .compare-flx-tl-dsc-wrp .compare-flx-dsc-wrp .compare-flx-dsc {
    font-size: var(--ph-fontSize);
    color: var(--menuCtnr-systemWhite-primary);
    font-weight: 600;
    padding-left: var(--systemSpacing-80);
    min-width: var(--systemSpacing-400);
}

.compare-third-line-all-wrp .compare-flx-wrp-kr .compare-flx-tl-dsc-wrp .compare-flx-dsc-wrp .compare-flx-dsc {
    line-height: 150%;
}

.compare-third-line-all-wrp .compare-flx-img-wrp {
    position: absolute;
    bottom: 0%;
    left: 50%;
    transform: translate(-50%, 0%);
    width: var(--systemSpacing-520);
}

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

/* compare fourth line */

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

.compare-fourth-line-all-wrp .compare-flx-wrp .compare-flx-content-wrp {
    position: absolute;
    top: 10%;
    left: 10%;
    transform: translate(0%, 0%);
}

.compare-fourth-line-all-wrp .compare-flx-wrp .compare-flx-content-wrp .compare-flx-tl-img-wrp {
    display: flex;
    flex-direction: row;
}

.compare-fourth-line-all-wrp .compare-flx-wrp .compare-flx-content-wrp .compare-flx-tl-img-wrp .compare-flx-tl-wrp .compare-flx-tl {
    background: linear-gradient(45deg, #224D88 32%, #935893 60%, #E896B8 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    white-space: nowrap;
}

.compare-fourth-line-all-wrp .compare-flx-wrp .compare-flx-content-wrp .compare-flx-tl-img-wrp .compare-flx-tl-wrp .compare-flx-tl:last-child {
    padding-bottom: var(--systemSpacing-32);
}

.compare-fourth-line-all-wrp .compare-flx-wrp-en .compare-flx-content-wrp .compare-flx-tl-img-wrp .compare-flx-img-wrp {
    position: absolute;
    top: 35%;
    right: 0%;
    width: var(--systemSpacing-160);
    height: auto;
}

.compare-fourth-line-all-wrp .compare-flx-wrp-kr .compare-flx-content-wrp .compare-flx-tl-img-wrp .compare-flx-img-wrp {
    position: absolute;
    top: 40%;
    left: 80%;
    width: var(--systemSpacing-160);
    height: auto;
}

.compare-fourth-line-all-wrp .compare-flx-wrp .compare-flx-content-wrp .compare-flx-tl-img-wrp .compare-flx-img-wrp img {
    display: block;
    max-width: 100%;
}

.compare-fourth-line-all-wrp .compare-flx-wrp-en .compare-flx-content-wrp .compare-flx-tl-img-wrp .compare-flx-tl-wrp .compare-flx-tl {
    line-height: 80%;
}

.compare-fourth-line-all-wrp .compare-flx-wrp-kr .compare-flx-content-wrp .compare-flx-tl-img-wrp .compare-flx-tl-wrp .compare-flx-tl {
    line-height: 100%;
}

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

    position: absolute;
    bottom: 0;
    left: 10%;
}

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

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

.compare-fourth-line-all-wrp .compare-flx-wrp .compare-flx-img-dsc-wrp .compare-flx-dsc-wrp {
    width: 40%;
}

.compare-fourth-line-all-wrp .compare-flx-wrp .compare-flx-img-dsc-wrp .compare-flx-dsc-wrp .compare-flx-dsc {
    font-size: var(--p-fontSize);
    color: var(--systemSecondary);
    font-weight: 600;
}

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

/* compare fifth line */

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

.compare-fifth-line-all-wrp .compare-wrp .compare-grid-wrp {
    display: grid;
    grid-gap: var(--systemSpacing-0);
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-auto-flow: row;
    grid-template-columns: auto;
    grid-template-rows: auto;
    
    position: absolute;
    top: var(--systemSpacing-80);
    left: var(--systemSpacing-40);
}

.tl-1 {
    grid-column: 1 / 4;
    grid-row: 1 / 2;
}

.tl-2 {
    grid-column: 1 / 3;
    grid-row: 2 / 3;
}

.dsc-1 {
    grid-column: 3 / 7;
    grid-row: 2 / 3;
}

.compare-fifth-line-all-wrp .compare-wrp .compare-grid-wrp .compare-grid-tl-wrp .compare-grid-tl {
    background: linear-gradient(15deg, #381479 20%, #3D5791 35%, #80D6E1 75%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    white-space: nowrap;
}

.compare-fifth-line-all-wrp .compare-wrp-en .compare-grid-wrp .compare-grid-tl-wrp .compare-grid-tl {
    line-height: 80%;
}

.compare-fifth-line-all-wrp .compare-wrp-kr .compare-grid-wrp .compare-grid-tl-wrp .compare-grid-tl {
    line-height: 100%;
}

.compare-fifth-line-all-wrp .compare-wrp-en .compare-grid-wrp .compare-grid-dsc-wrp {
    padding: var(--systemSpacing-20) var(--systemSpacing-60) var(--systemSpacing-0) var(--systemSpacing-20);
}

.compare-fifth-line-all-wrp .compare-wrp-kr .compare-grid-wrp .compare-grid-dsc-wrp {
    padding: var(--systemSpacing-48) var(--systemSpacing-40) var(--systemSpacing-0) var(--systemSpacing-20);
}

.compare-fifth-line-all-wrp .compare-wrp .compare-grid-wrp .compare-grid-dsc-wrp .compare-grid-dsc {
    font-size: var(--p-fontSize);
    color: var(--systemSecondary);
    font-weight: 600;
}

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

.compare-fifth-line-all-wrp .compare-wrp .compare-flx-img-wrp {
    position: absolute;
    bottom: var(--systemSpacing-0);
    width: var(--systemSpacing-880);
    height: auto;
    overflow: hidden;
}

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

/* compare sixth line */

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

.compare-sixth-line-all-wrp .compare-wrp .compare-flx-tl-dsc-wrp {
    display: flex;
    flex-direction: column;
    gap: var(--systemSpacing-40);

    position: absolute;
    top: 10%;
    left: 10%;
}

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

.compare-sixth-line-all-wrp .compare-wrp .compare-flx-tl-dsc-wrp .compare-flx-tl-wrp .compare-flx-tl {
    background: linear-gradient(17deg, #0E2C72 40%, #6BDECB 80%, #D4FBB5 96%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

.compare-sixth-line-all-wrp .compare-wrp .compare-flx-tl-dsc-wrp .compare-flx-dsc-wrp {
    width: 40%;
}

.compare-sixth-line-all-wrp .compare-wrp-en .compare-flx-tl-dsc-wrp .compare-flx-tl-wrp .compare-flx-tl {
    line-height: 80%;
}

.compare-sixth-line-all-wrp .compare-wrp-kr .compare-flx-tl-dsc-wrp .compare-flx-tl-wrp .compare-flx-tl {
    line-height: 100%;
}

.compare-sixth-line-all-wrp .compare-wrp .compare-flx-tl-dsc-wrp .compare-flx-dsc-wrp .compare-flx-dsc {
    font-size: var(--p-fontSize);
    color: var(--systemSecondary);
    font-weight: 600;
}

.compare-sixth-line-all-wrp .compare-wrp-kr .compare-flx-tl-dsc-wrp .compare-flx-dsc-wrp .compare-flx-dsc {
    line-height: 135%;
}

.compare-sixth-line-all-wrp .compare-wrp .compare-flx-img-wrp {
    position: absolute;
    right: 10%;
    bottom: 10%;
    width: var(--systemSpacing-280);
    height: auto;
}

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

/* compare seventh line */

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

.compare-seventh-line-all-wrp .compare-wrp .compare-flx-tl-dsc-wrp {
    display: flex;
    flex-direction: column;
    gap: var(--systemSpacing-40);

    position: absolute;
    top: 10%;
    left: 10%;
}

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

.compare-seventh-line-all-wrp .compare-wrp .compare-flx-tl-dsc-wrp .compare-flx-tl-wrp .compare-flx-tl {
    background: linear-gradient(20deg, #0C0C21 6%, #3E3D91 50%, #E180C0 88%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

.compare-seventh-line-all-wrp .compare-wrp .compare-flx-tl-dsc-wrp .compare-flx-dsc-wrp {
    width: 40%;
}

.compare-seventh-line-all-wrp .compare-wrp-en .compare-flx-tl-dsc-wrp .compare-flx-tl-wrp .compare-flx-tl {
    line-height: 80%;
}

.compare-seventh-line-all-wrp .compare-wrp-kr .compare-flx-tl-dsc-wrp .compare-flx-tl-wrp .compare-flx-tl {
    line-height: 100%;
}

.compare-seventh-line-all-wrp .compare-wrp .compare-flx-tl-dsc-wrp .compare-flx-dsc-wrp .compare-flx-dsc {
    font-size: var(--p-fontSize);
    color: var(--systemSecondary);
    font-weight: 600;
}

.compare-seventh-line-all-wrp .compare-wrp-kr .compare-flx-tl-dsc-wrp .compare-flx-dsc-wrp .compare-flx-dsc {
    line-height: 135%;
}

.compare-seventh-line-all-wrp .compare-wrp-en .compare-flx-img-wrp {
    position: absolute;
    right: 8%;
    bottom: 5%;
    width: var(--systemSpacing-400);
    height: auto;
}

.compare-seventh-line-all-wrp .compare-wrp-kr .compare-flx-img-wrp {
    position: absolute;
    right: 8%;
    bottom: 0%;
    transform: translate(0%, 10%);
    width: var(--systemSpacing-280);
    height: auto;
}

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


/* */
/* */

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

    /* */
    /* compare common */

    .gradient-dp-font {
        font-size: var(--d2-fontSize);
    }

    /* compare first line */

    .compare-first-line-all-wrp .compare-wrp .compare-img-wrp-airpod {
        top: 20%;
        left: 10%;
        width: var(--systemSpacing-100);
        height: auto;
    }
    
    .compare-first-line-all-wrp .compare-wrp .compare-img-wrp-iphone {
        top: 0%;
        left: 50%;
        transform: translate(-50%, 0%);
        width: var(--systemSpacing-200);
        height: auto;
    }
    
    .compare-first-line-all-wrp .compare-wrp .compare-img-wrp-watch {
        top: 15%;
        right: 1%;
        width: var(--systemSpacing-160);
        height: auto;
    }
    
    .compare-first-line-all-wrp .compare-wrp .compare-img-wrp-ipad {
        top: 70%;
        left: 0%;
        transform: translate(0%, -50%);
        width: var(--systemSpacing-160);
        height: auto;
    }
    
    .compare-first-line-all-wrp .compare-wrp .compare-img-wrp-homepod {
        bottom: 0%;
        left: 50%;
        transform: translate(-50%, 50%);
        width: var(--systemSpacing-200);
        height: auto;
    }
    
    .compare-first-line-all-wrp .compare-wrp .compare-img-wrp-tv {
        bottom: 0%;
        right: 0%;
        transform: translate(0%, 0%);
        width: var(--systemSpacing-160);
        height: auto;
    }
    
    .compare-first-line-all-wrp .compare-wrp .compare-img-wrp-kr {
        bottom: 5%;
        left: 50%;
        transform: translate(-50%, 0%);
        width: var(--systemSpacing-480);
        height: auto;
    }

    /* compare second line */

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

    /* 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-third-line-all-wrp .compare-flx-wrp {
        height: var(--systemSpacing-1000);
    }

    .compare-third-line-all-wrp .compare-flx-img-wrp {
        position: absolute;
        bottom: 0%;
        left: 50%;
        transform: translate(-50%, 0%);
        width: var(--systemSpacing-400);
    }

    .compare-third-line-all-wrp .compare-flx-wrp .compare-flx-tl-dsc-wrp .compare-flx-dsc-wrp .compare-flx-dsc {
        font-size: var(--p-fontSize);
        padding-left: var(--systemSpacing-48);
    }

    /* compare fourth line */

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

    .compare-fourth-line-all-wrp .compare-flx-wrp-en .compare-flx-content-wrp .compare-flx-tl-img-wrp .compare-flx-img-wrp {
        position: absolute;
        top: 30%;
        left: 50%;
        width: var(--systemSpacing-120);
        height: auto;
    }

    .compare-fourth-line-all-wrp .compare-flx-wrp-kr .compare-flx-content-wrp .compare-flx-tl-img-wrp .compare-flx-img-wrp {
        position: absolute;
        top: 40%;
        left: 85%;
        width: var(--systemSpacing-120);
        height: auto;
    }
    
    .compare-fourth-line-all-wrp .compare-flx-wrp .compare-flx-img-dsc-wrp {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: var(--systemSpacing-40);
    
        position: absolute;
        bottom: 0;
        left: 5%;
    }
    
    .compare-fourth-line-all-wrp .compare-flx-wrp .compare-flx-img-dsc-wrp .compare-flx-img-wrp {
        width: var(--systemSpacing-200);
    }

    /* compare fifth line */

    .compare-fifth-line-all-wrp .compare-wrp .compare-grid-wrp {
        display: flex;
        flex-direction: column;
        gap: var(--systemSpacing-40);
    }

    .compare-fifth-line-all-wrp .compare-wrp .compare-grid-wrp .compare-grid-tl-wrp .compare-grid-tl:last-child {
        margin-top: var(--negative-systemSpacing-40);
    }

    .compare-fifth-line-all-wrp .compare-wrp-en .compare-grid-wrp .compare-grid-dsc-wrp {
        padding: var(--systemSpacing-0) var(--systemSpacing-40) var(--systemSpacing-0) var(--systemSpacing-0);
    }
    
    .compare-fifth-line-all-wrp .compare-wrp-kr .compare-grid-wrp .compare-grid-dsc-wrp {
        padding: var(--systemSpacing-0) var(--systemSpacing-40) var(--systemSpacing-0) var(--systemSpacing-0);
    }

    /* compare sixth line */

    .compare-sixth-line-all-wrp .compare-wrp .compare-flx-tl-dsc-wrp .compare-flx-dsc-wrp {
        width: 80%;
    }

    /* compare seventh line */

    .compare-seventh-line-all-wrp .compare-wrp-en .compare-flx-img-wrp {
        position: absolute;
        right: 50%;
        bottom: 10%;
        transform: translate(50%, 10%);
        width: var(--systemSpacing-320);
        height: auto;
    }

    .compare-seventh-line-all-wrp .compare-wrp-kr .compare-flx-img-wrp {
        position: absolute;
        right: 50%;
        bottom: 0%;
        transform: translate(50%, 10%);
        width: var(--systemSpacing-200);
        height: auto;
    }

    .compare-seventh-line-all-wrp .compare-wrp .compare-flx-tl-dsc-wrp .compare-flx-dsc-wrp {
        width: 80%;
    }
}


/**/
/**/

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

    /* */
    /* compare common */

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

    /* compare third line */

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

    .compare-third-line-all-wrp .compare-flx-img-wrp {
        position: absolute;
        bottom: 0%;
        left: 50%;
        transform: translate(-50%, 0%);
        width: var(--systemSpacing-400);
    }
    
    .compare-third-line-all-wrp .compare-flx-wrp .compare-flx-tl-dsc-wrp .compare-flx-dsc-wrp .compare-flx-dsc {
        padding-left: var(--systemSpacing-0);
        min-width: auto;
    }

    .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 fifth line */

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

    .compare-fifth-line-all-wrp .compare-wrp .compare-flx-img-wrp {
        width: var(--systemSpacing-600);
    }
    
    /* compare seventh line */

    .compare-seventh-line-all-wrp .compare-wrp .compare-flx-tl-dsc-wrp .compare-flx-dsc-wrp {
        width: 80%;
    }
}


/**/
/**/

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

    /* */
    /* compare common */

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

    .gradient-dp-font {
        font-size: var(--d3-fontSize);
    }

    /* compare first line */

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

    .compare-first-line-all-wrp .compare-wrp .compare-txt-wrp .compare-txt {
        font-size: var(--d2-fontSize);
        text-align: center;
        z-index: 5000;
    }

    .compare-first-line-all-wrp .compare-wrp .compare-img-wrp-airpod {
        top: 20%;
        left: 10%;
        width: var(--systemSpacing-80);
        height: auto;
    }
    
    .compare-first-line-all-wrp .compare-wrp .compare-img-wrp-iphone {
        top: 0%;
        left: 50%;
        transform: translate(-50%, 0%);
        width: var(--systemSpacing-160);
        height: auto;
    }
    
    .compare-first-line-all-wrp .compare-wrp .compare-img-wrp-watch {
        top: 15%;
        right: 1%;
        width: var(--systemSpacing-120);
        height: auto;
    }
    
    .compare-first-line-all-wrp .compare-wrp .compare-img-wrp-ipad {
        top: 70%;
        left: 0%;
        transform: translate(0%, -50%);
        width: var(--systemSpacing-120);
        height: auto;
    }
    
    .compare-first-line-all-wrp .compare-wrp .compare-img-wrp-homepod {
        bottom: 0%;
        left: 50%;
        transform: translate(-50%, 50%);
        width: var(--systemSpacing-160);
        height: auto;
    }
    
    .compare-first-line-all-wrp .compare-wrp .compare-img-wrp-tv {
        bottom: 0%;
        right: 0%;
        transform: translate(0%, 0%);
        width: var(--systemSpacing-120);
        height: auto;
    }
    
    .compare-first-line-all-wrp .compare-wrp .compare-img-wrp-kr {
        bottom: 5%;
        left: 50%;
        transform: translate(-50%, 0%);
        width: var(--systemSpacing-320);
        height: auto;
    }

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

    /* compare second line */

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

    /* compare third line */

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

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

    .compare-third-line-all-wrp .compare-flx-wrp .compare-flx-tl-dsc-wrp .compare-flx-dsc-wrp .compare-flx-dsc {
        min-width: var(--systemSpacing-240);
    }

    /* compare fourth line */

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

    .compare-fourth-line-all-wrp .compare-flx-wrp-en .compare-flx-content-wrp .compare-flx-tl-img-wrp .compare-flx-img-wrp {
        position: absolute;
        top: 10%;
        left: 90%;
        width: var(--systemSpacing-120);
        height: auto;
    }

    .compare-fourth-line-all-wrp .compare-flx-wrp-kr .compare-flx-content-wrp .compare-flx-tl-img-wrp .compare-flx-img-wrp {
        position: absolute;
        top: 10%;
        left: 100%;
        width: var(--systemSpacing-120);
        height: auto;
    }

    .compare-fourth-line-all-wrp .compare-flx-wrp .compare-flx-img-dsc-wrp .compare-flx-img-wrp {
        display: none;
    }

    .compare-fourth-line-all-wrp .compare-flx-wrp .compare-flx-img-dsc-wrp {
        top: 40%;
        left: 10%;
    }
    
    .compare-fourth-line-all-wrp .compare-flx-wrp .compare-flx-img-dsc-wrp .compare-flx-dsc-wrp {
        width: 80%;
    }

    /* 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-flx-tl-dsc-wrp .compare-flx-dsc-wrp {
        width: 90%;
    }

    /* compare seventh line */

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

    .compare-seventh-line-all-wrp .compare-wrp-kr .compare-flx-img-wrp {
        width: var(--systemSpacing-200);
    }
}