@charset "UTF-8";
/* 인풋스타일*/
input::-moz-placeholder {
  font-size: inherit;
}
input::placeholder {
  font-size: inherit;
}

/*
공통 */
/*스크롤 이벤트 */
.visual-tit,
.visual-desc,
.page-location,
.sub-tit-wrap,
.sec-tit,
.sub-txt,
.sec-sub-tit,
.sub-desc,
.doco-tit-wrap,
.slogan,
.left,
.left > *,
.right,
.right > *,
.txt-box,
.img-box,
.txt-box > *,
.card-header,
.tab-wrap,
.list-item > *,
.row-wrap .top,
.row-wrap .bottom,
.txt-small,
.signature-wrap > *,
.img-col,
.dot-list,
.article,
.table-top,
.img-card,
.icon-card,
.careers-table > dl,
.info-card,
.item,
.table,
.num-list > li,
.col-item,
.icon-card-list li,
.icon-card-wrap .card,
.icon-card-wrap .card,
.map-card {
  opacity: 0;
}

.footer .right,
.footer .left {
  opacity: 1;
}
.footer .right > *,
.footer .left > * {
  opacity: 1;
}

* {
  word-break: break-all;
}

/* 비주얼 */
.visual-wrap {
  position: relative;
  width: 100%;
  height: 70rem;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: cover;
}
.visual-wrap.company {
  background-image: url("https://lakematerials.cdn1.cafe24.com/img/sub/company/visual.jpg");
}
.visual-wrap.noti {
  background-image: url("https://lakematerials.cdn1.cafe24.com/img/sub/notice/visual.jpg");
}
.visual-wrap.business {
  background-image: url("https://lakematerials.cdn1.cafe24.com/img/sub/business/visual.jpg");
}
.visual-wrap.careers {
  background-image: url("https://lakematerials.cdn1.cafe24.com/img/sub/careers/visual.jpg");
}
.visual-wrap.manage {
  background-image: url("https://lakematerials.cdn1.cafe24.com/img/sub/manage/visual.jpg");
}
.visual-wrap.rnd {
  background-image: url("https://lakematerials.cdn1.cafe24.com/img/sub/rnd/visual.jpg");
}
.visual-wrap .visual-tit-wrap {
  padding-top: 40rem;
  color: #fff;
}
.visual-wrap .visual-tit {
  font-size: 6rem;
  font-weight: 700;
}
.visual-wrap .visual-desc {
  font-size: 5rem;
  font-weight: 300;
  line-height: 116.667%;
}

/* 페이지로케이션 */
.page-location {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 2.4rem;
  position: absolute;
  top: 60.4rem;
}
.page-location li {
  position: relative;
  font-size: var(--sub-txt);
  color: #E9EBEC;
}
.page-location li:not(:last-child)::after {
  position: absolute;
  right: -1.2rem;
  content: "|";
}
.page-location li:last-child {
  font-weight: 700;
}

/*섹션 */
.section {
  position: relative;
  padding: 12rem 0 15rem;
}

.sec-txt-wrap {
  margin-bottom: 8rem;
}
.sec-txt-wrap .sec-desc {
  margin-top: 0.8rem;
  font-size: var(--sub-tit);
  font-weight: 600;
  color: #939BA2;
  line-height: 1.8;
}

.sec-tit {
  font-size: var(--sec-tit);
  font-weight: 700;
  color: #000;
  line-height: 1.8;
}

.sub-tit-wrap {
  line-height: 1.5;
}
.sub-tit-wrap .sub-txt {
  font-size: var(--sec-tit);
}

.sec-sub-tit {
  margin-bottom: 2.4rem;
  font-size: var(--sec-tit);
  font-weight: 400;
}
.sec-sub-tit > span {
  font-size: var(--sub-tit);
}

.sub-desc {
  font-weight: 400;
  line-height: 1.8;
}
.sub-desc.lg {
  font-size: var(--sub-tit);
}

.article {
  margin: 12rem 0;
}
.article:last-child {
  margin-bottom: 0;
}

.article-txt-wrap {
  margin-bottom: 4rem;
}
.article-txt-wrap .arti-tit {
  margin-bottom: 0.4rem;
  font-size: var(--sub-tit);
  font-weight: 800;
  color: #1376C6;
  line-height: 1.8;
}
.article-txt-wrap .tit-sub {
  font-size: var(--sub-txt);
  line-height: 1.875;
}

.arti-tit {
  margin-bottom: 4rem;
  font-size: var(--sub-tit);
  font-weight: 600;
  line-height: 1.8;
  color: #000;
}

.arti-desc {
  font-weight: 400;
  line-height: 1.6;
}

@media all and (max-width: 85.375rem) {
  .visual-wrap {
    height: 45rem;
  }
  .visual-wrap .visual-tit-wrap {
    padding-top: 25rem;
  }
  .visual-wrap .visual-tit {
    font-size: 4rem;
  }
  .visual-wrap .visual-desc {
    font-size: 3rem;
  }
  .page-location {
    top: 38rem;
  }
  .article {
    margin: 8rem 0;
  }
}
@media all and (max-width: 63.9375rem) {
  .sec-txt-wrap {
    margin-bottom: 4rem;
  }
  .sec-sub-tit > span {
    display: block;
    line-height: 1.8;
  }
  .sub-desc.lg {
    font-size: var(--lg-f);
  }
}
@media all and (max-width: 47.9375rem) {
  .visual-wrap {
    height: 40rem;
  }
  .visual-wrap .visual-tit-wrap {
    padding-top: 20rem;
  }
  .visual-wrap .visual-tit {
    font-size: 3rem;
  }
  .visual-wrap .visual-desc {
    font-size: 2rem;
  }
  .page-location {
    top: 35rem;
  }
  .section {
    padding: 8rem 0 11rem;
  }
}
@media all and (max-width: 47.9375rem) {
  .sec-txt-wrap {
    margin-bottom: 4rem;
  }
}
.card-header {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 0 1.4rem;
}

.card-tit {
  font-size: var(--sec-tit);
  color: #1376C6;
}
.card-tit + .sm-tit {
  font-size: var(--sub-txt);
  font-weight: 900;
  color: #939BA2;
  line-height: 1.1875;
}

.card-sub-tit {
  padding-bottom: 1rem;
  font-size: var(--sub-tit);
  font-weight: 600;
  color: #1376C6;
  line-height: 1.8;
  border-bottom: 1px solid #E9EBEC;
}

.card-desc {
  margin: 4rem 0;
  font-weight: 400;
  color: #4F555A;
  line-height: 1.8;
  word-break: break-all;
}

.link-card-wrap .link-card {
  display: grid;
  grid-template-columns: minmax(auto, 102rem) minmax(auto, 40rem);
  margin-bottom: 8rem;
  height: 54rem;
  gap: 0 calc(7% + 1rem);
}
.link-card-wrap .link-card .img-box {
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.link-card-wrap .link-card .txt-box {
  padding-top: 8rem;
  text-align: left;
}
.link-card-wrap .link-card:nth-of-type(1) .img-box {
  background-image: url("https://lakematerials.cdn1.cafe24.com/img/sub/company/company/sec3-1.jpg");
}
.link-card-wrap .link-card:nth-of-type(2) .img-box {
  background-image: url("https://lakematerials.cdn1.cafe24.com/img/sub/company/company/sec3-2.jpg");
}
.link-card-wrap .link-card:nth-of-type(3) .img-box {
  background-image: url("https://lakematerials.cdn1.cafe24.com/img/sub/company/company/sec3-3.jpg");
}
.link-card-wrap .link-card:nth-of-type(4) .img-box {
  background-image: url("https://lakematerials.cdn1.cafe24.com/img/sub/company/company/sec3-4.jpg");
}
.link-card-wrap .link-card:nth-of-type(5) .img-box {
  background-image: url("https://lakematerials.cdn1.cafe24.com/img/sub/company/company/sec3-5.jpg");
}
.link-card-wrap .link-card:last-child {
  margin-bottom: 0;
}

.dot-list {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  gap: 2.4rem 0;
  width: 100%;
}
.dot-list li {
  position: relative;
  padding-left: 1.4rem;
  font-size: var(--md-f);
}
.dot-list li::before {
  position: absolute;
  left: 0;
  top: 0.7rem;
  width: 0.4rem;
  height: 0.4rem;
  content: "";
  background-color: #333;
  border-radius: 0.4rem;
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  -ms-border-radius: 0.4rem;
  -o-border-radius: 0.4rem;
}

/*
탭*/
.tab-wrap {
  overflow: hidden;
  overflow-x: auto;
  display: flex;
  justify-content: flex-start;
  margin-bottom: 12rem;
  font-size: 0;
}
.tab-wrap::-webkit-scrollbar {
  opacity: 0;
  width: 0;
  height: 0;
}
.tab-wrap li {
  min-width: -moz-fit-content;
  min-width: fit-content;
  text-align: center;
  border-width: 1px 0 1px 1px;
  border-style: solid;
  border-color: #E9EBEC;
  white-space: nowrap;
}
.tab-wrap li:last-child {
  border-right: 1px solid #E9EBEC;
}
.tab-wrap li > a {
  display: block;
  padding: 2rem;
  height: 100%;
  font-size: var(--sub-tit);
  font-weight: 600;
  color: #939BA2;
  line-height: 1.8;
}
.tab-wrap li.active > a {
  color: #fff;
  background-color: #1376C6;
  border-color: #1376C6 !important;
}
.tab-wrap.col-2 li {
  width: 50%;
}
.tab-wrap.col-4 li {
  width: 25%;
}

@media all and (max-width: 63.9375rem) {
  .tab-wrap {
    margin-bottom: 8rem;
  }
  .tab-wrap li > a {
    padding: 1rem 2rem;
  }
}
/* 테이블 공통 */
.table-wrap {
  overflow: hidden;
  overflow-x: auto;
}
.table-wrap::-webkit-scrollbar {
  width: 20%;
  height: 1rem;
}
.table-wrap::-webkit-scrollbar-thumb {
  background-color: #E9EBEC;
  border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -o-border-radius: 0.5rem;
}
.table-wrap.down {
  cursor: grab;
}
.table-wrap .table {
  width: 100%;
  min-width: 120rem;
}
.table-wrap .table thead th {
  padding: 1.2rem 2rem;
  font-size: var(--sub-txt);
  font-weight: 700;
}
.table-wrap .table tbody th,
.table-wrap .table tbody td {
  padding: 1.2rem 2rem;
  text-align: center;
  font-size: var(--sm-f);
  font-weight: 400;
}
.table-wrap .null-line td {
  color: #fff;
  text-indent: -9999px;
  border: 0 none !important;
}

.semiconductor .table.t-type-1,
.display .table.t-type-1,
.solar .table.t-type-1,
.secondary .table.t-type-1 {
  min-width: 60rem;
}

.supported .table.t-type-1 {
  min-width: 100rem;
}

@media all and (max-width: 63.9375rem) {
  .semiconductor .table.t-type-1 col.md,
  .display .table.t-type-1 col.md,
  .solar .table.t-type-1 col.md,
  .secondary .table.t-type-1 col.md {
    width: auto;
  }
  .semiconductor .table.t-type-1 col.sm:nth-of-type(1),
  .display .table.t-type-1 col.sm:nth-of-type(1),
  .solar .table.t-type-1 col.sm:nth-of-type(1),
  .secondary .table.t-type-1 col.sm:nth-of-type(1) {
    width: 8rem;
  }
  .supported .table.t-type-1 col.sm:nth-of-type(1) {
    width: 8rem;
  }
}
/*
기업개요 */
.slogan .lg-txt {
  display: block;
  margin-bottom: 4rem;
  font-size: var(--sec-tit);
}
.slogan .strong-txt {
  font-size: var(--sec-tit);
  font-weight: 800;
  color: #1376C6;
}

.deco-txt {
  position: absolute;
  opacity: 0.15;
  font-size: calc(7.288vw + 0.007rem);
  font-weight: 900;
  color: #939BA2;
}

.company .deco-txt {
  left: 0;
  top: 26.8rem;
}
.company .dot-list {
  width: -moz-fit-content;
  width: fit-content;
}
.company .dot-list li {
  padding-left: 1.4rem;
  font-size: var(--md-f);
  text-align: center;
}
.company .dot-list li::before {
  top: 0.7rem;
  background-color: #1376C6;
  border-radius: 0rem;
  -webkit-border-radius: 0rem;
  -moz-border-radius: 0rem;
  -ms-border-radius: 0rem;
  -o-border-radius: 0rem;
}
.company .dot-list li:not(:only-child) {
  width: 50%;
  text-align: left;
}
.company .company-info-wrap {
  display: flex;
  justify-content: flex-end;
  position: relative;
  padding-top: 19rem;
  width: 100%;
}
.company .company-info-wrap .sub-tit-wrap {
  position: absolute;
  left: 0;
  width: 41.2%;
  max-width: 63.3%;
}
.company .company-info-wrap .sub-desc {
  line-height: 2;
}
.company .info-card-wrap {
  display: grid;
  grid-template-columns: repeat(3, minmax(calc((100% - 4rem) / 3), 37rem));
  grid-template-rows: repeat(2, minmax(auto, 40.4rem));
  gap: 2rem;
  width: 74.7%;
  max-width: 115rem;
}
.company .info-card-wrap .info-card {
  overflow: hidden;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  align-items: center;
  gap: 3rem;
  padding: 4.5rem 4rem;
  background-color: #F3F8FC;
}
.company .info-card-wrap .info-card .card-tit {
  font-size: var(--com-f);
  font-weight: 700;
  color: #000;
}
.company .info-card-wrap .info-card:last-child .dot-list {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 2rem 0;
}
.company .sec-02 {
  padding: 20rem 0;
  text-align: center;
  background: url("https://lakematerials.cdn1.cafe24.com/img/sub/company/company/section_02.jpg") center/cover no-repeat;
}
.company .sec-02 .slogan .strong-txt {
  font-size: 6rem;
}
.company .sec-02 .slogan .strong-txt {
  font-size: 5rem;
}
.company .sec-04 .col-wrap {
  display: grid;
  grid-template-columns: minmax(auto, 37rem) 1fr;
  gap: 4rem;
}
.company .sec-04 .col-wrap .company-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10rem 7.08%;
}
.company .sec-04 .col-wrap .company-list dl {
  flex-basis: calc(50% - 4rem);
}
.company .sec-04 .col-wrap .company-list dt {
  margin-bottom: 2rem;
  font-size: var(--sub-tit);
  font-weight: 800;
  color: #1376C6;
}
.company .sec-04 .col-wrap .company-list dd {
  display: flex;
  justify-content: flex-start;
  padding: 2rem 1rem;
  word-break: break-all;
  border-top: 1px solid #E9EBEC;
  border-bottom: 1px solid #E9EBEC;
}
.company .sec-04 .col-wrap .company-list dd b {
  padding-right: 1rem;
  min-width: 7rem;
}

