@charset "UTF-8";
.tms-body {
  overflow: hidden !important;
}

.tms-body .left-nav .left-nav-header {
  display: flex;
  padding: 0 20px;
  height: 55px;
  border-bottom: 1px solid #e5e5e5;
  align-items: center;
}
.tms-body .left-nav .left-nav-header .num {
  margin-right: 10px;
  width: 40px;
  font-size: 16px;
  color: #333;
}
.tms-body .left-nav .left-nav-header .detail {
  font-size: 16px;
  color: #333;
}
.tms-body .left-nav .left-nav-content .issue-list li a {
  display: flex;
  padding: 0 20px;
  height: 55px;
  border-bottom: 1px solid #e5e5e5;
  font-size: 16px;
  color: #333;
  text-decoration: none;
  align-items: center;
}
.tms-body .left-nav .left-nav-content .issue-list li.active a {
  font-weight: bold;
}
.tms-body .left-nav .left-nav-content .issue-list li .num {
  margin-right: 10px;
  width: 40px;
}
.tms-body .left-nav .left-nav-content .issue-list li .site {
  margin-right: 10px;
}
.tms-body .left-nav .left-nav-content .empty-message {
  display: flex;
  height: calc(100vh - 120px);
  font-size: 16px;
  color: #333;
  align-items: center;
  justify-content: center;
}

.section.tms-report {
  overflow: hidden;
  margin-top: 14px;
  padding: 0;
}
.tms-report .section-content {
  position: relative;
  padding: 0;
}
.tms-report .section-content .tms__content {
  font-size: 0;
}
.tms-report .section-content .tms__content.tms_scroll {
  overflow: auto;
}

.tms-report .section-content .tms__intro {
  padding-bottom: 9.4rem;
}
.tms-report .section-content .onlyPrint { 
  position: absolute;
  left: -3000%;
  top: -3000%;
}
.tms-report .post-slider .post-wrapper{
  /* width: calc(100% - 180px); */
  margin:0px auto;
}
.tms-report .post-slider .post-wrapper .post {
  position: relative;
  display: inline-block;
  padding-bottom: 9.4rem;
  margin: 0;
}
.tms-report .section-content .post:has(.tms__intro) {
  padding-bottom: 0;
  width: 100%;
  background-color: #F0ECE4 !important;
}
.tms-report .post-slider .post-wrapper .slick-arrow {
  position: fixed;
  top: 50%;
  z-index: 5;
  transform: translateY(50%);
  width: 36px;
  height: 36px;
  border: 1px solid #eceef0;
  background: no-repeat center / 8px auto;
  background-color: #fff;
  border-radius: 100%;
  font-size: 0px;
}
.tms-report .post-slider .post-wrapper .slick-arrow.slick-disabled {
  opacity: 0.4;
}
.tms-report .post-slider .post-wrapper .slick-arrow.slick-prev {
  left: 110px;
  background-image: url(/images/common/btn-move-left2.png);
}
.with-nav-l .tms-report .post-slider .post-wrapper .slick-arrow.slick-prev {
  left: 412px;
}
.expand-left .with-nav-l .tms-report .post-slider .post-wrapper .slick-arrow.slick-prev {
  left: 572px;
}
.expand-left .tms-report .post-slider .post-wrapper .slick-arrow.slick-prev { 
  left: 275px;
}
.tms-report .post-slider .post-wrapper .slick-arrow.slick-next {
  right: 35px;
  background-image: url(/images/common/btn-move-right2.png);
}
.tms-report .post-slider .post-wrapper .slick-dots {
  position: sticky;
  left: 0;
  bottom: 30px;
  z-index: 1;
  margin: -8px 0 0;
  width: 100%;
  font-size: 0;
  text-align: center;
}
.tms-report .post-slider .post-wrapper .slick-dots li {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background-color: #b0b7bf;
}
.tms-report .post-slider .post-wrapper .slick-dots li + li {
  margin-left: 6px;
}
.tms-report .post-slider .post-wrapper .slick-dots li.slick-active {
  background-color: #0b233f;
}
.tms-report .post-slider .post-wrapper .slick-dots li button {
  display: block;
  width: 100%;
  height: 100%;
  background: transparent;
}

