@charset "utf-8";

.mainBnSwip .swiper-slide.s1{ background: url(../img/main/image2.jpg) no-repeat center/cover;}

/* travel */
#travel{ padding: 0 60px; margin: 120px auto; display: flex; justify-content: space-between; gap: 60px 20px; flex-wrap: wrap; }
#travel .travelCon{ width: 45vw;}
.travelCon .travelImg{ width: 100%; aspect-ratio: 1.618/1; margin-bottom: 50px;}
.travelCon .travelImg.ti1{ background: url(../img/sub5/image1.jpg) no-repeat center/cover;}
.travelCon .travelImg.ti2{ background: url(../img/sub5/image2.jpg) no-repeat center/cover;}
.travelCon .travelImg.ti3{ background: url(../img/sub5/image3.jpg) no-repeat center/cover;}
.travelCon .travelImg.ti4{ background: url(../img/sub5/image4.jpg) no-repeat center/cover;}
.travelCon .travelImg.ti5{ background: url(../img/sub5/image5.jpg) no-repeat center/cover;}
.travelCon .travelImg.ti6{ background: url(../img/sub5/image6.jpg) no-repeat center/cover;}
.travelCon .travelImg.ti7{ background: url(../img/sub5/image7.jpg) no-repeat center/cover;}
.travelCon .travelImg.ti8{ background: url(../img/sub5/image8.jpg) no-repeat center/cover;}
.travelCon .travelImg.ti9{ background: url(../img/sub5/image9.jpg) no-repeat center/cover;}
.travelCon .travelImg.ti10{ background: url(../img/sub5/image10.jpg) no-repeat center/cover;}
.travelConTxt h3{ padding: 10px 30px; background-color: #ede1d1; display: inline-block; font-family: 'iceHimchan'; font-size: 18px; color: #A77C52; margin-bottom: 20px; }
.travelConTxt p{ font-size: 14px; color: #A77C52; padding: 0 30px;}


/* 반응형 */
@media all and (max-width: 1440px){
}

@media all and (max-width: 1024px) {
    #travel{ padding: 0 30px; margin: 80px auto;}
    #travel .travelCon{ width: 46vw;}
}
@media all and (max-width: 768px){
    #travel{ gap: 60px 0;}
    #travel .travelCon{ width: 100vw;}
    .travelCon .travelImg{ margin-bottom: 20px;}
}

@media all and (max-width: 520px){
    .mainBnCon h2{ font-size: 20px;}

    #travel{ padding: 0 20px;}
}