@media all and (max-width: 85.375rem) {
  .company .company-info-wrap .sub-tit-wrap {
    width: 45%;
  }
  .company .info-card-wrap {
    grid-template-rows: repeat(2, minmax(auto, auto));
  }
  .company .info-card-wrap .info-card {
    padding: 2.25rem 2rem;
  }
  .company .info-card-wrap .info-card .icon {
    width: 10rem;
  }
  .company .sec-04 .col-wrap .company-list {
    gap: 5rem 4%;
  }
  .company .sec-04 .col-wrap .company-list dd {
    line-height: 1.5;
  }
}
@media all and (max-width: 64rem) {
  .company .company-info-wrap {
    justify-content: flex-start;
    flex-wrap: wrap;
    padding-top: 14rem;
  }
  .company .company-info-wrap .sub-tit-wrap {
    position: relative;
    margin-bottom: 4rem;
    width: 100%;
    max-width: none;
  }
  .company .info-card-wrap {
    width: auto;
    max-width: none;
  }
  .company .sec-02 .slogan .strong-txt {
    font-size: 3.8rem;
  }
  .company .sec-04 .col-wrap .company-list {
    gap: 5rem 4%;
  }
  .company .sec-04 .col-wrap .company-list dd {
    line-height: 1.5;
  }
}
@media all and (max-width: 63.9375rem) {
  .company .deco-txt {
    top: 21rem;
  }
  .company .company-info-wrap {
    padding-top: 9rem;
  }
  .company .info-card-wrap {
    grid-template-columns: repeat(2, 1fr);
  }
  .company .sec-02 .slogan .strong-txt {
    font-size: 3rem;
    line-height: 1.2;
  }
  .company .sec-02 .slogan .strong-txt .in-line {
    display: block;
  }
  .company .sec-04 .col-wrap .company-list {
    grid-template-columns: 1fr;
  }
  .company .sec-04 .col-wrap .company-list dd b {
    min-width: 4rem;
  }
  .link-card-wrap .link-card {
    align-items: center;
    height: 22rem;
    gap: 0 calc(5% + 1rem);
  }
  .link-card-wrap .link-card .txt-box {
    padding-top: 0;
  }
  .link-card-wrap .card-desc {
    margin: 1rem 0;
  }
}
@media all and (max-width: 47.9375rem) {
  .company .deco-txt {
    top: 15rem;
  }
  .company .company-info-wrap {
    padding-top: 5rem;
    width: 100%;
  }
  .company .info-card-wrap {
    grid-template-columns: repeat(1, 1fr);
    width: 100%;
  }
  .company .info-card-wrap .info-card .icon {
    width: 8rem;
  }
  .company .sec-02 {
    padding: 10rem 0;
  }
  .company .sec-04 .col-wrap {
    grid-template-columns: 1fr;
  }
  .link-card-wrap .link-card {
    display: block;
    height: auto;
  }
  .link-card-wrap .link-card .img-box {
    position: relative;
    margin-bottom: 2rem;
    padding-bottom: 30%;
    width: 100%;
    height: 0;
  }
  .link-card-wrap .link-card .img-box img {
    position: absolute;
    left: 0;
    top: 0;
  }
}
/*
인사말 */
.greeting .col-wrap {
  display: grid;
  grid-template-columns: minmax(auto, 63rem) minmax(auto, 83.9rem);
  padding-right: 6rem;
  height: -moz-fit-content;
  height: fit-content;
}
.greeting .left {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
}
.greeting .left .sm-txt {
  display: block;
  margin-bottom: 1rem;
  line-height: 1.8;
  font-size: var(--sub-tit);
  font-weight: 600;
}
.greeting .left .figure {
  margin-top: auto;
}
.greeting .right {
  overflow: hidden;
  padding: 6rem 13rem 5.2rem 9rem;
  line-height: 1.8;
  background-color: #F3F8FC;
}
.greeting .right p {
  margin-bottom: 2.4rem;
}
.greeting .right p:nth-last-of-type(1) {
  margin-bottom: 4rem;
}
.greeting .right .bt-txt {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.greeting .right .bt-txt span {
  display: inline-block;
  margin-right: 2.4rem;
  font-weight: 700;
}
.greeting .right .bt-txt b {
  font-size: var(--sub-tit);
  font-weight: 800;
}

@media all and (max-width: 85.375rem) {
  .greeting .col-wrap {
    padding-right: 0;
  }
  .greeting .right {
    padding: 4rem 6rem;
  }
  .greeting .right br {
    display: none;
  }
}
@media all and (max-width: 63.9375rem) {
  .greeting .sub-tit-wrap {
    margin-bottom: 6rem;
  }
  .greeting .col-wrap {
    display: block;
    padding-right: 0;
  }
  .greeting .left {
    margin-bottom: 4rem;
  }
  .greeting .right {
    padding: 4rem 6rem;
  }
  .greeting .right br {
    display: none;
  }
}
@media all and (max-width: 47.9375rem) {
  .greeting .sub-tit-wrap br {
    display: none;
  }
  .greeting .right {
    padding: 2rem;
  }
  .greeting .right br {
    display: none;
  }
}
/*
경영이념 */
.philosophy .row-img-card {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 2rem;
}
.philosophy .row-img-card > div {
  width: calc(50% - 1rem);
  max-width: 76rem;
}
.philosophy .row-img-card .txt-box .card-header {
  margin-bottom: 6rem;
}
.philosophy .row-img-card .txt-box .card-desc {
  color: #333;
}
.philosophy .slogan {
  position: relative;
  padding-top: 10rem;
  text-align: center;
  line-height: 1.7;
}
.philosophy .slogan .deco-txt {
  position: absolute;
  left: 50%;
  top: -5rem;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.philosophy .col-card-wrap {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 2rem;
}
.philosophy .col-card-wrap .card-header {
  justify-content: center;
  margin-bottom: 12rem;
  width: 100%;
}
.philosophy .col-card-wrap .icon {
  display: inline-block;
  margin-bottom: 6rem;
}
.philosophy .col-card-wrap .card-body {
  border-top: 1px solid #E9EBEC;
}
.philosophy .col-card-wrap .col-card {
  width: calc((100% - 4rem) / 3);
  text-align: center;
}
.philosophy .col-card-wrap .col-card > span {
  font-size: var(--com-f);
  font-weight: 400;
}
.philosophy .col-card-wrap .card-sub-tit {
  padding: 2rem 0;
  border-bottom: 0 none;
}
.philosophy .col-card-wrap .card-desc {
  margin: 0;
  font-size: var(--sub-txt);
  font-weight: 300;
}
.philosophy .sec-01 > .article {
  padding: 11.5rem 0;
  background: url("https://lakematerials.cdn1.cafe24.com/img/sub/company/philo/section_03.jpg") center/cover no-repeat;
}
.philosophy .sec-01 > .article .sub-tit-wrap .sec-sub-tit {
  margin-bottom: 2rem;
  line-height: 1.7;
}

@media all and (min-width: 120.0625rem) {
  .philosophy .slogan .deco-txt {
    top: -9rem;
  }
}
@media all and (max-width: 85.375rem) {
  .philosophy .row-img-card .txt-box br {
    display: none;
  }
  .philosophy .slogan {
    padding-top: 4rem;
  }
}
@media all and (max-width: 64rem) {
  .philosophy .slogan {
    padding-top: 2rem;
  }
}
@media all and (max-width: 63.9375rem) {
  .philosophy .slogan {
    padding-top: 0;
  }
  .philosophy .col-card-wrap .card-header {
    margin-bottom: 8rem;
  }
  .philosophy .col-card-wrap .icon {
    margin-bottom: 4rem;
  }
  .philosophy .col-card-wrap br {
    display: none;
  }
}
@media all and (max-width: 47.9375rem) {
  .philosophy .sec-01 > .article {
    padding: 8rem 0;
  }
  .philosophy .row-img-card {
    display: block;
  }
  .philosophy .row-img-card > div {
    width: 100%;
  }
  .philosophy .slogan {
    padding-top: 0;
  }
  .philosophy .slogan .deco-txt {
    top: -2.5rem;
  }
  .philosophy .col-card-wrap {
    display: block;
  }
  .philosophy .col-card-wrap .icon {
    width: 8rem;
  }
  .philosophy .col-card-wrap .col-card {
    margin-bottom: 6rem;
    width: 100%;
  }
}
/*
연혁 */
.history .period {
  margin-bottom: 3rem;
  width: 18rem;
  height: 3.6rem;
  color: #fff;
  text-align: center;
  line-height: 3.6rem;
  background-color: #1376C6;
}
.history .sec-txt-wrap .sec-tit {
  margin-bottom: 0;
  color: #0068B7;
  line-height: 1.7;
}
.history .his-item {
  display: grid;
  grid-template-columns: minmax(32.5%, 50rem) minmax(auto, 76rem);
  justify-content: space-between;
  gap: 0 4rem;
  padding: 8rem 0;
  border-bottom: 1px solid #E9EBEC;
}
.history .his-item .left {
  border-right: 1px solid #E9EBEC;
}
.history .his-item .right li {
  display: flex;
  justify-content: flex-start;
  gap: 0 4rem;
}
.history .his-item .right li:not(:last-child) {
  margin-bottom: 10rem;
}
.history .his-item .right .year {
  font-size: var(--sub-tit);
  font-weight: 600;
  line-height: 1.8;
  color: #0068B7;
}
.history .his-item .right .month-list {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
}
.history .his-item .right .month-list dl {
  display: flex;
  justify-content: flex-start;
  gap: 0 1.4rem;
  padding-top: 1rem;
  font-size: var(--sub-txt);
  color: #000;
  line-height: 187.5%;
}
.history .his-item .right .month-list dl:not(:last-child) {
  margin-bottom: 1rem;
}
.history .his-item .right .month-list dl dt {
  width: 4.2rem;
  min-width: 4.2rem;
  font-weight: 700;
  text-align: right;
}
.history .his-item .right .month-list dl dd {
  font-weight: 300;
  word-break: break-all;
}

@media all and (max-width: 63.9375rem) {
  .history .his-item {
    display: grid;
    grid-template-columns: 30rem 1fr;
  }
  .history .his-item:first-child {
    padding-top: 4rem;
  }
  .history .his-item .right li {
    gap: 0 1rem;
  }
}
@media all and (max-width: 47.9375rem) {
  .history .his-item {
    grid-template-columns: 1fr;
  }
  .history .his-item .left {
    border-right: 0 none;
  }
  .history .his-item .right li:not(:last-child) {
    margin-bottom: 5rem;
  }
}
/*
인증서 */
.panel-wrap .panel {
  display: none;
}

.thumb-list {
  margin-bottom: 4rem;
  display: flex;
  flex-wrap: wrap;
  gap: 6rem 2rem;
}
.thumb-list .list-item {
  opacity: 0;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  align-items: center;
  width: calc((100% - 6rem) / 4);
  color: #000;
  text-align: center;
}
.thumb-list .list-item .img-box {
  overflow: hidden;
  position: relative;
  margin-bottom: 2rem;
  padding-bottom: 84.47%;
  width: 100%;
  max-width: 24rem;
  height: 0;
  font-size: 0;
  border: 1px solid #ccc;
}
.thumb-list .list-item .img-box img {
  position: absolute;
  left: 50%;
  top: 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%);
  width: auto;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.thumb-list .list-item .tit {
  margin-bottom: 0.4rem;
  font-size: var(--md-f);
  font-weight: 600;
  line-height: 2;
  word-break: break-all;
}
.thumb-list .list-item .date {
  font-size: var(--sub-txt);
  font-weight: 300;
  line-height: 187.5%;
}

@media all and (max-width: 63.9375rem) {
  .thumb-list {
    gap: 2rem;
  }
  .thumb-list .list-item {
    width: calc((100% - 4rem) / 3);
  }
}
@media all and (max-width: 47.9375rem) {
  .thumb-list {
    gap: 0.8rem;
  }
  .thumb-list .list-item {
    padding: 0.8rem 0.4rem;
    width: calc((100% - 2rem) / 2);
  }
  .thumb-list .list-item .img-box {
    margin-bottom: 0.8rem;
  }
}
/*
오시는 길 */
.map-card {
  display: grid;
  grid-template-columns: minmax(40%, 63rem) minmax(57.7%, 89rem);
  align-items: center;
  gap: 0 2rem;
  padding: 6rem 0;
  height: 39rem;
}
.map-card .sub-tit {
  margin-bottom: 3rem;
  font-size: var(--sub-tit);
  font-weight: 700;
  color: #1376C6;
  line-height: 1.7;
}
.map-card .right {
  padding: 4rem;
}
.map-card dl {
  display: flex;
  justify-content: flex-start;
  gap: 0 2rem;
  margin-bottom: 0.8rem;
  line-height: 1.5;
}
.map-card dl dt {
  font-weight: 700;
  color: #000;
}
.map-card dl dd {
  font-weight: 400;
}

.map {
  overflow: hidden;
  width: 100%;
  height: 100%;
  font-size: 0;
}
.map > iframe {
  width: 100% !important;
  height: 100% !important;
}

@media all and (max-width: 64rem) {
  .map-card {
    grid-template-columns: 1fr;
    margin: 3rem 0;
    height: auto;
  }
  .map-card > div {
    flex: unset;
    height: auto;
  }
  .map-card .map {
    height: 30rem;
  }
}
@media all and (max-width: 63.9375rem) {
  .map-card .right {
    padding: 2rem;
  }
}
@media all and (max-width: 47.9375rem) {
  .map-card {
    padding: 0 0;
  }
  .map-card .right {
    padding: 2rem 0;
  }
  .map-card .right .sub-tit {
    margin-bottom: 2rem;
  }
}
/* 리스트 테이블 */
.noti-table {
  margin: 0 auto;
  width: 100%;
}
.noti-table table {
  width: 100%;
  white-space: nowrap;
  font-size: var(--sub-txt);
  border-top: 2px solid #4F555A;
  border-bottom: 2px solid #4F555A;
}
.noti-table thead {
  background-color: #F3F8FC;
}
.noti-table th {
  padding: 0 1rem;
  height: 7.8rem;
  text-align: center;
  vertical-align: middle;
}
.noti-table th:last-child {
  padding-right: 3rem;
}
.noti-table tbody tr {
  border-bottom: 1px solid #E9EBEC;
}
.noti-table tbody td {
  position: relative;
  padding: 1rem;
  text-align: center;
  vertical-align: middle;
  height: 7.6rem;
  color: #000;
  line-height: 1.75;
}
.noti-table tbody td:last-child {
  padding-right: 3rem;
}
.noti-table .tit {
  padding: 0 3rem;
}
.noti-table .tit > a {
  overflow: hidden;
  display: block;
  max-width: 100%;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.noti-table .col-1 {
  width: auto;
}
.noti-table .col-2 {
  width: 10rem;
}
.noti-table .col-3 {
  width: 22rem;
}
.noti-table .col-4 {
  width: 12rem;
}
.noti-table.t-type-2 .col-2 {
  width: 22rem;
}
.noti-table.t-type-2 .col-3 {
  width: 15rem;
}
.noti-table.t-type-2 .writer {
  padding-right: 2rem;
  max-width: 100%;
  word-break: break-all;
  white-space: wrap;
}

@media all and (max-width: 85.375rem) {
  .noti-table .col-3 {
    width: 12rem;
  }
  .noti-table.t-type-2 .col-2 {
    width: 12rem;
  }
  .noti-table.t-type-2 .col-3 {
    width: 15rem;
  }
}
@media all and (max-width: 64rem) {
  .noti-table thead th {
    height: 7rem;
  }
  .noti-table thead th:last-child {
    padding-right: 1rem;
  }
  .noti-table tbody td {
    height: 6rem;
  }
  .noti-table tbody td:last-child {
    padding-right: 1rem;
  }
  .noti-table .col-4 {
    width: 10rem;
  }
}
@media all and (max-width: 63.9375rem) {
  .noti-table .tit {
    padding: 0 1rem;
  }
  .noti-table .col-2,
  .noti-table .col-3,
  .noti-table .col-4 {
    width: 10rem;
  }
}
@media all and (max-width: 47.9375rem) {
  .noti-table colgroup {
    display: none;
  }
  .noti-table thead {
    display: none !important;
  }
  .noti-table tbody tr {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .noti-table tbody td {
    padding: 0 1rem;
    height: 3.7rem;
    line-height: 3.7rem;
  }
  .noti-table tbody td:nth-of-type(n+2) {
    margin-left: auto;
    height: 2.5rem;
    font-size: 1.2rem;
    line-height: 2.5rem;
  }
  .noti-table .tit {
    width: 100%;
    font-size: 1.4rem;
  }
  .noti-table .writer {
    width: 33.3333333333%;
  }
  .noti-table .writer::before {
    content: "작성자: ";
  }
  .noti-table .date {
    width: 33.3333333333%;
  }
  .noti-table .date::before {
    content: "날짜 : ";
  }
  .noti-table .count {
    width: 33.3333333333%;
  }
  .noti-table .count::before {
    content: "조회수 : ";
  }
  .noti-table .null td {
    width: 100%;
    font-size: var(--sub-txt);
  }
  .noti-table.t-type-2 tbody td {
    padding: 0 1rem;
    height: 3.7rem;
    line-height: 3.7rem;
  }
  .noti-table.t-type-2 tbody td:nth-of-type(n+2) {
    margin-left: auto;
    height: 2.5rem;
    font-size: 1.2rem;
    line-height: 2.5rem;
  }
  .noti-table.t-type-2 .date {
    order: 3;
    width: 8rem;
  }
  .noti-table.t-type-2 .date::before {
    content: "";
  }
  .noti-table.t-type-2 .writer {
    order: 2;
    padding-left: 1rem;
    width: calc(100% - 8rem);
    text-align: left;
  }
  .noti-table.t-type-2 .writer::before {
    content: "";
  }
}
.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  margin: 8rem 0 0;
  color: #939BA2;
}
.pagination a {
  display: block;
  min-width: 3.4rem;
  text-align: center;
  line-height: 3.4rem;
}
.pagination .btn {
  opacity: 0.5;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.5rem;
  color: inherit;
}
.pagination .btn:hover {
  opacity: 1;
}
.pagination ul {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  width: -moz-fit-content;
  width: fit-content;
}
.pagination ul li a {
  overflow: hidden;
  display: inline-block;
  padding: 0 0.5rem;
  font-size: var(--sub-txt);
  font-weight: 400;
  text-align: center;
}
.pagination ul li:hover a, .pagination ul li:focus a {
  color: #fff;
  font-weight: 800;
  background-color: #1376C6;
}
.pagination ul li.active a {
  color: #fff;
  font-weight: 700;
  background-color: #1376C6;
}

@media all and (max-width: 47.9375rem) {
  .pagination {
    margin: 3rem 0 0;
  }
  .pagination a.btn {
    text-align: center;
  }
  .pagination a.btn img {
    height: 0.8rem;
  }
  .pagination ul {
    font-size: 1.3rem;
  }
  .pagination ul li {
    margin: 0;
  }
}
/*
지속경영 */
.card-header.bb-line {
  padding-bottom: 1rem;
  font-size: var(--sub-tit);
  font-weight: 600;
  line-height: 1.8;
  border-bottom: 1px solid #E9EBEC;
}

/*ESH 경영방침*/
.esg .row-wrap {
  margin: 12rem auto;
  padding: 4rem 0;
  width: 81%;
  width: 81%;
}
.esg .row-wrap .top,
.esg .row-wrap .bottom {
  display: flex;
  justify-content: center;
  align-items: center;
}
.esg .row-wrap .top {
  margin-bottom: 8rem;
  gap: 8.6rem;
}
.esg .row-wrap .top li {
  position: relative;
  width: 24rem;
  text-align: center;
  font-size: var(--sec-tit);
  font-weight: 700;
}
.esg .row-wrap .top li > span {
  display: block;
}
.esg .row-wrap .top li > span:first-child {
  color: #E9EBEC;
}
.esg .row-wrap .top li > span:last-child {
  color: #1376C6;
}
.esg .row-wrap .top li:not(:last-child)::after {
  position: absolute;
  left: calc(100% + 4.3rem);
  top: 50%;
  width: 0.6rem;
  height: 0.6rem;
  content: "";
  background-color: #01518C;
  border-radius: 0.6rem;
  -webkit-border-radius: 0.6rem;
  -moz-border-radius: 0.6rem;
  -ms-border-radius: 0.6rem;
  -o-border-radius: 0.6rem;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.esg .row-wrap .bottom {
  gap: 0 0.4rem;
}
.esg .num-list {
  margin: 0 auto 4rem;
  width: 81%;
  max-width: 124rem;
}
.esg .num-list li {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0 6rem;
  padding: 3rem 6rem;
  font-weight: 400;
  line-height: 1.8;
  border-bottom: 1px dashed #E9EBEC;
}
.esg .num-list li .num {
  width: 9rem;
  height: 9rem;
  text-align: center;
  font-size: var(--sub-tit);
  font-weight: 700;
  color: #01518C;
  line-height: 9rem;
  background-color: #F3F8FC;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
}
.esg .num-list li > span {
  flex: 1 1 0;
}
.esg .txt-small {
  padding-bottom: 6rem;
  text-align: center;
  font-size: var(--sub-txt);
  font-weight: 300;
  line-height: 187.5%;
}
.esg .signature-wrap {
  margin: 12rem auto 0;
  width: 100%;
  text-align: center;
  font-size: var(--sub-tit);
  line-height: 1.8;
}
.esg .signature-wrap > p:first-child {
  margin-bottom: 6rem;
  font-weight: 600;
}
.esg .signature-wrap > p:last-child {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 3rem;
}
.esg .signature-wrap > p:last-child img {
  margin-right: 3rem;
  width: 30%;
  max-width: 31.9rem;
}
.esg .signature-wrap > p:last-child b {
  font-size: var(--sec-tit);
}

@media all and (max-width: 85.375rem) {
  .esg .row-wrap {
    margin: 8rem auto;
  }
  .esg .row-wrap .bottom .figure {
    width: 28.7%;
  }
  .esg .row-wrap .bottom .icon {
    display: block;
    width: 3.3%;
  }
}
@media all and (max-width: 64rem) {
  .esg .row-wrap {
    margin: 4rem 0;
  }
  .esg .row-wrap .top {
    gap: 4.6rem;
    margin-bottom: 4rem;
  }
  .esg .row-wrap .top li {
    width: 18rem;
    font-size: var(--sub-tit);
  }
  .esg .row-wrap .top li:not(:last-child)::after {
    left: calc(100% + 2.3rem);
  }
  .esg .num-list li {
    gap: 0 3rem;
    padding: 1.5rem 3rem;
  }
  .esg .num-list li .num {
    width: 5rem;
    height: 5rem;
    line-height: 5rem;
  }
  .esg .signature-wrap {
    margin-top: 8rem;
  }
}
@media all and (max-width: 63.9375rem) {
  .esg .row-wrap .top li {
    width: 20%;
  }
  .esg .signature-wrap {
    margin-top: 4rem;
  }
  .esg .signature-wrap > p:first-child {
    margin-bottom: 2rem;
  }
  .esg .signature-wrap > p:last-child b {
    font-size: var(--sub-tit);
  }
}
@media all and (max-width: 47.9375rem) {
  .esg .row-wrap {
    width: 100%;
  }
  .esg .row-wrap .top {
    position: relative;
  }
  .esg .row-wrap .top li > span:first-child {
    position: absolute;
    left: 50%;
    top: -2rem;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
  }
  .esg .num-list {
    width: 100%;
  }
  .esg .num-list li {
    padding: 1rem;
    align-items: flex-start;
  }
  .esg .signature-wrap > p:last-child {
    gap: 1rem;
  }
  .esg .signature-wrap > p:last-child img {
    margin-right: 2rem;
    width: 40%;
  }
}
/* 품질 경영 방침*/
.bg-card {
  display: flex;
  justify-content: flex-start;
  padding: 6rem 12rem;
  background: url("https://lakematerials.cdn1.cafe24.com/img/sub/manage/qms-sec-1.jpg") center/cover no-repeat;
}
.bg-card .dot-list {
  padding-left: 27.922%;
  flex: 1 1 0;
}
.bg-card .dot-list li {
  font-size: var(--com-f);
  line-height: 1.5;
}
.bg-card .dot-list li::before {
  top: 1.1rem;
}

.qms-bg {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  align-items: center;
  gap: 4rem 0;
  margin: 0 auto;
  padding: 6rem 0;
  width: 113.8rem;
  text-align: center;
  background: url("https://lakematerials.cdn1.cafe24.com/img/sub/manage/qms-sec-2.png") center/contain no-repeat;
}
.qms-bg .flow-txt {
  font-size: var(--sec-tit);
  font-weight: 700;
  color: #01518C;
  line-height: 1.45;
}
.qms-bg .flow-txt.sm {
  font-size: var(--sub-tit);
  line-height: 133.333%;
}

.step-wrap {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  align-items: center;
  width: 100%;
}
.step-wrap li {
  position: relative;
  padding-bottom: 100%;
  height: 0;
}
.step-wrap li::after {
  position: absolute;
  left: 50%;
  top: 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%);
  width: 25rem;
  height: 25rem;
  content: "";
}
.step-wrap li:not(:first-child)::before {
  z-index: 1;
  position: absolute;
  left: -5%;
  top: 50%;
  content: "";
  padding-left: 11%;
  padding-bottom: 45%;
  background: url("https://lakematerials.cdn1.cafe24.com/img/sub/manage/Vector.png") center/cover no-repeat;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.step-wrap li:nth-of-type(1)::after {
  background: url("https://lakematerials.cdn1.cafe24.com/img/sub/manage/qms-icon-1-cn.png") center/cover no-repeat;
}
.step-wrap li:nth-of-type(2) {
  z-index: 1;
}
.step-wrap li:nth-of-type(2)::after {
  background: url("https://lakematerials.cdn1.cafe24.com/img/sub/manage/qms-icon-2-cn.png") center/cover no-repeat;
}
.step-wrap li:nth-of-type(3) {
  z-index: 2;
}
.step-wrap li:nth-of-type(3)::after {
  background: url("https://lakematerials.cdn1.cafe24.com/img/sub/manage/qms-icon-3-cn.png") center/cover no-repeat;
}
.step-wrap li:nth-of-type(4) {
  z-index: 3;
}
.step-wrap li:nth-of-type(4)::after {
  background: url("https://lakematerials.cdn1.cafe24.com/img/sub/manage/qms-icon-4-cn.png") center/cover no-repeat;
}
.step-wrap li:nth-of-type(5) {
  z-index: 4;
}
.step-wrap li:nth-of-type(5)::after {
  background: url("https://lakematerials.cdn1.cafe24.com/img/sub/manage/qms-icon-5-cn.png") center/cover no-repeat;
}

@media all and (max-width: 85.375rem) {
  .bg-card {
    display: flex;
    justify-content: flex-start;
    padding: 6rem 7.92%;
  }
}
@media all and (max-width: 64rem) {
  .qms-bg {
    width: 80%;
  }
  .step-wrap li {
    position: relative;
    padding-bottom: 100%;
    height: 0;
  }
  .step-wrap li::after {
    position: absolute;
    left: 50%;
    top: 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%);
    width: 110%;
    height: 110%;
  }
}
@media all and (max-width: 63.9375rem) {
  .bg-card .dot-list {
    padding-left: 10%;
  }
  .qms-bg {
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0;
    background-size: 100% 100%;
  }
}
@media all and (max-width: 47.9375rem) {
  .bg-card {
    flex-direction: column;
    padding: 3rem;
  }
  .bg-card .dot-list {
    margin-top: 4rem;
    padding-left: 0;
  }
  .bg-card .dot-list li::before {
    top: 0.7rem;
  }
  .qms-bg {
    width: 100%;
  }
  .step-wrap {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }
  .step-wrap li {
    padding-bottom: 30%;
    width: 30%;
  }
  .step-wrap li:nth-of-type(4)::before {
    display: none;
  }
}
.half-card {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
  margin: 8rem 0;
}
.half-card .txt-box {
  width: -moz-fit-content;
  width: fit-content;
}

/*환경안전보건경영*/
.esh .section {
  margin: 20rem 0;
  padding: 0;
}
.esh .section:first-child {
  margin-top: 0;
  padding-top: 12rem;
}
.esh .section:last-child {
  margin-bottom: 0;
  padding-bottom: 15rem;
}
.esh .card-tit {
  font-weight: 600;
}
.esh .card-desc {
  margin: 2rem 0 0;
  font-weight: 400;
  color: #333;
}
.esh .img-box {
  font-size: 0;
}

.grid-col {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem;
}
.grid-col .col-item {
  padding: 4rem 2rem 5rem;
  background-color: #F3F8FC;
}
.grid-col .item-tit {
  margin-left: 1rem;
  margin-bottom: 4rem;
  padding: 0.8rem 4rem 1.6rem;
  width: -moz-fit-content;
  width: fit-content;
  font-size: var(--sec-tit);
  font-weight: 700;
  color: #fff;
  background-color: #01518C;
  border-radius: 3rem;
  -webkit-border-radius: 3rem;
  -moz-border-radius: 3rem;
  -ms-border-radius: 3rem;
  -o-border-radius: 3rem;
}
.grid-col .dot-list {
  gap: 2rem;
}
.grid-col .dot-list li {
  padding-left: 2.6rem;
  font-size: var(--com-f);
  line-height: 1.8;
}
.grid-col .dot-list li::before {
  left: 1rem;
  top: 1.5rem;
}

.t-type-3.table {
  min-width: 90rem;
  max-width: 100%;
}
.t-type-3 .sm {
  width: 21rem;
}
.t-type-3 .md {
  width: 24rem;
}
.t-type-3 .auto {
  width: auto;
}
.t-type-3 th {
  text-align: center;
  vertical-align: middle;
}
.t-type-3 thead {
  border-top: 2px solid #939BA2;
  border-bottom: 2px solid #939BA2;
  background-color: #E9EBEC;
}
.t-type-3 thead th {
  border-right: 1px solid #F3F8FC;
}
.t-type-3 tbody {
  border-left: 1px solid #E9EBEC;
  border-right: 1px solid #E9EBEC;
}
.t-type-3 tbody tr {
  border-bottom: 1px solid #E9EBEC;
}
.t-type-3 tbody td {
  border-left: 1px solid #E9EBEC;
}

.icon-card-list {
  margin: 0 auto;
  max-width: 125rem;
}
.icon-card-list li {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 9.6%;
  margin: 8rem 0;
}
.icon-card-list li .icon {
  width: 20%;
}
.icon-card-list li .txt-box {
  flex: 1 1 0;
}

.table .dot-list {
  gap: 1rem 0;
}
.table .dot-list li {
  text-align: left;
  font-size: var(--sm-f);
}
.table .dot-list li::before {
  top: 0.5rem;
  width: 0.3rem;
  height: 0.3rem;
  border-radius: 0.3rem;
  -webkit-border-radius: 0.3rem;
  -moz-border-radius: 0.3rem;
  -ms-border-radius: 0.3rem;
  -o-border-radius: 0.3rem;
}

.esh .sec-04 .sec-txt-wrap {
  position: absolute;
}
.esh .sec-04 .half-card {
  margin-top: 0;
  align-items: center;
}
.esh .sec-04 .half-card .txt-box {
  padding-top: 3rem;
}
.esh .sec-04 .table td {
  text-align: left;
}
.esh .sec-05 .sec-txt-wrap {
  margin-bottom: 4rem;
}

.img-col {
  margin: 6rem 0;
}
.img-col.col-3 {
  display: flex;
  justify-content: space-between;
  gap: 0 2rem;
}

@media all and (max-width: 85.375rem) {
  .t-type-3 tbody td {
    line-height: 1.4;
  }
}
@media all and (max-width: 64rem) {
  .grid-col {
    grid-template-columns: repeat(2, 1fr);
  }
  .grid-col .item-tit {
    margin-bottom: 2rem;
  }
  .grid-col .dot-list {
    gap: 1.4rem 0;
  }
  .esh .section {
    margin: 12rem 0;
  }
  .table .dot-list li::before {
    top: 0.6rem;
  }
}
@media all and (max-width: 63.9375rem) {
  .esh .section {
    margin: 8rem 0;
  }
  .half-card {
    grid-template-columns: 1fr;
    margin: 4rem 0;
  }
  .grid-col .col-item {
    padding: 2rem 2rem 3rem;
  }
  .grid-col .item-tit {
    padding: 0.4rem 2rem 0.8rem;
  }
  .grid-col .dot-list {
    gap: 1.2rem 0;
  }
  .esh .sec-04 .sec-txt-wrap {
    position: relative;
  }
  .esh .sec-04 .half-card .txt-box {
    padding-top: 0;
  }
}
@media all and (max-width: 47.9375rem) {
  .esh .section:last-child {
    padding-bottom: 11rem;
  }
  .half-card {
    grid-template-columns: 1fr;
    margin: 4rem 0;
  }
  .grid-col {
    grid-template-columns: 1fr;
  }
  .icon-card-list li {
    flex-direction: column;
    position: relative;
    margin: 4rem 0;
    padding-top: 6rem;
  }
  .icon-card-list li .icon {
    position: absolute;
    top: 0;
    right: 0;
    width: 10rem;
  }
  .img-col {
    margin: 3rem 0;
  }
  .img-col.col-3 {
    gap: 0 1rem;
  }
}
/* 사회공헌 */
.social .card-tit {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 2rem;
  font-size: var(--sub-tit);
  font-weight: 600;
  color: #1376C6;
}
.social .card-tit .num {
  font-size: var(--sec-tit);
  font-weight: 700;
  line-height: 1.7;
  color: #01518C;
}
.social .table-wrap {
  width: calc(100% - 3rem);
}
.social .txt-box {
  padding: 3rem;
  width: 66%;
  max-width: 50rem;
}
.social .dot-list {
  gap: 0;
  margin: 3rem 0;
}
.social .dot-list li {
  padding-left: 2.6rem;
  font-size: var(--com-f);
  line-height: 1.8;
}
.social .dot-list li::before {
  left: 1rem;
  top: 1.55rem;
}

.t-type-4.table {
  min-width: 55rem;
  max-width: 100%;
}
.t-type-4.table td {
  padding: 0.7954rem 3rem;
  font-size: var(--sub-txt) !important;
  font-weight: 400;
  line-height: 187.5%;
  border-left: 1px solid #E9EBEC;
}
.t-type-4 .sm {
  width: 30rem;
}
.t-type-4 .auto {
  width: auto;
}
.t-type-4 th {
  vertical-align: middle;
}
.t-type-4 thead {
  color: #fff;
  border-top: 1px solid #E9EBEC;
  border-left: 1px solid #E9EBEC;
  border-bottom: 2px solid #E9EBEC;
  background-color: #01518C;
}
.t-type-4 thead th {
  height: 5.4rem;
  border-right: 1px solid #E9EBEC;
}
.t-type-4 tbody {
  border-left: 1px solid #E9EBEC;
  border-right: 1px solid #E9EBEC;
}
.t-type-4 tbody tr {
  border-bottom: 1px solid #E9EBEC;
  cursor: pointer;
}
.t-type-4 tbody tr.active, .t-type-4 tbody tr:hover {
  background-color: #F3F8FC;
}
.t-type-4 tbody tr.active td, .t-type-4 tbody tr:hover td {
  font-weight: 600;
  color: #1376C6;
}

@media all and (max-width: 85.375rem) {
  .social .txt-box {
    width: 100%;
  }
  .t-type-4 .sm {
    width: 25rem;
  }
}
@media all and (max-width: 63.9375rem) {
  .social .half-card {
    gap: 0;
    margin: 0;
  }
  .social .half-card .img-box {
    width: auto;
  }
  .social .half-card .table-wrap {
    width: 100%;
  }
  .social .article:last-child .half-card {
    gap: 3rem;
  }
  .social .article:last-child .half-card .tab-wrap {
    width: 100%;
  }
}
@media all and (max-width: 47.9375rem) {
  .social .half-card .txt-box {
    padding: 3rem 0;
  }
  .social .half-card .dot-list {
    margin: 1.5rem 0;
  }
}
/* 지배구조 */
.table-tit {
  margin-bottom: 4rem;
  text-align: center;
  font-size: var(--sub-tit);
  font-weight: 600;
  color: #000;
  line-height: 1.7;
}

.structure .full-img {
  margin: 0;
  padding: 8rem 0 8rem;
  background: url("https://lakematerials.cdn1.cafe24.com/img/sub/manage/sol-sec2.jpg") center/cover no-repeat;
}
.structure .full-img .sec-sub-tit {
  margin-bottom: 3rem;
  font-size: var(--sub-tit);
  font-weight: 600;
  color: #01518C;
}
.structure .download-btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 2rem;
  margin: 12rem auto;
  padding: 1rem 4.122rem;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 600;
  line-height: 1.8;
  color: #fff;
  background-color: #1376C6;
}

@media all and (max-width: 85.375rem) {
  .structure .download-btn {
    margin: 6rem auto;
  }
}
/* 윤리경영*/
.num-list > li {
  display: flex;
  justify-content: space-between;
  gap: 0 8rem;
  padding: 8rem;
  border-bottom: 1px solid #E9EBEC;
}
.num-list > li .num-wrap {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  width: 25rem;
}
.num-list > li .num-wrap .num {
  font-size: 6rem;
  font-weight: 700;
  color: #01518C;
  line-height: 116.667%;
}
.num-list > li .num-wrap > strong {
  font-size: var(--sub-tit);
  font-weight: 600;
  color: #1376C6;
  line-height: 1.8;
}
.num-list > li .dot-list {
  justify-content: center;
  gap: 1.4rem 0;
  flex: 1 1 0;
}
.num-list > li .dot-list li {
  line-height: 1.5;
}
.num-list > li .dot-list li::before {
  top: 1.1rem;
}
.num-list > li .dot-list li b {
  margin-right: 1rem;
}

@media all and (max-width: 85.375rem) {
  .num-list > li {
    gap: 0 4rem;
    padding: 4rem;
  }
  .num-list > li .num-wrap .num {
    font-size: 4.5rem;
  }
}
@media all and (max-width: 64rem) {
  .num-list > li {
    gap: 0 2rem;
    padding: 4rem 2rem;
  }
  .num-list > li .num-wrap {
    width: 20rem;
  }
}
@media all and (max-width: 63.9375rem) {
  .num-list > li {
    gap: 0 2rem;
    padding: 2rem;
  }
  .num-list > li .num-wrap .num {
    font-size: 4rem;
  }
}
@media all and (max-width: 47.9375rem) {
  .num-list > li {
    flex-direction: column;
    gap: 2rem;
  }
  .num-list > li .num-wrap {
    flex-direction: row;
    justify-content: flex-start;
  }
  .num-list > li .num-wrap .num {
    font-size: 3rem;
  }
}
/*
사업소개 */
.move-img-wrap {
  overflow: hidden;
  position: relative;
  margin: 8rem 0 20rem;
  width: 100%;
  height: 45rem;
}
.move-img-wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transform: scale(1);
  transition: all 0.6s;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}
.move-img-wrap > span {
  z-index: 1;
  opacity: 0.5;
  display: block;
  position: absolute;
  left: 50%;
  top: 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%);
  width: 100%;
  text-align: center;
  font-size: calc(3vw + 2.4px);
  font-weight: 900;
  color: #fff;
  line-height: 116.667%;
}
.move-img-wrap:hover img {
  transform: scale(1.2);
  transition: all 0.6s;
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -ms-transition: all 0.6s;
  -o-transition: all 0.6s;
}
.move-img-wrap + .table-wrap {
  margin-top: 8rem;
}

