@charset "utf-8";


table,th,td {border: 1px solid #d2d2d2; text-align: -webkit-center;}
td {padding-top: 4px;}

/*sec1*/

#sec1{ height:50vh; box-sizing: border-box;overflow: hidden;}
#sec1 .sec1_in{height:100%;width:100%;background: url(../img/main/image14.jpg)no-repeat 50% 50%; position: relative; background-size: cover; }
#sec1 .sec1_in:after{content: '';width:100%;height:100%;position: absolute;left:0;top:0;background: #000;opacity: .2;}

#sec1 .sec1_in .tit{position: absolute;left:50%;bottom:5%;z-index: 10;color:#fff;transform: translate(-50%,-50%);text-align: center;}
#sec1 .sec1_in .tit>h2{font-family: 'Cormorant'; font-size:70px;font-weight: 600;line-height:1.3em;text-shadow:0 0 5px rgba(0,0,0,.2);}
#sec1 .sec1_in .tit>p{margin-bottom:10px;font-family: "Noto Serif KR";font-size:14px;line-height: 1em;font-weight: 500;letter-spacing: 2px;}



/*content*/
#sec2 { position: relative; }
#sec2 .title h2{font-size:70px;line-height:90px;}
#sec2 .title p{font-family: 'Mulish';}
.travel{overflow:hidden;width:1400px;margin:0 auto;padding:150px 0 0px;}
.travel .title{margin-bottom:80px;text-align:center;}
.travels-con{display:flex;position:relative;width:100%;padding:50px 0;}
.travels-con::after{content:'';display:block;position:absolute;top:0;left:50%;transform:translateX(-50%);width:1px;height:100%;background-color:rgba(0,0,0,0.3);}
.travels-con-l{display:flex;width:50%;flex-direction:column;align-items:center;}
.travels-con-r{display:flex;width:50%;padding-top:50px;flex-direction:column;align-items:center;}
.travels-conbx{width:450px;height:500px;margin-bottom:100px;padding:20px;background-color:#fff;box-shadow:0 0 20px rgba(0,0,0,.1);}
.travels-conbx:last-child{margin-bottom:0;}
.travels-conbx-in{width:100%;height:100%;}
.travels-img{width:100%;height:60%;background-size:cover;background-repeat:no-repeat;background-position:center center;}
.travels-con-l .travels-conbx:nth-child(1) .travels-img{background-image:url(../img/sub4/image1.jpg);}
.travels-con-l .travels-conbx:nth-child(2) .travels-img{background-image:url(../img/sub4/image2.jpg);}
.travels-con-l .travels-conbx:nth-child(3) .travels-img{background-image:url(../img/sub4/image3.jpg);}
.travels-con-l .travels-conbx:nth-child(4) .travels-img{background-image:url(../img/sub4/image4.jpg);}
.travels-con-l .travels-conbx:nth-child(5) .travels-img{background-image:url(../img/sub4/image5.jpg);}


.travels-con-r .travels-conbx:nth-child(1) .travels-img{background-image:url(../img/sub4/image6.jpg);}
.travels-con-r .travels-conbx:nth-child(2) .travels-img{background-image:url(../img/sub4/image7.jpg);}
.travels-con-r .travels-conbx:nth-child(3) .travels-img{background-image:url(../img/sub4/image8.jpg);}
.travels-con-r .travels-conbx:nth-child(4) .travels-img{background-image:url(../img/sub4/image9.jpg);}
.travels-con-r .travels-conbx:nth-child(5) .travels-img{background-image:url(../img/sub4/image10.jpg);}

.travels-txt{width:100%;padding:30px 0px;}
.travels-tit{display:flex;width:100%;margin-bottom:20px;justify-content:space-between;align-items:center;}
.travels-tit>h4{font-family: 'Noto Serif KR', serif;font-size:20px;font-weight:600;}
.travels-tit>p{font-size:15px;font-weight:400;}
.travels-txt>p{font-size:14px;font-weight:300;line-height:24px;}


@media (max-width:1400px) {

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


}

@media (max-width:1028px) {

    /*contents*/
    .travel .title{margin-bottom:40px;}
    #sec2 .title h2{font-size:50px;line-height:70px;}
    .travels-conbx{width:93%;height:500px;margin-bottom:100px;}
    .travels-con-l{align-items:flex-start;}
    .travels-con-r{align-items:flex-end;}
}

@media (max-width:850px) {
    
    .travels-con{flex-direction:column;}
    .travels-con-l{width:100%;align-items:center;}
    .travels-con-r{width:100%;align-items:center;}
    .travels-conbx{z-index:9;width:80%;height:300px;margin-bottom:50px;padding:15px;}
    .travels-conbx:nth-child(2n+1){float:left;}
    .travels-tit{flex-direction: column;margin-bottom:0;}
    .travels-tit>h4{font-size:16px;margin-bottom:10px;}
    .travels-tit>p{font-size:12px;}
    .travels-txt>p{display:none;}
    .travels-img{height:65%;}
    .travels-txt{height:35%;}
    
}

@media (max-width: 780px) {
   
    #sec1 .sec1_in .tit h2 { font-size: 30px; }
    #sec1 .sec1_in .tit>p{font-size:12px;}

    /*content*/
    .travel{padding:80px 0 0px;}
    .travel-in{width:100%;padding:50px 20px;}
    #sec2 .title p{font-size:11px;}
    #sec2 .title h2{font-size:30px;line-height: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:2120px;}
    .travel-conbx{height:400px;margin-bottom:30px;flex-direction:column;}
    .travel-con-img{width:100%;height:45%;}
    .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;}
}

@media (max-width: 515px) { 
    
    #sec1 { height: 320px; }
    #sec1 .sec1_in .tit { width: 280px; } 
    #sec1 .sec1_in .tit h2 { font-size: 30px; }
}