@CHARSET "UTF-8";

.calendar_area .head{padding: 5px; background: url(../images/pattern.png) #fff; margin-bottom: 20px;}
.calendar_area .head .monthSelect-box{background-color: white; position: relative;}
.calendar_area .monthSelect-box #curDate{display: block; color: #1d335a; font-size: 26px; text-align: center; padding: 4px 0; font-family: 'Noto Medium';}
.calendar_area .monthSelect-box a{position: absolute; top: 0; width: 120px; height: 100%; font-family: 'Noto Regular'; line-height: 60px;}
.calendar_area .monthSelect-box a.prev{left: 45px; background: url(../images/month-prev.png) no-repeat left center; padding-left: 50px;}
.calendar_area .monthSelect-box a.next{right: 45px; background: url(../images/month-next.png) no-repeat right center; padding-right: 50px; text-align: right;}
.calendar_area .placelend-reserv-btn{color: #fff; display: block; background-color: #4290de; border-radius: 3px;}
.calendar_area .placelend-list-btn{color: white; display: block; background-color: #313644; border-radius: 3px;}
.calendar_area .calendar tbody td p{color: #8d8d8d; font-family: 'Noto Regular';}

.board-button {text-align: center; display: inline-block; width: 100%;}
.board-button.align-r {text-align: right;}
.board-button .btn-mine {float: left;}
.board-button .btn-control {float: right;}
.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';}
.board-button  a.btn-deco, .board-button  input.btn-deco {color: #fff;}
.board-button .btn-deco.color1 {background: #313644; border: 1px solid #313644;}
.board-button .btn-deco.color2 {background: #0067c3; border: 1px solid #0067c3;}
.board-button .btn-deco.color3 {background: #fff; border: 1px solid #0067c3; color: #0067c3;}
.board-button .btn-deco.color4 {background: #fff; border: 1px solid #ce2856; color: #ce2856;}
.board-button .btn-deco.color5 {background: #fff; border: 1px solid #1c3c8f; color: #1c3c8f;}
.board-button.view {margin-bottom: 40px; text-align: center;}
.board-button.view .btn-mine {float: none; display: inline-block;}
.board-button.view .btn-control {float: none; display: inline-block;}

.con-table input[type=text], .con-table select{border: 1px solid #dfdfdf; height: 30px; line-height: 30px; padding: 0 10px;}
.con-table textarea{font-family: 'Noto Light';}
.con-table input.long {width: 100%;}
.con-table input.mid {width: 25%;}
.con-table input.short {width: 10%;}
.con-table .addressBtn{background-color: #828282; color: #fff; border-radius: 3px; text-align: center; height: 30px; padding: 5px 10px; cursor: pointer;}
.con-table.scroll-table input[type=button] {display: inline-block; padding: 5px 10px; background-color: #4290de; border-radius: 3px; color: white; cursor: pointer;}

@media all and (max-width: 768px) {
  .calendar_area .monthSelect-box a{line-height: 48px;}
  .calendar_area .monthSelect-box a.prev{left: 20px;}
  .calendar_area .monthSelect-box #curDate{font-size: 20px;}
  .calendar_area .monthSelect-box a.next{right: 20px;}
}

.con-table {position:relative;}
.con-table:after {content:''; position: absolute; right:-1px; top:0px; width:2px; height:100%; background:#fff;}
.con-table table {font-family:'Noto DemiLight'; position:relative; width: 100%;}
.con-table table:after {content:''; position:absolute; top:0px; left:0px; width:100%; height:2px; background:#43505d;}
.con-table table:before {content:''; position:absolute; bottom:0px; left:0px; width:100%; height:1px; background:#43505d;}
.con-table thead th {padding:15px 10px; font-weight:normal; background:#e4ebf2; color:#1b1b1b; border-right:1px solid #ccd0d7; border-bottom:1px solid #ccd0d7; font-size:18px;}
.con-table tbody th {padding:15px 10px; background:#f1f1f1; color:#6d6e71; border-right:1px solid #ccd0d7; border-bottom:1px solid #ccd0d7; font-size:16px;}
.con-table tbody th.color {background:#e4ebf2; font-size: 18px; color: #1b1b1b; font-weight: normal;}
.con-table tbody td {padding:15px 10px; background:#fff; color:#666; border-right:1px solid #ccd0d7; border-bottom:1px solid #ccd0d7; font-size:16px;}
.con-table .align-l {text-align:left;}
.con-table .align-r {text-align:right;}
.con-table .align-c {text-align:center;}

.request-bx{text-align: right; margin-bottom: 20px;}
.request-bx .request-search .box-select{display: inline-block; margin-right: 10px;}
.request-bx .request-search .box-select select{background : #ebebeb url(../images/arrow-search.png) no-repeat right center; font-size: 14px; font-family: 'Noto Regular'; color: #646464; border: 0; height: 40px; border-radius: 100px; min-width : 160px; padding-left: 20px; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.request-bx .request-search .box-search{position: relative; display: inline-block; background-color: #ebebeb; height: 40px; line-height: 40px; padding: 0 5px 0 15px; border-radius: 100px; min-width: 300px;}
.request-bx .request-search .box-search input{position: relative; top: -2px; width: 100%; height: 100%; background: transparent; border: 0; font-family: 'Noto Regular';}
.request-bx .request-search .box-search input[type="submit"]{position: absolute; right: 0; top: 0; width: 40px; background: url(../images/ico-search.png) no-repeat center center; text-indent: -9999px; cursor: pointer;}

@media all and (max-width: 768px) {
  .request-bx .request-search .box-select{display: block; float: left; width: 30%; margin-right: 0;}
  .request-bx .request-search .box-select select{min-width: auto; width: 100%;}
  .request-bx .request-search .box-search{display: block; width: 60%; float: right; min-width: auto;}
}