div.reservation{display: flex}
div.booking-calendar-top{display: flex; align-items: flex-end; justify-content: space-between}
div.booking-calendar-top-month > span{display: block}
div.booking-calendar-top-month > span.month{font-weight: 700}
div.booking-calendar-top-arrow{display: flex}
div.booking-calendar-top-arrow-icon{display: flex; align-items: center; cursor:pointer}
div.booking-calendar-top-arrow-icon svg{fill:var(--color-secondary)}

div.booking-calendar-mark{display: flex}
div.booking-calendar-mark > div{display: flex; align-items: center}
div.booking-calendar-mark > div > div{border-radius:50%}
div.booking-calendar-mark > div.mark-selected div.round{background-color:var(--color-primary)}
div.booking-calendar-mark > div.mark-disabled div.round{background-color:#E1E4E8}

div.booking-calendar{width:100%; border-top:2px solid var(--color-primary)}
div.booking-calendar-weeks{display:flex; flex-wrap:nowrap}
div.booking-calendar-week{width:calc(100% / 7); border-bottom:1px solid var(--color-border); text-align:center}
div.booking-calendar-days{display:flex; flex-wrap:wrap}
div.booking-calendar-date{width:calc(100% / 7); border-bottom:1px solid var(--color-border)}
span.booking-calendar-date{display:flex; justify-content:center; align-items:center; border-radius:50%; font-weight:700; cursor:pointer}
span.booking-calendar-date:hover{background-color:#e1e4e8}
span.booking-calendar-date.booking-calendar-disabled{background-color:#e1e4e8; color:#A4ACB6; cursor:not-allowed} /* 예약 불가능(공휴일, 지난날짜) */
span.booking-calendar-date.booking-calendar-date-week-0{background-color:#e1e4e8; color:#F52F3F} /* 예약 불가능(일요일) */
span.booking-calendar-date.booking-calendar-holiday{color:#F52F3F} /* 공휴일 */
span.booking-calendar-date.booking-calendar-date-selected{background-color:var(--color-primary); color:#fff}
span.booking-calendar-today{color:var(--color-primary)}

ul.booking-time-ul{display: flex; flex-wrap: wrap}
li.booking-time-ul-li{display:flex; justify-content:center}
button.booking-time-btn{width:100%; background-color:var(--color-background-primary); text-align:center; font-weight:500; font-size:1rem}
button.booking-time-btn.booking-time-selected{background-color: var(--color-primary); color: #fff}
button.booking-time-btn.booking-time-disabled{color: #A4ACB6}

@media screen and (max-width:768px){
	div.reservation{flex-direction: column}
	div.booking-time{margin-top:3.57em}
}
@media screen and (min-width:769px) and (max-width:1280px){
	div.booking-time{width: 24.67em; padding-left: 3.33em}
}
@media screen and (max-width:1280px){
	div.booking-calendar-wrap{flex: 1}
	div.booking-calendar-top-month > span.year{font-size: 1.13em}
	div.booking-calendar-top-month > span.month{font-size: 2em; margin-top:0.33em}
	div.booking-calendar-top-arrow{margin: 0 -0.67em}
	div.booking-calendar-top-arrow-icon{width: 0.67em; padding: 0 0.67em}

	div.booking-calendar-mark{margin: 2em -0.33em 1em}
	div.booking-calendar-mark > div{padding: 0 0.33em}
	div.booking-calendar-mark > div > div{margin-right:0.67em; width:0.67em; height:0.67em;}

	div.booking-calendar-date{height: 80px}
	span.booking-calendar-date{width: 1.67em;  height: 1.67em; margin: 1em 0.67em}
	span.booking-calendar-today{width: 1.67em;  height: 1.67em; margin: 0 0.67em}

	ul.booking-time-ul{margin: -0.33em}
	li.booking-time-ul-li{width: calc(100% / 2 - 0.68em); padding: 0.33em}
	button.booking-time-btn{padding: 1em 0}
}
@media screen and (min-width:1281px){
	div.reservation{align-items: flex-end}
	div.booking-calendar-wrap{flex: 1}
	div.booking-calendar-top-month > span.year{font-size: 1.13em}
	div.booking-calendar-top-month > span.month{font-size: 2.13em; margin-top:0.15em}
	div.booking-calendar-top-arrow{margin: 0 -0.94em}
	div.booking-calendar-top-arrow-icon{width: 0.69em; padding: 0 0.94em}

	div.booking-calendar-mark{margin: 2.5em -0.63em 1.25em}
	div.booking-calendar-mark > div{padding: 0 0.63em}
	div.booking-calendar-mark > div > div{margin-right:0.63em; width:0.63em; height:0.63em;}

	div.booking-calendar-date{height: 6.25em}
	span.booking-calendar-date{width: 1.88em;  height: 1.88em; margin: 0.94em 0.63em}
	span.booking-calendar-today{width: 1.88em;  height: 1.88em; margin: 0 0.63em}

	div.booking-time{width:23.13em; padding-left:3.13em}
	ul.booking-time-ul{margin: -0.31em}
	li.booking-time-ul-li{width: calc(100% / 2 - 0.63em); padding: 0.31em}
	button.booking-time-btn{padding: 0.94em 0}
}

section.reservationBtn{display:flex; justify-content:center}
button.reservationBtn-button{display:flex; justify-content:center; align-items:center; border:1px solid; color:#333; transition:.5s}
button.reservationBtn-button:hover{background:#EEF5FF; color:var(--color-primary)}
button.reservationBtn-button:focus{background:#EEF5FF; color:var(--color-primary)}
@media screen and (max-width:1280px){
	button.reservationBtn-button{width:9.38em; height:2.81em; margin-top:2.5em; font-size:1.07em}
	button.reservationBtn-button-right{width:100%; margin:0}
}
@media screen and (min-width:1281px){
	button.reservationBtn-button{width:9.44em; height:3.06em; margin-top:3.89em; font-size:1.13em}
	button.reservationBtn-button-right{width:100%; margin:0}
}


/* 예약작성 (reservation_write) */
div.reservationWrite-in{display: flex;flex-wrap:wrap; }
div.reservationWrite div.cont{border-bottom: 1px solid var(--color-border)}

span.reservationWrite-info-text-span{display: block; font-weight: 700; color: var(--color-secondary)}
h4.reservationWrite-info-text-h4{color: var(--color-secondary)}
p.reservationWrite-info-text-p{color: var(--color-text-deep); line-height: 156%}
span.reservationWrite-info-text-p-span{color: var(--color-primary)}
div.reservationWrite-info-text-box{background-color: var(--color-background-secondary)}
li.reservationWrite-info-text-box-ul-li{color: #fff; word-break:keep-all; font-weight: 200; line-height: 144%}
li.reservationWrite-info-text-box-ul-li::marker{content: '·'; display: inline-block}

li.reservationWrite-info-text-ul-li{color: var(--color-text-deep)}
li.reservationWrite-info-text-ul-li::marker{content: '*'; display: inline-block; color: var(--color-primary)}
label.inputTitle-h5{font-weight:700}
span.inputTitle-h5-rq{margin:0 0 0 0.18rem; font-weight:400; color:var(--color-primary)}
@media screen and (max-width:1280px){
	div.reservationWrite-in{flex-direction: column; margin-top: -30px}
	div.reservationWrite div.cont{padding: 30px 0}

	div.reservationWrite-info{margin-top: 50px}

	div.reservationWrite-info-text{padding:2rem 0 0 0}

	span.reservationWrite-info-text-span{font-size: 1.13em; margin-bottom: 5px}
	h4.reservationWrite-info-text-h4{font-size: 1.88em; margin-bottom: 0.5em}
	p.reservationWrite-info-text-p{font-size: 1.13em}
	span.reservationWrite-info-text-p-span{font-size: 0.94em}
	div.reservationWrite-info-text-box{padding: 1.25em; border-top-left-radius: 1.88em; border-bottom-right-radius: 1.88em; margin-top: 1.25em}
	li.reservationWrite-info-text-box-ul-li{padding: 0.63em 0; margin-left: 0.5em; padding-left: 0.63em}

	ul.reservationWrite-info-text-ul{margin-top: 1.25em}
	li.reservationWrite-info-text-ul-li{margin-bottom: 0.5em; padding-left: 0.63em; margin-left: 0.63em}
	label.inputTitle-h5{font-size: 1.13rem}
	span.inputTitle-h5-rq{font-size: 1rem}
}
@media screen and (min-width:1281px){
	div.reservationWrite-in{align-items:flex-start; margin-top:-50px}
	div.reservationWrite-write{flex: 1; padding-right:1.56em}
	div.reservationWrite div.cont{padding: 50px 0}
	div.reservationWrite div.cont:last-child{border: 0}
	div.reservationWrite-info{position:-webkit-sticky; position:sticky; top:50px; width:391px; padding:50px 0 0 1.56em}

	div.reservationWrite-info-text{padding:2rem 0 0 0}

	span.reservationWrite-info-text-span{font-size: 1.13em; margin-bottom: 5px}
	h4.reservationWrite-info-text-h4{font-size: 1.88em; margin-bottom: 0.5em}
	p.reservationWrite-info-text-p{font-size: 1.13em}
	span.reservationWrite-info-text-p-span{font-size: 0.94em}
	div.reservationWrite-info-text-box{padding: 1.25em; border-top-left-radius: 1.88em; border-bottom-right-radius: 1.88em; margin-top: 1.25em}
	li.reservationWrite-info-text-box-ul-li{padding: 0.63em 0; margin-left: 0.5em; padding-left: 0.63em}

	ul.reservationWrite-info-text-ul{margin-top: 1.25em}
	li.reservationWrite-info-text-ul-li{margin-bottom: 0.5em; padding-left: 0.63em; margin-left: 0.63em}
	label.inputTitle-h5{font-size: 1.13rem}
	span.inputTitle-h5-rq{font-size: 1rem}
}
/* 예약작성 (reservation_write) */