section.space_contents {
	width: 100%; height: auto;
	padding-top: 140px;

	display: flex;
    justify-content: center;
}

section.space_contents article {
	width: 100%; height: auto;
	max-width: 1280px; padding: 0px 40px;
}

section.space_contents.complete article { max-width: 800px; }



section.space_contents .space_title {
	width: 100%; height: auto; line-height: 1.3;
	color: #000;
	font-size: 24px; font-weight: 700;
}


section.space_contents .space_title button:hover {
	opacity: 0.8;
}


section.space_contents .space_title button {
	width: 240px; height: 50px;
	border: 2px solid #370B89;
	background-color: #370B89;
	color: #fff;
	font-size: 16px; font-weight: 700;

	position: absolute; top: 50%; right: 0px;
	transform: translate(0%, -50%);
	
	transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;

	cursor: pointer;
}


section.space_contents .space_desc {
	width: 100%; height: auto; line-height: 1.6;
	margin-top: 40px;

	color: #808080; font-size: 18px;
	word-break: keep-all;
}

section.space_contents .space_slider_title {
	width: 100%; height: auto; line-height: 1;
	color: #000;
	font-size: 24px; font-weight: 700;
	margin-top: 100px;
}


section.space_contents .space_img.label { margin-bottom: 50px; }
section.space_contents .space_img {
	width: 100%; height: auto;
	margin-top: 40px;
}

section.space_contents .space_img .blank {
	width: 100%; height: auto;
}

section.space_contents .space_img #space_slider {
	position: absolute; top: 0px; left: 0px;
	width: 100%; min-height: 100%; height: auto;
}

.slick-slide img { width: 100%; }  
#space_slider .space_slider_item {
	width: 100%; height: auto; 
}
#space_slider .space_slider_item .label {
	width: 100%; height: auto; line-height: 1.5;
	margin-top: 20px;

	color: #808080;
	font-size: 20px; font-weight: 500;
	padding-left: 15px;
}

#space_slider .space_slider_item .label::before {
	content: '•';
	position: absolute; top: 0%; left: 0px;
	width: 15px; height: auto; 
	text-align: left;
}

section.space_contents .space_info {
	width: 100%; height: auto;
	margin-top: 60px;

	display: flex;
    flex-wrap: wrap;
}
section.space_contents .space_info .space_info_item { width: 50%; } 
section.space_contents .space_info .space_info_item:nth-child(2n+1) {
	height: auto;
}

section.space_contents .space_info .space_info_item:nth-child(2n) {
	height: auto;
	padding-left: 50px;
}

section.space_contents .space_info .space_info_item:nth-child(n+3) {
	margin-top: 80px;
}

section.space_contents .space_info .space_info_item .space_info_label {
	width: 100%; height: auto;
	padding-bottom: 25px;
	display: flex;
	align-items: center;
	border-bottom: 1px solid #D6D6D6;
}


section.space_contents .space_info .space_info_item .space_info_label .icon {
	width: 34px; height: 34px;


	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

section.space_contents .space_info .space_info_item .space_info_label .txt {
	width: calc(100% - 34px); height: auto; line-height: 1;
	padding-left: 15px;

	color: #000;
	font-size: 24px; font-weight: 700;
}


section.space_contents .space_info .space_info_item .space_info_desc{
	width: 100%; height: auto;
	padding-top: 20px;

	padding-left: 0px; line-height: 26px;
	color: #000; font-size: 18px;
	margin-top: 5px;

	word-break: keep-all;
}

section.space_contents .space_info .space_info_item .space_info_list.mt0 { padding-top: 0px; }
section.space_contents .space_info .space_info_item .space_info_list {
	width: 100%; height: auto;
	padding-top: 20px;
}

section.space_contents .space_info .space_info_item .space_info_list .space_list_item:nth-child(1) { margin-top: 0px; }
section.space_contents .space_info .space_info_item .space_info_list .space_list_item {
	width: 100%; height: auto;
	padding-left: 26px; line-height: 26px;
	color: #808080; font-size: 18px;
	margin-top: 5px;

	word-break: keep-all;
}


section.space_contents .space_info .space_info_item .space_info_list .space_list_item::before {
	content: '•';
	position: absolute; top: 0%; left: 0px;
	width: 26px; height: 26px; line-height: 26px;
	text-align: center;
}

section.space_contents .space_info .space_info_item .space_info_btn {
	width: 100%; height: auto; 
	margin-top: 20px;
}

section.space_contents .space_info .space_info_item .space_info_btn button{
	display: inline-flex;
	padding: 15px 40px;
	justify-content: center;
	align-items: center;
	border: 1px solid #808080;
	background: #808080;

	color: #FFF;
	font-size: 16px; font-weight: 700;
	cursor: pointer;
}



#space_slider .slick-arrow::before { display: none; }
#space_slider .slick-arrow {
	top: -70px; left: auto; right: 0px;
	width: 50px; height: 50px;
    transform: translate(0, 0);
	background-color: #F6F6F7;

    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;

}
#space_slider .slick-arrow.slick-disabled { 
	cursor: auto;
	opacity: 0.3;
}
#space_slider .slick-arrow.slick-next { background-image: url(../images/main_pr_arrow_next.svg); }
#space_slider .slick-arrow.slick-prev {
	right: 55px;
    background-image: url(../images/main_pr_arrow_prev.svg);
}



