:root {
  --falcon-gray-200: #edf2f9;
}

html {
  height: -webkit-fill-available;
}

/* 공통 스타일 */
.app {
  min-height: 100vh;
  height: 100vh;
  min-width: 320px;
}

button {
  outline: none;
  border: none;
  background-color: transparent;
}

.required {
  color: red;
}

.error-message {
  color: red;
  margin-top: 1rem;
  text-align: center;
}

.blind {
  position: absolute;
  z-index: -10;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  font-size: medium;
  line-height: normal;
  word-break: break-all;
}

.mo-only {
  display: none !important;
}

.wsnr {
  white-space: nowrap;
}

/* text input label(제목) */
.row-title {
  font-size: 1.125rem;
  font-weight: 500;
}

label.form-label {
  font-size: 1.1rem;
}

/* 테이블 공통 스타일 */
table.overflow-hidden th,
table.overflow-hidden td {
  white-space: nowrap;
}

/* 공통 main태그 스타일 */
main.support, main.product, main.mypage {
  max-width: 1200px;
  margin: auto;
}

/* 메인페이지 공통 스타일 */

/* 마이페이지 공통 스타일 */
.mypage {
  padding: 7.5rem 0;
  min-height: 60rem;
  flex: 1 0 auto;
}
.mypage .card {
  margin-top: 1.25rem;
}

.mypage .content {
  height: auto;
  min-height: auto;
}

/* 고객지원 공통 스타일 */
.support {
  padding: 7.5rem 0;
  min-height: 70rem;
  flex: 1 0 auto;
}

/* 회사소개 공통 스타일 */
.company .visual {
  padding: 0;
}

.company .hynux > div {
  overflow: visible;
}

.company .hynux .sectionTitle {
  font-size: 3.125rem;
  line-height: 1.4;
  margin-bottom: 1.25rem;
}

.company .hynux .left,
.company .hynux .right {
  overflow: hidden;
}

.company .hynux .left {
  position: relative;
  height: 100vh;
}

.company .hynux .left figure {
  position: absolute;
  width: auto;
  height: 100%;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}

.company .hynux .left img {
  height: 100%;
}

.company .right {
  padding: 0 5rem;
}

.company .right .textWrap {
  position: relative;
  width: 100%;
  height: 100%;
}

.company .ai-lab {
  background-color: var(--falcon-gray-200);
  padding: 0;
}

.company .ai-lab .wrap {
  max-width: 1700px;
}

.company .ai-lab .sectionTitle {
  width: 25rem;
  height: auto;
}

.company .ai-lab .sectionTitle img {
  width: 100%;
}

.company .ai-lab .imgWrap ul {
  padding: 0;
}

.company .ai-lab .imgWrap ul + ul {
  margin-left: 3.125rem;
  position: relative;
  top: 8rem;
}

.company .ai-lab .imgWrap ul li {
  margin-bottom: 3.125rem;
}

.company section.footer {
  height: auto;
}

/* 대시보드 공통 스타일 */

/* 온습도 페이지 스타일 */

.chart-view-col .chart-view > div {
  width: 100%;
}

@media (min-width: 768px) and (max-width: 992px) {
  .container-sm,
  .container {
    max-width: 100% !important;
  }
}

@media (min-width: 768px) {
  .mypage .title {
    font-size: 1.375rem;
  }

  .mypage .content {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .pc-only {
    display: none;
  }

  .mo-only {
    display: block !important;
  }

  /* .container-sm,
  .container {
    max-width: 768px;
    min-width: 100%;
    width: 100%;
    padding: 0 1rem;
  } */

  /* .container.m-scroll {
    padding-right: 0;
  } */

  .navside .logo-group {
    margin-bottom: 0.5rem;
    height: auto;
  }

  .navbar-vertical-collapsed .navside .logo-group {
    margin-bottom: 0;
  }
  /* 메인페이지 공통 스타일 */
  .mainPage .product > div {
    flex-direction: column;
  }

  .noticeBoard .mo-list ul li div div:nth-child(1),
  .noticeBoard .mo-list ul li div div:nth-child(2),
  .noticeBoard .mo-list ul li div div:last-child {
    display: none;
  }

  /* 회사소개 공통 스타일 */
  .company .hynux > div {
    flex-direction: column;
  }

  .company .ai-lab .wrap {
    width: 100%;
    flex-direction: column;
  }

  .company .ai-lab .left {
    padding: 0 5rem;
  }

  .company .ai-lab .left .title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  /* 마이페이지 공통 스타일 */
  .mypage .title {
    text-align: center;
  }

  .mypage .sub-title {
    display: none;
  }
}