@charset "utf-8";
@import url("../css/NotoKR.css");
.wrap{width:1200px; margin:0 auto;}
.mb80{margin-bottom: 80px;}
/*---- 실시간예약 ----*/
div.leftCnt {float:left; width:300px;}
div.leftCnt .month{position: relative; height: 60px; font-size: 28px; line-height: 60px; letter-spacing: -1px}
div.leftCnt .month a.prev, div.leftCnt .month a.prev_off:hover{position: absolute; left: -10px; top:0; display: block; width: 60px; height: 60px; background: url(../img/btn_CL.png) center center no-repeat; text-indent: -10000px}
div.leftCnt .month a.prev_off{position: absolute; left: -10px; top:0; display: block; width: 60px; height: 60px; background: url(../img/btn_CLoff.png) center center no-repeat; text-indent: -10000px}
div.leftCnt .month{position: relative; height: 60px; font-size: 30px; text-align: center; line-height: 60px; }
div.leftCnt .month a.next, div.leftCnt .month a.next_off:hover{position: absolute; right: -10px; top:0; display: block; width: 60px; height: 60px; background: url(../img/btn_CR.png) center center no-repeat; text-indent: -10000px}
div.leftCnt .month a.next_off{position: absolute; right: -10px; top:0; display: block; width: 60px; height: 60px; background: url(../img/btn_CRoff.png) center center no-repeat; text-indent: -10000px}

div.rightCnt {float:right; width:820px;}

.line0{border-bottom: 0 !important;}


