@charset "utf-8";
@import url("../css/NotoKR.css");

/*---- 실시간예약 ----*/
/*-------좌측 달력-------*/
#wrap_basic .reserv {clear: both; /*overflow: hidden;*/ border-top: 0; display: inline-block;width: 100%;}
#wrap_basic .reserv .box_calender {float: left; width: 1200px;}
#wrap_basic .reserv .box_booking {float: left; width: 700px;}
#wrap_basic .calBox > h2.calHead {font-size:18px; color:#363636;}
#wrap_basic .calBox > .calendar-haader > span.year {font-size:22px; color:#363636;}
#wrap_basic .calBox > .calendar-haader > span.month {font-size:22px; color:#363636;}
#wrap_basic .reserv .reser_box {width: 100%; text-align: center; height: 50px;background-color:#f3f3f3;margin-bottom: 20px}
#wrap_basic .reserv .reser_box > p {display: inline-block; color:#4d642e; vertical-align: middle; margin: 17px 30px;  padding: 0 0 0 60px; border-left: 1px solid #c3a185;}
#wrap_basic .reserv .reser_box > p > .fa, .far, .fas {margin-right: 5px}
#wrap_basic .reserv .reser_box > p:nth-child(1) {border-left: none}
#wrap_basic .reserv .reser_box > p > span {margin-left: 7px;width: 20%; color: #213046; font-size: 19px;}
#wrap_basic .reserv .reser_box > p > i.fas, i.far {font-size:20px}

#wrap_basic .reserv .reser_box03 {width: 100%; text-align:left; height:140px;background-color:#f6f5ef;margin-bottom: 20px}
#wrap_basic .reserv .reser_box03 > p {display: inline-block; color: #333; vertical-align: middle; margin: 30px;  padding: 0 0 0 60px; border-left: 1px solid #c3a185;line-height: 25px;font-size: 14px;}