@media (max-width: 479px){ 
	section.space_contents { padding-top: 60px; }
	section.space_contents article { padding: 0px 20px; }

	section.space_contents .space_slider_title { margin-top: 60px; }
	section.space_contents .space_title { font-size: 20px; }
	section.space_contents .space_title .txt { width: 100%; }
	section.space_contents .space_desc { font-size: 14px; margin-top: 20px;}
	section.space_contents .space_title button {
		position: relative;
		top: auto; bottom: auto; transform: translate(0%, 0%); width: auto; height: 45px; line-height: 43px; font-size: 14px; padding: 0px 40px; 
		margin-top: 20px;
		float: right;

	}
	section.space_contents .space_slider_title { font-size: 20px; }
	#space_slider .slick-arrow.slick-prev { right: 50px; }
	#space_slider .slick-arrow { top: -50px; width: 40px; height: 40px; }
	#space_slider .space_slider_item .label { font-size: 14px; }
	section.space_contents .space_info { margin-top: 45px; }
	section.space_contents .space_img { margin-top: 20px; }

	section.space_contents .space_img .blank { min-height: 200px; }
	.slick-slide img { min-height: 200px; object-fit: cover; max-width: 100%; }

	section.space_contents .space_info .space_info_item { width: 100%; }

	section.space_contents .space_info .space_info_item .space_info_label .icon { width: 25px; height: 25px; }
	section.space_contents .space_info .space_info_item .space_info_label .txt { width: calc(100% - 25px); font-size: 20px; padding-left: 10px; }
	section.space_contents .space_info .space_info_item .space_info_label { padding-bottom: 15px; }
	section.space_contents .space_info .space_info_item .space_info_desc { font-size: 14px; padding-top: 10px; line-height: 1.5; }
	section.space_contents .space_info .space_info_item:nth-child(2n) { padding-left: 0px; }
	section.space_contents .space_info .space_info_item:nth-child(n+2) { margin-top: 45px; }
	section.space_contents .space_info .space_info_item:nth-child(n+3) { margin-top: 45px; }
	section.space_contents .space_info .space_info_item .space_info_list { padding-top: 10px; }
	section.space_contents .space_info .space_info_item .space_info_list .space_list_item { line-height: 20px; font-size: 14px; padding-left: 15px; margin-top: 0px;}
	section.space_contents .space_info .space_info_item .space_info_list .space_list_item::before { width: 10px; height: 20px; line-height: 20px; }
	section.space_contents .space_info .space_info_item .space_info_btn button { padding: 0px 20px; font-size: 14px; height: 45px; }

}

@media (max-width: 749px) and (min-width: 480px) { 
	section.space_contents { padding-top: 60px; }
	section.space_contents article { padding: 0px 20px; }

	section.space_contents .space_slider_title { margin-top: 60px; }
	section.space_contents .space_title { font-size: 20px; }
	section.space_contents .space_desc { font-size: 16px; }
	section.space_contents .space_title button { width: auto; height: 45px; line-height: 43px; font-size: 14px; padding: 0px 40px; }
	section.space_contents .space_slider_title { font-size: 20px; }
	#space_slider .slick-arrow.slick-prev { right: 50px; }
	#space_slider .slick-arrow { top: -50px; width: 40px; height: 40px; }
	#space_slider .space_slider_item .label { font-size: 16px; }
	section.space_contents .space_info { margin-top: 45px; }
	section.space_contents .space_img { margin-top: 20px; }

	section.space_contents .space_img .blank { min-height: 250px; }
	.slick-slide img { min-height: 250px; object-fit: cover; max-width: 100%; }

	section.space_contents .space_info .space_info_item { width: 100%; }

	section.space_contents .space_info .space_info_item .space_info_label .icon { width: 25px; height: 25px; }
	section.space_contents .space_info .space_info_item .space_info_label .txt { width: calc(100% - 25px); font-size: 20px; padding-left: 10px; }
	section.space_contents .space_info .space_info_item .space_info_label { padding-bottom: 15px; }
	section.space_contents .space_info .space_info_item .space_info_desc { font-size: 16px; padding-top: 10px; }
	section.space_contents .space_info .space_info_item:nth-child(2n) { padding-left: 0px; }
	section.space_contents .space_info .space_info_item:nth-child(n+2) { margin-top: 45px; }
	section.space_contents .space_info .space_info_item:nth-child(n+3) { margin-top: 45px; }
	section.space_contents .space_info .space_info_item .space_info_list { padding-top: 10px; }
	section.space_contents .space_info .space_info_item .space_info_list .space_list_item { font-size: 16px; padding-left: 15px; margin-top: 0px;}
	section.space_contents .space_info .space_info_item .space_info_list .space_list_item::before { width: 10px; height: 26px; line-height: 26px; }
	section.space_contents .space_info .space_info_item .space_info_btn button { padding: 0px 20px; font-size: 14px; height: 45px; }

}

@media (max-width: 1023px) and (min-width: 750px) { 
	section.space_contents { padding-top: 90px; }
	section.space_contents article { padding: 0px 20px; }

	section.space_contents .space_slider_title { margin-top: 90px; }
	section.space_contents .space_title { font-size: 20px; }
	section.space_contents .space_desc { font-size: 16px; }
	section.space_contents .space_title button { width: 180px; height: 45px; line-height: 43px; font-size: 14px;  }
	section.space_contents .space_slider_title { font-size: 20px; }
	#space_slider .slick-arrow.slick-prev { right: 50px; }
	#space_slider .slick-arrow { width: 45px; height: 45px; }
	#space_slider .space_slider_item .label { font-size: 16px; }
	section.space_contents .space_info { margin-top: 45px; }

	section.space_contents .space_info .space_info_item .space_info_label .icon { width: 25px; height: 25px; }
	section.space_contents .space_info .space_info_item .space_info_label .txt { font-size: 20px; }
	section.space_contents .space_info .space_info_item .space_info_label { padding-bottom: 20px; }
	section.space_contents .space_info .space_info_item .space_info_desc { font-size: 16px; padding-top: 15px; }
	section.space_contents .space_info .space_info_item:nth-child(2n) { padding-left: 40px; }
	section.space_contents .space_info .space_info_item:nth-child(n+3) { margin-top: 60px; }
	section.space_contents .space_info .space_info_item .space_info_list .space_list_item { font-size: 16px; }
	section.space_contents .space_info .space_info_item .space_info_btn button { padding: 0px 40px; font-size: 14px; height: 45px; }

}


