.reservation_list{}

.reservation_top{display:flex;justify-content: space-between;align-items: center;padding:0 0 20px}
.reservation_search {gap:5px;display:flex;justify-content: space-between;align-items: center;border-radius:20px}
.reservation_search  input{font-weight:400;padding:10px;border-radius:30px;border:1px solid #ddd;font-size:16px;min-width: 300px;background:none !important;}
.reservation_top button{font-size:0;width:40px;height:40px;border-radius:50%;border:none;background:#4D6EDB url(/pages/cstrise/img/sub/ico_search_w.png) no-repeat center center / 20px}
.reservation_top p{font-size:16px;color:#333}
.reservation_top p span{font-weight:700}

.reservation_list ul{display:flex;gap:20px;flex-wrap: wrap;}
.reservation_list ul li{width:calc(100% / 3 - 14px);margin-bottom:20px}
.reservation_list ul li a {text-decoration: none}
.reservation_list ul li a .imgbox{border-radius:20px;overflow:hidden;}
.reservation_list ul li a .imgbox img{height:210px;width: 100%;transition:transform .35s ease}
.reservation_list ul li a:hover .imgbox img{transform:scale(1.1)}
.reservation_list ul li a h4{font-size:20px;color:#333;padding:20px 0 10px}
.reservation_list ul li a p{font-size:16px;color:#999;text-decoration: none}

/*view*/
.reservation_view_info{display:flex;gap:20px;}
.reservation_view_info .imgbox{width:450px;border-radius:20px;overflow:hidden;}
.reservation_view_info .imgbox img{width:100%}
.reservation_view_info .txt{padding-left:20px;flex:1}
.reservation_view_info .txt > div{justify-content: space-between;align-items: center}
.reservation_view_info .txt > div button{height:50px;border-radius:10px;padding:0 40px;background:#fff;border:1px solid #ddd}
.reservation_view_info .txt > div button:hover{background:#27B4A8 ;color:#fff}
.reservation_view_info .txt h4{font-size:32px;color:#333;padding:20px 0 10px}
.reservation_view_info .txt p{font-size:16px;color:#999;padding-bottom:20px}
.reservation_view_info .txt dl{display:flex;gap:10px;padding:3px 0;align-items: center}
.reservation_view_info .txt dl dt{width:100px;font-weight:700;color:#333;background:#f2f2f2;border-radius:20px;padding:7px 10px;text-align:center;}

.reservation_view_tab ul {background:#f2f2f2;border-radius:30px;overflow:hidden;display:flex;;margin:20px 0 ;align-items: center;text-align:center}
.reservation_view_tab ul li{width:25%;}
.reservation_view_tab ul li a{text-decoration:none;border-radius:30px;display:block;padding:20px 0;width:100%;background:#f2f2f2;cursor:pointer;font-size:16px;color:#333;}
.reservation_view_tab ul li a.active{background: #4D6EDB;color:#fff;font-weight:700}

/****** Mobile ******/
@media screen and (max-width:690px) {

    .reservation_top{flex-direction: column;align-items: flex-start;gap:20px;}
    .reservation_list ul{flex-direction: column}
    .reservation_list ul li{width:100%}
    .reservation_list ul li a .imgbox img{height:auto}

    .reservation_view_info{flex-direction: column}
    .reservation_view_info .imgbox{width:100%}
    .reservation_view_info .txt{padding:0}
    .reservation_view_tab ul li a{font-size:14px;padding:15px 0;}


}

/*tablet*/
@media screen and (min-width:691px) and (max-width:1023px) {
    .reservation_view_info .imgbox{width:50%}
}