.table.t-type-1 {
  margin-left: auto;
  margin-right: auto;
  max-width: 128rem;
}
.table.t-type-1 thead th {
  background-color: #E9EBEC;
  border: 1px solid #fff;
}
.table.t-type-1 tbody th,
.table.t-type-1 tbody td {
  border: 1px solid #E9EBEC;
}
.table.t-type-1 col.sm {
  width: 20rem;
}
.table.t-type-1 col.md {
  width: 44rem;
}
.table.t-type-1 col.auto {
  width: auto;
}
.table.t-type-1.non-wrap td {
  white-space: nowrap;
}
.table.t-type-1.non-wrap td:last-child {
  padding: 1.2rem 0.5rem;
}

@media all and (max-width: 85.375rem) {
  .arti-desc {
    margin: 0 auto;
    width: 80%;
  }
  .move-img-wrap {
    margin-bottom: 12rem;
  }
  .table.t-type-1 col.sm {
    width: 15%;
  }
  .table.t-type-1 col.sm:nth-last-child(1) {
    width: 18%;
  }
}
@media all and (max-width: 63.9375rem) {
  .move-img-wrap {
    margin-bottom: 12rem;
    height: 30rem;
  }
}
@media all and (max-width: 47.9375rem) {
  .article {
    margin: 4rem 0;
  }
  .move-img-wrap {
    margin-bottom: 8rem;
  }
  .move-img-wrap > span {
    font-size: 2rem;
  }
}
/* 반도체소재*/
.semiconductor .link-tr {
  cursor: pointer;
}

