@charset "UTF-8";
#schdulWrap{position:relative;/* min-height: 1250px; */}
/* 검색*/
#schdulWrap #mvForm{float: left;}
#schdulWrap #mvForm::after{content:""; display: table; clear: both;}
#schdulWrap .search{text-align:center; padding:5px;font-size:20px; background: url(../images/border_line.png);}
#schdulWrap .search::after{content:""; display: table; clear: both;}
#schdulWrap .search-box{background-color: white; padding: 13px 27px 13px 25px; position: relative;}
#schdulWrap .search-box::after{content:""; display: table; clear: both;}
#schdulWrap .search .day-schedule{float: left;}
#schdulWrap .search .day-schedule a{display: block; width: 100%; height: 100%; background: #122651 url(../images/white_line.png); color: white; font-family: 'Noto Regular'; text-align: center; padding: 7.5px 26.5px;}
#schdulWrap .search span{margin: 0 105px; font-size: 26px; color: #1d335a; font-family: 'Noto Medium'; line-height: 30px; display: inline-block; position: relative; top: 1.5px;}
#schdulWrap .search input,
#schdulWrap .search strong,
#schdulWrap .search select{padding:0;height:auto;border:none;font-size:1.9em;font-weight:500;vertical-align:middle;color:#000;margin: 0 0px;}
#schdulWrap .search input{text-align: center;width: 90px;}
#schdulWrap .search select{text-align:left;}
#schdulWrap .hide{display:none;}
#schdulWrap .search .searchSelect{float: left; line-height: 30px; position: absolute; left: 50%; margin-left: -200px; top: 50%; margin-top: -16.5px;}
#schdulWrap .search .searchSelect.weekSelect{margin-left: -260px;}
#schdulWrap .search .searchSelect a {text-indent: -5000px;display: inline-block; width: 30px; height: 30px;}
#schdulWrap .search a.prev{background: url(../images/monthPrev.png);}
#schdulWrap .search a.prev:hover{background: url(../images/monthPrev_on.png);}
#schdulWrap .search a.next{background: url(../images/monthNext.png);}
#schdulWrap .search a.next:hover{background: url(../images/monthNext_on.png);}
#schdulWrap .search input.day-text{width:auto; text-align:center;}
#schdulWrap .search .choice{float: right;}
#schdulWrap .search .choice select{border: 1px solid #c3c3c3; font-size: 16px; font-family: 'Noto Light'; color: #9d9d9d; width: 100%; height: 100%; display: block; width: 220px; padding:14px 0 15px 14px; background : url(../images/ic_search_arrow.png) no-repeat right 15px center; appearance: none; -moz-appearance: none; -webkit-appearance: none; line-height: 1.5;}
select::-ms-expand{display: none;}
.stabMenu > div::after{content:""; display: table; clear: both;}

@media all and (max-width: 1023px) {
  #schdulWrap .search span{margin: 0 50px;}
  #schdulWrap .search .searchSelect{margin-left: -150px;}
  #schdulWrap .search .searchSelect.weekSelect{margin-left: -203px;}
  #schdulWrap .search .choice select{width: 150px;}
}

@media all and (max-width: 768px) {
  #schdulWrap #mvForm{float: none;}
  #schdulWrap .search .day-schedule{float: none; padding-top: 50px;}
  #schdulWrap .search .searchSelect{top: 30px; margin-left: -132px;}
  #schdulWrap .search .searchSelect.weekSelect{margin-left: -175px;}
  #schdulWrap .search .day-schedule a{font-size: 13px; padding: 5px 0;}
  #schdulWrap .search .choice{float: none; margin-top: 10px;}
  #schdulWrap .search .choice select{width: 100%; padding: 10px 0 10px 10px;}
  #schdulWrap .search span{font-size: 20px; top: 0;}
}

@media all and (max-width: 420px) {
  #schdulWrap .search span{margin: 0 10px; font-size: 16px;}
  #schdulWrap .search .searchSelect{margin-left: -82px;}
  #schdulWrap .search .searchSelect.weekSelect{margin-left: -116px;}
}