.tms-report .section-content .top-area {
  position: relative;
  display: flex;
  padding: 1rem 4rem;
  width: 100%;
  height: 7.6rem;
  justify-content: space-between;
  align-items: end;
}
.tms-report .section-content .tms__intro .top-area {
  padding: 0 4rem 1rem;
  min-height: 8rem;
}
.tms-report .section-content .top-area:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: calc(100% - 10rem);
  height: 1px;
  background-color: #ccc !important;
  transform: translateX(-50%);
}
.tms-report .section-content .tms__intro .top-area:after {
  width: calc(100% - 8rem);
}
.tms-report .section-content .top-area .site-info {
  line-height: 1.5;
  font-size: 1.4rem;
  color: #444 !important;
  font-weight: 500;
}
.tms-report .section-content .top-area .report-info {
  line-height: 1.5;
  font-size: 1.4rem;
  color: #444 !important;
  font-weight: 500;
}
.tms-report .section-content .top-area .page-title {
  display: flex;
  margin: 0;
  padding-left: 6.6rem;
  height: 100%;
  background: no-repeat 1rem center / 4.8rem auto !important;
  line-height: 1;
  font-size: 3rem;
  color: #333 !important;
  font-weight: bold;
  align-items: center;
  word-break: break-all;
}
.tms-report .section-content .top-area .page-title.service-info {
  background-image: url(/images/tms/ic_tms_top_01.png) !important;
}
.tms-report .section-content .top-area .page-title.monitor {
  background-image: url(/images/tms/ic_tms_top_07.png) !important;
}
.tms-report .section-content .top-area .product-analysis {
  background-image: url(/images/tms/ic_tms_top_04.png) !important;
}
.tms-report .section-content .top-area .product-detail {
  background-image: url(/images/tms/ic_tms_top_03.png) !important;
}
.tms-report .section-content .top-area .service-current {
  background-image: url(/images/tms/ic_tms_top_05.png) !important;
}
.tms-report .section-content .top-area .history {
  background-image: url(/images/tms/ic_tms_top_06.png) !important;
}
.tms-report .section-content .top-area .device-info {
  background-image: url(/images/tms/ic_tms_top_02.png) !important;
}
.tms-report .section-content .top-area .page-count {
  padding-right: 0.8rem;
  font-size: 1.6rem;
  color: #333 !important;
  font-weight: bold;
}
.tms-report .section-content .tms__intro .middle-area {
  position: relative;
  padding: 0 !important;
}
.tms-report .section-content .middle-area {
  padding: 2rem 6rem;
  font-size: 0;
}
.tms-report .section-content .tms__intro .report-visual {
  display: flex;
  padding: 2rem 6rem;
  min-height: 56rem;
  background: url(/images/tms/bg_tms_cover_01.png) no-repeat right 60% / auto 60% !important;
  flex-direction: column;
  justify-content: center;
}
.tms-report .section-content .tms__intro .report-visual .category {
  line-height: 1.1;
  font-size: 3rem;
  color: #FD312E !important;
  font-weight: 800;
  letter-spacing: -0.18rem;
}
.tms-report .section-content .tms__intro .report-visual .category span {
  padding-left: 0.4rem;
  font-size: 2rem;
  color: #777 !important;
  vertical-align: middle;
}
.tms-report .section-content .tms__intro .report-visual .title {
  margin: 0;
  padding: 1.6rem 0 4rem;
  max-width: 60%;
  font-size: 6rem;
  color: #333 !important;
  font-weight: 800;
  letter-spacing: -0.2rem;
  word-break: keep-all;
}
.tms-report .section-content .tms__intro .report-visual p {
  line-height: 1.5;
  font-size: 1.6rem;
  color: #333 !important;
}
.tms-report .section-content .tms__intro .contract-info {
  position: absolute;
  left: 7rem;
  bottom: 5rem;
  padding-left: 6.2rem;
  background: no-repeat left center / 5.4rem auto !important;
  background-image: url(/images/tms/ic_tms_cover_01.png) !important;
  line-height: 1.8;
  font-size: 1.6rem;
  color: #333;
}
.tms-report .section-content .energy__content_client_sub {
  position: relative;
  padding: 0 0px 36px;
  min-height: 100%;
  background: #f7f7f7;
}
.tms-report .section-content .middle-area .noError.medium,
.tms-report .section-content .middle-area .noData.medium {
  min-height: 23rem !important;
}
.tms-report .section-content .middle-area .noError.large,
.tms-report .section-content .middle-area .noData.large {
  min-height: 40rem !important;
}
.tms-report .section-content .middle-area .noError {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 16rem;
  background-color: #f4fafb !important;
}
.tms-report .section-content .middle-area .noData {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 16rem;
  background-color: #fafafa !important;
}
.tms-report .section-content .middle-area .noError .noError-txt {
  position: relative;
  display: flex;
  font-size: 2rem;
  color: #333;
  font-weight: 500;
  align-items: center;
  gap: 2rem;
}
.tms-report .section-content .middle-area .noError .noError-txt:before {
  content: "";
  width: 5.6rem;
  height: 5.6rem;
  background: url(/images/tms/bg-noerror.png) no-repeat center / 100% auto !important;
}
.tms-report .section-content .middle-area .noData .noData-txt {
  position: relative;
  display: flex;
  font-size: 2rem;
  color: #333;
  font-weight: 500;
  align-items: center;
  gap: 2rem;
}
.tms-report .section-content .middle-area .noData .noData-txt:before {
  content: "";
  width: 7rem;
  height: 6.8rem;
  background: url(/images/tms/bg-nodata.png) no-repeat center / 100% auto !important;
}
.tms-report .section-content .par-title {
  position: relative;
  display: flex;
  margin: 1rem 0 0;
  padding: 0 1.6rem;
  min-height: 5rem;
  text-align: left;
  font-size: 2rem;
  color: #333 !important;
  font-weight: bold;
  align-items: center;
}
.tms-report .section-content .par-title::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 0.6rem;
  height: 2.6rem;
  background-color: #a50034 !important;
  transform: translateY(-50%);
}
.tms-report .section-content .par-title:first-child {
  margin-top: 0;
}
.tms-report .section-content .par-title .sub-title {
  flex: 1;
  position: relative;
  margin-left: 1rem;
  padding-left: 1rem;
  font-size: 1.6rem;
  color: #777 !important;
  font-weight: normal;
}
.tms-report .section-content .par-title .sub-title:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 1px;
  height: 1.8rem;
  background-color: #ccc !important;
  transform: translateY(-50%);
}
.tms-report .section-content .product-item-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 0 3.4rem;
}
.tms-report .section-content .product-item {
  overflow: hidden;
  flex: 0 1 calc(25% - 2.55rem);
  display: flex;
  max-width: 29.7rem;
  border-radius: 2.4rem;
  flex-direction: column;
}
.tms-report .section-content .product-item:first-child {
  margin-left: 0;
}
.tms-report .section-content .product-item .product-info {
  padding: 1.2rem 1.6rem;
  height: 100%;
  background-color: #F7F7FB !important;
}
.tms-report .section-content .product-item .category {
  display: flex;
  padding-bottom: 0.4rem;
  line-height: 1.6;
  font-size: 1.6rem;
  color: #333 !important;
  font-weight: bold;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}
