@charset "UTF-8";

.fixed {
  width: 100%;
  position: fixed !important;
  overflow: hidden !important;
}

.header .logo>a img {
  content: url("https://heatsol01.cdn1.cafe24.com/static/img/common/logo-w.png");
}

.header-wrap.active .header .logo>a img {
  content: url("https://heatsol01.cdn1.cafe24.com/static/img/common/logo.png");
}

.visual-wrap {
  width: 100%;
  height: 60rem;
}

.visual-wrap.pro {
  height: 77rem;
}

.visual {
  width: 100%;
  height: 100%;
  background-size: cover;
}

.visual .gnb-tit {
  display: block;
  padding-top: 37rem;
  font-size: 3.5rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.6);
  font-family: "Montserrat", sans-serif;
}

.visual .lnb-tit {
  margin-top: 3.5rem;
  font-weight: 600;
  font-family: "Montserrat", sans-serif;
  font-size: 7.5rem;
  color: #fff;
}

.visual.vis1 {
  background-image: url("https://heatsol01.cdn1.cafe24.com/static/img/sub/visual/vis1.png");
}

.visual.vis2 {
  background-image: url("https://heatsol01.cdn1.cafe24.com/static/img/sub/visual/vis2.png");
}

.visual.vis3 {
  background-image: url("https://heatsol01.cdn1.cafe24.com/static/img/sub/visual/vis3.png");
}

.visual.vis4 {
  background-image: url("https://heatsol01.cdn1.cafe24.com/static/img/sub/visual/vis4.png");
}

.visual.vis5 {
  background-image: url("https://heatsol01.cdn1.cafe24.com/static/img/sub/visual/vis5.png");
}

.visual.vis6 {
  background-image: url("https://heatsol01.cdn1.cafe24.com/static/img/sub/visual/vis6.png");
}

.visual.vis7 {
  background-image: url("https://heatsol01.cdn1.cafe24.com/static/img/sub/visual/vis7.png");
}

.visual.vis8 {
  background-image: url("https://heatsol01.cdn1.cafe24.com/static/img/sub/visual/vis8.png");
}

.visual.vis9 {
  background-image: url("https://heatsol01.cdn1.cafe24.com/static/img/sub/visual/vis9.png");
}

.visual.vis10 {
  background-image: url("https://heatsol01.cdn1.cafe24.com/static/img/sub/visual/vis10.png");
}

.visual.vis11 {
  background-image: url("https://heatsol01.cdn1.cafe24.com/static/img/sub/visual/vis11.png");
}

.visual.vis12 {
  background-image: url("https://heatsol01.cdn1.cafe24.com/static/img/sub/visual/vis12.png");
}

.visual.vis13 {
  background-image: url("https://heatsol01.cdn1.cafe24.com/static/img/sub/visual/vis13.png");
}

.visual.vis14 {
  background-image: url("https://heatsol01.cdn1.cafe24.com/static/img/sub/visual/vis14.png");
}

.visual.vis15 {
  background-image: url("https://heatsol01.cdn1.cafe24.com/static/img/sub/visual/vis15.png");
}

.visual.visual2 .gnb-tit {
  padding-top: 33rem;
}

.anchor {
  display: flex;
  margin-top: 7.5rem;
}

.anchor.col-2 li {
  width: 50%;
}

.anchor.col-1 li {
  width: 100%;
}

.anchor li {
  width: 33.3333333333%;
  background: #eff3f6;
}

.anchor li a {
  display: block;
  padding: 3.6rem 0;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  color: #103869;
  font-size: 2.5rem;
}

.anchor li.on {
  background: #103869;
}

.anchor li.on a {
  color: #fff;
  font-weight: 700;
}

.section-title {
  margin-bottom: 8rem;
  font-size: 4.8rem;
  text-align: center;
  font-weight: 700;
  color: #103869;
}

@media all and (max-width: 85.375rem) {
  .visual .gnb-tit {
    font-size: 3rem;
  }

  .visual .lnb-tit {
    font-size: 6rem;
  }

  .anchor li a {
    font-size: 2.2rem;
  }
}

@media all and (max-width: 64rem) {
  .visual-wrap {
    height: 50rem;
  }

  .visual-wrap.pro {
    height: 67rem;
  }

  .visual .gnb-tit {
    padding-top: 30rem;
  }

  .visual .lnb-tit {
    margin-top: 2rem;
    font-size: 5rem;
  }

  .visual.visual2 .gnb-tit {
    padding-top: 31rem;
  }

  .anchor li a {
    padding: 3rem 0;
    font-size: 2rem;
  }

  .section-title {
    margin-bottom: 6rem;
    font-size: 4rem;
  }
}

@media all and (max-width: 63.9375rem) {
  .visual-wrap {
    height: 45rem;
  }

  .visual-wrap.pro {
    height: 58rem;
  }

  .visual .gnb-tit {
    padding-top: 27rem;
    font-size: 2.7rem;
  }

  .visual .lnb-tit {
    font-size: 4rem;
  }

  .visual.visual2 .gnb-tit {
    padding-top: 28rem;
  }

  .anchor {
    margin-top: 5.5rem;
  }

  .anchor li a {
    padding: 2.4rem 0;
    font-size: 1.8rem;
  }
}

@media all and (max-width: 47.9375rem) {
  .visual .gnb-tit {
    padding-top: 25rem;
    font-size: 2.2rem;
  }

  .visual .lnb-tit {
    font-size: 3.6rem;
    line-height: 1.2;
  }

  .anchor li a {
    padding: 2rem 0;
    font-size: 1.5rem;
    line-height: 1.3;
  }

  .section-title {
    margin-bottom: 4rem;
    font-size: 3rem;
  }
}

.inner {
  max-width: 152rem;
  padding: 0 4rem;
  margin: 0 auto;
}

@media all and (max-width: 47.9375rem) {
  .inner {
    padding: 0 2rem;
  }
}

/*회사소개*/
.company .sec-1 {
  margin: 17.5rem 0 13rem;
}

.company .sec-2 {
  padding: 13.5rem 0 19.5rem;
  background: #eff5ff;
}

.company .sec-2 .section-title {
  margin-bottom: 3rem;
}

.company .sec-3 {
  padding: 13rem 0 14rem;
  background: url("https://heatsol01.cdn1.cafe24.com/static/img/sub/about/bg2.png") no-repeat;
  background-size: cover;
}

.company .flex-wrap {
  display: flex;
  gap: 12rem;
  margin-bottom: 12rem;
}

.company .flex-wrap.reverse {
  flex-direction: row-reverse;
}

.company .left-img {
  min-width: 50%;
}

.company .p-tit {
  display: flex;
  gap: 1.4rem;
  align-items: center;
  margin-top: 4.8rem;
  font-size: 2.2rem;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  color: rgba(16, 56, 105, 0.4);
}

.company .p-tit span {
  display: flex;
  width: 3.5rem;
  height: 3.5rem;
  background: #60a8ff;
  color: #fff;
  text-align: center;
  align-items: center;
  justify-content: center;
  font-size: 1.6rem;
  border-radius: 0.2rem;
  -webkit-border-radius: 0.2rem;
  -moz-border-radius: 0.2rem;
  -ms-border-radius: 0.2rem;
  -o-border-radius: 0.2rem;
}

.company .type {
  margin-top: 3.4rem;
  font-size: 4.5rem;
  line-height: 1.2;
  font-weight: 700;
  color: #103869;
}

.company .line {
  margin-top: 4.7rem;
  margin-bottom: 5.2rem;
  width: 10.7rem;
  height: 1px;
  background: #a5aebd;
}

.company .desc {
  margin-top: 4rem;
  font-size: 2.2rem;
  font-weight: 400;
  line-height: 4rem;
  word-break: keep-all;
}

.company .desc:first-of-type {
  margin-top: 0;
}

.company .small-tit {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  font-size: 2.8rem;
  font-family: "Montserrat", sans-serif;
  color: #103869;
}

.company .small-tit .market {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 25rem;
  height: 4.9rem;
  background: url("https://heatsol01.cdn1.cafe24.com/static/img/sub/about/sq.png") no-repeat;
  background-size: cover;
  font-weight: 600;
  font-size: 2rem;
  text-align: center;
  color: #fff;
}

.company .bold {
  margin-top: 2rem;
  font-size: 2.2rem;
  text-align: center;
  line-height: 4rem;
  font-weight: 600;
}

.company .bold .point {
  font-weight: 400;
  color: #0063da;
}

.company .col-card {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  margin-top: 5rem;
}

.company .card {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 28rem;
  font-family: "Montserrat", sans-serif;
  font-size: 3rem;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.7);
}

.company .card:first-child {
  background: url("https://heatsol01.cdn1.cafe24.com/static/img/sub/about/small1.png") no-repeat;
  background-size: cover;
}

.company .card:nth-child(2) {
  background: url("https://heatsol01.cdn1.cafe24.com/static/img/sub/about/small2.png") no-repeat;
  background-size: cover;
}

.company .card:nth-child(3) {
  background: url("https://heatsol01.cdn1.cafe24.com/static/img/sub/about/small3.png") no-repeat;
  background-size: cover;
}

.company .card:nth-child(4) {
  background: url("https://heatsol01.cdn1.cafe24.com/static/img/sub/about/small4.png") no-repeat;
  background-size: cover;
}

.company .card:nth-child(5) {
  background: url("https://heatsol01.cdn1.cafe24.com/static/img/sub/about/small5.png") no-repeat;
  background-size: cover;
}

.company .card:nth-child(6) {
  background: url("https://heatsol01.cdn1.cafe24.com/static/img/sub/about/small6.png") no-repeat;
  background-size: cover;
}

.company .card:nth-child(7) {
  background: url("https://heatsol01.cdn1.cafe24.com/static/img/sub/about/small7.png") no-repeat;
  background-size: cover;
}

.company .card:nth-child(8) {
  background: url("https://heatsol01.cdn1.cafe24.com/static/img/sub/about/small8.png") no-repeat;
  background-size: cover;
}

