@charset "utf-8";/*****************************************************/
/* 공통 */
/*****************************************************/
/*
:focus ,
:focus-visible {
	outline: 2px dashed rgba(50,120,215,1) !important;
}
*/


/* 페이지타이틀이 있으면, 기본타이틀 구역 제거 */
.pageTitle ~ #Reservation ._title:not(:has(BUTTON)) ,
.PageTitle ~ #Reservation ._title:not(:has(BUTTON)) {
	display:none;
}





/* 세션내부 아티클이 있으면 좌우여백제거 */
SECTION:not(:has(ASIDE)) > ARTICLE:has(> #Reservation)  {
	padding-left:0;
	padding-right:0;
}
/* 가이드 점선 유지 */
SECTION:not(:has(ASIDE)) > ARTICLE > #Reservation {
	padding-left: 1px;
	padding-right: 1px;
}







#Reservation {
	width: 100%;
	padding:0 1rem;
	cursor: default;
	font-size:1.5rem;
	font-family: 'Noto Sans KR','Malgun Gothic',dotum,Sans-serif,AppleGothic;
}
#Reservation LABEL ,
#Reservation BUTTON {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;


}
#dzDateRange .datepicker__month-day--first-day-selected::before { content:"입실"; }
#dzDateRange .datepicker__month-day--last-day-selected::before { content:"퇴실"; }
html:lang(en) #dzDateRange .datepicker__month-day--first-day-selected::before { content:"In"; }
html:lang(en) #dzDateRange .datepicker__month-day--last-day-selected::before { content:"Out"; }
html:lang(ja) #dzDateRange .datepicker__month-day--first-day-selected::before { content:"入室"; }
html:lang(ja) #dzDateRange .datepicker__month-day--last-day-selected::before { content:"退室"; }
html:lang(zh-CN) #dzDateRange .datepicker__month-day--first-day-selected::before { content:"入室"; }
html:lang(zh-CN) #dzDateRange .datepicker__month-day--last-day-selected::before { content:"退房"; }
html:lang(zh-TW) #dzDateRange .datepicker__month-day--first-day-selected::before { content:"入室	"; }
html:lang(zh-TW) #dzDateRange .datepicker__month-day--last-day-selected::before { content:"退房"; }




.txt-warn {
	display:inline-block;
	 border-bottom:1px dashed #e9573f;
	 color:#e9573f;
}

.POPUP_BOX .POP_Area > .DZ_POPUPBOX_messageZone {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}




H3.arrow_bar::before {
	top:-0.1rem;
}


FIELDSET INPUT ,
FIELDSET SELECT,
FIELDSET TEXTAREA {
	height:4rem;
	border-radius: 5px;
	width: auto;
	padding: 0.2rem 1rem;
	background-color: #fafafa;
	border: solid 1px;
	border-color: #ddd;
	BORDER-TOP: #aaa 1px solid;
	BORDER-LEFT: #aaa 1px solid;
	vertical-align: middle;
}
FIELDSET INPUT ,
FIELDSET SELECT,
FIELDSET OPTION,
FIELDSET TEXTAREA {
	font-size: 1.5rem;
	font-family: inherit;
	color: #444;
	font-style: normal;
}
FIELDSET INPUT:focus ,
FIELDSET SELECT:focus ,
FIELDSET TEXTAREA:focus {
	border-color:#000;
}
FIELDSET INPUT:required:invalid ,
FIELDSET SELECT:required:invalid ,
FIELDSET TEXTAREA:required:invalid ,
FIELDSET INPUT::placeholder ,
FIELDSET SELECT::placeholder ,
FIELDSET TEXTAREA::placeholder {
	font-size:1.45rem;
	color:#aaa;
	font-style: italic;
}


FIELDSET INPUT:disabled ,
FIELDSET SELECT:disabled ,
FIELDSET TEXTAREA:disabled {
	background-color: #eee !important;
	cursor: not-allowed;
	color:#aaa !important;
	opacity: .7;
}
FIELDSET BUTTON:disabled {
	background-color: #eee !important;
	color: #888 !important;
	text-shadow: -1px -1px rgba(255,255,255,0.5) !important;
	border-color: #ccc !important;
	border-right-color:#aaa !important;
	border-bottom-color:#aaa !important;
}



FIELDSET.AppFields ~ FIELDSET  {
	margin-top:5rem;
}


FIELDSET.AppFields > LEGEND {
	font-size: 2.3rem;
	font-family: 'Noto Sans KR', 'Malgun Gothic', dotum, 'Sans-serif', AppleGothic;
	font-weight: 500;
	margin:0;
	padding-bottom:1rem;
	border-bottom: 2px solid #222;

	/* 초기화 */
	position:relative;
	width:100%;
	height:AUTO;
	color:#333;
	line-height:150%;


}
FIELDSET.AppFields > LEGEND SMALL {
	float: right;
	padding-top: 0.5rem;
	color: #e9573f;
	font-size:1.5rem;
	font-weight: normal;
	font-family: 'Noto Sans KR','Malgun Gothic',dotum,Sans-serif,AppleGothic;
}
FIELDSET.AppFields > DL {
	display: flex;
	align-items: center;
	flex-direction: row;
	flex-wrap: wrap;
	padding:1.5rem 2rem;
	font-size:1.6rem;
	border-bottom:1px solid #eee;
	border-bottom-color:#ddd;
}

FIELDSET.AppFields > DL:nth-of-type(1) {
	margin-top:1.5rem;
}

FIELDSET.AppFields DT {
	width:10rem;
}
FIELDSET.AppFields DD {
	position: relative;
	width:calc(100% - 10rem);
	display: flex;
	align-items: center;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-content: center;
}
FIELDSET.AppFields DT.esse::before {
	content:'★';
	display:inline-block;
	color:#e9573f;
	padding:0 0.5rem;
	font-size: 1.2rem;
	vertical-align: super;
}

FIELDSET.AppFields INPUT {
	width:100%;
}
FIELDSET.AppFields SELECT {
	width:30%;
}
FIELDSET.AppFields SELECT ~ SPAN {
	display:inline-block;
}
FIELDSET.AppFields TEXTAREA {
	width:100%;
	min-height:10rem;
	padding:1rem;

}

FIELDSET.AppFields INPUT#appName {
	width:50%;
}
FIELDSET.AppFields INPUT[name^='appBirth'] {
	width:23%;
}
FIELDSET.AppFields INPUT[name^='appBirth']:nth-of-type(1) {
	width:30%;
}

/*
FIELDSET.AppFields INPUT[name^='appEmail'] {
	width:30%;
}
*/
/*
FIELDSET.AppFields INPUT[name^='appEmail'] {
	width:40%;
}
FIELDSET.AppFields INPUT[name^='appEmail'] ~ SPAN {
	width:5%;
}

FIELDSET.AppFields #appEmail_dom {
	width:5%;
    border-bottom-color: #aaa;
    border-right-color: #aaa;
    background: #eee;
}
*/

FIELDSET .areaEmail INPUT[name^='appEmail'] {
	width: calc(50% - 2rem);
}
FIELDSET .areaEmail .slicebar_at {
	width: 2rem;
	display: inline-block;
	text-align: center;
}
FIELDSET .areaEmail .slicebar_at::after {
	content: "@";
	width: 2rem;
	display: inline-block;
	text-align: center;
}


FIELDSET .areaEmail .xEmailBox {
    position: relative;
    display: inline-block;
    width: calc(50% - 1rem);
    height: 4rem
}

FIELDSET .areaEmail .xEmailBox > INPUT[name^='appEmail'] {
	width: 100%;
	height: 100%;
	position: relative
}

FIELDSET .areaEmail .xEmailBox > UL {
	width: 100%;
	border: 1px solid #ddd;
	BORDER-TOP-color: #aaa;
	BORDER-LEFT-color: #aaa;
	max-height: 20rem;
	overflow: auto;
	position: absolute;
	right: 0;
	background-color: #ffc;
	z-index: 10;
	display: none;
}

FIELDSET .areaEmail .xEmailBox > UL > LI {
    position: relative;
    border-bottom: 1px solid #ddd
}

FIELDSET .areaEmail .xEmailBox > UL > LI:last-child {
    border-bottom: 0
}

FIELDSET .areaEmail .xEmailBox > UL > LI > button {
    padding: 0.5rem 1rem;
    width: 100%;
    height: 3rem !important;
    font-size: 1.3rem;
    text-align: left
}

FIELDSET .areaEmail .xEmailBox > UL > LI > button.on {
    background-color: #51566C;
    color: #eee
}

FIELDSET .areaEmail .xEmailBox > .xEmailShow {
    position: absolute;
    top: 0;
    right: 0;
    border: 0;
    width: 4rem;
    height: 4rem;
    padding: 0;
    z-index: 5
}

FIELDSET .areaEmail .xEmailBox > .xEmailShow strong {
    color: #4c4c4f;
    vertical-align: middle;
    display: inline-block;
    font-size: 0
}

FIELDSET .areaEmail .xEmailBox > .xEmailShow strong::after {
    content: "";
    position: relative;
    display: inline-block;
    border-color: #868686;
    border-style: solid;
    border-width: 2px 2px 0 0;
    width: 1rem;
    height: 1rem;
    margin-left: 0
}

FIELDSET .areaEmail .xEmailBox > .xEmailShow strong::after {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    transform: rotate(135deg);
    top: -0.5rem
}

FIELDSET .areaEmail .xEmailBox > .xEmailShow.on strong::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 0
}






FIELDSET.AppFields BUTTON {
	width:25%;
	height:4rem;
	border-radius: 5px;
}
/*
FIELDSET.AppFields [name^='appMobile'] {
	width:22%;
}
FIELDSET.AppFields BUTTON.btn_phoneAuth:disabled ~ [name^='appMobile'] {
	width:30%;
}
*/
FIELDSET.AppFields [name^='appMobile'] {
	width:30%;
}
/* 문자인증 사용시 */
FIELDSET.AppFields .fld_phoneAuth [name^='appMobile'] {
	width:22%;
}
FIELDSET.AppFields .fld_phoneAuth [name^='appMobile'] ~ BUTTON {
	width:25%;
	font-size:1.3rem !important;
}

@media all and (max-width:1500px) {
	FIELDSET.AppFields .fld_phoneAuth [name^='appMobile'] {
		width:30% !important;
	}
	FIELDSET.AppFields .fld_phoneAuth [name^='appMobile'] ~ BUTTON {
		width:100% !important;
		margin-top:0.5rem !important;
	}

}



FIELDSET.AppFields INPUT[name^='appTelnum'] {
	width:30%;
}

FIELDSET.AppFields [name^='appCity'] {
	width:49%;
}
FIELDSET.AppFields INPUT[name^='appCity'] {
	display:none;
}


FIELDSET.AppFields INPUT[name^='appAddr'] {
	margin-top:0.5rem;
}
FIELDSET.AppFields INPUT#appAddrcode {
	width:10rem;
}
FIELDSET.AppFields INPUT#appAddrcode + BUTTON {
	width:8rem;
}

/*
FIELDSET.AppFields > DL + UL {
	width: 100%;
	padding:0 2rem 2rem 12rem;
	list-style:disc;
	font-size:1.3rem;
	margin-top:-0.1rem;
	border-top:1px solid #fff;
	border-bottom:1px solid #eee;
}
FIELDSET.AppFields > DL + UL > LI {
	margin-left: 3.4rem;
}
*/
FIELDSET.AppFields > DL + UL {
	width: 100%;
	padding:0 2rem 2rem 12rem;
	list-style:disc;
	font-size:1.5rem;
	margin-top:2rem;
	border-bottom:1px solid #eee;
	color:#555;
}
FIELDSET.AppFields > DL + UL > LI {
	margin-left: 2rem;
	padding:0.5rem 0;

}


FIELDSET.AppFields > DL + UL > LI:first-child:nth-last-child(1) {
	list-style:none;
	margin-left:0;
}

FIELDSET.AppFields ~ LABEL {
	padding:2rem;
}




FIELDSET.AppFields .tit.esse + .fld INPUT ,
FIELDSET.AppFields .tit.esse + .fld SELECT {
	background-color: #ffd;
}
FIELDSET.AppFields .phoneAuth > DIV {
	display:block;
}
FIELDSET.AppFields .phoneAuth INPUT {
	display: inline-block;
	width:15rem;
}
FIELDSET.AppFields .phoneAuth BUTTON {
	width:8rem;
	padding:0;
	margin-left:0.5rem;
	font-size:1.3rem;
}
FIELDSET.AppFields .phoneAuth .area_phoneAuth {
	width: 100%;
	display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: nowrap;
    align-items: center;
}
FIELDSET.AppFields .phoneAuth .area_phoneAuth INPUT {
	width:44%;
}
FIELDSET.AppFields .phoneAuth .area_phoneAuth BUTTON {
	width:27.5%;
	margin-left:0.5rem;
}

FIELDSET.AppFields DD.txt {
    font-weight: 600;
    color: #000;
    font-size: 2rem;
}
FIELDSET.AppFields DD.txt:empty { display:none; }
FIELDSET.AppFields DD.tit:not(.hide) + DD.txt { display:none; }
FIELDSET.AppFields DD.txt.auth::after {
	content: "\ea25";
	font-family: xeicon!important;
	display: inline-block;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	color: #4FBB3F;
	font-size: 2.5rem;
}


FIELDSET.AppFields UL.guideTip ,
FIELDSET.AppFields DIV.guideTip {
	padding: 1rem 0;
	font-size: 1.3rem;
	color: #e9573f;
}
FIELDSET.AppFields UL.guideTip {
	margin: -1.5rem 0 0;
    background: #fff;
}
FIELDSET.AppFields UL.guideTip > LI {
	padding:0 1.5rem 0 2.5rem;
}

@media all and (max-width:767px) {

	
	FIELDSET.AppFields > DL {
		align-content: flex-start;
		padding: 2rem 1rem;
	}
	FIELDSET.AppFields > DL:nth-of-type(1) {
		margin-top: 0;
	}


	FIELDSET.AppFields DT ,
	FIELDSET.AppFields DD {
		width:100%;
	}
	FIELDSET.AppFields DD {
		padding-top: 1rem;
	}

	FIELDSET.AppFields > DL + UL {
		padding: 0 1rem 2rem;
	}

	/*
	FIELDSET.AppFields INPUT[name^='appEmail'] {
		width:45%;
	}
	FIELDSET.AppFields #appEmail_dom {
		width:100%;
		margin-top:0.5rem;
	}
	*/
}


