@charset "utf-8";

.new_reserve_wrap{}
/*.new_reserve_wrap h3{color: #000; font-size: 16px; font-weight: 400; margin: 0; line-height: 1.7em; letter-spacing: 0;background-image: none;}*/
input[type="checkbox"], input[type="radio"], input[type="checkbox"] + label, input[type="radio"] + label{cursor: pointer;}
input[type="checkbox"]:hover + label, input[type="radio"]:hover + label, input[type="checkbox"] + label:hover, input[type="radio"] + label:hover{text-decoration: underline;}

/*시설물 정보*/
.facility_main_box{position: relative;}
.facility_main_box .facility_main_inner{position: relative; display: inline-block; width: 100%; box-sizing: border-box; padding-left: 493px; margin-bottom: -8px;}
.facility_main_box .left_box{float: left; width: 463px; margin-left: -493px; margin-top:15px;}
.facility_main_box .left_box > a{position: relative; display: block;}
.facility_main_box .left_box > a img{}
.facility_main_box .left_box > a .more{position: absolute; bottom: 0; right: 0; background-color: rgba(0,0,0,0.6); color: #fff; padding: 0 20px; height: 38px; line-height: 38px;}
.facility_main_box .left_box > a .more span.icon{display: inline-block; width: 26px; height: 21px; margin: -3px 7px 0 0; background: url("/images/phyeyak/sub/reserve_sp.png") no-repeat -70px -50px; vertical-align: middle;}
.facility_main_box .right_box{float: left; width: 100%;}
.facility_main_box .right_box h3{display: block; color:#2a548e; font-size: 20px; border-bottom: 2px solid #2a548e; padding: 16px 10px; line-height: 26px;}
.facility_main_box .right_box .facility_main{}
.facility_main_box .right_box .facility_main ul{}
.facility_main_box .right_box .facility_main ul li{position: relative; padding: 10px 0 10px 123px; border-bottom: 1px solid #d2d2d2; word-break: break-all; letter-spacing:-0.5px; min-height:25px;}
.facility_main_box .right_box .facility_main ul li strong{float: left; width: 123px; margin-left: -123px;}
.facility_main_box .right_box .facility_main ul li strong span.icon{display: inline-block; width: 30px; height: 30px; background: url("/images/phyeyak/sub/reserve_sp.png") no-repeat 0 0; vertical-align: middle; margin: -2px 8px 0 10px;}
.facility_main_box .right_box .facility_main ul li.info_01 strong span.icon{background-position: 0 0;}
.facility_main_box .right_box .facility_main ul li.info_02 strong span.icon{background-position: -40px 0;}
.facility_main_box .right_box .facility_main ul li.info_03 strong span.icon{background-position: -80px 0;}
.facility_main_box .right_box .facility_main ul li.info_04 strong span.icon{background-position: -120px 0;}
.facility_main_box .info_reserve_btn{clear: both; text-align: center; margin-top: 40px;}
.facility_main_box .info_reserve_btn a{display: inline-block; width: 190px; height: 45px; line-height: 45px; background-color: #cb3709; color: #fff;}

.facility_main_box .facility_main_inner.on{padding-bottom: 656px;}
.facility_main_box .facility_main_inner .more_img_box{position: absolute; bottom: 0; left: 0; width: 100%; display: none;}
.facility_main_box .facility_main_inner .more_img_box .control_box a{position: absolute; top: 50%; width: 50px; height: 50px; background: url("/images/phyeyak/sub/reserve_sp.png") no-repeat 0 -91px; text-indent: -99999px; margin-top: -25px; z-index: 1;}
.facility_main_box .facility_main_inner .more_img_box .control_box a.prev{left: 0; background-position: 0 -91px;}
.facility_main_box .facility_main_inner .more_img_box .control_box a.next{right: 0; background-position: -60px -91px;}
.facility_main_box .facility_main_inner .more_img_box #bx-pager{position: relative; background-color: #2f3032; text-align: center; padding: 20px 20px; max-width: 100%; overflow-x: auto; overflow-y: hidden; white-space: nowrap;}
.facility_main_box .facility_main_inner .more_img_box #bx-pager a{position: relative; display: inline-block; margin: 0 10px;}
.facility_main_box .facility_main_inner .more_img_box #bx-pager a:before{content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; outline: 0; transition: ease-in-out 0.3s;}
.facility_main_box .facility_main_inner .more_img_box #bx-pager a.active:before{outline: 5px solid #cb3709;}
.facility_main_box .facility_main_inner .more_img_box a.close{position: absolute; top: -10px; left: 0; width: 60px; height: 55px; color: #fff; text-align: center; background-color: #cb3709; font-size: 16px; line-height: 16px;}
.facility_main_box .facility_main_inner .more_img_box a.close:before{content: ''; position: absolute; top: 0; right: -8px; border-style: solid; border-width: 0 8px 10px 0; border-color: #8a8a8a transparent;}
.facility_main_box .facility_main_inner .more_img_box a.close span.icon{display: block; width: 14px; height: 8px; background: url("/images/phyeyak/sub/reserve_sp.png") no-repeat 0 -50px; margin: 12px auto 7px;}
.facility_info_box{}
.facility_info_box h3{display: block; font-size: 16px; height: 57px; line-height: 57px; background-color: #f3f3f3; color: #333; border-top: 1px solid #5f5f5f; text-align: center; margin: 40px 0 35px;font-weight: 400;}
.facility_info_box span.menuView_right{ float:right;}
/* .facility_info_box ul.basic > li{position: relative; padding-left: 25px; color: #333; font-size: 18px; line-height: 24px; margin-top: 35px; font-weight: 400;}
.facility_info_box ul.basic > li:first-child{margin-top: 0;}
.facility_info_box ul.basic > li:before{content: ''; position: absolute; top: 5px; left: 0; width: 16px; height: 16px; background: url("/images/phyeyak/sub/reserve_sp.png") no-repeat -34px -50px;} */
.facility_info_box ul.normal{margin-top: 16px;}
.facility_info_box ul.normal > li{background: none; padding: 0; font-size: 16px; color: #333; line-height: 28px;}
.facility_info_box ul.float_03{display: inline-block; width: 100%; margin-top: 15px;}
.facility_info_box ul.float_03 > li{position: relative; float: left; width: 33.333333%; background: none; padding: 0 0 0 22px; font-size: 16px; color: #333; line-height: 28px; box-sizing: border-box;}
.facility_info_box ul.float_03 > li:before{content: ''; position: absolute; top: 12px; left: 6px; width: 4px; height: 4px; background-color: #b2b2b2;}

.step_wrapper{}
.step_wrapper .step_path{}
.step_wrapper .step_path ul{display: inline-block; width: 100%; padding-right: 30px; box-sizing: border-box;}
.step_wrapper .step_path ul li{position: relative; float: left; width: 25%; border: solid #d2d2d2; border-width: 1px 0; height: 50px; line-height: 50px; background-color: #f3f4f5; box-sizing: border-box; padding-left: 30px;}
.step_wrapper .step_path ul li:first-child{border-left: 1px solid #d2d2d2;}
.step_wrapper .step_path ul li.on{background-color: #8e8e8e; color: #fff;}
.step_wrapper .step_path ul li:before{content: ''; position: absolute; top: -1px; left: 100%; border-style: solid; border-width: 25px 0 25px 17px; border-color: transparent #d2d2d2; z-index: 1;}
.step_wrapper .step_path ul li:after{content: ''; position: absolute; top: -1px; left: 100%; border-style: solid; border-width: 25px 0 25px 17px; border-color: transparent #f3f4f5; z-index: 1; margin-left: -1px;}
.step_wrapper .step_path ul li.on:before{border-color: transparent #8e8e8e;}
.step_wrapper .step_path ul li.on:after{content: none;}

.step_wrapper .reserve_date_box{position: relative; display: inline-block; width: 100%; margin-bottom:10px;}

.step_wrapper .reserve_date_box .reserve_date_admin_btn{position: absolute; top: 20px; right: 0; z-index: 1;}
.step_wrapper .reserve_date_box .reserve_date_admin_btn > a{float: left; padding: 0 30px; background-color: #333; color: #fff; height: 40px; line-height: 40px; border-radius: 3px;}
.step_wrapper .reserve_date_box .reserve_date_admin_btn > a:first-child{margin-left: 0;}

.step_wrapper .reserve_date_box .float_box{position: relative; box-sizing: border-box; float: left;}
.step_wrapper .reserve_date_box .left_box{width: 48%;}
.step_wrapper .reserve_date_box .right_box{width: 48%; margin-left: 4%;}
.step_wrapper .reserve_date_box .float_box > div{position: relative; border-top: 2px solid #d2d2d2; border-bottom:1px solid #d2d2d2;}
.step_wrapper h3{display: block; font-size: 21px; line-height: 21px; color: #02346b; margin: 30px 0 20px;padding-left: 0;}
.step_wrapper .reserve_type_box ul li { width:48%; display:inline-block;padding: 15px 0;}

/*.step_wrapper .reserve_date_box .reserve_calendar{border: solid #d2d2d2; border-width: 0 1px;}*/
.step_wrapper .reserve_date_box .reserve_calendar .control_box{text-align: center; height: 24px; line-height: 24px; margin-top: 28px;}
.step_wrapper .reserve_date_box .reserve_calendar .control_box a{display: inline-block; vertical-align: top; width: 25px; height: 24px; text-indent: -99999px; background: url("/images/phyeyak/sub/reserve_sp.png") no-repeat 0 -161px;}
.step_wrapper .reserve_date_box .reserve_calendar .control_box a.prev{background-position: 0 -161px; margin-right: 20px;}
.step_wrapper .reserve_date_box .reserve_calendar .control_box a.next{background-position: -35px -161px; margin-left: 20px;}
.step_wrapper .reserve_date_box .reserve_calendar .control_box strong{display: inline-block; font-size: 24px; color: #333;}
.step_wrapper .reserve_date_box .reserve_calendar table{border-width: 1px 0 0; margin-top: 23px; margin-bottom:0 !important}
.step_wrapper .reserve_date_box .reserve_calendar table td{color: #d0d0d0; padding: 0; height: 53px;}
.step_wrapper .reserve_date_box .reserve_calendar table th:first-child, .step_wrapper .reserve_date_box .reserve_calendar table td:first-child{border-left: 0;}
.step_wrapper .reserve_date_box .reserve_calendar table td a{display: block; color: #333; height: 53px; line-height: 53px;}
.step_wrapper .reserve_date_box .reserve_calendar table td.today a{color: #cb3709;}
.step_wrapper .reserve_date_box .reserve_calendar table td.active a{background-color:#c83232; color: #fff;}
.step_wrapper .reserve_date_box .reserve_calendar table td.active a span { display: block; width: 0; height: 0; text-indent: -999999px;}
.step_wrapper .reserve_date_box .reserve_calendar table td.active {color: #cb3709;}
.step_wrapper .reserve_date_box .reserve_calendar table td.holiday.active {color: #cb3709;}

.step_wrapper .reserve_date_box .reserve_calendar table td.holiday/*, 
.step_wrapper .reserve_date_box .reserve_calendar table td.std, 
.step_wrapper .reserve_date_box .reserve_calendar table td.sun*/{background-color: #efefef; color: #d2d2d2;}

.step_wrapper .reserve_date_box .reserve_calendar table td.holiday span/*, 
.step_wrapper .reserve_date_box .reserve_calendar table td.std span, 
.step_wrapper .reserve_date_box .reserve_calendar table td.sun span*/{display: block; margin: 0 -10px;}

.step_wrapper .reserve_date_box .reserve_calendar table td.holiday.today, 
.step_wrapper .reserve_date_box .reserve_calendar table td.std.today, 
.step_wrapper .reserve_date_box .reserve_calendar table td.sun.today{background-color: #efefef; color: #cb3709;}

.step_wrapper .reserve_date_box .reserve_calendar table th{ color:#333333; font-weight: 300}

.step_wrapper .reserve_date_box .reserve_time_box{border: solid #d2d2d2; border-width: 0 1px;}
.step_wrapper .reserve_date_box .reserve_time_box ul{overflow: hidden;}
.step_wrapper .reserve_date_box .reserve_time_box ul li{position: relative; float: left; width: 50%; border-bottom: 1px solid #d2d2d2; box-sizing: border-box; font-size: 16px; color: #d0d0d0; height: 57px; line-height: 50px; padding-left: 15px; white-space: nowrap; overflow: hidden;}
.step_wrapper .reserve_date_box .reserve_time_box ul li:nth-child(2n-1){border-right: 1px solid #d2d2d2;}
.step_wrapper .reserve_date_box .reserve_time_box ul li .icon{display: inline-block; width: 16px; height: 16px; text-indent: -99999px; background: url("/images/phyeyak/sub/reserve_sp.png") no-repeat -70px -213px; vertical-align: middle; margin: -2px 5px 0 0;}
.step_wrapper .reserve_date_box .reserve_time_box ul li{display: block; color: #333; height: 100%; cursor: pointer; pointer:hand;}
.step_wrapper .reserve_date_box .reserve_time_box ul li:hover{text-decoration: underline;}
/*.step_wrapper .reserve_date_box .reserve_time_box ul li a{display: block; color: #333; height: 100%;}
.step_wrapper .reserve_date_box .reserve_time_box ul li a:hover{text-decoration: underline;}*/
.step_wrapper .reserve_date_box .reserve_time_box ul li .c_red{color: #c83232;}
.step_wrapper .reserve_date_box .reserve_time_box ul li input[type="checkbox"]{position: absolute; width: 0; height: 0; border: 0; margin: 0; padding: 0; text-indent: -99999px; z-index: -1; background: none; opacity: 0;}
.step_wrapper .reserve_date_box .reserve_time_box ul li label{cursor: pointer; background-position: -70px -187px;}
.step_wrapper .reserve_date_box .reserve_time_box ul li input:checked + label{background-position: -70px -161px;}
.step_wrapper .reserve_date_box .reserve_time_box ul li.wide {width:100%;}

.step_wrapper .reserve_check_box a.del{display: block; width: 38px; height: 38px; line-height: 38px; border-radius: 50%; background-color: #efefef; text-align: center; margin: 0 auto;}
.step_wrapper .reserve_check_box a.del span.icon{display: inline-block; width: 21px; height: 22px; text-indent: -99999px; background: url("/images/phyeyak/sub/reserve_sp.png") no-repeat 0 -215px; vertical-align: middle; margin-top: -3px;}

.reserve_check_box{ margin-top:40px;}

.step_wrapper .total_price{background-color: #f3f3f3; text-align: center; height: 59px; line-height: 59px; font-size: 22px; margin-top: 50px;}
.step_wrapper .total_price strong{color: #cb3709;}
.step_wrapper .reserve_btn_box{text-align: center; margin-top: 50px;}
.step_wrapper .reserve_btn_box input, .step_wrapper .reserve_btn_box a{display: inline-block; padding: 0; margin: 0 0 0 5px; width: 190px; height: 45px; line-height: 45px; color: #fff; border: 0;  cursor: pointer;}
.step_wrapper .reserve_btn_box input:first-child, .step_wrapper .reserve_btn_box a:first-child{margin-left: 0;}
.step_wrapper .reserve_btn_box .box_red{background-color: #406187;}
.step_wrapper .reserve_btn_box .box_gray{background-color: #797979;}

.agree_wrap{border: 1px solid #d2d2d2; font-size: 14px; line-height: 28px;}
.agree_wrap .agree_cont_box{background-color: #fafafa; padding: 15px 23px; max-height: 210px; overflow-y: auto; overflow-x: hidden;}
.agree_wrap .agree_box{background-color: #f4f8fe; padding: 12px 23px; border-top: 1px solid #d2d2d2;}
.agree_wrap .agree_box input{display: inline-block; margin: -3px 7px 0 0;}
.agree_wrap .agree_box label{}
table.input_table input[type="checkbox"], table.input_table input[type="radio"]{display: inline-block; margin: -3px 5px 0 0; vertical-align: middle; cursor: pointer;}
table.input_table th strong{position: relative; text-indent: -99999px; width: 12px; height: 13px; background: url("/images/phyeyak/sub/import_icon.png") no-repeat 0 0; background-size: 12px; display: inline-block; vertical-align: middle; margin: -3px 0 0 5px;}
table.input_table .email_icon{margin: 0 5px;}
table.input_table .step_address_num{margin-bottom: 10px;}
table.input_table .step_address_num .step_search_address{display: inline-block; height: 27px; line-height: 27px; background-color: #585858 ; color: #333; padding: 3px 10px; margin-left: 10px; vertical-align: middle; font-size: 14px; color: #fff;}

.reserve_complete{background-color: #f4f9fb; border-top: 2px solid #8e8e8e; overflow: hidden; text-align: center; padding: 50px 0; margin-top: 40px;}
.reserve_complete strong{display: block; margin-bottom: 30px; font-size: 22px; line-height: 25px; height: 25px; color: #cb3709;}
.reserve_complete strong span.icon{display: inline-block; width: 29px; height: 25px; background: url("/images/phyeyak/sub/reserve_sp.png") no-repeat -106px -161px; vertical-align: middle; margin: -3px 7px 0 0;}
.reserve_complete p{font-size: 18px; color: #333; line-height: 30px;}

.text_hidden{position: absolute; width: 0; height: 0; border: 0; text-indent: -99999px; background: none; z-index: -1;}
span.next{display: block;}

.cate_box { position:relative; padding:20px; border-bottom:1px solid #d2d2d2; border-top:2px solid #0078bf; height:26px;}
.cate_box .prdc_num{ float:left;}
.cate_box .choice_tab{ float:right;}
.cate_box .choice_tab > li{ display:inline-block; padding:0 5px;}
.cate_box .choice_tab > li a{ background:url("/images/common/sub/content_bl.png") no-repeat -136px -6px; display:inline-block; padding-left:10px; margin-left:20px; color:#333;}
.cate_box .choice_tab > li a:hover{color:#0078bf;}
.cate_box .choice_tab > li a.on{ color:#0078bf; font-weight:600;}

/*추가버튼*/
.add_subfac_list{ padding: 4px 20px; background-color:#256bb9; border-radius:3px; color:#fff; border:none; cursor: pointer; line-height: 24px; font-weight:300}
.add_ad_list{ padding: 4px 20px; background-color:#1f9e46; border-radius:3px; color:#fff; border:none; cursor: pointer;line-height: 24px; font-weight:300}
.add_subfac_list:hover, .add_ad_list:hover{background: #dd4b39}

/*추가인풋*/
.new_reserve_wrap input[type='text']{border-radius: 5px;  padding: 6px; transition:ease-in-out 0.3s}



span.noti { float : left; }
.w10 { width: 10%;}	
.w90 { width: 90%;}
.w100 { width: 100%;}
table.input_table tr td input { line-height: 29px;}
div.wrap_reserve_input{ display: none;}


/*관리자번튼 */
.rent_manage_btn { overflow:hidden; margin-top:10px; margin-bottom:-15px; }
.rent_manage_btn a { background-color:#227446; padding:8px 42px; float:right; }
.rent_manage_btn a .manage { color:#fff; font-size:14px; display:block; }
.rent_manage_btn a .manage::before { content:''; width:18px; height:19px; display:inline-block; vertical-align:middle; margin:-5px 5px 0 0}
.rent_manage_btn a:hover { background-color:#2d9e5f; transition:ease-in-out 0.5s; }