.company .card:nth-child(9) {
  background: url("https://heatsol01.cdn1.cafe24.com/static/img/sub/about/small9.png") no-repeat;
  background-size: cover;
}

.company .card:last-child {
  background: url("https://heatsol01.cdn1.cafe24.com/static/img/sub/about/small10.png") no-repeat;
  background-size: cover;
}

.company .white {
  color: #fff;
}

.company .rnd-flex {
  display: flex;
  justify-content: center;
  gap: 2rem;
}

.company .rnd {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 25%;
}

.company .rnd:first-child {
  margin-top: 10.5rem;
}

.company .rnd:nth-child(2) {
  margin-top: 7rem;
}

.company .rnd:nth-child(2) .img {
  position: relative;
}

.company .rnd:nth-child(2) .img::before {
  font-size: 1.8rem;
  font-weight: 700;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}

.company .rnd:nth-child(2) .img:first-child::before {
  content: "V-Fin";
}

.company .rnd:nth-child(2) .img:nth-child(2)::before {
  content: "Y-Fin";
}

.company .rnd:nth-child(2) .img:last-child::before {
  content: "Tree Fin";
}

.company .rnd:nth-child(3) {
  margin-top: 3.5rem;
}

.company .img-wrap {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.company .line-blue {
  position: relative;
  width: 32.5rem;
  height: 1.5rem;
  margin-top: 2rem;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
  overflow: hidden;
  background: #fff;
}

.company .line-blue::before {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 1.5rem;
  -webkit-border-radius: 1.5rem;
  -moz-border-radius: 1.5rem;
  -ms-border-radius: 1.5rem;
  -o-border-radius: 1.5rem;
  background: #156be2;
  position: absolute;
  top: 0;
  left: 0;
}

.company .rnd-txt {
  min-width: 25rem;
  margin-top: 3rem;
  padding: 2rem 4rem;
  background: #fff;
  border-radius: 10rem;
  -webkit-border-radius: 10rem;
  -moz-border-radius: 10rem;
  -ms-border-radius: 10rem;
  -o-border-radius: 10rem;
  text-align: center;
  font-weight: 700;
  color: #156be2;
  font-size: 1.8rem;
}

@media all and (max-width: 85.375rem) {
  .company .sec-1 {
    margin: 12.5rem 0 10rem;
  }

  .company .sec-2 {
    padding: 10.5rem 0 15.5rem;
  }

  .company .sec-3 {
    padding: 10rem 0 12rem;
  }

  .company .flex-wrap {
    gap: 6rem;
  }

  .company .type {
    font-size: 4.5rem;
  }

  .company .desc {
    font-size: 1.8rem;
    line-height: 1.8;
  }

  .company .card {
    height: 25rem;
    font-size: 2.4rem;
  }

  .company .line-blue {
    width: 100%;
  }

  .company .rnd-txt {
    font-size: 1.6rem;
  }
}

@media all and (max-width: 64rem) {
  .company .sec-1 {
    margin: 10.5rem 0 8rem;
  }

  .company .sec-2 {
    padding: 8.5rem 0 12.5rem;
  }

  .company .sec-3 {
    padding: 8rem 0 10rem;
  }

  .company .flex-wrap {
    gap: 4rem;
    justify-content: space-between;
  }

  .company .left-img {
    min-width: 40%;
    width: 40%;
  }

  .company .p-tit {
    margin-top: 2.4rem;
  }

  .company .type {
    margin-top: 3rem;
    font-size: 3.6rem;
  }

  .company .line {
    margin-top: 3.7rem;
    margin-bottom: 4.2rem;
  }

  .company .small-tit {
    font-size: 2.2rem;
  }

  .company .bold {
    font-size: 1.8rem;
  }

  .company .card {
    height: 20rem;
    font-size: 2rem;
  }

  .company .rnd-txt {
    width: 100%;
    min-width: 0;
    padding: 2rem 1rem;
    font-size: 1.5rem;
  }

  .company .rnd:nth-child(2) .img::before {
    font-size: 1.6rem;
  }
}

@media all and (max-width: 63.9375rem) {
  .company .sec-1 {
    margin: 8.5rem 0 8rem;
  }

  .company .sec-2 {
    padding: 8.5rem 0 10.5rem;
  }

  .company .sec-3 {
    padding: 8rem 0 8rem;
  }

  .company .flex-wrap {
    gap: 3rem;
    justify-content: space-between;
  }

  .company .p-tit {
    margin-top: 2rem;
  }

  .company .type {
    margin-top: 2rem;
    font-size: 3rem;
  }

  .company .line {
    margin-top: 3rem;
    margin-bottom: 3.6rem;
  }

  .company .desc {
    margin-top: 2rem;
    font-size: 1.6rem;
  }

  .company .desc br {
    display: none;
  }

  .company .small-tit {
    font-size: 2rem;
  }

  .company .small-tit .market {
    width: 23rem;
    height: 3.9rem;
    font-size: 1.6rem;
  }

  .company .bold {
    font-size: 1.6rem;
    line-height: 1.5;
  }

  .company .col-card {
    margin-top: 4rem;
  }

  .company .card {
    height: 16rem;
    font-size: 1.5rem;
  }

  .company .rnd-txt {
    width: 100%;
    min-width: 0;
    padding: 2rem 1rem;
    font-size: 1.5rem;
  }

  .company .rnd-flex {
    flex-wrap: wrap;
  }

  .company .rnd {
    width: calc(50% - 1rem);
  }

  .company .rnd:nth-child(2) .img::before {
    font-size: 1.6rem;
  }
}

@media all and (max-width: 47.9375rem) {
  .company .sec-1 {
    margin: 6.5rem 0 6rem;
  }

  .company .sec-2 {
    padding: 6.5rem 0 8.5rem;
  }

  .company .sec-3 {
    padding: 6rem 0 6rem;
  }

  .company .flex-wrap {
    gap: 2rem;
    flex-direction: column;
    margin-bottom: 8rem;
  }

  .company .flex-wrap.reverse {
    flex-direction: column;
  }

  .company .left-img {
    width: 100%;
  }

  .company .small-tit {
    line-height: 1.3;
    flex-direction: column;
    text-align: center;
  }

  .company .bold {
    font-size: 1.6rem;
    line-height: 1.5;
  }

  .company .col-card {
    grid-template-columns: repeat(2, 1fr);
    margin-top: 4rem;
  }

  .company .card {
    height: 16rem;
    font-size: 1.5rem;
  }

  .company .rnd {
    width: 100%;
    margin-top: 4rem !important;
  }
}

/*인사말*/
.greet .sec-1 {
  margin: 17.5rem 0 18rem;
}

.greet .sec-2 {
  padding: 16.5rem 0 18rem;
  background: #f3f3f4;
}

.greet .ceo-wrap {
  display: flex;
  gap: 10rem;
}

.greet .ceo-wrap .left {
  min-width: 50%;
}

.greet .ceo-wrap .sub-tit {
  display: block;
  margin-bottom: 3rem;
  font-family: "Montserrat", sans-serif;
  font-size: 2.2rem;
  font-weight: 700;
  color: rgba(16, 56, 105, 0.5);
}

.greet .ceo-wrap .main-tit {
  font-size: 4rem;
  font-weight: 700;
  color: #103869;
  line-height: 5.5rem;
}

.greet .ceo-wrap .line {
  height: 1px;
  width: 10.7rem;
  margin: 5rem 0;
  background: #a5aebd;
}

.greet .ceo-wrap .desc {
  margin-bottom: 4rem;
  font-size: 2rem;
  line-height: 2;
  font-weight: 400;
}

.greet .ceo-wrap .desc:last-of-type {
  margin-bottom: 0;
}

.greet .ceo-wrap .d-flex {
  display: flex;
  align-items: flex-start;
  gap: 3rem;
}

.greet .ceo-wrap .d-flex span {
  display: block;
}

.greet .info-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 8rem 0;
}

.greet .per-info {
  display: flex;
  gap: 6rem;
  align-items: center;
  width: 50%;
}

.greet .profile {
  min-width: 25rem;
}

.greet .r-txt {
  display: flex;
  flex-direction: column;
  gap: 4rem;
  padding-right: 5rem;
}

.greet .r-txt .top {
  font-family: "Montserrat", sans-serif;
  font-size: 2.2rem;
  line-height: 2.5rem;
  color: rgba(16, 56, 105, 0.5);
  font-weight: 700;
}

.greet .r-txt .top .small {
  font-size: 1.6rem;
}

.greet .r-txt .mid {
  font-family: "Montserrat", sans-serif;
  font-size: 3.3rem;
  font-weight: 700;
  color: #103869;
}

.greet .r-txt .bot {
  font-size: 1.8rem;
  line-height: 2.8rem;
  font-weight: 400;
}

@media all and (max-width: 85.375rem) {
  .greet .sec-1 {
    margin: 12.5rem 0 15rem;
  }

  .greet .sec-2 {
    padding: 12.5rem 0 15rem;
  }

  .greet .per-info {
    gap: 4rem;
  }

  .greet .profile {
    min-width: 22rem;
  }

  .greet .r-txt {
    padding-right: 2rem;
  }

  .greet .ceo-wrap .main-tit {
    font-size: 3.6rem;
    line-height: 1.4;
  }
}

@media all and (max-width: 64rem) {
  .greet .sec-1 {
    margin: 10.5rem 0 12rem;
  }

  .greet .sec-2 {
    padding: 10.5rem 0 12rem;
  }

  .greet .ceo-wrap {
    gap: 6rem;
  }

  .greet .ceo-wrap .left {
    min-width: 45%;
  }

  .greet .ceo-wrap .main-tit {
    font-size: 3.2rem;
  }

  .greet .ceo-wrap .desc {
    font-size: 1.8rem;
  }

  .greet .per-info {
    gap: 4rem;
  }

  .greet .profile {
    min-width: 20rem;
  }

  .greet .r-txt {
    gap: 2rem;
  }

  .greet .r-txt .top {
    font-size: 2rem;
    line-height: 1.2;
  }

  .greet .r-txt .top .small {
    font-size: 1.5rem;
  }

  .greet .r-txt .mid {
    font-size: 2.7rem;
  }

  .greet .r-txt .bot {
    font-size: 1.6rem;
    line-height: 1.6;
  }
}

