.otherBannerSlide p {
  font-size: 28px;
  font-weight: bold; }
  .otherBannerSlide p img {
    margin-top: 15px; }

@media (max-width: 767px) {
  .otherBannerSlide p {
    font-size: 20px; }
  .otherBannerSlide p img {
    width: 400px; } }

@media (max-width: 575px) {
  .otherBannerSlide p {
    font-size: 18px; }
  .otherBannerSlide p img {
    width: 200px;
    margin-top: 5px; } }

.articleContent {
  background: url(../images/d43057d114966f04ba6da19e9b699e42.jpg) center top no-repeat; }
  .articleContent .pongeTitle {
    margin-top: 80px; }
  .articleContent ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 50px; }
    .articleContent ul li {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1; }
      .articleContent ul li:nth-of-type(2n+0) a {
        background: rgba(255, 255, 255, 0.1); }
      .articleContent ul li a {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        background: rgba(255, 255, 255, 0.2);
        -webkit-transition: 0.5s ease all;
        transition: 0.5s ease all; }
        .articleContent ul li a:hover {
          background: #0056c1; }
          .articleContent ul li a:hover .text .title:nth-of-type(2) {
            color: #fff; }
          .articleContent ul li a:hover .text .desc {
            color: #fff; }
          .articleContent ul li a:hover .text .more {
            background: #fff;
            color: #0056c1; }
          .articleContent ul li a:hover:hover .img img {
            -webkit-transform: scale(1.1);
                -ms-transform: scale(1.1);
                    transform: scale(1.1); }
          .articleContent ul li a:hover .img {
            overflow: hidden; }
            .articleContent ul li a:hover .img img {
              -webkit-transition: 0.5s ease all;
              transition: 0.5s ease all; }
        .articleContent ul li a .img {
          width:100%;
          overflow:hidden;
          margin: 0 auto; }
.articleContent ul li a .img img{
	transition:0.3s ease all;
}
        .articleContent ul li a .text {
          padding-bottom: 80px;
          text-align: center; }
          .articleContent ul li a .text .iconimg {
            display: block;
            margin: 0 auto;
            width: 96px;
            margin-top: 45px;
            height: 96px;
            border: 1px solid #fff;
            border-radius: 50%;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
                -ms-flex-align: center;
                    align-items: center;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
                -ms-flex-pack: center;
                    justify-content: center; }
          .articleContent ul li a .text .title {
            margin: 30px 0; }
            .articleContent ul li a .text .title p:nth-of-type(1) {
              font-size: 24px;
              color: #fff;
              font-weight: bold; }
            .articleContent ul li a .text .title p:nth-of-type(2) {
              font-size: 14px;
              color: #b1afb5;
              -webkit-transition: 0.5s ease all;
              transition: 0.5s ease all;
              font-family: 'Axis_Bold'; }
          .articleContent ul li a .text .desc {
            font-size: 14px;
            color: #b1afb5;
            max-width: 235px;
            -webkit-transition: 0.5s ease all;
            transition: 0.5s ease all; }
          .articleContent ul li a .text .more {
            width: 160px;
            -webkit-transition: 0.5s ease all;
            transition: 0.5s ease all;
            background: #0056c1;
            height: 60px;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
                -ms-flex-align: center;
                    align-items: center;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
                -ms-flex-pack: center;
                    justify-content: center;
            color: #fff;
            font-size: 14px;
            border-radius: 50px;
            margin: 0 auto;
            margin-top: 60px; }

@media (max-width: 1300px) {
  .articleContent ul li a .text .desc {
    width: 215px; } }

@media (max-width: 1199px) {
  .articleContent ul {
    -webkit-flex-flow: wrap;
        -ms-flex-flow: wrap;
            flex-flow: wrap; }
    .articleContent ul li {
      width: 33.333333333333336%;
      -webkit-box-flex: initial;
      -webkit-flex: initial;
          -ms-flex: initial;
              flex: initial; }
  .articleContent ul li a .img {
    width: 100%; }
  .articleContent ul li a .img img {
    width: 100%; } }

@media (max-width: 767px) {
  .articleContent ul li {
    width: 50%; }
  .articleContent ul li a .text .iconimg {
    width: 76px;
    height: 76px; }
  .articleContent ul li a .text .title {
    margin: 15px 0; }
  .articleContent ul li a .text .more {
    width: 140px;
    height: 50px;
    margin-top: 30px; }
  .articleContent ul li a .text .title p:nth-of-type(1) {
    font-size: 18px; }
  .articleContent ul li a .text {
    padding-bottom: 40px; }
  .articleContent {
    background-size: cover; } }

@media (max-width: 575px) {
  .articleContent .pongeTitle {
    margin-top: 40px; }
  .articleContent ul li a .text .more {
    width: 100px;
    height: 40px; }
  .articleContent ul li a .text .title p:nth-of-type(1) {
    font-size: 16px; }
  .articleContent ul li a .text .desc {
    width: 100%;
    padding: 0 10px; }
  .articleContent ul li a .text .desc {
    font-size: 13px;
    height: 57px; }
  .articleContent ul li a .text .title p:nth-of-type(2) {
    font-size: 12px; } 

  .articleContent ul li a .text .title p:nth-of-type(2){
  	height:36px;
  }
  .articleContent ul li a .text .title{
  	margin-bottom:5px;
  }
  
}