table.calenda {width:100%;}
.leftCnt {float:left; margin:0 80px 0 0; width:330px; text-align:center;}
.leftCnt > h3 >span {color:#c3a185; font-size: .9em;}
.leftCnt > div {background-color: #f1f1f1}

.calBox {margin: 0 20px;}
.calBox .calendar-haader { padding:20px 0 5px;border-bottom: none;}
.calBox .calendar-haader > a.btn-prev { display: inline-block; width: 15px; height: 15px; margin-right: 15px; background: url(../img/prev-01.png) 50% no-repeat; vertical-align: middle; font-size: 0;    margin-bottom: 5px;}
.calBox .calendar-haader > a.btn-next { display: inline-block; width: 15px; height: 15px; margin-left: 15px; background: url(../img/next-01.png) 50% no-repeat; vertical-align: middle; font-size: 0;    margin-bottom: 5px;}
table.calendar { width: 100%; border-top: 1px solid #aaa;  border-left: 1px solid #aaa; background:#fff;}
table.calendar tr td { text-align: center; font-size: 18px; border-bottom: 1px solid #aaa; border-right: 1px solid #aaa; padding-bottom: 0;}
table.calendar tr th { text-align: center; border-bottom: 2px solid #c3a185 !important; border: 1px solid #aaa; padding: 4px; font-size: 12px; font-weight: normal; font-family: 'Noto Sans Medium';background-color: #ddd;}
table.calendar tr td { height:40px;}
table.calendar tr td a {display:block; color: #888; height:40px; line-height: 25px; font-size: 17px; font-family: 'Noto Sans Regular';  box-sizing:border-box;}
table.calendar tr td span {display:block; font-size:11px;/* border-top:1px solid #dadada;*/ line-height: 12px;}

/*color*/
table.calendar tr th.sun, table.calendar tr td.sun a, table.calendar tr td.reserved.sun a {color:#fc574a;}
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: #4d642e; color: #fff;}
table.calendar tr td.reserved a span {color:#4d642e;}
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:#004c2d; color:#fff;}
table.calendar tr td.open a span {background: #004c2d; display: block; color: #fff; font-size: 11px;}
/*------//좌측 달력-------*/


/*-----우측 예약 ------*/
div.rightCnt {float:left; width:790px; border-bottom: 1px solid #ddd;}
div.rightCnt > p {margin-top: 30px; font-size: 14px; line-height:22px}
div.timeHead {position:relative; width:100%;}
table.timeTbl {  width:100%;}
 ul.time_tabbox {clear:both; overflow:hidden; margin: 20px 0;}
 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;}
 ul.time_tabbox li:first-child {border-left:1px solid #c8c8c8}
 ul.time_tabbox li a {display:block; width:100%; height:100%; text-align:center; line-height:45px; font-size:16px; text-decoration:none}
 ul.time_tabbox li:hover {background:#004c2d; border-color:#c3a185}
 ul.time_tabbox li:hover a {color:#fff}
 ul.time_tabbox li.on {background:#004c2d; border-color:#4d642e;}
 ul.time_tabbox li.on a {color:#fff}

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

.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;}

div.scrollBox { height:553px; overflow-y:scroll;}
table.timeTbl tbody tr:hover { background-color:#eee}
table.timeTbl tr th {border:1px solid #c8c8c8; border-bottom:2px solid #c3a185; height:35px; background:#4d642e; font-size:15px;  font-family: 'Noto Sans DemiLight'; color:#fff; padding: 2px 0;}
table.timeTbl tr td {border:1px solid #c8c8c8; height:40px; font-size:14px; text-align:center; color:#333;}
table.timeTbl tr td.fees { text-decoration:line-through;}
table.timeTbl tr td.sale { color:#e67337;}
table.timeTbl tr td a {font-family: 'Noto Sans Medium'; color: #c3a185; display: block; font-size: 13px; line-height: 20px; width: 60%;  margin: 0 auto;     border-radius: 2px; border: 1px solid #c3a185; padding: 2px;  border-radius: 2px;}
table.timeTbl tr td a:hover {color: #fff; background-color:#659900; }
table.timeTbl tr td > a.Btn_ing { background: #004c2d; }
/*-------// 우측  예약 --------*/


/*-- 예약조회/대기예약 변경 테이블---*/
table.table_reserv {width: 100%; margin:10px auto; text-align: center; border-top: 2px solid #4d642e;font-size: 16px;font-family:'Noto Sans Regular';}
table.table_reserv tr th {line-height: 55px;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:55px;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: red; 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 #4d642e;font-size: 15px;font-family:'Noto Sans Regular';}
table.table_reserv02 tr th {line-height: 55px;background-color: #f1f1f1; border: 1px solid #c8c8c8; font-family:'Noto Sans Regular';font-weight:normal;text-align:center;}
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:#fc574a; color: #fff; padding: 5px 7px; border-radius: 3px;display: inline-block;line-height: 17px;font-size: 14px;}
table.table_reserv02 tr td span.bt_ok {background-color: #4d642e; color: #fff; padding: 5px 7px; 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 {}
.reserv .DWbox > p{padding: 10px 100px;background-color: #f4f4f4; line-height: 30px;display: block;}
.reserv .DWbox ul{padding: 10px 100px;line-height: 30px; display: block; border-bottom: 1px solid #ddd;}
.reserv .DWbox ul li{}
.reserv .DWbox ul li p{display: inline-block; width: 250px;}
.reserv .DWbox ul li span{margin-left: 50px; color: #666;}
.reserv .DWbox ul li a{ float: right; padding: 0 20px; border: 1px solid #4d642e; color:#4d642e; font-size: 14px; background-color: #4d642e; color: #fff;}
.reserv .DWbox ul li a > i{ margin-left:10px}
.reserv .DWbox ul li a:hover { border: 1px solid #cd042a;}

/*--공지사항 테이블--*/
table.noticeTbl {  width:100%;  text-align:center; border-top:2px solid #4d652e}
table.noticeTbl tr { border-bottom:1px solid #ccc;}
table.noticeTbl tr th { position:relative;  height:0px; background-color:#f4f4f4;font-weight:500;color:#454545;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:-8px; content:''; display:block; width:1px; height:14px; background-color:#e0e0e0; font-size: 14px;}
table.noticeTbl tr td {height:40px; font-size:15px; color:#555; padding: 5px 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:#4d652e; 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: #498200;}
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: #cd042a; 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.invite {color: #961a1e}
table.noticeTbl tr td.request{color: #2c5486}

div.paging ul { margin: 30px auto; text-align: center; padding-top: 0px;}
div.paging ul li { display: inline-block; }
div.paging ul li a { display: inline-block; width: 35px;  height: 35px; font-size: 13px; text-align: center; line-height: 35px;  box-sizing: border-box; vertical-align: middle;}
div.paging ul li.active a {font-family: 'Noto Sans Medium'; color: #fff; background-color:rgba(185, 185, 185, 0.5);}
div.paging ul li a:hover {color: #fff; background-color:rgba(185, 185, 185, 0.5);}

/*--- 게시판 View--*/
p.viewTit { padding: 0 30px; height: 50px; border-bottom: 1px solid #ccc; font-size: 18px; font-weight: 600; line-height: 50px; color: #222;}
div.viewBox { border-top:2px solid #4d652e;font-family:'Noto Sans Regular';}
div.viewBox p.viewTit { font-size:15px; font-weight: 300; background-color:#f4f4f4 }
div.viewBox p.viewTit span.joinbBtn { background-color: #cd042a; color: #fff; padding: 2px 10px; font-size: 14px; margin-right: 5px}
div.viewBox p.viewTit span.joinbBtn_close { background-color: #ddd; color: #213046; padding: 2px 10px; font-size: 14px;margin-right: 5px}
ul.viewDate { border-bottom:1px solid #ccc; height:30px; font-size: 14px;}
ul.viewDate li {position:relative; display:inline-block; padding:7px 30px;color:#777;}
ul.viewDate li:first-child::after { display:none;}
ul.viewDate li::after { position:absolute; top:50%; left:-2px; content:''; display:block; margin-top:-6px; width:1px; height:12px; background:#ddd;}
ul.viewDate li span {color:#222; font-size: 15px;}
div.viewCnt { padding:40px; border-bottom:1px solid #ccc;line-height: 30px;min-height: 250px;}
div.viewCnt p > img {display: block; margin: 0 auto}

/*---댓글 작성---*/
div.replyArea {margin-top:50px; width:100%;}
/*h2.replyTit {margin-bottom:15px; font-size:17px;color:#213046; font-family:'Noto Sans DemiLight'; }*/
h2.replyTit {margin-top:30px; padding:10px 25px; font-size:17px; color:#fff; font-family:'Noto Sans DemiLight'; background-color:#4d642e; }
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.comment textarea { padding:10px 15px; width:100%; height:80px; box-sizing:border-box;	border: 1px solid #ddd; }
div.comment textarea:focus { outline:none; }
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:#4d642e; 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 a:not([id*='cke_'][class*='cke_']) { 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: 97.5%; 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;}
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;}
/*---//댓글 작성---*/

div.viewControl dl { display:table;width:100%;  border-bottom:1px solid #ccc; line-height:40px;}
div.viewControl dl dt { display:table-cell; width:6%; font-size:16px; font-weight:600; color:#667985;}
div.viewControl dl.prev_b dt { background:url('../img/boardArrow_up.png') no-repeat center right; text-align: center;}
div.viewControl dl.next_b dt { background:url('../img/boardArrow_down.png') no-repeat center right; text-align: center;}
div.viewControl dl dd {display:table-cell; width:80%; color:#999;}
div.viewControl dl dd a { margin:0 50px; color:#666;}
div.viewControl dl dd a:hover { text-decoration:underline;}
div.viewControl dl dd.date { width:80%; ttext-align: center;}

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

/*예약전 레이어 팝업*/
#popup{position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); font-size:16px; line-height:1.5; text-align:center; z-index:999; color:#535353;}
#popup .popup_inner{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); background:#fff; width:500px; color:#000; padding:50px 0 80px 0; z-index:9999;}
.pointBtn {position:absolute; left:0; right:0; width:100%; bottom:0; height:50px; line-height:50px; background:#000;}
.pointBtn a {display:block; color:#fff; font-size:24px;}
.popup_inner .title {font-size:28px; text-align:center; font-weight:600; color:#535353; margin-bottom:20px;}
#popup span.point {color:red;}
#popup b {color:#535353;}