/* 상태표시 */
.AppProgBox {
	width:100%;
	height:100%;
	border:1px solid #aaa;
	font-weight:bold;
	font-family: 'Malgun Gothic','Noto Sans KR',dotum,Sans-serif,AppleGothic;

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

}
.AppProg_timeout {
	color: #fff;
	text-shadow: -1px -1px 0 rgba(0,0,0,.35);
	border-color:#777;
	background: #bbb;
	background: repeating-linear-gradient(135deg, #bbb 0%, #bbb 25%, #aaa 0%, #aaa 50%) 0 / 10px 10px;

}
.AppProg_appr ,
.AppProg_watch {
	color: #eee;
	text-shadow: -1px -1px 0 rgba(0,0,0,.35);
	border-color:#4FBB3F;
	background: #70CA63;
	background: repeating-linear-gradient(135deg, #85D27A 0%, #85D27A 25%, #70CA63 0%, #70CA63 50%) 0 / 10px 10px;

}
.AppProg_on ,
.AppProg_complet {
	color: #eee;
	text-shadow: -1px -1px 0 rgba(0,0,0,.35);
	border-color:#276ECC;
	background: #4A89DC;
	background: repeating-linear-gradient(135deg, #649AE1 0%, #649AE1 25%, #4A89DC 0%, #4A89DC 50%) 0 / 10px 10px;

}
.AppProg_cancel {
	color: #eee;
	text-shadow: -1px -1px 0 rgba(0,0,0,.35);
	border-color:#DC3519;
	background: #E63F24;
	background: repeating-linear-gradient(135deg, #E9573F 0%, #E9573F 25%, #E63F24 0%, #E63F24 50%) 0 / 10px 10px;

}
.AppProg_refund ,
.AppProg_refunded {

	color: #ff0;
	text-shadow: -1px -1px 0 rgba(0,0,0,.35);
	border-color:#7652D1;
	background: #967ADC;
	background: repeating-linear-gradient(135deg, #A992E2 0%, #A992E2 25%, #967ADC 0%, #967ADC 50%) 0 / 10px 10px;
}
.AppProg_refunded {
	color: #fff;
}

.AppProg_rest {
	color: #fff;
	text-shadow: -1px -1px 0 rgba(0,0,0,.35);
	border-color: #ca901b;
	background: #f4a911;
	background: repeating-linear-gradient(135deg, #e49110 0%, #e49110 25%, #f4a911 0%, #f4a911 50%) 0 / 10px 10px;
}
.AppProg_done ,
.AppProg_chkout ,
.AppProg_checkout {
	color: #9FA4B7;
	color: #bbb;
	text-shadow: -1px -1px 0 rgba(0,0,0,.35);
	border-color:#2E313D;
	background: #3B3F4F;
	background: repeating-linear-gradient(135deg, #484D61 0%, #484D61 25%, #3B3F4F 0%, #3B3F4F 50%) 0 / 10px 10px;
}
.AppProg_chkin ,
.AppProg_checkin {

	color: #F8CD73;
	text-shadow: -1px -1px 0 rgba(0,0,0,.35);
	border-color:#2E313D;
	background: #3B3F4F;
	background: repeating-linear-gradient(135deg, #484D61 0%, #484D61 25%, #3B3F4F 0%, #3B3F4F 50%) 0 / 10px 10px;
}

/* 이용안내 */
UL.Guidebox {
	padding:1.5rem 3rem 2rem 2rem;
	border:1px dashed #ccc;
	border-radius:0.75rem;
	box-shadow:0 0 0 5px #fff, 0 0 0 6px #aaa;

	list-style-type: disc;
	list-style-position: outside;
}
UL.Guidebox > LI {
	margin-left: 2.1rem;
	margin-top: 0.8rem;
	color:#444;
}
UL.Guidebox > LI .b {
	font-weight:500;
}
UL.Guidebox + UL.Guidebox  {
	margin-top:3rem;
}



/* 장애인 우선구역 안내 */
.Certbox {
	border: 2px dashed #F5B025;
    background-color: #f9d58b;
    border-radius: 1rem;
    text-align: center;
    padding: 3rem;
    margin: 5rem auto;
    width: auto;
    display: block;
    color: #4c4341;
}
.Certbox:empty {
	display:none;
}
._aside .Certbox {
    margin: 2rem auto 0;
}


.Certbox P {
	padding-top:2rem;
}
.Certbox strong ,
.Certbox b , .Certbox .b {
	font-weight:500;
}
.Certbox UL {
    width: 100%;
    max-width: 50rem;
    text-align: left;
    margin: auto;
    margin-top: 2rem;
    list-style-type: disc;
	list-style-position: outside;
    padding-left: 2rem;
}
.Certbox UL > LI {

}
.Certbox.impaired {
}
.Certbox.impaired h4::before {
	content:'';
	display:inline-block;
	width:3.5rem;
	height:3.5rem;
	vertical-align:middle;
	margin-right:1rem;
	/* margin:0 auto 2rem; */

    background-image: url(/dzSmart/imgs/icon_physically_140x140.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.Certbox.impaired h6 {
	margin-top:1.5rem;
}




/*

#Reservation ._btns {
	padding:3rem 0;
	border-top:2px solid #222;
	padding:5rem 0;
}
#Reservation ._btns > BUTTON {
	width:30%;
	max-width:16rem;
	height:6rem;
	font-size:1.6rem;
	font-weight:500;
	border-radius:5px;
}
#Reservation ._btns > BUTTON ~ BUTTON {
	width:60%;
	max-width:28rem;
	float:right;
}

#Reservation ._btns.rside > BUTTON {
	width:16rem;
	float:right;
}
#Reservation ._btns.rside > BUTTON ~ BUTTON {
	width:28rem;
	margin-right:1rem;
}
#Reservation ._btns.rside > BUTTON + BUTTON + BUTTON {
	margin-right:1rem;
}


#Reservation ._btns > BUTTON#AppBtnListback {
	width:30%;
	max-width:16rem;
}
*/


#Reservation ._btns {
	width:100%;
	border-top:2px solid #222;
	padding:5rem 0;

	display: flex;
    justify-content: space-between;
    flex-direction: row;
}
#Reservation ._btns.rside {
	justify-content: flex-end;
}
#Reservation ._btns.cside {
	justify-content: center;
}
#Reservation ._btns BUTTON {
	min-width:20rem;
	height:6rem;
	margin:0 0.5rem;
	font-weight:500;
	border-radius:5px;
}
/*
#Reservation ._btns DIV:empty {
	display:none;
}
*/
@media all and (max-width:768px) {
	#Reservation ._btns > DIV ,
	#Reservation ._btns BUTTON {
		width:100%;
		min-width:auto;
		margin:0 0.5rem;
	}
	#Reservation ._btns > DIV > BUTTON:first-child:nth-last-child(2) {
		width: 60%;
		margin:0;
	}
	#Reservation ._btns > DIV > BUTTON:first-child:nth-last-child(2) ~ BUTTON {
		width:38%;
		margin:0;
	}

}

/********************* 테블릿 이하 ********************
@media all and (max-width:1000px) {
	#Reservation ._form ._btns > BUTTON {
		width:35%;
		border-radius:5px;
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}
	#Reservation ._form ._btns > BUTTON ~ BUTTON {
		width:65%;
		max-width:auto;
		border-radius:5px;
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
	}
}
*/

/********************* 모바일 이하 ********************
@media all and (max-width:500px) {

	#Reservation ._btns > BUTTON {
		width:30%;
		border-radius:5px;
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}
	#Reservation ._btns > BUTTON ~ BUTTON {
		width:70%;
		border-radius:5px;
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
	}


	#Reservation ._btns.rside > BUTTON {
		width:30%;
		border-radius:5px;
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
	}
	#Reservation ._btns.rside > BUTTON ~ BUTTON {
		width:70%;
		margin:0;
		border-radius:5px;
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}
}
*/


#AppBtnOption {
	text-align:center;
	padding:5rem 0;
	border-bottom:1px solid #ccc;
}

#Reservation ._btns BUTTON[class*=" btn-icon-"] ,
#Reservation ._btns BUTTON[class^=btn-icon-] {
	border-radius:0.5rem;
	padding: 0.5rem 3rem 0.5rem  2.5rem;
}
#Reservation ._btns BUTTON[class*=" btn-icon-"]::before ,
#Reservation ._btns BUTTON[class^=btn-icon-]::before {

	font-family: xeicon !important;
	display: inline-block;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	margin-right: 1rem;
	font-size: 1.5em;
	vertical-align: middle;

}
#Reservation BUTTON.btn-icon-left ,
#Reservation BUTTON.btn-icon-right {
    display: flex;
    justify-content: center;
    align-items: center;
}
#Reservation BUTTON.btn-icon-right {
    flex-direction: row-reverse;
}
#Reservation BUTTON.btn-icon-right::before {
	margin-right: -2rem !important;
	margin-left: 1rem;
}



#Reservation BUTTON.btn-icon-cancel::before {
	content: "\e924";
}
#Reservation BUTTON.btn-icon-plus::before {
	content: "\e916";
}
#Reservation BUTTON.btn-icon-check::before {
	content: "\e92b";
}
#Reservation BUTTON.btn-icon-back::before {
	content: "\e9d2";
}
#Reservation BUTTON.btn-icon-prev::before {
	content: "\e93c";
    font-size: 1.2em !important;
    vertical-align: -0.1em !important;
    border-radius: 100%;
    padding-right: 0.1rem;
	padding-bottom:0.1rem;

    background: #fff;
    color: #3B3F4F;
    text-shadow: none;
}
#Reservation BUTTON.btn-icon-next::before {
	content: "\e93f";
    font-size: 1.2em !important;
    vertical-align: -0.1em !important;
    border-radius: 100%;
    padding-left: 0.1rem;
	padding-bottom:0.1rem;

    background: #fff;
    color: #3B3F4F;
    text-shadow: none;
}





/* 진행바 */
.nav-step_prog {
	display: table;
	overflow: hidden;
	margin: 0;
	width: 100%;
	height: 6rem;
	border: 1px solid #aaa;
	background-color: #f7f7f7;

	border-radius: 1rem;
	font-family: 'Noto Sans KR','Malgun Gothic',dotum,Sans-serif,AppleGothic;
}
.nav-step_prog > div {
	position: relative;
	display: table-cell;
	width:20%;
	padding: 1.5rem 0;
	color: #999;
	text-align: center;
	font-size: 1.125em;

}
.nav-step_prog > div.prog-complete {
	background-color: #bbb;
	color: #555;
}
.nav-step_prog > div.prog-complete .prog-arr {
	/*
	border: 1px solid #888 !important;
	background: #bbb !important;
	*/
	border: 1px solid #888;
	background: #bbb;
}
.nav-step_prog > div.prog-active {
	background-color: #ddd;

	color: #444;
	font-weight:500;
	text-shadow:-1px -1px rgba(0,0,0,.38);
}
.nav-step_prog > div.prog-active .prog-arr {
	/*
	background: #ddd !important;
	*/
	background: #ddd;
}

.nav-step_prog .prog-arr_wrapper {
	position: absolute;
	top: 0;
	right: 0;
}
.nav-step_prog .prog-arr_wrapper .prog-arr_cover {
	position: absolute;
	overflow: hidden;
	width: 3rem;
	height: 6rem;
}
.nav-step_prog .prog-arr_wrapper .prog-arr_cover .prog-arr {
	position: absolute;
	left: -3.8rem;
	z-index: 2;
	width: 6rem;
	height: 6rem;
	border: 1px solid #999;
	background: transparent;
	border-radius: 1rem;

	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}



._step + ._head ,
._step + ._title ,
._step + ._list {
	margin-top:5rem;
}


@media all and (max-width:767px) {
	.nav-step_prog {
		display:none;
	}
}





/* 진행바 커스텀 */
.nav-step_prog {
	background-color: #eee;
	border-color: #4b5e87;
	border-color: #5c616b
}
.nav-step_prog > div {
	color: #999;
}
.nav-step_prog > div.prog-complete {
	color: #eee;
	background-color: #4e669b;

	text-shadow: -1px -1px rgba(0, 0, 0, .38);

}
.nav-step_prog > div.prog-complete .prog-arr {
    border-color: #194875;
    background-color: #1f64a7;
	box-shadow:inset 0 0 3px 1px rgba(255,255,255,.25);

}
.nav-step_prog > div.prog-active {
	color: #eee;
    background: linear-gradient(90deg, #4e669b 0%, rgb(120 144 192) 100%);
}
.nav-step_prog > div.prog-active .prog-arr {
	background-color: #7890c3 !important;
	border-color:#4e669b;
}
.nav-step_prog .prog-arr_wrapper .prog-arr_cover .prog-arr {
	border-color:#bbb;
}
.nav-step_prog > div.prog-active .prog-arr_wrapper .prog-arr_cover .prog-arr {
	border-color:#6175a1;
}
.nav-step_prog > div.prog-complete .prog-arr_wrapper .prog-arr_cover .prog-arr {
	border-color:#465577 ;
}
/*****************************************************/
/* 날짜선택 */
/*****************************************************/

.reserv_calendar > ._title {
	text-align:center;
	display:flex;
	align-items: center;
    justify-content: center;
    align-content: center;
    flex-wrap: nowrap;
    flex-direction: row;
}
.reserv_calendar > ._title::after {
	content:'';
	clear:both;
	display:block;
}
.reserv_calendar > ._title > * {
	display:inline-block;
	vertical-align:middle;
}
.reserv_calendar > ._title > H2 {
	font-size:3.4rem;
	font-weight:600;
    padding: 0 1.25rem;
}

.reserv_calendar > ._title > BUTTON.prevMonth ,
.reserv_calendar > ._title > BUTTON.nextMonth {
	min-width:3rem;
	height:3rem;
	border:0;
	background:transparent;
	margin:auto 1rem;

    display: flex;
    align-items: center;

    font-size: 1.8rem;
    line-height: 1;
}
.reserv_calendar > ._title > BUTTON.prevMonth::before ,
.reserv_calendar > ._title > BUTTON.nextMonth::after {
	content:'';
	display:inline-block;
	width:2rem;
	height:2rem;
	border:5px solid #000;
	border-left:0;
	border-top:0;
	transform: rotate( 135deg );
}
.reserv_calendar > ._title > BUTTON.nextMonth::after {
	transform: rotate( -45deg );
}
.reserv_calendar > ._title > BUTTON.prevMonth:disabled ,
.reserv_calendar > ._title > BUTTON.nextMonth:disabled {
	color:#bbb;
}
.reserv_calendar > ._title > BUTTON.prevMonth:disabled::before ,
.reserv_calendar > ._title > BUTTON.nextMonth:disabled::after {
	border-color:#bbb;
}

.reserv_calendar > ._titline {
	position: relative;
	width:100%;
	height:6rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    flex-direction: row;
	align-items: flex-end;
}
.reserv_calendar > ._titline > ._lside {
	position: relative;
	width:10rem;
}
.reserv_calendar > ._titline > ._cside {
	position: relative;
	width:calc(100% - 12rem);
	text-align:center;
	font-size:1.6rem;
	color: #8991a3;
	letter-spacing: -0.1rem;
}

.reserv_calendar > ._titline > ._rside {
	position: relative;
	width:12rem;
	text-align:right;
	right:0;
}

.reserv_calendar > ._titline > ._rside > BUTTON {
	border-radius:5px;
	height:4rem;
	width:100%;
	font-size:1.5rem;
}

/* 헤더 + 바디 */
.reserv_calendar > ._head ,
.reserv_calendar > ._body {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	box-sizing: border-box;
	border-left:1px solid #ddd;
}

.reserv_calendar > ._head > LI ,
.reserv_calendar > ._body > DL {
	position: relative;
	width: 14.285714285714286%;
	overflow: hidden;
	padding:1.5rem 1rem;
	border: 1px solid #ddd;
	border-left-width:0;
}
/* 헤더 */
.reserv_calendar > ._head {
	margin-top:1.5rem;
	text-align:center;
	font-weight:600;
	color:#eee;
	background-color:#6680bb;
	border-color:#5c6d95;
}
.reserv_calendar > ._head > LI {
	border-color:#5c6d95;
	text-shadow:-1px -1px 0 rgba(0,0,0,.3);
	padding:1rem;
}


/* 초기화 */
.reserv_calendar > ._title ,
.reserv_calendar > ._titline ,
.reserv_calendar > ._head ,
.reserv_calendar > ._foot {
	display: none;
}
.reserv_calendar.on > ._title ,
.reserv_calendar.on > ._titline ,
.reserv_calendar.on > ._head ,
.reserv_calendar.on > ._foot {
	display: flex;
	
    flex-wrap: wrap;
}



.reserv_calendar #SystemClock {
	display:inline-block;
	padding-right:0.5rem;
	color:#606a81;
	font-weight: 500;
	letter-spacing: 0;
}
.reserv_calendar #SystemClock:empty {
	display:none;
}
.reserv_calendar #SystemClock::before {
    content: "\ea1f";
    font-family: xeicon!important;
    display: inline-block;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 0 0.5rem;
    margin-top:-0.25rem;
    font-size: 2rem;
    vertical-align: middle;
}



/* 바디 */
/*
.reserv_calendar > ._body > DL {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}
*/


.reserv_calendar > ._body > DL:nth-of-type(n+8) {
	border-top-width:0;
}
.reserv_calendar > ._body > DL:first-child:nth-last-child(1) {
	width:100%;
	min-height:50rem;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size:2.5rem;
	color:#aaa;
}
.reserv_calendar > ._body > DL > DT {
	width:100%;
	height: 2.5rem;
}
.reserv_calendar > ._body > DL > DT::after {
	content:'';
	display:block;
	clear:both;
}
.reserv_calendar > ._body > DL > DT > SPAN {
	display:inline-block;
	float:left;
	line-height:1;
}
.reserv_calendar > ._body > DL > DT > SPAN.day {
	font-size:1.6rem;
	font-weight:600;
	width:6rem;
}
.reserv_calendar > ._body > DL > DT > SPAN > IMG.weather {
	max-width:3rem;
	max-height:2.5rem;
	margin-left:0.5rem;
	vertical-align: middle;
}
.reserv_calendar > ._body > DL > DT > SPAN.date {
	display:none;
}
.reserv_calendar > ._body > DL > DT > SPAN.datetxt {
	font-size:1.3rem;
	width: calc(100% - 6rem);
	text-align:right;
}

/* 비활성 */
.reserv_calendar > ._body > DL.disabled {
	color:#999;
}
/* 달력범위를 넘어선 날 */
.reserv_calendar > ._body > DL.isNextmonth DT ,
.reserv_calendar > ._body > DL.isNextmonth DD {
	opacity: .75;

}
 


/* 토요일 */
.reserv_calendar > ._body > DL:nth-of-type(7n+0):not(.disabled) > DT > SPAN:first-of-type {
	color:#08c;
}
/* 일요일 */
.reserv_calendar > ._body > DL:nth-of-type(7n+1):not(.disabled) > DT > SPAN:first-of-type {
	color:#c05;
}
.reserv_calendar > ._body > DL > DD {
	width:100%;
}
.reserv_calendar > ._body > DL > DD > DIV.season {
	text-align:center;
	margin:1.5rem 0;
	padding:0.1rem;
	font-size:1.3rem;
	border:1px solid #ccc;
	border-radius:30px;
	/* box-shadow:inset 1px 1px 0 0 rgba(0,0,0,.25); */
}
.reserv_calendar > ._body > DL > DD.isDisabled {
    position: relative;
	min-height:10rem;
	height: calc(100% - 2.5rem);
	font-size:1.6rem;
	font-weight:400;
	color:#bbb;
	display: flex;
	align-items: center;
	justify-content: center;
}
.reserv_calendar > ._body > DL > DD + DD.isDisabled {
	height: calc(100% - 10rem);
}
.reserv_calendar > ._body > DL > DD.isDisabled::before {
	content:'';
	display: block;
	width: 200%;
	height: 0.65rem;
	padding: 0;
	margin: 0;
	background: transparent;
	border: 1px solid rgba(255,0,0,.25);
	position: absolute;
	top: calc(50% - 0.3rem);
	left: -50%;
	transform: rotate(145deg);
}
/* 마감일때 .. */
.reserv_calendar > ._body > DL > DD.isDisabled > SPAN {
	display:inline-block;
	border: 1px solid #ccc;
	padding: 0.5rem 2rem;
	border-radius: 0.5rem;
	background: #fff6e5;
	position: relative;
	color: #e58387;
}