@media all and (max-width: 63.9375rem) {
  .greet .sec-1 {
    margin: 8.5rem 0 10rem;
  }

  .greet .sec-2 {
    padding: 8.5rem 0 10rem;
  }

  .greet .ceo-wrap {
    gap: 4rem;
  }

  .greet .ceo-wrap .left {
    min-width: 40%;
  }

  .greet .ceo-wrap .main-tit {
    font-size: 2.7rem;
  }

  .greet .ceo-wrap .line {
    margin: 4rem 0;
  }

  .greet .ceo-wrap .desc {
    margin-bottom: 3rem;
    font-size: 1.6rem;
  }

  .greet .info-wrap {
    gap: 6rem 4rem;
  }

  .greet .per-info {
    flex-direction: column;
    align-items: flex-start;
    gap: 2rem;
    width: calc(50% - 2rem);
  }

  .greet .r-txt {
    padding-right: 0;
  }
}

@media all and (max-width: 47.9375rem) {
  .greet .sec-1 {
    margin: 6.5rem 0 8rem;
  }

  .greet .sec-2 {
    padding: 6.5rem 0 8rem;
  }

  .greet .ceo-wrap {
    flex-direction: column;
  }

  .greet .ceo-wrap .left {
    min-width: 0;
  }

  .greet .ceo-wrap .main-tit {
    font-size: 2.5rem;
  }

  .greet .ceo-wrap .main-tit br {
    display: none;
  }

  .greet .ceo-wrap .line {
    margin: 4rem 0;
  }

  .greet .ceo-wrap .desc {
    margin-bottom: 2rem;
    font-size: 1.5rem;
  }

  .greet .ceo-wrap .d-flex {
    gap: 2rem;
  }

  .greet .ceo-wrap .d-flex span {
    width: 30%;
  }

  .greet .info-wrap {
    gap: 6rem 4rem;
  }

  .greet .per-info {
    width: 100%;
  }
}

/* 연혁 */
.history .sec-1 {
  margin: 17.5rem 0 24.5rem;
}

.history .history-wrap {
  position: relative;
}

.history .history-wrap .line {
  position: absolute;
  left: 45.2%;
  top: 1.2rem;
  width: 7.2rem;
  border-right: 0.3rem solid #ccd2dc;
}

.history .history-wrap .line .active-line {
  position: absolute;
  right: -0.3rem;
  width: 0.3rem;
  height: 0;
  background-color: #acc5fe;
}

.history .history-wrap .line::after {
  z-index: -1;
  position: absolute;
  right: -0.3rem;
  bottom: 2.5%;
  content: "";
  width: 0;
  height: 5rem;
  border-right: 0.3rem dashed #fff;
}

.history .his-item {
  display: flex;
  position: relative;
  padding-left: 45.2%;
}

.history .his-item:nth-of-type(1)::before {
  z-index: -1;
  position: absolute;
  left: 0;
  content: "";
  width: 100%;
  max-width: 55rem;
  height: 55rem;
  background: url("https://heatsol01.cdn1.cafe24.com/static/img/sub/about/his1.png") center/cover no-repeat;
}

.history .his-item:nth-of-type(4)::before {
  z-index: -1;
  position: absolute;
  left: 14.85%;
  top: -6.4rem;
  content: "";
  width: 100%;
  max-width: 40rem;
  height: 47.5rem;
  background: url("https://heatsol01.cdn1.cafe24.com/static/img/sub/about/his2.png") center/cover no-repeat;
}

.history .his-item:nth-of-type(5)::before {
  z-index: -1;
  position: absolute;
  left: 7.85%;
  top: -16rem;
  content: "";
  width: 100%;
  max-width: 23rem;
  height: 23rem;
  background: url("https://heatsol01.cdn1.cafe24.com/static/img/sub/about/his3.png") center/cover no-repeat;
  box-shadow: 0 2rem 2rem 2rem rgba(0, 0, 0, 0.1);
}

.history .his-item.active .year::after {
  background-color: #fff;
}

.history .his-item.active .year::before {
  background-color: #60a8ff;
}

.history .his-item:first-child .right,
.history .his-item:last-child .right {
  padding-top: 0;
  padding-left: 6rem;
}

.history .his-item:first-child .y-num,
.history .his-item:last-child .y-num {
  position: relative;
  font-size: 5.5rem;
  display: inline-block;
}

.history .his-item:first-child .y-num::before,
.history .his-item:last-child .y-num::before {
  content: "";
  width: 1rem;
  height: 1rem;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
  background: #002056;
  position: absolute;
  bottom: 0.8rem;
  right: -2rem;
}

.history .his-item:last-child .his-txt {
  padding-bottom: 0;
}

.history .year {
  position: relative;
  min-width: 7.5rem;
}

.history .year::after {
  position: absolute;
  top: 1.9rem;
  right: 0;
  content: "";
  width: 0.9rem;
  height: 0.9rem;
  background-color: #fff;
  border-radius: 0.9rem;
  -webkit-border-radius: 0.9rem;
  -moz-border-radius: 0.9rem;
  -ms-border-radius: 0.9rem;
  -o-border-radius: 0.9rem;
}

.history .year::before {
  position: absolute;
  top: 1.2rem;
  right: -0.7rem;
  content: "";
  width: 2.3rem;
  height: 2.3rem;
  background-color: #bfbfbf;
  border-radius: 2.3rem;
  -webkit-border-radius: 2.3rem;
  -moz-border-radius: 2.3rem;
  -ms-border-radius: 2.3rem;
  -o-border-radius: 2.3rem;
}

.history .right {
  padding-top: 1.2rem;
  padding-left: 10.8rem;
}

.history .y-num {
  margin-bottom: 3.6rem;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 3.3rem;
}

.history .his-txt {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  position: relative;
  padding-bottom: 8rem;
}

.history .his-txt li {
  font-size: 1.8rem;
  line-height: 2;
  font-weight: 400;
  color: #103869;
}

.history .his-txt li:last-child {
  margin-bottom: 0;
}

.history .pink {
  font-weight: 600 !important;
  color: #de00a2 !important;
}

.history .blue {
  font-weight: 600 !important;
  color: #0065de !important;
}

@media all and (max-width: 85.375rem) {
  .history .sec-1 {
    margin: 12.5rem 0 15.5rem;
  }

  .history .history-wrap .line {
    width: 6.2rem;
  }

  .history .year {
    min-width: 6.5rem;
  }

  .history .right {
    padding-left: 5.5rem;
  }

  .history .his-txt li {
    font-size: 1.7rem;
    word-break: keep-all;
  }

  .history .his-item:nth-of-type(4)::before {
    left: 11.85%;
  }

  .history .his-item:nth-of-type(5)::before {
    top: -29rem;
  }
}

@media all and (max-width: 64rem) {
  .history .sec-1 {
    margin: 10.5rem 0 12.5rem;
  }

  .history .sub-txt {
    font-size: 4rem;
  }

  .history .his-item:nth-of-type(1)::before {
    max-width: 40rem;
    height: 100%;
  }

  .history .his-item:nth-of-type(4)::before {
    max-width: 30rem;
    height: 40rem;
  }

  .history .his-item:nth-of-type(5)::before {
    max-width: 20rem;
    height: 20rem;
    top: -43rem;
  }

  .history .his-item:first-child .y-num,
  .history .his-item:last-child .y-num {
    font-size: 4rem;
  }
}

@media all and (max-width: 63.9375rem) {
  .history .sub-txt {
    position: relative;
  }

  .history .history-wrap .line {
    left: 0;
  }

  .history .history-list {
    margin-top: 4rem;
  }

  .history .his-item {
    padding-left: 0;
  }

  .history .his-item:nth-of-type(1)::before {
    max-width: 24rem;
    height: 24rem;
    left: auto;
    right: 0;
    top: 81%;
  }

  .history .his-item:nth-of-type(4)::before {
    max-width: 20rem;
    height: 27rem;
    left: auto;
    right: 0;
  }

  .history .his-item:nth-of-type(5)::before {
    max-width: 15rem;
    height: 15rem;
    top: -8rem;
    left: auto;
    right: 0;
  }

  .history .year {
    font-size: 2.5rem;
  }

  .history .his-txt {
    padding-bottom: 4rem;
  }

  .history .his-txt li {
    font-size: 1.6rem;
  }
}

@media all and (max-width: 47.9375rem) {
  .history .sub-txt {
    font-size: 2.6rem;
  }

  .history .history-wrap .line {
    width: 1.2rem;
  }

  .history .year {
    min-width: 1.5rem;
    font-size: 2rem;
  }

  .history .year::after {
    width: 1rem;
    height: 1rem;
  }

  .history .his-txt {
    padding-bottom: 3rem;
  }

  .history .his-txt li {
    line-height: 1.2;
    font-size: 1.4rem;
  }

  .history .his-item:first-child .right,
  .history .his-item:last-child .right {
    padding-left: 3rem;
  }

  .history .his-item:first-child .y-num,
  .history .his-item:last-child .y-num {
    font-size: 3rem;
  }

  .history .his-item:nth-of-type(1)::before {
    max-width: 15rem;
    height: 15rem;
    left: auto;
    right: 0;
  }

  .history .his-item:nth-of-type(4)::before {
    max-width: 10rem;
    height: 13rem;
    left: auto;
    right: 0;
  }

  .history .his-item:nth-of-type(5)::before {
    max-width: 10rem;
    height: 10rem;
    top: -4rem;
    left: auto;
    right: 0;
  }

  .history .y-num {
    margin-bottom: 2rem;
    font-size: 2.2rem;
  }

  .history .right {
    padding-left: 3rem;
  }
}

/*인증현황*/
.cer .sec-1 {
  margin: 17.5rem 0;
}

.cer .sec-2 {
  padding: 17rem 0 18rem;
  background: url("https://heatsol01.cdn1.cafe24.com/static/img/sub/about/bg.png") no-repeat;
  background-size: cover;
}

