@charset "utf-8";

.font-italic{font-family: "Minion Pro Bold", serif !important;font-style: italic;font-weight: bold;}

.sub2-pg1{}
.sub2-pg1 .cont1{padding: 12rem 0 20rem; }
.sub2-pg1 .cont1 .sub-inner{position: relative;}
.sub2-pg1 .cont1 .txt{font-size: 11.4rem;color: #181817;}
.sub2-pg1 .cont1 .txtBx-2{align-items: flex-end;}
.sub2-pg1 .cont1 .txtBx-2 .t-1{line-height: 158px}
.sub2-pg1 .cont1 b{font-family:'Poppins';}
.sub2-pg1 .cont1 .img-bx{position: relative;display: flex;align-items: center;justify-content: center;}
.sub2-pg1 .cont1 .center-img{}
.sub2-pg1 .cont1 .arrow-img{position: absolute;top: 4rem;right: -2rem;}
.sub2-pg1 .txtBx-1, .sub2-pg1 .txtBx-2{position: absolute;z-index: 2;line-height: normal;}
.sub2-pg1 .txtBx-1{top: -6rem;left: 21.4rem;}
.sub2-pg1 .txtBx-2{right: 22.1rem;bottom: 0;}
.sub2-pg1 .txtBx-2 .font-italic{display: inline-block;margin-left: 1rem;}
.sub2-pg1 .cont1 .arrow-icon{position: absolute;right:28.5%;top: 23%;z-index: 2;animation: arrowUpDown 1.8s ease-in-out infinite;}
@keyframes arrowUpDown {
  0%   { transform: translateY(0); }
  50%  { transform: translateY(-15px); }
  100% { transform: translateY(0); }
}

.sub2-pg1 .cont2 .sub-inner{padding: 0}
.sub2-pg1 .cont2 .flex-bx{align-items: flex-start;justify-content: space-between;}
.sub2-pg1 .cont2 .flex-bx > li{height: 100%;min-height: 69.2rem;max-height: 95.2rem}
.sub2-pg1 .cont2 .flex-bx > li.txtBx{width: 55%; background-color: #FFF7EC;padding: 18.4rem 22.8rem}
.sub2-pg1 .cont2 .flex-bx strong{display: block;font-size: var(--fontSize-40);color: #181817;font-weight: 600;line-height: 48px;;}
.sub2-pg1 .cont2 .flex-bx .i-txt{font-size: var(--fontSize-20);color: #181817;letter-spacing: -0.2px;margin-top: 4.6rem;}
.sub2-pg1 .cont2 .flex-bx > li.imgBx{width: 45%;background: url(/theme/basic/img/sub/sub02/pg1_cont2_img.jpg) no-repeat center /cover;}
.sub2-pg1 .cont2 .flex-bx .img{width: 100%;height: 100%;object-fit: cover;object-position: center;}

.sub2-pg1 .cont3{}
.sub2-pg1 .cont3 .sub-inner{position: relative;margin: 22.6rem 0 18.4rem}
.sub2-pg1 .cont3 .txt{font-size: 10.9rem;font-family:'Poppins';line-height: 132px;display: inline-block;}
.sub2-pg1 .cont3 .txt-1{margin-left: -5rem;}
.sub2-pg1 .cont3 .txt-2{margin-left: 51%;}
.sub2-pg1 .cont3 .txt-3{margin-left: 82%;}
/* .sub2-pg1 .cont3 .txt{opacity: 0;animation: fadeUp 1s ease-out forwards;}
.sub2-pg1 .cont3 .txt-1{animation-delay: 0.2s;}
.sub2-pg1 .cont3 .txt-2{animation-delay: 0.6s;}
.sub2-pg1 .cont3 .txt-3{animation-delay: 1s;} */
.sub2-pg1 .cont3 .font-italic{}
.sub2-pg1 .cont3 .btm-bg{position: relative;background: url(/theme/basic/img/sub/sub02/pg1_cont3_bg.jpg) no-repeat center / cover;width: 100%;height: 93.3rem;}
.sub2-pg1 .cont3 .deco{position: absolute;z-index: 2;}
.sub2-pg1 .cont3 .deco1{top: -8rem;right: 36rem;}
.sub2-pg1 .cont3 .deco2{top : -8rem;left: 64rem;}
@keyframes fadeUp {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.sub2-pg1 .cont4{position: relative;width: 100%;height: 100vh;background: url(/theme/basic/img/sub/sub02/pg1_cont4_bg.png) center top / cover no-repeat;overflow: hidden;transform-origin: center center;}
.sub2-pg1 .cont4 .cont-bx{position: relative;}
.sub2-pg1 .cont4 .cont-bx > li{height: 100vh;display: flex;flex-direction: column;justify-content: center;opacity: 0;transform: translateY(100%);;}
.sub2-pg1 .cont4 .tit, .sub2-pg1 .cont4 .list > li{color: #fff;}
.sub2-pg1 .cont4 .tit{font-family: "minion-pro", serif;font-size: 12rem;line-height: 108px;font-style: italic;}
.sub2-pg1 .cont4 .list{margin-top: 4rem;align-items: flex-start; gap: 9rem}
.sub2-pg1 .cont4 .list > li{font-size: var(--fontSize-25);letter-spacing: -0.25px;line-height: 35px;}


.sub2-pg1 .cont5{position: relative;overflow: hidden;padding: 12.8rem 0 20rem}
.sub2-pg1 .cont5::before,
.sub2-pg1 .cont5::after{
  content: "";
  position: absolute; inset: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0;
  transition: opacity 0.8s ease; /* 슬라이드 speed와 맞춤 */
  will-change: opacity, background-image;
  backface-visibility: hidden; transform: translateZ(0); /* 모바일 플리커 방지 */
}

/* CSS 변수로 이미지 주입 */
.sub2-pg1 .cont5::before{ background-image: var(--bg1); }
.sub2-pg1 .cont5::after { background-image: var(--bg2); }

/* 보이는 레이어 전환 */
.sub2-pg1 .cont5[data-bg-active="1"]::before{ opacity: 1; }
.sub2-pg1 .cont5[data-bg-active="2"]::after { opacity: 1; }

/* (접근성) 사용자 ‘줄인 모션’ 설정 시 자동재생 끄기 권장 */
@media (prefers-reduced-motion: reduce) {
  .sub2-pg1 .cont5::before,
  .sub2-pg1 .cont5::after{
    transition: none;
  }
}

.sub2-pg1 .cont5 .circle-tit{padding-bottom: 9.4rem;position: relative;z-index: 2;}
.sub2-pg1 .cont5 .circle-tit .img{margin: 0 auto}
.sub2-pg1 .cont5 .swiper{width: 80rem;padding-bottom: 2.8rem;}
.sub2-pg1 .cont5 .swiper-slide{padding: 3rem;height: 61.9rem;}
.sub2-pg1 .cont5 .titBx{text-align: center;padding-bottom: 3rem;}
.sub2-pg1 .cont5 strong, .sub2-pg1 .cont5 .titBx span{color: #fff;line-height: normal;}
.sub2-pg1 .cont5 .titBx strong{display: block;font-size: var(--fontSize-46);font-weight: 800;font-style: italic;}
.sub2-pg1 .cont5 .titBx span{font-size: var(--fontSize-23);font-weight: 600;}
.sub2-pg1 .cont5 .swiper img{margin: 0 auto}
.sub2-pg1 .cont5 .slide-1{background-color: #D8AE58;}
.sub2-pg1 .cont5 .slide-2{background-color: var(--color-point);}
.sub2-pg1 .cont5 .slide-3{background-color: #3A784A;}
.sub2-pg1 .cont5 .swiper-button-next, .sub2-pg1 .cont5 .swiper-button-prev{width: 4rem;height: 4rem;}
.sub2-pg1 .cont5 .swiper-button-next {background: url(/theme/basic/img/sub/sub02/ico_next.png) no-repeat center / contain;right: 3.4rem;}
.sub2-pg1 .cont5 .swiper-button-prev {background: url(/theme/basic/img/sub/sub02/ico_prev.png) no-repeat center / contain;left: 3.4rem;}
.sub2-pg1 .cont5 .swiper-button-next::after,
.sub2-pg1 .cont5 .swiper-button-prev::after {display: none;}
.sub2-pg1 .cont5 .swiper-pagination{position: absolute;left: 50%;transform: translateX(-50%);bottom: 1rem;display: flex;align-items: center;justify-content: center;}
.sub2-pg1 .cont5 .swiper-pagination-bullet-active{background: #fff;}
.sub2-pg1 .cont5 .swiper-pagination-bullet{width: 100%;border-radius: 0;height: 3px;}

/*  */
.sub2-pg3 .cont1{padding: 6rem 0}
.sub2-pg3 .cont2{padding-bottom: 20rem}
.sub2-pg3 .mapBx,
.sub2-pg3 .root_daum_roughmap {height: 50rem !important;}
.sub2-pg3 .add-list{width: calc(100% - 14rem);}

.sub2-pg3 .cont2 h3,
.sub2-pg3 .cont2 {text-align: center;}
.sub2-pg3 .cont2 h3{font-size: var(--fontSize-35);font-weight: bold;color: var(--color-point);}
.sub2-pg3 .cont2 p{font-size: var(--fontSize-18);color: #181817;line-height: 37px;letter-spacing: -0.53px;margin-top: 3.2rem;}

.iq-btn-wr{justify-content: center;gap: 3rem;margin-top: 5.4rem;}
.iq-btn-wr > li{width: 35.1rem;}
.iq-btn-wr > li > a{display: flex;align-items: center;justify-content: center; width: 100%;height: 100%;padding: 1.8rem 2rem;border: 1px solid var(--color-point); transition: .4s;}
.iq-btn-wr > li:nth-child(1) > a{background-color: var(--color-point);color: #fff;}
.iq-btn-wr > li:nth-child(2) > a{background-color: #fff;color: var(--color-point);}

.iq-btn-wr > li .iconBx{background-position: center; background-repeat: no-repeat;background-size: contain;width: 3.5rem;height: 3.8rem;margin-right: 1rem;}
.iq-btn-wr > li:nth-child(1) .iconBx{background-image: url(/theme/basic/img/sub/sub02/ico_tel_w.png);}
.iq-btn-wr > li:nth-child(2) .iconBx{background-image: url(/theme/basic/img/sub/sub02/ico_email.png);}
.iq-btn-wr > li > a{font-size: var(--fontSize-21);font-weight: bold;letter-spacing: -0.63px;line-height: 39px;}

.iq-btn-wr > li:nth-child(1):hover > a{background-color: #fff;color: var(--color-point);}
.iq-btn-wr > li:nth-child(1):hover .iconBx{background-image: url(/theme/basic/img/sub/sub02/ico_tel.png);}
.iq-btn-wr > li:nth-child(2):hover > a{background-color: var(--color-point);color: #fff;}
.iq-btn-wr > li:nth-child(2):hover .iconBx{background-image: url(/theme/basic/img/sub/sub02/ico_email_w.png);}


.sub2-pg2 .cont{padding: 8rem 0 22rem;}
.sub2-pg2 .fx-wr{align-items: flex-start;justify-content: space-between;}
.history-wr{}
.history-list {position: relative;padding-left: 6rem;}
.history-progress {position: absolute;top: 0;left: -1px;width: 1px;height: 100%;background-color: #e0e0e0;}
.history-progress::before {position: absolute;content: "";top: 0;left: -1px;width: 3px;height: 2.6rem;background-color: #fafafa;z-index: 1;}
.history-progress progress {display: none;}
.history-progress-bar {position: absolute;top: 0;left: 0;width: 1px;height: 0;background-color: var(--color-point);}
.hs-cont-item{position: relative;display: grid;grid-template-columns: 17.8rem 1fr;grid-gap: 6rem 4.3rem;padding-bottom: 6.8rem;}
.hs-cont-item:last-child{padding-bottom: 0;}
.hs-cont-item::before {position: absolute;content: "";top: 1.5rem;left: -6.6rem;width: 1.2rem;height: 1.2rem;border-radius: 50%;background-color: #DDDDDD;transition: 0.24s;z-index: 1;}
.hs-cont-item strong{ font-size: var(--fontSize-30);font-weight: bold;color: #181817;line-height: 37px;letter-spacing: 0.42px;}
ul.dot-list > li{font-size: 1.8rem;color: var(--color-txt);line-height: 32px;}
ul.dot-list strong{display: block; font-size: var(--fontSize-23);font-weight: bold;line-height: 30px;letter-spacing: 0.33px;color: #181817;padding-bottom: 1rem;}
ul.sub-info > li{list-style: disc;margin-left: 2rem;color: var(--color-txt);font-size: var(--fontSize-18);line-height: 28px;}
ul.sub-info > li::marker{color: var(--color-txt);}
ul.sub-info > li:not(:last-child){padding-bottom: .8rem;}
.hs-item.on::before, .hs-item.active::before {background-color: var(--color-point);}
.hs-cont-item.on::before {background-color: var(--color-point);}
.sub2-pg2  .grid{display: grid;grid-gap: 3.9rem;}


@media all and (max-width:1800px) {
  .sub2-pg1 .cont3 .sub-inner{padding: 22rem var(--sub-inner-pd) 20rem;margin: 0}
  .sub2-pg1 .cont2 .flex-bx > li.txtBx{padding: 12rem 6rem}
  .sub2-pg1 .cont3 .txt{font-size: 10rem;}
  .sub2-pg1 .cont3 .txt-1{margin-left: 0;}
  .sub2-pg1 .cont3 .txt-2{margin-left: 43%;}
  .sub2-pg1 .cont3 .txt-3{margin-left: 70%;}
  .sub2-pg1 .cont1 .arrow-icon{right: 21.5%}
}
@media all and (max-width:1400px) {
  .sub2-pg1 .cont1 .img-bx{width: 58rem;margin: 0 auto}
  .sub2-pg1 .cont1 .img-bx img{width: 100%;height: 100%;object-position: center;object-fit: contain;}
  .sub2-pg1 .cont1 .arrow-icon{width: 10rem;right: 22.5%}
  .sub2-pg1 .cont1 .txt{font-size: 9.4rem;}
  .sub2-pg1 .cont1 .txtBx-2 .t-1{line-height: 129px}
  .sub2-pg1 .txtBx-1{left: 10rem;}
  .sub2-pg1 .txtBx-2{right: 10rem;}
  .sub2-pg1 .cont2 .flex-bx > li.txtBx{padding: 10rem 3rem}
  .sub2-pg1 .cont2 .flex-bx .i-txt br.br_pc{display: none;}
  .sub2-pg1 .cont3 .btm-bg{height: 50rem;}
  .sub2-pg1 .cont3 .deco1{top: 5rem;right: 14rem;}
  .sub2-pg1 .cont4 .tit{font-size: 8rem;line-height: 84px;}
  .sub2-pg1 .cont4 .list > li{font-size: 2.3rem;}
  .sub2-pg1 .cont4 .list > li:nth-child(1){min-width: 25rem;}
  .sub2-pg1 .cont4 .list b{width: 100%;display: inline-block;}
  .sub2-pg1 .cont4 .list br.br_pc{display: none;}
  .sub2-pg1 .cont5 .swiper{width: 60rem;}

  .sub2-pg2 .fx-wr{gap: 5rem}
  .hs-cont-item{grid-template-columns: 12.5rem 1fr;}
}
@media all and (max-width:1050px) {
  .sub2-pg1 .cont1 .arrow-icon{right: 16.5%}
}
@media all and (max-width:960px) {
  .sub2-pg1 .cont1 .txt{font-size: 6rem;}
  .sub2-pg1 .cont1 .txtBx-2 .t-1{line-height: 83px}
  .sub2-pg1 .txtBx-1{left: 4rem;top: -4rem;}
  .sub2-pg1 .txtBx-2{right: 4rem;}
  .sub2-pg1 .cont1 .img-bx{width: 50rem;}
  .sub2-pg1 .cont1 .arrow-icon{right: 12.5%;width: 8rem}
  .sub2-pg1 .cont3 .sub-inner{padding: 15rem var(--sub-inner-pd) 13rem}
  .sub2-pg1 .cont2 .flex-bx strong{font-size: 3rem;line-height: 41px;}
  .sub2-pg1 .cont2 .flex-bx .i-txt{margin-top: 2.5rem;}
  .sub2-pg1 .cont3 .txt{font-size: 6rem;line-height: 82px;}
  .sub2-pg1 .cont3 .deco{width: 11rem;}
  .sub2-pg1 .cont3 .deco2{top: -6rem;left: 45rem;}
  .sub2-pg1 .cont3 .btm-bg{height: 44rem;}
  .sub2-pg1 .cont4 .tit{font-size: 6rem;line-height: 68px;}
  .sub2-pg1 .cont4 .list{gap: 3rem}
  .sub2-pg1 .cont4 .list > li{font-size: 2rem;line-height: 33px;}
  .sub2-pg1 .cont5 .swiper{width: 45rem;}
  .sub2-pg1 .cont5 .swiper-slide{height: auto;}
  .sub2-pg1 .cont5 .titBx{padding-bottom: 5rem;}
  .sub2-pg1 .cont5 .titBx strong{font-size: 4rem;}
  .sub2-pg1 .cont5 .titBx span{font-size: 2rem;}
  .sub2-pg1 .cont5 .swiper img{object-position: center;object-fit: contain}
  .sub2-pg1 .cont5 .slide-1 img{width: 17rem;}
  .sub2-pg1 .cont5 .slide-2 img,
  .sub2-pg1 .cont5 .slide-3 img{width: 20rem;}

  .sub2-pg2 .fx-wr{flex-direction: column;align-items: flex-start;gap: 8rem}
  .sub2-pg2 .grid{grid-template-columns: repeat(3,1fr);grid-gap: 1.5rem}

  .sub2-pg3 .add-list{width: calc(100% - 8rem);}
  .sub2-pg3 .mapBx, .sub2-pg3 .root_daum_roughmap{height: 38rem !important;}
  .iq-btn-wr > li{width: 30rem;}
}
@media all and (max-width:768px) {
  .sub2-pg1 .cont1 .img-bx{width: 42rem;}
  .sub2-pg1 .cont2 .flex-bx > li{max-height: auto;min-height: auto;}
  .sub2-pg1 .cont2 .flex-bx > li.txtBx,
  .sub2-pg1 .cont2 .flex-bx > li.imgBx{width: 100%;background-position: 50% 102%;}
  .sub2-pg1 .cont2 .flex-bx > li.imgBx{min-height: 28rem;}
  .sub2-pg1 .cont2 .flex-bx > li.txtBx{padding: 3rem 2rem 8rem}
  .sub2-pg1 .cont4 .list{flex-direction: column;align-items: flex-start;gap: 2rem}
  .sub2-pg1 .cont4 .list > li:nth-child(1){min-width: auto;}
  .sub2-pg1 .cont4 .list{margin-top: 3rem;}
  .sub2-pg1 .cont5 .circle-tit{padding-bottom: 6rem;}

  .hs-cont-item strong,
  ul.dot-list strong{font-size: 2rem;}

  .sub2-pg3 .mapBx, .sub2-pg3 .root_daum_roughmap{height: 35rem !important;}
  .iq-btn-wr{gap: 2rem}
}
@media all and (max-width:640px) {
  .sub2-pg1 .cont1{padding: 8rem 0;}
  .sub2-pg1 .cont1 .img-bx{width: 30rem;}
  .sub2-pg1 .txtBx-1{left: 4rem;top:-2rem;}
  .sub2-pg1 .txtBx-2{right: 3rem;}
  .sub2-pg1 .cont1 .txt{font-size: 4.2rem;}
  .sub2-pg1 .cont1 .txtBx-2 .t-1{line-height: 56px}
  .sub2-pg1 .cont2 .flex-bx{flex-direction: column-reverse;}
  .sub2-pg1 .cont1 .arrow-icon{right: 22.5%;width: 5rem}
  .sub2-pg1 .cont2 .flex-bx strong{font-size: 2.8rem;line-height: 38px;}
  .sub2-pg1 .cont3 .sub-inner{padding: 6rem var(--sub-inner-pd) 7rem}
  .sub2-pg1 .cont3 .txt{font-size: 3.5rem;line-height: 48px;}
  .sub2-pg1 .cont3 .deco{width: 6rem;}
  .sub2-pg1 .cont3 .deco1{top: 2rem;right: 3rem;}
  .sub2-pg1 .cont3 .deco2{left: 16rem;top: -4rem;}
  .sub2-pg1 .cont3 .btm-bg{height: 30rem;}
  .sub2-pg1 .cont4 .tit{font-size: 4.2rem;line-height: 51px;}
  .sub2-pg1 .cont4 .list{margin-top: 2.5rem;gap: 1.5rem}
  .sub2-pg1 .cont4 .list > li{font-size: 1.8rem;line-height: 30px;}
  .sub2-pg1 .cont5{padding: 8rem 0}
  .sub2-pg1 .cont5 .circle-tit{padding-bottom: 3rem;}
  .sub2-pg1 .cont5 .circle-tit .img{width: calc(100% - 19rem);}
  .sub2-pg1 .cont5 .swiper{width: calc(100% - 4rem);}
  .sub2-pg1 .cont5 .swiper-slide{padding: 2.5rem 2rem}
  .sub2-pg1 .cont5 .titBx strong{font-size: 3.2rem;}
  .sub2-pg1 .cont5 .titBx span{font-size: 1.8rem;}
  .sub2-pg1 .cont5 .swiper-button-next, .sub2-pg1 .cont5 .swiper-button-prev{width: 3.5rem;height: 3.5rem;}
  .sub2-pg1 .cont5 .swiper-button-prev{left: 1.5rem;}
  .sub2-pg1 .cont5 .swiper-button-next{right: 1.5rem;}

  .sub2-pg2 .cont{padding: 8rem 0}
  .hs-cont-item{grid-template-columns: 1fr;grid-gap: 1rem;padding-bottom: 3rem;}
  .hs-cont-item strong{line-height: 28px;}
  ul.dot-list strong{font-size: 1.8rem;font-weight: 600;line-height: 21px;}
  ul.sub-info > li{line-height: 24px;}
  ul.sub-info > li br.br_pc{display: none;}
  .sub2-pg2 .fx-wr{gap:4rem}
  .sub2-pg2 .grid{grid-template-columns: 1fr;}

  .sub2-pg3 .add-list{width: 100%;}
  .iq-btn-wr > li > a{font-size: 1.8rem;}

  .sub2-pg3 .cont2{padding-bottom: 8rem;}
  .sub2-pg3 .mapBx, .sub2-pg3 .root_daum_roughmap{height: 30rem !important;}
  .iq-btn-wr{flex-direction: column;align-items: flex-start;gap: 1.5rem}
  .iq-btn-wr > li{width: 100%;}
  .iq-btn-wr > li > a{font-size: 1.6rem;line-height: 30px;padding: 1.5rem}
  .iq-btn-wr > li .iconBx{width: 2.5rem;height: 2.8rem;}
  .sub2-pg3 .cont2 p{margin-top: 2rem;line-height: 24px;}

  .history-list{padding-left: 3rem;}
  .hs-cont-item::before{left: -3.6rem;}

}
@media all and (max-width:500px) {
  .sub2-pg1 .cont1 .arrow-icon{right: 3rem}
  .sub2-pg1 .txtBx-1{left: 2rem;}
  .sub2-pg1 .txtBx-2{right: 2rem;}
}
@media all and (max-width:360px) {
  .sub2-pg1 .cont1 .img-bx{width: 27rem}
.sub2-pg1 .cont2 .flex-bx strong{font-size: 2.2rem;line-height: 30px;}
.sub2-pg1 .cont2 .flex-bx .i-txt{margin-top: 2rem;}
.sub2-pg1 .cont4 .list > li{font-size: 1.6rem;line-height: 28px;}
.sub2-pg1 .cont4 .tit{font-size: 3.5rem;line-height: 40px;}
.sub2-pg1 .cont4 .list{margin-top: 1rem;}
.sub2-pg1 .cont5 .titBx strong{font-size: 2.8rem;}
.sub2-pg1 .cont5 .titBx span{font-size: 1.6rem;}
.sub2-pg1 .cont5 .slide-1 img{width: 11rem;}
.sub2-pg1 .cont5 .slide-2 img, .sub2-pg1 .cont5 .slide-3 img{width: 12rem;}
.sub2-pg1 .cont5 .titBx{padding-bottom: 3rem;}
.sub2-pg1 .cont5 .swiper-button-next, .sub2-pg1 .cont5 .swiper-button-prev{width: 3rem;height: 3rem;}
}