@charset "utf-8";

.intro{ padding:100px 0 80px; position:relative; width:100%; }
.intro::before{ content:''; display:block; position:absolute; top:0; left:0; z-index:-1; width:100%; height:100%; padding:120px 0 60px; }
.intro-in{ display:flex; width:1400px; margin:0 auto; justify-content:space-between; }
#sec2 { position: relative; margin: 0 auto;}
#sec2 .con-tit{text-align: center; }
#sec2 .con-tit h3{ font-size:14px; font-weight:400; color:#666; }
#sec2 .con-tit h2{ font-family: "Playfair Display", serif; font-size:48px;  color:#000; margin-bottom: 80px; text-transform: uppercase;}

#sec2 > img:nth-of-type(1) { position: absolute; }
#sec2 > img:nth-of-type(2) { position: absolute; right: 0px; bottom: 0px; }
#sec2 .sec2_in { position: relative; width: 1200px; padding: 0px 20px; margin: 0px auto; }

/*travel-list*/
.travel-list{ 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-img{ width:60%; height:400px; background-size:cover; background-position:center; }
.travel-con:nth-child(1) .travel-conbx:nth-child(1) .travel-con-img{background: url(../img/sub6/1.jpg) no-repeat; background-size: cover;}
.travel-con:nth-child(1) .travel-conbx:nth-child(2) .travel-con-img{background: url(../img/sub6/2.jpg) no-repeat; background-size: cover;}
.travel-con:nth-child(1) .travel-conbx:nth-child(3) .travel-con-img{background: url(../img/sub6/3.jpg) no-repeat; background-size: cover;}
.travel-con:nth-child(1) .travel-conbx:nth-child(4) .travel-con-img{background: url(../img/sub6/4.jpg) no-repeat; background-size: cover;}
.travel-con:nth-child(1) .travel-conbx:nth-child(5) .travel-con-img{background: url(../img/sub6/5.jpg) no-repeat; background-size: cover;}
.travel-con:nth-child(2) .travel-conbx:nth-child(1) .travel-con-img{background: url(../img/sub6/6.jpg) no-repeat; background-size: cover;}
.travel-con:nth-child(2) .travel-conbx:nth-child(2) .travel-con-img{background: url(../img/sub6/7.jpg) no-repeat; background-size: cover;}
.travel-con:nth-child(2) .travel-conbx:nth-child(3) .travel-con-img{background: url(../img/sub6/8.jpg) no-repeat; background-size: cover;}
.travel-con:nth-child(2) .travel-conbx:nth-child(4) .travel-con-img{background: url(../img/sub6/9.jpg) no-repeat; background-size: cover;}
.travel-con:nth-child(2) .travel-conbx:nth-child(5) .travel-con-img{background: url(../img/sub6/10.jpg) no-repeat; background-size: cover;}
.travel-con:nth-child(3) .travel-conbx:nth-child(1) .travel-con-img{background: url(../img/sub6/11.jpg) no-repeat; background-size: cover;}
.travel-con:nth-child(3) .travel-conbx:nth-child(2) .travel-con-img{background: url(../img/sub6/12.jpg) no-repeat; background-size: cover;}
.travel-con:nth-child(3) .travel-conbx:nth-child(3) .travel-con-img{background: url(../img/sub6/13.jpg) no-repeat; background-size: cover;}
.travel-con:nth-child(3) .travel-conbx:nth-child(4) .travel-con-img{background: url(../img/sub6/14.jpg) no-repeat; background-size: cover;}
.travel-con:nth-child(3) .travel-conbx:nth-child(5) .travel-con-img{background: url(../img/sub6/15.jpg) no-repeat; background-size: cover;}

.travel-con-txt{ width:40%; padding:50px; background-color:#fff; border:1px solid #815C3C; 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: 'JejuMyeongjo'; 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:1.5em; }

.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; text-align: right; line-height:60px; }

.travel-tab{ width:150px; 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 all and (max-width: 1400px){
	.intro-in{ width:100%; }
    #sec2{ width:100%; } 
    #sec2 .sec2_in{ width:100%; }
}

@media all and (max-width: 1200px){
	#sec2 .sec2_in {width: 100%; padding:0; }
}

@media all and (max-width: 1024px){
/*    .intro{ margin:0 10px; }*/
    .intro .intro-in{ width:100%;}

    .travel-list{ height:2000px; }
    .travel-conbx{ height:350px; }
    .travel-con-img{ height:350px; }
    .travel-con-txtbx-in h4{ font-size:25px; }
    .travel-con-txtbx-in p{ font-size:13px; line-height:1.5em;  }
    .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:0; padding-left: 10px;}
    .travel-con-index{ padding-right:10px; }
}

@media all and (max-width: 780px){
    
    #sec2 .sec2_in .place-list .place:nth-child(1) { width: 100%; float: none; }
    #sec2 .sec2_in .place-list .place:nth-child(2) { width: 100%; float: none; }
    
    #sec2 .sec2_in .place-list .place:nth-child(1) ul { padding: 30px 40px 30px; }
    #sec2 .sec2_in .place-list .place:nth-child(2) ul { padding: 0px 40px 30px; }

    .travel-list{ height:3080px; }
    .travel-conbx{ height:600px; margin-bottom:30px; flex-direction:column; }
    .travel-con-img{ width:100%; height:400px; }
    .travel-con-txt{ border: none; width:100%; height:35%; padding:20px 0; 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:0; text-align:right; }

}

@media all and (max-width: 440px){
    
    #sec2 .sec2_in .place-list .place:nth-child(1) ul { padding: 30px 20px 30px; }
    #sec2 .sec2_in .place-list .place:nth-child(2) ul { padding: 0px 20px 30px; }
}