@charset "utf-8";


/*main banner*/
.main-bn{ height:60vh; position:relative; top:0; left:0; }
.main-bn .main-bn-img{ width:100%; height: 100%; background: url(../img/sub1/image13.jpg) no-repeat; background-size:cover; background-position: 50% 10%;}
.main-bn-txt{position:absolute;bottom:70px;left:50%;transform:translateX(-50%);z-index:99;text-align:center;}
.main-bn-txt>h2{margin:20px 0;font-family: 'MapoGoldenPier';font-size:50px;font-weight:500;color:#fff;text-shadow:0 0 5px rgba(0,0,0,0.1);}
.main-bn-txt>h2>span{display:block; font-size: 80px;  text-shadow:0 1px 3px rgba(0,0,0,0.4); font-family: 'Cormorant', serif;}
.main-bn-txt>h2>span:nth-of-type(1){font-size: 18px;font-family: 'Pretendard-Regular'; margin-bottom: 20px;}
/*
/*content*/
.travel{overflow:hidden;width:100%;}
.travel .con-tit{margin-bottom:80px;text-align:center;}
.travel-in{width:100%;padding: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:#CCC;}
.travel-top>span:nth-child(2n){font-size:14px;font-weight:600;color:#CCC;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:60%;height:400px;background-size:cover;background-position:center center;}
.travel-con-txt{width:40%;padding:50px;background-color:#fff;border:2px solid #F3EEE7;justify-content:space-between;}
.travel-con-txt .travel-con-txtbx{position:relative;width:90%;}
.travel-con-txt .travel-con-txtbx .travel-con-txtbx-in{position:absolute;top:80px;left:0;width:100%;}
.travel-con-txt .travel-con-txtbx .travel-con-txtbx-in>h4{margin-bottom:20px;font-family: 'Noto Serif KR', serif;font-size:30px;font-weight:500;}
.travel-con-txt .travel-con-txtbx .travel-con-txtbx-in>p{font-size:14px;font-weight:400;color:#8E8E8E;line-height:26px;}

.travel-con-index>p>span:nth-child(1){display:block;font-family: 'Jost', sans-serif;font-size:14px;font-weight:400;color:#F3EEE7;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:#F3EEE7;line-height:60px; text-align: right;}

.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:#d3d3d3;text-align:center;line-height:40px;cursor:pointer;font-size:14px;font-weight:300;color:#fff;}
.travel-tab>ul>li.active{background-color:#827a78;font-weight:400;}

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


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


    /*contents*/
    .travel-in{padding:100px 20px;}
    .travel-in-in{width:100%;}


}


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

    /*banner*/
	.main-bn-txt>h2>span{ font-size: 60px; }
	.main-bn-txt>h2>span:nth-of-type(1){ font-size:14px; }

    /*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-txt .travel-con-txtbx .travel-con-txtbx-in{ top:0px; }
   
}



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

    /*banner*/
    .main-bn-txt{width: 100%;}

   
    /*content*/
    .travel{padding:80px 0 0;}
    .travel .con-tit{margin-bottom:50px;}
    .travel-in{width:100%;padding:50px 20px;}
    .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:3080px;}
    .travel-conbx{height:600px;margin-bottom:30px;flex-direction:column;}
    .travel-con-img{width:100%;height:400px;}
    .travel-con-txt{width:100%;height:35%;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-txt .travel-con-txtbx .travel-con-txtbx-in>h4{margin-bottom:10px;font-size:20px;}
    .travel-con-txt .travel-con-txtbx .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-con-txt .travel-con-txtbx .travel-con-txtbx-in{ top:10px; }
   

    
}