.tabMenu ul li{display:inline-block;}
.tabMenu > ul{overflow: hidden;border-bottom: 2px solid #1c5797; line-height:1.6; display:Table; width:100%;}
.tabMenu > ul > li{display:table-cell}
.tabMenu > ul > li > a{display: block;color: #494949;background-color: #f8f8f8;padding: 10px 25px;border: 1px solid #d2d2d2; border-bottom: 0;box-sizing: border-box; text-align:center; font-size:1.2em;}
.tabMenu > ul > li + li > a{border-left:none;}
.tabMenu > ul > li > a.active{color: #fff; background-color: #005bac; border: 1px solid #5a7797; font-weight:500;}

/* .stabMenu{text-align:Center;border-bottom:1px solid #ddd;position:relative;border-bottom:1px solid #ddd;} */
.stabMenu .stabinfo li{display:inline-block; margin: 20px 35px 20px 0px; color:#000; font-size:20px; font-weight:500;}
.stabMenu .stabinfo li + li:before{content:''; width:4px; height:4px; display:inline-block;  vertical-align:middle; background-color:#333; border-radius:15px; margin-right:40px; margin-top:-3px;}
.stabMenu .stabinfo li a{padding: 20px 40px;}
.stabMenu .stabinfo li a.on{color:#0067b4;border-bottom:5px solid #0067b4;}
.stabMenu h3{font-size: 1.3em;padding: 15px 0;border-bottom: 2px solid #353e4d;color: #000;text-align:left;font-weight: 500;letter-spacing: -1.5px;line-height: 1.6em;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
/* .stabMenu h3:before{content: '';width: 17px;height: 17px;display: inline-block;background: url(../images/bullet.png)no-repeat;margin-right: 12px;} */


.reservation{position:absolute;left:0;top: 152px;padding:25px 35px;box-sizing: border-box;background-color:#fff;border:3px solid #ddd;width:100%;z-index:999; display:none;}
.reservation .close{position:absolute;right:10px;top: -60px;background:url(../images/close.png)no-repeat;text-indent:-99999px;width:45px;height:45px;}

/*table달력*/
.con-table .monthTable table{width: 100%; border: 1px solid #cccccc;}
.con-table .monthTable table th,
.con-table .monthTable table td{padding:12px;}
.con-table .monthTable table thead th{border:none; font-size:18px; font-family: 'Noto Regular'; background-color:#f8f8f8; border-top:2px solid #000; color:#000; border-right: 1px solid #cccccc;}
.con-table .monthTable table tbody th{border:none; font-family: 'Noto Light'; background-color:#f8f8f8; border:1px solid #cccccc;}
.con-table .monthTable table th.sun{color:#f35050;}
.con-table .monthTable table th.sat{color:#0055bc; border-right: 0;}
.con-table .monthTable table td{text-align:left; vertical-align:top; height:200px; font-family: 'Noto Light'; border:1px solid #ddd; padding: 0 10px;}
.con-table .monthTable table td.sat{color: #0055bc; font-family: 'Noto Regular';}
.con-table .monthTable table td.sun{color: #f35050; font-family: 'Noto Regular';}
.con-table .monthTable.weekTable table td{height: 120px; padding-top: 10px;}
.con-table .monthTable table td a{font-size:14px; text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display: block; color: #666666;}
.con-table .monthTable table td.sun a.day{color:#f35050;}
.con-table .monthTable table td.sat a.day{color:#0055bc;}
.con-table .monthTable table td.today{border:2px solid #0055bc; background-color:#f1f7ff}
.con-table .monthTable table td.today ul{padding:5px;text-align: left;}
.wrap-contents .con-table .monthTable table td ul li{padding-left: 0;}
.con-table .monthTable table td ul li::before{display: none;}

.monthTable table.dayTable td{height:30px;}

#spopup01_alink{background-color: #1d335a; color: white; font-family: 'Noto Regular'; font-size: 18px; padding: 26.5px 46.5px; border-radius: 50px; display: inline-block; line-height: 1; margin-top: 30px;}
#spopup03_alink{background-color: #006cc7; color: white; font-family: 'Noto Regular'; font-size: 18px; padding: 26.5px 62.5px; border-radius: 50px; float: right; line-height: 1; margin-top: 30px;}

@media all and (max-width: 1023px) {
  .monthTable{margin-top: 50px;}
}

@media all and (max-width:860px) {
  .monthTable table{width: 1000px;}
}

@media all and (max-width: 768px) {
  #spopup01_alink{font-size: 16px; padding: 15px 30px;}
  #spopup03_alink{font-size: 16px; padding: 15px 30px;}
}

@media all and (max-width: 600px) {
  .monthTable table{width: 800px;}
}

@media all and (max-width: 420px) {
  #spopup01_alink{font-size: 16px; padding: 10px 0; display: block; text-align: center;}
  #spopup03_alink{font-size: 16px; padding: 10px 0; display: block; margin-top: 20px; float: none; text-align: center;}
}


/*색상변경*/
.monthStep{text-align: right;}
.monthStep ul{display: inline-block;  margin-top: 20px;}
.monthStep ul li{display:inline-block; margin-right:10px; font-family: 'Noto DemiLight'; color: #666666;}
.monthStep ul li + li:before{content:'/'; display:inline-block; margin-right:13px; font-size:.8em; color:#999;}
.monthStep ul li span{}

.tablehead .choice{float:right; margin-top:-8px;}
.tablehead .choice select{line-height:40px; height:40px; padding-left:5px;}

.stepColor{width:10px; height:10px; display:inline-block; margin-right:5px; margin-top:-3px; border-radius:10px;}
.stepColor.step01{background-color:#008aff;}
.stepColor.step02{background-color:#06988d;}
.stepColor.step03{background-color:#ed6712;}
.stepColor.step04{background-color:#bfbfbf;}

.slist li{margin-bottom:10px;}
.slist li a{position:relative; line-height:1.2; padding-left:10px; display:block; color:#000; padding-left:13px;}
.slist li a:before{content:''; width:7px; height:7px; display:block; position:absolute; left:0; top:5px; border-radius:10px;}
.slist li a.listSetp01:before{background-color:#008aff;}
.slist li a.listSetp02:before{background-color:#06988d;}
.slist li a.listSetp03:before{background-color:#ed6712;}
.slist li a.listSetp04:before{background-color:#bfbfbf;}
.slist li a span{display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 90%; font-weight:500;}
.slist li a p.slistTit {overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}


/*spopup01*/
#schdulWrap .stabMenu h3{font-size: 26px; font-family: 'Noto Medium'; color: #151515; text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
#spopup01 .tableWrap{margin-bottom:20px;min-width:50px}
#spopup01 .tableWrap table{border-top:none; border-bottom: 0;}
#spopup01 .tableWrap table::before{display: none;}
#spopup01 .tableWrap thead th{border-bottom: 1px solid #878787; font-size: 18px; font-family: 'Noto Medium'; color: #080808; padding: 21.5px 0; line-height: 1; border-right: 0;}
#spopup01 .tableWrap tbody tr{border-bottom: 1px solid #e2e2e2;}
#spopup01 .tableWrap tbody tr:last-child{border-bottom: 1px solid #8b9099}
#spopup01 .tableWrap tbody td{font-family: 'Noto Light'; font-size: 16px; color: #666666; line-height: 1; height: 55px; border: 0; text-align: center; padding: 5px 10px;}
#spopup01 .tableWrap tbody td p{border-radius: 50px; font-size: 16px; font-family: 'Noto DemiLight'; color: white; display: inline-block; padding: 10px 0; line-height: 1; width: 73px; text-align: center;}
#spopup01 .tableWrap tbody td .approval-modify{border-radius: 50px; font-size: 16px; font-family: 'Noto DemiLight'; color: white; display: inline-block; padding: 10px 0; line-height: 1; background-color: #008aff; width: 73px; text-align: center;}
#spopup01 .tableWrap tbody td p.approval-end{background-color: #1e5ba8;}
#spopup01 .tableWrap tbody td p.approval-wait{background-color: #828282;}

@media all and (max-width: 768px) {
  #spopup01 .tableWrap thead th{font-size: 16px;}
  #spopup01 .tableWrap tbody td{font-size: 14px;}
  #spopup01 .tableWrap tbody td p{font-size: 14px; width: 55px;}
  #spopup01 .tableWrap tbody td .approval-modify{font-size: 14px; width: 55px;}
}

/*spopup02*/

#spopup02 .selectBox{position: absolute; top:95px;right:35px;width:200px;height:40px;color:#777;}

#spopup02 .gallerySlider{margin-top:50px;display:inline-block;float:left; width:43.5%;}
#spopup02 .slickThum li{display:inline-block; height: 310px; overflow: hidden; margin-bottom: 20px;}
#spopup02 .slickThum {position: relative;width:87%;padding:0 25px; margin: 20px auto;}
#spopup02 .slickThum .slick-slide{margin:0 10px;width:90px; height: auto; position: relative;}
#spopup02 .slickThum .slick-slide.slick-current::before{content:""; display: block; position: absolute; width: 100%; height: 100%; border: 5px solid #008fd5;}
#spopup02 .slickThum img{max-width: 100%;}
#spopup02 .slick-slide img{max-width: 100%;}
#spopup02 .slick-list{overflow:hidden;}
#spopup02 .slick-track{display:inline-block;}
#spopup02 .slickGallery{text-align:center;}
#spopup02 .slickGallery li{display:block; float:left;}
#spopup02 .slickGallery img{max-width: 100%;}


/**장소정보 팝업**/
 .popup{top: 50%;left: 50%;margin-top: -135.5px;margin-left: -460px;}
 .popup{width:920px; position:absolute;background-color: #fff;}
 .popup .popTitle{background: #122651 url(../images/white_line.png); padding:22px 30px;width:100%;box-sizing: border-box;}
 .popup .popTitle::after{content:""; display: table; clear: both;}
 .popup .popTitle h2{color:#fff;display: inline-block;float:left; font-size: 24px; font-family: 'Noto Medium'; line-height: 1;}
 .popTitle .close{display:inline-block;float:right;background:url(./../images/close_x.png)no-repeat;text-indent:-9999px;width:20px;height:20px;z-index: 9999; position: relative; top: 2px;}

 .popcontents{border: 1px solid #bebebe; padding: 15px 30px 30px 30px;}
 .popcontent-title p{font-size: 26px; font-family: 'Noto Medium'; color: #151515;}
 .popcontents table{width:100%; font-size:18px; margin-top: 15px; border-top: 2px solid black;}
 .popcontents tbody tr{border-bottom: 1px solid #d9d9d9;}
 .popcontents tbody th{font-family: 'Noto DemiLight'; color: #333333; text-align: left; padding: 12px 0 12px 20px; position: relative;}
 .popcontents tbody th::after{content:""; display: block; position: absolute; width: 1px; height: 13px; background-color: #cacaca; right: 0; top: 50%; margin-top: -6.5px;}
 .popcontents tbody td{font-family: 'Noto Light'; color: #666666; text-align: left; padding-left: 26px;}

 @media all and (max-width: 1023px) {
   .popup{width: 100%; left: 0; margin-left: 0;}
 }

 @media all and (max-width: 768px) {
   .popcontents{padding: 15px;}
   .popcontents table{font-size: 16px;}
   .popcontents tbody th{padding: 12px 0 12px 10px;}
   .popcontents tbody td{font-size: 14px;}
   .popcontents tbody td{padding-left: 15px;}
 }
/**장소정보 팝업**/



#spopup02 .slick-prev,
#spopup02 .slick-next{position:absolute;top:50%;width:20px;height:33px;text-indent:-9999px;margin-top:-16.5px;}
#spopup02 .slick-prev {background:url(../images/imagesliderPrev.png)no-repeat;left:0;}
#spopup02 .slick-prev:hover{background: url(../images/imagesliderPrev_on.png);}
#spopup02 .slick-next {background:url(../images/imagesliderNext.png)no-repeat;right:0;}
#spopup02 .slick-next:hover{background: url(../images/imagesliderNext_on.png);}

#spopup02 .tableWrap_cl{float:right;display:inline-block;width:51.5%;margin-top:50px;min-width: 100px; position: relative;}
#spopup02 .tableWrap_cl::before{content:""; display: block; position: absolute; width: 100%; height: 2px; background-color: black; left: 0; top: 0;}
#spopup02 .tableWrap_cl table{min-width: 300px;}
#spopup02 .tableWrap_cl tbody tr{border-bottom: 1px solid #d9d9d9;}
#spopup02 .tableWrap_cl thead th{padding:10px 0;background-color:#f9fafc;border-right:1px solid #ddd;border-bottom:1px solid #ddd; font-weight:500; }
#spopup02 .tableWrap_cl tbody th{padding:12px 0;text-align: left;padding-left: 21px;box-sizing: border-box; font-family: 'Noto DemiLight'; font-size: 18px; position: relative;}
#spopup02 .tableWrap_cl tbody th::after{content:""; display: block; position: absolute; width: 1px; height: 13px; background-color: #cacaca; right: 0; top: 50%; margin-top: -6.5px;}
#spopup02 .tableWrap_cl tbody td{padding:12px 0;}
#spopup02 .tableWrap_cl tbody td{text-align:left; padding-left:26px;}
#spopup02 .align{float:inherit;width:100%;margin-top:0px;}
#spopup02 .align table{border-top:none;}

@media all and (max-width: 420px) {
  #spopup02 .tableWrap_cl tbody th{font-size: 16px;}
  #spopup02 .tableWrap_cl tbody td{font-size: 14px;}
}

/*spopup02 탭메뉴*/
.Tab{overflow: hidden;width:100%;}
.Tab li.place a,
.Tab li.reserve a{display:block;border:1px solid #cfcfcf;padding:15px 0;background-color:#f8f8f8;border-bottom:1px solid #1c5797;}
.Tab li.place._active a,
.Tab li.reserve._active a{border-bottom:1px solid #fff;border-left:1px solid #1c5797;border-right:1px solid #1c5797;border-top:1px solid #1c5797;background-color:#fff;color:#1c5797;font-weight:500;}
.Tab li.place,
.Tab li.reserve{width:50%;float:left;}

.placeInfo._activediv,
.reserveInfo._activediv{display:block;width:100%;height:auto;}
.placeInfo,
.reserveInfo{display:none;}


/*spopup03*/
#spopup03 .artclItem{margin-bottom:20px; border-top: 2px solid black; border-bottom: 1px solid #8b9099}
#spopup03 .artclItem::after{content:""; display: table; clear: both;}
#spopup03 .artclItem .artclLabel{position: relative;color: #000;width: 200px;display: table-cell;text-align: left; font-family: 'Noto Regular'; font-size: 18px; padding: 17px 0 17px 20px; vertical-align: top; line-height: 1; background-color: #fbfbfb;}
#spopup03 .artclItem .artclInsert li::after{content:""; display: table; clear: both;}
#spopup03 .artclItem .artclInsert li .start-wrap{float: left;}
#spopup03 .artclItem .artclInsert li .end-wrap{float: left;}
#spopup03 .artclItem .artclInsert{display: table-cell;padding: 10px 20px;vertical-align: middle;}
#spopup03 .artclItem .artclInsert input[type="text"],
#spopup03 .artclItem .artclInsert select{line-height: 40px;height: 40px;padding-left: 15px;box-sizing: border-box;color:#999; width: 100%; vertical-align: middle;}
#spopup03 .artclItem .artclInsert #spotSeq{ width: 220px; background: url(../images/ic_search_arrow.png) no-repeat right 15px center; appearance : none; -webkit-appearance: none; -moz-appearance: none;}
#spopup03 .artclItem .artclInsert li .start-date, #spopup03 .artclItem .artclInsert li .end-date{background: url(../images/table_date.png) no-repeat left center; padding: 8px 0 8px 33px; margin-right: 5px; vertical-align: middle;}
#spopup03 .artclItem .artclInsert #reservDeSrcStr, #spopup03 .artclItem .artclInsert #reservDeEndStr{width: 180px; appearance : none; -webkit-appearance: none; -moz-appearance: none;}
#stHh, #stMm, #edHh, #edMm{width: 100px !important;background: url(../images/ic_search_arrow.png) no-repeat right 15px center; appearance : none; -webkit-appearance: none; -moz-appearance: none;}
select::-ms-expand{display: none}
#spopup03 .artclItem .artclInsert li .slashs{margin: 0 15px; display: inline-block;}
#spopup03 .artclItem .artclInsert #dayStrLi{background-color: #f6f8fa; padding: 9px 20px; margin-top: 15px;}
#spopup03 .artclItem .artclInsert #dayStrLi input[type="checkbox"]{position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;}
#spopup03 .artclItem .artclInsert #dayStrLi input[type="checkbox"] + label{display: inline-block; position: relative; padding-left: 29px; cursor: pointer;}
#spopup03 .artclItem .artclInsert #dayStrLi input[type="checkbox"] + label::before{content:""; display: block; position: absolute; width: 18px; height: 18px; border: 2px solid #d1d4da; background-color: white; left: 0; top: 50%; margin-top: -9px;}
#spopup03 .artclItem .artclInsert #dayStrLi input[type="checkbox"]:checked + label::after{content:""; display: block; position: absolute; width: 8px; height: 8px; background-color: #005aab; left: 50%; top: 50%; margin: -4px 0 0 -16.5px;}
#spopup03 .artclItem .artclInsert #dayStrLi label{margin-right:10px;}
#spopup03 .artclItem .artclInsert #nmpr{width: 200px;}
#spopup03 .artclItem .artclInsert #cn{width: 100%;}
#spopup03 .artclItem .artclForm{position: relative;border-bottom: 1px #dcdcdc solid; display: table; width:100%;}
#spopup03 .artclItem .artclForm:last-child{border-bottom: 0;}
#spopup03 .artclItem ._half{text-align: left;}
#spopup03 ._auto{width:auto;}
#spopup03 ._full{width:84%;text-align: left;}
#spopup03 ._half{width:50%;float:left;}
#spopup03 .ad{width:84%;}
#spopup03 .floatL{float:left; width:50%;display:inline-block;}
#spopup03 .artclItem .phone{width:15%;}
#spopup03 p{text-align: right; font-size: 16px; font-family: 'Noto DemiLight'; color: #0067d4; line-height: 25px;}
#spopup03 p span{padding-left: 35px; background: url(../images/info_logo.png) no-repeat left center;}
#spopup03 a.btn{background-color:#00428e;color:#fff;padding:10px 40px; border-radius:4px;text-align:center;display: inline-block;}
#spopup03 mark.must{margin-left: 5px;width: 8px;height: 11px;text-indent: -5000px;background: url(../images/mustText.png) no-repeat;overflow: hidden;padding: 0;}
#spopup03 ._bgstyle{background-color:#005bac;color:#fff; padding: 5px 19px; border-radius:3px;margin-bottom:20px;}
#spopup03 .confirm{border:none;background-color:#005bac;color:#fff;padding:5px 15px;border-radius: 3px;margin-top:-5px;}
#spopup03 .delete{border:none;background-color:#9093a2;color:#fff;padding:5px 15px;border-radius: 3px;}
#spopup03 .submit-box{text-align: center; margin-top: 30px;}
#spopup03 .submit-box ._bgstyle{ font-size: 18px; font-family: 'Noto Medium'; color: white; background-color: #006cc7; border-radius: 50px; display: inline-block; padding: 25px 63px; margin-bottom: 0;}

@media all and (max-width: 1420px) {
  #spopup03 .artclItem .artclInsert #reservDeSrcStr, #spopup03 .artclItem .artclInsert #reservDeEndStr{width: 130px;}
  #stHh, #stMm, #edHh, #edMm{width: 80px !important;}
}

@media all and (max-width: 1200px) {
  #spopup03 .artclItem .artclInsert #reservDeSrcStr, #spopup03 .artclItem .artclInsert #reservDeEndStr{width: 80px;}
  #stHh, #stMm, #edHh, #edMm{width: 60px !important; background:url(../images/ic_search_arrow.png) no-repeat right 5px center }
}

@media all and (max-width: 1023px) {
  #spopup03 .artclItem .artclInsert li .start-wrap{float: none;}
  #spopup03 .artclItem .artclInsert li .end-wrap{float: none; margin-top: 10px;}
  #spopup03 .artclItem .artclInsert li .slashs{display: none;}
  #spopup03 .artclItem .artclInsert #reservDeSrcStr, #spopup03 .artclItem .artclInsert #reservDeEndStr{width: 150px;}
  #stHh, #stMm, #edHh, #edMm{width: 80px !important; background:url(../images/ic_search_arrow.png) no-repeat right 15px center }
}

@media all and (max-width: 768px) {
  #spopup03 .artclItem .artclInsert #reservDeSrcStr, #spopup03 .artclItem .artclInsert #reservDeEndStr{width: 80px;}
  #stHh, #stMm, #edHh, #edMm{width: 60px !important;}
  #spopup03 .submit-box ._bgstyle{font-size: 16px; padding: 15px 30px;}
  #spopup03 .artclItem .artclInsert #dayStrLi label{margin-right: 1px;}
}

@media all and (max-width: 680px) {
  #spopup03 .artclItem .artclInsert #spotSeq{width: 100%;}
  #spopup03 .artclItem .artclInsert li .start-date, #spopup03 .artclItem .artclInsert li .end-date{display: block;}
  #spopup03 .artclItem .artclInsert #reservDeSrcStr, #spopup03 .artclItem .artclInsert #reservDeEndStr{width: 110px;}
  #stHh, #stMm, #edHh, #edMm{width: 75px !important;}
  #spopup03 .artclItem .artclInsert #dayStrLi{padding: 9px;}
}

@media all and (max-width: 420px) {
  #spopup03 .artclItem .artclInsert #reservDeSrcStr, #spopup03 .artclItem .artclInsert #reservDeEndStr{width: 100%;}
  #spopup03 .artclItem .artclInsert #nmpr{width: 100%;}
  #stHh, #stMm, #edHh, #edMm{width: 60px !important;}
  #spopup03 .submit-box ._bgstyle{width: 100%; padding: 10px 0; text-align: center;}
}
/*etc*/
._button._active input,
._button._active a{background-color:#0060a6}

@media only screen and (max-width:1023px){
	#equipmentWrap .equipmentList li .artclInfo dl dt{display:block;}
	#equipmentWrap .equipmentList li .artclInfo dl dd{margin:0 0 10px 10px;}
	#equipmentWrap .equipmentList li .artclInfo dl dd:before{display:none;}
  .slickGallery{width:calc(100% - 50px)!important;}
}

@media all and (max-width: 420px) {
  .slickGallery{width: 100% !important;}
}

/* 반응형*/
@media only screen and (max-width:860px){
	#equipmentWrap .equipmentList li .thumbnail{width:100%; height:auto; padding:0; margin:0 0 20px 0;}
	#equipmentWrap .equipmentList li .artclInfo{width:100%;}

  .stabMenu .stabinfo li a{padding:20px}
  .stabMenu .stabinfo li + li:before{margin-right:20px;}
  .dayTable{min-width: 800px;}
  #spopup03 ._full{width:75%;}
  #spopup03 .ad{width:75%;}
}

@media only screen and (max-width:800px){
  #spopup03 ._auto{width:100%;margin-bottom:10px;}
}

@media only screen and (max-width:680px){
  .stabMenu .stabinfo li{margin:0px;margin-top: 20px;}
  .stabMenu .stabinfo li a{padding:11px}
  .stabMenu .stabinfo li + li:before{margin-right:10px;}
  .reservation .close{top:-62px;right:0;}

  #schdulWrap .search{padding:10px;}
  #spopup02 .gallerySlider{width:100%;display:block;}
  #spopup02 .tableWrap{width:100%;}
  #spopup02 .tableWrap_cl{float:none;width:100%;}

  #spopup03 ._auto{width:auto;margin-bottom:0px;}
  #spopup03 .artclItem .artclLabel{display:block;width:100%;}
  #spopup03 .artclItem .artclInsert{display:block;}
  #spopup03 ._full{width:100%;}
  #spopup03 .floatL{margin-bottom:20px;width:75%;}
  #spopup03 .artclItem{min-width:40px;overflow-x: scroll;}

  #spopup03 .ad{width: 100%;}
}

@media only screen and (max-width:600px){
	#equipmentWrap .equipmentList li{width:calc(100% - 4px); margin:10px 0 10px 0;}

  .stabMenu .stabinfo li{font-size:15px;}
  .reservation .close{background-size:75%;top:-67px;}
  .stabMenu .stabinfo li a{padding:20px 15px;}
  .tablehead .choice{margin-top: 5px;margin-bottom: 5px;}
  .stabMenu .stabinfo li a{padding: 15px;}
  .monthTable table thead th{font-size:0.9em;}
  #schdulWrap .search input,
  #schdulWrap .search select{font-size:1.1em;}
  #spopup03 ._half{width:auto;}
  #spopup03 ._auto{width:96%;margin-bottom:10px;}
  #spopup02 .selectBox{position:static;margin-top:20px;}
}

@media only screen and (max-width:480px){
  .reservation{padding:15px;}
  .stabMenu .stabinfo{text-align: center;margin-left: -50px;}
  .stabMenu .stabinfo li{font-size:13px;}
  .stabMenu .stabinfo li a{padding:15px 10px;}
  .tabMenu > ul > li > a{padding:5px 12px;font-size:14px;}
  #spopup02 .reserveInfo .tableWrap table{border-top:none;min-width:inherit;}
  #spopup02 .reserveInfo .tableWrap tbody th{width:200%;display: block;}
  #spopup02 .reserveInfo .tableWrap tbody td{display: block;width: 200%;}
  #spopup03 ._full{width:100%;}
  #spopup03 .artclItem .artclLabel{width: 100%;}
  #spopup03 .artclItem .phone{width:25%;}
}