.tms-report .section-content .product-item .category span {
  font-size: inherit;
  color: inherit !important;
}
.tms-report .section-content .product-item .state-list li {
  text-align: right;
  font-size: 1.7rem;
  color: #333 !important;
  font-weight: 500;
}
.tms-report .section-content .product-item .state-value {
  text-align: right;
  font-size: 3.6rem;
  color: #333;
  font-weight: 500;
}
.tms-report .section-content .info-guide {
  display: flex;
  margin: 1rem 0 0;
  font-size: 1.5rem;
  color: #333 !important;
  font-weight: normal;
  justify-content: flex-end;
  align-items: center;
}
.tms-report .section-content .info-guide:before {
  content: "";
  display: inline-block;
  margin-right: 0.3rem;
  width: 1.6rem;
  height: 1.6rem;
  background: url(/images/tms/ic_info_sm.png) no-repeat center / 100% auto !important;
}
.tms-report .section-content .info-guide + .par-title {
  margin-top: 0;
}
.tms-report .section-content .report-guide {
  padding-top: 1rem;
  width: 100%;
}
.tms-report .section-content .report-guide p {
  margin: 0;
  line-height: 1.5;
  font-size: 1.4rem;
  color: #777 !important;
}
.tms-report .section-content .opinion-item-wrap {
  display: flex;
  gap: 4.8rem;
}
.tms-report .section-content .opinion-item-wrap .opinion-item {
  flex: 1;
}
.tms-report .section-content .opinion-name {
  margin: 0;
  font-size: 1.8rem;
  color: #333 !important;
  font-weight: bold;
}
.tms-report .section-content .opinion-detail {
  margin: 0;
  font-size: 1.6rem;
  color: #333 !important;
}
.tms-report .section-content .monitoring-info {
  margin-top: 1.2rem;
  max-width: 100rem;
}
.tms-report .section-content .monitoring-info strong {
  line-height: 1.5;
  font-size: 1.6rem;
  color: #333 !important;
  font-weight: bold;
}
.tms-report .section-content .monitoring-info ul {
  margin: 1rem 0;
}
.tms-report .section-content .monitoring-info li {
  list-style: disc;
  margin-left: 2rem;
  line-height: 1.5;
  font-size: 1.4rem;
  color: #333 !important;
}
.tms-report .section-content .monitoring-info li.asterisk {
  position: relative;
  list-style: none;
  margin-left: 3rem;
}
.tms-report .section-content .monitoring-info p {
  margin: 1rem 0 0;
  font-size: 1.2rem;
  color: #777 !important;
}
.tms-report .section-content .table thead th {
  padding: 1.4rem 1rem !important;
  height: auto !important;
  border-left: 1px solid #ECECEC !important;
  border-top: 1px solid #ECECEC !important;
  border-bottom: 1px solid #ECECEC !important;
  background-color: #F5F4F4 !important;
  font-size: 1.4rem;
  color: #333 !important;
  font-weight: normal;
}
.tms-report .section-content .table thead th:first-child {
  border-left: 0 !important;
}
.tms-report .section-content .table tbody td {
  padding: 0.7rem 1.4rem !important;
  height: auto !important;
  border-left: 1px solid #ECECEC !important;
  border-bottom: 1px solid #ECECEC !important;
  font-size: 1.4rem;
  color: #333 !important;
}
.tms-report .section-content .table tbody td:first-child {
  border-left: 0 !important;
}
.tms-report .section-content .product-analysis-area {
  display: flex;
  padding: 2rem 8rem 0;
  justify-content: center;
  flex-wrap: wrap;
}
.tms-report .section-content .empty-img {
  width: 180px !important;
  height: auto;
}
.tms-report .section-content .product-analysis-area .chart-wrap {
    flex: 1;
    position: relative;
    margin-left: 15rem;
    max-width: 42%;
}
.tms-report .section-content .product-analysis-area .chart-wrap:after {
    content: "";
    position: absolute;
    left: -7.5rem;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #ccc !important;
}
.tms-report .section-content .product-analysis-area .chart-wrap:first-child,
.tms-report .section-content .product-analysis-area .chart-wrap.noborder {
    margin-left: 0 !important;
}
.tms-report .section-content .product-analysis-area .chart-wrap:first-child:after,
.tms-report .section-content .product-analysis-area .chart-wrap.noborder:after {
    display: none;
}
.tms-report .section-content .product-analysis-area .category {
  padding-bottom: 1.2rem;
  font-size: 1.8rem;
  color: #333 !important;
  font-weight: bold;
}
.tms-report .section-content .product-analysis-area .chart-state {
  position: relative;
  display: flex;
  margin-top: 1rem;
  padding: 1.4rem 2rem;
  border-radius: 1.2rem;
  background-color: #f8f8f8 !important;
  font-size: 1.6rem;
  color: #333 !important;
  font-weight: 500;
  align-items: center;
}
.tms-report .section-content .product-analysis-area .chart-state::before {
  content: "";
  display: inline-block;
  margin-right: 0.7rem;
  width: 1.8rem;
  height: 1.8rem;
  background: url(/images/tms/ic_error.png) no-repeat center / 100% auto !important;
}
.tms-report .section-content .product-analysis-area .report-guide p {
  max-width: 85rem;
}
.tms-report .section-content .comp-info-area {
  margin-top: 1rem;
  padding: 1rem 1.6rem;
  background-color: #F8F8F8 !important;
  border-radius: 1rem;
}
.tms-report .section-content .comp-info-area .category {
  position: relative;
  display: flex;
  line-height: 1.5;
  font-size: 1.8rem;
  color: #333 !important;
  font-weight: bold;
  align-items: center;
}
.tms-report .section-content .comp-info-area .category::before {
  content: "";
  display: inline-block;
  margin-right: 0.6rem;
  width: 2.2rem;
  height: 2.2rem;
  background: url(/images/tms/ic_info.png) no-repeat center / 100% auto !important;
}
.tms-report .section-content .comp-info-area .comp-inner {
  display: flex;
  margin-top: 1.2rem;
}
.tms-report .section-content .comp-info-area .comp-inner .comp-col {
  flex: 1;
  margin-left: 3%;
  padding-left: 3%;
  border-left: 1px solid #ccc !important;
}
.tms-report .section-content .comp-info-area .comp-inner .comp-col:first-child {
  margin-left: 0 !important;
  padding-left: 0 !important;
  border-left: 0 !important;
}
.tms-report .section-content .comp-info-area .comp-inner .comp-col p {
  margin: 0.4rem 0 0;
  font-size: 1.4rem;
  color: #333 !important;
}
.tms-report .section-content .comp-info-area .comp-inner .comp-col p:first-child {
  margin-top: 0;
}
.tms-report .section-content .comp-info-area .comp-inner .comp-col .num {
  color: #FD312E !important;
}
.tms-report .section-content .accrue-inner {
  display: flex;
}
.tms-report .section-content .accrue-col {
  flex: 1;
}
.tms-report .section-content .accrue-col + .accrue-col {
  margin-left: 4%;
  max-width: 28%;
}
.tms-report .section-content .accrue-item {
  margin-top: 4rem;
}
.tms-report .section-content .accrue-item:first-child {
  margin-top: 2.4rem;
}
.tms-report .section-content .accrue-item .category {
  padding-bottom: 0.6rem;
  font-size: 2rem;
  color: #333 !important;
}
.tms-report .section-content .accrue-item .accrue-bar {
  display: flex;
  align-items: center;
}
.tms-report .section-content .accrue-item .accrue-bar .val-target {
  margin-right: 1rem;
  height: 2rem;
}
.tms-report .section-content .accrue-item .accrue-bar .count {
  font-size: 2.3rem;
  color: #333 !important;
  font-weight: bold;
  white-space: nowrap;
}
.tms-report .section-content .legend-item-wrap {
  text-align: right;
  font-size: 0;
}
.tms-report .section-content .legend-item {
  display: inline-flex;
  margin-left: 3rem;
  font-size: 1.2rem;
  color: #444 !important;
  vertical-align: middle;
  align-items: center;
}
.tms-report .section-content .legend-item .control-box {
  display: inline-block;
  margin-right: 0.8rem;
  width: 2.1rem;
  height: 0.8rem;
}
.tms-report .section-content .service-calendar-table {
  width: 100%;
  table-layout: fixed;
}
.tms-report .section-content .service-calendar-table thead th {
  padding: 0.8rem 0.4rem !important;
  height: auto !important;
  border: 0 !important;
  border-bottom: 2px solid #DADADA !important;
  background-color: #fff !important;
  text-align: left;
  font-size: 1.4rem;
  color: #777 !important;
  font-weight: 500;
}
.tms-report .section-content .service-calendar-table tbody td {
  padding: 0.8rem 0;
  height: auto !important;
  border: 0;
  border-bottom: 1px solid #ECECEC !important;
}
.tms-report .section-content .service-calendar-table tbody .day-item {
  display: inline-block;
  width: 2.8rem;
  text-align: center;
  font-size: 1.8rem;
  color: inherit !important;
  vertical-align: middle;
}
.tms-report .section-content .service-calendar-table .red-day {
  color: #FF5858 !important;
}
.tms-report .section-content .service-calendar-table .count-item {
  display: inline-flex;
  margin-left: 0.2rem;
  padding: 0 0.4rem;
  min-width: 2rem;
  height: 2rem;
  border-radius: 5rem;
  font-size: 1.4rem;
  color: #fff !important;
  font-weight: bold;
  justify-content: center;
  align-items: center;
  vertical-align: middle;
}
.tms-report .section-content .history-info {
  margin: 1.2rem 0;
  line-height: 1.5;
  font-size: 1.6rem;
  color: #333 !important;
  font-weight: bold;
}

