/* Server integration: scoped to .thermal-page #thermal-main. */

.thermal-page #thermal-main {

  --red: #e60012;
  --red-dark: #c41c14;
  --navy: #191919;
  --navy2: #1b2030;
  --ink: #191919;
  --gray: #6b6f76;
  --line: #cbcbcc;
  --line-light: #e1e1e1;
  --bg-soft: #f6f6f8;
  --pink: #fbeaf0;
  --title-h2: 40px;
  --white: #fff;

   font-family: 'Pretendard', 'Noto Sans KR', sans-serif;
   font-size: 16px;
   color: var(--ink);
   line-height: 1.5;
}
.thermal-page #thermal-main, .thermal-page #thermal-main * {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
   word-break: keep-all;
}
.thermal-page #thermal-main * { font-family: inherit !important; }
.thermal-page #thermal-main h1, .thermal-page #thermal-main h2, .thermal-page #thermal-main h3, .thermal-page #thermal-main h4, .thermal-page #thermal-main p {
   color: inherit;
   line-height: 1.5;
}
.thermal-page #thermal-main a { color: inherit; text-decoration: none; }
.thermal-page #thermal-main img { display: block; max-width: 100%; }
.thermal-page #thermal-main ul { list-style: none; }
.thermal-page #thermal-main button { font-family: inherit; line-height: inherit; }

/* Shared content styles, isolated from the server header and CTA. */
.thermal-page #thermal-main .wrap {
   max-width: 1420px;
   margin: 0 auto;
}

.thermal-page #thermal-main .accent {
   color: var(--red);
   font-weight: 800;
}

.thermal-page #thermal-main section {
   padding: 80px 20px;
}

.thermal-page #thermal-main .sec-title {
   font-size: var(--title-h2);
   font-weight: 600;
   line-height: 1.4;
}

.thermal-page #thermal-main .btn {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   padding: 15px 26px;
   border-radius: 50px;
   font-weight: 700;
   font-size: 24px;
   border: none;
   cursor: pointer;
}

.thermal-page #thermal-main .btn-red {
   background: var(--red);
   color: var(--white);
   font-family: inherit;
}

.thermal-page #thermal-main .btn-phone {
   background: var(--bg-soft);
   color: var(--red);
   font-family: inherit;
}

.thermal-page #thermal-main .btn-yellow {
   background: #f4d43a;
   color: #1a1a1f;
}

.thermal-page #thermal-main .reveal {
   opacity: 0;
   transform: translateY(24px);
   transition: opacity .7s ease, transform .7s ease;
}

.thermal-page #thermal-main .reveal.in-view {
   opacity: 1;
   transform: translateY(0);
}

.thermal-page #thermal-main .reveal-group .reveal:nth-child(1) {
   transition-delay: .05s;
}

.thermal-page #thermal-main .reveal-group .reveal:nth-child(2) {
   transition-delay: .15s;
}

.thermal-page #thermal-main .reveal-group .reveal:nth-child(3) {
   transition-delay: .25s;
}

.thermal-page #thermal-main .reveal-group .reveal:nth-child(4) {
   transition-delay: .35s;
}

.thermal-page #thermal-main .reveal-group .reveal:nth-child(5) {
   transition-delay: .45s;
}

@media (prefers-reduced-motion: reduce) {
   .thermal-page #thermal-main .reveal {
      opacity: 1;
      transform: none;
      transition: none;
   }

}

.thermal-page #thermal-main .tag {
   font-size: 14px;
   padding: 8px 12px;
   border-radius: 50px;
   border: 1px solid var(--line);
   color: #3b3c42;
   font-weight: 400;
   cursor: pointer;
   transition: background .2s ease, color .2s ease, border-color .2s ease, transform .15s ease;
}

.thermal-page #thermal-main .tag:hover {
   background: var(--red);
   color: var(--white);
   border-color: var(--red);
   font-weight: 700;
   transform: translateY(-2px);
}

.thermal-page #thermal-main .check-item {
   background: var(--white);
   border: 1px solid var(--line);
   border-radius: 999px;
   padding: 14px 22px;
   font-size: 16px;
   font-weight: 600;
   text-align: left;
   display: flex;
   align-items: center;
   gap: 10px;
   cursor: pointer;
   transition: border-color .2s ease, background .2s ease, color .2s ease, transform .15s ease;
}

