@charset "utf-8";



header{position: static;}

#section1 {
    width: 1440px;
    height: 1333px;
    margin: 0 auto;
}

.gallery{   width: 475px;
    height: 699px; float:right; }

    .gallery img{width: 453px;
        height: 330px; margin-bottom: 21px;
        margin-top: 10px; border-radius: 30px;}

.Boutique {
    position: relative;
    margin-top: 10px;
    border-radius: 30px;
    overflow: hidden;
    width: 927px;
    height: 699px;
    float:left;
}
/* #section1 h3
{color:#3e290c;font-size:48px; font-weight: bold; float: left; margin-top: 88px;} */
.title {
    color: #3e290c;
    font-size: 47px;
    font-weight: bold;
    float: left;
    margin-top: 88px;
 
}

    .star-rating {
        float: left;
        margin-top: 38px;
        width: 699px;
        height: 48px;
    }
    
    /* 첫 번째 span (별점 숫자) */
    .star-score {
        color: #3e290c;
        font-size: 34px;
        font-weight: bold;
        margin-right: 20px;
        margin-top: 20px;}
        
/* 두 번째 span (리뷰 개수) */
.review-count {
    color: #7c7163;
    font-size: 32px;
    font-weight: bold;
    margin-left: 20px;
    margin-top: 20px;
}

/* 세 번째 span (호텔 등급) */
.hotel-grade {
    color: #7c7163;
    font-size: 32px;
    font-weight: bold;
    margin-right: 20px;
    margin-left: 26px;
    margin-top: 20px;
}
  
    .star {
        display: none;
    }
    
/* 기본 별 색상 */
.star-rating label {
    font-size: 46px;
    color: gold;; /* 기본 회색 */
    cursor: pointer;
}

/* 선택된 radio input의 형제 요소 중 label을 gold로 변경 */
.star-rating input:checked + label,
.star-rating input:checked + label ~ label {
    color: grey;
}

    
#section1 p
{color:#7c7163;font-size:21px; font-weight:400; float: left; margin-top: 55px;line-height: 36px;}

/* 콘텍트 */

.contact{width:453px; height:200px; border: 1px solid#7c7163; 
    float: right; border-radius: 30px;
    margin-right: 24px; margin-bottom: 60px;
    margin-top: -273px;}

    .contact h2{font-size: 24px; color:#3e290c; 
        margin-top:35px; margin-left: 35px;margin-bottom: 15px;}

       /* #section1 .contact p { 
            font-size: 16px; margin-left: 35px; margin-top:20px;
      }    
      #section1 .contact strong{color:#3e290c;    margin-right: 50px; } */

      #section1 .contact table{width:84%; margin: 0 auto;}
      #section1 .contact table tr{height: 40px;}
      #section1 .contact table th{width:30%;color:#3e290c; text-align: left;}
      #section1 .contact table  td{text-align: right; color:#7c7163;}

    .bookibng{width:453px; height:353px; border: 1px solid#7c7163;
        float: right; border-radius: 30px;
        margin-right: 24px; margin-bottom: 60px;
        margin-top: -38px;  }

        .bookibng h2{font-size: 24px; color:#3e290c; 
            margin-top:35px; margin-left: 35px; margin-bottom: 10px;}

            /* .bookibng p {
                font-size: 16px; margin-left: 35px; float: top;
            }     */

            /* #section1  .bookibng p { 
                font-size: 16px; margin-left: 35px; margin-top:20px;
          }    
          #section1  .bookibng strong{color:#3e290c;    margin-right: 50px; } */

          #section1 .bookibng table{width:86%; margin: 0 auto;}
          #section1 .bookibng table tr{height: 40px;}
          #section1 .bookibng table th{width:30%;color:#3e290c; text-align: left;   display: block; margin-top: 16px;}
          #section1 .bookibng table  td
          {  color: #7c7163;
            text-align: left;
            width:50%;
            /* margin-right: 50px; */
        float: left; margin-top: 8px;}
        #section1 .bookibng table  td:nth-of-type(2){text-align: right;}



          #section1 .bookibng button {width: 399px; height: 51px; border-radius: 10px;background-color: #3e290c; color: #f5daaf; margin: 24px 27px 0px 27px;}

/* 섹션2 */
#section2{ width:1440px; height: 542px; ;margin: 0 auto; }

#section2 h3 {
    padding-top: 80px;
    padding-bottom: 66px;
    text-align: left;
    font-size: 40px;
    color: #3E290C;
}

#section2 table {
    width: 74%; float:left;
}

#section2 td {
    padding: 10px;
    font-size: 24px;
    color: #3e290c;
}

#section2 input[type="checkbox"] { 
    margin-right: 0px;
    accent-color: #3e290c;
    width: 20px; /* Adjusts the size of the checkbox */
    height: 20px;
}