.tms_address_area {
  display: flex !important;
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 0 4rem 0 5rem;
  width: 100%;
  height: 7.6rem;
  border-top: 1px solid #ECECEC !important;
  background-color: #f8f8f8 !important;
  align-items: center;
}
.tms_address_area p {
  margin: 0.2rem 0;
  line-height: 1.5;
  font-size: 1.2rem;
  color: #777 !important;
  font-weight: 500;
}
.tms_address_area .thumb {
  position: relative;
  width: 7rem;
  min-width: 7rem;
  height: 3.5rem;
  min-height: 3.5rem;
  background: url(/images/common/img_lglogo_gray.png) no-repeat center / 100% auto !important;
}
.tms-report .section-content .tms__intro .tms_address_area {
  background-color: #e6e1d6 !important;
}
.tms-report .section-content .tms__intro .tms_address_area .thumb {
  background: url(/images/common/img_lglogo_color.png) no-repeat center / 100% auto !important;
}
.tms-report .section-content .major .opinion-area {
  display: inline-block;
  margin-top: 1.4rem;
  width: 24.7%;
  vertical-align: top;
}
.tms-report .section-content .major .opinion-area .thumb,
.tms-report .section-content .major .opinion-area .thumb img {
  width: 100%;
}
.tms-report .section-content .major .opinion-title {
  margin-top: 2rem;
  font-size: 1.8rem;
  color: #333;
  font-weight: bold;
}
.tms-report .section-content .major .opinion-title .thumb {
  overflow: hidden;
  display: inline-block;
  margin-right: 1.2rem;
  width: 4rem;
  height: 4rem;
  border-radius: 100%;
  vertical-align: middle;
}
.tms-report .section-content .major .manager-info {
  padding-top: 1.4rem;
  font-size: 1.5rem;
  font-weight: bold;
}
.tms-report .section-content .major .accrue-area {
  display: inline-block;
  margin-left: 4.6%;
  width: calc(100% - 29.4%);
}
.tms-report .section-content .major .accrue-area .sub-title {
  margin: 0;
  padding-left: 3.2rem;
  line-height: 1.3;
}
.tms-report .section-content .major .accrue-area .sub-title:after {
  display: none;
}
.tms-report .section-content .major .accrue-area .sub-title:before {
  content: "";
  position: absolute;
  left: 1.4rem;
  top: 0.4rem;
  width: 1.6rem;
  height: 1.6rem;
  background: url(/images/tms/ic_info_sm.png) no-repeat center / 100% auto;
}