/*주기율표 */
.peri-table-wrap {
  margin-top: 12rem;
  width: 100%;
  overflow: hidden;
  overflow-x: auto;
}
.peri-table-wrap::-webkit-scrollbar {
  width: 20%;
  height: 1rem;
}
.peri-table-wrap::-webkit-scrollbar-thumb {
  background-color: #E9EBEC;
  border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -o-border-radius: 0.5rem;
}
.peri-table-wrap.down {
  cursor: grab;
}

.peri-table {
  margin-bottom: 4rem;
  width: 100%;
  min-width: 154rem;
}
.peri-table:last-child {
  margin-bottom: 0;
}
.peri-table td {
  padding: 0;
  width: 5.5555555556%;
  height: 9.6rem;
  background-color: #E9EBEC;
  border: 1px solid #fff;
}
.peri-table td span {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 1rem;
}
.peri-table td span:nth-of-type(1) {
  height: 1.4rem;
  line-height: 1.4rem;
  border-bottom: 1px solid #fff;
}
.peri-table td span:nth-of-type(2) {
  padding: 1.4rem 0 0.6rem;
  height: 5rem;
  font-size: 2.4rem;
  font-weight: 900;
}
.peri-table td span:nth-of-type(3) {
  padding-bottom: 0.4rem;
  line-height: 1.2;
}
.peri-table td span:nth-of-type(4) {
  padding-bottom: 1.4rem;
}
.peri-table td .btn {
  display: block;
  width: 100%;
  background-color: #F3F8FC;
}
.peri-table td .btn span:nth-of-type(1) {
  color: #fff;
  background-color: #01518C;
}
.peri-table td .btn.active, .peri-table td .btn:hover {
  color: #fff;
  background-color: #01518C;
}

