@charset "UTF-8";
#schdulWrap{position:relative;}
.simplemodal-container .simplemodal-wrap ._alertWrap ._alertBody{padding:1em;}
/**************************
        예약 start
***************************/
#reservation h3{font-size: 20px;position: relative;color: #444;margin: 0 0 10px;font-weight: 500;border-bottom:2px solid #999;padding-bottom:10px;}
#reservation h3:before{content: '';width: 3px;height: 15px;background-color: #005bac;display: inline-block;margin-right: 10px;margin-top: -2px;vertical-align: middle;}
#reservation h4{font-size:16px;position:relative;color: #444;margin: 0 0 10px;font-weight: 400;}
#reservation h4:before{content: '';width: 15px;height: 15px;background:url(./../images/bullet.png)no-repeat;background-size:80%; display: inline-block;margin-right: 5px;vertical-align: middle;}
#reservation table{border-collapse: collapse;width:100%;}

/**예약실 리스트**/
#roomList{margin-bottom:50px;}
#roomList .gallerySlider{margin-top:20px;}
#roomList .slickThum{padding-left:0;text-align: center;}
#roomList .slickThum li{display:inline-block; overflow: hidden; margin-bottom: 20px;}
#roomList .slickThum .slick-slide{margin:0 10px;height:115px;}
#roomList .slick-slide img{width:100%;height:100%;}
#roomList .slick-list{overflow:hidden;width: 89%;display: inline-block;}
#roomList .slick-track{display:inline-block;}
#roomList .slick-arrow{text-indent:-9999px;width:27px;height:115px;border:none;vertical-align: top;}
#roomList .slick-prev{background:url(./../images/left.jpg)no-repeat;}
#roomList .slick-next{background:url(./../images/right.jpg)no-repeat;}

@media only screen and (max-width:680px){
#roomList .slick-list{width:80%;}
#roomList .reserveList .caption{text-align:right;position: static !important;}
#roomList .gallerySlider{margin:20px 0;}
}

#roomList .reserveList{padding:35px 25px;border:5px solid #eee;position:relative;}
#roomList .reserveList .tableWrap table{border-top:2px solid #004a98; min-width:800px;}
#roomList .reserveList .tableWrap caption{display:none;}
#roomList .reserveList .tableWrap thead th{border-bottom:1px solid #004a98;border-right:none; color:#222;}
#roomList .reserveList .tableWrap tbody td{border-right:none; line-height:1.4; font-size:.9em;}
#roomList .reserveList .tableWrap tbody td a{background-color:#6b9ecc;font-size:13px;color:#fff;padding:7px 10px;border-radius: 3px;}
#roomList .reserveList .caption{position:absolute;top:20px; right:25px;}

/**예약실 리스트**/


/**전체 예약정보**/
#totalInfo {position:relative;}
#totalInfo .tableTitle{text-align: center;}
#totalInfo .tableTitle span{font-weight:500;font-size:35px;color:#212121;}
#totalInfo .tableTitle a {background: url("./../images/wizBtn_direction.png") 0 0 no-repeat;width: 32px;height: 45px;text-indent: -5000px;display: inline-block;vertical-align: middle;margin:0 20px;}
#totalInfo .tableTitle a.next{background-position:right top;}
#totalInfo .monthTable .dayTable{color:#666;min-width:800px;}
#totalInfo .monthTable thead th{border-right:none; font-weight: 500; font-size:16px; color:#2f2f2f;}
#totalInfo .monthTable tbody td{font-size:.85em;height:125px;vertical-align: top; padding:5px; text-align:left; word-break:keep-all;}
#totalInfo .monthTable tbody td:hover{background-color:#f1f7ff;}
#totalInfo .monthTable tbody td ul{padding-left:5px;}
#totalInfo .monthTable tbody td ul li{/*display:inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;*/padding-left: 7px;position: relative; line-height:1.4; margin-bottom:5px;}
#totalInfo .monthTable tbody td ul li a:before{content:'';width: 3px;height: 3px;background-color:#666;display: block;margin-right:5px;margin-top:-2px;position: absolute;left: 0;top:11px;border-radius: 10px;}
#totalInfo .monthTable tbody td ul li a strong{display:block;}
#totalInfo .monthTable .sun{color:#f35050;}
#totalInfo .monthTable .sat{color:#007cfe;}
/**전체예약정보**/


