/**************************************** 회사 소식 */
.news_list {border-top: 3px solid #222; text-align: center;}
.news_list thead {font-size: 0.9375em; background: #FAFAFA; color: #999; border-bottom: 1px solid #e6e6e6;}
.news_list thead th {font-weight: 500; height: 60px;}
.news_list tr {border-bottom: 1px solid #e6e6e6;}
.news_list td {font-size: 1.0625em; height: 80px}
.news_list td.title {text-align: left;}
.news_list td.title a {
  padding-left: 20px;
  height: 100%; line-height: 80px;
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-all;
}
.news_list td.title:hover a {text-decoration: underline; text-underline-offset: 2px;}
.news_list td.date {font-size: 0.9375rem; color: #aaa;}

.news_view {border-top: 3px solid #222; border-bottom: 1px solid #e6e6e6;}
.news_view thead {border-bottom: 1px solid #e6e6e6; text-align: left; width: 100%;}
.news_view thead tr {display: flex; flex-direction: column; row-gap: 10px; padding: 30px 0 20px;}
.news_view thead tr th {font-weight: 500;}
.news_view thead tr th.title {font-size: 1.875em; line-height: 140%;}
.news_view thead tr th.date {font-size: 0.9375em; color: #aaa;}
.news_view tbody td {padding: 50px 0 80px;}
.news_view tbody td img {height: auto !important; margin-bottom: 15px;}
.news_view ~ .backBtn {width: 430px; height: 50px; border: 1px solid #e6e6e6; background: #fff; font-size: 1.0625em; font-weight: 500; display: flex; align-items: center; justify-content: center; transition: background .3s; margin: 50px auto 0;}
.news_view ~ .backBtn:hover {background: #f8f8f8;}


/**************************************** 홍보 동영상 */
.pr_list {display: flex; flex-wrap: wrap; column-gap: 20px; row-gap: 50px;}
.pr_list li {width: calc((100% - 20px)/2);}
.pr_list li .thumb {width: 100%; position: relative;}
.pr_list li .thumb button.playBtn {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 4;}
.pr_list li .thumb .thumb_video {position: relative; overflow: hidden; width: 100%; height: 0; padding-bottom: 56.25%;}
.pr_list li .thumb .thumb_video::before {content: ""; display: block; width: 100%; height: 100%; background: rgba(0,0,0,0.5); position: absolute; top: 0; left: 0; z-index: 3;}
.pr_list li .thumb .thumb_video iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 2;}
.pr_list li .title {
  font-size: 1.0625em; font-weight: 500; margin-top: 20px;
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-all;
}
.pr_list li:hover .title {text-decoration: underline; text-underline-offset: 3px;}
.pr_list li .thumb.play .thumb_video::before {display: none;}
.pr_list li .thumb.play button.playBtn {display: none;}
.news_view .video_wrap {position: relative; overflow: hidden; width: 100%; height: 0; padding-bottom: 56.25%;}
.news_view .video_wrap iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}


/**************************************** 블로그 */
.blog_list {display: flex; flex-wrap: wrap; column-gap: 20px; row-gap: 50px;}
.blog_list li {width: calc((100% - 40px)/3);}
.blog_list li .thumbe {position: relative; overflow: hidden; width: 100%; height: 0; padding-bottom: 77.9249%;}
.blog_list li .thumbe img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.blog_list li .title {
  font-size: 1.0625em; font-weight: 500; margin-top: 20px; padding-right: 20px;
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-all;
}
.blog_list li:hover .title {text-decoration: underline; text-underline-offset: 3px;}


@media screen and (max-width: 768px) {
  .news_list colgroup {display: none;}
  .news_list .number {display: none}
  .news_list .title {width: calc(100% - 100px);}
  .news_list .date {width: 100px;}
  .news_list thead th {height: 50px;}
  .news_list td {height: 60px}
  .news_list td.title a {padding-left: 0; line-height: 60px;}

  .news_view thead tr {padding: 25px 0 20px;}
  .news_view thead tr th.title {font-size: 1.5em; line-height: 135%;}
  .news_view tbody td {padding: 35px 0 50px;}
  .news_view ~ .backBtn {width: 350px; height: 45px; margin: 40px auto 0;}

  .pr_list li .title {margin-top: 17px;}
  .pr_list li .thumb button.playBtn {width: 50px;}

  .blog_list li {width: calc((100% - 20px)/2);}
  .blog_list li .title {margin-top: 17px;}
}

@media screen and (max-width: 540px) {
  .news_list .title {width: calc(100% - 80px);}
  .news_list .date {width: 80px;}
  .news_list thead {font-size: 1em;}
  .news_list thead th {height: 40px;}
  .news_list td {height: 50px}
  .news_list td.title a {line-height: 50px;}

  .news_view thead tr {padding: 18px 0 15px;}
  .news_view thead tr th.title {font-size: 1.25em; line-height: 135%;}
  .news_view tbody td {padding: 25px 0 35px;}
  .news_view ~ .backBtn {width: 100%; height: 40px; margin: 30px auto 0;}

  .pr_list {column-gap: 0; row-gap: 40px;}
  .pr_list li {width: 100%;}
  .pr_list li .title {margin-top: 15px;}
  .pr_list li .thumb button.playBtn {width: 45px;}
  
  .blog_list {column-gap: 0; row-gap: 40px;}
  .blog_list li {width: 100%;}
  .blog_list li .title {margin-top: 15px;}
}