@charset "UTF-8";
section {
  overflow: hidden;
  padding: 10rem 0;
}

#contents {
  background: #fff;
}

.floating {
  position: fixed;
  right: 2rem;
  bottom: 7rem;
  z-index: 50;
  display: none;
  width: 5.8rem;
  height: 5.8rem;
}
@media (max-width: 1024px) {
  .floating {
    display: block;
  }
}

.section1 {
  width: 100%;
  height: 100vh;
  position: relative;
  padding: 0;
}
.section1 .wrap-box {
  position: absolute;
  left: 50%;
  top: 53%;
  transform: translate(-50%, -50%);
  z-index: 5;
  width: 100%;
}
.section1 .wrap-box .txt-wrap .txt1 {
  color: #FFF;
  font-family: 'InriaSerif', serif;
  font-size: 8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  display: block;
  text-align: center;
}
@media (max-width: 1024px) {
  .section1 .wrap-box .txt-wrap .txt1 {
    font-size: 1.2rem;
  }
}
.section1 .wrap-box .txt-wrap .txt2 {
  color: #FFF;
  font-family: SUIT;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: 0.9px;
  display: block;
  margin-top: 3.5rem;
  text-align: center;
}
@media (max-width: 1024px) {
  .section1 .wrap-box .txt-wrap .txt2 {
    font-size: 3rem;
    margin-top: 1.6rem;
  }
}
.section1 .wrap-box .show-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 17rem;
}
.section1 .wrap-box .show-btn li {
  display: flex;
  align-items: center;
}
.section1 .wrap-box .show-btn li:before {
  content: "";
  display: block;
  margin: 0 2.3rem;
  width: 0.1rem;
  height: 1.3rem;
  background: #FFF;
  opacity: 30%;
}
.section1 .wrap-box .show-btn li:first-of-type:before {
  display: none;
}
.section1 .wrap-box .show-btn li .click-btn {
  color: #FFF;
  font-family: SUIT;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  opacity: 30%;
}
.section1 .wrap-box .show-btn li .click-btn.active {
  opacity: 100%;
}
.section1 .back-wrap {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  /*.back1 {
    background: url("/images/main/visual1.png") no-repeat center;
    background-size: cover;
  }*/
}
.section1 .back-wrap .back {
  width: 100%;
  height: 100%;
}
.section1 .back-wrap .back .MainVideo {
  object-fit: cover;
  aspect-ratio: 16/9;
  width: 100%;
  height: 100%;
}
.section1 .mobile-only .wrap-box .txt-wrap .txt1 {
  color: #FFF;
  text-align: center;
  font-family: Futura-PT;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: normal;
  display: block;
}
.section1 .mobile-only .wrap-box .txt-wrap .txt2 {
  color: #FFF;
  text-align: center;
  font-family: 'InriaSerif', serif;
  font-size: 3rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: block;
  margin-top: 1.6rem;
}
.section1 .sec1_sd .swiper-slide {
  width: 100%;
  height: 100vh;
}
.section1 .sec1_sd .MainVideo {
  object-fit: cover;
  aspect-ratio: 16/9;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.section1 .custom-pagination {
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 16px;
  color: white;
  font-family: "Helvetica Neue", sans-serif;
  display: flex;
  gap: 8px;
  align-items: center;
  z-index: 5;
}
.section1 .custom-pagination .divider {
  width: 30px;
  height: 1px;
  background: white;
  position: relative;
  top: 0;
  transform: rotate(-45deg);
  display: inline-block;
}
.section1 .custom-pagination .current,
.section1 .custom-pagination .total {
  font-weight: 400;
  font-size: 14px;
}

.section2 {
  width: 100%;
  height: 100vh;
  overflow: hidden;
}
.section2 .inner {
  width: 100%;
  max-width: 90%;
  height: 100%;
  margin: 0 auto;
  position: relative;
}
@media (max-width: 1024px) {
  .section2 .inner {
    max-width: 95%;
    margin-right: 5%;
  }
}
.section2 .img-wrap {
  display: flex;
}
@media (max-width: 1024px) {
.section2 .img-wrap {
  display: none;
}
}
.section2 .img-left-wrap,
.section2 .img-right-wrap {
  width: 50%;
  flex: 1 0 50%;
  display: flex;
  flex-direction: column;
  row-gap: 20rem;
}
.section2 .img-left-wrap {
  transform: translateY(-75%);
  align-items: flex-start;
}
@media (max-width: 1024px) {
  .section2 .img-left-wrap img {
    margin-left: 0 !important;
  }
}
.section2 .img-right-wrap {
  transform: translateY(75%);
  align-items: flex-end;
}
@media (max-width: 1024px) {
  .section2 .img-right-wrap {
    display: none;
  }
}
.section2 .txt-wrap {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 5;
  width: 100%;
}
.section2 .txt-wrap .txt1 {
font-family: 'InriaSerif', serif;
  color: #545E2B;
  text-align: center;
  font-size: 3rem;
  font-style: normal;
  font-weight: 200;
  line-height: 1.8;
  letter-spacing: -0.8px;
  text-align: center;
  display: block;
}
@media (max-width: 1024px) {
  .section2 .txt-wrap .txt1 {
    text-align: right;
    font-size: 1.7rem;
  }
}
.section2 .txt-wrap .txt2 {
  color: #545E2B;
  font-family: "Madelinette Roman";
  font-size: 8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  text-align: center;
  display: block;
  margin-top: 4rem;
}
@media (max-width: 1024px) {
  .section2 .txt-wrap .txt2 {
    text-align: right;
    font-size: 4.1rem;
    line-height: 1.3;
    margin-top: 8rem;
  }
}
.section2 .txt-wrap .txt3 {
  color: #666;
  text-align: center;
  font-family: SUIT;
  font-size: 1.7rem;
  font-style: normal;
  font-weight: 300;
  line-height: 1.7;
  letter-spacing: -0.425px;
  text-align: center;
  display: block;
  margin-top: 4rem;
}
@media (max-width: 1024px) {
  .section2 .txt-wrap .txt3 {
    font-size: 1.3rem;
    margin-top: 5rem;
    text-align: right;
  }
}
.section2 .txt-wrap .sec2-btn {
  margin: 10rem auto 0;
  width: 20rem;
  height: 7rem;
  display: block;
}
@media (max-width: 1024px) {
  .section2 .txt-wrap .sec2-btn {
    margin-top: 7.2rem;
  }
}

/*2_2*/
.section2_2 {
  width: 100%;
  height: 100vh;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .section2_2 {
        max-height: 120vh !important;
        height: 100vh !important;
        padding: 10rem 0 5rem 0 !important;
        transform: translate(0px, 10px) !important;
  }
}
.section2_2 .inner {
  width: 100%;
  max-width: 90%;
  height: 100%;
  margin: 0 auto;
  position: relative;
}
@media (max-width: 1024px) {
  .section2_2 .inner {
    max-width: 92%;
    margin-right: 8%;
	height:90%;
  }
.section2_2 .img-wrap{
display:none;
}
.section2_2 .img-wrap2 {
  width: 70%;
   padding-top: 132px;
}
}
@media (max-width: 385px) {
.section2_2 .img-wrap2 {
   padding-top: 55px;
}
}
@media (max-width: 365px) {
.section2_2 .img-wrap2 {
   padding-top: 80px;
}
}
.section2_2 .img-left-wrap,
.section2_2 .img-right-wrap {
  width: 50%;
  flex: 1 0 50%;
  display: flex;
  flex-direction: column;
  row-gap: 20rem;
}
.section2_2 .img-left-wrap {
  transform: translateY(-75%);
  align-items: flex-start;
}
@media (max-width: 1024px) {
  .section2_2 .img-left-wrap img {
    margin-left: 0 !important;
  }
}
.section2_2 .img-right-wrap {
  transform: translateY(75%);
  align-items: flex-end;
}
@media (max-width: 1024px) {
  .section2_2 .img-right-wrap {
    display: none;
  }
}
.section2_2 .txt-wrap {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  z-index: 5;
  width: 100%;
}
.section2_2 .txt-wrap .txt1 {
  color: #545E2B;
  text-align: center;
  font-family: "Arita Buri KR";
  font-size: 3.36rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.52;
  letter-spacing: -1.8px;
  text-align: center;
  display: block;
}
@media (max-width: 1024px) {
  .section2_2 .txt-wrap .txt1 {
    text-align: right;
    font-size: 1.7rem;
	font-weight: 300;
    letter-spacing: 0;
  }
}
.section2_2 .txt-wrap .txt2 {
  color: #545E2B;
  font-family: "Madelinette Roman";
  font-size: 8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  text-align: center;
  display: block;
  margin-top: 4rem;
}
@media (max-width: 1024px) {
  .section2_2 .txt-wrap .txt2 {
    text-align: right;
    font-size: 4.1rem;
    line-height: 1.3;
    margin-top: 14rem;
	letter-spacing: -6px;
  }
   .section2_2 .txt-wrap .txt2_2 {
    text-align: right;
    font-size: 4.1rem;
    line-height: 1.3;
    margin-top: 8rem;
	letter-spacing: -6px;
  }
.section2_2 .t2 {
  color: #545E2B;
  transition: color 0.3s ease;
  display: inline-block;
  position: relative;
  z-index: 2;
}
.section2_2 .t2.overlap {
  color: #fff;
}
.section2_2 .img-wrap2 img {
  position: relative;
  z-index: 1;
}

}
.section2_2 .txt-wrap .txt3 {
  color: #666;
  text-align: center;
  font-family: SUIT;
  font-size: 1.7rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.64;
  letter-spacing: -0.425px;
  text-align: center;
  display: block;
  margin-top: 4rem;
}
@media (max-width: 1024px) {
  .section2_2 .txt-wrap .txt3 {
    font-size: 1.3rem;
    margin-top: 12rem;
    text-align: right;
	color: #222;
    letter-spacing: 0;
    font-weight: 300;
    }
  }
}
.section2_2 .sec2-btn {
  margin: 10rem auto 0;
  width: 20rem;
  height: 7rem;
  display: block;
}
@media (max-width: 1024px) {
  .section2_2 .sec2-btn {
    margin: 0 auto 0;
	width:19rem;
    display: block;
	text-align:center;
  }
   .section2_2 .sec2-btn .img1 {
	width:12rem;
  }
   .section2_2 .sec2-btn .img2 {
	margin-top:30px;
  }
}
/**/
.section3 {
  position: relative;
  overflow: hidden;
  padding-bottom: 17rem;
  min-height: auto;
}
@media (max-width: 1024px) {
.section3 {
padding-top:2rem;
padding-bottom:1rem;
}
}
.section3:before {
  content: "";
  position: absolute;
  bottom: 140px;
  left: 0;
  width: 141.42vw; /* √2 × 100vw */
  height: 1px;
  background: #E9E9E9;
  transform: rotate(-25deg);
  transform-origin: bottom left;
  z-index: 1;
}
@media (max-width: 1024px) {
.section3:before {
top:300px;
transform:rotate(-20deg);
}
}
.section3 .inner {
  width: 100%;
  min-height: 80vh;
  display: flex;
  align-items: center;
}
@media (max-width: 1024px) {
  .section3 .inner {
    flex-direction: column-reverse;
    max-width: 84%;
    margin: 0 auto;
    align-items: flex-start;
    padding-bottom: 13rem;
  }
}
.section3 .inner .left {
  width: 50%;
  position: relative;
  background-color: #fff;
  z-index: 30;
  padding-top: 43%;
  height: 0;
}
@media (max-width: 1024px) {
  .section3 .inner .left {
    display: none;
  }
}
.section3 .inner .img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.6s ease;
  z-index: 0;
}
.section3 .inner .img.active {
  opacity: 1;
  z-index: 1;
}
.section3 .inner .img img {
  width: 100%;
  height: 100%;
}

