.wrapper {
  width: 100%;
  height: auto; }
  .wrapper .news-all-container {
    width: 100%;
    height: auto;
    padding-top: 130px;
    max-width: 1540px;
    margin: 0 auto; }
    @media screen and (max-width: 1024px) {
      .wrapper .news-all-container {
        padding-top: 110px; } }
    @media screen and (max-width: 768px) {
      .wrapper .news-all-container {
        padding-top: 90px; } }
    @media screen and (max-width: 480px) {
      .wrapper .news-all-container {
        padding-top: 80px; } }
    .wrapper .news-all-container .breadcrumb {
      width: 80%;
      height: auto;
      border-bottom: 1px dashed #333;
      margin: 0 auto;
      padding: 0 0 5px 10px; }
      @media screen and (max-width: 1024px) {
        .wrapper .news-all-container .breadcrumb {
          border-top: 1px solid #333;
          padding-top: 20px;
          width: 90%; } }
      @media screen and (max-width: 480px) {
        .wrapper .news-all-container .breadcrumb {
          padding-top: 15px; } }
      .wrapper .news-all-container .breadcrumb ul {
        display: flex;
        justify-content: left;
        align-items: center; }
        .wrapper .news-all-container .breadcrumb ul i {
          margin: 0 15px; }
        @media screen and (max-width: 1024px) {
          .wrapper .news-all-container .breadcrumb ul li {
            font-size: 1.6rem; } }
    .wrapper .news-all-container .news-all-group {
      margin: 50px auto 80px auto;
      width: 80%;
      height: auto; }
      @media screen and (max-width: 768px) {
        .wrapper .news-all-container .news-all-group {
          width: 100%;
          margin-top: 30px; } }
      .wrapper .news-all-container .news-all-group .news-title {
        height: auto; }
        @media screen and (max-width: 768px) {
          .wrapper .news-all-container .news-all-group .news-title {
            margin-left: 50px; } }
        @media screen and (max-width: 480px) {
          .wrapper .news-all-container .news-all-group .news-title {
            margin-left: 30px; } }
        .wrapper .news-all-container .news-all-group .news-title h2 {
          font-size: 2.5rem;
          padding-bottom: 20px; }
          @media screen and (max-width: 1024px) {
            .wrapper .news-all-container .news-all-group .news-title h2 {
              font-size: 2.3rem; } }
          @media screen and (max-width: 768px) {
            .wrapper .news-all-container .news-all-group .news-title h2 {
              font-size: 2rem; } }
          @media screen and (max-width: 480px) {
            .wrapper .news-all-container .news-all-group .news-title h2 {
              font-size: 1.5rem;
              padding-bottom: 10px; } }
      .wrapper .news-all-container .news-all-group .news-main {
        width: 100%;
        height: auto;
        background-color: #f7f7f7;
        padding: 30px 0; }
        .wrapper .news-all-container .news-all-group .news-main .news-container {
          width: 95%;
          height: auto;
          background-color: #fff;
          margin: 0 auto; }
          .wrapper .news-all-container .news-all-group .news-main .news-container .news-inner {
            padding: 50px 20px 50px 100px;
            height: auto; }
            @media screen and (max-width: 1024px) {
              .wrapper .news-all-container .news-all-group .news-main .news-container .news-inner {
                padding: 20px 20px 20px 80px; } }
            @media screen and (max-width: 768px) {
              .wrapper .news-all-container .news-all-group .news-main .news-container .news-inner {
                padding: 20px 20px 20px 50px; } }
            @media screen and (max-width: 480px) {
              .wrapper .news-all-container .news-all-group .news-main .news-container .news-inner {
                padding: 20px 20px 20px 30px; } }
            .wrapper .news-all-container .news-all-group .news-main .news-container .news-inner .news-article {
              display: flex;
              width: 80%;
              margin-bottom: 50px;
              border-bottom: 1px solid #333;
              padding: 20px 0 10px 0;
              transition: 0.3s; }
              @media screen and (max-width: 768px) {
                .wrapper .news-all-container .news-all-group .news-main .news-container .news-inner .news-article {
                  width: 90%;
                  margin-bottom: 40px; } }
              @media screen and (max-width: 480px) {
                .wrapper .news-all-container .news-all-group .news-main .news-container .news-inner .news-article {
                  font-size: 1.1rem;
                  margin-bottom: 30px; } }
              .wrapper .news-all-container .news-all-group .news-main .news-container .news-inner .news-article .date, .wrapper .news-all-container .news-all-group .news-main .news-container .news-inner .news-article .news-content {
                padding-right: 50px;
                font-size: 1.8rem; }
                @media screen and (max-width: 1024px) {
                  .wrapper .news-all-container .news-all-group .news-main .news-container .news-inner .news-article .date, .wrapper .news-all-container .news-all-group .news-main .news-container .news-inner .news-article .news-content {
                    font-size: 1.5rem; } }
                @media screen and (max-width: 768px) {
                  .wrapper .news-all-container .news-all-group .news-main .news-container .news-inner .news-article .date, .wrapper .news-all-container .news-all-group .news-main .news-container .news-inner .news-article .news-content {
                    font-size: 1.3rem;
                    padding-right: 40px; } }
                @media screen and (max-width: 480px) {
                  .wrapper .news-all-container .news-all-group .news-main .news-container .news-inner .news-article .date, .wrapper .news-all-container .news-all-group .news-main .news-container .news-inner .news-article .news-content {
                    font-size: 1.1rem;
                    padding-right: 30px; } }
              .wrapper .news-all-container .news-all-group .news-main .news-container .news-inner .news-article .news-content {
                padding: 0; }
            .wrapper .news-all-container .news-all-group .news-main .news-container .news-inner .news-article:hover {
              opacity: 0.6; }
          .wrapper .news-all-container .news-all-group .news-main .news-container .viewmore {
            display: block;
            text-align: right;
            padding: 0 70px 30px 0; }
            @media screen and (max-width: 1024px) {
              .wrapper .news-all-container .news-all-group .news-main .news-container .viewmore {
                padding: 0 50px 30px 0; } }
            @media screen and (max-width: 768px) {
              .wrapper .news-all-container .news-all-group .news-main .news-container .viewmore {
                padding: 0 30px 30px 0; } }
            @media screen and (max-width: 480px) {
              .wrapper .news-all-container .news-all-group .news-main .news-container .viewmore {
                padding: 0 20px 20px 0; } }
            .wrapper .news-all-container .news-all-group .news-main .news-container .viewmore p {
              display: inline-block;
              position: relative;
              font-size: 1.5rem; }
              .wrapper .news-all-container .news-all-group .news-main .news-container .viewmore p:hover {
                opacity: 0.8; }
              .wrapper .news-all-container .news-all-group .news-main .news-container .viewmore p::after {
                position: absolute;
                bottom: -4px;
                left: 0;
                content: '';
                width: 100%;
                height: 2px;
                background: #333;
                transform: scale(0, 1);
                transform-origin: center top;
                transition: transform .3s; }
              .wrapper .news-all-container .news-all-group .news-main .news-container .viewmore p:hover::after {
                transform: scale(1, 1);
                opacity: 0.8; }
              @media screen and (max-width: 768px) {
                .wrapper .news-all-container .news-all-group .news-main .news-container .viewmore p {
                  font-size: 1.3rem; } }
              @media screen and (max-width: 480px) {
                .wrapper .news-all-container .news-all-group .news-main .news-container .viewmore p {
                  font-size: 1.1rem; } }

/*# sourceMappingURL=news-all.css.map */