/* no content */
.not_content {
  margin-top: 70px;
  padding: 30px;
  text-align: center;
  background-color: #ffedf2;
}
/* end no content */

/* has content */
.news{
  border: 0 !important;
}
.list_news{
  margin-bottom: 100px;
}
.list_news li {
  margin-bottom: 10px;
}
.list_news li:last-child {
  margin-bottom: 0;
}
.list_news li  {
  display: flex;
  padding: 15px 25px;
  font-size: 105%;
  background-color: #faf7f5;
  border-radius: 8px;
}
.list_news li  .date {
  display: block;
  margin-right: 20px;
  width: 90px;
}

.search_page ul li.focus {
  border-color: #ff4778;
  background: #ff4778;
  color: #fff;
  padding: 13px 14px 13px 15px;
  border-radius: 8px;
}
.search_page p span {
  font-size: 20px;
  font-weight: bold;
}
/* end has content */

.news-contents .news-headline{
  margin: 0 !important;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  font-weight: bold;
  color: white;
  text-align: center;
  background-color: #ff4778;
  display: flex;
  justify-content: center;
  position: relative;
}

.news-contents .news-headline .news-title
{
  font-size: 25px;
}

.news-contents .contents_m .news_text{
  border: 2px solid #ff4778;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  word-wrap: break-word;
}
.news-contents .news-headline .date{
  font-size: 20px;
  position: absolute;
  right: 24px;
  bottom: 19px;
}

.news-contents .contents_m ul{
  display: flex;
  gap: 30px;
  margin-top: 60px;
  text-align: center;
  justify-content: center;
}

.news-contents .contents_m .content-button a{
  color: white;
  text-decoration: none;
}

#contents.news-container .contents_m{
  width: 100% !important;
}

.news-search .contents_m .contents_box .body,
.news-search .contents_m .news .body ul {
	padding: unset;
}

#contents .contents_inline.news-contents .btn-back.content-button{
  background-color: #999999;
}

#contents .contents_inline.news-contents .btn-back.content-button::before{
  right: unset;
  left: 15px;
  content: url('../../img/custom/ic-more-gray.png');
  transform: rotate(180deg);
}

@media only screen and (min-width: 330px) {
  .news-search .contents_inline .contents_m h2 {
    font-size: 28px;
    font-weight: bold;
    color: #61493e;
    position: relative;
    z-index: 1;
  }

  .news-search .contents_inline .contents_m .contents_box_custom h2::before {
    background-color: #ffcc80;
    left: -5px;
    top: 15px;
  }

  .news-search .contents_inline .contents_m .contents_box_custom h2::after {
    background-color: #80c7ff;
    left: 25px;
    top: 15px;
  }

  .news-search .contents_inline .contents_m .contents_box_custom h2::before,
  .news-search .contents_inline .contents_m .contents_box_custom h2::after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    z-index: -1;
  }

  .news-contents .contents_m .news_text{
    padding: 10px;
  }

  #contents.news-container .contents_inline .content-button{
    font-size: 13px;
    width: 250px;
  }

  .news-contents .contents_m ul{
    flex-direction: column;
  }

  .news-contents .news-headline{
    font-size: 18px;
    padding: 15px 10px;
  }

  .contents_m .news .body ul li p {
    margin-left: 20px;
  }
}

@media only screen and (min-width: 768px){
  .news-contents .contents_m .news_text{
    padding: 25px;
  }

  #contents.news-container .contents_inline .content-button{
    width: 290px;
  }

  .news-contents .news-headline{
    font-size: 28px;
    padding: 25px 0px 15px 0;
  }

  .contents_m .news .body ul li p {
    margin-left: 85px;
  }
} 

@media only screen and (min-width: 1024px) {
  .news-search .contents_inline .contents_m .contents_box_custom h2::after {
    left: 35px;
    top: 20px;
  }

  .news-search .contents_inline .contents_m h2 {
    font-size: 32px;
  }

  .news-search .contents_inline .contents_m .contents_box_custom h2::before,
  .news-search .contents_inline .contents_m .contents_box_custom h2::after {
    width: 40px;
    height: 40px;
  }

  .list_news li  {
    padding: 20px 60px;
    font-size: 14px;
  }
  .list_news li a .date {
    margin-right: 35px;
  }
  
  #contents.news-container .contents_inline .content-button{
    width: 290px;
  }

  #contents .contents_inline.news-contents .content-button::before{
    top: 23px;
  }
}

@media only screen and (min-width: 1440px) {
  #contents.news-container .news-contents {
      width: 1024px;
  }
  #contents.news-container .contents_inline .content-button{
    width: 300px;
  }
}

@media screen and (min-width:330px) and (max-width:760px) {
  .news-contents .news-headline{
    padding: 10px;
    flex-direction: column;
  }
  .news-contents .news-headline .news-title
  {
    font-size: 20px;
  }
  .news-contents .news-headline .date
  {
    font-size: 18px;
  }
  .news-contents .contents_m ul{
    flex-direction: column;
  }

  #contents.news-container{
    padding-bottom: 100px;
  }

  .news-contents .news-headline .date
  {
    position: unset;
  }
}

.contents_m .news .list_news .article-category {
  padding: 2px 15px;
  color: white;
  border-radius: 10px;
  width: 123px;
  text-align: center;
  opacity: 0.7;
}

.contents_m .news .list_news .article-category.news {
  background-color: #ff4778;
}

.contents_m .news .list_news .article-category.fair {
  background-color: #199ada;
}

.contents_m .news .list_news .article-category.organization {
  background-color: #11cf3a;
}