.reserv_calendar > ._body UL {
	margin-top:1rem;
}
.reserv_calendar > ._body UL > LI {
	padding:0;
	line-height: 1;
}
.reserv_calendar > ._body UL > LI::after {
	content:'';
	display:block;
	clear:both;
}
.reserv_calendar > ._body UL > LI:last-of-type BUTTON {
	border-bottom-color:transparent;
}
.reserv_calendar > ._body UL > LI BUTTON {
	position:relative;
	width:100%;
	height:100%;
	margin:0;
	padding:0.5rem 0;
	/*
	padding-left:0.5rem;
	*/
	border:1px solid transparent;
	border-bottom-color:#eee;
	background:transparent;

	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;


	font-size:1.5rem;
	text-align:left;
	color:#666;
	border-radius:3px;


}
.reserv_calendar > ._body UL > LI BUTTON:hover {
	border-color:#a2b2d9;
	background:#ebeffb;
}
.reserv_calendar > ._body UL > LI BUTTON > span {
	/*float:left;*/
	vertical-align: middle;
}
.reserv_calendar > ._body UL > LI BUTTON > span.tit {
	width:calc(100% - 3rem);
	letter-spacing: -0.1rem;
	padding-left:1rem;
}
.reserv_calendar > ._body UL > LI BUTTON > span.num {
	width:3rem;
	min-width:3rem;
	padding-right:0.3rem;
	text-align:right;
	font-size:1.2rem;
	font-family: tahoma;
	font-weight:bold;
	color:#6680bb;
}
.reserv_calendar > ._body UL > LI BUTTON > span.num:not(:empty)::before {
	content:'(';
}
.reserv_calendar > ._body UL > LI BUTTON > span.num:not(:empty)::after {
	content:')';
}


.reserv_calendar > ._body UL > LI BUTTON::before {
	/*
	position: absolute;
	top:0.75rem;
	left:0.5rem;
	margin: 0 auto;
    width: 1.5rem;
    height: 1.5rem;
	background-color:#6680bb;
    border-radius: 50%;
	vertical-align: middle;
	*/

	/*
	padding:0;
	color:#fff;
	content: "+";
	font-weight: 600;
	line-height: 1;
	text-align:center;
	*/


	content: "\e916";
	font-family: xeicon!important;
    display: inline-block;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

	border:0;
    top: -0.2rem;
    left: -0.2rem;
    margin: 0;
    padding: 0;
	padding-left:0.2rem;
    line-height: 1;
    width: 2.5rem;
    height: 100%;
    color: #6680bb;
    font-size: 2rem;
	background-color:transparent;

}

/* 비활성 */
.reserv_calendar > ._body UL > LI BUTTON:disabled {
	cursor: not-allowed;
	opacity: .5;
}
.reserv_calendar > ._body UL > LI BUTTON:disabled:hover {
	border-color:transparent;
	background:transparent;
}
.reserv_calendar > ._body UL > LI BUTTON:disabled::before {
	content: "";
	background-color:transparent;
	/*
	border:2px solid #6680bb
	*/
	border:0;
    top: -0.2rem;
    left: -0.2rem;
    margin: 0;
    padding: 0;
    line-height: 1;
    width: 2.5rem;
    height: 100%;


	content: "\e922";
	font-family: xeicon!important;
    display: inline-block;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    color: #c00;
    font-size: 3rem;
	margin-left: -0.3rem;
    line-height: 0.5;

}
.reserv_calendar > ._body UL > LI BUTTON:disabled > span.num:not(:empty) {
	border:1px solid #666;
	border-radius:3px;
	font-weight:normal;
	background-color:#aaa;
	color:#fff;
	text-shadow:-1px -1px 0 rgba(0,0,0,.5);
	text-align:center;
	padding:0.1rem 0;
	height:100%;
	display:block;
	letter-spacing:-0.1rem;
}
.reserv_calendar > ._body UL > LI BUTTON:disabled > span.num::before ,
.reserv_calendar > ._body UL > LI BUTTON:disabled > span.num::after {
	display:none;
}

.reserv_calendar > ._body DD .isOpenwait {

    position: relative;
	text-align:center;
	background-color:#ffd;
	padding:1rem;
	color:#9d9d80;
	border:1px solid #cfcfac;
	border-radius:5px;
}
.reserv_calendar > ._body DL.isHoliday > DT SPAN  {
	color:#c05 !important;
}
.reserv_calendar > ._body DL.isPayWeek > DD .season {
	color:#c05 !important;
}





/********************* Mobile *********************/
@media all and (min-width: 767px) and (max-width: 1199px) {
	.reserv_calendar > ._body UL > LI BUTTON {
		flex-direction: column;
		padding:0.5rem 0;
		line-height: 140%;
	}
	.reserv_calendar > ._body UL > LI BUTTON::before {
		display:none1111;
	}
	.reserv_calendar > ._body UL > LI BUTTON > span.tit {
		display:block;
		width: 100%;
		letter-spacing: 0;
		padding-left: 0;
		text-align:center;
	}

}



/********************* Mobile *********************/
@media all and (max-width:767px) {


	#Reservation .reserv_calendar ._head ,
	#Reservation .reserv_calendar dl:not(.isEnabled) {
		display:none;
	}


	#Reservation .reserv_calendar dl {
		display:block;

		width: calc(100% - 2rem);

		margin:1.5rem auto;

		border:1px solid #000;
		padding: 0;
		box-shadow:0 0 0 4px rgba(0,0,0,.2);
		background-color:#fff;

	}

	.reserv_calendar > ._body {
		border:0;
	}
	#Reservation .reserv_calendar > ._body > DL > DT ,
	#Reservation .reserv_calendar > ._body > DL > DD {
		padding:1.5rem;
	}



	#Reservation .reserv_calendar > ._body > DL > DT {
		padding:1rem;
		padding-left:2.5rem;
		height:4.5rem;
		border-bottom:1px solid #aaa;
		background:#e9eaef;
	}
	#Reservation .reserv_calendar > ._body > DL > DT > SPAN.day {
		display:none;
	}
	#Reservation .reserv_calendar > ._body > DL > DT > SPAN.date {
		display:inline-block;
		font-weight:bold;
		width:auto;
		font-size:1.9rem;
	}
	#Reservation .reserv_calendar > ._body > DL > DT > SPAN > IMG.weather {
		max-width:3rem;
		max-height:2.5rem;
		margin-left:0.5rem;
		vertical-align: middle;
	}

	#Reservation .reserv_calendar > ._body > DL > DT > SPAN.datetxt {
		width: auto;
		display:inline-block;
		text-align: left;
		padding:0.5rem 1rem 0;
	}

	#Reservation .reserv_calendar DT + DD {
		position: absolute;
		width: auto;
		top: 0;
		right: 0;
		padding: 1rem !important;
	}
	#Reservation .reserv_calendar DD > DIV.season {
		margin:0;
		padding:0.1rem 1rem;
		background-color:#fff;
	}
	#Reservation .reserv_calendar DD > UL {
		margin:0;
	}
	#Reservation .reserv_calendar DD > UL > LI {
		height:3.5rem;
	}
	#Reservation .reserv_calendar DD > UL > LI BUTTON::before {
		width:1.8rem;
		height:1.8rem;
		top:1rem;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	#Reservation .reserv_calendar DD > UL > LI BUTTON > SPAN {
		float:none;
		height:100%;
		display: flex;
		align-items: center;
	}
	#Reservation .reserv_calendar DD > UL > LI BUTTON > span.num {
		position: absolute;
		top: 0;
		right: 0;
		text-align:right;
		min-width:4rem;
		justify-content: flex-end;
	}
	#Reservation .reserv_calendar DD > UL > LI BUTTON:disabled > span.num:not(:empty) {
		justify-content: center;
		height: calc(100% - 1rem);
		top:0.5rem;
	}

	/* 달력범위를 넘어선 날 */
	#Reservation .reserv_calendar DL.isNextmonth {
		display:none;

	}


	#Reservation .reserv_calendar > ._title > BUTTON.prevMonth SPAN ,
	#Reservation .reserv_calendar > ._title > BUTTON.nextMonth SPAN {
		display:none;
	}

 








}



/*****************************************************/
/* 구역선택 */
/*****************************************************/


.reserv_area::after {
	content:'';
	clear:both;
	display:block;
}
.reserv_area > ._head::after {
	content:'';
	clear:both;
	display:block;
}


.reserv_area > ._foot {
	display:none;
}







.reserv_area > ._head ._area {
	display:none;
}
.reserv_area > ._head.mapping.mapEnabled ._area {
	float:left;
	display:block;
	width:70rem;
}
.reserv_area > ._head + H2 {
	margin-top:7.5rem;
}
.reserv_area H2 {
	text-align:center;
	font-size:3.4rem;
	padding:0 0 3rem;
}
.reserv_area H2 ~ H2 {
	padding:8rem 0 3rem;
}

.reserv_area > ._head ._area .zonemap {
	position: relative;
	width:100%;
	height:50rem;
	margin:1rem auto;

	border: 1px solid #bbb;
	box-shadow:inset 0 0 0 1rem #fff;
	overflow: hidden;
	background: #e5e5e5;
	background-repeat: no-repeat;
}
.reserv_area > ._head ._area P {
	font-size:1.7rem;
	margin-top:1rem;
}
.reserv_area > ._head ._side {
	width:100%;
	float:none;
	padding-left:0;
	display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}
.reserv_area > ._head.mapping.mapEnabled ._side {
	width:calc(100% - 70rem);
	float:right;
	padding-left:3.5rem;
}
.reserv_area > ._head ._side::after {
	content:'';
	clear:both;
	display:block;
}

.reserv_area ._info {
	width:100%;
}
.reserv_area ._info UL.Guidebox {
	width:calc(100% - 1rem);
	margin:1rem auto;
}



.reserv_area ._zone ,
.reserv_area ._term {
	width:50%;
	padding:3rem 0 0;
}
.reserv_area ._zone {
	padding-right:2rem;
}
.reserv_area ._term {
	padding-left:2rem;
}

.reserv_area ._head.mapping ._zone ,
.reserv_area ._head.mapping ._term {
	padding:3rem 0 0;
	width:100%;
}


/* 맵 독립위치 */
.reserv_area > ._head.mapping.mapHorizon ._area ,
.reserv_area > ._head.mapping.mapHorizon ._side {
		float:none;
		width:100%;
		padding:0;
}

.reserv_area > ._head.mapping.mapHorizon ._area {
	padding-top:5rem;
}

.reserv_area > ._head.mapping.mapHorizon ._zone ,
.reserv_area > ._head.mapping.mapHorizon ._term {
	padding:3rem 0 0 ;
	width:50%;
}

.reserv_area > ._head.mapping.mapHorizon ._zone {
	padding-right:2rem;
}
.reserv_area > ._head.mapping.mapHorizon ._term {
	padding-left:2rem;
}

.reserv_area > ._head.mapping.mapHorizon ._area .zonemap {
	margin: 1rem 0;
}



/********************* Tablet *********************/
@media all and (max-width:1200px) {
	#Reservation .reserv_area > ._head ._area ,
	#Reservation .reserv_area > ._head ._side {
		float:none;
		width:100%;
		padding:0;
	}
	#Reservation .reserv_area > ._head ._area ,
	#Reservation .reserv_area > ._head ._side > DIV:nth-of-type(n+2) {
		padding-top:5rem;
	}

	#Reservation .reserv_area > ._head ._zone ,
	#Reservation .reserv_area > ._head ._term {
		padding:0;
		width:100%;
	}


}

/* 모바일 */
@media all and (max-width:767px) {

	#Reservation .reserv_area > ._head  ._term .termarea > BUTTON {
		display:none;
	}
	#Reservation .reserv_area > ._head  ._term .termarea > DIV.period_txt {
		margin-right:0;
	}


}


/* 모바일 */
@media all and (max-width:482px) {

	.reserv_area ._term .termarea {
		flex-wrap: wrap;
		height: auto;
		position: relative;
		padding:3rem 2rem;
		margin-bottom: 8rem;

	}
	.reserv_area ._term .termarea > DIV.period_calendar {
		position: absolute;
		bottom: -8rem;
		width: 100% ;
		height: 6rem;
	}
	.reserv_area ._term .termarea .period_calendar > BUTTON {
		flex-direction: row !important;
	}
	.reserv_area ._term .termarea .period_calendar > BUTTON::before {
		padding-right:1rem;
		font-size:3rem;
	}
}



.reserv_area ._zone UL {
	width: 100%;
	height:auto;
	display: flex;
	flex-wrap: wrap;
	box-sizing: border-box;
	box-shadow: 3px 3px 0 0 rgba(0,0,0,.1);
	background-color:#f5f5f5;
	border: 1px solid #bbb;

}
.reserv_area ._zone UL > LI {
	position: relative;
	width: 25%;
	/* height:10rem; */
	height:12rem;
	overflow: hidden;
	border: 1px solid #bbb;
	border-top-width:0;
	border-left-width:0;
	padding:0.5rem;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color:#fff;
}
.reserv_area ._zone UL > LI.null {
	width: 100%;
	height:6.5rem;
	color:#ddd;
}

/* 모바일 */
@media all and (max-width:767px) {

	/* 구역이 2개인 경우 */
	.reserv_area ._zone UL > LI:first-child:nth-last-child(2),
	.reserv_area ._zone UL > LI:first-child:nth-last-child(2) ~ LI {
		width: 50%;
	}
	/* 구역이 3개인 경우 */
	.reserv_area ._zone UL > LI:first-child:nth-last-child(3),
	.reserv_area ._zone UL > LI:first-child:nth-last-child(3) ~ LI {
		width: calc(100% / 3);
	}
}

/* ~번째 마다 */
.reserv_area ._zone UL > LI:nth-of-type(4n){
	border-right-width:0;
}

/* ~번째 부터 */
.reserv_area ._zone UL > LI:nth-of-type(n+5) {
	border-bottom-width:0;
}

/* 구역이 5개 있으면 한줄로 변경 */
.reserv_area ._zone UL > LI:first-child:nth-last-child(5),
.reserv_area ._zone UL > LI:first-child:nth-last-child(5) ~ LI {
	width: 20%;
	border-bottom-width:0;
	border-right-width:1px;
}
.reserv_area ._zone UL > LI:first-child:nth-last-child(5) ~ LI:last-of-type  {
	border-right-width: 0;
}





.reserv_area ._zone BUTTON {
	position: relative;
	width:100%;
	height:100%;
	background-color:transparent;
	border:1px solid transparent;
	padding:0.5rem 1rem;
	border-radius:5px;
}
.reserv_area ._zone BUTTON:hover ,
.reserv_area ._zone BUTTON:active ,
.reserv_area ._zone BUTTON.active {
	border-color:#666;
	background-color:#6680bb;
	color:#eee;
	text-shadow:1px 1px 0 rgba(0,0,0,.25);
}
.reserv_area ._zone BUTTON:active ,
.reserv_area ._zone BUTTON.active {
	box-shadow: inset 2px 2px 4px 0 rgba(0,0,0,.35);
}

.reserv_area ._zone BUTTON:active {
	background-color:#496299;
}
.reserv_area ._zone BUTTON.active::before {
	content:"\e92e";
	content:"\e92d";
	font-family: xeicon!important;
	display: inline-block;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;


	position: absolute;
	top: 0.5rem;
	left: 0.5rem;
	font-size:2rem;
	color:#ff0;
	text-shadow:-1px -1px 0 rgba(0,0,0,.35);

	opacity:1;
}
.reserv_area ._term .termarea {
	width:100%;
	height:12rem;
	border:1px solid #bbb;
	padding:1rem;
	box-shadow: 3px 3px 0 0 rgba(0,0,0,.1);

    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    align-content: center;

}
.reserv_area ._term .termarea::after {
	content:'';
	clear:both;
	display:block;
}

/*
.reserv_area ._term .termarea:has(BUTTON) {
	margin-left:0;
}
*/
/* 입퇴실 날짜 */
.reserv_area ._term .termarea > DIV {
	position: relative;
	margin:auto;

    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: center;
}



