/* [3] Technology */
/* ************************* */
.img-pd{padding: 3.95rem 0 8rem !important;}
.pt-4{padding-top: 3.95rem;}

@media all and (max-width:768px) {
  .img-pd{padding: 2rem 0 6rem !important;}
}


/* 1. Overview */
.grid-img-wr{grid-gap: 4rem 2.8rem;margin-top: 8rem;}
.grid-img-wr .viewBx{border: 1px solid var(--color-point);}
.info-fx-bx:nth-child(1){border-top: 1px solid var(--color-point);}

@media all and (max-width:1600px) {
  .sub03-pg01 .info-fx-bx .box-img{height: 42rem;}
  .sub03-pg01 .info-fx-bx .box-img .img{width: 100%;height: 100%;object-position: center;object-fit: cover;}
}
@media all and (max-width:768px) {
  .grid-img-wr{margin-top: 4rem;}
  .sub03-pg01 .info-fx-bx .box-img{height: auto;}
  .sub03-pg01 .t-nameBx.navy{height: 5rem;}
}


/* 2. Smart Factory */
.grid-img-wr .viewBx{height: 42rem;border: none;}
.grid-img-wr .viewBx .img{width: 100%;height: 100%;}
.sub03-pg02 .t-nameBx.dt-bule .bx-tit{font-family: 'Pretendard', sans-searif;display: block;text-align: center;}

@media all and (max-width:1600px) {
  .grid-img-wr .viewBx{height: 34rem;}
  .sub03-pg02 .t-nameBx.dt-bule{min-height: 9.9rem;display: flex;flex-direction: column; align-content:center;justify-content: center;}
}
@media all and (max-width:960px) {
  .grid-img-wr .viewBx{height: 28rem;}
  .sub03-pg02 .t-nameBx.dt-bule{min-height: 7.7rem;}
  .sub03-pg02 .t-nameBx.dt-bule .bx-tit{font-size: 2rem;}
}
@media all and (max-width:640px) {
  .grid-img-wr{grid-template-columns: 1fr !important;grid-gap: 2.5rem;}
  .grid-img-wr .viewBx{height: 15rem;}
  /* .grid-img-wr .viewBx .img{height: auto;} */
  .sub03-pg02 .t-nameBx.dt-bule{min-height: auto;}
}


/* 3. R&D Capability */
.sub03-pg03 .txt{margin-top: 4rem;}
.sub03-pg03 .grid-2{grid-gap: 2.8rem;}
.sub03-pg03 .info-fx-bx{align-items: center;}
.sub03-pg03 .info-fx-bx > li{min-height: auto;}
.sub03-pg03 .info-fx-bx .txt{margin-top: 0;}