.peri-wrap {
  margin-top: 12rem;
  width: 100%;
  overflow: hidden;
  overflow-x: auto;
}
.peri-wrap::-webkit-scrollbar {
  width: 20%;
  height: 1rem;
}
.peri-wrap::-webkit-scrollbar-thumb {
  background-color: #E9EBEC;
  border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -o-border-radius: 0.5rem;
}
.peri-wrap.down {
  cursor: grab;
}

/* 주기율표 테이블 */
.fiter-res {
  width: 100%;
  min-width: 100rem;
}
.fiter-res thead th {
  padding: 1.2rem 2rem;
  font-size: var(--sub-txt);
  font-weight: 700;
  background-color: #E9EBEC;
  border: 1px solid #fff;
}
.fiter-res thead th:nth-of-type(1), .fiter-res thead th:nth-of-type(2), .fiter-res thead th:nth-of-type(3) {
  width: 15rem;
}
.fiter-res thead th:nth-of-type(4) {
  width: auto;
}
.fiter-res thead th:nth-of-type(5) {
  width: 44rem;
}
.fiter-res tbody td {
  padding: 1.2rem 2rem;
  text-align: center;
  font-size: var(--sm-f);
  font-weight: 400;
  background-color: #fff;
  border: 1px solid #E9EBEC;
}

