@charset "utf-8";

.reser_bg{z-index: -2; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background:rgba(0,0,0,0.6); opacity: 0;}
.reser_bg.on{z-index: 1998; opacity: 1;}
.reser{position: fixed !important; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -1; width: 1280px; background-color: #fff; height: 720px; border-radius: 10px; overflow: hidden; opacity: 0;}
.reser.on{z-index: 1999; opacity: 1;}
.reser .title_box{background-color: #6454aa; display: flex; justify-content: space-between; height: 60px; position: relative; width: 100%; z-index: 0;}
.reser .title_box .symbol{position: absolute; top: 50%; left: 25px; transform: translateY(-50%); display: flex; align-items: center; gap:12px;}
.reser .title_box .symbol h3{color: #fff; font-size: 22px;}
.reser .title_box .symbol img{max-height: 36px;}
.reser .title_box .tab{display: flex; align-items: center; justify-content: center; gap:0 30px; width: 100%;}
.reser .title_box .tab li{color: #fff; opacity: 0.6; font-size: 16px; font-weight: 600; cursor: pointer;}
.reser .title_box .tab li.on{opacity: 1;}
.reser .title_box .close{color: #fff; position: absolute; top: 50%; transform: translateY(-50%); right: 25px; font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: 600; cursor: pointer;}

@media all and (max-width:1280px){
	.reser .title_box .symbol{left: auto; right: 50px;}
	.reser .title_box .symbol img{display: none;}
	.reser .title_box .symbol h3{font-size: 19px;}
}


@keyframes updown {
	0%{ bottom: 3%;}
	50%{ bottom: 4%;}
	100%{bottom: 3%;}
}

.reser .cont_box{height: 100%;}
.reser .cont_box .tabcontent{display: none;}
.reser .cont_box .tabcontent .scroll_down{display: none;}
.reser .cont_box form{display: none; height: calc(100% - 60px);}
.reser .cont_box form.on{display: block;}
.reser .cont_box .tabcontent.on{display: block;}
.reser .cont_box .tabcontent.on.flex{display: flex; height: calc(100% - 60px);}
.reser .cont_box form > .tabcontent.on.flex{height: 100%;}
.reser .cont_box .tabcontent.flex .box{width: 100%; height: 100%; box-sizing: border-box; display: flex; flex-direction: column; position: relative; display: none;}
.reser .cont_box .tabcontent.flex .box.ons{display: block;}
.reser .cont_box .tabcontent.flex .box .cont{padding: 30px; padding-top: 0; height:calc(100% - 80px); display: flex; flex-direction: column;}
.reser .cont_box .tabcontent.flex .box .cont .select{height: 100%; display: flex; flex-direction: column;}
.reser .cont_box .tabcontent.flex .box .cont .select.off{display: none;}
.reser .cont_box .tabcontent.flex .box .cont .select h3{font-size: 18px; font-weight: 400; margin-bottom: 20px; color: #000; font-weight: 500;}
.reser .cont_box .tabcontent.flex .box .cont .select .select_box{}
.reser .cont_box .tabcontent.flex .box .cont .select .select_box li{cursor: pointer; border: 1px solid #eee; padding: 15px 20px; font-size: 16px; transition: .4s; display: flex; align-items: center; gap:14px; color: #444;}
.reser .cont_box .tabcontent.flex .box .cont .select .select_box li img{max-width: 34px;}
.reser .cont_box .tabcontent.flex .box .cont .select .select_box li + li{margin-top: 10px;}
.reser .cont_box .tabcontent.flex .box .cont .select .select_box li.on{border-color:#6454aa; color: #6454aa; font-weight: 500;}
.reser .cont_box .tabcontent.flex .box .cont .select .select_box li:hover{border-color:#6454aa; color: #6454aa; font-weight: 500;}
.reser .cont_box .tabcontent.flex .box .cont .select .confirm{display: none;}
.reser .cont_box .tabcontent.flex .box .cont .select .confirm.on{display: block;}
.reser .cont_box .tabcontent.flex .box .sisul{display: none;}
.reser .cont_box .tabcontent.flex .box .sisul.on{display: flex; flex-direction: column; height: 100%;}
.reser .cont_box .tabcontent.flex .box::after{content: ''; position: absolute; top: 0; left: 0; display: block; background: rgba(0,0,0,0.6); width: 100%; height: 100%;}
.reser .cont_box .tabcontent.flex .box.on::after{content: ''; display: none;}
.reser .cont_box .tabcontent.flex#reser-detail .box{max-width: 500px; margin-left: auto; margin-right: auto; justify-content: center; }
.reser .cont_box .tabcontent.flex#reser-detail .box .txt{text-align: center; margin-bottom: 30px;}
.reser .cont_box .tabcontent.flex#reser-detail .box .txt h3{font-size: 22px; color: #000; font-weight: 700; margin-bottom: 10px;}
.reser .cont_box .tabcontent.flex#reser-detail .box .txt p{font-size: 18px; color: #666;}
/*.reser .cont_box .tabcontent.flex .box + .box{border-left: 1px solid #eee;}*/
.reser .cont_box .tabcontent .box .tit{ font-weight: 600; font-size: 16px; margin-bottom: 20px;}
.reser .cont_box .tabcontent .box > .tit{ padding: 20px 30px; background-color: #141517; color: #fff; position: relative;}
.reser .cont_box .tabcontent .box > .tit small{ color: #fff; font-size: 14px;}
.reser .cont_box .tabcontent .box .tit span{color: #c1b3fe; font-weight: 700; display: inline-block; margin-right: 10px;}
.reser .cont_box .tabcontent.flex .box.box1{}
.reser .cont_box .tabcontent.flex .box.box1 .cont{height: calc(100% - 80px);}
.reser .cont_box .tabcontent.flex .box.box1 .cont .prne{display: none;}
.reser .cont_box .tabcontent.flex .box.box1 .cont .prne .next{position: relative;}

@keyframes opa1 {
	0%{opacity: 1; visibility: visible;}
	100%{opacity: 0; visibility: hidden;}
}
.reser .cont_box .tabcontent.flex .box.box1 .cont .prne > span{position: absolute; top: -130px; right: 0; background-color: #000; color: #fff; width: 50%; line-height: 1.8em; padding: 20px; border-radius: 10px; font-weight: 400; font-size: 17px; text-align: center; cursor: pointer;}
.reser .cont_box .tabcontent.flex .box.box1.on .cont .prne > span{animation: opa1 1s 3s forwards;}
.reser .cont_box .tabcontent.flex .box.box1.on .cont .prne > span.on{animation: opa1 1s 0s forwards;}
.reser .cont_box .tabcontent.flex .box.box1 .cont .prne > span::after{border-top: 12px solid #000;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 0px solid transparent;
    content: "";
    position: absolute;
    bottom: -12px;
    left: 50%; transform: translateX(-50%);}

@media all and (max-width:1280px){
	.reser .cont_box .tabcontent.flex .box.box1 .cont .prne > span{width: 100%; font-size: 15px; padding: 15px; line-height: 1.6em; top: -95px;}
	.reser .cont_box .tabcontent.flex .box.box1 .cont .prne > span::after{left: auto; right: 20%; transform: translateX(0);}
}
.reser .cont_box .tabcontent.flex .box.box1 .cont .prne > span i{font-style: normal; text-decoration: underline; text-underline-position: under;}
.reser .cont_box .tabcontent.flex .box.box1.on .cont .prne{display: flex;}
.reser .cont_box .tabcontent.flex .box.box2{}
.reser .cont_box .tabcontent.flex .box.box2 .cont{height: calc(100% - 80px); display: flex; flex-direction: column;}
.reser .cont_box .tabcontent.flex .box.box2 .cont .prne{display: none;}
.reser .cont_box .tabcontent.flex .box.box2.on .cont .prne{display: flex;}
.reser .cont_box .tabcontent.flex#surgical-reser > .box2{background-color: #f7f7fa;}
.reser .cont_box .tabcontent.flex#counseling-reser > .box3{background-color: #f7f7fa;}
.reser .cont_box .tabcontent.flex .box.box3{}
.reser .cont_box .tabcontent.flex .box.box3 .cont.on{display: none;}
.reser .cont_box .tabcontent.flex .box.box3 .reserinfo{display: none;}
.reser .cont_box .tabcontent.flex .box.box3 .reserinfo.on{display: flex;}
.reser .cont_box .tabcontent.flex .box.box3 .reserinfo .txt{ margin-bottom: 20px;}
.reser .cont_box .tabcontent.flex .box.box3 .reserinfo .txt h3{font-size: 18px; color: #000;}
.reser .cont_box .tabcontent.flex .box.box3 .reserinfo .bottom{text-align: left;}
.reser .cont_box .tabcontent.flex .box.box3 .reserinfo .bottom dl{display: flex; font-size: 16px;}
.reser .cont_box .tabcontent.flex .box.box3 .reserinfo .bottom dl + dl{margin-top: 20px;}
.reser .cont_box .tabcontent.flex .box.box3 .reserinfo .bottom dl dt{width: 100px; color: #666;font-weight: 300;}
.reser .cont_box .tabcontent.flex .box.box3 .reserinfo .bottom dl dd{ width: calc(100% - 100px); color: #000; font-weight: 400;}
.reser .cont_box .tabcontent.flex .box.box3 .reserinfo .bottom dl dd span{display: inline-block;}
.reser .cont_box .tabcontent.flex .box.box3 .reserinfo .bottom dl dd b{color: #6454aa;}
.reser .cont_box .tabcontent.flex .box.box3 .reserinfo .bottom dl dd small{font-size: 14px; color: #666; display: block; margin-top: 5px;}
.reser .cont_box .tabcontent.flex .box.box3 .confirm{display: none;}
.reser .cont_box .tabcontent.flex .box.box3.on .confirm{display: flex;}
.reser .cont_box .tabcontent.flex .box.box3 .prne{display: none;}
.reser .cont_box .tabcontent.flex .box.box3.on .prne{display: flex;}
.reser .cont_box .tabcontent.flex .box.box4{display: none;}
.reser .cont_box .tabcontent.flex .box.box4.ons{display: block;}
.reser .cont_box .tabcontent.flex .box.box4 .txt{margin-bottom: 20px;}
.reser .cont_box .tabcontent.flex .box.box4 .txt h3{font-size: 18px; color: #000; font-weight: 500; margin-bottom: 5px;}
.reser .cont_box .tabcontent.flex .box.box4 .txt p{font-size: 16px;}
.reser .cont_box .tabcontent.flex .box.box4 .cont .confirm{display: none;}
.reser .cont_box .tabcontent.flex .box.box4.on .cont .confirm{display: flex;}
.reser .cont_box .tabcontent.flex .box.box5{display: none;}
.reser .cont_box .tabcontent.flex .box.box5.ons{display: block;}
.reser .cont_box .tabcontent.flex .box.box5 .txt{margin-bottom: 20px;}
.reser .cont_box .tabcontent.flex .box.box5 .txt h3{font-size: 18px; color: #000; font-weight: 500; margin-bottom: 5px;}
.reser .cont_box .tabcontent.flex .box.box5 .txt p{font-size: 16px;}
.reser .cont_box .tabcontent.flex .box.box5 .cont .prne{display: none;}
.reser .cont_box .tabcontent.flex .box.box5.on .cont .prne{display: flex;}
.reser .cont_box .tabcontent.flex .box .add{display: flex;}
.reser .cont_box .tabcontent.flex .box .add button{width: 50%; font-family: 'SUIT', sans-serif; font-size: 15px; line-height: 46px; font-weight: 500;}
.reser .cont_box .tabcontent.flex .box .add button.btn1{background-color: #6454aa; color: #fff;}
.reser .cont_box .tabcontent.flex .box .add button.btn2{border: 1px solid #6454aa; color: #6454aa;}
.reser .cont_box .tabcontent.flex .box .result{background-color: #f5f5f5;padding: 0px; height: 200px; overflow-y: scroll;}
.reser .cont_box .tabcontent.flex .box .result .tit{display: flex; align-items: flex-start; justify-content: space-between;}
.reser .cont_box .tabcontent.flex .box .result .tit h3{font-size: 16px;}
.reser .cont_box .tabcontent.flex .box .result .tit button{font-family: 'SUIT', sans-serif; padding:2px 6px; color: #fff; background-color: #6454aa; font-size: 14px;}
.reser .cont_box .tabcontent.flex .box .result .list{}
.reser .cont_box .tabcontent.flex .box .result .list li{ padding: 15px; position: relative; border-bottom: 1px solid #ddd;}
.reser .cont_box .tabcontent.flex .box .result .list li + li{margin-top: -1px;}
.reser .cont_box .tabcontent.flex .box .result .list li .title{display: flex; gap:10px; align-items: flex-start;}
.reser .cont_box .tabcontent.flex .box .result .list li h4{color: #6454aa; border: 1px solid #6454aa; display: inline-block; padding: 5px; font-size: 12px; width: 43px; text-align: center;}
.reser .cont_box .tabcontent.flex .box .result .list li h4.event{background-color: #6454aa; color: #fff;}
.reser .cont_box .tabcontent.flex .box .result .list li h3{font-size: 16px; font-weight: 700; color: #000; width: calc(100% - 50px);}
.reser .cont_box .tabcontent.flex .box .result .list li .price{color: #6454aa; font-size: 18px; font-weight: 700; text-align: right; display: flex; flex-direction: column; margin-top: 0;}
.reser .cont_box .tabcontent.flex .box .result .list li .price b{font-size: 13px; text-decoration: line-through; color: #666; font-weight: 300;}
.reser .cont_box .tabcontent.flex .box .result .list li .close{position: absolute; right: 15px; top: 15px; color: #000; font-weight: 700; font-size: 15px; font-family: 'Montserrat', sans-serif; opacity: 0.5; cursor: pointer;}
.reser .cont_box .tabcontent.flex .box .result .list li .close span{font-size: 20px;}
.reser .cont_box .tabcontent.flex .box .result .list li .total_price{display: flex; justify-content: flex-end; align-items: center; margin-top: 10px;}
.reser .cont_box .tabcontent.flex .box .result .list li .total_price .qny{margin-right: 15px; display: flex; align-items: center;}
.reser .cont_box .tabcontent.flex .box .result .list li .total_price .qny button{font-family: 'SUIT', sans-serif; background-color: #fff; border: 1px solid #eee; width: 23px; margin-left: -1px; height: 23px; font-weight: 400; color: #000; font-size: 16px;}
.reser .cont_box .tabcontent.flex .box .result .list li .total_price .qny input{font-family: 'SUIT', sans-serif; border: 1px solid #eee; width: 30px; height: 23px; margin-left: -1px; display: block; text-align: center; font-weight: 700;}
.reser .cont_box .tabcontent.flex .box .result .none{height: 100%; display: flex; justify-content: center; align-items: center; font-size: 15px; opacity: 0.7; text-align: center;}
.reser .cont_box .tabcontent.flex .box .search{}
.reser .cont_box .tabcontent.flex .box .search button{border: 1px solid #ddd; width: 100%; height: 46px; padding: 10px 20px; font-size: 15px; text-align: left; font-family: 'SUIT', sans-serif; color: #aaa; font-weight: 300; position: relative;}
.reser .cont_box .tabcontent.flex .box .search button::after{content: '\e8b6';  color: #aaa; position: absolute; top: 50%; transform: translateY(-50%); right: 15px;
font-family: 'Material Symbols Outlined';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased; font-weight: 200;
}
.reser .cont_box .tabcontent.flex .box .price{margin-top: 20px;}
.reser .cont_box .tabcontent.flex .box .price > div{}
.reser .cont_box .tabcontent.flex .box .price > div dl{display: flex; align-items: center; justify-content: space-between;}
.reser .cont_box .tabcontent.flex .box .price > div dl + dl{margin-top: 5px;}
.reser .cont_box .tabcontent.flex .box .price > div dl dt{color: #aaa;}
.reser .cont_box .tabcontent.flex .box .price > div dl dd{}
.reser .cont_box .tabcontent.flex .box .price > div dl dd span{display: inline-block; margin-right: 5px; font-weight: 500;}
.reser .cont_box .tabcontent.flex .box .price > div p{font-size: 14px; margin-bottom: 5px; color: #666;}
.reser .cont_box .tabcontent.flex .box .price > .box1{}
.reser .cont_box .tabcontent.flex .box .price > .box1 dl{ font-size: 14px;}
.reser .cont_box .tabcontent.flex .box .price > .box1 dl dt{}
.reser .cont_box .tabcontent.flex .box .price > .box1 dl dd{}
.reser .cont_box .tabcontent.flex .box .price > .box1 dl dd.discount{color: orangered;}
.reser .cont_box .tabcontent.flex .box .price > .box1 dl dd span{}
.reser .cont_box .tabcontent.flex .box .price > .box1 dl dd.discount span{}
.reser .cont_box .tabcontent.flex .box .price > .box2{margin-top: 15px; padding-top: 15px; border-top: 1px solid #eee;}
.reser .cont_box .tabcontent.flex .box .price > .box2 dl{ font-size: 15px;}
.reser .cont_box .tabcontent.flex .box .price > .box2 dl dt{color: #000; font-size: 14px;}
.reser .cont_box .tabcontent.flex .box .price > .box2 dl dt b{font-size: 18px;}
.reser .cont_box .tabcontent.flex .box .price > .box2 dl dd{}
.reser .cont_box .tabcontent.flex .box .price > .box2 dl dd.total{color: #000; font-size: 18px; font-weight: 700;}
.reser .cont_box .tabcontent.flex .box .price > .box2 dl dd span{color: #000; font-size: 18px; font-weight: 700;}

.reser .cont_box .tabcontent.flex .box .datepicker{width: 100%;}
.reser .cont_box .tabcontent.flex .box .datepicker > div{width: 100%; position: relative;}
.reser .cont_box .tabcontent.flex .box .datepicker > div .ui-datepicker-header{position: relative;}
.reser .cont_box .tabcontent.flex .box .datepicker > div .ui-datepicker-prev{width: 24px; display: block;}
.reser .cont_box .tabcontent.flex .box .datepicker > div .ui-datepicker-prev span{display: none;}
.reser .cont_box .tabcontent.flex .box .datepicker > div .ui-datepicker-prev::before{content: '←'; font-family: 'SUIT', sans-serif; position: absolute; left: 90px; width: 30px; display: block; font-size: 13px; color:#444; top: 50%; transform: translateY(-50%);}
.reser .cont_box .tabcontent.flex .box .datepicker > div .ui-datepicker-next{ width: 24px; display: block; text-align: right;}
.reser .cont_box .tabcontent.flex .box .datepicker > div .ui-datepicker-next span{display: none;}
.reser .cont_box .tabcontent.flex .box .datepicker > div .ui-datepicker-next::after{content: '→'; font-family: 'SUIT', sans-serif; position: absolute; right: 90px; width: 30px; display: block; font-size: 13px; color:#444; top: 50%; transform: translateY(-50%);}
.reser .cont_box .tabcontent.flex .box .datepicker > div > div .ui-state-disabled{ opacity: 0.4;}
.reser .cont_box .tabcontent.flex .box .datepicker > div .ui-datepicker-title{font-size: 20px; color: #000; text-align: center; margin-bottom: 15px; font-weight: 700;}
.reser .cont_box .tabcontent.flex .box .datepicker > div .ui-datepicker-title .ui-datepicker-month{}
.reser .cont_box .tabcontent.flex .box .datepicker > div .ui-datepicker-title .ui-datepicker-year{}
.reser .cont_box .tabcontent.flex .box .datepicker > div .ui-datepicker-calendar{width: 100%;}
.reser .cont_box .tabcontent.flex .box .datepicker > div .ui-datepicker-calendar thead{}
.reser .cont_box .tabcontent.flex .box .datepicker > div .ui-datepicker-calendar thead tr th{font-size: 16px; color: #000; padding: 8px;}
.reser .cont_box .tabcontent.flex .box .datepicker > div .ui-datepicker-calendar tbody{}
.reser .cont_box .tabcontent.flex .box .datepicker > div .ui-datepicker-calendar tbody tr td{}
.reser .cont_box .tabcontent.flex .box .datepicker > div .ui-datepicker-calendar tbody tr td span{display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; padding: 10px 10px; font-size: 16px; color: #444; opacity: 0.4;}
.reser .cont_box .tabcontent.flex .box .datepicker > div .ui-datepicker-calendar tbody tr td a{display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; padding: 10px 10px; font-size: 16px;  color: #444;}
.reser .cont_box .tabcontent.flex .box .datepicker > div .ui-datepicker-calendar tbody tr td:first-child {pointer-events: none;}
.reser .cont_box .tabcontent.flex .box .datepicker > div .ui-datepicker-calendar tbody tr td:first-child  a{color: #444 !important; opacity: 0.4; pointer-events: none;}
.reser .cont_box .tabcontent.flex .box .datepicker > div .ui-datepicker-calendar tbody tr td.ui-datepicker-week-end  a{color: blue}
.reser .cont_box .tabcontent.flex .box .datepicker > div .ui-datepicker-calendar tbody tr td a.ui-state-active{background-color: #6454aa; color: #fff !important;}
.reser .cont_box .tabcontent.flex .box .timetable{margin-top: 15px; display: flex; flex-wrap: wrap;padding-left: 3px;}
.reser .cont_box .tabcontent.flex .box .timetable li{width: 25%;text-align: center; font-size: 15px; line-height: 36px; border: 1px solid #dedede; margin-left: -1px; margin-top: -1px; cursor: pointer; background-color: #fff;}
.reser .cont_box .tabcontent.flex .box .timetable li.on{background-color: #6454aa; color: #fff;}
.reser .cont_box .tabcontent.flex .box .timetable li.none{color: #ddd; pointer-events: none;}
.reser .cont_box .tabcontent.flex .box .info{}
.reser .cont_box .tabcontent.flex .box .info .input{display: flex; gap: 5px;}
.reser .cont_box .tabcontent.flex .box .info .input + .input{margin-top: 8px;}
.reser .cont_box .tabcontent.flex .box .info .input input[type = text]{border: 1px solid #ddd; width: 100%; height: 46px; padding: 10px 20px; font-size: 15px; text-align: left; font-family: 'SUIT', sans-serif; color: #aaa; font-weight: 300; position: relative;}
.reser .cont_box .tabcontent.flex .box .info .input button{background-color: #6454aa; pointer-events: none; color: #fff; font-family: 'SUIT', sans-serif; min-width: 100px; font-size: 15px; filter: grayscale(1); opacity: 0.5; opacity: 1; filter: grayscale(0); pointer-events: auto;}
/*.reser .cont_box .tabcontent.flex .box .info .input button.on{opacity: 1; filter: grayscale(0); pointer-events: auto;}*/
.reser .cont_box .tabcontent.flex .box .info textarea{border: 1px solid #ddd; width: 100%; max-height: 120px; padding: 10px 20px; font-size: 15px; text-align: left; font-family: 'SUIT', sans-serif; color: #aaa; font-weight: 300; position: relative; margin-top: 8px; resize: none;}
.reser .cont_box .tabcontent.flex .box .agree{margin-bottom: 30px;}
.reser .cont_box .tabcontent.flex .box .agree .all{background-color: #f5f5f5; padding: 15px 10px; display: flex; align-items: center; gap:5px;}
.reser .cont_box .tabcontent.flex .box .agree .all input[type = checkbox]{}
.reser .cont_box .tabcontent.flex .box .agree .all label{font-size: 16px; color: #000; margin-left: 5px; font-weight: 500;}
.reser .cont_box .tabcontent.flex .box .agree .list{}
.reser .cont_box .tabcontent.flex .box .agree .list .li{padding: 10px; position: relative;}
.reser .cont_box .tabcontent.flex .box .agree .list .li a{position: absolute; top: 50%; right: 0; transform: translateY(-50%); color: #6454aa; font-size: 15px; font-weight: 600;}
.reser .cont_box .tabcontent.flex .box .agree .list .li input[type = checkbox]{}
.reser .cont_box .tabcontent.flex .box .agree .list .li label{font-size: 15px; margin-left: 5px;}
.reser .cont_box .tabcontent.flex .box .agree .list .li label span{color: #6454aa; font-weight: 600;}
.reser .cont_box .tabcontent.flex .box .confirm{margin-top: auto; display: flex;}
.reser .cont_box .tabcontent.flex .box .confirm button.prev{background-color: #fff; color: #000; font-size: 18px; font-weight: 600; width: 100%; font-family: 'SUIT', sans-serif; line-height: 56px; filter: grayscale(1); opacity: 0.5; pointer-events: none; filter: grayscale(0); opacity: 1; pointer-events: auto; border: 1px solid #000;}
.reser .cont_box .tabcontent.flex .box .confirm button{background-color: #6454aa; color: #fff; font-size: 18px; font-weight: 600; width: 100%; font-family: 'SUIT', sans-serif; line-height: 56px; filter: grayscale(1); opacity: 0.5; pointer-events: none; filter: grayscale(0); opacity: 1; pointer-events: auto;}
/*.reser .cont_box .tabcontent.flex .box .prne{margin-top: auto; display: flex;}*/
.reser .cont_box .tabcontent.flex .box .prne{margin-top: auto; display: flex; position: fixed; bottom: 20px; left: 2%; width: 96%; z-index: 2;}
.reser .cont_box .tabcontent.flex .box .prne button.prev{background: #fff url(/images/common/prne_pr.webp) no-repeat left 30% center / 10px; color: #000; font-size: 18px; font-weight: 600; width: 100%; font-family: 'SUIT', sans-serif; line-height: 56px; filter: grayscale(1); opacity: 0.5; pointer-events: none; filter: grayscale(0); opacity: 1; pointer-events: auto; border: 1px solid #000;}
.reser .cont_box .tabcontent.flex .box .prne button.next{background: #6454aa url(/images/common/prne_ne.webp) no-repeat right 30% center / 10px; color: #fff; font-size: 18px; font-weight: 600; width: 100%; font-family: 'SUIT', sans-serif; line-height: 56px; filter: grayscale(1); opacity: 0.5; pointer-events: none; filter: grayscale(0); opacity: 1; pointer-events: auto;}

@media all and (max-width:1280px){
	.reser .cont_box .tabcontent.flex .box .prne{bottom: 35px;}
	.reser .cont_box .tabcontent.flex .box .prne button.prev{background-position: left 15% center; background-size:8px;}
	.reser .cont_box .tabcontent.flex .box .prne button.next{background-position: right 15% center; background-size:8px;}
}


.reser .cont_box .tabcontent.flex#tab4{flex-direction: column;padding: 30px; background: #f7f7fa; overflow-y: scroll; height: 100%; display: block !important;}
.reser .cont_box .tabcontent.flex#tab4.ons{overflow-y: hidden !important;}
.reser .cont_box .tabcontent.flex#tab4 > h3{font-size: 27px; color: #000; margin-bottom: 20px; display: none;}
.reser .cont_box .tabcontent.flex#tab4 .list{display: flex; flex-wrap: wrap; gap:20px;}
.reser .cont_box .tabcontent.flex#tab4 .list li{background-color: #fff; padding: 15px; position: relative;  width: calc(100%); cursor: pointer;}
.reser .cont_box .tabcontent.flex#tab4 .list li h4{color: #6454aa; border: 1px solid #6454aa; display: inline-block; padding: 5px; margin-bottom: 10px; font-size: 12px;}
.reser .cont_box .tabcontent.flex#tab4 .list li h3{font-size: 18px; margin-bottom: 10px; font-weight: 700; color: #000; margin-top: 10px; position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.reser .cont_box .tabcontent.flex#tab4 .list li h3::after{content: '→'; opacity: 0.5; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.reser .cont_box .tabcontent.flex#tab4 .list li .not{background-color: #f8f8f8; padding: 10px 20px; display: flex; align-items: center; justify-content: space-between; margin-top: 20px;}
.reser .cont_box .tabcontent.flex#tab4 .list li .not .date{font-size: 16px; color: #444; font-weight: 700;}
.reser .cont_box .tabcontent.flex#tab4 .list li .not .dday{background-color: #6454aa; color: #fff; font-size: 11px; font-weight: 600; padding: 5px 8px; border-radius: 2px;}
.reser .cont_box .tabcontent.flex#tab4 .tab4_bg{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.4); display: none; z-index: 3;}
.reser .cont_box .tabcontent.flex#tab4 .tab4_bg.on{display: block;}
.reser .cont_box .tabcontent.flex#tab4 .more_view{ position: fixed; z-index: 2; background-color: #fff; width: 94%; max-width: 800px; height: 94%; max-height: 600px; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 10px; overflow: hidden; overflow-y: scroll; display: none;}
.reser .cont_box .tabcontent.flex#tab4 .more_view.on{display: block;}
.reser .cont_box .tabcontent.flex#tab4 .more_view .tit{display: flex; align-items: center; justify-content: space-between; padding: 15px 30px; border-bottom: 1px solid #ddd; background-color: #fff;}
.reser .cont_box .tabcontent.flex#tab4 .more_view .tit h3{font-size: 20px; color: #000; margin-bottom: 0;}
.reser .cont_box .tabcontent.flex#tab4 .more_view .tit .more_close{color: #000; font-size: 18px; font-weight: 600; font-family: 'Montserrat', sans-serif; cursor: pointer;}

.reser .cont_box .tabcontent.flex#tab4 .bottom{text-align: left; padding: 30px;}
.reser .cont_box .tabcontent.flex#tab4 .bottom dl{display: flex; font-size: 16px; border-bottom:1px dashed #e2e2e2; padding-bottom:1em;}
.reser .cont_box .tabcontent.flex#tab4 .bottom dl + dl{margin-top: 20px;}
.reser .cont_box .tabcontent.flex#tab4 .bottom dl dt{width: 160px; color: #333;font-weight: 700;}
.reser .cont_box .tabcontent.flex#tab4 .bottom dl dd{ width: calc(100% - 160px); color: #000; font-weight: 400;}
.reser .cont_box .tabcontent.flex#tab4 .bottom dl dd span{display: inline-block;}
.reser .cont_box .tabcontent.flex#tab4 .bottom dl dd b{color: #6454aa;}
.reser .cont_box .tabcontent.flex#tab4 .bottom dl dd small{font-size: 14px; color: #666; display: block; margin-top: 5px;}
.reser .cont_box .tabcontent.flex#tab4 .bottom dl dd .tel-btn{font-size: 16px;}
.reser .cont_box .tabcontent.flex#tab4 .lists li{background-color: #fff; padding: 15px; position: relative; box-shadow: 3px 3px 14px rgba(0,0,0,0.1);}
.reser .cont_box .tabcontent.flex#tab4 .lists li + li{margin-top: 10px;}
.reser .cont_box .tabcontent.flex#tab4 .lists li h4{color: #6454aa; border: 1px solid #6454aa; display: inline-block; padding: 5px; margin-bottom: 10px; font-size: 12px;}
.reser .cont_box .tabcontent.flex#tab4 .lists li h3{font-size: 18px; margin-bottom: 10px; font-weight: 700; color: #000;}
.reser .cont_box .tabcontent.flex#tab4 .lists li .price{color: #6454aa; font-size: 18px; font-weight: 700;}
.reser .cont_box .tabcontent.flex#tab4 .lists li .price b{font-size: 13px; text-decoration: line-through; color: #666; font-weight: 300; margin-right: 5px;}


/*.reser .cont_box .tabcontent.flex .box .confirm button.on{filter: grayscale(0); opacity: 1; pointer-events: auto;}*/
.reser .dim_bg{z-index: -1; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background:rgba(0,0,0,0.3); opacity: 0;}
.reser .dim_bg.on{z-index: 2;opacity: 1;}
.reser .dim_layer{position: absolute; width: 1000px; height: 580px; background-color: #fff; border-radius: 10px; top:50%; left: 50%; transform: translate(-50%, -50%); z-index: -1; display: flex; overflow: hidden; opacity: 0;}
.reser .dim_layer.search_layer{flex-direction: column; background-color: #6454aa; max-width: 800px;}
.reser .dim_layer.search_layer .search_box{width: 100%; position: relative;}
.reser .dim_layer.search_layer .search_box input[type = text]{border: 0px; box-shadow: 3px 3px 30px rgba(0,0,0,0.1); width: 100%; height: 56px; padding: 10px 20px; font-family: 'SUIT', sans-serif; font-size: 17px;}
.reser .dim_layer.search_layer .search_box button{position: absolute; right: 20px; top: 50%; transform: translateY(-50%); color: #6454aa;}
.reser .dim_layer.on{z-index: 3; opacity: 1;}
.reser .dim_layer .l_cont{width: 200px;}
.reser .dim_layer .l_cont .tit{font-size: 20px; text-align: center; color: #6454aa; height: 100px; display: flex; justify-content: center; align-items: center; font-weight: 600; border-bottom: 1px solid #eee;}
.reser .dim_layer .l_cont .list{background-color: #f5f5f5; height: calc(100% - 100px); overflow-y: scroll;}
.reser .dim_layer .l_cont .list li{font-size: 15px; padding: 16px 20px; cursor: pointer;}
.reser .dim_layer .l_cont .list li + li{border-top: 1px solid #ddd;}
.reser .dim_layer .l_cont .list li.on{background-color: #6454aa; color: #fff;}
.reser .dim_layer .r_cont{background-color: #6454aa; width: calc(100% - 200px); color: #fff; display: flex; flex-direction: column;}
.reser .dim_layer.normal .r_cont{background-color: #eee; }
.reser .dim_layer .top{padding: 20px; overflow-y: scroll; color: #222; display: none;}
.reser .dim_layer .top.on{display: block;}
.reser .dim_layer .top .list{background-color: #fff; padding: 20px; border-radius: 5px;}
.reser .dim_layer .top .list + .list{margin-top: 20px;}
.reser .dim_layer .top .list .tit{font-size: 16px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #eee;}
.reser .dim_layer .top .list .tit h3{}
.reser .dim_layer .top .list .tit .h3_detail{font-size: 15px; color: #999;}
.reser .dim_layer .top .list .cont{}
.reser .dim_layer .top .list .cont dl{display: flex; align-items: center; justify-content: space-between;}
.reser .dim_layer .top .list .cont dl + dl{margin-top: 15px;}
.reser .dim_layer .top .list .cont dl dt{display: flex; align-items: center; gap:10px;}
.reser .dim_layer .top .list .cont dl dt input[type = checkbox]{width: 16px; height: 16px;}
.reser .dim_layer .top .list .cont dl dt .subject{font-size: 16px;}
.reser .dim_layer .top .list .cont dl dt .subject .subj_detail{display: block; font-size: 12px; opacity: 0.5; padding-right:1em;}
.reser .dim_layer .top .list .cont dl dd{text-align: right; max-width: 90px; flex:0 0 auto;}
.reser .dim_layer .top .list .cont dl dd label{}
.reser .dim_layer .top .list .cont dl dd label .price{color: #6454aa; font-size: 18px; font-weight: 700;}
.reser .dim_layer .top .list .cont dl dd label .price b{font-size: 14px; text-decoration: line-through; color: #aaa; font-weight: 300; margin-right: 5px;}
.reser .dim_layer .bottom{margin-top: auto; background-color: #fff; color: #444; padding: 20px; box-shadow: 3px 3px 30px rgba(0,0,0,0.1); width: 100%;}
.reser .dim_layer .bottom .price{margin-bottom: 15px;}
.reser .dim_layer .bottom .price dl{display: flex; justify-content: space-between; font-size: 16px;}
.reser .dim_layer .bottom .price dl dt{color: #000;}
.reser .dim_layer .bottom .price dl dt b{}
.reser .dim_layer .bottom .price dl dd{}
.reser .dim_layer .bottom .price dl dd span{color: #6454aa; display: inline-block; margin-right: 4px; font-weight: 700; font-size: 20px;}
.reser .dim_layer .bottom .confirm{display: flex;}
.reser .dim_layer .bottom .confirm button{font-family: 'SUIT', sans-serif; line-height: 56px; width: 100%; font-size: 16px; font-weight: 600;}
.reser .dim_layer .bottom .confirm .btn1{background-color: #6454aa; color: #fff;}
.reser .dim_layer .bottom .confirm .btn2{border: 1px solid #6454aa; color: #6454aa;}

.material-symbols-outlined { font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24 }


.reser .results{position: fixed; top: 0; left: 0; width: 100%; background-color: #fff; height: 100%;	display: none; z-index: 100;}
.reser .results.on{display: block;}
.reser .results .r_inner{height: 100%; display: block; /* flex-direction: column; justify-content: center; */ text-align: center; /* max-width: 800px; */ width: 100%; margin-left: auto; margin-right: auto;}
.reser .results .top{padding-bottom: 30px; margin-bottom: 25px; border-bottom: 1px solid #ddd;}
.reser .results .top h3{font-size: 27px; color: #000; font-weight: 500; margin-bottom: 15px;}
.reser .results .top h3 span{color: #6454aa; font-weight: 700; }
.reser .results .top h3 span > span{font-size: 27px; position: relative; top: 4px;}
.reser .results .top p{font-size: 16px; color: #444; word-break: keep-all;}
.reser .results .bottom{text-align: left; padding: 15px;}
.reser .results .bottom dl{display: flex; font-size: 16px;}
.reser .results .bottom dl + dl{margin-top: 20px;}
.reser .results .bottom dl dt{width: 160px; color: #666;font-weight: 300;}
.reser .results .bottom dl dd{ width: calc(100% - 160px); color: #000; font-weight: 400;}
.reser .results .bottom dl dd span{display: inline-block;}
.reser .results .bottom dl dd b{color: #6454aa;}
.reser .results .bottom dl dd small{font-size: 14px; color: #666; display: block; margin-top: 5px;}
.reser .results .not{background-color: #f3f3f3; padding: 15px 10px; margin-top: 20px; font-size: 16px; color: #444; word-break: keep-all;}
.reser .results .not b{color: #222;}
.reser .results .btn_box{display: flex; margin-top: 30px;}
.reser .results .btn_box button{font-size: 18px; width: 50%; line-height: 56px; font-weight: 600; font-family: 'SUIT', 'Roboto', 'Noto Sans KR', 'Noto Sans Korean', sans-serif;}
.reser .results .btn_box button.btn1{border: 1px solid #6454aa; color: #6454aa;}
.reser .results .btn_box button.btn2{background-color: #6454aa; color: #fff;}

.reser .modal_bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.2); display: none;}
.reser .modal_bg.on{display: block;}
.reser .modal{position: absolute; width: 90%; height: 90%; background-color: #fff; top: 50%; left: 50%; transform: translate(-50%, -50%);display: none}
.reser .modal.on{display: block;}
.reser .modal .memberWrap{height: 100%; overflow-y: scroll;}
.reser .modal .memberWrap .close{position: absolute; right: 30px; top: 30px; color: #000; font-size: 18px; font-weight: 600; cursor: pointer;}


@media all and (max-width:1280px){
	.fp-scrollable {
		overflow-y: scroll !important;
/*		-webkit-overflow-scrolling: touch; */
	  }
	.reser{width: 100%; height: 90%; bottom: 0; top: auto; transform: translate(-50%, 0); border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
	.reser .cont_box .tabcontent.flex#surgical-reser > .box2{background-color: #fff;}
	.reser .cont_box .tabcontent.flex .box .cont{height: auto !important; padding-bottom: 120px;}
	.reser .cont_box .tabcontent.on.flex{flex-direction: column; overflow-y: scroll;  /* scroll-snap-type: y proximity; -webkit-scroll-snap-type: y proximity; */}
	.reser .cont_box .tabcontent.flex .box{ /* scroll-snap-align: start; -webkit-scroll-snap-align: start; scroll-snap-stop: always; -webkit-scroll-snap-stop: always; scroll-snap-type: y proximity; -webkit-scroll-snap-type: y proximity; */  height: auto; display: none;}
	.reser .cont_box .tabcontent.flex .box.ons{display: none !important;}
	.reser .cont_box .tabcontent.flex .box.on.ons{display: block !important;}
	.reser .cont_box .tabcontent.flex .box .result{min-height: 200px; height: 30vw; max-height: 300px;}
	.reser .cont_box .tabcontent.flex .box > .price{ margin-top: 30px;}
	.reser .cont_box .tabcontent.flex .box .confirm{margin-top: 30px;}
	.reser .cont_box .tabcontent .scroll_down{position: fixed; bottom: 3%; width: 94%; left: 50%; transform: translateX(-50%); background-color: #6454aa; color: #fff; font-size: 18px; font-weight: 600; text-align: center; z-index: 99; line-height: 60px; border-radius: 10px; box-shadow: 3px 3px 30px rgba(0,0,0,0.1); animation: updown infinite 1s; display: block;}
	.reser .cont_box .tabcontent .scroll_down.on{display: none;}
	.reser .cont_box .tabcontent.flex .box .prne{margin-top: 30px;}
	.reser .cont_box .tabcontent .box > .tit{background-color: transparent; color: #6455aa; margin-bottom: 0; font-size: 20px; text-align: left;}
	.reser .cont_box .tabcontent .box > .tit small{color: #6455aa; font-size: 14px;}
	
	.reser .dim_layer{width: 90%; height: 80%;}
}

@media all and (max-width:976px){
	.reser .dim_layer{flex-direction: column;}
	.reser .dim_layer .l_cont{width: 100%;}
	.reser .dim_layer .l_cont .tit{height: 60px; font-size: 18px;}
	.reser .dim_layer .l_cont .list{width: 100%; display: flex; height: auto; overflow-x: scroll;}
	.reser .dim_layer .l_cont .list li{padding: 12px 16px; border-top: 0; flex:0 0 auto;}
	.reser .dim_layer .l_cont .list li + li{border-top: 0; border-left:1px solid #ddd;}
	.reser .dim_layer .r_cont{width: 100%; overflow-y: scroll; padding-bottom: 160px;}
	.reser .dim_layer .bottom{bottom: 0; position: absolute; left: 0;}
	.reser .dim_layer .bottom .confirm button{line-height: 46px; font-size: 15px;}
	.reser .dim_layer .top{padding: 15px;}
	.reser .dim_layer .top .list{padding: 15px;}
	.reser .dim_layer .top .list .tit{font-size: 15px;}
	.reser .dim_layer .top .list .cont dl dt{gap:0 6px;}
	.reser .dim_layer .top .list .cont dl dt .subject{font-size: 14px;}
	.reser .dim_layer .top .list .cont dl dd label .price b{display: none;}
	.reser .dim_layer .top .list .cont dl dd label .price{font-size: 15px;}
	.reser .results{height: 100%; padding: 0px 0;}
	.reser .results .r_inner{overflow-y: scroll; padding-bottom: 100px;}
	.reser .results .top{margin-bottom: 15px; padding-bottom: 20px;}
	.reser .results .top h3{font-size: 24px; margin-bottom: 10px;}
	.reser .results .top p{font-size: 15px;}
	.reser .results .bottom dl{font-size: 15px;}
	.reser .results .bottom dl + dl{margin-top: 15px;}
	.reser .results .bottom dl dt{width: 110px;}
	.reser .results .bottom dl dd{width: calc(100% - 110px);}
	.reser .results .not{font-size: 15px;}
	.reser .results .btn_box{margin-top: 25px;}
	.reser .results .btn_box button{font-size: 17px; line-height: 48px;}
	
	.reser .cont_box .tabcontent.flex#tab4 .list li{width: 100%;}
    .reser .cont_box .tabcontent.flex#tab4 .tit{padding: 15px;}
    .reser .cont_box .tabcontent.flex#tab4 .bottom{padding: 15px;}
	.reser .cont_box .tabcontent.flex#tab4 .bottom dl{flex-direction: column;}
	.reser .cont_box .tabcontent.flex#tab4 .bottom dl+dl{margin-top: 10px; padding-top: 10px;/* border-top: 1px dotted #ddd;*/}
	.reser .cont_box .tabcontent.flex#tab4 .bottom dl dt{width: 100%; margin-bottom:12px;}
	.reser .cont_box .tabcontent.flex#tab4 .bottom dl dd{ width: calc(100%);}
	.reser .modal .memberWrap .close{right: 10px; top: 10px;}
}

div#reservationSearch{height: calc(100% - 130px);}

@media all and (max-width:1280px){
	div#reservationSearch{max-height: 50vh; overflow: scroll;}
}

#ProductOptCartContainer{}
#ProductOptCartContainer > .tit{display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; margin-top: 10px;}
#ProductOptCartContainer > .tit h3{font-size: 16px; color: #000;}
#ProductOptCartContainer > .tit button{font-family: 'SUIT', sans-serif;
    padding: 4px 6px;
    color: #fff;
    background-color: #6454aa;
    font-size: 14px; display: flex; align-items: center; gap:3px;}
#ProductOptCartContainer > .tit button span{color: #fff; font-size: 16px; font-weight: 200; margin-right: 0;}

.mo_number{display: none;}
.on > .tit .mo_number{position: fixed; left:190px; top: 20px; display: flex; gap:10px;}
.on > .tit .mo_number dd{color: #fff; font-size: 14px; border-radius: 100%; border: 1px solid #fff; display: flex; justify-content: center; align-items: center; width: 22px; height: 22px; position: relative; opacity: 1; visibility: visible;}
.on > .tit .mo_number dd.on{background-color: #fff; color: #6454aa;}
.on > .tit .mo_number dd.check{background-color: #fff; color: #6454aa;}
.on > .tit .mo_number dd.check span{font-size: 15px; color: #6454aa !important; margin-right: 0 !important;}

@media all and (max-width:1280px){
	.on > .tit .mo_number{left:20px;}
	
	.padding_box{padding-left: 3%; padding-right: 3%;}
}