.pd-list-wr{display: grid;grid-template-columns: repeat(2,1fr);grid-gap: 8rem 2.8rem}
.pd-list-wr.grid-3{grid-template-columns: repeat(3,1fr)}
.pd-list-wr .box-img .img{width: 100%;object-position: center;object-fit: cover}
.pd-list-wr .titBx{display: flex;flex-direction: column;align-items: flex-start;justify-content: center;height: 7.8rem;background-color: var(--color-point);padding: 1.2rem .5rem 1.2rem 2.5rem;}
.pd-list-wr .titBx h5, .pd-list-wr .titBx span{color: #fff;font-weight: bold;}
.pd-list-wr .titBx h5{font-size: 3rem;line-height: 33px}
.pd-list-wr .titBx span{font-size: 2rem;line-height: 27px}

@media all and (max-width:1400px) {
  .pd-list-wr{grid-gap: 6rem 2rem}
  .pd-list-wr .titBx{height: 8rem;padding: 1.2rem 2rem}
  .pd-list-wr .titBx h5{font-size: 2rem;}
  .pd-list-wr .titBx span{font-size: 1.6rem;line-height: 19px}
}
@media all and (max-width:960px) {
  .pd-list-wr.grid-3{grid-template-columns: repeat(2,1fr);}
}
@media all and (max-width:768px) {
  .sub03-pg03 .txt{margin-top: 2rem;}
  .sub03-pg03 .t-nameBx.lt-bule{height: 5rem;}
  .sub03-pg03 .grid-2{grid-template-columns: 1fr;grid-gap: 2rem;}

  .pd-list-wr .titBx{padding: .8rem 1rem;height: 6.2rem}
  .pd-list-wr .titBx h5{font-size: 1.8rem;line-height: 26px;}
  .pd-list-wr .titBx span{font-size: 1.2rem}
}
@media all and (max-width:640px) {
  .pd-list-wr {grid-template-columns: 1fr;grid-gap: 3rem}
}


/* 4. R&D Center */
.sub03-pg04 .grid-2{grid-gap: 2.8rem;padding-bottom: 0 !important;}
.sub03-pg04 .grid-img-wr{margin-top: 0 !important;}
.sub03-pg04 .cmn-tab-bx{border-top: 1px solid var(--color-point);}
.sub03-pg04 .grid-img-wr > li:not(:last-child){padding-bottom: 8rem;}
h4.bx-name{
  display: inline-block;
  border-radius: 6rem;
  padding: 1.3rem 3rem;
  font-size: 2rem;
  color: #fff;
  text-align: center;
  line-height: normal;
  font-weight: 700;
  letter-spacing: -0.1px;
}
h4.bx-name.color1{ background-color: #1F449A;}
h4.bx-name.color2{background-color: #3262D2;}
.rnd-list{margin-top: 4rem;}
.rnd-list.btm-line{padding-bottom: 4rem;margin-bottom: 4rem;border-bottom: 1px solid #A6A6A8;}
.rnd-list > li{list-style: disc;margin-left: 2rem;}
.rnd-list > li:not(:last-child){padding-bottom: 1rem;}
.rnd-list strong, .rnd-list {font-size: 1.8rem;color: var(--color-txt);line-height: normal;letter-spacing: -0.09px;}
.rnd-list strong{min-width: 18rem; font-weight: 700;display: block;margin-right: 1rem;}
.rnd-list p{font-size: 1.8rem; font-weight: 400;}
.repeat-flex{margin-top: 4rem;}
.repeat-flex > li.imgBx{width: 55%; margin-right: 5.1rem;}
.repeat-flex > li.txtBx{width: 45%; }

.dash-list.mt-10{margin-top: 1rem;}
.dash-list > li{line-height: normal;margin-left: 1rem;list-style: disc;}
.dash-list > li::marker{content: '\2013';}
.dash-list > li:not(:last-child){padding-bottom: 1rem;}

.sub03-pg04 .mo-img{display: none;}
.sub03-pg04-t3 .rnd-list.w-33 strong{min-width: 33rem;}

@media all and (max-width:1200px) {
  .sub03-pg04 .pc-img{display: none;}
  .sub03-pg04 .mo-img{display: block;}
}
@media all and (max-width:1200px) {
.sub03-pg04-t3 .rnd-list.w-33 .flex{flex-direction: column;align-items: flex-start;}
.sub03-pg04-t3 .rnd-list.w-33 strong{min-width: auto !important;padding-bottom: 1rem;}
}
@media all and (max-width:860px) {
  .rnd-list strong{min-width: auto;}
}
@media all and (max-width:768px) {
  .sub03-pg04 .grid-img-wr{margin-top: 0;}
  .sub03-pg04 .cmn-tab-bx{border-color: #E8F5FB;}
  .sub03-pg04 .grid-2{grid-template-columns: 1fr;padding-bottom: 0 !important;grid-gap: 2rem;}
  .repeat-flex{flex-direction: column;align-items: flex-start;margin-top: 2rem;}
  .repeat-flex > li.imgBx,
  .repeat-flex > li.txtBx{width: 100%;}
  .repeat-flex > li.imgBx{margin-right: 0;padding-bottom: 3rem;}


  h4.bx-name{font-size: 1.6rem;padding: 1rem 1.5rem;}
  .rnd-list{margin-top: 2rem;}
  .rnd-list strong{font-size: 1.6rem;padding-bottom: 1rem;margin-right: 0;min-width: auto;}
  .rnd-list p{font-size: 1.5rem;}
  .rnd-list > li .flex{flex-direction: column;align-items: flex-start;}
  .rnd-list.btm-line{margin-top: 2rem;padding-bottom: 3rem;margin-bottom: 3rem;}
  .rnd-list strong, .rnd-list{font-size: 1.6rem;}
  .sub03-pg04 .grid-img-wr > li:not(:last-child){padding-bottom: 6rem;}


  .sub03-pg04 .pc-img{display: block;}
  .sub03-pg04 .mo-img{display: none;}

}


/* 빠른이동 */
#moveWr { display: grid; justify-items: center; align-items: center; position: fixed; bottom: 10rem; z-index: 3; right: 3rem; opacity: 0; visibility: hidden; transition:.5s; }
#moveWr .btn-move {border: 1px solid  #cdcdcd;position: relative; justify-items: center; align-content: center; width: 6.5rem; height: 6.5rem; margin-left: auto; border-radius: 100%; background: var(--color-point); }
#moveWr .btn-move span { color: #fff; font-size: 1.2rem; }
#moveWr .btn-move .icon {filter: brightness(200); }
#moveWr .move-list { position: absolute; right: 0; bottom: 8rem; width: 24rem; height: auto; border-radius: 1rem; padding: 1.5rem 1rem; background: #fff; border: 2px solid var(--color-point); transform-origin: bottom right; opacity: 0; visibility: hidden; transform:translateY(5rem); transition: .3s; }
#moveWr .move-list .tit { margin-bottom: 1rem;  padding-bottom: 1rem; border-bottom: 2px solid var(--color-point); color: var(--color-point); font-size: 1.4rem; font-weight: 600; line-height: normal;}
#moveWr .move-list .tit .icon{margin-right: .5rem;}
#moveWr .move-list ul li { white-space: pre; text-overflow: ellipsis; overflow: hidden; line-height: normal; cursor: pointer;}
#moveWr .move-list ul li:not(:last-child){padding-bottom: 1rem;}
#moveWr .move-list ul li a { position: relative;font-size: 1.3rem; color: var(--color-point); line-height: normal; letter-spacing: -0.06px;}
#moveWr .move-list ul{padding: 0 .7rem;}
#moveWr:hover .move-list { opacity:1; visibility: visible; transform:translateY(0); }
#moveWr.on { opacity: 1; visibility: visible; }
#moveWr.nofixed{bottom: 60rem}


@media all and (max-width:960px) {
  #moveWr.nofixed{bottom: 60rem}
}
@media all and (max-width:768px){
   #moveWr.nofixed{bottom: 50rem}
}
@media all and (max-width:640px){
 #moveWr { right: 2rem; }
 #moveWr .btn-move{width: 6rem;height: 6rem}
}