/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ 예약S 페이지 : html > plugin > wz.booking.S.prm ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/ /* (주)파이브센스_FIVESENSES.Corp. 본 라이브러리(소스코드 및 디자인 포함)는 (주)파이브센스의 자산이며, 저작권법 및 부정경쟁방지법에 의해 보호됩니다. 무단 사용, 외부 유출, 복제, 배포, 변형을 금지합니다. 위반 시 민·형사상 법적 책임 및 손해배상 청구 대상이 됩니다. 작성일: 2025-11-07 | 저작권자: (주)파이브센스(520-86-01244) | All Rights Reserved. */ /* 예약하기S_공통 */ .reservationS.wetoz{margin:0 0 80px;} .reservationS.wetoz a{color:var(--main-box-font-color)} .reservationS.wetoz a:hover, .reservationS.wetoz a:focus{text-decoration:none} .reservationS.wetoz p, .reservationS.wetoz ul{margin:0} .reservationS.wetoz label{margin:0; font-weight:400} .reservationS.wetoz .clearfix{height:0 !important} /* .reservationS.wetoz::-webkit-scrollbar, .reservationS.wetoz *::-webkit-scrollbar{width:10px} .reservationS.wetoz::-webkit-scrollbar-track, .reservationS.wetoz *::-webkit-scrollbar-track{background-color:#f1f1f1} .reservationS.wetoz::-webkit-scrollbar-thumb, .reservationS.wetoz *::-webkit-scrollbar-thumb{width:10px; background:#ddd; border-radius:0;} */ /* 예약하기S_탭/버튼 */ /* .reservationS.wetoz .nav{display:flex; margin-bottom:90px; margin-top: 50px; border-bottom:1px solid #111} */ .reservationS.wetoz .navi-wrap{display: flex; align-items: center; justify-content: center;} .reservationS.wetoz .nav{display:flex; margin-bottom:50px; margin-top: 50px; align-items: center; justify-content: center; border-radius: 12px; border: 1px solid #ebebeb;} /* .reservationS.wetoz .nav > li{margin-bottom:-1px} */ /* .reservationS.wetoz .nav > li.active{border:1px solid #111; border-bottom-color:#fff} */ .reservationS.wetoz .nav > li + li {margin-left: 0; border-left: 1px solid #ebebeb;} .reservationS.wetoz .nav > li > a{width:200px; padding:0; border-radius: 0px; font-size:18px; font-weight: 500; color:var(--main-btn-font-color2); text-align: center; line-height: 63px; transition: 0.2s;} .reservationS.wetoz .nav > li > a:hover{color: var(--main-btn-font-point-color); background-color: #fff;} .reservationS.wetoz .nav > li.active > a{color:var(--main-btn-font-point-color); background-color: #f9f9f9;} .reservationS.wetoz .nav > li.active > a:hover,.reservationS.wetoz .nav > li.active > a:focus{} .reservationS.wetoz .navi-wrap .button-list{bottom:10px} .reservationS.wetoz .navi-wrap .navbar-link{font-weight:500; font-size:14px} /* .reservationS.wetoz .reserve_btn_box{margin-top:60px} */ .reservationS.wetoz .btn-group-justified{display:block; height:auto; text-align:center} .reservationS.wetoz .default_btn_box .btn-group-justified{display: flex; align-items: center; justify-content: center;} .reservationS.wetoz .btn-group-justified > .btn-group{display:inline-block; width:200px; padding:0} .reservationS.wetoz .btn-group-justified > .btn-group + .btn-group{margin-left:10px} .reservationS.wetoz .default_btn_box .btn-group-justified > .btn-group{ width:100px; } .reservationS.wetoz .default_btn_box .btn-group-justified > .btn-group + .btn-group{width: 130px;} /* .reservationS.wetoz .btn-group-justified > .btn-group .btn{display:block; overflow:hidden; float:none; height:60px; padding:0; border-color:#111; font-weight:500; font-size:17px; line-height:60px; color:#222 !important; outline: none;} .reservationS.wetoz .btn-group-justified > .btn-group .btn.btn-success{border-color:#8a30e5; background-color:#8a30e5 !important; color:#fff !important} */ .reservationS.wetoz .btn-group-justified > .btn-group .btn{display:block; overflow:hidden; float:none; height:50px; padding:0; border:none; font-weight:500; font-size:15px; line-height:50px; color:#5d5d5d !important; background-color: #e8e8e8 !important; border-radius: 15px !important; outline: none; transition: 0.2s;} .reservationS.wetoz .reserve_select_wrap .btn-group-justified > .btn-group .btn{height:60px; line-height:60px;} .reservationS.wetoz .btn-group-justified > .btn-group .btn:hover{background-color: #dbdbdb !important;} .reservationS.wetoz .btn-group-justified > .btn-group .btn.btn-success{background-color:#0c0c0c !important; color:#fff !important} .reservationS.wetoz .btn-group-justified > .btn-group .btn.btn-success:hover{background-color:#454545 !important;} .reservationS.wetoz .btn-group-justified > .btn-group .btn.btn-primary{} @media (max-width:991px){ /* 예약하기S_탭/버튼 */ .reservationS.wetoz .nav{margin-bottom:50px; width: 100%; border-radius: 5px;} /* .reservationS.wetoz .nav > li{width:33.333%} */ .reservationS.wetoz .nav > li{width:auto; flex: 1;} .reservationS.wetoz .nav > li + li{margin: 0;} /* .reservationS.wetoz .nav > li > a{width:100%; height:32px; padding:0 10px; font-size:13px} */ .reservationS.wetoz .nav > li > a{width:100%; padding:0 10px; font-size:14px; line-height: 50px; border-radius: 0;} .reservationS.wetoz .navi-wrap .button-list{top:-20px; bottom:auto} .reservationS.wetoz .navi-wrap .navbar-link{font-size:12px} /* .reservationS.wetoz .reserve_btn_box{margin-top:30px} */ .reservationS.wetoz .btn-group-justified > .btn-group{width:48%} .reservationS.wetoz .btn-group-justified > .btn-group + .btn-group{margin-left:2%} .reservationS.wetoz .reserve_select_wrap .btn-group-justified > .btn-group .btn, .reservationS.wetoz .btn-group-justified > .btn-group .btn{height:43px; line-height: 43px; border-radius: 10px !important; font-size:13px;} } /* 예약하기S_표 기본 */ .reservationS.wetoz .reserve_default + .reserve_default{margin-top:90px;} .reservationS.wetoz #wzfrm .reserve_default + .reserve_default{margin-top:100px;} .reservationS.wetoz .reserve_title{margin:30px 0;} .reservationS.wetoz .reserve_title > span{font-weight:700; font-size:32px; color:var(--main-font-color)} .reservationS.wetoz .person_info .reserve_content{padding: 27px 0; border-top:1px solid #0c0c0c; border-bottom: 1px solid #e1e1e1;} /* .reservationS.wetoz .reserve_row{display:flex; padding:16px 0; border-bottom:1px solid #ebebeb} */ .reservationS.wetoz .reserve_row{display:flex; align-items: center; gap: 80px;} /* .reservationS.wetoz .reserve_row:first-child{} */ .reservationS.wetoz .reserve_box{display:flex; /* align-items:center; */ flex:1; padding: 8px 0; align-items: center;} .reservationS.wetoz .rv_label{width: 160px; font-size: 17px; font-weight: 500; color: #0c0c0c; line-height: 55px; background-color: transparent;} .reservationS.wetoz .rv_answer{width:calc(100% - 160px); padding: 0;} /* .reservationS.wetoz .input_box{padding:0 10px; border:1px solid #e1e1e1; background-color:#fff; font-size:15px; color:#333; box-shadow:none; -webkit-box-shadow:none} .reservationS.wetoz .input_box::placeholder{color:#888} */ /* .reservationS.wetoz .input_box{padding:0 10px; border:1px solid #e1e1e1; background-color:#fff; font-size:15px; color:#333; box-shadow:none; -webkit-box-shadow:none} .reservationS.wetoz .input_box::placeholder{color:#888} */ .reservationS.wetoz input::-webkit-outer-spin-button, .reservationS.wetoz input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;} .reservationS.wetoz input[type='number'] {-moz-appearance: textfield;} .reservationS.wetoz .input_box{width: 100%; border: 1px solid #e1e1e1; border-radius: 10px; line-height: 53px; height: 55px; font-size: 16px; padding: 0 20px; color: #0c0c0c;} .reservationS.wetoz .textarea_wrap:hover, .reservationS.wetoz .input_box:hover, .reservationS.wetoz .input_box:focus{border-color: #8a30e5 !important;} .reservationS.wetoz .textarea_wrap{overflow: hidden; border-radius: 10px; border: 1px solid #e1e1e1; height: 100px;} .reservationS.wetoz .textarea_box{height: 100px; line-height: 1.4em; width: 100%; font-size: 16px; color: #0c0c0c; padding: 15px 20px; border: none; resize:none;} .reservationS.wetoz .textarea_box::placeholder, .reservationS.wetoz .input_box::placeholder{color: #999999;} /* .reservationS.wetoz .rv_input{width:100%; max-width:400px; height:36px} */ .reservationS.wetoz #request-tax .rv_input{margin-top:3px} .reservationS.wetoz .select_box{width:100%; max-width:400px; height:36px; background:transparent url('/img/arr_select.png') no-repeat 95% 50%; -webkit-appearance:none; -moz-appearance:none; appearance:none} .reservationS.wetoz .select_box::-ms-expand {display:none} /* .reservationS.wetoz .textarea_box{width:100%; max-width:1300px; height:120px; padding:10px; line-height:1.3; resize:none; border: none;} */ /* .reservationS.wetoz .rv_birth{width:45%; height:36px} .reservationS.wetoz .rv_birth2{width:36px; height:36px} */ .reservationS.wetoz .rv_birth{width:50%;} .reservationS.wetoz .rv_birth2{width:55px;} .reservationS.wetoz .rv_birth_bar{display:inline-block; position:relative; width:26px} .reservationS.wetoz .rv_birth_bar::before{content:''; position:absolute; top:-5px; right:0; left:0; bottom:0; width:6px; height:1px; margin:auto; background-color:#888} .reservationS.wetoz .rv_birth_star{display:inline-block; padding-top:6px; font-size:15px; color:#555; vertical-align:middle} .reservationS.wetoz .reserve_tbl{width:100%; table-layout:fixed; border-collapse:collapse; text-align:center} .reservationS.wetoz .reserve_tbl.reserve_tbl_auto{table-layout:auto;} .reservationS.wetoz .reserve_tbl .tbl_w_12{width:12.5%} .reservationS.wetoz .reserve_tbl thead{background-color:#f5f5f5} .reservationS.wetoz .reserve_tbl tbody tr{border-bottom:1px solid #e1e1e1} .reservationS.wetoz .reserve_tbl tfoot tr{border-bottom:1px solid #e1e1e1} .reservationS.wetoz .reserve_tbl th{padding:22px 0; font-weight:500; font-size:16px; line-height:1; color: #0c0c0c; text-align:center} .reservationS.wetoz .reserve_tbl tfoot tr th{font-size: 18px; line-height: 1em; color: var(--main-box-font-color);} .reservationS.wetoz .reserve_tbl tfoot tr th .rv_tbl_data{font-size: 16px; font-weight: 500; color: var(--main-box-font-color2);} .reservationS.wetoz .reserve_tbl tfoot tr th .rv_tbl_data .main{font-size: 20px; font-weight: 600; color: var(--main-box-font-color);} .reservationS.wetoz .reserve_tbl thead tr th{background-color: #fff; padding: 23px 10px; font-size: 17px; font-weight: 500; line-height: 19px; width:20%;} .reservationS.wetoz .reserve_tbl thead tr:first-of-type th{background-color: #f5f5f5; border-bottom: none;} .reservationS.wetoz .reserve_tbl thead tr:first-of-type th:first-child {border-radius: 12px 0 0 12px; width:50%} .reservationS.wetoz .reserve_tbl thead tr:first-of-type th:last-child {border-radius: 0 12px 12px 0; width:50%;} .reservationS.wetoz .reserve_tbl td{padding:17.25px 0; font-size:16px; line-height:30px; color:var(--main-box-font-color2)} .reservationS.wetoz .reserve_tbl td a .search-plus-icon{display: inline-block; width: 18px; height: 18px; border-radius: 50%; border: 1px solid #c8c8c8; position: relative; top: 4px;} .reservationS.wetoz .reserve_tbl td a .search-plus-icon::after, .reservationS.wetoz .reserve_tbl td a .search-plus-icon::before{content: ''; display: block; position: absolute; background-color: #999999; top: 50%; left: 50%; transform: translate(-50%,-50%);} .reservationS.wetoz .reserve_tbl td a .search-plus-icon::after{width: 7px; height: 1px;} .reservationS.wetoz .reserve_tbl td a .search-plus-icon::before{width: 1px; height: 7px;} .reservationS.wetoz .reserve_tbl td a:hover .search-plus-icon{border-color: var(--main-box-line-color);} .reservationS.wetoz .reserve_tbl td a:hover .search-plus-icon::after, .reservationS.wetoz .reserve_tbl td a:hover .search-plus-icon::before{background-color: var(--main-box-font-color);} .reservationS.wetoz .reserve_tbl .rv_pc_none{display:none} .reservationS.wetoz .reserve_tbl .rv_tbl_mob{display:none} @media (max-width:991px){ /* 예약하기S_표 기본 */ .reservationS.wetoz .reserve_default + .reserve_default{margin-top:50px } .reservationS.wetoz #wzfrm .reserve_default + .reserve_default{margin-top: 50px;} .reservationS.wetoz .reserve_title{margin-bottom:20px} .reservationS.wetoz .reserve_title > span{font-size:21px} /* .reservationS.wetoz .reserve_row{flex-direction:column; padding:10px 0; gap: 0;} */ .reservationS.wetoz .reserve_row{display: block; padding:0;} /* .reservationS.wetoz .reserve_box + .reserve_box{margin-top:10px; padding-top:10px; border-top:1px solid #e9e9e9} */ .reservationS.wetoz .reserve_box + .reserve_box{padding: 0;} /* .reservationS.wetoz .rv_label{width:100px; font-size:14px; line-height:30px} */ /* .reservationS.wetoz .rv_answer{width:calc(100% - 110px); padding-right:10px} */ /* .reservationS.wetoz .input_box{font-size:13px} */ /* .reservationS.wetoz .rv_input{height:30px} */ .reservationS.wetoz .person_info .reserve_content{border-top: 1px solid #000; padding: 7.5px 0;} .reservationS.wetoz .reserve_box{padding: 0;} .reservationS.wetoz .rv_label{width: 90px; padding: 10px 0; font-size: 12px; background-color: #fff; line-height: 38px; padding: 0;} .reservationS.wetoz .rv_answer{width: calc(100% - 90px); font-size: 12px; line-height: 38px; padding: 7.5px 0;} .reservationS.wetoz .input_box, .reservationS.wetoz .rv_input{height: 38px; line-height: 36px; font-size: 12px; border-radius: 5px !important; padding: 0 10px;} .reservationS.wetoz .textarea_wrap{font-size: 12px; line-height: 38px;height: 75px; border-radius: 5px !important;} .reservationS.wetoz .textarea_wrap textarea{height: 75px; font-size: 12px; padding: 10px 10px;} .reservationS.wetoz #request-tax .rv_input{margin-top:5px} .reservationS.wetoz .select_box{height:30px; background-size:8px auto} .reservationS.wetoz .rv_birth{width:48%;} .reservationS.wetoz .rv_birth2{width:38px;} .reservationS.wetoz .rv_birth_bar{width:22px} .reservationS.wetoz .rv_birth_star{height: 38px; line-height: 38px; padding-top: 2px;} /* .reservationS.wetoz .reserve_tbl{border-top:1px solid #333} */ .reservationS.wetoz .reserve_tbl thead{display:none} .reservationS.wetoz .reserve_tbl tbody tr{display:block; border-top:1px solid #e1e1e1} .reservationS.wetoz .reserve_tbl tbody tr.rv_pc_none + tr.rv_pc_none{margin-top: 15px;} .reservationS.wetoz .reserve_tbl tfoot tr{border-color:#e1e1e1} .reservationS.wetoz .reserve_tbl th{display:flex; padding:0; font-size:13px; text-align:left} .reservationS.wetoz .reserve_tbl tfoot th{} .reservationS.wetoz .reserve_tbl td{display:flex; width:100%; padding:0; font-size:13px; text-align:left} .reservationS.wetoz .reserve_tbl td + td{border-top:1px solid #e1e1e1;} .reservationS.wetoz .reserve_tbl td a .search-plus-icon{width: 13px; height: 13px; top: 2px;} .reservationS.wetoz .reserve_tbl td a .search-plus-icon::after{width: 5px;} .reservationS.wetoz .reserve_tbl td a .search-plus-icon::before{height: 5px;} .reservationS.wetoz .reserve_tbl .rv_pc_none{display:block} .reservationS.wetoz .reserve_tbl .rv_mob_none{display:none} .reservationS.wetoz .reserve_tbl .rv_tbl_mob{display:flex; align-items:center; justify-content: center; width:122px; background-color:#fbfbfb; font-weight:500; font-size:14px; line-height: 15px; padding: 18px 10px; color: #0c0c0c;} .reservationS.wetoz #wzfrm .reserve_tbl .rv_tbl_mob{width:90px; background-color:#f5f5f5;} .reservationS.wetoz #wzfrm .reserve_tbl tfoot .rv_tbl_mob{background-color:transparent; font-size: 13px; padding: 15px 0;} .reservationS.wetoz .reservation_list .reserve_tbl .rv_tbl_mob{background-color:#f5f5f5;} .reservationS.wetoz .reserve_tbl .rv_tbl_data{width:calc(100% - 122px); font-size: 14px; line-height: 22px; border-left: 1px solid #e1e1e1; padding: 15px; position: relative;} .reservationS.wetoz #wzfrm .reserve_tbl .rv_tbl_data{width:calc(100% - 90px);} .reservationS.wetoz #wzfrm .reserve_tbl tfoot .rv_tbl_data{padding: 15px 0; text-align: right; font-size: 12px; line-height: 14px; border-left: none;} .reservationS.wetoz #wzfrm .reserve_tbl tfoot tr th .rv_tbl_data .main{font-size: 15px;} } /* 예약하기S_예약안내 */ .reservationS.wetoz .reserve_view.reserve_default{} .reservationS.wetoz .reserve_view .reserve_tbl th[colspan]{border-bottom:1px solid #e1e1e1} .reservationS.wetoz .reserve_view .reserve_tbl thead tr:first-of-type th{border-bottom: none;} .reservationS.wetoz .reserve_view .reserve_tbl th + th{border-left:1px solid #e1e1e1} .reservationS.wetoz .reserve_agree_box{border-top:1px solid var(--main-box-line-color)} .reservationS.wetoz .reserve_agree_box .rv_agree_ul{} .reservationS.wetoz .rv_agree_ul > li{border-bottom:1px solid #e1e1e1} .reservationS.wetoz .rv_agree_ul > li.no_border{border-bottom:1px solid transparent} .reservationS.wetoz .rv_agree_ul > li .rv_agree_view{display:flex; justify-content:space-between; align-items:center; position:relative; padding:30px 50px 30px 10px; cursor:pointer} /* .reservationS.wetoz .rv_agree_ul > li .rv_agree_view::before, .reservationS.wetoz .rv_agree_ul > li .rv_agree_view::after{content:''; position:absolute; top:0; right:12px; bottom:0; width:1px; height:6px; margin:auto; background-color:#666} .reservationS.wetoz .rv_agree_ul > li .rv_agree_view::before{transform:rotate(45deg)} .reservationS.wetoz .rv_agree_ul > li .rv_agree_view::after{right:16px; transform:rotate(-45deg)} .reservationS.wetoz .rv_agree_ul > li .rv_agree_view.active::after{transform:rotate(-135deg)} .reservationS.wetoz .rv_agree_ul > li .rv_agree_view.active::before{transform:rotate(135deg)} */ .reservationS.wetoz .rv_agree_ul > li .rv_agree_view .arr{display: block; width: 10px; height: 10px; border-bottom: 1px solid #d1d1d1; border-left: 1px solid #d1d1d1; transform: rotate(-45deg); position: absolute; top: 35px; right: 20px; transition: 0.2s;} .reservationS.wetoz .rv_agree_ul > li .rv_agree_view.active .arr{border-color: #777; transform: rotate(135deg);} .reservationS.wetoz .rv_agree_view .tit{font-weight:500; font-size:18px; color:var(--main-box-font-color); line-height: 20px;} .reservationS.wetoz .rv_agree_view .more{display:block; font-size:15px; color:#666} .reservationS.wetoz .rv_agree_ul > li .rv_agree_policy{display: none;} /* .reservationS.wetoz .rv_agree_policy .policy_details{display:none; overflow-y:auto; height:200px; padding:28px 32px; border-top:1px solid #e9e9e9; background-color:#fcfcfc; font-size:15px; line-height:1.85; color:#888} .reservationS.wetoz .rv_agree_policy .policy_details *{font-size:15px; line-height:1.85; color:#888} */ .reservationS.wetoz .rv_agree_policy .policy_details{ min-height:175px; padding:52px 40px; background-color:#f9f9f9; border-radius: 20px;font-size:16px; line-height:26px; color:#5d5d5d} .reservationS.wetoz .rv_agree_policy .policy_details *{font-size:16px; line-height:26px; color:#5d5d5d} .reservationS.wetoz .reserve_agree{margin-top:20px; display: inline-block;} .reservationS.wetoz .rv_agree_check{display:none} /* .reservationS.wetoz .rv_agree_label{font-size:16px; line-height:22px; color:#666} .reservationS.wetoz .rv_agree_label span{display:inline-block; position:relative; width:22px; height:22px; margin-right:12px; border:1px solid #ddd; vertical-align:middle; cursor:pointer} .reservationS.wetoz .rv_agree_label span::before, .reservationS.wetoz .rv_agree_label span::after{content:''; position:absolute; bottom:6px; background-color:#ddd} .reservationS.wetoz .rv_agree_label span::before{left:6px; width:2px; height:6px; transform:rotate(-45deg)} .reservationS.wetoz .rv_agree_label span::after{left:10px; width:2px; height:8px; transform:rotate(45deg)} .reservationS.wetoz .rv_agree_check:checked + .rv_agree_label span{border-color:#8a30e5; background-color:#8a30e5} .reservationS.wetoz .rv_agree_check:checked + .rv_agree_label span::before, .reservationS.wetoz .rv_agree_check:checked + .rv_agree_label span::after{background-color:#fff} */ /* .reservationS.wetoz .btn_reserve{display:flex; justify-content:center; align-items:center; width:200px; height:60px; margin:55px auto 0; border:1px solid #111} .reservationS.wetoz .btn_reserve span{display:block; font-weight:500; font-size:17px; color:#222} */ /* 체크박스 */ .reservationS.wetoz .rv_agree_label{font-size:15px; line-height:18px; color:var(--main-btn-font-color2); display: flex; align-items: center; cursor: pointer;} .reservationS.wetoz .rv_agree_label span{display:inline-block; position:relative; margin-right: 6px; width: 18px; height: 18px; border-radius: 5px; border: 1px solid #e1e1e1; background-color: #fff;} .reservationS.wetoz .rv_agree_label:hover span{border: 1px solid var(--main-btn-line-point-color); background-color: #f1f5ff;} .reservationS.wetoz .rv_agree_check:checked + .rv_agree_label span{border: 1px solid var(--main-btn-line-point-color); background: url(../img/checkbox.png) center / 18px 18px no-repeat; background-color: var(--main-btn-point-color);} .reservationS.wetoz .rv_agree_check + .rv_agree_label span::after, .reservationS.wetoz .rv_agree_check + .rv_agree_label span::before, .reservationS.wetoz .rv_agree_check:checked + .rv_agree_label span::after, .reservationS.wetoz .rv_agree_check:checked + .rv_agree_label span::before{display: none;} @media (max-width:768px){ .reservationS.wetoz .rv_agree_label{font-size: 13px; line-height: 13px;} .reservationS.wetoz .rv_agree_label span{border-radius: 2px; width: 15px; height: 15px;} .reservationS.wetoz .rv_agree_check:checked + .rv_agree_label span{background-image: url(../img/m_checkbox.png); background-size: 13px 13px;} } /* 라디오박스 */ .reservationS.wetoz .rv_radio_label span.circle {display: inline-block;width: 22px;height: 22px;border-radius: 50%;background-color: #fff;border: 1px solid #e1e1e1;margin-right: 10px; top: 0;} .reservationS.wetoz .rv_radio_label:hover span.circle {border-color: #8a30e5;background-color: #f1f5ff;} .reservationS.wetoz .rv_radio_input:checked + .rv_radio_label span.circle{border-color: #8a30e5;background: url(../img/radio.png) center / 22px 22px no-repeat;background-color: #8a30e5;} .reservationS.wetoz .rv_radio_input + .rv_radio_label::after, .reservationS.wetoz .rv_radio_input + .rv_radio_label::before{display: none !important;} @media(max-width:768px){ .reservationS.wetoz .rv_radio_label span.circle {width: 18px;height: 18px;border-color: #ededed; margin-right: 5px;} .reservationS.wetoz .rv_radio_input:checked + .rv_radio_label span.circle {background: url(../img/m_radio.png) center / 18px 18px no-repeat;background-color: #8a30e5;} } .reservationS.wetoz a.btn_reserve, .reservationS.wetoz button.btn_reserve{width: 100%; display: flex; justify-content:center; align-items:center; max-width: 160px; height: 50px; line-height: 50px; background-color: #0c0c0c; border-radius: 15px; padding: 0 10px; text-align: center; margin: 60px auto 0; transition: 0.2s;font-size: 15px; font-weight: 500; color: #fff;} .reservationS.wetoz .order_view button.btn_reserve{max-width: 180px; } /* 2025-11-04 (주)파이브센스_FIVESENSES.Corp. */ /********** 예약안내 추가 **********/ .reservationS.wetoz .reserve_tbl .tbl_w_12{width: 14.5%;} .reservationS.wetoz .reserve_view table.reserve_tbl thead tr:nth-child(2){border-bottom: 1px solid #e1e1e1;} /* .reservationS.wetoz .reserve_view table.reserve_tbl thead tr:first-of-type th:first-child {border-radius: 12px 0 0 12px;} .reservationS.wetoz .reserve_view table.reserve_tbl thead tr:first-of-type th:last-child {border-radius: 0 12px 12px 0;} */ .reservationS.wetoz .reserve_view table.reserve_tbl thead tr:nth-child(2) th{font-size: 15px; line-height: 1em; padding: 24.75px 10px;} .reservationS.wetoz .reserve_view table.reserve_tbl thead th + th{border-color: #e1e1e1;} .reservationS.wetoz .reserve_view table.reserve_tbl tbody tr{border-color: #e1e1e1;} .reservationS.wetoz .reserve_view table.reserve_tbl thead th.border-right{border-right: 1px solid #e1e1e1;} .reservationS.wetoz .reserve_view table.reserve_tbl tbody td{border-right: 1px solid #e1e1e1; font-size: 15px; color: var(--main-box-font-color2); line-height: 1em; padding: 24.5px 10px;} .reservationS.wetoz .reserve_view table.reserve_tbl tbody td:last-child {border-right: 0;} @media(max-width:991px){ .reservationS.wetoz .reserve_view table.reserve_tbl tbody tr{border-top: 1px solid #e1e1e1; margin-bottom: 18px;} .reservationS.wetoz .reserve_view table.reserve_tbl tbody td{padding: 0; border-right: 0px;} } /* 예약하기S_실시간 예약_객실선택 달력 */ .reservationS.wetoz .reserve_calendar{padding:0 50px} .reservationS.wetoz .calendar_table{position:static} .reservationS.wetoz .reserve_calendar .pager{margin-bottom:15px} .reservationS.wetoz .reserve_calendar .pager li{display:inline-block} /* .reservationS.wetoz .reserve_calendar .ym-title span{font-family:'Montserrat', sans-serif; font-weight:600; font-size:32px; color:#0c0c0c} */ .reservationS.wetoz .reserve_calendar .ym-title span{font-weight:700; font-size:35px; color:var(--main-box-font-color); line-height: 1em;} .reservationS.wetoz .reserve_calendar .slide_btn{} .reservationS.wetoz .reserve_calendar .slide_btn > a{top:220px; bottom:auto; width:24px; height:54px; margin:auto; background:none; text-indent: 0px;} .reservationS.wetoz .reserve_calendar .slide_btn .left_btn{left:0} .reservationS.wetoz .reserve_calendar .slide_btn .right_btn{right:0} .reservationS.wetoz .reserve_calendar .slide_btn .left_btn::before, .reservationS.wetoz .reserve_calendar .slide_btn .left_btn::after, .reservationS.wetoz .reserve_calendar .slide_btn .right_btn::before, .reservationS.wetoz .reserve_calendar .slide_btn .right_btn::after{content:''; position:absolute; left:10px; width:1px; height:30px; background-color:#9d9d9d} .reservationS.wetoz .reserve_calendar .slide_btn .left_btn::before{top:0; transform:rotate(35deg)} .reservationS.wetoz .reserve_calendar .slide_btn .left_btn::after{bottom:0; transform:rotate(-35deg)} .reservationS.wetoz .reserve_calendar .slide_btn .right_btn::before{top:0; transform:rotate(-35deg)} .reservationS.wetoz .reserve_calendar .slide_btn .right_btn::after{bottom:0; transform:rotate(35deg)} .reservationS.wetoz .calendar_wrap .wrap-calendar{padding:0 23px} .reservationS.wetoz .calendar_wrap #wrap-calendar2{padding:0 23px} .reservationS.wetoz .calendar_wrap .tbl-canlendar{margin:0} .reservationS.wetoz .tbl-canlendar td.imposs{background:#fff} .reservationS.wetoz .tbl-canlendar td.imposs .day{padding:26px 5px; font-size:18px; line-height: 20px; color:#b6b6b6} .reservationS.wetoz .tbl-canlendar .day-from a{border-radius:40px 0 0 40px; color:#fff} .reservationS.wetoz .tbl-canlendar .day-between a{color:#fff} .reservationS.wetoz .tbl-canlendar .day-to a{border-radius:0 40px 40px 0} .reservationS.wetoz .tbl-canlendar > tbody > tr > th{padding:27px 5px; font-size:18px; color:var(--main-box-font-color); line-height: 1em;} .reservationS.wetoz .tbl-canlendar > tbody > tr > .sunday{color:#fe5c60} .reservationS.wetoz .tbl-canlendar > tbody > tr > .saturday{color:#468cff} .reservationS.wetoz .tbl-canlendar .effective{padding:26px 5px; font-weight:400; font-size:18px; line-height:20px; letter-spacing: -0.02em; color: #5d5d5d; position: relative; z-index: 1;} .wetoz .tbl-canlendar > tbody > tr > td{position: relative;} .reservationS.wetoz .tbl-canlendar td:not(.next):not(.prev):not(.imposs):hover::after {content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #f5f5f5; border-radius: 10px;} .reservationS.wetoz .select_info_label{display:flex; align-items:center; padding:10px 23px 0} .reservationS.wetoz .select_info_label li{float:none; margin:0 20px 0 0; font-size:15px; line-height:15px; color:var(--main-box-font-color2); display: flex; align-items: center;} .reservationS.wetoz .select_info_label li .day_label{width:15px; height:15px; margin-right:10px; border-radius: 3px; border:1px solid #e1e1e1; position: relative; top: -1px;} /* .reservationS.wetoz .select_info_label li .day_label.clr-block{background-color:#f8f8f8} */ .reservationS.wetoz .select_info_label li .day_label.clr-block{background-color:#fff} .reservationS.wetoz .select_info_label li .day_label.clr-holiday{} .reservationS.wetoz .select_info_label li .txt{} .wetoz .tbl-canlendar .day-from a{} .reservationS.wetoz .tbl-canlendar .day-from a, .reservationS.wetoz .tbl-canlendar .day-to a{} /* 달력표시 */ .tbl-canlendar td.season-round-all, .tbl-canlendar td.holiday-round-all {border-radius: 10px;} .tbl-canlendar td.season-round-start, .tbl-canlendar td.holiday-round-start {border-radius: 10px 0 0 10px;} .tbl-canlendar td.season-round-end, .tbl-canlendar td.holiday-round-end {border-radius: 0 10px 10px 0;} @media (max-width: 991px) { .tbl-canlendar td.season-round-all, .tbl-canlendar td.holiday-round-all {border-radius: 5px;} .tbl-canlendar td.season-round-start, .tbl-canlendar td.holiday-round-start {border-radius: 5px 0 0 5px;} .tbl-canlendar td.season-round-end, .tbl-canlendar td.holiday-round-end {border-radius: 0 5px 5px 0;} } /* 예약하기S_실시간 예약_객실선택 */ .reservationS.wetoz .wrap_reservation{display:flex; align-items:center; height:auto; margin-top:60px; padding:42px 50px; border:0; background-color:#f9f9f9; border-radius: 20px;} .reservationS.wetoz .wrap_reservation ul{float:none} .reservationS.wetoz .wrap_reservation .inside_date{flex:1} .reservationS.wetoz .wrap_reservation .inside_date li{position:relative} .reservationS.wetoz .wrap_reservation .inside_date .date_active{margin-left:35px; padding-left:35px} .reservationS.wetoz .wrap_reservation .inside_date .date_active::before, .reservationS.wetoz .wrap_reservation .inside_date .date_active::after{content:''; position:absolute; top:0; left:2px; bottom:0; width:1px; height:11px; margin:auto; background-color:#999} .reservationS.wetoz .wrap_reservation .inside_date .date_active::before{bottom:-26px; transform:rotate(-45deg)} .reservationS.wetoz .wrap_reservation .inside_date .date_active::after{top: 40px; transform:rotate(45deg)} .reservationS.wetoz .wrap_reservation .inside_date > i{display:none} .reservationS.wetoz .wrap_reservation .inside_date .sel_date span{font-size:15px; color: #5d5d5d; line-height: 1em; margin-bottom: 15px; display: block;} .reservationS.wetoz .wrap_reservation .inside_date .sel_date > p{} .reservationS.wetoz .wrap_reservation .inside_date .sel_date .sel_day{margin-left:0; margin-bottom: 0; font-weight:500; font-size:25px; line-height: 1em; color: #5d5d5d;} .reservationS.wetoz .wrap_reservation .inside_mem{display:flex; align-items:center; flex:1; float:none; gap: 10px; padding-left:30px; padding-right: 10px;} /* .reservationS.wetoz .wrap_reservation .inside_mem .select_box{width:30%; height:45px; margin-right:20px; padding-left:10px; border:0; border-bottom:1px solid #ccc; font-size:17px; color:#0c0c0c} */ .reservationS.wetoz .wrap_reservation > span{float:none; margin-top:0; margin-left:auto} /* .reservationS.wetoz .wrap_reservation a.btn_reserv{width:170px; height:50px; border:1px solid #0c0c0c; border-radius:0; background-color:transparent; font-size:16px; line-height:50px; color:#0c0c0c} */ .reservationS.wetoz .wrap_reservation a.btn_reserv{width:140px; height:55px; border-radius:10px; border: none; background-color:#e8e8e8; font-size:16px; font-weight: 500; line-height:55px; color: #5d5d5d;} /* .reservationS.wetoz .rv_room_title{margin:100px 0 30px; font-weight:700; font-size:32px; line-height: 1em; color:#0c0c0c} */ .reservationS.wetoz .rv_room_title{margin:100px 0 15px; font-weight:700; font-size:32px; line-height: 1em; color:var(--main-font-color)} /* .reservationS.wetoz .room_wrap{margin:0; margin-right:-27px; margin-bottom:-50px;} */ /* .reservationS.wetoz .room_wrap{margin:0; display: flex; flex-wrap: wrap; row-gap: 50px; column-gap: 26.67px;} */ .reservationS.wetoz .room_wrap{margin:0 -10px; display: flex; flex-wrap: wrap; row-gap: 20px; column-gap: 6.67px;} .reservationS.wetoz .room_wrap .empty_room{font-size: 15px;color: var(--main-box-font-color2); display: flex; align-items: center; justify-content: center; width: 100%;} .reservationS.wetoz .room_wrap .empty_room i{position: relative; top: -2px; display: block; margin-right: 5px;} /* .reservationS.wetoz .room_search_wrap{width:33.333%; margin:0; padding:0} */ /* .reservationS.wetoz .room_search_wrap{margin:0; padding:0; float: none; width: calc((100% - (26.67px * 3)) / 4);;} */ .reservationS.wetoz .room_search_wrap{margin:0; padding:0; float: none; width: calc((100% - (6.67px * 3)) / 4);;} /* .reservationS.wetoz .room_search_wrap .room_search{margin-right:27px; margin-bottom:50px; border:0} */ /* .reservationS.wetoz .room_search_wrap .room_search{margin:0; border:0} */ .reservationS.wetoz .room_search_wrap .room_search{margin:0; border:0; padding: 15px 10px; border-radius: 20px;} .reservationS.wetoz .room_search_wrap .room_search:hover{background-color: #f5f5f5;} .reservationS.wetoz .room_search_wrap .room_search .room_img{padding-bottom:73.22%; border-radius: 20px; overflow: hidden;} .reservationS.wetoz .room_search_wrap .room_search .room_img .price, .reservationS.wetoz .room_search_wrap .room_search .m_room_img .price{display:none} .reservationS.wetoz .room_search_wrap .room_search .room_type{height:auto; padding:20px 0 0} .reservationS.wetoz .room_search_wrap .room_search .room_type h4{display:block; margin:0; line-height:1em} .reservationS.wetoz .room_search_wrap .room_search .room_type h4 .tit{display:block; font-weight:600; font-size:18px; line-height:1em; color:#0c0c0c; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden} /* .reservationS.wetoz .room_search_wrap .room_search .room_type .desc_ul{display:flex; width:100%; height:14px; margin-top:20px; flex-wrap: wrap;} */ .reservationS.wetoz .room_search_wrap .room_search .room_type .desc_ul{display:flex; width:100%; margin-top:20px; flex-wrap: wrap;} .reservationS.wetoz .room_search_wrap .room_search .room_type .desc_ul + ul {margin-top: 10px;} .reservationS.wetoz .room_search_wrap .room_search .room_type .desc_ul li{position:relative; font-size:14px; line-height:14px; color:#5d5d5d; margin-right:8px; padding-right:8px} /* .reservationS.wetoz .room_search_wrap .room_search .room_type .desc_ul li + li{margin-left:8px; padding-left:8px} */ /* .reservationS.wetoz .room_search_wrap .room_search .room_type .desc_ul li + li::before{content:''; position:absolute; top:0; left:0; bottom:0; width:1px; height:10px; margin:auto; background-color:#999999} */ .reservationS.wetoz .room_search_wrap .room_search .room_type .desc_ul li::after{content: '';position: absolute;top: 1px;right: 0;width: 1px;height: 10px;margin: auto;background-color: #999999;} .reservationS.wetoz .room_search_wrap .room_search .room_type .desc_ul li:last-child::after{display: none;} .reservationS.wetoz .room_search_wrap .room_search .room_type .desc_ul li + li::before{display: none;} /* 예약하기S_실시간 예약_수량 선택 */ .reservationS.wetoz .reserve_select_wrap{display:flex; flex-wrap:wrap} .reservationS.wetoz .reserve_select_wrap .rv_select_box{} /* .reservationS.wetoz .reserve_select_wrap .rv_select_box01{width:55.675%} .reservationS.wetoz .reserve_select_wrap .rv_select_box02{width:44.325%; padding-left:5%} */ .reservationS.wetoz .reserve_select_wrap .rv_select_box01{padding-right: 96px; width: 50%;} .reservationS.wetoz .reserve_select_wrap .rv_select_box02{padding-left: 60px; width: 50%;} .reservationS.wetoz .reserve_select_wrap .reserve_calendar, .reservationS.wetoz .reserve_select_wrap .calendar_wrap .wrap-calendar{padding: 0;} .reservationS.wetoz .reserve_select_wrap .reserve_calendar .slide_btn > a{top: 0; width: auto; height: 15px;} .reservationS.wetoz .reserve_select_wrap .reserve_calendar .slide_btn .left_btn{padding-left: 20px;} .reservationS.wetoz .reserve_select_wrap .reserve_calendar .slide_btn .right_btn{padding-right: 20px;} .reservationS.wetoz .reserve_select_wrap .reserve_calendar .slide_btn .left_btn::before, .reservationS.wetoz .reserve_select_wrap .reserve_calendar .slide_btn .left_btn::after, .reservationS.wetoz .reserve_select_wrap .reserve_calendar .slide_btn .right_btn::before, .reservationS.wetoz .reserve_select_wrap .reserve_calendar .slide_btn .right_btn::after{height: 9px; background-color: #9b9b9b; left: 0;} .reservationS.wetoz .reserve_select_wrap .reserve_calendar .slide_btn .right_btn::before, .reservationS.wetoz .reserve_select_wrap .reserve_calendar .slide_btn .right_btn::after{right: 0; left: auto;} .reservationS.wetoz .reserve_select_wrap .select_info_label{padding: 10px 0 0; width: 100%;} .reservationS.wetoz .reserve_select_wrap .rv_select_box_w{width:100%; margin:50px 0 0; font-size:16px; line-height:1.3; color:#333} .reservationS.wetoz .rv_select_box02 .rv_sel_title{padding-bottom:30px; border-bottom:1px solid #0c0c0c; } .reservationS.wetoz .rv_select_box02 .rv_sel_title h3{font-weight:600; font-size:24px; line-height:1.2; color:#0c0c0c; margin: 0;} .reservationS.wetoz .rv_select_box02 .rv_sel_title .info{margin-top:15px; font-size:16px; line-height:1.2; color:#5d5d5d} .reservationS.wetoz .rv_select_box02 .rv_sel_title .info ul{display: flex; align-items: center;} .reservationS.wetoz .rv_select_box02 .rv_sel_title .info li{position: relative;} .reservationS.wetoz .rv_select_box02 .rv_sel_title .info li + li{margin-left: 10px; padding-left: 10px;} .reservationS.wetoz .rv_select_box02 .rv_sel_title .info li + li::before{content: '';position: absolute;top: 0;left: 0;bottom: 0;width: 1px;height: 12px;margin: auto;background-color: #b4b4b4;} .reservationS.wetoz .rv_select_box02 .rv_sel_room{padding:25px 0; max-width: 286px;} .reservationS.wetoz .rv_select_box02 .rv_sel_ul > li{display:flex; justify-content:space-between; align-items:center} .reservationS.wetoz .rv_select_box02 .rv_sel_ul > li + li{margin-top:10px} .reservationS.wetoz .rv_select_box02 .rv_sel_tit{width:calc(100% - 100px); max-width:100%; font-size:16px; line-height:40px; color: #999} .reservationS.wetoz .rv_select_box02 .rv_sel_count{display:flex; justify-content:space-between; width:100px; border: 1px solid #ededed; border-radius: 8px; overflow: hidden;} /* .reservationS.wetoz .rv_select_box02 .btn-cnt-minus, .reservationS.wetoz .rv_select_box02 .btn-cnt-plus{position:relative; width:30px; height:30px; border:1px solid #d7d7d7; background:#fff} */ .reservationS.wetoz .rv_select_box02 .btn-cnt-minus, .reservationS.wetoz .rv_select_box02 .btn-cnt-plus{position:relative; width:35px; height:40px; border:none; box-shadow: none; background:#fff} .reservationS.wetoz .rv_select_box02 .btn-cnt-minus::before, .reservationS.wetoz .rv_select_box02 .btn-cnt-plus::before, .reservationS.wetoz .rv_select_box02 .btn-cnt-plus::after{content:''; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; background-color:#5d5d5d} .reservationS.wetoz .rv_select_box02 .btn-cnt-minus::before{width:13px; height:1px} .reservationS.wetoz .rv_select_box02 .num_input{width:calc(100% - 70px); height:40px; border:0; font-size:15px; color:#5d5d5d; text-align:center} .reservationS.wetoz .rv_select_box02 .btn-cnt-plus::before{width:1px; height:13px} .reservationS.wetoz .rv_select_box02 .btn-cnt-plus::after{width:13px; height:1px} .reservationS.wetoz .rv_select_box02 .rv_sel_count button .fa{display:none} /* .reservationS.wetoz .rv_select_box02 .rv_sel_option{margin-top:40px} */ .reservationS.wetoz .rv_select_box02 .rv_op_title{padding:16px 20px; border:1px solid #e1e1e1; background-color:#fafafa; font-size:17px; color:#222} /* .reservationS.wetoz .rv_select_box02 .rv_op_ul > li{padding:24px 20px 15px; border:1px solid #e1e1e1; border-top:0} */ .reservationS.wetoz .rv_select_box02 .rv_op_ul > li{padding:30px 28px; background-color: #f9f9f9; border-radius: 18px; position: relative;} .reservationS.wetoz .rv_select_box02 .rv_op_ul > li + li{margin-top: 15px;} .reservationS.wetoz .rv_select_box02 .rv_sel_option .option-close-btn{border: none; background-color: transparent; display: block; width: 10px; height: 10px; position: absolute; top: 20px; right: 20px;} .reservationS.wetoz .rv_select_box02 .rv_sel_option .option-close-btn::after, .reservationS.wetoz .rv_select_box02 .rv_sel_option .option-close-btn::before{content: ''; display: block; width: 1px; height: 100%; background-color: #666666; position: absolute; top: 0; left: 50%;} .reservationS.wetoz .rv_select_box02 .rv_sel_option .option-close-btn::after{transform: rotate(45deg);} .reservationS.wetoz .rv_select_box02 .rv_sel_option .option-close-btn::before{transform: rotate(-45deg);} .reservationS.wetoz .rv_select_box02 .rv_sel_option .option_tit{font-size:18px; font-weight: 500; line-height:1.2em; color:#0c0c0c} .reservationS.wetoz .rv_select_box02 .rv_sel_option .option_memo{margin-top:12px; font-size:15px; line-height:1.2em; color:#5d5d5d} .reservationS.wetoz .rv_select_box02 .rv_sel_option .option_price{font-size:18px; font-weight: 600; line-height: 1em; color:#0c0c0c} .reservationS.wetoz .rv_select_box02 .rv_sel_option .option_bot{display: flex; align-items: center; justify-content: space-between; margin-top:28px;} .reservationS.wetoz .rv_select_box02 .rv_sel_option .count_control{display:flex; justify-content:space-between; background-color: #fff; width:100px; border: 1px solid #ededed; border-radius: 8px; overflow: hidden; margin-left:auto} .reservationS.wetoz .rv_select_box02 .rv_sel_option button .fa{display:none} /* .reservationS.wetoz .rv_select_box02 .rv_sel_total{display:flex; justify-content:space-between; align-items:center; padding:20px 0 40px; border-top: 1px solid #e1e1e1;} */ .reservationS.wetoz .rv_select_box02 .rv_sel_total{display:flex; justify-content:space-between; align-items:center; padding:20px 0 40px; border-top: 1px solid #e1e1e1;} .reservationS.wetoz .rv_select_box02 .rv_sel_total.option_total{padding:24px 0; border-top:none;} .reservationS.wetoz .rv_select_box02 .rv_sel_total.all_total{padding:24px 0 60px;} .reservationS.wetoz .rv_select_box02 .rv_sel_total + .rv_sel_total{border-top:1px solid #e1e1e1} .reservationS.wetoz .rv_select_box02 .rv_tot_tit{font-size:16px; color:#0c0c0c} .reservationS.wetoz .rv_select_box02 .rv_tot_price{font-weight:600; font-size:22px; color:#0c0c0c} .reservationS.wetoz .rv_select_box02 .reserve_btn_box_half{} .reservationS.wetoz .reserve_select_wrap .rv_select_box02 .reserve_btn_box_half .btn-group-justified{display:flex; justify-content:space-between; gap: 10px;} /* .reservationS.wetoz .rv_select_box02 .reserve_btn_box_half .btn-group{width:48.11%; margin:0} */ .reservationS.wetoz .reserve_select_wrap .rv_select_box02 .reserve_btn_box_half .btn-group{width:auto; flex: 1; margin:0} .reservationS.wetoz .reserve_select_wrap .rv_select_box_w *{font-size:16px; line-height:1.3; color:#5d5d5d} .reservationS.wetoz .reserve_select_wrap .rv_select_box_w .wrap-photo{display:none; margin:30px 0 0; text-align:center} /* 예약하기S_실시간 예약_정보입력 */ /* .reservationS.wetoz .reserve_box .rv_price{display:inline-block; font-weight:500; font-size:16px; line-height:36px; color:#0c0c0c} .reservationS.wetoz .reserve_box .rv_text{display:inline-block; font-size:16px; line-height:36px; color:#666} */ .reservationS.wetoz .pay_info .reserve_content{border-top: 1px solid #0c0c0c;} .reservationS.wetoz .pay_info .reserve_box{padding: 0;} .reservationS.wetoz .pay_info .reserve_row{border-bottom: 1px solid #e1e1e1; padding: 20px 0;} .reservationS.wetoz .reserve_box .rv_price, .reservationS.wetoz .reserve_box .rv_text{display:block; font-size:16px; line-height:26px; color:#5d5d5d} .reservationS.wetoz .rv_radio_ul{display:flex; flex-wrap:wrap} .reservationS.wetoz .rv_radio_ul > li{margin-right:30px} .reservationS.wetoz .rv_radio_input{display:none} .reservationS.wetoz .rv_radio_label{position:relative; font-size:16px; line-height:22px; color:#5d5d5d; display: flex; align-items: center; cursor: pointer;} .reservationS.wetoz .rv_radio_label::before, .reservationS.wetoz .rv_radio_label::after{content:''; position:absolute; top:0; left:0; bottom:0; margin:auto; border-radius:50%} .reservationS.wetoz .rv_radio_label::before{width:16px; height:16px; border:1px solid #d7d7d7} .reservationS.wetoz .rv_radio_label::after{display:none; left:4px; width:8px; height:8px; background-color:#8a30e5} .reservationS.wetoz .rv_radio_input:checked + .rv_radio_label::before{border-color:#8a30e5} .reservationS.wetoz .rv_radio_input:checked + .rv_radio_label::after{display:block} .reservationS.wetoz .rv_payment_text{margin-top:15px} .reservationS.wetoz .rv_payment_text p{font-size:15px; line-height:25px; color:#999} .reservationS.wetoz .rv_payment_text p .point{color: #8a30e5;} .reservationS.wetoz #request-tax .rv_answer{display: flex; flex-wrap: wrap; gap: 10px;} .reservationS.wetoz #request-tax .custom-select-wrapper {width: calc((100% - 10px) / 2);} .reservationS.wetoz .default_btn_box .btn-group-justified{margin: 60px 0;} @media (max-width:1500px){ /* 예약하기S_실시간 예약_객실선택 리스트 */ .reservationS.wetoz .wrap_reservation{padding:25px; border-radius: 15px;} .reservationS.wetoz .wrap_reservation .inside_date{/* flex:none */} .reservationS.wetoz .wrap_reservation .inside_date .date_active{margin-left:15px; padding-left:22px} .reservationS.wetoz .wrap_reservation .inside_date .sel_date .sel_day{margin-left:10px} .reservationS.wetoz .wrap_reservation .inside_mem{flex:none; padding-left:15px} /* .reservationS.wetoz .wrap_reservation .inside_mem .select_box{width:90px; font-size:15px} */ .reservationS.wetoz .wrap_reservation a.btn_reserv{width:100px} /* 예약하기S_실시간 예약_수량 선택 */ .reservationS.wetoz .reserve_select_wrap .rv_select_box01 .reserve_calendar{padding:0} } @media (max-width:991px){ /* 예약하기S_예약안내 */ .reservationS.wetoz .rv_agree_ul > li .rv_agree_view{padding:14px 15px 14px 10px;} /* .reservationS.wetoz .rv_agree_ul > li .rv_agree_view::before, .reservationS.wetoz .rv_agree_ul > li .rv_agree_view::after{right:2px; height:5px} .reservationS.wetoz .rv_agree_ul > li .rv_agree_view::after{right:5px} */ .reservationS.wetoz .rv_agree_view .tit{font-size:14px; line-height: 24px;} .reservationS.wetoz .rv_agree_view .more{font-size:12px} .reservationS.wetoz .rv_agree_ul > li .rv_agree_view .arr{width: 9px; height: 9px; right: 10px; top: 16px;} .reservationS.wetoz .rv_agree_ul > li .rv_agree_view.active .arr{top: 18px;} .reservationS.wetoz .rv_agree_policy .policy_details{min-height:193px; padding:30px 20px; font-size:14px; line-height:22px; border-radius: 9px;} .reservationS.wetoz .rv_agree_policy .policy_details *{font-size:12px; line-height:1.5} .reservationS.wetoz .reserve_agree{margin-top:15px} .reservationS.wetoz .rv_agree_label{font-size:14px; line-height:15px} /* .reservationS.wetoz .rv_agree_label span{width:15px; height:15px; margin-right:5px} .reservationS.wetoz .rv_agree_label span::before, .reservationS.wetoz .rv_agree_label span::after{bottom:2px} .reservationS.wetoz .rv_agree_label span::before{left:3px; height:5px} .reservationS.wetoz .rv_agree_label span::after{left:7px} */ /* .reservationS.wetoz .btn_reserve{width:48%; height:40px; margin:30px auto 0} .reservationS.wetoz .btn_reserve span{font-size:13px} */ .reservationS.wetoz a.btn_reserve, .reservationS.wetoz button.btn_reserve{height: 50px; line-height: 50px; border-radius: 12px; max-width: 100%; margin-top: 35px;font-size: 15px;} .reservationS.wetoz .order_view .btn-group-justified > .btn-group{width: 100%;} .reservationS.wetoz .order_view button.btn_reserve{max-width: 100%;} /* 예약하기S_실시간 예약_객실선택 달력 */ .reservationS.wetoz .reserve_calendar{padding:0} .reservationS.wetoz .reserve_calendar .ym-title span{font-size:23px; font-weight: 600;} .reservationS.wetoz .reserve_calendar .slide_btn > a{top:5px; bottom:auto; width:12px; height:20px} .reservationS.wetoz .reserve_calendar .slide_btn .left_btn{left:0; padding-left: 19px;} .reservationS.wetoz .reserve_calendar .slide_btn .right_btn{right:0;} .reservationS.wetoz .reserve_calendar .slide_btn .left_btn::before, .reservationS.wetoz .reserve_calendar .slide_btn .left_btn::after, .reservationS.wetoz .reserve_calendar .slide_btn .right_btn::before, .reservationS.wetoz .reserve_calendar .slide_btn .right_btn::after{left:3px; width: 2px; height:7px} .reservationS.wetoz .reserve_calendar .slide_btn .left_btn::before{transform:rotate(35deg); top:2px} .reservationS.wetoz .reserve_calendar .slide_btn .left_btn::after{transform:rotate(-35deg); bottom:2px;} .reservationS.wetoz .reserve_calendar .slide_btn .right_btn::before{transform:rotate(-35deg); left: auto; right: 0; top:2px; } .reservationS.wetoz .reserve_calendar .slide_btn .right_btn::after{transform:rotate(35deg); left: auto; right: 0; bottom:2px;} .reservationS.wetoz .reserve_calendar .slide_btn .left_btn, .reservationS.wetoz .reserve_calendar .slide_btn .right_btn{text-indent: 0px; font-size: 13px; font-weight: 400; color: var(--main-btn-font-color2); width: 53px; height: 15px;} .reservationS.wetoz .reserve_select_wrap .select_info_label{padding-top: 20px;} .reservationS.wetoz .calendar_wrap .wrap-calendar{padding:0} .reservationS.wetoz .calendar_wrap #wrap-calendar2{padding:0} .reservationS.wetoz .tbl-canlendar td.imposs .day{padding:18px 3px; font-size:15px; color: #c8c8c8;} /* .reservationS.wetoz .tbl-canlendar > tbody > tr > th{padding:12px 3px; font-size:14px} */ .reservationS.wetoz .tbl-canlendar > tbody > tr > th{padding:17px 3px; font-size:15px; line-height: 20px;} /* .reservationS.wetoz .tbl-canlendar .effective{padding:12px 3px; font-family:'Roboto', sans-serif; font-size:14px} */ .reservationS.wetoz .tbl-canlendar .effective{padding:14px 3px; font-size:13px; letter-spacing: 0;} .reservationS.wetoz .tbl-canlendar td:not(.next):not(.prev):not(.imposs):hover::after{border-radius: 5px;} .wetoz .tbl-canlendar .day-from::before{border-radius: 28px 0 0 28px;} .wetoz .tbl-canlendar .day-to::before{border-radius: 0 28px 28px 0;} .reservationS.wetoz .select_info_label{padding:24px 0 0} .reservationS.wetoz .select_info_label li{margin-right:12px; font-size:14px} .reservationS.wetoz .select_info_label li .day_label{width:15px; height:15px; margin-right:6px; border-radius: 1.5px; vertical-align:middle} .reservationS.wetoz .reserve_select_wrap .reserve_calendar .slide_btn .left_btn, .reservationS.wetoz .reserve_select_wrap .reserve_calendar .slide_btn .right_btn{font-size: 11px;height: 11px;top: 5px;} .reservationS.wetoz .reserve_select_wrap .reserve_calendar .slide_btn .left_btn{padding-left: 13px;} .reservationS.wetoz .reserve_select_wrap .reserve_calendar .slide_btn .right_btn{padding-right: 13px;} .reservationS.wetoz .reserve_select_wrap .reserve_calendar .slide_btn .left_btn::before, .reservationS.wetoz .reserve_select_wrap .reserve_calendar .slide_btn .left_btn::after, .reservationS.wetoz .reserve_select_wrap .reserve_calendar .slide_btn .right_btn::before, .reservationS.wetoz .reserve_select_wrap .reserve_calendar .slide_btn .right_btn::after{left: 3px;width: 2px;height: 7px;} .reservationS.wetoz .reserve_select_wrap .reserve_calendar .slide_btn .left_btn::before {transform: rotate(35deg);} .reservationS.wetoz .reserve_select_wrap .reserve_calendar .slide_btn .left_btn::after {transform: rotate(-35deg);} .reservationS.wetoz .reserve_select_wrap .reserve_calendar .slide_btn .right_btn::before {transform: rotate(-35deg);left: auto;right: 0;} .reservationS.wetoz .reserve_select_wrap .reserve_calendar .slide_btn .right_btn::after {transform: rotate(35deg);left: auto;right: 0;} /* 예약하기S_실시간 예약_객실선택 리스트 */ .reservationS.wetoz .room_wrap .empty_room{padding: 30px 0; width: 100%; text-align: center;} .reservationS.wetoz .room_wrap .empty_room i{top: -1px;} .reservationS.wetoz .wrap_reservation{flex-direction:column; margin-top:30px} .reservationS.wetoz .wrap_reservation .inside_date{display:flex; width:100%} .reservationS.wetoz .wrap_reservation .inside_date li{flex:1} .reservationS.wetoz .wrap_reservation .inside_date .date_active{margin-left:0; padding-left:0} /* .reservationS.wetoz .wrap_reservation .inside_date .date_active::before, .reservationS.wetoz .wrap_reservation .inside_date .date_active::after{display:none} */ .reservationS.wetoz .wrap_reservation .inside_date .date_active::before, .reservationS.wetoz .wrap_reservation .inside_date .date_active::after{background-color: #acacac; height: 10px; left: -14%;} .reservationS.wetoz .wrap_reservation .inside_date .sel_date span{font-size:15px; margin-bottom:12px;} .reservationS.wetoz .wrap_reservation .inside_date .sel_date .sel_day{margin:0; font-size:23px;} .reservationS.wetoz .wrap_reservation .custom-select-wrapper{width: calc((100% - (5px * 2)) / 3);} /* .reservationS.wetoz .wrap_reservation .inside_mem{justify-content:space-between; width:100%; margin:15px 0 20px; padding-left:0} */ .reservationS.wetoz .wrap_reservation .inside_mem{justify-content:space-between; width:100%; margin:32px 0 12px; padding:0; gap: 6px;} /* .reservationS.wetoz .wrap_reservation .inside_mem .select_box{width:30%; height:40px; margin:0; font-size:14px; } */ .reservationS.wetoz .wrap_reservation > span{width:100%; margin-top:10px;} .reservationS.wetoz .wrap_reservation a.btn_reserv{width:100%; height:50px; font-size:15px; line-height:50px; border-radius: 12px;} /* .reservationS.wetoz .rv_room_title{margin:50px 0 20px; font-size:18px} */ .reservationS.wetoz .rv_room_title{margin:50px 0 15px; font-size:18px} /* .reservationS.wetoz .room_wrap{margin-right:-10px; margin-bottom:-30px;} */ /* .reservationS.wetoz .room_wrap{row-gap: 35px; column-gap: 10px;} */ .reservationS.wetoz .room_wrap{row-gap: 10px; column-gap: 0px; margin: 0 -5px;} /* .reservationS.wetoz .room_search_wrap{width:50%} */ /* .reservationS.wetoz .room_search_wrap{width:calc((100% - 10px) / 2)} */ .reservationS.wetoz .room_search_wrap{width:50%} /* .reservationS.wetoz .room_search_wrap .room_search{margin-right:10px; margin-bottom:30px} */ .reservationS.wetoz .room_search_wrap .room_search{padding: 5px 5px 10px; border-radius: 10px;} .reservationS.wetoz .room_search_wrap .room_search .room_img{display:block; border-radius: 10px; padding-bottom: 68.24%;} /* .reservationS.wetoz .room_search_wrap .room_search .room_type{height:58px; padding:15px 0 0} */ .reservationS.wetoz .room_search_wrap .room_search .room_type{padding:18px 0 0} .reservationS.wetoz .room_search_wrap .room_search .room_type h4 .tit{font-size:14px} /* .reservationS.wetoz .room_search_wrap .room_search .room_type .desc_ul{height:15px; margin-top:10px} */ .reservationS.wetoz .room_search_wrap .room_search .room_type .desc_ul{margin-top:10px} .reservationS.wetoz .room_search_wrap .room_search .room_type .desc_ul li{font-size:12px; line-height:19px} /* .reservationS.wetoz .room_search_wrap .room_search .room_type .desc_ul li + li{margin-left:5px; padding-left:5px} .reservationS.wetoz .room_search_wrap .room_search .room_type .desc_ul li + li::before{height:8px} */ .reservationS.wetoz .room_search_wrap .room_search .room_type .desc_ul li {margin-right:5px; padding-right:5px} .reservationS.wetoz .room_search_wrap .room_search .room_type .desc_ul li + li{margin-left:0; padding-left:0;} .reservationS.wetoz .room_search_wrap .room_search .room_type .desc_ul li::after{content: '';position: absolute;top: 5px;right: 0;width: 1px;height: 8px;margin: auto;background-color: #999999;} .reservationS.wetoz .room_search_wrap .room_search .room_type .desc_ul li:last-child::after{display: none;} .reservationS.wetoz .room_search_wrap .room_search .room_type .desc_ul li + li::before{display: none;} /* 예약하기S_실시간 예약_수량 선택 */ .reservationS.wetoz .reserve_select_wrap .rv_select_box01{width:100%; padding: 0;} .reservationS.wetoz .reserve_select_wrap .rv_select_box02{width:100%; padding-left:0} .reservationS.wetoz .reserve_select_wrap .rv_select_box_w{margin-top:40px; font-size:14px} .reservationS.wetoz .reserve_select_wrap .rv_select_box01 #wrap-calendar{min-height:auto} .reservationS.wetoz .rv_select_box02 .rv_sel_title{padding:50px 0 25px} .reservationS.wetoz .rv_select_box02 .rv_sel_title h3{margin:0; font-size:18px; font-weight: 700;} .reservationS.wetoz .rv_select_box02 .rv_sel_title .info{font-size:12px; margin-top: 10px;} .reservationS.wetoz .rv_select_box02 .rv_sel_title .info li + li{margin-left: 8px; padding-left: 8px;} .reservationS.wetoz .rv_select_box02 .rv_sel_title .info li + li::before{background-color: #999; height: 9px;} .reservationS.wetoz .rv_select_box02 .rv_sel_room{padding:25px 0; max-width: 100%;} .reservationS.wetoz .rv_select_box02 .rv_sel_ul > li + li{margin-top:6px} .reservationS.wetoz .rv_select_box02 .rv_sel_tit{font-size:13px;line-height: 38px;} /* .reservationS.wetoz .rv_select_box02 .rv_sel_count{width:120px} */ .reservationS.wetoz .rv_select_box02 .rv_sel_count{border-radius: 5px;} .reservationS.wetoz .rv_select_box02 .num_input{font-size:14px; height: 38px;} /* .reservationS.wetoz .rv_select_box02 .rv_sel_option{margin-top:20px} */ .reservationS.wetoz .rv_select_box02 .rv_op_title{padding:15px; font-size:16px} .reservationS.wetoz .rv_select_box02 .rv_op_ul > li{padding:20px; border-radius: 9px;} .reservationS.wetoz .rv_select_box02 .rv_op_ul > li + li{margin-top: 10px;} .reservationS.wetoz .rv_select_box02 .rv_sel_option .option-close-btn{top: 15px; right: 15px;} .reservationS.wetoz .rv_select_box02 .rv_sel_option .option_tit{font-size:16px} .reservationS.wetoz .rv_select_box02 .rv_sel_option .option_memo{margin-top:10px; font-size:12px} .reservationS.wetoz .rv_select_box02 .rv_sel_option .option_price{font-size:16px} .reservationS.wetoz .rv_select_box02 .rv_sel_option .option_bot{margin-top: 20px;} /* .reservationS.wetoz .rv_select_box02 .rv_sel_option .option_count{margin-top:15px; padding-top:14px} */ .reservationS.wetoz .rv_select_box02 .rv_sel_option .count_control{width:120px} .reservationS.wetoz .rv_select_box02 .rv_sel_total{padding:24px 0 30px} .reservationS.wetoz .rv_select_box02 .rv_sel_total.option_total{padding: 17px 0;} .reservationS.wetoz .rv_select_box02 .rv_sel_total.all_total{padding: 17px 0 40px;} .reservationS.wetoz .rv_select_box02 .rv_tot_tit{font-size:13px} .reservationS.wetoz .rv_select_box02 .rv_tot_price{font-size:17px} .reservationS.wetoz .rv_select_box02 .reserve_btn_box_half .btn-group{width:48%} .reservationS.wetoz .reserve_select_wrap .rv_select_box_w *{font-size:14px} /* 이용옵션 */ .reservationS.wetoz #wzfrm .option_info table.reserve_tbl thead{display: table-header-group;} .reservationS.wetoz #wzfrm .option_info table.reserve_tbl tr{display: table-row; border-top: 1px solid #e1e1e1;} .reservationS.wetoz #wzfrm .option_info table.reserve_tbl thead tr th{font-size: 12px; line-height: 1em; padding: 16px 0; text-align: center; display: table-cell;} .reservationS.wetoz #wzfrm .option_info table.reserve_tbl thead tr th:first-child{border-radius: 0; border-right: 1px solid #e1e1e1; width: auto;} .reservationS.wetoz #wzfrm .option_info table.reserve_tbl thead tr th:nth-child(2){width: 55px;} .reservationS.wetoz #wzfrm .option_info table.reserve_tbl thead tr th:last-child{border-radius: 0; border-left: 1px solid #e1e1e1; width: 85px;} .reservationS.wetoz #wzfrm .option_info table.reserve_tbl tr{margin: 0;} .reservationS.wetoz #wzfrm .option_info table.reserve_tbl tr td{display: table-cell; border: 1px solid #e1e1e1; margin: 0; vertical-align: middle;} .reservationS.wetoz #wzfrm .option_info table.reserve_tbl tr td:first-child{border-left: none;} .reservationS.wetoz #wzfrm .option_info table.reserve_tbl tr td:last-child{border-right: none;} .reservationS.wetoz #wzfrm .option_info table.reserve_tbl tr td .rv_tbl_mob + .rv_tbl_data{width: 100%; border: none; color: #5d5d5d; font-size: 12px; line-height: 21px; padding: 12px 10px; text-align: center;} .reservationS.wetoz #wzfrm .option_info table.reserve_tbl tfoot tr .rv_mob_none{font-size: 13px; text-align: center; padding: 11px 10px;} .reservationS.wetoz #wzfrm .option_info table.reserve_tbl tfoot tr .rv_tbl_data{width: auto; font-size: 12px; vertical-align: middle; padding: 11px 0; width: 100%; line-height: 22px; text-align: right;} .reservationS.wetoz #wzfrm .option_info table.reserve_tbl tfoot tr .main{font-size: 15px;} .reservationS.wetoz #wzfrm .option_info table.reserve_tbl tfoot tr th.empty{display: table-cell; padding: 22px;} .reservationS.wetoz #wzfrm .option_info table.reserve_tbl .rv_mob_none{display: table-cell !important;} .reservationS.wetoz #wzfrm .option_info table.reserve_tbl .rv_tbl_mob{display: none !important;} /* 예약하기S_실시간 예약_정보입력 */ .reservationS.wetoz .pay_info .reserve_row{padding: 0;} .reservationS.wetoz .pay_info .reserve_box + .reserve_box{border-top: 1px solid #e1e1e1;} .reservationS.wetoz .pay_info .rv_answer{line-height:23px; padding: 11px 0;} .reservationS.wetoz .reserve_box .rv_price{font-size:12px; line-height:23px; padding:0;} .reservationS.wetoz .reserve_box .rv_text{font-size:12px; line-height:19px} .reservationS.wetoz .rv_radio_ul{row-gap: 15px;} .reservationS.wetoz .rv_radio_ul > li{margin-right:15px} /* .reservationS.wetoz .rv_radio_label{padding-left:18px; font-size:13px; line-height:30px} */ .reservationS.wetoz .rv_radio_label{font-size:13px; line-height:22px} /* .reservationS.wetoz .rv_radio_label::before{top:1px; width:13px; height:13px} .reservationS.wetoz .rv_radio_label::after{top:1px; left:3.5px; width:6px; height:6px} */ .reservationS.wetoz .rv_payment_text{margin-top:5px} .reservationS.wetoz .rv_payment_text p{font-size:11px; line-height:17px; margin-top: 10px;} .reservationS.wetoz #bk_tax_type, .reservationS.wetoz #bk_tax_number{margin-top:5px} .reservationS.wetoz .default_btn_box .btn-group-justified{margin-top: 30px;} .reservationS.wetoz .default_btn_box .btn-group-justified > .btn-group .btn{height: 43px; line-height: 43px; font-size: 13px;} .reservationS.wetoz .default_btn_box .btn-group-justified > .btn-group + .btn-group{margin-left: 10px; width: calc(100% - 110px);} } /* 예약하기S_예약확인/취소 */ .reservationS.wetoz .reserve_nomember{padding:80px 15px; border:1px solid #ebebeb; background-color:#fbfbfb; text-align:center} .reservationS.wetoz .rv_nom_title{} .reservationS.wetoz .rv_nom_title > span{font-weight:600; font-size:30px; color:#0c0c0c} .reservationS.wetoz .rv_nom_title .rv_text{margin-top:14px; font-size:17px; line-height:1.2; color:#666} .reservationS.wetoz .rv_nom_confirm{width:520px; max-width:100%; margin:40px auto 0} .reservationS.wetoz .confirm_box{display:flex; align-items:center; } .reservationS.wetoz .confirm_box + .confirm_box{margin-top:12px;} .reservationS.wetoz .cf_label{width:96px; font-weight:500; font-size:17px; color:#0c0c0c; text-align:left} .reservationS.wetoz .cf_answer{width:calc(100% - 96px)} .reservationS.wetoz .cf_input{width:100%; height:55px; border:1px solid #e1e1e1; font-size:16px; color:#333} .reservationS.wetoz .cf_input::placeholder{color:#999} .reservationS.wetoz .cf_input:-ms-input-placeholder{color:#999} .reservationS.wetoz .reserve_nomember .half_box{text-align:left} .reservationS.wetoz .rv_guide_box{margin-left:96px; margin-top:11px} .reservationS.wetoz .rv_guide_box > p{font-size:14px; line-height:1.55; color:#888} .reservationS.wetoz .rv_btn_box{margin-top:25px} .reservationS.wetoz .rv_btn_box .btn_confirm{overflow:hidden; width:100%; height:55px; border:0; background-color:#8a30e5;padding: 0;} .reservationS.wetoz .rv_btn_box .btn_confirm > span{font-weight:500; font-size:18px; line-height:45px; color:#fff} /* .reservationS.wetoz .reserve_alert{padding:60px 30px 55px; border:1px solid #ebebeb; background-color:#fbfbfb; text-align:center} .reservationS.wetoz .reserve_alert .rv_alert_title{font-weight:500; font-size:24px; line-height:1.2; color:#0c0c0c} .reservationS.wetoz .reserve_alert .rv_alert_ul{margin-top:28px} .reservationS.wetoz .rv_alert_ul > li{font-size:16px; line-height:1.75; color:#777} .reservationS.wetoz .rv_alert_ul > li span{font-weight:500; color:#0c0c0c} */ /* .reservationS.wetoz .rv_pay_status{display:inline-block; margin-left:10px; padding:0 7px; border-radius:2px; background-color:#999; font-size:13px; line-height:23px; color:#fff} */ /* .reservationS.wetoz .reserve_info_tbl{border-top:1px solid #e9e9e9} .reservationS.wetoz .reserve_info_tbl.reserve_tbl tbody th{width:180px; padding:20px 30px; background-color:#f6f6f6; text-align:left} .reservationS.wetoz .reserve_info_tbl.reserve_tbl tbody td{padding:20px 50px; text-align:left} */ /* .reservationS.wetoz .btn-danger{margin-left:10px; padding:0 7px; border:0; border-radius:2px; background-color:#999; font-size:13px; line-height:23px; color:#fff} .reservationS.wetoz .btn-danger:hover{border:0; background-color:#999} */ @media (max-width:991px){ /* 예약하기S_예약확인/취소 */ .reservationS.wetoz .reserve_nomember{padding:30px 15px} .reservationS.wetoz .rv_nom_title > span{font-size:22px} .reservationS.wetoz .rv_nom_title .rv_text{margin-top:10px; font-size:14px} .reservationS.wetoz .rv_nom_confirm{margin:30px auto 0} .reservationS.wetoz .confirm_box + .confirm_box{margin-top:8px;} .reservationS.wetoz .cf_label{width:80px; font-size:14px} .reservationS.wetoz .cf_answer{width:calc(100% - 80px)} .reservationS.wetoz .cf_input{height:40px; font-size:13px} .reservationS.wetoz .reserve_nomember .half_box{text-align:center} .reservationS.wetoz .rv_guide_box{margin-top:10px; margin-left:0;} .reservationS.wetoz .rv_guide_box > p{font-size:12px; line-height:1.4} .reservationS.wetoz .rv_btn_box{margin-top:20px} .reservationS.wetoz .rv_btn_box.rv_btn_box{margin-left:0} .reservationS.wetoz .rv_btn_box .btn_confirm{height:40px} .reservationS.wetoz .rv_btn_box .btn_confirm > span{font-size:16px; line-height:40px} /* .reservationS.wetoz .reserve_alert{padding:30px 15px} .reservationS.wetoz .reserve_alert .rv_alert_title{font-size:18px} .reservationS.wetoz .reserve_alert .rv_alert_ul{margin-top:15px} .reservationS.wetoz .rv_alert_ul > li{font-size:12px; line-height:1.5} */ /* .reservationS.wetoz .rv_pay_status{font-size:12px; line-height:20px} */ /* .reservationS.wetoz .reserve_info_tbl{border-color:#333} .reservationS.wetoz .reserve_info_tbl.reserve_tbl tbody tr{display:flex; border-color:#e9e9e9} .reservationS.wetoz .reserve_info_tbl.reserve_tbl tbody th{align-items:center; width:100px; padding:10px 0 10px 10px; font-size:14px} .reservationS.wetoz .reserve_info_tbl.reserve_tbl tbody td{width:calc(100% - 100px); padding:10px; font-size:13px; line-height:1.3} */ /* .reservationS.wetoz .btn-danger{margin-top:-2px; font-size:12px; line-height:20px} */ }