@charset "utf-8";

/*section*/

/*main banner*/
.main-bn{position:relative;width:100%;height:580px;background-image:url(../img/sub4/bn-bg.jpg);background-repeat:no-repeat;background-size:cover;background-position:center 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);margin-bottom:0px!important;}

/*content*/
.reserve-con-tit>p{margin-bottom:12px;font-size:12px;font-weight:800;color:#B7B7B7;letter-spacing:2px;}
.reserve-con-tit>h4{margin-bottom:30px;font-family: 'Cormorant', serif;font-size:30px;font-weight:600;color:#000;}
.reserve{overflow:hidden;width:100%;margin:100px 0;}
.reserve-top{margin-bottom:80px;text-align:center;}
.reserve-tit{margin-bottom:50px;}
.reserve-tit>h3{font-size:16px;font-weight:700;color:#B7B7B7;letter-spacing:2px;}
.reserve-thumb{width:300px;height:300px;margin:0 auto 50px;border-radius:50%;background-image:url(../img/sub4/thumb.jpg);background-size:cover;background-repeat:no-repeat;}
.reserve-num{font-size:16px;font-weight:400;line-height:30px;}
.reserve-num span{font-family: 'Noto Serif KR', serif;margin-right:20px;font-weight:700;}
.reserve-notice{display:flex;width:100%;padding:80px 0;background-color:#f9f9f9;justify-content:center;align-items:center;}
.reserve-notice-in{width:1400px;margin:0 auto;}
.reserve-notice-in h4{margin-bottom:20px;font-family: 'Noto Serif KR', serif;font-size:20px;font-weight:500;}
.reserve-notice-1{width:100%;margin-bottom:50px;}
.reserve-notice-2{width:100%;}
.reserve-notice-in ul li{font-size:15px;font-weight:400;line-height:28px;}
.reserve-notice-in ul li span{margin-right:10px;font-weight:600;}

.reserve-rate{width:1400px;margin:100px auto;}
.ad{display:none;}
.priceTable th.nm{width:17% !important;}
.priceTable th.sz, .priceTable th.ss {width:13% !important;}
.priceTable td{padding:10px 0;}
.type.nm>p:nth-child(1){margin-bottom:10px;font-size:19px !important;font-family: 'Cormorant', serif;font-weight:600;}


.reserve-refund{width:1400px;margin:0 auto;}
.reserve-refund-txt{margin-bottom:50px;}
.reserve-refund-txt>ul>li{font-size:15px;font-weight:400;line-height:25px;}
.reserve-refund-txt>ul>li span{margin-right:10px;font-weight:600;}
.reserve-refund-info .cancelfee{width:100% !important;font-family: 'Noto Sans KR', sans-serif !important;}
.cancelfee th, .cancelfee td{padding:10px 10px !important;}

/*중간배너*/
.ct-bn{display:flex;width:100%;height:500px;background-image:url(../img/sub4/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/main/travel/travel1.jpg);}


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


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

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

    /*content*/
    .reserve-notice-in{width:100%;padding:0 40px;}
    .reserve-rate{width:100%;padding:0 20px;}
    .reserve-refund{width:100%;padding:0 20px;}


}


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

    /*content*/
    .reserve-thumb{width:200px;height:200px;margin:0 auto 50px;}
    .reserve-tit>h3{font-size:13px;}

    
    /*중간배너*/
    .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){
    
    .reserve-con-tit{text-align:center;}
    .reserve-con-tit p{margin-bottom:10px;font-size:12px;}
    .reserve-con-tit h4{margin-bottom:30px;font-size:25px;line-height:35px;}
    
   
}

@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*/
     .reserve-thumb{width:150px;height:150px;margin:0 auto 30px;}
     .reserve-num{font-size:14px;}
     .reserve-notice-in{padding:0 20px;}
     .reserve-top{margin-bottom:50px;}
     .reserve-notice-1 ul li{text-align:center;font-size:13px;}
     .reserve-notice-2 h4{font-size:17px;text-align:center;}
     .reserve-notice-2 ul li{font-size:12px;line-height:21px;}
     .reserve-refund-txt>ul>li{font-size:12px;}

     .type.nm>p:nth-child(1){font-size:16px !important;}
    p.small{font-size:10px;}

    /*중간배너*/
    .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;}

    
}