@charset “utf-8″;

/* 객실리스트 페이지 v1.0 */
/* 탭박스 */
#container .main_body .sub_body .box_tab_area {width:1000px; margin:0 auto;margin-bottom: 35px; }
#container .main_body .sub_body .box_tab_area .box_tab {display: table;table-layout: fixed; margin:0 auto;}
#container .main_body .sub_body .box_tab_area .box_tab > div { display: flex; border:1px solid #cfcfcf; width:126px; height: 43px; text-align: center; float:left; }
#container .main_body .sub_body .box_tab_area .box_tab > div a {text-decoration: none;width:100%;height:100%; font-size:16px;font-weight: 500; line-height: 44px;color:#7c7b6f;}
#container .main_body .sub_body .box_tab_area .box_tab > div:not(:first-child) {margin-left:8px;}
#container .main_body .sub_body .box_tab_area .box_tab > div.active {background: #b19354;border:1px solid #b19354; }
#container .main_body .sub_body .box_tab_area .box_tab > div.active a {color:#fff;}

/* 룸리스트 */
.room_list_area {max-width:1000px;width:1000px;position:relative;margin:0 auto;height:100%;margin-bottom: 80px;}
.room_list {display:table;table-layout: fixed;width:100%;}
.room_list ul {display: table-row;}
.room_list ul li {display: table-cell; text-align: center; }
.room_list ul li .rooms {margin-bottom: 16px; cursor:pointer;}
.room_list ul li .rooms .room_desc {border: 1px solid #e2ded7; height: 296px; width: 233px;}
.room_list ul li .rooms .room_desc > img {width:233px;height: auto;}
.room_list ul li .rooms:hover .room_desc {border: 3px solid #000; height: 292px; width: 229px;}
.room_list ul li .rooms:hover .room_desc > img {width:229px;height: auto;}
.room_list ul li .rooms .room_desc .title {margin-top:40px;}
.room_list ul li .rooms .room_desc .title p {font-size:18px;font-weight: 500;line-height: 18px;color:#2f2f2f;}
.room_list ul li .rooms .room_desc .desc { display: inline-flex;
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    padding: 0 20px;
    box-sizing: border-box; margin-top:15px; /*height: 35px;*/ }
.room_list ul li .rooms .room_desc .desc p {font-size:15px;font-weight: 300;line-height: 15px;color:#999999;}
.room_list ul li .rooms .room_desc .desc > span {font-size:15px;font-weight: 300;line-height: 15px;color:#999999;}
.room_list ul li .rooms .room_desc .desc > span:not(:last-child):after {content: '/';margin: 0 14px;font-size: 10px;color: #d5d5d5;vertical-align: 15%;}
.room_list ul li .rooms .room_desc .desc > span:last-child:after {content: ' ';font-size: 10px;vertical-align: 15%;}

/* 객실상세 페이지 */
/* 타이틀 */
.room_title_area {max-width:1000px;width:1000px; position:relative;margin:0 auto;margin-top:65px; margin-bottom: 35px;text-align: center;}
.room_title_area .room_title {margin-bottom: 10px;}
.room_title_area .room_title p {font-size:40px;font-weight: 500;line-height: 40px; color:#333333;}
.room_title_area .room_desc span {font-size:15px;font-weight: 300;line-height: 15px; color:#999999;}

/* 룸이미지부분  */
.room_img_area {max-width:1000px;width:1000px;height:562px;position:relative;margin:0 auto; margin-bottom: 40px;text-align: center;}


/* 룸이미지 슬라이드 관련 스타일 */
.cycle-slideshow, .cycle-slideshow * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.cycle-slideshow { width: 1000px;  margin: 0px auto; padding: 0; position: relative;background: url(http://malsup.github.com/images/spinner.gif) 50% 50% no-repeat; float:left; }
.cycle-slideshow img { position: absolute; top: 0; left: 0; width: 100%; padding: 0; display: block; height: 562px;}
#prev.prev_img {background: url(../image/icons/icon_slide_left.png) no-repeat; position:absolute; bottom:0px; right:75px; height: 70px;width: 70px; z-index: 999; cursor:pointer;}
#next.next_img {background: url(../image/icons/icon_slide_right.png) no-repeat; position:absolute; bottom:0px; right:0px; height: 70px;width: 70px; z-index: 999; cursor:pointer;}
.cycle-pager img {width:189px; height:142px; cursor: pointer;}
.cycle-pager img:not(:last-child) {margin-bottom: 6px;}

/* 예약하기버튼 영역 */
.room_res_btn_area {max-width:1000px;width:1000px;position:relative;margin:0 auto; margin-bottom: 30px; text-align: center; clear: both;display: block;}
.room_res_btn_area .res_info {display:inline-block; margin-bottom: 10px;}
.room_res_btn_area .res_info p {float:left;}
.room_res_btn_area .res_info p.icon_tel {font-size:15px;font-weight: 400;line-height: 19px;color:#635f56; background-image: url(../image/icons/icon_tel_mark.png);background-position: 0% 50%; background-repeat: no-repeat; padding-left: 25px; height: 19px;}
.room_res_btn_area .res_info p.icon_pipe { font-size: 12px; margin: 0 10px 0 5px;color: #635f56;font-weight: 400;line-height: 19px; }
.room_res_btn_area .res_info p.tel_no {font-size:15px;font-weight: 400;line-height: 19px;color:#ad8a2d; }


.room_detail_info_area {max-width:1000px;width:1000px;position:relative;margin:0 auto; margin-bottom: 20px;text-align: center; border-bottom: 1px solid #cdcdcd;}
.room_detail_info_area .room_detail {display: table; table-layout: fixed;width:100%;}
.room_detail_info_area .room_detail > ul {display: table-row; min-height: 70px;}
.room_detail_info_area .room_detail > ul li {display: table-cell; text-align: left;}
.room_detail_info_area .room_detail > ul li.detail_title p {font-size: 20px; font-weight: 300; line-height: 20px; color:#333333;padding-left:40px;top:30px;position: absolute;}
.room_detail_info_area .room_detail > ul li.detail_title { border-top:1px solid #000; width:20%; text-align: left; position:relative;}
.room_detail_info_area .room_detail > ul li.detail_content { border-top:1px solid #cdcdcd; width:80%; padding:30px 53px;}

.room_detail_info_area .room_detail > ul li.detail_content .info_notice {margin-top:8px; }
.room_detail_info_area .room_detail > ul li.detail_content .info_notice p {font-size:12px; font-weight: 300; line-height: 12px; color:#666666; text-align: right;}

.room_detail_info_area .room_detail > ul li.detail_content ul.info_list  {list-style: none;margin:0;padding:0;}
.room_detail_info_area .room_detail > ul li.detail_content ul.info_list li {float:left; margin: 0 0 0 0; padding: 0 0 0 0; border : 0;position: relative;}
.room_detail_info_area .room_detail > ul li.detail_content ul.info_list li:before {content: "•";color: #7f7f7f;position: absolute;top: 0px;}
.room_detail_info_area .room_detail > ul li.detail_content ul.info_list li p {margin-left:17px; font-size:14px; font-weight: 400; line-height: 14px; color:#666666;}
.room_detail_info_area .room_detail > ul li.detail_content ul.info_list li:not(:last-child) {margin-right:40px;}

.room_detail_info_area .room_detail > ul li.detail_content ul.info_list.fixWidth { clear:both; }
.room_detail_info_area .room_detail > ul li.detail_content ul.info_list.fixWidth li { margin:0 0 15px 0; min-width: 130px;  }

/* 리스트 스타일 */
.room_detail_info_area .room_detail > ul li.detail_content .detail:not(:last-child) {margin-bottom: 30px;}
.room_detail_info_area .room_detail > ul li.detail_content p.title {display:inline-block; font-size:16px; font-weight: 400; line-height: 16px; color:#666666; border-bottom: 2px solid #c5c5c5; padding-bottom: 5px; margin-bottom: 19px;}
.room_detail_info_area .room_detail > ul li.detail_content ul.content_table {list-style: none;}
.room_detail_info_area .room_detail > ul li.detail_content ul.content_table > li { line-height: 22px; position:relative; display: block; }
.room_detail_info_area .room_detail > ul li.detail_content ul.content_table > li:before {content: "•"; color: #c7c6c4; position:absolute; top:0;}
.room_detail_info_area .room_detail > ul li.detail_content ul.content_table > li p {font-size:13px; font-weight: 400; line-height: 20px; color:#989898; display: inline-block;margin-left:17px;}
.room_detail_info_area .room_detail > ul li.detail_content ul.content_table > li p.point {color:#ad8a2d;}

.detail_btn_area {max-width:1000px;width:1000px;position:relative;margin:0 auto; margin-bottom: 120px;text-align: right;}