<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.kcc,
.popup-content-style .mfp-content .content {
  font-family: kurious-looped;
  font-size: 16px;
}

.kcc h1,
.kcc h2,
.kcc h3,
.kcc h4,
.kcc h5,
.kcc h6,
.kcc .h1,
.kcc .h2,
.kcc .h3,
.kcc .h4,
.kcc .h5,
.kcc .h6,
.kcc strong,
.kcc a {
  font-family: kurious-looped;
  font-weight: 600; /*medium*/
}

.kcc p,
.kcc .display-1,
.kcc .display-2,
.kcc .display-3,
.kcc .display-4,
.kcc .display-5,
.kcc .display-6,
.kcc .display-7,
.kcc .display-8 {
  font-family: kurious-looped;
  font-weight: 500; /*light*/
}

.kcc .font-kanit,
.kcc .font-kanit * {
  font-family: kurious-looped !important;
}

.kcc .font-default,
.kcc .font-default *:not(a) {
  font-family: kurious-looped;
  font-weight: 500;
}

.kcc .font-default strong {
  font-weight: 600;
}

.kcc span {
  font-size: inherit;
  line-height: inherit;
}

.kcc h1,
.kcc .h1,
.kcc .display-1 {
  font-size: 42px;
  line-height: 1.5;
}

.kcc h2,
.kcc .h2,
.kcc .display-2,
.kcc[class*=" theme-"] h1,
.kcc[class*=" theme-"] .h1,
.kcc[class*=" theme-"] .display-1 {
  font-size: 33px;
  line-height: 1.5;
}

.kcc h3,
.kcc .h3,
.kcc .display-3,
.kcc[class*=" theme-"] h2,
.kcc[class*=" theme-"] .h2,
.kcc[class*=" theme-"] .display-2 {
  font-size: 26px;
  line-height: 1.5;
}

.kcc h4,
.kcc .h4,
.kcc .display-4,
.kcc[class*=" theme-"] h3,
.kcc[class*=" theme-"] .h3,
.kcc[class*=" theme-"] .display-3 {
  font-size: 20px;
  line-height: 1.5;
}

.kcc h5,
.kcc .h5,
.kcc .display-5,
.kcc[class*=" theme-"] h4,
.kcc[class*=" theme-"] .h4,
.kcc[class*=" theme-"] .display-4 {
  font-size: 18px;
  line-height: 1.5;
}

.kcc h6,
.kcc .h6,
.kcc .display-6,
.kcc[class*=" theme-"] h5,
.kcc[class*=" theme-"] .h5,
.kcc[class*=" theme-"] .display-5 {
  font-size: 18px;
  line-height: 1.5;
}

.kcc[class*=" theme-"] h6,
.kcc[class*=" theme-"] .h6,
.kcc[class*=" theme-"] .display-6 {
  font-size: 16px;
}

.kcc .display-7 {
  font-size: 13px;
  line-height: 1.5;
}

.kcc .display-8 {
  font-size: 13px;
  line-height: 1.5;
}

.kcc .sc-product-detail a,
.kcc.popup-revise a {
  font-size: 13px;
}
.font-gray{
  color:#999;
}

.compares .compare-list .detail .desc .num {
  font-size: 33px !important;
}

@media screen and (max-width: 991px) {
  .kcc h1,
  .kcc .h1,
  .kcc .display-1 {
    font-size: 28px;
    line-height: 1.5;
  }

  .kcc h2,
  .kcc .h2,
  .kcc .display-2,
  .kcc[class*=" theme-"] h1,
  .kcc[class*=" theme-"] .h1,
  .kcc[class*=" theme-"] .display-1 {
    font-size: 24px;
    line-height: 1.5
  }

  .kcc h3,
  .kcc .h3,
  .kcc .display-3,
  .kcc[class*=" theme-"] h2,
  .kcc[class*=" theme-"] .h2,
  .kcc[class*=" theme-"] .display-2 {
    font-size: 20px;
    line-height: 1.5;
  }

  .kcc h4,
  .kcc .h4,
  .kcc .display-4,
  .kcc[class*=" theme-"] h3,
  .kcc[class*=" theme-"] .h3,
  .kcc[class*=" theme-"] .display-3 {
    font-size: 18px;
    line-height: 1.5;
  }

  .kcc h5,
  .kcc .h5,
  .kcc .display-5,
  .kcc[class*=" theme-"] h4,
  .kcc[class*=" theme-"] .h4,
  .kcc[class*=" theme-"] .display-4 {
    font-size: 16px;
    line-height: 1.5;
  }

  .kcc h6,
  .kcc .h6,
  .kcc .display-6,
  .kcc[class*=" theme-"] h5,
  .kcc[class*=" theme-"] .h5,
  .kcc[class*=" theme-"] .display-5 {
    font-size: 16px;
    line-height: 1.5;
  }

  .compares .compare-list .detail .desc .num {
    font-size: 24px !important;
  }
}

.full-height-page {
  min-height: unset !important;
}

.sc-compare-bar {
  z-index: 999 !important;
}</pre></body></html>