.tms-report .section-content .par-title .sub-title.type-info {
  margin: 0;
  padding-left: 3.2rem;
  line-height: 1.3;
}
.tms-report .section-content .par-title .sub-title.type-info:after {
  display: none;
}
.tms-report .section-content .par-title .sub-title.type-info:before {
  content: "";
  position: absolute;
  left: 1.4rem;
  top: 0.4rem;
  width: 1.6rem;
  height: 1.6rem;
  background: url(/images/tms/ic_info_sm.png) no-repeat center / 100% auto !important;
}

/* Tms 칠러 */
.section.typeChiler {
  padding-top: 0; 
}
.section.typeChiler .target-select {
  padding: 15px 21px;
  margin: 0; 
}
.section.typeChiler .target-select .target-select__elements {
  margin-top: 0px; 
}
.section.typeChiler .section-content .post:has(.tms__intro) {
  background-color: #EFF3F4 !important;
}
.section.typeChiler .chiller-tab-body {
  position: relative;
  margin-top: 0;
  min-width: 1280px;
  min-height: 900px;
}
.tms-report.typeChiler .section-content .tms__intro .report-visual {
  background: url(/images/tms/bg_tms_cover_02.png) no-repeat right 50% / auto 68% !important;
}
.tms-report.typeChiler .device01 {
  background: url(/images/tms/bg_device_01.png) no-repeat center top / 100% 100% !important;
}
.tms-report.typeChiler .device02 {
  background: url(/images/tms/bg_device_02.png) no-repeat center top / 100% 100% !important;
}
.tms-report.typeChiler .device03 {
  background: url(/images/tms/bg_device_03.png) no-repeat center top / 100% 100% !important;
}
.tms-report .summary-inner {
  display: flex;
  margin-top: 1.6rem;
}
.tms-report .summary-inner .summary-col {
  flex: 1;
  gap: 1.6rem;
}
.tms-report .summary-detail {
  padding: 1rem 0 0 2rem;
}
.tms-report .summary-detail li {
  position: relative;
  margin-top: 0.7rem;
  padding-left: 2.4rem;
  line-height: 1.36;
  font-size: 1.6rem;
  color: #333 !important;
}
.tms-report .opinion-wrap {
  padding: 2.4rem 2.8rem;
  /* height: calc(100% - 6rem); */
  border-radius: 3rem;
  background-color: #f1f1f8 !important;
  word-break: break-all;
}
.tms-report .opinion-detail:not(:first-child) {
  margin-top: 1.2rem;
  padding-top: 1.2rem;
  border-top: 1px solid rgba(0,0,0,0.2);
}
.tms-report .opinion-detail dt {
  display: block;
  line-height: 1.6;
  font-size: 1.6rem;
  color: #2a2c40 !important;
  font-weight: bold;
}
.tms-report .opinion-detail dd {
  display: block;
  line-height: 1.4;
  font-size: 1.6rem;
  color: #2a2c40 !important;
}
.tms-report .opinion-wrap .inner-box {
  width: 100%;
}
.tms-report .opinion-wrap .inner-box textarea {
  padding: 10px;
  width: 100%;
  min-height: 200px;
  max-height: 600px;
  border: 1px solid rgba(0,0,0,0.2);
  background-color: #f1f1f8;
  line-height: 1.4;
  font-size: 1.6rem;
  color: #2a2c40;
  resize: none;
}
.tms-report .summary-detail li:first-child {
  margin-top: 0;
}
.tms-report .summary-detail li.check:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 2rem;
  height: 2rem;
  background: url(/images/tms/ic_check.png) no-repeat center / 100% auto !important;
}
.tms-report .summary-detail li.dot:after {
  content: "";
  position: absolute;
  left: 1.2rem;
  top: 1.2rem;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 100%;
  background-color: #333 !important;
}
.tms-report .info-txt {
  margin: 1.2rem 0 0;
  padding-left: 2.6rem;
  background: url(/images/tms/ic_info.png) no-repeat left 0.3rem / 1.8rem auto !important;
  line-height: 1.3;
  font-size: 1.6rem;
  color: #555 !important;
}
.tms-report.typeChiler .section-content .tms_address_area {
  background-color: #F8F8F8 !important;
}
.tms-report.typeChiler .section-content .tms__intro .tms_address_area {
  background-color: #DBE3E4 !important;
}
.tms-report.typeChiler .accrue-inner .accrue-col {
  max-width: none !important;
  text-align: center;
}
.tms-report.typeChiler .accrue-inner .accrue-col.large {
  min-width: 60%;
}
.tms-report.typeChiler .accrue-inner .chart-inner img:not(.empty-img) {
  width: 100% !important;
}
/* 
.tms-report.typeChiler .accrue-inner .chart-inner .full-width {
  width: 100% !important;
}
.tms-report.typeChiler .accrue-inner .chart-inner .middle-width {
  width: 100% !important;
  max-width: 80% !important;
}
.tms-report.typeChiler .accrue-inner .chart-inner .low-width {
  width: 100% !important;
  max-width: 70% !important;
}
*/
.tms-report .col-12 {
  width: 100% !important;
}
.tms-report .col-11 {
  width: 91.66666667% !important;
}
.tms-report .col-10 {
  width: 83.33333333% !important;
}
.tms-report .col-9 {
  width: 75% !important;
}
.tms-report .col-8 {
  width: 66.66666667% !important;
}
.tms-report .col-7 {
  width: 53.33333333% !important;
}
.tms-report .col-6 {
  width: 50% !important;
}
.tms-report .col-5 {
  width: 41.66666667% !important;
}
.tms-report .col-4 {
  width: 33.33333333% !important;
}
.tms-report .col-3 {
  width: 25% !important;
}
.tms-report .col-2 {
  width: 16.66666667% !important;
}
.tms-report .col-1 {
  width: 8.33333333% !important;
}
.tms-report.typeChiler .accrue-inner .accrue-cell {
  display: inline-block;
}
.tms-report .summary-message {
  margin-top: 1.4rem;
  padding: 1.6rem 3rem;
  border-radius: 7rem;
  background-color: #f2f2f2 !important; 
  font-size: 1.7rem;
  color: #333 !important;
  font-weight: bold;
  word-break: break-all;
}
.tms-report.typeChiler .section-content .monitoring-info {
  margin-top: 0.8rem;
  max-width: none;
}
.tms-report.typeChiler .section-content .monitoring-info ul {
  margin: 0 0 0 2rem;
}
.tms-report.typeChiler .section-content .monitoring-info ul li strong {
  font-size: inherit;
  color: inherit !important;
}
.tms-report .info-round-txt {
  position: relative;
  display: flex;
  margin-top: 1.4rem;
  padding: 0 2rem 0 10rem;
  min-height: 6rem;
  background: url(/images/tms/bg_info_bottom.png) no-repeat left center / 100% 100% !important;
  background-origin: content-box;
  font-size: 1.5rem;
  color: #333 !important;
  align-items: center;
}
.tms-report .info-round-txt:after {
  content: "";
  position: absolute;
  left: 1rem;
  top: 50%;
  width: 6rem;
  height: 6rem;
  background: url(/images/tms/bg_info_circle.png) no-repeat center / 100% auto !important; 
  transform: translateY(-50%);
}
.tms-report .caution-round-txt {
  position: relative;
  display: flex;
  margin-top: 1.4rem;
  padding: 0 2rem 0 10rem;
  min-height: 7rem;
  background: url(/images/tms/bg_caution_bottom_2line.png) no-repeat left center / 100% 100% !important;
  font-size: 1.6rem;
  color: #333 !important;
  align-items: center;
}
.tms-report .caution-round-txt:after {
  content: "";
  position: absolute;
  left: 1rem;
  top: 50%;
  width: 6rem;
  height: 6rem;
  background: url(/images/tms/bg_caution_circle.png) no-repeat center / 100% auto !important; 
  transform: translateY(-50%);
}
.tms-report .caution-round-txt strong {
  margin-left: 0.3rem;
}
.tms-report.typeChiler .middle-area .table {
  margin: 0.7rem auto 0;
  width: 77%;
}
.tms-report.typeChiler .middle-area .table thead th {
  padding: 0;
  height: 3.5rem !important;
}
.tms-report .chart-wrap .chart-inner {
  position: relative;
}
.tms-report .chart-wrap .chart-txt {
  position: absolute;
  left: 0;
  bottom: 12%;
  width: 100%;
  text-align: center;
  font-size: 2rem;
  font-weight: 500;
}
.tms-report .chart-wrap.flex {
  display: flex;
  gap: 1.6rem;
  justify-content: center;
}
.tms-report .chart-wrap.flex .chart-inner + .chart-inner {
  max-width: 33.3%;
}
.tms-report .chart-wrap.flex.empty .chart-inner {
  width: 50% !important;
  max-width: none !important;
}
  .tms-report .section-content .chart-inner {
    width: 100% !important;
    height: auto !important;
  }
  .tms-report .section-content .chart-inner .highcharts-container {
    width: 100% !important;
    height: auto !important;
  }
  .tms-report .section-content .chart-inner .highcharts-container .highcharts-root {
    width: 100% !important;
    height: auto !important;
  }