/*******************************예약*****************************/
.tabbox3 {float: left; display: block; width: 600px; color: #666; text-align: center; height: 50px; font-size: 17px; margin-bottom: 10px}
.tabbox3 li{float: left; box-sizing: border-box; width: 200px; height: 50px; padding: 0 20px; line-height: 46px; border: 1px solid #ddd;}
.tabbox3 li a{display: block; width: auto; height: auto; color: #999}
.tabbox3 li.menuon{box-sizing: border-box; color: #fff; background:#5D614E; border: 1px solid #666;}
.tabbox3 li:hover {box-sizing: border-box; color: #fff; background:#999; border: 1px solid #999}
.tabbox3 li.menuon a, .tabbox3 li:hover a{color: #fff}
.rightCnt .selStyle{float: right; width: 200px; margin-left: 10px}

.info{text-align: center; margin: 20px 0; font-size: 20px; color: #666; letter-spacing: -1px}

.resInfo{box-sizing: border-box; position: relative; height: 100px; border: 4px solid #eee; font-size: 16px; font-weight: bold; line-height: 92px; color: #5D614E; padding: 0 30px; margin-top: 30px; letter-spacing: -0.5px}
.resInfo ul{position: relative; height:24px}
.resInfo ul li{position: relative; display: inline-block; height: 24px; margin-right: 50px}
.resInfo ul li:after{position: absolute; content: ''; width: 20px; height: 24px; right: -40px; top:34px; background: url(../img/ico_ar.png) no-repeat top center;}
.resInfo ul li:last-child::after{background: none}
.resInfo ul li span{text-decoration: line-through; color: #999}
.resInfo ul li strong{color: #FF4600}
.resInfo a{display: block; position: absolute; right: -4px; top:-4px; width: 200px; height: 100px; font-size:20px; text-align: center; line-height: 100px; color: #fff; background: #5D614E;}
.resInfo p{position: absolute; left: 30px; bottom:0; width: 80%; height: 20px; font-size:15px; font-weight: 700; color:#47B5FF}

.VresInfo{box-sizing: border-box; position: relative; height: 100px; border: 4px solid #eee; font-size: 16px; font-weight: bold; line-height: 92px; color: #5D614E; text-align: center; padding: 0 30px; margin-top: 30px; letter-spacing: -0.5px}
.VresInfo p strong{font-weight: 800}
.VresInfo p span{font-size: 20px; color: #EF7D00; margin-left: 5px}

ul.resInfo1{margin: 50px auto 30px; text-align: center;}
ul.resInfo1 li{position: relative; display: inline-block; padding-left: 20px; color: #666; margin: 0 10px; line-height: 14px;}
ul.resInfo1 li:before{position: absolute; content: ''; width: 14px; height: 14px; border-radius: 50%; left: 0; top: 0;}
ul.resInfo1 li:nth-child(1):before{background: #1A1818}
ul.resInfo1 li:nth-child(2):before{background: #029B49}
ul.resInfo1 li:nth-child(3):before{background: #95B821}
ul.resInfo1 li:nth-child(4):before{background: #BE292F }
ul.resInfo1 li:nth-child(5):before{background: #F39822}
ul.resInfo1 li:nth-child(6):before{background: #bbb}

table.calTbl {width:100%; table-layout: fixed;}
table.calTbl tr th {height:50px; font-family: 'Noto Sans Light'; color:#444;}
table.calTbl tr td {height:45px; text-align: center; padding: 5px 0 }
/*색 - 토,일*/
table.calTbl tr th:last-child, table.calTbl tr td:last-child a{color:#47B5FF !important}
table.calTbl tr th:first-child, table.calTbl tr td:first-child a {color:#FF4600 !important}

table.calTbl tr td a {margin:0 auto; display:block;	width:30px;	height:30px; line-height:30px; font-size:16px; text-align: center; color: #999; border-radius:50%;}
table.calTbl tr td p{display:block; font-size:14px; margin-top: 5px; color: #999}
table.calTbl tr td a.select {background:#EF7D00 ; color: #fff !important}
table.calTbl tr td a.pick {background:#BE292F; color: #fff !important}
table.calTbl tr td a.closed {color: #ddd !important}
table.calTbl tr td a.reserve{background:#95B821; color: #fff !important}
table.calTbl tr td a.holi {background:#1A1818; color:#fff;}
table.calTbl tr td a.reserved {display:block; background:#ddd; color:#fff !important;}
table.calTbl tr td a.reserve:hover{background:#EF7D00 ; color:#fff !important}
table.calTbl tr td a.today {background:#47B5FF; color: #fff !important}

div.selectTime {width:100%; margin-top: 30px}
div.reservTab {margin-top:15px;}
div.reservTab a {float:left; display:block; width:120px; height:45px; line-height:45px; background-color:#fff; text-align:center; font-size:16px; color:#525252; border:1px solid #eee;}
div.reservTab a.tabOn {background-color:#029B49; border:1px solid #029B49; color:#fff;}

.timeInner{float: left; width: 100%;}
.timeInner p{height: 40px; font:18px/40px 'Noto Sans Medium'; text-align: center; }
.timeInner > ul {width:100%; height:49px; border-top:1px solid #ddd; border-bottom: 2px solid #999}
.timeInner > ul li {float:left; text-align:center; color:#000; font-size:16px; font-weight: 700; line-height:50px;}
.timeInner > ul li:nth-child(1) {width: 60px}
.timeInner > ul li:nth-child(2) {width: 370px; text-align:left; padding-left: 10px}
.timeInner > ul li:nth-child(3) {width: 370px; text-align:left; padding-left: 10px}}
.timeInner > ul li:last-child {width: 24px}


/*color*/
table.calendar tr th.sun, table.calendar tr td.sun a, table.calendar tr td.reserved.sun a {color:#fb7d01;}
table.calendar tr th.sat, table.calendar tr td.sat a, table.calendar tr td.reserved.sat a {color:#1168a9;}

/*closed 마감*/
table.calendar tr td.closed a { background-color:#f4f4f4; color:#aaa;}
table.calendar tr td.closed a span {color:#aaa;}

/*reserved 예약가능*/
table.calendar tr td.reserved a { background-color:#fff; color:#000;}
table.calendar tr td.reserved a:hover { background: #000; color: #fff;}
table.calendar tr td.reserved a span {color:#000;}
table.calendar tr td.reserved a:hover span { color:#fff;}

/*ready 준비중*/
table.calendar tr td.ready a { color: #000;background: #fff;}
table.calendar tr td.ready a span {background: #fff; display: block; color: #999; font-size: 11px;}

/*reserved 오픈*/
table.calendar tr td.open a {background-color:#000; color:#fff;}
table.calendar tr td.open a span {background: #000; display: block; color: #fff; font-size: 11px;}
/*------//좌측 달력-------*/


/*-----우측 예약 ------*/

div.timeHead {position:relative; width:100%;}
table.timeTbl {width:100%;}
.rightCnt ul.time_tabbox {clear:both; overflow:hidden; margin: 20px 0;}
.rightCnt ul.time_tabbox li {float:left; height:45px; border-width:1px 1px 1px 0; border-style:solid; border-color:#c8c8c8;width:25%; background-color: #f1f1f1;}
.rightCnt ul.time_tabbox li:first-child {border-left:1px solid #c8c8c8}
.rightCnt ul.time_tabbox li a {display:block; width:100%; height:100%; text-align:center; line-height:45px; font-size:16px; text-decoration:none}
.rightCnt ul.time_tabbox li:hover {background:#000; border-color:#000}
.rightCnt ul.time_tabbox li:hover a {color:#fff}
.rightCnt ul.time_tabbox li.on {background:#000; border-color:#000;}
.rightCnt ul.time_tabbox li.on a {color:#fff}

.rightCnt_02 {float:left; width:783px;}
.time_notice {width: 100%;padding: 20px; border: 1px solid #fb7d01;}
.time_notice p{color: #fb7d01; font-weight: bold; margin-bottom: 10px}
.time_notice span {font-size: 13px; line-height: 20px;}

.time-tbl .tabBtn li:nth-child(5) {width: 40%;}
.time-tbl .tabBtn li { margin-right: 0px; float: left; width: 15%; height: 35px; background-color: #e5e5e5;  text-align: center; line-height: 35px; font-size: 15px;}

.timeInner .scrollBox {height:700px; overflow-y:scroll; overflow-x:hidden;}
table.timeTbl {width:800px; table-layout: fixed;}
table.timeTbl tr {border-bottom:1px solid #ddd;}
table.timeTbl tbody {overflow-y:auto;}
/*table.timeTbl tbody tr:hover {background:#f8f8f8}*/
table.timeTbl tr td {height: 60px; font-size:16px; line-height: 1.4; text-align:center; color:#7b7b7b; letter-spacing: -0.5px; padding: 5px 0 8px; vertical-align: top}
table.timeTbl tr td p{height: 20px; font-size: 14px; color: #BE292F; line-height: 1.5}
table.timeTbl tr th {font-size:15px; color:#333; padding: 2px 0;}

ul.htime{width:380px; position: relative;}
ul.htime li{float: left; display: table-cell; width: 80px; height: 50px; margin: 4px}
ul.htime li a{display: block; width: 100%; height: 45px; font-size: 15px; line-height: 1.4; border: 1px solid #999; border-radius: 5px; letter-spacing: -0.5px; color: #666; text-align: center; padding-top: 5px}
ul.htime li:hover a{background: #EF7D00; color: #fff; border: 1px solid #EF7D00}
ul.htime li a.close{background: #E8E8E8; color: #999; border: 1px solid #E8E8E8}
ul.htime li a.select{background: #EF7D00; color: #fff; border: 1px solid #EF7D00}
/*-------// 우측  예약 --------*/


/*-- 예약조회/대기예약 변경 테이블---*/
table.table_reserv {width: 100%; margin:10px auto; text-align: center; border-top: 2px solid #000;font-size: 16px;font-family:'Noto Sans Regular';}
table.table_reserv tr th {line-height: 45px;background-color: #f1f1f1; border: 1px solid #c8c8c8; font-family:'Noto Sans Regular';font-weight:normal;text-align: left;
padding-left: 50px;}
table.table_reserv tr td {line-height:45px;background-color: #FDFDFD; border: 1px solid #c8c8c8; text-align: left; padding-left:50px;}
table.table_reserv tr td span.bt_cancel {background-color: #c3a185; color: #fff; padding: 5px 7px; border-radius: 3px;display: inline-block; height: 15px;line-height: 15px;font-size: 14px;}
table.table_reserv tr td span.bt_ok {background-color: #213046; color: #fff; padding: 5px 7px; border-radius: 3px;display: inline-block;  height: 15px;line-height: 15px;font-size: 14px;}
table.table_reserv tr td > a.col02 {border: 1px solid #213046;; color: #213046;  padding: 5px 7px; border-radius: 3px;display: inline-block;  height: 15px;line-height: 15px;font-size: 14px;font-family:'Noto Sans Medium';}
table.table_reserv tr td .select_box02 { padding-left: 15px;  width: 100px; height: 30px; border: 1px solid #d0d0d0; color: #666; box-sizing: border-box;  background: url(../img/arrowDwon.jpg) no-repeat right 12px center;  background-color: #fff; appearance: none;  -moz-appearance: none; -webkit-appearance: none;}
table.table_reserv tr td > a.col {}   
table.table_reserv tr td del {color: #fb7d01; margin-right: 10px}
table.table_reserv tr td strong {margin-left: 10px}
table.table_reserv tr td input {line-height: 25px; text-align: center}

table.table_reserv02 {width: 100%; margin:10px auto; text-align: center; border-top: 2px solid #000;font-size: 15px;font-family:'Noto Sans Regular';}
table.table_reserv02 tr th {line-height: 55px; border: 1px solid #c8c8c8; font-family:'Noto Sans Regular';font-weight:500;text-align:center;background-color: #999; color: #fff}
table.table_reserv02 tr td {line-height:55px;background-color: #FDFDFD; border: 1px solid #c8c8c8; text-align:center; }
table.table_reserv02 tr td span.bt_cancel {background-color: #bbb; color: #fff; padding: 2% 10%; border-radius: 3px;display: inline-block;line-height: 17px;font-size: 14px;}
table.table_reserv02 tr td span.bt_ok {background-color: #555; color: #fff; padding: 2% 10%; border-radius: 3px;display: inline-block;  line-height: 17px;font-size: 14px;}
table.table_reserv tr td a.col02 {border: 1px solid #213046;; color: #213046;  padding: 5px 7px; border-radius: 3px;display: inline-block;  height: 15px;line-height: 15px;font-size: 14px;font-family:'Noto Sans Medium';}


/*---- 대기 예약----*/
table.table_reserv03 {width: 100%; margin:10px auto; text-align: center; border-top: 2px solid #4d652e;font-size: 15px;font-family:'Noto Sans Regular';}
table.table_reserv03 tr th {line-height: 35px;background-color: #f1f1f1; border: 1px solid #c8c8c8; font-family:'Noto Sans Regular';font-weight:normal}
table.table_reserv03 tr td {line-height: 50px;background-color: #FDFDFD; border: 1px solid #c8c8c8; text-align: left; text-indent: 40px;}
table.table_reserv03 tr td > textarea {width: 81%; margin-top: 20px;height: 245px;}
table.table_reserv03 tr td span.bt_cancel {background-color: #c3a185; color: #fff; padding: 5px 7px; border-radius: 3px;display: inline-block; height: 15px;line-height: 15px;font-size: 14px;}
table.table_reserv03 tr td span.bt_ok {background-color: #213046; color: #fff; padding: 5px 7px; border-radius: 3px;display: inline-block;  height: 15px;line-height: 15px;font-size: 14px;}
table.table_reserv03 tr td > a.col02 {border: 1px solid #213046;; color: #213046;  padding: 5px 7px; border-radius: 3px;display: inline-block;  height: 15px;line-height: 15px;font-size: 14px;font-family:'Noto Sans Medium';}
table.table_reserv03 tr td > .select {padding-left: 15px; width: 200px; height: 30px; border: 1px solid #d0d0d0; color: #666; box-sizing: border-box; background: url(../img/arrowDwon.jpg) no-repeat right 12px center; background-color: #fff; appearance: none; -moz-appearance: none; -webkit-appearance: none;}
table.table_reserv03 tr td > .select_box01 { padding-left: 15px;  width: 200px; height: 30px; border: 1px solid #d0d0d0; color: #666; box-sizing: border-box;  background: url(../img/arrowDwon.jpg) no-repeat right 12px center;  background-color: #fff; appearance: none;  -moz-appearance: none; -webkit-appearance: none;}

/*-- 연단체예약 --*/
div.faBox, div.faBox02 {display: inline-block; width: 100%; border: 1px solid #c1c1c1;margin-top: 20px}
div.faBox > div.faBox_img {float: left; margin:30px 0 30px 30px; text-align: center;width: 230px; height: 180px; background-color: #f6f5ef; border-radius: 20px;}
div.faBox > div.faBox_img:nth-child(1) {margin-left: 90px}
div.faBox > div.faBox_img > i.fas{display: inline-block; font-size: 40px; color:#808214;padding: 25px 0 15px;}
div.faBox > div > p {color:#808214}
div.faBox02 > div.faBox_img {float: left; margin: 30px 0 30px 20px; text-align: center;width: 130px; height: 130px; background-color: #213046; border-radius: 80px;}
div.faBox02 > div.faBox_img:nth-child(1) {margin-left: 240px}
div.faBox02 > div.faBox_img > i.fas{display: inline-block; font-size: 40px; color:#c3a185;padding: 25px 0 15px;}
div.faBox > div > p {color:#808212; margin-bottom: 10px;font-weight: bold}
div.faBox > div > span {color: #555;font-size: 14px;line-height: 20px;}
.box_tel {background-color: #f6f5ef;line-height: 50px; text-align: center; font-weight: bold;}
.box_tel02 {background-color: #f6f5ef;line-height: 50px; text-align: center;} 
.box_tel02 span {  margin-right: 20px}

.reserv .DWbox {margin-bottom: 50px}
.reserv .DWbox > p{}
.reserv .DWbox ul{}
.reserv .DWbox ul li{text-align: center;position: relative}
.reserv .DWbox ul li::after {position: absolute; top: 28px; left: 0px; content: ''; display: block; width: 100%; height: 1px;
    background-color: #d8d8d8; z-index: -1;}
.reserv .DWbox ul li p{}
.reserv .DWbox ul li span{}
.reserv .DWbox ul li a{display: inline-block;line-height: 35px; background-color: #000; color: #fff; padding: 10px 20px;border: 1px solid #aaa;}
.reserv .DWbox ul li a > i{ margin-left:10px}
.reserv .DWbox ul li a:hover { border: 1px solid #fb7d01;color:#fb7d01;background-color: #333; }

/*--공지사항 테이블--*/
table.noticeTbl {  width:100%;  text-align:center; border-top:2px solid #000}
table.noticeTbl tr { border-bottom:1px solid #ccc;}
table.noticeTbl thead tr th{border-bottom: 1px solid #000}
table.noticeTbl tr th { position:relative;  height:0px; background-color:#f4f4f4;font-weight:500;color:#000;border: none;padding: 20px}
table.noticeTbl tr th:first-child::after { display:none;}
table.noticeTbl tr th::after { position:absolute; top:50%;left:0; margin-top:-9px; content:''; display:block; width:1px; height:16px; background-color:#aaa; font-size: 14px;}
table.noticeTbl tr td {height:40px; font-size:15px; color:#555; padding: 10px; line-height: 25px}
table.noticeTbl tr .boardTit { padding:0 50px; text-align:left; font-size:13px;}
table.noticeTbl tr td span.noticePoint {padding: 2px 15px; background-color:#000; color: #fff; font-size: 14px;}
table.noticeTbl td.listtitle {text-align: left; padding-left: 50px}
table.noticeTbl td.listtitle a {color:#191919; font-size: 15px;font-family:'Noto Sans Medium';}
table.noticeTbl td.notice {text-align:left; padding-left: 50px}
table.noticeTbl td.notice a{color:#534c46; font-size: 15px;font-family:'Noto Sans Regular';display: block;}
table.noticeTbl td.notice a:hover {color: #000;font-family: 'Noto Sans Medium'; }
table.noticeTbl tr td.boardTit a {color:#333; font-size: 15px; font-family:'Noto Sans Regular'; }
table.noticeTbl tr td.boardTit a:hover {text-decoration:underline}
table.noticeTbl tr td span.joinbBtn { background-color: #fb7d01; color: #fff; padding: 2px 10px; font-size: 14px;} 
table.noticeTbl tr td span.joinbBtn_close { background-color: #ddd; color: #213046; padding: 2px 10px; font-size: 14px;} 
table.noticeTbl tr td span.invite { color: #fff; background-color: #5e7d63;padding: 2px 10px; font-size: 14px}
table.noticeTbl tr td span.join { color: #fff; background-color:#3c5982;padding: 2px 10px; font-size: 14px}
table.noticeTbl tr td span.send { color: #fff; background-color: #806334;padding: 2px 10px; font-size: 14px}
table.noticeTbl tr td span.request{color: #2c5486}

/*---댓글 작성---*/
div.replyArea {margin-top:50px; width:100%;}
h2.replyTit {margin-bottom:15px; font-size:17px;color:#213046; font-family:'Noto Sans DemiLight'; }
ul.listComment li { position:relative; margin-bottom:10px; padding:20px 30px; background-color:#f9f9f9;}
ul.listComment li p.data { margin-right:20px; display:inline-block; font-size:16px; color:#111;}
ul.listComment li p.data span { margin-left:20px; font-size:13px; color:#999;}
ul.listComment li p.data span.checkStyle { margin-left:10px; margin-right:5px;}
ul.listComment li p.data span.checkStyle input { display:none;}
ul.listComment li p.data span.checkStyle input[type="checkbox"] + label {padding-left:25px;display:inline-block;height:20px;  background:url('../img/checkbox.png') no-repeat;background-size:20px 40px;font-size:14px;    color:#999;	line-height:20px;}
ul.listComment li p.data span.checkStyle input[type="checkbox"]:checked + label {background-position: 0 -20px;
}
ul.listComment li p.text { margin-top:15px; font-size:15px; line-height:26px; color:#666;}
ul.listComment li div.editBtn { position:absolute; top:15px; right:30px;}
ul.listComment li div.editBtn a { display:inline-block; margin-left:2px; width:65px; height:28px; border:1px solid #ddd; border-radius:2px; background-color:#fff; font-size:14px; line-height:28px; text-align:center;}
ul.checkBox li { display: inline-block; text-align: center;}
div.comment { width:100%; border:2px solid #bbb; overflow:hidden;}
div.comment textarea { padding:10px 15px; width:1200px; max-width:1200px; height:80px; box-sizing:border-box;	border: 1px solid #ddd}
div.commentInner { position:relative; height:35px; line-height:30px;} 
div.commentInner ul.commentAgree { margin-top:-2px; text-align:left;}
div.commentInner ul.commentAgree li { padding:0 25px 0 5px;  border-right:1px solid #eee;}
 ul.commentAgree li input[type="checkbox"] + label {padding-left:25px;display:inline-block;
	height:20px;background-size:20px 40px;font-size:14px;   color:#999;	line-height:20px;}
div.commentInner ul.commentAgree li input[type="checkbox"]:checked + label {background-position: 0 -20px;}
div.commentInner ul.commentAgree li p { display:inline-block;margin-right:10px; font-size:14px; color:#666;}
div.commentInner ul.commentAgree li p.flipBtn { padding-left:10px; font-size:14px; color:#c3a185; cursor:pointer;}
div.commentInner a.miniBtn { position:absolute; top:0; right:0; display:block; width:80px; height:35px;  background-color:#333; font-size:15px; line-height:35px; text-align:center; color:#fff;}
div.replyArea div.panel { margin-top:30px; display:none;}
div.replyArea div.panel h3.subTit02 { font-size:18px;}
div.replyArea div.panel p.joinTxt { margin-top:15px; font-size:14px; line-height:24px; color:#454545;}
ul.checkBox li input[type="checkbox"] + label { padding-left: 32px; display: inline-block; height: 25px; background: url(../img/checkbox.png) no-repeat;  background-position: 0 0;
    font-size: 17px; line-height: 25px; color: #444; margin-top: 10px;}

table.writeTbl { margin-bottom:30px; border-top:2px solid #4d652e;}
table.writeTbl tr th { font-size:15px; font-family: 'Noto Sans DemiLight'; background:#f9f9f9;}
table.writeTbl tr td { position:relative; padding:10px 20px;}
table.writeTbl tr td .select_box {padding-left: 20px; width:100px; height: 30px; border: 1px solid #d0d0d0;
    color: #666; box-sizing: border-box; background: url(../img/arrowDwon.jpg) no-repeat right 12px center;
    background-color: #fff; appearance: none;  -moz-appearance: none; -webkit-appearance: none;}
table.writeTbl tr td a { display:inline-block; width:120px; height:50px; background-color:#153041; font-size:16px; line-height:50px; color:#fff; text-align:center;}
table.writeTbl tr td span {font-size:15px; color:#777;}
table.writeTbl tr td input.iptStyle { height:30px; width: 100%; text-align: left; padding-left: 20px; border:1px solid #d0d0d0;}
table.writeTbl tr td select.selStyle { width:20%; height:30px; font-size:14px;}
table.writeTbl tr td p { display:inline-block; padding-left:10px; font-size:14px; text-align:left;}
/* table.writeTbl tr td ul.checkBox { position:absolute; top:0; right:-360px }
table.writeTbl tr td ul.checkBox li input[type="checkbox"] + label {padding-left:25px;display:inline-block;	height:20px;background-size:20px 40px;font-size:14px;  color:#999;	line-height:20px;}
table.writeTbl tr td ul.checkBox li input[type="checkbox"]:checked + label {background-position: 0 -20px;}
table.writeTbl tr td textarea {width:100%; min-width:100%; height:300px; border:1px solid #e0e0e0; box-sizing:border-box; padding:15px; font-size: 16px; font-family: 'Noto Sans Regular'; resize:none;} */
div.commentInner ul.commentAgree li input[type="checkbox"] + label { padding-left: 25px; display: inline-block; height: 20px; background-size: 20px 40px; font-size: 14px; color: #999;
    line-height: 20px;}

input.calendar {line-height: 25px; padding-left: 20px; color: #777; border: 1px solid #d0d0d0;}
.reserv > h3 { font-size:20px }

.joinInner{
    border-top: 2px solid #5D614E;
    background: #f9f9f9;
    padding: 40px 70px;
}

/* 조인게시판 240514 */
.red{color: #d23c08 !important;}
.padding50{padding: 50px 0;}
.mt100{margin-top: 100px;}
.wp135{width: 135px;}
.wp210{width: 210px;}
.wp215{width: 215px;}
.center{text-align: center;}
.blue{color: #1978C1; font-weight: 500;}
.orange{color: #EF7D00; font-weight: 500;}
.font16{font-size: 16px !important;}

/* 조인완료시 */
.joinEnd{background: #f9f9f9;}
.joinEnd td{color: #999 !important;}
.joinEnd img{filter: grayscale(1); opacity: 0.5;}

.join-list-btn{width: 100%; display: flex; font-size: 0; margin: 115px 0 80px;}
.join-list-btn a{border: 1px solid #ddd; color: #707070; text-align: center; width: 50%; font-family: 'Noto Sans KR'; font-weight: 400; padding: 15px; font-size: 18px;}
.join-list-btn a.on{background: #5D614E; color: #fff;}

table.joinTbl {width: 100%;table-layout: fixed;}
table.joinTbl tr th {height: 60px;font-family: 'Noto Sans Light';color: #444;border-bottom: 1px solid #ddd; text-align: left;}
table.joinTbl tr td {height: 45px;border-bottom: 1px solid #ddd;padding-right: 1px}
.join-img img{margin: 0 10px;}

/* 컨텐츠 위치 */
.cnt{width: 75%; margin: 0 auto;}

/* 화살표 */
div.cnt .month{position: relative; height: 60px; font-size: 28px; line-height: 60px; letter-spacing: -1px}
div.cnt .month a.prev, div.cnt .month a.prev_off:hover{position: absolute; left: -10px; top:0; display: block; width: 60px; height: 60px; background: url(../img/btn_CL.png) center center no-repeat; text-indent: -10000px}
div.cnt .month a.prev_off{position: absolute; left: -10px; top:0; display: block; width: 60px; height: 60px; background: url(../img/btn_CLoff.png) center center no-repeat; text-indent: -10000px}
div.cnt .month{position: relative; height: 60px; font-size: 30px; text-align: center; line-height: 60px; font-family: 'Noto Sans KR'; }
div.cnt .month a.next, div.cnt .month a.next_off:hover{position: absolute; right: -10px; top:0; display: block; width: 60px; height: 60px; background: url(../img/btn_CR.png) center center no-repeat; text-indent: -10000px}
div.cnt .month a.next_off{position: absolute; right: -10px; top:0; display: block; width: 60px; height: 60px; background: url(../img/btn_CRoff.png) center center no-repeat; text-indent: -10000px}

/*색 - 토,일*/
table.joinTbl tr th:last-child, table.joinTbl tr td:last-child a {color: #1178d3 !important}

table.joinTbl tr th:first-child, table.joinTbl tr td:first-child a {color: #d23c08 !important}

table.joinTbl tr td a {display: block;width: 100%;height: 100%;font-size: 18px;color: #888;text-align: center;line-height: 44px;box-sizing: border-box;}
table.joinTbl tr td a span {display: block;font-size: 16px;height: 25px;line-height: 10px;color: #acacac}
table.joinTbl tr td a.closed {background: #fff;color: #ddd !important}
table.joinTbl tr td a.reserve {background: #fff;color: #999}
table.joinTbl tr td a.reserve span {color: #b19724}
table.joinTbl tr td a.holiday {background: #6d6d6d;color: #fff;}
table.joinTbl tr td a.closed span {color: #bbb;}
table.joinTbl tr td a.reserved {display: block;background: #ccc4b4;color: #fff;}
table.joinTbl tr td a.reserve:hover, table.joinTbl tr td a.reserve:hover span, table.joinTbl tr td a.pick, table.joinTbl tr td a.pick span, table.joinTbl tr td a.reserved:hover span {background: #5D614E;color: #fff !important}

/* 예약 정보 확인 테이블 */
table.tbl01c2 {width:100%; border-top:2px solid #5D614E; table-layout: fixed; font-family: 'Noto Sans KR';}
table.tbl01c2 caption {margin-bottom:5px; text-align:right; font-size:16px; color:#999;}
table.tbl01c2 tr th {padding:30px 0; border:1px solid #e9e9e9; background-color:#f9f9f9; font-size:20px; line-height: 32px; font-weight:500; color:#333;}
table.tbl01c2 tr td {padding:20px 50px;border:1px solid #e9e9e9;font-size:16px;color:#000;line-height:28px;text-align: center;text-align: left;}
.tbl01c2 .partner span{margin-right: 15px;}
.join-guide{font-weight: 600; text-decoration: underline; color: #000;}
.join-guide:hover{text-decoration: underline;}

.subChk{text-align: center !important; border-bottom: 1px solid #ddd; padding: 20px 0 40px;}

/* 조인게시판 팝업 */
.join-popup{position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 528px; background: #fff; padding: 35px 32px; z-index: 10000; font-family: 'Noto Sans KR';}
.overlay{width: 100%; height: 100%; background: rgba(0,0,0,0.45); position: fixed; top: 0; left: 0; z-index: 9999;}
.join-popup .mediumBtn{margin-top: 20px; display: flex; justify-content: center;}
.btn-block{margin-top: 25px !important;}
.btn-block a{display: block !important; width: 100% !important; margin: 8px 0 !important;}
.btn-block a.col{font-weight: 500;}
.join-popup-small{position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 360px; background: #fff; padding: 33px 40px; z-index: 10000; font-family: 'Noto Sans KR';}
.btn-small{margin-top: 25px !important;}
.btn-small a{width: 100px !important; height: 40px !important; line-height: 40px !important;}

.overlay{width: 100%; height: 100%; background: rgba(0,0,0,0.45); position: fixed; top: 0; left: 0; z-index: 9999;}

.join-tit{font-size: 24px; font-family: 'Noto Sans KR'; font-weight: 500; border-bottom: 1px solid #ddd; padding: 14px 0;}
.join-tit-small{font-size: 17px; font-family: 'Noto Sans KR'; font-weight: 400; border-bottom: 1px solid #ddd; padding: 12px 0;}

.join-table{width: 100%; text-align: left; font-size: 15px; font-family: 'Noto Sans KR'; margin-top: 12px; border-bottom: 1px solid #E8E8E8;}
.join-table th{font-weight: 500;}
.join-table td{padding: 12px 0;}
.joinStyle{width: 110px; height: 40px; background: url('../img/arrowDwonJoin.svg') no-repeat 95% center; border-radius: 0; border: 1px solid #ddd; font-size: 15px; text-indent: 11px;}

.join-sel{border: 1px solid #ddd; font-size: 15px; color: #000; outline:none; height: 36px; text-indent: 11px;}
.join-sel2{border: 1px solid #ddd; font-size: 15px; color: #000; outline:none; height: 36px; text-align: center;}
.sel-line{width: 100%;}
.sel-line li{border-bottom: 1px solid #ddd; padding: 15px 0; display: flex; gap:6px;}
.join-table .img-size{margin-left: 30px;}
.join-table .img-size img{width: 40px; height: 40px; vertical-align: middle; margin: 0 2px;}

.guide-box{margin-top: 25px; font-size: 14px; font-weight: 300;}
.guide-box h3{font-weight: 500; margin-bottom: 5px;}
.guide-box ul li{line-height: 24px}

.table-sub{border-top: none !important; margin-top: 12px;}
.table-sub th{font-size: 13px !important;}
.table-sub td{font-size: 13px !important; color: #000 !important; letter-spacing: -0.5px;}

/* 결제 테이블 */
.pay-table{width: 100%; border-top: 1px solid #000; font-size: 14px;}
.pay-table tr{border-bottom: 1px solid #ddd;}
.pay-table tr.sum{font-size: 16px;}
.pay-table th{padding: 10px 18px; text-align: left; font-weight: 500;}
.pay-table td{padding: 10px 18px; text-align: right; font-weight: 300;}

.pay-input{border: 1px solid #ddd; width: 100%; text-align: right; height: 32px; padding-right: 13px; outline: none;}
.sub-text{font-size: 13px; margin-top: 13px; font-weight: 400; letter-spacing: -0.35px;}

.join-cancel{background: #EF7D00; color: #fff !important; padding: 13px 15px; border-radius: 4px;}
.join-cancel-re{background: #fff; color: #EF7D00 !important; padding: 13px 15px; border-radius: 4px; border: 1px solid #EF7D00;}

.reserv-pop{
    background: transparent !important;
    color: #EF7D00 !important;
    font-weight: 600;
    text-decoration: underline !important;
}