.thermal-page #thermal-main .check-item:hover {
   transform: translateY(-2px);
}

.thermal-page #thermal-main .check-item.on {
   border-color: var(--red);
   color: var(--red-dark);
}

.thermal-page #thermal-main .check-item .box {
   width: 18px;
   height: 18px;
   flex-shrink: 0;
   border-radius: 3px;
   border: 2px solid #9ea1ac;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 12px;
   color: #2a2b31;
   font-weight: 900;
   background: var(--white);
   transition: background .8s ease, border-color .8s ease, color .8s ease;
}

.thermal-page #thermal-main .check-item.on .box {
   background: var(--red);
   border-color: var(--red);
   color: var(--white);
}

.thermal-page #thermal-main .solved-flex {
   display: flex;
   align-items: end;
   gap: 20px;
   justify-content: space-between;
}

.thermal-page #thermal-main .solved-text {
   align-self: start;
}

.thermal-page #thermal-main .solved-text h2 {
   margin-bottom: 40px;
}

.thermal-page #thermal-main .solved-list li {
   display: flex;
   align-items: center;
   gap: 12px;
   font-size: 24px;
   font-weight: 600;
   padding: 16px 20px;
   border-radius: 8px;
   margin-bottom: 12px;
   box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
   background: #fff;
   color: #333;
}

.thermal-page #thermal-main .solved-list .ic {
   color: var(--red);
   font-size: 18px;
}

.thermal-page #thermal-main .solved-img {
   position: relative;
}

.thermal-page #thermal-main .solved-img img {
   border-radius: 8px;
}

@media (max-width: 1240px) {
   .thermal-page #thermal-main section {
      padding: 70px 20px;
   }

   .thermal-page #thermal-main .sec-title {
      font-size: 32px;
   }

   .thermal-page #thermal-main .btn {
      font-size: 16px;
   }

   .thermal-page #thermal-main .solved-text {
      width: 100%;
      max-width: 100%;
   }

   .thermal-page #thermal-main .solved-img img {
      margin: 0 auto;
   }

}

@media (max-width: 767px) {
   .thermal-page #thermal-main .wrap {
      padding: 0 18px;
   }

   .thermal-page #thermal-main .btn {
      padding: 14px 20px;
      font-size: 14px;
      width: 100%;
   }

   .thermal-page #thermal-main section {
      padding: 50px 0;
   }

   .thermal-page #thermal-main .sec-title {
      font-size: 22px;
   }

   .thermal-page #thermal-main .tag {
      font-size: 11.5px;
      padding: 7px 10px;
   }

   .thermal-page #thermal-main .check-item {
      font-size: 13.5px;
      padding: 14px 16px;
   }

   .thermal-page #thermal-main .solved-flex {
      flex-direction: column;
      gap: 28px;
   }

   .thermal-page #thermal-main .solved-text {
      width: 100%;
   }

   .thermal-page #thermal-main .solved-text h2 {
      margin-bottom: 24px;
   }

   .thermal-page #thermal-main .solved-list li {
      font-size: 14.5px;
      padding: 13px 16px;
   }

}

/* Page styles. */
.thermal-page #thermal-main {
   --th-muted: #333;
}

.thermal-page #thermal-main .th-skip {
   position: fixed;
   top: -80px;
   left: 20px;
   z-index: 100;
   background: #fff;
   color: #111;
   padding: 12px 20px;
}

.thermal-page #thermal-main .th-skip:focus {
   top: 12px;
}

.thermal-page #thermal-main button {
   cursor: pointer;
}

.thermal-page #thermal-main :focus-visible {
   outline: 3px solid #e60012;
   outline-offset: 5px;
}

.thermal-page #thermal-main [hidden] {
   display: none !important;
}

.thermal-page #thermal-main .th-hero {
   min-height: 800px;
   position: relative;
   overflow: hidden;
   display: flex;
   align-items: center;
   background: #101416;
   color: #fff;
}

.thermal-page #thermal-main .th-hero-photo {
   position: absolute;
   inset: 0;
   background: url('/images/front/v2026/thermalcamera/ThermalCamera-hero-bg.jpg') 100% center / cover no-repeat;
}

