@charset "utf-8";
/* CSS Document */
.pc {
    display: block;
}

/*pc 노출 = 테블릿, 모바일 미노출*/
.pcta {
    display: block;
}

/*pc, 테블릿 노출 = 모바일 미노출*/
.mo {
    display: none;
}

/*모바일 노출 = pc,테블릿 미노출*/
.ta {
    display: none;
}

/*테블릿, 모바일 노출 = pc 미노출*/

@media screen and (max-width: 1200px) {
    .size {
        width: 100%;
        padding: 0 20px;
        box-sizing: border-box;
    }
}

@media screen and (max-width: 1024px) {
    .pc {
        display: none;
    }

    .ta {
        display: block;
    }
}

@media screen and (max-width: 768px) {
    .mo {
        display: block;
    }

    .pcta {
        display: none;
    }
}

@media screen and (max-width: 490px) {
    .quick {
        left: calc(50% - -210px);
    }
}

@media screen and (max-width: 480px) {
    .quick {
        left: calc(50% - -203px);
    }
}

@media screen and (max-width: 465px) {
    .quick {
        left: calc(50% - -196px);
    }
}

@media screen and (max-width: 450px) {
    .quick {
        left: calc(50% - -189px);
    }
}

@media screen and (max-width: 435px) {
    .quick {
        left: calc(50% - -182px);
    }
}

@media screen and (max-width: 420px) {
    .quick {
        left: calc(50% - -174px);
    }
}

@media screen and (max-width: 405px) {
    .quick {
        left: calc(50% - -166px);
    }
}

@media screen and (max-width: 390px) {
    .quick {
        left: calc(50% - -160px);
    }

    .quote-list .img-box {
        padding-bottom: 79.442px;
    }
}

@media screen and (max-width: 375px) {
    .quick {
        left: calc(50% - -153px);
    }
}

@media screen and (max-width: 365px) {
    .quick {
        left: calc(50% - -148px);
    }
}

@media screen and (max-width: 360px) {
    .quick {
        left: calc(50% - -146px);
    }
}

@media screen and (max-width: 350px) {
    .quick {
        left: calc(50% - -141px);
    }

    .mypage-return-page .list-style1 .gap-20, .mypage-cancel-page .list-style1 .gap-20, .order-page .list-style1 .gap-20 {
        gap: 10px;
    }

    .mypage-cancel-page .wid175, .mypage-return-page .wid175, .mypage-cancel-page .wid175, .mypage-cancel-page .wid175, .order-page .wid175, .order-page .wid175 {
        width: 130px;
    }
}

@media screen and (max-width: 340px) {
    .quick {
        left: calc(50% - -136px);
    }
}

@media screen and (max-width: 325px) {
    html {
        font-size: 55%;
    }

    .quick {
        left: calc(50% - -128px);
    }
}

@media screen and (max-width: 320px) {
    .quick {
        left: calc(50% - -126px);
    }

    body {
        min-width: 320px;
        overflow-x: auto;
    }
}