/* renewal style */ /* 2019-10 */ /* common */ .renewal_10 {box-sizing:border-box;} .renewal_10 * {box-sizing:border-box;} .renewal_container {width:100%; max-width:1100px; margin:0 auto;} body {position: absolute; width:100%; min-height: 100%; height: 100%;} .overlay_bg {position:fixed; top:0; left:0; z-index:99; display:none; width:100%; height:100%; background:rgba(0,0,0,0.5);} body.overflow_y_hidden {overflow-y:hidden;} /* input {-webkit-appearance: none;}*/ /* header */ #renewal_header {overflow:hidden; clear:both; padding:10px 0; height:50px;} #renewal_header #head_tab {position: relative;} #renewal_header #head_tab .head_tab_list {position:absolute; z-index:20;} #renewal_header #head_tab .head_tab_list li {float:left; width:183px; height:30px; margin-right:10px; line-height:28px; border:1px solid #ccc; border-radius:15px; text-align:center;} #renewal_header #head_tab .head_tab_list li a {display: inline-block; width: 100%; font-size:14px;} #renewal_header #head_tab .head_tab_list li.on {background:#cc9900; border-color:#cc9900;} #renewal_header #head_tab .head_tab_list li.on a {color:#fff;} #fixed_sub_menu {position:absolute; width:100%; top:10px; height:30px;} #fixed_sub_menu .fixed_sub_menu_inner {float:right;} #fixed_sub_menu .fixed_sub_menu_inner li {float:left;margin-left:24px; text-align:center;} #fixed_sub_menu .fixed_sub_menu_inner .sub_menu_icon {display:none;} #fixed_sub_menu .fixed_sub_menu_inner .sub_menu_icon img {width:32px;} #fixed_sub_menu .fixed_sub_menu_inner .sub_menu_title {line-height:30px; color:#666;} .mobile_menu_margin {display:none;} .login_member_nm_top_wrapper {position: absolute; top: 10px; line-height: 30px; left: 40%; margin-left: 60px;} /* renewal_more_menu */ #renewal_more_menu {position:fixed; top:0; right:-300px; display:none; width:300px; height:100%; z-index:200; background:#f3f3f3;} #renewal_more_menu .more_menu_wrapper {height:100%; border-left:1px solid #ccc; line-height:50px; position: relative;} #renewal_more_menu .more_menu_wrapper .more_menu_list {height:100%; padding-top:50px;} #renewal_more_menu .more_menu_wrapper .more_menu_list .more_menu_item {width:100%; height:51px; padding:0 20px; background:#fff; border-bottom:1px solid #ccc; line-height:50px;} #renewal_more_menu .more_menu_wrapper .more_menu_list .more_menu_item.bt1 {border-top:1px solid #ccc; line-height:50px;} #renewal_more_menu .more_menu_wrapper .more_menu_list .more_menu_item a {display:inline-block; width:100%; font-size:16px; line-height:50px;} #renewal_more_menu .more_menu_wrapper .login_member_nm_wrapper {display:none;} /* nav */ #renewal_nav {overflow:hidden; clear:both; position:relative; padding-bottom:10px;} #renewal_nav .logo {position:absolute; line-height:100px;} #renewal_nav .logo img {height:44px;} #renewal_nav .menu_list {width:480px; margin:0 auto; text-align:center;} #renewal_nav .menu_list ul {} #renewal_nav .menu_list ul li {float:left; width:120px;} #renewal_nav .menu_list ul li .menu_icon {width:64px; height:64px; margin:4px auto; padding:12px; background:#666; border-radius:100%;} #renewal_nav .menu_list ul li .menu_icon img {width:100%;} #renewal_nav .menu_list ul li .menu_title {font-size:17px; line-height:24px;} /* main */ .section_wrapper {overflow:hidden; clear:both; padding:40px 0; border-top:20px solid #f3f3f3; } .section_wrapper .title {text-align:center; line-height:60px; margin-bottom:20px;} .section_wrapper .title h5 {font-size:24px; font-weight:400;} #renewal_main_search {position:relative; height:calc(100% - 160px); min-height:580px;} #renewal_main_search .main_search_bg {position:absolute; top:0; left:0; width:100%; height:100%;} #renewal_main_search .search_wrapper {position:absolute; bottom:60px; left:50%; width:720px; margin-left:-360px;} #renewal_main_search .search_wrapper .search_title {font-size:26px; margin-bottom:30px;} #renewal_main_search .search_wrapper .search_title span.s_tit {font-size:26px; color:#fff; margin-right:5px;} #renewal_main_search .search_wrapper .search_inner {margin-bottom:10px;} #renewal_main_search .search_wrapper .search_inner .input_wrapper {} #renewal_main_search .search_wrapper .search_inner .input_wrapper ul {} #renewal_main_search .search_wrapper .search_inner .input_wrapper ul li {position:relative; float:left; width:100%; height:100px; margin-bottom:10px; padding:12px 16px; background:#fff; box-shadow: 0 0 10px rgba(0,0,0,0.2);} #renewal_main_search .search_wrapper .search_inner .input_wrapper ul li.ww100 {width:100%;} #renewal_main_search .search_wrapper .search_inner .input_wrapper ul li.ww50 {width:calc(50% - 5px);} #renewal_main_search .search_wrapper .search_inner .input_wrapper ul li.mr10 {margin-right:10px;} #renewal_main_search .search_wrapper .search_inner .input_wrapper ul li#adult_num_wrapper .input_box {background: url('../images/select_down.png') no-repeat 98% 50%;} #renewal_main_search .search_wrapper .search_inner .input_wrapper ul li .input_search_box {display:none; position:absolute; top:0; left:0; width:100%; height:100%;} #renewal_main_search .search_wrapper .search_inner .input_wrapper ul li .input_search_box input {width:100%; height:100%; border:0; font-size:26px; padding:0 10px 0 60px; z-index:105;} #renewal_main_search .search_wrapper .search_inner .input_wrapper ul li .input_search_box .xi-search {position:absolute; top:0; left:10px; font-size:42px; line-height:100px; color:#cc9900; z-index:105;} #renewal_main_search .search_wrapper .search_inner .input_wrapper ul li .input_title {height:34px; margin-top:4px; line-height:34px; font-size:20px;} #renewal_main_search .search_wrapper .search_inner .input_wrapper ul li .input_box {height:38px; line-height:38px; font-size:18px; color:#999;} #renewal_main_search .search_wrapper .search_inner .input_wrapper ul li .search_popup_wrapper {position:absolute; top:110px; left:0; width:100%; z-index:110;} #renewal_main_search .search_wrapper .search_inner .input_wrapper ul li .search_popup_wrapper .search_popup_inner {display:none; border:1px solid #ccc; background:#f3f3f3;} #renewal_main_search .search_wrapper .search_inner .input_wrapper ul li .search_popup_wrapper .search_popup_inner ul {max-height: 520px; overflow-y: auto;} #renewal_main_search .search_wrapper .search_inner .input_wrapper ul li .search_popup_wrapper .search_popup_inner ul li {float:none; margin:0; height:52px; line-height:28px; 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;} #renewal_main_search .search_wrapper .search_inner .input_wrapper ul li .search_popup_wrapper .search_popup_inner ul li.on {background:#fff;} #renewal_main_search .search_wrapper .search_inner .input_wrapper ul li .search_popup_wrapper .search_popup_inner ul li:hover {color:#cc9900; background:#fff;} #renewal_main_search .search_wrapper .search_inner .input_wrapper ul li .search_popup_wrapper .search_popup_inner ul li i {color:#e44c52; margin-right:10px;} #renewal_main_search .search_wrapper .search_inner .input_wrapper ul li .search_popup_wrapper .search_popup_inner ul li .location {margin-left:10px; font-size:15px; color:#999;} #renewal_main_search .search_wrapper .search_inner .input_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_main_search .search_wrapper .search_inner .input_wrapper ul li .search_popup_wrapper .search_popup_inner .inwon_info {padding:4px 12px; line-height:22px; color:#666; cursor: default;} #renewal_main_search .search_wrapper .search_inner .input_wrapper .main_search_btn {width:100%; height:80px; padding:0 10px;} #renewal_main_search .search_wrapper .search_inner .input_wrapper .main_search_btn input[type=button] {width:100%; height:80px; border:0; border-radius:40px; background:#cc9900; color:#fff; font-size:26px; cursor: pointer;} #renewal_main_search .search_wrapper .search_inner .input_wrapper .main_search_btn input[type=button]:focus {outline:none;} #renewal_main_search .search_wrapper .search_inner .input_wrapper ul li .room_cnt_box {} #renewal_main_search .search_wrapper .search_inner .input_wrapper ul li .room_cnt_box .room_cnt_wrapper {} #renewal_main_search .search_wrapper .search_inner .input_wrapper ul li .room_cnt_box .room_cnt_wrapper .room_cnt_inner {width: 33.333%; height: 76px; margin: 0; padding:0; box-shadow: none; text-align: center;} #renewal_main_search .search_wrapper .search_inner .input_wrapper ul li .room_cnt_box .room_cnt_wrapper .room_cnt_inner .tit {line-height:38px; font-size:20px;} #renewal_main_search .search_wrapper .search_inner .input_wrapper ul li .room_cnt_box .room_cnt_wrapper .room_cnt_inner .num {line-height:38px; font-size:18px; color:#999;} /* 객실 선택 */ #adult_num_ajax {background:#fff;} #adult_num_ajax #add_room_wrapper {background:#fff;} #adult_num_ajax #add_room_wrapper .add_room_list {padding:20px 30px; padding-bottom:10px;} #adult_num_ajax #add_room_wrapper .add_room_list .add_room_item {height: auto; padding-top:10px; padding-bottom:20px; border-bottom:1px solid #ccc;} #adult_num_ajax #add_room_wrapper .add_room_list .add_room_item .add_room_tit_box {margin-bottom:20px;} #adult_num_ajax #add_room_wrapper .add_room_list .add_room_item .add_room_tit_box .title {font-size:22px; } #adult_num_ajax #add_room_wrapper .add_room_list .add_room_item .add_room_tit_box .delete_btn {display:none; cursor:pointer; margin-left:10px; color:#cc9900;} #adult_num_ajax #add_room_wrapper .add_room_list .add_room_item:last-child .add_room_tit_box .delete_btn {display:inline-block;} #adult_num_ajax #add_room_wrapper .add_room_list .add_room_item:first-child .add_room_tit_box .delete_btn {display:none;} #adult_num_ajax #add_room_wrapper .add_room_list .add_room_item .add_room_inwon_box {position:relative; height:30px; line-height:30px; margin-bottom:10px;} #adult_num_ajax #add_room_wrapper .add_room_list .add_room_item .add_room_inwon_box .age_group_tit { line-height:30px; font-size:18px; color:#999;} #adult_num_ajax #add_room_wrapper .add_room_list .add_room_item .add_room_inwon_box .age_group_choice {position:absolute; top:0; right:0; line-height:30px;} #adult_num_ajax #add_room_wrapper .add_room_list .add_room_item .add_room_inwon_box .age_group_choice .age_group___item {float:left;} #adult_num_ajax #add_room_wrapper .add_room_list .add_room_item .add_room_inwon_box .age_group_choice .age_group___item i {vertical-align: middle;} #adult_num_ajax #add_room_wrapper .add_room_list .add_room_item .add_room_inwon_box .age_group_choice .age_group_left_btn {cursor:pointer; width:30px; height:30px; line-height:28px; border:1px solid #ccc; border-radius:15px; text-align:center;} #adult_num_ajax #add_room_wrapper .add_room_list .add_room_item .add_room_inwon_box .age_group_choice .age_group_choice_num {width:100px;} #adult_num_ajax #add_room_wrapper .add_room_list .add_room_item .add_room_inwon_box .age_group_choice .age_group_choice_num input {border:0; text-align:center; width:100%; font-size:18px; color:#999;} #adult_num_ajax #add_room_wrapper .add_room_list .add_room_item .add_room_inwon_box .age_group_choice .age_group_choice_num input:focus {outline:none;} #adult_num_ajax #add_room_wrapper .add_room_list .add_room_item .add_room_inwon_box .age_group_choice .age_group_right_btn {cursor:pointer; width:30px; height:30px; line-height:28px; border:1px solid #ccc; border-radius:15px; text-align:center;} #adult_num_ajax .add_room_btn_wrapper {background:#fff; padding:20px 30px; padding-top:0;} #adult_num_ajax .add_room_btn_wrapper .add_room___btn {font-size:18px; color:#cc9900; height:30px; margin-bottom:10px;} #adult_num_ajax .add_room_btn_wrapper .add_room___btn a { color:#cc9900; line-height:30px;} #adult_num_ajax .add_room_btn_wrapper .add_room___choice_btn {background:#cc9900; width:100%; height:40px; line-height:40px; color:#fff; text-align:center; font-size:16px; cursor:pointer;} #adult_num_ajax .add_room_child_age_box {background:#fff; overflow:hidden;} #adult_num_ajax .add_room_child_age_box .add_room_child_age_choice {float:left; width:calc(50% - 5px); margin-right:10px; margin-bottom:10px;} #adult_num_ajax .add_room_child_age_box .add_room_child_age_choice:nth-child(2n) {margin-right:0;} #adult_num_ajax .add_room_child_age_box .add_room_child_age_choice select {width:100%; height:50px; line-height:48px; border:1px solid #ccc; color:#999; font-size:16px;} #renewal_main_movie {} #renewal_main_promotion {} #renewal_main_promotion .promotion_list {} #renewal_main_promotion .promotion_list .promotion_item {float:left; width:calc(33.333% - 6.7px); margin-right:10px; margin-bottom:10px; border-radius:3px; overflow:hidden;} #renewal_main_promotion .promotion_list .promotion_item:nth-child(3n) {margin-right:0;} #renewal_main_promotion .promotion_list .promotion_item:nth-child(3n+1) {clear:both;} #renewal_main_promotion .promotion_list .promotion_item a {} #renewal_main_promotion .promotion_list .promotion_item a img {width:100%;} #renewal_main_promotion .more_btn {width:160px;} #renewal_main_review {} /* 이용후기 더보기 버튼 */ .review_more_btn {text-align:right;} .review_more_btn a {display: inline-block; width: 160px; height: 24px; text-align: center; line-height: 24px; background: #cc9900; color: #fff;} /* footer */ #renewal_footer {overflow:hidden; background:#444;} #renewal_footer .foot_menu {height: 35px; overflow: hidden; background:#333; text-align:center;} #renewal_footer .foot_menu ul {display:inline-block;} #renewal_footer .foot_menu ul li {float:left; padding:0 12px; line-height:35px;} #renewal_footer .foot_menu ul li a {color:#ccc;} #renewal_footer .foot_menu ul li:hover a {color:#fff;} #renewal_footer .foot_logo {float:left; width:35%; height:187px; line-height:187px; filter: brightness(0) invert(0.6);} #renewal_footer .foot_logo img {max-width:70%;} #renewal_footer .foot_info {float:left; width:65%; height:150px; padding:27px 0;} #renewal_footer .foot_info p {line-height:24px; color:#aaa;} #renewal_footer .foot_info .sns_wrapper {overflow:hidden;} #renewal_footer .foot_info .sns_wrapper li {float:left; margin-right:10px;} /* promotion */ #renewal_promotion {} #renewal_promotion .promotion_title {margin-bottom:20px; line-height:60px; font-size:24px; font-weight:600;} #renewal_promotion .promotion_info {margin-bottom:20px;} #renewal_promotion .promotion_info p {font-size:16px; line-height:22px;} #renewal_promotion .promotion_tab {margin-bottom:50px;} #renewal_promotion .promotion_tab .promotion_tab_list {} #renewal_promotion .promotion_tab .promotion_tab_list .promotion_tab_item {position:relative; float:left; width:calc(25% - 7.5px); margin-right:10px; margin-bottom:10px; border-radius:3px; overflow:hidden; line-height:58px; height:60px; border:1px solid #ccc;} #renewal_promotion .promotion_tab .promotion_tab_list .promotion_tab_item.on {border-color:#cc9900; background:#cc9900;} #renewal_promotion .promotion_tab .promotion_tab_list .promotion_tab_item:nth-child(4n) {margin-right:0;} #renewal_promotion .promotion_tab .promotion_tab_list .promotion_tab_item .promotion_tab_item_title {width:100%; text-align:center; font-size:18px; z-index:3;} #renewal_promotion .promotion_tab .promotion_tab_list .promotion_tab_item.on .promotion_tab_item_title {color:#fff;} #renewal_promotion .promotion_cont {} #renewal_promotion .promotion_cont ul {} #renewal_promotion .promotion_cont ul li {float:left; width:calc(33.3333% - 6.6667px); margin-left:10px; margin-bottom:20px;} #renewal_promotion .promotion_cont ul li:nth-child(3n-2) {margin-left:0;} #renewal_promotion .promotion_cont ul li .img_box {position:relative; width:100%; padding-bottom:75%; overflow:hidden; border-radius:3px;} #renewal_promotion .promotion_cont ul li .img_box img {position:absolute; top:0; left:0; width:100%; height:100%;} #renewal_promotion .promotion_cont ul li .area {font-size:12px; font-weight:400; margin-bottom:5px;} #renewal_promotion .promotion_cont ul li .title {font-size:16px; line-height:22px; height:66px; font-weight:600; text-align:left; margin-bottom:5px;} #renewal_promotion .promotion_cont ul li .date {font-size:12px; font-weight:400;} /* customer */ #customer_center {} #customer_center .customer_info {text-align:center; margin-bottom:40px; line-height:24px; font-size:15px;} #customer_center .customer_content {margin-bottom:40px;} #customer_center .customer_content .customer_content_list {} #customer_center .customer_content .customer_content_list .customer_content_item {float:left; width:calc(50% - 40px); padding:20px; text-align:center; border:1px solid #ccc; border-radius:20px; margin:0 20px; box-shadow: 0 0 10px rgba(0,0,0,0.1);} #customer_center .customer_content .customer_content_list .customer_content_item:hover {border-color:#cc9900;} #customer_center .customer_content .customer_content_list .customer_content_item .customer_content_item_title {margin-bottom:40px; line-height:60px; font-size:24px; color:#cc9900;} #customer_center .customer_content .customer_content_list .customer_content_item .customer_content_item_img {margin-bottom:40px;} #customer_center .customer_content .customer_content_list .customer_content_item .customer_content_item_info {margin-bottom:20px;} #customer_center .customer_content .customer_content_list .customer_content_item .customer_content_item_info p {line-height:22px; font-size:15px;} #customer_center .customer_content .customer_content_list .customer_content_item .customer_content_item_info .content_grey {color:#999;} #customer_center .customer_content .customer_content_list .customer_content_item .customer_content_item_btn {width:300px; height:50px; line-height:50px; max-width:100%; margin:0 auto; font-size:18px; color:#fff; background:#cc9900;} .customer_tab {margin-bottom:20px; display:none;} /* DayPicker */ #checkin_dt_ajax, #checkout_dt_ajax {background:#fff;} #checkin_dt_ajax .search_popup_inner, #checkout_dt_ajax .search_popup_inner {background:#fff !important;} .DayPicker_wrapper {position:relative;} .DayPicker_NavBar {position: absolute; left: 0; right: 0; top: 10px; cursor: pointer;} .DayPicker_NavBar .DayPicker_Pre_Btn, .DayPicker_NavBar .DayPicker_Aft_Btn {color:#4dce78; font-size:28px;} .DayPicker_NavBar .DayPicker_Pre_Btn {position:absolute; left:10px;} .DayPicker_NavBar .DayPicker_Aft_Btn {position:absolute; right:10px;} .DayPicker_Months {height:3rem; text-align:center; font-weight:700; font-size:18px;} .DayPicker_Months .DayPicker_Caption {line-height: 3rem;} .DayPicker_Weekdays {padding:10px;} .DayPicker_Weekdays .DayPicker_Weekdays_Row {} .DayPicker_Weekdays .DayPicker_Weekdays_Row .DayPicker_weekdays_Columns {float:left !important; width:14.285% !important; text-align:center; background:#fff !important; cursor:default !important; color:#888; font-weight:600;} .DayPicker_Body {padding:0 10px;} .DayPicker_Body .DayPicker_Body_Row {} .DayPicker_Body .DayPicker_Body_Row .DayPicker_Body_Columns {float:left !important; width:14.285% !important; text-align:center; background:#fff !important; text-align:center; background:#fff !important; border:0 !important; padding:12px 0 !important;} .DayPicker_Body .DayPicker_Body_Row .DayPicker_Body_Columns:hover {background:#e0f2af !important; border-radius:16px;} .DayPicker_Weekdays .DayPicker_Weekdays_Row .DayPicker_weekdays_Columns.DayPicker_weekdays_Sun, .DayPicker_Body .DayPicker_Body_Row .DayPicker_Body_Columns.DayPicker_Body_Sun {color:#e44c52;} .DayPicker_Weekdays .DayPicker_Weekdays_Row .DayPicker_weekdays_Columns.DayPicker_weekdays_Sat, .DayPicker_Body .DayPicker_Body_Row .DayPicker_Body_Columns.DayPicker_Body_Sat {color:#0066ff;} .DayPicker_Body .DayPicker_Body_Row .DayPicker_Body_Columns.DayPicker_Body_Holiday {color:#e44c52;} .DayPicker_Body .DayPicker_Body_Row .DayPicker_Body_Columns.DayPicker_Body_Non_click {color:#999; cursor:default !important; background:#f3f3f3 !important;} .DayPicker_Body .DayPicker_Body_Row .DayPicker_Body_Columns.DayPicker_Body_Non_click:hover {background:#f3f3f3 !important; color:#999 !important; border-radius:0;} .DayPicker_Weekdays .DayPicker_Weekdays_Row .DayPicker_weekdays_Columns {padding-right:0 !important;} .DayPicker_Body .DayPicker_Body_Row .DayPicker_Body_Columns.DayPicker_Body_Non_click.DayPicker_Body_Checkin {background:#e44c52 !important; border-radius:16px; color:#fff;} .DayPicker_Body .DayPicker_Body_Row .DayPicker_Body_Columns.DayPicker_Body_Non_click.DayPicker_Body_Checkin:hover {color:#fff !important;} .DayPicker_Body .DayPicker_Footer_Checkin {border-top: 1px solid #ccc; line-height: 36px; height: 37px; text-align: center; font-size: 16px; color: #e44c52;} #ry_top_up_btn {position: fixed; bottom: 15px; left: 50%; margin-left: 565px; width: 40px; height: 40px; text-align: center; background: #fff; line-height: 40px; border: 1px solid #ccc; border-radius:20px; cursor: pointer; display: none; opacity:0.7;} #ry_top_up_btn:hover {background:#cc9900; border-color:#cc9900; color:#fff;} /* footer_menu */ #renewal_footer_menu {} #renewal_footer_menu .renewal_footer_menu_list {padding: 20px 0;} #renewal_footer_menu .renewal_footer_menu_list .renewal_footer_menu_item {float:left; width:9.09%; text-align:center;} #renewal_footer_menu .renewal_footer_menu_list .renewal_footer_menu_item img {max-width:100%;} /* 반응형 css */ @media (max-width:1099px){ /* header */ #renewal_header #head_tab .head_tab_list {padding:0 10px; position: relative;} #renewal_header #head_tab .head_tab_list li {width:calc(50% - 5px);} #renewal_header #head_tab .head_tab_list li:last-child {margin-right:0;} #fixed_sub_menu {position:fixed; top: auto; bottom:-76px; z-index: 1000; height:76px; background:#fff; padding: 10px 0; border-top:1px solid #ccc;} #fixed_sub_menu .fixed_sub_menu_inner {float:none;} #fixed_sub_menu .fixed_sub_menu_inner li {width:25%; margin:0;} #fixed_sub_menu .fixed_sub_menu_inner .sub_menu_icon {display:block;} #renewal_nav {padding-bottom:0;} #renewal_nav .menu_list ul li {width:25%;} #renewal_nav .menu_list ul li .menu_icon {width:48px; height:48px;} .mobile_menu_margin {display:block;} .login_member_nm_top_wrapper {display:none;} #renewal_nav .logo {width:100%; position:relative; text-align: center; line-height:40px;} #renewal_nav .logo img {height:36px;} #renewal_nav .menu_list {width:100%;} .menu_round {position:absolute; top:168px; width:100%; height:20px; border-radius:0 0 20px 20px; background:#fff; z-index:1;} .jbFixed {position:fixed; top:0; z-index:110; background:#fff; padding:10px 0 5px; border-bottom:1px solid #ccc;} /* more_menu */ #renewal_more_menu {position:fixed; top:-100%; right:auto; left:0; width:100%; height:100%; z-index:200; background:#f3f3f3;} #renewal_more_menu .more_menu_wrapper {height:calc(100% - 76px); border:0; overflow-y:scroll; overflow-x: hidden;} #renewal_more_menu .more_menu_wrapper .more_menu_list {height:100%; padding-top:50px;} #renewal_more_menu .more_menu_wrapper .login_member_nm_wrapper {display:block; position:absolute; top:0; left:20px;} .jbFixed .menu_title {display:none;} /* main_content*/ .section_wrapper {padding:40px 10px;} .section_wrapper .title {line-height:40px; margin-bottom:10px;} .section_wrapper .title h5 {font-size:22px;} #renewal_main_search {height: calc(100% - 180px); min-height: 500px;} #renewal_main_search .main_search_bg {} #renewal_main_search .search_wrapper {position:absolute; bottom:60px; left:50%; width:620px; margin-left:-310px;} #renewal_main_search .search_wrapper .search_title {font-size:22px; margin-bottom:16px;} #renewal_main_search .search_wrapper .search_title span.s_tit {display:block; line-height:30px; font-weight:500;} #renewal_main_search .search_wrapper .search_inner .input_wrapper ul li {height:68px; padding:4px 8px; margin-bottom:5px;} #renewal_main_search .search_wrapper .search_inner .input_wrapper ul li .input_title {height:28px; line-height:28px; font-size:18px;} #renewal_main_search .search_wrapper .search_inner .input_wrapper ul li .input_box {height:28px; line-height:28px; font-size:16px;} #renewal_main_search .search_wrapper .search_inner .input_wrapper ul li .input_search_box .xi-search {line-height:68px;} #renewal_main_search .search_wrapper .search_inner .input_wrapper ul li .search_popup_wrapper {top:73px;} #renewal_main_search .search_wrapper .search_inner .input_wrapper ul li .search_popup_wrapper .search_popup_inner ul li {height:auto; min-height:40px; white-space: normal; line-height:31px;} #renewal_main_search .search_wrapper .search_inner .input_wrapper ul li .search_popup_wrapper .search_popup_inner ul li .location_type {top:4px;} #renewal_main_search .search_wrapper .search_inner .input_wrapper .main_search_btn {height:46px; padding:0;} #renewal_main_search .search_wrapper .search_inner .input_wrapper .main_search_btn input[type=button] {height:46px; border-radius:46px; font-size:22px;} #renewal_main_search .search_wrapper .search_inner_btn ul li.w50 img {margin-right:10px;} #renewal_main_search .search_wrapper .search_inner .input_wrapper {padding:5px; background:#333;} #renewal_main_search .search_wrapper .search_inner .input_wrapper ul li.ww50 {width:calc(50% - 2.5px);} #renewal_main_search .search_wrapper .search_inner .input_wrapper ul li.mr10 {margin-right:5px;} #renewal_main_search .search_wrapper .search_inner .input_wrapper ul li.ww50 .search_popup_wrapper {width:calc(200% + 10px);} #renewal_main_search .search_wrapper .search_inner .input_wrapper ul li#adult_num_wrapper .search_popup_wrapper {left:0;} #renewal_main_search .search_wrapper .search_inner .input_wrapper ul li#checkout_dt_wrapper .search_popup_wrapper {left:calc(-100% - 5px);} #renewal_main_search .search_wrapper .search_inner_btn ul li {height:40px;} #renewal_main_search .search_wrapper .search_inner_btn ul li a {line-height:40px; font-size:16px;} #renewal_main_search .search_wrapper .search_inner_btn ul li.w50 img {height:36px;} #renewal_main_search .search_wrapper .search_inner .input_wrapper ul li .room_cnt_box .room_cnt_wrapper .room_cnt_inner {height:60px} #renewal_main_search .search_wrapper .search_inner .input_wrapper ul li .room_cnt_box .room_cnt_wrapper .room_cnt_inner .tit {line-height:30px; font-size:18px;} #renewal_main_search .search_wrapper .search_inner .input_wrapper ul li .room_cnt_box .room_cnt_wrapper .room_cnt_inner .num {line-height:30px; font-size:16px;} #renewal_main_promotion {} #renewal_main_promotion .promotion_list {} #renewal_main_promotion .promotion_list .promotion_item {float:left; width:calc(50% - 5px); margin-right:10px; margin-bottom:10px; border-radius:3px; overflow:hidden;} #renewal_main_promotion .promotion_list .promotion_item:nth-child(3n) {margin-right:10px;} #renewal_main_promotion .promotion_list .promotion_item:nth-child(2n) {margin-right:0;} #renewal_main_promotion .promotion_list .promotion_item:nth-child(3n+1) {clear:none;} #renewal_main_promotion .promotion_list .promotion_item:nth-child(2n+1) {clear:both;} #renewal_main_promotion .promotion_list .promotion_item a {} #renewal_main_promotion .promotion_list .promotion_item a img {width:100%;} #renewal_main_promotion .more_btn {width:160px;} /* review */ .review_list ul li {padding:10px;} /* footer */ #renewal_footer {padding-bottom:80px;} #renewal_footer .foot_menu {height:auto;} #renewal_footer .foot_menu ul li {float:left; padding:0 12px; line-height:35px;} #renewal_footer .foot_menu ul li a {color:#ccc;} #renewal_footer .foot_menu ul li:hover a {color:#fff;} #renewal_footer .foot_logo {float:none; width:100%; height:60px; line-height:60px; text-align:center;} #renewal_footer .foot_logo img {width:auto; height:40px;} #renewal_footer .foot_info {float:none; width:100%; height:auto; padding:10px;} #renewal_footer .foot_info p {line-height:24px; color:#aaa;} /* promotion */ #renewal_promotion .promotion_tab .promotion_tab_list .promotion_tab_item {width:calc(50% - 5px);} #renewal_promotion .promotion_tab .promotion_tab_list .promotion_tab_item:nth-child(2n) {margin-right:0;} #renewal_promotion .promotion_tab .promotion_tab_list .promotion_tab_item .promotion_tab_item_title {font-size:16px;} /* top_btn */ #ry_top_up_btn {bottom:90px; left:auto; right:10px; margin-left:0;} #adult_num_ajax #add_room_wrapper .add_room_list .add_room_item .add_room_tit_box .title {font-size:18px;} #adult_num_ajax #add_room_wrapper .add_room_list .add_room_item .add_room_inwon_box .age_group_tit {font-size:16px;} #adult_num_ajax .add_room_btn_wrapper .add_room___btn {font-size:16px;} /* top_btn */ #ry_top_up_btn {bottom:90px; left:auto; right:10px; margin-left:0; background:#cc9900; border-color:#cc9900; color:#fff;} /* footer_menu */ #renewal_footer_menu {} #renewal_footer_menu .renewal_footer_menu_list {padding: 10px 0;} #renewal_footer_menu .renewal_footer_menu_list .renewal_footer_menu_item {float:left; width:25%; text-align:center; padding:10px;} #renewal_footer_menu .renewal_footer_menu_list .renewal_footer_menu_item img {max-width:100%;} } @media (max-width:639px){ #main_menu .menu_list ul li .menu_title {font-size:17px;} #fixed_sub_menu .fixed_sub_menu_inner .sub_menu_title {font-size:14px;} #renewal_main_search .search_wrapper .search_title {display:none;} #renewal_main_search .search_wrapper {position:absolute; bottom:100px; left:10px; width:calc(100% - 20px); margin-left:0;} #renewal_main_search .search_wrapper .search_inner_btn ul li.w50 img {margin-right:6px;} #renewal_main_search .search_wrapper .search_inner .input_wrapper ul li .input_search_box input {font-size:22px;} #adult_num_ajax #add_room_wrapper .add_room_list {padding:10px; padding-bottom:10px;} #adult_num_ajax .add_room_btn_wrapper {background:#fff; padding:10px 10px; padding-top:0;} /* promotion */ #renewal_promotion .promotion_cont ul li {width:calc(50% - 5px);} #renewal_promotion .promotion_cont ul li:nth-child(3n-2) {margin-left:10px;} #renewal_promotion .promotion_cont ul li:nth-child(2n-1) {margin-left:0;} #renewal_promotion .promotion_cont ul li .title {font-size:14px;} /* customer */ #customer_center .customer_content .customer_content_list .customer_content_item {float:none; width:100%; margin:0 0 20px;} #customer_center .customer_content .customer_content_list .customer_content_item .customer_content_item_title {margin-bottom:20px;} .customer_tab {display:block;} .customer_tab .customer_tab_list {} .customer_tab .customer_tab_list .customer_tab_item {float:left; width:calc(50% - 5px); height:50px; cursor:pointer; line-height:48px; border:1px solid #ccc; border-radius:10px; padding:0 16px; font-size:14px; background: url(../images/select_down.png) no-repeat 93% 50%;} .customer_tab .customer_tab_list .customer_tab_item.mr10 {margin-right:10px;} .customer_tab .customer_tab_list .customer_tab_item.on {background:#cc9900; color:#fff;} }