@media screen and (max-width: 990px) {
  .home-nav .main-nav {
    display: none;
  }

  .home-nav .mob-nav {
    display: none;
  }
  .home-nav{
    display: none;
  }
  .nav-slide{
    display: flex;
  }
  main{
    width: 96%;
  }
  footer{
    width: 96%;
  }
  header{
    position: relative;
  }
  .nav-slide{
    position: relative;
  }
  .slogan{
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 500;
    padding: 5%;
  }
  .red-time .pc ,.red-process .pc{
    display: none;
  }
  .red-time .mobile , .red-process .mobile{
    display: block;
  }
}




@media only screen and (max-width: 600px) {
  .sub-title {
    font-size: 1.14rem
  }

  ol,
  ul {
    padding-left: 25px
  }

  ol>ul {
    padding-left: auto
  }
}