@media all and (max-width: 85.375rem) {
  .fiter-res thead th:nth-of-type(1), .fiter-res thead th:nth-of-type(2), .fiter-res thead th:nth-of-type(3) {
    width: 9.74%;
  }
  .fiter-res thead th:nth-of-type(4) {
    width: auto;
  }
  .fiter-res thead th:nth-of-type(5) {
    width: 28.5%;
  }
}
@media all and (max-width: 63.9375rem) {
  .peri-table-wrap {
    margin-top: 8rem;
  }
  .peri-table td span:nth-of-type(2) {
    padding: 1.4rem 0 0.3rem;
    height: 3.5rem;
    font-size: 2rem;
  }
}
@media all and (max-width: 47.9375rem) {
  .peri-wrap {
    margin-top: 8rem;
  }
}
/*
재무정보 */
.data-table {
  margin-bottom: 12rem;
  width: 100%;
}
.data-table:last-child {
  margin-bottom: 0;
}
.data-table .table-top .table-tit {
  margin: 0 auto;
  width: -moz-fit-content;
  width: fit-content;
  font-size: var(--sub-tit);
  font-weight: 600;
  line-height: 1.8;
}
.data-table .table-top .small {
  display: block;
  margin: 1rem;
  text-align: right;
  font-size: var(--sub-txt);
  font-weight: 300;
  line-height: 1.875;
}
.data-table .table {
  overflow: hidden;
  overflow-x: auto;
  margin-bottom: 4rem;
  width: 100%;
}
.data-table .table.over-type-1 table {
  min-width: 70rem;
}
.data-table .table.over-type-1 th:first-child {
  z-index: 1;
  position: sticky;
  left: 0;
  background-color: inherit;
}
.data-table .table tr {
  background-color: #fff;
}
.data-table .table table {
  width: 100%;
  text-align: center;
  border-collapse: separate;
  border-spacing: 0;
}
.data-table .table table th,
.data-table .table table td {
  vertical-align: middle;
}
.data-table .table thead th {
  height: 4rem;
  font-size: var(--sub-txt);
  border-right: 1px solid #fff;
  background: #E9EBEC !important;
  border-top: 2px solid #939BA2;
  border-bottom: 2px solid #939BA2;
}
.data-table .table tbody {
  font-size: var(--sm-f);
  border-width: 1px 0 1px 1px;
  border-style: solid;
  border-color: #E9EBEC;
}
.data-table .table tbody th,
.data-table .table tbody td {
  height: 3.8rem;
  font-weight: 400;
  border-right: 1px solid #E9EBEC;
  border-bottom: 1px solid #E9EBEC;
}
.data-table .t-desc {
  font-size: var(--sub-txt);
}

@media all and (max-width: 47.9375rem) {
  .data-table {
    margin-bottom: 6rem;
    width: 100%;
  }
  .data-table .table {
    margin-bottom: 2rem;
  }
}
/*
문의 폼 */
.form-wrap {
  width: 100%;
}
.form-wrap form {
  width: 100%;
}
.form-wrap .req {
  display: inline-block;
  position: relative;
}
.form-wrap .req::before {
  position: absolute;
  left: calc(100% + 0.4rem);
  top: -0.5rem;
  content: "*";
  font-size: var(--md-f);
  font-weight: 300;
  color: #1376C6;
  vertical-align: super;
}

.form-top {
  text-align: right;
}
.form-top .req {
  padding-left: 1rem;
}
.form-top .req::before {
  left: -0.4rem;
}

.input-wrap {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 2rem;
  margin: 2rem 0;
  width: 100%;
}
.input-wrap.content-wrap .input-group {
  align-items: flex-start;
}

.input-group {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: #000;
  background-color: #F3F8FC;
}
.input-group .label {
  padding: 2rem 3rem;
  width: 19rem;
  line-height: 1.8;
}
.input-group input[type=text],
.input-group input[type=tel],
.input-group input[type=email] {
  padding: 2rem 3rem;
  flex: 1 1 0;
  font-size: inherit;
  font-weight: 400;
  color: inherit;
}
.input-group input[type=text]::-moz-placeholder, .input-group input[type=tel]::-moz-placeholder, .input-group input[type=email]::-moz-placeholder {
  font-size: inherit;
  font-weight: 300;
  color: #939BA2;
}
.input-group input[type=text]::placeholder,
.input-group input[type=tel]::placeholder,
.input-group input[type=email]::placeholder {
  font-size: inherit;
  font-weight: 300;
  color: #939BA2;
}
.input-group.col-1 {
  flex-basis: 100%;
}
.input-group.col-2 {
  flex-basis: 50%;
}
.input-group .textarea {
  width: 100%;
  height: 20rem;
}
.input-group .textarea textarea {
  padding: 2rem 3rem;
  width: 100%;
  height: 100%;
  resize: vertical;
}
.input-group .file-data-box {
  flex: 1 1 0;
}
.input-group .file-input {
  overflow: hidden;
  width: 0;
  height: 0;
}
.input-group .file-data-box {
  position: relative;
}
.input-group .file-data-box::before {
  content: "파일을 선택해주세요.";
  font-size: inherit;
  font-weight: 300;
  color: #939BA2;
}
.input-group .file-data-box.active::before {
  display: none;
}
.input-group .file-add-btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 2rem;
  margin-right: 3rem;
  padding: 0.4rem 2rem;
  font-size: var(--com-f);
  font-weight: 300;
  line-height: 1.8;
  background-color: #fff;
  border: 1px solid #E9EBEC;
}
.input-group .icon img {
  vertical-align: middle;
}

.check-wrap .check-label {
  position: relative;
  font-size: var(--md-f);
  font-weight: 400;
  line-height: 187.5%;
  color: #000;
}
.check-wrap .check-label::before {
  margin-right: 1rem;
  vertical-align: middle;
  line-height: 1.2;
  content: url("../img/icon/check-box.png");
}
.check-wrap input:checked + .check-label::before {
  content: url("../img/icon/checked.png");
}