.thermal-page #thermal-main .th-hero-inner {
   width: 100%;
   position: relative;
   z-index: 1;
}

.thermal-page #thermal-main .th-badge {
   display: inline-block;
   border-radius: 40px;
   padding: 9px 24px;
   background: var(--red);
   font-size: 24px;
   font-weight: 400;
   margin-bottom: 24px;
}

.thermal-page #thermal-main .th-hero h1 {
   font-size: 58px;
   line-height: 1.4;
   font-weight: 600;
   letter-spacing: -2px;
}

.thermal-page #thermal-main .th-hero p {
   margin-top: 30px;
   font-size: 20px;
   line-height: 1.5;
   color: #fff;
}

.thermal-page #thermal-main .th-intro {
   padding-bottom: 40px;
}

.thermal-page #thermal-main .th-info {
   padding: 48px 64px 40px;
   border-radius: 12px;
   box-shadow: 0 0 32px rgba(32, 40, 74, .07);
}

.thermal-page #thermal-main .th-info-top {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 30px;
   padding-bottom: 38px;
}

.thermal-page #thermal-main .th-info h2 {
   font-size: 40px;
   color: var(--red);
   margin-bottom: 12px;
   font-weight: 600;
}

.thermal-page #thermal-main .th-info p {
   color: var(--th-muted);
   font-size: 20px;
   line-height: 1.5;
   font-weight: 500;
}

.thermal-page #thermal-main .th-info-photo {
   width: 210px;
   flex-shrink: 0;
   aspect-ratio: 210 / 160;
   background: url('/images/front/v2026/thermalcamera/info-box.jpg') center / contain no-repeat;
}

.thermal-page #thermal-main .th-info-bottom {
   border-top: 1px solid #e1e1e1;
   padding-top: 26px;
}

.thermal-page #thermal-main .th-info h3 {
   font-size: 24px;
   margin-bottom: 10px;
   font-weight: 600;
}

.thermal-page #thermal-main .th-info .small {
   /* font-size: .9rem; */
   font-weight: 400;
}

.thermal-page #thermal-main .th-pain {
   padding-bottom: 0;
}

.thermal-page #thermal-main .th-tabs {
   margin-top: 58px;
}

.thermal-page #thermal-main .th-tab-list {
   display: flex;
   gap: 10px;
   margin-bottom: 0;
   width: 100%;
}

.thermal-page #thermal-main .th-tab-list button {
   width: calc(100% / 4 - 15px);
   border: 2px solid var(--red);
   border-bottom: 0;
   background: #fff;
   color: #666;
   border-radius: 18px 18px 0 0;
   padding: 23px 12px;
   font-size: 22px;
   font-weight: 600;
}

.thermal-page #thermal-main .th-tab-list button[aria-selected="true"] {
   color: #fff;
   background: var(--red);
   box-shadow: 0 8px 24px rgba(230, 0, 18, .08);
}

.thermal-page #thermal-main .th-pain-panel {
   position: relative;
   border-radius: 0 16px 16px;
   overflow: hidden;
   border: 2px solid var(--red);
}

.thermal-page #thermal-main .th-pain-photo {
   aspect-ratio: 860 / 289;
   background: url('/images/front/v2026/thermalcamera/pain1.jpg') center / cover no-repeat;
}

.thermal-page #thermal-main #pain-panel-1 .th-pain-photo {
   background-image: url('/images/front/v2026/thermalcamera/pain2.jpg');
}

.thermal-page #thermal-main #pain-panel-2 .th-pain-photo {
   background-image: url('/images/front/v2026/thermalcamera/pain3.jpg');
}

.thermal-page #thermal-main .th-desc {
   color: var(--th-muted);
   font-size: 18px;
   line-height: 1.7;
   margin-top: 24px;
}

.thermal-page #thermal-main .th-card {
   position: relative;
   padding: 38px 30px;
   min-height: 250px;
}

.thermal-page #thermal-main .th-card h3 {
   font-size: 23px;
   font-weight: 600;
   margin-bottom: 10px;
}

.thermal-page #thermal-main .th-card p {
   color: #454545;
   font-size: 16px;
   line-height: 1.5;
   font-weight: 300;
}

.thermal-page #thermal-main .th-icon {
   display: block;
   width: 80px;
   height: 80px;
   object-fit: contain;
}

