.facility-tab{padding:30px 0;}
.facility-month{overflow:hidden;font-size: 0;}
.calendarWrap{width: 50%;display: table-cell;vertical-align: top;font-size: 17px;border: 1px solid #ddd;}
.infoWrap{width: 50%;height: 662.5px;padding: 40px;border: 1px solid #ddd;border-left: 0;background-color:#fff;display: table-cell;overflow: auto;vertical-align: top;font-size: 17px;}
.infoWrap .list_area{}

/* Search */
.board-search {display: inline-block;width: 100%;margin-bottom: 20px;text-align: right;padding: 45px 0 0;}
.board-search .form-search {background: #f5f6f8; padding:20px;}
.board-search .tbl-search {text-align: center;}
.board-search .box-sel {position: relative; top: 0px; display: inline-block; margin-right: 2px; vertical-align: middle;}
.board-search .box-sel select {background: #fff url('../images/s-arrow.png') no-repeat 95% center;font-size: 18px;font-family: 'Noto Light';color: #666;border:1px solid #ccd0d7;height: 50px;min-width: 370px;padding-left: 15px;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.board-search .box-search {position: relative; top:0; display: inline-block; vertical-align: middle;}
.board-search .box-search input[type="button"]{background: #2f8d9a;height: 50px;line-height: 50px;text-align:center;color:#fff;padding: 0 40px;font-size: 18px;cursor:pointer;}

/* month */
.calendar_area .head{text-align:left;padding-left:35px;padding-top: 20px;position: relative;padding-bottom: 15px;}
.calendar_area .head strong{font-size:34px;font-family:'Noto Regular';font-weight: normal;display:inline-block;}
.calendar_area .head a{width:39px;height: 39px;display: block;text-indent:-9999px;position: absolute;top:50%;margin-top: -18px;}
.calendar_area .head a.next{background: #fff url('../images/y-next.png') no-repeat right center;right:15px;}
.calendar_area .head a.prev{background: #fff url('../images/y-prev.png') no-repeat left center;right: 60px;}

.calendar_area {position:relative;}
.calendar_area table {font-family:'Noto DemiLight';position:relative;border-top-color: rgba(255,255,255,0);border-top-style: none;border-top-width: 0;border-left-style: none;border-right-style: none;}
.calendar_area thead{position: relative;}
.calendar_area thead th {padding: 10px 15px;font-weight:normal;background: #2f8d9a;color: #fff;min-height:100px;font-size: 19px;font-family: 'Noto Regular';}
.calendar_area tbody th {padding:15px 10px;background: #fbfbfb;color: #000;border-right: 1px solid #dddee0;border-bottom: 1px solid #dddee0;font-size:16px;}
.calendar_area tbody th.color {background:#e4ebf2; font-size: 18px; color: #1b1b1b; font-weight: normal;}
.calendar_area tbody td {padding: 20px 30px;position:relative;background:#fff;color: #333;font-size: 20px;}
.calendar_area tbody td span{position: relative;}
.calendar_area tbody td span:before{content:'';width:9px;height: 9px;border-radius: 0;display: inline-block;position: absolute;top:-12px;left:50%;margin-left:-3.8px;}
.calendar_area tbody td.today_active span:before{background:#2f8d9a;border-radius: 50%;}/*오늘*/
.calendar_area tbody td.active span:before{background: #2e489a;border-radius: 0;}/*예약내역*/
.calendar_area tbody td.status01 span:before{background: #999;}/*신청불가*/
.calendar_area tbody td.status02 span:before{background: #a38767;}/*선택날짜*/
.calendar_area tbody td:last-child{border-right:none;}
.calendar_area thead th:last-child{border-right:none;}

.status{padding:24px 0 40px 20px;}
.status > ul > li{display: inline-block;vertical-align: top;font-size: 18px;color:#666;}
.status > ul > li + li{margin-left:15px;}
.status > ul > li > span{width:10px;height: 10px;display: inline-block;margin-right: 10px;border-radius: 0;}
.status > ul > li > span.status01{background:#2f8d9a;border-radius: 50%;border-radius: 50%;}
.status > ul > li > span.status02{background: #999;}
.status > ul > li > span.status03{background: #2e489a;border-radius: 0;}
.status > ul > li > span.status04{background: #a38767;}

.facility-table {position:relative;}
.facility-table table {font-family:'Noto DemiLight';position:relative;border-top-color: rgba(255,255,255,0);border-top-style: none;border-top-width: 0;border-left-style: none;border-right-style: none;}
.facility-table table:after{content: '';position: absolute;top: 0px;left: 0px;width: 100%;height: 2px;background: #43505d;}
.facility-table table:before{content: '';position: absolute;bottom: 0px;left: 0px;width: 100%;height: 1px;background: #43505d;}
.facility-table thead{position: relative;}
.facility-table thead th {padding: 10px 15px;font-weight:normal;background: #f8f8f8;color: #080808;min-height:100px;font-size: 19px;font-family: 'Noto Regular';border-bottom: 1px solid #cfcfd1;}
.facility-table tbody th {padding:15px 10px;background: #fbfbfb;color: #000;border-right: 0;border-bottom: 1px solid #dddee0;font-size: 18px;border-left: 0;font-weight: normal;font-family: 'Noto Regular';}
.facility-table tbody th.color {background:#e4ebf2; font-size: 18px; color: #1b1b1b; font-weight: normal;}
.facility-table tbody td {padding: 15px 0;position:relative;background:#fff;color: #666;font-size: 17px;border-bottom: 1px solid #e2e2e2;border-left:0;border-right:0;line-height: 1.35;font-family: 'Noto Light';}
.facility-table tbody td span{display: inline-block;color:#fff;padding:3px 15px;border-radius: 20px;}
.facility-table tbody td span.b1{background:#00bcd4}
.facility-table tbody td span.b2{background: #999;}
.facility-table tbody td span.b3{background: #666;}
.facility-table tbody td span.b4{background: #2e489a;}
.facility-table tbody td span.b5{background:#2196f3;}
.facility-table tbody td span.b6{background:#a38767;}
.facility-table tbody td:last-child{border-right:none;}
.facility-table thead th:last-child{border-right:none;}

.timeBtn{text-align: center;margin-top: 20px;padding-top: 15px;}
.timeBtn dl{}
.timeBtn dl dt{display: inline-block;font-family: 'Noto Regular';font-size: 21px;margin-right: 20px;vertical-align: middle;}
.timeBtn dl dd{display: inline-block;vertical-align: middle;padding-top: 3px;}
.timeBtn dl dd select{background: #fff url('../images/arrow-search.png') no-repeat right center;font-family: 'Noto Light';color: #000;border:1px solid #ccd0d7; font-size:17px; height: 45px;min-width:120px;padding-left: 20px;-webkit-appearance: none;-moz-appearance: none;appearance: none;vertical-align: middle;}
.timeBtn input[type="button"]{padding: 12px;display: inline-block;text-align: center;color: #fff;background-color: #2f8d9a;font-size: 18px;vertical-align: middle;margin-top:20px;width:195px;margin-left: 40px;cursor: pointer;}

@media all and (max-width:860px) {
   .facility-table {overflow-x: hidden;}
   .facility-table table {width:1000px;}
   .facility-table:after {content:''; position:absolute; right:0px; top:0px; width:100%; height:100%; background:url('../../images/common/img_mobile_text.png') no-repeat center center;}
   .facility-table.on:after {display:none;}
}
@media all and (max-width:420px) {
  .wrap-contents .con-ready .text {font-size: 26px;}
  .wrap-contents .con-ready .text span:after {top:8px;}
}
@media all and (max-width:780px) {
}


.sisul-table {position:relative;margin-top:30px;margin-bottom: 30px;}
.sisul-table table {font-family:'Noto DemiLight';position:relative; border-top:2px solid #000; border-bottom:1px solid #dddee0;}
.sisul-table tbody td{padding: 15px; text-align:left; position:relative; background:#fff;color:#666;border-bottom: 1px solid #dddee0;font-size:16px; line-height:1.6; font-family: 'Noto Light';}
.sisul-table tbody th{color:#333;background: #f2f2f2;padding: 15px; text-align:left;position:relative;border-right: 1px solid #dddee0;border-bottom: 1px solid #dddee0;font-size:16px; line-height:1.6; font-family: 'Noto Light';}

.sisulInfo {}
.sisulInfo strong.title{font-size: 21px;font-family: 'Noto Regular';display:block;margin-bottom: 20px;}

.sisulInfo-warp{display:table;margin-bottom: 30px;}
.sisulInfo-warp > div{display: block;vertical-align: top;}
.sisulInfo-warp > div.sisul-thum{width: 100%;}
/*.sisulInfo-warp > div.sisul-thum img{width:100%;}*/

.sisulBtn{text-align: center; padding: 30px 0;}
.sisulBtn input[type="button"]{padding: 10px 35px;border-radius: 5px;display: inline-block;text-align: center;font-size:17px;cursor: pointer; color:#fff;}
.sisulBtn input.btn1{background-color:#e49e2b;}
.sisulBtn input.btn2{background-color:#2f8d9a;}
.sisulBtn input.btn3{background-color:#9093a2;}

.sel-year{border:1px solid #ccc;display: none;}
.sel-year .year{background: #fff;text-align: center;padding: 10px;}
.sel-year .year > a{width:39px;height: 39px;display: inline-block;text-indent:-9999px;margin:0 15px;}
.sel-year .year .y-prev{background: url('../images/y-prev.png') no-repeat center;}
.sel-year .year .y-next{background: url('../images/y-next.png') no-repeat center;}
.sel-year .year > span{color:#151515;font-family: 'Noto Medium';display: inline-block;vertical-align: middle;font-size: 32px;}
.sel-year .month{background: url('../images/dashed-line.png') no-repeat center;padding: 12px 15px;}
.sel-year .month > ul{display: flex;justify-content: space-around;padding:0 25px;}
.sel-year .month > ul > li > a{font-size: 18px;color:#666;}
.sel-year .month > ul > li > a.on{color:#2f8d9a;font-family: 'Noto Regular';position: relative;}
.sel-year .month > ul > li > a.on:after{content:'';width: 32px;height: 1px;position: absolute;bottom: -5px;left:50%;margin-left:-16px;background: #2f8d9a;}

.intro-box{background: #f4f4f4;padding: 25px 25px 25px;}
.intro-box .img{width:125px;height: 125px;background: #fff;border-radius: 50%;display: block;margin: 50px auto 20px;position: relative;}
.intro-box .img:after{content:'';width:47px;height: 50px;background: url('../images/clock.png') no-repeat center;position: absolute;top:50%;left:50%;margin-left:-24px;margin-top:-25px;}
.intro-box .text{margin-bottom: 40px;}
.intro-box .text strong{display: block;font-size: 21px;font-family: 'Noto Regular';color:#2f8d9a;line-height: 1.4;text-align: center;font-weight: normal;}
.intro-box .text p{display: block;line-height: 1.4;font-size: 17px;color:#666;text-align: center;margin-top: 8px;}

.intro-box > strong{display:block;font-size:19px;font-family:'Noto Regular';color:#212121;margin-bottom: 10px;}
.intro-box > ul > li{position: relative;padding-left:12px;}
.intro-box > ul > li:before{content:'';width:4px;height: 4px;background: #2196f3;position: absolute;top: 16px;border-radius: 50%;left:0;display: block;}
.intro-box > ul > li > span{display: inline-block;margin-right: 10px;font-family:'Noto Regular';color:#333;}
.intro-box > ul > li em.reqFlag{display: block;position: absolute;top: 4px;right: 0;background: #5894f9;color: #fff;padding: 3px 10px;line-height: 1.35;border-radius: 5px;font-size: 15px;}

.facility-apply h3{display: block;font-family:'Noto Regular';color:#1f479a;font-size: 22px;margin-bottom: 10px;}
.facility-apply .text-box{margin-bottom: 40px;font-size: 17px;}
.facility-apply .text-box > ul > li{position: relative;padding-left:12px;}
.facility-apply .text-box > ul > li:before{content:'';width:4px;height: 4px;background: #2196f3;position: absolute;top: 16px;border-radius: 50%;left:0;display: block;}
.facility-apply .write-Wrap{border-top:2px solid #000;}

.facility-apply .agree-box{text-align: center;margin: 0 0 50px;padding-top: 30px;border-top: 1px solid #ccc;font-size: 20px;color:#333;font-family: 'Noto Regular';}
.facility-apply .radio-box > ul > li{display: inline-block;margin:0 15px;font-size: 17px;font-family: 'Noto Light';padding-top: 15px;}
.facility-apply dl{display: table; width: 100%;border-bottom: 1px solid #dadada;}
.facility-apply dl dt{width: 200px;display: table-cell;vertical-align: middle;text-align: left;padding: 12px 15px;font-size: 17px;background: #f5f5f5;font-family: 'Noto Regular';color: #555;}
.facility-apply dl dd{display: table-cell;vertical-align: middle;padding: 12px 20px;font-size: 16px;font-family: 'Noto Regular';color: #666;}
.facility-apply dl dd input[type="text"] {border: 1px solid #dfdfdf;height: 38px;line-height: 38px;padding: 0 10px;font-size: 16px;color: #666;margin: 3px 0;width: 100%;}
.facility-apply dl dd select{border: 1px solid #dfdfdf;height: 38px;line-height: 38px;padding: 0 10px;display: inline-block;vertical-align: top;font-size: 16px;color: #666;margin: 3px 0;}
.facility-apply dl dd > p{margin-bottom: 3px;}
.facility-apply dl dd input[type="button"]{font-size:17px;padding:0 15px;height:36px;line-height:36px;display:inline-block;margin-left:3px;}
.facility-apply dl dd textarea{border:1px solid #dfdfdf;}

.facility-apply dl dd #resveSt{width:auto;margin-right:5px;}
.facility-apply dl dd #resveEt{width:auto;margin-left:5px;}
.facility-apply dl dd #email1{width:auto;margin-right:5px;}
.facility-apply dl dd #email2{width:auto;margin-left:5px;}
.facility-apply dl dd #fileNm{width:auto;}

@media all and (max-width:1200px) {
.calendarWrap{display: block;width:100%;}
.infoWrap{display: block;width:100%;border-left: 1px solid #ddd;margin-top: 50px;height: auto;}
}

@media all and (max-width:767px) {
  .facility-apply dl dd #resveSt{width:100%;margin-right:0;}
  .facility-apply dl dd #resveEt{width:100%;margin-left:0;}
  .facility-apply dl dd #email1{width:100%;margin-right:0;}
  .facility-apply dl dd #email2{width:100%;margin-left:0;}
  .facility-apply dl dd #fileNm{width:100%;}

  .calendar_area thead th{font-size:16px;}
  .calendar_area tbody td{padding:20px 10px;}
  .board-search .box-sel select{min-width:300px;}
  .sisulInfo-warp > div.sisul-thum img{width:100%;}
}



._mngr form{display: inline-block;vertical-align: top;width:40%;}
._mngr form + form{width: 57%;margin-left: 2%;margin-top: 60px;}
._mngr .calendarWrap{width:100%;}
._mngr .calendarWrap .calendar_area table{width:100%;}
._mngr .calendarWrap .calendar_area tbody td span:before{bottom:unset;top:-12px;width:9px;height: 9px;margin-left:-3.8px;}
._mngr form > div > select._selectBox{margin-bottom:10px;background: #fff url('../images/s-arrow.png') no-repeat 95% center;font-size: 18px;font-family: 'Noto Light';color: #666;border:1px solid #ccd0d7;height: 50px;min-width: 370px;padding-left: 15px;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
._mngr ._view._labelW01 ._form ._label, ._mngr ._write._labelW01 ._form ._label{width:150px;}
._mngr ._view._labelW01 ._form, ._mngr ._write._labelW01 ._form{padding-left:165px;}


._mngr .calendar_area .head a.prev{background: url('/sites/kongju/images/contents/y-prev.png') no-repeat center;}
._mngr .calendar_area .head a.next{background: url('/sites/kongju/images/contents/y-next.png') no-repeat center;}