<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* BASIC css start */
/*에너지 절감 계산기 전용*/

#header_navi .utility_wrap .utility_cart span {
    top: 0;
}

html body {
  font-size: inherit;
}

body [class^=sect-] .remark li {
    white-space: normal;
}

body .wrap {
    min-width: auto;
}

[class^=sect-] .remark li span {
    display: inline !important;
}

/* KV 프린터 이미지 크기 및 위치 조절 - 2025.02.05 */
#contents .sect-intro .intro1::before {
  background-size: contain;
  background-repeat: no-repeat;
  width: 480px;
  height: 431px;
  top: -90px;
  left: -100px;
  transition: all ease .3s;
}

#contents .txt-deco {
  padding: 0 5px;
}


/* 기타 반응형 UI 최적화 - 2025.02.05 */

@media all and (max-width: 1024px) {
  #contents .sect-intro .intro1::before {
    width: 370px;
    height: 312px;
    top: -45px;
    left: -45px;
  }

  #contents .sect-hd .bg.bg1 {
    background: #fff url(https://www.epsonlounge.co.kr/design/epsonkorea/energycalc_copy/img/hd-img1-pc.png) no-repeat;
    background-position: 380px top;
  }

  #contents .sect-hd .bg.bg2 {
    background: #fff url(https://www.epsonlounge.co.kr/design/epsonkorea/energycalc_copy/img/hd-img2-pc.png) no-repeat;
    background-position: 280px top;
  }
}


@media all and (max-width: 767px) {
  #contents .h2 {
    text-align: center;
  }

  #contents .sect-hd .bg.bg1 {
    background: #fff url(https://www.epsonlounge.co.kr/design/epsonkorea/energycalc_copy/img/hd-img2-mo.png) no-repeat center top / 100% auto;
  }

  #contents .sect-hd .bg.bg2 {
    background: #fff url(https://www.epsonlounge.co.kr/design/epsonkorea/energycalc_copy/img/hd-img1-mo.png) no-repeat center top / 100% auto;
  }

  #contents .sect-intro .intro1 {
    padding: 120px 0 60px;
  }

  #contents .sect-intro .intro1::before {
    left: 0;
    top: 0;
    width: 100%;
    height: 175px;
  }

  #contents .sect-intro .intro1 p {
    font-size: 12px;
    text-align: center;
    word-break: keep-all;
  }

  #contents .sect-hd {
    padding-top: 60px;
  }

  #contents .sect-hd .bg {
    top: 150px;
  }

  #contents .sect-hd .hd-text {
    font-size: 12px;
    word-break: keep-all;
    text-align: center;
    padding-top: 65vw;
  }

  #contents .sect-hd .hd-text p {
    font-size: 16px;
    margin-top: 10px;
  }
  
  #contents .sect-intro .title {
    font-size: 14px;
    line-height: 1;
  }


  #contents .sect-intro .intro2 .h3,
  #contents .sect-eco .h3 {
    font-size: 16px;
  }

  #contents .txt-secondary {
    bottom: 6px;
  }

  #contents [class^=sect-] .remark li {
    word-break: keep-all;
    font-size: 12px;
    margin-bottom: 12px;
    flex-direction: column;
    text-align: center;
  }

  #contents [class^=sect-] .remark li span {
    margin-right: 0;
  }

  [class^=sect-] .remark li p br {
    display: none;
  }

  #contents .sect-eco .echo-effect li {
    margin-bottom: 30px;
  }

  #contents .sect-eco .echo-effect dd {
    font-size: 12px;
    text-align: center;
    word-break: keep-all;
  }

  #contents .sect-eco .echo-effect dt {
    margin-bottom: 10px;
    flex-direction: column;
    justify-content: center;
  }

  #contents .sect-eco .echo-effect dt span {
    flex: unset;
    margin-top: 10px;
    padding: 0;
  }

  #contents .sect-eco .simul-title {
    font-size: 12px;
  }

  #contents .sect-eco .simul-title p {
    margin-top: 10px;
  }

}

/* BASIC css end */

</pre></body></html>