/**장소정보 팝업**/
#totalInfo .popup{top: 50%;left: 50%;margin-top: -135.5px;margin-left: -165px;}
#totalInfo .popup{width:330px; position:absolute;background-color: #fff;box-shadow: 5px 5px 20px #ccc;}
#totalInfo .popTitle{background-color:#3bb888;padding:15px;width:330px;height:50px;box-sizing: border-box;}
#roomList #totalInfo .popTitle h2{color:#fff;display: inline-block;float:left;font-weight:400;font-size:20px;margin:0;margin-top:-10px;}
#roomList #totalInfo .popTitle h2:before{content:'';display:inline-block;width:15px;height:15px;background:url(./../images/bullet_w.png)no-repeat;margin-right:10px;vertical-align: middle;}
#totalInfo .popTitle .close{display:inline-block;float:right;background:url(./../images/close_x.png)no-repeat;text-indent:-9999px;width:15px;height:15px;z-index: 9999;margin-top: 3px;}

#totalInfo .popcontents{background-color:#eee;padding:10px;}
#totalInfo .popcontents table{width:310px;border:1px solid #dfdfdf;font-size:14px;}
#totalInfo .popcontents tbody th{background-color:#f9f9f9;border-right:none;font-weight: 500;color:#333;border-top:1px solid #dfdfdf;}
#totalInfo .popcontents tbody td{background-color:#fff;font-weight: 300;color:#666;padding-left:15px;padding-right:15px;height:40px;border-top:1px solid #dfdfdf;text-align:left;}
/**장소정보 팝업**/

/******예약 end*******/





/**************************
        현황 start
***************************/

#status h3{font-size: 20px;position: relative;color: #444;margin: 0 0 10px;font-weight: 500;border-bottom:2px solid #999;padding-bottom:10px;}
#status h3:before{content: '';width: 3px;height: 15px;background-color: #005bac;display: inline-block;margin-right: 10px;margin-top: -2px;vertical-align: middle;}
#status table{border-collapse: collapse;width:100%;}
#status table th{text-align:left; padding-left:20px;}
#status table caption{display:none;}
#status .backbutton{padding:5px 25px;margin-top:20px;}

@media only screen and (max-width:860px){
#status table th{min-width:100px;}
}

@media only screen and (max-width:680px){
#status .basicInfo .tableWrap table th,
#status .basicInfo .tableWrap table td{width:95%;display:block;border-right:none;text-align: center;}
#status .basicInfo .tableWrap table td p{width:45% !important;}
}

/**기본정보**/
#status .titleBox{border:1px solid #cfcfcf;background-color:#fff;text-align:center;padding:25px 0;box-shadow:0px 5px 0 #f1f1f1;margin-bottom:50px;}
#status .titleBox span{color:#212121;font-size:20px;font-weight:500;}
#status .basicInfo{margin-bottom:70px;}
#status .basicInfo h3{border-bottom:none;}
#status .basicInfo .tableWrap table{min-width:300px;}
#status .tableWrap table th{color:#333;font-weight:500;border-right:none;width:20%;}
#status .tableWrap table td{color:#666;font-weight:200; padding:10px; font-size:.9em;}
#status .basicInfo .tableWrap table td img{max-width: 100%;}
#status .basicInfo .tableWrap table td span{font-size:11px;background-color:#2ca174;border-radius:2px;color:#fff;margin-right:5px;padding:0 3px;}
#status .basicInfo .tableWrap table td p{display:inline-block;margin:0; width:22%;}


/**기본정보**/


/**예약정보**/
#status .reserveInfo{position:relative;}
#status .reserveInfo h3{padding-bottom:20px;}
#status .tableTitle{text-align: center;}
#status .tableTitle span{font-weight:500;font-size:35px;color:#212121;}
#status p.searchSelect{font-size: 20px;margin: 15px 0;}
#status .tableTitle a {background: url("./../images/wizBtn_direction.png") 0 0 no-repeat;width: 32px;height: 36px;text-indent: -5000px;display: inline-block;vertical-align: middle;margin:0 20px;}
#status .tableTitle a.next{background-position:right top;}

#status .reserveInfo .step{width:100%;text-align: center; border-top:1px solid #ddd; padding-top:10px;}
#status .reserveInfo .step ul{display:inline-block;text-align: center;padding-left:40px;}
#status .reserveInfo .step ul li{float:left;margin-right:40px;}
#status .reserveInfo .step span{padding:1px 7px;color:#fff;display:inline-block;border-radius:3px;margin-right:10px;font-size:16px;}
#status .reserveInfo .step span.step01{background-color:#44a3db;}
#status .reserveInfo .step span.step02{background-color:#55c988;}
#status .reserveInfo .step span.step03{background-color:#dc5e47;}
#status .reserveInfo .step span.step04{background-color:#9a9a9a;}