.section3 .inner .right {
  width: calc(50% - 13rem);
  display: flex;
  align-items: center;
  padding-right: 5%;
  margin-left: 13rem;
}
@media (max-width: 1024px) {
  .section3 .inner .right {
    width: 100%;
    margin-left: 0;
    padding-right: 0;
  }
}
.section3 .inner .right .img-wrap {
  display: none;
  aspect-ratio: 9/16;
  width: 100%;
  position: relative;
  margin-top: 3rem;
}
@media (max-width: 1024px) {
  .section3 .inner .right .img-wrap {
    display: block;
    max-height: 45rem;
  }
}
.section3 .inner .right .cont-wrap {
  width: 100%;
  z-index: 10;
}
@media (max-width: 1024px) {
  .section3 .inner .right .cont-wrap .tit-wrap {
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
  }
}
.section3 .inner .right .cont-wrap .tit-wrap .tit {
  color: #000;
  font-family: 'InriaSerif', serif;
  font-size: 8rem;
  font-weight: 400;
  line-height: 100%;
  display: none;
}
.section3 .inner .right .cont-wrap .tit-wrap .tit.active {
  display: block;
}
@media (max-width: 1024px) {
  .section3 .inner .right .cont-wrap .tit-wrap .tit {
    margin-top: 4rem;
    font-size: 4rem;
    text-align: center;
  }
}
.section3 .inner .right .cont-wrap .tit-wrap .img-btn-wrap {
  margin-top: 5.6rem;
  display: flex;
  gap: 4rem;
}
@media (max-width: 1024px) {
  .section3 .inner .right .cont-wrap .tit-wrap .img-btn-wrap {
    justify-content: center;
  }
}
.section3 .inner .right .cont-wrap .tit-wrap .img-btn-wrap .img-btn {
  color: #9F9F9F;
  font-family: SUIT;
  font-size: 2.1rem;
  font-weight: 400;
  line-height: 100%;
  /* letter-spacing: -0.6px; */
}
@media (max-width: 1024px) {
  .section3 .inner .right .cont-wrap .tit-wrap .img-btn-wrap .img-btn {
    font-size: 1.5rem;
  }
}
.section3 .inner .right .cont-wrap .tit-wrap .img-btn-wrap .img-btn.active {
  color: #000;
  font-weight: 700;
}
.section3 .inner .right .cont-wrap .cont-box {
  position: relative;
  min-height: 16rem;
  margin-top: 17rem;
}
@media (max-width: 1024px) {
  .section3 .inner .right .cont-wrap .cont-box {
    margin-top: 2.2rem;
  }
}
.section3 .inner .right .cont-wrap .cont-box .cont {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  transition: opacity 0.6s ease;
  z-index: 0;
}
.section3 .inner .right .cont-wrap .cont-box .cont.active {
  opacity: 1;
  z-index: 1;
}
.section3 .inner .right .cont-wrap .cont-box .cont .cont-tit {
  color: #000;
  font-family: Pretendard;
  font-size: 3.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  /* letter-spacing: -0.95px; */
  display: block;
}
@media (max-width: 1024px) {
  .section3 .inner .right .cont-wrap .cont-box .cont .cont-tit {
    font-size: 1.9rem;
  }
}
.section3 .inner .right .cont-wrap .cont-box .cont .cont-txt {
  color: #000;
  font-family: Pretendard;
  font-size: 1.7rem;
  font-weight: 400;
  line-height: 1.5;
/*   letter-spacing : -0.5px;*/
  display: block;
  margin-top: 3.8rem;
}
@media (max-width: 1024px) {
  .section3 .inner .right .cont-wrap .cont-box .cont .cont-txt {
    margin-top: 2.5rem;
    font-size: 1.5rem;
	line-height:1.7;
  }
  
}
.section3 .inner .right .cont-wrap .direct-btn {
  position: relative;
  margin-top: 16.7rem;
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 1024px) {
  .section3 .inner .right .cont-wrap .direct-btn {
    margin-top: 0;
  }
}
.section3 .inner .right .cont-wrap .direct-btn a.plusMore {
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.6s ease;
}
.section3 .inner .right .cont-wrap .direct-btn a.plusMore.active {
  opacity: 1;
  pointer-events: auto;
}