.consent-wrap {
  margin: 4rem 0 8rem;
}

.over-box {
  overflow: hidden;
  overflow-y: scroll;
  padding: 3rem;
  height: 20rem;
  color: #000;
  background-color: #F3F8FC;
}
.over-box::-webkit-scrollbar {
  width: 1rem;
  height: 1rem;
}
.over-box::-webkit-scrollbar-track {
  background-color: #fff;
  border-left: 1px solid #E9EBEC;
  border-right: 1px solid #E9EBEC;
}
.over-box::-webkit-scrollbar-thumb {
  background-color: #1376C6;
}
.over-box > h4 {
  margin-bottom: 1rem;
  font-size: var(--sub-txt);
  font-weight: 500;
  line-height: 1.75;
}
.over-box > h5 {
  margin-top: 4rem;
  margin-bottom: 1rem;
  font-size: var(--com-f);
  font-weight: 800;
  line-height: 1.8;
}
.over-box > p {
  margin: 1rem 0;
  font-size: var(--sub-txt);
  font-weight: 300;
  line-height: 1.75;
}

.form-bottom {
  text-align: center;
}
.form-bottom .form-submit {
  padding: 1rem 4rem;
  width: -moz-fit-content;
  width: fit-content;
  font-size: var(--md-f);
  font-weight: 600;
  line-height: 1.75;
  color: #fff;
  background-color: #1376C6;
}

@media all and (max-width: 64rem) {
  .input-group .label {
    width: 13rem;
  }
}
@media all and (max-width: 63.9375rem) {
  .input-group .label {
    padding: 1rem 1.5rem;
    width: 10rem;
    min-width: 10rem;
  }
  .input-group input[type=text],
  .input-group input[type=tel],
  .input-group input[type=email] {
    padding: 1.5rem 1.5rem;
  }
}
@media all and (max-width: 47.9375rem) {
  .consent-wrap {
    margin: 4rem 0;
  }
  .input-wrap {
    flex-direction: column;
    align-items: flex-start;
  }
  .input-wrap .file-box {
    position: relative;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }
  .input-wrap .file-box .file-data-box {
    margin-top: 1rem;
    padding: 0 1.5rem;
    flex: auto;
    width: 100%;
    height: 3rem;
  }
  .input-wrap .file-box .file-add-btn {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    margin-right: 0;
  }
  .input-group.col-1, .input-group.col-2 {
    flex-basis: auto;
    width: 100%;
  }
  .over-box {
    padding: 3rem 1.5rem;
  }
}
/*
연구개발 */
.laboratory .half-card {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 0;
  line-height: 0;
}
.laboratory .half-card > div {
  width: 50%;
}
.laboratory .half-card:nth-of-type(even) {
  margin: 0;
  flex-direction: row-reverse;
}
.laboratory .txt-box {
  padding: 0 6rem 2.8rem;
}
.laboratory .card-tit {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
}
.laboratory .card-tit .num {
  font-size: 6rem;
  font-weight: 700;
  color: #01518C;
  line-height: 116.667%;
}
.laboratory .card-tit strong {
  font-size: var(--sub-tit);
  font-weight: 600;
  color: #1376C6;
  line-height: 1.8;
}

@media all and (max-width: 85.375rem) {
  .laboratory .card-tit .num {
    font-size: 4.5rem;
  }
  .laboratory .card-desc {
    margin-bottom: 2rem;
  }
  .laboratory .card-desc br {
    display: none;
  }
}
@media all and (max-width: 64rem) {
  .laboratory .txt-box {
    padding: 0 2rem 0;
  }
  .laboratory .card-desc {
    margin: 2rem 0;
  }
}
@media all and (max-width: 63.9375rem) {
  .laboratory .half-card:nth-of-type(even) {
    margin-top: 4rem;
  }
  .laboratory .card-desc {
    margin: 1rem 0;
  }
  .laboratory .card-tit .num {
    font-size: 4rem;
  }
}
@media all and (max-width: 47.9375rem) {
  .laboratory .half-card {
    flex-direction: column;
    gap: 4rem;
  }
  .laboratory .half-card > div {
    width: 100%;
  }
  .laboratory .half-card:nth-of-type(even) {
    flex-direction: column;
  }
  .laboratory .card-tit .num {
    font-size: 3rem;
  }
}
/*
연구 분야 */
.icon-card-wrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
}
.icon-card-wrap .card {
  overflow: hidden;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  align-items: flex-start;
  padding: 4rem 4rem 4rem 5rem;
  height: 36rem;
  border: 1px solid #E9EBEC;
}
.icon-card-wrap .card .box-tit {
  margin-bottom: 0.8rem;
  padding: 0.2rem 3rem;
  width: -moz-fit-content;
  width: fit-content;
  font-size: var(--sub-txt);
  font-weight: 300;
  line-height: 187.5%;
  border: 1px solid #939BA2;
}
.icon-card-wrap .card .card-tit {
  margin-bottom: 2rem;
  font-size: var(--sub-tit);
  font-weight: 800;
  line-height: 1.8;
}
.icon-card-wrap .card .dot-list {
  gap: 0.4rem 0;
}
.icon-card-wrap .card .dot-list li {
  font-size: var(--com-f);
  font-weight: 400;
  line-height: 1.8;
}
.icon-card-wrap .card .dot-list li::before {
  top: 1.55rem;
}
.icon-card-wrap .card .icon {
  position: absolute;
  right: 4rem;
  bottom: 4rem;
}

@media all and (max-width: 85.375rem) {
  .icon-card-wrap .card {
    height: auto;
  }
  .icon-card-wrap .card .icon {
    position: relative;
    margin-left: auto;
    margin-top: auto;
    right: unset;
    bottom: unset;
  }
}
@media all and (max-width: 64rem) {
  .icon-card-wrap .card {
    padding: 2.5rem 2rem 2.5rem 3rem;
  }
}
@media all and (max-width: 63.9375rem) {
  .icon-card-wrap {
    grid-template-columns: repeat(2, 1fr);
  }
  .icon-card-wrap .card .icon {
    width: 28%;
  }
}
@media all and (max-width: 47.9375rem) {
  .icon-card-wrap {
    grid-template-columns: 1fr;
  }
}
/*
채용정보 */
.careers-step {
  display: grid;
  grid-template-columns: repeat(5, 20%);
}
.careers-step .icon-wrap {
  position: relative;
  padding-bottom: 75%;
  width: 100%;
}
.careers-step .icon-wrap img {
  position: absolute;
  left: 50%;
  top: 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%);
}
.careers-step .icon-wrap img.img-bg {
  left: 53.246%;
  width: calc(100% + 0.8rem);
  max-width: 31.6rem;
}
.careers-step .icon-wrap img:last-child {
  width: 78%;
  max-width: 24rem;
}
.careers-step li {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  text-align: center;
}
.careers-step li .step {
  margin-top: 1rem;
  font-weight: 900;
  color: #939BA2;
  line-height: 1.875;
}
.careers-step li .step > span {
  font-size: var(--md-f);
  font-weight: 400;
}
.careers-step li > strong {
  font-size: var(--sub-tit);
  font-weight: 800;
  color: #1376C6;
  line-height: 1.8;
}

.careers-table dl {
  display: grid;
  grid-template-columns: minmax(auto, 37rem) minmax(70%, calc(100% - 37rem));
  align-items: center;
  line-height: 1.8;
  border-bottom: 1px solid #E9EBEC;
}
.careers-table dl:first-child {
  border-top: 1px solid #E9EBEC;
}
.careers-table dl dt {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2rem 3rem;
  height: 100%;
  font-size: var(--sub-tit);
  font-weight: 600;
  color: #fff;
  background-color: #01518C;
  border-radius: 1px solid #E9EBEC;
  -webkit-border-radius: 1px solid #E9EBEC;
  -moz-border-radius: 1px solid #E9EBEC;
  -ms-border-radius: 1px solid #E9EBEC;
  -o-border-radius: 1px solid #E9EBEC;
}
.careers-table dl dd {
  padding: 2rem 3rem;
  font-weight: 400;
  color: #000;
}
.careers-table dl dd .dot-list {
  gap: 0;
  line-height: 1.8;
}
.careers-table dl dd .dot-list li {
  font-size: var(--com-f);
}
.careers-table dl dd .dot-list li::before {
  top: 1.5rem;
}

@media all and (max-width: 47.9375rem) {
  .careers-step {
    grid-template-columns: repeat(3, 33.3333333333%);
  }
  .careers-step li {
    margin-bottom: 1rem;
  }
  .careers-table dl {
    grid-template-columns: 1fr;
  }
  .careers-table dl dt {
    padding: 1rem 1.5rem;
  }
}
/* 모집분야 */
.recruitment .sub-desc {
  color: #000;
}

.table-card {
  display: grid;
  grid-template-columns: minmax(auto, 37rem) minmax(70%, calc(100% - 37rem));
  gap: 0 2rem;
}
.table-card .txt-box {
  padding: 0 3rem;
}
.table-card .txt-box .dot-list {
  margin-top: 2rem;
  gap: 0;
}
.table-card .txt-box .dot-list li {
  padding-left: 2.6rem;
  line-height: 1.8;
}
.table-card .txt-box .dot-list li::before {
  left: 1rem;
  top: 1.4rem;
}

.field-table {
  margin-top: 4rem;
}
.field-table dl {
  display: grid;
  align-items: center;
  font-size: var(--sub-txt);
  line-height: 187.5%;
}
.field-table dl dt {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  font-weight: 600;
}
.field-table > dl {
  grid-template-columns: minmax(11.42%, 12rem) minmax(auto, 142rem);
}
.field-table > dl > dt {
  color: #fff;
  background-color: #01518C;
  border-bottom: 1px solid #fff;
}
.field-table > dl > dd {
  border-right: 1px solid #E9EBEC;
}
.field-table > dl dl {
  border-bottom: 1px solid #E9EBEC;
  grid-template-columns: minmax(32%, 29rem) minmax(68%, 64rem);
}
.field-table > dl dl:first-child {
  border-top: 1px solid #E9EBEC;
}
.field-table > dl dl dt {
  padding: 0.8rem 3rem;
  color: #4F555A;
  background-color: #F3F8FC;
}
.field-table > dl dl dd {
  padding: 0.8rem 0 0.8rem 3rem;
  font-weight: 300;
}