@media (max-width: 1279px) and (min-width: 1024px) { 
	section.space_contents article { padding: 0px 20px; }

}




/*
	@media (max-width: 479px){ 

	}

	@media (max-width: 749px) and (min-width: 480px) { 

	}

	@media (max-width: 1023px) and (min-width: 750px) { 

	}


	@media (max-width: 1279px) and (min-width: 1024px) { 

	}
*/




.space_reservation_info {
	width: 100%; height: auto;
	margin-top: 40px;
}

.space_reservation_info .info_title::before {
	content: '';
	position: absolute; top: 50%; left: 0px;
	margin-top: -3px;
	width: 6px; height: 6px;
	border-radius: 100%; 
	background: #370B89;

}

.space_reservation_info .info_title.mt0 { margin-top: 0px; }
.space_reservation_info .info_title {
	width: 100%; height: auto; line-height: 1.8;
	color: #000;
	font-size: 16px; font-weight: 700;
	padding-left: 15px;

	margin-top: 40px;
}

.space_reservation_info .info_step {
	width: 100%; height: auto; 
	margin-top: 15px;
	

}
.space_reservation_info .info_step > div {
	width: 100%; height: auto; 
	display: flex;
	align-items: center;
}

.space_reservation_info .info_step .info_step_arrow {
	width: 42px; height: 7px;

    background-image: url(../images/reservation_arrow.svg);
	background-size: auto 7px;
	background-position: center center;
	background-repeat: no-repeat;

}

.space_reservation_info .info_step .info_step_item {
	width: 200px; height: auto;
	border: 1px solid #F6F6F7;
	background: #FFF;
}


.space_reservation_info .info_step .info_step_item .info_step_label {
	width: 100%; height: 70px;

	display: flex;
	justify-content: center;
	align-items: center;
	
	color: #000;
	font-size: 16px; font-weight: 700;

	background: #F6F6F7;
}



.space_reservation_info .info_step .info_step_item .info_step_val {
	width: 100%; height: 150px; line-height: 1.5;
	padding: 0px 5px;

	display: flex;
	justify-content: center;
	align-items: center;

	color: #808080; text-align: center;
	font-size: 16px; font-weight: 500;
	word-break: keep-all;
}

.space_reservation_info .info_step_warning {
	width: 100%; height: auto; line-height: 1.5;
	margin-top: 25px;

	color: #808080;
	font-size: 16px; font-weight: 500;
	word-break: keep-all;
}


