/* ===========================================================
  공통 = css
=========================================================== */
.list-title{
  font-size: 1.5rem; line-height: normal; font-weight: 600; 
  margin-bottom: 0.875rem; padding-bottom: 0.625rem; border-bottom: 2px solid #505050;
}
.tf-btn-filter{padding: 0.5rem 0.625rem; gap: 0.5rem; border-radius: 4px;}
.tf-dropdown-sort{padding: 0.5rem 0.625rem; border-radius: 6px;}
.tf-btn-filter>a, .tf-dropdown-sort>.text-sort-value, .tf-dropdown-sort>.dropdown-menu{font-size: 0.875rem;}

/* ===========================================================
  Product list style css
=========================================================== */
/* ===== 검색 결과 없음 ===== */
.tf-shop-no-result{padding: 5rem 0; text-align: center;  margin-top: 1.875rem;}
.tf-shop-no-result .icon-box{font-size: 3.75rem; color: #ccc; margin-bottom: 1.25rem;}
.tf-shop-no-result .message-title{font-weight: 600; margin-bottom: 0.75rem;}
.tf-shop-no-result .message-text{
    color: #888; font-size: 0.9375rem;
    line-height: 1.6; margin-bottom: 1.5625rem;
}

.insio-custom-no-result-icon{width: 3.75rem; height: auto; margin-bottom: 0.625rem;}
.insio-custom-no-result-icon .cls-1{fill: #cfcfcf; transition: fill 0.3s ease;}
.icon-box{display: flex; justify-content: center; align-items: center;}

.btn-group>button{min-height: 3rem; border-radius: 6px !important; font-weight: 600; justify-content: center; font-size: 1rem;}
.btn-group .btn-change{border: none; background-color: #1d1d1d !important;}
.btn-group .btn-outline{background-color: #ffffff !important; color: var(--main) !important;border: 1px solid #8E8E8E  !important;}



/* ===========================================================
  추가 반응형
=========================================================== */
@media (max-width: 61.99875rem){ /* (max-width: 991.98px) */
  /* ===========================================================
    공통 = css
  =========================================================== */
  #item-section{padding-top: 4.5rem !important;}
  .list-title:not(.d-none){display: block !important;}
  .flat-spacing-1{padding: 3.125rem 0 !important;}
  .list-title{font-size: 1.375rem; margin-bottom: 0.875rem; padding-bottom: 0.5rem;}
  .tf-btn-filter{display: inline-block; max-height: 2.5rem !important;}
  .tf-btn-filter span.text{display: none;}

  /* ===========================================================
    Product list style css
  =========================================================== */
  /* ===== 검색 결과 없음 ===== */
  .tf-shop-no-result{padding: 3.75rem 0 5rem 0;}
}

@media (max-width: 47.99875rem){ /* (max-width: 767.98px) */
  /* ===========================================================
    공통 = css
  =========================================================== */
  .flat-spacing-1{padding: 2.1875rem 0 3.125rem 0 !important;}
  .list-title{font-size: 1.25rem; margin-bottom: 0.75rem; padding-bottom: 0.5rem;}

  /* ===========================================================
    Product list style css
  =========================================================== */
  /* ===== 검색 결과 없음 ===== */
  .tf-shop-no-result{padding: 3.125rem 0 4.375rem 0;}
  .message-title{font-size: 1.5rem !important; line-height: normal !important; margin-bottom: 0.625rem !important;}
  .message-text{font-size: 1rem !important; line-height: 1.5 !important;}
  
  .tf-shop-no-result .tf-btn{padding: 0.75rem 2.1875rem;}
}

@media (max-width: 35.99875rem){ /* (max-width: 575.98px) */
  /* ===========================================================
    공통 = css
  =========================================================== */
  .flat-spacing-1{padding: 2.1875rem 0 3.125rem 0 !important;}
  .list-title{font-size: 1.125rem; margin-bottom: 0.75rem; padding-bottom: 0.5rem;}
  .tf-btn-filter, .tf-dropdown-sort{padding: 0.4375rem 0.5rem;}
  .tf-shop-control{margin-bottom: 0.75rem;}

  /* ===========================================================
    Product list style css
  =========================================================== */
  /* ===== 검색 결과 없음 ===== */
  .tf-shop-no-result{padding: 2.5rem 0 3.75rem 0;}
  .tf-shop-no-result .icon-box{margin-bottom: 0.625rem;}
  .message-title{font-size: 1.275rem !important; line-height: normal !important;}
  .message-text{font-size: 1rem !important; line-height: 1.5 !important;}
}