@media screen and (max-width: 1200px) {
  .Mess {
    font-size: 30px;
  } .main {
    margin-left: 10px;
    margin-right: 10px;
  } .ssam-main {
    margin-left: 10px;
    margin-right: 10px;
  } .menu {
    font-size: 25px;
  } .menu-ment {
    font-size: 14px;
  } .container {
    margin-left: 10px;
    margin-right: 10px;
  } .input {
    margin-left: 10px;
    margin-right: 10px;
    padding: 5px;
  } .notice > p {
    font-size: 16px;
  } .input-title {
    font-size: 25px;
  } .text-input {
    padding: 5px;
    width: 100%;
  } .text-area {
    padding: 5px;
    width: 100%;
  } .create-btn {
    width: 100%;
  } #footer {
    margin-left: 10px;
  } .LoginBtn-main {
    width: 6%;
    margin-left: 5px;
  } .ball {
    transform: translate(200px, 250px);
  } .input-back {
    margin-left: 10px;
    margin-right: 10px;
    padding: 15px;
  } .content {
    margin-left: 10px;
    margin-right: 10px;
  } .bar2-li {
    margin-left: 15px;
    margin-right: 15px;
  } .bar2-li:first-child {
    margin-right: 15px;
    margin-left: 0;
  } .account-info {
    right: 30px;
  } .account-info:after {
    left: auto;
    right: 10px;
  } .account-info:before {
    left: auto;
    right: 10px;
  } .text-box {
    width: 70%;
    height: 37px;
    font-size: 22px;
  } .BoxText {
    font-size: 20px;
  } .input-box {
    margin-top: 20px;
  } .confirm-btn {
    width: 60%;
  } .doc-title {
    font-size: 21px;
    font-weight: 600;
    margin-right: 10px;
  } .doc-abstract {
    font-size: 16px;
    font-weight: 500;
  } .comment-input {
    width: 75%;
  }

  .menu-title {
    font-size: 20px !important;
  } .schedule-title {
    font-size: 18px !important;
  } .notice-title {
    font-size: 18px !important;
  } .logout-btn-acnt {
    display: none !important;
  } .petition-title {
    font-size: 18px !important;
  } .acnt-info-menu-btn > span {
    font-size: 15px !important;
  }

}

@media screen and (max-width: 800px) {
  .main-left {
    width: 98%;
    margin-left: 1%;
    margin-right: 1%;
    height: auto;
    padding-bottom: 10px;
  } .main-right {
    width: 98%;
    margin-left: 1%;
    margin-right: 1%;
    height: auto;
    padding-bottom: 10px;
  } .main-right:last-child {
    padding-bottom: 5rem;
  } .main-page {
    display: inline;
  } .LoginBtn-main {
    width: 12%;
    margin-left: 5px;
  } .text-box {
    width: 100%;
    height: 35px;
    font-size: 20px;
  } .BoxText {
    font-size: 18px;
  } .input-box {
    margin-top: 16px;
  } .text-box::placeholder {
    font-size: 15px;
  } .confirm-btn {
    width: 100%;
  } .doc-title {
    font-size: 19px;
    font-weight: 500;
    margin-right: 5px;
  } .doc-abstract {
    font-size: 16px;
    font-weight: 400;
    margin-left: 5px;
  } .doc-ago {
    font-size: 14px;
  } .comment-input {
    width: 60%;
  } .table-div {
    width: 98%;
  } .lost-table-div {
    width: 98%;
  } .jshsus-title {
    font-size: 20px;
  } #headerImg {
    width: 2rem;
  } .ad-ment {
    margin-left: 5px;
  }

  .main-f {
    display: block !important;
  } .f-left {
    width: 100% !important;
    height: fit-content !important;
    display: block !important;
  } .f-left-2 {
    width: 100% !important;
    margin-left: 0 !important;
    margin-top: 20px !important;
  } .f-right {
    width: 100% !important;
    margin-top: 20px !important;
    height: fit-content !important;
    padding-bottom: 20px !important;
  } .main-s {
    display: block !important;
  } .s-left {
    width: 100% !important;
    display: block !important;
    height: fit-content !important;
    margin-right: 0 !important;
  } .s-left-2 {
    width: 100% !important;
    margin-left: 0 !important;
    margin-top: 20px !important;
  } .s-right {
    width: 100% !important;
    margin-top: 20px !important;
  }
}