.space_reservation_info .info_txt.color { color: #370B89; }
.space_reservation_info .info_txt {
	width: 100%; height: auto; line-height: 1.8;
	color: #808080;
	font-size: 16px; font-weight: 500;
	word-break: keep-all;

}

.space_reservation_info .info_txt .info_img { width: 100%; margin-top: 15px; margin-bottom: 30px; }
.space_reservation_info .info_txt .info_img .og { width: 100%; height: auto; }


.space_reservation_info .info_txt .info_tbl { width: 100%; height: auto; margin-top: 15px; }
.space_reservation_info .info_txt .info_tbl table{
    border-collapse: collapse;
    table-layout: fixed;
    word-break: break-all;
    width: 100%;
    height: auto;
}

.space_reservation_info .info_txt table.left tbody td { text-align: left; }
.space_reservation_info .info_txt table.none td { border: 0px; }
.space_reservation_info .info_txt table.wd200 td:nth-child(1) { width: 200px; font-weight: 500; color: #000; }
.space_reservation_info .info_txt table th,
.space_reservation_info .info_txt table td {
	border: 1px solid #D6D6D6;
}

.space_reservation_info .info_txt table thead th,
.space_reservation_info .info_txt table thead td {
	width: auto; height: auto; line-height: 1.3;
	padding: 15px 15px;

	color: #000; text-align: center;
	font-size: 16px; font-weight: 500;

	background-color: #F6F6F7;
	box-sizing: border-box;
}


.space_reservation_info .info_txt table tbody td {
	width: auto; height: auto; line-height: 1.6;
	padding: 10px 10px;

	color: #808080; text-align: center;
	font-size: 16px; font-weight: 400;
	box-sizing: border-box;
	word-break: keep-all;
}








.space_reservation_facility {
	width: 100%; height: auto;
	margin-top: 40px;
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}


.space_reservation_facility .space_facility_item {
	width: calc(33.333% - 13.5px); height: auto; 
	background: #F6F6F7;
}

.space_reservation_facility .space_facility_item .space_facility_thum {
	width: 100%; height: auto;
    
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.space_reservation_facility .space_facility_item .space_facility_thum img { width: 100%; height: auto; }


.space_reservation_facility .space_facility_item .space_facility_info {
	width: 100%; min-height: 270px; height: auto;
	padding: 40px 40px 90px;
	align-self: stretch;
	background: #F6F6F7;
}

.space_reservation_facility .space_facility_item .space_facility_info .space_facility_name span { opacity: 0.5; font-size: 20px; vertical-align: top; }
.space_reservation_facility .space_facility_item .space_facility_info .space_facility_name {
	width: 100%; height: auto; line-height: 24px;
	color: #000;
	font-size: 24px; font-weight: 700;
}

.space_reservation_facility .space_facility_item .space_facility_info .space_facility_tbl {
	width: 100%; height: auto;
	margin-top: 18px;
	margin-bottom: 10px;
}

.space_reservation_facility .space_facility_item .space_facility_info .space_facility_tbl .facility_tbl_item {
	width: 100%; height: auto;
	display: flex;
	align-items: start;
}

.space_reservation_facility .space_facility_item .space_facility_info .space_facility_tbl .facility_tbl_label {
	width: 100px; height: auto; line-height: 1.8;

	color: #000;
	font-size: 16px; font-weight: 700;
}

.space_reservation_facility .space_facility_item .space_facility_info .space_facility_tbl .facility_tbl_val {
	width: calc(100% - 100px); height: auto; line-height: 1.8;

	color: #808080;
	font-size: 16px; font-weight: 500;
	word-break: keep-all;
}


.space_reservation_facility .space_facility_item .space_facility_btn {
	position: absolute; bottom: 40px; left: 0px;
	width: 100%; height: auto;
	padding: 0px 40px;
	display: flex;
	justify-content: end;
}

.space_reservation_facility .space_facility_item .space_facility_btn button.no { background-color: #000; }
.space_reservation_facility .space_facility_item .space_facility_btn button {
	width: 140px; height: 50px;
	background-color: #370B89;
	
	border: 0px; cursor: pointer;
	color: #FFF;
	font-size: 18px; font-weight: 700;

}



.space_reservation_date { width: 100%; height: auto; margin-top: 40px; }

.calender_containner .step_calender_header { 
	width: 100%; height: auto;

    display: flex;
    justify-content: center;
	flex-wrap: wrap;
}


.calender_containner .step_calender_header .step_calender_func { 
	width: 280px; height: 60px; line-height: 60px;

    display: flex;
    justify-content: space-between;
	align-items: center;

}


.calender_containner .step_calender_header .step_calender_func #Ymd { 
	color: #000;
	font-size: 32px; font-weight: 700;
}

.calender_containner .step_calender_header .step_calender_func #prev,
.calender_containner .step_calender_header .step_calender_func #next { 
	width: 28px; height: 28px;
	
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
	
}

.calender_containner .step_calender_header .step_calender_func #prev.hide,
.calender_containner .step_calender_header .step_calender_func #next.hide{ opacity: 0.5; pointer-events: none; }

.calender_containner .step_calender_header .step_calender_func #prev label,
.calender_containner .step_calender_header .step_calender_func #next label { width: 100%; height: 100%; cursor: pointer; }

.calender_containner .step_calender_header .step_calender_status {
	width: 100%; height: auto;
    display: flex;
    justify-content: end;
}
.calender_containner .step_calender_header .step_calender_status > div {
	width: auto; height: auto;

	display: grid;
	gap: 7px; 
 }

.calender_containner .step_calender_header .step_calender_status .calender_status_item { 
	width: auto; height: auto; 
	display: flex;
	align-items: center;
}
.calender_containner .step_calender_header .calender_status_item .color_box.type01{ background-color: #F6F6F7; }
.calender_containner .step_calender_header .calender_status_item .color_box.type02{ background-color: #370B89; }
.calender_containner .step_calender_header .calender_status_item .color_box {
	width: 60px; height: 24px;
	border-radius: 5px;
	background-color: #000;
}

.calender_containner .step_calender_header .calender_status_item .color_txt {
	width: auto; height: auto;
	padding-left: 8px;

	color: #2C2C2C;
	font-size: 16px; font-weight: 500;
}


.calender_containner #tab {
	width: 100%; height: auto;

    border-collapse: collapse;
    table-layout: fixed;
    word-break: break-all;

	pointer-events: auto;

	border: 0px;
}


.calender_containner #tab td{
	position: relative;
	width: calc(100% / 7);
	background: #fff;
	padding: 0px 10px;

	border: 1px solid #D6D6D6;
}

.calender_containner #tab tr:not(.theads) td { height: 150px; vertical-align: top; }


.calender_containner #tab .theads td{
	width: calc(100% / 7); line-height: 1.4;
	background: #fff;
	padding: 10px 0px;

	color: #000; text-align: center;
	font-size: 18px; font-weight: 700;

	border: 1px solid #D6D6D6;
}

.calender_containner #tab td .bg.gray { background-color: #F6F6F7; cursor: auto; }
.calender_containner #tab td .bg.blue { background-color: #f3fbff; cursor: auto; }
.calender_containner #tab td .bg.red { background-color: #ffeceb; cursor: auto; }
.calender_containner #tab td .bg.holydays { background-color: #fff; cursor: auto; }


.calender_containner #tab td .bg { 
	position: absolute; top: 0px; left: 0px;
	width: 100%; height: 100%;
	cursor: pointer;
	z-index: 1;
}
.calender_containner #tab td.on .num::after {
	content: '';
	position: absolute; top: 50%; left: 50%;
	width: 26px; height: 26px;
	background-color: #000;
	margin-left: -13px; margin-top: -8px;
	border-radius: 100%;
	z-index: -1;
}
.calender_containner #tab td.on .num { color: #fff; }
.calender_containner #tab td .num {
	position: relative;
	display: inline-block;
	width: auto; height: auto; line-height: 1;
	padding: 10px 0px 0px 0px; 

	color: #000; text-align: left;
	font-size: 16px; font-weight: 700;
	z-index: 1;
}



