/* [1] Company */
/* ******************************* */

/* 1. About Us */
.sub01-pg01 .grid-wr{}
.sub01-pg01 .grid-wr > li{}
.sub01-pg01 .grid-wr .nameBx{min-height: 17.5rem; padding: 2.1rem 0 3.4rem;margin: 0 2.5rem; border-top: 1px solid #707070;}
.sub01-pg01 .grid-wr .nameBx .year, .sub01-pg01 .grid-wr .nameBx strong{font-family: 'Epilogue', sans-serif;display: block;color: var(--color-txt);line-height: normal;}
.sub01-pg01 .grid-wr .nameBx .year{font-size: 2.4rem;font-weight: 500;letter-spacing: -0.12px;}
.sub01-pg01 .grid-wr .nameBx strong{font-size: 3rem;font-weight: 700;letter-spacing: -0.15px;margin-top: 3.2rem;}
.sub01-pg01 .grid-wr .txt{padding: 2.9rem 2.5rem;min-height: 27.5rem;}
.sub01-pg01 .grid-wr .txtBx01{background-color: #E8F5FB;}
.sub01-pg01 .grid-wr .txtBx02{background-color: #BCEAFF;}
.sub01-pg01 .grid-wr .txtBx03{background-color: #94DDFF;}
.sub01-pg01 .grid-wr .txtBx04{background-color: #06B6FF;color: #fff;}

.img-bg-bx{position: relative; background: url(/theme/basic/img/sub/sub01/pg01_cont2_img.jpg) no-repeat center / cover;width: 100%;height: 24rem;}
.img-bg-bx b{display: block;}
.img-bg-bx p{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  font-family: 'Epilogue', sans-serif;
  font-size: 2.4rem;
  color: #fff;
  line-height: 34px;
  letter-spacing: -0.12px;
  text-align: center;
  z-index: 2;
}

.sub01-pg01 .hs-cont{width: 100%; align-items: flex-start;margin-top: 8rem;}
.sub01-pg01 .hs-cont .line{display: inline-block;width: 21.8rem;height: 1px;background-color: var(--color-point);margin-right: 2.7rem;}
.sub01-pg01 .hs-cont .txt-Bx{position: sticky;width: 50%;height: 100%;top: 16rem;max-width: 50%;}

.sub01-pg01 .history-wr{width: 50%}
.sub01-pg01 .history-list {position: relative;padding-left: 2.7rem;}
.sub01-pg01 .history-list .hs-cont{margin-top: 0;}
.sub01-pg01 .history-progress {position: absolute;top: 1.5rem;left: -1px;width: 1px;height: 100%;background-color: #B3B3B3;}
.sub01-pg01 .history-progress::before {position: absolute;content: "";bottom: 0;left: -1px;width: 3px;height: 2.6rem;background-color: #fafafa;z-index: 1;}
.sub01-pg01 .history-progress progress {display: none;}
.sub01-pg01 .history-progress-bar {position: absolute;top: 0;left: 0;width: 1px;height: 0;background-color: var(--color-point);}

.sub01-pg01 .hs-cont-item{position: relative;display: flex;flex-direction: column; align-items: flex-start;margin-bottom: 4.5rem;}
.sub01-pg01 .hs-cont-item:last-child{margin-bottom: 0;}
.sub01-pg01 .hs-cont-item::before {position: absolute;content: "";top: 11px;left: -31px;width: 8px;height: 8px;border-radius: 50%;background-color: #B3B3B3;transition: 0.24s;z-index: 1;}
.sub01-pg01 .hs-cont-item strong{display: block; font-size: 3.2rem;color: var(--color-txt);margin-bottom: .5rem;line-height: normal;letter-spacing: -0.16px;}
.sub01-pg01 ul.dot-list > li{list-style: disc;margin-left: 2rem;font-size: 2rem;color: var(--color-txt);line-height: 27px;letter-spacing: -0.1px;}

.sub01-pg01 .hs-item.on::before, .hs-item.active::before {background-color: var(--color-point);}
.sub01-pg01 .hs-cont-item.on::before {background-color: var(--color-point);}
.sub01-pg01 .hs-cont-item.on:nth-child(4)::before,
.sub01-pg01 .hs-cont-item.on:nth-child(5)::before,
.sub01-pg01 .hs-cont-item.on:nth-child(6)::before{background-color: #0640FF;}
.sub01-pg01 .hs-cont-item.on:nth-child(7)::before,
.sub01-pg01 .hs-cont-item.on:nth-child(8)::before,
.sub01-pg01 .hs-cont-item.on:nth-child(9)::before,
.sub01-pg01 .hs-cont-item.on:nth-child(10)::before,
.sub01-pg01 .hs-cont-item.on:nth-child(11)::before,
.sub01-pg01 .hs-cont-item.on:nth-child(12)::before{background-color: var(--color-point01);}
.sub01-pg01 .hs-cont-item.on:nth-child(13)::before,
.sub01-pg01 .hs-cont-item.on:nth-child(14)::before,
.sub01-pg01 .hs-cont-item.on:nth-child(15)::before,
.sub01-pg01 .hs-cont-item.on:nth-child(16)::before,
.sub01-pg01 .hs-cont-item.on:nth-child(17)::before{background-color: #9747FF}


@media all and (max-width:1600px) {
  .sub01-pg01 .grid-wr .box-img{height: 20.4rem;}
  .sub01-pg01 .grid-wr .box-img .img{width: 100%;height: 100%;}
  .sub01-pg01 .grid-wr .txt{height: 47.8rem;}
  .sub01-pg01 .grid-wr .nameBx{margin: 0 1rem;}

  .sub01-pg01 .hs-cont .line{width: 8rem;}
}
@media all and (max-width:960px) {
  .sub01-pg01 .grid-wr .nameBx strong{font-size: 2.2rem;}
  .sub01-pg01 .grid-wr .txt{height: 54.8rem;}
  .sub01-pg01 .grid-wr .box-img{height: 17.4rem;}

  .sub01-pg01 .hs-cont{flex-direction: column;}
  .sub01-pg01 .hs-cont .txt-Bx{width: 100%;position: relative;top: inherit;max-width: 100%}
  .sub01-pg01 .history-wr{width: 100%;}
}
@media all and (max-width:768px) {
  .sub01-pg01 .grid-wr{grid-template-columns: repeat(2,1fr);grid-gap: 3rem 0;}
  .sub01-pg01 .grid-wr .txt{height: auto;}
  .sub01-pg01 .grid-wr .nameBx{margin: 0}
  .sub01-pg01 .grid-wr .nameBx .year{font-size: 2rem;}
  .sub01-pg01 .grid-wr .nameBx strong{margin-top: 2.2rem;line-height: 26px;}
  .sub01-pg01 .grid-wr .box-img{height: auto;}
  .img-bg-bx p{width: 90%; font-size: 2rem;line-height: 26px;}

  .sub01-pg01 .cont03 .sub-tit-wr br{display: none;}
  .sub-tit-wr.big-tit{flex-direction: column-reverse;align-items: flex-start;}
  .sub01-pg01 .history-progress{left: -2px;}
  .sub01-pg01 .hs-cont .line{margin-top: 2rem;}
  .sub01-pg01 .history-list{padding-left: 3rem}
  .sub01-pg01 .hs-cont-item{margin-bottom: 4.5rem}
  .sub01-pg01 .hs-cont-item::before{left: -3.6rem}
  .sub01-pg01 .hs-cont-item strong{font-size: 2rem;margin-right: 2rem}
  .sub01-pg01 ul.dot-list > li{font-size: 1.8rem;line-height: 23px;}

  .sub01-pg01 .grid-wr .box-img .img{height: auto;}
    .sub01-pg01 .hs-cont{margin-top: 6rem}
}
@media all and (max-width:640px) {
  .sub01-pg01 .grid-wr{grid-template-columns: 1fr;grid-gap: 3rem;}
  .sub01-pg01 .grid-wr .nameBx,
  .sub01-pg01 .grid-wr .txt{min-height: auto;padding: 1.5rem;}
  .sub01-pg01 .grid-wr .nameBx strong{margin-top: .8rem}

  .sub01-pg01 .hs-cont-item{align-items: flex-start;margin-bottom: 3.5rem}
  .sub01-pg01 .hs-cont-item::before{top: .6rem;transform: inherit;}
  .sub01-pg01 .hs-cont-item strong{font-size: 1.8rem}
  .sub01-pg01 ul.dot-list > li{font-size: 1.6rem;line-height: 2.6rem}

  .sub01-pg01 .grid-wr .box-img{height: 24rem}
  .sub01-pg01 .grid-wr .box-img .img{width: 100%;height: 100%;object-fit: contain;object-position: center;}

  .img-bg-bx p{font-size: 1.8rem;line-height: 24px}
}


/* 2. Vision */
.sub01-pg02 .cont02, .sub01-pg02 .cont03{padding: 14rem 0;}
.sub01-pg02 .cont02{background-color: #F3F8FA;}
.sub01-pg02 .cont02 .box-img{margin-top: 14rem;}
.line-list{display: grid;grid-template-columns: repeat(2,1fr);grid-gap: 4.5rem;}
.line-list > li{}
.line-list strong{display: block;font-size: 2.4rem;color: #383838;letter-spacing: -0.12px;padding-bottom: 1.5rem;border-bottom: 1px solid #707070}
.line-list .info{margin-top: 1.5rem}
.line-list .info > li{font-family: 'Pretendard', sans-serif;font-size: 2rem;color: #383838;line-height: 33px;letter-spacing: -0.1px;list-style: disc;margin-left: 2rem;}

.sub01-pg02 .cont-list{display: flex;align-items: center;justify-content: space-between;gap: 90px}
.sub01-pg02 .cont-list > li.txt-Bx{width: 48%}
.sub01-pg02 .cont-list > li.img-Bx{width: 52%}
.sub01-pg02 .cont-list > li.img-Bx img{width: 100%}

@media all and (max-width:960px) {
  .line-list strong{font-size: 2.2rem}
  .line-list .info > li{font-size: 1.8rem;line-height: 26px}
  .line-list .info > li:not(:last-child){padding-bottom: .5rem}
  .sub01-pg02 .cont03 .cont-list{align-items: flex-start;}
  .sub01-pg02 .cont03 .cont-list{gap: 40px;}
  .sub01-pg02 .cont03 .cont-list{flex-direction: column-reverse;;}
  .sub01-pg02 .cont-list > li.txt-Bx, .sub01-pg02 .cont-list > li.img-Bx{width: 100%}
}
@media all and (max-width:768px) {
  .sub01-pg02 .cont02, .sub01-pg02 .cont03{padding: 8rem 0}
  .line-list{grid-template-columns: 1fr;margin-top: 1rem}
  .line-list strong{font-size: 1.8rem;padding-bottom: .6rem}
  .line-list .info > li{font-size: 1.6rem;line-height: 23px;}
}
@media all and (max-width:460px) {
  .sub01-pg02 .cont02, .sub01-pg02 .cont03{padding: 6rem 0}
}


/* 3. Open innovation */
.sub01-pg03{}
.cpy-list:not(:last-child){padding-bottom: 2.5rem;}
.cpy-list > li:not(:last-child){margin-right: 3.5rem;}

@media all and (max-width:1600px) {
  .cpy-list{display: grid;grid-template-columns: repeat(3,1fr);grid-gap: 1.5rem;}
  .cpy-list > li{height: 8rem; border: 1px solid #eee;border-radius: 1rem;overflow: hidden;display: flex;flex-direction: column;align-items: center;justify-content: center;}
  .cpy-list:not(:last-child){padding-bottom: 1.5rem;}
  .cpy-list > li:not(:last-child){margin-right: 0;}
  .cpy-list .img{margin: 0 auto;}
}
@media all and (max-width:960px) {
  .cpy-list > li{height: 6.5rem;}
}
@media all and (max-width:460px) {
  .cpy-list{grid-template-columns: repeat(2,1fr);grid-gap: 1rem;}
  .cpy-list:not(:last-child){padding-bottom: 1rem;}
  .cpy-list > li{padding: 2rem 0;}
  .cpy-list .img{width: 100%;height: 4.6rem;object-fit: contain;object-position: center;}
}


/* 4. Organization */
.sub01-pg04 .cont-imgBx{margin-top: 7.9rem;}
.sub01-pg04 .num-list{display: grid;grid-template-columns: repeat(2,1fr);grid-gap: 2px;}
.sub01-pg04 .num-list > li{padding: 40px;min-height: 275px;}
.sub01-pg04 .num-list > li.bg-color1{background: #E8F5FB}
.sub01-pg04 .num-list > li.bg-color2{background: #BCEAFF}
.sub01-pg04 .num-list > li.bg-color3{background: #94DDFF}
.sub01-pg04 .num-list > li.bg-color4{background: #66CFFF}
.sub01-pg04 .num-list .list-tit{font-size: 2.4rem;color: #001750;display: block;padding-bottom: 1.5rem}
.sub01-pg04 .num-list .txt-cont{display: grid;grid-gap: 10px;font-family: 'Pretendard', sans-serif;}
.sub01-pg04 .num-list .txt{font-weight: 400;letter-spacing: -0.7px;line-height: 24px}
.sub01-pg04 .num-list strong{min-width: 24px;display: inline-block;margin-right: 1rem; font-size: 2rem;color: var(--color-point);letter-spacing: -0.7px;}
.sub01-pg04 .num-list strong .sub01-pg03 .num-list .txt{line-height: 24px;}
.sub01-pg04 .dash-list{margin-top: 6px;}
.sub01-pg04 .dash-list > li{margin-left: 4.5rem;}
.sub01-pg04 .dash-list > li::marker{content: '\2013';font-size: 1.8rem;color: var(--color-txt);font-weight: 500;line-height: 30px;letter-spacing: -0.1px;margin-top: 1.5rem;}

@media all and (max-width:768px) {
  .sub01-pg04 .num-list{grid-template-columns: 1fr;}
  .sub01-pg04 .num-list > li{padding: 20px;min-height: 328px}
  .sub01-pg04 .num-list .list-tit{font-size: 2rem;margin-right: 0}
  .sub01-pg04 .num-list strong{font-size: 1.8rem}
  .sub01-pg04 .num-list .txt{line-height: 22px;}
}
@media all and (max-width:640px) {
  .sub01-pg04 .num-list > li .flex{align-items: flex-start;}
}


/* 5. Certificates */
.sub01-pg05{}
.certo-list{grid-gap: 8rem 3.5rem;margin-top: 8rem;}
.certo-list .box-img{background-color: #F5F5F5;}
.certo-list .box-img .img{width: 100%;height: 100%;}
.certo-list p.name{font-size: 1.8rem;font-weight: 500;color: var(--color-txt);line-height: 24px;letter-spacing: -0.09px;text-align: center;margin-top: 1.5rem;min-height: 4.8rem}

@media all and (max-width:960px) {
  .certo-list{grid-template-columns: repeat(3,1fr);}
}
@media all and (max-width:640px) {
  .certo-list{grid-template-columns: repeat(2,1fr);grid-gap: 3rem 1rem;margin-top: 4rem}
  .certo-list .box-img .img{height: auto;}
  .certo-list p.name{font-size: 1.4rem;line-height: 19px;margin-top: 1rem;min-height: auto;}
}


/* 6. Contact */
.sub01-pg06 .line{width: 100%;height: 1px;background-color: var(--color-point);margin: 2rem 0;}
.map-wr{justify-content: space-between;padding-top: 8rem;}
.map-wr:not(:last-child){padding-bottom: 6rem;}
.map-wr > li{width: 50%;}
.map-wr > li:not(:last-child){margin-right: 8.1rem;}
.map-wr iframe{border: 1px solid #D9D9D9 !important;}
.map-wr .numBx .num, .map-wr .numBx strong{font-size: 2rem;font-weight: 700;letter-spacing: -0.1px;}
.map-wr .numBx .num{
  display: inline-block;
  width: 4.5rem;
  height: 4.5rem;
  background-color: var(--color-point);
  border-radius: 100%;
  text-align: center;
  color: #fff;
  line-height: 48px;
  margin-right: 1.4rem;
}
.map-wr .numBx strong{display: inline-block;color: var(--color-txt);line-height: 30px;}
.map-wr > li.infoBx h4{font-size: 3.8rem;color: var(--color-txt);line-height: 42px;letter-spacing: -0.19px;margin-top: 3rem;}
.contact-list{margin-top: 2rem;}
.contact-list > li:not(:last-child){padding-bottom: 2.5rem;}
.contact-list .iconBx .icon{margin-right: .9rem;}
.contact-list .iconBx strong{display: inline-block;font-size: 1.8rem;color: var(--color-point);line-height: 38px;letter-spacing: -0.09px;}
.contact-list .i-txt{font-size: 1.8rem;color: var(--color-txt);line-height: 30px;letter-spacing: -0.09px;}

@media all and (max-width:1600px) {
  .map-wr > li:not(:last-child){margin-right: 3.5rem;}
  .contact-list .i-txt{line-height: 23px;}
  .contact-list > li:not(:last-child){padding-bottom: 2rem;}
  .map-wr > li.infoBx h4{font-size: 3rem;line-height: 38px;}
}
@media all and (max-width:960px) {
  .map-wr > li.infoBx h4{font-size: 2.5rem;line-height: 32px;margin-top: 1.8rem;}
  .contact-list br.br_pc{display: none;}
}
@media all and (max-width:768px) {
  .map-wr{padding-top: 6rem;}
  .contact-list .i-txt{font-size: 1.6rem;}

  .sub01-pg06 .box-img{height: 27rem}
  .sub01-pg06 .box-img .simg{width: 100%;height: 100%;object-position: center;object-fit: cover}
}
@media all and (max-width:640px) {
  .map-wr{flex-direction: column;align-items: flex-start;}
  .map-wr > li{width: 100%;}
  .map-wr > li:not(:last-child){margin-right: 0;margin-bottom: 3rem;}
  .map-wr .numBx .num, .map-wr .numBx strong{font-size: 1.6rem;}
  .map-wr .numBx .num{width: 3.5rem;height: 3.5rem;line-height: 38px;}
  .map-wr > li.infoBx h4{font-size: 1.8rem;line-height: 24px;margin-top: 1.5rem;}
  .contact-list{margin-top: 1.5rem;}
  .contact-list .iconBx strong{line-height: 26px;}
  .map-wr:not(:last-child){padding-bottom: 4rem}

  .sub01-pg06 .line{margin: 0;}
  .map-wr iframe{height: 30rem;}
  .sub01-pg06 .box-img{height: 18rem}
}