/* renewal_detail */ #detail {} #renewal_detail table {border-left:1px solid #ccc; border-top:1px solid #ccc; table-layout:fixed;} #renewal_detail table tr {} #renewal_detail table tr th {background:#f3f3f3; border-right:1px solid #ccc; border-bottom:1px solid #ccc; overflow:hidden;} #renewal_detail table tr td {padding:10px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; line-height:22px; overflow:hidden;} #renewal_detail .detail_top {position:relative; margin-bottom:20px;} #renewal_detail .detail_top .question_btn {position:absolute; top:19px; right:0; line-height:48px;} #renewal_detail .detail_top .question_btn a {display: inline-block; width: 100px; text-align: center; background: #e44c52; line-height: 32px; border-radius: 16px; color: #fff;} #renewal_detail .detail_top .kakao_btn{position:absolute; top:19px; right:0; line-height:48px;}/*카카오톡 상담*/ #renewal_detail .detail_top .area {font-size:12px; color:#666; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; vertical-align: middle;} #renewal_detail .detail_top .title {overflow:hidden; margin:5px 0; text-align:left; font-size:24px; font-weight:600; line-height:48px; border-bottom:2px solid #333;} #renewal_detail .detail_top .bref {} #renewal_detail .detail_top .gallery {margin-top:40px; height:270px; overflow:hidden;} #renewal_detail .detail_top .gallery img {height: 270px;} #renewal_detail .detail_top .gallery .swiper-slide {display:inline-block; text-align: center; font-size: 18px; background: #fff; width: auto; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;} #renewal_detail .sub_info {} #renewal_detail .sub_info ul.sub_info_tab {} #renewal_detail .sub_info ul.sub_info_tab li {float:left; width:25%; text-align:center; line-height:40px; border:1px solid #ccc; border-left:0; cursor:pointer; font-size: 13px;} #renewal_detail .sub_info ul li:first-child {border-left:1px solid #ccc;} #renewal_detail .sub_info ul li.on {background:#cc9900; color:#fff; border-color:#999;} #renewal_detail .sub_info .sub_info_cont {padding:10px 30px; border:1px solid #ccc; border-top:0;} #renewal_detail .sub_info .sub_info_cont .sub_info_content {display:none;} #renewal_detail .sub_info .sub_info_cont #view_photo li {float:left;} #renewal_detail .sub_info .sub_info_cont .sub_info_content .info_text {margin:20px 0;} #renewal_detail .sub_info .sub_info_cont .sub_info_content .info_text li {border:0; margin-left:10px; margin-bottom:10px; cursor: auto;} #renewal_detail .sub_info .sub_info_cont .sub_info_content .info_text table img {width:100%;} #renewal_detail .sub_info .sub_info_cont .sub_info_content .info_text table .img_box2 img {width:auto;} #renewal_detail .sub_info .sub_info_cont .sub_info_content .info_text .gallery_box2 li {width:514px; overflow-x: auto;} #renewal_detail .sub_info .sub_info_cont .sub_info_content .info_text .gallery_box2 li:nth-child(2n-1) {margin-left:0; clear: both;} #renewal_detail .sub_info .sub_info_cont .sub_info_content .info_text .gallery_box3 li {width:339.3333px;} #renewal_detail .sub_info .sub_info_cont .sub_info_content .info_text .gallery_box3 li:nth-child(3n-2) {margin-left:0;} #renewal_detail .sub_info .sub_info_cont .sub_info_content .info_text .gallery_box4 li {width:252px;} #renewal_detail .sub_info .sub_info_cont .sub_info_content .info_text .gallery_box4 li:nth-child(4n-3) {margin-left:0;} #renewal_detail .sub_info .sub_info_cont .sub_info_content .info_text .img_box {position:relative; padding-bottom:75%; overflow:hidden;} #renewal_detail .sub_info .sub_info_cont .sub_info_content .info_text .img_box img {position:absolute; top:0; left:0; width:100%; min-height: 100%; line-height:75%;} #renewal_detail .sub_info .sub_info_cont .sub_info_content .info_text .gallery_sub {padding-left:10px; font-size:12px; line-height:24px; text-align:left; border:1px solid #ccc; border-top:0;} #renewal_detail .sub_info .sub_info_cont .sub_info_content .title {font-size:18px; font-weight:600; line-height:40px; text-align:left;} #renewal_detail .sub_info .sub_info_cont .sub_info_content .title.camel1 {color:#cc9900;} #renewal_detail .sub_info .sub_info_cont .sub_info_content .gallery_type_title {margin: 10px 0 20px; padding: 0 10px; font-size: 16px; border-left: 5px solid #006834; font-weight: 800; color: #666;} #renewal_detail .sub_info .sub_info_cont .sub_info_content .bref {font-size:18px; line-height:40px;} #renewal_detail .sub_info .sub_info_cont .sub_info_content .bref_sub {line-height:24px;} #renewal_detail .info {margin-bottom:30px; line-height: 20px;} #renewal_detail .info th {line-height:40px;} #renewal_detail .info td .height400 {/*height:300px;*/ overflow-y:auto;} #renewal_detail .info td .height400::-webkit-scrollbar-track {-webkit-box-shadow: 0; background-color: #f3f3f3; border:1px solid #ccc; border-left:0;} #renewal_detail .info td .height400::-webkit-scrollbar {width: 5px; background-color: #f3f3f3;} #renewal_detail .info td .height400::-webkit-scrollbar-thumb {background-color: #999;} #renewal_detail .info td p {line-height:26px;} #renewal_detail .minfo {display:none; margin-bottom:30px; line-height: 20px;} #renewal_detail .minfo table {margin-bottom:30px;} #renewal_detail .minfo table table {margin-bottom:0; table-layout:fixed;} #renewal_detail .minfo th {line-height:40px;} #renewal_detail .detail_search {clear:both; width:100%; margin-bottom:30px; padding:10px; background:#f3f3f3; border-top:4px solid #cc9900;} #renewal_detail .detail_search ul li {float:left; position: relative; background: #fff; padding: 10px 20px; line-height: 40px; border: 1px solid #ccc;} #renewal_detail .detail_search ul li ul li {padding:0; line-height:normal; border:0;} #renewal_detail .detail_search ul li.ww50 {width:calc(25% - 10px);} #renewal_detail .detail_search ul li.ww100 {width:calc(40% - 10px);} #renewal_detail .detail_search ul li.view_search_btn {width:10%; height:102px; padding:0; background:#cc9900;} #renewal_detail .detail_search ul li.view_search_btn input {font-size:26px; width:100%; height:96px; color:#fff; background:#cc9900; border:0;} #renewal_detail .detail_search ul li#checkout_dt_wrapper {margin-right:10px;} #renewal_detail .detail_search ul li#adult_num_wrapper {margin-right:10px;} #renewal_detail .detail_search ul li .input_title {font-size:20px;} #renewal_detail .detail_search ul li .input_box {font-size:18px; color:#999;} #renewal_detail .detail_search ul li .room_cnt_box {} #renewal_detail .detail_search ul li .room_cnt_box .room_cnt_wrapper {} #renewal_detail .detail_search ul li .room_cnt_box .room_cnt_wrapper .room_cnt_inner {float:left; width:33.33%; line-height:40px; text-align:center;} #renewal_detail .detail_search ul li .room_cnt_box .room_cnt_wrapper .room_cnt_inner .tit {font-size:20px;} #renewal_detail .detail_search ul li .room_cnt_box .room_cnt_wrapper .room_cnt_inner .num {font-size:18px; color:#999;} #renewal_detail .detail_search ul li .search_popup_wrapper {position:absolute; width:100%; top: 110px; left: 0;} #renewal_detail .detail_search ul li .search_popup_wrapper .search_popup_inner {display:none; border:1px solid #ccc;} /* 상세 서치 달력 (리뉴얼) */ #renewal_detail .detail_search .detail_search_wrapper ul li .search_popup_wrapper {position:absolute;top: 100px;left: -1px;width: 100%;z-index:110;background: #fff;} #renewal_detail .detail_search .detail_search_wrapper ul li.ww50 .search_popup_wrapper {width: 355px;} #renewal_detail .detail_search .detail_search_wrapper ul li .search_popup_wrapper .search_popup_inner {display:none;border:1px solid #ccc;background:#f3f3f3;z-index: 99999999;line-height: normal;} #renewal_detail .detail_search .detail_search_wrapper ul li .search_popup_wrapper .search_popup_inner ul {max-height: 520px; overflow-y: auto;} #renewal_detail .detail_search .detail_search_wrapper ul li .search_popup_wrapper .search_popup_inner ul li {float:none;margin:0;height:52px;line-height: 52px;box-shadow:none;border-bottom:1px solid #ccc;background:#f3f3f3;font-size:18px;cursor:pointer;/*padding-right: 86px;*/white-space: nowrap;text-overflow: ellipsis;overflow: hidden;position: relative;padding-left: 16px} #renewal_detail .detail_search .detail_search_wrapper ul li .search_popup_wrapper .search_popup_inner ul li.on {background:#fff;} #renewal_detail .detail_search .detail_search_wrapper ul li .search_popup_wrapper .search_popup_inner ul li:hover {color:#cc9900;background:#fff;} #renewal_detail .detail_search .detail_search_wrapper ul li .search_popup_wrapper .search_popup_inner ul li i {color:#e44c52; margin-right:10px;} #renewal_detail .detail_search .detail_search_wrapper ul li .search_popup_wrapper .search_popup_inner ul li .location {margin-left:10px; font-size:15px; color:#999;} #renewal_detail .detail_search .detail_search_wrapper ul li .search_popup_wrapper .search_popup_inner ul li .location_type {position:absolute; top:12px; right:16px; width:70px; height:28px; line-height:26px; font-size:15px; text-align:center; color:#cc9900; border:1px solid #cc9900; border-radius:5px; } #renewal_detail .detail_search .detail_search_wrapper ul li .search_popup_wrapper .search_popup_inner ul li.DayPicker_Body_Columns {padding-left: 0;} #renewal_detail .detail_search .detail_search_wrapper ul li .search_popup_wrapper .search_popup_inner .inwon_info {padding:4px 12px; line-height:22px; color:#666; cursor: default;} /* -- */ #adult_num_ajax #add_room_wrapper .add_room_list .add_room_item .add_room_inwon_box .age_group_choice .age_group_choice_num input {padding:0;} #renewal_detail .gallery_more_btn {margin-bottom:20px; clear:both; overflow: hidden;} #renewal_detail .gallery_more_btn .gallery_more_btn_list {float:right;} #renewal_detail .gallery_more_btn .gallery_more_btn_list .gallery_more_btn_item {float:left; padding:10px 14px; background:#f3f3f3; color:#666; margin-left:10px; cursor: pointer; margin-bottom:10px;} #renewal_detail .gallery_more_btn .gallery_more_btn_list .gallery_more_btn_item.gallery_more_btn_item_all {display:none;} #gallery_more_btn_wrapper_html {display:none; } #gallery_more_btn_wrapper {position: fixed; top: 50px; width: 100%; z-index:10000;} #gallery_more_btn_wrapper .swiper-slide {width:auto; margin:0 5px; float:left;} #gallery_more_btn_wrapper .gallery_more_btn_item {padding: 10px 14px; background:#f3f3f3; border-radius:10px; font-size:14px; cursor: pointer;} #gallery_more_btn_wrapper .gallery_more_btn_lightbox {width:fit-content;} /* plan - 공통 */ .all_plan_inner_item_wrapper {position:relative; width:100%;} .all_plan_inner_item_wrapper .room_img {width:100%; margin-bottom:5px;} .all_plan_inner_item_wrapper .room_img img {max-width:100%;} .all_plan_inner_item_wrapper .room_title {margin-bottom:10px; line-height:26px; font-size:18px; font-weight:600;} .all_plan_inner_item_wrapper .room_info {position:relative; clear:both; overflow: hidden; margin-bottom:10px;} .all_plan_inner_item_wrapper .room_info .room_info_title {margin-bottom:5px; font-weight:600;} .all_plan_inner_item_wrapper .room_info .room_info_sub {line-height:20px;} .all_plan_inner_item_wrapper .room_info .room_info_sub select {height:28px;width: 35px;} .all_plan_inner_item_wrapper .room_info .room_float {float:left;} .all_plan_inner_item_wrapper .room_info .room_w50 {width:50%;} .all_plan_inner_item_wrapper .room_info .room_w40 {width:40%;} .all_plan_inner_item_wrapper .room_info .room_w30 {width:30%;} .all_plan_inner_item_wrapper .room_info .room_w33 {width:33.3%;} .all_plan_inner_item_wrapper .room_info .room_w25 {width:25%;} .all_plan_inner_item_wrapper .room_price {position:relative;} .all_plan_inner_item_wrapper .room_price .price_wrapper {text-align:right; line-height:1.4;} .all_plan_inner_item_wrapper .room_price .price_wrapper .price_won {font-size:22px; font-weight:600; color:#e44c52;} .all_plan_inner_item_wrapper .one_mail {position:absolute; right:0; top:0; line-height:40px;} .all_plan_inner_item_wrapper .one_mail a {display:inline-block; width:100px; height:30px; text-align:center; border-radius:20px; line-height:30px; background:#666; color:#fff;} .all_plan_inner_item_wrapper .room_res_btn {margin-top:10px; width:100%; height:40px; line-height:40px; text-align:center; background:#e44c52;} .all_plan_inner_item_wrapper .room_res_btn.room_res_btn_blue {background:#0066cc;} .all_plan_inner_item_wrapper .room_res_btn a {display:inline-block; width:100%; color:#fff; font-size:16px;} .all_plan_inner_item_wrapper .room_close_btn {width:100%; height:40px; line-height:40px; text-align:center; background:#fff; border:1px solid #ccc;} .all_plan_inner_item_wrapper .room_close_btn a {display:inline-block; width:100%; color:#666;} .all_plan_detail_pop {display:none; position:absolute; top:40px; left:50%; margin-left:-250px; width:500px; background:#fff; z-index:100; border:1px solid #cc9900; border-top:4px solid #cc9900; padding:20px; box-shadow:0 0 10px 5px rgba(0,0,0,0.3);} .PKG {width:42px;} #all_plan_wrapper table {border-right:1px solid #ccc;} #all_plan_wrapper table tr {line-height:40px;position:relative;} #all_plan_wrapper table tr th {border-right:0; } #all_plan_wrapper table tr td {border-right:0; text-align:center;} #all_plan_wrapper table tr td:first-child {text-align:left;padding-bottom:50px;} #all_plan_wrapper table tr td .room_title {margin-bottom:5px; font-size:16px; line-height:26px; font-size:16px; font-weight:600;} #all_plan_wrapper table tr td .room_title span {font-size:14px; font-weight:400;} #all_plan_wrapper table tr td .jaran_plan_id{font-size: 0.7rem; color: #bdbdbd;} #all_plan_wrapper table tr td .detail_btn {margin-right:5px; width:57px; height:57px; float:left; border:1px solid #ccc; padding: 4px 10px; cursor:pointer; display:block;} #all_plan_wrapper table tr td .detail_btn2 {margin-right:5px; width:57px; height:57px; float:left; border:1px solid #e44c52; padding: 4px 10px; cursor:pointer; display:block; color:#e44c52} #all_plan_wrapper table tr td .detail_btn.detail_btn_res {background:#e44c52; color:#fff;} #all_plan_wrapper table tr td .detail_btn.detail_btn_res_blue {background:#0066cc;} #all_plan_wrapper table tr td .room_cnt_days select {height:28px; width:35px;} #all_plan_wrapper table tr td .price_wrapper {} #all_plan_wrapper table tr td .price_wrapper .price_won {font-size:22px; font-weight:600; color:#e44c52;} /* mobile_plan */ #all_plan_wrapper {position:relative; margin-bottom:30px;} #all_plan_wrapper .all_plan_inner {} #all_plan_wrapper .all_plan_inner .all_plan_inner_li {} #all_plan_wrapper .all_plan_inner .all_plan_inner_li .all_plan_inner_item {margin:10px 0; padding:10px; border:1px solid #ccc;} /* 반응형 css */ @media (max-width:1099px){ #renewal_detail .detail_top .question_btn {top:0; line-height: 24px;} #renewal_detail .detail_top .question_btn a {line-height: 24px;} #renewal_detail .detail_top .area {line-height:24px;} #renewal_detail .detail_top .gallery {position:relative; width:100%; padding-bottom:75%; height:0;} #renewal_detail .detail_top .gallery .gallery_box {position:absolute; width:100%; height:100%;} #renewal_detail .detail_top .gallery img {height:100%;} #renewal_detail .detail_top .gallery .swiper-container {height:100%;} #renewal_detail .detail_top .gallery .swiper-slide {height:100%;} #renewal_detail .detail_top .gallery .swiper-slide a {height:100%;} #renewal_detail .sub_info ul {border-top:1px solid #ccc;} #renewal_detail .sub_info ul li:nth-child(5) {border-left:1px solid #ccc;} #renewal_detail .sub_info .sub_info_cont {padding:10px;} #renewal_detail .sub_info .sub_info_cont .sub_info_content .info_text .gallery_box2 li {width: 49%; margin: 0; margin-left:2%; margin-top:10px;} #renewal_detail .sub_info .sub_info_cont .sub_info_content .info_text .gallery_box2 li:nth-child(2n-1) {margin-left:0;} #renewal_detail .sub_info .sub_info_cont .sub_info_content .info_text .gallery_box3 li {width: 49%; margin: 0; margin-left:2%; margin-top:10px;} #renewal_detail .sub_info .sub_info_cont .sub_info_content .info_text .gallery_box3 li:nth-child(3n-2) {margin-left:2%;} #renewal_detail .sub_info .sub_info_cont .sub_info_content .info_text .gallery_box3 li:nth-child(2n-1) {margin-left:0;} #renewal_detail .sub_info .sub_info_cont .sub_info_content .info_text .gallery_box4 li {width: 49%; margin: 0; margin-left:2%; margin-top:10px;} #renewal_detail .sub_info .sub_info_cont .sub_info_content .info_text .gallery_box4 li:nth-child(4n-3) {margin-left:2%;} #renewal_detail .sub_info .sub_info_cont .sub_info_content .info_text .gallery_box4 li:nth-child(2n-1) {margin-left:0;} #renewal_detail .sub_info ul.sub_info_tab li {width:25%; border-top:0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden} #renewal_detail .detail_search ul li ul li {padding:0; line-height:normal; border:0;} #renewal_detail .detail_search ul li.ww50 {width:calc(50% - 5px); margin-right:0 !important; margin-bottom:10px;} #renewal_detail .detail_search ul li.ww50 .search_popup_wrapper {width:calc(200% + 10px);} #renewal_detail .detail_search ul li.ww100 {width:100%; margin-bottom:10px;} #renewal_detail .detail_search ul li.view_search_btn {width:100%; height:60px; padding:0; background:#cc9900;} #renewal_detail .detail_search ul li.view_search_btn input {font-size:26px; width:100%; height:58px; color:#fff; background:#cc9900;} #renewal_detail .detail_search ul li#checkin_dt_wrapper {margin-right:10px !important;} #renewal_detail .detail_search ul li#checkout_dt_wrapper {margin-right:0; !important;} #renewal_detail .detail_search ul li#checkout_dt_wrapper .search_popup_wrapper {left:calc(-100% - 10px);} #renewal_detail .detail_search ul li#adult_num_wrapper {margin-right:0 !important;;} #renewal_detail .detail_search ul li .input_title {font-size:20px;} #renewal_detail .detail_search ul li .input_box {font-size:18px; color:#999;} #renewal_detail .detail_search ul li .room_cnt_box .room_cnt_wrapper .room_cnt_inner {float:left; width:33.33%; line-height:40px; text-align:center;} #renewal_detail .detail_search ul li .room_cnt_box .room_cnt_wrapper .room_cnt_inner .tit {font-size:20px;} #renewal_detail .detail_search ul li .room_cnt_box .room_cnt_wrapper .room_cnt_inner .num {font-size:18px; color:#999;} #renewal_detail .detail_search ul li .search_popup_wrapper {position:absolute; width:100%; top: 110px; left: 0;} #renewal_detail .detail_search ul li .search_popup_wrapper .search_popup_inner {display:none; border:1px solid #ccc;} #renewal_detail .info {display:none;} #renewal_detail .minfo {display:block;} } @media (max-width:639px){ }