.reserv_area ._term .termarea > DIV > DIV.termtxt {
	display:inline-block;
	border:1px solid #d99815;
	background-color:#e5a628;
	color:#eee;
	text-shadow:-1px -1px 0 rgba(0,0,0,.15);
	border-radius: 5px;
	padding:0 1rem;
	display:block;
	width:auto;
    height: auto;

}
.reserv_area ._term .termarea > DIV > SPAN {
	display:block;
	text-align:center;
}
.reserv_area ._term .termarea > DIV > SPAN > STRONG {
	font-size: 1.7rem;
	display:block;
}
.reserv_area ._term .termarea > DIV > SPAN > P {
	display:block;
	letter-spacing: -0.1rem;
}
.reserv_area ._term .termarea > DIV.period_txt {
	width: 6rem;
	height: 6rem;
	border:1px solid #8362D6;
	border-radius: 100%;

	background:#967ADC;
	color:#eee;
	text-shadow:-1px -1px 0 rgba(0,0,0,.15);

    font-size: 1.7rem;
    font-weight: 600;
	text-align:center; 
	line-height: 100%;

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

}
/* 입퇴실 달력버튼 */
.reserv_area ._term .termarea .period_calendar > BUTTON {
	width: 100%;
	height: 100%;

/*
	border:0;
	border-radius: 5px;
	background:transparent;
	color:#222;
	text-shadow:-1px -1px 0 rgba(0,0,0,.15);
*/
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;

}
.reserv_area ._term .termarea .period_calendar  > BUTTON::before {
	content: "\e9a4";
	font-size:4.3rem;

    font-family: xeicon!important;
    display: inline-block;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
	text-shadow: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}










/* 구역도 */
.zonemap {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}


.zonemap .areabtns {
	display:block;
	position:absolute;
	top:0;
	left:0;

	width: 4rem;
	height: 4rem;
	line-height: 3.3rem;
	overflow:hidden;
	text-align:center;
	font-family:tahoma;
	font-weight:bold;
    font-size:1rem;
	padding:0;

	border-radius: 5rem;
	outline:0;
	cursor:pointer;

	background-color: #171c23;
	color:#ff0;
	border:4px solid #5178d0;

	box-shadow: 1px 1px 5px 1px rgba(0,0,0,.5);

	display:flex;
	justify-content: center;
	align-items: center;
	flex-wrap: nowrap;
	flex-direction: row;

}
.zonemap .areabtns:hover {
	z-index:20;
	border-color:#fff;

}
.zonemap .areabtns:hover {
	transform:scale(1.3,1.3);
}
.zonemap .areabtns:active {
	border-color:#FF0;
	box-shadow:0 0 0 2px #222;
	transform:scale(.8,.8);
}





.zonemap INPUT[type="checkbox"] {
	display:none;
}

.zonemap INPUT:checked + .areabtns {
	border-color:#FF0;
	box-shadow:0 0 0 2px #222;
	transform:scale(1,1);
	font-size:0 !important;
}
.zonemap INPUT:checked + .areabtns::before {
	content: "\e92c";
	font-family: xeicon!important;
	display: inline-block;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	position:absolute;
	width: 100%;
	height: 100%;
	font-size:2.5rem;
	color:#f8cd73;

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

}

.zonemap INPUT:disabled + .areabtns {
	color:#c00;
	border-color:#c00;
	box-shadow:none;
	transform:scale(1,1);
	cursor:no-drop;
}
.zonemap INPUT:disabled + .areabtns::before {
	content: "\e9af";
	font-family: xeicon!important;
	display: inline-block;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	position:absolute;
	width: 100%;
	height: 100%;
	font-size:5rem;
	color:#c00;

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

}

.zonemap + .Guidebox {
	margin:2rem auto;
	width: calc(100% - 10px);
}









/* 캡차 */
.captcha_area {
	margin:2.5rem;
}
.captcha_area > BUTTON {
	width:4rem;
	height:4rem;
	padding:0;
}
.captcha_area > BUTTON > I {
    line-height: 200%;
    font-size: 2rem;
}

.captcha_area > IMG {
	height: 4rem;
	border:0.2rem solid #000;
}
.captcha_area > INPUT {
	display:block;
	text-align:center;
	width:20rem;
	height:4rem;
	font-size:2rem;
	letter-spacing: 1rem;
	font-weight:600;
	margin-top:0.5rem;
	background-color: #ffa !important;
}












/* 객실목록 */
.reserv_area > H4:has(+._body) {
	padding-top:5rem;
}
.reserv_area > UL._body {
	border-top:2px solid #222;
}

.reserv_area > UL._body > LI {
    position: relative;
	padding:2rem;
	border-bottom:1px solid #ddd;
}
.reserv_area > UL._body > LI::after {
	content:'';
	clear:both;
	display:block;
}

.reserv_area > UL._body > LI:not(.active):not(.isVisible) {
	display:none;
}



.reserv_area > UL._body > LI > DIV {
	float:left;
}
.reserv_area > UL._body .photo {
	width: 18rem;
	height: 14rem;
	border: 1px solid #ddd;
	box-shadow:inset 0 0 0 5px #fff;
	overflow: hidden;
	background: #e5e5e5 url("/dzSmart/imgs/icon_gallery_null.png") center no-repeat;
	background-size: cover;
	font-size:0;
	color:transparent;
	padding:0.5rem;
	position: relative;
}
.reserv_area > UL._body .photo:not(:has(IMG)) {
	display:none;
}
.reserv_area > UL._body .photo img {
	width: 100%;
    height: 100%;
    object-fit: cover;
}





.reserv_area > UL._body .intro {
	width: calc(100% - 18rem - 23rem - 20rem);
	padding:0 3rem;
}

