/* ********** 최신기술 ********** */
article.technology-section { padding: 70px 0 80px; background: #f5f5f5; }
.technology-section .section-title .title .tit { display: inline-block; }
.technology-section .section-title .title .more-btn { display: inline-block; margin-left: 10px; }


.slick-arrow { position: absolute; top: -60px; width: 35px; height: auto; cursor: pointer; }
.slick-arrow img { width: 100%; }
.slick-arrow:active { transform: scale(0.94); }
.slick-arrow.slick-prev { right: 35px; }
.slick-arrow.slick-next { right: 0; transform: rotate(180deg); }
.slick-arrow.slick-next:active { transform: rotate(180deg) scale(0.94); }

.tech-list .slick-list { width: 1830px; overflow: hidden; }
.tech-list { position: relative; }
.tech-list .item { margin-right: 30px; }
.tech-list .item .text-area .title:hover,
.tech-list .item .thumbnail-area:hover ~ .text-area .title { text-decoration: underline; }
.tech-list .item .thumbnail-area { position: relative; padding-bottom: 50%; height: 0; width: 100%; border-radius: 20px; border: 5px solid #D9E0EA; background: #fff; margin-bottom: 20px; cursor: pointer; overflow: hidden; }
.tech-list .item .thumbnail-area .img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; max-height: 100%; }
.tech-list .item .text-area { position: relative; }
.tech-list .item .text-area .title { cursor: pointer; }
.tech-list .item .text-area .title .tit { font-size: 1.9rem; padding-bottom: 10px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.tech-list .item .text-area .hashtag { position: relative; height: 42px; overflow: hidden; }
.tech-list .item .text-area .hashtag .tag { display: inline-block; color: #888; font-size: 1.4rem; cursor: pointer; padding-right: 5px; }
.tech-list .item .text-area .hashtag .tag:hover { color: #000; }

@media (max-width: 475px) {
  article.technology-section { padding: 50px 0; }
  .slick-arrow { width: 30px; }
  .slick-arrow.slick-prev { right: 29px; }
  .tech-list .slick-list { width: 100%; }
  .tech-list .item { margin-right: 0; }
  .tech-list .item .text-area .title .tit { font-size: 1.7rem; }
  .tech-list .item .thumbnail-area { margin-bottom: 10px; }
  .tech-list .item .text-area .hashtag { height: 38px; }
}