@charset "UTF-8";
/* PC에서만 사용 */
/* 1600*900 */
/* 1366*768 */
/* 1280px 미만 */
@media (max-width: 1280px) {
  :root {
    --content-width: 100vw;
  }
  .design {
    flex-direction: column;
  }
  .design > div {
    width: 100%;
  }
  .design br {
    display: none;
  }
  .design .img-wrap {
    justify-content: center;
    gap: 20px;
  }
  .design .box {
    padding-top: 40px;
  }
  .design .box h2 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  #container #contents .visual {
    width: calc(100vw - 40px);
  }
}
/* 1024px 이하 태블릿 */
@media (max-width: 1024px) {
  footer .gnb {
    display: none;
  }
  .carousel.main {
    width: calc(100vw - 60px);
  }
  .news-box-wrap {
    flex-direction: column;
  }
}
/* 768px 이하 모바일 */
@media (max-width: 768px) {
  :root {
    --header-height: 70px;
  }
  header > .inner {
    padding-top: 0;
    align-items: center;
  }
  header > .inner .btn-menu {
    margin-top: 0;
  }
  #container #contents .visual {
    height: 145px;
    border-radius: 0 80px 0 80px;
  }
  #gnb {
    display: none;
  }
  footer .inner {
    flex-direction: column;
  }
  footer .inner .tp {
    margin-left: 0;
    margin-top: 30px;
    padding-right: 0;
  }
  footer .inner .qr {
    right: var(--content-margin-h);
  }
  footer .inner p.copyright {
    margin-left: 0;
  }
  .mega-menu > ul {
    flex-direction: column;
    gap: 2rem;
  }
  .board-table-box table {
    table-layout: auto;
  }
  .board-table-box table tbody .title {
    width: auto;
  }
  .board-table-box table tbody .title > a {
    width: auto;
    white-space: normal;
  }
  .carousel.main {
    width: calc(100vw - 40px);
  }
  .life-partner {
    padding: 60px 0;
  }
  .life-partner br {
    display: none;
  }
  .grid-list > ul {
    grid-template-columns: 1fr 1fr;
    gap: 1rem 1.5rem;
  }
  .ico-wrap.main {
    margin-top: 2rem;
  }
  .ico-wrap.main a {
    height: 150px;
  }
  .senior-life .inner .row {
    gap: 30px;
    margin: 0;
  }
  .senior-life .inner .row > div {
    padding: 0;
  }
  .img-round-box {
    border-radius: 0 0 0 30vw;
  }
}
/* 480px 이하 모바일 */
@media (max-width: 480px) {
  #container #contents h2 {
    font-size: 2rem;
  }
  #container #contents .breadcrumb {
    margin-top: 25px;
  }
  footer > .inner {
    display: block;
  }
  footer > .inner .qr {
    bottom: 0;
    top: auto;
  }
  footer > .inner .dropdown {
    margin-top: 2rem;
  }
}
/* 360px 이하 모바일 */
/*********************************** 화면 높이 기준 ***********************************/
/* 1600*900 */
/* 1366*768 */
/* 480px 이하 모바일 */
/* 332px 이하 모바일 (가로모드) *//*# sourceMappingURL=media-query.css.map */