@charset "UTF-8";
#schdulWrap{position:relative;}
/* 검색*/
#schdulWrap .search{text-align:center; padding:20px;font-size:20px;}
#schdulWrap .search span{margin:9px 30px 0 30px;font-size: 23px;font-weight: 500;color: #222;}
#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 strong{padding:0 20px;}
#schdulWrap .search input{text-align: center;width: 90px;}
#schdulWrap .search select{text-align:left;}
#schdulWrap .hide{display:none;}
#schdulWrap .search a {background: url("../images/wizBtn_direction.png") 0 0 no-repeat;width: 32px;height: 32px;text-indent: -5000px;display: inline-block;vertical-align: middle;padding-bottom: 5px;}
#schdulWrap .search a.next{background-position:right top;padding-bottom: 5px;}
#schdulWrap .search input.day-text{width:auto; text-align:center;padding-bottom: 10px;}

#_JW_resve_list table .sel-type{padding:0 10px;}
#_JW_resve_list table .sel-type:first-child{padding-left:0;}

.tabMenu ul li{display:inline-block;}
.tabMenu > ul{overflow: hidden;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;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:300;}

.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 16px;}
.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: 70px;padding:25px 35px;box-sizing: border-box;background-color:#fff;border:5px solid #eee;width:100%;z-index:999; display:none;box-shadow: 0px 9px 9px -7px #afafaf;}
.reservation .close{position:absolute;right:-6px;top: -58px;background:url(../images/close.png)no-repeat;text-indent:-99999px;width:45px;height:45px;}


/*spopup01*/
#schdulWrap .stabMenu h3{font-size: 1.3em;padding: 15px 0;border-bottom: 3px 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;}
#schdulWrap .stabMenu h3:before{content: '';width: 17px;height: 17px;display: inline-block;background: url(../images/bullet.png)no-repeat;margin-right: 12px;}
#spopup01 .tableWrap{margin-bottom:20px;min-width:50px}
#spopup01 .tableWrap table{border-top:none;}
#spopup01 .tableWrap thead th,
#spopup01 .tableWrap tbody td{padding:15px 0; line-height:1.4;}


/*spopup02*/

#spopup02 .selectBox{position: absolute; top:95px;right:35px;width:200px;height:40px;color:#777;}

#spopup02 .gallerySlider{margin-top:20px;display:inline-block;float:left; width:45%;}
#spopup02 .slickThum li{display:inline-block; height: 310px; overflow: hidden; margin-bottom: 20px;}
#spopup02 .slickThum {position: relative;width:73%;padding:0 25px; margin: 0 auto;}
#spopup02 .slickThum .slick-slide{margin:0 10px;width:90px;height:60px;}
#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;margin:0 auto; width:360px;}
#spopup02 .slickGallery li{display:block; float:left;}
#spopup02 .slickGallery img{border:1px solid #ddd;max-width: 100%;}