.thermal-page #thermal-main .th-management {
   position: relative;
   overflow: hidden;
   background: #080a0b;
   color: #fff;
   padding: 80px 0;
}

.thermal-page #thermal-main .th-management-photo {
   position: absolute;
   inset: 0;
   background: url('/images/front/v2026/thermalcamera/feauture-dark-background.jpg') center / cover no-repeat;
}

.thermal-page #thermal-main .th-management .wrap {
   position: relative;
   z-index: 1;
}

.thermal-page #thermal-main .th-management .th-desc {
   color: #c5c5c5;
}

.thermal-page #thermal-main .th-management-grid {
   display: grid;
   grid-template-columns: repeat(5, minmax(0, 1fr));
   margin-top: 55px;
   gap: 50px 0;
}

.thermal-page #thermal-main .th-management-grid .th-card {
   display: flex;
   flex-direction: column;
   border-left: 1px solid rgba(255, 255, 255, .27);
   min-height: 0;
   padding: 0 20px;
}

.thermal-page #thermal-main .th-management-grid .th-card:first-child {
   border-left: 0;
}

.thermal-page #thermal-main .th-management-grid .th-icon {
   order: -1;
   margin: 0 0 22px;
   width: 55px;
   height: 55px;
}

.thermal-page #thermal-main .th-management-grid p {
   color: #fff;
}

.thermal-page #thermal-main .th-cases {
   background: #272727;
   color: #fff;
   overflow: hidden;
}

.thermal-page #thermal-main .th-cases .solution-case-tabs {
   display: flex;
   flex-wrap: wrap;
   gap: 0;
   margin: 46px 0 20px;
}

.thermal-page #thermal-main .th-cases .solution-case-tabs button {
   border: 0;
   background: transparent;
   color: #ddd;
   padding: 6px 16px;
   font-size: 20px;
}

.thermal-page #thermal-main .th-cases .solution-case-tabs button[aria-pressed="true"] {
   background: var(--red);
   color: #fff;
}

.thermal-page #thermal-main .th-cases .solution-case-tabs button:focus-visible {
   outline: 2px solid #fff;
   outline-offset: 3px;
}

.thermal-page #thermal-main .th-cases .solution-case-gallery {
   overflow: visible;
   clip-path: inset(0 -100vw 0 0);
   margin-top: 24px;
}

.thermal-page #thermal-main .th-cases .solution-case-slide {
   height: auto;
}

.thermal-page #thermal-main .th-cases .solution-case-image {
   position: relative;
   aspect-ratio: 460 / 340;
   background: #333;
}

.thermal-page #thermal-main .th-cases .solution-case-image::after {
   content: "";
   position: absolute;
   inset: 0;
   box-shadow: inset 0 0 0 2px var(--red);
   opacity: 0;
   transition: opacity .25s;
   pointer-events: none;
}

.thermal-page #thermal-main .th-cases .solution-case-slide.is-selected .solution-case-image::after {
   opacity: 1;
}

.thermal-page #thermal-main .th-case-photo {
   display: block;
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.thermal-page #thermal-main .th-cases .solution-case-label {
   position: absolute;
   left: 16px;
   bottom: 10px;
   margin-bottom: 10px;
   padding: 4px 8px;
   background: #fff;
   font-size: 16px;
   color: #333;
   max-width: calc(100% - 32px);
}

.thermal-page #thermal-main .th-cases .solution-case-gallery:not(.swiper-initialized) .swiper-wrapper {
   overflow-x: auto;
   gap: 20px;
}

.thermal-page #thermal-main .th-cases .solution-case-gallery:not(.swiper-initialized) .solution-case-slide {
   flex: 0 0 80%;
   max-width: 460px;
}

.thermal-page #thermal-main .th-solved {
   background: #272727;
   color: #fff;
}

.thermal-page #thermal-main .th-solved .solvth-list li {
   color: #333;
   background: #fff;
}

.thermal-page #thermal-main .th-faq {
   background: #f8f9fc;
}

.thermal-page #thermal-main .th-faq .sec-title {
   text-align: center;
}

.thermal-page #thermal-main .th-faq-list {
   max-width: 1180px;
   margin: 60px auto 0;
}

