@charset "utf-8";

body{background:#F9F9F9;}
/*main banner*/
.main-bn{position:relative;width:100%;height:580px;background-image:url(../img/sub4_bn.jpg);background-repeat:no-repeat;background-size:cover;background-position:center center;}
.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', serif;font-size:80px;font-weight:500;color:#fff;text-shadow: 0px 0px 4px rgba(0,0,0,.3);}

/*content*/
.travel{overflow:hidden;width:1400px;margin:0 auto;padding:100px 0 150px;}
.travel .con-tit{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-l .travels-conbx:nth-child(6) .travels-img{background-image:url(../img/sub4/image6.jpg);}
.travels-con-l .travels-conbx:nth-child(7) .travels-img{background-image:url(../img/sub4/image7.jpg);}

.travels-con-r .travels-conbx:nth-child(1) .travels-img{background-image:url(../img/sub4/image8.jpg);}
.travels-con-r .travels-conbx:nth-child(2) .travels-img{background-image:url(../img/sub4/image9.jpg);}
.travels-con-r .travels-conbx:nth-child(3) .travels-img{background-image:url(../img/sub4/image10.jpg);}
.travels-con-r .travels-conbx:nth-child(4) .travels-img{background-image:url(../img/sub4/image11.jpg);}
.travels-con-r .travels-conbx:nth-child(5) .travels-img{background-image:url(../img/sub4/image12.jpg);}
.travels-con-r .travels-conbx:nth-child(6) .travels-img{background-image:url(../img/sub4/image13.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 screen and (min-width:1px) and (max-width:1400px){

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

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


}


@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:70px;line-height:80px;}

    /*contents*/
    .travels-conbx{width:93%;height:500px;margin-bottom:100px;}
    .travels-con-l{align-items:flex-start;}
    .travels-con-r{align-items:flex-end;}
   
}

@media screen and (min-width:1px) and (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 screen and (min-width:1px) and (max-width:780px){

     /*banner*/
     .main-bn{height:30vh;}
     .main-bn-tit>h2{font-size:50px;line-height:55px;}
     .main-bn-tit>p{font-size:12px;}

   
    /*content*/
    .travel{padding:80px 0 100px;}
    .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: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;}
 
   

    
}