/*서브 공통 시작*/
.sub_wrap{ width: 100%; height: auto; min-height: 100%; float: left; }
.sub_visual{ width: 100%; height: 450px; float: left; background: url("../images/sub_bg.jpg") no-repeat right center; background-size: cover;}
.sub_txt{ color: white; margin: 250px 0 0 45px; }
.sub_txt h2{ color: white; margin-bottom: 15px}
.sub_txt p{ font-size: 1em}
.sub_wrap h3{font: normal 2em "novar"; color: #1b1a18; margin-bottom: 30px;}
/*서브 공통 끝*/

/*about 시작*/
.brandstory{ width: 100%; height: auto; float: left; padding: 150px 15%; }
.brandstory .img_wrap{ width: 40%; height: 650px; float: left; background: url("../images/ourhotel.jpg") no-repeat right center;  background-size: cover; box-shadow: none}
.brandstory .txt_wrap{ width: 58%; height: 650px; float: left; text-align: center; margin-left: 2%; position: relative}
.brandstory .txt_wrap .txt{ font-size: 1em; line-height: 26px; margin-bottom: 50px;}
.brandstory .txt_wrap::after{ content: url("../images/logo_txt.png"); position: absolute; bottom: 0; left: 50%; margin-left: -48px}
.location_wrap{ width: 100%; height: auto; float: left;}
.location_wrap h3{ padding: 0 15%;}
.directions{ width: 100%; height: auto; float: left; padding: 50px 15%;}
.directions dl:first-child{ width: 40%; float: left}
.directions dl:first-child dd{ line-height: 60px}
.directions dl:last-child{ width: 60%; float: left}
.directions dl:last-child dd{ line-height: 30px;}
.directions dt{ color: #6d5c54; font-size: 1.575em; float: left; width: auto; height: 60px; border-right: solid 2px #6d5c54; line-height: 60px; margin-right: 20px; padding-right: 20px}
.directions dd{ color: #666; font-size: 1em; }
/*about 끝*/

/*room 시작*/
.room{ width: 100%; height: auto; padding: 10% 15%; float: left }
.room h3{ color: #574944; }
.room_info{ width: 100%; height: auto; padding: 100px; color: #928d8b; font-size: 1em; line-height: 26px;}
.room_btm{ width: 100%; height: auto; padding: 0 80px; float: left}
.room_btm .left,.room_btm .right{ width: 46%; margin: 0 2%; height: 480px; float: left; position: relative}
.room_btm .left ul{ width: 100%; height: auto; float: left}
.room_btm .left ul li{ width: 100%; height: 100px; line-height: 100px; float: left; border-bottom: solid 1px #928d8b}
.room_btm .left ul li:last-child{ border: none; line-height: 40px; padding-top: 30px}
.room_btm .left ul li span{ font-size: 1em; font-weight: bold; color: #574944; float: left; margin: 0 20px; height: 100%;}
.room_btm .left ul li p{ font-size: 1em; color: #555; width: auto; float: left}
.reservation{ width: 100%; height: 80px; float: left; color: #fff; line-height: 80px; padding: 0 20px; background: #c0a789; font-size: 1em; position: absolute; bottom: 0; left: 0; cursor: pointer}
.reservation::after{ content: url("../images/next_white.png"); float: right; margin: 3px 10px 0;}
.room_btm .right h4{ color: #6d5c54; font-size: 1.875em; margin-bottom: 20px;}
.room_btm .right ul{ width: 100%; height: auto; float: left; border-top: solid 4px #928d8b; border-bottom: solid 4px #928d8b}
.room_btm .right ul li{ width: 100%; height: 70px; line-height: 70px; float: left; border-bottom: solid 1px #928d8b; text-align: right; padding-right: 30px; color: #928d8b}
.room_btm .right ul li::before{content: ""; width: 5px; height: 5px; border-radius: 100%; background: #928d8b; float: left; margin: 33px;}
.room_btm .right ul li:last-child{ border-bottom: none}
/*room 끝*/

/*review 시작*/
.review{ width: 100%; height: auto; float: left; padding: 10%; text-align: center;}
.review h3{ color: #1b1a18}
.review_list{ width: 100%; min-height: 433px; float: left;}
.review_list li{ width: 30%; height: 470px;  margin: 20px 1.66%; float: left; background: #b7b7b7; border: solid 5px #ddd}
.readmore{ width: 100%; margin-top: 90px; text-align: center; color: #1b1a18; font-size: 2.5em; font-weight: bold; float: left; cursor: pointer}
/*review 끝*/