@charset "UTF-8";


/* 버튼 */
.reservationWrap .btn-deco { display: inline-block; min-width: 80px; cursor: pointer; font-size: 14px; height: 40px; line-height: 37px; text-align: center; margin: 0 1px; border-radius: 100px; font-family: 'Noto DemiLight'; }
.reservationWrap  a.btn-deco, .reservationWrap input.btn-deco {color: #fff;}
.reservationWrap .btn-deco.color1 {background: #8e99ab; border: 1px solid #8e99ab;}
.reservationWrap .btn-deco.color2 {background: #2b3e5c; border: 1px solid #2b3e5c;}
.reservationWrap .btn-deco.color3 {background: #007e77; border: 1px solid #007e77;}
.reservationWrap .btn-deco.color4 {background: #2b3e5c; border: 1px solid #2b3e5c;}
.reservationWrap .btn-deco.color5 {background: #004594; border: 1px solid #004594;}
.reservationWrap .small-btn {display: inline-block; cursor: pointer; font-size:12px; height:unset; line-height:unset; text-align:center; padding:4px 20px; margin:0; font-family: 'Noto Light';}
.reservationWrap .small-btn.color1 {background: #004594; color: #fff; border: 1px solid #004594;}
.reservationWrap .small-btn.color2 {background: #fff; color: #ce2856; border: 1px solid #ce2856;}

.reservationWrap .reserveColor1 {background:#8e8e8e; color:#fff; display:inline-block; font-size:14px; padding:2px 10px; }
.reservationWrap .reserveColor2 {background: #29a7d1; color:#fff; display:inline-block; font-size:14px; padding:2px 10px; }
.reservationWrap .reserveColor3 {background: #ef4123; color:#fff; display:inline-block; font-size:14px; padding:2px 10px; }

/* 이용 */
.rsvStatus ul{display: flex;justify-content: flex-start;flex: 1 0 auto;}
.rsvStatus ul li{align-items:center;padding-right: 15px;}
.rsvStatus ul li span{display: inline-block;padding: 5px 10px;color:#FFF;}
.rsvStatus ul li span.statusW{background-color:#29a7d1;}
.rsvStatus ul li span.statusD{background-color:#ef4123;}
.rsvStatus ul li span.statusP{background-color:#8e8e8e;}

.daysearch{display:flex;align-items:center;justify-content:center;margin-bottom:30px;}
.daysearch .h-year{font-size:25px;font-family:'Noto Medium';line-height:1;margin:0 20px;}
.daysearch .hpsc-month{font-size:25px;font-family:'Noto Medium';line-height:1;margin-right:20px;}
.daysearch a{display:block;width:30px;height:30px;background:#666;border-radius:100%;font-size:0;}
.daysearch a.prev{background:#9d9b9b  url(../images/prev_w.png) no-repeat center;}
.daysearch a.next{background:#9d9b9b  url(../images/next_w.png) no-repeat center;}

.table_calendar td{position:relative;height:200px;overflow-y:auto;}
.table_calendar td ul{margin-left:30px;font-family:'Noto Regular';color:#222;}
.table_calendar th.sun,
.table_calendar .sun .day{color:#ff1d00}
.table_calendar th.sat,
.table_calendar .sat .day{color:#006bff}
.table_calendar .day{position:absolute;left:10px;top:10px;font-size:16px;font-family:'Noto Bold';line-height:1;}
.table_calendar td{}
.table_calendar ._button input,
.table_calendar ._button a{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;}


@media only screen and (max-width: 768px) {
	.table_m table{min-width:350%;}
}

.reservationWrap .objHeading_h3 { padding-bottom:10px; }

/* 쓰기 */
.reservationWrap .applicationWrite { border-top:2px solid #7c7c7c; border-bottom:1px solid #7c7c7c; display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; }
.reservationWrap .applicationWrite .row { flex-basis:50%; display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; border-top:1px solid #dadada; }
.reservationWrap .applicationWrite .row.w100 { flex-basis:100%; }
.reservationWrap .applicationWrite .row.editor { flex-basis:100%; border-top:0; }
.reservationWrap .applicationWrite .row.fileBox:first-child { border-top:1px solid #7c7c7c; }
.reservationWrap .applicationWrite .row.fileBox:last-child { border-bottom:1px solid #7c7c7c; }

.reservationWrap .applicationWrite .row .title { width:30%; cursor:none; background-color:#f5f5f5; font-size:15px; color:#444; font-weight:400; padding:10px 32px; display:flex; align-items:center; }
.reservationWrap .applicationWrite .row.w100 .title { width:15%; }
.reservationWrap .applicationWrite .row.editor .title { width:0; }
.reservationWrap .applicationWrite .row .title .must { background:url("../images/must.gif") no-repeat center center; text-indent:-9999px; display:inline-block; margin-left:5px; width:unset; height:unset; top:unset; }

.reservationWrap .applicationWrite .row .insert { width:70%; padding:10px; font-size:13px; font-weight:300; color:#686868; display:flex; flex-flow:row wrap; align-items:center; }
.reservationWrap .applicationWrite .row.w100 .insert { width:85%; }
.reservationWrap .applicationWrite .row.editor .insert { width:100%; padding:0; display:block; }
.reservationWrap .applicationWrite .row .insert input[type="text"] { /*width:100%;*/ box-sizing:border-box; border:1px solid #dfdfdf; height:30px; padding:0 10px; font-size:13px; color:#686868; }

/*
.reservationWrap .applicationWrite .row .insert select { width:100%; border:1px solid #dfdfdf; height:30px; font-size:13px; color:#686868; padding:0 10px; appearance:none; background: #fff url("../images/arrow-search.png") no-repeat right center; }
*/

.reservationWrap .applicationWrite .row .insert input[type="text"].w20px { width:20px; }
.reservationWrap .applicationWrite .row .insert input[type="text"].w100px { width:100px; }
.reservationWrap .applicationWrite .row .insert input[type="text"].w200px { width:200px; }
.reservationWrap .applicationWrite .row .insert input[type="text"].w40 { width:40%; }
.reservationWrap .applicationWrite .row .insert input[type="text"].w45 { width:45%; }
.reservationWrap .applicationWrite .row .insert input[type="text"].w50 { width:50%; }
.reservationWrap .applicationWrite .row .insert input[type="text"].w70 { width:70%; }
.reservationWrap .applicationWrite .row .insert input[type="text"].w75 { width:75%; }
.reservationWrap .applicationWrite .row .insert input[type="text"].w80 { width:80%; }
.reservationWrap .applicationWrite .row .insert input[type="text"].w90 { width:90%; }
.reservationWrap .applicationWrite .row .insert input[type="text"].w92 { width:92%; }
.reservationWrap .applicationWrite .row .insert input[type="text"].w93 { width:93%; }
.reservationWrap .applicationWrite .row .insert input[type="text"].w94 { width:94%; }
.reservationWrap .applicationWrite .row .insert input[type="text"].w95 { width:95%; }
.reservationWrap .applicationWrite .row .insert input[type="radio"] { margin-top:-5px; }

.reservationWrap .applicationWrite .row.fileBox .insert { flex-flow:row wrap; align-items:stretch; }
.reservationWrap .applicationWrite .row.fileBox .insert .attachWrap { width:calc(100% - 335px); }
.reservationWrap .applicationWrite .row.fileBox .insert .attachWrap select { width:100%; height:130px; }
.reservationWrap .applicationWrite .row.fileBox .insert .attachBtnWrap { width:335px; padding-left:15px; display:flex; flex-direction:column; }
.reservationWrap .applicationWrite .row.fileBox .insert .attachBtnWrap.dRow { flex-direction:row; }
.reservationWrap .applicationWrite .row.fileBox .insert .attachBtnWrap .file-btn { margin-right:10px; margin-bottom:10px; color:#444; border:1px solid #d5d5d5; font-size:11px; padding:0 10px; padding-left:45px; width:145px; height:30px; cursor:pointer; }
.reservationWrap .applicationWrite .row.fileBox .insert .attachBtnWrap .file-btn.add { background:url("../images/ic_save.png") #ececec no-repeat 10px center; }
.reservationWrap .applicationWrite .row.fileBox .insert .attachBtnWrap .file-btn.del { background:url("../images/ic_delete.png") #ececec no-repeat 10px center; }

.reservationWrap .applicationWrite .row .addrWrap { display:flex; flex-flow:column nowrap; align-items:flex-start; }
.reservationWrap .applicationWrite .row .addrWrap > div { width:100%; }
.reservationWrap .applicationWrite .row .addrWrap > div:nth-child(2) { margin-top:5px; }

.reservationWrap .applicationWrite .row .insert .line { flex:0 0 auto; display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:center; margin-right:10px; }
.reservationWrap .applicationWrite .row .insert .line label {}
.reservationWrap .applicationWrite .row .insert .line input[type="text"] { margin-left:10px; }
.reservationWrap .applicationWrite .row .insert .switch { background-color:#f5f5f5; padding:5px 15px; }
.reservationWrap .applicationWrite .row .insert .switch ul { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; }
.reservationWrap .applicationWrite .row .insert .one-line { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; }
.reservationWrap .applicationWrite .row .insert .one-line li { margin-right:10px; flex:1 0 auto; align-self:center; }

.reservationWrap .agreeWrap { background-color: #efefef; padding: 10px 20px; display: inline-block; }
.reservationWrap .agreeWrap input[type="checkbox"] { vertical-align:-4px; }

@media all and (max-width:1024px) {
	.reservationWrap .applicationWrite .row { flex-basis:100%; }
	.reservationWrap .applicationWrite .row .title, .reservationWrap .applicationWrite .row.w100 .title { width:25%; }
	.reservationWrap .applicationWrite .row .insert, .reservationWrap .applicationWrite .row.w100 .insert { width:75%; }
	.reservationWrap .applicationWrite .row .insert .line { margin-bottom:5px; }
}
@media all and (max-width:800px) {
	.reservationWrap .applicationWrite .row .title, .reservationWrap .applicationWrite .row.w100 .title { width:100%; padding:10px 32px; }
	.reservationWrap .applicationWrite .row .insert, .reservationWrap .applicationWrite .row.w100 .insert { width:100%; padding:15px 10px; }
}

.reservationWrap .applicationWrite .row .sel-type { margin-right: 5px; font-family: 'Noto Regular'; font-size: 14px; color: #888; border: 1px solid #dfdfdf; height: 30px; line-height: 29px; padding: 0 40px 0 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #ebebeb url("/sites/style_guide/images/bbs/arrow-search.png") no-repeat right center;}

.reservationWrap .applicationWrite .row .periodWrap input[type="text"] { width:120px; }


.myReserveBtn > a { height:unset !important; line-height:unset !important; padding:10px 20px; }