.calender_containner #tab td .item.holydays { z-index: 2;  background-color: #ffeceb; }
.calender_containner #tab td .item.holydays .title { color: #000; }
.calender_containner #tab td .item.on { background: #370B89; }
.calender_containner #tab td .item:nth-last-child(1) { margin-bottom: 10px; }
.calender_containner #tab td .item {
	width: 100%; height: auto; line-height: 1.6;
	padding: 0px 5px;
	border-radius: 5px;
	background: #F6F6F7;
    background: #370b8942;

	/* cursor: pointer; */
	margin-top: 10px;
}
.calender_containner #tab td .item.on .title { color: #fff; }
.calender_containner #tab td .item .title{
	width: 100%; height: auto;
	color: #370B89;
	font-size: 13px; font-weight: 500;
    letter-spacing: -0.5px;

	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.calender_containner #tab td .txt {
	width: 100%; height: auto; line-height: 1.6;
	margin-top: 10px;
	color: #808080;
	font-size: 16px; font-weight: 700;
}
 


.calender_containner #tab td .item.on .arrow { background-image: url(../images/login/calender_item_on.svg); }
.calender_containner #tab td .item .arrow {
	position: absolute; bottom: 7px; right: 10px;
	width: 16px; height: 16px;

	background-image: url(../images/login/calender_item_off.svg);
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
}

.calender_containner #tab td .item .sticker {
	position: absolute; top: -20px; right: 10px;
	width: 40px; height: 40px;

	background-image: url(../images/login/calender_item_sticker.png);
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
}



.calender_containner .step_calender_body {
	width: calc(100% - 420px); height: auto;
	margin-top: 20px;
}

.calender_containner .calender_borad {
	width: 400px; height: auto;
	margin-left: 20px;
	margin-top: 20px;

	padding: 40px 40px;
	border: 1px solid #D6D6D6;
	background: #F6F6F7;
}