@media all and (max-width: 64rem) {
  .recruitment .table-card .figure img {
    height: auto;
  }
}
@media all and (max-width: 63.9375rem) {
  .field-table > dl dl {
    grid-template-columns: 1fr;
  }
}
@media all and (max-width: 47.9375rem) {
  .recruitment .table-card {
    grid-template-columns: 1fr;
    gap: 4rem 0;
  }
  .recruitment .txt-box {
    padding: 0;
  }
  .field-table > dl {
    grid-template-columns: 1fr;
  }
  .field-table > dl > dt {
    padding: 1rem 3rem;
  }
}
/* 인재상 */
.img-card-wrap {
  display: flex;
  justify-content: center;
  gap: 2rem;
}
.img-card-wrap .img-card {
  overflow: hidden;
  flex: 1 1 0;
  border-radius: 2rem;
  -webkit-border-radius: 2rem;
  -moz-border-radius: 2rem;
  -ms-border-radius: 2rem;
  -o-border-radius: 2rem;
  word-break: break-all;
}
.img-card-wrap .img-card:hover .txt-box {
  -webkit-backdrop-filter: blur(15px);
          backdrop-filter: blur(15px);
  transition: all 0.5s 0s;
  -webkit-transition: all 0.5s, 0s;
  -moz-transition: all 0.5s, 0s;
  -ms-transition: all 0.5s, 0s;
  -o-transition: all 0.5s, 0s;
}
.img-card-wrap .img-card:hover .txt-box .icon {
  opacity: 0;
  transition: opacity 0.5s 0s;
  -webkit-transition: opacity 0.5s, 0s;
  -moz-transition: opacity 0.5s, 0s;
  -ms-transition: opacity 0.5s, 0s;
  -o-transition: opacity 0.5s, 0s;
}
.img-card-wrap .img-card:hover .txt-box p {
  opacity: 1;
  transition: opacity 0.5s 0.5s;
  -webkit-transition: opacity 0.5s, 0.5s;
  -moz-transition: opacity 0.5s, 0.5s;
  -ms-transition: opacity 0.5s, 0.5s;
  -o-transition: opacity 0.5s, 0.5s;
}
.img-card-wrap .txt-box {
  padding: 3.4rem 5rem;
  height: 100%;
  color: #fff;
}
.img-card-wrap .txt-box .card-tit {
  margin-bottom: 2rem;
  line-height: 1.7;
  color: #fff;
}
.img-card-wrap .txt-box .disc {
  position: relative;
}
.img-card-wrap .txt-box .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 3rem;
  height: 3rem;
  border: 1px solid #fff;
  border-radius: 3rem;
  -webkit-border-radius: 3rem;
  -moz-border-radius: 3rem;
  -ms-border-radius: 3rem;
  -o-border-radius: 3rem;
}
.img-card-wrap .txt-box p {
  opacity: 0;
  font-weight: 500;
  line-height: 1.8;
}
.img-card-wrap .item-1 {
  background: url("https://lakematerials.cdn1.cafe24.com/img/sub/careers/sub-3-1.png") center/cover no-repeat;
}
.img-card-wrap .item-2 {
  background: url("https://lakematerials.cdn1.cafe24.com/img/sub/careers/sub-3-2.png") center/cover no-repeat;
}
.img-card-wrap .item-3 {
  background: url("https://lakematerials.cdn1.cafe24.com/img/sub/careers/sub-3-3.png") center/cover no-repeat;
}

.human .sec-02 .sec-txt-wrap {
  margin-bottom: 4rem;
}
.human .careers-table {
  grid-template-columns: minmax(32%, 50rem) minmax(38%, 404rem);
  margin-top: 8rem;
  margin-bottom: 4rem;
}
.human .careers-table:last-child {
  margin: 0;
}
.human .careers-table dd {
  border-right: 1px solid #E9EBEC;
}
.human .careers-table .row-num-list {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5rem;
}
.human .careers-table .row-num-list .item {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  align-items: center;
}
.human .careers-table .row-num-list .item .num {
  font-size: 6rem;
  font-weight: 900;
  line-height: 116.667%;
}
.human .careers-table .row-num-list .item span:last-child {
  font-size: var(--sub-tit);
  font-weight: 600;
  color: #000;
  line-height: 1.8;
}
.human .careers-table .row-num-list .item:nth-of-type(1) .num {
  color: rgba(19, 118, 198, 0.2);
}
.human .careers-table .row-num-list .item:nth-of-type(2) .num {
  color: rgba(19, 118, 198, 0.4);
}
.human .careers-table .row-num-list .item:nth-of-type(3) .num {
  color: rgba(19, 118, 198, 0.6);
}
.human .careers-table .row-num-list .item:nth-of-type(4) .num {
  color: rgba(19, 118, 198, 0.8);
}

@media all and (max-width: 85.375rem) {
  .img-card-wrap .txt-box {
    padding: 3rem 3rem;
  }
  .careers-table .row-num-list .item .num {
    font-size: 4.5rem;
  }
}
@media all and (max-width: 63.9375rem) {
  .img-card-wrap .txt-box {
    padding: 3rem 3rem;
  }
  .human .careers-table .row-num-list {
    gap: 2.5rem;
  }
  .human .careers-table .row-num-list .item .num {
    font-size: 4rem;
  }
}
@media all and (max-width: 47.9375rem) {
  .img-card-wrap {
    display: block;
  }
  .img-card-wrap .img-card {
    margin: 2rem 0;
    height: 20rem;
  }
  .img-card-wrap .txt-box {
    padding: 3rem 3rem;
  }
  .img-card-wrap .txt-box .icon {
    width: 2.5rem;
    height: 2.5rem;
  }
  .human .careers-table .row-num-list {
    flex-direction: column;
  }
  .human .careers-table .row-num-list .item .num {
    font-size: 3rem;
  }
  .human .careers-table .row-num-list .icon {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
  }
}
/*
복리후생 */
.welfare .doco-tit-wrap {
  position: relative;
}
.welfare .sec-sub-tit {
  position: relative;
  line-height: 1.8;
  font-size: var(--sub-tit);
  font-weight: 400;
}
.welfare .sec-sub-tit b {
  font-size: var(--sec-tit);
}
.welfare .deco-txt {
  opacity: 1;
  position: absolute;
  left: 50%;
  top: -6rem;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  white-space: nowrap;
  font-size: 5.2086vw;
  color: #F3F8FC;
}

.icon-card-wrap.col-4 {
  display: grid;
  grid-template-columns: repeat(4, minmax(auto, 37rem));
  gap: 2rem;
}
.icon-card-wrap.col-4 .icon-card {
  overflow: hidden;
  padding: 4rem 3rem;
  min-height: 39rem;
  border: 1px solid #E9EBEC;
  border-radius: 2rem;
  -webkit-border-radius: 2rem;
  -moz-border-radius: 2rem;
  -ms-border-radius: 2rem;
  -o-border-radius: 2rem;
}
.icon-card-wrap.col-4 .icon-card:hover {
  background-color: #F3F8FC;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15);
  transition: all 0.5s 0.2s;
  -webkit-transition: all 0.5s, 0.2s;
  -moz-transition: all 0.5s, 0.2s;
  -ms-transition: all 0.5s, 0.2s;
  -o-transition: all 0.5s, 0.2s;
}
.icon-card-wrap.col-4 .icon-card .icon {
  display: inline-block;
  margin-bottom: 2rem;
}
.icon-card-wrap.col-4 .icon-card .card-tit {
  margin-bottom: 3rem;
  font-size: var(--sub-tit);
  font-weight: 600;
  color: #1376C6;
}
.icon-card-wrap.col-4 .icon-card .dot-list {
  gap: 0.4rem 0;
}
.icon-card-wrap.col-4 .icon-card .dot-list li {
  font-size: var(--sub-txt);
  font-weight: 300;
  line-height: 187.5%;
}
.icon-card-wrap.col-4 .icon-card .dot-list li::before {
  top: 1.2rem;
}

@media all and (max-width: 85.375rem) {
  .welfare .deco-txt {
    top: -4rem;
  }
  .icon-card-wrap.col-4 {
    grid-template-columns: repeat(3, minmax(auto, 37rem));
  }
  .icon-card-wrap.col-4 .icon-card {
    min-height: 0;
  }
}
@media all and (max-width: 63.9375rem) {
  .welfare .sec-sub-tit {
    line-height: 1.5;
  }
  .welfare .deco-txt {
    top: -3rem;
  }
  .icon-card-wrap.col-4 {
    grid-template-columns: repeat(2, minmax(auto, 37rem));
  }
}
@media all and (max-width: 47.9375rem) {
  .welfare .deco-txt {
    top: -2rem;
    font-size: 8.681vw;
  }
  .icon-card-wrap.col-4 {
    grid-template-columns: 1fr;
  }
  .icon-card-wrap.col-4 .icon-card {
    padding: 2rem;
  }
}
/* view */
.view-wrap {
  width: 100%;
}

.view-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 3rem;
  height: 8.8rem;
  border-top: 2px solid #4F555A;
}
.view-top .view-tit {
  overflow: hidden;
  position: relative;
  flex-wrap: 1 1 0;
  font-size: var(--com-f);
  font-weight: 400;
  line-height: 166.667%;
}

.view-info {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.view-info > * {
  display: block;
  width: 12rem;
  text-align: center;
  font-size: var(--sub-txt);
  font-weight: 300;
  color: #000;
  line-height: 1.75;
}
.view-info dl {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}

.download-box {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 2rem;
  padding: 1.249rem 3rem;
  color: #000;
  line-height: 1.75;
  border-top: 1px solid #E9EBEC;
  border-bottom: 1px solid #E9EBEC;
}
.download-box .label {
  font-size: var(--sub-txt);
}
.download-box .btn {
  text-align: left;
  font-size: var(--sub-txt);
  font-weight: 300;
  color: inherit;
}

.view-body {
  margin-bottom: 8rem;
  padding: 4rem 2rem 9rem 2rem;
  font-size: var(--sub-txt);
  line-height: 1.5;
  border-bottom: 1px solid #E9EBEC;
}
.view-body th,
.view-body td {
  vertical-align: middle;
}
.view-body .view-video {
  position: relative;
  margin: 4rem auto 0;
  padding-bottom: 39%;
  width: 80%;
  max-width: 120rem;
  height: 0;
}
.view-body .view-video > iframe {
  position: absolute;
  width: 100%;
  height: 100%;
}
.view-body .view-img {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 4rem 0 0;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 80%;
}

.view-bottom {
  text-align: center;
}
.view-bottom .list-btn {
  margin: 0 auto;
  padding: 1rem 4rem;
  font-size: var(--sub-txt);
  font-weight: 300;
  color: #fff;
  line-height: 1.75;
  background-color: #1376C6;
}

@media all and (max-width: 64rem) {
  .view-top {
    flex-direction: column;
    align-items: flex-start;
  }
  .view-info {
    gap: 6rem;
  }
  .view-info > * {
    width: -moz-fit-content;
    width: fit-content;
  }
}
@media all and (max-width: 63.9375rem) {
  .view-top {
    padding: 1rem 2rem;
  }
  .download-box {
    padding: 1.249rem 2rem;
  }
  .view-body {
    margin-bottom: 4rem;
    padding: 2rem 2rem 4rem 2rem;
  }
  .view-body .view-video {
    padding-bottom: 58%;
    width: 100%;
  }
  .view-body .view-img {
    max-width: none;
  }
}