@charset "UTF-8";

body.sub-content .page-cart .container {max-width: 1000px;min-width: 1000px;  padding-left: 0; padding-right: 0;}


/* Calendar */
#calTable {
    width: 100%;
    text-align: center
}

#calTitle,
#myCalendar {
    position: relative;
    margin: 0;
    padding: 0;
    text-align: center
}

#calTitle {
    font-size: 32px;
    height: 150px;
    line-height: 150px
}

#calTitle #prevMonth,
#calTitle #nextMonth {
    position: absolute;
    width: 104px;
    color: #111
}
#calTitle #prevMonth.disabled,
#calTitle #nextMonth.disabled {
	opacity: .3;
    cursor: default !important;
    pointer-events: none;}

#calTitle #prevMonth {
    left: 0
}

#calTitle #nextMonth {
    right: 0
}

#calTitle span {
    width: auto;
    color: #111;
    font-weight: 400
}

#myCalendar {
    table-layout: fixed
}

#myCalendar tr th:last-child,
#myCalendar tr td:last-child {
    color: #0171bd
}
#myCalendar tr th:first-child,
#myCalendar tr td:first-child,
#myCalendar tr td.holiday{
    color: #f40000
}
#myCalendar tr th.disabled:last-child,
#myCalendar tr td.disabled:last-child {
    color: #0171bd
}
#myCalendar tr th.disabled:first-child,
#myCalendar tr td.disabled:first-child {
    color: #f40000
}
#myCalendar tr th.disabled,
#myCalendar tr td.disabled{opacity: .3;
    cursor: default !important;
    pointer-events: none;}

#myCalendar th {
    width: 104px;
    height: 104px;
    font-size: 30px;
    text-align: center;
	 font-weight: 400;
}

#myCalendar td {
    position: relative;
    width: 104px;
    height: 104px;
    font-size: 28px;
    border: 0;
    cursor: pointer;
	font-family: 'Lato', sans-serif;
}

#myCalendar td.today {	border-radius: 50%;font-weight: 900;background-color: #edf3f6;}
#myCalendar td.already-res::before {
    content: '';
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    width: 10px;
    height: 4px;
    background-color: #ee6f02;
    opacity: .7;
    border-radius: 2px;
}

#myCalendar td.action {
    color: #fff!important;
    font-weight: 700;
    background: #18abc1;
	border-radius: 50%;
	border: none!important
}

#myCalendar .blankLine th,
#myCalendar .blankLine td {
    border-width: 0
}

.pop_calendar {
    position: relative;
    max-width: 1000px;
    background: #fff;
    border-top: 1px solid #c7c7c7;
	float: right;
    width: 364px;
    padding: 59px 0 0;
    margin: -59px 0 0 14px;
    border-color: #ddd;
}

.pop_calendar h3 {
   position: absolute;
    top: 0;
    left: 0;
    width: 364px;
    height: 59px;
    line-height: 59px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #18abc1;
    font-size: 1em;
    font-weight:600 ;
    color: #555;
    text-indent: 20px;
}  

#calTitle {
	height: 64px;
	line-height: 64px;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	font-size: 1.25em;
	font-weight: 500;
}
#calTitle span {
	color: #111
}
#calTitle #prevMonth,
#calTitle #nextMonth {
	width: 45px
}

#myCalendar,
#myCalendar th,
#myCalendar td {
	font-size: 1em
}
#myCalendar th,
#myCalendar td {
	width: 45px;
	height: 50px
}
#myCalendar {
	padding: 0 0 10px;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd
}