.calender_containner .calender_borad .calender_date_box {
	width: 100%; height: auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.calender_containner .calender_borad .calender_date_txt {
	color: #000; line-height: 1.5;
	font-size: 24px; font-weight: 700;
}

.calender_containner .calender_borad .calender_date_btn { width: auto; height: auto; }
.calender_containner .calender_borad .calender_date_btn button {
	width: auto; height: auto; line-height: 1;
	padding: 10px 30px;
	border: 0px;
	color: #FFF;
	font-size: 16px; font-weight: 700;
	background: #370B89;
	cursor: pointer;
}


.calender_containner .calender_borad .calender_list_box {
	width: 100%; height: auto;
	margin-top: 40px;
}

.calender_containner .calender_borad .calender_list_item:nth-child(1) { margin-top: 0px; }
.calender_containner .calender_borad .calender_list_item.no::before { background: #808080; }
.calender_containner .calender_borad .calender_list_item::before {
	content: '';
	position: absolute; top: 0px; left: 0px;
	width: 3px; height: 100%;
	border-radius: 5px;
	background: #370B89;
}
.calender_containner .calender_borad .calender_list_item {
	width: 100%; height: auto;
	padding-left: 16px;
	margin-top: 40px;
}

.calender_containner .calender_borad .calender_list_item .calender_list_title {
	width: 100%; height: auto; line-height: 1.3;
	color: #000;
	font-size: 18px; font-weight: 500;
}

.calender_containner .calender_borad .calender_list_item .calender_list_time {
	width: 100%; height: auto; line-height: 1.6;
	margin-top: 8px;
	color: #808080; 
	font-size: 16px; font-weight: 500;
}


#parking_ticket { display: none; }
#box_parking_01 { display: none; }
#box_parking_02 { display: none; }

@media (max-width: 479px){ 
	.space_reservation_info .info_step .info_step_arrow { font-size: 14px; }
	.space_reservation_info .info_step .info_step_item .info_step_label { height: 50px;  }
	.space_reservation_info .info_step .info_step_item .info_step_val { height: 120px; font-size: 13px; }
	.space_reservation_info .info_step_warning { font-size: 14px; margin-top: 20px; } 
	.space_reservation_info .info_title { font-size: 14px; margin-top: 30px; }
	.space_reservation_info .info_txt  { font-size: 14px; }
	.space_reservation_info .info_step { overflow: auto; padding-bottom: 5px; }
	.space_reservation_info .info_step > div { width: 750px; }



	.space_reservation_facility .space_facility_item {  width: 100%; }
	.space_reservation_facility .space_facility_item .space_facility_info { padding: 30px 20px 80px; }
	.space_reservation_facility .space_facility_item .space_facility_info .space_facility_name span { font-size: 16px; }  
	.space_reservation_facility .space_facility_item .space_facility_info .space_facility_name { font-size: 20px; }
	.space_reservation_facility .space_facility_item .space_facility_info .space_facility_tbl .facility_tbl_label { width: 80px; font-size: 14px; }
	.space_reservation_facility .space_facility_item .space_facility_info .space_facility_tbl .facility_tbl_val { width: calc(100% - 80px); font-size: 14px; }
	.space_reservation_facility .space_facility_item .space_facility_info .space_facility_tbl .facility_tbl_item { flex-wrap: wrap; }
	.space_reservation_facility .space_facility_item .space_facility_info .space_facility_tbl .facility_tbl_item:nth-last-child(1) .facility_tbl_val { width: 100%; }

	.space_reservation_facility .space_facility_item .space_facility_btn button { font-size: 14px; height: 45px; width: 120px; }
	.space_reservation_facility .space_facility_item .space_facility_btn { bottom: 25px; padding: 0px 20px; } 






	.calender_containner .step_calender_header .step_calender_func { width: 200px; }
	.calender_containner .step_calender_header .step_calender_func #Ymd { font-size: 24px; }
	.calender_containner .calender_borad { padding: 30px 20px; }

	.calender_containner .step_calender_header .calender_status_item .color_box { width: 45px; height: 20px; }
	.calender_containner .step_calender_header .calender_status_item .color_txt { font-size: 14px; }
	.calender_containner #tab tr:not(.theads) td { height: 100px; }
	.calender_containner #tab .theads td { font-size: 12px; }
	.calender_containner #tab td .num { font-size: 12px; }
	.calender_containner #tab td .item { padding: 0px 5px; }
	.calender_containner #tab td .item .title { font-size: 10px; }
	.calender_containner #tab td { padding: 0px 5px; }
	.calender_containner #tab td.on .num::after {
		width: 24px; height: 24px;
		margin-left: -11px; margin-top: -7px;
	}
	.calender_containner .calender_borad .calender_date_txt { font-size: 20px; }
	.calender_containner .calender_borad .calender_date_btn button { 
		line-height: 1.5; padding: 10px 30px;
		font-size: 14px;
	}

	.calender_containner .calender_borad .calender_list_item .calender_list_title { font-size: 14px; }
	.calender_containner .calender_borad .calender_list_item .calender_list_time { font-size: 12px; }



	.space_reservation_info .info_txt table:not(.info_tbl_val) tr { display: grid; }
	.space_reservation_info .info_txt table:not(.info_tbl_val) tbody td:nth-child(1) { padding-bottom: 0px; }
	.space_reservation_info .info_txt table:not(.info_tbl_val) tbody td { font-size: 14px; padding-top: 0px; padding-bottom: 20px; }

	.space_reservation_info .info_txt .info_img { overflow: auto; padding-bottom: 5px; }
	.space_reservation_info .info_txt .info_img .og { width: 750px; }
	
	.space_reservation_info .info_txt .info_tbl { overflow: auto; padding-bottom: 5px; }
	.space_reservation_info .info_txt table.info_tbl_val { width: 750px; }

	.space_reservation_info .info_txt table thead th, 
	.space_reservation_info .info_txt table thead td { font-size: 14px; }
	.space_reservation_info .info_txt table tbody td { font-size: 14px; }
}

@media (max-width: 749px) and (min-width: 480px) { 
	.space_reservation_info .info_step .info_step_arrow { font-size: 14px; }
	.space_reservation_info .info_step .info_step_item .info_step_label { height: 50px;  }
	.space_reservation_info .info_step .info_step_item .info_step_val { height: 120px; font-size: 13px; }
	.space_reservation_info .info_step_warning { font-size: 14px; margin-top: 20px; } 
	.space_reservation_info .info_title { font-size: 14px; margin-top: 30px; }
	.space_reservation_info .info_txt  { font-size: 14px; }
	.space_reservation_info .info_step { overflow: auto; padding-bottom: 5px; }
	.space_reservation_info .info_step > div { width: 750px; }



	.space_reservation_facility .space_facility_item {  width: calc(50% - 10px); }
	.space_reservation_facility .space_facility_item .space_facility_info { padding: 30px 20px 80px; }
	.space_reservation_facility .space_facility_item .space_facility_info .space_facility_name { font-size: 20px; }
	.space_reservation_facility .space_facility_item .space_facility_info .space_facility_tbl .facility_tbl_label { width: 80px; font-size: 14px; }
	.space_reservation_facility .space_facility_item .space_facility_info .space_facility_tbl .facility_tbl_val { width: calc(100% - 80px); font-size: 14px; }
	.space_reservation_facility .space_facility_item .space_facility_info .space_facility_tbl .facility_tbl_item { flex-wrap: wrap; }
	.space_reservation_facility .space_facility_item .space_facility_info .space_facility_tbl .facility_tbl_item:nth-last-child(1) .facility_tbl_val { width: 100%; }

	.space_reservation_facility .space_facility_item .space_facility_btn button { font-size: 14px; height: 45px; width: 120px; }
	.space_reservation_facility .space_facility_item .space_facility_btn { bottom: 25px; padding: 0px 20px; } 





	.calender_containner .step_calender_header .step_calender_func { width: 200px; }
	.calender_containner .step_calender_header .step_calender_func #Ymd { font-size: 24px; }
	.calender_containner .calender_borad { padding: 30px 20px; }

	.calender_containner .step_calender_header .calender_status_item .color_box { width: 45px; height: 20px; }
	.calender_containner .step_calender_header .calender_status_item .color_txt { font-size: 14px; }
	.calender_containner #tab tr:not(.theads) td { height: 100px; }
	.calender_containner #tab .theads td { font-size: 14px; }
	.calender_containner #tab td .num { font-size: 14px; }
	.calender_containner #tab td .item { padding: 0px 5px; }
	.calender_containner #tab td .item .title { font-size: 12px; }
	.calender_containner #tab td { padding: 0px 5px; }
	.calender_containner #tab td.on .num::after {
		width: 24px; height: 24px;
		margin-left: -11px; margin-top: -7px;
	}
	.calender_containner .calender_borad .calender_date_txt { font-size: 20px; }
	.calender_containner .calender_borad .calender_date_btn button { 
		line-height: 1.5; padding: 10px 45px;
		font-size: 14px;
	}

	.calender_containner .calender_borad .calender_list_item .calender_list_title { font-size: 16px; }
	.calender_containner .calender_borad .calender_list_item .calender_list_time { font-size: 14px; }

	.space_reservation_info .info_txt table:not(.info_tbl_val) tr { display: grid; }
	.space_reservation_info .info_txt table:not(.info_tbl_val) tbody td:nth-child(1) { padding-bottom: 0px; }
	.space_reservation_info .info_txt table:not(.info_tbl_val) tbody td { font-size: 14px; padding-top: 0px; padding-bottom: 20px; }

	.space_reservation_info .info_txt .info_img { overflow: auto; padding-bottom: 5px; }
	.space_reservation_info .info_txt .info_img .og { width: 750px; }
	
	.space_reservation_info .info_txt .info_tbl { overflow: auto; padding-bottom: 5px; }
	.space_reservation_info .info_txt table.info_tbl_val { width: 750px; }

	.space_reservation_info .info_txt table thead th, 
	.space_reservation_info .info_txt table thead td { font-size: 14px; }
	.space_reservation_info .info_txt table tbody td { font-size: 14px; }
} 

