@media screen and (max-width: 1200px) {
  nav {left: -303px; width: 303px;}
}

@media screen and (max-width: 500px){
  section:first-of-type {padding-top: 102px;}
  section {padding-bottom: 50px;}
  .tit-box {padding-bottom: 21px;}
  .pager {margin-top: 20px;}
  .pager ul .arrow {
    min-width: 20px;
    width: 20px;
  }

  .pager ul .all-prev {
    margin-right: 3px;
  }

  .pager ul .prev {
    margin-right: 20px;
  }

  .pager ul .all-next {
    margin-left: 3px;
  }

  .pager ul .next {
    margin-left: 20px;
  }

  .pager ul .number a {
    width: 20px;
    height: 20px;
    font-size: 13px;
  }

  .pager ul .number {
    margin: 2px;
  }


  /*  */
  .tit-box .tit {font-size: 30px;}
  .download-area .download-txt p {font-size: 14px;}
  .download-area .download-txt {height: 322px;}
  .download-btn {font-size: 14px;}
  .input-box input[type="text"], .input-box input[type="password"] {height: 40px; padding: 0 10px; font-size: 14px;}
  .input-box select {min-width: 80px; width: 80px; height: 40px; padding: 0 10px; font-size: 14px;}
  .input-box .form-btn {min-width: 80px; height: 40px; font-size: 14px;}
  .description {font-size: 16px;}
  .submit-btn {height: 40px; font-size: 14px;}
  .list-area ul li p {font-size: 14px;}
  .list-area {height: 253px; padding: 10px;}

  .tit-sub .tit {font-size: 24px;}
  .tit-sub .sub {font-size: 14px;}
  .tit-sub {margin-bottom: 30px;}

  .img-list ul li .child-box {padding: 10px;}
  .img-list ul li .child-box .tit {margin-bottom: 10px; font-size: 16px;}
  .img-list ul li .child-box .sub {margin-bottom: 15px; font-size: 14px;}

  .sub-detail .detail-tit {margin-bottom: 20px; font-size: 24px;}
  .sub-detail .bt-box {margin-bottom: 30px;}
  .sub-detail .user {font-size: 14px;}
  .sub-detail .date {font-size: 14px;}
  .detail-content p {font-size: 14px;}
  .detail-content {gap: 20px;}

  .intro .fist-img {width: 100px;}
  .intro .last-img {width: 200px;}
}

@media screen and (max-width: 370px) {
  header .logo {width: 223px;}
}