@charset "UTF-8";
/*************************
****** energy print ******
**************************/
/* 23.06.09 minjae.jeon 에너지 절감 리포트 전용 Css */
@page {
  size: A4 landscape;
  margin: 0;
}
@media print {
  html,
  body {
    background-color: #f7f7f7 !important;
  }
  * {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact; }
  .energy__intro {
    margin: 0 !important;
    padding: 10px 30px !important;
    /* break-after: page !important; */
    /* page-break-after: always !important; */
    width: 100% !important;
    min-height: 209mm !important;
    background-color: #fff !important;
  }
  .section.energy .post-slider .post-wrapper .post {
    float: none !important;
    position: relative !important;
    display: block !important;
    margin: 0 !important;
    padding: 10px 30px !important;
    break-before: page !important;
    /* page-break-after: always !important; */
    width: 100% !important;
    height: auto !important;
    /* width: 29.7cm !important;
    min-height: 21cm !important; */
  }
  .section.energy .post-slider .post-wrapper .post .page-number {
    display: block !important;
  }
  .section.energy .post-slider .post-wrapper .post.exception {
    display: none !important; 
  }
  .section.energy .post-slider .post-wrapper .slick-slide:last-child {
    page-break-after: auto !important;
  }
  .section.energy .energy__content_client_sub .slick-slider .slick-list {
    overflow: visible !important;
    height: auto !important;
    transform: translate3d(0, 0, 0) !important;
  }
  .section.energy .energy__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 #top-header,
  .desktop #left-sidebar,
  .desktop #page-title,
  .desktop .energy-body .section-header,
  .desktop .energy-body .left-nav,
  #footer {
    display: none !important; }
  table thead tr th,
  table tbody tr td {
    height: 35px !important;
    font-size: 12px !important;
  }
  .desktop #body-content {
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
  }
  .desktop #body-content section.body {
    padding: 0 !important;
  }
  .desktop .section-analytics.energy {
    margin-top: 0;
    border: 0;
    border-radius: 0;
  }
  .section-analytics.energy .section-content {
    position: relative;
    width: 100% !important;
    min-height: none !important;
    height: auto !important;
  }
  ul, li {
    list-style: none;
    padding: 0; }
  #body-content.energy-body .body {
    padding: 0 !important;
  }
  .section.energy {
    margin: 0 !important;
  }
  .section.energy .section-content {
    display: block !important;
  }
  .section.energy .section-content .energy__content_client_main .btn_more,
  .section.energy .post-slider .post-wrapper .slick-arrow,
  .section.energy .section-content .energy__content_client_sub .client_header {
    display: none !important; }
  .section.energy .section-content .energy__content.energy_scroll {
    overflow: visible !important;
    height: auto !important;
  }
  .section.energy .section-content .energy__content_client_main {
    background: url(/images/analytics/img_cover_energy.png) no-repeat center right / auto 100% !important;
  }
  .section.energy .section-content .energy__intro .client_main_notice {
    display: none !important;
  }
  .section.energy .section-content .energy__content_client_main .client_foot {
    bottom: 66px;
    padding: 0 30px;
  }
  .section.energy .section-content .energy__content_client_sub {
    padding: 0 !important;
    min-height: auto !important;
  }
  .section.energy .section-content .energy__content_client_sub .energy-tbl-guide .onlyReport {
    display: block !important;
  }
  .section.energy .section-content .energy__content_client_sub .slider-title {
    margin-top: 5mm !important;
  }
  .section.energy .section-content .energy__content_client_sub .energy-card-wrap {
    margin-top: 12px;
  }
  .section.energy .section-content .energy__content_client_sub .energy-card-item {
    min-width: auto !important;
    padding: 16px;
  }
  .section.energy .section-content .energy__content_client_sub .energy-card-item.full-width {
    margin-top: 12px;
    max-height: 330px !important; }
  .section.energy .section-content .energy__content_client_sub .energy-card-item .chart-area {
    width: 100% !important;
    height: auto !important;
  }
  .section.energy .section-content .energy__content_client_sub .energy-card-item .chart-area .highcharts-container {
    width: 100% !important;
    height: auto !important;
  }
  .section.energy .section-content .energy__content_client_sub .energy-card-item .chart-area .highcharts-container .highcharts-root {
    width: 100% !important;
    height: auto !important;
  }
  .section.energy .section-content .energy__content_client_sub .energy-card-item .energy-card-title {
    font-size: 14px !important;
  }
  .section.energy .section-content .energy__content_client_sub .energy-data-guide span {
    margin: 10px 10px 0 0;
    font-size: 12px;
  }
  .section.energy .section-content .energy__content_client_sub .energy-tbl-guide {
    margin-top: 12px !important;
  }
  .section.energy .section-content .energy__content_client_sub .analysis .energy-card-item {
    min-width: calc(50% - 10px) !important; 
  }
  .section.energy .section-content .energy__content_client_sub .analysis .energy-card-item .energy-waste-list span {
    color: #0db2b2 !important;
  }
  .section.energy .section-content .energy__content_client_sub .analysis a.energy-card-item::after {
    display: none !important;
  }
  .section.energy .section-content .energy__content_client_sub .energy-card-item .energy-card-status dt {
    margin-top: 12px;
    font-size: 12px;
  }
  .section.energy .section-content .energy__content_client_sub .energy-card-item .energy-card-status dd {
    margin-top: 12px;
    font-size: 12px;
  }
  .section.energy .section-content .energy__content_client_sub .energy-card-item .energy-card-status.stats dd .chart-info {
    font-size: 12px;
  }
  .energy_address_area {
    display: flex !important;
    position: fixed;
    left: 0;
    bottom: 10px;
    padding: 10px 30px;
    width: 100%;
    align-items: center; }
  .energy_address_area p { 
    margin-bottom: 2px !important;
    font-size: 10px !important;
    color: #555 !important;
    font-weight: normal !important;
  }
  .section.energy .section-content .energy__content_client_sub .energy-tbl-inner {
    margin: 10px 0 !important;
    padding: 16px !important;
  }
  .section.energy .section-content .energy__content_client_sub .energy-tbl-inner.typeMtm {
    overflow: visible !important;
  }
  .section.energy .section-content .energy__content_client_sub .energy-tbl-inner.typeMtm .table {
    table-layout: auto;
  }
  .section.energy .section-content .energy__content_client_sub .energy-tbl-inner .tbl-title {
    padding-bottom: 6px !important;
    font-size: 14px !important;
    color: #333 !important;
  }
  .section.energy .section-content .energy__content_client_sub .energy-tbl-inner .table .detail {
    min-width: 180px !important;
    font-size: 0 !important;
  }
  .section.energy .section-content .energy__content_client_sub .energy-tbl-inner .table .chart-area {
    display: inline-block !important;
    width: calc(100% - 70px) !important;
  }
  .section.energy .section-content .energy__content_client_sub .energy-tbl-inner .table .chart-area .bar .txt {
    left: 8px !important;
    font-size: 12px !important;
  }
  .section.energy .section-content .energy__content_client_sub .energy-tbl-inner .table .percent {
    width: 70px !important;
    font-size: 12px !important;
  }
  .section.energy .post-slider table.fc-border-separate {
    border-collapse: collapse;
  }
  .section.energy .post-slider table.fc-border-separate th,
  .section.energy .post-slider table.fc-border-separate td {
    border-width: 1px !important;
  }
  .section.energy .post-slider .fc-day-header {
    width: auto !important;
    background-color: #f8f8f9 !important;
  }
  .section.energy .post-slider .fc-sun {
    color: #ff2121 !important;
  }
  .section.energy .post-slider .fc-sun .fc-day-number {
    color: #ff2121 !important; }
  .section.energy .post-slider .fc-day-number {
    padding: 4px !important;
    font-size: 12px !important;
  }
  .section.energy .post-slider .fc-day {
    padding-bottom: 4px !important;
    height: 35px !important;
  }
  .section.energy .post-slider .fc-day .fc-day-content {
    padding: 0 0 2px !important;
  }
  .section.energy .post-slider .items {
    padding: 0 4px !important;
    line-height: normal !important;
    font-size: 12px !important;
  }
  .section.energy .post-slider .fc-other-month.fc-future {
    display: none !important;
  }
  .section.energy .post-slider .fc-day:not(.fc-other-month) + .fc-other-month.fc-future {
    display: table-cell !important;
  }
  .section.energy .section-content .energy__content_client_sub .energy-tbl-inner .calendar tbody > tr > td {
    padding-bottom: 0 !important;
  }
  .section.energy .section-content .energy__content_client_sub .energy-tbl-inner .calendar .fc-event-container {
    padding-bottom: 4px !important;
  }
  .section.energy .section-content .energy__content_client_sub .energy-tbl-inner .calendar .fc-day-top {
    height: auto !important;
  }
  .section.energy .section-content .energy__content_client_sub .slider-title {
    padding: 6px 0 !important;
    font-size: 14px !important;
    color:  #11142d !important;
  }
  .section.energy .section-content .energy__content_client_sub .slider-sub-title {
    font-size: 12px !important;
    color: #555 !important;
  }
  .section.energy .section-content .energy__content_client_sub .slider-sub-title > span {
    font-size: 12px !important;
    color: #555 !important;
  }
  .section.energy .section-content .energy__content_client_sub .slider-sub-title .detect {
    color: #0db2b2 !important;
  }
  .section.energy .onlyPrint {
    position: static;
    left: 0;
    top: 0;
  }
  .section.energy .onlyPrint .energy-tbl-wrap .table thead th:first-child {
    width: 160px !important; 
  }
}