@charset "utf-8";

.cont-inner{width: 100%;padding: 0 var(--inner-cont-pd);}

.sub-tit-wr{}
.sub-tit-wr span{font-family: "Poppins", sans-serif;display: block;font-size: var(--fontSize-20);font-weight: bold;color: #fff;line-height: normal;letter-spacing: 4px;}
.sub-tit-wr h3{font-size: 5.8rem;font-weight: bold;color: #fff;line-height: 74px;letter-spacing: -1.4px;margin-top: 1.2rem;}
.sub-tit-wr p{font-size: var(--fontSize-33);font-weight: bold;letter-spacing: -1.75px;margin-top: 1.5rem;line-height: normal;}


.img-ani-wr{background:#000;height:100vh;}
.img-ani-wr .inner{height:100%;}
.img-ani-wr .top-txtBx{height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center;}
.img-ani-wr .top-txtBx .txt-bx{display:flex; align-items:center; font-size:100px; font-weight:700; color:#fff;line-height:131px; letter-spacing:-2px; text-align:center;transform:translateY(16px); opacity:0; will-change:transform,opacity;transition:transform .8s cubic-bezier(.22,.61,.36,1), opacity .8s linear;}
.img-ani-wr.revealed .top-txtBx .txt-bx { transform:translateY(0); opacity:1; }
.img-ani-wr .top-txtBx .img-wrap{width:0;height: 85px;display:inline-block; position:relative; vertical-align:middle; overflow:hidden; margin:0 1.5rem; box-sizing:content-box; line-height:0;transition: width 1.2s cubic-bezier(.22,.61,.36,1);}
.img-ani-wr .top-txtBx .img-wrap > img{position:absolute; top:0; bottom:0; height:100%; width:auto; display:block;opacity:0; transition: opacity .9s linear .1s; /* 래퍼 폭 늘어난 뒤 서서히 보이기 */}
.img-ani-wr.revealed .top-txtBx .img-wrap > img { opacity:1; }
.img-ani-wr .top-txtBx .img-wrap.ltr > img { left:0; }
.img-ani-wr .top-txtBx .img-wrap.rtl > img { right:0; }


.line-list{justify-content: space-between;position: relative;}
.line-list::after{position: absolute;content: '';width: 100%;height: 1px;background-color: #999999;left: 0;top: 50%;transform: translateY(-50%);}
.line-list > li{display: flex;flex-direction: column;align-items: center;justify-content: center;}
.line-list .i-tit{font-size: var(--fontSize-25);line-height: 26px;color: #fff;letter-spacing: -0.63px;text-align: center;}
.line-list .txtBx{margin-top: 7.6rem;}
.line-list .txtBx > li{list-style: disc;color: #999999;margin-left: 2rem;}
.line-list .txtBx > li, .line-list p.txt{font-size: var(--fontSize-18);letter-spacing: -0.5px;line-height: 33px;font-weight: 500;}
.line-list p.txt{color: #CCCCCC;margin-top: 4.4rem;text-align: center;}

.top-fx{justify-content: space-between;padding-bottom: 11.9rem;}
.top-fx h2{font-size: 8.5rem;font-weight: bold;color: #fff;line-height: 107px;letter-spacing: -2px;font-family: "Poppins", sans-serif;}


@media all and (max-width:1800px) {
 .top-fx h2{font-size: 8rem;}
}
@media all and (max-width:1400px) {
  .img-ani-wr .top-txtBx .txt-bx{font-size: 62px;}

  .sub-tit-wr h3{font-size: 4.5rem;line-height: 63px;}

  .top-fx h2{font-size: 6.5rem;line-height: 99px;}
  .top-fx .icon{width: 20rem;}

  .line-list .txtBx{margin-top: 5.5rem;}
  .line-list .txtBx > li:not(:last-child){padding-bottom: .8rem;}
  .line-list .txtBx > li, .line-list p.txt{font-size: 1.8rem;line-height: 30px;}


}
@media all and (max-width:1000px) {
  .sub-tit-wr h3{font-size: 4.3rem;}
  .img-ani-wr .top-txtBx .txt-bx{font-size: 58px;line-height: 106px;}
  .img-ani-wr .top-txtBx .img-wrap{width: 15rem !important;height: 55px !important;}
  .img-ani-wr .top-txtBx .img-wrap > img{object-fit: cover;object-position: center;}
  .sub3-pg1 .img-ani-wr .top-txtBx .img-wrap > .img1{object-position: right;}
  .top-fx h2{font-size: 5.5rem;line-height: 83px;}
  .top-fx .icon{width: 18rem;}
}
@media all and (max-width:960px) {
  .img-ani-wr .top-txtBx .txt-bx{font-size: 44px;;line-height: 87px;}

  .sub-tit-wr h3{font-size: 33rem;line-height: 57px;}
  .top-fx h2{font-size: 4.5rem;line-height: 55px;}


}
@media all and (max-width:768px) {
  .img-ani-wr .top-txtBx .txt-bx{font-size: 36px;line-height: 44px;white-space: nowrap;}
  .img-ani-wr.revealed .top-txtBx .txt-bx:not(:last-child){padding-bottom: 1.2rem}
  .img-ani-wr .top-txtBx .txt-bx{flex-wrap: wrap;align-items: center;justify-content: center}
  .img-ani-wr .top-txtBx .txt-bx br.br_mo{display: inline-block;}
  .img-ani-wr .top-txtBx .img-wrap{height: 30px !important;width: 7rem !important;margin: 0 .8rem}


  .sub-tit-wr span{font-size: 1.3rem;letter-spacing: 3px}
  .sub-tit-wr h3{font-size: 2.6rem;line-height: 39px;}

  .top-fx{padding-bottom: 4rem;}
  .top-fx h2{font-size: 2.8rem;line-height: 43px;}

  .line-list .txtBx > li, .line-list p.txt{font-size: 1.5rem;line-height: 24px;}
  .line-list .txtBx{margin-top: 3rem;}
  
  .sub-tit-wr p{font-size: 2.5rem;margin-top: 1rem}

}
@media all and (max-width:380px) {
  /* .img-ani-wr .top-txtBx .txt-bx{font-size: 24px;line-height: 48px;} */
}