@charset "utf-8";

/*main banner*/
.main-bn{position:relative;width:100%;height:580px;background-image:url(../img/main/image18.jpg);background-repeat:no-repeat;background-size:cover;background-position:center 40%;}
.main-bn-tit{position:absolute;top:auto;bottom:100px;left:50%;transform:translateX(-50%);text-align:center;}
.main-bn-tit>p{font-size:15px;font-weight:400;color:#fff;margin-bottom:10px;}
.main-bn-tit>h2{margin-bottom:0;font-family: 'Cormorant Garamond';font-size:65px;font-weight:500;color:#fff;text-shadow: 0px 0px 4px rgba(0,0,0,.3);}

/*content*/
.travel{overflow:hidden;width:100%;padding:100px 0 0; border-bottom: 1px solid #ece8e5;}
.travel .con-tit{margin-bottom:80px;text-align:center;}
.travel-in{width:100%;padding-bottom: 100px;}
.travel-in-in{width:1400px;margin:0 auto;}
.travel-top{display:flex;margin-bottom:100px;align-items:center;justify-content:space-between;}
.travel-top>span:nth-child(2n+1){display:block;width:35%;height:2px;background-color:#dcd9d6;}
.travel-top>span:nth-child(2n){font-size:14px;font-weight:600;color:#dcd9d6;letter-spacing:2px;}
.travel-con-wrap{position:relative;width:100%;height:2200px;}
.travel-con{position:absolute;top:0;left:0;opacity:0;width:100%;}
.travel-con.active{opacity:1;}
.travel-conbx{display:flex;width:100%;height:400px;margin-bottom:50px;justify-content:space-between;}
.travel-conbx:last-child{margin-bottom:0;}
.travel-con:nth-child(1) .travel-conbx:nth-child(1) .travel-con-img{background-image:url(../img/sub6/1.jpg);}
.travel-con:nth-child(1) .travel-conbx:nth-child(2) .travel-con-img{background-image:url(../img/sub6/2.jpg);}
.travel-con:nth-child(1) .travel-conbx:nth-child(3) .travel-con-img{background-image:url(../img/sub6/3.jpg);}
.travel-con:nth-child(1) .travel-conbx:nth-child(4) .travel-con-img{background-image:url(../img/sub6/4.jpg);}
.travel-con:nth-child(1) .travel-conbx:nth-child(5) .travel-con-img{background-image:url(../img/sub6/5.jpg);}
.travel-con:nth-child(2) .travel-conbx:nth-child(1) .travel-con-img{background-image:url(../img/sub6/6.jpg);}
.travel-con:nth-child(2) .travel-conbx:nth-child(2) .travel-con-img{background-image:url(../img/sub6/7.jpg);}
.travel-con:nth-child(2) .travel-conbx:nth-child(3) .travel-con-img{background-image:url(../img/sub6/8.jpg);}
.travel-con:nth-child(2) .travel-conbx:nth-child(4) .travel-con-img{background-image:url(../img/sub6/9.jpg);}
.travel-con:nth-child(2) .travel-conbx:nth-child(5) .travel-con-img{background-image:url(../img/sub6/10.jpg);}
.travel-con-img{width:49%;height:100%;background-size:cover;background-position:center center;}
.travel-con-txt{display:flex;width:50%;padding:50px;background-color:#fff;border:1px solid #e5e8ec;justify-content:space-between;}
.travel-con-txtbx{position:relative;width:90%;}
.travel-con-txtbx-in{position:absolute;bottom:0;left:0;width:100%;}
.travel-con-txtbx-in>h4{margin-bottom:20px;font-family: 'Noto Serif KR', serif;font-size:30px;font-weight:500;}
.travel-con-txtbx-in>p{font-size:14px;font-weight:400;color:#8E8E8E;line-height:26px;}
.travel-con-txtbx-in>p span{display: block;}
.travel-con-index>p>span:nth-child(1){display:block;font-family: 'Noto Sans KR', sans-serif;font-size:14px;font-weight:400;color:#e5e8ec;text-align:right;letter-spacing:2px;}
.travel-con-index>p>span:nth-child(2){display:block;font-family: 'Cormorant', serif;font-size:100px;font-weight:400;color:#e5e8ec;line-height:60px;}
.travel-tab{width:100px;margin:0 auto;margin-top:150px;}
.travel-tab>ul{display:flex;justify-content:space-between;}
.travel-tab>ul>li{width:40px;height:40px;background-color:#e5e8ec;text-align:center;line-height:40px;cursor:pointer;font-size:14px;font-weight:300;color:#fff;}
.travel-tab>ul>li.active{background-color:#44604b; background-color:#445660; font-weight:400;}


/************************************반응형****************************************/


@media screen and (min-width:1px) and (max-width:1400px){

    .travel-in-in{width:100%; padding:0 20px;}
}

@media screen and (min-width:1px) and (max-width:1302px){

    /*banner*/
    .main-bn-txt h2{font-size:80px;line-height:90px;}

    /*contents*/



}


@media screen and (min-width:1px) and (max-width:1024px){

    /*banner*/
    .main-bn{height:40vh;}
    .main-bn-tit{bottom:50px;}
    .main-bn-tit>p{font-size:14px;}
    .main-bn-tit>h2{font-size:45px;line-height:45px;}

    /*contents*/
    .travel-con-wrap{height:2000px;}
    .travel-conbx{height:350px;}
    .travel-con-txtbx-in>h4{font-size:25px;}
    .travel-con-txtbx-in>p{font-size:13px;line-height:25px;}
    .travel-tab{width:80px;margin-top:100px;}
    .travel-tab>ul>li{width:30px;height:30px;line-height:30px;font-size:13px;}
   
    .travel-con-txtbx-in{position:relative;}
    .travel-con-index>p>span:nth-child(2){font-size:50px;line-height:50px;}
    /* .travel-con-txt{padding: 20px 50px;} */


}

@media screen and (min-width:1px) and (max-width:980px){
    .travel-con-img{width:39%;height:100%;background-size:cover;background-position:center center;}
    .travel-con-txt{width:60%;padding:25px;}
}




@media screen and (min-width:1px) and (max-width:780px){

     /*banner*/
     .main-bn{ margin-top: 78px; height:30vh;}
     .main-bn-tit>h2{font-size:32px;line-height:32px;}
     .main-bn-tit>p{font-size:12px;}

   
    /*content*/
    .travel{padding:80px 0 0;}
    .travel .con-tit{margin-bottom:50px;}
    .travel-in{width:100%;padding:0 20px 50px;}
    .travel-top{margin-bottom:50px;}
    .travel-top>span:nth-child(2n+1){width:20%;}
    .travel-top>span:nth-child(2n){font-size:10px;}
    .travel-con-wrap{height:3900px;}
    .travel-conbx{height:auto;margin-bottom:30px;flex-direction:column;}
    .travel-con-img{width:100%;height:auto; aspect-ratio: 4/3;}
    .travel-con-txt{width:100%;height:55%;padding:20px;flex-direction:column-reverse;justify-content:center;}
    .travel-con-txtbx{width:100%;}
    .travel-con-txtbx-in{position:static;bottom:auto;left:auto;width:100%;}
    .travel-con-txtbx-in>h4{margin-bottom:10px;font-size:20px;}
    .travel-con-txtbx-in>p{font-size:12px;line-height:22px;}
    .travel-con-index{margin-bottom:20px;}
    .travel-con-index>p>span:nth-child(1){font-size:10px;text-align:right;}
    .travel-con-index>p>span:nth-child(2){margin-top:13px;font-size:40px;line-height:0px;text-align:right;}
    /* .travel-tab{width:100px;margin-top:80px;}
    .travel-tab>ul>li{width:40px;height:40px;line-height:40px;font-size:14px;} */
    .travel-in-in{padding:0;}
   

    
}

@media screen and (min-width:1px) and (max-width:640px){
    .travel-con-wrap{height:3500px;}
}
@media screen and (min-width:1px) and (max-width:500px){
    .travel-con-wrap{height:3200px;}
}
@media screen and (min-width:1px) and (max-width:450px){
    .travel-con-wrap{height:3000px;}
}
@media screen and (min-width:1px) and (max-width:380px){
    .travel-con-wrap{height:2800px;}
}