#wrap .titleContents {
  background: url("../img/news/img_title.jpg") top center no-repeat; }

#wrap .contents .inner .title {
  padding-top: 50px; }

#wrap .contents .inner .news-box {
  width: 1024px;
  margin: 0 auto;
  margin-top: 30px;
  margin-bottom: 120px;
  text-align: left; }
  #wrap .contents .inner .news-box .news-list {
    position: relative;
    text-align: left;
    background-color: #000;
    padding: 40px 50px;
    margin-bottom: 15px;
    font-size: 19px;
    background-color: #000;
    margin-top: 20px; }
    #wrap .contents .inner .news-box .news-list .date {
      position: relative;
      top: 1px;
      color: #ffdf17;
      font-size: 20px;
      font-weight: 500;
      letter-spacing: 0.08em;
      float: left;
      width: 120px;
      margin-right: 18px; }
    #wrap .contents .inner .news-box .news-list .newstitle {
      position: relative;
      float: left;
      width: 780px; }
    #wrap .contents .inner .news-box .news-list .icon {
      position: absolute;
      top: 25px;
      left: -15px;
      width: 139px;
      height: 95px;
      background: url("../img/top/icon_topics.png") no-repeat;
      background-size: 100%; }
    #wrap .contents .inner .news-box .news-list a {
      text-decoration: none; }
    @media (min-width: 10px) and (max-width: 767px) {

  #wrap .titleContents {
    background-size: cover; }

  #wrap .contents .inner .title {
    width: 100%;
    padding-top: 10px; }

  #wrap .contents .inner .title img {
    width: 100%;
    height: auto; }

  #wrap .contents .inner .news-box {
    width: 100%;
    margin-top: 20px; }

  #wrap .contents .inner .news-box .news-list .date {
    font-size: 14px;
    width: 100%; }

  #wrap .contents .inner .news-box .news-list .newstitle {
    font-size: 16px;
    margin-top: 2px;
    width: 100%;
    line-height: 1.5; }

  #wrap .contents .inner .news-box .news-list .icon {
    top: 20px;
    left: -50px; }

  #wrap .contents .inner .news-box .news-list {
    padding: 32px 20px; } }