@charset "UTF-8";

.hotel-list-wrap {
    padding: 25px 0 30px;
}
.hotel-list-wrap .hotel-list {
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.hotel-list-wrap .hotel-list li {
    display: flex;
    height: 220px;
    overflow: hidden;
}
.hotel-list-wrap .hotel-list li .hotel-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    border-radius: 0 10px 10px 0;
    border:1px solid #ddd;
    border-left: 0;
    padding: 20px 25px 20px 50px;
}
.hotel-list-wrap .hotel-list li .hotel-info .hotel-name {
    font-size: 21px;
    font-weight: bold;
    color: #222;
    margin-bottom: 16px;
}
.hotel-list-wrap .hotel-list li .hotel-info .hotel-address {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 32px;
    width: 90%;
}
.hotel-list-wrap .hotel-list li .hotel-info .hotel-address p {
    padding-left: 27px;
    margin: 0;
}
.hotel-list-wrap .hotel-list li .hotel-info .hotel-address p.ico-addr {
    background: url('/imges/icon/i-addr.svg') no-repeat left top / 15px auto;
}
.hotel-list-wrap .hotel-list li .hotel-info .hotel-address p.ico-phone {
    background: url('/imges/icon/i-phone.svg') no-repeat left center / 19px auto;
}
.hotel-list-wrap .hotel-list li .hotel-info a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: 37px;
    padding: 0 33px;
    border: 1px solid #A73439;
    border-radius: 19px;
    font-size: 14px;
    color: #A73439;
    transition: all .3s;
}
.hotel-list-wrap .hotel-list li .hotel-info a:hover {
    background-color: #A73439;
    color: #fff;
}

/* 231212 cdb */
.hotel-txt-wrap {margin-top:35px;}
.hotel-txt-wrap h4 {font-size:21px; font-weight: bold; line-height:1.809; margin-bottom:27px;}
.hotel-txt-wrap .txt {font-size:15px; line-height: 1.866; margin-bottom:20px;}
.hotel-txt-wrap .sub-txt {font-size:15px; color:#959595; line-height: 1.866;}


/* 240129 cdb */
.hotel-list-wrap .hotel-img-wrap {position:relative; max-width: 360px; width: 100%; border-radius: 10px 0 0 10px; overflow: hidden;}
.hotel-list-wrap .swiper-btn-wrap {position: absolute; bottom: 16px; right: 20px; width: 74px; height: 34px;}
.hotel-list-wrap .swiper-btn-wrap .swiper-button-next,
.hotel-list-wrap .swiper-btn-wrap .swiper-container-rtl .swiper-button-prev {right:0; background-image:url('/imges/hotel-swiper-next.png'); background-size: contain; width:34px; height:34px; margin-top: 0; top: 0;}
.hotel-list-wrap .swiper-btn-wrap .swiper-button-prev,
.hotel-list-wrap .swiper-btn-wrap .swiper-container-rtl .swiper-button-next {left:0; background-image:url('/imges/hotel-swiper-prev.png'); background-size: contain; width:34px; height:34px; margin-top: 0; top: 0;}