.thermal-page #thermal-main .th-faq details {
   margin-top: 12px;
   border: 2px solid transparent;
   background: #fff;
   border-radius: 12px;
   overflow: hidden;
   transition: border-color .3s, box-shadow .3s;
}

.thermal-page #thermal-main .th-faq details[open] {
   border-color: var(--red);
   box-shadow: 0 0 48px rgba(0, 45, 125, .1);
}

.thermal-page #thermal-main .th-faq summary {
   cursor: pointer;
   list-style: none;
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 20px 36px;
   gap: 24px;
   font-size: 24px;
   font-weight: 600;
}

.thermal-page #thermal-main .th-faq summary::-webkit-details-marker {
   display: none;
}

.thermal-page #thermal-main .th-faq summary span::before {
   content: "+";
   display: inline-block;
   color: var(--red);
   font-size: 28px;
   font-weight: 400;
   transition: transform .3s;
}

.thermal-page #thermal-main .th-faq summary[aria-expanded="true"] span::before {
   transform: rotate(45deg);
}

.thermal-page #thermal-main .th-faq-answer {
   padding: 25px 36px 32px;
   color: var(--th-muted);
   font-size: 18px;
   border-top: 1px solid #f0f0f0;
   line-height: 1.8;
}

@media (max-width: 1100px) {
   .thermal-page #thermal-main .th-hero h1 {
      font-size: 44px;
   }

   .thermal-page #thermal-main .th-card {
      padding: 28px 22px;
   }

   .thermal-page #thermal-main .th-management-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 32px 0;
   }

   .thermal-page #thermal-main .th-management-grid .th-card {
      padding: 0 16px;
   }

   .thermal-page #thermal-main .th-management-grid .th-card:nth-child(3n+1) {
      border-left: 0;
   }

   .thermal-page #thermal-main .th-management-grid .th-card h3 {
      font-size: 19px;
   }

   .thermal-page #thermal-main .th-cases .solution-case-tabs button {
      font-size: 17px;
   }

}

@media (max-width: 767px) {
   .thermal-page #thermal-main .sec-title {
      font-size: 27px;
   }

   .thermal-page #thermal-main .th-hero {
      min-height: 560px;
      margin-top: 64px;
   }

   .thermal-page #thermal-main .th-hero-photo {
      inset: 0 0 0 5%;
      opacity: .65;
   }

   .thermal-page #thermal-main .th-hero h1 {
      font-size: clamp(26px, 6vw, 40px);
      letter-spacing: -1px;
   }

   .thermal-page #thermal-main .th-hero p {
      font-size: 15px;
   }

   .thermal-page #thermal-main .th-badge {
      font-size: 17px;
      padding: 8px 18px;
   }

   .thermal-page #thermal-main .th-info {
      padding: 28px 22px;
   }

   .thermal-page #thermal-main .th-info-top {
      gap: 15px;
      padding-bottom: 25px;
   }

   .thermal-page #thermal-main .th-info h2 {
      font-size: 27px;
   }

   .thermal-page #thermal-main .th-info p {
      font-size: 14px;
   }

   .thermal-page #thermal-main .th-info p br {
      display: none;
   }

   .thermal-page #thermal-main .th-info h3 {
      font-size: 18px;
   }

   .thermal-page #thermal-main .th-info-photo {
      width: 75px;
   }

   .thermal-page #thermal-main .th-tabs {
      margin-top: 30px;
   }

   .thermal-page #thermal-main .th-tab-list {
      gap: 5px;
   }

   .thermal-page #thermal-main .th-tab-list button {
      width: calc((100% - 10px) / 3);
      font-size: 12px;
      padding: 15px 4px;
      border-radius: 9px 9px 0 0;
   }

   .thermal-page #thermal-main .th-desc {
      font-size: 14px;
   }

   .thermal-page #thermal-main .th-card {
      min-height: 180px;
      padding: 23px 16px;
   }

   .thermal-page #thermal-main .th-card h3 {
      font-size: 18px;
   }

   .thermal-page #thermal-main .th-card p {
      font-size: 13px;
   }

   .thermal-page #thermal-main .th-management-photo {
      inset: 0 0 0 15%;
   }

   .thermal-page #thermal-main .th-management-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 30px 0;
      margin-top: 35px;
   }

   .thermal-page #thermal-main .th-management-grid .th-card {
      padding: 0 14px;
      border-left: 1px solid rgba(255, 255, 255, .27);
   }

   .thermal-page #thermal-main .th-management-grid .th-card:nth-child(3n+1) {
      border-left: 1px solid rgba(255, 255, 255, .27);
   }

   .thermal-page #thermal-main .th-management-grid .th-card:nth-child(odd) {
      border-left: 0;
   }

   .thermal-page #thermal-main .th-management-grid .th-icon {
      width: 45px;
      height: 45px;
   }

   .thermal-page #thermal-main .th-cases .solution-case-tabs {
      gap: 3px;
      margin-top: 28px;
   }

   .thermal-page #thermal-main .th-cases .solution-case-tabs button {
      font-size: 14px;
      padding: 9px 10px;
   }

   .thermal-page #thermal-main .th-cases .solution-case-gallery {
      margin-top: 30px;
   }

   .thermal-page #thermal-main .th-cases .solution-case-label {
      font-size: 18px;
   }

   .thermal-page #thermal-main .th-faq .sec-title {
      font-size: 23px;
   }

   .thermal-page #thermal-main .th-faq-list {
      margin-top: 30px;
   }

   .thermal-page #thermal-main .th-faq summary {
      font-size: 15px;
      padding: 18px;
   }

   .thermal-page #thermal-main .th-faq-answer {
      font-size: 14px;
      padding: 18px;
   }

}

