@media only screen and (max-width: 1280px) {
    .academy__top--container { padding: 0 20px; }
    .academy__logo { font-size: 20px; white-space: pre; }
    .academy__course { padding: 5rem 20px; }
    .academy__container { padding: 0 20px; }
    .academy__header--my-text, .academy__header--menu { font-size: 16px; }
    .academy__header--container { padding: 0 20px; }

    .keyword__container    { padding: 0 20px; }

    .course__search                  { padding: 5rem 20px; }
    .course__search--contents        { grid-template-columns: 200px auto; }
    .course__search--course-contents { width: 100%; display: inline-grid; grid-template-columns: 1fr; gap: 0.625rem; overflow-y: visible; }
    .course__search--course-from     { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

    .course__create--line             { grid-template-columns: 250px auto; flex-shrink: 0; }
    .course__create--teacher-contents { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 1rem; }
    .course__create--teacher-func     { max-height: 200px; }
    .course__create--period           { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 1rem; }
    .course__create--method           { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 1rem; }

    .course__view            { padding: 20px; }
    .course__view--container { padding: 2rem 0; }

    .qna__container { padding: 5rem 20px; }
    .qna__item--confirm img { width: 40px;  }
    .qna__item--confirm-no { font-size: 14px; }

    .qna__write { padding: 5rem 20px; }
    .qna__edit  { padding: 5rem 20px; }

    .teacher__list             { padding: 5rem 20px; }
    .teacher__list--figure-img { width: 30vw; }
    .teacher__list--contents   { grid-template-columns: repeat(3, 1fr); }

    .teacher__read                   { padding: 5rem 20px; }
    .teacher__read--courses-contents { grid-template-columns: repeat(3, 1fr); gap: 18px; }

    .progress__teacher--list-student { display: none !important; }
    .progress__teacher--list-item { padding: 1rem; gap: 1rem; }
    .progress__teacher--list-text { font-size: 14px; }
    .progress__teacher--order { grid-template-columns: 1fr 2fr 1fr; }
    .progress__teacher--order-item:nth-child(3) { display: none !important; }
    .progress__teacher--list-item { grid-template-columns: 1fr 2fr 1fr; }
    .progress__teacher--list-column:nth-child(3) { display: none !important; }
    .progress__teacher--list-column:nth-child(4) { display: none !important; }

    .contents__view { padding: 20px; }
    .contents__view--info-header { height: 100%; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; row-gap: 0.5rem; }
    .contents__view--info-contents { padding: 20px; }
    .contents__view--teacher { width: 100%; }
    .contents__view--teacher-function { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; gap: 0.5rem; }
    .contents__view--teacher-function > * { width: 100%; }
    .contents__view--contents { display: flex; flex-direction: column; justify-content: center; align-items: center; }
    .contents__view--function { width: 100%; justify-content: center; align-items: center; gap: 0.5rem; }
    .contents__view--function-item { width: 100%; border-radius: 0.25rem; }
    .contents__view--teacher p { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .contents__view--video { position: relative; padding-top: 50%; }
    .contents__view--video iframe { position: absolute; left: 0; top: 0; }
    .contents__view--course-item b, .contents__view--course-item p { font-size: 0.875rem; }

    .contents__other { padding: 20px; }
    .contents__other--contents { grid-template-columns: repeat(3, 1fr); }

    .community__list--container { padding: 4rem 20px; }

    .board__list { padding: 5rem 20px 100px; }
    .board__read { padding: 5rem 20px; }

    .me__container           { padding: 0 20px; }
    .me__course--header      { align-items: flex-end; }
    .me__course--header-side { flex-direction: column; justify-content: flex-start; align-items: flex-start; }
}