#commonModal.tms_chiler_modal .modal-dialog {
  width: 1567px;
}
#commonModal.tms_chiler_modal .modal-body {
  text-align: left;
}
#commonModal.tms_chiler_modal .section-content {
  margin: 10mm auto 0;
}
#commonModal.tms_chiler_modal .section-content:first-child {
  margin-top: 0;
}
#commonModal.tms_chiler_modal .section-content .tms_address_area {
  position: relative;
  left: 0;
  margin-top: 3rem;
}

.tms-report.typeChiler .chiller-tab-body .cover {
  position: relative;
  background-color: #EFF3F4;
}
.tms-report.typeChiler .chiller-tab-body .top-area {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  display: flex;
  padding: 0 7rem 1.2rem;
  width: 100%;
  min-height: 11rem;
  justify-content: space-between;
  align-items: end;
}
.tms-report.typeChiler .chiller-tab-body .top-area:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: calc(100% - 14rem);
  height: 1px;
  background-color: #ccc !important;
  transform: translateX(-50%);
}
.tms-report.typeChiler .chiller-tab-body .top-area .site-info {
  line-height: 1.5;
  font-size: 1.6rem;
  color: #444 !important;
  font-weight: 500;
}
.tms-report.typeChiler .chiller-tab-body .top-area .report-info {
  line-height: 1.5;
  font-size: 1.6rem;
  color: #444 !important;
  font-weight: 500;
}
.tms-report.typeChiler .chiller-tab-body .middle-area {
  position: relative;
}
.tms-report.typeChiler .chiller-tab-body .report-visual {
  display: flex;
  padding: 13.4rem 8rem 11.4rem;
  min-height: 80rem;
  background: url(/images/tms/bg_tms_cover_02.png) no-repeat right 50% / auto 68% !important;
  flex-direction: column;
  justify-content: center;
}
.tms-report.typeChiler .chiller-tab-body .report-visual .category {
  line-height: 1.1;
  font-size: 4rem;
  color: #FD312E !important;
  font-weight: 800;
  letter-spacing: -0.18rem;
}
.tms-report.typeChiler .chiller-tab-body .report-visual .category span {
  padding-left: 0.4rem;
  font-size: 2.4rem;
  color: #777 !important;
  vertical-align: middle;
}
.tms-report.typeChiler .chiller-tab-body .report-visual .title {
  margin: 0;
  padding: 1.6rem 0 4rem;
  max-width: 60%;
  font-size: 7.6rem;
  color: #333 !important;
  font-weight: 800;
  letter-spacing: -0.2rem;
  word-break: keep-all;
}
.tms-report.typeChiler .chiller-tab-body .report-visual p {
  line-height: 1.5;
  font-size: 2rem;
  color: #333 !important;
}

