@charset "utf-8";
/*** 참고!! 읽고 추가했으면 삭제하세요!
	head.sub.php 에 스타일파일 연결하기
	maincolor > code var(--main-color) / rgb(254,130,110)
***/
/* 탭 */
#rsv_cate {width:100%; display:flex; justify-content:center; border-bottom:1px solid #e5e5e5;}
#rsv_cate a {padding:10px 30px; color:#888; font-size:1em;}
#rsv_cate a.on {color:var(--main-color);}

#reservation {padding-top:30px;}
#reservation select,
#reservation input {border-radius:8px; border:1px solid #e5e5e5; background-color:#fff; color:#000; min-width:60px; height:40px; padding:10px;}
#reservation select {padding-right:20px;}

/*** 체크박스 ***/
.chk_div .chk_box { display:flex; align-items:center; position: relative; width:fit-content; padding-left: 25px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.chk_div .chk_box input[type="checkbox"] { display: none; }
.chk_div .on { width: 16px; height: 16px; background: #fff; border:1px solid #e5e5e5; position: absolute; top:3px; left: 0; }
/* 선택된 체크박스*/
.chk_div .chk_box input[type="checkbox"]:checked + .on { background: var(--main-color); border-color:var(--main-color);}
.chk_div .on:after { content: ""; position: absolute; display: none; }
.chk_div .chk_box input[type="checkbox"]:checked + .on:after { display: block; }
.chk_div .on:after { width: 6px; height: 10px; border: solid #fff; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); position: absolute; left: 4px; top: 0px; }

.basic_btn { background-color: white;display:inline-block; font-size:1.2em; border:1px solid #e5e5e5;border-radius:25px; padding:10px 30px;}
.basic_btn:hover {background-color:var(--main-color); border-color:var(--main-color); color:#fff;}

.btn_color01 {display:inline-block; border-radius:8px; border:1px solid var(--main-color); color:var(--main-color); background-color:#fff; height:40px; line-height:38px; padding:0 8px;
-webkit-transition: all 0.30s ease-in-out;-moz-transition: all 0.30s ease-in-out;-ms-transition: all 0.30s ease-in-out;-o-transition: all 0.30s ease-in-out;}
.btn_color01:hover {background-color:var(--main-color); color:#fff;}


h3.step_tit {font-size:1.8em;}
h3.step_tit span {font-size:0.6em; font-weight:normal; margin-left:10px; color:#aaa;}

.nowrap {white-space:nowrap;}
.kpa {word-break:keep-all;}
.sm_txt {font-size:0.85em; color:#888;}
.sm_mob {display:none;}
.red_info {color:#e90000;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt40 {margin-top:40px;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb40 {margin-bottom:40px;}

.room_box {}
.room_box .img {width:200px; height:140px; border-radius:15px; overflow:hidden;}
.room_box .img img {width:100%; height:100%;}
.room_box .txt {padding:15px 30px; font-size:1.1em; color:#666;}
.room_box .txt .room_name {font-size:1.4em; margin-bottom:10px; color:#222;}

/*** 예약현황 ***/
.calendar h3.this_month {text-align:center;}
.calendar h3.this_month b {font-size:2em; font-weight:bold;}
.calendar h3.this_month a.prev,
.calendar h3.this_month a.next { margin:0 30px; display:inline-block; width:0; height:0; border-bottom:6px solid transparent; border-top:6px solid transparent; border-left:8px solid transparent; border-right:8px solid black;}
.calendar h3.this_month a.next {border-left:8px solid black; border-right:8px solid transparent;}

.calendar .info {display:flex; justify-content:space-between;}
.calendar .icon_type_area {display:flex; align-items:center;}
.calendar .icon_type_area .icon_type {margin-right:10px;}
.calendar .icon_type b { display:inline-block; width:18px; height:18px; background-color:#888; border-radius:50%; color:#fff; text-align:center; margin-right:5px; font-weight:normal;}
.calendar .icon_type b.icon_possi {background-color:var(--main-color);}
.calendar .icon_type b.icon_atmos {background-color:#1cbbb4;}
.calendar .icon_type b.icon_com {background-color:#888;}
.calendar .icon_type b.icon_call {background-color:#4ad361;}
.calendar .btn_today { display:inline-block; border:1px solid #e5e5e5; color:#666; border-radius:15px; text-align:center; padding:5px 10px;}
.calendar .btn_today:hover {background-color:#fafafa;}

.calendar .month {width:100%; border:1px solid #e5e5e5; border-radius:15px; margin-top:5px; overflow:hidden; padding-bottom:1px;}
.calendar .month .week {width:100%; display:flex; background-color:#fafafa; border-bottom:1px solid #e5e5e5; }
.calendar .month .week > div {width:14.28%; text-align:center; border-right:1px solid #e5e5e5; font-size:0.8em; padding:5px;}
.calendar .month .week > div.sun { color:#c70000;}
.calendar .month .week > div.sat { border-right:0; color:#1f3b8c}

.calendar .date {width:100%; display:flex; flex-wrap:wrap; margin-bottom:-1px;}
.calendar .date .box {width:14.28%;border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; padding:5px;}
.calendar .date .box:nth-child(7n) {border-right:0;}

.calendar .date .box:nth-child(7n) .num b {color:#1f3b8c;}
.calendar .date .box:nth-child(1) .num b,
.calendar .date .box:nth-child(7n + 1) .num b,
.calendar .date .holiday .num b {color:#c70000;}
.calendar .date .off .num b,
.calendar .date .soldout .num b {color:#ddd !important;}
.calendar .date .box.today {border: 1px solid var(--main-color) !important;}

.calendar .date .box .num span {font-size:0.8em; margin-left:10px; color:#888;}
.calendar .date .season_type {color:#ddd;}
.calendar .date .room_empty {color:#888; text-align:center; padding:10px 0; }
.calendar .room_info {display:flex; margin-top:2px;}
.calendar .room_info .room_rate {font-size:0.8em; color:#aaa;}
.calendar .room_info a {color:inherit;}
.calendar .rsv_com .room_name { color:#aaa; text-decoration:line-through;}
.calendar .rsv_com .room_name a { cursor:default; }


/*** 실시간예약 ***/
.select_date_step {display:flex; justify-content:space-between;}

.mini_calendar {width:calc(100% - 720px);}
.info_box {width:680px;}

.mini_calendar .info {display:flex; justify-content:flex-start; align-items:center; padding:50px; background-color:#fafafa; border-radius:15px; margin:2em 0;font-size:1em;}
.mini_calendar .info i {color:#ddd; font-size:3em; margin-right:40px;}
.mini_calendar .info p { color:#888; word-break:keep-all;}

.info_box {margin-top:55px;}
.floorplan { position:relative; width:100%; /* height:96.98%; min-width:680px; min-height:625px; */ background-color:#E6EAED; border-radius:30px; overflow:hidden;}
.floorplan .fmark { position:absolute; display:flex; justify-content:center; align-items:center; width:3.6em; height:1.9em; background:#fff; color:#111; border:2px solid var(--main-color); box-sizing:border-box; font-size:0.69em; font-weight:bold; text-align:center; border-radius:20px;}
.floorplan .fmark_check {background-color:var(--main-color); color:#fff;}
.floorplan .fmark_off {border-color:#888; background-color:#ddd; color:#888;}
.floorplan .fmark01 {top:calc(1573/1888 * 100%); left:calc(802/1736 * 100%);}
.floorplan .fmark02 {top:calc(1573/1888 * 100%); left:calc(701/1736 * 100%);}
.floorplan .fmark03 {top:calc(1573/1888 * 100%); left:calc(595/1736 * 100%);}
.floorplan .fmark04 {top:calc(1573/1888 * 100%); left:calc(484/1736 * 100%);}
.floorplan .fmark05 {top:calc(1592/1888 * 100%); left:calc(348/1736 * 100%);}
.floorplan .fmark06 {top:calc(1592/1888 * 100%); left:calc(246/1736 * 100%);}
.floorplan .fmark08 {top:calc(1398/1888 * 100%); left:calc(729/1736 * 100%);}
.floorplan .fmark09 {top:calc(1398/1888 * 100%); left:calc(627/1736 * 100%);}
.floorplan .fmark10 {top:calc(1398/1888 * 100%); left:calc(526/1736 * 100%);}
.floorplan .fmark11 {top:calc(1398/1888 * 100%); left:calc(831/1736 * 100%);}
.floorplan .fmark12 {top:calc(1219/1888 * 100%); left:calc(857/1736 * 100%);}
.floorplan .fmark13 {top:calc(1219/1888 * 100%); left:calc(753/1736 * 100%);}
.floorplan .fmark14 {top:calc(1219/1888 * 100%); left:calc(649/1736 * 100%);}
.floorplan .fmark15 {top:calc(1219/1888 * 100%); left:calc(542/1736 * 100%);}
.floorplan .fmark16 {top:calc(1045/1888 * 100%); left:calc(848/1736 * 100%);}
.floorplan .fmark17 {top:calc(1045/1888 * 100%); left:calc(747/1736 * 100%);}
.floorplan .fmark18 {top:calc(1045/1888 * 100%); left:calc(646/1736 * 100%);}
.floorplan .fmark19 {top:calc(867/1888 * 100%); left:calc(863/1736 * 100%);}
.floorplan .fmark20 {top:calc(867/1888 * 100%); left:calc(762/1736 * 100%);}
.floorplan .fmark21 {top:calc(867/1888 * 100%); left:calc(659/1736 * 100%);}
.floorplan .fmark22 {top:calc(867/1888 * 100%); left:calc(557/1736 * 100%);}
.floorplan .fmark23 {top:calc(806/1888 * 100%); left:calc(580/1736 * 100%);}
.floorplan .fmark24 {top:calc(970/1888 * 100%); left:calc(371/1736 * 100%);}
.floorplan .fmark25 {top:calc(1030/1888 * 100%); left:calc(296/1736 * 100%);}
.floorplan .fmark26 {top:calc(1102/1888 * 100%); left:calc(227/1736 * 100%);}
.floorplan .fmark27 {top:calc(1203/1888 * 100%); left:calc(182/1736 * 100%);}
.floorplan .fmark28 {top:calc(1305/1888 * 100%); left:calc(136/1736 * 100%);}
.floorplan .fmark29 {top:calc(1296/1888 * 100%); left:calc(1139/1736 * 100%);}
.floorplan .fmark30 {top:calc(1296/1888 * 100%); left:calc(1245/1736 * 100%);}
.floorplan .fmark31 {top:calc(1296/1888 * 100%); left:calc(1349/1736 * 100%);}
.floorplan .fmark32 {top:calc(1296/1888 * 100%); left:calc(1454/1736 * 100%);}
.floorplan .fmark33 {top:calc(1296/1888 * 100%); left:calc(1559/1736 * 100%);}
.floorplan .fmark34 {top:calc(618/1888 * 100%); left:calc(888/1736 * 100%);}
.floorplan .fmark35 {top:calc(627/1888 * 100%); left:calc(788/1736 * 100%);}
.floorplan .fmark36 {top:calc(640/1888 * 100%); left:calc(689/1736 * 100%);}
.floorplan .fmark37 {top:calc(644/1888 * 100%); left:calc(587/1736 * 100%);}
.floorplan .fmark38 {top:calc(674/1888 * 100%); left:calc(499/1736 * 100%);}
.floorplan .fmark39 {top:calc(704/1888 * 100%); left:calc(399/1736 * 100%);}

/*.info_box { font-size:1.2em;}
.info_box .info {display:flex; align-items:center; padding:50px; background-color:#fafafa; border-radius:15px; margin:2em 0;}
.info_box .info i {color:#ddd; font-size:3em; margin-right:40px;}
.info_box .info p { color:#888; word-break:keep-all;}

.info_box .schedule {padding:0 30px;}
.info_box .schedule div {margin-bottom:15px;}
.info_box .schedule b {width:120px; display:inline-block;}
.info_box .schedule b i {margin-right:10px;}
.info_box .schedule .period span {color:var(--main-color); font-weight:bold; font-size:1.28em;}*/

.mini_calendar .month {border:0; border-top:2px solid #e5e5e5; border-radius:0; margin-top:15px;}
.mini_calendar .month .week {background-color:#fff;}
.mini_calendar .month .week > div {border-right:0;}

.mini_calendar h3.this_month b {}
.mini_calendar .date .box {border-right:0; border-bottom:0; text-align:center; padding:20px 0;}
.mini_calendar .date .box .num b {font-weight:normal;}
.mini_calendar .date .box span { display:block; /*min-height:15px;*/}
.mini_calendar .checkin,
.mini_calendar .checkout {background-color:var(--main-color); color:#fff; border-radius:25px 0 0 25px;}
.mini_calendar .checkin b,
.mini_calendar .checkout b {color:#fff !important;}
.mini_calendar .checkout {border-radius:0 25px 25px 0;}
.mini_calendar .checked {background-color:rgba(73,126,73,0.5);}

.select_room_step {margin-top:60px;}

.room_list {border-top:1px solid #ddd; margin-top:20px;}
.room_list .room_box {display:flex;}
.room_list .box {display:flex; justify-content:space-between; align-items:center; padding:10px; border-bottom:1px dashed #e5e5e5;background: #ffffffbf;border-radius: 20px;}
.room_list .box .choice_area {text-align:right;}
.room_list .box .choice_area .price .diff_dc{font-size: 0.5em;font-weight: 500;}
.room_list .box a { margin-bottom:10px;}
.room_list .box .price {font-size:2.2em; font-weight:900; letter-spacing:-1px;}
.room_list .box.thisroom {border: 2px solid var(--main-color);border-radius: 10px;}
.roomBoxHighlight {border-radius : 10px;width : 100%;height : 10px;background-color : var(--main-color);}

/*** 예약정보 입력 ***/
.info_form table {width:100%; margin-top:10px; margin-bottom:40px;}
.info_form thead th {border-top:1px solid #000; border-bottom:1px solid #e5e5e5; padding:5px;}
.info_form tbody td {border-bottom:1px solid #e5e5e5; padding:10px 5px; text-align:center; font-size:1.08em; color:#666;}
.info_form tbody td input {width:100%;}
.info_form tfoot td {padding:5px; border-top:1px solid #ccc; border-bottom:1px solid #222; text-align:center; font-weight:bold;}

.info_form .total_info {margin-bottom:10px;}
.info_form .total_info tr td:last-child {text-align:right;}
.info_form .total_info tbody tr:last-child td {border-bottom:0;}

.info_form .room_box {display:flex;}
.info_form .room_box .img {width:120px; height:80px;}
.info_form .room_box .txt {padding:15px; text-align:left;}
.info_form .room_box .txt .room_name { margin-bottom:5px; font-size:1em;}
.info_form .room_box .txt .room_struc {font-size:0.79em; word-break:keep-all;}
.info_form .checkin b,
.info_form .checkout b {font-weight:normal; color:var(--main-color);}
.info_form .people b,
.info_form .people_max b {font-weight:normal;}
.info_form .service_info {font-size:0.79em;}
.info_form .total_price {font-size:1.38em; color:var(--main-color);}
.info_form .sm_txt {font-weight:normal;}

.bt_btn_area {display:flex; justify-content:center; width:100%; max-width:400px; margin:20px auto 0;}
.bt_btn_area a { width:100%; display:flex; justify-content:center; align-items:center; font-size:1.2em; border:1px solid #e5e5e5; color:#444; border-radius:25px; padding:15px; margin:0 5px;}
.bt_btn_area a:hover {background-color:#fafafa; color:#000;}
.bt_btn_area a.submit {background-color:var(--main-color); border-color:var(--main-color); color:#fff;}

.fixed_btn_area {position:fixed; bottom:20px; left:50%; transform:translate(-50%, 0); width:calc(100% - 160px);}

.agree_box {}
.agree_box h4 {border:1px solid #e5e5e5; border-top:0; background-color:#fafafa; padding:15px; }
.agree_box .agree_con {border:1px solid #e5e5e5; border-top:0; padding:20px; color:#666; }
.agree_box .agree_con table {margin-bottom:0;}
.agree_box_first {margin-top:10px; }
.agree_box_first h4 {border-top:1px solid #e5e5e5;}


/*** 예약확인 ***/
.form_box {width:100%; max-width:600px; border:1px solid #e5e5e5; border-top:2px solid #222; margin:0 auto; padding:50px;}
.form_box .input_div,
.form_box .input_div label,
.form_box .input_div input {width:100%; display:block;}
.form_box .input_div label {font-weight:bold; margin-bottom:5px;}
.form_box .input_div input {margin-bottom:10px;}
.form_box .input_div:last-child input {margin-bottom:0;}


/*** 예약상세보기 ***/
.check_detail table {width:100%; border-top:1px solid #222; margin-top:10px; margin-bottom:40px;}
.check_detail table th,
.check_detail table td {padding:10px; border-bottom:1px solid #e5e5e5;}
.check_detail table th {background-color:#fafafa;}
.check_detail table td {}

.check_detail .room_box {display:flex;}
.check_detail .room_box .img {width:120px; height:80px;}
@media (max-width:1280px) {
	/*** 실시간예약 ***/
	.select_date_step {display:block;}
	.mini_calendar,
	.info_box {width:80%; margin:0 auto;}
}
@media (max-width: 1200px){
	/*** 예약현황 ***/
	.calendar {font-size:0.9em;}
	
	/*** 실시간예약 ***/
	.mini_calendar .info {padding:30px;}
	/*.info_box { font-size:1.1em;}
	.info_box .info {padding:30px;}
	.info_box .info i {margin-right:20px;}
	.info_box .schedule b {width:100px;}*/
}

@media (max-width: 729px){
	/* 탭 */
	#rsv_cate a {padding:10px 15px; font-size:0.75em;}
	
	h3.step_tit {font-size:1.38em;}
	
	/*** 예약현황 ***/
	.calendar {font-size:0.8em;}
	.calendar .icon_type_area .icon_type {margin-right:2px;}
	.calendar .btn_today span {display:none;}
	
	.calendar .room_info .room_name br,
	.calendar .room_info .room_rate {display:none;}
	.calendar .room_info .room_name { display:block; width:100%; min-width:20px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
	.calendar .icon_type b {width:14px; height:14px; margin-right:2px;}
	
	.calendar .date .box {padding:2px;}
	.calendar .date .box .num span,
	.calendar .date .season_type { display:block; width:100%; height:16px; overflow:hidden; font-size:0.6em; }
	.calendar .date .box .num span {margin-left:2px;}
	.calendar .num {display:flex;}
	
	
	/*** 실시간예약 ***/
	.select_date_step {display:block;}
	.mini_calendar,
	.info_box {width:100%;}
	/*.info_box { font-size:1em;}
	.info_box .info {margin:1em 0;}
	.info_box .schedule div {margin-bottom:10px;}*/

	.mini_calendar .num {display:block;}	
	.mini_calendar .date .box {padding:15px 0;}
	
	.select_room_step {margin-top:40px;}
	
	.room_box .img {width:100%; max-width:140px; height:auto; border-radius:8px;}
	.room_box .txt { padding:10px; font-size:0.92em;}
	.room_box .txt .room_name {margin-bottom:5px;}
	
	.room_list {margin-top:10px;}
	.room_list .box a.choice {font-size:1.08em; margin-bottom:5px;}
	.room_list .box .price {font-size:1.38em;}
}
@media (max-width: 579px){
	#reservation {width:96%; margin:0 auto; font-size:0.75em;}
	
	/*** 실시간예약 ***/
	.room_list .box,
	.room_list .room_box {display:block;}
	.room_box .img {max-width:none;}
	.room_box .txt {padding:15px 10px 5px 10px;}
	.room_list .box .choice_area {display:flex; align-items:center; justify-content:space-between; flex-direction:row-reverse; padding-left:10px;}
	.room_list .box .price {margin-right:10px;}

	.floorplan .fmark {width: 2.9em; height: 1.6em;}
	
	/*** 예약정보 입력 ***/
	.select_room_info colgroup,
	.select_room_info thead {display:none;}
	.select_room_info tbody tr,
	.select_room_info tbody td {display:block; width:100%; text-align:left;}
	.select_room_info tbody tr {border-top:1px solid #000;}
	.select_room_info .people,
	.select_room_info .people_max {display:inline-block;}
	.select_room_info .people_max:before {content:"/"; padding-right:5px; margin-left:5px;}
	.select_room_info .sm_mob {display:inline-block; margin-right:5px;}
	
	.bt_btn_area a {font-size:1.08em;}
}

@media (max-width: 399px){
	.floorplan .fmark {width: 2.6em; height: 1.6em;border: 0.7px solid var(--main-color);}
}


/****************************** 관리자 css ******************************/
/*** 레이아웃 ***/
#adm_mode { width:100%; min-height:100%; background-color:#fafafa; font-size:0.87em;}
#adm_mode select,
#adm_mode input[type="text"],
#adm_mode input[type="date"],
#adm_mode input[type="number"],
#adm_mode input[type="tel"],
#adm_mode input[type="email"],
#adm_mode button,
#adm_mode textarea {border-radius:8px; border:1px solid #e5e5e5; background-color:#fff; min-width:60px; height:40px; padding:0 10px;color: #000}
#adm_mode button { min-width:40px; padding:0; }
#adm_mode input[type="radio"] {border:1px solid #e5e5e5; width:16px; height:16px; vertical-align:middle; margin-right:5px;}
#adm_mode select {padding-right:20px;    color: #000;}
#adm_mode textarea { width:100%; min-height:120px; resize:none;}
#adm_mode .sm_input {max-width:80px;}
.switch_div input[type="number"]::-webkit-inner-spin-button,
.switch_div input[type="number"]::-webkit-outer-spin-button {-webkit-appearance: none;margin: 0;}
.switch_div input[type="number"] {-moz-appearance: textfield;}

.switch_div {display:flex; align-items:center;}
.switch { position: absolute; /* hidden */ appearance: none; -webkit-appearance: none; -moz-appearance: none;}
.switch_label { position: relative; cursor: pointer; display: inline-block; width: 58px; height: 28px; background: #fff; border: 2px solid #ddd; border-radius: 20px; transition: 0.2s; margin-right: 5px;}
.switch_label:hover { background:rgba(254,130,110,0.2);}
.onf_btn { position: absolute; top: 2px; left: 3px; display: inline-block; width: 20px; height: 20px; border-radius: 20px; background: #ddd; transition: 0.2s;}
.switch:checked+.switch_label { background: var(--main-color); border: 2px solid var(--main-color);} /* checking style */
.switch:checked+.switch_label:hover { background: #fafafa;}
.switch:checked+.switch_label .onf_btn { left: 34px; background: #fff;} /* move */
.switch_div .sm_input {margin-left:5px; margin-right:5px;}

#adm_mode .adm_head {background-color:var(--main-color); color:#fff; display:flex; justify-content:space-between; align-items:center; padding:15px;}
#adm_mode .adm_head .logo {font-size:1.54em; font-weight:bold;}
#adm_mode .adm_head a {color:inherit;}
#adm_mode .adm_head .menu li {display:inline-block; font-size:1.14em; font-weight:500; margin-left:20px;}

.adm_container { width:90%; max-width:1200px; min-height:500px; margin:40px auto 30px;}

.adm_copy {width:100%; text-align:center; font-size:0.92em; padding:20px 0;}
.adm_copy a {color:#888;}
#adm_top_btn { position:fixed; right:10px; bottom:-70px; opacity: 0; z-index:9; display:flex; justify-content:center; align-items:center; width:50px; height:50px; border:1px solid var(--main-color);  color:var(--main-color); font-size:1.54em; border-radius:50%;}
#adm_top_btn.on {bottom:20px; opacity: 1;}

h2.adm_tit {font-size:1.54em; font-weight:bolder; text-align:center; margin-bottom:20px;}
h3.adm_tit {font-size:1.23em; margin-bottom:5px;}
.adm_box_area {background-color:#fff; border-radius:15px; border:1px solid #e5e5e5; padding:20px;}
.adm_box_area table {width:100%; border-top:1px solid #222; margin-top:10px; margin-bottom:40px;}
.adm_box_area table th,
.adm_box_area table td {padding:10px; border-bottom:1px solid #e5e5e5;}
.adm_box_area table th {background-color:#fafafa;}
.adm_box_area table td {} 

table.sm_center_table {margin-bottom:0;}
table.sm_center_table th,
table.sm_center_table td {padding:5px; text-align:center; font-size:0.92em;}

.adm_info_box {width:100%; background:rgba(254,130,110,0.05); padding:15px; color:#666;}
.adm_info_box li:before {content:"ㆍ"; font-weight:900; color:var(--main-color);}

#adm_mode .chk_div {display:flex;}
#adm_mode .chk_div .chk_box {margin-right:10px;}

/*** 예약관리 현황판 ***/
.current_status {display:flex; justify-content:space-around; align-items:center; margin-bottom:10px;}
.current_status .cur_box {text-align:center;}
.current_status .cur_box h5 {font-size:0.86em; font-weight:normal; color:#888;}
.current_status .today_box h5 {color:var(--main-color);}
.current_status .cur_box strong {font-size:2em;}
.weather {font-size: 1em;color: #888;}

/*** 예약관리 달력형 ***/
.adm_rsv .calendar .room_info {margin-top:10px;}
.adm_rsv .type_btn_area {display:flex;justify-content:flex-end;}
.adm_rsv .type_btn_area a {color:#888; font-size:0.86em;}
.adm_rsv .type_btn_area a:first-child:after {content:"|"; padding-left:10px; margin-right:10px; color:#ddd;}
.adm_rsv .type_btn_area a:hover {color:#444;}
.adm_rsv .type_btn_area a.on {color:var(--main-color);}

.adm_rsv a.rsv_name {font-size:0.8em; color:#aaa;}
.adm_rsv a.rsv_name.cancel {text-decoration: line-through;}
.adm_rsv a.rsv_name.confirm {color: var(--main-color);}

/*** 예약관리 목록형 ***/
.rsv_mng_search_area table {margin-bottom:15px;}
.rsv_mng_search_area center {margin-bottom:30px;}
.rsv_mng_search_area center a {margin:0 5px;}

.rsv_list_table thead th {font-size:0.8em;}
.rsv_list_table tbody td {text-align:center;}
.rsv_list_table .btn_color01 {cursor:pointer; display:flex; justify-content:center; align-items:center;}

#layer_rsv_detail,
#rsv_adm_new {width:100%; max-width:1000px; height:90%; background:#fff; border:1px solid #e5e5e5; border-radius:25px; padding:20px; position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); display:none;}
.layer_con {width:100%; height:calc(100% - 60px); overflow-y:scroll; padding:10px;}
.layer_con::-webkit-scrollbar {width: 5px;}
.layer_con::-webkit-scrollbar-thumb { background:#ddd; /* 스크롤바 색상 */}
.layer_con::-webkit-scrollbar-track { background:#f5f5f5;  /*스크롤바 뒷 배경 색상*/}

.layer_con .step_tit {font-size:1em;}

.layper_btn_area {width:100%; height:60px; display:flex; justify-content:center;}
.layper_btn_area a {width:100%; max-width:200px; display:flex; justify-content:center; align-items:center; background-color:#fafafa; color:#888; margin:0 5px;}
.layper_btn_area a.edit_btn {background-color:var(--main-color); color:#fff;}

/*** 객실관리 ***/
.room_list .box.off {filter: opacity(0.5);}

#room_img_list {display: inline-flex;flex-wrap: wrap;}
#room_img_list .room_img {width: 24%;margin: 0.5%;position: relative;}
#room_img_list .room_img img {width:100%;}
#room_img_list .room_img .del_room_img {position: absolute;top: 0px;right: 0px;width: 20px;height: 20px;background: var(--main-color);color: white;text-align: center;line-height: 16px;border-radius: 50%;cursor: pointer;}
#room_detail .file_manage {border: 1px solid #ccc;padding: 10px 20px;border-radius: 5px;}
#room_detail .file_manage span {display: block;margin-bottom: 6px;font-size: 1rem;}
#room_detail .file_manage .info_tip {margin-top: 5px;color: var(--main-color);}
#file_manage {margin-top: 10px;}
/** 이미지 파일 찾기 커스텀 css */
#file_upload .filebox .upload-name {display: inline-block;height: 40px;padding: 0 10px;vertical-align: middle;border: 1px solid #dddddd;width: 50%;color: var(--main-color);}
#file_upload .filebox label {display: inline-block;padding: 10px 20px;color: #fff;vertical-align: middle;background-color: var(--main-color);cursor: pointer;height: 40px;}
#file_upload .filebox input[type="file"] {position: absolute;width: 0;height: 0;padding: 0;overflow: hidden;border: 0;}

/*** 요금관리 ***/
#adm_room_rate input[readonly] {background-color: #eee;color: #ccc;}


@media (max-width: 729px){
	/*** 레이아웃 ***/
	#adm_mode .adm_head {flex-wrap:wrap; text-align:center; padding:15px 5px 5px;}
	#adm_mode .adm_head .logo,
	#adm_mode .adm_head .menu {width:100%;}
	#adm_mode .adm_head .logo {font-size:0.88em; margin-bottom:10px;}
	#adm_mode .adm_head .menu li {font-size:1em; margin:5px;}
	.adm_top_btn {width:40px; height:40px;}
	
	/*** 예약관리 현황판 ***/
	.current_status {flex-wrap:wrap;}
	.current_status .cur_box {width:25%;}
	.current_status .today_box {width:100%; margin-bottom:10px;}
	
	/*** 예약관리 목록형 ***/
	.rsv_mng_search_area table tr {display:flex; flex-wrap:wrap;}
	.rsv_mng_search_area table th,
	.rsv_mng_search_area table td {width:100%; padding:5px 0; font-size:0.69em;}
	.rsv_mng_search_area table td {display:flex; align-items:center;}
	.rsv_mng_search_area table td input {margin-left:5px; margin-right:5px;}
	.chk_div .on {top:auto;}
	
	.rsv_list_table thead {display:none;}
	.adm_box_area table.rsv_list_table tr {display:flex; flex-wrap:wrap; border-bottom:1px solid #e5e5e5;}
	.adm_box_area table.rsv_list_table th, 
	.adm_box_area table.rsv_list_table td {width:100%; padding:5px 0; font-size:1.2em; border-bottom:0;}
	.adm_box_area table.rsv_list_table td br {display:none;}
	
	/*** 객실관리 ***/
	.adm_rsv .room_list .right_area br {display:none;}
	.adm_rsv .room_list .right_area .basic_btn {font-size:0.88em; padding:10px 15px;}
	
	#room_detail table colgroup {display:none;}
	#room_detail table tr {display:flex; flex-wrap:wrap;}
	#room_detail table th,
	#room_detail table td {width:100%; padding:5px 0; font-size:0.69em;}
	
	/*** 요금관리 ***/
	#adm_room_rate table colgroup {display:none;}
	#adm_room_rate table tr {display:flex; flex-wrap:wrap;}
	#adm_room_rate table th,
	#adm_room_rate table td {width:100%; padding:5px 0; font-size:0.69em;}
	
	/*** 기본설정 ***/
	#config table colgroup {display:none;}
	#config table tr {display:flex; flex-wrap:wrap;}
	#config table th,
	#config table td {width:100%; padding:5px 0; font-size:0.69em;}
}



/** sweetalert2 플로그인 스크롤 이동 방지 css **/
html.swal2-shown,body.swal2-shown { overflow-y: hidden !important; height: auto!important;}