.plusMore {
  position: relative;
  display: inline-block;
  width: 21rem;
  height: 21rem;
  cursor: pointer;
}
@media (max-width: 1024px) {
  .plusMore {
    width: 11rem;
    height: 11rem;
  }
}
.plusMore::before {
  content: "";
  position: absolute;
  inset: 0;
  border: 1px solid #a1ab82;
  border-radius: 50%;
  background: transparent;
  transition: background 0.7s ease, border-color 0.7s ease, width 0.7s ease, height 0.7s ease, left 0.7s ease, top 0.7s ease, transform 0.7s ease;
  width: 100%;
  height: 100%;
}
.plusMore::after {
  content: "";
  position: absolute;
  inset: 0;
  background: url("/images/common/plus.png") center no-repeat;
  background-size: auto;
  transition: opacity 0.7s ease;
}
.plusMore .label {
  position: absolute;
  top: 20%;
  left: 7%;
  transform: translate(-50%, 0);
  color: #000;
  font-family: "Futura PT";
  font-size: 4.3rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  white-space: nowrap;
  transition: left 0.7s ease, top 0.7s ease, color 0.7s ease, font-size 0.7s ease;
}
@media (max-width: 1024px) {
  .plusMore .label {
    font-size: 3rem;
	font-family:'InriaSerif', serif;
	top:-15%;
  }
}
.plusMore:hover::before {
  background: #a1ab82;
  border-color: #a1ab82;
  width: 15rem;
  height: 15rem;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.plusMore:hover::after {
  opacity: 0;
}
.plusMore:hover .label {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #FFFFFF;
  font-size: 2.5rem;
}

.section4 {
  min-height: 100vh;
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
}

@media (max-width: 1024px) {
.section4 {
padding-top:0rem;
}
}
.section4:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 141.42vw; /* √2 × 100vw */
  height: 1px;
  background: #E9E9E9;
  transform: rotate(20deg);
  transform-origin: bottom left;
  z-index: 1;
}
@media (max-width: 1024px) {
  .section4:before {
    top: 15%;
    left: 0;
  }
}
.section4 .inner {
  max-width: 1400px;
  width: 95%;
  margin: 0 auto;
}
@media (max-width: 1024px) {
  .section4 .inner {
    width: 84%;
  }
}
.section4 .tit-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 1024px) {
  .section4 .tit-wrap {
    flex-direction: column-reverse;
    align-items: flex-end;
  }
}
.section4 .tit-wrap .tit {
  color: #000;
  font-family: 'InriaSerif', serif;
  font-size: 7.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  letter-spacing: -2.125px;
  z-index: 2;
}
@media (max-width: 1024px) {
  .section4 .tit-wrap .tit {
    margin-top: 11rem;
    font-size: 4.5rem;
	letter-spacing:0;
  }
}
.section4 .tit-wrap .txt {
  color: #B3B3B3;
  text-align: right;
  font-family: SUIT;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.85;
  letter-spacing: 0.014px;
}
@media (max-width: 1024px) {
  .section4 .tit-wrap .txt {
    color: #C6C6C6;
    font-size: 1.1rem;
    font-style: normal;
    font-weight: 500;
    line-height: 2.16;
    letter-spacing: -0.22px;
  }
}
.section4 .sec4-sd {
  margin-top: 5rem;
  max-width: 1350px;
}
@media (max-width: 1024px) {
.section4 .sec4-sd {
margin -top:3px;
}
}
.section4 .sec4-sd .swiper-wrapper {
  display: flex;
}
@media (max-width: 1024px) {
  .section4 .sec4-sd .swiper-wrapper {
    flex-direction: column;
  }
}
.section4 .sec4-sd .swiper-slide {
  width: calc((100% - 60px) / 2);
  flex-shrink: 0;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .section4 .sec4-sd .swiper-slide {
    width: 100%;
  }
}
.section4 .sec4-sd .swiper-slide .img {
  width: 100%;
  height: auto;
  transition: transform 0.5s ease;
}
.section4 .sec4-sd .swiper-slide + .swiper-slide {
  margin-left: 6rem;
}
@media (max-width: 1024px) {
  .section4 .sec4-sd .swiper-slide + .swiper-slide {
    margin-top: 5.7rem;
    margin-left: 0;
  }
}
@media (max-width: 1024px) {
  .section4 .sec4-sd .swiper-slide:nth-of-type(1) .cont-wrap {
    text-align: left;
  }
  .section4 .sec4-sd .swiper-slide:nth-of-type(2) .cont-wrap {
    text-align: right;
  }
  .section4 .sec4-sd .swiper-slide:nth-of-type(2) .cont-wrap .view-btn {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
  }
  .section4 .sec4-sd .swiper-slide:nth-of-type(2) .cont-wrap .view-btn:after {
    margin-right: 1.5rem;
  }
}
.section4 .sec4-sd .cont-wrap .txt1 {
  color: #000;
  font-family: Pretendard;
  font-size: 2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  /* letter-spacing: -0.6px; */
  display: block;
  margin-top: 3.5rem;
}
@media (max-width: 1024px) {
  .section4 .sec4-sd .cont-wrap .txt1 {
    font-size: 1.5rem;
    margin-top: 2.2rem;
  }
}
.section4 .sec4-sd .cont-wrap .txt2 {
  color: #000;
  font-family: 'InriaSerif', serif;
  font-size: 5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  letter-spacing: -1.375px;
  display: block;
  margin-top: 1.8rem;
}
@media (max-width: 1024px) {
  .section4 .sec4-sd .cont-wrap .txt2 {
    font-size: 3rem;
    margin-top: 1rem;
	letter-spacing:0;
  }
}
.section4 .sec4-sd .cont-wrap .view-btn {
  color: #000;
  font-family: "Futura PT";
  font-size: 1.1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.133px;
  text-transform: uppercase;
  display: block;
  margin-top: 5rem;
}
@media (max-width: 1024px) {
  .section4 .sec4-sd .cont-wrap .view-btn {
    margin-top: 4.5rem;
    font-size: 1.3rem;
  }
}
.section4 .sec4-sd .cont-wrap .view-btn:after {
  content: "";
  width: 11rem;
  height: 1px;
  background: #000000;
  display: inline-block;
  margin-left: 1.5rem;
  vertical-align: middle;
}
.section4 .sec4-sd .hover-target .img {
  transition: transform 0.4s ease;
}
.section4 .sec4-sd .hover-target .txt1,
.section4 .sec4-sd .hover-target .txt2 {
  transition: transform 0.4s ease;
}
.section4 .sec4-sd .hover-target .view-btn {
  transition: color 0.3s ease;
}
.section4 .sec4-sd .hover-target:hover .img {
  transform: scale(1.03);
}
.section4 .sec4-sd .hover-target:hover .txt1 {
  transform: translateY(-5px);
}
.section4 .sec4-sd .hover-target:hover .txt2 {
  transform: translateY(-8px);
}
.section4 .sec4-sd .hover-target:hover .view-btn {
  color: #a1ab82;
}
.section4 .sec4-sd .hover-target:hover .view-btn:after {
  background: #a1ab82;
}