.cer .tab {
  display: flex;
  justify-content: center;
  gap: 7.5rem;
  margin-bottom: 5rem;
}

.cer .tab li a {
  font-size: 3.3rem;
  font-weight: 700;
  color: #a5aebd;
}

.cer .tab li.on a {
  position: relative;
  color: #104f9b;
}

.cer .tab li.on a::before {
  content: "";
  width: 1rem;
  height: 1rem;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
  background: #60a8ff;
  position: absolute;
  top: 0;
  right: -1.3rem;
}

.cer .white {
  color: #fff;
}

.cer-flex {
  display: flex;
  flex-wrap: wrap;
  gap: 5rem 6rem;
}

.cer-flex li {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  align-items: center;
  width: calc(20% - 4.8rem);
}

.cer-flex li .img {
  aspect-ratio: 24/31;
}

.cer-flex li .img img {
  width: 100%;
  height: 100%;
}

.cer-flex .title {
  display: block;
  text-align: center;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.234;
}

.cus-wrap {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem 4rem;
}

@media all and (max-width: 85.375rem) {
  .cer .sec-1 {
    margin: 15.5rem 0;
  }

  .cer .sec-2 {
    padding: 15rem 0 16rem;
  }
}

@media all and (max-width: 64rem) {
  .cer .sec-1 {
    margin: 12.5rem 0;
  }

  .cer .sec-2 {
    padding: 12rem 0 13rem;
  }

  .cer .tab li a {
    font-size: 2.7rem;
  }

  .cer-flex {
    gap: 3rem 4rem;
  }

  .cer-flex li {
    width: calc(20% - 3.2rem);
  }

  .cus-wrap {
    gap: 2rem 3rem;
  }
}

