/* hotel header */
#dropdown ul.ho{width: 400px; height:50px; position: relative; left: 100px;}
#dropdown ul.ho li{width: 33.3%;}

/* 타이틀 > 웰컴 투 호텔 */
.welcome_to_title{padding: 100px 0;}
.welcome_to_title .main_container img{width: 350px; height: auto; margin: 0 auto; display: block;}


/*랜딩 호텔*/
.hotel_landing{/*border-top: 3px solid #555555;*/ width: 1200px; margin: 0 auto; display: block; margin-bottom: 100px;}
.hotel_landing .palau_food01{padding: 50px 0px; height: 640px; border-bottom: 1px solid #AAAAAA; }
.hotel_landing .palau_food01 .food_inner{border: 1px solid #e8e8e8; }
.hotel_landing .hotel_box{margin: 0px 0px 90px 0;  height: 430px; border-top: 2px solid #444444; border-bottom: 1px solid #e8e8e8;}
/*.hotel_landing .palau_food01 .info_wrap{width: 480px; margin-left: 25px; display: block;}*/
.hotel_landing .hotel_box .info_wrap{width: 480px; padding: 37px 29px 0px; display: block;}
.hotel_landing .hotel_box img.main_img{margin-top: 0px; background-color: #efefef; height: 100%;}
.hotel_landing .info_wrap .tit{font-size: 28px; font-weight: 800; color: #333333; margin-bottom: 15px;}
.hotel_landing .info_wrap .tit span{font-size: 16px; font-weight: 400; color: #2693ff;}
.hotel_landing .info_wrap .txt{  font-size: 17px; line-height:27px; color: #333333;}
.hotel_landing .info_wrap .info{ border-top: 1px solid #aaaaaa; font-size: 17px; color: #333333; padding: 20px; height: 150px;  margin-top: 34px;  line-height:25px;}
.hotel_landing .info_wrap .info ul li{padding-left: 10px; background: url(../img/bullet.png) no-repeat; background-position: left center; background-size: 5px; color: #009bd7;}
.hotel_landing .info_wrap .info img{margin-top: 105px;}
.hotel_landing .palau_food01 .sub_img{width: 100%; height: auto; clear: both; padding: 25px 0px; }
.hotel_landing .palau_food01 .sub_img img{width: 270px; margin-right: 40px;}
.hotel_landing .palau_food01 .sub_img img.la{width: 270px; margin-right: 0px;}
.hotel_landing .hotel_noti{color: #2793ff; font-size: 18px; margin-top: -60px; display: block;}

/* 호텔문의 버튼 미니 */
.hotel_qna{ padding: 50px 0;}
.hotel_qna .btn{border: 2px solid #2793ff; border-radius: 10px; width: 250px; margin:  0 auto; text-align: center; }
.hotel_qna .btn:hover{opacity: 0.7; background-color: rgba(39,147,255,0.2);}
.hotel_qna .btn img{display: block; margin: 0 auto; width: 70px; padding: 10px 0;}
.hotel_qna .btn span{display: block; font-size: 24px; color: #2793ff; margin-bottom: 10px; font-weight: 600;}

/* 호텔문의 버튼 와이드 */
.hotel_qna.wide{ padding: 50px 0;}
.hotel_qna.wide .btn{background-color: #2793ff; /*border: 2px solid #2793ff;*/border-radius: 10px; width: 600px; height: 100px; margin:  0 auto; text-align: center; cursor: pointer;}
.hotel_qna.wide .btn:hover{opacity: 0.7; background-color: rgba(39, 147, 255, 1);}
.hotel_qna.wide .btn img{display: block; margin: 0 auto; width: 70px; padding: 14px 25px 14px 190px;}
.hotel_qna.wide .btn span{display: table; font-size: 30px; color: #ffffff; margin-bottom: 10px; font-weight: 500; line-height: 100px;}

/* 리조트 view more */
.hotel_box{position: relative;}
.view_btn{position: absolute; right: 20px; bottom: 30px; border: 2px solid #2793ff; border-radius: 10px; padding: 10px 20px;}
.view_btn:hover{opacity: 0.7; background-color: rgba(39,147,255,0.2);}
.view_btn img{width: 70px; padding: 5px 2px; }
.view_btn span{display: block; font-size: 16px; color: #2793ff; font-weight: 600;}



/* 리조트 상세 페이지 */
#gallery{width: 100%; min-width: 1200px; margin:50px auto; display: block; overflow: hidden; position: relative;}
#image{width: 1200px; height: 800px; margin: 0 auto;}
#image p{display:none;}
#image p img{width: 1200px; height: 800px;}

#thumbnail{position:relative; width: 1200px; height: 95px; margin-top: 30px;}
#thumbnail div{float:left;}
#thumbnail .left{position: absolute; left: 0; top:0; width:33px; height: 95px; padding-top:30px; text-align:center; cursor:pointer;}
#thumbnail .right{position: absolute; right: 0; top:0; width:33px; height: 95px; padding-top: 30px; text-align:center; cursor:pointer;}

#thumbnail .container{overflow:hidden; /* position: relative; left: 33px; width: 1135px;*/ width: 1200px; height: 95px; margin-left: -7px;}
#thumbnail .container ul{position: absolute; width: 2560px; margin-left: -8px;}
/* 128px = thumb의 width 120px + margin-left 8px */
#thumbnail .container .thumb{float:left; width: 158px; height: auto; margin-left: 15px; list-style: none;}
#thumbnail .container .thumb img{width: 158px; cursor: pointer;}
#thumbnail .container .thumb img:hover{opacity: 0.5;}
#thumbnail .container .thumb.ml0{margin-left:0;}


.hotel.title_area{margin: 0 auto 50px auto; display: block; text-align: center;}
.hotel.title_area h1{font-size: 38px; color: #2793ff; font-weight: bold;}
.hotel.title_area p{font-size: 22px; color: #2793ff; margin-top: 10px; margin-bottom: 20px; text-transform: capitalize;}
.hotel.title_area span{font-size: 19px; line-height: 30px; width:1000px; margin: 0 auto ;color: #505050; display: block; text-align: justify;}


.hotel.border_box{margin-bottom: 120px;}
.hotel.border_box .main_container{border: 3px solid rgba(215,215,215,0.5); border-radius: 15px;}
.hotel.border_box .title{background-color: #2793ff; padding: 60px 50px;  border-radius: 11px 0 0 11px; }
.hotel.border_box .title img{width: 45px; display: block; margin: 0 auto;}
.hotel.border_box .title span{color: #ffffff; font-size: 25px; display: block; margin: 15px 0;}
.hotel.border_box ul{display: block; float: left; padding: 30px 0;}
.hotel.border_box ul li{padding: 10px 20px; font-size: 18px; margin-left: 50px; color: #444444; background: url(../img/bullet.png) no-repeat; background-position: left center; background-size: 5px; }

/* 호텔 좌우 라인이 있는 타이틀 */
.hotel.info_txt{padding-bottom: 50px;}
.hotel.info_txt ul.line_title{/*height: 25px; display: initial;*/}

/*#res01 .hotel.info_txt ul.line_title*/

.hotel.info_txt ul.line_title li{float: left; width: 42%; border-bottom: 1px solid #888888; margin-top: 10px;}
.hotel.info_txt ul.line_title li.h3{font-size: 24px; color: #2793ff; font-weight: 600; background-color: #ffffff; margin:0 auto; text-align: center; width: 16%; border: none;}

.hotel.info_txt .main_container.check{text-align: center;}
.hotel.info_txt .check_time{display: inline-block; border: 2px solid rgba(104,173,241,.5); padding: 30px; margin: 100px 20px; border-radius: 20px;}

.hotel.info_txt .main_container.check .check_time{
}

.hotel.info_txt .check_time span.tit{font-size: 20px; font-weight: 600; color: #2793ff}
.hotel.info_txt .check_time span{display: block; font-size: 30px; color: #505050; padding: 10px 30px}
.hotel.info_txt .check_time span strong{display: inline-block; font-size: 20px; margin-right: 20px; background-color: #2793ff; color: #ffffff; padding: 10px 30px}

.hotel.info_txt .main_container > div.cf{margin: 50px 0;}
.hotel.info_txt div.info_box{width: 16.6%; padding: 20px; text-align: center; float: left;}
.hotel.info_txt div.info_box p{display: inline-block; background-color: rgba(104,173,241,.9); border-radius: 100px; padding: 30px;}
.hotel.info_txt div.info_box img{width: 70px; }
.hotel.info_txt div.info_box span{display: block; padding: 20px 0; font-size: 18px; font-weight: 600; color: #505050;}