@media (prefers-reducth-motion: reduce) {
   .thermal-page #thermal-main .th-faq details,
   .thermal-page #thermal-main .th-faq summary span::before,
   .thermal-page #thermal-main .th-cases .solution-case-image::after {
      transition: none;
   }

}

.thermal-page #thermal-main .th-sr-only {
   position:absolute;
   width:1px;
   height:1px;
   overflow:hidden;
   clip-path:inset(50%);
   white-space:nowrap;
}

.thermal-page #thermal-main .th-process-list {
   list-style:none;
   display:grid;
   grid-template-columns:repeat(4,minmax(0,1fr));
   gap:42px;
   margin-top:60px;
}

.thermal-page #thermal-main .th-process-list li {
   position:relative;
   padding:35px 30px;
   border-radius:15px;
   box-shadow:0 0 32px #20284a12;
}

.thermal-page #thermal-main .th-step-number {
   display:block;
   color:var(--red);
   font-size:38px;
   font-weight:800;
   margin-bottom:65px;
}

.thermal-page #thermal-main .th-process-list h3 {
   font-size:24px;
   margin-bottom:15px;
   font-weight: 600;
}

.thermal-page #thermal-main .th-process-list p {
   color:#777;
   font-size:17px;
   line-height:1.7;
}

.thermal-page #thermal-main .th-process-list li:not(:last-child)::after {
   content:"";
   position:absolute;
   right:-32px;
   top:48%;
   border-top:12px solid transparent;
   border-bottom:12px solid transparent;
   border-left:20px solid var(--red);
}

.thermal-page #thermal-main .th-case-note {
   color:#ddd;
   font-size:17px;
   margin-top:32px;
}

.thermal-page #thermal-main .th-product-tabs {
   display:flex;
   margin:55px 0;
   border-radius:14px;
   box-shadow:0 0 32px #20284a12;
   overflow:hidden;
}

.thermal-page #thermal-main .th-product-tabs button {
   flex:1;
   border:0;
   padding:22px 15px;
   font-size:22px;
   background:#fff;
   color:#555;
   font-weight:600;
}

.thermal-page #thermal-main .th-product-tabs button[aria-selected="true"] {
   background:var(--red);
   color:#fff;
}

.thermal-page #thermal-main .th-brand {
   display:flex;
   align-items:center;
   gap:30px;
}

.thermal-page #thermal-main .th-brand > strong {
   color:#ed6b22;
   font-size:30px;
   border:1px solid #eee;
   padding:30px 45px;
   white-space:nowrap;
}

.thermal-page #thermal-main .th-brand h3 {
   font-size:24px;
   margin-bottom:12px;
   font-weight: 600;
}

.thermal-page #thermal-main .th-brand p {
   color:#777;
   font-size:17px;
}