.reserv_area > UL._body .photo:not(:has(IMG)) ~.intro {
	width: calc(100% - 23rem - 20rem);
}
.reserv_area > UL._body .intro > .state {
	display:inline-block;
}
.reserv_area > UL._body .intro > .state > SPAN {
	display:inline-block;
	width:auto;
	padding:0.2rem 1rem;
	border-radius: 5px;

	height:100%;
	border:1px solid #aaa;
}
.reserv_area > UL._body .intro > .state > SPAN:nth-of-type(1) {
	color: #eee;
	text-shadow: -1px -1px 0 rgba(0,0,0,.35);
	border-color:#4FBB3F;
	background: #70CA63;
	background: repeating-linear-gradient(135deg, #85D27A 0%, #85D27A 25%, #70CA63 0%, #70CA63 50%) 0 / 10px 10px;
}
.reserv_area > UL._body .intro > .state > SPAN:nth-of-type(2) {
	display:none;

	color: #eee;
	text-shadow: -1px -1px 0 rgba(0,0,0,.35);
	border-color:#DC3519;
	background: #E63F24;
	background: repeating-linear-gradient(135deg, #E9573F 0%, #E9573F 25%, #E63F24 0%, #E63F24 50%) 0 / 10px 10px;
}

.reserv_area > UL._body > LI.disabled .state > SPAN:nth-of-type(1) {
	display:none;
}
.reserv_area > UL._body > LI.disabled .state > SPAN:nth-of-type(2) {
	display:inline-block;
}

.reserv_area > UL._body .intro .certimg {
	display:inline-block;
	height:3rem;
	width:3rem;
	border: 1px solid #4875c4;
    border-radius: 100%;
    overflow: hidden;
    background-color: #4875c4;
	margin-left:1rem;
}



.reserv_area > UL._body .intro > DL {
	display:block;
	padding:0.5rem 0 0;
}
.reserv_area > UL._body .intro > DL DT {
	/*font-size:1.7rem;*/
	font-size:2.1rem;
	font-weight: 500;
	padding:0.5rem 0;
}
.reserv_area > UL._body .intro > DL DT > SPAN {
	display:inline-block;
	font-size:1.7rem;
	padding-left:1rem;
	color: #999;

}
.reserv_area > UL._body .intro > DL DD {
	color:#999;
}
.reserv_area > UL._body .intro > DL DD::empty {
	display:none;
}
.reserv_area > UL._body .mens {
	width: 23rem;
}
.reserv_area > UL._body .mens > P {
	padding-left: 6rem;
    font-weight: 500;
    font-size: 1.7rem;
}

.reserv_area > UL._body .mens DL {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: flex-start;
	justify-content: center;
	align-items: center;
}
.reserv_area > UL._body .mens DL > DT {
	width:6rem;
	text-align:right;
	padding-right:1rem;
	font-size:1.5rem;
}
.reserv_area > UL._body .mens DL > DD {
	width:100%;
	border:1px solid #aaa;
	border-radius:3px;
	overflow:hidden;

	margin:0.5rem 0;
	margin-left:6rem;
}
.reserv_area > UL._body .mens DL > DT + DD {
	width:calc(100% - 6rem);
	margin-left:0;
}
.reserv_area > UL._body .mens DL > DD::after {
	content:'';
	clear:both;
	display:block;
}
.reserv_area > UL._body .mens DL > DD > * {
	float:left;
}
.reserv_area > UL._body .mens DL > DD > DIV {

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

	width: calc(100% - 7rem);
	height:3.5rem;
	border:1px solid #aaa;
	border-top:0;
	border-bottom:0;
}
.reserv_area > UL._body .mens DL > DD INPUT {
	display:none;
}
.reserv_area > UL._body .mens DL > DD > BUTTON {
	position: relative;
	width:3.5rem;
	height:3.5rem;
	border:0;
	background-color:#f1f2f3;
}

.reserv_area > UL._body .mens DL > DD > BUTTON.btn-plus::before ,
.reserv_area > UL._body .mens DL > DD > BUTTON.btn-plus::after ,
.reserv_area > UL._body .mens DL > DD > BUTTON.btn-minus::after {
	content:'';
	position: absolute;
	display:block;
	margin: auto;
	width:1.6rem;
	height:0.4rem;
	background-color:#000;
}
.reserv_area > UL._body .mens DL > DD > BUTTON.btn-plus::after {
	transform: rotate( 90deg );
}

.reserv_area > UL._body .charge {
	width:20rem;
	padding-left:3rem;
}

.reserv_area > UL._body .charge > INPUT {
	display:none;
}
.reserv_area > UL._body .charge > LABEL {
	width:100%;
	height:5rem;
	margin-top: 3rem;

	display:flex;
	align-items: center;
	justify-content: center;
	font-size:1.7rem;
	font-weight:600;

	position: relative;
	/*
	color:#f5f5f5;
	text-shadow:-1px -1px 0 rgba(0,0,0,.25);
	*/
	background-color: #f5f5f5;
	border: 1px solid #aaa;
	padding: 0.5rem 1rem;
	border-radius: 0.5rem;
	box-shadow: 3px 3px 0 0 rgba(0,0,0,.1);


}
.reserv_area > UL._body .charge > LABEL:hover {
	/* background-color:#fff; */
}
.reserv_area > UL._body .charge > LABEL::before ,
.reserv_area > UL._body .charge > LABEL::after {

	font-family: xeicon!important;
	display: inline-block;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	position: absolute;
	left:1rem;
	font-size: 2rem;
}
.reserv_area > UL._body .charge > LABEL::before {
	content: "\e9c6";
}
.reserv_area > UL._body .charge > INPUT:checked + LABEL {
	top:0.3rem;
	left:0.3rem;
	box-shadow:inset 3px 3px 0 0 rgba(0,0,0,.1);
	background-color:#F8CD73;
	color:#222;
	border-color:#222;
	text-shadow:none;
}
.reserv_area > UL._body .charge > INPUT:checked + LABEL::before {
    color: #fff;
    text-shadow: -1px -1px 0 rgba(140,65,10,.5);
}
.reserv_area > UL._body .charge > INPUT:checked + LABEL::after {
	content: "\e928";
	font-size: 3rem;
	top: 0.3rem;
	left: 0.8rem;
	font-weight: 600;
	color: #c00;
}
.reserv_area > UL._body .charge > DIV {
	padding-top:2rem;
	text-align:right;
	font-size:1.85rem;
	font-weight:600;
}
.reserv_area > UL._body .charge > P {
	padding-top:0.5rem;
	text-align:right;
	font-size:1.5rem;
	font-weight:400;
	display:none;
}
.reserv_area > UL._body .charge > INPUT:disabled + LABEL {
	display:none;
}
.reserv_area > UL._body .charge > INPUT:disabled ~ DIV {
	text-align:center;
	color:#c00;
	float: right;
	padding: 0;
}
.reserv_area > UL._body .charge > INPUT:disabled ~ DIV::before {

	font-family: xeicon!important;
	display: inline-block;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	content: "\e9aa";
	font-size: 4rem;
	display:block;
	font-weight: 600;

}



.reserv_area > UL._body > LI.disabled {
	opacity: .5;
	border-bottom:1px solid #bbb;
}
.reserv_area > UL._body > LI.disabled BUTTON.btn-plus::before ,
.reserv_area > UL._body > LI.disabled BUTTON.btn-plus::after ,
.reserv_area > UL._body > LI.disabled BUTTON.btn-minus::after {
	background-color:#aaa !important;
}
.reserv_area > UL._body > LI.disabled .charge {
	display:none;
}
.reserv_area > UL._body > LI.disabled LABEL {
	cursor: not-allowed!important;
	box-shadow:none;
}

.reserv_area > UL._body > LI.disabled LABEL::before ,
.reserv_area > UL._body > LI.disabled LABEL::after {
	display:none;
}


.reserv_area > UL._body + ._null {
	display:none;
	padding:10rem 0;
	border-bottom:1px solid #aaa;
	text-align:center;
	color:#aaa;
	font-size:2.2rem;
}



/********************* Tablet *********************/
@media all and (max-width:1200px) {


	.reserv_area > UL._body > LI {
		padding:2rem 1rem;
	}
	.reserv_area > UL._body .photo {
		width:11rem;
		height:8.5rem;
	}
	.reserv_area > UL._body .photo:not(:has(IMG)) {
		display:none;
	}
	.reserv_area > UL._body .intro {
		width: calc(100% - 42rem);

		padding:0;
		padding-left:1.5rem;
	}
	.reserv_area > UL._body .photo:not(:has(IMG))  ~ .intro {
		width: calc(100% - 32rem);
	}


	.reserv_area > UL._body .intro > .state > SPAN {
		font-size:1.2rem;
		padding:0 1rem;
	}
	.reserv_area > UL._body .intro > DL DD {
		font-size:1.2rem;
	}


	.reserv_area > UL._body .mens {
		width: 19rem;
	}
	.reserv_area > UL._body .mens DL > DT {
		width:5rem;
		font-size:1.3rem;
	}
	.reserv_area > UL._body .mens DL > DD {
		margin:0.2rem 0;
		margin-left:5rem;
	}
	.reserv_area > UL._body .mens DL > DT + DD {
		width:calc(100% - 5rem);
	}
	.reserv_area > UL._body .mens DL > DD > DIV {
		width: calc(100% - 6rem);
		height:3rem;
	}
	.reserv_area > UL._body .mens DL > DD > BUTTON {
		width:3rem;
		height:3rem;
		padding:0;
	}

	.reserv_area > UL._body .mens DL > DD > BUTTON.btn-plus::before ,
	.reserv_area > UL._body .mens DL > DD > BUTTON.btn-plus::after ,
	.reserv_area > UL._body .mens DL > DD > BUTTON.btn-minus::after {
		left: 50%;
		margin-left: -0.8rem;
		top: 50%;
		margin-top: -0.2rem;
	}

	.reserv_area > UL._body .charge {
		position: absolute;
		right: 1rem;
		top: 2rem;
		width:10rem;
		padding:0;
	}
	.reserv_area > UL._body .charge > LABEL {
		width:10rem;
		height:4.2rem;
		margin:0;
		margin-left: auto;
	}
	.reserv_area > UL._body .charge LABEL > SPAN {
		padding-left: 1.5rem;
	}
	.reserv_area > UL._body .charge > INPUT:checked + LABEL::before ,
	.reserv_area > UL._body .charge > INPUT:checked + LABEL::after {

		position: absolute;
		left:0;
		font-size: 2.4rem;
		text-align: center;
		width: 100%;
		padding: 0;
		margin: 0;
	}
	.reserv_area > UL._body .charge > INPUT:checked + LABEL::after {
		font-size:3rem;
		font-weight:600;
		bottom:50%;
		left:0.3rem;
	}
	.reserv_area > UL._body .charge > INPUT:checked + LABEL::before {
		content: "\e9c6";
	}

	.reserv_area > UL._body .charge > INPUT:checked + LABEL > SPAN {
		display:none;
	}


	/* 금액 */
	.reserv_area > UL._body .charge > DIV {
		font-size: 2rem;
		line-height:1;
		letter-spacing: -0.1rem;
	}


}

/* 모바일 */
@media all and (max-width:767px) {

	.reserv_area > UL._body > LI {
		padding:5rem 1rem;
	}

	.reserv_area > UL._body .photo {
		/* width:9rem; */
		width:100%;
		height:18rem;
		margin-bottom:1rem;
		background-size: contain;
	}
	.reserv_area > UL._body .intro {
		/* width: calc(100% - 17rem); */
		width: calc(100% - 10rem);
	}
	.reserv_area > UL._body .photo:not(:has(IMG))  ~ .intro {
		width: calc(100% - 8rem);
	}

	.reserv_area > UL._body .photo img {
		object-fit: contain;
		position: relative;
		z-index:1;

		box-shadow: 0 0 0 2px #fff;
	}

	.reserv_area > UL._body .photo .photobg {
		position: absolute;
		width:100%;
		height:100%;
		top:0;
		left:0;
		background-color:#eee;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
		filter: blur(8px);
		-webkit-filter: blur(2px);
	}



	.reserv_area > UL._body .intro > DL DT {
		padding:0;
	}


	.reserv_area > UL._body .mens {
		display:block;
		clear:both;
		width: 20rem;
		float:right;
		padding-top:1rem;
		display:none;
	}
	.reserv_area > UL._body > LI.active .mens {
		display:block;
	}


	.reserv_area > UL._body .photo:has(IMG)  ~ .charge {
		/*
		top:17rem;
		top:21rem;
		*/
		top:24rem;
	}
	.reserv_area > UL._body .charge > LABEL {
		width:7rem;
	}
	.reserv_area > UL._body .charge LABEL > SPAN {
		padding-left:0;
	}
	.reserv_area > UL._body .charge > LABEL::before ,
	.reserv_area > UL._body .charge > LABEL::after {
		content:'';
	}



}







/******************************************/
/* 박스 스타일 */
.reserv_area > UL.StyBoxs._body {

    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
}

.reserv_area > UL.StyBoxs._body > LI {
	width:23rem;
	min-width:18rem;
	width:calc(100% / 5 - 3rem);
	border:1px solid #aaa;
	margin:1.5rem;
	box-shadow: 3px 3px 0 0 rgba(0, 0, 0, .1);

	display: flex;
    flex-direction: column;	
}
.reserv_area > UL.StyBoxs._body > LI:has(.rKey_Enabled:checked) {
	border:1px solid #000;
	box-shadow: 0 0 0 2px rgba(0, 0, 0, 1);
}

.reserv_area > UL.StyBoxs._body:has(.rKey_Enabled:checked) > LI:not(:has(.rKey_Enabled:checked)) {
	background-color:#fafafa;
	opacity: .75;
}


.reserv_area > UL.StyBoxs._body > LI > DIV {
	float: none;
	width: 100% !important;
	padding:0;
}
.reserv_area > UL.StyBoxs._body .photo:not(:has(IMG)) ~.intro , 
.reserv_area > UL.StyBoxs._body .intro {
	padding:0;
}
.reserv_area > UL.StyBoxs._body .photo {
	height:12rem;
}
.reserv_area > UL.StyBoxs._body .photo:has(IMG) ~.intro {
	padding-top:2rem;
}

.reserv_area > UL.StyBoxs._body .mens {
	padding-top: 2rem;
	display:none;
}
.reserv_area > UL.StyBoxs._body > LI:has(.rKey_Enabled:checked) .mens {
	display:block;
}
.reserv_area > UL.StyBoxs._body .mens > P {
	padding:0;
}
.reserv_area > UL.StyBoxs._body .mens DL > DD {
	margin: 0.5rem 0;
}
.reserv_area > UL.StyBoxs._body .charge {
    display: flex;
    flex-direction: column-reverse;
}
.reserv_area > UL.StyBoxs._body .charge > LABEL {
	margin:0;
	margin-top:0.5rem;
}



/********************* Tablet *********************/
@media all and (max-width:1200px) {


	.reserv_area > UL.StyBoxs._body > LI {
		width:calc(100% / 4 - 2rem);
		margin:1rem;
	}
	.reserv_area > UL.StyBoxs._body .photo:has(IMG) ~ .charge ,
	.reserv_area > UL.StyBoxs._body .charge {
		position:relative;
		right:auto;
		top:auto;
		width:100%;
	}
	.reserv_area > UL.StyBoxs._body .charge > LABEL {
		width:100%;
		margin:0;
		margin-top:0.5rem;
	}


}


/********************* Tablet *********************/
@media all and (max-width:1023px) {

	.reserv_area > UL.StyBoxs._body > LI {
		width:calc(100% / 3 - 2rem);
	}

}

/* 모바일 */
@media all and (max-width:767px) {


	.reserv_area > UL.StyBoxs._body > LI {
		width:calc(100% / 2 - 2rem);
	}


}











/* 모바일 카트 */
.mobile_cart {
	display:none;
}

@media all and (max-width:767px) {

	.mobile_cart {
		display:block;
		position:fixed;
		left: 0;
		bottom: -10rem;
		width:100%;
		height: 7rem;
		z-index: 100;
		background: #f1f2f3;
		padding:1rem;
		border-top:1px solid #ccc;
		box-shadow: 0 0 1rem 0 rgba(0,0,0,.25);
		transition: bottom 0.5s;
    	}
	.reserv_area:has(.isVisible.active) .mobile_cart {
		bottom: 0;
	}
	.mobile_cart .cart_state {
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: space-between;
		align-items: stretch;
	}

	.mobile_cart .cart_state > .cart_data {
		width: 12.5rem;
		height: 100%;
		font-size:1.35rem;
		border: 0;
		background: transparent;
		font-weight: 300;

		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: stretch;

	}
	.mobile_cart .cart_state > .cart_data + BUTTON {
		width: calc(100% - 12.5rem - 2rem);
		height: 100%;
	}

	.mobile_cart .cart_state > .cart_data > DIV {
		width: 100%;
		line-height: 1;
		padding:0.25rem 0;
		display:flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: flex-start;
	}
	.mobile_cart .cart_state > .cart_data SPAN {
		letter-spacing: -1px;
		color:#666;
	}
}
/*****************************************************/
/* 예약접수 */
/*****************************************************/
.reserv_reserv::after {
	content:'';
	clear:both;
	display:block;
}
.reserv_reserv H2 {
	text-align:center;
	font-size:3.4rem;
	padding:0;
	padding-bottom:3rem;
}

.reserv_reserv > .Guidebox {
	margin-top:5rem;
}
.reserv_reserv > .Guidebox + ._list {
	margin-top:5rem;
}

.reserv_reserv > ._list {
	width:100%;
	margin-top:5rem;
}
.reserv_reserv > ._list H3::after ,
.reserv_reserv > ._list H4::after {
	content:'';
	clear:both;
	display:block;
}
.reserv_reserv > ._list H3 > SMALL ,
.reserv_reserv > ._list H4 > SMALL {
	float:right;
	padding-top:0.5rem;
	color:#e9573f;
	font-size:1.5rem;
	font-weight:normal;
	font-family: 'Noto Sans KR','Malgun Gothic',dotum,Sans-serif,AppleGothic;
}
.reserv_reserv > ._list UL {
	width:100%;
	margin-top:1rem;
	border-top:2px solid #000;
}
.reserv_reserv > ._list UL > LI {
	border-bottom:1px solid #ccc;
}
.reserv_reserv > ._list UL > LI::after {
	content:'';
	clear:both;
	display:block;
}
.reserv_reserv > ._list DL {
	float:left;
	width: calc((100% - 10%) / 6 );

	display: flex;
	justify-content: space-around;
	align-items: center;
	flex-direction: column;
	align-content: space-between;
}
.reserv_reserv > ._list DL:nth-of-type(1) ,
.reserv_reserv > ._list DL:nth-of-type(2) {
	width: calc(((100% - 10%) / 6) + 5%) ;

}
.reserv_reserv > ._list DL > DT {
	width:100%;
	height:5rem;
	border-bottom:1px solid #ddd;
	background-color:#f5f5f5;

	display: flex;
	justify-content: center;
	align-items: center;
	text-align:center;
	line-height: 1.2;
}
.reserv_reserv > ._list DL > DD {
	padding:2rem 0.5rem;
	height:10rem;
	text-align:Center;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.reserv_reserv > ._list .app_title H4 {
	font-size:1.9rem;
}

.reserv_reserv > ._list DL > DD STRONG {
	font-size:1.9rem;
	font-weight:500;
}

/* 리스트의 두번째 TH 지우기 */
.reserv_reserv > ._list UL > LI ~ LI DT {
	display:none;
}
.reserv_reserv > ._list H4 ,
.reserv_reserv > ._list H5 {
	font-size:2.4rem;
}
.reserv_reserv > ._list H4 + SMALL ,
.reserv_reserv > ._list H5 + SMALL {
	font-size:1.4rem;
	margin-top:0.5rem;
	color:#999;
}
.reserv_reserv .total_amount {
	text-align:right;
	padding:2rem 3rem;
	color:#666;
}

.reserv_reserv .total_amount > STRONG {
	font-size:2.5rem;
	color:#222;
	padding-left:1rem;
}

.reserv_reserv ._body {
	margin-top:3rem;
}
.reserv_reserv ._body::after {
	content:'';
	clear:both;
	display:block;
}



.reserv_reserv ._rule {
	float:left;
	width:50%;
	padding-right:3rem;
}
.reserv_reserv ._form {
	float:right;
	width:50%;
	padding-left:3rem;
}

.reserv_reserv ._rule > .rulebox {
	border-top:2px solid #222;
	margin-top:1rem;
	padding:2.5rem 2rem;
}
.reserv_reserv ._rule > .rulebox ~ .rulebox {
	border-top:1px solid #ccc;
	padding:1rem 2rem;
}
.reserv_reserv ._rule > .rulebox:last-of-type {
	padding-bottom: 2.5rem;
}



.reserv_reserv ._rule H4 ,
.reserv_reserv ._rule H5 ,
.reserv_reserv ._rule H6 {
	position: relative;
	margin-top:1rem;
}
.reserv_reserv ._rule H4 ~ H4 ,
.reserv_reserv ._rule H5 ~ H5 ,
.reserv_reserv ._rule H6 ~ H6 {
	margin-top:3rem;
	padding-top:2rem;
	border-top:1px solid #eee;
}

/* 약관 전체동의 버튼 */
.reserv_reserv ._rule H4 > LABEL {
	position: absolute;
	top:0;
	right:0;
    font-size: 1.75rem;
    line-height: 135%;
	color:#3f6da9;
}
HTML:lang(en) .reserv_reserv ._rule H4 > LABEL {
	position: relative;
}


/* 전체보기 버튼 */
.reserv_reserv ._rule H6 > BUTTON {
	position: absolute;
	right:0;
	border-radius: 0.5rem;
    padding: 0.3rem 1rem;
	font-size:1.2rem;

}

.reserv_reserv ._rule .arrow_bar:first-of-type {
	margin-top:0;
}
.reserv_reserv ._rule .rule_guide {

	width: 100%;
	/* height: 15rem; */
	height: 10rem;
	padding: 1.5rem;
	overflow: auto;
	border: 1px solid #ccc;
	background: #f1f2f3;
	margin-top:1rem;
	color: #555;
	font-size: 1.3rem;
	font-family: 'Malgun Gothic', dotum, 'Sans-serif', AppleGothic;
}
.reserv_reserv ._rule .rule_guide.moreview {
	display:block;
	height:auto;
}
@media (max-width: 768px) {
	.reserv_reserv ._rule .rule_guide {
		display:none;
	}
}



.reserv_reserv ._rule .rule_guide * {
	font-size: inherit;
}
.reserv_reserv ._rule .rule_guide h5 ,
.reserv_reserv ._rule .rule_guide h6 {
	font-size: 1.1em;
	margin-top: 2rem;
}
.reserv_reserv ._rule .rule_guide * ~ DIV ,
.reserv_reserv ._rule .rule_guide * ~ P ,
.reserv_reserv ._rule .rule_guide * ~ DL ,
.reserv_reserv ._rule .rule_guide * ~ UL {
	margin-top: 1rem;
}
.reserv_reserv ._rule .rule_guide TABLE {
    width: 100%;
    margin: 1rem auto;
    padding: 0;
    border-spacing: 0;
    border-collapse: initial;
    table-layout: fixed;
	border:1px solid #aaaaaa;
	border-right-width:0;
	border-bottom-width:0;
}
.reserv_reserv ._rule .rule_guide TABLE TH ,
.reserv_reserv ._rule .rule_guide TABLE TD {
	padding: 0.3rem 0.5rem;
	border: 1px solid #aaaaaa;
	border-left-color:#fafafa;
	border-top-color:#fafafa;
}
.reserv_reserv ._rule .rule_guide TABLE TH {
	width:30%;
	text-align:center;
	font-weight:bold;
	background: #e5e5e5;
}
.reserv_reserv ._rule .rule_guide TABLE TD {
	width:70%;
	background: #f7f7f7;
	vertical-align: top;
	border-left-color:#ffff;
	border-top-color:#fff;
}

.reserv_reserv ._rule .rule_guide DL {
	display:flex;
    flex-wrap: wrap;
	border:1px solid #aaaaaa;
	border-right-width:0;
	border-bottom-width:0;
}
.reserv_reserv ._rule .rule_guide DL > DT ,
.reserv_reserv ._rule .rule_guide DL > DD {
	padding: 0.5rem 0.7rem;
	border: 1px solid #aaaaaa;
	border-left-color:#fafafa;
	border-top-color:#fafafa;
}
.reserv_reserv ._rule .rule_guide DL > DT {
	width:100%;
	text-align:left;
	font-weight:bold;
	background: #e5e5e5;
}
.reserv_reserv ._rule .rule_guide DL > DD {
	width:100%;
	background: #f7f7f7;
	border-left-color:#ffff;
	border-top-color:#fff;
}
.reserv_reserv ._rule .rule_guide UL {
	list-style-type: disc;
    list-style-position: outside;
}
.reserv_reserv ._rule .rule_guide UL > LI {
    margin-left: 2rem;
    margin-top: 0.5rem;
}
.reserv_reserv ._rule .rule_guide UL > LI:first-of-type {
    margin-top: 0;
}

.reserv_reserv ._rule .rule_guide DL + UL {
   margin-top: 1rem;
}
.reserv_reserv ._rule .rule_guide DD LI {
    margin-top: 0.15rem;
}



@media all and (max-width:767px) {

	.reserv_reserv > ._body ._rule ,
	.reserv_reserv > ._body ._form {
		float: none;
		width: 100%;
		padding:0;
	}
	.reserv_reserv > ._body ._rule {
		border-bottom: 1px solid #555;
		padding-bottom:2rem;
	}
	.reserv_reserv > ._body ._form {
		padding-top:5rem;
	}
	.reserv_reserv ._rule H4 ~ H4 ,
	.reserv_reserv ._rule H5 ~ H5 ,
	.reserv_reserv ._rule H6 ~ H6 {
		border-top-color: #ccc;
	}
	.reserv_reserv ._rule > .rulebox {
		padding:0;
	}
	.reserv_reserv ._rule > .rulebox ~ .rulebox {
		margin-top:3rem;
		padding:0;
		border-top-color:#ccc;
	}
	.reserv_reserv ._rule > .rulebox:last-of-type {
		padding-bottom: 2rem;
	}






}






/* 환불정책 */
.box_RefRule::after {
	clear:both;
	content:'';
	display:block;
}
.box_RefRule > DIV {
	margin-top: 1em;
	font-size: 1.15em;
	font-weight:bold;
}
.box_RefRule > UL {
    list-style-type: disc;
    list-style-position: outside;
}
.box_RefRule > UL > LI {
    margin-left: 1.5em;
}



INPUT[id^='policy_attention'] + LABEL {
	display:block;
	position: relative;
	padding-left:3rem;
	padding-top:1.7rem;
}
INPUT[id^='policy_attention'] + LABEL::before {
	content: "\ea0e";
	font-family: xeicon!important;
	display: inline-block;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	position: absolute;
	left: 0;
	font-size:2.4rem;
	vertical-align: middle;
}
INPUT[id^='policy_attention']:checked + LABEL::before {
	content:"\e92d";
}

.reserv_reserv ._form FIELDSET {
	display:none;
}


#appMobile_Sending + LABEL {
	position: relative;
	padding-left:3.4rem;
}

#appMobile_Sending + LABEL::before {
	content: "\ea0e";
	font-family: xeicon!important;
	display: inline-block;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	position: absolute;
	left: 0;
	font-size:2.4rem;
	vertical-align: middle;
}
#appMobile_Sending:checked + LABEL::before {
	content:"\e92d";
}



.reserv_reserv .PriorTimer {
	margin:5rem 0;
}
.reserv_reserv .PriorTimer > .tit {
	text-align:center;
}
.reserv_reserv .PriorTimer > .counter {
	text-align:center;
	margin-top:1rem;
}
.reserv_reserv .PriorTimer > .Guidebox {
	margin-top:3rem;
}
.reserv_reserv .PriorTimer #DzReserv_Counter::before {
    content: "\ea1f";
    font-family: xeicon !important;
    display: inline-block;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 0 0.5rem;
    margin-top: -0.75rem;
    font-size: 3rem;
    vertical-align: middle;
}
.reserv_reserv .PriorTimer + .list {
	margin-top:5rem;
}

.reserv_reserv .TimeoutCounter {
	text-align:center;
	padding:3rem 0;
	color:#000;
}
.reserv_reserv .TimeoutCounter::before {
	content: "\ea1f";
	font-family: xeicon!important;
	display: inline-block;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	margin-right:0.5rem;
	font-size: 3rem;
	vertical-align: middle;
	margin-top: -0.2rem;
}
.reserv_reserv .TimeoutCounter BR {
	display:none;
}
.reserv_reserv .TimeoutCounter BR + SPAN {
	margin-left:1rem;
}
/* 모바일 - 상품 목록 */
@media all and (max-width:767px) {
	.reserv_reserv .TimeoutCounter BR {
		display:block;
	}
}



@media all and (max-width:767px) {

	.reserv_reserv .total_amount {
	    padding: 0 1rem;
	}

}





