/* 태블릿, 아이패드 */

@media only screen and (min-device-width : 768px) and (max-device-width : 1023px) {
    body {
        -webkit-touch-callout: none; /* iOS Safari */
        -webkit-user-select: none; /* Safari */
         -khtml-user-select: none; /* Konqueror HTML */
           -moz-user-select: none; /* Old versions of Firefox */
            -ms-user-select: none; /* Internet Explorer/Edge */
                user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
    }
    .container {
        width: 100%;
        padding-right: 5%;
        padding-left: 5%;
        margin-right: auto;
        margin-left: auto;
    }

    .header .navbar .container .nav-left {
        width: 30%;
    }
    .header .navbar .container .navbar-collapse {
        width: 70%;
    }
    .header .navbar-nav-right {
        justify-content: space-between;
        padding: 18px 0 0 0;
    }
    .nav-group-center {
        width: 55%;
    }
    .carousel-inner .main-first {
        background-color: #FFE618;
        background-size: 80%;
    }
    .main-banner-section img {
        width: 300px;
        height: 250px;
        margin-top: 50px;
    }

    .main-gusung-section {
        background-color: #FFF9E7;
        padding: 130px 5% 150px 5%;
    }

    .gusung-area-text div {
        width: 45%;
        height: 160px;
        margin-bottom: 30px;
    }
    .main-intro-section {
        padding: 100px 5%;
    }

    .blank-area-section {
        margin: 120px 5% 150px 5%;
    }
    .blank-area-section .card {
        display: flex;
        justify-content: center;
        width: 100%;
        margin: 0 auto;
        flex-direction: column;
    }

    .carousel-inner .sub-first {
        background-color: var(--color-greens);
        background-size: 60%;
    }

    .step1-intro-section {
        height: 90vh;
        padding: 0 5%;
    }

    .step2-intro-section {
        padding: 0 5%;
    }
    .step3-intro-section {
        padding: 50px 5%;
    }

    .josa-intro-section .ik-card-white-exam {
        width: 90%;
    }

    .josa-intro-section {
        padding: 50px 5%;
    }

    .result-section {
        padding: 0 4%;
        margin-bottom: 100px;
    }
    .ik-card-white {
        padding: 20px 20px;
    }

    .six-cell dl dt {
        width: 14.3%; letter-spacing: -1px;
    }
    .six-cell dl dd {
        width:17%;
    }

    .mon-avi video {
        background: rgba(255, 255, 255,0) !important; /* 배경을 투명하게 설정 */
       }
    .josa-intro-section .josa-reply ul {
        display: flex;
        flex-wrap: wrap;
    }
    .josa-intro-section .josa-reply ul li {
        width: 50%;
        text-align: center;
        padding: 0 10px;
    }
    .josa-reply-detail {
        height: 600px;
    }

    .ul-table-qna li:nth-child(1){width:10%;}
    .ul-table-qna li:nth-child(2){width:50%;}
    .ul-table-qna li:nth-child(3){width:10%;}
    .ul-table-qna li:nth-child(4){width:10%;}
    .ul-table-qna li:nth-child(5){width:20%;}


}

/* 아이패드 프로 */

@media only screen and (min-device-width : 1024px) and (max-device-width : 1366px) {
    .container {
        width: 100%;
        padding-right: 2%;
        padding-left: 2%;
        margin-right: auto;
        margin-left: auto;
    }
    .header .logo a {
        font-size: 24px;
    }

    .header .navbar .container .nav-left {
        width: 20%;
    }
    .header .navbar .container .navbar-collapse {
        width: 80%;
    }
    .nav-group-right {
        width: 35%;
    }

    .header .navbar-nav-right {
        justify-content: space-between;
        padding: 18px 0 0 0;
    }
    .nav-group-center {
        width: 65%;
    }
    .carousel-inner .main-first {
        background-color: #FFE618;
        background-size: 80%;
    }
    .main-banner-section img {
        width: 300px;
        height: 250px;
        margin-top: 50px;
    }

    .main-gusung-section {
        background-color: #FFF9E7;
        padding: 130px 5% 150px 5%;
    }

    .gusung-area-text div {
        width: 45%;
        height: 160px;
        margin-bottom: 30px;
    }
    .main-intro-section {
        padding: 100px 5%;
    }

    .blank-area-section {
        margin: 120px 5% 150px 5%;
    }
    .blank-area-section .card {
        display: flex;
        justify-content: center;
        width: 100%;
        margin: 0 auto;
        flex-direction: column;
    }

    .carousel-inner .sub-first {
        background-color: var(--color-greens);
        background-size: 60%;
    }

    .step1-intro-section {
        height: 90vh;
        padding: 0 5%;
    }

    .step2-intro-section {
        padding: 0 5%;
    }
    .step3-intro-section {
        padding: 50px 5%;
    }

    .josa-intro-section .ik-card-white-exam {
        width: 90%;
    }

    .josa-intro-section {
        padding: 50px 5%;
    }

    .result-section {
        padding: 0 4%;
        margin-bottom: 100px;
    }
    .ik-card-white {
        padding: 20px 20px;
    }

    .six-cell dl dt {
        width: 14.3%; letter-spacing: -1px;
    }
    .six-cell dl dd {
        width:17%;
    }
    .mon-avi video {
        background: rgba(255, 255, 255,0) !important; /* 배경을 투명하게 설정 */
       }
   .josa-intro-section .josa-reply ul {
        display: flex;
        flex-wrap: wrap;
    }
    .josa-intro-section .josa-reply ul li {
        width: 50%;
        text-align: center;
        padding: 0 10px;
    }
    .josa-reply-detail {
        height: 600px;
    }

}