/* 미디어쿼리 */

@media (max-width: 1200px) {

    /* */

    .sec-inner {
        padding: 30px 10px;
    }

}

@media (max-width: 1024px) {

    /* */

    .grid {
        gap: 0.5rem;
    }

    /* */

    .carousel-home .container {
        height: 500px !important;
    }

    .main-consult {
        left: 50%;
        width: 360px;
        margin-left: -180px;
    }

    .carousel-home .container .box span {
        font-size: 14px;
    }

    .carousel-home .container .box h2 {
        font-size: 34px !important;
    }

    .carousel-home .container .box p {
        font-size: 16px !important;
    }

    /* sec-1 */

    .sec-1 .grid > div a {
        padding: 13px;
    }

    .sec-1 .grid > div a img {
        width: 30px;
    }

    .sec-1 h2 span {
        font-size: 24px !important;
    }

    .sec-1 p.mt-3 {
        font-size: 14px !important;
    }

    .sec-1 p br {
        display: none;
    }

    .sec-1 span.fs-5 {
        font-size: 12px !important;
    }

    .sec-1 strong {
        font-size: 20px !important;
    }

    /* sec-2 */

    .sec-2 img {
        width: 230px;
    }

    .sec-2 h2.fs-1 {
        font-size: 18px !important;
    }

    /* */

    #header-navbar {
        padding: 10px 0;
    }

    ._logo img {
        width: 180px;
    }

    /* */

    [class~=q-menu] nav div {
        width: 42px;
    }

    [class~=q-menu] nav div a i, 
    [class~=q-menu] nav div a svg {
        font-size: 18px;
    }

    [class~=q-menu] nav div a span {
        display: none;
        font-size: 11px;
    }

    [class~=q-menu] nav div a {
        padding: 12px 5px 7px 5px;
    }

}

@media (max-width: 720px) {
    
    /* */

    .bg-dark .grid {
        text-align: center;
    }

    .bg-dark .d-flex {
        justify-content: center;
    }

}