/*****************************************************/
/* 예약확인 - 로그인 */
/*****************************************************/
.reserv_login::after {
	content:'';
	clear:both;
	display:block;
}


.reserv_login H2 {
	text-align:center;
	font-size:3.4rem;
	padding:0 0 3rem;
}
.reserv_login H2 ~ H2 {
	padding:8rem 0 3rem;
}

.reserv_login > ._body {

	width:100%;
	max-width:65rem;
	min-height:30rem;
	margin:auto;
	border:1px solid #aaa;
	border-radius:1rem;
	padding: 3rem 5rem 5rem;
	box-shadow: 2px 2px 0 2px rgba(0,0,0,0.1);

}

.reserv_login FIELDSET {
	display:none;
}
.reserv_login FIELDSET > DL {
	padding:1.5rem 2rem;
	font-size:1.6rem;
	border-bottom:1px solid #eee;
}
.reserv_login FIELDSET > DL:last-of-type {
	border-bottom:0;
}
.reserv_login FIELDSET > DL:nth-of-type(1) {
	margin-top:1.5rem;
}

.reserv_login FIELDSET DT {
	width:10rem;
	display:block;
	padding:0 0 0.5rem;
	font-weight:500;
}
.reserv_login FIELDSET DD {
	width:100%;
	display: flex;
	align-items: center;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-content: center;
}
.reserv_login FIELDSET > DL + UL {
	width: 100%;
	padding:2rem;
	padding-top:0;
	list-style:disc;
	font-size:1.3rem;
	margin-top:-0.1rem;
	border-top:1px solid #fff;
	border-bottom:1px solid #eee;
}
.reserv_login FIELDSET > UL:last-of-type {
	border-bottom:0;
}
.reserv_login FIELDSET > DL + UL > LI {
	margin-left: 3.4rem;
}

.reserv_login FIELDSET > DL + UL > LI:first-child:nth-last-child(1) {
	list-style:none;
	margin-left:0;
}

.reserv_login FIELDSET INPUT {
	width:50%;
}
/*
.reserv_login FIELDSET INPUT[name^='appEmail'] {
	width:32%;
}
*/
.reserv_login FIELDSET [name^='appMobile'] {
	width:30%;
}

#Reservation .reserv_login FIELDSET ._btns {
	border:0;
	padding:0;
	padding-top:3rem;
}

#Reservation .reserv_login #ReserVerify_Login {
	width:100%;
	height:6rem;
	border-radius:1rem;
	font-size:1.6rem;
}
.reserv_login FIELDSET .areaEmail ,
.reserv_login FIELDSET .areaEmail + UL ,
.reserv_login FIELDSET .areaCode ,
.reserv_login FIELDSET .areaCode + UL {
	display:none;
}


.reserv_login > ._foot {
	width:65rem;
	margin:3rem auto;
}





@media all and (max-width:767px) {
	.reserv_login > ._body {
		padding:1.5rem 2rem 3rem;
	}
	
	.reserv_login FIELDSET #appCode ,
	.reserv_login FIELDSET #appName {
		width:100%;
	}
	/*
	.reserv_login FIELDSET INPUT[name^='appEmail'] {
		width:45%;
	}
	.reserv_login FIELDSET #appEmail_dom {
		width:100%;
		margin-top:0.5rem;
	}
	*/

}








/*****************************************************/
/* 예약확인 - 목록 */
/*****************************************************/
#Template {
	display:none;
}

/* 인증해제 버튼 */
#VerifyOUT {
	width:100%;
    max-width: 20rem;
	height:4rem;
    border-radius: 0.5rem;
    padding: 0 2.5rem 0 2rem;;
	color:#F8CD73;
}
#VerifyOUT::before {
	content:"\e972";
    font-family: xeicon !important;
    display: inline-block;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    font-size: 2rem;
    vertical-align: middle;
    margin-right: 0.5rem;
	color:#E63F24;

}




/*****************************************************/
/* 예약확인 - 목록 */
/*****************************************************/
#Template {
	display:none;
}

/* 인증해제 버튼 */
#VerifyOUT {
	width:100%;
    max-width: 20rem;
	height:4rem;
    border-radius: 0.5rem;
    padding: 0 2.5rem 0 2rem;;
	color:#F8CD73;
}
#VerifyOUT::before {
	content:"\e972";
    font-family: xeicon !important;
    display: inline-block;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    font-size: 2rem;
    vertical-align: middle;
    margin-right: 0.5rem;
	color:#E63F24;

}



/* 타이틀 */
.reserv_verify > ._title {
	text-align:center;
}
.reserv_verify > ._title::after {
	content:'';
	clear:both;
	display:block;
}
.reserv_verify > ._title > * {
	display:inline-block;
	vertical-align:middle;
}
.reserv_verify > ._title > H2 {
	font-size:3.4rem;
	font-weight:600;
}


/* 외부 조회 */
.reserv_verify > #OtherMenu ,
.reserv_appview > #OtherMenu {
	margin-top:3rem;
}
.reserv_verify > #OtherMenu:has(UL:empty) ,
.reserv_appview > #OtherMenu:has(UL:empty) {
	display:none;
}
.reserv_verify > #OtherMenu:has(UL:not(:empty)) + ._list ,
.reserv_appview > #OtherMenu:has(UL:not(:empty)) + ._list {
	margin-top:5rem;
}



#OtherMenu + ._title {
	margin-top: 8rem;
}
#OtherMenu + ._title H2 {
	text-align:center;
	font-size:3.4rem;
	padding:0;
	padding-bottom:3rem;
}





/* 예약목록 */
.reserv_verify > ._list {
	width:100%;
	margin-top:3rem;
}
.reserv_appview > ._list .tit_area ,
.reserv_verify > ._list .tit_area {
    display: flex;
    justify-content: space-between;
}
.reserv_verify > ._list H3::after {
	content:'';
	clear:both;
	display:block;
}
.reserv_verify > ._list H3 > SMALL {
	/* float:right; */
	padding-top:0.5rem;
	padding-left:1rem;
	color:#e9573f;
	color:#999;
	font-size:1.5rem;
	font-weight:normal;
	font-family: 'Noto Sans KR','Malgun Gothic',dotum,Sans-serif,AppleGothic;
}

@media all and (max-width:767px) {
	.reserv_appview > ._list .tit_area ,
	.reserv_verify > ._list .tit_area {
	    display: flex;
		flex-direction: column-reverse;

	}
	.reserv_appview > ._list .tit_area BUTTON ,
	.reserv_verify > ._list .tit_area BUTTON {
		margin-left:auto;
		margin-right:0;
	}
	.reserv_verify > ._list H3 > SMALL {
		display:block;
		padding:0;
	}
}





.reserv_verify > ._list UL {
	width:100%;
	margin-top:1rem;
	border-top:2px solid #000;
}
.reserv_verify > ._list UL > LI {
	border-bottom:1px solid #ccc;
}
.reserv_verify > ._list UL > LI::after {
	content:'';
	clear:both;
	display:block;
}
.reserv_verify ._list UL > LI.null {
	height:30rem;
	text-align:center;
	color:#aaa;
	font-size:2.5rem;
	font-weight:normal;
	display: flex;
	flex-wrap: nowrap;
	align-content: center;
	align-items: center;
	justify-content: center;
}
.reserv_verify ._list UL BUTTON {
	width:100%;
	border:0;
	margin:0;
	padding:0;
	vertical-align: middle;
	background-color: transparent;
}

.reserv_verify > ._list UL BUTTON:hover {
	background-color:#ffe;
}
.reserv_verify > ._list UL BUTTON:active {
	background-color:#ffa;
}

.reserv_verify > ._list DL {
	float:left;
	width: calc((100% - 5%) / 6 );

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


}
.reserv_verify > ._list DL:nth-of-type(3) {
	width: calc(((100% - 5%) / 6) + 10%) ;
}
.reserv_verify > ._list DL:nth-of-type(6) {
	width: calc(((100% - 5%) / 6) - 5%) ;
}

.reserv_verify > ._list DL > DT {
	width:100%;
	height:5rem;
	border-bottom:1px solid #ddd;
	background-color:#f5f5f5;

	display: flex;
	justify-content: center;
	align-items: center;
}
.reserv_verify > ._list DL > DD {
	padding:2rem 0.5rem;
	width:100%;
	min-height:10rem;
	text-align:Center;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.reserv_verify > ._list DL > DD STRONG {
	font-size:1.8rem;
}
/* 리스트의 두번째 TH 지우기 */
.reserv_verify > ._list UL > LI:not(.null) ~ LI DT {
	display:none;
}
.reserv_verify > ._list H4 {
	font-size:1.25em;
}
.reserv_verify > ._list H4 + SMALL {
	margin-top:0.5rem;
	color:#999;
}
.reserv_verify > ._list .app_rooms > DD {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.reserv_verify > ._list .app_rooms > DD > DIV {
	display:inline-block;
	padding:0 1rem;
	width:33.3333%;
	margin:0;
}
/* 하나일 때 */
.reserv_verify > ._list .app_rooms > DD > DIV:first-child:nth-last-child(1) {
    width: 100%;
}
/* 두개일 때 */
.reserv_verify > ._list .app_rooms > DD > DIV:first-child:nth-last-child(2),
.reserv_verify > ._list .app_rooms > DD > DIV:first-child:nth-last-child(2) ~ DIV {
    width: 50%;
}


.reserv_verify > ._list .app_rooms > DD > DIV ~ DIV {
	border-left:1px solid #ddd;
}
.reserv_verify > ._list .app_rooms > DD > DIV:nth-of-type(n+4) {
	border-top:1px solid #ddd;
	padding:0.1rem;

}
.reserv_verify > ._list .app_rooms > DD > DIV:nth-of-type(3n+1) {
	border-left-width:0;
}

.reserv_verify > ._list .app_men > DD SPAN {
	padding-right:0.5rem;
}
.reserv_verify > ._list .app_men > DD STRONG {
	font-size:2.1rem;
}
.reserv_verify > ._list .app_men > DD SPAN + STRONG {
	font-size:1.7rem;
}
.reserv_verify > ._list .app_state .AppProgBox {
	padding:1rem 0;
	border-radius: 0.5rem;
}

.reserv_verify > ._page {
	margin-top:5rem;
}
.reserv_verify > ._page .Async_Paginate > LI.paging-item > BUTTON  {
	border-left-width:1px;
}
.reserv_verify > ._page .Async_Paginate > LI.paging-item ~ LI > BUTTON {
	border-left-width:0;
}




/* 테블릿 이하 */
@media all and (min-width: 767px) and (max-width: 1000px) {
	.reserv_verify > ._list .app_rooms > DD > DIV {
		width:50%;
	}
	.reserv_verify > ._list .app_rooms > DD > DIV:nth-of-type(n+3) {
		border-top:1px solid #ddd;
		padding:1rem;
		margin:auto;
		margin-left:0;
	}
	.reserv_verify > ._list .app_rooms > DD > DIV:nth-of-type(3n+1) {
		border-left-width:1px;
	}
	.reserv_verify > ._list .app_rooms > DD > DIV:nth-of-type(2n+1) {
		border-left-width:0;
	}


	.reserv_verify > ._list DL > DD ,
	.reserv_verify > ._list DL > DD STRONG {
		font-size:1.1rem;
	}

	.reserv_verify > ._list H4 {
		font-size:1.9em;
	}

}


.area_car_modify {
	width:100%;
	padding:1rem 0;
	text-align: right;
}
.area_car_modify::empty {
	display:none;
}


/* 차량번호 수정버튼 */
#CarModify {
    min-width: 10rem;
    height: 4rem;
    margin: 0;
    font-weight: 500;
    border-radius: 0.5rem;
    padding: 0.5rem 3rem 0.5rem 2.5rem;
}
#CarModify::before {

	font-family: xeicon !important;
	display: inline-block;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	margin-right: 1rem;
	font-size: 1.5em;
	vertical-align: middle;

	content: "\e916";

}








#_Payment_ {
	width:100%; 
	height:8rem;
	/*font-size:1.6rem;*/
	font-size:2.1rem;
	margin-top:3rem;
	border-radius:0.5rem;
}




/* 모바일 - 예약 목록 */
@media all and (max-width:767px) {




	#Reservation UL.ResvAppList LI {
		border: 1px solid #555;
		margin: 4rem 0.5rem;
		padding: 0;
		box-shadow: 0 0 0 5px rgba(0,0,0,.15);
		border-radius: 0.5rem;
		overflow:hidden;
	}
	#Reservation UL.ResvAppList DL > DT ,
	#Reservation UL.ResvAppList DL > DD ,
	#Reservation UL.ResvAppList DL > DD H4 ,
	#Reservation UL.ResvAppList DL > DD H5 ,
	#Reservation UL.ResvAppList DL > DD STRONG {
		font-size:1.7rem;
	}

	#Reservation UL.ResvAppList BUTTON {

	}
	#Reservation UL.ResvAppList BUTTON:active DL > DT ,
	#Reservation UL.ResvAppList BUTTON:hover DL > DT {
		background-color: #f5f5e6;

	}

	#Reservation UL.ResvAppList DL {
		display:table;
		width:100%;
		height:auto;
		margin:auto;
		padding:0;
		border-spacing:0;
		border-collapse:collapse;
		table-layout:fixed;

		float: none;
		border:0;
		border-bottom:1px solid #ccc;
	}
	#Reservation UL.ResvAppList DL > DT ,
	#Reservation UL.ResvAppList DL > DD {
		display:table-cell;

		vertical-align: middle;
		float: none;
		height:100%;
		min-height:auto;
		padding:1rem;
		margin:0;
		border:0;

	}

	#Reservation UL.ResvAppList DL > DT {
		width:30%;
		border-right:1px solid #ddd;
	}
	#Reservation UL.ResvAppList DL > DD {
		width:70%;
		text-align:left;
		padding:1rem 1.5rem;
	}
	#Reservation UL.ResvAppList DL > DD > * {
		display:inline-block;
	}
	#Reservation UL.ResvAppList DL > DD > * ~ * {
		display:inline-block;
		padding:0 1rem;
	}
	#Reservation UL.ResvAppList DL.app_code > DD > DIV {
		display:none;
	}


	#Reservation UL.ResvAppList DL.app_rooms > DD > DIV {
		width:auto !important;
		border:0 !important;
		margin:0 !important;
		padding:0 !important;
	}
	#Reservation UL.ResvAppList DL.app_rooms > DD > DIV ~ DIV::before {
		display:inline-block;
		content:'/';
		padding:0 1rem;
		color:#aaa;
	}
	#Reservation UL.ResvAppList DL.app_rooms DIV > H4 {
		display:inline-block;

	}
	#Reservation UL.ResvAppList DL.app_rooms DIV > SPAN {
		display:none;
	}

	#Reservation UL.ResvAppList DL.app_state > DT {
		display:none;
	}
	#Reservation UL.ResvAppList DL.app_state > DD {
		width:100%;
		height: 8rem;
		padding: 1.5rem;
	}
	#Reservation UL.ResvAppList DL.app_state .AppProgBox {
		display: flex;
		align-items: center;
		justify-content: center;
		text-align:center;
		padding: 0.5rem 0;
		height:100%;

	}

}













/*****************************************************/
/* 예약확인 - 열람 */
/*****************************************************/
#Reservation.Verify .reserv_appview .nav-step_prog ,
#Reservation.Verify .reserv_appview .confirmMessageBox {
	display:none;
}


.reserv_appview::after {
	content:'';
	clear:both;
	display:block;
}
.reserv_appview H2 {
	text-align:center;
	font-size:3.4rem;
	padding:0;
	padding-bottom:3rem;
}

.reserv_appview H3 ~ H3 ,
.reserv_appview H4 ~ H4 ,
.reserv_appview ._body {
	margin-top:5rem;
}

.reserv_appview .confirmMessageBox {
	margin:10rem auto 5rem;
}
.reserv_appview .Success_Maker {
	 width: 15rem;
	 display: block;
	 margin: 0 auto;
}
.reserv_appview .Success_Maker .path {
	 stroke-dasharray: 1000;
	 stroke-dashoffset: 0;
}
.reserv_appview .Success_Maker .path.circle {
	 -webkit-animation: SVG_icon_Success 1.2s ease-in-out;
	 animation: SVG_icon_Success 1.2s ease-in-out;
}
.reserv_appview .Success_Maker .path.line {
	 stroke-dashoffset: 1000;
	 -webkit-animation: SVG_icon_Success 1.2s .5s ease-in-out forwards;
	 animation: SVG_icon_Success 1.2s .5s ease-in-out forwards;
}
.reserv_appview .Success_Maker .path.check {
	 stroke-dashoffset: -100;
	 -webkit-animation: SVG_icon_Success-check 1.2s .5s ease-in-out forwards;
	 animation: SVG_icon_Success-check 1.2s .5s ease-in-out forwards;
}

@-webkit-keyframes SVG_icon_Success {
	 0% { stroke-dashoffset: 1000; }
	 100% { stroke-dashoffset: 0; }
}
@keyframes SVG_icon_Success {
	 0% { stroke-dashoffset: 1000;}
	 100% { stroke-dashoffset: 0; }
}
@-webkit-keyframes SVG_icon_Success-check {
	0% { stroke-dashoffset: -100; }
	100% { stroke-dashoffset: 900; }
}
@keyframes SVG_icon_Success-check {
	0% { stroke-dashoffset: -100; }
	100% { stroke-dashoffset: 900; }
}