/**장소정보 팝업**/
 .popup{top: 50%;left: 50%;margin-top: -135.5px;margin-left: -165px;}
 .popup{width:330px; position:absolute;background-color: #fff;box-shadow: 0px 4px 11px 0px #afafaf;}
 .popup .popTitle{background-color:#3bb888;padding:15px;width:330px;height:50px;box-sizing: border-box;}
 .popup .popTitle h2{color:#fff;display: inline-block;float:left;font-weight:400;font-size:20px;margin:0;margin-top:-10px !important;}
 .popup .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;}
 .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;}

 .popcontents{background-color:#eee;padding:10px;}
 .popcontents table{width:310px;border:1px solid #dfdfdf;font-size:14px;}
 .popcontents tbody th{background-color:#f9f9f9;border-right:none;font-weight: 500;color:#333;border-top:1px solid #dfdfdf;}
 .popcontents tbody td{background-color:#fff;font-weight: 300;color:#666;padding-left:10px;padding-right:10px;height:40px;border-top:1px solid #dfdfdf;text-align:left; word-break: keep-all;line-height: 16px;}
 .popcontents tbody td a span{background-color:#005bac;color:#fff; padding: 5px 19px; border-radius:3px;margin-bottom:20px;}
/**장소정보 팝업**/



#spopup02 .slick-prev,
#spopup02 .slick-next{position:absolute;top:50%;width:22px;height:60px;text-indent:-9999px;margin-top:-30px;}
#spopup02 .slick-prev {background:url(../images/left.png)no-repeat;left:0;}
#spopup02 .slick-next {background:url(../images/right.png)no-repeat;right:0;}

#spopup02 .tableWrap_cl{float:right;display:inline-block;width:55%;margin-top:20px;min-width: 100px;}
#spopup02 .tableWrap_cl table{min-width: 300px;border-bottom:2px solid #ddd;}
#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:10px 0;text-align: left;padding-left: 25px;box-sizing: border-box;background-color:#f9fafc;border-right:1px solid #ddd;border-bottom:1px solid #ddd; font-weight:500;color: #222;}
#spopup02 .tableWrap_cl tbody td{padding:13px 0;border-bottom:1px solid #ddd;border-top:1px solid #ddd;}
#spopup02 .tableWrap_cl tbody .firstbox{border-top:2px solid #ddd;}
#spopup02 .tableWrap_cl tbody td{text-align:left; padding-left:10px;}
#spopup02 .align{float:inherit;width:100%;margin-top:0px;}
#spopup02 .align table{border-top:none;}

/*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;}
#spopup03 .artclItem .artclLabel{position: relative;font-weight: 500;color: #000;width: 140px;background: #f5f5f5;padding: 15px 30px 15px 20px;display: table-cell;text-align: left;}
#spopup03 .artclItem .artclInsert{display: table-cell;padding: 10px;vertical-align: middle;}
#spopup03 .artclItem .artclInsert input[type="text"],
#spopup03 .artclItem .artclInsert select{line-height: 40px;height: 40px;padding: 0 9px 0;;box-sizing: border-box;color:#999;font-weight: 200;}
#spopup03 .artclItem .artclForm{position: relative;border-bottom: 1px #dcdcdc solid; display: table; width:100%;}
#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{color:orange;text-align:center;font-weight:500;margin-bottom:20px;}
#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/must.gif) 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;}

/*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 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;}
  .monthTable{overflow-x: scroll;}
  .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;}
  .stabMenu{height:70px;}
  .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:calc(100% - 50px);}
  #spopup03 .artclItem .artclInsert{display:block;}
  #spopup03 ._full{width:100%;}
  #spopup03 .floatL{margin-bottom:20px;width:75%;}
  #spopup03 .artclItem{min-width:40px;overflow-x: scroll;}
}

@media only screen and (max-width:600px){
	#equipmentWrap .equipmentList li{width:calc(100% - 4px); margin:10px 0 10px 0;}

  .stabMenu{height: 62px;}
  .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:5px 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:94%;}
  #spopup03 .artclItem .artclLabel{width: 86.5%;}
  #spopup03 .artclItem .phone{width:25%;}
}

/*테이블*/
.table_1{border-top:2px solid #aaa;border-bottom:1px solid #aaa;}
.table_1 table{width:100%; border:0;}
.table_1 caption{text-indent:-9999px;height:0;position:absolute;left:9999px;top:9999px;}
.table_1 table thead tr{border-bottom: 2px solid #eaeaea !important;}
.table_1 th{background:#d4f8ff !important;border-bottom:1px solid #FFF;border-left:1px solid #FFF;font-weight:400 !important;}
.table_1 td{background:#FFF;text-align:left;border-top:1px solid #eaeaea;border-left:1px solid #aaa; padding: 3px 5px !important;}
.table_1 th,
.table_1 td{padding:10px;line-height:1.3;text-align:center;}
.table_1 th:first-child,
.table_1 td:first-child{border-left:0;}
.table_1 td.left{text-align:left;}
.table_1 tfoot tr{background:#f6f6f6;border-top:1px solid #eaeaea;font-weight:400;}
/*M_테이블*/
@media only screen and (max-width:1024px){
  .table_m{overflow-y:hidden;overflow-x:scroll;position:relative;padding-top:30px;border-top:1px solid #eaeaea;}
  .table_m:before{content:"화면을 좌ㆍ우로 움직여 볼 수 있습니다.";display:block;padding:5px 10px;font-size:13px;font-weight:500;position:absolute;top:0;left:0;}
  .table_m table{min-width:150%;}
}

/*쓰기_필수*/
.must{display:inline-block;font-size:0;}
.must:before{content:"*";display:inline-block;line-height:0;vertical-align:-2px;margin-right:5px;font-size:13px;background:none;color:#e22318}

/*쓰기_필드*/
.board-write .row{display:table;width:100%;position:relative;border-bottom:1px dashed #DDD;margin-bottom:10px;padding-bottom:10px}
.board-write .title,
.board-write .insert{vertical-align:middle;display:table-cell}
.board-write .title{width:200px;line-height:0}
.board-write .insert{}

.board-write .insert .flex_con{display:flex;justify-content:flex-start;align-items:center; flex-flow:row wrap;}
.board-write .insert .flex_con .line{margin-right:5px;}

@media screen and (max-width:768px) {
  .board-write .insert .flex_con .line{flex-basis:100%;}
  .board-write .flex_con .line select { width:49%;}  
}


.board-write .insert .line{margin:3px 0;}
.board-write .insert .switch{}
.board-write .insert input[type=text],
.board-write .insert input[type=password],
.board-write .insert input[type=button],
.board-write .insert input[type=password],
.board-write .insert select,
.board-write .insert textarea{display:inline-block;box-sizing:border-box;border:1px solid #DDD;background:#f8f8f8;}
.board-write .insert input[type=text],
.board-write .insert input[type=password],
.board-write .insert input[type=button],
.board-write .insert input[type=password],
.board-write .insert select{height:40px;font-size:18px;-webkit-appearance:none;appearance:none}
.board-write .insert select{height:40px;background:url(/sites/style_guide/images/common/bul_select.png) no-repeat right center;padding:0 50px 0 10px}
.board-write .insert select::-ms-expand{display:none}
.board-write .insert input[type=text]{padding:0 10px}
.board-write .insert input[type=button]{padding:0 20px}
.board-write .long{width:100%}
.board-write .half{width:50%}

/*쓰기_첨부파일*/
.board-write .file-select{background:#f8f8f8 !important;padding:10px !important;}
.board-write .insert input[type=button].file-btn.add,
.board-write .insert input[type=button].file-btn.del{font-weight:300;margin-top:3px;}
.board-write .insert input[type=button]{cursor:pointer;height:35px;color:#FFF;background:#acacac;border-color:#acacac}
.board-write .insert input[type=button]:hover{background:#5e6263;border-color:#5e6263}
.board-write .possible{padding:10px 0}

/*쓰기_라디오버튼*/
.board-write .one-line{display:flex;justify-content:flex-start;align-items:center;}
.board-write .one-line li{margin-right:10px;}
.board-write .insert input[type=radio],
.board-write .insert input[type=checkbox]{top:0;display:inline-block;vertical-align:-1px;margin-right:3px}
.board-write .insert textarea{padding:15px;width:100%;font-size:18px;}

/*쓰기_기간선택*/
.board-write .ico-cal{}
.board-write .hasDatepicker{text-align:center;width:120px;height:35px !important}
@media screen and (max-width:768px){
  .board-write .row{display:block}
  .board-write .title,
  .board-write .insert{display:block}
  .board-write .title{width:100%;line-height:1;padding:10px 0 15px 0}
  .board-write .half{width:100%}
  .board-write .hasDatepicker { width:100%;}

}

/*버튼*/
.board-button{overflow:hidden;padding-top:50px;text-align:center}
.board-button .btn-mine{float:left}
.board-button .btn-control{float:right}
.board-button form{line-height:1}
.board-button a,
.board-button input{display:inline-block;cursor:pointer;padding:7px 20px;border-radius:30px;border:3px solid transparent;font-size:18px;color:#FFF;background:#858585;-webkit-appearance:none;appearance:none;}
.board-button a:hover,
.board-button input:hover,
.view-comment-write .comment .small-btn-box input:hover,
.view-answer .small-btn-box a:hover,
.view-answer .small-btn-box input:hover{background:#FFF;transition: all 0.2s cubic-bezier(0.3, 0, 0.3, 1);border-color:#858585;color:#858585}
/*삭제*/
.board-button input[type=button]{}
/*새글*/
.board-button input[type=submit]{background:#0065b3}
.board-button input[type=submit]:hover{background:#FFF;border-color:#0065b3;color:#0065b3;}
/*내글*/
.board-button .btn-mine input[type=submit]{background:#3082d6}
.board-button .btn-mine input[type=submit]:hover{background:#FFF;border-color:#3082d6;color:#3082d6;}
/*답글*/
.board-button a{background:#3082d6;color:#FFF !important;padding:11px 20px}
.board-button a:hover{border-color:#3082d6;color:#3082d6 !important}
/*보기_버튼*/
.board-button.view .btn-mine,
.board-button.view .btn-control{display:inline-block;float:none}
/*미리보기 버튼*/
a.previewDocu{cursor: pointer;box-sizing:border-box;    padding: 2px 18px 2px 13px;border-radius: 20px;border:2px solid transparent;font-size: 14px;background: #76b83d;color: #FFF !important;margin-left:10px}
a.previewDocu:hover{border-color: #76b83d;color: #76b83d !important;background: #FFF;transition: all 0.2s cubic-bezier(0.3, 0, 0.3, 1);}

/*말머리 색상*/
._openwrd{color:#022968;}

/*비밀번호*/
.pass-wrap{}
.pass-wrap .board-button{margin-top:20px;}
.pass-wrap .insert input[type=password]{width:100%;height:40px;font-size:18px;-webkit-appearance:none;appearance:none;border:1px solid #DDD;background:#f8f8f8;}


/*HOVER효과************************************************************/
@media screen and (min-width:1025px){
	ul.cate-now a:hover{background:#2d2d2f;color:#FFF;}
}

._fnctWrap {
    overflow: visible;
    width: 100%;
    height: 100%;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: 300;
    line-height: 1.4;
    font-size: 18px;
    color: #333;
    letter-spacing: -.3px;
    word-wrap: break-word;
}


.searchSelect{display:flex;justify-content:center;margin:20px 0;}
.searchSelect strong{font-size:22px !important;padding:0 20px;font-weight:700;}
.searchSelect a{display:inline-block;text-indent:-9999px;width:33px;height:33px;background:url(/sites/style_guide/images/common/arrow_3_b.png) no-repeat center;border:1px solid #888;}
.searchSelect a.prev,
.searchSelect a.next{border: 0 !important;}

.calendar_table{}
.calendar_table td{position:relative;text-align:left;font-size:15px;}
.calendar_table th.sun,
.calendar_table td.sun span{color:#cb2026;}
.calendar_table th.sat,
.calendar_table td.sat span{color:#0065b3;}
.calendar_table td span{font-size:13px;font-weight:700;position:absolute;top:10px;left:10px;}
.calendar_table td a{display:block;position:relative;padding:5px 0 5px 20px;}
.calendar_table td a:before{content:"";display:block;width:4px;height:2px;background:#888;position:absolute;top:13px;left:10px;}
.calendar_table td strong{display:block;}

.board-button a{line-height:1;}
.board-button-2 a{line-height:1;background:#DDD;margin:0 5px;font-size:15px;padding:5px 10px;border-radius:2px;font-weight:400;}
input[type=text],
select{border:1px solid #ddd !important; box-sizing:border-box;}
.table_1 input[type=text]{width:100%;padding:5px;height:35px; border:1px solid #ddd; box-sizing:border-box;}
.table_1 input[type=button]{padding:5px; border: 1px solid #aaa; box-sizing:border-box;}
mark{background:none !important;}
.center.board-button{float:right;}
.board-button input[type=submit]{display:block !important; float:left; margin-right:30px;}