@media (max-width: 1023px) and (min-width: 750px) { 
	.space_reservation_info .info_step .info_step_arrow { font-size: 14px; }
	.space_reservation_info .info_step .info_step_item .info_step_label { height: 50px;  }
	.space_reservation_info .info_step .info_step_item .info_step_val { height: 120px; font-size: 13px; }
	.space_reservation_info .info_step_warning { font-size: 14px; margin-top: 20px; } 
	.space_reservation_info .info_title { font-size: 14px; margin-top: 30px; }
	.space_reservation_info .info_txt  { font-size: 14px; }


	.space_reservation_facility .space_facility_item {  width: calc(50% - 10px); }
	.space_reservation_facility .space_facility_item .space_facility_info { padding: 30px 20px 80px; }
	.space_reservation_facility .space_facility_item .space_facility_info .space_facility_name { font-size: 20px; }
	.space_reservation_facility .space_facility_item .space_facility_info .space_facility_tbl .facility_tbl_label { width: 80px; font-size: 14px; }
	.space_reservation_facility .space_facility_item .space_facility_info .space_facility_tbl .facility_tbl_val { width: calc(100% - 80px); font-size: 14px; }

	.space_reservation_facility .space_facility_item .space_facility_btn button { font-size: 16px; height: 45px; width: 120px; }
	.space_reservation_facility .space_facility_item .space_facility_btn { bottom: 25px; padding: 0px 20px; } 



	.calender_containner .step_calender_header .step_calender_func { width: 200px; }
	.calender_containner .step_calender_header .step_calender_func #Ymd { font-size: 24px; }
	.calender_containner .calender_borad { padding: 45px 20px; }

	.calender_containner .step_calender_header .calender_status_item .color_box { width: 45px; height: 20px; }
	.calender_containner .step_calender_header .calender_status_item .color_txt { font-size: 14px; }
	.calender_containner #tab tr:not(.theads) td { height: 120px; }
	.calender_containner #tab .theads td { font-size: 16px; }
	.calender_containner #tab td .num { font-size: 14px; }
	.calender_containner #tab td .item .title { font-size: 12px; }
	.calender_containner #tab td { padding: 0px 5px; }
	.calender_containner #tab td.on .num::after {
		width: 24px; height: 24px;
		margin-left: -11px; margin-top: -7px;
	}
	.calender_containner .calender_borad .calender_date_txt { font-size: 20px; }
	.calender_containner .calender_borad .calender_date_btn button { 
		line-height: 1.5; padding: 10px 45px;
		font-size: 14px;
	}

	.calender_containner .calender_borad .calender_list_item .calender_list_title { font-size: 16px; }
	.calender_containner .calender_borad .calender_list_item .calender_list_time { font-size: 14px; }


	.space_reservation_info .info_txt table tbody td { font-size: 14px; }

	.space_reservation_info .info_txt table thead th, 
	.space_reservation_info .info_txt table thead td { font-size: 14px; }
	.space_reservation_info .info_txt table tbody td { font-size: 14px; }

}


@media (max-width: 1279px) and (min-width: 1024px) { 
	.space_reservation_facility .space_facility_item .space_facility_info { padding: 40px 30px 90px; }
	.space_reservation_facility .space_facility_item .space_facility_btn { padding: 0px 30px; } 



	.calender_containner .calender_borad { padding: 45px 20px; }
}


.space_title.up { padding-top: 30px; }
#alerm_message {
	position: absolute; top: -85px; left: 0px;
	display: flex;
	align-items: center;
	width: 100%; height: 60px;
	padding: 0px;
	border-radius: 10px;
	background: #F6F6F7;

	color: #370B89;
	font-size: 18px; font-weight: 600;

}


#alerm_message .icon {
	width: 120px; height: 29px; 
	border-right: 1px solid #D0D0D0;

    background-image: url(../images/bell.svg);
    background-size: 24px auto;
    background-position: center center;
    background-repeat: no-repeat;
}

#alerm_message .txt {
	width: calc(100% - 120px); height: auto; line-height: 1.5;
	padding: 0px 40px;

	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}


#filter_box {
	position: absolute; right: 0px; bottom: -30px;
	width: auto; height: auto;
	display: flex;
	align-items: center;
}

#filter_box .icon{
	width: 31px; height: 18px;
    background-image: url(../images/filter.svg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
	cursor: pointer;
}

