@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;
    }
}

/* section01 */
.section01 { 
    display: flex;
    justify-content: space-between;
}
.section01 .textbox {
    padding: 7%;
    font-size: 17px;
}
.section01 .textbox h2 {
    font-size: 40px;
    letter-spacing: 2px;
    line-height: 1.5;
    color: #BB7E56;
    margin-bottom: 100px;
}
.section01 .textbox p {
    letter-spacing: 0.85px;
    line-height: 1.4;
    color: #543B0D;
    margin-bottom: 30px;
}
.section01 .textbox ul {
    font-size: 1.06em;
    letter-spacing: 0.9px;
    line-height: 1.6;
    color: #543B0D;
    font-weight: 600;
    margin-bottom: 25px;
}
.section01 .imgbox {
    width: 60%;
    height: 37vw;
    overflow: hidden;
    animation: move-fromleft 15s ease-in-out infinite;
}
.section01 .imgbox.special01 {
    background: url('/html/images/special01/sec01_01.jpg') no-repeat left center;
    background-size: auto 100%;
}
.section01 .imgbox.special02 {
    background: url('/html/images/special02/sec01_01.jpg') no-repeat left center;
    background-size: auto 100%;
}
@keyframes move-fromleft {
    0%, 100% { background-position: left center; }
    50% { background-position: right center; }
}
@media(max-width:1600px){
    .section01 .textbox {
        padding: 4%;
        font-size: 15px;
    }
    .section01 .textbox h2 { 
        font-size: 30px;
    }
    .section01 .textbox p {
        letter-spacing: 0.75px;
    }
    .section01 .textbox ul {
        letter-spacing: 0.8px;
    }
}
@media(max-width:1200px){
    .section01 {
        flex-direction: column-reverse;
        align-items: center;
    }
    .section01 .textbox {
        padding: 40px 40px 0;
    }
    .section01 .textbox h2 {
        font-size: 30px;
        margin-bottom: 50px;
    }
    .section01 .imgbox {
        width: 92%;
        height: 60vw;
        margin-top: 50px;
    }
}
@media(max-width:768px){
    .section01 .textbox h2 { 
        font-size: 25px;
    }
}
@media(max-width:400px){
    .section01 .textbox {
        font-size: 13px;
        padding: 30px 30px 0;
    }
}
/* section01 끝*/


.section02 { padding-bottom: 7%;}



/*메인 이외 탑슬라이드 */
/* 초기 상태 */
.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;
}