/* TMS 리포트 전용 Css */
@page {
  size: A4 landscape;
  margin: 0;
}
@media print {
  html {
    font-size: 7.2px;
  }
  * {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact; }
  .section.tms-report .post-slider .post-wrapper .post {
    float: none !important;
    position: relative !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 0 75px !important;
    break-before: page !important;
    width: 100% !important;
    min-height: 100dvh !important;
    /* background: #FFF !important; */
  }
  .section.tms-report .post-slider .post-wrapper .post:has(.tms__intro) {
    padding: 0 !important;
  }
  .section.tms-report .post-slider .post-wrapper .slick-slide:last-child {
    page-break-after: auto !important;
  }
  .section.tms-report .tms__content_client_sub .slick-slider .slick-list {
    overflow: visible !important;
    height: auto !important;
    transform: translate3d(0, 0, 0) !important;
  }
  .section.tms-report .tms__content_client_sub .slick-slider .slick-track {
    width: 100% !important;
    height: auto !important;
    transform: translate3d(0, 0, 0) !important;
  }
  /* table { page-break-inside:auto } */
  tr { page-break-inside:avoid; page-break-after:auto }
  thead { display:table-header-group; }
  tfoot { display:table-footer-group; }
  .desktop form,
  .desktop #top-header,
  .desktop #left-sidebar,
  .desktop #page-title,
  .desktop .tms-body .section-header,
  .desktop .tms-body .left-nav,
  .tms-body .client_body:not(.onlyPrint),
  #footer {
    display: none !important; }
  .desktop #body-content {
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
  }
  .desktop #body-content section.body {
    padding: 0 !important;
  }
  .desktop .section-analytics.tms-report {
    margin-top: 0;
    border: 0;
    border-radius: 0;
  }
  .section-analytics.tms-report .section-content {
    position: relative;
    width: 100% !important;
    min-height: none !important;
    height: auto !important;
  }
  ul, li {
    list-style: none;
    padding: 0; }
  #body-content.tms-body .body {
    padding: 0 !important;
  }
  .section.tms-report {
    margin: 0 !important;
  }
  .section.tms-report .section-content {
    display: block !important;
  }
  .section.tms-report .section-content .tms__content.tms_scroll {
    overflow: visible !important;
    height: auto !important;
  }
  .section.tms-report .section-content .tms__content_client_sub {
    padding: 0 !important;
    min-height: auto !important;
  }
  .section.tms-report .onlyPrint {
    position: static;
    left: 0;
    top: 0;
  }
  .tms-report .section-content .top-area {
    padding: 1.5rem 6rem;
  }
  .tms-report .section-content .top-area:after {
    width: calc(100% - 12rem);
  }
  .tms-report .section-content .top-area .site-info,
  .tms-report .section-content .top-area .report-info {
    font-size: 1.6rem;
  }
  .tms-report .section-content .top-area .page-title {
    padding-left: 6.6rem;
    background-size: 5rem auto !important;
    font-size: 3.6rem;
  }
  .tms-report .section-content .middle-area {
    padding: 2.4rem 8.5rem;
  }
  .tms-report .section-content .tms__intro {
    display: flex;
    min-height: 100dvh;
    flex-direction: column;
    justify-content: center;
  }
  .tms-report .section-content .tms__intro .top-area {
    position: absolute;
    left: 0;
    top: 0;
    padding: 0 7rem 1.2rem;
    min-height: 11rem;
  }
  .tms-report .section-content .tms__intro .top-area:after {
    width: calc(100% - 14rem);
  }
  .tms-report .section-content .tms__intro .report-visual {
    padding: 2.4rem 10rem;
    background-size: auto 60% !important;
    min-height: 64dvh !important;
  }
  .tms-report .section-content .tms__intro .report-visual .category {
    font-size: 4rem;
  }
  .tms-report .section-content .tms__intro .report-visual .category span {
    font-size: 2.4rem;
  }
  .tms-report .section-content .tms__intro .report-visual .title {
    font-size: 7.6rem;
  }
  .tms-report .section-content .tms__intro .report-visual p {
    font-size: 2rem;
  }
  .tms-report .section-content .tms__intro .contract-info {
    left: 10rem;
    bottom: 3rem;
    padding-left: 7.2rem;
    background-size: 6.4rem auto !important;
    font-size: 1.8rem;
  }
  .tms-report .section-content .tms_address_area {
    position: absolute !important;
    left: 0 !important;
  } 
  .tms-report .section-content .middle-area .noError {
    min-height: 20rem;
  }
  .tms-report .section-content .middle-area .noError.medium,
  .tms-report .section-content .middle-area .noData.medium {
    min-height: 33rem !important;
  }
  .tms-report .section-content .middle-area .noError.large,
  .tms-report .section-content .middle-area .noData.large {
    min-height: 65rem !important;
  }
  .tms-report .section-content .middle-area .noError .noError-txt {
    font-size: 2.4rem;
  }
  .tms-report .section-content .middle-area .noError .noError-txt:before {
    width: 6.8rem;
    height: 6.8rem;
  }
  .tms-report .section-content .middle-area .noData .noData-txt {
    font-size: 2.4rem;
  }
  .tms-report .section-content .middle-area .noData .noData-txt:before {
    width: 9.8rem;
  }
  .tms-report .section-content .par-title {
    min-height: 6rem;
    font-size: 2.4rem;
  }
  .tms-report .section-content .par-title .sub-title {
    font-size: 1.8rem;
  }
  .tms-report .section-content .product-item .category {
    font-size: 1.8rem;
  }
  .tms-report .section-content .product-item .product-info {
    padding: 1.6rem 2rem;
  }
  .tms-report .section-content .product-item .state-list li {
    font-size: 2rem;
  }
  .tms-report .section-content .product-item .state-value {
    font-size: 4.8rem;
  }
  .tms-report .section-content .info-guide {
    font-size: 1.8rem;
  }
  .tms-report .section-content .info-guide:before {
    width: 2.1rem;
    height: 2.1rem;
  }
  .tms-report .section-content .report-guide p {
    font-size: 1.6rem;
  }
  .tms-report .section-content .opinion-name {
    font-size: 2.2rem;
  }
  .tms-report .section-content .opinion-detail {
    font-size: 1.8rem;
  }
  .tms-report .opinion-detail:not(:first-child) {
    margin-top: 1.6rem;
    padding-top: 1.6rem;
  }
  .tms-report .section-content .monitoring-info {
    margin-top: 1.6rem;
  }
  .tms-report .section-content .monitoring-info strong {
    font-size: 1.8rem;
  }
  .tms-report .section-content .monitoring-info ul {
    margin: 1.4rem 0;
  }
  .tms-report .section-content .monitoring-info li {
    margin-left: 3rem;
    font-size: 1.7rem;
  }
  .tms-report .section-content .monitoring-info li.asterisk {
    margin-left: 4.6rem;
  }
  .tms-report .section-content .monitoring-info p {
    margin: 1.4rem 0 0;
    font-size: 1.4rem;
  }
  .tms-report .section-content .product-analysis-area {
    padding: 3.5rem 5.4rem 0;
  }
  .tms-report .section-content .product-analysis-area .category {
    font-size: 2.6rem;
  }
  .tms-report .section-content .product-analysis-area .chart-wrap {
      margin-left: 12rem;
      max-width: 50%;
  }
  .tms-report .section-content .product-analysis-area .chart-wrap:after {
      left: -6rem;
  }
  .tms-report .section-content .product-analysis-area .chart-state {
    padding: 2rem;
    font-size: 1.8rem;
  }
  .tms-report .section-content .product-analysis-area .chart-state::before {
    margin-right: 0.7rem;
    width: 2.4rem;
    height: 2.4rem;
  }
  .tms-report .section-content .comp-info-area .category {
    font-size: 2rem;
  }
  .tms-report .section-content .comp-info-area .comp-inner .comp-col p {
    font-size: 1.6rem;
  }
  .tms-report .section-content .history-info {
    margin: 1.6rem 0;
    font-size: 1.8rem;
  }
  .tms_address_area {
    padding: 0 6rem 0 7rem;
    height: 9.4rem;
  }
  .tms_address_area p {
    font-size: 1.4rem;
  }
  .tms_address_area .thumb {
    width: 9rem;
    min-width: 9rem;
    height: 4rem;
    min-height: 4rem;
  }
  .tms-report .section-content .major .opinion-area {
    margin-top: 2rem;
  }
  .tms-report .section-content .major .opinion-title {
    margin-top: 3.6rem;
    font-size: 2.6rem;
  }
  .tms-report .section-content .major .opinion-title .thumb {
    width: 5.6rem;
    height: 5.6rem;
  }
  .tms-report .section-content .major .manager-info {
    padding-top: 2rem;
    font-size: 1.7rem;
  }
  .tms-report .summary-detail li {
    padding-left: 3.7rem;
    font-size: 2.2rem;
  }
  .tms-report .summary-detail li.check:after {
    width: 3rem;
    height: 3rem;
  }
  .tms-report .info-txt {
    margin: 2rem 0 0;
    font-size: 1.8rem;
  }
  .tms-report .opinion-detail dt,
  .tms-report .opinion-detail dd {
    font-size: 2rem;
  }
  .tms-report .opinion-wrap .inner-box textarea {
    font-size: 2rem;
  }
  .tms-report .summary-message {
    margin-top: 2rem;
    padding: 2rem 4rem;
    border-radius: 9rem;
    font-size: 2.2rem;
  }
  .tms-report .info-round-txt {
    font-size: 1.7rem;
  }
  .tms-report .caution-round-txt {
    font-size: 1.8rem;
  }
  .tms-report .section-content .chart-inner {
    width: 100% !important;
    height: auto !important;
  }
  .tms-report .section-content .chart-inner .highcharts-container {
    width: 100% !important;
    height: auto !important;
  }
  .tms-report .section-content .chart-inner .highcharts-container .highcharts-root {
    width: 100% !important;
    height: auto !important;
  }
  .tms-report.typeChiler .section-content .tms__intro .middle-area {
    padding: 0 !important;
  }
}