@charset "UTF-8";

@font-face {
  font-family: 'NanumSquareNeo';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_11-01@1.0/NanumSquareNeo-Variable.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

/*sch-wrap*/
.sch-wrap {display: flex; gap: 20px;}
.sch-wrap select {border: 1px solid var(--green); border-radius: 100px; padding: 0px 16px; font-size: 1rem;; background-image: url("../../../assets/images/ico/ico_select_arr.svg"); background-position: 50%; background-repeat: no-repeat; background-position-x: calc(100% - 16px); background-size: 14px 14px; appearance: none; min-width: 160px; height: 50px; background-color: #F7F7F7;}
.sch-wrap input {border: none; border-radius: 100px; padding: 10px 16px; font-size: 1rem;; width: 100%; height: 48px; background-color: #F7F7F7;}
.sch-wrap .sch_bar {border: 1px solid var(--green); border-radius: 100px; display: flex; align-items: center; padding-right: 4px; background-color: #F7F7F7;}
.sch-wrap .sch_bar button {width: 40px; height: 48px; background-color: unset; border: none; flex: none;}
.sch-wrap .sch_bar button i {background: url("../../../assets/images/ico/ico-search.svg");background-repeat: no-repeat;background-size:17px 17px;background-position: center; display:inline-block;width:100%;height:100%;}

.sch-wrap .write-btn {display: flex; align-items: center; justify-content: center; grid-column-gap: 6px; padding: 0 20px; height: 50px; border-radius: 10px; background: var(--green); font-size: 1.125rem; font-weight: 700; color: #fff; flex: none;}
.sch-wrap .write-btn i {background-image: url("../../../assets/images/ico/ico-write.svg"); background-repeat: no-repeat; background-size: cover; width: 18px; height: 20px;}

@keyframes fadeInUp {
  0% {
      opacity: 0;
      -webkit-transform: translateY(50px);
      -ms-transform: translateY(50px);
      transform: translateY(50px);
  }

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

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  animation: fadeInUp 1s cubic-bezier(.39,.575,.565,1.000) both; animation-delay: .2s;
}

.fadeInUp.delay {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  animation: fadeInUp 1.2s cubic-bezier(.39,.575,.565,1.000) both; animation-delay: .7s;
}

.fadeInUp.delay2 {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  animation: fadeInUp 1.4s cubic-bezier(.39,.575,.565,1.000) both; animation-delay: .9s;
}

/*sect banner*/
.sect-banner {position: relative; display: flex; width: 100%; height: calc(calc(var(--vh, 1vh) * 100)); overflow: hidden;}
.main-video {width: 100%; object-fit: cover;}
.main-txt {position: absolute; padding: 0 100px; top: 66%; transform: translateY(-50%); color: #fff;}
.main-txt .tit {position: relative; overflow: hidden;}
.main-txt .tit p {font-size: 100px; font-family: 'CaviarDreamsBold', sans-serif; letter-spacing: -4px;}
.main-txt .txt {position: absolute; left: 0; padding: 0 100px; overflow: hidden; width: max-content;}
.main-txt .txt p {font-size: 26px; font-weight: 300; line-height: 38px; font-family: 'NanumBarunGothicL'; opacity: 0;}
@keyframes txtChange { 
  0%{opacity: 0;} 
  5% {opacity:1;}
  45% {opacity:1;}
  50% {opacity:0;}
  100% {opacity:0;}
}
/* .main-txt .txt.txt1 {animation: txtChange 12s infinite;} */
.main-txt .txt.txt1 p:first-child {animation: txtChange 12s infinite; animation-delay: 1s;}
.main-txt .txt.txt1 p:last-child {animation: txtChange 12s infinite; animation-delay: 1.6s;}
.main-txt .txt.txt2 p {opacity: 0;}
.main-txt .txt.txt2 p:first-child {animation: txtChange 12s infinite; animation-delay: 7s;}
.main-txt .txt.txt2 p:last-child {animation: txtChange 12s infinite; animation-delay: 7.6s;}

/* .mouse-scroll {position: absolute; top: calc(100% - 60px); left: 50%; transform: translateX(-50%);  opacity: 1; transition: opacity .35s, transform .35s; z-index: 1;}
.lottie--mouse_scroll {max-width: 22px; margin: 0 auto; position: fixed; bottom: 25px; width: 100%; left: 50%; transform: translateX(-50%); z-index: 99;}
.mouse-scroll span {color:#fff; text-align: center; font-size: 0.875rem; font-weight: 500;}
.mouse-scroll.active {opacity: 0; z-index: 1; pointer-events: none; transform: translateX(-50%) translateY(60px); transition: opacity .35s .15s, transform .35s;}
.mouse-scroll .img01 {animation: scrollUpDown 3s infinite;}
.mouse-scroll .img02 {position: absolute; top: 6px; left: 50%; transform: translateX(-50%); width: 2px; height: 2px; background: #fff; animation: upDown 3s infinite;}
@keyframes upDown { 
    0%{ transform: translate(-50%, 6px); height: 2px; } 
    25% {transform: translate(-50%, 6px); height:7px;}
    50% { transform: translate(-50%, 6px); height:2px; } 
    75% {transform: translate(-50%, 6px); height:7px;}
    100% {transform: translate(-50%, 3px); height: 2px;}
}
@keyframes scrollUpDown { 
    0%,100% { transform: translateY(3px); } 
    50% { transform: translateY(-3px); } 
} */

/*sect common*/
.Carviar {font-family: "CaviarDreamsBold", sans-serif;}
.section .sect-top {font-size: 1rem; font-weight: 300; color: #757575; margin-bottom: 80px;}
.section .sect-tit, .section .sect-tit2 {position: relative; overflow: hidden;}
.section .sect-tit p {font-size: 48px; line-height: 62px; background: linear-gradient(93deg, #187082 4.42%, rgba(61, 63, 169, 0.60) 99.84%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; word-break: keep-all;}
.section .sect-tit2 p {font-size: 24px; color: #292929; margin-top: 30px; word-break: keep-all;}
.section.active .sect-tit p {-webkit-animation-name: fadeInUp; animation-name: fadeInUp; animation: fadeInUp 0.8s cubic-bezier(.39,.575,.565,1.000) both; animation-delay: .5s;}
.section.active .sect-tit2 p {-webkit-animation-name: fadeInUp; animation-name: fadeInUp; animation: fadeInUp 1s cubic-bezier(.39,.575,.565,1.000) both; animation-delay: .9s;}

.more-btn {border-radius: 30px; border: 1px solid #5B5B5B; padding: 10px 20px; display: flex; align-items: center; justify-content: center; gap: 4px; width: fit-content; height: fit-content; position: relative; overflow: hidden;}
.more-btn p {font-size: 1rem; font-weight: 600; color: #5B5B5B; z-index: 1; transition: all .3s;}
.more-btn i {width: 20px; height: 20px; background-image: url("../../images/ico/ico-r-arrow.svg"); background-repeat: no-repeat; background-size: cover; background-position: center; transition: all .1s;}
.more-btn::before {content: ''; position: absolute; top: 0; left: 0; overflow: hidden; border-radius: 30px; max-width: 0; -webkit-transition: max-width 0.3s; -moz-transition: max-width 0.3s; transition: max-width 0.3s; background: #3D3FA9; width: 100%; height: 100%;}
.more-btn:hover {border: 1px solid transparent;}
.more-btn:hover p {color: #fff;}
.more-btn:hover::before {max-width: 100%;}
.more-btn:hover i {filter: brightness(10);}

/*sect1*/
.sect1 {position: relative; display: flex; background-image: url("../../images/main/sect1-bg.png"); background-repeat: no-repeat; background-size: contain; background-position: right;}
.sect1 .fp-tableCell {padding-top: 175px;}
.sect1-l {width: 58.333%; max-width: 1120px; display: flex;}
.sect1-l .sect1-video {width: 100%; height: auto; object-fit: cover; border-top-right-radius: 350px;}
.sect1-r {padding-top: 55px;text-align: right;width: 41.667%;max-width: calc(530px + 130px);padding-right: 40px;padding-left: 90px;overflow: hidden;}
.sect1-r .sect-img {margin-top: 74px;}
.sect1 .more-btn {margin: 100px 0 0 auto; }
@keyframes fadeInLeft {
  0% {
      /* opacity: 0; */
      -webkit-transform: translateX(1000px);
      -ms-transform: translateX(1000px);
      transform: translateX(1000px);
  }

  100% {
      opacity: 1;
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0);
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
  animation: fadeInLeft 1s cubic-bezier(.39,.575,.565,1.000) both; animation-delay: .3s;
}
.sect1.active .sect1-r .sect-img {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
  animation: fadeInLeft 1.2s cubic-bezier(.39,.575,.565,1.000) both; animation-delay: .5s;
}

/*sect2*/
.sect2 {position: relative; display: flex; background-image: url("../../images/main/sect2-bg.png"); background-repeat: no-repeat; background-size: 100% 100%;}
.sect2-l {width: 58.333%; max-width: 1120px;}
.sect2-l .sect2-wrap {max-width: 840px; padding: 0 40px; margin: 0 auto; padding-top: 174px;}
.sect2 .more-btn {margin-top: 62px;}
.sect2-r {width: 41.667%; max-width: 800px;}

.sect2-tab-slide {margin-top: 40px;}
.sect2-tab-slide > ul {display: flex; flex-wrap: wrap; transform: unset !important;}
.sect2-tab-slide.swiper-free-mode>.swiper-wrapper{margin: 0;}
.sect2-tab-slide > ul {gap: 12px 0;max-width: 500px;}
.sect2-tab-slide > ul > li {width: fit-content !important;}
.sect2-tab-slide > ul > li .info {padding: 9.5px 20px;border-radius: 20px;border: 1px solid #D0D0D0;backdrop-filter: blur(2px);color: #888;position: relative;transition: all .2s;cursor: pointer;overflow: hidden;}
.sect2-tab-slide > ul > li .info::before {content: ''; position: absolute; top: 0; left: 0; overflow: hidden; border-radius: 8px; max-width: 0; -webkit-transition: max-width 0.3s; -moz-transition: max-width 0.3s; transition: max-width 0.3s; background: #3D3FA9; width: 100%; height: 100%; z-index: -1;}
.sect2-tab-slide > ul > li.swiper-slide-thumb-active .info {color: #fff; border: 1px solid #3D3FA9;}
.sect2-tab-slide > ul > li.swiper-slide-thumb-active .info::before {max-width: 100%;}
.sect2-img-slide > ul > li {position: relative; height: 0; padding-bottom: calc(800 / 800 * 100%); overflow: hidden;}
.sect2-img-slide > ul > li img {width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; border-bottom-left-radius: 350px;}

@keyframes aniPrgressbar {
  from { width: 0; }
  to { width: 100%; max-width: calc(100% - 10px);}
}
.sect2 .swiper-pagination-bar {width: 100%; max-width: 180px; height: 18px; background: #E4E4E4; border-radius: 10px; opacity: 0.64; position: relative; top: unset; left: unset; bottom: unset; right: unset; margin-top: 20px; padding: 0 5px;}
.sect2 .swiper-pagination-bar::before {content: '';position: absolute;top: 50%;transform: translateY(-50%);width: 0;height: 8px;border-radius: 10px;background: #BABABA;}
.sect2 .swiper-pagination-bar.active::before { animation: aniPrgressbar 4s ease-in-out .1s; animation-fill-mode: forwards; }

/*sect3*/
.sect3 {display: flex; flex-direction: column; align-items: center; justify-content: center; background-image: url("../../images/main/sect3-bg.jpg"); background-repeat: no-repeat; background-size: cover; position: relative; border-radius: 0 0 150px 150px;}
.sect3::before {content: '';width: 100%;height: 100%;border-radius: 0px 0px 150px 150px;background: rgba(255, 255, 255, 0.68);backdrop-filter: blur(6px);position: absolute;top: 0;left: 0;}
.sect3::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 420px; background: linear-gradient(180deg, #FFF 16.55%, rgba(255, 255, 255, 0.00) 84.88%); } 
.sect3 .fp-tableCell {display: flex; flex-direction: column; align-items: center; justify-content: center;}
.sect3 .tit {font-size: 56px; line-height: 72px; text-align: center; position: relative; z-index: 1;}
.sect3 .tit::before {content: ''; width: 268px; height: 268px; border-radius: 50%; background: radial-gradient(50% 50% at 50% 50%, rgba(72, 169, 189, 0.40) 0%, rgba(72, 169, 189, 0.00) 100%); filter: blur(5px); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.sect3 .txt {font-size: 24px; color: #292929; margin-top: 30px; position: relative; z-index: 1; overflow: hidden;}
.sect3 .more-btn {margin-top: 100px;}
.sect3.active .tit p {-webkit-animation-name: fadeInUp; animation-name: fadeInUp; animation: fadeInUp 1s cubic-bezier(.39,.575,.565,1.000) both; animation-delay: .5s;}
.sect3.active .txt p {-webkit-animation-name: fadeInUp; animation-name: fadeInUp; animation: fadeInUp 1.2s cubic-bezier(.39,.575,.565,1.000) both; animation-delay: .8s;}
.sect3.active .more-btn {-webkit-animation-name: fadeInUp; animation-name: fadeInUp; animation: fadeInUp 1.4s cubic-bezier(.39,.575,.565,1.000) both; animation-delay: 1.3s;}

/*sect4*/
.sect4 {display: flex;background-image: url("../../images/main/sect4-bg.jpg");background-repeat: no-repeat;background-size: cover;position: relative;}
.sect4 .sect4-wrap {display: flex;flex-direction: column;padding-left: 80px;}
.sect4 .more-btn {margin: 100px auto 0 0;}
.sect4 .sect4-l {display: flex;flex-direction: column;justify-content: center;flex: 1;margin-top: 100px;}
.sect4 .sect4-r {margin-top: 120px;}
.sect4 .sect4-r > ul {display: grid; gap: 20px 30px; grid-template-columns: repeat(5, 1fr);}
.sect4 .sect4-r > ul > li .img {display: inline-flex;align-items: center;justify-content: center;height: 120px;background-color: #fff;border-radius: 20px;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);position: relative;width: 100%;overflow: hidden;}
.sect4 .sect4-r > ul > li img{width: 180px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 178px !important;height: auto !important;transition: .4s;}
.sect4 .sect4-r > ul > li .img:hover img {transform: translate(-50%, -50%) scale(1.1);}

/*sect5*/
.sect5 {background-image: url("../../images/main/sect5-bg.jpg");background-repeat: no-repeat;background-size: cover;background-position: top;}
.sect5 .fp-tableCell .inner {display: flex;align-items: center;justify-content: space-between;padding-top: 120px;padding-bottom: 20px;gap: 10%;position: relative;}
.sect5-top__wrap {display: none;}
.sect5 .sect5-r {width: 626px;flex: none;}
.sect5-l .news-slide .img img {max-height: 448px; border-radius: 30px;}
.sect5-l {max-width: 736px;position: relative;}
.sect5-l::before{content: ''; position: absolute; top: 140px; left: -124px; width: 435px; height: 462px; background: url(../../../assets/images/main/sect5-bg_rec.png) no-repeat 50% / cover; z-index: -1;}
.sect5 .sect-tit {text-align: right; margin-bottom: 44px;}
.sect5 .sect-top {text-align: right;  margin-bottom: 22px;}
.sect5-r .sect5-top__wrap{display: block;}
.news-slide > ul > li.empty_li {
  min-height: 520px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}


/*sect6*/
.sect6 {background-image: url("../../images/main/contact-bg.jpg");background-repeat: no-repeat;background-size: cover;}
.sect6 .fp-tableCell {display: table-cell;}
.sect6 .sect-tit {margin-top: 60px;}
.sect6 .sect-top {margin-bottom: 20px;}
.sect6 .sect-tit p{text-align: center;margin-bottom: 55px;}
.sect6 .location-bottom {margin-top: -35px;}


/* .sect6 .contact-tab > ul {display: flex; align-items: center;} */
.sect6 .contact-tab > ul > li {position: absolute}
/* .sect6 .contact-tab > ul > li::before {content: ''; position: absolute; top: 0; left: 0; overflow: hidden; border-radius: 10px; max-width: 0; -webkit-transition: max-width 0.3s; -moz-transition: max-width 0.3s; transition: max-width 0.3s; background: #3D3FA9; width: 100%; height: 100%;} */
/* .sect6 .contact-tab > ul > li p {font-size: 1.125rem; color: #999; position: relative; z-index: 1;} */
/* .sect6 .contact-tab > ul > li.swiper-slide-thumb-active {border: 2px solid rgba(61, 63, 169, 0.60);} */
/* .sect6 .contact-tab > ul > li.swiper-slide-thumb-active::before {max-width: 100%;} */
/* .sect6 .contact-tab > ul > li.swiper-slide-thumb-active p {color: #fff;} */

.sect6 .contact-slide {margin-top: 60px;}
.sect6 .contact-slide > ul > li {display: flex; gap: 100px;}
.sect6 .contact-slide > ul > li .img {width: 100%; max-width: 1050px; border-radius: 30px; border: 1px solid #E4E4E4; background: rgba(252, 253, 253, 0.72); backdrop-filter: blur(3px); display: flex; align-items: center; justify-content: center; padding: 24px;}
.sect6 .contact-slide > ul > li .img img {max-height: 496px; object-fit: cover;}
.sect6 .mail {display: flex; align-items: center; gap: 20px;}
.sect6 .mail i {width: 50px; height: 36px; background-image: url("../../images/ico/ico-message.svg"); background-repeat: no-repeat; background-size: 100% 100%; flex: none;}
.sect6 .mail p {font-size: 34px; background: linear-gradient(93deg, #187082 4.42%, rgba(61, 63, 169, 0.60) 99.84%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
/* .sect6 .location-bottom{position: absolute; bottom: 120px; left: 180px;} */

.map-container {position: relative;max-width: 1267px;height: 600px;margin: 0 auto;background: url('../../images/main/loca1.png') no-repeat center;background-size: cover;} 
.location {position: absolute;cursor: pointer;z-index: 1; transition: .3s;} 
.location-btn {cursor: pointer;width: 36px;height: 36px;background: url(../../images/ico/ico-location.svg) no-repeat 50% / cover;position: relative;z-index: 3;} 
.location .location-btn::after{content: '';position: absolute;top: -25px;left: 0;width: 36px;height: 44px;background: url(../../images/ico/ico-location_active.svg) no-repeat 50% / cover;z-index: 5; opacity: 0; visibility: hidden;}
.location.active .location-btn::after{opacity: 1; visibility: visible;}
.location-txt {display: none;position: absolute;top: -143px;left: calc(100% + 95px);transition: .5s; pointer-events: auto;} 
.left .location-txt{left: auto;right: calc(100% + 95px);z-index: 4;}
.left .location-txt::before{right: auto;left: calc(100% - 5px);background-image: url("../../images/main/loca-line_left.svg");}
.location.left {z-index: 1;}
.location.left.active{z-index: 2;}
 .location.left:hover{z-index: 3;}
.location.right.active{z-index: 3;}
.location.right:hover{z-index: 4;}
.location-box {width: 440px;border-radius: 20px;background: rgba(255, 255, 255, 0.20);box-shadow: -1px -1px 4px 0px rgba(255, 255, 255, 0.25) inset, 0px 0px 20px 6px rgba(113, 138, 178, 0.08);backdrop-filter: blur(10px);padding: 30px;} 
.location-box + .location-box{margin-top: 16px;}
.location.active .location-txt::before{display: block;}
.location-txt::before{display: none;content: '';position: absolute;right: calc(100% - 5px);top: 75px;width: 101px;height: 93px;background: url(../../images/main/loca-line_right.svg) no-repeat 50% / cover;/* z-index: 1; */}
.location-txt::after {content: '';position: absolute;top: 75px;right: calc(100% - 5px);width: 11px;height: 11px;border-radius: 50%;background: #3D3FA9;} 
.left .location-txt::after {right: auto;left: calc(100% - 5px);}
.location-txt .tit {display: flex;align-items: center;gap: 8px;font-size: 22px;font-weight: 600;color: #292929;}
.location-txt .tit i {width: 26px; height: 26px; background-image: url("../../images/ico/ico-company.svg"); background-repeat: no-repeat; background-size: cover;}
.location-txt .txt {font-size: 18px;line-height: 1.7;color: #757575;margin-top: 16px;word-break: keep-all;}
.type-mo{display: none;}
.location-btn[data-location="서울"] {z-index: 3;}
.map-kr {position: absolute;top: 133px;left: 49%;transform: translateX(-50%);box-shadow: 0 1px 10px rgba(0,0,0,0.05);max-width: 500px;width: 100%;height: 500px;z-index: 2;border-radius: 50%;} 
.map-kr img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;z-index: 1;} 
.location.right.index{z-index: 1;}
.map-kr::after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 50%;background: rgba(255, 255, 255, 0.50);box-shadow: -1px -1px 4px 0px rgba(255, 255, 255, 0.25) inset, 0px 0px 20px 6px rgba(113, 138, 178, 0.08);backdrop-filter: blur(5px);}
.location[data-txt="대구"].left .location-txt::before{background-image: url("../../images/main/ico-line-left2.svg");}



.en .location-txt .tit{font-size: 21px;}



/* sect-footer */
.btn.btn-top {border-radius: 10px; position: fixed; bottom: 30px; right: 30px; width: 60px; height: 60px; transition: .2s; display: flex; align-items: center; justify-content: center; background: rgba(255,255,255,0.4); overflow: hidden;}
.btn.btn-top::before {content: ''; position: absolute; top: 0; left: 0; border-radius: 10px; background: #3D3FA9; width: 100%; max-width: 0; height: 100%; transition: max-width 0.3s;}
.btn.btn-top i {background-image: url("../../images/cmn/btn-top_arrow.svg"); background-repeat: no-repeat; background-size: contain; width: 16px; height: 21px; transition: .1s;}
.btn.btn-top:hover::before {max-width: 100%;}
.btn.btn-top:hover i {filter: brightness(100);}

@media screen and (min-width: 1921px) {
  .sect1-l, .sect2-l, .sect2-r {max-width: unset;}
  .sect6 .sect6-l {max-width: unset; background-size: 100% 100%;}
  .sect6 .sect6-l .location.loca1 {top: 36%; left: 64%;}
  .sect6 .sect6-l .location.loca2 {top: 68%; left: 28%;}
}

@media screen and (max-width: 1600px) {
  .sect1-l {width: 55%;}
  .sect1-r {width: 45%; padding-left: 60px;}
  .sect1 .fp-tableCell {padding-top: 145px;}

  .sect2-l {width: 55%;}
  .sect2-r {width: 45%;}
  .sect2-img-slide > ul > li {padding-bottom: calc(940 / 800 * 100%)}

  .sect4 .sect4-l {}
  .sect4 .sect4-r {}
  .sect4 .sect4-r > ul {
    grid-template-columns: repeat(4, 1fr);
}
  .sect4 .sect4-r > ul > li {}
  .sect4 .sect4-r > ul > li img {}
}

@media screen and (min-width: 1025px) {
  html {scrollbar-width: none;}
  .location:hover .location-txt {display: block !important;}
  .location.active .location-btn::after{opacity: 1; visibility: visible;}
  .location:hover .location-btn::after{opacity: 1; visibility: visible;}
  .location:hover .location-txt::before{display: block;}
}
@media screen and (max-width: 1024px) {
  /* common */
  #hd_wrap.active {box-shadow: 0px 0px 10px rgba(0,0,0,0.1);}
  .btn.btn-top {width: 50px; height: 50px;}
  .btn.btn-top i {width: 14px; height: 19px;}

  /* sect common */
  section .sect-top .sect-tit, section .sect-top .sect-tit span {font-size: 60px;}
  section .sect-top .sect-txt {font-size: 20px;}
  .sect-top .sect-txt .swiper-control div {width: 50px; height: 50px;}
  .fp-section, .fp-tableCell {height: 100% !important;}
  .section .sect-top {margin-bottom: 40px;}
  .section .sect-tit p {font-size: 36px; line-height: 48px;}
  .section .sect-tit2 p {font-size: 18px; line-height: 1.3; margin-top: 24px;}

  /*sect banner*/
  .sect-banner, .sect-banner .fp-tableCell {height: calc(calc(var(--vh, 1vh) * 100)) !important;}
  .main-video.pc-ver{display: block;}

  .main-txt {padding: 0 40px;}
  .main-txt .tit p {font-size: 80px;}
  .main-txt .txt {padding: 0 40px;}
  .main-txt .txt p {font-size: 24px; line-height: 1.4;}

  /* sect1 */
  .sect1-l .sect1-video.pc-ver{display: block;}
  .sect1 .fp-tableCell {padding-top: 112px;}
  .sect1-l .sect1-video {border-top-right-radius: 250px;}
  .sect1-l {}
  .sect1-r {padding-top: 20px;}
  .sect1-r .sect-img {margin-top: 60px;}
  .sect1-r .sect-img img {max-width: 300px;}
  .sect1 .more-btn {margin-top: 60px}

  /* sect2 */
  .sect2 {
    padding-bottom: 60px;
}
  .sect2-l .sect2-wrap {padding-top: 130px;}
  .sect2-tab-slide > ul > li .info {padding: 12px 16px;}
  .sect2-img-slide > ul > li img {border-bottom-left-radius: 250px;}

  /* sect3 */
  .sect3 .fp-tableCell {padding: 100px 0;}
  .sect3 .tit {font-size: 42px; line-height: 1.5;}
  .sect3 .tit::before {width: 220px; height: 220px;}
  .sect3 .txt {font-size: 20px;}

  /* sect4 */
  .sect4 {padding: 100px 0;}
  .sect4 .more-btn {margin: 50px auto 0 0;}
  .sect4 .sect4-r {}
  .sect4 .sect4-r > ul {}
  .sect4 .sect4-r > ul > li {}
  .sect4 .sect4-r > ul > li img {}

  /* sect5 */
  .sect5 { background-image: url(../../images/main/sect5-bg_m.png); background-size: cover; } 
  .sect5 .sect5-l {width: 55%;flex: auto;}
  .sect5 .sect5-r {width: 45%;}
  .sect5 .fp-tableCell .inner {gap: 50px;padding-top: 100px;}
  .sect5-l .news-slide .tit {font-size: 26px;}
  /* .sect5-top__wrap{position: static;} */

  /* sect6 */
  .sect6 {padding: 100px 0;}
  .map-container{height: 0;padding-bottom: 50.44%;}


  /* sect ft */
  #ft {flex-direction: column; gap: 60px;}
  
}

@media screen and (max-width: 1024px) {
  /* common */

  /* sect common */
  section .sect-top .sect-tit, section .sect-top .sect-tit span {font-size: 42px;}
  section .sect-top .sect-txt {font-size: 18px; line-height: 28px; margin-top: 15px;}
  .section .sect-top {}
  
  /*sect banner*/

  .main-txt {top: 75%;}
  .main-txt .tit p {font-size: 60px; letter-spacing: -2.4px;}
  .main-txt .txt p {font-size: 18px; line-height: 26px;}
  .mouse-scroll {display: none;}

  /* sect1 */
  .sect1 .fp-tableCell {flex-direction: column-reverse; padding-top: 80px;}
  .sect1-l, .sect1-r {width: 100%; max-width: 100%; text-align: left; padding: 0 20px;}
  .sect1-l {padding: 20px 0 0 0;}
  .sect1 .more-btn {margin: 60px auto 0 0;}

  /* sect2 */
  .sect2 {background-image: url("../../images/main/sect1-bg.png"); background-size: contain; padding-bottom: 0;}
  .sect2 .fp-tableCell {flex-direction: column;gap: 20px;}
  .sect2-l, .sect2-r {width: 100%; max-width: 100%;}
  .sect2-l .sect2-wrap {max-width: 100%; padding-top: 80px;}
  .sect2-img-slide > ul > li {padding-bottom: calc(400 / 600 * 100%);}

  /* sect3 */
  .sect3, .sect3::before{border-radius: 0 0 60px 60px;overflow: hidden;}
  

  /* sect4 */
  .sect4 {background-image: unset; padding: 80px 0; border-radius: 0;}
  .sect4 .sect4-wrap {flex-direction: column; gap: 40px; padding: 0 40px; height: 100%;}
  .sect4 .sect4-l, .sect4 .sect4-r {width: 100%;max-width: 100%;}
  .sect4 .sect4-r {padding: 0; background-image: unset;}
  .sect4 .sect4-r > ul {grid-template-columns: repeat(2, 6fr);}
  .sect4 .sect4-r > ul > li {}
  .sect4 .sect4-r > ul > li:nth-child(even) {}
  
  /* sect5 */
  .sect5 .fp-tableCell .inner {flex-direction: column;gap: 40px;padding-top: 80px;padding-bottom: 60px;}
  .sect5 .sect5-l, .sect5 .sect5-r {width: 100%; max-width: 100%;}
  .sect5-r .sect5-top__wrap { display: none; } 
  .sect5-l .sect5-top__wrap { display: block; } 
  .sect5-l .news-slide {position: relative;overflow: hidden;border-radius: 20px;background: linear-gradient(122deg, #F9FDFF 0.47%, #FAF9FF 99.53%);} 
  .sect5-l .news-slide .img::before {} 
  .sect5-l .news-slide .img {position: relative;height: 0;padding-bottom: 61.11%;overflow: hidden;} 
  .news-slide > ul > li {
    border-radius: 20px;
    padding: 0;
    background: linear-gradient(122deg, #F9FDFF 0.47%, #FAF9FF 99.53%);
    border: 0;
}

  /* sect6 */
  .sect6 {padding: 80px 0;}
  .sect6 .contact-tab > ul > li p {font-size: 1rem;}
  .sect6 .contact-slide {margin-top: 40px;}
  .sect6 .contact-slide > ul > li {flex-direction: column-reverse; gap: 20px;}
  .sect6 .contact-slide > ul > li .info {width: 100%; max-width: 100%; padding: 0;}
  .sect6 .contact-slide > ul > li .img {width: 100%;}
  .location-btn {width: 30px;height: 30px;z-index: inherit;} 
  .location-txt::before {width: 85px;background-position: left;} 
  .location-txt { right: calc(100% + 70px); top: -155px; } 
  .left .location-txt {left: calc(100% + 70px);}
  .left .location-txt::before {background-position: right;}

  /* .map-container{background-image: url(../../images/main/loca1_m.png);} */
  .location .location-txt { display: none !important; } 
  .type-mo {display: block;margin-top: 18px;margin-bottom: 34px;} 
  .location-txt {position: static; } 
  .location-box {width: 100%;padding: 15px;border-radius: 15px;}
  .location-txt .tit {font-size: 18px;}
  .location-txt .tit i {width: 20px; height: 20px;}
  .location-txt .txt {font-size: 14px;}
  .sect6 .mail {gap: 8px;} 
  .sect6 .mail i { width: 30px; height: 18px; } 
  .sect6 .mail p {font-size: 18px;} 
  .sect6 .location-bottom{margin-top: 34px;}
  .location-txt::after{display: none;}
  .location-btn { width: 24px; height: 24px; } 
  .location.active .location-btn::after {width: 24px;height: 30px;top: -15px;} 
  .map-kr {width: 260px;height: 260px;top: 105px;left: 52%;} 
  .map-kr img { padding: 10px; } 

}

@media screen and (max-width: 768px) {
  /* common */
  .more-btn {padding: 8px 16px;}
  .more-btn p {font-size: 0.875rem;}
  .more-btn i {width: 18px; height: 18px;}
  .sect-top .sect-txt .swiper-control div {width: 40px; height: 40px;}
  .btn.btn-top {width: 40px; height: 40px; right: 20px; bottom: 20px;}
  .btn.btn-top i {width: 12px; height: 17px;}

  .section .sect-top {margin-bottom: 12px;font-size: 12px;}
  .section .sect-tit p {font-size: 24px; line-height: 1.5;}
  .section .sect-tit2 p {font-size: 1rem;margin-top: 12px;}

  .section.active .sect-tit p, .section.active .sect-tit2 p {animation: unset;}

  /*sect banner*/
  .main-video {/*object-position: -796px 100%;*/ object-position: 50.55%;}
  .main-video.pc-ver{display: none;}
  .sect1-l .sect1-video.pc-ver{display: none;}
  .main-txt {width: 100%; padding: 0 20px;}
  .main-txt .tit p {font-size: 40px;}
  .main-txt .txt {width: fit-content; padding: 0 20px;}
  .main-txt .txt p {font-size: 0.875rem; word-break: keep-all;}

  /* sect1 */
  .sect1 {overflow: hidden;background-image: url(../../images/main/sect1-bg_m.png);background-position: 50%;background-size: cover;}
  .sect1 .fp-tableCell {padding-top: 50px;}
  .sect1 .more-btn {margin-top: 20px;}
  .sect1-l {padding: 30px 0 0;}
  .sect1-r .sect-img {margin-top: 50px; display: none; align-items: center; justify-content: center;}
  .sect1-r .sect-img img {max-width: calc(100% - 40px);}
  .sect1.active .sect1-r .sect-img {animation: fadeInLeft .8s cubic-bezier(.39,.575,.565,1.000) both; animation-delay: .1s}
  .sect1-l .sect1-video {border-radius: 0 104px 104px 0;  width: calc(100% - 20px); height: 209px;}

  /* sect2 */
  .sect2{background-image: url(../../images/main/sect2-bg_m.png);background-size: cover;padding-bottom: 30px; background-position: left;}
  .sect2-l .sect2-wrap {padding: 50px 20px 0;}
  .sect2-img-slide > ul > li img {border-radius: 104px 0 0 104px;width: calc(100% - 20px);left: auto;right: 0;}
  .sect2-img-slide > ul > li {padding-bottom: 0;height: 209px;}
  .sect2-tab-slide > ul{flex-wrap: wrap; transform: none !important;}
  .sect2-tab-slide > ul > li .info .tit {font-size: 0.875rem;}
  .sect2 .more-btn {margin-top: 20px;justify-content: right;}
  .sect2 .sect-top {text-align: right;font-size: 12px;}
  .sect2 .sect-tit p {text-align: right;}
  .sect2 .sect-tit2 p {text-align: right;font-size: 14px;}
  .sect2-l__control {display: flex;flex-direction: column-reverse;overflow: hidden;}
  .sect2 .more-btn_wrap {display: flex; justify-content: right;}
  .sect2 .swiper-pagination-bar {height: 16px;margin-top: 10px;}
  .sect2 .swiper-pagination-bar::before {height: 6px;}
  .sect2-tab-slide {margin-top: 30px; width: calc(100% + 20px); margin-right: -20px; padding-right: 20px;}

  /* sect3 */
  .sect3 {position: relative;z-index: 2;background-size: 190%;background-position: center bottom -55px;}
  .sect3::after {height: 140px;top: -32px;}
  .sect3 .fp-tableCell {padding: 60px 20px;}
  .sect3 .tit {font-size: 22px;line-height: 1.5;word-break: keep-all;}
  .sect3 .tit p {word-break: keep-all;}
  .sect3 .tit br {display: none;}
  .sect3 .txt {font-size: 1rem; text-align: center;}
  .sect3 .txt p {word-break: keep-all;}
  .sect3 .more-btn {margin-top: 50px;}
  .sect3.active .tit p, .sect3.active .txt p, .sect3.active .more-btn {animation: unset;}
  
  /* sect4 */
  .sect4 {margin-top: -60px;padding-top: 60px;background-image: url(../../images/main/sect4-bg_m.png);background-position: top -60px center;background-size: 100%;padding-bottom: 100px;position: relative;z-index: 1;}
  .sect4::after{content: '';position: absolute;z-index: -1;bottom: -66px;left: 20px;width: 280px;height: 156px;background: url(../../images/main/sect5-bg2.png) no-repeat 50% / cover;}
  .sect4 .sect4-r {margin-top: 50px;}
  .sect4 .sect4-wrap {padding: 0 20px;}
  .sect4 .more-btn {margin-top: 30px;}
  .sect4 .sect4-r > ul {flex-wrap: wrap;display: flex;gap: 20px;}
  .sect4 .sect4-r > ul > li {border-radius: 10px;width: calc(50% - 10px);}
  .sect4 .sect4-r > ul > li .img {height: 0;padding-bottom: 37.25%;border-radius: 10px;}
  .sect4 .sect4-r > ul > li img {width: 70% !important;}

  
  /* sect5 */
  .sect5 { background-image: url(../../images/main/sect5-bg_m.png); background-size: cover; } 
  .sect5::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 148px;background: linear-gradient(to top, transparent, #fff);backdrop-filter: blur(10px);} 
  .sect5-l::before { display: none; } 
  .sect5-l .news-slide {position: relative;overflow: hidden;} 
  .sect5-l .news-slide .img::before {} 
  .sect5-l .news-slide .img {position: relative;height: 0;padding-bottom: 61.11%;overflow: hidden;border-radius: 20px;} 
  .sect5 .fp-tableCell .inner {padding-top: 30px;padding-bottom: 50px;}
  .sect5 .swiper-pagination {margin-top: 30px;}
  .sect5 .sect-top{margin-bottom: 20px;font-size: 12px;}
  .sect5 .sect-tit{margin-bottom: 20px;}
  .sect5-l .news-slide .img img {border-radius: 20px 20px 0px 0px;position: absolute;top: 0;left: 0;max-height: max-content;} 
  .sect5-l .news-slide .tit { font-size: 18px; -webkit-line-clamp: 1; } 
  .sect5-l .news-slide .txt { font-size: 16px; } 
  .sect5-l .news-slide .more-btn {margin: 20px 0 0 auto;} 
  .news-slide.swiper-container { width: 100%; } 
  .swiper-control { position: static; margin-top: 20px; justify-content: right; gap: 20px; } 
  .news-slide > ul > li {border-radius: 20px;padding: 0;} 
  .news-slide .img img { position: absolute; top: 0; left: 0; border-radius: 20px 20px 0px 0px; max-height: max-content; } 
  .sect5 .lt_more {display: none;}


  /* sect6 */
  .sect6 {padding: 160px 0 100px;margin-top: -100px;}
  .sect6 .sect-tit {margin-top: 0;}
  .sect6 .sect-tit p{margin-bottom: 24px;}
  .sect6 .contact-tab > ul > li {padding: 6px 14px;}
  .sect6 .contact-slide {margin-top: 30px;}
  .sect6 .contact-slide > ul > li .info .mail {gap: 10px;}
  .sect6 .contact-slide > ul > li .info .mail i {width: 34px; height: 20px;}
  .sect6 .contact-slide > ul > li .info .mail p {font-size: 24px;}
  .sect6 .contact-slide > ul > li .info .tit {font-size: 1.125rem; margin-top: 20px;}
  .sect6 .contact-slide > ul > li .info .tit i {width: 22px; height: 22px;}
  .sect6 .contact-slide > ul > li .info .txt {font-size: 1rem;}
  .sect6 .contact-slide > ul > li .img {padding: 10px 20px;}

  .map-container {height: 0;padding-bottom: 46.875%;background-image: url("../../images/main/loca1_m.png");}
  .map-kr{max-width: 150px;height: 150px;top: 0;}
  .location[data-txt="미국"] {margin-right: -35px;}
  .en .location-txt .tit{font-size: 18px;}


    /* sect ft */
    #ft {gap: 20px;}
  }

@media screen and (max-width: 360px) {
  /* sect banner */

}



/* en */
.en .sect2-tab-slide > ul{max-width: 625px;}