@media screen and (min-width:0px) and (max-width:766.9999px)
{
 .p-logo
 {
    display: none;
 }
 .p-container
 {
    display:none !important;
 }
 .p-menu
 {
    display:none;
 }
} 


@media screen and (min-width:767px)  
{
 .m-logo
 {
    display: none;
 }
 .m-container
 {
    display:none !important;
 }
 .m-menu
 {
    display:none;
 }
 .m-header
 {
    display: none;
 }
} 
 
html {
  /* 1. 기본 모바일: 14px 고정 */
  font-size: 14px;
}

@media (min-width: 768px) and (max-width: 1440px) {
  /* 2. 태블릿~중간 노트북: 화면에 따라 14px에서 18px까지 부드럽게 변화 */
  html {
    font-size: clamp(14px, 1.5vw + 8px, 18px);
  }
}

@media (min-width: 1441px) {
  /* 3. 대형 모니터: 너무 커지지 않게 20px로 고정 */
  html {
    font-size: 20px;
  }
}

@media screen and (max-width:1024px)
{
    #list
    {
                column-gap: 32px !important;
        grid-template-columns: repeat(auto-fill, minmax(40%, 1fr))  !important;
        row-gap: 60px  !important;
    }
  .portfolio-content
  {
    width:80% !important;
  }
}