@charset "UTF-8";
main {
  max-width: 1920px;
  width: 100%;
  margin: 0 auto;
}

.main_title_box {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.main_title_box > h3 {
  color: var(--maincolor);
  font-size: 30px;
  font-family: var(--pret);
  letter-spacing: -1.2px;
  line-height: 1.2;
  font-weight: 600;
}
.main_title_box > h2 {
  color: var(--black);
  font-size: 40px;
  font-family: var(--pret);
  letter-spacing: -1.2px;
  line-height: 1.6;
  font-weight: 600;
}
.main_title_box > p {
  color: #606060;
  font-size: 20px;
  font-family: var(--pret);
  letter-spacing: -0.8px;
  line-height: 1.6;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .main_title_box {
    gap: 12px;
  }
  .main_title_box > h3 {
    font-size: 18px;
    letter-spacing: -0.72px;
  }
  .main_title_box > h2 {
    font-size: 30px;
    line-height: 1.2;
  }
  .main_title_box > p {
    font-size: 16px;
    line-height: 1.6;
    letter-spacing: -0.64px;
  }
}

.main_sec1 {
}
.panel__section {
  position: relative;
  /* transition: background 4s 1s; */
}
.panel__section img.background-video {
  transition: all 4s ease;
}
.swiper-slide.swiper-slide-active .panel__section img.background-video {
  width: 110%;
}
.panel__section.video_box {
  position: relative;
  overflow: hidden;
}
.background-video {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 100%;
  object-fit: cover; /* 비디오 비율에 맞게 잘라서 전체 영역을 채우도록 설정 */
  z-index: -1;
}
.panel__section {
  width: 100%;
  height: var(--vh);
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.panel .tit_box_w {
  width: 100%;
  max-width: 1360px;
}
.panel .tit_box {
  overflow: hidden;
  text-align: left;
  opacity: 0;
  transform: translateY(15%);
  transition: all 2s;
}
.main_sec1_swiper .swiper-slide.swiper-slide-active .panel .tit_box {
  transform: translateY(0%);
  transition: all 2s;
  opacity: 1;
}
.panel .tit_box h5 {
  color: #ffa139;
  font-family: var(--pret);
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.8px;
  overflow: hidden;
}
.panel .tit_box h2 {
  color: #fff;
  font-family: var(--pret);
  font-size: 60px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -2.4px;
  margin-top: 24px;
  overflow: hidden;
}

.panel .tit_box h2 p {
  color: #fff;
  font-family: var(--pret);
  font-size: 60px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -2.4px;
  overflow: hidden;
  margin-top: 0;
}
.panel .tit_box h2 p span {
  display: block;
  transition: 0.8s 0.3s all ease;
  transform: translateY(100%);
  opacity: 0;
}
.swiper-slide.swiper-slide-active .panel .tit_box h2 p span {
  /* animation: mainTextOn .8s .3s ease forwards; */
  opacity: 1;
  transform: translateY(0);
}
.panel .tit_box h2 p:nth-child(1) span {
  transition-delay: 0.9s !important;
}
.panel .tit_box h2 p:nth-child(2) span {
  transition-delay: 1.1s !important;
}
.panel .tit_box h2 p:nth-child(3) span {
  transition-delay: 1.3s !important;
}
.panel .tit_box h2 p:nth-child(4) span {
  transition-delay: 1.5s !important;
}
.panel .tit_box h2 p:nth-child(5) span {
  transition-delay: 1.7s !important;
}

/* 메인 글씨 애니메이션 */
/* @keyframes mainTextOn {
    0% {transform: translateY(100%);opacity: 0;}
    100% {transform: translateY(0);opacity: 1;}
} */
.panel .tit_box p {
  color: #fff;
  font-family: "Poppins";
  font-size: 20px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: -0.8px;
  margin-top: 20px;
  overflow: hidden;
}

.panel .mid_line {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 0%;
  height: 1px;
  background: rgba(255, 255, 255, 0.2);
  transition: width 3s;
}
.main_sec1_swiper .swiper-slide.swiper-slide-active .panel .mid_line {
  width: 100%;
  transition: width 3s;
}

.panel_nav {
  position: fixed;
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
  top: 50%;
  transform: translate(0, -50%);
  pointer-events: none;
  opacity: 1;
  transition: all 0.45s;
  -webkit-transition: all 0.45s;
  z-index: 9;
}
.panel_nav.hide {
  opacity: 0;
  top: 52%;
}

.main_sec1_swiper .swiper-pagination {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  bottom: auto;
  right: auto;
}
.panel_nav_w {
  max-width: 1360px;
  width: 100%;
  text-align: right;
  margin: 0 auto;
}
.panel_num {
  display: flex;
  align-items: flex-end;
  flex-direction: column;
}
.count_numb {
  display: flex;
  flex-direction: column;
  transform: translateY(0);
  transition: transform 0.5s ease-out;
  overflow: hidden;
  height: 25px;
}
.count_numb .n1 {
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.panel_num div:nth-child(1) p {
  color: #fff;
  text-align: center;
  font-family: var(--pret);
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: -0.72px;
}
.panel_num .totalCount {
  color: rgba(255, 255, 255, 0.5);
  text-align: center;
  font-family: var(--pret);
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: -0.72px;
}
.panel_num .bar {
  width: 22px;
  height: 2px;
  background-color: #fff;
}

.main_sec1_swiper .swiper .swiper-notification {
}

@media screen and (max-width: 1360px) {
  .panel .tit_box_w {
    width: 90%;
  }
  .panel_nav_w {
    width: 75%;
  }
}
@media screen and (max-width: 1280px) {
  .panel .tit_box h2 {
    font-size: 40px;
  }
  .panel .tit_box h2 p {
    font-size: 40px;
  }
}
@media screen and (max-width: 960px) {
  .panel .tit_box h2 {
    font-size: 35px;
  }
  .panel .tit_box h2 p {
    font-size: 35px;
  }
}
@media screen and (max-width: 768px) {
  /* .panel__section--1 {
        background-image: url(/img/main/sec1/main_sec1_bg_1_m.png);
    } */
  .panel__section {
    height: var(--vh);
    padding: 316px 0;
    box-sizing: border-box;
  }
  .panel .tit_box h5 {
    font-size: 18px;
    letter-spacing: -0.72px;
  }
  .panel .tit_box h2 {
    margin-top: 12px;
    font-size: 30px;
    letter-spacing: -1.2px;
  }
  .panel .tit_box h2 p {
    font-size: 30px;
  }
  .panel .tit_box p {
    margin-top: 12px;
    font-size: 16px;
    letter-spacing: -0.64px;
  }
  .panel_nav {
    top: 25%;
  }
  .panel_nav_w {
    width: 100%;
  }
  .panel_num .bar {
    width: 40px;
  }
  .panel_num .count_numb,
  .panel_num .totalCount {
    padding-right: 8px;
    box-sizing: border-box;
  }
  .main_sec1_swiper .swiper-pagination {
    top: 30%;
  }
}

.main_sec2 {
  display: flex;
  align-items: center;
}
.main_sec2 > div {
  width: 50%;
  flex: 1;
}
.main_sec2 > .img_box {
  max-width: 905px;
}
.main_sec2_swiper .swiper-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: 70px;
}
.main_sec2_swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: transparent;
  border: 3px solid #fff;
  scale: 1;
  transition: scale 0.6s;
  opacity: 1;
}

.main_sec2_swiper .swiper-pagination-bullet {
  background: #fff;
  opacity: 0.5;
  width: 16px;
  height: 16px;
  box-sizing: border-box;
  scale: 0.6;
  transition: scale 0.6s;
}

.main_sec2 .main_sec2_swiper .swiper-slide {
  overflow: hidden;
}

.main_sec2 .main_sec2_swiper .swiper-slide > img {
  transform: scale(1.2);
}

.main_sec2 > .text_box {
  flex: 1;
  padding: 100px 0 100px 100px;
  box-sizing: border-box;
  background-image: url("/img/main/sec2/main_sec_2_bg.png");
  background-repeat: no-repeat;
  background-position: center right;
}
.main_sec2 > .text_box .top {
}
.main_sec2 > .text_box .top h3 {
  color: #171717;
  font-family: var(--pret);
  font-size: 60px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: -2.4px;
}
.main_sec2 > .text_box .top h3 > span {
  background: linear-gradient(90deg, #ffebd3 0%, rgba(255, 226, 210, 0) 100%);
  color: #f5aa30;
}
.main_sec2 > .text_box .bottom {
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.main_sec2 > .text_box .bottom > p {
  color: #474747;
  font-family: var(--pret);
  font-size: 18px;
  line-height: 1.6;
  letter-spacing: -0.72px;
}
.main_sec2 > .text_box .bottom > p > span {
  color: var(--maincolor);
}
@media screen and (max-width: 1380px) {
  .main_sec2 > .text_box {
    padding: 100px 0 100px 50px;
  }
}
@media screen and (max-width: 1280px) {
  .main_sec2 > .text_box {
    padding: 50px 20px 50px 50px;
  }
  .main_sec2 > .text_box .bottom > p .none {
    display: none;
  }
}
@media screen and (max-width: 1080px) {
  .main_sec2 > .text_box .top h3 {
    font-size: 40px;
  }
}
@media screen and (max-width: 960px) {
  .main_sec2 > .text_box .bottom > p {
    font-size: 16px;
    letter-spacing: 0.64px;
  }
}
@media screen and (max-width: 768px) {
  .main_sec2 {
    flex-direction: column-reverse;
    row-gap: 40px;
  }
  .main_sec2 > div {
    width: 100%;
  }
  .main_sec2 > .img_box {
    max-width: none;
    height: auto;
  }
  .main_sec2 > .img_box img {
    width: 100%;
  }
  .main_sec2 > .text_box {
    padding: 80px 20px 0 20px;
    background-position: bottom right;
    background-size: 40%;
  }
  .main_sec2 > .text_box .top h3 {
    font-size: 30px;
    letter-spacing: -1.2px;
  }
  .main_sec2 > .text_box .bottom {
    gap: 16px;
  }
  .main_sec2_swiper .swiper-pagination {
    bottom: 20px;
  }
  .main_sec2_swiper .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
  }
}

.main_sec3 {
  /* padding: 200px 0; */
  box-sizing: border-box;
  /* height: 100svh; */
}
.main_sec3_bg_ab {
  background-image: url(/img/main/sec3/main_sec3_bg.png);
  background-repeat: no-repeat;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -2;
}
.main_sec3 .cont_1 {
  position: relative;
  overflow: hidden;
}

.main_sec3 .flex_box {
  display: flex;
  /* align-items: center; */
  justify-content: flex-end;
  gap: 120px;
}
.main_sec3 .flex_box .sticky_box {
  position: sticky;
  height: var(--vh);
  top: 0;
  display: flex;
  align-items: center;
}
.main_sec3 .flex_box .cont_1 {
  overflow: hidden;
  height: max-content;
  padding: 200px 0 200px 0;
}
.main_sec3 .flex_box .cont_1_list {
  display: flex;
  flex-direction: column;
  gap: 40px;

  box-sizing: border-box;
}
.main_sec3 .flex_box .cont_1_list > li {
  display: flex;
  flex-direction: column;
  gap: 26px;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  position: relative;
}
.main_sec3 .flex_box .cont_1_list > li .list_bg_img {
  filter: grayscale(1);
  transform: translateX(50px);
  transition: all 0.6s;
}
.main_sec3 .flex_box .cont_1_list > li .list_bg_img img {
  display: block;
  width: 100%;
}
.main_sec3 .flex_box .cont_1_list > li .list_text {
  display: flex;
  flex-direction: column;
  gap: 26px;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  position: absolute;
  top: 50%;
  left: 170px;
  transform: translate(50px, -50%);
  justify-content: center;
  transition: all 0.6s;
}
.main_sec3 .flex_box .cont_1_list > li.on .list_text {
  transform: translate(0, -50%);
  transition: all 0.6s;
}

.main_sec3 .flex_box .cont_1_list > li.on .list_bg_img {
  filter: grayscale(0);
  transform: translateX(0);
}
.main_sec3 .flex_box .cont_1_list > li:nth-child(3).on .top h4,
.main_sec3 .flex_box .cont_1_list > li:nth-child(3).on .mid p,
.main_sec3 .flex_box .cont_1_list > li:nth-child(4).on .top h4,
.main_sec3 .flex_box .cont_1_list > li:nth-child(4).on .top h5,
.main_sec3 .flex_box .cont_1_list > li:nth-child(4).on .mid p {
  color: #fff;
}
.main_sec3 .flex_box .cont_1_list > li.on .top h5 {
  color: #7e6347;
}
.main_sec3 .flex_box .cont_1_list > li:nth-child(2).on .top h5 {
  color: #4f7c88;
}
.main_sec3 .flex_box .cont_1_list > li:nth-child(3).on .top h5 {
  color: #bddeb6;
}
.main_sec3 .flex_box .cont_1_list > li:last-child.on .top h5 {
  color: #477e55;
}
.main_sec3 .flex_box .cont_1_list > li:nth-child(5).on .top h5 {
  color: #8f7733;
}
.main_sec3 .flex_box .cont_1_list > li .top {
}
.main_sec3 .flex_box .cont_1_list > li .top h4 {
  color: #333;
  font-family: var(--pret);
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2;
  transition: 0.6s all ease;
}
.main_sec3 .flex_box .cont_1_list > li .top h5 {
  /* margin-top: 12px; */
  /* color: #7E6347; */
  font-family: var(--pret);
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: -0.72px;
  transition: 0.6s all ease;
}

.main_sec3 .flex_box .cont_1_list > li .mid {
  max-width: 300px;
}
.main_sec3 .flex_box .cont_1_list > li .mid p {
  color: #606060;
  font-family: var(--pret);
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: -0.72px;
  transition: 0.6s all ease;
}
.main_sec3 .flex_box .cont_1_list > li .bottom {
}
.main_sec3 .flex_box .cont_1_list > li .bottom a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 10px 40px;
  box-sizing: border-box;
  border-radius: 99px;
  border: 1px solid var(--black);
  background: rgba(190, 168, 149, 0);
  transition: 0.6s all ease;
}
.main_sec3 .flex_box .cont_1_list > li .bottom a > p {
  color: var(--black);
  font-family: var(--pret);
  font-size: 20px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: -0.8px;
  transition: 0.6s all ease;
}
.main_sec3 .flex_box .cont_1_list > li.on .bottom a {
  border: 1px solid rgba(190, 168, 149, 1);
  background: rgba(190, 168, 149, 1);
}

.main_sec3 .flex_box .cont_1_list > li.on .bottom a:hover {
  border: 1px solid rgb(158, 134, 113);
  background: rgba(158, 134, 113, 1);
}

.main_sec3 .flex_box .cont_1_list > li.on .bottom a > p {
  color: #fff;
}
.main_sec3 .flex_box .cont_1_list > li .bottom a img {
  filter: invert(1);
  transition: 0.6s all ease;
}
.main_sec3 .flex_box .cont_1_list > li.on .bottom a img {
  filter: invert(0);
}

.main_sec3 .flex_box .cont_1_list > li .bottom a > span {
}

@media screen and (max-width: 1620px) {
  .main_sec3 .flex_box .cont_1 {
    max-width: 1000px;
  }
}
@media screen and (max-width: 1480px) {
  .main_sec3 .flex_box .cont_1 {
    max-width: 900px;
  }
  .main_sec3 .flex_box .cont_1_list > li .list_text {
    gap: 15px;
  }
  .main_sec3 .flex_box {
    gap: 60px;
  }
}

@media screen and (max-width: 1280px) {
  .main_sec3 .flex_box .cont_1 {
    max-width: 800px;
  }
}
@media screen and (max-width: 1180px) {
  .main_sec3 .flex_box .cont_1_list > li .mid p {
    font-size: 16px;
  }
  .main_sec3 .flex_box .cont_1 {
    max-width: 700px;
  }
}
@media screen and (max-width: 1080px) {
  .main_sec3 {
    padding-top: 100px;
    box-sizing: border-box;
  }
  .main_sec3 .flex_box {
    flex-direction: column;
    gap: 40px;
  }
  .main_sec3 .flex_box .sticky_box {
    padding-left: 20px;
    margin-top: 0;
    height: auto;
  }
  .main_title_box {
    gap: 12px;
  }
  .main_sec3 .flex_box .cont_1 {
    max-width: none;
    width: 95%;
    margin: 0 0 0 auto;
    padding: 40px 0 40px;
  }
  .main_sec3 {
    height: auto;
    background-image: url(/img/main/sec3/main_sec3_bg_m.png);
    background-size: 100%;
    background-position: bottom;
    background-repeat: no-repeat;
  }
  .main_sec3_bg_ab {
    display: none;
  }
  .main_sec3 .flex_box .cont_1_list > li .list_text {
    left: 100px;
  }
}
@media screen and (max-width: 960px) {
  .main_sec3 {
    padding: 80px 0;
  }
  .main_sec3 .flex_box .cont_1_list > li .top h4 {
    font-size: 20px;
  }
  .main_sec3 .flex_box .cont_1_list > li .mid p {
    font-size: 14px;
  }
  .main_sec3 .flex_box .cont_1_list > li .bottom a {
    padding: 10px 20px;
  }
  .main_sec3 .flex_box .cont_1_list > li .bottom a p {
    font-size: 18px;
  }
}

@media screen and (max-width: 768px) {
  .main_sec3 .flex_box .cont_1_list > li .list_bg_img {
    transform: translateX(20px);
  }
  .main_sec3 .flex_box .cont_1_list > li .list_text {
    transform: translate(20px, -50%);
  }

  .main_sec3 .flex_box .cont_1 {
    padding-top: 0;
  }
  .main_sec3 .flex_box .cont_1_list {
    gap: 12px;
  }
  .main_sec3 .flex_box .cont_1_list > li .mid p {
    display: none;
  }
  .main_sec3 .flex_box .cont_1_list > li .top h4 {
    font-size: 18px;
  }
  .main_sec3 .flex_box .cont_1_list > li .top h5 {
    font-size: 10px;
  }
  .main_sec3 .flex_box .cont_1_list > li .bottom a p {
    font-size: 14px;
  }
  .main_sec3 .flex_box .cont_1_list > li .list_text {
    left: 50px;
  }
  .main_sec3 .flex_box .cont_1_list > li .list_text {
    gap: 5px;
  }
}

.main_sec4 {
  background-image: url("/img/main/sec4/main_sec4_bg.png");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 120px 0;
  box-sizing: border-box;
}
.main_sec4 .cont_1 {
  max-width: 1360px;
  width: 100%;
  margin: 0 auto;
}
.main_sec4 .step_list {
  margin-top: 63px;
  display: flex;
  align-items: center;
  min-height: 500px;
}
.main_sec4 .step_list > li {
  /* flex: 1; */
  position: relative;
  width: 32%;
  cursor: pointer;
  transition: width 0.6s;
}
.main_sec4 .step_list > li.on {
  width: 36%;
  transition: width 0.6s;
}
.main_sec4 .step_list > li img {
  width: 100%;
}
.main_sec4 .step_list > li .text_box {
  background: linear-gradient(180deg, #ffa54b 0%, #ff7d4e 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.main_sec4 .step_list > li:hover {
  /* filter: drop-shadow(2px 4px 6px black); */
  transition: all 0.6s;
}
.main_sec4 .step_list > li.on:hover {
  filter: none;
}
.main_sec4 .step_text {
  border-radius: 20px;
  margin-top: 20px;
  background: rgba(236, 236, 236, 0.47);
  padding: 40px 60px;
  box-sizing: border-box;
  position: relative;
}
.main_sec4 .step_text h4 {
  color: #474747;
  font-family: var(--pret);
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
}
.main_sec4 .step_text p {
  margin-top: 12px;
  color: #474747;
  font-family: var(--pret);
  font-size: 18px;
  font-weight: 300;
  line-height: 1.4;
}
.main_sec4 .step_text span {
  background: linear-gradient(180deg, #ececec 0%, rgba(236, 236, 236, 0) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: var(--pret);
  font-size: 77.793px;
  font-weight: 600;
  line-height: 1.2;
  position: absolute;
  top: 25px;
  right: 60px;
}
.main_sec4_pc {
  display: block;
}
.main_sec4_mo {
  display: none;
}
.main_sec4_mo .main_sec4_swiper .swiper-wrapper {
  height: auto;
}
@media screen and (max-width: 1360px) {
  .main_sec4 .cont_1 {
    width: 90%;
  }
}
@media screen and (max-width: 1080px) {
  .main_sec4 .step_list {
    min-height: 400px;
  }
}
@media screen and (max-width: 960px) {
  .main_sec4 .step_list {
    min-height: 350px;
  }
}
@media screen and (max-width: 800px) {
  .main_sec4 .step_list {
    min-height: 300px;
  }
}
@media screen and (max-width: 768px) {
  .main_sec4 .cont_1 {
    width: 100%;
  }
  .main_sec4 .cont_1 .main_title_box {
    margin: 0 auto;
    width: 95%;
  }
  .main_sec4 {
    padding: 80px 0;
  }
  .main_sec4_pc {
    display: none;
  }
  .main_sec4_mo {
    display: block;
  }
  .main_sec4_swiper .img_box {
    text-align: center;
  }
  .main_sec4_swiper .img_box img {
    width: 100%;
    display: block;
  }
  .main_sec4 .step_text {
    width: 95%;
    margin: 0 auto;
  }
  .main_sec4 .step_text {
    display: flex;
    flex-direction: column-reverse;
    padding: 40px 20px;
  }
  .main_sec4 .step_text > span {
    position: relative;
    top: auto;
    right: auto;
    text-align: center;
  }
  .main_sec4_swiper {
    margin: 20px auto;
  }
  .main_sec4 .step_text h4 {
    font-size: 20px;
  }
  .main_sec4 .step_text p {
    font-size: 16px;
  }
}

section.s5 {
  /* position: sticky; */
  top: 0;
  /* padding-bottom: var(--sixH); */
  z-index: -1;
}
.main_sec5 {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 180px 0;
  box-sizing: border-box;
  background-image: url(/img/main/sec5/main_sec5_bg.png);
  height: var(--vh);
  display: flex;
  align-items: center;
  overflow: hidden;
  justify-content: center;
}

.main_sec5 .cont_1 {
  text-align: center;
}
.main_sec5 .cont_1 h3 {
  color: #fff;
  font-family: var(--pret);
  font-size: 40px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -1.6px;
}
.main_sec5.on .cont_1 h3 {
  opacity: 1;
  transform: translateY(0);
}
.main_sec5 .cont_1 h4 {
  margin-top: 20px;
  color: #fff;
  font-family: "Poppins", serif;
  font-size: 24px;
  font-weight: 300;
  line-height: 1.3;
}
.main_sec5.on .cont_1 h4 {
  opacity: 1;
  transform: translateY(0);
}
.main_sec5 .cont_1 a {
  margin-top: 40px;
  display: inline-flex;
  gap: 10px;
  align-items: center;
  padding: 12px 16px;
  box-sizing: border-box;
  border-radius: 999px;
  border: 1px solid #e1e1e1;
}
.main_sec5.on .cont_1 a {
  opacity: 1;
  transform: translateY(0);
}
.main_sec5 .cont_1 a p {
  color: #fff;
  font-family: var(--pret);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 25.2px */
}

@media screen and (max-width: 1020px) {
  .main_sec5 .cont_1 {
    width: 90%;
    margin: 0 auto;
  }
  .main_sec5 .cont_1 h3 {
    font-size: 34px;
  }
}
@media screen and (max-width: 768px) {
  /* section.s5 {
    height: calc(var(--vh) + 1000px);
  } */
  .main_sec5 {
    height: calc(var(--vh) + 100px);
  }
  .main_sec5 {
    padding: 80px 0 180px;
  }
  .main_sec5 .cont_1 h3 {
    font-size: 30px;
    letter-spacing: -1.2px;
  }
  .main_sec5 .cont_1 h4 {
    font-size: 16px;
    line-height: 1.3;
  }
  .main_sec5 {
    -webkit-background-size: initial;
    background-size: auto;
  }
}
@media screen and (min-width: 768px) {
  .main_sec5 .cont_1 a:hover {
    background-color: var(--maincolor);
    border: solid 1px var(--maincolor);
    transition: all 0.4s;
  }
}

.main_sec6 {
  background-image: url(/img/main/sec6/main_sec6_bg.png);
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  box-sizing: border-box;
  padding: 120px 0 180px 0;
}
.main_sec6_w {
  max-width: 1360px;
  width: 100%;
  margin: 0 auto;
}
.main_sec6 .cont_1 {
  display: flex;
  justify-content: space-between;
}
.main_sec6 .cont_1 .text_box {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
}
.main_sec6 .cont_1 .text_box > a {
  display: inline-flex;
  padding: 12px 40px;
  box-sizing: border-box;
  border-radius: 999px;
  border: solid 1px #665656;
  align-items: center;
  gap: 10px;
  justify-content: center;
}
.main_sec6 .cont_1 .text_box > a:hover {
  background-color: var(--maincolor);
  border: solid 1px var(--maincolor);
  transition: all 0.4s;
}
.main_sec6 .cont_1 .text_box > a:hover p {
  color: #fff;
  transition: all 0.4s;
}
.main_sec6 .cont_1 .text_box > a p {
  color: #665656;
  font-family: var(--pret);
  font-size: 18px;
  font-weight: 400;
}
.main_sec6 .swiper_box {
  margin-top: 75px;
  max-width: 742px;
  width: 100%;
  flex: 1;
}
.main_sec6_swiper .sec6_swiper_box {
  background-color: #fff;
  border-radius: 16px;
  overflow: hidden;
}
.main_sec6_swiper .sec6_swiper_box .swiper_text_box {
  padding: 30px 20px;
  box-sizing: border-box;
}
.main_sec6_swiper .sec6_swiper_box .swiper_text_box h4 {
  color: #474747;
  font-family: var(--pret);
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.8px;
}
.main_sec6_swiper .sec6_swiper_box .swiper_text_box .txt {
  margin-top: 10px;
  color: #666;
  font-family: var(--pret);
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
  letter-spacing: -0.64px;
  display: -webkit-box;
  -webkit-line-clamp: 3; /* 최대 3줄까지 표시 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.main_sec6_swiper .sec6_swiper_box .img_box img {
  display: block;
  width: 100%;
}
.main_sec6_swiper .swiper-horizontal > .swiper-scrollbar,
.main_sec6_swiper .swiper-scrollbar.swiper-scrollbar-horizontal {
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
  margin-top: 30px;
}
.main_sec6_swiper .swiper-scrollbar-drag {
  background-color: var(--maincolor);
}
@media screen and (max-width: 1380px) {
  .main_sec6_w {
    width: 90%;
  }
  .main_sec6 .swiper_box {
    max-width: 600px;
  }
}
@media screen and (max-width: 1280px) {
  .main_sec6_w {
    width: 90%;
  }
  .main_sec6 .swiper_box {
    max-width: 500px;
  }
}
@media screen and (max-width: 1150px) {
  .main_sec6 .cont_1 {
    gap: 20px;
  }
  .main_title_box > p > br {
    display: none;
  }
  .main_sec6 .swiper_box {
    max-width: 300px;
  }
}
@media screen and (max-width: 768px) {
  .main_sec6 {
    padding: 80px 0 0 0;
    background-image: url(/img/main/sec6/main_sec6_bg_m.png);
  }
  .main_sec6 .cont_1 {
    gap: 45px;
  }
  .main_sec6 .cont_1 {
    flex-direction: column;
  }
  .main_sec6 .swiper_box {
    margin-top: 0;
    margin: 0 auto;
  }
  .main_sec6 .bg_img {
    margin-top: 48px;
  }
  .main_sec6 .bg_img img {
    width: 100%;
    display: block;
  }
}

/* 스크롤에 따란 section 내 fade up 효과 */
[data-fade="up"] {
  opacity: 0;
  transform: translateY(20%);
  transition: all 0.8s ease;
}

.active-fade [data-fade="up"] {
  opacity: 1;
  transform: translateY(0);
}

.active-fade [data-fade-delay="0.25"] {
  transition-delay: 0.25s;
}

.active-fade [data-fade-delay="0.5"] {
  transition-delay: 0.5s;
}