@charset "utf-8";

/* ====================================================================================================
  Project List
==================================================================================================== */
.portfolioList {display: flex; flex-direction: column; overflow: hidden;}
.portfolioList .portfolioWrap {margin-top: 40px;}
.portfolioList .js-marquee {display: flex; flex-direction: row-reverse; align-items: center;}
  
/* ===========================================================================
  Prev List > content
=========================================================================== */
.portfolioList .content {width: clamp(200px, 35vw, 440px); aspect-ratio: 1 / 1; margin-left: 40px;}
.portfolioList .content .thumbnail {position: relative; display:flex; width: 100%; height: 100%; border-radius: 15px; overflow: hidden;}
.portfolioList .content .thumbnail > img {width: 100%; height: 100%; object-fit: cover; }
.portfolioList .content .thumbnail > .new_icon {position: absolute; top: 5px; right: 5px; color: #ff0000; font-weight: 600;}
.portfolioList .content > h4 {display: none;}

/* ====================================================================================================
   태블릿 가로 (768px ~ 1023px)
==================================================================================================== */
  @media screen and (max-width:1023px) {
    
  /* ===========================================================================
    Project List
  =========================================================================== */
    .portfolioList .portfolioWrap {margin-top: 20px;}

  /* ===========================================================================
    Prev List > content
  =========================================================================== */
    .portfolioList .content {margin-left: 20px;}
  }