.reserv_appview ._body::after {
	content:'';
	clear:both;
	display:block;
}


.reserv_appview ._aside {
	float:left;
	width:50%;
	padding-right:3rem;
}
.reserv_appview ._aside ~ ._aside {
	float:right;
	padding-left:3rem;
	padding-right:0;
}
@media all and (max-width:900px) {
	.reserv_appview ._aside ,
	.reserv_appview ._aside ~ ._aside {
		float: none;
		padding:0;
		width:100%;
	}
	.reserv_appview ._aside ~ ._aside {
		margin-top:5rem;
	}
}

.reserv_appview .tblsty {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: center;
	justify-content: flex-start;
	align-items: center;

	position: relative;
	width: 100%;
	margin: auto;
	padding: 0;
	border-spacing: 0;
	border: 0;
	border-top: 3px solid #3B3F4F;
	border-collapse: collapse;
	table-layout: fixed;
}
.reserv_appview .tblsty + .tblsty {
	margin-top:-0.1rem;
}
.reserv_appview .tblsty > dt ,
.reserv_appview .tblsty > dd {
	height:5.5rem;
	padding:1rem 2rem;
	border-bottom:1px solid #ddd;
	display:flex;
    justify-content: center;
    align-items: center;
}
.reserv_appview .tblsty > dt {
	width:30%;
	font-weight:500;
	text-align:center;
	background-color:#f5f5f5;
	border-bottom-color:#ddd;
	line-height:1.2;
}
.reserv_appview .tblsty > dd {
	width:70%;
	justify-content: flex-start;
}
.reserv_appview .tblsty > dd > SPAN {
	display:inline-block;
	padding-left:1rem;
	color:#999;
}


@media all and (max-width:767px) {

	.reserv_appview .tblsty > dt ,
	.reserv_appview .tblsty > dd {
		width:calc(100% - 12rem);
		height: 5rem;
		padding: 0 2rem;
		display: flex;
		align-content: center;
		align-items: center;
		justify-content: flex-start;

		font-size:1.7rem;
	}
	.reserv_appview .tblsty > dt {
		width:12rem;
		padding-left:0.5rem;
		letter-spacing:-0.1rem;
		justify-content: flex-end;
	}

	.reserv_appview .tblsty > DT.title-state {
		display:none;
	}
	.reserv_appview .tblsty > DD.data-state {
		width:100%;
		height:8rem;
		padding: 1rem !important;
	}
	 

}

#AppPayment:empty {
	display:none;
}
#AppPayment .tblsty.PayType > dt ,
#AppPayment .tblsty.PayType > dd {
	height:8rem;
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: center;
}
#AppPayment .tblsty.PayType > dd {
	justify-content: flex-start;
	flex-wrap: wrap;
}
#AppPayment .tblsty.PayType .btn_radio {
	margin:0.25rem 0.5rem;
}


@media all and (max-width:767px) {
	/*
	#AppPayment .tblsty > dt ,
	#AppPayment .tblsty > dd {
		height: 5rem;
	}
	#AppPayment .tblsty > dd > STRONG {
		font-size:1.9rem;
	}
	#AppPayment .tblsty.PayType > dt ,
	#AppPayment .tblsty.PayType > dd {
		height:10rem;
		display: flex;
		align-content: flex-start;
		align-items: flex-start;
		flex-direction: column;
		flex-wrap: nowrap;
		justify-content: space-evenly
	}

	#AppPayment .tblsty.PayType > dt {
		align-items: flex-end;
	}
	#AppPayment .tblsty.PayType > dd > LABEL {
		width:100%;
		padding: 0.5rem 1rem;
	}
	*/

	#AppPayment .tblsty > dt ,
	#AppPayment .tblsty > dd {
		width:100%;
		height:auto;
		justify-content: flex-start;
		padding:1.5rem 1.5rem;
		padding-top:0;
		border-bottom-width:0;
	}
	#AppPayment .tblsty > dt {
		font-weight:bold;
		padding:1.5rem;
		padding-bottom:0.5rem;
		background-color:transparent;
	}
	#AppPayment .tblsty > dt ~ dt {
		border-top:1px solid #000;
	}
	#AppPayment .tblsty > dd STRONG {
		font-size:2.5rem;
	}

	#AppPayment .tblsty.PayType > dt ,
	#AppPayment .tblsty.PayType > dd {
		height:auto;
		justify-content: flex-start;
	}
	#AppPayment .tblsty.PayType > dd {
		padding:0;
	}
	#AppPayment .tblsty.PayType > dd > LABEL.btn_radio {
		width:100%;
		padding: 1.5rem;
		margin-top:1rem;
	}
	#AppPayment .tblsty.PayType > dd > LABEL.btn_radio + LABEL.btn_radio {
		margin-top:0;
	}

}


#AppPayment.timeout UL {
	width:100%;
    padding: 2.5rem;	
    list-style-position: outside;
    list-style-type: disc;
	background-color: #ffefec;
    border: 2px solid #3B3F4F;
    border-top-width: 2px;
    padding-left: 4rem;
}
#AppPayment.timeout UL > LI {
	padding-bottom:1rem;
}
#AppPayment.timeout UL > LI.b {
	font-weight:500;
	font-size:1.8rem;
}

#AppPayment:not(:empty) ~ .Certbox ,
#AppCertificate:empty {
	display:none;
}

/*
.reserv_appview .tblsty .fld-cancel ,
.reserv_appview .tblsty .data-cancel {
	display:none;
}
.reserv_appview .tblsty .fld-refund ,
.reserv_appview .tblsty .data-refund {
	display:none;
}
*/

.reserv_appview .tblsty .AppProgBox {
	width:100%;
	height:100%;
	padding:1rem;
    line-height: 1;
	border-radius: 0.5rem;
	cursor:default;
}



.reserv_appview > ._list {
	width:100%;
	margin-top:3rem;
}
.reserv_appview > ._list H3::after ,
.reserv_appview > ._list H4::after {
	content:'';
	clear:both;
	display:block;
}
.reserv_appview > ._list H4 > SMALL ,
.reserv_appview > ._list H3 > SMALL {
	float:right;
	padding-top:0.5rem;
	color:#e9573f;
	font-size:1.5rem;
	font-weight:normal;
	font-family: 'Noto Sans KR','Malgun Gothic',dotum,Sans-serif,AppleGothic;
}
.reserv_appview > ._list UL {
	width:100%;
	margin-top:1rem;
	border-top:2px solid #000;
}
.reserv_appview > ._list UL > LI {
	border-bottom:1px solid #ccc;
}
.reserv_appview > ._list UL > LI::after {
	content:'';
	clear:both;
	display:block;
}
.reserv_appview ._list UL > LI.null {
	height:30rem;
	text-align:center;
	color:#aaa;
	font-size:2.5rem;
	font-weight:normal;
	display: flex;
	flex-wrap: nowrap;
	align-content: center;
	align-items: center;
	justify-content: center;
}
/* 취소상품 */
.reserv_appview ._list UL > LI.cancel DD {
	color:#e55d5d;
}
/*
.reserv_appview ._list UL > LI.cancel DL:nth-of-type(2) > DD::before {
	font-family: xeicon!important;
	display: inline-block;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\e9af";
	position: absolute;
	font-size: 2.5rem;
	left: 0;
}
*/
.reserv_appview ._list UL > LI.cancel DL:nth-of-type(2) > DD > H6 ,
.reserv_appview ._list UL > LI.cancel DL:nth-of-type(2) > DD > H5 {
	position: relative;
}
.reserv_appview ._list UL > LI.cancel DL:nth-of-type(2) > DD > H6::before ,
.reserv_appview ._list UL > LI.cancel DL:nth-of-type(2) > DD > H5::before {
	content: "";
	position: absolute;
	font-size: 2.5rem;
	left: 0;
	top:calc(50% - 0.25rem);
	display:block;
	width:100%;
	height:0.5rem;
	border:1px solid #c00;
	border-left:0; border-right:0;
}





.reserv_appview > ._list DL {
	float:left;
	/* 총8개필드 -> 전체 95% 에서 7개 필드나누고 첫번째 고정너비 10rem 을 각각 필드에서 빼줌 */
	/* 두번째 필드에서 5% 더해줘서 총 100% */
	width: calc( (95% / 7) - (10rem / 7));

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


}
.reserv_appview > ._list DL:nth-of-type(2) {
	width: calc( (95% / 7) - (10rem / 7) + 5%);
}
.reserv_appview > ._list DL:nth-of-type(1) {
	width: 10rem;
}

.reserv_appview > ._list DL > DT {
	width:100%;
	height:5rem;
	border-bottom:1px solid #ddd;
	background-color:#f5f5f5;

	display: flex;
	justify-content: center;
	align-items: center;
}
.reserv_appview > ._list DL > DD {
	padding:2rem 0.5rem;
	width:100%;
	min-height:10rem;
	text-align:center;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.reserv_appview > ._list DL > DD H5 {
	font-size:1.9rem;
}
.reserv_appview > ._list DL > DD STRONG {
	font-size:1.65rem;
}
.reserv_appview > ._list DL > DD P ~ DIV ,
.reserv_appview > ._list DL > DD STRONG ~ DIV:not([class]) {
	color:#999;
}

.reserv_appview > ._list .app_rooms H4 {
	font-size:1.9rem;
}


/* 리스트의 두번째 TH 지우기 */
.reserv_appview > ._list UL > LI ~ LI DT {
	display:none;
}

/* 리스트의 옵션 다음 TH 보이게 */
.reserv_appview > ._list UL > LI.ResvOptList + LI.ResvPurList {
    border-top: 2px solid #000;
    margin-top: -1px;
}
.reserv_appview > ._list UL > LI.ResvOptList + LI.ResvPurList DT {
	display:flex;
}


/* PC화면에서 옵션날짜 숨김 */
.reserv_appview > ._list DL.opt_date {
	display:none;
}



/* 리스트의 구매상품들끼리 여백없이 붙이기 */
.reserv_appview > ._list UL.ResvPurList ~ UL.ResvPurList {
	margin-top:-0.1rem;
}
.reserv_appview > ._list + ._foot {
	margin-top:-0.1rem;
}

.reserv_appview > ._list H4 {
	font-size:2.4rem;
}
.reserv_appview > ._list H4 + SMALL {
	margin-top:0.5rem;
	color:#999;
}

.reserv_appview > ._list .app_men > DD SPAN {
	padding-right:0.5rem;
}
.reserv_appview > ._list .app_men > DD STRONG {
	font-size:2.1rem;
}

.reserv_appview > ._list .app_men > DD SPAN + STRONG {
	font-size:1.7rem;
}
.reserv_appview > ._list .pur_state .AppProgBox {
	max-width:100%;
	max-height:100%;

	width: 6rem;
    height: 6rem;
    border-radius: 100%;
	line-height: 1.2;
	padding:1rem;
	cursor:default;
}
.reserv_appview .tblsty + #AppPayment {
	margin-top: 5rem;
}

.reserv_appview > ._foot {
	margin-top: 5rem;
}




.reserv_appview #AppRefund:not(:empty) ~ H4 {
	margin-top: 5rem;
}
.reserv_appview #AppRefund DD > H6 > SPAN {
	display:inline-block;
	margin-left:1rem;
	font-weight:normal;
	font-size:1.5rem;
}
.reserv_appview UL.Guidebox {
	margin-top: 1rem;
}
.reserv_appview #AppRefundField {
	display:none;
}
.reserv_appview FIELDSET.AppFields {
	margin-top: 5rem;
}
.reserv_appview FIELDSET.AppFields DT {
	width: 15rem;
}
.reserv_appview FIELDSET.AppFields DD {
	width: calc(100% - 15rem);
}
.reserv_appview FIELDSET.AppFields > DL + UL {
	padding-left: 1rem;
	padding-right: 1rem;
}

.reserv_appview FIELDSET.AppFields INPUT ,
.reserv_appview FIELDSET.AppFields SELECT {
	width:100%;
}
@media all and (max-width:767px) {

	
	.reserv_appview FIELDSET.AppFields DT ,
	.reserv_appview FIELDSET.AppFields DD {
		width:100%;
	}
	.reserv_appview FIELDSET.AppFields > DL + UL {
		padding: 0 1rem 2rem;
	}
}















/* 부가상품 리스트 */
.reserv_appview > ._list .ResvOptList .opt-icon {
	position: relative;
	display:inline-block;
	width: 3.5rem;
	top: 1.2rem;
}
.reserv_appview > ._list .ResvOptList .opt-icon::before ,
.reserv_appview > ._list .ResvOptList .opt-icon::after {
	content:'';
	display:inline-block;
	position: absolute;
}
.reserv_appview > ._list .ResvOptList .opt-icon::before {
	top:-9px;
	left:0;
	width:15px;
	height:14px;
	border-left:4px solid #999;
	border-bottom:4px solid #999;
}
.reserv_appview > ._list .ResvOptList .opt-icon::after {
	top:-2px;
	left:8px;
	width:10px;
	height:10px;
	border-left:4px solid #999;
	border-bottom:4px solid #999;
	transform: rotate(225deg);
}
.reserv_appview > ._list .ResvOptList {
	margin-top:0;
	border-top-width:0;
}
.reserv_appview > ._list .ResvOptList:empty {
	display:none;
}
.reserv_appview > ._list .ResvOptList DL > DT {
	display:none;
}
.reserv_appview > ._list .ResvOptList DL > DD {
	min-height:5rem;
	padding:1rem 0.5rem;

}


.reserv_appview > ._list .ResvOptList .AppProgBox {
	border-radius: 1.5rem;
	padding: 0.5rem 1rem;
}


.reserv_appview > ._list .ResvOptList DL.opt_title {
	width: calc( (95% / 7) - (10rem / 7) + 5% + (95% / 7) - (10rem / 7) );
}
.reserv_appview > ._list .ResvOptList DL.opt_title DD {
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-start;
	padding-left: 5rem;
	flex-direction: row;
}
.reserv_appview > ._list .ResvOptList DL.opt_title SPAN {
	display:inline-block;
	letter-spacing:-1px;
	padding-right:0.5rem;
	color:#999;
	font-weight:normal;
}
.reserv_appview > ._list .ResvOptList DL.opt_amount DIV.optcnt {
	display:none;
}

.reserv_appview > ._list .ResvOptList DL:nth-of-type(1) {
	width: 10rem;
}
.reserv_appview > ._list .ResvOptList DL:nth-of-type(1) DD {
	flex-direction: row;
}

/* 부가상품 편집(삭제가능) 모드 */
.reserv_appview > ._list UL.ResvOptList > .Mod-ResvOpt DL.opt_title {
	width: calc( (95% / 7) - (10rem / 7) + 5% + (95% / 7) - (10rem / 7)  - 5rem);
}
.reserv_appview > ._list UL.ResvOptList > .Mod-ResvOpt DL.opt_title DD {
	padding-left: 1rem;
}
.reserv_appview > ._list UL.ResvOptList > .Mod-ResvOpt DL:nth-of-type(1) {
	width: 15rem;
}
.reserv_appview > ._list UL.ResvOptList > .Mod-ResvOpt DL.opt_state DD {
	justify-content: flex-start;
}
.reserv_appview > ._list UL.ResvOptList > .New-ResvOpt DL.opt_state LABEL {
	display:none;
}





/* 부가상품 선택용 갤러리 리스트 */
.reserv_appview > ._list UL.AppOptList {
	width:100%;
	margin:1rem 0 3rem;
	border:0;
	list-style-type:none;

	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
}
.reserv_appview > ._list UL.AppOptList LI {
	overflow:hidden;
	width: calc(100% / 4);
	min-width:30rem;
	padding:2rem;
	border:0;
	display:flex;
}
.reserv_appview > ._list UL.AppOptList .optedge {
	position:relative;
	width:100%;
	height:auto;

	border:1px solid #aaa;
	box-shadow: 4px 4px 0 0 rgba(0,0,0,.1);
	opacity: 1;
}
.reserv_appview > ._list UL.AppOptList .optedge.on {
	border:2px solid #222;
	box-shadow: 0 0 0 4px rgba(0,0,0,.25);
	opacity: 1;
}
.reserv_appview > ._list UL.AppOptList .optpic {
	width:100%;
	height:15rem;
	border-bottom:1px solid #ccc;
	padding:1.5rem;

}

.reserv_appview > ._list UL.AppOptList .optpic IMG {
	width:100%;
	height:100%;
	object-fit: cover;
	object-position: center;
}
.reserv_appview > ._list UL.AppOptList .optcon {
	padding:2rem;
}
.reserv_appview > ._list UL.AppOptList .opttit {
	text-align:center;
}
.reserv_appview > ._list UL.AppOptList .optsub {
	padding:1rem 0;
	text-align:center;
}

.reserv_appview > ._list UL.AppOptList .optctl {
	width:100%;
	margin-top:2rem;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
}

.reserv_appview > ._list UL.AppOptList .optctl > SPAN {
	padding:0 1rem;
	font-weight:bold;
	font-size:1.6rem;
	margin-left:-5rem;
}

