#news .news_list {display: flex; flex-wrap: wrap; column-gap: 24px; row-gap: 50px;}
#news .news_list li {width: calc((100% - 72px)/4);}
#news .news_list li:hover .board_info .title {text-decoration: underline; text-underline-offset: 3px;}
#news .news_list li .board_thumb {margin-bottom: 15px; width: 100%; height: 0; padding-bottom: 75.9075%; position: relative; overflow: hidden; border-radius: 15px; border: 1px solid #111;}
#news .news_list li .board_thumb img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
#news .news_list li .board_info .badge {background: #111; color: #fff; width: fit-content; border-radius: 3px; padding: 2px 10px; font-size: 0.8125em; font-weight: 800;}
#news .news_list li .board_info .title {margin: 12px 0 20px; font-size: 1.0625em; font-weight: 500; line-height: 165%; padding-right: 40px;
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-all;
}
#news .news_list li .board_info .period {font-size: 0.857em; font-weight: 500; color: #aaa;}

#news .view_title {padding: 180px 20px 20px; font-size: 2.5em; text-align: center; line-height: 145%; word-break: keep-all;}
#news .view_wrap {text-align: center; border-top: 1px solid #111; padding: 50px 0 30px;}
#news .view_wrap .board_thumb {margin-bottom: 50px;}
#news .view_wrap .board_thumb img {max-width: 100%; height: auto !important;}
#news .view_wrap .editor_wrap {margin-top: 50px;}
#news .view_wrap .editor_wrap img {max-width: 100%; height: auto !important;}

.regist_table {display: flex; flex-wrap: wrap; border-top: 1px solid #111; font-size: 1.0625em;}
.regist_table > li {width: 100%; display: flex; border-bottom: 1px solid #E6E6E6;}
.regist_table > li.half {width: 50%;}
.regist_table > li > div {padding: 17px 15px;}
.regist_table > li .lt {width: 215px; background: #F6F6F6; text-align: center; font-weight: 700; display: flex; justify-content: center; align-items: center;}
.regist_table > li .rt {width: calc(100% - 215px); padding-left: 30px; font-weight: 500; text-align: left;}


@media screen and (max-width: 1024px) {
  #news .news_list {column-gap: 15px;}
  #news .news_list li {width: calc((100% - 30px)/3);}

  .regist_table {font-size: 1em;}
  .regist_table > li.half {width: 100%;}
}

@media screen and (max-width: 768px) {
  #news .news_list {row-gap: 45px;}
  #news .news_list li {width: calc((100% - 15px)/2);}
  #news .news_list li .board_info .title {line-height: 157%; margin: 10px 0 20px; padding-right: 20px;}

  #news .view_wrap {padding: 40px 0 30px;}
  #news .view_wrap .editor_wrap {margin-top: 35px;}
  #news .view_title {font-size: 2em; padding: 120px 0 20px;}

  .regist_table > li .lt {width: 170px;}
  .regist_table > li .rt {width: calc(100% - 170px); padding-left: 20px;}
}

@media screen and (max-width: 540px) {
  #news .news_list {row-gap: 40px;}
  #news .news_list li {width: 100%;}
  #news .news_list li .board_info .title {line-height: 145%; margin: 10px 0 15px; padding-right: 0;}

  #news .view_wrap {padding: 30px 0 25px;}
  #news .view_wrap .editor_wrap {margin-top: 20px;}
  #news .view_title {font-size: 1.75em; padding: 110px 0 15px;}

  .regist_table > li > div {padding: 12px 0;}
  .regist_table > li .lt {width: 95px;}
  .regist_table > li .rt {width: calc(100% - 95px); padding-left: 12px;}
}