:root {
    --select-arrow-blue-color: brightness(0) saturate(100%) invert(3%) sepia(3%) saturate(104%) hue-rotate(314deg) brightness(89%) contrast(92%);
    --select-arrow-black-color: brightness(0) saturate(100%) invert(0%) sepia(1%) saturate(3782%) hue-rotate(22deg) brightness(114%) contrast(87%);
}

@media screen and (max-width: 1300px) {
    /* 과제1 반응형*/
    .form-box.first .analysis-input-area .analysis-input-form thead,
    .form-box.first .sequence-input-area .sequence-input-form thead,
    .task-submission-form-wrapper .form-box.eighth .exercise-program-form thead {
        display: none;
    }
    .form-box.first .analysis-input-area .analysis-input-form colgroup,
    .form-box.first .sequence-input-area .sequence-input-form colgroup,
    .task-submission-form-wrapper .form-box.eighth .exercise-program-form colgroup {
        display: none;
    }



    .form-box.first .analysis-input-area .analysis-input-form tbody,
    .form-box.first .sequence-input-area .sequence-input-form tbody,
    .form-box.third .personal-info-input-form .info-input-form tbody {
        display: flex;
        flex-direction: column;
        width: 100%;
        margin-top: 10px;
    }

    .form-box.first .analysis-input-area .analysis-input-form tbody tr,
    .form-box.first .sequence-input-area .sequence-input-form tbody tr,
    .form-box.third .personal-info-input-form .info-input-form tbody tr {
        display: flex;
        flex-direction: column;
        width: 100%;
        margin-bottom: 30px;
    }

    .form-box.first .analysis-input-area .analysis-input-form tbody tr:last-child,
    .form-box.first .sequence-input-area .sequence-input-form tbody tr:last-child,
    .form-box.third .personal-info-input-form .info-input-form tbody tr:last-child {
        margin-bottom: 0;
    }

    .form-box.first .analysis-input-area .analysis-input-form tbody tr:last-child {
        margin: 0;
    }

    .task-submission-form-wrapper {
        /*padding: 0 0 100px;*/
        padding: 0;
    }

    .task-submission-form-wrapper .tabs {
        overflow: hidden;
        /* padding: 0 15px; */
        margin: 10px 0 0 ;
    }

    .task-submission-form-wrapper .tabs ul {
        justify-content: center;
        /*justify-content: flex-start;*/
        /*width: max-content;*/
        transform: translateX(0);
    }

    .task-submission-form-wrapper .tabs ul li {
        width: auto;
        margin-right: 10px;
    }

    .task-submission-form-wrapper .tabs a {
        width: 100%;
        padding: 0 15px;
    }

    .task-submission-form-wrapper .form-box.first .title-area {

        padding: 0 15px;
        justify-content: center;
        gap: 20px;
    }

    .task-submission-form-wrapper .form-box.first .title-area .button {
        width: 0;
        height: 0;
        padding: 15px;
    }

    .task-submission-form-wrapper .form-box.first .title-area .title-box {
        /*height: 40px;*/
    }

    .task-submission-form-wrapper .form-box.first .title-area .title-box span {
        font-size: 16px;
    }

    .task-submission-form-wrapper .form-box.first .title-area .title-box input {
        width: 100%;
        font-size: 12px;
        padding: 12px 10px;
    }
    .task-submission-form-wrapper .form-box.first .title-area .title-box .input {
        width: 100%;
        font-size: 12px;
        padding: 12px 10px;
    }

    .menu-select-box {
        margin-top: 30px;
        width: 100%;
    }

    .form-box.first .movement-area {
        padding: 23px 15px 35px;
        flex-direction: column;
    }

    .form-box.first .movement-area .move-right-btn img {
        transform: rotate(90deg);
        top: 30%;
        left: 30%;
    }
    #contents-wrap .page-title, #contents-wrap .form-title {
        font-size: 25px;
    }

    .form-box.first .purpose-area {
        margin-top: 20px;
        padding: 15px;
    }

    .form-box.first .purpose-area .label {
        font-size: 16px;
        margin-right: 12px;
    }

    .form-box.first .movement-area .sequence-box .sequence-title {
        margin-bottom: 15px;
    }

    .form-box.first .movement-area .move-right-btn {
        /*margin: 25px 0;*/
        margin: 0;
    }

    .form-box.first .analysis-input-area,
    .form-box.second .sequence-input-area {
        margin-top: 25px;
        padding: 30px 15px 40px;
    }
    .form-box.first .analysis-input-area h3,
    .form-box.second .sequence-input-area h3 {
        margin: 0;
        font-size: 16px;
    }

    .form-box.first .analysis-input-area .analysis-input-form,
    .form-box.second .sequence-input-area .sequence-input-form {
        border: none;
    }

    .form-box.second .sequence-input-area .sequence-input-form td .input{
        font-size: 13px;
    }

    .form-box.first .analysis-input-area .analysis-input-form th,
    .form-box.first .sequence-input-area .sequence-input-form th {
        padding: 14px;
        text-align: left;
        background-color: #e5e5e5;
    }

    .form-box.first .analysis-input-area .analysis-input-form th,
    .form-box.first .analysis-input-area .analysis-input-form td,
    .form-box.first .sequence-input-area .sequence-input-form th,
    .form-box.first .sequence-input-area .sequence-input-form td {
        border: none;
    }

    .analysis-input-form .inner-wrap span,
    .sequence-input-form .inner-wrap span {
        font-size: 13px;
        margin-bottom: 10px;
        text-align: left;
        font-weight: 600;
    }

    .analysis-input-form .inner-wrap .text-box-resize,
    .sequence-input-form .inner-wrap .text-box-resize {
        height: 85px !important;
    }

    .form-box.first .analysis-input-area .analysis-input-form td,
    .form-box.first .sequence-input-area .sequence-input-form td {
        background-color: #f7f7f7;
        padding: 15px 15px 0;
    }

    .form-box.first .analysis-input-area .analysis-input-form td:last-child,
    .form-box.first .sequence-input-area .sequence-input-form td:last-child {
        padding-bottom: 30px;
    }

    .portfolio_check .form-box.first .analysis-input-area .analysis-input-form .input{
        height: auto;
    }
    .form-box.first .analysis-input-area .analysis-input-form .input{
        font-size: 13px;
        padding: 10px;
        height: 45px;
    }

    .form-box.first .movement-area .sequence-box,
    .form-box.first .movement-area.type_mat .sequence-box
    {
        width: 100%;
    }

    .form-box .purpose-area .input{
        width: 100%;
        padding: 10px;
    }
    div[contenteditable=true]:empty:before{
        line-height: 1.3;
    }

    .form-box.first .movement-area .sequence-box .sequence-upload-image {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        line-height: 1;
        padding: 0 15px;
        height: auto;
        min-height: 250px;
    }


    .form-box.first .movement-area .sequence-box .sequence-upload-image span {
        text-align: center;
        word-break: keep-all;
    }

    /* 한인재 이야기 반응형 */
    .intro-contents-wrapper .section.story {
        padding: 0 15px;
        margin: 0 0 55px;
    }

    .intro-contents-wrapper .section.story .explanation {
        margin: 0;
    }

    .intro-contents-wrapper .section.story .explanation p {
        line-height: 1.5;
        word-break: keep-all;
        font-size: 18px;
    }

    .intro-contents-wrapper .section.story .explanation p strong {
        font-size: 18px;
    }

    .intro-contents-wrapper .story-content-img-box {
        gap: 30px;
    }

    .intro-contents-wrapper .story-content-img-box .story-content-container {
        width: 100%;
        max-width: fit-content;
    }

    .intro-contents-wrapper .story-content-img-box .story-content-container .story-content-title {
        font-size: 25px;
    }

    .intro-contents-wrapper .story-content-img-box .story-content-container .story-content-img-box {

    }

    .intro-contents-wrapper .story-content-img-box .story-content-container .story-content-img {
        width: 100%;
    }

    .intro-contents-wrapper .story-content-img-box .story-content-container .content-text-box {
        border-radius: 15px;
        font-size: 17px;
        padding: 15px 33px;
        min-height: 70px;
    }

    .intro-contents-wrapper .story-content-img-box .story-divide {
        margin: 0 auto;
        flex-direction: column;
        width: 100%;
    }

    .intro-contents-wrapper .story-content-img-box .story-divide .story-divide-content {
        border-right: none;
        border-bottom: 1px solid #d6d6d6;
        justify-content: center;
    }

    .intro-contents-wrapper .story-content-img-box .story-content-container.pro-edu .story-content-title {
        font-size: 20px;
        margin: 0;
    }

    .intro-contents-wrapper .story-content-img-box .story-divide .story-divide-content p {
        font-size: 13px;
        line-height: 20px;
        word-break: keep-all;
    }

    .intro-contents-wrapper .story-content-img-box .story-divide .story-divide-content p strong {
        font-size: 16px;
    }

    .intro-contents-wrapper .section.vision .vision-content p {
        word-break: keep-all;
        padding: 0 13px;
        font-size: 16px;
    }

    .intro-contents-wrapper .story-content-img-box .story-content-container.agency {
        order: 1;
        align-self: center;
    }

    .intro-contents-wrapper .story-content-img-box .story-content-container.edu {
        order: 2;
        align-self: center;
    }

    .intro-contents-wrapper .story-content-img-box .story-content-container.individual {
        order: 3;
        align-self: center;
    }

    .intro-contents-wrapper .story-content-img-box .story-content-container.pro-edu {
        order: 4;
        align-self: center;
    }

    .intro-contents-wrapper .story-content-img-box .story-divide {
        align-self: center;
        order: 5;
    }

    .intro-contents-wrapper .section.story .story-content-img-box .arrow-img.top-arrow {
        margin-top: 0;
        order: 2;
    }

    .intro-contents-wrapper .section.story .story-content-img-box .arrow-img.middle-arrow {
        margin-top: 0;
        order: 2;
    }

    .intro-contents-wrapper .section.story .story-content-img-box .arrow-img.bottom-arrow {

        order: 2;
    }

    .intro-contents-wrapper .section.story .story-content-img-box .arrow-img.bottom-arrow img {
        width: 5.88em;
    }

    .intro-contents-wrapper .section.story .story-content-img-box .arrow-img .resize {
        width: 1.75em;
    }

    .intro-contents-wrapper .story-content-img-box .story-content-container.pro-edu .arrow-img {
        margin-top: 0;
        margin-bottom: 45px;
    }

    .intro-contents-wrapper .story-content-img-box.realign {
        margin: 0 auto;
        max-width: fit-content;
    }

    /* 과제2 페이지 반응형*/
    .form-box.second .equipment-sequence-wrap {
        padding: 30px 15px 35px;

    }
    .form-box.second .equipment-sequence-wrap .equipment-title{
        text-align: center;
    }

    .form-box.second .equipment-sequence-wrap .movement-area {
        padding: 0;
    }

    .form-box.second .equipment-sequence-wrap .movement-area .sequence-box .sequence-title {
        margin: 20px auto 15px;
    }

    .task-submission-form-wrapper .form-box.second .title-area {

        justify-content: space-between;
    }

    .task-submission-form-wrapper .form-box.first .title-area .button img {
        top: 7px;
        left: 7px;
        width: 16px;
    }

    .task-submission-form-wrapper .form-box.first {
        margin-top: 35px;
    }

    /* 과제3 페이지 반응형 */
    .task-submission-form-wrapper .form-box.third .personal-info-input-form {
        padding: 20px 15px 0;
    }

    .form-box.third .personal-info-input-form .info-input-form {
        border: 1px solid #d8d8d8;
        border-top: 1px solid #262626;
    }

    .form-box.third .personal-info-input-form .info-input-form tbody {
        padding: 20px 16px 25px;
        margin-top: 0;
    }

    .form-box.third .personal-info-input-form .info-input-form th {
        border: none;
        background-color: #FFF;
        padding: 0;
        margin-top: 25px;
        margin-bottom: 10px;
        font-size: 15px;
    }

    .form-box.third .personal-info-input-form .info-input-form th:first-child {
        margin-top: 0;
    }

    .form-box.third .personal-info-input-form .info-input-form th:last-child {
        margin-bottom: 0;
    }

    .form-box.third .personal-info-input-form .info-input-form td {
        padding: 0;
        border: none;
    }

    .form-box.third .personal-info-input-form .info-input-form tr {
        height: auto;
    }

    .form-box.third .personal-info-input-form .info-input-form td .input {
        width: 100% !important;
    }

    .form-box.third .personal-info-input-form .info-input-form td input[type=text] {
        width: 100% !important;
    }

    .form-box.third .personal-info-input-form .info-input-form td .input-radio-row .radio-box.gender {
        margin: 0;
    }

    .form-box.third .personal-info-input-form .info-input-form td .input-radio-row {
        flex-wrap: wrap;
        gap: 20px;
    }

    .form-box.third .personal-info-input-form .info-input-form td .input-radio-row .radio-box {
        display: flex;
        font-size: 12px;
        align-items: center;
    }

    .form-box.third .personal-info-input-form .info-input-form td .input-radio-row .radio-box label {
        margin-left: 5px;
    }

    .task-submission-form-wrapper .form-box.third .exercise {
        padding: 0 15px;
    }

    .task-submission-form-wrapper .form-box.third .exercise .box {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 20px;
    }

    .task-submission-form-wrapper .form-box.third .exercise .title {
        display: flex;
        flex-wrap: wrap;
        font-size: 16px;
        margin-top: 40px;
        margin-bottom: 10px;
    }

    .task-submission-form-wrapper .form-box.third .exercise.canvas .box div {
        width: 100%;
    }

    .task-submission-form-wrapper .form-box.third .exercise .title .comment {
        font-size: 10px;
        align-self: flex-end;
        position: unset;
    }

    .task-submission-form-wrapper .form-box.third .exercise.canvas .box #canvas {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 20px 34px;
    }

    .task-submission-form-wrapper .form-box.third .exercise.canvas .box div img {
        position: relative;
        top: 0;
        left: 0;
        transform: translate(0%, 0%);
        width: 100%;
        height: auto;
    }

    .task-submission-form-wrapper .form-box.third .exercise .box .check-wrap .input{
        /*height: auto;*/
        padding: 10px;
        font-size: 12px;
        width: 100%;
    }
    .task-submission-form-wrapper .form-box.third .exercise .box .check-wrap input[type=text] {
        height: auto;
        padding: 10px;
        font-size: 12px;
        width: 100%;
    }

    .task-submission-form-wrapper .form-box.third .exercise .box .check-wrap:last-child {
        width: 100%;
    }

    .task-submission-form-wrapper .form-box.third .exercise .box .check-wrap .input-resize {
        width: 100%;
    }

    .task-submission-form-wrapper .form-box.third .exercise.canvas .box .survey {
        border: none;
    }

    .task-submission-form-wrapper .form-box.third .exercise.canvas .box .survey .survey-row {
        border-top: 1px solid #d8d8d8;
        border-bottom: none;
        padding: 20px 9px;
        height: auto;
    }

    .task-submission-form-wrapper .form-box.third .exercise.canvas .box .survey .survey-row .question {
        font-size: 15px;
        line-height: 1.5;
    }

    .task-submission-form-wrapper .form-box.third .exercise.canvas .box .survey .survey-row .answer .strength-check-box {
        font-size: 10px;
    }

    .task-submission-form-wrapper .form-box.third .exercise .box .check-wrap label {
        word-break: keep-all;
    }

    .task-submission-form-wrapper .form-box.third .exercise.experience .box .check-wrap .input{
        max-width: 115px;
        width: 100%;
        padding: 9px 10px;
    }

    .task-submission-form-wrapper .form-box.third .exercise.experience .box .check-wrap input[type=text] {
        max-width: 115px;
        width: 100%;
        padding: 9px 10px;
    }

    .task-submission-form-wrapper .form-box.third .exercise .box .check-wrap.width-resize {
        width: 100%;
    }

    .check-wrap.width-resize .custom-input-checkbox.experience-check-box span:before {
        min-width: 16px;
    }

    .task-submission-form-wrapper .form-box.fourth .posture-analysis-form .title {
        padding: 30px 15px 12px;
        font-size: 16px;
    }

    .task-submission-form-wrapper .form-box.fourth .posture-analysis-form .analysis-image-box {
        border: none;
        padding: 0 15px;
        height: auto;
        flex-direction: column;
        gap: 40px;
    }

    .form-box.fourth .posture-analysis-form .analysis-image-box .image-view-box {
        border: 1px solid #d8d8d8;
        width: 100%;
        height: 360px;
        line-height: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 10px;
    }

    .form-box.fourth .posture-analysis-form .analysis-image-box .image-view-box span {
        font-size: 12px;
        word-break: keep-all;
    }

    .form-box.fourth .posture-analysis-form .analysis-image-box .file-list-box .file-row {
        height: auto;
        flex-direction: column;
        align-items: flex-start;
        border: none;
    }

    .form-box.fourth .posture-analysis-form .analysis-image-box .file-list-box .file-row .part {
        width: 100%;
        text-align: left;
        line-height: 1;
        font-size: 13px;
        margin-bottom: 12px;
    }

    .form-box.fourth .posture-analysis-form .analysis-image-box > div {
        border: none;
    }

    .form-box.fourth .posture-analysis-form .analysis-image-box .file-list-box {
        display: flex;
        flex-direction: column;
        width: 100%;
        gap: 25px;
        background-color: #f7f7f7;
        padding: 20px 16px 40px;
    }

    .portfolio_check .form-box.fourth .posture-analysis-form .analysis-image-box .file-list-box .file-row .input{
        min-height: 45px;
        height: auto;
    }

    .form-box.fourth .posture-analysis-form .analysis-image-box .file-list-box .file-row .input {
        width: 100%;
        height: 45px;
        line-height: 1;
        padding: 10px;
        border: 1px solid #d8d8d8;
        font-size: 13px;
    }

    .form-box.fourth .posture-analysis-form .analysis-image-box .file-list-box .file-row .file-name {
        width: 100%;
        height: 45px;
        line-height: 1;
        padding: 10px;
        border: 1px solid #d8d8d8;
    }

    .form-box.fourth .posture-analysis-form .analysis-image-box .file-list-box .file-row:last-child .part {
        height: auto;
    }

    .task-submission-form-wrapper .form-box.seventh .exercise-plane-form {
    }

    .task-submission-form-wrapper .form-box.seventh .exercise-plane-form .exercise-plane-content-wrapper,
    .task-submission-form-wrapper .form-box.eighth .exercise-program-form .exercise-plane-content-wrapper {
        padding: 0 15px;
    }

    .task-submission-form-wrapper .form-box.seventh .exercise-plane-form .exercise-plane-content-wrapper:first-child,
    .task-submission-form-wrapper .form-box.eighth .exercise-program-form .exercise-plane-content-wrapper:first-child {
        padding-top: 30px;
    }

    .task-submission-form-wrapper .form-box.seventh .exercise-plane-form .title,
    .task-submission-form-wrapper .form-box.eighth .exercise-program-form .title {
        font-size: 16px;
        margin: 0 0 10px;
    }

    .task-submission-form-wrapper .form-box.seventh .exercise-plane-form .bar,
    .task-submission-form-wrapper .form-box.eighth .exercise-program-form .bar {
        margin: 40px 0;
    }

    .task-submission-form-wrapper .form-box.seventh .exercise-plane-form .box ul li {
        font-size: 14px;
    }

    .task-submission-form-wrapper .form-box.seventh .exercise-plane-form .box.caution {
        padding: 15px;
    }

    .task-submission-form-wrapper .form-box.seventh .exercise-plane-form .box {
        padding: 15px;
    }

    .task-submission-form-wrapper .form-box.seventh .exercise-plane-form .box textarea,
    .task-submission-form-wrapper .form-box.eighth .exercise-program-form .box textarea {
        line-height: 1;
        resize: none;
    }

    .task-submission-form-wrapper .form-box.eighth .exercise-program-form .box.sequence {
        border: none;
        padding: 0;
    }

    .task-submission-form-wrapper .form-box.eighth .exercise-program-form .box.sequence .sequence-table .sequence-body .sequence-wrapper {
        display: flex !important;
        flex-direction: column;
        height: auto;
        padding: 20px 15px 30px;
        gap: 25px;
        background-color: #f7f7f7;
    }

    .task-submission-form-wrapper .form-box.eighth .exercise-program-form .box .sequence-table .sequence-body {
        display: flex;
        flex-direction: column;
        gap: 15px;
        background-color: #fff;
    }

    .mobile.sequence-wrapper .input{
        width: 100%;
        height: 45px;
        line-height: 1;
        padding: 10px;
        font-size: 13px;
        outline: none;
        background-color: #fff;
    }

    .form-box.eighth .exercise-program-form .box .sequence-table th, .form-box.eighth .exercise-program-form .box .sequence-table .sequence-td {
        border: none;
    }

    .form-box.eighth .exercise-program-form .box .sequence-table th, .form-box.eighth .exercise-program-form .box .sequence-table .sequence-td .inner-wrap span {
        font-size: 13px;
        margin-bottom: 10px;
        font-weight: 600;
    }

    .form-box.eighth .exercise-program-form .box .sequence-table th, .form-box.eighth .exercise-program-form .box .sequence-table .sequence-td .inner-wrap input[type=text] {
        border: 1px solid #d8d8d8;
        height: 45px;
    }

    .form-box.eighth .exercise-program-form .box .sequence-table th, .form-box.eighth .exercise-program-form .box .sequence-table .sequence-td .inner-wrap .teaching-input-resize {
        height: 85px !important;
    }

    .task-submission-form-wrapper.portfolio_check .form-box.first .analysis-input-area .analysis-input-form tbody tr,
    .task-submission-form-wrapper.portfolio_check .form-box.second .sequence-input-area .sequence-input-form tbody tr {
        height: auto;
    }

    .task-submission-form-wrapper.portfolio_check .form-box.first .analysis-input-area .analysis-input-form tbody tr td {
        padding: 15px 15px 0;
    }

    .task-submission-form-wrapper.portfolio_check .form-box.first .analysis-input-area .analysis-input-form tbody tr td:last-child {
        padding-bottom: 30px;
    }


    .task-submission-form-wrapper.portfolio_check .buttons .back-btn{
        width: 50%;
    }

    /* 시험 신청1 페이지 반응형 */
    .board-list-wrapper.test_request {
        padding-bottom: 119px;
    }

    .board-list-wrapper.test_request .menu-select-box {
        margin-bottom: 0;
    }

    .board-list-wrapper.test_request .test-divide-bar {
        width: 100%;
        border: 1px solid #262626;
        margin: 20px 0;
    }

    .board-list-wrapper.test_request .test-list-wrapper {
        padding: 0 15px;
    }

    .board-list-wrapper.test_request .test-list-wrapper .test-row {
        flex-direction: column;
        margin-bottom: 0;
    }

    .board-list-wrapper.test_request .test-list-wrapper .test-row .test-item {
        width: 100%;
        height: auto;
        padding: 20px 15px;
    }
    .board-list-wrapper.test_request .test-list-wrapper .test-row .test-item.empty-data{
        line-height: 1.5;
        word-break: keep-all;
        font-size:14px;
    }

    .board-list-wrapper.test_request .test-list-wrapper .test-row .test-item .buttons .button.change {
        width: 50%;
    }

    .board-list-wrapper.test_request .test-list-wrapper .test-row .test-item .buttons .button {
        width: 50%;
        font-size: 12px;
    }

    .board-list-wrapper.test_request .test-list-wrapper .test-row .test-item .test-name {
        font-size: 16px;
    }

    .board-list-wrapper.test_request .test-list-wrapper .test-row .test-item .test-schedule {
        font-size: 15px;
        word-break: keep-all;
    }

    /* 시험 신청2 페이지 반응형 */
    .board-list-wrapper.test_request_form {
        padding-bottom: 155px;
    }

    #contents-wrap .board-list-wrapper.test_request_form .page-title {
        margin: 0;
    }

    .board-list-wrapper.test_request_form .menu-select-box {
        margin-bottom: 40px;
    }

    #contents-wrap .board-list-wrapper.test_request_form .page-sub-title {
        font-size: 16px;
        font-weight: 500;
        margin-bottom: 20px;
        word-break: keep-all;
    }

    #contents-wrap .board-list-wrapper.test_request_form .explanation-text-container {
        padding: 0 15px;
    }

    #contents-wrap .board-list-wrapper.test_request_form .explanation-text-container .explanation-text-box {
        word-break: keep-all;
        padding: 15px 15px;
        height: auto;
        margin-bottom: 35px;
    }

    .board-list-wrapper.test_request_form .test-request-form-table tbody {

    }

    .board-list-wrapper.test_request_form .test-request-form-table th {
        display: none;
    }

    .board-list-wrapper.test_request_form .test-request-form-table td {
        padding: 19px 15px;
    }

    .board-list-wrapper.test_request_form .test-request-form-table td > span,
    .board-list-wrapper.test_request_form .test-request-form-table td .inner-wrap > span {
        font-size: 16px;
        font-weight: 600;
    }

    .board-list-wrapper.test_request_form .test-request-form-table td > span:nth-child(2) {
        display: inline-block;
        padding: 15px 15px 5px;
        font-size: 14px;
    }

    .board-list-wrapper.test_request_form .test-request-form-table td .inner-wrap .buttons {
        height: auto;
    }

    .board-list-wrapper.test_request_form .test-request-form-table td .inner-wrap .buttons .button {
        font-size: 12px;
        width: calc(50% - 15px);
    }


    .board-list-wrapper.test_request_form .test-request-form-table td .inner-wrap {
        flex-direction: column;
        gap: 19px;
    }

    .board-list-wrapper.test_request_form .test-request-form-table td .inner-wrap .check-wrap {
        margin-bottom: 0;
    }

    .board-list-wrapper.test_request_form .check-wrap .label {
        font-size: 14px;
        word-break: keep-all;
        line-height: 1.33;
    }

    .board-list-wrapper.test_request_form .test-request-form-table td select {
        appearance: none;
        width: 100%;
        font-size: 14px;
        margin-top: 15px;
    }

    .board-list-wrapper.test_request_form .test-request-form-table .test-form-select {
        position: relative;
    }

    .board-list-wrapper.test_request_form .test-request-form-table td > .test-form-select-img {
        width: 6px;
        height: 3px;
        position: absolute;
        top: 62%;
        right: 30px;
        filter: var(--select-arrow-blue-color);
    }

    .board-list-wrapper.test_request_form .test-request-form-table {
        margin-bottom: 40px;
    }

    #contents-wrap .board-list-wrapper.test_request_form .explanation-text-box.white {
        padding: 0 15px;
        word-break: keep-all;
        margin-bottom: 30px;
    }

    .board-list-wrapper.test_request_form .check-wrap {
        margin-bottom: 40px;
        padding: 0 15px;
        width: 100%;
    }

    .board-list-wrapper.test_request_form .buttons.test-application-btn {
        padding: 0 15px;
    }

    .board-list-wrapper.test_request_form .buttons .request-btn {
        width: 100%;
        height: auto;
        line-height: 1;
        padding: 14px 0;
        font-size: 14px;
    }

    .attendance-wrapper {
        padding: 10px 15px 170px;
    }

    .attendance-wrapper .menu-select-box,
    .gallery-board-list-wrapper .menu-select-box {
        padding: 0;
    }

    .attendance-wrapper .attendance-title {
        font-size: 25px;
        margin: 0;
    }
    .gallery-board-list-wrapper .board-title {
        font-size: 25px;
        margin: 0;
        position: unset;
        top: 0;
        left: 0;
        transform: translateX(0%);
        text-align: center;
    }

    .attendance-wrapper .attendance-sub-title {
        font-size: 16px;
        padding-bottom: 10px;
        border-bottom: 2px solid #262626;
    }

    .attendance-wrapper .date-list {
        flex-direction: column;
    }

    .attendance-wrapper .date-list .date-item {
        width: 100%;
        height: auto;
        padding: 18px 0;
    }

    .gallery-board-list-wrapper {
        padding: 10px 15px 105px;
    }

    .gallery-board-list-wrapper .tabs a {
        font-size: 15px;
    }

    .gallery-board-list-wrapper .gallery-items .item-row {
        justify-content: space-between;
        gap: 20px;
    }

    .gallery-board-list-wrapper .gallery-items .item-row .item {
        width: calc(92% / 2);
    }

    .gallery-board-list-wrapper .gallery-items .item-row .item .title {
        font-size: 15px;
    }

    .gallery-board-list-wrapper .gallery-items .item-row .item .thumbnail .play-btn {
        max-width: 30px;
    }
    .gallery-board-list-wrapper .gallery-items .item-row .item .thumbnail img.photo{
        width: 100%;
        /*height: 80px;*/
        height: auto;
    }

    .gallery-board-list-wrapper .tabs a {
        width: 50%;
    }

    .gallery-board-list-wrapper .video-play-wrapper {
        padding: 0 20px;
        width: 100%;
    }

    /* 지울 예정 */
    .test {
        width: 100%;
        height: 180px;
    }

    .gallery-board-list-wrapper .video-play-wrapper .video-play-close-btn {
        top: -40px;
        width: 22px;
        height: 22px;
        right: 20px;
    }

    .practice-room-wrapper.reservation.list .room-type-tabs {
        display: flex;
    }

    .practice-room-wrapper .room-type-tabs .tab-item {
        width: 50%;
        line-height: 1;
        height: auto;
    }

    .practice-room-wrapper .room-type-tabs .tab-item > span {
        display: inline-block;
        margin-bottom: 10px;
        font-size: 15px;
    }

    .practice-room-wrapper.reservation.list .section.reservation-list .section-title,
    .practice-room-wrapper.reservation.list .section.reservation-list .list-row .reserv-item .reserv-no span {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .practice-room-wrapper.reservation.list .section.reservation-list .list-row .reserv-item {
        padding: 20px 15px;
        width: 100%;
    }

    .practice-room-wrapper.reservation.list .section.reservation-list .list-row .reserv-item .reserv-data .data {
        align-items: flex-start;
        width: 57%;
        font-size: 14px;
        gap: 10px;
    }

    .practice-room-wrapper.reservation.list .section.reservation-list .list-row .reserv-item .reserv-data {
        flex-wrap: wrap;
        gap: 20px;
    }

    .practice-room-wrapper.reservation.list .section.reservation-list .list-row .reserv-item .reserv-data .reserv-content-text {
        width: 100%;
        display: flex;
    }

    .practice-room-wrapper.reservation.list .section.reservation-list .list-row .reserv-item .reserv-data .button .cancel-btn {
        width: 100%;
        height: auto;
        font-size: 12px;
    }

    .practice-room-wrapper.reservation.list .section.reservation-list .list-row .reserv-item .reserv-data .button {
        width: 100%;
    }

    .practice-room-wrapper.reservation.list .section.reservation-list .list-row .reserv-item .reserv-data .label {
        word-break: keep-all;
        width: 31%;
        font-size: 14px;
        gap: 10px;
    }

    .practice-room-wrapper.reservation.list .section.reservation-list .list-row .reserv-item .reserv-no {
        margin-bottom: 20px;
    }

    .video-playing {
        width: 100%;
        height: auto;
    }

    /* 수강 정보 페이지 반응형 */
    .menu-select-box.course {
        padding: 0;
        margin-bottom: 0;
    }

    #contents-wrap.course-wrap, #contents-wrap.receipt-wrap {
        padding: 10px 15px 94px;
    }

    .course-wrap .board-list-wrapper, .receipt-wrap .board-list-wrapper {
        /*padding: 0;*/
    }



    #seminar-form-wrap .seminar-form-table td .route-select-wrap .route-list li {
        max-width: none;
    }

    #contents-wrap .intro-contents-wrapper.story-wrapper {
        padding: 66px 0 86px;
    }

    .intro-contents-wrapper.people .instructor-list-row .instructor-item .info {
        min-height: unset;
    }

    .instructor-item .img .no-img-icon {
        width: 100% !important;
        height: auto !important;
        object-fit: none !important;
        object-position: 20px 20px !important;
    }

    .font-align {
        text-align: left !important;
    }

    .intro-contents-wrapper.people.license .section ul li {
        letter-spacing: -1.2px;
    }

    #contents-wrap .practice-room-wrapper.edu-process .thumbnail-wrapper {
        padding: 0 15px;
    }

    .curriculum-explanation-section .explanation-section-space {
        padding: 0 15px;
    }

    .question-section .question-item {
        width: 100%;
    }

    .board-list-wrapper.community .search-form .input-row {
        width: 100%;
    }

    #search_form {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }

    .board-list-wrapper.community .search-form .input-row .seminar-online-input-form {
        width: 100% !important;
    }

    .pagination a.prev-btn {
        margin-right: 20px;
    }

    .pagination a.next-btn {
        margin-left: 20px;
    }

    .pagination.seminar-online-pagination a {
        min-width: 30px;
    }

    .board-view-wrapper .view-data-wrap .title-section {
        padding: 0;
    }

    .board-view-wrapper .content-button-wrap .button {
        border-radius: 5px;
    }

    .board-list-wrapper.community.seminar .board-list-content-container,
    .board-list-wrapper.community.training .board-list-content-container,
    .board-list-wrapper.community .board-list-content-container {
        padding: 0 15px;
    }

    #seminar-form-wrap .seminar-form-table td .time-select-wrap .date-time-list li {
        height: auto;
    }

    .board-list-wrapper.community.training .thumbnail-list-table tr .thumbnail-list-wrap .thumbnail-item .grade-mark-wrap .star-mark li .star-icon {
        height: auto;
    }

    .application-form-table td input[type=text] {
        padding: 0 9px
    }

    .application-form-table .address-align {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .application-form-table .licence-input {
        width: 100% !important;
    }

    .custom-input-checkbox input[type=checkbox] + .label.test-check:before {
        min-width: 16px;
    }

    .board-list-wrapper.portfolio.resume_list .board-table.resume-list-wrapper tbody tr td,
    .board-list-wrapper.portfolio .board-table.portfolio-list-wrapper tbody tr td {
        padding: 0;
    }

    .board-list-wrapper.resume_list .board-table tbody td .date-wrap li strong {
        margin-right: 26px;
        font-size: 15px;
    }

    .board-list-wrapper.portfolio .board-table tbody td .reg-date span {
        vertical-align: text-top;
        line-height: 16px;
    }

    .curriculum-image-container {
        padding: 0 15px;
    }

    .curriculum-explanation-section .curriculum-image-container {
        position: relative;
        width: 100%;
    }

    .curriculum-explanation-section .curriculum-image-container .curriculum-image-slide-wrap .slide-btn {
        width: 30px;
        height: 30px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

    .curriculum-explanation-section .curriculum-image-container .curriculum-image-slide-wrap .slide-btn.prev {
        left: 15px;
    }
    .curriculum-explanation-section .curriculum-image-container .curriculum-image-slide-wrap .slide-btn.next {
        right: 15px;
    }

    #sub_nav_wrapper .nav-wrapper .nav_depth .depth_title img {
        width: 6px;
        height: 3px;
    }

    .board-view-wrapper.write-form .comment-write-section .inner-wrap .input-row select {
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
    }

    .board-view-wrapper.write-form .comment-write-section .inner-wrap .input-row {
        position: relative;
    }

    .board-view-wrapper.write-form .comment-write-section .inner-wrap .input-row select {
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
    }

    .board-view-wrapper.write-form .comment-write-section .inner-wrap .input-row img {
        width: 6px;
        height: 3px;
        position: absolute;
        top: 69%;
        right: 15px;
        filter: var(--select-arrow-black-color);
    }

    .select-img-wrapper {
        position: relative;
    }

    .select-img-wrapper img {
        position: absolute;
        top: 45%;
        right: 15px;
        width: 6px;
        height: 3px;
        filter: var(--select-arrow-blue-color);;
    }

    .select-img-wrapper img[alt="class"] {
        position: absolute;
        top: 45%;
        left: 45%;
        width: 6px;
        height: 3px;
        filter: var(--select-arrow-blue-color);;
    }

    .select-img-wrapper img[alt="day"] {
        position: absolute;
        top: 45%;
        right: 30px;
        width: 6px;
        height: 3px;
        filter: var(--select-arrow-blue-color);;
    }

    .select-img-wrapper img[alt="search-select"] {
        left: 72px;
    }

    .intro-contents-wrapper.people.license .section ul li.sub {
        padding-left: 58px;
    }

    .board-list-wrapper.community .search-form .input-row select {
        width: 90px;
    }

    #search_form > div > img {
        width: 6px;
        height: 3px;
        top: 45%;
    }

    .lecture-list-pop {
        width: 100%;
    }

    .popup-box {
        padding: 0;
    }

    .popup-box .popup-contents-wrapper {
        padding: 20px 30px 30px;
    }

    .popup-box .popup-header {
        justify-content: flex-end;
        margin: 0;
    }

    .popup-box .popup-contents select {
        width: 100%;
        padding: 15px 10px;
        color: #111;
        font-size: 12px;
        border: 1px solid #d8d8d8;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
    }

    .popup-box .popup-contents .popup-title {
        margin-bottom: 10px;
        font-size: 15px;
        color: #111;
        font-weight: bold;
    }
    /*.popup-close img {
        filter: unset;
    }*/

    .popup-box .popup-contents .popup-contents-detail-container {
        font-size: 12px;
        margin-top: 20px;
        padding: 15px 10px;
        background-color: #f6f6f6;
        border: 1px solid #d8d8d8;
    }

    .popup-box .popup-contents .popup-contents-detail-container .contents-detail-class {
        margin-top: 15px;
        margin-bottom: 7px;
        word-break: keep-all;
    }

    .popup-box .popup-box-divide-bar {
        width: 100%;
        height: 1px;
        background-color: #d8d8d8;
    }
    .popup-footer {
        padding: 20px 30px;
    }

    .popup-footer .popup-select-btn-wrapper {
        background-color: #211b6d;
        padding: 13px 0;
        color: #FFF;
        text-align: center;
        font-weight: bold;
    }

    .popup-contents-wrapper .popup-contents .popup-select-box {
        position: relative;
    }

    .popup-contents-wrapper .popup-contents .popup-select-box select {

    }

    .popup-contents-wrapper .popup-contents .popup-select-box select: {

    }

    .popup-contents-wrapper .popup-contents .popup-select-box select option {
        background-color: #f6f6f6;
        border: none;
    }

    .popup-contents-wrapper .popup-contents .popup-select-box img{
        width: 6px;
        height: 3px;
        position: absolute;
        right: 10px;
        top: 45%;
        filter: var(--select-arrow-black-color);
    }

    .mypage-list-wrapper {
        padding-top: 30px;
    }









}