.changeWrap.calendarWrap .wrap { display: block}
.calendarWrap .pop_calendar {margin: 0 auto 20px; width: 100%;padding: 0 !important;border: 1px solid #c7c7c7;border-radius: 10px;min-width: 300px;}
.calendarWrap .pop_calendar h3  {width: 100%; border-left: none;border-right: none; position: relative; text-indent: 0}
.calendarWrap #calTitle,
.calendarWrap #myCalendar,
.calendarWrap .date_arrow_box {border-left: none;border-right: none; background-color: transparent}
.calendarWrap .date_arrow_box {border: none; border-top: 1px solid #ddd;}
.calendarWrap .btn_area {width: 364px; margin: 0 auto}
.calendarWrap #myCalendar table {max-width: 364px; min-width: 300px; margin: 0 auto;}
@media only screen and (max-width: 1020px) {
	.calendarWrap .pop_calendar h3 {display: block; border-top: none;border-bottom: 1px solid #18abc1;}
	.calendarWrap .date_arrow_box {min-height: 175px;}
	.calendarWrap #calTitle {border-top: none; }
	.calendarWrap #myCalendar table {max-width: inherit}
	.calendarWrap #myCalendar th, .calendarWrap #myCalendar td {width: 43px;height: 43px;}
}


.ect-datepicker{position:absolute;right:20px;top:20px;font-size:12px;font-weight:400;display:flex;align-items:center;display:none; margin: 0;color: #666;}
.ect-datepicker::before{content:'';display:inline-block;width:10px;height:4px;border-radius:2px;background-color:#ee6f02;opacity:.7;margin-right:4px}
@media only screen and (max-width: 1020px) {
    .ect-datepicker{top:17px;font-size:11px;}
}

.date_arrow_box {
    border: 1px solid #ddd;
    padding: 0.8rem;
    text-align: center;
    font-size: 14px;
	overflow: hidden;background: #fff; position: relative;min-height: 260px;
}  
.date_arrow_box  span.need {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-65%);
    width: 100%;
    text-align: center;
    font-size: 13px;}
.date_arrow_box  span.need >small {color: #ff4e4e;display: inline-block;margin-right: 5px;}

.pop_calendar.off::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: none;
    z-index: 10
}

.time-box > li { float: left;padding: 0.2rem;width: 20%;font-family: 'Lato', sans-serif;}
.time-box > li > span {;height: 2.5rem;line-height: 2.4rem;display:block;border: 1px solid #ddd;-webkit-border-radius: 50em;-moz-border-radius: 50em;border-radius: 50em;cursor: pointer;-webkit-tap-highlight-color: rgba(0,0,0,0);-moz-tap-highlight-color: rgba(0,0,0,0);text-align: center; font-size: 14px;background-color: #fff;	}
.time-box > li > span.active {background-color: #343a40 !important; color: #fff; border-color: #343a40 !important;}
.time-box > li > span.disabled {opacity: .3; cursor: default !important; pointer-events: none;}
.time-box > li > span.waiting {background-color: #fff0f0;border: 1px solid #efd5d5;}
.time-box > li > span.waiting.add {background-color: #f5c0c0;border: 1px solid #d59696;}
#myCalendar th, #myCalendar td.hidden {display: table-cell !important} 
.time_guide { position: absolute; left: 0; bottom: 15px; width: 100%; display: flex; align-items: center;justify-content: flex-end;font-size: 11px; color: #777; gap: 7px;  padding: 0 1rem;}
.time_guide > span {display:inline-flex; align-items: center}
.time_guide > span i {display: inline-block;  width: 15px; height: 15px;margin-right: 5px; border-radius: 50%;border: 1px solid #ddd;background-color: #fff;}
.time_guide > span:nth-child(2) i{background-color: #fff0f0; border: 1px solid #efd5d5;}
.time_guide > span:nth-child(3) i{background-color: #f5c0c0;border: 1px solid #d59696;}
@media only screen and (max-width: 1020px) {
    .time_guide {  bottom: 12px;justify-content: center;}
	.date_arrow_box  span.need {transform: translate(-50%,-85%);}
}

/* noSelect */
.noSelect {
    position: absolute;
    top: 122px;
    left: 0;
    z-index: 10;
    width: 100%;
    height: calc(100% - 122px);
    text-align: center;
    background: #f6f6f6;
    border: 1px solid #ddd
}

.noSelect.active {
    z-index: -1
}

.noSelect div {
    position: absolute;
    width: 100%;
    height: auto;
    top: 50%;
    left: 0;
    transform: translate(0%, -50%);
    line-height: 26px;
    font-size: 16px;
    font-weight: 700;
    color: #7d7d7d
}
.noSelect div i {font-size: 5em; display: block; text-align: center; margin-bottom: .3em; opacity: .4}
.noSelect span {
    display: block;
    margin: 10px 0 0;
    font-size: 12px;
    line-height: 22px;
    font-weight: 400;
    color: inherit
}

.noSelect img {
    display: block;
    height: 140px;
    margin: 0 auto 20px
}


.reser_info {
	position: relative;
	padding: 30px 0 0;
	text-align: left;
	border: 0
}
.reser_info h1 {
	font-size: 1.325em;
	font-weight: 700;
    color: #111; float: left; line-height: 3.75rem; margin-right: 10px
}
.reser_info h2 {
	font-size: 1rem;   
	font-weight: 500;line-height: 3.75rem;
}
.reser_info h2 > span { color: #fd0000;
    font-weight: 700;
	font-family: 'Lato', sans-serif;
}
.reser_info h3 {
	font-size: 1.325em;
}
.reser_info h3 span {
	font-size: 16px;
	margin: 8px 0 0
}
.reser_info div.txt {
	position: absolute;
	top: 34px;
	right: 0;
	line-height: 20px;
	padding: 10px 15px;
	border-radius: 15px;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .5px;
	border: 0;
	background: #FFAB00;
	box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.16)
}
.reser_info div.txt::after {
	content: '';
	position: absolute;
	bottom: -9px;
	right: 25px;
	width: 0;
	height: 0;
	border-bottom: 10px solid transparent;
	border-right: 10px solid #FFAB00
}


.reser_info div.btnContent {
	width: 622px;
    margin: 0;
    padding: 15px 20px;
    border-width: 1px;
    border-style: solid;
    border-color: #ddd #ddd #18abc1;
    overflow: hidden
}

.reser_info div.btnContent > div {
    position: relative;
    color: #111;
    line-height: 25px;
    cursor: pointer
		
}

.reser_info div.btnContent > .btn_allSelect {
    float: left;
    font-size: 1em;
	padding: 0 20px 0 35px;
    background: url(../images/common/i_cart_chk.png) 0 0 no-repeat;
	background-size: 25px;
	font-weight: 500;
}

.reser_info div.btnContent > .btn_allSelect.active {
    background-position: 0 -25px
}
.reser_info div.btnContent > .btn_selectDelete {
    float: right;
    font-size: 12px;
    padding: 0 10px;
    border: 1px solid #ddd;
    border-radius: 5px
}

.reser_info div.btnContent > .btn_selectDelete i {
    padding: 0 5px 0 0; vertical-align: middle
}

.reser_info div.btnContent > .btn_selectDelete.action.hover {
    color: inherit!important;
    background: #f4f4f4
}

.reser_info div.btnContent > .btn_selectDelete.action:hover {
    color: inherit!important
}

.reser_date_cont {
    width: 100%;
    height: auto;
    text-align: center;
    background: #fff;
    border-bottom: 1px solid #18abc1
}

.reser_date_cont .reser_date {
    width: 100%;
    height: auto;
    border-bottom: 1px solid #18abc1;
    padding: 70px 0
}

.reser_date_cont .reser_date .reser_date_t {
    font-size: 30px;
    line-height: 30px;
    color: #999
}

.reser_date_cont .reser_date .reser_date_t span {
    color: #fe8502;
    border-bottom: 1px solid #fe8502
}

.reser_date_cont .reser_date .reser_date_d {
    line-height: 48px;
    font-size: 48px;
    letter-spacing: -2px;
    color: #555;
    margin-top: 20px
}

.reser_date_cont .reser_time {
    width: 100%;
    height: 150px;
    overflow: hidden;
    padding: 0 35px;
    cursor: grab
}

.reser_date_cont .reser_time > div {
    overflow-y: hidden;
    overflow-x: scroll;
    height: 78px;
    -webkit-overflow-scrolling: touch;
    padding: 40px 0
}

.reser_date_cont .reser_time > div > div:first-child {
    margin-left: 0
}

.reser_date_cont .reser_time > div > div {
    float: left;
    width: auto;
    min-width: 180px;
    height: 70px;
    line-height: 70px;
    padding: 0 25px;
    margin-right: 15px;
    border: 1px solid #ddd;
    border-radius: 45px;
    letter-spacing: -1px;
    font-size: 26px;
    color: #777;
    cursor: pointer
}

.reser_date_cont .reser_time > div > div.on {
    border-color: #18abc1;
    background: #18abc1;
    color: #fff;
    font-weight: 700
}

.reser_date_cont .reser_time > div > div span {
    display: none
}


.ReserBox {
        position: relative;
	display: flex;
	flex-wrap: wrap;
	width: 1000px;
	margin: 0 auto
}
.ReserBox::after {
	content: '';
	display: block;
	clear: both
}

.surgery_cont {
	float: left;
    width: 622px;
    padding: 0 0 56px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
   /* overflow: hidden;*/
    background: #fff
}

.surgery_cont label {
    color: #555;
    letter-spacing: -1px;
    margin: 0
}

.surgery_cont .surgery_list {
    width: 100%;
	overflow: hidden;
}

.surgery_cont .surgery_list > div {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    border-bottom: 1px solid #ddd;
	border-color: #F3F3F3;
}

.surgery_cont .surgery_list > div.action:hover {
    color: inherit!important
}

.surgery_cont .surgery_list > div.action.hover::before {
    content: '';
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    z-index: 1;
    background: #f4f4f4;
    border-radius: 10px
}

.surgery_cont .surgery_list > div input[type="checkbox"].option-input {
    transform: translateY(0%);
    background: url(../images/common/i_cart_chk.png) 0 0 no-repeat;
    background-size: 25px;
	top: 20px;
    left: 20px;
    width: 25px !important;
    height: 25px !important;
    border: 0;
    border-radius: 0
}

.surgery_cont .surgery_list > div input[type="checkbox"]:checked {
    background-position: 0 -25px
}

.surgery_cont .surgery_list > div input[type="checkbox"]::after {
    display: none
}

.surgery_cont .surgery_list > div .rsv_Cont {
    float: left
}

.surgery_cont .surgery_list > div .rsv_Ctit {
    width: 100%
}

.surgery_cont .surgery_list > div .rsv_Cnum {
    position: absolute;
    right: 110px;
    bottom: 20px;
    width: 100px;
    z-index: 10;
    align-self: center
}

.surgery_cont .surgery_list > div label {
    position: relative;
    display: block;
	padding: 20px 20px 20px 55px;
    font-size: 14px;
    line-height: 26px;
    letter-spacing: -1px;
    z-index: 10
}
.surgery_cont label {
    color: #555;
    letter-spacing: -1px;
    margin: 0;
}

.surgery_cont .surgery_list > div label.reser_timedate{
	position: relative;
	clear: both;
    display: block;
    color: #436678!important;
    font-weight: 400;
    word-break: keep-all;    
    padding: 0 20px 0 60px!important;
    margin: 0 0 10px!important;
    font-size: 12px;
	line-height: 1.3;
	/*background: url(../images/common/i_calendar.png) no-repeat 10px 50%;
    background-size: 18px;
    background-position: 66px 20%;*/
}
.surgery_cont .surgery_list > div label.reser_timedate:after { /*content: "\e6b6";position: absolute; left:55px; top:0; width: 25px; height: 20px; font-family: 'themify'; font-size: 15px*/}
.surgery_cont .surgery_list > div .surgery_l_tit {
    font-size: 14px;
    letter-spacing: -1px;
    word-break: keep-all;
	float: left;
    width: 100%;
    line-height: 1.5;
    padding: 20px 20px 5px 55px;
}

.surgery_cont .surgery_list > div .surgery_l_tit > br {
    display: none
}

.surgery_cont .surgery_list > div.NoReservation .surgery_l_tit {
    color: #c6c6c6;
    text-decoration: line-through
}

.surgery_cont .surgery_list > div .surgery_l_price {
    float: right;
    width: 100%;
    height: auto;
    line-height: 30px;
    padding: 20px;
    margin: -20px 0 0;
    font-size: 22px;
    text-align: right;
    letter-spacing: -1px;
    font-weight: 700;
	font-family: 'Lato', sans-serif;
}

.surgery_cont .surgery_list > div .surgery_l_price span {
    position: absolute;
    bottom: 50px;
    right: 20px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -.5px;
	font-family: 'Lato', sans-serif;
    font-weight: 500;
    color: #999;
    text-decoration: line-through;
    margin-left: 10px
}

.surgery_cont .surgery_add {
    float: left;
    display: table;
    position: absolute;
    bottom: 0;
    left: 311px;
    width: 310px;
    height: 46px;
    line-height: 46px;
    padding: 5px;
    text-align: center;
    border-bottom: 1px solid #ddd;
    background: #f9f9f9;
}
.surgery_cont .surgery_add.surgery_add_plus2 {
    left: 1px;
}
.surgery_cont .surgery_add a {
    position: relative;
    display: block;
    color: #555;
    font-size: 14px;
    font-weight: 700;
    vertical-align: middle;
    height: 100%;
    text-align: center;
    border-radius: 20px
}

.surgery_cont .surgery_add.surgery_add_plus2 a::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    right: -5px;
    height: 30px;
    background: #e3e3e3;
}

.surgery_cont .surgery_add a.action.hover {
    background: #f4f4f4
}

.surgery_cont .etc_sur_div label,
.surgery_cont .ticket_sur_div label {
    display: table-cell!important;
    vertical-align: middle;
    width: 100%;
    height: auto;
    line-height: 38px;
    padding: 50px 40px 50px 121px;
    margin-bottom: 0;
    font-size: 28px
}

.itemAmount {
    width: 100%;
    height: 30px;    
    border: 1px solid #dfdfdf;
    display: flex;
    flex-wrap: wrap
}

.itemAmount > div {
    width: 32%
}

.itemAmount .itemMinus,
.itemAmount .itemPlus {
    position: relative;
    cursor: pointer
}

.itemAmount .itemMinus {
    background: #f9f9f9 url(../images/common/minus.png) no-repeat 50% 50%;
    background-size: 12px;
}

.itemAmount .itemPlus {
   	background: #f9f9f9 url(../images/common/plus.png) no-repeat 50% 50%;
    background-size: 12px;
}

.itemAmount .itemNum {
    width: 36%;
    background: #fff;
    border-right: 2px solid #dfdfdf;
    border-left: 2px solid #dfdfdf;
    text-align: center;
	font-size: 12px;
    line-height: 28px;
    border-width: 1px;
	font-family: 'Lato', sans-serif;
}

.itemAmount .itemPlus.dis::after,
.itemAmount .itemMinus.dis::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .9);
    pointer-events: none
}

.reser_form {
    clear: both;
	margin-top: 30px;
    padding: 0;
    overflow: hidden;
    border: 1px solid #ddd;
}
.reser_form label { margin: 0!important}
.reser_form .reser_form_tit {;border-bottom: 1px solid #18abc1;overflow: hidden}
.reser_form .reser_form_tit h3 {color: #333; height: 59px;  line-height: 59px;  font-weight: ;text-indent: 20px;font-size: 1em;}
.reser_form .reser_form_box { overflow: hidden; padding: 25px 20px 0}
.reser_form .reser_form_t,
.reser_form .reser_form_Txt {float: left;
    width: 50%;
    height: auto;
    margin: 0;
    padding: 0;}


.treatmentConsent { margin: 0 auto 10px; color: #999; padding: 0 20px 0 120px; line-height: 50px;  font-size: 13px; position: relative}
.treatmentConsent a { display:block;  color: #333; background: #fff; border: 1px solid #ddd;  border-radius: 3px;text-align: center; width: 160px; height: 30px; line-height: 30px; font-size: 13px;position: absolute; right: 20px; top:10px }
.treatmentConsent a i { margin-right: 5px}

.reser_form .reser_form_t > div {
    position: relative;
    display: table;
    width: 100%;
    height: 38px;
    margin: 10px 0 0;
    padding: 0 30px 0 0;
}

.reser_form .reser_form_t > div:first-child {
    margin-top: 0
}

.reser_form .reser_form_t > div > div {
    display: table-cell;
    vertical-align: middle;
    height: 38px;
}

.reser_form .reser_form_t > div > div:first-child {
  	width: 100px;
    padding: 0 0 0 0px;
    color: #555;
    letter-spacing: -1px
}

.reser_form .reser_form_t > div > div:first-child span {
    color: #ff5845;
    margin-left: 2px
}

.reser_form .reser_form_t > div > div.rsvP_text dd > span {
    color: #000;
    border-bottom: 2px solid #000
}

.reser_form input,
.reser_form select,
.reser_form textarea{
    border: 1px solid #ddd; 
	font-size: 14px;
	height: 38px;
	line-height: 36px;
	padding: 0 15px;
    letter-spacing: -1px
}

.reser_form .reser_form_t > div > div:last-child {
    position: relative;
    width: calc(100% - 120px);
}

.reser_form .reser_form_t > div > div:last-child .type_1 {  width: 100%;}
.reser_form .reser_form_t > div > div:last-child .type_1.form_mail {  width: 322px}
.reser_form .reser_form_t > div > div:last-child textarea.type_1 { height: 130px; resize: none;  padding: 10px 15px}
.reser_form .reser_form_t > div > div:last-child .type_2 {  float: left;  width: 80px; padding:0; text-align: center}
.reser_form .reser_form_t > div > div:last-child .type_2.form_tel2 { margin: 0 8px}
.reser_form .reser_form_t > div > div:last-child select.type_2.form_tel1 { padding-left: 10px}

.reser_form .reser_form_t > div > div:last-child .tAuth_getBtn,
.reser_form .reser_form_t .tel_AuthNum .btnSmsCheck {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);    
    color: #fff;    
    text-align: center;
    letter-spacing: -1px;
    background: #18abc1;
    cursor: pointer;
	width: 85px;
    height: 38px;
    line-height: 38px;
    font-size: 12px;
    border-radius: 5px;
}
.reser_form .reser_form_t > div > div:last-child .tAuth_getBtn.gray,
.reser_form .reser_form_t .tel_AuthNum .btnSmsCheck.gray {    
    background: #555;
    pointer-events: none;
    opacity: 0.7;
}
.reser_form .reser_form_t > div > div.same_name > div:last-child {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 170px;
    height: 100%;
    line-height: 28px;
    color: #fff;
    font-size: 12px;
    text-align: center;
    letter-spacing: -1px;
    background: #18abc1;
    cursor: pointer
}

/* 핸드폰인증 간소화 */
.reser_form .reser_form_t > div > div.user_hp:last-child { padding-right:0}
.reser_form .reser_form_t > div > div.user_hp:last-child .type_2 {width: 32%;}
.reser_form .reser_form_t > div > div.user_hp:last-child .form_tel2 { margin:0 2%}
.reser_form .reser_form_t > div.sms_box {display: flex;flex-wrap: wrap;width: 100%;height: auto;position: relative;padding: 0 0px 0 100px;margin-top: 10px;font-size: 13px;line-height:20px;clear:both; }
.reser_form .reser_form_t > div.sms_box > div:last-child { width:100% !important; padding-right: 0}
.reser_form .reser_form_t > div.sms_box label {height:inherit !important;line-height:inherit !important;font-size: .85rem !important;padding: 0 0 0 25px  !important;/* top: -3px; */position: relative;}


.reser_form .reser_form_t > div.birth_date > div.birthdayBox input,
.reser_form .reser_form_t > div.birth_date > div.birthdayBox select {
    float: left;
    width: 161px;
    height: 84px;
    padding: 0 0 0 20px;
    font-size: 26px
}

.reser_form .reser_form_t > div.birth_date > div.birthdayBox select {
    width: 162px;
    margin: 0 10px
}

.reser_form .reser_form_t > div > div.on > div {
    float: left
}

.reser_form .reser_form_t > div > div.on > div:first-child {
    width: 378px
}

.reser_form .reser_form_t > div > div.on > div:first-child > input {
    width: 379px;
    padding: 0 20px
}

.reser_form .reser_form_t > div > div.on > div:last-child {
    display: block;
    width: 170px;
    height: 84px;
    line-height: 84px;
    text-align: center;
    font-size: 22px;
    color: #fff;
    cursor: pointer
}

.reser_form .reser_form_t > div > div:last-child .type_1[readonly='readonly'],
.reser_form .reser_form_t > div > div:last-child .type_2[readonly='readonly'],
.reser_form .reser_form_t > div > div:last-child select[disabled='disabled'] {
    background: #f1f1f1;
    color: #000
}

.reser_form .reser_form_t > div > div > label {
    height: 84px;
    line-height: 84px;
    font-size: 26px;
    padding: 0 30px 0 40px;
    cursor: pointer
}

.reser_form .reser_form_t > div.rsvP_box.on {  display: flex}
.reser_form .reser_form_t > div.rsvP_box {   
	display: none;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    padding: 0 0 0 160px;
    margin-top: 0
}

.reser_form .reser_form_t > div.rsvP_box > div {
    height: auto;
    line-height: initial
}

.reser_form .reser_form_t > div > div.rsvP_text {
    position: relative;
    width: 100%;
    line-height: 32px;
    padding: 30px;
    background: #f2f2f2
}

.reser_form .reser_form_t > div.rsvA_box {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    position: relative;
    padding: 0 20px 0 100px;
    margin-top: 10px;
	font-size: 13px;
	line-height:20px;
	
}

.reser_form .reser_form_t > div.rsvA_box > div { height: auto; line-height: initial}
.reser_form .reser_form_t > div.rsvA_box.trip { display: none; margin: 0}
.reser_form .reser_form_t > div.rsvA_box.trip.active { display: flex}

.reser_form .reser_form_t > div > div.rsvA_text {
    width: 256px;
    padding: 0; 
	color: #ff5845;    
    word-break: keep-all
}
.reser_form .reser_form_t > div > div.rsvA_timer {
    width: 100px;
    color: #ff172d;
    text-align: center;
}
.reser_form .reser_form_t .tel_AuthNum > div {text-align: center;}
.reser_form .reser_form_t .tel_AuthNum .tAuth_getBox { position: relative; width: 150px;}
.reser_form .reser_form_t .tel_AuthNum .tAuth_getNum { width: 256px;  vertical-align: bottom}
.reser_form .reser_form_t .tel_AuthNum .tAuth_getNum[readonly='readonly'] { background: #f1f1f1; color: #000}


.reser_form .reser_form_t .tel_AuthNum.active .tAuth_subm {
    display: none
}

.reser_form_Txt {
    float: right;
    padding: 0;
}

.reser_form_Txt > div {
    overflow: hidden;
    margin: 0 0 10px;
}

.reser_form_Txt > div.etc_auto,
.reser_form_Txt > div.ticket_auto {
    display: none;
    max-height: 126px
}

.reser_form_Txt > div.etc_auto.on,
.reser_form_Txt > div.ticket_auto.on {
    display: block
}

.reser_form_Txt > div > div:first-child {
    float: left;       
    color: #555;  
    letter-spacing: -1px;
	width: 100px;
    line-height: 38px;
    padding: 0 0 0 20px;
}

.reser_form_Txt > div > div:first-child > span {
    color: #ff5845;
    margin: 0 0 0 2px
}

.reser_form_Txt > div > div:last-child {
    float: left;   
	width: calc(100% - 100px);
    min-height: 38px;
}

.reser_form_Txt > div > div:last-child > textarea {
    width: 100%;
    height: 38px;
    line-height: 36px;   
}

.reser_form_Txt > div > div:last-child > textarea.form_memo {
    height: 106px;
    line-height: 26px;
    padding: 12px 15px;
}
.reser_form_Txt > div.form_memoBox.on {
    margin: 0;
}
.reser_form_Agree {padding: 20px 0 20px 120px;overflow: hidden; background-color: #fafafa}
.reser_form_Agree .chkAll {position: relative;float: left;width: 174px;height: 60px;line-height: 60px;margin: 0;border: 1px solid #18abc1;}
.reser_form_Agree .chkAll > input { left: 32px;pacity: 0;}
.reser_form_Agree .chkAll > label { display: block;width: 100%;height: 100%;padding: 0;color: #18abc1;letter-spacing: -2px;text-align: center;background: #fff;cursor: pointer;}
.reser_form_Agree .chkAll > input { opacity: 0}
.reser_form_Agree .chkAll > input:checked + label {  color: #fff;  background: #18abc1}
.reser_form_Agree .chkitem {  position: relative; height: auto;  line-height: 30px;    margin: 0 0 0 30px;border: 0; margin-left: 0}
.reser_form_Agree > .chkitem:first-child { margin-bottom: 5px}
.reser_form_Agree .chkitem > input[type="checkbox"].option-input { top:5px}
.reser_form_Agree .chkitem > label { display: block; line-height: 30px;color: #999;font-size:0.875em;padding: 0 ;background: none;}
.reser_form_Agree .chkitem > label > a { color: inherit; border-bottom: 1px solid #999}
@media only screen and (max-width: 1020px){
    .reser_form_Agree .chkitem > input[type="checkbox"].option-input { top:0px}
}
/******* 20230919_modify ******/
.reser_form.flex_box { display: flex;justify-content: space-between;gap: 15px;margin-bottom: 15px;border:none}
.reser_form.flex_box  div.left {float: left;width: 622px;padding: 0;border: 1px solid #ddd;overflow: hidden;}
.reser_form.flex_box  div.right {float: right;border: 1px solid #ddd;position: relative; max-width: 1000px;  width: 364px;}
.reser_form.flex_box .reser_form_Agree { padding: 20px; background: none; line-height: 25px;}
.reser_form.flex_box  div.left .reser_form_Agree { padding: 0; margin: 0}
.reser_form.flex_box .chkitem { margin: 0 !important;display: flex; align-items: center; padding: 0;width: inherit; min-height: inherit;}
.reser_form.flex_box .chkitem.sub{ justify-content: space-between;line-height: 25px}
.reser_form.flex_box .chkitem.sub a {font-size: 13px;}
.reser_form.flex_box .chkitem + .chkitem { margin-top: 5px !important}
.reser_form.flex_box .chkitem > label{line-height: 25px; color: inherit;}
.reser_form.flex_box .reser_form_Txt {float: none; width:inherit; padding: 20px 20px 0}
.reser_form.flex_box .reser_form_Txt .form_memoBox {margin: 0;}
.reser_form.flex_box .reser_form_Txt textarea.form_memo {width: 100%; height: 106px;line-height: 26px;padding: 12px 15px;}
.reser_form.flex_box div.left .treatmentConsent { padding: 0 0 0 20px}

.ReserBox.row2 {margin: 50px auto 0;align-items: start;}
.ReserBox.row2 .surgery_cont { border: none; padding: 0}
.ReserBox.row2 .surgery_cont .cont_row {border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom:none;overflow: hidden; background: #fff; position: relative; min-height: 694px;}
.ReserBox.row2 .surgery_cont .cont_row.MyTickets { min-height: 40%;border-bottom: 1px solid #ddd;}
.ReserBox.row2 .cont_row + .cont_row { margin-top: 10px;padding: 0 0 56px;min-height:457px;border-bottom:none; }
.ReserBox.row2 .surgery_cont_tit {padding: 20px ;height: 59px;line-height: 19px;border-top: 1px solid #ddd;border-bottom: 1px solid #18abc1; display: flex; align-items: center; justify-content: space-between}
.ReserBox.row2 .surgery_cont_tit h3 {font-size: 1em;font-weight:700 ;color: #555;}
.ReserBox.row2 .surgery_cont_tit h3 small {margin-left: 10px}
.ReserBox.row2 .surgery_cont_tit h3 small span {color: #fd0000;font-weight: 700;font-family: 'Lato', sans-serif;}
.ReserBox.row2 .surgery_cont_tit .btn_selectDelete {padding: 0 10px; font-size: 12px; border: 1px solid #ddd; border-radius: 5px;color: #111;line-height: 25px;cursor: pointer;}
.ReserBox.row2 .surgery_cont_tit .btn_selectDelete  i {padding: 0 5px 0 0;vertical-align: middle;}
.ReserBox.row2 .pop_calendar { margin-top: 0}
.no-result {padding: 50px 0; margin: 0;font-size:14px; color: #111;  opacity: .7; text-align: center;}
.no-result i:before {display: block;color: #333;  opacity: 1; font-size: 30px; margin-bottom: 5px;}



.reser_pay {width: 100%;overflow: hidden;background: #fff}
.reser_pay_t {
    position: relative;
    width: 500px;
    margin: 0 auto;
    padding: 50px 0;
    overflow: hidden;
}

.reser_pay_t > div {
    float: left;
    width: 50%;
    color: #333;
    font-size: 20px;
    line-height: 32px;
}

.reser_pay_t > div .subTxt {
    color: #999;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -.5px
}

.reser_pay_t > div .subTxt > span {
    border-bottom: 1px solid #999
}

.reser_pay_t > div:last-child {
    text-align: right;
    font-size: 26px;
    color: #999
}
.reser_pay_t > div.reser_pay_Box {
    font-size: 20px;
}
.reser_pay_t > div:last-child > span {
    display: inline-block;
    color: #ff5845;
    font-size: 40px;
    line-height: 54px;
    font-weight: 700;
    letter-spacing: -2px;
    margin: 0 5px 0 0;
	font-family: 'Lato', sans-serif;
}
.reser_pay_t > div .vat { color: #555;line-height: 36px;margin: 0;position: absolute;right: 5px;bottom:20px;width: auto;font-size: 14px;letter-spacing: -1px;}
.reser_pay_b {position: relative;border-top: 1px solid #ddd;}
.reser_pay_b a,
.reser_pay_b input{display: block;width: 344px;height: 80px;line-height: 80px;margin: 60px auto 0px;color: #555;font-size: 20px;text-align: center;background: #868788;pointer-events: none;cursor: default;  border-radius: 5px; color: #fff; border: none}
.reser_pay_b a.on,
.reser_pay_b input.on{color: #fff;background: #18abc1;pointer-events: auto;cursor: pointer; border: none}

.reser_pay_b input[disabled=disabled] {border: none !important; background: #868788 !important;pointer-events: none !important; }


/* 예약확인/변경 추가 - 20230919 */
.changeWrap{ display:flex;justify-content:center; min-height:400px;margin: 0 auto;position: relative;width: 450px; }
.changeWrap .wrap{ width:100%;height:auto;display:flex;flex-wrap:wrap;justify-content:center;align-content:center;flex-direction:column;align-items:center;text-align:center;}
.changeWrap .wrap >.img img{width: 52px;height:auto;margin-bottom:30px;image-rendering:-webkit-optimize-contrast}
.changeWrap .wrap > .txt{font-size: 24px;font-weight:700;text-align:center;color:#111; margin-bottom:10px;}
.changeWrap .desc{font-size:16px;font-weight: 500;}
.changeWrap.no-reserve .wrap >.img img {width: 80px;height: 80px;}
.changeWrap.cheking .img {margin-bottom: 30px;}
#outline{animation:.38s ease-in outline;transform:rotate(0);transform-origin:center;stroke:#707876}
#filled-circle{fill:#fff}
#white-circle{animation:.35s ease-in .35s forwards circle;transform:none;transform-origin:center}
#check{animation:.34s cubic-bezier(0.65,0,1,1) .8s forwards check;stroke-dasharray:0,75px}
#check-group{animation:.32s ease-in-out 1.03s check-group;transform-origin:center}
@keyframes outline{from{stroke-dasharray:0,345.576px}
	to{stroke-dasharray:345.576px,345.576px}
}
@keyframes circle{from{transform:scale(1)}
	to{transform:scale(0)}
}
@keyframes check{from{stroke-dasharray:0,75px}
	to{stroke-dasharray:75px,75px}
}
@keyframes check-group{from{transform:scale(1)}
	50%{transform:scale(1.09)}
	to{transform:scale(1)}
}
.changeWrap .txt-wrap {width:100%;text-align:left; font-size: 16px;font-weight:600;margin-top: 20px;}
.changeWrap hr.normal{border-top:solid 1px #ddd;background:0;width:100%;height:1px;margin:0 0 4px 0}
.changeWrap .txt-wrap .txt.pro label{margin-bottom:8px}
.changeWrap .txt-wrap .txt.bb{border-bottom:1px dotted #e3e3e3;margin-top:20px}
.changeWrap .txt-wrap .txt>div{display:flex;justify-content:space-between;align-items:center;max-width:485px;margin:0 auto 20px}
.changeWrap .txt-wrap .btn>div{gap:20px}
.changeWrap .txt-wrap .txt.pro>div{flex-direction:column;align-items:flex-start}
.changeWrap .txt-wrap .txt.info span{margin:0}
.changeWrap .txt-wrap .txt>span{margin:0;font-size:1.5em;font-weight:500;color:#111;margin-bottom:40px}
.changeWrap .txt-wrap p{font-size:1.1em;margin-bottom:60px;word-break:keep-all}
.changeWrap .txt-wrap label{font-size:11px;color:rgba(51,51,51,0.5);display:block}
.changeWrap .txt-wrap span.date{}
.changeWrap .txt-wrap .reserve-list {margin-top:4px}
.changeWrap .txt-wrap .reserve-list > li{margin-bottom:4px;display:flex;align-items:baseline;font-size:.9em;font-weight:500;color:#111}
.changeWrap .txt-wrap .pro-name p{font-size:14px;font-weight:400;color:#111;margin-bottom:0}
.changeWrap .txt-wrap .reserve-list > li>p:first-child{margin-left:0}
.changeWrap .txt-wrap .reserve-list > li:last-child{margin-bottom:0}
.changeWrap .txt-wrap .reserve-list > li >span{color:#004a2f;font-size:14px;font-weight:700;min-width:20px}
.changeWrap .txt-wrap span.memo{font-size:14px;font-weight:600}
.changeWrap .txt-wrap .total{margin:30px auto}
.changeWrap .txt-wrap .total p{font-size:1.2em;font-weight:500;margin:0}
.changeWrap .txt-wrap .total span.sale{font-size:1.6em;color:#ff8400}
.changeWrap .txt-wrap .total span.sale.fin{color:#ff8400}
.changeWrap .txt-wrap .total span.sale::after{content: '원';font-size: .6em;font-weight:400;text-decoration: none;vertical-align: baseline;}
.changeWrap .txt-wrap .total p>span{font-size:.6em; font-weight:500;}
.changeWrap .txt-wrap .ect{margin-top:15px}
.changeWrap .txt-wrap .ect label{font-size:.8em;font-weight:400;color:#666;word-break: keep-all;line-height: 1.5;}
.changeWrap .txt-wrap .btn{margin:70px auto 0;max-width:485px}
.changeWrap .btn_area  {display: flex;align-items: center;justify-content: space-between; margin-top: 40px;gap: 10px; width: 100%; max-width: 485px;}
.changeWrap .btn_area  button {min-width:120px;width:100%; margin: 0; padding: 0}
.changeWrap .login-wrap .btn_area  {max-width: inherit;}
.changeWrap .login-wrap .btn_area  button {min-width:inherit;width:100%; margin: 0}
.list_check {}
.list_check > li { display: block; margin-bottom: 5px; border: 1px solid #ddd; border-radius: 10px; padding:15px 20px; background-color: #f5f5f5;font-size:.9em;font-weight:500;color:#111  }
.list_check > li:hover {border-color: #333}
.list_check > li.check_ok { background-color: #fff}
.list_check > li a { display: block; background: url("../images/common/ico_angle-small-right.svg") no-repeat 100% 50%; background-size: 20px auto; padding-right: 50px; text-decoration: none}
.list_check > li .lable { display: inline-block; padding:0 10px; font-size:11px; color: #fff; font-weight: 700; background-color: #605d5c; border-radius:  11px; height: 22px; line-height: 22px;position: relative;margin-left: -3px;}
.list_check > li.check_ok .lable {background-color: #17a2b8;}
.list_check .list_check_info { display: flex; align-items: center; margin: 0; width: 100%; flex-wrap: wrap}
.list_check .list_check_info dt,
.list_check .list_check_info dd { padding: 0 5px; margin: 0}
.list_check .list_check_info dt {font-size: 11px;color: rgba(51,51,51,0.5); width: 65px;padding: 0}
.list_check .list_check_info dd {text-overflow: ellipsis;overflow: hidden;white-space: nowrap; flex: 1}
@media (max-width: 1199px){
    .changeWrap{min-height: 50vh;position: relative;display: flex; align-items: center;justify-content: center;}
    .changeWrap .wrap {padding: 35px 0;}
    .changeWrap.no-reserve .wrap >.img img {width: 60px;height: 60px;margin-bottom: 20px;}
    .changeWrap .desc{font-size:15px;}
    .changeWrap .btn_area {max-width:inherit;gap: 5px;}
    .changeWrap .btn_area button {min-width:110px; padding: 0; font-size:.95em}
    .changeWrap .btn_area .button.large {font-size:.95em; height: 45px; line-height: 45px}
}
@media (max-width: 820px){
    .changeWrap.cheking .img svg {width: 60px;  height: 60px;}
    .changeWrap .btn_area {margin-top: 20px}
    .changeWrap .txt-wrap {font-size: 15px;}    
}
@media (max-width: 768px){
    .changeWrap{ min-height:185px;max-width: 320px; padding: 0;width: 450px;width: auto;}
    .changeWrap .wrap{ width:100%;height:auto;display:flex;flex-wrap:wrap;justify-content:center;align-content:center;flex-direction:column;align-items:center;text-align:center; padding: 0}
    .changeWrap .wrap >.img img{width: 34px;height:auto;margin-bottom:10px;}
    .changeWrap .wrap > .txt{font-size: 16px;margin-bottom:10px;}
    .changeWrap .desc{font-size:14px;}
    .changeWrap .txt-wrap {font-size: 14px;}
    .changeWrap.no-reserve .wrap >.img img {width: 60px;height: 60px;}
    .changeWrap.cheking .img {margin-bottom: 30px;}
    .changeWrap .btn_area .button.large {font-size:13px; height: 40px; line-height: 40px}
    .list_check > li {padding: 15px 10px 15px 15px;}
    .list_check > li a {padding-right: 20px;}
    .list_check .list_check_info { display: block}
    .list_check .list_check_info dt,
    .list_check .list_check_info dd {display: block; padding: 0}
    .list_check .list_check_info dt {width: inherit;padding: 5px 0 0;line-height: 1.5;}
    .list_check .list_check_info dd {margin: 0!important}
    
}

/* common - 20230919 */
.mb_20 { margin-bottom: 20px !important}
.mb_0 { margin-bottom: 0px !important}
.desc { white-space: pre-line; word-break: keep-all;}
@media (max-width: 320px){
    .desc {    white-space: initial;  word-break: initial;}
}


@media only screen and (max-width: 1200px){	
	.reser_pay_b {padding: 0; width: 98%; z-index: 500; border: none ; margin: 0 auto}
	.reser_pay_b a, .reser_pay_b input {width: 100%; height: 50px; line-height: 50px; margin: 0; border: none; border-radius: 0;font-size:1em; font-weight: 700; background: #868788;color: #fff;}
}
@media only screen and (max-width: 1020px){ 
	body.sub-content .page-cart .container {max-width:inherit; min-width:inherit; width: 100%;}
	.reser_info h1 {float: none; margin-right: 0; text-align: center;line-height: 1.2em; }
	.reser_info h2 { text-align: center;line-height: 1em; margin: 10px 0 20px; font-size: 13px }
	.reser_info div.btnContent {width:inherit;padding: 10px;border:none;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
	.ReserBox {width:inherit; display:block}
	.surgery_cont,
	.pop_calendar  { float: none; width: inherit; max-width:inherit;border:none; padding: 0;  margin: 0px; }
	.pop_calendar {border-top: 15px solid #f2f2f2;}
	.pop_calendar h3 { width:100%;position: relative; border:none;height: 49px; line-height: 49px;border-top: 1px solid #ddd;  border-bottom: 1px solid #18abc1; }
	#calTable {width: 320px; margin: 0 auto;}
	#calTitle { height: 40px; line-height: 40px;border:none; font-size: 1.0625em;padding-top: 5px;}
	#myCalendar {border-left: none;border-right:none;min-width: 300px; max-width: 320px; margin: 0 auto;}
	#myCalendar th, #myCalendar td {width: 45px; height: 45px;}
	.date_arrow_box { border-left: none;border-right:none;padding: 15px 10px 45px; min-height: 175px}
    
    
	.time-box > li > span {height: 2rem; line-height: 2rem;font-size: 13px;}
	
    .noSelect {top: 45px;left: 0;width: 100%;height: calc(100% - 45px) ; background-color: #fff  }
    .noSelect div {line-height: 1.3em;font-size: 18px    }
    .noSelect span {margin: 30px 0 0;font-size: 14px;line-height: 1.3em   }
    .noSelect img {width: 150px;  height: auto; margin: 0 auto 30px   }

	.reser_form {  border:none;border-top: 15px solid #f2f2f2;border-bottom: 15px solid #f2f2f2; margin: 0}
	.reser_form .reser_form_tit {border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}
	.reser_form .reser_form_tit h3 {height: 45px; line-height: 45px; text-indent: 10px}
	.reser_form .reser_form_t, .reser_form .reser_form_Txt {float: none; width: inherit;}
	.reser_form .reser_form_t > div { padding: 0;}
	.reser_form .reser_form_t > div > div {height: 35px;}
	.reser_form .reser_form_t > div > div:first-child {width: 60px; font-size: 13px}
	.reser_form .reser_form_t > div > div:last-child { width: calc(100% - 60px);padding-right: 90px;}
	.reser_form .reser_form_t > div:first-child > div:last-child {padding-right: 0px;}
	.reser_form input, .reser_form select, .reser_form textarea {font-size: 13px;  height: 35px; line-height: 35px; padding: 0 5px;}
	.reser_form .reser_form_t > div > div:last-child .type_2 {width: 30%;}
	.reser_form .reser_form_t > div > div:last-child select.type_2.form_tel1 {padding-left: 5px;width: 35%;}
	.reser_form .reser_form_t > div > div:last-child .type_2.form_tel2 { margin: 0 2.5%;}
	
	.reser_form .reser_form_t > div > div.user_hp:last-child .form_tel2 {margin: 0 2%;}
	.reser_form .reser_form_t > div.sms_box { padding-left:60px !important}
	.reser_form .reser_form_t > div.sms_box label {top:0;}

	.reser_form .reser_form_t .tel_AuthNum .tAuth_getBox,
	.reser_form .reser_form_t .tel_AuthNum .tAuth_getNum {width:100%;}
	
	.reser_form .reser_form_t > div.rsvA_box {padding: 0 0px 20px 60px;}
	.reser_form .reser_form_t > div > div.rsvA_text {width: calc(100% - 60px);font-size: 12px;}
	.reser_form .reser_form_t > div > div.rsvA_timer {width: 100px; padding: 0}
	
	.reser_form .reser_form_box { padding: 15px 10px 0;}
	.reser_form_Txt > div > div:first-child {line-height: 35px; padding: 0;  width: 60px;}
	.reser_form_Txt > div > div:last-child {width: calc(100% - 60px); min-height: 35px;}
	.reser_form_Txt > div > div:last-child > textarea.form_memo {padding: 10px 10px;}
	
	.reser_info div.btnContent > div {line-height: 20px;}
	.reser_info div.btnContent > .btn_allSelect {padding: 0 20px 0 30px; background-size: 20px;}
	.reser_info div.btnContent > .btn_allSelect.active {  background-position: 0 -20px}
		
	.surgery_cont .surgery_list > div input[type="checkbox"].option-input { top:15px; left: 10px; width: 20px !important; height: 20px !important; background-size: 20px}
	.surgery_cont .surgery_list > div input[type="checkbox"]:checked {  background-position: 0 -20px;}
	.surgery_cont .surgery_list > div label {  padding: 15px 10px 15px 40px;line-height: 20px;}
	.surgery_cont .surgery_list > div .surgery_l_tit { padding: 15px 10px 15px 40px;line-height: 20px;}
	.surgery_cont .surgery_list > div label.reser_timedate {padding: 0 10px 5px 62px!important;font-size: 12px; line-height: 1.2em !important; background-position:40px 0px; top:-10px}
	.surgery_cont .surgery_list > div label.reser_timedate:after {left: 40px;top: 3px;}
	.surgery_cont .surgery_list > div .surgery_l_price {float: left;text-align: left; padding:15px 10px 15px 40px; width: calc(100% - 100px); line-height: 30px; margin-top: -15px }
	.surgery_cont .surgery_list > div .surgery_l_price div { display: inline-block; font-size: 18px;}
	.surgery_cont .surgery_list > div .surgery_l_price span {position: relative; bottom: inherit; right: inherit; display: inline-block;font-size: 13px;margin-left: 5px;}
	.surgery_cont .surgery_list > div .rsv_Cnum{position: relative;float: right;right:10px; bottom:inherit;}	
	.surgery_cont .surgery_add  { position: relative;width: 50%; left:inherit; height: 36px; line-height: 36px}
	
	
	.reser_form .reser_form_t > div > div:last-child .tAuth_getBtn, .reser_form .reser_form_t .tel_AuthNum .tAuth_subm {height: 35px; line-height: 35px;}
	
	.treatmentConsent {padding: 0 10px 0 70px;font-size: 11px; line-height: 1.2}
	.treatmentConsent a { position: relative; right: inherit; top:inherit; width:100%; margin-bottom: 10px}
	
	.reser_form_Agree {padding: 15px 15px 15px;border-bottom: 1px solid #ddd;}
	.reser_form_Agree .chkitem { margin-left: 0}
	.reser_form_Agree > .chkitem:first-child { margin-bottom: 15px;}
	.reser_form_Agree .chkitem > label { line-height: 1.3;}
	
	.reser_pay { background: none}
	.reser_pay_t {width: inherit;border-top: 1px solid #ddd; padding: 15px;}	
	.reser_pay_t > div {font-size: 16px; line-height: 25px;}
	.reser_pay_t > div .subTxt{font-size: 12px; line-height: 20px;}
	.reser_pay_t > div:last-child > span {font-size: 25px; line-height: 45px;}
	.reser_pay_t > div.reser_pay_Box { position: relative; top:-5px}
	.reser_pay_t > div .vat {right: 0px; bottom: -20px;font-size: 12px;}	
    
    /******* 20230919_modify ******/
    .ReserBox.row2 {margin: 0px auto 0;}
    .reser_form.flex_box {margin-bottom: 0px;border-bottom: 15px solid #f2f2f2;}
    .ReserBox.row2 .surgery_cont .cont_row { min-height: inherit !important; padding: 0 !important}
    .ReserBox.row2 .cont_row + .cont_row {margin-top: 0px;border-top: 15px solid #f2f2f2;}
    .ReserBox.row2 .surgery_cont_tit {padding: 10px;height: 45px; line-height: 25px}
    .reser_form.flex_box .chkitem.sub {line-height: 20px;}
    .reser_form.flex_box .chkitem > label {line-height: 20px;}
    .reser_form.flex_box {display:block;}
    .reser_form.flex_box div.left,.reser_form.flex_box div.right { float: none; width: inherit;border-top: 15px solid #f2f2f2; border-right: none; border-left: none}
    .reser_form.flex_box .reser_form_Agree { border-bottom: none}
    .reser_form.flex_box .reser_form_Txt {padding: 10px 10px 0;}
    .reser_form.flex_box div.left .treatmentConsent {padding: 45px 10px 10px;}
    .reser_form.flex_box div.left .treatmentConsent a {margin-bottom: 0px; position: absolute;left: 10px;top: 10px; width: calc( 100% - 20px )}
    .reser_form_Txt > div {margin: 0 0 5px;}    
    
}
@media only screen and (max-width: 470px){ 
	.reser_pay_b a, .reser_pay_b input {height: 50px; line-height: 50px;font-size:15px;}
	
}
/* 예약확인 팝업 */
#reserOKPop .modal-body { padding: 0}
#reserOKPop h3 { padding: 0; font-size: 1em; text-align: center; }
#reserOKPop .btn.btn-block.btn-lg {cursor:pointer; border-radius:0 !important}
#reserOKPop .btn_box { text-align: center;padding: 1.5em 1em 2em; overflow: hidden}
#reserOKPop .btn_box .btn.btn-w50 {width: 40%; display: inline-block !important; margin-top: 0!important}
#reserOKPop .btn_box .btn.btn-w50:first-child { opacity: .6}
.reserOk_content h3 {padding:2em 0 .5em; text-align:center;letter-spacing:-1px;font-size: 1.3125em;}
.reserOk_content h3 i.fas { display: block;  margin: .6em 0 .2em;; font-size: 4em; color:#ff9e2f}
.reserOk_content h3 strong {display: block; font-size:1.3em; }
.reserOk_content h3 span {display: block; font-size:.92em; color:#555;  font-weight: 400;line-height: 1.3; margin-bottom: 1em;} 
.reserOk_content h3 span label {font-size:inherit; color:#ff9707;font-weight: 400}
.reserOk_content ul.line-list2 { text-align: left; margin: 1.5em 5% 2em; overflow: hidden;}
.reserOk_content ul.line-list2 li {font-size:13px !important; line-height: 1.3; color: #666; padding-left: 10px }
.reserOk_content .reserOk_kakao {display:block; position:relative; margin:0 auto 30px; width:250px;  padding:10px 0; color:#555; border:1px solid #ddd;  border-radius:5px;  cursor:pointer; text-align: center; line-height: 35px}
.reserOk_content .reserOk_kakao:before { content: ""; display: inline-block; width: 35px; height: 35px; margin-right: 5px;background:#fafafa url("../images/common/kakao.svg") no-repeat 50% 50% / 30px; vertical-align: middle}
.reserOk_content .reserOk_info {padding:30px 15% 25px ; background:#f9f9f9;}
.reserOk_info dl {overflow:hidden; margin:0 ; padding-left:100px; position: relative}
.reserOk_info dt, .reserOk_info dd { line-height:20px; font-weight:300; letter-spacing:-.5px; margin-bottom: .5rem;}
.reserOk_info dt {color:#a0a0a0; position: absolute; left: 0; top:0}
.reserOk_info dd {}
.reserOk_info dd.name {color:#333; font-weight:500;}
.reserOk_info dd.price {color:#ff2323; font-weight:500;}
.reserOk_info dd.price::after {content:" (VAT 별도)"; color:#999; font-weight:300; font-size: .8em}
.reserOk_calendar {font-size: 0.875rem;}
.reserOk_calendar .date_arrow_box {background-color: #f1f1f1; border:none; border-top: 1px solid #ddd;}
.reserOk_calendar #calTable {width: 320px; margin: 0 auto;}
.reserOk_calendar #calTitle { height: 40px; line-height: 40px;border:none; font-size: 1.0625em;padding-top: 5px;border-top: 1px solid #ddd;}
.reserOk_calendar #myCalendar {border-left: none;border-right:none;}
.reserOk_calendar #myCalendar th, 
.reserOk_calendar #myCalendar td {width: 45px; height: 45px;}
.reserOk_calendar .date_arrow_box { border-left: none;border-right:none;padding: 10px;}
.reserOk_calendar .time-box > li > span {height: 2rem; line-height: 2rem;font-size: 13px;}

.reserOk_calendar .noSelect {top: 45px;left: 0;width: 100%;height: calc(100% - 44px - 93px)   }
.reserOk_calendar .noSelect div {line-height: 1.3em;font-size: 18px  }
.reserOk_calendar .noSelect div i {font-size: 5em; display: block; text-align: center; margin-bottom: .3em; opacity: .4}
.reserOk_calendar .noSelect span {margin: 30px 0 0;font-size: 14px;line-height: 1.3em   }
.reserOk_calendar .noSelect img {width: 150px;  height: auto; margin: 0 auto 30px   }
@media only screen and (max-width: 576px){ 
	.reserOk_content ul{padding: 25px 0 5px;}
	.reserOk_content h3 i.fas{font-size: 2.8em;}	
	.reserOk_content .reserOk_kakao { line-height: 30px; padding: 5px 0;margin: 0 auto 20px;}
	.reserOk_content .reserOk_kakao:before {width: 25px; height: 25px; background-size: 25px; margin-right: 5px }
	.reserOk_content .reserOk_info { padding: 1em}
	.reserOk_info dl {padding-left:90px;}
	.reserOk_info dt,	
	.reserOk_info dd { margin-bottom: .3rem; letter-spacing: -0.07em}
	#reserOKPop .btn.btn-block.btn-lg {padding: 0.75rem 0;  font-size: .9rem;  line-height: 1.2rem;}
	#reserOKPop .btn_box .btn.btn-w50 + .btn.btn-w50 { margin-left: .5em !important}
	#reserOKPop .btn_box .btn.btn-w50 {width: calc(50% - .5rem); float: left; }
	#reserOKPop .btn_box .btn.btn-w50:first-child { opacity: .6}
	
    .surgery_cont .surgery_add a { font-size: 13px}
}