.thermal-page #thermal-main .th-product-photo {
   display: block;
   width: min(100%, 700px);
   height: auto;
   margin: 24px auto;
   aspect-ratio: 700 / 520;
   object-fit: contain;
}

.thermal-page #thermal-main .th-product-summary {
   display:grid;
   grid-template-columns:3.6fr repeat(4, minmax(0, 1fr));
   border:1px solid var(--red);
   margin-bottom:45px;
}

.thermal-page #thermal-main .th-product-summary > div {
   padding:24px;
   border-right:1px solid var(--red);
   font-size:17px;
   text-align: center;
}

.thermal-page #thermal-main .th-product-summary > div:first-child {
   text-align: left;
}

.thermal-page #thermal-main .th-product-summary > div:last-child {
   border:0;
}

.thermal-page #thermal-main .th-product-summary strong {
   display:block;
   color:var(--red);
   font-weight:500;
   margin-top:8px;
}

.thermal-page #thermal-main .th-table-scroll {
   overflow-x:auto;
}

.thermal-page #thermal-main .th-spec-table {
   border-collapse:collapse;
   width:100%;
   table-layout:fixed;
   font-size:17px;
   text-align:center;
}

.thermal-page #thermal-main .th-spec-table th,
.thermal-page #thermal-main .th-spec-table td {
   padding:24px 16px;
   border:1px solid #e5e5e5 !important;
   font-weight:400;
   text-align: center;
}

.thermal-page #thermal-main .th-spec-table th:first-child {
   width:20%;
}

.thermal-page #thermal-main .th-spec-table thead th {
   color:#fff;
   background:#191919;
   border-color:#191919;
}

.thermal-page #thermal-main .th-product-consult {
   padding:55px;
   background:#f8f9fc;
   min-height:400px;
   border-radius:15px;
}

.thermal-page #thermal-main .th-product-consult h3 {
   font-size:30px;
   margin-bottom:20px;
}

.thermal-page #thermal-main .th-product-consult p {
   color:#777;
   font-size:20px;
   margin-bottom:30px;
}

@media(max-width:1100px) {
   .thermal-page #thermal-main .th-process-list {
      gap:26px;
   }

   .thermal-page #thermal-main .th-process-list li {
      padding:28px 20px;
   }

   .thermal-page #thermal-main .th-process-list li:not(:last-child)::after {
      right:-21px;
      border-left-width:14px;
      border-top-width:9px;
      border-bottom-width:9px;
   }

   .thermal-page #thermal-main .th-brand > strong {
      font-size:24px;
      padding:25px;
   }

   .thermal-page #thermal-main .th-product-summary > div {
      padding:18px;
      font-size:15px;
   }

}

@media(max-width:767px) {
   .thermal-page #thermal-main .th-process-list {
      grid-template-columns:1fr;
      gap:24px;
      margin-top:32px;
   }

   .thermal-page #thermal-main .th-process-list li {
      display:grid;
      grid-template-columns:60px 1fr;
      gap:8px 16px;
      padding:24px;
   }

   .thermal-page #thermal-main .th-step-number {
      grid-row:span 2;
      margin:0;
      font-size:32px;
      align-self:center;
   }

   .thermal-page #thermal-main .th-process-list h3 {
      font-size:20px;
      margin:0;
   }

   .thermal-page #thermal-main .th-process-list p {
      font-size:14px;
   }

   .thermal-page #thermal-main .th-process-list li:not(:last-child)::after {
      top:auto;
      bottom:-19px;
      right:calc(50% - 8px);
      border-left:8px solid transparent;
      border-right:8px solid transparent;
      border-bottom:0;
      border-top:12px solid var(--red);
   }

   .thermal-page #thermal-main .th-case-detail p,
   .thermal-page #thermal-main .th-case-detail a,
   .thermal-page #thermal-main .th-case-note {
      font-size:14px;
   }

   .thermal-page #thermal-main .th-product-tabs {
      margin:32px 0;
   }

   .thermal-page #thermal-main .th-product-tabs button {
      font-size:17px;
      padding:17px;
   }

   .thermal-page #thermal-main .th-brand {
      flex-direction:column;
      align-items:flex-start;
      gap:18px;
   }

   .thermal-page #thermal-main .th-brand > strong {
      padding:18px 30px;
   }

   .thermal-page #thermal-main .th-brand p {
      font-size:14px;
   }

   .thermal-page #thermal-main .th-product-photo {
      width: 100%;
      max-width: 700px;
      margin:0 auto;
   }

   .thermal-page #thermal-main .th-product-summary {
      grid-template-columns:repeat(2,minmax(0,1fr));
      margin-bottom:30px;
   }

   .thermal-page #thermal-main .th-product-summary > div {
      padding:16px;
      font-size:13px;
      border-bottom:1px solid var(--red);
   }

   .thermal-page #thermal-main .th-product-summary > div:first-child {
      grid-column: 1 / -1;
      border-right: 0;
   }

   .thermal-page #thermal-main .th-product-summary > div:nth-child(odd) {
      border-right:0;
   }

   .thermal-page #thermal-main .th-product-summary > div:nth-child(n+4) {
      border-bottom:0;
   }

   .thermal-page #thermal-main .th-spec-table {
      min-width:700px;
      font-size:14px;
   }

   .thermal-page #thermal-main .th-spec-table th,
   .thermal-page #thermal-main .th-spec-table td {
      padding:16px 12px;
   }

   .thermal-page #thermal-main .th-product-consult {
      padding:28px 20px;
      min-height:300px;
   }

   .thermal-page #thermal-main .th-product-consult h3 {
      font-size:23px;
   }

   .thermal-page #thermal-main .th-product-consult p {
      font-size:16px;
   }

}

