@charset "utf-8";

/*common*/
input[type="text"], input[type="password"], button{font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
select{-webkit-appearance:none;-moz-appearance:none;appearance:none;}
select::-ms-expand{display:none;}
pre{font-family:inherit;}
button{border:none;}
.hidden{display: none;}

.sw-room-reservation .h4-tit01{padding:0 0 3.5rem;font-weight:var(--font-weight-bold);font-size:3.8rem;line-height:4.8rem;color:var(--text-color01);}


/* checkbox, radio */
.b-s-chk{display: flex;gap: 10px 30px;align-items: center;}
.b-s-chk > div{display: flex;gap: 10px;align-items: center;}

.b-radio {position: absolute;left: -99999px;opacity: 0;}
.b-radio + label {display: inline-block;position: relative;margin-right: 20px;padding-left: 30px;font-weight: 600;font-size: 15px;line-height: 23px;vertical-align: middle;cursor: pointer;color: #666666;}
.b-radio + label:before{content: "";display: inline-block;position: absolute;top: 50%;left: 0;padding: 0 0 0 3px;width: 19px;height: 19px;border: 1px solid #bbb;background-color: #fff;font-size: 13px;border-radius: 24px;box-sizing: border-box;transform: translateY(-50%);}
.b-radio:checked + label:before {border-color: #0072bb;}
.b-radio:checked + label:after{content: "";display: block;position: absolute;top: 50%;left: 6px;width: 8px;height: 8px;background-color: #0072bb;border-radius: 12px;transform: translateY(-50%);}

.b-chk{display:inline-block;border:1px solid #ddd;border-radius:0;width:28px;height:28px;border-radius: 5px;background:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:middle;cursor:pointer;}
.b-chk:checked{background: #f5f5f5;}
.b-chk:disabled{background: #f5f5f5;}
.b-chk + label{display:inline-block;font-size:15px;line-height:22px;font-weight: 700;color:#666;vertical-align:middle;cursor:pointer;}
.b-chk:disabled + label{color:#222;}

/*세미나실/회의실예약*/
.new-room-reservation .content-box > .con-box {padding: 0 0 55px;}
.box-contents {border: 1px solid #e0e0e0;border-radius: 20px;padding: 40px 50px;display: flex;gap: 40px;align-items: center;}
.box-contents .img-box {width: 120px;}
.box-contents .txt-box {flex: 1;}
.box-contents .tit {font-size: 22px;line-height: 26px;letter-spacing: -0.25px;font-weight: 900;color: #0072bb;margin: 0 0 16px;}

.box-btn {display: flex;gap: 8px;justify-content: flex-end;}
.box-btn li a {min-width: 200px;box-sizing: border-box;display: flex;justify-content: center;align-items: center;border: 1px solid #08293e;border-radius: 27.5px;padding: 14.5px 10px;font-size: 16px;font-weight: 600;line-height: 24px;transition: all .3s;color: #08293e;}
.box-btn li a.btn-type02{background: #003e65;border: 1px solid #003e65;color: #fff;}

/* Popup */
.modal{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);justify-content: center;align-items: center;z-index: 9999;display: none;overflow: auto;}
.modal-content {background: #fff;border-radius: 20px;padding: 39px;width: 100%;max-width: 600px;box-sizing: border-box;position: relative;margin: auto;}
.modal-content .img-box {margin: 30px 0 0;}
.modal-content .tit {font-size: 24px;line-height: 32px;letter-spacing: -0.25px;font-weight: 800;color: #222222;padding: 22px 0 30px;text-align: center;}
.modal-content .desc-p{font-size: 18px;line-height: 22px;font-weight: 600;color: #666666;margin-bottom: 27px;text-align: center;}
.modal-content:has(.desc-p) .tit{padding: 14px 0 20px;}
.modal-content .box-confirm {border: 1px solid #e0e0e0;border-radius: 10px;padding: 30px;display: flex;font-size: 14px;color: #666666;font-weight:500;flex-direction: column;gap: 10px;}
.modal-content .box-confirm .confirm-top {display: flex;gap: 16px;align-items: center;flex-wrap: wrap;}
.modal-content .box-confirm .input-timer-wrap > input{width: 100%;}
.modal-content .box-confirm .input-timer-wrap {display: flex;align-items: center;justify-content: space-between;background-color: #f5f5f5;border-radius: 8px;font-size: 15px;width: 100%;box-sizing: border-box;}
.modal-content .box-confirm .input-timer-wrap input {border: none;background: transparent;flex: 1;font-size: 15px;outline: none;font-weight: 500;}
.modal-content .box-confirm .input-timer-wrap input.disable {pointer-events: none;}
.modal-content .box-confirm .input-timer-wrap.verification-succ {border: 1px solid #0072bb;}
.modal-content .box-confirm .input-timer-wrap.verification-succ input {pointer-events: none;}
.modal-content .box-confirm .timer {display: flex;align-items: center;gap: 4px;color: #ff6251;font-weight: bold;padding: 0 20px 0 0;min-height: 24px;}
.modal-content .box-confirm .timer .sucess {display: none;}
.modal-content .box-confirm .input-timer-wrap.verification-succ .timer .sucess {display: block;}
.modal-content .box-confirm .input-timer-wrap.verification-succ .timer .time {display: none;}
.modal-content .box-confirm .input-timer-wrap.verification-succ .timer span {display: none;}
.modal-content .box-confirm .submit-inbut:has(.input-timer-wrap.verification-succ) .verification {pointer-events: none;}
.modal-content .box-confirm .input-timer-wrap.verification-succ .warning-p {display: none;}
.modal-content .box-confirm .show-verification .mark-p{font-size: 14px;line-height: 26px;font-weight: 600;color: #c8005f;}
.modal-content .box-confirm .timer span {font-size: 14px;margin-top: 3px;}
.modal-content .box-confirm .note {font-size: 14px;line-height: 22px;letter-spacing: -0.25px;color: #c10230;font-weight: 700;margin-top: 18px;display: block;}
.modal-content .box-confirm input {width: 175px;border: 0;border-radius: 3px;font-size: 15px;padding: 15px 20px;height: auto;font-weight: 500;background: #F5F5F5;}
.modal-content .box-confirm input[type="text"]:focus-visible {background: #F5F5F5;}
.modal-content .box-confirm .verification {width: 148px;background: #929292;border-radius: 5px;color: #fff;font-weight: 600;padding: 13.5px 0;display: flex;justify-content: center;gap: 9px;align-items: center;}
.modal-content .box-confirm .verification > img {width: 20px;height: 18px;}
.modal-content .box-confirm .show-verification{display: none;}
.modal-content .box-confirm .show-verification .submit-inbut {display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.modal-content .box-confirm .show-verification .submit-inbut .input-timer-wrap {width: calc(100% - 164px);}
.modal-content .box-confirm .show-verification .submit-inbut .verification {background: #0072bb;}
.modal-content .box-confirm .show-verification .submit-inbut .verification.disable{pointer-events: none;}
.modal-content .close {position: absolute;top: 40px;right: 40px;font-size: 0;cursor: pointer;background: url(../img/com/ico-close.png) no-repeat center center;width: 16px;height: 15px;}
.modal-content .btn-modal {margin: 30px 0 0;}
.modal-content .btn-modal ul {display: flex;justify-content: center;gap: 8px;}
.modal-content .btn-modal ul > li > a {display: flex;align-items: center;justify-content: center;width: 115px;border-radius: 50px;border: 1px solid #222222;padding: 14px 0;}
.modal-content .btn-modal ul > li > .btn-check{display: flex;align-items: center;justify-content: center;width: 110px;border-radius: 24px;border: 1px solid #222222;padding: 14px 0;height: 48px;font-size: 15px;font-weight: 600;color: #fff;}
.modal-content .btn-modal ul > li > .check {background: #222222;border: 1px solid #222222;color: #fff;}
.modal-content .btn-modal ul > li > .btn-check {background: #222222;border: 1px solid #222222;}

.modal-content .box-confirm .b-row-box{display: flex;align-items: center;justify-content: space-between;gap: 15px;}
.modal-content .box-confirm .b-row-box .b-title-box label{font-size: 18px;line-height: 22px;font-weight: 700;color: #222;}
.modal-content .box-confirm .b-row-box .b-con-box{flex: 1;}
.modal-content .box-confirm .b-row-box .b-con-box input{width: 100%;}

.modal-content.verification-code .box-confirm{padding: 20px 30px;}
.modal-content.verification-code .box-confirm input{width: 100%;color: #444;}

@media (max-width:1350px) {
	.modal-content .box-confirm .show-verification .submit-inbut {flex-direction: column;align-items: flex-start;gap: 10px;}
	.modal-content .box-confirm .show-verification .submit-inbut .input-timer-wrap {width: 100%;}
}

@media (max-width:1024px) {
	.modal-content .box-confirm .show-verification .submit-inbut {flex-direction: row;align-items: center;}
	.modal-content .box-confirm .show-verification .submit-inbut .input-timer-wrap {width: calc(100% - 164px);}
}

@media (max-width:768px){
	.sw-room-reservation .h4-tit01{padding:0 0 2.9rem;font-size:3rem;line-height:4rem;}
	.modal-content{padding: 20px;}
	.modal-content .box-confirm .confirm-top {gap: 10px;}
	.modal-content .box-confirm .verification {width: 100%;flex: 0 1 100%;}
	.modal-content .box-confirm input {flex: 1;}
	.modal-content .close {top: 20px;right: 20px;}

	.box-contents {padding: 20px;flex-direction: column;gap: 20px;}
	.box-contents .img-box {margin: 0 auto;}
	.box-contents .txt-box {width: 100%;}

	.box-btn{flex-direction: column;}
	.box-btn li a{padding: 10px 10px;font-size: 14px;}
	.box-contents .tit {font-size: 22px;}
	
	.modal-content .box-confirm .show-verification .submit-inbut .input-timer-wrap {width: 100%;}
	.modal-content .box-confirm .show-verification .submit-inbut .verification {width: 100%;}
}

/* Calendar */
.custom-calendar{font-weight: 600;margin-bottom: 50px;}
.custom-calendar.fc-unthemed thead, .custom-calendar.fc-unthemed thead td, .custom-calendar.fc-unthemed thead th{border: 0;}
.custom-calendar .fc-toolbar.fc-header-toolbar{margin:30px 0;height:auto;}
.custom-calendar .fc-header-toolbar .fc-center {display: flex;justify-content: center;align-items: center;gap: 30px;}
.custom-calendar .fc-header-toolbar .fc-center h2 {font-size: 28px;line-height: 1;font-weight: bold;margin: 0;color: #222;}
.custom-calendar .fc-state-default{width: 48px;height: 48px;border-radius:50%;margin: 0;box-shadow: none;text-shadow: none;background: transparent !important;border:1px solid #222 !important;}
.custom-calendar .fc-state-default:hover{background-color:#222!important;}

.custom-calendar .fc-state-default .fc-icon {position: relative;width: 100%;height: 100%;margin: 0;top: unset;}
.custom-calendar .fc-state-default .fc-icon:after{content: "";position: absolute;background: url(../img/com/cse-calendar-arr.png) no-repeat;background-size: cover;width: 8px;height: 12px;top: 50%;left: 50%;transform: translate(-50%, -50%) rotate(180deg);}
.custom-calendar .fc-state-default .fc-icon.fc-icon-right-single-arrow:after{transform: translate(-50%, -50%) rotate(0deg);}
.custom-calendar .fc button .fc-icon{top: unset;}
.custom-calendar .fc-state-default:hover{background: #222;}
.custom-calendar .fc-state-default:hover .fc-icon:after{background: url(../img/com/cse-calendar-arr-white.png) no-repeat;}
.custom-calendar.fc-unthemed .fc-view-container .fc-month-view table > .fc-body > tr > .fc-widget-content{border-top: transparent!important;border-left: transparent!important;border-right: transparent;}
.custom-calendar .fc-view-container .fc-widget-header > table > thead > tr {display: flex;justify-content: space-between;}
.custom-calendar .fc-view-container .fc-widget-header > table > thead > tr > th {border-radius: 5px;background: #0072bb;color: #fff;font-size: 14px;line-height: 22px;padding: 4px 0;box-sizing: border-box;width: 100%;margin: 0 2px 3px;}
.custom-calendar .fc-view-container .fc-widget-header > table > thead > tr > th:first-child{background: #08293e;}
.custom-calendar .fc-view-container .fc-widget-header > table > thead > tr > th:last-child{background: #08293e;}

.custom-calendar .fc-scroller > .fc-day-grid, .fc-scroller > .fc-time-grid {border-top: 0;}
.custom-calendar .fc-view-container .fc-body .fc-row > .fc-bg tr td {border: 1px solid #e5e5e5;position: relative;}
.custom-calendar .fc-view-container .fc-body .fc-row > .fc-bg tr td.select-day:before{border: 1px solid red;width: 100%;height: 30%;background: transparent;top: 0;left: 0;position: absolute;content: "";box-sizing: border-box;}
.custom-calendar .fc-view-container .fc-body .fc-row > .fc-bg tr td:last-child{border-right: 0;}
.custom-calendar .fc-view-container .fc-body .fc-row > .fc-bg tr td.fc-today {background: #fff;cursor: pointer;}
.custom-calendar .fc-view-container .fc-body .fc-row > .fc-bg tr td.fc-future {cursor: pointer;}
.custom-calendar .fc-view-container .fc-body .fc-row > .fc-bg tr td.fc-other-month.fc-future {cursor: unset;}
.custom-calendar .fc-view-container .fc-body .fc-row > .fc-content-skeleton tr td.fc-today {cursor: pointer;}
.custom-calendar .fc-view-container .fc-body .fc-row > .fc-content-skeleton tr td.fc-future {cursor: pointer;}

.custom-calendar .fc-view-container .fc-body .fc-row > .fc-content-skeleton tr td.fc-other-month.fc-future {cursor: unset;}
.custom-calendar .fc-view-container .fc-body .fc-row > .fc-bg tr td.fc-past {background: #f9f9f9;}
/*예약불가 미래날짜*/
.custom-calendar .fc-view-container .fc-body .fc-row > .fc-bg tr td.future-disabled {background: #f9f9f9;}
/*예약불가 미래날짜*/
.custom-calendar .fc-view-container .fc-body .fc-row > .fc-content-skeleton tr td span {font-size: 15px;line-height: 1;padding: 0;float: unset;width: 30px;height: 30px;border-radius: 100%;display: flex;justify-content: center;align-items: center;margin: 10px 0 0 14px;color: #444;}
.custom-calendar .fc-view-container .fc-body .fc-row > .fc-content-skeleton tr td.fc-sun span{color: #ff2c54;}
.custom-calendar .fc-view-container .fc-body .fc-row > .fc-content-skeleton tr td.fc-sat span{color: #0072bb;}
.custom-calendar .fc-view-container .fc-body .fc-row > .fc-content-skeleton tr td.fc-sun.fc-past span,
.custom-calendar .fc-view-container .fc-body .fc-row > .fc-content-skeleton tr td.fc-sat.fc-past span,
.custom-calendar .fc-view-container .fc-body .fc-row > .fc-content-skeleton tr td.fc-sun.fc-other-month span,
.custom-calendar .fc-view-container .fc-body .fc-row > .fc-content-skeleton tr td.fc-sat.fc-other-month span{color: #999999;}
.custom-calendar .fc-view-container .fc-body .fc-row > .fc-content-skeleton tr td.fc-today span {background: #c10230;color:#fff;box-sizing: border-box;}

.custom-calendar .fc-day-top.fc-past{opacity: 0.3;}
.custom-calendar .fc-scroller{height: auto !important;}
.custom-calendar .fc-basic-view .fc-body .fc-row{max-height: 130px;}

.custom-calendar .fc-day-top.fc-sun .fc-day-number {color: #ff2c54;}
.custom-calendar .fc-day-top.fc-sat .fc-day-number {color: #0d5eab;}
.custom-calendar .fc-basic-view .fc-body .fc-row:last-child{display: none;}

.new-room-reservation .h4-tit01 {padding-bottom: 0!important;font-size: 36px;}
.custom-calendar .fc-view-container .fc-bg .fc-reservation{font-size: 14px;line-height: 24px;font-weight: 500;color: #003e65;padding: 8px 10px;width: 80px;background: #eff3f6;display: inline-block;position: absolute;bottom: 20px;left: 0;right: 0;margin: auto;border-radius: 20px;display: flex;gap: 3px;align-items: center;justify-content: center;box-sizing: border-box;}
.custom-calendar .fc-view-container .fc-bg .fc-reservation:after{content:'+';display: inline-block;margin-top: -2px;}


@media (max-width:1024px){
	.custom-calendar .fc-view-container .fc-bg .fc-reservation{font-size: 13px;padding: 5px 10px;width: 70px;bottom: 5%;line-height: 20px;}
}

@media (max-width:768px){
	.custom-calendar .fc-header-toolbar .fc-center{gap: 10px;}
	.custom-calendar .fc-header-toolbar .fc-center h2{font-size: 18px;}
	.custom-calendar .fc-state-default{width: 38px;height: 38px;}
	.custom-calendar .fc-view-container .fc-widget-header > table > thead > tr > th{font-size: 13px;margin: 0 2px 5px;padding: 0px;}
	.custom-calendar .fc-view-container .fc-body .fc-row > .fc-content-skeleton tr td span{font-size: 14px;width: 20px;height: 20px;margin: 5px 0 0 5px;}

	.custom-calendar .fc-day-header span{display: none;}
	.custom-calendar .fc-day-header::before{content: attr(data-short);}

	.custom-calendar .fc-toolbar.fc-header-toolbar {margin-bottom: 20px;}
	.new-room-reservation .h4-tit01 {font-size: 26px;line-height: 1;}
	.custom-calendar .fc-view-container .fc-bg .fc-reservation{font-size: 12px;padding: 2px 5px 0;width: auto;bottom: 5%;left: 5px;right: 5px;line-height: 20px;border-radius: 10px;}
}

.reservation-status-wrap{max-width: 1125px;padding: 40px 30px 40px 37px;}
.reservation-status-box .title{font-size: 24px;line-height: 22px;font-weight: 800;color: #000;margin-bottom: 25px;}
.reservation-status-box .room-controls{display: flex;gap: 10px 20px;}
.reservation-status-box .room-controls a{font-size: 15px;font-weight: 700;color: #444;position: relative;padding-left: 20px;}
.reservation-status-box .room-controls a:last-child:before{content:'';width:1px;height: 10px;background: #d0d0d0;position: absolute;left: -10px;top: 0;bottom: 0;margin: auto;}
.reservation-status-box .room-controls a.room-view-all{background: url(../img/com/ime-view-all.png) no-repeat center left;}
.reservation-status-box .room-controls a.room-close-all{background: url(../img/com/ime-close-all.png) no-repeat center left;}
.reservation-status-box .room-list{margin-top: 19px;max-height: 600px;overflow-y: auto;-webkit-overflow-scrolling: touch;padding-right: 10px;}
.reservation-status-box .room-list > ul{display: flex;flex-direction: column;gap: 10px;}
.reservation-status-box .room-list > ul > li{border: 1px solid #dddddd;border-radius: 10px;overflow: hidden;}
.reservation-status-box .room-list > ul > li .room-header{background: #fff url(../img/com/ime-room-open.png) no-repeat center right 30px;padding: 24px 30px;}
.reservation-status-box .room-list > ul > li .room-header a{background: url(../img/com/ime-room01.png) no-repeat center left;font-size: 18px;line-height: 28px;font-weight: 700;color: #000;padding-left: 22px;display: block;}
.reservation-status-box .room-list > ul > li .room-reservations{max-height: 0;opacity: 0;overflow: hidden;transition: 0.5s;padding: 0 30px;}
.reservation-status-box .room-list > ul > li .room-reservations > ul{display: flex;gap: 10px;flex-wrap: nowrap;overflow-x: auto;-webkit-overflow-scrolling: touch;padding-bottom: 10px;}
.reservation-status-box .room-list > ul > li .room-reservations > ul > li{background: #f5f5f5;padding: 20px;border-radius: 5px;width: 239px;box-sizing: border-box;flex: 0 0 auto;}
.reservation-status-box .room-list > ul > li .room-reservations > ul > li .txt01{font-size: 17px;line-height: 22px;font-weight: 700;color: #222;margin-bottom: 11px;background: url(../img/com/ime-timeday.png) no-repeat center left;padding-left: 30px;}
.reservation-status-box .room-list > ul > li .room-reservations > ul > li .txt02{font-size: 14px;font-weight: 700;color: #444;white-space: nowrap;display: flex;gap: 5px 9px;}
.reservation-status-box .room-list > ul > li .room-reservations > ul > li .txt02 span:nth-child(2){font-weight: 500;color: #666;white-space: normal;}
.reservation-status-box .room-list > ul > li .room-reservations > ul > li .txt03{font-size: 14px;font-weight: 700;color: #444;white-space: nowrap;display: flex;gap: 5px 9px;margin-top: 1px;}
.reservation-status-box .room-list > ul > li .room-reservations > ul > li .txt03 span:nth-child(2){font-weight: 500;color: #666;white-space: normal;}

.reservation-status-box .room-list > ul > li.open{border-color: #003e65;}
.reservation-status-box .room-list > ul > li.open .room-header{background: #eff3f6 url(../img/com/ime-room-close.png) no-repeat center right 30px;}
.reservation-status-box .room-list > ul > li.open .room-header a{background: url(../img/com/ime-room02.png) no-repeat center left;}
.reservation-status-box .room-list > ul > li.open .room-reservations{max-height: 300px;opacity: 1;padding: 20px 30px;}

.reservation-status-box .room-list::-webkit-scrollbar{width: 4px;}
.reservation-status-box .room-list::-webkit-scrollbar-track{background: #f4f4f4;border-radius: 1.5px;border: 0;}
.reservation-status-box .room-list::-webkit-scrollbar-thumb{background: #aaaaaa;border-radius: 1.5px;border: 0;}

.reservation-status-box .room-list > ul > li .room-reservations > ul::-webkit-scrollbar{height: 4px;}
.reservation-status-box .room-list > ul > li .room-reservations > ul::-webkit-scrollbar-track{background: #f4f4f4;border-radius: 1.5px;border: 0;}
.reservation-status-box .room-list > ul > li .room-reservations > ul::-webkit-scrollbar-thumb{background: #aaaaaa;border-radius: 1.5px;border: 0;}

@media (max-width:1024px){
	.reservation-status-wrap{padding: 30px 20px;}
	.reservation-status-box .title{font-size: 18px;margin-bottom: 15px;}
	.reservation-status-box .room-controls a{font-size: 13px;}
	.reservation-status-box .room-list > ul > li .room-header{padding: 14px 20px;}
	.reservation-status-box .room-list > ul > li .room-header a{font-size: 16px;}
	.reservation-status-box .room-list > ul > li .room-reservations{padding: 0 20px;}
	.reservation-status-box .room-list > ul > li.open .room-reservations{padding: 10px 20px;}
	.reservation-status-box .room-list > ul > li .room-reservations > ul > li{padding: 16px;width: 80%;max-width: 239px;}
	.reservation-status-box .room-list > ul > li .room-reservations > ul > li .txt01{font-size: 15px;line-height: 20px;margin-bottom: 6px;}
	.reservation-status-box .room-list > ul > li .room-reservations > ul > li .txt02{font-size: 12px;}
	.reservation-status-box .room-list > ul > li .room-reservations > ul > li .txt03{font-size: 12px;}
}

/* 예약목록 */
.resevation-note {border-radius: 10px;background: #eff3f6;padding: 34px 52px;margin: 0px 0 50px;}
.resevation-note ul li {position: relative;font-size: 16px;line-height: 26px;letter-spacing: -0.25px;font-weight: 500;color: #000;padding: 0 0 0 13px;}
.resevation-note ul li:before{content: "";position: absolute;width: 4px;height: 4px;border-radius: 100%;background: #0072bb;left: 0;top: 10px;}

.resevation-wrap::after{content:'';display:block;clear:both;}
.resevation-wrap .total {font-size: 16px;line-height: 26px;color: #666666;font-weight: 600;}
.resevation-wrap .total > span{color: #0072bb;font-weight: 800;}
.resevation-wrap > ul {margin: 23px 0 0;display: flex;flex-direction: column;gap: 10px;}
.resevation-wrap > ul > li {border-radius: 10px;border: 1px solid #e0e0e0;padding: 20px 30px 20px 40px;}
.resevation-wrap > ul > li.acti {border: 1px solid #f8ae00;}
.resevation-wrap > ul > li .resevation-box {display: grid;grid-template-columns: auto 1fr 17.5% 11.5% 17% 17% auto;align-items: center;}
.resevation-wrap > ul > li .resevation-box p {font-size: 16px;line-height: 22px;color: #50504b;font-weight: 700;position: relative;}
.resevation-wrap > ul > li .resevation-box .b-chk{width: 22px;height: 22px;margin: 0 12px 0 0;position: relative;}
.resevation-wrap > ul > li .resevation-box label {font-size: 22px;line-height: 32px;color: #222222;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
.resevation-wrap > ul > li .resevation-box p.timeday{padding: 0 0 0 30px;}
.resevation-wrap > ul > li .resevation-box p.timeday:before{content: "";position: absolute;width: 19px;height: 20px;background: url(../img/com/ime-calender02.png)no-repeat;left: 0;top: 50%;transform: translatey(-50%);background-size: cover;}
.resevation-wrap > ul > li .resevation-box p.time-in{padding: 0 0 0 30px;}
.resevation-wrap > ul > li .resevation-box p.time-in:before{content: "";position: absolute;width: 20px;height: 20px;background: url(../img/com/ime-timeday.png)no-repeat;left: 0;top: 50%;transform: translatey(-50%);background-size: cover;}
.resevation-wrap > ul > li .resevation-box p.repeat{padding: 0 0 0 30px;}
.resevation-wrap > ul > li .resevation-box p.repeat:before{content: "";position: absolute;width: 20px;height: 20px;background: url(../img/com/cse-repeat.png)no-repeat;left: 0;top: 50%;transform: translatey(-50%);background-size: cover;}
.resevation-wrap > ul > li .resevation-box p.application-date{}
.resevation-wrap > ul > li .resevation-box p.application-date:before{content: "";position: absolute;width: 4px;height: 4px;background: #cccccc;left: 0;top: 50%;transform: translatey(-50%);border-radius: 100%;}
.resevation-wrap > ul > li .resevation-box p.application-date span {font-size: 14px;line-height: 22px;color: #08293e;font-weight: 600;padding-left: 14px;}
.resevation-wrap > ul > li .resevation-box p.application-date > span:nth-child(2){padding: 0 0 0 21px;}
.resevation-wrap > ul > li .resevation-box .del-item{min-width: 115px;border: 1px solid #222;border-radius: 24px;display: flex;align-items: center;justify-content: center;padding: 15.5px 10px;box-sizing: border-box;font-size: 15px;line-height: 1;font-weight: bold;color: #222;}
.resevation-wrap > ul > li .resevation-box .b-chk:checked{background: #0072bb;border: 1px solid #0072bb;}
.resevation-wrap > ul > li .resevation-box .b-chk:checked:before{background: url(../img/com/cse-check.png)no-repeat;background-size: cover;width:14px;height: 13px;top: 50%;left: 50%;position: absolute;content: "";transform: translate(-50%, -50%);}
.resevation-wrap > ul > li:has(.b-chk:checked){border: 1px solid #0072bb;}
/*.resevation-wrap > ul > li:has(.b-chk:checked) .resevation-box p.application-date{background: #fafafa;}*/

.btn-resevation {margin: 50px 0 0;float: right;}
.btn-resevation .b-btn-type01 {display: block;padding: 15.5px 20px;min-width: 200px;box-sizing: border-box;border-radius: 50px;border: 0;background: #003e65;}
.btn-resevation .b-btn-type01 span {font-size: 16px;font-weight: 700;line-height: 24px;text-align: center;color: #fff;position: relative;}


/*No item*/
.no-item {padding: 90px 0;border: 1px solid #e0e0e0;border-radius: 0 !important;width: 100%;margin: 30px 0 0 0;}
.no-item > p {font-size: 18px;color: #ccc;text-align: center;}
.no-item > p img {width: 40px;height: 40px;display: block;margin: 0 auto 10px auto;}


/* 예약현황 */
.sw-equipment-reservation .h4-tit01{padding:0 0 5rem;font-size:4.2rem;line-height:5.2rem;font-weight:var(--font-weight-bold);}

@media (max-width: 1024px){
	.resevation-wrap > ul > li {padding: 20px;}
	.resevation-wrap > ul > li .resevation-box {grid-template-columns: auto;row-gap: 14px;}
	.resevation-wrap > ul > li .resevation-box .b-chk {margin: 0;}
	.resevation-wrap > ul > li .resevation-box p.application-date:before {left: 20px;}
	.resevation-wrap > ul > li .resevation-box p.num {width: 100%;}
	.resevation-wrap > ul > li .resevation-box p.num:after{display: none;}
	
	.resevation-note {padding: 20px 30px;margin: 0px 0 40px;}
	.resevation-note ul li:before {display: none;}
	.resevation-note ul li {font-size: 14px;padding: 0;}
	.resevation-wrap > ul > li .resevation-box label {font-size: 22px;margin: 4px 0;}
	.resevation-wrap > ul > li .resevation-box p.application-date span {font-size: 13px;}
	.resevation-wrap > ul > li .resevation-box p.application-date {background: #f7f7f7;padding: 15px 20px;margin: 0 -20px;}
	.resevation-wrap > ul > li .resevation-box p.timeday:before {width: 15px;height: 16px;}
	.resevation-wrap > ul > li .resevation-box p.time-in:before {width: 16px;height: 16px;}
	.resevation-wrap > ul > li .resevation-box p.repeat:before {width: 16px;height: 16px;}
	.resevation-wrap > ul > li .resevation-box p.timeday {padding: 0 0 0 25px;margin: 0;}
	.resevation-wrap > ul > li .resevation-box p.time-in {padding: 0 0 0 25px;margin: 0;}
	.resevation-wrap > ul > li .resevation-box p.repeat {padding: 0 0 0 25px;margin: 0;}
	.resevation-wrap > ul > li .resevation-box .del-item {font-size: 14px;}
	
	.btn-resevation .b-btn-type01 span {font-size: 14px;}
	.h4-resevation {font-size: 24px;}
	
	/* 예약현황 */
	.sw-equipment-reservation .h4-tit01{padding:0 0 4rem;font-size:3.2rem;line-height:4.2rem;}
	
}
 
@media (max-width: 768px) {
	.resevation-wrap > ul > li .resevation-box .del-item {width: 100%;padding: 15px;}
	.resevation-wrap > ul > li .resevation-box p {font-size: 14px;line-height: 22px;}
	.resevation-wrap > ul > li .resevation-box p.num {font-size: 14px;line-height: 22px;}
	.resevation-wrap > ul > li .resevation-box p.title{font-size: 18px;line-height: 26px;}
	.btn-resevation {width: 100%;}
	.btn-resevation .b-btn-type01 {width: 100%;min-width: auto;}
	
}

/* 예약현황-달력 */
.calendar-tl-wrap{border: 1px solid #e0e0e0;border-radius: 20px;}
.calendar-tl-box02{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center; padding: 0 25px 27px;gap: 10px;}
.calendar-tl-box02 .mark-p{font-size: 15px;font-weight: 800;line-height: 22px;font-weight: 700;padding-left: 15px;color:#c10230;}
.calendar-tl-box02 .mark-p:before{content: '※';top: 0;}
.calendar-tl-box02 .note{display: flex;gap: 30px;}
.calendar-tl-box02 .note li{font-size: 15px;line-height: 22px;font-weight: 700;color: #666;display: flex;gap: 10px;align-items: center;}
.calendar-tl-box02 .note li:before{content: '';width: 28px;height: 28px;border-radius: 5px;border: 1px solid #ddd;display: inline-flex;background: #f5f5f5;}
.calendar-tl-box02 .note li.open:before{background: #fff;}
.fc-license-message{display: none;}
.custom-calendar-tl{position: relative;}
.custom-calendar-tl .fc-toolbar.fc-header-toolbar{margin-bottom: 30px;}
.custom-calendar-tl .fc-header-toolbar .fc-center {display: flex;justify-content: center;align-items: center;gap: 36px;background: #f7f7f7;padding: 30px 20px;border-radius: 20px 20px 0 0;}
.custom-calendar-tl .fc-header-toolbar .fc-center h2 {font-size: 28px;line-height: 1;font-weight: bold;margin: 3px 0 0;color: #222;background: url(../img/com/cse-calender03.png) no-repeat top left;padding-left: 35px;font-weight: 900;}
.custom-calendar-tl .fc-state-default{width: 48px;height: 48px;border-radius: 100%;margin: 0;box-shadow: none;text-shadow: none;background: #fff;border-color: #222;}
.custom-calendar-tl .fc-state-default .fc-icon {position: relative;width: 100%;height: 100%;margin: 0;top: unset;}
.custom-calendar-tl .fc-state-default .fc-icon:after{content: "";position: absolute;background: url(../img/com/cse-calendar-arr.png) no-repeat;background-size: cover;width: 8px;height: 12px;top: 50%;left: 50%;transform: translate(-50%, -50%) rotate(180deg);}
.custom-calendar-tl .fc-state-default .fc-icon.fc-icon-right-single-arrow:after{transform: translate(-50%, -50%) rotate(0deg);}
.custom-calendar-tl .fc-state-default:hover{background: #222;}
.custom-calendar-tl .fc-state-default:hover .fc-icon:after{background: url(../img/com/cse-calendar-arr-white.png) no-repeat;}
.custom-calendar-tl .fc-state-default.fc-state-disabled{opacity: 1;}
.custom-calendar-tl .fc button .fc-icon{top: unset;}


.custom-calendar-tl .fc-scroller{overflow-x: hidden !important;}

.custom-calendar-tl .fc-timeline .fc-body .fc-scroller{max-height: unset;}
.custom-calendar-tl .fc-view-container{position: relative;margin: 0 25px 25px;}
.custom-calendar-tl .fc-time-scroll-controls{position: absolute;top: 4px;left: 257px;z-index: 100;right: 7px;display: flex;justify-content: space-between;}
.custom-calendar-tl .fc-time-scroll-controls .timeline-prev,
.custom-calendar-tl .fc-time-scroll-controls .timeline-next{width: 20px;height: 20px;display: flex;border-radius: 50%;background: #8d8d88;justify-content: center;align-items: center;outline: 4px solid #f5f5f5;}
.custom-calendar-tl .fc-time-scroll-controls .timeline-prev:before{content: '\f104';font-size: 8px;color: #fff;font-family: 'la-solid-900';display: block;}
.custom-calendar-tl .fc-time-scroll-controls .timeline-next:before{content: '\f105';font-size: 8px;color: #fff;font-family: 'la-solid-900';display: block;}

.custom-calendar-tl .fc-head .fc-time-area table{height: 28px !important;}
.custom-calendar-tl .fc-head .fc-time-area .fc-scroller-clip {background: #f5f5f5;border-radius: 14px;margin-left: -30px;margin-bottom: 4px;padding-left: 37px;}
.custom-calendar-tl .fc-head .fc-time-area .fc-scroller-clip .fc-scroller{padding-left: 1px;}
.custom-calendar-tl .fc-body{position: relative;}
.custom-calendar-tl .fc-body:before{content: '';background: #eee;position: absolute;top: 0;bottom: 0;right: 0;width: 30px;border: 1px solid #ddd;border-right: 0;}
.custom-calendar-tl .fc-body td.fc-widget-content{border-right-width:1px;border-right:1px solid #eee;}

.custom-calendar-tl .fc-body .fc-rows tr:not(:last-child) td{padding: 4px 0;}
.custom-calendar-tl .fc-body .fc-rows tr:first-child td{padding-top: 0;}
.custom-calendar-tl .fc-body .fc-rows tr:last-child td{padding-top: 4px;}
.custom-calendar-tl .fc-body .fc-rows tr:first-child td{border-top: 0;}
.custom-calendar-tl .fc-body td > .fc-scroller-clip{border-top: 0;border-bottom: 0;}
.custom-calendar-tl .fc-body .fc-rows td > div{border-top: 1px solid #dddddd;border-bottom: 1px solid #dddddd;box-sizing: border-box;position: relative;}
.custom-calendar-tl .fc-body .fc-time-area .fc-rows tr:not(:last-child) td > div:after{content:'';position: absolute;left: 0;right: 0;bottom: -9px;height: 8px;background: #fff;z-index: 100;}
.custom-calendar-tl .fc-body .fc-resource-area .fc-rows tr td > div:before{content:'';position: absolute;right: 0;top: 0;bottom: 0;background: #f4f4f4;z-index: 100;width: 29px;}
.custom-calendar-tl .fc-timeline .fc-head td,
.custom-calendar-tl .fc-timeline .fc-head th{border: 0;}
.custom-calendar-tl .fc-timeline .fc-cell-content{overflow: unset;}
.custom-calendar-tl .fc-timeline .fc-head .fc-cell-content{text-align: left;padding: 0;}
.custom-calendar-tl .fc-timeline .fc-head .fc-cell-content .fc-cell-text{margin: 0;padding: 0;font-size: 10px;line-height: 28px;font-weight: 600;color: #666666;}
.custom-calendar-tl .fc-time-area .fc-rows td>div {height: 70px !important;}

.custom-calendar-tl .fc-timeline .fc-cell-text{width: 100%;box-sizing: border-box;}
.custom-calendar-tl .fc-resource-area{width: 290px;border-left: 0;border-bottom: 0;}
.custom-calendar-tl .fc-resource-area .fc-rows{position: relative;}
/*.custom-calendar-tl .fc-resource-area .fc-rows:before{content: '';background: #eee;position: absolute;top: 0;bottom: 1px;right: 0;width: 30px;}*/
.custom-calendar-tl .fc-resource-area th .fc-cell-text{opacity: 0;}
.custom-calendar-tl .fc-resource-area td.fc-widget-content{background: #fff;}
.custom-calendar-tl .fc-resource-area td.fc-widget-content > div{background: #fafafa;}
.custom-calendar-tl .fc-resource-area td.fc-widget-content .fc-cell-content{padding: 0 33px 0 18px;height: 100%;display: flex;align-items: center;}
.custom-calendar-tl .fc-resource-area td.fc-widget-content .fc-cell-content .fc-cell-text span{display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;white-space: normal;}
.custom-calendar-tl .fc-resource-area td.fc-widget-content .fc-cell-content .fc-cell-text > span{padding: 0;font-size: 16px;font-weight: 700;color: #222;margin-bottom: 5px;}
.custom-calendar-tl .fc-resource-area td.fc-widget-content .fc-cell-content .fc-cell-text > div{display: flex;align-items: center;justify-content: space-between;}
.custom-calendar-tl .fc-resource-area td.fc-widget-content .fc-cell-content .fc-cell-text > div > p{display: flex;align-items: center;justify-content: space-between;gap: 6px;background: url(../img/com/ime-user02.png) no-repeat top 2px left;padding-left: 20px;font-size: 14px;color: #999999;font-weight: 500;}
.custom-calendar-tl .fc-resource-area td.fc-widget-content .fc-cell-content .fc-cell-text > div > p.equip{background-image:url(/_res/sejong/_share/img/com/info_icon.png);}
.custom-calendar-tl .fc-resource-area td.fc-widget-content .fc-cell-content .fc-cell-text > div > p > span{font-size: 13px;color: #0072bb;}
.custom-calendar-tl .fc-resource-area td.fc-widget-content .fc-cell-content .fc-cell-text > div > a{font-size: 14px;font-weight: 600;color: #999;}
.custom-calendar-tl .fc-resource-area td.fc-widget-content .fc-cell-content .fc-cell-text > div > a:after{content: '\f105';font-family: 'Line Awesome Free';display: inline-block;}




.custom-calendar-tl .fc-event{background: rgb(245 245 245 / 65%);}
.custom-calendar-tl .fc-timeline-event{border: 0;padding: 0;height: 70px;display: flex;align-items: center;justify-content: center;}
.custom-calendar-tl .fc-timeline .fc-divider{width: 0;}
.custom-calendar-tl .fc-event .fc-bg{background: transparent;opacity: 1;}
.custom-calendar-tl .fc-timeline-event .fc-title{color: #888888;font-size: 14px;font-weight: 600;line-height: 18px;padding: 0 10px;margin: 0;white-space: normal;word-break: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.custom-calendar-tl .fc-time-area{border-bottom: 0;}
.custom-calendar-tl .fc-time-area .fc-event-container{height: 100%;padding-bottom: 0;}
.custom-calendar-tl .fc-highlight{opacity: 0;}
.custom-calendar-tl .fc-highlight-selected{background:#c10230;border:1px solid #c10230;opacity: 1;overflow: visible !important;}
.custom-calendar-tl .fc-highlight-touch{height: 100%;bottom: unset;position: absolute !important;}
.custom-calendar-tl .fc-bgevent-container .selected-cell{background-color:#c10230 !important;opacity:1 !important;}

.alert-wrap{border: 1px solid #cccccc;background: #fff;border-radius: 10px;overflow: hidden;padding: 15px 20px;max-width: 240px;width: 100%;box-shadow: 2px 6px 6px rgb(52 52 52 / 10%);position: absolute;display: none;box-sizing: border-box;transform: translateX(-50%);z-index: 10;}
.alert-wrap.warning-wrap{width: 232px;}
.alert-wrap .alert-box{width: 100%;box-sizing: border-box;}
.alert-wrap .alert-time{background: url(../img/com/ime-timeday.png) no-repeat top 0 left;padding-left: 25px;font-size: 16px;line-height: 22px;font-weight: 800;color: #222;padding-bottom: 10px;border-bottom: 1px solid #eee;letter-spacing: -0.25px;}
.alert-wrap .alert-info{margin: 15px 0 0 3px;}
.alert-wrap .alert-info li{font-size: 14px;line-height: 18px;font-weight: 600;margin-bottom: 5px;}
.alert-wrap .alert-info li:last-child{margin-bottom:0;}
.alert-wrap .alert-info li span:first-child{color: #444444;margin-right: 10px;font-weight: 700;white-space: nowrap;}
.alert-wrap .alert-info li span:last-child{color: #666666;word-break: break-word;}
.alert-wrap .btn-link{font-size: 15px;font-weight: 700;color: #fff;background: #0072bb;height: 40px;border-radius: 20px;display: flex;align-items: center;justify-content: center;margin-top: 20px;}
.alert-wrap .alert-p{background: url(../img/com/ime-warning.png) no-repeat top 0 left;padding-left: 27px;font-size: 15px;line-height: 22px;font-weight: 700;color: #333;background-size: 20px;}

@media (max-width:768px){
	.calendar-tl-box02{padding: 0 10px 20px;}
	.custom-calendar-tl .fc-toolbar.fc-header-toolbar{margin-bottom: 20px;}
	.custom-calendar-tl .fc-header-toolbar .fc-center{gap: 15px;padding: 20px 10px;}
	.custom-calendar-tl .fc-view-container{margin: 0 10px 20px;}
	.custom-calendar-tl .fc-header-toolbar .fc-center h2{font-size: 18px;background-size: 16px;padding-left: 20px;}
	.custom-calendar-tl .fc-resource-area{width: 150px;}
	.custom-calendar-tl .fc-time-scroll-controls{left: 134px;right: 0;}
	.custom-calendar-tl .fc-body:before{width: 15px;}
	.custom-calendar-tl .fc-state-default{width: 32px;height: 32px;}

	.custom-calendar-tl .fc-resource-area .fc-rows:before{width: 15px;}
	.custom-calendar-tl .fc-resource-area td.fc-widget-content .fc-cell-content{padding: 0 30px 0 10px;}
	.custom-calendar-tl .fc-resource-area td.fc-widget-content .fc-cell-content .fc-cell-text > span:nth-child(1){font-size: 13px;}
	.custom-calendar-tl .fc-resource-area td.fc-widget-content .fc-cell-content .fc-cell-text > span:nth-child(2){font-size: 13px;background-size: 12px;padding-left: 16px;}

	.custom-calendar-tl .fc-highlight-touch{box-sizing: border-box;}
	.custom-calendar-tl .fc-timeline-event .fc-title {font-size: 13px;}
	.calendar-tl-box02 .mark-p {font-size: 13px;line-height: 20px;}
	.calendar-tl-box02 .note li {font-size: 14px;}
	.calendar-tl-box02 .note li:before {width: 22px;height: 22px;}
	.calendar-tl-box02 {padding: 0 15px 20px;}
	.custom-calendar-tl .fc-time-area col {width: 70px!important}
	.custom-calendar-tl .fc-head .fc-time-area .fc-scroller-clip {margin-left: -15px;}

	.custom-calendar-tl .fc-time-scroll-controls .timeline-prev:before {font-size: 7px;}
	.custom-calendar-tl .fc-time-scroll-controls .timeline-next:before {font-size: 7px;}
	.custom-calendar-tl .fc-state-default .fc-icon:after {width: 6px;height: 10px;}
}


.detail-info-wrap{padding: 70px 30px 40px;}
.detail-info-wrap .title{font-size: 24px;font-weight: 700;color: #222222;text-align: center;margin-bottom: 25px;}
.detail-info-wrap .title span{color: #0072bb;font-weight: 800;}
.detail-info-wrap .detail-info-box{background: #eff3f6;border-radius: 10px;padding: 40px 8px 20px 40px;}
.detail-info-wrap .detail-info-box > ul{max-height: 261px;box-sizing: border-box;overflow: auto;}
.detail-info-wrap .detail-info-box > ul > li{font-size: 16px;font-weight: 500;color: #666666;padding-left: 30px;margin-bottom: 25px;}
.detail-info-wrap .detail-info-box > ul > li.detail-ico01{background: url(../img/com/ph-size.png) no-repeat left top 4px;}
.detail-info-wrap .detail-info-box > ul > li.detail-ico02{background: url(../img/com/ph-people.png) no-repeat left top 3px;}
.detail-info-wrap .detail-info-box > ul > li.detail-ico03{background: url(../img/com/ph-content.png) no-repeat left top 3px;}
.detail-info-wrap .detail-info-box > ul > li:last-child{margin-bottom: 0;}
.detail-info-wrap .detail-info-box > ul > li span{font-size: 18px;font-weight: 700;color: #08293e;margin-right: 15px;}
.detail-info-wrap .detail-info-box > ul > li > ul{margin-top: 14px;margin-left: -30px;}
.detail-info-wrap .detail-info-box > ul > li > ul > li{padding-bottom: 6px;font-size: 16px;color: #666666;}
.detail-info-wrap .detail-info-box > ul > li .ul-type-dot > li:before{background: #0072bb;height: 4px;width: 4px;}
.detail-info-wrap .detail-info-box > ul::-webkit-scrollbar {width: 4px;border: 0;}
.detail-info-wrap .detail-info-box > ul::-webkit-scrollbar-track {background: #ebeeef;border-radius: 1.5px;border: 0;}
.detail-info-wrap .detail-info-box > ul::-webkit-scrollbar-thumb {background: #aaaaaa;border-radius: 1.5px;border: 0;}

@media (max-width: 768px){
	.detail-info-wrap{padding: 30px 20px 20px;}
	.detail-info-wrap .detail-info-box{padding: 20px 8px 20px 20px;}
	.detail-info-wrap .detail-info-box > ul > li{font-size: 16px;margin-bottom: 15px;}
	.detail-info-wrap .detail-info-box > ul > li span{font-size: 16px;}
	.detail-info-wrap .detail-info-box > ul > li > ul > li{font-size: 14px;}
	.detail-info-wrap .detail-info-box > ul > li.detail-ico01{background-position: top 1px left;}
	.detail-info-wrap .detail-info-box > ul > li.detail-ico02{background-position: top 1px left;}
	.detail-info-wrap .detail-info-box > ul > li.detail-ico03{background-position: top 1px left;}
}

#ui-datepicker-div{display:none;background-color:#fff;max-width:425px;border-radius:20px;padding:34px 45px;box-sizing:border-box;z-index:100 !important;left: auto;right: 0;margin: 0;border: 0;box-shadow: 2px 10px 9px hsl(0deg 0% 20% / 20%);margin: 10px 0 0;}
#ui-datepicker-div.center {left: 50%!important;transform: translatex(-50%);margin: -41px 0 0;max-width:550px;}
#ui-datepicker-div .ui-datepicker-header{text-align: center;}
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-title{font-size: 22px;line-height: 28px;font-weight: 700;color: #222;}
#ui-datepicker-div .ui-datepicker-header .ui-corner-all{position: absolute;font-size: 0;top: 42px;}
#ui-datepicker-div .ui-datepicker-header .ui-corner-all.ui-datepicker-prev{left: 50px;height: 28px;width: 28px;cursor: pointer;}
#ui-datepicker-div .ui-datepicker-header .ui-corner-all.ui-datepicker-next{right: 50px;height: 28px;width: 28px;cursor: pointer;}
#ui-datepicker-div .ui-datepicker-header .ui-corner-all.ui-datepicker-prev:before,
#ui-datepicker-div .ui-datepicker-header .ui-corner-all.ui-datepicker-next:before{font-size: 15px;color: #222;font-family: 'la-solid-900';}
#ui-datepicker-div .ui-datepicker-header .ui-corner-all.ui-datepicker-prev:before{content: '\f104';}
#ui-datepicker-div .ui-datepicker-header .ui-corner-all.ui-datepicker-next:before{content: '\f105';}
#ui-datepicker-div .ui-datepicker-header .ui-corner-all.ui-datepicker-prev.ui-state-disabled:before,
#ui-datepicker-div .ui-datepicker-header .ui-corner-all.ui-datepicker-next.ui-state-disabled:before{color: #aaaaaa;}

#ui-datepicker-div .ui-datepicker-calendar{margin:30px 0 0;width:100%;empty-cells:show;border-spacing:0;border-collapse:collapse;table-layout:fixed;}
#ui-datepicker-div .ui-datepicker-calendar th{text-align: center;font-size: 18px;line-height: 28px;font-weight: 700;color: #222;}
#ui-datepicker-div .ui-datepicker-calendar td{text-align: center;font-size: 18px;line-height: 28px;font-weight: 500;color: #444;}
#ui-datepicker-div .ui-datepicker-calendar td .ui-state-default{width: 31px;height: 31px;border-radius: 50%;display: flex;align-items: center;justify-content: center;margin: 5px auto;font-size: 18px;}
#ui-datepicker-div .ui-datepicker-calendar th.ui-datepicker-week-end:first-child,
#ui-datepicker-div .ui-datepicker-calendar td.ui-datepicker-week-end:first-child a{color: #ff2c54;}
#ui-datepicker-div .ui-datepicker-calendar th.ui-datepicker-week-end:last-child,
#ui-datepicker-div .ui-datepicker-calendar td.ui-datepicker-week-end:last-child a{color: #0d5eab;}
#ui-datepicker-div .ui-datepicker-calendar .ui-datepicker-unselectable.ui-state-disabled,
#ui-datepicker-div .ui-datepicker-calendar .ui-datepicker-week-end.ui-datepicker-unselectable.ui-state-disabled{color: #cccccc;}

/*#ui-datepicker-div .ui-datepicker-calendar .ui-state-highlight{background: #f8ae00;color: #fff !important;}*/
#ui-datepicker-div .ui-datepicker-calendar .ui-state-active{background: #0072bb;color: #fff !important;}

@media (max-width: 768px){
	#ui-datepicker-div{padding:20px 10px;margin: -25px auto;left: 0!important;}
	#ui-datepicker-div .ui-datepicker-header .ui-datepicker-title{font-size: 16px;line-height: 32px;}
	#ui-datepicker-div .ui-datepicker-header .ui-corner-all{top: 25px;}
	#ui-datepicker-div .ui-datepicker-header .ui-corner-all.ui-datepicker-prev{left: 6%;}
	#ui-datepicker-div .ui-datepicker-header .ui-corner-all.ui-datepicker-next{right: 6%;}
	#ui-datepicker-div .ui-datepicker-calendar{margin-top: 20px;}
	#ui-datepicker-div .ui-datepicker-calendar th,
	#ui-datepicker-div .ui-datepicker-calendar td{font-size: 16px;}
}
@media (max-width: 550px){
	#ui-datepicker-div{margin: -30px 21px;}
}
/*예약정보 입력*/
.bn-infor-common{max-width: 1408px;margin: auto;}
.bn-infor-common .information {border-radius: 20px;padding: 35px 50px;border: 1px solid #e0e0e0;margin: 0 0 30px;}
.bn-infor-common .information .info-top {display: flex;justify-content: space-between;align-items: center;padding: 0 0 15px;border-bottom: 1px solid #e0e0e0;margin: 0 0 30px;}
.bn-infor-common .information .info-top .title{font-size: 24px;line-height: 32px;letter-spacing: -0.025px;color: #333333;font-weight: bold;}
.bn-infor-common .information .info-top > div {border-radius: 5px;background: #e7e7e7;text-align: center;}
.bn-infor-common .information .info-top > div .b-chk{position: absolute;left: -99999px;opacity: 0;}
.bn-infor-common .information .info-top > div .b-chk + label{font-size: 14px;line-height: 22px;font-weight: 600;color: #a1a1a1;position: relative;padding: 0 0 0 17px;transition: all .3s;min-width: 310px;padding: 15px 40px 15px 55px;}
.bn-infor-common .information .info-top > div .b-chk + label:before{content: "";position: absolute;background: url(/_res/sejong/_share/img/com/cse-checkinfo.png)no-repeat;background-size: cover;width: 10px;height: 8px;top: 49%;transform: translatey(-35%);left: 40px;transition: all .3s;}
.bn-infor-common .information .info-top > div .b-chk:checked + label{color: #fff;}
.bn-infor-common .information .info-top > div .b-chk:checked + label:before{background: url(/_res/sejong/_share/img/com/cse-checkinfo-o.png)no-repeat;background-size: cover;} 
.bn-infor-common .information .info-top > div:has(.b-chk:checked) {background: #003e65;}

.bn-infor-common .information .info-bot .tit{font-size: 16px;line-height: 24px;color: #333333;font-weight: bold;padding: 0 0 25px;}
.bn-infor-common .information .info-bot > ol{counter-reset: list-counter;}
.bn-infor-common .information .info-bot > ol > li {font-size: 15px;line-height: 23px;color: #666666;font-weight: 700;padding: 0 0 13px 30px;position: relative;counter-increment: list-counter;}
.bn-infor-common .information .info-bot > ol > li:not(:last-child){font-size: 14px;font-weight: 600;}
.bn-infor-common .information .info-bot > ol > li::before {content: counter(list-counter);position: absolute;left: 0;top: 0;width: 24px;height: 24px;line-height: 1;text-align: center;background-color: #003e65;color: white;border-radius: 50%;font-weight: bold;display: flex;align-items: center;justify-content: center;}
.bn-infor-common .information .info-bot > ol > li:last-child{color: #333333;}
.bn-infor-common .information .info-bot > ol > li > .note {display: block;color: #94795f;font-weight: bold;}
.bn-infor-common .information .info-bot > ol > li > .mg-t10 {margin-top: 5px!important;}
.bn-infor-common .information .info-bot > ol > li > .mark-p{font-size: 14px;color:#c10230;}
.bn-infor-common .information .info-bot > ol > li > .mark-p::before{content:'*';margin:0 2px 0 0;}

.bn-infor-common .b-table-wrap {padding: 50px 90px 50px 20px;border-top: 1px solid #000;border-bottom: 1px solid #bbb;}
.bn-infor-common .b-table-wrap .b-table-box {display: flex;gap: 120px;padding: 0 0 30px;}
.bn-infor-common .b-table-wrap .b-table-box:last-child{padding: 0;}
.bn-infor-common .b-table-wrap .b-table-box .mg-t10{margin-top: 10px!important;color:#c10230;}
.bn-infor-common .b-table-wrap .b-table-box .mark-p{font-size: 14px;}
.bn-infor-common .b-table-wrap .b-table-box .b-row-box {flex: 0 1 calc(50% - 60px);display: table;width: 100%;table-layout: fixed;}
.bn-infor-common .b-table-wrap .b-table-box .b-row-box.box-flex {flex: 1;}
.bn-infor-common .b-title-box{display: table-cell;width: 130px;font-size: 15px;line-height: 1;color: #000;font-weight: 600;vertical-align: unset;position: relative;padding: 17px 0 0;}
.bn-infor-common .b-table-wrap .b-table-box:last-child .b-title-box {vertical-align: top;padding: 22px 0 0;}
.bn-infor-common .b-title-box.b-required:after{content: "*";display: inline-block;margin: 0px 0 0 3px;color: #d10909;line-height: 1;vertical-align: top;}
.bn-infor-common .b-con-box {display: table-cell;position: relative;vertical-align: unset;width: calc(100% - 132px);}
.bn-infor-common .b-con-box .b-select {position: relative;width: 200px;height: 48px;border-radius: 4px;background: #f5f5f5 url(../img/board/arow-down.png) no-repeat right 10px center;font-weight: 500;font-size: 15px;padding: 5px 20px;color: #222;border: 0;}
.bn-infor-common .b-con-box .b-input{position: relative;width: 100%;height: 48px;border-radius: 4px;background: #f5f5f5;font-weight: 500;font-size: 15px;padding: 10px 20px;color: #222;border: 0;}
.bn-infor-common .b-con-box .b-input.b-input-date {background: #f5f5f5 url(../img/com/ase-caleninput.png) no-repeat right 20px top 50%;background-size: 16px;width: 200px;}
.bn-infor-common .b-con-box .note {display: block;color: #94795f;font-weight: bold;font-size: 14px;line-height: 1;}
.bn-infor-common .b-con-box .b-input.b-textarea {width: 100%;height: 100px;}

.bn-infor-common .b-con-box .b-input::placeholder,
.bn-infor-common .b-con-box .b-input.b-textarea::placeholder {font-family:'Pretendard' !important;color: #999;}

.bn-infor-common .b-con-box .b-input::-webkit-input-placeholder,
.bn-infor-common .b-con-box .b-input.b-textarea::-webkit-input-placeholder {font-family:'Pretendard' !important;color: #999;}

.bn-infor-common .b-con-box .b-input::-ms-input-placeholder,
.bn-infor-common .b-con-box .b-input.b-textarea::-ms-input-placeholder {font-family:'Pretendard' !important;color: #999;}

.bn-infor-common .b-con-box .b-input::-moz-placeholder,
.bn-infor-common .b-con-box .b-input.b-textarea::-moz-placeholder {font-family:'Pretendard' !important;color: #999;opacity:1;}

.bn-infor-common .b-con-box .verification-email {padding: 0;background: #fff;border-radius: 0;}
.bn-infor-common .b-con-box .verification-email .box-confirm {border: 0;padding: 0;}
.bn-infor-common .b-con-box .b-input.b-input-rever {width: 175px;}

.btn-information {margin: 50px 0 0;float: right;}
.btn-information .b-btn-type01 {display: block;padding: 15.5px 20px;min-width: 200px;box-sizing: border-box;border-radius: 50px;border: 0;background: #003e65;}
.btn-information .b-btn-type01 span{font-size: 16px;font-weight: 600;line-height: 24px;text-align: center;color: #fff;position: relative;}

.waring-form {max-width: 600px;width: 100%;background: #fff;padding: 40px 40px 60px 40px;position:relative;text-align: center;}
.waring-form .img-box{margin: 20px 0 30px;}
.waring-form .txt-warning {font-size: 18px;line-height: 26px;color: #666666;font-weight: bold;}
.waring-form .close {position: absolute;top: 40px;right: 40px;font-size: 0;cursor: pointer;background: url(../img/com/ico-close.png) no-repeat center center;width: 16px;height: 15px;}




@media (max-width: 1350px){
	.bn-infor-common .b-con-box .b-input.b-input-rever {flex: 1;}
	.modal-content .box-confirm .confirm-top {gap: 10px;}
}

@media (max-width: 1024px) {
	.bn-infor-common .b-table-wrap {padding: 20px 0;}
	.bn-infor-common .b-table-wrap .b-table-box {flex-wrap: wrap;gap: 20px;padding: 0 0 20px;}
	.bn-infor-common .b-table-wrap .b-table-box .b-row-box {flex: 0 1 100%;}
	.bn-infor-common .b-title-box {font-size: 14px;}
	.bn-infor-common .b-con-box .b-select {width: 100%;}
	.bn-infor-common .b-con-box .b-input {font-size: 14px;}
	.bn-infor-common .b-con-box .b-input.b-input-date {width: 100%;}
	.bn-infor-common .b-con-box .verification-email {max-width: none;}

	.waring-form {max-width: 300px;padding: 20px 20px 30px 20px;}
	.modal-content {border-radius: 10px;}
	.waring-form .txt-warning { font-size: 15px;}
	.waring-form .img-box {margin: 10px auto 15px;max-width: 50px;}
	.waring-form .close {top: 20px;right:20px;}
}

@media (max-width: 768px) {
	.bn-infor-common .information {padding: 20px;}
	.bn-infor-common .information .info-top {flex-direction: column;gap: 15px;align-items: flex-start;margin: 0 0 20px;}
	.bn-infor-common .information .info-top .title { font-size: 18px;letter-spacing: -0.5px;font-weight: 800;}
	.bn-infor-common .information .info-top > div {width: 100%;min-width: auto;}
	.btn-information {float: unset;}
	.btn-information .b-btn-type01 {width: 100%;min-width: auto;}
	.bn-infor-common .information .info-top > div .b-chk + label:before{width: 9px;height: 7px;}
	.bn-infor-common .information .info-top {gap: 10px;padding: 0px 0 20px;}
	.bn-infor-common .information .info-top > div .b-chk + label {padding: 12px;font-size: 13px;}
	.bn-infor-common .information .info-bot .tit { font-size: 15px;line-height: 23px;padding: 0px 0 20px;}
	.bn-infor-common .information .info-bot > ol > li {font-size: 14px;line-height: 21px;font-weight: 600;padding: 0 0 10px 25px;}
	.bn-infor-common .information .info-bot > ol > li::before{width: 18px;height: 18px;font-size: 12px;}
	.bn-infor-common .information .info-bot > ol > li > .mark-p {font-size: 13px;line-height: 18px;}
	.bn-infor-common .b-table-wrap {padding: 30px 0;}
	.bn-infor-common .b-table-wrap .b-table-box {gap: 25px;padding: 0px 0 25px;}
	.bn-infor-common .b-con-box .note {font-size: 13px;}
	.bn-infor-common .b-table-wrap .b-table-box .mg-t10 {margin-top: 10px !important;}
	.bn-infor-common .b-table-wrap .b-table-box:last-child .b-title-box {padding: 0px 0 10px;}
	.btn-information .b-btn-type01 span {font-size: 14px;}


} 

@media (max-width: 500px){
	.bn-infor-common .b-title-box {width: 100%;display: block;padding: 0 0 10px;}
	.bn-infor-common .b-con-box {width: 100%;display: block;}
}