@media all and (max-width: 63.9375rem) {
  .cer .sec-1 {
    margin: 10.5rem 0;
  }

  .cer .sec-2 {
    padding: 10rem 0 12rem;
  }

  .cer .tab {
    gap: 4rem;
  }

  .cer .tab li a {
    font-size: 2.4rem;
  }

  .cer-flex li {
    width: calc(25% - 3rem);
  }

  .cer-flex .title {
    font-size: 1.6rem;
  }

  .cus-wrap {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media all and (max-width: 47.9375rem) {
  .cer .sec-1 {
    margin: 8.5rem 0;
  }

  .cer .sec-2 {
    padding: 8rem 0 8.5rem;
  }

  .cer .tab {
    gap: 1.1rem;
  }

  .cer .tab li a {
    font-size: 1.6rem;
  }

  .cer-flex {
    gap: 2rem 1.2rem;
  }

  .cer-flex li {
    gap: 1.2rem;
    width: calc(33.3333333333% - 0.8rem);
  }

  .cer-flex .title {
    font-size: 1.4rem;
  }

  .cus-wrap {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.2rem;
  }
}

/*ci*/
.ci .sec-1 {
  margin: 17.5rem 0 14.5rem;
}

.ci-arti {
  display: flex;
  flex-direction: column;
  gap: 5rem;
}

.ci-arti .img {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 48.612%;
}

.ci-arti .img video {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.ci-arti .info {
  font-size: 2.2rem;
  line-height: 4rem;
  text-align: center;
  font-weight: 400;
}

.ci-arti .red {
  font-weight: 700;
  color: #ff0000;
}

.ci-arti .blue {
  font-weight: 700;
  color: #0000f7;
}

@media all and (max-width: 85.375rem) {
  .ci .sec-1 {
    margin: 15.5rem 0 12.5rem;
  }
}

@media all and (max-width: 64rem) {
  .ci .sec-1 {
    margin: 12.5rem 0 10.5rem;
  }

  .ci-arti {
    gap: 4rem;
  }

  .ci-arti .info {
    font-size: 2rem;
  }
}

@media all and (max-width: 63.9375rem) {
  .ci .sec-1 {
    margin: 10.5rem 0 8.5rem;
  }

  .ci-arti .info {
    font-size: 1.8rem;
    line-height: 1.5;
  }
}

@media all and (max-width: 47.9375rem) {
  .ci .sec-1 {
    margin: 8.5rem 0 6.5rem;
  }

  .ci-arti {
    gap: 2rem;
  }

  .ci-arti .info {
    font-size: 1.6rem;
    word-break: keep-all;
  }
}

/*제품*/
.product .p-top {
  padding: 20rem 0;
  min-height: 86rem;
}

.product .bot {
  padding: 10rem 0;
  background: #edf1f5;
}

.product .bot .inner {
  display: flex;
}

.product .product-tit {
  font-size: 6.5rem;
  font-family: "Montserrat", sans-serif;
  color: #103869;
  font-weight: 700;
}

.product .sub-tit {
  position: relative;
  margin-top: 3rem;
  font-size: 4rem;
  line-height: 5.5rem;
  color: #103869;
  font-weight: 400;
}

.product .line {
  margin-top: 4.7rem;
  margin-bottom: 5.2rem;
  width: 10.7rem;
  height: 1px;
  background: #a5aebd;
}

.product .desc {
  font-size: 2.2rem;
  line-height: 4rem;
}

.product .p-tit {
  display: flex;
  gap: 1.4rem;
  align-items: center;
  font-size: 2.2rem;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  color: rgba(16, 56, 105, 0.4);
}

.product .p-tit span {
  display: flex;
  width: 3.5rem;
  height: 3.5rem;
  background: #60a8ff;
  color: #fff;
  text-align: center;
  align-items: center;
  justify-content: center;
  font-size: 1.6rem;
  border-radius: 0.2rem;
  -webkit-border-radius: 0.2rem;
  -moz-border-radius: 0.2rem;
  -ms-border-radius: 0.2rem;
  -o-border-radius: 0.2rem;
}

.product .type {
  margin-top: 3.4rem;
  margin-bottom: 9rem;
  font-size: 4.5rem;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  color: #72767c;
}

.product .left {
  min-width: 48rem;
}

.product .control {
  margin-top: 16rem;
}

.product .slide-btn-wrap {
  position: absolute;
  width: 13.2rem;
  height: 2.1rem;
  display: flex;
  align-items: center;
  z-index: 99;
}

.product .slide-btn-wrap .swiper-button-next,
.product .slide-btn-wrap .swiper-button-prev {
  width: auto;
  height: auto;
}

.product .slide-btn-wrap .swiper-button-next::before,
.product .slide-btn-wrap .swiper-button-prev::before {
  color: #a5aebd;
  font-size: 2rem;
}

.product .slide-btn-wrap .swiper-button-next:hover::before,
.product .slide-btn-wrap .swiper-button-prev:hover::before {
  color: #000;
  font-weight: 700;
}

.product .slide-btn-wrap .swiper-button-next {
  right: 0;
}

.product .slide-btn-wrap .swiper-button-next::before {
  content: ">";
}

.product .slide-btn-wrap .swiper-button-prev {
  left: 0;
}

.product .slide-btn-wrap .swiper-button-prev::before {
  content: "<";
}

.product .swiper-slide {
  width: 96rem;
  height: 61rem;
}

.product .swiper-slide img {
  width: 100%;
  height: 100%;
}

.product .pag-wrap {
  padding-left: 3rem;
}

.product .swiper-pagination {
  width: auto;
  display: flex;
  align-items: center;
  gap: 0.7rem;
  height: 2.1rem;
  text-align: left;
  position: static;
  font-size: 1.8rem;
  color: #8f9cb1;
  font-family: "GmarketSans", sans-serif;
  font-weight: 700;
}

.product .swiper-pagination-current {
  color: #000;
}

.product .pag-wrap {
  position: relative;
}

.product .list-wrap {
  display: flex;
  justify-content: space-between;
  gap: 4rem;
  margin-top: 5.5rem;
}

.product .list-tit {
  display: flex;
  align-items: center;
  width: 70rem;
  padding-left: 6rem;
  height: 8rem;
  font-size: 2.2rem;
  font-weight: 700;
  color: #fff;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
}

.product .left-list .list-tit {
  background: #1161c4;
  border: 1px solid #004498;
}

.product .right-list .list-tit {
  background: #0bac31;
  border: 1px solid #00701a;
}

.product .list {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  margin-top: 1rem;
  width: 100%;
  height: 46rem;
  padding-left: 6rem;
  padding-top: 4rem;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
  background: #f6f8f9;
  border: 1px solid #d4dfeb;
}

.product .list li {
  display: flex;
  align-items: center;
  font-size: 1.7rem;
  color: #103869;
}

.product .list li span {
  display: block;
  min-width: 4rem;
  font-family: "Montserrat", sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
}

@media all and (max-width: 85.375rem) {
  .product .p-top {
    padding: 15rem 0;
    min-height: 0;
  }

  .product .desc {
    font-size: 2rem;
  }

  .product .left {
    min-width: 40rem;
  }

  .product .swiper-slide {
    width: 100%;
    height: 100%;
  }

  .product .right-list,
  .product .left-list {
    width: calc(50% - 2rem);
  }

  .product .list-tit {
    width: 100%;
    padding-left: 4rem;
    font-size: 2rem;
  }

  .product .list {
    padding: 4rem 2rem 0 4rem;
    height: 52rem;
  }

  .product .list li {
    align-items: flex-start;
    font-size: 1.6rem;
    white-space: wrap;
    line-height: 1.3;
  }
}

@media all and (max-width: 64rem) {
  .product .p-top {
    padding: 12rem 0;
  }

  .product .product-tit {
    font-size: 5.5rem;
  }

  .product .sub-tit {
    margin-top: 2rem;
    font-size: 3rem;
  }

  .product .desc {
    font-size: 1.8rem;
  }

  .product .desc br {
    display: none;
  }

  .product .type {
    margin-top: 2.4rem;
    margin-bottom: 6rem;
    font-size: 4rem;
  }

  .product .control {
    margin-top: 8rem;
  }

  .product .left {
    min-width: 35rem;
  }

  .product .list-wrap {
    gap: 2rem;
  }

  .product .right-list,
  .product .left-list {
    width: calc(50% - 1rem);
  }

  .product .list-tit {
    width: 100%;
    padding: 0 2rem;
    font-size: 1.8rem;
  }

  .product .list {
    padding: 3rem 2rem 0 3rem;
    height: 67rem;
  }
}

@media all and (max-width: 63.9375rem) {
  .product .product-tit {
    font-size: 5rem;
  }

  .product .sub-tit {
    font-size: 2.7rem;
    line-height: 1.5;
  }

  .product .line {
    margin: 4rem 0 4.5rem;
  }

  .product .desc {
    font-size: 1.6rem;
    line-height: 1.8;
  }

  .product .bot {
    padding: 8rem 0;
  }

  .product .p-tit {
    font-size: 1.8rem;
  }

  .product .p-tit span {
    width: 3rem;
    height: 3rem;
  }

  .product .type {
    margin: 1.5rem 0 4rem;
    font-size: 3.2rem;
  }

  .product .control {
    margin-top: 6rem;
  }

  .product .go {
    display: block;
    width: 6rem;
  }

  .product .left {
    min-width: 27rem;
  }

  .product .list-wrap {
    flex-direction: column;
    gap: 4rem;
  }

  .product .right-list,
  .product .left-list {
    width: 100%;
  }

  .product .list {
    height: 49rem;
  }
}

@media all and (max-width: 47.9375rem) {
  .product .p-top {
    padding: 8rem 0;
  }

  .product .product-tit {
    font-size: 4rem;
    line-height: 1.2;
  }

  .product .sub-tit {
    margin-top: 1rem;
    font-size: 2rem;
  }

  .product .line {
    margin: 2rem 0 2.5rem;
  }

  .product .bot .inner {
    flex-direction: column;
    gap: 4rem;
  }

  .product .left {
    width: 100%;
    min-width: 0;
  }

  .product .type {
    margin: 1rem 0 3rem;
    font-size: 2.7rem;
  }

  .product .go {
    width: 5rem;
  }

  .product .swiper-pagination {
    font-size: 1.6rem;
  }

  .product .slide-btn-wrap .swiper-button-next,
  .product .slide-btn-wrap .swiper-button-prev {
    font-size: 1.8rem;
  }

  .product .list-tit {
    font-size: 1.6rem;
    word-break: keep-all;
    line-height: 1.3;
  }

  .product .list {
    padding: 2rem;
    height: auto;
    gap: 1rem;
  }

  .product .list li {
    font-size: 1.5rem;
  }

  .product .list li span {
    font-size: 1.4rem;
    min-width: 3rem;
  }
}

/*기술게시판*/
.tech .sec-1 {
  margin: 13rem 0 21rem;
}

.tech .tab-list {
  display: flex;
  justify-content: center;
  gap: 7rem;
}

.tech .tab-list li a {
  position: relative;
  font-size: 3rem;
  font-weight: 800;
  color: #c3c2c7;
}

.tech .tab-list li.active a {
  color: #103869;
}

.tech .tab-list li.active a::before {
  content: "";
  width: 1rem;
  height: 1rem;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
  background: #60a8ff;
  position: absolute;
  top: 0;
  right: -1.3rem;
}

.bulletin {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 6rem 3rem;
  margin: 5rem 0 8rem;
}

.bulletin .cont-card {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}

.bulletin .cont-card img {
  width: 100%;
  height: 100%;
}

.bulletin .cont-card:hover .desc {
  text-decoration: underline;
}

.bulletin .desc {
  font-size: 2rem;
  line-height: 3.3rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.bulletin .img-box {
  width: 100%;
  height: 30rem;
}

.bulletin .date {
  font-size: 1.8rem;
}

@media all and (max-width: 85.375rem) {
  .bulletin .img-box {
    height: 25rem;
  }
}

@media all and (max-width: 64rem) {
  .tech .sec-1 {
    margin: 10rem 0 18rem;
  }

  .tech .tab-list li a {
    font-size: 2.4rem;
  }

  .bulletin .cont-card {
    gap: 2rem;
  }

  .bulletin .desc {
    font-size: 1.8rem;
    line-height: 1.5;
  }

  .bulletin .desc br {
    display: none;
  }

  .bulletin .date {
    font-size: 1.6rem;
  }

  .bulletin .img-box {
    height: 19.4rem;
  }
}

@media all and (max-width: 63.9375rem) {
  .tech .sec-1 {
    margin: 8rem 0 15rem;
  }
}

@media all and (max-width: 47.9375rem) {
  .tech .sec-1 {
    margin: 6rem 0 12rem;
  }
}

.view-wrap {
  margin-top: 5rem;
}

.view-wrap .view-header {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 3.2rem 0;
  border-top: 3px solid #000;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.view-wrap .view-header .subject {
  font-size: 2.8rem;
}

.view-wrap .view-header .content-info {
  margin-left: auto;
  color: #666;
  font-size: 2rem;
  font-weight: 300;
}

.view-wrap .view-header .content-info>span {
  position: relative;
}

.view-wrap .view-header .content-info>span:only-child {
  padding: 0 4rem;
}

.view-wrap .view-header .content-info>span::before {
  position: absolute;
  left: 0;
  top: 50%;
  content: "";
  width: 1px;
  height: 1.8rem;
  background-color: rgba(0, 0, 0, 0.15);
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

.view-wrap .view-body {
  padding: 3.5rem 0 3rem;
  line-height: 1.7;
}

.view-wrap .view-body>*:first-child {
  margin-top: 0;
}

.view-wrap .view-body>*:last-child {
  margin-bottom: 0;
}

.view-wrap .view-body th,
.view-wrap .view-body td {
  vertical-align: middle;
}

.view-wrap .view-body .view-video {
  position: relative;
  margin: 6rem auto;
  padding-bottom: 39%;
  width: 80%;
  max-width: 120rem;
  height: 0;
  font-size: 0;
}

.view-wrap .view-body .view-video>iframe {
  position: absolute;
  width: 100%;
  height: 100%;
}

.view-wrap .view-body .view-img {
  margin: 6rem auto;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 80%;
  text-align: center;
  font-size: 0;
}

.view-wrap .view-body p {
  font-size: 2rem;
  line-height: 2;
}

.view-wrap .view-body .blog {
  display: flex;
  gap: 2rem;
  margin-top: 5rem;
  font-size: 1.8rem;
  font-weight: 700;
}

.view-wrap .view-body .blog .head {
  display: block;
  padding-right: 2rem;
  border-right: 0.1rem solid #dcdcdc;
}

.view-wrap .view-body .blog .url {
  display: block;
  width: 100%;
  max-width: calc(100% - 13.4rem);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1.8rem;
  font-weight: 300;
}

.view-wrap .view-body .blog .url:hover {
  text-decoration: underline;
}

.view-wrap .btn-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 8rem auto 0;
}

.view-wrap .return-list-btn {
  padding: 3rem 7.8rem;
  background: #000;
  color: #fff;
  border-radius: 0.2rem;
  -webkit-border-radius: 0.2rem;
  -moz-border-radius: 0.2rem;
  -ms-border-radius: 0.2rem;
  -o-border-radius: 0.2rem;
  font-size: 2.4rem;
  font-weight: 600;
}

@media all and (max-width: 85.375rem) {
  .view-wrap .view-header .subject {
    font-size: 2.5rem;
  }

  .view-wrap .view-header .content-info {
    font-size: 1.7rem;
  }

  .view-wrap .return-list-btn {
    padding: 2.4rem 6rem;
  }

  .return-list-btn {
    padding: 2rem 7rem;
    font-size: 1.8rem;
  }
}

@media all and (max-width: 63.9375rem) {

  .view-wrap .view-body .view-video,
  .view-wrap .view-body .view-img {
    margin: 4rem auto;
  }

  .view-wrap .btn-wrap {
    margin-top: 6rem;
  }

  .view-wrap .return-list-btn {
    font-size: 2rem;
  }
}

@media all and (max-width: 47.9375rem) {
  .view-wrap {
    margin-top: 4rem;
  }

  .view-wrap .view-header {
    flex-wrap: wrap;
    padding: 2rem 0;
  }

  .view-wrap .view-header .subject {
    margin-bottom: 1rem;
    width: 100%;
    line-height: 1.5;
    font-size: 2rem;
  }

  .view-wrap .view-header .content-info {
    margin-left: 0;
    font-size: 1.2rem;
  }

  .view-wrap .view-header .content-info>span:first-child {
    margin-left: 0;
  }

  .view-wrap .view-header .content-info>span:first-child::before {
    display: none;
  }

  .view-wrap .view-header .content-info>span:only-child {
    padding: 0;
  }

  .view-wrap .view-body {
    padding: 3rem 0 2rem;
  }

  .view-wrap .view-body .view-video {
    margin: 3rem auto;
    padding-bottom: 57%;
    width: 100%;
  }

  .view-wrap .view-body .view-img {
    margin: 3rem auto;
    max-width: none;
  }

  .view-wrap .view-body p {
    font-size: 1.6rem;
  }

  .view-wrap .view-body .blog {
    margin-top: 2rem;
  }

  .view-wrap .btn-wrap {
    margin-top: 4rem;
  }

  .view-wrap .return-list-btn {
    padding: 1.7rem 5rem;
    font-size: 1.4rem;
  }
}

@media all and (max-width: 63.9375rem) {
  .tech .tab-list li a {
    font-size: 2.4rem;
  }

  .bulletin {
    gap: 4rem 2rem;
  }

  .bulletin .cont-card {
    gap: 2rem;
  }

  .bulletin .desc {
    font-size: 1.6rem;
  }

  .bulletin .date {
    font-size: 1.5rem;
  }

  .bulletin .img-box {
    height: 14.3rem;
  }
}

@media all and (max-width: 47.9375rem) {
  .tech .tab-list {
    gap: 2rem;
  }

  .tech .tab-list li a {
    font-size: 2rem;
  }

  .bulletin {
    margin: 4rem 0 6rem;
    gap: 4rem 2rem;
    grid-template-columns: repeat(2, 1fr);
  }

  .bulletin .cont-card {
    gap: 1.6rem;
  }

  .bulletin .desc {
    font-size: 1.5rem;
  }

  .bulletin .date {
    font-size: 1.4rem;
  }

  .bulletin .img-box {
    height: 10rem;
  }
}

.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
}

.pagination ul {
  display: flex;
  align-items: center;
  gap: 2rem;
}

.pagination ul li a {
  display: block;
  padding-bottom: 0.5rem;
  font-family: "Montserrat", sans-serif;
  font-size: 2rem;
}

.pagination ul li.active a {
  font-weight: 700;
  border-bottom: 2px solid #000;
}

@media all and (max-width: 47.9375rem) {
  .pagination ul li a {
    font-size: 1.6rem;
  }
}

/*esg*/
.esg .sec-1 {
  margin: 17.5rem 0 0;
}

.esg .bg {
  padding: 15rem 0;
  background: #eeeef7;
}

.esg .small-tit {
  font-size: 4rem;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  text-align: center;
  color: #879bb4;
}

.esg .mid-tit {
  margin-top: 5rem;
  font-size: 5.5rem;
  line-height: 1.3;
  font-weight: 400;
  text-align: center;
  color: #103869;
}

.esg .full {
  margin-top: 11rem;
}

.esg .full img {
  width: 100%;
}

.esg .flex-wrap {
  display: flex;
  align-items: center;
  padding: 11.5rem 0 14rem;
}

.esg .left {
  display: flex;
  justify-content: center;
  min-width: 49rem;
}

.esg .right-top {
  margin-bottom: 5rem;
  font-size: 3.3rem;
  line-height: 5rem;
  font-weight: 700;
  word-break: keep-all;
  color: #103869;
}

.esg .desc {
  font-size: 2.2rem;
  line-height: 4rem;
}

.esg .desc span {
  display: block;
}

.esg .col-card-wrap {
  display: flex;
  justify-content: center;
  gap: 3.5rem;
}

.esg .card {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 38rem;
}

.esg .number {
  display: block;
  margin-top: 3rem;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  text-align: center;
  color: #879bb4;
  font-size: 2.2rem;
}

.esg .circle-tit {
  margin-top: 2rem;
  text-align: center;
  line-height: 1.3;
  font-weight: 800;
  font-size: 2.7rem;
  color: #103869;
}

.esg .circle-desc {
  margin-top: 4rem;
  font-size: 1.8rem;
  line-height: 2.8rem;
  word-break: keep-all;
  text-align: center;
}

.esg .list-arti {
  margin-top: 15rem;
}

.esg .list-arti:nth-child(2) {
  margin-top: 12rem;
}

.esg .list-arti:last-child {
  margin-bottom: 18rem;
}

.esg .list-arti .tag {
  display: inline-block;
  padding: 3rem 6rem;
  border-radius: 5rem;
  -webkit-border-radius: 5rem;
  -moz-border-radius: 5rem;
  -ms-border-radius: 5rem;
  -o-border-radius: 5rem;
  font-size: 2.8rem;
  font-weight: 600;
  color: #fff;
  background: #2e95ff;
}

.esg .list-arti .list-info {
  margin-top: 3.5rem;
  font-size: 2.6rem;
  line-height: 3.5rem;
  color: #104f9b;
  word-break: keep-all;
}

.esg .list-arti .list {
  margin-top: 3.5rem;
  border-top: 2px solid #104f9b;
}

.esg .list-arti .list li {
  display: flex;
  padding: 3rem;
  border-bottom: 1px solid rgba(16, 79, 155, 0.5);
  font-size: 2rem;
  line-height: 1.2;
  color: #104f9b;
  font-weight: 300;
}

.esg .list-arti .list li span {
  display: block;
  min-width: 4.5rem;
  font-family: "Noto Serif", serif;
  font-weight: 600;
}

.esg .mt-50 {
  margin-top: 5rem;
}

.esg .under-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5rem;
}

.esg .under-wrap>li {
  position: relative;
}

.esg .under-wrap>li::before {
  content: "";
  width: 1.6rem;
  height: 4.3rem;
  background: url("https://heatsol01.cdn1.cafe24.com/static/img/sub/esg/down.png") no-repeat;
  background-size: cover;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  bottom: -4.3rem;
}

.esg .under-wrap>li:last-child::before {
  display: none;
}

.esg .mission {
  width: 110rem;
  padding: 5rem 4rem 5.5rem;
  border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -o-border-radius: 0.5rem;
  background: #60a8ff;
}

.esg .mission .point {
  display: block;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  font-size: 2.2rem;
  font-weight: 700;
  text-align: center;
  color: #00eaff;
}

.esg .mission .m-tit {
  margin-top: 3rem;
  line-height: 1.2;
  text-align: center;
  font-size: 3rem;
  font-weight: 700;
  color: #fff;
}

.esg .col2-card {
  display: flex;
  width: 110rem;
  gap: 2rem;
  padding: 5rem 4rem;
  justify-content: center;
  border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -o-border-radius: 0.5rem;
  background: #ebf4ff;
  border: 1px solid #d7d7ea;
}

.esg .card2 {
  width: 50%;
  padding: 5rem 0;
  border-radius: 2rem;
  -webkit-border-radius: 2rem;
  -moz-border-radius: 2rem;
  -ms-border-radius: 2rem;
  -o-border-radius: 2rem;
  background: #fafcff;
  border: 1px solid #e2ebf7;
}

.esg .en-tit {
  display: block;
  font-family: "Montserrat", sans-serif;
  font-size: 2.2rem;
  color: #60a8ff;
  text-align: center;
}

.esg .ko-tit {
  margin-top: 3rem;
  font-size: 3rem;
  text-align: center;
  font-weight: 500;
  color: #6e747b;
}

.esg .card-list {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.2rem;
  margin-top: 4rem;
}

.esg .card-list li {
  position: relative;
  width: 37rem;
  padding-left: 0.6rem;
  word-break: keep-all;
  line-height: 2.2rem;
  font-weight: 500;
  color: #6e747b;
  font-size: 1.6rem;
}

.esg .card-list li::before {
  content: "";
  width: 0.3rem;
  height: 0.3rem;
  background: #60a8ff;
  position: absolute;
  top: 0.6rem;
  left: 0;
}

.esg .assignment {
  width: 110rem;
  padding: 5rem 0;
  border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -o-border-radius: 0.5rem;
  background: #ffffff;
  border: 1px solid #d7d7ea;
}

.esg .a-en {
  display: block;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 2.2rem;
  color: #b1d4ff;
}

.esg .a-ko {
  margin: 3rem;
  font-size: 3rem;
  color: #6e747b;
  text-align: center;
}

.esg .col3 {
  display: flex;
  justify-content: center;
}

.esg .col-list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0 2.4rem;
  border-right: 1px solid rgba(47, 48, 50, 0.1);
}

.esg .col-list li {
  display: flex;
  align-items: flex-start;
  gap: 0.9rem;
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 500;
  color: #6e747b;
}

.esg .col-list li span {
  display: block;
  min-width: 4.65rem;
  padding: 0.6rem 1.1rem;
  border-radius: 2rem;
  -webkit-border-radius: 2rem;
  -moz-border-radius: 2rem;
  -ms-border-radius: 2rem;
  -o-border-radius: 2rem;
  background: #ddecff;
  font-weight: 700;
  font-size: 1.4rem;
  color: #2f3032;
}

.esg .col-list:last-child {
  border-right: none;
}

@media all and (max-width: 85.375rem) {
  .esg .sec-1 {
    margin: 15.5rem 0 0;
  }

  .esg .bg {
    padding: 12rem 0;
  }

  .esg .small-tit {
    font-size: 3.6rem;
  }

  .esg .mid-tit {
    margin-top: 4rem;
    font-size: 4.5rem;
  }

  .esg .full {
    margin-top: 8rem;
  }

  .esg .flex-wrap {
    padding: 8.5rem 0 12rem;
  }

  .esg .left {
    min-width: 35%;
  }

  .esg .right-top {
    margin-bottom: 4rem;
    font-size: 2.7rem;
    line-height: 1.5;
  }

  .esg .desc {
    font-size: 2rem;
    line-height: 1.8;
  }

  .esg .list-arti {
    margin-top: 12rem;
  }

  .esg .list-arti:nth-child(2) {
    margin-top: 10rem;
  }

  .esg .list-arti:last-child {
    margin-bottom: 15rem;
  }

  .esg .list-arti .list-info {
    font-size: 2.4rem;
    line-height: 1.4;
  }

  .esg .list-arti .tag {
    font-size: 2.4rem;
  }
}

@media all and (max-width: 64rem) {
  .esg .sec-1 {
    margin: 12.5rem 0 0;
  }

  .esg .bg {
    padding: 10rem 0;
  }

  .esg .small-tit {
    font-size: 3.2rem;
  }

  .esg .mid-tit {
    font-size: 4.2rem;
  }

  .esg .full {
    margin-top: 6rem;
  }

  .esg .flex-wrap {
    padding: 6.5rem 0 10rem;
  }

  .esg .right-top {
    font-size: 2.4rem;
  }

  .esg .desc {
    font-size: 1.8rem;
  }

  .esg .card {
    width: 33.3333333333%;
  }

  .esg .circle-tit {
    font-size: 2.4rem;
  }

  .esg .circle-desc {
    margin-top: 3rem;
    font-size: 1.6rem;
    line-height: 1.6;
  }

  .esg .list-arti {
    margin-top: 10rem;
  }

  .esg .list-arti:nth-child(2) {
    margin-top: 8rem;
  }

  .esg .list-arti:last-child {
    margin-bottom: 12rem;
  }

  .esg .list-arti .tag {
    padding: 2rem 5rem;
    font-size: 2rem;
  }

  .esg .list-arti .list-info {
    margin-top: 3rem;
    font-size: 2.2rem;
    line-height: 1.5;
  }

  .esg .list-arti .list {
    margin-top: 3rem;
  }

  .esg .list-arti .list li {
    font-size: 1.8rem;
  }

  .esg .mt-50 {
    margin-top: 3rem;
  }

  .esg .mission {
    width: 100%;
  }

  .esg .col2-card {
    width: 100%;
  }

  .esg .assignment {
    width: 100%;
  }

  .esg .col-list {
    padding: 0 1.4rem;
  }

  .esg .col-list li {
    font-size: 1.4rem;
  }

  .esg .col-list li span {
    padding: 0.6rem 0.8rem;
    text-align: center;
    font-size: 1.3rem;
  }
}

@media all and (max-width: 63.9375rem) {
  .esg .sec-1 {
    margin: 10.5rem 0 0;
  }

  .esg .bg {
    padding: 8rem 0;
  }

  .esg .small-tit {
    font-size: 3rem;
  }

  .esg .mid-tit {
    margin-top: 2rem;
    font-size: 3.6rem;
  }

  .esg .full {
    margin-top: 4rem;
  }

  .esg .flex-wrap {
    padding: 4.5rem 0 8rem;
  }

  .esg .left {
    min-width: 30%;
  }

  .esg .icon {
    width: 60%;
  }

  .esg .icon img {
    width: 100%;
    height: 100%;
  }

  .esg .right-top {
    margin-bottom: 2rem;
    font-size: 2rem;
  }

  .esg .desc {
    font-size: 1.6rem;
  }

  .esg .desc br {
    display: none;
  }

  .esg .col-card-wrap {
    gap: 2rem;
  }

  .esg .number {
    margin-top: 2rem;
    font-size: 1.8rem;
  }

  .esg .circle-tit {
    margin-top: 1rem;
    font-size: 2rem;
  }

  .esg .circle-desc {
    margin-top: 2rem;
    font-size: 1.5rem;
  }

  .esg .list-arti {
    margin-top: 8rem;
  }

  .esg .list-arti:nth-child(2) {
    margin-top: 6rem;
  }

  .esg .list-arti:last-child {
    margin-bottom: 10rem;
  }

  .esg .list-arti .list-info {
    margin-top: 2rem;
    font-size: 2rem;
  }

  .esg .list-arti .list {
    margin-top: 2rem;
  }

  .esg .list-arti .list li {
    font-size: 1.6rem;
    word-break: keep-all;
  }

  .esg .mt-50 {
    margin-top: 2rem;
  }

  .esg .mission {
    padding: 4rem 2rem 4.5rem;
  }

  .esg .mission .point {
    font-size: 2rem;
  }

  .esg .mission .m-tit {
    font-size: 2.4rem;
  }

  .esg .card2 {
    padding-top: 4rem;
  }

  .esg .en-tit {
    font-size: 1.8rem;
  }

  .esg .ko-tit {
    margin-top: 2rem;
    font-size: 2rem;
  }

  .esg .card-list {
    padding: 0 2rem;
    margin-top: 2rem;
  }

  .esg .card-list li {
    width: 100%;
  }

  .esg .card-list li::before {
    top: 0.8rem;
  }

  .esg .assignment {
    padding: 4rem 0;
    height: 100%;
  }

  .esg .a-en {
    font-size: 1.8rem;
  }

  .esg .a-ko {
    margin: 2rem;
    font-size: 2.7rem;
  }

  .esg .col3 {
    flex-direction: column;
    gap: 2rem;
  }

  .esg .col-list {
    border-right: none;
  }
}

@media all and (max-width: 47.9375rem) {
  .esg .sec-1 {
    margin: 8.5rem 0 0;
  }

  .esg .bg {
    padding: 6rem 0;
  }

  .esg .small-tit {
    font-size: 2.4rem;
  }

  .esg .mid-tit {
    font-size: 2.7rem;
    word-break: keep-all;
    line-height: 1.3;
  }

  .esg .flex-wrap {
    padding: 4rem 0 6rem;
    flex-direction: column;
    gap: 4rem;
  }

  .esg .icon {
    width: 65%;
  }

  .esg .right-top {
    font-size: 2rem;
  }

  .esg .desc {
    font-size: 1.5rem;
  }

  .esg .col-card-wrap {
    flex-direction: column;
    gap: 4rem;
  }

  .esg .card {
    width: 100%;
  }

  .esg .number {
    margin-top: 2rem;
    font-size: 1.8rem;
  }

  .esg .circle-tit {
    margin-top: 1rem;
    font-size: 2.2rem;
  }

  .esg .circle-desc {
    margin-top: 2rem;
    font-size: 1.5rem;
  }

  .esg .list-arti {
    margin-top: 6rem;
  }

  .esg .list-arti:nth-child(2) {
    margin-top: 4rem;
  }

  .esg .list-arti:last-child {
    margin-bottom: 8rem;
  }

  .esg .list-arti .list-info {
    font-size: 1.7rem;
  }

  .esg .list-arti .tag {
    padding: 2rem;
  }

  .esg .list-arti .list li {
    padding: 2rem;
    line-height: 1.3;
  }

  .esg .mission {
    padding: 2rem 2rem 2.5rem;
  }

  .esg .mission .point {
    font-size: 1.8rem;
  }

  .esg .mission .m-tit {
    margin-top: 2rem;
    font-size: 2rem;
    line-height: 1.3;
  }

  .esg .col2-card {
    flex-direction: column;
    height: 100%;
    padding: 4rem 2rem;
  }

  .esg .card2 {
    padding-top: 3rem;
    width: 100%;
  }

  .esg .en-tit {
    font-size: 1.6rem;
  }

  .esg .ko-tit {
    font-size: 1.8rem;
  }

  .esg .card-list {
    padding: 0 2rem;
    margin-top: 2rem;
  }

  .esg .card-list li {
    width: 100%;
    font-size: 1.4rem;
  }

  .esg .card-list li::before {
    top: 0.8rem;
  }

  .esg .a-en {
    font-size: 1.6rem;
  }

  .esg .a-ko {
    font-size: 2.2rem;
  }

  .esg .col-list li {
    font-size: 1.3rem;
  }

  .esg .col-list li span {
    min-width: 3.7rem;
    font-size: 1.2rem;
  }
}

/*히트솔 소식*/
.news-num {
  font-size: 2rem;
  font-weight: 300;
}

.news-table-wrap {
  width: 100%;
  margin-top: 2rem;
  margin-bottom: 8rem;
  border-top: 3px solid #000;
}

.news-table-wrap .table {
  width: 100%;
}

.news-table-wrap table {
  width: 100%;
}

.news-table-wrap td {
  padding: 3.6rem 0;
  text-align: center;
  vertical-align: middle;
  font-size: 2rem;
}

.news-table-wrap td:nth-child(2) {
  text-align: left;
}

.news-table-wrap .title:hover {
  text-decoration: underline;
}

.news-table-wrap tr {
  border-bottom: 1px solid #efefef;
}

.news-table-wrap .wid-160 {
  width: 11.111111%;
}

.news-table-wrap .wid-200 {
  width: 13.888889%;
}

@media all and (max-width: 64rem) {
  .news-table-wrap td {
    font-size: 1.8rem;
  }
}

@media all and (max-width: 63.9375rem) {
  .news-num {
    font-size: 1.8rem;
  }

  .news-table-wrap {
    margin-bottom: 6rem;
  }

  .news-table-wrap td {
    padding: 3rem 0;
    font-size: 1.6rem;
  }

  .news-table-wrap .wid-200 {
    width: 18.888889%;
  }
}

@media all and (max-width: 47.9375rem) {
  .news-num {
    font-size: 1.6rem;
  }

  .news-table-wrap {
    margin-bottom: 4rem;
  }

  .news-table-wrap td {
    padding: 2rem 0;
    font-size: 1.5rem;
  }

  .news-table-wrap .title {
    display: block;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }

  .news-table-wrap .wid-160 {
    width: 14.111111%;
  }

  .news-table-wrap .wid-200 {
    width: 28.888889%;
  }
}

/*오시는 길*/
.direction .sec-1 {
  margin: 13rem 0 14rem;
}

.direction .map {
  width: 100%;
  height: 55rem;
  overflow: hidden;
}

.direction .map iframe {
  width: 100%;
  height: 100%;
}

.direction .map-arti .list {
  display: flex;
  gap: 7rem;
  justify-content: center;
  padding: 0 8rem;
  margin-top: 9rem;
}

.direction .map-arti .list li {
  display: flex;
  gap: 3rem;
  width: 43rem;
}

.direction .map-arti .icon {
  width: 4rem;
}

.direction .map-arti .info {
  display: flex;
  flex-direction: column;
  gap: 2.7rem;
}

.direction .map-arti .info span {
  font-size: 3.5rem;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
}

.direction .map-arti .info p {
  font-size: 2.4rem;
  line-height: 4rem;
}

@media all and (max-width: 85.375rem) {
  .direction .map-arti .list {
    padding: 0;
  }
}

@media all and (max-width: 64rem) {
  .direction .sec-1 {
    margin: 10rem 0 12rem;
  }

  .direction .map {
    height: 45rem;
  }

  .direction .map-arti .list {
    gap: 4rem;
    margin-top: 6rem;
  }

  .direction .map-arti .icon {
    width: 3.2rem;
  }

  .direction .map-arti .info span {
    font-size: 2.7rem;
  }

  .direction .map-arti .info p {
    font-size: 1.8rem;
    line-height: 1.6;
  }
}

@media all and (max-width: 63.9375rem) {
  .direction .sec-1 {
    margin: 8rem 0 10rem;
  }

  .direction .map {
    height: 35rem;
  }

  .direction .map-arti .list {
    gap: 2rem;
  }

  .direction .map-arti .list li {
    gap: 2rem;
  }

  .direction .map-arti .info span {
    font-size: 2.4rem;
  }

  .direction .map-arti .info p {
    font-size: 1.6rem;
  }
}

@media all and (max-width: 47.9375rem) {
  .direction .sec-1 {
    margin: 6rem 0 8rem;
  }

  .direction .map {
    height: 25rem;
  }

  .direction .map-arti .list {
    margin-top: 4rem;
    flex-direction: column;
    gap: 4rem;
  }

  .direction .map-arti .list li {
    width: 100%;
  }

  .direction .map-arti .info {
    gap: 1.6rem;
  }

  .direction .map-arti .info p {
    word-break: keep-all;
  }
}

/*상담*/
.counse .sec-1 {
  margin: 13rem 0 11rem;
}

.cons-input {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 7.5rem 0 8rem;
  background: #eeeef7;
}

.cons-input .inner-tit {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 7rem;
  gap: 2.4rem;
  font-size: 3rem;
}

.cons-input .input-all {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}

.cons-input .input-wrap,
.cons-input .place-wrap {
  display: flex;
  align-items: flex-start;
}

.cons-input label {
  padding-top: 1.6rem;
  min-width: 14rem;
  font-size: 2.2rem;
}

.cons-input input,
.cons-input textarea {
  padding: 2rem;
  background: #fff;
  border-radius: 0.3rem;
  -webkit-border-radius: 0.3rem;
  -moz-border-radius: 0.3rem;
  -ms-border-radius: 0.3rem;
  -o-border-radius: 0.3rem;
  border: 1px solid #c1c1d0;
  font-size: 1.8rem;
  font-weight: 300;
}

.cons-input textarea {
  height: 15rem;
  resize: none;
}

.cons-input .wid-330 {
  width: 33rem;
}

.cons-input .wid-830 {
  width: 83rem;
}

.cons-input .btn-wrap {
  margin-top: 5.6rem;
}

.cons-input .inq-btn {
  padding: 3rem 5.5rem;
  background: #000;
  color: #fff;
  font-size: 2.4rem;
  font-weight: 600;
}

.cons-input .z-99 {
  position: relative;
  z-index: 999;
}

.cons-input .select-box {
  position: relative;
  z-index: 999;
}

.cons-input .select-btn {
  position: relative;
  display: flex;
  justify-content: space-between;
  z-index: 99;
  padding: 2rem;
  background: #fff;
  border-radius: 0.3rem;
  -webkit-border-radius: 0.3rem;
  -moz-border-radius: 0.3rem;
  -ms-border-radius: 0.3rem;
  -o-border-radius: 0.3rem;
  border: 1px solid #c1c1d0;
  font-size: 1.8rem;
  font-weight: 300;
}

.cons-input .option {
  position: absolute;
  display: none;
  width: 100%;
  background: #fff;
  border: 1px solid #c1c1d0;
}

.cons-input .option li a {
  display: block;
  width: 100%;
  padding: 2rem;
}

.cons-input .option li:hover {
  background: #eeeef7;
}

.cons-input .pri {
  width: 83rem;
  margin-left: 14rem;
  padding: 2rem;
  height: 12rem;
  overflow-y: scroll;
  background: #dcdce2;
  border: 1px solid #c1c1d0;
  border-radius: 0.3rem;
  -webkit-border-radius: 0.3rem;
  -moz-border-radius: 0.3rem;
  -ms-border-radius: 0.3rem;
  -o-border-radius: 0.3rem;
}

.cons-input .pri p {
  font-size: 1.4rem;
  line-height: 3rem;
  color: #646464;
}

.modal-wrap {
  position: absolute;
  width: 100%;
  height: 100vh;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
}

.modal {
  position: fixed;
  top: 50%;
  left: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  padding: 7rem 11.2rem 6rem;
  background: #fff;
  box-shadow: 0 10px 30px 20px rgba(0, 0, 0, 0.2);
  text-align: center;
}

.modal .icon {
  margin-bottom: 4rem;
}

.modal .done {
  font-size: 3rem;
  font-weight: 700;
}

.modal .desc {
  margin-top: 2.4rem;
  font-size: 2rem;
  line-height: 3rem;
}

.modal .btn-wrap {
  margin-top: 5rem;
}

.modal .done-btn {
  padding: 1.8rem 5.4rem;
  background: #000;
  color: #fff;
  font-weight: 600;
  font-size: 1.8rem;
}

@media all and (max-width: 64rem) {
  .cons-input .inner-tit {
    margin-bottom: 5rem;
    font-size: 2.4rem;
  }

  .cons-input label {
    font-size: 2rem;
  }

  .cons-input .wid-830 {
    width: 70rem;
  }

  .cons-input .inq-btn {
    padding: 2rem 4rem;
    font-size: 2rem;
  }

  .cons-input .pri {
    width: auto;
  }

  .modal {
    padding: 7rem 9.2rem 6rem;
  }
}

@media all and (max-width: 63.9375rem) {
  .cons-input .input-all {
    width: 100%;
    padding: 0 4rem;
  }

  .cons-input .wid-830 {
    width: 100%;
  }

  .modal {
    padding: 5rem 3.2rem 4rem;
  }
}

@media all and (max-width: 47.9375rem) {
  .cons-input .inner-tit {
    flex-direction: column;
    padding: 0 2rem;
    margin-bottom: 4rem;
    font-size: 2rem;
    line-height: 1.3;
    word-break: keep-all;
    text-align: center;
  }

  .cons-input .input-all {
    padding: 0 2rem;
  }

  .cons-input .input-wrap,
  .cons-input .place-wrap {
    flex-direction: column;
    gap: 1rem;
  }

  .cons-input label {
    font-size: 1.8rem;
  }

  .cons-input .wid-330 {
    width: 100%;
  }

  .cons-input input,
  .cons-input textarea {
    padding: 1.6rem;
    font-size: 1.6rem;
  }

  .cons-input .btn-wrap {
    margin-top: 4rem;
  }

  .cons-input .inq-btn {
    padding: 1.6rem 4rem;
    font-size: 1.8rem;
  }

  .cons-input .select-box {
    width: 100%;
  }

  .cons-input .select-btn {
    padding: 1.6rem;
    font-size: 1.6rem;
  }

  .cons-input .option li a {
    padding: 1.6rem;
    font-size: 1.6rem;
  }

  .cons-input .pri {
    margin-left: 0;
  }

  .modal {
    width: calc(100% - 4rem);
  }

  .modal .done {
    font-size: 2.4rem;
  }

  .modal .desc {
    font-size: 1.6rem;
  }

  .modal .btn-wrap {
    margin-top: 4rem;
  }

  .modal .done-btn {
    padding: 1.2rem 4rem;
  }
}

/*
아코디언
*/
.accordion-wrap {
  padding: 2rem 0;
  margin-bottom: 6rem;
}

.accordion-list {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}

.accordion-list .accordion {
  width: 100%;
  font-size: 1.7rem;
}

.accordion-list .accordion .accordion-header {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 3rem 0;
  width: 100%;
  border: 1px solid #dddddd;
}

.accordion-list .accordion .accordion-header>span:first-child {
  padding: 0 3.5rem 0 6rem;
  font-family: "Montserrat", sans-serif;
  font-size: 2rem;
  font-weight: 700;
  border-right: 1px solid #e5e5e5;
}

.accordion-list .accordion .accordion-header .header-txt {
  position: relative;
  flex: 1 1 0;
  padding: 0 2.7rem;
  line-height: 3.7rem;
  text-align: left;
  font-size: 2rem;
}

.accordion-list .accordion .accordion-header .icon {
  display: flex;
  align-items: center;
  margin-left: auto;
  margin-right: 2rem;
  padding: 0.2rem;
}

.accordion-list .accordion .accordion-body {
  display: none;
  padding: 4rem 0;
  font-size: 1em;
  background-color: #f8f8f8;
}

.accordion-list .accordion .accordion-body>div>div:first-child {
  padding: 0 2.8rem;
}

.accordion-list .accordion .accordion-body>div>div:first-child span {
  display: block;
  padding: 0 3.5rem;
  height: 100%;
  font-family: "Montserrat", sans-serif;
  font-size: 2rem;
  font-weight: 700;
  border-right: 1px solid #e5e5e5;
  color: #8bbdfa;
}

.accordion-list .accordion .accordion-body .accordion-inner {
  padding: 0 2.7rem;
  line-height: 3.5rem;
}

.accordion-list .accordion.open .accordion-header {
  border-bottom-color: transparent;
  border: 3px solid #103869;
  background-color: #f8f8f8;
}

.accordion-list .accordion.open .accordion-header .icon img {
  content: url("https://heatsol01.cdn1.cafe24.com/static/img/sub/contact/small.png");
}

@media all and (max-width: 64rem) {
  .accordion-list .accordion {
    font-size: 1.5rem;
  }

  .accordion-list .accordion .accordion-header {
    padding: 2rem 0;
  }

  .accordion-list .accordion .accordion-header>span:first-child {
    padding: 0 3.5rem;
  }

  .accordion-list .accordion .accordion-header .header-txt {
    padding: 0 1.7rem;
    line-height: 3rem;
    font-size: 1.8rem;
  }

  .accordion-list .accordion .accordion-header .icon {
    width: 3rem;
    height: 3rem;
  }

  .accordion-list .accordion .accordion-body {
    padding: 3.5rem 0;
  }

  .accordion-list .accordion .accordion-body>div>div:first-child {
    padding: 0;
  }

  .accordion-list .accordion .accordion-body .accordion-inner {
    padding: 0 1.7rem;
  }
}

@media all and (max-width: 47.9375rem) {
  .accordion-wrap {
    margin-bottom: 4rem;
  }

  .accordion-list .accordion {
    font-size: 1.5rem;
  }

  .accordion-list .accordion .accordion-header {
    padding: 2rem 0;
  }

  .accordion-list .accordion .accordion-header>span:first-child {
    padding: 0 1.5rem;
  }

  .accordion-list .accordion .accordion-header .header-txt {
    padding: 0 1.7rem;
    line-height: 2.5rem;
    font-size: 1.6rem;
    word-break: keep-all;
  }

  .accordion-list .accordion .accordion-header .icon {
    width: 2.5rem;
    height: 2.5rem;
    font-size: 1.2rem;
  }

  .accordion-list .accordion .accordion-body {
    padding: 3.5rem 0;
  }

  .accordion-list .accordion .accordion-body>div>div:first-child span {
    padding: 0 1.5rem;
  }

  .accordion-list .accordion .accordion-body .accordion-inner {
    line-height: 2.5rem;
  }
}