@charset "utf-8";
/* 기본설정 */
/* @import "default.css"; */
html, body { overflow-x: hidden;}
.special_slide{
    position: relative;
}
.special_slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
@media(max-width:500px){
    .special_slide img{
        height: auto;
    }
}

/* 첫 번째 섹션 */
section.special-intro {
  padding: 120px 10vw 160px;
}

.special-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 100px;
  gap: 5vw;
}

/* ===============================
   좌측 텍스트
================================ */
.special-text-wrap {
  position: relative;
  font-weight: bold;
}

.special-title {
  font-size: 30px;
  color: #BE9A71;
  margin-bottom: 60px;
}

.special-desc {
  font-size: 17px;
  line-height: 1.8;
  margin-bottom: 60px;
}
.special-list-wrap {
    display: flex;
    align-items: center;
    gap: 25px;
}
.special-list {
  font-size: 17px;
  line-height: 1.8;
}

/* 세로 텍스트 */
.special-vertical {
  writing-mode: vertical-rl;
  text-orientation: mixed;
  font-size: 20px;
  letter-spacing: 0.4em;
  color: #44372B;
  font-weight: bold;
}

/* ===============================
   우측 이미지
================================ */
.special-image-wrap {
  position: relative;
  display: flex;
  align-items: baseline;
  gap: 40px;
}

.special-image-wrap img {
  display: block;
  border-radius: 20px;
}

/* 작은 이미지 */
.img-small img {
  width: 310px;
}

/* 큰 이미지 */
.img-large img {
  width: 610px;
}

@media(max-width:1800px){
    .special-desc, .special-list { font-size: 15px;}
    .special-vertical { font-size: 18px;}
}

@media(max-width:1200px){
    .img-small { display: none;}
    .img-large img {
        max-width: 38vw;
    }
}

@media(max-width:768px){
    .special-inner {
        flex-direction: column;
        align-items: baseline;
        margin-top: 40px;
        gap: 40px;
    }
    .special-title { 
        margin-bottom: 15px;
        font-size: 24px;
    }
    .special-desc {
        margin-bottom: 40px;
    }
    .special-list-wrap { 
        gap: 20px;
    }
    .img-large img {
        max-width: 73vw;
        border-radius: 10px;
    }
}

@media(max-width:500px){
    section.special-intro {
        padding: 70px 20px 100px; 
    }
    .special-title { font-size: 20px;}
    .special-desc, .special-list { font-size: 14px;}
    .special-vertical { 
        font-size: 16px;
        letter-spacing: 0.3em;
    }
     .img-large img {
        max-width: 90vw;
    }
}

/* 첫 번째 섹션 끝 */



/* 두 번째 섹션 */

section.special-detail {
  padding: 70px 10vw 60px;
}

.special-detail-inner {
  display: flex;
  justify-content: center;
  margin-top: 100px;
}

/* 공통 이미지 */
.special-detail-img {
  position: relative;
  flex: 1;
}

.special-detail-img img {
  width: 100%;
  display: block;
}
.special-detail-img.left img {
    border-radius: 20px 20px 0px 20px;
}

.special-detail-img.right {
    margin-top: 100px;
}
.special-detail-img.right img {
    border-radius: 0px 20px 20px 20px;
}

/* 우측 이미지에 걸쳐진 영문 텍스트 */
.special-eng {
  position: absolute;
  right: 10px;
  bottom: -45px;
  font-size: 64px;
  letter-spacing: 5px;
  color: #44372B;
  font-weight: bold;
  pointer-events: none;
}

@media(max-width:1200px){
    .special-eng {
        right: 7px;
        bottom: -29px;
        font-size: 40px;
        letter-spacing: 3px;
    }
}

@media(max-width:670px){
    section.special-detail {
        padding: 0px 10vw 30px;
    }
    .special-detail-inner {
        flex-direction: column;
        margin-top: 100px;
    }
    .special-detail-img img {
        width: 72.5vw;
    }
    .special-detail-img.left img {
        border-radius: 10px 10px 0px 10px;
    }

    .special-detail-img.right {
        margin-top: 0px;
        margin-left: auto;
    }
    .special-detail-img.right img {
        border-radius: 0px 10px 10px 10px;
    }
    .special-eng {
        right: auto;
        left: -11%;
    }
}

@media(max-width:500px){
    section.special-detail {
        padding: 70px 20px 100px;
    }
    .special-detail-inner {
        margin-top: 55px;
    }
    .special-eng {
        left: -24%;
    }
}
/* 두 번째 섹션 끝 */





/*메인 이외 탑슬라이드 */
/* 초기 상태 */
.topslide .swiper-slide:first-child .slide-caption h2,
.topslide .swiper-slide:first-child .slide-caption p,
.topslide .swiper-slide:first-child .slide-caption .view-more-button {
  opacity: 0;
  transform: translateY(45px);
}

/* 애니메이션 클래스 적용 시 */
.topslide .swiper-slide:first-child .slide-caption.animate h2 {
  transition: all 1s ease;
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.2s;
}

.topslide .swiper-slide:first-child .slide-caption.animate p {
  transition: all 1s ease;
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.4s;
}