#status .reserveInfo .monthTable .dayTable{color:#666;min-width:800px;}
#status .reserveInfo .monthTable thead th{border-right:none; font-weight: 500; font-size:16px; color:#2f2f2f;}
#status .reserveInfo .monthTable tbody td{font-size:13px; height:60px;vertical-align: top; text-align:left;}
#status .reserveInfo .monthTable tbody td .step{border-top:none;}
#status .reserveInfo .monthTable tbody td:hover{background-color:#f1f7ff;}
#status .reserveInfo .monthTable tbody td ul{padding-left:5px;}
#status .reserveInfo .monthTable tbody td ul li{width:120px;display:inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#status .reserveInfo .monthTable tbody td ul li:before{content:'';width:2px;height:2px;background-color:#666;display:inline-block;margin-right:5px;vertical-align: middle;margin-top:-2px;}
#status .reserveInfo .monthTable .sun{color:#f35050;}
#status .reserveInfo .monthTable .sat{color:#007cfe;}
#status .reserveInfo .monthTable .step span{margin-right:1px;}
#status .reserveInfo .monthTable .step span a{color:#fff; font-size:.9em;}

@media only screen and (max-width:830px){
  #status .reserveInfo .step ul{padding-left:10px;}
  #status .reserveInfo .step ul li{margin-right:10px;}
  #status .reserveInfo .step ul li{width:50%;margin-right:0;text-align: left;margin-bottom:5px;}
  #status .request{top: 240px;}
}

@media only screen and (max-width:420px){
  #status .reserveInfo .step ul li,
  #status .reserveInfo .step ul li span{font-size:14px;}
}
/**예약정보**/


/**신청**/
.request{width:100%;}
.request .requestWrap{padding:35px 25px;position:relative;background:#fff;}
.request h4{font-size:16px;position:relative;color: #444;margin: 0 0 10px;font-weight: 500;}
.request h4:before{content: '';width: 15px;height: 15px;background:url(./../images/bullet.png)no-repeat;background-size:80%; display: inline-block;margin-right: 5px;vertical-align: middle;}
.request .requestWrap .artclLabel{position: absolute; top:35px; right:25px;}
.request .requestWrap .must{margin:0 5px;width: 8px;height: 11px;text-indent: -5000px;background: url(./../images/must.gif) no-repeat;overflow: hidden;padding: 0;}

.request .tableWrap{margin-bottom:50px;}
.request .tableWrap table{border-bottom:1px solid #353e4d;}
.request .tableWrap table span{color:#0060a6;font-weight: 500;}

.request .requestWrap input[type="text"]{height:40px;padding-left:10px;font-size:16px;}
.request .requestWrap .full{width:98%;}

.request .tableWrap table td{text-align: left; font-size:.9em;}
.request .tableWrap table td label{width:24%;display: inline-block;}
.request .requestWrap input[type="checkbox"]{margin-right:10px;}
.request .tableWrap table td input._full{width:calc(100% - 20px)}
.request .agreement{border: 1px solid #ccc; margin: 20px auto;max-height: 500px;overflow-y: auto; padding: 15px 15px;}
.request .agreement p{line-height:1.6; font-size:.9em;}

.request .areaButton{overflow: hidden;padding: 1em 0;text-align: center;}
.request .areaButton ._button,
.request .areaButton ._close{border: 0;cursor: pointer;display: inline-block;zoom: 1;}
.request .areaButton ._button input{background-color:#0060a6;font-weight: 400;padding: 12px 40px;font-size:16px;margin-top:-5px;}
.request .areaButton ._close a{margin-top:2px;background-color:#9a9a9a;font-weight: 400;padding: 12px 40px;font-size:16px;color:#fff;border:none;border-radius:3px;cursor:pointer;}

@media only screen and (max-width:1150px){
  .request .tableWrap table td label{margin-right:calc(10% - 10px);}
}

@media only screen and (max-width:860px){
  .request .tableWrap table td label{margin-right:calc(8% - 20px);}
}

@media only screen and (max-width:680px){
.request .tableWrap table th,
.request .tableWrap table td{width:96%;border-right:none;margin-right:0;}
.request .areaButton ._button,
.request .areaButton ._close{display:block;}
.request .areaButton ._button input,
.request .areaButton ._close a{width:100%;}
.request .areaButton ._close a{display:inline-block;padding: 6px 0px;}
.request .tableWrap table td label{margin-right:0;}
}
/**신청**/

/******현황 end*******/