.section5 {
  width: 100%;
  min-height: 110vh;
  position: relative;
  display: flex;
  align-items: center;
}
.section5:before {
  content: "";
  width: 50%;
  height: 100%;
  background: #f7f9f3;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
@media (max-width: 1024px) {
  .section5:before {
    display: none;
  }
}
@media (max-width: 1024px) {
  .section5 {
    padding: 12.5rem 0 10rem 0;
    min-height: auto;
  }
  .section5:after {
    content: "";
    position: absolute;
    top: 42%;
    left: -50%;
    width: 165vw;
    height: 1px;
    background: #E9E9E9;
    transform: rotate(-25deg);
    transform-origin: bottom left;
    z-index: 1;
  }
}

.section5 .inner {
  margin-left: 28rem;
  width: calc(100% - 28rem);
}
@media (max-width: 1024px) {
  .section5 .inner {
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
  }
}
.section5 .tit-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  z-index: 2;
  padding-right:6rem;
}
@media (max-width: 1024px) {
  .section5 .tit-wrap {
    flex-direction: column-reverse;
    align-items: flex-start;
    max-width: 90%;
    width: 100%;
    margin: 0 auto;
	padding-right:0;
  }
}
.section5 .tit-wrap .tit {
  color: #000;
  font-family: 'InriaSerif', serif;
  font-size: 8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  letter-spacing: -2.125px;
}
@media (max-width: 1024px) {
  .section5 .tit-wrap .tit {
    background: #fff;
    padding: 1rem;
    font-size: 5.6rem;
    margin-top: 3.8rem;
    line-height: 1.5;
	letter-spacing:0;
  }
}
.section5 .tit-wrap .view-btn {
  color: #000;
  font-family: "Futura PT";
  font-size: 1.7rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.133px;
  text-transform: uppercase;
}
@media (max-width: 1024px) {
  .section5 .tit-wrap .view-btn {
    background: #fff;
    padding: 1rem;
    font-size: 1.3rem;
    margin-left: auto;
  }
}
.section5 .tit-wrap .view-btn:before {
  content: "";
  width: 11rem;
  height: 1px;
  background: #000000;
  display: inline-block;
  margin-right: 1.5rem;
  vertical-align: middle;
}
@media (max-width: 1024px) {
  .section5 .tit-wrap .view-btn:before {
    display: none;
  }
}
.section5 .tit-wrap .view-btn:hover {
  color: #a1ab82;
}
.section5 .tit-wrap .view-btn:hover:before {
  background: #a1ab82;
}
.section5 .sec5-sd {
  margin-top: 5rem;
  overflow: hidden;
  position: relative;
  z-index: 5;
}
.section5 .sec5-sd .swiper-slide {
  width: 48rem;
  flex: none;
  overflow: hidden;
  transition: all 0.3s;
}
.section5 .sec5-sd .swiper-slide .hover-target {
  transition: transform 0.4s ease;
}
.section5 .sec5-sd .swiper-slide .hover-target .img {
  transition: transform 0.4s ease;
}
.section5 .sec5-sd .swiper-slide .hover-target .cont-wrap .txt1,
.section5 .sec5-sd .swiper-slide .hover-target .cont-wrap .txt2 {
  transition: transform 0.4s ease;
}
.section5 .sec5-sd .swiper-slide .hover-target:hover {
  transform: translateY(-6px);
}
.section5 .sec5-sd .swiper-slide .hover-target:hover .img {
  transform: scale(1.05);
}
.section5 .sec5-sd .swiper-slide .hover-target:hover .cont-wrap .txt1 {
  transform: translateY(-5px);
}
.section5 .sec5-sd .swiper-slide .hover-target:hover .cont-wrap .txt2 {
  transform: translateY(-8px);
}
@media (max-width: 1024px) {
  .section5 .sec5-sd .swiper-slide {
    transform: scale(1.1);
    padding-bottom: 5rem;
    transition: tranform 0.3s ease-in-out;
  }
  .section5 .sec5-sd .swiper-slide-active {
  width:70%;
}
  .section5 .sec5-sd .swiper-slide:not(.swiper-slide-active) {
	width:65%;
    transform: scale(0.9);
  }
  .section5 .sec5-sd .swiper-slide:not(.swiper-slide-active) .cont-wrap {
    transform: scale(0.9);
  }
  .section5 .sec5-sd .swiper-slide:not(.swiper-slide-active) .date-info {
    transform: scale(0.9);
  }
}
.section5 .sec5-sd .anchor-link .cont-wrap {
  margin-top: 4.5rem;
}
@media (max-width: 1024px) {
.section5 .sec5-sd .anchor-link .cont-wrap {
  margin-top: 2rem;
}
}
@media (max-width: 1024px) {
  .section5 .sec5-sd .anchor-link .cont-wrap {
    width: calc(100% - 3rem);
  }
}
.section5 .sec5-sd .anchor-link .cont-wrap .txt1 {
  color: #000;
  font-family: Pretendard;
  font-size: 1.7rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  /* letter-spacing: -0.5px; */
  text-transform: uppercase;
  display: block;
}
@media (max-width: 1024px) {
  .section5 .sec5-sd .anchor-link .cont-wrap .txt1 {
    font-size: 1.2rem;
  }
}
.section5 .sec5-sd .anchor-link .cont-wrap .txt2 {
  color: #000;
  font-family: Pretendard;
  font-size: 2.6rem;
  font-style: normal;
  font-weight: 300;
  line-height: 1;
  /* letter-spacing: -0.75px; */
  display: block;
  margin-top: 1.3rem;
}
@media (max-width: 1024px) {
  .section5 .sec5-sd .anchor-link .cont-wrap .txt2 {
    font-size: 1.6rem;
  }
}
.section5 .sec5-sd .anchor-link .date-info {
  border-top: 1px solid #ebebeb;
  margin-top: 2.2rem;
  padding-top: 2.2rem;
}
@media (max-width: 1024px) {
  .section5 .sec5-sd .anchor-link .date-info {
    width: calc(100% - 1rem);
  }
}
.section5 .sec5-sd .anchor-link .date-info .tit {
  color: #000;
  font-family: Pretendard;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.425px;
  display: inline-block;
}
@media (max-width: 1024px) {
  .section5 .sec5-sd .anchor-link .date-info .tit {
    font-size: 1.4rem;
	float:left;
	margin-right:2rem;
	font-weight:500;
  }
}
.section5 .sec5-sd .anchor-link .date-info .date {
  color: #666;
  font-family: 'SUIT';
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.066px;
  display: inline-block;
  margin-left: 3rem;
}
@media (max-width: 1024px) {
  .section5 .sec5-sd .anchor-link .date-info .date {
    font-size: 1.4rem;
    margin-left: 0;
    display: block;
	font-weight:400;
  }
}

