@charset "utf-8";
/* CSS Document */

/* 예약신청 */
#bookWrap{display:inline-block; background:#f4f6f8; clear:both; position:relative;}
#bookWrap > li{text-align:center; background:#f6f6f6; float:left; box-sizing:border-box;}
#bookWrap > li > p:first-child{line-height:50px; font-size:15px; color:#fff; background:#828386; text-align:center; padding:0 20px; border-bottom:1px solid #515151;}
#bookWrap > li > p:first-child span{font-weight:bold; margin-right:5px;}

#calendar{width:400px;}

#calendar .cal_box{background:#fff; border:1px solid #e0e4e8; margin:20px 20px 0; padding:15px; box-sizing:border-box;}
#calendar .bookMonth{font-weight:bold; line-height:17px; font-size:17px;}
#calendar table{font-size:12px; margin:10px auto 0;}
#calendar table thead tr{line-height:28px; font-size:11px; background:#f0eae7; border-top:1px solid #dbdbdb; border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb;}
#calendar table tbody tr:first-child td{padding-top:0px}
#calendar table tbody td{width:26px; border:1px solid #dbdbdb;}
#calendar table tbody td a{display:block; width:100%; line-height:24px; margin:0 auto;}
#calendar table tbody td.book a{background:#b7d12c;}
#calendar table tbody td.book1 a{background:#00D8FF;}
#calendar table tbody td.today a{background:#005baa; color:#fff;}
#calendar table tbody td.hold{background:#e8e8e8;}
#calendar table thead th.blue,
#calendar table tbody td.blue,
#calendar table tbody td.blue a{color:#0062bb; font-weight:normal; line-height:24px;}
#calendar table tbody td.sel {background:red;}
#calendar table tbody td.sel a{color:#ffffff}
#calendar table thead th.red,
#calendar table tbody td.red,
#calendar table tbody td.red a{color:#ff3737; font-weight:normal; line-height:24px;}
.guide{text-align:center; font-size:12px; margin:12px 0;}
.guide li{display:inline; margin-left:10px;}
.guide li:first-child{margin-left:0;}
.guide li span{display:inline-block; width:11px; height:11px; vertical-align:middle; margin-right:3px; text-indent:-9999px;}
.guide li.todayDate span{background:#005baa;}
.guide li.book span{background:#b7d12c; border:1px solid #ddd;}
.guide li.book1 span{background:#00D8FF; border:1px solid #ddd;}
.guide li.hold span{background:#dedede;}
.cap{font-size:12px; text-align:left; margin:0 20px 20px;}


/* 예약하기 */
#time{width:800px; margin:0 auto; padding-bottom:30px; border-right:0px solid #fff; border-left:2px solid #fff;}
.teeup{width:624px; margin:0 auto; overflow:hidden;}
.teeup > div{width:300px; margin-left:49px;}
.teeup > div > p{width:200px; line-height:45px; height:45px; background:#fff; margin:20px 0 15px; border:1px solid #dddddd; font-weight:bold;}
.select_course{float:left;}
.select_course li{margin-top:8px;}
.select_course button{width:133px; line-height:36px; background:#fff; border:1px solid #d2d2d2;}
.select_course button.on{color:#fff; background:#4b7ba1; border:0;}
.select_course p{font-size:13px; margin:25px 0 3px;}
.select_course span{display:inline-block; width:26px; height:1px; line-height:20px; background:#b7b7b7; margin:0 10px; vertical-align:middle;}

.select_time{float:left; width:266px; margin-left:30px;}
.select_time p{width:266px; line-height:45px; height:45px; background:#fff; margin:20px 0 15px; border:1px solid #dddddd; font-weight:bold;}
.select_time > li {float:left; width:266px;}
.select_time button{width:75px; line-height:27px; font-size:13px; color:#70abc5; background:#fff; border:1px solid #70abc5;}
.select_time .type02 button {width:75px; line-height:27px; font-size:13px; color:#fff; background:#2d6a9a; border:1px solid #2d6a9a;}
.select_time table{font-size:13px; float:left}
.select_time table tr:hover{background:#e5ecef}
.select_time table td{height:37px}


#confirm{width:302px; font-size:13px; margin:0 auto;}
.confirm_on p{margin:35px 0 20px;}
.confirm_on table{width:260px; margin:0 auto; text-align:left;}
.confirm_on table tr{line-height:35px; border-bottom:1px solid #eee;}
.confirm_on table th{height:34px; padding-left:3px; text-align:left; border-bottom:1px solid #444d52;}
.confirm_on table th span{display:block; line-height:26px; padding-left:15px; background:#f2f3f4;}
.confirm_on table td{height:45px; padding-left:15px; border-bottom:1px solid #c0c9ce;}
.inp_name input{display:block; width:100%; padding:10px 0; font-size:13px; -webkit-box-sizing:border-box; outline:none; vertical-align:top; letter-spacing:-0.08em; font-family:"NanumGothic"; border:1px solid #d9d9d9;}
.inp_phone input{display:block; width:100%;padding:10px 0; font-size:13px; -webkit-box-sizing:border-box; outline:none; vertical-align:top; letter-spacing:-0.08em; font-family:"NanumGothic"; border:1px solid #d9d9d9;}
.comment textarea{width: 100%; height:60px; padding:7px 10px 0; border: none; font-family: NotoSansCJKkr-Light; font-size: 14px; font-weight: 300; line-height: 1.36; letter-spacing: -0.7px; color: #969696; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; border:1px solid #d9d9d9;}

button.btn_reserve{display:inline-block; width:250px; line-height:50px; color:#fff; background:#70abc5; margin:40px 0; font-size:18px; }
button.btn_reserve a{color:#fff; font-family: 'Montserrat'; font-weight:600;}



/* 코스선택 table tab */
ul.tabs {margin:0px 20px; padding:0; float:left; list-style:none; height:52px; width:100%; font-size:15px; font-family:"NanumGothic"; border-bottom:0px solid #ddd; border-left:1px solid #ddd;}
ul.tabs li {float:left; cursor:pointer; width:23.55%; height:45px; line-height:20px; padding-top:5px; border:1px solid #ddd; border-left:none; font-weight:bold; background:#fafafa; overflow:hidden; position:relative; }
ul.tabs li span.text_1{display:block; font-size:13px;}
ul.tabs li span.text_2{line-height:40px;}
ul.tabs li.active {background:#FFFFFF; border-top:2px solid #005baa; border-bottom:1px solid #FFFFFF;}
.tab_container {width:94.8%; background:#FFFFFF; margin:0 20px; padding:20px; box-sizing:border-box; border:1px solid #ddd; border-top:none; clear:both; float:left;}
.tab_container .tab_content {padding:0; font-size:13px; display:none;}
.tab_container .tab_content ul {width:inherit; margin:0; padding:0; position:relative;}
.tab_container .tab_content ul li{float:left; width:260px; padding:0; margin-right:20px;}
.tab_container .tab_content ul li:last-child{margin-right:0px;}
#container {margin:0 auto; margin-top:30px; overflow:hidden;}


/* 코스선택 테이블 가로형 */
.table_course{width:100%;}
.table_course thead{background:#f5f5f5; border-top:2px solid #253f5a;}
.table_course thead th{text-align:center; border-left:1px solid #ddd; border-bottom:1px solid #ddd;}
.table_course thead th:first-child{border-left:0}
.table_course th,.table_course td{height:28px; padding:7px 0}
.table_course tr{border-bottom:1px solid #ddd;}
.table_course td{text-align:center; border-left:1px solid #ddd;}
.table_course td:first-child{border-left:0 none;}
.table_course tbody th{font-weight: normal;}


/* 예약자정보 */
.user_info{border:1px solid #ddd; border-radius:0px; line-height:30px; padding:6px 10px; margin:0 20px 20px; background-color:#fff; font-size:14px; color:#000;}
.user_info>span{color:#777; display:inline-block; margin-left:20px;}
.user_info>span:first-child{margin-left:0px;}


/* 단체예약 */
.new_group_name{font-size:14px; color:#e66100;}

.table_group{margin:10px 0; font-family:"NanumGothic"; }
.table_group thead{background:#f5f5f5; border-top:1px solid #ddd}
.table_group thead th{text-align:center; border-left:1px solid #ddd; border-bottom:1px solid #ddd;}
.table_group tbody{border-top:1px solid #ddd}
.table_group th,.table_group td{height:30px; line-height:22px; padding:7px 18px; border-left:1px solid #ddd; border-right:1px solid #ddd;}
.table_group tr{border-bottom:1px solid #ddd;}
.table_group td{text-align:left; border-left:1px solid #ddd;}
.table_group td span{margin-left:10px;}
.table_group td:first-child{border-left:0 none;}
.table_group td span.text_1{float:left; text-align:left; font-size:15px; line-height:33px; color:#000; margin-left:0px; margin-right:12px;}


/* 단체예약 달력보기 */
.popup_reserv {width:100%; float:none !important; display:none; font-family:"NanumGothic";}
.reserv_in {position:absolute; top:306px; left:-187px; right:0; margin:0 auto; overflow:hidden; box-sizing:border-box; z-index:9999; max-width:400px; width:70%; border:1px solid #ddd;}
.reserv_t {padding:8px 10px; background-color:#fff; border-bottom:1px solid #ddd; text-align:right;}
.reserv_t img {height:15px; vertical-align:middle;}
.reserv_t span {cursor:pointer; padding:7px 10px;}
.reserv_l {float:left; width:50%; background-color:#f7f6f5; padding:25px; box-sizing:border-box; height:385px;}
.reserv_r {float:left; width:100%; background-color:#fff; padding:25px; box-sizing:border-box; height:370px;}
.reserv_l .check_sl {background-color:#fff; left:0; }
.check_sl > div {width:17%; line-height:33px; margin-left:0px; border:1px solid #ddd; padding:0 7px;}
.check_sl > div span img{padding:4px 0 0 15px;}
.pore_b {position:relative;border:1px solid #ddd;box-sizing: border-box;height: 35px;}
.pore_b .check_sl {color: #999;font-size: 14px;box-sizing: border-box; padding:0px 10px;height: 100%;cursor: pointer;}
.pore_b .check_sl .blitbox img {margin-top: 7px;}

/*달력*/
.plan-month {margin-top:0; margin-bottom:20px; text-align:center; font-family:"NanumGothic";}
.plan-table {width: 100%; border-spacing:0px; font-family:"NanumGothic";}
.plan-month span {color:#333; font-size:20px; margin:0 auto; font-weight:600;}
.plan-month a {width:20px; border:none; text-indent:-9999px; height:30px;}
.plan-month .prevmonth {position:absolute; left:0; top:0px;}
.plan-month .nextmonth {position:absolute; right:0; top:0px;}
.plan-table tr th {font-size: 12px; border-top:1px solid #eee; box-sizing:border-box; padding: 10px 0;}
.plan-table tr th:nth-child(1) {color:#f10000 !important;}
.plan-table tr th:nth-child(7) {color:#005991 !important;}
.plan-table tr td a {font-size:12px; border:none; height:auto; background:#f7f6f5; color:#333; width:100%; font-weight:500; padding:10px 0;}
.plan-table tr td {padding:10px 0; text-align:center;}
.plan-table tr th ,.plan-table tr td {border-left:1px solid #eee; border-bottom:1px solid #eee; box-sizing:border-box; border-right:0px solid #eee; font-weight: 500; padding:10px 0; height:39px; text-align:center; font-size:12px;}
.plan-table tr th:last-child ,.plan-table tr td:last-child{border-right:1px solid #eee;}
.plan-table tr th {color:#888 !important;}
.plan-table tr td a.on {height:auto; background:#b79f7b; font-weight:bold; width:100%; padding:10px 0; color:#fff;} 
.plan-table tr td.gray {background:#f7f6f5;}
.plan-table tr td.end {color:#a8a8a8;}
.plan-table tr td.sunday {color:#f10000;}
.plan-table tr td.saturday {color:#005991;}
.plan-table tr td.today {background:#423d3a; color:#fff; font-weight:bold;}
.plan-table tr td a.grayday {background:#fff;}
.plan-table tr td:first-child ,.reserv_r .plan-table tr th:first-child {border-left:1px solid #eee;}

.m_section1 .section_wrap {padding-top: 30px;}


/* 예약완료 step */
.step{overflow:hidden; padding:20px 0; background:#fdfdfd; border:1px solid #ddd; border-top:2px solid #70abc5; text-align:center; margin-bottom:50px;}
.step >div{float:left; width:33.333%; background:url(../images/sub/reservation/step_arr.gif) no-repeat right center; }
.step >div:last-child{background:0;}
.step >div:nth-child(1) dl{background:url(../images/sub/reservation/step1_bg.gif) no-repeat left center;}
.step >div:nth-child(2) dl{background:url(../images/sub/reservation/step2_bg.gif) no-repeat left center;}
.step >div:nth-child(3) dl{background:url(../images/sub/reservation/step3_bg.gif) no-repeat left center;}
.step >div.on:nth-child(1) dl{background:url(../images/sub/reservation/step1_bg_over.gif) no-repeat left center;}
.step >div.on:nth-child(2) dl{background:url(../images/sub/reservation/step2_bg_over.gif) no-repeat left center;}
.step >div.on:nth-child(3) dl{background:url(../images/sub/reservation/step3_bg_over.gif) no-repeat left center;}

.step dl{box-sizing:border-box; width:205px; margin:0 auto; padding:5px 0 5px 65px; text-align:left;}
.step dl dt{font-family: 'Montserrat';font-size:22px;color:#222;font-weight:600;}
.step dl dd{font-size:17px;color:#222;}

.btns{margin:70px 0;text-align:center;}
.btns a{display:inline-block; width:150px; height:50px; text-align:center; font-weight:500; line-height:50px; margin:0 6px; font-size:16px;}
.btns .btn01{background:#b8b8b8; color:#fff; font-weight:500; font-family:'NanumGothic';}
.btns .btn02{background:#00acd0; color:#fff; font-weight:500; font-family:'NanumGothic';}

.reserve_info{margin-top:50px; padding:30px; border:1px solid #ddd;}
.reserve_info ul{text-align:left;}
.reserve_info ul li{position:relative; padding-left:15px; margin-bottom:2px; font-size:13px; color:#222; text-align:justify;}
.reserve_info ul li .txt{color:#ff3737;}
.reserve_info ul li:before{display:block; content:""; width:4px; height:4px; background:#666; position:absolute; left:0; top:9px;}
.reserve_info ul li:last-child{margin-bottom:0;}


/***골프텔 예약정보 입력***/
.reserv_wrap {height: auto;}
.reserv_wrap > div {float: none;}
.reserv_con {overflow: hidden;border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; border-top: 1px solid #ddd; box-sizing: border-box;}
.reserv_conr {float: right; width:38%; padding:50px; box-sizing:border-box; max-width:436px; }
.reserv_conl {float: left; width:62%; max-width:762px; padding:50px;box-sizing: border-box; border-right: 1px solid #ddd;}

.reserv_conr ul li {position: relative;padding-left: 80px;height: 35px;line-height: 35px;margin-bottom:10px;}
.reserv_conr ul li span {position: absolute;left: 0;color: #333;font-size: 14px;font-weight: 500;}
.reserv_conr ul li .fix_room {color: #999;font-size: 13px;background-color: #f8f8f8; border: 1px solid #ccc; box-sizing: border-box;padding-left: 15px;}
.reserv_conr ul li .checkin_date {color: #999;font-size: 13px;background-color: #fff !important;height: 35px; border: 1px solid #ccc; box-sizing: border-box;padding-left: 15px;/*background: url(../../images/sub/checkin.gif) no-repeat 95% center;*/}
.reserv_conr ul li select {color: #999;font-size: 13px;background-color: #fff !important; border: 1px solid #ccc; box-sizing: border-box;padding-left: 15px !important;width: 100%;height: 35px;}
.reserv_conr .comm_btn {width:100%; background:#00acd0; height:50px; margin-top:25px; margin-bottom:30px; text-align:center;}
.reserv_conr .comm_btn a {display:block; font-size: 16px;line-height: 50px; color:#fff; font-weight:bold; font-family: 'NanumGothic';}
.reserv_lb {border-top:1px solid #ddd; box-sizing:border-box; margin-top:25px;}
.reserv_lb span {display: block;line-height:22px;color: #666;font-size: 12px; font-weight: 400;}
.reserv_lb p {margin-top: 3px; font-size: 14px; color: #333;font-weight: 500;}

.plan-month2 {margin-bottom:30px; text-align:center; line-height:24px; position:relative;}
.plan-month2 span {font-size: 28px; font-weight: 900;}
.plan-month a {width:20px; border:none; text-indent:-9999px; height:30px; border:none;}
.plan-month2 a.nextmonth {background: url(../images/sub/reservation/next_icon.gif) no-repeat center; position:absolute; right:0;}
.plan-month2 a.prevmonth {background: url(../images/sub/reservation/prev_icon.gif) no-repeat center; position:absolute; left:0;}

.plan-table2 {width:100%;}
.plan-table2 {table-layout:fixed; width:100%; margin:0 auto; border-spacing:0; text-align:center; font-size:15px; font-weight:bold; }
.plan-table2 tr th {padding:10px 0; color:#666; font-size:13px; }
.plan-table2 tr th ,#container .plan-table2 tr td {border:1px solid #eee; box-sizing: border-box; }
.plan-table2 tr td {padding:25px 0; font-weight:16px; border:1px solid #eee;}
.plan-table2 tr td a {display:block;height:15px;background: #fbfbfb; font-size: 15px; width: 40px; margin: 0 auto; border: 1px solid #ccc; padding: 12px 0;}
.plan-table2 tr td a span {overflow:hidden;display:block;width:4px;height:4px;margin:0 auto;margin-top:4px;border-radius:2px;background:#a5a5a5;text-indent:-9999px;}
.plan-table2 tr td.today {background:#f5be4f; color:#fff; }
.plan-table2 tr td.end {background:#fff; color:#bdbdbd; }
.plan-table2 tr td.gray {background:#f7f6f5 !important;}
.plan-table2 tr td.sunday {color:#f10000;}
.plan-table2 tr td.saturday {color:#005991;}
.plan-table2 tr td.complete {background:#dd6cc0; color:#fff; }
.plan-table2 tr th:nth-child(1) {border-left: 1px solid #eee;box-sizing: border-box;}

.plan-table2 tr td:nth-child(1) a {color:#c20000;}
.plan-table2 tr td:nth-child(1) a.on {color:#fff;}
.plan-table2 tr td:nth-child(1) a.active {color:#fff;}
.plan-table2 tr th:nth-child(7) {color:#005991;}
.plan-table2 tr td:nth-child(7) a {color:#0079e9;}
.plan-table2 tr td:nth-child(7) a.on {color:#fff;}
.plan-table2 tr td:nth-child(7) a.active {color:#fff;}
.plan-table2 tr th:nth-child(1) {color:#c20000;}

.reserv_conr ul li select {background: url(../images/sub/reservation/select_bg.gif) no-repeat right center;}.sub0601 .reserv_wrap {height: auto;}

/* 주의사항 */
.info_notice{position:relative; border:1px solid #ddd;  padding:30px; color:#666; font-size:14px;}


.complete_txt{background-color:#f2f2f2; width:100%; padding:50px 0; text-align:center; font-size:20px;}
.complete_txt span{color:#00acd0; font-weight:bold 'NanumGothic';}
.complete_txt2{position:relative; background:#f5f5f5; font-size:24px; text-align:center;  padding:50px;}


/*** button***/
.reservation_button_1{width:57px; line-height:27px; font-size:13px; color:#fff; background:#005baa; padding:6px 15px;}
.reservation_button_2{width:57px; line-height:27px; font-size:13px; color:#fff; background:#ff9100; padding:6px 15px;}
.reservation_button_4{width:57px; line-height:27px; font-size:13px; color:#fff; background:#ed475f; padding:6px 15px;}
.reservation_button_3{width:200px; line-height:27px; font-size:15px; text-align:center; color:#fff; }

.reser_cancel{color:#fff; background:#515151; padding:6px 15px; font-family:'NanumGothic'; font-size:12px; }
.reser_group{color:#fff; background:#00acd0; padding:6px 15px; font-family:'NanumGothic'; font-size:12px; }
.reser_end{color:#666; background:#ddd; padding:6px 15px; font-family:'NanumGothic'; font-size:12px; }