@charset "utf-8";

/* 장비예약 artclList*/
.sr_wrap{text-align: right; margin-bottom: 20px;}
.sr_wrap::after{content:""; display: table; clear: both;}
.sr_wrap .search{display: inline-block; position: relative; background: #ebebeb; height: 40px; line-height: 40px; padding: 0 5px 0 15px; border-radius: 100px; min-width: 300px;}
.sr_wrap .equipment-check{display: inline-block; padding: 5px 15px; background: #183d93; border-radius: 50px; font-size: 15px; font-family: 'Noto Medium'; color: #fff; cursor: pointer; transition: all .3s; margin-left: 10px;}
.sr_wrap .search input{position: relative; top: -2px; width: 100%; height: 100%; background: transparent; border: 0; font-family: 'Noto Regular'; line-height: 28px;}
.sr_wrap .search button{position: absolute; right: 0; top: 0; width: 40px; background: url(../images/ico-search.png) no-repeat center center; text-indent: -9999px; cursor: pointer; height: 40px;}
.th_bot .tab .selected a{background-color: #0F63AD; color: white;}
.equipment-length{margin-bottom: 20px;}
.equipment-length span{font-size: 14px; font-family: 'Noto Regular';}
.equipment-length span .count-text{color: #183d93; font-family: 'Noto Medium';}
.equipment-table{border-top: 3px solid black;}
.equipment-table tbody td{vertical-align: top; padding: 15px; border: 1px solid #8d8d8d;}
.equipment-table .equipment-image{width: 50%; float: left;}
.equipment-table .equipment-image img{width: 100%;}
.equipment-table .equipment-info{width: 45%; float: right; text-align: left;}
.equipment-table .equipment-info .equipment-info-title{font-size: 20px; font-family: 'Noto Regular'; color: #111; line-height: 1.3; margin-bottom: 5px;}
.equipment-table .equipment-info-box{font-size: 14px;}
.equipment-table .equipment-info-box li{padding-left: 10px; position: relative;}
.equipment-table .equipment-info-box li::before{content:""; display: block; position: absolute; width: 3px; height: 3px; background-color: #8d8d8d; left: 0; border-radius: 50%; top: 13px;}
.equipment-table .equipment-info .equipment-reservation{display: inline-block; padding: 5px 15px; background: #183d93; border-radius: 50px; font-size: 15px; font-family: 'Noto Medium'; color: #fff; cursor: pointer; transition: all .3s; margin-top: 10px;}
.equipment-area, .equipment-area2{width: 50%;}

@media all and (max-width: 1024px) {
	.equipment-table .equipment-info .equipment-info-title{font-size: 16px;}
	.equipment-table .equipment-info .equipment-reservation{font-size: 14px; padding: 3px 10px;}
}

@media all and (max-width: 768px) {
	.sr_wrap .search{width: calc(100% - 150px); min-width: auto;}
	.equipment-table tbody td{padding: 10px;}
	.equipment-table .equipment-image{width: 100%; float: none;}
	.equipment-table .equipment-info{width: 100%; float: none; margin-top: 10px; min-height: 120px;}
	.equipment-table tbody td{position: relative;}
	.equipment-table .equipment-info .equipment-reservation{display: block; text-align: center;}
}

@media all and (max-width: 420px) {
	.sr_wrap .search{width: 100%; display: block;}
	.sr_wrap .equipment-check{display: block; margin-left: 0; margin-top: 10px; text-align: center;}
}

/* 장비예약 applyView */
._num{width: 5%;}
.view-length span{font-size: 14px; font-family: 'Noto Regular';}
.view-length span .count-text{color: #183d93; font-family: 'Noto Medium';}
.view-info{font-size: 18px; font-family: 'Noto Regular'; color: #d63f11;}
.button-box{margin: 20px 0;}
.button-box a{display: inline-block; padding: 5px 20px; border-radius: 50px; font-size: 15px; font-family: 'Noto Medium'; color: #fff; width: 100px; text-align: center;}
.button-box .view-list{color: white; background-color: #183d93;}
.button-box .apply-cancel{background-color: #d63f11; color: white;}
.modify-btn .apply-modify{display: inline-block; padding: 5px 20px; border-radius: 50px; font-size: 15px; font-family: 'Noto Medium'; color: #fff; width: 100px; text-align: center; background-color: #183d93;}

/* 장비예약 applyUpdtView */
.equip-modify-form ._form{padding: 0; padding-left: 170px;}
.equip-modify-form ._form ._label{top: 0; font-size: 18px; font-family: 'Noto Regular'; padding: 10px 0; left: 0; padding-left: 10px; width: 150px;}
.equip-modify-form ._form ._insert{padding: 10px 0;}
.equip-modify-form ._form input,.equip-modify-form ._form select {border: 1px solid #dfdfdf; height: 30px; line-height: 30px; padding: 0 10px;}
.equip-modify-form ._form #artclFileBtn{background: #ececec url(../images/ico-file-add.png) no-repeat 10px center; border: 1px solid #d5d5d5; height: 30px; line-height: 26px; padding: 0 20px 0 35px; cursor: pointer; color: black;}
.board-button{text-align: center;}
.board-button .btn-deco{display: inline-block; cursor: pointer; font-size: 16px; height: 50px; line-height: 48px; text-align: center; padding: 0 35px; margin: 0 5px; border-radius: 100px; font-family: 'Noto DemiLight'; color: white; background-color: #183d93}

/* 장비예약 applyRegistView */
.equipment-apply-inner .objHeading_h2{margin-top: 0;}
.equipment-apply-info{margin-top: 20px;}
.equipment-apply-info::after{content:""; display: block; clear: both;}
.equipment-apply-info .equipment-apply-image{width: 50%; float: left;}
.equipment-apply-info .equipment-apply-image img{width: 100%;}
.equipment-apply-info .equipment-apply-sub-info{width: 45%; float: right;}
.equipment-apply-info .equipment-apply-sub-info .equip-apply-sub-title{font-size: 20px; font-family: 'Noto Medium'; color: #1b60c6;}
.equipment-apply-info .equipment-apply-sub-info .equip-apply-sub-title::before{content:""; width: 25px; height: 2px; display: block; background-color: #1b60c6; margin-bottom: 5px;}
.equipment-apply-info .equipment-apply-sub-info dl{margin-bottom: 20px;}
.equipment-apply-info .equipment-apply-sub-info dl:last-child{margin-bottom: 0;}
.equipment-apply-info .equipment-apply-sub-info dd ul{margin-left: 10px;}
.equipment-apply-info .equipment-apply-sub-info dd li::before{content:""; width: 10px; height: 10px; border-radius: 100%; position: absolute; left: 0; top: 0; border: 2px solid #1b60c6; top: 12px;}
.equipment-apply-info .equipment-apply-sub-info dd li{padding-left: 15px; position: relative;}

#schdulWrap{margin-top: 30px;}
.tableTitle{padding: 5px; background: url(../images/pattern.png) #fff; margin-bottom: 20px;}
.tableTitle .searchSelect{background-color: white; position: relative;}
.tableTitle .searchSelect a{position: absolute; top: 0; width: 120px; height: 100%; font-family: 'Noto Regular'; line-height:60px;}
.tableTitle .searchSelect a.prew{left: 45px; background: url(../images/month-prev.png) no-repeat left center; padding-left: 50px;}
.tableTitle .searchSelect a.next{right: 45px; background: url(../images/month-next.png) no-repeat right center; padding-right: 50px; text-align: right;}
.tableTitle .searchSelect .selectMonth{display: block; color: #1d335a; font-size: 26px; text-align: center; padding: 4px 0; font-family: 'Noto Medium';}
.monthTable .schedule-notice{font-size: 18px; font-family: 'Noto Regular'; color: #d63f11; margin-bottom: 15px;}
.dayTable .reservation-time{font-size: 14px; position: relative;}
.dayTable .reservation-time::before{content:"완"; background-color: #d63f11; border-radius: 10px; color: white; width: 28px; line-height: 28px; display: inline-block;}

.reserver-info table td{text-align: left;}
.reserver-info table td input, .reserver-info table td select{border: 1px solid #dfdfdf; height: 30px; line-height: 30px; padding: 0 10px;}
.reserver-info table td .mid{width: 25%;}
.reserver-info table td .short{width: 10%;}
.reserver-info table td #artclFileBtn{background: #ececec url(../images/ico-file-add.png) no-repeat 10px center; border: 1px solid #d5d5d5; height: 30px; line-height: 26px; padding: 0 20px 0 35px; cursor: pointer; color: black;}
.board-button .btn-deco.color1{background-color: #313644;}

.guest-reserver-info tbody td{text-align: left;}
.guest-reserver-info table td .mid{width: 25%;}
.guest-reserver-info table td .short{width: 10%;}

@media all and (max-width: 1023px) {
	.dayTable .reservation-time{font-size: 12px;}
	.dayTable .reservation-time::before{width: 20px; line-height: 20px; font-size: 14px; border-radius: 5px; position: relative; top: 2px;}
}

@media all and (max-width: 768px) {
	.equipment-apply-info .equipment-apply-image{width: 100%; float: none;}
	.equipment-apply-info .equipment-apply-sub-info{width: 100%; float: none; margin-top: 20px;}
}