.section6 {
  position: relative;
  width: 100%;
  min-height: 100vh;
  display: flex;
  align-items: center;
}
@media (max-width: 1024px) {
  .section6 {
    padding: 13rem 0 6.3rem 0;
    min-height: auto;
  }
}
.section6 .inner {
  display: flex;
  max-width: 140rem;
  width: 95%;
  margin: 0 auto;
  min-height: 75rem;
}
@media (max-width: 1024px) {
  .section6 .inner {
    flex-direction: column;
    width: 84%;
    min-height: auto;
  }
}
.section6 .left {
  width: 50%;
  flex: 1 0 auto;
}
@media (max-width: 1024px) {
  .section6 .left {
    width: 100%;
  }
}
.section6 .left .tit-wrap .tit {
  color: #000;
  text-align: right;
  font-family: 'InriaSerif', serif;
  font-size: 6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: -1.625px;
  display: block;
}
@media (max-width: 1024px) {
  .section6 .left .tit-wrap .tit {
    font-size: 3rem;
    text-align: center;
	letter-spacing:0;
  }
}
.section6 .left .tit-wrap .txt {
  color: #000;
  text-align: right;
  font-family: Pretendard;
  font-size: 1.9rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.5px;
  display: block;
  margin-top: 7.2rem;
}
@media (max-width: 1024px) {
  .section6 .left .tit-wrap .txt {
    margin-top: 2.3rem;
    font-size: 1.4rem;
    text-align: center;
	font-weight:300;
  }
}
.section6 .right {
  margin-left: 10rem;
  width: calc(100% - 10rem);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
@media (max-width: 1024px) {
  .section6 .right {
    width: 100%;
    margin-top: 6.7rem;
    margin-left: 0;
  }
}
.section6 .right .form-area {
  width: 100%;
  max-width: 69rem;
}
@media (max-width: 1024px) {
  .section6 .right .form-area {
    max-width: 100%;
  }
}
.section6 .right .form-area .form {
  border-bottom: 1px solid #d9d9d9;
  padding: 2.5rem 0 1rem;
  display: flex;
  align-items: end;
}
@media (max-width: 1024px) {
  .section6 .right .form-area .form {
    padding: 1.5rem 0 0.5rem 0;
  }
}
.section6 .right .form-area .form1:hover {
  border-bottom: 1px solid #000;
}
.section6 .right .form-area .form2:hover {
  border-bottom: 1px solid #000;
}
.section6 .right .form-area .form3:hover {
  border-bottom: 1px solid #000;
}


.section6 .right .form-area .form .form-tit {
  width: 14rem;
  flex: none;
}
.section6 .right .form-area .form .form-tit .tit {
  color: #000;
  font-family: 'InriaSerif', serif;
  font-size: 1.7rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1;
  /* letter-spacing: -1.25px; */
}
@media (max-width: 1024px) {
  .section6 .right .form-area .form .form-tit .tit {
    font-size: 1.3rem;
	letter-spacing:0;
  }
}
.section6 .right .form-area .form .form-cont {
  flex: 1 0;
}
.section6 .right .form-area .form .form-cont input[type=text] {
  height: 3.2rem;
  width: 100%;
  padding: 0 1rem;
}
.section6 .right .form-area .check-box {
  margin-top: 2rem;
}
.section6 .right .btn-wrap {
  margin-top: 8.3rem;
}
@media (max-width: 1024px) {
  .section6 .right .btn-wrap {
    margin-top: 5rem;
  }
}
.section6 .right .btn-wrap .btn {
  width: 100%;
  min-height: 5rem;
  background: #000;
  font-size: 1.8rem;
  color: #ffffff;
  font-family: "blacker sans display";
  text-align: center;
  display: block;
  text-transform: uppercase;
}
@media (max-width: 1024px) {
  .section6 .right .btn-wrap .btn {
    font-size: 1.4rem;
    min-height: 3.8rem;
	letter-spacing:0;
  }
}

.check-box input[type=checkbox] {
  width: 1.5rem;
  height: 1.5rem;
}
.check-box input[type=checkbox] + label {
  color: #838383;
  font-family: Pretendard;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px; /* 100% */
  letter-spacing: -0.4px;
  margin-left: 0.7rem;
}
@media (max-width: 1024px) {
  .check-box input[type=checkbox] + label {
    font-size: 1.3rem;
  }
}





@media (max-width: 890px) {
}