/* ✅ 반응형 스타일 */

@media (max-width: 1024px) {

    .survey-wrap {
        padding: 14px;
    }

    ._tit::before {
        left: -10px;
    }

    ._tit::after {
        right: -10px;
    }

    /* */

    ._tit {
        font-size: 18px;
    }

    ._stit {
        font-size: 16px;
    }

    /* */

    .form-check-label {
        font-size: 14px;
        letter-spacing: -0.2px;
    }

    .form-check-label::before {
        width: 20px;
        height: 20px;
        background-size: 20px 20px;
    }

    .form-check-label .d-inline-block {
        font-size: 12px;
    }

    /* */

    .square-wrap {
        padding: 20px 30px 20px 20px;
        font-size: 16px;
    }

    /* */

    .guide-box strong {
        font-size: 16px;
    }

    .guide-box ul li {
        font-size: 13px;
    }

    /* */

    .gui-btn a,
    .chk-btn a {
        font-size: 14px;
    }

    .diagnosis-btn {
        width: 110px;
        height: 110px;
        font-size: 16px;
    }

    /* */

    .site-footer-wrap div img {
        width: 140px;
    }

}

@media (max-width: 660px) {

    /* */

    .survey-wrap-main {
        min-height: auto;
    }

    /* */

    .square-wrap.square-2,
    .square-wrap.square-3,
    .square-wrap.square-4,
    .square-wrap.square-5 {
        height: auto;
        /* 비율 유지를 원하면 aspect-ratio나 padding 사용 가능 */
        aspect-ratio: 16 / 9;
        /* 또는 다른 비율 */
        background-size: contain;
        /* 또는 cover 유지하고 높이만 바꿔도 OK */
    }

    /* */

    .square-wrap.square-6,
    .square-wrap.square-7 {
        height: auto;
        /* 비율 유지를 원하면 aspect-ratio나 padding 사용 가능 */
        aspect-ratio: 9 / 9;
        /* 또는 다른 비율 */
        background-size: contain;
        /* 또는 cover 유지하고 높이만 바꿔도 OK */
    }

    ._mobile {
        display: block;
    }
    
}

/* ✅ 반응형 스타일 */

@media (max-width: 391px) {

    /* */

    .square-wrap.square-2,
    .square-wrap.square-3,
    .square-wrap.square-4,
    .square-wrap.square-5,
    .square-wrap.square-6,
    .square-wrap.square-7 {
        font-size: 12px;
    }

}

/* 아이패드 가로모드 범위 포괄 (미니 ~ 프로까지) */

@media screen and (min-width: 744px) and (max-width: 1366px) and (orientation: landscape) {
    
    /* */

    .survey-wrap-main>div._1 {
        text-align: center;
    }

    .survey-wrap-main>div._1 img {
        max-width: 80%;
        margin: 0 auto;
    }

    /* */

    .diagnosis-btn {
        width: 90px;
        height: 90px;
        font-size: 14px;
    }

    .site-footer-wrap {
        height: 70px;
    }

    .site-footer-wrap div img {
        width: 140px;
    }

}

/* 모바일 가로모드 */

@media screen and (max-width: 932px) and (orientation: landscape) {
    
    /* */

    .survey-wrap-main>div._1 {
        text-align: center;
    }

    .survey-wrap-main>div._1 img {
        max-width: 200px;
        margin: 0 auto;
    }

    /* */

    .diagnosis-btn {
        width: 70px !important;
        height: 70px !important;
        font-size: 12px !important;
    }

    .site-footer-wrap {
        height: 60px !important;
    }

    .site-footer-wrap div img {
        width: 140px;
    }

}