.reserv_appview > ._list UL.AppOptList .optcnt {
	width: 100%;
	max-width:15rem;
	margin:1rem auto;

	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: flex-start;
	justify-content: center;
	align-items: center;

	border: 1px solid #aaa;
	border-radius: 3px;
	overflow: hidden;

}

.reserv_appview > ._list UL.AppOptList .optcnt > SPAN {
	font-size:1.8rem;
	font-weight:600;
}

.reserv_appview > ._list UL.AppOptList .optcnt > INPUT {

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

	width: calc(100% - 70px);
	height:35px;
	border:1px solid #aaa;
	border-top:0;
	border-bottom:0;
	font-weight:bold;
	font-size:13pt;
	text-align:center;
}

.reserv_appview > ._list UL.AppOptList .optcnt > BUTTON {
	position: relative;
	width:35px;
	height:35px;
	border:0;
	background-color:#f1f2f3;
}

.reserv_appview > ._list UL.AppOptList .optcnt > BUTTON.btn-plus::before ,
.reserv_appview > ._list UL.AppOptList .optcnt > BUTTON.btn-plus::after ,
.reserv_appview > ._list UL.AppOptList .optcnt > BUTTON.btn-minus::after {
	content:'';
	position: absolute;
	display:block;
	margin: auto;
	width:16px;
	height:4px;
	background-color:#000;
}
.reserv_appview > ._list UL.AppOptList .optcnt > BUTTON.btn-plus::after {
	transform: rotate( 90deg );
}



/* 모바일 - 부가상품 추가 */
@media all and (max-width:767px) {
	.reserv_appview > ._list UL.AppOptList {
		margin-top:-5rem;
	}
	.reserv_appview > ._list UL.AppOptList LI {
		min-width: calc(100% / 2);
		padding: 2rem 1rem;
	}

}


INPUT[id^=appOpt_] {
	display:none;
}
INPUT[id^=appOpt_] + LABEL::before {
	font-family: xeicon !important;
	display: inline-block;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;


	content: "\ea0e";
	font-size: 3rem;
	vertical-align: middle;
	color:#aaa;
	margin-right:1rem;

}
INPUT[id^=appOpt_]:checked + LABEL::before {
	content: "\e92d";
	color:#252832;
}
INPUT[id^=appOpt_]:disabled + LABEL::before {
	content: "\e920";
}
INPUT[id^=appOpt_]:disabled:checked + LABEL::before {
	content: "\e91f";
}

@media all and (max-width:767px) {

	#Reservation LI.ResvOptList.Mod-ResvOpt INPUT[id^=appOpt_]:checked + LABEL::before {
		color:#E63F24;
	}
}




/* 우편번호 */
#AddrcodeLayer {
	display:none;position:fixed;overflow:hidden;z-index:1;-webkit-overflow-scrolling:touch;background:#fff;
	width:450px;
	height:520px;
	border:2px solid #000;
	padding:25px;
}
#AddrcodeLayer > BUTTON.btn-close {
	position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 30px;
	z-index:1;
}


/* 모바일 - 상품 목록 */
@media all and (max-width:767px) {
	#AddrcodeLayer {
		width: 90%;
		max-height: 80%;
		margin: 10%;
		padding: 5px;
		left: -5% !important;
	}
	#AddrcodeLayer > BUTTON.btn-close + DIV {
	
		height: calc(100% - 30px) !important;;
		margin-top:30px !important;;
	}
}




@media (max-width: 1023px) {

}






/* 모바일 - 상품 목록 */
@media all and (max-width:767px) {


	#Reservation UL.ResvPurList LI ,
	#Reservation UL.ResvOptList LI {

		border: 1px solid #555;
		margin: 5rem 0.5rem;
		padding: 0;
		box-shadow: 0 0 0 5px rgba(0,0,0,.15);
		border-radius: 0.5rem;
		overflow:hidden;
	}
	/*
	#Reservation UL.ResvPurList DL > DT ,
	#Reservation UL.ResvPurList DL > DD ,
	#Reservation UL.ResvPurList DL > DD H4 ,
	#Reservation UL.ResvPurList DL > DD .ResvOptList ,
	#Reservation UL.ResvPurList DL > DD STRONG {
		font-size:1.7rem;
	}
	*/

	#Reservation UL.ResvPurList LI > DL ,
	#Reservation UL.ResvOptList LI > DL {
		width:100%;
		height: 5rem;
		border-bottom: 1px solid #ddd;
		background: #fff;

		display: flex;
		justify-content: flex-start;
		align-items: center;
		flex-direction: row;
		align-content: center;
		flex-wrap: nowrap;
	}
	#Reservation UL.ResvPurList LI > DL > DT ,
	#Reservation UL.ResvPurList LI > DL > DD ,
	#Reservation UL.ResvOptList LI > DL > DT ,
	#Reservation UL.ResvOptList LI > DL > DD {
		min-height: auto;
		float: none;
		border:0;
		padding:1rem;
	}
	#Reservation UL.ResvPurList LI > DL > DT ,
	#Reservation UL.ResvOptList LI > DL > DT {
		width:11rem;
		height: 100%;
		font-weight:500;
		letter-spacing:-0.1rem;
	}
	#Reservation UL.ResvPurList LI > DL > DT + DD ,
	#Reservation UL.ResvOptList LI > DL > DT + DD {
		width: calc(100% - 11rem);
		height: 100%;
		line-height:1;

		display: flex;
		justify-content: flex-start;
		align-items: center;
		flex-direction: row;
	}
	#Reservation UL.ResvPurList LI > DL > DT + DD > * ~ * ,
	#Reservation UL.ResvOptList LI > DL > DT + DD > * ~ * {
		padding-left:1rem;
	}
	#Reservation UL.ResvPurList > LI ~ LI DT ,
	#Reservation UL.ResvPurList > LI ~ LI DT ,
	#Reservation UL.ResvOptList > LI ~ LI DT ,
	#Reservation UL.ResvOptList > LI ~ LI DT {
		display:flex;
	}


	#Reservation UL.ResvPurList DL > DD H4 ,
	#Reservation UL.ResvPurList DL > DD .ResvOptList ,
	#Reservation UL.ResvPurList DL > DD STRONG {
		display:inline-block;
	}
	#Reservation UL.ResvPurList DL > DD H4 {
		/* padding-left:1rem; */
	}
	#Reservation UL.ResvPurList DL.pur_state {
		height:6.5rem;
	}
	#Reservation UL.ResvPurList DL.pur_state DT {
		display:none;
	}
	#Reservation UL.ResvPurList DL.pur_state > DT + DD {
		width:100%;
	}
	#Reservation UL.ResvPurList .AppProgBox {
		width:100%;
		height:100%;
		padding:0.2rem 1rem;
	    border-radius: 50px;
	}

	/* 옵션항목 */
	#Reservation UL.ResvPurList LI.ResvOptList {
	#Reservation UL.ResvOptList LI.ResvOptList ,
		margin:0 0.5rem;
	}
	#Reservation UL.ResvPurList LI.ResvPurList + LI.ResvOptList ,
	#Reservation UL.ResvPurList + UL.ResvOptList LI {
		margin-top: calc(-5rem - 1px);
		background: #fff;
	}
	#Reservation UL LI.ResvOptList DL.opt_price ,
	#Reservation UL LI.ResvOptList DL.opt_extra ,
	#Reservation UL LI.ResvOptList DL.opt_discount {
		display:none;
	}
	#Reservation .ResvOptList DL > DT {
		display:flex;
	}


	#Reservation UL.ResvPurList LI.ResvPurList + LI.ResvOptList {
		margin:-5rem 0.5rem 0;
		margin-top:calc(-5rem - 1px);
	}
	#Reservation UL.ResvPurList LI.ResvOptList + LI.ResvOptList {
		margin:-1px 0.5rem 0;
	}
	#Reservation UL.ResvPurList LI.ResvOptList + LI.ResvOptList:last-of-type {
		margin-bottom:5rem;
	}

	#Reservation .ResvOptList .opt-icon {
	    width: 1.5rem;
		top:-0.35rem;
	}
	#Reservation .ResvOptList .opt-icon::before {
		top: -5px;
		width: 12px;
		height: 10px;
		border-left-width: 3px;
		border-bottom-width: 3px;
	}
	#Reservation .ResvOptList .opt-icon::after {
		top: -1px;
		left: 4px;
		width: 9px;
		height: 9px;
		border-left-width: 3px;
		border-bottom-width: 3px;
	}




	/* 옵션열람모드 */
	#Reservation .ResvOptList DT:empty ,
	#Reservation .AppOptList DT:empty {
		background-color:transparent !important;
	}

	#Reservation UL.AppOptList .optpic {
		display:none;
	}
	#Reservation .ResvOptList DL.opt_state {
		display:none;
	}
	#Reservation .ResvOptList DL.opt_amount DIV.optcnt {
		display:inline-block;
	}
	#Reservation .ResvOptList DL.opt_cnt {
		display:none;
	}
	#Reservation .ResvOptList DL {
		border-bottom-width:0 !important;
		height:auto !important;
	}

	#Reservation .ResvOptList DL:not(.opt_state):not(.opt_title) > DT ,
	#Reservation .ResvOptList DL:not(.opt_state):not(.opt_title) > DD {
		padding-top:0 !important;
	}

	#Reservation .ResvOptList DL:last-of-type > DT ,
	#Reservation .ResvOptList DL:last-of-type > DD {
		padding-bottom:1.5rem !important;
	}
	#Reservation .ResvOptList DL.opt_amount > DT ,
	#Reservation .ResvOptList DL.opt_amount > DD {
		padding-top:0 !important;
	}



	/* 옵션추가모드 */
	#Reservation .ResvOptList DL > DT {
	    background-color: transparent;
	}
	#Reservation UL.ResvPurList.Mod-ResvOpt .app_rooms ~ DL {
		display:none;
	}
	#Reservation UL.ResvPurList.Mod-ResvOpt ~ .ResvOptList DL.opt_date {
		display:none;
	}

	/* 옵션 취소모드 */
	#Reservation LI.ResvOptList.Mod-ResvOpt DL.opt_state {
		display:flex;
	}
	#Reservation LI.ResvOptList.Mod-ResvOpt DL.opt_state DD {
		padding-left:0;
	}
	#Reservation LI.ResvOptList.Mod-ResvOpt LABEL {
		padding-left:0 !important;
	}
	#Reservation LI.ResvOptList.Mod-ResvOpt .opt-subtit {
		display:none;
	}

	/* 옵션추가 */
	#Reservation UL.ResvOptList LI.New-ResvOpt DL.opt_state {
		display:none;
	}



}





























/* 환불정책 */
.reserv_appview .box_RefRule::after {
	clear:both;
	content:'';
	display:block;
}
.reserv_appview .box_RefRule > DT {
	margin-top: 1em;
	font-size: 1.15em;
	font-weight:bold;
}
.reserv_appview .box_RefRule > DD UL {
    list-style-type: disc;
    list-style-position: outside;
}
.reserv_appview .box_RefRule > DD > UL > LI {
    margin-left: 1.5em;
}
/*
#AppPayment .tblsty.PayType > dt ,
#AppPayment .tblsty.PayType > dd {
	height:8rem;
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: center;
}
#AppPayment .tblsty.PayType > dd {
	justify-content: flex-start;
}

*/


@media all and (max-width:900px) {
	.reserv_appview ._aside ,
	.reserv_appview ._aside ~ ._aside {
		float: none;
		padding:0;
		width:100%;
	}
	.reserv_appview ._aside ~ ._aside {
		margin-top:5rem;
	}
}
@media all and (max-width:767px) {

	.reserv_appview .tblsty > dt ,
	.reserv_appview .tblsty > dd {
		width:calc(100% - 12rem);
		height: 5rem;
		padding: 0 2rem;
		display: flex;
		align-content: center;
		align-items: center;
		justify-content: flex-start;

		font-size:1.7rem;
	}
	.reserv_appview .tblsty > dt {
		width:12rem;
		padding-left:0.5rem;
		letter-spacing:-0.1rem;
		justify-content: flex-end;
	}


	/*

	#AppPayment .tblsty > dt ,
	#AppPayment .tblsty > dd {
		height: 5rem;
	}
	#AppPayment .tblsty > dd > STRONG {
		font-size:1.9rem;
	}
	#AppPayment .tblsty.PayType > dt ,
	#AppPayment .tblsty.PayType > dd {
		height:10rem;
		display: flex;
		align-content: flex-start;
		align-items: flex-start;
		flex-direction: column;
		flex-wrap: nowrap;
		justify-content: space-evenly
	}

	#AppPayment .tblsty.PayType > dt {
		align-items: flex-end;
	}
	#AppPayment .tblsty.PayType > dd > LABEL {
		width:100%;
		padding: 0.5rem 1rem;
	}
	*/

}


/* 예약취소시 휴대전화 인증창 */
#SetVerifyMobile {
	margin:0 auto 0 0;
	letter-spacing: -0.1rem;
}
#SetVerifyMobile + TABLE TH ,
#SetVerifyMobile + TABLE TD {
	height:5rem;
	padding:0.5rem 1rem;
}
#SetVerifyMobile + TABLE #verifyMobile_area {
	display:none;
}
#SetVerifyMobile + TABLE SPAN {
	font-size:1.5rem;
	font-weight:bold;
	padding-top: 0.3rem;
	display: inline-block;
}

#SetVerifyMobile + TABLE DIV::before {
	content: "\ea25";
	font-family: xeicon!important;
	display: inline-block;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	vertical-align: text-top;
	font-size: 2rem;
	color:#4FBB3F;
}


#SetVerifyMobile + TABLE BUTTON {
	height:3.5rem;
	padding:0 1.5rem;
	border-radius:0.5rem;
	float:right;
}
#SetVerifyMobile + TABLE #verifyMobile_code {
	width:15rem;
	height:3.5rem;
	font-size:1.5rem;
}

#SetVerifyMobile + TABLE #verifyMobile_chked {
	width:7rem;
	float:none;
	margin-left:.5rem;
}








/* 인증서 */
#AppCertificate:empty {
	display:none;
}
#AppCertificate fieldset {
	margin-top:0;
}
#AppCertificate .arrow_bar {
	padding-top:3rem;
}

#AppCertificate .alert {
	text-align:center;
	font-size:1.6rem;
}
@media all and (max-width: 768px) {
	#AppCertificate .alert {
		text-align:left;
	}
}
.area_certFile {
	border:1px dashed #aaa;
	padding:2rem;
	margin-top:1rem;
}
.area_certFile > FIELDSET > INPUT {
	border:1px solid #A8978A;
	padding:10px;
	width:calc(100% - 150px);
	height:50px;
	font-size:10pt;
}
.area_certFile > DIV {
	margin-top:2rem;
	font-size:1.5rem;
}
.pic-item{ width: 100%; max-width:80rem;margin-right:1%;}
.pic-item .pic-view{width:100%; border: 1px solid #e5e5e5; overflow: hidden; background-color:#e5e5e5; text-align:center;}
.pic-item .pic-view:empty { height:20rem; background:#e5e5e5 url('/dzSmart/imgs/icon_gallery_null.png') center no-repeat; background-size:contain; }
.pic-item .pic-view img{width:100%; height: 100%; object-fit: contain; }
.pic-item .pic-view i{font-size:10rem; margin: 3.5rem 0; display:block; }
.pic-item .pic-view i + P{margin: -3rem 0 3.5rem; display:block; }
.pic-item .btn-file{text-align:center;margin-top: 5px;}
.pic-item .btn-file::after { content:''; display:block; clear:both; }
.pic-item .btn-file > * {float:left;}
.pic-item LABEL.btn-upload { width:100%; height:4rem; padding-top:0.65rem; border-radius:0.5rem; }
.pic-item LABEL.btn-upload + INPUT[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
.pic-item LABEL.btn-upload ~ BUTTON { display:none; }

.pic-item .pic-view:not(:empty) + .btn-file > LABEL.btn-upload { width:calc(100% - 4rem); border-top-right-radius:0; border-bottom-right-radius:0; }
.pic-item .pic-view:not(:empty) + .btn-file > BUTTON { display:inline-block; width:4rem; height:4rem; padding:0; border-radius:0.5rem; border-top-left-radius:0; border-bottom-left-radius:0;}
.pic-item .pic-view:not(:empty) + .btn-file > BUTTON > .btn-close { margin-top:5px;}
.pic-item .pic-memo { display:none; }
.pic-item .pic-view:empty ~ .pic-memo { margin-top:2rem; display:block; }

.pic-item .pic-help {width:100%; margin: 1rem 0 0 auto; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.pic-item .pic-help > BUTTON { display: block; height: 4.5rem; border-radius: 0.5rem;  padding:0 2rem }
.pic-item .pic-help > BUTTON i { display: inline-block; font-size:2rem; vertical-align: middle; margin-right:0.5rem;}
.pic-item .pic-help > BUTTON.btn-submit { padding:0 3.5rem;  }
.pic-item .pic-view:not(:empty) ~ .btn-submit { display:block;}
.POPUP_BOX .certMarking { padding-bottom:6rem; }
.POPUP_BOX .certMarking IMG { display:block; max-width:100%; margin-bottom:1rem; }