#filter_box .txt{
	width: auto; height: auto;
	color: #000; font-size: 18px;
	font-weight: 700;
	padding-left: 15px;
	cursor: pointer;
}

#filter_box .pop{
	display: none;
	position: absolute; right: 0px; bottom: -185px;
	z-index: 1; 
	width: 405px; height: 180px;
	background-color: #000;
}

#filter_box .pop .box {
	width: 100%; height: 100%;
	padding: 25px;
}

#filter_box .pop .box .group:nth-child(1) { border-bottom: 1px solid #434343; padding-bottom: 20px; padding-top: 0px; }
#filter_box .pop .box .group {
	width: 100%; height: auto;
	padding-top: 20px;
	gap: 10px;
	display: flex;
	align-items: center;
}
#filter_box .pop .box .group .item.on { background-color: #2C2C2C; color: #D6D6D6; }
#filter_box .pop .box .group .item {
	width: auto; height: auto; line-height: 1;
	padding: 10px; border-radius: 35px; background-color: #000;

	color: #fff;
	font-size: 18px; font-weight: 700;
	cursor: pointer;
}


#space_btn_area {
	width: 100%; height: auto; 
	margin-top: 40px;

	display: flex;
	flex-wrap: wrap:
	align-items: center;
	gap: 15px;
}

#space_btn_area a:hover { opacity: 0.8; }

#space_btn_area a {
	width: auto; height: auto; 
	padding: 15px 20px; 
	background-color: #370B89;
    color: #fff; font-size: 16px;
    font-weight: 700;
}



@media (max-width: 479px){ 
	#alerm_message {
		top: -35px;
		height: 40px;
		border-radius: 5px;
		font-size: 14px;
	}

	#alerm_message .icon {
		width: 40px;
	    background-size: 14px auto;
		border-right: 0px;
	}

	#alerm_message .txt {
		width: calc(100% - 40px);
		padding: 0px 10px 0px 0px;
	}


	#filter_box .txt { font-size: 14px; padding-left: 10px; }
	#filter_box .icon { width: 20px; height: 12px; }
	#filter_box .pop { bottom: -125px; width: 280px; height: 120px; }
	#filter_box .pop .box .group .item { font-size: 14px; font-weight: 500; padding: 10px 8px; }
	#filter_box .pop .box { padding: 15px; }

	#filter_box .pop .box .group:nth-child(1) { padding-bottom: 10px; }
	#filter_box .pop .box .group { padding-top: 10px; gap: 5px; }

	.calender_containner .step_calender_body { width: 100%; }
	.calender_containner .calender_borad { 
		width: 100%; margin-left: 0px; margin-top: 45px; 
		border-left: 0px;
		border-right: 0px;
	}
}

@media (max-width: 749px) and (min-width: 480px) { 
	#alerm_message {
		top: -35px;
		height: 40px;
		border-radius: 5px;
		font-size: 14px;
	}

	#alerm_message .icon {
		width: 60px;
	    background-size: 16px auto;
	}

	#alerm_message .txt {
		width: calc(100% - 60px);
		padding: 0px 20px;
	}


	#filter_box .txt { font-size: 14px; padding-left: 10px; }
	#filter_box .icon { width: 22px; height: 14px; }
	#filter_box .pop { bottom: -125px; width: 310px; height: 120px; }
	#filter_box .pop .box .group .item { font-size: 14px; }
	#filter_box .pop .box { padding: 15px; }

	#filter_box .pop .box .group:nth-child(1) { padding-bottom: 10px; }
	#filter_box .pop .box .group { padding-top: 10px; }

	.calender_containner .step_calender_body { width: 100%; }
	.calender_containner .calender_borad { 
		width: 100%; margin-left: 0px; margin-top: 45px; 
		border-left: 0px;
		border-right: 0px;
	}
}

@media (max-width: 1023px) and (min-width: 750px) { 
	#alerm_message {
		top: -45px;
		height: 45px;
		border-radius: 5px;
		font-size: 16px;
	}

	#alerm_message .icon {
		width: 80px;
	    background-size: 20px auto;
	}

	#alerm_message .txt {
		width: calc(100% - 80px);
		padding: 0px 20px;
	}
	

	#filter_box .txt { font-size: 16px; }
	#filter_box .icon { width: 25px; height: 18px; }
	#filter_box .pop { bottom: -135px; width: 335px; height: 126px; }
	#filter_box .pop .box .group .item { font-size: 16px; }
	#filter_box .pop .box { padding: 15px; }

	#filter_box .pop .box .group:nth-child(1) { padding-bottom: 10px; }
	#filter_box .pop .box .group { padding-top: 10px; }

	.calender_containner .step_calender_body { width: 100%; }
	.calender_containner .calender_borad { 
		width: 100%; margin-left: 0px; margin-top: 45px; 
		border-left: 0px;
		border-right: 0px;
	}
}


@media (max-width: 1279px) and (min-width: 1024px) { 
	.calender_containner .step_calender_body { width: calc(100% - 320px); }
	.calender_containner .calender_borad { width: 300px; }
	.calender_containner .calender_borad .calender_date_txt { font-size: 20px; line-height: 2; }
	.calender_containner .calender_borad .calender_date_btn button { font-size: 15px; padding: 10px 30px; }
}



/*
	@media (max-width: 479px){ 

	}

	@media (max-width: 749px) and (min-width: 480px) { 

	}

	@media (max-width: 1023px) and (min-width: 750px) { 

	}


	@media (max-width: 1279px) and (min-width: 1024px) { 

	}
*/