.thermal-page #thermal-main .th-methods {
   padding-top: 80px;
   padding-bottom: 60px;
}

.thermal-page #thermal-main .th-method-grid {
   display: grid;
   grid-template-columns: repeat(3, minmax(0, 1fr));
   margin-top: 58px;
}

.thermal-page #thermal-main .th-method-grid .th-card {
   display: flex;
   flex-direction: column;
   border-top: 1px solid #e1e1e1;
   border-right: 1px solid #e1e1e1;
}

.thermal-page #thermal-main .th-method-grid .th-card:nth-child(3n) {
   border-right: 0;
}

.thermal-page #thermal-main .th-method-grid .th-icon {
   align-self: flex-end;
   margin-top: auto;
}

.thermal-page #thermal-main .th-management-grid {
   grid-template-columns: repeat(4, minmax(0, 1fr));
}

.thermal-page #thermal-main .th-management-grid .th-card:nth-child(4n+1) {
   border-left: 0;
}

.thermal-page #thermal-main .th-product-detail > *,
.thermal-page #thermal-main .th-tech-guide > * {
   min-width: 0;
}

.thermal-page #thermal-main .th-table-scroll {
   max-width: 100%;
}

@media (max-width: 1100px) {
   .thermal-page #thermal-main .th-management-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
   }

   .thermal-page #thermal-main .th-management-grid .th-card:nth-child(n) {
      border-left: 1px solid rgba(255,255,255,.27);
   }

   .thermal-page #thermal-main .th-management-grid .th-card:nth-child(odd) {
      border-left: 0;
   }

}

@media (max-width: 767px) {
   .thermal-page #thermal-main .th-methods {
      padding-top: 50px;
   }

   .thermal-page #thermal-main .th-method-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      margin-top: 30px;
   }

   .thermal-page #thermal-main .th-method-grid .th-card:nth-child(3n) {
      border-right: 1px solid #e1e1e1;
   }

   .thermal-page #thermal-main .th-method-grid .th-card:nth-child(2n) {
      border-right: 0;
   }

   .thermal-page #thermal-main .th-method-grid .th-icon {
      width: 55px;
      height: 55px;
      margin-top: 24px;
   }

}

.thermal-page #thermal-main .th-brand-logo {
   display: block;
   width: 340px;
   max-width: 100%;
   height: 126px;
   box-sizing: border-box;
   padding: 24px 40px;
   border: 1px solid #e1e1e1;
   object-fit: contain;
   flex-shrink: 0;
}

.thermal-page #thermal-main .th-idis-photo {
   display: block;
   width: min(100%, 550px);
   height: auto;
   margin: 35px auto;
}

@media (max-width: 767px) {
   .thermal-page #thermal-main .th-brand-logo {
      width: 340px;
      height: auto;
      aspect-ratio: 340 / 126;
   }

}