@charset "utf-8";

/*section*/

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


/*content*/
.travels{width:100%;padding:100px 0;background-color:#F8F7F4;}
.travels-in{overflow:visible;width:1400px;margin:0px auto;}
.travel-tit{margin-bottom:50px;text-align:center;letter-spacing:2px;}
.travel-tit>h3{font-size:16px;font-weight:700;color:#B7B7B7;}
.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/sub5/image1.jpg);}
.travels-con-l .travels-conbx:nth-child(2) .travels-img{background-image:url(../img/sub5/image8.jpg);}
.travels-con-l .travels-conbx:nth-child(3) .travels-img{background-image:url(../img/sub5/image9.jpg);}
.travels-con-l .travels-conbx:nth-child(4) .travels-img{background-image:url(../img/sub5/image2.jpg);}
.travels-con-l .travels-conbx:nth-child(5) .travels-img{background-image:url(../img/sub5/image3.jpg);}
.travels-con-l .travels-conbx:nth-child(6) .travels-img{background-image:url(../img/sub5/image10.jpg);}
.travels-con-r .travels-conbx:nth-child(1) .travels-img{background-image:url(../img/sub5/image4.jpg);}
.travels-con-r .travels-conbx:nth-child(2) .travels-img{background-image:url(../img/sub5/image7.jpg);}
.travels-con-r .travels-conbx:nth-child(3) .travels-img{background-image:url(../img/sub5/image11.jpg);}
.travels-con-r .travels-conbx:nth-child(4) .travels-img{background-image:url(../img/sub5/image5.jpg);}
.travels-con-r .travels-conbx:nth-child(5) .travels-img{background-image:url(../img/sub5/image11.jpg);}
.travels-con-r .travels-conbx:nth-child(6) .travels-img{background-image:url(../img/sub5/image6.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;}


/*중간배너*/
.ct-bn{display:flex;width:100%;height:500px;background-image:url(../img/sub5/ct-bn.jpg);background-size:cover;background-position:center center;background-repeat:no-repeat;justify-content:center;justify-items:center;align-items:center;}
.ct-bn-txt{text-align:center;}
.ct-bn-txt h4{margin-bottom:30px;font-family: 'Cormorant', serif;font-size:50px;font-weight:400;color:#fff;}
.ct-bn-txt p{margin-bottom:30px;font-size:15px;font-weight:300;color:#fff;}
.ct-bn-txt p span{display:block;line-height:25px;}
.ct-bn-txt button{height:50px;padding:0 50px;background-color:transparent;border-radius:30px;border:2px solid #fff;font-size:16px;font-weight:400;color:#fff;cursor: pointer;transition:.3s;letter-spacing:2px;}
.ct-bn-txt button:hover{background-color:#86A6D1;border:none;}


/*service*/
.service-con>ul>li:nth-child(1) .service-img .pic{background-image:url(../img/main/room/room1.jpg);}
.service-con>ul>li:nth-child(2) .service-img .pic{background-image:url(../img/main/facility/fac1.jpg);}
.service-con>ul>li:nth-child(3) .service-img .pic{background-image:url(../img/sub1/image2.jpg);}


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


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

    .con-tit p{font-size:15px;}
    .con-tit h3{font-size:40px;line-height:50px;}


    /*content*/
    .travels-in{width:100%;padding:0 20px;}


}


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

    .con-tit p{margin-bottom:15px;font-size:14px;}
    .con-tit h3{margin-bottom:30px;font-size:35px;line-height:45px;}

    /*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;}

    /*content*/
    .travel-tit>h3{font-size:14px;}
    .travels-conbx{width:93%;height:500px;margin-bottom:100px;}
    .travels-con-l{align-items:flex-start;}
    .travels-con-r{align-items:flex-end;}


    /*중간배너*/
    .ct-bn{height:300px;}
    .ct-bn-txt h4{margin-bottom:25px;font-size:30px;}
    .ct-bn-txt p{font-size:15px;}

    
}

@media screen and (min-width:1px) and (max-width:850px){
    
    .con-tit{text-align:center;}
    .con-tit p{margin-bottom:10px;font-size:14px;}
    .con-tit h3{margin-bottom:30px;font-size:35px;line-height:45px;}

    .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%;}
    /* .travels-conbx-in{display:flex;} */
    
    
}

@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;}

    

    /*중간배너*/
    .ct-bn{height:250px;}
    .ct-bn-txt h4{margin-bottom:15px;font-size:25px;}
    .ct-bn-txt p{margin-bottom:20px;padding:0 15px;font-size:14px;}
    .ct-bn-txt p span{line-height:22px;}
    .ct-bn-txt button{height:40px;padding:0 20px;font-size:14px;}

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